@frontify/guideline-blocks-settings 3.0.1 → 3.0.3

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

@@ -1 +1 @@
-{"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);\nDragPreviewContext.displayName = 'DragPreviewContext';\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;AAC9CD,EAAmB,cAAc;AAE1B,MAAME,IAA6B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,eAAAC;AACJ,wBAGOJ,EAAmB,UAAnB,EAA4B,OAAOI,GAAgB,UAAAD,EAAA,CAAS,GAEtDE,IAAwB,MAAMC,EAAWN,CAAkB;"}
+{"version":3,"file":"DragPreviewContext.es.js","names":[],"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);\nDragPreviewContext.displayName = 'DragPreviewContext';\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"],"mappings":";;;AAIA,IAAM,IAAqB,EAAc,EAAK;AAC9C,EAAmB,cAAc;AAEjC,IAAa,KAA8B,EACvC,aACA,uBAIE,kBAAC,EAAmB,UAApB;CAA6B,OAAO;CAAgB;AAAsC,CAAA,GAEnF,UAA8B,EAAW,CAAkB"}

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

@@ -1,20 +1,22 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useMemo as l, useContext as i, createContext as s } from "react";
-const t = s({
-  openFlyoutIds: [],
-  setOpenFlyoutIds: () => console.error("No MultiFlyoutContext Provider found")
+import { createContext as e, useContext as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.tsx
+var i = e({
+	openFlyoutIds: [],
+	setOpenFlyoutIds: () => console.error("No MultiFlyoutContext Provider found")
 });
-t.displayName = "MultiFlyoutContext";
-const C = ({
-  children: r,
-  openFlyoutIds: o,
-  setOpenFlyoutIds: e
-}) => {
-  const u = l(() => ({ openFlyoutIds: o, setOpenFlyoutIds: e }), [o, e]);
-  return /* @__PURE__ */ n(t.Provider, { value: u, children: r });
-}, c = () => i(t);
-export {
-  C as MultiFlyoutContextProvider,
-  c as useMultiFlyoutContext
-};
-//# sourceMappingURL=MultiFlyoutContext.es.js.map
+i.displayName = "MultiFlyoutContext";
+var a = ({ children: e, openFlyoutIds: t, setOpenFlyoutIds: a }) => {
+	let o = n(() => ({
+		openFlyoutIds: t,
+		setOpenFlyoutIds: a
+	}), [t, a]);
+	return /* @__PURE__ */ r(i.Provider, {
+		value: o,
+		children: e
+	});
+}, o = () => t(i);
+//#endregion
+export { a as MultiFlyoutContextProvider, o as useMultiFlyoutContext };
+
+//# sourceMappingURL=MultiFlyoutContext.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiFlyoutContext.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Dispatch, type ReactNode, type 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});\nMultiFlyoutContext.displayName = 'MultiFlyoutContext';\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,CAAA;AAAA,EACf,kBAAkB,MAAM,QAAQ,MAAM,sCAAsC;AAChF,CAAC;AACDD,EAAmB,cAAc;AAE1B,MAAME,IAA6B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACJ,MAAwD;AACpD,QAAMC,IAAkBC,EAAQ,OAAO,EAAE,eAAAH,GAAe,kBAAAC,MAAqB,CAACD,GAAeC,CAAgB,CAAC;AAE9G,2BAAQL,EAAmB,UAAnB,EAA4B,OAAOM,GAAkB,UAAAH,GAAS;AAC1E,GAEaK,IAAwB,MAAMC,EAAWT,CAAkB;"}
+{"version":3,"file":"MultiFlyoutContext.es.js","names":[],"sources":["../../../../../src/components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Dispatch, type ReactNode, type 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});\nMultiFlyoutContext.displayName = 'MultiFlyoutContext';\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"],"mappings":";;;AASA,IAAM,IAAqB,EAAsC;CAC7D,eAAe,CAAC;CAChB,wBAAwB,QAAQ,MAAM,sCAAsC;AAChF,CAAC;AACD,EAAmB,cAAc;AAEjC,IAAa,KAA8B,EACvC,aACA,kBACA,0BACoD;CACpD,IAAM,IAAkB,SAAe;EAAE;EAAe;CAAiB,IAAI,CAAC,GAAe,CAAgB,CAAC;CAE9G,OAAO,kBAAC,EAAmB,UAApB;EAA6B,OAAO;EAAkB;CAAsC,CAAA;AACvG,GAEa,UAA8B,EAAW,CAAkB"}

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

@@ -1,26 +1,19 @@
-import { FOCUS_VISIBLE_STYLE as n } from "@frontify/fondue";
-import { joinClassNames as o } from "../../../utilities/react/joinClassNames.es.js";
-const s = (e, r) => {
-  const t = [
-    n,
-    "tw-relative tw-inline-flex tw-items-center tw-justify-center",
-    "tw-h-6 tw-p-1",
-    "tw-rounded-medium",
-    "tw-body-medium",
-    "tw-gap-0.5",
-    "focus-visible:tw-z-10"
-  ];
-  return r ? t.push(
-    "tw-bg-container-secondary-active",
-    "tw-text-container-secondary-on-secondary-container",
-    e === "grab" ? "tw-cursor-grabbing" : "tw-cursor-pointer"
-  ) : t.push(
-    "hover:tw-bg-container-secondary-hover active:tw-bg-container-secondary-active",
-    "tw-text-secondary hover:tw-text-container-secondary-on-secondary-container active:tw-text-container-secondary-on-secondary-container",
-    e === "grab" ? "!tw-cursor-grab active:tw-cursor-grabbing" : "tw-cursor-pointer"
-  ), o(t);
+import { joinClassNames as e } from "../../../utilities/react/joinClassNames.es.js";
+import { FOCUS_VISIBLE_STYLE as t } from "@frontify/fondue";
+//#region src/components/BlockItemWrapper/Toolbar/helpers.ts
+var n = (n, r) => {
+	let i = [
+		t,
+		"tw-relative tw-inline-flex tw-items-center tw-justify-center",
+		"tw-h-6 tw-p-1",
+		"tw-rounded-medium",
+		"tw-body-medium",
+		"tw-gap-0.5",
+		"focus-visible:tw-z-10"
+	];
+	return r ? i.push("tw-bg-container-secondary-active", "tw-text-container-secondary-on-secondary-container", n === "grab" ? "tw-cursor-grabbing" : "tw-cursor-pointer") : i.push("hover:tw-bg-container-secondary-hover active:tw-bg-container-secondary-active", "tw-text-secondary hover:tw-text-container-secondary-on-secondary-container active:tw-text-container-secondary-on-secondary-container", n === "grab" ? "!tw-cursor-grab active:tw-cursor-grabbing" : "tw-cursor-pointer"), e(i);
 };
-export {
-  s as getToolbarButtonClassNames
-};
-//# sourceMappingURL=helpers.es.js.map
+//#endregion
+export { n as getToolbarButtonClassNames };
+
+//# sourceMappingURL=helpers.es.js.map

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

@@ -1 +1 @@
-{"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-medium',\n        'tw-body-medium',\n        'tw-gap-0.5',\n        'focus-visible:tw-z-10',\n    ];\n\n    if (forceActiveStyle) {\n        classNames.push(\n            'tw-bg-container-secondary-active',\n            'tw-text-container-secondary-on-secondary-container',\n            cursor === 'grab' ? 'tw-cursor-grabbing' : 'tw-cursor-pointer',\n        );\n    } else {\n        classNames.push(\n            'hover:tw-bg-container-secondary-hover active:tw-bg-container-secondary-active',\n            'tw-text-secondary hover:tw-text-container-secondary-on-secondary-container active:tw-text-container-secondary-on-secondary-container',\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":";;AAMO,MAAMA,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,IACAC,EAAW;AAAA,IACP;AAAA,IACA;AAAA,IACAF,MAAW,SAAS,uBAAuB;AAAA,EAAA,IAG/CE,EAAW;AAAA,IACP;AAAA,IACA;AAAA,IACAF,MAAW,SAAS,8CAA8C;AAAA,EAAA,GAInEI,EAAeF,CAAU;AACpC;"}
+{"version":3,"file":"helpers.es.js","names":[],"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-medium',\n        'tw-body-medium',\n        'tw-gap-0.5',\n        'focus-visible:tw-z-10',\n    ];\n\n    if (forceActiveStyle) {\n        classNames.push(\n            'tw-bg-container-secondary-active',\n            'tw-text-container-secondary-on-secondary-container',\n            cursor === 'grab' ? 'tw-cursor-grabbing' : 'tw-cursor-pointer',\n        );\n    } else {\n        classNames.push(\n            'hover:tw-bg-container-secondary-hover active:tw-bg-container-secondary-active',\n            'tw-text-secondary hover:tw-text-container-secondary-on-secondary-container active:tw-text-container-secondary-on-secondary-container',\n            cursor === 'grab' ? '!tw-cursor-grab active:tw-cursor-grabbing' : 'tw-cursor-pointer',\n        );\n    }\n\n    return joinClassNames(classNames);\n};\n"],"mappings":";;;AAMA,IAAa,KAA8B,GAA4B,MAA+B;CAClG,IAAM,IAAa;EACf;EACA;EACA;EACA;EACA;EACA;EACA;CACJ;CAgBA,OAdI,IACA,EAAW,KACP,oCACA,sDACA,MAAW,SAAS,uBAAuB,mBAC/C,IAEA,EAAW,KACP,iFACA,wIACA,MAAW,SAAS,8CAA8C,mBACtE,GAGG,EAAe,CAAU;AACpC"}

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

@@ -1,18 +1,19 @@
-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 };
+import { useMultiFlyoutContext as e } from "../context/MultiFlyoutContext.es.js";
+import { useCallback as t } from "react";
+//#region src/components/BlockItemWrapper/Toolbar/hooks/useMultiFlyoutState.ts
+var n = (n) => {
+	let { openFlyoutIds: r, setOpenFlyoutIds: i } = e(), a = t((e) => {
+		i((t) => {
+			let r = t.filter((e) => e !== n);
+			return e ? [...r, n] : r;
+		});
+	}, [n, i]);
+	return {
+		isOpen: r.includes(n),
+		onOpenChange: a
+	};
 };
-export {
-  m as useMultiFlyoutState
-};
-//# sourceMappingURL=useMultiFlyoutState.es.js.map
+//#endregion
+export { n as useMultiFlyoutState };
+
+//# sourceMappingURL=useMultiFlyoutState.es.js.map

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

@@ -1 +1 @@
-{"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';\n\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":";;AAMO,MAAMA,IAAsB,CAACC,MAAqB;AACrD,QAAM,EAAE,eAAAC,GAAe,kBAAAC,EAAA,IAAqBC,EAAA,GAEtCC,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,MAIf,CAAC;AAAA,IACL;AAAA,IACA,CAACR,GAAUE,CAAgB;AAAA,EAAA;AAG/B,SAAO,EAAE,QAAQD,EAAc,SAASD,CAAQ,GAAG,cAAAI,EAAA;AACvD;"}
+{"version":3,"file":"useMultiFlyoutState.es.js","names":[],"sources":["../../../../../src/components/BlockItemWrapper/Toolbar/hooks/useMultiFlyoutState.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useCallback } from 'react';\n\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"],"mappings":";;;AAMA,IAAa,KAAuB,MAAqB;CACrD,IAAM,EAAE,kBAAe,wBAAqB,EAAsB,GAE5D,IAAe,GAChB,MAA0B;EACvB,GAAkB,MAAe;GAC7B,IAAM,IAAc,EAAW,QAAQ,MAAO,MAAO,CAAQ;GAEzD,OADC,IAGM,CAAC,GAAG,GAAa,CAAQ,IAFzB;EAIf,CAAC;CACL,GACA,CAAC,GAAU,CAAgB,CAC/B;CAEA,OAAO;EAAE,QAAQ,EAAc,SAAS,CAAQ;EAAG;CAAa;AACpE"}

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

@@ -1,6 +1,6 @@
-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
+//#region src/components/BlockItemWrapper/constants.ts
+var e = "Drag or press ↵ to move", t = "Move with ↑↓←→ and confirm with ↵";
+//#endregion
+export { t as DEFAULT_DRAGGING_TOOLTIP, e as DEFAULT_DRAG_TOOLTIP };
+
+//# sourceMappingURL=constants.es.js.map

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

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"constants.es.js","names":[],"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"],"mappings":";AAEA,IAAa,IAAuB,2BACvB,IAA2B"}

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

@@ -1,64 +1,64 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { FormControl as g } from "@frontify/fondue";
-import { TextInput as x, Checkbox as D, Label as v } from "@frontify/fondue/components";
-import { isValidUrlOrEmpty as b } from "./utils/url.es.js";
-import { LinkSelector as I } from "./LinkSelector/LinkSelector.es.js";
-const N = ({
-  onUrlChange: i,
-  onToggleTab: r,
-  isValidUrlOrEmpty: l,
-  appBridge: n,
-  placeholder: s,
-  newTab: m,
-  url: o = "",
-  required: d,
-  info: a,
-  label: u,
-  buttonSize: p,
-  hideInternalLinkButton: h
-}) => {
-  const w = l ? l(o) : b(o);
-  return /* @__PURE__ */ c("div", { "data-test-id": "link-input", children: [
-    /* @__PURE__ */ t(
-      g,
-      {
-        label: {
-          children: u,
-          htmlFor: "url",
-          required: d,
-          tooltip: a ? { content: a, position: "top" } : void 0
-        },
-        children: /* @__PURE__ */ t(
-          x,
-          {
-            "data-test-id": "text-input",
-            id: "url",
-            value: o,
-            onChange: (e) => i?.(e.target.value),
-            placeholder: s ?? "https://example.com"
-          }
-        )
-      }
-    ),
-    !w && /* @__PURE__ */ t("div", { className: "tw-text-error tw-mt-1 tw-text-small", children: "Please enter a valid URL." }),
-    !h && /* @__PURE__ */ t("div", { className: "tw-mt-3", children: /* @__PURE__ */ t(
-      I,
-      {
-        url: o,
-        onUrlChange: i,
-        buttonSize: p ?? "medium",
-        getAllDocuments: () => n.getAllDocuments(),
-        getDocumentPagesByDocumentId: (e) => n.getDocumentPagesByDocumentId(e),
-        getDocumentSectionsByDocumentPageId: (e) => n.getDocumentSectionsByDocumentPageId(e)
-      }
-    ) }),
-    /* @__PURE__ */ c("div", { className: "tw-mt-3 tw-flex tw-items-center tw-gap-1.5", children: [
-      /* @__PURE__ */ t(D, { id: "new-tab", value: m, onChange: () => r?.(!m) }),
-      /* @__PURE__ */ t(v, { id: "new-tab-label", htmlFor: "new-tab", className: "tw-whitespace-nowrap", children: "Open in new tab" })
-    ] })
-  ] });
+import { isValidUrlOrEmpty as e } from "./utils/url.es.js";
+import { LinkSelector as t } from "./LinkSelector/LinkSelector2.es.js";
+import { Checkbox as n, Label as r, TextInput as i } from "@frontify/fondue/components";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { FormControl as s } from "@frontify/fondue";
+//#region src/components/Link/LinkInput.tsx
+var c = ({ onUrlChange: c, onToggleTab: l, isValidUrlOrEmpty: u, appBridge: d, placeholder: f, newTab: p, url: m = "", required: h, info: g, label: _, buttonSize: v, hideInternalLinkButton: y }) => {
+	let b = u ? u(m) : e(m);
+	return /* @__PURE__ */ o("div", {
+		"data-test-id": "link-input",
+		children: [
+			/* @__PURE__ */ a(s, {
+				label: {
+					children: _,
+					htmlFor: "url",
+					required: h,
+					tooltip: g ? {
+						content: g,
+						position: "top"
+					} : void 0
+				},
+				children: /* @__PURE__ */ a(i, {
+					"data-test-id": "text-input",
+					id: "url",
+					value: m,
+					onChange: (e) => c?.(e.target.value),
+					placeholder: f ?? "https://example.com"
+				})
+			}),
+			!b && /* @__PURE__ */ a("div", {
+				className: "tw-text-error tw-mt-1 tw-text-small",
+				children: "Please enter a valid URL."
+			}),
+			!y && /* @__PURE__ */ a("div", {
+				className: "tw-mt-3",
+				children: /* @__PURE__ */ a(t, {
+					url: m,
+					onUrlChange: c,
+					buttonSize: v ?? "medium",
+					getAllDocuments: () => d.getAllDocuments(),
+					getDocumentPagesByDocumentId: (e) => d.getDocumentPagesByDocumentId(e),
+					getDocumentSectionsByDocumentPageId: (e) => d.getDocumentSectionsByDocumentPageId(e)
+				})
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "tw-mt-3 tw-flex tw-items-center tw-gap-1.5",
+				children: [/* @__PURE__ */ a(n, {
+					id: "new-tab",
+					value: p,
+					onChange: () => l?.(!p)
+				}), /* @__PURE__ */ a(r, {
+					id: "new-tab-label",
+					htmlFor: "new-tab",
+					className: "tw-whitespace-nowrap",
+					children: "Open in new tab"
+				})]
+			})
+		]
+	});
 };
-export {
-  N as LinkInput
-};
-//# sourceMappingURL=LinkInput.es.js.map
+//#endregion
+export { c as LinkInput };
+
+//# sourceMappingURL=LinkInput.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkInput.es.js","sources":["../../../src/components/Link/LinkInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { FormControl } from '@frontify/fondue';\nimport { TextInput, Checkbox, Label } from '@frontify/fondue/components';\n\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?: boolean;\n    onUrlChange?: (value: string) => void;\n    onToggleTab?: (checked: boolean) => void;\n    isValidUrlOrEmpty?: (url: string) => boolean;\n    appBridge: AppBridgeBlock;\n    placeholder?: string;\n    buttonSize?: 'small' | 'medium' | 'large';\n    hideInternalLinkButton?: boolean;\n};\n\nexport const LinkInput = ({\n    onUrlChange,\n    onToggleTab,\n    isValidUrlOrEmpty,\n    appBridge,\n    placeholder,\n    newTab,\n    url = '',\n    required,\n    info,\n    label,\n    buttonSize,\n    hideInternalLinkButton,\n}: LinkInputProps) => {\n    const isUrlValid = isValidUrlOrEmpty ? isValidUrlOrEmpty(url) : internalIsValidUrlOrEmpty(url);\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: 'top' } : undefined,\n                }}\n            >\n                <TextInput\n                    data-test-id=\"text-input\"\n                    id=\"url\"\n                    value={url}\n                    onChange={(event) => onUrlChange?.(event.target.value)}\n                    placeholder={placeholder ?? 'https://example.com'}\n                />\n            </FormControl>\n            {!isUrlValid && <div className=\"tw-text-error tw-mt-1 tw-text-small\">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 ?? '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 tw-flex tw-items-center tw-gap-1.5\">\n                <Checkbox id=\"new-tab\" value={newTab} onChange={() => onToggleTab?.(!newTab)} />\n                <Label id=\"new-tab-label\" htmlFor=\"new-tab\" className=\"tw-whitespace-nowrap\">\n                    Open in new tab\n                </Label>\n            </div>\n        </div>\n    );\n};\n"],"names":["LinkInput","onUrlChange","onToggleTab","isValidUrlOrEmpty","appBridge","placeholder","newTab","url","required","info","label","buttonSize","hideInternalLinkButton","isUrlValid","internalIsValidUrlOrEmpty","jsxs","jsx","FormControl","TextInput","event","LinkSelector","documentId","documentPageId","Checkbox","Label"],"mappings":";;;;;AAwBO,MAAMA,IAAY,CAAC;AAAA,EACtB,aAAAC;AAAA,EACA,aAAAC;AAAA,EAAA,mBACAC;AAAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,wBAAAC;AACJ,MAAsB;AAClB,QAAMC,IAAaV,IAAoBA,EAAkBI,CAAG,IAAIO,EAA0BP,CAAG;AAC7F,SACI,gBAAAQ,EAAC,OAAA,EAAI,gBAAa,cACd,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAO;AAAA,UACH,UAAUP;AAAA,UACV,SAAS;AAAA,UACT,UAAAF;AAAA,UACA,SAASC,IAAO,EAAE,SAASA,GAAM,UAAU,UAAU;AAAA,QAAA;AAAA,QAGzD,UAAA,gBAAAO;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,gBAAa;AAAA,YACb,IAAG;AAAA,YACH,OAAOX;AAAA,YACP,UAAU,CAACY,MAAUlB,IAAckB,EAAM,OAAO,KAAK;AAAA,YACrD,aAAad,KAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAChC;AAAA,IAAA;AAAA,IAEH,CAACQ,KAAc,gBAAAG,EAAC,OAAA,EAAI,WAAU,uCAAsC,UAAA,6BAAyB;AAAA,IAE7F,CAACJ,KACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,KAAAb;AAAA,QACA,aAAAN;AAAA,QACA,YAAYU,KAAc;AAAA,QAC1B,iBAAiB,MAAMP,EAAU,gBAAA;AAAA,QACjC,8BAA8B,CAACiB,MAC3BjB,EAAU,6BAA6BiB,CAAU;AAAA,QAErD,qCAAqC,CAACC,MAClClB,EAAU,oCAAoCkB,CAAc;AAAA,MAAA;AAAA,IAAA,GAGxE;AAAA,IAGJ,gBAAAP,EAAC,OAAA,EAAI,WAAU,8CACX,UAAA;AAAA,MAAA,gBAAAC,EAACO,GAAA,EAAS,IAAG,WAAU,OAAOjB,GAAQ,UAAU,MAAMJ,IAAc,CAACI,CAAM,EAAA,CAAG;AAAA,MAC9E,gBAAAU,EAACQ,KAAM,IAAG,iBAAgB,SAAQ,WAAU,WAAU,wBAAuB,UAAA,kBAAA,CAE7E;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"LinkInput.es.js","names":[],"sources":["../../../src/components/Link/LinkInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { FormControl } from '@frontify/fondue';\nimport { TextInput, Checkbox, Label } from '@frontify/fondue/components';\n\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?: boolean;\n    onUrlChange?: (value: string) => void;\n    onToggleTab?: (checked: boolean) => void;\n    isValidUrlOrEmpty?: (url: string) => boolean;\n    appBridge: AppBridgeBlock;\n    placeholder?: string;\n    buttonSize?: 'small' | 'medium' | 'large';\n    hideInternalLinkButton?: boolean;\n};\n\nexport const LinkInput = ({\n    onUrlChange,\n    onToggleTab,\n    isValidUrlOrEmpty,\n    appBridge,\n    placeholder,\n    newTab,\n    url = '',\n    required,\n    info,\n    label,\n    buttonSize,\n    hideInternalLinkButton,\n}: LinkInputProps) => {\n    const isUrlValid = isValidUrlOrEmpty ? isValidUrlOrEmpty(url) : internalIsValidUrlOrEmpty(url);\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: 'top' } : undefined,\n                }}\n            >\n                <TextInput\n                    data-test-id=\"text-input\"\n                    id=\"url\"\n                    value={url}\n                    onChange={(event) => onUrlChange?.(event.target.value)}\n                    placeholder={placeholder ?? 'https://example.com'}\n                />\n            </FormControl>\n            {!isUrlValid && <div className=\"tw-text-error tw-mt-1 tw-text-small\">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 ?? '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 tw-flex tw-items-center tw-gap-1.5\">\n                <Checkbox id=\"new-tab\" value={newTab} onChange={() => onToggleTab?.(!newTab)} />\n                <Label id=\"new-tab-label\" htmlFor=\"new-tab\" className=\"tw-whitespace-nowrap\">\n                    Open in new tab\n                </Label>\n            </div>\n        </div>\n    );\n};\n"],"mappings":";;;;;;AAwBA,IAAa,KAAa,EACtB,gBACA,gBACA,mBAAA,GACA,cACA,gBACA,WACA,SAAM,IACN,aACA,SACA,UACA,eACA,gCACkB;CAClB,IAAM,IAAa,IAAoB,EAAkB,CAAG,IAAI,EAA0B,CAAG;CAC7F,OACI,kBAAC,OAAD;EAAK,gBAAa;EAAlB,UAAA;GACI,kBAAC,GAAD;IACI,OAAO;KACH,UAAU;KACV,SAAS;KACT;KACA,SAAS,IAAO;MAAE,SAAS;MAAM,UAAU;KAAM,IAAI,KAAA;IACzD;IAEA,UAAA,kBAAC,GAAD;KACI,gBAAa;KACb,IAAG;KACH,OAAO;KACP,WAAW,MAAU,IAAc,EAAM,OAAO,KAAK;KACrD,aAAa,KAAe;IAC/B,CAAA;GACQ,CAAA;GACZ,CAAC,KAAc,kBAAC,OAAD;IAAK,WAAU;IAAsC,UAAA;GAA8B,CAAA;GAElG,CAAC,KACE,kBAAC,OAAD;IAAK,WAAU;IACX,UAAA,kBAAC,GAAD;KACS;KACQ;KACb,YAAY,KAAc;KAC1B,uBAAuB,EAAU,gBAAgB;KACjD,+BAA+B,MAC3B,EAAU,6BAA6B,CAAU;KAErD,sCAAsC,MAClC,EAAU,oCAAoC,CAAc;IAEnE,CAAA;GACA,CAAA;GAGT,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACI,kBAAC,GAAD;KAAU,IAAG;KAAU,OAAO;KAAQ,gBAAgB,IAAc,CAAC,CAAM;IAAI,CAAA,GAC/E,kBAAC,GAAD;KAAO,IAAG;KAAgB,SAAQ;KAAU,WAAU;KAAuB,UAAA;IAEtE,CAAA,CACN;;EACJ;;AAEb"}

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

@@ -1,64 +1,47 @@
-import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { IconColorFan as g } from "@frontify/fondue/icons";
-import { useState as p, useEffect as m } from "react";
-import { PageLinks as b } from "./PageLinks.es.js";
-const v = ({
-  document: t,
-  selectedUrl: o,
-  onSelectUrl: i,
-  itemsToExpandInitially: r,
-  getDocumentSectionsByDocumentPageId: h,
-  getDocumentPagesByDocumentId: l
-}) => {
-  const [n, s] = p(t.id === r.documentId), c = t.permanentLink === o;
-  return m(() => {
-    t.id === r.documentId && s(!0);
-  }, [r, t.id]), /* @__PURE__ */ a(d, { children: [
-    /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        "data-test-id": "internal-link-selector-document-link",
-        className: `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 ${c ? "tw-bg-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover" : "hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container"}`,
-        onClick: () => i(t.permanentLink),
-        children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "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: () => s(!n),
-              onKeyDown: (w) => w.key === "Enter" && w.stopPropagation(),
-              children: /* @__PURE__ */ e(
-                "div",
-                {
-                  className: `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 ? "tw-rotate-90" : ""}`
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(g, { size: 16 }),
-          /* @__PURE__ */ e("span", { className: "tw-text-small", children: t.title }),
-          /* @__PURE__ */ e("span", { className: "tw-flex-auto tw-font-sans tw-text-x-small tw-text-right", children: "Document" })
-        ]
-      }
-    ),
-    n && /* @__PURE__ */ e(
-      b,
-      {
-        documentId: t.id,
-        selectedUrl: o,
-        onSelectUrl: i,
-        itemsToExpandInitially: r,
-        getDocumentSectionsByDocumentPageId: h,
-        getDocumentPagesByDocumentId: l
-      }
-    )
-  ] });
+import { PageLinks as e } from "./PageLinks.es.js";
+import { IconColorFan as t } from "@frontify/fondue/icons";
+import { useEffect as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Link/LinkSelector/DocumentLink.tsx
+var s = ({ document: s, selectedUrl: c, onSelectUrl: l, itemsToExpandInitially: u, getDocumentSectionsByDocumentPageId: d, getDocumentPagesByDocumentId: f }) => {
+	let [p, m] = r(s.id === u.documentId), h = s.permanentLink === c;
+	return n(() => {
+		s.id === u.documentId && m(!0);
+	}, [u, s.id]), /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("button", {
+		type: "button",
+		"data-test-id": "internal-link-selector-document-link",
+		className: `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 ${h ? "tw-bg-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover" : "hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container"}`,
+		onClick: () => l(s.permanentLink),
+		children: [
+			/* @__PURE__ */ a("button", {
+				type: "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: () => m(!p),
+				onKeyDown: (e) => e.key === "Enter" && e.stopPropagation(),
+				children: /* @__PURE__ */ a("div", { className: `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 ${p ? "tw-rotate-90" : ""}` })
+			}),
+			/* @__PURE__ */ a(t, { size: 16 }),
+			/* @__PURE__ */ a("span", {
+				className: "tw-text-small",
+				children: s.title
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "tw-flex-auto tw-font-sans tw-text-x-small tw-text-right",
+				children: "Document"
+			})
+		]
+	}), p && /* @__PURE__ */ a(e, {
+		documentId: s.id,
+		selectedUrl: c,
+		onSelectUrl: l,
+		itemsToExpandInitially: u,
+		getDocumentSectionsByDocumentPageId: d,
+		getDocumentPagesByDocumentId: f
+	})] });
 };
-export {
-  v as DocumentLink
-};
-//# sourceMappingURL=DocumentLink.es.js.map
+//#endregion
+export { s as DocumentLink };
+
+//# sourceMappingURL=DocumentLink.es.js.map

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

@@ -1 +1 @@
-{"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, type DocumentSection } from '@frontify/app-bridge';\nimport { IconColorFan } from '@frontify/fondue/icons';\nimport { useEffect, useState } from 'react';\n\nimport { type InitiallyExpandedItems } from '../types';\n\nimport { PageLinks } from './PageLinks';\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            // eslint-disable-next-line @eslint-react/set-state-in-effect\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, document.id]);\n\n    return (\n        <>\n            <button\n                type=\"button\"\n                data-test-id=\"internal-link-selector-document-link\"\n                className={`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-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover'\n                        : 'hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container'\n                }`}\n                onClick={() => onSelectUrl(document.permanentLink)}\n            >\n                <button\n                    type=\"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                    onKeyDown={(event) => event.key === 'Enter' && event.stopPropagation()}\n                >\n                    <div\n                        className={`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 ${isExpanded ? 'tw-rotate-90' : ''}`}\n                    ></div>\n                </button>\n                <IconColorFan size={16} />\n                <span className=\"tw-text-small\">{document.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-x-small 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","jsx","event","IconColorFan","PageLinks"],"mappings":";;;;AAuBO,MAAMA,IAAe,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,qCAAAC;AAAA,EACA,8BAAAC;AACJ,MAAyB;AACrB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASR,EAAS,OAAOG,EAAuB,UAAU,GACxFM,IAAWT,EAAS,kBAAkBC;AAE5C,SAAAS,EAAU,MAAM;AACZ,IAAIV,EAAS,OAAOG,EAAuB,cAEvCI,EAAc,EAAI;AAAA,EAE1B,GAAG,CAACJ,GAAwBH,EAAS,EAAE,CAAC,GAGpC,gBAAAW,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,gBAAa;AAAA,QACb,WAAW,6GACPF,IACM,gIACA,gGACV;AAAA,QACA,SAAS,MAAMP,EAAYF,EAAS,aAAa;AAAA,QAEjD,UAAA;AAAA,UAAA,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,UAAU;AAAA,cACV,gBAAa;AAAA,cACb,WAAU;AAAA,cACV,SAAS,MAAMN,EAAc,CAACD,CAAU;AAAA,cACxC,WAAW,CAACQ,MAAUA,EAAM,QAAQ,WAAWA,EAAM,gBAAA;AAAA,cAErD,UAAA,gBAAAD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAW,uKAAuKP,IAAa,iBAAiB,EAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YACrN;AAAA,UAAA;AAAA,UAEL,gBAAAO,EAACE,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,UACxB,gBAAAF,EAAC,QAAA,EAAK,WAAU,iBAAiB,YAAS,OAAM;AAAA,UAChD,gBAAAA,EAAC,QAAA,EAAK,WAAU,2DAA0D,UAAA,WAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAErFP,KACG,gBAAAO;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,YAAYhB,EAAS;AAAA,QACrB,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,wBAAAC;AAAA,QACA,qCAAAC;AAAA,QACA,8BAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GAER;AAER;"}
+{"version":3,"file":"DocumentLink.es.js","names":[],"sources":["../../../../src/components/Link/LinkSelector/DocumentLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentPage, type DocumentSection } from '@frontify/app-bridge';\nimport { IconColorFan } from '@frontify/fondue/icons';\nimport { useEffect, useState } from 'react';\n\nimport { type InitiallyExpandedItems } from '../types';\n\nimport { PageLinks } from './PageLinks';\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            // oxlint-disable-next-line @eslint-react/set-state-in-effect\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, document.id]);\n\n    return (\n        <>\n            <button\n                type=\"button\"\n                data-test-id=\"internal-link-selector-document-link\"\n                className={`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-highlight tw-text-highlight-on-highlight hover:tw-bg-highlight-hover:hover hover:tw-text-highlight-on-highlight:hover'\n                        : 'hover:tw-bg-container-secondary-hover hover:tw-text-container-secondary-on-secondary-container'\n                }`}\n                onClick={() => onSelectUrl(document.permanentLink)}\n            >\n                <button\n                    type=\"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                    onKeyDown={(event) => event.key === 'Enter' && event.stopPropagation()}\n                >\n                    <div\n                        className={`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 ${isExpanded ? 'tw-rotate-90' : ''}`}\n                    ></div>\n                </button>\n                <IconColorFan size={16} />\n                <span className=\"tw-text-small\">{document.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-x-small 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"],"mappings":";;;;;AAuBA,IAAa,KAAgB,EACzB,aACA,gBACA,gBACA,2BACA,wCACA,sCACqB;CACrB,IAAM,CAAC,GAAY,KAAiB,EAAS,EAAS,OAAO,EAAuB,UAAU,GACxF,IAAW,EAAS,kBAAkB;CAS5C,OAPA,QAAgB;EACZ,AAAI,EAAS,OAAO,EAAuB,cAEvC,EAAc,EAAI;CAE1B,GAAG,CAAC,GAAwB,EAAS,EAAE,CAAC,GAGpC,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;EACI,MAAK;EACL,gBAAa;EACb,WAAW,6GACP,IACM,gIACA;EAEV,eAAe,EAAY,EAAS,aAAa;EARrD,UAAA;GAUI,kBAAC,UAAD;IACI,MAAK;IACL,UAAU;IACV,gBAAa;IACb,WAAU;IACV,eAAe,EAAc,CAAC,CAAU;IACxC,YAAY,MAAU,EAAM,QAAQ,WAAW,EAAM,gBAAgB;IAErE,UAAA,kBAAC,OAAD,EACI,WAAW,uKAAuK,IAAa,iBAAiB,KAC9M,CAAA;GACF,CAAA;GACR,kBAAC,GAAD,EAAc,MAAM,GAAK,CAAA;GACzB,kBAAC,QAAD;IAAM,WAAU;IAAiB,UAAA,EAAS;GAAY,CAAA;GACtD,kBAAC,QAAD;IAAM,WAAU;IAA0D,UAAA;GAAc,CAAA;EACpF;CACP,CAAA,GAAA,KACG,kBAAC,GAAD;EACI,YAAY,EAAS;EACR;EACA;EACW;EACa;EACP;CACjC,CAAA,CAEP,EAAA,CAAA;AAEV"}