@bloom-housing/ui-components 7.0.8-alpha.0 → 7.2.0

package/dist/src/tables/CategoryTable.js

@@ -0,0 +1,52 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CategoryTable = exports.default = void 0;
+var React = __importStar(require("react"));
+var StackedTable_1 = require("./StackedTable");
+var Heading_1 = require("../text/Heading");
+var CategoryTable = function (props) {
+    var tables = props.categoryData.map(function (category, index) {
+        return (React.createElement("div", { key: index },
+            React.createElement(Heading_1.Heading, { priority: 3, styleType: "lightWeighted" }, category.header),
+            React.createElement("hr", { className: "my-2" }),
+            React.createElement(StackedTable_1.StackedTable, __assign({}, category.tableData, { className: "category-table mb-2 md:mb-6" }))));
+    });
+    return React.createElement(React.Fragment, null, tables);
+};
+exports.default = CategoryTable;
+exports.CategoryTable = CategoryTable;
+//# sourceMappingURL=CategoryTable.js.map

package/dist/src/tables/CategoryTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryTable.js","sourceRoot":"","sources":["../../../src/tables/CategoryTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+CAAgE;AAChE,2CAAyC;AAczC,IAAM,aAAa,GAAG,UAAC,KAAyB;IAC9C,IAAM,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK;QACpD,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK;YACb,oBAAC,iBAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,IAC7C,QAAQ,CAAC,MAAM,CACR;YACV,4BAAI,SAAS,EAAE,MAAM,GAAI;YACzB,oBAAC,2BAAY,eAAK,QAAQ,CAAC,SAAS,IAAE,SAAS,EAAE,6BAA6B,IAAI,CAC9E,CACP,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,0CAAG,MAAM,CAAI,CAAA;AACtB,CAAC,CAAA;AAEyB,gCAAO;AAAE,sCAAa"}

package/dist/src/tables/CategoryTable.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    component: (props: import("./CategoryTable").CategoryTableProps) => JSX.Element;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const LongerStrings: () => JSX.Element;

package/dist/src/tables/CategoryTable.stories.js

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LongerStrings = exports.Basic = void 0;
+var react_1 = __importDefault(require("react"));
+var CategoryTable_1 = require("./CategoryTable");
+exports.default = {
+    title: "Tables/CategoryTable",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    component: CategoryTable_1.CategoryTable,
+};
+var responsiveTableRows = [
+    {
+        units: { cellText: "Studio", cellSubText: "23 available" },
+        income: { cellText: "Up to $6,854", cellSubText: "per month" },
+        rent: { cellText: "30%", cellSubText: "income" },
+    },
+    {
+        units: { cellText: "1 BR", cellSubText: "3 available" },
+        income: { cellText: "$2,194 to $6,854", cellSubText: "per month" },
+        rent: { cellText: "$1,295", cellSubText: "income" },
+    },
+];
+var responsiveTableHeaders = {
+    units: { name: "t.unitType" },
+    income: { name: "t.income" },
+    rent: { name: "t.rent" },
+};
+var longerRows = [
+    {
+        units: { cellText: "Studio", cellSubText: "Waitlist (Listahan ng mga Naghihintay)" },
+        income: { cellText: "$3,638 hanggang $6,216", cellSubText: "kada buwan" },
+        rent: { cellText: "$1,819", cellSubText: " kada buwan" },
+    },
+    {
+        units: { cellText: "Studio", cellSubText: "Waitlist (Listahan ng mga Naghihintay)" },
+        income: { cellText: "$3,638 hanggang $6,216", cellSubText: "kada buwan" },
+        rent: { cellText: "$1,819", cellSubText: " kada buwan" },
+    },
+];
+var longerHeaders = {
+    units: { name: "MGA UNIT" },
+    income: { name: "HANAY NG KITA (INCOME RANGE)" },
+    rent: { name: "UPA" },
+};
+var Basic = function () { return (react_1.default.createElement(CategoryTable_1.CategoryTable, { categoryData: [
+        {
+            header: "Header 1",
+            tableData: { stackedData: responsiveTableRows, headers: responsiveTableHeaders },
+        },
+        {
+            header: "Header 2",
+            tableData: { stackedData: responsiveTableRows, headers: responsiveTableHeaders },
+        },
+    ] })); };
+exports.Basic = Basic;
+var LongerStrings = function () { return (react_1.default.createElement(CategoryTable_1.CategoryTable, { categoryData: [
+        {
+            header: "Header 1 but it's a long string",
+            tableData: { stackedData: longerRows, headers: longerHeaders },
+        },
+        {
+            header: "Header 2 but it's a long string",
+            tableData: { stackedData: longerRows, headers: longerHeaders },
+        },
+    ] })); };
+exports.LongerStrings = LongerStrings;
+//# sourceMappingURL=CategoryTable.stories.js.map

package/dist/src/tables/CategoryTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryTable.stories.js","sourceRoot":"","sources":["../../../src/tables/CategoryTable.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,iDAA+C;AAG/C,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;IAClF,SAAS,EAAE,6BAAa;CACzB,CAAA;AAED,IAAM,mBAAmB,GAAG;IAC1B;QACE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE;QAC1D,MAAM,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE;QAC9D,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE;KACjD;IACD;QACE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;QACvD,MAAM,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,WAAW,EAAE,WAAW,EAAE;QAClE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE;KACpD;CACF,CAAA;AAED,IAAM,sBAAsB,GAAiB;IAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;IAC7B,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;IAC5B,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;CACzB,CAAA;AAED,IAAM,UAAU,GAAG;IACjB;QACE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,wCAAwC,EAAE;QACpF,MAAM,EAAE,EAAE,QAAQ,EAAE,wBAAwB,EAAE,WAAW,EAAE,YAAY,EAAE;QACzE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE;KACzD;IACD;QACE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,wCAAwC,EAAE;QACpF,MAAM,EAAE,EAAE,QAAQ,EAAE,wBAAwB,EAAE,WAAW,EAAE,YAAY,EAAE;QACzE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE;KACzD;CACF,CAAA;AAED,IAAM,aAAa,GAAiB;IAClC,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;IAC3B,MAAM,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE;IAChD,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;CACtB,CAAA;AAEM,IAAM,KAAK,GAAG,cAAM,OAAA,CACzB,8BAAC,6BAAa,IACZ,YAAY,EAAE;QACZ;YACE,MAAM,EAAE,UAAU;YAClB,SAAS,EAAE,EAAE,WAAW,EAAE,mBAAmB,EAAE,OAAO,EAAE,sBAAsB,EAAE;SACjF;QACD;YACE,MAAM,EAAE,UAAU;YAClB,SAAS,EAAE,EAAE,WAAW,EAAE,mBAAmB,EAAE,OAAO,EAAE,sBAAsB,EAAE;SACjF;KACF,GACD,CACH,EAb0B,CAa1B,CAAA;AAbY,QAAA,KAAK,SAajB;AAEM,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,8BAAC,6BAAa,IACZ,YAAY,EAAE;QACZ;YACE,MAAM,EAAE,iCAAiC;YACzC,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;SAC/D;QACD;YACE,MAAM,EAAE,iCAAiC;YACzC,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE;SAC/D;KACF,GACD,CACH,EAbkC,CAalC,CAAA;AAbY,QAAA,aAAa,iBAazB"}

package/dist/src/tables/GroupedTable.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { StandardTableData, StandardTableProps } from "./StandardTable";
+export interface GroupedTableGroup {
+    header?: string | React.ReactNode;
+    className?: string;
+    data: StandardTableData;
+}
+export interface GroupedTableProps extends Omit<StandardTableProps, "data"> {
+    data: GroupedTableGroup[];
+}
+export declare const GroupedTable: (props: GroupedTableProps) => JSX.Element;

package/dist/src/tables/GroupedTable.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupedTable = void 0;
+var React = __importStar(require("react"));
+var nanoid_1 = require("nanoid");
+var StandardTable_1 = require("./StandardTable");
+var GroupedTable = function (props) {
+    var headers = props.headers, data = props.data, cellClassName = props.cellClassName;
+    var headerLabels = Object.values(headers).map(function (col, index) {
+        var uniqKey = process.env.NODE_ENV === "test" ? "header-".concat(index) : (0, nanoid_1.nanoid)();
+        return React.createElement("th", { key: uniqKey }, col);
+    });
+    var body = [];
+    data.forEach(function (group, dataIndex) {
+        var colSpan = Object.keys(headers).length;
+        var groupHeader = group.header;
+        var groupClassName = group.className;
+        var groupData = group.data;
+        if (groupHeader) {
+            body.push(React.createElement("tr", { key: process.env.NODE_ENV === "test" ? "data-header" : (0, nanoid_1.nanoid)() },
+                React.createElement(StandardTable_1.Cell, { key: process.env.NODE_ENV === "test" ? "cell-header" : (0, nanoid_1.nanoid)(), className: groupClassName, colSpan: colSpan }, groupHeader)));
+        }
+        groupData.forEach(function (row, groupDataIndex) {
+            var rowKey = row["id"]
+                ? "row-".concat(row["id"].content)
+                : process.env.NODE_ENV === "test"
+                    ? "groupedrow-".concat(dataIndex, "-").concat(groupDataIndex)
+                    : (0, nanoid_1.nanoid)();
+            var cols = Object.keys(headers).map(function (colKey, colIndex) {
+                var _a;
+                var uniqKey = process.env.NODE_ENV === "test" ? "col-".concat(colIndex) : (0, nanoid_1.nanoid)();
+                var header = headers[colKey];
+                var cell = (_a = row[colKey]) === null || _a === void 0 ? void 0 : _a.content;
+                return (React.createElement(StandardTable_1.Cell, { key: uniqKey, headerLabel: header, className: cellClassName }, cell));
+            });
+            body.push(React.createElement("tr", { id: rowKey, key: rowKey, className: "group-".concat(groupClassName) }, cols));
+        });
+    });
+    var tableClasses = ["w-full", "text-sm"];
+    if (props.responsiveCollapse) {
+        tableClasses.push("responsive-collapse");
+    }
+    return (React.createElement("div", { style: { overflowX: "auto" } },
+        React.createElement("table", { className: tableClasses.join(" ") },
+            React.createElement("thead", null,
+                React.createElement("tr", null, headerLabels)),
+            React.createElement("tbody", null, body))));
+};
+exports.GroupedTable = GroupedTable;
+//# sourceMappingURL=GroupedTable.js.map

package/dist/src/tables/GroupedTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedTable.js","sourceRoot":"","sources":["../../../src/tables/GroupedTable.tsx"],"names":[],"mappings":"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"}

package/dist/src/tables/GroupedTable.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/src/tables/GroupedTable.stories.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var react_1 = __importDefault(require("react"));
+var GroupedTable_1 = require("./GroupedTable");
+var StandardTable_stories_1 = require("../tables/StandardTable.stories");
+var translator_1 = __importDefault(require("../helpers/translator"));
+exports.default = {
+    title: "Tables/GroupedTable",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+};
+var headers = {
+    name: (0, translator_1.default)("t.name"),
+    relationship: (0, translator_1.default)("t.relationship"),
+    dob: (0, translator_1.default)("application.household.member.dateOfBirth"),
+};
+var data = [
+    {
+        header: "Reserved",
+        className: "reserved",
+        data: StandardTable_stories_1.mockData,
+    },
+    {
+        data: StandardTable_stories_1.mockData,
+    },
+];
+var Default = function () { return react_1.default.createElement(GroupedTable_1.GroupedTable, { headers: headers, data: data }); };
+exports.Default = Default;
+//# sourceMappingURL=GroupedTable.stories.js.map

package/dist/src/tables/GroupedTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedTable.stories.js","sourceRoot":"","sources":["../../../src/tables/GroupedTable.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,+CAA6C;AAC7C,yEAA0D;AAC1D,qEAAqC;AAErC,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,IAAM,OAAO,GAAG;IACd,IAAI,EAAE,IAAA,oBAAC,EAAC,QAAQ,CAAC;IACjB,YAAY,EAAE,IAAA,oBAAC,EAAC,gBAAgB,CAAC;IACjC,GAAG,EAAE,IAAA,oBAAC,EAAC,0CAA0C,CAAC;CACnD,CAAA;AAED,IAAM,IAAI,GAAG;IACX;QACE,MAAM,EAAE,UAAU;QAClB,SAAS,EAAE,UAAU;QACrB,IAAI,EAAE,gCAAQ;KACf;IACD;QACE,IAAI,EAAE,gCAAQ;KACf;CACF,CAAA;AAEM,IAAM,OAAO,GAAG,cAAM,OAAA,8BAAC,2BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAA9C,CAA8C,CAAA;AAA9D,QAAA,OAAO,WAAuD"}

package/dist/src/tables/MinimalTable.d.ts

@@ -0,0 +1,25 @@
+import { TableHeaders, StandardTableData } from "./StandardTable";
+export interface MinimalTableProps {
+    /** If the table should be sortable through dragging */
+    draggable?: boolean;
+    /** A set state function tied to the table's data, used if the table is draggable */
+    setData?: (data: unknown[]) => void;
+    /** The headers for the table passed as text content with optional settings */
+    headers: TableHeaders;
+    /** The table data passed as records of column name to cell data with optional settings */
+    data?: StandardTableData;
+    /** Removes cell margins on the left of every row's first cell */
+    flushLeft?: boolean;
+    /** Removes cell margins on the right of every row's last cell */
+    flushRight?: boolean;
+    /** If the table should collapse on mobile views to show repeating columns on the left for every row */
+    responsiveCollapse?: boolean;
+    /** A class name applied to the root of the table */
+    className?: string;
+    /** A class name applied to the cells of the table */
+    cellClassName?: string;
+    /** An id applied to the table */
+    id?: string;
+}
+declare const MinimalTable: (props: MinimalTableProps) => JSX.Element;
+export { MinimalTable as default, MinimalTable };

package/dist/src/tables/MinimalTable.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MinimalTable = exports.default = void 0;
+var React = __importStar(require("react"));
+var StandardTable_1 = require("./StandardTable");
+var MinimalTable = function (props) {
+    var tableClasses = ["td-plain", "th-plain", props.className];
+    if (props.flushLeft)
+        tableClasses.push("is-flush-left");
+    if (props.flushRight)
+        tableClasses.push("is-flush-right");
+    return (React.createElement(StandardTable_1.StandardTable, { draggable: props.draggable, setData: props.setData, headers: props.headers, data: props.data, tableClassName: tableClasses.join(" "), cellClassName: "".concat(props.cellClassName ? props.cellClassName : "px-5 py-3"), responsiveCollapse: props.responsiveCollapse, id: props.id }));
+};
+exports.default = MinimalTable;
+exports.MinimalTable = MinimalTable;
+//# sourceMappingURL=MinimalTable.js.map

package/dist/src/tables/MinimalTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalTable.js","sourceRoot":"","sources":["../../../src/tables/MinimalTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,iDAAgF;AAyBhF,IAAM,YAAY,GAAG,UAAC,KAAwB;IAC5C,IAAM,YAAY,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAC9D,IAAI,KAAK,CAAC,SAAS;QAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IACvD,IAAI,KAAK,CAAC,UAAU;QAAE,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IACzD,OAAO,CACL,oBAAC,6BAAa,IACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,cAAc,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EACtC,aAAa,EAAE,UAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAE,EAC3E,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,EAAE,EAAE,KAAK,CAAC,EAAE,GACZ,CACH,CAAA;AACH,CAAC,CAAA;AAEwB,+BAAO;AAAE,oCAAY"}

package/dist/src/tables/MinimalTable.stories.d.ts

@@ -0,0 +1,29 @@
+import { TableHeaders, StandardTableData } from "../tables/StandardTable";
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    component: (props: import("./MinimalTable").MinimalTableProps) => JSX.Element;
+    excludeStories: string[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Responsive: () => JSX.Element;
+export declare const ImageCells: () => JSX.Element;
+export declare const FlushLeft: () => JSX.Element;
+export declare const FlushRight: () => JSX.Element;
+export declare const Draggable: {
+    (): JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+export declare const mockHeadersWithStyling: TableHeaders;
+export declare const mockDataWithStyling: StandardTableData;
+export declare const withIcons: () => JSX.Element;

package/dist/src/tables/MinimalTable.stories.js

@@ -0,0 +1,136 @@
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withIcons = exports.mockDataWithStyling = exports.mockHeadersWithStyling = exports.Draggable = exports.FlushRight = exports.FlushLeft = exports.ImageCells = exports.Responsive = exports.Default = void 0;
+var react_1 = __importDefault(require("react"));
+var MinimalTable_1 = require("./MinimalTable");
+var StandardTable_stories_1 = require("./StandardTable.stories");
+var StandardTable_1 = require("../tables/StandardTable");
+var Icon_1 = __importStar(require("../icons/Icon"));
+var free_regular_svg_icons_1 = require("@fortawesome/free-regular-svg-icons");
+exports.default = {
+    title: "Tables/MinimalTable",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    component: MinimalTable_1.MinimalTable,
+    excludeStories: ["mockHeadersWithStyling", "mockDataWithStyling"],
+};
+var Default = function () { return react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: StandardTable_stories_1.mockHeaders, data: StandardTable_stories_1.mockData }); };
+exports.Default = Default;
+var Responsive = function () { return (react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: StandardTable_stories_1.mockHeaders, data: StandardTable_stories_1.mockData, responsiveCollapse: true })); };
+exports.Responsive = Responsive;
+var headersWithImage = __assign({ image: "Image" }, StandardTable_stories_1.mockHeaders);
+var dataWithImage = __spreadArray([], StandardTable_stories_1.mockData, true);
+dataWithImage[0].image = {
+    content: (react_1.default.createElement(StandardTable_1.TableThumbnail, null,
+        react_1.default.createElement("img", { src: "/images/listing.jpg", alt: "listing picture" }))),
+};
+dataWithImage[1].image = {
+    content: (react_1.default.createElement(StandardTable_1.TableThumbnail, null,
+        react_1.default.createElement("img", { src: "/images/logo_glyph.svg", alt: "site logo" }))),
+};
+var ImageCells = function () { return react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: headersWithImage, data: dataWithImage }); };
+exports.ImageCells = ImageCells;
+var FlushLeft = function () { return (react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: headersWithImage, data: dataWithImage, flushLeft: true })); };
+exports.FlushLeft = FlushLeft;
+var FlushRight = function () { return (react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: headersWithImage, data: dataWithImage, flushRight: true })); };
+exports.FlushRight = FlushRight;
+var Draggable = function () { return (react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: StandardTable_stories_1.preferenceHeaders, data: StandardTable_stories_1.preferenceData, draggable: true })); };
+exports.Draggable = Draggable;
+exports.mockHeadersWithStyling = {
+    name: { name: "t.name" },
+    relationship: { name: "t.relationship" },
+    dob: {
+        name: "application.household.member.dateOfBirth",
+    },
+    icons: { name: "" },
+};
+var iconContent = function () {
+    return (react_1.default.createElement("div", { className: "flex justify-end" },
+        react_1.default.createElement("div", { className: "w-max" },
+            react_1.default.createElement("span", { onClick: function () { return alert("edit"); }, className: "cursor-pointer" },
+                react_1.default.createElement(Icon_1.default, { symbol: free_regular_svg_icons_1.faPenToSquare, size: "medium", fill: Icon_1.IconFillColors.primary, className: "mr-5" })),
+            react_1.default.createElement("span", { onClick: function () { return alert("copy"); }, className: "cursor-pointer" },
+                react_1.default.createElement(Icon_1.default, { symbol: free_regular_svg_icons_1.faClone, size: "medium", fill: Icon_1.IconFillColors.primary, className: "mr-5" })),
+            react_1.default.createElement("span", { onClick: function () { return alert("trash"); }, className: "cursor-pointer" },
+                react_1.default.createElement(Icon_1.default, { symbol: free_regular_svg_icons_1.faTrashCan, size: "medium", fill: Icon_1.IconFillColors.alert })))));
+};
+exports.mockDataWithStyling = [
+    {
+        name: { content: "Jim Halpert" },
+        relationship: { content: "Husband" },
+        dob: { content: "05/01/1985" },
+        icons: { content: iconContent() },
+    },
+    {
+        name: { content: "Michael Scott" },
+        relationship: { content: "Friend" },
+        dob: { content: "05/01/1975" },
+        icons: { content: iconContent() },
+    },
+];
+var i = 5;
+while (i > 0) {
+    exports.mockDataWithStyling.push(exports.mockDataWithStyling[0]);
+    exports.mockDataWithStyling.push(exports.mockDataWithStyling[1]);
+    i--;
+}
+var withIcons = function () { return (react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: exports.mockHeadersWithStyling, data: exports.mockDataWithStyling, draggable: true })); };
+exports.withIcons = withIcons;
+exports.Draggable.parameters = {
+    a11y: {
+        config: {
+            rules: [
+                {
+                    id: "nested-interactive",
+                    enabled: false,
+                },
+            ],
+        },
+    },
+};
+//# sourceMappingURL=MinimalTable.stories.js.map

package/dist/src/tables/MinimalTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalTable.stories.js","sourceRoot":"","sources":["../../../src/tables/MinimalTable.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,+CAA6C;AAC7C,iEAAkG;AAClG,yDAAyF;AACzF,oDAAoD;AACpD,8EAAwF;AAExF,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;IAClF,SAAS,EAAE,2BAAY;IACvB,cAAc,EAAE,CAAC,wBAAwB,EAAE,qBAAqB,CAAC;CAClE,CAAA;AAEM,IAAM,OAAO,GAAG,cAAM,OAAA,8BAAC,2BAAY,IAAC,OAAO,EAAE,mCAAW,EAAE,IAAI,EAAE,gCAAQ,GAAI,EAAtD,CAAsD,CAAA;AAAtE,QAAA,OAAO,WAA+D;AAE5E,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,8BAAC,2BAAY,IAAC,OAAO,EAAE,mCAAW,EAAE,IAAI,EAAE,gCAAQ,EAAE,kBAAkB,EAAE,IAAI,GAAI,CACjF,EAF+B,CAE/B,CAAA;AAFY,QAAA,UAAU,cAEtB;AAED,IAAM,gBAAgB,cAAK,KAAK,EAAE,OAAO,IAAK,mCAAW,CAAE,CAAA;AAC3D,IAAM,aAAa,GAAG,kBAAI,gCAAQ,OAAsB,CAAA;AACxD,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG;IACvB,OAAO,EAAE,CACP,8BAAC,8BAAc;QACb,uCAAK,GAAG,EAAC,qBAAqB,EAAC,GAAG,EAAC,iBAAiB,GAAG,CACxC,CAClB;CACF,CAAA;AACD,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG;IACvB,OAAO,EAAE,CACP,8BAAC,8BAAc;QACb,uCAAK,GAAG,EAAC,wBAAwB,EAAC,GAAG,EAAC,WAAW,GAAG,CACrC,CAClB;CACF,CAAA;AAEM,IAAM,UAAU,GAAG,cAAM,OAAA,8BAAC,2BAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,GAAI,EAAhE,CAAgE,CAAA;AAAnF,QAAA,UAAU,cAAyE;AAEzF,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,8BAAC,2BAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,IAAI,GAAI,CAClF,EAF8B,CAE9B,CAAA;AAFY,QAAA,SAAS,aAErB;AAEM,IAAM,UAAU,GAAG,cAAM,OAAA,CAC9B,8BAAC,2BAAY,IAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,GAAI,CACnF,EAF+B,CAE/B,CAAA;AAFY,QAAA,UAAU,cAEtB;AAEM,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,8BAAC,2BAAY,IAAC,OAAO,EAAE,yCAAiB,EAAE,IAAI,EAAE,sCAAc,EAAE,SAAS,EAAE,IAAI,GAAI,CACpF,EAF8B,CAE9B,CAAA;AAFY,QAAA,SAAS,aAErB;AAEY,QAAA,sBAAsB,GAAiB;IAClD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;IACxB,YAAY,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACxC,GAAG,EAAE;QACH,IAAI,EAAE,0CAA0C;KACjD;IACD,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;CACpB,CAAA;AAED,IAAM,WAAW,GAAG;IAClB,OAAO,CACL,uCAAK,SAAS,EAAE,kBAAkB;QAChC,uCAAK,SAAS,EAAE,OAAO;YACrB,wCAAM,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,MAAM,CAAC,EAAb,CAAa,EAAE,SAAS,EAAE,gBAAgB;gBAC7D,8BAAC,cAAI,IACH,MAAM,EAAE,sCAAa,EACrB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,qBAAc,CAAC,OAAO,EAC5B,SAAS,EAAE,MAAM,GACjB,CACG;YACP,wCAAM,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,MAAM,CAAC,EAAb,CAAa,EAAE,SAAS,EAAE,gBAAgB;gBAC7D,8BAAC,cAAI,IAAC,MAAM,EAAE,gCAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAc,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,GAAI,CACrF;YACP,wCAAM,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,OAAO,CAAC,EAAd,CAAc,EAAE,SAAS,EAAE,gBAAgB;gBAC9D,8BAAC,cAAI,IAAC,MAAM,EAAE,mCAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAc,CAAC,KAAK,GAAI,CACnE,CACH,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAEY,QAAA,mBAAmB,GAAsB;IACpD;QACE,IAAI,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QAChC,YAAY,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACpC,GAAG,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;KAClC;IACD;QACE,IAAI,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;QAClC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACnC,GAAG,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;KAClC;CACF,CAAA;AAED,IAAI,CAAC,GAAG,CAAC,CAAA;AACT,OAAO,CAAC,GAAG,CAAC,EAAE;IACZ,2BAAmB,CAAC,IAAI,CAAC,2BAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;IAChD,2BAAmB,CAAC,IAAI,CAAC,2BAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;IAChD,CAAC,EAAE,CAAA;CACJ;AAEM,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,8BAAC,2BAAY,IAAC,OAAO,EAAE,8BAAsB,EAAE,IAAI,EAAE,2BAAmB,EAAE,SAAS,EAAE,IAAI,GAAI,CAC9F,EAF8B,CAE9B,CAAA;AAFY,QAAA,SAAS,aAErB;AAED,iBAAS,CAAC,UAAU,GAAG;IACrB,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,KAAK,EAAE;gBACL;oBACE,EAAE,EAAE,oBAAoB;oBACxB,OAAO,EAAE,KAAK;iBACf;aACF;SACF;KACF;CACF,CAAA"}

package/dist/src/tables/StackedTable.d.ts

@@ -0,0 +1,23 @@
+import { TableHeaders } from "./StandardTable";
+export interface StackedTableRow {
+    /** The main text content of the cell */
+    cellText: string;
+    /** The subtext of the cell, displayed beneath the main text */
+    cellSubText?: string;
+    /** Hides this cell's subtext on mobile views */
+    hideSubTextMobile?: boolean;
+    /** Text content that will replace this cell's header on mobile views */
+    mobileReplacement?: string;
+}
+export interface StackedTableProps {
+    /** The headers for the table passed as text content with optional settings */
+    headers: TableHeaders;
+    /** Headers hidden on desktop views */
+    headersHiddenDesktop?: string[];
+    /** The table data passed as records of column name to cell data */
+    stackedData?: Record<string, StackedTableRow>[];
+    /** A class name applied to the root of the table */
+    className?: string;
+}
+declare const StackedTable: (props: StackedTableProps) => JSX.Element;
+export { StackedTable as default, StackedTable };

package/dist/src/tables/StackedTable.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackedTable = exports.default = void 0;
+var React = __importStar(require("react"));
+var MinimalTable_1 = require("./MinimalTable");
+var StackedTable = function (props) {
+    var _a;
+    var tableClasses = ["base", "stacked-table", props.className];
+    var modifiedData = [];
+    (_a = props.stackedData) === null || _a === void 0 ? void 0 : _a.forEach(function (dataRow) {
+        var dataCell = Object.keys(dataRow).reduce(function (acc, item) {
+            var _a;
+            acc[item] = {
+                content: (React.createElement("div", { className: "stacked-table-cell-container ".concat(((_a = props.headersHiddenDesktop) === null || _a === void 0 ? void 0 : _a.includes(item)) && "md:hidden") },
+                    React.createElement("span", { className: "stacked-table-cell" }, dataRow[item].cellText),
+                    React.createElement("span", { className: "stacked-table-subtext  ".concat(dataRow[item].hideSubTextMobile && "hidden md:block", " ") }, dataRow[item].cellSubText))),
+                mobileReplacement: dataRow[item].cellText,
+            };
+            return acc;
+        }, {});
+        modifiedData.push(dataCell);
+    });
+    var modifiedHeaders = Object.keys(props.headers).reduce(function (acc, headerKey) {
+        var _a, _b, _c;
+        var tempHeader = props.headers[headerKey];
+        if ((_a = props.headersHiddenDesktop) === null || _a === void 0 ? void 0 : _a.includes(headerKey)) {
+            var headerClasses = "md:hidden";
+            headerClasses = "".concat(tempHeader["className"] && tempHeader["className"], " ").concat(headerClasses);
+            tempHeader = {
+                name: (_b = tempHeader["name"]) !== null && _b !== void 0 ? _b : tempHeader,
+                className: "stacked-table-header ".concat(headerClasses),
+            };
+        }
+        else {
+            acc[headerKey] = props.headers[headerKey];
+            tempHeader = {
+                name: (_c = tempHeader["name"]) !== null && _c !== void 0 ? _c : tempHeader,
+                className: "".concat(tempHeader["className"] && tempHeader["className"], " stacked-table-header"),
+            };
+        }
+        acc[headerKey] = tempHeader;
+        return acc;
+    }, {});
+    return (React.createElement(MinimalTable_1.MinimalTable, { headers: modifiedHeaders, data: modifiedData, className: tableClasses.join(" "), responsiveCollapse: true, cellClassName: "b-0" }));
+};
+exports.default = StackedTable;
+exports.StackedTable = StackedTable;
+//# sourceMappingURL=StackedTable.js.map

package/dist/src/tables/StackedTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedTable.js","sourceRoot":"","sources":["../../../src/tables/StackedTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAE9B,+CAA6C;AAwB7C,IAAM,YAAY,GAAG,UAAC,KAAwB;;IAC5C,IAAM,YAAY,GAAG,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAC/D,IAAM,YAAY,GAAsB,EAAE,CAAA;IAE1C,MAAA,KAAK,CAAC,WAAW,0CAAE,OAAO,CAAC,UAAC,OAAO;QACjC,IAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,IAAI;;YACrD,GAAG,CAAC,IAAI,CAAC,GAAG;gBACV,OAAO,EAAE,CACP,6BACE,SAAS,EAAE,uCACT,CAAA,MAAA,KAAK,CAAC,oBAAoB,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAI,WAAW,CACzD;oBAEF,8BAAM,SAAS,EAAE,oBAAoB,IAAG,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAQ;oBACtE,8BACE,SAAS,EAAE,iCACT,OAAO,CAAC,IAAI,CAAC,CAAC,iBAAiB,IAAI,iBAAiB,MACnD,IAEF,OAAO,CAAC,IAAI,CAAC,CAAC,WAAW,CACrB,CACH,CACP;gBACD,iBAAiB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ;aAC1C,CAAA;YACD,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAAE,CAAC,CAAA;QACN,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,SAAS;;QACvE,IAAI,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QACzC,IAAI,MAAA,KAAK,CAAC,oBAAoB,0CAAE,QAAQ,CAAC,SAAS,CAAC,EAAE;YACnD,IAAI,aAAa,GAAG,WAAW,CAAA;YAC/B,aAAa,GAAG,UAAG,UAAU,CAAC,WAAW,CAAC,IAAI,UAAU,CAAC,WAAW,CAAC,cAAI,aAAa,CAAE,CAAA;YACxF,UAAU,GAAG;gBACX,IAAI,EAAE,MAAA,UAAU,CAAC,MAAM,CAAC,mCAAI,UAAU;gBACtC,SAAS,EAAE,+BAAwB,aAAa,CAAE;aACnD,CAAA;SACF;aAAM;YACL,GAAG,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;YACzC,UAAU,GAAG;gBACX,IAAI,EAAE,MAAA,UAAU,CAAC,MAAM,CAAC,mCAAI,UAAU;gBACtC,SAAS,EAAE,UAAG,UAAU,CAAC,WAAW,CAAC,IAAI,UAAU,CAAC,WAAW,CAAC,0BAAuB;aACxF,CAAA;SACF;QACD,GAAG,CAAC,SAAS,CAAC,GAAG,UAAU,CAAA;QAC3B,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,oBAAC,2BAAY,IACX,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,YAAY,EAClB,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EACjC,kBAAkB,EAAE,IAAI,EACxB,aAAa,EAAE,KAAK,GACpB,CACH,CAAA;AACH,CAAC,CAAA;AAEwB,+BAAO;AAAE,oCAAY"}

package/dist/src/tables/StackedTable.stories.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    component: (props: import("./StackedTable").StackedTableProps) => JSX.Element;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const BasicWithSubtext: () => JSX.Element;
+export declare const BasicWithSubtextAndHiddenDesktopRow: () => JSX.Element;
+export declare const UnitSummaryDefault: () => JSX.Element;