@refraktor/core 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +1 -1
- package/build/components/menu/menu-dropdown/menu-dropdown.d.ts.map +1 -1
- package/build/components/menu/menu-dropdown/menu-dropdown.js +3 -2
- package/build/components/menu/menu-sub-dropdown/menu-sub-dropdown.d.ts.map +1 -1
- package/build/components/menu/menu-sub-dropdown/menu-sub-dropdown.js +2 -1
- package/build/components/menu/use-menu.d.ts.map +1 -1
- package/build/components/menu/use-menu.js +2 -1
- package/build/components/modal/modal-close/modal-close.d.ts.map +1 -1
- package/build/components/modal/modal-close/modal-close.js +1 -1
- package/build/components/modal/modal-content/modal-content.d.ts.map +1 -1
- package/build/components/modal/modal-content/modal-content.js +1 -1
- package/build/components/modal/modal-header/modal-header.d.ts.map +1 -1
- package/build/components/modal/modal-header/modal-header.js +1 -1
- package/build/components/number-input/number-input.d.ts.map +1 -1
- package/build/components/number-input/number-input.js +22 -15
- package/build/components/number-input/number-input.test.d.ts +2 -0
- package/build/components/number-input/number-input.test.d.ts.map +1 -0
- package/build/components/number-input/number-input.test.js +14 -0
- package/build/components/number-input/number-input.types.d.ts +2 -2
- package/build/components/number-input/number-input.types.d.ts.map +1 -1
- package/build/components/popover/popover-dropdown/popover-dropdown.d.ts.map +1 -1
- package/build/components/popover/popover-dropdown/popover-dropdown.js +2 -1
- package/build/components/popover/use-popover.d.ts.map +1 -1
- package/build/components/popover/use-popover.js +2 -1
- package/build/components/portal/portal.js +1 -1
- package/build/components/select/select-dropdown/select-dropdown.d.ts.map +1 -1
- package/build/components/select/select-dropdown/select-dropdown.js +3 -2
- package/build/components/select/select-item/select-item.d.ts.map +1 -1
- package/build/components/select/select-item/select-item.js +1 -1
- package/build/components/select/select-root/select-root.d.ts.map +1 -1
- package/build/components/select/select-root/select-root.js +36 -6
- package/build/components/select/select-trigger/select-trigger.d.ts.map +1 -1
- package/build/components/select/select-trigger/select-trigger.js +1 -1
- package/build/components/select/select.context.d.ts +2 -0
- package/build/components/select/select.context.d.ts.map +1 -1
- package/build/components/select/select.test.js +17 -0
- package/build/components/select/select.types.d.ts +10 -0
- package/build/components/select/select.types.d.ts.map +1 -1
- package/build/components/select/use-select.d.ts.map +1 -1
- package/build/components/select/use-select.js +2 -1
- package/build/components/switch/switch.js +1 -1
- package/build/components/tabs/tabs-tab/tabs-tab.d.ts.map +1 -1
- package/build/components/tabs/tabs-tab/tabs-tab.js +0 -6
- package/build/components/tooltip/tooltip.d.ts.map +1 -1
- package/build/components/tooltip/tooltip.js +7 -3
- package/build/components/tooltip/use-tooltip.d.ts.map +1 -1
- package/build/components/tooltip/use-tooltip.js +2 -1
- package/build/components/transition/transition.d.ts.map +1 -1
- package/build/components/transition/transition.js +16 -12
- package/build/style.css +1 -1
- package/package.json +2 -2
- package/src/components/menu/menu-dropdown/menu-dropdown.tsx +4 -3
- package/src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx +2 -0
- package/src/components/menu/use-menu.ts +2 -1
- package/src/components/modal/modal-close/modal-close.tsx +1 -5
- package/src/components/modal/modal-content/modal-content.tsx +3 -4
- package/src/components/modal/modal-header/modal-header.tsx +4 -2
- package/src/components/modal/modal-overlay/modal-overlay.tsx +64 -64
- package/src/components/modal/modal.test.tsx +110 -110
- package/src/components/modal/use-modal.ts +101 -101
- package/src/components/number-input/number-input.test.tsx +22 -0
- package/src/components/number-input/number-input.tsx +79 -51
- package/src/components/number-input/number-input.types.ts +8 -8
- package/src/components/popover/popover-dropdown/popover-dropdown.tsx +2 -0
- package/src/components/popover/use-popover.ts +2 -1
- package/src/components/portal/portal.tsx +1 -1
- package/src/components/select/select-dropdown/select-dropdown.tsx +4 -3
- package/src/components/select/select-item/select-item.tsx +0 -1
- package/src/components/select/select-root/select-root.tsx +87 -11
- package/src/components/select/select-trigger/select-trigger.tsx +2 -0
- package/src/components/select/select.context.ts +2 -0
- package/src/components/select/select.test.tsx +35 -0
- package/src/components/select/select.types.ts +15 -0
- package/src/components/select/use-select.ts +2 -1
- package/src/components/switch/switch.tsx +1 -1
- package/src/components/tabs/tabs-tab/tabs-tab.tsx +0 -8
- package/src/components/tooltip/tooltip.tsx +7 -1
- package/src/components/tooltip/use-tooltip.ts +2 -1
- package/src/components/transition/transition.tsx +18 -14
- package/src/style.css +0 -1
- package/tsconfig.tsbuildinfo +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-dropdown/menu-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAgB3D,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"menu-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-dropdown/menu-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAgB3D,QAAA,MAAM,YAAY,mEAoMjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
|
|
@@ -110,14 +110,15 @@ const MenuDropdown = factory(({ children, className, style, ...props }, ref) =>
|
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
112
|
};
|
|
113
|
-
const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: level.menu.opened, ...transitionProps, children: _jsx("div", { ref: useMergeRefs([ref, level.menu.refs.setFloating]), role: "menu", tabIndex: -1, style: {
|
|
113
|
+
const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: level.menu.opened, style: { position: "relative", zIndex: 1000 }, ...transitionProps, children: _jsx("div", { ref: useMergeRefs([ref, level.menu.refs.setFloating]), role: "menu", tabIndex: -1, style: {
|
|
114
114
|
...level.menu.floatingStyles,
|
|
115
|
+
zIndex: 1000,
|
|
115
116
|
scrollbarGutter: "auto",
|
|
116
117
|
...style
|
|
117
118
|
}, className: cx("z-50 min-w-32 max-h-80 overflow-y-auto refraktor-scrollbar", "p-1 bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md border border-[var(--refraktor-border)]", getRadius(radius), getStyles("dropdown"), className), ...level.menu.getFloatingProps({
|
|
118
119
|
onKeyDown: handleKeyDown
|
|
119
120
|
}), ...props, children: children }) }));
|
|
120
|
-
const wrappedContent =
|
|
121
|
+
const wrappedContent = (_jsx(FloatingFocusManager, { context: level.menu.context, modal: false, initialFocus: -1, disabled: !level.menu.opened, children: dropdownContent }));
|
|
121
122
|
return withinPortal ? (_jsx(FloatingPortal, { children: wrappedContent })) : (wrappedContent);
|
|
122
123
|
});
|
|
123
124
|
MenuDropdown.displayName = "@refraktor/core/Menu.Dropdown";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-sub-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAiB9D,QAAA,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"menu-sub-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAiB9D,QAAA,MAAM,eAAe,sEAoMpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
|
|
@@ -104,11 +104,12 @@ const MenuSubDropdown = factory(({ children, className, style, ...props }, ref)
|
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
106
|
};
|
|
107
|
-
const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: submenuLevel.menu.opened, ...transitionProps, children: _jsx(MenuLevelProvider, { value: submenuLevel, children: _jsx("div", { ref: useMergeRefs([
|
|
107
|
+
const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: submenuLevel.menu.opened, style: { position: "relative", zIndex: 1000 }, ...transitionProps, children: _jsx(MenuLevelProvider, { value: submenuLevel, children: _jsx("div", { ref: useMergeRefs([
|
|
108
108
|
ref,
|
|
109
109
|
submenuLevel.menu.refs.setFloating
|
|
110
110
|
]), role: "menu", tabIndex: -1, style: {
|
|
111
111
|
...submenuLevel.menu.floatingStyles,
|
|
112
|
+
zIndex: 1000,
|
|
112
113
|
scrollbarGutter: "auto",
|
|
113
114
|
...style
|
|
114
115
|
}, className: cx("z-50 min-w-32 max-h-80 overflow-y-auto refraktor-scrollbar", "p-1 bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md border border-[var(--refraktor-border)]", getRadius(radius), getStyles("dropdown"), getStyles("subDropdown"), className), ...submenuLevel.menu.getFloatingProps({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/use-menu.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,eAAe,EAIf,SAAS,EAUZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACH,eAAe,EACf,eAAe,EACf,eAAe,EAClB,MAAM,cAAc,CAAC;AAEtB,UAAU,YAAY;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,OAAO,GAAE,YAAiB,GAAG,aAAa,
|
|
1
|
+
{"version":3,"file":"use-menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/use-menu.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,eAAe,EAIf,SAAS,EAUZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACH,eAAe,EACf,eAAe,EACf,eAAe,EAClB,MAAM,cAAc,CAAC;AAEtB,UAAU,YAAY;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,OAAO,GAAE,YAAiB,GAAG,aAAa,CA6IjE"}
|
|
@@ -37,7 +37,8 @@ export function useMenu(options = {}) {
|
|
|
37
37
|
open: isOpen,
|
|
38
38
|
onOpenChange: setIsOpen,
|
|
39
39
|
middleware,
|
|
40
|
-
whileElementsMounted: autoUpdate
|
|
40
|
+
whileElementsMounted: autoUpdate,
|
|
41
|
+
strategy: "fixed"
|
|
41
42
|
});
|
|
42
43
|
const click = useClick(floating.context, {
|
|
43
44
|
enabled: trigger === "click" && !disabled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-close.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-close/modal-close.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"modal-close.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-close/modal-close.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,QAAA,MAAM,UAAU,iEAgCf,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -13,7 +13,7 @@ const ModalClose = factory(({ children, className, onClick, type = "button", ...
|
|
|
13
13
|
}
|
|
14
14
|
modal.close();
|
|
15
15
|
};
|
|
16
|
-
return (_jsx("button", { ref: ref, type: type, "aria-label": "Close", className: cx("
|
|
16
|
+
return (_jsx("button", { ref: ref, type: type, "aria-label": "Close", className: cx("size-6 text-[var(--refraktor-text-secondary)] hover:text-[var(--refraktor-text)] cursor-pointer transition-colors", getStyles("close"), className), onClick: handleClick, ...props, children: children ?? _jsx(XIcon, {}) }));
|
|
17
17
|
});
|
|
18
18
|
ModalClose.displayName = "@refraktor/core/Modal.Close";
|
|
19
19
|
export default ModalClose;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-content/modal-content.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAE5D,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-content/modal-content.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAE5D,QAAA,MAAM,YAAY,mEA4DjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
|
|
@@ -17,7 +17,7 @@ const ModalContent = factory(({ children, className, style, ...props }, ref) =>
|
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
const { className: transitionClassName, ...resolvedTransitionProps } = transitionProps ?? {};
|
|
20
|
-
const content = (_jsx(Transition, { transition: "scale", duration: 150, mounted: modal.opened, ...resolvedTransitionProps, className: cx("fixed inset-0 z-50 grid place-items-center
|
|
20
|
+
const content = (_jsx(Transition, { transition: "scale", duration: 150, mounted: modal.opened, ...resolvedTransitionProps, className: cx("fixed inset-0 z-50 grid place-items-center pointer-events-none", transitionClassName), children: _jsx("div", { ref: setRefs, role: "dialog", "aria-modal": "true", "aria-labelledby": headerId, "data-opened": modal.opened, style: style, className: cx("pointer-events-auto relative z-50 w-full max-w-md", "border border-[var(--refraktor-border)] bg-[var(--refraktor-bg)] p-4 text-[var(--refraktor-text)] shadow-md", getRadius(radius), getStyles("content"), className), ...props, children: children }) }));
|
|
21
21
|
return withinPortal ? _jsx(Portal, { children: content }) : content;
|
|
22
22
|
});
|
|
23
23
|
ModalContent.displayName = "@refraktor/core/Modal.Content";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-header/modal-header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-header/modal-header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,QAAA,MAAM,WAAW,kEA6BhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
|
|
@@ -7,7 +7,7 @@ const ModalHeader = factory(({ children, className, id, text, withClose = true,
|
|
|
7
7
|
const { cx } = useTheme();
|
|
8
8
|
const { headerId, getStyles } = useModalContext();
|
|
9
9
|
const resolvedId = id ?? headerId;
|
|
10
|
-
return (_jsxs("div", { ref: ref, className: cx("mb-
|
|
10
|
+
return (_jsxs("div", { ref: ref, className: cx("mb-4 flex items-center justify-between", getStyles("header"), className), ...props, children: [_jsx("div", { id: resolvedId, className: "min-w-0 flex-1 text-sm font-semibold leading-5 text-[var(--refraktor-text)]", children: text ?? children }), withClose && (_jsx(ModalClose, { className: "static shrink-0 self-center" }))] }));
|
|
11
11
|
});
|
|
12
12
|
ModalHeader.displayName = "@refraktor/core/Modal.Header";
|
|
13
13
|
export default ModalHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/number-input.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,yBAAyB,EAE5B,MAAM,sBAAsB,CAAC;AAsD9B,QAAA,MAAM,WAAW,+
|
|
1
|
+
{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/number-input.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,yBAAyB,EAE5B,MAAM,sBAAsB,CAAC;AAsD9B,QAAA,MAAM,WAAW,+DAmTf,CAAC;AAMH,eAAe,WAAW,CAAC"}
|
|
@@ -44,7 +44,7 @@ const defaultProps = {
|
|
|
44
44
|
};
|
|
45
45
|
const NumberInput = factory((_props, ref) => {
|
|
46
46
|
const { cx } = useTheme();
|
|
47
|
-
const { id, value, defaultValue, size, onChange, min, max, step, precision, controlsPosition, disabled, className, classNames, ...props } = useProps("NumberInput", defaultProps, _props);
|
|
47
|
+
const { id, label, description, error, required, withAsterisk, value, defaultValue, size, onChange, min, max, step, precision, controlsPosition, disabled, className, classNames, ...props } = useProps("NumberInput", defaultProps, _props);
|
|
48
48
|
const classes = useClassNames("NumberInput", classNames);
|
|
49
49
|
const _id = useId(id);
|
|
50
50
|
const [_value, setValue] = useUncontrolled({
|
|
@@ -84,9 +84,9 @@ const NumberInput = factory((_props, ref) => {
|
|
|
84
84
|
};
|
|
85
85
|
const stopHold = () => {
|
|
86
86
|
if (holdTimer.current)
|
|
87
|
-
|
|
87
|
+
clearInterval(holdTimer.current);
|
|
88
88
|
if (repeatTimer.current)
|
|
89
|
-
|
|
89
|
+
clearTimeout(repeatTimer.current);
|
|
90
90
|
holdTimer.current = null;
|
|
91
91
|
repeatTimer.current = null;
|
|
92
92
|
};
|
|
@@ -173,18 +173,25 @@ const NumberInput = factory((_props, ref) => {
|
|
|
173
173
|
startHold("decrement");
|
|
174
174
|
}, onMouseUp: stopHold, onMouseLeave: stopHold, onTouchEnd: stopHold, children: _jsx(ChevronIcon, { direction: "down", size: controlSizing.iconSize, className: cx("block", !canDecrement && "opacity-50") }) })] }));
|
|
175
175
|
}, [controlsPosition, canIncrement, canDecrement, classes, controlSizing]);
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
}
|
|
176
|
+
const hasWrapper = label || description || error;
|
|
177
|
+
const field = (_jsx(InputField, { ref: ref, id: _id, type: "number", required: required, error: !!error, disabled: disabled, size: size, min: min, max: max, step: step, value: _value, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, onWheel: handleWheel, leftSection: controlsPosition === "left" ? controls : undefined, rightSection: controlsPosition === "right" ? controls : undefined, className: className, classNames: {
|
|
178
|
+
root: cx("px-0 gap-0 items-stretch overflow-hidden", controlsPosition === "none"
|
|
179
|
+
? "px-2"
|
|
180
|
+
: controlsPosition === "left"
|
|
181
|
+
? "pr-2"
|
|
182
|
+
: "pl-2", classes.root),
|
|
183
|
+
leftSection: cx("h-full self-stretch", controlsPosition === "left" && controlSizing.leftSpacing, classes.leftSection),
|
|
184
|
+
rightSection: cx("h-full self-stretch", controlsPosition === "right" && controlSizing.rightSpacing, classes.rightSection),
|
|
185
|
+
...classes
|
|
186
|
+
}, "aria-describedby": error
|
|
187
|
+
? `${_id}-error`
|
|
188
|
+
: description
|
|
189
|
+
? `${_id}-description`
|
|
190
|
+
: undefined, "aria-disabled": disabled, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": Number(_value), ...props }));
|
|
191
|
+
if (!hasWrapper) {
|
|
192
|
+
return field;
|
|
193
|
+
}
|
|
194
|
+
return (_jsx(InputWrapper, { label: label, description: description, error: error, required: required, withAsterisk: withAsterisk, inputId: _id, children: field }));
|
|
188
195
|
});
|
|
189
196
|
NumberInput.displayName = "@refraktor/core/NumberInput";
|
|
190
197
|
NumberInput.configure = createComponentConfig();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-input.test.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/number-input.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { describe, expect, it } from "vitest";
|
|
3
|
+
import { render, screen } from "../../vitest";
|
|
4
|
+
import NumberInput from "./number-input";
|
|
5
|
+
describe("@refraktor/core/NumberInput", () => {
|
|
6
|
+
it("supports input wrapper props", async () => {
|
|
7
|
+
await render(_jsx(NumberInput, { label: "Quantity", description: "Enter desired amount", error: "Quantity is required" }));
|
|
8
|
+
const input = screen.getByLabelText("Quantity");
|
|
9
|
+
expect(input).toHaveAttribute("type", "number");
|
|
10
|
+
expect(input).toHaveAttribute("aria-invalid", "true");
|
|
11
|
+
expect(screen.getByText("Enter desired amount")).toBeInTheDocument();
|
|
12
|
+
expect(screen.getByText("Quantity is required")).toBeInTheDocument();
|
|
13
|
+
});
|
|
14
|
+
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createClassNamesConfig, createComponentConfig, FactoryPayload } from "../../utils";
|
|
2
|
-
import { InputFieldClassNames,
|
|
2
|
+
import { InputFieldClassNames, InputProps } from "../input";
|
|
3
3
|
export type NumberInputControlsPosition = "left" | "right" | "none";
|
|
4
4
|
export interface NumberInputClassNames extends InputFieldClassNames {
|
|
5
5
|
controls?: string;
|
|
@@ -27,7 +27,7 @@ export interface _NumberInputProps {
|
|
|
27
27
|
/** Used for styling different parts of the component */
|
|
28
28
|
classNames?: NumberInputClassNames;
|
|
29
29
|
}
|
|
30
|
-
export type NumberInputProps = _NumberInputProps & Omit<
|
|
30
|
+
export type NumberInputProps = _NumberInputProps & Omit<InputProps, "onChange" | "type" | keyof _NumberInputProps>;
|
|
31
31
|
export interface NumberInputFactoryPayload extends FactoryPayload {
|
|
32
32
|
props: NumberInputProps;
|
|
33
33
|
ref: HTMLInputElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-input.types.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/number-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,oBAAoB,EAAE,
|
|
1
|
+
{"version":3,"file":"number-input.types.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/number-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpE,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAC9B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAE5C,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;IAE/C,wDAAwD;IACxD,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAED,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAC5C,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,iBAAiB,CAAC,CAAC;AAEpE,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC7D,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,gBAAgB,CAAC;IACtB,QAAQ,EAAE;QACN,SAAS,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACtE,UAAU,EAAE,UAAU,CAClB,OAAO,sBAAsB,CAAC,qBAAqB,CAAC,CACvD,CAAC;KACL,CAAC;CACL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-dropdown/popover-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AASjE,QAAA,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"popover-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-dropdown/popover-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AASjE,QAAA,MAAM,eAAe,sEA8EpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { FloatingArrow, FloatingFocusManager, FloatingPortal } from "@floating-u
|
|
|
7
7
|
const PopoverDropdown = factory(({ children, className, style, ...props }, ref) => {
|
|
8
8
|
const { cx, getRadius } = useTheme();
|
|
9
9
|
const { popover, showArrow, radius, withinPortal, transitionProps, getStyles } = usePopoverContext();
|
|
10
|
-
const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 200, mounted: popover.opened, ...transitionProps, children: _jsxs("div", { ref: (node) => {
|
|
10
|
+
const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 200, mounted: popover.opened, style: { position: "relative", zIndex: 1000 }, ...transitionProps, children: _jsxs("div", { ref: (node) => {
|
|
11
11
|
popover.refs.setFloating(node);
|
|
12
12
|
if (typeof ref === "function") {
|
|
13
13
|
ref(node);
|
|
@@ -17,6 +17,7 @@ const PopoverDropdown = factory(({ children, className, style, ...props }, ref)
|
|
|
17
17
|
}
|
|
18
18
|
}, role: "dialog", "aria-modal": "true", style: {
|
|
19
19
|
...popover.floatingStyles,
|
|
20
|
+
zIndex: 1000,
|
|
20
21
|
...style
|
|
21
22
|
}, className: cx("z-50 p-2 bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md text-sm border-0", getRadius(radius), getStyles("dropdown"), className), ...popover.getFloatingProps(), ...props, children: [children, showArrow && (_jsx(FloatingArrow, { ref: popover.arrowRef, context: popover.context, width: 10, height: 5, className: cx("fill-[var(--refraktor-bg)]", getStyles("arrow")) }))] }) }));
|
|
22
23
|
const wrappedContent = popover.opened ? (_jsx(FloatingFocusManager, { context: popover.context, modal: false, children: dropdownContent })) : (dropdownContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/use-popover.ts"],"names":[],"mappings":"AACA,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAIH,eAAe,EAIf,SAAS,EAUZ,MAAM,oBAAoB,CAAC;AAG5B,UAAU,eAAe;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,OAAO,GAAE,eAAoB,GAAG,gBAAgB,
|
|
1
|
+
{"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/use-popover.ts"],"names":[],"mappings":"AACA,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAIH,eAAe,EAIf,SAAS,EAUZ,MAAM,oBAAoB,CAAC;AAG5B,UAAU,eAAe;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,OAAO,GAAE,eAAoB,GAAG,gBAAgB,CAyJ1E"}
|
|
@@ -43,7 +43,8 @@ export function usePopover(options = {}) {
|
|
|
43
43
|
open: isOpen,
|
|
44
44
|
onOpenChange: setIsOpen,
|
|
45
45
|
middleware: middleware,
|
|
46
|
-
whileElementsMounted: autoUpdate
|
|
46
|
+
whileElementsMounted: autoUpdate,
|
|
47
|
+
strategy: "fixed"
|
|
47
48
|
});
|
|
48
49
|
const click = useClick(floating.context, {
|
|
49
50
|
enabled: trigger === "click" && !disabled
|
|
@@ -71,6 +71,6 @@ const Portal = factory((_props, ref) => {
|
|
|
71
71
|
}
|
|
72
72
|
return createPortal(_jsx(_Fragment, { children: children }), nodeRef.current);
|
|
73
73
|
});
|
|
74
|
-
Portal.displayName = "@
|
|
74
|
+
Portal.displayName = "@refraktor/core/Portal";
|
|
75
75
|
Portal.configure = createComponentConfig();
|
|
76
76
|
export default Portal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-dropdown/select-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAOpE,QAAA,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"select-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-dropdown/select-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAOpE,QAAA,MAAM,cAAc,qEAoRnB,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -142,8 +142,9 @@ const SelectDropdown = factory(({ children, className, style, onKeyDown, ...prop
|
|
|
142
142
|
}
|
|
143
143
|
};
|
|
144
144
|
const referenceWidth = select.select.refs.reference.current?.offsetWidth;
|
|
145
|
-
const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: select.select.opened, ...select.transitionProps, children: _jsxs("div", { ref: useMergeRefs([ref, select.select.refs.setFloating]), id: select.listId, role: "listbox", "aria-labelledby": select.triggerId, tabIndex: -1, style: {
|
|
145
|
+
const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: select.select.opened, style: { position: "relative", zIndex: 1000 }, ...select.transitionProps, children: _jsxs("div", { ref: useMergeRefs([ref, select.select.refs.setFloating]), id: select.listId, role: "listbox", "aria-labelledby": select.triggerId, tabIndex: -1, style: {
|
|
146
146
|
...select.select.floatingStyles,
|
|
147
|
+
zIndex: 1000,
|
|
147
148
|
width: referenceWidth,
|
|
148
149
|
...style
|
|
149
150
|
}, className: cx("z-50 min-w-32 bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md border border-[var(--refraktor-border)]", getRadius(select.radius), select.getStyles("dropdown"), className), ...select.select.getFloatingProps({
|
|
@@ -153,7 +154,7 @@ const SelectDropdown = factory(({ children, className, style, onKeyDown, ...prop
|
|
|
153
154
|
}, value: select.search, onChange: (event) => {
|
|
154
155
|
select.setSearch(event.currentTarget.value);
|
|
155
156
|
}, size: select.size, radius: select.radius, variant: select.variant, placeholder: select.searchPlaceholder, autoComplete: "off", className: select.getStyles("searchInput") }) })), _jsxs("div", { className: cx("max-h-80 overflow-y-auto refraktor-scrollbar p-1", select.getStyles("options")), children: [children, !select.hasVisibleItems() && (_jsx("div", { className: cx("px-1.5 py-1.5 text-sm text-[var(--refraktor-text-secondary)]", select.getStyles("empty")), children: select.nothingFound }))] })] }) }));
|
|
156
|
-
const wrappedContent =
|
|
157
|
+
const wrappedContent = (_jsx(FloatingFocusManager, { context: select.select.context, modal: false, initialFocus: -1, disabled: !select.select.opened, children: dropdownContent }));
|
|
157
158
|
return select.withinPortal ? (_jsx(FloatingPortal, { children: wrappedContent })) : (wrappedContent);
|
|
158
159
|
});
|
|
159
160
|
SelectDropdown.displayName = "@refraktor/core/Select.Dropdown";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-item/select-item.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-item/select-item.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,QAAA,MAAM,UAAU,iEA2If,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -49,7 +49,7 @@ const SelectItem = factory(({ id, value, children, disabled, textValue, classNam
|
|
|
49
49
|
else if (ref) {
|
|
50
50
|
ref.current = node;
|
|
51
51
|
}
|
|
52
|
-
}, id: _id, type: "button", role: "option", tabIndex: -1, disabled: disabled, hidden: !isVisible, "data-selected": isSelected, "data-disabled": disabled, "aria-selected": isSelected, "aria-disabled": disabled, className: cx("w-full text-left p-1.5 text-sm rounded-none appearance-none border-none bg-transparent", "inline-flex items-center gap-2 outline-none transition-colors", "hover:bg-[var(--refraktor-bg-hover)] focus-visible:bg-[var(--refraktor-bg-hover)]", "data-[
|
|
52
|
+
}, id: _id, type: "button", role: "option", tabIndex: -1, disabled: disabled, hidden: !isVisible, "data-selected": isSelected, "data-disabled": disabled, "aria-selected": isSelected, "aria-disabled": disabled, className: cx("w-full text-left p-1.5 text-sm rounded-none appearance-none border-none bg-transparent", "inline-flex items-center gap-2 outline-none transition-colors", "hover:bg-[var(--refraktor-bg-hover)] focus-visible:bg-[var(--refraktor-bg-hover)]", "data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed", getRadius(select.radius), select.getStyles("item"), className), onMouseMove: (event) => {
|
|
53
53
|
onMouseMove?.(event);
|
|
54
54
|
if (!disabled &&
|
|
55
55
|
document.activeElement !== event.currentTarget) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-root/select-root.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-root/select-root.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAER,wBAAwB,EAE3B,MAAM,iBAAiB,CAAC;AA0DzB,QAAA,MAAM,UAAU,iEAmPd,CAAC;AAIH,eAAe,UAAU,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useId, useUncontrolled } from "@refraktor/utils";
|
|
3
|
-
import { useCallback, useEffect, useRef } from "react";
|
|
3
|
+
import { Children, isValidElement, useCallback, useEffect, useMemo, useRef } from "react";
|
|
4
4
|
import { useTheme } from "../../../theme";
|
|
5
5
|
import { factory, useClassNames, useProps } from "../../../utils";
|
|
6
|
-
import { focusSelectItem, getNavigableSelectItems, SelectProvider, useSelectItemsRegistry } from "../select.context";
|
|
6
|
+
import { focusSelectItem, getNodeTextValue, getNavigableSelectItems, SelectProvider, useSelectItemsRegistry } from "../select.context";
|
|
7
7
|
import { useSelect } from "../use-select";
|
|
8
|
+
import { InputWrapper } from "../../input/input-wrapper";
|
|
8
9
|
const defaultProps = {
|
|
9
10
|
positioning: {
|
|
10
11
|
placement: "bottom-start",
|
|
@@ -22,13 +23,37 @@ const defaultProps = {
|
|
|
22
23
|
closeOnClickOutside: true,
|
|
23
24
|
closeOnEscape: true
|
|
24
25
|
};
|
|
26
|
+
function collectSelectItemLabels(node, labels) {
|
|
27
|
+
Children.forEach(node, (child) => {
|
|
28
|
+
if (!isValidElement(child)) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
const typeDisplayName = child.type
|
|
32
|
+
.displayName;
|
|
33
|
+
const props = child.props;
|
|
34
|
+
if (typeDisplayName === "@refraktor/core/Select.Item" &&
|
|
35
|
+
typeof props.value === "string") {
|
|
36
|
+
labels.set(props.value, getNodeTextValue(props.children, props.textValue) || props.value);
|
|
37
|
+
}
|
|
38
|
+
if (props.children !== undefined && props.children !== null) {
|
|
39
|
+
collectSelectItemLabels(props.children, labels);
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
function getSelectItemLabels(node) {
|
|
44
|
+
const labels = new Map();
|
|
45
|
+
collectSelectItemLabels(node, labels);
|
|
46
|
+
return labels;
|
|
47
|
+
}
|
|
25
48
|
const SelectRoot = factory((_props, ref) => {
|
|
26
49
|
const { cx } = useTheme();
|
|
27
|
-
const { id, children, value, defaultValue, onChange, opened, defaultOpened, onOpenedChange, positioning, middlewares, disabled, searchable, searchValue, defaultSearchValue, onSearchChange, placeholder, searchPlaceholder, nothingFound, size, radius, variant, withinPortal, closeOnClickOutside, closeOnEscape, transitionProps, className, classNames, ...props } = useProps("Select", defaultProps, _props);
|
|
50
|
+
const { id, children, label, description, error, required, withAsterisk, value, defaultValue, onChange, opened, defaultOpened, onOpenedChange, positioning, middlewares, disabled, searchable, searchValue, defaultSearchValue, onSearchChange, placeholder, searchPlaceholder, nothingFound, size, radius, variant, withinPortal, closeOnClickOutside, closeOnEscape, transitionProps, className, classNames, ...props } = useProps("Select", defaultProps, _props);
|
|
28
51
|
const classes = useClassNames("Select", classNames);
|
|
29
52
|
const _id = useId(id);
|
|
30
53
|
const listId = `${_id}-listbox`;
|
|
31
54
|
const triggerId = `${_id}-trigger`;
|
|
55
|
+
const hasWrapper = label || description || error;
|
|
56
|
+
const inferredLabels = useMemo(() => getSelectItemLabels(children), [children]);
|
|
32
57
|
const [selectedValue, setSelectedValue] = useUncontrolled({
|
|
33
58
|
value,
|
|
34
59
|
defaultValue,
|
|
@@ -78,8 +103,10 @@ const SelectRoot = factory((_props, ref) => {
|
|
|
78
103
|
if (!selectedValue) {
|
|
79
104
|
return "";
|
|
80
105
|
}
|
|
81
|
-
return labelsRef.current.get(selectedValue) ??
|
|
82
|
-
|
|
106
|
+
return (labelsRef.current.get(selectedValue) ??
|
|
107
|
+
inferredLabels.get(selectedValue) ??
|
|
108
|
+
selectedValue);
|
|
109
|
+
}, [selectedValue, inferredLabels]);
|
|
83
110
|
const focusFirstItem = useCallback(() => {
|
|
84
111
|
const items = getNavigableSelectItems(getVisibleItems());
|
|
85
112
|
focusSelectItem(items[0]);
|
|
@@ -122,6 +149,8 @@ const SelectRoot = factory((_props, ref) => {
|
|
|
122
149
|
searchPlaceholder,
|
|
123
150
|
nothingFound,
|
|
124
151
|
disabled: !!disabled,
|
|
152
|
+
error: !!error,
|
|
153
|
+
required: !!required,
|
|
125
154
|
size,
|
|
126
155
|
radius,
|
|
127
156
|
variant,
|
|
@@ -143,7 +172,8 @@ const SelectRoot = factory((_props, ref) => {
|
|
|
143
172
|
focusSelectedOrFirstItem,
|
|
144
173
|
getStyles
|
|
145
174
|
};
|
|
146
|
-
|
|
175
|
+
const content = (_jsx("div", { ref: ref, id: _id, className: cx("relative w-full", classes.root, className), ...props, children: children }));
|
|
176
|
+
return (_jsx(SelectProvider, { value: context, children: hasWrapper ? (_jsx(InputWrapper, { label: label, description: description, error: error, required: required, withAsterisk: withAsterisk, inputId: triggerId, children: content })) : (content) }));
|
|
147
177
|
});
|
|
148
178
|
SelectRoot.displayName = "@refraktor/core/Select.Root";
|
|
149
179
|
export default SelectRoot;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-trigger/select-trigger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAEnE,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-trigger/select-trigger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAEnE,QAAA,MAAM,aAAa,oEA+GlB,CAAC;AAIF,eAAe,aAAa,CAAC"}
|
|
@@ -56,7 +56,7 @@ const SelectTrigger = factory(({ className, placeholder, rightSection, onKeyDown
|
|
|
56
56
|
}
|
|
57
57
|
}), ...props, children: _jsx(InputField, { id: select.triggerId, ref: (node) => {
|
|
58
58
|
select.triggerInputRef.current = node;
|
|
59
|
-
}, readOnly: true, disabled: select.disabled, value: hasValue ? selectedLabel : "", placeholder: hasValue ? undefined : placeholder ?? select.placeholder, size: select.size, radius: select.radius, variant: select.variant, role: "combobox", "aria-expanded": select.select.opened, "aria-controls": select.listId, "aria-haspopup": "listbox", "aria-autocomplete": select.searchable ? "list" : "none", "aria-disabled": select.disabled, className: cx("cursor-pointer", select.getStyles("triggerInput")), rightSection: rightSection ?? (_jsx(ChevronIcon, { direction: "down", size: 14, className: cx("transition-transform", select.select.opened && "rotate-180", select.getStyles("triggerIcon")) })) }) }));
|
|
59
|
+
}, readOnly: true, required: select.required, error: select.error, disabled: select.disabled, value: hasValue ? selectedLabel : "", placeholder: hasValue ? undefined : placeholder ?? select.placeholder, size: select.size, radius: select.radius, variant: select.variant, role: "combobox", "aria-expanded": select.select.opened, "aria-controls": select.listId, "aria-haspopup": "listbox", "aria-autocomplete": select.searchable ? "list" : "none", "aria-disabled": select.disabled, className: cx("cursor-pointer", select.getStyles("triggerInput")), rightSection: rightSection ?? (_jsx(ChevronIcon, { direction: "down", size: 14, className: cx("transition-transform", select.select.opened && "rotate-180", select.getStyles("triggerIcon")) })) }) }));
|
|
60
60
|
});
|
|
61
61
|
SelectTrigger.displayName = "@refraktor/core/Select.Trigger";
|
|
62
62
|
export default SelectTrigger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.context.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.context.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"select.context.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.context.ts"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,13 @@ describe("@refraktor/core/Select", () => {
|
|
|
23
23
|
expect(screen.queryByRole("listbox")).not.toBeInTheDocument();
|
|
24
24
|
});
|
|
25
25
|
});
|
|
26
|
+
it("renders defaultValue label in trigger before opening", async () => {
|
|
27
|
+
await render(_jsx(Select, { defaultValue: "apple", data: [
|
|
28
|
+
{ value: "apple", label: "Apple" },
|
|
29
|
+
{ value: "orange", label: "Orange" }
|
|
30
|
+
] }));
|
|
31
|
+
expect(screen.getByRole("combobox")).toHaveValue("Apple");
|
|
32
|
+
});
|
|
26
33
|
it("renders searchable input inside dropdown", async () => {
|
|
27
34
|
const user = userEvent.setup();
|
|
28
35
|
await render(_jsx(Select, { searchable: true, transitionProps: transitionProps, data: [
|
|
@@ -82,4 +89,14 @@ describe("@refraktor/core/Select", () => {
|
|
|
82
89
|
expect(onChange).toHaveBeenCalledWith("vue");
|
|
83
90
|
expect(screen.getByRole("combobox")).toHaveValue("Vue");
|
|
84
91
|
});
|
|
92
|
+
it("supports input wrapper props", async () => {
|
|
93
|
+
await render(_jsx(Select, { label: "Framework", description: "Pick one option", error: "Selection is required", transitionProps: transitionProps, data: [
|
|
94
|
+
{ value: "react", label: "React" },
|
|
95
|
+
{ value: "vue", label: "Vue" }
|
|
96
|
+
] }));
|
|
97
|
+
const trigger = screen.getByLabelText("Framework");
|
|
98
|
+
expect(trigger).toHaveAttribute("aria-invalid", "true");
|
|
99
|
+
expect(screen.getByText("Pick one option")).toBeInTheDocument();
|
|
100
|
+
expect(screen.getByText("Selection is required")).toBeInTheDocument();
|
|
101
|
+
});
|
|
85
102
|
});
|
|
@@ -56,6 +56,16 @@ export type SelectData = SelectItemData | SelectGroupData;
|
|
|
56
56
|
export interface SelectRootProps extends Omit<ComponentPropsWithoutRef<"div">, "value" | "defaultValue" | "onChange"> {
|
|
57
57
|
/** Children containing select subcomponents */
|
|
58
58
|
children: ReactNode;
|
|
59
|
+
/** Label text */
|
|
60
|
+
label?: ReactNode;
|
|
61
|
+
/** Description text */
|
|
62
|
+
description?: ReactNode;
|
|
63
|
+
/** Error message */
|
|
64
|
+
error?: ReactNode;
|
|
65
|
+
/** Whether the field is required */
|
|
66
|
+
required?: boolean;
|
|
67
|
+
/** Display an asterisk next to the label */
|
|
68
|
+
withAsterisk?: boolean;
|
|
59
69
|
/** Selected value (controlled) */
|
|
60
70
|
value?: string | null;
|
|
61
71
|
/** Initial selected value (uncontrolled) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/use-select.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,eAAe,EAIf,SAAS,EAMZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE3E,UAAU,cAAc;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,OAAO,GAAE,cAAmB,GAAG,eAAe,
|
|
1
|
+
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/use-select.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,eAAe,EAIf,SAAS,EAMZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE3E,UAAU,cAAc;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,OAAO,GAAE,cAAmB,GAAG,eAAe,CAsHvE"}
|
|
@@ -37,7 +37,8 @@ export function useSelect(options = {}) {
|
|
|
37
37
|
open: isOpen,
|
|
38
38
|
onOpenChange: setIsOpen,
|
|
39
39
|
middleware,
|
|
40
|
-
whileElementsMounted: autoUpdate
|
|
40
|
+
whileElementsMounted: autoUpdate,
|
|
41
|
+
strategy: "fixed"
|
|
41
42
|
});
|
|
42
43
|
const click = useClick(floating.context, {
|
|
43
44
|
enabled: !disabled
|
|
@@ -23,7 +23,7 @@ const Switch = factory((_props, ref) => {
|
|
|
23
23
|
handleChange(event.currentTarget.checked);
|
|
24
24
|
onChange?.(event);
|
|
25
25
|
};
|
|
26
|
-
return (_jsxs("div", { className: cx("inline-flex flex-col", classes.root, className), children: [_jsxs("label", { className: cx("inline-flex items-center cursor-pointer select-none", disabled && "opacity-50 cursor-not-allowed", labelPosition === "left" ? "flex-row-reverse" : "flex-row"), htmlFor: _id, children: [_jsx("input", { ...props, id: _id, ref: ref, type: "checkbox", className: cx("sr-only", classes.input), checked: value, onChange: handleOnChange, disabled: disabled }), _jsx("div", { className: cx("relative bg-[var(--refraktor-bg)] transition-all shrink-0 group", "data-[checked=true]:bg-[var(--refraktor-primary)]", "flex items-center p-0.5", sizeClass.track, getRadius(radius), classes.track), "data-checked": value, children: _jsx("span", { className: cx("bg-[var(--refraktor-colors-white)] group-data-[checked=true]:bg-[var(--refraktor-primary-text)] shadow-sm transition-all pointer-events-none", sizeClass.thumb, getRadius(radius), classes.thumb) }) }), label && (_jsx("span", { className: cx("text-[var(--refraktor-text)]", labelPosition === "left" ? "mr-
|
|
26
|
+
return (_jsxs("div", { className: cx("inline-flex flex-col", classes.root, className), children: [_jsxs("label", { className: cx("inline-flex items-center cursor-pointer select-none", disabled && "opacity-50 cursor-not-allowed", labelPosition === "left" ? "flex-row-reverse" : "flex-row"), htmlFor: _id, children: [_jsx("input", { ...props, id: _id, ref: ref, type: "checkbox", className: cx("sr-only", classes.input), checked: value, onChange: handleOnChange, disabled: disabled }), _jsx("div", { className: cx("relative bg-[var(--refraktor-bg)] transition-all shrink-0 group", "data-[checked=true]:bg-[var(--refraktor-primary)]", "flex items-center p-0.5", sizeClass.track, getRadius(radius), classes.track), "data-checked": value, children: _jsx("span", { className: cx("bg-[var(--refraktor-colors-white)] group-data-[checked=true]:bg-[var(--refraktor-primary-text)] shadow-sm transition-all pointer-events-none", sizeClass.thumb, getRadius(radius), classes.thumb) }) }), label && (_jsx("span", { className: cx("text-[var(--refraktor-text)]", labelPosition === "left" ? "mr-2" : "ml-2", sizeClass.label, classes.label), children: label }))] }), description && (_jsx("p", { className: "text-[var(--refraktor-text-tertiary)] text-xs mt-1", children: description })), error && error !== true && (_jsx("p", { className: "text-[var(--refraktor-colors-red-5)] text-xs mt-1", children: error }))] }));
|
|
27
27
|
});
|
|
28
28
|
Switch.displayName = "@refraktor/core/Switch";
|
|
29
29
|
Switch.configure = createComponentConfig();
|