@bloom-housing/ui-components 7.1.0 → 7.2.0

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

@@ -0,0 +1,128 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnitSummaryDefault = exports.BasicWithSubtextAndHiddenDesktopRow = exports.BasicWithSubtext = exports.Basic = void 0;
+var react_1 = __importDefault(require("react"));
+var StackedTable_1 = require("./StackedTable");
+exports.default = {
+    title: "Tables/StackedTable",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    component: StackedTable_1.StackedTable,
+};
+var basicTableHeaders = {
+    one: { name: "t.unitType" },
+    two: { name: "t.availability" },
+    three: { name: "t.incomeRange" },
+};
+var basicTableHeadersHiddenDesktop = {
+    one: { name: "t.unitType" },
+    two: { name: "t.availability" },
+    three: { name: "t.incomeRange" },
+    four: { name: "t.rent" },
+};
+var basicTableRows = [
+    {
+        one: { cellText: "Cell 1" },
+        two: { cellText: "Cell 2" },
+        three: { cellText: "Cell 3" },
+    },
+    {
+        one: { cellText: "Cell 1" },
+        two: { cellText: "Cell 2" },
+        three: { cellText: "Cell 3" },
+    },
+    {
+        one: { cellText: "Cell 1 Cell 1 Cell 1 Cell 1 Cell 1 Cell 1 Cell 1" },
+        two: { cellText: "Cell 2 Cell 2 Cell 2 Cell 2 Cell 2 Cell 2 Cell 2" },
+        three: { cellText: "Cell 3 Cell 3 Cell 3 Cell 3 Cell 3 Cell 3 Cell 3" },
+    },
+];
+var basicTableRowsHiddenDesktop = [
+    {
+        one: { cellText: "Cell 1", cellSubText: "Subtext 1" },
+        two: { cellText: "Cell 2", cellSubText: "Subtext 2" },
+        three: { cellText: "Cell 3", cellSubText: "Subtext 3" },
+        four: { cellText: "Cell 4", cellSubText: "Subtext 4" },
+    },
+    {
+        one: { cellText: "Cell 1", cellSubText: "Subtext 1" },
+        two: { cellText: "Cell 2", cellSubText: "Subtext 2" },
+        three: { cellText: "Cell 3", cellSubText: "Subtext 3" },
+        four: { cellText: "Cell 4", cellSubText: "Subtext 4" },
+    },
+    {
+        one: {
+            cellText: "Cell 1 Cell 1 Cell 1 Cell 1 Cell 1 Cell 1 Cell 1",
+            cellSubText: "Subtext 1 Subtext 1 Subtext 1 Subtext 1 Subtext 1 Subtext 1",
+        },
+        two: {
+            cellText: "Cell 2 Cell 2 Cell 2 Cell 2 Cell 2 Cell 2 Cell 2",
+            cellSubText: "Subtext 2 Subtext 2 Subtext 2 Subtext 2 Subtext 2 Subtext 2",
+        },
+        three: {
+            cellText: "Cell 3 Cell 3 Cell 3 Cell 3 Cell 3 Cell 3 Cell 3",
+            cellSubText: "Subtext 3 Subtext 3 Subtext 3 Subtext 3 Subtext 3 Subtext 3",
+        },
+        four: {
+            cellText: "Cell 4 Cell 4 Cell 4 Cell 4 Cell 4 Cell 4 Cell 4",
+            cellSubText: "Subtext 4 Subtext 4 Subtext 4 Subtext 4 Subtext 4 Subtext 4 Subtext 4",
+        },
+    },
+];
+var basicTableRowsSubtext = [
+    {
+        one: { cellText: "Cell 1", cellSubText: "Subtext 1" },
+        two: { cellText: "Cell 2", cellSubText: "Subtext 2" },
+        three: { cellText: "Cell 3", cellSubText: "Subtext 3" },
+    },
+    {
+        one: { cellText: "Cell 1", cellSubText: "Subtext 1" },
+        two: { cellText: "Cell 2", cellSubText: "Subtext 2" },
+        three: { cellText: "Cell 3", cellSubText: "Subtext 3" },
+    },
+    {
+        one: {
+            cellText: "Cell 1 Cell 1 Cell 1 Cell 1 Cell 1 Cell 1 Cell 1",
+            cellSubText: "Subtext 1 Subtext 1 Subtext 1 Subtext 1 Subtext 1 Subtext 1",
+        },
+        two: {
+            cellText: "Cell 2 Cell 2 Cell 2 Cell 2 Cell 2 Cell 2 Cell 2",
+            cellSubText: "Subtext 2 Subtext 2 Subtext 2 Subtext 2 Subtext 2 Subtext 2",
+        },
+        three: {
+            cellText: "Cell 3 Cell 3 Cell 3 Cell 3 Cell 3 Cell 3 Cell 3",
+            cellSubText: "Subtext 3 Subtext 3 Subtext 3 Subtext 3 Subtext 3 Subtext 3",
+        },
+    },
+];
+var responsiveTableHeaders = {
+    units: { name: "t.unitType" },
+    availability: { name: "t.availability" },
+    income: { name: "t.incomeRange" },
+    rent: { name: "t.rent" },
+};
+var responsiveTableRows = [
+    {
+        units: { cellText: "Studio", cellSubText: "23 available", hideSubTextMobile: true },
+        availability: { cellText: "23", cellSubText: "available" },
+        income: { cellText: "$0 to $6,854", cellSubText: "per month" },
+        rent: { cellText: "30%", cellSubText: "income" },
+    },
+    {
+        units: { cellText: "1 BR", cellSubText: "3 available" },
+        availability: { cellText: "3", cellSubText: "available" },
+        income: { cellText: "$2,194 to $6,854", cellSubText: "per month" },
+        rent: { cellText: "$1,295", cellSubText: "income" },
+    },
+];
+var Basic = function () { return react_1.default.createElement(StackedTable_1.StackedTable, { stackedData: basicTableRows, headers: basicTableHeaders }); };
+exports.Basic = Basic;
+var BasicWithSubtext = function () { return (react_1.default.createElement(StackedTable_1.StackedTable, { stackedData: basicTableRowsSubtext, headers: basicTableHeaders })); };
+exports.BasicWithSubtext = BasicWithSubtext;
+var BasicWithSubtextAndHiddenDesktopRow = function () { return (react_1.default.createElement(StackedTable_1.StackedTable, { stackedData: basicTableRowsHiddenDesktop, headers: basicTableHeadersHiddenDesktop, headersHiddenDesktop: ["two"] })); };
+exports.BasicWithSubtextAndHiddenDesktopRow = BasicWithSubtextAndHiddenDesktopRow;
+var UnitSummaryDefault = function () { return (react_1.default.createElement(StackedTable_1.StackedTable, { stackedData: responsiveTableRows, headers: responsiveTableHeaders, headersHiddenDesktop: ["availability"] })); };
+exports.UnitSummaryDefault = UnitSummaryDefault;
+//# sourceMappingURL=StackedTable.stories.js.map

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

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

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

@@ -0,0 +1,62 @@
+import React from "react";
+export interface TableHeadersOptions {
+    name: string;
+    mobileReplacement?: string;
+    className?: string;
+}
+export interface TableHeaders {
+    [key: string]: string | TableHeadersOptions;
+}
+export declare const Row: (props: {
+    id?: string;
+    className?: string;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const HeaderCell: (props: {
+    children: React.ReactNode;
+    className?: string;
+}) => JSX.Element;
+export declare const Cell: (props: {
+    headerLabel?: string | TableHeadersOptions;
+    className?: string;
+    colSpan?: number;
+    children: React.ReactNode;
+    mobileReplacement?: string | React.ReactNode;
+}) => JSX.Element;
+export declare const TableThumbnail: (props: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare type StandardTableCell = {
+    /** The main content of the cell */
+    content: React.ReactNode;
+    /** Text content that will replace this cell's header on mobile views */
+    mobileReplacement?: string;
+    /** Classname to apply to this row */
+    rowClass?: string;
+};
+export declare type StandardTableData = Record<string, StandardTableCell>[];
+export interface StandardTableProps {
+    /** 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;
+    /** A class name applied to the root of the table */
+    tableClassName?: string;
+    /** A class name applied to each cell */
+    cellClassName?: string;
+    /** If the table should collapse on mobile views to show repeating columns on the left for every row */
+    responsiveCollapse?: boolean;
+    /** If cell text should be translated or left raw */
+    translateData?: boolean;
+    /** An id applied to the table */
+    id?: string;
+    strings?: {
+        orderString?: string;
+        sortString?: string;
+    };
+}
+export declare const StandardTable: (props: StandardTableProps) => JSX.Element;

package/dist/src/tables/StandardTable.js

@@ -0,0 +1,158 @@
+"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.StandardTable = exports.TableThumbnail = exports.Cell = exports.HeaderCell = exports.Row = void 0;
+var react_1 = __importStar(require("react"));
+var react_beautiful_dnd_1 = require("react-beautiful-dnd");
+var nanoid_1 = require("nanoid");
+var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+var getTranslationWithArguments_1 = require("../helpers/getTranslationWithArguments");
+var Icon_1 = require("../icons/Icon");
+var translator_1 = require("../helpers/translator");
+var Row = function (props) { return (react_1.default.createElement("tr", { id: props.id, className: props.className }, props.children)); };
+exports.Row = Row;
+var HeaderCell = function (props) { return (react_1.default.createElement("th", { className: props.className }, props.children)); };
+exports.HeaderCell = HeaderCell;
+var Cell = function (props) {
+    var _a;
+    return (react_1.default.createElement("td", { "data-label": props.headerLabel instanceof Object ? (_a = props.headerLabel) === null || _a === void 0 ? void 0 : _a.name : props.headerLabel, "data-cell": props.mobileReplacement, className: props.className || "p-5", colSpan: props.colSpan }, props.children));
+};
+exports.Cell = Cell;
+var TableThumbnail = function (props) {
+    return react_1.default.createElement("span", { className: "table__thumbnail" }, props.children);
+};
+exports.TableThumbnail = TableThumbnail;
+var headerName = function (header) {
+    if (typeof header === "string") {
+        return header;
+    }
+    else {
+        return header.name;
+    }
+};
+var headerClassName = function (header) {
+    if (typeof header === "string") {
+        return "";
+    }
+    else {
+        return header.className;
+    }
+};
+var StandardTable = function (props) {
+    var _a, _b, _c, _d, _e;
+    var _f = props.headers, headers = _f === void 0 ? {} : _f, cellClassName = props.cellClassName;
+    var _g = (0, react_1.useState)(), tableData = _g[0], setTableData = _g[1];
+    var headerLabels = (_a = Object.values(headers)) === null || _a === void 0 ? void 0 : _a.map(function (header, index) {
+        var uniqKey = process.env.NODE_ENV === "test" ? "header-".concat(index) : (0, nanoid_1.nanoid)();
+        return (react_1.default.createElement(exports.HeaderCell, { key: uniqKey, className: headerClassName(header) }, header && header !== "" ? (0, getTranslationWithArguments_1.getTranslationWithArguments)(headerName(header)) : header));
+    });
+    (0, react_1.useEffect)(function () {
+        setTableData(props.data);
+    }, [props.data]);
+    if (props.draggable) {
+        headerLabels.splice(0, 0, react_1.default.createElement("th", { key: "header-draggable-order" }, (_c = (_b = props.strings) === null || _b === void 0 ? void 0 : _b.orderString) !== null && _c !== void 0 ? _c : (0, translator_1.t)("t.order")));
+        headerLabels.splice(0, 0, react_1.default.createElement("th", { key: "header-draggable-sort", className: "table__draggable-cell pl-5" }, (_e = (_d = props.strings) === null || _d === void 0 ? void 0 : _d.sortString) !== null && _e !== void 0 ? _e : (0, translator_1.t)("t.sort")));
+    }
+    var body = tableData === null || tableData === void 0 ? void 0 : tableData.map(function (row, dataIndex) {
+        var _a, _b, _c, _d, _e;
+        var rowKey = row["id"]
+            ? "row-".concat(row["id"].content)
+            : process.env.NODE_ENV === "test"
+                ? "standardrow-".concat(dataIndex)
+                : (0, nanoid_1.nanoid)();
+        var rowClass = "";
+        var cols = (_a = Object.keys(headers)) === null || _a === void 0 ? void 0 : _a.map(function (colKey, colIndex) {
+            var _a, _b, _c;
+            var uniqKey = process.env.NODE_ENV === "test" ? "standardcol-".concat(colIndex) : (0, nanoid_1.nanoid)();
+            var cell = (_a = row[colKey]) === null || _a === void 0 ? void 0 : _a.content;
+            rowClass = ((_b = row[colKey]) === null || _b === void 0 ? void 0 : _b.rowClass) ? row[colKey].rowClass : "";
+            var cellClass = [headerClassName(headers[colKey]), cellClassName].join(" ");
+            return (react_1.default.createElement(exports.Cell, { key: uniqKey, headerLabel: headers[colKey] && headers[colKey] !== ""
+                    ? (0, getTranslationWithArguments_1.getTranslationWithArguments)(headerName(headers[colKey]))
+                    : headers[colKey], className: cellClass !== " " ? cellClass : undefined, mobileReplacement: (_c = row[colKey]) === null || _c === void 0 ? void 0 : _c.mobileReplacement }, props.translateData && typeof cell === "string" && cell !== ""
+                ? (0, getTranslationWithArguments_1.getTranslationWithArguments)(cell)
+                : cell));
+        });
+        if (props.draggable) {
+            cols.splice(0, 0, react_1.default.createElement(exports.Cell, { key: "".concat(dataIndex, "-order-draggable"), headerLabel: (_c = (_b = props.strings) === null || _b === void 0 ? void 0 : _b.sortString) !== null && _c !== void 0 ? _c : (0, translator_1.t)("t.sort"), className: "pl-5 ".concat(cellClassName !== null && cellClassName !== void 0 ? cellClassName : undefined) }, dataIndex + 1));
+            cols.splice(0, 0, react_1.default.createElement(exports.Cell, { key: "".concat(dataIndex, "-sort-draggable"), headerLabel: (_e = (_d = props.strings) === null || _d === void 0 ? void 0 : _d.sortString) !== null && _e !== void 0 ? _e : (0, translator_1.t)("t.sort"), className: "table__draggable-cell pl-7" },
+                react_1.default.createElement(Icon_1.Icon, { symbol: free_solid_svg_icons_1.faGripLines, size: "medium", fill: Icon_1.IconFillColors.primary })));
+        }
+        return (react_1.default.createElement(react_1.default.Fragment, { key: rowKey }, props.draggable ? (react_1.default.createElement(react_beautiful_dnd_1.Draggable, { draggableId: rowKey, index: dataIndex, key: rowKey }, function (provided, snapshot) { return (react_1.default.createElement("tr", __assign({ key: rowKey, id: rowKey }, provided.draggableProps, provided.dragHandleProps, { 
+            // eslint-disable-next-line @typescript-eslint/unbound-method
+            ref: provided.innerRef, className: snapshot.isDragging ? "table__is-dragging" : "" }), cols)); })) : (react_1.default.createElement("tr", { id: rowKey, key: rowKey, className: rowClass ? rowClass : "" }, cols))));
+    });
+    var tableClasses = ["w-full", "text-sm"];
+    if (props.responsiveCollapse) {
+        tableClasses.push("responsive-collapse");
+    }
+    if (props.tableClassName) {
+        tableClasses.push(props.tableClassName);
+    }
+    var reorder = function (list, startIndex, endIndex) {
+        if (!list)
+            return;
+        var result = Array.from(list);
+        var removed = result.splice(startIndex, 1)[0];
+        result.splice(endIndex, 0, removed);
+        return result;
+    };
+    var onDragEnd = function (result) {
+        if (!result.destination) {
+            return;
+        }
+        if (result.destination.index === result.source.index) {
+            return;
+        }
+        var reorderedTableData = reorder(tableData, result.source.index, result.destination.index);
+        setTableData(reorderedTableData);
+        if (props.setData && reorderedTableData) {
+            props.setData(reorderedTableData);
+        }
+    };
+    return (react_1.default.createElement("div", { style: { overflowX: "auto" } },
+        react_1.default.createElement("table", { id: props.id, className: tableClasses.join(" ") },
+            react_1.default.createElement("thead", null,
+                react_1.default.createElement("tr", null, headerLabels)),
+            props.draggable ? (react_1.default.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: onDragEnd },
+                react_1.default.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "standard-table" }, function (provided) { return (
+                // eslint-disable-next-line @typescript-eslint/unbound-method
+                react_1.default.createElement("tbody", __assign({}, provided.droppableProps, { ref: provided.innerRef }),
+                    body,
+                    provided.placeholder)); }))) : (react_1.default.createElement("tbody", null, body)))));
+};
+exports.StandardTable = StandardTable;
+//# sourceMappingURL=StandardTable.js.map

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

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

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

@@ -0,0 +1,38 @@
+import { StandardTableData, TableHeaders } from "./StandardTable";
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    includeStories: string[];
+    excludeStories: string[];
+    component: (props: import("./StandardTable").StandardTableProps) => JSX.Element;
+};
+export default _default;
+export declare const mockHeaders: TableHeaders;
+export declare const mockData: StandardTableData;
+export declare const Default: () => JSX.Element;
+export declare const ImageCells: () => JSX.Element;
+export declare const preferenceHeaders: {
+    name: string;
+    action: string;
+};
+export declare const preferenceData: {
+    name: {
+        content: string;
+    };
+    action: {
+        content: JSX.Element;
+    };
+}[];
+export declare const Draggable: {
+    (): JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};

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

@@ -0,0 +1,111 @@
+"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 __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.Draggable = exports.preferenceData = exports.preferenceHeaders = exports.ImageCells = exports.Default = exports.mockData = exports.mockHeaders = void 0;
+var react_1 = __importDefault(require("react"));
+var Button_1 = require("../actions/Button");
+var StandardTable_1 = require("./StandardTable");
+exports.default = {
+    title: "Tables/StandardTable",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    includeStories: ["Default", "ImageCells", "Draggable"],
+    excludeStories: ["mockHeaders", "mockData", "preferenceHeaders", "preferenceData"],
+    component: StandardTable_1.StandardTable,
+};
+exports.mockHeaders = {
+    name: "t.name",
+    relationship: "t.relationship",
+    dob: "application.household.member.dateOfBirth",
+};
+exports.mockData = [
+    {
+        name: { content: "Jim Halpert" },
+        relationship: { content: "Husband" },
+        dob: { content: "05/01/1985" },
+    },
+    {
+        name: { content: "Michael Scott" },
+        relationship: { content: "Friend" },
+        dob: { content: "05/01/1975" },
+    },
+];
+var i = 5;
+while (i > 0) {
+    exports.mockData.push(exports.mockData[0]);
+    exports.mockData.push(exports.mockData[1]);
+    i--;
+}
+var Default = function () { return react_1.default.createElement(StandardTable_1.StandardTable, { headers: exports.mockHeaders, data: exports.mockData }); };
+exports.Default = Default;
+var headersWithImage = __assign({ image: "Image" }, exports.mockHeaders);
+var dataWithImage = __spreadArray([], exports.mockData, true);
+dataWithImage[0].image = (react_1.default.createElement(StandardTable_1.TableThumbnail, null,
+    react_1.default.createElement("a", { href: "#" },
+        react_1.default.createElement("img", { src: "/images/listing.jpg", alt: "listing image" }))));
+dataWithImage[1].image = (react_1.default.createElement(StandardTable_1.TableThumbnail, null,
+    react_1.default.createElement("img", { src: "/images/logo_glyph.svg", alt: "logo" })));
+var ImageCells = function () { return (react_1.default.createElement(StandardTable_1.StandardTable, { headers: headersWithImage, data: dataWithImage, responsiveCollapse: true })); };
+exports.ImageCells = ImageCells;
+exports.preferenceHeaders = {
+    name: "t.name",
+    action: "",
+};
+var getDeleteButton = function () {
+    return (react_1.default.createElement("div", { className: "text-right" },
+        react_1.default.createElement(Button_1.Button, { type: "button", className: "front-semibold uppercase text-alert m-0", unstyled: true }, "Delete")));
+};
+exports.preferenceData = [
+    {
+        name: { content: "Live or Work in City of Hayward" },
+        action: { content: getDeleteButton() },
+    },
+    {
+        name: { content: "Displacee Tenant" },
+        action: { content: getDeleteButton() },
+    },
+    {
+        name: { content: "Veteran Status" },
+        action: { content: getDeleteButton() },
+    },
+];
+var Draggable = function () { return (react_1.default.createElement(StandardTable_1.StandardTable, { headers: exports.preferenceHeaders, data: exports.preferenceData, draggable: true })); };
+exports.Draggable = Draggable;
+exports.Draggable.parameters = {
+    a11y: {
+        config: {
+            rules: [
+                {
+                    id: "nested-interactive",
+                    enabled: false,
+                },
+                {
+                    id: "color-contrast",
+                    enabled: false,
+                },
+            ],
+        },
+    },
+};
+//# sourceMappingURL=StandardTable.stories.js.map

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

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

package/dist/src/text/Description.d.ts

@@ -0,0 +1,10 @@
+import "./Description.scss";
+import { MarkdownOptions } from "markdown-to-jsx";
+export interface DescriptionProps {
+    term: string;
+    description: any;
+    dtClassName?: string;
+    markdown?: boolean;
+    markdownProps?: MarkdownOptions;
+}
+export declare const Description: (props: DescriptionProps) => JSX.Element;

package/dist/src/text/Description.js

@@ -0,0 +1,54 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Description = void 0;
+var React = __importStar(require("react"));
+require("./Description.scss");
+var markdown_to_jsx_1 = __importDefault(require("markdown-to-jsx"));
+var Description = function (props) {
+    var dtClasses = ["description__body"];
+    if (props.dtClassName)
+        dtClasses.push(props.dtClassName);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("dd", { className: "description__title" }, props.term),
+        props.markdown ? (React.createElement("dt", { className: dtClasses.join(" ") },
+            React.createElement(markdown_to_jsx_1.default, { options: __assign({ disableParsingRawHTML: true }, props.markdownProps), children: props.description }))) : (React.createElement("dt", { className: dtClasses.join(" ") }, props.description))));
+};
+exports.Description = Description;
+//# sourceMappingURL=Description.js.map

package/dist/src/text/Description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/text/Description.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,8BAA2B;AAC3B,oEAA2D;AAUpD,IAAM,WAAW,GAAG,UAAC,KAAuB;IACjD,IAAM,SAAS,GAAG,CAAC,mBAAmB,CAAC,CAAA;IACvC,IAAI,KAAK,CAAC,WAAW;QAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IAExD,OAAO,CACL;QACE,4BAAI,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAC,IAAI,CAAM;QACnD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,4BAAI,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YAChC,oBAAC,yBAAQ,IACP,OAAO,aAAI,qBAAqB,EAAE,IAAI,IAAK,KAAK,CAAC,aAAa,GAC9D,QAAQ,EAAE,KAAK,CAAC,WAAW,GAC3B,CACC,CACN,CAAC,CAAC,CAAC,CACF,4BAAI,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,WAAW,CAAM,CAC7D,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,WAAW,eAmBvB"}

package/dist/src/text/Heading.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface HeadingProps {
+    children?: React.ReactNode;
+    className?: string;
+    priority?: number;
+    styleType?: HeaderType;
+}
+export declare type HeaderType = keyof typeof HeaderStyleMap;
+declare const HeaderStyleMap: {
+    largePrimary: string;
+    mediumNormal: string;
+    smallWeighted: string;
+    smallNormal: string;
+    underlineWeighted: string;
+    lightWeighted: string;
+    capsWeighted: string;
+};
+declare const Heading: (props: HeadingProps) => JSX.Element;
+export { Heading as default, Heading };