@bloom-housing/ui-components 13.0.5 → 13.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/src/forms/Field.js.map +1 -1
  2. package/dist/src/forms/PhoneField.js +3 -2
  3. package/dist/src/forms/PhoneField.js.map +1 -1
  4. package/dist/src/forms/PhoneMask.js +2 -2
  5. package/dist/src/forms/PhoneMask.js.map +1 -1
  6. package/dist/src/tables/StandardTable.d.ts +5 -0
  7. package/dist/src/tables/StandardTable.js +42 -45
  8. package/dist/src/tables/StandardTable.js.map +1 -1
  9. package/dist/src/tables/StandardTable.stories.d.ts +3 -0
  10. package/dist/src/tables/StandardTable.stories.js +16 -3
  11. package/dist/src/tables/StandardTable.stories.js.map +1 -1
  12. package/package.json +2 -3
  13. package/src/forms/Field.tsx +4 -2
  14. package/src/forms/PhoneField.tsx +6 -3
  15. package/src/forms/PhoneMask.tsx +3 -1
  16. package/src/global/forms.scss +12 -0
  17. package/src/tables/StandardTable.stories.tsx +16 -3
  18. package/src/tables/StandardTable.tsx +53 -55
package/dist/src/forms/Field.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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"}
package/dist/src/forms/PhoneField.js CHANGED
@@ -33,7 +33,8 @@ export var PhoneField = function (props) {
33
33
  defaultValue: props.defaultValue || "",
34
34
  disabled: props.disabled,
35
35
  control: props.control,
36
- "aria-describedby": "".concat(props.id ? "".concat(props.id, "-error") : "", " ").concat(props.subNote ? "".concat(props.id, "-sub-note") : ""),
36
+ "aria-describedby": "".concat(props.id ? "".concat(props.id, "-error") : "", " ").concat(props.subNote && props.id ? "".concat(props.id, "-sub-note") : ""),
37
+ "aria-invalid": !!props.error,
37
38
  rules: {
38
39
  validate: {
39
40
  inputTel: function (v) {
@@ -49,7 +50,7 @@ export var PhoneField = function (props) {
49
50
  },
50
51
  };
51
52
  return (React.createElement("div", { className: "field " + (props.error ? "error" : "") },
52
- props.label && (React.createElement("label", { id: "phone-label", className: labelClasses.join(" ") }, props.label)),
53
+ props.label && (React.createElement("label", { className: labelClasses.join(" "), htmlFor: props.id }, props.label)),
53
54
  React.createElement("div", { className: props.controlClassName, "data-testid": props.dataTestId }, props.mask ? (React.createElement(Controller, __assign({}, controllerProps, { render: props.mask }))) : (React.createElement(Controller, __assign({}, controllerProps, { as: PhoneMask })))),
54
55
  props.subNote && (React.createElement("p", { id: "".concat(props.id || "", "-sub-note"), className: "field-sub-note" }, props.subNote)),
55
56
  React.createElement(ErrorMessage, { id: "".concat(props.id || "", "-error"), error: props.error }, props.errorMessage)));
package/dist/src/forms/PhoneField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../src/forms/PhoneField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAiB1B;IACC,IAAM,YAAY,GAAG,EAAE,CAAA;IACvB,IAAI,KAAK,CAAC,IAAI;QAAE,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IACtD,IAAI,KAAK,CAAC,UAAU;QAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAClD;;;;;OAKG;IACH,IAAM,eAAe,GAAG;QACtB,SAAS,EAAE,OAAO;QAClB,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE;QACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,kBAAkB,EAAE,UAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,EAAE,WAAQ,CAAC,CAAC,CAAC,EAAE,cACxD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,EAAE,cAAW,CAAC,CAAC,CAAC,EAAE,CACvD;QACF,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK;QAC7B,KAAK,EAAE;YACL,QAAQ,EAAE;gBACR,QAAQ,EAAE,UAAC,CAAS;;oBAClB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,CAAA;wBAAE,OAAO,IAAI,CAAA;oBAE9C,IAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CACrC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CACrC,CAAA;oBACD,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ;wBAAE,OAAO,IAAI,CAAA;oBAC/C,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,KAAK,CAAC,0CAAE,MAAM,KAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;gBACrD,CAAC;aACF;SACF;KACF,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,QAAQ,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,KAAK,CAAC,KAAK,IAAI,CACd,+BAAO,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,IACxD,KAAK,CAAC,KAAK,CACN,CACT;QACD,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,iBAAe,KAAK,CAAC,UAAU,IAClE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,UAAU,eAAK,eAAe,IAAE,MAAM,EAAE,KAAK,CAAC,IAAI,IAAI,CACxD,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,eAAK,eAAe,IAAE,EAAE,EAAE,SAAS,IAAI,CACnD,CACG;QACL,KAAK,CAAC,OAAO,IAAI,CAChB,2BAAG,EAAE,EAAE,UAAG,KAAK,CAAC,EAAE,IAAI,EAAE,cAAW,EAAE,SAAS,EAAC,gBAAgB,IAC5D,KAAK,CAAC,OAAO,CACZ,CACL;QACD,oBAAC,YAAY,IAAC,EAAE,EAAE,UAAG,KAAK,CAAC,EAAE,IAAI,EAAE,WAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAC5D,KAAK,CAAC,YAAY,CACN,CACX,CACP,CAAA;AACH,CAAC,CAAA"}
package/dist/src/forms/PhoneMask.js CHANGED
@@ -8,7 +8,7 @@ export var PhoneMask = React.forwardRef(function (props, ref) {
8
8
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
9
9
  onChange: function (e) {
10
10
  e.persist();
11
- onChange(e);
12
- }, ref: ref, "aria-labelledby": "phone-label" })));
11
+ onChange && onChange(e);
12
+ }, ref: ref, "aria-labelledby": "phone-label", "aria-describedby": props["aria-describedby"], "aria-invalid": props["aria-invalid"] })));
13
13
  });
14
14
  //# sourceMappingURL=PhoneMask.js.map
package/dist/src/forms/PhoneMask.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PhoneMask.js","sourceRoot":"","sources":["../../../src/forms/PhoneMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAEzC,8DAA8D;AAC9D,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAU,EAAE,GAAQ;IACrD,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,IAAI,GAA4B,KAAK,KAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAE9D,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACzF,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAC9B,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ;YAClB,8DAA8D;YAC9D,QAAQ,EAAE,UAAC,CAAM;gBACf,CAAC,CAAC,OAAO,EAAE,CAAA;gBACX,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC,EACD,GAAG,EAAE,GAAG,qBACS,aAAa,GAC9B,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
1
+ {"version":3,"file":"PhoneMask.js","sourceRoot":"","sources":["../../../src/forms/PhoneMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAEzC,8DAA8D;AAC9D,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAU,EAAE,GAAQ;IACrD,IAAA,KAAK,GAA4C,KAAK,MAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,IAAI,GAA4B,KAAK,KAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAE9D,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EACzF,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAC9B,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ;YAClB,8DAA8D;YAC9D,QAAQ,EAAE,UAAC,CAAM;gBACf,CAAC,CAAC,OAAO,EAAE,CAAA;gBACX,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC,EACD,GAAG,EAAE,GAAG,qBACS,aAAa,sBACZ,KAAK,CAAC,kBAAkB,CAAC,kBAC7B,KAAK,CAAC,cAAc,CAAC,GACnC,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
package/dist/src/tables/StandardTable.d.ts CHANGED
@@ -13,6 +13,11 @@ export declare const Row: (props: {
13
13
  className?: string;
14
14
  children: React.ReactNode;
15
15
  }) => React.JSX.Element;
16
+ export declare const DraggableRow: (props: {
17
+ rowKey: string;
18
+ index: number;
19
+ children: React.ReactNode;
20
+ }) => React.JSX.Element;
16
21
  export declare const HeaderCell: (props: {
17
22
  children?: React.ReactNode;
18
23
  className?: string;
package/dist/src/tables/StandardTable.js CHANGED
@@ -1,22 +1,30 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
1
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
2
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
3
+ if (ar || !(i in from)) {
4
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
5
+ ar[i] = from[i];
7
6
  }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
7
+ }
8
+ return to.concat(ar || Array.prototype.slice.call(from));
11
9
  };
12
10
  import React, { useState, useEffect } from "react";
13
- import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
14
- import { nanoid } from "nanoid";
11
+ import { DragDropProvider } from "@dnd-kit/react";
12
+ import { isSortable, useSortable } from "@dnd-kit/react/sortable";
15
13
  import { faGripLines } from "@fortawesome/free-solid-svg-icons";
14
+ import { nanoid } from "nanoid";
16
15
  import { getTranslationWithArguments } from "../helpers/getTranslationWithArguments";
17
16
  import { Icon, IconFillColors } from "../icons/Icon";
18
17
  import { t } from "../helpers/translator";
19
18
  export var Row = function (props) { return (React.createElement("tr", { id: props.id, className: props.className }, props.children)); };
19
+ export var DraggableRow = function (props) {
20
+ var _a = useState(null), element = _a[0], setElement = _a[1];
21
+ useSortable({
22
+ id: props.rowKey,
23
+ index: props.index,
24
+ element: element,
25
+ });
26
+ return (React.createElement("tr", { key: props.rowKey, id: props.rowKey, ref: setElement }, props.children));
27
+ };
20
28
  export var HeaderCell = function (props) { return (React.createElement("th", { className: props.className },
21
29
  React.createElement("span", { className: !props.children ? "sr-only" : "" }, !props.children ? "Actions" : props.children))); };
22
30
  export var Cell = function (props) {
@@ -45,7 +53,7 @@ var headerClassName = function (header) {
45
53
  export var StandardTable = function (props) {
46
54
  var _a, _b, _c, _d, _e;
47
55
  var _f = props.headers, headers = _f === void 0 ? {} : _f, cellClassName = props.cellClassName;
48
- var _g = useState(), tableData = _g[0], setTableData = _g[1];
56
+ var _g = useState(props.data), tableData = _g[0], setTableData = _g[1];
49
57
  var headerLabels = (_a = Object.values(headers)) === null || _a === void 0 ? void 0 : _a.map(function (header, index) {
50
58
  var uniqKey = process.env.NODE_ENV === "test" ? "header-".concat(index) : nanoid();
51
59
  return (React.createElement(HeaderCell, { key: uniqKey, className: headerClassName(header) }, header && header !== "" ? getTranslationWithArguments(headerName(header)) : undefined));
@@ -67,7 +75,7 @@ export var StandardTable = function (props) {
67
75
  var rowClass = "";
68
76
  var cols = (_a = Object.keys(headers)) === null || _a === void 0 ? void 0 : _a.map(function (colKey, colIndex) {
69
77
  var _a, _b, _c;
70
- var uniqKey = process.env.NODE_ENV === "test" ? "standardcol-".concat(colIndex) : nanoid();
78
+ var uniqKey = "".concat(rowKey, "-").concat(colIndex);
71
79
  var cell = (_a = row[colKey]) === null || _a === void 0 ? void 0 : _a.content;
72
80
  rowClass = ((_b = row[colKey]) === null || _b === void 0 ? void 0 : _b.rowClass) ? row[colKey].rowClass : "";
73
81
  var cellClass = [headerClassName(headers[colKey]), cellClassName].join(" ");
@@ -78,13 +86,11 @@ export var StandardTable = function (props) {
78
86
  : cell));
79
87
  });
80
88
  if (props.draggable) {
81
- cols.splice(0, 0, React.createElement(Cell, { key: "".concat(dataIndex, "-order-draggable"), headerLabel: (_c = (_b = props.strings) === null || _b === void 0 ? void 0 : _b.sortString) !== null && _c !== void 0 ? _c : t("t.sort"), className: "pl-5 ".concat(cellClassName || "") }, dataIndex + 1));
82
- cols.splice(0, 0, React.createElement(Cell, { key: "".concat(dataIndex, "-sort-draggable"), headerLabel: (_e = (_d = props.strings) === null || _d === void 0 ? void 0 : _d.sortString) !== null && _e !== void 0 ? _e : t("t.sort"), className: "table__draggable-cell pl-7" },
89
+ cols.splice(0, 0, React.createElement(Cell, { key: "".concat(rowKey, "-order-draggable"), headerLabel: (_c = (_b = props.strings) === null || _b === void 0 ? void 0 : _b.sortString) !== null && _c !== void 0 ? _c : t("t.sort"), className: "pl-5 ".concat(cellClassName || "") }, dataIndex + 1));
90
+ cols.splice(0, 0, React.createElement(Cell, { key: "".concat(rowKey, "-sort-draggable"), headerLabel: (_e = (_d = props.strings) === null || _d === void 0 ? void 0 : _d.sortString) !== null && _e !== void 0 ? _e : t("t.sort"), className: "table__draggable-cell pl-7" },
83
91
  React.createElement(Icon, { symbol: faGripLines, size: "medium", fill: IconFillColors.primary, "aria-label": "Drag" })));
84
92
  }
85
- return (React.createElement(React.Fragment, { key: rowKey }, props.draggable ? (React.createElement(Draggable, { draggableId: rowKey, index: dataIndex, key: rowKey }, function (provided, snapshot) { return (React.createElement("tr", __assign({ key: rowKey, id: rowKey }, provided.draggableProps, provided.dragHandleProps, {
86
- // eslint-disable-next-line @typescript-eslint/unbound-method
87
- ref: provided.innerRef, className: snapshot.isDragging ? "table__is-dragging" : "" }), cols)); })) : (React.createElement("tr", { id: rowKey, key: rowKey, className: rowClass ? rowClass : "" }, cols))));
93
+ return (React.createElement(React.Fragment, { key: rowKey }, props.draggable ? (React.createElement(DraggableRow, { rowKey: rowKey, index: dataIndex }, cols)) : (React.createElement("tr", { id: rowKey, key: rowKey, className: rowClass ? rowClass : "" }, cols))));
88
94
  });
89
95
  var tableClasses = ["w-full", "text-xs"];
90
96
  if (props.responsiveCollapse) {
@@ -93,36 +99,27 @@ export var StandardTable = function (props) {
93
99
  if (props.tableClassName) {
94
100
  tableClasses.push(props.tableClassName);
95
101
  }
96
- var reorder = function (list, startIndex, endIndex) {
97
- if (!list)
98
- return;
99
- var result = Array.from(list);
100
- var removed = result.splice(startIndex, 1)[0];
101
- result.splice(endIndex, 0, removed);
102
- return result;
103
- };
104
- var onDragEnd = function (result) {
105
- if (!result.destination) {
106
- return;
107
- }
108
- if (result.destination.index === result.source.index) {
109
- return;
110
- }
111
- var reorderedTableData = reorder(tableData, result.source.index, result.destination.index);
112
- setTableData(reorderedTableData);
113
- if (props.setData && reorderedTableData) {
114
- props.setData(reorderedTableData);
115
- }
116
- };
117
102
  return (React.createElement("div", { style: { overflowX: "auto" }, className: props.className },
118
103
  React.createElement("table", { id: props.id, "aria-label": props.ariaLabel, className: tableClasses.join(" ") },
119
104
  React.createElement("thead", null,
120
105
  React.createElement("tr", null, headerLabels)),
121
- props.draggable ? (React.createElement(DragDropContext, { onDragEnd: onDragEnd },
122
- React.createElement(Droppable, { droppableId: "standard-table" }, function (provided) { return (
123
- // eslint-disable-next-line @typescript-eslint/unbound-method
124
- React.createElement("tbody", __assign({}, provided.droppableProps, { ref: provided.innerRef }),
125
- body,
126
- provided.placeholder)); }))) : (React.createElement("tbody", null, body)))));
106
+ props.draggable ? (React.createElement(DragDropProvider, { onDragEnd: function (event) {
107
+ var source = event.operation.source;
108
+ if (isSortable(source)) {
109
+ var initialIndex = source.initialIndex, index = source.index;
110
+ if (initialIndex !== index) {
111
+ if (tableData) {
112
+ var newItems = __spreadArray([], (tableData || []), true);
113
+ var removed = newItems.splice(initialIndex, 1)[0];
114
+ newItems.splice(index, 0, removed);
115
+ setTableData(newItems);
116
+ if (props.setData) {
117
+ props.setData(newItems);
118
+ }
119
+ }
120
+ }
121
+ }
122
+ } },
123
+ React.createElement("tbody", null, body))) : (React.createElement("tbody", null, body)))));
127
124
  };
128
125
  //# sourceMappingURL=StandardTable.js.map
package/dist/src/tables/StandardTable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StandardTable.js","sourceRoot":"","sources":["../../../src/tables/StandardTable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,qBAAqB,CAAA;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAA;AACpF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAA;AAYzC,MAAM,CAAC,IAAM,GAAG,GAAG,UAAC,KAAqE,IAAK,OAAA,CAC5F,4BAAI,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACzC,KAAK,CAAC,QAAQ,CACZ,CACN,EAJ6F,CAI7F,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAAyD,IAAK,OAAA,CACvF,4BAAI,SAAS,EAAE,KAAK,CAAC,SAAS;IAC5B,8BAAM,SAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAC9C,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CACxC,CACJ,CACN,EANwF,CAMxF,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,KAMpB;;IAAK,OAAA,CACJ,0CACc,KAAK,CAAC,WAAW,YAAY,MAAM,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,eAClF,KAAK,CAAC,iBAAiB,EAClC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,EACnC,OAAO,EAAE,KAAK,CAAC,OAAO,IAErB,KAAK,CAAC,QAAQ,CACZ,CACN,CAAA;CAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,KAAoC;IACjE,OAAO,8BAAM,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAAA;AACnE,CAAC,CAAA;AA0CD,IAAM,UAAU,GAAG,UAAC,MAAoC;IACtD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,OAAO,MAAM,CAAA;KACd;SAAM;QACL,OAAO,MAAM,CAAC,IAAI,CAAA;KACnB;AACH,CAAC,CAAA;AACD,IAAM,eAAe,GAAG,UAAC,MAAoC;IAC3D,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,OAAO,EAAE,CAAA;KACV;SAAM;QACL,OAAO,MAAM,CAAC,SAAS,CAAA;KACxB;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAyB;;IAC7C,IAAA,KAAgC,KAAK,QAAzB,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,aAAa,GAAK,KAAK,cAAV,CAAU;IAEvC,IAAA,KAA4B,QAAQ,EAAqB,EAAxD,SAAS,QAAA,EAAE,YAAY,QAAiC,CAAA;IAE/D,IAAM,YAAY,GAAG,MAAA,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,0CAAE,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;QAC7D,IAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAU,KAAK,CAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAA;QAC9E,OAAO,CACL,oBAAC,UAAU,IAAC,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,MAAM,CAAC,IACzD,MAAM,IAAI,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,2BAA2B,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAC3E,CACd,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC;QACR,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,YAAY,CAAC,MAAM,CACjB,CAAC,EACD,CAAC,EACD,4BAAI,GAAG,EAAE,wBAAwB,IAAG,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,WAAW,mCAAI,CAAC,CAAC,SAAS,CAAC,CAAM,CACrF,CAAA;QACD,YAAY,CAAC,MAAM,CACjB,CAAC,EACD,CAAC,EACD,4BAAI,GAAG,EAAE,uBAAuB,EAAE,SAAS,EAAE,4BAA4B,IACtE,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,mCAAI,CAAC,CAAC,QAAQ,CAAC,CACtC,CACN,CAAA;KACF;IAED,IAAM,IAAI,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,UAAC,GAAG,EAAE,SAAS;;QACzC,IAAM,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC;YACtB,CAAC,CAAC,cAAO,GAAG,CAAC,IAAI,CAAC,CAAC,OAAiB,CAAE;YACtC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM;gBACjC,CAAC,CAAC,sBAAe,SAAS,CAAE;gBAC5B,CAAC,CAAC,MAAM,EAAE,CAAA;QAEZ,IAAI,QAAQ,GAAuB,EAAE,CAAA;QACrC,IAAM,IAAI,GAAG,MAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,0CAAE,GAAG,CAAC,UAAC,MAAM,EAAE,QAAQ;;YACtD,IAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,sBAAe,QAAQ,CAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAA;YACtF,IAAM,IAAI,GAAG,MAAA,GAAG,CAAC,MAAM,CAAC,0CAAE,OAAO,CAAA;YACjC,QAAQ,GAAG,CAAA,MAAA,GAAG,CAAC,MAAM,CAAC,0CAAE,QAAQ,EAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;YAE5D,IAAM,SAAS,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YAE7E,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,OAAO,EACZ,WAAW,EACT,OAAO,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;oBACvC,CAAC,CAAC,2BAA2B,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;oBAC1D,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAErB,SAAS,EAAE,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACpD,iBAAiB,EAAE,MAAA,GAAG,CAAC,MAAM,CAAC,0CAAE,iBAAiB,IAEhD,KAAK,CAAC,aAAa,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,EAAE;gBAC7D,CAAC,CAAC,2BAA2B,CAAC,IAAI,CAAC;gBACnC,CAAC,CAAC,IAAI,CACH,CACR,CAAA;QACH,CAAC,CAAC,CAAA;QACF,IAAI,KAAK,CAAC,SAAS,EAAE;YACnB,IAAI,CAAC,MAAM,CACT,CAAC,EACD,CAAC,EACD,oBAAC,IAAI,IACH,GAAG,EAAE,UAAG,SAAS,qBAAkB,EACnC,WAAW,EAAE,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,mCAAI,CAAC,CAAC,QAAQ,CAAC,EACrD,SAAS,EAAE,eAAQ,aAAa,IAAI,EAAE,CAAE,IAEvC,SAAS,GAAG,CAAC,CACT,CACR,CAAA;YACD,IAAI,CAAC,MAAM,CACT,CAAC,EACD,CAAC,EACD,oBAAC,IAAI,IACH,GAAG,EAAE,UAAG,SAAS,oBAAiB,EAClC,WAAW,EAAE,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,mCAAI,CAAC,CAAC,QAAQ,CAAC,EACrD,SAAS,EAAE,4BAA4B;gBAEvC,oBAAC,IAAI,IACH,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,cAAc,CAAC,OAAO,gBAChB,MAAM,GAClB,CACG,CACR,CAAA;SACF;QACD,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,IACxB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,SAAS,IAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,IAC1D,UAAC,QAAQ,EAAE,QAAQ,IAAK,OAAA,CACvB,qCACE,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,MAAM,IACN,QAAQ,CAAC,cAAc,EACvB,QAAQ,CAAC,eAAe;YAC5B,6DAA6D;YAC7D,GAAG,EAAE,QAAQ,CAAC,QAAQ,EACtB,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,KAEzD,IAAI,CACF,CACN,EAZwB,CAYxB,CACS,CACb,CAAC,CAAC,CAAC,CACF,4BAAI,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAC7D,IAAI,CACF,CACN,CACc,CAClB,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,IAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;IAC1C,IAAI,KAAK,CAAC,kBAAkB,EAAE;QAC5B,YAAY,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;KACzC;IACD,IAAI,KAAK,CAAC,cAAc,EAAE;QACxB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;KACxC;IAED,IAAM,OAAO,GAAG,UAAC,IAAmC,EAAE,UAAkB,EAAE,QAAgB;QACxF,IAAI,CAAC,IAAI;YAAE,OAAM;QAEjB,IAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACxB,IAAA,OAAO,GAAI,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,GAAhC,CAAgC;QAC9C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,CAAA;QACnC,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IAED,IAAM,SAAS,GAAG,UAAC,MAAkB;QACnC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;YACvB,OAAM;SACP;QACD,IAAI,MAAM,CAAC,WAAW,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;YACpD,OAAM;SACP;QACD,IAAM,kBAAkB,GAAG,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QAC5F,YAAY,CAAC,kBAAkB,CAAC,CAAA;QAChC,IAAI,KAAK,CAAC,OAAO,IAAI,kBAAkB,EAAE;YACvC,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAA;SAClC;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;QAC3D,+BAAO,EAAE,EAAE,KAAK,CAAC,EAAE,gBAAc,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;YACjF;gBACE,gCAAK,YAAY,CAAM,CACjB;YACP,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS;gBACnC,oBAAC,SAAS,IAAC,WAAW,EAAC,gBAAgB,IACpC,UAAC,QAAQ,IAAK,OAAA;gBACb,6DAA6D;gBAC7D,0CAAW,QAAQ,CAAC,cAAc,IAAE,GAAG,EAAE,QAAQ,CAAC,QAAQ;oBACvD,IAAI;oBACJ,QAAQ,CAAC,WAAW,CACf,CACT,EANc,CAMd,CACS,CACI,CACnB,CAAC,CAAC,CAAC,CACF,mCAAQ,IAAI,CAAS,CACtB,CACK,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"StandardTable.js","sourceRoot":"","sources":["../../../src/tables/StandardTable.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAA;AACpF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAA;AAYzC,MAAM,CAAC,IAAM,GAAG,GAAG,UAAC,KAAqE,IAAK,OAAA,CAC5F,4BAAI,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACzC,KAAK,CAAC,QAAQ,CACZ,CACN,EAJ6F,CAI7F,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAI5B;IACO,IAAA,KAAwB,QAAQ,CAAiB,IAAI,CAAC,EAArD,OAAO,QAAA,EAAE,UAAU,QAAkC,CAAA;IAE5D,WAAW,CAAC;QACV,EAAE,EAAE,KAAK,CAAC,MAAM;QAChB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,OAAO,SAAA;KACR,CAAC,CAAA;IAEF,OAAO,CACL,4BAAI,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,IACrD,KAAK,CAAC,QAAQ,CACZ,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAAyD,IAAK,OAAA,CACvF,4BAAI,SAAS,EAAE,KAAK,CAAC,SAAS;IAC5B,8BAAM,SAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAC9C,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CACxC,CACJ,CACN,EANwF,CAMxF,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,KAMpB;;IAAK,OAAA,CACJ,0CACc,KAAK,CAAC,WAAW,YAAY,MAAM,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,eAClF,KAAK,CAAC,iBAAiB,EAClC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,EACnC,OAAO,EAAE,KAAK,CAAC,OAAO,IAErB,KAAK,CAAC,QAAQ,CACZ,CACN,CAAA;CAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,KAAoC;IACjE,OAAO,8BAAM,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAAA;AACnE,CAAC,CAAA;AA0CD,IAAM,UAAU,GAAG,UAAC,MAAoC;IACtD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,OAAO,MAAM,CAAA;KACd;SAAM;QACL,OAAO,MAAM,CAAC,IAAI,CAAA;KACnB;AACH,CAAC,CAAA;AACD,IAAM,eAAe,GAAG,UAAC,MAAoC;IAC3D,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,OAAO,EAAE,CAAA;KACV;SAAM;QACL,OAAO,MAAM,CAAC,SAAS,CAAA;KACxB;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAyB;;IAC7C,IAAA,KAAgC,KAAK,QAAzB,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,aAAa,GAAK,KAAK,cAAV,CAAU;IAEvC,IAAA,KAA4B,QAAQ,CAAgC,KAAK,CAAC,IAAI,CAAC,EAA9E,SAAS,QAAA,EAAE,YAAY,QAAuD,CAAA;IAErF,IAAM,YAAY,GAAG,MAAA,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,0CAAE,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;QAC7D,IAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAU,KAAK,CAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAA;QAC9E,OAAO,CACL,oBAAC,UAAU,IAAC,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,MAAM,CAAC,IACzD,MAAM,IAAI,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,2BAA2B,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAC3E,CACd,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC;QACR,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,YAAY,CAAC,MAAM,CACjB,CAAC,EACD,CAAC,EACD,4BAAI,GAAG,EAAE,wBAAwB,IAAG,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,WAAW,mCAAI,CAAC,CAAC,SAAS,CAAC,CAAM,CACrF,CAAA;QACD,YAAY,CAAC,MAAM,CACjB,CAAC,EACD,CAAC,EACD,4BAAI,GAAG,EAAE,uBAAuB,EAAE,SAAS,EAAE,4BAA4B,IACtE,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,mCAAI,CAAC,CAAC,QAAQ,CAAC,CACtC,CACN,CAAA;KACF;IAED,IAAM,IAAI,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,UAAC,GAAG,EAAE,SAAS;;QACzC,IAAM,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC;YACtB,CAAC,CAAC,cAAO,GAAG,CAAC,IAAI,CAAC,CAAC,OAAiB,CAAE;YACtC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM;gBACjC,CAAC,CAAC,sBAAe,SAAS,CAAE;gBAC5B,CAAC,CAAC,MAAM,EAAE,CAAA;QAEZ,IAAI,QAAQ,GAAuB,EAAE,CAAA;QACrC,IAAM,IAAI,GAAG,MAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,0CAAE,GAAG,CAAC,UAAC,MAAM,EAAE,QAAQ;;YACtD,IAAM,OAAO,GAAG,UAAG,MAAM,cAAI,QAAQ,CAAE,CAAA;YACvC,IAAM,IAAI,GAAG,MAAA,GAAG,CAAC,MAAM,CAAC,0CAAE,OAAO,CAAA;YACjC,QAAQ,GAAG,CAAA,MAAA,GAAG,CAAC,MAAM,CAAC,0CAAE,QAAQ,EAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;YAE5D,IAAM,SAAS,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YAE7E,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,OAAO,EACZ,WAAW,EACT,OAAO,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;oBACvC,CAAC,CAAC,2BAA2B,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;oBAC1D,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAErB,SAAS,EAAE,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACpD,iBAAiB,EAAE,MAAA,GAAG,CAAC,MAAM,CAAC,0CAAE,iBAAiB,IAEhD,KAAK,CAAC,aAAa,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,EAAE;gBAC7D,CAAC,CAAC,2BAA2B,CAAC,IAAI,CAAC;gBACnC,CAAC,CAAC,IAAI,CACH,CACR,CAAA;QACH,CAAC,CAAC,CAAA;QACF,IAAI,KAAK,CAAC,SAAS,EAAE;YACnB,IAAI,CAAC,MAAM,CACT,CAAC,EACD,CAAC,EACD,oBAAC,IAAI,IACH,GAAG,EAAE,UAAG,MAAM,qBAAkB,EAChC,WAAW,EAAE,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,mCAAI,CAAC,CAAC,QAAQ,CAAC,EACrD,SAAS,EAAE,eAAQ,aAAa,IAAI,EAAE,CAAE,IAEvC,SAAS,GAAG,CAAC,CACT,CACR,CAAA;YACD,IAAI,CAAC,MAAM,CACT,CAAC,EACD,CAAC,EACD,oBAAC,IAAI,IACH,GAAG,EAAE,UAAG,MAAM,oBAAiB,EAC/B,WAAW,EAAE,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,UAAU,mCAAI,CAAC,CAAC,QAAQ,CAAC,EACrD,SAAS,EAAE,4BAA4B;gBAEvC,oBAAC,IAAI,IACH,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,cAAc,CAAC,OAAO,gBAChB,MAAM,GAClB,CACG,CACR,CAAA;SACF;QACD,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,IACxB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,IAC3C,IAAI,CACQ,CAChB,CAAC,CAAC,CAAC,CACF,4BAAI,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAC7D,IAAI,CACF,CACN,CACc,CAClB,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,IAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;IAC1C,IAAI,KAAK,CAAC,kBAAkB,EAAE;QAC5B,YAAY,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;KACzC;IACD,IAAI,KAAK,CAAC,cAAc,EAAE;QACxB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;KACxC;IAED,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;QAC3D,+BAAO,EAAE,EAAE,KAAK,CAAC,EAAE,gBAAc,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;YACjF;gBACE,gCAAK,YAAY,CAAM,CACjB;YACP,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,oBAAC,gBAAgB,IACf,SAAS,EAAE,UAAC,KAAK;oBACP,IAAA,MAAM,GAAK,KAAK,CAAC,SAAS,OAApB,CAAoB;oBAElC,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE;wBACd,IAAA,YAAY,GAAY,MAAM,aAAlB,EAAE,KAAK,GAAK,MAAM,MAAX,CAAW;wBACtC,IAAI,YAAY,KAAK,KAAK,EAAE;4BAC1B,IAAI,SAAS,EAAE;gCACb,IAAM,QAAQ,qBAAO,CAAC,SAAS,IAAI,EAAE,CAAC,OAAC,CAAA;gCAChC,IAAA,OAAO,GAAI,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,GAApC,CAAoC;gCAClD,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,CAAA;gCAElC,YAAY,CAAC,QAAQ,CAAC,CAAA;gCACtB,IAAI,KAAK,CAAC,OAAO,EAAE;oCACjB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;iCACxB;6BACF;yBACF;qBACF;gBACH,CAAC;gBAED,mCAAQ,IAAI,CAAS,CACJ,CACpB,CAAC,CAAC,CAAC,CACF,mCAAQ,IAAI,CAAS,CACtB,CACK,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}
package/dist/src/tables/StandardTable.stories.d.ts CHANGED
@@ -23,6 +23,9 @@ export declare const preferenceData: {
23
23
  action: {
24
24
  content: React.JSX.Element;
25
25
  };
26
+ id: {
27
+ content: string;
28
+ };
26
29
  }[];
27
30
  export declare const Draggable: {
28
31
  (): React.JSX.Element;
package/dist/src/tables/StandardTable.stories.js CHANGED
@@ -70,16 +70,29 @@ var getDeleteButton = function () {
70
70
  };
71
71
  export var preferenceData = [
72
72
  {
73
- name: { content: "Live or Work in City of Hayward" },
73
+ name: { content: "Bart Simpson" },
74
74
  action: { content: getDeleteButton() },
75
+ id: { content: "BartSimpson" },
75
76
  },
76
77
  {
77
- name: { content: "Displacee Tenant" },
78
+ name: { content: "Homer Simpson" },
78
79
  action: { content: getDeleteButton() },
80
+ id: { content: "HomerSimpson" },
79
81
  },
80
82
  {
81
- name: { content: "Veteran Status" },
83
+ name: { content: "Lisa Simpson" },
82
84
  action: { content: getDeleteButton() },
85
+ id: { content: "LisaSimpson" },
86
+ },
87
+ {
88
+ name: { content: "Marge Simpson" },
89
+ action: { content: getDeleteButton() },
90
+ id: { content: "MargeSimpson" },
91
+ },
92
+ {
93
+ name: { content: "Maggie Simpson" },
94
+ action: { content: getDeleteButton() },
95
+ id: { content: "MaggieSimpson" },
83
96
  },
84
97
  ];
85
98
  export var Draggable = function () { return (React.createElement(StandardTable, { headers: preferenceHeaders, data: preferenceData, draggable: true })); };
package/dist/src/tables/StandardTable.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StandardTable.stories.js","sourceRoot":"","sources":["../../../src/tables/StandardTable.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"StandardTable.stories.js","sourceRoot":"","sources":["../../../src/tables/StandardTable.stories.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bloom-housing/ui-components",
3
- "version": "13.0.5",
3
+ "version": "13.0.7",
4
4
  "author": "Sean Albert <sean.albert@exygy.com>",
5
5
  "description": "Shared user interface components for Bloom affordable housing system",
6
6
  "homepage": "https://github.com/bloom-housing/ui-components",
@@ -71,7 +71,6 @@
71
71
  "@types/node-polyglot": "^2.4.1",
72
72
  "@types/pretty": "2.0.1",
73
73
  "@types/react": "^19.2.0",
74
- "@types/react-beautiful-dnd": "^13.1.1",
75
74
  "@types/react-dom": "^19.2.0",
76
75
  "@types/react-tabs": "^2.3.2",
77
76
  "@types/react-test-renderer": "^18.0.0",
@@ -122,6 +121,7 @@
122
121
  "webpack": "5.76.0"
123
122
  },
124
123
  "dependencies": {
124
+ "@dnd-kit/react": "^0.3.2",
125
125
  "@fortawesome/fontawesome-svg-core": "^6.1.1",
126
126
  "@fortawesome/free-regular-svg-icons": "^6.1.1",
127
127
  "@fortawesome/free-solid-svg-icons": "^6.1.1",
@@ -136,7 +136,6 @@
136
136
  "node-polyglot": "^2.4.0",
137
137
  "react": "19.2.3",
138
138
  "react-accessible-accordion": "5.0.0",
139
- "react-beautiful-dnd": "^13.1.1",
140
139
  "react-dom": "19.2.3",
141
140
  "react-dropzone": "^11.3.2",
142
141
  "react-focus-lock": "^2.9.4",
package/src/forms/Field.tsx CHANGED
@@ -73,7 +73,7 @@ const Field = (props: FieldProps) => {
73
73
  } else {
74
74
  props.setValue(
75
75
  props.name,
76
- numericIncome.toLocaleString("en-US", { minimumFractionDigits: 2 }),
76
+ numericIncome.toLocaleString("en-US", { minimumFractionDigits: 2 })
77
77
  )
78
78
  }
79
79
  }
@@ -184,7 +184,9 @@ const Field = (props: FieldProps) => {
184
184
  <div className={controlClasses.join(" ")}>
185
185
  {props.prepend && <span className="prepend">{props.prepend}</span>}
186
186
  <input
187
- aria-describedby={`${props.describedBy ? props.describedBy : ""} ${`${idOrName}-error ${idOrName}-note ${idOrName}-sub-note`}`}
187
+ aria-describedby={`${
188
+ props.describedBy ? props.describedBy : ""
189
+ } ${`${idOrName}-error ${idOrName}-note ${idOrName}-sub-note`}`}
188
190
  aria-invalid={!!props.error || false}
189
191
  aria-label={props.ariaLabel}
190
192
  className="input"
package/src/forms/PhoneField.tsx CHANGED
@@ -38,14 +38,17 @@ export const PhoneField = (props: {
38
38
  defaultValue: props.defaultValue || "",
39
39
  disabled: props.disabled,
40
40
  control: props.control,
41
- "aria-describedby": `${props.id ? `${props.id}-error` : ""} ${props.subNote ? `${props.id}-sub-note` : ""}`,
41
+ "aria-describedby": `${props.id ? `${props.id}-error` : ""} ${
42
+ props.subNote && props.id ? `${props.id}-sub-note` : ""
43
+ }`,
44
+ "aria-invalid": !!props.error,
42
45
  rules: {
43
46
  validate: {
44
47
  inputTel: (v: string) => {
45
48
  if (!props.required && !v?.length) return true
46
49
 
47
50
  const dropdown = document.querySelector<HTMLInputElement>(
48
- "#" + props.name.replace(".", "\\."),
51
+ "#" + props.name.replace(".", "\\.")
49
52
  )
50
53
  if (!dropdown || dropdown.disabled) return true
51
54
  return v?.match(/\d/g)?.length == 10 ? true : false
@@ -57,7 +60,7 @@ export const PhoneField = (props: {
57
60
  return (
58
61
  <div className={"field " + (props.error ? "error" : "")}>
59
62
  {props.label && (
60
- <label id={"phone-label"} className={labelClasses.join(" ")}>
63
+ <label className={labelClasses.join(" ")} htmlFor={props.id}>
61
64
  {props.label}
62
65
  </label>
63
66
  )}
package/src/forms/PhoneMask.tsx CHANGED
@@ -20,10 +20,12 @@ export const PhoneMask = React.forwardRef((props: any, ref: any) => {
20
20
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
21
21
  onChange={(e: any) => {
22
22
  e.persist()
23
- onChange(e)
23
+ onChange && onChange(e)
24
24
  }}
25
25
  ref={ref}
26
26
  aria-labelledby={"phone-label"}
27
+ aria-describedby={props["aria-describedby"]}
28
+ aria-invalid={props["aria-invalid"]}
27
29
  />
28
30
  </>
29
31
  )
package/src/global/forms.scss CHANGED
@@ -247,6 +247,18 @@
247
247
  }
248
248
  }
249
249
 
250
+ input[type="radio"]:focus + label::before {
251
+ background-color: none;
252
+ box-shadow: 0 0 0 1px white, 0 0 0 3px var(--bloom-color-alert),
253
+ 0 0 4px 5px var(--bloom-color-accent-cool);
254
+ }
255
+
256
+ input[type="checkbox"]:focus + label::before {
257
+ background-color: none;
258
+ box-shadow: 0 0 0 1px white, 0 0 0 3px var(--bloom-color-alert),
259
+ 0 0 4px 5px var(--bloom-color-accent-cool);
260
+ }
261
+
250
262
  input[type="radio"] + label::before {
251
263
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px $tailwind-alert;
252
264
  }
package/src/tables/StandardTable.stories.tsx CHANGED
@@ -74,16 +74,29 @@ const getDeleteButton = () => {
74
74
 
75
75
  export const preferenceData = [
76
76
  {
77
- name: { content: "Live or Work in City of Hayward" },
77
+ name: { content: "Bart Simpson" },
78
78
  action: { content: getDeleteButton() },
79
+ id: { content: "BartSimpson" },
79
80
  },
80
81
  {
81
- name: { content: "Displacee Tenant" },
82
+ name: { content: "Homer Simpson" },
82
83
  action: { content: getDeleteButton() },
84
+ id: { content: "HomerSimpson" },
83
85
  },
84
86
  {
85
- name: { content: "Veteran Status" },
87
+ name: { content: "Lisa Simpson" },
86
88
  action: { content: getDeleteButton() },
89
+ id: { content: "LisaSimpson" },
90
+ },
91
+ {
92
+ name: { content: "Marge Simpson" },
93
+ action: { content: getDeleteButton() },
94
+ id: { content: "MargeSimpson" },
95
+ },
96
+ {
97
+ name: { content: "Maggie Simpson" },
98
+ action: { content: getDeleteButton() },
99
+ id: { content: "MaggieSimpson" },
87
100
  },
88
101
  ]
89
102
 
package/src/tables/StandardTable.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React, { useState, useEffect } from "react"
2
- import { DragDropContext, Droppable, Draggable, DropResult } from "react-beautiful-dnd"
3
- import { nanoid } from "nanoid"
2
+ import { DragDropProvider } from "@dnd-kit/react"
3
+ import { isSortable, useSortable } from "@dnd-kit/react/sortable"
4
4
  import { faGripLines } from "@fortawesome/free-solid-svg-icons"
5
+ import { nanoid } from "nanoid"
5
6
  import { getTranslationWithArguments } from "../helpers/getTranslationWithArguments"
6
7
  import { Icon, IconFillColors } from "../icons/Icon"
7
8
  import { t } from "../helpers/translator"
@@ -22,6 +23,26 @@ export const Row = (props: { id?: string; className?: string; children: React.Re
22
23
  </tr>
23
24
  )
24
25
 
26
+ export const DraggableRow = (props: {
27
+ rowKey: string
28
+ index: number
29
+ children: React.ReactNode
30
+ }) => {
31
+ const [element, setElement] = useState<Element | null>(null)
32
+
33
+ useSortable({
34
+ id: props.rowKey,
35
+ index: props.index,
36
+ element,
37
+ })
38
+
39
+ return (
40
+ <tr key={props.rowKey} id={props.rowKey} ref={setElement}>
41
+ {props.children}
42
+ </tr>
43
+ )
44
+ }
45
+
25
46
  export const HeaderCell = (props: { children?: React.ReactNode; className?: string }) => (
26
47
  <th className={props.className}>
27
48
  <span className={!props.children ? "sr-only" : ""}>
@@ -109,7 +130,7 @@ const headerClassName = (header: string | TableHeadersOptions) => {
109
130
  export const StandardTable = (props: StandardTableProps) => {
110
131
  const { headers = {}, cellClassName } = props
111
132
 
112
- const [tableData, setTableData] = useState<StandardTableData>()
133
+ const [tableData, setTableData] = useState<StandardTableData | undefined>(props.data)
113
134
 
114
135
  const headerLabels = Object.values(headers)?.map((header, index) => {
115
136
  const uniqKey = process.env.NODE_ENV === "test" ? `header-${index}` : nanoid()
@@ -148,7 +169,7 @@ export const StandardTable = (props: StandardTableProps) => {
148
169
 
149
170
  let rowClass: string | undefined = ""
150
171
  const cols = Object.keys(headers)?.map((colKey, colIndex) => {
151
- const uniqKey = process.env.NODE_ENV === "test" ? `standardcol-${colIndex}` : nanoid()
172
+ const uniqKey = `${rowKey}-${colIndex}`
152
173
  const cell = row[colKey]?.content
153
174
  rowClass = row[colKey]?.rowClass ? row[colKey].rowClass : ""
154
175
 
@@ -176,7 +197,7 @@ export const StandardTable = (props: StandardTableProps) => {
176
197
  0,
177
198
  0,
178
199
  <Cell
179
- key={`${dataIndex}-order-draggable`}
200
+ key={`${rowKey}-order-draggable`}
180
201
  headerLabel={props.strings?.sortString ?? t("t.sort")}
181
202
  className={`pl-5 ${cellClassName || ""}`}
182
203
  >
@@ -187,7 +208,7 @@ export const StandardTable = (props: StandardTableProps) => {
187
208
  0,
188
209
  0,
189
210
  <Cell
190
- key={`${dataIndex}-sort-draggable`}
211
+ key={`${rowKey}-sort-draggable`}
191
212
  headerLabel={props.strings?.sortString ?? t("t.sort")}
192
213
  className={`table__draggable-cell pl-7`}
193
214
  >
@@ -203,21 +224,9 @@ export const StandardTable = (props: StandardTableProps) => {
203
224
  return (
204
225
  <React.Fragment key={rowKey}>
205
226
  {props.draggable ? (
206
- <Draggable draggableId={rowKey} index={dataIndex} key={rowKey}>
207
- {(provided, snapshot) => (
208
- <tr
209
- key={rowKey}
210
- id={rowKey}
211
- {...provided.draggableProps}
212
- {...provided.dragHandleProps}
213
- // eslint-disable-next-line @typescript-eslint/unbound-method
214
- ref={provided.innerRef}
215
- className={snapshot.isDragging ? "table__is-dragging" : ""}
216
- >
217
- {cols}
218
- </tr>
219
- )}
220
- </Draggable>
227
+ <DraggableRow rowKey={rowKey} index={dataIndex}>
228
+ {cols}
229
+ </DraggableRow>
221
230
  ) : (
222
231
  <tr id={rowKey} key={rowKey} className={rowClass ? rowClass : ""}>
223
232
  {cols}
@@ -235,29 +244,6 @@ export const StandardTable = (props: StandardTableProps) => {
235
244
  tableClasses.push(props.tableClassName)
236
245
  }
237
246
 
238
- const reorder = (list: StandardTableData | undefined, startIndex: number, endIndex: number) => {
239
- if (!list) return
240
-
241
- const result = Array.from(list)
242
- const [removed] = result.splice(startIndex, 1)
243
- result.splice(endIndex, 0, removed)
244
- return result
245
- }
246
-
247
- const onDragEnd = (result: DropResult) => {
248
- if (!result.destination) {
249
- return
250
- }
251
- if (result.destination.index === result.source.index) {
252
- return
253
- }
254
- const reorderedTableData = reorder(tableData, result.source.index, result.destination.index)
255
- setTableData(reorderedTableData)
256
- if (props.setData && reorderedTableData) {
257
- props.setData(reorderedTableData)
258
- }
259
- }
260
-
261
247
  return (
262
248
  <div style={{ overflowX: "auto" }} className={props.className}>
263
249
  <table id={props.id} aria-label={props.ariaLabel} className={tableClasses.join(" ")}>
@@ -265,17 +251,29 @@ export const StandardTable = (props: StandardTableProps) => {
265
251
  <tr>{headerLabels}</tr>
266
252
  </thead>
267
253
  {props.draggable ? (
268
- <DragDropContext onDragEnd={onDragEnd}>
269
- <Droppable droppableId="standard-table">
270
- {(provided) => (
271
- // eslint-disable-next-line @typescript-eslint/unbound-method
272
- <tbody {...provided.droppableProps} ref={provided.innerRef}>
273
- {body}
274
- {provided.placeholder}
275
- </tbody>
276
- )}
277
- </Droppable>
278
- </DragDropContext>
254
+ <DragDropProvider
255
+ onDragEnd={(event) => {
256
+ const { source } = event.operation
257
+
258
+ if (isSortable(source)) {
259
+ const { initialIndex, index } = source
260
+ if (initialIndex !== index) {
261
+ if (tableData) {
262
+ const newItems = [...(tableData || [])]
263
+ const [removed] = newItems.splice(initialIndex, 1)
264
+ newItems.splice(index, 0, removed)
265
+
266
+ setTableData(newItems)
267
+ if (props.setData) {
268
+ props.setData(newItems)
269
+ }
270
+ }
271
+ }
272
+ }
273
+ }}
274
+ >
275
+ <tbody>{body}</tbody>
276
+ </DragDropProvider>
279
277
  ) : (
280
278
  <tbody>{body}</tbody>
281
279
  )}