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

package/components/table/TableSettingsListItem.d.ts

@@ -1,4 +1,4 @@
-import type { TableSettingsItemProps } from './TableSettingsDialog.types';
+import { TableSettingsItemProps } from './TableSettingsDialog.types';
 export declare const filterColumns: (searchValue: string, column: string, columnLabelStrings: Record<string, string>) => boolean;
 export type TableSettingsListItemProps = TableSettingsItemProps & {
     column: string;

package/components/table/TableSettingsListItem.js

@@ -1,40 +1,96 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { isEmpty, noop } from 'es-toolkit/compat';
-import Checkbox from "../checkbox/Checkbox.js";
-import Collapse from "../collapse/Collapse.js";
-import { TableSettingsColumnDetails } from "./TableSettingsColumnDetails.js";
-import { TableSettingsColumnButtons } from "./TableSettingsColumnButtons.js";
-const MAX_COLUMN_WIDTH = 1000;
-export const filterColumns = (searchValue, column, columnLabelStrings) => {
-    if (!searchValue) {
-        return false;
-    }
-    const label = columnLabelStrings[column] || '';
-    return !label.toLowerCase().includes(searchValue.toLowerCase());
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import R from "classnames";
+import { useSortable as $ } from "@dnd-kit/sortable";
+import { CSS as j } from "@dnd-kit/utilities";
+import { noop as H, isEmpty as _ } from "es-toolkit/compat";
+import B from "../checkbox/Checkbox.js";
+import E from "../collapse/Collapse.js";
+import { TableSettingsColumnDetails as F } from "./TableSettingsColumnDetails.js";
+import { TableSettingsColumnButtons as P } from "./TableSettingsColumnButtons.js";
+const U = 1e3, X = (o, e, n) => o ? !(n[e] || "").toLowerCase().includes(o.toLowerCase()) : !1, ee = (o) => {
+  const {
+    column: e,
+    orderIndex: n,
+    columnLabels: l,
+    autoLabel: c,
+    disabledColumns: u = [],
+    columnOrder: p,
+    hiddenColumns: f = [],
+    columnSearchValue: a,
+    columnsDetails: b,
+    columnLabelStrings: C = {},
+    openColumnsDetails: r = {},
+    updateColumnLabelStrings: m,
+    onColumnWidthChange: g,
+    onResetColumnWidth: h,
+    onMoveColumn: N,
+    onOpenDetails: S,
+    onToggleHideColumn: x = H,
+    isActive: v = !1,
+    className: L
+  } = o, i = !_(a), { attributes: D, listeners: T, setNodeRef: k, setActivatorNodeRef: w, transform: y, transition: W } = $({
+    id: e,
+    disabled: i
+  }), A = {
+    transform: j.Transform.toString(y),
+    transition: W
+  }, I = X(a, e, C) && !m, M = R(
+    "table-settings-item",
+    m && "opacity-0",
+    I && "position-offscreen",
+    L
+  ), s = b[e];
+  return /* @__PURE__ */ d("div", { className: M, ref: k, style: A, children: [
+    /* @__PURE__ */ d("div", { className: "table-settings-item-header user-select-none", ref: w, children: [
+      /* @__PURE__ */ t("div", { className: "CheckboxWrapper display-flex align-items-center padding-left-2 margin-top--3", children: /* @__PURE__ */ t(
+        B,
+        {
+          checked: !f.includes(e),
+          onClick: (O) => {
+            x(e), O.stopPropagation();
+          },
+          disabled: u.includes(e)
+        }
+      ) }),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `table-settings-item-label ${i ? "no-drag" : ""}`,
+          "data-key": e,
+          ...D,
+          ...T,
+          children: l[e]
+        }
+      ),
+      s && /* @__PURE__ */ t("div", { className: "column-width-label", children: s.width ? `${s.width}px` : c }),
+      /* @__PURE__ */ t(
+        P,
+        {
+          column: e,
+          index: n,
+          columnDetails: s,
+          columnOrder: p,
+          openColumnsDetails: r,
+          disabled: i,
+          onMoveColumn: N,
+          onOpenDetails: S
+        }
+      )
+    ] }),
+    s && !v && /* @__PURE__ */ t(E, { open: !!r[e], children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+      F,
+      {
+        ...s,
+        column: e,
+        maxColumnWidth: U,
+        onColumnWidthChange: g,
+        onResetColumnWidth: h
+      }
+    ) }) })
+  ] }, `table-settings-item-${e}`);
 };
-const TableSettingsListItem = (props) => {
-    const { column, orderIndex, columnLabels, autoLabel, disabledColumns = [], columnOrder, hiddenColumns = [], columnSearchValue, columnsDetails, columnLabelStrings = {}, openColumnsDetails = {}, updateColumnLabelStrings, onColumnWidthChange, onResetColumnWidth, onMoveColumn, onOpenDetails, onToggleHideColumn = noop, isActive = false, className, } = props;
-    const isSortingDisabled = !isEmpty(columnSearchValue);
-    const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({
-        id: column,
-        disabled: isSortingDisabled,
-    });
-    const style = {
-        transform: CSS.Transform.toString(transform),
-        transition,
-    };
-    // Filter out items which don't match the search value.
-    // Note that we need to render all items at least once at the beginning in order to get their DOM labels
-    // otherwise the search won't work when initial search value is provided via props.
-    const isFiltered = filterColumns(columnSearchValue, column, columnLabelStrings) && !updateColumnLabelStrings;
-    const itemClassNames = classNames('table-settings-item', updateColumnLabelStrings && 'opacity-0', isFiltered && 'position-offscreen', className);
-    const columnDetails = columnsDetails[column];
-    return (_jsxs("div", { className: itemClassNames, ref: setNodeRef, style: style, children: [_jsxs("div", { className: 'table-settings-item-header user-select-none', ref: setActivatorNodeRef, children: [_jsx("div", { className: 'CheckboxWrapper display-flex align-items-center padding-left-2 margin-top--3', children: _jsx(Checkbox, { checked: !hiddenColumns.includes(column), onClick: event => {
-                                onToggleHideColumn(column);
-                                event.stopPropagation();
-                            }, disabled: disabledColumns.includes(column) }) }), _jsx("div", { className: `table-settings-item-label ${isSortingDisabled ? 'no-drag' : ''}`, "data-key": column, ...attributes, ...listeners, children: columnLabels[column] }), columnDetails && (_jsx("div", { className: 'column-width-label', children: columnDetails.width ? `${columnDetails.width}px` : autoLabel })), _jsx(TableSettingsColumnButtons, { column: column, index: orderIndex, columnDetails: columnDetails, columnOrder: columnOrder, openColumnsDetails: openColumnsDetails, disabled: isSortingDisabled, onMoveColumn: onMoveColumn, onOpenDetails: onOpenDetails })] }), columnDetails && !isActive && (_jsx(Collapse, { open: !!openColumnsDetails[column], children: _jsx("div", { children: _jsx(TableSettingsColumnDetails, { ...columnDetails, column: column, maxColumnWidth: MAX_COLUMN_WIDTH, onColumnWidthChange: onColumnWidthChange, onResetColumnWidth: onResetColumnWidth }) }) }))] }, `table-settings-item-${column}`));
+export {
+  ee as default,
+  X as filterColumns
 };
-export default TableSettingsListItem;
+//# sourceMappingURL=TableSettingsListItem.js.map

package/components/table/TableSettingsListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettingsListItem.js","sources":["../../../src/components/table/TableSettingsListItem.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isEmpty, noop } from 'es-toolkit/compat';\n\nimport Checkbox from '../checkbox/Checkbox';\nimport Collapse from '../collapse/Collapse';\nimport { TableSettingsColumnDetails } from './TableSettingsColumnDetails';\nimport { TableSettingsColumnButtons } from './TableSettingsColumnButtons';\nimport type { TableSettingsItemProps } from './TableSettingsDialog.types';\n\nconst MAX_COLUMN_WIDTH = 1000;\n\nexport const filterColumns = (searchValue: string, column: string, columnLabelStrings: Record<string, string>) => {\n    if (!searchValue) {\n        return false;\n    }\n    const label = columnLabelStrings[column] || '';\n    return !label.toLowerCase().includes(searchValue.toLowerCase());\n};\n\nexport type TableSettingsListItemProps = TableSettingsItemProps & {\n    column: string;\n    orderIndex: number;\n    isActive: boolean;\n    className?: string;\n};\n\nconst TableSettingsListItem = (props: TableSettingsListItemProps) => {\n    const {\n        column,\n        orderIndex,\n        columnLabels,\n        autoLabel,\n        disabledColumns = [],\n        columnOrder,\n        hiddenColumns = [],\n        columnSearchValue,\n        columnsDetails,\n        columnLabelStrings = {},\n        openColumnsDetails = {},\n        updateColumnLabelStrings,\n        onColumnWidthChange,\n        onResetColumnWidth,\n        onMoveColumn,\n        onOpenDetails,\n        onToggleHideColumn = noop,\n        isActive = false,\n        className,\n    } = props;\n\n    const isSortingDisabled = !isEmpty(columnSearchValue);\n\n    const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({\n        id: column,\n        disabled: isSortingDisabled,\n    });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    // Filter out items which don't match the search value.\n    // Note that we need to render all items at least once at the beginning in order to get their DOM labels\n    // otherwise the search won't work when initial search value is provided via props.\n    const isFiltered = filterColumns(columnSearchValue, column, columnLabelStrings) && !updateColumnLabelStrings;\n\n    const itemClassNames = classNames(\n        'table-settings-item',\n        updateColumnLabelStrings && 'opacity-0',\n        isFiltered && 'position-offscreen',\n        className\n    );\n\n    const columnDetails = columnsDetails[column];\n\n    return (\n        <div className={itemClassNames} key={`table-settings-item-${column}`} ref={setNodeRef} style={style}>\n            <div className='table-settings-item-header user-select-none' ref={setActivatorNodeRef}>\n                <div className='CheckboxWrapper display-flex align-items-center padding-left-2 margin-top--3'>\n                    <Checkbox\n                        checked={!hiddenColumns.includes(column)}\n                        onClick={event => {\n                            onToggleHideColumn(column);\n                            event.stopPropagation();\n                        }}\n                        disabled={disabledColumns.includes(column)}\n                    />\n                </div>\n                <div\n                    className={`table-settings-item-label ${isSortingDisabled ? 'no-drag' : ''}`}\n                    data-key={column}\n                    {...attributes}\n                    {...listeners}\n                >\n                    {columnLabels[column]}\n                </div>\n                {columnDetails && (\n                    <div className='column-width-label'>\n                        {columnDetails.width ? `${columnDetails.width}px` : autoLabel}\n                    </div>\n                )}\n                <TableSettingsColumnButtons\n                    column={column}\n                    index={orderIndex}\n                    columnDetails={columnDetails}\n                    columnOrder={columnOrder}\n                    openColumnsDetails={openColumnsDetails}\n                    disabled={isSortingDisabled}\n                    onMoveColumn={onMoveColumn}\n                    onOpenDetails={onOpenDetails}\n                />\n            </div>\n            {columnDetails && !isActive && (\n                <Collapse open={!!openColumnsDetails[column]}>\n                    <div>\n                        <TableSettingsColumnDetails\n                            {...columnDetails}\n                            column={column}\n                            maxColumnWidth={MAX_COLUMN_WIDTH}\n                            onColumnWidthChange={onColumnWidthChange}\n                            onResetColumnWidth={onResetColumnWidth}\n                        />\n                    </div>\n                </Collapse>\n            )}\n        </div>\n    );\n};\n\nexport default TableSettingsListItem;\n"],"names":["MAX_COLUMN_WIDTH","filterColumns","searchValue","column","columnLabelStrings","TableSettingsListItem","props","orderIndex","columnLabels","autoLabel","disabledColumns","columnOrder","hiddenColumns","columnSearchValue","columnsDetails","openColumnsDetails","updateColumnLabelStrings","onColumnWidthChange","onResetColumnWidth","onMoveColumn","onOpenDetails","onToggleHideColumn","noop","isActive","className","isSortingDisabled","isEmpty","attributes","listeners","setNodeRef","setActivatorNodeRef","transform","transition","useSortable","style","CSS","isFiltered","itemClassNames","classNames","columnDetails","jsxs","jsx","Checkbox","event","TableSettingsColumnButtons","Collapse","TableSettingsColumnDetails"],"mappings":"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"}

package/components/table/TableToolbar.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type TableToolbarProps = {
     /**
      * Optional class names for the wrapper element.

package/components/table/TableToolbar.js

@@ -1,4 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-const TableToolbar = ({ className, children }) => (_jsx("div", { className: classNames('table-toolbar', className), children: children }));
-export default TableToolbar;
+import { jsx as s } from "react/jsx-runtime";
+import l from "classnames";
+const e = ({ className: a, children: o }) => /* @__PURE__ */ s("div", { className: l("table-toolbar", a), children: o });
+export {
+  e as default
+};
+//# sourceMappingURL=TableToolbar.js.map

package/components/table/TableToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.js","sources":["../../../src/components/table/TableToolbar.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nexport type TableToolbarProps = {\n    /**\n     * Optional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nconst TableToolbar = ({ className, children }: PropsWithChildren<TableToolbarProps>) => (\n    <div className={classNames('table-toolbar', className)}>{children}</div>\n);\n\nexport default TableToolbar;\n"],"names":["TableToolbar","className","children","jsx","classNames"],"mappings":";;AAUA,MAAMA,IAAe,CAAC,EAAE,WAAAC,GAAW,UAAAC,EAAA,MAC/B,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAW,iBAAiBH,CAAS,GAAI,UAAAC,EAAA,CAAS;"}

package/components/table/TableViewToggles.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type TableViewTogglesViewType = 'SINGLE_CARD' | 'MULTI_CARDS' | 'TABLE';
 export type TableViewTogglesProps = {
     /**

package/components/table/TableViewToggles.js

@@ -1,43 +1,95 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/compat';
-import OverlayTrigger from "../overlay/OverlayTrigger.js";
-import Tooltip from "../tooltip/Tooltip.js";
-// TODO: add responsive behaviour and trigger a change from table to list for small screen -> see DriverAdministration
-const wrapWithTooltip = (tooltipContent, element) => (_jsx(OverlayTrigger, { placement: 'bottom', overlay: _jsx(Tooltip, { id: 'tooltip', allowOnTouch: true, children: tooltipContent }), children: element }));
-const typeIcons = {
-    TABLE: 'rioglyph-table-view',
-    SINGLE_CARD: 'rioglyph-th-list',
-    MULTI_CARDS: 'rioglyph-split-view',
+import { jsxs as E, jsx as t } from "react/jsx-runtime";
+import { useState as f, useEffect as g } from "react";
+import u from "classnames";
+import { noop as _ } from "es-toolkit/compat";
+import A from "../overlay/OverlayTrigger.js";
+import I from "../tooltip/Tooltip.js";
+const L = (i, e) => /* @__PURE__ */ t(
+  A,
+  {
+    placement: "bottom",
+    overlay: /* @__PURE__ */ t(I, { id: "tooltip", allowOnTouch: !0, children: i }),
+    children: e
+  }
+), h = {
+  TABLE: "rioglyph-table-view",
+  SINGLE_CARD: "rioglyph-th-list",
+  MULTI_CARDS: "rioglyph-split-view"
+}, w = (i) => {
+  const { viewType: e, currentViewType: s, disabledViewTypes: n, tooltipContent: l, onClick: r, disabled: p } = i;
+  if (n.includes(e))
+    return null;
+  const a = u(
+    "btn btn-default btn-icon-only",
+    p && "disabled pointer-events-none",
+    e === s && "active"
+  ), o = /* @__PURE__ */ t("button", { className: a, type: "button", onClick: () => r(e), children: /* @__PURE__ */ t("span", { className: `rioglyph ${h[e]}` }) });
+  return l ? L(l, o) : o;
+}, y = (i) => {
+  const {
+    viewType: e,
+    initialViewType: s = "TABLE",
+    disabledViewTypes: n = [],
+    onViewTypeChange: l = _,
+    tableViewTooltipContent: r,
+    singleCardViewTooltipContent: p,
+    multiCardsViewTooltipContent: a,
+    disabled: o = !1,
+    className: C,
+    ...V
+  } = i, [T, d] = f(s);
+  g(() => {
+    e && d(e);
+  }, [e]);
+  const c = (m) => {
+    d(m), l(m);
+  }, b = u(
+    "TableViewToggles",
+    "btn-group",
+    "display-flex",
+    "flex-row",
+    C && C
+  );
+  return /* @__PURE__ */ E("div", { ...V, className: b, children: [
+    /* @__PURE__ */ t(
+      w,
+      {
+        viewType: "TABLE",
+        currentViewType: T,
+        disabledViewTypes: n,
+        tooltipContent: r,
+        onClick: c,
+        disabled: o
+      }
+    ),
+    /* @__PURE__ */ t(
+      w,
+      {
+        viewType: "SINGLE_CARD",
+        currentViewType: T,
+        disabledViewTypes: n,
+        tooltipContent: p,
+        onClick: c,
+        disabled: o
+      }
+    ),
+    /* @__PURE__ */ t(
+      w,
+      {
+        viewType: "MULTI_CARDS",
+        currentViewType: T,
+        disabledViewTypes: n,
+        tooltipContent: a,
+        onClick: c,
+        disabled: o
+      }
+    )
+  ] });
 };
-const TypeButton = (props) => {
-    const { viewType, currentViewType, disabledViewTypes, tooltipContent, onClick, disabled } = props;
-    if (disabledViewTypes.includes(viewType)) {
-        return null;
-    }
-    const classes = classNames('btn btn-default btn-icon-only', disabled && 'disabled pointer-events-none', viewType === currentViewType && 'active');
-    const button = (_jsx("button", { className: classes, type: 'button', onClick: () => onClick(viewType), children: _jsx("span", { className: `rioglyph ${typeIcons[viewType]}` }) }));
-    return tooltipContent ? wrapWithTooltip(tooltipContent, button) : button;
+y.VIEW_TYPE_TABLE = "TABLE";
+y.VIEW_TYPE_SINGLE_CARD = "SINGLE_CARD";
+y.VIEW_TYPE_MULTI_CARDS = "MULTI_CARDS";
+export {
+  y as default
 };
-const TableViewToggles = (props) => {
-    const { viewType, initialViewType = 'TABLE', disabledViewTypes = [], onViewTypeChange = noop, tableViewTooltipContent, singleCardViewTooltipContent, multiCardsViewTooltipContent, disabled = false, className, ...remainingProps } = props;
-    const [internalViewType, setInternalViewType] = useState(initialViewType);
-    // update internal state when external state changes - controlled component case
-    useEffect(() => {
-        if (viewType) {
-            setInternalViewType(viewType);
-        }
-    }, [viewType]);
-    const setViewType = (vt) => {
-        setInternalViewType(vt);
-        onViewTypeChange(vt);
-    };
-    const wrapperClassNames = classNames('TableViewToggles', 'btn-group', 'display-flex', 'flex-row', className && className);
-    return (_jsxs("div", { ...remainingProps, className: wrapperClassNames, children: [_jsx(TypeButton, { viewType: 'TABLE', currentViewType: internalViewType, disabledViewTypes: disabledViewTypes, tooltipContent: tableViewTooltipContent, onClick: setViewType, disabled: disabled }), _jsx(TypeButton, { viewType: 'SINGLE_CARD', currentViewType: internalViewType, disabledViewTypes: disabledViewTypes, tooltipContent: singleCardViewTooltipContent, onClick: setViewType, disabled: disabled }), _jsx(TypeButton, { viewType: 'MULTI_CARDS', currentViewType: internalViewType, disabledViewTypes: disabledViewTypes, tooltipContent: multiCardsViewTooltipContent, onClick: setViewType, disabled: disabled })] }));
-};
-// Don't export values as string but as a distinct union type
-TableViewToggles.VIEW_TYPE_TABLE = 'TABLE';
-TableViewToggles.VIEW_TYPE_SINGLE_CARD = 'SINGLE_CARD';
-TableViewToggles.VIEW_TYPE_MULTI_CARDS = 'MULTI_CARDS';
-export default TableViewToggles;
+//# sourceMappingURL=TableViewToggles.js.map

package/components/table/TableViewToggles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableViewToggles.js","sources":["../../../src/components/table/TableViewToggles.tsx"],"sourcesContent":["import { type JSX, type ReactNode, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/compat';\n\nimport OverlayTrigger from '../overlay/OverlayTrigger';\nimport Tooltip from '../tooltip/Tooltip';\n\n// TODO: add responsive behaviour and trigger a change from table to list for small screen -> see DriverAdministration\n\nconst wrapWithTooltip = (tooltipContent: ReactNode, element: JSX.Element) => (\n    <OverlayTrigger\n        placement='bottom'\n        overlay={\n            <Tooltip id='tooltip' allowOnTouch>\n                {tooltipContent}\n            </Tooltip>\n        }\n    >\n        {element}\n    </OverlayTrigger>\n);\n\nconst typeIcons: Record<TableViewTogglesViewType, string> = {\n    TABLE: 'rioglyph-table-view',\n    SINGLE_CARD: 'rioglyph-th-list',\n    MULTI_CARDS: 'rioglyph-split-view',\n};\n\ntype TypeButtonProps = {\n    viewType: TableViewTogglesViewType;\n    currentViewType: TableViewTogglesViewType;\n    disabledViewTypes: TableViewTogglesViewType[];\n    tooltipContent: ReactNode;\n    onClick: (vt: TableViewTogglesViewType) => void;\n    disabled: boolean;\n};\n\nconst TypeButton = (props: TypeButtonProps) => {\n    const { viewType, currentViewType, disabledViewTypes, tooltipContent, onClick, disabled } = props;\n\n    if (disabledViewTypes.includes(viewType)) {\n        return null;\n    }\n\n    const classes = classNames(\n        'btn btn-default btn-icon-only',\n        disabled && 'disabled pointer-events-none',\n        viewType === currentViewType && 'active'\n    );\n\n    const button = (\n        <button className={classes} type='button' onClick={() => onClick(viewType)}>\n            <span className={`rioglyph ${typeIcons[viewType]}`} />\n        </button>\n    );\n\n    return tooltipContent ? wrapWithTooltip(tooltipContent, button) : button;\n};\n\nexport type TableViewTogglesViewType = 'SINGLE_CARD' | 'MULTI_CARDS' | 'TABLE';\n\nexport type TableViewTogglesProps = {\n    /**\n     * The current viewType for controlling the TablesViewToggles component.\n     */\n    viewType?: TableViewTogglesViewType;\n\n    /**\n     * Defines the initial viewType (when viewType is not controlled from the outside).\n     *\n     * @default TableViewToggles.VIEW_TYPE_TABLE\n     */\n    initialViewType?: TableViewTogglesViewType;\n\n    /**\n     * Defines the view types which shall not be supported and are omitted.\n     *\n     * @default []\n     */\n    disabledViewTypes?: TableViewTogglesViewType[];\n\n    /**\n     * Callback function for when the user wants to change the viewType.\n     *\n     * @param viewType The new viewType selected by the user.\n     */\n    onViewTypeChange: (viewType: TableViewTogglesViewType) => void;\n\n    /**\n     * Optional tooltip content for table view button.\n     */\n    tableViewTooltipContent?: string | ReactNode;\n\n    /**\n     * Optional tooltip content for single card view button.\n     */\n    singleCardViewTooltipContent?: string | ReactNode;\n\n    /**\n     * Optional tooltip content for multi card view button.\n     */\n    multiCardsViewTooltipContent?: string | ReactNode;\n\n    /**\n     * Disables all buttons.\n     *\n     * This means the buttons cannot be clicked. Used when disabling toolbar buttons during loading state or when the\n     * corresponding table is empty.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Optional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nconst TableViewToggles = (props: TableViewTogglesProps) => {\n    const {\n        viewType,\n        initialViewType = 'TABLE',\n        disabledViewTypes = [],\n        onViewTypeChange = noop,\n        tableViewTooltipContent,\n        singleCardViewTooltipContent,\n        multiCardsViewTooltipContent,\n        disabled = false,\n        className,\n        ...remainingProps\n    } = props;\n\n    const [internalViewType, setInternalViewType] = useState(initialViewType);\n\n    // update internal state when external state changes - controlled component case\n    useEffect(() => {\n        if (viewType) {\n            setInternalViewType(viewType);\n        }\n    }, [viewType]);\n\n    const setViewType = (vt: TableViewTogglesViewType) => {\n        setInternalViewType(vt);\n        onViewTypeChange(vt);\n    };\n\n    const wrapperClassNames = classNames(\n        'TableViewToggles',\n        'btn-group',\n        'display-flex',\n        'flex-row',\n        className && className\n    );\n\n    return (\n        <div {...remainingProps} className={wrapperClassNames}>\n            <TypeButton\n                viewType='TABLE'\n                currentViewType={internalViewType}\n                disabledViewTypes={disabledViewTypes}\n                tooltipContent={tableViewTooltipContent}\n                onClick={setViewType}\n                disabled={disabled}\n            />\n\n            <TypeButton\n                viewType='SINGLE_CARD'\n                currentViewType={internalViewType}\n                disabledViewTypes={disabledViewTypes}\n                tooltipContent={singleCardViewTooltipContent}\n                onClick={setViewType}\n                disabled={disabled}\n            />\n\n            <TypeButton\n                viewType='MULTI_CARDS'\n                currentViewType={internalViewType}\n                disabledViewTypes={disabledViewTypes}\n                tooltipContent={multiCardsViewTooltipContent}\n                onClick={setViewType}\n                disabled={disabled}\n            />\n        </div>\n    );\n};\n\n// Don't export values as string but as a distinct union type\nTableViewToggles.VIEW_TYPE_TABLE = 'TABLE' as TableViewTogglesViewType;\nTableViewToggles.VIEW_TYPE_SINGLE_CARD = 'SINGLE_CARD' as TableViewTogglesViewType;\nTableViewToggles.VIEW_TYPE_MULTI_CARDS = 'MULTI_CARDS' as TableViewTogglesViewType;\n\nexport default TableViewToggles;\n"],"names":["wrapWithTooltip","tooltipContent","element","jsx","OverlayTrigger","Tooltip","typeIcons","TypeButton","props","viewType","currentViewType","disabledViewTypes","onClick","disabled","classes","classNames","button","TableViewToggles","initialViewType","onViewTypeChange","noop","tableViewTooltipContent","singleCardViewTooltipContent","multiCardsViewTooltipContent","className","remainingProps","internalViewType","setInternalViewType","useState","useEffect","setViewType","vt","wrapperClassNames","jsxs"],"mappings":";;;;;;AASA,MAAMA,IAAkB,CAACC,GAA2BC,MAChD,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,SACI,gBAAAD,EAACE,GAAA,EAAQ,IAAG,WAAU,cAAY,IAC7B,UAAAJ,GACL;AAAA,IAGH,UAAAC;AAAA,EAAA;AACL,GAGEI,IAAsD;AAAA,EACxD,OAAO;AAAA,EACP,aAAa;AAAA,EACb,aAAa;AACjB,GAWMC,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,GAAmB,gBAAAV,GAAgB,SAAAW,GAAS,UAAAC,MAAaL;AAE5F,MAAIG,EAAkB,SAASF,CAAQ;AACnC,WAAO;AAGX,QAAMK,IAAUC;AAAA,IACZ;AAAA,IACAF,KAAY;AAAA,IACZJ,MAAaC,KAAmB;AAAA,EAAA,GAG9BM,sBACD,UAAA,EAAO,WAAWF,GAAS,MAAK,UAAS,SAAS,MAAMF,EAAQH,CAAQ,GACrE,UAAA,gBAAAN,EAAC,UAAK,WAAW,YAAYG,EAAUG,CAAQ,CAAC,IAAI,EAAA,CACxD;AAGJ,SAAOR,IAAiBD,EAAgBC,GAAgBe,CAAM,IAAIA;AACtE,GA8DMC,IAAmB,CAACT,MAAiC;AACvD,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,iBAAAS,IAAkB;AAAA,IAClB,mBAAAP,IAAoB,CAAA;AAAA,IACpB,kBAAAQ,IAAmBC;AAAA,IACnB,yBAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,UAAAV,IAAW;AAAA,IACX,WAAAW;AAAA,IACA,GAAGC;AAAA,EAAA,IACHjB,GAEE,CAACkB,GAAkBC,CAAmB,IAAIC,EAASV,CAAe;AAGxE,EAAAW,EAAU,MAAM;AACZ,IAAIpB,KACAkB,EAAoBlB,CAAQ;AAAA,EAEpC,GAAG,CAACA,CAAQ,CAAC;AAEb,QAAMqB,IAAc,CAACC,MAAiC;AAClD,IAAAJ,EAAoBI,CAAE,GACtBZ,EAAiBY,CAAE;AAAA,EACvB,GAEMC,IAAoBjB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAS,KAAaA;AAAA,EAAA;AAGjB,SACI,gBAAAS,EAAC,OAAA,EAAK,GAAGR,GAAgB,WAAWO,GAChC,UAAA;AAAA,IAAA,gBAAA7B;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,UAAS;AAAA,QACT,iBAAiBmB;AAAA,QACjB,mBAAAf;AAAA,QACA,gBAAgBU;AAAA,QAChB,SAASS;AAAA,QACT,UAAAjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,gBAAAV;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,UAAS;AAAA,QACT,iBAAiBmB;AAAA,QACjB,mBAAAf;AAAA,QACA,gBAAgBW;AAAA,QAChB,SAASQ;AAAA,QACT,UAAAjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,gBAAAV;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,UAAS;AAAA,QACT,iBAAiBmB;AAAA,QACjB,mBAAAf;AAAA,QACA,gBAAgBY;AAAA,QAChB,SAASO;AAAA,QACT,UAAAjB;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;AAGAI,EAAiB,kBAAkB;AACnCA,EAAiB,wBAAwB;AACzCA,EAAiB,wBAAwB;"}

package/components/tag/Tag.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type TagProps = {
     /**
      * Defines if the tag is active.

package/components/tag/Tag.js

@@ -1,9 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-const Tag = forwardRef((props, ref) => {
-    const { children, icon, active = false, disabled = false, clickable = false, selectable = false, deletable = false, revertable = false, multiline = false, muted = false, round = true, size, className, ...remainingProps } = props;
-    const tagClasses = classNames('tag', size === 'small' && 'tag-small', icon && `rioglyph ${icon}`, active && 'active clickable rioglyph rioglyph-ok', disabled && 'disabled', clickable && 'clickable', selectable && 'selectable clickable rioglyph rioglyph-checkbox', deletable && 'deletable clickable rioglyph rioglyph-remove', revertable && 'revertable clickable rioglyph rioglyph-revert', multiline && 'multiline', muted && 'tag-muted', !round && 'rounded', className);
-    return (_jsx("div", { ref: ref, ...remainingProps, className: tagClasses, children: _jsx("div", { className: 'tag-inner', children: children }) }));
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import k from "classnames";
+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 }) });
 });
-export default Tag;
+export {
+  j as default
+};
+//# sourceMappingURL=Tag.js.map

package/components/tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren } from 'react';\nimport classNames from '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    multiline?: boolean;\n    [remainingProp: string]: unknown;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\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":";;;AAiFA,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;"}

package/components/tag/TagList.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type TagListProps = {
     /**
      * Defines if the tag list is rendered inline or vertically.

package/components/tag/TagList.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-const TagList = (props) => {
-    const { children, inline = true, autoTagWidth = false, tagsPerRow, ...remainingProps } = props;
-    const tagListClasses = classNames('taglist', !autoTagWidth && 'taglist-autowidth', !inline && 'taglist-vertical', tagsPerRow && 'row display-flex-sm flex-wrap-sm', props.className);
-    const wrappedChildren = _jsx("div", { className: `tags-per-row-${tagsPerRow}`, children: children });
-    return (_jsx("div", { ...remainingProps, className: tagListClasses, children: tagsPerRow ? wrappedChildren : children }));
+import { jsx as e } from "react/jsx-runtime";
+import c from "classnames";
+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 });
 };
-export default TagList;
+export {
+  g as default
+};
+//# sourceMappingURL=TagList.js.map

package/components/tag/TagList.js.map

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

package/components/tagManager/CustomSuggestionItem.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type CustomSuggestionItemProps = {
     value?: string | React.ReactNode;
     placeholder?: string | React.ReactNode;

package/components/tagManager/CustomSuggestionItem.js

@@ -1,8 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-const CustomSuggestionItem = ({ value, placeholder }) => {
-    const wrapperClassNames = classNames('display-flex align-items-center padding-top-5 padding-bottom-5', !value && 'text-color-gray');
-    const iconClassNames = classNames('margin-left--5 margin-right-5 margin-top--1 rioglyph', value ? 'rioglyph-plus' : 'rioglyph-arrow-up');
-    return (_jsxs("span", { className: wrapperClassNames, children: [_jsx("span", { className: iconClassNames }), _jsx("span", { className: 'text-italic', children: value || placeholder })] }));
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import t from "classnames";
+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 default CustomSuggestionItem;
+export {
+  l as default
+};
+//# sourceMappingURL=CustomSuggestionItem.js.map

package/components/tagManager/CustomSuggestionItem.js.map

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

package/components/tagManager/TagManager.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
-import type { TagManagerTag } from './TagManagerTag';
+import { default as React } from 'react';
+import { TagManagerTag } from './TagManagerTag';
 export type { TagManagerTag } from './TagManagerTag';
 export type TagManagerProps = {
     /**