@elliemae/ds-form 2.3.0-alpha.9 → 2.3.0-next.11

package/dist/cjs/ComboBox/v3/parts/controls-input/useControlsInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/ComboBox/v3/parts/controls-input/useControlsInput.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useContext, useEffect, useMemo, useRef, useCallback, useState } from 'react';\n\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { isSelectedValueEmpty } from '../../utils/listHelper';\n\ninterface UseControlsInputT {\n  handleOnFocus: () => void;\n  handleOnBlur: () => void;\n  handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  showPlaceholder?: string;\n  spanReferenceText: string;\n  width: number;\n  spanReference: React.Ref<HTMLSpanElement>;\n}\nconst useControlsInput = (): UseControlsInputT => {\n  const {\n    props: { selectedValues, placeholder, onFilter },\n    setShowPopover,\n    setCurrentOption,\n    inputRef,\n    wrapperListRef,\n    setHasFocus,\n    setShowSelectedValue,\n    setShowSelectedOptions,\n  } = useContext(ComboBoxContext);\n\n  const [width, setWidth] = useState(1);\n  const spanReference = useRef<HTMLSpanElement>(null);\n\n  useEffect(() => {\n    setWidth(spanReference.current?.offsetWidth || 1);\n  }, [inputRef.current?.value]);\n\n  useEffect(() => {\n    setShowSelectedValue(true);\n  }, [selectedValues, setShowSelectedValue]);\n\n  // When writting open popover\n  // and refresh selected values and update filter outside value.\n  const handleOnChange = useCallback(\n    (e: React.FormEvent<HTMLInputElement>) => {\n      setShowSelectedOptions(false);\n      if (e.currentTarget.value) setShowSelectedValue(false);\n      setShowPopover(true);\n      onFilter(e.currentTarget.value);\n    },\n    [onFilter, setShowPopover, setShowSelectedOptions, setShowSelectedValue],\n  );\n\n  const handleOnBlur = useCallback(() => {\n    setHasFocus(false);\n    setTimeout(() => {\n      if (!wrapperListRef?.current?.contains(document.activeElement)) {\n        setShowPopover(false);\n      }\n      setCurrentOption('');\n      setShowSelectedValue(true);\n      onFilter('');\n      if (inputRef.current) inputRef.current.value = '';\n    });\n  }, [setHasFocus, setCurrentOption, wrapperListRef, onFilter, inputRef, setShowPopover, setShowSelectedValue]);\n\n  const handleOnFocus = useCallback(() => {\n    setHasFocus(true);\n  }, [setHasFocus]);\n\n  const showPlaceholder = !inputRef.current?.value && isSelectedValueEmpty(selectedValues) ? placeholder : null;\n  const spanReferenceText = inputRef.current?.value.replace(/\\s/g, '\\u00a0');\n\n  return useMemo(\n    () => ({\n      handleOnFocus,\n      handleOnBlur,\n      handleOnChange,\n      showPlaceholder,\n      spanReferenceText,\n      width,\n      spanReference,\n    }),\n    [handleOnFocus, handleOnBlur, handleOnChange, spanReferenceText, showPlaceholder, width, spanReference],\n  );\n};\n\nexport { useControlsInput };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8E;AAE9E,yBAA4B;AAC5B,wBAAqC;AAWrC,MAAM,mBAAmB,MAAyB;AAChD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,aAAa;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,CAAC,OAAO,YAAY,2BAAS;AACnC,QAAM,gBAAgB,yBAAwB;AAE9C,8BAAU,MAAM;AACd,aAAS,cAAc,SAAS,eAAe;AAAA,KAC9C,CAAC,SAAS,SAAS;AAEtB,8BAAU,MAAM;AACd,yBAAqB;AAAA,KACpB,CAAC,gBAAgB;AAIpB,QAAM,iBAAiB,8BACrB,CAAC,MAAyC;AACxC,2BAAuB;AACvB,QAAI,EAAE,cAAc;AAAO,2BAAqB;AAChD,mBAAe;AACf,aAAS,EAAE,cAAc;AAAA,KAE3B,CAAC,UAAU,gBAAgB,wBAAwB;AAGrD,QAAM,eAAe,8BAAY,MAAM;AACrC,gBAAY;AACZ,eAAW,MAAM;AACf,UAAI,CAAC,gBAAgB,SAAS,SAAS,SAAS,gBAAgB;AAC9D,uBAAe;AAAA;AAEjB,uBAAiB;AACjB,2BAAqB;AACrB,eAAS;AACT,UAAI,SAAS;AAAS,iBAAS,QAAQ,QAAQ;AAAA;AAAA,KAEhD,CAAC,aAAa,kBAAkB,gBAAgB,UAAU,UAAU,gBAAgB;AAEvF,QAAM,gBAAgB,8BAAY,MAAM;AACtC,gBAAY;AAAA,KACX,CAAC;AAEJ,QAAM,kBAAkB,CAAC,SAAS,SAAS,SAAS,4CAAqB,kBAAkB,cAAc;AACzG,QAAM,oBAAoB,SAAS,SAAS,MAAM,QAAQ,OAAO;AAEjE,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,eAAe,cAAc,gBAAgB,mBAAmB,iBAAiB,OAAO;AAAA;",
-  "names": []
-}

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

@@ -1,53 +0,0 @@
-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 } = (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: /* @__PURE__ */ import_react.default.createElement(import_ChevronSmallDown.default, null),
-    tabIndex: -1
-  });
-};
-var DropdownIndicator_default = DropdownIndicator;
-module.exports = __toCommonJS(DropdownIndicator_exports);
-//# sourceMappingURL=DropdownIndicator.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/ComboBox/v3/parts/dropdown-indicator/index.js

@@ -1,20 +0,0 @@
-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/dist/cjs/ComboBox/v3/parts/dropdown-indicator/index.js.map

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

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

@@ -1,43 +0,0 @@
-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/dist/cjs/ComboBox/v3/parts/dropdown-indicator/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/ComboBox/v3/parts/empty-state/index.js

@@ -1,45 +0,0 @@
-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 }
-  } = (0, import_react.useContext)(import_ComboBoxCTX.default);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledNoResultsWrapper, {
-    id: "id-no-results"
-  }, 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."));
-};
-module.exports = __toCommonJS(empty_state_exports);
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/ComboBox/v3/parts/empty-state/styled.js

@@ -1,40 +0,0 @@
-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/dist/cjs/ComboBox/v3/parts/empty-state/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/ComboBox/v3/parts/header-list/HeaderList.js

@@ -1,120 +0,0 @@
-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 = () => {
-  const {
-    props: { onSelectAll, onClearAll, withToggle, selectedValues, options },
-    showSelectedOptions,
-    inputRef
-  } = (0, import_react.useContext)(import_ComboBoxCTX.default);
-  const isSelectAllSupplied = onSelectAll !== import_lodash.noop;
-  const isClearAllSupplied = onClearAll !== import_lodash.noop;
-  const multiSelectedValues = selectedValues;
-  const selectableOptions = (0, import_listHelper.getSelectableOptions)(options);
-  const {
-    handleKeyDown,
-    handleClickOnClearAll,
-    handleClickOnSelectAll,
-    handleOnBlurClearAll,
-    handleOnBlurSelectAll,
-    handleOnMouseDown,
-    handleToggle
-  } = (0, import_useHeaderListHandlers.useHeaderListHandlers)();
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledHeaderListWrapper, {
-    onKeyDown: handleKeyDown,
-    onMouseDown: handleOnMouseDown
-  }, /* @__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 && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSeparator, {
-    orientation: "vertical",
-    position: "center",
-    type: "group-level",
-    margin: "none"
-  }), isClearAllSupplied && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledButton, {
-    disabled: multiSelectedValues.length === 0,
-    tabIndex: 0,
-    "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.CLEAR_ALL_BUTTON,
-    buttonType: "text",
-    size: "s",
-    labelText: "Clear",
-    onMouseDown: handleOnMouseDown,
-    onBlur: handleOnBlurClearAll,
-    onClick: handleClickOnClearAll
-  })), /* @__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"
-  }))));
-};
-module.exports = __toCommonJS(HeaderList_exports);
-//# sourceMappingURL=HeaderList.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/ComboBox/v3/parts/header-list/index.js

@@ -1,35 +0,0 @@
-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

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

@@ -1,7 +0,0 @@
-{
-  "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/dist/cjs/ComboBox/v3/parts/header-list/styled.js

@@ -1,103 +0,0 @@
-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
-});
-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;
-
-  & 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/dist/cjs/ComboBox/v3/parts/header-list/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "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": []
-}