@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/controlled-combobox/parts/dropdown-indicator/styled.js

@@ -1,43 +1,17 @@
-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 = require("@elliemae/ds-button");
-const StyledDropDownButton = (0, import_styled_components.default)(import_ds_button.DSButton)`
-  box-sizing: border-box;
-  width: 100;
-  & svg {
-    fill: ${(props) => props.theme.colors.brand["700"]};
-  }
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+'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-14dzwqd-0"
+})(["box-sizing:border-box;width:100;& svg{fill:", ";}"], props => props.theme.colors.brand['700']);
+
+exports.StyledDropDownButton = StyledDropDownButton;

package/cjs/controlled-combobox/parts/empty-state/index.js

@@ -1,45 +1,23 @@
-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 = require("../../ComboBoxCTX");
-var import_styled = require("./styled");
+'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;
+
 const EmptyState = () => {
-  const {
-    props: { onCreate }
-  } = (0, import_react.useContext)(import_ComboBoxCTX.ComboBoxContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledNoResultsWrapper, {
+  React.useContext(ComboBoxCTX.ComboBoxContext);
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledNoResultsWrapper, {
     id: "id-no-results"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledNoResults, null, "No matches found"));
+  }, void 0, _StyledNoResults || (_StyledNoResults = /*#__PURE__*/_jsx__default["default"](styled.StyledNoResults, {}, void 0, "No matches found")));
 };
-module.exports = __toCommonJS(empty_state_exports);
-//# sourceMappingURL=index.js.map
+
+exports.EmptyState = EmptyState;

package/cjs/controlled-combobox/parts/empty-state/styled.js

@@ -1,40 +1,19 @@
-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
+'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-1j46c03-0"
+})(["padding:16px;"]);
+const StyledNoResults = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-1j46c03-1"
+})([""]);
+
+exports.StyledNoResults = StyledNoResults;
+exports.StyledNoResultsWrapper = StyledNoResultsWrapper;

package/cjs/controlled-combobox/parts/header-list/HeaderList.js

@@ -1,78 +1,78 @@
-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_ds_controlled_form = require("@elliemae/ds-controlled-form");
-var import_ComboBoxCTX = require("../../ComboBoxCTX");
-var import_styled = require("./styled");
-var import_ComboboxDataTestids = require("../../ComboboxDataTestids");
-var import_useHeaderListHandlers = require("./useHeaderListHandlers");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var React = require('react');
+var lodash = require('lodash');
+var dsControlledForm = require('@elliemae/ds-controlled-form');
+var ComboBoxCTX = require('../../ComboBoxCTX.js');
+var styled = require('./styled.js');
+var ComboboxDataTestids = require('../../ComboboxDataTestids.js');
+var useHeaderListHandlers = require('./useHeaderListHandlers.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _StyledNoOptionsSelec;
+
 const HeaderList = () => {
   const {
-    props: { onSelectAll, onClearAll, selectedValues },
+    props: {
+      onSelectAll,
+      onClearAll,
+      selectedValues
+    },
     showSelectedOptions,
     inputRef
-  } = (0, import_react.useContext)(import_ComboBoxCTX.ComboBoxContext);
-  const isSelectAllSupplied = onSelectAll !== import_lodash.noop;
-  const isClearAllSupplied = onClearAll !== import_lodash.noop;
+  } = React.useContext(ComboBoxCTX.ComboBoxContext);
+  const isSelectAllSupplied = onSelectAll !== lodash.noop;
+  const isClearAllSupplied = onClearAll !== lodash.noop;
   const multiSelectedValues = selectedValues;
-  const { handleKeyDown, handleOnMouseDown, handleToggle, checkboxStatus, handleSelectAllCheckboxChange } = (0, import_useHeaderListHandlers.useHeaderListHandlers)();
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledHeaderListWrapper, {
+  const {
+    handleKeyDown,
+    handleOnMouseDown,
+    handleToggle,
+    checkboxStatus,
+    handleSelectAllCheckboxChange
+  } = useHeaderListHandlers.useHeaderListHandlers();
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledHeaderListWrapper, {
     onKeyDown: handleKeyDown,
     onMouseDown: handleOnMouseDown
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSelectAllCheckbox, null, isSelectAllSupplied && isClearAllSupplied && /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledCheckbox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledSelectAllCheckbox, {}, void 0, isSelectAllSupplied && isClearAllSupplied && /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledCheckbox, {
     checked: checkboxStatus,
-    ariaControls: checkboxStatus === "mixed" ? multiSelectedValues.map((item) => item.dsId).join(" ") : "",
+    ariaControls: checkboxStatus === 'mixed' ? multiSelectedValues.map(item => item.dsId).join(' ') : '',
     name: "select-all-checkbox",
     ariaLabel: "Select/Unselect All Items",
     id: "select-all-checkbox",
     onChange: handleSelectAllCheckboxChange,
-    "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.SELECT_ALL_CHECKBOX,
+    "data-testid": ComboboxDataTestids.ComboboxDataTestid.SELECT_ALL_CHECKBOX,
     onBlur: () => {
       if (multiSelectedValues.length === 0) {
-        setTimeout(() => inputRef.current?.focus());
+        setTimeout(() => {
+          var _inputRef$current;
+
+          return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+        });
       }
     }
-  })), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSelectedItems, null, multiSelectedValues.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_styled.StyledButtonSelection, {
+  })), /*#__PURE__*/_jsx__default["default"](styled.StyledSelectedItems, {}, void 0, multiSelectedValues.length > 0 ? /*#__PURE__*/_jsx__default["default"](styled.StyledButtonSelection, {
     onBlur: () => {
-      setTimeout(() => inputRef.current?.focus());
+      setTimeout(() => {
+        var _inputRef$current2;
+
+        return (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+      });
     },
     buttonType: "text",
     onClick: handleToggle,
-    labelText: !showSelectedOptions ? `SHOW SELECTED [${multiSelectedValues.length}]` : "SHOW ALL",
+    labelText: !showSelectedOptions ? "SHOW SELECTED [".concat(multiSelectedValues.length, "]") : 'SHOW ALL',
     size: "s",
-    "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.SHOW_SELECTED_OPTIONS_TOGGLE
-  }) : /* @__PURE__ */ import_react.default.createElement(import_styled.StyledNoOptionsSelected, null, "0 SELECTED")));
+    "data-testid": ComboboxDataTestids.ComboboxDataTestid.SHOW_SELECTED_OPTIONS_TOGGLE
+  }) : _StyledNoOptionsSelec || (_StyledNoOptionsSelec = /*#__PURE__*/_jsx__default["default"](styled.StyledNoOptionsSelected, {}, void 0, "0 SELECTED"))));
 };
-module.exports = __toCommonJS(HeaderList_exports);
-//# sourceMappingURL=HeaderList.js.map
+
+exports.HeaderList = HeaderList;

package/cjs/controlled-combobox/parts/header-list/index.js

@@ -1,35 +1,9 @@
-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
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HeaderList = require('./HeaderList.js');
+
+
+
+exports.HeaderList = HeaderList.HeaderList;

package/cjs/controlled-combobox/parts/header-list/styled.js

@@ -1,79 +1,34 @@
-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, {
-  StyledButtonSelection: () => StyledButtonSelection,
-  StyledHeaderListWrapper: () => StyledHeaderListWrapper,
-  StyledNoOptionsSelected: () => StyledNoOptionsSelected,
-  StyledSelectAllCheckbox: () => StyledSelectAllCheckbox,
-  StyledSelectedItems: () => StyledSelectedItems
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_button = require("@elliemae/ds-button");
-const StyledHeaderListWrapper = import_styled_components.default.div`
-  display: flex;
-  position: fixed;
-  top: 0;
-  z-index: 10;
-  justify-content: space-between;
-  padding: 0px 12px 0px 16px;
-  width: 100%;
-  height: 28px;
-  background-color: #fff;
-  box-shadow: 0 4px 2px -4px ${(props) => props.theme.colors.neutral[700]};
-  overflow-x: hidden;
+'use strict';
 
-  & button {
-    font-size: 13px;
-  }
-`;
-const StyledButtonSelection = (0, import_styled_components.default)(import_ds_button.DSButton)`
-  border-radius: 0px;
-  padding: 0 ${(props) => props.theme.space.xxs};
-  margin: 0;
-  align-items: center;
-  transition: unset;
-  &:hover:not([disabled]) {
-    background-color: transparent;
-    color: ${(props) => props.theme.colors.brand["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};
-`;
-const StyledSelectAllCheckbox = import_styled_components.default.div`
-  display: flex;
-  align-items: center;
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+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);
+
+/* eslint-disable max-len */
+const StyledHeaderListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1fb5jy1-0"
+})(["display:flex;position:fixed;top:0;z-index:10;justify-content:space-between;padding:0px 12px 0px 16px;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 StyledButtonSelection = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
+  componentId: "sc-1fb5jy1-1"
+})(["border-radius:0px;padding:0 ", ";margin:0;align-items:center;transition:unset;&:hover:not([disabled]){background-color:transparent;color:", ";}"], props => props.theme.space.xxs, props => props.theme.colors.brand['700']);
+const StyledSelectedItems = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1fb5jy1-2"
+})(["display:flex;align-items:center;"]);
+const StyledNoOptionsSelected = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1fb5jy1-3"
+})(["padding:0 ", ";"], props => props.theme.space.xxs);
+const StyledSelectAllCheckbox = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1fb5jy1-4"
+})(["display:flex;align-items:center;"]);
+
+exports.StyledButtonSelection = StyledButtonSelection;
+exports.StyledHeaderListWrapper = StyledHeaderListWrapper;
+exports.StyledNoOptionsSelected = StyledNoOptionsSelected;
+exports.StyledSelectAllCheckbox = StyledSelectAllCheckbox;
+exports.StyledSelectedItems = StyledSelectedItems;

package/cjs/controlled-combobox/parts/header-list/useHeaderListHandlers.js

@@ -1,84 +1,64 @@
-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_listHelper = require("../../utils/listHelper");
-var import_ComboBoxCTX = require("../../ComboBoxCTX");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var listHelper = require('../../utils/listHelper.js');
+var ComboBoxCTX = require('../../ComboBoxCTX.js');
+
 const useHeaderListHandlers = () => {
   const {
-    props: { onFilter, selectedValues, options, onSelectAll, onClearAll },
+    props: {
+      onFilter,
+      selectedValues,
+      options,
+      onSelectAll,
+      onClearAll
+    },
     inputRef,
     showSelectedOptions,
     setShowSelectedOptions,
     setShowPopover
-  } = (0, import_react.useContext)(import_ComboBoxCTX.ComboBoxContext);
+  } = React.useContext(ComboBoxCTX.ComboBoxContext);
   const multiSelectedValues = selectedValues;
-  const selectableOptions = (0, import_listHelper.getSelectableOptions)(options);
-  const checkboxStatus = (0, import_react.useMemo)(() => {
-    if (selectableOptions?.length === multiSelectedValues?.length) {
+  const selectableOptions = listHelper.getSelectableOptions(options);
+  const checkboxStatus = React.useMemo(() => {
+    if ((selectableOptions === null || selectableOptions === void 0 ? void 0 : selectableOptions.length) === (multiSelectedValues === null || multiSelectedValues === void 0 ? void 0 : multiSelectedValues.length)) {
       return true;
     }
-    if (multiSelectedValues?.length === 0) {
+
+    if ((multiSelectedValues === null || multiSelectedValues === void 0 ? void 0 : multiSelectedValues.length) === 0) {
       return false;
     }
-    return "mixed";
+
+    return 'mixed';
   }, [multiSelectedValues, selectableOptions]);
-  const handleOnMouseDown = (0, import_react.useCallback)((e) => {
+  const handleOnMouseDown = React.useCallback(e => {
     e.preventDefault();
   }, []);
-  const handleSelectAllCheckboxChange = (0, import_react.useCallback)(() => {
-    if (!checkboxStatus || checkboxStatus === "mixed") {
+  const handleSelectAllCheckboxChange = React.useCallback(() => {
+    if (!checkboxStatus || checkboxStatus === 'mixed') {
       onSelectAll();
     } else {
       onClearAll();
     }
   }, [checkboxStatus, onSelectAll, onClearAll]);
-  const handleToggle = (0, import_react.useCallback)(() => {
-    if (inputRef.current)
-      inputRef.current.value = "";
-    onFilter("");
+  const handleToggle = React.useCallback(() => {
+    if (inputRef.current) inputRef.current.value = '';
+    onFilter('');
     setShowSelectedOptions(!showSelectedOptions);
   }, [setShowSelectedOptions, inputRef, onFilter, showSelectedOptions]);
-  const handleKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.key === "Escape") {
+  const handleKeyDown = React.useCallback(e => {
+    if (e.key === 'Escape') {
       setShowPopover(false);
     }
   }, [setShowPopover]);
-  (0, import_react.useEffect)(() => {
+  React.useEffect(() => {
     if (multiSelectedValues.length === 0) {
       setShowSelectedOptions(false);
     }
   }, [multiSelectedValues, setShowSelectedOptions]);
-  return (0, import_react.useMemo)(() => ({
+  return React.useMemo(() => ({
     handleKeyDown,
     handleToggle,
     handleOnMouseDown,
@@ -86,5 +66,5 @@ const useHeaderListHandlers = () => {
     checkboxStatus
   }), [handleKeyDown, handleToggle, handleOnMouseDown, checkboxStatus, handleSelectAllCheckboxChange]);
 };
-module.exports = __toCommonJS(useHeaderListHandlers_exports);
-//# sourceMappingURL=useHeaderListHandlers.js.map
+
+exports.useHeaderListHandlers = useHeaderListHandlers;