@terraware/web-components 2.0.8 → 2.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Icon/icons/index.d.ts +1 -1
- package/components/Icon/icons/index.d.ts.map +1 -1
- package/components/Icon/icons/index.js +3 -0
- package/components/Navbar/NavItem.js +2 -2
- package/components/Navbar/styles.scss +5 -4
- package/components/svg/IconLocations.d.ts +8 -0
- package/components/svg/IconLocations.d.ts.map +1 -0
- package/components/svg/IconLocations.js +34 -0
- package/components/table/TableCellRenderer.d.ts.map +1 -1
- package/components/table/TableCellRenderer.js +10 -5
- package/components/table/TableHeader.d.ts.map +1 -1
- package/components/table/TableHeader.js +24 -12
- package/components/table/index.d.ts +2 -1
- package/components/table/index.d.ts.map +1 -1
- package/components/table/index.js +9 -5
- package/package.json +1 -1
- package/stories/Navbar.stories.d.ts.map +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare type IconName = 'blobbyGrayIconUploadToTheCloud' | 'blobbyIconSeedBank' | 'blobbyIconHappy' | 'blobbyIconLeaf' | 'blobbyIconLibrary' | 'blobbyIconNursery' | 'blobbyIconSite' | 'blobbyIconWrench' | 'bug' | 'calendar' | 'cancel' | 'caretDown' | 'caretLeft' | 'caretUp' | 'chargingBattery' | 'checkmark' | 'chevronDown' | 'chevronUp' | 'close' | 'critical' | 'dashboard' | 'edit' | 'error' | 'export' | 'filter' | 'folder' | 'futures' | 'help' | 'home' | 'iconAdd' | 'iconArrowRight' | 'iconColumns' | 'iconEdit' | 'iconExport' | 'iconFile' | 'iconImport' | 'iconMenu' | 'iconMenuHorizontal' | 'iconMyLocation' | 'iconNursery' | 'iconSeedling' | 'iconSynced' | 'iconTrashCan' | 'info' | 'key' | 'leaf' | 'lock' | 'mail' | 'menuVertical' | 'monitoring' | 'monitoringNav' | 'notification' | 'organization' | 'organizationNav' | 'people' | 'peopleNav' | 'person' | 'plus' | 'restorationSite' | 'search' | 'seedbank' | 'seedbankNav' | 'seeds' | 'sparkles' | 'species' | 'species2' | 'spinner' | 'success' | 'touchscreen' | 'uploadCloud' | 'warning' | 'wifi';
|
|
2
|
+
export declare type IconName = 'blobbyGrayIconUploadToTheCloud' | 'blobbyIconSeedBank' | 'blobbyIconHappy' | 'blobbyIconLeaf' | 'blobbyIconLibrary' | 'blobbyIconNursery' | 'blobbyIconSite' | 'blobbyIconWrench' | 'bug' | 'calendar' | 'cancel' | 'caretDown' | 'caretLeft' | 'caretUp' | 'chargingBattery' | 'checkmark' | 'chevronDown' | 'chevronUp' | 'close' | 'critical' | 'dashboard' | 'edit' | 'error' | 'export' | 'filter' | 'folder' | 'futures' | 'help' | 'home' | 'iconAdd' | 'iconArrowRight' | 'iconColumns' | 'iconEdit' | 'iconExport' | 'iconFile' | 'iconImport' | 'iconLocations' | 'iconMenu' | 'iconMenuHorizontal' | 'iconMyLocation' | 'iconNursery' | 'iconSeedling' | 'iconSynced' | 'iconTrashCan' | 'info' | 'key' | 'leaf' | 'lock' | 'mail' | 'menuVertical' | 'monitoring' | 'monitoringNav' | 'notification' | 'organization' | 'organizationNav' | 'people' | 'peopleNav' | 'person' | 'plus' | 'restorationSite' | 'search' | 'seedbank' | 'seedbankNav' | 'seeds' | 'sparkles' | 'species' | 'species2' | 'spinner' | 'success' | 'touchscreen' | 'uploadCloud' | 'warning' | 'wifi';
|
|
3
3
|
declare type SVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
|
|
4
4
|
title?: string | undefined;
|
|
5
5
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6E1B,oBAAY,QAAQ,GAChB,gCAAgC,GAChC,oBAAoB,GACpB,iBAAiB,GACjB,gBAAgB,GAChB,mBAAmB,GACnB,mBAAmB,GACnB,gBAAgB,GAChB,kBAAkB,GAClB,KAAK,GACL,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,aAAa,GACb,WAAW,GACX,OAAO,GACP,UAAU,GACV,WAAW,GACX,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,UAAU,GACV,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,eAAe,GACf,UAAU,GACV,oBAAoB,GACpB,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GACN,cAAc,GACd,YAAY,GACZ,eAAe,GACf,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,UAAU,GACV,aAAa,GACb,OAAO,GACP,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,SAAS,GACT,aAAa,GACb,aAAa,GACb,SAAS,GACT,MAAM,CAAC;AAEX,aAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CACzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CACF,CAAC;AACF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CA0EzC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -79,6 +79,8 @@ var _IconFile = _interopRequireDefault(require("../../svg/IconFile"));
|
|
|
79
79
|
|
|
80
80
|
var _IconImport = _interopRequireDefault(require("../../svg/IconImport"));
|
|
81
81
|
|
|
82
|
+
var _IconLocations = _interopRequireDefault(require("../../svg/IconLocations"));
|
|
83
|
+
|
|
82
84
|
var _IconMenu = _interopRequireDefault(require("../../svg/IconMenu"));
|
|
83
85
|
|
|
84
86
|
var _IconMenuHorizontal = _interopRequireDefault(require("../../svg/IconMenuHorizontal"));
|
|
@@ -186,6 +188,7 @@ var icons = {
|
|
|
186
188
|
iconExport: _IconExport.default,
|
|
187
189
|
iconFile: _IconFile.default,
|
|
188
190
|
iconImport: _IconImport.default,
|
|
191
|
+
iconLocations: _IconLocations.default,
|
|
189
192
|
iconMenu: _IconMenu.default,
|
|
190
193
|
iconMenuHorizontal: _IconMenuHorizontal.default,
|
|
191
194
|
iconNursery: _IconNursery.default,
|
|
@@ -75,8 +75,8 @@ function NavItem(props) {
|
|
|
75
75
|
className: "nav-item--icon"
|
|
76
76
|
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
77
77
|
className: "nav-item--label"
|
|
78
|
-
}, label), children &&
|
|
79
|
-
name: 'chevronDown',
|
|
78
|
+
}, label), children && /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
79
|
+
name: open ? 'chevronUp' : 'chevronDown',
|
|
80
80
|
className: "nav-item--arrow"
|
|
81
81
|
})), children && open && children);
|
|
82
82
|
}
|
|
@@ -41,10 +41,11 @@
|
|
|
41
41
|
font-weight: $tw-fnt-nvgtn-side-nav-item-label-font-weight;
|
|
42
42
|
line-height: $tw-fnt-nvgtn-side-nav-item-label-line-height;
|
|
43
43
|
color: $tw-clr-txt;
|
|
44
|
-
border-radius:
|
|
44
|
+
border-radius: 16px;
|
|
45
|
+
mix-blend-mode: multiply;
|
|
45
46
|
|
|
46
47
|
.nav-item-content {
|
|
47
|
-
padding:
|
|
48
|
+
padding: 12px;
|
|
48
49
|
display: flex;
|
|
49
50
|
width: 100%;
|
|
50
51
|
font-weight: $tw-fnt-nvgtn-side-nav-item-label-font-weight;
|
|
@@ -76,7 +77,7 @@
|
|
|
76
77
|
background: none;
|
|
77
78
|
border: none;
|
|
78
79
|
padding-right: $tw-spc-base-small;
|
|
79
|
-
padding-left:
|
|
80
|
+
padding-left: 20px;
|
|
80
81
|
}
|
|
81
82
|
|
|
82
83
|
&--children-selected {
|
|
@@ -132,7 +133,7 @@
|
|
|
132
133
|
padding-right: $tw-spc-base-small;
|
|
133
134
|
|
|
134
135
|
&-content {
|
|
135
|
-
padding-left:
|
|
136
|
+
padding-left: $tw-spc-base-medium;
|
|
136
137
|
}
|
|
137
138
|
}
|
|
138
139
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SVGProps } from 'react';
|
|
2
|
+
interface SVGRProps {
|
|
3
|
+
title?: string;
|
|
4
|
+
titleId?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const SvgIconLocations: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
|
|
7
|
+
export default SvgIconLocations;
|
|
8
|
+
//# sourceMappingURL=IconLocations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconLocations.d.ts","sourceRoot":"","sources":["../../../src/components/svg/IconLocations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB,iCAAkC,SAAS,aAAa,CAAC,GAAG,SAAS,gBAK1F,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
+
|
|
12
|
+
var React = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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
|
+
var SvgIconLocations = function SvgIconLocations(_ref) {
|
|
19
|
+
var title = _ref.title,
|
|
20
|
+
titleId = _ref.titleId,
|
|
21
|
+
props = (0, _objectWithoutProperties2.default)(_ref, ["title", "titleId"]);
|
|
22
|
+
return /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
23
|
+
viewBox: "0 0 12 13",
|
|
24
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
25
|
+
"aria-labelledby": titleId
|
|
26
|
+
}, props), title ? /*#__PURE__*/React.createElement("title", {
|
|
27
|
+
id: titleId
|
|
28
|
+
}, title) : null, /*#__PURE__*/React.createElement("path", {
|
|
29
|
+
d: "M5.99974 0C3.79652 0 1.99974 1.79678 1.99974 4C1.99974 4.98569 2.58426 6.08205 3.24713 7.17187C3.91 8.2617 4.68276 9.2988 5.16054 9.91471C5.578 10.4526 6.42147 10.4526 6.83893 9.91471C7.31671 9.2988 8.08947 8.2617 8.75234 7.17187C9.41521 6.08205 9.99974 4.98569 9.99974 4C9.99974 1.79678 8.20296 0 5.99974 0ZM5.99974 1C7.66252 1 8.99974 2.33722 8.99974 4C8.99974 4.51664 8.52716 5.61717 7.89752 6.65234C7.26789 7.68752 6.51278 8.70366 6.04857 9.30208C6.01536 9.34487 5.98412 9.34487 5.95091 9.30208C5.48669 8.70366 4.73158 7.68752 4.10195 6.65234C3.47232 5.61717 2.99974 4.51664 2.99974 4C2.99974 2.33722 4.33696 1 5.99974 1ZM5.99974 3C5.73452 3 5.48017 3.10536 5.29263 3.29289C5.10509 3.48043 4.99974 3.73478 4.99974 4C4.99974 4.26522 5.10509 4.51957 5.29263 4.70711C5.48017 4.89464 5.73452 5 5.99974 5C6.26495 5 6.51931 4.89464 6.70684 4.70711C6.89438 4.51957 6.99974 4.26522 6.99974 4C6.99974 3.73478 6.89438 3.48043 6.70684 3.29289C6.51931 3.10536 6.26495 3 5.99974 3ZM1.90794 8.33333C1.44727 8.33333 1.0282 8.60537 0.841535 9.02604L0.1013 10.6927C-0.0596996 11.055 -0.02746 11.4697 0.18854 11.8021C0.404873 12.1347 0.770722 12.3333 1.16706 12.3333H10.8318C11.2281 12.3333 11.5943 12.1347 11.8103 11.8021C12.0266 11.4697 12.0592 11.0554 11.8982 10.6927L11.1579 9.02604C10.9709 8.60537 10.5525 8.33333 10.0915 8.33333H9.00625C8.79391 8.655 8.56351 8.988 8.31484 9.33333H10.0915C10.1572 9.33333 10.2172 9.37196 10.2439 9.43229L10.9841 11.099C11.0161 11.171 10.9904 11.2295 10.9717 11.2578C10.9531 11.2861 10.9111 11.3333 10.8324 11.3333H1.16706C1.08839 11.3333 1.04541 11.2855 1.02708 11.2572C1.00875 11.2288 0.983045 11.171 1.01471 11.099L1.7556 9.43229C1.78226 9.37229 1.84227 9.33333 1.90794 9.33333H3.68398C3.43498 8.988 3.20523 8.655 2.99323 8.33333H1.90794Z"
|
|
30
|
+
}));
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
var _default = SvgIconLocations;
|
|
34
|
+
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCellRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableCellRenderer.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"TableCellRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableCellRenderer.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAmBxC,oBAAY,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,OAAO,CAepF;AAED,eAAO,MAAM,iBAAiB,kCAAqB,MAAM,GAAG,SAI3D,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,UAAU,EACV,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,GAAG,CAAC,OAAO,CAwBd"}
|
|
@@ -33,6 +33,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
33
33
|
},
|
|
34
34
|
date: {
|
|
35
35
|
whiteSpace: 'nowrap'
|
|
36
|
+
},
|
|
37
|
+
default: {
|
|
38
|
+
borderBottom: "1px solid ".concat(theme.palette.TwClrBrdrSecondary, " !important")
|
|
36
39
|
}
|
|
37
40
|
};
|
|
38
41
|
});
|
|
@@ -94,7 +97,7 @@ function CellDateRenderer(_ref) {
|
|
|
94
97
|
return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
95
98
|
id: id,
|
|
96
99
|
align: "left",
|
|
97
|
-
className: classes.date
|
|
100
|
+
className: "".concat(classes.date, " ").concat(classes.default, " ").concat(className)
|
|
98
101
|
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
99
102
|
component: "p",
|
|
100
103
|
variant: "body1"
|
|
@@ -110,7 +113,7 @@ function CellTextRenderer(_ref2) {
|
|
|
110
113
|
id: id,
|
|
111
114
|
align: "left",
|
|
112
115
|
title: typeof value === 'string' ? value : '',
|
|
113
|
-
className: className
|
|
116
|
+
className: "".concat(classes.default, " ").concat(className)
|
|
114
117
|
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
115
118
|
component: "p",
|
|
116
119
|
variant: "body1",
|
|
@@ -125,10 +128,11 @@ function CellBooleanRenderer(_ref3) {
|
|
|
125
128
|
var id = _ref3.id,
|
|
126
129
|
value = _ref3.value,
|
|
127
130
|
className = _ref3.className;
|
|
131
|
+
var classes = useStyles();
|
|
128
132
|
return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
129
133
|
id: id,
|
|
130
134
|
align: "left",
|
|
131
|
-
className: className
|
|
135
|
+
className: "".concat(classes.default, " ").concat(className)
|
|
132
136
|
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
133
137
|
component: "p",
|
|
134
138
|
variant: "body1"
|
|
@@ -139,10 +143,11 @@ function CellNotesRenderer(_ref4) {
|
|
|
139
143
|
var id = _ref4.id,
|
|
140
144
|
value = _ref4.value,
|
|
141
145
|
className = _ref4.className;
|
|
146
|
+
var classes = useStyles();
|
|
142
147
|
return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
143
148
|
id: id,
|
|
144
149
|
align: "left",
|
|
145
|
-
className: className
|
|
150
|
+
className: "".concat(classes.default, " ").concat(className)
|
|
146
151
|
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
147
152
|
id: id,
|
|
148
153
|
component: "p",
|
|
@@ -158,7 +163,7 @@ function CellEditRenderer(_ref5) {
|
|
|
158
163
|
return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
159
164
|
id: id,
|
|
160
165
|
align: "left",
|
|
161
|
-
className: className
|
|
166
|
+
className: "".concat(classes.default, " ").concat(className)
|
|
162
167
|
}, /*#__PURE__*/_react.default.createElement(_material.Link, {
|
|
163
168
|
id: "".concat(id, "-button"),
|
|
164
169
|
href: "#",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,UAAU,KAAK;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuCnE"}
|
|
@@ -17,19 +17,18 @@ var _sortable = require("@dnd-kit/sortable");
|
|
|
17
17
|
|
|
18
18
|
var _TableHeaderItem = _interopRequireDefault(require("./TableHeaderItem"));
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
});
|
|
30
|
-
}
|
|
20
|
+
var _styles = require("@mui/styles");
|
|
21
|
+
|
|
22
|
+
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
23
|
+
return {
|
|
24
|
+
headerCell: {
|
|
25
|
+
borderBottom: "2px solid ".concat(theme.palette.TwClrBrdrSecondary, " !important")
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
});
|
|
31
29
|
|
|
32
30
|
function EnhancedTableHead(props) {
|
|
31
|
+
var classes = useStyles();
|
|
33
32
|
var order = props.order,
|
|
34
33
|
orderBy = props.orderBy,
|
|
35
34
|
onRequestSort = props.onRequestSort,
|
|
@@ -46,10 +45,23 @@ function EnhancedTableHead(props) {
|
|
|
46
45
|
setHeadCells(columnsToHeadCells(props.columns));
|
|
47
46
|
}, [props.columns]);
|
|
48
47
|
|
|
48
|
+
function columnsToHeadCells(columns) {
|
|
49
|
+
return columns.map(function (c) {
|
|
50
|
+
return {
|
|
51
|
+
id: c.key,
|
|
52
|
+
disablePadding: false,
|
|
53
|
+
label: typeof c.name === 'string' ? c.name.toUpperCase() : c.name,
|
|
54
|
+
className: "".concat(classes.headerCell, " ").concat(c.className),
|
|
55
|
+
tooltipTitle: c.tooltipTitle
|
|
56
|
+
};
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
|
|
49
60
|
return /*#__PURE__*/_react.default.createElement(_material.TableHead, null, /*#__PURE__*/_react.default.createElement(_material.TableRow, {
|
|
50
61
|
id: "table-header"
|
|
51
62
|
}, numSelected !== undefined && rowCount !== undefined && rowCount > 0 && onSelectAllClick && /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
52
|
-
padding: "checkbox"
|
|
63
|
+
padding: "checkbox",
|
|
64
|
+
className: classes.headerCell
|
|
53
65
|
}, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
|
|
54
66
|
color: "primary",
|
|
55
67
|
indeterminate: numSelected > 0 && numSelected < rowCount,
|
|
@@ -33,6 +33,7 @@ export interface Props<T> {
|
|
|
33
33
|
controlledOnSelect?: boolean;
|
|
34
34
|
reloadData?: () => void;
|
|
35
35
|
stickyHeader?: boolean;
|
|
36
|
+
hideHeader?: boolean;
|
|
36
37
|
}
|
|
37
38
|
export declare type TopBarButton = {
|
|
38
39
|
buttonText?: string;
|
|
@@ -40,6 +41,6 @@ export declare type TopBarButton = {
|
|
|
40
41
|
onButtonClick: () => void;
|
|
41
42
|
icon?: IconName;
|
|
42
43
|
};
|
|
43
|
-
export default function EnhancedTable<T>({ id, columns, rows, order: _order, orderBy: _orderBy, Renderer, onSelect, DetailsRenderer, sortComparator, sortHandler, isInactive, onReorderEnd, isClickable, emptyTableMessage, showCheckbox, showTopBar, topBarButtons, selectedRows, setSelectedRows, showPagination, controlledOnSelect, reloadData, stickyHeader, }: Props<T>): JSX.Element;
|
|
44
|
+
export default function EnhancedTable<T>({ id, columns, rows, order: _order, orderBy: _orderBy, Renderer, onSelect, DetailsRenderer, sortComparator, sortHandler, isInactive, onReorderEnd, isClickable, emptyTableMessage, showCheckbox, showTopBar, topBarButtons, selectedRows, setSelectedRows, showPagination, controlledOnSelect, reloadData, stickyHeader, hideHeader, }: Props<T>): JSX.Element;
|
|
44
45
|
export declare function tableSort<T>(ignore: boolean, array: T[], comparator: (a: T, b: T) => number): T[];
|
|
45
46
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2F,YAAY,EAAc,MAAM,eAAe,CAAC;AAClJ,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAuC,SAAS,EAAc,MAAM,QAAQ,CAAC;AAGpF,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,6 +52,9 @@ var tableStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
52
52
|
'&.MuiTableRow-root.Mui-selected': {
|
|
53
53
|
backgroundColor: 'initial'
|
|
54
54
|
}
|
|
55
|
+
},
|
|
56
|
+
cellDefault: {
|
|
57
|
+
borderBottom: "1px solid ".concat(theme.palette.TwClrBrdrSecondary, " !important")
|
|
55
58
|
}
|
|
56
59
|
};
|
|
57
60
|
});
|
|
@@ -84,7 +87,8 @@ function EnhancedTable(_ref) {
|
|
|
84
87
|
controlledOnSelect = _ref.controlledOnSelect,
|
|
85
88
|
reloadData = _ref.reloadData,
|
|
86
89
|
_ref$stickyHeader = _ref.stickyHeader,
|
|
87
|
-
stickyHeader = _ref$stickyHeader === void 0 ? true : _ref$stickyHeader
|
|
90
|
+
stickyHeader = _ref$stickyHeader === void 0 ? true : _ref$stickyHeader,
|
|
91
|
+
hideHeader = _ref.hideHeader;
|
|
88
92
|
|
|
89
93
|
var classes = tableStyles();
|
|
90
94
|
|
|
@@ -236,7 +240,7 @@ function EnhancedTable(_ref) {
|
|
|
236
240
|
size: "medium",
|
|
237
241
|
"aria-label": "enhanced table",
|
|
238
242
|
className: classes.table
|
|
239
|
-
}, /*#__PURE__*/_react.default.createElement(_TableHeader.default, {
|
|
243
|
+
}, !hideHeader && /*#__PURE__*/_react.default.createElement(_TableHeader.default, {
|
|
240
244
|
order: order,
|
|
241
245
|
orderBy: orderBy,
|
|
242
246
|
onRequestSort: handleRequestSort,
|
|
@@ -277,7 +281,8 @@ function EnhancedTable(_ref) {
|
|
|
277
281
|
selected: isItemSelected,
|
|
278
282
|
"aria-checked": isItemSelected
|
|
279
283
|
}, showCheckbox && /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
|
280
|
-
padding: "checkbox"
|
|
284
|
+
padding: "checkbox",
|
|
285
|
+
className: classes.cellDefault
|
|
281
286
|
}, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
|
|
282
287
|
color: "primary",
|
|
283
288
|
checked: isItemSelected,
|
|
@@ -304,8 +309,7 @@ function EnhancedTable(_ref) {
|
|
|
304
309
|
display: "flex",
|
|
305
310
|
alignItems: "center",
|
|
306
311
|
justifyContent: "flex-end",
|
|
307
|
-
paddingTop: "24px"
|
|
308
|
-
paddingBottom: "24px"
|
|
312
|
+
paddingTop: "24px"
|
|
309
313
|
}, rows.length ? itemsToSkip + maxItemsPerPage < rows.length ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
310
314
|
paddingRight: "24px",
|
|
311
315
|
fontSize: "14px"
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Navbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,MAAM,EAAE,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;;;;;;AAK3E,wBAIE;
|
|
1
|
+
{"version":3,"file":"Navbar.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Navbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,MAAM,EAAE,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;;;;;;AAK3E,wBAIE;AA0CF,eAAO,MAAM,OAAO,oBAAoB,CAAC"}
|