@frontify/guideline-blocks-settings 0.32.0 → 0.32.2

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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"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/context/DragPreviewContext.es.js

@@ -0,0 +1,11 @@
+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

@@ -0,0 +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);\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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +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 { 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

@@ -17,7 +17,7 @@ const w = (e, r) => {
   ) : 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"
+    e === "grab" ? "!tw-cursor-grab active:tw-cursor-grabbing" : "tw-cursor-pointer"
   ), o(t);
 };
 export {

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',\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,6CAA6C;AAAA,EAAA,GAIlEI,EAAeF,CAAU;AACpC;"}
+{"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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +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';\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/helpers/mapColorPalettes.es.js

@@ -1,16 +1,28 @@
-const n = (a) => a.map(p), p = (a) => ({
-  id: a.id,
-  title: a.name,
-  colors: a.colors.map((e) => ({
+const i = (e) => e.map(n), n = (e) => ({
+  id: e.id,
+  title: e.name,
+  colors: e.colors.map(p)
+}), t = (e) => "revision" in e, p = (e) => {
+  if (t(e)) {
+    const { title: r, revision: a } = e;
+    return {
+      alpha: a.rgba.alpha ? a.rgba.alpha / 255 : 1,
+      red: a.rgba.red ?? 0,
+      green: a.rgba.green ?? 0,
+      blue: a.rgba.blue ?? 0,
+      name: r ?? ""
+    };
+  }
+  return {
     alpha: e.alpha ? e.alpha / 255 : 1,
     red: e.red ?? 0,
     green: e.green ?? 0,
     blue: e.blue ?? 0,
     name: e.name ?? ""
-  }))
-});
+  };
+};
 export {
-  p as mapAppBridgeColorPaletteToFonduePalette,
-  n as mapAppBridgeColorPalettesToFonduePalettes
+  n as mapAppBridgeColorPaletteToFonduePalette,
+  i as mapAppBridgeColorPalettesToFonduePalettes
 };
 //# sourceMappingURL=mapColorPalettes.es.js.map

package/dist/helpers/mapColorPalettes.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapColorPalettes.es.js","sources":["../../src/helpers/mapColorPalettes.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ColorPalette } from '@frontify/app-bridge';\nimport { Palette } from '@frontify/fondue';\n\nexport const mapAppBridgeColorPalettesToFonduePalettes = (colorPalettes: ColorPalette[]): Palette[] => {\n    return colorPalettes.map(mapAppBridgeColorPaletteToFonduePalette);\n};\n\nexport const mapAppBridgeColorPaletteToFonduePalette = (colorPalette: ColorPalette): Palette => {\n    return {\n        id: colorPalette.id,\n        title: colorPalette.name,\n        colors: colorPalette.colors.map((color) => ({\n            alpha: color.alpha ? color.alpha / 255 : 1,\n            red: color.red ?? 0,\n            green: color.green ?? 0,\n            blue: color.blue ?? 0,\n            name: color.name ?? '',\n        })),\n    };\n};\n"],"names":["mapAppBridgeColorPalettesToFonduePalettes","colorPalettes","mapAppBridgeColorPaletteToFonduePalette","colorPalette","color"],"mappings":"AAKa,MAAAA,IAA4C,CAACC,MAC/CA,EAAc,IAAIC,CAAuC,GAGvDA,IAA0C,CAACC,OAC7C;AAAA,EACH,IAAIA,EAAa;AAAA,EACjB,OAAOA,EAAa;AAAA,EACpB,QAAQA,EAAa,OAAO,IAAI,CAACC,OAAW;AAAA,IACxC,OAAOA,EAAM,QAAQA,EAAM,QAAQ,MAAM;AAAA,IACzC,KAAKA,EAAM,OAAO;AAAA,IAClB,OAAOA,EAAM,SAAS;AAAA,IACtB,MAAMA,EAAM,QAAQ;AAAA,IACpB,MAAMA,EAAM,QAAQ;AAAA,EAAA,EACtB;AAAA;"}
+{"version":3,"file":"mapColorPalettes.es.js","sources":["../../src/helpers/mapColorPalettes.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ColorPalette } from '@frontify/app-bridge';\nimport { Palette } from '@frontify/fondue';\n\ntype Nullable<T> = T | null;\n\ntype V3Color = {\n    id: number;\n    name: Nullable<string>;\n    red: Nullable<number>;\n    green: Nullable<number>;\n    blue: Nullable<number>;\n    alpha: Nullable<number>;\n};\n\ntype V4Color = {\n    id: number;\n    title: Nullable<string>;\n    revision: {\n        rgba: {\n            red: Nullable<number>;\n            green: Nullable<number>;\n            blue: Nullable<number>;\n            alpha: Nullable<number>;\n        };\n    };\n};\n\ntype Color = V3Color | V4Color;\n\nexport const mapAppBridgeColorPalettesToFonduePalettes = (colorPalettes: ColorPalette[]): Palette[] => {\n    return colorPalettes.map(mapAppBridgeColorPaletteToFonduePalette);\n};\nexport const mapAppBridgeColorPaletteToFonduePalette = (colorPalette: ColorPalette): Palette => {\n    return {\n        id: colorPalette.id,\n        title: colorPalette.name,\n        colors: colorPalette.colors.map(mapColor),\n    };\n};\n\nconst isV4Color = (color: Color): color is V4Color => {\n    return 'revision' in color;\n};\n\nconst mapColor = (color: Color) => {\n    if (isV4Color(color)) {\n        const { title, revision } = color;\n        return {\n            alpha: revision.rgba.alpha ? revision.rgba.alpha / 255 : 1,\n            red: revision.rgba.red ?? 0,\n            green: revision.rgba.green ?? 0,\n            blue: revision.rgba.blue ?? 0,\n            name: title ?? '',\n        };\n    }\n    return {\n        alpha: color.alpha ? color.alpha / 255 : 1,\n        red: color.red ?? 0,\n        green: color.green ?? 0,\n        blue: color.blue ?? 0,\n        name: color.name ?? '',\n    };\n};\n"],"names":["mapAppBridgeColorPalettesToFonduePalettes","colorPalettes","mapAppBridgeColorPaletteToFonduePalette","colorPalette","mapColor","isV4Color","color","title","revision"],"mappings":"AA+Ba,MAAAA,IAA4C,CAACC,MAC/CA,EAAc,IAAIC,CAAuC,GAEvDA,IAA0C,CAACC,OAC7C;AAAA,EACH,IAAIA,EAAa;AAAA,EACjB,OAAOA,EAAa;AAAA,EACpB,QAAQA,EAAa,OAAO,IAAIC,CAAQ;AAAA,IAI1CC,IAAY,CAACC,MACR,cAAcA,GAGnBF,IAAW,CAACE,MAAiB;AAC3B,MAAAD,EAAUC,CAAK,GAAG;AACZ,UAAA,EAAE,OAAAC,GAAO,UAAAC,EAAa,IAAAF;AACrB,WAAA;AAAA,MACH,OAAOE,EAAS,KAAK,QAAQA,EAAS,KAAK,QAAQ,MAAM;AAAA,MACzD,KAAKA,EAAS,KAAK,OAAO;AAAA,MAC1B,OAAOA,EAAS,KAAK,SAAS;AAAA,MAC9B,MAAMA,EAAS,KAAK,QAAQ;AAAA,MAC5B,MAAMD,KAAS;AAAA,IAAA;AAAA,EAEvB;AACO,SAAA;AAAA,IACH,OAAOD,EAAM,QAAQA,EAAM,QAAQ,MAAM;AAAA,IACzC,KAAKA,EAAM,OAAO;AAAA,IAClB,OAAOA,EAAM,SAAS;AAAA,IACtB,MAAMA,EAAM,QAAQ;AAAA,IACpB,MAAMA,EAAM,QAAQ;AAAA,EAAA;AAE5B;"}