@frontify/guideline-blocks-settings 0.33.2 → 0.33.3

package/dist/components/BlockItemWrapper/Toolbar/Toolbar.es.js

@@ -1,22 +0,0 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { ToolbarSegment as r } from "./ToolbarSegment.es.js";
-import { AttachmentsToolbarButton as a } from "./AttachmentsToolbarButton/AttachmentsToolbarButton.es.js";
-import { DragHandleToolbarButton as p } from "./DragHandleToolbarButton/DragHandleToolbarButton.es.js";
-import { MenuToolbarButton as d } from "./MenuToolbarButton/MenuToolbarButton.es.js";
-import { FlyoutToolbarButton as i } from "./FlyoutToolbarButton/FlyoutToolbarButton.es.js";
-import { ToolbarButton as s } from "./ToolbarButton/ToolbarButton.es.js";
-const g = ({ items: e, attachments: l }) => /* @__PURE__ */ n(
-  "div",
-  {
-    "data-test-id": "block-item-wrapper-toolbar",
-    className: "tw-rounded-md tw-bg-base tw-border tw-border-line-strong tw-divide-x tw-divide-line-strong tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate",
-    children: [
-      l.isEnabled && /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(a, {}) }),
-      /* @__PURE__ */ t(r, { children: e.map((o) => o.type === "dragHandle" ? /* @__PURE__ */ t(p, { ...o }, o.tooltip + o.type) : o.type === "menu" ? /* @__PURE__ */ t(d, { ...o }, o.tooltip + o.type) : o.type === "flyout" ? /* @__PURE__ */ t(i, { ...o }, o.tooltip + o.type) : /* @__PURE__ */ t(s, { ...o }, o.tooltip + o.type)) })
-    ]
-  }
-);
-export {
-  g as Toolbar
-};
-//# sourceMappingURL=Toolbar.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/Toolbar.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/Toolbar.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ToolbarSegment } from './ToolbarSegment';\nimport { AttachmentsToolbarButton } from './AttachmentsToolbarButton';\nimport { type ToolbarProps } from './types';\nimport { ToolbarButton } from './ToolbarButton';\nimport { DragHandleToolbarButton } from './DragHandleToolbarButton';\nimport { FlyoutToolbarButton } from './FlyoutToolbarButton';\nimport { MenuToolbarButton } from './MenuToolbarButton';\n\nexport const Toolbar = ({ items, attachments }: ToolbarProps) => (\n    <div\n        data-test-id=\"block-item-wrapper-toolbar\"\n        className=\"tw-rounded-md tw-bg-base tw-border tw-border-line-strong tw-divide-x tw-divide-line-strong tw-shadow-lg tw-flex tw-flex-none tw-items-center tw-isolate\"\n    >\n        {attachments.isEnabled && (\n            <ToolbarSegment>\n                <AttachmentsToolbarButton />\n            </ToolbarSegment>\n        )}\n        <ToolbarSegment>\n            {items.map((item) => {\n                if (item.type === 'dragHandle') {\n                    return <DragHandleToolbarButton key={item.tooltip + item.type} {...item} />;\n                }\n                if (item.type === 'menu') {\n                    return <MenuToolbarButton key={item.tooltip + item.type} {...item} />;\n                }\n                if (item.type === 'flyout') {\n                    return <FlyoutToolbarButton key={item.tooltip + item.type} {...item} />;\n                }\n                return <ToolbarButton key={item.tooltip + item.type} {...item} />;\n            })}\n        </ToolbarSegment>\n    </div>\n);\n"],"names":["Toolbar","items","attachments","jsxs","jsx","ToolbarSegment","AttachmentsToolbarButton","item","DragHandleToolbarButton","MenuToolbarButton","FlyoutToolbarButton","ToolbarButton"],"mappings":";;;;;;;AAUO,MAAMA,IAAU,CAAC,EAAE,OAAAC,GAAO,aAAAC,EAC7B,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAU;AAAA,IAET,UAAA;AAAA,MAAAD,EAAY,aACT,gBAAAE,EAACC,GACG,EAAA,UAAA,gBAAAD,EAACE,IAAyB,CAAA,GAC9B;AAAA,MAEH,gBAAAF,EAAAC,GAAA,EACI,UAAMJ,EAAA,IAAI,CAACM,MACJA,EAAK,SAAS,iCACNC,GAAwD,EAAA,GAAGD,KAA9BA,EAAK,UAAUA,EAAK,IAAgB,IAEzEA,EAAK,SAAS,2BACNE,GAAkD,EAAA,GAAGF,KAA9BA,EAAK,UAAUA,EAAK,IAAgB,IAEnEA,EAAK,SAAS,6BACNG,GAAoD,EAAA,GAAGH,KAA9BA,EAAK,UAAUA,EAAK,IAAgB,sBAEjEI,GAA8C,EAAA,GAAGJ,KAA9BA,EAAK,UAAUA,EAAK,IAAgB,CAClE,GACL;AAAA,IAAA;AAAA,EAAA;AACJ;"}

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButton/ToolbarButton.es.js

@@ -1,12 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useDragPreviewContext as n } from "../context/DragPreviewContext.es.js";
-import { BaseToolbarButton as a } from "../BaseToolbarButton.es.js";
-import { ToolbarButtonTooltip as l } from "../ToolbarButtonTooltip.es.js";
-const c = ({ tooltip: t, icon: r, onClick: e }) => {
-  const i = n();
-  return /* @__PURE__ */ o(l, { disabled: i, content: t ?? "", children: /* @__PURE__ */ o(a, { "data-test-id": "block-item-wrapper-toolbar-btn", onClick: e, children: r }) });
-};
-export {
-  c as ToolbarButton
-};
-//# sourceMappingURL=ToolbarButton.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButton/ToolbarButton.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/ToolbarButton/ToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\n\nexport type ToolbarButtonProps = { icon: JSX.Element; tooltip?: string; onClick: () => void };\n\nexport const ToolbarButton = ({ tooltip, icon, onClick }: ToolbarButtonProps) => {\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <ToolbarButtonTooltip disabled={isDragPreview} content={tooltip ?? ''}>\n            <BaseToolbarButton data-test-id=\"block-item-wrapper-toolbar-btn\" onClick={onClick}>\n                {icon}\n            </BaseToolbarButton>\n        </ToolbarButtonTooltip>\n    );\n};\n"],"names":["ToolbarButton","tooltip","icon","onClick","isDragPreview","useDragPreviewContext","jsx","ToolbarButtonTooltip","BaseToolbarButton"],"mappings":";;;;AAQO,MAAMA,IAAgB,CAAC,EAAE,SAAAC,GAAS,MAAAC,GAAM,SAAAC,QAAkC;AAC7E,QAAMC,IAAgBC;AAEtB,SACK,gBAAAC,EAAAC,GAAA,EAAqB,UAAUH,GAAe,SAASH,KAAW,IAC/D,UAAA,gBAAAK,EAACE,GAAkB,EAAA,gBAAa,kCAAiC,SAAAL,GAC5D,aACL,EACJ,CAAA;AAER;"}

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.es.js

@@ -1,20 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { LegacyTooltip as l, TooltipPosition as n } from "@frontify/fondue";
-const m = ({ open: t, content: i, children: r, disabled: e }) => /* @__PURE__ */ o(
-  l,
-  {
-    withArrow: !0,
-    hoverDelay: 0,
-    enterDelay: 300,
-    open: t,
-    disabled: e,
-    position: n.Top,
-    content: /* @__PURE__ */ o("div", { children: i }),
-    triggerElement: r,
-    "data-test-id": "toolbar-button-tooltip"
-  }
-);
-export {
-  m as ToolbarButtonTooltip
-};
-//# sourceMappingURL=ToolbarButtonTooltip.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarButtonTooltip.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/ToolbarButtonTooltip.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LegacyTooltip as Tooltip, TooltipPosition } from '@frontify/fondue';\nimport { ReactElement, ReactNode } from 'react';\n\ntype ToolbarButtonTooltipProps = {\n    content: ReactNode;\n    children: ReactElement;\n    open?: boolean;\n    disabled?: boolean;\n};\n\nexport const ToolbarButtonTooltip = ({ open, content, children, disabled }: ToolbarButtonTooltipProps) => (\n    <Tooltip\n        withArrow\n        hoverDelay={0}\n        enterDelay={300}\n        open={open}\n        disabled={disabled}\n        position={TooltipPosition.Top}\n        content={<div>{content}</div>}\n        triggerElement={children}\n        data-test-id=\"toolbar-button-tooltip\"\n    />\n);\n"],"names":["ToolbarButtonTooltip","open","content","children","disabled","jsx","Tooltip","TooltipPosition"],"mappings":";;AAYO,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,UAAAC,QAC5D,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACG,WAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,MAAAL;AAAA,IACA,UAAAG;AAAA,IACA,UAAUG,EAAgB;AAAA,IAC1B,SAAU,gBAAAF,EAAA,OAAA,EAAK,UAAQH,EAAA,CAAA;AAAA,IACvB,gBAAgBC;AAAA,IAChB,gBAAa;AAAA,EAAA;AACjB;"}

package/dist/components/BlockItemWrapper/Toolbar/ToolbarSegment.es.js

@@ -1,6 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-const o = ({ children: t }) => /* @__PURE__ */ e("div", { className: "tw-pointer-events-auto tw-flex tw-flex-shrink-0 tw-gap-px tw-px-px tw-h-[26px] tw-items-center tw-self-start tw-leading-none", children: t });
-export {
-  o as ToolbarSegment
-};
-//# sourceMappingURL=ToolbarSegment.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/ToolbarSegment.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarSegment.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/ToolbarSegment.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode } from 'react';\n\nexport const ToolbarSegment = ({ children }: { children: ReactNode }) => (\n    <div className=\"tw-pointer-events-auto tw-flex tw-flex-shrink-0 tw-gap-px tw-px-px tw-h-[26px] tw-items-center tw-self-start tw-leading-none\">\n        {children}\n    </div>\n);\n"],"names":["ToolbarSegment","children","jsx"],"mappings":";AAIa,MAAAA,IAAiB,CAAC,EAAE,UAAAC,QAC5B,gBAAAC,EAAA,OAAA,EAAI,WAAU,gIACV,UAAAD,EACL,CAAA;"}

package/dist/components/BlockItemWrapper/Toolbar/context/DragPreviewContext.es.js

@@ -1,11 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { createContext as n, useContext as i } from "react";
-const e = n(!1), a = ({
-  children: t,
-  isDragPreview: r
-}) => /* @__PURE__ */ o(e.Provider, { value: r, children: t }), v = () => i(e);
-export {
-  a as DragPreviewContextProvider,
-  v as useDragPreviewContext
-};
-//# sourceMappingURL=DragPreviewContext.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/context/DragPreviewContext.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragPreviewContext.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/context/DragPreviewContext.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ReactNode, createContext, useContext } from 'react';\n\nconst DragPreviewContext = createContext(false);\n\nexport const DragPreviewContextProvider = ({\n    children,\n    isDragPreview,\n}: {\n    children: ReactNode;\n    isDragPreview: boolean;\n}) => <DragPreviewContext.Provider value={isDragPreview}>{children}</DragPreviewContext.Provider>;\n\nexport const useDragPreviewContext = () => useContext(DragPreviewContext);\n"],"names":["DragPreviewContext","createContext","DragPreviewContextProvider","children","isDragPreview","useDragPreviewContext","useContext"],"mappings":";;AAIA,MAAMA,IAAqBC,EAAc,EAAK,GAEjCC,IAA6B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,eAAAC;AACJ,wBAGOJ,EAAmB,UAAnB,EAA4B,OAAOI,GAAgB,UAAAD,GAAS,GAEtDE,IAAwB,MAAMC,EAAWN,CAAkB;"}

package/dist/components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.es.js

@@ -1,18 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { createContext as i, useMemo as l, useContext as s } from "react";
-const e = i({
-  openFlyoutIds: [],
-  setOpenFlyoutIds: () => console.error("No MultiFlyoutContext Provider found")
-}), C = ({
-  children: r,
-  openFlyoutIds: t,
-  setOpenFlyoutIds: o
-}) => {
-  const n = l(() => ({ openFlyoutIds: t, setOpenFlyoutIds: o }), [t, o]);
-  return /* @__PURE__ */ u(e.Provider, { value: n, children: r });
-}, c = () => s(e);
-export {
-  C as MultiFlyoutContextProvider,
-  c as useMultiFlyoutContext
-};
-//# sourceMappingURL=MultiFlyoutContext.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiFlyoutContext.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Dispatch, ReactNode, SetStateAction, createContext, useContext, useMemo } from 'react';\n\nexport type MultiFlyoutContextType = {\n    openFlyoutIds: string[];\n    setOpenFlyoutIds: Dispatch<SetStateAction<string[]>>;\n};\n\nconst MultiFlyoutContext = createContext<MultiFlyoutContextType>({\n    openFlyoutIds: [],\n    setOpenFlyoutIds: () => console.error('No MultiFlyoutContext Provider found'),\n});\n\nexport const MultiFlyoutContextProvider = ({\n    children,\n    openFlyoutIds,\n    setOpenFlyoutIds,\n}: { children: ReactNode } & MultiFlyoutContextType) => {\n    const memoizedContext = useMemo(() => ({ openFlyoutIds, setOpenFlyoutIds }), [openFlyoutIds, setOpenFlyoutIds]);\n\n    return <MultiFlyoutContext.Provider value={memoizedContext}>{children}</MultiFlyoutContext.Provider>;\n};\n\nexport const useMultiFlyoutContext = () => useContext(MultiFlyoutContext);\n"],"names":["MultiFlyoutContext","createContext","MultiFlyoutContextProvider","children","openFlyoutIds","setOpenFlyoutIds","memoizedContext","useMemo","useMultiFlyoutContext","useContext"],"mappings":";;AASA,MAAMA,IAAqBC,EAAsC;AAAA,EAC7D,eAAe,CAAC;AAAA,EAChB,kBAAkB,MAAM,QAAQ,MAAM,sCAAsC;AAChF,CAAC,GAEYC,IAA6B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACJ,MAAwD;AAC9C,QAAAC,IAAkBC,EAAQ,OAAO,EAAE,eAAAH,GAAe,kBAAAC,EAAqB,IAAA,CAACD,GAAeC,CAAgB,CAAC;AAE9G,2BAAQL,EAAmB,UAAnB,EAA4B,OAAOM,GAAkB,UAAAH,EAAS,CAAA;AAC1E,GAEaK,IAAwB,MAAMC,EAAWT,CAAkB;"}

package/dist/components/BlockItemWrapper/Toolbar/helpers.es.js

@@ -1,26 +0,0 @@
-import { FOCUS_VISIBLE_STYLE as s } from "@frontify/fondue";
-import { joinClassNames as o } from "../../../utilities/react/joinClassNames.es.js";
-const w = (e, r) => {
-  const t = [
-    s,
-    "tw-relative tw-inline-flex tw-items-center tw-justify-center",
-    "tw-h-6 tw-p-1",
-    "tw-rounded",
-    "tw-text-xs tw-font-medium",
-    "tw-gap-0.5",
-    "focus-visible:tw-z-10"
-  ];
-  return r ? t.push(
-    "tw-bg-box-neutral-pressed",
-    "tw-text-box-neutral-inverse-pressed",
-    e === "grab" ? "tw-cursor-grabbing" : "tw-cursor-pointer"
-  ) : t.push(
-    "hover:tw-bg-box-neutral-hover active:tw-bg-box-neutral-pressed",
-    "tw-text-text-weak hover:tw-text-box-neutral-inverse-hover active:tw-text-box-neutral-inverse-pressed",
-    e === "grab" ? "!tw-cursor-grab active:tw-cursor-grabbing" : "tw-cursor-pointer"
-  ), o(t);
-};
-export {
-  w as getToolbarButtonClassNames
-};
-//# sourceMappingURL=helpers.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/helpers.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.es.js","sources":["../../../../src/components/BlockItemWrapper/Toolbar/helpers.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { FOCUS_VISIBLE_STYLE } from '@frontify/fondue';\n\nimport { joinClassNames } from '../../../utilities';\n\nexport const getToolbarButtonClassNames = (cursor: 'grab' | 'pointer', forceActiveStyle?: boolean) => {\n    const classNames = [\n        FOCUS_VISIBLE_STYLE,\n        'tw-relative tw-inline-flex tw-items-center tw-justify-center',\n        'tw-h-6 tw-p-1',\n        'tw-rounded',\n        'tw-text-xs tw-font-medium',\n        'tw-gap-0.5',\n        'focus-visible:tw-z-10',\n    ];\n\n    if (forceActiveStyle) {\n        classNames.push(\n            'tw-bg-box-neutral-pressed',\n            'tw-text-box-neutral-inverse-pressed',\n            cursor === 'grab' ? 'tw-cursor-grabbing' : 'tw-cursor-pointer',\n        );\n    } else {\n        classNames.push(\n            'hover:tw-bg-box-neutral-hover active:tw-bg-box-neutral-pressed',\n            'tw-text-text-weak hover:tw-text-box-neutral-inverse-hover active:tw-text-box-neutral-inverse-pressed',\n            cursor === 'grab' ? '!tw-cursor-grab active:tw-cursor-grabbing' : 'tw-cursor-pointer',\n        );\n    }\n\n    return joinClassNames(classNames);\n};\n"],"names":["getToolbarButtonClassNames","cursor","forceActiveStyle","classNames","FOCUS_VISIBLE_STYLE","joinClassNames"],"mappings":";;AAMa,MAAAA,IAA6B,CAACC,GAA4BC,MAA+B;AAClG,QAAMC,IAAa;AAAA,IACfC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGJ,SAAIF,IACWC,EAAA;AAAA,IACP;AAAA,IACA;AAAA,IACAF,MAAW,SAAS,uBAAuB;AAAA,EAAA,IAGpCE,EAAA;AAAA,IACP;AAAA,IACA;AAAA,IACAF,MAAW,SAAS,8CAA8C;AAAA,EAAA,GAInEI,EAAeF,CAAU;AACpC;"}

package/dist/components/BlockItemWrapper/Toolbar/hooks/useMultiFlyoutState.es.js

@@ -1,18 +0,0 @@
-import { useCallback as l } from "react";
-import { useMultiFlyoutContext as p } from "../context/MultiFlyoutContext.es.js";
-const m = (e) => {
-  const { openFlyoutIds: s, setOpenFlyoutIds: t } = p(), o = l(
-    (r) => {
-      t((u) => {
-        const n = u.filter((i) => i !== e);
-        return r ? [...n, e] : n;
-      });
-    },
-    [e, t]
-  );
-  return { isOpen: s.includes(e), onOpenChange: o };
-};
-export {
-  m as useMultiFlyoutState
-};
-//# sourceMappingURL=useMultiFlyoutState.es.js.map

package/dist/components/BlockItemWrapper/Toolbar/hooks/useMultiFlyoutState.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMultiFlyoutState.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/hooks/useMultiFlyoutState.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useCallback } from 'react';\nimport { useMultiFlyoutContext } from '../context/MultiFlyoutContext';\n\nexport const useMultiFlyoutState = (flyoutId: string) => {\n    const { openFlyoutIds, setOpenFlyoutIds } = useMultiFlyoutContext();\n\n    const onOpenChange = useCallback(\n        (isFlyoutOpen: boolean) => {\n            setOpenFlyoutIds((currentIds) => {\n                const filteredIds = currentIds.filter((id) => id !== flyoutId);\n                if (!isFlyoutOpen) {\n                    return filteredIds;\n                } else {\n                    return [...filteredIds, flyoutId];\n                }\n            });\n        },\n        [flyoutId, setOpenFlyoutIds],\n    );\n\n    return { isOpen: openFlyoutIds.includes(flyoutId), onOpenChange };\n};\n"],"names":["useMultiFlyoutState","flyoutId","openFlyoutIds","setOpenFlyoutIds","useMultiFlyoutContext","onOpenChange","useCallback","isFlyoutOpen","currentIds","filteredIds","id"],"mappings":";;AAKa,MAAAA,IAAsB,CAACC,MAAqB;AACrD,QAAM,EAAE,eAAAC,GAAe,kBAAAC,EAAiB,IAAIC,EAAsB,GAE5DC,IAAeC;AAAA,IACjB,CAACC,MAA0B;AACvB,MAAAJ,EAAiB,CAACK,MAAe;AAC7B,cAAMC,IAAcD,EAAW,OAAO,CAACE,MAAOA,MAAOT,CAAQ;AAC7D,eAAKM,IAGM,CAAC,GAAGE,GAAaR,CAAQ,IAFzBQ;AAAA,MAGX,CACH;AAAA,IACL;AAAA,IACA,CAACR,GAAUE,CAAgB;AAAA,EAAA;AAG/B,SAAO,EAAE,QAAQD,EAAc,SAASD,CAAQ,GAAG,cAAAI;AACvD;"}

package/dist/components/BlockItemWrapper/constants.es.js

@@ -1,6 +0,0 @@
-const o = "Drag or press ↵ to move", t = "Move with ↑↓←→ and confirm with ↵";
-export {
-  t as DEFAULT_DRAGGING_TOOLTIP,
-  o as DEFAULT_DRAG_TOOLTIP
-};
-//# sourceMappingURL=constants.es.js.map

package/dist/components/BlockItemWrapper/constants.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.es.js","sources":["../../../src/components/BlockItemWrapper/constants.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const DEFAULT_DRAG_TOOLTIP = 'Drag or press ↵ to move';\nexport const DEFAULT_DRAGGING_TOOLTIP = 'Move with ↑↓←→ and confirm with ↵';\n"],"names":["DEFAULT_DRAG_TOOLTIP","DEFAULT_DRAGGING_TOOLTIP"],"mappings":"AAEO,MAAMA,IAAuB,2BACvBC,IAA2B;"}

package/dist/components/DownloadButton/DownloadButton.es.js

@@ -1,39 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useFocusRing as i } from "@react-aria/focus";
-import { LegacyTooltip as s, TooltipPosition as l, FOCUS_STYLE as a, IconArrowCircleDown16 as w } from "@frontify/fondue";
-import { joinClassNames as u } from "../../utilities/react/joinClassNames.es.js";
-const b = ({ onDownload: o }) => {
-  const { isFocused: e, focusProps: n } = i();
-  return /* @__PURE__ */ t(
-    s,
-    {
-      withArrow: !0,
-      position: l.Top,
-      content: "Download",
-      enterDelay: 500,
-      triggerElement: /* @__PURE__ */ t(
-        "button",
-        {
-          tabIndex: 0,
-          "aria-label": "Download",
-          ...n,
-          className: u(["tw-outline-none tw-rounded", e && a]),
-          onClick: o,
-          onPointerDown: (r) => r.preventDefault(),
-          children: /* @__PURE__ */ t(
-            "span",
-            {
-              "data-test-id": "download-button",
-              className: "tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-bg-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-inverse-hover active:tw-bg-box-neutral-strong-inverse-pressed tw-text-box-neutral-strong tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line",
-              children: /* @__PURE__ */ t(w, {})
-            }
-          )
-        }
-      )
-    }
-  );
-};
-export {
-  b as DownloadButton
-};
-//# sourceMappingURL=DownloadButton.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DownloadButton.es.js","sources":["../../../src/components/DownloadButton/DownloadButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { DownloadButtonProps } from './types';\nimport { useFocusRing } from '@react-aria/focus';\nimport { FOCUS_STYLE, IconArrowCircleDown16, LegacyTooltip as Tooltip, TooltipPosition } from '@frontify/fondue';\nimport { joinClassNames } from '../../utilities';\n\nexport const DownloadButton = ({ onDownload }: DownloadButtonProps) => {\n    const { isFocused, focusProps } = useFocusRing();\n\n    return (\n        <Tooltip\n            withArrow\n            position={TooltipPosition.Top}\n            content=\"Download\"\n            enterDelay={500}\n            triggerElement={\n                <button\n                    tabIndex={0}\n                    aria-label=\"Download\"\n                    {...focusProps}\n                    className={joinClassNames(['tw-outline-none tw-rounded', isFocused && FOCUS_STYLE])}\n                    onClick={onDownload}\n                    onPointerDown={(e) => e.preventDefault()}\n                >\n                    <span\n                        data-test-id=\"download-button\"\n                        className=\"tw-flex tw-text-xs tw-font-body tw-items-center tw-gap-1 tw-rounded-full tw-bg-box-neutral-strong-inverse hover:tw-bg-box-neutral-strong-inverse-hover active:tw-bg-box-neutral-strong-inverse-pressed tw-text-box-neutral-strong tw-outline tw-outline-1 tw-outline-offset-1 tw-p-1.5 tw-outline-line\"\n                    >\n                        <IconArrowCircleDown16 />\n                    </span>\n                </button>\n            }\n        />\n    );\n};\n"],"names":["DownloadButton","onDownload","isFocused","focusProps","useFocusRing","jsx","Tooltip","TooltipPosition","joinClassNames","FOCUS_STYLE","e","IconArrowCircleDown16"],"mappings":";;;;AAOO,MAAMA,IAAiB,CAAC,EAAE,YAAAC,QAAsC;AACnE,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAW,IAAIC,EAAa;AAG3C,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,WAAS;AAAA,MACT,UAAUC,EAAgB;AAAA,MAC1B,SAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBACI,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,cAAW;AAAA,UACV,GAAGF;AAAA,UACJ,WAAWK,EAAe,CAAC,8BAA8BN,KAAaO,CAAW,CAAC;AAAA,UAClF,SAASR;AAAA,UACT,eAAe,CAACS,MAAMA,EAAE,eAAe;AAAA,UAEvC,UAAA,gBAAAL;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,gBAAa;AAAA,cACb,WAAU;AAAA,cAEV,4BAACM,GAAsB,EAAA;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAIhB;"}

package/dist/components/Link/LinkInput.es.js

@@ -1,63 +0,0 @@
-import { jsxs as k, jsx as t } from "react/jsx-runtime";
-import { CheckboxState as m, FormControl as b, TooltipPosition as w, TextInput as S, ButtonSize as I, Checkbox as P } from "@frontify/fondue";
-import { isValidUrlOrEmpty as y } from "./utils/url.es.js";
-import { LinkSelector as C } from "./LinkSelector/LinkSelector.es.js";
-const O = ({
-  onUrlChange: c,
-  onToggleTab: a,
-  isValidUrlOrEmpty: i,
-  appBridge: o,
-  clearable: s,
-  placeholder: d,
-  newTab: r,
-  openInNewTab: u,
-  url: e = "",
-  required: h,
-  info: l,
-  label: p,
-  buttonSize: g,
-  hideInternalLinkButton: x
-}) => {
-  const D = i ? i(e) : y(e), v = r ?? (u ? m.Checked : m.Unchecked);
-  return /* @__PURE__ */ k("div", { "data-test-id": "link-input", children: [
-    /* @__PURE__ */ t(
-      b,
-      {
-        label: {
-          children: p,
-          htmlFor: "url",
-          required: h,
-          tooltip: l ? { content: l, position: w.Top } : void 0
-        },
-        children: /* @__PURE__ */ t(
-          S,
-          {
-            id: "url",
-            value: e,
-            clearable: s,
-            onChange: c,
-            placeholder: d ?? "https://example.com",
-            focusOnMount: !0
-          }
-        )
-      }
-    ),
-    !D && /* @__PURE__ */ t("div", { className: "tw-text-text-negative tw-mt-1 tw-text-s", children: "Please enter a valid URL." }),
-    !x && /* @__PURE__ */ t("div", { className: "tw-mt-3", children: /* @__PURE__ */ t(
-      C,
-      {
-        url: e,
-        onUrlChange: c,
-        buttonSize: g ?? I.Medium,
-        getAllDocuments: () => o.getAllDocuments(),
-        getDocumentPagesByDocumentId: (n) => o.getDocumentPagesByDocumentId(n),
-        getDocumentSectionsByDocumentPageId: (n) => o.getDocumentSectionsByDocumentPageId(n)
-      }
-    ) }),
-    /* @__PURE__ */ t("div", { className: "tw-mt-3", children: /* @__PURE__ */ t(P, { value: "new-tab", label: "Open in new tab", state: v, onChange: a }) })
-  ] });
-};
-export {
-  O as LinkInput
-};
-//# sourceMappingURL=LinkInput.es.js.map

package/dist/components/Link/LinkInput.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkInput.es.js","sources":["../../../src/components/Link/LinkInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { AppBridgeBlock, AppBridgeTheme } from '@frontify/app-bridge';\nimport { ButtonSize, Checkbox, CheckboxState, FormControl, TextInput, TooltipPosition } from '@frontify/fondue';\nimport { LinkSelector } from './LinkSelector';\nimport { isValidUrlOrEmpty as internalIsValidUrlOrEmpty } from './utils';\n\ntype LinkInputProps = {\n    url?: string;\n    info?: string;\n    label?: string;\n    required?: boolean;\n    newTab?: CheckboxState;\n    openInNewTab?: boolean;\n    onUrlChange?: (value: string) => void;\n    onToggleTab?: (checked: boolean) => void;\n    isValidUrlOrEmpty?: (url: string) => boolean;\n    appBridge: AppBridgeBlock | AppBridgeTheme;\n    clearable?: boolean;\n    placeholder?: string;\n    buttonSize?: ButtonSize;\n    hideInternalLinkButton?: boolean;\n};\n\nexport const LinkInput = ({\n    onUrlChange,\n    onToggleTab,\n    isValidUrlOrEmpty,\n    appBridge,\n    clearable,\n    placeholder,\n    newTab,\n    openInNewTab,\n    url = '',\n    required,\n    info,\n    label,\n    buttonSize,\n    hideInternalLinkButton,\n}: LinkInputProps) => {\n    const isUrlValid = isValidUrlOrEmpty ? isValidUrlOrEmpty(url) : internalIsValidUrlOrEmpty(url);\n    const checkedState = newTab ?? (openInNewTab ? CheckboxState.Checked : CheckboxState.Unchecked);\n    return (\n        <div data-test-id=\"link-input\">\n            <FormControl\n                label={{\n                    children: label,\n                    htmlFor: 'url',\n                    required,\n                    tooltip: info ? { content: info, position: TooltipPosition.Top } : undefined,\n                }}\n            >\n                <TextInput\n                    id=\"url\"\n                    value={url}\n                    clearable={clearable}\n                    onChange={onUrlChange}\n                    placeholder={placeholder ?? 'https://example.com'}\n                    focusOnMount\n                />\n            </FormControl>\n            {!isUrlValid && <div className=\"tw-text-text-negative tw-mt-1 tw-text-s\">Please enter a valid URL.</div>}\n\n            {!hideInternalLinkButton && (\n                <div className=\"tw-mt-3\">\n                    <LinkSelector\n                        url={url}\n                        onUrlChange={onUrlChange}\n                        buttonSize={buttonSize ?? ButtonSize.Medium}\n                        getAllDocuments={() => appBridge.getAllDocuments()}\n                        getDocumentPagesByDocumentId={(documentId) =>\n                            appBridge.getDocumentPagesByDocumentId(documentId)\n                        }\n                        getDocumentSectionsByDocumentPageId={(documentPageId) =>\n                            appBridge.getDocumentSectionsByDocumentPageId(documentPageId)\n                        }\n                    />\n                </div>\n            )}\n\n            <div className=\"tw-mt-3\">\n                <Checkbox value=\"new-tab\" label=\"Open in new tab\" state={checkedState} onChange={onToggleTab} />\n            </div>\n        </div>\n    );\n};\n"],"names":["LinkInput","onUrlChange","onToggleTab","isValidUrlOrEmpty","appBridge","clearable","placeholder","newTab","openInNewTab","url","required","info","label","buttonSize","hideInternalLinkButton","isUrlValid","internalIsValidUrlOrEmpty","checkedState","CheckboxState","jsxs","jsx","FormControl","TooltipPosition","TextInput","LinkSelector","ButtonSize","documentId","documentPageId","Checkbox"],"mappings":";;;;AAwBO,MAAMA,IAAY,CAAC;AAAA,EACtB,aAAAC;AAAA,EACA,aAAAC;AAAA,EAAA,mBACAC;AAAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,wBAAAC;AACJ,MAAsB;AAClB,QAAMC,IAAaZ,IAAoBA,EAAkBM,CAAG,IAAIO,EAA0BP,CAAG,GACvFQ,IAAeV,MAAWC,IAAeU,EAAc,UAAUA,EAAc;AAEjF,SAAA,gBAAAC,EAAC,OAAI,EAAA,gBAAa,cACd,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAO;AAAA,UACH,UAAUT;AAAA,UACV,SAAS;AAAA,UACT,UAAAF;AAAA,UACA,SAASC,IAAO,EAAE,SAASA,GAAM,UAAUW,EAAgB,IAAQ,IAAA;AAAA,QACvE;AAAA,QAEA,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,OAAOd;AAAA,YACP,WAAAJ;AAAA,YACA,UAAUJ;AAAA,YACV,aAAaK,KAAe;AAAA,YAC5B,cAAY;AAAA,UAAA;AAAA,QAChB;AAAA,MAAA;AAAA,IACJ;AAAA,IACC,CAACS,KAAc,gBAAAK,EAAC,OAAI,EAAA,WAAU,2CAA0C,UAAyB,6BAAA;AAAA,IAEjG,CAACN,KACG,gBAAAM,EAAA,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,KAAAf;AAAA,QACA,aAAAR;AAAA,QACA,YAAYY,KAAcY,EAAW;AAAA,QACrC,iBAAiB,MAAMrB,EAAU,gBAAgB;AAAA,QACjD,8BAA8B,CAACsB,MAC3BtB,EAAU,6BAA6BsB,CAAU;AAAA,QAErD,qCAAqC,CAACC,MAClCvB,EAAU,oCAAoCuB,CAAc;AAAA,MAAA;AAAA,IAAA,GAGxE;AAAA,IAGH,gBAAAP,EAAA,OAAA,EAAI,WAAU,WACX,4BAACQ,GAAS,EAAA,OAAM,WAAU,OAAM,mBAAkB,OAAOX,GAAc,UAAUf,EAAa,CAAA,GAClG;AAAA,EACJ,EAAA,CAAA;AAER;"}

package/dist/components/Link/LinkSelector/DocumentLink.es.js

@@ -1,68 +0,0 @@
-import { jsxs as a, Fragment as b, jsx as e } from "react/jsx-runtime";
-import { useState as x, useEffect as m } from "react";
-import { PageLinks as p } from "./PageLinks.es.js";
-import { merge as i, IconColorFan16 as h } from "@frontify/fondue";
-const k = ({
-  document: t,
-  selectedUrl: n,
-  onSelectUrl: s,
-  itemsToExpandInitially: r,
-  getDocumentSectionsByDocumentPageId: c,
-  getDocumentPagesByDocumentId: d
-}) => {
-  const [o, w] = x(t.id === r.documentId), l = t.permanentLink === n;
-  return m(() => {
-    t.id === r.documentId && w(!0);
-  }, [r, t.id]), /* @__PURE__ */ a(b, { children: [
-    /* @__PURE__ */ a(
-      "button",
-      {
-        "data-test-id": "internal-link-selector-document-link",
-        className: i([
-          "tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-w-full",
-          l ? "tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover" : "hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"
-        ]),
-        onClick: () => s(t.permanentLink),
-        children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              role: "button",
-              tabIndex: 0,
-              "data-test-id": "tree-item-toggle",
-              className: "tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer",
-              onClick: () => w(!o),
-              children: /* @__PURE__ */ e(
-                "div",
-                {
-                  className: i([
-                    "tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong",
-                    o ? "tw-rotate-90" : ""
-                  ])
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(h, {}),
-          /* @__PURE__ */ e("span", { className: "tw-text-s", children: t.title }),
-          /* @__PURE__ */ e("span", { className: "tw-flex-auto tw-font-sans tw-text-xs tw-text-right", children: "Document" })
-        ]
-      }
-    ),
-    o && /* @__PURE__ */ e(
-      p,
-      {
-        documentId: t.id,
-        selectedUrl: n,
-        onSelectUrl: s,
-        itemsToExpandInitially: r,
-        getDocumentSectionsByDocumentPageId: c,
-        getDocumentPagesByDocumentId: d
-      }
-    )
-  ] });
-};
-export {
-  k as DocumentLink
-};
-//# sourceMappingURL=DocumentLink.es.js.map

package/dist/components/Link/LinkSelector/DocumentLink.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentLink.es.js","sources":["../../../../src/components/Link/LinkSelector/DocumentLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { DocumentPage, DocumentSection } from '@frontify/app-bridge';\nimport { useEffect, useState } from 'react';\nimport { PageLinks } from './PageLinks';\nimport { IconColorFan16, merge } from '@frontify/fondue';\nimport { InitiallyExpandedItems } from '../';\n\ntype DocumentLinkProps = {\n    document: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const DocumentLink = ({\n    document,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n    getDocumentSectionsByDocumentPageId,\n    getDocumentPagesByDocumentId,\n}: DocumentLinkProps) => {\n    const [isExpanded, setIsExpanded] = useState(document.id === itemsToExpandInitially.documentId);\n    const isActive = document.permanentLink === selectedUrl;\n\n    useEffect(() => {\n        if (document.id === itemsToExpandInitially.documentId) {\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, document.id]);\n\n    return (\n        <>\n            <button\n                data-test-id=\"internal-link-selector-document-link\"\n                className={merge([\n                    'tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-w-full',\n                    isActive\n                        ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'\n                        : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n                ])}\n                onClick={() => onSelectUrl(document.permanentLink)}\n            >\n                <button\n                    role=\"button\"\n                    tabIndex={0}\n                    data-test-id=\"tree-item-toggle\"\n                    className=\"tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer\"\n                    onClick={() => setIsExpanded(!isExpanded)}\n                >\n                    <div\n                        className={merge([\n                            'tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong',\n                            isExpanded ? 'tw-rotate-90' : '',\n                        ])}\n                    ></div>\n                </button>\n                <IconColorFan16 />\n                <span className=\"tw-text-s\">{document.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-xs tw-text-right\">Document</span>\n            </button>\n            {isExpanded && (\n                <PageLinks\n                    documentId={document.id}\n                    selectedUrl={selectedUrl}\n                    onSelectUrl={onSelectUrl}\n                    itemsToExpandInitially={itemsToExpandInitially}\n                    getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                />\n            )}\n        </>\n    );\n};\n"],"names":["DocumentLink","document","selectedUrl","onSelectUrl","itemsToExpandInitially","getDocumentSectionsByDocumentPageId","getDocumentPagesByDocumentId","isExpanded","setIsExpanded","useState","isActive","useEffect","jsxs","Fragment","merge","jsx","IconColorFan16","PageLinks"],"mappings":";;;;AAqBO,MAAMA,IAAe,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,qCAAAC;AAAA,EACA,8BAAAC;AACJ,MAAyB;AACf,QAAA,CAACC,GAAYC,CAAa,IAAIC,EAASR,EAAS,OAAOG,EAAuB,UAAU,GACxFM,IAAWT,EAAS,kBAAkBC;AAE5C,SAAAS,EAAU,MAAM;AACR,IAAAV,EAAS,OAAOG,EAAuB,cACvCI,EAAc,EAAI;AAAA,EAEvB,GAAA,CAACJ,GAAwBH,EAAS,EAAE,CAAC,GAIhC,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAWE,EAAM;AAAA,UACb;AAAA,UACAJ,IACM,oKACA;AAAA,QAAA,CACT;AAAA,QACD,SAAS,MAAMP,EAAYF,EAAS,aAAa;AAAA,QAEjD,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,UAAU;AAAA,cACV,gBAAa;AAAA,cACb,WAAU;AAAA,cACV,SAAS,MAAMP,EAAc,CAACD,CAAU;AAAA,cAExC,UAAA,gBAAAQ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWD,EAAM;AAAA,oBACb;AAAA,oBACAP,IAAa,iBAAiB;AAAA,kBAAA,CACjC;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UACL;AAAA,4BACCS,GAAe,EAAA;AAAA,UACf,gBAAAD,EAAA,QAAA,EAAK,WAAU,aAAa,YAAS,OAAM;AAAA,UAC3C,gBAAAA,EAAA,QAAA,EAAK,WAAU,sDAAqD,UAAQ,YAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjF;AAAA,IACCR,KACG,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,YAAYhB,EAAS;AAAA,QACrB,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,wBAAAC;AAAA,QACA,qCAAAC;AAAA,QACA,8BAAAC;AAAA,MAAA;AAAA,IACJ;AAAA,EAER,EAAA,CAAA;AAER;"}

package/dist/components/Link/LinkSelector/DocumentLinks.es.js

@@ -1,60 +0,0 @@
-import { jsx as i, Fragment as k } from "react/jsx-runtime";
-import { useState as r, useEffect as m } from "react";
-import { DocumentLink as x } from "./DocumentLink.es.js";
-import { LoadingIndicator as A } from "./LoadingIndicator.es.js";
-const q = ({
-  selectedUrl: t,
-  onSelectUrl: f,
-  getAllDocuments: l,
-  getDocumentPagesByDocumentId: a,
-  getDocumentSectionsByDocumentPageId: c
-}) => {
-  const [p, u] = r(!0), [I, g] = r([]), [L, v] = r({
-    documentId: void 0,
-    pageId: void 0
-  }), e = [...I.values()];
-  m(() => {
-    t && e.length > 0 && y().then((n) => {
-      v(n);
-    });
-  }, [e.length]), m(() => {
-    l().then((n) => {
-      g(n);
-    }).finally(() => {
-      u(!1);
-    });
-  }, []);
-  const y = async () => {
-    const n = {
-      documentId: void 0,
-      pageId: void 0
-    };
-    if (e.find((o) => o.permanentLink === t))
-      return n;
-    for (const o of e) {
-      const d = [...(await a(o.id)).values()];
-      if (!!d.find((s) => s.permanentLink === t))
-        return n.documentId = o.id, n;
-      for (const s of d)
-        if (!![...(await c(s.id)).values()].find((h) => h.permanentLink === t))
-          return n.documentId = o.id, n.pageId = s.id, n;
-    }
-    return n;
-  };
-  return p ? /* @__PURE__ */ i(A, {}) : /* @__PURE__ */ i(k, { children: e.map((n) => /* @__PURE__ */ i(
-    x,
-    {
-      document: n,
-      selectedUrl: t,
-      onSelectUrl: f,
-      itemsToExpandInitially: L,
-      getDocumentSectionsByDocumentPageId: c,
-      getDocumentPagesByDocumentId: a
-    },
-    n.id
-  )) });
-};
-export {
-  q as DocumentLinks
-};
-//# sourceMappingURL=DocumentLinks.es.js.map

package/dist/components/Link/LinkSelector/DocumentLinks.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentLinks.es.js","sources":["../../../../src/components/Link/LinkSelector/DocumentLinks.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { Document, DocumentPage, DocumentSection } from '@frontify/app-bridge';\nimport { ReactElement, useEffect, useState } from 'react';\nimport { DocumentLink } from './DocumentLink';\nimport { LoadingIndicator } from './LoadingIndicator';\nimport { InitiallyExpandedItems } from '../';\n\ntype DocumentLinksProps = {\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    getAllDocuments: () => Promise<Document[]>;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const DocumentLinks = ({\n    selectedUrl,\n    onSelectUrl,\n    getAllDocuments,\n    getDocumentPagesByDocumentId,\n    getDocumentSectionsByDocumentPageId,\n}: DocumentLinksProps): ReactElement => {\n    const [isLoading, setIsLoading] = useState(true);\n    const [documents, setDocuments] = useState<Document[]>([]);\n    const [itemsToExpandInitially, setItemsToExpandInitially] = useState<InitiallyExpandedItems>({\n        documentId: undefined,\n        pageId: undefined,\n    });\n\n    const documentArray = [...documents.values()];\n\n    useEffect(() => {\n        if (selectedUrl && documentArray.length > 0) {\n            findLocationOfSelectedUrl().then((items) => {\n                setItemsToExpandInitially(items);\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [documentArray.length]);\n\n    useEffect(() => {\n        getAllDocuments()\n            .then((_documents) => {\n                setDocuments(_documents);\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n    }, []);\n\n    const findLocationOfSelectedUrl = async () => {\n        const itemsToExpand: InitiallyExpandedItems = {\n            documentId: undefined,\n            pageId: undefined,\n        };\n        const selectedUrlIsDocument = documentArray.find((document) => document.permanentLink === selectedUrl);\n        if (selectedUrlIsDocument) {\n            return itemsToExpand;\n        }\n        for (const document of documentArray) {\n            const pages = await getDocumentPagesByDocumentId(document.id);\n            const pagesArray = [...pages.values()];\n            const selectedUrlIsPage = !!pagesArray.find((page) => page.permanentLink === selectedUrl);\n            if (selectedUrlIsPage) {\n                itemsToExpand.documentId = document.id;\n                return itemsToExpand;\n            }\n            for (const page of pagesArray) {\n                const sections = await getDocumentSectionsByDocumentPageId(page.id);\n                const sectionsArray = [...sections.values()];\n                const selectedUrlIsSection = !!sectionsArray.find((section) => section.permanentLink === selectedUrl);\n                if (selectedUrlIsSection) {\n                    itemsToExpand.documentId = document.id;\n                    itemsToExpand.pageId = page.id;\n                    return itemsToExpand;\n                }\n            }\n        }\n        return itemsToExpand;\n    };\n\n    return isLoading ? (\n        <LoadingIndicator />\n    ) : (\n        <>\n            {documentArray.map((document) => {\n                return (\n                    <DocumentLink\n                        key={document.id}\n                        document={document}\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        itemsToExpandInitially={itemsToExpandInitially}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                        getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                    />\n                );\n            })}\n        </>\n    );\n};\n"],"names":["DocumentLinks","selectedUrl","onSelectUrl","getAllDocuments","getDocumentPagesByDocumentId","getDocumentSectionsByDocumentPageId","isLoading","setIsLoading","useState","documents","setDocuments","itemsToExpandInitially","setItemsToExpandInitially","documentArray","useEffect","findLocationOfSelectedUrl","items","_documents","itemsToExpand","document","pagesArray","page","section","LoadingIndicator","jsx","DocumentLink"],"mappings":";;;;AAgBO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,qCAAAC;AACJ,MAAwC;AACpC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAAWC,CAAY,IAAIF,EAAqB,CAAE,CAAA,GACnD,CAACG,GAAwBC,CAAyB,IAAIJ,EAAiC;AAAA,IACzF,YAAY;AAAA,IACZ,QAAQ;AAAA,EAAA,CACX,GAEKK,IAAgB,CAAC,GAAGJ,EAAU,OAAQ,CAAA;AAE5C,EAAAK,EAAU,MAAM;AACR,IAAAb,KAAeY,EAAc,SAAS,KACZE,EAAA,EAAE,KAAK,CAACC,MAAU;AACxC,MAAAJ,EAA0BI,CAAK;AAAA,IAAA,CAClC;AAAA,EACL,GAED,CAACH,EAAc,MAAM,CAAC,GAEzBC,EAAU,MAAM;AACI,IAAAX,EAAA,EACX,KAAK,CAACc,MAAe;AAClB,MAAAP,EAAaO,CAAU;AAAA,IAAA,CAC1B,EACA,QAAQ,MAAM;AACX,MAAAV,EAAa,EAAK;AAAA,IAAA,CACrB;AAAA,EACT,GAAG,CAAE,CAAA;AAEL,QAAMQ,IAA4B,YAAY;AAC1C,UAAMG,IAAwC;AAAA,MAC1C,YAAY;AAAA,MACZ,QAAQ;AAAA,IAAA;AAGZ,QAD8BL,EAAc,KAAK,CAACM,MAAaA,EAAS,kBAAkBlB,CAAW;AAE1F,aAAAiB;AAEX,eAAWC,KAAYN,GAAe;AAElC,YAAMO,IAAa,CAAC,IADN,MAAMhB,EAA6Be,EAAS,EAAE,GAC/B,OAAQ,CAAA;AAErC,UAD0B,CAAC,CAACC,EAAW,KAAK,CAACC,MAASA,EAAK,kBAAkBpB,CAAW;AAEpF,eAAAiB,EAAc,aAAaC,EAAS,IAC7BD;AAEX,iBAAWG,KAAQD;AAIf,YAD6B,CAAC,CADR,CAAC,IADN,MAAMf,EAAoCgB,EAAK,EAAE,GAC/B,OAAQ,CAAA,EACE,KAAK,CAACC,MAAYA,EAAQ,kBAAkBrB,CAAW;AAEhG,iBAAAiB,EAAc,aAAaC,EAAS,IACpCD,EAAc,SAASG,EAAK,IACrBH;AAAA,IAGnB;AACO,WAAAA;AAAA,EAAA;AAGJ,SAAAZ,sBACFiB,GAAiB,CAAA,CAAA,2BAGb,UAAcV,EAAA,IAAI,CAACM,MAEZ,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,UAAAN;AAAA,MACA,aAAAlB;AAAA,MACA,aAAAC;AAAA,MACA,wBAAAS;AAAA,MACA,qCAAAN;AAAA,MACA,8BAAAD;AAAA,IAAA;AAAA,IANKe,EAAS;AAAA,EAAA,CASzB,EACL,CAAA;AAER;"}

package/dist/components/Link/LinkSelector/LinkSelector.es.js

@@ -1,78 +0,0 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { Button as B, IconLink as L, ButtonType as T, ButtonStyle as r, ButtonEmphasis as c, Modal as o, ButtonSize as x } from "@frontify/fondue";
-import { useOverlayTriggerState as E } from "@react-stately/overlays";
-import { useState as O, useEffect as b } from "react";
-import { DocumentLinks as z } from "./DocumentLinks.es.js";
-const F = ({
-  url: n,
-  onUrlChange: s,
-  buttonSize: m = x.Medium,
-  getAllDocuments: u,
-  getDocumentPagesByDocumentId: f,
-  getDocumentSectionsByDocumentPageId: k
-}) => {
-  const { open: y, isOpen: D, close: l } = E({}), [i, a] = O(n), S = (e) => {
-    a(e);
-  }, h = (e) => {
-    e.key === "Enter" && d();
-  };
-  b(() => {
-    n && !i && a(n);
-  }, [n, i]);
-  const d = () => {
-    s == null || s(i), l();
-  };
-  return /* @__PURE__ */ p("div", { "data-test-id": "internal-link-selector", onKeyDown: h, children: [
-    /* @__PURE__ */ t(
-      B,
-      {
-        icon: /* @__PURE__ */ t(L, {}),
-        size: m,
-        type: T.Button,
-        style: r.Default,
-        emphasis: c.Default,
-        onClick: () => y(),
-        children: "Internal link"
-      }
-    ),
-    /* @__PURE__ */ p(o, { zIndex: 1001, onClose: () => l(), isOpen: D, isDismissable: !0, children: [
-      /* @__PURE__ */ t(o.Header, { title: "Select internal link" }),
-      /* @__PURE__ */ t(o.Body, { children: /* @__PURE__ */ t(
-        z,
-        {
-          selectedUrl: i,
-          onSelectUrl: S,
-          getAllDocuments: u,
-          getDocumentPagesByDocumentId: f,
-          getDocumentSectionsByDocumentPageId: k
-        }
-      ) }),
-      /* @__PURE__ */ t(
-        o.Footer,
-        {
-          buttons: [
-            {
-              children: "Cancel",
-              onClick: () => l(),
-              style: r.Default,
-              emphasis: c.Default
-            },
-            {
-              children: "Choose",
-              onClick: (e) => {
-                e == null || e.preventDefault(), d();
-              },
-              style: r.Default,
-              emphasis: c.Strong,
-              disabled: !i
-            }
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  F as LinkSelector
-};
-//# sourceMappingURL=LinkSelector.es.js.map

package/dist/components/Link/LinkSelector/LinkSelector.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkSelector.es.js","sources":["../../../../src/components/Link/LinkSelector/LinkSelector.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { Document, DocumentPage, DocumentSection } from '@frontify/app-bridge';\nimport { Button, ButtonEmphasis, ButtonSize, ButtonStyle, ButtonType, IconLink, Modal } from '@frontify/fondue';\nimport { useOverlayTriggerState } from '@react-stately/overlays';\nimport { KeyboardEvent, ReactElement, useEffect, useState } from 'react';\nimport { DocumentLinks } from './DocumentLinks';\n\ntype LinkSelectorProps = {\n    url: string;\n    onUrlChange?: (value: string) => void;\n    buttonSize?: ButtonSize;\n    getAllDocuments: () => Promise<Document[]>;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const LinkSelector = ({\n    url,\n    onUrlChange,\n    buttonSize = ButtonSize.Medium,\n    getAllDocuments,\n    getDocumentPagesByDocumentId,\n    getDocumentSectionsByDocumentPageId,\n}: LinkSelectorProps): ReactElement => {\n    const { open: openLinkTree, isOpen: isLinkTreeOpen, close: closeLinkTree } = useOverlayTriggerState({});\n    const [selectedUrl, setSelectedUrl] = useState<string>(url);\n\n    const onSelectUrl = (url: string) => {\n        setSelectedUrl(url);\n    };\n\n    const onPressEnter = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            saveLink();\n        }\n    };\n\n    useEffect(() => {\n        if (url && !selectedUrl) {\n            setSelectedUrl(url);\n        }\n    }, [url, selectedUrl]);\n\n    const saveLink = () => {\n        onUrlChange?.(selectedUrl);\n        closeLinkTree();\n    };\n\n    return (\n        <div data-test-id=\"internal-link-selector\" onKeyDown={onPressEnter}>\n            <Button\n                icon={<IconLink />}\n                size={buttonSize}\n                type={ButtonType.Button}\n                style={ButtonStyle.Default}\n                emphasis={ButtonEmphasis.Default}\n                onClick={() => openLinkTree()}\n            >\n                Internal link\n            </Button>\n            <Modal zIndex={1001} onClose={() => closeLinkTree()} isOpen={isLinkTreeOpen} isDismissable>\n                <Modal.Header title=\"Select internal link\" />\n                <Modal.Body>\n                    <DocumentLinks\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        getAllDocuments={getAllDocuments}\n                        getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    />\n                </Modal.Body>\n                <Modal.Footer\n                    buttons={[\n                        {\n                            children: 'Cancel',\n                            onClick: () => closeLinkTree(),\n                            style: ButtonStyle.Default,\n                            emphasis: ButtonEmphasis.Default,\n                        },\n                        {\n                            children: 'Choose',\n                            onClick: (event) => {\n                                event?.preventDefault();\n                                saveLink();\n                            },\n                            style: ButtonStyle.Default,\n                            emphasis: ButtonEmphasis.Strong,\n                            disabled: !selectedUrl,\n                        },\n                    ]}\n                />\n            </Modal>\n        </div>\n    );\n};\n"],"names":["LinkSelector","url","onUrlChange","buttonSize","ButtonSize","getAllDocuments","getDocumentPagesByDocumentId","getDocumentSectionsByDocumentPageId","openLinkTree","isLinkTreeOpen","closeLinkTree","useOverlayTriggerState","selectedUrl","setSelectedUrl","useState","onSelectUrl","onPressEnter","event","saveLink","useEffect","jsxs","jsx","Button","IconLink","ButtonType","ButtonStyle","ButtonEmphasis","Modal","DocumentLinks"],"mappings":";;;;;AAiBO,MAAMA,IAAe,CAAC;AAAA,EACzB,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAaC,EAAW;AAAA,EACxB,iBAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,qCAAAC;AACJ,MAAuC;AAC7B,QAAA,EAAE,MAAMC,GAAc,QAAQC,GAAgB,OAAOC,EAAc,IAAIC,EAAuB,CAAA,CAAE,GAChG,CAACC,GAAaC,CAAc,IAAIC,EAAiBb,CAAG,GAEpDc,IAAc,CAACd,MAAgB;AACjC,IAAAY,EAAeZ,CAAG;AAAA,EAAA,GAGhBe,IAAe,CAACC,MAA2C;AACzD,IAAAA,EAAM,QAAQ,WACLC;EACb;AAGJ,EAAAC,EAAU,MAAM;AACR,IAAAlB,KAAO,CAACW,KACRC,EAAeZ,CAAG;AAAA,EACtB,GACD,CAACA,GAAKW,CAAW,CAAC;AAErB,QAAMM,IAAW,MAAM;AACnB,IAAAhB,KAAA,QAAAA,EAAcU,IACAF;EAAA;AAGlB,SACK,gBAAAU,EAAA,OAAA,EAAI,gBAAa,0BAAyB,WAAWJ,GAClD,UAAA;AAAA,IAAA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,wBAAOC,GAAS,EAAA;AAAA,QAChB,MAAMpB;AAAA,QACN,MAAMqB,EAAW;AAAA,QACjB,OAAOC,EAAY;AAAA,QACnB,UAAUC,EAAe;AAAA,QACzB,SAAS,MAAMlB,EAAa;AAAA,QAC/B,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACA,gBAAAY,EAACO,GAAM,EAAA,QAAQ,MAAM,SAAS,MAAMjB,EAAiB,GAAA,QAAQD,GAAgB,eAAa,IACtF,UAAA;AAAA,MAAA,gBAAAY,EAACM,EAAM,QAAN,EAAa,OAAM,uBAAuB,CAAA;AAAA,MAC3C,gBAAAN,EAACM,EAAM,MAAN,EACG,UAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACG,aAAAhB;AAAA,UACA,aAAAG;AAAA,UACA,iBAAAV;AAAA,UACA,8BAAAC;AAAA,UACA,qCAAAC;AAAA,QAAA;AAAA,MAAA,GAER;AAAA,MACA,gBAAAc;AAAA,QAACM,EAAM;AAAA,QAAN;AAAA,UACG,SAAS;AAAA,YACL;AAAA,cACI,UAAU;AAAA,cACV,SAAS,MAAMjB,EAAc;AAAA,cAC7B,OAAOe,EAAY;AAAA,cACnB,UAAUC,EAAe;AAAA,YAC7B;AAAA,YACA;AAAA,cACI,UAAU;AAAA,cACV,SAAS,CAACT,MAAU;AAChB,gBAAAA,KAAA,QAAAA,EAAO,kBACEC;cACb;AAAA,cACA,OAAOO,EAAY;AAAA,cACnB,UAAUC,EAAe;AAAA,cACzB,UAAU,CAACd;AAAA,YACf;AAAA,UACJ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA,GACJ;AAAA,EACJ,EAAA,CAAA;AAER;"}

package/dist/components/Link/LinkSelector/LoadingIndicator.es.js

@@ -1,7 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { LoadingCircle as i, LoadingCircleSize as t } from "@frontify/fondue";
-const n = () => /* @__PURE__ */ e("div", { className: "tw-flex tw-justify-center tw-h-10 tw-items-center", children: /* @__PURE__ */ e(i, { size: t.Small }) });
-export {
-  n as LoadingIndicator
-};
-//# sourceMappingURL=LoadingIndicator.es.js.map

package/dist/components/Link/LinkSelector/LoadingIndicator.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingIndicator.es.js","sources":["../../../../src/components/Link/LinkSelector/LoadingIndicator.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LoadingCircle, LoadingCircleSize } from '@frontify/fondue';\n\nexport const LoadingIndicator = () => {\n    return (\n        <div className=\"tw-flex tw-justify-center tw-h-10 tw-items-center\">\n            <LoadingCircle size={LoadingCircleSize.Small} />\n        </div>\n    );\n};\n"],"names":["LoadingIndicator","jsx","LoadingCircle","LoadingCircleSize"],"mappings":";;AAIO,MAAMA,IAAmB,MAExB,gBAAAC,EAAC,SAAI,WAAU,qDACX,4BAACC,GAAc,EAAA,MAAMC,EAAkB,MAAO,CAAA,EAClD,CAAA;"}