@frontify/fondue 12.2.9 → 12.2.11

package/dist/components/CollapsibleWrap/CollapsibleWrap.es.js

@@ -1,28 +1,35 @@
-import { jsx as a } from "react/jsx-runtime";
-import { AnimatePresence as p, motion as s } from "framer-motion";
-const n = ({
+import { jsx as i } from "react/jsx-runtime";
+import { AnimatePresence as n, motion as s } from "framer-motion";
+const p = ({
   children: e,
-  isOpen: i = !1,
-  preventInitialAnimation: t = !1,
-  animateOpacity: o = !0,
+  isOpen: a = !1,
+  preventInitialAnimation: o = !1,
+  animateOpacity: t = !0,
   "data-test-id": l = "collapsible-wrap"
-}) => /* @__PURE__ */ a(p, { initial: t ? !1 : void 0, children: i && e && /* @__PURE__ */ a(
+}) => /* @__PURE__ */ i(n, { initial: o ? !1 : void 0, children: a && e && /* @__PURE__ */ i(
   s.div,
   {
     initial: "collapsed",
     animate: "open",
     exit: "collapsed",
     variants: {
-      open: { height: "auto", overflow: "hidden", opacity: 1 },
-      collapsed: { height: 0, overflow: "hidden", opacity: o ? 0 : 1 }
+      open: {
+        height: "auto",
+        overflow: "hidden",
+        opacity: 1,
+        transitionEnd: {
+          overflow: "visible"
+        }
+      },
+      collapsed: { height: 0, overflow: "hidden", opacity: t ? 0 : 1 }
     },
     transition: { type: "tween" },
     "data-test-id": l,
     children: e
   }
 ) });
-n.displayName = "FondueCollapsibleWrap";
+p.displayName = "FondueCollapsibleWrap";
 export {
-  n as CollapsibleWrap
+  p as CollapsibleWrap
 };
 //# sourceMappingURL=CollapsibleWrap.es.js.map

package/dist/components/CollapsibleWrap/CollapsibleWrap.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleWrap.es.js","sources":["../../../src/components/CollapsibleWrap/CollapsibleWrap.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { type ReactElement } from 'react';\n\nimport { type CollapsibleWrapProps } from './types';\n\nexport const CollapsibleWrap = ({\n    children,\n    isOpen = false,\n    preventInitialAnimation = false,\n    animateOpacity = true,\n    'data-test-id': dataTestId = 'collapsible-wrap',\n}: CollapsibleWrapProps): ReactElement => (\n    <AnimatePresence initial={preventInitialAnimation ? false : undefined}>\n        {isOpen && children && (\n            <motion.div\n                initial={'collapsed'}\n                animate={'open'}\n                exit={'collapsed'}\n                variants={{\n                    open: { height: 'auto', overflow: 'hidden', opacity: 1 },\n                    collapsed: { height: 0, overflow: 'hidden', opacity: animateOpacity ? 0 : 1 },\n                }}\n                transition={{ type: 'tween' }}\n                data-test-id={dataTestId}\n            >\n                {children}\n            </motion.div>\n        )}\n    </AnimatePresence>\n);\nCollapsibleWrap.displayName = 'FondueCollapsibleWrap';\n"],"names":["CollapsibleWrap","children","isOpen","preventInitialAnimation","animateOpacity","dataTestId","AnimatePresence","jsx","motion"],"mappings":";;AAOO,MAAMA,IAAkB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,yBAAAC,IAA0B;AAAA,EAC1B,gBAAAC,IAAiB;AAAA,EACjB,gBAAgBC,IAAa;AACjC,wBACKC,GAAgB,EAAA,SAASH,IAA0B,KAAQ,QACvD,eAAUF,KACP,gBAAAM;AAAA,EAACC,EAAO;AAAA,EAAP;AAAA,IACG,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,MACN,MAAM,EAAE,QAAQ,QAAQ,UAAU,UAAU,SAAS,EAAE;AAAA,MACvD,WAAW,EAAE,QAAQ,GAAG,UAAU,UAAU,SAASJ,IAAiB,IAAI,EAAE;AAAA,IAChF;AAAA,IACA,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,gBAAcC;AAAA,IAEb,UAAAJ;AAAA,EAAA;AACL,GAER;AAEJD,EAAgB,cAAc;"}
+{"version":3,"file":"CollapsibleWrap.es.js","sources":["../../../src/components/CollapsibleWrap/CollapsibleWrap.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { type ReactElement } from 'react';\n\nimport { type CollapsibleWrapProps } from './types';\n\nexport const CollapsibleWrap = ({\n    children,\n    isOpen = false,\n    preventInitialAnimation = false,\n    animateOpacity = true,\n    'data-test-id': dataTestId = 'collapsible-wrap',\n}: CollapsibleWrapProps): ReactElement => (\n    <AnimatePresence initial={preventInitialAnimation ? false : undefined}>\n        {isOpen && children && (\n            <motion.div\n                initial={'collapsed'}\n                animate={'open'}\n                exit={'collapsed'}\n                variants={{\n                    open: {\n                        height: 'auto',\n                        overflow: 'hidden',\n                        opacity: 1,\n                        transitionEnd: {\n                            overflow: 'visible',\n                        },\n                    },\n                    collapsed: { height: 0, overflow: 'hidden', opacity: animateOpacity ? 0 : 1 },\n                }}\n                transition={{ type: 'tween' }}\n                data-test-id={dataTestId}\n            >\n                {children}\n            </motion.div>\n        )}\n    </AnimatePresence>\n);\nCollapsibleWrap.displayName = 'FondueCollapsibleWrap';\n"],"names":["CollapsibleWrap","children","isOpen","preventInitialAnimation","animateOpacity","dataTestId","AnimatePresence","jsx","motion"],"mappings":";;AAOO,MAAMA,IAAkB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,yBAAAC,IAA0B;AAAA,EAC1B,gBAAAC,IAAiB;AAAA,EACjB,gBAAgBC,IAAa;AACjC,wBACKC,GAAgB,EAAA,SAASH,IAA0B,KAAQ,QACvD,eAAUF,KACP,gBAAAM;AAAA,EAACC,EAAO;AAAA,EAAP;AAAA,IACG,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,MACN,MAAM;AAAA,QACF,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,UACX,UAAU;AAAA,QACd;AAAA,MACJ;AAAA,MACA,WAAW,EAAE,QAAQ,GAAG,UAAU,UAAU,SAASJ,IAAiB,IAAI,EAAE;AAAA,IAChF;AAAA,IACA,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,gBAAcC;AAAA,IAEb,UAAAJ;AAAA,EAAA;AACL,GAER;AAEJD,EAAgB,cAAc;"}

package/dist/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/OrderedListMarkupElement.es.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useEditorRef as c } from "@udecode/plate-core";
-import { ELEMENT_OL as l, ELEMENT_LI as p } from "@udecode/plate-list";
+import { ELEMENT_OL as p, ELEMENT_LI as l } from "@udecode/plate-list";
 import { getNodeAncestors as i } from "@udecode/slate";
 import { findNodePath as m } from "@udecode/slate-react";
 import { MarkupElement as u } from "../../MarkupElement.es.js";
@@ -13,24 +13,24 @@ const a = [
   if (!e)
     return 0;
   const r = i(t, e);
-  return Array.from(r).filter((n) => n[0].type === p).length;
-}, d = (t) => `tw-list-none tw-pl-[10px] tw-mb-[10px] tw-ml-[15px] [&>li>p]:before:tw-pr-1 [&>li>p]:before:tw-tabular-nums ${a[t % 3]}`, E = { counterReset: "count" }, L = ({
+  return Array.from(r).filter((n) => n[0].type === l).length;
+}, d = (t) => `tw-list-none tw-pl-[10px] tw-mb-[10px] tw-ml-[15px] [&>li>p]:before:tw-whitespace-nowrap [&>li>p]:before:tw-pr-1 [&>li>p]:before:tw-tabular-nums ${a[t % 3]}`, w = { counterReset: "count" }, E = ({
   attributes: t,
   children: o,
   element: e
 }) => {
   const r = c(), n = f(r, e);
-  return /* @__PURE__ */ s("ol", { className: d(n), ...t, style: E, children: o });
+  return /* @__PURE__ */ s("ol", { className: d(n), ...t, style: w, children: o });
 };
-class M extends u {
-  constructor(o = l, e = L) {
+class h extends u {
+  constructor(o = p, e = E) {
     super(o, e);
   }
 }
 export {
-  E as OL_STYLES,
-  M as OrderedListMarkupElement,
-  L as OrderedListMarkupElementNode,
+  w as OL_STYLES,
+  h as OrderedListMarkupElement,
+  E as OrderedListMarkupElementNode,
   d as getOrderedListClasses
 };
 //# sourceMappingURL=OrderedListMarkupElement.es.js.map

package/dist/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/OrderedListMarkupElement.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderedListMarkupElement.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/OrderedListMarkupElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type PlateRenderLeafProps, useEditorRef } from '@udecode/plate-core';\nimport { ELEMENT_LI, ELEMENT_OL } from '@udecode/plate-list';\nimport { type TElement, getNodeAncestors } from '@udecode/slate';\nimport { findNodePath } from '@udecode/slate-react';\n\nimport { MarkupElement } from '../../MarkupElement';\n\nconst LIST_TYPES = [\n    \"[&>li>p]:before:tw-content-[counter(count,decimal)_'._']\",\n    \"[&>li>p]:before:tw-content-[counter(count,_lower-alpha)_'._']\",\n    \"[&>li>p]:before:tw-content-[counter(count,lower-roman)_'._']\",\n];\n\nconst getNestingLevel = (editor: PlateEditor, element: TElement) => {\n    const path = findNodePath(editor, element);\n    if (!path) {\n        return 0;\n    }\n\n    const nodeAncestors = getNodeAncestors(editor, path);\n    return Array.from(nodeAncestors).filter((node) => node[0].type === ELEMENT_LI).length;\n};\n\nexport const getOrderedListClasses = (nestingLevel: number) =>\n    `tw-list-none tw-pl-[10px] tw-mb-[10px] tw-ml-[15px] [&>li>p]:before:tw-pr-1 [&>li>p]:before:tw-tabular-nums ${\n        LIST_TYPES[nestingLevel % 3]\n    }`;\nexport const OL_STYLES = { counterReset: 'count' };\n\nexport const OrderedListMarkupElementNode: (props: PlateRenderLeafProps & { element: TElement }) => JSX.Element = ({\n    attributes,\n    children,\n    element,\n}) => {\n    const editor = useEditorRef();\n    const nestingLevel = getNestingLevel(editor, element);\n\n    return (\n        <ol className={getOrderedListClasses(nestingLevel)} {...attributes} style={OL_STYLES}>\n            {children}\n        </ol>\n    );\n};\n\nexport class OrderedListMarkupElement extends MarkupElement {\n    constructor(\n        id = ELEMENT_OL,\n        node: (props: PlateRenderLeafProps & { element: TElement }) => JSX.Element = OrderedListMarkupElementNode,\n    ) {\n        super(id, node);\n    }\n}\n"],"names":["LIST_TYPES","getNestingLevel","editor","element","path","findNodePath","nodeAncestors","getNodeAncestors","node","ELEMENT_LI","getOrderedListClasses","nestingLevel","OL_STYLES","OrderedListMarkupElementNode","attributes","children","useEditorRef","jsx","OrderedListMarkupElement","MarkupElement","id","ELEMENT_OL"],"mappings":";;;;;;AASA,MAAMA,IAAa;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,IAAkB,CAACC,GAAqBC,MAAsB;AAC1D,QAAAC,IAAOC,EAAaH,GAAQC,CAAO;AACzC,MAAI,CAACC;AACM,WAAA;AAGL,QAAAE,IAAgBC,EAAiBL,GAAQE,CAAI;AACnD,SAAO,MAAM,KAAKE,CAAa,EAAE,OAAO,CAACE,MAASA,EAAK,CAAC,EAAE,SAASC,CAAU,EAAE;AACnF,GAEaC,IAAwB,CAACC,MAClC,+GACIX,EAAWW,IAAe,CAAC,CAC/B,IACSC,IAAY,EAAE,cAAc,QAAQ,GAEpCC,IAAqG,CAAC;AAAA,EAC/G,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAZ;AACJ,MAAM;AACF,QAAMD,IAASc,KACTL,IAAeV,EAAgBC,GAAQC,CAAO;AAGhD,SAAA,gBAAAc,EAAC,MAAG,EAAA,WAAWP,EAAsBC,CAAY,GAAI,GAAGG,GAAY,OAAOF,GACtE,UAAAG,EACL,CAAA;AAER;AAEO,MAAMG,UAAiCC,EAAc;AAAA,EACxD,YACIC,IAAKC,GACLb,IAA6EK,GAC/E;AACE,UAAMO,GAAIZ,CAAI;AAAA,EAClB;AACJ;"}
+{"version":3,"file":"OrderedListMarkupElement.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/OrderedListMarkupElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type PlateRenderLeafProps, useEditorRef } from '@udecode/plate-core';\nimport { ELEMENT_LI, ELEMENT_OL } from '@udecode/plate-list';\nimport { type TElement, getNodeAncestors } from '@udecode/slate';\nimport { findNodePath } from '@udecode/slate-react';\n\nimport { MarkupElement } from '../../MarkupElement';\n\nconst LIST_TYPES = [\n    \"[&>li>p]:before:tw-content-[counter(count,decimal)_'._']\",\n    \"[&>li>p]:before:tw-content-[counter(count,_lower-alpha)_'._']\",\n    \"[&>li>p]:before:tw-content-[counter(count,lower-roman)_'._']\",\n];\n\nconst getNestingLevel = (editor: PlateEditor, element: TElement) => {\n    const path = findNodePath(editor, element);\n    if (!path) {\n        return 0;\n    }\n\n    const nodeAncestors = getNodeAncestors(editor, path);\n    return Array.from(nodeAncestors).filter((node) => node[0].type === ELEMENT_LI).length;\n};\n\nexport const getOrderedListClasses = (nestingLevel: number) =>\n    `tw-list-none tw-pl-[10px] tw-mb-[10px] tw-ml-[15px] [&>li>p]:before:tw-whitespace-nowrap [&>li>p]:before:tw-pr-1 [&>li>p]:before:tw-tabular-nums ${\n        LIST_TYPES[nestingLevel % 3]\n    }`;\nexport const OL_STYLES = { counterReset: 'count' };\n\nexport const OrderedListMarkupElementNode: (props: PlateRenderLeafProps & { element: TElement }) => JSX.Element = ({\n    attributes,\n    children,\n    element,\n}) => {\n    const editor = useEditorRef();\n    const nestingLevel = getNestingLevel(editor, element);\n\n    return (\n        <ol className={getOrderedListClasses(nestingLevel)} {...attributes} style={OL_STYLES}>\n            {children}\n        </ol>\n    );\n};\n\nexport class OrderedListMarkupElement extends MarkupElement {\n    constructor(\n        id = ELEMENT_OL,\n        node: (props: PlateRenderLeafProps & { element: TElement }) => JSX.Element = OrderedListMarkupElementNode,\n    ) {\n        super(id, node);\n    }\n}\n"],"names":["LIST_TYPES","getNestingLevel","editor","element","path","findNodePath","nodeAncestors","getNodeAncestors","node","ELEMENT_LI","getOrderedListClasses","nestingLevel","OL_STYLES","OrderedListMarkupElementNode","attributes","children","useEditorRef","jsx","OrderedListMarkupElement","MarkupElement","id","ELEMENT_OL"],"mappings":";;;;;;AASA,MAAMA,IAAa;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,IAAkB,CAACC,GAAqBC,MAAsB;AAC1D,QAAAC,IAAOC,EAAaH,GAAQC,CAAO;AACzC,MAAI,CAACC;AACM,WAAA;AAGL,QAAAE,IAAgBC,EAAiBL,GAAQE,CAAI;AACnD,SAAO,MAAM,KAAKE,CAAa,EAAE,OAAO,CAACE,MAASA,EAAK,CAAC,EAAE,SAASC,CAAU,EAAE;AACnF,GAEaC,IAAwB,CAACC,MAClC,oJACIX,EAAWW,IAAe,CAAC,CAC/B,IACSC,IAAY,EAAE,cAAc,QAAQ,GAEpCC,IAAqG,CAAC;AAAA,EAC/G,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAZ;AACJ,MAAM;AACF,QAAMD,IAASc,KACTL,IAAeV,EAAgBC,GAAQC,CAAO;AAGhD,SAAA,gBAAAc,EAAC,MAAG,EAAA,WAAWP,EAAsBC,CAAY,GAAI,GAAGG,GAAY,OAAOF,GACtE,UAAAG,EACL,CAAA;AAER;AAEO,MAAMG,UAAiCC,EAAc;AAAA,EACxD,YACIC,IAAKC,GACLb,IAA6EK,GAC/E;AACE,UAAMO,GAAIZ,CAAI;AAAA,EAClB;AACJ;"}

package/dist/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/UnorderedListMarkupElement.es.js

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import { ELEMENT_UL as p } from "@udecode/plate-list";
 import { MarkupElement as n } from "../../MarkupElement.es.js";
-const s = "[&>li>p]:before:tw-content-['•'] [&>li>p]:before:tw-px-2 tw-list-none tw-pl-[10px] tw-mb-[10px] tw-ml-[15px]", m = ({ attributes: e, children: t }) => /* @__PURE__ */ o("ul", { className: s, ...e, children: t });
-class x extends n {
-  constructor(t = p, r = m) {
-    super(t, r);
+const s = "[&>li>p]:before:tw-content-['•'] [&>li>p]:before:tw-whitespace-nowrap [&>li>p]:before:tw-px-2 tw-list-none tw-pl-[10px] tw-mb-[10px] tw-ml-[15px]", l = ({ attributes: t, children: e }) => /* @__PURE__ */ o("ul", { className: s, ...t, children: e });
+class a extends n {
+  constructor(e = p, r = l) {
+    super(e, r);
   }
 }
 export {
   s as UL_CLASSES,
-  x as UnorderedListMarkupElement,
-  m as UnorderedListMarkupElementNode
+  a as UnorderedListMarkupElement,
+  l as UnorderedListMarkupElementNode
 };
 //# sourceMappingURL=UnorderedListMarkupElement.es.js.map

package/dist/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/UnorderedListMarkupElement.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnorderedListMarkupElement.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/UnorderedListMarkupElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderLeafProps } from '@udecode/plate-core';\nimport { ELEMENT_UL } from '@udecode/plate-list';\n\nimport { MarkupElement } from '../../MarkupElement';\n\nexport const UL_CLASSES =\n    \"[&>li>p]:before:tw-content-['•'] [&>li>p]:before:tw-px-2 tw-list-none tw-pl-[10px] tw-mb-[10px] tw-ml-[15px]\";\n\nexport const UnorderedListMarkupElementNode = ({ attributes, children }: PlateRenderLeafProps) => (\n    <ul className={UL_CLASSES} {...attributes}>\n        {children}\n    </ul>\n);\n\nexport class UnorderedListMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_UL, node: (props: PlateRenderLeafProps) => JSX.Element = UnorderedListMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["UL_CLASSES","UnorderedListMarkupElementNode","attributes","children","jsx","UnorderedListMarkupElement","MarkupElement","id","ELEMENT_UL","node"],"mappings":";;;AAOO,MAAMA,IACT,gHAESC,IAAiC,CAAC,EAAE,YAAAC,GAAY,UAAAC,EAAS,MACjE,gBAAAC,EAAA,MAAA,EAAG,WAAWJ,GAAa,GAAGE,GAC1B,UAAAC,EACL,CAAA;AAGG,MAAME,UAAmCC,EAAc;AAAA,EAC1D,YAAYC,IAAKC,GAAYC,IAAqDR,GAAgC;AAC9G,UAAMM,GAAIE,CAAI;AAAA,EAClB;AACJ;"}
+{"version":3,"file":"UnorderedListMarkupElement.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/UnorderedListMarkupElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderLeafProps } from '@udecode/plate-core';\nimport { ELEMENT_UL } from '@udecode/plate-list';\n\nimport { MarkupElement } from '../../MarkupElement';\n\nexport const UL_CLASSES =\n    \"[&>li>p]:before:tw-content-['•'] [&>li>p]:before:tw-whitespace-nowrap [&>li>p]:before:tw-px-2 tw-list-none tw-pl-[10px] tw-mb-[10px] tw-ml-[15px]\";\n\nexport const UnorderedListMarkupElementNode = ({ attributes, children }: PlateRenderLeafProps) => (\n    <ul className={UL_CLASSES} {...attributes}>\n        {children}\n    </ul>\n);\n\nexport class UnorderedListMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_UL, node: (props: PlateRenderLeafProps) => JSX.Element = UnorderedListMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["UL_CLASSES","UnorderedListMarkupElementNode","attributes","children","jsx","UnorderedListMarkupElement","MarkupElement","id","ELEMENT_UL","node"],"mappings":";;;AAOO,MAAMA,IACT,qJAESC,IAAiC,CAAC,EAAE,YAAAC,GAAY,UAAAC,EAAS,MACjE,gBAAAC,EAAA,MAAA,EAAG,WAAWJ,GAAa,GAAGE,GAC1B,UAAAC,EACL,CAAA;AAGG,MAAME,UAAmCC,EAAc;AAAA,EAC1D,YAAYC,IAAKC,GAAYC,IAAqDR,GAAgC;AAC9G,UAAMM,GAAIE,CAAI;AAAA,EAClB;AACJ;"}