@elliemae/ds-legacy-datagrids 1.0.0-rc.1

package/dist/esm/components/tableContext.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import React2 from "react";
+const TableContext = React2.createContext();
+export {
+  TableContext
+};
+//# sourceMappingURL=tableContext.js.map

package/dist/esm/components/tableContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/tableContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const TableContext = React.createContext();\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAEX,MAAM,eAAeA,OAAM,cAAc;",
+  "names": ["React"]
+}

package/dist/esm/defaultPlugins.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { BodyHeaderScrollSyncPlugin } from "./plugins/body-header-scroll-sync/index.js";
+import { ResizablePlugin } from "./plugins/resizable/index.js";
+import { CustomRendererPlugin } from "./plugins/custom-cell-renderer/index.js";
+import { ColumnSizingPlugin } from "./plugins/column-sizing/index.js";
+const defaultPlugins = [BodyHeaderScrollSyncPlugin, ResizablePlugin, CustomRendererPlugin, ColumnSizingPlugin];
+export {
+  defaultPlugins
+};
+//# sourceMappingURL=defaultPlugins.js.map

package/dist/esm/defaultPlugins.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/defaultPlugins.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { BodyHeaderScrollSyncPlugin } from './plugins/body-header-scroll-sync/index.js';\nimport { ResizablePlugin } from './plugins/resizable/index.js';\nimport { CustomRendererPlugin } from './plugins/custom-cell-renderer/index.js';\nimport { ColumnSizingPlugin } from './plugins/column-sizing/index.js';\n\nexport const defaultPlugins = [BodyHeaderScrollSyncPlugin, ResizablePlugin, CustomRendererPlugin, ColumnSizingPlugin];\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kCAAkC;AAC3C,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AAE5B,MAAM,iBAAiB,CAAC,4BAA4B,iBAAiB,sBAAsB,kBAAkB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { DSDataGrid } from "./DSDataGrid.js";
+import { DSDataGridsWithSchema } from "./DSDataGrid.js";
+import { ColumnsOptionsMenuSection } from "./components/ColumnsOptionsMenuSection.js";
+import { getColumnVisibilityMenuOption } from "./components/ColumnVisibilityMenuOption.js";
+import { EmptyState } from "./components/EmptyState.js";
+import { IconColumn } from "./columns/IconColumn.js";
+import {
+  BodyHeaderScrollSyncPlugin,
+  DndColumnsPlugin,
+  ColumnSizingPlugin,
+  CustomRendererPlugin,
+  EditablePlugin,
+  ComboBox,
+  TextBox,
+  ExpandablePlugin,
+  ExpandableColumn,
+  FilterablePlugin,
+  InfiniteScrollPlugin,
+  PaginationPlugin,
+  ResizablePlugin,
+  DndRowsPlugin,
+  SelectablePlugin,
+  SortablePlugin,
+  ToolbarPlugin,
+  ExportDataPlugin,
+  VirtualizationPlugin
+} from "./plugins/index.js";
+import { RowSizes, RowSizesOptions, RowSizesOptionsArr } from "./rowSizes.js";
+import { CellWithAddons, CellContainer } from "./renders/index.js";
+export {
+  BodyHeaderScrollSyncPlugin,
+  CellContainer,
+  CellWithAddons,
+  ColumnSizingPlugin,
+  ColumnsOptionsMenuSection,
+  ComboBox,
+  CustomRendererPlugin,
+  DSDataGrid,
+  DSDataGridsWithSchema,
+  DndColumnsPlugin,
+  DndRowsPlugin,
+  EditablePlugin,
+  EmptyState,
+  ExpandableColumn,
+  ExpandablePlugin,
+  ExportDataPlugin,
+  FilterablePlugin,
+  IconColumn,
+  InfiniteScrollPlugin,
+  PaginationPlugin,
+  ResizablePlugin,
+  RowSizes,
+  RowSizesOptions,
+  RowSizesOptionsArr,
+  SelectablePlugin,
+  SortablePlugin,
+  TextBox,
+  ToolbarPlugin,
+  VirtualizationPlugin,
+  getColumnVisibilityMenuOption
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSDataGrid } from './DSDataGrid.js';\n\nexport { DSDataGridsWithSchema } from './DSDataGrid.js';\nexport { ColumnsOptionsMenuSection } from './components/ColumnsOptionsMenuSection.js';\n\nexport { getColumnVisibilityMenuOption } from './components/ColumnVisibilityMenuOption.js';\n\nexport { EmptyState } from './components/EmptyState.js';\n\nexport { IconColumn } from './columns/IconColumn.js';\n\nexport {\n  BodyHeaderScrollSyncPlugin,\n  DndColumnsPlugin,\n  ColumnSizingPlugin,\n  CustomRendererPlugin,\n  EditablePlugin,\n  ComboBox,\n  TextBox,\n  ExpandablePlugin,\n  ExpandableColumn,\n  FilterablePlugin,\n  InfiniteScrollPlugin,\n  PaginationPlugin,\n  ResizablePlugin,\n  DndRowsPlugin,\n  SelectablePlugin,\n  SortablePlugin,\n  ToolbarPlugin,\n  ExportDataPlugin,\n  VirtualizationPlugin,\n} from './plugins/index.js';\n\nexport { RowSizes, RowSizesOptions, RowSizesOptionsArr } from './rowSizes.js';\n\nexport { CellWithAddons, CellContainer } from './renders/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAE3B,SAAS,6BAA6B;AACtC,SAAS,iCAAiC;AAE1C,SAAS,qCAAqC;AAE9C,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB;AAE3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,UAAU,iBAAiB,0BAA0B;AAE9D,SAAS,gBAAgB,qBAAqB;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js

@@ -0,0 +1,115 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useRef, useEffect } from "react";
+import { mergeRefs } from "@elliemae/ds-legacy-utilities";
+import { ScrollSync, ScrollSyncPane, createInstancePlugin } from "@elliemae/ds-legacy-shared";
+import { getScrollbarWidth } from "../../utilities/getScrollbarSize.js";
+const SCROLLBAR_WIDTH = getScrollbarWidth(2);
+const HeaderSyncHoc = (Component) => function(props) {
+  return /* @__PURE__ */ jsx(ScrollSyncPane, { children: ({ registerPane }) => /* @__PURE__ */ jsx(Component, { ...props, innerRef: mergeRefs(props.innerRef, registerPane) }) });
+};
+const BodySyncHoc = (Component, notPaginated, grid) => function({
+  children,
+  classProps,
+  columns,
+  getContainer,
+  helperClass,
+  innerBodyRef,
+  innerRef,
+  isPlaceholderActive,
+  listProps,
+  lockAxis,
+  noResultsPlaceholder,
+  numRowsVisible,
+  onSortEnd,
+  onSortOver,
+  onSortStart,
+  rowKey,
+  rowRenderer,
+  rows,
+  useDragHandle,
+  className,
+  listComponent,
+  ...rest
+}) {
+  const t = useRef();
+  const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH2) => () => {
+    grid.refs.body.current.style.setProperty(
+      "--toolbar-scroll",
+      `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`
+    );
+    grid.refs.body.current.style.setProperty(
+      "--toolbar-scroll-paginated",
+      `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19}px`
+    );
+  };
+  useEffect(() => {
+    setTimeout(repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH), 300);
+  }, []);
+  useEffect(() => {
+    window.addEventListener("resize", repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));
+    return () => {
+      window.removeEventListener("resize", repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));
+    };
+  });
+  return /* @__PURE__ */ jsx(ScrollSyncPane, { notPaginated, children: ({ registerPane }) => /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref: t,
+      classProps,
+      className,
+      listComponent,
+      columns,
+      getContainer,
+      helperClass,
+      innerBodyRef,
+      isPlaceholderActive,
+      listProps,
+      lockAxis,
+      noResultsPlaceholder,
+      numRowsVisible,
+      onSortEnd,
+      onSortOver,
+      onSortStart,
+      rowKey,
+      rowRenderer,
+      rows,
+      useDragHandle,
+      innerRef: mergeRefs(innerRef, registerPane, t),
+      ...rest
+    }
+  ) });
+};
+const TableSyncHoc = (Component) => function(props) {
+  return /* @__PURE__ */ jsx(
+    ScrollSync,
+    {
+      proportional: false,
+      onScroll: (e) => {
+        e.target.style.setProperty("--toolbar-scroll", `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);
+        e.target.style.setProperty(
+          "--toolbar-scroll-paginated",
+          `${e.target.offsetWidth + e.target.scrollLeft - 19}px`
+        );
+      },
+      children: /* @__PURE__ */ jsx(Component, { ...props })
+    }
+  );
+};
+const decorateRenderers = (renderers, grid) => {
+  const HeaderWrapper = renderers.header.wrapper;
+  const BodyWrapper = renderers.body.wrapper;
+  const Table = renderers.table;
+  const { paginated } = grid.props;
+  renderers.table = useMemo(() => TableSyncHoc(Table), []);
+  renderers.header.wrapper = useMemo(() => HeaderSyncHoc(HeaderWrapper), []);
+  renderers.body.wrapper = useMemo(() => BodySyncHoc(BodyWrapper, !paginated, grid), []);
+  return renderers;
+};
+const BodyHeaderScrollSyncPlugin = createInstancePlugin("body-header-scroll-sync", {
+  decorateRenderers
+});
+export {
+  BodyHeaderScrollSyncPlugin
+};
+//# sourceMappingURL=BodyHeaderScrollSyncPlugin.js.map

package/dist/esm/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/body-header-scroll-sync/BodyHeaderScrollSyncPlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable react-hooks/rules-of-hooks */\n/* eslint-disable no-param-reassign */\n/* eslint-disable react/display-name */\nimport React, { useMemo, useRef, useEffect } from 'react';\nimport { mergeRefs } from '@elliemae/ds-legacy-utilities';\nimport { ScrollSync, ScrollSyncPane, createInstancePlugin } from '@elliemae/ds-legacy-shared';\nimport { getScrollbarWidth } from '../../utilities/getScrollbarSize.js';\n\nconst SCROLLBAR_WIDTH = getScrollbarWidth(2);\n\nconst HeaderSyncHoc = (Component) =>\n  function (props) {\n    return (\n      <ScrollSyncPane>\n        {({ registerPane }) => <Component {...props} innerRef={mergeRefs(props.innerRef, registerPane)} />}\n      </ScrollSyncPane>\n    );\n  };\nconst BodySyncHoc = (Component, notPaginated, grid) =>\n  function ({\n    children,\n    classProps,\n    columns,\n    getContainer,\n    helperClass,\n    innerBodyRef,\n    innerRef,\n    isPlaceholderActive,\n    listProps,\n    lockAxis,\n    noResultsPlaceholder,\n    numRowsVisible,\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    rowKey,\n    rowRenderer,\n    rows,\n    useDragHandle,\n    className,\n    listComponent,\n    ...rest\n  }) {\n    const t = useRef();\n    const repositionToolbarBasedOnBodyScrollPosition = (SCROLLBAR_WIDTH) => () => {\n      grid.refs.body.current.style.setProperty(\n        '--toolbar-scroll',\n        `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 15}px`,\n      );\n      grid.refs.body.current.style.setProperty(\n        '--toolbar-scroll-paginated',\n        `${grid.refs.body.current.offsetWidth + grid.refs.body.current.scrollLeft - 19}px`,\n      );\n    };\n    useEffect(() => {\n      setTimeout(repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH), 300);\n    }, []);\n    useEffect(() => {\n      window.addEventListener('resize', repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));\n      return () => {\n        window.removeEventListener('resize', repositionToolbarBasedOnBodyScrollPosition(-SCROLLBAR_WIDTH));\n      };\n    });\n    return (\n      <ScrollSyncPane notPaginated={notPaginated}>\n        {({ registerPane }) => (\n          <Component\n            ref={t}\n            classProps={classProps}\n            className={className}\n            listComponent={listComponent}\n            columns={columns}\n            getContainer={getContainer}\n            helperClass={helperClass}\n            innerBodyRef={innerBodyRef}\n            // innerRef={innerRef}\n            isPlaceholderActive={isPlaceholderActive}\n            listProps={listProps}\n            lockAxis={lockAxis}\n            noResultsPlaceholder={noResultsPlaceholder}\n            numRowsVisible={numRowsVisible}\n            onSortEnd={onSortEnd}\n            onSortOver={onSortOver}\n            onSortStart={onSortStart}\n            rowKey={rowKey}\n            rowRenderer={rowRenderer}\n            rows={rows}\n            useDragHandle={useDragHandle}\n            innerRef={mergeRefs(innerRef, registerPane, t)}\n            {...rest}\n          />\n        )}\n      </ScrollSyncPane>\n    );\n  };\n\nconst TableSyncHoc = (Component) =>\n  function (props) {\n    return (\n      <ScrollSync\n        proportional={false}\n        onScroll={(e) => {\n          e.target.style.setProperty('--toolbar-scroll', `${e.target.offsetWidth + e.target.scrollLeft - 15}px`);\n          e.target.style.setProperty(\n            '--toolbar-scroll-paginated',\n            `${e.target.offsetWidth + e.target.scrollLeft - 19}px`,\n          );\n        }}\n      >\n        <Component {...props} />\n      </ScrollSync>\n    );\n  };\n\nconst decorateRenderers = (renderers, grid) => {\n  const HeaderWrapper = renderers.header.wrapper;\n  const BodyWrapper = renderers.body.wrapper;\n  const Table = renderers.table;\n  const { paginated } = grid.props;\n\n  renderers.table = useMemo(() => TableSyncHoc(Table), []);\n  renderers.header.wrapper = useMemo(() => HeaderSyncHoc(HeaderWrapper), []);\n  renderers.body.wrapper = useMemo(() => BodySyncHoc(BodyWrapper, !paginated, grid), []);\n\n  return renderers;\n};\n\nexport const BodyHeaderScrollSyncPlugin = createInstancePlugin('body-header-scroll-sync', {\n  decorateRenderers,\n});\n"],
+  "mappings": "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",
+  "names": ["SCROLLBAR_WIDTH"]
+}

package/dist/esm/plugins/body-header-scroll-sync/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { BodyHeaderScrollSyncPlugin } from "./BodyHeaderScrollSyncPlugin.js";
+export {
+  BodyHeaderScrollSyncPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/plugins/body-header-scroll-sync/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/body-header-scroll-sync/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { BodyHeaderScrollSyncPlugin } from './BodyHeaderScrollSyncPlugin.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kCAAkC;",
+  "names": []
+}

package/dist/esm/plugins/column-dnd/DndColumnsPlugin.js

@@ -0,0 +1,129 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { SortableContainer, SortableElement } from "react-sortable-hoc";
+import { arrayMove, omit, mergeRefs } from "@elliemae/ds-legacy-utilities";
+import { createInstancePlugin } from "@elliemae/ds-legacy-shared";
+import { addDragAndDropToColumn } from "./decorateGridWithDndColumns.js";
+const keysToOmit = [
+  "axis",
+  "contentWindow",
+  "disableAutoscroll",
+  "distance",
+  "getContainer",
+  "getHelperDimensions",
+  "helperClass",
+  "helperContainer",
+  "hideSortableGhost",
+  "keyboardSortingTransitionDuration",
+  "lockAxis",
+  "lockOffset",
+  "lockToContainerEdges",
+  "onSortEnd",
+  "onSortMove",
+  "onSortOver",
+  "onSortStart",
+  "pressDelay",
+  "pressThreshold",
+  "shouldCancelStart",
+  "transitionDuration",
+  "updateBeforeSortStart",
+  "useDragHandle",
+  "useWindowAsScrollContainer"
+];
+const decorateColumn = (column, grid) => column.isUserColumn ? addDragAndDropToColumn(grid, column) : column;
+const getHeaderRowProps = (props, grid) => {
+  const { onMoveColumnStart, onMoveColumnEnd, onMoveColumnOver } = grid.props;
+  const headerRowRef = useRef();
+  const columnDraggingOffset = useRef(0);
+  const sortedColumns = useRef(grid.getInstance().decoratedColumns);
+  const nodeRef = useRef();
+  useEffect(() => {
+    sortedColumns.current = grid.getInstance().decoratedColumns;
+  });
+  const onSortOver = (params) => {
+    const { index, newIndex, oldIndex } = params;
+    const oldColumn = sortedColumns.current[oldIndex];
+    const newColumn = sortedColumns.current[newIndex];
+    if (!newColumn.isUserColumn || !oldColumn.isUserColumn)
+      return;
+    const columnWidth = nodeRef.current.offsetWidth;
+    const newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;
+    const forward = newIndex > oldIndex;
+    const columnTranslate = forward ? newIndex > index ? columnWidth * -1 : 0 : newIndex < index ? columnWidth : 0;
+    columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;
+    newColumn.updateStyle({
+      transitionDuration: "300ms",
+      transform: `translate3d(${columnTranslate}px, 0, 0)`
+    });
+    oldColumn.updateStyle({
+      transitionDuration: "300ms",
+      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`
+    });
+    sortedColumns.current = arrayMove(sortedColumns.current, oldIndex, newIndex);
+    onMoveColumnOver(params);
+  };
+  const onSortStart = (params) => {
+    const { node } = params;
+    grid.disableEvents();
+    nodeRef.current = node;
+    onMoveColumnStart(params);
+  };
+  const onSortEnd = (params) => {
+    const { oldIndex, newIndex } = params;
+    grid.enableEvents();
+    columnDraggingOffset.current = 0;
+    sortedColumns.current = grid.decoratedColumns;
+    grid.decoratedColumns.forEach((column) => {
+      if (!column.updateStyle)
+        return;
+      column.updateStyle({
+        transitionDuration: null,
+        transform: null
+      });
+    });
+    const originalOldColumnIndex = grid.columns.findIndex(
+      (column) => column.property === grid.decoratedColumns[oldIndex].property
+    );
+    const originalNewColumnIndex = grid.columns.findIndex(
+      (column) => column.property === grid.decoratedColumns[newIndex].property
+    );
+    onMoveColumnEnd({
+      newIndex: originalNewColumnIndex,
+      oldIndex: originalOldColumnIndex
+    });
+  };
+  return {
+    axis: "x",
+    helperClass: "header-dnd-column",
+    innerRef: mergeRefs(props.innerRef, headerRowRef),
+    lockAxis: "x",
+    onSortEnd,
+    onSortOver,
+    onSortStart,
+    useDragHandle: true
+  };
+};
+const decorateRenderers = (renderers) => {
+  const RowComponent = renderers.header.row;
+  const CellComponent = renderers.header.cell;
+  const Row = useMemo(() => SortableContainer((props) => /* @__PURE__ */ jsx(RowComponent, { ...omit(props, keysToOmit) })), []);
+  const Cell = useMemo(() => SortableElement(CellComponent), []);
+  return {
+    ...renderers,
+    header: {
+      ...renderers.header,
+      row: Row,
+      cell: Cell
+    }
+  };
+};
+const DndColumnsPlugin = createInstancePlugin("dnd-columns", {
+  getHeaderRowProps,
+  decorateColumn,
+  decorateRenderers
+});
+export {
+  DndColumnsPlugin
+};
+//# sourceMappingURL=DndColumnsPlugin.js.map

package/dist/esm/plugins/column-dnd/DndColumnsPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-dnd/DndColumnsPlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\nimport { arrayMove, omit, mergeRefs } from '@elliemae/ds-legacy-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-legacy-shared';\nimport { addDragAndDropToColumn } from './decorateGridWithDndColumns.js';\n\n// todo: remove once it's fixed in react-sortable-hoc library\nconst keysToOmit = [\n  'axis',\n  'contentWindow',\n  'disableAutoscroll',\n  'distance',\n  'getContainer',\n  'getHelperDimensions',\n  'helperClass',\n  'helperContainer',\n  'hideSortableGhost',\n  'keyboardSortingTransitionDuration',\n  'lockAxis',\n  'lockOffset',\n  'lockToContainerEdges',\n  'onSortEnd',\n  'onSortMove',\n  'onSortOver',\n  'onSortStart',\n  'pressDelay',\n  'pressThreshold',\n  'shouldCancelStart',\n  'transitionDuration',\n  'updateBeforeSortStart',\n  'useDragHandle',\n  'useWindowAsScrollContainer',\n];\n\nconst decorateColumn = (column, grid) => (column.isUserColumn ? addDragAndDropToColumn(grid, column) : column);\n\nconst getHeaderRowProps = (props, grid) => {\n  const { onMoveColumnStart, onMoveColumnEnd, onMoveColumnOver } = grid.props;\n\n  const headerRowRef = useRef();\n  const columnDraggingOffset = useRef(0);\n  const sortedColumns = useRef(grid.getInstance().decoratedColumns);\n  const nodeRef = useRef();\n\n  useEffect(() => {\n    sortedColumns.current = grid.getInstance().decoratedColumns;\n  });\n\n  const onSortOver = (params) => {\n    const { index, newIndex, oldIndex } = params;\n    const oldColumn = sortedColumns.current[oldIndex];\n    const newColumn = sortedColumns.current[newIndex];\n\n    if (!newColumn.isUserColumn || !oldColumn.isUserColumn) return;\n\n    const columnWidth = nodeRef.current.offsetWidth;\n    const newColumnWidth = headerRowRef.current.childNodes.item(newColumn.index).offsetWidth;\n\n    const forward = newIndex > oldIndex;\n\n    // eslint-disable-next-line no-nested-ternary\n    const columnTranslate = forward ? (newIndex > index ? columnWidth * -1 : 0) : newIndex < index ? columnWidth : 0;\n\n    columnDraggingOffset.current += forward ? newColumnWidth : newColumnWidth * -1;\n\n    newColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnTranslate}px, 0, 0)`,\n    });\n    oldColumn.updateStyle({\n      transitionDuration: '300ms',\n      transform: `translate3d(${columnDraggingOffset.current}px, 0, 0)`,\n    });\n\n    sortedColumns.current = arrayMove(sortedColumns.current, oldIndex, newIndex);\n    onMoveColumnOver(params);\n  };\n\n  const onSortStart = (params) => {\n    const { node } = params;\n    grid.disableEvents();\n    nodeRef.current = node;\n    onMoveColumnStart(params);\n  };\n\n  const onSortEnd = (params) => {\n    const { oldIndex, newIndex } = params;\n    grid.enableEvents();\n    columnDraggingOffset.current = 0;\n    sortedColumns.current = grid.decoratedColumns;\n    grid.decoratedColumns.forEach((column) => {\n      if (!column.updateStyle) return;\n      column.updateStyle({\n        transitionDuration: null,\n        transform: null,\n      });\n    });\n\n    const originalOldColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[oldIndex].property,\n    );\n    const originalNewColumnIndex = grid.columns.findIndex(\n      (column) => column.property === grid.decoratedColumns[newIndex].property,\n    );\n\n    onMoveColumnEnd({\n      newIndex: originalNewColumnIndex,\n      oldIndex: originalOldColumnIndex,\n    });\n  };\n\n  return {\n    axis: 'x',\n    helperClass: 'header-dnd-column',\n    innerRef: mergeRefs(props.innerRef, headerRowRef),\n    lockAxis: 'x',\n    onSortEnd,\n    onSortOver,\n    onSortStart,\n    useDragHandle: true,\n  };\n};\n\nconst decorateRenderers = (renderers) => {\n  const RowComponent = renderers.header.row;\n  const CellComponent = renderers.header.cell;\n\n  const Row = useMemo(() => SortableContainer((props) => <RowComponent {...omit(props, keysToOmit)} />), []);\n\n  const Cell = useMemo(() => SortableElement(CellComponent), []);\n\n  return {\n    ...renderers,\n    header: {\n      ...renderers.header,\n      row: Row,\n      cell: Cell,\n    },\n  };\n};\n\nexport const DndColumnsPlugin = createInstancePlugin('dnd-columns', {\n  getHeaderRowProps,\n  decorateColumn,\n  decorateRenderers,\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/plugins/column-dnd/decorateGridWithDndColumns.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { SortableHandle } from "react-sortable-hoc";
+import { GripperVertical } from "@elliemae/ds-legacy-icons";
+import { appendHeaderFormatter, mergeClassNameToColumnHeader } from "@elliemae/ds-legacy-shared";
+const DragHandle = SortableHandle(() => /* @__PURE__ */ jsx(GripperVertical, { className: "drag-handle" }));
+const DndHeaderFormatter = (value) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DragHandle, {}),
+  value
+] });
+const addDragAndDropToColumn = (grid, column) => {
+  column = appendHeaderFormatter(DndHeaderFormatter, column);
+  return mergeClassNameToColumnHeader("with-dnd-column", column);
+};
+export {
+  addDragAndDropToColumn
+};
+//# sourceMappingURL=decorateGridWithDndColumns.js.map

package/dist/esm/plugins/column-dnd/decorateGridWithDndColumns.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-dnd/decorateGridWithDndColumns.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-legacy-icons';\nimport { appendHeaderFormatter, mergeClassNameToColumnHeader } from '@elliemae/ds-legacy-shared';\n\nconst DragHandle = SortableHandle(() => <GripperVertical className=\"drag-handle\" />);\n\nconst DndHeaderFormatter = (value) => (\n  <>\n    <DragHandle />\n    {value}\n  </>\n);\n\nconst addDragAndDropToColumn = (grid, column) => {\n  column = appendHeaderFormatter(DndHeaderFormatter, column);\n  return mergeClassNameToColumnHeader('with-dnd-column', column);\n};\n\nexport { addDragAndDropToColumn };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACKiB,SAGtC,UAHsC,KAGtC,YAHsC;AAJxC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB,oCAAoC;AAEpE,MAAM,aAAa,eAAe,MAAM,oBAAC,mBAAgB,WAAU,eAAc,CAAE;AAEnF,MAAM,qBAAqB,CAAC,UAC1B,iCACE;AAAA,sBAAC,cAAW;AAAA,EACX;AAAA,GACH;AAGF,MAAM,yBAAyB,CAAC,MAAM,WAAW;AAC/C,WAAS,sBAAsB,oBAAoB,MAAM;AACzD,SAAO,6BAA6B,mBAAmB,MAAM;AAC/D;",
+  "names": []
+}

package/dist/esm/plugins/column-dnd/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { DndColumnsPlugin } from "./DndColumnsPlugin.js";
+export {
+  DndColumnsPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/plugins/column-dnd/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-dnd/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DndColumnsPlugin } from './DndColumnsPlugin.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;",
+  "names": []
+}

package/dist/esm/plugins/column-sizing/ColumnSizingPlugin.js

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { useRef } from "react";
+import { cx } from "@elliemae/ds-legacy-utilities";
+import { createInstancePlugin } from "@elliemae/ds-legacy-shared";
+import { useStylesheetHelpers } from "./useStylesheetHelpers.js";
+import { useColumnSizeService } from "./useColumnSizeService.js";
+import { getTableProps } from "./ext-points/getTableProps.js";
+import { decorateColumn } from "./ext-points/decorateColumn.js";
+const getHeaderRowProps = (rowProps, { rowsStylesheet }) => {
+  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;
+  return rowProps;
+};
+const getRowProps = (rowProps, { rowsStylesheet }) => {
+  rowProps.className = cx(rowProps.className, rowsStylesheet.getRowClassName());
+  return rowProps;
+};
+const decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);
+const decorateGrid = (grid) => {
+  const isDragging = useRef(false);
+  const tableRef = useRef();
+  const resizedColumns = useRef({});
+  const scrollbarWidth = useRef();
+  const bodyWidth = useRef();
+  const allColumnsHaveBeenFixed = useRef(false);
+  const columnSizeService = useColumnSizeService(grid);
+  const { columnsStylesheet, rowsStylesheet } = useStylesheetHelpers(grid);
+  const updateRowWidth = (width) => {
+    const gridWidth = width || tableRef.current.offsetWidth;
+    const columnsTotalSize = columnSizeService.computeColumnsTotalSize();
+    if (columnsTotalSize > gridWidth + 5) {
+      if (!allColumnsHaveBeenFixed.current && isDragging.current) {
+        columnSizeService.setActualColumnsSizesFixed();
+        allColumnsHaveBeenFixed.current = true;
+      }
+      rowsStylesheet.update(columnsTotalSize);
+    } else {
+      rowsStylesheet.update(void 0);
+    }
+  };
+  return {
+    isDragging,
+    tableRef,
+    bodyWidth,
+    scrollbarWidth,
+    columnSizeService,
+    rowsStylesheet,
+    columnsStylesheet,
+    resizedColumns,
+    updateRowWidth
+  };
+};
+const ColumnSizingPlugin = createInstancePlugin("column-sizing", {
+  decorateGrid,
+  decorateColumn,
+  getRowProps,
+  getHeaderRowProps,
+  getTableProps,
+  decorateColumns
+});
+export {
+  ColumnSizingPlugin
+};
+//# sourceMappingURL=ColumnSizingPlugin.js.map

package/dist/esm/plugins/column-sizing/ColumnSizingPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-sizing/ColumnSizingPlugin.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport { useRef } from 'react';\nimport { cx } from '@elliemae/ds-legacy-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-legacy-shared';\nimport { useStylesheetHelpers } from './useStylesheetHelpers.js';\nimport { useColumnSizeService } from './useColumnSizeService.js';\nimport { getTableProps } from './ext-points/getTableProps.js';\nimport { decorateColumn } from './ext-points/decorateColumn.js';\n\nconst getHeaderRowProps = (rowProps, { rowsStylesheet }) => {\n  rowProps.className = `${rowsStylesheet.getRowClassName()}-header`;\n  return rowProps;\n};\n\nconst getRowProps = (rowProps, { rowsStylesheet }) => {\n  rowProps.className = cx(rowProps.className, rowsStylesheet.getRowClassName());\n  return rowProps;\n};\n\nconst decorateColumns = (columns, grid) => grid.columnsStylesheet.decorateColumns(columns, grid);\n\nconst decorateGrid = (grid) => {\n  const isDragging = useRef(false);\n  const tableRef = useRef();\n  const resizedColumns = useRef({});\n  const scrollbarWidth = useRef();\n  const bodyWidth = useRef();\n  const allColumnsHaveBeenFixed = useRef(false);\n  const columnSizeService = useColumnSizeService(grid);\n  const { columnsStylesheet, rowsStylesheet } = useStylesheetHelpers(grid);\n\n  // row size side-effect\n  const updateRowWidth = (width) => {\n    const gridWidth = width || tableRef.current.offsetWidth;\n    const columnsTotalSize = columnSizeService.computeColumnsTotalSize();\n\n    if (columnsTotalSize > gridWidth + 5) {\n      if (!allColumnsHaveBeenFixed.current && isDragging.current) {\n        columnSizeService.setActualColumnsSizesFixed();\n        allColumnsHaveBeenFixed.current = true;\n      }\n      rowsStylesheet.update(columnsTotalSize);\n    } else {\n      rowsStylesheet.update(undefined);\n    }\n  };\n\n  return {\n    isDragging,\n    tableRef,\n    bodyWidth,\n    scrollbarWidth,\n    columnSizeService,\n    rowsStylesheet,\n    columnsStylesheet,\n    resizedColumns,\n    updateRowWidth,\n  };\n};\n\nexport const ColumnSizingPlugin = createInstancePlugin('column-sizing', {\n  decorateGrid: decorateGrid,\n  decorateColumn: decorateColumn,\n  getRowProps: getRowProps,\n  getHeaderRowProps: getHeaderRowProps,\n  getTableProps: getTableProps,\n  decorateColumns: decorateColumns,\n});\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAE/B,MAAM,oBAAoB,CAAC,UAAU,EAAE,eAAe,MAAM;AAC1D,WAAS,YAAY,GAAG,eAAe,gBAAgB;AACvD,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,UAAU,EAAE,eAAe,MAAM;AACpD,WAAS,YAAY,GAAG,SAAS,WAAW,eAAe,gBAAgB,CAAC;AAC5E,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAC,SAAS,SAAS,KAAK,kBAAkB,gBAAgB,SAAS,IAAI;AAE/F,MAAM,eAAe,CAAC,SAAS;AAC7B,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,WAAW,OAAO;AACxB,QAAM,iBAAiB,OAAO,CAAC,CAAC;AAChC,QAAM,iBAAiB,OAAO;AAC9B,QAAM,YAAY,OAAO;AACzB,QAAM,0BAA0B,OAAO,KAAK;AAC5C,QAAM,oBAAoB,qBAAqB,IAAI;AACnD,QAAM,EAAE,mBAAmB,eAAe,IAAI,qBAAqB,IAAI;AAGvE,QAAM,iBAAiB,CAAC,UAAU;AAChC,UAAM,YAAY,SAAS,SAAS,QAAQ;AAC5C,UAAM,mBAAmB,kBAAkB,wBAAwB;AAEnE,QAAI,mBAAmB,YAAY,GAAG;AACpC,UAAI,CAAC,wBAAwB,WAAW,WAAW,SAAS;AAC1D,0BAAkB,2BAA2B;AAC7C,gCAAwB,UAAU;AAAA,MACpC;AACA,qBAAe,OAAO,gBAAgB;AAAA,IACxC,OAAO;AACL,qBAAe,OAAO,MAAS;AAAA,IACjC;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,qBAAqB,qBAAqB,iBAAiB;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
+  "names": []
+}

package/dist/esm/plugins/column-sizing/columnMeasurerTransformer.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { useLayoutEffect, useRef } from "react";
+import { mergeRefs } from "@elliemae/ds-legacy-utilities";
+const columnMeasurerTransformer = (columnSizeService) => (value, { column, grid }, props = {}) => {
+  const { registerColumn } = columnSizeService;
+  const cellRef = useRef();
+  useLayoutEffect(() => {
+    const { columns, expandedToContentColumns } = columnSizeService;
+    const {
+      props: { minColumnWidth },
+      resizedColumns
+    } = grid.getInstance();
+    if (cellRef.current) {
+      if (column.expandWidthToContent && !expandedToContentColumns[column.uuid]) {
+        const originalWidth = cellRef.current.offsetWidth;
+        cellRef.current.style.flex = "initial";
+        cellRef.current.style.minWidth = "initial";
+        const calcWidth = cellRef.current.offsetWidth + 20;
+        if (originalWidth + 20 <= calcWidth) {
+          resizedColumns.current[column.uuid] = calcWidth;
+          columns[column.uuid].minWidth = calcWidth;
+        } else {
+          columns[column.uuid].minWidth = originalWidth;
+        }
+        expandedToContentColumns[column.uuid] = true;
+        cellRef.current.style.minWidth = null;
+        cellRef.current.style.flex = 1;
+        column.node = cellRef.current;
+      }
+    }
+  });
+  return {
+    ...props,
+    innerRef: mergeRefs(cellRef, props.innerRef, registerColumn(column))
+  };
+};
+export {
+  columnMeasurerTransformer
+};
+//# sourceMappingURL=columnMeasurerTransformer.js.map

package/dist/esm/plugins/column-sizing/columnMeasurerTransformer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/column-sizing/columnMeasurerTransformer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useLayoutEffect, useRef } from 'react';\nimport { mergeRefs } from '@elliemae/ds-legacy-utilities';\n\nexport const columnMeasurerTransformer =\n  (columnSizeService) =>\n  (value, { column, grid }, props = {}) => {\n    const { registerColumn } = columnSizeService;\n    const cellRef = useRef();\n\n    useLayoutEffect(() => {\n      const { columns, expandedToContentColumns } = columnSizeService;\n      const {\n        props: { minColumnWidth },\n        resizedColumns,\n      } = grid.getInstance();\n      if (cellRef.current) {\n        // FIX: merge\n        // if (column.width && column.width !== 'string' && !initialUsedSpace[column.property]) {\n        //   increaseUsedSpace(getColumnWidthSize(column.width, minColumnWidth, column), column.property)\n        // }\n        if (column.expandWidthToContent && !expandedToContentColumns[column.uuid]) {\n          // measure the content and reset to flex\n          const originalWidth = cellRef.current.offsetWidth;\n          cellRef.current.style.flex = 'initial';\n          cellRef.current.style.minWidth = 'initial';\n          const calcWidth = cellRef.current.offsetWidth + 20;\n          if (originalWidth + 20 <= calcWidth) {\n            resizedColumns.current[column.uuid] = calcWidth;\n            columns[column.uuid].minWidth = calcWidth;\n          } else {\n            columns[column.uuid].minWidth = originalWidth;\n          }\n          expandedToContentColumns[column.uuid] = true;\n          cellRef.current.style.minWidth = null;\n          cellRef.current.style.flex = 1;\n          column.node = cellRef.current;\n        }\n      }\n    });\n\n    return {\n      ...props,\n      innerRef: mergeRefs(cellRef, props.innerRef, registerColumn(column)),\n    };\n  };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB,cAAc;AACxC,SAAS,iBAAiB;AAEnB,MAAM,4BACX,CAAC,sBACD,CAAC,OAAO,EAAE,QAAQ,KAAK,GAAG,QAAQ,CAAC,MAAM;AACvC,QAAM,EAAE,eAAe,IAAI;AAC3B,QAAM,UAAU,OAAO;AAEvB,kBAAgB,MAAM;AACpB,UAAM,EAAE,SAAS,yBAAyB,IAAI;AAC9C,UAAM;AAAA,MACJ,OAAO,EAAE,eAAe;AAAA,MACxB;AAAA,IACF,IAAI,KAAK,YAAY;AACrB,QAAI,QAAQ,SAAS;AAKnB,UAAI,OAAO,wBAAwB,CAAC,yBAAyB,OAAO,IAAI,GAAG;AAEzE,cAAM,gBAAgB,QAAQ,QAAQ;AACtC,gBAAQ,QAAQ,MAAM,OAAO;AAC7B,gBAAQ,QAAQ,MAAM,WAAW;AACjC,cAAM,YAAY,QAAQ,QAAQ,cAAc;AAChD,YAAI,gBAAgB,MAAM,WAAW;AACnC,yBAAe,QAAQ,OAAO,IAAI,IAAI;AACtC,kBAAQ,OAAO,IAAI,EAAE,WAAW;AAAA,QAClC,OAAO;AACL,kBAAQ,OAAO,IAAI,EAAE,WAAW;AAAA,QAClC;AACA,iCAAyB,OAAO,IAAI,IAAI;AACxC,gBAAQ,QAAQ,MAAM,WAAW;AACjC,gBAAQ,QAAQ,MAAM,OAAO;AAC7B,eAAO,OAAO,QAAQ;AAAA,MACxB;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,UAAU,SAAS,MAAM,UAAU,eAAe,MAAM,CAAC;AAAA,EACrE;AACF;",
+  "names": []
+}

package/dist/esm/plugins/column-sizing/ext-points/decorateColumn.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { get, set } from "@elliemae/ds-legacy-utilities";
+import { columnMeasurerTransformer } from "../columnMeasurerTransformer.js";
+function decorateColumn(column, grid, index) {
+  const transformsPath = ["header", "transforms"];
+  const transforms = get(column, transformsPath, []);
+  transforms.push(columnMeasurerTransformer(grid.columnSizeService, grid));
+  column.index = index;
+  set(column, transformsPath, transforms);
+  return column;
+}
+export {
+  decorateColumn
+};
+//# sourceMappingURL=decorateColumn.js.map

package/dist/esm/plugins/column-sizing/ext-points/decorateColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/column-sizing/ext-points/decorateColumn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { get, set } from '@elliemae/ds-legacy-utilities';\nimport { columnMeasurerTransformer } from '../columnMeasurerTransformer.js';\n\nexport function decorateColumn(column, grid, index) {\n  const transformsPath = ['header', 'transforms'];\n  const transforms = get(column, transformsPath, []);\n  transforms.push(columnMeasurerTransformer(grid.columnSizeService, grid));\n  column.index = index;\n  set(column, transformsPath, transforms);\n\n  return column;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,KAAK,WAAW;AACzB,SAAS,iCAAiC;AAEnC,SAAS,eAAe,QAAQ,MAAM,OAAO;AAClD,QAAM,iBAAiB,CAAC,UAAU,YAAY;AAC9C,QAAM,aAAa,IAAI,QAAQ,gBAAgB,CAAC,CAAC;AACjD,aAAW,KAAK,0BAA0B,KAAK,mBAAmB,IAAI,CAAC;AACvE,SAAO,QAAQ;AACf,MAAI,QAAQ,gBAAgB,UAAU;AAEtC,SAAO;AACT;",
+  "names": []
+}