nexaas-ui-components 1.0.70 → 1.0.72
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/dist/index.cjs +48 -39
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.cts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.js +48 -39
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1698,7 +1698,7 @@ var FilterOptions = ({
|
|
|
1698
1698
|
renderOption
|
|
1699
1699
|
}) => {
|
|
1700
1700
|
const style = {
|
|
1701
|
-
filter: "rounded-3xl shadow-input bg-surface hover:bg-neutral-
|
|
1701
|
+
filter: "rounded-3xl shadow-input bg-surface hover:bg-neutral-50 border border-[0.5px] border-neutral-200 active:text-blue-500 active:bg-blue-100 active:border-blue-500",
|
|
1702
1702
|
filterOpen: "rounded-3xl shadow-input border border-blue-500 bg-blue-100 text-blue-500",
|
|
1703
1703
|
filterActive: "rounded-3xl border border-blue-500 text-blue-500 bg-blue-100 shadow-input hover:bg-blue-500 hover:text-accent-label active:text-accent-label active:bg-blue-600 active:border-blue-600"
|
|
1704
1704
|
};
|
|
@@ -1751,7 +1751,7 @@ var FilterOptions = ({
|
|
|
1751
1751
|
className: clsx9__default.default(
|
|
1752
1752
|
"relative cursor-pointer outline-none select-none p-3 rounded-lg pr-9 text-paragraph mt-1 first:mt-0 overflow-hidden w-full",
|
|
1753
1753
|
{
|
|
1754
|
-
["hover:bg-neutral-
|
|
1754
|
+
["hover:bg-neutral-100"]: !option.disabled && !isSelected,
|
|
1755
1755
|
["text-disabled"]: option.disabled,
|
|
1756
1756
|
["bg-blue-500 hover:bg-blue-500"]: isSelected
|
|
1757
1757
|
}
|
|
@@ -1764,7 +1764,7 @@ var FilterOptions = ({
|
|
|
1764
1764
|
className: clsx9__default.default(
|
|
1765
1765
|
"relative cursor-pointer outline-none select-none p-3 rounded-lg pr-9 text-paragraph mt-1 first:mt-0 overflow-hidden w-full",
|
|
1766
1766
|
{
|
|
1767
|
-
["hover:bg-neutral-
|
|
1767
|
+
["hover:bg-neutral-100"]: !option.disabled && !isSelected,
|
|
1768
1768
|
["text-disabled"]: option.disabled,
|
|
1769
1769
|
["bg-blue-500 hover:bg-blue-500"]: isSelected
|
|
1770
1770
|
}
|
|
@@ -1836,9 +1836,9 @@ var FilterOptions = ({
|
|
|
1836
1836
|
"div",
|
|
1837
1837
|
{
|
|
1838
1838
|
className: clsx9__default.default({
|
|
1839
|
-
["text-
|
|
1839
|
+
["text-paragraph group-active:text-blue-500"]: !field.value && !open,
|
|
1840
1840
|
["text-blue-500"]: open && !field.value,
|
|
1841
|
-
["text-blue-500 group-hover:text-accent-label"]:
|
|
1841
|
+
["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: field.value
|
|
1842
1842
|
}),
|
|
1843
1843
|
children: icon
|
|
1844
1844
|
}
|
|
@@ -1850,7 +1850,7 @@ var FilterOptions = ({
|
|
|
1850
1850
|
{
|
|
1851
1851
|
["text-paragraph group-active:text-blue-500"]: !field.value && !open,
|
|
1852
1852
|
["text-blue-500"]: open && !field.value,
|
|
1853
|
-
["text-blue-500 group-hover:text-accent-label"]:
|
|
1853
|
+
["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: field.value
|
|
1854
1854
|
},
|
|
1855
1855
|
"truncate cursor-pointer"
|
|
1856
1856
|
),
|
|
@@ -1863,9 +1863,9 @@ var FilterOptions = ({
|
|
|
1863
1863
|
{
|
|
1864
1864
|
className: clsx9__default.default(
|
|
1865
1865
|
{
|
|
1866
|
-
["text-
|
|
1866
|
+
["text-paragraph group-active:text-blue-500"]: !field.value && !open,
|
|
1867
1867
|
["text-blue-500"]: open && !field.value,
|
|
1868
|
-
["text-blue-500 group-hover:text-accent-label"]:
|
|
1868
|
+
["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: field.value
|
|
1869
1869
|
},
|
|
1870
1870
|
"uil uil-angle-up text-[18px]"
|
|
1871
1871
|
)
|
|
@@ -1875,9 +1875,9 @@ var FilterOptions = ({
|
|
|
1875
1875
|
{
|
|
1876
1876
|
className: clsx9__default.default(
|
|
1877
1877
|
{
|
|
1878
|
-
["text-
|
|
1878
|
+
["text-paragraph group-active:text-blue-500"]: !field.value && !open,
|
|
1879
1879
|
["text-blue-500"]: open && !field.value,
|
|
1880
|
-
["text-blue-500 group-hover:text-accent-label"]:
|
|
1880
|
+
["text-blue-500 group-hover:text-accent-label group-active:text-accent-label"]: field.value
|
|
1881
1881
|
},
|
|
1882
1882
|
"uil uil-angle-down text-[18px]"
|
|
1883
1883
|
)
|
|
@@ -1886,7 +1886,7 @@ var FilterOptions = ({
|
|
|
1886
1886
|
]
|
|
1887
1887
|
}
|
|
1888
1888
|
) }) }),
|
|
1889
|
-
open && /* @__PURE__ */ jsxRuntime.jsx(react$1.Float.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(react.PopoverPanel, { className: "p-
|
|
1889
|
+
open && /* @__PURE__ */ jsxRuntime.jsx(react$1.Float.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(react.PopoverPanel, { className: "p-2 whitespace-nowrap bg-surface rounded-lg shadow-dropdown border-[0.5px] border-neutral-200", children: ({ close }) => {
|
|
1890
1890
|
const onClose = () => {
|
|
1891
1891
|
setCurrentValue(field.value);
|
|
1892
1892
|
close();
|
|
@@ -2102,7 +2102,7 @@ function InputMoney({
|
|
|
2102
2102
|
control,
|
|
2103
2103
|
name,
|
|
2104
2104
|
defaultValue,
|
|
2105
|
-
render: ({ field }) => {
|
|
2105
|
+
render: ({ field: { ref: _ref, ...field } }) => {
|
|
2106
2106
|
const handleChange = (event, value2, maskedValue) => {
|
|
2107
2107
|
event.preventDefault();
|
|
2108
2108
|
field.onChange(value2);
|
|
@@ -2438,7 +2438,7 @@ function InputPercentage({
|
|
|
2438
2438
|
control,
|
|
2439
2439
|
name,
|
|
2440
2440
|
defaultValue,
|
|
2441
|
-
render: ({ field }) => {
|
|
2441
|
+
render: ({ field: { ref: _ref, ...field } }) => {
|
|
2442
2442
|
const handleChange = (event, value, maskedValue) => {
|
|
2443
2443
|
event.preventDefault();
|
|
2444
2444
|
field.onChange(value.toString());
|
|
@@ -2628,6 +2628,7 @@ var ModalDialog = ({
|
|
|
2628
2628
|
children,
|
|
2629
2629
|
showFooter = true,
|
|
2630
2630
|
showHeader = true,
|
|
2631
|
+
headerBorder = false,
|
|
2631
2632
|
closeOnOverlayClick = true
|
|
2632
2633
|
}) => {
|
|
2633
2634
|
const customStyles6 = {
|
|
@@ -2669,30 +2670,38 @@ var ModalDialog = ({
|
|
|
2669
2670
|
contentLabel: "Example Modal",
|
|
2670
2671
|
closeTimeoutMS: 200,
|
|
2671
2672
|
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx9__default.default("modal-inner", sizes3[size]), children: [
|
|
2672
|
-
showHeader && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2673
|
-
|
|
2674
|
-
|
|
2675
|
-
|
|
2676
|
-
|
|
2677
|
-
|
|
2678
|
-
|
|
2679
|
-
|
|
2673
|
+
showHeader && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2674
|
+
"div",
|
|
2675
|
+
{
|
|
2676
|
+
className: clsx9__default.default("flex items-center justify-between", {
|
|
2677
|
+
"border-b border-b-neutral-200": headerBorder
|
|
2678
|
+
}),
|
|
2679
|
+
children: [
|
|
2680
|
+
/* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "font-title text-t-sm font-bold flex items-center gap-2", children: [
|
|
2681
|
+
alertType && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2682
|
+
"div",
|
|
2683
|
+
{
|
|
2684
|
+
className: clsx9__default.default(
|
|
2685
|
+
alertTypes[alertType],
|
|
2686
|
+
"w-[26px] h-[26px] text-[26px] flex items-center justify-center shrink-0"
|
|
2687
|
+
),
|
|
2688
|
+
children: icon
|
|
2689
|
+
}
|
|
2680
2690
|
),
|
|
2681
|
-
|
|
2682
|
-
}
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
|
|
2686
|
-
|
|
2687
|
-
|
|
2688
|
-
|
|
2689
|
-
|
|
2690
|
-
|
|
2691
|
-
|
|
2692
|
-
|
|
2693
|
-
|
|
2694
|
-
|
|
2695
|
-
] }),
|
|
2691
|
+
title
|
|
2692
|
+
] }),
|
|
2693
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2694
|
+
Button,
|
|
2695
|
+
{
|
|
2696
|
+
onClick: onCancel,
|
|
2697
|
+
variant: "ghost",
|
|
2698
|
+
size: "md",
|
|
2699
|
+
icon: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "uil uil-times text-neutral-400" })
|
|
2700
|
+
}
|
|
2701
|
+
) })
|
|
2702
|
+
]
|
|
2703
|
+
}
|
|
2704
|
+
),
|
|
2696
2705
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children }),
|
|
2697
2706
|
showFooter && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-6 flex w-full items-center justify-between", children: [
|
|
2698
2707
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2738,7 +2747,7 @@ var Popover3 = ({
|
|
|
2738
2747
|
reactTooltip.Tooltip,
|
|
2739
2748
|
{
|
|
2740
2749
|
id,
|
|
2741
|
-
className: "absolute bg-neutral-700 text-
|
|
2750
|
+
className: "absolute bg-neutral-700 text-p-md text-neutral-0 rounded-lg shadow-dropdown py-[6px] px-3 max-w-[430px] break-words whitespace-normal",
|
|
2742
2751
|
classNameArrow: !displayArrow ? style.noArrow : "",
|
|
2743
2752
|
openOnClick,
|
|
2744
2753
|
delayHide: 0,
|
|
@@ -3221,9 +3230,9 @@ var customStyles2 = {
|
|
|
3221
3230
|
...provided,
|
|
3222
3231
|
cursor: "pointer",
|
|
3223
3232
|
border: state.selectProps.hasError ? "1px solid var(--dangerous-700)" : state.menuIsOpen ? "1px solid var(--blue-700)" : "1px solid var(--neutral-300)",
|
|
3224
|
-
boxShadow: "none",
|
|
3233
|
+
boxShadow: state.isFocused ? "0 0 0 2px var(--surface), 0 0 0 3.5px var(--blue-500)" : "none",
|
|
3225
3234
|
outline: "none",
|
|
3226
|
-
borderRadius: "0.5rem",
|
|
3235
|
+
borderRadius: state.isFocused ? "2px" : "0.5rem",
|
|
3227
3236
|
placeholder: " ",
|
|
3228
3237
|
height: "46px",
|
|
3229
3238
|
backgroundColor: state.isDisabled ? "var(--light-100)" : "var(--surface)",
|