@vkzstudio/muza-ui 1.0.22 → 1.0.23

package/dist/components/DatePicker/DatePicker.js

@@ -1,52 +1,59 @@
-import { jsx as e, jsxs as W } from "react/jsx-runtime";
-import { forwardRef as X, useState as l, useEffect as Z } from "react";
-import { useIsDesktop as _ } from "../../hooks/use-is-desktop.js";
-import { useIsMobile as $ } from "../../hooks/use-is-mobile.js";
-import { Popover as w, PopoverTrigger as T, PopoverContent as a } from "../Popover/Popover.js";
-import { getDateRange as s } from "./utils/getDateRange.js";
-import { Input as V } from "../Input/Input.js";
-import { formatDate as O } from "../Calendar/utils/formatDate.js";
-import { formatDateRange as h } from "../Calendar/utils/formatDateRange.js";
-import { Calendar as R } from "../Calendar/Calendar.js";
-import { cn as b } from "../../utils/cn.js";
-import { typographyVariants as C } from "../Typography/Typography.js";
-import { CalendarBold as N } from "@solar-icons/react-perf";
-const tt = X(
+import { jsx as e, jsxs as V } from "react/jsx-runtime";
+import { forwardRef as a, useState as l, useEffect as s } from "react";
+import { useIsDesktop as O } from "../../hooks/use-is-desktop.js";
+import { useIsMobile as C } from "../../hooks/use-is-mobile.js";
+import { Popover as N, PopoverTrigger as h, PopoverContent as tt } from "../Popover/Popover.js";
+import { getDateRange as rt } from "./utils/getDateRange.js";
+import { Input as ot } from "../Input/Input.js";
+import { formatDate as it } from "../Calendar/utils/formatDate.js";
+import { formatDateRange as et } from "../Calendar/utils/formatDateRange.js";
+import { Calendar as q } from "../Calendar/Calendar.js";
+import { cn as u } from "../../utils/cn.js";
+import { typographyVariants as ft } from "../Typography/Typography.js";
+import { CalendarBold as mt } from "@solar-icons/react-perf";
+const pt = a(
   ({
-    alignCalendar: j,
+    alignCalendar: B,
     mode: v,
     allowedPresets: x,
-    dateFormatter: z,
-    value: n,
-    defaultValue: p,
-    open: d,
+    dateFormatter: G,
+    value: p,
+    defaultValue: c,
+    open: n,
     onOpenChange: r,
     onChange: f,
     classNames: t,
-    error: B,
+    error: H,
     disabled: S,
-    hint: A,
-    label: E,
-    placeholder: P,
-    avoidCollisions: Y = !0,
-    side: g = "bottom",
+    hint: J,
+    label: K,
+    placeholder: L,
+    avoidCollisions: Q = !0,
+    side: U = "bottom",
     renderCustomTrigger: I,
-    shouldResetToDefaultValue: c,
-    required: q,
-    disableRequiredAsterisk: G,
-    ...M
-  }, H) => {
-    const F = _(), J = $(), [K, y] = l(!1), L = typeof d == "boolean" ? d : K, [u, k] = l(
-      n ?? p
-    ), [o, m] = l(n ?? p);
-    Z(() => {
-      k(n), m(n);
-    }, [n]);
-    const Q = x == null ? void 0 : x.map((i) => /* @__PURE__ */ e(
+    shouldResetToDefaultValue: d,
+    required: X,
+    disableRequiredAsterisk: Z,
+    numberOfMonths: F,
+    hideNavigation: M,
+    hideCaption: j,
+    hideWeekdays: z,
+    showOutsideDays: R,
+    hideBottomText: A,
+    hideResetButton: E,
+    ...P
+  }, _) => {
+    const Y = O(), $ = C(), [g, y] = l(!1), W = typeof n == "boolean" ? n : g, [b, k] = l(
+      p ?? c
+    ), [o, m] = l(p ?? c);
+    s(() => {
+      k(p), m(p);
+    }, [p]);
+    const w = x == null ? void 0 : x.map((i) => /* @__PURE__ */ e(
       "button",
       {
-        className: b(
-          C({
+        className: u(
+          ft({
             variant: "cta",
             weight: "medium",
             size: "sm",
@@ -59,91 +66,103 @@ const tt = X(
           t == null ? void 0 : t.leftPanelButton
         ),
         onClick: () => {
-          const U = s(i.type);
-          m(U);
+          const T = rt(i.type);
+          m(T);
         },
         children: i.name
       },
       i.type
-    )), D = z ?? (v === "single" ? O : h);
-    return /* @__PURE__ */ W(
-      w,
+    )), D = G ?? (v === "single" ? it : et);
+    return /* @__PURE__ */ V(
+      N,
       {
-        open: L,
+        open: W,
         onOpenChange: (i) => {
-          d === void 0 && y(i), r == null || r(i);
+          n === void 0 && y(i), r == null || r(i);
         },
         children: [
           /* @__PURE__ */ e(
-            T,
+            h,
             {
-              className: b(
+              className: u(
                 "group cursor-pointer rounded-full text-left outline-0",
                 t == null ? void 0 : t.popoverTrigger
               ),
               disabled: S,
               children: I ? I() : /* @__PURE__ */ e(
-                V,
+                ot,
                 {
-                  ref: H,
-                  value: u ? D(u) : "",
-                  placeholder: P,
-                  error: B,
+                  ref: _,
+                  value: b ? D(b) : "",
+                  placeholder: L,
+                  error: H,
                   disabled: S,
-                  label: E,
-                  hint: A,
+                  label: K,
+                  hint: J,
                   tabIndex: -1,
-                  required: q,
-                  disableRequiredAsterisk: G,
-                  className: b(
+                  required: X,
+                  disableRequiredAsterisk: Z,
+                  className: u(
                     "pointer-events-none",
                     t == null ? void 0 : t.input,
                     "group-hover:border-comp-input-stroke-hover group-focus-visible:border-comp-input-stroke-focused"
                   ),
-                  suffix: /* @__PURE__ */ e(N, { className: "size-icon-medium text-icon-dark-secondary-def" })
+                  suffix: /* @__PURE__ */ e(mt, { className: "size-icon-medium text-icon-dark-secondary-def" })
                 }
               )
             }
           ),
           /* @__PURE__ */ e(
-            a,
+            tt,
             {
-              className: b("flex w-auto p-0", t == null ? void 0 : t.popoverContent),
-              align: j,
-              side: g,
-              avoidCollisions: Y,
+              className: u("flex w-auto p-0", t == null ? void 0 : t.popoverContent),
+              align: B,
+              side: U,
+              avoidCollisions: Q,
               onOpenAutoFocus: (i) => i.preventDefault(),
               children: v === "single" ? /* @__PURE__ */ e(
-                R,
+                q,
                 {
-                  ...M,
+                  ...P,
                   mode: "single",
                   selected: o,
                   onReset: () => m(
-                    c ? p : u
+                    d ? c : b
                   ),
                   onSelect: m,
                   onConfirm: () => {
-                    (o !== void 0 || c) && (k(o), f == null || f(o)), d === void 0 && y(!1), r == null || r(!1);
+                    (o !== void 0 || d) && (k(o), f == null || f(o)), n === void 0 && y(!1), r == null || r(!1);
                   },
-                  numberOfMonths: F ? 2 : 1,
+                  numberOfMonths: F ?? (Y ? 2 : 1),
+                  hideNavigation: M,
+                  hideCaption: j,
+                  hideWeekdays: z,
+                  showOutsideDays: R,
+                  hideBottomText: A,
+                  hideResetButton: E,
                   dateFormatter: D
                 }
               ) : /* @__PURE__ */ e(
-                R,
+                q,
                 {
-                  ...M,
+                  ...P,
                   mode: "range",
                   selected: o,
                   onReset: () => m(
-                    c ? p : u
+                    d ? c : b
                   ),
                   onSelect: m,
                   onConfirm: () => {
-                    (o !== void 0 || c) && (k(o), f == null || f(o)), d === void 0 && y(!1), r == null || r(!1);
+                    (o !== void 0 || d) && (k(o), f == null || f(o)), n === void 0 && y(!1), r == null || r(!1);
                   },
-                  numberOfMonths: F ? 2 : 1,
-                  leftPanelChildren: v === "range" && !J && Q,
+                  numberOfMonths: F ?? (Y ? 2 : 1),
+                  hideNavigation: M,
+                  hideCaption: j,
+                  hideWeekdays: z,
+                  showOutsideDays: R,
+                  hideBottomText: A,
+                  hideResetButton: E,
+                  leftPanelChildren: v === "range" && !$ && w,
                   dateRangeFormatter: D
                 }
               )
@@ -154,7 +173,7 @@ const tt = X(
     );
   }
 );
-tt.displayName = "DatePicker";
+pt.displayName = "DatePicker";
 export {
-  tt as DatePicker
+  pt as DatePicker
 };

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -15,4 +15,7 @@ export declare const ControlledDatePickerWithCustomTrigger: Story;
 export declare const ResetButtonResetsToUndefined: Story;
 export declare const ResetButtonResetsToStoryDate: Story;
 export declare const Required: Story;
+export declare const SingleMonth: Story;
+export declare const MonthlyView: Story;
+export declare const YearlyView: Story;
 //# sourceMappingURL=DatePicker.stories.d.ts.map

package/dist/components/DatePicker/DatePicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgJjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA"}
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2LjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA8CxB,CAAA"}