@elliemae/ds-form 2.2.0-alpha.1 → 2.2.0-alpha.5

package/cjs/ComboBox/v3/parts/header-list/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/ComboBox/v3/parts/header-list/index.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { HeaderList } from './HeaderList';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA2B;",
+  "names": []
+}

package/cjs/ComboBox/v3/parts/header-list/styled.js

@@ -1,58 +1,103 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var DSButton = require('@elliemae/ds-button');
-var DSSeparator = require('@elliemae/ds-separator');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
-
-var _templateObject;
-
-const selectedStyle = isSelected => dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  & span {\n    border-bottom: 2px solid ", ";\n  }\n  cursor: ", ";\n"])), props => isSelected ? props.theme.colors.brand[700] : '#FFF', isSelected && 'default');
-
-const StyledHeaderListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-dazbzt-0"
-})(["display:flex;position:fixed;top:0;z-index:10;justify-content:space-between;padding:0px 12px 0px 12px;width:100%;height:28px;background-color:#fff;box-shadow:0 4px 2px -4px ", ";overflow-x:hidden;& button{font-size:13px;}"], props => props.theme.colors.neutral[700]);
-const StyledSeparator = /*#__PURE__*/styled__default["default"](DSSeparator__default["default"]).withConfig({
-  componentId: "sc-dazbzt-1"
-})(["height:50%;width:auto;"]);
-const StyledButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
-  componentId: "sc-dazbzt-2"
-})(["padding:0 ", ";align-items:center;"], props => props.theme.space.xxs);
-const StyledGeneralSelectionButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
-  componentId: "sc-dazbzt-3"
-})(["border-radius:0px;padding:0 ", ";margin:0;align-items:center;", " transition:unset;"], props => props.theme.space.xxs, _ref => {
-  let {
-    isSelected
-  } = _ref;
-  return selectedStyle(isSelected);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledButton: () => StyledButton,
+  StyledButtonSelection: () => StyledButtonSelection,
+  StyledHeaderListWrapper: () => StyledHeaderListWrapper,
+  StyledNoOptionsSelected: () => StyledNoOptionsSelected,
+  StyledSelectedItems: () => StyledSelectedItems,
+  StyledSeparator: () => StyledSeparator,
+  StyledShowAllButton: () => StyledShowAllButton
 });
-const StyledButtonSelection = /*#__PURE__*/styled__default["default"](StyledGeneralSelectionButton).withConfig({
-  componentId: "sc-dazbzt-4"
-})(["&:hover:not([disabled]){background-color:transparent;color:", ";}"], props => props.theme.colors.brand['700']);
-const StyledShowAllButton = /*#__PURE__*/styled__default["default"](StyledGeneralSelectionButton).withConfig({
-  componentId: "sc-dazbzt-5"
-})(["color:", ";&:hover:not([disabled]){background-color:transparent;color:", ";}"], props => props.theme.colors.neutral['700'], props => props.theme.colors.neutral['700']);
-const StyledSelectedItems = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-dazbzt-6"
-})(["display:flex;align-items:center;"]);
-const StyledNoOptionsSelected = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-dazbzt-7"
-})(["padding:0 ", ";"], props => props.theme.space.xxs);
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_ds_separator = __toESM(require("@elliemae/ds-separator"));
+const selectedStyle = (isSelected) => import_ds_system.css`
+  & span {
+    border-bottom: 2px solid ${(props) => isSelected ? props.theme.colors.brand[700] : "#FFF"};
+  }
+  cursor: ${isSelected && "default"};
+`;
+const StyledHeaderListWrapper = import_styled_components.default.div`
+  display: flex;
+  position: fixed;
+  top: 0;
+  z-index: 10;
+  justify-content: space-between;
+  padding: 0px 12px 0px 12px;
+  width: 100%;
+  height: 28px;
+  background-color: #fff;
+  box-shadow: 0 4px 2px -4px ${(props) => props.theme.colors.neutral[700]};
+  overflow-x: hidden;
 
-exports.StyledButton = StyledButton;
-exports.StyledButtonSelection = StyledButtonSelection;
-exports.StyledHeaderListWrapper = StyledHeaderListWrapper;
-exports.StyledNoOptionsSelected = StyledNoOptionsSelected;
-exports.StyledSelectedItems = StyledSelectedItems;
-exports.StyledSeparator = StyledSeparator;
-exports.StyledShowAllButton = StyledShowAllButton;
+  & button {
+    font-size: 13px;
+  }
+`;
+const StyledSeparator = (0, import_styled_components.default)(import_ds_separator.default)`
+  height: 50%;
+  width: auto;
+`;
+const StyledButton = (0, import_styled_components.default)(import_ds_button.default)`
+  padding: 0 ${(props) => props.theme.space.xxs};
+  align-items: center;
+`;
+const StyledGeneralSelectionButton = (0, import_styled_components.default)(import_ds_button.default)`
+  border-radius: 0px;
+  padding: 0 ${(props) => props.theme.space.xxs};
+  margin: 0;
+  align-items: center;
+  ${({ isSelected }) => selectedStyle(isSelected)}
+  transition: unset;
+`;
+const StyledButtonSelection = (0, import_styled_components.default)(StyledGeneralSelectionButton)`
+  &:hover:not([disabled]) {
+    background-color: transparent;
+    color: ${(props) => props.theme.colors.brand["700"]};
+  }
+`;
+const StyledShowAllButton = (0, import_styled_components.default)(StyledGeneralSelectionButton)`
+  color: ${(props) => props.theme.colors.neutral["700"]};
+  &:hover:not([disabled]) {
+    background-color: transparent;
+    color: ${(props) => props.theme.colors.neutral["700"]};
+  }
+`;
+const StyledSelectedItems = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+`;
+const StyledNoOptionsSelected = import_styled_components.default.div`
+  padding: 0 ${(props) => props.theme.space.xxs};
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/ComboBox/v3/parts/header-list/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/ComboBox/v3/parts/header-list/styled.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-len */\nimport styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport DSSeparator from '@elliemae/ds-separator';\n\nconst selectedStyle = (isSelected) => css`\n  & span {\n    border-bottom: 2px solid ${(props) => (isSelected ? props.theme.colors.brand[700] : '#FFF')};\n  }\n  cursor: ${isSelected && 'default'};\n`;\n\nexport const StyledHeaderListWrapper = styled.div`\n  display: flex;\n  position: fixed;\n  top: 0;\n  z-index: 10;\n  justify-content: space-between;\n  padding: 0px 12px 0px 12px;\n  width: 100%;\n  height: 28px;\n  background-color: #fff;\n  box-shadow: 0 4px 2px -4px ${(props) => props.theme.colors.neutral[700]};\n  overflow-x: hidden;\n\n  & button {\n    font-size: 13px;\n  }\n`;\n\nexport const StyledSeparator = styled(DSSeparator)`\n  height: 50%;\n  width: auto;\n`;\n\nexport const StyledButton = styled(DSButton)`\n  padding: 0 ${(props) => props.theme.space.xxs};\n  align-items: center;\n`;\n\nconst StyledGeneralSelectionButton = styled(DSButton)`\n  border-radius: 0px;\n  padding: 0 ${(props) => props.theme.space.xxs};\n  margin: 0;\n  align-items: center;\n  ${({ isSelected }) => selectedStyle(isSelected)}\n  transition: unset;\n`;\nexport const StyledButtonSelection = styled(StyledGeneralSelectionButton)`\n  &:hover:not([disabled]) {\n    background-color: transparent;\n    color: ${(props) => props.theme.colors.brand['700']};\n  }\n`;\n\nexport const StyledShowAllButton = styled(StyledGeneralSelectionButton)`\n  color: ${(props) => props.theme.colors.neutral['700']};\n  &:hover:not([disabled]) {\n    background-color: transparent;\n    color: ${(props) => props.theme.colors.neutral['700']};\n  }\n`;\n\nexport const StyledSelectedItems = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledNoOptionsSelected = styled.div`\n  padding: 0 ${(props) => props.theme.space.xxs};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAmB;AACnB,uBAAoB;AACpB,uBAAqB;AACrB,0BAAwB;AAExB,MAAM,gBAAgB,CAAC,eAAe;AAAA;AAAA,+BAEP,CAAC,UAAW,aAAa,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAAA,YAE5E,cAAc;AAAA;AAGnB,MAAM,0BAA0B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAUf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ9D,MAAM,kBAAkB,sCAAO;AAAA;AAAA;AAAA;AAK/B,MAAM,eAAe,sCAAO;AAAA,eACpB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAI5C,MAAM,+BAA+B,sCAAO;AAAA;AAAA,eAE7B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,IAGxC,CAAC,EAAE,iBAAiB,cAAc;AAAA;AAAA;AAG/B,MAAM,wBAAwB,sCAAO;AAAA;AAAA;AAAA,aAG/B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAI1C,MAAM,sBAAsB,sCAAO;AAAA,WAC/B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI5C,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA;AAKnC,MAAM,0BAA0B,iCAAO;AAAA,eAC/B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;",
+  "names": []
+}

package/cjs/ComboBox/v3/parts/header-list/useHeaderListHandlers.js

@@ -1,65 +1,93 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ComboBoxCTX = require('../../ComboBoxCTX.js');
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useHeaderListHandlers_exports = {};
+__export(useHeaderListHandlers_exports, {
+  useHeaderListHandlers: () => useHeaderListHandlers
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ComboBoxCTX = __toESM(require("../../ComboBoxCTX"));
 const useHeaderListHandlers = () => {
   const {
-    props: {
-      onSelectAll,
-      onFilter,
-      onClearAll,
-      selectedValues
-    },
+    props: { onSelectAll, onFilter, onClearAll, selectedValues },
     inputRef,
     showSelectedOptions,
     setShowSelectedOptions,
     setShowPopover
-  } = React.useContext(ComboBoxCTX.ComboBoxContext);
+  } = (0, import_react.useContext)(import_ComboBoxCTX.default);
   const multiSelectedValues = selectedValues;
-  const handleOnBlurSelectAll = React.useCallback(e => {
+  const handleOnBlurSelectAll = (0, import_react.useCallback)((e) => {
     if (!onClearAll || multiSelectedValues.length === 0) {
       e.preventDefault();
       inputRef.current.focus();
     }
   }, [inputRef, onClearAll, multiSelectedValues]);
-  const handleOnBlurClearAll = React.useCallback(e => {// since ux change order from the action buttons this is unneccesary. will comment until review finish
-    // e.preventDefault();
-    // inputRef.current.focus();
+  const handleOnBlurClearAll = (0, import_react.useCallback)((e) => {
   }, [inputRef]);
-  const handleClickOnSelectAll = React.useCallback(() => {
+  const handleClickOnSelectAll = (0, import_react.useCallback)(() => {
     onSelectAll();
     inputRef.current.focus();
   }, [onSelectAll, inputRef, setShowPopover]);
-  const handleClickOnClearAll = React.useCallback(e => {
+  const handleClickOnClearAll = (0, import_react.useCallback)((e) => {
     setShowSelectedOptions(false);
     e.preventDefault();
     e.stopPropagation();
     onClearAll();
     inputRef.current.focus();
   }, [inputRef, setShowSelectedOptions, onClearAll]);
-  const handleOnMouseDown = React.useCallback(e => {
+  const handleOnMouseDown = (0, import_react.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  const handleToggle = React.useCallback(() => {
-    inputRef.current.value = '';
-    onFilter('');
+  const handleToggle = (0, import_react.useCallback)(() => {
+    inputRef.current.value = "";
+    onFilter("");
     setShowSelectedOptions(!showSelectedOptions);
     inputRef.current.focus();
   }, [setShowSelectedOptions, inputRef, onFilter, showSelectedOptions]);
-  const handleKeyDown = React.useCallback(e => {
-    if (e.key === 'Escape') {
+  const handleKeyDown = (0, import_react.useCallback)((e) => {
+    if (e.key === "Escape") {
       setShowPopover(false);
     }
   }, [setShowPopover]);
-  React.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (multiSelectedValues.length === 0) {
       setShowSelectedOptions(false);
     }
   }, [multiSelectedValues, setShowSelectedOptions]);
-  return React.useMemo(() => ({
+  return (0, import_react.useMemo)(() => ({
+    handleKeyDown,
+    handleToggle,
+    handleOnMouseDown,
+    handleClickOnClearAll,
+    handleClickOnSelectAll,
+    handleOnBlurClearAll,
+    handleOnBlurSelectAll
+  }), [
     handleKeyDown,
     handleToggle,
     handleOnMouseDown,
@@ -67,7 +95,7 @@ const useHeaderListHandlers = () => {
     handleClickOnSelectAll,
     handleOnBlurClearAll,
     handleOnBlurSelectAll
-  }), [handleKeyDown, handleToggle, handleOnMouseDown, handleClickOnClearAll, handleClickOnSelectAll, handleOnBlurClearAll, handleOnBlurSelectAll]);
+  ]);
 };
-
-exports.useHeaderListHandlers = useHeaderListHandlers;
+module.exports = __toCommonJS(useHeaderListHandlers_exports);
+//# sourceMappingURL=useHeaderListHandlers.js.map

package/cjs/ComboBox/v3/parts/header-list/useHeaderListHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/ComboBox/v3/parts/header-list/useHeaderListHandlers.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useMemo, useEffect, useContext, useCallback } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\n\ninterface useHeaderListHandlersT {\n  handleKeyDown: (e: React.KeyboardEvent) => void;\n  handleToggle: () => void;\n  handleOnMouseDown: (e: React.MouseEvent) => void;\n  handleClickOnClearAll: (e: Event) => void;\n  handleClickOnSelectAll: () => void;\n  handleOnBlurClearAll: (e: Event) => void;\n  handleOnBlurSelectAll: (e: Event) => void;\n}\nconst useHeaderListHandlers = (): useHeaderListHandlersT => {\n  const {\n    props: { onSelectAll, onFilter, onClearAll, selectedValues },\n    inputRef,\n    showSelectedOptions,\n    setShowSelectedOptions,\n    setShowPopover,\n  } = useContext(ComboBoxContext);\n\n  const multiSelectedValues = selectedValues as CBItemOption[];\n  const handleOnBlurSelectAll = useCallback(\n    (e) => {\n      if (!onClearAll || multiSelectedValues.length === 0) {\n        e.preventDefault();\n        inputRef.current.focus();\n      }\n    },\n    [inputRef, onClearAll, multiSelectedValues],\n  );\n\n  const handleOnBlurClearAll = useCallback(\n    (e) => {\n      // since ux change order from the action buttons this is unneccesary. will comment until review finish\n      // e.preventDefault();\n      // inputRef.current.focus();\n    },\n    [inputRef],\n  );\n\n  const handleClickOnSelectAll = useCallback(() => {\n    onSelectAll();\n    inputRef.current.focus();\n  }, [onSelectAll, inputRef, setShowPopover]);\n\n  const handleClickOnClearAll = useCallback(\n    (e) => {\n      setShowSelectedOptions(false);\n      e.preventDefault();\n      e.stopPropagation();\n      onClearAll();\n      inputRef.current.focus();\n    },\n    [inputRef, setShowSelectedOptions, onClearAll],\n  );\n\n  const handleOnMouseDown = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  const handleToggle = useCallback(() => {\n    inputRef.current.value = '';\n    onFilter('');\n    setShowSelectedOptions(!showSelectedOptions);\n    inputRef.current.focus();\n  }, [setShowSelectedOptions, inputRef, onFilter, showSelectedOptions]);\n\n  const handleKeyDown = useCallback(\n    (e) => {\n      if (e.key === 'Escape') {\n        setShowPopover(false);\n      }\n    },\n    [setShowPopover],\n  );\n\n  useEffect(() => {\n    if (multiSelectedValues.length === 0) {\n      setShowSelectedOptions(false);\n    }\n  }, [multiSelectedValues, setShowSelectedOptions]);\n\n  return useMemo(\n    () => ({\n      handleKeyDown,\n      handleToggle,\n      handleOnMouseDown,\n      handleClickOnClearAll,\n      handleClickOnSelectAll,\n      handleOnBlurClearAll,\n      handleOnBlurSelectAll,\n    }),\n    [\n      handleKeyDown,\n      handleToggle,\n      handleOnMouseDown,\n      handleClickOnClearAll,\n      handleClickOnSelectAll,\n      handleOnBlurClearAll,\n      handleOnBlurSelectAll,\n    ],\n  );\n};\n\nexport { useHeaderListHandlers };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmE;AAEnE,yBAA4B;AAW5B,MAAM,wBAAwB,MAA8B;AAC1D,QAAM;AAAA,IACJ,OAAO,EAAE,aAAa,UAAU,YAAY;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,sBAAsB;AAC5B,QAAM,wBAAwB,8BAC5B,CAAC,MAAM;AACL,QAAI,CAAC,cAAc,oBAAoB,WAAW,GAAG;AACnD,QAAE;AACF,eAAS,QAAQ;AAAA;AAAA,KAGrB,CAAC,UAAU,YAAY;AAGzB,QAAM,uBAAuB,8BAC3B,CAAC,MAAM;AAAA,KAKP,CAAC;AAGH,QAAM,yBAAyB,8BAAY,MAAM;AAC/C;AACA,aAAS,QAAQ;AAAA,KAChB,CAAC,aAAa,UAAU;AAE3B,QAAM,wBAAwB,8BAC5B,CAAC,MAAM;AACL,2BAAuB;AACvB,MAAE;AACF,MAAE;AACF;AACA,aAAS,QAAQ;AAAA,KAEnB,CAAC,UAAU,wBAAwB;AAGrC,QAAM,oBAAoB,8BAAY,CAAC,MAAM;AAC3C,MAAE;AAAA,KACD;AAEH,QAAM,eAAe,8BAAY,MAAM;AACrC,aAAS,QAAQ,QAAQ;AACzB,aAAS;AACT,2BAAuB,CAAC;AACxB,aAAS,QAAQ;AAAA,KAChB,CAAC,wBAAwB,UAAU,UAAU;AAEhD,QAAM,gBAAgB,8BACpB,CAAC,MAAM;AACL,QAAI,EAAE,QAAQ,UAAU;AACtB,qBAAe;AAAA;AAAA,KAGnB,CAAC;AAGH,8BAAU,MAAM;AACd,QAAI,oBAAoB,WAAW,GAAG;AACpC,6BAAuB;AAAA;AAAA,KAExB,CAAC,qBAAqB;AAEzB,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/ComboBox/v3/parts/menu-list/MenuList.js

@@ -1,81 +1,85 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var styled = require('./styled.js');
-var ComboboxDataTestids = require('../../ComboboxDataTestids.js');
-var ComboBoxCTX = require('../../ComboBoxCTX.js');
-var HeaderList = require('../header-list/HeaderList.js');
-var useOnElementResize = require('../../utils/hooks/useOnElementResize.js');
-var index = require('../empty-state/index.js');
-var useItemRenderer = require('./useItemRenderer.js');
-var useMenuList = require('./useMenuList.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _HeaderList, _EmptyState;
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MenuList_exports = {};
+__export(MenuList_exports, {
+  MenuList: () => MenuList
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled = require("./styled");
+var import_ComboboxDataTestids = require("../../ComboboxDataTestids");
+var import_ComboBoxCTX = __toESM(require("../../ComboBoxCTX"));
+var import_header_list = require("../header-list");
+var import_useOnElementResize = require("../../utils/hooks/useOnElementResize");
+var import_empty_state = require("../empty-state");
+var import_useItemRenderer = require("./useItemRenderer");
+var import_useMenuList = require("./useMenuList");
 const MenuList = () => {
   const {
-    props: {
-      menuMinWidth,
-      menuMaxHeight,
-      inline,
-      options,
-      selectedValues
-    },
+    props: { menuMinWidth, menuMaxHeight, inline, options, selectedValues },
     referenceElement,
     inputRef,
     listRef,
     showPopover,
     wrapperListRef,
     controlsWrapperRef,
-    virtualListHelpers: {
-      totalSize
-    }
-  } = React.useContext(ComboBoxCTX.ComboBoxContext);
+    virtualListHelpers: { totalSize }
+  } = (0, import_react.useContext)(import_ComboBoxCTX.default);
   const multiple = Array.isArray(selectedValues);
   const withHeader = !inline && multiple && options.length > 0;
-  const ItemRenderer = useItemRenderer.useItemRenderer();
-  useMenuList.useMenuList();
-  useOnElementResize.useOnElementResize(controlsWrapperRef);
-  const listWidth = React.useMemo(() => menuMinWidth || "".concat(referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth), [menuMinWidth, referenceElement]);
-  const handleOnFocus = React.useCallback(() => {
-    var _inputRef$current;
-
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+  const ItemRenderer = (0, import_useItemRenderer.useItemRenderer)();
+  (0, import_useMenuList.useMenuList)();
+  (0, import_useOnElementResize.useOnElementResize)(controlsWrapperRef);
+  const listWidth = (0, import_react.useMemo)(() => menuMinWidth || `${referenceElement?.offsetWidth}`, [menuMinWidth, referenceElement]);
+  const handleOnFocus = (0, import_react.useCallback)(() => {
+    inputRef.current?.focus();
   }, [inputRef]);
-  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledListWrapper, {
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledListWrapper, {
     tabIndex: -1,
     ref: wrapperListRef,
-    inline: inline,
-    onMouseDown: e => e.preventDefault(),
+    inline,
+    onMouseDown: (e) => e.preventDefault(),
     minWidth: listWidth,
     id: "combo-listbox",
-    role: "listbox",
-    children: [withHeader && (_HeaderList || (_HeaderList = /*#__PURE__*/_jsx__default["default"](HeaderList.HeaderList, {}))), options.length > 0 ? /*#__PURE__*/jsxRuntime.jsx(styled.StyledVirtualListWrapper, {
-      tabIndex: -1,
-      inline: inline,
-      maxHeight: menuMaxHeight,
-      ref: listRef,
-      withHeader: withHeader,
-      children: /*#__PURE__*/_jsx__default["default"](styled.StyledList, {
-        tabIndex: -1,
-        "aria-expanded": showPopover,
-        onFocus: handleOnFocus,
-        "data-testid": ComboboxDataTestids.ComboboxDataTestid.LIST,
-        style: {
-          height: totalSize,
-          margin: inline ? '0px' : '8px 0px'
-        }
-      }, void 0, ItemRenderer)
-    }) : _EmptyState || (_EmptyState = /*#__PURE__*/_jsx__default["default"](index.EmptyState, {}))]
-  });
+    role: "listbox"
+  }, withHeader && /* @__PURE__ */ import_react.default.createElement(import_header_list.HeaderList, null), options.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledVirtualListWrapper, {
+    tabIndex: -1,
+    inline,
+    maxHeight: menuMaxHeight,
+    ref: listRef,
+    withHeader
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledList, {
+    tabIndex: -1,
+    "aria-expanded": showPopover,
+    onFocus: handleOnFocus,
+    "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.LIST,
+    style: { height: totalSize, margin: inline ? "0px" : "8px 0px" }
+  }, ItemRenderer)) : /* @__PURE__ */ import_react.default.createElement(import_empty_state.EmptyState, null));
 };
-
-exports.MenuList = MenuList;
+module.exports = __toCommonJS(MenuList_exports);
+//# sourceMappingURL=MenuList.js.map

package/cjs/ComboBox/v3/parts/menu-list/MenuList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/ComboBox/v3/parts/menu-list/MenuList.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo, useCallback } from 'react';\nimport { StyledListWrapper, StyledList, StyledVirtualListWrapper } from './styled';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { HeaderList } from '../header-list';\nimport { useOnElementResize } from '../../utils/hooks/useOnElementResize';\nimport { EmptyState } from '../empty-state';\nimport { useItemRenderer } from './useItemRenderer';\nimport { useMenuList } from './useMenuList';\n\nconst MenuList = (): JSX.Element => {\n  const {\n    props: { menuMinWidth, menuMaxHeight, inline, options, selectedValues },\n    referenceElement,\n    inputRef,\n    listRef,\n    showPopover,\n    wrapperListRef,\n    controlsWrapperRef,\n    virtualListHelpers: { totalSize },\n  } = useContext(ComboBoxContext);\n\n  const multiple = Array.isArray(selectedValues);\n  const withHeader = !inline && multiple && options.length > 0;\n  const ItemRenderer = useItemRenderer();\n  useMenuList();\n  useOnElementResize(controlsWrapperRef);\n\n  const listWidth = useMemo(\n    () => (menuMinWidth as number) || `${referenceElement?.offsetWidth}`,\n    [menuMinWidth, referenceElement],\n  );\n\n  const handleOnFocus = useCallback(() => {\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  return (\n    <StyledListWrapper\n      tabIndex={-1}\n      ref={wrapperListRef}\n      inline={inline}\n      onMouseDown={(e) => e.preventDefault()}\n      minWidth={listWidth}\n      id=\"combo-listbox\"\n      role=\"listbox\"\n    >\n      {withHeader && <HeaderList />}\n      {options.length > 0 ? (\n        <StyledVirtualListWrapper\n          tabIndex={-1}\n          inline={inline}\n          maxHeight={menuMaxHeight as number}\n          ref={listRef}\n          withHeader={withHeader}\n        >\n          <StyledList\n            tabIndex={-1}\n            aria-expanded={showPopover}\n            onFocus={handleOnFocus}\n            data-testid={ComboboxDataTestid.LIST}\n            style={{ height: totalSize, margin: inline ? '0px' : '8px 0px' }}\n          >\n            {ItemRenderer}\n          </StyledList>\n        </StyledVirtualListWrapper>\n      ) : (\n        <EmptyState />\n      )}\n    </StyledListWrapper>\n  );\n};\n\nexport { MenuList };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,oBAAwE;AACxE,iCAAmC;AACnC,yBAA4B;AAC5B,yBAA2B;AAC3B,gCAAmC;AACnC,yBAA2B;AAC3B,6BAAgC;AAChC,yBAA4B;AAE5B,MAAM,WAAW,MAAmB;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,cAAc,eAAe,QAAQ,SAAS;AAAA,IACvD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,EAAE;AAAA,MACpB,6BAAW;AAEf,QAAM,WAAW,MAAM,QAAQ;AAC/B,QAAM,aAAa,CAAC,UAAU,YAAY,QAAQ,SAAS;AAC3D,QAAM,eAAe;AACrB;AACA,oDAAmB;AAEnB,QAAM,YAAY,0BAChB,MAAO,gBAA2B,GAAG,kBAAkB,eACvD,CAAC,cAAc;AAGjB,QAAM,gBAAgB,8BAAY,MAAM;AACtC,aAAS,SAAS;AAAA,KACjB,CAAC;AAEJ,SACE,mDAAC,iCAAD;AAAA,IACE,UAAU;AAAA,IACV,KAAK;AAAA,IACL;AAAA,IACA,aAAa,CAAC,MAAM,EAAE;AAAA,IACtB,UAAU;AAAA,IACV,IAAG;AAAA,IACH,MAAK;AAAA,KAEJ,cAAc,mDAAC,+BAAD,OACd,QAAQ,SAAS,IAChB,mDAAC,wCAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,KAAK;AAAA,IACL;AAAA,KAEA,mDAAC,0BAAD;AAAA,IACE,UAAU;AAAA,IACV,iBAAe;AAAA,IACf,SAAS;AAAA,IACT,eAAa,8CAAmB;AAAA,IAChC,OAAO,EAAE,QAAQ,WAAW,QAAQ,SAAS,QAAQ;AAAA,KAEpD,iBAIL,mDAAC,+BAAD;AAAA;",
+  "names": []
+}

package/cjs/ComboBox/v3/parts/menu-list/index.js

@@ -1,9 +1,35 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MenuList = require('./MenuList.js');
-
-
-
-exports.MenuList = MenuList.MenuList;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var menu_list_exports = {};
+__export(menu_list_exports, {
+  MenuList: () => import_MenuList.MenuList
+});
+var React = __toESM(require("react"));
+var import_MenuList = require("./MenuList");
+module.exports = __toCommonJS(menu_list_exports);
+//# sourceMappingURL=index.js.map

package/cjs/ComboBox/v3/parts/menu-list/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/ComboBox/v3/parts/menu-list/index.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { MenuList } from './MenuList';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAyB;",
+  "names": []
+}