@frontify/fondue-components 29.1.0 → 29.2.0

package/dist/fondue-components127.js

@@ -1,48 +1,130 @@
-const c = "_root_13ciu_7", e = "_selectedValue_13ciu_63", _ = "_input_13ciu_80", o = "_slot_13ciu_106", t = "_clear_13ciu_156", n = "_clearIcon_13ciu_163", u = "_icons_13ciu_167", i = "_caret_13ciu_173", r = "_iconSuccess_13ciu_201", s = "_iconError_13ciu_207", a = "_menu_13ciu_213", l = "_portal_13ciu_236", p = "_item_13ciu_252", g = "_checkmarkIcon_13ciu_281", m = "_itemValue_13ciu_287", d = "_group_13ciu_301", I = "_groupHeading_13ciu_312", b = "_badgesContainer_13ciu_324", k = "_badgeWrapper_13ciu_336", S = "_srOnly_13ciu_345", V = "_multiSelectInput_13ciu_357", y = {
-  root: c,
-  selectedValue: e,
-  input: _,
-  slot: o,
-  clear: t,
-  clearIcon: n,
-  icons: u,
-  caret: i,
-  iconSuccess: r,
-  iconError: s,
-  menu: a,
-  portal: l,
-  item: p,
-  checkmarkIcon: g,
-  itemValue: m,
-  group: d,
-  groupHeading: I,
-  badgesContainer: b,
-  badgeWrapper: k,
-  srOnly: S,
-  multiSelectInput: V
-};
+import { useCallback as c } from "react";
+import { deepEqual as f } from "./fondue-components135.js";
+import { defaultSortableTransition as x, Sortable as R } from "./fondue-components89.js";
+import { isSortable as rr } from "./fondue-components89.js";
+import { useInstance as T } from "@dnd-kit/react";
+import { useDeepSignal as V, useOnValueChange as i, useIsomorphicLayoutEffect as k, useOnElementChange as m, useImmediateEffect as q } from "./fondue-components136.js";
+import { currentValue as v } from "./fondue-components137.js";
+import { batch as L } from "./fondue-components138.js";
+var N = Object.defineProperty, U = Object.defineProperties, z = Object.getOwnPropertyDescriptors, I = Object.getOwnPropertySymbols, A = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable, j = (o, t, a) => t in o ? N(o, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[t] = a, _ = (o, t) => {
+  for (var a in t || (t = {}))
+    A.call(t, a) && j(o, a, t[a]);
+  if (I)
+    for (var a of I(t))
+      B.call(t, a) && j(o, a, t[a]);
+  return o;
+}, F = (o, t) => U(o, z(t));
+function Y(o) {
+  const {
+    accept: t,
+    collisionDetector: a,
+    collisionPriority: b,
+    id: O,
+    data: p,
+    element: h,
+    handle: y,
+    index: g,
+    group: D,
+    disabled: P,
+    feedback: d,
+    modifiers: S,
+    sensors: w,
+    target: C,
+    type: E
+  } = o, l = _(_({}, x), o.transition), r = T((e) => new R(
+    F(_({}, o), {
+      transition: l,
+      register: !1,
+      handle: v(y),
+      element: v(h),
+      target: v(C),
+      feedback: d
+    }),
+    e
+  )), u = V(r, G);
+  return i(O, () => r.id = O), k(() => {
+    L(() => {
+      r.group = D, r.index = g;
+    });
+  }, [r, D, g]), i(E, () => r.type = E), i(
+    t,
+    () => r.accept = t,
+    void 0,
+    f
+  ), i(p, () => p && (r.data = p)), i(
+    g,
+    () => {
+      var e;
+      (e = r.manager) != null && e.dragOperation.status.idle && (l != null && l.idle) && r.refreshShape();
+    },
+    q
+  ), m(y, (e) => r.handle = e), m(h, (e) => r.element = e), m(C, (e) => r.target = e), i(P, () => r.disabled = P === !0), i(w, () => r.sensors = w), i(
+    a,
+    () => r.collisionDetector = a
+  ), i(
+    b,
+    () => r.collisionPriority = b
+  ), i(d, () => r.feedback = d ?? "default"), i(
+    l,
+    () => r.transition = l,
+    void 0,
+    f
+  ), i(
+    S,
+    () => r.modifiers = S,
+    void 0,
+    f
+  ), i(
+    o.alignment,
+    () => r.alignment = o.alignment
+  ), {
+    sortable: u,
+    get isDragging() {
+      return u.isDragging;
+    },
+    get isDropping() {
+      return u.isDropping;
+    },
+    get isDragSource() {
+      return u.isDragSource;
+    },
+    get isDropTarget() {
+      return u.isDropTarget;
+    },
+    handleRef: c(
+      (e) => {
+        r.handle = e ?? void 0;
+      },
+      [r]
+    ),
+    ref: c(
+      (e) => {
+        var n, s;
+        !e && ((n = r.element) != null && n.isConnected) && !((s = r.manager) != null && s.dragOperation.status.idle) || (r.element = e ?? void 0);
+      },
+      [r]
+    ),
+    sourceRef: c(
+      (e) => {
+        var n, s;
+        !e && ((n = r.source) != null && n.isConnected) && !((s = r.manager) != null && s.dragOperation.status.idle) || (r.source = e ?? void 0);
+      },
+      [r]
+    ),
+    targetRef: c(
+      (e) => {
+        var n, s;
+        !e && ((n = r.target) != null && n.isConnected) && !((s = r.manager) != null && s.dragOperation.status.idle) || (r.target = e ?? void 0);
+      },
+      [r]
+    )
+  };
+}
+function G(o, t, a) {
+  return !!(o === "isDragSource" && !a && t);
+}
 export {
-  k as badgeWrapper,
-  b as badgesContainer,
-  i as caret,
-  g as checkmarkIcon,
-  t as clear,
-  n as clearIcon,
-  y as default,
-  d as group,
-  I as groupHeading,
-  s as iconError,
-  r as iconSuccess,
-  u as icons,
-  _ as input,
-  p as item,
-  m as itemValue,
-  a as menu,
-  V as multiSelectInput,
-  l as portal,
-  c as root,
-  e as selectedValue,
-  o as slot,
-  S as srOnly
+  rr as isSortable,
+  Y as useSortable
 };
 //# sourceMappingURL=fondue-components127.js.map

package/dist/fondue-components127.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components127.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fondue-components127.js","sources":["../../../node_modules/.pnpm/@dnd-kit+react@0.3.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@dnd-kit/react/sortable.js"],"sourcesContent":["import { useCallback } from 'react';\nimport { batch, deepEqual } from '@dnd-kit/state';\nimport { defaultSortableTransition, Sortable } from '@dnd-kit/dom/sortable';\nexport { isSortable, isSortableOperation } from '@dnd-kit/dom/sortable';\nimport { useInstance } from '@dnd-kit/react';\nimport { useDeepSignal, useOnValueChange, useIsomorphicLayoutEffect, useImmediateEffect, useOnElementChange } from '@dnd-kit/react/hooks';\nimport { currentValue } from '@dnd-kit/react/utilities';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction useSortable(input) {\n  const {\n    accept,\n    collisionDetector,\n    collisionPriority,\n    id,\n    data,\n    element,\n    handle,\n    index,\n    group,\n    disabled,\n    feedback,\n    modifiers,\n    sensors,\n    target,\n    type\n  } = input;\n  const transition = __spreadValues(__spreadValues({}, defaultSortableTransition), input.transition);\n  const sortable = useInstance((manager) => {\n    return new Sortable(\n      __spreadProps(__spreadValues({}, input), {\n        transition,\n        register: false,\n        handle: currentValue(handle),\n        element: currentValue(element),\n        target: currentValue(target),\n        feedback\n      }),\n      manager\n    );\n  });\n  const trackedSortable = useDeepSignal(sortable, shouldUpdateSynchronously);\n  useOnValueChange(id, () => sortable.id = id);\n  useIsomorphicLayoutEffect(() => {\n    batch(() => {\n      sortable.group = group;\n      sortable.index = index;\n    });\n  }, [sortable, group, index]);\n  useOnValueChange(type, () => sortable.type = type);\n  useOnValueChange(\n    accept,\n    () => sortable.accept = accept,\n    void 0,\n    deepEqual\n  );\n  useOnValueChange(data, () => data && (sortable.data = data));\n  useOnValueChange(\n    index,\n    () => {\n      var _a;\n      if (((_a = sortable.manager) == null ? void 0 : _a.dragOperation.status.idle) && (transition == null ? void 0 : transition.idle)) {\n        sortable.refreshShape();\n      }\n    },\n    useImmediateEffect\n  );\n  useOnElementChange(handle, (handle2) => sortable.handle = handle2);\n  useOnElementChange(element, (element2) => sortable.element = element2);\n  useOnElementChange(target, (target2) => sortable.target = target2);\n  useOnValueChange(disabled, () => sortable.disabled = disabled === true);\n  useOnValueChange(sensors, () => sortable.sensors = sensors);\n  useOnValueChange(\n    collisionDetector,\n    () => sortable.collisionDetector = collisionDetector\n  );\n  useOnValueChange(\n    collisionPriority,\n    () => sortable.collisionPriority = collisionPriority\n  );\n  useOnValueChange(feedback, () => sortable.feedback = feedback != null ? feedback : \"default\");\n  useOnValueChange(\n    transition,\n    () => sortable.transition = transition,\n    void 0,\n    deepEqual\n  );\n  useOnValueChange(\n    modifiers,\n    () => sortable.modifiers = modifiers,\n    void 0,\n    deepEqual\n  );\n  useOnValueChange(\n    input.alignment,\n    () => sortable.alignment = input.alignment\n  );\n  return {\n    sortable: trackedSortable,\n    get isDragging() {\n      return trackedSortable.isDragging;\n    },\n    get isDropping() {\n      return trackedSortable.isDropping;\n    },\n    get isDragSource() {\n      return trackedSortable.isDragSource;\n    },\n    get isDropTarget() {\n      return trackedSortable.isDropTarget;\n    },\n    handleRef: useCallback(\n      (element2) => {\n        sortable.handle = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    ),\n    ref: useCallback(\n      (element2) => {\n        var _a, _b;\n        if (!element2 && ((_a = sortable.element) == null ? void 0 : _a.isConnected) && !((_b = sortable.manager) == null ? void 0 : _b.dragOperation.status.idle)) {\n          return;\n        }\n        sortable.element = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    ),\n    sourceRef: useCallback(\n      (element2) => {\n        var _a, _b;\n        if (!element2 && ((_a = sortable.source) == null ? void 0 : _a.isConnected) && !((_b = sortable.manager) == null ? void 0 : _b.dragOperation.status.idle)) {\n          return;\n        }\n        sortable.source = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    ),\n    targetRef: useCallback(\n      (element2) => {\n        var _a, _b;\n        if (!element2 && ((_a = sortable.target) == null ? void 0 : _a.isConnected) && !((_b = sortable.manager) == null ? void 0 : _b.dragOperation.status.idle)) {\n          return;\n        }\n        sortable.target = element2 != null ? element2 : void 0;\n      },\n      [sortable]\n    )\n  };\n}\nfunction shouldUpdateSynchronously(key, oldValue, newValue) {\n  if (key === \"isDragSource\" && !newValue && oldValue) return true;\n  return false;\n}\n\nexport { useSortable };\n//# sourceMappingURL=sortable.js.map\n//# sourceMappingURL=sortable.js.map"],"names":["__defProp","__defProps","__getOwnPropDescs","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","__spreadProps","useSortable","input","accept","collisionDetector","collisionPriority","id","data","element","handle","index","group","disabled","feedback","modifiers","sensors","target","type","transition","defaultSortableTransition","sortable","useInstance","manager","Sortable","currentValue","trackedSortable","useDeepSignal","shouldUpdateSynchronously","useOnValueChange","useIsomorphicLayoutEffect","batch","deepEqual","_a","useImmediateEffect","useOnElementChange","handle2","element2","target2","useCallback","_b","oldValue","newValue"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/fondue-components128.js

@@ -1,45 +1,14 @@
-const i = (r) => {
-  if (r)
-    return {
-      year: r.getFullYear(),
-      // Month is 0-indexed in JavaScript, so we add 1 to get the correct month
-      month: r.getMonth() + 1,
-      day: r.getDate()
-    };
-}, t = (r) => {
-  if (r)
-    return new Date(r.year, r.month - 1, r.day);
-}, m = (r) => {
-  const n = i(r == null ? void 0 : r.from), o = i(r == null ? void 0 : r.to);
-  if (!(!n || !o))
-    return {
-      from: n,
-      to: o
-    };
-}, u = (r) => {
-  if (r)
-    return {
-      from: t(r.from),
-      to: t(r.to)
-    };
-}, c = (r) => {
-  if (!r)
-    return;
-  const o = (Array.isArray(r) ? r : [r]).flatMap((f) => {
-    if ("before" in f) {
-      const s = t(f.before);
-      return s ? [{ before: s }] : [];
-    }
-    const e = t(f.after);
-    return e ? [{ after: e }] : [];
-  });
-  return o.length > 0 ? o : void 0;
-};
+import { createContext as t, useContext as r } from "react";
+const e = t({
+  itemId: "",
+  dragHandleRef: () => null,
+  hasHandle: !1
+});
+e.displayName = "OrderableItemContext";
+const a = e.Provider, n = () => r(e);
 export {
-  t as transformDatePickerDateToDate,
-  u as transformDateRangeToPickerDateRange,
-  i as transformDateToDatePickerDate,
-  c as transformDisabledDates,
-  m as transformPickerDateRangeToDateRange
+  e as OrderableItemContext,
+  a as OrderableItemContextProvider,
+  n as useOrderableItemContext
 };
 //# sourceMappingURL=fondue-components128.js.map

package/dist/fondue-components128.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components128.js","sources":["../src/components/DatePicker/helpers/dateTransformer.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DateRange as InternalDayPickerDateRange } from 'react-day-picker';\n\nimport { type DisabledDatePickerDates, type DatePickerDate, type DatePickerDateRange } from '../types';\n\nexport const transformDateToDatePickerDate = (date?: Date): DatePickerDate | undefined => {\n    if (!date) {\n        return undefined;\n    }\n    return {\n        year: date.getFullYear(),\n        // Month is 0-indexed in JavaScript, so we add 1 to get the correct month\n        month: date.getMonth() + 1,\n        day: date.getDate(),\n    };\n};\n\nexport const transformDatePickerDateToDate = (datePickerDate?: DatePickerDate): Date | undefined => {\n    if (!datePickerDate) {\n        return undefined;\n    }\n    // Month is 0-indexed in JavaScript, so we subtract 1 to get the correct month\n    return new Date(datePickerDate.year, datePickerDate.month - 1, datePickerDate.day);\n};\n\nexport const transformPickerDateRangeToDateRange = (dateRange?: InternalDayPickerDateRange): DatePickerDateRange => {\n    const fromDate = transformDateToDatePickerDate(dateRange?.from);\n    const toDate = transformDateToDatePickerDate(dateRange?.to);\n    if (!fromDate || !toDate) {\n        return undefined;\n    }\n\n    return {\n        from: fromDate,\n        to: toDate,\n    };\n};\n\nexport const transformDateRangeToPickerDateRange = (\n    dateRange?: DatePickerDateRange,\n): InternalDayPickerDateRange | undefined => {\n    if (!dateRange) {\n        return undefined;\n    }\n\n    return {\n        from: transformDatePickerDateToDate(dateRange.from),\n        to: transformDatePickerDateToDate(dateRange.to),\n    };\n};\n\ntype DisabledDate = { before: Date } | { after: Date };\n\nexport const transformDisabledDates = (\n    disabledDates?: DisabledDatePickerDates | DisabledDatePickerDates[],\n): DisabledDate[] | undefined => {\n    if (!disabledDates) {\n        return undefined;\n    }\n\n    const entries = Array.isArray(disabledDates) ? disabledDates : [disabledDates];\n\n    const transformedDisabledDates = entries.flatMap((entry): DisabledDate[] => {\n        if ('before' in entry) {\n            const date = transformDatePickerDateToDate(entry.before);\n            return date ? [{ before: date }] : [];\n        }\n        const date = transformDatePickerDateToDate(entry.after);\n        return date ? [{ after: date }] : [];\n    });\n\n    return transformedDisabledDates.length > 0 ? transformedDisabledDates : undefined;\n};\n"],"names":["transformDateToDatePickerDate","date","transformDatePickerDateToDate","datePickerDate","transformPickerDateRangeToDateRange","dateRange","fromDate","toDate","transformDateRangeToPickerDateRange","transformDisabledDates","disabledDates","transformedDisabledDates","entry"],"mappings":"AAMO,MAAMA,IAAgC,CAACC,MAA4C;AACtF,MAAKA;AAGL,WAAO;AAAA,MACH,MAAMA,EAAK,YAAA;AAAA;AAAA,MAEX,OAAOA,EAAK,SAAA,IAAa;AAAA,MACzB,KAAKA,EAAK,QAAA;AAAA,IAAQ;AAE1B,GAEaC,IAAgC,CAACC,MAAsD;AAChG,MAAKA;AAIL,WAAO,IAAI,KAAKA,EAAe,MAAMA,EAAe,QAAQ,GAAGA,EAAe,GAAG;AACrF,GAEaC,IAAsC,CAACC,MAAgE;AAChH,QAAMC,IAAWN,EAA8BK,KAAA,gBAAAA,EAAW,IAAI,GACxDE,IAASP,EAA8BK,KAAA,gBAAAA,EAAW,EAAE;AAC1D,MAAI,GAACC,KAAY,CAACC;AAIlB,WAAO;AAAA,MACH,MAAMD;AAAA,MACN,IAAIC;AAAA,IAAA;AAEZ,GAEaC,IAAsC,CAC/CH,MACyC;AACzC,MAAKA;AAIL,WAAO;AAAA,MACH,MAAMH,EAA8BG,EAAU,IAAI;AAAA,MAClD,IAAIH,EAA8BG,EAAU,EAAE;AAAA,IAAA;AAEtD,GAIaI,IAAyB,CAClCC,MAC6B;AAC7B,MAAI,CAACA;AACD;AAKJ,QAAMC,KAFU,MAAM,QAAQD,CAAa,IAAIA,IAAgB,CAACA,CAAa,GAEpC,QAAQ,CAACE,MAA0B;AACxE,QAAI,YAAYA,GAAO;AACnB,YAAMX,IAAOC,EAA8BU,EAAM,MAAM;AACvD,aAAOX,IAAO,CAAC,EAAE,QAAQA,EAAAA,CAAM,IAAI,CAAA;AAAA,IACvC;AACA,UAAMA,IAAOC,EAA8BU,EAAM,KAAK;AACtD,WAAOX,IAAO,CAAC,EAAE,OAAOA,EAAA,CAAM,IAAI,CAAA;AAAA,EACtC,CAAC;AAED,SAAOU,EAAyB,SAAS,IAAIA,IAA2B;AAC5E;"}
+{"version":3,"file":"fondue-components128.js","sources":["../src/components/OrderableList/hooks/useOrderedListItemContext.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createContext, useContext } from 'react';\n\ntype OrderableItemContextType = {\n    itemId: string;\n    dragHandleRef: (element: Element | null) => void;\n    hasHandle: boolean;\n    selected?: boolean;\n    onSelect?: (isSelected: boolean) => void;\n};\n\nexport const OrderableItemContext = createContext<OrderableItemContextType>({\n    itemId: '',\n    dragHandleRef: () => null,\n    hasHandle: false,\n});\nOrderableItemContext.displayName = 'OrderableItemContext';\n\nexport const OrderableItemContextProvider = OrderableItemContext.Provider;\n\nexport const useOrderableItemContext = (): OrderableItemContextType => useContext(OrderableItemContext);\n"],"names":["OrderableItemContext","createContext","OrderableItemContextProvider","useOrderableItemContext","useContext"],"mappings":";AAYO,MAAMA,IAAuBC,EAAwC;AAAA,EACxE,QAAQ;AAAA,EACR,eAAe,MAAM;AAAA,EACrB,WAAW;AACf,CAAC;AACDD,EAAqB,cAAc;AAE5B,MAAME,IAA+BF,EAAqB,UAEpDG,IAA0B,MAAgCC,EAAWJ,CAAoB;"}

package/dist/fondue-components129.js

@@ -0,0 +1,39 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { getItemTitle as p } from "./fondue-components85.js";
+import { useOrderableListAnnounce as u } from "./fondue-components86.js";
+import { useOrderableItemContext as b } from "./fondue-components128.js";
+import l from "./fondue-components88.js";
+const I = f(({ children: t }, o) => {
+  const { itemId: c, onSelect: n, selected: r, hasHandle: d } = b(), m = u();
+  if (!n)
+    return (
+      // eslint-disable-next-line jsx-a11y-x/no-noninteractive-tabindex
+      /* @__PURE__ */ s("div", { className: l.content, ref: o, tabIndex: d ? 0 : void 0, children: t })
+    );
+  const a = () => {
+    const e = !r;
+    n(e), m(`${p(c)} ${e ? "selected" : "unselected"}`);
+  }, i = (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: l.content,
+      ref: o,
+      role: "button",
+      tabIndex: 0,
+      "aria-pressed": !!r,
+      onClick: a,
+      onKeyDown: i,
+      "data-clickable": !0,
+      children: t
+    }
+  );
+});
+I.displayName = "OrderableListItemContent";
+export {
+  I as OrderableListItemContent
+};
+//# sourceMappingURL=fondue-components129.js.map

package/dist/fondue-components129.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components129.js","sources":["../src/components/OrderableList/OrderableListItemContent.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type KeyboardEvent, type ReactNode } from 'react';\n\nimport { getItemTitle } from './helpers/getItemTitle';\nimport { useOrderableListAnnounce } from './hooks/useOrderableListAnnounce';\nimport { useOrderableItemContext } from './hooks/useOrderedListItemContext';\nimport styles from './styles/orderable-list.module.scss';\n\nexport const OrderableListItemContent = forwardRef<HTMLDivElement, { children: ReactNode }>(({ children }, ref) => {\n    const { itemId, onSelect, selected, hasHandle } = useOrderableItemContext();\n    const announce = useOrderableListAnnounce();\n\n    if (!onSelect) {\n        return (\n            // eslint-disable-next-line jsx-a11y-x/no-noninteractive-tabindex\n            <div className={styles.content} ref={ref} tabIndex={hasHandle ? 0 : undefined}>\n                {children}\n            </div>\n        );\n    }\n\n    const handleSelect = () => {\n        const newSelected = !selected;\n        onSelect(newSelected);\n        announce(`${getItemTitle(itemId)} ${newSelected ? 'selected' : 'unselected'}`);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            handleSelect();\n        }\n    };\n\n    return (\n        <div\n            className={styles.content}\n            ref={ref}\n            role=\"button\"\n            tabIndex={0}\n            aria-pressed={Boolean(selected)}\n            onClick={handleSelect}\n            onKeyDown={handleKeyDown}\n            data-clickable\n        >\n            {children}\n        </div>\n    );\n});\nOrderableListItemContent.displayName = 'OrderableListItemContent';\n"],"names":["OrderableListItemContent","forwardRef","children","ref","itemId","onSelect","selected","hasHandle","useOrderableItemContext","announce","useOrderableListAnnounce","jsx","styles","handleSelect","newSelected","getItemTitle","handleKeyDown","event"],"mappings":";;;;;;AASO,MAAMA,IAA2BC,EAAoD,CAAC,EAAE,UAAAC,EAAA,GAAYC,MAAQ;AAC/G,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,GAAU,WAAAC,EAAA,IAAcC,EAAA,GAC5CC,IAAWC,EAAA;AAEjB,MAAI,CAACL;AACD;AAAA;AAAA,MAEI,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAO,SAAS,KAAAT,GAAU,UAAUI,IAAY,IAAI,QAC/D,UAAAL,EAAA,CACL;AAAA;AAIR,QAAMW,IAAe,MAAM;AACvB,UAAMC,IAAc,CAACR;AACrB,IAAAD,EAASS,CAAW,GACpBL,EAAS,GAAGM,EAAaX,CAAM,CAAC,IAAIU,IAAc,aAAa,YAAY,EAAE;AAAA,EACjF,GAEME,IAAgB,CAACC,MAAyB;AAC5C,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAA,GACNJ,EAAA;AAAA,EAER;AAEA,SACI,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAO;AAAA,MAClB,KAAAT;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,gBAAc,EAAQG;AAAA,MACtB,SAASO;AAAA,MACT,WAAWG;AAAA,MACX,kBAAc;AAAA,MAEb,UAAAd;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AACDF,EAAyB,cAAc;"}

package/dist/fondue-components13.js

@@ -1,66 +1,11 @@
-import { jsx as f } from "react/jsx-runtime";
-import { Slot as v } from "@radix-ui/react-slot";
-import { forwardRef as N, useState as S, useRef as c } from "react";
-import g from "./fondue-components63.js";
-const A = N(
-  ({
-    onChange: o,
-    asChild: m,
-    hugWidth: x = !0,
-    "aria-label": b,
-    children: p,
-    "data-test-id": w = "fondue-editable-text"
-  }, E) => {
-    const R = m ? v : "span", [n, u] = S(!1), s = c(!1), l = c(null), i = c(""), T = () => {
-      s.current = !0;
-    }, h = (t) => {
-      var d;
-      i.current = t.currentTarget.textContent ?? "", u(!0), (d = l.current) == null || d.setAttribute("data-show-focus-ring", String(!s.current));
-      const a = t.currentTarget, e = document.createRange();
-      e.selectNodeContents(a), e.collapse(!1);
-      const r = window.getSelection();
-      r == null || r.removeAllRanges(), r == null || r.addRange(e);
-    }, y = (t) => {
-      t.key === "Enter" && (t.preventDefault(), t.currentTarget.blur());
-    }, D = (t) => {
-      var e;
-      u(!1), (e = l.current) == null || e.setAttribute("data-show-focus-ring", "false"), s.current = !1, t.currentTarget.scrollLeft = 0;
-      const a = t.currentTarget.textContent ?? "";
-      a !== i.current && (o == null || o(a));
-    };
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        ref: l,
-        className: g.root,
-        "data-editing": n,
-        "data-hug-width": x,
-        "data-show-focus-ring": "false",
-        "data-test-id": w,
-        children: /* @__PURE__ */ f(
-          R,
-          {
-            ref: E,
-            className: g.text,
-            contentEditable: n ? "plaintext-only" : void 0,
-            suppressContentEditableWarning: !0,
-            tabIndex: 0,
-            role: n ? "textbox" : void 0,
-            "aria-label": n ? b : void 0,
-            "aria-live": "off",
-            onMouseDown: T,
-            onFocus: h,
-            onKeyDown: y,
-            onBlur: D,
-            children: p
-          }
-        )
-      }
-    );
-  }
-);
-A.displayName = "EditableText";
+import { ForwardedRefDatePickerInput as r } from "./fondue-components65.js";
+import { ForwardedRefRangeDatePicker as a } from "./fondue-components66.js";
+import { ForwardedRefSingleDatePicker as t } from "./fondue-components67.js";
+const e = t;
+e.Range = a;
+e.Input = r;
+e.displayName = "DatePicker";
 export {
-  A as EditableText
+  e as DatePicker
 };
 //# sourceMappingURL=fondue-components13.js.map

package/dist/fondue-components13.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components13.js","sources":["../src/components/EditableText/EditableText.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { type ReactNode, forwardRef, useRef, useState } from 'react';\n\nimport styles from './styles/editable-text.module.scss';\n\nexport type EditableTextProps = {\n    /**\n     * Callback fired with the plain text value when editing is confirmed (on blur or Enter).\n     * Only fires if the value has actually changed.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * When true, renders the child element instead of a default span,\n     * merging all editable props onto it.\n     */\n    asChild?: boolean;\n    /**\n     * When true, the EditableText only takes the width of the content.\n     * @default true\n     */\n    hugWidth?: boolean;\n    /**\n     * Accessible label for the editable text field.\n     */\n    'aria-label'?: string;\n    children?: ReactNode;\n    'data-test-id'?: string;\n};\n\nexport const EditableText = forwardRef<HTMLElement, EditableTextProps>(\n    (\n        {\n            onChange,\n            asChild,\n            hugWidth = true,\n            'aria-label': ariaLabel,\n            children,\n            'data-test-id': dataTestId = 'fondue-editable-text',\n        },\n        forwardedRef,\n    ) => {\n        const TextElement = asChild ? Slot : 'span';\n        const [isEditing, setIsEditing] = useState(false);\n        const wasClickedRef = useRef(false);\n        const rootRef = useRef<HTMLDivElement>(null);\n        const valueOnFocusRef = useRef('');\n\n        const handleMouseDown = () => {\n            wasClickedRef.current = true;\n        };\n\n        const handleFocus = (event: React.FocusEvent<HTMLElement>) => {\n            valueOnFocusRef.current = event.currentTarget.textContent ?? '';\n            setIsEditing(true);\n            rootRef.current?.setAttribute('data-show-focus-ring', String(!wasClickedRef.current));\n            const element = event.currentTarget;\n            const range = document.createRange();\n            range.selectNodeContents(element);\n            range.collapse(false);\n            const selection = window.getSelection();\n            selection?.removeAllRanges();\n            selection?.addRange(range);\n        };\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n            if (event.key === 'Enter') {\n                event.preventDefault();\n                event.currentTarget.blur();\n            }\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLElement>) => {\n            setIsEditing(false);\n            rootRef.current?.setAttribute('data-show-focus-ring', 'false');\n            wasClickedRef.current = false;\n            event.currentTarget.scrollLeft = 0;\n            const currentValue = event.currentTarget.textContent ?? '';\n            if (currentValue !== valueOnFocusRef.current) {\n                onChange?.(currentValue);\n            }\n        };\n\n        return (\n            <div\n                ref={rootRef}\n                className={styles.root}\n                data-editing={isEditing}\n                data-hug-width={hugWidth}\n                data-show-focus-ring=\"false\"\n                data-test-id={dataTestId}\n            >\n                <TextElement\n                    ref={forwardedRef}\n                    className={styles.text}\n                    contentEditable={isEditing ? 'plaintext-only' : undefined}\n                    suppressContentEditableWarning\n                    tabIndex={0}\n                    role={isEditing ? 'textbox' : undefined}\n                    aria-label={isEditing ? ariaLabel : undefined}\n                    aria-live=\"off\"\n                    onMouseDown={handleMouseDown}\n                    onFocus={handleFocus}\n                    onKeyDown={handleKeyDown}\n                    onBlur={handleBlur}\n                >\n                    {children}\n                </TextElement>\n            </div>\n        );\n    },\n);\n\nEditableText.displayName = 'EditableText';\n"],"names":["EditableText","forwardRef","onChange","asChild","hugWidth","ariaLabel","children","dataTestId","forwardedRef","TextElement","Slot","isEditing","setIsEditing","useState","wasClickedRef","useRef","rootRef","valueOnFocusRef","handleMouseDown","handleFocus","event","_a","element","range","selection","handleKeyDown","handleBlur","currentValue","jsx","styles"],"mappings":";;;;AA+BO,MAAMA,IAAeC;AAAA,EACxB,CACI;AAAA,IACI,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAcC;AAAA,IACd,UAAAC;AAAA,IACA,gBAAgBC,IAAa;AAAA,EAAA,GAEjCC,MACC;AACD,UAAMC,IAAcN,IAAUO,IAAO,QAC/B,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAgBC,EAAO,EAAK,GAC5BC,IAAUD,EAAuB,IAAI,GACrCE,IAAkBF,EAAO,EAAE,GAE3BG,IAAkB,MAAM;AAC1B,MAAAJ,EAAc,UAAU;AAAA,IAC5B,GAEMK,IAAc,CAACC,MAAyC;;AAC1D,MAAAH,EAAgB,UAAUG,EAAM,cAAc,eAAe,IAC7DR,EAAa,EAAI,IACjBS,IAAAL,EAAQ,YAAR,QAAAK,EAAiB,aAAa,wBAAwB,OAAO,CAACP,EAAc,OAAO;AACnF,YAAMQ,IAAUF,EAAM,eAChBG,IAAQ,SAAS,YAAA;AACvB,MAAAA,EAAM,mBAAmBD,CAAO,GAChCC,EAAM,SAAS,EAAK;AACpB,YAAMC,IAAY,OAAO,aAAA;AACzB,MAAAA,KAAA,QAAAA,EAAW,mBACXA,KAAA,QAAAA,EAAW,SAASD;AAAA,IACxB,GAEME,IAAgB,CAACL,MAA4C;AAC/D,MAAIA,EAAM,QAAQ,YACdA,EAAM,eAAA,GACNA,EAAM,cAAc,KAAA;AAAA,IAE5B,GAEMM,IAAa,CAACN,MAAyC;;AACzD,MAAAR,EAAa,EAAK,IAClBS,IAAAL,EAAQ,YAAR,QAAAK,EAAiB,aAAa,wBAAwB,UACtDP,EAAc,UAAU,IACxBM,EAAM,cAAc,aAAa;AACjC,YAAMO,IAAeP,EAAM,cAAc,eAAe;AACxD,MAAIO,MAAiBV,EAAgB,YACjCf,KAAA,QAAAA,EAAWyB;AAAA,IAEnB;AAEA,WACI,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKZ;AAAA,QACL,WAAWa,EAAO;AAAA,QAClB,gBAAclB;AAAA,QACd,kBAAgBP;AAAA,QAChB,wBAAqB;AAAA,QACrB,gBAAcG;AAAA,QAEd,UAAA,gBAAAqB;AAAA,UAACnB;AAAA,UAAA;AAAA,YACG,KAAKD;AAAA,YACL,WAAWqB,EAAO;AAAA,YAClB,iBAAiBlB,IAAY,mBAAmB;AAAA,YAChD,gCAA8B;AAAA,YAC9B,UAAU;AAAA,YACV,MAAMA,IAAY,YAAY;AAAA,YAC9B,cAAYA,IAAYN,IAAY;AAAA,YACpC,aAAU;AAAA,YACV,aAAaa;AAAA,YACb,SAASC;AAAA,YACT,WAAWM;AAAA,YACX,QAAQC;AAAA,YAEP,UAAApB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAN,EAAa,cAAc;"}
+{"version":3,"file":"fondue-components13.js","sources":["../src/components/DatePicker/DatePicker.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ForwardedRefDatePickerInput } from './DatePickerInput';\nimport { ForwardedRefRangeDatePicker } from './RangeDatePicker';\nimport { ForwardedRefSingleDatePicker } from './SingleDatePicker';\n\n// @ts-expect-error We support both single component (without slots) and compound components (with slots)\nexport const DatePicker: typeof ForwardedRefSingleDatePicker & {\n    Range: typeof ForwardedRefRangeDatePicker;\n    Input: typeof ForwardedRefDatePickerInput;\n} = ForwardedRefSingleDatePicker;\nDatePicker.Range = ForwardedRefRangeDatePicker;\nDatePicker.Input = ForwardedRefDatePickerInput;\nDatePicker.displayName = 'DatePicker';\nexport type { DatePickerDate, DatePickerDateRange } from './types';\n"],"names":["DatePicker","ForwardedRefSingleDatePicker","ForwardedRefRangeDatePicker","ForwardedRefDatePickerInput"],"mappings":";;;AAOO,MAAMA,IAGTC;AACJD,EAAW,QAAQE;AACnBF,EAAW,QAAQG;AACnBH,EAAW,cAAc;"}