@elliemae/ds-data-table 2.3.1 → 3.0.0-alpha.3

package/dist/cjs/exported-related/Filters/singleDateFilterFn.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var singleDateFilterFn_exports = {};
+__export(singleDateFilterFn_exports, {
+  singleDateFilterFn: () => singleDateFilterFn
+});
+var React = __toESM(require("react"));
+var import_moment = __toESM(require("moment"));
+var import_constants = require("../../configs/constants");
+const singleDateFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter((datum) => (0, import_moment.default)(filterValue, import_constants.momentFormat).isSame(datum[filterKey], "day"));
+module.exports = __toCommonJS(singleDateFilterFn_exports);
+//# sourceMappingURL=singleDateFilterFn.js.map

package/dist/cjs/exported-related/Filters/singleDateFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/Filters/singleDateFilterFn.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import moment from 'moment';\nimport { momentFormat } from '../../configs/constants';\n// configs imports this file, we can't import from /configs/index.js directly\n// use file instead of index to avoid circular imports!\nimport { FilterFn } from './types';\n\nexport const singleDateFilterFn: FilterFn<string> = (unfilteredData, filterKey, filterValue) =>\n  unfilteredData.filter((datum) => moment(filterValue, momentFormat).isSame(datum[filterKey], 'day'));\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAmB;AACnB,uBAA6B;AAKtB,MAAM,qBAAuC,CAAC,gBAAgB,WAAW,gBAC9E,eAAe,OAAO,CAAC,UAAU,2BAAO,aAAa,+BAAc,OAAO,MAAM,YAAY;",
+  "names": []
+}

package/dist/cjs/exported-related/Filters/singleSelectFilterFn.js

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var singleSelectFilterFn_exports = {};
+__export(singleSelectFilterFn_exports, {
+  singleSelectFilterFn: () => singleSelectFilterFn
+});
+var React = __toESM(require("react"));
+const singleSelectFilterFn = (unfilteredData, filterKey, filterValue) => {
+  if (filterValue) {
+    return unfilteredData.filter((datum) => datum[filterKey].toString() === filterValue.label);
+  }
+  return unfilteredData;
+};
+module.exports = __toCommonJS(singleSelectFilterFn_exports);
+//# sourceMappingURL=singleSelectFilterFn.js.map

package/dist/cjs/exported-related/Filters/singleSelectFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/Filters/singleSelectFilterFn.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { FilterFn } from './types';\n\nexport const singleSelectFilterFn: FilterFn<{ label: string }> = (unfilteredData, filterKey, filterValue) => {\n  if (filterValue) {\n    return unfilteredData.filter((datum) => datum[filterKey].toString() === filterValue.label);\n  }\n  return unfilteredData;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,uBAAoD,CAAC,gBAAgB,WAAW,gBAAgB;AAC3G,MAAI,aAAa;AACf,WAAO,eAAe,OAAO,CAAC,UAAU,MAAM,WAAW,eAAe,YAAY;AAAA;AAEtF,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/exported-related/Filters/types.js

@@ -0,0 +1,27 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var types_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/exported-related/Filters/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/Filters/types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { TypescriptRow } from '../../types/props';\n\nexport type FilterFn<T = unknown> = (\n  unfilteredData: TypescriptRow[],\n  filterKey: string,\n  filterValue: T,\n) => TypescriptRow[];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js

@@ -0,0 +1,160 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DefaultRowContentRenderer_exports = {};
+__export(DefaultRowContentRenderer_exports, {
+  DefaultRowContentRenderer: () => DefaultRowContentRenderer
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_Columns = require("../../addons/Columns");
+var import_constants = require("../../configs/constants");
+var import_Cells = require("../../parts/Cells");
+var import_SortableItemContext = require("../../parts/HoC/SortableItemContext");
+var import_styled = require("../../styled");
+const DetailsWrapper = (props) => /* @__PURE__ */ import_react.default.createElement("div", {
+  "data-role": "detail-view",
+  style: {
+    borderTop: "1px solid #EBEDF0",
+    borderBottom: "1px solid #EBEDF0"
+  },
+  onClick: (e) => e.stopPropagation(),
+  onKeyDown: (e) => e.stopPropagation()
+}, props.children);
+const ariaLabelMessage = (row, selected) => `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ""}. ${selected ? "Selected. " : ""}To interact with the cells press enter`;
+const DefaultRowContentRenderer = (props) => {
+  const {
+    row,
+    ctx: {
+      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },
+      layoutHelpers: { gridLayout },
+      visibleColumns
+    },
+    draggableProps,
+    isDragOverlay,
+    backgroundColor = "white",
+    dropIndicatorPosition,
+    focusedRowId,
+    selectedRowId,
+    compact
+  } = props;
+  const rowRef = (0, import_react.useRef)(null);
+  const isDndActive = draggableProps && draggableProps.active;
+  const isDragging = draggableProps && draggableProps.isDragging;
+  (0, import_react.useLayoutEffect)(() => {
+    if (row.uid === focusedRowId) {
+      rowRef.current.focus({ preventScroll: true });
+    }
+  }, [focusedRowId, row.uid]);
+  const gridTemplateColProps = (0, import_react.useMemo)(() => ({
+    cols: isDragOverlay ? ["24px", "auto"] : gridLayout,
+    isExpandable,
+    colLayoutStyle: colsLayoutStyle
+  }), [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable]);
+  const detailsIndent = (0, import_react.useMemo)(() => {
+    let padding = 0;
+    for (let i = 0; i < visibleColumns.length; i += 1) {
+      if (import_Columns.INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {
+        padding += visibleColumns[i].width;
+      } else {
+        padding += row.depth * 32 + 15;
+        break;
+      }
+    }
+    return padding;
+  }, [row.depth, visibleColumns]);
+  const PureRowContent = (0, import_react.useMemo)(() => {
+    const DetailsView = row.original.tableRowDetails;
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledCellContainer, __spreadProps(__spreadValues({
+      ref: rowRef,
+      key: row.uid,
+      tabIndex: 0,
+      role: "row",
+      "aria-rowindex": row.realIndex + 1,
+      "aria-label": ariaLabelMessage(row, selection?.[row.uid] === true),
+      "aria-level": row.depth + 1,
+      "aria-selected": selection?.[row.uid] === true,
+      "aria-expanded": isExpandable ? expandedRows[row.uid] === true : void 0,
+      "aria-disabled": disabledRows[row.uid]
+    }, gridTemplateColProps), {
+      backgroundColor,
+      height: compact ? "24px" : "auto",
+      minHeight: compact ? "24px" : "36px",
+      isDropIndicatorPositionInside: dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.Inside,
+      shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
+      isDragOverlay,
+      isDragging,
+      selected: noSelectionColumn && selection?.[row.uid] === true,
+      disabled: disabledRows[row.uid],
+      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT
+    }), /* @__PURE__ */ import_react.default.createElement(import_Cells.Cells, {
+      row,
+      isRowSelected: selectedRowId === row.uid,
+      isDragOverlay,
+      key: row.uid
+    })), isExpandable && row.isExpanded && DetailsView && /* @__PURE__ */ import_react.default.createElement(DetailsWrapper, null, /* @__PURE__ */ import_react.default.createElement(DetailsView, {
+      row,
+      detailsIndent
+    })));
+  }, [
+    row,
+    selection,
+    isExpandable,
+    expandedRows,
+    disabledRows,
+    gridTemplateColProps,
+    backgroundColor,
+    compact,
+    dropIndicatorPosition,
+    isDndActive,
+    isDragging,
+    isDragOverlay,
+    noSelectionColumn,
+    selectedRowId,
+    detailsIndent
+  ]);
+  return PureRowContent;
+};
+module.exports = __toCommonJS(DefaultRowContentRenderer_exports);
+//# sourceMappingURL=DefaultRowContentRenderer.js.map

package/dist/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/RowRenderer/DefaultRowContentRenderer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useMemo, useLayoutEffect, useRef } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { Cells } from '../../parts/Cells';\nimport { DropIndicatorPosition } from '../../parts/HoC/SortableItemContext';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledCellContainer } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\n\nconst DetailsWrapper = (props) => (\n  // This can be further customized\n  // eslint-disable-next-line react/prop-types\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    data-role=\"detail-view\"\n    style={{\n      borderTop: '1px solid #EBEDF0',\n      borderBottom: '1px solid #EBEDF0',\n    }}\n    onClick={(e) => e.stopPropagation()}\n    onKeyDown={(e) => e.stopPropagation()}\n  >\n    {props.children}\n  </div>\n);\n\nconst ariaLabelMessage = (row: TypescriptRow, selected: boolean) =>\n  `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${\n    selected ? 'Selected. ' : ''\n  }To interact with the cells press enter`;\n\nexport const DefaultRowContentRenderer: React.ComponentType<RowVariantProps> = (props) => {\n  const {\n    row,\n    ctx: {\n      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },\n      layoutHelpers: { gridLayout },\n      visibleColumns,\n    },\n    draggableProps,\n    isDragOverlay,\n    backgroundColor = 'white',\n    dropIndicatorPosition,\n    focusedRowId,\n    selectedRowId,\n    compact,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n  const isDndActive = draggableProps && draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current.focus({ preventScroll: true });\n    }\n  }, [focusedRowId, row.uid]);\n\n  const gridTemplateColProps = useMemo(\n    () => ({\n      cols: isDragOverlay ? ['24px', 'auto'] : gridLayout,\n      isExpandable,\n      colLayoutStyle: colsLayoutStyle,\n    }),\n    [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable],\n  );\n\n  const detailsIndent = useMemo(() => {\n    let padding = 0;\n    for (let i = 0; i < visibleColumns.length; i += 1) {\n      if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {\n        padding += visibleColumns[i].width;\n      } else {\n        padding += row.depth * 32 + 15;\n        break;\n      }\n    }\n    return padding;\n  }, [row.depth, visibleColumns]);\n\n  const PureRowContent = useMemo(() => {\n    const DetailsView = row.original.tableRowDetails;\n    return (\n      <>\n        <StyledCellContainer\n          ref={rowRef}\n          key={row.uid}\n          tabIndex={0}\n          role=\"row\"\n          aria-rowindex={row.realIndex + 1}\n          aria-label={ariaLabelMessage(row, selection?.[row.uid] === true)}\n          aria-level={row.depth + 1}\n          aria-selected={selection?.[row.uid] === true}\n          aria-expanded={isExpandable ? expandedRows[row.uid] === true : undefined}\n          aria-disabled={disabledRows[row.uid]}\n          {...gridTemplateColProps}\n          backgroundColor={backgroundColor}\n          height={compact ? '24px' : 'auto'}\n          minHeight={compact ? '24px' : '36px'}\n          isDropIndicatorPositionInside={dropIndicatorPosition === DropIndicatorPosition.Inside}\n          shouldDisplayHover={!isDndActive && !isDragging && !isDragOverlay}\n          isDragOverlay={isDragOverlay}\n          isDragging={isDragging}\n          selected={noSelectionColumn && selection?.[row.uid] === true}\n          disabled={disabledRows[row.uid]}\n          data-testid={DATA_TESTID.DATA_TABLE_ROW_CONTENT}\n        >\n          <Cells row={row} isRowSelected={selectedRowId === row.uid} isDragOverlay={isDragOverlay} key={row.uid} />\n        </StyledCellContainer>\n        {isExpandable && row.isExpanded && DetailsView && (\n          <DetailsWrapper>\n            <DetailsView row={row} detailsIndent={detailsIndent} />\n          </DetailsWrapper>\n        )}\n      </>\n    );\n  }, [\n    row,\n    selection,\n    isExpandable,\n    expandedRows,\n    disabledRows,\n    gridTemplateColProps,\n    backgroundColor,\n    compact,\n    dropIndicatorPosition,\n    isDndActive,\n    isDragging,\n    isDragOverlay,\n    noSelectionColumn,\n    selectedRowId,\n    detailsIndent,\n  ]);\n\n  return PureRowContent;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/exported-related/RowRenderer/index.js

@@ -0,0 +1,140 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var RowRenderer_exports = {};
+__export(RowRenderer_exports, {
+  RowRenderer: () => RowRenderer,
+  default: () => RowRenderer_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_DataTableContext = require("../../DataTableContext");
+var import_styled = require("../../styled");
+var import_DefaultRowContentRenderer = require("./DefaultRowContentRenderer");
+var import_useRowRendererHandlers = require("./useRowRendererHandlers");
+var import_useRowRendererProperties = require("./useRowRendererProperties");
+var import_DropIndicator = require("../../parts/DropIndicator");
+var import_SortableItemContext = require("../../parts/HoC/SortableItemContext");
+var import_constants = require("../../configs/constants");
+const magicDottedBorder = /* @__PURE__ */ import_react.default.createElement("svg", {
+  width: "100%",
+  height: "1px"
+}, /* @__PURE__ */ import_react.default.createElement("line", {
+  x1: "0",
+  y1: "0",
+  x2: "100%",
+  y2: "0",
+  stroke: "#B0B9C8FF",
+  strokeWidth: "1.5",
+  strokeDasharray: "0, 5",
+  strokeDashoffset: "0",
+  strokeLinecap: "round"
+}));
+const RowRenderer = (props) => {
+  const {
+    row,
+    itemIndex,
+    minHeight = "36px",
+    height = "auto",
+    rowsLayout = [1],
+    CustomRowContentRenderer,
+    focusedRowId,
+    selectedRowId,
+    isDragOverlay
+  } = props;
+  const ctx = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
+  const { flattenedData } = ctx;
+  const {
+    userDataProperties,
+    colsLayoutStyle,
+    totalColumnsWidth,
+    rowStyle,
+    shouldAppendDottedBorder,
+    dropIndicatorPosition
+  } = (0, import_useRowRendererProperties.useRowRendererProperties)({
+    row
+  });
+  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = (0, import_useRowRendererHandlers.useRowRendererHandlers)({
+    row,
+    itemIndex,
+    items: flattenedData,
+    draggableProps,
+    isDragOverlay,
+    selectedRowId
+  });
+  const rowContentProps = __spreadProps(__spreadValues({}, props), {
+    ctx,
+    focusedRowId,
+    selectedRowId,
+    draggableProps,
+    dropIndicatorPosition
+  });
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFullsizeGrid, __spreadProps(__spreadValues({
+    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ROW,
+    key: row.uid,
+    colsLayoutStyle
+  }, userDataProperties), {
+    totalColumnsWidth,
+    style: rowStyle,
+    onClick: handleItemClick,
+    onKeyDown: handleKeyDown,
+    onBlur: handleOnBlur,
+    onFocus: handleOnFocus,
+    "data-expandable": Boolean(row.original.tableRowDetails),
+    "data-is-row-expanded": row.isExpanded,
+    rows: rowsLayout,
+    minHeight,
+    height
+  }), CustomRowContentRenderer ? /* @__PURE__ */ import_react.default.createElement(CustomRowContentRenderer, __spreadValues({}, rowContentProps)) : /* @__PURE__ */ import_react.default.createElement(import_DefaultRowContentRenderer.DefaultRowContentRenderer, __spreadProps(__spreadValues({}, rowContentProps), {
+    key: row.uid
+  })), shouldAppendDottedBorder && magicDottedBorder, /* @__PURE__ */ import_react.default.createElement(import_DropIndicator.DropIndicator, {
+    vertical: false,
+    dropIndicatorPosition,
+    isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
+  }));
+};
+var RowRenderer_default = RowRenderer;
+module.exports = __toCommonJS(RowRenderer_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/RowRenderer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/RowRenderer/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledFullsizeGrid } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\nimport { DefaultRowContentRenderer } from './DefaultRowContentRenderer';\nimport { useRowRendererHandlers } from './useRowRendererHandlers';\nimport { useRowRendererProperties } from './useRowRendererProperties';\nimport { DropIndicator } from '../../parts/DropIndicator';\nimport { SortableItemContext } from '../../parts/HoC/SortableItemContext';\nimport { DATA_TESTID } from '../../configs/constants';\n\ninterface RowRendererProps {\n  row: TypescriptRow;\n  compact: boolean;\n  itemIndex: number;\n  isDragOverlay: boolean;\n  minHeight: string;\n  height: string;\n  rowsLayout?: (string | number)[];\n  colsLayout?: (string | number)[];\n  CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;\n  focusedRowId: string;\n  selectedRowId: string;\n  backgroundColor?: string;\n}\n\n// CSS don't let us modify the spacing between the dots, so one solution is to use SVG\nconst magicDottedBorder = (\n  <svg width=\"100%\" height=\"1px\">\n    <line\n      x1=\"0\"\n      y1=\"0\"\n      x2=\"100%\"\n      y2=\"0\"\n      stroke=\"#B0B9C8FF\"\n      strokeWidth=\"1.5\"\n      strokeDasharray=\"0, 5\"\n      strokeDashoffset=\"0\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nconst RowRenderer: React.ComponentType<RowRendererProps> = (props) => {\n  const {\n    row,\n    itemIndex,\n    minHeight = '36px',\n    height = 'auto',\n    rowsLayout = [1],\n    CustomRowContentRenderer,\n    focusedRowId,\n    selectedRowId,\n    isDragOverlay,\n  } = props;\n\n  const ctx = useContext(DataTableContext);\n  const { draggableProps } = useContext(SortableItemContext);\n  const { flattenedData } = ctx;\n\n  // ===========================================================================\n  // Properties for the row\n  // ===========================================================================\n\n  const {\n    userDataProperties,\n    colsLayoutStyle,\n    totalColumnsWidth,\n    rowStyle,\n    shouldAppendDottedBorder,\n    dropIndicatorPosition,\n  } = useRowRendererProperties({\n    row,\n  });\n\n  // ===========================================================================\n  // Handlers\n  // ===========================================================================\n\n  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = useRowRendererHandlers({\n    row,\n    itemIndex,\n    items: flattenedData,\n    draggableProps,\n    isDragOverlay,\n    selectedRowId,\n  });\n\n  const rowContentProps: RowVariantProps = {\n    ...props,\n    ctx,\n    focusedRowId,\n    selectedRowId,\n    draggableProps,\n    dropIndicatorPosition,\n  };\n\n  return (\n    <StyledFullsizeGrid\n      data-testid={DATA_TESTID.DATA_TABLE_ROW}\n      key={row.uid}\n      colsLayoutStyle={colsLayoutStyle}\n      {...userDataProperties}\n      totalColumnsWidth={totalColumnsWidth}\n      style={rowStyle}\n      onClick={handleItemClick}\n      onKeyDown={handleKeyDown}\n      onBlur={handleOnBlur}\n      onFocus={handleOnFocus}\n      data-expandable={Boolean(row.original.tableRowDetails)}\n      data-is-row-expanded={row.isExpanded}\n      rows={rowsLayout}\n      minHeight={minHeight}\n      height={height}\n    >\n      {CustomRowContentRenderer ? (\n        <CustomRowContentRenderer {...rowContentProps} />\n      ) : (\n        <DefaultRowContentRenderer {...rowContentProps} key={row.uid} />\n      )}\n      {shouldAppendDottedBorder && magicDottedBorder}\n      <DropIndicator\n        vertical={false}\n        dropIndicatorPosition={dropIndicatorPosition}\n        isLast={row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging}\n      />\n    </StyledFullsizeGrid>\n  );\n};\n\nexport { RowRenderer };\nexport default RowRenderer;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkC;AAClC,8BAAiC;AAEjC,oBAAmC;AAEnC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AACzC,2BAA8B;AAC9B,iCAAoC;AACpC,uBAA4B;AAkB5B,MAAM,oBACJ,mDAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAAO,QAAO;AAAA,GACvB,mDAAC,QAAD;AAAA,EACE,IAAG;AAAA,EACH,IAAG;AAAA,EACH,IAAG;AAAA,EACH,IAAG;AAAA,EACH,QAAO;AAAA,EACP,aAAY;AAAA,EACZ,iBAAgB;AAAA,EAChB,kBAAiB;AAAA,EACjB,eAAc;AAAA;AAKpB,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,MAAM,6BAAW;AACvB,QAAM,EAAE,mBAAmB,6BAAW;AACtC,QAAM,EAAE,kBAAkB;AAM1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,8DAAyB;AAAA,IAC3B;AAAA;AAOF,QAAM,EAAE,iBAAiB,eAAe,cAAc,kBAAkB,0DAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,kBAAmC,iCACpC,QADoC;AAAA,IAEvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SACE,mDAAC,kCAAD;AAAA,IACE,eAAa,6BAAY;AAAA,IACzB,KAAK,IAAI;AAAA,IACT;AAAA,KACI,qBAJN;AAAA,IAKE;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,mBAAiB,QAAQ,IAAI,SAAS;AAAA,IACtC,wBAAsB,IAAI;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,MAEC,2BACC,mDAAC,0BAAD,mBAA8B,oBAE9B,mDAAC,4DAAD,iCAA+B,kBAA/B;AAAA,IAAgD,KAAK,IAAI;AAAA,OAE1D,4BAA4B,mBAC7B,mDAAC,oCAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA;AAAA;AAO3F,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/cjs/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -0,0 +1,105 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useRowRendererHandlers_exports = {};
+__export(useRowRendererHandlers_exports, {
+  useRowRendererHandlers: () => useRowRendererHandlers
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_constants = require("../../configs/constants");
+var import_DataTableContext = require("../../DataTableContext");
+var import_reducers = require("../../redux/reducers");
+const useRowRendererHandlers = ({
+  row,
+  itemIndex,
+  items,
+  draggableProps,
+  isDragOverlay,
+  selectedRowId
+}) => {
+  const {
+    tableProps: { onRowClick, onRowFocus },
+    virtualListHelpers: { scrollToIndex }
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const { setSelectedRowId, setFocusedRowId } = (0, import_reducers.useDispatchRowsActions)();
+  const handleItemClick = (0, import_react.useCallback)((e, { original, uid } = row) => {
+    onRowClick(original, e, uid);
+    onRowFocus({
+      itemIndex,
+      scrollToItem: (opts = {
+        align: "start"
+      }) => scrollToIndex(itemIndex, opts),
+      original
+    }, e);
+  }, [row, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
+  const isActive = draggableProps && draggableProps.active;
+  const handleKeyDown = (0, import_react.useCallback)((e) => {
+    if (isDragOverlay || isActive) {
+      e.preventDefault();
+      return;
+    }
+    if (e.code === "Enter") {
+      e.preventDefault();
+      if (selectedRowId !== row.uid) {
+        setSelectedRowId(row.uid);
+        setTimeout(() => {
+          const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);
+          if (focuseableCell)
+            focuseableCell.ref.current.focus();
+        });
+      }
+    }
+    if (e.code === "Space") {
+      e.preventDefault();
+      handleItemClick(e, row);
+    }
+    if (e.code === "ArrowDown") {
+      e.preventDefault();
+      if (itemIndex + 1 < items.length)
+        setFocusedRowId(items[itemIndex + 1].uid);
+    }
+    if (e.code === "ArrowUp") {
+      e.preventDefault();
+      if (itemIndex - 1 >= 0)
+        setFocusedRowId(items[itemIndex - 1].uid);
+    }
+  }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
+  const handleOnBlur = (0, import_react.useCallback)((e) => {
+    if (e.relatedTarget?.getAttribute("data-testid") === "data-table-row-content") {
+      setSelectedRowId(null);
+    }
+  }, [setSelectedRowId]);
+  const handleOnFocus = (0, import_react.useCallback)((e) => {
+    if (e.target && e.target.getAttribute("data-testid") === import_constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
+      setFocusedRowId(row.uid);
+    }
+  }, [row.uid, setFocusedRowId]);
+  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };
+};
+module.exports = __toCommonJS(useRowRendererHandlers_exports);
+//# sourceMappingURL=useRowRendererHandlers.js.map

package/dist/cjs/exported-related/RowRenderer/useRowRendererHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/exported-related/RowRenderer/useRowRendererHandlers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback, useContext } from 'react';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { SortableItemContextType } from '../../parts/HoC/SortableItemContext';\nimport { useDispatchRowsActions } from '../../redux/reducers';\nimport { TypescriptRow } from '../../types/props';\n\nexport const useRowRendererHandlers = ({\n  row,\n  itemIndex,\n  items,\n  draggableProps,\n  isDragOverlay,\n  selectedRowId,\n}: {\n  row: TypescriptRow;\n  itemIndex: number;\n  items: TypescriptRow[];\n  draggableProps: SortableItemContextType['draggableProps'];\n  isDragOverlay: boolean;\n  selectedRowId: string;\n}): {\n  handleItemClick: React.MouseEventHandler;\n  handleKeyDown: React.KeyboardEventHandler;\n  handleOnBlur: React.FocusEventHandler;\n  handleOnFocus: React.FocusEventHandler;\n} => {\n  const {\n    tableProps: { onRowClick, onRowFocus },\n    virtualListHelpers: { scrollToIndex },\n  } = useContext(DataTableContext);\n\n  const { setSelectedRowId, setFocusedRowId } = useDispatchRowsActions();\n\n  const handleItemClick = useCallback(\n    (e, { original, uid } = row) => {\n      // setSelectedRowId(null);\n      onRowClick(original, e, uid);\n      onRowFocus(\n        {\n          itemIndex,\n          scrollToItem: (\n            opts: { align: 'auto' | 'start' | 'center' | 'end' } = {\n              align: 'start',\n            },\n          ) => scrollToIndex(itemIndex, opts),\n          original,\n        },\n        e,\n      );\n    },\n    [row, onRowClick, onRowFocus, itemIndex, scrollToIndex],\n  );\n\n  const isActive = draggableProps && draggableProps.active;\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDragOverlay || isActive) {\n        e.preventDefault();\n        return;\n      }\n      if (e.code === 'Enter') {\n        e.preventDefault();\n        if (selectedRowId !== row.uid) {\n          setSelectedRowId(row.uid);\n          setTimeout(() => {\n            const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);\n            if (focuseableCell) focuseableCell.ref.current.focus();\n          });\n        }\n      }\n      if (e.code === 'Space') {\n        e.preventDefault();\n        handleItemClick(e, row);\n      }\n      if (e.code === 'ArrowDown') {\n        e.preventDefault();\n        if (itemIndex + 1 < items.length) setFocusedRowId(items[itemIndex + 1].uid);\n      }\n      if (e.code === 'ArrowUp') {\n        e.preventDefault();\n        if (itemIndex - 1 >= 0) setFocusedRowId(items[itemIndex - 1].uid);\n      }\n    },\n    [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId],\n  );\n\n  const handleOnBlur = useCallback(\n    (e) => {\n      if (e.relatedTarget?.getAttribute('data-testid') === 'data-table-row-content') {\n        setSelectedRowId(null);\n      }\n    },\n    [setSelectedRowId],\n  );\n\n  const handleOnFocus: React.FocusEventHandler = useCallback(\n    (e) => {\n      if (e.target && e.target.getAttribute('data-testid') === DATA_TESTID.DATA_TABLE_ROW_CONTENT) {\n        setFocusedRowId(row.uid);\n      }\n    },\n    [row.uid, setFocusedRowId],\n  );\n\n  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,uBAA4B;AAC5B,8BAAiC;AAEjC,sBAAuC;AAGhC,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAaG;AACH,QAAM;AAAA,IACJ,YAAY,EAAE,YAAY;AAAA,IAC1B,oBAAoB,EAAE;AAAA,MACpB,6BAAW;AAEf,QAAM,EAAE,kBAAkB,oBAAoB;AAE9C,QAAM,kBAAkB,8BACtB,CAAC,GAAG,EAAE,UAAU,QAAQ,QAAQ;AAE9B,eAAW,UAAU,GAAG;AACxB,eACE;AAAA,MACE;AAAA,MACA,cAAc,CACZ,OAAuD;AAAA,QACrD,OAAO;AAAA,YAEN,cAAc,WAAW;AAAA,MAC9B;AAAA,OAEF;AAAA,KAGJ,CAAC,KAAK,YAAY,YAAY,WAAW;AAG3C,QAAM,WAAW,kBAAkB,eAAe;AAElD,QAAM,gBAAgB,8BACpB,CAAC,MAA2B;AAC1B,QAAI,iBAAiB,UAAU;AAC7B,QAAE;AACF;AAAA;AAEF,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE;AACF,UAAI,kBAAkB,IAAI,KAAK;AAC7B,yBAAiB,IAAI;AACrB,mBAAW,MAAM;AACf,gBAAM,iBAAiB,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,IAAI,YAAY;AACrE,cAAI;AAAgB,2BAAe,IAAI,QAAQ;AAAA;AAAA;AAAA;AAIrD,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE;AACF,sBAAgB,GAAG;AAAA;AAErB,QAAI,EAAE,SAAS,aAAa;AAC1B,QAAE;AACF,UAAI,YAAY,IAAI,MAAM;AAAQ,wBAAgB,MAAM,YAAY,GAAG;AAAA;AAEzE,QAAI,EAAE,SAAS,WAAW;AACxB,QAAE;AACF,UAAI,YAAY,KAAK;AAAG,wBAAgB,MAAM,YAAY,GAAG;AAAA;AAAA,KAGjE,CAAC,eAAe,UAAU,eAAe,KAAK,kBAAkB,iBAAiB,WAAW,OAAO;AAGrG,QAAM,eAAe,8BACnB,CAAC,MAAM;AACL,QAAI,EAAE,eAAe,aAAa,mBAAmB,0BAA0B;AAC7E,uBAAiB;AAAA;AAAA,KAGrB,CAAC;AAGH,QAAM,gBAAyC,8BAC7C,CAAC,MAAM;AACL,QAAI,EAAE,UAAU,EAAE,OAAO,aAAa,mBAAmB,6BAAY,wBAAwB;AAC3F,sBAAgB,IAAI;AAAA;AAAA,KAGxB,CAAC,IAAI,KAAK;AAGZ,SAAO,EAAE,iBAAiB,eAAe,cAAc;AAAA;",
+  "names": []
+}