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

package/cjs/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js

@@ -1,33 +1,53 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var ChevronSmallDown = require('@elliemae/ds-icons/ChevronSmallDown');
-var ComboBoxCTX = require('../../ComboBoxCTX.js');
-var styled = require('./styled.js');
-var ComboboxDataTestids = require('../../ComboboxDataTestids.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var ChevronSmallDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallDown);
-
-var _ChevronSmallDown;
-
+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 DropdownIndicator_exports = {};
+__export(DropdownIndicator_exports, {
+  default: () => DropdownIndicator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ChevronSmallDown = __toESM(require("@elliemae/ds-icons/ChevronSmallDown"));
+var import_ComboBoxCTX = __toESM(require("../../ComboBoxCTX"));
+var import_styled = require("./styled");
+var import_ComboboxDataTestids = require("../../ComboboxDataTestids");
 const DropdownIndicator = () => {
-  const {
-    showPopover
-  } = React.useContext(ComboBoxCTX.ComboBoxContext);
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledDropDownButton, {
-    "data-testid": ComboboxDataTestids.ComboboxDataTestid.DROPDOWN,
+  const { showPopover } = (0, import_react.useContext)(import_ComboBoxCTX.default);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledDropDownButton, {
+    "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.DROPDOWN,
     "aria-controls": "combo-listbox",
     "aria-labelledby": "combo-label",
     "aria-expanded": showPopover,
     "aria-haspopup": "listbox",
     buttonType: "text",
-    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](ChevronSmallDown__default["default"], {})),
+    icon: /* @__PURE__ */ import_react.default.createElement(import_ChevronSmallDown.default, null),
     tabIndex: -1
   });
 };
-
-module.exports = DropdownIndicator;
+var DropdownIndicator_default = DropdownIndicator;
+module.exports = __toCommonJS(DropdownIndicator_exports);
+//# sourceMappingURL=DropdownIndicator.js.map

package/cjs/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable import/no-cycle */\nimport React, { useContext } from 'react';\nimport ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledDropDownButton } from './styled';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nconst DropdownIndicator = (): JSX.Element => {\n  const { showPopover } = useContext(ComboBoxContext);\n\n  return (\n    <StyledDropDownButton\n      data-testid={ComboboxDataTestid.DROPDOWN}\n      aria-controls=\"combo-listbox\"\n      aria-labelledby=\"combo-label\"\n      aria-expanded={showPopover}\n      aria-haspopup=\"listbox\"\n      buttonType=\"text\"\n      icon={<ChevronSmallDown />}\n      tabIndex={-1}\n    />\n  );\n};\n\nexport default DropdownIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkC;AAClC,8BAA6B;AAC7B,yBAA4B;AAC5B,oBAAqC;AACrC,iCAAmC;AACnC,MAAM,oBAAoB,MAAmB;AAC3C,QAAM,EAAE,gBAAgB,6BAAW;AAEnC,SACE,mDAAC,oCAAD;AAAA,IACE,eAAa,8CAAmB;AAAA,IAChC,iBAAc;AAAA,IACd,mBAAgB;AAAA,IAChB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,YAAW;AAAA,IACX,MAAM,mDAAC,iCAAD;AAAA,IACN,UAAU;AAAA;AAAA;AAKhB,IAAO,4BAAQ;",
+  "names": []
+}

package/cjs/ComboBox/v3/parts/dropdown-indicator/index.js

@@ -1,2 +1,20 @@
-'use strict';
-
+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 __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 React = __toESM(require("react"));
+//# sourceMappingURL=index.js.map

package/cjs/ComboBox/v3/parts/dropdown-indicator/index.js.map

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

package/cjs/ComboBox/v3/parts/dropdown-indicator/styled.js

@@ -1,17 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var DSButton = require('@elliemae/ds-button');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-const StyledDropDownButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
-  componentId: "sc-1ijoe1w-0"
-})(["box-sizing:border-box;width:100;& svg{fill:", ";}"], props => props.theme.colors.brand['700']);
-
-exports.StyledDropDownButton = StyledDropDownButton;
+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, {
+  StyledDropDownButton: () => StyledDropDownButton
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+const StyledDropDownButton = (0, import_styled_components.default)(import_ds_button.default)`
+  box-sizing: border-box;
+  width: 100;
+  & svg {
+    fill: ${(props) => props.theme.colors.brand["700"]};
+  }
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/ComboBox/v3/parts/dropdown-indicator/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/ComboBox/v3/parts/dropdown-indicator/styled.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport DSButton from '@elliemae/ds-button';\n\nexport const StyledDropDownButton = styled(DSButton)`\n  box-sizing: border-box;\n  width: 100;\n  & svg {\n    fill: ${(props) => props.theme.colors.brand['700']};\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAqB;AAEd,MAAM,uBAAuB,sCAAO;AAAA;AAAA;AAAA;AAAA,YAI/B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;",
+  "names": []
+}

package/cjs/ComboBox/v3/parts/empty-state/index.js

@@ -1,27 +1,45 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var ComboBoxCTX = require('../../ComboBoxCTX.js');
-var styled = require('./styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _StyledNoResults, _StyledNoResults2;
-
+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 empty_state_exports = {};
+__export(empty_state_exports, {
+  EmptyState: () => EmptyState
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ComboBoxCTX = __toESM(require("../../ComboBoxCTX"));
+var import_styled = require("./styled");
 const EmptyState = () => {
   const {
-    props: {
-      onCreate
-    }
-  } = React.useContext(ComboBoxCTX.ComboBoxContext);
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledNoResultsWrapper, {
+    props: { onCreate }
+  } = (0, import_react.useContext)(import_ComboBoxCTX.default);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledNoResultsWrapper, {
     id: "id-no-results"
-  }, void 0, onCreate ? _StyledNoResults || (_StyledNoResults = /*#__PURE__*/_jsx__default["default"](styled.StyledNoResults, {}, void 0, "No items match your search, click RETURN at any point to add your unique entry to the field")) : _StyledNoResults2 || (_StyledNoResults2 = /*#__PURE__*/_jsx__default["default"](styled.StyledNoResults, {}, void 0, "No matches found.")));
+  }, onCreate ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledNoResults, null, "No items match your search, click RETURN at any point to add your unique entry to the field") : /* @__PURE__ */ import_react.default.createElement(import_styled.StyledNoResults, null, "No matches found."));
 };
-
-exports.EmptyState = EmptyState;
+module.exports = __toCommonJS(empty_state_exports);
+//# sourceMappingURL=index.js.map

package/cjs/ComboBox/v3/parts/empty-state/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/ComboBox/v3/parts/empty-state/index.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledNoResults, StyledNoResultsWrapper } from './styled';\n\nconst EmptyState = (): JSX.Element => {\n  const {\n    props: { onCreate },\n  } = useContext(ComboBoxContext);\n  return (\n    <StyledNoResultsWrapper id=\"id-no-results\">\n      {onCreate ? (\n        <StyledNoResults>\n          No items match your search, click RETURN at any point to add your unique entry to the field\n        </StyledNoResults>\n      ) : (\n        <StyledNoResults>No matches found.</StyledNoResults>\n      )}\n    </StyledNoResultsWrapper>\n  );\n};\n\nexport { EmptyState };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,yBAA4B;AAC5B,oBAAwD;AAExD,MAAM,aAAa,MAAmB;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,6BAAW;AACf,SACE,mDAAC,sCAAD;AAAA,IAAwB,IAAG;AAAA,KACxB,WACC,mDAAC,+BAAD,MAAiB,iGAIjB,mDAAC,+BAAD,MAAiB;AAAA;",
+  "names": []
+}

package/cjs/ComboBox/v3/parts/empty-state/styled.js

@@ -1,19 +1,40 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledNoResultsWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-o4fon6-0"
-})(["padding:16px;"]);
-const StyledNoResults = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-o4fon6-1"
-})([""]);
-
-exports.StyledNoResults = StyledNoResults;
-exports.StyledNoResultsWrapper = StyledNoResultsWrapper;
+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, {
+  StyledNoResults: () => StyledNoResults,
+  StyledNoResultsWrapper: () => StyledNoResultsWrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const StyledNoResultsWrapper = import_styled_components.default.div`
+  padding: 16px;
+`;
+const StyledNoResults = import_styled_components.default.span``;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/ComboBox/v3/parts/empty-state/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/ComboBox/v3/parts/empty-state/styled.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledNoResultsWrapper = styled.div`\n  padding: 16px;\n`;\n\nexport const StyledNoResults = styled.span``;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,yBAAyB,iCAAO;AAAA;AAAA;AAItC,MAAM,kBAAkB,iCAAO;",
+  "names": []
+}

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

@@ -1,41 +1,52 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var lodash = require('lodash');
-var ComboBoxCTX = require('../../ComboBoxCTX.js');
-var styled = require('./styled.js');
-var listHelper = require('../../utils/listHelper.js');
-var ComboboxDataTestids = require('../../ComboboxDataTestids.js');
-var useHeaderListHandlers = require('./useHeaderListHandlers.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 _StyledSeparator, _StyledNoOptionsSelec, _StyledSeparator2;
-
+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 HeaderList_exports = {};
+__export(HeaderList_exports, {
+  HeaderList: () => HeaderList
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ComboBoxCTX = __toESM(require("../../ComboBoxCTX"));
+var import_styled = require("./styled");
+var import_listHelper = require("../../utils/listHelper");
+var import_ComboboxDataTestids = require("../../ComboboxDataTestids");
+var import_useHeaderListHandlers = require("./useHeaderListHandlers");
 const HeaderList = () => {
-  var _inputRef$current;
-
   const {
-    props: {
-      onSelectAll,
-      onClearAll,
-      withToggle,
-      selectedValues,
-      options
-    },
+    props: { onSelectAll, onClearAll, withToggle, selectedValues, options },
     showSelectedOptions,
     inputRef
-  } = React.useContext(ComboBoxCTX.ComboBoxContext);
-  const isSelectAllSupplied = onSelectAll !== lodash.noop;
-  const isClearAllSupplied = onClearAll !== lodash.noop;
+  } = (0, import_react.useContext)(import_ComboBoxCTX.default);
+  const isSelectAllSupplied = onSelectAll !== import_lodash.noop;
+  const isClearAllSupplied = onClearAll !== import_lodash.noop;
   const multiSelectedValues = selectedValues;
-  const selectableOptions = listHelper.getSelectableOptions(options);
+  const selectableOptions = (0, import_listHelper.getSelectableOptions)(options);
   const {
     handleKeyDown,
     handleClickOnClearAll,
@@ -44,70 +55,66 @@ const HeaderList = () => {
     handleOnBlurSelectAll,
     handleOnMouseDown,
     handleToggle
-  } = useHeaderListHandlers.useHeaderListHandlers();
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledHeaderListWrapper, {
+  } = (0, import_useHeaderListHandlers.useHeaderListHandlers)();
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledHeaderListWrapper, {
     onKeyDown: handleKeyDown,
     onMouseDown: handleOnMouseDown
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledSelectedItems, {}, void 0, isSelectAllSupplied && /*#__PURE__*/_jsx__default["default"](styled.StyledButton, {
-    disabled: (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) !== '' || selectableOptions.length === multiSelectedValues.length,
-    "data-testid": ComboboxDataTestids.ComboboxDataTestid.SELECT_ALL_BUTTON,
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSelectedItems, null, isSelectAllSupplied && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledButton, {
+    disabled: inputRef?.current?.value !== "" || selectableOptions.length === multiSelectedValues.length,
+    "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.SELECT_ALL_BUTTON,
     buttonType: "text",
     labelText: "All",
     size: "s",
     onMouseDown: handleOnMouseDown,
     onBlur: handleOnBlurSelectAll,
     onClick: handleClickOnSelectAll
-  }), isSelectAllSupplied && isClearAllSupplied && (_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](styled.StyledSeparator, {
+  }), isSelectAllSupplied && isClearAllSupplied && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSeparator, {
     orientation: "vertical",
     position: "center",
     type: "group-level",
     margin: "none"
-  }))), isClearAllSupplied && /*#__PURE__*/_jsx__default["default"](styled.StyledButton, {
+  }), isClearAllSupplied && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledButton, {
     disabled: multiSelectedValues.length === 0,
     tabIndex: 0,
-    "data-testid": ComboboxDataTestids.ComboboxDataTestid.CLEAR_ALL_BUTTON,
+    "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.CLEAR_ALL_BUTTON,
     buttonType: "text",
     size: "s",
     labelText: "Clear",
     onMouseDown: handleOnMouseDown,
     onBlur: handleOnBlurClearAll,
     onClick: handleClickOnClearAll
-  })), /*#__PURE__*/_jsx__default["default"](styled.StyledSelectedItems, {}, void 0, withToggle ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: multiSelectedValues.length > 0 ? /*#__PURE__*/_jsx__default["default"](styled.StyledButtonSelection, {
-      buttonType: "text",
-      disabled: !showSelectedOptions && selectableOptions.length === multiSelectedValues.length,
-      onClick: handleToggle,
-      labelText: !showSelectedOptions ? "".concat(multiSelectedValues.length, " SELECTED") : 'SHOW ALL',
-      size: "s"
-    }) : _StyledNoOptionsSelec || (_StyledNoOptionsSelec = /*#__PURE__*/_jsx__default["default"](styled.StyledNoOptionsSelected, {}, void 0, "0 SELECTED"))
-  }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](styled.StyledShowAllButton, {
-      buttonType: "text",
-      "data-testid": ComboboxDataTestids.ComboboxDataTestid.SHOW_ALL_BUTTON,
-      tabIndex: !showSelectedOptions ? -1 : 0,
-      onClick: showSelectedOptions ? handleToggle : lodash.noop,
-      labelText: "SHOW ALL",
-      isSelected: !showSelectedOptions,
-      size: "s",
-      style: {
-        fontWeight: showSelectedOptions ? '300' : '600'
-      }
-    }), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/_jsx__default["default"](styled.StyledSeparator, {
-      orientation: "vertical",
-      position: "center",
-      type: "group-level",
-      margin: "none"
-    })), /*#__PURE__*/_jsx__default["default"](styled.StyledButtonSelection, {
-      tabIndex: showSelectedOptions ? -1 : 0,
-      "data-testid": ComboboxDataTestids.ComboboxDataTestid.SHOW_SELECTED_OPTIONS_BUTTON,
-      disabled: multiSelectedValues.length === 0 || !showSelectedOptions && selectableOptions.length === multiSelectedValues.length,
-      buttonType: "text",
-      isSelected: showSelectedOptions,
-      onClick: !showSelectedOptions ? handleToggle : lodash.noop,
-      labelText: "".concat(multiSelectedValues.length, " SELECTED"),
-      size: "s"
-    })]
-  })));
+  })), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSelectedItems, null, withToggle ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, multiSelectedValues.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledButtonSelection, {
+    buttonType: "text",
+    disabled: !showSelectedOptions && selectableOptions.length === multiSelectedValues.length,
+    onClick: handleToggle,
+    labelText: !showSelectedOptions ? `${multiSelectedValues.length} SELECTED` : "SHOW ALL",
+    size: "s"
+  }) : /* @__PURE__ */ import_react.default.createElement(import_styled.StyledNoOptionsSelected, null, "0 SELECTED")) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledShowAllButton, {
+    buttonType: "text",
+    "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.SHOW_ALL_BUTTON,
+    tabIndex: !showSelectedOptions ? -1 : 0,
+    onClick: showSelectedOptions ? handleToggle : import_lodash.noop,
+    labelText: "SHOW ALL",
+    isSelected: !showSelectedOptions,
+    size: "s",
+    style: {
+      fontWeight: showSelectedOptions ? "300" : "600"
+    }
+  }), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSeparator, {
+    orientation: "vertical",
+    position: "center",
+    type: "group-level",
+    margin: "none"
+  }), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledButtonSelection, {
+    tabIndex: showSelectedOptions ? -1 : 0,
+    "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.SHOW_SELECTED_OPTIONS_BUTTON,
+    disabled: multiSelectedValues.length === 0 || !showSelectedOptions && selectableOptions.length === multiSelectedValues.length,
+    buttonType: "text",
+    isSelected: showSelectedOptions,
+    onClick: !showSelectedOptions ? handleToggle : import_lodash.noop,
+    labelText: `${multiSelectedValues.length} SELECTED`,
+    size: "s"
+  }))));
 };
-
-exports.HeaderList = HeaderList;
+module.exports = __toCommonJS(HeaderList_exports);
+//# sourceMappingURL=HeaderList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/ComboBox/v3/parts/header-list/HeaderList.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { useContext } from 'react';\nimport { noop } from 'lodash';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport {\n  StyledHeaderListWrapper,\n  StyledButtonSelection,\n  StyledSelectedItems,\n  StyledShowAllButton,\n  StyledButton,\n  StyledSeparator,\n  StyledNoOptionsSelected,\n} from './styled';\nimport { CBItemOption } from '../../index.d';\nimport { getSelectableOptions } from '../../utils/listHelper';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { useHeaderListHandlers } from './useHeaderListHandlers';\nconst HeaderList = (): JSX.Element => {\n  const {\n    props: { onSelectAll, onClearAll, withToggle, selectedValues, options },\n    showSelectedOptions,\n    inputRef,\n  } = useContext(ComboBoxContext);\n\n  const isSelectAllSupplied = onSelectAll !== noop;\n  const isClearAllSupplied = onClearAll !== noop;\n\n  const multiSelectedValues = selectedValues as CBItemOption[];\n  const selectableOptions = getSelectableOptions(options);\n  const {\n    handleKeyDown,\n    handleClickOnClearAll,\n    handleClickOnSelectAll,\n    handleOnBlurClearAll,\n    handleOnBlurSelectAll,\n    handleOnMouseDown,\n    handleToggle,\n  } = useHeaderListHandlers();\n  return (\n    <StyledHeaderListWrapper onKeyDown={handleKeyDown} onMouseDown={handleOnMouseDown}>\n      <StyledSelectedItems>\n        {isSelectAllSupplied && (\n          <StyledButton\n            disabled={inputRef?.current?.value !== '' || selectableOptions.length === multiSelectedValues.length}\n            data-testid={ComboboxDataTestid.SELECT_ALL_BUTTON}\n            buttonType=\"text\"\n            labelText=\"All\"\n            size=\"s\"\n            onMouseDown={handleOnMouseDown}\n            onBlur={handleOnBlurSelectAll}\n            onClick={handleClickOnSelectAll}\n          />\n        )}\n        {isSelectAllSupplied && isClearAllSupplied && (\n          <StyledSeparator orientation=\"vertical\" position=\"center\" type=\"group-level\" margin=\"none\" />\n        )}\n        {isClearAllSupplied && (\n          <StyledButton\n            disabled={multiSelectedValues.length === 0}\n            tabIndex={0}\n            data-testid={ComboboxDataTestid.CLEAR_ALL_BUTTON}\n            buttonType=\"text\"\n            size=\"s\"\n            labelText=\"Clear\"\n            onMouseDown={handleOnMouseDown}\n            onBlur={handleOnBlurClearAll}\n            onClick={handleClickOnClearAll}\n          />\n        )}\n      </StyledSelectedItems>\n      <StyledSelectedItems>\n        {withToggle ? (\n          <>\n            {multiSelectedValues.length > 0 ? (\n              <StyledButtonSelection\n                buttonType=\"text\"\n                disabled={!showSelectedOptions && selectableOptions.length === multiSelectedValues.length}\n                onClick={handleToggle}\n                labelText={!showSelectedOptions ? `${multiSelectedValues.length} SELECTED` : 'SHOW ALL'}\n                size=\"s\"\n              />\n            ) : (\n              <StyledNoOptionsSelected>0 SELECTED</StyledNoOptionsSelected>\n            )}\n          </>\n        ) : (\n          <>\n            <StyledShowAllButton\n              buttonType=\"text\"\n              data-testid={ComboboxDataTestid.SHOW_ALL_BUTTON}\n              tabIndex={!showSelectedOptions ? -1 : 0}\n              onClick={showSelectedOptions ? handleToggle : noop}\n              labelText=\"SHOW ALL\"\n              isSelected={!showSelectedOptions}\n              size=\"s\"\n              style={{\n                fontWeight: showSelectedOptions ? '300' : '600',\n              }}\n            />\n\n            <StyledSeparator orientation=\"vertical\" position=\"center\" type=\"group-level\" margin=\"none\" />\n            <StyledButtonSelection\n              tabIndex={showSelectedOptions ? -1 : 0}\n              data-testid={ComboboxDataTestid.SHOW_SELECTED_OPTIONS_BUTTON}\n              disabled={\n                multiSelectedValues.length === 0 ||\n                (!showSelectedOptions && selectableOptions.length === multiSelectedValues.length)\n              }\n              buttonType=\"text\"\n              isSelected={showSelectedOptions}\n              onClick={!showSelectedOptions ? handleToggle : noop}\n              labelText={`${multiSelectedValues.length} SELECTED`}\n              size=\"s\"\n            />\n          </>\n        )}\n      </StyledSelectedItems>\n    </StyledHeaderListWrapper>\n  );\n};\n\nexport { HeaderList };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAkC;AAClC,oBAAqB;AACrB,yBAA4B;AAC5B,oBAQO;AAEP,wBAAqC;AACrC,iCAAmC;AACnC,mCAAsC;AACtC,MAAM,aAAa,MAAmB;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,aAAa,YAAY,YAAY,gBAAgB;AAAA,IAC9D;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,sBAAsB,gBAAgB;AAC5C,QAAM,qBAAqB,eAAe;AAE1C,QAAM,sBAAsB;AAC5B,QAAM,oBAAoB,4CAAqB;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,SACE,mDAAC,uCAAD;AAAA,IAAyB,WAAW;AAAA,IAAe,aAAa;AAAA,KAC9D,mDAAC,mCAAD,MACG,uBACC,mDAAC,4BAAD;AAAA,IACE,UAAU,UAAU,SAAS,UAAU,MAAM,kBAAkB,WAAW,oBAAoB;AAAA,IAC9F,eAAa,8CAAmB;AAAA,IAChC,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAK;AAAA,IACL,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,MAGZ,uBAAuB,sBACtB,mDAAC,+BAAD;AAAA,IAAiB,aAAY;AAAA,IAAW,UAAS;AAAA,IAAS,MAAK;AAAA,IAAc,QAAO;AAAA,MAErF,sBACC,mDAAC,4BAAD;AAAA,IACE,UAAU,oBAAoB,WAAW;AAAA,IACzC,UAAU;AAAA,IACV,eAAa,8CAAmB;AAAA,IAChC,YAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAU;AAAA,IACV,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,OAIf,mDAAC,mCAAD,MACG,aACC,wFACG,oBAAoB,SAAS,IAC5B,mDAAC,qCAAD;AAAA,IACE,YAAW;AAAA,IACX,UAAU,CAAC,uBAAuB,kBAAkB,WAAW,oBAAoB;AAAA,IACnF,SAAS;AAAA,IACT,WAAW,CAAC,sBAAsB,GAAG,oBAAoB,oBAAoB;AAAA,IAC7E,MAAK;AAAA,OAGP,mDAAC,uCAAD,MAAyB,iBAI7B,wFACE,mDAAC,mCAAD;AAAA,IACE,YAAW;AAAA,IACX,eAAa,8CAAmB;AAAA,IAChC,UAAU,CAAC,sBAAsB,KAAK;AAAA,IACtC,SAAS,sBAAsB,eAAe;AAAA,IAC9C,WAAU;AAAA,IACV,YAAY,CAAC;AAAA,IACb,MAAK;AAAA,IACL,OAAO;AAAA,MACL,YAAY,sBAAsB,QAAQ;AAAA;AAAA,MAI9C,mDAAC,+BAAD;AAAA,IAAiB,aAAY;AAAA,IAAW,UAAS;AAAA,IAAS,MAAK;AAAA,IAAc,QAAO;AAAA,MACpF,mDAAC,qCAAD;AAAA,IACE,UAAU,sBAAsB,KAAK;AAAA,IACrC,eAAa,8CAAmB;AAAA,IAChC,UACE,oBAAoB,WAAW,KAC9B,CAAC,uBAAuB,kBAAkB,WAAW,oBAAoB;AAAA,IAE5E,YAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,CAAC,sBAAsB,eAAe;AAAA,IAC/C,WAAW,GAAG,oBAAoB;AAAA,IAClC,MAAK;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,9 +1,35 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var HeaderList = require('./HeaderList.js');
-
-
-
-exports.HeaderList = HeaderList.HeaderList;
+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 header_list_exports = {};
+__export(header_list_exports, {
+  HeaderList: () => import_HeaderList.HeaderList
+});
+var React = __toESM(require("react"));
+var import_HeaderList = require("./HeaderList");
+module.exports = __toCommonJS(header_list_exports);
+//# sourceMappingURL=index.js.map