@neo4j-ndl/react 3.0.0-alpha-9886872 → 3.0.0-alpha-73cdbc3
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 +2 -3
- 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 +30 -5
- 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 +28 -21
- 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/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/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 +2 -3
- 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 +7 -5
- 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 +30 -23
- 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/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/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 +2 -2
- 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 +7 -5
- package/lib/types/data-grid/Components.d.ts +4 -5
- 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/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-input/TextInput.d.ts +3 -0
- package/package.json +3 -3
|
@@ -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"}
|
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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"}
|
|
@@ -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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAc,EAGZ,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAc,EAGZ,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAmDhD,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,uCAAuC,GAClD,iLAAiL,CAAC;AAEpL,MAAM,uBAAuB,GAAG,CAC9B,KAA4B,EAC5B,GAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,IAAI,GAAG,MAAM,EACb,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACjE,MAAM,aAAa,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;IACzD,MAAM,4BAA4B,GAAG,aAAa,IAAI,CAAC,SAAS,CAAC;IAEjE,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACzB,oBAAoB,CAClB,GAAG,IAAI,4KAA4K,CACpL,CAAC;QACJ,CAAC;QAED,IAAI,4BAA4B,EAAE,CAAC;YACjC,oBAAoB,CAAC,uCAAuC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,4BAA4B,CAAC,CAAC,CAAC;IAE3D,MAAM,wBAAwB,GAAG,UAAU,CACzC,SAAS,EACT,0BAA0B,IAAI,EAAE,EAChC;QACE,cAAc,EAAE,UAAU;QAC1B,eAAe,EAAE,UAAU;KAC5B,EACD,SAAS,CACV,CAAC;IAEF,MAAM,oBAAoB,GAAG,UAAU,CAAC,qBAAqB,EAAE;QAC7D,WAAW,EAAE,OAAO;QACpB,kBAAkB,EAAE,cAAc;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAE,wBAAwB,EAAE,KAAK,EAAE,KAAK,YAGpD,iBAAO,SAAS,EAAE,oBAAoB,aACpC,4CACc,SAAS,EACrB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,SAAS,EAClB,cAAc,EAAE,gBAAgB,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IACR,cAAc,EAClB,EAED,OAAO,CAAC,CAAC,CAAC,CACT,eAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,qBAAqB,YAChD,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,IACK,GACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
|
|
@@ -58,8 +58,9 @@ const useAccordionContext = () => {
|
|
|
58
58
|
return context;
|
|
59
59
|
};
|
|
60
60
|
const AccordionComponent = forwardRef(function AccordionComponent(_a, ref) {
|
|
61
|
-
var { children,
|
|
61
|
+
var { children, as, isMultiple, onChange, className, style, htmlAttributes } = _a, restProps = __rest(_a, ["children", "as", "isMultiple", "onChange", "className", "style", "htmlAttributes"]);
|
|
62
62
|
const accordionRef = useRef(null);
|
|
63
|
+
const Component = as || 'div';
|
|
63
64
|
// The following function includes code needed to be
|
|
64
65
|
// able to navigate with the arrow keys (not tab).
|
|
65
66
|
const handleKeyDown = (event) => {
|
|
@@ -115,18 +116,18 @@ const AccordionComponent = forwardRef(function AccordionComponent(_a, ref) {
|
|
|
115
116
|
isMultiple,
|
|
116
117
|
expandedItemId,
|
|
117
118
|
};
|
|
118
|
-
return (_jsx(
|
|
119
|
+
return (_jsx(Component, Object.assign({ className: classes, style: style, ref: accordionRef, onKeyDown: handleKeyDown, role: "presentation" }, htmlAttributes, { children: _jsx(AccordionContext.Provider, { value: contextValue, children: children }) })));
|
|
119
120
|
});
|
|
120
121
|
AccordionComponent.displayName = 'Accordion';
|
|
121
122
|
const createItemId = (type, id) => `ndl-accordionitem${type}id-${id}`;
|
|
122
|
-
const AccordionItem = (
|
|
123
|
-
var { itemId, children, title, className = '', arrowPosition = 'left', isDisabled = false, onExpandedChange, htmlAttributes } = _a, restProps = __rest(_a, ["itemId", "children", "title", "className", "arrowPosition", "isDisabled", "onExpandedChange", "htmlAttributes"]);
|
|
123
|
+
const AccordionItem = ({ itemId, children, title, className = '', arrowPosition = 'left', isDisabled = false, onExpandedChange, htmlAttributes, style, as, }) => {
|
|
124
124
|
const contentRef = useRef(null);
|
|
125
125
|
const innerContentRef = useRef(null);
|
|
126
126
|
const itemElementId = createItemId('item', itemId);
|
|
127
127
|
const headerElementId = createItemId('header', itemId);
|
|
128
128
|
const buttonElementId = createItemId('button', itemId);
|
|
129
129
|
const panelElementId = createItemId('panel', itemId);
|
|
130
|
+
const Component = as || 'div';
|
|
130
131
|
const context = useAccordionContext();
|
|
131
132
|
const { isMultiple } = context;
|
|
132
133
|
const isExpanded = isMultiple
|
|
@@ -190,7 +191,7 @@ const AccordionItem = (_a) => {
|
|
|
190
191
|
'ndl-accordion-item-content-expanded': isExpanded,
|
|
191
192
|
'ndl-accordion-item-content-left': arrowPosition === 'left',
|
|
192
193
|
});
|
|
193
|
-
return (_jsxs(
|
|
194
|
+
return (_jsxs(Component, Object.assign({}, htmlAttributes, { className: classes, style: style, id: itemElementId, children: [_jsx("div", { className: headerClasses, id: headerElementId, children: _jsx("button", { id: buttonElementId, onClick: handleOnClick, className: buttonClasses, "aria-expanded": isExpanded, "aria-disabled": isDisabled, "aria-label": title, "aria-controls": panelElementId, disabled: isDisabled, children: _jsxs("span", { className: iconClasses, children: [_jsx(Typography, { variant: "subheading-medium", className: titleClasses, htmlAttributes: {
|
|
194
195
|
role: 'heading',
|
|
195
196
|
'aria-level': 2,
|
|
196
197
|
}, children: title }), _jsx(ChevronDownIconOutline, { className: classNames('ndl-accordion-item-header-icon', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAc,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,mBAAmB,EACnB,MAAM,GACP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/avatar/Avatar.js
CHANGED
|
@@ -71,7 +71,6 @@ function StatusIndicator({ size, status, }) {
|
|
|
71
71
|
}
|
|
72
72
|
export const defaultProps = {
|
|
73
73
|
as: 'div',
|
|
74
|
-
className: undefined,
|
|
75
74
|
hasStatus: false,
|
|
76
75
|
isDisabled: false,
|
|
77
76
|
name: undefined,
|
|
@@ -81,7 +80,7 @@ export const defaultProps = {
|
|
|
81
80
|
status: undefined,
|
|
82
81
|
type: 'image',
|
|
83
82
|
};
|
|
84
|
-
export const Avatar = React.forwardRef(function Avatar({ as = defaultProps.as,
|
|
83
|
+
export const Avatar = React.forwardRef(function Avatar({ as = defaultProps.as, hasStatus = defaultProps.hasStatus, isDisabled = defaultProps.isDisabled, name = defaultProps.name, shape = defaultProps.shape, size = defaultProps.size, source = defaultProps.source, status = defaultProps.status, type: initialType = defaultProps.type, className, style, htmlAttributes, }, ref) {
|
|
85
84
|
// If source is not provided, fallback to icon
|
|
86
85
|
const type = initialType === 'image' && !source ? 'icon' : initialType;
|
|
87
86
|
const Component = as || defaultProps.as;
|
|
@@ -110,7 +109,7 @@ export const Avatar = React.forwardRef(function Avatar({ as = defaultProps.as, c
|
|
|
110
109
|
? renderLettersType()
|
|
111
110
|
: null;
|
|
112
111
|
const isStatusIndicatorVisible = hasStatus && !isDisabled && status;
|
|
113
|
-
return (_jsxs(Component, Object.assign({ ref: ref, className: classes, "aria-hidden": !isButton }, (isButton && {
|
|
112
|
+
return (_jsxs(Component, Object.assign({ ref: ref, className: classes, style: style, "aria-hidden": !isButton }, (isButton && {
|
|
114
113
|
disabled: isDisabled,
|
|
115
114
|
}), htmlAttributes, { children: [_jsx("div", { className: classNames(shapeClasses, typeClass), "aria-label": `avatar ${name}`, "data-testid": "ndl-avatar-container", children: TypeComponent }), isStatusIndicatorVisible && (_jsx(StatusIndicator, { size: size, status: status }))] })));
|
|
116
115
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAM3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkB3C,SAAS,iBAAiB,CAAC,IAAc;IACvC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO;gBACL,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,GAAG;gBACb,CAAC,EAAE,MAAM;gBACT,QAAQ,EAAE,GAAG;gBACb,aAAa,EAAE,GAAG;aACnB,CAAC;QACJ,KAAK,QAAQ;YACX,OAAO;gBACL,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,IAAI;gBACd,CAAC,EAAE,MAAM;gBACT,QAAQ,EAAE,KAAK;gBACf,aAAa,EAAE,GAAG;aACnB,CAAC;QACJ,KAAK,OAAO;YACV,OAAO;gBACL,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,IAAI;gBACd,CAAC,EAAE,GAAG;gBACN,QAAQ,EAAE,GAAG;gBACb,aAAa,EAAE,GAAG;aACnB,CAAC;QACJ,KAAK,SAAS,CAAC;QACf;YACE,OAAO;gBACL,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,IAAI;gBACd,CAAC,EAAE,GAAG;gBACN,QAAQ,EAAE,GAAG;gBACb,aAAa,EAAE,GAAG;aACnB,CAAC;IACN,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,IAAI,EACJ,MAAM,GAIP;IACC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,GACrD,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,aAAa,GAAG,uCAAuC,IAAI,EAAE,CAAC;IAEpE,MAAM,gBAAgB,GAAG,UAAU,CAAC,yBAAyB,IAAI,EAAE,EAAE;QACnE,CAAC,iCAAiC,IAAI,EAAE,CAAC,EAAE,MAAM,KAAK,SAAS;QAC/D,CAAC,yBAAyB,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,SAAS;KAC1D,CAAC,CAAC;IAEH,OAAO,CACL,6BACc,mBAAmB,EAC/B,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EACvD,IAAI,EAAC,cAAc,YAEnB,eACE,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAE,QAAQ,EAChB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,OAAO,QAAQ,IAAI,QAAQ,EAAE,EACtC,IAAI,EAAC,MAAM,aAEV,MAAM,KAAK,SAAS,IAAI,IAAI,KAAK,OAAO,IAAI,CAC3C,iBACE,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,CAAC,EAAE,QAAQ,EACX,SAAS,EAAC,qCAAqC,GAC/C,CACH,EACD,iBACE,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,CAAC,EAAE,MAAM,KAAK,SAAS,IAAI,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC/D,SAAS,EAAE,gBAAgB,GAC3B,IACE,GACF,CACP,CAAC;AACJ,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/banner/Banner.js
CHANGED
|
@@ -63,9 +63,9 @@ const StatusIcon = ({ type }) => {
|
|
|
63
63
|
return (_jsx("div", { className: "ndl-banner-icon ndl-banner-status-icon", children: iconComponent }));
|
|
64
64
|
};
|
|
65
65
|
const BannerActions = React.forwardRef(function BannerActions(_a, ref) {
|
|
66
|
-
var { label, as, htmlAttributes } = _a, restProps = __rest(_a, ["label", "as", "htmlAttributes"]);
|
|
66
|
+
var { label, as, htmlAttributes, style, className } = _a, restProps = __rest(_a, ["label", "as", "htmlAttributes", "style", "className"]);
|
|
67
67
|
const Component = as || 'a';
|
|
68
|
-
return (_jsx(Component, Object.assign({}, restProps, { ref: ref }, htmlAttributes, { children: label })));
|
|
68
|
+
return (_jsx(Component, Object.assign({}, restProps, { ref: ref, style: style, className: className }, htmlAttributes, { children: label })));
|
|
69
69
|
});
|
|
70
70
|
const Banner = React.forwardRef(function Banner({ type = 'info', hasIcon = false, title, name, actions = [], description = null, onClose, className = '', children = null, isCloseable = false, usage = 'inline', htmlAttributes, }, ref) {
|
|
71
71
|
useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAOxD,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA6G3C;;;;;;GAMG;AAEH,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAwB,EAAE,EAAE;IACpD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE;QAC1B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,SAAS;gBACZ,OAAO,KAAC,oBAAoB,KAAG,CAAC;YAClC,KAAK,SAAS;gBACZ,OAAO,KAAC,4BAA4B,KAAG,CAAC;YAC1C,KAAK,QAAQ;gBACX,OAAO,KAAC,0BAA0B,KAAG,CAAC;YACxC,KAAK,MAAM;gBACT,OAAO,KAAC,0BAA0B,KAAG,CAAC;YACxC;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACL,cAAK,SAAS,EAAC,wCAAwC,YACpD,aAAa,GACV,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAA2B,KAAK,CAAC,UAAU,CAC5D,SAAS,aAAa,CACpB,
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/button/Button.js
CHANGED
|
@@ -23,7 +23,7 @@ import React from 'react';
|
|
|
23
23
|
import { classNames } from '../_common/defaultImports';
|
|
24
24
|
import { removeNewlines, removeSpaces } from '../_common/utils';
|
|
25
25
|
import { LoadingSpinner } from '../loading-spinner';
|
|
26
|
-
export const Button = React.forwardRef(function Button({ children, as, type = 'button', isLoading = false, color = 'primary', isDisabled = false, fill = 'filled', size = 'medium',
|
|
26
|
+
export const Button = React.forwardRef(function Button({ children, as, type = 'button', isLoading = false, color = 'primary', isDisabled = false, fill = 'filled', size = 'medium', onClick, isFloating = false, className, style, htmlAttributes, }, ref) {
|
|
27
27
|
const Component = as || 'button';
|
|
28
28
|
const isInteractable = !isDisabled && !isLoading;
|
|
29
29
|
const classes = classNames('ndl-btn', {
|
|
@@ -97,6 +97,6 @@ export const Button = React.forwardRef(function Button({ children, as, type = 'b
|
|
|
97
97
|
};
|
|
98
98
|
return (_jsxs(Component
|
|
99
99
|
/** Add button type prop only for button components */
|
|
100
|
-
, Object.assign({}, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: [sanitizedClasses, className].join(' '), ref: ref, tabIndex: !isInteractable ? -1 : 0 }, htmlAttributes, { children: [isLoading ? (_jsx(LoadingSpinner, { className: "n-my-auto n-mr-token-3", size: "small" })) : null, children] })));
|
|
100
|
+
, Object.assign({}, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: [sanitizedClasses, className].join(' '), style: style, ref: ref, tabIndex: !isInteractable ? -1 : 0 }, htmlAttributes, { children: [isLoading ? (_jsx(LoadingSpinner, { className: "n-my-auto n-mr-token-3", size: "small" })) : null, children] })));
|
|
101
101
|
});
|
|
102
102
|
//# sourceMappingURL=Button.js.map
|