@gobolt/genesis 0.3.25 → 0.3.27

package/dist/components/Table/TableControls/CustomPagination.js

@@ -1,174 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import styled from "styled-components";
-import { PaginationNumber } from "./PaginationNumber";
-export var PaginationStyle;
-(function (PaginationStyle) {
-    PaginationStyle["SIMPLE"] = "simple";
-    PaginationStyle["TRUNCATED"] = "truncated";
-    PaginationStyle["CENTERED"] = "centered";
-    PaginationStyle["END_FOCUSED"] = "endFocused";
-})(PaginationStyle || (PaginationStyle = {}));
-var PaginationContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  margin: 0;\n  gap: 0 0;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  margin: 0;\n  gap: 0 0;\n"])));
-var ChevronButton = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: transparent;\n  border: none;\n  color: ", ";\n  font-size: 32px;\n  height: 40px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: ", ";\n  margin-right: ", ";\n  margin-left: ", ";\n  transition: color 0.2s;\n"], ["\n  background: transparent;\n  border: none;\n  color: ", ";\n  font-size: 32px;\n  height: 40px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: ", ";\n  margin-right: ", ";\n  margin-left: ", ";\n  transition: color 0.2s;\n"])), function (_a) {
-    var theme = _a.theme, disabled = _a.disabled;
-    return disabled ? theme.colors.onsurface["copy-light"] || "#B0B0B0" : "#222";
-}, function (_a) {
-    var disabled = _a.disabled;
-    return (disabled ? "not-allowed" : "pointer");
-}, function (_a) {
-    var $right = _a.$right;
-    return ($right ? "0" : "8px");
-}, function (_a) {
-    var $right = _a.$right;
-    return ($right ? "8px" : "0");
-});
-var ChevronIcon = function (_a) {
-    var _b = _a.left, left = _b === void 0 ? false : _b;
-    return (_jsx("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: left ? "M17.5 21L11.5 14L17.5 7" : "M10.5 7L16.5 14L10.5 21", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-};
-var getSimplePages = function (current, total) {
-    // Always show 1-5, but don't exceed total
-    var pages = [];
-    for (var index = 1; index <= Math.min(5, total); index++) {
-        pages.push(index);
-    }
-    return pages;
-};
-var CustomPagination = function (_a) {
-    var _b = _a.paginationStyle, paginationStyle = _b === void 0 ? PaginationStyle.SIMPLE : _b, _c = _a.current, current = _c === void 0 ? 1 : _c, _d = _a.total, total = _d === void 0 ? 1 : _d, _e = _a.pageSize, pageSize = _e === void 0 ? 10 : _e, onChange = _a.onChange, properties = __rest(_a, ["paginationStyle", "current", "total", "pageSize", "onChange"]);
-    var pageCount = Math.ceil(total / pageSize);
-    var handleChange = function (page) {
-        if (onChange)
-            onChange(page, pageSize);
-    };
-    if (paginationStyle === PaginationStyle.SIMPLE) {
-        var pages = getSimplePages(current, pageCount);
-        return (_jsxs(PaginationContainer, { children: [_jsx(ChevronButton, { onClick: function () { return handleChange(current - 1); }, disabled: current === 1, "aria-label": "Previous Page", children: _jsx(ChevronIcon, { left: true }) }), pages.map(function (number_) { return (_jsx(PaginationNumber, { active: number_ === current, onClick: function () { return handleChange(number_); }, "aria-label": "Page ".concat(number_), children: number_ }, number_)); }), _jsx(ChevronButton, { onClick: function () { return handleChange(current + 1); }, disabled: current === pageCount, "aria-label": "Next Page", "$right": true, children: _jsx(ChevronIcon, {}) })] }));
-    }
-    if (paginationStyle === PaginationStyle.TRUNCATED) {
-        // Show 1 2 3 4 5 ... last
-        var pages = [];
-        for (var index = 1; index <= Math.min(5, pageCount); index++) {
-            pages.push(index);
-        }
-        return (_jsxs(PaginationContainer, { children: [_jsx(ChevronButton, { onClick: function () { return handleChange(current - 1); }, disabled: current === 1, "aria-label": "Previous Page", children: _jsx(ChevronIcon, { left: true }) }), pages.map(function (number_) { return (_jsx(PaginationNumber, { active: number_ === current, onClick: function () { return handleChange(number_); }, "aria-label": "Page ".concat(number_), children: number_ }, number_)); }), pageCount > 5 && (_jsxs(_Fragment, { children: [_jsx("span", { style: {
-                                color: "#7F7F7F",
-                                fontWeight: 600,
-                                fontSize: 16,
-                                margin: "0 8px",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center",
-                                paddingBottom: 10,
-                            }, children: "..." }), _jsx(PaginationNumber, { active: current === pageCount, onClick: function () { return handleChange(pageCount); }, "aria-label": "Page ".concat(pageCount), children: pageCount }, pageCount)] })), _jsx(ChevronButton, { onClick: function () { return handleChange(current + 1); }, disabled: current === pageCount, "aria-label": "Next Page", "$right": true, children: _jsx(ChevronIcon, {}) })] }));
-    }
-    if (paginationStyle === PaginationStyle.CENTERED) {
-        // Show 1 ... left mid mid mid mid ... last
-        // Always show 5 numbers, current centered if possible
-        var pages = [];
-        var visibleCount = 5;
-        var sideCount = 2; // numbers to show on each side of current
-        var start = Math.max(2, current - 2);
-        var end = Math.min(pageCount - 1, current + 2);
-        // Adjust if near the start
-        if (current <= 3) {
-            start = 2;
-            end = 6;
-        }
-        // Adjust if near the end
-        if (current >= pageCount - 2) {
-            start = pageCount - 4;
-            end = pageCount - 1;
-        }
-        start = Math.max(2, start);
-        end = Math.min(pageCount - 1, end);
-        // Always show first page
-        pages.push(1);
-        // Show left ellipsis if needed
-        if (start > 2) {
-            pages.push("left-ellipsis");
-        }
-        // Show middle pages
-        for (var index = start; index <= end; index++) {
-            pages.push(index);
-        }
-        // Show right ellipsis if needed
-        if (end < pageCount - 1) {
-            pages.push("right-ellipsis");
-        }
-        // Always show last page if more than 1
-        if (pageCount > 1) {
-            pages.push(pageCount);
-        }
-        return (_jsxs(PaginationContainer, { children: [_jsx(ChevronButton, { onClick: function () { return handleChange(current - 1); }, disabled: current === 1, "aria-label": "Previous Page", children: _jsx(ChevronIcon, { left: true }) }), pages.map(function (number_, index) {
-                    if (number_ === "left-ellipsis" || number_ === "right-ellipsis") {
-                        return (_jsx("span", { style: {
-                                color: "#7F7F7FB0",
-                                fontWeight: 600,
-                                fontSize: 16,
-                                margin: "0 8px",
-                                height: "40px",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center",
-                                paddingBottom: 10,
-                            }, children: "..." }, number_ + index));
-                    }
-                    return (_jsx(PaginationNumber, { active: number_ === current, onClick: function () {
-                            return typeof number_ === "number" && handleChange(number_);
-                        }, "aria-label": "Page ".concat(number_), children: number_ }, number_));
-                }), _jsx(ChevronButton, { onClick: function () { return handleChange(current + 1); }, disabled: current === pageCount, "aria-label": "Next Page", "$right": true, children: _jsx(ChevronIcon, {}) })] }));
-    }
-    if (paginationStyle === PaginationStyle.END_FOCUSED) {
-        // Show 1 ... last 5 pages
-        var pages = [];
-        // Always show first page
-        pages.push(1);
-        // If more than 6 pages, show ellipsis
-        if (pageCount > 6) {
-            pages.push("left-ellipsis");
-        }
-        // Show last 5 pages
-        var start = Math.max(2, pageCount - 4);
-        for (var index = start; index <= pageCount; index++) {
-            pages.push(index);
-        }
-        return (_jsxs(PaginationContainer, { children: [_jsx(ChevronButton, { onClick: function () { return handleChange(current - 1); }, disabled: current === 1, "aria-label": "Previous Page", children: _jsx(ChevronIcon, { left: true }) }), pages.map(function (number_, index) {
-                    if (number_ === "left-ellipsis") {
-                        return (_jsx("span", { style: {
-                                color: "#7F7F7F",
-                                fontWeight: 600,
-                                fontSize: 18,
-                                margin: "0 8px",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center",
-                                height: "40px",
-                                paddingBottom: 10,
-                            }, children: "..." }, number_ + index));
-                    }
-                    return (_jsx(PaginationNumber, { active: number_ === current, onClick: function () {
-                            return typeof number_ === "number" && handleChange(number_);
-                        }, "aria-label": "Page ".concat(number_), children: number_ }, number_));
-                }), _jsx(ChevronButton, { onClick: function () { return handleChange(current + 1); }, disabled: current === pageCount, "aria-label": "Next Page", "$right": true, children: _jsx(ChevronIcon, {}) })] }));
-    }
-    // Fallback for other styles (not implemented yet)
-    return null;
-};
-export default CustomPagination;
-var templateObject_1, templateObject_2;

package/dist/components/Table/TableControls/PaginationNumber.js

@@ -1,46 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-import Typography from "../../Typography";
-var NumberButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  color: ", ";\n  border: none;\n  border-radius: 4px;\n  min-width: 24px;\n  height: 24px;\n  padding: 4px 7px;\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0 4px;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: inherit;\n  white-space: nowrap;\n\n  &:hover {\n    background: ", ";\n    color: #fff;\n  }\n"], ["\n  background: ", ";\n  color: ", ";\n  border: none;\n  border-radius: 4px;\n  min-width: 24px;\n  height: 24px;\n  padding: 4px 7px;\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0 4px;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: inherit;\n  white-space: nowrap;\n\n  &:hover {\n    background: ", ";\n    color: #fff;\n  }\n"])), function (_a) {
-    var $active = _a.$active, theme = _a.theme;
-    return $active ? theme.colors.primary.default.backgroundColor : "transparent";
-}, function (_a) {
-    var $active = _a.$active, theme = _a.theme;
-    return $active ? "#fff" : theme.colors.onsurface["copy-light"] || "#6C6C6C";
-}, function (_a) {
-    var $active = _a.$active, theme = _a.theme;
-    return $active
-        ? theme.colors.primary.default.backgroundColor
-        : theme.colors.primary.default.backgroundColor + "22";
-});
-export var PaginationNumber = function (_a) {
-    var active = _a.active, children = _a.children, properties = __rest(_a, ["active", "children"]);
-    return (_jsx(NumberButton, __assign({ "$active": active, "aria-current": active ? "page" : undefined }, properties, { children: _jsx(Typography, { variant: "digits3", color: active ? "white" : "#6C6C6C", children: children }) })));
-};
-var templateObject_1;

package/dist/components/Table/TableControls/PrimaryTableControlsRow.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import UtilityButton from "../../UtilityButton";
-import IconButton from "../../Button/IconButton";
-import Select from "../../Select";
-import Typography from "../../Typography";
-import Input from "../../Input";
-import { HiMiniAdjustmentsVertical } from "react-icons/hi2";
-import { HiSearch } from "react-icons/hi";
-import { HiOutlineSortAscending, HiOutlineSortDescending, } from "react-icons/hi";
-import { FiSettings } from "react-icons/fi";
-var PrimaryTableControlsRow = function (_a) {
-    var sortOptions = _a.sortOptions, _b = _a.searchByPlaceholder, searchByPlaceholder = _b === void 0 ? "" : _b, _c = _a.searchField, searchField = _c === void 0 ? "address" : _c, _d = _a.isSortedAscending, isSortedAscending = _d === void 0 ? true : _d, _e = _a.searchValue, searchValue = _e === void 0 ? "" : _e, _f = _a.selectedSortOption, selectedSortOption = _f === void 0 ? "" : _f, onChange = _a.onChange;
-    var onInputChange = function (actionEvent) {
-        onChange === null || onChange === void 0 ? void 0 : onChange({
-            event: "inputChange",
-            payload: actionEvent.payload,
-        });
-    };
-    var onSortChange = function (value) {
-        var sortActionEvent = {
-            event: "primarySortChange",
-            payload: { value: value },
-        };
-        onChange === null || onChange === void 0 ? void 0 : onChange(sortActionEvent);
-    };
-    var onFilterClick = function () {
-        var filterActionEvent = {
-            event: "filterClick",
-            payload: {},
-        };
-        onChange === null || onChange === void 0 ? void 0 : onChange(filterActionEvent);
-    };
-    var onSettingsClick = function () {
-        var settingsActionEvent = {
-            event: "settingsClick",
-            payload: {},
-        };
-        onChange === null || onChange === void 0 ? void 0 : onChange(settingsActionEvent);
-    };
-    var onOrderClick = function () {
-        var ascendingActionEvent = {
-            event: "orderClick",
-            payload: {
-                value: isSortedAscending ? "desc" : "asc",
-            },
-        };
-        onChange === null || onChange === void 0 ? void 0 : onChange(ascendingActionEvent);
-    };
-    return (_jsxs("div", { style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            width: "100%",
-            minWidth: 800,
-            marginBottom: 16,
-        }, children: [_jsxs("div", { style: { display: "flex" }, children: [_jsx(Input, { size: "normal", placeholder: searchByPlaceholder, prefix: _jsx(HiSearch, {}), style: {
-                            padding: "5px 8px",
-                        }, value: searchValue, onChange: onInputChange }), onFilterClick && (_jsx("div", { style: { marginLeft: 16 }, children: _jsx(UtilityButton, { isIconButton: true, icon: _jsx(HiMiniAdjustmentsVertical, { color: "#222222" }), onClick: onFilterClick }) })), onSettingsClick && (_jsx("div", { style: { marginLeft: 16 }, children: _jsx(UtilityButton, { isIconButton: true, icon: _jsx(FiSettings, { color: "#222222" }), onClick: onSettingsClick }) }))] }), _jsxs("div", { style: {
-                    display: "flex",
-                    alignItems: "center",
-                    width: 300,
-                    justifyContent: "flex-end",
-                    marginLeft: "auto",
-                }, children: [_jsx(Typography, { variant: "body1", color: "#6C6C6C", style: {
-                            width: 70,
-                            flexShrink: 0,
-                            textAlign: "right",
-                            paddingRight: 4,
-                            marginRight: 8,
-                        }, children: "Sort by" }), sortOptions && onSortChange ? (_jsx(Select, { options: sortOptions, defaultValue: sortOptions[0].value, value: selectedSortOption, variant: "simple", onChange: onSortChange, style: {
-                            width: 180,
-                            flexShrink: 0,
-                        } })) : null, _jsx("div", { style: {
-                            marginLeft: 8,
-                            flexShrink: 0,
-                        }, children: _jsx(IconButton, { icon: isSortedAscending ? (_jsx(HiOutlineSortDescending, { size: 20 })) : (_jsx(HiOutlineSortAscending, { size: 20 })), onClick: onOrderClick }) })] })] }));
-};
-export default PrimaryTableControlsRow;

package/dist/components/Table/TableControls/SecondaryTableControlsRow.js

@@ -1,65 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Badge from "../../Badge";
-import Typography from "../../Typography";
-import Tooltip from "../../Tooltip";
-import { getIcon } from "../../../utils/icon-util";
-var GroupItem = function (_a) {
-    var title = _a.title, items = _a.items, onGroupItemClick = _a.onGroupItemClick;
-    if (items.length === 0)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { tip: title, children: _jsx("div", { style: {
-                        display: "flex",
-                        justifyContent: "center",
-                        alignItems: "center",
-                        width: 24,
-                        height: 24,
-                    }, children: getIcon(title) }) }), _jsx("div", { style: { display: "flex", gap: 4 }, children: items.map(function (item) { return (_jsx(Badge, { label: item, hasClose: true, state: "generic", size: "small", onClick: function () { return onGroupItemClick(title, item); } }, item.toString())); }) })] }));
-};
-var GroupsRow = function (_a) {
-    var groups = _a.groups, onGroupItemClick = _a.onGroupItemClick;
-    if (!groups)
-        return null;
-    var groupArray = Object.entries(groups).map(function (_a) {
-        var _b = __read(_a, 2), title = _b[0], items = _b[1];
-        return ({
-            title: title,
-            items: items,
-        });
-    });
-    return (_jsx("div", { style: { display: "flex", gap: 4 }, children: groupArray.length > 0
-            ? groupArray.map(function (group) { return (_jsx(GroupItem, { title: group.title, items: group.items, onGroupItemClick: onGroupItemClick }, group.title)); })
-            : null }));
-};
-var SecondaryTableControlsRow = function (_a) {
-    var groups = _a.groups, totalRecords = _a.totalRecords, onChange = _a.onChange;
-    var onGroupItemClick = function (title, item) {
-        var groupItemClickEvent = {
-            event: "groupItemClick",
-            payload: { title: title, item: item },
-        };
-        onChange === null || onChange === void 0 ? void 0 : onChange(groupItemClickEvent);
-    };
-    return (_jsxs("div", { style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "flex-end",
-            marginTop: 8,
-        }, children: [_jsx(GroupsRow, { groups: groups, onGroupItemClick: onGroupItemClick }), totalRecords > 0 ? (_jsx(Typography, { variant: "body2", color: "#6C6C6C", children: "".concat(totalRecords, " results") })) : null] }));
-};
-export default SecondaryTableControlsRow;

package/dist/components/Table/TableControls/TableControls.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PrimaryTableControlsRow from "./PrimaryTableControlsRow";
-import SecondaryTableControlsRow from "./SecondaryTableControlsRow";
-var TableControls = function (_a) {
-    var primaryTableRowData = _a.primaryTableRowData, secondaryTableRowData = _a.secondaryTableRowData, onChange = _a.onChange;
-    var onPrimaryChange = function (actionEvent) {
-        onChange(actionEvent);
-    };
-    var onSecondaryChange = function (actionEvent) {
-        onChange(actionEvent);
-    };
-    return (_jsxs("div", { "data-testid": "TableControls", style: { margin: "16px 0px" }, children: [_jsx(PrimaryTableControlsRow, { sortOptions: primaryTableRowData.sortOptions, searchByPlaceholder: primaryTableRowData.searchByPlaceholder, isSortedAscending: primaryTableRowData.isSortedAscending, onChange: onPrimaryChange, searchValue: primaryTableRowData.searchValue, selectedSortOption: primaryTableRowData.selectedSortOption }), secondaryTableRowData ? (_jsx(SecondaryTableControlsRow, { groups: secondaryTableRowData.groups, totalRecords: secondaryTableRowData.totalRecords, onChange: onSecondaryChange })) : null] }));
-};
-export default TableControls;

package/dist/components/Table/TableControls/TableControls.tsx

@@ -1,51 +0,0 @@
-import PrimaryTableControlsRow from "./PrimaryTableControlsRow";
-import SecondaryTableControlsRow from "./SecondaryTableControlsRow";
-import type { PrimaryTableControlsRowProps } from "./PrimaryTableControlsRow";
-import type { SecondaryTableControlsRowProps } from "./SecondaryTableControlsRow";
-import type { ActionEvent, TableEventPayload } from "../../../types/events";
-
-export type TableControlsData = {
-  primaryTableRowData: PrimaryTableControlsRowProps;
-  secondaryTableRowData?: SecondaryTableControlsRowProps;
-};
-
-export interface TableControlsProps {
-  primaryTableRowData: PrimaryTableControlsRowProps;
-  secondaryTableRowData?: SecondaryTableControlsRowProps;
-  onChange: (event: ActionEvent<TableEventPayload>) => void;
-}
-
-const TableControls = ({
-  primaryTableRowData,
-  secondaryTableRowData,
-  onChange,
-}: TableControlsProps) => {
-  const onPrimaryChange = (actionEvent: ActionEvent<TableEventPayload>) => {
-    onChange(actionEvent);
-  };
-  const onSecondaryChange = (actionEvent: ActionEvent<TableEventPayload>) => {
-    onChange(actionEvent);
-  };
-
-  return (
-    <div data-testid="TableControls" style={{ margin: "16px 0px" }}>
-      <PrimaryTableControlsRow
-        sortOptions={primaryTableRowData.sortOptions}
-        searchByPlaceholder={primaryTableRowData.searchByPlaceholder}
-        isSortedAscending={primaryTableRowData.isSortedAscending}
-        onChange={onPrimaryChange}
-        searchValue={primaryTableRowData.searchValue}
-        selectedSortOption={primaryTableRowData.selectedSortOption}
-      />
-      {secondaryTableRowData ? (
-        <SecondaryTableControlsRow
-          groups={secondaryTableRowData.groups}
-          totalRecords={secondaryTableRowData.totalRecords}
-          onChange={onSecondaryChange}
-        />
-      ) : null}
-    </div>
-  );
-};
-
-export default TableControls;

package/dist/components/Table/TableControls/__stories__/CustomPaginationStandalone.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import CustomPagination from "../CustomPagination";
-declare const meta: Meta<typeof CustomPagination>;
-export default meta;
-type Story = StoryObj<typeof CustomPagination>;
-export declare const Simple: Story;
-export declare const Truncated: Story;
-export declare const Centered: Story;
-export declare const EndFocused: Story;

package/dist/components/Table/TableControls/__stories__/CustomPaginationStandalone.stories.js

@@ -1,58 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import CustomPagination, { PaginationStyle } from "../CustomPagination";
-import description from "./CustomPaginationDescription.md?raw";
-var meta = {
-    title: "Components/Table/CustomPagination",
-    component: CustomPagination,
-    tags: ["autodocs"],
-    parameters: {
-        layout: "centered",
-        docs: {
-            description: {
-                component: description,
-            },
-        },
-    },
-};
-export default meta;
-export var Simple = {
-    render: function () {
-        var _a = __read(useState(1), 2), current = _a[0], setCurrent = _a[1];
-        return (_jsx(CustomPagination, { paginationStyle: PaginationStyle.SIMPLE, current: current, total: 50, pageSize: 10, onChange: setCurrent }));
-    },
-};
-export var Truncated = {
-    render: function () {
-        var _a = __read(useState(1), 2), current = _a[0], setCurrent = _a[1];
-        return (_jsx(CustomPagination, { paginationStyle: PaginationStyle.TRUNCATED, current: current, total: 200, pageSize: 10, onChange: setCurrent }));
-    },
-};
-export var Centered = {
-    render: function () {
-        var _a = __read(useState(6), 2), current = _a[0], setCurrent = _a[1];
-        return (_jsx(CustomPagination, { paginationStyle: PaginationStyle.CENTERED, current: current, total: 200, pageSize: 10, onChange: setCurrent }));
-    },
-};
-export var EndFocused = {
-    render: function () {
-        var _a = __read(useState(20), 2), current = _a[0], setCurrent = _a[1];
-        return (_jsx(CustomPagination, { paginationStyle: PaginationStyle.END_FOCUSED, current: current, total: 200, pageSize: 10, onChange: setCurrent }));
-    },
-};

package/dist/components/Table/TableControls/__stories__/PaginationNumber.stories.d.ts

@@ -1,7 +0,0 @@
-import { PaginationNumber } from "../PaginationNumber";
-import type { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof PaginationNumber>;
-export default meta;
-type Story = StoryObj<typeof PaginationNumber>;
-export declare const ActiveAndInactive: Story;
-export declare const Interactive: Story;

package/dist/components/Table/TableControls/__stories__/PaginationNumber.stories.js

@@ -1,37 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { PaginationNumber } from "../PaginationNumber";
-var meta = {
-    title: "Components/Table/PaginationNumber",
-    component: PaginationNumber,
-    tags: ["autodocs"],
-    parameters: {
-        layout: "centered",
-    },
-};
-export default meta;
-export var ActiveAndInactive = {
-    render: function () { return (_jsxs("div", { style: { display: "flex", gap: 4 }, children: [_jsx(PaginationNumber, { active: true, children: "1" }), _jsx(PaginationNumber, { children: "2" })] })); },
-};
-export var Interactive = {
-    render: function () {
-        var _a = __read(useState(1), 2), active = _a[0], setActive = _a[1];
-        return (_jsx("div", { style: { display: "flex", gap: 4 }, children: [1, 2, 3, 4, 5].map(function (number_) { return (_jsx(PaginationNumber, { active: active === number_, onClick: function () { return setActive(number_); }, children: number_ }, number_)); }) }));
-    },
-};

package/dist/components/Table/TableControls/__stories__/TableControls.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import TableControls from "../TableControls";
-declare const meta: Meta<typeof TableControls>;
-export default meta;
-type Story = StoryObj<typeof TableControls>;
-export declare const TableControlsStory: Story;