@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0

package/components/menuItems/MenuItems.js

@@ -1,7 +1,17 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { noop } from 'es-toolkit/function';
-import MenuItemComponent from "./MenuItem.js";
-const MenuItems = ({ items, closeMenu = noop, onMouseEnter = noop }) => {
-    return (_jsx(_Fragment, { children: items.map((item, index) => (_jsx(MenuItemComponent, { ...item, index: item.index ?? index, closeMenu: closeMenu, onMouseEnter: onMouseEnter }, item.index ?? index))) }));
+import { jsx as e, Fragment as a } from "react/jsx-runtime";
+import { noop as n } from "es-toolkit/function";
+import d from "./MenuItem.js";
+const u = ({ items: m, closeMenu: t = n, onMouseEnter: p = n }) => /* @__PURE__ */ e(a, { children: m.map((r, o) => /* @__PURE__ */ e(
+  d,
+  {
+    ...r,
+    index: r.index ?? o,
+    closeMenu: t,
+    onMouseEnter: p
+  },
+  r.index ?? o
+)) });
+export {
+  u as default
 };
-export default MenuItems;
+//# sourceMappingURL=MenuItems.js.map

package/components/menuItems/MenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItems.js","sources":["../../../src/components/menuItems/MenuItems.tsx"],"sourcesContent":["import { noop } from 'es-toolkit/function';\n\nimport MenuItemComponent, { type MenuItemProps as MenuItem } from './MenuItem';\n\nexport type MenuItemsProps = {\n    items: MenuItem[];\n    closeMenu?: () => void;\n    onMouseEnter?: () => void;\n};\n\nconst MenuItems = ({ items, closeMenu = noop, onMouseEnter = noop }: MenuItemsProps) => {\n    return (\n        <>\n            {items.map((item, index) => (\n                <MenuItemComponent\n                    key={item.index ?? index}\n                    {...item}\n                    index={item.index ?? index}\n                    closeMenu={closeMenu}\n                    onMouseEnter={onMouseEnter}\n                />\n            ))}\n        </>\n    );\n};\n\nexport default MenuItems;\n"],"names":["MenuItems","items","closeMenu","noop","onMouseEnter","jsx","Fragment","item","index","MenuItemComponent"],"mappings":";;;AAUA,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,WAAAC,IAAYC,GAAM,cAAAC,IAAeD,QAErD,gBAAAE,EAAAC,GAAA,EACK,UAAAL,EAAM,IAAI,CAACM,GAAMC,MACd,gBAAAH;AAAA,EAACI;AAAAA,EAAA;AAAA,IAEI,GAAGF;AAAA,IACJ,OAAOA,EAAK,SAASC;AAAA,IACrB,WAAAN;AAAA,IACA,cAAAE;AAAA,EAAA;AAAA,EAJKG,EAAK,SAASC;AAAA,CAM1B,GACL;"}

package/components/navigation/AppNavigationBar.d.ts

@@ -1,4 +1,4 @@
-import { type MouseEvent, type ReactNode } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 export type AppNavigationBarProps = {
     /**
      * The title for the content that is shown.
@@ -34,5 +34,5 @@ export type AppNavigationBarProps = {
      */
     className?: string;
 };
-export declare const AppNavigationBar: import("react").ForwardRefExoticComponent<AppNavigationBarProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppNavigationBar: import('react').ForwardRefExoticComponent<AppNavigationBarProps & import('react').RefAttributes<HTMLDivElement>>;
 export default AppNavigationBar;

package/components/navigation/AppNavigationBar.js

@@ -1,11 +1,51 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/function';
-import Button from "../button/Button.js";
-export const AppNavigationBar = forwardRef((props, ref) => {
-    const { className, title, right = _jsx("span", {}), backButtonText = '', titleSize = 'md', subtitle, border = false, onNavigateBack = noop, ...remainingProps } = props;
-    const navigationClasses = classNames('AppNavigationBar', 'width-100pct height-45 user-select-none padding-x-10', 'display-grid grid-stack align-items-center', titleSize === 'md' && 'text-size-14', titleSize === 'lg' && 'text-size-16', border && 'border border-bottom-only border-color-lighter', className);
-    return (_jsxs("div", { ref: ref, ...remainingProps, className: navigationClasses, children: [_jsxs("div", { className: 'grid-stack-item display-flex align-items-center justify-content-between', children: [_jsx(Button, { bsStyle: 'muted', className: 'text-color-darkest', iconOnly: !backButtonText, iconName: 'rioglyph-arrow-left', onClick: onNavigateBack, children: backButtonText }), _jsx("div", { className: 'btn-toolbar gap-2', children: right })] }), _jsxs("div", { className: 'grid-stack-item text-center text-medium text-color-darker margin-x-25 padding-x-5 ellipsis-1', children: [_jsx("div", { className: 'ellipsis-1', children: title }), subtitle && _jsx("div", { className: 'text-size-12 line-height-12 text-normal margin-top--2', children: subtitle })] })] }));
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import h from "classnames";
+import { noop as N } from "es-toolkit/function";
+import f from "../button/Button.js";
+const B = x((s, o) => {
+  const {
+    className: l,
+    title: n,
+    right: c = /* @__PURE__ */ e("span", {}),
+    backButtonText: i = "",
+    titleSize: r = "md",
+    subtitle: a,
+    border: d = !1,
+    onNavigateBack: m = N,
+    ...p
+  } = s, g = h(
+    "AppNavigationBar",
+    "width-100pct height-45 user-select-none padding-x-10",
+    "display-grid grid-stack align-items-center",
+    r === "md" && "text-size-14",
+    r === "lg" && "text-size-16",
+    d && "border border-bottom-only border-color-lighter",
+    l
+  );
+  return /* @__PURE__ */ t("div", { ref: o, ...p, className: g, children: [
+    /* @__PURE__ */ t("div", { className: "grid-stack-item display-flex align-items-center justify-content-between", children: [
+      /* @__PURE__ */ e(
+        f,
+        {
+          bsStyle: "muted",
+          className: "text-color-darkest",
+          iconOnly: !i,
+          iconName: "rioglyph-arrow-left",
+          onClick: m,
+          children: i
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "btn-toolbar gap-2", children: c })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "grid-stack-item text-center text-medium text-color-darker margin-x-25 padding-x-5 ellipsis-1", children: [
+      /* @__PURE__ */ e("div", { className: "ellipsis-1", children: n }),
+      a && /* @__PURE__ */ e("div", { className: "text-size-12 line-height-12 text-normal margin-top--2", children: a })
+    ] })
+  ] });
 });
-export default AppNavigationBar;
+export {
+  B as AppNavigationBar,
+  B as default
+};
+//# sourceMappingURL=AppNavigationBar.js.map

package/components/navigation/AppNavigationBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppNavigationBar.js","sources":["../../../src/components/navigation/AppNavigationBar.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, type MouseEvent, type ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\nimport Button from '../button/Button';\n\nexport type AppNavigationBarProps = {\n    /**\n     * The title for the content that is shown.\n     */\n    title?: string | ReactNode;\n\n    /**\n     * Defines the size of the title. Possible values are 'md' and 'lg'.\n     *\n     * @default 'md'\n     */\n    titleSize?: 'md' | 'lg';\n\n    /**\n     * Adds a subtitle below the title.\n     */\n    subtitle?: string | ReactNode;\n\n    /**\n     * Right side area for additional options of buttons like filter etc. that is relevant for the shown content..\n     */\n    right?: ReactNode;\n\n    backButtonText?: string | ReactNode;\n\n    /**\n     * Add a light bottom border to the wrapper element.\n     *\n     * @default false\n     */\n    border?: boolean;\n\n    /**\n     * Callback function for when the back navigation button is clicked.\n     */\n    onNavigateBack?: (event: MouseEvent<HTMLSpanElement>) => void;\n\n    /**\n     * Additional classes for the wrapper element.\n     */\n    className?: string;\n};\n\nexport const AppNavigationBar = forwardRef((props: AppNavigationBarProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const {\n        className,\n        title,\n        right = <span />,\n        backButtonText = '',\n        titleSize = 'md',\n        subtitle,\n        border = false,\n        onNavigateBack = noop,\n        ...remainingProps\n    } = props;\n\n    const navigationClasses = classNames(\n        'AppNavigationBar',\n        'width-100pct height-45 user-select-none padding-x-10',\n        'display-grid grid-stack align-items-center',\n        titleSize === 'md' && 'text-size-14',\n        titleSize === 'lg' && 'text-size-16',\n        border && 'border border-bottom-only border-color-lighter',\n        className\n    );\n\n    return (\n        <div ref={ref} {...remainingProps} className={navigationClasses}>\n            <div className='grid-stack-item display-flex align-items-center justify-content-between'>\n                <Button\n                    bsStyle='muted'\n                    className='text-color-darkest'\n                    iconOnly={!backButtonText}\n                    iconName='rioglyph-arrow-left'\n                    onClick={onNavigateBack}\n                >\n                    {backButtonText}\n                </Button>\n                <div className='btn-toolbar gap-2'>{right}</div>\n            </div>\n            <div className='grid-stack-item text-center text-medium text-color-darker margin-x-25 padding-x-5 ellipsis-1'>\n                <div className='ellipsis-1'>{title}</div>\n                {subtitle && <div className='text-size-12 line-height-12 text-normal margin-top--2'>{subtitle}</div>}\n            </div>\n        </div>\n    );\n});\n\nexport default AppNavigationBar;\n"],"names":["AppNavigationBar","forwardRef","props","ref","className","title","right","backButtonText","titleSize","subtitle","border","onNavigateBack","noop","remainingProps","navigationClasses","classNames","jsxs","jsx","Button"],"mappings":";;;;;AAiDO,MAAMA,IAAmBC,EAAW,CAACC,GAA8BC,MAAsC;AAC5G,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,sBAAS,QAAA,EAAK;AAAA,IACd,gBAAAC,IAAiB;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,gBAAAC,IAAiBC;AAAA,IACjB,GAAGC;AAAA,EAAA,IACHX,GAEEY,IAAoBC;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACAP,MAAc,QAAQ;AAAA,IACtBA,MAAc,QAAQ;AAAA,IACtBE,KAAU;AAAA,IACVN;AAAA,EAAA;AAGJ,2BACK,OAAA,EAAI,KAAAD,GAAW,GAAGU,GAAgB,WAAWC,GAC1C,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2EACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,UAAU,CAACX;AAAA,UACX,UAAS;AAAA,UACT,SAASI;AAAA,UAER,UAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,gBAAAU,EAAC,OAAA,EAAI,WAAU,qBAAqB,UAAAX,EAAA,CAAM;AAAA,IAAA,GAC9C;AAAA,IACA,gBAAAU,EAAC,OAAA,EAAI,WAAU,gGACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,cAAc,UAAAZ,GAAM;AAAA,MAClCI,KAAY,gBAAAQ,EAAC,OAAA,EAAI,WAAU,yDAAyD,UAAAR,EAAA,CAAS;AAAA,IAAA,EAAA,CAClG;AAAA,EAAA,GACJ;AAER,CAAC;"}

package/components/noData/NoData.d.ts

@@ -1,7 +1,7 @@
-import type React from 'react';
-import type { TooltipWidth } from '../tooltip/Tooltip';
+import { default as React } from 'react';
+import { TooltipWidth } from '../tooltip/Tooltip';
 import { PLACEMENT } from '../../values/Placement';
-import type { ObjectValues } from '../../utils/ObjectValues';
+import { ObjectValues } from '../../utils/ObjectValues';
 export type NoDataProps = {
     /**
      * The actual translated "No data" text.

package/components/noData/NoData.js

@@ -1,13 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import SimpleTooltip from "../tooltip/SimpleTooltip.js";
-import { PLACEMENT } from "../../values/Placement.js";
-const NoData = (props) => {
-    const { text, className = '', tooltip, tooltipPlacement = PLACEMENT.BOTTOM, tooltipWidth = 'auto', ...remainingProps } = props;
-    const noDataClasses = classNames('NoData', className);
-    if (tooltip) {
-        return (_jsxs("span", { ...remainingProps, className: noDataClasses, children: [_jsx("span", { className: 'pointer-events-none user-select-none', children: text }), _jsx(SimpleTooltip, { content: tooltip, placement: tooltipPlacement, width: tooltipWidth, children: _jsx("span", { className: 'rioglyph rioglyph-info-sign margin-left-5' }) })] }));
-    }
-    return (_jsx("span", { ...remainingProps, className: noDataClasses, children: _jsx("span", { className: 'pointer-events-none user-select-none', children: text }) }));
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import c from "classnames";
+import m from "../tooltip/SimpleTooltip.js";
+import { PLACEMENT as N } from "../../values/Placement.js";
+const g = (a) => {
+  const {
+    text: s,
+    className: r = "",
+    tooltip: n,
+    tooltipPlacement: i = N.BOTTOM,
+    tooltipWidth: l = "auto",
+    ...t
+  } = a, o = c("NoData", r);
+  return n ? /* @__PURE__ */ p("span", { ...t, className: o, children: [
+    /* @__PURE__ */ e("span", { className: "pointer-events-none user-select-none", children: s }),
+    /* @__PURE__ */ e(m, { content: n, placement: i, width: l, children: /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-info-sign margin-left-5" }) })
+  ] }) : /* @__PURE__ */ e("span", { ...t, className: o, children: /* @__PURE__ */ e("span", { className: "pointer-events-none user-select-none", children: s }) });
 };
-export default NoData;
+export {
+  g as default
+};
+//# sourceMappingURL=NoData.js.map

package/components/noData/NoData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoData.js","sources":["../../../src/components/noData/NoData.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\n\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;"}

package/components/notification/Notification.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export declare const DEFAULT_NOTIFICATION_TIMEOUT_IN_MS = 5000;
 export declare const NOTIFICATION_TIMEOUT_INFINITE = 999999;
 export type NotificationOptions = {
@@ -36,10 +36,10 @@ export type NotificationOptions = {
     hideProgressBar?: boolean;
 };
 declare const Notification: {
-    default: (message: string | React.ReactNode, options?: NotificationOptions) => import("react-toastify").Id;
-    success: (message: string | React.ReactNode, options?: NotificationOptions) => import("react-toastify").Id;
-    info: (message: string | React.ReactNode, options?: NotificationOptions) => import("react-toastify").Id;
-    warning: (message: string | React.ReactNode, options?: NotificationOptions) => import("react-toastify").Id;
-    error: (message: string | React.ReactNode, options?: NotificationOptions) => import("react-toastify").Id;
+    default: (message: string | React.ReactNode, options?: NotificationOptions) => import('react-toastify').Id;
+    success: (message: string | React.ReactNode, options?: NotificationOptions) => import('react-toastify').Id;
+    info: (message: string | React.ReactNode, options?: NotificationOptions) => import('react-toastify').Id;
+    warning: (message: string | React.ReactNode, options?: NotificationOptions) => import('react-toastify').Id;
+    error: (message: string | React.ReactNode, options?: NotificationOptions) => import('react-toastify').Id;
 };
 export default Notification;

package/components/notification/Notification.js

@@ -1,79 +1,81 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { toast, Slide } from 'react-toastify';
-export const DEFAULT_NOTIFICATION_TIMEOUT_IN_MS = 5_000;
-export const NOTIFICATION_TIMEOUT_INFINITE = 999_999;
-const baseOptions = {
-    position: 'top-right',
-    hideProgressBar: true,
-    pauseOnHover: true,
-    draggable: true,
-    theme: 'colored',
-    transition: Slide,
-};
-const ToastMessage = (props) => {
-    const { title, message } = props;
-    return (_jsx("div", { className: 'notification', children: _jsxs("div", { className: 'notification-message', role: 'alert', children: [title && _jsx("h4", { className: 'title', children: title }), _jsx("div", { className: 'message', children: message })] }) }));
-};
-const mapOptions = (options) => {
-    const { timeout, callback, iconClassName, closeButton = false, hideProgressBar = true, closeOnClick = true, } = options;
-    return {
-        ...baseOptions,
-        autoClose: timeout || DEFAULT_NOTIFICATION_TIMEOUT_IN_MS,
-        onClick: callback,
-        hideProgressBar,
-        closeOnClick,
-        // replace the default built-in icons
-        icon: _jsx("span", { className: `rioglyph ${iconClassName}` }),
-        // 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: closeButton
-            ? ({ closeToast: ignoreCloseToast }) => (_jsx("button", { className: 'notification-close', type: 'button', children: _jsx("span", { className: 'rioglyph rioglyph-remove' }) }))
-            : false,
-    };
-};
-const Notification = (() => {
-    const notify = (type, message, options) => {
-        const { title, timeout: time, callback: cb, closeButton, closeOnClick, hideProgressBar } = options ?? {};
-        // Map icon class names based on type
-        const iconClassNames = {
-            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',
-        };
-        if (type === 'default') {
-            return toast(_jsx(ToastMessage, { message: message, title: title }), mapOptions({
-                timeout: time,
-                callback: cb,
-                closeButton,
-                closeOnClick,
-                hideProgressBar,
-                iconClassName: iconClassNames[type],
-            }));
-        }
-        // Call the appropriate toast function
-        return toast[type](_jsx(ToastMessage, { message: message, title: title }), mapOptions({
-            timeout: time,
-            callback: cb,
-            closeButton,
-            closeOnClick,
-            hideProgressBar,
-            iconClassName: iconClassNames[type],
-        }));
-    };
-    // Wrappers for specific types
-    const defaultNotification = (message, options) => notify('default', message, options);
-    const info = (message, options) => notify('info', message, options);
-    const success = (message, options) => notify('success', message, options);
-    const warning = (message, options) => notify('warn', message, options);
-    const error = (message, options) => notify('error', message, options);
-    return {
-        default: defaultNotification,
-        success,
-        info,
-        warning,
-        error,
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import { toast as h, Slide as O } from "react-toastify";
+const b = 5e3, B = 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
+  };
+}, _ = /* @__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)
+  };
 })();
-export default Notification;
+export {
+  b as DEFAULT_NOTIFICATION_TIMEOUT_IN_MS,
+  B as NOTIFICATION_TIMEOUT_INFINITE,
+  _ as default
+};
+//# sourceMappingURL=Notification.js.map

package/components/notification/Notification.js.map

@@ -0,0 +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;"}

package/components/notification/NotificationsContainer.js

@@ -1,9 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ToastContainer } from 'react-toastify';
-// Note:
-// With the new library we have to decide to either stack them all or to show a limit and one they are gone,
-// the remaining notifications slide in.
-const NotificationsContainer = () => {
-    return (_jsx("div", { className: 'notification-container-wrapper', children: _jsx(ToastContainer, { className: 'notification-container', stacked: false, limit: 5 }) }));
+import { jsx as i } 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
 };
-export default NotificationsContainer;
+//# sourceMappingURL=NotificationsContainer.js.map

package/components/notification/NotificationsContainer.js.map

@@ -0,0 +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    return (\n        <div className='notification-container-wrapper'>\n            <ToastContainer className='notification-container' stacked={false} limit={5} />\n        </div>\n    );\n};\n\nexport default NotificationsContainer;\n"],"names":["NotificationsContainer","jsx","ToastContainer"],"mappings":";;AAMA,MAAMA,IAAyB,MAEvB,gBAAAC,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA,gBAAAA,EAACC,GAAA,EAAe,WAAU,0BAAyB,SAAS,IAAO,OAAO,EAAA,CAAG,GACjF;"}

package/components/numberControl/NumberControl.d.ts

@@ -1,4 +1,4 @@
-import { type NumberInputProps } from '../numberInput/NumberInput';
+import { NumberInputProps } from '../numberInput/NumberInput';
 export type NumberControlProps = NumberInputProps;
-declare const NumberControl: import("react").ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const NumberControl: import('react').ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export default NumberControl;