@orbe-agro/client-core 5.3.86 → 5.3.90

package/dist/@ecme/components/shared/RegionMap.js

@@ -1,6 +1,6 @@
-import { jsx as t, jsxs as f, Fragment as x } from "react/jsx-runtime";
-import { useState as h, useEffect as y } from "react";
-import { ComposableMap as k, Geographies as C, Geography as M, Marker as b } from "react-simple-maps";
+import { jsx as t, jsxs as f, Fragment as v } from "react/jsx-runtime";
+import { useState as h, useEffect as x } from "react";
+import { ComposableMap as y, Geographies as C, Geography as M, Marker as b } from "react-simple-maps";
 import j from "../../utils/classNames.js";
 import { PatternCircles as m } from "@visx/pattern";
 import { Tooltip as N } from "react-tooltip";
@@ -24,10 +24,10 @@ const u = "/maps/world-countries-sans-antarctica.json", S = (r, e, a = "", i = "
     marker: l,
     hoverable: d = !0
   } = r, [c, g] = h(null);
-  return y(() => {
+  return x(() => {
     fetch(i ?? u).then((s) => s.json()).then((s) => g(s)).catch((s) => console.error("Erro ao carregar mapa:", s));
   }, [i]), c ? /* @__PURE__ */ f(
-    k,
+    y,
     {
       style: { transform: "translateY(20px)" },
       "data-tip": "",
@@ -57,7 +57,7 @@ const u = "/maps/world-countries-sans-antarctica.json", S = (r, e, a = "", i = "
           }
         ),
         /* @__PURE__ */ t(C, { geography: c, children: ({ geographies: s }) => s.map((p) => {
-          const v = p.properties.name;
+          const k = p.properties.name;
           return /* @__PURE__ */ t(
             M,
             {
@@ -73,7 +73,7 @@ const u = "/maps/world-countries-sans-antarctica.json", S = (r, e, a = "", i = "
               onMouseEnter: () => {
                 e(
                   S(
-                    v,
+                    k,
                     a,
                     o,
                     n
@@ -87,13 +87,13 @@ const u = "/maps/world-countries-sans-antarctica.json", S = (r, e, a = "", i = "
             p.rsmKey
           );
         }) }),
-        l == null ? void 0 : l(b)
+        l?.(b)
       ]
     }
   ) : /* @__PURE__ */ t("div", { children: "Carregando mapa..." });
 }, w = (r) => {
   const [e, a] = h("");
-  return /* @__PURE__ */ f(x, { children: [
+  return /* @__PURE__ */ f(v, { children: [
     /* @__PURE__ */ t($, { ...r, setTooltipContent: a }),
     /* @__PURE__ */ t(N, { children: e })
   ] });

package/dist/@ecme/components/shared/RegionMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegionMap.js","sources":["../../../../lib/@ecme/components/shared/RegionMap.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport {\n    ComposableMap,\n    Geographies,\n    Geography,\n    Marker,\n} from 'react-simple-maps'\nimport classNames from '@/utils/classNames'\nimport { PatternCircles } from '@visx/pattern'\nimport { Tooltip as ReactTooltip } from 'react-tooltip'\n\nimport type { Dispatch, ReactNode, SetStateAction } from 'react'\n\ntype MarkerCallback = (markerComponet: typeof Marker) => ReactNode\n\ntype MapDataProp = {\n    name: string\n    value?: string | number\n    color?: string\n}[]\n\ntype RegionMapProps = {\n    data: MapDataProp\n    mapSource?: string\n    valueSuffix?: string\n    valuePrefix?: string\n    marker?: MarkerCallback\n    hoverable?: boolean\n}\n\ntype MapProps = Omit<RegionMapProps, 'valueSuffix' | 'valuePrefix'> & {\n    prefix?: string\n    suffix?: string\n}\n\ntype MapChartProps = MapProps & {\n    setTooltipContent: Dispatch<SetStateAction<string>>\n}\n\nconst defaultMapUrl = '/maps/world-countries-sans-antarctica.json'\n\nconst getRegionValue = (\n    name: unknown,\n    data: MapDataProp,\n    suffix = '',\n    prefix = '',\n) => {\n    if (data.length > 0 || name) {\n        for (let i = 0; i < data.length; i++) {\n            const elm = data[i]\n            if (name === elm.name) {\n                return `${elm.name} - ${prefix ?? ''}${elm.value}${suffix ?? ''}`\n            }\n        }\n        return ''\n    }\n    return ''\n}\n\nconst MapChart = (props: MapChartProps) => {\n    const {\n        setTooltipContent,\n        data,\n        mapSource,\n        suffix,\n        prefix,\n        marker,\n        hoverable = true,\n    } = props\n\n    const [geoData, setGeoData] = useState<any>(null)\n\n    useEffect(() => {\n        fetch(mapSource ?? defaultMapUrl)\n            .then((res) => res.json())\n            .then((data) => setGeoData(data))\n            .catch((err) => console.error('Erro ao carregar mapa:', err))\n    }, [mapSource])\n\n    if (!geoData) {\n        return <div>Carregando mapa...</div>\n    }\n\n    return (\n        <ComposableMap\n            style={{ transform: 'translateY(20px)' }}\n            data-tip=\"\"\n            height={450}\n            projectionConfig={{ scale: 170 }}\n        >\n            <PatternCircles\n                id=\"map-dots\"\n                height={6}\n                width={6}\n                className=\"fill-gray-300 dark:fill-gray-500 \"\n                strokeWidth={1}\n                background=\"transparent\"\n            />\n            <PatternCircles\n                id=\"map-dots-hover\"\n                height={6}\n                width={6}\n                className=\"fill-gray-400 dark:fill-gray-300 \"\n                strokeWidth={1}\n                background=\"transparent\"\n            />\n            <Geographies geography={geoData}>\n                {({ geographies }) =>\n                    geographies.map((geo) => {\n                        const geoName = geo.properties.name\n                        return (\n                            <Geography\n                                key={geo.rsmKey}\n                                geography={geo}\n                                strokeWidth={2}\n                                className={classNames('stroke-transparent')}\n                                fill=\"url('#map-dots')\"\n                                style={\n                                    hoverable\n                                        ? {\n                                              hover: {\n                                                  fill: \"url('#map-dots-hover')\",\n                                              },\n                                          }\n                                        : {}\n                                }\n                                onMouseEnter={() => {\n                                    setTooltipContent(\n                                        getRegionValue(\n                                            geoName,\n                                            data,\n                                            suffix,\n                                            prefix,\n                                        ),\n                                    )\n                                }}\n                                onMouseLeave={() => {\n                                    setTooltipContent('')\n                                }}\n                            />\n                        )\n                    })\n                }\n            </Geographies>\n            {marker?.(Marker)}\n        </ComposableMap>\n    )\n}\n\nconst Map = (props: MapProps) => {\n    const [content, setContent] = useState('')\n    return (\n        <>\n            <MapChart {...props} setTooltipContent={setContent} />\n            <ReactTooltip>{content}</ReactTooltip>\n        </>\n    )\n}\n\nconst RegionMap = (props: RegionMapProps) => {\n    const {\n        data = [],\n        mapSource = defaultMapUrl,\n        valueSuffix,\n        valuePrefix,\n        marker,\n        hoverable,\n    } = props\n\n    return (\n        <Map\n            data={data}\n            mapSource={mapSource}\n            prefix={valuePrefix}\n            suffix={valueSuffix}\n            marker={marker}\n            hoverable={hoverable}\n        />\n    )\n}\n\nexport default RegionMap\n"],"names":["defaultMapUrl","getRegionValue","name","data","suffix","prefix","i","elm","MapChart","props","setTooltipContent","mapSource","marker","hoverable","geoData","setGeoData","useState","useEffect","res","err","jsxs","ComposableMap","jsx","PatternCircles","Geographies","geographies","geo","geoName","Geography","classNames","Marker","Map","content","setContent","Fragment","ReactTooltip","RegionMap","valueSuffix","valuePrefix"],"mappings":"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"}
+{"version":3,"file":"RegionMap.js","sources":["../../../../lib/@ecme/components/shared/RegionMap.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport {\n    ComposableMap,\n    Geographies,\n    Geography,\n    Marker,\n} from 'react-simple-maps'\nimport classNames from '@/utils/classNames'\nimport { PatternCircles } from '@visx/pattern'\nimport { Tooltip as ReactTooltip } from 'react-tooltip'\n\nimport type { Dispatch, ReactNode, SetStateAction } from 'react'\n\ntype MarkerCallback = (markerComponet: typeof Marker) => ReactNode\n\ntype MapDataProp = {\n    name: string\n    value?: string | number\n    color?: string\n}[]\n\ntype RegionMapProps = {\n    data: MapDataProp\n    mapSource?: string\n    valueSuffix?: string\n    valuePrefix?: string\n    marker?: MarkerCallback\n    hoverable?: boolean\n}\n\ntype MapProps = Omit<RegionMapProps, 'valueSuffix' | 'valuePrefix'> & {\n    prefix?: string\n    suffix?: string\n}\n\ntype MapChartProps = MapProps & {\n    setTooltipContent: Dispatch<SetStateAction<string>>\n}\n\nconst defaultMapUrl = '/maps/world-countries-sans-antarctica.json'\n\nconst getRegionValue = (\n    name: unknown,\n    data: MapDataProp,\n    suffix = '',\n    prefix = '',\n) => {\n    if (data.length > 0 || name) {\n        for (let i = 0; i < data.length; i++) {\n            const elm = data[i]\n            if (name === elm.name) {\n                return `${elm.name} - ${prefix ?? ''}${elm.value}${suffix ?? ''}`\n            }\n        }\n        return ''\n    }\n    return ''\n}\n\nconst MapChart = (props: MapChartProps) => {\n    const {\n        setTooltipContent,\n        data,\n        mapSource,\n        suffix,\n        prefix,\n        marker,\n        hoverable = true,\n    } = props\n\n    const [geoData, setGeoData] = useState<any>(null)\n\n    useEffect(() => {\n        fetch(mapSource ?? defaultMapUrl)\n            .then((res) => res.json())\n            .then((data) => setGeoData(data))\n            .catch((err) => console.error('Erro ao carregar mapa:', err))\n    }, [mapSource])\n\n    if (!geoData) {\n        return <div>Carregando mapa...</div>\n    }\n\n    return (\n        <ComposableMap\n            style={{ transform: 'translateY(20px)' }}\n            data-tip=\"\"\n            height={450}\n            projectionConfig={{ scale: 170 }}\n        >\n            <PatternCircles\n                id=\"map-dots\"\n                height={6}\n                width={6}\n                className=\"fill-gray-300 dark:fill-gray-500 \"\n                strokeWidth={1}\n                background=\"transparent\"\n            />\n            <PatternCircles\n                id=\"map-dots-hover\"\n                height={6}\n                width={6}\n                className=\"fill-gray-400 dark:fill-gray-300 \"\n                strokeWidth={1}\n                background=\"transparent\"\n            />\n            <Geographies geography={geoData}>\n                {({ geographies }) =>\n                    geographies.map((geo) => {\n                        const geoName = geo.properties.name\n                        return (\n                            <Geography\n                                key={geo.rsmKey}\n                                geography={geo}\n                                strokeWidth={2}\n                                className={classNames('stroke-transparent')}\n                                fill=\"url('#map-dots')\"\n                                style={\n                                    hoverable\n                                        ? {\n                                              hover: {\n                                                  fill: \"url('#map-dots-hover')\",\n                                              },\n                                          }\n                                        : {}\n                                }\n                                onMouseEnter={() => {\n                                    setTooltipContent(\n                                        getRegionValue(\n                                            geoName,\n                                            data,\n                                            suffix,\n                                            prefix,\n                                        ),\n                                    )\n                                }}\n                                onMouseLeave={() => {\n                                    setTooltipContent('')\n                                }}\n                            />\n                        )\n                    })\n                }\n            </Geographies>\n            {marker?.(Marker)}\n        </ComposableMap>\n    )\n}\n\nconst Map = (props: MapProps) => {\n    const [content, setContent] = useState('')\n    return (\n        <>\n            <MapChart {...props} setTooltipContent={setContent} />\n            <ReactTooltip>{content}</ReactTooltip>\n        </>\n    )\n}\n\nconst RegionMap = (props: RegionMapProps) => {\n    const {\n        data = [],\n        mapSource = defaultMapUrl,\n        valueSuffix,\n        valuePrefix,\n        marker,\n        hoverable,\n    } = props\n\n    return (\n        <Map\n            data={data}\n            mapSource={mapSource}\n            prefix={valuePrefix}\n            suffix={valueSuffix}\n            marker={marker}\n            hoverable={hoverable}\n        />\n    )\n}\n\nexport default RegionMap\n"],"names":["defaultMapUrl","getRegionValue","name","data","suffix","prefix","i","elm","MapChart","props","setTooltipContent","mapSource","marker","hoverable","geoData","setGeoData","useState","useEffect","res","err","jsxs","ComposableMap","jsx","PatternCircles","Geographies","geographies","geo","geoName","Geography","classNames","Marker","Map","content","setContent","Fragment","ReactTooltip","RegionMap","valueSuffix","valuePrefix"],"mappings":"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"}

package/dist/@ecme/components/shared/RichTextEditor/RichTextEditor.js

@@ -1,31 +1,31 @@
-import { jsxs as n, jsx as r, Fragment as L } from "react/jsx-runtime";
-import s from "../../../utils/classNames.js";
-import a from "./toolButtons/ToolButtonBold.js";
-import d from "./toolButtons/ToolButtonItalic.js";
-import u from "./toolButtons/ToolButtonStrike.js";
-import p from "./toolButtons/ToolButtonCode.js";
-import f from "./toolButtons/ToolButtonOrderedList.js";
-import c from "./toolButtons/ToolButtonCodeBlock.js";
-import g from "./toolButtons/ToolButtonBlockquote.js";
-import B from "./toolButtons/ToolButtonHorizontalRule.js";
-import x from "./toolButtons/ToolButtonHeading.js";
+import { jsxs as l, jsx as r, Fragment as L } from "react/jsx-runtime";
+import m from "../../../utils/classNames.js";
+import s from "./toolButtons/ToolButtonBold.js";
+import a from "./toolButtons/ToolButtonItalic.js";
+import d from "./toolButtons/ToolButtonStrike.js";
+import u from "./toolButtons/ToolButtonCode.js";
+import p from "./toolButtons/ToolButtonOrderedList.js";
+import g from "./toolButtons/ToolButtonCodeBlock.js";
+import f from "./toolButtons/ToolButtonBlockquote.js";
+import c from "./toolButtons/ToolButtonHorizontalRule.js";
+import B from "./toolButtons/ToolButtonHeading.js";
 import N from "./toolButtons/ToolButtonParagraph.js";
 import v from "./toolButtons/ToolButtonUndo.js";
 import E from "./toolButtons/ToolButtonRedo.js";
-import T from "./toolButtons/ToolButtonBulletList.js";
+import x from "./toolButtons/ToolButtonBulletList.js";
 import { useEditor as j, EditorContent as F } from "@tiptap/react";
 import H from "@tiptap/starter-kit";
-const V = (b) => {
+const V = (T) => {
   const {
-    content: k = "",
-    customToolBar: i,
-    invalid: l,
-    onChange: t,
+    content: b = "",
+    customToolBar: e,
+    invalid: i,
+    onChange: k,
     editorContentClass: y,
-    customEditor: m,
+    customEditor: n,
     ref: h,
     ...C
-  } = b, o = m || j({
+  } = T, o = n || j({
     extensions: [
       H.configure({
         bulletList: {
@@ -41,56 +41,56 @@ const V = (b) => {
         class: "m-2 focus:outline-none"
       }
     },
-    content: k,
-    onUpdate({ editor: e }) {
-      t == null || t({
-        text: e.getText(),
-        html: e.getHTML(),
-        json: e.getJSON()
+    content: b,
+    onUpdate({ editor: t }) {
+      k?.({
+        text: t.getText(),
+        html: t.getHTML(),
+        json: t.getJSON()
       });
     }
   });
-  return o ? /* @__PURE__ */ n(
+  return o ? /* @__PURE__ */ l(
     "div",
     {
-      className: s(
+      className: m(
         "rich-text-editor rounded-xl ring-1 ring-gray-200 dark:ring-gray-600 border border-gray-200 dark:border-gray-600 bg-gray-100 dark:bg-gray-700 pt-3",
         o.isFocused && "ring-primary border-primary",
-        l && "bg-error-subtle",
-        o.isFocused && l && "bg-error-subtle ring-error border-error"
+        i && "bg-error-subtle",
+        o.isFocused && i && "bg-error-subtle ring-error border-error"
       ),
       children: [
-        /* @__PURE__ */ r("div", { className: "flex gap-x-1 gap-y-2 px-2", children: i ? i(o, {
-          ToolButtonBold: a,
-          ToolButtonItalic: d,
-          ToolButtonStrike: u,
-          ToolButtonCode: p,
-          ToolButtonBlockquote: g,
-          ToolButtonHeading: x,
-          ToolButtonBulletList: T,
-          ToolButtonOrderedList: f,
-          ToolButtonCodeBlock: c,
-          ToolButtonHorizontalRule: B,
+        /* @__PURE__ */ r("div", { className: "flex gap-x-1 gap-y-2 px-2", children: e ? e(o, {
+          ToolButtonBold: s,
+          ToolButtonItalic: a,
+          ToolButtonStrike: d,
+          ToolButtonCode: u,
+          ToolButtonBlockquote: f,
+          ToolButtonHeading: B,
+          ToolButtonBulletList: x,
+          ToolButtonOrderedList: p,
+          ToolButtonCodeBlock: g,
+          ToolButtonHorizontalRule: c,
           ToolButtonParagraph: N,
           ToolButtonUndo: v,
           ToolButtonRedo: E
-        }) : /* @__PURE__ */ n(L, { children: [
+        }) : /* @__PURE__ */ l(L, { children: [
+          /* @__PURE__ */ r(s, { editor: o }),
           /* @__PURE__ */ r(a, { editor: o }),
           /* @__PURE__ */ r(d, { editor: o }),
           /* @__PURE__ */ r(u, { editor: o }),
+          /* @__PURE__ */ r(f, { editor: o }),
+          /* @__PURE__ */ r(B, { editor: o }),
+          /* @__PURE__ */ r(x, { editor: o }),
           /* @__PURE__ */ r(p, { editor: o }),
           /* @__PURE__ */ r(g, { editor: o }),
-          /* @__PURE__ */ r(x, { editor: o }),
-          /* @__PURE__ */ r(T, { editor: o }),
-          /* @__PURE__ */ r(f, { editor: o }),
-          /* @__PURE__ */ r(c, { editor: o }),
-          /* @__PURE__ */ r(B, { editor: o })
+          /* @__PURE__ */ r(c, { editor: o })
         ] }) }),
         /* @__PURE__ */ r(
           F,
           {
             ref: h,
-            className: s(
+            className: m(
               "max-h-[600px] overflow-auto px-2 prose prose-p:text-sm prose-p:dark:text-gray-400 max-w-full",
               y
             ),

package/dist/@ecme/components/shared/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.js","sources":["../../../../../lib/@ecme/components/shared/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport ToolButtonBold from './toolButtons/ToolButtonBold'\nimport ToolButtonItalic from './toolButtons/ToolButtonItalic'\nimport ToolButtonStrike from './toolButtons/ToolButtonStrike'\nimport ToolButtonCode from './toolButtons/ToolButtonCode'\nimport ToolButtonOrderedList from './toolButtons/ToolButtonOrderedList'\nimport ToolButtonCodeBlock from './toolButtons/ToolButtonCodeBlock'\nimport ToolButtonBlockquote from './toolButtons/ToolButtonBlockquote'\nimport ToolButtonHorizontalRule from './toolButtons/ToolButtonHorizontalRule'\nimport ToolButtonHeading from './toolButtons/ToolButtonHeading'\nimport ToolButtonParagraph from './toolButtons/ToolButtonParagraph'\nimport ToolButtonUndo from './toolButtons/ToolButtonUndo'\nimport ToolButtonRedo from './toolButtons/ToolButtonRedo'\nimport ToolButtonBulletList from './toolButtons/ToolButtonBulletList'\nimport { EditorContent, useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { Editor, EditorContentProps, JSONContent } from '@tiptap/react'\nimport type { ReactNode, JSX, Ref } from 'react'\nimport type { BaseToolButtonProps, HeadingLevel } from './toolButtons/types'\n\nexport type RichTextEditorRef = HTMLDivElement\n\ntype RichTextEditorProps = {\n    content?: string\n    invalid?: boolean\n    customToolBar?: (\n        editor: Editor,\n        components: {\n            ToolButtonBold: ({ editor }: BaseToolButtonProps) => JSX.Element\n            ToolButtonItalic: ({ editor }: BaseToolButtonProps) => JSX.Element\n            ToolButtonStrike: ({ editor }: BaseToolButtonProps) => JSX.Element\n            ToolButtonCode: ({ editor }: BaseToolButtonProps) => JSX.Element\n            ToolButtonBlockquote: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonHeading: ({\n                editor,\n            }: BaseToolButtonProps & {\n                headingLevel?: HeadingLevel[]\n            }) => JSX.Element\n            ToolButtonBulletList: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonOrderedList: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonCodeBlock: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonHorizontalRule: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonParagraph: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonUndo: ({ editor }: BaseToolButtonProps) => JSX.Element\n            ToolButtonRedo: ({ editor }: BaseToolButtonProps) => JSX.Element\n        },\n    ) => ReactNode\n    onChange?: (content: {\n        text: string\n        html: string\n        json: JSONContent\n    }) => void\n    editorContentClass?: string\n    customEditor?: Editor | null\n    ref?: Ref<RichTextEditorRef>\n} & Omit<EditorContentProps, 'editor' | 'ref' | 'onChange'>\n\nconst RichTextEditor = (props: RichTextEditorProps) => {\n    const {\n        content = '',\n        customToolBar,\n        invalid,\n        onChange,\n        editorContentClass,\n        customEditor,\n        ref,\n        ...rest\n    } = props\n\n    const editor = customEditor\n        ? customEditor\n        : useEditor({\n              extensions: [\n                  StarterKit.configure({\n                      bulletList: {\n                          keepMarks: true,\n                      },\n                      orderedList: {\n                          keepMarks: true,\n                      },\n                  }),\n              ],\n              editorProps: {\n                  attributes: {\n                      class: 'm-2 focus:outline-none',\n                  },\n              },\n              content,\n              onUpdate({ editor }) {\n                  onChange?.({\n                      text: editor.getText(),\n                      html: editor.getHTML(),\n                      json: editor.getJSON(),\n                  })\n              },\n          })\n\n    if (!editor) return null\n\n    return (\n        <div\n            className={classNames(\n                'rich-text-editor rounded-xl ring-1 ring-gray-200 dark:ring-gray-600 border border-gray-200 dark:border-gray-600 bg-gray-100 dark:bg-gray-700 pt-3',\n                editor.isFocused && 'ring-primary border-primary',\n                invalid && 'bg-error-subtle',\n                editor.isFocused &&\n                    invalid &&\n                    'bg-error-subtle ring-error border-error',\n            )}\n        >\n            <div className=\"flex gap-x-1 gap-y-2 px-2\">\n                {customToolBar ? (\n                    customToolBar(editor, {\n                        ToolButtonBold,\n                        ToolButtonItalic,\n                        ToolButtonStrike,\n                        ToolButtonCode,\n                        ToolButtonBlockquote,\n                        ToolButtonHeading,\n                        ToolButtonBulletList,\n                        ToolButtonOrderedList,\n                        ToolButtonCodeBlock,\n                        ToolButtonHorizontalRule,\n                        ToolButtonParagraph,\n                        ToolButtonUndo,\n                        ToolButtonRedo,\n                    })\n                ) : (\n                    <>\n                        <ToolButtonBold editor={editor} />\n                        <ToolButtonItalic editor={editor} />\n                        <ToolButtonStrike editor={editor} />\n                        <ToolButtonCode editor={editor} />\n                        <ToolButtonBlockquote editor={editor} />\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonBulletList editor={editor} />\n                        <ToolButtonOrderedList editor={editor} />\n                        <ToolButtonCodeBlock editor={editor} />\n                        <ToolButtonHorizontalRule editor={editor} />\n                    </>\n                )}\n            </div>\n\n            <EditorContent\n                ref={ref}\n                className={classNames(\n                    'max-h-[600px] overflow-auto px-2 prose prose-p:text-sm prose-p:dark:text-gray-400 max-w-full',\n                    editorContentClass,\n                )}\n                editor={editor}\n                {...rest}\n            />\n        </div>\n    )\n}\n\nexport default RichTextEditor\n"],"names":["RichTextEditor","props","content","customToolBar","invalid","onChange","editorContentClass","customEditor","ref","rest","editor","useEditor","StarterKit","jsxs","classNames","jsx","ToolButtonBold","ToolButtonItalic","ToolButtonStrike","ToolButtonCode","ToolButtonBlockquote","ToolButtonHeading","ToolButtonBulletList","ToolButtonOrderedList","ToolButtonCodeBlock","ToolButtonHorizontalRule","ToolButtonParagraph","ToolButtonUndo","ToolButtonRedo","Fragment","EditorContent"],"mappings":";;;;;;;;;;;;;;;;;AAqEA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM;AAAA,IACF,SAAAC,IAAU;AAAA,IACV,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAEES,IAASH,KAETI,EAAU;AAAA,IACN,YAAY;AAAA,MACRC,EAAW,UAAU;AAAA,QACjB,YAAY;AAAA,UACR,WAAW;AAAA,QAAA;AAAA,QAEf,aAAa;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACf,CACH;AAAA,IAAA;AAAA,IAEL,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,SAAAV;AAAA,IACA,SAAS,EAAE,QAAAQ,KAAU;AACjB,MAAAL,KAAA,QAAAA,EAAW;AAAA,QACP,MAAMK,EAAO,QAAA;AAAA,QACb,MAAMA,EAAO,QAAA;AAAA,QACb,MAAMA,EAAO,QAAA;AAAA,MAAQ;AAAA,IAE7B;AAAA,EAAA,CACH;AAEP,SAAKA,IAGD,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAJ,EAAO,aAAa;AAAA,QACpBN,KAAW;AAAA,QACXM,EAAO,aACHN,KACA;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,6BACV,UAAAZ,IACGA,EAAcO,GAAQ;AAAA,UAClB,gBAAAM;AAAA,UACA,kBAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,gBAAAC;AAAA,UACA,sBAAAC;AAAA,UAAA,mBACAC;AAAAA,UACA,sBAAAC;AAAA,UACA,uBAAAC;AAAA,UACA,qBAAAC;AAAA,UACA,0BAAAC;AAAA,UACA,qBAAAC;AAAA,UACA,gBAAAC;AAAA,UACA,gBAAAC;AAAA,QAAA,CACH,IAED,gBAAAf,EAAAgB,GAAA,EACI,UAAA;AAAA,UAAA,gBAAAd,EAACC,KAAe,QAAAN,GAAgB;AAAA,UAChC,gBAAAK,EAACE,KAAiB,QAAAP,GAAgB;AAAA,UAClC,gBAAAK,EAACG,KAAiB,QAAAR,GAAgB;AAAA,UAClC,gBAAAK,EAACI,KAAe,QAAAT,GAAgB;AAAA,UAChC,gBAAAK,EAACK,KAAqB,QAAAV,GAAgB;AAAA,UACtC,gBAAAK,EAACM,KAAkB,QAAAX,GAAgB;AAAA,UACnC,gBAAAK,EAACO,KAAqB,QAAAZ,GAAgB;AAAA,UACtC,gBAAAK,EAACQ,KAAsB,QAAAb,GAAgB;AAAA,UACvC,gBAAAK,EAACS,KAAoB,QAAAd,GAAgB;AAAA,UACrC,gBAAAK,EAACU,KAAyB,QAAAf,EAAA,CAAgB;AAAA,QAAA,EAAA,CAC9C,EAAA,CAER;AAAA,QAEA,gBAAAK;AAAA,UAACe;AAAA,UAAA;AAAA,YACG,KAAAtB;AAAA,YACA,WAAWM;AAAA,cACP;AAAA,cACAR;AAAA,YAAA;AAAA,YAEJ,QAAAI;AAAA,YACC,GAAGD;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EAAA,IAtDY;AAyDxB;"}
+{"version":3,"file":"RichTextEditor.js","sources":["../../../../../lib/@ecme/components/shared/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport ToolButtonBold from './toolButtons/ToolButtonBold'\nimport ToolButtonItalic from './toolButtons/ToolButtonItalic'\nimport ToolButtonStrike from './toolButtons/ToolButtonStrike'\nimport ToolButtonCode from './toolButtons/ToolButtonCode'\nimport ToolButtonOrderedList from './toolButtons/ToolButtonOrderedList'\nimport ToolButtonCodeBlock from './toolButtons/ToolButtonCodeBlock'\nimport ToolButtonBlockquote from './toolButtons/ToolButtonBlockquote'\nimport ToolButtonHorizontalRule from './toolButtons/ToolButtonHorizontalRule'\nimport ToolButtonHeading from './toolButtons/ToolButtonHeading'\nimport ToolButtonParagraph from './toolButtons/ToolButtonParagraph'\nimport ToolButtonUndo from './toolButtons/ToolButtonUndo'\nimport ToolButtonRedo from './toolButtons/ToolButtonRedo'\nimport ToolButtonBulletList from './toolButtons/ToolButtonBulletList'\nimport { EditorContent, useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport type { Editor, EditorContentProps, JSONContent } from '@tiptap/react'\nimport type { ReactNode, JSX, Ref } from 'react'\nimport type { BaseToolButtonProps, HeadingLevel } from './toolButtons/types'\n\nexport type RichTextEditorRef = HTMLDivElement\n\ntype RichTextEditorProps = {\n    content?: string\n    invalid?: boolean\n    customToolBar?: (\n        editor: Editor,\n        components: {\n            ToolButtonBold: ({ editor }: BaseToolButtonProps) => JSX.Element\n            ToolButtonItalic: ({ editor }: BaseToolButtonProps) => JSX.Element\n            ToolButtonStrike: ({ editor }: BaseToolButtonProps) => JSX.Element\n            ToolButtonCode: ({ editor }: BaseToolButtonProps) => JSX.Element\n            ToolButtonBlockquote: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonHeading: ({\n                editor,\n            }: BaseToolButtonProps & {\n                headingLevel?: HeadingLevel[]\n            }) => JSX.Element\n            ToolButtonBulletList: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonOrderedList: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonCodeBlock: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonHorizontalRule: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonParagraph: ({\n                editor,\n            }: BaseToolButtonProps) => JSX.Element\n            ToolButtonUndo: ({ editor }: BaseToolButtonProps) => JSX.Element\n            ToolButtonRedo: ({ editor }: BaseToolButtonProps) => JSX.Element\n        },\n    ) => ReactNode\n    onChange?: (content: {\n        text: string\n        html: string\n        json: JSONContent\n    }) => void\n    editorContentClass?: string\n    customEditor?: Editor | null\n    ref?: Ref<RichTextEditorRef>\n} & Omit<EditorContentProps, 'editor' | 'ref' | 'onChange'>\n\nconst RichTextEditor = (props: RichTextEditorProps) => {\n    const {\n        content = '',\n        customToolBar,\n        invalid,\n        onChange,\n        editorContentClass,\n        customEditor,\n        ref,\n        ...rest\n    } = props\n\n    const editor = customEditor\n        ? customEditor\n        : useEditor({\n              extensions: [\n                  StarterKit.configure({\n                      bulletList: {\n                          keepMarks: true,\n                      },\n                      orderedList: {\n                          keepMarks: true,\n                      },\n                  }),\n              ],\n              editorProps: {\n                  attributes: {\n                      class: 'm-2 focus:outline-none',\n                  },\n              },\n              content,\n              onUpdate({ editor }) {\n                  onChange?.({\n                      text: editor.getText(),\n                      html: editor.getHTML(),\n                      json: editor.getJSON(),\n                  })\n              },\n          })\n\n    if (!editor) return null\n\n    return (\n        <div\n            className={classNames(\n                'rich-text-editor rounded-xl ring-1 ring-gray-200 dark:ring-gray-600 border border-gray-200 dark:border-gray-600 bg-gray-100 dark:bg-gray-700 pt-3',\n                editor.isFocused && 'ring-primary border-primary',\n                invalid && 'bg-error-subtle',\n                editor.isFocused &&\n                    invalid &&\n                    'bg-error-subtle ring-error border-error',\n            )}\n        >\n            <div className=\"flex gap-x-1 gap-y-2 px-2\">\n                {customToolBar ? (\n                    customToolBar(editor, {\n                        ToolButtonBold,\n                        ToolButtonItalic,\n                        ToolButtonStrike,\n                        ToolButtonCode,\n                        ToolButtonBlockquote,\n                        ToolButtonHeading,\n                        ToolButtonBulletList,\n                        ToolButtonOrderedList,\n                        ToolButtonCodeBlock,\n                        ToolButtonHorizontalRule,\n                        ToolButtonParagraph,\n                        ToolButtonUndo,\n                        ToolButtonRedo,\n                    })\n                ) : (\n                    <>\n                        <ToolButtonBold editor={editor} />\n                        <ToolButtonItalic editor={editor} />\n                        <ToolButtonStrike editor={editor} />\n                        <ToolButtonCode editor={editor} />\n                        <ToolButtonBlockquote editor={editor} />\n                        <ToolButtonHeading editor={editor} />\n                        <ToolButtonBulletList editor={editor} />\n                        <ToolButtonOrderedList editor={editor} />\n                        <ToolButtonCodeBlock editor={editor} />\n                        <ToolButtonHorizontalRule editor={editor} />\n                    </>\n                )}\n            </div>\n\n            <EditorContent\n                ref={ref}\n                className={classNames(\n                    'max-h-[600px] overflow-auto px-2 prose prose-p:text-sm prose-p:dark:text-gray-400 max-w-full',\n                    editorContentClass,\n                )}\n                editor={editor}\n                {...rest}\n            />\n        </div>\n    )\n}\n\nexport default RichTextEditor\n"],"names":["RichTextEditor","props","content","customToolBar","invalid","onChange","editorContentClass","customEditor","ref","rest","editor","useEditor","StarterKit","jsxs","classNames","jsx","ToolButtonBold","ToolButtonItalic","ToolButtonStrike","ToolButtonCode","ToolButtonBlockquote","ToolButtonHeading","ToolButtonBulletList","ToolButtonOrderedList","ToolButtonCodeBlock","ToolButtonHorizontalRule","ToolButtonParagraph","ToolButtonUndo","ToolButtonRedo","Fragment","EditorContent"],"mappings":";;;;;;;;;;;;;;;;;AAqEA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM;AAAA,IACF,SAAAC,IAAU;AAAA,IACV,eAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAEES,IAASH,KAETI,EAAU;AAAA,IACN,YAAY;AAAA,MACRC,EAAW,UAAU;AAAA,QACjB,YAAY;AAAA,UACR,WAAW;AAAA,QAAA;AAAA,QAEf,aAAa;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,MACf,CACH;AAAA,IAAA;AAAA,IAEL,aAAa;AAAA,MACT,YAAY;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,SAAAV;AAAA,IACA,SAAS,EAAE,QAAAQ,KAAU;AACjB,MAAAL,IAAW;AAAA,QACP,MAAMK,EAAO,QAAA;AAAA,QACb,MAAMA,EAAO,QAAA;AAAA,QACb,MAAMA,EAAO,QAAA;AAAA,MAAQ,CACxB;AAAA,IACL;AAAA,EAAA,CACH;AAEP,SAAKA,IAGD,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAJ,EAAO,aAAa;AAAA,QACpBN,KAAW;AAAA,QACXM,EAAO,aACHN,KACA;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,6BACV,UAAAZ,IACGA,EAAcO,GAAQ;AAAA,UAClB,gBAAAM;AAAA,UACA,kBAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,gBAAAC;AAAA,UACA,sBAAAC;AAAA,UAAA,mBACAC;AAAAA,UACA,sBAAAC;AAAA,UACA,uBAAAC;AAAA,UACA,qBAAAC;AAAA,UACA,0BAAAC;AAAA,UACA,qBAAAC;AAAA,UACA,gBAAAC;AAAA,UACA,gBAAAC;AAAA,QAAA,CACH,IAED,gBAAAf,EAAAgB,GAAA,EACI,UAAA;AAAA,UAAA,gBAAAd,EAACC,KAAe,QAAAN,GAAgB;AAAA,UAChC,gBAAAK,EAACE,KAAiB,QAAAP,GAAgB;AAAA,UAClC,gBAAAK,EAACG,KAAiB,QAAAR,GAAgB;AAAA,UAClC,gBAAAK,EAACI,KAAe,QAAAT,GAAgB;AAAA,UAChC,gBAAAK,EAACK,KAAqB,QAAAV,GAAgB;AAAA,UACtC,gBAAAK,EAACM,KAAkB,QAAAX,GAAgB;AAAA,UACnC,gBAAAK,EAACO,KAAqB,QAAAZ,GAAgB;AAAA,UACtC,gBAAAK,EAACQ,KAAsB,QAAAb,GAAgB;AAAA,UACvC,gBAAAK,EAACS,KAAoB,QAAAd,GAAgB;AAAA,UACrC,gBAAAK,EAACU,KAAyB,QAAAf,EAAA,CAAgB;AAAA,QAAA,EAAA,CAC9C,EAAA,CAER;AAAA,QAEA,gBAAAK;AAAA,UAACe;AAAA,UAAA;AAAA,YACG,KAAAtB;AAAA,YACA,WAAWM;AAAA,cACP;AAAA,cACAR;AAAA,YAAA;AAAA,YAEJ,QAAAI;AAAA,YACC,GAAGD;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EAAA,IAtDY;AAyDxB;"}

package/dist/@ecme/components/shared/UsersAvatarGroup.js

@@ -1,51 +1,51 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { useMemo as v } from "react";
 import "../ui/Tooltip/index.js";
 import { Avatar as i } from "../ui/Avatar/index.js";
-import h from "../../utils/acronym.js";
-import A from "../../utils/hooks/useRandomBgColor.js";
-import C from "../ui/Tooltip/Tooltip.js";
-const w = (m) => {
+import A from "../../utils/acronym.js";
+import C from "../../utils/hooks/useRandomBgColor.js";
+import h from "../ui/Tooltip/Tooltip.js";
+const T = (p) => {
   const {
-    avatarGroupProps: c = {},
-    avatarProps: e = {},
-    imgKey: p = "img",
+    avatarGroupProps: m = {},
+    avatarProps: s = {},
+    imgKey: e = "img",
     nameKey: o = "name",
-    onAvatarClick: a,
+    onAvatarClick: c,
     users: n = [],
     ...l
-  } = m, u = A(), t = v(() => ({
+  } = p, u = C(), a = v(() => ({
     shape: "circle",
     size: 30,
     className: "cursor-pointer",
-    ...e
-  }), [e]), d = (r) => {
-    a == null || a(r);
+    ...s
+  }), [s]), d = (r) => {
+    c?.(r);
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ t(
     i.Group,
     {
       omittedAvatarTooltip: !0,
       chained: !0,
-      omittedAvatarProps: t,
+      omittedAvatarProps: a,
       omittedAvatarTooltipProps: {
         wrapperClass: "flex"
       },
-      ...c,
+      ...m,
       ...l,
-      children: n.map((r, f) => /* @__PURE__ */ s(
-        C,
+      children: n.map((r, f) => /* @__PURE__ */ t(
+        h,
         {
           wrapperClass: "flex",
           title: r[o],
-          children: /* @__PURE__ */ s(
+          children: /* @__PURE__ */ t(
             i,
             {
-              ...t,
-              className: `${r[p] ? "" : u(r[o])} ${t.className}`,
-              src: r[p],
+              ...a,
+              className: `${r[e] ? "" : u(r[o])} ${a.className}`,
+              src: r[e],
               onClick: () => d(r),
-              children: h(r.name)
+              children: A(r.name)
             }
           )
         },
@@ -55,6 +55,6 @@ const w = (m) => {
   );
 };
 export {
-  w as default
+  T as default
 };
 //# sourceMappingURL=UsersAvatarGroup.js.map

package/dist/@ecme/components/shared/UsersAvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"UsersAvatarGroup.js","sources":["../../../../lib/@ecme/components/shared/UsersAvatarGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport type { AvatarProps, AvatarGroupProps } from '@/components/ui/Avatar'\n\ntype User = Record<string, string>\n\ninterface UsersAvatarGroupProps extends AvatarGroupProps {\n    avatarGroupProps?: AvatarGroupProps\n    avatarProps?: AvatarProps\n    imgKey?: string\n    nameKey?: string\n    onAvatarClick?: (avatar: User) => void\n    users?: User[]\n}\n\nconst UsersAvatarGroup = (props: UsersAvatarGroupProps) => {\n    const {\n        avatarGroupProps = {},\n        avatarProps = {},\n        imgKey = 'img',\n        nameKey = 'name',\n        onAvatarClick,\n        users = [],\n        ...rest\n    } = props\n\n    const bgColor = useRandomBgColor()\n\n    const defaultAvatarProps = useMemo(() => {\n        return {\n            shape: 'circle' as 'round' | 'circle' | 'square',\n            size: 30,\n            className: 'cursor-pointer',\n            ...avatarProps,\n        }\n    }, [avatarProps])\n\n    const handleAvatarClick = (avatar: User) => {\n        onAvatarClick?.(avatar)\n    }\n\n    return (\n        <Avatar.Group\n            omittedAvatarTooltip\n            chained\n            omittedAvatarProps={defaultAvatarProps}\n            omittedAvatarTooltipProps={{\n                wrapperClass: 'flex',\n            }}\n            {...avatarGroupProps}\n            {...rest}\n        >\n            {users.map((elm, index) => (\n                <Tooltip\n                    key={elm[nameKey] + index}\n                    wrapperClass=\"flex\"\n                    title={elm[nameKey]}\n                >\n                    <Avatar\n                        {...defaultAvatarProps}\n                        className={`${\n                            elm[imgKey] ? '' : bgColor(elm[nameKey])\n                        } ${defaultAvatarProps.className}`}\n                        src={elm[imgKey]}\n                        onClick={() => handleAvatarClick(elm)}\n                    >\n                        {acronym(elm.name)}\n                    </Avatar>\n                </Tooltip>\n            ))}\n        </Avatar.Group>\n    )\n}\n\nexport default UsersAvatarGroup\n"],"names":["UsersAvatarGroup","props","avatarGroupProps","avatarProps","imgKey","nameKey","onAvatarClick","users","rest","bgColor","useRandomBgColor","defaultAvatarProps","useMemo","handleAvatarClick","avatar","jsx","Avatar","elm","index","Tooltip","acronym"],"mappings":";;;;;;;AAkBA,MAAMA,IAAmB,CAACC,MAAiC;AACvD,QAAM;AAAA,IACF,kBAAAC,IAAmB,CAAA;AAAA,IACnB,aAAAC,IAAc,CAAA;AAAA,IACd,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,eAAAC;AAAA,IACA,OAAAC,IAAQ,CAAA;AAAA,IACR,GAAGC;AAAA,EAAA,IACHP,GAEEQ,IAAUC,EAAA,GAEVC,IAAqBC,EAAQ,OACxB;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,GAAGT;AAAA,EAAA,IAER,CAACA,CAAW,CAAC,GAEVU,IAAoB,CAACC,MAAiB;AACxC,IAAAR,KAAA,QAAAA,EAAgBQ;AAAA,EACpB;AAEA,SACI,gBAAAC;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACG,sBAAoB;AAAA,MACpB,SAAO;AAAA,MACP,oBAAoBL;AAAA,MACpB,2BAA2B;AAAA,QACvB,cAAc;AAAA,MAAA;AAAA,MAEjB,GAAGT;AAAA,MACH,GAAGM;AAAA,MAEH,UAAAD,EAAM,IAAI,CAACU,GAAKC,MACb,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,cAAa;AAAA,UACb,OAAOF,EAAIZ,CAAO;AAAA,UAElB,UAAA,gBAAAU;AAAA,YAACC;AAAA,YAAA;AAAA,cACI,GAAGL;AAAA,cACJ,WAAW,GACPM,EAAIb,CAAM,IAAI,KAAKK,EAAQQ,EAAIZ,CAAO,CAAC,CAC3C,IAAIM,EAAmB,SAAS;AAAA,cAChC,KAAKM,EAAIb,CAAM;AAAA,cACf,SAAS,MAAMS,EAAkBI,CAAG;AAAA,cAEnC,UAAAG,EAAQH,EAAI,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,QAbKA,EAAIZ,CAAO,IAAIa;AAAA,MAAA,CAe3B;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"UsersAvatarGroup.js","sources":["../../../../lib/@ecme/components/shared/UsersAvatarGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport Tooltip from '@/components/ui/Tooltip'\nimport Avatar from '@/components/ui/Avatar'\nimport acronym from '@/utils/acronym'\nimport useRandomBgColor from '@/utils/hooks/useRandomBgColor'\nimport type { AvatarProps, AvatarGroupProps } from '@/components/ui/Avatar'\n\ntype User = Record<string, string>\n\ninterface UsersAvatarGroupProps extends AvatarGroupProps {\n    avatarGroupProps?: AvatarGroupProps\n    avatarProps?: AvatarProps\n    imgKey?: string\n    nameKey?: string\n    onAvatarClick?: (avatar: User) => void\n    users?: User[]\n}\n\nconst UsersAvatarGroup = (props: UsersAvatarGroupProps) => {\n    const {\n        avatarGroupProps = {},\n        avatarProps = {},\n        imgKey = 'img',\n        nameKey = 'name',\n        onAvatarClick,\n        users = [],\n        ...rest\n    } = props\n\n    const bgColor = useRandomBgColor()\n\n    const defaultAvatarProps = useMemo(() => {\n        return {\n            shape: 'circle' as 'round' | 'circle' | 'square',\n            size: 30,\n            className: 'cursor-pointer',\n            ...avatarProps,\n        }\n    }, [avatarProps])\n\n    const handleAvatarClick = (avatar: User) => {\n        onAvatarClick?.(avatar)\n    }\n\n    return (\n        <Avatar.Group\n            omittedAvatarTooltip\n            chained\n            omittedAvatarProps={defaultAvatarProps}\n            omittedAvatarTooltipProps={{\n                wrapperClass: 'flex',\n            }}\n            {...avatarGroupProps}\n            {...rest}\n        >\n            {users.map((elm, index) => (\n                <Tooltip\n                    key={elm[nameKey] + index}\n                    wrapperClass=\"flex\"\n                    title={elm[nameKey]}\n                >\n                    <Avatar\n                        {...defaultAvatarProps}\n                        className={`${\n                            elm[imgKey] ? '' : bgColor(elm[nameKey])\n                        } ${defaultAvatarProps.className}`}\n                        src={elm[imgKey]}\n                        onClick={() => handleAvatarClick(elm)}\n                    >\n                        {acronym(elm.name)}\n                    </Avatar>\n                </Tooltip>\n            ))}\n        </Avatar.Group>\n    )\n}\n\nexport default UsersAvatarGroup\n"],"names":["UsersAvatarGroup","props","avatarGroupProps","avatarProps","imgKey","nameKey","onAvatarClick","users","rest","bgColor","useRandomBgColor","defaultAvatarProps","useMemo","handleAvatarClick","avatar","jsx","Avatar","elm","index","Tooltip","acronym"],"mappings":";;;;;;;AAkBA,MAAMA,IAAmB,CAACC,MAAiC;AACvD,QAAM;AAAA,IACF,kBAAAC,IAAmB,CAAA;AAAA,IACnB,aAAAC,IAAc,CAAA;AAAA,IACd,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,eAAAC;AAAA,IACA,OAAAC,IAAQ,CAAA;AAAA,IACR,GAAGC;AAAA,EAAA,IACHP,GAEEQ,IAAUC,EAAA,GAEVC,IAAqBC,EAAQ,OACxB;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,GAAGT;AAAA,EAAA,IAER,CAACA,CAAW,CAAC,GAEVU,IAAoB,CAACC,MAAiB;AACxC,IAAAR,IAAgBQ,CAAM;AAAA,EAC1B;AAEA,SACI,gBAAAC;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACG,sBAAoB;AAAA,MACpB,SAAO;AAAA,MACP,oBAAoBL;AAAA,MACpB,2BAA2B;AAAA,QACvB,cAAc;AAAA,MAAA;AAAA,MAEjB,GAAGT;AAAA,MACH,GAAGM;AAAA,MAEH,UAAAD,EAAM,IAAI,CAACU,GAAKC,MACb,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,cAAa;AAAA,UACb,OAAOF,EAAIZ,CAAO;AAAA,UAElB,UAAA,gBAAAU;AAAA,YAACC;AAAA,YAAA;AAAA,cACI,GAAGL;AAAA,cACJ,WAAW,GACPM,EAAIb,CAAM,IAAI,KAAKK,EAAQQ,EAAIZ,CAAO,CAAC,CAC3C,IAAIM,EAAmB,SAAS;AAAA,cAChC,KAAKM,EAAIb,CAAM;AAAA,cACf,SAAS,MAAMS,EAAkBI,CAAG;AAAA,cAEnC,UAAAG,EAAQH,EAAI,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,QAbKA,EAAIZ,CAAO,IAAIa;AAAA,MAAA,CAe3B;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuContent.js

@@ -1,75 +1,69 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import c from "./HorizontalMenuDropdownTrigger.js";
-import f from "./HorizontalMenuDropdown.js";
-import g from "./HorizontalMenuDropdownContent.js";
-import M from "../../shared/AuthorityCheck.js";
-import { useTranslation as x } from "../../../utils/hooks/useTranslation.js";
-import C from "../../../utils/hooks/useMenuActive.js";
-import { TbChevronDown as k } from "react-icons/tb";
-const A = (l) => {
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import m from "./HorizontalMenuDropdownTrigger.js";
+import d from "./HorizontalMenuDropdown.js";
+import h from "./HorizontalMenuDropdownContent.js";
+import y from "../../shared/AuthorityCheck.js";
+import { useTranslation as f } from "../../../utils/hooks/useTranslation.js";
+import g from "../../../utils/hooks/useMenuActive.js";
+import { TbChevronDown as M } from "react-icons/tb";
+const b = (i) => {
   const {
-    routeKey: s,
-    navigationTree: a = [],
-    translationSetup: d,
-    userAuthority: m
-  } = l, { t: o } = x(!d), { activedRoute: r } = C(a, s);
-  return /* @__PURE__ */ t("div", { className: "flex gap-1", children: a.map((e) => {
-    var u, p;
-    return /* @__PURE__ */ t(
-      M,
-      {
-        userAuthority: m,
-        authority: e.authority,
-        children: e.subMenu.length > 0 ? /* @__PURE__ */ t(
-          f,
-          {
-            dropdownLean: ((p = (u = e.meta) == null ? void 0 : u.horizontalMenu) == null ? void 0 : p.layout) === "default",
-            triggerContent: ({ ref: n, props: i }) => /* @__PURE__ */ t(
-              c,
-              {
-                ref: n,
-                ...i,
-                asElement: "button",
-                children: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ t("span", { children: o(e.translateKey, e.title) }),
-                  /* @__PURE__ */ t(k, {})
-                ] })
-              }
-            ),
-            menuContent: ({ styles: n, handleDropdownClose: i }) => {
-              var h;
-              return /* @__PURE__ */ t(
-                g,
-                {
-                  style: n,
-                  navigationTree: e.subMenu,
-                  t: o,
-                  layoutMeta: (h = e == null ? void 0 : e.meta) == null ? void 0 : h.horizontalMenu,
-                  routeKey: s,
-                  routeParentKey: r == null ? void 0 : r.parentKey,
-                  userAuthority: m,
-                  onDropdownClose: i
-                }
-              );
+    routeKey: a,
+    navigationTree: l = [],
+    translationSetup: p,
+    userAuthority: s
+  } = i, { t: o } = f(!p), { activedRoute: u } = g(l, a);
+  return /* @__PURE__ */ t("div", { className: "flex gap-1", children: l.map((e) => /* @__PURE__ */ t(
+    y,
+    {
+      userAuthority: s,
+      authority: e.authority,
+      children: e.subMenu.length > 0 ? /* @__PURE__ */ t(
+        d,
+        {
+          dropdownLean: e.meta?.horizontalMenu?.layout === "default",
+          triggerContent: ({ ref: r, props: n }) => /* @__PURE__ */ t(
+            m,
+            {
+              ref: r,
+              ...n,
+              asElement: "button",
+              children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ t("span", { children: o(e.translateKey, e.title) }),
+                /* @__PURE__ */ t(M, {})
+              ] })
             }
-          }
-        ) : /* @__PURE__ */ t(
-          c,
-          {
-            ...l,
-            path: e.path,
-            isExternalLink: e.isExternalLink,
-            active: (r == null ? void 0 : r.key) === e.key,
-            asElement: "a",
-            children: /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ t("span", { children: o(e.translateKey, e.title) }) })
-          }
-        )
-      },
-      e.key
-    );
-  }) });
+          ),
+          menuContent: ({ styles: r, handleDropdownClose: n }) => /* @__PURE__ */ t(
+            h,
+            {
+              style: r,
+              navigationTree: e.subMenu,
+              t: o,
+              layoutMeta: e?.meta?.horizontalMenu,
+              routeKey: a,
+              routeParentKey: u?.parentKey,
+              userAuthority: s,
+              onDropdownClose: n
+            }
+          )
+        }
+      ) : /* @__PURE__ */ t(
+        m,
+        {
+          ...i,
+          path: e.path,
+          isExternalLink: e.isExternalLink,
+          active: u?.key === e.key,
+          asElement: "a",
+          children: /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ t("span", { children: o(e.translateKey, e.title) }) })
+        }
+      )
+    },
+    e.key
+  )) });
 };
 export {
-  A as default
+  b as default
 };
 //# sourceMappingURL=HorizontalMenuContent.js.map

package/dist/@ecme/components/template/HorizontalMenuContent/HorizontalMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalMenuContent.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuContent.tsx"],"sourcesContent":["import HorizontalMenuDropdownTrigger from './HorizontalMenuDropdownTrigger'\nimport HorizontalMenuDropdown from './HorizontalMenuDropdown'\nimport HorizontalMenuDropdownContent from './HorizontalMenuDropdownContent'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport { TbChevronDown } from 'react-icons/tb'\nimport { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { TraslationFn } from '@/@types/common'\n\ntype HorizontalMenuContentProps = {\n    routeKey: string\n    navigationTree?: NavigationTree[]\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst HorizontalMenuContent = (props: HorizontalMenuContentProps) => {\n    const {\n        routeKey,\n        navigationTree = [],\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n    const { activedRoute } = useMenuActive(navigationTree, routeKey)\n\n    return (\n        <div className=\"flex gap-1\">\n            {navigationTree.map((nav) => (\n                <AuthorityCheck\n                    key={nav.key}\n                    userAuthority={userAuthority}\n                    authority={nav.authority}\n                >\n                    {nav.subMenu.length > 0 ? (\n                        <HorizontalMenuDropdown\n                            dropdownLean={\n                                nav.meta?.horizontalMenu?.layout === 'default'\n                            }\n                            triggerContent={({ ref, props }) => (\n                                <HorizontalMenuDropdownTrigger\n                                    ref={ref}\n                                    {...props}\n                                    asElement=\"button\"\n                                >\n                                    <div className=\"flex items-center gap-1\">\n                                        <span>\n                                            {t(nav.translateKey, nav.title)}\n                                        </span>\n                                        <TbChevronDown />\n                                    </div>\n                                </HorizontalMenuDropdownTrigger>\n                            )}\n                            menuContent={({ styles, handleDropdownClose }) => (\n                                <HorizontalMenuDropdownContent\n                                    style={styles}\n                                    navigationTree={nav.subMenu}\n                                    t={t as TraslationFn}\n                                    layoutMeta={nav?.meta?.horizontalMenu}\n                                    routeKey={routeKey}\n                                    routeParentKey={activedRoute?.parentKey}\n                                    userAuthority={userAuthority}\n                                    onDropdownClose={handleDropdownClose}\n                                />\n                            )}\n                        ></HorizontalMenuDropdown>\n                    ) : (\n                        <HorizontalMenuDropdownTrigger\n                            {...props}\n                            path={nav.path}\n                            isExternalLink={nav.isExternalLink}\n                            active={activedRoute?.key === nav.key}\n                            asElement=\"a\"\n                        >\n                            <div className=\"flex items-center gap-1\">\n                                <span>{t(nav.translateKey, nav.title)}</span>\n                            </div>\n                        </HorizontalMenuDropdownTrigger>\n                    )}\n                </AuthorityCheck>\n            ))}\n        </div>\n    )\n}\n\nexport default HorizontalMenuContent\n"],"names":["HorizontalMenuContent","props","routeKey","navigationTree","translationSetup","userAuthority","t","useTranslation","activedRoute","useMenuActive","nav","jsx","AuthorityCheck","HorizontalMenuDropdown","_b","_a","ref","HorizontalMenuDropdownTrigger","jsxs","TbChevronDown","styles","handleDropdownClose","HorizontalMenuDropdownContent"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAwB,CAACC,MAAsC;AACjE,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,gBAAAC,IAAiB,CAAA;AAAA,IACjB,kBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACAJ,GAEE,EAAE,GAAAK,EAAA,IAAMC,EAAe,CAACH,CAAgB,GACxC,EAAE,cAAAI,EAAA,IAAiBC,EAAcN,GAAgBD,CAAQ;AAE/D,2BACK,OAAA,EAAI,WAAU,cACV,UAAAC,EAAe,IAAI,CAACO;;AACjB,2BAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEG,eAAAP;AAAA,QACA,WAAWK,EAAI;AAAA,QAEd,UAAAA,EAAI,QAAQ,SAAS,IAClB,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,gBACIC,KAAAC,IAAAL,EAAI,SAAJ,gBAAAK,EAAU,mBAAV,gBAAAD,EAA0B,YAAW;AAAA,YAEzC,gBAAgB,CAAC,EAAE,KAAAE,GAAK,OAAAf,QACpB,gBAAAU;AAAA,cAACM;AAAA,cAAA;AAAA,gBACG,KAAAD;AAAA,gBACC,GAAGf;AAAAA,gBACJ,WAAU;AAAA,gBAEV,UAAA,gBAAAiB,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,kBAAA,gBAAAP,EAAC,UACI,UAAAL,EAAEI,EAAI,cAAcA,EAAI,KAAK,GAClC;AAAA,oCACCS,GAAA,CAAA,CAAc;AAAA,gBAAA,EAAA,CACnB;AAAA,cAAA;AAAA,YAAA;AAAA,YAGR,aAAa,CAAC,EAAE,QAAAC,GAAQ,qBAAAC,QAAoB;;AACxC,qCAAAV;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACG,OAAOF;AAAA,kBACP,gBAAgBV,EAAI;AAAA,kBACpB,GAAAJ;AAAA,kBACA,aAAYS,IAAAL,KAAA,gBAAAA,EAAK,SAAL,gBAAAK,EAAW;AAAA,kBACvB,UAAAb;AAAA,kBACA,gBAAgBM,KAAA,gBAAAA,EAAc;AAAA,kBAC9B,eAAAH;AAAA,kBACA,iBAAiBgB;AAAA,gBAAA;AAAA,cAAA;AAAA;AAAA,UACrB;AAAA,QAAA,IAIR,gBAAAV;AAAA,UAACM;AAAA,UAAA;AAAA,YACI,GAAGhB;AAAA,YACJ,MAAMS,EAAI;AAAA,YACV,gBAAgBA,EAAI;AAAA,YACpB,SAAQF,KAAA,gBAAAA,EAAc,SAAQE,EAAI;AAAA,YAClC,WAAU;AAAA,YAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAA,EAAC,QAAA,EAAM,UAAAL,EAAEI,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE,EAAA,CAC1C;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,MA/CCA,EAAI;AAAA,IAAA;AAAA,GAkDhB,GACL;AAER;"}
+{"version":3,"file":"HorizontalMenuContent.js","sources":["../../../../../lib/@ecme/components/template/HorizontalMenuContent/HorizontalMenuContent.tsx"],"sourcesContent":["import HorizontalMenuDropdownTrigger from './HorizontalMenuDropdownTrigger'\nimport HorizontalMenuDropdown from './HorizontalMenuDropdown'\nimport HorizontalMenuDropdownContent from './HorizontalMenuDropdownContent'\nimport AuthorityCheck from '@/components/shared/AuthorityCheck'\nimport useTranslation from '@/utils/hooks/useTranslation'\nimport useMenuActive from '@/utils/hooks/useMenuActive'\nimport { TbChevronDown } from 'react-icons/tb'\nimport { Direction } from '@/@types/theme'\nimport type { NavigationTree } from '@/@types/navigation'\nimport type { TraslationFn } from '@/@types/common'\n\ntype HorizontalMenuContentProps = {\n    routeKey: string\n    navigationTree?: NavigationTree[]\n    direction?: Direction\n    translationSetup?: boolean\n    userAuthority: string[]\n}\n\nconst HorizontalMenuContent = (props: HorizontalMenuContentProps) => {\n    const {\n        routeKey,\n        navigationTree = [],\n        translationSetup,\n        userAuthority,\n    } = props\n\n    const { t } = useTranslation(!translationSetup)\n    const { activedRoute } = useMenuActive(navigationTree, routeKey)\n\n    return (\n        <div className=\"flex gap-1\">\n            {navigationTree.map((nav) => (\n                <AuthorityCheck\n                    key={nav.key}\n                    userAuthority={userAuthority}\n                    authority={nav.authority}\n                >\n                    {nav.subMenu.length > 0 ? (\n                        <HorizontalMenuDropdown\n                            dropdownLean={\n                                nav.meta?.horizontalMenu?.layout === 'default'\n                            }\n                            triggerContent={({ ref, props }) => (\n                                <HorizontalMenuDropdownTrigger\n                                    ref={ref}\n                                    {...props}\n                                    asElement=\"button\"\n                                >\n                                    <div className=\"flex items-center gap-1\">\n                                        <span>\n                                            {t(nav.translateKey, nav.title)}\n                                        </span>\n                                        <TbChevronDown />\n                                    </div>\n                                </HorizontalMenuDropdownTrigger>\n                            )}\n                            menuContent={({ styles, handleDropdownClose }) => (\n                                <HorizontalMenuDropdownContent\n                                    style={styles}\n                                    navigationTree={nav.subMenu}\n                                    t={t as TraslationFn}\n                                    layoutMeta={nav?.meta?.horizontalMenu}\n                                    routeKey={routeKey}\n                                    routeParentKey={activedRoute?.parentKey}\n                                    userAuthority={userAuthority}\n                                    onDropdownClose={handleDropdownClose}\n                                />\n                            )}\n                        ></HorizontalMenuDropdown>\n                    ) : (\n                        <HorizontalMenuDropdownTrigger\n                            {...props}\n                            path={nav.path}\n                            isExternalLink={nav.isExternalLink}\n                            active={activedRoute?.key === nav.key}\n                            asElement=\"a\"\n                        >\n                            <div className=\"flex items-center gap-1\">\n                                <span>{t(nav.translateKey, nav.title)}</span>\n                            </div>\n                        </HorizontalMenuDropdownTrigger>\n                    )}\n                </AuthorityCheck>\n            ))}\n        </div>\n    )\n}\n\nexport default HorizontalMenuContent\n"],"names":["HorizontalMenuContent","props","routeKey","navigationTree","translationSetup","userAuthority","t","useTranslation","activedRoute","useMenuActive","nav","jsx","AuthorityCheck","HorizontalMenuDropdown","ref","HorizontalMenuDropdownTrigger","jsxs","TbChevronDown","styles","handleDropdownClose","HorizontalMenuDropdownContent"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAwB,CAACC,MAAsC;AACjE,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,gBAAAC,IAAiB,CAAA;AAAA,IACjB,kBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACAJ,GAEE,EAAE,GAAAK,EAAA,IAAMC,EAAe,CAACH,CAAgB,GACxC,EAAE,cAAAI,EAAA,IAAiBC,EAAcN,GAAgBD,CAAQ;AAE/D,2BACK,OAAA,EAAI,WAAU,cACV,UAAAC,EAAe,IAAI,CAACO,MACjB,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,eAAAP;AAAA,MACA,WAAWK,EAAI;AAAA,MAEd,UAAAA,EAAI,QAAQ,SAAS,IAClB,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,cACIH,EAAI,MAAM,gBAAgB,WAAW;AAAA,UAEzC,gBAAgB,CAAC,EAAE,KAAAI,GAAK,OAAAb,QACpB,gBAAAU;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,KAAAD;AAAA,cACC,GAAGb;AAAAA,cACJ,WAAU;AAAA,cAEV,UAAA,gBAAAe,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,gBAAA,gBAAAL,EAAC,UACI,UAAAL,EAAEI,EAAI,cAAcA,EAAI,KAAK,GAClC;AAAA,kCACCO,GAAA,CAAA,CAAc;AAAA,cAAA,EAAA,CACnB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGR,aAAa,CAAC,EAAE,QAAAC,GAAQ,qBAAAC,QACpB,gBAAAR;AAAA,YAACS;AAAA,YAAA;AAAA,cACG,OAAOF;AAAA,cACP,gBAAgBR,EAAI;AAAA,cACpB,GAAAJ;AAAA,cACA,YAAYI,GAAK,MAAM;AAAA,cACvB,UAAAR;AAAA,cACA,gBAAgBM,GAAc;AAAA,cAC9B,eAAAH;AAAA,cACA,iBAAiBc;AAAA,YAAA;AAAA,UAAA;AAAA,QACrB;AAAA,MAAA,IAIR,gBAAAR;AAAA,QAACI;AAAA,QAAA;AAAA,UACI,GAAGd;AAAA,UACJ,MAAMS,EAAI;AAAA,UACV,gBAAgBA,EAAI;AAAA,UACpB,QAAQF,GAAc,QAAQE,EAAI;AAAA,UAClC,WAAU;AAAA,UAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAA,EAAC,QAAA,EAAM,UAAAL,EAAEI,EAAI,cAAcA,EAAI,KAAK,EAAA,CAAE,EAAA,CAC1C;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,IA/CCA,EAAI;AAAA,EAAA,CAkDhB,GACL;AAER;"}