@gobolt/genesis 0.3.25 → 0.3.27

package/dist/components/Table/useTable.js

@@ -1,238 +0,0 @@
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-import { useState, useEffect, useCallback } from "react";
-// Function to sort data by field and order
-var sortData = function (data, sorter) {
-    // Handle case when no sorting is applied
-    if (!sorter || (Array.isArray(sorter) && sorter.length === 0)) {
-        return __spreadArray([], __read(data), false);
-    }
-    // Handle multiple sorters
-    if (Array.isArray(sorter)) {
-        return __spreadArray([], __read(data), false).sort(function (a, b) {
-            var e_1, _a;
-            try {
-                for (var sorter_1 = __values(sorter), sorter_1_1 = sorter_1.next(); !sorter_1_1.done; sorter_1_1 = sorter_1.next()) {
-                    var sort = sorter_1_1.value;
-                    if (!sort.field)
-                        continue;
-                    var field = sort.field;
-                    var aValue = a[field];
-                    var bValue = b[field];
-                    if (aValue < bValue)
-                        return sort.order === "ascend" ? -1 : 1;
-                    if (aValue > bValue)
-                        return sort.order === "ascend" ? 1 : -1;
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (sorter_1_1 && !sorter_1_1.done && (_a = sorter_1.return)) _a.call(sorter_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            return 0;
-        });
-    }
-    // Handle single sorter
-    if (sorter.field) {
-        var field_1 = sorter.field;
-        return __spreadArray([], __read(data), false).sort(function (a, b) {
-            var aValue = a[field_1];
-            var bValue = b[field_1];
-            if (sorter.order === "ascend") {
-                if (aValue < bValue)
-                    return -1;
-                if (aValue > bValue)
-                    return 1;
-                return 0;
-            }
-            if (sorter.order === "descend") {
-                if (aValue < bValue)
-                    return 1;
-                if (aValue > bValue)
-                    return -1;
-                return 0;
-            }
-            return 0;
-        });
-    }
-    return __spreadArray([], __read(data), false);
-};
-/*
-Example of disableRowSelection function which can be passed to the useTable hook
-const disableRowSelection = (record: any) => ({
-      disabled: record.status === "completed", // Column configuration not to be checked
-      name: record.status.toString(),
-});
-*/
-var defaultRowSelection = function (record) { return ({
-    disabled: false, // Add your disable logic here
-    name: record.id,
-}); };
-export var useTable = function (useTableConfig) {
-    var _a = __read(useState(true), 2), isLoading = _a[0], setLoading = _a[1];
-    var _b = useTableConfig, columns = _b.columns, _c = _b.filters, filters = _c === void 0 ? null : _c, _d = _b.fetchUrl, fetchUrl = _d === void 0 ? "/table/data" : _d, _e = _b.fetchOptions, fetchOptions = _e === void 0 ? {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json",
-        },
-        body: JSON.stringify(filters),
-    } : _e, _f = _b.selectionType, selectionType = _f === void 0 ? "checkbox" : _f, _g = _b.simulateDelay, simulateDelay = _g === void 0 ? 0 : _g, _h = _b.disableRowSelection, disableRowSelection = _h === void 0 ? defaultRowSelection : _h, _j = _b.disableAutoFetch, disableAutoFetch = _j === void 0 ? false : _j, _k = _b.dataSource, initialDataSource = _k === void 0 ? [] : _k;
-    // State to hold the original data and the current data
-    var _l = __read(useState(initialDataSource), 2), originalData = _l[0], setOriginalData = _l[1];
-    var _m = __read(useState({
-        dataSource: initialDataSource,
-        columns: columns,
-        error: null,
-    }), 2), data = _m[0], setData = _m[1];
-    var _o = __read(useState([]), 2), selectedRows = _o[0], setSelectedRows = _o[1];
-    // Load initial data
-    useEffect(function () {
-        // If auto-fetch is disabled and we have initial data, skip fetching
-        if (disableAutoFetch && initialDataSource.length > 0) {
-            setLoading(false);
-            return;
-        }
-        var fetchData = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var response, result, sourceData, error_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 3, 4, 5]);
-                        return [4 /*yield*/, fetch(fetchUrl, fetchOptions)];
-                    case 1:
-                        response = _a.sent();
-                        return [4 /*yield*/, response.json()];
-                    case 2:
-                        result = _a.sent();
-                        sourceData = result.data || [];
-                        setOriginalData(sourceData);
-                        setData({
-                            dataSource: sourceData,
-                            columns: columns,
-                            error: null,
-                        });
-                        return [3 /*break*/, 5];
-                    case 3:
-                        error_1 = _a.sent();
-                        console.error("Error fetching table data:", error_1);
-                        // Fallback to static data
-                        setData({
-                            dataSource: [],
-                            columns: columns,
-                            error: error_1 instanceof Error ? error_1 : new Error(String(error_1)),
-                        });
-                        return [3 /*break*/, 5];
-                    case 4:
-                        setLoading(false);
-                        return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
-                }
-            });
-        }); };
-        if (simulateDelay > 0) {
-            setTimeout(fetchData, simulateDelay);
-        }
-        else {
-            fetchData();
-        }
-    }, [fetchOptions, disableAutoFetch, initialDataSource]);
-    var handleRowSelection = useCallback(function (selectedRowKeys, selectedRows) {
-        console.log("Row Selected:", selectedRowKeys, selectedRows);
-        setSelectedRows(selectedRows);
-    }, []);
-    // Function to manually update data source (for external data fetching)
-    var updateDataSource = useCallback(function (newDataSource) {
-        setOriginalData(newDataSource);
-        setData(function (prev) { return (__assign(__assign({}, prev), { dataSource: newDataSource })); });
-    }, []);
-    var rowSelection = {
-        type: selectionType,
-        onChange: handleRowSelection,
-        getCheckboxProps: disableRowSelection,
-    };
-    return __assign(__assign({}, data), { isLoading: isLoading, rowSelection: rowSelection, selectedRows: selectedRows, updateDataSource: updateDataSource });
-};

package/dist/components/TableWithControls/TableWithControls.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import TableControls from "../Table/TableControls";
-import Table from "../Table";
-var TableWithControls = function (_a) {
-    var tableData = _a.tableData, tableControlsData = _a.tableControlsData, onChange = _a.onChange;
-    var primaryTableRowData = tableControlsData.primaryTableRowData, secondaryTableRowData = tableControlsData.secondaryTableRowData;
-    var dataSource = tableData.dataSource, columns = tableData.columns, rowSelection = tableData.rowSelection;
-    // handle changes from the table controls
-    var onTableControlsChange = function (event) {
-        onChange(event);
-    };
-    // handle changes from the table
-    var onTableChange = function (pagination, filters, sorter) {
-        onChange({
-            event: "tableChange",
-            payload: { pagination: pagination, filters: filters, sorter: sorter },
-        });
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(TableControls, { primaryTableRowData: primaryTableRowData, secondaryTableRowData: secondaryTableRowData, onChange: onTableControlsChange }), _jsx(Table, { dataSource: dataSource, columns: columns, rowSelection: rowSelection, onChange: onTableChange })] }));
-};
-export default TableWithControls;

package/dist/components/TableWithControls/__stories__/TableWithControls.stories.d.ts

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

package/dist/components/TableWithControls/__stories__/TableWithControls.stories.js

@@ -1,178 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import description from "./TableWithControlsDescription.md?raw";
-import TableWithControls from "../TableWithControls";
-import { http } from "msw";
-import { mockDataSource } from "@/lib/components/Table/__mocks__/table-mocks";
-import { TableWithControlsStory } from "./TableWithControlsStory";
-var meta = {
-    component: TableWithControls,
-    title: "Components/Table/TableWithControls",
-    tags: ["autodocs"],
-    parameters: {
-        layout: "centered",
-        docs: {
-            description: {
-                component: description,
-            },
-        },
-        msw: {
-            handlers: [
-                http.post("/table/data", function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
-                    var reader, json, page, count, pages, per_page, sort, search, order, sortedData, filteredData;
-                    var _c, _d, _e, _f, _g, _h, _j;
-                    var request = _b.request;
-                    return __generator(this, function (_k) {
-                        switch (_k.label) {
-                            case 0:
-                                reader = (_c = request.body) === null || _c === void 0 ? void 0 : _c.getReader();
-                                return [4 /*yield*/, (reader === null || reader === void 0 ? void 0 : reader.read().then(function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
-                                        var decoder, text, json;
-                                        var value = _b.value;
-                                        return __generator(this, function (_c) {
-                                            decoder = new TextDecoder();
-                                            text = decoder.decode(value);
-                                            json = JSON.parse(text);
-                                            return [2 /*return*/, json];
-                                        });
-                                    }); }))];
-                            case 1:
-                                json = _k.sent();
-                                page = ((_d = json === null || json === void 0 ? void 0 : json.filters) === null || _d === void 0 ? void 0 : _d.page) || 1;
-                                count = ((_e = json === null || json === void 0 ? void 0 : json.filters) === null || _e === void 0 ? void 0 : _e.count) || 10;
-                                pages = Math.ceil(mockDataSource.appointments.length / count);
-                                per_page = ((_f = json === null || json === void 0 ? void 0 : json.filters) === null || _f === void 0 ? void 0 : _f.per_page) || 10;
-                                sort = ((_g = json === null || json === void 0 ? void 0 : json.filters) === null || _g === void 0 ? void 0 : _g.sort) || null;
-                                search = ((_h = json === null || json === void 0 ? void 0 : json.filters) === null || _h === void 0 ? void 0 : _h.search) || {
-                                    value: "",
-                                    field: "address",
-                                };
-                                order = ((_j = json === null || json === void 0 ? void 0 : json.filters) === null || _j === void 0 ? void 0 : _j.order) || "asc";
-                                sortedData = __spreadArray([], __read(mockDataSource.appointments), false).sort(function (a, b) {
-                                    return order === "asc" ? a.id - b.id : b.id - a.id;
-                                });
-                                // secondary sort by string
-                                if (sort) {
-                                    sortedData.sort(function (a, b) {
-                                        if (a[sort] < b[sort])
-                                            return -1;
-                                        if (a[sort] > b[sort])
-                                            return 1;
-                                        return 0;
-                                    });
-                                }
-                                filteredData = sortedData.filter(function (item) {
-                                    // Check all direct properties except address
-                                    var directMatch = Object.entries(item)
-                                        .filter(function (_a) {
-                                        var _b = __read(_a, 1), key = _b[0];
-                                        return key !== (search === null || search === void 0 ? void 0 : search.field);
-                                    })
-                                        .some(function (_a) {
-                                        var _b = __read(_a, 2), _ = _b[0], value = _b[1];
-                                        return value
-                                            .toString()
-                                            .toLowerCase()
-                                            .includes(search === null || search === void 0 ? void 0 : search.value.toLowerCase());
-                                    });
-                                    // Check address properties if address exists
-                                    var fieldMatch = item[search === null || search === void 0 ? void 0 : search.field]
-                                        ? Object.values(item[search === null || search === void 0 ? void 0 : search.field]).some(function (value) {
-                                            return value === null || value === void 0 ? void 0 : value.toString().toLowerCase().includes(search === null || search === void 0 ? void 0 : search.value.toLowerCase());
-                                        })
-                                        : false;
-                                    return directMatch || fieldMatch;
-                                });
-                                return [2 /*return*/, new Response(JSON.stringify({
-                                        data: filteredData,
-                                        pagination: {
-                                            count: count,
-                                            page: page,
-                                            pages: pages,
-                                            per_page: "ALL",
-                                        },
-                                        meta: {
-                                            total_count: mockDataSource.appointments.length,
-                                            page: page,
-                                            per_page: per_page,
-                                        },
-                                    }), {
-                                        status: 200,
-                                        headers: { "Content-Type": "application/json" },
-                                    })];
-                        }
-                    });
-                }); }),
-            ],
-        },
-    },
-};
-export default meta;
-export var Default = {
-    parameters: {
-        msw: {
-            enabled: true,
-        },
-    },
-    render: function () { return _jsx(TableWithControlsStory, {}); },
-};

package/dist/components/TableWithControls/__stories__/TableWithControlsStory.d.ts

@@ -1 +0,0 @@
-export declare const TableWithControlsStory: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/TableWithControls/__stories__/TableWithControlsStory.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import TableWithControls from "../TableWithControls";
-import { mockColumns, mockDataSource } from "../../Table/__mocks__/table-mocks";
-import { useTableWithControls } from "../useTableWithControls";
-var tableControlsData = {
-    primaryTableRowData: {
-        sortOptions: [
-            { value: "status", label: _jsx("span", { children: "Status" }) },
-            { value: "address", label: _jsx("span", { children: "Address" }) },
-            { value: "job_subtype", label: _jsx("span", { children: "Type" }) },
-        ],
-        searchByPlaceholder: "Search by Address",
-        isSortedAscending: true,
-    },
-    secondaryTableRowData: {
-        groups: {
-            orders: ["Cancelled", "Paused"],
-            warehouse: ["D2C"],
-            availability: ["Out of Stock"],
-        },
-        totalRecords: mockDataSource.appointments.length,
-    },
-};
-var startingUseTableConfig = {
-    columns: mockColumns,
-    filters: {
-        order: "asc",
-    },
-    fetchUrl: "/table/data",
-    fetchOptions: {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json",
-        },
-        body: JSON.stringify({
-            filters: {
-                order: "asc",
-                search: "",
-                page: 1,
-                per_page: 10,
-                sort: null,
-            },
-        }),
-    },
-};
-export var TableWithControlsStory = function () {
-    var _a = useTableWithControls(startingUseTableConfig), dataSource = _a.dataSource, columns = _a.columns, primaryTableRowData = _a.primaryTableRowData, secondaryTableRowData = _a.secondaryTableRowData, onChange = _a.onChange;
-    return (_jsx(TableWithControls, { onChange: onChange, tableControlsData: {
-            primaryTableRowData: primaryTableRowData,
-            secondaryTableRowData: secondaryTableRowData,
-        }, tableData: {
-            dataSource: dataSource,
-            columns: columns,
-        } }));
-};

package/dist/components/TableWithControls/__tests__/TableWithControls.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/TableWithControls/__tests__/TableWithControls.test.js

@@ -1,41 +0,0 @@
-describe("<TableWithControls />", function () {
-    // TODO: update this test once we have a way to mock the ThemeProvider
-    // Error: ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`
-    it("should add 2 + 2", function () {
-        expect(2 + 2).toBe(4);
-    });
-    /*
-    it("should render successfully", () => {
-      const props = {
-        tableControlsData: {
-          primaryTableRowData: {
-            sortOptions: [
-              { value: "2", label: "Status" },
-              { value: "3", label: "Type Status" },
-            ],
-            onPrimaryChange: () => {},
-            searchByPlaceholder: "Search by Address",
-          },
-          secondaryTableRowData: {
-            groups: {
-              orders: ["Cancelled", "Paused"],
-              warehouse: ["D2C"],
-              availability: ["Out of Stock"],
-            },
-            totalRecords: 0,
-            onGroupItemClick: () => {},
-          },
-        },
-        tableData: {
-          dataSource: [],
-          columns: [],
-        },
-        onChange: () => {},
-      };
-  
-      const { getByTestId } = customRender(<TableWithControls {...props} />);
-      const component = getByTestId("TableControls");
-      expect(component).toBeInTheDocument();
-    });*/
-});
-export {};

package/dist/components/TableWithControls/components/Badge/Badge.d.ts

@@ -1,16 +0,0 @@
-export type State = "success" | "warning" | "error" | "info" | "generic" | "hollow";
-export interface BadgeProps {
-    label?: string;
-    isDisabled?: boolean;
-    state?: State;
-    hasClose?: boolean;
-    hasIcon?: boolean;
-    customIcon?: React.ReactNode | null;
-    size?: "small" | "normal" | "large";
-    backgroundColor?: string;
-    textColor?: string;
-    onClick?: () => void | null;
-    hasHover?: boolean;
-}
-declare const Badge: ({ label, state, isDisabled, hasClose, onClick, size, hasIcon, customIcon, backgroundColor, textColor, hasHover, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
-export default Badge;

package/dist/components/TableWithControls/components/Badge/Badge.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as S from "./styles";
-import { Typography } from "@gobolt/genesis/components";
-import { useGenesis } from "@gobolt/genesis/providers";
-import { getBadgeStateIcon } from "@gobolt/genesis/utils/icon-util";
-import { HiOutlineX } from "react-icons/hi";
-const isBadgeIconFilled = false;
-const Badge = ({ label, state = "info", isDisabled, hasClose = false, onClick = () => { }, size = "normal", hasIcon = true, customIcon = null, backgroundColor = null, textColor = null, hasHover = false, ...rest }) => {
-    const { theme } = useGenesis();
-    const role = hasClose ? "button" : "badge";
-    if (!label) {
-        return (_jsx(S.Badge, { label: label, role: "badge", state: state, disabled: isDisabled, style: {
-                padding: "4px 4px",
-            }, "$hasHover": hasHover, ...rest, children: _jsx("div", { style: {
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                }, children: getBadgeStateIcon(state, backgroundColor || theme.colors.status[state].onsurface, isBadgeIconFilled, hasIcon, customIcon) }) }));
-    }
-    return (_jsxs(S.Badge, { label: label, role: role, onClick: onClick, state: state, disabled: isDisabled, style: { cursor: role === "button" ? "pointer" : "default" }, "$backgroundColor": backgroundColor, "$hasHover": hasHover, ...rest, children: [getBadgeStateIcon(state, isDisabled
-                ? theme.colors.status.disabled.default
-                : textColor || theme.colors.status[state].onsurface, isBadgeIconFilled, hasIcon, customIcon), _jsx(Typography, { variant: size === "small" ? "label3" : "label2", color: isDisabled
-                    ? theme.colors.status.disabled.default
-                    : textColor || theme.colors.status[state].onsurface, 
-                // @ts-ignore
-                isDisabled: isDisabled, children: label }), hasClose ? (_jsx(HiOutlineX, { color: theme.colors.status[state].onsurface })) : null] }));
-};
-export default Badge;

package/dist/components/TableWithControls/components/Badge/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Badge";
-export type { BadgeProps } from "./Badge";

package/dist/components/TableWithControls/components/Badge/index.js

@@ -1 +0,0 @@
-export { default } from "./Badge";

package/dist/components/TableWithControls/components/Badge/styles.d.ts

@@ -1,4 +0,0 @@
-import { type GenesisTheme } from "@gobolt/genesis/styles/theme/genesis-theme.types";
-import { type State } from "./Badge";
-export declare const getGenesisClass: (theme: GenesisTheme, state: State, label?: string, disabled?: boolean, $backgroundColor?: string, $hasHover?: boolean) => string;
-export declare const Badge: any;

package/dist/components/TableWithControls/components/Badge/styles.js

@@ -1,46 +0,0 @@
-import styled from "@gobolt/genesis/utils/styled";
-const getBorderColor = (theme, state) => {
-    if (state === "hollow") {
-        return theme.colors.inputs.surface.border;
-    }
-    return theme.colors.status[state].surface;
-};
-export const getGenesisClass = (theme, state, label, disabled, $backgroundColor, $hasHover) => `
-  display: inline-flex; 
-  align-self: inherit;
-  gap: 4px;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  padding-top: ${theme.components.badge["ver-padding"]}px;
-  padding-bottom: ${theme.components.badge["ver-padding"]}px;
-  padding-left: ${theme.components.badge["left-padding"]}px;
-  padding-right: ${theme.components.badge["right-padding"]}px;
-  border-radius: ${theme.components.badge.radius}px;
-  border: 1px solid ${getBorderColor(theme, state)};
-  background-color: ${$backgroundColor || theme.colors.status[state].surface};
-
-  &:not(:disabled):hover {
-    ${$hasHover
-    ? `background-color: ${theme.colors.status[state]["surface-hover"]};`
-    : ""}
-  }
-
-  ${disabled
-    ? `
-    background-color: ${theme.colors.status.disabled.surface} !important;
-    border-color: ${theme.colors.status.disabled} !important;
-    border: none;
-    cursor: not-allowed;
-
-    &:hover {
-      cursor: not-allowed;
-    }
-  `
-    : ""}
-`;
-export const Badge = styled.div `
-  ${({ theme, state, label, disabled, $backgroundColor, $hasHover, }) => {
-    return getGenesisClass(theme, state, label, disabled, $backgroundColor, $hasHover);
-}}
-`;