@elliemae/ds-datagrids 3.22.0-next.8 → 3.22.0-rc.0

package/dist/esm/plugins/virtualization/index.js.map

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

package/dist/esm/renders/CellWithAddons.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/renders/CellWithAddons.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/renders/CellWithAddons.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { get } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { CellWrapper, ValueWrapper } from './styled.js';\n\n// eslint-disable-next-line complexity\nexport const CellWithAddons = ({\n  leftAddon,\n  keepLeftPadding,\n  rightAddon,\n  badgeAddon,\n  highLight,\n  isEdit,\n  editComponent,\n  value,\n  neutralText,\n  metaData,\n}) => {\n  const hasLeftAddon = !!leftAddon || keepLeftPadding;\n  const hasRightAddon = !!rightAddon && !isEdit;\n  const cols = [1];\n  const shouldBeGray = neutralText || get(metaData, 'rowData.customRowProps.neutralText');\n  if (hasLeftAddon) cols.unshift('auto');\n  if (hasRightAddon) cols.push('auto');\n  return (\n    <CellWrapper\n      noPadding={hasLeftAddon || badgeAddon || highLight || hasRightAddon}\n      hasLeftAddon={hasLeftAddon}\n      hasRightAddon={hasRightAddon}\n      badgeAddon={badgeAddon}\n      highLight={highLight}\n    >\n      <Grid height=\"100%\" cols={cols}>\n        {hasLeftAddon && (\n          <Grid alignItems=\"center\" pl=\"xxs\" pr=\"xxs\" width={keepLeftPadding ? '32px' : undefined}>\n            {hasLeftAddon && leftAddon}\n          </Grid>\n        )}\n        <Grid alignItems=\"center\">\n          <ValueWrapper grayText={shouldBeGray}>\n            {isEdit ? editComponent : <DSTruncatedTooltipText value={value} />}\n          </ValueWrapper>\n        </Grid>\n        {hasRightAddon && (\n          <Grid alignItems=\"center\" pl=\"xxs\">\n            {rightAddon}\n          </Grid>\n        )}\n      </Grid>\n    </CellWrapper>\n  );\n};\n\nCellWithAddons.propTypes = {\n  /** Text to render inside the cell */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Left Icon */\n  leftAddon: PropTypes.element,\n  /** keep the left spacing even if no left addons is addded */\n  keepLeftPadding: PropTypes.bool,\n  /** Right Icon Button or Dropdown */\n  rightAddon: PropTypes.element,\n  /** TextBox/InputMask/ComboBox */\n  editComponent: PropTypes.element,\n  /** if is true it will show editComponent */\n  isEdit: PropTypes.bool,\n  /** Shows a blue mark in the top left corner */\n  badgeAddon: PropTypes.bool,\n  /** change background color to light blue */\n  highLight: PropTypes.bool,\n  /** change text color to light gray */\n  neutralText: PropTypes.bool,\n  /** data grid meta-information */\n  metaData: PropTypes.shape({\n    className: PropTypes.string,\n    column: PropTypes.object,\n    columnIndex: PropTypes.number,\n    index: PropTypes.number,\n    isScrolling: PropTypes.bool,\n    key: PropTypes.string,\n    parentRowData: PropTypes.any,\n    property: PropTypes.string,\n    registerFocus: PropTypes.func,\n    rowData: PropTypes.object,\n    rowIndex: PropTypes.number,\n    rowKey: PropTypes.string,\n    style: PropTypes.object,\n  }),\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACkCjB,SAEI,KAFJ;AAjCN,SAAS,WAAW;AACpB,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,8BAA8B;AACvC,SAAS,aAAa,oBAAoB;AAGnC,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,CAAC,CAAC,aAAa;AACpC,QAAM,gBAAgB,CAAC,CAAC,cAAc,CAAC;AACvC,QAAM,OAAO,CAAC,CAAC;AACf,QAAM,eAAe,eAAe,IAAI,UAAU,oCAAoC;AACtF,MAAI;AAAc,SAAK,QAAQ,MAAM;AACrC,MAAI;AAAe,SAAK,KAAK,MAAM;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,gBAAgB,cAAc,aAAa;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,+BAAC,QAAK,QAAO,QAAO,MACjB;AAAA,wBACC,oBAAC,QAAK,YAAW,UAAS,IAAG,OAAM,IAAG,OAAM,OAAO,kBAAkB,SAAS,QAC3E,0BAAgB,WACnB;AAAA,QAEF,oBAAC,QAAK,YAAW,UACf,8BAAC,gBAAa,UAAU,cACrB,mBAAS,gBAAgB,oBAAC,0BAAuB,OAAc,GAClE,GACF;AAAA,QACC,iBACC,oBAAC,QAAK,YAAW,UAAS,IAAG,OAC1B,sBACH;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,YAAY;AAAA;AAAA,EAEzB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA;AAAA,EAE/D,WAAW,UAAU;AAAA;AAAA,EAErB,iBAAiB,UAAU;AAAA;AAAA,EAE3B,YAAY,UAAU;AAAA;AAAA,EAEtB,eAAe,UAAU;AAAA;AAAA,EAEzB,QAAQ,UAAU;AAAA;AAAA,EAElB,YAAY,UAAU;AAAA;AAAA,EAEtB,WAAW,UAAU;AAAA;AAAA,EAErB,aAAa,UAAU;AAAA;AAAA,EAEvB,UAAU,UAAU,MAAM;AAAA,IACxB,WAAW,UAAU;AAAA,IACrB,QAAQ,UAAU;AAAA,IAClB,aAAa,UAAU;AAAA,IACvB,OAAO,UAAU;AAAA,IACjB,aAAa,UAAU;AAAA,IACvB,KAAK,UAAU;AAAA,IACf,eAAe,UAAU;AAAA,IACzB,UAAU,UAAU;AAAA,IACpB,eAAe,UAAU;AAAA,IACzB,SAAS,UAAU;AAAA,IACnB,UAAU,UAAU;AAAA,IACpB,QAAQ,UAAU;AAAA,IAClB,OAAO,UAAU;AAAA,EACnB,CAAC;AACH;",
   "names": []

package/dist/esm/renders/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/renders/index.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/renders/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { CellWithAddons } from './CellWithAddons.js';\nexport { CellContainer } from './styled.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;",
   "names": []

package/dist/esm/renders/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/renders/styled.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/renders/styled.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst m = '0.61538rem';\nconst m2 = '1.23076rem';\n\nexport const CellWrapper = styled.div`\n  max-height: 36px;\n  height: 100%;\n  width: ${(props) => (props.noPadding ? `calc(100% + ${m2})` : '100%')};\n  margin-left: ${(props) => (props.noPadding ? `-${m}` : '0')};\n  margin-right: ${(props) => (props.noPadding ? `-${m}` : '0')};\n  padding-left: ${(props) =>\n    !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : '0'};\n  padding-right: ${(props) =>\n    !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : '0'};\n  ${(props) => (props.highLight ? `background: ${props.theme.colors.brand['200']}` : '')};\n  ${(props) =>\n    props.badgeAddon\n      ? `\n  position: relative;  \n  &::before {\n    display: block;\n    content: '';\n    position: absolute;\n    top: 0;\n    left:0;\n    border-style: solid;\n    border-width:  ${props.theme.space.xxs} ${props.theme.space.xxs}  ${props.theme.space.xxs} 0;\n    border-color: ${props.theme.colors.brand['600']} transparent  transparent ${props.theme.colors.brand['600']};\n  }\n  `\n      : ''}\n`;\n\nexport const ValueWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  & > span {\n    display: inline-flex;\n    align-items: center;\n  }\n  ${(props) => (props.grayText ? `color: ${props.theme.colors.neutral['500']};` : '')}\n`;\n\nexport const CellContainer = styled(Grid)`\n  padding-left: ${m};\n  padding-right: ${m};\n  position: relative;\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,IAAI;AACV,MAAM,KAAK;AAEJ,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA,WAGvB,CAAC,UAAW,MAAM,YAAY,eAAe,QAAQ;AAAA,iBAC/C,CAAC,UAAW,MAAM,YAAY,IAAI,MAAM;AAAA,kBACvC,CAAC,UAAW,MAAM,YAAY,IAAI,MAAM;AAAA,kBACxC,CAAC,UACf,CAAC,MAAM,iBAAiB,MAAM,cAAc,MAAM,aAAa,MAAM,iBAAiB,IAAI;AAAA,mBAC3E,CAAC,UAChB,CAAC,MAAM,kBAAkB,MAAM,cAAc,MAAM,aAAa,MAAM,gBAAgB,IAAI;AAAA,IAC1F,CAAC,UAAW,MAAM,YAAY,eAAe,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM;AAAA,IACjF,CAAC,UACD,MAAM,aACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBASa,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,QAAQ,MAAM,MAAM,MAAM;AAAA,oBACtE,MAAM,MAAM,OAAO,MAAM,KAAK,8BAA8B,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA,MAGtG;AAAA;AAGD,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQ/B,CAAC,UAAW,MAAM,WAAW,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,OAAO;AAAA;AAG3E,MAAM,gBAAgB,OAAO,IAAI;AAAA,kBACtB;AAAA,mBACC;AAAA;AAAA;",
   "names": []

package/dist/esm/rowSizes.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/rowSizes.tsx"],
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/rowSizes.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const RowSizes = {\n  compact: 28,\n  normal: 36,\n  extend: 56,\n};\n\nexport const RowSizesOptions = {\n  compact: 'compact',\n  normal: 'normal',\n  extend: 'extend',\n};\n\nexport const RowSizesOptionsArr = [RowSizesOptions.compact, RowSizesOptions.normal, RowSizesOptions.extend];\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV;AAEO,MAAM,qBAAqB,CAAC,gBAAgB,SAAS,gBAAgB,QAAQ,gBAAgB,MAAM;",
   "names": []

package/dist/esm/utilities/getPluginsFromProps.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/getPluginsFromProps.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/getPluginsFromProps.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DndRowsPlugin } from '../plugins/row-dnd/DndRowsPlugin.js';\nimport { DndColumnsPlugin } from '../plugins/column-dnd/DndColumnsPlugin.js';\nimport { InfiniteScrollPlugin } from '../plugins/infinite-scrolling/InfiniteScrollPlugin.js';\nimport { EditablePlugin } from '../plugins/editable/EditablePlugin.js';\nimport { SortablePlugin } from '../plugins/sortable/SortablePlugin.js';\nimport { SelectablePlugin } from '../plugins/selectable/SelectablePlugin.js';\nimport { FilterablePlugin } from '../plugins/filterable/FilterablePlugin.js';\nimport { ToolbarPlugin } from '../plugins/toolbar/ToolbarPlugin.js';\nimport { PaginationPlugin } from '../plugins/pagination/PaginationPlugin.js';\nimport { VirtualizationPlugin } from '../plugins/virtualization/VirtualizationPlugin.js';\nimport { ExpandablePlugin } from '../plugins/expandable-grid/ExpandablePlugin.js';\nimport { GroupingPlugin } from '../plugins/grouping-grid/GroupingPlugin.js';\nimport { GroupingByPlugin } from '../plugins/grouping-by/GroupingByPlugin.js';\n\nconst mapPropToPlugin = {\n  dragAndDropColumns: DndColumnsPlugin,\n  editable: EditablePlugin,\n  selectable: SelectablePlugin,\n  sortable: SortablePlugin,\n  searchFilters: FilterablePlugin,\n  renderToolbar: ToolbarPlugin,\n  infiniteScrolling: InfiniteScrollPlugin,\n  paginated: PaginationPlugin,\n  virtualized: VirtualizationPlugin,\n  expandable: ExpandablePlugin,\n  groupedBy: GroupingByPlugin,\n  groupedRows: GroupingPlugin,\n  dragAndDropRows: DndRowsPlugin,\n};\n\nexport const getPluginsFromProps = (props, omit = {}) => {\n  const plugins = [];\n\n  Object.keys(mapPropToPlugin).forEach((key) => {\n    if (props[key] && !omit[key]) plugins.push(mapPropToPlugin[key]);\n  });\n  return plugins;\n};\n\nexport default getPluginsFromProps;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AAEjC,MAAM,kBAAkB;AAAA,EACtB,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AACnB;AAEO,MAAM,sBAAsB,CAAC,OAAO,OAAO,CAAC,MAAM;AACvD,QAAM,UAAU,CAAC;AAEjB,SAAO,KAAK,eAAe,EAAE,QAAQ,CAAC,QAAQ;AAC5C,QAAI,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG;AAAG,cAAQ,KAAK,gBAAgB,GAAG,CAAC;AAAA,EACjE,CAAC;AACD,SAAO;AACT;AAEA,IAAO,8BAAQ;",
   "names": []

package/dist/esm/utilities/getScrollbarSize.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/getScrollbarSize.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/getScrollbarSize.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function getScrollbarWidth(compensatePixels = 0) {\n  // Creating invisible container\n  const outer = document.createElement('div');\n  outer.style.visibility = 'hidden';\n  outer.style.overflow = 'scroll'; // forcing scrollbar to appear\n  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps\n  document.body.appendChild(outer);\n\n  // Creating inner element and placing it in the container\n  const inner = document.createElement('div');\n  outer.appendChild(inner);\n\n  // Calculating difference between container's full width and the child width\n  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;\n\n  // Removing temporary elements from the DOM\n  outer.parentNode.removeChild(outer);\n\n  // compensatePixels to check for MacOS's show\n  // scrollbar only when moving it\n  return scrollbarWidth + compensatePixels;\n}\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,kBAAkB,mBAAmB,GAAG;AAEtD,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,aAAa;AACzB,QAAM,MAAM,WAAW;AACvB,QAAM,MAAM,kBAAkB;AAC9B,WAAS,KAAK,YAAY,KAAK;AAG/B,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,YAAY,KAAK;AAGvB,QAAM,iBAAiB,MAAM,cAAc,MAAM;AAGjD,QAAM,WAAW,YAAY,KAAK;AAIlC,SAAO,iBAAiB;AAC1B;",
   "names": []

package/dist/esm/utilities/normalizeData.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/normalizeData.tsx"],
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utilities/normalizeData.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const normalizeRows = (rows) =>\n  rows.map((row) => {\n    Object.keys(row).forEach((key) => (row[normalizeText(key)] = row[key]));\n    return row;\n  });\n\nexport const normalizeColumns = (columns) =>\n  columns.map((column) => {\n    const { property } = column;\n    return {\n      ...column,\n      originalProperty: column.property,\n      property: normalizeText(property),\n    };\n  });\n\nexport const normalizeText = (text) => text.replace(/\\s+/g, '');\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gBAAgB,CAAC,SAC5B,KAAK,IAAI,CAAC,QAAQ;AAChB,SAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAS,IAAI,cAAc,GAAG,CAAC,IAAI,IAAI,GAAG,CAAE;AACtE,SAAO;AACT,CAAC;AAEI,MAAM,mBAAmB,CAAC,YAC/B,QAAQ,IAAI,CAAC,WAAW;AACtB,QAAM,EAAE,SAAS,IAAI;AACrB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,kBAAkB,OAAO;AAAA,IACzB,UAAU,cAAc,QAAQ;AAAA,EAClC;AACF,CAAC;AAEI,MAAM,gBAAgB,CAAC,SAAS,KAAK,QAAQ,QAAQ,EAAE;",
   "names": []

package/dist/types/blockNames.d.ts

@@ -1,4 +1,4 @@
 declare const dataGridBlockName = "data-grid";
-declare const headerBlockName: string;
-declare const bodyBlockName: string;
+declare const headerBlockName = "data-grid-header";
+declare const bodyBlockName = "data-grid-body";
 export { dataGridBlockName, headerBlockName, bodyBlockName };

package/dist/types/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 declare const SingleRangeSwitcherMenu: {
     ({ column, className, isMenuOpened, onOpenMenu, placement, onAddFilter, dateFormatter, enableOutsideDays, menuProps, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-datagrids",
-  "version": "3.22.0-next.8",
+  "version": "3.22.0-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Data Grids",
   "files": [
@@ -556,33 +556,34 @@
     "sortabular": "~1.6.0",
     "stylesheet-helpers": "~0.2.2",
     "uuid": "~8.3.2",
-    "@elliemae/ds-button": "3.22.0-next.8",
-    "@elliemae/ds-dropdownmenu": "3.22.0-next.8",
-    "@elliemae/ds-classnames": "3.22.0-next.8",
-    "@elliemae/ds-filterbar": "3.22.0-next.8",
-    "@elliemae/ds-form": "3.22.0-next.8",
-    "@elliemae/ds-grid": "3.22.0-next.8",
-    "@elliemae/ds-icons": "3.22.0-next.8",
-    "@elliemae/ds-menu": "3.22.0-next.8",
-    "@elliemae/ds-popper": "3.22.0-next.8",
-    "@elliemae/ds-props-helpers": "3.22.0-next.8",
-    "@elliemae/ds-separator": "3.22.0-next.8",
-    "@elliemae/ds-spinner": "3.22.0-next.8",
-    "@elliemae/ds-shared": "3.22.0-next.8",
-    "@elliemae/ds-system": "3.22.0-next.8",
-    "@elliemae/ds-toolbar": "3.22.0-next.8",
-    "@elliemae/ds-truncated-tooltip-text": "3.22.0-next.8",
-    "@elliemae/ds-utilities": "3.22.0-next.8",
-    "@elliemae/ds-controlled-form": "3.22.0-next.8",
-    "@elliemae/ds-datagrids": "3.22.0-next.8"
+    "@elliemae/ds-button": "3.22.0-rc.0",
+    "@elliemae/ds-controlled-form": "3.22.0-rc.0",
+    "@elliemae/ds-classnames": "3.22.0-rc.0",
+    "@elliemae/ds-dropdownmenu": "3.22.0-rc.0",
+    "@elliemae/ds-filterbar": "3.22.0-rc.0",
+    "@elliemae/ds-datagrids": "3.22.0-rc.0",
+    "@elliemae/ds-form": "3.22.0-rc.0",
+    "@elliemae/ds-grid": "3.22.0-rc.0",
+    "@elliemae/ds-menu": "3.22.0-rc.0",
+    "@elliemae/ds-popper": "3.22.0-rc.0",
+    "@elliemae/ds-icons": "3.22.0-rc.0",
+    "@elliemae/ds-props-helpers": "3.22.0-rc.0",
+    "@elliemae/ds-separator": "3.22.0-rc.0",
+    "@elliemae/ds-shared": "3.22.0-rc.0",
+    "@elliemae/ds-spinner": "3.22.0-rc.0",
+    "@elliemae/ds-system": "3.22.0-rc.0",
+    "@elliemae/ds-toolbar": "3.22.0-rc.0",
+    "@elliemae/ds-truncated-tooltip-text": "3.22.0-rc.0",
+    "@elliemae/ds-utilities": "3.22.0-rc.0"
   },
   "devDependencies": {
-    "@elliemae/pui-cli": "~9.0.0-next.17",
+    "@elliemae/pui-cli": "~9.0.0-next.22",
     "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
+    "jest-axe": "^7.0.1",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.22.0-next.8"
+    "@elliemae/ds-monorepo-devops": "3.22.0-rc.0"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -591,14 +592,14 @@
     "styled-components": "~5.3.9"
   },
   "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
     "test": "pui-cli test --passWithNoTests",
-    "lint": "node ../../scripts/lint.mjs",
+    "lint": "node ../../../scripts/lint.mjs",
     "eslint:fix": "exit 0 | echo",
     "dts": "exit 0 | echo",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
-    "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
 }