@terraware/web-components 2.0.35 → 2.0.36
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/Checkbox.d.ts +25 -0
- package/components/Checkbox.d.ts.map +1 -1
- package/components/Checkbox.js +47 -3
- package/components/table/TableHeader.d.ts.map +1 -1
- package/components/table/TableHeader.js +5 -0
- package/components/table/index.d.ts.map +1 -1
- package/components/table/index.js +5 -0
- package/package.json +1 -1
- package/stories/Checkbox.stories.d.ts +1 -0
- package/stories/Checkbox.stories.d.ts.map +1 -1
- package/stories/Table.stories.d.ts +4 -0
- package/stories/Table.stories.d.ts.map +1 -1
package/components/Checkbox.d.ts
CHANGED
|
@@ -1,4 +1,29 @@
|
|
|
1
|
+
import { Theme } from '@mui/material';
|
|
1
2
|
import React from 'react';
|
|
3
|
+
export declare const CheckboxStyle: (theme: Theme) => {
|
|
4
|
+
backgroundColor: import("csstype").Property.Color | undefined;
|
|
5
|
+
padding: string;
|
|
6
|
+
'& .MuiSvgIcon-root': {
|
|
7
|
+
fill: import("csstype").Property.Color | undefined;
|
|
8
|
+
};
|
|
9
|
+
'&:hover > .MuiSvgIcon-root': {
|
|
10
|
+
fill: import("csstype").Property.Color | undefined;
|
|
11
|
+
};
|
|
12
|
+
'&.Mui-checked > .MuiSvgIcon-root': {
|
|
13
|
+
fill: import("csstype").Property.Color | undefined;
|
|
14
|
+
color: import("csstype").Property.Color | undefined;
|
|
15
|
+
};
|
|
16
|
+
'&.MuiCheckbox-indeterminate > .MuiSvgIcon-root': {
|
|
17
|
+
fill: import("csstype").Property.Color | undefined;
|
|
18
|
+
color: import("csstype").Property.Color | undefined;
|
|
19
|
+
};
|
|
20
|
+
'&:focus > .MuiSvgIcon-root': {
|
|
21
|
+
border: string;
|
|
22
|
+
};
|
|
23
|
+
'&.Mui-disabled': {
|
|
24
|
+
opacity: number;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
2
27
|
export interface Props {
|
|
3
28
|
id: string;
|
|
4
29
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,EAAY,MAAM,eAAe,CAAC;AAC3F,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,eAAO,MAAM,aAAa,UAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;CAuBxC,CAAC;AAEH,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAmC1D"}
|
package/components/Checkbox.js
CHANGED
|
@@ -6,14 +6,46 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = Checkbox;
|
|
9
|
+
exports.CheckboxStyle = void 0;
|
|
9
10
|
|
|
10
11
|
var _material = require("@mui/material");
|
|
11
12
|
|
|
12
13
|
var _react = _interopRequireDefault(require("react"));
|
|
13
14
|
|
|
15
|
+
var CheckboxStyle = function CheckboxStyle(theme) {
|
|
16
|
+
return {
|
|
17
|
+
backgroundColor: theme.palette.TwClrBaseWhite,
|
|
18
|
+
padding: theme.spacing(0, 1, 0, 0),
|
|
19
|
+
'& .MuiSvgIcon-root': {
|
|
20
|
+
fill: theme.palette.TwClrBrdrSecondary
|
|
21
|
+
},
|
|
22
|
+
'&:hover > .MuiSvgIcon-root': {
|
|
23
|
+
fill: theme.palette.TwClrBrdrHover
|
|
24
|
+
},
|
|
25
|
+
'&.Mui-checked > .MuiSvgIcon-root': {
|
|
26
|
+
fill: theme.palette.TwClrBgSelected,
|
|
27
|
+
color: theme.palette.TwClrBgSelected
|
|
28
|
+
},
|
|
29
|
+
'&.MuiCheckbox-indeterminate > .MuiSvgIcon-root': {
|
|
30
|
+
fill: theme.palette.TwClrBgSelected,
|
|
31
|
+
color: theme.palette.TwClrBgSelected
|
|
32
|
+
},
|
|
33
|
+
'&:focus > .MuiSvgIcon-root': {
|
|
34
|
+
border: "2px solid ".concat(theme.palette.TwClrBgSelected)
|
|
35
|
+
},
|
|
36
|
+
'&.Mui-disabled': {
|
|
37
|
+
opacity: 0.7
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
exports.CheckboxStyle = CheckboxStyle;
|
|
43
|
+
|
|
14
44
|
function Checkbox(props) {
|
|
15
45
|
var _props$value;
|
|
16
46
|
|
|
47
|
+
var theme = (0, _material.useTheme)();
|
|
48
|
+
|
|
17
49
|
var onChange = function onChange(event, checked) {
|
|
18
50
|
props.onChange(props.id, checked);
|
|
19
51
|
};
|
|
@@ -24,10 +56,22 @@ function Checkbox(props) {
|
|
|
24
56
|
label: props.label,
|
|
25
57
|
disabled: props.disabled,
|
|
26
58
|
control: /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
|
|
59
|
+
disabled: props.disabled,
|
|
60
|
+
disableRipple: true,
|
|
27
61
|
id: 'check-' + props.id,
|
|
28
|
-
|
|
29
|
-
|
|
62
|
+
checked: (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : false,
|
|
63
|
+
size: "medium",
|
|
64
|
+
sx: CheckboxStyle(theme)
|
|
30
65
|
}),
|
|
31
|
-
className: props.className
|
|
66
|
+
className: props.className,
|
|
67
|
+
sx: {
|
|
68
|
+
alignItems: 'flex-start',
|
|
69
|
+
color: theme.palette.TwClrTxt,
|
|
70
|
+
fontFamily: 'Inter',
|
|
71
|
+
fontSize: '16px',
|
|
72
|
+
fontWeight: 500,
|
|
73
|
+
lineHeight: '24px',
|
|
74
|
+
margin: theme.spacing(1, 0, 0, 0)
|
|
75
|
+
}
|
|
32
76
|
});
|
|
33
77
|
}
|
|
@@ -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;AAe1C,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,CA0CnE"}
|
|
@@ -19,6 +19,8 @@ var _TableHeaderItem = _interopRequireDefault(require("./TableHeaderItem"));
|
|
|
19
19
|
|
|
20
20
|
var _styles = require("@mui/styles");
|
|
21
21
|
|
|
22
|
+
var _Checkbox = require("../Checkbox");
|
|
23
|
+
|
|
22
24
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
23
25
|
return {
|
|
24
26
|
headerCell: {
|
|
@@ -31,6 +33,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
31
33
|
|
|
32
34
|
function EnhancedTableHead(props) {
|
|
33
35
|
var classes = useStyles();
|
|
36
|
+
var theme = (0, _material.useTheme)();
|
|
34
37
|
var order = props.order,
|
|
35
38
|
orderBy = props.orderBy,
|
|
36
39
|
onRequestSort = props.onRequestSort,
|
|
@@ -65,6 +68,8 @@ function EnhancedTableHead(props) {
|
|
|
65
68
|
padding: "checkbox",
|
|
66
69
|
className: classes.headerCell
|
|
67
70
|
}, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
|
|
71
|
+
disableRipple: true,
|
|
72
|
+
sx: (0, _Checkbox.CheckboxStyle)(theme),
|
|
68
73
|
color: "primary",
|
|
69
74
|
indeterminate: numSelected > 0 && numSelected < rowCount,
|
|
70
75
|
checked: rowCount > 0 && numSelected === rowCount,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2F,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2F,YAAY,EAAwB,MAAM,eAAe,CAAC;AAC5J,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;AA4BzC,MAAM,WAAW,QAAQ;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,KAAK,CAAC,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IAIpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,oBAAY,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IACjE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,EAAE,EACvC,EAAE,EACF,OAAO,EACP,IAAI,EACJ,KAAK,EAAE,MAAc,EACrB,OAAO,EAAE,QAAQ,EACjB,QAA4B,EAC5B,QAAQ,EACR,eAAe,EACf,cAAqC,EACrC,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,aAAa,EACb,YAAY,EACZ,eAAe,EACf,cAAqB,EACrB,kBAAkB,EAClB,UAAU,EACV,YAAmB,EACnB,UAAU,GACX,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA8NxB;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,CAAC,EAAE,CAMjG"}
|
|
@@ -30,6 +30,8 @@ var _sortable = require("@dnd-kit/sortable");
|
|
|
30
30
|
|
|
31
31
|
var _utils = require("../../utils");
|
|
32
32
|
|
|
33
|
+
var _Checkbox = require("../Checkbox");
|
|
34
|
+
|
|
33
35
|
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); }
|
|
34
36
|
|
|
35
37
|
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; }
|
|
@@ -93,6 +95,7 @@ function EnhancedTable(_ref) {
|
|
|
93
95
|
hideHeader = _ref.hideHeader;
|
|
94
96
|
|
|
95
97
|
var classes = tableStyles();
|
|
98
|
+
var theme = (0, _material.useTheme)();
|
|
96
99
|
|
|
97
100
|
var _React$useState = _react.default.useState(_order),
|
|
98
101
|
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
@@ -286,6 +289,8 @@ function EnhancedTable(_ref) {
|
|
|
286
289
|
padding: "checkbox",
|
|
287
290
|
className: classes.cellDefault
|
|
288
291
|
}, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
|
|
292
|
+
disableRipple: true,
|
|
293
|
+
sx: (0, _Checkbox.CheckboxStyle)(theme),
|
|
289
294
|
color: "primary",
|
|
290
295
|
checked: isItemSelected,
|
|
291
296
|
onClick: function onClick(e) {
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,QAAQ,EAAE,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;AAE1E,wBAGE;AAqBF,eAAO,MAAM,OAAO,sBAAoB,CAAC;AACzC,eAAO,MAAM,iBAAiB,sBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,KAAK,EAAE,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;;;;;AAYvE,wBAGE;
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,KAAK,EAAE,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;;;;;AAYvE,wBAGE;AAuBF,eAAO,MAAM,OAAO;UAVqB,MAAM;cAAY,MAAM;GAUzB,CAAC;AACzC,eAAO,MAAM,UAAU;UAXkB,MAAM;cAAY,MAAM;GAWtB,CAAC"}
|