@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../../src/status-indicator/StatusIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../../src/status-indicator/StatusIndicator.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/tabs/Tabs.js
CHANGED
|
@@ -40,14 +40,14 @@ const getGeneralTabClasses = (size, fill) => {
|
|
|
40
40
|
'ndl-underline-tab': fill === 'underline',
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
|
-
const TabsComponent = forwardRef(function TabsComponent({ children, size = 'large', fill = 'underline', onChange, value, className, as, htmlAttributes, }, ref) {
|
|
43
|
+
const TabsComponent = forwardRef(function TabsComponent({ children, size = 'large', fill = 'underline', onChange, value, className, style, as, htmlAttributes, }, ref) {
|
|
44
44
|
const classes = classNames('ndl-tabs', getGeneralTabClasses(size, fill), className);
|
|
45
45
|
const Component = as || 'div';
|
|
46
|
-
return (_jsx(Component, Object.assign({ className: classes, role: "tablist", ref: ref }, htmlAttributes, { children: _jsx(TabsContext.Provider, { value: { value, size, fill, onChange }, children: children }) })));
|
|
46
|
+
return (_jsx(Component, Object.assign({ className: classes, style: style, role: "tablist", ref: ref }, htmlAttributes, { children: _jsx(TabsContext.Provider, { value: { value, size, fill, onChange }, children: children }) })));
|
|
47
47
|
});
|
|
48
48
|
TabsComponent.displayName =
|
|
49
49
|
'Tabs';
|
|
50
|
-
const TabsTab = forwardRef(function TabsTab({ children, tabId, isDisabled = false, className, as, htmlAttributes, }, ref) {
|
|
50
|
+
const TabsTab = forwardRef(function TabsTab({ children, tabId, isDisabled = false, className, style, as, htmlAttributes, }, ref) {
|
|
51
51
|
const { size, fill, value, onChange } = useTabsContext();
|
|
52
52
|
const baseClasses = classNames(Object.assign(Object.assign({}, getGeneralTabClasses(size, fill)), { 'ndl-selected': value === tabId, 'ndl-disabled': isDisabled }));
|
|
53
53
|
const Component = as || 'button';
|
|
@@ -57,12 +57,12 @@ const TabsTab = forwardRef(function TabsTab({ children, tabId, isDisabled = fals
|
|
|
57
57
|
const castOnChange = onChange;
|
|
58
58
|
const handleChange = () => !isDisabled && castOnChange(tabId);
|
|
59
59
|
const classes = classNames('ndl-tab', baseClasses, className);
|
|
60
|
-
return (_jsxs(Component, Object.assign({ className: classes, onClick: handleChange, role: "tab", "aria-controls": value === tabId ? getTabPanelId(tabId) : undefined, ref: ref }, htmlAttributes, { children: [children, fill === 'underline' && _jsx("span", { className: "ndl-tab-underline" })] })));
|
|
60
|
+
return (_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' && _jsx("span", { className: "ndl-tab-underline" })] })));
|
|
61
61
|
});
|
|
62
62
|
TabsTab.displayName = 'Tabs.Tab';
|
|
63
|
-
const TabsTabPanel = React.forwardRef(function TabsTabPanel({ as, children, value, tabId, htmlAttributes, }, ref) {
|
|
63
|
+
const TabsTabPanel = React.forwardRef(function TabsTabPanel({ as, children, value, tabId, style, className, htmlAttributes, }, ref) {
|
|
64
64
|
const Component = as || 'div';
|
|
65
|
-
return (_jsx(_Fragment, { children: value === tabId && (_jsx(Component, Object.assign({ role: "tabpanel", id: getTabPanelId(tabId), ref: ref }, htmlAttributes, { children: children }))) }));
|
|
65
|
+
return (_jsx(_Fragment, { children: value === tabId && (_jsx(Component, Object.assign({ role: "tabpanel", id: getTabPanelId(tabId), style: style, className: classNames(className), ref: ref }, htmlAttributes, { children: children }))) }));
|
|
66
66
|
});
|
|
67
67
|
// To work with forwardRef: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
68
68
|
const Tabs = Object.assign(TabsComponent, {
|
package/lib/esm/tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAA8B,UAAU,EAAE,MAAM,YAAY,CAAC;AAoCpE,8DAA8D;AAC9D,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC;AAE3E,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,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,UAAU,CAAC,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,UAAU,CACxB,UAAU,EACV,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,EAChC,SAAS,CACV,CAAC;IAEF,MAAM,SAAS,GAAsB,EAAE,IAAI,KAAK,CAAC;IAEjD,OAAO,CACL,KAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AA4C5C;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,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,oBAAoB,CAClB,0EAA0E,CAC3E,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,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,WAAW,CAChC,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,6BAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,cAAc,eAClD,QAAQ,EACR,WAAW,IAAI,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,gBACN,YAAY,YAEvB,KAAC,gBAAgB,KAAG,GACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -34,7 +34,7 @@ import { Tooltip } from '../tooltip';
|
|
|
34
34
|
*
|
|
35
35
|
*/
|
|
36
36
|
export const TextInput = forwardRef(function TextInput(props, ref) {
|
|
37
|
-
const { label, isFluid, errorText, helpText, leftElement, rightElement, isOptional = false, informationIconText, size = 'medium', value, tooltipProps, htmlAttributes, isDisabled, isReadOnly, isRequired, className, } = props;
|
|
37
|
+
const { label, isFluid, errorText, helpText, leftElement, rightElement, isOptional = false, informationIconText, size = 'medium', placeholder, value, tooltipProps, htmlAttributes, isDisabled, isReadOnly, isRequired, onChange, className, style, } = props;
|
|
38
38
|
const containerWrappingClasses = classNames(`ndl-text-input`, className, {
|
|
39
39
|
'ndl-disabled': isDisabled,
|
|
40
40
|
'ndl-read-only': isReadOnly,
|
|
@@ -67,6 +67,6 @@ export const TextInput = forwardRef(function TextInput(props, ref) {
|
|
|
67
67
|
'ndl-information-icon-small': size === 'small' || size === 'medium',
|
|
68
68
|
'ndl-information-icon-large': size === 'large',
|
|
69
69
|
});
|
|
70
|
-
return (_jsxs("div", { className: containerWrappingClasses, children: [_jsxs("label", { className: labelWrappingClasses, children: [!hasEmptyLabelValue && (_jsxs("div", { className: "ndl-label-text-wrapper", children: [_jsx(Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-label-text", children: label }), informationIconText && (_jsxs(Tooltip, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { type: "simple", children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { className: informationIconClasses, children: _jsx(InformationCircleIconOutline, {}) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && (_jsx(Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-form-item-optional", children: "Optional" }))] })), _jsxs("div", { className: "ndl-input-wrapper", children: [leftElement && (_jsx("div", { className: "ndl-element-left ndl-element", children: leftElement })), _jsx("input", Object.assign({ readOnly: isReadOnly, disabled: isDisabled, required: isRequired, value: value, type: "text" }, combinedHtmlInputAttributes, { ref: ref })), rightElement && (_jsx("div", { className: "ndl-element-right ndl-element", children: rightElement }))] })] }), helpText && !errorText && (_jsx(Typography, { variant: size === 'large' ? 'body-medium' : 'body-small', className: "ndl-form-message", children: helpText })), errorText && (_jsxs("div", { className: "ndl-form-message", children: [_jsx("div", { className: "ndl-error-icon", children: _jsx(ExclamationCircleIconSolid, {}) }), _jsx(Typography, { className: "ndl-error-text", variant: size === 'large' ? 'body-medium' : 'body-small', children: errorText })] }))] }));
|
|
70
|
+
return (_jsxs("div", { className: containerWrappingClasses, style: style, children: [_jsxs("label", { className: labelWrappingClasses, children: [!hasEmptyLabelValue && (_jsxs("div", { className: "ndl-label-text-wrapper", children: [_jsx(Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-label-text", children: label }), informationIconText && (_jsxs(Tooltip, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { type: "simple", children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { className: informationIconClasses, children: _jsx(InformationCircleIconOutline, {}) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && (_jsx(Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-form-item-optional", children: "Optional" }))] })), _jsxs("div", { className: "ndl-input-wrapper", children: [leftElement && (_jsx("div", { className: "ndl-element-left ndl-element", children: leftElement })), _jsx("input", Object.assign({ readOnly: isReadOnly, disabled: isDisabled, required: isRequired, value: value, placeholder: placeholder, type: "text", onChange: onChange }, combinedHtmlInputAttributes, { ref: ref })), rightElement && (_jsx("div", { className: "ndl-element-right ndl-element", children: rightElement }))] })] }), helpText && !errorText && (_jsx(Typography, { variant: size === 'large' ? 'body-medium' : 'body-small', className: "ndl-form-message", children: helpText })), errorText && (_jsxs("div", { className: "ndl-form-message", children: [_jsx("div", { className: "ndl-error-icon", children: _jsx(ExclamationCircleIconSolid, {}) }), _jsx(Typography, { className: "ndl-error-text", variant: size === 'large' ? 'body-medium' : 'body-small', children: errorText })] }))] }));
|
|
71
71
|
});
|
|
72
72
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAEL,UAAU,EACV,OAAO,GAIR,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,uCAAuC,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,GAC7B,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,4 +35,4 @@ export interface CodeBlockWrapperProps {
|
|
|
35
35
|
export declare const CodeBlockWrapper: React.ForwardRefExoticComponent<{
|
|
36
36
|
htmlAttributes?: import("./types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
37
37
|
as?: React.ElementType<any> | undefined;
|
|
38
|
-
} & CodeBlockWrapperProps & React.RefAttributes<unknown>>;
|
|
38
|
+
} & CodeBlockWrapperProps & import("./types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
@@ -40,10 +40,19 @@ export interface RadioAndCheckboxProps extends Omit<CommonInputProps, 'label'> {
|
|
|
40
40
|
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
41
41
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
42
42
|
type?: ComponentPropsWithoutRef<'input'>['type'];
|
|
43
|
+
value?: React.InputHTMLAttributes<HTMLInputElement>['value'];
|
|
43
44
|
ariaLabel?: string;
|
|
44
45
|
isDefaultChecked?: boolean;
|
|
45
46
|
/** HTML attributes */
|
|
46
47
|
htmlAttributes?: HtmlAttributes<'input'>;
|
|
48
|
+
/**
|
|
49
|
+
* Additional classnames will be applied to the root element.
|
|
50
|
+
*/
|
|
51
|
+
className?: string;
|
|
52
|
+
/**
|
|
53
|
+
* Additional css styling. Will be applied to the root element.
|
|
54
|
+
*/
|
|
55
|
+
style?: React.CSSProperties;
|
|
47
56
|
}
|
|
48
57
|
/** Add any helper functions here. */
|
|
49
58
|
/**
|
|
@@ -18,7 +18,17 @@
|
|
|
18
18
|
* You should have received a copy of the GNU General Public License
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
|
-
import { type ComponentPropsWithoutRef } from 'react';
|
|
21
|
+
import { type ComponentPropsWithoutRef, type CSSProperties } from 'react';
|
|
22
|
+
export type CommonComponentProps = {
|
|
23
|
+
/**
|
|
24
|
+
* Additional classnames will be applied to the root element.
|
|
25
|
+
*/
|
|
26
|
+
className?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Additional css styling. Will be applied to the root element.
|
|
29
|
+
*/
|
|
30
|
+
style?: CSSProperties;
|
|
31
|
+
};
|
|
22
32
|
export type PolymorphicComponentProps<T extends React.ElementType, Props = Record<string, never>> = {
|
|
23
33
|
/**
|
|
24
34
|
* Html attributes to apply to the root element. This will override any default html attributes, use with caution.
|
|
@@ -29,7 +39,7 @@ export type PolymorphicComponentProps<T extends React.ElementType, Props = Recor
|
|
|
29
39
|
* Can also be another React component.
|
|
30
40
|
*/
|
|
31
41
|
as?: T;
|
|
32
|
-
} & Props;
|
|
42
|
+
} & Props & CommonComponentProps;
|
|
33
43
|
export type PolymorphicRef<T extends React.ElementType> = React.ComponentPropsWithRef<T>['ref'];
|
|
34
44
|
export type PolymorphicComponentPropsWithRef<T extends React.ElementType, Props = Record<string, never>> = PolymorphicComponentProps<T, Props> & {
|
|
35
45
|
ref?: PolymorphicRef<T>;
|
|
@@ -19,15 +19,11 @@
|
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { type HtmlAttributes } from '../_common/types';
|
|
22
|
+
import { type PolymorphicComponentProps, type HtmlAttributes } from '../_common/types';
|
|
23
23
|
export type AccordionItemId = string | number | undefined;
|
|
24
24
|
export interface AccordionBase {
|
|
25
25
|
/** The component children. */
|
|
26
26
|
children: React.ReactNode;
|
|
27
|
-
/** Additional className */
|
|
28
|
-
className?: string;
|
|
29
|
-
/** HtmlAttributes */
|
|
30
|
-
htmlAttributes?: HtmlAttributes<'div'>;
|
|
31
27
|
}
|
|
32
28
|
interface IsNotMultiple<T extends AccordionItemId> {
|
|
33
29
|
isMultiple: false | undefined;
|
|
@@ -58,9 +54,9 @@ export interface AccordionItemProps<T extends AccordionItemId> {
|
|
|
58
54
|
children?: React.ReactNode;
|
|
59
55
|
className?: string;
|
|
60
56
|
}
|
|
61
|
-
declare const Accordion: (<T extends AccordionItemId>(props: AccordionProps<T
|
|
57
|
+
declare const Accordion: (<T extends AccordionItemId, U extends React.ElementType = "div">(props: PolymorphicComponentProps<U, AccordionProps<T>> & React.RefAttributes<unknown>) => React.ReactElement | null) & {
|
|
62
58
|
Item: {
|
|
63
|
-
<T extends AccordionItemId>({ itemId, children, title, className, arrowPosition, isDisabled, onExpandedChange, htmlAttributes,
|
|
59
|
+
<T extends AccordionItemId, U extends React.ElementType = "div">({ itemId, children, title, className, arrowPosition, isDisabled, onExpandedChange, htmlAttributes, style, as, }: PolymorphicComponentProps<U, AccordionItemProps<T>>): import("react/jsx-runtime").JSX.Element;
|
|
64
60
|
displayName: string;
|
|
65
61
|
};
|
|
66
62
|
};
|
|
@@ -30,7 +30,6 @@ export type AvatarProps = {
|
|
|
30
30
|
source?: string;
|
|
31
31
|
status?: 'offline' | 'online' | 'unknown' | undefined;
|
|
32
32
|
type?: 'icon' | 'image' | 'letters';
|
|
33
|
-
className?: string;
|
|
34
33
|
} & ({
|
|
35
34
|
as: 'button';
|
|
36
35
|
onClick: () => void;
|
|
@@ -40,7 +39,6 @@ export type AvatarProps = {
|
|
|
40
39
|
type AvatarComponent = <T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, AvatarProps>) => React.ReactNode | null;
|
|
41
40
|
export declare const defaultProps: {
|
|
42
41
|
as: "div";
|
|
43
|
-
className: undefined;
|
|
44
42
|
hasStatus: false;
|
|
45
43
|
isDisabled: false;
|
|
46
44
|
name: undefined;
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { type HtmlAttributes, type PolymorphicComponentPropsWithRef } from '../_common/types';
|
|
22
|
+
import { type HtmlAttributes, type PolymorphicComponentProps, type PolymorphicComponentPropsWithRef } from '../_common/types';
|
|
23
23
|
/**
|
|
24
24
|
*
|
|
25
25
|
*
|
|
@@ -92,7 +92,7 @@ type NonCloseableBannerProps = {
|
|
|
92
92
|
type BannerCloseProps = CloseableBannerProps | NonCloseableBannerProps;
|
|
93
93
|
export type BannerProps = BannerCommonProps & BannerCloseProps & BannerUsageProps;
|
|
94
94
|
export type BannerType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
|
|
95
|
-
declare const BannerNamespace: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<
|
|
95
|
+
declare const BannerNamespace: React.ForwardRefExoticComponent<PolymorphicComponentProps<React.ElementType<any>, BannerProps> & React.RefAttributes<unknown>> & {
|
|
96
96
|
Actions: BannerActionsComponent;
|
|
97
97
|
};
|
|
98
98
|
export { BannerNamespace as Banner };
|
|
@@ -45,7 +45,6 @@ type BaseButtonProps = {
|
|
|
45
45
|
onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
46
46
|
/** OnKeyDown callback */
|
|
47
47
|
onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
48
|
-
className?: string;
|
|
49
48
|
} & ({
|
|
50
49
|
as: 'a';
|
|
51
50
|
href: HtmlAttributes<'a'>['href'];
|
|
@@ -36,11 +36,11 @@ export interface CollapsibleButtonWrapperProps {
|
|
|
36
36
|
export declare const IconButtonArrayComponent: React.ForwardRefExoticComponent<{
|
|
37
37
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
38
38
|
as?: React.ElementType<any> | undefined;
|
|
39
|
-
} & IconButtonArrayProps & React.RefAttributes<unknown>>;
|
|
39
|
+
} & IconButtonArrayProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
40
40
|
declare const IconButtonArray: React.ForwardRefExoticComponent<{
|
|
41
41
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
42
42
|
as?: React.ElementType<any> | undefined;
|
|
43
|
-
} & IconButtonArrayProps & React.RefAttributes<unknown>> & {
|
|
43
|
+
} & IconButtonArrayProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>> & {
|
|
44
44
|
CollapsibleButtonWrapper: React.FC<CollapsibleButtonWrapperProps>;
|
|
45
45
|
};
|
|
46
46
|
export { IconButtonArray };
|
|
@@ -48,4 +48,4 @@ export type CalloutType = 'note' | 'important' | 'example' | 'tip';
|
|
|
48
48
|
export declare const Callout: React.ForwardRefExoticComponent<{
|
|
49
49
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
50
50
|
as?: React.ElementType<any> | undefined;
|
|
51
|
-
} & CalloutProps & React.RefAttributes<unknown>>;
|
|
51
|
+
} & CalloutProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
@@ -30,7 +30,7 @@ export interface ChartTooltipProps {
|
|
|
30
30
|
export declare const ChartTooltipComponent: React.ForwardRefExoticComponent<{
|
|
31
31
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
32
32
|
as?: React.ElementType<any> | undefined;
|
|
33
|
-
} & ChartTooltipProps & React.RefAttributes<unknown>>;
|
|
33
|
+
} & ChartTooltipProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
34
34
|
export type ChartTooltipContentProps = {
|
|
35
35
|
leftElement?: React.ReactNode;
|
|
36
36
|
rightElement?: React.ReactNode;
|
|
@@ -44,7 +44,7 @@ export type ChartTooltipContentProps = {
|
|
|
44
44
|
declare const ChartTooltip: React.ForwardRefExoticComponent<{
|
|
45
45
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
46
46
|
as?: React.ElementType<any> | undefined;
|
|
47
|
-
} & ChartTooltipProps & React.RefAttributes<unknown>> & {
|
|
47
|
+
} & ChartTooltipProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>> & {
|
|
48
48
|
Title: React.ForwardRefExoticComponent<{
|
|
49
49
|
children: React.ReactNode;
|
|
50
50
|
} & React.RefAttributes<unknown>>;
|
|
@@ -52,7 +52,7 @@ declare const ChartTooltip: React.ForwardRefExoticComponent<{
|
|
|
52
52
|
Link: React.ForwardRefExoticComponent<Omit<{
|
|
53
53
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
54
54
|
as?: React.ElementType<any> | undefined;
|
|
55
|
-
} & import("../text-link").TextLinkProps & {
|
|
55
|
+
} & import("../text-link").TextLinkProps & import("../_common/types").CommonComponentProps & {
|
|
56
56
|
ref?: any;
|
|
57
57
|
}, "ref"> & React.RefAttributes<unknown>>;
|
|
58
58
|
};
|
|
@@ -76,7 +76,7 @@ export declare const ChartsContext: import("react").Context<ChartsContextType>;
|
|
|
76
76
|
declare const Charts: import("react").ForwardRefExoticComponent<{
|
|
77
77
|
htmlAttributes?: import("../_common/types").HtmlAttributes<import("react").ElementType<any>> | undefined;
|
|
78
78
|
as?: import("react").ElementType<any> | undefined;
|
|
79
|
-
} & ChartsProps & import("react").RefAttributes<unknown>> & {
|
|
79
|
+
} & ChartsProps & import("../_common/types").CommonComponentProps & import("react").RefAttributes<unknown>> & {
|
|
80
80
|
Chart: import("react").ForwardRefExoticComponent<import("./Chart").ChartProps & import("react").RefAttributes<unknown>> & {
|
|
81
81
|
Line: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Line").LineProps & import("react").RefAttributes<SVGPathElement>>>;
|
|
82
82
|
};
|
package/lib/types/code/Code.d.ts
CHANGED
|
@@ -18,5 +18,5 @@
|
|
|
18
18
|
* You should have received a copy of the GNU General Public License
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
|
-
export declare const Languages: readonly ["asciidoc", "bash", "c", "csharp", "css", "css-extras", "cypher", "docker", "json", "go", "graphql", "java", "javadoc", "javascript", "jsx", "kotlin", "php", "python", "regex", "rust", "sql", "typescript"];
|
|
21
|
+
export declare const Languages: readonly ["asciidoc", "bash", "c", "csharp", "css", "css-extras", "cypher", "docker", "json", "go", "graphql", "java", "javadoc", "javascript", "jsx", "kotlin", "php", "python", "regex", "rust", "sql", "typescript", "yaml"];
|
|
22
22
|
export type LanguageProp = (typeof Languages)[number];
|
|
@@ -34,7 +34,7 @@ export interface MenuItemProps {
|
|
|
34
34
|
declare const MenuItem: React.ForwardRefExoticComponent<{
|
|
35
35
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
36
36
|
as?: React.ElementType<any> | undefined;
|
|
37
|
-
} & MenuItemProps & React.RefAttributes<unknown>>;
|
|
37
|
+
} & MenuItemProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
38
38
|
export type NestedMenuItemProps = Omit<React.ComponentProps<typeof MenuItem>, 'children'>;
|
|
39
39
|
export interface ContextMenuProps {
|
|
40
40
|
isOpen?: boolean;
|
|
@@ -49,7 +49,6 @@ export interface ContextMenuProps {
|
|
|
49
49
|
}
|
|
50
50
|
export interface MenuItemsProps {
|
|
51
51
|
children: React.ReactNode;
|
|
52
|
-
className?: string;
|
|
53
52
|
}
|
|
54
53
|
export interface MenuSubheaderProps {
|
|
55
54
|
title: string;
|
|
@@ -66,13 +65,16 @@ declare const Menu: React.ForwardRefExoticComponent<ContextMenuProps & React.Ref
|
|
|
66
65
|
Item: React.ForwardRefExoticComponent<{
|
|
67
66
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
68
67
|
as?: React.ElementType<any> | undefined;
|
|
69
|
-
} & MenuItemProps & React.RefAttributes<unknown>>;
|
|
70
|
-
Items:
|
|
68
|
+
} & MenuItemProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
69
|
+
Items: React.ForwardRefExoticComponent<{
|
|
70
|
+
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
71
|
+
as?: React.ElementType<any> | undefined;
|
|
72
|
+
} & MenuItemsProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
71
73
|
Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
|
|
72
74
|
Subheader: (props: MenuSubheaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
73
75
|
Header: React.ForwardRefExoticComponent<{
|
|
74
76
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
75
77
|
as?: React.ElementType<any> | undefined;
|
|
76
|
-
} & MenuHeaderProps & React.RefAttributes<unknown>>;
|
|
78
|
+
} & MenuHeaderProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
77
79
|
};
|
|
78
80
|
export { Menu };
|
|
@@ -22,6 +22,7 @@ import { type Cell, type CellContext, type Header as HeaderType, type Row, type
|
|
|
22
22
|
import { type IconButtonProps } from '../button';
|
|
23
23
|
import { Menu } from '../context-menu';
|
|
24
24
|
import { type ColumnAction } from './datagrid-types';
|
|
25
|
+
import NoDataIllustration from './illustrations/NoData';
|
|
25
26
|
type MenuItemProps = React.ComponentProps<typeof Menu.Item>;
|
|
26
27
|
export declare const DEFAULT_SORT_ACTIONS: (cell: HeaderType<any, unknown>) => {
|
|
27
28
|
[key in SortDirection | 'default']: ColumnAction;
|
|
@@ -99,6 +100,8 @@ declare const PaginationNumericButtons: () => import("react/jsx-runtime").JSX.El
|
|
|
99
100
|
declare const Pagination: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
100
101
|
declare const Navigation: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
101
102
|
declare const LoadingPlaceholder: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
103
|
+
declare const NoDataPlaceholder: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
104
|
+
export declare const NoDataPlaceholderContentWrapper: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
102
105
|
export interface InlineEditCellProps<T extends RowData> {
|
|
103
106
|
cell: CellContext<T, unknown>;
|
|
104
107
|
value: string;
|
|
@@ -113,8 +116,4 @@ export interface DropDownCellProps<T extends RowData> {
|
|
|
113
116
|
portalTarget?: HTMLElement;
|
|
114
117
|
}
|
|
115
118
|
declare const DropDownCell: <T extends RowData>({ cell, options, portalTarget, }: DropDownCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
|
|
116
|
-
|
|
117
|
-
Content: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
118
|
-
Illustration: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
119
|
-
};
|
|
120
|
-
export { ResizingBar, Header, Body, BodyCell, BodyRow, InlineEditCell, DropDownCell, RowActionCell, HeaderCell, HeaderTitle, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, NoDataPlaceholder, LoadingPlaceholder, Scrollable, };
|
|
119
|
+
export { ResizingBar, Header, Body, BodyCell, BodyRow, InlineEditCell, DropDownCell, RowActionCell, HeaderCell, HeaderTitle, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, NoDataPlaceholder, NoDataIllustration, LoadingPlaceholder, Scrollable, };
|
|
@@ -43,10 +43,9 @@ export declare const DataGridComponents: {
|
|
|
43
43
|
PaginationNumericButton: ({ currentIndex, isSelected, children, innerProps, }: import("./Components").PaginationNumericButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
44
44
|
PaginationArrowButton: ({ action, children, innerProps, }: import("./Components").PaginationArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
45
45
|
LoadingPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
46
|
-
NoDataPlaceholder: (
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
};
|
|
46
|
+
NoDataPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
NoDataIllustration: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
NoDataPlaceholderContentWrapper: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
50
49
|
Scrollable: ({ children, innerProps }: import("./Components").CommonInnerProps) => import("react/jsx-runtime").JSX.Element;
|
|
51
50
|
};
|
|
52
51
|
declare enum BorderStyleEnum {
|
|
@@ -28,11 +28,10 @@ export interface DialogBaseProps {
|
|
|
28
28
|
htmlAttributes?: HtmlAttributes<'div'>;
|
|
29
29
|
}
|
|
30
30
|
export declare enum DialogCloseReason {
|
|
31
|
-
BACKDROP_CLICK = "backdropClick",
|
|
32
31
|
ESCAPE_KEY_DOWN = "escapeKeyDown",
|
|
33
32
|
CLOSE_BUTTON_CLICK = "closeButtonClick"
|
|
34
33
|
}
|
|
35
|
-
export type DialogType = 'info' | '
|
|
34
|
+
export type DialogType = 'info' | 'warning' | 'danger';
|
|
36
35
|
export interface DialogProps extends Omit<ModalProps, 'onClose'> {
|
|
37
36
|
isOpen: boolean;
|
|
38
37
|
type?: DialogType;
|
|
@@ -43,17 +42,26 @@ export interface DialogProps extends Omit<ModalProps, 'onClose'> {
|
|
|
43
42
|
}
|
|
44
43
|
export declare const Dialog: {
|
|
45
44
|
({ isOpen, onClose, children, type, size, hasDisabledCloseButton, modalProps, htmlAttributes, }: DialogProps): import("react/jsx-runtime").JSX.Element | null;
|
|
46
|
-
Actions:
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
45
|
+
Actions: React.ForwardRefExoticComponent<{
|
|
46
|
+
htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
|
|
47
|
+
as?: React.ElementType<any> | undefined;
|
|
48
|
+
} & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
49
|
+
Header: React.ForwardRefExoticComponent<{
|
|
50
|
+
htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
|
|
51
|
+
as?: React.ElementType<any> | undefined;
|
|
52
|
+
} & Omit<DialogBaseProps, "children"> & {
|
|
53
|
+
children?: React.ReactNode;
|
|
54
|
+
} & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
55
|
+
Subtitle: React.ForwardRefExoticComponent<{
|
|
56
|
+
htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
|
|
57
|
+
as?: React.ElementType<any> | undefined;
|
|
58
|
+
} & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
59
|
+
Description: React.ForwardRefExoticComponent<{
|
|
60
|
+
htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
|
|
61
|
+
as?: React.ElementType<any> | undefined;
|
|
62
|
+
} & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
63
|
+
Content: React.ForwardRefExoticComponent<{
|
|
64
|
+
htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
|
|
65
|
+
as?: React.ElementType<any> | undefined;
|
|
66
|
+
} & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
51
67
|
};
|
|
52
|
-
type DialogActionsProps = DialogBaseProps;
|
|
53
|
-
type DialogHeaderProps = Omit<DialogBaseProps, 'children'> & {
|
|
54
|
-
children?: React.ReactNode;
|
|
55
|
-
};
|
|
56
|
-
type DialogSubtitleProps = DialogBaseProps;
|
|
57
|
-
type DialogDescriptionProps = DialogBaseProps;
|
|
58
|
-
type DialogContentProps = DialogBaseProps;
|
|
59
|
-
export {};
|
|
@@ -51,6 +51,8 @@ export interface DropzoneProps {
|
|
|
51
51
|
htmlAttributes?: HtmlAttributes<'div'>;
|
|
52
52
|
/** classNames */
|
|
53
53
|
className?: string;
|
|
54
|
+
/** Extra styles */
|
|
55
|
+
style?: React.CSSProperties;
|
|
54
56
|
}
|
|
55
57
|
export interface DropzoneLoadingProgressBarProps {
|
|
56
58
|
/** The percentage of the progress bar. */
|
|
@@ -83,4 +83,4 @@ export interface InlineEditProps {
|
|
|
83
83
|
export declare const InlineEdit: React.ForwardRefExoticComponent<{
|
|
84
84
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
85
85
|
as?: React.ElementType<any> | undefined;
|
|
86
|
-
} & InlineEditProps & React.RefAttributes<unknown>>;
|
|
86
|
+
} & InlineEditProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { type HtmlAttributes } from '../_common/types';
|
|
23
22
|
/**
|
|
24
23
|
*
|
|
25
24
|
*
|
|
@@ -37,6 +36,8 @@ export interface EventTypeLabelProps {
|
|
|
37
36
|
fill?: 'filled' | 'outlined' | 'semi-filled' | 'clean';
|
|
38
37
|
/** If label should have an icon */
|
|
39
38
|
hasIcon?: boolean;
|
|
40
|
-
htmlAttributes: HtmlAttributes<'span'>;
|
|
41
39
|
}
|
|
42
|
-
export declare const Label: React.ForwardRefExoticComponent<
|
|
40
|
+
export declare const Label: React.ForwardRefExoticComponent<{
|
|
41
|
+
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
42
|
+
as?: React.ElementType<any> | undefined;
|
|
43
|
+
} & EventTypeLabelProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { type HtmlAttributes } from '../_common/types';
|
|
23
22
|
/**
|
|
24
23
|
*
|
|
25
24
|
*
|
|
@@ -29,8 +28,6 @@ import { type HtmlAttributes } from '../_common/types';
|
|
|
29
28
|
*/
|
|
30
29
|
export type LoadingSpinnerProps = {
|
|
31
30
|
size?: 'small' | 'medium' | 'large';
|
|
32
|
-
className?: string;
|
|
33
|
-
htmlAttributes?: HtmlAttributes<'div'>;
|
|
34
31
|
};
|
|
35
32
|
/**
|
|
36
33
|
*
|
|
@@ -39,4 +36,7 @@ export type LoadingSpinnerProps = {
|
|
|
39
36
|
*
|
|
40
37
|
*
|
|
41
38
|
*/
|
|
42
|
-
export declare const LoadingSpinner: React.ForwardRefExoticComponent<
|
|
39
|
+
export declare const LoadingSpinner: React.ForwardRefExoticComponent<{
|
|
40
|
+
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
41
|
+
as?: React.ElementType<any> | undefined;
|
|
42
|
+
} & LoadingSpinnerProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
@@ -47,7 +47,7 @@ export declare const Popover: {
|
|
|
47
47
|
Content: React.ForwardRefExoticComponent<{
|
|
48
48
|
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
49
49
|
as?: React.ElementType<any> | undefined;
|
|
50
|
-
} & PopoverContentProps & React.RefAttributes<unknown>>;
|
|
50
|
+
} & PopoverContentProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
51
51
|
};
|
|
52
52
|
export interface PopoverTriggerProps {
|
|
53
53
|
children: React.ReactNode;
|
|
@@ -28,4 +28,7 @@ export interface ProgressBarProps {
|
|
|
28
28
|
/** HTML attributes */
|
|
29
29
|
htmlAttributes?: HtmlAttributes<'div'>;
|
|
30
30
|
}
|
|
31
|
-
export declare const ProgressBar: React.ForwardRefExoticComponent<
|
|
31
|
+
export declare const ProgressBar: React.ForwardRefExoticComponent<{
|
|
32
|
+
htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
|
|
33
|
+
as?: React.ElementType<any> | undefined;
|
|
34
|
+
} & ProgressBarProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
@@ -48,6 +48,6 @@ declare const SegmentedControl: SegmentControlComponent & {
|
|
|
48
48
|
className?: string;
|
|
49
49
|
children?: React.ReactNode;
|
|
50
50
|
value: string;
|
|
51
|
-
} & React.RefAttributes<unknown>>;
|
|
51
|
+
} & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|
|
52
52
|
};
|
|
53
53
|
export { SegmentedControl };
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { type HtmlAttributes } from '../_common/types';
|
|
22
|
+
import { type PolymorphicComponentProps, type HtmlAttributes } from '../_common/types';
|
|
23
23
|
export interface SliderPropsBase {
|
|
24
24
|
/** Forwards the props to the slider container's wrapper */
|
|
25
25
|
/** Forwards the input element(s) of the slider */
|
|
@@ -75,5 +75,5 @@ type RangeSlider = SliderPropsBase & {
|
|
|
75
75
|
className?: string;
|
|
76
76
|
};
|
|
77
77
|
export type SliderProps = SingleSlider | RangeSlider;
|
|
78
|
-
export declare const Slider: (props: SliderProps & React.RefAttributes<
|
|
78
|
+
export declare const Slider: <T extends React.ElementType = "div">(props: PolymorphicComponentProps<T, SliderProps> & React.RefAttributes<unknown>) => React.ReactElement | null;
|
|
79
79
|
export {};
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import { type HtmlAttributes } from '../_common/types';
|
|
23
22
|
export interface StatusIndicatorProps {
|
|
24
23
|
/** Status indicator type. Defaults to "unknown". */
|
|
25
24
|
type?: 'unknown' | 'success' | 'info' | 'warning' | 'danger';
|
|
26
|
-
htmlAttributes?: HtmlAttributes<'span'>;
|
|
27
|
-
className?: string;
|
|
28
25
|
}
|
|
29
|
-
export declare const StatusIndicator: React.ForwardRefExoticComponent<
|
|
26
|
+
export declare const StatusIndicator: React.ForwardRefExoticComponent<{
|
|
27
|
+
htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
|
|
28
|
+
as?: React.ElementType<any> | undefined;
|
|
29
|
+
} & StatusIndicatorProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
|