@elliemae/ds-form 1.57.0-rc.1 → 1.57.0-rc.13

package/cjs/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var ComboBox_v3_utils_hooks_useOnElementResize = require('../../utils/hooks/useOnElementResize.js');
+var ComboBox_v3_ComboBoxCTX = require('../../ComboBoxCTX.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+
+var getGroupedPillWidth = function getGroupedPillWidth(remainingPills) {
+  if (remainingPills === 0) return 0;
+  var digits = remainingPills.toString().length;
+  return 8 * (digits - 1) + 31;
+};
+
+var useGroupPills = function useGroupPills(pillGroupRef) {
+  var _useContext = React.useContext(ComboBox_v3_ComboBoxCTX.ComboBoxContext),
+      selectedValues = _useContext.props.selectedValues,
+      selectedOptionsRef = _useContext.selectedOptionsRef,
+      controlsWrapperRef = _useContext.controlsWrapperRef;
+
+  var multiSelectedValues = selectedValues;
+
+  var _useState = React.useState(multiSelectedValues.length),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      pillsToShow = _useState2[0],
+      setPillsToShow = _useState2[1];
+
+  var _useOnElementResize = ComboBox_v3_utils_hooks_useOnElementResize.useOnElementResize(controlsWrapperRef),
+      width = _useOnElementResize.width;
+
+  React.useEffect(function () {
+    if (multiSelectedValues.length !== pillsToShow) {
+      setPillsToShow(multiSelectedValues.length);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [multiSelectedValues.length, width]);
+  React.useLayoutEffect(function () {
+    if (selectedOptionsRef.current) {
+      pillGroupRef.current.style.width = 'max-content';
+      var lastPillFit = -1;
+      var currentWidth = 0;
+      var referenceWidth = selectedOptionsRef.current.offsetWidth;
+
+      var pills = _toConsumableArray__default['default'](selectedOptionsRef.current.querySelectorAll('.ds-pill-wrapper-removable'));
+
+      var pillsWidth = pills.map(function (pill) {
+        return pill === null || pill === void 0 ? void 0 : pill.offsetWidth;
+      });
+      pillsWidth.forEach(function (pillWidth, idx) {
+        currentWidth += pillWidth;
+
+        if (currentWidth + getGroupedPillWidth(multiSelectedValues.length - idx - 1) <= referenceWidth) {
+          lastPillFit = idx;
+        }
+      });
+      var nextPillsToShow = lastPillFit + 1;
+
+      if (nextPillsToShow !== pillsToShow) {
+        setPillsToShow(nextPillsToShow);
+      }
+
+      pillGroupRef.current.style.width = 'fit-content';
+    }
+  }, [selectedOptionsRef, multiSelectedValues, pillsToShow, pillGroupRef, width]);
+  return pillsToShow;
+};
+
+exports.useGroupPills = useGroupPills;
+//# sourceMappingURL=useGroupPills.js.map

package/cjs/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupPills.js","sources":["../../../../../../src/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState, useLayoutEffect } from 'react';\nimport { useOnElementResize } from '../../utils/hooks/useOnElementResize';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { CBOptionT } from '../../index.d';\n\nconst getGroupedPillWidth = (remainingPills: number): number => {\n  if (remainingPills === 0) return 0;\n  const digits = remainingPills.toString().length;\n  return 8 * (digits - 1) + 31;\n};\nconst useGroupPills = (pillGroupRef: React.MutableRefObject<HTMLDivElement>): number => {\n  const {\n    props: { selectedValues },\n    selectedOptionsRef,\n    controlsWrapperRef,\n  } = useContext(ComboBoxContext);\n\n  const multiSelectedValues = selectedValues as CBOptionT[];\n  const [pillsToShow, setPillsToShow] = useState(multiSelectedValues.length);\n  const { width } = useOnElementResize(controlsWrapperRef);\n  useEffect(() => {\n    if (multiSelectedValues.length !== pillsToShow) {\n      setPillsToShow(multiSelectedValues.length);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [multiSelectedValues.length, width]);\n\n  useLayoutEffect(() => {\n    if (selectedOptionsRef.current) {\n      pillGroupRef.current.style.width = 'max-content';\n      let lastPillFit = -1;\n      let currentWidth = 0;\n      const referenceWidth = selectedOptionsRef.current.offsetWidth;\n      const pills: HTMLDivElement[] = [\n        ...selectedOptionsRef.current.querySelectorAll('.ds-pill-wrapper-removable'),\n      ] as HTMLDivElement[];\n      const pillsWidth = pills.map((pill) => pill?.offsetWidth);\n      pillsWidth.forEach((pillWidth, idx) => {\n        currentWidth += pillWidth;\n        if (currentWidth + getGroupedPillWidth(multiSelectedValues.length - idx - 1) <= referenceWidth) {\n          lastPillFit = idx;\n        }\n      });\n      const nextPillsToShow = lastPillFit + 1;\n\n      if (nextPillsToShow !== pillsToShow) {\n        setPillsToShow(nextPillsToShow);\n      }\n      pillGroupRef.current.style.width = 'fit-content';\n    }\n  }, [selectedOptionsRef, multiSelectedValues, pillsToShow, pillGroupRef, width]);\n\n  return pillsToShow;\n};\n\nexport { useGroupPills };\n"],"names":["getGroupedPillWidth","remainingPills","digits","toString","length","useGroupPills","pillGroupRef","useContext","ComboBoxContext","selectedValues","props","selectedOptionsRef","controlsWrapperRef","multiSelectedValues","useState","pillsToShow","setPillsToShow","useOnElementResize","width","useEffect","useLayoutEffect","current","style","lastPillFit","currentWidth","referenceWidth","offsetWidth","pills","querySelectorAll","pillsWidth","map","pill","forEach","pillWidth","idx","nextPillsToShow"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,cAAD,EAAoC;AAC9D,MAAIA,cAAc,KAAK,CAAvB,EAA0B,OAAO,CAAP;AAC1B,MAAMC,MAAM,GAAGD,cAAc,CAACE,QAAf,GAA0BC,MAAzC;AACA,SAAO,KAAKF,MAAM,GAAG,CAAd,IAAmB,EAA1B;AACD,CAJD;;IAKMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,YAAD,EAAkE;AACtF,oBAIIC,gBAAU,CAACC,uCAAD,CAJd;AAAA,MACWC,cADX,eACEC,KADF,CACWD,cADX;AAAA,MAEEE,kBAFF,eAEEA,kBAFF;AAAA,MAGEC,kBAHF,eAGEA,kBAHF;;AAMA,MAAMC,mBAAmB,GAAGJ,cAA5B;;AACA,kBAAsCK,cAAQ,CAACD,mBAAmB,CAACT,MAArB,CAA9C;AAAA;AAAA,MAAOW,WAAP;AAAA,MAAoBC,cAApB;;AACA,4BAAkBC,6DAAkB,CAACL,kBAAD,CAApC;AAAA,MAAQM,KAAR,uBAAQA,KAAR;;AACAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIN,mBAAmB,CAACT,MAApB,KAA+BW,WAAnC,EAAgD;AAC9CC,MAAAA,cAAc,CAACH,mBAAmB,CAACT,MAArB,CAAd;AACD,KAHa;;AAKf,GALQ,EAKN,CAACS,mBAAmB,CAACT,MAArB,EAA6Bc,KAA7B,CALM,CAAT;AAOAE,EAAAA,qBAAe,CAAC,YAAM;AACpB,QAAIT,kBAAkB,CAACU,OAAvB,EAAgC;AAC9Bf,MAAAA,YAAY,CAACe,OAAb,CAAqBC,KAArB,CAA2BJ,KAA3B,GAAmC,aAAnC;AACA,UAAIK,WAAW,GAAG,CAAC,CAAnB;AACA,UAAIC,YAAY,GAAG,CAAnB;AACA,UAAMC,cAAc,GAAGd,kBAAkB,CAACU,OAAnB,CAA2BK,WAAlD;;AACA,UAAMC,KAAuB,0CACxBhB,kBAAkB,CAACU,OAAnB,CAA2BO,gBAA3B,CAA4C,4BAA5C,CADwB,CAA7B;;AAGA,UAAMC,UAAU,GAAGF,KAAK,CAACG,GAAN,CAAU,UAACC,IAAD;AAAA,eAAUA,IAAV,aAAUA,IAAV,uBAAUA,IAAI,CAAEL,WAAhB;AAAA,OAAV,CAAnB;AACAG,MAAAA,UAAU,CAACG,OAAX,CAAmB,UAACC,SAAD,EAAYC,GAAZ,EAAoB;AACrCV,QAAAA,YAAY,IAAIS,SAAhB;;AACA,YAAIT,YAAY,GAAGxB,mBAAmB,CAACa,mBAAmB,CAACT,MAApB,GAA6B8B,GAA7B,GAAmC,CAApC,CAAlC,IAA4ET,cAAhF,EAAgG;AAC9FF,UAAAA,WAAW,GAAGW,GAAd;AACD;AACF,OALD;AAMA,UAAMC,eAAe,GAAGZ,WAAW,GAAG,CAAtC;;AAEA,UAAIY,eAAe,KAAKpB,WAAxB,EAAqC;AACnCC,QAAAA,cAAc,CAACmB,eAAD,CAAd;AACD;;AACD7B,MAAAA,YAAY,CAACe,OAAb,CAAqBC,KAArB,CAA2BJ,KAA3B,GAAmC,aAAnC;AACD;AACF,GAvBc,EAuBZ,CAACP,kBAAD,EAAqBE,mBAArB,EAA0CE,WAA1C,EAAuDT,YAAvD,EAAqEY,KAArE,CAvBY,CAAf;AAyBA,SAAOH,WAAP;AACD;;;;"}

package/cjs/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var ComboBox_v3_ComboBoxCTX = require('../../ComboBoxCTX.js');
+var ComboBox_v3_parts_singleSelectedValueContainer_styled = require('./styled.js');
+require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SingleSelectedValueContainer = function SingleSelectedValueContainer() {
+  var _useContext = React.useContext(ComboBox_v3_ComboBoxCTX.ComboBoxContext),
+      selectedValues = _useContext.props.selectedValues,
+      showSelectedValue = _useContext.showSelectedValue;
+
+  var singleSelectedValue = selectedValues;
+  return /*#__PURE__*/React__default['default'].createElement(ComboBox_v3_parts_singleSelectedValueContainer_styled.StyledSingleSelectedValue, null, showSelectedValue ? /*#__PURE__*/React__default['default'].createElement(DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
+    value: singleSelectedValue === null || singleSelectedValue === void 0 ? void 0 : singleSelectedValue.label
+  }) : null);
+};
+
+exports.SingleSelectedValueContainer = SingleSelectedValueContainer;
+//# sourceMappingURL=SingleSelectedValueContainer.js.map

package/cjs/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectedValueContainer.js","sources":["../../../../../../src/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\n\nimport { StyledSingleSelectedValue } from './styled';\nconst SingleSelectedValueContainer = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n    showSelectedValue,\n  } = useContext(ComboBoxContext);\n\n  const singleSelectedValue = selectedValues as CBOptionT;\n  return (\n    <StyledSingleSelectedValue>\n      {showSelectedValue ? <SimpleTruncatedTooltipText value={singleSelectedValue?.label} /> : null}\n    </StyledSingleSelectedValue>\n  );\n};\n\nexport { SingleSelectedValueContainer };\n"],"names":["SingleSelectedValueContainer","useContext","ComboBoxContext","selectedValues","props","showSelectedValue","singleSelectedValue","React","StyledSingleSelectedValue","SimpleTruncatedTooltipText","label"],"mappings":";;;;;;;;;;;;;;IAOMA,4BAA4B,GAAG,SAA/BA,4BAA+B,GAAmB;AACtD,oBAGIC,gBAAU,CAACC,uCAAD,CAHd;AAAA,MACWC,cADX,eACEC,KADF,CACWD,cADX;AAAA,MAEEE,iBAFF,eAEEA,iBAFF;;AAKA,MAAMC,mBAAmB,GAAGH,cAA5B;AACA,sBACEI,wCAACC,+EAAD,QACGH,iBAAiB,gBAAGE,wCAACE,iDAAD;AAA4B,IAAA,KAAK,EAAEH,mBAAF,aAAEA,mBAAF,uBAAEA,mBAAmB,CAAEI;AAAxD,IAAH,GAAuE,IAD3F,CADF;AAKD;;;;"}

package/cjs/ComboBox/v3/parts/single-selected-value-container/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ComboBox_v3_parts_singleSelectedValueContainer_SingleSelectedValueContainer = require('./SingleSelectedValueContainer.js');
+require('react');
+require('@elliemae/ds-truncated-tooltip-text');
+require('../../ComboBoxCTX.js');
+require('./styled.js');
+require('styled-components');
+
+
+
+exports.SingleSelectedValueContainer = ComboBox_v3_parts_singleSelectedValueContainer_SingleSelectedValueContainer.SingleSelectedValueContainer;
+//# sourceMappingURL=index.js.map

package/cjs/ComboBox/v3/parts/single-selected-value-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/cjs/ComboBox/v3/parts/single-selected-value-container/styled.js

@@ -0,0 +1,16 @@
+'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);
+
+var StyledSingleSelectedValue = /*#__PURE__*/styled__default['default'].div.withConfig({
+  componentId: "sc-ui9n59-0"
+})(["width:100%;display:flex;align-items:center;"]);
+
+exports.StyledSingleSelectedValue = StyledSingleSelectedValue;
+//# sourceMappingURL=styled.js.map

package/cjs/ComboBox/v3/parts/single-selected-value-container/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/ComboBox/v3/parts/single-selected-value-container/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSingleSelectedValue = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n`;\n"],"names":["StyledSingleSelectedValue","styled","div"],"mappings":";;;;;;;;;;IAEaA,yBAAyB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;"}

package/cjs/ComboBox/v3/propTypes.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
+var propTypes = {
+  placeholder: reactDesc.PropTypes.string.description('').defaultValue(''),
+  options: reactDesc.PropTypes.array.description('').defaultValue([]),
+  selectedValues: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object), reactDesc.PropTypes.object]).description(''),
+  autoFocus: reactDesc.PropTypes.bool.description('').defaultValue('false'),
+  hasError: reactDesc.PropTypes.bool.description('').defaultValue('false'),
+  onChange: reactDesc.PropTypes.func.description('').defaultValue(''),
+  onSelectAll: reactDesc.PropTypes.func.description('').defaultValue(''),
+  onFilter: reactDesc.PropTypes.func.description('').defaultValue(''),
+  onCreate: reactDesc.PropTypes.func.description('').defaultValue(''),
+  onClear: reactDesc.PropTypes.func.description('').defaultValue(''),
+  onClearAll: reactDesc.PropTypes.func.description('').defaultValue('')
+};
+
+exports.propTypes = propTypes;
+//# sourceMappingURL=propTypes.js.map

package/cjs/ComboBox/v3/propTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propTypes.js","sources":["../../../../src/ComboBox/v3/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  placeholder: PropTypes.string.description('').defaultValue(''),\n  options: PropTypes.array.description('').defaultValue([]),\n  selectedValues: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]).description(''),\n  autoFocus: PropTypes.bool.description('').defaultValue('false'),\n  hasError: PropTypes.bool.description('').defaultValue('false'),\n  onChange: PropTypes.func.description('').defaultValue(''),\n  onSelectAll: PropTypes.func.description('').defaultValue(''),\n  onFilter: PropTypes.func.description('').defaultValue(''),\n  onCreate: PropTypes.func.description('').defaultValue(''),\n  onClear: PropTypes.func.description('').defaultValue(''),\n  onClearAll: PropTypes.func.description('').defaultValue(''),\n};\n"],"names":["propTypes","placeholder","PropTypes","string","description","defaultValue","options","array","selectedValues","oneOfType","arrayOf","object","autoFocus","bool","hasError","onChange","func","onSelectAll","onFilter","onCreate","onClear","onClearAll"],"mappings":";;;;;;IAEaA,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,EAA7B,EAAiCC,YAAjC,CAA8C,EAA9C,CADU;AAEvBC,EAAAA,OAAO,EAAEJ,mBAAS,CAACK,KAAV,CAAgBH,WAAhB,CAA4B,EAA5B,EAAgCC,YAAhC,CAA6C,EAA7C,CAFc;AAGvBG,EAAAA,cAAc,EAAEN,mBAAS,CAACO,SAAV,CAAoB,CAACP,mBAAS,CAACQ,OAAV,CAAkBR,mBAAS,CAACS,MAA5B,CAAD,EAAsCT,mBAAS,CAACS,MAAhD,CAApB,EAA6EP,WAA7E,CAAyF,EAAzF,CAHO;AAIvBQ,EAAAA,SAAS,EAAEV,mBAAS,CAACW,IAAV,CAAeT,WAAf,CAA2B,EAA3B,EAA+BC,YAA/B,CAA4C,OAA5C,CAJY;AAKvBS,EAAAA,QAAQ,EAAEZ,mBAAS,CAACW,IAAV,CAAeT,WAAf,CAA2B,EAA3B,EAA+BC,YAA/B,CAA4C,OAA5C,CALa;AAMvBU,EAAAA,QAAQ,EAAEb,mBAAS,CAACc,IAAV,CAAeZ,WAAf,CAA2B,EAA3B,EAA+BC,YAA/B,CAA4C,EAA5C,CANa;AAOvBY,EAAAA,WAAW,EAAEf,mBAAS,CAACc,IAAV,CAAeZ,WAAf,CAA2B,EAA3B,EAA+BC,YAA/B,CAA4C,EAA5C,CAPU;AAQvBa,EAAAA,QAAQ,EAAEhB,mBAAS,CAACc,IAAV,CAAeZ,WAAf,CAA2B,EAA3B,EAA+BC,YAA/B,CAA4C,EAA5C,CARa;AASvBc,EAAAA,QAAQ,EAAEjB,mBAAS,CAACc,IAAV,CAAeZ,WAAf,CAA2B,EAA3B,EAA+BC,YAA/B,CAA4C,EAA5C,CATa;AAUvBe,EAAAA,OAAO,EAAElB,mBAAS,CAACc,IAAV,CAAeZ,WAAf,CAA2B,EAA3B,EAA+BC,YAA/B,CAA4C,EAA5C,CAVc;AAWvBgB,EAAAA,UAAU,EAAEnB,mBAAS,CAACc,IAAV,CAAeZ,WAAf,CAA2B,EAA3B,EAA+BC,YAA/B,CAA4C,EAA5C;AAXW;;;;"}

package/cjs/ComboBox/v3/tests/utils.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var basicOptions = [{
+  dsId: '1',
+  type: 'option',
+  value: 'id_1',
+  label: 'Luke Skywalker too long this text is super long'
+}, {
+  dsId: '2',
+  type: 'option',
+  value: 'id_2',
+  label: 'Obi-Wan Kenobi'
+}, {
+  dsId: '3',
+  type: 'option',
+  value: 'id_3',
+  label: 'Padme Amidala'
+}];
+
+exports.basicOptions = basicOptions;
+//# sourceMappingURL=utils.js.map

package/cjs/ComboBox/v3/tests/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/ComboBox/v3/tests/utils.tsx"],"sourcesContent":["export const basicOptions = [\n  {\n    dsId: '1',\n    type: 'option',\n    value: 'id_1',\n    label: 'Luke Skywalker too long this text is super long',\n  },\n  {\n    dsId: '2',\n    type: 'option',\n    value: 'id_2',\n    label: 'Obi-Wan Kenobi',\n  },\n  {\n    dsId: '3',\n    type: 'option',\n    value: 'id_3',\n    label: 'Padme Amidala',\n  },\n];\n"],"names":["basicOptions","dsId","type","value","label"],"mappings":";;;;IAAaA,YAAY,GAAG,CAC1B;AACEC,EAAAA,IAAI,EAAE,GADR;AAEEC,EAAAA,IAAI,EAAE,QAFR;AAGEC,EAAAA,KAAK,EAAE,MAHT;AAIEC,EAAAA,KAAK,EAAE;AAJT,CAD0B,EAO1B;AACEH,EAAAA,IAAI,EAAE,GADR;AAEEC,EAAAA,IAAI,EAAE,QAFR;AAGEC,EAAAA,KAAK,EAAE,MAHT;AAIEC,EAAAA,KAAK,EAAE;AAJT,CAP0B,EAa1B;AACEH,EAAAA,IAAI,EAAE,GADR;AAEEC,EAAAA,IAAI,EAAE,QAFR;AAGEC,EAAAA,KAAK,EAAE,MAHT;AAIEC,EAAAA,KAAK,EAAE;AAJT,CAb0B;;;;"}

package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js

@@ -0,0 +1,153 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ComboBox_v3_ComboBoxCTX = require('../../ComboBoxCTX.js');
+var ComboBox_v3_utils_listHelper = require('../listHelper.js');
+
+/* eslint-disable max-lines */
+var useKeyboardNavigation = function useKeyboardNavigation() {
+  var _useContext = React.useContext(ComboBox_v3_ComboBoxCTX.ComboBoxContext),
+      _useContext$props = _useContext.props,
+      inline = _useContext$props.inline,
+      onChange = _useContext$props.onChange,
+      onCreate = _useContext$props.onCreate,
+      options = _useContext$props.options,
+      selectedValues = _useContext$props.selectedValues,
+      onFilter = _useContext$props.onFilter,
+      setShowPopover = _useContext.setShowPopover,
+      showPopover = _useContext.showPopover,
+      setShowSelectedValue = _useContext.setShowSelectedValue,
+      focusOptionIdx = _useContext.focusOptionIdx,
+      inputRef = _useContext.inputRef,
+      setCurrentOption = _useContext.setCurrentOption;
+
+  var multiple = Array.isArray(selectedValues);
+  var selectableOptions = ComboBox_v3_utils_listHelper.getOptions(options);
+  var lastOption = selectableOptions.length - 1;
+  var focusOption = selectableOptions[focusOptionIdx];
+  React.useEffect(function () {
+    if (focusOptionIdx >= 0) {
+      var _document$querySelect;
+
+      (_document$querySelect = document.querySelector('.ds-list-item-active')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.scrollIntoView(false);
+    }
+  }, [focusOptionIdx]);
+  var selectOption = React.useCallback(function () {
+    if (multiple) {
+      onFilter(inputRef.current.value);
+    } else {
+      onFilter('');
+      inputRef.current.value = '';
+      setShowSelectedValue(true);
+    }
+
+    onChange(focusOption);
+    setShowPopover(multiple ? true : !showPopover);
+  }, [multiple, setShowPopover, showPopover, focusOption, onFilter, inputRef, setShowSelectedValue, onChange]);
+  var onInputKeyDown = React.useCallback(function (e) {
+    var targetElement = e.target; // =============================================================================
+    // ENTER KEY TO CREATE ELEMENTS
+    // =============================================================================
+
+    if (e.key === 'Enter' && onCreate && !selectableOptions.length) {
+      onCreate(targetElement.value);
+      onFilter('');
+      inputRef.current.value = '';
+      return;
+    } // =============================================================================
+    // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER
+    // =============================================================================
+
+
+    if (e.keyCode === 32 && targetElement.value === '' || e.key === 'Enter') {
+      e.preventDefault();
+
+      if (!showPopover) {
+        setShowPopover(true);
+      } else {
+        selectOption();
+      }
+    } // =============================================================================
+    // CTRL + ENTER + MULTIPLE: SELECT AND CLOSE MENU
+    // =============================================================================
+
+
+    if (e.key === 'Enter' && e.ctrlKey && multiple) {
+      setShowPopover(false);
+    } // =============================================================================
+    // ARROWS UP AND DOWN
+    // =============================================================================
+
+
+    if (e.key === 'ArrowDown') {
+      if (showPopover || inline) {
+        setCurrentOption(function (prevState) {
+          return prevState === lastOption ? 0 : focusOptionIdx + 1;
+        });
+      } else {
+        setShowPopover(true);
+        setCurrentOption(0);
+      }
+    }
+
+    if (e.key === 'ArrowUp') {
+      if (showPopover || inline) {
+        setCurrentOption(function (prevState) {
+          return prevState === 0 ? lastOption : focusOptionIdx - 1;
+        });
+      } else {
+        setShowPopover(true);
+        setCurrentOption(lastOption);
+      }
+    } // =============================================================================
+    // ESCAPE
+    // =============================================================================
+
+
+    if (e.key === 'Escape' && !inline) {
+      setCurrentOption(0);
+      setShowPopover(false);
+    } // =============================================================================
+    // BACKSPACE
+    // =============================================================================
+
+
+    if (e.key === 'Backspace' && targetElement.value.length <= 0 && !inline) {
+      if (multiple && !targetElement.value) {
+        var multiSelectedValues = selectedValues;
+        if (multiSelectedValues.length > 0) onChange(multiSelectedValues[multiSelectedValues.length - 1]);
+      } else {
+        onChange(null);
+      }
+
+      onFilter('');
+      setShowSelectedValue(true);
+    } // =============================================================================
+    // SHIFT + TAB ON SINGLE SELECT: SELECT AND RETURN TO INPUT
+    // =============================================================================
+
+
+    if (e.key === 'Tab' && e.shiftKey && !multiple && showPopover) {
+      selectOption();
+      e.preventDefault();
+    } // =============================================================================
+    // TAB + SINGLE SELECT
+    // =============================================================================
+
+
+    if (e.key === 'Tab' && showPopover && !multiple) {
+      selectOption();
+      setShowPopover(false);
+    }
+
+    if (e.key === 'Tab' && inline) {
+      e.preventDefault();
+    }
+  }, [focusOptionIdx, selectableOptions, inputRef, lastOption, multiple, showPopover, selectedValues, inline, onChange, onCreate, onFilter, setCurrentOption, setShowPopover, setShowSelectedValue, selectOption]);
+  return onInputKeyDown;
+};
+
+exports.useKeyboardNavigation = useKeyboardNavigation;
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../../src/ComboBox/v3/utils/hooks/useKeyboardNavigation.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useEffect, useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getOptions } from '../listHelper';\nexport const useKeyboardNavigation = (): React.KeyboardEventHandler => {\n  const {\n    props: { inline, onChange, onCreate, options, selectedValues, onFilter },\n    setShowPopover,\n    showPopover,\n    setShowSelectedValue,\n    focusOptionIdx,\n    inputRef,\n    setCurrentOption,\n  } = useContext(ComboBoxContext);\n\n  const multiple = Array.isArray(selectedValues);\n  const selectableOptions = getOptions(options);\n  const lastOption = selectableOptions.length - 1;\n  const focusOption = selectableOptions[focusOptionIdx];\n\n  useEffect(() => {\n    if (focusOptionIdx >= 0) {\n      document.querySelector('.ds-list-item-active')?.scrollIntoView(false);\n    }\n  }, [focusOptionIdx]);\n\n  const selectOption = useCallback(() => {\n    if (multiple) {\n      onFilter(inputRef.current.value);\n    } else {\n      onFilter('');\n      inputRef.current.value = '';\n      setShowSelectedValue(true);\n    }\n    onChange(focusOption);\n    setShowPopover(multiple ? true : !showPopover);\n  }, [multiple, setShowPopover, showPopover, focusOption, onFilter, inputRef, setShowSelectedValue, onChange]);\n\n  const onInputKeyDown = useCallback(\n    (e) => {\n      const targetElement = e.target as HTMLInputElement;\n      // =============================================================================\n      // ENTER KEY TO CREATE ELEMENTS\n      // =============================================================================\n      if (e.key === 'Enter' && onCreate && !selectableOptions.length) {\n        onCreate(targetElement.value);\n        onFilter('');\n        inputRef.current.value = '';\n        return;\n      }\n      // =============================================================================\n      // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n      // =============================================================================\n      if ((e.keyCode === 32 && targetElement.value === '') || e.key === 'Enter') {\n        e.preventDefault();\n        if (!showPopover) {\n          setShowPopover(true);\n        } else {\n          selectOption();\n        }\n      }\n\n      // =============================================================================\n      // CTRL + ENTER + MULTIPLE: SELECT AND CLOSE MENU\n      // =============================================================================\n      if (e.key === 'Enter' && e.ctrlKey && multiple) {\n        setShowPopover(false);\n      }\n      // =============================================================================\n      // ARROWS UP AND DOWN\n      // =============================================================================\n      if (e.key === 'ArrowDown') {\n        if (showPopover || inline) {\n          setCurrentOption((prevState) => (prevState === lastOption ? 0 : focusOptionIdx + 1));\n        } else {\n          setShowPopover(true);\n          setCurrentOption(0);\n        }\n      }\n      if (e.key === 'ArrowUp') {\n        if (showPopover || inline) {\n          setCurrentOption((prevState) => (prevState === 0 ? lastOption : focusOptionIdx - 1));\n        } else {\n          setShowPopover(true);\n          setCurrentOption(lastOption);\n        }\n      }\n      // =============================================================================\n      // ESCAPE\n      // =============================================================================\n      if (e.key === 'Escape' && !inline) {\n        setCurrentOption(0);\n        setShowPopover(false);\n      }\n      // =============================================================================\n      // BACKSPACE\n      // =============================================================================\n      if (e.key === 'Backspace' && targetElement.value.length <= 0 && !inline) {\n        if (multiple && !targetElement.value) {\n          const multiSelectedValues = selectedValues as CBOptionT[];\n          if (multiSelectedValues.length > 0) onChange(multiSelectedValues[multiSelectedValues.length - 1]);\n        } else {\n          onChange(null);\n        }\n        onFilter('');\n        setShowSelectedValue(true);\n      }\n      // =============================================================================\n      // SHIFT + TAB ON SINGLE SELECT: SELECT AND RETURN TO INPUT\n      // =============================================================================\n      if (e.key === 'Tab' && e.shiftKey && !multiple && showPopover) {\n        selectOption();\n        e.preventDefault();\n      }\n      // =============================================================================\n      // TAB + SINGLE SELECT\n      // =============================================================================\n      if (e.key === 'Tab' && showPopover && !multiple) {\n        selectOption();\n        setShowPopover(false);\n      }\n\n      if (e.key === 'Tab' && inline) {\n        e.preventDefault();\n      }\n    },\n    [\n      focusOptionIdx,\n      selectableOptions,\n      inputRef,\n      lastOption,\n      multiple,\n      showPopover,\n      selectedValues,\n      inline,\n      onChange,\n      onCreate,\n      onFilter,\n      setCurrentOption,\n      setShowPopover,\n      setShowSelectedValue,\n      selectOption,\n    ],\n  );\n\n  return onInputKeyDown;\n};\n"],"names":["useKeyboardNavigation","useContext","ComboBoxContext","props","inline","onChange","onCreate","options","selectedValues","onFilter","setShowPopover","showPopover","setShowSelectedValue","focusOptionIdx","inputRef","setCurrentOption","multiple","Array","isArray","selectableOptions","getOptions","lastOption","length","focusOption","useEffect","document","querySelector","scrollIntoView","selectOption","useCallback","current","value","onInputKeyDown","e","targetElement","target","key","keyCode","preventDefault","ctrlKey","prevState","multiSelectedValues","shiftKey"],"mappings":";;;;;;;;AAAA;IAQaA,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAkC;AACrE,oBAQIC,gBAAU,CAACC,uCAAD,CARd;AAAA,sCACEC,KADF;AAAA,MACWC,MADX,qBACWA,MADX;AAAA,MACmBC,QADnB,qBACmBA,QADnB;AAAA,MAC6BC,QAD7B,qBAC6BA,QAD7B;AAAA,MACuCC,OADvC,qBACuCA,OADvC;AAAA,MACgDC,cADhD,qBACgDA,cADhD;AAAA,MACgEC,QADhE,qBACgEA,QADhE;AAAA,MAEEC,cAFF,eAEEA,cAFF;AAAA,MAGEC,WAHF,eAGEA,WAHF;AAAA,MAIEC,oBAJF,eAIEA,oBAJF;AAAA,MAKEC,cALF,eAKEA,cALF;AAAA,MAMEC,QANF,eAMEA,QANF;AAAA,MAOEC,gBAPF,eAOEA,gBAPF;;AAUA,MAAMC,QAAQ,GAAGC,KAAK,CAACC,OAAN,CAAcV,cAAd,CAAjB;AACA,MAAMW,iBAAiB,GAAGC,uCAAU,CAACb,OAAD,CAApC;AACA,MAAMc,UAAU,GAAGF,iBAAiB,CAACG,MAAlB,GAA2B,CAA9C;AACA,MAAMC,WAAW,GAAGJ,iBAAiB,CAACN,cAAD,CAArC;AAEAW,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIX,cAAc,IAAI,CAAtB,EAAyB;AAAA;;AACvB,+BAAAY,QAAQ,CAACC,aAAT,CAAuB,sBAAvB,iFAAgDC,cAAhD,CAA+D,KAA/D;AACD;AACF,GAJQ,EAIN,CAACd,cAAD,CAJM,CAAT;AAMA,MAAMe,YAAY,GAAGC,iBAAW,CAAC,YAAM;AACrC,QAAIb,QAAJ,EAAc;AACZP,MAAAA,QAAQ,CAACK,QAAQ,CAACgB,OAAT,CAAiBC,KAAlB,CAAR;AACD,KAFD,MAEO;AACLtB,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACAK,MAAAA,QAAQ,CAACgB,OAAT,CAAiBC,KAAjB,GAAyB,EAAzB;AACAnB,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD;;AACDP,IAAAA,QAAQ,CAACkB,WAAD,CAAR;AACAb,IAAAA,cAAc,CAACM,QAAQ,GAAG,IAAH,GAAU,CAACL,WAApB,CAAd;AACD,GAV+B,EAU7B,CAACK,QAAD,EAAWN,cAAX,EAA2BC,WAA3B,EAAwCY,WAAxC,EAAqDd,QAArD,EAA+DK,QAA/D,EAAyEF,oBAAzE,EAA+FP,QAA/F,CAV6B,CAAhC;AAYA,MAAM2B,cAAc,GAAGH,iBAAW,CAChC,UAACI,CAAD,EAAO;AACL,QAAMC,aAAa,GAAGD,CAAC,CAACE,MAAxB,CADK;AAGL;AACA;;AACA,QAAIF,CAAC,CAACG,GAAF,KAAU,OAAV,IAAqB9B,QAArB,IAAiC,CAACa,iBAAiB,CAACG,MAAxD,EAAgE;AAC9DhB,MAAAA,QAAQ,CAAC4B,aAAa,CAACH,KAAf,CAAR;AACAtB,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACAK,MAAAA,QAAQ,CAACgB,OAAT,CAAiBC,KAAjB,GAAyB,EAAzB;AACA;AACD,KAVI;AAYL;AACA;;;AACA,QAAKE,CAAC,CAACI,OAAF,KAAc,EAAd,IAAoBH,aAAa,CAACH,KAAd,KAAwB,EAA7C,IAAoDE,CAAC,CAACG,GAAF,KAAU,OAAlE,EAA2E;AACzEH,MAAAA,CAAC,CAACK,cAAF;;AACA,UAAI,CAAC3B,WAAL,EAAkB;AAChBD,QAAAA,cAAc,CAAC,IAAD,CAAd;AACD,OAFD,MAEO;AACLkB,QAAAA,YAAY;AACb;AACF,KArBI;AAwBL;AACA;;;AACA,QAAIK,CAAC,CAACG,GAAF,KAAU,OAAV,IAAqBH,CAAC,CAACM,OAAvB,IAAkCvB,QAAtC,EAAgD;AAC9CN,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD,KA5BI;AA8BL;AACA;;;AACA,QAAIuB,CAAC,CAACG,GAAF,KAAU,WAAd,EAA2B;AACzB,UAAIzB,WAAW,IAAIP,MAAnB,EAA2B;AACzBW,QAAAA,gBAAgB,CAAC,UAACyB,SAAD;AAAA,iBAAgBA,SAAS,KAAKnB,UAAd,GAA2B,CAA3B,GAA+BR,cAAc,GAAG,CAAhE;AAAA,SAAD,CAAhB;AACD,OAFD,MAEO;AACLH,QAAAA,cAAc,CAAC,IAAD,CAAd;AACAK,QAAAA,gBAAgB,CAAC,CAAD,CAAhB;AACD;AACF;;AACD,QAAIkB,CAAC,CAACG,GAAF,KAAU,SAAd,EAAyB;AACvB,UAAIzB,WAAW,IAAIP,MAAnB,EAA2B;AACzBW,QAAAA,gBAAgB,CAAC,UAACyB,SAAD;AAAA,iBAAgBA,SAAS,KAAK,CAAd,GAAkBnB,UAAlB,GAA+BR,cAAc,GAAG,CAAhE;AAAA,SAAD,CAAhB;AACD,OAFD,MAEO;AACLH,QAAAA,cAAc,CAAC,IAAD,CAAd;AACAK,QAAAA,gBAAgB,CAACM,UAAD,CAAhB;AACD;AACF,KA/CI;AAiDL;AACA;;;AACA,QAAIY,CAAC,CAACG,GAAF,KAAU,QAAV,IAAsB,CAAChC,MAA3B,EAAmC;AACjCW,MAAAA,gBAAgB,CAAC,CAAD,CAAhB;AACAL,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD,KAtDI;AAwDL;AACA;;;AACA,QAAIuB,CAAC,CAACG,GAAF,KAAU,WAAV,IAAyBF,aAAa,CAACH,KAAd,CAAoBT,MAApB,IAA8B,CAAvD,IAA4D,CAAClB,MAAjE,EAAyE;AACvE,UAAIY,QAAQ,IAAI,CAACkB,aAAa,CAACH,KAA/B,EAAsC;AACpC,YAAMU,mBAAmB,GAAGjC,cAA5B;AACA,YAAIiC,mBAAmB,CAACnB,MAApB,GAA6B,CAAjC,EAAoCjB,QAAQ,CAACoC,mBAAmB,CAACA,mBAAmB,CAACnB,MAApB,GAA6B,CAA9B,CAApB,CAAR;AACrC,OAHD,MAGO;AACLjB,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACD;;AACDI,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACAG,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,KAnEI;AAqEL;AACA;;;AACA,QAAIqB,CAAC,CAACG,GAAF,KAAU,KAAV,IAAmBH,CAAC,CAACS,QAArB,IAAiC,CAAC1B,QAAlC,IAA8CL,WAAlD,EAA+D;AAC7DiB,MAAAA,YAAY;AACZK,MAAAA,CAAC,CAACK,cAAF;AACD,KA1EI;AA4EL;AACA;;;AACA,QAAIL,CAAC,CAACG,GAAF,KAAU,KAAV,IAAmBzB,WAAnB,IAAkC,CAACK,QAAvC,EAAiD;AAC/CY,MAAAA,YAAY;AACZlB,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD;;AAED,QAAIuB,CAAC,CAACG,GAAF,KAAU,KAAV,IAAmBhC,MAAvB,EAA+B;AAC7B6B,MAAAA,CAAC,CAACK,cAAF;AACD;AACF,GAvF+B,EAwFhC,CACEzB,cADF,EAEEM,iBAFF,EAGEL,QAHF,EAIEO,UAJF,EAKEL,QALF,EAMEL,WANF,EAOEH,cAPF,EAQEJ,MARF,EASEC,QATF,EAUEC,QAVF,EAWEG,QAXF,EAYEM,gBAZF,EAaEL,cAbF,EAcEE,oBAdF,EAeEgB,YAfF,CAxFgC,CAAlC;AA2GA,SAAOI,cAAP;AACD;;;;"}

package/cjs/ComboBox/v3/utils/hooks/useOnElementResize.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+
+// Taken and modified from https://stackoverflow.com/a/60218754
+
+var useOnElementResize = function useOnElementResize(targetRef) {
+  var _targetRef$current, _targetRef$current2;
+
+  var _useState = React.useState(targetRef.current ? (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth : 0),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      width = _useState2[0],
+      setWidth = _useState2[1];
+
+  var _useState3 = React.useState(targetRef.current ? (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetWidth : 0),
+      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      height = _useState4[0],
+      setHeight = _useState4[1];
+
+  var observer = React.useRef(null);
+  React.useEffect(function () {
+    function outputsize() {
+      var _targetRef$current3, _targetRef$current4;
+
+      setWidth((_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.offsetWidth);
+      setHeight((_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.offsetHeight);
+    }
+
+    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
+    return function () {
+      var _observer$current;
+
+      (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
+    };
+  }, [targetRef]);
+  return React.useMemo(function () {
+    return {
+      width: width,
+      height: height
+    };
+  }, [width, height]);
+};
+
+exports.useOnElementResize = useOnElementResize;
+//# sourceMappingURL=useOnElementResize.js.map

package/cjs/ComboBox/v3/utils/hooks/useOnElementResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementResize.js","sources":["../../../../../../src/ComboBox/v3/utils/hooks/useOnElementResize.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from 'react';\n\n// Custom hook to track dimension of a component\n// Taken and modified from https://stackoverflow.com/a/60218754\nconst useOnElementResize = (targetRef: React.RefObject<HTMLDivElement>): Record<'width' | 'height', number> => {\n  const [width, setWidth] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const [height, setHeight] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const observer = useRef(null);\n\n  useEffect(() => {\n    function outputsize() {\n      setWidth(targetRef.current?.offsetWidth);\n      setHeight(targetRef.current?.offsetHeight);\n    }\n\n    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);\n\n    return () => {\n      observer.current?.disconnect();\n    };\n  }, [targetRef]);\n\n  return useMemo(\n    () => ({\n      width,\n      height,\n    }),\n    [width, height],\n  );\n};\n\nexport { useOnElementResize };\n"],"names":["useOnElementResize","targetRef","useState","current","offsetWidth","width","setWidth","height","setHeight","observer","useRef","useEffect","outputsize","offsetHeight","ResizeObserver","observe","disconnect","useMemo"],"mappings":";;;;;;;;;;;AAGA;;IACMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoF;AAAA;;AAC7G,kBAA0BC,cAAQ,CAACD,SAAS,CAACE,OAAV,yBAAoBF,SAAS,CAACE,OAA9B,uDAAoB,mBAAmBC,WAAvC,GAAqD,CAAtD,CAAlC;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAA4BJ,cAAQ,CAACD,SAAS,CAACE,OAAV,0BAAoBF,SAAS,CAACE,OAA9B,wDAAoB,oBAAmBC,WAAvC,GAAqD,CAAtD,CAApC;AAAA;AAAA,MAAOG,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,QAAQ,GAAGC,YAAM,CAAC,IAAD,CAAvB;AAEAC,EAAAA,eAAS,CAAC,YAAM;AACd,aAASC,UAAT,GAAsB;AAAA;;AACpBN,MAAAA,QAAQ,wBAACL,SAAS,CAACE,OAAX,wDAAC,oBAAmBC,WAApB,CAAR;AACAI,MAAAA,SAAS,wBAACP,SAAS,CAACE,OAAX,wDAAC,oBAAmBU,YAApB,CAAT;AACD;;AAEDJ,IAAAA,QAAQ,CAACN,OAAT,GAAmB,IAAIW,cAAJ,CAAmBF,UAAnB,EAA+BG,OAA/B,CAAuCd,SAAS,CAACE,OAAjD,CAAnB;AAEA,WAAO,YAAM;AAAA;;AACX,2BAAAM,QAAQ,CAACN,OAAT,wEAAkBa,UAAlB;AACD,KAFD;AAGD,GAXQ,EAWN,CAACf,SAAD,CAXM,CAAT;AAaA,SAAOgB,aAAO,CACZ;AAAA,WAAO;AACLZ,MAAAA,KAAK,EAALA,KADK;AAELE,MAAAA,MAAM,EAANA;AAFK,KAAP;AAAA,GADY,EAKZ,CAACF,KAAD,EAAQE,MAAR,CALY,CAAd;AAOD;;;;"}

package/cjs/ComboBox/v3/utils/hooks/useOnWindowResize.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+
+// Taken and modified from https://stackoverflow.com/a/60218754
+
+var useDimensions = function useDimensions(targetRef) {
+  var queryDimension = React.useCallback(function (dimension) {
+    return targetRef.current ? targetRef.current[dimension] : 0;
+  }, []);
+
+  var _useState = React.useState(targetRef.current ? targetRef.current.offsetWidth : 0),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      width = _useState2[0],
+      setWidth = _useState2[1];
+
+  var _useState3 = React.useState(targetRef.current ? targetRef.current.offsetWidth : 0),
+      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      height = _useState4[0],
+      setHeight = _useState4[1];
+
+  var handleResize = React.useCallback(function () {
+    setWidth(queryDimension('offsetWidth'));
+    setHeight(queryDimension('offsetHeight'));
+  }, []);
+  React.useEffect(function () {
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  React.useLayoutEffect(function () {
+    handleResize();
+  }, []);
+  return React.useMemo(function () {
+    return {
+      width: width,
+      height: height
+    };
+  }, [width, height]);
+};
+
+exports.useDimensions = useDimensions;
+//# sourceMappingURL=useOnWindowResize.js.map

package/cjs/ComboBox/v3/utils/hooks/useOnWindowResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnWindowResize.js","sources":["../../../../../../src/ComboBox/v3/utils/hooks/useOnWindowResize.tsx"],"sourcesContent":["import { useLayoutEffect, useState, useCallback, useEffect, useMemo } from 'react';\n\n// Custom hook to track dimension of a component\n// Taken and modified from https://stackoverflow.com/a/60218754\nconst useDimensions = (targetRef) => {\n  const queryDimension = useCallback((dimension) => (targetRef.current ? targetRef.current[dimension] : 0), []);\n\n  const [width, setWidth] = useState(targetRef.current ? targetRef.current.offsetWidth : 0);\n  const [height, setHeight] = useState(targetRef.current ? targetRef.current.offsetWidth : 0);\n\n  const handleResize = useCallback(() => {\n    setWidth(queryDimension('offsetWidth'));\n    setHeight(queryDimension('offsetHeight'));\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  useLayoutEffect(() => {\n    handleResize();\n  }, []);\n\n  return useMemo(\n    () => ({\n      width,\n      height,\n    }),\n    [width, height],\n  );\n};\n\nexport { useDimensions };\n"],"names":["useDimensions","targetRef","queryDimension","useCallback","dimension","current","useState","offsetWidth","width","setWidth","height","setHeight","handleResize","useEffect","window","addEventListener","removeEventListener","useLayoutEffect","useMemo"],"mappings":";;;;;;;;;;;AAGA;;IACMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,SAAD,EAAe;AACnC,MAAMC,cAAc,GAAGC,iBAAW,CAAC,UAACC,SAAD;AAAA,WAAgBH,SAAS,CAACI,OAAV,GAAoBJ,SAAS,CAACI,OAAV,CAAkBD,SAAlB,CAApB,GAAmD,CAAnE;AAAA,GAAD,EAAwE,EAAxE,CAAlC;;AAEA,kBAA0BE,cAAQ,CAACL,SAAS,CAACI,OAAV,GAAoBJ,SAAS,CAACI,OAAV,CAAkBE,WAAtC,GAAoD,CAArD,CAAlC;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAA4BH,cAAQ,CAACL,SAAS,CAACI,OAAV,GAAoBJ,SAAS,CAACI,OAAV,CAAkBE,WAAtC,GAAoD,CAArD,CAApC;AAAA;AAAA,MAAOG,MAAP;AAAA,MAAeC,SAAf;;AAEA,MAAMC,YAAY,GAAGT,iBAAW,CAAC,YAAM;AACrCM,IAAAA,QAAQ,CAACP,cAAc,CAAC,aAAD,CAAf,CAAR;AACAS,IAAAA,SAAS,CAACT,cAAc,CAAC,cAAD,CAAf,CAAT;AACD,GAH+B,EAG7B,EAH6B,CAAhC;AAKAW,EAAAA,eAAS,CAAC,YAAM;AACdC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCH,YAAlC;AACA,WAAO;AAAA,aAAME,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCJ,YAArC,CAAN;AAAA,KAAP;AACD,GAHQ,EAGN,EAHM,CAAT;AAKAK,EAAAA,qBAAe,CAAC,YAAM;AACpBL,IAAAA,YAAY;AACb,GAFc,EAEZ,EAFY,CAAf;AAIA,SAAOM,aAAO,CACZ;AAAA,WAAO;AACLV,MAAAA,KAAK,EAALA,KADK;AAELE,MAAAA,MAAM,EAANA;AAFK,KAAP;AAAA,GADY,EAKZ,CAACF,KAAD,EAAQE,MAAR,CALY,CAAd;AAOD;;;;"}

package/cjs/ComboBox/v3/utils/listHelper.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getSelectableOptions = function getSelectableOptions(options) {
+  return options ? options.filter(function (option) {
+    return option.type === 'option' && !option.disabled;
+  }) : [];
+};
+var getOptions = function getOptions(options) {
+  return options ? options.filter(function (option) {
+    return option.type === 'option';
+  }) : [];
+};
+var isSelectedValueEmpty = function isSelectedValueEmpty(value) {
+  return Array.isArray(value) ? value.length === 0 : !value;
+};
+var isSelectedValueMultiple = function isSelectedValueMultiple(value) {
+  return Array.isArray(value);
+};
+var isSelected = function isSelected(value, activeOption) {
+  if (isSelectedValueMultiple(value)) {
+    var multiValue = value;
+    return multiValue.some(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.value) === (activeOption === null || activeOption === void 0 ? void 0 : activeOption.value);
+    });
+  }
+
+  var singleValue = value;
+  return (singleValue === null || singleValue === void 0 ? void 0 : singleValue.value) === activeOption.value;
+};
+
+exports.getOptions = getOptions;
+exports.getSelectableOptions = getSelectableOptions;
+exports.isSelected = isSelected;
+exports.isSelectedValueEmpty = isSelectedValueEmpty;
+exports.isSelectedValueMultiple = isSelectedValueMultiple;
+//# sourceMappingURL=listHelper.js.map

package/cjs/ComboBox/v3/utils/listHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listHelper.js","sources":["../../../../../src/ComboBox/v3/utils/listHelper.tsx"],"sourcesContent":["import { CBOptionsT, CBOptionT } from '../index.d';\n\nexport const getSelectableOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n  options ? options.filter((option) => option.type === 'option' && !option.disabled) : [];\n\nexport const getOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n  options ? options.filter((option) => option.type === 'option') : [];\n\nexport const isSelectedValueEmpty = (value: CBOptionT | Array<CBOptionT>): boolean =>\n  Array.isArray(value) ? value.length === 0 : !value;\n\nexport const isSelectedValueMultiple = (value: CBOptionT | Array<CBOptionT>): boolean => Array.isArray(value);\n\nexport const isSelected = (value: CBOptionsT, activeOption: CBOptionT): boolean => {\n  if (isSelectedValueMultiple(value)) {\n    const multiValue = value as CBOptionT[];\n    return multiValue.some((item) => item?.value === activeOption?.value);\n  }\n  const singleValue = value as CBOptionT;\n  return singleValue?.value === activeOption.value;\n};\n"],"names":["getSelectableOptions","options","filter","option","type","disabled","getOptions","isSelectedValueEmpty","value","Array","isArray","length","isSelectedValueMultiple","isSelected","activeOption","multiValue","some","item","singleValue"],"mappings":";;;;IAEaA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;AAAA,SAClCA,OAAO,GAAGA,OAAO,CAACC,MAAR,CAAe,UAACC,MAAD;AAAA,WAAYA,MAAM,CAACC,IAAP,KAAgB,QAAhB,IAA4B,CAACD,MAAM,CAACE,QAAhD;AAAA,GAAf,CAAH,GAA8E,EADnD;AAAA;IAGvBC,UAAU,GAAG,SAAbA,UAAa,CAACL,OAAD;AAAA,SACxBA,OAAO,GAAGA,OAAO,CAACC,MAAR,CAAe,UAACC,MAAD;AAAA,WAAYA,MAAM,CAACC,IAAP,KAAgB,QAA5B;AAAA,GAAf,CAAH,GAA0D,EADzC;AAAA;IAGbG,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AAAA,SAClCC,KAAK,CAACC,OAAN,CAAcF,KAAd,IAAuBA,KAAK,CAACG,MAAN,KAAiB,CAAxC,GAA4C,CAACH,KADX;AAAA;IAGvBI,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,KAAD;AAAA,SAAkDC,KAAK,CAACC,OAAN,CAAcF,KAAd,CAAlD;AAAA;IAE1BK,UAAU,GAAG,SAAbA,UAAa,CAACL,KAAD,EAAoBM,YAApB,EAAyD;AACjF,MAAIF,uBAAuB,CAACJ,KAAD,CAA3B,EAAoC;AAClC,QAAMO,UAAU,GAAGP,KAAnB;AACA,WAAOO,UAAU,CAACC,IAAX,CAAgB,UAACC,IAAD;AAAA,aAAU,CAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAET,KAAN,OAAgBM,YAAhB,aAAgBA,YAAhB,uBAAgBA,YAAY,CAAEN,KAA9B,CAAV;AAAA,KAAhB,CAAP;AACD;;AACD,MAAMU,WAAW,GAAGV,KAApB;AACA,SAAO,CAAAU,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEV,KAAb,MAAuBM,YAAY,CAACN,KAA3C;AACD;;;;;;;;"}