@rio-cloud/rio-uikit 2.5.0 → 3.0.0-beta.1

package/components/table/shared/resolveTableAria.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveTableAria.js","sources":["../../../../src/components/table/shared/resolveTableAria.ts"],"sourcesContent":["export const resolveAriaColIndex = (columnStart: number, showSelectionColumn?: boolean) =>\n    columnStart + (showSelectionColumn ? 1 : 0);\n\nexport const resolveAriaSpan = (span: number) => (span > 1 ? span : undefined);\n"],"names":["resolveAriaColIndex","columnStart","showSelectionColumn","resolveAriaSpan","span"],"mappings":"AAAO,MAAMA,IAAsB,CAACC,GAAqBC,MACrDD,KAAeC,IAAsB,IAAI,IAEhCC,IAAkB,CAACC,MAAkBA,IAAO,IAAIA,IAAO;"}
+{"version":3,"file":"resolveTableAria.js","names":[],"sources":["../../../../src/components/table/shared/resolveTableAria.ts"],"sourcesContent":["export const resolveAriaColIndex = (columnStart: number, showSelectionColumn?: boolean) =>\n    columnStart + (showSelectionColumn ? 1 : 0);\n\nexport const resolveAriaSpan = (span: number) => (span > 1 ? span : undefined);\n"],"mappings":";AAAA,IAAa,KAAuB,GAAqB,MACrD,IAAe,MAEN,KAAmB,MAAkB,IAAO,IAAI,IAAO,KAAA"}

package/components/table/tableSizing.constants.js

@@ -1,8 +1,5 @@
-const _ = 50, I = "50px", M = 50, N = 1e3;
-export {
-  N as DEFAULT_MAX_RESIZE_WIDTH_PX,
-  M as DEFAULT_MIN_RESIZE_WIDTH_PX,
-  I as MIN_COLUMN_WIDTH,
-  _ as MIN_COLUMN_WIDTH_PX
-};
-//# sourceMappingURL=tableSizing.constants.js.map
+var e = "50px", t = 1e3;
+//#endregion
+export { t as DEFAULT_MAX_RESIZE_WIDTH_PX, e as MIN_COLUMN_WIDTH };
+
+//# sourceMappingURL=tableSizing.constants.js.map

package/components/table/tableSizing.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableSizing.constants.js","sources":["../../../src/components/table/tableSizing.constants.ts"],"sourcesContent":["export const MIN_COLUMN_WIDTH_PX = 50;\nexport const MIN_COLUMN_WIDTH = `${MIN_COLUMN_WIDTH_PX}px`;\nexport const DEFAULT_MIN_RESIZE_WIDTH_PX = MIN_COLUMN_WIDTH_PX;\nexport const DEFAULT_MAX_RESIZE_WIDTH_PX = 1000;\n"],"names":["MIN_COLUMN_WIDTH_PX","MIN_COLUMN_WIDTH","DEFAULT_MIN_RESIZE_WIDTH_PX","DEFAULT_MAX_RESIZE_WIDTH_PX"],"mappings":"AAAO,MAAMA,IAAsB,IACtBC,IAAmB,QACnBC,IAA8B,IAC9BC,IAA8B;"}
+{"version":3,"file":"tableSizing.constants.js","names":[],"sources":["../../../src/components/table/tableSizing.constants.ts"],"sourcesContent":["export const MIN_COLUMN_WIDTH_PX = 50;\nexport const MIN_COLUMN_WIDTH = `${MIN_COLUMN_WIDTH_PX}px`;\nexport const DEFAULT_MIN_RESIZE_WIDTH_PX = MIN_COLUMN_WIDTH_PX;\nexport const DEFAULT_MAX_RESIZE_WIDTH_PX = 1000;\n"],"mappings":"AACA,IAAa,IAAmB,QAEnB,IAA8B"}

package/components/tag/Tag.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { IconType } from '../icon/Icon';
 export type TagProps = {
     /**
      * Defines if the tag is active.
@@ -31,9 +32,15 @@ export type TagProps = {
      */
     disabled?: boolean;
     /**
-     * Define any rioglyph icon like "rioglyph-truck".
+     * Define any uikit-icon icon like "icon-truck".
      */
-    icon?: string;
+    iconName?: IconType;
+    /**
+     * Legacy alias for `iconName`.
+     *
+     * @deprecated Use `iconName` instead.
+     */
+    icon?: IconType;
     /**
      * Sets a more subtle style for border and background.
      *

package/components/tag/Tag.js

@@ -1,40 +1,21 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import k from "../../utils/classNames.js";
-const j = y((a, i) => {
-  const {
-    children: r,
-    icon: e,
-    active: s = !1,
-    disabled: c = !1,
-    clickable: t = !1,
-    selectable: o = !1,
-    deletable: m = !1,
-    revertable: d = !1,
-    multiline: g = !1,
-    muted: b = !1,
-    round: n = !0,
-    size: f,
-    className: p,
-    ...h
-  } = a, u = k(
-    "tag",
-    f === "small" && "tag-small",
-    e && `rioglyph ${e}`,
-    s && "active clickable rioglyph rioglyph-ok",
-    c && "disabled",
-    t && "clickable",
-    o && "selectable clickable rioglyph rioglyph-checkbox",
-    m && "deletable clickable rioglyph rioglyph-remove",
-    d && "revertable clickable rioglyph rioglyph-revert",
-    g && "multiline",
-    b && "tag-muted",
-    !n && "rounded",
-    p
-  );
-  return /* @__PURE__ */ l("div", { ref: i, ...h, className: u, children: /* @__PURE__ */ l("div", { className: "tag-inner", children: r }) });
+import e from "../../utils/classNames.js";
+import { normalizeIconName as t } from "../../utils/iconNames.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/tag/Tag.tsx
+var i = n((n, i) => {
+	let { children: a, iconName: o, icon: s, active: c = !1, disabled: l = !1, clickable: u = !1, selectable: d = !1, deletable: f = !1, revertable: p = !1, multiline: m = !1, muted: h = !1, round: g = !0, size: _, className: v, ...y } = n, b = o ?? s, x = e("tag", _ === "small" && "tag-small", b && `uikit-icon ${t(b)}`, c && "active clickable uikit-icon icon-ok", l && "disabled", u && "clickable", d && "selectable clickable uikit-icon icon-checkbox", f && "deletable clickable uikit-icon icon-remove", p && "revertable clickable uikit-icon icon-revert", m && "multiline", h && "tag-muted", !g && "rounded", v);
+	return /* @__PURE__ */ r("div", {
+		ref: i,
+		...y,
+		className: x,
+		children: /* @__PURE__ */ r("div", {
+			className: "tag-inner",
+			children: a
+		})
+	});
 });
-export {
-  j as default
-};
-//# sourceMappingURL=Tag.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=Tag.js.map

package/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type TagProps = {\n    /**\n     * Defines if the tag is active.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Defines if the tag is clickable.\n     *\n     * @default false\n     */\n    clickable?: boolean;\n\n    /**\n     * Defines if the tag is deletable.\n     *\n     * @default false\n     */\n    deletable?: boolean;\n\n    /**\n     * Defines if the tag is revertable.\n     *\n     * @default false\n     */\n    revertable?: boolean;\n\n    /**\n     * Defines if the tag is disabled.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Define any rioglyph icon like \"rioglyph-truck\".\n     */\n    icon?: string;\n\n    /**\n     * Sets a more subtle style for border and background.\n     *\n     * @default false\n     */\n    muted?: boolean;\n\n    /**\n     * Defines if the tag is round.\n     *\n     * @default true\n     */\n    round?: boolean;\n\n    /**\n     * Defines if the tag is selectable.\n     *\n     * @default false\n     */\n    selectable?: boolean;\n\n    /**\n     * Defines if you want to render the tag in a different size.\n     *\n     * Possible values are: `'small'` and `'medium'`\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * Allows to render text on multiple lines.\n     *\n     * @default false\n     */\n    multiline?: boolean;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n\n    [remainingProp: string]: unknown;\n};\n\nconst Tag = forwardRef((props: PropsWithChildren<TagProps>, ref: React.Ref<HTMLDivElement>) => {\n    const {\n        children,\n        icon,\n        active = false,\n        disabled = false,\n        clickable = false,\n        selectable = false,\n        deletable = false,\n        revertable = false,\n        multiline = false,\n        muted = false,\n        round = true,\n        size,\n        className,\n        ...remainingProps\n    } = props;\n\n    const tagClasses = classNames(\n        'tag',\n        size === 'small' && 'tag-small',\n        icon && `rioglyph ${icon}`,\n        active && 'active clickable rioglyph rioglyph-ok',\n        disabled && 'disabled',\n        clickable && 'clickable',\n        selectable && 'selectable clickable rioglyph rioglyph-checkbox',\n        deletable && 'deletable clickable rioglyph rioglyph-remove',\n        revertable && 'revertable clickable rioglyph rioglyph-revert',\n        multiline && 'multiline',\n        muted && 'tag-muted',\n        !round && 'rounded',\n        className\n    );\n\n    return (\n        <div ref={ref} {...remainingProps} className={tagClasses}>\n            <div className='tag-inner'>{children}</div>\n        </div>\n    );\n});\n\nexport default Tag;\n"],"names":["Tag","forwardRef","props","ref","children","icon","active","disabled","clickable","selectable","deletable","revertable","multiline","muted","round","size","className","remainingProps","tagClasses","classNames","jsx"],"mappings":";;;AAwFA,MAAMA,IAAMC,EAAW,CAACC,GAAoCC,MAAmC;AAC3F,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ;AAAA,IACR,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHf,GAEEgB,IAAaC;AAAA,IACf;AAAA,IACAJ,MAAS,WAAW;AAAA,IACpBV,KAAQ,YAAYA,CAAI;AAAA,IACxBC,KAAU;AAAA,IACVC,KAAY;AAAA,IACZC,KAAa;AAAA,IACbC,KAAc;AAAA,IACdC,KAAa;AAAA,IACbC,KAAc;AAAA,IACdC,KAAa;AAAA,IACbC,KAAS;AAAA,IACT,CAACC,KAAS;AAAA,IACVE;AAAA,EAAA;AAGJ,SACI,gBAAAI,EAAC,OAAA,EAAI,KAAAjB,GAAW,GAAGc,GAAgB,WAAWC,GAC1C,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,aAAa,UAAAhB,EAAA,CAAS,GACzC;AAER,CAAC;"}
+{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { normalizeIconName } from '../../utils/iconNames';\nimport type { IconType } from '../icon/Icon';\n\nexport type TagProps = {\n    /**\n     * Defines if the tag is active.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Defines if the tag is clickable.\n     *\n     * @default false\n     */\n    clickable?: boolean;\n\n    /**\n     * Defines if the tag is deletable.\n     *\n     * @default false\n     */\n    deletable?: boolean;\n\n    /**\n     * Defines if the tag is revertable.\n     *\n     * @default false\n     */\n    revertable?: boolean;\n\n    /**\n     * Defines if the tag is disabled.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Define any uikit-icon icon like \"icon-truck\".\n     */\n    iconName?: IconType;\n\n    /**\n     * Legacy alias for `iconName`.\n     *\n     * @deprecated Use `iconName` instead.\n     */\n    icon?: IconType;\n\n    /**\n     * Sets a more subtle style for border and background.\n     *\n     * @default false\n     */\n    muted?: boolean;\n\n    /**\n     * Defines if the tag is round.\n     *\n     * @default true\n     */\n    round?: boolean;\n\n    /**\n     * Defines if the tag is selectable.\n     *\n     * @default false\n     */\n    selectable?: boolean;\n\n    /**\n     * Defines if you want to render the tag in a different size.\n     *\n     * Possible values are: `'small'` and `'medium'`\n     */\n    size?: 'small' | 'medium';\n\n    /**\n     * Allows to render text on multiple lines.\n     *\n     * @default false\n     */\n    multiline?: boolean;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n\n    [remainingProp: string]: unknown;\n};\n\nconst Tag = forwardRef((props: PropsWithChildren<TagProps>, ref: React.Ref<HTMLDivElement>) => {\n    const {\n        children,\n        iconName,\n        icon: legacyIcon,\n        active = false,\n        disabled = false,\n        clickable = false,\n        selectable = false,\n        deletable = false,\n        revertable = false,\n        multiline = false,\n        muted = false,\n        round = true,\n        size,\n        className,\n        ...remainingProps\n    } = props;\n\n    const resolvedIconName = iconName ?? legacyIcon;\n\n    const tagClasses = classNames(\n        'tag',\n        size === 'small' && 'tag-small',\n        resolvedIconName && `uikit-icon ${normalizeIconName(resolvedIconName)}`,\n        active && 'active clickable uikit-icon icon-ok',\n        disabled && 'disabled',\n        clickable && 'clickable',\n        selectable && 'selectable clickable uikit-icon icon-checkbox',\n        deletable && 'deletable clickable uikit-icon icon-remove',\n        revertable && 'revertable clickable uikit-icon icon-revert',\n        multiline && 'multiline',\n        muted && 'tag-muted',\n        !round && 'rounded',\n        className\n    );\n\n    return (\n        <div ref={ref} {...remainingProps} className={tagClasses}>\n            <div className='tag-inner'>{children}</div>\n        </div>\n    );\n});\n\nexport default Tag;\n"],"mappings":";;;;;AAiGA,IAAM,IAAM,GAAY,GAAoC,MAAmC;CAC3F,IAAM,EACF,aACA,aACA,MAAM,GACN,YAAS,IACT,cAAW,IACX,eAAY,IACZ,gBAAa,IACb,eAAY,IACZ,gBAAa,IACb,eAAY,IACZ,WAAQ,IACR,WAAQ,IACR,SACA,cACA,GAAG,MACH,GAEE,IAAmB,KAAY,GAE/B,IAAa,EACf,OACA,MAAS,WAAW,aACpB,KAAoB,cAAc,EAAkB,CAAgB,KACpE,KAAU,uCACV,KAAY,YACZ,KAAa,aACb,KAAc,iDACd,KAAa,8CACb,KAAc,+CACd,KAAa,aACb,KAAS,aACT,CAAC,KAAS,WACV,CACJ;CAEA,OACI,kBAAC,OAAD;EAAU;EAAK,GAAI;EAAgB,WAAW;YAC1C,kBAAC,OAAD;GAAK,WAAU;GAAa;EAAc,CAAA;CACzC,CAAA;AAEb,CAAC"}

package/components/tag/TagList.js

@@ -1,16 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import c from "../../utils/classNames.js";
-const g = (a) => {
-  const { children: t, inline: i = !0, autoTagWidth: r = !1, tagsPerRow: s, ...l } = a, o = c(
-    "taglist",
-    !r && "taglist-autowidth",
-    !i && "taglist-vertical",
-    s && "row display-flex-sm flex-wrap-sm",
-    a.className
-  ), n = /* @__PURE__ */ e("div", { className: `tags-per-row-${s}`, children: t });
-  return /* @__PURE__ */ e("div", { ...l, className: o, children: s ? n : t });
+import e from "../../utils/classNames.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/tag/TagList.tsx
+var n = (n) => {
+	let { children: r, inline: i = !0, autoTagWidth: a = !1, tagsPerRow: o, ...s } = n, c = e("taglist", !a && "taglist-autowidth", !i && "taglist-vertical", o && "row display-flex-sm flex-wrap-sm", n.className), l = /* @__PURE__ */ t("div", {
+		className: `tags-per-row-${o}`,
+		children: r
+	});
+	return /* @__PURE__ */ t("div", {
+		...s,
+		className: c,
+		children: o ? l : r
+	});
 };
-export {
-  g as default
-};
-//# sourceMappingURL=TagList.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=TagList.js.map

package/components/tag/TagList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.js","sources":["../../../src/components/tag/TagList.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type TagListProps = {\n    /**\n     * Defines if the tag list is rendered inline or vertically.\n     *\n     * @default true\n     */\n    inline?: boolean;\n\n    /**\n     * Defines if the tag has the same with as it`s parent container.\n     *\n     * @default false\n     */\n    autoTagWidth?: boolean;\n\n    /**\n     * Possible values are 1-6\n     */\n    tagsPerRow?: 1 | 2 | 3 | 4 | 6;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nconst TagList = (props: PropsWithChildren<TagListProps>) => {\n    const { children, inline = true, autoTagWidth = false, tagsPerRow, ...remainingProps } = props;\n\n    const tagListClasses = classNames(\n        'taglist',\n        !autoTagWidth && 'taglist-autowidth',\n        !inline && 'taglist-vertical',\n        tagsPerRow && 'row display-flex-sm flex-wrap-sm',\n        props.className\n    );\n\n    const wrappedChildren = <div className={`tags-per-row-${tagsPerRow}`}>{children}</div>;\n\n    return (\n        <div {...remainingProps} className={tagListClasses}>\n            {tagsPerRow ? wrappedChildren : children}\n        </div>\n    );\n};\n\nexport default TagList;\n"],"names":["TagList","props","children","inline","autoTagWidth","tagsPerRow","remainingProps","tagListClasses","classNames","wrappedChildren","jsx"],"mappings":";;AA8BA,MAAMA,IAAU,CAACC,MAA2C;AACxD,QAAM,EAAE,UAAAC,GAAU,QAAAC,IAAS,IAAM,cAAAC,IAAe,IAAO,YAAAC,GAAY,GAAGC,EAAA,IAAmBL,GAEnFM,IAAiBC;AAAA,IACnB;AAAA,IACA,CAACJ,KAAgB;AAAA,IACjB,CAACD,KAAU;AAAA,IACXE,KAAc;AAAA,IACdJ,EAAM;AAAA,EAAA,GAGJQ,IAAkB,gBAAAC,EAAC,OAAA,EAAI,WAAW,gBAAgBL,CAAU,IAAK,UAAAH,GAAS;AAEhF,SACI,gBAAAQ,EAAC,SAAK,GAAGJ,GAAgB,WAAWC,GAC/B,UAAAF,IAAaI,IAAkBP,EAAA,CACpC;AAER;"}
+{"version":3,"file":"TagList.js","names":[],"sources":["../../../src/components/tag/TagList.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type TagListProps = {\n    /**\n     * Defines if the tag list is rendered inline or vertically.\n     *\n     * @default true\n     */\n    inline?: boolean;\n\n    /**\n     * Defines if the tag has the same with as it`s parent container.\n     *\n     * @default false\n     */\n    autoTagWidth?: boolean;\n\n    /**\n     * Possible values are 1-6\n     */\n    tagsPerRow?: 1 | 2 | 3 | 4 | 6;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nconst TagList = (props: PropsWithChildren<TagListProps>) => {\n    const { children, inline = true, autoTagWidth = false, tagsPerRow, ...remainingProps } = props;\n\n    const tagListClasses = classNames(\n        'taglist',\n        !autoTagWidth && 'taglist-autowidth',\n        !inline && 'taglist-vertical',\n        tagsPerRow && 'row display-flex-sm flex-wrap-sm',\n        props.className\n    );\n\n    const wrappedChildren = <div className={`tags-per-row-${tagsPerRow}`}>{children}</div>;\n\n    return (\n        <div {...remainingProps} className={tagListClasses}>\n            {tagsPerRow ? wrappedChildren : children}\n        </div>\n    );\n};\n\nexport default TagList;\n"],"mappings":";;;AA8BA,IAAM,KAAW,MAA2C;CACxD,IAAM,EAAE,aAAU,YAAS,IAAM,kBAAe,IAAO,eAAY,GAAG,MAAmB,GAEnF,IAAiB,EACnB,WACA,CAAC,KAAgB,qBACjB,CAAC,KAAU,oBACX,KAAc,oCACd,EAAM,SACV,GAEM,IAAkB,kBAAC,OAAD;EAAK,WAAW,gBAAgB;EAAe;CAAc,CAAA;CAErF,OACI,kBAAC,OAAD;EAAK,GAAI;EAAgB,WAAW;YAC/B,IAAa,IAAkB;CAC/B,CAAA;AAEb"}

package/components/tagManager/CustomSuggestionItem.js

@@ -1,19 +1,14 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import t from "../../utils/classNames.js";
-const l = ({ value: s, placeholder: r }) => {
-  const o = t(
-    "display-flex align-items-center padding-top-5 padding-bottom-5",
-    !s && "text-color-gray"
-  ), i = t(
-    "margin-left--5 margin-right-5 margin-top--1 rioglyph",
-    s ? "rioglyph-plus" : "rioglyph-arrow-up"
-  );
-  return /* @__PURE__ */ e("span", { className: o, children: [
-    /* @__PURE__ */ a("span", { className: i }),
-    /* @__PURE__ */ a("span", { className: "text-italic", children: s || r })
-  ] });
-};
-export {
-  l as default
-};
-//# sourceMappingURL=CustomSuggestionItem.js.map
+import e from "../../utils/classNames.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/tagManager/CustomSuggestionItem.tsx
+var r = ({ value: r, placeholder: i }) => /* @__PURE__ */ n("span", {
+	className: e("display-flex align-items-center padding-top-5 padding-bottom-5", !r && "text-color-gray"),
+	children: [/* @__PURE__ */ t("span", { className: e("margin-left--5 margin-right-5 margin-top--1 uikit-icon", r ? "icon-plus" : "icon-arrow-up") }), /* @__PURE__ */ t("span", {
+		className: "text-italic",
+		children: r || i
+	})]
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=CustomSuggestionItem.js.map

package/components/tagManager/CustomSuggestionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSuggestionItem.js","sources":["../../../src/components/tagManager/CustomSuggestionItem.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type CustomSuggestionItemProps = {\n    value?: string | React.ReactNode;\n    placeholder?: string | React.ReactNode;\n};\n\nconst CustomSuggestionItem = ({ value, placeholder }: CustomSuggestionItemProps) => {\n    const wrapperClassNames = classNames(\n        'display-flex align-items-center padding-top-5 padding-bottom-5',\n        !value && 'text-color-gray'\n    );\n\n    const iconClassNames = classNames(\n        'margin-left--5 margin-right-5 margin-top--1 rioglyph',\n        value ? 'rioglyph-plus' : 'rioglyph-arrow-up'\n    );\n\n    return (\n        <span className={wrapperClassNames}>\n            <span className={iconClassNames} />\n            <span className='text-italic'>{value || placeholder}</span>\n        </span>\n    );\n};\n\nexport default CustomSuggestionItem;\n"],"names":["CustomSuggestionItem","value","placeholder","wrapperClassNames","classNames","iconClassNames","jsxs","jsx"],"mappings":";;AASA,MAAMA,IAAuB,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAA6C;AAChF,QAAMC,IAAoBC;AAAA,IACtB;AAAA,IACA,CAACH,KAAS;AAAA,EAAA,GAGRI,IAAiBD;AAAA,IACnB;AAAA,IACAH,IAAQ,kBAAkB;AAAA,EAAA;AAG9B,SACI,gBAAAK,EAAC,QAAA,EAAK,WAAWH,GACb,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWF,EAAA,CAAgB;AAAA,IACjC,gBAAAE,EAAC,QAAA,EAAK,WAAU,eAAe,eAASL,EAAA,CAAY;AAAA,EAAA,GACxD;AAER;"}
+{"version":3,"file":"CustomSuggestionItem.js","names":[],"sources":["../../../src/components/tagManager/CustomSuggestionItem.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type CustomSuggestionItemProps = {\n    value?: string | React.ReactNode;\n    placeholder?: string | React.ReactNode;\n};\n\nconst CustomSuggestionItem = ({ value, placeholder }: CustomSuggestionItemProps) => {\n    const wrapperClassNames = classNames(\n        'display-flex align-items-center padding-top-5 padding-bottom-5',\n        !value && 'text-color-gray'\n    );\n\n    const iconClassNames = classNames(\n        'margin-left--5 margin-right-5 margin-top--1 uikit-icon',\n        value ? 'icon-plus' : 'icon-arrow-up'\n    );\n\n    return (\n        <span className={wrapperClassNames}>\n            <span className={iconClassNames} />\n            <span className='text-italic'>{value || placeholder}</span>\n        </span>\n    );\n};\n\nexport default CustomSuggestionItem;\n"],"mappings":";;;AASA,IAAM,KAAwB,EAAE,UAAO,qBAY/B,kBAAC,QAAD;CAAM,WAXgB,EACtB,kEACA,CAAC,KAAS,iBASO;WAAjB,CACI,kBAAC,QAAD,EAAM,WAPS,EACnB,0DACA,IAAQ,cAAc,eAKD,EAAiB,CAAA,GAClC,kBAAC,QAAD;EAAM,WAAU;YAAe,KAAS;CAAkB,CAAA,CACxD"}

package/components/tagManager/TagManager.js

@@ -1,91 +1,83 @@
-import { jsxs as O, jsx as b } from "react/jsx-runtime";
-import { useState as p, useEffect as f } from "react";
-import { noop as W, compact as h, isEmpty as d } from "es-toolkit/compat";
-import { isEqual as v } from "es-toolkit/predicate";
-import N from "../../utils/classNames.js";
-import { AutoSuggest as _ } from "../autosuggest/AutoSuggest.js";
-import k from "./CustomSuggestionItem.js";
-import z from "./TagManagerItemList.js";
-const B = (e, t) => ({
-  customSuggestion: /* @__PURE__ */ b(k, { value: e, placeholder: t }),
-  label: e,
-  disabled: d(e)
-}), G = (e) => ({
-  header: !0,
-  label: e
-}), R = (e) => (delete e.toAdd, delete e.toRemove, e), H = (e, t) => !!e.find((s) => s.label === t.label), J = (e) => {
-  const t = e.customSuggestion ? { label: e.label } : e;
-  return t.toAdd = !0, t;
-}, K = (e, t, s) => (l, u) => {
-  const g = u.map(R).filter((S) => S.label), i = typeof s == "string" && !d(s);
-  return h([
-    e && B(l, t),
-    e && !d(g) && i && G(s),
-    ...g
-  ]);
-}, Q = (e, t, s = "") => e.filter((l) => {
-  const u = l.label;
-  if (!u)
-    return !1;
-  const g = u.toLowerCase(), i = s.toLowerCase();
-  return g.includes(i) && !t.includes(u) && !l.header && !l.customSuggestion;
-}), se = (e) => {
-  const {
-    tagList: t,
-    tagSuggestions: s,
-    placeholder: l,
-    className: u,
-    customTagPlaceholder: g,
-    dropdownSeparatorText: i,
-    onTagListChange: S = W,
-    useCustomTags: I = !0,
-    noItemMessage: A,
-    showInput: x = !0,
-    ...y
-  } = e, [a, C] = p(t), [c, T] = p(""), [F, L] = p([]), w = K(I, g, i);
-  f(() => C(h(t.map(R))), [t]), f(() => L(w(c, s)), [s]), f(() => {
-    const o = h(a.map((D) => D.label)), r = c || "", n = Q(
-      s,
-      o,
-      r
-    );
-    L(w(r, n));
-  }, [a, c, s]);
-  const m = (o) => {
-    C(o), console.log(o), S(o);
-  }, M = ({ value: o }) => T(o), E = (o, { suggestion: r }) => {
-    T("");
-    const n = J(r);
-    if (H(a, n)) {
-      m([...a]);
-      return;
-    }
-    m([...a, n]);
-  }, P = (o, r) => o.map((n) => (v(n.label, r.label) && (n.toRemove ? delete n.toRemove : n.toRemove = !0), n)), V = (o) => {
-    o.toAdd ? m(a.filter((r) => !v(r, o))) : m(P(a, o));
-  }, j = {
-    className: "",
-    placeholder: l || "Start typing ...",
-    value: c,
-    tabIndex: 1
-  }, q = N(!d(a) && "margin-bottom-10");
-  return /* @__PURE__ */ O("div", { ...y, className: N("TagManager", u), children: [
-    x && /* @__PURE__ */ b(
-      _,
-      {
-        className: q,
-        inputProps: j,
-        suggestions: F,
-        onSuggestionSelected: E,
-        onSuggestionsFetchRequested: M,
-        openOnFocus: !0,
-        noItemMessage: A
-      }
-    ),
-    /* @__PURE__ */ b(z, { tags: a, onRemoveFromTagList: V })
-  ] });
+import e from "../../utils/classNames.js";
+import { AutoSuggest as t } from "../autosuggest/AutoSuggest.js";
+import n from "./CustomSuggestionItem.js";
+import r from "./TagManagerItemList.js";
+import { useEffect as i, useState as a } from "react";
+import { compact as o, isEmpty as s, noop as c } from "es-toolkit/compat";
+import { isEqual as l } from "es-toolkit/predicate";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/tagManager/TagManager.tsx
+var f = (e, t) => ({
+	customSuggestion: /* @__PURE__ */ u(n, {
+		value: e,
+		placeholder: t
+	}),
+	label: e,
+	disabled: s(e)
+}), p = (e) => ({
+	header: !0,
+	label: e
+}), m = (e) => (delete e.toAdd, delete e.toRemove, e), h = (e, t) => !!e.find((e) => e.label === t.label), g = (e) => {
+	let t = e.customSuggestion ? { label: e.label } : e;
+	return t.toAdd = !0, t;
+}, _ = (e, t, n) => (r, i) => {
+	let a = i.map(m).filter((e) => e.label), c = typeof n == "string" && !s(n);
+	return o([
+		e && f(r, t),
+		e && !s(a) && c && p(n),
+		...a
+	]);
+}, v = (e, t, n = "") => e.filter((e) => {
+	let r = e.label;
+	if (!r) return !1;
+	let i = r.toLowerCase(), a = n.toLowerCase();
+	return i.includes(a) && !t.includes(r) && !e.header && !e.customSuggestion;
+}), y = (n) => {
+	let { tagList: f, tagSuggestions: p, placeholder: y, className: b, customTagPlaceholder: x, dropdownSeparatorText: S, onTagListChange: C = c, useCustomTags: w = !0, noItemMessage: T, showInput: E = !0, ...D } = n, [O, k] = a(f), [A, j] = a(""), [M, N] = a([]), P = _(w, x, S);
+	i(() => k(o(f.map(m))), [f]), i(() => N(P(A, p)), [p]), i(() => {
+		let e = o(O.map((e) => e.label)), t = A || "", n = v(p, e, t);
+		N(P(t, n));
+	}, [
+		O,
+		A,
+		p
+	]);
+	let F = (e) => {
+		k(e), console.log(e), C(e);
+	}, I = ({ value: e }) => j(e), L = (e, { suggestion: t }) => {
+		j("");
+		let n = g(t);
+		if (h(O, n)) {
+			F([...O]);
+			return;
+		}
+		F([...O, n]);
+	}, R = (e, t) => e.map((e) => (l(e.label, t.label) && (e.toRemove ? delete e.toRemove : e.toRemove = !0), e)), z = (e) => {
+		e.toAdd ? F(O.filter((t) => !l(t, e))) : F(R(O, e));
+	}, B = {
+		className: "",
+		placeholder: y || "Start typing ...",
+		value: A,
+		tabIndex: 1
+	}, V = e(!s(O) && "margin-bottom-10");
+	return /* @__PURE__ */ d("div", {
+		...D,
+		className: e("TagManager", b),
+		children: [E && /* @__PURE__ */ u(t, {
+			className: V,
+			inputProps: B,
+			suggestions: M,
+			onSuggestionSelected: L,
+			onSuggestionsFetchRequested: I,
+			openOnFocus: !0,
+			noItemMessage: T
+		}), /* @__PURE__ */ u(r, {
+			tags: O,
+			onRemoveFromTagList: z
+		})]
+	});
 };
-export {
-  se as default
-};
-//# sourceMappingURL=TagManager.js.map
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=TagManager.js.map

package/components/tagManager/TagManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagManager.js","sources":["../../../src/components/tagManager/TagManager.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useState } from 'react';\nimport { compact, isEmpty, noop } from 'es-toolkit/compat';\nimport { isEqual } from 'es-toolkit/predicate';\n\nimport classNames from '../../utils/classNames';\nimport AutoSuggest, { type AutoSuggestProps, type AutoSuggestSuggestion } from '../autosuggest/AutoSuggest';\nimport CustomSuggestionItem from './CustomSuggestionItem';\nimport TagManagerItemList from './TagManagerItemList';\n\nexport type TagManagerTag = {\n    /**\n     * The visible text of the tag.\n     */\n    label?: string;\n\n    /**\n     * Marks a tag that should be added (used to differentiate newly added tags).\n     */\n    toAdd?: boolean;\n\n    /**\n     * Marks a tag that should be removed (used to differentiate tags flagged for deletion).\n     */\n    toRemove?: boolean;\n};\n\nconst getCustomSuggestion = (value: string, placeholder: string | undefined): AutoSuggestSuggestion => ({\n    customSuggestion: <CustomSuggestionItem value={value} placeholder={placeholder} />,\n    label: value,\n    disabled: isEmpty(value),\n});\n\nconst getSuggestionSeparator = (dropdownSeparatorText: string): AutoSuggestSuggestion => ({\n    header: true,\n    label: dropdownSeparatorText,\n});\n\nconst cleanupTagState = (tag: TagManagerTag): TagManagerTag => {\n    delete tag.toAdd;\n    delete tag.toRemove;\n    return tag;\n};\n\nconst hasTagAlreadySelected = (tags: TagManagerTag[], newSuggestion: AutoSuggestSuggestion) =>\n    !!tags.find(tag => tag.label === newSuggestion.label);\n\nconst getNewSuggestion = (suggestion: AutoSuggestSuggestion) => {\n    const newSuggestion = suggestion.customSuggestion ? { label: suggestion.label } : suggestion;\n    newSuggestion.toAdd = true;\n    return newSuggestion;\n};\n\nconst buildSuggestions =\n    (useCustomTags: boolean, customTagPlaceholder: string | undefined, dropdownSeparatorText: string | undefined) =>\n    (value: string, suggestions: TagManagerTag[]): AutoSuggestSuggestion[] => {\n        const cleanedSuggestions = suggestions.map(cleanupTagState).filter(item => item.label);\n        const hasDropdownSeparatorText = typeof dropdownSeparatorText === 'string' && !isEmpty(dropdownSeparatorText);\n\n        return compact([\n            useCustomTags && getCustomSuggestion(value, customTagPlaceholder),\n            useCustomTags &&\n                !isEmpty(cleanedSuggestions) &&\n                hasDropdownSeparatorText &&\n                getSuggestionSeparator(dropdownSeparatorText),\n            ...(cleanedSuggestions as unknown as AutoSuggestSuggestion[]),\n        ]);\n    };\n\nconst filterSuggestions = (suggestions: AutoSuggestSuggestion[], selectedTagNames: string[], value = '') =>\n    suggestions.filter(suggestion => {\n        const label = suggestion.label;\n        if (!label) {\n            return false;\n        }\n        const lowerCaseLabel = label.toLowerCase();\n        const lowerCaseValue = value.toLowerCase();\n        return (\n            lowerCaseLabel.includes(lowerCaseValue) &&\n            !selectedTagNames.includes(label) &&\n            !suggestion.header &&\n            !suggestion.customSuggestion\n        );\n    });\n\nexport type TagManagerProps = {\n    /**\n     * The list of existing tags to be listed.\n     */\n    tagList: TagManagerTag[];\n\n    /**\n     * The list of tags used as suggestions for the built-in AutoSuggest.\n     */\n    tagSuggestions: TagManagerTag[];\n\n    /**\n     * Callback function triggered when the list of tags changes.\n     *\n     * For instance when a tag was added by the AutoSuggest or when a tag is marked to be deleted.\n     *\n     * This function returns the updated list of tags where tags may have additional properties indicating whether they\n     * have to be removed or added to your data.\n     *\n     * @param newTags The updated list of tags.\n     * \n     * @example\n     * [\n        {\n            label: 'Foo',\n        },\n        {\n            label: 'Bar',\n            toAdd: true,\n        },\n        {\n            label: 'Lorem ipsum',\n            toRemove: true,\n        }\n    ]\n     */\n    onTagListChange?: (newTags: TagManagerTag[]) => void;\n\n    /**\n     * The placeholder message for the AutoSuggest input.\n     */\n    placeholder?: string;\n\n    /**\n     * The placeholder message for custom tag in the AutoSuggest dropdown.\n     *\n     * This is only relevant when having custom tags enabled.\n     */\n    customTagPlaceholder?: string;\n\n    /**\n     * The header message for existing tags in the AutoSuggest dropdown.\n     *\n     * This is only relevant when having custom tags enabled.\n     */\n    dropdownSeparatorText?: string;\n\n    /**\n     * Enables or disabled to add custom tags from the AutoSuggest dropdown.\n     *\n     * @default true\n     */\n    useCustomTags?: boolean;\n\n    /**\n     * Define whether the input shall be shown and to allow to select tags.\n     *\n     * @default true\n     */\n    showInput?: boolean;\n\n    /**\n     * The message to be shown when no tag suggestion could be found for the entered value of the AutoSuggest.\n     */\n    noItemMessage?: string | React.ReactNode;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nconst TagManager = (props: TagManagerProps) => {\n    const {\n        tagList,\n        tagSuggestions,\n        placeholder,\n        className,\n        customTagPlaceholder,\n        dropdownSeparatorText,\n        onTagListChange = noop,\n        useCustomTags = true,\n        noItemMessage,\n        showInput = true,\n        ...remainingProps\n    } = props;\n\n    const [tags, setTags] = useState(tagList);\n    const [inputValue, setInputValue] = useState('');\n    const [currentSuggestions, setCurrentSuggestions] = useState([] as AutoSuggestSuggestion[]);\n\n    const getSuggestions = buildSuggestions(useCustomTags, customTagPlaceholder, dropdownSeparatorText);\n\n    // Update internal list of tags when they change from the outside i.e. when they have been saved,\n    // additionally, cleanup previous state for adding or removing tags\n    useEffect(() => setTags(compact(tagList.map(cleanupTagState))), [tagList]);\n\n    // build suggestion when passed tag suggestions passed change i.e. when a tag got selected and removed from the list\n    useEffect(() => setCurrentSuggestions(getSuggestions(inputValue, tagSuggestions)), [tagSuggestions]);\n\n    // build suggestions when input value change as it should filter the list on suggestions\n    useEffect(() => {\n        const selectedTagNames = compact(tags.map(tag => tag.label));\n        const value = inputValue || '';\n\n        const filteredList = filterSuggestions(\n            tagSuggestions as unknown as AutoSuggestSuggestion[],\n            selectedTagNames,\n            value\n        );\n        setCurrentSuggestions(getSuggestions(value, filteredList));\n    }, [tags, inputValue, tagSuggestions]);\n\n    const updateTags = (updatedTags: TagManagerTag[]) => {\n        setTags(updatedTags);\n        // Notify outside component\n        console.log(updatedTags);\n\n        onTagListChange(updatedTags);\n    };\n\n    const handleSuggestionsChange: AutoSuggestProps['onSuggestionsFetchRequested'] = ({ value }) =>\n        setInputValue(value);\n\n    const handleSuggestionSelected: AutoSuggestProps['onSuggestionSelected'] = (_, { suggestion }) => {\n        setInputValue('');\n\n        const newSuggestion = getNewSuggestion(suggestion);\n\n        if (hasTagAlreadySelected(tags, newSuggestion)) {\n            updateTags([...tags]);\n            return;\n        }\n\n        updateTags([...tags, newSuggestion]);\n    };\n\n    const updateTagsWithSelectedTag = (tagItems: TagManagerTag[], selectedTag: TagManagerTag) => {\n        return tagItems.map(tag => {\n            if (isEqual(tag.label, selectedTag.label)) {\n                // update tag and mark as \"to remove\"\n                if (tag.toRemove) {\n                    delete tag.toRemove;\n                } else {\n                    tag.toRemove = true;\n                }\n            }\n            return tag;\n        });\n    };\n\n    const handleRemoveFromTagList = (selectedTag: TagManagerTag) => {\n        if (selectedTag.toAdd) {\n            updateTags(tags.filter(tag => !isEqual(tag, selectedTag)));\n        } else {\n            updateTags(updateTagsWithSelectedTag(tags, selectedTag));\n        }\n    };\n\n    const inputProps = {\n        className: '',\n        placeholder: placeholder || 'Start typing ...',\n        value: inputValue,\n        tabIndex: 1,\n    };\n\n    const autoSuggestClasses = classNames(!isEmpty(tags) && 'margin-bottom-10');\n\n    return (\n        <div {...remainingProps} className={classNames('TagManager', className)}>\n            {showInput && (\n                <AutoSuggest\n                    className={autoSuggestClasses}\n                    inputProps={inputProps}\n                    suggestions={currentSuggestions}\n                    onSuggestionSelected={handleSuggestionSelected}\n                    onSuggestionsFetchRequested={handleSuggestionsChange}\n                    openOnFocus\n                    noItemMessage={noItemMessage}\n                />\n            )}\n            <TagManagerItemList tags={tags} onRemoveFromTagList={handleRemoveFromTagList} />\n        </div>\n    );\n};\n\nexport default TagManager;\n"],"names":["getCustomSuggestion","value","placeholder","jsx","CustomSuggestionItem","isEmpty","getSuggestionSeparator","dropdownSeparatorText","cleanupTagState","tag","hasTagAlreadySelected","tags","newSuggestion","getNewSuggestion","suggestion","buildSuggestions","useCustomTags","customTagPlaceholder","suggestions","cleanedSuggestions","item","hasDropdownSeparatorText","compact","filterSuggestions","selectedTagNames","label","lowerCaseLabel","lowerCaseValue","TagManager","props","tagList","tagSuggestions","className","onTagListChange","noop","noItemMessage","showInput","remainingProps","setTags","useState","inputValue","setInputValue","currentSuggestions","setCurrentSuggestions","getSuggestions","useEffect","filteredList","updateTags","updatedTags","handleSuggestionsChange","handleSuggestionSelected","_","updateTagsWithSelectedTag","tagItems","selectedTag","isEqual","handleRemoveFromTagList","inputProps","autoSuggestClasses","classNames","jsxs","AutoSuggest","TagManagerItemList"],"mappings":";;;;;;;;AA2BA,MAAMA,IAAsB,CAACC,GAAeC,OAA4D;AAAA,EACpG,kBAAkB,gBAAAC,EAACC,GAAA,EAAqB,OAAAH,GAAc,aAAAC,EAAA,CAA0B;AAAA,EAChF,OAAOD;AAAA,EACP,UAAUI,EAAQJ,CAAK;AAC3B,IAEMK,IAAyB,CAACC,OAA0D;AAAA,EACtF,QAAQ;AAAA,EACR,OAAOA;AACX,IAEMC,IAAkB,CAACC,OACrB,OAAOA,EAAI,OACX,OAAOA,EAAI,UACJA,IAGLC,IAAwB,CAACC,GAAuBC,MAClD,CAAC,CAACD,EAAK,KAAK,CAAAF,MAAOA,EAAI,UAAUG,EAAc,KAAK,GAElDC,IAAmB,CAACC,MAAsC;AAC5D,QAAMF,IAAgBE,EAAW,mBAAmB,EAAE,OAAOA,EAAW,UAAUA;AAClF,SAAAF,EAAc,QAAQ,IACfA;AACX,GAEMG,IACF,CAACC,GAAwBC,GAA0CV,MACnE,CAACN,GAAeiB,MAA0D;AACtE,QAAMC,IAAqBD,EAAY,IAAIV,CAAe,EAAE,OAAO,CAAAY,MAAQA,EAAK,KAAK,GAC/EC,IAA2B,OAAOd,KAA0B,YAAY,CAACF,EAAQE,CAAqB;AAE5G,SAAOe,EAAQ;AAAA,IACXN,KAAiBhB,EAAoBC,GAAOgB,CAAoB;AAAA,IAChED,KACI,CAACX,EAAQc,CAAkB,KAC3BE,KACAf,EAAuBC,CAAqB;AAAA,IAChD,GAAIY;AAAA,EAAA,CACP;AACL,GAEEI,IAAoB,CAACL,GAAsCM,GAA4BvB,IAAQ,OACjGiB,EAAY,OAAO,CAAAJ,MAAc;AAC7B,QAAMW,IAAQX,EAAW;AACzB,MAAI,CAACW;AACD,WAAO;AAEX,QAAMC,IAAiBD,EAAM,YAAA,GACvBE,IAAiB1B,EAAM,YAAA;AAC7B,SACIyB,EAAe,SAASC,CAAc,KACtC,CAACH,EAAiB,SAASC,CAAK,KAChC,CAACX,EAAW,UACZ,CAACA,EAAW;AAEpB,CAAC,GAoFCc,KAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAA7B;AAAA,IACA,WAAA8B;AAAA,IACA,sBAAAf;AAAA,IACA,uBAAAV;AAAA,IACA,iBAAA0B,IAAkBC;AAAA,IAClB,eAAAlB,IAAgB;AAAA,IAChB,eAAAmB;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACHR,GAEE,CAAClB,GAAM2B,CAAO,IAAIC,EAAST,CAAO,GAClC,CAACU,GAAYC,CAAa,IAAIF,EAAS,EAAE,GACzC,CAACG,GAAoBC,CAAqB,IAAIJ,EAAS,CAAA,CAA6B,GAEpFK,IAAiB7B,EAAiBC,GAAeC,GAAsBV,CAAqB;AAIlG,EAAAsC,EAAU,MAAMP,EAAQhB,EAAQQ,EAAQ,IAAItB,CAAe,CAAC,CAAC,GAAG,CAACsB,CAAO,CAAC,GAGzEe,EAAU,MAAMF,EAAsBC,EAAeJ,GAAYT,CAAc,CAAC,GAAG,CAACA,CAAc,CAAC,GAGnGc,EAAU,MAAM;AACZ,UAAMrB,IAAmBF,EAAQX,EAAK,IAAI,CAAAF,MAAOA,EAAI,KAAK,CAAC,GACrDR,IAAQuC,KAAc,IAEtBM,IAAevB;AAAA,MACjBQ;AAAA,MACAP;AAAA,MACAvB;AAAA,IAAA;AAEJ,IAAA0C,EAAsBC,EAAe3C,GAAO6C,CAAY,CAAC;AAAA,EAC7D,GAAG,CAACnC,GAAM6B,GAAYT,CAAc,CAAC;AAErC,QAAMgB,IAAa,CAACC,MAAiC;AACjD,IAAAV,EAAQU,CAAW,GAEnB,QAAQ,IAAIA,CAAW,GAEvBf,EAAgBe,CAAW;AAAA,EAC/B,GAEMC,IAA2E,CAAC,EAAE,OAAAhD,EAAA,MAChFwC,EAAcxC,CAAK,GAEjBiD,IAAqE,CAACC,GAAG,EAAE,YAAArC,QAAiB;AAC9F,IAAA2B,EAAc,EAAE;AAEhB,UAAM7B,IAAgBC,EAAiBC,CAAU;AAEjD,QAAIJ,EAAsBC,GAAMC,CAAa,GAAG;AAC5C,MAAAmC,EAAW,CAAC,GAAGpC,CAAI,CAAC;AACpB;AAAA,IACJ;AAEA,IAAAoC,EAAW,CAAC,GAAGpC,GAAMC,CAAa,CAAC;AAAA,EACvC,GAEMwC,IAA4B,CAACC,GAA2BC,MACnDD,EAAS,IAAI,CAAA5C,OACZ8C,EAAQ9C,EAAI,OAAO6C,EAAY,KAAK,MAEhC7C,EAAI,WACJ,OAAOA,EAAI,WAEXA,EAAI,WAAW,KAGhBA,EACV,GAGC+C,IAA0B,CAACF,MAA+B;AAC5D,IAAIA,EAAY,QACZP,EAAWpC,EAAK,OAAO,CAAAF,MAAO,CAAC8C,EAAQ9C,GAAK6C,CAAW,CAAC,CAAC,IAEzDP,EAAWK,EAA0BzC,GAAM2C,CAAW,CAAC;AAAA,EAE/D,GAEMG,IAAa;AAAA,IACf,WAAW;AAAA,IACX,aAAavD,KAAe;AAAA,IAC5B,OAAOsC;AAAA,IACP,UAAU;AAAA,EAAA,GAGRkB,IAAqBC,EAAW,CAACtD,EAAQM,CAAI,KAAK,kBAAkB;AAE1E,SACI,gBAAAiD,EAAC,SAAK,GAAGvB,GAAgB,WAAWsB,EAAW,cAAc3B,CAAS,GACjE,UAAA;AAAA,IAAAI,KACG,gBAAAjC;AAAA,MAAC0D;AAAA,MAAA;AAAA,QACG,WAAWH;AAAA,QACX,YAAAD;AAAA,QACA,aAAaf;AAAA,QACb,sBAAsBQ;AAAA,QACtB,6BAA6BD;AAAA,QAC7B,aAAW;AAAA,QACX,eAAAd;AAAA,MAAA;AAAA,IAAA;AAAA,IAGR,gBAAAhC,EAAC2D,GAAA,EAAmB,MAAAnD,GAAY,qBAAqB6C,EAAA,CAAyB;AAAA,EAAA,GAClF;AAER;"}
+{"version":3,"file":"TagManager.js","names":[],"sources":["../../../src/components/tagManager/TagManager.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useState } from 'react';\nimport { compact, isEmpty, noop } from 'es-toolkit/compat';\nimport { isEqual } from 'es-toolkit/predicate';\n\nimport classNames from '../../utils/classNames';\nimport AutoSuggest, { type AutoSuggestProps, type AutoSuggestSuggestion } from '../autosuggest/AutoSuggest';\nimport CustomSuggestionItem from './CustomSuggestionItem';\nimport TagManagerItemList from './TagManagerItemList';\n\nexport type TagManagerTag = {\n    /**\n     * The visible text of the tag.\n     */\n    label?: string;\n\n    /**\n     * Marks a tag that should be added (used to differentiate newly added tags).\n     */\n    toAdd?: boolean;\n\n    /**\n     * Marks a tag that should be removed (used to differentiate tags flagged for deletion).\n     */\n    toRemove?: boolean;\n};\n\nconst getCustomSuggestion = (value: string, placeholder: string | undefined): AutoSuggestSuggestion => ({\n    customSuggestion: <CustomSuggestionItem value={value} placeholder={placeholder} />,\n    label: value,\n    disabled: isEmpty(value),\n});\n\nconst getSuggestionSeparator = (dropdownSeparatorText: string): AutoSuggestSuggestion => ({\n    header: true,\n    label: dropdownSeparatorText,\n});\n\nconst cleanupTagState = (tag: TagManagerTag): TagManagerTag => {\n    delete tag.toAdd;\n    delete tag.toRemove;\n    return tag;\n};\n\nconst hasTagAlreadySelected = (tags: TagManagerTag[], newSuggestion: AutoSuggestSuggestion) =>\n    !!tags.find(tag => tag.label === newSuggestion.label);\n\nconst getNewSuggestion = (suggestion: AutoSuggestSuggestion) => {\n    const newSuggestion = suggestion.customSuggestion ? { label: suggestion.label } : suggestion;\n    newSuggestion.toAdd = true;\n    return newSuggestion;\n};\n\nconst buildSuggestions =\n    (useCustomTags: boolean, customTagPlaceholder: string | undefined, dropdownSeparatorText: string | undefined) =>\n    (value: string, suggestions: TagManagerTag[]): AutoSuggestSuggestion[] => {\n        const cleanedSuggestions = suggestions.map(cleanupTagState).filter(item => item.label);\n        const hasDropdownSeparatorText = typeof dropdownSeparatorText === 'string' && !isEmpty(dropdownSeparatorText);\n\n        return compact([\n            useCustomTags && getCustomSuggestion(value, customTagPlaceholder),\n            useCustomTags &&\n                !isEmpty(cleanedSuggestions) &&\n                hasDropdownSeparatorText &&\n                getSuggestionSeparator(dropdownSeparatorText),\n            ...(cleanedSuggestions as unknown as AutoSuggestSuggestion[]),\n        ]);\n    };\n\nconst filterSuggestions = (suggestions: AutoSuggestSuggestion[], selectedTagNames: string[], value = '') =>\n    suggestions.filter(suggestion => {\n        const label = suggestion.label;\n        if (!label) {\n            return false;\n        }\n        const lowerCaseLabel = label.toLowerCase();\n        const lowerCaseValue = value.toLowerCase();\n        return (\n            lowerCaseLabel.includes(lowerCaseValue) &&\n            !selectedTagNames.includes(label) &&\n            !suggestion.header &&\n            !suggestion.customSuggestion\n        );\n    });\n\nexport type TagManagerProps = {\n    /**\n     * The list of existing tags to be listed.\n     */\n    tagList: TagManagerTag[];\n\n    /**\n     * The list of tags used as suggestions for the built-in AutoSuggest.\n     */\n    tagSuggestions: TagManagerTag[];\n\n    /**\n     * Callback function triggered when the list of tags changes.\n     *\n     * For instance when a tag was added by the AutoSuggest or when a tag is marked to be deleted.\n     *\n     * This function returns the updated list of tags where tags may have additional properties indicating whether they\n     * have to be removed or added to your data.\n     *\n     * @param newTags The updated list of tags.\n     * \n     * @example\n     * [\n        {\n            label: 'Foo',\n        },\n        {\n            label: 'Bar',\n            toAdd: true,\n        },\n        {\n            label: 'Lorem ipsum',\n            toRemove: true,\n        }\n    ]\n     */\n    onTagListChange?: (newTags: TagManagerTag[]) => void;\n\n    /**\n     * The placeholder message for the AutoSuggest input.\n     */\n    placeholder?: string;\n\n    /**\n     * The placeholder message for custom tag in the AutoSuggest dropdown.\n     *\n     * This is only relevant when having custom tags enabled.\n     */\n    customTagPlaceholder?: string;\n\n    /**\n     * The header message for existing tags in the AutoSuggest dropdown.\n     *\n     * This is only relevant when having custom tags enabled.\n     */\n    dropdownSeparatorText?: string;\n\n    /**\n     * Enables or disabled to add custom tags from the AutoSuggest dropdown.\n     *\n     * @default true\n     */\n    useCustomTags?: boolean;\n\n    /**\n     * Define whether the input shall be shown and to allow to select tags.\n     *\n     * @default true\n     */\n    showInput?: boolean;\n\n    /**\n     * The message to be shown when no tag suggestion could be found for the entered value of the AutoSuggest.\n     */\n    noItemMessage?: string | React.ReactNode;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nconst TagManager = (props: TagManagerProps) => {\n    const {\n        tagList,\n        tagSuggestions,\n        placeholder,\n        className,\n        customTagPlaceholder,\n        dropdownSeparatorText,\n        onTagListChange = noop,\n        useCustomTags = true,\n        noItemMessage,\n        showInput = true,\n        ...remainingProps\n    } = props;\n\n    const [tags, setTags] = useState(tagList);\n    const [inputValue, setInputValue] = useState('');\n    const [currentSuggestions, setCurrentSuggestions] = useState([] as AutoSuggestSuggestion[]);\n\n    const getSuggestions = buildSuggestions(useCustomTags, customTagPlaceholder, dropdownSeparatorText);\n\n    // Update internal list of tags when they change from the outside i.e. when they have been saved,\n    // additionally, cleanup previous state for adding or removing tags\n    useEffect(() => setTags(compact(tagList.map(cleanupTagState))), [tagList]);\n\n    // build suggestion when passed tag suggestions passed change i.e. when a tag got selected and removed from the list\n    useEffect(() => setCurrentSuggestions(getSuggestions(inputValue, tagSuggestions)), [tagSuggestions]);\n\n    // build suggestions when input value change as it should filter the list on suggestions\n    useEffect(() => {\n        const selectedTagNames = compact(tags.map(tag => tag.label));\n        const value = inputValue || '';\n\n        const filteredList = filterSuggestions(\n            tagSuggestions as unknown as AutoSuggestSuggestion[],\n            selectedTagNames,\n            value\n        );\n        setCurrentSuggestions(getSuggestions(value, filteredList));\n    }, [tags, inputValue, tagSuggestions]);\n\n    const updateTags = (updatedTags: TagManagerTag[]) => {\n        setTags(updatedTags);\n        // Notify outside component\n        console.log(updatedTags);\n\n        onTagListChange(updatedTags);\n    };\n\n    const handleSuggestionsChange: AutoSuggestProps['onSuggestionsFetchRequested'] = ({ value }) =>\n        setInputValue(value);\n\n    const handleSuggestionSelected: AutoSuggestProps['onSuggestionSelected'] = (_, { suggestion }) => {\n        setInputValue('');\n\n        const newSuggestion = getNewSuggestion(suggestion);\n\n        if (hasTagAlreadySelected(tags, newSuggestion)) {\n            updateTags([...tags]);\n            return;\n        }\n\n        updateTags([...tags, newSuggestion]);\n    };\n\n    const updateTagsWithSelectedTag = (tagItems: TagManagerTag[], selectedTag: TagManagerTag) => {\n        return tagItems.map(tag => {\n            if (isEqual(tag.label, selectedTag.label)) {\n                // update tag and mark as \"to remove\"\n                if (tag.toRemove) {\n                    delete tag.toRemove;\n                } else {\n                    tag.toRemove = true;\n                }\n            }\n            return tag;\n        });\n    };\n\n    const handleRemoveFromTagList = (selectedTag: TagManagerTag) => {\n        if (selectedTag.toAdd) {\n            updateTags(tags.filter(tag => !isEqual(tag, selectedTag)));\n        } else {\n            updateTags(updateTagsWithSelectedTag(tags, selectedTag));\n        }\n    };\n\n    const inputProps = {\n        className: '',\n        placeholder: placeholder || 'Start typing ...',\n        value: inputValue,\n        tabIndex: 1,\n    };\n\n    const autoSuggestClasses = classNames(!isEmpty(tags) && 'margin-bottom-10');\n\n    return (\n        <div {...remainingProps} className={classNames('TagManager', className)}>\n            {showInput && (\n                <AutoSuggest\n                    className={autoSuggestClasses}\n                    inputProps={inputProps}\n                    suggestions={currentSuggestions}\n                    onSuggestionSelected={handleSuggestionSelected}\n                    onSuggestionsFetchRequested={handleSuggestionsChange}\n                    openOnFocus\n                    noItemMessage={noItemMessage}\n                />\n            )}\n            <TagManagerItemList tags={tags} onRemoveFromTagList={handleRemoveFromTagList} />\n        </div>\n    );\n};\n\nexport default TagManager;\n"],"mappings":"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"}

package/components/tagManager/TagManagerItemList.js

@@ -1,29 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
-import a from "../../utils/classNames.js";
-import c from "../tag/TagList.js";
-import m from "../tag/Tag.js";
-const u = (r) => {
-  const { tags: s, onRemoveFromTagList: t = () => {
-  } } = r;
-  return /* @__PURE__ */ o(c, { inline: !1, children: s.map((e) => {
-    const l = a(
-      e.toAdd && "border-color-success text-color-success",
-      e.toRemove && "border-color-danger text-color-danger"
-    );
-    return /* @__PURE__ */ o(
-      m,
-      {
-        className: l,
-        deletable: !0,
-        round: !1,
-        onClick: () => t(e),
-        children: e.label
-      },
-      e.label
-    );
-  }) });
+import e from "../../utils/classNames.js";
+import t from "../tag/TagList.js";
+import n from "../tag/Tag.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/tagManager/TagManagerItemList.tsx
+var i = (i) => {
+	let { tags: a, onRemoveFromTagList: o = () => {} } = i;
+	return /* @__PURE__ */ r(t, {
+		inline: !1,
+		children: a.map((t) => /* @__PURE__ */ r(n, {
+			className: e(t.toAdd && "border-color-success text-color-success", t.toRemove && "border-color-danger text-color-danger"),
+			deletable: !0,
+			round: !1,
+			onClick: () => o(t),
+			children: t.label
+		}, t.label))
+	});
 };
-export {
-  u as default
-};
-//# sourceMappingURL=TagManagerItemList.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=TagManagerItemList.js.map

package/components/tagManager/TagManagerItemList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagManagerItemList.js","sources":["../../../src/components/tagManager/TagManagerItemList.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport TagList from '../tag/TagList';\nimport Tag from '../tag/Tag';\nimport type { TagManagerTag } from './TagManager';\n\nexport type TagManagerItemListProps = {\n    tags: TagManagerTag[];\n    onRemoveFromTagList?: (tag: TagManagerTag) => void;\n};\n\nconst TagManagerItemList = (props: TagManagerItemListProps) => {\n    const { tags, onRemoveFromTagList = () => {} } = props;\n\n    return (\n        <TagList inline={false}>\n            {tags.map(tag => {\n                const tagClasses = classNames(\n                    tag.toAdd && 'border-color-success text-color-success',\n                    tag.toRemove && 'border-color-danger text-color-danger'\n                );\n\n                return (\n                    <Tag\n                        key={tag.label}\n                        className={tagClasses}\n                        deletable\n                        round={false}\n                        onClick={() => onRemoveFromTagList(tag)}\n                    >\n                        {tag.label}\n                    </Tag>\n                );\n            })}\n        </TagList>\n    );\n};\n\nexport default TagManagerItemList;\n"],"names":["TagManagerItemList","props","tags","onRemoveFromTagList","TagList","tag","tagClasses","classNames","jsx","Tag"],"mappings":";;;;AAUA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,MAAAC,GAAM,qBAAAC,IAAsB,MAAM;AAAA,EAAC,MAAMF;AAEjD,2BACKG,GAAA,EAAQ,QAAQ,IACZ,UAAAF,EAAK,IAAI,CAAAG,MAAO;AACb,UAAMC,IAAaC;AAAA,MACfF,EAAI,SAAS;AAAA,MACbA,EAAI,YAAY;AAAA,IAAA;AAGpB,WACI,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QAEG,WAAWH;AAAA,QACX,WAAS;AAAA,QACT,OAAO;AAAA,QACP,SAAS,MAAMH,EAAoBE,CAAG;AAAA,QAErC,UAAAA,EAAI;AAAA,MAAA;AAAA,MANAA,EAAI;AAAA,IAAA;AAAA,EASrB,CAAC,EAAA,CACL;AAER;"}
+{"version":3,"file":"TagManagerItemList.js","names":[],"sources":["../../../src/components/tagManager/TagManagerItemList.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport TagList from '../tag/TagList';\nimport Tag from '../tag/Tag';\nimport type { TagManagerTag } from './TagManager';\n\nexport type TagManagerItemListProps = {\n    tags: TagManagerTag[];\n    onRemoveFromTagList?: (tag: TagManagerTag) => void;\n};\n\nconst TagManagerItemList = (props: TagManagerItemListProps) => {\n    const { tags, onRemoveFromTagList = () => {} } = props;\n\n    return (\n        <TagList inline={false}>\n            {tags.map(tag => {\n                const tagClasses = classNames(\n                    tag.toAdd && 'border-color-success text-color-success',\n                    tag.toRemove && 'border-color-danger text-color-danger'\n                );\n\n                return (\n                    <Tag\n                        key={tag.label}\n                        className={tagClasses}\n                        deletable\n                        round={false}\n                        onClick={() => onRemoveFromTagList(tag)}\n                    >\n                        {tag.label}\n                    </Tag>\n                );\n            })}\n        </TagList>\n    );\n};\n\nexport default TagManagerItemList;\n"],"mappings":";;;;;AAUA,IAAM,KAAsB,MAAmC;CAC3D,IAAM,EAAE,SAAM,+BAA4B,CAAC,MAAM;CAEjD,OACI,kBAAC,GAAD;EAAS,QAAQ;YACZ,EAAK,KAAI,MAOF,kBAAC,GAAD;GAEI,WARW,EACf,EAAI,SAAS,2CACb,EAAI,YAAY,uCAMD;GACX,WAAA;GACA,OAAO;GACP,eAAe,EAAoB,CAAG;aAErC,EAAI;EACJ,GAPI,EAAI,KAOR,CAEZ;CACI,CAAA;AAEjB"}