@elliemae/ds-controlled-form 2.3.0-alpha.4 → 2.3.0-alpha.9

package/{cjs → dist/cjs}/controlled-autocomplete/parts/menu-list/useItemRenderer.js

@@ -31,7 +31,7 @@ __export(useItemRenderer_exports, {
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_ds_form = require("@elliemae/ds-form");
+var import_MenuItem = require("@elliemae/ds-form/MenuItem");
 var import_AutocompleteCTX = require("../../AutocompleteCTX");
 var import_listHelper = require("../../utils/listHelper");
 var import_AutocompleteDataTestids = require("../../AutocompleteDataTestids");
@@ -65,7 +65,7 @@ const useItemRenderer = () => {
       innerRef: vItem.measureRef
     };
     if (option.type === "option") {
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_form.SingleMenuItem, {
+      return /* @__PURE__ */ import_react.default.createElement(import_MenuItem.SingleMenuItem, {
         ...generalProps,
         value: option.value,
         label: option.label,

package/dist/cjs/controlled-autocomplete/parts/menu-list/useItemRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-autocomplete/parts/menu-list/useItemRenderer.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport { VirtualItem } from 'react-virtual';\n\nimport { SingleMenuItem } from '@elliemae/ds-form/MenuItem';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { isSelected } from '../../utils/listHelper';\nimport { AutocompleteDataTestid } from '../../AutocompleteDataTestids';\nimport { CBOptionT } from '../../index.d';\n\nconst useItemRenderer = (): React.ReactNode[] => {\n  const {\n    props: { options, onChange, selectedValues, onFilter },\n    inputRef,\n    setShowPopover,\n    focusOptionIdx,\n    virtualListHelpers,\n  } = useContext(AutocompleteContext);\n\n  const { virtualItems }: { virtualItems: VirtualItem[] } = virtualListHelpers;\n\n  const handleClick = useCallback(\n    (option: CBOptionT, e: Event) => {\n      if (inputRef.current) inputRef.current.value = option.label;\n      onFilter(option.label);\n      onChange(option.label);\n      setShowPopover(false);\n      inputRef.current?.focus();\n      e.stopPropagation();\n      e.preventDefault();\n    },\n    [onFilter, onChange, setShowPopover, inputRef],\n  );\n\n  const handleOnMouseDown = useCallback((e: React.MouseEvent<HTMLLIElement>) => {\n    e.preventDefault();\n  }, []);\n\n  const ItemRenderer = useMemo(\n    (): React.ReactNode[] =>\n      virtualItems.map((vItem) => {\n        const option = options[vItem.index];\n        const generalProps = {\n          wrapperStyles: { position: 'absolute', top: vItem.start, left: 0, width: '100%' },\n          key: `${option.dsId}`,\n          innerRef: vItem.measureRef,\n        };\n\n        if (option.type === 'option') {\n          return (\n            <SingleMenuItem\n              {...generalProps}\n              value={option.value}\n              label={option.label}\n              dataTestid={AutocompleteDataTestid.OPTION}\n              disabled={option.disabled}\n              onClick={(e: Event) => handleClick(option, e)}\n              onMouseDown={handleOnMouseDown}\n              isActive={option.dsId === focusOptionIdx}\n              isSelected={isSelected(selectedValues, option)}\n            />\n          );\n        }\n        return <></>;\n      }),\n    [options, focusOptionIdx, selectedValues, inputRef, virtualItems],\n  );\n\n  return ItemRenderer;\n};\n\nexport { useItemRenderer };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AAGxD,sBAA+B;AAC/B,6BAAoC;AACpC,wBAA2B;AAC3B,qCAAuC;AAGvC,MAAM,kBAAkB,MAAyB;AAC/C,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,UAAU,gBAAgB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,EAAE,iBAAkD;AAE1D,QAAM,cAAc,8BAClB,CAAC,QAAmB,MAAa;AAC/B,QAAI,SAAS;AAAS,eAAS,QAAQ,QAAQ,OAAO;AACtD,aAAS,OAAO;AAChB,aAAS,OAAO;AAChB,mBAAe;AACf,aAAS,SAAS;AAClB,MAAE;AACF,MAAE;AAAA,KAEJ,CAAC,UAAU,UAAU,gBAAgB;AAGvC,QAAM,oBAAoB,8BAAY,CAAC,MAAuC;AAC5E,MAAE;AAAA,KACD;AAEH,QAAM,eAAe,0BACnB,MACE,aAAa,IAAI,CAAC,UAAU;AAC1B,UAAM,SAAS,QAAQ,MAAM;AAC7B,UAAM,eAAe;AAAA,MACnB,eAAe,EAAE,UAAU,YAAY,KAAK,MAAM,OAAO,MAAM,GAAG,OAAO;AAAA,MACzE,KAAK,GAAG,OAAO;AAAA,MACf,UAAU,MAAM;AAAA;AAGlB,QAAI,OAAO,SAAS,UAAU;AAC5B,aACE,mDAAC,gCAAD;AAAA,WACM;AAAA,QACJ,OAAO,OAAO;AAAA,QACd,OAAO,OAAO;AAAA,QACd,YAAY,sDAAuB;AAAA,QACnC,UAAU,OAAO;AAAA,QACjB,SAAS,CAAC,MAAa,YAAY,QAAQ;AAAA,QAC3C,aAAa;AAAA,QACb,UAAU,OAAO,SAAS;AAAA,QAC1B,YAAY,kCAAW,gBAAgB;AAAA;AAAA;AAI7C,WAAO;AAAA,MAEX,CAAC,SAAS,gBAAgB,gBAAgB,UAAU;AAGtD,SAAO;AAAA;",
+  "names": []
+}

package/{cjs → dist/cjs}/controlled-combobox/parts/menu-list/useItemRenderer.js

@@ -32,7 +32,7 @@ __export(useItemRenderer_exports, {
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_form = require("@elliemae/ds-form");
+var import_MenuItem = require("@elliemae/ds-form/MenuItem");
 var import_ComboBoxCTX = require("../../ComboBoxCTX");
 var import_styled = require("./styled");
 var import_listHelper = require("../../utils/listHelper");
@@ -47,7 +47,7 @@ const useItemRenderer = () => {
   } = (0, import_react.useContext)(import_ComboBoxCTX.ComboBoxContext);
   const { virtualItems } = virtualListHelpers;
   const multiple = Array.isArray(selectedValues);
-  const CBItem = multiple ? import_ds_form.MultiMenuItem : import_ds_form.SingleMenuItem;
+  const CBItem = multiple ? import_MenuItem.MultiMenuItem : import_MenuItem.SingleMenuItem;
   const handleClick = (0, import_react.useCallback)((option, e) => {
     if (option.type === "creatable") {
       if (inputRef.current) {
@@ -79,13 +79,13 @@ const useItemRenderer = () => {
       innerRef: vItem.measureRef
     };
     if (option.type === "section") {
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_form.Section, {
+      return /* @__PURE__ */ import_react.default.createElement(import_MenuItem.Section, {
         label: option.label,
         ...generalProps
       });
     }
     if (option.type === "separator") {
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_form.Separator, {
+      return /* @__PURE__ */ import_react.default.createElement(import_MenuItem.Separator, {
         ...generalProps
       });
     }
@@ -104,7 +104,7 @@ const useItemRenderer = () => {
       });
     }
     if (option.type === "creatable") {
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_form.SingleMenuItem, {
+      return /* @__PURE__ */ import_react.default.createElement(import_MenuItem.SingleMenuItem, {
         dataTestid: import_ComboboxDataTestids.ComboboxDataTestid.OPTION,
         isActive: option.dsId === focusOptionIdx,
         ...generalProps,

package/dist/cjs/controlled-combobox/parts/menu-list/useItemRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-combobox/parts/menu-list/useItemRenderer.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport { VirtualItem } from 'react-virtual';\nimport { Grid } from '@elliemae/ds-grid';\nimport { SingleMenuItem, MultiMenuItem, Section, Separator } from '@elliemae/ds-form/MenuItem';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { StyledCreatableLabel } from './styled';\nimport { isSelected } from '../../utils/listHelper';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { CBOptionT } from '../../index.d';\n\nconst useItemRenderer = (): Array<React.ReactNode> => {\n  const {\n    props: { options, onCreate, onChange, selectedValues, onFilter },\n    inputRef,\n    setShowPopover,\n    focusOptionIdx,\n    virtualListHelpers,\n  } = useContext(ComboBoxContext);\n\n  const { virtualItems }: { virtualItems: VirtualItem[] } = virtualListHelpers;\n  const multiple = Array.isArray(selectedValues);\n  const CBItem = multiple ? MultiMenuItem : SingleMenuItem;\n\n  const handleClick = useCallback(\n    (option: CBOptionT, e: Event) => {\n      if (option.type === 'creatable') {\n        if (inputRef.current) {\n          onCreate(inputRef.current.value);\n          inputRef.current.value = '';\n          onFilter('');\n        }\n        return;\n      }\n      if (!multiple) {\n        setShowPopover(false);\n        if (inputRef.current) inputRef.current.value = '';\n      } else if (inputRef.current) {\n        onFilter(inputRef.current.value);\n      }\n      onChange(option);\n      e.stopPropagation();\n      e.preventDefault();\n    },\n    [onFilter, onChange, setShowPopover, multiple, inputRef],\n  );\n\n  const handleOnMouseDown = useCallback((e: React.MouseEvent<HTMLLIElement>) => {\n    e.preventDefault();\n  }, []);\n\n  const ItemRenderer = useMemo(\n    (): Array<React.ReactNode> =>\n      virtualItems.map((vItem) => {\n        const option = options[vItem.index];\n        const generalProps = {\n          wrapperStyles: { position: 'absolute', top: vItem.start, left: 0, width: '100%' },\n          key: `${option.dsId}`,\n          innerRef: vItem.measureRef,\n        };\n        if (option.type === 'section') {\n          return <Section label={option.label} {...generalProps} />;\n        }\n        if (option.type === 'separator') {\n          return <Separator {...generalProps} />;\n        }\n        if (option.type === 'option') {\n          return (\n            <CBItem\n              {...generalProps}\n              value={option.value}\n              label={option.label}\n              dataTestid={ComboboxDataTestid.OPTION}\n              disabled={option.disabled}\n              onClick={(e: Event) => handleClick(option, e)}\n              onMouseDown={handleOnMouseDown}\n              isActive={option.dsId === focusOptionIdx}\n              isSelected={isSelected(selectedValues, option)}\n              tabIndex={-1}\n            />\n          );\n        }\n        if (option.type === 'creatable') {\n          return (\n            <SingleMenuItem\n              dataTestid={ComboboxDataTestid.OPTION}\n              isActive={option.dsId === focusOptionIdx}\n              {...generalProps}\n              render={({ label }) => (\n                <Grid cols={['min-content', 'auto']} height=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n                  <StyledCreatableLabel>Add:</StyledCreatableLabel>\n                  <span>{label}</span>\n                </Grid>\n              )}\n              label={option.label}\n              onClick={(e: Event) => handleClick(option, e)}\n            />\n          );\n        }\n        return <></>;\n      }),\n    [options, focusOptionIdx, selectedValues, inputRef, virtualItems],\n  );\n\n  return ItemRenderer;\n};\n\nexport { useItemRenderer };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AAExD,qBAAqB;AACrB,sBAAkE;AAClE,yBAAgC;AAChC,oBAAqC;AACrC,wBAA2B;AAC3B,iCAAmC;AAGnC,MAAM,kBAAkB,MAA8B;AACpD,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,UAAU,UAAU,gBAAgB;AAAA,IACtD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,EAAE,iBAAkD;AAC1D,QAAM,WAAW,MAAM,QAAQ;AAC/B,QAAM,SAAS,WAAW,gCAAgB;AAE1C,QAAM,cAAc,8BAClB,CAAC,QAAmB,MAAa;AAC/B,QAAI,OAAO,SAAS,aAAa;AAC/B,UAAI,SAAS,SAAS;AACpB,iBAAS,SAAS,QAAQ;AAC1B,iBAAS,QAAQ,QAAQ;AACzB,iBAAS;AAAA;AAEX;AAAA;AAEF,QAAI,CAAC,UAAU;AACb,qBAAe;AACf,UAAI,SAAS;AAAS,iBAAS,QAAQ,QAAQ;AAAA,eACtC,SAAS,SAAS;AAC3B,eAAS,SAAS,QAAQ;AAAA;AAE5B,aAAS;AACT,MAAE;AACF,MAAE;AAAA,KAEJ,CAAC,UAAU,UAAU,gBAAgB,UAAU;AAGjD,QAAM,oBAAoB,8BAAY,CAAC,MAAuC;AAC5E,MAAE;AAAA,KACD;AAEH,QAAM,eAAe,0BACnB,MACE,aAAa,IAAI,CAAC,UAAU;AAC1B,UAAM,SAAS,QAAQ,MAAM;AAC7B,UAAM,eAAe;AAAA,MACnB,eAAe,EAAE,UAAU,YAAY,KAAK,MAAM,OAAO,MAAM,GAAG,OAAO;AAAA,MACzE,KAAK,GAAG,OAAO;AAAA,MACf,UAAU,MAAM;AAAA;AAElB,QAAI,OAAO,SAAS,WAAW;AAC7B,aAAO,mDAAC,yBAAD;AAAA,QAAS,OAAO,OAAO;AAAA,WAAW;AAAA;AAAA;AAE3C,QAAI,OAAO,SAAS,aAAa;AAC/B,aAAO,mDAAC,2BAAD;AAAA,WAAe;AAAA;AAAA;AAExB,QAAI,OAAO,SAAS,UAAU;AAC5B,aACE,mDAAC,QAAD;AAAA,WACM;AAAA,QACJ,OAAO,OAAO;AAAA,QACd,OAAO,OAAO;AAAA,QACd,YAAY,8CAAmB;AAAA,QAC/B,UAAU,OAAO;AAAA,QACjB,SAAS,CAAC,MAAa,YAAY,QAAQ;AAAA,QAC3C,aAAa;AAAA,QACb,UAAU,OAAO,SAAS;AAAA,QAC1B,YAAY,kCAAW,gBAAgB;AAAA,QACvC,UAAU;AAAA;AAAA;AAIhB,QAAI,OAAO,SAAS,aAAa;AAC/B,aACE,mDAAC,gCAAD;AAAA,QACE,YAAY,8CAAmB;AAAA,QAC/B,UAAU,OAAO,SAAS;AAAA,WACtB;AAAA,QACJ,QAAQ,CAAC,EAAE,YACT,mDAAC,qBAAD;AAAA,UAAM,MAAM,CAAC,eAAe;AAAA,UAAS,QAAO;AAAA,UAAO,QAAO;AAAA,UAAM,YAAW;AAAA,WACzE,mDAAC,oCAAD,MAAsB,SACtB,mDAAC,QAAD,MAAO;AAAA,QAGX,OAAO,OAAO;AAAA,QACd,SAAS,CAAC,MAAa,YAAY,QAAQ;AAAA;AAAA;AAIjD,WAAO;AAAA,MAEX,CAAC,SAAS,gBAAgB,gBAAgB,UAAU;AAGtD,SAAO;AAAA;",
+  "names": []
+}