@elliemae/ds-zipcode-search 3.3.0 → 3.3.1-rc.2

package/dist/esm/DSZipCodeSearch.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import React2, { useState, useEffect, useRef, useCallback } from "react";
 import { describe } from "@elliemae/ds-utilities";

package/dist/esm/DSZipCodeSearch.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSZipCodeSearch.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-useless-escape */\n/* eslint-disable max-lines */\n/* eslint-disable indent */\nimport React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { DSInputMask } from '@elliemae/ds-form';\nimport { InputSearchWrapper } from './components/blocks';\nimport { createDisabledOption, noAddonOptions } from './components/helper';\nimport { zipcodeSearchProps, defaultProps } from './props';\n\nconst DSZipCodeSearch = ({\n  disabled,\n  value,\n  placeholder,\n  mask,\n  onBlur,\n  onChange,\n  onSearch,\n  containerProps,\n  selectRightOptions,\n  activeCount,\n  options,\n  tabIndex,\n}) => {\n  const ref = useRef(null);\n  const [searchValue, setSearchValue] = useState(value);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n  const [isInputFocus, setIsInputFocus] = useState(false);\n  const [isSelected, setIsSelected] = useState(false);\n\n  useEffect(() => {\n    if (isInputFocus && activeCount <= searchValue.length && !isSelected) {\n      setIsOpen(true);\n      setIsActive(true);\n    } else if (!isActive || activeCount > searchValue.length) {\n      setIsOpen(false);\n    }\n  }, [isInputFocus, isActive, activeCount, searchValue, isSelected]);\n  useEffect(() => {\n    setSearchValue(value || '');\n  }, [value]);\n\n  const onTypeInInput = useCallback(\n    (e) => {\n      const finalVal = e.target.value;\n      onSearch(finalVal);\n      setSearchValue(finalVal);\n      setIsSelected(false);\n    },\n    [onSearch],\n  );\n\n  const onFocusInput = useCallback(() => {\n    setIsInputFocus(true);\n  }, []);\n\n  const onInnerBlur = useCallback(\n    (e) => {\n      setIsInputFocus(false);\n      onBlur(e);\n    },\n    [onBlur],\n  );\n  const onClose = useCallback(() => {\n    setIsActive(false);\n  }, []);\n  const onSelectItem = useCallback(\n    (item) => {\n      setSearchValue(item.value);\n      onChange(item);\n      setIsSelected(true);\n      ref.current.focus();\n      setIsOpen(false);\n      onClose();\n    },\n    [onChange, onClose],\n  );\n\n  return (\n    <InputSearchWrapper {...containerProps}>\n      <DSDropdownMenu\n        isOpen={isOpen && options.length > 0}\n        menuProps={{ className: 'input-search-menu' }}\n        onClose={onClose}\n        onSelectMenuItem={onSelectItem}\n        contentStyle={{\n          maxHeight: 200,\n        }}\n        options={options.length > 0 ? [createDisabledOption(selectRightOptions), ...noAddonOptions(options)] : []}\n        triggerComponent={\n          <div>\n            <DSInputMask\n              disabled={disabled}\n              innerRef={(_ref) => (ref.current = _ref)}\n              mask={mask}\n              onBlur={onInnerBlur}\n              onChange={onTypeInInput}\n              onFocus={onFocusInput}\n              placeholder={placeholder}\n              value={searchValue}\n              tabIndex={tabIndex}\n            />\n          </div>\n        }\n      />\n    </InputSearchWrapper>\n  );\n};\n\nDSZipCodeSearch.propTypes = zipcodeSearchProps;\n\nDSZipCodeSearch.defaultProps = defaultProps;\nDSZipCodeSearch.displayName = 'DSZipCodeSearch';\nconst ZipCodeSearchWithSchema = describe(DSZipCodeSearch);\nZipCodeSearchWithSchema.propTypes = zipcodeSearchProps;\n\nexport { DSZipCodeSearch, ZipCodeSearchWithSchema };\nexport default DSZipCodeSearch;\n"],
-  "mappings": ";AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;AACpD,QAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;AAC1C,QAAM,CAAC,UAAU,eAAe,SAAS,KAAK;AAC9C,QAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;AACtD,QAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;AAElD,YAAU,MAAM;AACd,QAAI,gBAAgB,eAAe,YAAY,UAAU,CAAC,YAAY;AACpE,gBAAU,IAAI;AACd,kBAAY,IAAI;AAAA,IAClB,WAAW,CAAC,YAAY,cAAc,YAAY,QAAQ;AACxD,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,aAAa,aAAa,UAAU,CAAC;AACjE,YAAU,MAAM;AACd,mBAAe,SAAS,EAAE;AAAA,EAC5B,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,gBAAgB,YACpB,CAAC,MAAM;AACL,UAAM,WAAW,EAAE,OAAO;AAC1B,aAAS,QAAQ;AACjB,mBAAe,QAAQ;AACvB,kBAAc,KAAK;AAAA,EACrB,GACA,CAAC,QAAQ,CACX;AAEA,QAAM,eAAe,YAAY,MAAM;AACrC,oBAAgB,IAAI;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAClB,CAAC,MAAM;AACL,oBAAgB,KAAK;AACrB,WAAO,CAAC;AAAA,EACV,GACA,CAAC,MAAM,CACT;AACA,QAAM,UAAU,YAAY,MAAM;AAChC,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AACL,QAAM,eAAe,YACnB,CAAC,SAAS;AACR,mBAAe,KAAK,KAAK;AACzB,aAAS,IAAI;AACb,kBAAc,IAAI;AAClB,QAAI,QAAQ,MAAM;AAClB,cAAU,KAAK;AACf,YAAQ;AAAA,EACV,GACA,CAAC,UAAU,OAAO,CACpB;AAEA,SACE,qCAAC;AAAA,IAAoB,GAAG;AAAA,KACtB,qCAAC;AAAA,IACC,QAAQ,UAAU,QAAQ,SAAS;AAAA,IACnC,WAAW,EAAE,WAAW,oBAAoB;AAAA,IAC5C;AAAA,IACA,kBAAkB;AAAA,IAClB,cAAc;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA,SAAS,QAAQ,SAAS,IAAI,CAAC,qBAAqB,kBAAkB,GAAG,GAAG,eAAe,OAAO,CAAC,IAAI,CAAC;AAAA,IACxG,kBACE,qCAAC,aACC,qCAAC;AAAA,MACC;AAAA,MACA,UAAU,CAAC,SAAU,IAAI,UAAU;AAAA,MACnC;AAAA,MACA,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA,OAAO;AAAA,MACP;AAAA,KACF,CACF;AAAA,GAEJ,CACF;AAEJ;AAEA,gBAAgB,YAAY;AAE5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,0BAA0B,SAAS,eAAe;AACxD,wBAAwB,YAAY;AAGpC,IAAO,0BAAQ;",
+  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;AACpD,QAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;AAC1C,QAAM,CAAC,UAAU,eAAe,SAAS,KAAK;AAC9C,QAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;AACtD,QAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;AAElD,YAAU,MAAM;AACd,QAAI,gBAAgB,eAAe,YAAY,UAAU,CAAC,YAAY;AACpE,gBAAU,IAAI;AACd,kBAAY,IAAI;AAAA,IAClB,WAAW,CAAC,YAAY,cAAc,YAAY,QAAQ;AACxD,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,aAAa,aAAa,UAAU,CAAC;AACjE,YAAU,MAAM;AACd,mBAAe,SAAS,EAAE;AAAA,EAC5B,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,gBAAgB,YACpB,CAAC,MAAM;AACL,UAAM,WAAW,EAAE,OAAO;AAC1B,aAAS,QAAQ;AACjB,mBAAe,QAAQ;AACvB,kBAAc,KAAK;AAAA,EACrB,GACA,CAAC,QAAQ,CACX;AAEA,QAAM,eAAe,YAAY,MAAM;AACrC,oBAAgB,IAAI;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAClB,CAAC,MAAM;AACL,oBAAgB,KAAK;AACrB,WAAO,CAAC;AAAA,EACV,GACA,CAAC,MAAM,CACT;AACA,QAAM,UAAU,YAAY,MAAM;AAChC,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AACL,QAAM,eAAe,YACnB,CAAC,SAAS;AACR,mBAAe,KAAK,KAAK;AACzB,aAAS,IAAI;AACb,kBAAc,IAAI;AAClB,QAAI,QAAQ,MAAM;AAClB,cAAU,KAAK;AACf,YAAQ;AAAA,EACV,GACA,CAAC,UAAU,OAAO,CACpB;AAEA,SACE,qCAAC;AAAA,IAAoB,GAAG;AAAA,KACtB,qCAAC;AAAA,IACC,QAAQ,UAAU,QAAQ,SAAS;AAAA,IACnC,WAAW,EAAE,WAAW,oBAAoB;AAAA,IAC5C;AAAA,IACA,kBAAkB;AAAA,IAClB,cAAc;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA,SAAS,QAAQ,SAAS,IAAI,CAAC,qBAAqB,kBAAkB,GAAG,GAAG,eAAe,OAAO,CAAC,IAAI,CAAC;AAAA,IACxG,kBACE,qCAAC,aACC,qCAAC;AAAA,MACC;AAAA,MACA,UAAU,CAAC,SAAU,IAAI,UAAU;AAAA,MACnC;AAAA,MACA,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA,OAAO;AAAA,MACP;AAAA,KACF,CACF;AAAA,GAEJ,CACF;AAEJ;AAEA,gBAAgB,YAAY;AAE5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,0BAA0B,SAAS,eAAe;AACxD,wBAAwB,YAAY;AAGpC,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/components/blocks.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 const blockName = "input-search";

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/blocks.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'input-search';\n\nexport const InputSearchWrapper = aggregatedClasses('div')(blockName);\n"],
-  "mappings": ";AAAA;ACAA;AAEA,MAAM,YAAY;AAEX,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,SAAS;",
+  "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAEX,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,SAAS;",
   "names": []
 }

package/dist/esm/components/helper.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 function createDisabledOption(label) {
   return {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/helper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function createDisabledOption(label) {\n  return {\n    id: 'no-option',\n    type: 'disabled',\n    label,\n    noAddon: true,\n    'aria-disabled': true,\n    className: 'no-options',\n    tabIndex: -1,\n  };\n}\n\nexport function noAddonOptions(options) {\n  return options.map(op => ({ ...op, noAddon: true }));\n}\n"],
-  "mappings": ";AAAA;ACAO,8BAA8B,OAAO;AAC1C,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AACF;AAEO,wBAAwB,SAAS;AACtC,SAAO,QAAQ,IAAI,QAAO,GAAE,GAAG,IAAI,SAAS,KAAK,EAAE;AACrD;",
+  "mappings": "AAAA;ACAO,8BAA8B,OAAO;AAC1C,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AACF;AAEO,wBAAwB,SAAS;AACtC,SAAO,QAAQ,IAAI,QAAO,GAAE,GAAG,IAAI,SAAS,KAAK,EAAE;AACrD;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 export * from "./DSZipCodeSearch";
 import { default as default2 } from "./DSZipCodeSearch";

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSZipCodeSearch';\n\nexport { default } from './DSZipCodeSearch';\n"],
-  "mappings": ";AAAA;ACAA;AAEA;",
+  "mappings": "AAAA;ACAA;AAEA;",
   "names": []
 }

package/dist/esm/props.js

@@ -1,4 +1,3 @@
-"use strict";
 import * as React from "react";
 import { PropTypes } from "@elliemae/ds-utilities";
 import { MASK_TYPES } from "@elliemae/ds-form";

package/dist/esm/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport { MASK_TYPES } from '@elliemae/ds-form';\n\nexport const zipcodeSearchProps = {\n  /** html class attribute */\n  className: PropTypes.string.description('html class attribute'),\n  /** Set of Properties attached to the main container */\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  /** native tabindex property to handle focus order */\n  tabIndex: PropTypes.number.description('native tabindex property to handle focus order'),\n  /** disable component */\n  disabled: PropTypes.bool.description('disable component'),\n  /** input value */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('input value')\n    .isRequired,\n  /** function called on blur */\n  onBlur: PropTypes.func.description('function called on blur'),\n  /** function called on change */\n  onChange: PropTypes.func.description('function called on change'),\n  /** options to display */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  ).description('options to display'),\n  /** placeholder value */\n  placeholder: PropTypes.string.description('placeholder value'),\n  /** format mask to apply */\n  mask: PropTypes.arrayOf(PropTypes.any).description('format mask to apply'),\n  /** function called onsearch */\n  onSearch: PropTypes.func.description('function called onsearch'),\n  /** Correction messange */\n  selectRightOptions: PropTypes.string.description('Correction messange'),\n  /** current amount */\n  activeCount: PropTypes.number.description('current amount'),\n};\n\nexport const defaultProps = {\n  disabled: false,\n  value: '',\n  placeholder: '_____-____',\n  mask: MASK_TYPES.ZIP_CODE_SEARCH,\n  onBlur: () => null,\n  onChange: () => null,\n  onSearch: () => null,\n  containerProps: {},\n  selectRightOptions: 'Please select the appropriate city',\n  activeCount: 5,\n  options: [],\n};\n"],
-  "mappings": ";AAAA;ACAA;AACA;AAEO,MAAM,qBAAqB;AAAA,EAEhC,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAE9D,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAE/F,UAAU,UAAU,OAAO,YAAY,gDAAgD;AAAA,EAEvF,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,aAAa,EACzG;AAAA,EAEH,QAAQ,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAE5D,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,SAAS,UAAU,QACjB,UAAU,MAAM;AAAA,IACd,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IAC/D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACjE,CAAC,CACH,EAAE,YAAY,oBAAoB;AAAA,EAElC,aAAa,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAE7D,MAAM,UAAU,QAAQ,UAAU,GAAG,EAAE,YAAY,sBAAsB;AAAA,EAEzE,UAAU,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAE/D,oBAAoB,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAEtE,aAAa,UAAU,OAAO,YAAY,gBAAgB;AAC5D;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU;AAAA,EACV,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM,WAAW;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,SAAS,CAAC;AACZ;",
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,qBAAqB;AAAA,EAEhC,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAE9D,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAE/F,UAAU,UAAU,OAAO,YAAY,gDAAgD;AAAA,EAEvF,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,aAAa,EACzG;AAAA,EAEH,QAAQ,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAE5D,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,SAAS,UAAU,QACjB,UAAU,MAAM;AAAA,IACd,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,IAC/D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACjE,CAAC,CACH,EAAE,YAAY,oBAAoB;AAAA,EAElC,aAAa,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAE7D,MAAM,UAAU,QAAQ,UAAU,GAAG,EAAE,YAAY,sBAAsB;AAAA,EAEzE,UAAU,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAE/D,oBAAoB,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAEtE,aAAa,UAAU,OAAO,YAAY,gBAAgB;AAC5D;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU;AAAA,EACV,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM,WAAW;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,SAAS,CAAC;AACZ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-zipcode-search",
-  "version": "3.3.0",
+  "version": "3.3.1-rc.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Zipcode Search",
   "files": [
@@ -51,11 +51,11 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.3.0",
-    "@elliemae/ds-dropdownmenu": "3.3.0",
-    "@elliemae/ds-form": "3.3.0",
-    "@elliemae/ds-system": "3.3.0",
-    "@elliemae/ds-utilities": "3.3.0"
+    "@elliemae/ds-classnames": "3.3.1-rc.2",
+    "@elliemae/ds-dropdownmenu": "3.3.1-rc.2",
+    "@elliemae/ds-form": "3.3.1-rc.2",
+    "@elliemae/ds-system": "3.3.1-rc.2",
+    "@elliemae/ds-utilities": "3.3.1-rc.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.4",