@zyncat/ui 0.11.0 → 0.13.0

package/dist/date-field.js

@@ -1,24 +1,26 @@
-'use client';import { DtpPanel } from './chunk-Y7AJQVWJ.js';
+'use client';import { DtpPanel } from './chunk-EF6RPXU7.js';
 import './chunk-TCUCYFT7.js';
-import { Popover } from './chunk-XJQQQJAO.js';
-import './chunk-62P3KD57.js';
-import { FieldTrigger, displayDay, FieldShell } from './chunk-YGGCQNNU.js';
-import './chunk-DKVUPFQR.js';
-import './chunk-U4MHX3KH.js';
+import { FieldTrigger, displayDay, FieldShell } from './chunk-4C5RZXBT.js';
+import { Popover } from './chunk-CF4QHO4N.js';
+import './chunk-IUQAUBVM.js';
 import './chunk-UE63OOVG.js';
-import './chunk-WM5J5TDI.js';
-import './chunk-NEF5XAHG.js';
-import './chunk-NGTA34V2.js';
-import './chunk-2QWJ6FAX.js';
-import './chunk-XWUWYSCT.js';
-import './chunk-YGCVWGUG.js';
-import './chunk-I4XQ4PV2.js';
-import './chunk-3SBCBYB7.js';
+import './chunk-A5WTZACK.js';
+import './chunk-VAXCXZ53.js';
+import './chunk-JY6A2ZJZ.js';
+import './chunk-CNWTIMIP.js';
+import './chunk-HDSFWZ7L.js';
+import './chunk-DDRSMHN4.js';
+import './chunk-TUTXXC3W.js';
+import './chunk-5PZ43DCG.js';
+import './chunk-M43IOM5C.js';
+import './chunk-IJS7TPGV.js';
+import './chunk-4BSHB7R3.js';
+import './chunk-EAI4POPB.js';
 import { useControllable } from './chunk-MMRIQNEN.js';
-import './chunk-S5ZTZANS.js';
-import './chunk-2F5PITAO.js';
-import './chunk-7SZCJ7WI.js';
-import './chunk-VTJTGVZZ.js';
+import './chunk-7IZJERGA.js';
+import './chunk-HY5MPISE.js';
+import './chunk-45R4Z5XN.js';
+import './chunk-DMX2F6B4.js';
 import './chunk-QGNC7LH5.js';
 import './date-picker.css';
 import { useState } from 'react';
@@ -39,6 +41,7 @@ function DateField({
   disabled = false,
   className = "",
   htmlProps,
+  activateOn = "pointerdown",
   animation
 }) {
   const [val, commit] = useControllable(value, defaultValue, onChange);
@@ -61,6 +64,7 @@ function DateField({
           trigger,
           side: "bottom",
           align: "start",
+          activateOn,
           animation,
           open: pickerOpen,
           onOpenChange: setPickerOpen,
@@ -73,7 +77,8 @@ function DateField({
               min,
               max,
               timezone,
-              label
+              label,
+              activateOn
             }
           )
         }

package/dist/date-field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/composites/date-picker/DateField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,SAAS,SAAA,CAAU;AAAA,EACxB,KAAA;AAAA,EACA,YAAA,GAAe,IAAA;AAAA,EACf,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA,GAAc,aAAA;AAAA,EACd,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,OAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ,SAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,IAAI,eAAA,CAAgB,KAAA,EAAO,cAAc,QAAQ,CAAA;AACnE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,OAAA,uBAAW,YAAA,EAAA,EAAa,OAAA,EAAS,WAAW,GAAG,CAAA,EAAG,aAA0B,QAAA,EAAoB,CAAA;AAEtG,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,KAAA;AAAA,MACR,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA,EAAK,UAAA;AAAA,MACL,SAAA;AAAA,MACA,SAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,KAAA,EAAM,OAAA;AAAA,UACN,SAAA;AAAA,UACA,IAAA,EAAM,UAAA;AAAA,UACN,YAAA,EAAc,aAAA;AAAA,UAEd,QAAA,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,MAAA;AAAA,cACA,KAAA,EAAO,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,cAChC,GAAA;AAAA,cACA,GAAA;AAAA,cACA,QAAA;AAAA,cACA;AAAA;AAAA;AACF;AAAA;AACF;AAAA,GACF;AAEJ","file":"date-field.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\nimport { useState } from 'react';\nimport { Popover } from '../popover/Popover';\nimport { FieldShell, FieldTrigger, type DateFieldBaseProps } from './field-shell';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { DtpPanel } from './calendar-panel';\nimport { displayDay } from './date-utils';\n\nexport interface DateFieldProps extends DateFieldBaseProps {\n  /** Controlled value, 'YYYY-MM-DD'. */\n  value?: string | null;\n  /** Uncontrolled initial value, 'YYYY-MM-DD'. Use instead of `value`. @default null */\n  defaultValue?: string | null;\n  /** Fires on each day pick (commit is live), with the picked 'YYYY-MM-DD'. */\n  onChange?: (value: string) => void;\n  /** Trigger text shown when no date is picked. @default 'Pick a date' */\n  placeholder?: string;\n  /** IANA timezone name (e.g. 'Europe/Riga') - display context only, shown with its GMT offset in the footer. */\n  timezone?: string;\n  /** Earliest pickable date, 'YYYY-MM-DD', inclusive. */\n  min?: string;\n  /** Latest pickable date, 'YYYY-MM-DD', inclusive. */\n  max?: string;\n}\n\nexport function DateField({\n  value,\n  defaultValue = null,\n  onChange,\n  label,\n  placeholder = 'Pick a date',\n  timezone,\n  min,\n  max,\n  required = false,\n  invalid = false,\n  message,\n  disabled = false,\n  className = '',\n  htmlProps,\n  animation,\n}: DateFieldProps) {\n  const [val, commit] = useControllable(value, defaultValue, onChange);\n  const [pickerOpen, setPickerOpen] = useState(false);\n  const trigger = <FieldTrigger display={displayDay(val)} placeholder={placeholder} disabled={disabled} />;\n\n  return (\n    <FieldShell\n      variant=\"dtf\"\n      label={label}\n      required={required}\n      invalid={invalid}\n      message={message}\n      icon=\"calendar\"\n      className={className}\n      htmlProps={htmlProps}\n    >\n      <Popover\n        trigger={trigger}\n        side=\"bottom\"\n        align=\"start\"\n        animation={animation}\n        open={pickerOpen}\n        onOpenChange={setPickerOpen}\n      >\n        <DtpPanel\n          val={val}\n          commit={commit}\n          close={() => setPickerOpen(false)}\n          min={min}\n          max={max}\n          timezone={timezone}\n          label={label}\n        />\n      </Popover>\n    </FieldShell>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/composites/date-picker/DateField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,SAAS,SAAA,CAAU;AAAA,EACxB,KAAA;AAAA,EACA,YAAA,GAAe,IAAA;AAAA,EACf,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA,GAAc,aAAA;AAAA,EACd,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,OAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ,SAAA;AAAA,EACA,UAAA,GAAa,aAAA;AAAA,EACb;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,IAAI,eAAA,CAAgB,KAAA,EAAO,cAAc,QAAQ,CAAA;AACnE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,OAAA,uBAAW,YAAA,EAAA,EAAa,OAAA,EAAS,WAAW,GAAG,CAAA,EAAG,aAA0B,QAAA,EAAoB,CAAA;AAEtG,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,KAAA;AAAA,MACR,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA,EAAK,UAAA;AAAA,MACL,SAAA;AAAA,MACA,SAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,KAAA,EAAM,OAAA;AAAA,UACN,UAAA;AAAA,UACA,SAAA;AAAA,UACA,IAAA,EAAM,UAAA;AAAA,UACN,YAAA,EAAc,aAAA;AAAA,UAEd,QAAA,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,MAAA;AAAA,cACA,KAAA,EAAO,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,cAChC,GAAA;AAAA,cACA,GAAA;AAAA,cACA,QAAA;AAAA,cACA,KAAA;AAAA,cACA;AAAA;AAAA;AACF;AAAA;AACF;AAAA,GACF;AAEJ","file":"date-field.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\n\nimport { useState } from 'react';\n\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { Popover } from '../popover/Popover';\nimport { DtpPanel } from './calendar-panel';\nimport { displayDay } from './date-utils';\nimport { FieldShell, FieldTrigger, type DateFieldBaseProps } from './field-shell';\n\nexport interface DateFieldProps extends DateFieldBaseProps {\n  /** Controlled value, 'YYYY-MM-DD'. */\n  value?: string | null;\n  /** Uncontrolled initial value, 'YYYY-MM-DD'. Use instead of `value`. @default null */\n  defaultValue?: string | null;\n  /** Fires on each day pick (commit is live), with the picked 'YYYY-MM-DD'. */\n  onChange?: (value: string) => void;\n  /** Trigger text shown when no date is picked. @default 'Pick a date' */\n  placeholder?: string;\n  /** IANA timezone name (e.g. 'Europe/Riga') - display context only, shown with its GMT offset in the footer. */\n  timezone?: string;\n  /** Earliest pickable date, 'YYYY-MM-DD', inclusive. */\n  min?: string;\n  /** Latest pickable date, 'YYYY-MM-DD', inclusive. */\n  max?: string;\n}\n\nexport function DateField({\n  value,\n  defaultValue = null,\n  onChange,\n  label,\n  placeholder = 'Pick a date',\n  timezone,\n  min,\n  max,\n  required = false,\n  invalid = false,\n  message,\n  disabled = false,\n  className = '',\n  htmlProps,\n  activateOn = 'pointerdown',\n  animation,\n}: DateFieldProps) {\n  const [val, commit] = useControllable(value, defaultValue, onChange);\n  const [pickerOpen, setPickerOpen] = useState(false);\n  const trigger = <FieldTrigger display={displayDay(val)} placeholder={placeholder} disabled={disabled} />;\n\n  return (\n    <FieldShell\n      variant=\"dtf\"\n      label={label}\n      required={required}\n      invalid={invalid}\n      message={message}\n      icon=\"calendar\"\n      className={className}\n      htmlProps={htmlProps}\n    >\n      <Popover\n        trigger={trigger}\n        side=\"bottom\"\n        align=\"start\"\n        activateOn={activateOn}\n        animation={animation}\n        open={pickerOpen}\n        onOpenChange={setPickerOpen}\n      >\n        <DtpPanel\n          val={val}\n          commit={commit}\n          close={() => setPickerOpen(false)}\n          min={min}\n          max={max}\n          timezone={timezone}\n          label={label}\n          activateOn={activateOn}\n        />\n      </Popover>\n    </FieldShell>\n  );\n}\n"]}