mainstack-design-system 1.17.1 → 1.17.2

package/dist/mainstack-design-system623.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("react"),R=require("./utils-s-0cOrOT.cjs"),y=require("./mainstack-design-system612.cjs"),q=require("./mainstack-design-system399.cjs"),d=require("./DayPickerExtended-BI8ETMuv.cjs"),x=require("./mainstack-design-system400.cjs"),c=require("./isValid-914h5Kof.cjs");function C(a,i,e){return d.addMonths(a,-1,e)}const u=p.forwardRef(({className:a,...i},e)=>{const[l]=x.useMatchMedia("(min-width: 900px)"),{ref:m,matches:f}=q.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:h,setActiveMenu:M,onValueChange:o,onOpenChange:r}=y.useDateRangeContext();return s.jsx("div",{"data-slot":"date-range-calendar",ref:t=>{m.current=t,typeof e=="function"?e(t):typeof e=="object"&&e!==null&&(e.current=t)},className:R.cn("mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",a),children:s.jsx(d.DayPickerExtended,{...i,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:l||f?2:1,navLayout:"around",className:"ms-date-range",selected:c.isValid(n)?n:void 0,defaultMonth:c.isValid(n?.from)?n?.from:C(new Date),onSelect:((t,g)=>{o&&(n?.from&&n.to||!n?.from?o({from:g}):(o(t),h&&r&&r(!1))),M(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),R=require("react"),y=require("./utils-s-0cOrOT.cjs"),q=require("./mainstack-design-system612.cjs"),x=require("./mainstack-design-system399.cjs"),c=require("./DayPickerExtended-BI8ETMuv.cjs"),C=require("./mainstack-design-system400.cjs"),i=require("./isValid-914h5Kof.cjs");function D(a,r,t){return c.addMonths(a,-1,t)}const u=R.forwardRef(({className:a,...r},t)=>{const[l]=C.useMatchMedia("(min-width: 900px)"),{ref:m,matches:f}=x.useContainerMatchMedia({query:{minWidth:660}}),{value:e,closeOnRangeSelect:h,setActiveMenu:M,onValueChange:o,onOpenChange:s}=q.useDateRangeContext(),g={from:i.isValid(e?.from)?e?.from:void 0,to:i.isValid(e?.to)?e?.to:void 0};return d.jsx("div",{"data-slot":"date-range-calendar",ref:n=>{m.current=n,typeof t=="function"?t(n):typeof t=="object"&&t!==null&&(t.current=n)},className:y.cn("mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",a),children:d.jsx(c.DayPickerExtended,{...r,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:l||f?2:1,navLayout:"around",className:"ms-date-range",selected:g,defaultMonth:i.isValid(e?.from)?e?.from:D(new Date),onSelect:((n,p)=>{o&&(e?.from&&e.to||!e?.from?o({from:p}):(o(n),h&&s&&s(!1))),M(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;

package/dist/mainstack-design-system623.js

@@ -1,52 +1,55 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { c as M } from "./utils-Z5JtG_Bc.js";
-import { useDateRangeContext as g } from "./mainstack-design-system612.js";
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as M } from "react";
+import { c as g } from "./utils-Z5JtG_Bc.js";
+import { useDateRangeContext as v } from "./mainstack-design-system612.js";
 import { useContainerMatchMedia as y } from "./mainstack-design-system399.js";
 import { a as D, D as w } from "./DayPickerExtended-B8-AnC-D.js";
 import { useMatchMedia as x } from "./mainstack-design-system400.js";
-import { i as s } from "./isValid-nnPUOITD.js";
-function C(o, r, e) {
-  return D(o, -1, e);
+import { i as r } from "./isValid-nnPUOITD.js";
+function C(a, m, o) {
+  return D(a, -1, o);
 }
-const R = h(
-  ({ className: o, ...r }, e) => {
-    const [d] = x("(min-width: 900px)"), { ref: c, matches: f } = y({
+const R = M(
+  ({ className: a, ...m }, o) => {
+    const [d] = x("(min-width: 900px)"), { ref: f, matches: c } = y({
       query: { minWidth: 660 }
     }), {
-      value: a,
-      closeOnRangeSelect: u,
-      setActiveMenu: l,
+      value: e,
+      closeOnRangeSelect: l,
+      setActiveMenu: u,
       onValueChange: n,
       onOpenChange: i
-    } = g();
-    return /* @__PURE__ */ m(
+    } = v(), p = {
+      from: r(e?.from) ? e?.from : void 0,
+      to: r(e?.to) ? e?.to : void 0
+    };
+    return /* @__PURE__ */ s(
       "div",
       {
         "data-slot": "date-range-calendar",
         ref: (t) => {
-          c.current = t, typeof e == "function" ? e(t) : typeof e == "object" && e !== null && (e.current = t);
+          f.current = t, typeof o == "function" ? o(t) : typeof o == "object" && o !== null && (o.current = t);
         },
-        className: M(
+        className: g(
           "mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",
-          o
+          a
         ),
-        children: /* @__PURE__ */ m(
+        children: /* @__PURE__ */ s(
           w,
           {
-            ...r,
+            ...m,
             animate: !0,
             mode: "range",
             captionLayout: "dropdown",
-            numberOfMonths: d || f ? 2 : 1,
+            numberOfMonths: d || c ? 2 : 1,
             navLayout: "around",
             className: "ms-date-range",
-            selected: s(a) ? a : void 0,
-            defaultMonth: s(a?.from) ? a?.from : C(/* @__PURE__ */ new Date()),
-            onSelect: ((t, p) => {
-              n && (a?.from && a.to || !a?.from ? n({
-                from: p
-              }) : (n(t), u && i && i(!1))), l(null);
+            selected: p,
+            defaultMonth: r(e?.from) ? e?.from : C(/* @__PURE__ */ new Date()),
+            onSelect: ((t, h) => {
+              n && (e?.from && e.to || !e?.from ? n({
+                from: h
+              }) : (n(t), l && i && i(!1))), u(null);
             })
           }
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "1.17.1",
+  "version": "1.17.2",
   "type": "module",
   "main": "./dist/mainstack-design-system.cjs",
   "module": "./dist/mainstack-design-system.js",