@frontify/guideline-blocks-settings 1.0.8-alpha.3 → 1.0.9

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

@@ -1 +1 @@
-{"version":3,"file":"MenuToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMemoizedId } from '@frontify/fondue';\nimport { Dropdown, Tooltip } from '@frontify/fondue/components';\nimport { IconDotsHorizontal } from '@frontify/fondue/icons';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context';\nimport { useMultiFlyoutState } from '../hooks';\n\nexport const DEFAULT_MENU_BUTTON_ID = 'menu';\n\nexport type MenuToolbarButtonProps = {\n    items: {\n        title: string;\n        onClick: () => void;\n        icon: JSX.Element;\n        style?: 'default' | 'danger';\n    }[][];\n    flyoutId?: string;\n    tooltip?: string;\n};\n\nexport const MenuToolbarButton = ({\n    items,\n    flyoutId = DEFAULT_MENU_BUTTON_ID,\n    tooltip = 'Options',\n}: MenuToolbarButtonProps) => {\n    const id = useMemoizedId(flyoutId);\n    const { isOpen, onOpenChange } = useMultiFlyoutState(id);\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <Dropdown.Root open={isOpen && !isDragPreview} onOpenChange={onOpenChange}>\n            <Tooltip.Root>\n                <Tooltip.Trigger asChild>\n                    <Dropdown.Trigger asChild>\n                        <BaseToolbarButton data-test-id=\"block-item-wrapper-toolbar-flyout\">\n                            <IconDotsHorizontal size=\"16\" />\n                        </BaseToolbarButton>\n                    </Dropdown.Trigger>\n                </Tooltip.Trigger>\n                <Dropdown.Content>\n                    {items.map((block, blockIndex) => (\n                        <Dropdown.Group key={blockIndex}>\n                            {block.map((item, itemIndex) => (\n                                <Dropdown.Item\n                                    data-test-id=\"menu-item\"\n                                    onSelect={() => {\n                                        onOpenChange(false);\n                                        item.onClick();\n                                    }}\n                                    emphasis={item.style || 'default'}\n                                    key={`${blockIndex}-${itemIndex}`}\n                                >\n                                    <div className=\"tw-mr-2\">{item.icon}</div>\n                                    <span>{item.title}</span>\n                                </Dropdown.Item>\n                            ))}\n                        </Dropdown.Group>\n                    ))}\n                </Dropdown.Content>\n                <Tooltip.Content>{tooltip}</Tooltip.Content>\n            </Tooltip.Root>\n        </Dropdown.Root>\n    );\n};\n"],"names":["DEFAULT_MENU_BUTTON_ID","MenuToolbarButton","items","flyoutId","tooltip","id","useMemoizedId","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Dropdown","jsxs","Tooltip","BaseToolbarButton","IconDotsHorizontal","block","blockIndex","item","itemIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,IAAyB,QAazBC,KAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC,IAAWH;AAAA,EACX,SAAAI,IAAU;AACd,MAA8B;AAC1B,QAAMC,IAAKC,EAAcH,CAAQ,GAC3B,EAAE,QAAAI,GAAQ,cAAAC,MAAiBC,EAAoBJ,CAAE,GACjDK,IAAgBC,EAAA;AAEtB,SACI,gBAAAC,EAACC,EAAS,MAAT,EAAc,MAAMN,KAAU,CAACG,GAAe,cAAAF,GAC3C,UAAA,gBAAAM,EAACC,EAAQ,MAAR,EACG,UAAA;AAAA,IAAA,gBAAAH,EAACG,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAH,EAACC,EAAS,SAAT,EAAiB,SAAO,IACrB,UAAA,gBAAAD,EAACI,GAAA,EAAkB,gBAAa,qCAC5B,UAAA,gBAAAJ,EAACK,KAAmB,MAAK,KAAA,CAAK,GAClC,EAAA,CACJ,EAAA,CACJ;AAAA,sBACCJ,EAAS,SAAT,EACI,UAAAX,EAAM,IAAI,CAACgB,GAAOC,MACf,gBAAAP,EAACC,EAAS,OAAT,EACI,YAAM,IAAI,CAACO,GAAMC,MACd,gBAAAP;AAAA,MAACD,EAAS;AAAA,MAAT;AAAA,QACG,gBAAa;AAAA,QACb,UAAU,MAAM;AACZ,UAAAL,EAAa,EAAK,GAClBY,EAAK,QAAA;AAAA,QACT;AAAA,QACA,UAAUA,EAAK,SAAS;AAAA,QAGxB,UAAA;AAAA,UAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,WAAW,UAAAQ,EAAK,MAAK;AAAA,UACpC,gBAAAR,EAAC,QAAA,EAAM,UAAAQ,EAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAHb,GAAGD,CAAU,IAAIE,CAAS;AAAA,IAAA,CAKtC,EAAA,GAdgBF,CAerB,CACH,GACL;AAAA,IACA,gBAAAP,EAACG,EAAQ,SAAR,EAAiB,UAAAX,EAAA,CAAQ;AAAA,EAAA,EAAA,CAC9B,EAAA,CACJ;AAER;"}
+{"version":3,"file":"MenuToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/MenuToolbarButton/MenuToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMemoizedId } from '@frontify/fondue';\nimport { Dropdown, Tooltip } from '@frontify/fondue/components';\nimport { IconDotsHorizontal } from '@frontify/fondue/icons';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { useDragPreviewContext } from '../context';\nimport { useMultiFlyoutState } from '../hooks';\n\nexport const DEFAULT_MENU_BUTTON_ID = 'menu';\n\nexport type MenuToolbarButtonProps = {\n    items: {\n        title: string;\n        onClick: () => void;\n        icon: JSX.Element;\n        style?: 'default' | 'danger';\n    }[][];\n    flyoutId?: string;\n    tooltip?: string;\n};\n\nexport const MenuToolbarButton = ({\n    items,\n    flyoutId = DEFAULT_MENU_BUTTON_ID,\n    tooltip = 'Options',\n}: MenuToolbarButtonProps) => {\n    const id = useMemoizedId(flyoutId);\n    const { isOpen, onOpenChange } = useMultiFlyoutState(id);\n    const isDragPreview = useDragPreviewContext();\n\n    return (\n        <Dropdown.Root open={isOpen && !isDragPreview} onOpenChange={onOpenChange}>\n            <Tooltip.Root>\n                <Tooltip.Trigger asChild>\n                    <Dropdown.Trigger asChild>\n                        <BaseToolbarButton data-test-id=\"block-item-wrapper-toolbar-flyout\">\n                            <IconDotsHorizontal size=\"16\" />\n                        </BaseToolbarButton>\n                    </Dropdown.Trigger>\n                </Tooltip.Trigger>\n                <Dropdown.Content>\n                    {items.map((block, blockIndex) => (\n                        <Dropdown.Group key={blockIndex}>\n                            {block.map((item, itemIndex) => (\n                                <Dropdown.Item\n                                    data-test-id=\"menu-item\"\n                                    onSelect={() => {\n                                        onOpenChange(false);\n                                        item.onClick();\n                                    }}\n                                    emphasis={item.style || 'default'}\n                                    key={`${blockIndex}-${itemIndex}`}\n                                >\n                                    <div className=\"tw-mr-2\">{item.icon}</div>\n                                    <span>{item.title}</span>\n                                </Dropdown.Item>\n                            ))}\n                        </Dropdown.Group>\n                    ))}\n                </Dropdown.Content>\n                <Tooltip.Content>{tooltip}</Tooltip.Content>\n            </Tooltip.Root>\n        </Dropdown.Root>\n    );\n};\n"],"names":["DEFAULT_MENU_BUTTON_ID","MenuToolbarButton","items","flyoutId","tooltip","id","useMemoizedId","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Dropdown","jsxs","Tooltip","BaseToolbarButton","IconDotsHorizontal","block","blockIndex","item","itemIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,IAAyB,QAazBC,KAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC,IAAWH;AAAA,EACX,SAAAI,IAAU;AACd,MAA8B;AAC1B,QAAMC,IAAKC,EAAcH,CAAQ,GAC3B,EAAE,QAAAI,GAAQ,cAAAC,MAAiBC,EAAoBJ,CAAE,GACjDK,IAAgBC,EAAA;AAEtB,SACI,gBAAAC,EAACC,EAAS,MAAT,EAAc,MAAMN,KAAU,CAACG,GAAe,cAAAF,GAC3C,UAAA,gBAAAM,EAACC,EAAQ,MAAR,EACG,UAAA;AAAA,IAAA,gBAAAH,EAACG,EAAQ,SAAR,EAAgB,SAAO,IACpB,UAAA,gBAAAH,EAACC,EAAS,SAAT,EAAiB,SAAO,IACrB,UAAA,gBAAAD,EAACI,GAAA,EAAkB,gBAAa,qCAC5B,UAAA,gBAAAJ,EAACK,KAAmB,MAAK,KAAA,CAAK,GAClC,EAAA,CACJ,EAAA,CACJ;AAAA,sBACCJ,EAAS,SAAT,EACI,UAAAX,EAAM,IAAI,CAACgB,GAAOC,MACf,gBAAAP,EAACC,EAAS,OAAT,EACI,YAAM,IAAI,CAACO,GAAMC,MACd,gBAAAP;AAAA,MAACD,EAAS;AAAA,MAAT;AAAA,QACG,gBAAa;AAAA,QACb,UAAU,MAAM;AACZ,UAAAL,EAAa,EAAK,GAClBY,EAAK,QAAA;AAAA,QACT;AAAA,QACA,UAAUA,EAAK,SAAS;AAAA,QAGxB,UAAA;AAAA,UAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,WAAW,UAAAQ,EAAK,MAAK;AAAA,UACpC,gBAAAR,EAAC,QAAA,EAAM,UAAAQ,EAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAHb,GAAGD,CAAU,IAAIE,CAAS;AAAA,IAAA,CAKtC,EAAA,GAdgBF,CAerB,CACH,GACL;AAAA,IACA,gBAAAP,EAACG,EAAQ,SAAR,EAAiB,UAAAX,EAAA,CAAQ;AAAA,EAAA,EAAA,CAC9B,EAAA,CACJ;AAER;"}

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

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Tooltip as t } from "../../../node_modules/.pnpm/@frontify_fondue-components@24.0.0-rc.2_@frontify_fondue-icons@0.22.0-rc.0_react@18.3.1_4a39a3c143dcab0487a0fdbdc2dc7a4c/node_modules/@frontify/fondue-components/dist/fondue-components34.es.js";
+import { Tooltip as t } from "../../../node_modules/.pnpm/@frontify_fondue-components@19.6.0_@frontify_fondue-icons@0.17.1_react@18.3.1__@frontif_fd20888bc23627b33749584605a74df2/node_modules/@frontify/fondue-components/dist/fondue-components32.es.js";
 const d = ({ content: e, children: r, open: i, disabled: n }) => n ? r : /* @__PURE__ */ l(t.Root, { enterDelay: 300, open: i, children: [
   /* @__PURE__ */ o(t.Trigger, { asChild: !0, children: r }),
   /* @__PURE__ */ o(t.Content, { side: "top", children: /* @__PURE__ */ o("div", { children: e }) })

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

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { IconArrowCircleDown16 as a, FOCUS_STYLE as w } from "@frontify/fondue";
 import { useFocusRing as d } from "@react-aria/focus";
-import { Tooltip as o } from "../../node_modules/.pnpm/@frontify_fondue-components@24.0.0-rc.2_@frontify_fondue-icons@0.22.0-rc.0_react@18.3.1_4a39a3c143dcab0487a0fdbdc2dc7a4c/node_modules/@frontify/fondue-components/dist/fondue-components34.es.js";
+import { Tooltip as o } from "../../node_modules/.pnpm/@frontify_fondue-components@19.6.0_@frontify_fondue-icons@0.17.1_react@18.3.1__@frontif_fd20888bc23627b33749584605a74df2/node_modules/@frontify/fondue-components/dist/fondue-components32.es.js";
 import { joinClassNames as u } from "../../utilities/react/joinClassNames.es.js";
 const x = ({ onDownload: e, ariaLabel: n }) => {
   const { isFocused: r, focusProps: s } = d();