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

package/components/noData/NoData.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoData.js","sources":["../../../src/components/noData/NoData.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\nimport SimpleTooltip from '../tooltip/SimpleTooltip';\nimport type { TooltipWidth } from '../tooltip/Tooltip';\nimport { PLACEMENT } from '../../values/Placement';\nimport type { ObjectValues } from '../../utils/ObjectValues';\n\nexport type NoDataProps = {\n    /**\n     * The actual translated \"No data\" text.\n     */\n    text: string | React.ReactNode;\n\n    /**\n     * Additional explanation shown inside a tooltip.\n     */\n    tooltip?: string | React.ReactNode;\n\n    /**\n     * Sets the direction the Tooltip is positioned towards.\n     *\n     * Possible values are:\n     * `auto-start`, `auto`, `auto-end`,\n     * `top-start`, `top`, `top-end`,\n     * `bottom-start`, `bottom`, `bottom-end`,\n     * `right-start`, `right`, `right-end`,\n     * `left-start`, `left`, `left-end`\n     */\n    tooltipPlacement?: ObjectValues<typeof PLACEMENT>;\n\n    /**\n     * The width of the tooltip.\n     *\n     * Possible values are:\n     * `auto`, `100`, `150`, `200`, `250`, `300`, `350`, `400`, `450`, `500`\n     */\n    tooltipWidth?: TooltipWidth;\n\n    /**\n     * Additional class names to be added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst NoData = (props: NoDataProps) => {\n    const {\n        text,\n        className = '',\n        tooltip,\n        tooltipPlacement = PLACEMENT.BOTTOM,\n        tooltipWidth = 'auto',\n        ...remainingProps\n    } = props;\n\n    const noDataClasses = classNames('NoData', className);\n\n    if (tooltip) {\n        return (\n            <span {...remainingProps} className={noDataClasses}>\n                <span className='pointer-events-none user-select-none'>{text}</span>\n                <SimpleTooltip content={tooltip} placement={tooltipPlacement} width={tooltipWidth}>\n                    <span className='rioglyph rioglyph-info-sign margin-left-5' />\n                </SimpleTooltip>\n            </span>\n        );\n    }\n\n    return (\n        <span {...remainingProps} className={noDataClasses}>\n            <span className='pointer-events-none user-select-none'>{text}</span>\n        </span>\n    );\n};\n\nexport default NoData;\n"],"names":["NoData","props","text","className","tooltip","tooltipPlacement","PLACEMENT","tooltipWidth","remainingProps","noDataClasses","classNames","jsxs","jsx","SimpleTooltip"],"mappings":";;;;AA6CA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM;AAAA,IACF,MAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,kBAAAC,IAAmBC,EAAU;AAAA,IAC7B,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EAAA,IACHP,GAEEQ,IAAgBC,EAAW,UAAUP,CAAS;AAEpD,SAAIC,IAEI,gBAAAO,EAAC,QAAA,EAAM,GAAGH,GAAgB,WAAWC,GACjC,UAAA;AAAA,IAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,wCAAwC,UAAAV,GAAK;AAAA,IAC7D,gBAAAU,EAACC,GAAA,EAAc,SAAST,GAAS,WAAWC,GAAkB,OAAOE,GACjE,UAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,4CAAA,CAA4C,EAAA,CAChE;AAAA,EAAA,GACJ,IAKJ,gBAAAA,EAAC,QAAA,EAAM,GAAGJ,GAAgB,WAAWC,GACjC,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,wCAAwC,UAAAV,EAAA,CAAK,GACjE;AAER;"}
+{"version":3,"file":"NoData.js","names":[],"sources":["../../../src/components/noData/NoData.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\nimport SimpleTooltip from '../tooltip/SimpleTooltip';\nimport type { TooltipWidth } from '../tooltip/Tooltip';\nimport { PLACEMENT, type Placement } from '../../values/Placement';\n\nexport type NoDataProps = {\n    /**\n     * The actual translated \"No data\" text.\n     */\n    text: string | React.ReactNode;\n\n    /**\n     * Additional explanation shown inside a tooltip.\n     */\n    tooltip?: string | React.ReactNode;\n\n    /**\n     * Sets the direction the Tooltip is positioned towards.\n     *\n     * Possible values are:\n     * `top-start`, `top`, `top-end`,\n     * `bottom-start`, `bottom`, `bottom-end`,\n     * `right-start`, `right`, `right-end`,\n     * `left-start`, `left`, `left-end`\n     */\n    tooltipPlacement?: Placement;\n\n    /**\n     * The width of the tooltip.\n     *\n     * Possible values are:\n     * `auto`, `100`, `150`, `200`, `250`, `300`, `350`, `400`, `450`, `500`\n     */\n    tooltipWidth?: TooltipWidth;\n\n    /**\n     * Additional class names to be added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst NoData = (props: NoDataProps) => {\n    const {\n        text,\n        className = '',\n        tooltip,\n        tooltipPlacement = PLACEMENT.BOTTOM,\n        tooltipWidth = 'auto',\n        ...remainingProps\n    } = props;\n\n    const noDataClasses = classNames('NoData', className);\n\n    if (tooltip) {\n        return (\n            <span {...remainingProps} className={noDataClasses}>\n                <span className='pointer-events-none user-select-none'>{text}</span>\n                <SimpleTooltip content={tooltip} placement={tooltipPlacement} width={tooltipWidth}>\n                    <span className='uikit-icon icon-info-sign margin-left-5' />\n                </SimpleTooltip>\n            </span>\n        );\n    }\n\n    return (\n        <span {...remainingProps} className={noDataClasses}>\n            <span className='pointer-events-none user-select-none'>{text}</span>\n        </span>\n    );\n};\n\nexport default NoData;\n"],"mappings":";;;;;AA2CA,IAAM,KAAU,MAAuB;CACnC,IAAM,EACF,SACA,eAAY,IACZ,YACA,sBAAmB,EAAU,QAC7B,kBAAe,QACf,GAAG,MACH,GAEE,IAAgB,EAAW,UAAU,CAAS;CAapD,OAXI,IAEI,kBAAC,QAAD;EAAM,GAAI;EAAgB,WAAW;YAArC,CACI,kBAAC,QAAD;GAAM,WAAU;aAAwC;EAAW,CAAA,GACnE,kBAAC,GAAD;GAAe,SAAS;GAAS,WAAW;GAAkB,OAAO;aACjE,kBAAC,QAAD,EAAM,WAAU,0CAA2C,CAAA;EAChD,CAAA,CACb;MAKV,kBAAC,QAAD;EAAM,GAAI;EAAgB,WAAW;YACjC,kBAAC,QAAD;GAAM,WAAU;aAAwC;EAAW,CAAA;CACjE,CAAA;AAEd"}

package/components/notification/Notification.js

@@ -1,81 +1,84 @@
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import { toast as h, Slide as O } from "react-toastify";
-const b = 5e3, y = 999999, k = {
-  position: "top-right",
-  hideProgressBar: !0,
-  pauseOnHover: !0,
-  draggable: !0,
-  theme: "colored",
-  transition: O
-}, p = (t) => {
-  const { title: i, message: n } = t;
-  return /* @__PURE__ */ e("div", { className: "notification", children: /* @__PURE__ */ C("div", { className: "notification-message", role: "alert", children: [
-    i && /* @__PURE__ */ e("h4", { className: "title", children: i }),
-    /* @__PURE__ */ e("div", { className: "message", children: n })
-  ] }) });
-}, T = (t) => {
-  const {
-    timeout: i,
-    callback: n,
-    iconClassName: a,
-    closeButton: r = !1,
-    hideProgressBar: c = !0,
-    closeOnClick: o = !0
-  } = t;
-  return {
-    ...k,
-    autoClose: i || b,
-    onClick: n,
-    hideProgressBar: c,
-    closeOnClick: o,
-    // replace the default built-in icons
-    icon: /* @__PURE__ */ e("span", { className: `rioglyph ${a}` }),
-    // in case a close button is requested, ignore the auto-injected "closeToast" prop
-    // as otherwise it will be passed onto the underlying DOM element
-    closeButton: r ? ({ closeToast: s }) => /* @__PURE__ */ e("button", { className: "notification-close", type: "button", children: /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-remove" }) }) : !1
-  };
-}, B = /* @__PURE__ */ (() => {
-  const t = (o, s, I) => {
-    const { title: l, timeout: u, callback: m, closeButton: f, closeOnClick: g, hideProgressBar: d } = I ?? {}, N = {
-      default: "",
-      success: "rioglyph-ok text-size-18",
-      info: "rioglyph-info-sign text-size-20",
-      warn: "rioglyph-exclamation-sign text-size-20",
-      error: "rioglyph-error-sign text-size-20"
-    };
-    return o === "default" ? h(
-      /* @__PURE__ */ e(p, { message: s, title: l }),
-      T({
-        timeout: u,
-        callback: m,
-        closeButton: f,
-        closeOnClick: g,
-        hideProgressBar: d,
-        iconClassName: N[o]
-      })
-    ) : h[o](
-      /* @__PURE__ */ e(p, { message: s, title: l }),
-      T({
-        timeout: u,
-        callback: m,
-        closeButton: f,
-        closeOnClick: g,
-        hideProgressBar: d,
-        iconClassName: N[o]
-      })
-    );
-  };
-  return {
-    default: (o, s) => t("default", o, s),
-    success: (o, s) => t("success", o, s),
-    info: (o, s) => t("info", o, s),
-    warning: (o, s) => t("warn", o, s),
-    error: (o, s) => t("error", o, s)
-  };
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Slide as n, toast as r } from "react-toastify";
+//#region src/components/notification/Notification.tsx
+var i = 5e3, a = 999999, o = {
+	position: "top-right",
+	hideProgressBar: !0,
+	pauseOnHover: !0,
+	draggable: !0,
+	theme: "colored",
+	transition: n
+}, s = (n) => {
+	let { title: r, message: i } = n;
+	return /* @__PURE__ */ e("div", {
+		className: "notification",
+		children: /* @__PURE__ */ t("div", {
+			className: "notification-message",
+			role: "alert",
+			children: [r && /* @__PURE__ */ e("h4", {
+				className: "title",
+				children: r
+			}), /* @__PURE__ */ e("div", {
+				className: "message",
+				children: i
+			})]
+		})
+	});
+}, c = (t) => {
+	let { timeout: n, callback: r, iconClassName: i, closeButton: a = !1, hideProgressBar: s = !0, closeOnClick: c = !0 } = t;
+	return {
+		...o,
+		autoClose: n || 5e3,
+		onClick: r,
+		hideProgressBar: s,
+		closeOnClick: c,
+		icon: /* @__PURE__ */ e("span", { className: `uikit-icon ${i}` }),
+		closeButton: a ? ({ closeToast: t }) => /* @__PURE__ */ e("button", {
+			className: "notification-close",
+			type: "button",
+			children: /* @__PURE__ */ e("span", { className: "uikit-icon icon-remove" })
+		}) : !1
+	};
+}, l = (() => {
+	let t = (t, n, i) => {
+		let { title: a, timeout: o, callback: l, closeButton: u, closeOnClick: d, hideProgressBar: f } = i ?? {}, p = {
+			default: "",
+			success: "icon-ok text-size-18",
+			info: "icon-info-sign text-size-20",
+			warn: "icon-warning-sign text-size-20",
+			error: "icon-error-sign text-size-20"
+		};
+		return t === "default" ? r(/* @__PURE__ */ e(s, {
+			message: n,
+			title: a
+		}), c({
+			timeout: o,
+			callback: l,
+			closeButton: u,
+			closeOnClick: d,
+			hideProgressBar: f,
+			iconClassName: p[t]
+		})) : r[t](/* @__PURE__ */ e(s, {
+			message: n,
+			title: a
+		}), c({
+			timeout: o,
+			callback: l,
+			closeButton: u,
+			closeOnClick: d,
+			hideProgressBar: f,
+			iconClassName: p[t]
+		}));
+	};
+	return {
+		default: (e, n) => t("default", e, n),
+		success: (e, n) => t("success", e, n),
+		info: (e, n) => t("info", e, n),
+		warning: (e, n) => t("warn", e, n),
+		error: (e, n) => t("error", e, n)
+	};
 })();
-export {
-  b as DEFAULT_NOTIFICATION_TIMEOUT_IN_MS,
-  y as NOTIFICATION_TIMEOUT_INFINITE,
-  B as default
-};
-//# sourceMappingURL=Notification.js.map
+//#endregion
+export { i as DEFAULT_NOTIFICATION_TIMEOUT_IN_MS, a as NOTIFICATION_TIMEOUT_INFINITE, l as default };
+
+//# sourceMappingURL=Notification.js.map

package/components/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../src/components/notification/Notification.tsx"],"sourcesContent":["import type React from 'react';\nimport { toast, Slide, type ToastOptions } from 'react-toastify';\n\nexport const DEFAULT_NOTIFICATION_TIMEOUT_IN_MS = 5_000;\nexport const NOTIFICATION_TIMEOUT_INFINITE = 999_999;\n\nconst baseOptions: ToastOptions = {\n    position: 'top-right',\n    hideProgressBar: true,\n    pauseOnHover: true,\n    draggable: true,\n    theme: 'colored',\n    transition: Slide,\n};\n\nexport type NotificationOptions = {\n    /**\n     * The title to be shown.\n     */\n    title?: string | React.ReactNode;\n\n    /**\n     * The timeout in milliseconds after which the notification disappears.\n     *\n     * If you don`t want it to automatically disappear, set a very high number.\n     */\n    timeout?: number;\n\n    /**\n     * A function that gets invoked when the notification is clicked.\n     */\n    callback?: VoidFunction;\n\n    /**\n     * Flag to enable a close button.\n     *\n     * @default false\n     */\n    closeButton?: boolean;\n\n    /**\n     * Flag to disable close on clicking on the notification.\n     *\n     * @default true\n     */\n    closeOnClick?: boolean;\n\n    /**\n     * Flag to show a progress bar. By default it is not shown.\n     *\n     * @default true\n     */\n    hideProgressBar?: boolean;\n};\n\n/**\n * Internal\n */\ntype MapOptionsProps = {\n    timeout?: number;\n    callback?: VoidFunction;\n    priority?: boolean;\n    iconClassName: string;\n    closeButton?: boolean | React.ReactElement | ((props: any) => React.ReactElement);\n    closeOnClick?: boolean;\n    hideProgressBar?: boolean;\n};\n\n/**\n * Internal\n */\ntype ToastMessageProps = {\n    message: string | React.ReactNode;\n    title?: string | React.ReactNode;\n};\n\nconst ToastMessage = (props: ToastMessageProps) => {\n    const { title, message } = props;\n\n    return (\n        <div className='notification'>\n            <div className='notification-message' role='alert'>\n                {title && <h4 className='title'>{title}</h4>}\n                <div className='message'>{message}</div>\n            </div>\n        </div>\n    );\n};\n\nconst mapOptions = (options: MapOptionsProps): ToastOptions => {\n    const {\n        timeout,\n        callback,\n        iconClassName,\n        closeButton = false,\n        hideProgressBar = true,\n        closeOnClick = true,\n    } = options;\n\n    return {\n        ...baseOptions,\n        autoClose: timeout || DEFAULT_NOTIFICATION_TIMEOUT_IN_MS,\n        onClick: callback,\n        hideProgressBar,\n        closeOnClick,\n        // replace the default built-in icons\n        icon: <span className={`rioglyph ${iconClassName}`} />,\n        // in case a close button is requested, ignore the auto-injected \"closeToast\" prop\n        // as otherwise it will be passed onto the underlying DOM element\n        closeButton: closeButton\n            ? ({ closeToast: _ignoreCloseToast }) => (\n                  <button className='notification-close' type='button'>\n                      <span className='rioglyph rioglyph-remove' />\n                  </button>\n              )\n            : false,\n    };\n};\n\nconst Notification = (() => {\n    const notify = (\n        type: 'default' | 'info' | 'success' | 'warn' | 'error',\n        message: string | React.ReactNode,\n        options?: NotificationOptions\n    ) => {\n        const { title, timeout: time, callback: cb, closeButton, closeOnClick, hideProgressBar } = options ?? {};\n\n        // Map icon class names based on type\n        const iconClassNames: Record<typeof type, string> = {\n            default: '',\n            success: 'rioglyph-ok text-size-18',\n            info: 'rioglyph-info-sign text-size-20',\n            warn: 'rioglyph-exclamation-sign text-size-20',\n            error: 'rioglyph-error-sign text-size-20',\n        };\n\n        if (type === 'default') {\n            return toast(\n                <ToastMessage message={message} title={title} />,\n                mapOptions({\n                    timeout: time,\n                    callback: cb,\n                    closeButton,\n                    closeOnClick,\n                    hideProgressBar,\n                    iconClassName: iconClassNames[type],\n                })\n            );\n        }\n\n        // Call the appropriate toast function\n        return toast[type](\n            <ToastMessage message={message} title={title} />,\n            mapOptions({\n                timeout: time,\n                callback: cb,\n                closeButton,\n                closeOnClick,\n                hideProgressBar,\n                iconClassName: iconClassNames[type],\n            })\n        );\n    };\n\n    // Wrappers for specific types\n    const defaultNotification = (message: string | React.ReactNode, options?: NotificationOptions) =>\n        notify('default', message, options);\n\n    const info = (message: string | React.ReactNode, options?: NotificationOptions) => notify('info', message, options);\n\n    const success = (message: string | React.ReactNode, options?: NotificationOptions) =>\n        notify('success', message, options);\n\n    const warning = (message: string | React.ReactNode, options?: NotificationOptions) =>\n        notify('warn', message, options);\n\n    const error = (message: string | React.ReactNode, options?: NotificationOptions) =>\n        notify('error', message, options);\n\n    return {\n        default: defaultNotification,\n        success,\n        info,\n        warning,\n        error,\n    };\n})();\n\nexport default Notification;\n"],"names":["DEFAULT_NOTIFICATION_TIMEOUT_IN_MS","NOTIFICATION_TIMEOUT_INFINITE","baseOptions","Slide","ToastMessage","props","title","message","jsx","mapOptions","options","timeout","callback","iconClassName","closeButton","hideProgressBar","closeOnClick","_ignoreCloseToast","Notification","notify","type","time","cb","iconClassNames","toast"],"mappings":";;AAGO,MAAMA,IAAqC,KACrCC,IAAgC,QAEvCC,IAA4B;AAAA,EAC9B,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAYC;AAChB,GA+DMC,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,OAAAC,GAAO,SAAAC,EAAA,IAAYF;AAE3B,SACI,gBAAAG,EAAC,SAAI,WAAU,gBACX,4BAAC,OAAA,EAAI,WAAU,wBAAuB,MAAK,SACtC,UAAA;AAAA,IAAAF,KAAS,gBAAAE,EAAC,MAAA,EAAG,WAAU,SAAS,UAAAF,GAAM;AAAA,IACvC,gBAAAE,EAAC,OAAA,EAAI,WAAU,WAAW,UAAAD,EAAA,CAAQ;AAAA,EAAA,EAAA,CACtC,EAAA,CACJ;AAER,GAEME,IAAa,CAACC,MAA2C;AAC3D,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,iBAAAC,IAAkB;AAAA,IAClB,cAAAC,IAAe;AAAA,EAAA,IACfN;AAEJ,SAAO;AAAA,IACH,GAAGR;AAAA,IACH,WAAWS,KAAWX;AAAA,IACtB,SAASY;AAAA,IACT,iBAAAG;AAAA,IACA,cAAAC;AAAA;AAAA,IAEA,MAAM,gBAAAR,EAAC,QAAA,EAAK,WAAW,YAAYK,CAAa,IAAI;AAAA;AAAA;AAAA,IAGpD,aAAaC,IACP,CAAC,EAAE,YAAYG,EAAA,MACX,gBAAAT,EAAC,UAAA,EAAO,WAAU,sBAAqB,MAAK,UACxC,UAAA,gBAAAA,EAAC,UAAK,WAAU,4BAA2B,GAC/C,IAEJ;AAAA,EAAA;AAEd,GAEMU,IAAgB,uBAAM;AACxB,QAAMC,IAAS,CACXC,GACAb,GACAG,MACC;AACD,UAAM,EAAE,OAAAJ,GAAO,SAASe,GAAM,UAAUC,GAAI,aAAAR,GAAa,cAAAE,GAAc,iBAAAD,EAAA,IAAoBL,KAAW,CAAA,GAGhGa,IAA8C;AAAA,MAChD,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAGX,WAAIH,MAAS,YACFI;AAAA,MACH,gBAAAhB,EAACJ,GAAA,EAAa,SAAAG,GAAkB,OAAAD,EAAA,CAAc;AAAA,MAC9CG,EAAW;AAAA,QACP,SAASY;AAAA,QACT,UAAUC;AAAA,QACV,aAAAR;AAAA,QACA,cAAAE;AAAA,QACA,iBAAAD;AAAA,QACA,eAAeQ,EAAeH,CAAI;AAAA,MAAA,CACrC;AAAA,IAAA,IAKFI,EAAMJ,CAAI;AAAA,MACb,gBAAAZ,EAACJ,GAAA,EAAa,SAAAG,GAAkB,OAAAD,EAAA,CAAc;AAAA,MAC9CG,EAAW;AAAA,QACP,SAASY;AAAA,QACT,UAAUC;AAAA,QACV,aAAAR;AAAA,QACA,cAAAE;AAAA,QACA,iBAAAD;AAAA,QACA,eAAeQ,EAAeH,CAAI;AAAA,MAAA,CACrC;AAAA,IAAA;AAAA,EAET;AAiBA,SAAO;AAAA,IACH,SAfwB,CAACb,GAAmCG,MAC5DS,EAAO,WAAWZ,GAASG,CAAO;AAAA,IAelC,SAXY,CAACH,GAAmCG,MAChDS,EAAO,WAAWZ,GAASG,CAAO;AAAA,IAWlC,MAdS,CAACH,GAAmCG,MAAkCS,EAAO,QAAQZ,GAASG,CAAO;AAAA,IAe9G,SAVY,CAACH,GAAmCG,MAChDS,EAAO,QAAQZ,GAASG,CAAO;AAAA,IAU/B,OARU,CAACH,GAAmCG,MAC9CS,EAAO,SAASZ,GAASG,CAAO;AAAA,EAOhC;AAER,GAAA;"}
+{"version":3,"file":"Notification.js","names":[],"sources":["../../../src/components/notification/Notification.tsx"],"sourcesContent":["import type React from 'react';\nimport { toast, Slide, type ToastOptions } from 'react-toastify';\n\nexport const DEFAULT_NOTIFICATION_TIMEOUT_IN_MS = 5_000;\nexport const NOTIFICATION_TIMEOUT_INFINITE = 999_999;\n\nconst baseOptions: ToastOptions = {\n    position: 'top-right',\n    hideProgressBar: true,\n    pauseOnHover: true,\n    draggable: true,\n    theme: 'colored',\n    transition: Slide,\n};\n\nexport type NotificationOptions = {\n    /**\n     * The title to be shown.\n     */\n    title?: string | React.ReactNode;\n\n    /**\n     * The timeout in milliseconds after which the notification disappears.\n     *\n     * If you don`t want it to automatically disappear, set a very high number.\n     */\n    timeout?: number;\n\n    /**\n     * A function that gets invoked when the notification is clicked.\n     */\n    callback?: VoidFunction;\n\n    /**\n     * Flag to enable a close button.\n     *\n     * @default false\n     */\n    closeButton?: boolean;\n\n    /**\n     * Flag to disable close on clicking on the notification.\n     *\n     * @default true\n     */\n    closeOnClick?: boolean;\n\n    /**\n     * Flag to show a progress bar. By default it is not shown.\n     *\n     * @default true\n     */\n    hideProgressBar?: boolean;\n};\n\n/**\n * Internal\n */\ntype MapOptionsProps = {\n    timeout?: number;\n    callback?: VoidFunction;\n    priority?: boolean;\n    iconClassName: string;\n    closeButton?: boolean | React.ReactElement | ((props: any) => React.ReactElement);\n    closeOnClick?: boolean;\n    hideProgressBar?: boolean;\n};\n\n/**\n * Internal\n */\ntype ToastMessageProps = {\n    message: string | React.ReactNode;\n    title?: string | React.ReactNode;\n};\n\nconst ToastMessage = (props: ToastMessageProps) => {\n    const { title, message } = props;\n\n    return (\n        <div className='notification'>\n            <div className='notification-message' role='alert'>\n                {title && <h4 className='title'>{title}</h4>}\n                <div className='message'>{message}</div>\n            </div>\n        </div>\n    );\n};\n\nconst mapOptions = (options: MapOptionsProps): ToastOptions => {\n    const {\n        timeout,\n        callback,\n        iconClassName,\n        closeButton = false,\n        hideProgressBar = true,\n        closeOnClick = true,\n    } = options;\n\n    return {\n        ...baseOptions,\n        autoClose: timeout || DEFAULT_NOTIFICATION_TIMEOUT_IN_MS,\n        onClick: callback,\n        hideProgressBar,\n        closeOnClick,\n        // replace the default built-in icons\n        icon: <span className={`uikit-icon ${iconClassName}`} />,\n        // in case a close button is requested, ignore the auto-injected \"closeToast\" prop\n        // as otherwise it will be passed onto the underlying DOM element\n        closeButton: closeButton\n            ? ({ closeToast: _ignoreCloseToast }) => (\n                  <button className='notification-close' type='button'>\n                      <span className='uikit-icon icon-remove' />\n                  </button>\n              )\n            : false,\n    };\n};\n\nconst Notification = (() => {\n    const notify = (\n        type: 'default' | 'info' | 'success' | 'warn' | 'error',\n        message: string | React.ReactNode,\n        options?: NotificationOptions\n    ) => {\n        const { title, timeout: time, callback: cb, closeButton, closeOnClick, hideProgressBar } = options ?? {};\n\n        // Map icon class names based on type\n        const iconClassNames: Record<typeof type, string> = {\n            default: '',\n            success: 'icon-ok text-size-18',\n            info: 'icon-info-sign text-size-20',\n            warn: 'icon-warning-sign text-size-20',\n            error: 'icon-error-sign text-size-20',\n        };\n\n        if (type === 'default') {\n            return toast(\n                <ToastMessage message={message} title={title} />,\n                mapOptions({\n                    timeout: time,\n                    callback: cb,\n                    closeButton,\n                    closeOnClick,\n                    hideProgressBar,\n                    iconClassName: iconClassNames[type],\n                })\n            );\n        }\n\n        // Call the appropriate toast function\n        return toast[type](\n            <ToastMessage message={message} title={title} />,\n            mapOptions({\n                timeout: time,\n                callback: cb,\n                closeButton,\n                closeOnClick,\n                hideProgressBar,\n                iconClassName: iconClassNames[type],\n            })\n        );\n    };\n\n    // Wrappers for specific types\n    const defaultNotification = (message: string | React.ReactNode, options?: NotificationOptions) =>\n        notify('default', message, options);\n\n    const info = (message: string | React.ReactNode, options?: NotificationOptions) => notify('info', message, options);\n\n    const success = (message: string | React.ReactNode, options?: NotificationOptions) =>\n        notify('success', message, options);\n\n    const warning = (message: string | React.ReactNode, options?: NotificationOptions) =>\n        notify('warn', message, options);\n\n    const error = (message: string | React.ReactNode, options?: NotificationOptions) =>\n        notify('error', message, options);\n\n    return {\n        default: defaultNotification,\n        success,\n        info,\n        warning,\n        error,\n    };\n})();\n\nexport default Notification;\n"],"mappings":";;;AAGA,IAAa,IAAqC,KACrC,IAAgC,QAEvC,IAA4B;CAC9B,UAAU;CACV,iBAAiB;CACjB,cAAc;CACd,WAAW;CACX,OAAO;CACP,YAAY;AAChB,GA+DM,KAAgB,MAA6B;CAC/C,IAAM,EAAE,UAAO,eAAY;CAE3B,OACI,kBAAC,OAAD;EAAK,WAAU;YACX,kBAAC,OAAD;GAAK,WAAU;GAAuB,MAAK;aAA3C,CACK,KAAS,kBAAC,MAAD;IAAI,WAAU;cAAS;GAAU,CAAA,GAC3C,kBAAC,OAAD;IAAK,WAAU;cAAW;GAAa,CAAA,CACtC;;CACJ,CAAA;AAEb,GAEM,KAAc,MAA2C;CAC3D,IAAM,EACF,YACA,aACA,kBACA,iBAAc,IACd,qBAAkB,IAClB,kBAAe,OACf;CAEJ,OAAO;EACH,GAAG;EACH,WAAW,KAAA;EACX,SAAS;EACT;EACA;EAEA,MAAM,kBAAC,QAAD,EAAM,WAAW,cAAc,IAAkB,CAAA;EAGvD,aAAa,KACN,EAAE,YAAY,QACX,kBAAC,UAAD;GAAQ,WAAU;GAAqB,MAAK;aACxC,kBAAC,QAAD,EAAM,WAAU,yBAA0B,CAAA;EACtC,CAAA,IAEZ;CACV;AACJ,GAEM,WAAsB;CACxB,IAAM,KACF,GACA,GACA,MACC;EACD,IAAM,EAAE,UAAO,SAAS,GAAM,UAAU,GAAI,gBAAa,iBAAc,uBAAoB,KAAW,CAAC,GAGjG,IAA8C;GAChD,SAAS;GACT,SAAS;GACT,MAAM;GACN,MAAM;GACN,OAAO;EACX;EAiBA,OAfI,MAAS,YACF,EACH,kBAAC,GAAD;GAAuB;GAAgB;EAAQ,CAAA,GAC/C,EAAW;GACP,SAAS;GACT,UAAU;GACV;GACA;GACA;GACA,eAAe,EAAe;EAClC,CAAC,CACL,IAIG,EAAM,EAAK,CACd,kBAAC,GAAD;GAAuB;GAAgB;EAAQ,CAAA,GAC/C,EAAW;GACP,SAAS;GACT,UAAU;GACV;GACA;GACA;GACA,eAAe,EAAe;EAClC,CAAC,CACL;CACJ;CAiBA,OAAO;EACH,UAfyB,GAAmC,MAC5D,EAAO,WAAW,GAAS,CAAO;EAelC,UAXa,GAAmC,MAChD,EAAO,WAAW,GAAS,CAAO;EAWlC,OAdU,GAAmC,MAAkC,EAAO,QAAQ,GAAS,CAAO;EAe9G,UAVa,GAAmC,MAChD,EAAO,QAAQ,GAAS,CAAO;EAU/B,QARW,GAAmC,MAC9C,EAAO,SAAS,GAAS,CAAO;CAQpC;AACJ,EAAA,CAAG"}

package/components/notification/NotificationsContainer.js

@@ -1,7 +1,15 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { ToastContainer as t } from "react-toastify";
-const n = () => /* @__PURE__ */ i("div", { className: "notification-container-wrapper", children: /* @__PURE__ */ i(t, { className: "notification-container", stacked: !1, limit: 5 }) });
-export {
-  n as default
-};
-//# sourceMappingURL=NotificationsContainer.js.map
+//#region src/components/notification/NotificationsContainer.tsx
+var n = () => /* @__PURE__ */ e("div", {
+	className: "notification-container-wrapper",
+	children: /* @__PURE__ */ e(t, {
+		className: "notification-container",
+		stacked: !1,
+		limit: 5
+	})
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=NotificationsContainer.js.map

package/components/notification/NotificationsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsContainer.js","sources":["../../../src/components/notification/NotificationsContainer.tsx"],"sourcesContent":["import { ToastContainer } from 'react-toastify';\n\n// Note:\n// With the new library we have to decide to either stack them all or to show a limit and one they are gone,\n// the remaining notifications slide in.\n\nconst NotificationsContainer = () => (\n    <div className='notification-container-wrapper'>\n        <ToastContainer className='notification-container' stacked={false} limit={5} />\n    </div>\n);\n\nexport default NotificationsContainer;\n"],"names":["NotificationsContainer","jsx","ToastContainer"],"mappings":";;AAMA,MAAMA,IAAyB,MAC3B,gBAAAC,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA,gBAAAA,EAACC,GAAA,EAAe,WAAU,0BAAyB,SAAS,IAAO,OAAO,GAAG,EAAA,CACjF;"}
+{"version":3,"file":"NotificationsContainer.js","names":[],"sources":["../../../src/components/notification/NotificationsContainer.tsx"],"sourcesContent":["import { ToastContainer } from 'react-toastify';\n\n// Note:\n// With the new library we have to decide to either stack them all or to show a limit and one they are gone,\n// the remaining notifications slide in.\n\nconst NotificationsContainer = () => (\n    <div className='notification-container-wrapper'>\n        <ToastContainer className='notification-container' stacked={false} limit={5} />\n    </div>\n);\n\nexport default NotificationsContainer;\n"],"mappings":";;;AAMA,IAAM,UACF,kBAAC,OAAD;CAAK,WAAU;WACX,kBAAC,GAAD;EAAgB,WAAU;EAAyB,SAAS;EAAO,OAAO;CAAI,CAAA;AAC7E,CAAA"}

package/components/numberControl/NumberControl.js

@@ -1,117 +1,95 @@
-import { jsx as t, jsxs as q } from "react/jsx-runtime";
-import { forwardRef as J, useRef as Q, useState as g, useEffect as I } from "react";
-import { noop as Y } from "es-toolkit/function";
-import Z from "../../utils/classNames.js";
-import $, { DEFAULT_MIN as ee, DEFAULT_MAX as ne, DEFAULT_STEP as te, convertNonIntegerToDefault as V, DEFAULT_VALUE as L } from "../numberInput/NumberInput.js";
-const oe = 700, re = 50, se = 3, de = J((E, A) => {
-  const {
-    id: U,
-    min: D = ee,
-    max: N = ne,
-    step: a = te,
-    value: o,
-    onChange: u,
-    onKeyDown: _ = Y,
-    disabled: r,
-    bsSize: C,
-    className: F,
-    unit: S,
-    inputAddon: H,
-    errorMessage: R,
-    warningMessage: O,
-    messageWhiteSpace: P,
-    digitPrecision: m = se,
-    placeholder: B,
-    noDefault: K,
-    ...j
-  } = E, n = Q(null), [d, h] = g(!1), [f, T] = g(!1), [s, l] = g(o), b = (e) => {
-    n.current !== null && clearTimeout(n.current), n.current = setTimeout(() => {
-      e();
-    }, oe);
-  }, w = (e) => {
-    n.current = setTimeout(() => {
-      e();
-    }, re);
-  };
-  I(() => {
-    s !== o && l(o);
-  }, [o]), I(() => {
-    s !== o && u && u(s);
-  }, [s]), I(() => {
-    d && !r && b(y), f && !r && b(M);
-  }, [d, f]);
-  const v = () => {
-    l((e) => {
-      const p = V(e, L), i = Number((p + a).toFixed(m));
-      return i <= N ? i : e;
-    });
-  }, x = () => {
-    l((e) => {
-      const p = V(e, L), i = Number((p - a).toFixed(m));
-      return i >= D ? i : e;
-    });
-  }, y = () => {
-    v(), w(y);
-  }, M = () => {
-    x(), w(M);
-  }, k = () => {
-    r || (h(!0), v());
-  }, z = () => {
-    r || (T(!0), x());
-  }, c = () => {
-    n.current !== null && clearTimeout(n.current), h(!1), T(!1);
-  }, G = (e) => {
-    e !== void 0 && !(f && d) && l(Number(e)), u?.(e);
-  }, W = Z("NumberControl", F);
-  return /* @__PURE__ */ t("div", { ...j, className: W, children: /* @__PURE__ */ t(
-    $,
-    {
-      id: U,
-      ref: A,
-      min: D,
-      max: N,
-      value: s,
-      step: a,
-      bsSize: C,
-      disabled: r,
-      inputAddon: H,
-      errorMessage: R,
-      warningMessage: O,
-      messageWhiteSpace: P,
-      controls: /* @__PURE__ */ q("div", { className: "display-flex padding-left-10", onMouseOut: c, onBlur: c, children: [
-        /* @__PURE__ */ t(
-          "div",
-          {
-            onMouseDown: z,
-            onMouseUp: c,
-            role: "button",
-            "aria-label": "decrement-button",
-            className: "decrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer",
-            children: /* @__PURE__ */ t("div", { className: "rioglyph rioglyph-minus scale-90" })
-          }
-        ),
-        /* @__PURE__ */ t(
-          "div",
-          {
-            onMouseDown: k,
-            onMouseUp: c,
-            role: "button",
-            "aria-label": "increment-button",
-            className: "incrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer margin-left-5",
-            children: /* @__PURE__ */ t("div", { className: "rioglyph rioglyph-plus scale-90" })
-          }
-        )
-      ] }),
-      unit: S,
-      onChange: G,
-      onKeyDown: _,
-      digitPrecision: m,
-      placeholder: B,
-      noDefault: K
-    }
-  ) });
+import e from "../../utils/classNames.js";
+import t, { DEFAULT_MAX as n, convertNonIntegerToDefault as r } from "../numberInput/NumberInput.js";
+import { forwardRef as i, useEffect as a, useRef as o, useState as s } from "react";
+import { noop as c } from "es-toolkit/function";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/numberControl/NumberControl.tsx
+var d = 700, f = 50, p = 3, m = i((i, m) => {
+	let { id: h, min: g = 0, max: _ = n, step: v = 1, value: y, onChange: b, onKeyDown: x = c, disabled: S, bsSize: C, className: w, unit: T, inputAddon: E, errorMessage: D, warningMessage: O, messageWhiteSpace: k, digitPrecision: A = p, placeholder: j, noDefault: M, ...N } = i, P = o(null), [F, I] = s(!1), [L, R] = s(!1), [z, B] = s(y), V = (e) => {
+		P.current !== null && clearTimeout(P.current), P.current = setTimeout(() => {
+			e();
+		}, d);
+	}, H = (e) => {
+		P.current = setTimeout(() => {
+			e();
+		}, f);
+	};
+	a(() => {
+		z !== y && B(y);
+	}, [y]), a(() => {
+		z !== y && b && b(z);
+	}, [z]), a(() => {
+		F && !S && V(G), L && !S && V(K);
+	}, [F, L]);
+	let U = () => {
+		B((e) => {
+			let t = r(e, 0), n = Number((t + v).toFixed(A));
+			return n <= _ ? n : e;
+		});
+	}, W = () => {
+		B((e) => {
+			let t = r(e, 0), n = Number((t - v).toFixed(A));
+			return n >= g ? n : e;
+		});
+	}, G = () => {
+		U(), H(G);
+	}, K = () => {
+		W(), H(K);
+	}, q = () => {
+		S || (I(!0), U());
+	}, J = () => {
+		S || (R(!0), W());
+	}, Y = () => {
+		P.current !== null && clearTimeout(P.current), I(!1), R(!1);
+	}, X = (e) => {
+		e !== void 0 && !(L && F) && B(Number(e)), b?.(e);
+	}, Z = e("NumberControl", w), Q = /* @__PURE__ */ u("div", {
+		className: "display-flex padding-left-10",
+		onMouseOut: Y,
+		onBlur: Y,
+		children: [/* @__PURE__ */ l("div", {
+			onMouseDown: J,
+			onMouseUp: Y,
+			role: "button",
+			"aria-label": "decrement-button",
+			className: "decrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer",
+			children: /* @__PURE__ */ l("div", { className: "uikit-icon icon-minus scale-90" })
+		}), /* @__PURE__ */ l("div", {
+			onMouseDown: q,
+			onMouseUp: Y,
+			role: "button",
+			"aria-label": "increment-button",
+			className: "incrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer margin-left-5",
+			children: /* @__PURE__ */ l("div", { className: "uikit-icon icon-plus scale-90" })
+		})]
+	});
+	return /* @__PURE__ */ l("div", {
+		...N,
+		className: Z,
+		children: /* @__PURE__ */ l(t, {
+			id: h,
+			ref: m,
+			min: g,
+			max: _,
+			value: z,
+			step: v,
+			bsSize: C,
+			disabled: S,
+			inputAddon: E,
+			errorMessage: D,
+			warningMessage: O,
+			messageWhiteSpace: k,
+			controls: Q,
+			unit: T,
+			onChange: X,
+			onKeyDown: x,
+			digitPrecision: A,
+			placeholder: j,
+			noDefault: M
+		})
+	});
 });
-export {
-  de as default
-};
-//# sourceMappingURL=NumberControl.js.map
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=NumberControl.js.map

package/components/numberControl/NumberControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberControl.js","sources":["../../../src/components/numberControl/NumberControl.tsx"],"sourcesContent":["import { useState, useRef, useEffect, forwardRef, type ForwardedRef } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport NumberInput, {\n    DEFAULT_STEP,\n    DEFAULT_MIN,\n    DEFAULT_MAX,\n    DEFAULT_VALUE,\n    convertNonIntegerToDefault,\n    type NumberInputProps,\n} from '../numberInput/NumberInput';\n\nconst INITIAL_TICK = 700;\nconst TICK_TIME = 50;\n\nconst DEFAULT_DIGIT_PRECISION = 3;\n\nexport type NumberControlProps = NumberInputProps;\n\nconst NumberControl = forwardRef((props: NumberControlProps, ref: ForwardedRef<HTMLInputElement>) => {\n    const {\n        id,\n        min = DEFAULT_MIN,\n        max = DEFAULT_MAX,\n        step = DEFAULT_STEP,\n        value,\n        onChange,\n        onKeyDown = noop,\n        disabled,\n        bsSize,\n        className,\n        unit,\n        inputAddon,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace,\n        digitPrecision = DEFAULT_DIGIT_PRECISION,\n        placeholder,\n        noDefault,\n        ...remainingProps\n    } = props;\n\n    const timeout = useRef<number | null>(null);\n\n    const [isHoldingDownInc, setIsHoldingDownInc] = useState(false);\n    const [isHoldingDownDec, setIsHoldingDownDec] = useState(false);\n    const [internalValue, setInternalValue] = useState(value);\n\n    const initialTimeout = (callbackFn: VoidFunction) => {\n        if (timeout.current !== null) {\n            clearTimeout(timeout.current);\n        }\n        timeout.current = setTimeout(() => {\n            callbackFn();\n        }, INITIAL_TICK);\n    };\n\n    const recursiveTimeout = (callbackFn: VoidFunction) => {\n        timeout.current = setTimeout(() => {\n            callbackFn();\n        }, TICK_TIME);\n    };\n\n    // Update internal state if external value has changed\n    useEffect(() => {\n        if (internalValue !== value) {\n            setInternalValue(value);\n        }\n    }, [value]);\n\n    // Notify external component if internal value has changed\n    useEffect(() => {\n        if (internalValue !== value && onChange) {\n            onChange(internalValue);\n        }\n    }, [internalValue]);\n\n    useEffect(() => {\n        // Call increment function for a loop when button is holding down\n        if (isHoldingDownInc && !disabled) {\n            initialTimeout(incrementRecursively);\n        }\n\n        // Call decrement function for a loop when button is holding down\n        if (isHoldingDownDec && !disabled) {\n            initialTimeout(decrementRecursively);\n        }\n    }, [isHoldingDownInc, isHoldingDownDec]);\n\n    const incrementInternalValue = () => {\n        setInternalValue(val => {\n            const currentValue = convertNonIntegerToDefault(val, DEFAULT_VALUE);\n            const newValue = Number((currentValue + step).toFixed(digitPrecision));\n            const newValueLimited = newValue <= max ? newValue : val;\n            return newValueLimited;\n        });\n    };\n\n    const decrementInternalValue = () => {\n        setInternalValue(val => {\n            const currentValue = convertNonIntegerToDefault(val, DEFAULT_VALUE);\n            const newValue = Number((currentValue - step).toFixed(digitPrecision));\n            const newValueLimited = newValue >= min ? newValue : val;\n            return newValueLimited;\n        });\n    };\n\n    const incrementRecursively = () => {\n        incrementInternalValue();\n        recursiveTimeout(incrementRecursively);\n    };\n\n    const decrementRecursively = () => {\n        decrementInternalValue();\n        recursiveTimeout(decrementRecursively);\n    };\n\n    const handleMouseDownOnIncrement = () => {\n        if (disabled) {\n            return;\n        }\n        setIsHoldingDownInc(true);\n\n        // increment for first click\n        incrementInternalValue();\n    };\n\n    const handleMouseDownOnDecrement = () => {\n        if (disabled) {\n            return;\n        }\n        setIsHoldingDownDec(true);\n\n        // decrement for first click\n        decrementInternalValue();\n    };\n\n    const handleStopHolding = () => {\n        if (timeout.current !== null) {\n            clearTimeout(timeout.current);\n        }\n        setIsHoldingDownInc(false);\n        setIsHoldingDownDec(false);\n    };\n\n    const handleUpdatedNumberInputValue = (newValue: number | undefined) => {\n        // Set the internal value when the value of the actual input has changed,\n        // for instance the user has typed in a number manually and to\n        // use this number as base to increase or decrease from.\n        // Ignore empty value in case the user has removed it\n        if (newValue !== undefined && !(isHoldingDownDec && isHoldingDownInc)) {\n            setInternalValue(Number(newValue));\n        }\n        onChange?.(newValue);\n    };\n\n    const classes = classNames('NumberControl', className);\n\n    const controls = (\n        <div className='display-flex padding-left-10' onMouseOut={handleStopHolding} onBlur={handleStopHolding}>\n            <div\n                onMouseDown={handleMouseDownOnDecrement}\n                onMouseUp={handleStopHolding}\n                role='button'\n                aria-label='decrement-button'\n                className='decrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer'\n            >\n                <div className='rioglyph rioglyph-minus scale-90' />\n            </div>\n            <div\n                onMouseDown={handleMouseDownOnIncrement}\n                onMouseUp={handleStopHolding}\n                role='button'\n                aria-label='increment-button'\n                className='incrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer margin-left-5'\n            >\n                <div className='rioglyph rioglyph-plus scale-90' />\n            </div>\n        </div>\n    );\n\n    return (\n        <div {...remainingProps} className={classes}>\n            <NumberInput\n                id={id}\n                ref={ref}\n                min={min}\n                max={max}\n                value={internalValue}\n                step={step}\n                bsSize={bsSize}\n                disabled={disabled}\n                inputAddon={inputAddon}\n                errorMessage={errorMessage}\n                warningMessage={warningMessage}\n                messageWhiteSpace={messageWhiteSpace}\n                controls={controls}\n                unit={unit}\n                onChange={handleUpdatedNumberInputValue}\n                onKeyDown={onKeyDown}\n                digitPrecision={digitPrecision}\n                placeholder={placeholder}\n                noDefault={noDefault}\n            />\n        </div>\n    );\n});\n\nexport default NumberControl;\n"],"names":["INITIAL_TICK","TICK_TIME","DEFAULT_DIGIT_PRECISION","NumberControl","forwardRef","props","ref","id","min","DEFAULT_MIN","max","DEFAULT_MAX","step","DEFAULT_STEP","value","onChange","onKeyDown","noop","disabled","bsSize","className","unit","inputAddon","errorMessage","warningMessage","messageWhiteSpace","digitPrecision","placeholder","noDefault","remainingProps","timeout","useRef","isHoldingDownInc","setIsHoldingDownInc","useState","isHoldingDownDec","setIsHoldingDownDec","internalValue","setInternalValue","initialTimeout","callbackFn","recursiveTimeout","useEffect","incrementRecursively","decrementRecursively","incrementInternalValue","val","currentValue","convertNonIntegerToDefault","DEFAULT_VALUE","newValue","decrementInternalValue","handleMouseDownOnIncrement","handleMouseDownOnDecrement","handleStopHolding","handleUpdatedNumberInputValue","classes","classNames","jsx","NumberInput"],"mappings":"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"}
+{"version":3,"file":"NumberControl.js","names":[],"sources":["../../../src/components/numberControl/NumberControl.tsx"],"sourcesContent":["import { useState, useRef, useEffect, forwardRef, type ForwardedRef } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport NumberInput, {\n    DEFAULT_STEP,\n    DEFAULT_MIN,\n    DEFAULT_MAX,\n    DEFAULT_VALUE,\n    convertNonIntegerToDefault,\n    type NumberInputProps,\n} from '../numberInput/NumberInput';\n\nconst INITIAL_TICK = 700;\nconst TICK_TIME = 50;\n\nconst DEFAULT_DIGIT_PRECISION = 3;\n\nexport type NumberControlProps = NumberInputProps;\n\nconst NumberControl = forwardRef((props: NumberControlProps, ref: ForwardedRef<HTMLInputElement>) => {\n    const {\n        id,\n        min = DEFAULT_MIN,\n        max = DEFAULT_MAX,\n        step = DEFAULT_STEP,\n        value,\n        onChange,\n        onKeyDown = noop,\n        disabled,\n        bsSize,\n        className,\n        unit,\n        inputAddon,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace,\n        digitPrecision = DEFAULT_DIGIT_PRECISION,\n        placeholder,\n        noDefault,\n        ...remainingProps\n    } = props;\n\n    const timeout = useRef<number | null>(null);\n\n    const [isHoldingDownInc, setIsHoldingDownInc] = useState(false);\n    const [isHoldingDownDec, setIsHoldingDownDec] = useState(false);\n    const [internalValue, setInternalValue] = useState(value);\n\n    const initialTimeout = (callbackFn: VoidFunction) => {\n        if (timeout.current !== null) {\n            clearTimeout(timeout.current);\n        }\n        timeout.current = setTimeout(() => {\n            callbackFn();\n        }, INITIAL_TICK);\n    };\n\n    const recursiveTimeout = (callbackFn: VoidFunction) => {\n        timeout.current = setTimeout(() => {\n            callbackFn();\n        }, TICK_TIME);\n    };\n\n    // Update internal state if external value has changed\n    useEffect(() => {\n        if (internalValue !== value) {\n            setInternalValue(value);\n        }\n    }, [value]);\n\n    // Notify external component if internal value has changed\n    useEffect(() => {\n        if (internalValue !== value && onChange) {\n            onChange(internalValue);\n        }\n    }, [internalValue]);\n\n    useEffect(() => {\n        // Call increment function for a loop when button is holding down\n        if (isHoldingDownInc && !disabled) {\n            initialTimeout(incrementRecursively);\n        }\n\n        // Call decrement function for a loop when button is holding down\n        if (isHoldingDownDec && !disabled) {\n            initialTimeout(decrementRecursively);\n        }\n    }, [isHoldingDownInc, isHoldingDownDec]);\n\n    const incrementInternalValue = () => {\n        setInternalValue(val => {\n            const currentValue = convertNonIntegerToDefault(val, DEFAULT_VALUE);\n            const newValue = Number((currentValue + step).toFixed(digitPrecision));\n            const newValueLimited = newValue <= max ? newValue : val;\n            return newValueLimited;\n        });\n    };\n\n    const decrementInternalValue = () => {\n        setInternalValue(val => {\n            const currentValue = convertNonIntegerToDefault(val, DEFAULT_VALUE);\n            const newValue = Number((currentValue - step).toFixed(digitPrecision));\n            const newValueLimited = newValue >= min ? newValue : val;\n            return newValueLimited;\n        });\n    };\n\n    const incrementRecursively = () => {\n        incrementInternalValue();\n        recursiveTimeout(incrementRecursively);\n    };\n\n    const decrementRecursively = () => {\n        decrementInternalValue();\n        recursiveTimeout(decrementRecursively);\n    };\n\n    const handleMouseDownOnIncrement = () => {\n        if (disabled) {\n            return;\n        }\n        setIsHoldingDownInc(true);\n\n        // increment for first click\n        incrementInternalValue();\n    };\n\n    const handleMouseDownOnDecrement = () => {\n        if (disabled) {\n            return;\n        }\n        setIsHoldingDownDec(true);\n\n        // decrement for first click\n        decrementInternalValue();\n    };\n\n    const handleStopHolding = () => {\n        if (timeout.current !== null) {\n            clearTimeout(timeout.current);\n        }\n        setIsHoldingDownInc(false);\n        setIsHoldingDownDec(false);\n    };\n\n    const handleUpdatedNumberInputValue = (newValue: number | undefined) => {\n        // Set the internal value when the value of the actual input has changed,\n        // for instance the user has typed in a number manually and to\n        // use this number as base to increase or decrease from.\n        // Ignore empty value in case the user has removed it\n        if (newValue !== undefined && !(isHoldingDownDec && isHoldingDownInc)) {\n            setInternalValue(Number(newValue));\n        }\n        onChange?.(newValue);\n    };\n\n    const classes = classNames('NumberControl', className);\n\n    const controls = (\n        <div className='display-flex padding-left-10' onMouseOut={handleStopHolding} onBlur={handleStopHolding}>\n            <div\n                onMouseDown={handleMouseDownOnDecrement}\n                onMouseUp={handleStopHolding}\n                role='button'\n                aria-label='decrement-button'\n                className='decrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer'\n            >\n                <div className='uikit-icon icon-minus scale-90' />\n            </div>\n            <div\n                onMouseDown={handleMouseDownOnIncrement}\n                onMouseUp={handleStopHolding}\n                role='button'\n                aria-label='increment-button'\n                className='incrementButton display-flex align-items-center text-color-gray hover-text-color-dark cursor-pointer margin-left-5'\n            >\n                <div className='uikit-icon icon-plus scale-90' />\n            </div>\n        </div>\n    );\n\n    return (\n        <div {...remainingProps} className={classes}>\n            <NumberInput\n                id={id}\n                ref={ref}\n                min={min}\n                max={max}\n                value={internalValue}\n                step={step}\n                bsSize={bsSize}\n                disabled={disabled}\n                inputAddon={inputAddon}\n                errorMessage={errorMessage}\n                warningMessage={warningMessage}\n                messageWhiteSpace={messageWhiteSpace}\n                controls={controls}\n                unit={unit}\n                onChange={handleUpdatedNumberInputValue}\n                onKeyDown={onKeyDown}\n                digitPrecision={digitPrecision}\n                placeholder={placeholder}\n                noDefault={noDefault}\n            />\n        </div>\n    );\n});\n\nexport default NumberControl;\n"],"mappings":"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"}

package/components/numberInput/NumberInput.d.ts

@@ -79,7 +79,7 @@ export type NumberInputProps = Omit<React.HTMLProps<HTMLInputElement>, 'onChange
      */
     unit?: string | React.ReactNode;
     /**
-     * A rioglyph icon tio be shown in front of the input.
+     * A uikit-icon icon tio be shown in front of the input.
      */
     inputAddon?: string;
     /**