@frontify/guideline-blocks-settings 1.0.10 → 1.0.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.
- package/dist/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.es.js +16 -16
- package/dist/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.es.js.map +1 -1
- package/dist/index.cjs.js +5 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.umd.js +10 -10
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.es.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useMemoizedId as
|
|
3
|
-
import { BaseToolbarButton as
|
|
1
|
+
import { jsx as o, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { useMemoizedId as h } from "@frontify/fondue";
|
|
3
|
+
import { BaseToolbarButton as u } from "../BaseToolbarButton.es.js";
|
|
4
4
|
import { ToolbarButtonTooltip as f } from "../ToolbarButtonTooltip.es.js";
|
|
5
5
|
import { useDragPreviewContext as b } from "../context/DragPreviewContext.es.js";
|
|
6
6
|
import { useMultiFlyoutState as w } from "../hooks/useMultiFlyoutState.es.js";
|
|
7
|
-
import { Flyout as
|
|
7
|
+
import { Flyout as t } from "../../../../node_modules/.pnpm/@frontify_fondue-components@23.0.0_@frontify_fondue-icons@0.21.0_react@18.3.1__@frontif_cbfac6a8d761b60ea046eb612bd6a8fe/node_modules/@frontify/fondue-components/dist/fondue-components13.es.js";
|
|
8
8
|
const F = ({
|
|
9
|
-
content:
|
|
10
|
-
icon:
|
|
9
|
+
content: d,
|
|
10
|
+
icon: a,
|
|
11
11
|
tooltip: s,
|
|
12
|
-
flyoutId:
|
|
12
|
+
flyoutId: c,
|
|
13
13
|
flyoutFooter: i,
|
|
14
14
|
flyoutHeader: n
|
|
15
15
|
}) => {
|
|
16
|
-
const
|
|
17
|
-
return /* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */ t
|
|
19
|
-
|
|
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,
|
|
20
20
|
{
|
|
21
21
|
"data-test-id": "block-item-wrapper-toolbar-flyout",
|
|
22
22
|
forceActiveStyle: e && !r,
|
|
23
|
-
children:
|
|
23
|
+
children: a
|
|
24
24
|
}
|
|
25
25
|
) }),
|
|
26
|
-
/* @__PURE__ */ l(
|
|
27
|
-
n ? /* @__PURE__ */ t
|
|
28
|
-
|
|
29
|
-
i ? /* @__PURE__ */ t
|
|
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
|
|
30
30
|
] })
|
|
31
31
|
] }) }) });
|
|
32
32
|
};
|
package/dist/components/BlockItemWrapper/Toolbar/FlyoutToolbarButton/FlyoutToolbarButton.es.js.map
CHANGED
|
@@ -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 {content}
|
|
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;"}
|