@elliemae/ds-data-table 2.2.0 → 2.3.0-alpha.3

package/cjs/parts/Cells/useCellStyle.js

@@ -1,43 +1,63 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var DataTableContext = require('../../DataTableContext.js');
-
+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 useCellStyle_exports = {};
+__export(useCellStyle_exports, {
+  useCellStyle: () => useCellStyle
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_DataTableContext = require("../../DataTableContext");
 const useCellStyle = (column, shouldAddExpandCell) => {
   const {
-    tableProps: {
-      textWrap
-    }
-  } = React.useContext(DataTableContext["default"]);
+    tableProps: { textWrap }
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
   const appliedTextWrap = column.textWrap || textWrap;
-  const cellStyle = React.useMemo(() => {
+  const cellStyle = (0, import_react.useMemo)(() => {
     const newStyle = {};
-
     switch (appliedTextWrap) {
-      case 'wrap-all':
-        newStyle.wordBreak = 'break-all';
+      case "wrap-all":
+        newStyle.wordBreak = "break-all";
         break;
-
-      case 'truncate':
-        newStyle.whiteSpace = 'nowrap';
+      case "truncate":
+        newStyle.whiteSpace = "nowrap";
         break;
-
       default:
-      case 'wrap':
-        newStyle.whiteSpace = 'normal';
+      case "wrap":
+        newStyle.whiteSpace = "normal";
         break;
     }
-
     if (shouldAddExpandCell) {
-      newStyle.gridColumn = "span 2";
-      newStyle.padding = "0 16px 0 2px";
+      newStyle.gridColumn = `span 2`;
+      newStyle.padding = `0 16px 0 2px`;
     }
-
     return newStyle;
   }, [appliedTextWrap, shouldAddExpandCell]);
   return [appliedTextWrap, cellStyle];
 };
-
-exports.useCellStyle = useCellStyle;
+module.exports = __toCommonJS(useCellStyle_exports);
+//# sourceMappingURL=useCellStyle.js.map

package/cjs/parts/Cells/useCellStyle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Cells/useCellStyle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\nimport * as CSS from 'csstype';\nimport { TypescriptColumn } from '../../types/props';\nimport { DataTableContext } from '../../DataTableContext';\n\nexport const useCellStyle = (column: TypescriptColumn, shouldAddExpandCell: boolean): [string, CSS.Properties] => {\n  const {\n    tableProps: { textWrap },\n  } = useContext(DataTableContext);\n\n  const appliedTextWrap = column.textWrap || textWrap;\n\n  const cellStyle = useMemo(() => {\n    const newStyle: CSS.Properties = {};\n    switch (appliedTextWrap) {\n      case 'wrap-all':\n        newStyle.wordBreak = 'break-all';\n        break;\n      case 'truncate':\n        newStyle.whiteSpace = 'nowrap';\n        break;\n      default:\n      case 'wrap':\n        newStyle.whiteSpace = 'normal';\n        break;\n    }\n    if (shouldAddExpandCell) {\n      newStyle.gridColumn = `span 2`;\n      newStyle.padding = `0 16px 0 2px`;\n    }\n    return newStyle;\n  }, [appliedTextWrap, shouldAddExpandCell]);\n\n  return [appliedTextWrap, cellStyle];\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAGpC,8BAAiC;AAE1B,MAAM,eAAe,CAAC,QAA0B,wBAA2D;AAChH,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW;AAEf,QAAM,kBAAkB,OAAO,YAAY;AAE3C,QAAM,YAAY,0BAAQ,MAAM;AAC9B,UAAM,WAA2B;AACjC,YAAQ;AAAA,WACD;AACH,iBAAS,YAAY;AACrB;AAAA,WACG;AACH,iBAAS,aAAa;AACtB;AAAA;AAAA,WAEG;AACH,iBAAS,aAAa;AACtB;AAAA;AAEJ,QAAI,qBAAqB;AACvB,eAAS,aAAa;AACtB,eAAS,UAAU;AAAA;AAErB,WAAO;AAAA,KACN,CAAC,iBAAiB;AAErB,SAAO,CAAC,iBAAiB;AAAA;",
+  "names": []
+}

package/cjs/parts/DnDHandle.js

@@ -1,81 +1,69 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var styled = require('styled-components');
-var SortableItemContext = require('./HoC/SortableItemContext.js');
-var constants = require('../configs/constants.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('../configs/useRowFlattenization.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('./TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../DataTableContext.js');
-require('./Row.js');
-require('./Footer.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const StyledGripperButton = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-fj20bf-0"
-})(["cursor:", ";outline:none;display:flex;align-items:center;touch-action:none;"], _ref => {
-  let {
-    isActive,
-    isDragOverlay
-  } = _ref;
-  return isActive || isDragOverlay ? 'grabbing' : 'grab';
+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 DnDHandle_exports = {};
+__export(DnDHandle_exports, {
+  default: () => DnDHandle_default
 });
-
-const DragHandle = _ref2 => {
-  let {
-    id,
-    isReachable,
-    isDragOverlay,
-    innerRef
-  } = _ref2;
-  const {
-    draggableProps
-  } = React.useContext(SortableItemContext.SortableItemContext);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled_components = __toESM(require("styled-components"));
+var import_SortableItemContext = require("./HoC/SortableItemContext");
+var import_constants = require("../configs/constants");
+const StyledGripperButton = import_styled_components.default.div`
+  cursor: ${({ isActive, isDragOverlay }) => isActive || isDragOverlay ? "grabbing" : "grab"};
+  outline: none;
+  display: flex;
+  align-items: center;
+  touch-action: none;
+`;
+const DragHandle = ({ id, isReachable, isDragOverlay, innerRef }) => {
+  const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
   const isActive = draggableProps && !!draggableProps.active;
   const isDragging = draggableProps && draggableProps.isDragging;
-  return /*#__PURE__*/React.createElement(StyledGripperButton, _objectSpread(_objectSpread({
-    role: "button"
-  }, draggableProps && _objectSpread(_objectSpread({}, draggableProps.listeners), draggableProps.attributes)), {}, {
-    isActive: isActive,
-    isDragOverlay: isDragOverlay,
+  return /* @__PURE__ */ import_react.default.createElement(StyledGripperButton, {
+    role: "button",
+    ...draggableProps && {
+      ...draggableProps.listeners,
+      ...draggableProps.attributes
+    },
+    isActive,
+    isDragOverlay,
     ref: innerRef,
     tabIndex: isReachable ? 0 : -1,
-    "data-testid": constants.DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
-    id: "".concat(id, "-drag-handle"),
-    key: "".concat(id, "-drag-handle")
-  }), /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
+    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
+    id: `${id}-drag-handle`,
+    key: `${id}-drag-handle`
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.GripperVertical, {
     size: "s",
-    color: isDragging ? ['neutral', '500'] : ['brand-primary', '800']
+    color: isDragging ? ["neutral", "500"] : ["brand-primary", "800"]
   }));
 };
-
-module.exports = DragHandle;
+var DnDHandle_default = DragHandle;
+module.exports = __toCommonJS(DnDHandle_exports);
+//# sourceMappingURL=DnDHandle.js.map

package/cjs/parts/DnDHandle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/DnDHandle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport styled from 'styled-components';\nimport { SortableItemContext } from './HoC/SortableItemContext';\nimport { DATA_TESTID } from '../configs/constants';\n\nconst StyledGripperButton = styled.div<{\n  isActive: boolean;\n  isDragOverlay: boolean;\n}>`\n  cursor: ${({ isActive, isDragOverlay }) => (isActive || isDragOverlay ? 'grabbing' : 'grab')};\n  outline: none;\n  display: flex;\n  align-items: center;\n  touch-action: none;\n`;\n\nconst DragHandle: React.ComponentType<{\n  id: string;\n  isReachable: boolean;\n  isDragOverlay: boolean;\n  innerRef: React.RefObject<HTMLDivElement> | React.RefCallback<HTMLDivElement>;\n}> = ({ id, isReachable, isDragOverlay, innerRef }) => {\n  const { draggableProps } = useContext(SortableItemContext);\n  const isActive = draggableProps && !!draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  return (\n    <StyledGripperButton\n      role=\"button\"\n      {...(draggableProps && {\n        ...draggableProps.listeners,\n        ...draggableProps.attributes,\n      })}\n      isActive={isActive}\n      isDragOverlay={isDragOverlay}\n      ref={innerRef}\n      tabIndex={isReachable ? 0 : -1}\n      data-testid={DATA_TESTID.DATA_TABLE_DRAG_HANDLE}\n      id={`${id}-drag-handle`}\n      key={`${id}-drag-handle`}\n    >\n      <GripperVertical size=\"s\" color={isDragging ? ['neutral', '500'] : ['brand-primary', '800']} />\n    </StyledGripperButton>\n  );\n};\nexport default DragHandle;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,sBAAgC;AAChC,+BAAmB;AACnB,iCAAoC;AACpC,uBAA4B;AAE5B,MAAM,sBAAsB,iCAAO;AAAA,YAIvB,CAAC,EAAE,UAAU,oBAAqB,YAAY,gBAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvF,MAAM,aAKD,CAAC,EAAE,IAAI,aAAa,eAAe,eAAe;AACrD,QAAM,EAAE,mBAAmB,6BAAW;AACtC,QAAM,WAAW,kBAAkB,CAAC,CAAC,eAAe;AACpD,QAAM,aAAa,kBAAkB,eAAe;AAEpD,SACE,mDAAC,qBAAD;AAAA,IACE,MAAK;AAAA,OACA,kBAAkB;AAAA,SAClB,eAAe;AAAA,SACf,eAAe;AAAA;AAAA,IAEpB;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,UAAU,cAAc,IAAI;AAAA,IAC5B,eAAa,6BAAY;AAAA,IACzB,IAAI,GAAG;AAAA,IACP,KAAK,GAAG;AAAA,KAER,mDAAC,iCAAD;AAAA,IAAiB,MAAK;AAAA,IAAI,OAAO,aAAa,CAAC,WAAW,SAAS,CAAC,iBAAiB;AAAA;AAAA;AAI3F,IAAO,oBAAQ;",
+  "names": []
+}

package/cjs/parts/DropIndicator.js

@@ -1,81 +1,90 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('styled-components');
-var zIndexInternalConfig = require('../configs/zIndexInternalConfig.js');
-var SortableItemContext = require('./HoC/SortableItemContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _circle;
-
-const getPositionStyles = _ref => {
-  let {
-    dropIndicatorPosition,
-    vertical
-  } = _ref;
-
-  if (vertical) {
-    return "\n      left: ".concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset', ";\n      right: ").concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
+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 "\n      top: ".concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? '0' : 'unset', ";\n      bottom: ").concat(dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? '0' : 'unset', ";\n    ");
+  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);
 };
-
-const getCircleStyles = _ref2 => {
-  let {
-    dropIndicatorPosition,
-    vertical
-  } = _ref2;
-  return {
-    position: 'absolute',
-    zIndex: zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR,
-    top: vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? 'unset' : '-2px',
-    bottom: vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? 'unset' : '-2px',
-    left: !vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.After ? 'unset' : '-2px',
-    right: !vertical || dropIndicatorPosition === SortableItemContext.DropIndicatorPosition.Before ? 'unset' : '-2px',
-    opacity: 1
+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 DropIndicator_exports = {};
+__export(DropIndicator_exports, {
+  DropIndicator: () => DropIndicator,
+  default: () => DropIndicator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_zIndexInternalConfig = require("../configs/zIndexInternalConfig");
+var import_SortableItemContext = require("./HoC/SortableItemContext");
+const getPositionStyles = ({ dropIndicatorPosition, vertical }) => {
+  if (vertical) {
+    return `
+      left: ${dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.Before ? "0" : "unset"};
+      right: ${dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.After ? "0" : "unset"};
+    `;
+  }
+  return `
+      top: ${dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.Before ? "0" : "unset"};
+      bottom: ${dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.After ? "0" : "unset"};
+    `;
 };
-
-const StyledIndicator = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1aa87sx-0"
-})(["position:absolute;", " box-sizing:border-box;width:", ";height:", ";background-color:", ";z-index:", ";"], getPositionStyles, props => props.vertical ? '2px' : '100%', props => props.vertical ? '100%' : '2px', props => props.theme.colors.brand[600], zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR);
-
-const CircleIndicator = style => /*#__PURE__*/_jsx__default["default"]("svg", {
+const getCircleStyles = ({ dropIndicatorPosition, vertical }) => ({
+  position: "absolute",
+  zIndex: import_zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR,
+  top: vertical || dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.After ? "unset" : "-2px",
+  bottom: vertical || dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.Before ? "unset" : "-2px",
+  left: !vertical || dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.After ? "unset" : "-2px",
+  right: !vertical || dropIndicatorPosition === import_SortableItemContext.DropIndicatorPosition.Before ? "unset" : "-2px",
+  opacity: 1
+});
+const StyledIndicator = import_styled_components.default.div`
+  position: absolute;
+  ${getPositionStyles}
+  box-sizing: border-box;
+  width: ${(props) => props.vertical ? "2px" : "100%"};
+  height: ${(props) => props.vertical ? "100%" : "2px"};
+  background-color: ${(props) => props.theme.colors.brand[600]};
+  z-index: ${import_zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR};
+`;
+const CircleIndicator = (style) => /* @__PURE__ */ import_react.default.createElement("svg", {
   height: "6",
   width: "6",
-  style: style
-}, void 0, _circle || (_circle = /*#__PURE__*/_jsx__default["default"]("circle", {
+  style
+}, /* @__PURE__ */ import_react.default.createElement("circle", {
   cx: "3",
   cy: "3",
   r: "3",
   strokeWidth: "0",
   fill: "#1E79C2"
-})));
-
-const DropIndicator = _ref3 => {
-  let {
+}));
+const DropIndicator = ({ vertical, dropIndicatorPosition, isLast }) => {
+  if (![import_SortableItemContext.DropIndicatorPosition.After, import_SortableItemContext.DropIndicatorPosition.Before].includes(dropIndicatorPosition))
+    return null;
+  const safeDropIndicatorPosition = isLast ? import_SortableItemContext.DropIndicatorPosition.Before : dropIndicatorPosition;
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition })), /* @__PURE__ */ import_react.default.createElement(StyledIndicator, {
     vertical,
-    dropIndicatorPosition,
-    isLast
-  } = _ref3;
-  if (![SortableItemContext.DropIndicatorPosition.After, SortableItemContext.DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;
-  const safeDropIndicatorPosition = isLast ? SortableItemContext.DropIndicatorPosition.Before : dropIndicatorPosition;
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [CircleIndicator(getCircleStyles({
-      vertical,
-      dropIndicatorPosition: safeDropIndicatorPosition
-    })), /*#__PURE__*/_jsx__default["default"](StyledIndicator, {
-      vertical: vertical,
-      dropIndicatorPosition: safeDropIndicatorPosition
-    })]
-  });
+    dropIndicatorPosition: safeDropIndicatorPosition
+  }));
 };
-
-module.exports = DropIndicator;
+var DropIndicator_default = DropIndicator;
+module.exports = __toCommonJS(DropIndicator_exports);
+//# sourceMappingURL=DropIndicator.js.map

package/cjs/parts/DropIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/DropIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport { ZIndexDataTable } from '../configs/zIndexInternalConfig';\nimport { DropIndicatorPosition } from './HoC/SortableItemContext';\n\ninterface DropIndicatorProps {\n  vertical: boolean;\n  dropIndicatorPosition: DropIndicatorPosition;\n  isLast?: boolean;\n}\n\nconst getPositionStyles = ({ dropIndicatorPosition, vertical }: DropIndicatorProps) => {\n  if (vertical) {\n    return `\n      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n  }\n  return `\n      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n};\n\nconst getCircleStyles = ({ dropIndicatorPosition, vertical }: DropIndicatorProps) => ({\n  position: 'absolute',\n  zIndex: ZIndexDataTable.DROP_INDICATOR,\n  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  opacity: 1,\n});\n\nconst StyledIndicator = styled.div<DropIndicatorProps>`\n  position: absolute;\n  ${getPositionStyles}\n  box-sizing: border-box;\n  width: ${(props) => (props.vertical ? '2px' : '100%')};\n  height: ${(props) => (props.vertical ? '100%' : '2px')};\n  background-color: ${(props) => props.theme.colors.brand[600]};\n  z-index: ${ZIndexDataTable.DROP_INDICATOR};\n`;\n\nconst CircleIndicator = (style: Record<string, unknown>) => (\n  <svg height=\"6\" width=\"6\" style={style}>\n    <circle cx=\"3\" cy=\"3\" r=\"3\" strokeWidth=\"0\" fill=\"#1E79C2\" />\n  </svg>\n);\n\nconst DropIndicator = ({ vertical, dropIndicatorPosition, isLast }: DropIndicatorProps): JSX.Element => {\n  if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;\n\n  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;\n\n  return (\n    <>\n      {CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition }))}\n      <StyledIndicator vertical={vertical} dropIndicatorPosition={safeDropIndicatorPosition} />\n    </>\n  );\n};\n\nexport { DropIndicator };\nexport default DropIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,kCAAgC;AAChC,iCAAsC;AAQtC,MAAM,oBAAoB,CAAC,EAAE,uBAAuB,eAAmC;AACrF,MAAI,UAAU;AACZ,WAAO;AAAA,cACG,0BAA0B,iDAAsB,SAAS,MAAM;AAAA,eAC9D,0BAA0B,iDAAsB,QAAQ,MAAM;AAAA;AAAA;AAG3E,SAAO;AAAA,aACI,0BAA0B,iDAAsB,SAAS,MAAM;AAAA,gBAC5D,0BAA0B,iDAAsB,QAAQ,MAAM;AAAA;AAAA;AAI9E,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,eAAoC;AAAA,EACpF,UAAU;AAAA,EACV,QAAQ,4CAAgB;AAAA,EACxB,KAAK,YAAY,0BAA0B,iDAAsB,QAAQ,UAAU;AAAA,EACnF,QAAQ,YAAY,0BAA0B,iDAAsB,SAAS,UAAU;AAAA,EACvF,MAAM,CAAC,YAAY,0BAA0B,iDAAsB,QAAQ,UAAU;AAAA,EACrF,OAAO,CAAC,YAAY,0BAA0B,iDAAsB,SAAS,UAAU;AAAA,EACvF,SAAS;AAAA;AAGX,MAAM,kBAAkB,iCAAO;AAAA;AAAA,IAE3B;AAAA;AAAA,WAEO,CAAC,UAAW,MAAM,WAAW,QAAQ;AAAA,YACpC,CAAC,UAAW,MAAM,WAAW,SAAS;AAAA,sBAC5B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aAC7C,4CAAgB;AAAA;AAG7B,MAAM,kBAAkB,CAAC,UACvB,mDAAC,OAAD;AAAA,EAAK,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI;AAAA,GACxB,mDAAC,UAAD;AAAA,EAAQ,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,GAAE;AAAA,EAAI,aAAY;AAAA,EAAI,MAAK;AAAA;AAIrD,MAAM,gBAAgB,CAAC,EAAE,UAAU,uBAAuB,aAA8C;AACtG,MAAI,CAAC,CAAC,iDAAsB,OAAO,iDAAsB,QAAQ,SAAS;AAAwB,WAAO;AAEzG,QAAM,4BAA4B,SAAS,iDAAsB,SAAS;AAE1E,SACE,wFACG,gBAAgB,gBAAgB,EAAE,UAAU,uBAAuB,+BACpE,mDAAC,iBAAD;AAAA,IAAiB;AAAA,IAAoB,uBAAuB;AAAA;AAAA;AAMlE,IAAO,wBAAQ;",
+  "names": []
+}

package/cjs/parts/EmptyContent.js

@@ -1,51 +1,81 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var Grid = require('@elliemae/ds-grid');
-var dsIcons = require('@elliemae/ds-icons');
-var dsSystem = require('@elliemae/ds-system');
-var DSButton = require('@elliemae/ds-button');
-var styled = require('styled-components');
-var DataTableContext = require('../DataTableContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _Icon;
-const EmptyStateWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-t6wd9y-0"
-})(["position:sticky;height:fit-content;top:0;left:0;"]);
-const Icon = /*#__PURE__*/styled__default["default"](dsIcons.WarningTriangle).withConfig({
-  componentId: "sc-t6wd9y-1"
-})(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
-const PrimaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
-  componentId: "sc-t6wd9y-2"
-})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[600], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
-const SecondaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
-  componentId: "sc-t6wd9y-3"
-})(["text-align:center;font-size:", ";color:", ";margin:0;"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[500]);
-const Button = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
-  componentId: "sc-t6wd9y-4"
-})(["margin-top:", ";justify-self:center;width:fit-content;"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
-const CenterContentFlexWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-t6wd9y-5"
-})(["width:", "px;height:calc(100% - 48px);display:flex;align-items:center;"], _ref => {
-  let {
-    width
-  } = _ref;
-  return width;
+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 EmptyContent_exports = {};
+__export(EmptyContent_exports, {
+  EmptyContent: () => EmptyContent,
+  default: () => EmptyContent_default
 });
-
-const EmptyContent = _ref2 => {
-  let {
-    width
-  } = _ref2;
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_button = require("@elliemae/ds-button");
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_DataTableContext = require("../DataTableContext");
+const EmptyStateWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  position: sticky;
+  height: fit-content;
+  top: 0;
+  left: 0;
+`;
+const Icon = (0, import_styled_components.default)(import_ds_icons.WarningTriangle)`
+  fill: ${(props) => props.theme.colors.neutral[300]};
+  color: ${(props) => props.theme.colors.neutral[300]};
+  justify-self: center;
+`;
+const PrimaryMessage = import_styled_components.default.p`
+  text-align: center;
+  font-weight: bold;
+  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.value[400])};
+  color: ${(props) => props.theme.colors.neutral[600]};
+  margin-top: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.s)};
+  margin-bottom: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
+`;
+const SecondaryMessage = import_styled_components.default.p`
+  text-align: center;
+  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.value[400])}; /* 13px */
+  color: ${(props) => props.theme.colors.neutral[500]};
+  margin: 0;
+`;
+const Button = (0, import_styled_components.default)(import_ds_button.DSButton)`
+  margin-top: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.m)};
+  justify-self: center;
+  width: fit-content;
+`;
+const CenterContentFlexWrapper = import_styled_components.default.div`
+  width: ${({ width }) => width}px;
+  height: calc(100% - 48px);
+  display: flex;
+  align-items: center;
+`;
+const EmptyContent = ({ width }) => {
   const {
     tableProps: {
       noResultsPlaceholder,
@@ -55,24 +85,29 @@ const EmptyContent = _ref2 => {
       onNoResultsButtonClick,
       width: tableWidth
     }
-  } = React.useContext(DataTableContext["default"]);
-  if ( /*#__PURE__*/React__default["default"].isValidElement(noResultsPlaceholder)) return /*#__PURE__*/_jsx__default["default"](CenterContentFlexWrapper, {
-    width: width
-  }, void 0, noResultsPlaceholder);
-  return /*#__PURE__*/_jsx__default["default"](CenterContentFlexWrapper, {
-    width: width,
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  if (import_react.default.isValidElement(noResultsPlaceholder))
+    return /* @__PURE__ */ import_react.default.createElement(CenterContentFlexWrapper, {
+      width
+    }, noResultsPlaceholder);
+  return /* @__PURE__ */ import_react.default.createElement(CenterContentFlexWrapper, {
+    width,
     "aria-live": "assertive",
     role: "status"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](EmptyStateWrapper, {
+  }, /* @__PURE__ */ import_react.default.createElement(EmptyStateWrapper, {
     width: tableWidth,
     justifyContent: "center"
-  }, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
+  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
     size: "xxl"
-  })), /*#__PURE__*/_jsx__default["default"](PrimaryMessage, {}, void 0, noResultsMessage), noResultsSecondaryMessage ? /*#__PURE__*/_jsx__default["default"](SecondaryMessage, {}, void 0, noResultsSecondaryMessage) : null, noResultsButtonLabel && onNoResultsButtonClick ? /*#__PURE__*/_jsx__default["default"](Button, {
+  }), /* @__PURE__ */ import_react.default.createElement(PrimaryMessage, null, noResultsMessage), noResultsSecondaryMessage ? /* @__PURE__ */ import_react.default.createElement(SecondaryMessage, null, noResultsSecondaryMessage) : null, noResultsButtonLabel && onNoResultsButtonClick ? /* @__PURE__ */ import_react.default.createElement(Button, {
     buttonType: "secondary",
     labelText: noResultsButtonLabel,
     onClick: onNoResultsButtonClick
   }) : null));
 };
-
-module.exports = EmptyContent;
+EmptyContent.propTypes = {
+  width: import_prop_types.default.number
+};
+var EmptyContent_default = EmptyContent;
+module.exports = __toCommonJS(EmptyContent_exports);
+//# sourceMappingURL=EmptyContent.js.map

package/cjs/parts/EmptyContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/EmptyContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport { DataTableContext } from '../DataTableContext';\n\nconst EmptyStateWrapper = styled(Grid)`\n  position: sticky;\n  height: fit-content;\n  top: 0;\n  left: 0;\n`;\nconst Icon = styled(WarningTriangle)`\n  fill: ${(props) => props.theme.colors.neutral[300]};\n  color: ${(props) => props.theme.colors.neutral[300]};\n  justify-self: center;\n`;\nconst PrimaryMessage = styled.p`\n  text-align: center;\n  font-weight: bold;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};\n  color: ${(props) => props.theme.colors.neutral[600]};\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n`;\nconst SecondaryMessage = styled.p`\n  text-align: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */\n  color: ${(props) => props.theme.colors.neutral[500]};\n  margin: 0;\n`;\nconst Button = styled(DSButton)`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  justify-self: center;\n  width: fit-content;\n`;\nconst CenterContentFlexWrapper = styled.div<{ width: number | string }>`\n  width: ${({ width }) => width}px;\n  height: calc(100% - 48px);\n  display: flex;\n  align-items: center;\n`;\n\nconst EmptyContent: React.ComponentType<{ width: string | number }> = ({ width }) => {\n  const {\n    tableProps: {\n      noResultsPlaceholder,\n      noResultsMessage,\n      noResultsSecondaryMessage,\n      noResultsButtonLabel,\n      onNoResultsButtonClick,\n      width: tableWidth,\n    },\n  } = useContext(DataTableContext);\n\n  if (React.isValidElement(noResultsPlaceholder))\n    return <CenterContentFlexWrapper width={width}>{noResultsPlaceholder}</CenterContentFlexWrapper>;\n\n  return (\n    <CenterContentFlexWrapper width={width} aria-live=\"assertive\" role=\"status\">\n      <EmptyStateWrapper width={tableWidth} justifyContent=\"center\">\n        <Icon size=\"xxl\" />\n        <PrimaryMessage>{noResultsMessage}</PrimaryMessage>\n        {noResultsSecondaryMessage ? <SecondaryMessage>{noResultsSecondaryMessage}</SecondaryMessage> : null}\n        {noResultsButtonLabel && onNoResultsButtonClick ? (\n          <Button buttonType=\"secondary\" labelText={noResultsButtonLabel} onClick={onNoResultsButtonClick} />\n        ) : null}\n      </EmptyStateWrapper>\n    </CenterContentFlexWrapper>\n  );\n};\n\nEmptyContent.propTypes = {\n  width: PropTypes.number,\n};\n\nexport { EmptyContent };\nexport default EmptyContent;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,qBAAqB;AACrB,sBAAgC;AAChC,uBAAmD;AACnD,uBAAyB;AACzB,+BAAmB;AACnB,wBAAsB;AAEtB,8BAAiC;AAEjC,MAAM,oBAAoB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,OAAO,sCAAO;AAAA,UACV,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,+BAAS,MAAM,MAAM,UAAU,MAAM;AAAA,WACpD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,mBACnD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAEzE,MAAM,mBAAmB,iCAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,+BAAS,MAAM,MAAM,UAAU,MAAM;AAAA,WACpD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,sCAAO;AAAA,gBACN,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAItE,MAAM,2BAA2B,iCAAO;AAAA,WAC7B,CAAC,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,eAAgE,CAAC,EAAE,YAAY;AACnF,QAAM;AAAA,IACJ,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA;AAAA,MAEP,6BAAW;AAEf,MAAI,qBAAM,eAAe;AACvB,WAAO,mDAAC,0BAAD;AAAA,MAA0B;AAAA,OAAe;AAElD,SACE,mDAAC,0BAAD;AAAA,IAA0B;AAAA,IAAc,aAAU;AAAA,IAAY,MAAK;AAAA,KACjE,mDAAC,mBAAD;AAAA,IAAmB,OAAO;AAAA,IAAY,gBAAe;AAAA,KACnD,mDAAC,MAAD;AAAA,IAAM,MAAK;AAAA,MACX,mDAAC,gBAAD,MAAiB,mBAChB,4BAA4B,mDAAC,kBAAD,MAAmB,6BAAgD,MAC/F,wBAAwB,yBACvB,mDAAC,QAAD;AAAA,IAAQ,YAAW;AAAA,IAAY,WAAW;AAAA,IAAsB,SAAS;AAAA,OACvE;AAAA;AAMZ,aAAa,YAAY;AAAA,EACvB,OAAO,0BAAU;AAAA;AAInB,IAAO,uBAAQ;",
+  "names": []
+}