@neo4j-ndl/react 3.0.0-alpha-9886872 → 3.0.0-alpha-5f92d5f
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/lib/cjs/_common/input/RadioAndCheckboxWrapper.js +4 -4
- package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js.map +1 -1
- package/lib/cjs/accordion/Accordion.js +6 -5
- package/lib/cjs/accordion/Accordion.js.map +1 -1
- package/lib/cjs/avatar/Avatar.js +15 -4
- package/lib/cjs/avatar/Avatar.js.map +1 -1
- package/lib/cjs/banner/Banner.js +2 -2
- package/lib/cjs/banner/Banner.js.map +1 -1
- package/lib/cjs/button/Button.js +2 -2
- package/lib/cjs/button/Button.js.map +1 -1
- package/lib/cjs/button/IconButton.js +2 -2
- package/lib/cjs/button/IconButton.js.map +1 -1
- package/lib/cjs/button/IconButtonArray.js +2 -2
- package/lib/cjs/button/IconButtonArray.js.map +1 -1
- package/lib/cjs/callout/Callout.js +2 -2
- package/lib/cjs/callout/Callout.js.map +1 -1
- package/lib/cjs/checkbox/Checkbox.js +2 -2
- package/lib/cjs/checkbox/Checkbox.js.map +1 -1
- package/lib/cjs/code/Code.js +5 -3
- package/lib/cjs/code/Code.js.map +1 -1
- package/lib/cjs/code/languages.js +1 -0
- package/lib/cjs/code/languages.js.map +1 -1
- package/lib/cjs/context-menu/ContextMenu.js +33 -8
- package/lib/cjs/context-menu/ContextMenu.js.map +1 -1
- package/lib/cjs/data-grid/Components.js +6 -8
- package/lib/cjs/data-grid/Components.js.map +1 -1
- package/lib/cjs/data-grid/DataGrid.js +2 -0
- package/lib/cjs/data-grid/DataGrid.js.map +1 -1
- package/lib/cjs/dialog/Dialog.js +29 -22
- package/lib/cjs/dialog/Dialog.js.map +1 -1
- package/lib/cjs/divider/Divider.js +3 -3
- package/lib/cjs/divider/Divider.js.map +1 -1
- package/lib/cjs/dropdown-button/DropdownButton.js +3 -2
- package/lib/cjs/dropdown-button/DropdownButton.js.map +1 -1
- package/lib/cjs/dropzone/Dropzone.js +2 -2
- package/lib/cjs/dropzone/Dropzone.js.map +1 -1
- package/lib/cjs/inline-edit/InlineEdit.js +3 -3
- package/lib/cjs/inline-edit/InlineEdit.js.map +1 -1
- package/lib/cjs/label/Label.js +15 -5
- package/lib/cjs/label/Label.js.map +1 -1
- package/lib/cjs/layout/Flex.js +2 -2
- package/lib/cjs/layout/Flex.js.map +1 -1
- package/lib/cjs/loading-spinner/LoadingSpinner.js +14 -6
- package/lib/cjs/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/cjs/progress-bar/ProgressBar.js +3 -2
- package/lib/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/lib/cjs/segmented-control/SegmentedControl.js +4 -4
- package/lib/cjs/segmented-control/SegmentedControl.js.map +1 -1
- package/lib/cjs/side-navigation/SideNavigation.js +6 -5
- package/lib/cjs/side-navigation/SideNavigation.js.map +1 -1
- package/lib/cjs/slider/Slider.js +3 -2
- package/lib/cjs/slider/Slider.js.map +1 -1
- package/lib/cjs/status-indicator/StatusIndicator.js +7 -6
- package/lib/cjs/status-indicator/StatusIndicator.js.map +1 -1
- package/lib/cjs/tabs/Tabs.js +6 -6
- package/lib/cjs/tabs/Tabs.js.map +1 -1
- package/lib/cjs/tag/Tag.js.map +1 -1
- package/lib/cjs/text-input/TextInput.js +2 -2
- package/lib/cjs/text-input/TextInput.js.map +1 -1
- package/lib/cjs/tooltip/Tooltip.js +5 -3
- package/lib/cjs/tooltip/Tooltip.js.map +1 -1
- package/lib/cjs/tooltip/use-tooltip.js +3 -2
- package/lib/cjs/tooltip/use-tooltip.js.map +1 -1
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js +4 -4
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js.map +1 -1
- package/lib/esm/accordion/Accordion.js +6 -5
- package/lib/esm/accordion/Accordion.js.map +1 -1
- package/lib/esm/avatar/Avatar.js +15 -4
- package/lib/esm/avatar/Avatar.js.map +1 -1
- package/lib/esm/banner/Banner.js +2 -2
- package/lib/esm/banner/Banner.js.map +1 -1
- package/lib/esm/button/Button.js +2 -2
- package/lib/esm/button/Button.js.map +1 -1
- package/lib/esm/button/IconButton.js +2 -2
- package/lib/esm/button/IconButton.js.map +1 -1
- package/lib/esm/button/IconButtonArray.js +2 -2
- package/lib/esm/button/IconButtonArray.js.map +1 -1
- package/lib/esm/callout/Callout.js +2 -2
- package/lib/esm/callout/Callout.js.map +1 -1
- package/lib/esm/checkbox/Checkbox.js +2 -2
- package/lib/esm/checkbox/Checkbox.js.map +1 -1
- package/lib/esm/code/Code.js +5 -3
- package/lib/esm/code/Code.js.map +1 -1
- package/lib/esm/code/languages.js +1 -0
- package/lib/esm/code/languages.js.map +1 -1
- package/lib/esm/context-menu/ContextMenu.js +10 -8
- package/lib/esm/context-menu/ContextMenu.js.map +1 -1
- package/lib/esm/data-grid/Components.js +3 -7
- package/lib/esm/data-grid/Components.js.map +1 -1
- package/lib/esm/data-grid/DataGrid.js +3 -1
- package/lib/esm/data-grid/DataGrid.js.map +1 -1
- package/lib/esm/dialog/Dialog.js +31 -24
- package/lib/esm/dialog/Dialog.js.map +1 -1
- package/lib/esm/divider/Divider.js +3 -3
- package/lib/esm/divider/Divider.js.map +1 -1
- package/lib/esm/dropdown-button/DropdownButton.js +3 -2
- package/lib/esm/dropdown-button/DropdownButton.js.map +1 -1
- package/lib/esm/dropzone/Dropzone.js +2 -2
- package/lib/esm/dropzone/Dropzone.js.map +1 -1
- package/lib/esm/inline-edit/InlineEdit.js +3 -3
- package/lib/esm/inline-edit/InlineEdit.js.map +1 -1
- package/lib/esm/label/Label.js +16 -3
- package/lib/esm/label/Label.js.map +1 -1
- package/lib/esm/layout/Flex.js +2 -2
- package/lib/esm/layout/Flex.js.map +1 -1
- package/lib/esm/loading-spinner/LoadingSpinner.js +15 -4
- package/lib/esm/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/esm/progress-bar/ProgressBar.js +3 -2
- package/lib/esm/progress-bar/ProgressBar.js.map +1 -1
- package/lib/esm/segmented-control/SegmentedControl.js +4 -4
- package/lib/esm/segmented-control/SegmentedControl.js.map +1 -1
- package/lib/esm/side-navigation/SideNavigation.js +6 -5
- package/lib/esm/side-navigation/SideNavigation.js.map +1 -1
- package/lib/esm/slider/Slider.js +3 -2
- package/lib/esm/slider/Slider.js.map +1 -1
- package/lib/esm/status-indicator/StatusIndicator.js +7 -6
- package/lib/esm/status-indicator/StatusIndicator.js.map +1 -1
- package/lib/esm/tabs/Tabs.js +6 -6
- package/lib/esm/tabs/Tabs.js.map +1 -1
- package/lib/esm/tag/Tag.js.map +1 -1
- package/lib/esm/text-input/TextInput.js +2 -2
- package/lib/esm/text-input/TextInput.js.map +1 -1
- package/lib/esm/tooltip/Tooltip.js +5 -3
- package/lib/esm/tooltip/Tooltip.js.map +1 -1
- package/lib/esm/tooltip/use-tooltip.js +3 -2
- package/lib/esm/tooltip/use-tooltip.js.map +1 -1
- package/lib/types/_common/CodeBlockWrapper.d.ts +1 -1
- package/lib/types/_common/input/RadioAndCheckboxWrapper.d.ts +9 -0
- package/lib/types/_common/types.d.ts +12 -2
- package/lib/types/accordion/Accordion.d.ts +3 -7
- package/lib/types/avatar/Avatar.d.ts +0 -2
- package/lib/types/banner/Banner.d.ts +7 -5
- package/lib/types/button/Button.d.ts +0 -1
- package/lib/types/button/IconButtonArray.d.ts +2 -2
- package/lib/types/callout/Callout.d.ts +1 -1
- package/lib/types/charts/ChartTooltip.d.ts +3 -3
- package/lib/types/charts/Charts.d.ts +1 -1
- package/lib/types/code/Code.d.ts +0 -1
- package/lib/types/code/languages.d.ts +1 -1
- package/lib/types/context-menu/ContextMenu.d.ts +9 -6
- package/lib/types/data-grid/Components.d.ts +5 -6
- package/lib/types/data-grid/DataGrid.d.ts +3 -4
- package/lib/types/dialog/Dialog.d.ts +23 -15
- package/lib/types/dropzone/Dropzone.d.ts +2 -0
- package/lib/types/inline-edit/InlineEdit.d.ts +1 -1
- package/lib/types/label/Label.d.ts +4 -3
- package/lib/types/loading-spinner/LoadingSpinner.d.ts +4 -4
- package/lib/types/popover/Popover.d.ts +1 -1
- package/lib/types/progress-bar/ProgressBar.d.ts +4 -1
- package/lib/types/segmented-control/SegmentedControl.d.ts +1 -1
- package/lib/types/side-navigation/SideNavigation.d.ts +7 -2
- package/lib/types/slider/Slider.d.ts +2 -2
- package/lib/types/status-indicator/StatusIndicator.d.ts +4 -4
- package/lib/types/tag/Tag.d.ts +1 -0
- package/lib/types/text-area/TextArea.d.ts +2 -2
- package/lib/types/text-input/TextInput.d.ts +4 -1
- package/lib/types/tooltip/Tooltip.d.ts +2 -1
- package/lib/types/tooltip/use-tooltip.d.ts +3 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/label/Label.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/label/Label.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/layout/Flex.js
CHANGED
|
@@ -29,7 +29,7 @@ const types_1 = require("./types");
|
|
|
29
29
|
* Flex is a general-purpose container that helps
|
|
30
30
|
* lay out components with consistent spacing in a row or column.
|
|
31
31
|
*/
|
|
32
|
-
exports.Flex = (0, react_1.forwardRef)(function Flex({ as, gap = '4', rowGap, columnGap, children, borderRadius, flexDirection = 'column', flexWrap = 'nowrap', alignItems, justifyContent, style, htmlAttributes, }, ref) {
|
|
32
|
+
exports.Flex = (0, react_1.forwardRef)(function Flex({ as, gap = '4', rowGap, columnGap, children, borderRadius, flexDirection = 'column', flexWrap = 'nowrap', alignItems, justifyContent, className, style, htmlAttributes, }, ref) {
|
|
33
33
|
const Component = (as || 'div');
|
|
34
34
|
// If gap is not provided,
|
|
35
35
|
// and rowGap and columnGap are not provided,
|
|
@@ -47,6 +47,6 @@ exports.Flex = (0, react_1.forwardRef)(function Flex({ as, gap = '4', rowGap, co
|
|
|
47
47
|
gap: gapFormatted,
|
|
48
48
|
borderRadius: (0, types_1.getRadius)(borderRadius, 'borderRadius'),
|
|
49
49
|
};
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, style: Object.assign(Object.assign({}, additionalStyle), style) }, htmlAttributes, { children: children })));
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: className, style: Object.assign(Object.assign({}, additionalStyle), style) }, htmlAttributes, { children: children })));
|
|
51
51
|
});
|
|
52
52
|
//# sourceMappingURL=Flex.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/layout/Flex.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,0CAAyC;AACzC,iCAA0C;AAE1C,mCAMiB;AA6DjB;;;GAGG;AACU,QAAA,IAAI,GAAkB,IAAA,kBAAU,EAAC,SAAS,IAAI,CAGzD,EACE,EAAE,EACF,GAAG,GAAG,GAAG,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,QAAQ,GAAG,QAAQ,EACnB,UAAU,EACV,cAAc,EACd,KAAK,EACL,cAAc,GAC8B,EAC9C,GAAsB;IAEtB,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,KAAK,CAA8B,CAAC;IAE7D,0BAA0B;IAC1B,6CAA6C;IAC7C,8BAA8B;IAC9B,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,YAAY,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,IAAI,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,CAAC;IAEpE,MAAM,eAAe,GAAwB;QAC3C,aAAa;QACb,UAAU;QACV,QAAQ;QACR,cAAc;QACd,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,YAAY;QACjB,YAAY,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,cAAc,CAAC;KACtD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,KAAK,kCAAO,eAAe,GAAK,KAAK,KACjC,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/layout/Flex.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,0CAAyC;AACzC,iCAA0C;AAE1C,mCAMiB;AA6DjB;;;GAGG;AACU,QAAA,IAAI,GAAkB,IAAA,kBAAU,EAAC,SAAS,IAAI,CAGzD,EACE,EAAE,EACF,GAAG,GAAG,GAAG,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,QAAQ,GAAG,QAAQ,EACnB,UAAU,EACV,cAAc,EACd,SAAS,EACT,KAAK,EACL,cAAc,GAC8B,EAC9C,GAAsB;IAEtB,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,KAAK,CAA8B,CAAC;IAE7D,0BAA0B;IAC1B,6CAA6C;IAC7C,8BAA8B;IAC9B,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,YAAY,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,IAAI,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,CAAC;IAEpE,MAAM,eAAe,GAAwB;QAC3C,aAAa;QACb,UAAU;QACV,QAAQ;QACR,cAAc;QACd,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,YAAY;QACjB,YAAY,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,cAAc,CAAC;KACtD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,kCAAO,eAAe,GAAK,KAAK,KACjC,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
4
12
|
};
|
|
5
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
14
|
exports.LoadingSpinner = void 0;
|
|
@@ -25,7 +33,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
25
33
|
* You should have received a copy of the GNU General Public License
|
|
26
34
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
27
35
|
*/
|
|
28
|
-
const react_1 =
|
|
36
|
+
const react_1 = require("react");
|
|
29
37
|
const defaultImports_1 = require("../_common/defaultImports");
|
|
30
38
|
/**
|
|
31
39
|
*
|
|
@@ -34,13 +42,13 @@ const defaultImports_1 = require("../_common/defaultImports");
|
|
|
34
42
|
*
|
|
35
43
|
*
|
|
36
44
|
*/
|
|
37
|
-
exports.LoadingSpinner = react_1.
|
|
38
|
-
const { size = 'small', className
|
|
45
|
+
exports.LoadingSpinner = (0, react_1.forwardRef)(function LoadingSpinner(props, ref) {
|
|
46
|
+
const { as: Component = 'div', size = 'small', className } = props, restProps = __rest(props, ["as", "size", "className"]);
|
|
39
47
|
const classes = (0, defaultImports_1.classNames)('ndl-spin-wrapper', className, {
|
|
40
48
|
'ndl-small': size === 'small',
|
|
41
49
|
'ndl-medium': size === 'medium',
|
|
42
50
|
'ndl-large': size === 'large',
|
|
43
51
|
});
|
|
44
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
52
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, role: "status", "aria-label": "Loading content", "aria-live": "polite", ref: ref }, restProps, { children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-spin" }) })));
|
|
45
53
|
});
|
|
46
54
|
//# sourceMappingURL=LoadingSpinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../src/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iCAA0C;AAE1C,8DAAuD;AAkBvD;;;;;;GAMG;AAEU,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,SAAS,cAAc,CAG9D,KAAwD,EACxD,GAAsB;IAEtB,MAAM,EACJ,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,IAAI,GAAG,OAAO,EACd,SAAS,KAEP,KAAK,EADJ,SAAS,UACV,KAAK,EALH,2BAKL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,kBAAkB,EAAE,SAAS,EAAE;QACxD,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,QAAQ,gBACF,iBAAiB,eAClB,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,SAAS,cAEb,gCAAK,SAAS,EAAC,UAAU,GAAG,IAClB,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -27,11 +27,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
27
27
|
*/
|
|
28
28
|
const react_1 = __importDefault(require("react"));
|
|
29
29
|
const defaultImports_1 = require("../_common/defaultImports");
|
|
30
|
-
exports.ProgressBar = react_1.default.forwardRef(function ProgressBar({ heading, value, size = 'small', className, htmlAttributes, }, ref) {
|
|
30
|
+
exports.ProgressBar = react_1.default.forwardRef(function ProgressBar({ as, heading, value, size = 'small', className, style, htmlAttributes, }, ref) {
|
|
31
31
|
const classes = (0, defaultImports_1.classNames)('ndl-progress-bar-wrapper', className, {
|
|
32
32
|
'ndl-small': size === 'small',
|
|
33
33
|
'ndl-large': size === 'large',
|
|
34
34
|
});
|
|
35
|
-
|
|
35
|
+
const Component = as || 'div';
|
|
36
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, style: style, ref: ref }, htmlAttributes, { children: [heading && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-header", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-heading", children: heading }), (0, jsx_runtime_1.jsx)("span", { className: "ndl-progress-number", children: value + '%' })] })), (0, jsx_runtime_1.jsx)("div", { className: "ndl-progress-bar-container", role: "progressbar", title: "progress bar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value, children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-progress-bar", style: { width: value + '%' } }) })] })));
|
|
36
37
|
});
|
|
37
38
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAA0B;AAE1B,8DAAuD;
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAA0B;AAE1B,8DAAuD;AAgB1C,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,WAAW,CAG9D,EACE,EAAE,EACF,OAAO,EACP,KAAK,EACL,IAAI,GAAG,OAAO,EACd,SAAS,EACT,KAAK,EACL,cAAc,GACiC,EACjD,GAAsB;IAEtB,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,0BAA0B,EAAE,SAAS,EAAE;QAChE,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IACH,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IAEjD,OAAO,CACL,wBAAC,SAAS,kBAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,cAAc,eACtE,OAAO,IAAI,CACV,iCAAK,SAAS,EAAC,YAAY,aACzB,iCAAM,SAAS,EAAC,aAAa,YAAE,OAAO,GAAQ,EAC9C,iCAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAG,GAAG,GAAQ,IACtD,CACP,EACD,gCACE,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,cAAc,mBACL,CAAC,mBACD,GAAG,mBACH,KAAK,YAEpB,gCAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,GAAI,GAC/D,KACI,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -58,17 +58,17 @@ const useSelectorContext = () => {
|
|
|
58
58
|
}
|
|
59
59
|
return context;
|
|
60
60
|
};
|
|
61
|
-
const SegmentedControlComponent = (0, helpers_1.forwardRef)(function SegmentedControlComponent({ size = 'large', hasOnlyIcons = false, children, selected, onChange, as, className, isFloating, htmlAttributes, }, ref) {
|
|
61
|
+
const SegmentedControlComponent = (0, helpers_1.forwardRef)(function SegmentedControlComponent({ size = 'large', hasOnlyIcons = false, children, selected, onChange, as, className, style, isFloating, htmlAttributes, }, ref) {
|
|
62
62
|
const classes = (0, defaultImports_1.classNames)('ndl-segmented-control', className, {
|
|
63
63
|
'ndl-small': size === 'small',
|
|
64
64
|
'ndl-large': size === 'large',
|
|
65
65
|
'ndl-floating': isFloating,
|
|
66
66
|
});
|
|
67
67
|
const Component = as || 'div';
|
|
68
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, role: "group", ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(SegmentedControlContext.Provider, { value: { onChange, selected, hasOnlyIcons }, children: children }) })));
|
|
68
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: style, role: "group", ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(SegmentedControlContext.Provider, { value: { onChange, selected, hasOnlyIcons }, children: children }) })));
|
|
69
69
|
});
|
|
70
70
|
SegmentedControlComponent.displayName = 'SegmentedControl';
|
|
71
|
-
const SegmentedControlItem = react_1.default.forwardRef(function SegmentedControlItem({ as, children, className, value, htmlAttributes, }, ref) {
|
|
71
|
+
const SegmentedControlItem = react_1.default.forwardRef(function SegmentedControlItem({ as, children, className, style, value, htmlAttributes, }, ref) {
|
|
72
72
|
const { onChange, selected, hasOnlyIcons } = useSelectorContext();
|
|
73
73
|
const isSelected = value && value === selected;
|
|
74
74
|
const baseClasses = (0, defaultImports_1.classNames)(className, {
|
|
@@ -77,7 +77,7 @@ const SegmentedControlItem = react_1.default.forwardRef(function SegmentedContro
|
|
|
77
77
|
'ndl-current': value && value === selected,
|
|
78
78
|
});
|
|
79
79
|
const Component = as || 'button';
|
|
80
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ onClick: () => !isSelected && onChange(value), className: baseClasses, ref: ref }, htmlAttributes, { children: children })));
|
|
80
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ onClick: () => !isSelected && onChange(value), className: baseClasses, style: style, ref: ref }, htmlAttributes, { children: children })));
|
|
81
81
|
});
|
|
82
82
|
SegmentedControlItem.displayName = 'SegmentedControl.Item';
|
|
83
83
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAA0C;AAE1C,8DAAuD;AACvD,wCAAoE;AAsCpE,MAAM,uBAAuB;AAC3B,8DAA8D;AAC9D,eAAK,CAAC,aAAa,CAAsC,IAAI,CAAC,CAAC;AAEjE,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC;IAEpD,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC3D,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAA4B,IAAA,oBAAU,EACnE,SAAS,yBAAyB,CAIhC,EACE,IAAI,GAAG,OAAO,EACd,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,SAAS,EACT,UAAU,EACV,cAAc,GACyC,EACzD,GAAsB;IAEtB,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,uBAAuB,EAAE,SAAS,EAAE;QAC7D,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,OAAO,CACL,uBAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAA0C;AAE1C,8DAAuD;AACvD,wCAAoE;AAsCpE,MAAM,uBAAuB;AAC3B,8DAA8D;AAC9D,eAAK,CAAC,aAAa,CAAsC,IAAI,CAAC,CAAC;AAEjE,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC;IAEpD,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC3D,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAA4B,IAAA,oBAAU,EACnE,SAAS,yBAAyB,CAIhC,EACE,IAAI,GAAG,OAAO,EACd,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,EACV,cAAc,GACyC,EACzD,GAAsB;IAEtB,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,uBAAuB,EAAE,SAAS,EAAE;QAC7D,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,IACJ,cAAc,cAElB,uBAAC,uBAAuB,CAAC,QAAQ,IAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAE1C,QAAQ,GACwB,IACzB,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEA,yBAGD,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEnC,MAAM,oBAAoB,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,oBAAoB,CAGzE,EACE,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,cAAc,GASf,EACD,GAAsB;IAEtB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAElE,MAAM,UAAU,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC;IAE/C,MAAM,WAAW,GAAG,IAAA,2BAAU,EAAC,SAAS,EAAE;QACxC,kBAAkB,EAAE,CAAC,YAAY;QACjC,kBAAkB,EAAE,YAAY;QAChC,aAAa,EAAE,KAAK,IAAI,KAAK,KAAK,QAAQ;KAC3C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAsB,EAAE,IAAI,QAAQ,CAAC;IAEpD,OAAO,CACL,uBAAC,SAAS,kBACR,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,KAAK,CAAC,EAC7C,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,oBAAoB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE3D,6IAA6I;AAC7I,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,yBAAyB,EAAE;IAChE,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAC;AAEM,4CAAgB"}
|
|
@@ -92,11 +92,12 @@ const SideNavigationList = (0, react_1.forwardRef)(function SideNavigationList({
|
|
|
92
92
|
return ((0, jsx_runtime_1.jsx)(SideNavigationListContext.Provider, { value: { level: level + 1, size }, children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: classes, ref: ref }, htmlAttributes, { children: children })) }));
|
|
93
93
|
});
|
|
94
94
|
SideNavigationList.displayName = 'SideNavigation.List';
|
|
95
|
-
const SideNavigationItem = (0, react_1.forwardRef)(function SideNavigationItem(
|
|
96
|
-
var
|
|
95
|
+
const SideNavigationItem = (0, react_1.forwardRef)(function SideNavigationItem(_a, ref) {
|
|
96
|
+
var _b, _c;
|
|
97
|
+
var { className, children, icon, as, isSelected = false, isSelectable = true, style = {}, htmlAttributes } = _a, restProps = __rest(_a, ["className", "children", "icon", "as", "isSelected", "isSelectable", "style", "htmlAttributes"]);
|
|
97
98
|
const Component = as || 'a';
|
|
98
|
-
const { level } = (
|
|
99
|
-
const { isExpanded, hasIconMenu, size } = (
|
|
99
|
+
const { level } = (_b = useSideNavigationListContext()) !== null && _b !== void 0 ? _b : { level: 0 };
|
|
100
|
+
const { isExpanded, hasIconMenu, size } = (_c = useSideNavigationContext()) !== null && _c !== void 0 ? _c : {
|
|
100
101
|
isExpanded: true,
|
|
101
102
|
hasIconMenu: false,
|
|
102
103
|
size: 'small',
|
|
@@ -120,7 +121,7 @@ const SideNavigationItem = (0, react_1.forwardRef)(function SideNavigationItem({
|
|
|
120
121
|
}
|
|
121
122
|
if (!isExpanded && !(icon && hasIconMenu))
|
|
122
123
|
return null;
|
|
123
|
-
return ((0, jsx_runtime_1.jsx)("li", { className: itemClasses, children: (0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: innerClasses, style: Object.assign({ paddingLeft }, style), ref: ref }, htmlAttributes, { children: [hasIconMenu && icon && (0, jsx_runtime_1.jsx)("span", { className: "ndl-icon", children: icon }), isExpanded && children] })) }));
|
|
124
|
+
return ((0, jsx_runtime_1.jsx)("li", { className: itemClasses, children: (0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: innerClasses, style: Object.assign({ paddingLeft }, style), ref: ref }, restProps, htmlAttributes, { children: [hasIconMenu && icon && (0, jsx_runtime_1.jsx)("span", { className: "ndl-icon", children: icon }), isExpanded && children] })) }));
|
|
124
125
|
});
|
|
125
126
|
const SideNavigationItemBadge = (0, react_1.forwardRef)(function SideNavigationItemBadge(_a, ref) {
|
|
126
127
|
var _b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/slider/Slider.js
CHANGED
|
@@ -43,7 +43,7 @@ const defaultImports_1 = require("../_common/defaultImports");
|
|
|
43
43
|
const helpers_1 = require("../helpers");
|
|
44
44
|
const tooltip_1 = require("../tooltip");
|
|
45
45
|
exports.Slider = (0, helpers_1.forwardRef)(function SliderComponent(_a, ref) {
|
|
46
|
-
var { inputProps = {}, className, minValue = 0, maxValue = 100, isDisabled = false, showSteps = false, showValues = false, step = 1, type = 'single', onChange, htmlAttributes } = _a, restProps = __rest(_a, ["inputProps", "className", "minValue", "maxValue", "isDisabled", "showSteps", "showValues", "step", "type", "onChange", "htmlAttributes"]);
|
|
46
|
+
var { as, inputProps = {}, className, style, minValue = 0, maxValue = 100, isDisabled = false, showSteps = false, showValues = false, step = 1, type = 'single', onChange, htmlAttributes } = _a, restProps = __rest(_a, ["as", "inputProps", "className", "style", "minValue", "maxValue", "isDisabled", "showSteps", "showValues", "step", "type", "onChange", "htmlAttributes"]);
|
|
47
47
|
const trackRef = react_1.default.useRef(null);
|
|
48
48
|
const castedValue = type === 'range'
|
|
49
49
|
? restProps.values
|
|
@@ -61,7 +61,8 @@ exports.Slider = (0, helpers_1.forwardRef)(function SliderComponent(_a, ref) {
|
|
|
61
61
|
onChange: castedOnChange, // eslint-disable-line @typescript-eslint/no-explicit-any
|
|
62
62
|
});
|
|
63
63
|
const { groupProps, trackProps } = (0, react_aria_1.useSlider)({ 'aria-label': 'slider' }, state, trackRef);
|
|
64
|
-
|
|
64
|
+
const Component = as || 'div';
|
|
65
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: (0, defaultImports_1.classNames)('ndl-slider', className), style: style, role: "presentation", ref: ref }, groupProps, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({}, trackProps, { ref: trackRef, className: (0, defaultImports_1.classNames)('ndl-track', {
|
|
65
66
|
'ndl-is-disabled': state.isDisabled,
|
|
66
67
|
}), children: [showSteps && ((0, jsx_runtime_1.jsx)(TrackMarks, { state: state, min: minValue, max: maxValue })), (0, jsx_runtime_1.jsx)(FilledTrack, { state: state }), (0, jsx_runtime_1.jsx)(Thumb, { index: 0, state: state, trackRef: trackRef, showValues: showValues, inputForwardedProps: inputProps }), type === 'range' && ((0, jsx_runtime_1.jsx)(Thumb, { index: 1, state: state, trackRef: trackRef, showValues: showValues, inputForwardedProps: inputProps }))] })) })));
|
|
67
68
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAA0B;AAC1B,2CAMoB;AACpB,iDAAiE;AAEjE,8DAAuD;AACvD,wCAAwC;
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/slider/Slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,19 +39,20 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
39
39
|
const react_1 = __importDefault(require("react"));
|
|
40
40
|
const defaultImports_1 = require("../_common/defaultImports");
|
|
41
41
|
exports.StatusIndicator = react_1.default.forwardRef(function StatusIndicator(_a, ref) {
|
|
42
|
-
var { className, type = 'unknown' } = _a, restProps = __rest(_a, ["className", "type"]);
|
|
42
|
+
var { as, className, style, type = 'unknown', htmlAttributes } = _a, restProps = __rest(_a, ["as", "className", "style", "type", "htmlAttributes"]);
|
|
43
43
|
const classes = (0, defaultImports_1.classNames)('ndl-status-indicator', className);
|
|
44
|
+
const Component = as || 'span';
|
|
44
45
|
switch (type) {
|
|
45
46
|
case 'success':
|
|
46
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, restProps, { className: classes, style: style, ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("circle", { cx: "4", cy: "4", r: "4", fill: "rgb(var(--theme-palette-success-bg-status))" }) }) })));
|
|
47
48
|
case 'info':
|
|
48
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
49
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, restProps, { className: classes, style: style, ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("circle", { cx: "4", cy: "4", r: "4", fill: "rgb(var(--theme-palette-primary-bg-status))" }) }) })));
|
|
49
50
|
case 'warning':
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, restProps, { className: classes, style: style, ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M4.57641 0.35903C4.52349 0.251301 4.44144 0.160559 4.33957 0.0970988C4.23769 0.0336384 4.12007 0 4.00005 0C3.88002 0 3.7624 0.0336384 3.66053 0.0970988C3.55865 0.160559 3.4766 0.251301 3.42368 0.35903L0.0554707 7.22061C0.0149262 7.30309 -0.00393024 7.39454 0.000681349 7.48633C0.00529294 7.57812 0.0332205 7.66722 0.0818275 7.74522C0.130434 7.82322 0.198117 7.88754 0.278487 7.93212C0.358856 7.9767 0.44926 8.00006 0.541165 8H7.45893C7.55083 8.00006 7.64124 7.9767 7.7216 7.93212C7.80197 7.88754 7.86966 7.82322 7.91826 7.74522C7.96687 7.66722 7.9948 7.57812 7.99941 7.48633C8.00402 7.39454 7.98517 7.30309 7.94462 7.22061L4.57641 0.35903Z", fill: "rgb(var(--theme-palette-warning-bg-status))" }) }) })));
|
|
51
52
|
case 'danger':
|
|
52
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
53
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, restProps, { className: classes, style: style, ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0.188426 4.45553C0.067771 4.33472 0 4.17097 0 4.00024C0 3.8295 0.067771 3.66575 0.188426 3.54494L3.54489 0.188838C3.6046 0.128979 3.67554 0.0814871 3.75363 0.0490833C3.83173 0.0166795 3.91545 0 4 0C4.08455 0 4.16827 0.0166795 4.24637 0.0490833C4.32446 0.0814871 4.3954 0.128979 4.45511 0.188838L7.81157 3.54494C7.93223 3.66575 8 3.8295 8 4.00024C8 4.17097 7.93223 4.33472 7.81157 4.45553L4.45511 7.81163C4.33437 7.93226 4.17068 8.00003 4 8.00003C3.82932 8.00003 3.66563 7.93226 3.54489 7.81163L0.188426 4.45553Z", fill: "rgb(var(--theme-palette-danger-bg-status))" }) }) })));
|
|
53
54
|
default:
|
|
54
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
55
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, restProps, { className: classes, style: style, ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("rect", { width: "8", height: "8", rx: "1", fill: "rgb(var(--theme-palette-neutral-bg-status))" }) }) })));
|
|
55
56
|
}
|
|
56
57
|
});
|
|
57
58
|
//# sourceMappingURL=StatusIndicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../../src/status-indicator/StatusIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAA0B;AAE1B,8DAAuD;
|
|
1
|
+
{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../../src/status-indicator/StatusIndicator.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/tabs/Tabs.js
CHANGED
|
@@ -66,14 +66,14 @@ const getGeneralTabClasses = (size, fill) => {
|
|
|
66
66
|
'ndl-underline-tab': fill === 'underline',
|
|
67
67
|
};
|
|
68
68
|
};
|
|
69
|
-
const TabsComponent = (0, helpers_1.forwardRef)(function TabsComponent({ children, size = 'large', fill = 'underline', onChange, value, className, as, htmlAttributes, }, ref) {
|
|
69
|
+
const TabsComponent = (0, helpers_1.forwardRef)(function TabsComponent({ children, size = 'large', fill = 'underline', onChange, value, className, style, as, htmlAttributes, }, ref) {
|
|
70
70
|
const classes = (0, defaultImports_1.classNames)('ndl-tabs', getGeneralTabClasses(size, fill), className);
|
|
71
71
|
const Component = as || 'div';
|
|
72
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, role: "tablist", ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(TabsContext.Provider, { value: { value, size, fill, onChange }, children: children }) })));
|
|
72
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: style, role: "tablist", ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(TabsContext.Provider, { value: { value, size, fill, onChange }, children: children }) })));
|
|
73
73
|
});
|
|
74
74
|
TabsComponent.displayName =
|
|
75
75
|
'Tabs';
|
|
76
|
-
const TabsTab = (0, helpers_1.forwardRef)(function TabsTab({ children, tabId, isDisabled = false, className, as, htmlAttributes, }, ref) {
|
|
76
|
+
const TabsTab = (0, helpers_1.forwardRef)(function TabsTab({ children, tabId, isDisabled = false, className, style, as, htmlAttributes, }, ref) {
|
|
77
77
|
const { size, fill, value, onChange } = useTabsContext();
|
|
78
78
|
const baseClasses = (0, defaultImports_1.classNames)(Object.assign(Object.assign({}, getGeneralTabClasses(size, fill)), { 'ndl-selected': value === tabId, 'ndl-disabled': isDisabled }));
|
|
79
79
|
const Component = as || 'button';
|
|
@@ -83,12 +83,12 @@ const TabsTab = (0, helpers_1.forwardRef)(function TabsTab({ children, tabId, is
|
|
|
83
83
|
const castOnChange = onChange;
|
|
84
84
|
const handleChange = () => !isDisabled && castOnChange(tabId);
|
|
85
85
|
const classes = (0, defaultImports_1.classNames)('ndl-tab', baseClasses, className);
|
|
86
|
-
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, onClick: handleChange, role: "tab", "aria-controls": value === tabId ? getTabPanelId(tabId) : undefined, ref: ref }, htmlAttributes, { children: [children, fill === 'underline' && (0, jsx_runtime_1.jsx)("span", { className: "ndl-tab-underline" })] })));
|
|
86
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, style: style, onClick: handleChange, role: "tab", "aria-controls": value === tabId ? getTabPanelId(tabId) : undefined, ref: ref }, htmlAttributes, { children: [children, fill === 'underline' && (0, jsx_runtime_1.jsx)("span", { className: "ndl-tab-underline" })] })));
|
|
87
87
|
});
|
|
88
88
|
TabsTab.displayName = 'Tabs.Tab';
|
|
89
|
-
const TabsTabPanel = react_1.default.forwardRef(function TabsTabPanel({ as, children, value, tabId, htmlAttributes, }, ref) {
|
|
89
|
+
const TabsTabPanel = react_1.default.forwardRef(function TabsTabPanel({ as, children, value, tabId, style, className, htmlAttributes, }, ref) {
|
|
90
90
|
const Component = as || 'div';
|
|
91
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: value === tabId && ((0, jsx_runtime_1.jsx)(Component, Object.assign({ role: "tabpanel", id: getTabPanelId(tabId), ref: ref }, htmlAttributes, { children: children }))) }));
|
|
91
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: value === tabId && ((0, jsx_runtime_1.jsx)(Component, Object.assign({ role: "tabpanel", id: getTabPanelId(tabId), style: style, className: (0, defaultImports_1.classNames)(className), ref: ref }, htmlAttributes, { children: children }))) }));
|
|
92
92
|
});
|
|
93
93
|
// To work with forwardRef: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
94
94
|
const Tabs = Object.assign(TabsComponent, {
|
package/lib/cjs/tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAA0C;AAE1C,8DAAuD;AACvD,wCAAoE;AAoCpE,8DAA8D;AAC9D,MAAM,WAAW,GAAG,eAAK,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC;AAE3E,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,WAAW,CAAC,CAAC;IAExC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;IAC9C,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,YAAY,KAAK,EAAE,CAAC;AAE5D,MAAM,oBAAoB,GAAG,CAAC,IAAU,EAAE,IAAU,EAAE,EAAE;IACtD,OAAO;QACL,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,gBAAgB,EAAE,IAAI,KAAK,QAAQ;QACnC,mBAAmB,EAAE,IAAI,KAAK,WAAW;KAC1C,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,aAAa,GAAsB,IAAA,oBAAU,EAAC,SAAS,aAAa,CAIxE,EACE,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,IAAI,GAAG,WAAW,EAClB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,EAAE,EACF,cAAc,GACiC,EACjD,GAAsB;IAEtB,MAAM,OAAO,GAAG,IAAA,2BAAU,EACxB,UAAU,EACV,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,EAChC,SAAS,CACV,CAAC;IAEF,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IAEjD,OAAO,CACL,uBAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAA2C;AAE3C,8DAAuD;AACvD,4CAAwD;AACxD,oCAA4C;
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAA2C;AAE3C,8DAAuD;AACvD,4CAAwD;AACxD,oCAA4C;AA4C5C;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEU,QAAA,GAAG,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CAC9C,KAAe,EACf,GAAuC;IAEvC,MAAM,EACJ,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,WAAW,EACX,QAAQ,EACR,SAAS,EACT,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,IAAI,WAAW,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QAClD,IAAA,4BAAoB,EAClB,0EAA0E,CAC3E,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,SAAS,EAAE,SAAS,EAAE;QAC/C,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,gBAAgB,EAAE,WAAW;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,CAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,+CAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,cAAc,eAClD,QAAQ,EACR,WAAW,IAAI,CACd,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,gBACN,YAAY,YAEvB,uBAAC,wBAAgB,KAAG,GACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -37,7 +37,7 @@ const tooltip_1 = require("../tooltip");
|
|
|
37
37
|
*
|
|
38
38
|
*/
|
|
39
39
|
exports.TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
|
|
40
|
-
const { label, isFluid, errorText, helpText, leftElement, rightElement, isOptional = false, informationIconText, size = 'medium', value, tooltipProps, htmlAttributes, isDisabled, isReadOnly, isRequired, className, } = props;
|
|
40
|
+
const { label, isFluid, errorText, helpText, leftElement, rightElement, isOptional = false, informationIconText, size = 'medium', placeholder, value, tooltipProps, htmlAttributes, isDisabled, isReadOnly, isRequired, onChange, className, style, } = props;
|
|
41
41
|
const containerWrappingClasses = (0, defaultImports_1.classNames)(`ndl-text-input`, className, {
|
|
42
42
|
'ndl-disabled': isDisabled,
|
|
43
43
|
'ndl-read-only': isReadOnly,
|
|
@@ -70,6 +70,6 @@ exports.TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
|
|
|
70
70
|
'ndl-information-icon-small': size === 'small' || size === 'medium',
|
|
71
71
|
'ndl-information-icon-large': size === 'large',
|
|
72
72
|
});
|
|
73
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: containerWrappingClasses, children: [(0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClasses, children: [!hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-label-text-wrapper", children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-label-text", children: label }), informationIconText && ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { type: "simple", children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { className: informationIconClasses, children: (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}) })), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-form-item-optional", children: "Optional" }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-input-wrapper", children: [leftElement && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-element-left ndl-element", children: leftElement })), (0, jsx_runtime_1.jsx)("input", Object.assign({ readOnly: isReadOnly, disabled: isDisabled, required: isRequired, value: value, type: "text" }, combinedHtmlInputAttributes, { ref: ref })), rightElement && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-element-right ndl-element", children: rightElement }))] })] }), helpText && !errorText && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: size === 'large' ? 'body-medium' : 'body-small', className: "ndl-form-message", children: helpText })), errorText && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-form-message", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-error-icon", children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { className: "ndl-error-text", variant: size === 'large' ? 'body-medium' : 'body-small', children: errorText })] }))] }));
|
|
73
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: containerWrappingClasses, style: style, children: [(0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClasses, children: [!hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-label-text-wrapper", children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-label-text", children: label }), informationIconText && ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { type: "simple", children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { className: informationIconClasses, children: (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}) })), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-form-item-optional", children: "Optional" }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-input-wrapper", children: [leftElement && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-element-left ndl-element", children: leftElement })), (0, jsx_runtime_1.jsx)("input", Object.assign({ readOnly: isReadOnly, disabled: isDisabled, required: isRequired, value: value, placeholder: placeholder, type: "text", onChange: onChange }, combinedHtmlInputAttributes, { ref: ref })), rightElement && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-element-right ndl-element", children: rightElement }))] })] }), helpText && !errorText && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: size === 'large' ? 'body-medium' : 'body-small', className: "ndl-form-message", children: helpText })), errorText && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-form-message", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-error-icon", children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { className: "ndl-error-text", variant: size === 'large' ? 'body-medium' : 'body-small', children: errorText })] }))] }));
|
|
74
74
|
});
|
|
75
75
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAOe;AAEf,8DAAuD;AACvD,kDAA8E;AAC9E,4CAAwD;AACxD,oCAGkB;AAClB,8CAA2C;AAG3C,wCAAqC;
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,8 @@ const typography_1 = require("../typography");
|
|
|
33
33
|
const theme_1 = require("../theme");
|
|
34
34
|
const button_1 = require("../button");
|
|
35
35
|
const outline_1 = require("@heroicons/react/24/outline");
|
|
36
|
-
|
|
36
|
+
const ConditionalWrap_1 = __importDefault(require("../_common/ConditionalWrap"));
|
|
37
|
+
function Tooltip({ children, isDisabled = false, type, isInitialOpen, placement, isOpen, onOpenChange, isPortaled = true, }) {
|
|
37
38
|
const tooltip = (0, use_tooltip_1.useTooltip)({
|
|
38
39
|
isInitialOpen,
|
|
39
40
|
placement,
|
|
@@ -41,6 +42,7 @@ function Tooltip({ children, isDisabled = false, type, isInitialOpen, placement,
|
|
|
41
42
|
isOpen: isDisabled === true ? false : isOpen,
|
|
42
43
|
onOpenChange,
|
|
43
44
|
type,
|
|
45
|
+
isPortaled,
|
|
44
46
|
});
|
|
45
47
|
return ((0, jsx_runtime_1.jsx)(use_tooltip_1.TooltipContext.Provider, { value: tooltip, children: children }));
|
|
46
48
|
}
|
|
@@ -75,9 +77,9 @@ const TooltipContent = (0, react_2.forwardRef)(function TooltipContent({ childre
|
|
|
75
77
|
'ndl-tooltip-content-rich': context.type === 'rich',
|
|
76
78
|
});
|
|
77
79
|
if (context.type === 'simple') {
|
|
78
|
-
return ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: classes, style: Object.assign(Object.assign({}, context.floatingStyles), style) }, context.getFloatingProps(htmlAttributes), { children: children })) }));
|
|
80
|
+
return ((0, jsx_runtime_1.jsx)(ConditionalWrap_1.default, { shouldWrap: context.isPortaled, wrap: (wrapChildren) => ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { children: wrapChildren })), children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: classes, style: Object.assign(Object.assign({}, context.floatingStyles), style) }, context.getFloatingProps(htmlAttributes), { children: children })) }));
|
|
79
81
|
}
|
|
80
|
-
return ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context.context, returnFocus: true, modal: false, initialFocus: -1, closeOnFocusOut: true, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: classes, style: Object.assign(Object.assign({}, context.floatingStyles), style) }, context.getFloatingProps(htmlAttributes), { children: children })) }) }));
|
|
82
|
+
return ((0, jsx_runtime_1.jsx)(ConditionalWrap_1.default, { shouldWrap: context.isPortaled, wrap: (wrapChildren) => (0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { children: wrapChildren }), children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context.context, returnFocus: true, modal: false, initialFocus: -1, closeOnFocusOut: true, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: classes, style: Object.assign(Object.assign({}, context.floatingStyles), style) }, context.getFloatingProps(htmlAttributes), { children: children })) }) }));
|
|
81
83
|
});
|
|
82
84
|
const TooltipHeader = ({ children, className, passThroughProps, }) => {
|
|
83
85
|
const context = (0, use_tooltip_1.useTooltipContext)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ exports.useTooltip = useTooltip;
|
|
|
24
24
|
*/
|
|
25
25
|
const react_1 = require("react");
|
|
26
26
|
const react_2 = require("@floating-ui/react");
|
|
27
|
-
function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: controlledOpen, onOpenChange: setControlledOpen, type = 'simple', } = {}) {
|
|
27
|
+
function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: controlledOpen, onOpenChange: setControlledOpen, type = 'simple', isPortaled = true, } = {}) {
|
|
28
28
|
const [isUncontrolledOpen, setIsUncontrolledOpen] = (0, react_1.useState)(isInitialOpen);
|
|
29
29
|
const isOpen = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : isUncontrolledOpen;
|
|
30
30
|
const setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setIsUncontrolledOpen;
|
|
@@ -64,7 +64,8 @@ function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: controll
|
|
|
64
64
|
const interactions = (0, react_2.useInteractions)([hover, focus, dismiss, role, click]);
|
|
65
65
|
return (0, react_1.useMemo)(() => (Object.assign(Object.assign({ isOpen,
|
|
66
66
|
setOpen,
|
|
67
|
-
type
|
|
67
|
+
type,
|
|
68
|
+
isPortaled }, interactions), data)), [isOpen, setOpen, type, isPortaled, interactions, data]);
|
|
68
69
|
}
|
|
69
70
|
exports.TooltipContext = (0, react_1.createContext)(null);
|
|
70
71
|
const useTooltipContext = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/use-tooltip.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"use-tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/use-tooltip.ts"],"names":[],"mappings":";;;AAgDA,gCAmEC;AAnHD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iCAAqE;AACrE,8CAgB4B;AAW5B,SAAgB,UAAU,CAAC,EACzB,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,KAAK,EACjB,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,iBAAiB,EAC/B,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,IAAI,MACC,EAAE;IAOpB,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,aAAa,CAAC,CAAC;IAC5E,MAAM,MAAM,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,kBAAkB,CAAC;IACpD,MAAM,OAAO,GAAG,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,qBAAqB,CAAC;IAE3D,MAAM,IAAI,GAAG,IAAA,mBAAW,EAAC;QACvB,SAAS;QACT,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,OAAO;QACrB,oBAAoB,EAAE,kBAAU;QAChC,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,CAAC,CAAC;YACT,IAAA,YAAI,EAAC;gBACH,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAClC,yBAAyB,EAAE,OAAO;gBAClC,OAAO,EAAE,CAAC;aACX,CAAC;YACF,IAAA,aAAK,EAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;SACtB;KACF,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IAE7B,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,OAAO,EAAE;QAC9B,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,cAAc,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ;KAC3D,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,OAAO,EAAE;QAC9B,OAAO,EAAE,cAAc,KAAK,SAAS,IAAI,IAAI,KAAK,MAAM;KACzD,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,OAAO,EAAE;QAC9B,OAAO,EAAE,cAAc,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ;KAC3D,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,OAAO,EAAE;QAClC,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,IAAI;KAChB,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,OAAO,EAAE;QAC5B,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;KAC/C,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3E,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,+BACJ,MAAM;QACN,OAAO;QACP,IAAI;QACJ,UAAU,IACP,YAAY,GACZ,IAAI,EACP,EACF,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,CACxD,CAAC;AACJ,CAAC;AAGY,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAc,IAAI,CAAC,CAAC;AAExD,MAAM,iBAAiB,GAAG,GAAkC,EAAE;IACnE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,sBAAc,CAAC,CAAC;IAE3C,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACvE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B"}
|
|
@@ -32,7 +32,7 @@ import { needleWarningMessage } from '../utils';
|
|
|
32
32
|
*/
|
|
33
33
|
export const customLabelAndNoAriaLabelWarningMessage = 'aria label not detected when using a custom label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI';
|
|
34
34
|
const RadioAndCheckboxWrapper = (props, ref) => {
|
|
35
|
-
const { label, isFluid, isDefaultChecked, hasLabelBefore, type = 'text', ariaLabel, isDisabled, isReadOnly, isChecked, onClick, onChange, htmlAttributes, } = props;
|
|
35
|
+
const { label, isFluid, isDefaultChecked, hasLabelBefore, type = 'text', ariaLabel, isDisabled, isReadOnly, isChecked, onClick, onChange, value, className, style, htmlAttributes, } = props;
|
|
36
36
|
const isLabel = label !== undefined && typeof label === 'string';
|
|
37
37
|
const isCustomLabel = label && typeof label !== 'string';
|
|
38
38
|
const hasCustomLabelAndNoAriaLabel = isCustomLabel && !ariaLabel;
|
|
@@ -44,15 +44,15 @@ const RadioAndCheckboxWrapper = (props, ref) => {
|
|
|
44
44
|
needleWarningMessage(customLabelAndNoAriaLabelWarningMessage);
|
|
45
45
|
}
|
|
46
46
|
}, [ariaLabel, label, type, hasCustomLabelAndNoAriaLabel]);
|
|
47
|
-
const containerWrappingClasses = classNames(`ndl-form-item ndl-type-${type}`, {
|
|
47
|
+
const containerWrappingClasses = classNames(className, `ndl-form-item ndl-type-${type}`, {
|
|
48
48
|
'ndl-disabled': isDisabled,
|
|
49
49
|
'ndl-read-only': isReadOnly,
|
|
50
|
-
});
|
|
50
|
+
}, className);
|
|
51
51
|
const labelWrappingClasses = classNames(`ndl-form-item-label`, {
|
|
52
52
|
'ndl-fluid': isFluid,
|
|
53
53
|
'ndl-label-before': hasLabelBefore,
|
|
54
54
|
});
|
|
55
|
-
return (_jsx("div", { className: containerWrappingClasses, children: _jsxs("label", { className: labelWrappingClasses, children: [_jsx("input", Object.assign({ "aria-label": ariaLabel, ref: ref, type: type, disabled: isDisabled, readOnly: isReadOnly, checked: isChecked, defaultChecked: isDefaultChecked, onClick: onClick, onChange: onChange }, htmlAttributes)), isLabel ? (_jsx("span", { title: label, className: "ndl-form-label-text", children: label })) : (label)] }) }));
|
|
55
|
+
return (_jsx("div", { className: containerWrappingClasses, style: style, children: _jsxs("label", { className: labelWrappingClasses, children: [_jsx("input", Object.assign({ "aria-label": ariaLabel, ref: ref, type: type, disabled: isDisabled, readOnly: isReadOnly, checked: isChecked, defaultChecked: isDefaultChecked, onClick: onClick, onChange: onChange, value: value }, htmlAttributes)), isLabel ? (_jsx("span", { title: label, className: "ndl-form-label-text", children: label })) : (label)] }) }));
|
|
56
56
|
};
|
|
57
57
|
export default forwardRef(RadioAndCheckboxWrapper);
|
|
58
58
|
//# sourceMappingURL=RadioAndCheckboxWrapper.js.map
|