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

package/components/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef, type ChangeEvent, type PropsWithChildren } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\nimport { getCurrentBackgroundColor, type CurrentColor } from '../../utils/currentColors';\n\nexport type SwitchProps = {\n    /**\n     * Optional key that is used as key and as the id on the internal input.\n     */\n    keyName?: string;\n\n    /**\n     * Callback function triggered when clicking the button.\n     */\n    onChange?: (toggleState: boolean) => void;\n\n    /**\n     * Set active / inactive state.\n     *\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Defines the color of the switch.\n     *\n     * @default 'primary'\n     */\n    color?: CurrentColor;\n\n    /**\n     * The min-width of the switch.\n     */\n    minWidth?: number;\n\n    /**\n     * Disables the component.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The text used for the ON state.\n     */\n    enabledText?: string;\n\n    /**\n     * The text used for the OFF state.\n     */\n    disabledText?: string;\n\n    /**\n     * Defines the position of the switch label.\n     *\n     * Possible values are `left` and `right`.\n     */\n    labelPosition?: 'left' | 'right';\n\n    /**\n     * Additional class names added to the SVG element.\n     */\n    className?: string;\n};\n\nconst Switch = forwardRef((props: PropsWithChildren<SwitchProps>, ref: React.Ref<HTMLDivElement>) => {\n    const {\n        keyName,\n        checked = false,\n        enabledText,\n        minWidth = 40,\n        disabled = false,\n        color = 'primary',\n        disabledText,\n        children,\n        className = '',\n        labelPosition = children ? 'right' : undefined,\n        onChange = noop,\n        ...remainingProps\n    } = props;\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        onChange(event.target.checked);\n    };\n\n    const hasMultipleText = enabledText && disabledText;\n    const hasSingleText = enabledText && !disabledText;\n\n    const switchClasses = classNames('uikit-switch', className);\n\n    const switchLabelClasses = classNames(\n        'switch-label',\n        disabled && 'cursor-not-allowed',\n        labelPosition && `label-position-${labelPosition}`\n    );\n\n    const switchContentClasses = classNames('switch-content');\n\n    const switchBackgroundColor = getCurrentBackgroundColor(color);\n\n    return (\n        <div ref={ref} {...remainingProps} className={switchClasses}>\n            <label className={switchLabelClasses}>\n                <input\n                    onChange={handleChange}\n                    checked={checked}\n                    type='checkbox'\n                    id={keyName}\n                    key={keyName}\n                    className='switch-input'\n                    disabled={disabled}\n                />\n                <div className={switchContentClasses} style={{ color: switchBackgroundColor, minWidth }}>\n                    {hasMultipleText ? (\n                        <div className='switch-text' data-on={enabledText} data-off={disabledText} />\n                    ) : (\n                        hasSingleText && <div className='switch-text' data-on={enabledText} data-off={enabledText} />\n                    )}\n                    <div className='switch-handle' />\n                </div>\n\n                {children && children}\n            </label>\n        </div>\n    );\n}) as React.ForwardRefExoticComponent<PropsWithChildren<SwitchProps> & React.RefAttributes<HTMLDivElement>> & {\n    LABEL_POSITION_LEFT: 'left';\n    LABEL_POSITION_RIGHT: 'right';\n};\n\nSwitch.LABEL_POSITION_LEFT = 'left' as const;\nSwitch.LABEL_POSITION_RIGHT = 'right' as const;\n\nexport default Switch;\n"],"names":["Switch","forwardRef","props","ref","keyName","checked","enabledText","minWidth","disabled","color","disabledText","children","className","labelPosition","onChange","noop","remainingProps","handleChange","event","hasMultipleText","hasSingleText","switchClasses","classNames","switchLabelClasses","switchContentClasses","switchBackgroundColor","getCurrentBackgroundColor","jsx","jsxs"],"mappings":";;;;;AAkEA,MAAMA,IAASC,EAAW,CAACC,GAAuCC,MAAmC;AACjG,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,aAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAAC,IAAgBF,IAAW,UAAU;AAAA,IACrC,UAAAG,IAAWC;AAAA,IACX,GAAGC;AAAA,EAAA,IACHd,GAEEe,IAAe,CAACC,MAAyC;AAC3D,IAAAJ,EAASI,EAAM,OAAO,OAAO;AAAA,EACjC,GAEMC,IAAkBb,KAAeI,GACjCU,IAAgBd,KAAe,CAACI,GAEhCW,IAAgBC,EAAW,gBAAgBV,CAAS,GAEpDW,IAAqBD;AAAA,IACvB;AAAA,IACAd,KAAY;AAAA,IACZK,KAAiB,kBAAkBA,CAAa;AAAA,EAAA,GAG9CW,IAAuBF,EAAW,gBAAgB,GAElDG,IAAwBC,EAA0BjB,CAAK;AAE7D,SACI,gBAAAkB,EAAC,OAAA,EAAI,KAAAxB,GAAW,GAAGa,GAAgB,WAAWK,GAC1C,UAAA,gBAAAO,EAAC,SAAA,EAAM,WAAWL,GACd,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAUV;AAAA,QACV,SAAAZ;AAAA,QACA,MAAK;AAAA,QACL,IAAID;AAAA,QAEJ,WAAU;AAAA,QACV,UAAAI;AAAA,MAAA;AAAA,MAFKJ;AAAA,IAAA;AAAA,IAIT,gBAAAwB,EAAC,SAAI,WAAWJ,GAAsB,OAAO,EAAE,OAAOC,GAAuB,UAAAlB,EAAA,GACxE,UAAA;AAAA,MAAAY,sBACI,OAAA,EAAI,WAAU,eAAc,WAASb,GAAa,YAAUI,EAAA,CAAc,IAE3EU,uBAAkB,OAAA,EAAI,WAAU,eAAc,WAASd,GAAa,YAAUA,GAAa;AAAA,MAE/F,gBAAAqB,EAAC,OAAA,EAAI,WAAU,gBAAA,CAAgB;AAAA,IAAA,GACnC;AAAA,IAEChB,KAAYA;AAAA,EAAA,EAAA,CACjB,EAAA,CACJ;AAER,CAAC;AAKDX,EAAO,sBAAsB;AAC7BA,EAAO,uBAAuB;"}

package/components/table/SortArrowDown.js

@@ -1,3 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SortArrowDown = () => _jsx("span", { className: 'sort-icon sort-desc' });
-export default SortArrowDown;
+import { jsx as o } from "react/jsx-runtime";
+const r = () => /* @__PURE__ */ o("span", { className: "sort-icon sort-desc" });
+export {
+  r as default
+};
+//# sourceMappingURL=SortArrowDown.js.map

package/components/table/SortArrowDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortArrowDown.js","sources":["../../../src/components/table/SortArrowDown.tsx"],"sourcesContent":["export type SortArrowDownProps = {};\n\nconst SortArrowDown = () => <span className='sort-icon sort-desc' />;\n\nexport default SortArrowDown;\n"],"names":["SortArrowDown","jsx"],"mappings":";AAEA,MAAMA,IAAgB,MAAM,gBAAAC,EAAC,QAAA,EAAK,WAAU,sBAAA,CAAsB;"}

package/components/table/SortArrowUp.js

@@ -1,3 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SortArrowUp = () => _jsx("span", { className: 'sort-icon sort-asc' });
-export default SortArrowUp;
+import { jsx as o } from "react/jsx-runtime";
+const r = () => /* @__PURE__ */ o("span", { className: "sort-icon sort-asc" });
+export {
+  r as default
+};
+//# sourceMappingURL=SortArrowUp.js.map

package/components/table/SortArrowUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortArrowUp.js","sources":["../../../src/components/table/SortArrowUp.tsx"],"sourcesContent":["export type SortArrowUpProps = {};\n\nconst SortArrowUp = () => <span className='sort-icon sort-asc' />;\n\nexport default SortArrowUp;\n"],"names":["SortArrowUp","jsx"],"mappings":";AAEA,MAAMA,IAAc,MAAM,gBAAAC,EAAC,QAAA,EAAK,WAAU,qBAAA,CAAqB;"}

package/components/table/SortArrows.js

@@ -1,4 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import toLower from 'lodash/fp/toLower';
-const SortArrows = ({ direction }) => (_jsx("span", { className: `sort-arrows ${direction ? `sort-${toLower(direction)}` : ''}` }));
-export default SortArrows;
+import { jsx as r } from "react/jsx-runtime";
+import { toLower as s } from "es-toolkit/compat";
+const m = ({ direction: o }) => /* @__PURE__ */ r("span", { className: `sort-arrows ${o ? `sort-${s(o)}` : ""}` });
+export {
+  m as default
+};
+//# sourceMappingURL=SortArrows.js.map

package/components/table/SortArrows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortArrows.js","sources":["../../../src/components/table/SortArrows.tsx"],"sourcesContent":["import { toLower } from 'es-toolkit/compat';\n\nexport type SortArrowsProps = {\n    direction?: string;\n};\n\nconst SortArrows = ({ direction }: SortArrowsProps) => (\n    <span className={`sort-arrows ${direction ? `sort-${toLower(direction)}` : ''}`} />\n);\n\nexport default SortArrows;\n"],"names":["SortArrows","direction","toLower"],"mappings":";;AAMA,MAAMA,IAAa,CAAC,EAAE,WAAAC,EAAA,wBACjB,QAAA,EAAK,WAAW,eAAeA,IAAY,QAAQC,EAAQD,CAAS,CAAC,KAAK,EAAE,GAAA,CAAI;"}

package/components/table/TableCardsSorting.js

@@ -1,22 +1,46 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import classNames from 'classnames';
-import noop from 'lodash/noop';
-import Select from '../selects/Select';
-import ToggleButton from '../button/ToggleButton';
-const TableCardsSorting = (props) => {
-    const { sortName: controlledSortName, sortOrder: controlledSortOrder = 'asc', selectOptions, onSortChange = noop, className, } = props;
-    const [sortName, setSortName] = useState(controlledSortName);
-    const [sortOrder, setSortOrder] = useState(controlledSortOrder);
-    const updateSortOrder = (newSortOrder) => {
-        setSortOrder(newSortOrder);
-        onSortChange(sortName, newSortOrder);
-    };
-    const updateSortName = (newSortName) => {
-        setSortName(newSortName);
-        onSortChange(newSortName, sortOrder);
-    };
-    const wrapperClassNames = classNames('table-toolbar-cards-sorting', 'btn-toolbar', className && className);
-    return (_jsxs("div", { className: wrapperClassNames, children: [_jsxs("div", { className: 'btn-group margin-left-0', children: [_jsx(ToggleButton, { className: 'btn-icon-only', active: sortOrder === 'asc', onClick: () => updateSortOrder('asc'), children: _jsx("span", { className: 'rioglyph rioglyph-sort-by-attributes-alt' }) }), _jsx(ToggleButton, { className: 'btn-icon-only', active: sortOrder === 'desc', onClick: () => updateSortOrder('desc'), children: _jsx("span", { className: 'rioglyph rioglyph-sort-by-attributes' }) })] }), selectOptions.length && (_jsx("div", { className: 'btn-group', children: _jsx(Select, { options: selectOptions, onChange: item => item && updateSortName(item.id) }) }))] }));
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { useState as c } from "react";
+import f from "classnames";
+import { noop as y } from "es-toolkit/compat";
+import S from "../selects/Select.js";
+import i from "../button/ToggleButton.js";
+const T = (m) => {
+  const {
+    sortName: d,
+    sortOrder: p = "asc",
+    selectOptions: s,
+    onSortChange: a = y,
+    className: e
+  } = m, [g, N] = c(d), [r, b] = c(p), l = (o) => {
+    b(o), a(g, o);
+  }, h = (o) => {
+    N(o), a(o, r);
+  }, u = f("table-toolbar-cards-sorting", "btn-toolbar", e && e);
+  return /* @__PURE__ */ n("div", { className: u, children: [
+    /* @__PURE__ */ n("div", { className: "btn-group margin-left-0", children: [
+      /* @__PURE__ */ t(
+        i,
+        {
+          className: "btn-icon-only",
+          active: r === "asc",
+          onClick: () => l("asc"),
+          children: /* @__PURE__ */ t("span", { className: "rioglyph rioglyph-sort-by-attributes-alt" })
+        }
+      ),
+      /* @__PURE__ */ t(
+        i,
+        {
+          className: "btn-icon-only",
+          active: r === "desc",
+          onClick: () => l("desc"),
+          children: /* @__PURE__ */ t("span", { className: "rioglyph rioglyph-sort-by-attributes" })
+        }
+      )
+    ] }),
+    s.length && /* @__PURE__ */ t("div", { className: "btn-group", children: /* @__PURE__ */ t(S, { options: s, onChange: (o) => o && h(o.id) }) })
+  ] });
 };
-export default TableCardsSorting;
+export {
+  T as default
+};
+//# sourceMappingURL=TableCardsSorting.js.map

package/components/table/TableCardsSorting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCardsSorting.js","sources":["../../../src/components/table/TableCardsSorting.tsx"],"sourcesContent":["import { useState } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/compat';\n\nimport Select from '../selects/Select';\nimport ToggleButton from '../button/ToggleButton';\n\ntype TableCardsSortingOption = {\n    /**\n     * ID to use for the select option.\n     */\n    id: string;\n\n    /**\n     * Translated column label to be shown in the select.\n     */\n    label: string | React.ReactNode;\n\n    /**\n     * Defines the column which is currently sorted by.\n     */\n    selected?: boolean;\n\n    /**\n     * Defines if the column can be sorted.\n     *\n     * Hence, it will be disabled in the select.\n     */\n    disabled?: boolean;\n};\n\nexport type TableCardsSortingProps = {\n    /**\n     * \"Name\", \"Key\", or \"Id\" of the current sorted column.\n     */\n    sortName: string;\n\n    /**\n     * Defines the sort direction.\n     *\n     * @default 'asc'\n     */\n    sortOrder: 'asc' | 'desc';\n\n    /**\n     * List of objects for the column name select component.\n     */\n    selectOptions: TableCardsSortingOption[];\n\n    /**\n     * Function that is called when the sort key or direction changes.\n     *\n     * @default noop\n     */\n    onSortChange?: (name: string, order: 'asc' | 'desc') => void;\n\n    /**\n     * Optional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nconst TableCardsSorting = (props: TableCardsSortingProps) => {\n    const {\n        sortName: controlledSortName,\n        sortOrder: controlledSortOrder = 'asc',\n        selectOptions,\n        onSortChange = noop,\n        className,\n    } = props;\n\n    const [sortName, setSortName] = useState(controlledSortName);\n    const [sortOrder, setSortOrder] = useState(controlledSortOrder);\n\n    const updateSortOrder = (newSortOrder: 'asc' | 'desc') => {\n        setSortOrder(newSortOrder);\n        onSortChange(sortName, newSortOrder);\n    };\n\n    const updateSortName = (newSortName: string) => {\n        setSortName(newSortName);\n        onSortChange(newSortName, sortOrder);\n    };\n\n    const wrapperClassNames = classNames('table-toolbar-cards-sorting', 'btn-toolbar', className && className);\n\n    return (\n        <div className={wrapperClassNames}>\n            <div className='btn-group margin-left-0'>\n                <ToggleButton\n                    className='btn-icon-only'\n                    active={sortOrder === 'asc'}\n                    onClick={() => updateSortOrder('asc')}\n                >\n                    <span className='rioglyph rioglyph-sort-by-attributes-alt' />\n                </ToggleButton>\n\n                <ToggleButton\n                    className='btn-icon-only'\n                    active={sortOrder === 'desc'}\n                    onClick={() => updateSortOrder('desc')}\n                >\n                    <span className='rioglyph rioglyph-sort-by-attributes' />\n                </ToggleButton>\n            </div>\n\n            {selectOptions.length && (\n                <div className='btn-group'>\n                    <Select options={selectOptions} onChange={item => item && updateSortName(item.id)} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default TableCardsSorting;\n"],"names":["TableCardsSorting","props","controlledSortName","controlledSortOrder","selectOptions","onSortChange","noop","className","sortName","setSortName","useState","sortOrder","setSortOrder","updateSortOrder","newSortOrder","updateSortName","newSortName","wrapperClassNames","classNames","jsxs","jsx","ToggleButton","Select","item"],"mappings":";;;;;;AA8DA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM;AAAA,IACF,UAAUC;AAAA,IACV,WAAWC,IAAsB;AAAA,IACjC,eAAAC;AAAA,IACA,cAAAC,IAAeC;AAAA,IACf,WAAAC;AAAA,EAAA,IACAN,GAEE,CAACO,GAAUC,CAAW,IAAIC,EAASR,CAAkB,GACrD,CAACS,GAAWC,CAAY,IAAIF,EAASP,CAAmB,GAExDU,IAAkB,CAACC,MAAiC;AACtD,IAAAF,EAAaE,CAAY,GACzBT,EAAaG,GAAUM,CAAY;AAAA,EACvC,GAEMC,IAAiB,CAACC,MAAwB;AAC5C,IAAAP,EAAYO,CAAW,GACvBX,EAAaW,GAAaL,CAAS;AAAA,EACvC,GAEMM,IAAoBC,EAAW,+BAA+B,eAAeX,KAAaA,CAAS;AAEzG,SACI,gBAAAY,EAAC,OAAA,EAAI,WAAWF,GACZ,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,QAAQV,MAAc;AAAA,UACtB,SAAS,MAAME,EAAgB,KAAK;AAAA,UAEpC,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,2CAAA,CAA2C;AAAA,QAAA;AAAA,MAAA;AAAA,MAG/D,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,QAAQV,MAAc;AAAA,UACtB,SAAS,MAAME,EAAgB,MAAM;AAAA,UAErC,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,uCAAA,CAAuC;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3D,GACJ;AAAA,IAEChB,EAAc,UACX,gBAAAgB,EAAC,OAAA,EAAI,WAAU,aACX,UAAA,gBAAAA,EAACE,GAAA,EAAO,SAASlB,GAAe,UAAU,CAAAmB,MAAQA,KAAQR,EAAeQ,EAAK,EAAE,GAAG,EAAA,CACvF;AAAA,EAAA,GAER;AAER;"}

package/components/table/TableCol.js

@@ -1,11 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const TableCol = ({ columnDetails, className = '', ...remainingProps }) => {
-    const style = columnDetails?.width
-        ? {
-            minWidth: columnDetails.width,
-            width: columnDetails.width,
-        }
-        : {};
-    return _jsx("col", { ...remainingProps, style: style, className: className });
+import { jsx as o } from "react/jsx-runtime";
+const w = ({ columnDetails: t, className: d = "", ...h }) => {
+  const i = t?.width ? {
+    minWidth: t.width,
+    width: t.width
+  } : {};
+  return /* @__PURE__ */ o("col", { ...h, style: i, className: d });
 };
-export default TableCol;
+export {
+  w as default
+};
+//# sourceMappingURL=TableCol.js.map

package/components/table/TableCol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCol.js","sources":["../../../src/components/table/TableCol.tsx"],"sourcesContent":["export type ColumnDetails = { [key: string]: number };\nexport type ColumnDetailsMap = { [key: string]: ColumnDetails };\n\ntype TableColProps = {\n    /**\n     * The width of the column as part of the column details object used for the TableSettingsDialog.\n     */\n    columnDetails?: ColumnDetails;\n\n    /**\n     * Additional classes added to the col tag element.\n     */\n    className?: string;\n};\n\nconst TableCol = ({ columnDetails, className = '', ...remainingProps }: TableColProps) => {\n    const style = columnDetails?.width\n        ? {\n              minWidth: columnDetails.width,\n              width: columnDetails.width,\n          }\n        : {};\n\n    return <col {...remainingProps} style={style} className={className} />;\n};\n\nexport default TableCol;\n"],"names":["TableCol","columnDetails","className","remainingProps","style","jsx"],"mappings":";AAeA,MAAMA,IAAW,CAAC,EAAE,eAAAC,GAAe,WAAAC,IAAY,IAAI,GAAGC,QAAoC;AACtF,QAAMC,IAAQH,GAAe,QACvB;AAAA,IACI,UAAUA,EAAc;AAAA,IACxB,OAAOA,EAAc;AAAA,EAAA,IAEzB,CAAA;AAEN,SAAO,gBAAAI,EAAC,OAAA,EAAK,GAAGF,GAAgB,OAAAC,GAAc,WAAAF,GAAsB;AACxE;"}

package/components/table/TableHead.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 type TableHeadProps = {
     /**
      * The unique name of the column used as identifier

package/components/table/TableHead.js

@@ -1,11 +1,39 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import SortArrows from './SortArrows';
-const TableHead = (props) => {
-    const { column, title, label, sortBy, sortDir, onClick = () => { }, className = '', children, ...remainingProps } = props;
-    const tableHeadClassNames = classNames('user-select-none', 'sort-column', className);
-    const labelString = typeof label === 'string' ? label : '';
-    const thTitle = title ?? labelString;
-    return (_jsxs("th", { ...remainingProps, className: tableHeadClassNames, onClick: onClick, "data-field": column, "data-sortby": column, title: thTitle, children: [label && (_jsxs("span", { children: [column !== undefined && sortBy === column ? _jsx(SortArrows, { direction: sortDir }) : _jsx(SortArrows, {}), _jsx("span", { children: label })] })), children] }));
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import b from "classnames";
+import l from "./SortArrows.js";
+const y = (o) => {
+  const {
+    column: t,
+    title: a,
+    label: e,
+    sortBy: n,
+    sortDir: i,
+    onClick: c = () => {
+    },
+    className: m = "",
+    children: d,
+    ...p
+  } = o, h = b("user-select-none", "sort-column", m);
+  return /* @__PURE__ */ r(
+    "th",
+    {
+      ...p,
+      className: h,
+      onClick: c,
+      "data-field": t,
+      "data-sortby": t,
+      title: a ?? (typeof e == "string" ? e : ""),
+      children: [
+        e && /* @__PURE__ */ r("span", { children: [
+          t !== void 0 && n === t ? /* @__PURE__ */ s(l, { direction: i }) : /* @__PURE__ */ s(l, {}),
+          /* @__PURE__ */ s("span", { children: e })
+        ] }),
+        d
+      ]
+    }
+  );
 };
-export default TableHead;
+export {
+  y as default
+};
+//# sourceMappingURL=TableHead.js.map

package/components/table/TableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.js","sources":["../../../src/components/table/TableHead.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nimport SortArrows from './SortArrows';\n\ntype TableHeadProps = {\n    /**\n     * The unique name of the column used as identifier\n     */\n    column?: string;\n\n    /**\n     * The label that shall be rendered in the table head next to the sorting icons.\n     */\n    label?: string | React.ReactElement;\n\n    /**\n     * The string title of a column used as native title attribute on the th tag.\n     */\n    title?: string;\n\n    /**\n     * The sorting key stored as data attribute for later usage for click events.\n     */\n    sortBy?: string;\n\n    /**\n     * The column sorting direction.\n     */\n    sortDir?: string;\n\n    /**\n     * The click handler for the th tag.\n     */\n    onClick?: (event: React.MouseEvent<HTMLTableCellElement>) => void;\n\n    /**\n     * Additional class names assigned to the wrapper element.\n     */\n    className?: string;\n};\n\nconst TableHead = (props: PropsWithChildren<TableHeadProps>) => {\n    const {\n        column,\n        title,\n        label,\n        sortBy,\n        sortDir,\n        onClick = () => {},\n        className = '',\n        children,\n        ...remainingProps\n    } = props;\n\n    const tableHeadClassNames = classNames('user-select-none', 'sort-column', className);\n\n    const labelString = typeof label === 'string' ? (label as string) : '';\n    const thTitle = title ?? labelString;\n\n    return (\n        <th\n            {...remainingProps}\n            className={tableHeadClassNames}\n            onClick={onClick}\n            data-field={column}\n            data-sortby={column}\n            title={thTitle}\n        >\n            {label && (\n                <span>\n                    {column !== undefined && sortBy === column ? <SortArrows direction={sortDir} /> : <SortArrows />}\n                    <span>{label}</span>\n                </span>\n            )}\n            {children}\n        </th>\n    );\n};\n\nexport default TableHead;\n"],"names":["TableHead","props","column","title","label","sortBy","sortDir","onClick","className","children","remainingProps","tableHeadClassNames","classNames","jsxs","jsx","SortArrows"],"mappings":";;;AA0CA,MAAMA,IAAY,CAACC,MAA6C;AAC5D,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC,IAAU,MAAM;AAAA,IAAC;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAsBC,EAAW,oBAAoB,eAAeJ,CAAS;AAKnF,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWC;AAAA,MACX,SAAAJ;AAAA,MACA,cAAYL;AAAA,MACZ,eAAaA;AAAA,MACb,OATQC,MADI,OAAOC,KAAU,WAAYA,IAAmB;AAAA,MAY3D,UAAA;AAAA,QAAAA,uBACI,QAAA,EACI,UAAA;AAAA,UAAAF,MAAW,UAAaG,MAAWH,IAAS,gBAAAY,EAACC,KAAW,WAAWT,EAAA,CAAS,IAAK,gBAAAQ,EAACC,GAAA,CAAA,CAAW;AAAA,UAC9F,gBAAAD,EAAC,UAAM,UAAAV,EAAA,CAAM;AAAA,QAAA,GACjB;AAAA,QAEHK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/components/table/TableSearch.d.ts

@@ -1,4 +1,4 @@
-import { type ClearableInputProps } from '../clearableInput/ClearableInput';
+import { ClearableInputProps } from '../clearableInput/ClearableInput';
 export type TableSearchProps = Omit<ClearableInputProps, 'className'> & {
     /**
      * Optional class names for the wrapper.

package/components/table/TableSearch.js

@@ -1,8 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import ClearableInput from '../clearableInput/ClearableInput';
-const TableSearch = (props) => {
-    const { className, ...remainingProps } = props;
-    return (_jsxs("div", { className: classNames('table-toolbar-search', 'input-group', className), children: [_jsx("span", { className: 'input-group-addon', children: _jsx("span", { className: 'rioglyph rioglyph-search' }) }), _jsx(ClearableInput, { ...remainingProps })] }));
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import l from "classnames";
+import p from "../clearableInput/ClearableInput.js";
+const i = (r) => {
+  const { className: s, ...e } = r;
+  return /* @__PURE__ */ o("div", { className: l("table-toolbar-search", "input-group", s), children: [
+    /* @__PURE__ */ a("span", { className: "input-group-addon", children: /* @__PURE__ */ a("span", { className: "rioglyph rioglyph-search" }) }),
+    /* @__PURE__ */ a(p, { ...e })
+  ] });
 };
-export default TableSearch;
+export {
+  i as default
+};
+//# sourceMappingURL=TableSearch.js.map

package/components/table/TableSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSearch.js","sources":["../../../src/components/table/TableSearch.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport ClearableInput, { type ClearableInputProps } from '../clearableInput/ClearableInput';\n\nexport type TableSearchProps = Omit<ClearableInputProps, 'className'> & {\n    /**\n     * Optional class names for the wrapper.\n     */\n    className?: string;\n};\n\nconst TableSearch = (props: TableSearchProps) => {\n    const { className, ...remainingProps } = props;\n\n    return (\n        <div className={classNames('table-toolbar-search', 'input-group', className)}>\n            <span className='input-group-addon'>\n                <span className='rioglyph rioglyph-search' />\n            </span>\n            <ClearableInput {...remainingProps} />\n        </div>\n    );\n};\n\nexport default TableSearch;\n"],"names":["TableSearch","props","className","remainingProps","classNames","jsx","ClearableInput"],"mappings":";;;AAWA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAmBF;AAEzC,2BACK,OAAA,EAAI,WAAWG,EAAW,wBAAwB,eAAeF,CAAS,GACvE,UAAA;AAAA,IAAA,gBAAAG,EAAC,UAAK,WAAU,qBACZ,4BAAC,QAAA,EAAK,WAAU,4BAA2B,EAAA,CAC/C;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAgB,GAAGH,EAAA,CAAgB;AAAA,EAAA,GACxC;AAER;"}

package/components/table/TableSettingsColumnButtons.d.ts

@@ -1,4 +1,4 @@
-import type { TableColumnDetails } from './TableSettingsDialog.types';
+import { TableColumnDetails } from './TableSettingsDialog.types';
 export type TableSettingsColumnButtonsProps = {
     column: string;
     index: number;
@@ -7,6 +7,6 @@ export type TableSettingsColumnButtonsProps = {
     disabled?: boolean;
     columnDetails?: TableColumnDetails;
     onMoveColumn?: (columnName: string, newIndex: number, changeMovedColumn: boolean) => void;
-    onOpenDetails?: (column: string, index: number, something: boolean) => void;
+    onOpenDetails?: (column: string) => void;
 };
 export declare const TableSettingsColumnButtons: (props: TableSettingsColumnButtonsProps) => import("react/jsx-runtime").JSX.Element;

package/components/table/TableSettingsColumnButtons.js

@@ -1,19 +1,45 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import noop from 'lodash/noop';
-export const TableSettingsColumnButtons = (props) => {
-    const { column = '', index = 0, columnDetails, columnOrder = [], openColumnsDetails = {}, disabled, onMoveColumn = noop, onOpenDetails = noop, } = props;
-    const navButtonBase = classNames('btn btn-muted btn-icon-only btn-sm');
-    const columnUpClasses = classNames(navButtonBase, index === 0 && 'disabled');
-    const columnDownClasses = classNames(navButtonBase, index === columnOrder.length - 1 && 'disabled');
-    const toggleIconClassNames = classNames('rioglyph', openColumnsDetails[column] ? 'rioglyph-remove' : 'rioglyph-width');
-    return (_jsxs("div", { className: 'table-settings-item-item-buttons', children: [!disabled && (_jsx("div", { className: columnUpClasses, onClick: event => {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    onMoveColumn(column, index - 1, true);
-                }, children: _jsx("span", { className: 'rioglyph rioglyph-arrow-up' }) })), !disabled && (_jsx("div", { className: columnDownClasses, onClick: event => {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    onMoveColumn(column, index + 1, true);
-                }, children: _jsx("span", { className: 'rioglyph rioglyph-arrow-down' }) })), columnDetails && (_jsx("div", { className: navButtonBase, onClick: () => onOpenDetails(column), children: _jsx("span", { className: toggleIconClassNames }) }))] }));
+import { jsxs as C, jsx as o } from "react/jsx-runtime";
+import e from "classnames";
+import { noop as r } from "es-toolkit/compat";
+const D = (c) => {
+  const {
+    column: n = "",
+    index: l = 0,
+    columnDetails: m,
+    columnOrder: p = [],
+    openColumnsDetails: d = {},
+    disabled: a,
+    onMoveColumn: i = r,
+    onOpenDetails: u = r
+  } = c, t = e("btn btn-muted btn-icon-only btn-sm"), g = e(t, l === 0 && "disabled"), h = e(t, l === p.length - 1 && "disabled"), b = e(
+    "rioglyph",
+    d[n] ? "rioglyph-remove" : "rioglyph-width"
+  );
+  return /* @__PURE__ */ C("div", { className: "table-settings-item-item-buttons", children: [
+    !a && /* @__PURE__ */ o(
+      "div",
+      {
+        className: g,
+        onClick: (s) => {
+          s.preventDefault(), s.stopPropagation(), i(n, l - 1, !0);
+        },
+        children: /* @__PURE__ */ o("span", { className: "rioglyph rioglyph-arrow-up" })
+      }
+    ),
+    !a && /* @__PURE__ */ o(
+      "div",
+      {
+        className: h,
+        onClick: (s) => {
+          s.preventDefault(), s.stopPropagation(), i(n, l + 1, !0);
+        },
+        children: /* @__PURE__ */ o("span", { className: "rioglyph rioglyph-arrow-down" })
+      }
+    ),
+    m && /* @__PURE__ */ o("div", { className: t, onClick: () => u(n), children: /* @__PURE__ */ o("span", { className: b }) })
+  ] });
 };
+export {
+  D as TableSettingsColumnButtons
+};
+//# sourceMappingURL=TableSettingsColumnButtons.js.map

package/components/table/TableSettingsColumnButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettingsColumnButtons.js","sources":["../../../src/components/table/TableSettingsColumnButtons.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { noop } from 'es-toolkit/compat';\n\nimport type { TableColumnDetails } from './TableSettingsDialog.types';\n\nexport type TableSettingsColumnButtonsProps = {\n    column: string;\n    index: number;\n    columnOrder: string[];\n    openColumnsDetails: Record<string, string>;\n    disabled?: boolean;\n    columnDetails?: TableColumnDetails;\n    onMoveColumn?: (columnName: string, newIndex: number, changeMovedColumn: boolean) => void;\n    onOpenDetails?: (column: string) => void;\n};\n\nexport const TableSettingsColumnButtons = (props: TableSettingsColumnButtonsProps) => {\n    const {\n        column = '',\n        index = 0,\n        columnDetails,\n        columnOrder = [],\n        openColumnsDetails = {},\n        disabled,\n        onMoveColumn = noop,\n        onOpenDetails = noop,\n    } = props;\n\n    const navButtonBase = classNames('btn btn-muted btn-icon-only btn-sm');\n\n    const columnUpClasses = classNames(navButtonBase, index === 0 && 'disabled');\n\n    const columnDownClasses = classNames(navButtonBase, index === columnOrder.length - 1 && 'disabled');\n\n    const toggleIconClassNames = classNames(\n        'rioglyph',\n        openColumnsDetails[column] ? 'rioglyph-remove' : 'rioglyph-width'\n    );\n\n    return (\n        <div className='table-settings-item-item-buttons'>\n            {!disabled && (\n                <div\n                    className={columnUpClasses}\n                    onClick={event => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        onMoveColumn(column, index - 1, true);\n                    }}\n                >\n                    <span className='rioglyph rioglyph-arrow-up' />\n                </div>\n            )}\n            {!disabled && (\n                <div\n                    className={columnDownClasses}\n                    onClick={event => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        onMoveColumn(column, index + 1, true);\n                    }}\n                >\n                    <span className='rioglyph rioglyph-arrow-down' />\n                </div>\n            )}\n            {columnDetails && (\n                <div className={navButtonBase} onClick={() => onOpenDetails(column)}>\n                    <span className={toggleIconClassNames} />\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["TableSettingsColumnButtons","props","column","index","columnDetails","columnOrder","openColumnsDetails","disabled","onMoveColumn","noop","onOpenDetails","navButtonBase","classNames","columnUpClasses","columnDownClasses","toggleIconClassNames","jsxs","jsx","event"],"mappings":";;;AAgBO,MAAMA,IAA6B,CAACC,MAA2C;AAClF,QAAM;AAAA,IACF,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,eAAAC;AAAA,IACA,aAAAC,IAAc,CAAA;AAAA,IACd,oBAAAC,IAAqB,CAAA;AAAA,IACrB,UAAAC;AAAA,IACA,cAAAC,IAAeC;AAAA,IACf,eAAAC,IAAgBD;AAAA,EAAA,IAChBR,GAEEU,IAAgBC,EAAW,oCAAoC,GAE/DC,IAAkBD,EAAWD,GAAeR,MAAU,KAAK,UAAU,GAErEW,IAAoBF,EAAWD,GAAeR,MAAUE,EAAY,SAAS,KAAK,UAAU,GAE5FU,IAAuBH;AAAA,IACzB;AAAA,IACAN,EAAmBJ,CAAM,IAAI,oBAAoB;AAAA,EAAA;AAGrD,SACI,gBAAAc,EAAC,OAAA,EAAI,WAAU,oCACV,UAAA;AAAA,IAAA,CAACT,KACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWJ;AAAA,QACX,SAAS,CAAAK,MAAS;AACd,UAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNV,EAAaN,GAAQC,IAAQ,GAAG,EAAI;AAAA,QACxC;AAAA,QAEA,UAAA,gBAAAc,EAAC,QAAA,EAAK,WAAU,6BAAA,CAA6B;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpD,CAACV,KACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWH;AAAA,QACX,SAAS,CAAAI,MAAS;AACd,UAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNV,EAAaN,GAAQC,IAAQ,GAAG,EAAI;AAAA,QACxC;AAAA,QAEA,UAAA,gBAAAc,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtDb,KACG,gBAAAa,EAAC,OAAA,EAAI,WAAWN,GAAe,SAAS,MAAMD,EAAcR,CAAM,GAC9D,UAAA,gBAAAe,EAAC,QAAA,EAAK,WAAWF,GAAsB,EAAA,CAC3C;AAAA,EAAA,GAER;AAER;"}

package/components/table/TableSettingsColumnDetails.d.ts

@@ -1,4 +1,4 @@
-import type { TableColumnDetails, TableColumnDetailsMap } from './TableSettingsDialog.types';
+import { TableColumnDetails, TableColumnDetailsMap } from './TableSettingsDialog.types';
 export type TableSettingsColumnDetailsProps = TableColumnDetails & {
     column: string;
     maxColumnWidth: number;

package/components/table/TableSettingsColumnDetails.js

@@ -1,17 +1,57 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import noop from 'lodash/noop';
-import Slider from '../slider/Slider';
-export const TableSettingsColumnDetails = (props) => {
-    const { width = 0, defaultWidth = 0, maxWidth, column, maxColumnWidth, onColumnWidthChange = noop, onResetColumnWidth = noop, } = props;
-    const handleWidthInputChange = (event) => {
-        const parsedValue = event.target.value ? Number.parseInt(event.target.value, 10) : 0;
-        const max = maxWidth || maxColumnWidth;
-        const value = Math.min(parsedValue, max);
-        onColumnWidthChange(column, value);
-    };
-    const handleColumnWidthChange = (value) => onColumnWidthChange(column, value);
-    const handleResetColumnWidth = () => onResetColumnWidth(column);
-    const resetWidthButtonClassNames = classNames('btn', 'btn-muted', 'btn-icon-only', 'btn-sm', 'margin-left-10', width === defaultWidth && 'disabled');
-    return (_jsxs("div", { className: 'table-settings-item-body', children: [_jsx(Slider, { className: 'margin-bottom-0', value: width, minValue: 0, maxValue: maxWidth || maxColumnWidth, step: 1, onChange: handleColumnWidthChange }), _jsx("div", { className: resetWidthButtonClassNames, role: 'button', onClick: handleResetColumnWidth, children: _jsx("span", { className: 'rioglyph rioglyph-revert' }) }), _jsx("div", { className: 'column-width-input', children: _jsxs("div", { className: 'input-group', children: [_jsx("input", { className: 'form-control text-right padding-right-5 no-controls', type: 'number', value: width || '', min: 0, max: maxWidth || maxColumnWidth, onChange: handleWidthInputChange }), _jsx("div", { className: 'input-group-addon', children: "px" })] }) })] }));
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import x from "classnames";
+import { noop as m } from "es-toolkit/compat";
+import N from "../slider/Slider.js";
+const j = (r) => {
+  const {
+    width: e = 0,
+    defaultWidth: d = 0,
+    maxWidth: a,
+    column: o,
+    maxColumnWidth: l,
+    onColumnWidthChange: s = m,
+    onResetColumnWidth: u = m
+  } = r, c = (n) => {
+    const C = n.target.value ? Number.parseInt(n.target.value, 10) : 0, b = Math.min(C, a || l);
+    s(o, b);
+  }, h = (n) => s(o, n), p = () => u(o), g = x(
+    "btn",
+    "btn-muted",
+    "btn-icon-only",
+    "btn-sm",
+    "margin-left-10",
+    e === d && "disabled"
+  );
+  return /* @__PURE__ */ i("div", { className: "table-settings-item-body", children: [
+    /* @__PURE__ */ t(
+      N,
+      {
+        className: "margin-bottom-0",
+        value: e,
+        minValue: 0,
+        maxValue: a || l,
+        step: 1,
+        onChange: h
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: g, role: "button", onClick: p, children: /* @__PURE__ */ t("span", { className: "rioglyph rioglyph-revert" }) }),
+    /* @__PURE__ */ t("div", { className: "column-width-input", children: /* @__PURE__ */ i("div", { className: "input-group", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          className: "form-control text-right padding-right-5 no-controls",
+          type: "number",
+          value: e || "",
+          min: 0,
+          max: a || l,
+          onChange: c
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "input-group-addon", children: "px" })
+    ] }) })
+  ] });
 };
+export {
+  j as TableSettingsColumnDetails
+};
+//# sourceMappingURL=TableSettingsColumnDetails.js.map

package/components/table/TableSettingsColumnDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettingsColumnDetails.js","sources":["../../../src/components/table/TableSettingsColumnDetails.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/compat';\n\nimport Slider from '../slider/Slider';\nimport type { TableColumnDetails, TableColumnDetailsMap } from './TableSettingsDialog.types';\n\nexport type TableSettingsColumnDetailsProps = TableColumnDetails & {\n    column: string;\n    maxColumnWidth: number;\n    onColumnWidthChange?: (column: keyof TableColumnDetailsMap, value: number) => void;\n    onResetColumnWidth?: (column: keyof TableColumnDetailsMap) => void;\n};\n\nexport const TableSettingsColumnDetails = (props: TableSettingsColumnDetailsProps) => {\n    const {\n        width = 0,\n        defaultWidth = 0,\n        maxWidth,\n        column,\n        maxColumnWidth,\n        onColumnWidthChange = noop,\n        onResetColumnWidth = noop,\n    } = props;\n\n    const handleWidthInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const parsedValue = event.target.value ? Number.parseInt(event.target.value, 10) : 0;\n        const max = maxWidth || maxColumnWidth;\n        const value = Math.min(parsedValue, max);\n        onColumnWidthChange(column, value);\n    };\n\n    const handleColumnWidthChange = (value: number) => onColumnWidthChange(column, value);\n\n    const handleResetColumnWidth = () => onResetColumnWidth(column);\n\n    const resetWidthButtonClassNames = classNames(\n        'btn',\n        'btn-muted',\n        'btn-icon-only',\n        'btn-sm',\n        'margin-left-10',\n        width === defaultWidth && 'disabled'\n    );\n\n    return (\n        <div className='table-settings-item-body'>\n            <Slider\n                className='margin-bottom-0'\n                value={width}\n                minValue={0}\n                maxValue={maxWidth || maxColumnWidth}\n                step={1}\n                onChange={handleColumnWidthChange}\n            />\n            <div className={resetWidthButtonClassNames} role='button' onClick={handleResetColumnWidth}>\n                <span className='rioglyph rioglyph-revert' />\n            </div>\n            <div className='column-width-input'>\n                <div className='input-group'>\n                    <input\n                        className='form-control text-right padding-right-5 no-controls'\n                        type='number'\n                        value={width || ''}\n                        min={0}\n                        max={maxWidth || maxColumnWidth}\n                        onChange={handleWidthInputChange}\n                    />\n                    <div className='input-group-addon'>px</div>\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["TableSettingsColumnDetails","props","width","defaultWidth","maxWidth","column","maxColumnWidth","onColumnWidthChange","noop","onResetColumnWidth","handleWidthInputChange","event","parsedValue","value","handleColumnWidthChange","handleResetColumnWidth","resetWidthButtonClassNames","classNames","jsxs","jsx","Slider"],"mappings":";;;;AAcO,MAAMA,IAA6B,CAACC,MAA2C;AAClF,QAAM;AAAA,IACF,OAAAC,IAAQ;AAAA,IACR,cAAAC,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAC,IAAsBC;AAAA,IACtB,oBAAAC,IAAqBD;AAAA,EAAA,IACrBP,GAEES,IAAyB,CAACC,MAAyC;AACrE,UAAMC,IAAcD,EAAM,OAAO,QAAQ,OAAO,SAASA,EAAM,OAAO,OAAO,EAAE,IAAI,GAE7EE,IAAQ,KAAK,IAAID,GADXR,KAAYE,CACe;AACvC,IAAAC,EAAoBF,GAAQQ,CAAK;AAAA,EACrC,GAEMC,IAA0B,CAACD,MAAkBN,EAAoBF,GAAQQ,CAAK,GAE9EE,IAAyB,MAAMN,EAAmBJ,CAAM,GAExDW,IAA6BC;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAf,MAAUC,KAAgB;AAAA,EAAA;AAG9B,SACI,gBAAAe,EAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAOlB;AAAA,QACP,UAAU;AAAA,QACV,UAAUE,KAAYE;AAAA,QACtB,MAAM;AAAA,QACN,UAAUQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,gBAAAK,EAAC,OAAA,EAAI,WAAWH,GAA4B,MAAK,UAAS,SAASD,GAC/D,UAAA,gBAAAI,EAAC,QAAA,EAAK,WAAU,2BAAA,CAA2B,GAC/C;AAAA,sBACC,OAAA,EAAI,WAAU,sBACX,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,OAAOjB,KAAS;AAAA,UAChB,KAAK;AAAA,UACL,KAAKE,KAAYE;AAAA,UACjB,UAAUI;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAS,EAAC,OAAA,EAAI,WAAU,qBAAoB,UAAA,KAAA,CAAE;AAAA,IAAA,EAAA,CACzC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/components/table/TableSettingsDialog.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { TableColumnDetailsMap, TableColumnDetails } from './TableSettingsDialog.types';
+import { default as React } from 'react';
+import { TableColumnDetailsMap, TableColumnDetails } from './TableSettingsDialog.types';
 type TableSettingsDialogProps = {
     /**
      * Defined whether to show the dialog or not.
@@ -50,7 +50,9 @@ type TableSettingsDialogProps = {
      * @example
      * { name: <FormattedMessage id='name' /> }
      */
-    columnLabels: any;
+    columnLabels: {
+        [name: string]: React.ReactNode;
+    };
     /**
      * Hide a sorted column will result in an error, so disable at least one important fallback column
      * or the sorted column (fallback column recommended)