@vkzstudio/muza-ui 1.0.17 → 1.0.18
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/components/Button/buttonVariants.js +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +4 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +36 -29
- package/dist/components/Checkbox/Checkbox.stories.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +2 -0
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +33 -31
- package/dist/components/FileUpload/FileUpload.d.ts +6 -2
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/FileUpload/FileUpload.js +141 -135
- package/dist/components/FileUpload/FileUpload.stories.d.ts +2 -0
- package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
- package/dist/components/Flex/Flex.d.ts +3 -1
- package/dist/components/Flex/Flex.d.ts.map +1 -1
- package/dist/components/Flex/Flex.js +33 -31
- package/dist/components/FormField/FormField.d.ts +30 -0
- package/dist/components/FormField/FormField.d.ts.map +1 -0
- package/dist/components/FormField/FormField.js +56 -0
- package/dist/components/FormField/InputHint.d.ts +13 -0
- package/dist/components/FormField/InputHint.d.ts.map +1 -0
- package/dist/components/FormField/InputHint.js +26 -0
- package/dist/components/FormField/InputLabel.d.ts +20 -0
- package/dist/components/FormField/InputLabel.d.ts.map +1 -0
- package/dist/components/FormField/InputLabel.js +27 -0
- package/dist/components/FormField/index.d.ts +4 -0
- package/dist/components/FormField/index.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +79 -94
- package/dist/components/MultiSelect/MultiSelect.d.ts +2 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +125 -131
- package/dist/components/Radio/Radio.js +1 -1
- package/dist/components/Select/Select.d.ts +2 -0
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +126 -131
- package/dist/components/TextEditor/TextEditor.d.ts +4 -0
- package/dist/components/TextEditor/TextEditor.d.ts.map +1 -1
- package/dist/components/TextEditor/TextEditor.js +113 -135
- package/dist/components/Textarea/Textarea.d.ts +4 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +52 -61
- package/dist/components/Textarea/Textarea.stories.d.ts +1 -0
- package/dist/components/Textarea/Textarea.stories.d.ts.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +2 -0
- package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/muza-ui.css +1 -1
- package/package.json +1 -1
|
@@ -241,7 +241,7 @@ const e = {
|
|
|
241
241
|
],
|
|
242
242
|
xs: [
|
|
243
243
|
"h-comp-button-h-xs px-comp-button-p-xs",
|
|
244
|
-
"[&>span>svg]:size-icon-small [&>svg]:size-icon-
|
|
244
|
+
"[&>span>svg]:size-icon-small [&>svg]:size-icon-xsmall"
|
|
245
245
|
],
|
|
246
246
|
sm: [
|
|
247
247
|
"h-comp-button-h-sm px-comp-button-p-sm",
|
|
@@ -27,6 +27,10 @@ export interface CheckboxProps extends ComponentProps<typeof CheckboxPrimitive.R
|
|
|
27
27
|
id?: string;
|
|
28
28
|
/** Applies error border styling for validation failure. */
|
|
29
29
|
error?: boolean;
|
|
30
|
+
/** Marks the checkbox as required and displays a red asterisk next to the label. @default false */
|
|
31
|
+
required?: boolean;
|
|
32
|
+
/** Hides the required asterisk even when `required` is true. @default false */
|
|
33
|
+
disableRequiredAsterisk?: boolean;
|
|
30
34
|
}
|
|
31
35
|
export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
32
36
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D;;;GAGG;AACH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrD,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;IAC9D,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mEAAmE;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D;;;GAGG;AACH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrD,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;IAC9D,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mEAAmE;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,0HA8FpB,CAAA"}
|
|
@@ -1,55 +1,59 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import * as
|
|
4
|
-
import { CheckMinus as
|
|
5
|
-
import { cn as
|
|
1
|
+
import { jsxs as i, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as u, useId as g } from "react";
|
|
3
|
+
import * as n from "@radix-ui/react-checkbox";
|
|
4
|
+
import { CheckMinus as v, Checked as N } from "../Icons/CustomIcons.js";
|
|
5
|
+
import { cn as s } from "../../utils/cn.js";
|
|
6
6
|
import { Typography as d } from "../Typography/Typography.js";
|
|
7
|
-
const
|
|
7
|
+
const z = u(
|
|
8
8
|
({
|
|
9
|
-
isIndeterminate:
|
|
10
|
-
label:
|
|
9
|
+
isIndeterminate: l = !1,
|
|
10
|
+
label: c,
|
|
11
11
|
secondaryLabel: e,
|
|
12
12
|
className: b,
|
|
13
13
|
id: f,
|
|
14
14
|
disabled: t,
|
|
15
|
-
error:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
error: m,
|
|
16
|
+
required: o,
|
|
17
|
+
disableRequiredAsterisk: h,
|
|
18
|
+
...x
|
|
19
|
+
}, k) => {
|
|
20
|
+
const p = g(), a = f || p;
|
|
21
|
+
return /* @__PURE__ */ i("div", { className: "isolate flex items-start gap-sm", children: [
|
|
20
22
|
/* @__PURE__ */ r(
|
|
21
|
-
|
|
23
|
+
n.Root,
|
|
22
24
|
{
|
|
23
|
-
ref:
|
|
24
|
-
id:
|
|
25
|
+
ref: k,
|
|
26
|
+
id: a,
|
|
25
27
|
"data-slot": "checkbox",
|
|
26
|
-
className:
|
|
28
|
+
className: s(
|
|
27
29
|
"peer relative flex size-icon-small shrink-0 cursor-pointer items-center justify-center",
|
|
28
30
|
"rounded-[25%] focus-visible-default",
|
|
29
31
|
'before:absolute before:inset-0 before:z-[-1] before:rounded-[25%] before:border before:border-comp-checkbox-stroke-def before:transition-colors before:content-[""]',
|
|
30
32
|
"hover:before:border-stroke-brand-hover hover:before:bg-surface-brand-brand-tertiary",
|
|
31
33
|
"data-[state=checked]:text-primary-foreground data-[state=checked]:border-comp-checkbox-stroke-hover data-[state=checked]:bg-comp-checkbox-bg-active",
|
|
32
34
|
"disabled:cursor-not-allowed disabled:before:border-comp-checkbox-stroke-disabled disabled:before:bg-comp-checkbox-bg-disabled",
|
|
33
|
-
{ "before:border-stroke-error-def":
|
|
35
|
+
{ "before:border-stroke-error-def": m },
|
|
34
36
|
b
|
|
35
37
|
),
|
|
36
38
|
disabled: t,
|
|
37
|
-
|
|
39
|
+
required: o,
|
|
40
|
+
"aria-required": o,
|
|
41
|
+
...x,
|
|
38
42
|
children: /* @__PURE__ */ r(
|
|
39
|
-
|
|
43
|
+
n.Indicator,
|
|
40
44
|
{
|
|
41
45
|
"data-slot": "checkbox-indicator",
|
|
42
46
|
className: "flex size-full shrink-0 items-center justify-center text-current transition-none",
|
|
43
|
-
children:
|
|
47
|
+
children: l ? /* @__PURE__ */ r(v, { className: "size-full shrink-0 text-icon-invert-def" }) : /* @__PURE__ */ r(N, { className: "size-full shrink-0 text-icon-invert-def" })
|
|
44
48
|
}
|
|
45
49
|
)
|
|
46
50
|
}
|
|
47
51
|
),
|
|
48
|
-
|
|
52
|
+
c && /* @__PURE__ */ i(
|
|
49
53
|
"label",
|
|
50
54
|
{
|
|
51
|
-
htmlFor:
|
|
52
|
-
className:
|
|
55
|
+
htmlFor: a,
|
|
56
|
+
className: s(
|
|
53
57
|
"fix-y-text-1 cursor-pointer leading-none text-text-dark-primary-def select-none",
|
|
54
58
|
{
|
|
55
59
|
"cursor-not-allowed text-text-dark-disabled": t
|
|
@@ -57,14 +61,17 @@ const v = k(
|
|
|
57
61
|
),
|
|
58
62
|
"aria-disabled": t,
|
|
59
63
|
children: [
|
|
60
|
-
/* @__PURE__ */
|
|
64
|
+
/* @__PURE__ */ i(
|
|
61
65
|
d,
|
|
62
66
|
{
|
|
63
67
|
component: "span",
|
|
64
68
|
variant: "body",
|
|
65
69
|
weight: e != null && e.length ? "medium" : "regular",
|
|
66
70
|
size: "base",
|
|
67
|
-
children:
|
|
71
|
+
children: [
|
|
72
|
+
c,
|
|
73
|
+
o && !h && /* @__PURE__ */ r("span", { className: "text-comp-input-text-error", children: " *" })
|
|
74
|
+
]
|
|
68
75
|
}
|
|
69
76
|
),
|
|
70
77
|
(e == null ? void 0 : e.length) && /* @__PURE__ */ r(
|
|
@@ -74,7 +81,7 @@ const v = k(
|
|
|
74
81
|
variant: "body",
|
|
75
82
|
weight: "regular",
|
|
76
83
|
size: "base",
|
|
77
|
-
className:
|
|
84
|
+
className: s("block text-text-dark-secondary", {
|
|
78
85
|
"text-text-dark-disabled": t
|
|
79
86
|
}),
|
|
80
87
|
children: e
|
|
@@ -86,7 +93,7 @@ const v = k(
|
|
|
86
93
|
] });
|
|
87
94
|
}
|
|
88
95
|
);
|
|
89
|
-
|
|
96
|
+
z.displayName = "Checkbox";
|
|
90
97
|
export {
|
|
91
|
-
|
|
98
|
+
z as Checkbox
|
|
92
99
|
};
|
|
@@ -13,5 +13,6 @@ export declare const IndeterminateWithLabel: Story;
|
|
|
13
13
|
export declare const Disabled: Story;
|
|
14
14
|
export declare const DisabledWithLabel: Story;
|
|
15
15
|
export declare const Error: Story;
|
|
16
|
+
export declare const Required: Story;
|
|
16
17
|
export declare const ErrorWithLabel: Story;
|
|
17
18
|
//# sourceMappingURL=Checkbox.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA4E/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAcpC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAanB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA"}
|
|
@@ -70,6 +70,8 @@ export type DatePickerProps = {
|
|
|
70
70
|
shouldResetToDefaultValue?: boolean;
|
|
71
71
|
/** Marks the field as required, displaying an asterisk on the label. */
|
|
72
72
|
required?: boolean;
|
|
73
|
+
/** Hides the required asterisk even when `required` is true. @default false */
|
|
74
|
+
disableRequiredAsterisk?: boolean;
|
|
73
75
|
} & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter'> & (DatePickerRangeProps | DatePickerSingleProps);
|
|
74
76
|
/** Props for date range selection mode. */
|
|
75
77
|
export type DatePickerRangeProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAA;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,EAEL,KAAK,iBAAiB,EAGvB,MAAM,aAAa,CAAA;AAKpB,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,sBAAsB,CAAA;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,qFAAqF;IACrF,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IAC1C;;;;;;;;;;;;;OAaG;IACH,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;KAAE,EAAE,CAAA;IACnE,2FAA2F;IAC3F,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,EAAE,MAAM,CAAA;QACtB,cAAc,EAAE,MAAM,CAAA;QACtB,KAAK,EAAE,MAAM,CAAA;QACb,eAAe,EAAE,MAAM,CAAA;KACxB,CAAC,CAAA;IACF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,+EAA+E;IAC/E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,MAAM,SAAS,CAAA;IACrC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { useIsDesktop as
|
|
4
|
-
import { useIsMobile as
|
|
5
|
-
import { Popover as
|
|
6
|
-
import { getDateRange as
|
|
7
|
-
import { Input as
|
|
8
|
-
import { formatDate as
|
|
9
|
-
import { formatDateRange as
|
|
1
|
+
import { jsx as e, jsxs as W } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as X, useState as l, useEffect as Z } from "react";
|
|
3
|
+
import { useIsDesktop as _ } from "../../hooks/use-is-desktop.js";
|
|
4
|
+
import { useIsMobile as $ } from "../../hooks/use-is-mobile.js";
|
|
5
|
+
import { Popover as w, PopoverTrigger as T, PopoverContent as a } from "../Popover/Popover.js";
|
|
6
|
+
import { getDateRange as s } from "./utils/getDateRange.js";
|
|
7
|
+
import { Input as V } from "../Input/Input.js";
|
|
8
|
+
import { formatDate as O } from "../Calendar/utils/formatDate.js";
|
|
9
|
+
import { formatDateRange as h } from "../Calendar/utils/formatDateRange.js";
|
|
10
10
|
import { Calendar as R } from "../Calendar/Calendar.js";
|
|
11
11
|
import { cn as b } from "../../utils/cn.js";
|
|
12
|
-
import { typographyVariants as
|
|
13
|
-
import { CalendarBold as
|
|
14
|
-
const
|
|
12
|
+
import { typographyVariants as C } from "../Typography/Typography.js";
|
|
13
|
+
import { CalendarBold as N } from "@solar-icons/react-perf";
|
|
14
|
+
const tt = X(
|
|
15
15
|
({
|
|
16
16
|
alignCalendar: j,
|
|
17
17
|
mode: v,
|
|
@@ -33,19 +33,20 @@ const N = W(
|
|
|
33
33
|
renderCustomTrigger: I,
|
|
34
34
|
shouldResetToDefaultValue: c,
|
|
35
35
|
required: q,
|
|
36
|
+
disableRequiredAsterisk: G,
|
|
36
37
|
...M
|
|
37
|
-
},
|
|
38
|
-
const F =
|
|
38
|
+
}, H) => {
|
|
39
|
+
const F = _(), J = $(), [K, y] = l(!1), L = typeof d == "boolean" ? d : K, [u, k] = l(
|
|
39
40
|
n ?? p
|
|
40
41
|
), [o, m] = l(n ?? p);
|
|
41
|
-
|
|
42
|
+
Z(() => {
|
|
42
43
|
k(n), m(n);
|
|
43
44
|
}, [n]);
|
|
44
|
-
const
|
|
45
|
+
const Q = x == null ? void 0 : x.map((i) => /* @__PURE__ */ e(
|
|
45
46
|
"button",
|
|
46
47
|
{
|
|
47
48
|
className: b(
|
|
48
|
-
|
|
49
|
+
C({
|
|
49
50
|
variant: "cta",
|
|
50
51
|
weight: "medium",
|
|
51
52
|
size: "sm",
|
|
@@ -58,23 +59,23 @@ const N = W(
|
|
|
58
59
|
t == null ? void 0 : t.leftPanelButton
|
|
59
60
|
),
|
|
60
61
|
onClick: () => {
|
|
61
|
-
const
|
|
62
|
-
m(
|
|
62
|
+
const U = s(i.type);
|
|
63
|
+
m(U);
|
|
63
64
|
},
|
|
64
65
|
children: i.name
|
|
65
66
|
},
|
|
66
67
|
i.type
|
|
67
|
-
)), D = z ?? (v === "single" ?
|
|
68
|
-
return /* @__PURE__ */
|
|
69
|
-
|
|
68
|
+
)), D = z ?? (v === "single" ? O : h);
|
|
69
|
+
return /* @__PURE__ */ W(
|
|
70
|
+
w,
|
|
70
71
|
{
|
|
71
|
-
open:
|
|
72
|
+
open: L,
|
|
72
73
|
onOpenChange: (i) => {
|
|
73
74
|
d === void 0 && y(i), r == null || r(i);
|
|
74
75
|
},
|
|
75
76
|
children: [
|
|
76
77
|
/* @__PURE__ */ e(
|
|
77
|
-
|
|
78
|
+
T,
|
|
78
79
|
{
|
|
79
80
|
className: b(
|
|
80
81
|
"group cursor-pointer rounded-full text-left outline-0",
|
|
@@ -82,9 +83,9 @@ const N = W(
|
|
|
82
83
|
),
|
|
83
84
|
disabled: S,
|
|
84
85
|
children: I ? I() : /* @__PURE__ */ e(
|
|
85
|
-
|
|
86
|
+
V,
|
|
86
87
|
{
|
|
87
|
-
ref:
|
|
88
|
+
ref: H,
|
|
88
89
|
value: u ? D(u) : "",
|
|
89
90
|
placeholder: P,
|
|
90
91
|
error: B,
|
|
@@ -93,18 +94,19 @@ const N = W(
|
|
|
93
94
|
hint: A,
|
|
94
95
|
tabIndex: -1,
|
|
95
96
|
required: q,
|
|
97
|
+
disableRequiredAsterisk: G,
|
|
96
98
|
className: b(
|
|
97
99
|
"pointer-events-none",
|
|
98
100
|
t == null ? void 0 : t.input,
|
|
99
101
|
"group-hover:border-comp-input-stroke-hover group-focus-visible:border-comp-input-stroke-focused"
|
|
100
102
|
),
|
|
101
|
-
suffix: /* @__PURE__ */ e(
|
|
103
|
+
suffix: /* @__PURE__ */ e(N, { className: "size-icon-medium text-icon-dark-secondary-def" })
|
|
102
104
|
}
|
|
103
105
|
)
|
|
104
106
|
}
|
|
105
107
|
),
|
|
106
108
|
/* @__PURE__ */ e(
|
|
107
|
-
|
|
109
|
+
a,
|
|
108
110
|
{
|
|
109
111
|
className: b("flex w-auto p-0", t == null ? void 0 : t.popoverContent),
|
|
110
112
|
align: j,
|
|
@@ -141,7 +143,7 @@ const N = W(
|
|
|
141
143
|
(o !== void 0 || c) && (k(o), f == null || f(o)), d === void 0 && y(!1), r == null || r(!1);
|
|
142
144
|
},
|
|
143
145
|
numberOfMonths: F ? 2 : 1,
|
|
144
|
-
leftPanelChildren: v === "range" && !
|
|
146
|
+
leftPanelChildren: v === "range" && !J && Q,
|
|
145
147
|
dateRangeFormatter: D
|
|
146
148
|
}
|
|
147
149
|
)
|
|
@@ -152,7 +154,7 @@ const N = W(
|
|
|
152
154
|
);
|
|
153
155
|
}
|
|
154
156
|
);
|
|
155
|
-
|
|
157
|
+
tt.displayName = "DatePicker";
|
|
156
158
|
export {
|
|
157
|
-
|
|
159
|
+
tt as DatePicker
|
|
158
160
|
};
|
|
@@ -36,12 +36,16 @@ export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElemen
|
|
|
36
36
|
readOnly?: boolean;
|
|
37
37
|
/** Title text displayed inside the dropzone area. Defaults to a translated string. */
|
|
38
38
|
title?: string;
|
|
39
|
-
/** Label displayed above the upload area.
|
|
40
|
-
label?:
|
|
39
|
+
/** Label displayed above the upload area. */
|
|
40
|
+
label?: string;
|
|
41
41
|
/** Subtitle text displayed below the title inside the dropzone. */
|
|
42
42
|
subtitle?: string;
|
|
43
43
|
/** Applies error border and text styling to the dropzone. */
|
|
44
44
|
error?: boolean;
|
|
45
|
+
/** Marks the field as required and displays a red asterisk next to the label. @default false */
|
|
46
|
+
required?: boolean;
|
|
47
|
+
/** Hides the required asterisk even when `required` is true. @default false */
|
|
48
|
+
disableRequiredAsterisk?: boolean;
|
|
45
49
|
/**
|
|
46
50
|
* Additional options passed to react-dropzone.
|
|
47
51
|
* Props managed by the component (`onDrop`, `accept`, `multiple`, `maxSize`, `disabled`) are excluded.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,gBAAgB,CAAA;AASlE,QAAA,MAAM,kBAAkB;;;;8EAoCvB,CAAA;AAgBD;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,QAAQ,GAAG,SAAS,GAAG,UAAU,CAClC,EACD,IAAI,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAAE,cAAc,CAAC;IAC/D,kFAAkF;IAClF,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACxC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gHAAgH;IAChH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC;;;;OAIG;IACH,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,CAAA;IACD,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC7B,mGAAmG;IACnG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,UAAU,wFA8Mf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
|