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

package/components/table/TableRowActionsDropdown.js

@@ -1,22 +1,19 @@
-import { jsx as o } from "react/jsx-runtime";
-import a from "../dropdown/ButtonDropdown.js";
-const i = ({
-  "aria-label": t = "Row actions",
-  ...r
-}) => /* @__PURE__ */ o(
-  a,
-  {
-    ...r,
-    "aria-label": t,
-    title: /* @__PURE__ */ o("span", { className: "rioglyph rioglyph-option-horizontal", "aria-hidden": "true" }),
-    bsStyle: "muted",
-    iconOnly: !0,
-    noCaret: !0,
-    pullRight: !0,
-    usePortal: !0
-  }
-);
-export {
-  i as default
-};
-//# sourceMappingURL=TableRowActionsDropdown.js.map
+import e from "../dropdown/ButtonDropdown.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/table/TableRowActionsDropdown.tsx
+var n = ({ "aria-label": n = "Row actions", ...r }) => /* @__PURE__ */ t(e, {
+	...r,
+	"aria-label": n,
+	title: /* @__PURE__ */ t("span", {
+		className: "uikit-icon icon-option-horizontal",
+		"aria-hidden": "true"
+	}),
+	bsStyle: "muted",
+	iconOnly: !0,
+	noCaret: !0,
+	pullRight: !0
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=TableRowActionsDropdown.js.map

package/components/table/TableRowActionsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowActionsDropdown.js","sources":["../../../src/components/table/TableRowActionsDropdown.tsx"],"sourcesContent":["import ButtonDropdown, { type ButtonDropdownProps } from '../dropdown/ButtonDropdown';\n\nexport type TableRowActionsDropdownProps = Omit<\n    ButtonDropdownProps,\n    'title' | 'bsStyle' | 'variant' | 'iconOnly' | 'iconName' | 'noCaret' | 'splitButton' | 'pullRight' | 'usePortal'\n> & {\n    /**\n     * Accessible label applied to the icon-only trigger button.\n     *\n     * @default 'Row actions'\n     */\n    'aria-label'?: string;\n};\n\nconst TableRowActionsDropdown = ({\n    'aria-label': ariaLabel = 'Row actions',\n    ...remainingProps\n}: TableRowActionsDropdownProps) => (\n    <ButtonDropdown\n        {...remainingProps}\n        aria-label={ariaLabel}\n        title={<span className='rioglyph rioglyph-option-horizontal' aria-hidden='true' />}\n        bsStyle='muted'\n        iconOnly\n        noCaret\n        pullRight\n        usePortal\n    />\n);\n\nexport default TableRowActionsDropdown;\n"],"names":["TableRowActionsDropdown","ariaLabel","remainingProps","jsx","ButtonDropdown"],"mappings":";;AAcA,MAAMA,IAA0B,CAAC;AAAA,EAC7B,cAAcC,IAAY;AAAA,EAC1B,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,cAAYD;AAAA,IACZ,OAAO,gBAAAE,EAAC,QAAA,EAAK,WAAU,uCAAsC,eAAY,QAAO;AAAA,IAChF,SAAQ;AAAA,IACR,UAAQ;AAAA,IACR,SAAO;AAAA,IACP,WAAS;AAAA,IACT,WAAS;AAAA,EAAA;AACb;"}
+{"version":3,"file":"TableRowActionsDropdown.js","names":[],"sources":["../../../src/components/table/TableRowActionsDropdown.tsx"],"sourcesContent":["import ButtonDropdown, { type ButtonDropdownProps } from '../dropdown/ButtonDropdown';\n\nexport type TableRowActionsDropdownProps = Omit<\n    ButtonDropdownProps,\n    'title' | 'bsStyle' | 'variant' | 'iconOnly' | 'iconName' | 'noCaret' | 'splitButton' | 'pullRight'\n> & {\n    /**\n     * Accessible label applied to the icon-only trigger button.\n     *\n     * @default 'Row actions'\n     */\n    'aria-label'?: string;\n};\n\nconst TableRowActionsDropdown = ({\n    'aria-label': ariaLabel = 'Row actions',\n    ...remainingProps\n}: TableRowActionsDropdownProps) => (\n    <ButtonDropdown\n        {...remainingProps}\n        aria-label={ariaLabel}\n        title={<span className='uikit-icon icon-option-horizontal' aria-hidden='true' />}\n        bsStyle='muted'\n        iconOnly\n        noCaret\n        pullRight\n    />\n);\n\nexport default TableRowActionsDropdown;\n"],"mappings":";;;AAcA,IAAM,KAA2B,EAC7B,cAAc,IAAY,eAC1B,GAAG,QAEH,kBAAC,GAAD;CACI,GAAI;CACJ,cAAY;CACZ,OAAO,kBAAC,QAAD;EAAM,WAAU;EAAoC,eAAY;CAAQ,CAAA;CAC/E,SAAQ;CACR,UAAA;CACA,SAAA;CACA,WAAA;AACH,CAAA"}

package/components/table/TableSearch.js

@@ -1,14 +1,18 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import l from "../../utils/classNames.js";
-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 })
-  ] });
+import e from "../../utils/classNames.js";
+import t from "../clearableInput/ClearableInput.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/table/TableSearch.tsx
+var i = (i) => {
+	let { className: a, ...o } = i;
+	return /* @__PURE__ */ r("div", {
+		className: e("table-toolbar-search", "input-group", a),
+		children: [/* @__PURE__ */ n("span", {
+			className: "input-group-addon",
+			children: /* @__PURE__ */ n("span", { className: "uikit-icon icon-search" })
+		}), /* @__PURE__ */ n(t, { ...o })]
+	});
 };
-export {
-  i as default
-};
-//# sourceMappingURL=TableSearch.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=TableSearch.js.map

package/components/table/TableSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSearch.js","sources":["../../../src/components/table/TableSearch.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\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":";;;AAUA,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;"}
+{"version":3,"file":"TableSearch.js","names":[],"sources":["../../../src/components/table/TableSearch.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\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='uikit-icon icon-search' />\n            </span>\n            <ClearableInput {...remainingProps} />\n        </div>\n    );\n};\n\nexport default TableSearch;\n"],"mappings":";;;;AAUA,IAAM,KAAe,MAA4B;CAC7C,IAAM,EAAE,cAAW,GAAG,MAAmB;CAEzC,OACI,kBAAC,OAAD;EAAK,WAAW,EAAW,wBAAwB,eAAe,CAAS;YAA3E,CACI,kBAAC,QAAD;GAAM,WAAU;aACZ,kBAAC,QAAD,EAAM,WAAU,yBAA0B,CAAA;EACxC,CAAA,GACN,kBAAC,GAAD,EAAgB,GAAI,EAAiB,CAAA,CACpC;;AAEb"}

package/components/table/TableSpacerRow.js

@@ -1,29 +1,29 @@
-import { jsx as n } from "react/jsx-runtime";
-import d from "../../utils/classNames.js";
-import { useOptionalTableSection as p, useTableBodyContext as m } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as b } from "./context/TableRenderContext.js";
-const R = (s) => {
-  const { className: a, noHover: l, ...c } = s, e = b(), i = p(), r = m();
-  if (!e || e.columns.length === 0 || i !== "body" || !r)
-    return null;
-  const o = r.nextRowIndex(), t = /* @__PURE__ */ n(
-    "div",
-    {
-      ...c,
-      className: d("table-row table-row-spacer", l && "table-row-no-hover", a),
-      "data-index": o,
-      role: "presentation",
-      children: /* @__PURE__ */ n("div", { className: "table-cell table-spacer-cell", role: "presentation" })
-    }
-  );
-  return e.renderDraft.bodyRows.push({
-    rowId: `spacer-${o}`,
-    rowIndex: o,
-    kind: "spacer",
-    render: () => t
-  }), e.isRegisteringBodyRows ? null : t;
+import e from "../../utils/classNames.js";
+import { useOptionalTableSection as t, useTableBodyContext as n } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as r } from "./context/TableRenderContext.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/table/TableSpacerRow.tsx
+var a = (a) => {
+	let { className: o, noHover: s, ...c } = a, l = r(), u = t(), d = n();
+	if (!l || l.columns.length === 0 || u !== "body" || !d) return null;
+	let f = d.nextRowIndex(), p = /* @__PURE__ */ i("div", {
+		...c,
+		className: e("table-row table-row-spacer", s && "table-row-no-hover", o),
+		"data-index": f,
+		role: "presentation",
+		children: /* @__PURE__ */ i("div", {
+			className: "table-cell table-spacer-cell",
+			role: "presentation"
+		})
+	});
+	return l.renderDraft.bodyRows.push({
+		rowId: `spacer-${f}`,
+		rowIndex: f,
+		kind: "spacer",
+		render: () => p
+	}), l.isRegisteringBodyRows ? null : p;
 };
-export {
-  R as default
-};
-//# sourceMappingURL=TableSpacerRow.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=TableSpacerRow.js.map

package/components/table/TableSpacerRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSpacerRow.js","sources":["../../../src/components/table/TableSpacerRow.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes } from './Table.types';\nimport { useTableBodyContext, useOptionalTableSection } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableSpacerRowProps = TableHtmlAttributes & {\n    /**\n     * Optional class names only for this spacer row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\nconst TableSpacerRow = (props: TableSpacerRowProps) => {\n    const { className, noHover, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\n\n    if (!renderContext || renderContext.columns.length === 0 || section !== 'body' || !bodyContext) {\n        return null;\n    }\n\n    const rowIndex = bodyContext.nextRowIndex();\n\n    const rowNode = (\n        <div\n            {...remainingProps}\n            className={classNames('table-row table-row-spacer', noHover && 'table-row-no-hover', className)}\n            data-index={rowIndex}\n            role='presentation'\n        >\n            <div className='table-cell table-spacer-cell' role='presentation' />\n        </div>\n    );\n\n    renderContext.renderDraft.bodyRows.push({\n        rowId: `spacer-${rowIndex}`,\n        rowIndex,\n        kind: 'spacer',\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableSpacerRow;\n"],"names":["TableSpacerRow","props","className","noHover","remainingProps","renderContext","useOptionalTableRenderContext","section","useOptionalTableSection","bodyContext","useTableBodyContext","rowIndex","rowNode","jsx","classNames"],"mappings":";;;;AAiBA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,MAAmBH,GAE5CI,IAAgBC,EAAA,GAChBC,IAAUC,EAAA,GACVC,IAAcC,EAAA;AAEpB,MAAI,CAACL,KAAiBA,EAAc,QAAQ,WAAW,KAAKE,MAAY,UAAU,CAACE;AAC/E,WAAO;AAGX,QAAME,IAAWF,EAAY,aAAA,GAEvBG,IACF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGT;AAAA,MACJ,WAAWU,EAAW,8BAA8BX,KAAW,sBAAsBD,CAAS;AAAA,MAC9F,cAAYS;AAAA,MACZ,MAAK;AAAA,MAEL,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,gCAA+B,MAAK,eAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAI1E,SAAAR,EAAc,YAAY,SAAS,KAAK;AAAA,IACpC,OAAO,UAAUM,CAAQ;AAAA,IACzB,UAAAA;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,MAAMC;AAAA,EAAA,CACjB,GAEMP,EAAc,wBAAwB,OAAOO;AACxD;"}
+{"version":3,"file":"TableSpacerRow.js","names":[],"sources":["../../../src/components/table/TableSpacerRow.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes } from './Table.types';\nimport { useTableBodyContext, useOptionalTableSection } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableSpacerRowProps = TableHtmlAttributes & {\n    /**\n     * Optional class names only for this spacer row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\nconst TableSpacerRow = (props: TableSpacerRowProps) => {\n    const { className, noHover, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\n\n    if (!renderContext || renderContext.columns.length === 0 || section !== 'body' || !bodyContext) {\n        return null;\n    }\n\n    const rowIndex = bodyContext.nextRowIndex();\n\n    const rowNode = (\n        <div\n            {...remainingProps}\n            className={classNames('table-row table-row-spacer', noHover && 'table-row-no-hover', className)}\n            data-index={rowIndex}\n            role='presentation'\n        >\n            <div className='table-cell table-spacer-cell' role='presentation' />\n        </div>\n    );\n\n    renderContext.renderDraft.bodyRows.push({\n        rowId: `spacer-${rowIndex}`,\n        rowIndex,\n        kind: 'spacer',\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableSpacerRow;\n"],"mappings":";;;;;AAiBA,IAAM,KAAkB,MAA+B;CACnD,IAAM,EAAE,cAAW,YAAS,GAAG,MAAmB,GAE5C,IAAgB,EAA8B,GAC9C,IAAU,EAAwB,GAClC,IAAc,EAAoB;CAExC,IAAI,CAAC,KAAiB,EAAc,QAAQ,WAAW,KAAK,MAAY,UAAU,CAAC,GAC/E,OAAO;CAGX,IAAM,IAAW,EAAY,aAAa,GAEpC,IACF,kBAAC,OAAD;EACI,GAAI;EACJ,WAAW,EAAW,8BAA8B,KAAW,sBAAsB,CAAS;EAC9F,cAAY;EACZ,MAAK;YAEL,kBAAC,OAAD;GAAK,WAAU;GAA+B,MAAK;EAAgB,CAAA;CAClE,CAAA;CAUT,OAPA,EAAc,YAAY,SAAS,KAAK;EACpC,OAAO,UAAU;EACjB;EACA,MAAM;EACN,cAAc;CAClB,CAAC,GAEM,EAAc,wBAAwB,OAAO;AACxD"}

package/components/table/TableStickyRowButton.js

@@ -1,32 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
-import l from "../button/Button.js";
-import s from "../../utils/classNames.js";
-const u = (a) => {
-  const { active: t = !1, disabled: i = !1, onClick: r, className: e, ...n } = a;
-  return /* @__PURE__ */ o(
-    l,
-    {
-      ...n,
-      bsStyle: "muted",
-      bsSize: "sm",
-      iconOnly: !0,
-      active: t,
-      disabled: i,
-      className: s("table-sticky-row-button", e),
-      onClick: r,
-      children: /* @__PURE__ */ o(
-        "span",
-        {
-          className: s(
-            "rioglyph rioglyph-pushpin transition-all transition-ease-in-out transition-duration-01 transform-origin-center",
-            t ? "rotate-315" : "rotate-360"
-          )
-        }
-      )
-    }
-  );
+import e from "../../utils/classNames.js";
+import t from "../button/Button.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/table/TableStickyRowButton.tsx
+var r = (r) => {
+	let { active: i = !1, disabled: a = !1, onClick: o, className: s, ...c } = r;
+	return /* @__PURE__ */ n(t, {
+		...c,
+		bsStyle: "muted",
+		bsSize: "sm",
+		iconOnly: !0,
+		active: i,
+		disabled: a,
+		className: e("table-sticky-row-button", s),
+		onClick: o,
+		children: /* @__PURE__ */ n("span", { className: e("uikit-icon icon-pushpin transition-all transition-ease-in-out transition-duration-01 transform-origin-center", i ? "rotate-315" : "rotate-360") })
+	});
 };
-export {
-  u as default
-};
-//# sourceMappingURL=TableStickyRowButton.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=TableStickyRowButton.js.map

package/components/table/TableStickyRowButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableStickyRowButton.js","sources":["../../../src/components/table/TableStickyRowButton.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport Button from '../button/Button';\nimport classNames from '../../utils/classNames';\n\nexport type TableStickyRowButtonProps = {\n    /**\n     * Controls whether the related row is currently sticky.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Disables the sticky row button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback triggered when the sticky row button is clicked.\n     */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n\n    /**\n     * Optional additional class names for the button element.\n     */\n    className?: string;\n};\n\nconst TableStickyRowButton = (props: TableStickyRowButtonProps) => {\n    const { active = false, disabled = false, onClick, className, ...remainingProps } = props;\n\n    return (\n        <Button\n            {...remainingProps}\n            bsStyle='muted'\n            bsSize='sm'\n            iconOnly\n            active={active}\n            disabled={disabled}\n            className={classNames('table-sticky-row-button', className)}\n            onClick={onClick}\n        >\n            <span\n                className={classNames(\n                    'rioglyph rioglyph-pushpin transition-all transition-ease-in-out transition-duration-01 transform-origin-center',\n                    active ? 'rotate-315' : 'rotate-360'\n                )}\n            />\n        </Button>\n    );\n};\n\nexport default TableStickyRowButton;\n"],"names":["TableStickyRowButton","props","active","disabled","onClick","className","remainingProps","jsx","Button","classNames"],"mappings":";;;AA+BA,MAAMA,IAAuB,CAACC,MAAqC;AAC/D,QAAM,EAAE,QAAAC,IAAS,IAAO,UAAAC,IAAW,IAAO,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,IAAmBL;AAEpF,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGF;AAAA,MACJ,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,UAAQ;AAAA,MACR,QAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,WAAWM,EAAW,2BAA2BJ,CAAS;AAAA,MAC1D,SAAAD;AAAA,MAEA,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWE;AAAA,YACP;AAAA,YACAP,IAAS,eAAe;AAAA,UAAA;AAAA,QAC5B;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"TableStickyRowButton.js","names":[],"sources":["../../../src/components/table/TableStickyRowButton.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport Button from '../button/Button';\nimport classNames from '../../utils/classNames';\n\nexport type TableStickyRowButtonProps = {\n    /**\n     * Controls whether the related row is currently sticky.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Disables the sticky row button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback triggered when the sticky row button is clicked.\n     */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n\n    /**\n     * Optional additional class names for the button element.\n     */\n    className?: string;\n};\n\nconst TableStickyRowButton = (props: TableStickyRowButtonProps) => {\n    const { active = false, disabled = false, onClick, className, ...remainingProps } = props;\n\n    return (\n        <Button\n            {...remainingProps}\n            bsStyle='muted'\n            bsSize='sm'\n            iconOnly\n            active={active}\n            disabled={disabled}\n            className={classNames('table-sticky-row-button', className)}\n            onClick={onClick}\n        >\n            <span\n                className={classNames(\n                    'uikit-icon icon-pushpin transition-all transition-ease-in-out transition-duration-01 transform-origin-center',\n                    active ? 'rotate-315' : 'rotate-360'\n                )}\n            />\n        </Button>\n    );\n};\n\nexport default TableStickyRowButton;\n"],"mappings":";;;;AA+BA,IAAM,KAAwB,MAAqC;CAC/D,IAAM,EAAE,YAAS,IAAO,cAAW,IAAO,YAAS,cAAW,GAAG,MAAmB;CAEpF,OACI,kBAAC,GAAD;EACI,GAAI;EACJ,SAAQ;EACR,QAAO;EACP,UAAA;EACQ;EACE;EACV,WAAW,EAAW,2BAA2B,CAAS;EACjD;YAET,kBAAC,QAAD,EACI,WAAW,EACP,gHACA,IAAS,eAAe,YAC5B,EACH,CAAA;CACG,CAAA;AAEhB"}

package/components/table/TableToolbar.js

@@ -1,93 +1,122 @@
-import { jsx as o, jsxs as c, Fragment as k } from "react/jsx-runtime";
-import { useRef as C, useState as x, useLayoutEffect as D, useEffect as G, Children as w, isValidElement as N, Fragment as P } from "react";
-import I from "../../hooks/useResizeObserver.js";
-import K from "../../hooks/useMergeRefs.js";
-import m from "../../utils/classNames.js";
-import U from "../button/ToggleButton.js";
-import V from "../collapse/Collapse.js";
-import $ from "../card/Card.js";
-import q from "./TableSearch.js";
-import J from "./TableToolbarColumn.js";
-const Q = 544, X = (r) => N(r) && r.type === J, B = (r) => {
-  const e = [];
-  for (const l of w.toArray(r)) {
-    if (N(l) && l.type === P) {
-      const t = B(l.props.children);
-      if (!t)
-        return null;
-      e.push(...t);
-      continue;
-    }
-    if (!X(l))
-      return null;
-    e.push(l);
-  }
-  return e;
-}, F = (r, e) => w.toArray(r).some((l) => N(l) ? l.type === e ? !0 : F(l.props.children, e) : !1), v = (r) => {
-  if (!r)
-    return !1;
-  const e = Array.from(r.children);
-  if (e.length < 2)
-    return !1;
-  const l = (e[0]?.offsetTop ?? 0) + (e[0]?.offsetHeight ?? 0);
-  return e.some((t) => t.offsetTop + t.offsetHeight !== l);
-}, ie = (r) => {
-  const {
-    className: e,
-    collapseCardClassName: l,
-    children: t,
-    responsiveCollapseBreakpoint: H = Q,
-    disableResponsiveCollapse: _ = !1
-  } = r, R = C(null), T = C(null), y = C(null), [M, S] = x(!1), [f, A] = x(!1), [W, , { inlineSize: z }] = I(), [p, , { inlineSize: j }] = I(), L = K(R, W), i = !_ && z !== void 0 && z <= H, u = B(t), s = (u ?? []).filter((a) => a.props.horizontalAlign !== "right"), n = (u ?? []).filter((a) => a.props.horizontalAlign === "right"), d = n.findIndex(
-    (a) => F(a.props.children, q)
-  ), h = d >= 0 ? n[d] : void 0, E = h ? n.filter((a, g) => g !== d) : n, b = i && E.length > 0, O = b && /* @__PURE__ */ o("div", { className: "table-toolbar-mobile-toggle", children: /* @__PURE__ */ o(
-    U,
-    {
-      active: f,
-      "aria-label": f ? "Hide toolbar filters" : "Show toolbar filters",
-      bsStyle: "default",
-      iconName: "rioglyph-option-horizontal",
-      iconOnly: !0,
-      onClick: A
-    }
-  ) });
-  return D(() => {
-    if (i) {
-      S(!1);
-      return;
-    }
-    const a = R.current;
-    a?.classList.add("table-toolbar-measuring");
-    const g = v(p.current) || v(T.current) || v(y.current);
-    a?.classList.remove("table-toolbar-measuring"), S(g);
-  }, [t, i, s.length, n.length, j]), G(() => {
-    (!i || !b) && A(!1);
-  }, [b, i]), u?.length ? i ? /* @__PURE__ */ o("div", { className: m("table-toolbar", "table-toolbar-mobile", e), ref: L, children: /* @__PURE__ */ c("div", { className: "table-toolbar-container table-toolbar-container-mobile", ref: p, children: [
-    h ? /* @__PURE__ */ c(k, { children: [
-      s.length > 0 && /* @__PURE__ */ o("div", { className: "table-toolbar-mobile-primary", children: /* @__PURE__ */ o("div", { className: "table-toolbar-group-left table-toolbar-group-left-mobile", children: s }) }),
-      /* @__PURE__ */ c("div", { className: "table-toolbar-mobile-search-row", children: [
-        /* @__PURE__ */ o("div", { className: "table-toolbar-mobile-search", children: h }),
-        O
-      ] })
-    ] }) : /* @__PURE__ */ c("div", { className: "table-toolbar-mobile-primary", children: [
-      s.length > 0 && /* @__PURE__ */ o("div", { className: "table-toolbar-group-left table-toolbar-group-left-mobile", children: s }),
-      O
-    ] }),
-    b && /* @__PURE__ */ o(V, { open: f, timeout: 220, children: /* @__PURE__ */ o($, { className: m("table-toolbar-mobile-collapse-card", l), children: /* @__PURE__ */ o("div", { className: "table-toolbar-mobile-collapse", children: E }) }) })
-  ] }) }) : /* @__PURE__ */ o(
-    "div",
-    {
-      className: m("table-toolbar", M && "table-toolbar-has-wrap", e),
-      ref: L,
-      children: /* @__PURE__ */ c("div", { className: "table-toolbar-container", ref: p, children: [
-        s.length > 0 && /* @__PURE__ */ o("div", { className: "table-toolbar-group-left", ref: T, children: s }),
-        n.length > 0 && /* @__PURE__ */ o("div", { className: "table-toolbar-group-right", ref: y, children: n })
-      ] })
-    }
-  ) : /* @__PURE__ */ o("div", { className: m("table-toolbar", e), children: t });
+import e from "../../hooks/useResizeObserver.js";
+import "../../useResizeObserver.js";
+import t from "../../utils/classNames.js";
+import n from "../../hooks/useMergeRefs.js";
+import r from "../button/ToggleButton.js";
+import i from "../collapse/Collapse.js";
+import a from "../card/Card.js";
+import o from "./TableSearch.js";
+import s from "./TableToolbarColumn.js";
+import { Children as c, Fragment as l, isValidElement as u, useEffect as d, useLayoutEffect as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/table/TableToolbar.tsx
+var v = 544, y = (e) => u(e) && e.type === s, b = (e) => {
+	let t = [];
+	for (let n of c.toArray(e)) {
+		if (u(n) && n.type === l) {
+			let e = b(n.props.children);
+			if (!e) return null;
+			t.push(...e);
+			continue;
+		}
+		if (!y(n)) return null;
+		t.push(n);
+	}
+	return t;
+}, x = (e, t) => c.toArray(e).some((e) => u(e) ? e.type === t || x(e.props.children, t) : !1), S = (e) => {
+	if (!e) return !1;
+	let t = Array.from(e.children);
+	if (t.length < 2) return !1;
+	let n = (t[0]?.offsetTop ?? 0) + (t[0]?.offsetHeight ?? 0);
+	return t.some((e) => e.offsetTop + e.offsetHeight !== n);
+}, C = (s) => {
+	let { className: c, collapseCardClassName: l, children: u, responsiveCollapseBreakpoint: y = v, disableResponsiveCollapse: C = !1 } = s, w = p(null), T = p(null), E = p(null), [D, O] = m(!1), [k, A] = m(!1), [j, , { inlineSize: M }] = e(), [N, , { inlineSize: P }] = e(), F = n(w, j), I = !C && M !== void 0 && M <= y, L = b(u), R = (L ?? []).filter((e) => e.props.horizontalAlign !== "right"), z = (L ?? []).filter((e) => e.props.horizontalAlign === "right"), B = z.findIndex((e) => x(e.props.children, o)), V = B >= 0 ? z[B] : void 0, H = V ? z.filter((e, t) => t !== B) : z, U = I && H.length > 0, W = k ? "Hide toolbar filters" : "Show toolbar filters", G = U && /* @__PURE__ */ g("div", {
+		className: "table-toolbar-mobile-toggle",
+		children: /* @__PURE__ */ g(r, {
+			active: k,
+			"aria-label": W,
+			bsStyle: "default",
+			iconName: "icon-option-horizontal",
+			iconOnly: !0,
+			tooltip: W,
+			onClick: A
+		})
+	});
+	return f(() => {
+		if (I) {
+			O(!1);
+			return;
+		}
+		let e = w.current;
+		e?.classList.add("table-toolbar-measuring");
+		let t = S(N.current) || S(T.current) || S(E.current);
+		e?.classList.remove("table-toolbar-measuring"), O(t);
+	}, [
+		u,
+		I,
+		R.length,
+		z.length,
+		P
+	]), d(() => {
+		(!I || !U) && A(!1);
+	}, [U, I]), L?.length ? I ? /* @__PURE__ */ g("div", {
+		className: t("table-toolbar", "table-toolbar-mobile", c),
+		ref: F,
+		children: /* @__PURE__ */ _("div", {
+			className: "table-toolbar-container table-toolbar-container-mobile",
+			ref: N,
+			children: [V ? /* @__PURE__ */ _(h, { children: [R.length > 0 && /* @__PURE__ */ g("div", {
+				className: "table-toolbar-mobile-primary",
+				children: /* @__PURE__ */ g("div", {
+					className: "table-toolbar-group-left table-toolbar-group-left-mobile",
+					children: R
+				})
+			}), /* @__PURE__ */ _("div", {
+				className: "table-toolbar-mobile-search-row",
+				children: [/* @__PURE__ */ g("div", {
+					className: "table-toolbar-mobile-search",
+					children: V
+				}), G]
+			})] }) : /* @__PURE__ */ _("div", {
+				className: "table-toolbar-mobile-primary",
+				children: [R.length > 0 && /* @__PURE__ */ g("div", {
+					className: "table-toolbar-group-left table-toolbar-group-left-mobile",
+					children: R
+				}), G]
+			}), U && /* @__PURE__ */ g(i, {
+				open: k,
+				timeout: 220,
+				children: /* @__PURE__ */ g(a, {
+					className: t("table-toolbar-mobile-collapse-card", l),
+					children: /* @__PURE__ */ g("div", {
+						className: "table-toolbar-mobile-collapse",
+						children: H
+					})
+				})
+			})]
+		})
+	}) : /* @__PURE__ */ g("div", {
+		className: t("table-toolbar", D && "table-toolbar-has-wrap", c),
+		ref: F,
+		children: /* @__PURE__ */ _("div", {
+			className: "table-toolbar-container",
+			ref: N,
+			children: [R.length > 0 && /* @__PURE__ */ g("div", {
+				className: "table-toolbar-group-left",
+				ref: T,
+				children: R
+			}), z.length > 0 && /* @__PURE__ */ g("div", {
+				className: "table-toolbar-group-right",
+				ref: E,
+				children: z
+			})]
+		})
+	}) : /* @__PURE__ */ g("div", {
+		className: t("table-toolbar", c),
+		children: u
+	});
 };
-export {
-  J as TableToolbarColumn,
-  ie as default
-};
-//# sourceMappingURL=TableToolbar.js.map
+//#endregion
+export { s as TableToolbarColumn, C as default };
+
+//# sourceMappingURL=TableToolbar.js.map

package/components/table/TableToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.js","sources":["../../../src/components/table/TableToolbar.tsx"],"sourcesContent":["import {\n    Children,\n    Fragment,\n    useEffect,\n    isValidElement,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type PropsWithChildren,\n    type ReactElement,\n    type ReactNode,\n} from 'react';\n\nimport useResizeObserver from '../../useResizeObserver';\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport classNames from '../../utils/classNames';\nimport ToggleButton from '../button/ToggleButton';\nimport Collapse from '../collapse/Collapse';\nimport Card from '../card/Card';\nimport TableSearch from './TableSearch';\nimport TableToolbarColumn, { type TableToolbarColumnProps } from './TableToolbarColumn';\n\nexport { TableToolbarColumn };\nexport type {\n    TableToolbarColumnHorizontalAlign,\n    TableToolbarColumnProps,\n    TableToolbarColumnVerticalAlign,\n} from './TableToolbarColumn';\n\n// Switch the toolbar into the compact mobile layout,\n// based on the available toolbar width instead of the overall viewport width.\nconst DEFAULT_TABLE_TOOLBAR_COLLAPSE_BREAKPOINT = 544;\n\nexport type TableToolbarProps = {\n    /**\n     * Optional class names for the wrapper element.\n     *\n     * Do not use this to override the standard spacing between a TableToolbar and the Table below it.\n     * The toolbar spacing comes from the `table-toolbar` wrapper margin plus the bottom margins of\n     * its `TableToolbarColumn` children.\n     */\n    className?: string;\n\n    /**\n     * Optional class names for the card that wraps collapsed toolbar controls\n     * in the compact mobile layout.\n     */\n    collapseCardClassName?: string;\n\n    /**\n     * Optional toolbar width in pixels at which the toolbar switches into its compact\n     * mobile/collapsible layout.\n     *\n     * @default 544\n     */\n    responsiveCollapseBreakpoint?: number;\n\n    /**\n     * Disables the compact mobile/collapsible toolbar layout.\n     *\n     * Use this as an escape hatch when a consuming service needs to keep the\n     * default wrapping toolbar behavior regardless of the available toolbar width.\n     *\n     * @default false\n     */\n    disableResponsiveCollapse?: boolean;\n};\n\ntype TableToolbarColumnElement = ReactElement<PropsWithChildren<TableToolbarColumnProps>, typeof TableToolbarColumn>;\n\nconst isTableToolbarColumnElement = (child: ReactNode): child is TableToolbarColumnElement =>\n    isValidElement(child) && child.type === TableToolbarColumn;\n\nconst collectToolbarColumns = (children: ReactNode): TableToolbarColumnElement[] | null => {\n    const columns: TableToolbarColumnElement[] = [];\n\n    for (const child of Children.toArray(children)) {\n        if (isValidElement(child) && child.type === Fragment) {\n            const fragmentColumns = collectToolbarColumns(child.props.children);\n\n            if (!fragmentColumns) {\n                return null;\n            }\n\n            columns.push(...fragmentColumns);\n            continue;\n        }\n\n        if (!isTableToolbarColumnElement(child)) {\n            return null;\n        }\n\n        columns.push(child);\n    }\n\n    return columns;\n};\n\nconst hasDescendantType = (node: ReactNode, componentType: unknown): boolean =>\n    Children.toArray(node).some(child => {\n        if (!isValidElement(child)) {\n            return false;\n        }\n\n        if (child.type === componentType) {\n            return true;\n        }\n\n        return hasDescendantType(child.props.children, componentType);\n    });\n\nconst hasWrappedFlexItems = (containerElement: HTMLDivElement | null) => {\n    if (!containerElement) {\n        return false;\n    }\n\n    const itemElements = Array.from(containerElement.children) as HTMLElement[];\n\n    if (itemElements.length < 2) {\n        return false;\n    }\n\n    const firstLineBottom = (itemElements[0]?.offsetTop ?? 0) + (itemElements[0]?.offsetHeight ?? 0);\n\n    return itemElements.some(itemElement => itemElement.offsetTop + itemElement.offsetHeight !== firstLineBottom);\n};\n\nconst TableToolbar = (props: PropsWithChildren<TableToolbarProps>) => {\n    const {\n        className,\n        collapseCardClassName,\n        children,\n        responsiveCollapseBreakpoint = DEFAULT_TABLE_TOOLBAR_COLLAPSE_BREAKPOINT,\n        disableResponsiveCollapse = false,\n    } = props;\n\n    const toolbarRef = useRef<HTMLDivElement | null>(null);\n    const leftGroupRef = useRef<HTMLDivElement | null>(null);\n    const rightGroupRef = useRef<HTMLDivElement | null>(null);\n\n    const [hasWrappedRows, setHasWrappedRows] = useState(false);\n    const [isMobileCollapseOpen, setIsMobileCollapseOpen] = useState(false);\n\n    const [toolbarSizeRef, , { inlineSize: toolbarInlineSize }] = useResizeObserver<HTMLDivElement>();\n    const [toolbarContainerRef, , { inlineSize: toolbarContainerInlineSize }] = useResizeObserver<HTMLDivElement>();\n    const mergedToolbarRefs = useMergeRefs(toolbarRef, toolbarSizeRef);\n\n    const isSmallScreen =\n        !disableResponsiveCollapse &&\n        toolbarInlineSize !== undefined &&\n        toolbarInlineSize <= responsiveCollapseBreakpoint;\n\n    const toolbarColumns = collectToolbarColumns(children);\n\n    const leftColumns = (toolbarColumns ?? []).filter(column => column.props.horizontalAlign !== 'right');\n    const rightColumns = (toolbarColumns ?? []).filter(column => column.props.horizontalAlign === 'right');\n\n    const searchRightColumnIndex = rightColumns.findIndex(column =>\n        hasDescendantType(column.props.children, TableSearch)\n    );\n\n    const searchRightColumn = searchRightColumnIndex >= 0 ? rightColumns[searchRightColumnIndex] : undefined;\n\n    const mobileCollapsedRightColumns = searchRightColumn\n        ? rightColumns.filter((_, index) => index !== searchRightColumnIndex)\n        : rightColumns;\n\n    const hasMobileCollapseToggle = isSmallScreen && mobileCollapsedRightColumns.length > 0;\n\n    const mobileCollapseToggle = hasMobileCollapseToggle && (\n        <div className='table-toolbar-mobile-toggle'>\n            <ToggleButton\n                active={isMobileCollapseOpen}\n                aria-label={isMobileCollapseOpen ? 'Hide toolbar filters' : 'Show toolbar filters'}\n                bsStyle='default'\n                iconName={'rioglyph-option-horizontal'}\n                iconOnly\n                onClick={setIsMobileCollapseOpen}\n            />\n        </div>\n    );\n\n    useLayoutEffect(() => {\n        if (isSmallScreen) {\n            setHasWrappedRows(false);\n            return;\n        }\n\n        const toolbarElement = toolbarRef.current;\n\n        toolbarElement?.classList.add('table-toolbar-measuring');\n\n        const nextHasWrappedRows =\n            hasWrappedFlexItems(toolbarContainerRef.current) ||\n            hasWrappedFlexItems(leftGroupRef.current) ||\n            hasWrappedFlexItems(rightGroupRef.current);\n\n        toolbarElement?.classList.remove('table-toolbar-measuring');\n\n        setHasWrappedRows(nextHasWrappedRows);\n    }, [children, isSmallScreen, leftColumns.length, rightColumns.length, toolbarContainerInlineSize]);\n\n    useEffect(() => {\n        if (!isSmallScreen || !hasMobileCollapseToggle) {\n            setIsMobileCollapseOpen(false);\n        }\n    }, [hasMobileCollapseToggle, isSmallScreen]);\n\n    if (!toolbarColumns?.length) {\n        return <div className={classNames('table-toolbar', className)}>{children}</div>;\n    }\n\n    if (isSmallScreen) {\n        return (\n            <div className={classNames('table-toolbar', 'table-toolbar-mobile', className)} ref={mergedToolbarRefs}>\n                <div className='table-toolbar-container table-toolbar-container-mobile' ref={toolbarContainerRef}>\n                    {searchRightColumn ? (\n                        <>\n                            {leftColumns.length > 0 && (\n                                <div className='table-toolbar-mobile-primary'>\n                                    <div className='table-toolbar-group-left table-toolbar-group-left-mobile'>\n                                        {leftColumns}\n                                    </div>\n                                </div>\n                            )}\n                            <div className='table-toolbar-mobile-search-row'>\n                                <div className='table-toolbar-mobile-search'>{searchRightColumn}</div>\n                                {mobileCollapseToggle}\n                            </div>\n                        </>\n                    ) : (\n                        <div className='table-toolbar-mobile-primary'>\n                            {leftColumns.length > 0 && (\n                                <div className='table-toolbar-group-left table-toolbar-group-left-mobile'>\n                                    {leftColumns}\n                                </div>\n                            )}\n                            {mobileCollapseToggle}\n                        </div>\n                    )}\n\n                    {hasMobileCollapseToggle && (\n                        <Collapse open={isMobileCollapseOpen} timeout={220}>\n                            <Card className={classNames('table-toolbar-mobile-collapse-card', collapseCardClassName)}>\n                                <div className='table-toolbar-mobile-collapse'>{mobileCollapsedRightColumns}</div>\n                            </Card>\n                        </Collapse>\n                    )}\n                </div>\n            </div>\n        );\n    }\n\n    return (\n        <div\n            className={classNames('table-toolbar', hasWrappedRows && 'table-toolbar-has-wrap', className)}\n            ref={mergedToolbarRefs}\n        >\n            <div className='table-toolbar-container' ref={toolbarContainerRef}>\n                {leftColumns.length > 0 && (\n                    <div className='table-toolbar-group-left' ref={leftGroupRef}>\n                        {leftColumns}\n                    </div>\n                )}\n                {rightColumns.length > 0 && (\n                    <div className='table-toolbar-group-right' ref={rightGroupRef}>\n                        {rightColumns}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableToolbar;\n"],"names":["DEFAULT_TABLE_TOOLBAR_COLLAPSE_BREAKPOINT","isTableToolbarColumnElement","child","isValidElement","TableToolbarColumn","collectToolbarColumns","children","columns","Children","Fragment","fragmentColumns","hasDescendantType","node","componentType","hasWrappedFlexItems","containerElement","itemElements","firstLineBottom","itemElement","TableToolbar","props","className","collapseCardClassName","responsiveCollapseBreakpoint","disableResponsiveCollapse","toolbarRef","useRef","leftGroupRef","rightGroupRef","hasWrappedRows","setHasWrappedRows","useState","isMobileCollapseOpen","setIsMobileCollapseOpen","toolbarSizeRef","toolbarInlineSize","useResizeObserver","toolbarContainerRef","toolbarContainerInlineSize","mergedToolbarRefs","useMergeRefs","isSmallScreen","toolbarColumns","leftColumns","column","rightColumns","searchRightColumnIndex","TableSearch","searchRightColumn","mobileCollapsedRightColumns","_","index","hasMobileCollapseToggle","mobileCollapseToggle","jsx","ToggleButton","useLayoutEffect","toolbarElement","nextHasWrappedRows","useEffect","classNames","jsxs","Collapse","Card"],"mappings":";;;;;;;;;;AA+BA,MAAMA,IAA4C,KAuC5CC,IAA8B,CAACC,MACjCC,EAAeD,CAAK,KAAKA,EAAM,SAASE,GAEtCC,IAAwB,CAACC,MAA4D;AACvF,QAAMC,IAAuC,CAAA;AAE7C,aAAWL,KAASM,EAAS,QAAQF,CAAQ,GAAG;AAC5C,QAAIH,EAAeD,CAAK,KAAKA,EAAM,SAASO,GAAU;AAClD,YAAMC,IAAkBL,EAAsBH,EAAM,MAAM,QAAQ;AAElE,UAAI,CAACQ;AACD,eAAO;AAGX,MAAAH,EAAQ,KAAK,GAAGG,CAAe;AAC/B;AAAA,IACJ;AAEA,QAAI,CAACT,EAA4BC,CAAK;AAClC,aAAO;AAGX,IAAAK,EAAQ,KAAKL,CAAK;AAAA,EACtB;AAEA,SAAOK;AACX,GAEMI,IAAoB,CAACC,GAAiBC,MACxCL,EAAS,QAAQI,CAAI,EAAE,KAAK,CAAAV,MACnBC,EAAeD,CAAK,IAIrBA,EAAM,SAASW,IACR,KAGJF,EAAkBT,EAAM,MAAM,UAAUW,CAAa,IAPjD,EAQd,GAECC,IAAsB,CAACC,MAA4C;AACrE,MAAI,CAACA;AACD,WAAO;AAGX,QAAMC,IAAe,MAAM,KAAKD,EAAiB,QAAQ;AAEzD,MAAIC,EAAa,SAAS;AACtB,WAAO;AAGX,QAAMC,KAAmBD,EAAa,CAAC,GAAG,aAAa,MAAMA,EAAa,CAAC,GAAG,gBAAgB;AAE9F,SAAOA,EAAa,KAAK,CAAAE,MAAeA,EAAY,YAAYA,EAAY,iBAAiBD,CAAe;AAChH,GAEME,KAAe,CAACC,MAAgD;AAClE,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,UAAAhB;AAAA,IACA,8BAAAiB,IAA+BvB;AAAA,IAC/B,2BAAAwB,IAA4B;AAAA,EAAA,IAC5BJ,GAEEK,IAAaC,EAA8B,IAAI,GAC/CC,IAAeD,EAA8B,IAAI,GACjDE,IAAgBF,EAA8B,IAAI,GAElD,CAACG,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpD,CAACC,GAAsBC,CAAuB,IAAIF,EAAS,EAAK,GAEhE,CAACG,KAAkB,EAAE,YAAYC,EAAA,CAAmB,IAAIC,EAAA,GACxD,CAACC,KAAuB,EAAE,YAAYC,EAAA,CAA4B,IAAIF,EAAA,GACtEG,IAAoBC,EAAaf,GAAYS,CAAc,GAE3DO,IACF,CAACjB,KACDW,MAAsB,UACtBA,KAAqBZ,GAEnBmB,IAAiBrC,EAAsBC,CAAQ,GAE/CqC,KAAeD,KAAkB,CAAA,GAAI,OAAO,CAAAE,MAAUA,EAAO,MAAM,oBAAoB,OAAO,GAC9FC,KAAgBH,KAAkB,CAAA,GAAI,OAAO,CAAAE,MAAUA,EAAO,MAAM,oBAAoB,OAAO,GAE/FE,IAAyBD,EAAa;AAAA,IAAU,CAAAD,MAClDjC,EAAkBiC,EAAO,MAAM,UAAUG,CAAW;AAAA,EAAA,GAGlDC,IAAoBF,KAA0B,IAAID,EAAaC,CAAsB,IAAI,QAEzFG,IAA8BD,IAC9BH,EAAa,OAAO,CAACK,GAAGC,MAAUA,MAAUL,CAAsB,IAClED,GAEAO,IAA0BX,KAAiBQ,EAA4B,SAAS,GAEhFI,IAAuBD,KACzB,gBAAAE,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQvB;AAAA,MACR,cAAYA,IAAuB,yBAAyB;AAAA,MAC5D,SAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAQ;AAAA,MACR,SAASC;AAAA,IAAA;AAAA,EAAA,GAEjB;AA6BJ,SA1BAuB,EAAgB,MAAM;AAClB,QAAIf,GAAe;AACf,MAAAX,EAAkB,EAAK;AACvB;AAAA,IACJ;AAEA,UAAM2B,IAAiBhC,EAAW;AAElC,IAAAgC,GAAgB,UAAU,IAAI,yBAAyB;AAEvD,UAAMC,IACF5C,EAAoBuB,EAAoB,OAAO,KAC/CvB,EAAoBa,EAAa,OAAO,KACxCb,EAAoBc,EAAc,OAAO;AAE7C,IAAA6B,GAAgB,UAAU,OAAO,yBAAyB,GAE1D3B,EAAkB4B,CAAkB;AAAA,EACxC,GAAG,CAACpD,GAAUmC,GAAeE,EAAY,QAAQE,EAAa,QAAQP,CAA0B,CAAC,GAEjGqB,EAAU,MAAM;AACZ,KAAI,CAAClB,KAAiB,CAACW,MACnBnB,EAAwB,EAAK;AAAA,EAErC,GAAG,CAACmB,GAAyBX,CAAa,CAAC,GAEtCC,GAAgB,SAIjBD,IAEI,gBAAAa,EAAC,OAAA,EAAI,WAAWM,EAAW,iBAAiB,wBAAwBvC,CAAS,GAAG,KAAKkB,GACjF,UAAA,gBAAAsB,EAAC,OAAA,EAAI,WAAU,0DAAyD,KAAKxB,GACxE,UAAA;AAAA,IAAAW,IACG,gBAAAa,EAAApD,GAAA,EACK,UAAA;AAAA,MAAAkC,EAAY,SAAS,KAClB,gBAAAW,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,4DACV,UAAAX,EAAA,CACL,GACJ;AAAA,MAEJ,gBAAAkB,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,QAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,+BAA+B,UAAAN,GAAkB;AAAA,QAC/DK;AAAA,MAAA,EAAA,CACL;AAAA,IAAA,EAAA,CACJ,IAEA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,gCACV,UAAA;AAAA,MAAAlB,EAAY,SAAS,KAClB,gBAAAW,EAAC,OAAA,EAAI,WAAU,4DACV,UAAAX,GACL;AAAA,MAEHU;AAAA,IAAA,GACL;AAAA,IAGHD,uBACIU,GAAA,EAAS,MAAM9B,GAAsB,SAAS,KAC3C,4BAAC+B,GAAA,EAAK,WAAWH,EAAW,sCAAsCtC,CAAqB,GACnF,UAAA,gBAAAgC,EAAC,OAAA,EAAI,WAAU,iCAAiC,UAAAL,EAAA,CAA4B,GAChF,EAAA,CACJ;AAAA,EAAA,EAAA,CAER,EAAA,CACJ,IAKJ,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWM,EAAW,iBAAiB/B,KAAkB,0BAA0BR,CAAS;AAAA,MAC5F,KAAKkB;AAAA,MAEL,UAAA,gBAAAsB,EAAC,OAAA,EAAI,WAAU,2BAA0B,KAAKxB,GACzC,UAAA;AAAA,QAAAM,EAAY,SAAS,KAClB,gBAAAW,EAAC,OAAA,EAAI,WAAU,4BAA2B,KAAK3B,GAC1C,UAAAgB,EAAA,CACL;AAAA,QAEHE,EAAa,SAAS,KACnB,gBAAAS,EAAC,SAAI,WAAU,6BAA4B,KAAK1B,GAC3C,UAAAiB,EAAA,CACL;AAAA,MAAA,EAAA,CAER;AAAA,IAAA;AAAA,EAAA,sBA5DI,OAAA,EAAI,WAAWe,EAAW,iBAAiBvC,CAAS,GAAI,UAAAf,GAAS;AA+DjF;"}
+{"version":3,"file":"TableToolbar.js","names":[],"sources":["../../../src/components/table/TableToolbar.tsx"],"sourcesContent":["import {\n    Children,\n    Fragment,\n    useEffect,\n    isValidElement,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type PropsWithChildren,\n    type ReactElement,\n    type ReactNode,\n} from 'react';\n\nimport useResizeObserver from '../../useResizeObserver';\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport classNames from '../../utils/classNames';\nimport ToggleButton from '../button/ToggleButton';\nimport Collapse from '../collapse/Collapse';\nimport Card from '../card/Card';\nimport TableSearch from './TableSearch';\nimport TableToolbarColumn, { type TableToolbarColumnProps } from './TableToolbarColumn';\n\nexport { TableToolbarColumn };\nexport type {\n    TableToolbarColumnHorizontalAlign,\n    TableToolbarColumnProps,\n    TableToolbarColumnVerticalAlign,\n} from './TableToolbarColumn';\n\n// Switch the toolbar into the compact mobile layout,\n// based on the available toolbar width instead of the overall viewport width.\nconst DEFAULT_TABLE_TOOLBAR_COLLAPSE_BREAKPOINT = 544;\n\nexport type TableToolbarProps = {\n    /**\n     * Optional class names for the wrapper element.\n     *\n     * Do not use this to override the standard spacing between a TableToolbar and the Table below it.\n     * The toolbar spacing comes from the `table-toolbar` wrapper margin plus the bottom margins of\n     * its `TableToolbarColumn` children.\n     */\n    className?: string;\n\n    /**\n     * Optional class names for the card that wraps collapsed toolbar controls\n     * in the compact mobile layout.\n     */\n    collapseCardClassName?: string;\n\n    /**\n     * Optional toolbar width in pixels at which the toolbar switches into its compact\n     * mobile/collapsible layout.\n     *\n     * @default 544\n     */\n    responsiveCollapseBreakpoint?: number;\n\n    /**\n     * Disables the compact mobile/collapsible toolbar layout.\n     *\n     * Use this as an escape hatch when a consuming service needs to keep the\n     * default wrapping toolbar behavior regardless of the available toolbar width.\n     *\n     * @default false\n     */\n    disableResponsiveCollapse?: boolean;\n};\n\ntype TableToolbarColumnElement = ReactElement<PropsWithChildren<TableToolbarColumnProps>, typeof TableToolbarColumn>;\n\nconst isTableToolbarColumnElement = (child: ReactNode): child is TableToolbarColumnElement =>\n    isValidElement(child) && child.type === TableToolbarColumn;\n\nconst collectToolbarColumns = (children: ReactNode): TableToolbarColumnElement[] | null => {\n    const columns: TableToolbarColumnElement[] = [];\n\n    for (const child of Children.toArray(children)) {\n        if (isValidElement<{ children?: ReactNode }>(child) && child.type === Fragment) {\n            const fragmentColumns = collectToolbarColumns(child.props.children);\n\n            if (!fragmentColumns) {\n                return null;\n            }\n\n            columns.push(...fragmentColumns);\n            continue;\n        }\n\n        if (!isTableToolbarColumnElement(child)) {\n            return null;\n        }\n\n        columns.push(child);\n    }\n\n    return columns;\n};\n\nconst hasDescendantType = (node: ReactNode, componentType: unknown): boolean =>\n    Children.toArray(node).some(child => {\n        if (!isValidElement<{ children?: ReactNode }>(child)) {\n            return false;\n        }\n\n        if (child.type === componentType) {\n            return true;\n        }\n\n        return hasDescendantType(child.props.children, componentType);\n    });\n\nconst hasWrappedFlexItems = (containerElement: HTMLDivElement | null) => {\n    if (!containerElement) {\n        return false;\n    }\n\n    const itemElements = Array.from(containerElement.children) as HTMLElement[];\n\n    if (itemElements.length < 2) {\n        return false;\n    }\n\n    const firstLineBottom = (itemElements[0]?.offsetTop ?? 0) + (itemElements[0]?.offsetHeight ?? 0);\n\n    return itemElements.some(itemElement => itemElement.offsetTop + itemElement.offsetHeight !== firstLineBottom);\n};\n\nconst TableToolbar = (props: PropsWithChildren<TableToolbarProps>) => {\n    const {\n        className,\n        collapseCardClassName,\n        children,\n        responsiveCollapseBreakpoint = DEFAULT_TABLE_TOOLBAR_COLLAPSE_BREAKPOINT,\n        disableResponsiveCollapse = false,\n    } = props;\n\n    const toolbarRef = useRef<HTMLDivElement | null>(null);\n    const leftGroupRef = useRef<HTMLDivElement | null>(null);\n    const rightGroupRef = useRef<HTMLDivElement | null>(null);\n\n    const [hasWrappedRows, setHasWrappedRows] = useState(false);\n    const [isMobileCollapseOpen, setIsMobileCollapseOpen] = useState(false);\n\n    const [toolbarSizeRef, , { inlineSize: toolbarInlineSize }] = useResizeObserver<HTMLDivElement>();\n    const [toolbarContainerRef, , { inlineSize: toolbarContainerInlineSize }] = useResizeObserver<HTMLDivElement>();\n    const mergedToolbarRefs = useMergeRefs(toolbarRef, toolbarSizeRef);\n\n    const isSmallScreen =\n        !disableResponsiveCollapse &&\n        toolbarInlineSize !== undefined &&\n        toolbarInlineSize <= responsiveCollapseBreakpoint;\n\n    const toolbarColumns = collectToolbarColumns(children);\n\n    const leftColumns = (toolbarColumns ?? []).filter(column => column.props.horizontalAlign !== 'right');\n    const rightColumns = (toolbarColumns ?? []).filter(column => column.props.horizontalAlign === 'right');\n\n    const searchRightColumnIndex = rightColumns.findIndex(column =>\n        hasDescendantType(column.props.children, TableSearch)\n    );\n\n    const searchRightColumn = searchRightColumnIndex >= 0 ? rightColumns[searchRightColumnIndex] : undefined;\n\n    const mobileCollapsedRightColumns = searchRightColumn\n        ? rightColumns.filter((_, index) => index !== searchRightColumnIndex)\n        : rightColumns;\n\n    const hasMobileCollapseToggle = isSmallScreen && mobileCollapsedRightColumns.length > 0;\n    const mobileCollapseToggleLabel = isMobileCollapseOpen ? 'Hide toolbar filters' : 'Show toolbar filters';\n\n    const mobileCollapseToggle = hasMobileCollapseToggle && (\n        <div className='table-toolbar-mobile-toggle'>\n            <ToggleButton\n                active={isMobileCollapseOpen}\n                aria-label={mobileCollapseToggleLabel}\n                bsStyle='default'\n                iconName={'icon-option-horizontal'}\n                iconOnly\n                tooltip={mobileCollapseToggleLabel}\n                onClick={setIsMobileCollapseOpen}\n            />\n        </div>\n    );\n\n    useLayoutEffect(() => {\n        if (isSmallScreen) {\n            setHasWrappedRows(false);\n            return;\n        }\n\n        const toolbarElement = toolbarRef.current;\n\n        toolbarElement?.classList.add('table-toolbar-measuring');\n\n        const nextHasWrappedRows =\n            hasWrappedFlexItems(toolbarContainerRef.current) ||\n            hasWrappedFlexItems(leftGroupRef.current) ||\n            hasWrappedFlexItems(rightGroupRef.current);\n\n        toolbarElement?.classList.remove('table-toolbar-measuring');\n\n        setHasWrappedRows(nextHasWrappedRows);\n    }, [children, isSmallScreen, leftColumns.length, rightColumns.length, toolbarContainerInlineSize]);\n\n    useEffect(() => {\n        if (!isSmallScreen || !hasMobileCollapseToggle) {\n            setIsMobileCollapseOpen(false);\n        }\n    }, [hasMobileCollapseToggle, isSmallScreen]);\n\n    if (!toolbarColumns?.length) {\n        return <div className={classNames('table-toolbar', className)}>{children}</div>;\n    }\n\n    if (isSmallScreen) {\n        return (\n            <div className={classNames('table-toolbar', 'table-toolbar-mobile', className)} ref={mergedToolbarRefs}>\n                <div className='table-toolbar-container table-toolbar-container-mobile' ref={toolbarContainerRef}>\n                    {searchRightColumn ? (\n                        <>\n                            {leftColumns.length > 0 && (\n                                <div className='table-toolbar-mobile-primary'>\n                                    <div className='table-toolbar-group-left table-toolbar-group-left-mobile'>\n                                        {leftColumns}\n                                    </div>\n                                </div>\n                            )}\n                            <div className='table-toolbar-mobile-search-row'>\n                                <div className='table-toolbar-mobile-search'>{searchRightColumn}</div>\n                                {mobileCollapseToggle}\n                            </div>\n                        </>\n                    ) : (\n                        <div className='table-toolbar-mobile-primary'>\n                            {leftColumns.length > 0 && (\n                                <div className='table-toolbar-group-left table-toolbar-group-left-mobile'>\n                                    {leftColumns}\n                                </div>\n                            )}\n                            {mobileCollapseToggle}\n                        </div>\n                    )}\n\n                    {hasMobileCollapseToggle && (\n                        <Collapse open={isMobileCollapseOpen} timeout={220}>\n                            <Card className={classNames('table-toolbar-mobile-collapse-card', collapseCardClassName)}>\n                                <div className='table-toolbar-mobile-collapse'>{mobileCollapsedRightColumns}</div>\n                            </Card>\n                        </Collapse>\n                    )}\n                </div>\n            </div>\n        );\n    }\n\n    return (\n        <div\n            className={classNames('table-toolbar', hasWrappedRows && 'table-toolbar-has-wrap', className)}\n            ref={mergedToolbarRefs}\n        >\n            <div className='table-toolbar-container' ref={toolbarContainerRef}>\n                {leftColumns.length > 0 && (\n                    <div className='table-toolbar-group-left' ref={leftGroupRef}>\n                        {leftColumns}\n                    </div>\n                )}\n                {rightColumns.length > 0 && (\n                    <div className='table-toolbar-group-right' ref={rightGroupRef}>\n                        {rightColumns}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableToolbar;\n"],"mappings":"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"}

package/components/table/TableToolbarColumn.js

@@ -1,33 +1,18 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import c from "../../utils/classNames.js";
-const p = (a) => {
-  const {
-    horizontalAlign: m,
-    label: l,
-    className: o,
-    separator: e,
-    verticalAlign: r = "end",
-    children: n,
-    ...s
-  } = a;
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      ...s,
-      className: c(
-        "table-toolbar-column",
-        `align-self-${r}`,
-        e && "table-toolbar-column-separator",
-        o
-      ),
-      children: [
-        l ? /* @__PURE__ */ i("label", { className: "table-toolbar-label", children: l }) : null,
-        n
-      ]
-    }
-  );
+import e from "../../utils/classNames.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/table/TableToolbarColumn.tsx
+var r = (r) => {
+	let { horizontalAlign: i, label: a, className: o, separator: s, verticalAlign: c = "end", children: l, ...u } = r;
+	return /* @__PURE__ */ n("div", {
+		...u,
+		className: e("table-toolbar-column", `align-self-${c}`, s && "table-toolbar-column-separator", o),
+		children: [a ? /* @__PURE__ */ t("label", {
+			className: "table-toolbar-label",
+			children: a
+		}) : null, l]
+	});
 };
-export {
-  p as default
-};
-//# sourceMappingURL=TableToolbarColumn.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=TableToolbarColumn.js.map