@deepnoid/ui 0.1.120 → 0.1.122
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 +157 -157
- package/dist/{chunk-IJS5AWD2.mjs → chunk-27K5BTEL.mjs} +1 -1
- package/dist/{chunk-EXUHHLSA.mjs → chunk-2IOTRPCS.mjs} +1 -1
- package/dist/{chunk-CMMVXFHD.mjs → chunk-3F6OF2QS.mjs} +1 -1
- package/dist/{chunk-YLHOBT6S.mjs → chunk-5MINOKNM.mjs} +1 -1
- package/dist/{chunk-NV5Z6ZUO.mjs → chunk-6JLHCQH7.mjs} +1 -1
- package/dist/{chunk-YUS5SELP.mjs → chunk-AT6GNVOQ.mjs} +1 -1
- package/dist/{chunk-CTWYY7Z2.mjs → chunk-BG4DIGKH.mjs} +14 -8
- package/dist/{chunk-3M6VYLOU.mjs → chunk-D6MHTE5L.mjs} +6 -6
- package/dist/{chunk-NMZFSNPE.mjs → chunk-DD6HAIW3.mjs} +1 -1
- package/dist/{chunk-OBMO6LRA.mjs → chunk-DLNGJVFS.mjs} +1 -1
- package/dist/{chunk-MHZ4BO5M.mjs → chunk-E2LGBO2H.mjs} +2 -2
- package/dist/{chunk-MIVGSJFF.mjs → chunk-GZEAMYAO.mjs} +190 -94
- package/dist/{chunk-BBQNVDIA.mjs → chunk-HX64P3XQ.mjs} +2 -2
- package/dist/{chunk-KCOS2KC6.mjs → chunk-LOYDOCOR.mjs} +2 -2
- package/dist/{chunk-Q5634WTM.mjs → chunk-RVFSQFWS.mjs} +3 -3
- package/dist/{chunk-27WK5334.mjs → chunk-VEBJS4SC.mjs} +2 -2
- package/dist/{chunk-RJPBLIEF.mjs → chunk-VOKDAIUY.mjs} +1 -1
- package/dist/{chunk-NITERGU5.mjs → chunk-WB7Z54CF.mjs} +4 -4
- package/dist/{chunk-SS6EG5JO.mjs → chunk-XOUAUSP4.mjs} +1 -1
- package/dist/{chunk-EM2NIGNZ.mjs → chunk-YZ57UYAS.mjs} +1 -1
- package/dist/components/avatar/avatar.js +14 -8
- package/dist/components/avatar/avatar.mjs +2 -2
- package/dist/components/avatar/index.js +14 -8
- package/dist/components/avatar/index.mjs +2 -2
- package/dist/components/breadcrumb/breadcrumb.js +14 -8
- package/dist/components/breadcrumb/breadcrumb.mjs +5 -5
- package/dist/components/breadcrumb/index.js +14 -8
- package/dist/components/breadcrumb/index.mjs +5 -5
- package/dist/components/button/button.js +14 -8
- package/dist/components/button/button.mjs +3 -3
- package/dist/components/button/icon-button.js +14 -8
- package/dist/components/button/icon-button.mjs +3 -3
- package/dist/components/button/index.js +14 -8
- package/dist/components/button/index.mjs +4 -4
- package/dist/components/chip/chip.js +14 -8
- package/dist/components/chip/chip.mjs +3 -3
- package/dist/components/chip/index.js +14 -8
- package/dist/components/chip/index.mjs +3 -3
- package/dist/components/fileUpload/fileUpload.js +14 -8
- package/dist/components/fileUpload/fileUpload.mjs +6 -6
- package/dist/components/fileUpload/index.js +14 -8
- package/dist/components/fileUpload/index.mjs +6 -6
- package/dist/components/icon/Icon.d.mts +1 -1
- package/dist/components/icon/Icon.d.ts +1 -1
- package/dist/components/icon/Icon.js +14 -8
- package/dist/components/icon/Icon.mjs +2 -2
- package/dist/components/icon/index.js +14 -8
- package/dist/components/icon/index.mjs +2 -2
- package/dist/components/icon/template.d.mts +1 -1
- package/dist/components/icon/template.d.ts +1 -1
- package/dist/components/icon/template.js +14 -8
- package/dist/components/icon/template.mjs +1 -1
- package/dist/components/input/index.js +14 -8
- package/dist/components/input/index.mjs +3 -3
- package/dist/components/input/input.js +14 -8
- package/dist/components/input/input.mjs +3 -3
- package/dist/components/list/index.js +14 -8
- package/dist/components/list/index.mjs +4 -4
- package/dist/components/list/listItem.js +14 -8
- package/dist/components/list/listItem.mjs +4 -4
- package/dist/components/modal/index.js +14 -8
- package/dist/components/modal/index.mjs +5 -5
- package/dist/components/modal/modal.js +14 -8
- package/dist/components/modal/modal.mjs +5 -5
- package/dist/components/pagination/index.js +14 -8
- package/dist/components/pagination/index.mjs +4 -4
- package/dist/components/pagination/pagination.js +14 -8
- package/dist/components/pagination/pagination.mjs +4 -4
- package/dist/components/picker/datePicker.js +14 -8
- package/dist/components/picker/datePicker.mjs +6 -6
- package/dist/components/picker/index.js +203 -101
- package/dist/components/picker/index.mjs +8 -8
- package/dist/components/picker/timePicker.js +203 -101
- package/dist/components/picker/timePicker.mjs +4 -4
- package/dist/components/select/index.d.mts +3 -0
- package/dist/components/select/index.d.ts +3 -0
- package/dist/components/select/index.js +203 -101
- package/dist/components/select/index.mjs +3 -3
- package/dist/components/select/select.d.mts +79 -9
- package/dist/components/select/select.d.ts +79 -9
- package/dist/components/select/select.js +203 -101
- package/dist/components/select/select.mjs +3 -3
- package/dist/components/table/definition-table.d.mts +2 -2
- package/dist/components/table/definition-table.d.ts +2 -2
- package/dist/components/table/definition-table.js +6 -6
- package/dist/components/table/definition-table.mjs +1 -1
- package/dist/components/table/index.js +20 -14
- package/dist/components/table/index.mjs +6 -6
- package/dist/components/table/table-body.js +14 -8
- package/dist/components/table/table-body.mjs +5 -5
- package/dist/components/table/table-head.js +14 -8
- package/dist/components/table/table-head.mjs +5 -5
- package/dist/components/table/table.js +14 -8
- package/dist/components/table/table.mjs +5 -5
- package/dist/components/toast/index.js +14 -8
- package/dist/components/toast/index.mjs +4 -4
- package/dist/components/toast/toast.js +14 -8
- package/dist/components/toast/toast.mjs +3 -3
- package/dist/components/toast/use-toast.js +14 -8
- package/dist/components/toast/use-toast.mjs +4 -4
- package/dist/components/tree/index.js +14 -8
- package/dist/components/tree/index.mjs +3 -3
- package/dist/components/tree/tree.js +14 -8
- package/dist/components/tree/tree.mjs +3 -3
- package/dist/index.js +209 -107
- package/dist/index.mjs +24 -24
- package/package.json +1 -1
|
@@ -1770,22 +1770,28 @@ var template = {
|
|
|
1770
1770
|
}
|
|
1771
1771
|
);
|
|
1772
1772
|
},
|
|
1773
|
-
|
|
1774
|
-
// ** Status **
|
|
1775
|
-
check: ({ className, fill }) => {
|
|
1773
|
+
check: ({ className }) => {
|
|
1776
1774
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1777
1775
|
"svg",
|
|
1778
1776
|
{
|
|
1779
|
-
width: "24",
|
|
1780
|
-
height: "24",
|
|
1781
|
-
viewBox: "0 0 24 24",
|
|
1782
|
-
fill: "none",
|
|
1783
1777
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1778
|
+
width: "27",
|
|
1779
|
+
height: "28",
|
|
1780
|
+
viewBox: "0 0 27 28",
|
|
1781
|
+
fill: "none",
|
|
1784
1782
|
className,
|
|
1785
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1783
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1784
|
+
"path",
|
|
1785
|
+
{
|
|
1786
|
+
d: "M21.9264 5.20931C22.1812 5.39338 22.3846 5.59774 22.4858 5.90334C22.5588 6.45228 22.3415 6.78579 22.0286 7.20666C21.9576 7.30047 21.8864 7.39405 21.8151 7.48762C21.6895 7.65415 21.5677 7.8235 21.4454 7.99253C21.2259 8.29482 21.0028 8.59408 20.7773 8.89185C20.4766 9.2892 20.1815 9.69044 19.889 10.094C19.8125 10.1993 19.7358 10.3044 19.659 10.4094C19.4079 10.7529 19.1577 11.0971 18.91 11.4431C18.8896 11.4716 18.8692 11.5001 18.8482 11.5294C18.7754 11.6314 18.703 11.7337 18.6307 11.8361C18.6035 11.8747 18.6035 11.8747 18.5756 11.9141C18.2362 12.3955 17.9059 12.8824 17.5821 13.3746C17.5478 13.4267 17.5478 13.4267 17.5128 13.4798C16.951 14.3338 16.425 15.1996 15.9364 16.0988C15.8817 16.1993 15.8266 16.2995 15.7713 16.3996C14.803 18.183 14.0974 20.1792 13.8032 22.1948C13.7275 22.4843 13.5304 22.7004 13.2862 22.8603C12.8671 23.0504 12.4792 23.0344 12.0524 22.8851C11.7159 22.6982 11.4492 22.3832 11.1807 22.1105C11.1305 22.06 11.1305 22.06 11.0793 22.0085C11.0463 21.9751 11.0133 21.9417 10.9793 21.9072C10.9355 21.8629 10.9355 21.8629 10.8908 21.8177C10.812 21.7336 10.738 21.6487 10.664 21.5606C10.4051 21.26 10.1208 20.9832 9.84198 20.7018C9.77941 20.6385 9.71685 20.5753 9.65429 20.512C9.52361 20.3798 9.39285 20.2478 9.26203 20.1158C9.0951 19.9473 8.92837 19.7787 8.76169 19.61C8.63267 19.4794 8.50355 19.349 8.37439 19.2186C8.3129 19.1564 8.25145 19.0943 8.19002 19.0321C7.78034 18.6148 7.78034 18.6148 7.3481 18.2218C7.26354 18.1493 7.18628 18.0708 7.1093 17.9902C6.97131 17.8488 6.8284 17.7169 6.67944 17.5876C6.56805 17.4895 6.45958 17.3885 6.35088 17.2873C6.15574 17.1075 5.95513 16.937 5.74972 16.7694C5.52338 16.5822 5.30225 16.3888 5.08115 16.1954C5.02902 16.1502 4.97647 16.1055 4.92361 16.0611C4.88291 16.0268 4.88291 16.0268 4.84139 15.9918C4.81684 15.9713 4.79228 15.9509 4.76699 15.9298C4.5693 15.7391 4.51301 15.5207 4.5 15.2507C4.5151 14.872 4.65787 14.6052 4.92439 14.3431C5.23566 14.0858 5.58225 13.9705 5.98399 13.9889C6.39409 14.0467 6.67261 14.2696 6.97788 14.5368C7.04531 14.5941 7.11275 14.6513 7.18024 14.7085C7.27801 14.7916 7.37519 14.8755 7.47238 14.9593C7.54704 15.0235 7.62196 15.0874 7.69694 15.1513C8.02915 15.4353 8.34957 15.7298 8.66619 16.0314C8.78965 16.1489 8.91524 16.2635 9.04232 16.3769C9.24098 16.556 9.42848 16.745 9.61441 16.9374C9.73206 17.0583 9.85175 17.1731 9.97956 17.283C10.2352 17.5064 10.4711 17.7507 10.7095 17.9925C10.7917 18.0758 10.8741 18.1589 10.9566 18.2419C11.4347 18.7249 11.4347 18.7249 11.6464 18.9799C11.7218 19.0675 11.8025 19.1485 11.8843 19.2299C11.898 19.1896 11.9116 19.1493 11.9257 19.1078C12.2024 18.2927 12.4869 17.488 12.8481 16.7062C12.8687 16.6616 12.8892 16.617 12.9104 16.571C13.6549 14.9617 14.5337 13.4385 15.5204 11.9689C15.553 11.9203 15.553 11.9203 15.5863 11.8707C16.0931 11.1161 16.6136 10.3732 17.1508 9.6404C17.2538 9.49984 17.3564 9.35903 17.4591 9.2182C17.5357 9.11296 17.6125 9.00777 17.6892 8.90257C17.7905 8.76367 17.8916 8.62462 17.9924 8.48543C18.2637 8.11165 18.5381 7.74072 18.8169 7.37269C19.0086 7.11969 19.1989 6.86631 19.381 6.6062C19.4144 6.55854 19.4478 6.51089 19.4823 6.46179C19.5085 6.42434 19.5085 6.42434 19.5353 6.38614C19.6584 6.21085 19.782 6.03602 19.9066 5.86184C19.9313 5.8267 19.9559 5.79157 19.9813 5.75537C20.4573 5.09349 21.1643 4.75205 21.9264 5.20931Z",
|
|
1787
|
+
fill: "currentColor"
|
|
1788
|
+
}
|
|
1789
|
+
)
|
|
1786
1790
|
}
|
|
1787
1791
|
);
|
|
1788
1792
|
},
|
|
1793
|
+
// ----------------------------------- old ---------------------------------
|
|
1794
|
+
// ** Status **
|
|
1789
1795
|
"plus-circle": ({ className, fill }) => {
|
|
1790
1796
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1791
1797
|
"svg",
|
|
@@ -6825,6 +6831,9 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
|
|
|
6825
6831
|
defaultSelectedOptions,
|
|
6826
6832
|
onChange,
|
|
6827
6833
|
multiple,
|
|
6834
|
+
dropdownIconName = "brace-up",
|
|
6835
|
+
optionIconName,
|
|
6836
|
+
optionIconPlacement,
|
|
6828
6837
|
...inputProps
|
|
6829
6838
|
} = props;
|
|
6830
6839
|
const slots = (0, import_react8.useMemo)(() => select({ ...variantProps }), [variantProps]);
|
|
@@ -6835,19 +6844,22 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
|
|
|
6835
6844
|
const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
|
|
6836
6845
|
const selectWrapperRef = (0, import_react8.useRef)(null);
|
|
6837
6846
|
const optionWrapperRef = (0, import_react8.useRef)(null);
|
|
6838
|
-
const
|
|
6839
|
-
|
|
6840
|
-
|
|
6841
|
-
|
|
6842
|
-
|
|
6843
|
-
|
|
6844
|
-
|
|
6845
|
-
setTargetRect(rect);
|
|
6846
|
-
setIsVisible(true);
|
|
6847
|
-
requestAnimationFrame(() => setIsOpen(true));
|
|
6848
|
-
}
|
|
6847
|
+
const isControlled = originalProps.value !== void 0;
|
|
6848
|
+
const openSelect = () => {
|
|
6849
|
+
if (selectWrapperRef.current) {
|
|
6850
|
+
const rect = selectWrapperRef.current.getBoundingClientRect();
|
|
6851
|
+
setTargetRect(rect);
|
|
6852
|
+
setIsVisible(true);
|
|
6853
|
+
requestAnimationFrame(() => setIsOpen(true));
|
|
6849
6854
|
}
|
|
6850
6855
|
};
|
|
6856
|
+
const closeSelect = () => {
|
|
6857
|
+
setIsOpen(false);
|
|
6858
|
+
setTimeout(() => setIsVisible(false), 150);
|
|
6859
|
+
};
|
|
6860
|
+
const handleToggleSelect = () => {
|
|
6861
|
+
isOpen ? closeSelect() : openSelect();
|
|
6862
|
+
};
|
|
6851
6863
|
const calculatePositionWithScroll = (rect, height) => {
|
|
6852
6864
|
const scrollTop = window.scrollY;
|
|
6853
6865
|
const scrollLeft = window.scrollX;
|
|
@@ -6866,8 +6878,7 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
|
|
|
6866
6878
|
nextOptions = exists ? selectedOptions.filter((o) => o.value !== option.value) : [...selectedOptions, option];
|
|
6867
6879
|
} else {
|
|
6868
6880
|
nextOptions = [option];
|
|
6869
|
-
|
|
6870
|
-
setTimeout(() => setIsVisible(false), 150);
|
|
6881
|
+
closeSelect();
|
|
6871
6882
|
}
|
|
6872
6883
|
setSelectedOptions(nextOptions);
|
|
6873
6884
|
onChange == null ? void 0 : onChange(nextOptions);
|
|
@@ -6875,9 +6886,9 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
|
|
|
6875
6886
|
(0, import_react8.useEffect)(() => {
|
|
6876
6887
|
const handleClickOutside = (e) => {
|
|
6877
6888
|
var _a2;
|
|
6878
|
-
|
|
6879
|
-
|
|
6880
|
-
|
|
6889
|
+
const target = e.target;
|
|
6890
|
+
if (optionWrapperRef.current && !optionWrapperRef.current.contains(target) && !((_a2 = selectWrapperRef.current) == null ? void 0 : _a2.contains(target))) {
|
|
6891
|
+
closeSelect();
|
|
6881
6892
|
}
|
|
6882
6893
|
};
|
|
6883
6894
|
window.addEventListener("mousedown", handleClickOutside);
|
|
@@ -6888,42 +6899,63 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
|
|
|
6888
6899
|
setOptionWrapperHeight(optionWrapperRef.current.getBoundingClientRect().height);
|
|
6889
6900
|
}
|
|
6890
6901
|
}, [targetRect]);
|
|
6891
|
-
const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
|
|
6892
|
-
const displayValue = multiple ? selectedOptions.map((opt) => opt.label).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.label) || "";
|
|
6893
|
-
const selectedValue = multiple ? selectedOptions.map((opt) => opt.value).join(", ") : ((_b = selectedOptions[0]) == null ? void 0 : _b.value) || "";
|
|
6894
|
-
const Option = ({
|
|
6895
|
-
option,
|
|
6896
|
-
isSelected,
|
|
6897
|
-
onClick
|
|
6898
|
-
}) => {
|
|
6899
|
-
const slot = select({ ...variantProps, isSelected });
|
|
6900
|
-
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
6901
|
-
"div",
|
|
6902
|
-
{
|
|
6903
|
-
role: "option",
|
|
6904
|
-
title: option.label,
|
|
6905
|
-
onClick,
|
|
6906
|
-
className: clsx(slot.option({ class: classNames == null ? void 0 : classNames.option })),
|
|
6907
|
-
children: [
|
|
6908
|
-
option.label,
|
|
6909
|
-
isSelected && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon_default, { name: "check", size: originalProps.size })
|
|
6910
|
-
]
|
|
6911
|
-
}
|
|
6912
|
-
);
|
|
6913
|
-
};
|
|
6914
|
-
const isControlled = originalProps.value !== void 0;
|
|
6915
6902
|
(0, import_react8.useEffect)(() => {
|
|
6916
6903
|
if (isControlled) {
|
|
6917
6904
|
const valueArray = Array.isArray(originalProps.value) ? originalProps.value : [originalProps.value];
|
|
6918
|
-
const
|
|
6919
|
-
setSelectedOptions(
|
|
6920
|
-
}
|
|
6921
|
-
}, [originalProps.value, options]);
|
|
6922
|
-
(0, import_react8.useEffect)(() => {
|
|
6923
|
-
if (!isControlled && defaultSelectedOptions) {
|
|
6905
|
+
const matched = options.filter((opt) => valueArray.includes(opt.value));
|
|
6906
|
+
setSelectedOptions(matched);
|
|
6907
|
+
} else if (defaultSelectedOptions) {
|
|
6924
6908
|
setSelectedOptions(defaultSelectedOptions);
|
|
6925
6909
|
}
|
|
6926
|
-
}, [defaultSelectedOptions]);
|
|
6910
|
+
}, [originalProps.value, defaultSelectedOptions, options]);
|
|
6911
|
+
const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
|
|
6912
|
+
const displayValue = multiple ? selectedOptions.map((opt) => opt.label).join(", ") : ((_a = selectedOptions[0]) == null ? void 0 : _a.label) || "";
|
|
6913
|
+
const selectedValue = multiple ? selectedOptions.map((opt) => opt.value).join(",") : ((_b = selectedOptions[0]) == null ? void 0 : _b.value) || "";
|
|
6914
|
+
const renderOptions = () => {
|
|
6915
|
+
if (!isVisible) return null;
|
|
6916
|
+
return (0, import_react_dom2.createPortal)(
|
|
6917
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
6918
|
+
"div",
|
|
6919
|
+
{
|
|
6920
|
+
ref: optionWrapperRef,
|
|
6921
|
+
role: "listbox",
|
|
6922
|
+
className: slots.optionsWrapper({ class: classNames == null ? void 0 : classNames.optionsWrapper }),
|
|
6923
|
+
style: {
|
|
6924
|
+
position: "absolute",
|
|
6925
|
+
top: position == null ? void 0 : position.top,
|
|
6926
|
+
left: position == null ? void 0 : position.left,
|
|
6927
|
+
width: targetRect == null ? void 0 : targetRect.width,
|
|
6928
|
+
zIndex: 1e3,
|
|
6929
|
+
opacity: isOpen ? 1 : 0,
|
|
6930
|
+
transform: isOpen ? "translateY(0)" : "translateY(-0.25rem)",
|
|
6931
|
+
transition: "opacity 150ms ease-out, transform 150ms ease-out"
|
|
6932
|
+
},
|
|
6933
|
+
children: options.map((option) => {
|
|
6934
|
+
const isSelected = selectedOptions.some((o) => o.value === option.value);
|
|
6935
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
6936
|
+
"div",
|
|
6937
|
+
{
|
|
6938
|
+
role: "option",
|
|
6939
|
+
title: option.label,
|
|
6940
|
+
onClick: () => handleChangeOption(option),
|
|
6941
|
+
className: clsx(
|
|
6942
|
+
select({ ...variantProps, isSelected }).option({ class: classNames == null ? void 0 : classNames.option }),
|
|
6943
|
+
optionIconPlacement === "end" ? "justify-between" : ""
|
|
6944
|
+
),
|
|
6945
|
+
children: [
|
|
6946
|
+
optionIconName && optionIconPlacement === "start" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon_default, { name: optionIconName, size: originalProps.size }),
|
|
6947
|
+
option.label,
|
|
6948
|
+
optionIconName && optionIconPlacement === "end" && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon_default, { name: optionIconName, size: originalProps.size })
|
|
6949
|
+
]
|
|
6950
|
+
},
|
|
6951
|
+
option.value
|
|
6952
|
+
);
|
|
6953
|
+
})
|
|
6954
|
+
}
|
|
6955
|
+
),
|
|
6956
|
+
document.body
|
|
6957
|
+
);
|
|
6958
|
+
};
|
|
6927
6959
|
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
|
|
6928
6960
|
/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
6929
6961
|
"div",
|
|
@@ -6965,7 +6997,7 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
|
|
|
6965
6997
|
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
6966
6998
|
Icon_default,
|
|
6967
6999
|
{
|
|
6968
|
-
name:
|
|
7000
|
+
name: dropdownIconName,
|
|
6969
7001
|
size: originalProps.size,
|
|
6970
7002
|
className: `transition-transform duration-200 ${isOpen ? "rotate-0" : "rotate-180"}`
|
|
6971
7003
|
}
|
|
@@ -6979,39 +7011,7 @@ var Select = (0, import_react8.forwardRef)((originalProps, ref) => {
|
|
|
6979
7011
|
]
|
|
6980
7012
|
}
|
|
6981
7013
|
),
|
|
6982
|
-
|
|
6983
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
6984
|
-
"div",
|
|
6985
|
-
{
|
|
6986
|
-
ref: optionWrapperRef,
|
|
6987
|
-
role: "listbox",
|
|
6988
|
-
className: slots.optionsWrapper({ class: classNames == null ? void 0 : classNames.optionsWrapper }),
|
|
6989
|
-
style: {
|
|
6990
|
-
position: "absolute",
|
|
6991
|
-
top: position == null ? void 0 : position.top,
|
|
6992
|
-
left: position == null ? void 0 : position.left,
|
|
6993
|
-
width: targetRect == null ? void 0 : targetRect.width,
|
|
6994
|
-
zIndex: 1e3,
|
|
6995
|
-
opacity: isOpen ? 1 : 0,
|
|
6996
|
-
transform: isOpen ? "translateY(0)" : "translateY(-0.25rem)",
|
|
6997
|
-
transition: "opacity 150ms ease-out, transform 150ms ease-out"
|
|
6998
|
-
},
|
|
6999
|
-
children: options.map((option) => {
|
|
7000
|
-
const isSelected = selectedOptions.some((o) => o.value === option.value);
|
|
7001
|
-
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
7002
|
-
Option,
|
|
7003
|
-
{
|
|
7004
|
-
option,
|
|
7005
|
-
isSelected,
|
|
7006
|
-
onClick: () => handleChangeOption(option)
|
|
7007
|
-
},
|
|
7008
|
-
option.value
|
|
7009
|
-
);
|
|
7010
|
-
})
|
|
7011
|
-
}
|
|
7012
|
-
),
|
|
7013
|
-
document.body
|
|
7014
|
-
)
|
|
7014
|
+
renderOptions()
|
|
7015
7015
|
] });
|
|
7016
7016
|
});
|
|
7017
7017
|
Select.displayName = "Select";
|
|
@@ -7027,9 +7027,9 @@ var select = tv({
|
|
|
7027
7027
|
"flex",
|
|
7028
7028
|
"items-center",
|
|
7029
7029
|
"justify-between",
|
|
7030
|
-
"border",
|
|
7031
7030
|
"cursor-pointer",
|
|
7032
7031
|
"text-neutral-main",
|
|
7032
|
+
"bg-body-background",
|
|
7033
7033
|
"hover:bg-trans-soft",
|
|
7034
7034
|
"group-has-[p.error]/select:border-danger-main",
|
|
7035
7035
|
"group-has-[p.error]/select:bg-danger-soft",
|
|
@@ -7045,22 +7045,59 @@ var select = tv({
|
|
|
7045
7045
|
"group-has-[p.error]/select:text-danger-main",
|
|
7046
7046
|
"group-has-[p.error]/select:placeholder:text-danger-main"
|
|
7047
7047
|
],
|
|
7048
|
-
optionsWrapper: ["
|
|
7049
|
-
option: [
|
|
7048
|
+
optionsWrapper: ["bg-body-background", "overflow-auto", "flex", "flex-col", "gap-[10px]"],
|
|
7049
|
+
option: [
|
|
7050
|
+
"flex",
|
|
7051
|
+
"items-center",
|
|
7052
|
+
"cursor-pointer",
|
|
7053
|
+
"text-neutral-dark",
|
|
7054
|
+
"hover:bg-trans-soft",
|
|
7055
|
+
"hover:text-neutral-strong"
|
|
7056
|
+
],
|
|
7050
7057
|
helperMessage: ["text-neutral-main"],
|
|
7051
7058
|
errorMessage: ["text-danger-main"],
|
|
7052
7059
|
readonly: ["pointer-events-none", "!bg-trans-soft"]
|
|
7053
7060
|
},
|
|
7054
7061
|
variants: {
|
|
7062
|
+
variant: {
|
|
7063
|
+
solid: {
|
|
7064
|
+
selectWrapper: ["border-transparent", "bg-trans-soft"],
|
|
7065
|
+
option: [],
|
|
7066
|
+
readonlyWrapper: ["!bg-trans-light"]
|
|
7067
|
+
},
|
|
7068
|
+
outline: {
|
|
7069
|
+
selectWrapper: [
|
|
7070
|
+
"border-neutral-light",
|
|
7071
|
+
"border",
|
|
7072
|
+
"group-has-[:hover]/select:bg-trans-soft",
|
|
7073
|
+
"group-has-[:focus]/select:bg-body-background",
|
|
7074
|
+
"group-has-[p.error]/select:border-danger-main"
|
|
7075
|
+
],
|
|
7076
|
+
option: [],
|
|
7077
|
+
readonlyWrapper: ["!bg-trans-soft"]
|
|
7078
|
+
},
|
|
7079
|
+
underline: {
|
|
7080
|
+
selectWrapper: [
|
|
7081
|
+
"bg-transparent",
|
|
7082
|
+
"border-neutral-light",
|
|
7083
|
+
"!rounded-none",
|
|
7084
|
+
"group-has-[:hover]/select:bg-trans-soft",
|
|
7085
|
+
"group-has-[:focus]/select:bg-body-background",
|
|
7086
|
+
"group-has-[p.error]/select:border-danger-main"
|
|
7087
|
+
],
|
|
7088
|
+
option: ["!rounded-none"],
|
|
7089
|
+
readonlyWrapper: ["!bg-trans-soft"]
|
|
7090
|
+
}
|
|
7091
|
+
},
|
|
7055
7092
|
color: {
|
|
7056
7093
|
primary: {
|
|
7057
7094
|
selectWrapper: ["text-primary-main"],
|
|
7058
|
-
option: [
|
|
7095
|
+
option: [],
|
|
7059
7096
|
helperMessage: ["text-primary-main"]
|
|
7060
7097
|
},
|
|
7061
7098
|
secondary: {
|
|
7062
7099
|
selectWrapper: ["text-secondary-main"],
|
|
7063
|
-
option: [
|
|
7100
|
+
option: [],
|
|
7064
7101
|
helperMessage: ["text-secondary-main"]
|
|
7065
7102
|
}
|
|
7066
7103
|
},
|
|
@@ -7071,7 +7108,8 @@ var select = tv({
|
|
|
7071
7108
|
wrapper: ["gap-[4px]"],
|
|
7072
7109
|
selectWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]"],
|
|
7073
7110
|
select: ["text-sm"],
|
|
7074
|
-
|
|
7111
|
+
optionsWrapper: ["shadow-drop-sm", "rounded-sm", "p-[4px]"],
|
|
7112
|
+
option: ["px-[4px]", "py-[3px]", "rounded-sm", "text-sm", "gap-[4px]"],
|
|
7075
7113
|
helperMessage: ["text-sm"],
|
|
7076
7114
|
errorMessage: ["text-sm"]
|
|
7077
7115
|
},
|
|
@@ -7081,7 +7119,8 @@ var select = tv({
|
|
|
7081
7119
|
wrapper: ["gap-[6px]"],
|
|
7082
7120
|
selectWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]"],
|
|
7083
7121
|
select: ["text-md"],
|
|
7084
|
-
|
|
7122
|
+
optionsWrapper: ["shadow-drop-md", "rounded-md", "p-[6px]"],
|
|
7123
|
+
option: ["px-[6px]", "py-[5.5px]", "rounded-md", "text-md", "gap-[6px]"],
|
|
7085
7124
|
helperMessage: ["text-sm"],
|
|
7086
7125
|
errorMessage: ["text-sm"]
|
|
7087
7126
|
},
|
|
@@ -7091,7 +7130,8 @@ var select = tv({
|
|
|
7091
7130
|
wrapper: ["gap-[8px]"],
|
|
7092
7131
|
selectWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]"],
|
|
7093
7132
|
select: ["text-lg"],
|
|
7094
|
-
|
|
7133
|
+
optionsWrapper: ["shadow-drop-lg", "rounded-lg", "p-[8px]"],
|
|
7134
|
+
option: ["px-[8px]", "py-[8px]", "rounded-lg", "text-lg", "gap-[8px]"],
|
|
7095
7135
|
helperMessage: ["text-md"],
|
|
7096
7136
|
errorMessage: ["text-md"]
|
|
7097
7137
|
},
|
|
@@ -7099,9 +7139,10 @@ var select = tv({
|
|
|
7099
7139
|
base: ["text-xl", "gap-[10px]"],
|
|
7100
7140
|
label: ["text-xl"],
|
|
7101
7141
|
wrapper: ["gap-[10px]"],
|
|
7102
|
-
selectWrapper: ["w-[240px]", "h-[50px]", "rounded-
|
|
7142
|
+
selectWrapper: ["w-[240px]", "h-[50px]", "rounded-xl", "px-[10px]"],
|
|
7103
7143
|
select: ["text-xl"],
|
|
7104
|
-
|
|
7144
|
+
optionsWrapper: ["shadow-drop-xl", "rounded-xl", "p-[10px]"],
|
|
7145
|
+
option: ["px-[10px]", "py-[11.5px]", , "rounded-xl", "text-xl", "gap-[10px]"],
|
|
7105
7146
|
helperMessage: ["text-md"],
|
|
7106
7147
|
errorMessage: ["text-md"]
|
|
7107
7148
|
}
|
|
@@ -7143,22 +7184,83 @@ var select = tv({
|
|
|
7143
7184
|
}
|
|
7144
7185
|
},
|
|
7145
7186
|
compoundVariants: [
|
|
7187
|
+
{
|
|
7188
|
+
variant: "outline",
|
|
7189
|
+
size: "sm",
|
|
7190
|
+
class: {
|
|
7191
|
+
option: ["hover:shadow-[inset_0_0_0_1px_var(--dn-neutral-light)]"]
|
|
7192
|
+
}
|
|
7193
|
+
},
|
|
7194
|
+
{
|
|
7195
|
+
variant: "outline",
|
|
7196
|
+
size: "md",
|
|
7197
|
+
class: {
|
|
7198
|
+
option: ["hover:shadow-[inset_0_0_0_1.25px_var(--dn-neutral-light)]"]
|
|
7199
|
+
}
|
|
7200
|
+
},
|
|
7201
|
+
{
|
|
7202
|
+
variant: "outline",
|
|
7203
|
+
size: "lg",
|
|
7204
|
+
class: {
|
|
7205
|
+
option: ["hover:shadow-[inset_0_0_0_1.5px_var(--dn-neutral-light)]"]
|
|
7206
|
+
}
|
|
7207
|
+
},
|
|
7208
|
+
{
|
|
7209
|
+
variant: "outline",
|
|
7210
|
+
size: "xl",
|
|
7211
|
+
class: {
|
|
7212
|
+
option: ["hover:shadow-[inset_0_0_0_1.75px_var(--dn-neutral-light)]"]
|
|
7213
|
+
}
|
|
7214
|
+
},
|
|
7215
|
+
{
|
|
7216
|
+
variant: "underline",
|
|
7217
|
+
size: "sm",
|
|
7218
|
+
class: {
|
|
7219
|
+
selectWrapper: ["border-b-sm"],
|
|
7220
|
+
option: ["hover:shadow-[inset_0_-1px_0_0_var(--dn-neutral-light)]"]
|
|
7221
|
+
}
|
|
7222
|
+
},
|
|
7223
|
+
{
|
|
7224
|
+
variant: "underline",
|
|
7225
|
+
size: "md",
|
|
7226
|
+
class: {
|
|
7227
|
+
selectWrapper: ["border-b-md"],
|
|
7228
|
+
option: ["hover:shadow-[inset_0_-1.25px_0_0_var(--dn-neutral-light)]"]
|
|
7229
|
+
}
|
|
7230
|
+
},
|
|
7231
|
+
{
|
|
7232
|
+
variant: "underline",
|
|
7233
|
+
size: "lg",
|
|
7234
|
+
class: {
|
|
7235
|
+
selectWrapper: ["border-b-lg"],
|
|
7236
|
+
option: ["hover:shadow-[inset_0_-1.5px_0_0_var(--dn-neutral-light)]"]
|
|
7237
|
+
}
|
|
7238
|
+
},
|
|
7239
|
+
{
|
|
7240
|
+
variant: "underline",
|
|
7241
|
+
size: "xl",
|
|
7242
|
+
class: {
|
|
7243
|
+
selectWrapper: ["border-b-xl"],
|
|
7244
|
+
option: ["hover:shadow-[inset_0_-1.75px_0_0_var(--dn-neutral-light)]"]
|
|
7245
|
+
}
|
|
7246
|
+
},
|
|
7146
7247
|
{
|
|
7147
7248
|
color: "primary",
|
|
7148
7249
|
isSelected: true,
|
|
7149
7250
|
class: {
|
|
7150
|
-
option: "
|
|
7251
|
+
option: ["text-primary-main"]
|
|
7151
7252
|
}
|
|
7152
7253
|
},
|
|
7153
7254
|
{
|
|
7154
7255
|
color: "secondary",
|
|
7155
7256
|
isSelected: true,
|
|
7156
7257
|
class: {
|
|
7157
|
-
option: "
|
|
7258
|
+
option: ["text-secondary-main"]
|
|
7158
7259
|
}
|
|
7159
7260
|
}
|
|
7160
7261
|
],
|
|
7161
7262
|
defaultVariants: {
|
|
7263
|
+
variant: "solid",
|
|
7162
7264
|
color: "primary",
|
|
7163
7265
|
size: "md",
|
|
7164
7266
|
direction: "vertical",
|
|
@@ -2,30 +2,30 @@
|
|
|
2
2
|
import "../../chunk-4VWG4726.mjs";
|
|
3
3
|
import {
|
|
4
4
|
datePicker_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-WB7Z54CF.mjs";
|
|
6
6
|
import {
|
|
7
7
|
day_default
|
|
8
8
|
} from "../../chunk-4DESGO3D.mjs";
|
|
9
9
|
import {
|
|
10
10
|
timePicker_default
|
|
11
|
-
} from "../../chunk-
|
|
11
|
+
} from "../../chunk-E2LGBO2H.mjs";
|
|
12
12
|
import "../../chunk-QCEKPS7U.mjs";
|
|
13
|
-
import "../../chunk-
|
|
13
|
+
import "../../chunk-GZEAMYAO.mjs";
|
|
14
14
|
import "../../chunk-FWFEKWWD.mjs";
|
|
15
15
|
import "../../chunk-2GCSFWHD.mjs";
|
|
16
|
-
import "../../chunk-
|
|
16
|
+
import "../../chunk-3F6OF2QS.mjs";
|
|
17
17
|
import "../../chunk-MY5U63QO.mjs";
|
|
18
18
|
import "../../chunk-Q364C3FI.mjs";
|
|
19
19
|
import "../../chunk-ITWKPTSD.mjs";
|
|
20
|
-
import "../../chunk-
|
|
21
|
-
import "../../chunk-
|
|
20
|
+
import "../../chunk-XOUAUSP4.mjs";
|
|
21
|
+
import "../../chunk-6JLHCQH7.mjs";
|
|
22
22
|
import "../../chunk-6WSACUIB.mjs";
|
|
23
23
|
import "../../chunk-LXHUO6VM.mjs";
|
|
24
24
|
import "../../chunk-SZL743JC.mjs";
|
|
25
25
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
26
|
-
import "../../chunk-
|
|
26
|
+
import "../../chunk-YZ57UYAS.mjs";
|
|
27
27
|
import "../../chunk-E3G5QXSH.mjs";
|
|
28
|
-
import "../../chunk-
|
|
28
|
+
import "../../chunk-BG4DIGKH.mjs";
|
|
29
29
|
import "../../chunk-CDXBML6O.mjs";
|
|
30
30
|
import "../../chunk-27Y6K5NK.mjs";
|
|
31
31
|
import "../../chunk-AC6TWLRT.mjs";
|