@frontify/fondue 13.9.0 → 14.0.0-beta.0

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

@@ -1,81 +0,0 @@
-import { jsxs as E, jsx as t } from "react/jsx-runtime";
-import { IconCaretUp as b, IconCaretDown as F, IconCalendar as I } from "@frontify/fondue-icons";
-import { forwardRef as O } from "react";
-import { TextInput as R } from "../TextInput/TextInput.es.js";
-import { merge as l } from "../../utilities/merge.es.js";
-import { Validation as a } from "../../utilities/validation.es.js";
-const S = O(
-  ({
-    value: s,
-    onClick: r,
-    isClearable: i,
-    placeHolder: f,
-    isCalendarOpen: w,
-    validation: e = a.Default,
-    onDateChanged: n,
-    hugWidth: d = !0,
-    "aria-label": m
-  }, g) => {
-    const u = e === a.Error || e === a.Warning, p = "tw-right-14", h = "tw-right-8", y = "tw-right-4", c = ((o) => {
-      switch (o) {
-        case 0:
-          return y;
-        case 1:
-          return h;
-        case 2:
-          return p;
-      }
-      return "";
-    })(
-      (s && i ? 1 : 0) + (u ? 1 : 0)
-    );
-    return /* @__PURE__ */ E("div", { ref: g, className: d ? "tw-w-auto" : "tw-w-full", children: [
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: l([
-            "tw-absolute tw-top-2 tw-text-black-60 tw-z-[1]",
-            c
-          ]),
-          children: w ? /* @__PURE__ */ t(b, { size: 20 }) : /* @__PURE__ */ t(F, { size: 20 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: l([
-            "tw-absolute tw-top-0 tw-left-0 tw-bottom-0 tw-z-10",
-            c
-          ]),
-          onClick: r,
-          role: "button",
-          tabIndex: 0,
-          onKeyDown: (o) => {
-            (o.key === "Enter" || o.key === " ") && (r == null || r());
-          },
-          "aria-label": m,
-          "data-test-id": "open-close-click-zone"
-        }
-      ),
-      /* @__PURE__ */ t(
-        R,
-        {
-          decorator: /* @__PURE__ */ t(I, {}),
-          placeholder: f,
-          value: s,
-          clearable: i,
-          onEnterPressed: r,
-          onClear: () => {
-            n && n(null);
-          },
-          validation: e
-        }
-      )
-    ] });
-  }
-);
-S.displayName = "FondueDatePickerTrigger";
-export {
-  S as DatePickerTrigger
-};
-//# sourceMappingURL=DatePickerTrigger.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerTrigger.es.js","sources":["../../../src/components/DatePicker/DatePickerTrigger.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCalendar, IconCaretDown, IconCaretUp } from '@frontify/fondue-icons';\nimport { forwardRef } from 'react';\n\nimport { TextInput } from '@components/TextInput/TextInput';\nimport { merge } from '@utilities/merge';\nimport { Validation } from '@utilities/validation';\n\ntype DatePickerTriggerProps = {\n    placeHolder?: string;\n    value?: string;\n    isClearable?: boolean;\n    isCalendarOpen?: boolean;\n    onClick?: () => void;\n    validation?: Validation;\n    onDateChanged?: ((date: [Date | null, Date | null] | null) => void) | ((date: Date | null) => void);\n    hugWidth?: boolean;\n    'aria-label': string;\n};\n\n/**\n * @deprecated Use `DatePickerInput` from `@frontify/fondue/components` instead.\n */\nexport const DatePickerTrigger = forwardRef<HTMLDivElement, DatePickerTriggerProps>(\n    (\n        {\n            value,\n            onClick,\n            isClearable,\n            placeHolder,\n            isCalendarOpen,\n            validation = Validation.Default,\n            onDateChanged,\n            hugWidth = true,\n            'aria-label': ariaLabel,\n        },\n        ref,\n    ) => {\n        const isWarningOrErrorValidationState = validation === Validation.Error || validation === Validation.Warning;\n\n        const twoSlotsAwayFromRightEdge = 'tw-right-14';\n        const oneSlotAwayFromRightEdge = 'tw-right-8';\n        const zeroSlotsAwayFromRightEdge = 'tw-right-4';\n\n        const carrotRightSideTWPositionClassByOffset = (slotsOffsetFromRighSide: number): string => {\n            switch (slotsOffsetFromRighSide) {\n                case 0:\n                    return zeroSlotsAwayFromRightEdge;\n                case 1:\n                    return oneSlotAwayFromRightEdge;\n                case 2:\n                    return twoSlotsAwayFromRightEdge;\n            }\n            return '';\n        };\n\n        const carrotOffsetForClearButton = value && isClearable ? 1 : 0;\n        const carrotOffsetForValidationErrorIcon = isWarningOrErrorValidationState ? 1 : 0;\n\n        const carrotRightSideTWPositionClass = carrotRightSideTWPositionClassByOffset(\n            carrotOffsetForClearButton + carrotOffsetForValidationErrorIcon,\n        );\n\n        return (\n            <div ref={ref} className={hugWidth ? 'tw-w-auto' : 'tw-w-full'}>\n                <div\n                    className={merge([\n                        'tw-absolute tw-top-2 tw-text-black-60 tw-z-[1]',\n                        carrotRightSideTWPositionClass,\n                    ])}\n                >\n                    {isCalendarOpen ? <IconCaretUp size={20} /> : <IconCaretDown size={20} />}\n                </div>\n                <div\n                    className={merge([\n                        'tw-absolute tw-top-0 tw-left-0 tw-bottom-0 tw-z-10',\n                        carrotRightSideTWPositionClass,\n                    ])}\n                    onClick={onClick}\n                    role=\"button\"\n                    tabIndex={0}\n                    onKeyDown={(event) => {\n                        if (event.key === 'Enter' || event.key === ' ') {\n                            onClick?.();\n                        }\n                    }}\n                    aria-label={ariaLabel}\n                    data-test-id=\"open-close-click-zone\"\n                ></div>\n                <TextInput\n                    decorator={<IconCalendar />}\n                    placeholder={placeHolder}\n                    value={value}\n                    clearable={isClearable}\n                    onEnterPressed={onClick}\n                    onClear={() => {\n                        if (onDateChanged) {\n                            onDateChanged(null);\n                        }\n                    }}\n                    validation={validation}\n                />\n            </div>\n        );\n    },\n);\n\nDatePickerTrigger.displayName = 'FondueDatePickerTrigger';\n"],"names":["DatePickerTrigger","forwardRef","value","onClick","isClearable","placeHolder","isCalendarOpen","validation","Validation","onDateChanged","hugWidth","ariaLabel","ref","isWarningOrErrorValidationState","twoSlotsAwayFromRightEdge","oneSlotAwayFromRightEdge","zeroSlotsAwayFromRightEdge","carrotRightSideTWPositionClass","slotsOffsetFromRighSide","jsx","merge","IconCaretUp","IconCaretDown","event","TextInput","IconCalendar"],"mappings":";;;;;;AAwBO,MAAMA,IAAoBC;AAAA,EAC7B,CACI;AAAA,IACI,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC,IAAaC,EAAW;AAAA,IACxB,eAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAcC;AAAA,EAAA,GAElBC,MACC;AACD,UAAMC,IAAkCN,MAAeC,EAAW,SAASD,MAAeC,EAAW,SAE/FM,IAA4B,eAC5BC,IAA2B,cAC3BC,IAA6B,cAiB7BC,KAfyC,CAACC,MAA4C;AACxF,cAAQA,GAAA;AAAA,QACJ,KAAK;AACD,iBAAOF;AAAA,QACX,KAAK;AACD,iBAAOD;AAAA,QACX,KAAK;AACD,iBAAOD;AAAA,MAAA;AAEf,aAAO;AAAA,IACX;AAAA,OAEmCZ,KAASE,IAAc,IAAI,MACnBS,IAAkC,IAAI;AAAA,IAGhD;AAGjC,6BACK,OAAA,EAAI,KAAAD,GAAU,WAAWF,IAAW,cAAc,aAC/C,UAAA;AAAA,MAAA,gBAAAS;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWC,EAAM;AAAA,YACb;AAAA,YACAH;AAAA,UAAA,CACH;AAAA,UAEA,UAAAX,sBAAkBe,GAAA,EAAY,MAAM,IAAI,IAAK,gBAAAF,EAACG,GAAA,EAAc,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAE3E,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWC,EAAM;AAAA,YACb;AAAA,YACAH;AAAA,UAAA,CACH;AAAA,UACD,SAAAd;AAAA,UACA,MAAK;AAAA,UACL,UAAU;AAAA,UACV,WAAW,CAACoB,MAAU;AAClB,aAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCpB,KAAA,QAAAA;AAAA,UAER;AAAA,UACA,cAAYQ;AAAA,UACZ,gBAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjB,gBAAAQ;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,6BAAYC,GAAA,EAAa;AAAA,UACzB,aAAapB;AAAA,UACb,OAAAH;AAAA,UACA,WAAWE;AAAA,UACX,gBAAgBD;AAAA,UAChB,SAAS,MAAM;AACX,YAAIM,KACAA,EAAc,IAAI;AAAA,UAE1B;AAAA,UACA,YAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,EAER;AACJ;AAEAP,EAAkB,cAAc;"}

package/dist/components/EditableText/EditableText.es.js

@@ -1,131 +0,0 @@
-import { jsxs as E, jsx as w } from "react/jsx-runtime";
-import { useState as y, useRef as N, useEffect as S, cloneElement as C } from "react";
-import { EditableTextHelper as T } from "./lib/helper.es.js";
-import { FOCUS_VISIBLE_STYLE as B } from "../../utilities/focusStyle.es.js";
-import { merge as a } from "../../utilities/merge.es.js";
-var D = /* @__PURE__ */ ((l) => (l.INPUT = "INPUT", l.LABEL = "LABEL", l))(D || {});
-const R = ({
-  onEditableSave: l,
-  onModeChange: r,
-  onAdditionalValueSave: b,
-  children: u,
-  options: e,
-  isOverflowing: m = !1,
-  "data-test-id": P = "editable-node-container"
-}) => {
-  const d = T.getLabel(u), [x, I] = y(d), [c, n] = y(
-    "LABEL"
-    /* LABEL */
-  ), [L, U] = y(), f = N(null), g = (t) => I(t.target.value), h = (t) => {
-    n(
-      "LABEL"
-      /* LABEL */
-    ), r && r(
-      "LABEL"
-      /* LABEL */
-    ), e != null && e.additionalValues && b && b(e.additionalValues, t.target.value), l && l(t.target.value);
-  }, i = (t) => () => {
-    I(t), n(
-      "INPUT"
-      /* INPUT */
-    ), r && r(
-      "INPUT"
-      /* INPUT */
-    );
-  }, k = (t) => {
-    t.key === "Enter" && h(t);
-  }, v = (t) => h(t);
-  S(() => n(
-    (e == null ? void 0 : e.mode) ?? "LABEL"
-    /* LABEL */
-  ), [e == null ? void 0 : e.mode]);
-  const F = e != null && e.enableDoubleClick ? {
-    onDoubleClick: i(d),
-    onKeyPress: (t) => t.key === "Enter" && i(d)()
-  } : {
-    onClick: i(d)
-  };
-  S(() => {
-    var t;
-    s.current && U(T.copyStyles(s.current)), c === "INPUT" && ((t = f.current) == null || t.select());
-  }, [c, f, u]);
-  const s = N(), A = u && // eslint-disable-next-line @eslint-react/no-clone-element, @eslint-react/refs
-  C(u, {
-    ref: s
-  });
-  return /* @__PURE__ */ E(
-    "div",
-    {
-      "data-test-id": P,
-      className: a(["tw-relative tw-h-full", (e == null ? void 0 : e.removeBoxPadding) === !0 ? "" : "tw-p-2"]),
-      children: [
-        c === "INPUT" ? /* @__PURE__ */ w(
-          "div",
-          {
-            className: a([
-              "tw-flex tw-items-center",
-              (e == null ? void 0 : e.isSlimInputField) === !0 ? "-tw-translate-x-[0.315rem] -tw-translate-y-[0.07rem]" : "-tw-translate-x-[0.81rem] -tw-translate-y-[0.56rem]"
-            ]),
-            children: /* @__PURE__ */ E(
-              "div",
-              {
-                "data-test-id": "editable-input",
-                className: a(["tw-relative", m && "tw-w-full tw-flex tw-items-center"]),
-                children: [
-                  /* @__PURE__ */ w(
-                    "input",
-                    {
-                      ref: f,
-                      type: "text",
-                      className: a([
-                        (e == null ? void 0 : e.isSlimInputField) === !0 ? "focus-visible:tw-outline-none" : B,
-                        "tw-absolute tw-w-full tw-text-text tw-border tw-rounded tw-bg-base tw-border-solid",
-                        (e == null ? void 0 : e.isSlimInputField) === !0 ? "tw-py-0 tw-px-1" : "tw-px-3 tw-py-2"
-                      ]),
-                      style: L,
-                      value: x,
-                      onChange: g,
-                      onKeyDown: k,
-                      onBlur: v
-                    }
-                  ),
-                  /* @__PURE__ */ w(
-                    "span",
-                    {
-                      "aria-hidden": "true",
-                      className: a([
-                        "tw-rounded tw-px-4 tw-py-2 tw-bg-base tw-truncate",
-                        (e == null ? void 0 : e.isSlimInputField) === !0 && "tw-py-0 tw-px-2",
-                        m && "tw-w-0"
-                      ]),
-                      style: L,
-                      children: x
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        ) : null,
-        /* @__PURE__ */ w(
-          "button",
-          {
-            type: "button",
-            style: { display: c === "INPUT" ? "none" : "flex" },
-            className: a([m && "tw-w-full", "tw-h-full tw-items-center", B]),
-            ...F,
-            "data-test-id": "node-link-name",
-            "aria-pressed": "false",
-            children: A
-          }
-        )
-      ]
-    }
-  );
-};
-R.displayName = "FondueEditableText";
-export {
-  D as EditableMode,
-  R as EditableText
-};
-//# sourceMappingURL=EditableText.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditableText.es.js","sources":["../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type ChangeEvent,\n    type FocusEvent,\n    type FocusEventHandler,\n    type KeyboardEvent,\n    type KeyboardEventHandler,\n    type ReactElement,\n    cloneElement,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport { EditableTextHelper } from '@components/EditableText/lib/helper';\nimport { FOCUS_VISIBLE_STYLE } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\n/**\n * @deprecated Use the new EditableText component from @frontify/fondue/components instead.\n */\nexport enum EditableMode {\n    INPUT = 'INPUT',\n    LABEL = 'LABEL',\n}\n\ninterface InputStyling {\n    fontSize: string;\n    lineHeight: string;\n    letterSpacing: string;\n    minWidth: string;\n    fontWeight: string;\n}\n\n/**\n * isSlimInputField: removes padding\n * mode: display as Input or Label first\n * enableDoubleClick: Should the input be triggered by a double click or single click\n * additionalValues: additional information to be passed via onClick Event\n * removeBoxPadding: Removes the Padding (tw-p-2) around the input Box\n */\ninterface EditableOptionProps {\n    isSlimInputField?: boolean;\n    mode?: EditableMode;\n    enableDoubleClick?: boolean;\n    additionalValues?: string;\n    removeBoxPadding?: boolean;\n}\n\n/**\n * @deprecated Use the new EditableText component from @frontify/fondue/components instead.\n */\nexport interface EditableTextProps {\n    children?: ReactElement;\n    onAdditionalValueSave?: (additionalValue: string, value: string) => void;\n    onEditableSave?: (value: string) => void;\n    onModeChange?: (editableState?: EditableMode) => void;\n    options?: EditableOptionProps;\n    /** @deprecated Temporary solution for text with ellipisis in Tree Component */\n    isOverflowing?: boolean;\n    'data-test-id'?: string;\n}\n\n/**\n * @deprecated Use the new EditableText component from @frontify/fondue/components instead.\n */\nexport const EditableText = ({\n    onEditableSave,\n    onModeChange,\n    onAdditionalValueSave,\n    children,\n    options,\n    isOverflowing = false,\n    'data-test-id': dataTestId = 'editable-node-container',\n}: EditableTextProps) => {\n    // Read initial text strings from children\n    const childrenLabel = EditableTextHelper.getLabel(children);\n\n    // use text strings from children in the input field\n    const [inputValue, setInputValue] = useState(childrenLabel);\n    const [editableState, setEditableState] = useState<EditableMode>(EditableMode.LABEL);\n    const [inputStyling, setInputStyling] = useState<InputStyling>();\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => setInputValue(event.target.value);\n\n    const handleSwitchToLabel = (event: KeyboardEvent | FocusEvent) => {\n        setEditableState(EditableMode.LABEL);\n\n        if (onModeChange) {\n            onModeChange(EditableMode.LABEL);\n        }\n        if (options?.additionalValues && onAdditionalValueSave) {\n            onAdditionalValueSave(options.additionalValues, (event.target as HTMLTextAreaElement).value);\n        }\n        if (onEditableSave) {\n            onEditableSave((event.target as HTMLTextAreaElement).value);\n        }\n    };\n\n    const handleSwitchToInput = (childrenText: string) => () => {\n        setInputValue(childrenText);\n        setEditableState(EditableMode.INPUT);\n        if (onModeChange) {\n            onModeChange(EditableMode.INPUT);\n        }\n    };\n\n    const handleKeyDown: KeyboardEventHandler = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            handleSwitchToLabel(event);\n        }\n    };\n    const handleBlur: FocusEventHandler = (event: FocusEvent<HTMLTextAreaElement>) => handleSwitchToLabel(event);\n\n    // Set initial state of component if provided in the mode\n    useEffect(() => setEditableState(options?.mode ?? EditableMode.LABEL), [options?.mode]);\n\n    const clickBehaviour = options?.enableDoubleClick\n        ? {\n              onDoubleClick: handleSwitchToInput(childrenLabel),\n              onKeyPress: (event: KeyboardEvent) => event.key === 'Enter' && handleSwitchToInput(childrenLabel)(),\n          }\n        : {\n              onClick: handleSwitchToInput(childrenLabel),\n          };\n\n    // Update Input Style and select input field if visible\n    useEffect(() => {\n        if (childRef.current) {\n            setInputStyling(EditableTextHelper.copyStyles(childRef.current));\n        }\n\n        if (editableState === EditableMode.INPUT) {\n            inputRef.current?.select();\n        }\n    }, [editableState, inputRef, children]);\n\n    const childRef = useRef();\n\n    // Clone Child and add ref to Children\n    const ChildrenWithRef =\n        children &&\n        // eslint-disable-next-line @eslint-react/no-clone-element, @eslint-react/refs\n        cloneElement(children, {\n            ref: childRef,\n        });\n\n    return (\n        <div\n            data-test-id={dataTestId}\n            className={merge(['tw-relative tw-h-full', options?.removeBoxPadding === true ? '' : 'tw-p-2'])}\n        >\n            {editableState === EditableMode.INPUT ? (\n                <div\n                    className={merge([\n                        'tw-flex tw-items-center',\n                        options?.isSlimInputField === true\n                            ? '-tw-translate-x-[0.315rem] -tw-translate-y-[0.07rem]'\n                            : '-tw-translate-x-[0.81rem] -tw-translate-y-[0.56rem]',\n                    ])}\n                >\n                    <div\n                        data-test-id=\"editable-input\"\n                        className={merge(['tw-relative', isOverflowing && 'tw-w-full tw-flex tw-items-center'])}\n                    >\n                        <input\n                            ref={inputRef}\n                            type=\"text\"\n                            className={merge([\n                                options?.isSlimInputField === true\n                                    ? 'focus-visible:tw-outline-none'\n                                    : FOCUS_VISIBLE_STYLE,\n                                'tw-absolute tw-w-full tw-text-text tw-border tw-rounded tw-bg-base tw-border-solid',\n                                options?.isSlimInputField === true ? 'tw-py-0 tw-px-1' : 'tw-px-3 tw-py-2',\n                            ])}\n                            style={inputStyling}\n                            value={inputValue}\n                            onChange={handleInputChange}\n                            onKeyDown={handleKeyDown}\n                            onBlur={handleBlur}\n                        />\n                        <span\n                            aria-hidden=\"true\"\n                            className={merge([\n                                'tw-rounded tw-px-4 tw-py-2 tw-bg-base tw-truncate',\n                                options?.isSlimInputField === true && 'tw-py-0 tw-px-2',\n                                isOverflowing && 'tw-w-0',\n                            ])}\n                            style={inputStyling}\n                        >\n                            {inputValue}\n                        </span>\n                    </div>\n                </div>\n            ) : null}\n            <button\n                type=\"button\"\n                style={{ display: editableState === EditableMode.INPUT ? 'none' : 'flex' }}\n                className={merge([isOverflowing && 'tw-w-full', 'tw-h-full tw-items-center', FOCUS_VISIBLE_STYLE])}\n                {...clickBehaviour}\n                data-test-id={'node-link-name'}\n                aria-pressed=\"false\"\n            >\n                {ChildrenWithRef}\n            </button>\n        </div>\n    );\n};\nEditableText.displayName = 'FondueEditableText';\n"],"names":["EditableMode","EditableText","onEditableSave","onModeChange","onAdditionalValueSave","children","options","isOverflowing","dataTestId","childrenLabel","EditableTextHelper","inputValue","setInputValue","useState","editableState","setEditableState","inputStyling","setInputStyling","inputRef","useRef","handleInputChange","event","handleSwitchToLabel","handleSwitchToInput","childrenText","handleKeyDown","handleBlur","useEffect","clickBehaviour","childRef","_a","ChildrenWithRef","cloneElement","jsxs","merge","jsx","FOCUS_VISIBLE_STYLE"],"mappings":"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"}

package/dist/components/EditableText/lib/helper.es.js

@@ -1,38 +0,0 @@
-import { Children as r } from "react";
-const n = {
-  /**
-   * Recursively iterators through Children
-   * returns all instances of string amended together
-   *
-   */
-  getLabel: (e) => {
-    let i = "";
-    const p = (l) => {
-      r.map(l, (o) => {
-        if (typeof o == "string")
-          i += o;
-        else {
-          const t = o;
-          t != null && t.props && p(t.props.children);
-        }
-      });
-    };
-    return p(e), i;
-  },
-  /**
-   * Accesses the window object and copies the computed style
-   * of the element
-   *
-   */
-  copyStyles: (e) => ({
-    fontSize: window.getComputedStyle(e).getPropertyValue("font-size"),
-    lineHeight: window.getComputedStyle(e).getPropertyValue("line-height"),
-    letterSpacing: window.getComputedStyle(e).getPropertyValue("letter-spacing"),
-    minWidth: window.getComputedStyle(e).getPropertyValue("width"),
-    fontWeight: window.getComputedStyle(e).getPropertyValue("font-weight")
-  })
-};
-export {
-  n as EditableTextHelper
-};
-//# sourceMappingURL=helper.es.js.map

package/dist/components/EditableText/lib/helper.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.es.js","sources":["../../../../src/components/EditableText/lib/helper.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Children, type ReactElement, type ReactNode } from 'react';\n\nexport const EditableTextHelper = {\n    /**\n     * Recursively iterators through Children\n     * returns all instances of string amended together\n     *\n     */\n    getLabel: (children?: ReactNode | string) => {\n        let label = '';\n        const iteratorStep = (children?: ReactNode | string) => {\n            Children.map(children, (child) => {\n                if (typeof child === 'string') {\n                    label += child;\n                } else {\n                    const element = child as ReactElement | undefined;\n                    if (element?.props) {\n                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access\n                        iteratorStep(element.props.children);\n                    }\n                }\n            });\n        };\n        iteratorStep(children);\n\n        return label;\n    },\n\n    /**\n     * Accesses the window object and copies the computed style\n     * of the element\n     *\n     */\n    copyStyles: (current: Element) => {\n        return {\n            fontSize: window.getComputedStyle(current).getPropertyValue('font-size'),\n            lineHeight: window.getComputedStyle(current).getPropertyValue('line-height'),\n            letterSpacing: window.getComputedStyle(current).getPropertyValue('letter-spacing'),\n            minWidth: window.getComputedStyle(current).getPropertyValue('width'),\n            fontWeight: window.getComputedStyle(current).getPropertyValue('font-weight'),\n        };\n    },\n};\n"],"names":["EditableTextHelper","children","label","iteratorStep","Children","child","element","current"],"mappings":";AAIO,MAAMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM9B,UAAU,CAACC,MAAkC;AACzC,QAAIC,IAAQ;AACZ,UAAMC,IAAe,CAACF,MAAkC;AACpD,MAAAG,EAAS,IAAIH,GAAU,CAACI,MAAU;AAC9B,YAAI,OAAOA,KAAU;AACjB,UAAAH,KAASG;AAAA,aACN;AACH,gBAAMC,IAAUD;AAChB,UAAIC,KAAA,QAAAA,EAAS,SAETH,EAAaG,EAAQ,MAAM,QAAQ;AAAA,QAE3C;AAAA,MACJ,CAAC;AAAA,IACL;AACA,WAAAH,EAAaF,CAAQ,GAEdC;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,YAAY,CAACK,OACF;AAAA,IACH,UAAU,OAAO,iBAAiBA,CAAO,EAAE,iBAAiB,WAAW;AAAA,IACvE,YAAY,OAAO,iBAAiBA,CAAO,EAAE,iBAAiB,aAAa;AAAA,IAC3E,eAAe,OAAO,iBAAiBA,CAAO,EAAE,iBAAiB,gBAAgB;AAAA,IACjF,UAAU,OAAO,iBAAiBA,CAAO,EAAE,iBAAiB,OAAO;AAAA,IACnE,YAAY,OAAO,iBAAiBA,CAAO,EAAE,iBAAiB,aAAa;AAAA,EAAA;AAGvF;"}

package/dist/components/FilterableMultiSelect/FilterableMultiSelect.es.js

@@ -1,194 +0,0 @@
-import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { useButton as K } from "@react-aria/button";
-import { useFocusRing as ee, FocusScope as le } from "@react-aria/focus";
-import { useState as i, useRef as oe, useId as te, useEffect as f, useCallback as re } from "react";
-import { usePopper as se } from "react-popper";
-import { CheckboxState as H } from "../Checkbox/Checkbox.es.js";
-import { Checklist as ae, ChecklistDirection as ne } from "../Checklist/Checklist.es.js";
-import { Tag as V, TagSize as w, TagType as j } from "../Tag/Tag.es.js";
-import { TextInput as ce } from "../TextInput/TextInput.es.js";
-import { Trigger as ue, TriggerEmphasis as ie } from "../Trigger/Trigger.es.js";
-import { useDropdownAutoHeight as pe, DEFAULT_DROPDOWN_MAX_HEIGHT as de } from "../../hooks/useDropdownAutoHeight.es.js";
-import { EnablePortalWrapper as fe } from "../../utilities/dialogs/EnablePortalWrapper.es.js";
-import { merge as we } from "../../utilities/merge.es.js";
-import { Validation as he } from "../../utilities/validation.es.js";
-import { useClickOutside as ge, getPaddingClasses as me } from "./helpers.es.js";
-var be = /* @__PURE__ */ ((o) => (o.Default = "Default", o.Summarized = "Summarized", o))(be || {}), xe = /* @__PURE__ */ ((o) => (o.Small = "Small", o.Medium = "Medium", o))(xe || {});
-const ve = ({
-  items: o,
-  activeItemKeys: a,
-  onSelectionChange: h,
-  ariaLabel: S = "Select list",
-  disabled: C = !1,
-  placeholder: D,
-  label: T,
-  type: M = "Default",
-  size: g = "Medium",
-  validation: B = he.Default,
-  summarizedLabel: N,
-  indeterminateItemKeys: t,
-  flip: L = !1,
-  emphasis: W = ie.Default,
-  enablePortal: _ = !0,
-  filterLabel: G,
-  emptyFilteredResultsLabel: U
-}) => {
-  const [n, m] = i(!1), [b, k] = i([]), [O, X] = i(""), c = oe(null), [P, F] = i(null), [u, q] = i(null), { isFocusVisible: J, focusProps: Q } = ee(), { maxHeight: z } = pe({ current: u }, { isOpen: n, autoResize: !0 }), E = a.length > 0, Y = N ?? [a.length, "selected"].join(" ");
-  ge(null, () => m(!1), [c == null ? void 0 : c.current, P]);
-  const Z = z !== de, A = te(), x = () => m((e) => !e), { buttonProps: $ } = K(
-    {
-      onPress: x,
-      onKeyDown: (e) => {
-        e.key === "Escape" && m(!1);
-      },
-      elementType: "div"
-    },
-    { current: u }
-  ), y = (e) => {
-    const r = new Set(a);
-    r.has(e) ? r.delete(e) : r.add(e), h(Array.from(r));
-  }, I = (e) => {
-    e.code === "Space" && x();
-  }, R = () => n ? j.SelectedWithFocus : j.Selected;
-  f(() => {
-    F(c == null ? void 0 : c.current);
-  }, []), f(() => {
-    k(
-      o.map((e) => t != null && t.includes(e.value) ? { ...e, label: e.value, state: H.Mixed } : { ...e, label: e.value })
-    );
-  }, [o, t]);
-  const v = re(
-    (e) => {
-      X(e), k(
-        o.reduce((r, s) => s.isCategory || s.isDivider || s.value.toLowerCase().includes(e.toLowerCase()) ? t != null && t.includes(s.value) ? [...r, { ...s, label: s.value, state: H.Mixed }] : [...r, { ...s, label: s.value }] : r, [])
-      );
-    },
-    [t, o]
-  );
-  f(() => {
-    n || v("");
-  }, [n, v]);
-  const p = se(u, P, {
-    placement: "bottom-start",
-    strategy: "fixed",
-    modifiers: [
-      {
-        name: "offset",
-        options: {
-          offset: [0, 8]
-        }
-      },
-      {
-        name: "flip",
-        enabled: L
-      }
-    ]
-  });
-  return f(() => {
-    (async () => {
-      p.update && await p.update();
-    })().catch(console.error);
-  }, [a]), /* @__PURE__ */ d("div", { className: "tw-relative", ref: c, children: [
-    /* @__PURE__ */ l(
-      ue,
-      {
-        disabled: C,
-        buttonProps: $,
-        isFocusVisible: J,
-        isOpen: n,
-        validation: B,
-        emphasis: W,
-        children: /* @__PURE__ */ l("div", { className: we(["tw-flex tw-flex-1 tw-gap-2", me(g)]), ref: q, children: /* @__PURE__ */ l(
-          "div",
-          {
-            className: "tw-flex tw-flex-1 tw-gap-2 focus:tw-outline-0",
-            onClick: x,
-            role: "combobox",
-            "aria-expanded": n,
-            "aria-controls": A,
-            "aria-label": S,
-            ...Q,
-            tabIndex: 0,
-            onKeyDown: I,
-            children: /* @__PURE__ */ d("div", { className: "tw-flex tw-flex-wrap tw-gap-2 tw-outline-none tw-items-center tw-min-h-[28px]", children: [
-              T && E && /* @__PURE__ */ l("span", { className: "tw-body-medium-strong tw-text-primary", children: T }),
-              M === "Default" && a.map((e) => /* @__PURE__ */ l(
-                V,
-                {
-                  type: R(),
-                  label: e.toString(),
-                  size: g === "Small" ? w.Small : w.Medium,
-                  onClick: C ? void 0 : () => y(e)
-                },
-                e
-              )),
-              M === "Summarized" && (E || N) && /* @__PURE__ */ l(
-                V,
-                {
-                  type: R(),
-                  label: Y,
-                  size: g === "Small" ? w.Small : w.Medium,
-                  onClick: (t == null ? void 0 : t.length) === 0 ? () => h([]) : void 0
-                }
-              ),
-              a.length === 0 && D && /* @__PURE__ */ l("span", { className: "tw-body-medium tw-text-secondary", children: D })
-            ] })
-          }
-        ) })
-      }
-    ),
-    n && Z && /* @__PURE__ */ l(fe, { enablePortal: _, children: /* @__PURE__ */ l(
-      "div",
-      {
-        id: A,
-        ref: F,
-        className: "tw-absolute tw-left-0 tw-w-full tw-overflow-hidden tw-p-0 tw-shadow-mid tw-list-none tw-m-0 tw-mt-2 tw-z-[120000] tw-bg-base tw-min-w-72",
-        style: {
-          ...p.styles.popper,
-          width: u == null ? void 0 : u.getBoundingClientRect().width
-        },
-        ...p.attributes.popper,
-        children: /* @__PURE__ */ d(le, { restoreFocus: !0, children: [
-          /* @__PURE__ */ l("div", { className: "tw-p-4 tw-pb-0", children: /* @__PURE__ */ l(
-            ce,
-            {
-              value: O,
-              placeholder: G,
-              clearable: !0,
-              onChange: v,
-              focusOnMount: !0
-            }
-          ) }),
-          /* @__PURE__ */ d(
-            "div",
-            {
-              className: "tw-p-4 tw-overflow-y-auto tw-overflow-x-hidden tw-w-full tw-relative",
-              style: { maxHeight: z },
-              children: [
-                b.length > 0 && /* @__PURE__ */ l(
-                  ae,
-                  {
-                    activeValues: a.map((e) => e.toString()),
-                    setActiveValues: h,
-                    checkboxes: b.filter((e) => !e.isDivider && !e.isCategory),
-                    direction: ne.Vertical,
-                    ariaLabel: S
-                  }
-                ),
-                b.length === 0 && O !== "" && /* @__PURE__ */ l("span", { className: "tw-body-small tw-text-secondary", children: U })
-              ]
-            }
-          )
-        ] })
-      },
-      "content"
-    ) })
-  ] });
-};
-ve.displayName = "FondueFilterableMultiSelect";
-export {
-  ve as FilterableMultiSelect,
-  xe as FilterableMultiSelectSize,
-  be as FilterableMultiSelectType
-};
-//# sourceMappingURL=FilterableMultiSelect.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FilterableMultiSelect.es.js","sources":["../../../src/components/FilterableMultiSelect/FilterableMultiSelect.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useButton } from '@react-aria/button';\nimport { FocusScope, useFocusRing } from '@react-aria/focus';\nimport {\n    type KeyboardEvent,\n    type ReactElement,\n    type ReactNode,\n    useCallback,\n    useEffect,\n    useId,\n    useRef,\n    useState,\n} from 'react';\nimport { usePopper } from 'react-popper';\n\nimport { CheckboxState } from '@components/Checkbox/Checkbox';\nimport { Checklist, ChecklistDirection } from '@components/Checklist/Checklist';\nimport { Tag, TagSize, TagType } from '@components/Tag';\nimport { TextInput } from '@components/TextInput/TextInput';\nimport { Trigger, TriggerEmphasis } from '@components/Trigger/Trigger';\nimport { DEFAULT_DROPDOWN_MAX_HEIGHT, useDropdownAutoHeight } from '@hooks/useDropdownAutoHeight';\nimport { EnablePortalWrapper } from '@utilities/dialogs/EnablePortalWrapper';\nimport { merge } from '@utilities/merge';\nimport { Validation } from '@utilities/validation';\n\nimport { getPaddingClasses, useClickOutside } from './helpers';\n\n/**\n * @deprecated Please use updated Multiple Combobox component from `@frontify/fondue/components` instead.\n */\nexport enum FilterableMultiSelectType {\n    Default = 'Default',\n    Summarized = 'Summarized',\n}\n\n/**\n * @deprecated Please use updated Multiple Combobox component from `@frontify/fondue/components` instead.\n */\nexport enum FilterableMultiSelectSize {\n    Small = 'Small',\n    Medium = 'Medium',\n}\n\n/**\n * @deprecated Please use updated Multiple Combobox component from `@frontify/fondue/components` instead.\n */\nexport type FilterableMultiSelectItem = {\n    value: string;\n    isCategory?: boolean;\n    isDivider?: boolean;\n    avatar?: ReactNode;\n    imgSrc?: string;\n    ariaLabel?: string;\n};\n\n/**\n * @deprecated Please use updated Multiple Combobox component from `@frontify/fondue/components` instead.\n */\nexport type FilterableMultiSelectProps = {\n    items: FilterableMultiSelectItem[];\n    activeItemKeys: (string | number)[];\n    disabled?: boolean;\n    onSelectionChange: (keys: (string | number)[]) => void;\n    ariaLabel?: string;\n    label?: string;\n    placeholder?: string;\n    type?: FilterableMultiSelectType;\n    size?: FilterableMultiSelectSize;\n    validation?: Validation;\n    summarizedLabel?: string;\n    indeterminateItemKeys?: (string | number)[];\n    flip?: boolean;\n    emphasis?: TriggerEmphasis;\n    enablePortal?: boolean;\n    filterLabel?: string;\n    emptyFilteredResultsLabel?: string;\n};\n\ntype FilterableMultiSelectCheckboxItem = {\n    label: string;\n    value: string;\n    avatar?: ReactNode;\n    isCategory?: boolean;\n    isDivider?: boolean;\n    imgSrc?: string;\n    ariaLabel?: string;\n};\n\n/**\n * @deprecated Please use updated Multiple Combobox component from `@frontify/fondue/components` instead.\n */\nexport const FilterableMultiSelect = ({\n    items,\n    activeItemKeys,\n    onSelectionChange,\n    ariaLabel = 'Select list',\n    disabled = false,\n    placeholder,\n    label,\n    type = FilterableMultiSelectType.Default,\n    size = FilterableMultiSelectSize.Medium,\n    validation = Validation.Default,\n    summarizedLabel: summarizedLabelFromProps,\n    indeterminateItemKeys,\n    flip = false,\n    emphasis = TriggerEmphasis.Default,\n    enablePortal = true,\n    filterLabel,\n    emptyFilteredResultsLabel,\n}: FilterableMultiSelectProps): ReactElement => {\n    const [open, setOpen] = useState(false);\n    const [checkboxes, setCheckboxes] = useState<FilterableMultiSelectCheckboxItem[]>([]);\n    const [searchTerm, setSearchTerm] = useState<string>('');\n\n    const multiSelectRef = useRef<HTMLDivElement | null>(null);\n    const [multiSelectMenuRef, setMultiSelectMenuRef] = useState<null | HTMLDivElement>(null);\n    const [triggerRef, setTriggerRef] = useState<HTMLDivElement | null>(null);\n\n    const { isFocusVisible, focusProps } = useFocusRing();\n\n    const { maxHeight } = useDropdownAutoHeight({ current: triggerRef }, { isOpen: open, autoResize: true });\n\n    const hasSelectedItems = activeItemKeys.length > 0;\n    const summarizedLabel = summarizedLabelFromProps ?? [activeItemKeys.length, 'selected'].join(' ');\n\n    const handleClose = () => setOpen(false);\n\n    useClickOutside(null, handleClose, [multiSelectRef?.current as HTMLElement, multiSelectMenuRef as HTMLElement]);\n\n    const heightIsReady = maxHeight !== DEFAULT_DROPDOWN_MAX_HEIGHT;\n\n    const multiSelectContentId = useId();\n\n    const toggleOpen = () => setOpen((open) => !open);\n\n    const { buttonProps } = useButton(\n        {\n            onPress: toggleOpen,\n            onKeyDown: (e) => {\n                if (e.key === 'Escape') {\n                    setOpen(false);\n                }\n            },\n            elementType: 'div',\n        },\n        { current: triggerRef },\n    );\n\n    const toggleSelection = (key: string | number) => {\n        const keySet = new Set(activeItemKeys);\n\n        if (keySet.has(key)) {\n            keySet.delete(key);\n        } else {\n            keySet.add(key);\n        }\n\n        onSelectionChange(Array.from(keySet));\n    };\n\n    const handleSpaceBarToggle = (event: KeyboardEvent<HTMLDivElement>) => {\n        if (event.code === 'Space') {\n            toggleOpen();\n        }\n    };\n\n    const getTagType = () => {\n        if (!open) {\n            return TagType.Selected;\n        }\n        return TagType.SelectedWithFocus;\n    };\n\n    useEffect(() => {\n        setMultiSelectMenuRef(multiSelectRef?.current);\n    }, []);\n\n    useEffect(() => {\n        setCheckboxes(\n            items.map((item) => {\n                if (indeterminateItemKeys?.includes(item.value)) {\n                    return { ...item, label: item.value, state: CheckboxState.Mixed };\n                }\n\n                return { ...item, label: item.value };\n            }),\n        );\n    }, [items, indeterminateItemKeys]);\n\n    const handleFilterChange = useCallback(\n        (newValue: string) => {\n            setSearchTerm(newValue);\n\n            setCheckboxes(\n                items.reduce((acc: FilterableMultiSelectCheckboxItem[], item) => {\n                    if (\n                        item.isCategory ||\n                        item.isDivider ||\n                        item.value.toLowerCase().includes(newValue.toLowerCase())\n                    ) {\n                        if (indeterminateItemKeys?.includes(item.value)) {\n                            return [...acc, { ...item, label: item.value, state: CheckboxState.Mixed }];\n                        }\n\n                        return [...acc, { ...item, label: item.value }];\n                    }\n                    return acc;\n                }, []),\n            );\n        },\n        [indeterminateItemKeys, items],\n    );\n\n    useEffect(() => {\n        if (!open) {\n            handleFilterChange('');\n        }\n    }, [open, handleFilterChange]);\n\n    const popperInstance = usePopper(triggerRef, multiSelectMenuRef, {\n        placement: 'bottom-start',\n        strategy: 'fixed',\n        modifiers: [\n            {\n                name: 'offset',\n                options: {\n                    offset: [0, 8],\n                },\n            },\n            {\n                name: 'flip',\n                enabled: flip,\n            },\n        ],\n    });\n\n    useEffect(() => {\n        const updatePopper = async () => {\n            if (popperInstance.update) {\n                await popperInstance.update();\n            }\n        };\n\n        updatePopper().catch(console.error);\n        // eslint-disable-next-line @eslint-react/exhaustive-deps\n    }, [activeItemKeys]);\n\n    return (\n        <div className=\"tw-relative\" ref={multiSelectRef}>\n            <Trigger\n                disabled={disabled}\n                buttonProps={buttonProps}\n                isFocusVisible={isFocusVisible}\n                isOpen={open}\n                validation={validation}\n                emphasis={emphasis}\n            >\n                <div className={merge(['tw-flex tw-flex-1 tw-gap-2', getPaddingClasses(size)])} ref={setTriggerRef}>\n                    <div\n                        className=\"tw-flex tw-flex-1 tw-gap-2 focus:tw-outline-0\"\n                        onClick={toggleOpen}\n                        role=\"combobox\"\n                        aria-expanded={open}\n                        aria-controls={multiSelectContentId}\n                        aria-label={ariaLabel}\n                        {...focusProps}\n                        tabIndex={0}\n                        onKeyDown={handleSpaceBarToggle}\n                    >\n                        <div className=\"tw-flex tw-flex-wrap tw-gap-2 tw-outline-none tw-items-center tw-min-h-[28px]\">\n                            {label && hasSelectedItems && (\n                                <span className=\"tw-body-medium-strong tw-text-primary\">{label}</span>\n                            )}\n                            {type === FilterableMultiSelectType.Default &&\n                                activeItemKeys.map((key) => (\n                                    <Tag\n                                        key={key}\n                                        type={getTagType()}\n                                        label={key.toString()}\n                                        size={size === FilterableMultiSelectSize.Small ? TagSize.Small : TagSize.Medium}\n                                        onClick={disabled ? undefined : () => toggleSelection(key)}\n                                    />\n                                ))}\n\n                            {type === FilterableMultiSelectType.Summarized &&\n                                (hasSelectedItems || summarizedLabelFromProps) && (\n                                    <Tag\n                                        type={getTagType()}\n                                        label={summarizedLabel}\n                                        size={size === FilterableMultiSelectSize.Small ? TagSize.Small : TagSize.Medium}\n                                        onClick={\n                                            indeterminateItemKeys?.length === 0\n                                                ? () => onSelectionChange([])\n                                                : undefined\n                                        }\n                                    />\n                                )}\n\n                            {activeItemKeys.length === 0 && placeholder && (\n                                <span className=\"tw-body-medium tw-text-secondary\">{placeholder}</span>\n                            )}\n                        </div>\n                    </div>\n                </div>\n            </Trigger>\n\n            {open && heightIsReady && (\n                <EnablePortalWrapper enablePortal={enablePortal}>\n                    <div\n                        id={multiSelectContentId}\n                        ref={setMultiSelectMenuRef}\n                        className=\"tw-absolute tw-left-0 tw-w-full tw-overflow-hidden tw-p-0 tw-shadow-mid tw-list-none tw-m-0 tw-mt-2 tw-z-[120000] tw-bg-base tw-min-w-72\"\n                        key=\"content\"\n                        style={{\n                            ...popperInstance.styles.popper,\n                            width: triggerRef?.getBoundingClientRect().width,\n                        }}\n                        {...popperInstance.attributes.popper}\n                    >\n                        <FocusScope restoreFocus>\n                            <div className=\"tw-p-4 tw-pb-0\">\n                                <TextInput\n                                    value={searchTerm}\n                                    placeholder={filterLabel}\n                                    clearable\n                                    onChange={handleFilterChange}\n                                    focusOnMount\n                                />\n                            </div>\n                            <div\n                                className=\"tw-p-4 tw-overflow-y-auto tw-overflow-x-hidden tw-w-full tw-relative\"\n                                style={{ maxHeight }}\n                            >\n                                {checkboxes.length > 0 && (\n                                    <Checklist\n                                        activeValues={activeItemKeys.map((key) => key.toString())}\n                                        setActiveValues={onSelectionChange}\n                                        checkboxes={checkboxes.filter((item) => !item.isDivider && !item.isCategory)}\n                                        direction={ChecklistDirection.Vertical}\n                                        ariaLabel={ariaLabel}\n                                    />\n                                )}\n\n                                {checkboxes.length === 0 && searchTerm !== '' && (\n                                    <span className=\"tw-body-small tw-text-secondary\">{emptyFilteredResultsLabel}</span>\n                                )}\n                            </div>\n                        </FocusScope>\n                    </div>\n                </EnablePortalWrapper>\n            )}\n        </div>\n    );\n};\nFilterableMultiSelect.displayName = 'FondueFilterableMultiSelect';\n"],"names":["FilterableMultiSelectType","FilterableMultiSelectSize","FilterableMultiSelect","items","activeItemKeys","onSelectionChange","ariaLabel","disabled","placeholder","label","type","size","validation","Validation","summarizedLabelFromProps","indeterminateItemKeys","flip","emphasis","TriggerEmphasis","enablePortal","filterLabel","emptyFilteredResultsLabel","open","setOpen","useState","checkboxes","setCheckboxes","searchTerm","setSearchTerm","multiSelectRef","useRef","multiSelectMenuRef","setMultiSelectMenuRef","triggerRef","setTriggerRef","isFocusVisible","focusProps","useFocusRing","maxHeight","useDropdownAutoHeight","hasSelectedItems","summarizedLabel","useClickOutside","heightIsReady","DEFAULT_DROPDOWN_MAX_HEIGHT","multiSelectContentId","useId","toggleOpen","buttonProps","useButton","toggleSelection","key","keySet","handleSpaceBarToggle","event","getTagType","TagType","useEffect","item","CheckboxState","handleFilterChange","useCallback","newValue","acc","popperInstance","usePopper","jsxs","jsx","Trigger","merge","getPaddingClasses","Tag","TagSize","EnablePortalWrapper","FocusScope","TextInput","Checklist","ChecklistDirection"],"mappings":"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"}

package/dist/components/FilterableMultiSelect/helpers.es.js

@@ -1,33 +0,0 @@
-import { useEffect as a } from "react";
-import { merge as c } from "../../utilities/merge.es.js";
-import { FilterableMultiSelectSize as o } from "./FilterableMultiSelect.es.js";
-const n = (s) => {
-  const t = ["tw-pr-9"];
-  switch (s) {
-    case o.Small:
-      t.push("tw-pl-3 tw-py-1");
-      break;
-    case o.Medium:
-      t.push("tw-pl-[19px] tw-py-[11px]");
-      break;
-    default:
-      return;
-  }
-  return c(t);
-}, w = (s, t, r) => {
-  a(() => {
-    function u(i) {
-      r != null && r.find(
-        (e) => e && (i.target === e || e.contains(i.target))
-      ) || t();
-    }
-    return document.addEventListener("mousedown", u), () => {
-      document.removeEventListener("mousedown", u);
-    };
-  }, [t, s, r]);
-};
-export {
-  n as getPaddingClasses,
-  w as useClickOutside
-};
-//# sourceMappingURL=helpers.es.js.map

package/dist/components/FilterableMultiSelect/helpers.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.es.js","sources":["../../../src/components/FilterableMultiSelect/helpers.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEffect } from 'react';\n\nimport { merge } from '@utilities/merge';\n\nimport { FilterableMultiSelectSize } from './FilterableMultiSelect';\n\n/**\n * @deprecated Please use updated Multiple Combobox component from `@frontify/fondue/components` instead.\n */\nexport const getPaddingClasses = (size: FilterableMultiSelectSize) => {\n    const classes = ['tw-pr-9'];\n    switch (size) {\n        case FilterableMultiSelectSize.Small:\n            classes.push('tw-pl-3 tw-py-1');\n            break;\n        case FilterableMultiSelectSize.Medium:\n            classes.push('tw-pl-[19px] tw-py-[11px]');\n            break;\n        default:\n            return;\n    }\n\n    return merge(classes);\n};\n\n/*\nThis function should live here temporarily and removed once the new MultiSelect implementation is done.\nThe new Hook update works well in any overlay component but doesn't work in the current MultiSelect component.\nIt messes with the Popper positioning which should be also fixed in another PR using the combo -> Popper component, overlayStyles, and downshift.\n*/\n/**\n * @deprecated Please use updated Multiple Combobox component from `@frontify/fondue/components` instead.\n */\nexport const useClickOutside = (\n    reference: HTMLElement | null,\n    callback: () => void,\n    ignoredElements?: HTMLElement[],\n): void => {\n    useEffect(() => {\n        function handleClickOutside(event: MouseEvent) {\n            if (\n                !reference?.contains(event.target as Node) &&\n                !ignoredElements?.find(\n                    (element) => element && (event.target === element || element.contains(event.target as Node)),\n                )\n            ) {\n                callback();\n            }\n        }\n\n        document.addEventListener('mousedown', handleClickOutside);\n        return () => {\n            document.removeEventListener('mousedown', handleClickOutside);\n        };\n    }, [callback, reference, ignoredElements]);\n};\n"],"names":["getPaddingClasses","size","classes","FilterableMultiSelectSize","merge","useClickOutside","reference","callback","ignoredElements","useEffect","handleClickOutside","event","element"],"mappings":";;;AAWO,MAAMA,IAAoB,CAACC,MAAoC;AAClE,QAAMC,IAAU,CAAC,SAAS;AAC1B,UAAQD,GAAA;AAAA,IACJ,KAAKE,EAA0B;AAC3B,MAAAD,EAAQ,KAAK,iBAAiB;AAC9B;AAAA,IACJ,KAAKC,EAA0B;AAC3B,MAAAD,EAAQ,KAAK,2BAA2B;AACxC;AAAA,IACJ;AACI;AAAA,EAAA;AAGR,SAAOE,EAAMF,CAAO;AACxB,GAUaG,IAAkB,CAC3BC,GACAC,GACAC,MACO;AACP,EAAAC,EAAU,MAAM;AACZ,aAASC,EAAmBC,GAAmB;AAC3C,MAEKH,KAAA,QAAAA,EAAiB;AAAA,QACd,CAACI,MAAYA,MAAYD,EAAM,WAAWC,KAAWA,EAAQ,SAASD,EAAM,MAAc;AAAA,WAG9FJ,EAAA;AAAA,IAER;AAEA,oBAAS,iBAAiB,aAAaG,CAAkB,GAClD,MAAM;AACT,eAAS,oBAAoB,aAAaA,CAAkB;AAAA,IAChE;AAAA,EACJ,GAAG,CAACH,GAAUD,GAAWE,CAAe,CAAC;AAC7C;"}

package/dist/components/Flyout/helpers/getVerticalPositioning.es.js

@@ -1,12 +0,0 @@
-const m = (e, n, p, g) => {
-  var c;
-  let t = "bottom", o = 1 / 0;
-  if (!e || !n)
-    return { position: t, maxHeight: o };
-  const { top: s, bottom: w } = e.getBoundingClientRect(), i = (((c = window.visualViewport) == null ? void 0 : c.height) ?? 0) - w - p - g, r = s - p;
-  return i < n && (t = i < r ? "top" : "bottom"), o = t === "top" ? r : i, { position: t, maxHeight: o };
-};
-export {
-  m as getVerticalPositioning
-};
-//# sourceMappingURL=getVerticalPositioning.es.js.map

package/dist/components/Flyout/helpers/getVerticalPositioning.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getVerticalPositioning.es.js","sources":["../../../../src/components/Flyout/helpers/getVerticalPositioning.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\ntype VerticalPosition = 'top' | 'bottom';\n\n/**\n * @deprecated Please use updated Flyout component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#flyout-old-inlinedialog the migration guide}.\n */\nexport const getVerticalPositioning = <T extends HTMLElement>(\n    triggerRef: T | null,\n    overlayHeight: number,\n    offset: number,\n    bottomMargin: number,\n): { position: VerticalPosition; maxHeight: number } => {\n    let position: VerticalPosition = 'bottom';\n    let maxHeight = Infinity;\n\n    if (!triggerRef || !overlayHeight) {\n        return { position, maxHeight };\n    }\n\n    const { top: triggerTop, bottom: triggerBottom } = triggerRef.getBoundingClientRect();\n    const viewportHeight = window.visualViewport?.height ?? 0;\n    const spaceBelow = viewportHeight - triggerBottom - offset - bottomMargin;\n    const spaceAbove = triggerTop - offset;\n\n    if (spaceBelow < overlayHeight) {\n        position = spaceBelow < spaceAbove ? 'top' : 'bottom';\n    }\n\n    maxHeight = position === 'top' ? spaceAbove : spaceBelow;\n\n    return { position, maxHeight };\n};\n"],"names":["getVerticalPositioning","triggerRef","overlayHeight","offset","bottomMargin","_a","position","maxHeight","triggerTop","triggerBottom","spaceBelow","spaceAbove"],"mappings":"AAOO,MAAMA,IAAyB,CAClCC,GACAC,GACAC,GACAC,MACoD;AALjD,MAAAC;AAMH,MAAIC,IAA6B,UAC7BC,IAAY;AAEhB,MAAI,CAACN,KAAc,CAACC;AAChB,WAAO,EAAE,UAAAI,GAAU,WAAAC,EAAA;AAGvB,QAAM,EAAE,KAAKC,GAAY,QAAQC,EAAA,IAAkBR,EAAW,sBAAA,GAExDS,OADiBL,IAAA,OAAO,mBAAP,gBAAAA,EAAuB,WAAU,KACpBI,IAAgBN,IAASC,GACvDO,IAAaH,IAAaL;AAEhC,SAAIO,IAAaR,MACbI,IAAWI,IAAaC,IAAa,QAAQ,WAGjDJ,IAAYD,MAAa,QAAQK,IAAaD,GAEvC,EAAE,UAAAJ,GAAU,WAAAC,EAAA;AACvB;"}