@neo4j-ndl/react 2.0.0-alpha-9fc5150 → 2.0.0-alpha-2599d3c
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/CodeBlockWrapper.js +2 -2
- package/lib/cjs/_common/CodeBlockWrapper.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 +3 -3
- package/lib/cjs/button/Button.js.map +1 -1
- package/lib/cjs/button/IconButton.js +5 -5
- 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/checkbox/Checkbox.js +15 -3
- package/lib/cjs/checkbox/Checkbox.js.map +1 -1
- package/lib/cjs/data-grid/Components.js +1 -1
- package/lib/cjs/data-grid/Components.js.map +1 -1
- package/lib/cjs/dialog/Dialog.js +1 -1
- package/lib/cjs/dialog/Dialog.js.map +1 -1
- package/lib/cjs/drawer/Drawer.js +2 -2
- package/lib/cjs/drawer/Drawer.js.map +1 -1
- package/lib/cjs/dropdown/Dropdown.js +4 -6
- package/lib/cjs/dropdown/Dropdown.js.map +1 -1
- package/lib/cjs/dropdown/Overrides.js +14 -2
- package/lib/cjs/dropdown/Overrides.js.map +1 -1
- package/lib/cjs/graph-label/GraphLabel.js +8 -8
- package/lib/cjs/graph-label/GraphLabel.js.map +1 -1
- package/lib/cjs/helpers/types.js +2 -1
- package/lib/cjs/helpers/types.js.map +1 -1
- package/lib/cjs/label/Label.js +2 -2
- package/lib/cjs/label/Label.js.map +1 -1
- package/lib/cjs/loading-spinner/LoadingSpinner.js +2 -2
- package/lib/cjs/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/cjs/modal/Modal.js +1 -1
- package/lib/cjs/modal/Modal.js.map +1 -1
- package/lib/cjs/popover/Popover.js +3 -3
- package/lib/cjs/popover/Popover.js.map +1 -1
- package/lib/cjs/progress-bar/ProgressBar.js +2 -2
- package/lib/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/lib/cjs/segmented-control/SegmentedControl.js +4 -4
- package/lib/cjs/segmented-control/SegmentedControl.js.map +1 -1
- package/lib/cjs/side-navigation/SideNavigation.js +9 -9
- package/lib/cjs/side-navigation/SideNavigation.js.map +1 -1
- package/lib/cjs/status-indicator/StatusIndicator.js +7 -7
- package/lib/cjs/status-indicator/StatusIndicator.js.map +1 -1
- package/lib/cjs/table/Components.js +1 -1
- package/lib/cjs/table/Components.js.map +1 -1
- package/lib/cjs/table/Table.js +6 -4
- package/lib/cjs/table/Table.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 +2 -2
- package/lib/cjs/tag/Tag.js.map +1 -1
- package/lib/cjs/text-input/TextInput.js +1 -1
- package/lib/cjs/text-input/TextInput.js.map +1 -1
- package/lib/cjs/text-link/TextLink.js +5 -4
- package/lib/cjs/text-link/TextLink.js.map +1 -1
- package/lib/cjs/textarea/Textarea.js +1 -1
- package/lib/cjs/textarea/Textarea.js.map +1 -1
- package/lib/cjs/theme/ThemeProvider.js +2 -2
- package/lib/cjs/theme/ThemeProvider.js.map +1 -1
- package/lib/cjs/tip/Tip.js +15 -13
- package/lib/cjs/tip/Tip.js.map +1 -1
- package/lib/cjs/tip/Tooltip.js +2 -2
- package/lib/cjs/tip/Tooltip.js.map +1 -1
- package/lib/cjs/typography/Typography.js +2 -2
- package/lib/cjs/typography/Typography.js.map +1 -1
- package/lib/cjs/widget/Widget.js +2 -2
- package/lib/cjs/widget/Widget.js.map +1 -1
- package/lib/cjs/wizard/Wizard.js +8 -8
- package/lib/cjs/wizard/Wizard.js.map +1 -1
- package/lib/esm/_common/CodeBlockWrapper.js +2 -2
- package/lib/esm/_common/CodeBlockWrapper.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 +3 -3
- package/lib/esm/button/Button.js.map +1 -1
- package/lib/esm/button/IconButton.js +5 -5
- 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/checkbox/Checkbox.js +15 -3
- package/lib/esm/checkbox/Checkbox.js.map +1 -1
- package/lib/esm/data-grid/Components.js +1 -1
- package/lib/esm/data-grid/Components.js.map +1 -1
- package/lib/esm/dialog/Dialog.js +1 -1
- package/lib/esm/dialog/Dialog.js.map +1 -1
- package/lib/esm/drawer/Drawer.js +2 -2
- package/lib/esm/drawer/Drawer.js.map +1 -1
- package/lib/esm/dropdown/Dropdown.js +4 -6
- package/lib/esm/dropdown/Dropdown.js.map +1 -1
- package/lib/esm/dropdown/Overrides.js +14 -2
- package/lib/esm/dropdown/Overrides.js.map +1 -1
- package/lib/esm/graph-label/GraphLabel.js +8 -8
- package/lib/esm/graph-label/GraphLabel.js.map +1 -1
- package/lib/esm/helpers/types.js +1 -0
- package/lib/esm/helpers/types.js.map +1 -1
- package/lib/esm/label/Label.js +2 -2
- package/lib/esm/label/Label.js.map +1 -1
- package/lib/esm/loading-spinner/LoadingSpinner.js +2 -2
- package/lib/esm/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/esm/modal/Modal.js +2 -2
- package/lib/esm/modal/Modal.js.map +1 -1
- package/lib/esm/popover/Popover.js +3 -3
- package/lib/esm/popover/Popover.js.map +1 -1
- package/lib/esm/progress-bar/ProgressBar.js +2 -2
- package/lib/esm/progress-bar/ProgressBar.js.map +1 -1
- package/lib/esm/segmented-control/SegmentedControl.js +4 -4
- package/lib/esm/segmented-control/SegmentedControl.js.map +1 -1
- package/lib/esm/side-navigation/SideNavigation.js +9 -9
- package/lib/esm/side-navigation/SideNavigation.js.map +1 -1
- package/lib/esm/status-indicator/StatusIndicator.js +7 -7
- package/lib/esm/status-indicator/StatusIndicator.js.map +1 -1
- package/lib/esm/table/Components.js +1 -1
- package/lib/esm/table/Components.js.map +1 -1
- package/lib/esm/table/Table.js +6 -4
- package/lib/esm/table/Table.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 +2 -2
- package/lib/esm/tag/Tag.js.map +1 -1
- package/lib/esm/text-input/TextInput.js +1 -1
- package/lib/esm/text-input/TextInput.js.map +1 -1
- package/lib/esm/text-link/TextLink.js +6 -5
- package/lib/esm/text-link/TextLink.js.map +1 -1
- package/lib/esm/textarea/Textarea.js +1 -1
- package/lib/esm/textarea/Textarea.js.map +1 -1
- package/lib/esm/theme/ThemeProvider.js +2 -2
- package/lib/esm/theme/ThemeProvider.js.map +1 -1
- package/lib/esm/tip/Tip.js +15 -13
- package/lib/esm/tip/Tip.js.map +1 -1
- package/lib/esm/tip/Tooltip.js +2 -2
- package/lib/esm/tip/Tooltip.js.map +1 -1
- package/lib/esm/typography/Typography.js +2 -2
- package/lib/esm/typography/Typography.js.map +1 -1
- package/lib/esm/widget/Widget.js +2 -2
- package/lib/esm/widget/Widget.js.map +1 -1
- package/lib/esm/wizard/Wizard.js +8 -8
- package/lib/esm/wizard/Wizard.js.map +1 -1
- package/lib/types/_common/input/types.d.ts +8 -1
- package/lib/types/banner/Banner.d.ts +1 -1
- package/lib/types/drawer/Drawer.d.ts +1 -1
- package/lib/types/dropdown/Overrides.d.ts +1 -1
- package/lib/types/helpers/types.d.ts +14 -1
- package/lib/types/modal/Modal.d.ts +4 -3
- package/lib/types/table/Table.d.ts +1 -1
- package/lib/types/text-input/TextInput.d.ts +3 -4
- package/lib/types/textarea/Textarea.d.ts +2 -2
- package/lib/types/tip/Tip.d.ts +5 -3
- package/lib/types/wizard/Wizard.d.ts +4 -4
- package/package.json +2 -2
|
@@ -52,8 +52,8 @@ export const useNeedleTheme = () => {
|
|
|
52
52
|
};
|
|
53
53
|
export const NeedleThemeProvider = ({ theme = 'light', children, wrapperProps, }) => {
|
|
54
54
|
const clonedChildren = useMemo(() => {
|
|
55
|
-
const _a = wrapperProps || {}, { isWrappingChildren, className } = _a,
|
|
56
|
-
const props = Object.assign(Object.assign({},
|
|
55
|
+
const _a = wrapperProps || {}, { isWrappingChildren, className } = _a, restWrapperProps = __rest(_a, ["isWrappingChildren", "className"]);
|
|
56
|
+
const props = Object.assign(Object.assign({}, restWrapperProps), { className: classNames(className, `ndl-theme-${theme}`) });
|
|
57
57
|
if (isWrappingChildren !== true) {
|
|
58
58
|
return React.Children.map(children, (child) => {
|
|
59
59
|
return React.cloneElement(child, Object.assign(Object.assign({}, props), { className: classNames(child.props.className, props.className) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EACZ,aAAa,EAGb,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACvC,SAAS,CACV,CAAC;AAWF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAoB,GAAG,EAAE;IAClD,IAAI,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC;;;;OAIG;IACH,IAAI,KAAK,KAAK,SAAS;QAAE,KAAK,GAAG,OAAO,CAAC;IAEzC,OAAO;QACL,KAAK;QACL,cAAc,EAAE,aAAa,KAAK,EAAE;KACrC,CAAC;AACJ,CAAC,CAAC;AAiBF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,GAAG,OAAO,EACf,QAAQ,EACR,YAAY,GACa,EAAE,EAAE;IAC7B,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EACZ,aAAa,EAGb,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CACvC,SAAS,CACV,CAAC;AAWF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAoB,GAAG,EAAE;IAClD,IAAI,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC;;;;OAIG;IACH,IAAI,KAAK,KAAK,SAAS;QAAE,KAAK,GAAG,OAAO,CAAC;IAEzC,OAAO;QACL,KAAK;QACL,cAAc,EAAE,aAAa,KAAK,EAAE;KACrC,CAAC;AACJ,CAAC,CAAC;AAiBF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,GAAG,OAAO,EACf,QAAQ,EACR,YAAY,GACa,EAAE,EAAE;IAC7B,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,KACJ,YAAY,IAAI,EAAE,EADd,EAAE,kBAAkB,EAAE,SAAS,OACjB,EADsB,gBAAgB,cAApD,mCAAsD,CACxC,CAAC;QACrB,MAAM,KAAK,mCACN,gBAAgB,KACnB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,aAAa,KAAK,EAAE,CAAC,GACvD,CAAC;QAEF,IAAI,kBAAkB,KAAK,IAAI,EAAE;YAC/B,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC5C,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,kCAC1B,KAAK,KACR,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,IAC7D,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;aAAM;YACL,OAAO,CACL,+BACM,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC,YAE1D,QAAQ,IACJ,CACR,CAAC;SACH;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,cAAc,GACO,CACzB,CAAC;AACJ,CAAC,CAAC"}
|
package/lib/esm/tip/Tip.js
CHANGED
|
@@ -53,9 +53,10 @@ const calculateArrow = (placement) => {
|
|
|
53
53
|
return 'bottom';
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
-
export function useTip({ allowedPlacements = PLACEMENTS, isOpen: controlledOpen, onOpenChange: setControlledOpen, type = 'tooltip', } = {}) {
|
|
56
|
+
export function useTip({ allowedPlacements = PLACEMENTS, isOpen: controlledOpen, isDisabled = false, onOpenChange: setControlledOpen, type = 'tooltip', } = {}) {
|
|
57
57
|
const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
|
|
58
|
-
|
|
58
|
+
/** If `isDisabled` is passed, tip is never opened */
|
|
59
|
+
const open = isDisabled === true ? false : controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : uncontrolledOpen;
|
|
59
60
|
const setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setUncontrolledOpen;
|
|
60
61
|
const data = useFloating({
|
|
61
62
|
placement: allowedPlacements[0],
|
|
@@ -115,28 +116,28 @@ export function Tip(_a) {
|
|
|
115
116
|
* Use `asChild` to pass any element as the trigger
|
|
116
117
|
*/
|
|
117
118
|
export const Trigger = React.forwardRef(function Trigger(_a, propRef) {
|
|
118
|
-
var { children, hasButtonWrapper = false } = _a,
|
|
119
|
+
var { children, hasButtonWrapper = false } = _a, restProps = __rest(_a, ["children", "hasButtonWrapper"]);
|
|
119
120
|
const context = useTipContext();
|
|
120
121
|
const childrenRef = children.ref;
|
|
121
122
|
const ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);
|
|
122
123
|
// `hasButtonWrapper=false` allows the user to pass any element as the anchor
|
|
123
124
|
if (!hasButtonWrapper && React.isValidElement(children)) {
|
|
124
|
-
return React.cloneElement(children, context.getReferenceProps(Object.assign(Object.assign(Object.assign({ ref },
|
|
125
|
+
return React.cloneElement(children, context.getReferenceProps(Object.assign(Object.assign(Object.assign({ ref }, restProps), children.props), { 'data-state': context.open ? 'open' : 'closed' })));
|
|
125
126
|
}
|
|
126
|
-
return (_jsx("button", Object.assign({ ref: ref, "data-state": context.open ? 'open' : 'closed' }, context.getReferenceProps(
|
|
127
|
+
return (_jsx("button", Object.assign({ ref: ref, "data-state": context.open ? 'open' : 'closed' }, context.getReferenceProps(restProps), { children: children })));
|
|
127
128
|
});
|
|
128
129
|
export const Content = React.forwardRef(function Content(_a, propRef) {
|
|
129
|
-
var { style, isPortaled = true, portalProps = {} } = _a,
|
|
130
|
+
var { style, isPortaled = true, portalProps = {}, className, children } = _a, restProps = __rest(_a, ["style", "isPortaled", "portalProps", "className", "children"]);
|
|
130
131
|
const { open, type, context, getFloatingProps, placement } = useTipContext();
|
|
131
132
|
const ref = useMergeRefs([context.refs.setFloating, propRef]);
|
|
132
133
|
if (!open)
|
|
133
134
|
return null;
|
|
134
|
-
const floatingProps = getFloatingProps(Object.assign(Object.assign({},
|
|
135
|
-
className: classNames('ndl-tip ndl-tooltip-wrapper',
|
|
135
|
+
const floatingProps = getFloatingProps(Object.assign(Object.assign({}, restProps), {
|
|
136
|
+
className: classNames('ndl-tip ndl-tooltip-wrapper', className, {
|
|
136
137
|
'ndl-toggletip': type === 'toggletip',
|
|
137
138
|
}),
|
|
138
139
|
}));
|
|
139
|
-
return (_jsx(ConditionalWrap, { condition: isPortaled, wrap: (
|
|
140
|
+
return (_jsx(ConditionalWrap, { condition: isPortaled, wrap: (wrapChildren) => (_jsx(FloatingPortal, Object.assign({ preserveTabOrder: true }, portalProps, { children: wrapChildren }))), children: _jsx(FloatingFocusManager, { context: context, disabled: type === 'tooltip', children: _jsx(Tooltip, Object.assign({ ref: ref }, floatingProps, { arrowPosition: calculateArrow(placement), style: Object.assign(Object.assign({ zIndex: tokens.zIndex.alias.tooltip }, context.floatingStyles), style), children: children })) }) }));
|
|
140
141
|
});
|
|
141
142
|
export const Header = React.forwardRef(function Content(_a, ref) {
|
|
142
143
|
var { isCloseable = true } = _a, restProps = __rest(_a, ["isCloseable"]);
|
|
@@ -149,7 +150,7 @@ export const Header = React.forwardRef(function Content(_a, ref) {
|
|
|
149
150
|
}
|
|
150
151
|
}, onClick: (event) => {
|
|
151
152
|
setOpen(false, event.nativeEvent);
|
|
152
|
-
}, "aria-label": "close-toggletip", "data-testid": "close-toggletip", children: _jsx(XMarkIconOutline, {}) }))] })));
|
|
153
|
+
}, "aria-label": "close-toggletip", "data-testid": "ndl-close-toggletip", children: _jsx(XMarkIconOutline, {}) }))] })));
|
|
153
154
|
});
|
|
154
155
|
export const Body = React.forwardRef(function Body(_a, ref) {
|
|
155
156
|
var restProps = __rest(_a, []);
|
|
@@ -166,12 +167,13 @@ export const Actions = React.forwardRef(function Actions(_a, ref) {
|
|
|
166
167
|
return null;
|
|
167
168
|
return _jsx("div", Object.assign({}, restProps, { className: className, ref: ref }));
|
|
168
169
|
});
|
|
169
|
-
export const Action = (
|
|
170
|
+
export const Action = (_a) => {
|
|
171
|
+
var { className } = _a, restProps = __rest(_a, ["className"]);
|
|
170
172
|
const { open } = useTipContext();
|
|
171
|
-
const
|
|
173
|
+
const classes = classNames('ndl-toggletip-action', className);
|
|
172
174
|
if (!open)
|
|
173
175
|
return null;
|
|
174
|
-
return (_jsx(Typography, Object.assign({ as: "button" },
|
|
176
|
+
return (_jsx(Typography, Object.assign({ as: "button" }, restProps, { tabIndex: 0, variant: "label", className: classes })));
|
|
175
177
|
};
|
|
176
178
|
Tip.Content = Content;
|
|
177
179
|
Tip.Trigger = Trigger;
|
package/lib/esm/tip/Tip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tip.js","sourceRoot":"","sources":["../../../src/tip/Tip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,oBAAoB,EACpB,cAAc,GACf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,eAAe,MAAM,4BAA4B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,UAAU,GAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,CACrB,SAAe,EACkC,EAAE;IACnD,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC;QACf,KAAK,MAAM;YACT,OAAO,OAAO,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,MAAM,CAAC;QAChB,KAAK,KAAK,CAAC;QACX;YACE,OAAO,QAAQ,CAAC;KACnB;AACH,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Tip.js","sourceRoot":"","sources":["../../../src/tip/Tip.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/tip/Tooltip.js
CHANGED
|
@@ -33,7 +33,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
33
33
|
import React from 'react';
|
|
34
34
|
import classnames from 'classnames';
|
|
35
35
|
const Tooltip = React.forwardRef(function Tooltip(_a, ref) {
|
|
36
|
-
var { arrowPosition, children, className } = _a,
|
|
36
|
+
var { arrowPosition, children, className } = _a, restProps = __rest(_a, ["arrowPosition", "children", "className"]);
|
|
37
37
|
const classesWrapper = classnames('ndl-tooltip-wrapper', className);
|
|
38
38
|
const classesTriangle = classnames('ndl-tooltip-triangle', {
|
|
39
39
|
'ndl-top': arrowPosition === 'top',
|
|
@@ -43,7 +43,7 @@ const Tooltip = React.forwardRef(function Tooltip(_a, ref) {
|
|
|
43
43
|
'ndl-top-left': arrowPosition === 'top-left',
|
|
44
44
|
'ndl-top-right': arrowPosition === 'top-right',
|
|
45
45
|
});
|
|
46
|
-
return (_jsxs("div", Object.assign({},
|
|
46
|
+
return (_jsxs("div", Object.assign({}, restProps, { role: "tooltip", className: classesWrapper, ref: ref, children: [children, _jsx("div", { className: classesTriangle })] })));
|
|
47
47
|
});
|
|
48
48
|
export default Tooltip;
|
|
49
49
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAgBpC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CAC/C,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAgBpC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CAC/C,EAAkE,EAClE,GAAuC;QADvC,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,OAA8B,EAAzB,SAAS,cAAlD,0CAAoD,CAAF;IAGlD,MAAM,cAAc,GAAG,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAEpE,MAAM,eAAe,GAAG,UAAU,CAAC,sBAAsB,EAAE;QACzD,SAAS,EAAE,aAAa,KAAK,KAAK;QAClC,YAAY,EAAE,aAAa,KAAK,QAAQ;QACxC,UAAU,EAAE,aAAa,KAAK,MAAM;QACpC,WAAW,EAAE,aAAa,KAAK,OAAO;QACtC,cAAc,EAAE,aAAa,KAAK,UAAU;QAC5C,eAAe,EAAE,aAAa,KAAK,WAAW;KAC/C,CAAC,CAAC;IAEH,OAAO,CACL,+BAAS,SAAS,IAAE,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,aACnE,QAAQ,EACT,cAAK,SAAS,EAAE,eAAe,GAAI,KAC/B,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC"}
|
|
@@ -34,10 +34,10 @@ import classNames from 'classnames';
|
|
|
34
34
|
import { needleWarningMessage } from '../_common/utils';
|
|
35
35
|
import { TypographyDefaultMapping, } from './types';
|
|
36
36
|
export const Typography = (props) => {
|
|
37
|
-
const { className = '', variant, as } = props,
|
|
37
|
+
const { className = '', variant, as } = props, restProps = __rest(props, ["className", "variant", "as"]);
|
|
38
38
|
const classes = classNames(`n-${variant}`, className);
|
|
39
39
|
const Component = (as || TypographyDefaultMapping[variant]);
|
|
40
|
-
return _jsx(Component, Object.assign({},
|
|
40
|
+
return _jsx(Component, Object.assign({}, restProps, { className: classes }));
|
|
41
41
|
};
|
|
42
42
|
/**
|
|
43
43
|
* Experimental Type testing
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,wBAAwB,GAKzB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,UAAU,GAAG,CAIxB,KAGoC,EACpC,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,wBAAwB,GAKzB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,UAAU,GAAG,CAIxB,KAGoC,EACpC,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAArD,8BAA6C,CAAQ,CAAC;IAE5D,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,wBAAwB,CAAC,OAAO,CAAC,CAAmB,CAAC;IAE9E,OAAO,KAAC,SAAS,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC1D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAA6B,EAAE,EAAE,CAAC,CACzD,iBAAQ,OAAO,EAAE,SAAS,qBAAe,CAC1C,CAAC;AAEF,6DAA6D;AAC7D,aAAa;AACb,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CACpC,0BAEE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,eAAe,GAAG,EAGvD,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,GAAG,EAG1D,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,EAAC,EAAE,EAAE,IAAI,GAAI,EAG9C,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,EAAE,EAAE,IAAI,EACR,SAAS,EAAE,GAAG,EAAE;gBACd,oBAAoB,CAAC,cAAc,CAAC,CAAC;YACvC,CAAC,GACD,IACE,CACP,CAAC"}
|
package/lib/esm/widget/Widget.js
CHANGED
|
@@ -42,12 +42,12 @@ import { default as ResizeCornerIcon } from '../icons/generated/custom/ResizeCor
|
|
|
42
42
|
*/
|
|
43
43
|
const Widget = forwardRef(function Widget(_a, ref) {
|
|
44
44
|
var _b;
|
|
45
|
-
var { header, subheader, leftMenu, rightMenu, isElevated = false, isResizeable = false, resizeableProps, children, className } = _a,
|
|
45
|
+
var { header, subheader, leftMenu, rightMenu, isElevated = false, isResizeable = false, resizeableProps, children, className } = _a, restProps = __rest(_a, ["header", "subheader", "leftMenu", "rightMenu", "isElevated", "isResizeable", "resizeableProps", "children", "className"]);
|
|
46
46
|
const classes = classnames('ndl-widget', className, {
|
|
47
47
|
'ndl-leftmenu': leftMenu,
|
|
48
48
|
'ndl-elevated': isElevated,
|
|
49
49
|
});
|
|
50
|
-
return (_jsxs("div", Object.assign({ className: classes, ref: ref },
|
|
50
|
+
return (_jsxs("div", Object.assign({ className: classes, ref: ref }, restProps, { children: [_jsxs("header", { className: "ndl-header-wrapper", children: [_jsxs("div", { className: "ndl-header-left", children: [leftMenu, _jsxs("div", { className: "ndl-headers n-flex n-flex-col", children: [_jsx("div", { className: "ndl-header", children: header }), _jsx("div", { className: "ndl-subheader", children: subheader })] })] }), rightMenu] }), _jsx("div", { className: "ndl-widget-content n-flex-grow", children: children }), isResizeable && (_jsx("button", Object.assign({ "aria-label": "Resizing handle" }, resizeableProps, { className: `ndl-resize-handle ${(_b = resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.className) !== null && _b !== void 0 ? _b : ''}`, children: _jsx(ResizeCornerIcon, {}) })))] })));
|
|
51
51
|
});
|
|
52
52
|
export default Widget;
|
|
53
53
|
//# sourceMappingURL=Widget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/widget/Widget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAgCrF;;;;;;GAMG;AAEH,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,MAAM,CACvC,EAWc,EACd,GAAiC;;QAZjC,EACE,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,EACf,QAAQ,EACR,SAAS,OAEG,EADT,
|
|
1
|
+
{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/widget/Widget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAgCrF;;;;;;GAMG;AAEH,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,MAAM,CACvC,EAWc,EACd,GAAiC;;QAZjC,EACE,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,EACf,QAAQ,EACR,SAAS,OAEG,EADT,SAAS,cAVd,0HAWC,CADa;IAId,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAClD,cAAc,EAAE,QAAQ;QACxB,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,SAAS,eAC9C,kBAAQ,SAAS,EAAC,oBAAoB,aACpC,eAAK,SAAS,EAAC,iBAAiB,aAC7B,QAAQ,EACT,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,YAAY,YAAE,MAAM,GAAO,EAC1C,cAAK,SAAS,EAAC,eAAe,YAAE,SAAS,GAAO,IAC5C,IACF,EACL,SAAS,IACH,EACT,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,EAC/D,YAAY,IAAI,CACf,6CACa,iBAAiB,IACxB,eAAe,IACnB,SAAS,EAAE,qBAAqB,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,mCAAI,EAAE,EAAE,YAElE,KAAC,gBAAgB,KAAG,IACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
package/lib/esm/wizard/Wizard.js
CHANGED
|
@@ -62,7 +62,7 @@ const Line = ({ status, type, }) => {
|
|
|
62
62
|
return _jsx("div", { "aria-hidden": true, className: classes });
|
|
63
63
|
};
|
|
64
64
|
export const Horizontal = (_a) => {
|
|
65
|
-
var { activeStep, steps } = _a,
|
|
65
|
+
var { activeStep, steps, className } = _a, restProps = __rest(_a, ["activeStep", "steps", "className"]);
|
|
66
66
|
const components = [];
|
|
67
67
|
for (let i = 0; i < steps.length; i++) {
|
|
68
68
|
const text = steps[i];
|
|
@@ -71,10 +71,10 @@ export const Horizontal = (_a) => {
|
|
|
71
71
|
components.push(_jsx(Line, { type: "horizontal", status: getStatus(activeStep, i) }, `line-${i}-step-${randomId(4)}`));
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
return (_jsx("div", Object.assign({},
|
|
74
|
+
return (_jsx("div", Object.assign({}, restProps, { className: classnames('ndl-horizontal-wizard', className), role: "navigation", children: components })));
|
|
75
75
|
};
|
|
76
76
|
export const Vertical = (_a) => {
|
|
77
|
-
var { activeStep, steps } = _a,
|
|
77
|
+
var { activeStep, steps, className } = _a, restProps = __rest(_a, ["activeStep", "steps", "className"]);
|
|
78
78
|
const components = [];
|
|
79
79
|
for (let i = 0; i < steps.length; i++) {
|
|
80
80
|
const text = steps[i];
|
|
@@ -82,17 +82,17 @@ export const Vertical = (_a) => {
|
|
|
82
82
|
i < steps.length - 1 &&
|
|
83
83
|
components.push(_jsx(Line, { type: "vertical", status: getStatus(activeStep, i) }, `line-${i}-step-${randomId(4)}`));
|
|
84
84
|
}
|
|
85
|
-
return (_jsx("div", Object.assign({},
|
|
85
|
+
return (_jsx("div", Object.assign({}, restProps, { className: classnames('ndl-vertical-wizard ', className), role: "navigation", children: components })));
|
|
86
86
|
};
|
|
87
87
|
export const Footer = (_a) => {
|
|
88
|
-
var { activeStep, steps } = _a,
|
|
89
|
-
return (_jsx("div", Object.assign({},
|
|
88
|
+
var { activeStep, steps, className } = _a, restProps = __rest(_a, ["activeStep", "steps", "className"]);
|
|
89
|
+
return (_jsx("div", Object.assign({}, restProps, { className: classnames('ndl-footer-wizard', className), role: "navigation", children: _jsxs("div", { className: "n-flex n-items-center", children: [_jsx("div", { className: "n-w-32 n-mr-6 n-h-[1px] n-bg-palette-neutral-border-strong" }), steps.map((v, i) => (_jsx("div", { className: "n-items-center n-justify-center n-flex n-px-[2px]", children: _jsxs("svg", { className: `n-h-2 n-w-2 footer-circle ${getStatus(activeStep, i)}`, children: [getStatus(activeStep, i) === 'active' && (_jsx("g", { children: _jsx("circle", { className: "n-fill-palette-primary-text", cx: "4", cy: "4", r: "4" }) })), _jsx("circle", { className: `${getStatus(activeStep, i) === 'active'
|
|
90
90
|
? 'n-fill-palette-primary-text'
|
|
91
91
|
: 'n-fill-palette-neutral-border-strong'}`, cx: "4", cy: "4", r: "3" })] }) }, i))), _jsx("div", { className: "n-w-32 n-ml-6 n-h-[1px] n-bg-palette-neutral-border-strong" })] }) })));
|
|
92
92
|
};
|
|
93
93
|
export const Wizard = (_a) => {
|
|
94
|
-
var { type = 'horizontal', activeStep = 0, steps = [] } = _a,
|
|
95
|
-
const allProps = Object.assign({ activeStep: activeStep, steps: steps },
|
|
94
|
+
var { type = 'horizontal', activeStep = 0, steps = [] } = _a, restProps = __rest(_a, ["type", "activeStep", "steps"]);
|
|
95
|
+
const allProps = Object.assign({ activeStep: activeStep, steps: steps }, restProps);
|
|
96
96
|
switch (type) {
|
|
97
97
|
case 'vertical':
|
|
98
98
|
return _jsx(Vertical, Object.assign({}, allProps));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../src/wizard/Wizard.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAE,SAAiB,EAAE,EAAE,CAC1D,SAAS,GAAG,CAAC,KAAK,UAAU;IAC1B,CAAC,CAAC,QAAQ;IACV,CAAC,CAAC,UAAU,GAAG,SAAS,GAAG,CAAC;QAC5B,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,UAAU,CAAC;AAEjB,MAAM,MAAM,GAAG,CAAC,EACd,MAAM,EACN,MAAM,EACN,IAAI,EACJ,IAAI,GAML,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,YAAY,EAAE,MAAM,KAAK,QAAQ;QACjC,cAAc,EAAE,MAAM,KAAK,UAAU;QACrC,gBAAgB,EAAE,MAAM,KAAK,YAAY;KAC1C,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,gBAAgB,EAAE,IAAI,KAAK,YAAY;QACvC,cAAc,EAAE,IAAI,KAAK,UAAU;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,cAAK,SAAS,EAAC,YAAY,YACzB,cAAK,SAAS,EAAE,YAAY,aAAa,EAAE,YAAG,IAAI,GAAO,GACrD,EAEN,eAAK,SAAS,EAAE,iBAAiB,eAAe,EAAE,aAC/C,MAAM,KAAK,QAAQ,IAAI,CACtB,wBACE,iBACE,SAAS,EAAC,6BAA6B,EACvC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,GACN,EACF,iBAAQ,SAAS,EAAC,mBAAmB,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,IAC7D,CACL,EACD,iBACE,SAAS,EAAE,GACT,MAAM,KAAK,UAAU,IAAI,MAAM,KAAK,QAAQ;4BAC1C,CAAC,CAAC,6BAA6B;4BAC/B,CAAC,CAAC,qCACN,EAAE,EACF,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,GACN,EACF,eACE,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,SAAS,EAAC,mBAAmB,EAC7B,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAC,OAAO,YAET,MAAM,GACF,IACH,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,EACZ,MAAM,EACN,IAAI,GAIL,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE;QAC5C,YAAY,EAAE,MAAM,KAAK,QAAQ;QACjC,cAAc,EAAE,MAAM,KAAK,UAAU;QACrC,gBAAgB,EAAE,MAAM,KAAK,YAAY;QACzC,gBAAgB,EAAE,IAAI,KAAK,YAAY;QACvC,cAAc,EAAE,IAAI,KAAK,UAAU;KACpC,CAAC,CAAC;IAEH,OAAO,mCAAiB,SAAS,EAAE,OAAO,GAAI,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../src/wizard/Wizard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,8 +18,10 @@
|
|
|
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 Tip } from '../../tip';
|
|
21
22
|
import { type ComponentPropsWithoutRef } from 'react';
|
|
22
|
-
|
|
23
|
+
import type { ComponentPropsWithoutRefAsObj } from '../../helpers';
|
|
24
|
+
export interface CommonInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
|
|
23
25
|
/** Sets disabled state */
|
|
24
26
|
disabled?: boolean;
|
|
25
27
|
/** Sets the label */
|
|
@@ -29,3 +31,8 @@ export interface CommonInputProps extends Omit<ComponentPropsWithoutRef<'input'>
|
|
|
29
31
|
/** Ref to the `input` element */
|
|
30
32
|
ref?: React.RefObject<HTMLInputElement>;
|
|
31
33
|
}
|
|
34
|
+
export type TooltipObjectProps = {
|
|
35
|
+
tooltipRoot?: Partial<ComponentPropsWithoutRefAsObj<typeof Tip>>;
|
|
36
|
+
tooltipTrigger?: Partial<ComponentPropsWithoutRefAsObj<(typeof Tip)['Trigger']>>;
|
|
37
|
+
tooltipContent?: Partial<ComponentPropsWithoutRefAsObj<(typeof Tip)['Content']>>;
|
|
38
|
+
};
|
|
@@ -73,7 +73,7 @@ export type BannerProps = BannerCommonProps & BannerCloseProps;
|
|
|
73
73
|
export type BannerType = 'info' | 'success' | 'warning' | 'danger';
|
|
74
74
|
declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>> & {
|
|
75
75
|
Actions: {
|
|
76
|
-
({ label, ...
|
|
76
|
+
({ label, ...restProps }: BannerActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
77
77
|
displayName: string;
|
|
78
78
|
};
|
|
79
79
|
};
|
|
@@ -44,7 +44,7 @@ export interface DrawerProps extends ElementBase<HTMLDivElement> {
|
|
|
44
44
|
closeable?: boolean;
|
|
45
45
|
}
|
|
46
46
|
export declare const Drawer: {
|
|
47
|
-
({ children, className, expanded, onExpandedChange, position, type, isResizeable, resizeableProps, minWidth, closeable, ...
|
|
47
|
+
({ children, className, expanded, onExpandedChange, position, type, isResizeable, resizeableProps, minWidth, closeable, style, ...restProps }: DrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
48
48
|
Header: ({ children, className, ...restProps }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
49
49
|
Actions: ({ children, className, ...restProps }: DrawerActionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
50
50
|
Body: ({ children, className, ...restProps }: DrawerBodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -24,4 +24,4 @@ import { type DropdownOverrideCustomProps } from './types';
|
|
|
24
24
|
export declare const DropdownIndicatorCurrying: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: DropdownIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
|
|
25
25
|
export declare const CustomClearIndication: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: ClearIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
|
|
26
26
|
export declare const CustomMultiValueRemove: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: MultiValueRemoveProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
-
export declare const CustomPlaceholder: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (
|
|
27
|
+
export declare const CustomPlaceholder: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, ...restProps }: PlaceholderProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -18,8 +18,21 @@
|
|
|
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
|
-
|
|
21
|
+
import { type ComponentPropsWithoutRef, type ElementType } from 'react';
|
|
22
22
|
export type ElementBase<T = HTMLElement> = Omit<React.HTMLProps<T>, 'as' | 'selected' | 'size' | 'onChange' | 'ref'> & {
|
|
23
23
|
/** Override the root element rendered for the component */
|
|
24
24
|
as?: string | React.ComponentType<any>;
|
|
25
25
|
};
|
|
26
|
+
/**
|
|
27
|
+
* This type resolves complaining TypeScript issues
|
|
28
|
+
* with arbitrary `data-*` properties when we
|
|
29
|
+
* surface component properties in object type
|
|
30
|
+
* Sources:
|
|
31
|
+
* 1. https://github.com/neo4j/neo4j-ops-manager/pull/787#discussion_r1332971991
|
|
32
|
+
* 2. https://github.com/microsoft/TypeScript/issues/28960#issuecomment-903519759
|
|
33
|
+
*/
|
|
34
|
+
type DataAttributeKey = `data-${string}`;
|
|
35
|
+
export type ComponentPropsWithoutRefAsObj<T extends ElementType> = ComponentPropsWithoutRef<T> & {
|
|
36
|
+
[dataAttribute: DataAttributeKey]: any;
|
|
37
|
+
};
|
|
38
|
+
export {};
|
|
@@ -18,7 +18,8 @@
|
|
|
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 React
|
|
21
|
+
import React from 'react';
|
|
22
|
+
import { type ComponentPropsWithoutRefAsObj } from '../helpers';
|
|
22
23
|
export declare enum ModalCloseReason {
|
|
23
24
|
BACKDROP_CLICK = "backdropClick",
|
|
24
25
|
ESCAPE_KEY_DOWN = "escapeKeyDown"
|
|
@@ -35,8 +36,8 @@ export interface ModalProps {
|
|
|
35
36
|
container?: Element;
|
|
36
37
|
onClose?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: ModalCloseReason) => void;
|
|
37
38
|
/** Forwards the props to the modal container's wrapper - use with caution */
|
|
38
|
-
rootProps?:
|
|
39
|
+
rootProps?: ComponentPropsWithoutRefAsObj<'div'>;
|
|
39
40
|
/** Forwards the props to the modal container */
|
|
40
|
-
modalProps?:
|
|
41
|
+
modalProps?: ComponentPropsWithoutRefAsObj<'div'>;
|
|
41
42
|
}
|
|
42
43
|
export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -58,6 +58,6 @@ declare const TableNameSpace: (<T extends unknown>(props: {
|
|
|
58
58
|
tableProps: TableType<T>;
|
|
59
59
|
components?: TableComponentsInterface<T> | undefined;
|
|
60
60
|
} & Omit<ElementBase<HTMLDivElement>, "as" | "controls" | "data" | "headers" | "rows"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) & {
|
|
61
|
-
RowActions: (
|
|
61
|
+
RowActions: ({ className, ...restProps }: ElementBase<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
62
62
|
};
|
|
63
63
|
export default TableNameSpace;
|
|
@@ -18,9 +18,8 @@
|
|
|
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
|
|
22
|
-
import { type CommonInputProps } from '../_common/input/types';
|
|
23
|
-
import { Tip } from '../tip';
|
|
21
|
+
import { type ReactElement, type ReactNode } from 'react';
|
|
22
|
+
import { type CommonInputProps, type TooltipObjectProps } from '../_common/input/types';
|
|
24
23
|
export interface TextInputProperties extends Omit<CommonInputProps, 'label'> {
|
|
25
24
|
/** Label text */
|
|
26
25
|
label?: ReactNode;
|
|
@@ -41,7 +40,7 @@ export interface TextInputProperties extends Omit<CommonInputProps, 'label'> {
|
|
|
41
40
|
/** Information to be displayed in the information tooltip */
|
|
42
41
|
informationIconText?: React.ReactNode;
|
|
43
42
|
/** Pass props to the underlying Tip component */
|
|
44
|
-
tooltipProps?:
|
|
43
|
+
tooltipProps?: TooltipObjectProps;
|
|
45
44
|
}
|
|
46
45
|
/**
|
|
47
46
|
*
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
20
|
*/
|
|
21
21
|
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
22
|
-
import {
|
|
22
|
+
import { type TooltipObjectProps } from '../_common/input/types';
|
|
23
23
|
/**
|
|
24
24
|
*
|
|
25
25
|
*
|
|
@@ -43,7 +43,7 @@ export interface TextareaProps extends Omit<Omit<ComponentPropsWithoutRef<'texta
|
|
|
43
43
|
/** Information to be displayed in the information tooltip */
|
|
44
44
|
informationIconText?: React.ReactNode;
|
|
45
45
|
/** Pass props to the underlying Tip component */
|
|
46
|
-
tooltipProps?:
|
|
46
|
+
tooltipProps?: TooltipObjectProps;
|
|
47
47
|
}
|
|
48
48
|
/**
|
|
49
49
|
*
|
package/lib/types/tip/Tip.d.ts
CHANGED
|
@@ -30,10 +30,12 @@ export interface TipProps {
|
|
|
30
30
|
allowedPlacements?: Side[];
|
|
31
31
|
/** Controlled open state */
|
|
32
32
|
isOpen?: boolean;
|
|
33
|
+
/** If the tip is disabled, to Tip.Content will not be rendered if provided */
|
|
34
|
+
isDisabled?: boolean;
|
|
33
35
|
/** For controlled open state */
|
|
34
36
|
onOpenChange?: (isOpen: boolean, event?: Event) => void;
|
|
35
37
|
}
|
|
36
|
-
export declare function useTip({ allowedPlacements, isOpen: controlledOpen, onOpenChange: setControlledOpen, type, }?: TipProps): {
|
|
38
|
+
export declare function useTip({ allowedPlacements, isOpen: controlledOpen, isDisabled, onOpenChange: setControlledOpen, type, }?: TipProps): {
|
|
37
39
|
placement: import("@floating-ui/utils").Placement;
|
|
38
40
|
strategy: import("@floating-ui/utils").Strategy;
|
|
39
41
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
@@ -133,7 +135,7 @@ export declare namespace Tip {
|
|
|
133
135
|
var Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
134
136
|
var Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
135
137
|
var Actions: React.ForwardRefExoticComponent<ActionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
136
|
-
var Action: (
|
|
138
|
+
var Action: ({ className, ...restProps }: ActionProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
137
139
|
}
|
|
138
140
|
/**
|
|
139
141
|
* Wrapping the trigger in a button by default
|
|
@@ -163,4 +165,4 @@ export declare const Body: React.ForwardRefExoticComponent<BodyProps & React.Ref
|
|
|
163
165
|
export type ActionsProps = Omit<ElementBase<HTMLDivElement>, 'as'>;
|
|
164
166
|
export declare const Actions: React.ForwardRefExoticComponent<ActionsProps & React.RefAttributes<HTMLDivElement>>;
|
|
165
167
|
export type ActionProps = Omit<ComponentProps<typeof Typography>, 'variant'>;
|
|
166
|
-
export declare const Action: (
|
|
168
|
+
export declare const Action: ({ className, ...restProps }: ActionProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
*/
|
|
21
21
|
/// <reference types="react" />
|
|
22
22
|
import { type ElementBase } from '../helpers';
|
|
23
|
-
export declare const Horizontal: ({ activeStep, steps, ...
|
|
24
|
-
export declare const Vertical: ({ activeStep, steps, ...
|
|
25
|
-
export declare const Footer: ({ activeStep, steps, ...
|
|
23
|
+
export declare const Horizontal: ({ activeStep, steps, className, ...restProps }: Omit<WizardProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare const Vertical: ({ activeStep, steps, className, ...restProps }: Omit<WizardProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const Footer: ({ activeStep, steps, className, ...restProps }: Omit<WizardProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
|
|
26
26
|
export interface WizardProps extends ElementBase<HTMLDivElement> {
|
|
27
27
|
type?: 'horizontal' | 'vertical' | 'footer';
|
|
28
28
|
activeStep: number;
|
|
29
29
|
steps: (string | JSX.Element)[];
|
|
30
30
|
}
|
|
31
|
-
export declare const Wizard: ({ type, activeStep, steps, ...
|
|
31
|
+
export declare const Wizard: ({ type, activeStep, steps, ...restProps }: WizardProps) => import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
|
-
"version": "2.0.0-alpha-
|
|
3
|
+
"version": "2.0.0-alpha-2599d3c",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React implementation of Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"@floating-ui/react": "0.25.1",
|
|
94
94
|
"@heroicons/react": "2.0.13",
|
|
95
95
|
"@neo4j-cypher/react-codemirror": "^1.0.1",
|
|
96
|
-
"@neo4j-ndl/base": "2.0.0-alpha-
|
|
96
|
+
"@neo4j-ndl/base": "2.0.0-alpha-2599d3c",
|
|
97
97
|
"@table-nav/core": "0.0.7",
|
|
98
98
|
"@table-nav/react": "0.0.7",
|
|
99
99
|
"@tanstack/react-table": "^8.9.3",
|