@terraware/web-components 1.0.20 → 1.0.22
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/Autocomplete/styles.scss +10 -0
- package/components/DatePicker/DatePicker.d.ts +4 -2
- package/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/components/DatePicker/DatePicker.js +22 -7
- package/components/DatePicker/styles.scss +44 -2
- package/components/Dropdown.d.ts +33 -1
- package/components/Dropdown.d.ts.map +1 -1
- package/components/Dropdown.js +50 -1
- package/components/Message/styles.scss +8 -4
- package/index.d.ts +2 -2
- package/index.d.ts.map +1 -1
- package/index.js +7 -1
- package/license-report.html +1 -1
- package/package.json +1 -1
- package/stories/DatePicker.stories.d.ts.map +1 -1
- package/stories/Dropdown.stories.d.ts +2 -1
- package/stories/Dropdown.stories.d.ts.map +1 -1
- package/stories/Message.stories.d.ts.map +1 -1
|
@@ -20,4 +20,14 @@
|
|
|
20
20
|
width: 100%;
|
|
21
21
|
max-width: 100%;
|
|
22
22
|
}
|
|
23
|
+
|
|
24
|
+
.MuiInputBase-root {
|
|
25
|
+
border: 1px solid $tw-clr-base-semantic-passive;
|
|
26
|
+
position: unset;
|
|
27
|
+
padding: 0;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
input {
|
|
31
|
+
padding: calc(#{$tw-spc-base-xx-small} * 2.5) calc(#{$tw-spc-base-xx-small} * 3);
|
|
32
|
+
}
|
|
23
33
|
}
|
|
@@ -8,11 +8,13 @@ export interface Props {
|
|
|
8
8
|
onChange: (id: string, value?: string | null) => void;
|
|
9
9
|
'aria-label': string;
|
|
10
10
|
onKeyPress?: KeyboardEventHandler;
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
minDate?: any;
|
|
12
|
+
maxDate?: any;
|
|
13
|
+
errorText?: string;
|
|
13
14
|
helperText?: string;
|
|
14
15
|
disabled?: boolean;
|
|
15
16
|
className?: string;
|
|
17
|
+
onError?: (reason: any, value: any) => void;
|
|
16
18
|
}
|
|
17
19
|
export default function DatePicker(props: Props): JSX.Element;
|
|
18
20
|
//# sourceMappingURL=DatePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAKpD,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA+C5D"}
|
|
@@ -19,6 +19,8 @@ var _xDatePickers = require("@mui/x-date-pickers");
|
|
|
19
19
|
|
|
20
20
|
var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
|
|
21
21
|
|
|
22
|
+
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
|
23
|
+
|
|
22
24
|
require("./styles.scss");
|
|
23
25
|
|
|
24
26
|
function DatePicker(props) {
|
|
@@ -27,25 +29,38 @@ function DatePicker(props) {
|
|
|
27
29
|
|
|
28
30
|
}, [window.navigator.language]);
|
|
29
31
|
|
|
32
|
+
var renderInput = function renderInput(params) {
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, Object.assign({}, params, {
|
|
34
|
+
id: props.id,
|
|
35
|
+
onKeyPress: props.onKeyPress
|
|
36
|
+
})), props.errorText && /*#__PURE__*/_react.default.createElement("div", {
|
|
37
|
+
className: "textfield-error-text-container"
|
|
38
|
+
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
39
|
+
name: "error",
|
|
40
|
+
className: "textfield-error-text--icon"
|
|
41
|
+
}), /*#__PURE__*/_react.default.createElement("label", {
|
|
42
|
+
htmlFor: props.id,
|
|
43
|
+
className: "textfield-error-text"
|
|
44
|
+
}, props.errorText)));
|
|
45
|
+
};
|
|
46
|
+
|
|
30
47
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
31
|
-
className: "date-picker ".concat(props.className)
|
|
48
|
+
className: "date-picker ".concat(props.className, " ").concat(props.errorText ? 'date-picker--error' : '')
|
|
32
49
|
}, /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
|
33
50
|
dateAdapter: _AdapterDateFns.AdapterDateFns
|
|
34
51
|
}, props.label && /*#__PURE__*/_react.default.createElement("label", {
|
|
35
52
|
htmlFor: props.id,
|
|
36
53
|
className: "textfield-label"
|
|
37
54
|
}, props.label), /*#__PURE__*/_react.default.createElement(_xDatePickers.DesktopDatePicker, {
|
|
55
|
+
onError: props.onError,
|
|
56
|
+
minDate: props.minDate,
|
|
57
|
+
maxDate: props.maxDate,
|
|
38
58
|
inputFormat: "yyyy-MM-dd",
|
|
39
59
|
value: props.value ? (0, _moment.default)(props.value, 'YYYY-MM-DD').toDate() : null,
|
|
40
60
|
onChange: function onChange(newValue) {
|
|
41
61
|
props.onChange(props.id, newValue);
|
|
42
62
|
},
|
|
43
|
-
renderInput:
|
|
44
|
-
return /*#__PURE__*/_react.default.createElement(_material.TextField, Object.assign({}, params, {
|
|
45
|
-
id: props.id,
|
|
46
|
-
onKeyPress: props.onKeyPress
|
|
47
|
-
}));
|
|
48
|
-
},
|
|
63
|
+
renderInput: renderInput,
|
|
49
64
|
disabled: props.disabled
|
|
50
65
|
})));
|
|
51
66
|
}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
.date-picker {
|
|
9
9
|
display: flex;
|
|
10
|
-
flex-flow:
|
|
10
|
+
flex-flow: column wrap;
|
|
11
11
|
|
|
12
12
|
.textfield-label {
|
|
13
13
|
font-family: $tw-fnt-frm-fld-label-font-family;
|
|
@@ -21,7 +21,49 @@
|
|
|
21
21
|
max-width: 100%;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
&--error {
|
|
25
|
+
.MuiInputBase-root {
|
|
26
|
+
border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-error;
|
|
27
|
+
background-color: $tw-clr-frm-fld-text-input-fill-error;
|
|
28
|
+
|
|
29
|
+
&:hover {
|
|
30
|
+
border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-frm-fld-text-input-stroke-error;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&:active {
|
|
34
|
+
border: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-frm-fld-text-input-stroke-error;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.textfield-error-text-container {
|
|
40
|
+
display: flex;
|
|
41
|
+
margin-top: $tw-spc-base-x-small;
|
|
42
|
+
|
|
43
|
+
.textfield-error-text {
|
|
44
|
+
font-family: $tw-fnt-frm-fld-error-text-font-family;
|
|
45
|
+
font-size: $tw-fnt-frm-fld-error-text-font-size;
|
|
46
|
+
font-weight: $tw-fnt-frm-fld-error-text-font-weight;
|
|
47
|
+
line-height: $tw-fnt-frm-fld-error-text-line-height;
|
|
48
|
+
color: $tw-clr-frm-fld-error-text;
|
|
49
|
+
width: 100%;
|
|
50
|
+
max-width: 100%;
|
|
51
|
+
|
|
52
|
+
&--icon {
|
|
53
|
+
fill: $tw-clr-frm-fld-error-text;
|
|
54
|
+
width: $tw-fnt-frm-fld-error-text-line-height;
|
|
55
|
+
height: $tw-fnt-frm-fld-error-text-line-height;
|
|
56
|
+
margin-right: $tw-spc-base-x-small;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.MuiInputBase-root {
|
|
62
|
+
border: 1px solid $tw-clr-base-semantic-passive;
|
|
63
|
+
position: unset;
|
|
64
|
+
}
|
|
65
|
+
|
|
24
66
|
input {
|
|
25
|
-
padding: calc(#{$tw-spc-base-xx-small} * 3);
|
|
67
|
+
padding: calc(#{$tw-spc-base-xx-small} * 2.5) calc(#{$tw-spc-base-xx-small} * 3);
|
|
26
68
|
}
|
|
27
69
|
}
|
package/components/Dropdown.d.ts
CHANGED
|
@@ -11,5 +11,37 @@ export declare type DropdownItem = {
|
|
|
11
11
|
label: string;
|
|
12
12
|
value: string;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export declare function DropdownV1({ id, label, values, onChange, selected, disabled }: Props): JSX.Element;
|
|
15
|
+
export interface DropdownProps {
|
|
16
|
+
onChange: (newValue: string) => void;
|
|
17
|
+
label?: string;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
id?: string;
|
|
20
|
+
className?: string;
|
|
21
|
+
helperText?: string | string[];
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
errorText?: string | string[];
|
|
24
|
+
warningText?: string | string[];
|
|
25
|
+
selectedValue?: string;
|
|
26
|
+
readonly?: boolean;
|
|
27
|
+
options?: DropdownItem[];
|
|
28
|
+
fullWidth?: boolean;
|
|
29
|
+
hideArrow?: boolean;
|
|
30
|
+
onBlur?: () => void;
|
|
31
|
+
onFocus?: () => void;
|
|
32
|
+
fixedMenu?: boolean;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* This is a simple dropdwn that takes in a tuple { label, value }
|
|
36
|
+
* for list of options.
|
|
37
|
+
* The label is used for display, the value is passed back in onChange, and used to set selectedValue.
|
|
38
|
+
*
|
|
39
|
+
* Example:
|
|
40
|
+
* <Dropdown
|
|
41
|
+
* options=[{ label: 'label', value: 'value'}, { label: 'label1': value: 'value1'} ]
|
|
42
|
+
* onChange={(value: string) => setSomeValue(value)}
|
|
43
|
+
* selectedValue={'value1'}
|
|
44
|
+
* />
|
|
45
|
+
*/
|
|
46
|
+
export default function Dropdown(props: DropdownProps): JSX.Element;
|
|
15
47
|
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkBlG;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAelE"}
|
package/components/Dropdown.js
CHANGED
|
@@ -5,10 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
+
exports.DropdownV1 = DropdownV1;
|
|
8
9
|
exports.default = Dropdown;
|
|
9
10
|
|
|
11
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
12
|
+
|
|
10
13
|
var _material = require("@mui/material");
|
|
11
14
|
|
|
15
|
+
var _SelectT = _interopRequireDefault(require("./Select/SelectT"));
|
|
16
|
+
|
|
12
17
|
var _styles = require("@mui/styles");
|
|
13
18
|
|
|
14
19
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -21,7 +26,7 @@ var useStyles = (0, _styles.makeStyles)(function () {
|
|
|
21
26
|
};
|
|
22
27
|
});
|
|
23
28
|
|
|
24
|
-
function
|
|
29
|
+
function DropdownV1(_ref) {
|
|
25
30
|
var id = _ref.id,
|
|
26
31
|
label = _ref.label,
|
|
27
32
|
values = _ref.values,
|
|
@@ -56,4 +61,48 @@ function Dropdown(_ref) {
|
|
|
56
61
|
value: value
|
|
57
62
|
}, inLabel);
|
|
58
63
|
})));
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* This is a simple dropdwn that takes in a tuple { label, value }
|
|
68
|
+
* for list of options.
|
|
69
|
+
* The label is used for display, the value is passed back in onChange, and used to set selectedValue.
|
|
70
|
+
*
|
|
71
|
+
* Example:
|
|
72
|
+
* <Dropdown
|
|
73
|
+
* options=[{ label: 'label', value: 'value'}, { label: 'label1': value: 'value1'} ]
|
|
74
|
+
* onChange={(value: string) => setSomeValue(value)}
|
|
75
|
+
* selectedValue={'value1'}
|
|
76
|
+
* />
|
|
77
|
+
*/
|
|
78
|
+
function Dropdown(props) {
|
|
79
|
+
var _props$options;
|
|
80
|
+
|
|
81
|
+
var selectedValue = props.selectedValue,
|
|
82
|
+
_onChange = props.onChange,
|
|
83
|
+
remainingProps = (0, _objectWithoutProperties2.default)(props, ["selectedValue", "onChange"]);
|
|
84
|
+
var selectedItem = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.find(function (option) {
|
|
85
|
+
return option.value === selectedValue;
|
|
86
|
+
});
|
|
87
|
+
return /*#__PURE__*/_react.default.createElement(_SelectT.default, Object.assign({}, remainingProps, {
|
|
88
|
+
selectedValue: selectedItem,
|
|
89
|
+
isEqual: function isEqual(A, B) {
|
|
90
|
+
return A.value === B.value;
|
|
91
|
+
},
|
|
92
|
+
renderOption: function renderOption(option) {
|
|
93
|
+
return option.label;
|
|
94
|
+
},
|
|
95
|
+
toT: function toT(str) {
|
|
96
|
+
return {
|
|
97
|
+
label: str,
|
|
98
|
+
value: str
|
|
99
|
+
};
|
|
100
|
+
},
|
|
101
|
+
displayLabel: function displayLabel(option) {
|
|
102
|
+
return (option === null || option === void 0 ? void 0 : option.label) || '';
|
|
103
|
+
},
|
|
104
|
+
onChange: function onChange(option) {
|
|
105
|
+
return _onChange(option.value);
|
|
106
|
+
}
|
|
107
|
+
}));
|
|
59
108
|
}
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
}
|
|
133
133
|
border: 1px solid $tw-clr-icon-fill-passive;
|
|
134
134
|
&.tw-message--toast {
|
|
135
|
-
|
|
135
|
+
box-shadow: 0 2px $tw-clr-icon-fill-passive;
|
|
136
136
|
}
|
|
137
137
|
.tw-message--left-side {
|
|
138
138
|
background-color: $tw-clr-icon-fill-passive;
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
}
|
|
151
151
|
border: 1px solid $tw-clr-icon-fill-critical;
|
|
152
152
|
&.tw-message--toast {
|
|
153
|
-
|
|
153
|
+
box-shadow: 0 2px $tw-clr-icon-fill-critical;
|
|
154
154
|
}
|
|
155
155
|
.tw-message--left-side {
|
|
156
156
|
background-color: $tw-clr-icon-fill-critical;
|
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
}
|
|
169
169
|
border: 1px solid $tw-clr-icon-fill-warning;
|
|
170
170
|
&.tw-message--toast {
|
|
171
|
-
|
|
171
|
+
box-shadow: 0 2px $tw-clr-icon-fill-warning;
|
|
172
172
|
}
|
|
173
173
|
.tw-message--left-side {
|
|
174
174
|
background-color: $tw-clr-icon-fill-warning;
|
|
@@ -186,10 +186,14 @@
|
|
|
186
186
|
}
|
|
187
187
|
border: 1px solid $tw-clr-icon-fill-success;
|
|
188
188
|
&.tw-message--toast {
|
|
189
|
-
|
|
189
|
+
box-shadow: 0 2px $tw-clr-icon-fill-success;
|
|
190
190
|
}
|
|
191
191
|
.tw-message--left-side {
|
|
192
192
|
background-color: $tw-clr-icon-fill-success;
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
|
+
|
|
196
|
+
&.tw-message--toast {
|
|
197
|
+
background-color: $tw-clr-base-white;
|
|
198
|
+
}
|
|
195
199
|
}
|
package/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import Checkbox from './components/Checkbox';
|
|
|
4
4
|
import DatePicker from './components/DatePicker/DatePicker';
|
|
5
5
|
import DialogBox from './components/DialogBox/DialogBox';
|
|
6
6
|
import Divisor from './components/Divisor';
|
|
7
|
-
import Dropdown from './components/Dropdown';
|
|
7
|
+
import Dropdown, { DropdownV1 } from './components/Dropdown';
|
|
8
8
|
import ErrorBox from './components/ErrorBox/ErrorBox';
|
|
9
9
|
import Icon from './components/Icon/Icon';
|
|
10
10
|
import icons from './components/Icon/icons';
|
|
@@ -28,5 +28,5 @@ import Message from './components/Message/Message';
|
|
|
28
28
|
export type { IconName } from './components/Icon/icons/';
|
|
29
29
|
export type { Size } from './components/Size';
|
|
30
30
|
export type { EnhancedTableDetailsRow, RendererProps, TableColumnType, TableRowType, SortOrder };
|
|
31
|
-
export { Autocomplete, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, ErrorBox, getComparator, icons, Icon, Message, NavFooter, NavItem, NavSection, Navbar, Note, ProgressCircle, RadioButton, Select, SelectT, stableSort, SummaryBox, Svg, Textfield, Table, };
|
|
31
|
+
export { Autocomplete, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, getComparator, icons, Icon, Message, NavFooter, NavItem, NavSection, Navbar, Note, ProgressCircle, RadioButton, Select, SelectT, stableSort, SummaryBox, Svg, Textfield, Table, };
|
|
32
32
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAElD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACnG,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AAEnD,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AAEjG,OAAO,EACL,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,oBAAoB,EACpB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,aAAa,EACb,KAAK,EACL,IAAI,EACJ,OAAO,EACP,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,IAAI,EACJ,cAAc,EACd,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,EACV,GAAG,EACH,SAAS,EACT,KAAK,GACN,CAAC"}
|
package/index.js
CHANGED
|
@@ -47,6 +47,12 @@ Object.defineProperty(exports, "Dropdown", {
|
|
|
47
47
|
return _Dropdown.default;
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
|
+
Object.defineProperty(exports, "DropdownV1", {
|
|
51
|
+
enumerable: true,
|
|
52
|
+
get: function get() {
|
|
53
|
+
return _Dropdown.DropdownV1;
|
|
54
|
+
}
|
|
55
|
+
});
|
|
50
56
|
Object.defineProperty(exports, "ErrorBox", {
|
|
51
57
|
enumerable: true,
|
|
52
58
|
get: function get() {
|
|
@@ -187,7 +193,7 @@ var _DialogBox = _interopRequireDefault(require("./components/DialogBox/DialogBo
|
|
|
187
193
|
|
|
188
194
|
var _Divisor = _interopRequireDefault(require("./components/Divisor"));
|
|
189
195
|
|
|
190
|
-
var _Dropdown =
|
|
196
|
+
var _Dropdown = _interopRequireWildcard(require("./components/Dropdown"));
|
|
191
197
|
|
|
192
198
|
var _ErrorBox = _interopRequireDefault(require("./components/ErrorBox/ErrorBox"));
|
|
193
199
|
|
package/license-report.html
CHANGED
|
@@ -45,6 +45,6 @@ th, td {
|
|
|
45
45
|
padding: 15px;
|
|
46
46
|
}
|
|
47
47
|
</style>
|
|
48
|
-
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.15.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.15.0</td><td class="string">2.10.11</td><td class="string">^2.10.11</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.0.5</td><td class="string">6.0.5</td><td class="string">^6.0.5</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.1</td><td class="string">7.0.1</td><td class="string">^7.0.1</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.10.4</td><td class="string">11.10.0</td><td class="string">^11.9.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.3</td><td class="string">5.8.4</td><td class="string">^5.8.4</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.5</td><td class="string">5.10.1</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.3</td><td class="string">5.9.3</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui-org/material-ui-x.git</td><td class="string">5.0.1</td><td class="string">5.0.0-beta.6</td><td class="string">^5.0.0-alpha.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.3.
|
|
48
|
+
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.15.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.15.0</td><td class="string">2.10.11</td><td class="string">^2.10.11</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.0.5</td><td class="string">6.0.5</td><td class="string">^6.0.5</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.1</td><td class="string">7.0.1</td><td class="string">^7.0.1</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.10.4</td><td class="string">11.10.0</td><td class="string">^11.9.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.3</td><td class="string">5.8.4</td><td class="string">^5.8.4</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.5</td><td class="string">5.10.1</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.10.3</td><td class="string">5.9.3</td><td class="string">^5.8.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui-org/material-ui-x.git</td><td class="string">5.0.1</td><td class="string">5.0.0-beta.6</td><td class="string">^5.0.0-alpha.7</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.3.2</td><td class="string">2.3.1</td><td class="string">^2.3.1</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.29.3</td><td class="string">2.29.2</td><td class="string">^2.28.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.29.4</td><td class="string">2.29.1</td><td class="string">^2.29.1</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.0-beta.10</td><td class="string">9.0.0-beta.10</td><td class="string">^9.0.0-beta.6</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.54.9</td><td class="string">1.35.1</td><td class="string">^1.35.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.4.2</td><td class="string">1.4.2</td><td class="string">^1.4.2</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">stuff</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">1.1.2</td><td class="string">1.1.2</td><td class="string">^1.0.1</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
|
|
49
49
|
</body>
|
|
50
50
|
</html>
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,EAAE,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;;;;yBAO9E,OAAO,MAAM,SAAS,KAC5B,YAAY;;AANnB,wBAYE;AAmBF,eAAO,MAAM,OAAO,4BAAoB,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { Story } from '@storybook/react';
|
|
2
|
-
import Dropdown, { Props as DropdownProps } from '../components/Dropdown';
|
|
2
|
+
import Dropdown, { Props as DropdownV1Props, DropdownProps } from '../components/Dropdown';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: typeof Dropdown;
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
8
|
+
export declare const LegacyDropdown: Story<DropdownV1Props>;
|
|
8
9
|
export declare const Default: Story<DropdownProps>;
|
|
9
10
|
//# sourceMappingURL=Dropdown.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Dropdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,QAAQ,EAAE,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Dropdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,QAAQ,EAAE,EAAE,KAAK,IAAI,eAAe,EAAc,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;AAEvG,wBAGE;AAYF,eAAO,MAAM,cAAc,wBAA8B,CAAC;AAmB1D,eAAO,MAAM,OAAO,sBAA4B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Message.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,OAAO,EAAE,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;;;;;AAE/E,wBAGE;
|
|
1
|
+
{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Message.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,OAAO,EAAE,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;;;;;AAE/E,wBAGE;AAUF,eAAO,MAAM,KAAK,qBAAoB,CAAC;AAWvC,eAAO,MAAM,IAAI,qBAAoB,CAAC"}
|