@frontify/guideline-blocks-settings 2.1.10 → 2.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,33 +1,32 @@
1
- import { jsx as h } from "react/jsx-runtime";
2
- import { useMemoizedId as A } from "@frontify/fondue";
3
- import { useDragPreviewContext as l } from "../context/DragPreviewContext.es.js";
4
- import { useMultiFlyoutState as d } from "../hooks/useMultiFlyoutState.es.js";
5
- import { AttachmentsToolbarButtonTrigger as u } from "./AttachmentsToolbarButtonTrigger.es.js";
1
+ import { jsx as p } from "react/jsx-runtime";
2
+ import { useDragPreviewContext as h } from "../context/DragPreviewContext.es.js";
3
+ import { useMultiFlyoutState as A } from "../hooks/useMultiFlyoutState.es.js";
4
+ import { AttachmentsToolbarButtonTrigger as l } from "./AttachmentsToolbarButtonTrigger.es.js";
6
5
  import { useAttachmentsContext as T } from "../../../../hooks/useAttachments.es.js";
7
6
  import { Attachments as g } from "../../../Attachments/Attachments.es.js";
8
- const f = "attachments", U = ({
9
- flyoutId: o = f
7
+ const u = "attachments", x = ({
8
+ flyoutId: o = u
10
9
  }) => {
11
- const n = A(o), { appBridge: r, attachments: m, onAttachmentsAdd: t, onAttachmentDelete: s, onAttachmentReplace: e, onAttachmentsSorted: a } = T(), { isOpen: i, onOpenChange: c } = d(n), p = l();
12
- return /* @__PURE__ */ h(
10
+ const { appBridge: n, attachments: r, onAttachmentsAdd: t, onAttachmentDelete: a, onAttachmentReplace: e, onAttachmentsSorted: m } = T(), { isOpen: s, onOpenChange: c } = A(o), i = h();
11
+ return /* @__PURE__ */ p(
13
12
  g,
14
13
  {
15
14
  onUpload: t,
16
- onDelete: s,
15
+ onDelete: a,
17
16
  onReplaceWithBrowse: e,
18
17
  onReplaceWithUpload: e,
19
- onSorted: a,
18
+ onSorted: m,
20
19
  onBrowse: t,
21
- items: m,
22
- appBridge: r,
23
- triggerComponent: u,
24
- isOpen: i && !p,
20
+ items: r,
21
+ appBridge: n,
22
+ triggerComponent: l,
23
+ isOpen: s && !i,
25
24
  onOpenChange: c
26
25
  }
27
26
  );
28
27
  };
29
28
  export {
30
- U as AttachmentsToolbarButton,
31
- f as DEFAULT_ATTACHMENTS_BUTTON_ID
29
+ x as AttachmentsToolbarButton,
30
+ u as DEFAULT_ATTACHMENTS_BUTTON_ID
32
31
  };
33
32
  //# sourceMappingURL=AttachmentsToolbarButton.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AttachmentsToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/AttachmentsToolbarButton/AttachmentsToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMemoizedId } from '@frontify/fondue';\n\nimport { useAttachmentsContext } from '../../../../hooks';\nimport { Attachments } from '../../../Attachments';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\n\nimport { AttachmentsToolbarButtonTrigger } from './AttachmentsToolbarButtonTrigger';\n\nexport const DEFAULT_ATTACHMENTS_BUTTON_ID = 'attachments';\n\ntype AttachmentsToolbarButtonProps = { flyoutId?: string };\n\nexport const AttachmentsToolbarButton = ({\n flyoutId = DEFAULT_ATTACHMENTS_BUTTON_ID,\n}: AttachmentsToolbarButtonProps) => {\n const id = useMemoizedId(flyoutId);\n\n const { appBridge, attachments, onAttachmentsAdd, onAttachmentDelete, onAttachmentReplace, onAttachmentsSorted } =\n useAttachmentsContext();\n\n const { isOpen, onOpenChange } = useMultiFlyoutState(id);\n const isDragPreview = useDragPreviewContext();\n\n return (\n <Attachments\n onUpload={onAttachmentsAdd}\n onDelete={onAttachmentDelete}\n onReplaceWithBrowse={onAttachmentReplace}\n onReplaceWithUpload={onAttachmentReplace}\n onSorted={onAttachmentsSorted}\n onBrowse={onAttachmentsAdd}\n items={attachments}\n appBridge={appBridge}\n triggerComponent={AttachmentsToolbarButtonTrigger}\n isOpen={isOpen && !isDragPreview}\n onOpenChange={onOpenChange}\n />\n );\n};\n"],"names":["DEFAULT_ATTACHMENTS_BUTTON_ID","AttachmentsToolbarButton","flyoutId","id","useMemoizedId","appBridge","attachments","onAttachmentsAdd","onAttachmentDelete","onAttachmentReplace","onAttachmentsSorted","useAttachmentsContext","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Attachments","AttachmentsToolbarButtonTrigger"],"mappings":";;;;;;;AAWO,MAAMA,IAAgC,eAIhCC,IAA2B,CAAC;AAAA,EACrC,UAAAC,IAAWF;AACf,MAAqC;AACjC,QAAMG,IAAKC,EAAcF,CAAQ,GAE3B,EAAE,WAAAG,GAAW,aAAAC,GAAa,kBAAAC,GAAkB,oBAAAC,GAAoB,qBAAAC,GAAqB,qBAAAC,EAAA,IACvFC,EAAA,GAEE,EAAE,QAAAC,GAAQ,cAAAC,MAAiBC,EAAoBX,CAAE,GACjDY,IAAgBC,EAAA;AAEtB,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAUX;AAAA,MACV,UAAUC;AAAA,MACV,qBAAqBC;AAAA,MACrB,qBAAqBA;AAAA,MACrB,UAAUC;AAAA,MACV,UAAUH;AAAA,MACV,OAAOD;AAAA,MACP,WAAAD;AAAA,MACA,kBAAkBc;AAAA,MAClB,QAAQP,KAAU,CAACG;AAAA,MACnB,cAAAF;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1
+ {"version":3,"file":"AttachmentsToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/AttachmentsToolbarButton/AttachmentsToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useAttachmentsContext } from '../../../../hooks';\nimport { Attachments } from '../../../Attachments';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\n\nimport { AttachmentsToolbarButtonTrigger } from './AttachmentsToolbarButtonTrigger';\n\nexport const DEFAULT_ATTACHMENTS_BUTTON_ID = 'attachments';\n\ntype AttachmentsToolbarButtonProps = { flyoutId?: string };\n\nexport const AttachmentsToolbarButton = ({\n flyoutId = DEFAULT_ATTACHMENTS_BUTTON_ID,\n}: AttachmentsToolbarButtonProps) => {\n const { appBridge, attachments, onAttachmentsAdd, onAttachmentDelete, onAttachmentReplace, onAttachmentsSorted } =\n useAttachmentsContext();\n\n const { isOpen, onOpenChange } = useMultiFlyoutState(flyoutId);\n const isDragPreview = useDragPreviewContext();\n\n return (\n <Attachments\n onUpload={onAttachmentsAdd}\n onDelete={onAttachmentDelete}\n onReplaceWithBrowse={onAttachmentReplace}\n onReplaceWithUpload={onAttachmentReplace}\n onSorted={onAttachmentsSorted}\n onBrowse={onAttachmentsAdd}\n items={attachments}\n appBridge={appBridge}\n triggerComponent={AttachmentsToolbarButtonTrigger}\n isOpen={isOpen && !isDragPreview}\n onOpenChange={onOpenChange}\n />\n );\n};\n"],"names":["DEFAULT_ATTACHMENTS_BUTTON_ID","AttachmentsToolbarButton","flyoutId","appBridge","attachments","onAttachmentsAdd","onAttachmentDelete","onAttachmentReplace","onAttachmentsSorted","useAttachmentsContext","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Attachments","AttachmentsToolbarButtonTrigger"],"mappings":";;;;;;AASO,MAAMA,IAAgC,eAIhCC,IAA2B,CAAC;AAAA,EACrC,UAAAC,IAAWF;AACf,MAAqC;AACjC,QAAM,EAAE,WAAAG,GAAW,aAAAC,GAAa,kBAAAC,GAAkB,oBAAAC,GAAoB,qBAAAC,GAAqB,qBAAAC,EAAA,IACvFC,EAAA,GAEE,EAAE,QAAAC,GAAQ,cAAAC,MAAiBC,EAAoBV,CAAQ,GACvDW,IAAgBC,EAAA;AAEtB,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAUX;AAAA,MACV,UAAUC;AAAA,MACV,qBAAqBC;AAAA,MACrB,qBAAqBA;AAAA,MACrB,UAAUC;AAAA,MACV,UAAUH;AAAA,MACV,OAAOD;AAAA,MACP,WAAAD;AAAA,MACA,kBAAkBc;AAAA,MAClB,QAAQP,KAAU,CAACG;AAAA,MACnB,cAAAF;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
@@ -1,36 +1,35 @@
1
- import { jsx as o, jsxs as l } from "react/jsx-runtime";
2
- import { useMemoizedId as h } from "@frontify/fondue";
3
- import { Flyout as t } from "@frontify/fondue/components";
4
- import { BaseToolbarButton as u } from "../BaseToolbarButton.es.js";
5
- import { ToolbarButtonTooltip as f } from "../ToolbarButtonTooltip.es.js";
6
- import { useDragPreviewContext as b } from "../context/DragPreviewContext.es.js";
7
- import { useMultiFlyoutState as w } from "../hooks/useMultiFlyoutState.es.js";
8
- const F = ({
9
- content: d,
10
- icon: a,
11
- tooltip: s,
12
- flyoutId: c,
1
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
2
+ import { Flyout as o } from "@frontify/fondue/components";
3
+ import { BaseToolbarButton as p } from "../BaseToolbarButton.es.js";
4
+ import { ToolbarButtonTooltip as h } from "../ToolbarButtonTooltip.es.js";
5
+ import { useDragPreviewContext as u } from "../context/DragPreviewContext.es.js";
6
+ import { useMultiFlyoutState as f } from "../hooks/useMultiFlyoutState.es.js";
7
+ const T = ({
8
+ content: a,
9
+ icon: d,
10
+ tooltip: c,
11
+ flyoutId: s,
13
12
  flyoutFooter: i,
14
- flyoutHeader: n
13
+ flyoutHeader: l
15
14
  }) => {
16
- const m = h(c), { isOpen: e, onOpenChange: p } = w(m), r = b();
17
- return /* @__PURE__ */ o(f, { disabled: r || e, content: s, children: /* @__PURE__ */ o("div", { className: "tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative", children: /* @__PURE__ */ l(t.Root, { open: e && !r, onOpenChange: p, children: [
18
- /* @__PURE__ */ o(t.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
19
- u,
15
+ const { isOpen: e, onOpenChange: m } = f(s), r = u();
16
+ return /* @__PURE__ */ t(h, { disabled: r || e, content: c, children: /* @__PURE__ */ t("div", { className: "tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative", children: /* @__PURE__ */ n(o.Root, { open: e && !r, onOpenChange: m, children: [
17
+ /* @__PURE__ */ t(o.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
18
+ p,
20
19
  {
21
20
  "data-test-id": "block-item-wrapper-toolbar-flyout",
22
21
  forceActiveStyle: e && !r,
23
- children: a
22
+ children: d
24
23
  }
25
24
  ) }),
26
- /* @__PURE__ */ l(t.Content, { side: "bottom", align: "end", padding: "comfortable", children: [
27
- n ? /* @__PURE__ */ o(t.Header, { children: n }) : null,
28
- /* @__PURE__ */ o(t.Body, { children: d }),
29
- i ? /* @__PURE__ */ o(t.Footer, { children: i }) : null
25
+ /* @__PURE__ */ n(o.Content, { side: "bottom", align: "end", padding: "comfortable", children: [
26
+ l ? /* @__PURE__ */ t(o.Header, { children: l }) : null,
27
+ /* @__PURE__ */ t(o.Body, { children: a }),
28
+ i ? /* @__PURE__ */ t(o.Footer, { children: i }) : null
30
29
  ] })
31
30
  ] }) }) });
32
31
  };
33
32
  export {
34
- F as FlyoutToolbarButton
33
+ T as FlyoutToolbarButton
35
34
  };
36
35
  //# sourceMappingURL=FlyoutToolbarButton.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FlyoutToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useMemoizedId } from '@frontify/fondue';\nimport { Flyout } from '@frontify/fondue/components';\nimport { type ReactNode } from 'react';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\n\nexport type FlyoutToolbarButtonProps = {\n content: ReactNode;\n icon: ReactNode;\n tooltip: ReactNode;\n flyoutId: string;\n flyoutFooter?: ReactNode;\n flyoutHeader?: ReactNode;\n};\n\nexport const FlyoutToolbarButton = ({\n content,\n icon,\n tooltip,\n flyoutId,\n flyoutFooter,\n flyoutHeader,\n}: FlyoutToolbarButtonProps) => {\n const id = useMemoizedId(flyoutId);\n\n const { isOpen, onOpenChange } = useMultiFlyoutState(id);\n\n const isDragPreview = useDragPreviewContext();\n\n return (\n <ToolbarButtonTooltip disabled={isDragPreview || isOpen} content={tooltip}>\n <div className=\"tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative\">\n <Flyout.Root open={isOpen && !isDragPreview} onOpenChange={onOpenChange}>\n <Flyout.Trigger asChild>\n <BaseToolbarButton\n data-test-id=\"block-item-wrapper-toolbar-flyout\"\n forceActiveStyle={isOpen && !isDragPreview}\n >\n {icon}\n </BaseToolbarButton>\n </Flyout.Trigger>\n <Flyout.Content side=\"bottom\" align=\"end\" padding=\"comfortable\">\n {flyoutHeader ? <Flyout.Header>{flyoutHeader}</Flyout.Header> : null}\n <Flyout.Body>{content}</Flyout.Body>\n {flyoutFooter ? <Flyout.Footer>{flyoutFooter}</Flyout.Footer> : null}\n </Flyout.Content>\n </Flyout.Root>\n </div>\n </ToolbarButtonTooltip>\n );\n};\n"],"names":["FlyoutToolbarButton","content","icon","tooltip","flyoutId","flyoutFooter","flyoutHeader","id","useMemoizedId","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","ToolbarButtonTooltip","jsx","jsxs","Flyout","BaseToolbarButton"],"mappings":";;;;;;;AAoBO,MAAMA,IAAsB,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACJ,MAAgC;AAC5B,QAAMC,IAAKC,EAAcJ,CAAQ,GAE3B,EAAE,QAAAK,GAAQ,cAAAC,MAAiBC,EAAoBJ,CAAE,GAEjDK,IAAgBC,EAAA;AAEtB,2BACKC,GAAA,EAAqB,UAAUF,KAAiBH,GAAQ,SAASN,GAC9D,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,yDACX,UAAA,gBAAAC,EAACC,EAAO,MAAP,EAAY,MAAMR,KAAU,CAACG,GAAe,cAAAF,GACzC,UAAA;AAAA,IAAA,gBAAAK,EAACE,EAAO,SAAP,EAAe,SAAO,IACnB,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,kBAAkBT,KAAU,CAACG;AAAA,QAE5B,UAAAV;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,gBAAAc,EAACC,EAAO,SAAP,EAAe,MAAK,UAAS,OAAM,OAAM,SAAQ,eAC7C,UAAA;AAAA,MAAAX,IAAe,gBAAAS,EAACE,EAAO,QAAP,EAAe,aAAa,IAAmB;AAAA,MAChE,gBAAAF,EAACE,EAAO,MAAP,EAAa,UAAAhB,EAAA,CAAQ;AAAA,MACrBI,IAAe,gBAAAU,EAACE,EAAO,QAAP,EAAe,aAAa,IAAmB;AAAA,IAAA,EAAA,CACpE;AAAA,EAAA,EAAA,CACJ,GACJ,GACJ;AAER;"}
1
+ {"version":3,"file":"FlyoutToolbarButton.es.js","sources":["../../../../../src/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Flyout } from '@frontify/fondue/components';\nimport { type ReactNode } from 'react';\n\nimport { BaseToolbarButton } from '../BaseToolbarButton';\nimport { ToolbarButtonTooltip } from '../ToolbarButtonTooltip';\nimport { useDragPreviewContext } from '../context/DragPreviewContext';\nimport { useMultiFlyoutState } from '../hooks/useMultiFlyoutState';\n\nexport type FlyoutToolbarButtonProps = {\n content: ReactNode;\n icon: ReactNode;\n tooltip: ReactNode;\n flyoutId: string;\n flyoutFooter?: ReactNode;\n flyoutHeader?: ReactNode;\n};\n\nexport const FlyoutToolbarButton = ({\n content,\n icon,\n tooltip,\n flyoutId,\n flyoutFooter,\n flyoutHeader,\n}: FlyoutToolbarButtonProps) => {\n const { isOpen, onOpenChange } = useMultiFlyoutState(flyoutId);\n\n const isDragPreview = useDragPreviewContext();\n\n return (\n <ToolbarButtonTooltip disabled={isDragPreview || isOpen} content={tooltip}>\n <div className=\"tw-flex tw-flex-shrink-0 tw-flex-1 tw-h-6 tw-relative\">\n <Flyout.Root open={isOpen && !isDragPreview} onOpenChange={onOpenChange}>\n <Flyout.Trigger asChild>\n <BaseToolbarButton\n data-test-id=\"block-item-wrapper-toolbar-flyout\"\n forceActiveStyle={isOpen && !isDragPreview}\n >\n {icon}\n </BaseToolbarButton>\n </Flyout.Trigger>\n <Flyout.Content side=\"bottom\" align=\"end\" padding=\"comfortable\">\n {flyoutHeader ? <Flyout.Header>{flyoutHeader}</Flyout.Header> : null}\n <Flyout.Body>{content}</Flyout.Body>\n {flyoutFooter ? <Flyout.Footer>{flyoutFooter}</Flyout.Footer> : null}\n </Flyout.Content>\n </Flyout.Root>\n </div>\n </ToolbarButtonTooltip>\n );\n};\n"],"names":["FlyoutToolbarButton","content","icon","tooltip","flyoutId","flyoutFooter","flyoutHeader","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","ToolbarButtonTooltip","jsx","jsxs","Flyout","BaseToolbarButton"],"mappings":";;;;;;AAmBO,MAAMA,IAAsB,CAAC;AAAA,EAChC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACJ,MAAgC;AAC5B,QAAM,EAAE,QAAAC,GAAQ,cAAAC,MAAiBC,EAAoBL,CAAQ,GAEvDM,IAAgBC,EAAA;AAEtB,2BACKC,GAAA,EAAqB,UAAUF,KAAiBH,GAAQ,SAASJ,GAC9D,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,yDACX,UAAA,gBAAAC,EAACC,EAAO,MAAP,EAAY,MAAMR,KAAU,CAACG,GAAe,cAAAF,GACzC,UAAA;AAAA,IAAA,gBAAAK,EAACE,EAAO,SAAP,EAAe,SAAO,IACnB,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,kBAAkBT,KAAU,CAACG;AAAA,QAE5B,UAAAR;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IACA,gBAAAY,EAACC,EAAO,SAAP,EAAe,MAAK,UAAS,OAAM,OAAM,SAAQ,eAC7C,UAAA;AAAA,MAAAT,IAAe,gBAAAO,EAACE,EAAO,QAAP,EAAe,aAAa,IAAmB;AAAA,MAChE,gBAAAF,EAACE,EAAO,MAAP,EAAa,UAAAd,EAAA,CAAQ;AAAA,MACrBI,IAAe,gBAAAQ,EAACE,EAAO,QAAP,EAAe,aAAa,IAAmB;AAAA,IAAA,EAAA,CACpE;AAAA,EAAA,EAAA,CACJ,GACJ,GACJ;AAER;"}
@@ -1,24 +1,23 @@
1
1
  import { jsx as o, jsxs as l } from "react/jsx-runtime";
2
- import { useMemoizedId as f } from "@frontify/fondue";
3
2
  import { Dropdown as t, Tooltip as r } from "@frontify/fondue/components";
4
- import { IconDotsHorizontal as T } from "@frontify/fondue/icons";
5
- import { BaseToolbarButton as g } from "../BaseToolbarButton.es.js";
6
- import { useMultiFlyoutState as C } from "../hooks/useMultiFlyoutState.es.js";
7
- import { useDragPreviewContext as D } from "../context/DragPreviewContext.es.js";
8
- const w = "menu", z = ({
3
+ import { IconDotsHorizontal as u } from "@frontify/fondue/icons";
4
+ import { BaseToolbarButton as f } from "../BaseToolbarButton.es.js";
5
+ import { useMultiFlyoutState as T } from "../hooks/useMultiFlyoutState.es.js";
6
+ import { useDragPreviewContext as g } from "../context/DragPreviewContext.es.js";
7
+ const C = "menu", x = ({
9
8
  items: s,
10
- flyoutId: a = w,
11
- tooltip: d = "Options"
9
+ flyoutId: a = C,
10
+ tooltip: c = "Options"
12
11
  }) => {
13
- const m = f(a), { isOpen: c, onOpenChange: i } = C(m), p = D();
14
- return /* @__PURE__ */ o(t.Root, { open: c && !p, onOpenChange: i, children: /* @__PURE__ */ l(r.Root, { children: [
15
- /* @__PURE__ */ o(r.Trigger, { asChild: !0, children: /* @__PURE__ */ o(t.Trigger, { asChild: !0, children: /* @__PURE__ */ o(g, { "data-test-id": "block-item-wrapper-toolbar-flyout", children: /* @__PURE__ */ o(T, { size: "16" }) }) }) }),
16
- /* @__PURE__ */ o(t.Content, { children: s.map((u, n) => /* @__PURE__ */ o(t.Group, { children: u.map((e, h) => /* @__PURE__ */ l(
12
+ const { isOpen: p, onOpenChange: n } = T(a), d = g();
13
+ return /* @__PURE__ */ o(t.Root, { open: p && !d, onOpenChange: n, children: /* @__PURE__ */ l(r.Root, { children: [
14
+ /* @__PURE__ */ o(r.Trigger, { asChild: !0, children: /* @__PURE__ */ o(t.Trigger, { asChild: !0, children: /* @__PURE__ */ o(f, { "data-test-id": "block-item-wrapper-toolbar-flyout", children: /* @__PURE__ */ o(u, { size: "16" }) }) }) }),
15
+ /* @__PURE__ */ o(t.Content, { children: s.map((m, i) => /* @__PURE__ */ o(t.Group, { children: m.map((e, h) => /* @__PURE__ */ l(
17
16
  t.Item,
18
17
  {
19
18
  "data-test-id": "menu-item",
20
19
  onSelect: () => {
21
- i(!1), e.onClick();
20
+ n(!1), e.onClick();
22
21
  },
23
22
  emphasis: e.style || "default",
24
23
  children: [
@@ -26,13 +25,13 @@ const w = "menu", z = ({
26
25
  /* @__PURE__ */ o("span", { children: e.title })
27
26
  ]
28
27
  },
29
- `${n}-${h}`
30
- )) }, n)) }),
31
- /* @__PURE__ */ o(r.Content, { children: d })
28
+ `${i}-${h}`
29
+ )) }, i)) }),
30
+ /* @__PURE__ */ o(r.Content, { children: c })
32
31
  ] }) });
33
32
  };
34
33
  export {
35
- w as DEFAULT_MENU_BUTTON_ID,
36
- z as MenuToolbarButton
34
+ C as DEFAULT_MENU_BUTTON_ID,
35
+ x as MenuToolbarButton
37
36
  };
38
37
  //# sourceMappingURL=MenuToolbarButton.es.js.map
@@ -1 +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,IAAoB,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;"}
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 { 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 { isOpen, onOpenChange } = useMultiFlyoutState(flyoutId);\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","isOpen","onOpenChange","useMultiFlyoutState","isDragPreview","useDragPreviewContext","jsx","Dropdown","jsxs","Tooltip","BaseToolbarButton","IconDotsHorizontal","block","blockIndex","item","itemIndex"],"mappings":";;;;;;AASO,MAAMA,IAAyB,QAazBC,IAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC,IAAWH;AAAA,EACX,SAAAI,IAAU;AACd,MAA8B;AAC1B,QAAM,EAAE,QAAAC,GAAQ,cAAAC,MAAiBC,EAAoBJ,CAAQ,GACvDK,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,UAAAT,EAAM,IAAI,CAACc,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,UAAAT,EAAA,CAAQ;AAAA,EAAA,EAAA,CAC9B,EAAA,CACJ;AAER;"}