@neo4j-ndl/react 0.9.0 → 0.9.2
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/CHANGELOG.md +17 -0
- package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js +8 -2
- package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js.map +1 -1
- package/lib/cjs/dropdown/Dropdown.js +9 -7
- package/lib/cjs/dropdown/Dropdown.js.map +1 -1
- package/lib/cjs/dropdown/Overrides.js +1 -1
- package/lib/cjs/dropdown/Overrides.js.map +1 -1
- package/lib/cjs/modal/Modal.js +5 -2
- package/lib/cjs/modal/Modal.js.map +1 -1
- package/lib/cjs/text-input/TextInput.js +31 -6
- package/lib/cjs/text-input/TextInput.js.map +1 -1
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js +9 -3
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js.map +1 -1
- package/lib/esm/dropdown/Dropdown.js +9 -7
- package/lib/esm/dropdown/Dropdown.js.map +1 -1
- package/lib/esm/dropdown/Overrides.js +1 -1
- package/lib/esm/dropdown/Overrides.js.map +1 -1
- package/lib/esm/modal/Modal.js +5 -2
- package/lib/esm/modal/Modal.js.map +1 -1
- package/lib/esm/text-input/TextInput.js +8 -6
- package/lib/esm/text-input/TextInput.js.map +1 -1
- package/lib/types/modal/Modal.d.ts +2 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 0.9.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- ecde854: Update aria label warning messages
|
|
8
|
+
- 83f91c5: fix dropdown inconsistencies and text input flex gaps
|
|
9
|
+
- Updated dependencies [83f91c5]
|
|
10
|
+
- @neo4j-ndl/base@0.8.7
|
|
11
|
+
|
|
12
|
+
## 0.9.1
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- 38a8692: add container property to Modal component
|
|
17
|
+
- Updated dependencies [38a8692]
|
|
18
|
+
- @neo4j-ndl/base@0.8.6
|
|
19
|
+
|
|
3
20
|
## 0.9.0
|
|
4
21
|
|
|
5
22
|
### Minor Changes
|
|
@@ -37,6 +37,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
37
37
|
*/
|
|
38
38
|
const react_1 = require("react");
|
|
39
39
|
const classnames_1 = __importDefault(require("classnames"));
|
|
40
|
+
const utils_1 = require("../utils");
|
|
40
41
|
/** Add any helper functions here. */
|
|
41
42
|
/**
|
|
42
43
|
*
|
|
@@ -46,7 +47,12 @@ const classnames_1 = __importDefault(require("classnames"));
|
|
|
46
47
|
*
|
|
47
48
|
*/
|
|
48
49
|
const RadioAndCheckboxWrapper = (props, ref) => {
|
|
49
|
-
const { label, fluid, labelBefore, type = 'text' } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type"]);
|
|
50
|
+
const { label, fluid, labelBefore, type = 'text', 'aria-label': ariaLabel } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type", 'aria-label']);
|
|
51
|
+
(0, react_1.useMemo)(() => {
|
|
52
|
+
if (!label && !ariaLabel) {
|
|
53
|
+
(0, utils_1.needleWarningMessage)(`${type} without a label does not have an aria label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI`);
|
|
54
|
+
}
|
|
55
|
+
}, [ariaLabel, label, type]);
|
|
50
56
|
const containerWrappingClass = (0, classnames_1.default)(`ndl-form-item ndl-type-${type}`, {
|
|
51
57
|
disabled: otherInputProps.disabled,
|
|
52
58
|
});
|
|
@@ -54,7 +60,7 @@ const RadioAndCheckboxWrapper = (props, ref) => {
|
|
|
54
60
|
fluid,
|
|
55
61
|
'label-before': labelBefore,
|
|
56
62
|
});
|
|
57
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: containerWrappingClass }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, otherInputProps, { ref: ref, type: type })), label && ((0, jsx_runtime_1.jsx)("span", Object.assign({ title: label, className: "form-label-text" }, { children: label })))] })) })));
|
|
63
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: containerWrappingClass }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ "aria-label": ariaLabel }, otherInputProps, { ref: ref, type: type })), label && ((0, jsx_runtime_1.jsx)("span", Object.assign({ title: label, className: "form-label-text" }, { children: label })))] })) })));
|
|
58
64
|
};
|
|
59
65
|
exports.default = (0, react_1.forwardRef)(RadioAndCheckboxWrapper);
|
|
60
66
|
//# sourceMappingURL=RadioAndCheckboxWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,
|
|
1
|
+
{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAA0D;AAC1D,4DAAoC;AAEpC,oCAAgD;AAkBhD,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,uBAAuB,GAAG,CAC9B,KAA4B,EAC5B,GAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,GAAG,MAAM,EACb,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,eAAe,UAChB,KAAK,EAPH,uDAOL,CAAQ,CAAC;IAEV,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,IAAA,4BAAoB,EAClB,GAAG,IAAI,4KAA4K,CACpL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAE7B,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC,0BAA0B,IAAI,EAAE,EAAE;QAC1E,QAAQ,EAAE,eAAe,CAAC,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,cAAc,EAAE,WAAW;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,8CAAK,SAAS,EAAE,sBAAsB,gBAGpC,iDAAO,SAAS,EAAE,kBAAkB,iBAClC,8DACc,SAAS,IACjB,eAAe,IACnB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,IACV,EAED,KAAK,IAAI,CACR,+CAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,iBAAiB,gBAC5C,KAAK,IACD,CACR,KACK,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC"}
|
|
@@ -71,7 +71,7 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
71
71
|
control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: size === 'small' ? '36px' : '48px',
|
|
72
72
|
// Avoid shifting with border of 2px
|
|
73
73
|
// Source: https://stackoverflow.com/a/9612782/3247715
|
|
74
|
-
boxShadow: state.isFocused ? `0 0 0
|
|
74
|
+
boxShadow: state.isFocused ? `0 0 0 1px ${focusedBorderColor}` : 'none', fontSize: size === 'small' ? '14px' : '16px', outline: 'none', border: state.isFocused
|
|
75
75
|
? `1px solid ${focusedBorderColor}`
|
|
76
76
|
: `1px solid ${defaultBorder}`, '&:hover': {
|
|
77
77
|
border: state.isFocused
|
|
@@ -79,13 +79,14 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
79
79
|
: `1px solid ${defaultBorder}`,
|
|
80
80
|
} })),
|
|
81
81
|
multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px', maxWidth: '95%' })),
|
|
82
|
-
dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { padding: '7px' })),
|
|
82
|
+
dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'pointer', padding: '7px' })),
|
|
83
83
|
indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
84
84
|
/**
|
|
85
85
|
* The right icon has padding of 8px so:
|
|
86
86
|
* padding-right: 8px+desired
|
|
87
87
|
*/
|
|
88
88
|
paddingRight: size === 'small' ? '4px' : '8px' })),
|
|
89
|
+
clearIndicator: (provided) => (Object.assign(Object.assign({}, provided), { padding: '0px' })),
|
|
89
90
|
/**
|
|
90
91
|
* Only for multi-select, make the padding
|
|
91
92
|
* 2px everywhere when we have at least one
|
|
@@ -93,13 +94,14 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
93
94
|
*/
|
|
94
95
|
valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: state.isMulti && state.hasValue ? '2px' : '2px 8px' })),
|
|
95
96
|
menuList: (provided) => (Object.assign(Object.assign({}, provided), { padding: size === 'small' ? '16px 12px' : '16px 16px' })),
|
|
96
|
-
option: (provided, state) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', fontSize: size === 'small' ? '14px' : '16px', backgroundColor: state.isSelected
|
|
97
|
+
option: (provided, state) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', fontSize: size === 'small' ? '14px' : '16px', lineHeight: size === 'small' ? '20px' : '24px', backgroundColor: state.isSelected
|
|
97
98
|
? tokens_1.default.palette.light.neutral.bg.strong
|
|
98
99
|
: 'transparent', color: tokens_1.default.palette.light.neutral.text.default, '&:hover': {
|
|
99
100
|
backgroundColor: state.isSelected
|
|
100
101
|
? tokens_1.default.palette.light.neutral.bg.strong
|
|
101
102
|
: tokens_1.default.palette.light.neutral.bg.default,
|
|
102
103
|
} })),
|
|
104
|
+
input: (provided) => (Object.assign(Object.assign({}, provided), { lineHeight: size === 'small' ? '20px' : '24px' })),
|
|
103
105
|
placeholder: (provided) => (Object.assign(Object.assign({}, provided), { color: tokens_1.default.palette.light.neutral.text.weaker })),
|
|
104
106
|
};
|
|
105
107
|
};
|
|
@@ -144,16 +146,16 @@ exports.Dropdown = (0, helpers_1.forwardRef)(function Dropdown(props, ref) {
|
|
|
144
146
|
let SelectElement;
|
|
145
147
|
switch (type) {
|
|
146
148
|
case 'async-select': {
|
|
147
|
-
SelectElement = ((0, jsx_runtime_1.jsx)(async_1.default, Object.assign({ name: identifier, inputId: identifier
|
|
149
|
+
SelectElement = ((0, jsx_runtime_1.jsx)(async_1.default, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
|
|
148
150
|
break;
|
|
149
151
|
}
|
|
150
152
|
case 'creatable':
|
|
151
|
-
SelectElement = ((0, jsx_runtime_1.jsx)(creatable_1.default, Object.assign({ name: identifier, inputId: identifier
|
|
153
|
+
SelectElement = ((0, jsx_runtime_1.jsx)(creatable_1.default, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
|
|
152
154
|
break;
|
|
153
155
|
default:
|
|
154
|
-
SelectElement = ((0, jsx_runtime_1.jsx)(react_select_1.default, Object.assign({ name: identifier, inputId: identifier
|
|
156
|
+
SelectElement = ((0, jsx_runtime_1.jsx)(react_select_1.default, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
|
|
155
157
|
}
|
|
156
|
-
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref }, RestProps, { className: (0, classnames_1.default)('ndl-dropdown', size, {
|
|
158
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ "aria-label": ariaLabel, ref: ref }, RestProps, { className: (0, classnames_1.default)('ndl-dropdown', size, {
|
|
157
159
|
fluid,
|
|
158
160
|
}) }, { children: [label && (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: identifier }, { children: label })), SelectElement, helpText && !errorText && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "sub-text" }, { children: helpText })), errorText && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "sub-text error-text" }, { children: errorText }))] })));
|
|
159
161
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ const DropdownIndicatorCurrying = ({ errorText, size, }) => function Component(p
|
|
|
34
34
|
};
|
|
35
35
|
exports.DropdownIndicatorCurrying = DropdownIndicatorCurrying;
|
|
36
36
|
const CustomClearIndication = ({ errorText, size, }) => function Component(props) {
|
|
37
|
-
return ((0, jsx_runtime_1.jsx)(react_select_1.components.ClearIndicator, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [(0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { className: "n-w-5 n-h-5 n-text-light-neutral-text-weak", iconName: "XIcon" }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" })] })) })));
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(react_select_1.components.ClearIndicator, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [(0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { className: "n-w-5 n-h-5 n-text-light-neutral-text-weak n-cursor-pointer", iconName: "XIcon" }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" })] })) })));
|
|
38
38
|
};
|
|
39
39
|
exports.CustomClearIndication = CustomClearIndication;
|
|
40
40
|
const CustomMultiValueRemove = ({ errorText, size, }) => function Component(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAOsB;AACtB,oCAAoC;AAG7B,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA6D;IAE7D,OAAO,CACL,uBAAC,yBAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,gBAAQ,IACP,SAAS,EAAE,iBAAiB,IAAI,EAAE,EAClC,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,OAAO;qBAC5B,GACD,EACD,SAAS,IAAI,CACZ,6DACE,gCAAK,SAAS,EAAC,WAAW,GAAG,EAC7B,uBAAC,gBAAQ,IACP,SAAS,EAAE,cAAc,IAAI,EAAE,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,uBAAuB,GAChC,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAtCS,QAAA,yBAAyB,6BAsClC;AAEG,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,uBAAC,yBAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,gBAAQ,IACP,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAOsB;AACtB,oCAAoC;AAG7B,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA6D;IAE7D,OAAO,CACL,uBAAC,yBAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,gBAAQ,IACP,SAAS,EAAE,iBAAiB,IAAI,EAAE,EAClC,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,OAAO;qBAC5B,GACD,EACD,SAAS,IAAI,CACZ,6DACE,gCAAK,SAAS,EAAC,WAAW,GAAG,EAC7B,uBAAC,gBAAQ,IACP,SAAS,EAAE,cAAc,IAAI,EAAE,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,uBAAuB,GAChC,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAtCS,QAAA,yBAAyB,6BAsClC;AAEG,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,uBAAC,yBAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,gBAAQ,IACP,SAAS,EAAC,6DAA6D,EACvE,QAAQ,EAAC,OAAO,GAChB,EACF,gCAAK,SAAS,EAAC,WAAW,GAAG,KACzB,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAtBS,QAAA,qBAAqB,yBAsB9B;AAEG,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,uBAAC,yBAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,uBAAC,gBAAQ,IACP,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,EACD,QAAQ,EAAC,OAAO,GAChB,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAtBS,QAAA,sBAAsB,0BAsB/B;AAEG,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,uBAAC,yBAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,8CAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAhBS,QAAA,iBAAiB,qBAgB1B"}
|
package/lib/cjs/modal/Modal.js
CHANGED
|
@@ -70,7 +70,7 @@ var ModalCloseReason;
|
|
|
70
70
|
ModalCloseReason["ESCAPE_KEY_DOWN"] = "escapeKeyDown";
|
|
71
71
|
})(ModalCloseReason = exports.ModalCloseReason || (exports.ModalCloseReason = {}));
|
|
72
72
|
const Modal = (_a) => {
|
|
73
|
-
var { open, size = 'medium', onClose, children, className } = _a, rest = __rest(_a, ["open", "size", "onClose", "children", "className"]);
|
|
73
|
+
var { open, size = 'medium', onClose, children, className, container } = _a, rest = __rest(_a, ["open", "size", "onClose", "children", "className", "container"]);
|
|
74
74
|
const toggleScrollbar = (0, utils_1.useDocumentScrollToggle)();
|
|
75
75
|
const backdropClick = react_1.default.useRef(null);
|
|
76
76
|
const handleMouseDown = (event) => {
|
|
@@ -99,7 +99,10 @@ const Modal = (_a) => {
|
|
|
99
99
|
return null;
|
|
100
100
|
}
|
|
101
101
|
const classes = (0, classnames_1.default)('ndl-modal', size, className);
|
|
102
|
-
|
|
102
|
+
const rootClasses = (0, classnames_1.default)('ndl-modal-root', {
|
|
103
|
+
'ndl-modal-container': container,
|
|
104
|
+
});
|
|
105
|
+
return ((0, jsx_runtime_1.jsx)(portal_1.Portal, Object.assign({ container: container }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: rootClasses, onKeyDown: handleKeyDown, onClick: handleBackdropClick, "data-testid": "modal-backdrop", tabIndex: -1 }, { children: (0, jsx_runtime_1.jsx)(trap_focus_1.TrapFocus, Object.assign({ open: open }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-modal-wrapper", onMouseDown: handleMouseDown, tabIndex: -1, "data-testid": "modal-wrapper" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes }, rest, { children: children })) })) })) })) })));
|
|
103
106
|
};
|
|
104
107
|
exports.Modal = Modal;
|
|
105
108
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAAyC;AACzC,4DAAoC;AAEpC,sCAAmC;AACnC,8CAA0C;AAC1C,4CAA2D;AAE3D,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,oDAAgC,CAAA;IAChC,qDAAiC,CAAA;AACnC,CAAC,EAHW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAG3B;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAAyC;AACzC,4DAAoC;AAEpC,sCAAmC;AACnC,8CAA0C;AAC1C,4CAA2D;AAE3D,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,oDAAgC,CAAA;IAChC,qDAAiC,CAAA;AACnC,CAAC,EAHW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAG3B;AAcM,MAAM,KAAK,GAAG,CAAC,EAQT,EAAE,EAAE;QARK,EACpB,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,OAEE,EADR,IAAI,cAPa,iEAQrB,CADQ;IAEP,MAAM,eAAe,GAAG,IAAA,+BAAuB,GAAE,CAAC;IAClD,MAAM,aAAa,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,CAAC,KAAuC,EAAE,EAAE;QAClE,sEAAsE;QACtE,+DAA+D;QAC/D,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC5D,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;SACzD;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,CAAmC,EAAE,EAAE;QAClE,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1B,OAAO;SACR;QAED,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,OAAO,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IACzD,MAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE;QAC/C,qBAAqB,EAAE,SAAS;KACjC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,eAAM,kBAAC,SAAS,EAAE,SAAS,gBAE1B,8CACE,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,mBAAmB,iBAChB,gBAAgB,EAC5B,QAAQ,EAAE,CAAC,CAAC,gBAEZ,uBAAC,sBAAS,kBAAC,IAAI,EAAE,IAAI,gBAEnB,8CACE,SAAS,EAAC,mBAAmB,EAC7B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EAAE,CAAC,CAAC,iBACA,eAAe,gBAE3B,8CAAK,SAAS,EAAE,OAAO,IAAM,IAAI,cAC9B,QAAQ,IACL,IACF,IACI,IACR,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AA3EW,QAAA,KAAK,SA2EhB"}
|
|
@@ -1,4 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
26
|
var t = {};
|
|
4
27
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -35,7 +58,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
35
58
|
* You should have received a copy of the GNU General Public License
|
|
36
59
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
37
60
|
*/
|
|
38
|
-
const react_1 =
|
|
61
|
+
const react_1 = __importStar(require("react"));
|
|
39
62
|
const classnames_1 = __importDefault(require("classnames"));
|
|
40
63
|
const icons_1 = require("../icons");
|
|
41
64
|
const utils_1 = require("../_common/utils");
|
|
@@ -55,7 +78,7 @@ const utils_1 = require("../_common/utils");
|
|
|
55
78
|
*
|
|
56
79
|
*/
|
|
57
80
|
const TextInput = react_1.default.forwardRef(function TextInput(props, ref) {
|
|
58
|
-
const { label, fluid, errorText, helpText, leftIcon, rightIcon, type = 'text', containerSize = 'small' } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "type", "containerSize"]);
|
|
81
|
+
const { label, fluid, errorText, helpText, leftIcon, rightIcon, type = 'text', containerSize = 'small', 'aria-label': ariaLabel } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "type", "containerSize", 'aria-label']);
|
|
59
82
|
const containerWrappingClass = (0, classnames_1.default)(`ndl-form-item ndl-type-text`, customProps.className, {
|
|
60
83
|
disabled: customProps.disabled,
|
|
61
84
|
[containerSize]: containerSize,
|
|
@@ -69,11 +92,13 @@ const TextInput = react_1.default.forwardRef(function TextInput(props, ref) {
|
|
|
69
92
|
fluid,
|
|
70
93
|
'form-item-no-label': hasEmptyLabelValue,
|
|
71
94
|
});
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
95
|
+
(0, react_1.useMemo)(() => {
|
|
96
|
+
if (!label && !ariaLabel) {
|
|
97
|
+
(0, utils_1.needleWarningMessage)('A TextInput without a label does not have an aria label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI');
|
|
98
|
+
}
|
|
99
|
+
}, [label, ariaLabel]);
|
|
75
100
|
const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
|
|
76
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: containerWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), (0, jsx_runtime_1.jsx)("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref })), rightIcon && !errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon error-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
|
|
101
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: containerWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), (0, jsx_runtime_1.jsx)("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && !errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon error-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
|
|
77
102
|
});
|
|
78
103
|
exports.default = TextInput;
|
|
79
104
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAAqD;AACrD,4DAAoC;AAEpC,oCAAoC;AACpC,4CAAwD;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,EACvB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,IAAA,4BAAoB,EAClB,uLAAuL,CACxL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,+CAAK,SAAS,EAAE,sBAAsB,iBAGpC,iDAAO,SAAS,EAAE,kBAAkB,iBAClC,+CAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,8CAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,kDACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,8CAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,EACA,SAAS,IAAI,CACZ,8CAAK,SAAS,EAAC,4BAA4B,gBACzC,uBAAC,gBAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,CACP,KACG,EAEN,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC1B,8CAAK,SAAS,EAAC,UAAU,gBAAE,SAAS,IAAI,QAAQ,IAAO,CACxD,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -30,8 +30,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
30
30
|
* You should have received a copy of the GNU General Public License
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
|
-
import { forwardRef } from 'react';
|
|
33
|
+
import { forwardRef, useMemo } from 'react';
|
|
34
34
|
import classnames from 'classnames';
|
|
35
|
+
import { needleWarningMessage } from '../utils';
|
|
35
36
|
/** Add any helper functions here. */
|
|
36
37
|
/**
|
|
37
38
|
*
|
|
@@ -41,7 +42,12 @@ import classnames from 'classnames';
|
|
|
41
42
|
*
|
|
42
43
|
*/
|
|
43
44
|
const RadioAndCheckboxWrapper = (props, ref) => {
|
|
44
|
-
const { label, fluid, labelBefore, type = 'text' } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type"]);
|
|
45
|
+
const { label, fluid, labelBefore, type = 'text', 'aria-label': ariaLabel } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type", 'aria-label']);
|
|
46
|
+
useMemo(() => {
|
|
47
|
+
if (!label && !ariaLabel) {
|
|
48
|
+
needleWarningMessage(`${type} without a label does not have an aria label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI`);
|
|
49
|
+
}
|
|
50
|
+
}, [ariaLabel, label, type]);
|
|
45
51
|
const containerWrappingClass = classnames(`ndl-form-item ndl-type-${type}`, {
|
|
46
52
|
disabled: otherInputProps.disabled,
|
|
47
53
|
});
|
|
@@ -49,7 +55,7 @@ const RadioAndCheckboxWrapper = (props, ref) => {
|
|
|
49
55
|
fluid,
|
|
50
56
|
'label-before': labelBefore,
|
|
51
57
|
});
|
|
52
|
-
return (_jsx("div", Object.assign({ className: containerWrappingClass }, { children: _jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsx("input", Object.assign({}, otherInputProps, { ref: ref, type: type })), label && (_jsx("span", Object.assign({ title: label, className: "form-label-text" }, { children: label })))] })) })));
|
|
58
|
+
return (_jsx("div", Object.assign({ className: containerWrappingClass }, { children: _jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsx("input", Object.assign({ "aria-label": ariaLabel }, otherInputProps, { ref: ref, type: type })), label && (_jsx("span", Object.assign({ title: label, className: "form-label-text" }, { children: label })))] })) })));
|
|
53
59
|
};
|
|
54
60
|
export default forwardRef(RadioAndCheckboxWrapper);
|
|
55
61
|
//# sourceMappingURL=RadioAndCheckboxWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAgB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAkBhD,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,uBAAuB,GAAG,CAC9B,KAA4B,EAC5B,GAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,GAAG,MAAM,EACb,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,eAAe,UAChB,KAAK,EAPH,uDAOL,CAAQ,CAAC;IAEV,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,oBAAoB,CAClB,GAAG,IAAI,4KAA4K,CACpL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAE7B,MAAM,sBAAsB,GAAG,UAAU,CAAC,0BAA0B,IAAI,EAAE,EAAE;QAC1E,QAAQ,EAAE,eAAe,CAAC,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,cAAc,EAAE,WAAW;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,4BAAK,SAAS,EAAE,sBAAsB,gBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,4CACc,SAAS,IACjB,eAAe,IACnB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,IACV,EAED,KAAK,IAAI,CACR,6BAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,iBAAiB,gBAC5C,KAAK,IACD,CACR,KACK,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
|
|
@@ -65,7 +65,7 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
65
65
|
control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: size === 'small' ? '36px' : '48px',
|
|
66
66
|
// Avoid shifting with border of 2px
|
|
67
67
|
// Source: https://stackoverflow.com/a/9612782/3247715
|
|
68
|
-
boxShadow: state.isFocused ? `0 0 0
|
|
68
|
+
boxShadow: state.isFocused ? `0 0 0 1px ${focusedBorderColor}` : 'none', fontSize: size === 'small' ? '14px' : '16px', outline: 'none', border: state.isFocused
|
|
69
69
|
? `1px solid ${focusedBorderColor}`
|
|
70
70
|
: `1px solid ${defaultBorder}`, '&:hover': {
|
|
71
71
|
border: state.isFocused
|
|
@@ -73,13 +73,14 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
73
73
|
: `1px solid ${defaultBorder}`,
|
|
74
74
|
} })),
|
|
75
75
|
multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px', maxWidth: '95%' })),
|
|
76
|
-
dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { padding: '7px' })),
|
|
76
|
+
dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'pointer', padding: '7px' })),
|
|
77
77
|
indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
78
78
|
/**
|
|
79
79
|
* The right icon has padding of 8px so:
|
|
80
80
|
* padding-right: 8px+desired
|
|
81
81
|
*/
|
|
82
82
|
paddingRight: size === 'small' ? '4px' : '8px' })),
|
|
83
|
+
clearIndicator: (provided) => (Object.assign(Object.assign({}, provided), { padding: '0px' })),
|
|
83
84
|
/**
|
|
84
85
|
* Only for multi-select, make the padding
|
|
85
86
|
* 2px everywhere when we have at least one
|
|
@@ -87,13 +88,14 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
87
88
|
*/
|
|
88
89
|
valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: state.isMulti && state.hasValue ? '2px' : '2px 8px' })),
|
|
89
90
|
menuList: (provided) => (Object.assign(Object.assign({}, provided), { padding: size === 'small' ? '16px 12px' : '16px 16px' })),
|
|
90
|
-
option: (provided, state) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', fontSize: size === 'small' ? '14px' : '16px', backgroundColor: state.isSelected
|
|
91
|
+
option: (provided, state) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', fontSize: size === 'small' ? '14px' : '16px', lineHeight: size === 'small' ? '20px' : '24px', backgroundColor: state.isSelected
|
|
91
92
|
? tokens.palette.light.neutral.bg.strong
|
|
92
93
|
: 'transparent', color: tokens.palette.light.neutral.text.default, '&:hover': {
|
|
93
94
|
backgroundColor: state.isSelected
|
|
94
95
|
? tokens.palette.light.neutral.bg.strong
|
|
95
96
|
: tokens.palette.light.neutral.bg.default,
|
|
96
97
|
} })),
|
|
98
|
+
input: (provided) => (Object.assign(Object.assign({}, provided), { lineHeight: size === 'small' ? '20px' : '24px' })),
|
|
97
99
|
placeholder: (provided) => (Object.assign(Object.assign({}, provided), { color: tokens.palette.light.neutral.text.weaker })),
|
|
98
100
|
};
|
|
99
101
|
};
|
|
@@ -138,16 +140,16 @@ export const Dropdown = forwardRef(function Dropdown(props, ref) {
|
|
|
138
140
|
let SelectElement;
|
|
139
141
|
switch (type) {
|
|
140
142
|
case 'async-select': {
|
|
141
|
-
SelectElement = (_jsx(AsyncSelect, Object.assign({ name: identifier, inputId: identifier
|
|
143
|
+
SelectElement = (_jsx(AsyncSelect, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
|
|
142
144
|
break;
|
|
143
145
|
}
|
|
144
146
|
case 'creatable':
|
|
145
|
-
SelectElement = (_jsx(Creatable, Object.assign({ name: identifier, inputId: identifier
|
|
147
|
+
SelectElement = (_jsx(Creatable, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
|
|
146
148
|
break;
|
|
147
149
|
default:
|
|
148
|
-
SelectElement = (_jsx(Select, Object.assign({ name: identifier, inputId: identifier
|
|
150
|
+
SelectElement = (_jsx(Select, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
|
|
149
151
|
}
|
|
150
|
-
return (_jsxs(Component, Object.assign({ ref: ref }, RestProps, { className: classnames('ndl-dropdown', size, {
|
|
152
|
+
return (_jsxs(Component, Object.assign({ "aria-label": ariaLabel, ref: ref }, RestProps, { className: classnames('ndl-dropdown', size, {
|
|
151
153
|
fluid,
|
|
152
154
|
}) }, { children: [label && _jsx("label", Object.assign({ htmlFor: identifier }, { children: label })), SelectElement, helpText && !errorText && _jsx("span", Object.assign({ className: "sub-text" }, { children: helpText })), errorText && _jsx("span", Object.assign({ className: "sub-text error-text" }, { children: errorText }))] })));
|
|
153
155
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D,2CAA2C;AAC3C,OAAO,MAAqB,MAAM,cAAc,CAAC;AACjD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAMxD,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,aAAa,CAAC;AAErB;;;;;;GAMG;AAEH,MAAM,kBAAkB,GAAG,CAKzB,KAAmE,EACnE,EAAE,CACF,CAAC;IACC,iBAAiB,EAAE,yBAAyB,CAAC,KAAK,CAAC;IACnD,kBAAkB,EAAE,IAAI;IACxB,cAAc,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAC5C,gBAAgB,EAAE,sBAAsB,CAAC,KAAK,CAAC;IAC/C,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAAC;CAKR,CAAA,CAAC;AAElC,MAAM,YAAY,GAAG,CAInB,EACA,SAAS,EACT,IAAI,GAIL,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,SAAS;QAClC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QAC3C,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IAEvC,MAAM,aAAa,GAAG,SAAS;QAC7B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QAC3C,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;IAE/C,OAAO;QACL,OAAO,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCACzB,QAAQ,KACX,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC7C,oCAAoC;YACpC,sDAAsD;YACtD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,kBAAkB,EAAE,CAAC,CAAC,CAAC,MAAM,EACvE,QAAQ,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC5C,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,KAAK,CAAC,SAAS;gBACrB,CAAC,CAAC,aAAa,kBAAkB,EAAE;gBACnC,CAAC,CAAC,aAAa,aAAa,EAAE,EAChC,SAAS,EAAE;gBACT,MAAM,EAAE,KAAK,CAAC,SAAS;oBACrB,CAAC,CAAC,aAAa,kBAAkB,EAAE;oBACnC,CAAC,CAAC,aAAa,aAAa,EAAE;aACjC,IACD;QACF,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACrB,QAAQ,KACX,YAAY,EAAE,KAAK,EACnB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,IACf;QACF,iBAAiB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC5B,QAAQ,KACX,OAAO,EAAE,KAAK,IACd;QACF,mBAAmB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC9B,QAAQ;YACX;;;eAGG;YACH,YAAY,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAC9C;QACF;;;;WAIG;QACH,cAAc,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCAChC,QAAQ,KACX,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAC5D;QACF,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACnB,QAAQ,KACX,OAAO,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,IACrD;QACF,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCACxB,QAAQ,KACX,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC5C,eAAe,EAAE,KAAK,CAAC,UAAU;gBAC/B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM;gBACxC,CAAC,CAAC,aAAa,EACjB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAChD,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,UAAU;oBAC/B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM;oBACxC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO;aAC5C,IACD;QACF,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACtB,QAAQ,KACX,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,IAC/C;KACuE,CAAC;AAC9E,CAAC,CAAC;AAEF,MAAM,WAAW,GAAsC;IACrD,UAAU;IACV,SAAS;IACT,aAAa;IACb,mBAAmB;IACnB,OAAO;IACP,aAAa;IACb,SAAS;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAKlD,KAIoD,EACpD,GAAgC;IAEhC,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,IAAI,EACZ,IAAI,GAAG,OAAO,EACd,IAAI,GAAG,QAAQ,EACf,WAAW,GAAG,EAAE,EAChB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,8FAWL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B;;;;OAIG;IACH,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACH,WAAW,CAAC,MAAM,CAChB,CACE,CAA+D,EAC/D,CAA2D,EAC3D,EAAE,CAAC,CAAC,CAAE,CAAS,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EACrD,WAAW,CACZ,EACH,CAAC,IAAI,EAAE,WAAW,CAAC,CACpB,CAAC;IAEF;;;OAGG;IACH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,MAAM,qBAAQ,IAAI,CAAE,CAAC;QAC3B,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QACjD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CACH,kBAAkB,CAAiC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACzE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,YAAY,CAAiC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACvE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QAC5C,IAAI,SAAS;YAAE,OAAO,SAAS,CAAC;QAChC,oBAAoB,CAClB,kEAAkE,CACnE,CAAC;QACF,mCAAmC;QACnC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,IAAI,aAA0B,CAAC;IAC/B,QAAQ,IAAI,EAAE;QACZ,KAAK,cAAc,CAAC,CAAC;YACnB,aAAa,GAAG,CACd,KAAC,WAAW,kBACV,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ export const DropdownIndicatorCurrying = ({ errorText, size, }) => function Comp
|
|
|
30
30
|
} }), errorText && (_jsxs(_Fragment, { children: [_jsx("div", { className: "indicator" }), _jsx(HeroIcon, { className: `error-icon ${size}`, role: "img", type: "solid", iconName: "ExclamationCircleIcon" })] }))] })) })));
|
|
31
31
|
};
|
|
32
32
|
export const CustomClearIndication = ({ errorText, size, }) => function Component(props) {
|
|
33
|
-
return (_jsx(components.ClearIndicator, Object.assign({}, props, { children: _jsxs("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [_jsx(HeroIcon, { className: "n-w-5 n-h-5 n-text-light-neutral-text-weak", iconName: "XIcon" }), _jsx("div", { className: "indicator" })] })) })));
|
|
33
|
+
return (_jsx(components.ClearIndicator, Object.assign({}, props, { children: _jsxs("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [_jsx(HeroIcon, { className: "n-w-5 n-h-5 n-text-light-neutral-text-weak n-cursor-pointer", iconName: "XIcon" }), _jsx("div", { className: "indicator" })] })) })));
|
|
34
34
|
};
|
|
35
35
|
export const CustomMultiValueRemove = ({ errorText, size, }) => function Component(props) {
|
|
36
36
|
return (_jsx(components.MultiValueRemove, Object.assign({}, props, { children: _jsx(HeroIcon, { className: "n-text-light-neutral-text-weak", style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAEL,UAAU,GAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA6D;IAE7D,OAAO,CACL,KAAC,UAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,QAAQ,IACP,SAAS,EAAE,iBAAiB,IAAI,EAAE,EAClC,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,OAAO;qBAC5B,GACD,EACD,SAAS,IAAI,CACZ,8BACE,cAAK,SAAS,EAAC,WAAW,GAAG,EAC7B,KAAC,QAAQ,IACP,SAAS,EAAE,cAAc,IAAI,EAAE,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,uBAAuB,GAChC,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,KAAC,UAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,QAAQ,IACP,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAEL,UAAU,GAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA6D;IAE7D,OAAO,CACL,KAAC,UAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,QAAQ,IACP,SAAS,EAAE,iBAAiB,IAAI,EAAE,EAClC,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,OAAO;qBAC5B,GACD,EACD,SAAS,IAAI,CACZ,8BACE,cAAK,SAAS,EAAC,WAAW,GAAG,EAC7B,KAAC,QAAQ,IACP,SAAS,EAAE,cAAc,IAAI,EAAE,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,uBAAuB,GAChC,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,KAAC,UAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,QAAQ,IACP,SAAS,EAAC,6DAA6D,EACvE,QAAQ,EAAC,OAAO,GAChB,EACF,cAAK,SAAS,EAAC,WAAW,GAAG,KACzB,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,KAAC,UAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,KAAC,QAAQ,IACP,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,EACD,QAAQ,EAAC,OAAO,GAChB,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,KAAC,UAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,4BAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC"}
|
package/lib/esm/modal/Modal.js
CHANGED
|
@@ -41,7 +41,7 @@ export var ModalCloseReason;
|
|
|
41
41
|
ModalCloseReason["ESCAPE_KEY_DOWN"] = "escapeKeyDown";
|
|
42
42
|
})(ModalCloseReason || (ModalCloseReason = {}));
|
|
43
43
|
export const Modal = (_a) => {
|
|
44
|
-
var { open, size = 'medium', onClose, children, className } = _a, rest = __rest(_a, ["open", "size", "onClose", "children", "className"]);
|
|
44
|
+
var { open, size = 'medium', onClose, children, className, container } = _a, rest = __rest(_a, ["open", "size", "onClose", "children", "className", "container"]);
|
|
45
45
|
const toggleScrollbar = useDocumentScrollToggle();
|
|
46
46
|
const backdropClick = React.useRef(null);
|
|
47
47
|
const handleMouseDown = (event) => {
|
|
@@ -70,6 +70,9 @@ export const Modal = (_a) => {
|
|
|
70
70
|
return null;
|
|
71
71
|
}
|
|
72
72
|
const classes = classnames('ndl-modal', size, className);
|
|
73
|
-
|
|
73
|
+
const rootClasses = classnames('ndl-modal-root', {
|
|
74
|
+
'ndl-modal-container': container,
|
|
75
|
+
});
|
|
76
|
+
return (_jsx(Portal, Object.assign({ container: container }, { children: _jsx("div", Object.assign({ className: rootClasses, onKeyDown: handleKeyDown, onClick: handleBackdropClick, "data-testid": "modal-backdrop", tabIndex: -1 }, { children: _jsx(TrapFocus, Object.assign({ open: open }, { children: _jsx("div", Object.assign({ className: "ndl-modal-wrapper", onMouseDown: handleMouseDown, tabIndex: -1, "data-testid": "modal-wrapper" }, { children: _jsx("div", Object.assign({ className: classes }, rest, { children: children })) })) })) })) })));
|
|
74
77
|
};
|
|
75
78
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,oDAAgC,CAAA;IAChC,qDAAiC,CAAA;AACnC,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,oDAAgC,CAAA;IAChC,qDAAiC,CAAA;AACnC,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAcD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAQT,EAAE,EAAE;QARK,EACpB,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,OAEE,EADR,IAAI,cAPa,iEAQrB,CADQ;IAEP,MAAM,eAAe,GAAG,uBAAuB,EAAE,CAAC;IAClD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,CAAC,KAAuC,EAAE,EAAE;QAClE,sEAAsE;QACtE,+DAA+D;QAC/D,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC5D,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;SACzD;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,CAAmC,EAAE,EAAE;QAClE,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1B,OAAO;SACR;QAED,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,OAAO,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IACzD,MAAM,WAAW,GAAG,UAAU,CAAC,gBAAgB,EAAE;QAC/C,qBAAqB,EAAE,SAAS;KACjC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,MAAM,kBAAC,SAAS,EAAE,SAAS,gBAE1B,4BACE,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,mBAAmB,iBAChB,gBAAgB,EAC5B,QAAQ,EAAE,CAAC,CAAC,gBAEZ,KAAC,SAAS,kBAAC,IAAI,EAAE,IAAI,gBAEnB,4BACE,SAAS,EAAC,mBAAmB,EAC7B,WAAW,EAAE,eAAe,EAC5B,QAAQ,EAAE,CAAC,CAAC,iBACA,eAAe,gBAE3B,4BAAK,SAAS,EAAE,OAAO,IAAM,IAAI,cAC9B,QAAQ,IACL,IACF,IACI,IACR,IACC,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -30,7 +30,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
30
30
|
* You should have received a copy of the GNU General Public License
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
|
-
import React from 'react';
|
|
33
|
+
import React, { useMemo } from 'react';
|
|
34
34
|
import classNames from 'classnames';
|
|
35
35
|
import { HeroIcon } from '../icons';
|
|
36
36
|
import { needleWarningMessage } from '../_common/utils';
|
|
@@ -50,7 +50,7 @@ import { needleWarningMessage } from '../_common/utils';
|
|
|
50
50
|
*
|
|
51
51
|
*/
|
|
52
52
|
const TextInput = React.forwardRef(function TextInput(props, ref) {
|
|
53
|
-
const { label, fluid, errorText, helpText, leftIcon, rightIcon, type = 'text', containerSize = 'small' } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "type", "containerSize"]);
|
|
53
|
+
const { label, fluid, errorText, helpText, leftIcon, rightIcon, type = 'text', containerSize = 'small', 'aria-label': ariaLabel } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "type", "containerSize", 'aria-label']);
|
|
54
54
|
const containerWrappingClass = classNames(`ndl-form-item ndl-type-text`, customProps.className, {
|
|
55
55
|
disabled: customProps.disabled,
|
|
56
56
|
[containerSize]: containerSize,
|
|
@@ -64,11 +64,13 @@ const TextInput = React.forwardRef(function TextInput(props, ref) {
|
|
|
64
64
|
fluid,
|
|
65
65
|
'form-item-no-label': hasEmptyLabelValue,
|
|
66
66
|
});
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
useMemo(() => {
|
|
68
|
+
if (!label && !ariaLabel) {
|
|
69
|
+
needleWarningMessage('A TextInput without a label does not have an aria label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI');
|
|
70
|
+
}
|
|
71
|
+
}, [label, ariaLabel]);
|
|
70
72
|
const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
|
|
71
|
-
return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsxs("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && _jsx("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref })), rightIcon && !errorText && (_jsx("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && (_jsx("div", Object.assign({ className: "icon right-icon error-icon" }, { children: _jsx(HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), _jsx("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && (_jsx("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
|
|
73
|
+
return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsxs("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && _jsx("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && !errorText && (_jsx("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && (_jsx("div", Object.assign({ className: "icon right-icon error-icon" }, { children: _jsx(HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), _jsx("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && (_jsx("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
|
|
72
74
|
});
|
|
73
75
|
export default TextInput;
|
|
74
76
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,EACvB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,UAAU,CACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,oBAAoB,CAClB,uLAAuL,CACxL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAsB,iBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,6BAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,4BAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,gCACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,4BAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,EACA,SAAS,IAAI,CACZ,4BAAK,SAAS,EAAC,4BAA4B,gBACzC,KAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,CACP,KACG,EAEN,6BAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC1B,4BAAK,SAAS,EAAC,UAAU,gBAAE,SAAS,IAAI,QAAQ,IAAO,CACxD,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -29,6 +29,7 @@ export interface ModalProps extends ElementBase {
|
|
|
29
29
|
children: React.ReactNode;
|
|
30
30
|
size?: 'small' | 'medium' | 'large';
|
|
31
31
|
className?: string;
|
|
32
|
+
container?: Element;
|
|
32
33
|
onClose?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: ModalCloseReason) => void;
|
|
33
34
|
}
|
|
34
|
-
export declare const Modal: ({ open, size, onClose, children, className, ...rest }: ModalProps) => JSX.Element | null;
|
|
35
|
+
export declare const Modal: ({ open, size, onClose, children, className, container, ...rest }: ModalProps) => JSX.Element | null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.2",
|
|
4
4
|
"description": "React implementation of Neo4j Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"button",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
},
|
|
70
70
|
"dependencies": {
|
|
71
71
|
"@heroicons/react": "^1.0.5",
|
|
72
|
-
"@neo4j-ndl/base": "^0.8.
|
|
72
|
+
"@neo4j-ndl/base": "^0.8.7",
|
|
73
73
|
"classnames": "^2.3.1",
|
|
74
74
|
"detect-browser": "^5.3.0",
|
|
75
75
|
"react-dropzone": "^14.0.0",
|