1 | "use strict";
|
2 |
|
3 | function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4 |
|
5 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | exports.StyledAction = exports.StyledFilterFooter = exports.StyledFilterHeading = exports.StyledFilterContent = exports.StyledFilterButton = exports.StyledCell = exports.StyledRow = exports.StyledBody = exports.StyledSortableLabel = exports.StyledHeadCell = exports.StyledHead = exports.StyledTable = void 0;
|
9 |
|
10 | var React = _interopRequireWildcard(require("react"));
|
11 |
|
12 | var _index = require("../styles/index.js");
|
13 |
|
14 | function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
15 |
|
16 | function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
17 |
|
18 | function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
19 |
|
20 | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
21 |
|
22 | function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
23 |
|
24 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
25 |
|
26 | var StyledTableElement = (0, _index.styled)('div', function (_ref) {
|
27 | var $theme = _ref.$theme;
|
28 | return _objectSpread({}, (0, _index.expandBorderStyles)($theme.borders.border300), {
|
29 | backgroundColor: $theme.colors.tableBackground,
|
30 | borderTopLeftRadius: $theme.borders.radius200,
|
31 | borderTopRightRadius: $theme.borders.radius200,
|
32 | borderBottomRightRadius: $theme.borders.radius200,
|
33 | borderBottomLeftRadius: $theme.borders.radius200,
|
34 | display: 'flex',
|
35 | flexDirection: 'column',
|
36 | height: '100%',
|
37 | overflowX: 'auto'
|
38 | });
|
39 | });
|
40 | StyledTableElement.displayName = "StyledTableElement";
|
41 | var StyledTable = (0, _index.withWrapper)(StyledTableElement, function (StyledComponent) {
|
42 | return function StyledTable(props) {
|
43 | return React.createElement(StyledComponent, _extends({
|
44 | "data-baseweb": "table-custom",
|
45 | role: "grid"
|
46 | }, props));
|
47 | };
|
48 | });
|
49 | exports.StyledTable = StyledTable;
|
50 | var StyledHeadElement = (0, _index.styled)('div', function (_ref2) {
|
51 | var $theme = _ref2.$theme,
|
52 | $width = _ref2.$width;
|
53 | return {
|
54 | backgroundColor: $theme.colors.tableHeadBackgroundColor,
|
55 | boxShadow: $theme.lighting.shadow400,
|
56 | display: 'flex',
|
57 | flexGrow: 0,
|
58 | width: $width ? $width : '100%'
|
59 | };
|
60 | });
|
61 | StyledHeadElement.displayName = "StyledHeadElement";
|
62 | var StyledHead = (0, _index.withWrapper)(StyledHeadElement, function (StyledComponent) {
|
63 | return function StyledHead(props) {
|
64 | return React.createElement(StyledComponent, _extends({
|
65 | role: "row"
|
66 | }, props));
|
67 | };
|
68 | });
|
69 | exports.StyledHead = StyledHead;
|
70 | var StyledHeadCellElement = (0, _index.styled)('div', function (_ref3) {
|
71 | var $theme = _ref3.$theme,
|
72 | $cursor = _ref3.$cursor;
|
73 | var borderDir = $theme.direction === 'rtl' ? 'borderLeft' : 'borderRight';
|
74 | return _objectSpread({}, $theme.typography.font350, {}, (0, _index.expandBorderStyles)($theme.borders.border300), {
|
75 | borderTopStyle: 'none',
|
76 | borderBottomStyle: 'none',
|
77 | borderLeftStyle: 'none',
|
78 | color: $theme.colors.contentPrimary,
|
79 | display: 'flex',
|
80 | justifyContent: 'space-between',
|
81 | paddingTop: $theme.sizing.scale500,
|
82 | paddingRight: $theme.sizing.scale600,
|
83 | paddingBottom: $theme.sizing.scale500,
|
84 | paddingLeft: $theme.sizing.scale600,
|
85 | cursor: $cursor ? $cursor : 'inherit',
|
86 | width: '100%',
|
87 | ':last-of-type': _defineProperty({}, borderDir, 'none')
|
88 | });
|
89 | });
|
90 | StyledHeadCellElement.displayName = "StyledHeadCellElement";
|
91 | var StyledHeadCell = (0, _index.withWrapper)(StyledHeadCellElement, function (StyledComponent) {
|
92 | return function StyledHeadCell(props) {
|
93 | return React.createElement(StyledComponent, _extends({
|
94 | role: "columnheader"
|
95 | }, props));
|
96 | };
|
97 | });
|
98 | exports.StyledHeadCell = StyledHeadCell;
|
99 | var StyledSortableLabel = (0, _index.styled)('button', function (_ref4) {
|
100 | var $theme = _ref4.$theme;
|
101 | return _objectSpread({}, $theme.typography.font250, {
|
102 | alignItems: 'center',
|
103 | backgroundColor: 'transparent',
|
104 | borderLeftStyle: 'none',
|
105 | borderTopStyle: 'none',
|
106 | borderRightStyle: 'none',
|
107 | borderBottomStyle: 'none',
|
108 | color: $theme.colors.contentPrimary,
|
109 | display: 'flex',
|
110 | padding: 0,
|
111 | ':hover:enabled': {
|
112 | cursor: 'pointer'
|
113 | },
|
114 | ':disabled': {
|
115 | color: $theme.colors.mono500
|
116 | }
|
117 | });
|
118 | });
|
119 | exports.StyledSortableLabel = StyledSortableLabel;
|
120 | StyledSortableLabel.displayName = "StyledSortableLabel";
|
121 | var StyledBodyElement = (0, _index.styled)('div', function (_ref5) {
|
122 | var $width = _ref5.$width;
|
123 | return {
|
124 | width: $width ? $width : '100%',
|
125 | overflowX: 'hidden',
|
126 | overflowY: 'overlay',
|
127 | flex: 1
|
128 | };
|
129 | });
|
130 | StyledBodyElement.displayName = "StyledBodyElement";
|
131 | var StyledBody = (0, _index.withWrapper)(StyledBodyElement, function (StyledComponent) {
|
132 | return function StyledBody(props) {
|
133 | return React.createElement(StyledComponent, _extends({
|
134 | role: "rowgroup"
|
135 | }, props));
|
136 | };
|
137 | });
|
138 | exports.StyledBody = StyledBody;
|
139 | var StyledRowElement = (0, _index.styled)('div', {
|
140 | display: 'flex',
|
141 | alignItems: 'center'
|
142 | });
|
143 | StyledRowElement.displayName = "StyledRowElement";
|
144 | var StyledRow = (0, _index.withWrapper)(StyledRowElement, function (StyledComponent) {
|
145 | return function StyledRow(props) {
|
146 | return React.createElement(StyledComponent, _extends({
|
147 | role: "row"
|
148 | }, props));
|
149 | };
|
150 | });
|
151 | exports.StyledRow = StyledRow;
|
152 | var StyledCellElement = (0, _index.styled)('div', function (_ref6) {
|
153 | var $theme = _ref6.$theme,
|
154 | $striped = _ref6.$striped;
|
155 | return _objectSpread({}, $theme.typography.font200, {
|
156 | backgroundColor: $striped ? $theme.colors.tableStripedBackground : null,
|
157 | color: $theme.colors.contentPrimary,
|
158 | display: 'flex',
|
159 | flex: 1,
|
160 | paddingTop: $theme.sizing.scale300,
|
161 | paddingRight: $theme.sizing.scale600,
|
162 | paddingBottom: $theme.sizing.scale300,
|
163 | paddingLeft: $theme.sizing.scale600
|
164 | });
|
165 | });
|
166 | StyledCellElement.displayName = "StyledCellElement";
|
167 | var StyledCell = (0, _index.withWrapper)(StyledCellElement, function (StyledComponent) {
|
168 | return function StyledCell(props) {
|
169 | return React.createElement(StyledComponent, _extends({
|
170 | role: "gridcell"
|
171 | }, props));
|
172 | };
|
173 | });
|
174 | exports.StyledCell = StyledCell;
|
175 | var StyledFilterButton = (0, _index.styled)('button', function (props) {
|
176 | function getIconColor() {
|
177 | if (props.$disabled) {
|
178 | return props.$theme.colors.mono500;
|
179 | }
|
180 |
|
181 | if (props.$active) {
|
182 | return props.$theme.colors.contentPrimary;
|
183 | }
|
184 |
|
185 | return props.$theme.colors.tableFilter;
|
186 | }
|
187 |
|
188 | function getIconHoverColor() {
|
189 | if (props.$disabled || props.$active) {
|
190 | return null;
|
191 | }
|
192 |
|
193 | return props.$theme.colors.contentPrimary;
|
194 | }
|
195 |
|
196 | return {
|
197 | backgroundColor: 'transparent',
|
198 | borderLeftStyle: 'none',
|
199 | borderTopStyle: 'none',
|
200 | borderRightStyle: 'none',
|
201 | borderBottomStyle: 'none',
|
202 | color: getIconColor(),
|
203 | cursor: props.$disabled ? null : 'pointer',
|
204 | paddingTop: 'none',
|
205 | paddingRight: 'none',
|
206 | paddingBottom: 'none',
|
207 | paddingLeft: 'none',
|
208 | ':hover': {
|
209 | color: getIconHoverColor()
|
210 | }
|
211 | };
|
212 | });
|
213 | exports.StyledFilterButton = StyledFilterButton;
|
214 | StyledFilterButton.displayName = "StyledFilterButton";
|
215 | var StyledFilterContent = (0, _index.styled)('div', function (_ref7) {
|
216 | var $theme = _ref7.$theme;
|
217 | return _objectSpread({}, (0, _index.expandBorderStyles)($theme.borders.border300), {
|
218 | backgroundColor: $theme.colors.tableFilterBackground,
|
219 | borderRightStyle: 'none',
|
220 | borderLeftStyle: 'none',
|
221 | maxHeight: '196px',
|
222 | paddingRight: $theme.sizing.scale600,
|
223 | paddingLeft: $theme.sizing.scale600,
|
224 | overflow: 'auto'
|
225 | });
|
226 | });
|
227 | exports.StyledFilterContent = StyledFilterContent;
|
228 | StyledFilterContent.displayName = "StyledFilterContent";
|
229 | var StyledFilterHeading = (0, _index.styled)('div', function (_ref8) {
|
230 | var $theme = _ref8.$theme;
|
231 | return _objectSpread({}, $theme.typography.font250, {
|
232 | color: $theme.colors.tableFilterHeading,
|
233 | paddingTop: $theme.sizing.scale500,
|
234 | paddingRight: $theme.sizing.scale600,
|
235 | paddingBottom: $theme.sizing.scale500,
|
236 | paddingLeft: $theme.sizing.scale600
|
237 | });
|
238 | });
|
239 | exports.StyledFilterHeading = StyledFilterHeading;
|
240 | StyledFilterHeading.displayName = "StyledFilterHeading";
|
241 | var StyledFilterFooter = (0, _index.styled)('div', function (_ref9) {
|
242 | var $theme = _ref9.$theme;
|
243 | return {
|
244 | backgroundColor: $theme.colors.tableFilterFooterBackground,
|
245 | paddingTop: $theme.sizing.scale300,
|
246 | paddingRight: $theme.sizing.scale100,
|
247 | paddingBottom: $theme.sizing.scale300,
|
248 | paddingLeft: $theme.sizing.scale100,
|
249 | display: 'flex',
|
250 | justifyContent: 'space-between',
|
251 | minWidth: '216px'
|
252 | };
|
253 | });
|
254 | exports.StyledFilterFooter = StyledFilterFooter;
|
255 | StyledFilterFooter.displayName = "StyledFilterFooter";
|
256 | var StyledAction = (0, _index.styled)('button', function (_ref10) {
|
257 | var $theme = _ref10.$theme;
|
258 | return {
|
259 | backgroundColor: 'transparent',
|
260 | borderLeftStyle: 'none',
|
261 | borderTopStyle: 'none',
|
262 | borderRightStyle: 'none',
|
263 | borderBottomStyle: 'none',
|
264 | color: $theme.colors.primary,
|
265 | paddingTop: 0,
|
266 | paddingRight: 0,
|
267 | paddingBottom: 0,
|
268 | paddingLeft: 0,
|
269 | marginRight: $theme.sizing.scale100,
|
270 | marginLeft: $theme.sizing.scale100,
|
271 | ':hover:enabled': {
|
272 | cursor: 'pointer'
|
273 | }
|
274 | };
|
275 | });
|
276 | exports.StyledAction = StyledAction;
|
277 | StyledAction.displayName = "StyledAction"; |
\ | No newline at end of file |