@frontify/fondue 13.8.1 → 14.0.0-beta.0

package/dist/components/Breadcrumbs/Breadcrumbs.es.js

@@ -1,36 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useBreadcrumbs as l } from "@react-aria/breadcrumbs";
-import { merge as i } from "../../utilities/merge.es.js";
-import { FormattedBreadcrumbs as n } from "./FormattedBreadcrumbs.es.js";
-const p = (r) => ({
-  children: r.map(({ label: a }, t) => /* @__PURE__ */ e("li", { "aria-label": a, children: a }, `breadcrumb-${t}`))
-}), u = {
-  None: "tw-gap-y-0",
-  Small: "tw-gap-y-0.5",
-  Medium: "tw-gap-y-1"
-}, b = ({
-  items: r,
-  keepRoot: a = !0,
-  truncate: t = !1,
-  activeInline: m = !1,
-  "data-test-id": s = "breadcrumb",
-  verticalGap: o = "Medium"
-  /* Medium */
-}) => {
-  const d = p(r), { navProps: c } = l(d);
-  return /* @__PURE__ */ e("nav", { ...c, className: "tw-font-sans", "aria-label": "Breadcrumb", "data-test-id": s, children: /* @__PURE__ */ e("ol", { className: i(["tw-list-none tw-flex tw-flex-wrap", u[o]]), children: /* @__PURE__ */ e(
-    n,
-    {
-      items: r,
-      keepRoot: a,
-      truncate: t,
-      activeInline: m,
-      "data-test-id": s
-    }
-  ) }) });
-};
-b.displayName = "FondueBreadcrumbs";
-export {
-  b as Breadcrumbs
-};
-//# sourceMappingURL=Breadcrumbs.es.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.es.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type FondueIconProps } from '@frontify/fondue-icons';\nimport { type AriaBreadcrumbsProps, useBreadcrumbs } from '@react-aria/breadcrumbs';\nimport { type MouseEvent, type ReactElement } from 'react';\n\nimport { type BadgeProps } from '@components/Badge/types';\nimport { merge } from '@utilities/merge';\n\nimport { FormattedBreadcrumbs } from './FormattedBreadcrumbs';\n\nconst mapBreadcrumbsToAriaProps = (items: Breadcrumb[]) => ({\n    children: items.map(({ label }, index) => (\n        <li key={`breadcrumb-${index}`} aria-label={label}>\n            {label}\n        </li>\n    )),\n});\n\n/**\n * @deprecated This type is deprecated and will be removed in the next major version.\n */\nexport type Breadcrumb = {\n    label: string;\n    link?: string;\n    onClick?: <T extends HTMLButtonElement | HTMLAnchorElement>(event: MouseEvent<T>) => void;\n    decorator?: ReactElement<FondueIconProps>;\n    bold?: boolean;\n    badges?: BadgeProps[];\n    'data-test-id'?: string;\n} & Pick<BreadcrumbsProps, 'activeInline'>;\n\n/**\n * @deprecated This type is deprecated and will be removed in the next major version.\n */\nexport type BreadcrumbsProps = {\n    items: Breadcrumb[];\n    keepRoot?: boolean;\n    activeInline?: boolean;\n    truncate?: boolean;\n    'data-test-id'?: string;\n    verticalGap?: BreadcrumbGap;\n};\n\n/**\n * @deprecated This type is deprecated and will be removed in the next major version.\n */\nexport enum BreadcrumbGap {\n    None = 'None',\n    Small = 'Small',\n    Medium = 'Medium',\n}\n\n/**\n * @deprecated This constant is deprecated and will be removed in the next major version.\n */\nconst verticalGapClassMap: Record<BreadcrumbGap, string> = {\n    [BreadcrumbGap.None]: 'tw-gap-y-0',\n    [BreadcrumbGap.Small]: 'tw-gap-y-0.5',\n    [BreadcrumbGap.Medium]: 'tw-gap-y-1',\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport const Breadcrumbs = ({\n    items,\n    keepRoot = true,\n    truncate = false,\n    activeInline = false,\n    'data-test-id': dataTestId = 'breadcrumb',\n    verticalGap = BreadcrumbGap.Medium,\n}: BreadcrumbsProps): ReactElement => {\n    const props = mapBreadcrumbsToAriaProps(items);\n    const { navProps } = useBreadcrumbs(props as AriaBreadcrumbsProps);\n\n    return (\n        <nav {...navProps} className=\"tw-font-sans\" aria-label=\"Breadcrumb\" data-test-id={dataTestId}>\n            <ol className={merge(['tw-list-none tw-flex tw-flex-wrap', verticalGapClassMap[verticalGap]])}>\n                <FormattedBreadcrumbs\n                    items={items}\n                    keepRoot={keepRoot}\n                    truncate={truncate}\n                    activeInline={activeInline}\n                    data-test-id={dataTestId}\n                />\n            </ol>\n        </nav>\n    );\n};\nBreadcrumbs.displayName = 'FondueBreadcrumbs';\n"],"names":["mapBreadcrumbsToAriaProps","items","label","index","jsx","verticalGapClassMap","Breadcrumbs","keepRoot","truncate","activeInline","dataTestId","verticalGap","props","navProps","useBreadcrumbs","merge","FormattedBreadcrumbs"],"mappings":";;;;AAWA,MAAMA,IAA4B,CAACC,OAAyB;AAAA,EACxD,UAAUA,EAAM,IAAI,CAAC,EAAE,OAAAC,KAASC,MAC5B,gBAAAC,EAAC,MAAA,EAA+B,cAAYF,GACvC,UAAAA,EAAA,GADI,cAAcC,CAAK,EAE5B,CACH;AACL,IAuCME,IAAqD;AAAA,EACtD,MAAqB;AAAA,EACrB,OAAsB;AAAA,EACtB,QAAuB;AAC5B,GAKaC,IAAc,CAAC;AAAA,EACxB,OAAAL;AAAA,EACA,UAAAM,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,gBAAgBC,IAAa;AAAA,EAC7B,aAAAC,IAAc;AAAA;AAClB,MAAsC;AAClC,QAAMC,IAAQZ,EAA0BC,CAAK,GACvC,EAAE,UAAAY,EAAA,IAAaC,EAAeF,CAA6B;AAEjE,SACI,gBAAAR,EAAC,SAAK,GAAGS,GAAU,WAAU,gBAAe,cAAW,cAAa,gBAAcH,GAC9E,4BAAC,MAAA,EAAG,WAAWK,EAAM,CAAC,qCAAqCV,EAAoBM,CAAW,CAAC,CAAC,GACxF,UAAA,gBAAAP;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,OAAAf;AAAA,MACA,UAAAM;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAcC;AAAA,IAAA;AAAA,EAAA,GAEtB,EAAA,CACJ;AAER;AACAJ,EAAY,cAAc;"}

package/dist/components/Breadcrumbs/CurrentBreadcrumbItem.es.js

@@ -1,59 +0,0 @@
-import { jsxs as c, jsx as I } from "react/jsx-runtime";
-import { useBreadcrumbItem as N } from "@react-aria/breadcrumbs";
-import { useFocusRing as T } from "@react-aria/focus";
-import { mergeProps as B } from "@react-aria/utils";
-import { useRef as E } from "react";
-import { Badge as P } from "../Badge/Badge.es.js";
-import { getItemElementType as C } from "../../utilities/elements.es.js";
-import { FOCUS_STYLE_NO_OFFSET as O } from "../../utilities/focusStyle.es.js";
-import { merge as a } from "../../utilities/merge.es.js";
-const S = ({
-  label: r,
-  badges: e,
-  bold: u,
-  decorator: d,
-  link: m,
-  onClick: o,
-  activeInline: s,
-  "data-test-id": l = "breadcrumb"
-}) => {
-  const n = E(null), t = C(m, o), i = t !== "span", { itemProps: w } = N(
-    {
-      isCurrent: !0,
-      children: r,
-      elementType: t
-    },
-    n
-  ), p = {
-    a: { href: m },
-    button: { onClick: o, type: "button" },
-    span: { tabIndex: -1 }
-  }, { isFocusVisible: f, focusProps: x } = T(), b = i ? B(w, x, p[t]) : p[t], h = a([
-    "tw-flex tw-gap-x-1 tw-items-center tw-leading-4 tw-h-6 tw-whitespace-pre-wrap tw-font-medium tw-rounded",
-    u && "tw-font-bold",
-    s && "tw-text-xs",
-    i && f && O
-  ]);
-  return /* @__PURE__ */ c(
-    "li",
-    {
-      className: a([
-        "tw-align-middle tw-gap-x-1 tw-text-m tw-text-text tw-items-center",
-        s ? "tw-flex tw-items-center" : "tw-w-full tw-inline-flex"
-      ]),
-      "data-test-id": `${l}-item`,
-      children: [
-        /* @__PURE__ */ c(t, { ref: n, ...b, className: h, children: [
-          d,
-          r
-        ] }),
-        e == null ? void 0 : e.map(({ children: g, ...F }, y) => /* @__PURE__ */ I(P, { ...F, children: g }, `breadcrumb-badge-${y}`))
-      ]
-    }
-  );
-};
-S.displayName = "FondueCurrentBreadcrumbItem";
-export {
-  S as CurrentBreadcrumbItem
-};
-//# sourceMappingURL=CurrentBreadcrumbItem.es.js.map

package/dist/components/Breadcrumbs/CurrentBreadcrumbItem.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CurrentBreadcrumbItem.es.js","sources":["../../../src/components/Breadcrumbs/CurrentBreadcrumbItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useBreadcrumbItem } from '@react-aria/breadcrumbs';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { type ReactElement, useRef } from 'react';\n\nimport { Badge } from '@components/Badge/Badge';\nimport { getItemElementType } from '@utilities/elements';\nimport { FOCUS_STYLE_NO_OFFSET } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { type Breadcrumb } from './Breadcrumbs';\n\ntype CurrentBreadcrumbItemProps = Breadcrumb;\n\n/**\n * @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport const CurrentBreadcrumbItem = ({\n    label,\n    badges,\n    bold,\n    decorator,\n    link,\n    onClick,\n    activeInline,\n    'data-test-id': dataTestId = 'breadcrumb',\n}: CurrentBreadcrumbItemProps): ReactElement => {\n    const ref = useRef(null);\n    // eslint-disable-next-line @eslint-react/static-components\n    const Element = getItemElementType(link, onClick);\n    const isInteractive = Element !== 'span';\n    const { itemProps } = useBreadcrumbItem(\n        {\n            isCurrent: true,\n            children: label,\n            elementType: Element,\n        },\n        ref,\n    );\n\n    const elementTypeProps = {\n        a: { href: link },\n        button: { onClick, type: 'button' as const },\n        span: { tabIndex: -1 },\n    };\n\n    const { isFocusVisible, focusProps } = useFocusRing();\n    const props = isInteractive\n        ? mergeProps(itemProps, focusProps, elementTypeProps[Element])\n        : elementTypeProps[Element];\n\n    const classNames = merge([\n        'tw-flex tw-gap-x-1 tw-items-center tw-leading-4 tw-h-6 tw-whitespace-pre-wrap tw-font-medium tw-rounded',\n        bold && 'tw-font-bold',\n        activeInline && 'tw-text-xs',\n        isInteractive && isFocusVisible && FOCUS_STYLE_NO_OFFSET,\n    ]);\n\n    return (\n        <li\n            className={merge([\n                'tw-align-middle tw-gap-x-1 tw-text-m tw-text-text tw-items-center',\n                activeInline ? 'tw-flex tw-items-center' : 'tw-w-full tw-inline-flex',\n            ])}\n            data-test-id={`${dataTestId}-item`}\n        >\n            {/* eslint-disable-next-line @eslint-react/static-components */}\n            <Element ref={ref} {...props} className={classNames}>\n                {decorator}\n                {label}\n            </Element>\n            {badges?.map(({ children: badge, ...props }, index) => (\n                <Badge key={`breadcrumb-badge-${index}`} {...props}>\n                    {badge}\n                </Badge>\n            ))}\n        </li>\n    );\n};\nCurrentBreadcrumbItem.displayName = 'FondueCurrentBreadcrumbItem';\n"],"names":["CurrentBreadcrumbItem","label","badges","bold","decorator","link","onClick","activeInline","dataTestId","ref","useRef","Element","getItemElementType","isInteractive","itemProps","useBreadcrumbItem","elementTypeProps","isFocusVisible","focusProps","useFocusRing","props","mergeProps","classNames","merge","FOCUS_STYLE_NO_OFFSET","jsxs","badge","index","jsx","Badge"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAwB,CAAC;AAAA,EAClC,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAgBC,IAAa;AACjC,MAAgD;AAC5C,QAAMC,IAAMC,EAAO,IAAI,GAEjBC,IAAUC,EAAmBP,GAAMC,CAAO,GAC1CO,IAAgBF,MAAY,QAC5B,EAAE,WAAAG,MAAcC;AAAA,IAClB;AAAA,MACI,WAAW;AAAA,MACX,UAAUd;AAAA,MACV,aAAaU;AAAA,IAAA;AAAA,IAEjBF;AAAA,EAAA,GAGEO,IAAmB;AAAA,IACrB,GAAG,EAAE,MAAMX,EAAA;AAAA,IACX,QAAQ,EAAE,SAAAC,GAAS,MAAM,SAAA;AAAA,IACzB,MAAM,EAAE,UAAU,GAAA;AAAA,EAAG,GAGnB,EAAE,gBAAAW,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GACjCC,IAAQP,IACRQ,EAAWP,GAAWI,GAAYF,EAAiBL,CAAO,CAAC,IAC3DK,EAAiBL,CAAO,GAExBW,IAAaC,EAAM;AAAA,IACrB;AAAA,IACApB,KAAQ;AAAA,IACRI,KAAgB;AAAA,IAChBM,KAAiBI,KAAkBO;AAAA,EAAA,CACtC;AAED,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWF,EAAM;AAAA,QACb;AAAA,QACAhB,IAAe,4BAA4B;AAAA,MAAA,CAC9C;AAAA,MACD,gBAAc,GAAGC,CAAU;AAAA,MAG3B,UAAA;AAAA,QAAA,gBAAAiB,EAACd,GAAA,EAAQ,KAAAF,GAAW,GAAGW,GAAO,WAAWE,GACpC,UAAA;AAAA,UAAAlB;AAAA,UACAH;AAAA,QAAA,GACL;AAAA,QACCC,KAAA,gBAAAA,EAAQ,IAAI,CAAC,EAAE,UAAUwB,GAAO,GAAGN,EAAAA,GAASO,MACzC,gBAAAC,EAACC,KAAyC,GAAGT,GACxC,eADO,oBAAoBO,CAAK,EAErC;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGb;AACA3B,EAAsB,cAAc;"}

package/dist/components/Breadcrumbs/FormattedBreadcrumbs.es.js

@@ -1,80 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useRef as K } from "react";
-import { OverflowMenu as M } from "../OverflowMenu/OverflowMenu.es.js";
-import { BreadcrumbItem as w } from "./BreadcrumbItem.es.js";
-import { CurrentBreadcrumbItem as O } from "./CurrentBreadcrumbItem.es.js";
-const R = ({
-  items: t,
-  keepRoot: o,
-  activeInline: k = !1,
-  truncate: l = !1,
-  "data-test-id": n
-}) => {
-  const m = K(!0);
-  return [...t.map(({ label: u, badges: B, bold: C, decorator: a, link: i, onClick: f }, e) => {
-    const s = `breadcrumb-${e}`, d = o && e === 0, F = e === t.length - 1, g = o ? 2 : 3, b = t.length - g, p = e >= b, v = l && !d && !p, h = e < t.length - 1, I = [];
-    let c = -1;
-    switch (!0) {
-      case F:
-        return /* @__PURE__ */ r(
-          O,
-          {
-            label: u,
-            badges: B,
-            bold: C,
-            decorator: a,
-            link: i,
-            onClick: f,
-            activeInline: k,
-            "data-test-id": n
-          },
-          s
-        );
-      case !l:
-      case d:
-      case p:
-        return /* @__PURE__ */ r(
-          w,
-          {
-            label: u,
-            decorator: a,
-            link: i,
-            onClick: f,
-            showSeparator: h,
-            "data-test-id": n
-          },
-          s
-        );
-      case (v && m.current):
-        m.current = !1;
-        for (const $ of t) {
-          if (c++, c >= b)
-            break;
-          if (o && c === 0)
-            continue;
-          {
-            const { label: y, link: L, onClick: j } = $;
-            I.push({ label: y, link: L, onClick: j });
-          }
-        }
-        return /* @__PURE__ */ r(
-          w,
-          {
-            label: "",
-            decorator: a,
-            showSeparator: h,
-            "data-test-id": `${n}-truncation`,
-            children: /* @__PURE__ */ r(M, { items: I, "data-test-id": `${n}-overflow-menu` })
-          },
-          s
-        );
-      default:
-        return /* @__PURE__ */ r("li", {}, s);
-    }
-  })];
-};
-R.displayname = "FondueFormattedBreadcrumbs";
-export {
-  R as FormattedBreadcrumbs
-};
-//# sourceMappingURL=FormattedBreadcrumbs.es.js.map

package/dist/components/Breadcrumbs/FormattedBreadcrumbs.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormattedBreadcrumbs.es.js","sources":["../../../src/components/Breadcrumbs/FormattedBreadcrumbs.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactElement, useRef } from 'react';\n\nimport { OverflowMenu, type OverflowMenuItemProps } from '@components/OverflowMenu/OverflowMenu';\n\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport { type BreadcrumbsProps } from './Breadcrumbs';\nimport { CurrentBreadcrumbItem } from './CurrentBreadcrumbItem';\n\n/**\n * @deprecated This component is deprecated and will be removed in the next major version.\n */\nexport const FormattedBreadcrumbs = ({\n    items,\n    keepRoot,\n    activeInline = false,\n    truncate = false,\n    'data-test-id': dataTestId,\n}: BreadcrumbsProps): ReactElement[] => {\n    const renderTruncationRef = useRef<boolean>(true);\n\n    const elements = items.map(({ label, badges, bold, decorator, link, onClick }, index) => {\n        const key = `breadcrumb-${index}`;\n        const isRootKept = keepRoot && index === 0;\n        const isCurrent = index === items.length - 1;\n        const startLastItemIndex = keepRoot ? 2 : 3;\n        const lastItemsIndex = items.length - startLastItemIndex;\n        const isLastItems = index >= lastItemsIndex;\n        const isTruncatedItem = truncate && !isRootKept && !isLastItems;\n        const showSeparator = index < items.length - 1;\n        const overFlowItems: OverflowMenuItemProps[] = [];\n        let count = -1;\n\n        switch (true) {\n            case isCurrent:\n                return (\n                    <CurrentBreadcrumbItem\n                        key={key}\n                        label={label}\n                        badges={badges}\n                        bold={bold}\n                        decorator={decorator}\n                        link={link}\n                        onClick={onClick}\n                        activeInline={activeInline}\n                        data-test-id={dataTestId}\n                    />\n                );\n\n            case !truncate:\n            case isRootKept:\n            case isLastItems:\n                return (\n                    <BreadcrumbItem\n                        key={key}\n                        label={label}\n                        decorator={decorator}\n                        link={link}\n                        onClick={onClick}\n                        showSeparator={showSeparator}\n                        data-test-id={dataTestId}\n                    />\n                );\n\n            case isTruncatedItem && renderTruncationRef.current:\n                renderTruncationRef.current = false;\n                for (const element of items) {\n                    count++;\n                    if (count >= lastItemsIndex) {\n                        break;\n                    } else if (keepRoot && count === 0) {\n                        continue;\n                    } else {\n                        const { label, link, onClick } = element;\n                        overFlowItems.push({ label, link, onClick });\n                    }\n                }\n                return (\n                    <BreadcrumbItem\n                        key={key}\n                        label={''}\n                        decorator={decorator}\n                        showSeparator={showSeparator}\n                        data-test-id={`${dataTestId}-truncation`}\n                    >\n                        <OverflowMenu items={overFlowItems} data-test-id={`${dataTestId}-overflow-menu`} />\n                    </BreadcrumbItem>\n                );\n\n            default:\n                return <li key={key} />;\n        }\n    });\n    return [...elements];\n};\nFormattedBreadcrumbs.displayname = 'FondueFormattedBreadcrumbs';\n"],"names":["FormattedBreadcrumbs","items","keepRoot","activeInline","truncate","dataTestId","renderTruncationRef","useRef","label","badges","bold","decorator","link","onClick","index","key","isRootKept","isCurrent","startLastItemIndex","lastItemsIndex","isLastItems","isTruncatedItem","showSeparator","overFlowItems","count","jsx","CurrentBreadcrumbItem","BreadcrumbItem","element","OverflowMenu"],"mappings":";;;;;AAaO,MAAMA,IAAuB,CAAC;AAAA,EACjC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,gBAAgBC;AACpB,MAAwC;AACpC,QAAMC,IAAsBC,EAAgB,EAAI;AA0EhD,SAAO,CAAC,GAxESN,EAAM,IAAI,CAAC,EAAE,OAAAO,GAAO,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,MAAAC,GAAM,SAAAC,EAAA,GAAWC,MAAU;AACrF,UAAMC,IAAM,cAAcD,CAAK,IACzBE,IAAad,KAAYY,MAAU,GACnCG,IAAYH,MAAUb,EAAM,SAAS,GACrCiB,IAAqBhB,IAAW,IAAI,GACpCiB,IAAiBlB,EAAM,SAASiB,GAChCE,IAAcN,KAASK,GACvBE,IAAkBjB,KAAY,CAACY,KAAc,CAACI,GAC9CE,IAAgBR,IAAQb,EAAM,SAAS,GACvCsB,IAAyC,CAAA;AAC/C,QAAIC,IAAQ;AAEZ,YAAQ,IAAA;AAAA,MACJ,KAAKP;AACD,eACI,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YAEG,OAAAlB;AAAA,YACA,QAAAC;AAAA,YACA,MAAAC;AAAA,YACA,WAAAC;AAAA,YACA,MAAAC;AAAA,YACA,SAAAC;AAAA,YACA,cAAAV;AAAA,YACA,gBAAcE;AAAA,UAAA;AAAA,UARTU;AAAA,QAAA;AAAA,MAYjB,KAAK,CAACX;AAAA,MACN,KAAKY;AAAA,MACL,KAAKI;AACD,eACI,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YAEG,OAAAnB;AAAA,YACA,WAAAG;AAAA,YACA,MAAAC;AAAA,YACA,SAAAC;AAAA,YACA,eAAAS;AAAA,YACA,gBAAcjB;AAAA,UAAA;AAAA,UANTU;AAAA,QAAA;AAAA,MAUjB,MAAKM,KAAmBf,EAAoB;AACxC,QAAAA,EAAoB,UAAU;AAC9B,mBAAWsB,KAAW3B,GAAO;AAEzB,cADAuB,KACIA,KAASL;AACT;AACJ,cAAWjB,KAAYsB,MAAU;AAC7B;AACG;AACH,kBAAM,EAAE,OAAAhB,GAAO,MAAAI,GAAM,SAAAC,MAAYe;AACjC,YAAAL,EAAc,KAAK,EAAE,OAAAf,GAAO,MAAAI,GAAM,SAAAC,GAAS;AAAA,UAC/C;AAAA,QACJ;AACA,eACI,gBAAAY;AAAA,UAACE;AAAA,UAAA;AAAA,YAEG,OAAO;AAAA,YACP,WAAAhB;AAAA,YACA,eAAAW;AAAA,YACA,gBAAc,GAAGjB,CAAU;AAAA,YAE3B,4BAACwB,GAAA,EAAa,OAAON,GAAe,gBAAc,GAAGlB,CAAU,iBAAA,CAAkB;AAAA,UAAA;AAAA,UAN5EU;AAAA,QAAA;AAAA,MAUjB;AACI,eAAO,gBAAAU,EAAC,UAAQV,CAAK;AAAA,IAAA;AAAA,EAEjC,CAAC,CACkB;AACvB;AACAf,EAAqB,cAAc;"}

package/dist/components/Checklist/Checklist.es.js

@@ -1,107 +0,0 @@
-import { jsx as b } from "react/jsx-runtime";
-import { useCheckboxGroup as v, useCheckboxGroupItem as S } from "@react-aria/checkbox";
-import { useCheckboxGroupState as I } from "@react-stately/checkbox";
-import { useRef as w, useLayoutEffect as A, useState as E, useEffect as y } from "react";
-import { CheckboxState as g, Checkbox as L } from "../Checkbox/Checkbox.es.js";
-import { merge as z } from "../../utilities/merge.es.js";
-var H = /* @__PURE__ */ ((e) => (e.Horizontal = "Horizontal", e.Vertical = "Vertical", e))(H || {});
-const G = {
-  1: "tw-grid-cols-1",
-  2: "tw-grid-cols-2",
-  3: "tw-grid-cols-3",
-  4: "tw-grid-cols-4"
-}, P = ({ checkbox: e, state: s, forwardedRef: a }) => {
-  const r = w(null), { value: f, disabled: k, label: m, "aria-label": p, state: l } = e, [d, h] = E(l), c = s.isSelected(f), { inputProps: i } = S(
-    { value: f, isDisabled: k, "aria-label": p || m },
-    s,
-    r
-  );
-  return y(() => {
-    d === g.Mixed && !c ? h(g.Mixed) : h(c ? g.Checked : g.Unchecked);
-  }, [d, c]), y(() => {
-    a && r.current && a(r.current);
-  }, [a, c]), /* @__PURE__ */ b(L, { ...e, state: d, groupInputProps: i, ref: r });
-}, V = (e, s) => {
-  if (s <= 1)
-    return "";
-  const a = "auto / span", r = e.length % s;
-  return r === 0 ? "" : `${a} ${s - r + 1}`;
-}, $ = ({
-  checkboxes: e,
-  setActiveValues: s,
-  ariaLabel: a = "Checklist",
-  activeValues: r = [],
-  direction: f = "Horizontal",
-  "data-test-id": k = "checklist",
-  ...m
-}) => {
-  const p = w(Array.from({ length: e.length })), l = w(null), d = I({
-    value: r,
-    onChange: s
-  }), { groupProps: h } = v(
-    {
-      "aria-label": a
-    },
-    d
-  ), c = "columns" in m && m.columns || 1;
-  return A(() => {
-    const i = (u) => {
-      const o = p.current.filter((x) => x !== null);
-      let t = o.indexOf(document.activeElement);
-      if (u.key === "ArrowDown" || u.key === "ArrowRight")
-        t++, t === o.length && (t = 0), o[t].disabled && t++;
-      else if (u.key === "ArrowUp" || u.key === "ArrowLeft")
-        t--, t === -1 && (t = o.length - 1), o[t].disabled && t--;
-      else
-        return;
-      o[t].focus();
-      const C = new KeyboardEvent("keyup", {
-        key: "Tab",
-        code: "Tab",
-        keyCode: 9,
-        bubbles: !0
-      });
-      o[t].dispatchEvent(C);
-    }, n = l.current;
-    return n == null || n.addEventListener("keydown", i), () => {
-      n == null || n.removeEventListener("keydown", i);
-    };
-  }, [e.length]), /* @__PURE__ */ b(
-    "div",
-    {
-      ...h,
-      "data-test-id": k,
-      className: z([
-        f === "Horizontal" ? "tw-flex tw-flex-row tw-gap-12" : `tw-grid tw-gap-4 ${G[c]}`
-      ]),
-      ref: l,
-      children: e.map((i, n) => {
-        var u;
-        return /* @__PURE__ */ b(
-          "div",
-          {
-            style: {
-              maxWidth: (u = l == null ? void 0 : l.current) == null ? void 0 : u.getBoundingClientRect().width,
-              gridColumn: n === e.length - 1 && f === "Vertical" ? V(e, c) : void 0
-            },
-            children: /* @__PURE__ */ b(
-              P,
-              {
-                checkbox: i,
-                state: d,
-                forwardedRef: (o) => p.current[n] = o
-              }
-            )
-          },
-          i.value
-        );
-      })
-    }
-  );
-};
-$.displayName = "FondueChecklist";
-export {
-  $ as Checklist,
-  H as ChecklistDirection
-};
-//# sourceMappingURL=Checklist.es.js.map

package/dist/components/Checklist/Checklist.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checklist.es.js","sources":["../../../src/components/Checklist/Checklist.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useCheckboxGroup, useCheckboxGroupItem } from '@react-aria/checkbox';\nimport { type CheckboxGroupState, useCheckboxGroupState } from '@react-stately/checkbox';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nimport { Checkbox, type CheckboxProps, CheckboxState } from '@components/Checkbox/Checkbox';\nimport { merge } from '@utilities/merge';\n\n/**\n * @deprecated Use `Checkbox` from `@frontify/fondue/components` instead.\n */\nexport enum ChecklistDirection {\n    Horizontal = 'Horizontal',\n    Vertical = 'Vertical',\n}\n\n/**\n * @deprecated Use `Checkbox` from `@frontify/fondue/components` instead.\n */\nexport type Columns = 1 | 2 | 3 | 4;\n\nconst columnsStyle: Record<Columns, string> = {\n    1: 'tw-grid-cols-1',\n    2: 'tw-grid-cols-2',\n    3: 'tw-grid-cols-3',\n    4: 'tw-grid-cols-4',\n};\n\n/**\n * @deprecated Use `Checkbox` from `@frontify/fondue/components` instead.\n */\nexport type CheckboxValue = Omit<CheckboxProps, 'onChange' | 'groupInputProps' | 'value'> & { value: string };\n\n/**\n * @deprecated Use `Checkbox` from `@frontify/fondue/components` instead.\n */\nexport type ChecklistBase = {\n    checkboxes: CheckboxValue[];\n    setActiveValues: (value: string[]) => void;\n    activeValues?: string[];\n    ariaLabel?: string;\n    'data-test-id'?: string;\n};\n\n/**\n * @deprecated Use `Checkbox` from `@frontify/fondue/components` instead.\n */\nexport type ChecklistProps = ChecklistBase & {\n    direction: ChecklistDirection.Vertical | ChecklistDirection.Horizontal;\n    columns?: Columns;\n};\n\ntype ChecklistItemProps = {\n    checkbox: CheckboxValue;\n    state: CheckboxGroupState;\n    forwardedRef?: (ref: HTMLInputElement) => void;\n};\n\nconst ChecklistItem = ({ checkbox, state, forwardedRef }: ChecklistItemProps) => {\n    const ref = useRef<HTMLInputElement | null>(null);\n    const { value, disabled, label, 'aria-label': checkboxAriaLabel, state: checkboxState } = checkbox;\n    const [checkState, setCheckState] = useState(checkboxState);\n    const isSelected = state.isSelected(value);\n    const { inputProps } = useCheckboxGroupItem(\n        { value, isDisabled: disabled, 'aria-label': checkboxAriaLabel || label },\n        state,\n        ref,\n    );\n\n    useEffect(() => {\n        if (checkState === CheckboxState.Mixed && !isSelected) {\n            // eslint-disable-next-line @eslint-react/set-state-in-effect\n            setCheckState(CheckboxState.Mixed);\n        } else {\n            setCheckState(isSelected ? CheckboxState.Checked : CheckboxState.Unchecked);\n        }\n    }, [checkState, isSelected]);\n\n    useEffect(() => {\n        if (forwardedRef && ref.current) {\n            forwardedRef(ref.current);\n        }\n    }, [forwardedRef, isSelected]);\n\n    return <Checkbox {...checkbox} state={checkState} groupInputProps={inputProps} ref={ref} />;\n};\n\nconst getLastItemColumnSpan = (items: CheckboxValue[], columns: number) => {\n    if (!columns || columns <= 1) {\n        return '';\n    }\n\n    const gridSpan = 'auto / span';\n    const spanItems = items.length % columns;\n\n    if (spanItems === 0) {\n        return '';\n    }\n\n    return `${gridSpan} ${columns - spanItems + 1}`;\n};\n\n/**\n * @deprecated Use `Checkbox` from `@frontify/fondue/components` instead.\n */\nexport const Checklist = ({\n    checkboxes,\n    setActiveValues,\n    ariaLabel = 'Checklist',\n    activeValues = [],\n    direction = ChecklistDirection.Horizontal,\n    'data-test-id': dataTestId = 'checklist',\n    ...props\n}: ChecklistProps) => {\n    const checkboxRefs = useRef<(HTMLInputElement | null)[]>(Array.from({ length: checkboxes.length }));\n    const listContainerRef = useRef<HTMLDivElement | null>(null);\n    const state = useCheckboxGroupState({\n        value: activeValues,\n        onChange: setActiveValues,\n    });\n    const { groupProps } = useCheckboxGroup(\n        {\n            'aria-label': ariaLabel,\n        },\n        state,\n    );\n\n    const columns = ('columns' in props && props.columns) || 1;\n\n    useLayoutEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            const focusableElements = checkboxRefs.current.filter((el) => el !== null);\n            const currentIndex = focusableElements.indexOf(document.activeElement as HTMLInputElement);\n            let nextIndex = currentIndex;\n\n            if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n                nextIndex++;\n                if (nextIndex === focusableElements.length) {\n                    nextIndex = 0;\n                }\n                if (focusableElements[nextIndex].disabled) {\n                    nextIndex++;\n                }\n            } else if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n                nextIndex--;\n                if (nextIndex === -1) {\n                    nextIndex = focusableElements.length - 1;\n                }\n\n                if (focusableElements[nextIndex].disabled) {\n                    nextIndex--;\n                }\n            } else {\n                return;\n            }\n\n            focusableElements[nextIndex].focus();\n\n            const tabEvent = new KeyboardEvent('keyup', {\n                key: 'Tab',\n                code: 'Tab',\n                keyCode: 9,\n                bubbles: true,\n            });\n\n            focusableElements[nextIndex].dispatchEvent(tabEvent);\n        };\n\n        const listElem = listContainerRef.current;\n        listElem?.addEventListener('keydown', handleKeyDown);\n\n        return () => {\n            listElem?.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [checkboxes.length]);\n\n    return (\n        <div\n            {...groupProps}\n            data-test-id={dataTestId}\n            className={merge([\n                direction === ChecklistDirection.Horizontal\n                    ? 'tw-flex tw-flex-row tw-gap-12'\n                    : `tw-grid tw-gap-4 ${columnsStyle[columns]}`,\n            ])}\n            ref={listContainerRef}\n        >\n            {/* eslint-disable-next-line @eslint-react/refs */}\n            {checkboxes.map((checkbox, index) => (\n                <div\n                    key={checkbox.value}\n                    style={{\n                        maxWidth: listContainerRef?.current?.getBoundingClientRect().width,\n                        gridColumn:\n                            index === checkboxes.length - 1 && direction === ChecklistDirection.Vertical\n                                ? getLastItemColumnSpan(checkboxes, columns)\n                                : undefined,\n                    }}\n                >\n                    <ChecklistItem\n                        checkbox={checkbox}\n                        state={state}\n                        forwardedRef={(el) => (checkboxRefs.current[index] = el)}\n                    />\n                </div>\n            ))}\n        </div>\n    );\n};\n\n/**\n * @deprecated Use multiple `Checkbox` components from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#checklist the migration guide}.\n */\nChecklist.displayName = 'FondueChecklist';\n"],"names":["ChecklistDirection","columnsStyle","ChecklistItem","checkbox","state","forwardedRef","ref","useRef","value","disabled","label","checkboxAriaLabel","checkboxState","checkState","setCheckState","useState","isSelected","inputProps","useCheckboxGroupItem","useEffect","CheckboxState","jsx","Checkbox","getLastItemColumnSpan","items","columns","gridSpan","spanItems","Checklist","checkboxes","setActiveValues","ariaLabel","activeValues","direction","dataTestId","props","checkboxRefs","listContainerRef","useCheckboxGroupState","groupProps","useCheckboxGroup","useLayoutEffect","handleKeyDown","event","focusableElements","el","nextIndex","tabEvent","listElem","merge","index","_a"],"mappings":"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"}

package/dist/components/CollapsibleWrap/CollapsibleWrap.es.js

@@ -1,36 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { motion as n } from "../../node_modules/.pnpm/motion@12.43.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/motion/dist/es/react.es.js";
-import { AnimatePresence as p } from "../../node_modules/.pnpm/framer-motion@12.43.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.es.js";
-const s = ({
-  children: e,
-  isOpen: o = !1,
-  preventInitialAnimation: a = !1,
-  animateOpacity: t = !0,
-  "data-test-id": l = "collapsible-wrap"
-}) => /* @__PURE__ */ i(p, { initial: a ? !1 : void 0, children: o && e ? /* @__PURE__ */ i(
-  n.div,
-  {
-    initial: "collapsed",
-    animate: "open",
-    exit: "collapsed",
-    variants: {
-      open: {
-        height: "auto",
-        overflow: "hidden",
-        opacity: 1,
-        transitionEnd: {
-          overflow: "visible"
-        }
-      },
-      collapsed: { height: 0, overflow: "hidden", opacity: t ? 0 : 1 }
-    },
-    transition: { type: "tween" },
-    "data-test-id": l,
-    children: e
-  }
-) : null });
-s.displayName = "FondueCollapsibleWrap";
-export {
-  s as CollapsibleWrap
-};
-//# sourceMappingURL=CollapsibleWrap.es.js.map

package/dist/components/CollapsibleWrap/CollapsibleWrap.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleWrap.es.js","sources":["../../../src/components/CollapsibleWrap/CollapsibleWrap.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AnimatePresence, motion } from 'motion/react';\nimport { type ReactElement } from 'react';\n\nimport { type CollapsibleWrapProps } from './types';\n\n/**\n * @deprecated Use `Accordion` from `@frontify/fondue/components` instead.\n */\nexport const CollapsibleWrap = ({\n    children,\n    isOpen = false,\n    preventInitialAnimation = false,\n    animateOpacity = true,\n    'data-test-id': dataTestId = 'collapsible-wrap',\n}: CollapsibleWrapProps): ReactElement => (\n    <AnimatePresence initial={preventInitialAnimation ? false : undefined}>\n        {isOpen && children ? (\n            <motion.div\n                initial={'collapsed'}\n                animate={'open'}\n                exit={'collapsed'}\n                variants={{\n                    open: {\n                        height: 'auto',\n                        overflow: 'hidden',\n                        opacity: 1,\n                        transitionEnd: {\n                            overflow: 'visible',\n                        },\n                    },\n                    collapsed: { height: 0, overflow: 'hidden', opacity: animateOpacity ? 0 : 1 },\n                }}\n                transition={{ type: 'tween' }}\n                data-test-id={dataTestId}\n            >\n                {children}\n            </motion.div>\n        ) : null}\n    </AnimatePresence>\n);\nCollapsibleWrap.displayName = 'FondueCollapsibleWrap';\n"],"names":["CollapsibleWrap","children","isOpen","preventInitialAnimation","animateOpacity","dataTestId","AnimatePresence","jsx","motion"],"mappings":";;;AAUO,MAAMA,IAAkB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,yBAAAC,IAA0B;AAAA,EAC1B,gBAAAC,IAAiB;AAAA,EACjB,gBAAgBC,IAAa;AACjC,wBACKC,GAAA,EAAgB,SAASH,IAA0B,KAAQ,QACvD,eAAUF,IACP,gBAAAM;AAAA,EAACC,EAAO;AAAA,EAAP;AAAA,IACG,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,MACN,MAAM;AAAA,QACF,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,UACX,UAAU;AAAA,QAAA;AAAA,MACd;AAAA,MAEJ,WAAW,EAAE,QAAQ,GAAG,UAAU,UAAU,SAASJ,IAAiB,IAAI,EAAA;AAAA,IAAE;AAAA,IAEhF,YAAY,EAAE,MAAM,QAAA;AAAA,IACpB,gBAAcC;AAAA,IAEb,UAAAJ;AAAA,EAAA;AACL,IACA,KAAA,CACR;AAEJD,EAAgB,cAAc;"}

package/dist/components/DatePicker/DatePicker.es.js

@@ -1,169 +0,0 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-/* empty css              */
-import { shift as G, offset as J } from "@floating-ui/dom";
-import { IconCaretLeftDouble as Q, IconCaretLeft as U, IconCaretRight as X, IconCaretRightDouble as Z } from "@frontify/fondue-icons";
-import { format as _, getYear as $ } from "date-fns";
-import { forwardRef as ee, useRef as te, useState as ae } from "react";
-import C from "react-datepicker";
-import { createPortal as re } from "react-dom";
-import { Button as o } from "../Button/Button.es.js";
-import { ButtonEmphasis as s, ButtonSize as i, ButtonStyle as l } from "../Button/ButtonTypes.es.js";
-import { merge as oe } from "../../utilities/merge.es.js";
-import { Validation as se } from "../../utilities/validation.es.js";
-import { DatePickerTrigger as ie } from "./DatePickerTrigger.es.js";
-const le = C.default ?? C, ne = (n, a) => n === "single" ? a < /* @__PURE__ */ new Date() ? "past-date" : "future-date" : "range-day", ce = ee(
-  ({
-    placeHolder: n = "Select a date",
-    isClearable: a,
-    shouldCloseOnSelect: h,
-    onChange: u,
-    onOpen: c,
-    onClose: d,
-    onBlur: g,
-    onKeyDown: M,
-    dateFormat: x = "MMM dd, yyyy",
-    value: z,
-    startDate: N,
-    endDate: P,
-    minDate: R,
-    maxDate: b,
-    validation: I = se.Default,
-    customTrigger: S,
-    customHeader: v,
-    children: B,
-    fixedHeight: j = !0,
-    hasPopperArrow: W = !0,
-    preventOpenOnFocus: q = !1,
-    inline: w = !1,
-    filterDate: F = () => !0,
-    variant: k = "single",
-    hugWidth: p = !0,
-    "data-test-id": H = "date-picker",
-    triggerAriaLabel: L = "Open or close the date picker"
-  }, A) => {
-    const y = te(null), [m, D] = ae(!1), E = () => {
-      D(!0), c == null || c(), queueMicrotask(K);
-    }, K = () => {
-      var e, r;
-      (r = (e = y.current) == null ? void 0 : e.querySelector("button")) == null || r.focus();
-    }, O = () => {
-      D(!1), d == null || d();
-    };
-    return /* @__PURE__ */ t("div", { "data-test-id": H, className: p ? "tw-w-auto" : "tw-w-full", children: /* @__PURE__ */ t(
-      le,
-      {
-        wrapperClassName: p ? "tw-w-auto" : "tw-w-full",
-        calendarClassName: oe([
-          "react-datepicker-wrap tw-pointer-events-auto",
-          w && "react-datepicker-inline"
-        ]),
-        inline: w,
-        selected: z,
-        startDate: N,
-        endDate: P,
-        minDate: R,
-        maxDate: b,
-        calendarStartDay: 1,
-        onChange: u,
-        onKeyDown: m ? void 0 : M,
-        onBlur: g,
-        selectsRange: k === "range",
-        showPopperArrow: W,
-        preventOpenOnFocus: q,
-        filterDate: F,
-        fixedHeight: j,
-        customInput: S ?? /* @__PURE__ */ t(
-          ie,
-          {
-            isCalendarOpen: m,
-            isClearable: a,
-            placeHolder: n,
-            validation: I,
-            onDateChanged: u,
-            hugWidth: p,
-            "aria-haspopup": "dialog",
-            "aria-expanded": m,
-            "aria-label": L
-          }
-        ),
-        ref: A,
-        formatWeekDay: (e) => e.slice(0, 1),
-        isClearable: a,
-        dateFormat: x,
-        onCalendarClose: O,
-        onCalendarOpen: E,
-        shouldCloseOnSelect: h,
-        dayClassName: (e) => ne(k, e),
-        popperProps: {
-          strategy: "fixed"
-        },
-        popperContainer: ({ children: e }) => re(e, document.body),
-        popperModifiers: [G({ padding: 8 }), J(8)],
-        renderCustomHeader: ({ date: e, decreaseMonth: r, increaseMonth: T, increaseYear: V, decreaseYear: Y }) => /* @__PURE__ */ f(
-          "div",
-          {
-            className: "tw-flex tw-flex-col tw-gap-3",
-            ref: y,
-            "data-test-id": "date-picker-header",
-            children: [
-              v,
-              /* @__PURE__ */ f("div", { className: "tw-flex tw-justify-between tw-pb-4 tw-px-0", children: [
-                /* @__PURE__ */ t(
-                  o,
-                  {
-                    style: l.Default,
-                    size: i.Medium,
-                    onClick: Y,
-                    emphasis: s.Weak,
-                    icon: /* @__PURE__ */ t(Q, { size: 20 })
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  o,
-                  {
-                    style: l.Default,
-                    size: i.Medium,
-                    onClick: r,
-                    emphasis: s.Weak,
-                    icon: /* @__PURE__ */ t(U, { size: 20 })
-                  }
-                ),
-                /* @__PURE__ */ f("p", { className: "tw-font-sans tw-font-semibold tw-grow tw-self-center", children: [
-                  _(e, "MMMM"),
-                  " ",
-                  $(e)
-                ] }),
-                /* @__PURE__ */ t(
-                  o,
-                  {
-                    style: l.Default,
-                    size: i.Medium,
-                    onClick: T,
-                    emphasis: s.Weak,
-                    icon: /* @__PURE__ */ t(X, { size: 20 })
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  o,
-                  {
-                    style: l.Default,
-                    size: i.Medium,
-                    onClick: V,
-                    emphasis: s.Weak,
-                    icon: /* @__PURE__ */ t(Z, { size: 20 })
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        children: B
-      }
-    ) });
-  }
-);
-ce.displayName = "FondueDatePicker";
-export {
-  ce as DatePicker
-};
-//# sourceMappingURL=DatePicker.es.js.map

package/dist/components/DatePicker/DatePicker.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.es.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport './styles.css';\nimport { offset, shift } from '@floating-ui/dom';\nimport { IconCaretLeft, IconCaretLeftDouble, IconCaretRight, IconCaretRightDouble } from '@frontify/fondue-icons';\nimport { format, getYear } from 'date-fns';\nimport { forwardRef, useRef, useState, type KeyboardEvent, type ReactNode } from 'react';\nimport ReactDatePicker from 'react-datepicker';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@components/Button/Button';\nimport { ButtonEmphasis, ButtonSize, ButtonStyle } from '@components/Button/ButtonTypes';\nimport { merge } from '@utilities/merge';\nimport { Validation } from '@utilities/validation';\n\nimport { DatePickerTrigger } from './DatePickerTrigger';\n\n// Needed because of https://github.com/Hacker0x01/react-datepicker/issues/3834\nconst ReactDatePickerComponent =\n    (ReactDatePicker as unknown as { default: typeof ReactDatePicker }).default ?? ReactDatePicker;\n\ntype SingleDatePickerProps = {\n    variant?: 'single';\n    onChange: (date: Date | null) => void;\n    startDate?: null;\n    endDate?: null;\n};\n\ntype RangeDatePickerProps = {\n    variant: 'range';\n    onChange: (date: [Date | null, Date | null] | null) => void;\n    startDate: Date | null;\n    endDate: Date | null;\n};\n\n/**\n * @deprecated Use `DatePicker` from `@frontify/fondue/components` instead.\n */\nexport type DatePickerProps = {\n    placeHolder?: string;\n    isClearable?: boolean;\n    shouldCloseOnSelect?: boolean;\n    dateFormat?: string;\n    /** @description when the variant is of type 'range', the value should be the startDate */\n    value?: Date | null;\n    minDate?: Date;\n    maxDate?: Date;\n    validation?: Validation;\n    customTrigger?: ReactNode;\n    customHeader?: ReactNode;\n    children?: ReactNode;\n    hasPopperArrow?: boolean;\n    preventOpenOnFocus?: boolean;\n    inline?: boolean;\n    filterDate?: (date: Date) => boolean;\n    fixedHeight?: boolean;\n    /**\n     * @description When false, stretches to 100% of container width.\n     * @default true\n     */\n    hugWidth?: boolean;\n    onOpen?: () => void;\n    onClose?: () => void;\n    onBlur?: () => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;\n    triggerAriaLabel?: string;\n    'data-test-id'?: string;\n} & (SingleDatePickerProps | RangeDatePickerProps);\n\nconst getDayClasses = (variant: DatePickerProps['variant'], date: Date) => {\n    if (variant === 'single') {\n        return date < new Date() ? 'past-date' : 'future-date';\n    }\n    return 'range-day';\n};\n\n/**\n * @deprecated Use `DatePicker` from `@frontify/fondue/components` instead.\n */\nexport type ReactDatePickerRef = ReactDatePicker<boolean, undefined>;\n\n/**\n * @deprecated Use `DatePicker` from `@frontify/fondue/components` instead.\n */\nexport const DatePicker = forwardRef<ReactDatePickerRef, DatePickerProps>(\n    (\n        {\n            placeHolder = 'Select a date',\n            isClearable,\n            shouldCloseOnSelect,\n            onChange,\n            onOpen,\n            onClose,\n            onBlur,\n            onKeyDown,\n            dateFormat = 'MMM dd, yyyy',\n            value,\n            startDate,\n            endDate,\n            minDate,\n            maxDate,\n            validation = Validation.Default,\n            customTrigger,\n            customHeader,\n            children,\n            fixedHeight = true,\n            hasPopperArrow = true,\n            preventOpenOnFocus = false,\n            inline = false,\n            filterDate = () => true,\n            variant = 'single',\n            hugWidth = true,\n            'data-test-id': dataTestId = 'date-picker',\n            triggerAriaLabel = 'Open or close the date picker',\n        },\n        ref,\n    ) => {\n        const calendarCustomHeaderRef = useRef<HTMLDivElement>(null);\n        const [isCalendarOpen, setIsCalendarOpen] = useState<boolean>(false);\n\n        const handleOpen = () => {\n            setIsCalendarOpen(true);\n            onOpen?.();\n\n            queueMicrotask(handleFocus);\n        };\n\n        const handleFocus = () => {\n            calendarCustomHeaderRef.current?.querySelector<HTMLElement>('button')?.focus();\n        };\n\n        const handleClose = () => {\n            setIsCalendarOpen(false);\n            onClose?.();\n        };\n\n        return (\n            <div data-test-id={dataTestId} className={hugWidth ? 'tw-w-auto' : 'tw-w-full'}>\n                <ReactDatePickerComponent\n                    wrapperClassName={hugWidth ? 'tw-w-auto' : 'tw-w-full'}\n                    calendarClassName={merge([\n                        'react-datepicker-wrap tw-pointer-events-auto',\n                        inline && 'react-datepicker-inline',\n                    ])}\n                    inline={inline}\n                    selected={value}\n                    startDate={startDate}\n                    endDate={endDate}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    calendarStartDay={1}\n                    onChange={onChange}\n                    onKeyDown={isCalendarOpen ? undefined : onKeyDown}\n                    onBlur={onBlur}\n                    selectsRange={variant === 'range'}\n                    showPopperArrow={hasPopperArrow}\n                    preventOpenOnFocus={preventOpenOnFocus}\n                    filterDate={filterDate}\n                    fixedHeight={fixedHeight}\n                    customInput={\n                        customTrigger ?? (\n                            <DatePickerTrigger\n                                isCalendarOpen={isCalendarOpen}\n                                isClearable={isClearable}\n                                placeHolder={placeHolder}\n                                validation={validation}\n                                onDateChanged={onChange}\n                                hugWidth={hugWidth}\n                                aria-haspopup=\"dialog\"\n                                aria-expanded={isCalendarOpen}\n                                aria-label={triggerAriaLabel}\n                            />\n                        )\n                    }\n                    ref={ref}\n                    formatWeekDay={(day) => day.slice(0, 1)}\n                    isClearable={isClearable}\n                    dateFormat={dateFormat}\n                    onCalendarClose={handleClose}\n                    onCalendarOpen={handleOpen}\n                    shouldCloseOnSelect={shouldCloseOnSelect}\n                    dayClassName={(date) => getDayClasses(variant, date)}\n                    popperProps={{\n                        strategy: 'fixed',\n                    }}\n                    popperContainer={({ children }) => createPortal(children, document.body)}\n                    popperModifiers={[shift({ padding: 8 }), offset(8)]}\n                    renderCustomHeader={({ date, decreaseMonth, increaseMonth, increaseYear, decreaseYear }) => (\n                        <div\n                            className=\"tw-flex tw-flex-col tw-gap-3\"\n                            ref={calendarCustomHeaderRef}\n                            data-test-id=\"date-picker-header\"\n                        >\n                            {customHeader}\n                            <div className=\"tw-flex tw-justify-between tw-pb-4 tw-px-0\">\n                                <Button\n                                    style={ButtonStyle.Default}\n                                    size={ButtonSize.Medium}\n                                    onClick={decreaseYear}\n                                    emphasis={ButtonEmphasis.Weak}\n                                    icon={<IconCaretLeftDouble size={20} />}\n                                />\n                                <Button\n                                    style={ButtonStyle.Default}\n                                    size={ButtonSize.Medium}\n                                    onClick={decreaseMonth}\n                                    emphasis={ButtonEmphasis.Weak}\n                                    icon={<IconCaretLeft size={20} />}\n                                />\n                                <p className=\"tw-font-sans tw-font-semibold tw-grow tw-self-center\">\n                                    {format(date, 'MMMM')} {getYear(date)}\n                                </p>\n                                <Button\n                                    style={ButtonStyle.Default}\n                                    size={ButtonSize.Medium}\n                                    onClick={increaseMonth}\n                                    emphasis={ButtonEmphasis.Weak}\n                                    icon={<IconCaretRight size={20} />}\n                                />\n                                <Button\n                                    style={ButtonStyle.Default}\n                                    size={ButtonSize.Medium}\n                                    onClick={increaseYear}\n                                    emphasis={ButtonEmphasis.Weak}\n                                    icon={<IconCaretRightDouble size={20} />}\n                                />\n                            </div>\n                        </div>\n                    )}\n                >\n                    {children}\n                </ReactDatePickerComponent>\n            </div>\n        );\n    },\n);\n\nDatePicker.displayName = 'FondueDatePicker';\n"],"names":["ReactDatePickerComponent","ReactDatePicker","getDayClasses","variant","date","DatePicker","forwardRef","placeHolder","isClearable","shouldCloseOnSelect","onChange","onOpen","onClose","onBlur","onKeyDown","dateFormat","value","startDate","endDate","minDate","maxDate","validation","Validation","customTrigger","customHeader","children","fixedHeight","hasPopperArrow","preventOpenOnFocus","inline","filterDate","hugWidth","dataTestId","triggerAriaLabel","ref","calendarCustomHeaderRef","useRef","isCalendarOpen","setIsCalendarOpen","useState","handleOpen","handleFocus","_b","_a","handleClose","jsx","merge","DatePickerTrigger","day","createPortal","shift","offset","decreaseMonth","increaseMonth","increaseYear","decreaseYear","jsxs","Button","ButtonStyle","ButtonSize","ButtonEmphasis","IconCaretLeftDouble","IconCaretLeft","format","getYear","IconCaretRight","IconCaretRightDouble"],"mappings":"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"}