@kalyx/react 1.0.0-rc.12 → 1.0.0-rc.14

package/dist/index.cjs

@@ -1,12 +1,29 @@
 "use client";
 'use strict';
 
+var adapterDateFns = require('@kalyx/adapter-date-fns');
 var react = require('react');
 var core = require('@kalyx/core');
 var jsxRuntime = require('react/jsx-runtime');
 var react$1 = require('@floating-ui/react');
 
-// src/components/DatePicker/Root.tsx
+// src/index.ts
+
+// src/internal/defaultAdapter.ts
+var __defaultAdapter = null;
+function setDefaultAdapter(adapter) {
+  __defaultAdapter = adapter;
+}
+function getDefaultAdapter() {
+  return __defaultAdapter;
+}
+function resolveAdapter(passed, fallback, componentName) {
+  if (passed) return passed;
+  if (fallback) return fallback;
+  throw new Error(
+    `[@kalyx/react/headless] ${componentName} requires an adapter. Pass one via <${componentName} adapter={...}>. If you don't need a custom adapter, import from '@kalyx/react' instead.`
+  );
+}
 var DatePickerContext = react.createContext(null);
 function useDatePickerContext(componentName) {
   const context = react.useContext(DatePickerContext);
@@ -45,10 +62,11 @@ function DatePickerRoot({
   displayFormat = "yyyy-MM-dd",
   locale = "en-US",
   displayTimezone,
-  adapter = core.DateFnsAdapter,
+  adapter: adapterProp,
   labels: labelsProp,
   children
 }) {
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "DatePicker");
   const pickerId = react.useId();
   const isControlled = react.useRef(controlledValue !== void 0).current;
   const referenceRef = react.useRef(null);
@@ -1126,10 +1144,11 @@ function RangePickerRoot({
   displayFormat = "yyyy-MM-dd",
   locale = "en-US",
   displayTimezone,
-  adapter = core.DateFnsAdapter,
+  adapter: adapterProp,
   labels: labelsProp,
   children
 }) {
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "RangePicker");
   const pickerId = react.useId();
   const isControlled = react.useRef(controlledValue !== void 0).current;
   const referenceRef = react.useRef(null);
@@ -1804,9 +1823,11 @@ function TimePickerRoot({
   disabled = false,
   readOnly = false,
   filterTime,
+  adapter: adapterProp,
   labels: labelsProp,
   children
 }) {
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "TimePicker");
   const pickerId = react.useId();
   const mergedLabels = react.useMemo(
     () => ({ ...core.DEFAULT_TIMEPICKER_LABELS, ...labelsProp }),
@@ -1824,14 +1845,14 @@ function TimePickerRoot({
   const setTime = react.useCallback(
     (partial) => {
       if (disabled || readOnly) return;
-      const base = currentValue ?? core.DateFnsAdapter.today(displayTimezone);
+      const base = currentValue ?? adapter.today(displayTimezone);
       const newIso = displayTimezone ? core.setTimeInTimezone(base, partial, displayTimezone) : core.setTime(base, partial);
       if (!isControlled) {
         setUncontrolledValue(newIso);
       }
       onChange?.(newIso);
     },
-    [disabled, readOnly, currentValue, displayTimezone, isControlled, onChange]
+    [disabled, readOnly, currentValue, displayTimezone, isControlled, onChange, adapter]
   );
   const contextValue = react.useMemo(
     () => ({
@@ -2207,10 +2228,11 @@ function DateTimePickerRoot({
   displayFormat = "yyyy-MM-dd HH:mm",
   locale = "en-US",
   displayTimezone,
-  adapter = core.DateFnsAdapter,
+  adapter: adapterProp,
   labels: labelsProp,
   children
 }) {
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "DateTimePicker");
   const pickerId = react.useId();
   const mergedDateLabels = react.useMemo(
     () => ({ ...core.DEFAULT_DATEPICKER_LABELS, ...labelsProp }),
@@ -2745,9 +2767,10 @@ function useDatePicker(options = {}) {
     onChange,
     disabled = [],
     weekStartsOn = 0,
-    adapter = core.DateFnsAdapter,
+    adapter: adapterProp,
     displayTimezone
   } = options;
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "useDatePicker");
   const pickerId = react.useId();
   const isControlled = react.useRef(controlledValue !== void 0).current;
   const [uncontrolledValue, setUncontrolledValue] = react.useState(
@@ -2828,9 +2851,10 @@ function useRangePicker(options = {}) {
     onChange,
     disabled = [],
     weekStartsOn = 0,
-    adapter = core.DateFnsAdapter,
+    adapter: adapterProp,
     displayTimezone
   } = options;
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "useRangePicker");
   const pickerId = react.useId();
   const isControlled = react.useRef(controlledValue !== void 0).current;
   const [uncontrolledValue, setUncontrolledValue] = react.useState(
@@ -2935,9 +2959,6 @@ function useRangePicker(options = {}) {
     adapter
   };
 }
-function getDefaultIso() {
-  return core.DateFnsAdapter.today();
-}
 function useTimePicker(options = {}) {
   const {
     value: controlledValue,
@@ -2945,15 +2966,17 @@ function useTimePicker(options = {}) {
     onChange,
     format = "24h",
     step = 1,
-    displayTimezone
+    displayTimezone,
+    adapter: adapterProp
   } = options;
+  const adapter = resolveAdapter(adapterProp, getDefaultAdapter(), "useTimePicker");
   const pickerId = react.useId();
   const isControlled = react.useRef(controlledValue !== void 0).current;
   const [uncontrolledValue, setUncontrolledValue] = react.useState(
     defaultValue ?? null
   );
   const currentValue = isControlled ? controlledValue ?? null : uncontrolledValue;
-  const baseIso = currentValue ?? getDefaultIso();
+  const baseIso = currentValue ?? adapter.today();
   const currentTime = react.useMemo(
     () => displayTimezone ? core.getTimeInTimezone(baseIso, displayTimezone) : core.getTime(baseIso),
     [baseIso, displayTimezone]
@@ -3003,7 +3026,12 @@ function useTimePicker(options = {}) {
     pickerId
   };
 }
+setDefaultAdapter(adapterDateFns.DateFnsAdapter);
 
+Object.defineProperty(exports, "DateFnsAdapter", {
+  enumerable: true,
+  get: function () { return adapterDateFns.DateFnsAdapter; }
+});
 Object.defineProperty(exports, "DEFAULT_DATEPICKER_LABELS", {
   enumerable: true,
   get: function () { return core.DEFAULT_DATEPICKER_LABELS; }
@@ -3020,10 +3048,6 @@ Object.defineProperty(exports, "DEFAULT_TIMEPICKER_LABELS", {
   enumerable: true,
   get: function () { return core.DEFAULT_TIMEPICKER_LABELS; }
 });
-Object.defineProperty(exports, "DateFnsAdapter", {
-  enumerable: true,
-  get: function () { return core.DateFnsAdapter; }
-});
 exports.DatePicker = DatePicker;
 exports.DateTimePicker = DateTimePicker;
 exports.MonthPicker = MonthPicker;