@epilot/volt-ui-experimental-griffel 0.2.1 → 0.3.0

package/dist/components/date-time-picker/date-time-picker-popover.js

@@ -1,26 +1,34 @@
-import { jsx as m } from "react/jsx-runtime";
+import { j as m } from "../../vendor/react/jsx-dev-runtime.js";
 import * as r from "react";
-import { Popover as s } from "../popover/popover.js";
-import { useDateTimePickerContext as f } from "./date-time-picker-context.js";
-const C = r.forwardRef(function({ children: t, modal: n = !0 }, i) {
-  const { isOpen: p, cancel: e, setIsOpen: o } = f(), a = r.useCallback(
-    (c) => {
-      c ? o(!0) : e();
+import { Popover as c } from "../popover/popover.js";
+import { useDateTimePickerContext as l } from "./date-time-picker-context.js";
+const x = r.forwardRef(function({ children: t, modal: i = !0 }, n) {
+  const { isOpen: s, cancel: e, setIsOpen: o } = l(), a = r.useCallback(
+    (p) => {
+      p ? o(!0) : e();
     },
     [e, o]
   );
-  return /* @__PURE__ */ m(
-    s,
+  return /* @__PURE__ */ m.jsxDEV(
+    c,
     {
-      modal: n,
+      modal: i,
       onOpenChange: a,
-      open: p,
-      ref: i,
+      open: s,
+      ref: n,
       children: t
-    }
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-popover.tsx",
+      lineNumber: 30,
+      columnNumber: 5
+    },
+    this
   );
 });
 export {
-  C as DateTimePickerPopover
+  x as DateTimePickerPopover
 };
 //# sourceMappingURL=date-time-picker-popover.js.map

package/dist/components/date-time-picker/date-time-picker-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker-popover.js","sources":["../../../src/components/date-time-picker/date-time-picker-popover.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Popover } from \"../popover/popover\"\n\nimport { useDateTimePickerContext } from \"./date-time-picker-context\"\n\nexport type DateTimePickerPopoverProps = {\n  children: React.ReactNode\n  modal?: boolean\n}\n\nexport const DateTimePickerPopover = React.forwardRef<\n  HTMLElement,\n  DateTimePickerPopoverProps\n>(function DateTimePickerPopover({ children, modal = true }, ref) {\n  const { isOpen, cancel, setIsOpen } = useDateTimePickerContext()\n\n  const handleOpenChange = React.useCallback(\n    (open: boolean) => {\n      if (!open) {\n        cancel()\n      } else {\n        setIsOpen(true)\n      }\n    },\n    [cancel, setIsOpen]\n  )\n\n  return (\n    <Popover\n      modal={modal}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      ref={ref}\n    >\n      {children}\n    </Popover>\n  )\n})\n"],"names":["DateTimePickerPopover","React","children","modal","ref","isOpen","cancel","setIsOpen","useDateTimePickerContext","handleOpenChange","open","jsx","Popover"],"mappings":";;;;AAWO,MAAMA,IAAwBC,EAAM,WAGzC,SAA+B,EAAE,UAAAC,GAAU,OAAAC,IAAQ,GAAA,GAAQC,GAAK;AAChE,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,WAAAC,EAAA,IAAcC,EAAA,GAEhCC,IAAmBR,EAAM;AAAA,IAC7B,CAACS,MAAkB;AACjB,MAAKA,IAGHH,EAAU,EAAI,IAFdD,EAAA;AAAA,IAIJ;AAAA,IACA,CAACA,GAAQC,CAAS;AAAA,EAAA;AAGpB,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,cAAcM;AAAA,MACd,MAAMJ;AAAA,MACN,KAAAD;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"date-time-picker-popover.js","sources":["../../../src/components/date-time-picker/date-time-picker-popover.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Popover } from \"../popover/popover\"\n\nimport { useDateTimePickerContext } from \"./date-time-picker-context\"\n\nexport type DateTimePickerPopoverProps = {\n  children: React.ReactNode\n  modal?: boolean\n}\n\nexport const DateTimePickerPopover = React.forwardRef<\n  HTMLElement,\n  DateTimePickerPopoverProps\n>(function DateTimePickerPopover({ children, modal = true }, ref) {\n  const { isOpen, cancel, setIsOpen } = useDateTimePickerContext()\n\n  const handleOpenChange = React.useCallback(\n    (open: boolean) => {\n      if (!open) {\n        cancel()\n      } else {\n        setIsOpen(true)\n      }\n    },\n    [cancel, setIsOpen]\n  )\n\n  return (\n    <Popover\n      modal={modal}\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n      ref={ref}\n    >\n      {children}\n    </Popover>\n  )\n})\n"],"names":["DateTimePickerPopover","React","children","modal","ref","isOpen","cancel","setIsOpen","useDateTimePickerContext","handleOpenChange","open","jsxDEV","Popover"],"mappings":";;;;AAWO,MAAMA,IAAwBC,EAAM,WAGzC,SAA+B,EAAE,UAAAC,GAAU,OAAAC,IAAQ,GAAA,GAAQC,GAAK;AAChE,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,WAAAC,EAAA,IAAcC,EAAA,GAEhCC,IAAmBR,EAAM;AAAA,IAC7B,CAACS,MAAkB;AACjB,MAAKA,IAGHH,EAAU,EAAI,IAFdD,EAAA;AAAA,IAIJ;AAAA,IACA,CAACA,GAAQC,CAAS;AAAA,EAAA;AAGpB,SACEI,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,cAAcM;AAAA,MACd,MAAMJ;AAAA,MACN,KAAAD;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,IANH;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAA;AAAA,EAAA;AASJ,CAAC;"}

package/dist/components/date-time-picker/date-time-picker.js

@@ -1,8 +1,8 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import * as N from "react";
-import { SLOT_ATTR as O } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as _ } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { Field as b, FieldLabel as q, FieldError as w } from "../field/field.js";
+import { j as e } from "../../vendor/react/jsx-dev-runtime.js";
+import * as A from "react";
+import { SLOT_ATTR as C } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as I } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { Field as O, FieldLabel as _, FieldError as q } from "../field/field.js";
 import { makeVoltStyles as z } from "../../styles/make-styles.js";
 import { DateTimePickerRoot as B } from "./date-time-picker-context.js";
 import { DateTimePickerInput as G } from "./date-time-picker-input.js";
@@ -12,93 +12,141 @@ const K = z({
   root: {
     width: "100%"
   }
-}), oe = N.forwardRef(
+}), oe = A.forwardRef(
   function({
-    value: a,
-    onChange: m,
+    value: o,
+    onChange: l,
     onBlur: s,
-    disabled: d = !1,
-    disablePast: l = !1,
-    label: o,
-    error: t,
-    placeholder: c,
-    format: n,
-    locale: f,
-    className: p,
-    keyboardIcon: y,
-    okLabel: h,
+    disabled: a = !1,
+    disablePast: m = !1,
+    label: t,
+    error: i,
+    placeholder: n,
+    format: c,
+    locale: p,
+    className: d,
+    keyboardIcon: u,
+    okLabel: f,
     cancelLabel: k,
-    inputAriaLabel: v,
-    openPickerAriaLabel: P,
-    previousMonthLabel: T,
-    nextMonthLabel: u,
+    inputAriaLabel: x,
+    openPickerAriaLabel: v,
+    previousMonthLabel: N,
+    nextMonthLabel: g,
+    hoursLabel: h,
+    minutesLabel: b,
     showTodayButton: D,
-    todayLabel: F,
-    showWeekNumbers: M,
-    testId: R,
-    currentTimeInTimezone: g,
-    timePickerPosition: x,
+    todayLabel: y,
+    showWeekNumbers: j,
+    testId: E,
+    currentTimeInTimezone: V,
+    timePickerPosition: w,
     showTimePicker: r = !0,
-    editable: S,
-    iconPosition: j,
-    minuteStep: L
-  }, V) {
-    const A = K(), C = t ? "destructive" : "highlight", E = n ?? (r ? void 0 : "dd/MM/yyyy"), I = c ?? (r ? void 0 : "dd/MM/yyyy");
-    return /* @__PURE__ */ e(
+    editable: P,
+    iconPosition: T,
+    minuteStep: U
+  }, R) {
+    const F = K(), M = i ? "destructive" : "highlight", S = c ?? (r ? void 0 : "dd/MM/yyyy"), L = n ?? (r ? void 0 : "dd/MM/yyyy");
+    return /* @__PURE__ */ e.jsxDEV(
       B,
       {
-        currentTimeInTimezone: g,
-        disabled: d,
-        disablePast: l,
-        format: E,
-        locale: f,
+        currentTimeInTimezone: V,
+        disabled: a,
+        disablePast: m,
+        format: S,
+        locale: p,
         onBlur: s,
-        onChange: m,
-        value: a,
-        children: /* @__PURE__ */ i(
-          b,
+        onChange: l,
+        value: o,
+        children: /* @__PURE__ */ e.jsxDEV(
+          O,
           {
-            className: _(A.root, p),
+            className: I(F.root, d),
             "data-slot": "datetimepicker",
-            [O]: "datetimepicker",
-            ref: V,
-            variant: C,
+            [C]: "datetimepicker",
+            ref: R,
+            variant: M,
             children: [
-              o && /* @__PURE__ */ e(q, { children: o }),
-              /* @__PURE__ */ i(H, { children: [
-                /* @__PURE__ */ e(
+              t && /* @__PURE__ */ e.jsxDEV(_, { children: t }, void 0, !1, {
+                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker.tsx",
+                lineNumber: 121,
+                columnNumber: 21
+              }, this),
+              /* @__PURE__ */ e.jsxDEV(H, { children: [
+                /* @__PURE__ */ e.jsxDEV(
                   G,
                   {
-                    editable: S,
-                    iconPosition: j,
-                    inputAriaLabel: v,
-                    keyboardIcon: y,
-                    openPickerAriaLabel: P,
-                    placeholder: I,
-                    testId: R
-                  }
+                    editable: P,
+                    iconPosition: T,
+                    inputAriaLabel: x,
+                    keyboardIcon: u,
+                    openPickerAriaLabel: v,
+                    placeholder: L,
+                    testId: E
+                  },
+                  void 0,
+                  !1,
+                  {
+                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker.tsx",
+                    lineNumber: 123,
+                    columnNumber: 13
+                  },
+                  this
                 ),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ e.jsxDEV(
                   J,
                   {
                     cancelLabel: k,
-                    minuteStep: L,
-                    nextMonthLabel: u,
-                    okLabel: h,
-                    previousMonthLabel: T,
+                    hoursLabel: h,
+                    minuteStep: U,
+                    minutesLabel: b,
+                    nextMonthLabel: g,
+                    okLabel: f,
+                    previousMonthLabel: N,
                     showTimePicker: r,
                     showTodayButton: D,
-                    showWeekNumbers: M,
-                    timePickerPosition: x,
-                    todayLabel: F
-                  }
+                    showWeekNumbers: j,
+                    timePickerPosition: w,
+                    todayLabel: y
+                  },
+                  void 0,
+                  !1,
+                  {
+                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker.tsx",
+                    lineNumber: 132,
+                    columnNumber: 13
+                  },
+                  this
                 )
-              ] }),
-              t && /* @__PURE__ */ e(w, { children: t })
+              ] }, void 0, !0, {
+                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker.tsx",
+                lineNumber: 122,
+                columnNumber: 11
+              }, this),
+              i && /* @__PURE__ */ e.jsxDEV(q, { children: i }, void 0, !1, {
+                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker.tsx",
+                lineNumber: 147,
+                columnNumber: 21
+              }, this)
             ]
-          }
+          },
+          void 0,
+          !0,
+          {
+            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker.tsx",
+            lineNumber: 114,
+            columnNumber: 9
+          },
+          this
         )
-      }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker.tsx",
+        lineNumber: 104,
+        columnNumber: 7
+      },
+      this
     );
   }
 );

package/dist/components/date-time-picker/date-time-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker.js","sources":["../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses } from \"@epilot/volt-ui-runtime\"\n\nimport { Field, FieldError, FieldLabel } from \"../field/field\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\n\nimport { DateTimePickerRoot } from \"./date-time-picker-context\"\nimport type { DateTimePickerRootProps } from \"./date-time-picker-context\"\nimport { DateTimePickerInput } from \"./date-time-picker-input\"\nimport type { DateTimePickerInputProps } from \"./date-time-picker-input\"\nimport { DateTimePickerPopover } from \"./date-time-picker-popover\"\nimport type { DateTimePickerPopoverProps } from \"./date-time-picker-popover\"\nimport { DateTimePickerPanel } from \"./date-time-picker-panel\"\nimport type { DateTimePickerPanelProps } from \"./date-time-picker-panel\"\nimport { Calendar } from \"./calendar\"\nimport type { CalendarProps } from \"./calendar\"\nimport { TimePicker } from \"./time-picker\"\nimport type { TimePickerProps } from \"./time-picker\"\nimport type { DateTimePickerLocale } from \"./date-time-picker-utils\"\n\ntype DateTimePickerProps = {\n  value: Date | null\n  onChange: (date: Date | null) => void\n  onBlur?: () => void\n  disabled?: boolean\n  disablePast?: boolean\n  label?: string\n  error?: string\n  placeholder?: string\n  format?: string\n  locale?: DateTimePickerLocale\n  className?: string\n  keyboardIcon?: React.ReactNode\n  okLabel?: string\n  cancelLabel?: string\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  showTodayButton?: boolean\n  todayLabel?: string\n  showWeekNumbers?: boolean\n  testId?: string\n  currentTimeInTimezone?: Date\n  timePickerPosition?: \"bottom\" | \"side\"\n  showTimePicker?: boolean\n  editable?: boolean\n  iconPosition?: \"start\" | \"end\"\n  minuteStep?: number\n}\n\nconst useStyles = makeVoltStyles({\n  root: {\n    width: \"100%\",\n  },\n})\n\nconst DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      value,\n      onChange,\n      onBlur,\n      disabled = false,\n      disablePast = false,\n      label,\n      error,\n      placeholder,\n      format,\n      locale,\n      className,\n      keyboardIcon,\n      okLabel,\n      cancelLabel,\n      inputAriaLabel,\n      openPickerAriaLabel,\n      previousMonthLabel,\n      nextMonthLabel,\n      showTodayButton,\n      todayLabel,\n      showWeekNumbers,\n      testId,\n      currentTimeInTimezone,\n      timePickerPosition,\n      showTimePicker = true,\n      editable,\n      iconPosition,\n      minuteStep,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const fieldVariant = error ? \"destructive\" : \"highlight\"\n    const resolvedFormat = format ?? (showTimePicker ? undefined : \"dd/MM/yyyy\")\n    const resolvedPlaceholder =\n      placeholder ?? (showTimePicker ? undefined : \"dd/MM/yyyy\")\n\n    return (\n      <DateTimePickerRoot\n        currentTimeInTimezone={currentTimeInTimezone}\n        disabled={disabled}\n        disablePast={disablePast}\n        format={resolvedFormat}\n        locale={locale}\n        onBlur={onBlur}\n        onChange={onChange}\n        value={value}\n      >\n        <Field\n          className={mergeClasses(styles.root, className)}\n          data-slot=\"datetimepicker\"\n          {...{ [SLOT_ATTR]: \"datetimepicker\" }}\n          ref={ref}\n          variant={fieldVariant}\n        >\n          {label && <FieldLabel>{label}</FieldLabel>}\n          <DateTimePickerPopover>\n            <DateTimePickerInput\n              editable={editable}\n              iconPosition={iconPosition}\n              inputAriaLabel={inputAriaLabel}\n              keyboardIcon={keyboardIcon}\n              openPickerAriaLabel={openPickerAriaLabel}\n              placeholder={resolvedPlaceholder}\n              testId={testId}\n            />\n            <DateTimePickerPanel\n              cancelLabel={cancelLabel}\n              minuteStep={minuteStep}\n              nextMonthLabel={nextMonthLabel}\n              okLabel={okLabel}\n              previousMonthLabel={previousMonthLabel}\n              showTimePicker={showTimePicker}\n              showTodayButton={showTodayButton}\n              showWeekNumbers={showWeekNumbers}\n              timePickerPosition={timePickerPosition}\n              todayLabel={todayLabel}\n            />\n          </DateTimePickerPopover>\n          {error && <FieldError>{error}</FieldError>}\n        </Field>\n      </DateTimePickerRoot>\n    )\n  }\n)\n\nexport {\n  DateTimePicker,\n  DateTimePickerRoot,\n  DateTimePickerInput,\n  DateTimePickerPopover,\n  DateTimePickerPanel,\n  Calendar,\n  TimePicker,\n}\n\nexport type {\n  DateTimePickerProps,\n  DateTimePickerRootProps,\n  DateTimePickerInputProps,\n  DateTimePickerPopoverProps,\n  DateTimePickerPanelProps,\n  CalendarProps,\n  TimePickerProps,\n  DateTimePickerLocale,\n}\n"],"names":["useStyles","makeVoltStyles","DateTimePicker","React","value","onChange","onBlur","disabled","disablePast","label","error","placeholder","format","locale","className","keyboardIcon","okLabel","cancelLabel","inputAriaLabel","openPickerAriaLabel","previousMonthLabel","nextMonthLabel","showTodayButton","todayLabel","showWeekNumbers","testId","currentTimeInTimezone","timePickerPosition","showTimePicker","editable","iconPosition","minuteStep","ref","styles","fieldVariant","resolvedFormat","resolvedPlaceholder","jsx","DateTimePickerRoot","jsxs","Field","mergeClasses","SLOT_ATTR","FieldLabel","DateTimePickerPopover","DateTimePickerInput","DateTimePickerPanel","FieldError"],"mappings":";;;;;;;;;;AAoDA,MAAMA,IAAYC,EAAe;AAAA,EAC/B,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX,CAAC,GAEKC,KAAiBC,EAAM;AAAA,EAC3B,SACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,aAAAC,IAAc;AAAA,IACd,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,GAEFC,GACA;AACA,UAAMC,IAASjC,EAAA,GACTkC,IAAexB,IAAQ,gBAAgB,aACvCyB,IAAiBvB,MAAWgB,IAAiB,SAAY,eACzDQ,IACJzB,MAAgBiB,IAAiB,SAAY;AAE/C,WACE,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,uBAAAZ;AAAA,QACA,UAAAnB;AAAA,QACA,aAAAC;AAAA,QACA,QAAQ2B;AAAA,QACR,QAAAtB;AAAA,QACA,QAAAP;AAAA,QACA,UAAAD;AAAA,QACA,OAAAD;AAAA,QAEA,UAAA,gBAAAmC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAaR,EAAO,MAAMnB,CAAS;AAAA,YAC9C,aAAU;AAAA,YACJ,CAAC4B,CAAS,GAAG;AAAA,YACnB,KAAAV;AAAA,YACA,SAASE;AAAA,YAER,UAAA;AAAA,cAAAzB,KAAS,gBAAA4B,EAACM,KAAY,UAAAlC,EAAA,CAAM;AAAA,gCAC5BmC,GAAA,EACC,UAAA;AAAA,gBAAA,gBAAAP;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,UAAAhB;AAAA,oBACA,cAAAC;AAAA,oBACA,gBAAAZ;AAAA,oBACA,cAAAH;AAAA,oBACA,qBAAAI;AAAA,oBACA,aAAaiB;AAAA,oBACb,QAAAX;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEF,gBAAAY;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,aAAA7B;AAAA,oBACA,YAAAc;AAAA,oBACA,gBAAAV;AAAA,oBACA,SAAAL;AAAA,oBACA,oBAAAI;AAAA,oBACA,gBAAAQ;AAAA,oBACA,iBAAAN;AAAA,oBACA,iBAAAE;AAAA,oBACA,oBAAAG;AAAA,oBACA,YAAAJ;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF,GACF;AAAA,cACCb,KAAS,gBAAA2B,EAACU,GAAA,EAAY,UAAArC,EAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/B;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"date-time-picker.js","sources":["../../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses } from \"@epilot/volt-ui-runtime\"\n\nimport { Field, FieldError, FieldLabel } from \"../field/field\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\n\nimport { DateTimePickerRoot } from \"./date-time-picker-context\"\nimport type { DateTimePickerRootProps } from \"./date-time-picker-context\"\nimport { DateTimePickerInput } from \"./date-time-picker-input\"\nimport type { DateTimePickerInputProps } from \"./date-time-picker-input\"\nimport { DateTimePickerPopover } from \"./date-time-picker-popover\"\nimport type { DateTimePickerPopoverProps } from \"./date-time-picker-popover\"\nimport { DateTimePickerPanel } from \"./date-time-picker-panel\"\nimport type { DateTimePickerPanelProps } from \"./date-time-picker-panel\"\nimport { Calendar } from \"./calendar\"\nimport type { CalendarProps } from \"./calendar\"\nimport { TimePicker } from \"./time-picker\"\nimport type { TimePickerProps } from \"./time-picker\"\nimport type { DateTimePickerLocale } from \"./date-time-picker-utils\"\n\ntype DateTimePickerProps = {\n  value: Date | null\n  onChange: (date: Date | null) => void\n  onBlur?: () => void\n  disabled?: boolean\n  disablePast?: boolean\n  label?: string\n  error?: string\n  placeholder?: string\n  format?: string\n  locale?: DateTimePickerLocale\n  className?: string\n  keyboardIcon?: React.ReactNode\n  okLabel?: string\n  cancelLabel?: string\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  previousMonthLabel?: string\n  nextMonthLabel?: string\n  hoursLabel?: string\n  minutesLabel?: string\n  showTodayButton?: boolean\n  todayLabel?: string\n  showWeekNumbers?: boolean\n  testId?: string\n  currentTimeInTimezone?: Date\n  timePickerPosition?: \"bottom\" | \"side\"\n  showTimePicker?: boolean\n  editable?: boolean\n  iconPosition?: \"start\" | \"end\"\n  minuteStep?: number\n}\n\nconst useStyles = makeVoltStyles({\n  root: {\n    width: \"100%\",\n  },\n})\n\nconst DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      value,\n      onChange,\n      onBlur,\n      disabled = false,\n      disablePast = false,\n      label,\n      error,\n      placeholder,\n      format,\n      locale,\n      className,\n      keyboardIcon,\n      okLabel,\n      cancelLabel,\n      inputAriaLabel,\n      openPickerAriaLabel,\n      previousMonthLabel,\n      nextMonthLabel,\n      hoursLabel,\n      minutesLabel,\n      showTodayButton,\n      todayLabel,\n      showWeekNumbers,\n      testId,\n      currentTimeInTimezone,\n      timePickerPosition,\n      showTimePicker = true,\n      editable,\n      iconPosition,\n      minuteStep,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const fieldVariant = error ? \"destructive\" : \"highlight\"\n    const resolvedFormat = format ?? (showTimePicker ? undefined : \"dd/MM/yyyy\")\n    const resolvedPlaceholder =\n      placeholder ?? (showTimePicker ? undefined : \"dd/MM/yyyy\")\n\n    return (\n      <DateTimePickerRoot\n        currentTimeInTimezone={currentTimeInTimezone}\n        disabled={disabled}\n        disablePast={disablePast}\n        format={resolvedFormat}\n        locale={locale}\n        onBlur={onBlur}\n        onChange={onChange}\n        value={value}\n      >\n        <Field\n          className={mergeClasses(styles.root, className)}\n          data-slot=\"datetimepicker\"\n          {...{ [SLOT_ATTR]: \"datetimepicker\" }}\n          ref={ref}\n          variant={fieldVariant}\n        >\n          {label && <FieldLabel>{label}</FieldLabel>}\n          <DateTimePickerPopover>\n            <DateTimePickerInput\n              editable={editable}\n              iconPosition={iconPosition}\n              inputAriaLabel={inputAriaLabel}\n              keyboardIcon={keyboardIcon}\n              openPickerAriaLabel={openPickerAriaLabel}\n              placeholder={resolvedPlaceholder}\n              testId={testId}\n            />\n            <DateTimePickerPanel\n              cancelLabel={cancelLabel}\n              hoursLabel={hoursLabel}\n              minuteStep={minuteStep}\n              minutesLabel={minutesLabel}\n              nextMonthLabel={nextMonthLabel}\n              okLabel={okLabel}\n              previousMonthLabel={previousMonthLabel}\n              showTimePicker={showTimePicker}\n              showTodayButton={showTodayButton}\n              showWeekNumbers={showWeekNumbers}\n              timePickerPosition={timePickerPosition}\n              todayLabel={todayLabel}\n            />\n          </DateTimePickerPopover>\n          {error && <FieldError>{error}</FieldError>}\n        </Field>\n      </DateTimePickerRoot>\n    )\n  }\n)\n\nexport {\n  DateTimePicker,\n  DateTimePickerRoot,\n  DateTimePickerInput,\n  DateTimePickerPopover,\n  DateTimePickerPanel,\n  Calendar,\n  TimePicker,\n}\n\nexport type {\n  DateTimePickerProps,\n  DateTimePickerRootProps,\n  DateTimePickerInputProps,\n  DateTimePickerPopoverProps,\n  DateTimePickerPanelProps,\n  CalendarProps,\n  TimePickerProps,\n  DateTimePickerLocale,\n}\n"],"names":["useStyles","makeVoltStyles","DateTimePicker","React","value","onChange","onBlur","disabled","disablePast","label","error","placeholder","format","locale","className","keyboardIcon","okLabel","cancelLabel","inputAriaLabel","openPickerAriaLabel","previousMonthLabel","nextMonthLabel","hoursLabel","minutesLabel","showTodayButton","todayLabel","showWeekNumbers","testId","currentTimeInTimezone","timePickerPosition","showTimePicker","editable","iconPosition","minuteStep","ref","styles","fieldVariant","resolvedFormat","resolvedPlaceholder","jsxDEV","DateTimePickerRoot","Field","mergeClasses","SLOT_ATTR","FieldLabel","DateTimePickerPopover","DateTimePickerInput","DateTimePickerPanel","FieldError"],"mappings":"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"}