@elliemae/ds-data-table 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/esm/redux/reducers/rowsReducers/logic.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/logic.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nexport const setRowsIsDragging = (payload, state) => {\n  state.isDraggingRow = payload;\n};\nexport const setRowIsKeyboardDragging = (payload, state) => {\n  state.isKeyboardDraggingRow = payload;\n};\nexport const setRowRelativeMouseCoord = (payload, state) => {\n  state.relativeRowMouseCord = payload;\n};\nexport const setRowDraggedRowId = (payload, state) => {\n  state.draggedRowId = payload;\n};\nexport const setRowHoverRowId = (payload, state) => {\n  state.hoverRowId = payload;\n};\nexport const setRowSelectedRowId = (payload, state) => {\n  state.selectedRowId = payload;\n};\nexport const setRowFocusedRowId = (payload, state) => {\n  state.focusedRowId = payload;\n};\nexport const setRowDnDActiveRowId = (payload, state) => {\n  state.DnDActiveId = payload;\n};\n"],
-  "mappings": "AAAA;ACCO,MAAM,oBAAoB,CAAC,SAAS,UAAU;AACnD,QAAM,gBAAgB;AAAA;AAEjB,MAAM,2BAA2B,CAAC,SAAS,UAAU;AAC1D,QAAM,wBAAwB;AAAA;AAEzB,MAAM,2BAA2B,CAAC,SAAS,UAAU;AAC1D,QAAM,uBAAuB;AAAA;AAExB,MAAM,qBAAqB,CAAC,SAAS,UAAU;AACpD,QAAM,eAAe;AAAA;AAEhB,MAAM,mBAAmB,CAAC,SAAS,UAAU;AAClD,QAAM,aAAa;AAAA;AAEd,MAAM,sBAAsB,CAAC,SAAS,UAAU;AACrD,QAAM,gBAAgB;AAAA;AAEjB,MAAM,qBAAqB,CAAC,SAAS,UAAU;AACpD,QAAM,eAAe;AAAA;AAEhB,MAAM,uBAAuB,CAAC,SAAS,UAAU;AACtD,QAAM,cAAc;AAAA;",
-  "names": []
-}

package/dist/esm/redux/reducers/rowsReducers/rowsReducer.js

@@ -1,67 +0,0 @@
-import * as React from "react";
-import { createSlice } from "@reduxjs/toolkit";
-import {
-  setRowsIsDragging,
-  setRowIsKeyboardDragging,
-  setRowRelativeMouseCoord,
-  setRowDraggedRowId,
-  setRowHoverRowId,
-  setRowSelectedRowId,
-  setRowFocusedRowId,
-  setRowDnDActiveRowId
-} from "./logic";
-import { defaultRowsReducerState } from "./defaults";
-const rowsSlice = createSlice({
-  name: "rows",
-  initialState: defaultRowsReducerState,
-  reducers: {
-    setRowsIsDraggingAction(state, action) {
-      setRowsIsDragging(action.payload, state);
-    },
-    setRowIsKeyboardDraggingAction(state, action) {
-      setRowIsKeyboardDragging(action.payload, state);
-    },
-    setRowRelativeMouseCoordAction(state, action) {
-      setRowRelativeMouseCoord(action.payload, state);
-    },
-    setRowDraggedRowIdAction(state, action) {
-      setRowDraggedRowId(action.payload, state);
-    },
-    setRowHoverRowIdAction(state, action) {
-      setRowHoverRowId(action.payload, state);
-    },
-    setRowSelectedRowIdAction(state, action) {
-      setRowSelectedRowId(action.payload, state);
-    },
-    setRowFocusedRowIdAction(state, action) {
-      setRowFocusedRowId(action.payload, state);
-    },
-    setRowDnDActiveRowIdAction(state, action) {
-      setRowDnDActiveRowId(action.payload, state);
-    }
-  }
-});
-const {
-  setRowsIsDraggingAction,
-  setRowIsKeyboardDraggingAction,
-  setRowDraggedRowIdAction,
-  setRowHoverRowIdAction,
-  setRowSelectedRowIdAction,
-  setRowFocusedRowIdAction,
-  setRowRelativeMouseCoordAction,
-  setRowDnDActiveRowIdAction
-} = rowsSlice.actions;
-const { reducer } = rowsSlice;
-export {
-  reducer,
-  rowsSlice,
-  setRowDnDActiveRowIdAction,
-  setRowDraggedRowIdAction,
-  setRowFocusedRowIdAction,
-  setRowHoverRowIdAction,
-  setRowIsKeyboardDraggingAction,
-  setRowRelativeMouseCoordAction,
-  setRowSelectedRowIdAction,
-  setRowsIsDraggingAction
-};
-//# sourceMappingURL=rowsReducer.js.map

package/dist/esm/redux/reducers/rowsReducers/rowsReducer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/rowsReducer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createSlice } from '@reduxjs/toolkit';\nimport {\n  setRowsIsDragging,\n  setRowIsKeyboardDragging,\n  setRowRelativeMouseCoord,\n  setRowDraggedRowId,\n  setRowHoverRowId,\n  setRowSelectedRowId,\n  setRowFocusedRowId,\n  setRowDnDActiveRowId,\n} from './logic';\nimport { defaultRowsReducerState } from './defaults';\n\nexport const rowsSlice = createSlice({\n  name: 'rows',\n  initialState: defaultRowsReducerState,\n  reducers: {\n    setRowsIsDraggingAction(state, action) {\n      setRowsIsDragging(action.payload, state);\n    },\n    setRowIsKeyboardDraggingAction(state, action) {\n      setRowIsKeyboardDragging(action.payload, state);\n    },\n    setRowRelativeMouseCoordAction(state, action) {\n      setRowRelativeMouseCoord(action.payload, state);\n    },\n    setRowDraggedRowIdAction(state, action) {\n      setRowDraggedRowId(action.payload, state);\n    },\n    setRowHoverRowIdAction(state, action) {\n      setRowHoverRowId(action.payload, state);\n    },\n    setRowSelectedRowIdAction(state, action) {\n      setRowSelectedRowId(action.payload, state);\n    },\n    setRowFocusedRowIdAction(state, action) {\n      setRowFocusedRowId(action.payload, state);\n    },\n    setRowDnDActiveRowIdAction(state, action) {\n      setRowDnDActiveRowId(action.payload, state);\n    },\n  },\n});\n\nexport const {\n  setRowsIsDraggingAction,\n  setRowIsKeyboardDraggingAction,\n  setRowDraggedRowIdAction,\n  setRowHoverRowIdAction,\n  setRowSelectedRowIdAction,\n  setRowFocusedRowIdAction,\n  setRowRelativeMouseCoordAction,\n  setRowDnDActiveRowIdAction,\n} = rowsSlice.actions;\nexport const { reducer } = rowsSlice;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEO,MAAM,YAAY,YAAY;AAAA,EACnC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,UAAU;AAAA,IACR,wBAAwB,OAAO,QAAQ;AACrC,wBAAkB,OAAO,SAAS;AAAA;AAAA,IAEpC,+BAA+B,OAAO,QAAQ;AAC5C,+BAAyB,OAAO,SAAS;AAAA;AAAA,IAE3C,+BAA+B,OAAO,QAAQ;AAC5C,+BAAyB,OAAO,SAAS;AAAA;AAAA,IAE3C,yBAAyB,OAAO,QAAQ;AACtC,yBAAmB,OAAO,SAAS;AAAA;AAAA,IAErC,uBAAuB,OAAO,QAAQ;AACpC,uBAAiB,OAAO,SAAS;AAAA;AAAA,IAEnC,0BAA0B,OAAO,QAAQ;AACvC,0BAAoB,OAAO,SAAS;AAAA;AAAA,IAEtC,yBAAyB,OAAO,QAAQ;AACtC,yBAAmB,OAAO,SAAS;AAAA;AAAA,IAErC,2BAA2B,OAAO,QAAQ;AACxC,2BAAqB,OAAO,SAAS;AAAA;AAAA;AAAA;AAKpC,MAAM;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACE,UAAU;AACP,MAAM,EAAE,YAAY;",
-  "names": []
-}

package/dist/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js

@@ -1,41 +0,0 @@
-import * as React from "react";
-import { useCallback } from "react";
-import { useDispatch } from "react-redux";
-import {
-  setRowsIsDraggingAction,
-  setRowIsKeyboardDraggingAction,
-  setRowDraggedRowIdAction,
-  setRowHoverRowIdAction,
-  setRowSelectedRowIdAction,
-  setRowFocusedRowIdAction,
-  setRowRelativeMouseCoordAction,
-  setRowDnDActiveRowIdAction
-} from "./rowsReducer";
-import { defaultRelativeRowMouseCoord } from "./defaults";
-const useDispatchRowsActions = () => {
-  const dispatch = useDispatch();
-  const setHoverRowId = useCallback((newHoverRowId) => dispatch(setRowHoverRowIdAction(newHoverRowId)), [dispatch]);
-  const setDnDActiveRowId = useCallback((newDnDActiveRowId) => dispatch(setRowDnDActiveRowIdAction(newDnDActiveRowId)), [dispatch]);
-  const setSelectedRowId = useCallback((newSelectedRowId) => dispatch(setRowSelectedRowIdAction(newSelectedRowId)), [dispatch]);
-  const setFocusedRowId = useCallback((newFocusedRowId) => dispatch(setRowFocusedRowIdAction(newFocusedRowId)), [dispatch]);
-  const setIsDraggingRow = useCallback((newIsDraggingRow) => dispatch(setRowsIsDraggingAction(newIsDraggingRow)), [dispatch]);
-  const setIsKeyboardDraggingRow = useCallback((newIsKeyboardDraggingRow) => dispatch(setRowIsKeyboardDraggingAction(newIsKeyboardDraggingRow)), [dispatch]);
-  const setRelativeRowMouseCord = useCallback((newRelativeRowMouseCord) => dispatch(setRowRelativeMouseCoordAction(newRelativeRowMouseCord)), [dispatch]);
-  const resetRelativeRowMouseCord = useCallback(() => dispatch(setRowRelativeMouseCoordAction(defaultRelativeRowMouseCoord)), [dispatch]);
-  const setDraggedRowId = useCallback((newDraggedRowId) => dispatch(setRowDraggedRowIdAction(newDraggedRowId)), [dispatch]);
-  return {
-    setHoverRowId,
-    setDnDActiveRowId,
-    setSelectedRowId,
-    setFocusedRowId,
-    setIsDraggingRow,
-    setIsKeyboardDraggingRow,
-    setRelativeRowMouseCord,
-    resetRelativeRowMouseCord,
-    setDraggedRowId
-  };
-};
-export {
-  useDispatchRowsActions
-};
-//# sourceMappingURL=useDispatchRowsActions.js.map

package/dist/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/useDispatchRowsActions.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { useDispatch } from 'react-redux';\nimport {\n  setRowsIsDraggingAction,\n  setRowIsKeyboardDraggingAction,\n  setRowDraggedRowIdAction,\n  setRowHoverRowIdAction,\n  setRowSelectedRowIdAction,\n  setRowFocusedRowIdAction,\n  setRowRelativeMouseCoordAction,\n  setRowDnDActiveRowIdAction,\n} from './rowsReducer';\nimport { defaultRelativeRowMouseCoord } from './defaults';\n\nexport const useDispatchRowsActions = () => {\n  const dispatch = useDispatch();\n\n  const setHoverRowId = useCallback(\n    (newHoverRowId) => dispatch(setRowHoverRowIdAction(newHoverRowId)),\n    [dispatch],\n  );\n  const setDnDActiveRowId = useCallback(\n    (newDnDActiveRowId) =>\n      dispatch(setRowDnDActiveRowIdAction(newDnDActiveRowId)),\n    [dispatch],\n  );\n  const setSelectedRowId = useCallback(\n    (newSelectedRowId) => dispatch(setRowSelectedRowIdAction(newSelectedRowId)),\n    [dispatch],\n  );\n  const setFocusedRowId = useCallback(\n    (newFocusedRowId) => dispatch(setRowFocusedRowIdAction(newFocusedRowId)),\n    [dispatch],\n  );\n\n  const setIsDraggingRow = useCallback(\n    (newIsDraggingRow) => dispatch(setRowsIsDraggingAction(newIsDraggingRow)),\n    [dispatch],\n  );\n  const setIsKeyboardDraggingRow = useCallback(\n    (newIsKeyboardDraggingRow) =>\n      dispatch(setRowIsKeyboardDraggingAction(newIsKeyboardDraggingRow)),\n    [dispatch],\n  );\n\n  const setRelativeRowMouseCord = useCallback(\n    (newRelativeRowMouseCord) =>\n      dispatch(setRowRelativeMouseCoordAction(newRelativeRowMouseCord)),\n    [dispatch],\n  );\n\n  const resetRelativeRowMouseCord = useCallback(\n    () =>\n      dispatch(setRowRelativeMouseCoordAction(defaultRelativeRowMouseCoord)),\n    [dispatch],\n  );\n\n  const setDraggedRowId = useCallback(\n    (newDraggedRowId) => dispatch(setRowDraggedRowIdAction(newDraggedRowId)),\n    [dispatch],\n  );\n\n  return {\n    setHoverRowId,\n    setDnDActiveRowId,\n    setSelectedRowId,\n    setFocusedRowId,\n    setIsDraggingRow,\n    setIsKeyboardDraggingRow,\n    setRelativeRowMouseCord,\n    resetRelativeRowMouseCord,\n    setDraggedRowId,\n  };\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEO,MAAM,yBAAyB,MAAM;AAC1C,QAAM,WAAW;AAEjB,QAAM,gBAAgB,YACpB,CAAC,kBAAkB,SAAS,uBAAuB,iBACnD,CAAC;AAEH,QAAM,oBAAoB,YACxB,CAAC,sBACC,SAAS,2BAA2B,qBACtC,CAAC;AAEH,QAAM,mBAAmB,YACvB,CAAC,qBAAqB,SAAS,0BAA0B,oBACzD,CAAC;AAEH,QAAM,kBAAkB,YACtB,CAAC,oBAAoB,SAAS,yBAAyB,mBACvD,CAAC;AAGH,QAAM,mBAAmB,YACvB,CAAC,qBAAqB,SAAS,wBAAwB,oBACvD,CAAC;AAEH,QAAM,2BAA2B,YAC/B,CAAC,6BACC,SAAS,+BAA+B,4BAC1C,CAAC;AAGH,QAAM,0BAA0B,YAC9B,CAAC,4BACC,SAAS,+BAA+B,2BAC1C,CAAC;AAGH,QAAM,4BAA4B,YAChC,MACE,SAAS,+BAA+B,gCAC1C,CAAC;AAGH,QAAM,kBAAkB,YACtB,CAAC,oBAAoB,SAAS,yBAAyB,mBACvD,CAAC;AAGH,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/redux/storeConfig.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { rootReducer } from "./reducers";
-const storeConfig = {
-  reducer: rootReducer
-};
-export {
-  storeConfig
-};
-//# sourceMappingURL=storeConfig.js.map

package/dist/esm/redux/storeConfig.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/redux/storeConfig.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { rootReducer } from './reducers';\n\nexport const storeConfig = {\n  reducer: rootReducer,\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA;",
-  "names": []
-}

package/dist/esm/styled.js

@@ -1,282 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { EditPencil } from "@elliemae/ds-icons";
-import { sizeToCss, cellPadding, columnPadding } from "./helpers";
-import { ZIndexDataTable } from "./configs/zIndexInternalConfig";
-import { ColsLayoutStyle } from "./configs/constants";
-const styledFocusCss = ({ theme }) => `
-&:after {
-  display: block;
-  content: ' ';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border: 2px solid ${theme.colors.brand[700]};
-  pointer-events: none;
-  z-index: ${ZIndexDataTable.FOCUS_BORDER};
-}`;
-const StyledFocusWithin = styled(Grid)`
-  :focus-within {
-    ${(props) => props.hideFocus ? "" : styledFocusCss(props)}
-  }
-`;
-const StyledDataTableWrapper = styled.div`
-  width: ${(props) => sizeToCss(props.width ?? " 100%")};
-  height: ${(props) => sizeToCss(props.height ?? " 100%")};
-  user-select: ${({ noSelectionAllowed }) => noSelectionAllowed ? "none" : "auto"};
-`;
-const StyledTableWrapper = styled.div`
-  display: inline-block;
-  border-spacing: 0;
-  z-index: 0;
-  position: relative;
-  ${({ width = "100%", height = "100%" }) => `
-  width: ${sizeToCss(width)};
-  height: ${sizeToCss(height)};
-  `}
-`;
-const StyledTableContentWrapper = styled.div`
-  position: relative;
-  ${({ height = "auto" }) => `
-  height: ${sizeToCss(height)};
-  `}
-`;
-const StyledVirtualListWrapper = styled.div`
-  overflow: auto;
-  ${({ height = "auto", width = "100%" }) => `
-  height: ${sizeToCss(height)};
-  width: ${sizeToCss(width)};
-  `}
-`;
-const getGridTemplateColumnsStyle = ({
-  cols,
-  colsLayoutStyle = ColsLayoutStyle.Auto
-}) => {
-  if (!cols)
-    return "";
-  if (colsLayoutStyle === "fixed") {
-    const widthAttr = cols.map((col) => `minmax(0, ${col})`).join(" ");
-    return `grid-template-columns: ${widthAttr}`;
-  }
-  return `grid-template-columns: ${cols.map((col) => `minmax(0, ${col})`).join(" ")}`;
-};
-const StyledHeadWrapper = styled.div`
-  position: relative; /* ie11 fallback */
-  position: sticky;
-  top: 0;
-  z-index: 4;
-  background: white;
-  width: ${(props) => props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : "100%"};
-`;
-const StyledHeadTr = styled(Grid)`
-  ${(props) => props.colsLayoutStyle === ColsLayoutStyle.Auto ? "width:100%" : ""};
-  ${(props) => getGridTemplateColumnsStyle({
-  cols: props.cols,
-  isExpandable: props.isExpandable,
-  colsLayoutStyle: props.colsLayoutStyle
-})};
-`;
-const getStyledHeadTHBorderColor = (props) => {
-  if (props.dragOverlay)
-    return "transparent";
-  if (props.isFirstRowGroup)
-    return "transparent";
-  return props.theme.colors.neutral["080"];
-};
-const StyledHeadTh = styled.div`
-  min-height: 24px;
-  line-height: normal;
-  font-weight: 600;
-  text-transform: uppercase;
-  font-size: 0.923rem;
-  text-align: left;
-  ${columnPadding}
-  color: #353c46;
-  min-height: 1.84615rem;
-  position: relative;
-  position: sticky;
-  top: 0;
-  z-index: ${ZIndexDataTable.HEADER_ROW};
-  display: flex;
-  justify-content: space-between;
-  box-sizing: border-box;
-  border-right: 1px solid ${(props) => props.theme.colors.neutral["080"]};
-  border-bottom: 1px solid ${getStyledHeadTHBorderColor};
-  outline: none;
-
-  :focus {
-    &:after {
-      display: block;
-      content: ' ';
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: -1px;
-      bottom: -1px;
-      border: 2px solid ${(props) => props.theme.colors.brand[700]};
-      pointer-events: none;
-      z-index: ${ZIndexDataTable.FOCUS_BORDER};
-    }
-  }
-
-  ${(props) => props.isDraggingActive ? "" : `:hover {
-    border-bottom: 1px solid ${props.isDragOverlay ? "transparent" : props.theme.colors.brand[800]};
-    cursor: pointer;
-  }`}
-`;
-const StyledHeaderRightIconsWrapper = styled.div`
-  height: 100%;
-  display: flex;
-  align-items: center;
-  max-height: 24px;
-`;
-const StyledResizer = styled.div`
-  display: inline-block;
-  background: ${({ isResizing, theme }) => isResizing ? theme.colors.brand[600] : theme.colors.brand[400]};
-  width: 4px;
-  height: 100%;
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: 1;
-
-  // prevents from scrolling while dragging on touch devices
-  touch-action: none;
-
-  cursor: col-resize;
-`;
-const StyledActionCell = styled.div`
-  position: relative; /* ie11 fallback */
-  position: sticky;
-  display: inline-block;
-  right: 0;
-  /* border-bottom: 1px solid #ebedf0; */
-  background: white;
-`;
-const StyledCell = styled.div`
-  ${cellPadding}
-  /* border-bottom: 1px solid #ebedf0; */
-  /* box-sizing: border-box; */
-  display: flex;
-  align-items: center;
-  width: 100%;
-  position: relative;
-`;
-const StyledCellContent = styled.div`
-  display: grid;
-  justify-self: flex-end;
-  flex: 1 1 auto;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-`;
-const StyledPencilIcon = styled(EditPencil)``;
-const StyledEditableContainer = styled(Grid)`
-  width: 100%;
-  height: 100%;
-  align-items: center;
-  & ${StyledPencilIcon} {
-    display: ${({ shouldDisplayEditIcon }) => shouldDisplayEditIcon ? "block" : "none"};
-  }
-  &:hover {
-    ${StyledPencilIcon} {
-      display: block;
-    }
-  }
-  &:focus {
-    ${styledFocusCss}
-    ${StyledPencilIcon} {
-      display: block;
-    }
-  }
-  outline: none;
-`;
-const StyledFullsizeGrid = styled(Grid)`
-  position: relative;
-  z-index: ${ZIndexDataTable.ROW};
-
-  min-height: ${(props) => props.minHeight || "36px"};
-  height: ${(props) => props.height || "auto"};
-  /* width: ${(props) => props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : "100%"}; */
-`;
-const GroupHeaderContainer = styled(Grid)`
-  position: relative;
-  background-color: ${({ theme }) => theme.colors.brand[200]};
-  align-items: center;
-  padding: 0 ${(props) => props.padding};
-  border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};
-  grid-template-columns: min-content 1fr;
-`;
-const GroupHeaderTitle = styled.span`
-  font-weight: ${(props) => props.theme.fontWeights.semibold};
-  font-size: 12px;
-  color: ${(props) => props.theme.colors.neutral[700]};
-`;
-const StyledCellContainer = styled(Grid)`
-  position: relative;
-  z-index: 2;
-
-  min-height: ${(props) => props.minHeight || "36px"};
-  height: ${(props) => props.height || "auto"};
-
-  width: ${(props) => props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : "100%"};
-  ${(props) => props.isDragOverlay ? "width: fit-content;" : ""};
-  ${(props) => getGridTemplateColumnsStyle({
-  cols: props.cols,
-  colsLayoutStyle: props.colLayoutStyle,
-  isExpandable: props.isExpandable
-})};
-  background-color: ${({ backgroundColor, isDragging, theme }) => isDragging ? theme.colors.neutral[100] : backgroundColor || "white"};
-
-  outline: none;
-
-  :focus {
-    ${(props) => props.isDragOverlay ? "" : styledFocusCss(props)}
-  }
-
-  ${({ isDropIndicatorPositionInside, theme }) => {
-  if (!isDropIndicatorPositionInside)
-    return "";
-  return styledFocusCss({ theme });
-}}
-
-  ${({ shouldDisplayHover, theme }) => shouldDisplayHover ? `:hover {
-            background-color: ${theme.colors.brand[200]};
-          }` : ""}
-
-  box-shadow: 0 2px 4px 0 ${(props) => props.isDragOverlay ? "rgba(0,0,0,0.5)" : "transparent"};
-
-  opacity: ${(props) => props.isDragging ? 0.8 : 1};
-
-  ${(props) => !props.selected ? "" : `
-    background-color: ${props.theme.colors.brand[200]};
-    border: 1px solid ${props.theme.colors.brand[500]};
-    `}
-
-  color: ${(props) => props.disabled ? props.theme.colors.neutral["500"] : "#333333"};
-`;
-export {
-  GroupHeaderContainer,
-  GroupHeaderTitle,
-  StyledActionCell,
-  StyledCell,
-  StyledCellContainer,
-  StyledCellContent,
-  StyledDataTableWrapper,
-  StyledEditableContainer,
-  StyledFocusWithin,
-  StyledFullsizeGrid,
-  StyledHeadTh,
-  StyledHeadTr,
-  StyledHeadWrapper,
-  StyledHeaderRightIconsWrapper,
-  StyledPencilIcon,
-  StyledResizer,
-  StyledTableContentWrapper,
-  StyledTableWrapper,
-  StyledVirtualListWrapper
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { sizeToCss, cellPadding, columnPadding } from './helpers';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig';\nimport { ColsLayoutStyle } from './configs/constants';\n\ninterface WidthAndHeight {\n  width?: string | number;\n  height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }) => `\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ${theme.colors.brand[700]};\n  pointer-events: none;\n  z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid)`\n  :focus-within {\n    ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n  }\n`;\n\nexport const StyledDataTableWrapper = styled.div<WidthAndHeight & { noSelectionAllowed: boolean }>`\n  width: ${(props) => sizeToCss(props.width ?? ' 100%')};\n  height: ${(props) => sizeToCss(props.height ?? ' 100%')};\n  user-select: ${({ noSelectionAllowed }) => (noSelectionAllowed ? 'none' : 'auto')};\n`;\nexport const StyledTableWrapper = styled.div<WidthAndHeight>`\n  display: inline-block;\n  border-spacing: 0;\n  z-index: 0;\n  position: relative;\n  ${({ width = '100%', height = '100%' }) => `\n  width: ${sizeToCss(width)};\n  height: ${sizeToCss(height)};\n  `}\n`;\nexport const StyledTableContentWrapper = styled.div<WidthAndHeight>`\n  position: relative;\n  ${({ height = 'auto' }) => `\n  height: ${sizeToCss(height)};\n  `}\n`;\nexport const StyledVirtualListWrapper = styled.div<WidthAndHeight>`\n  overflow: auto;\n  ${({ height = 'auto', width = '100%' }) => `\n  height: ${sizeToCss(height)};\n  width: ${sizeToCss(width)};\n  `}\n`;\n\n/**\n * HEADER\n */\ntype gridTemplateColumnStyleProps = {\n  cols: string[];\n  isExpandable: boolean;\n  colsLayoutStyle: ColsLayoutStyle;\n};\nconst getGridTemplateColumnsStyle = ({\n  cols,\n  colsLayoutStyle = ColsLayoutStyle.Auto,\n}: gridTemplateColumnStyleProps) => {\n  if (!cols) return '';\n  if (colsLayoutStyle === 'fixed') {\n    const widthAttr = cols.map((col) => `minmax(0, ${col})`).join(' ');\n    return `grid-template-columns: ${widthAttr}`;\n  }\n\n  return `grid-template-columns: ${cols.map((col) => `minmax(0, ${col})`).join(' ')}`;\n};\n\nexport const StyledHeadWrapper = styled.div<{\n  colsLayoutStyle: string;\n  totalColumnsWidth: number | string;\n}>`\n  position: relative; /* ie11 fallback */\n  position: sticky;\n  top: 0;\n  z-index: 4;\n  background: white;\n  width: ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n`;\n\nexport const StyledHeadTr = styled(Grid)`\n  ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '')};\n  ${(props) =>\n    getGridTemplateColumnsStyle({\n      cols: props.cols,\n      isExpandable: props.isExpandable,\n      colsLayoutStyle: props.colsLayoutStyle,\n    })};\n`;\n\nconst getStyledHeadTHBorderColor = (props) => {\n  if (props.dragOverlay) return 'transparent';\n  if (props.isFirstRowGroup) return 'transparent';\n  return props.theme.colors.neutral['080'];\n};\n\nexport const StyledHeadTh = styled.div<any>`\n  min-height: 24px;\n  line-height: normal;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-size: 0.923rem;\n  text-align: left;\n  ${columnPadding}\n  color: #353c46;\n  min-height: 1.84615rem;\n  position: relative;\n  position: sticky;\n  top: 0;\n  z-index: ${ZIndexDataTable.HEADER_ROW};\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n  border-right: 1px solid ${(props) => props.theme.colors.neutral['080']};\n  border-bottom: 1px solid ${getStyledHeadTHBorderColor};\n  outline: none;\n\n  :focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: -1px;\n      bottom: -1px;\n      border: 2px solid ${(props) => props.theme.colors.brand[700]};\n      pointer-events: none;\n      z-index: ${ZIndexDataTable.FOCUS_BORDER};\n    }\n  }\n\n  ${(props) =>\n    props.isDraggingActive\n      ? ''\n      : `:hover {\n    border-bottom: 1px solid ${props.isDragOverlay ? 'transparent' : props.theme.colors.brand[800]};\n    cursor: pointer;\n  }`}\n`;\n\nexport const StyledHeaderRightIconsWrapper = styled.div`\n  height: 100%;\n  display: flex;\n  align-items: center;\n  max-height: 24px;\n`;\n\nexport const StyledResizer = styled.div<{ isResizing: boolean }>`\n  display: inline-block;\n  background: ${({ isResizing, theme }) => (isResizing ? theme.colors.brand[600] : theme.colors.brand[400])};\n  width: 4px;\n  height: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1;\n\n  // prevents from scrolling while dragging on touch devices\n  touch-action: none;\n\n  cursor: col-resize;\n`;\n\n// CELL ***********************************************************************/\nexport const StyledActionCell = styled.div`\n  position: relative; /* ie11 fallback */\n  position: sticky;\n  display: inline-block;\n  right: 0;\n  /* border-bottom: 1px solid #ebedf0; */\n  background: white;\n`;\n\nexport const StyledCell = styled.div`\n  ${cellPadding}\n  /* border-bottom: 1px solid #ebedf0; */\n  /* box-sizing: border-box; */\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledCellContent = styled.div`\n  display: grid;\n  justify-self: flex-end;\n  flex: 1 1 auto;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n`;\n\nexport const StyledPencilIcon = styled(EditPencil)``;\n\nexport const StyledEditableContainer = styled(Grid)<{ shouldDisplayEditIcon: string }>`\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  & ${StyledPencilIcon} {\n    display: ${({ shouldDisplayEditIcon }) => (shouldDisplayEditIcon ? 'block' : 'none')};\n  }\n  &:hover {\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  &:focus {\n    ${styledFocusCss}\n    ${StyledPencilIcon} {\n      display: block;\n    }\n  }\n  outline: none;\n`;\n\n// ROW ************************************************************************/\nexport const StyledFullsizeGrid = styled(Grid)`\n  position: relative;\n  z-index: ${ZIndexDataTable.ROW};\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n  /* width: ${(props) =>\n    props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%'}; */\n`;\n\nexport const GroupHeaderContainer = styled(Grid)<{ padding: string }>`\n  position: relative;\n  background-color: ${({ theme }) => theme.colors.brand[200]};\n  align-items: center;\n  padding: 0 ${(props) => props.padding};\n  border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};\n  grid-template-columns: min-content 1fr;\n`;\n\nexport const GroupHeaderTitle = styled.span`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 12px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n`;\n\nexport const StyledCellContainer = styled(Grid)`\n  position: relative;\n  z-index: 2;\n\n  min-height: ${(props) => props.minHeight || '36px'};\n  height: ${(props) => props.height || 'auto'};\n\n  width: ${(props) => (props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n  ${(props) => (props.isDragOverlay ? 'width: fit-content;' : '')};\n  ${(props) =>\n    getGridTemplateColumnsStyle({\n      cols: props.cols,\n      colsLayoutStyle: props.colLayoutStyle,\n      isExpandable: props.isExpandable,\n    })};\n  background-color: ${({ backgroundColor, isDragging, theme }) =>\n    isDragging ? theme.colors.neutral[100] : backgroundColor || 'white'};\n\n  outline: none;\n\n  :focus {\n    ${(props) => (props.isDragOverlay ? '' : styledFocusCss(props))}\n  }\n\n  ${({ isDropIndicatorPositionInside, theme }) => {\n    if (!isDropIndicatorPositionInside) return '';\n    return styledFocusCss({ theme });\n  }}\n\n  ${({ shouldDisplayHover, theme }) =>\n    shouldDisplayHover\n      ? `:hover {\n            background-color: ${theme.colors.brand[200]};\n          }`\n      : ''}\n\n  box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n\n  opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n\n  ${(props) =>\n    !props.selected\n      ? ''\n      : `\n    background-color: ${props.theme.colors.brand[200]};\n    border: 1px solid ${props.theme.colors.brand[500]};\n    `}\n\n  color: ${(props) => (props.disabled ? props.theme.colors.neutral['500'] : '#333333')};\n`;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/tests/utils/index.js

@@ -1,90 +0,0 @@
-import * as React from "react";
-import { uid } from "uid";
-const genColumns = (canSort = false) => [
-  {
-    Header: "id",
-    accessor: "id",
-    canSort
-  },
-  {
-    Header: "Name",
-    accessor: "name",
-    canSort
-  },
-  {
-    Header: "Position",
-    accessor: "position",
-    canSort
-  },
-  {
-    Header: "Country",
-    accessor: "country",
-    canSort
-  },
-  {
-    Header: "Salary",
-    accessor: "salary"
-  },
-  {
-    Header: "Single date",
-    accessor: "singleDate"
-  },
-  {
-    Header: "Date range",
-    accessor: "dateRange"
-  }
-];
-const generateRecord = (id) => ({
-  id: id + 1,
-  name: (id + 1) % 2 ? `John` : "Francisco",
-  position: (id + 1) % 2 ? `Developer` : `Designer`,
-  country: (id + 1) % 2 ? "US" : "ARG",
-  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
-  singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
-  dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
-  uid: uid(16)
-});
-const generateRecordWithOneChild = (id, level = 0) => {
-  const record = {
-    id: id + 1,
-    name: (id + 1) % 2 ? `John` : "Francisco",
-    position: (id + 1) % 2 ? `Developer` : `Designer`,
-    country: (id + 1) % 2 ? "US" : "ARG",
-    salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
-    singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
-    dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
-    myUniqueRowAccessor: uid(16)
-  };
-  if (level === 0)
-    record.subRows = [generateRecordWithOneChild(0, level + 1)];
-  return record;
-};
-const generateMasterDetailRecord = (id) => ({
-  id: id + 1,
-  name: (id + 1) % 2 ? `John` : "Francisco",
-  position: (id + 1) % 2 ? `Developer` : `Designer`,
-  country: (id + 1) % 2 ? "US" : "ARG",
-  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
-  singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
-  dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
-  myUniqueRowAccessor: uid(16),
-  tableRowDetails: () => "Custom JSX"
-});
-const generateGroupedRecord = (id) => ({
-  dimsumHeaderValue: id,
-  row_variant_type: "ds_header_group_row",
-  subRows: [generateRecord(0)],
-  uid: uid(16)
-});
-const genRows = (n) => new Array(n).fill({}).map((_, id) => generateRecord(id));
-const genExpandableRows = (n) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));
-const genMasterDetailRows = (n) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));
-const genGroupedRows = (n) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));
-export {
-  genColumns,
-  genExpandableRows,
-  genGroupedRows,
-  genMasterDetailRows,
-  genRows
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/tests/utils/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/utils/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { uid } from 'uid';\n\nexport const genColumns = (canSort = false) => [\n  {\n    Header: 'id',\n    accessor: 'id',\n    canSort,\n  },\n  {\n    Header: 'Name',\n    accessor: 'name',\n    canSort,\n  },\n  {\n    Header: 'Position',\n    accessor: 'position',\n    canSort,\n  },\n  {\n    Header: 'Country',\n    accessor: 'country',\n    canSort,\n  },\n  {\n    Header: 'Salary',\n    accessor: 'salary',\n  },\n  {\n    Header: 'Single date',\n    accessor: 'singleDate',\n  },\n  {\n    Header: 'Date range',\n    accessor: 'dateRange',\n  },\n];\n\nconst generateRecord = (id: number) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  uid: uid(16),\n});\n\nconst generateRecordWithOneChild = (id: number, level = 0) => {\n  const record: Record<string, any> = {\n    id: id + 1,\n    name: (id + 1) % 2 ? `John` : 'Francisco',\n    position: (id + 1) % 2 ? `Developer` : `Designer`,\n    country: (id + 1) % 2 ? 'US' : 'ARG',\n    salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n    singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n    dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n    myUniqueRowAccessor: uid(16),\n  };\n  if (level === 0) record.subRows = [generateRecordWithOneChild(0, level + 1)];\n  return record;\n};\n\nconst generateMasterDetailRecord = (id) => ({\n  id: id + 1,\n  name: (id + 1) % 2 ? `John` : 'Francisco',\n  position: (id + 1) % 2 ? `Developer` : `Designer`,\n  country: (id + 1) % 2 ? 'US' : 'ARG',\n  salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n  singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n  dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n  myUniqueRowAccessor: uid(16),\n  tableRowDetails: () => 'Custom JSX',\n});\n\nconst generateGroupedRecord = (id) => ({\n  dimsumHeaderValue: id,\n  row_variant_type: 'ds_header_group_row',\n  subRows: [generateRecord(0)],\n  uid: uid(16),\n});\n\nexport const genRows = (n: number) => new Array(n).fill({}).map((_, id) => generateRecord(id));\nexport const genExpandableRows = (n: number) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));\nexport const genMasterDetailRows = (n: number) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));\nexport const genGroupedRows = (n: number) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,aAAa,CAAC,UAAU,UAAU;AAAA,EAC7C;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA;AAAA,EAEF;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,EAEZ;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,EAEZ;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA;AAId,MAAM,iBAAiB,CAAC,OAAgB;AAAA,EACtC,IAAI,KAAK;AAAA,EACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,EAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,EACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,EAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,EACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC3C,KAAK,IAAI;AAAA;AAGX,MAAM,6BAA6B,CAAC,IAAY,QAAQ,MAAM;AAC5D,QAAM,SAA8B;AAAA,IAClC,IAAI,KAAK;AAAA,IACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,IAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,IACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,IAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,IACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,IAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,IAC3C,qBAAqB,IAAI;AAAA;AAE3B,MAAI,UAAU;AAAG,WAAO,UAAU,CAAC,2BAA2B,GAAG,QAAQ;AACzE,SAAO;AAAA;AAGT,MAAM,6BAA6B,CAAC,OAAQ;AAAA,EAC1C,IAAI,KAAK;AAAA,EACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,EAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,EACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,EAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,EACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC3C,qBAAqB,IAAI;AAAA,EACzB,iBAAiB,MAAM;AAAA;AAGzB,MAAM,wBAAwB,CAAC,OAAQ;AAAA,EACrC,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,SAAS,CAAC,eAAe;AAAA,EACzB,KAAK,IAAI;AAAA;AAGJ,MAAM,UAAU,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,eAAe;AACnF,MAAM,oBAAoB,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,2BAA2B;AACzG,MAAM,sBAAsB,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,2BAA2B;AAC3G,MAAM,iBAAiB,CAAC,MAAc,IAAI,MAAM,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,OAAO,sBAAsB;",
-  "names": []
-}

package/dist/esm/types/FunctionalHoC.js

@@ -1,2 +0,0 @@
-import * as React from "react";
-//# sourceMappingURL=FunctionalHoC.js.map

package/dist/esm/types/FunctionalHoC.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

package/dist/esm/types/props.js

@@ -1,2 +0,0 @@
-import * as React from "react";
-//# sourceMappingURL=props.js.map

package/dist/esm/types/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
-  "names": []
-}