@bigbinary/neetoui 6.5.10 → 6.5.11

package/dist/cjs/Popover.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var Typography = require('./Typography.js');
+var Tooltip = require('./index-0e68cfff.js');
+require('./defineProperty-ee86604b.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./slicedToArray-732a2048.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Title = function Title(_ref) {
+  var className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: index.classnames("neeto-ui-mb-1", className),
+    "data-testid": "popover-title",
+    lineHeight: "snug",
+    style: "h5",
+    weight: "semibold"
+  }, children);
+};
+
+var _excluded = ["children", "className", "theme"];
+var Popover = function Popover(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? "light" : _ref$theme,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(Tooltip.Tooltip, _extends._extends({
+    theme: theme,
+    arrow: true,
+    interactive: true,
+    className: index.classnames("neeto-ui-popover", className),
+    content: children
+  }, otherProps));
+};
+Popover.Title = Title;
+
+module.exports = Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/cjs/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../src/components/Popover/Title.jsx","../../src/components/Popover/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Title = ({ className, children }) => (\n  <Typography\n    className={classnames(\"neeto-ui-mb-1\", className)}\n    data-testid=\"popover-title\"\n    lineHeight=\"snug\"\n    style=\"h5\"\n    weight=\"semibold\"\n  >\n    {children}\n  </Typography>\n);\n\nTitle.propTypes = {\n  /**\n   * To specify className to be applied to the Popover Title.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Popover Title.\n   */\n  children: PropTypes.node,\n};\n\nexport default Title;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Title from \"./Title\";\n\nimport Tooltip from \"../Tooltip\";\n\nconst Popover = ({\n  children,\n  className = \"\",\n  theme = \"light\",\n  ...otherProps\n}) => (\n  <Tooltip\n    {...{ theme }}\n    arrow\n    interactive\n    className={classnames(\"neeto-ui-popover\", className)}\n    content={children}\n    {...otherProps}\n  />\n);\n\nPopover.propTypes = {\n  /**\n   * The content to be rendered inside the popup.\n   */\n  children: PropTypes.node,\n  /**\n   * The popover will be positioned next to the specified element.\n   */\n  reference: PropTypes.oneOfType([\n    // Either a function\n    PropTypes.func,\n    // Or the instance of a DOM native element (see the note about SSR)\n    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n  ]),\n  /**\n   * To display Popover in dark or light theme. By default the theme is dark.\n   */\n  theme: PropTypes.oneOf([\"dark\", \"light\"]),\n  /**\n   * To specify whether the Popover is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the position of the Popover.\n   */\n  position: PropTypes.string,\n  /**\n   * To auto-hide the Popover after n-milliseconds.\n   * Negative values to this prop disables this feature.\n   * By default it's disabled.\n   */\n  hideAfter: PropTypes.number,\n  /**\n   * To auto-hide the Popover on when target leaves the screen.\n   * By default it's disabled.\n   */\n  hideOnTargetExit: PropTypes.bool,\n};\n\nPopover.Title = Title;\n\nexport default Popover;\n"],"names":["Title","_ref","className","children","React","createElement","Typography","classnames","lineHeight","style","weight","Popover","_ref$className","_ref$theme","theme","otherProps","_objectWithoutProperties","_excluded","Tooltip","_extends","arrow","interactive","content"],"mappings":";;;;;;;;;;;;;;;;;AAOA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;AAAA,EAAA,oBAClCC,yBAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACTJ,IAAAA,SAAS,EAAEK,gBAAU,CAAC,eAAe,EAAEL,SAAS,CAAE;AAClD,IAAA,aAAA,EAAY,eAAe;AAC3BM,IAAAA,UAAU,EAAC,MAAM;AACjBC,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EAEhBP,QAAQ,CACE,CAAA;AAAA,CACd;;;ACRD,IAAMQ,OAAO,GAAG,SAAVA,OAAOA,CAAAV,IAAA,EAAA;AAAA,EAAA,IACXE,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAS,cAAA,GAAAX,IAAA,CACRC,SAAS;AAATA,IAAAA,SAAS,GAAAU,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAC,UAAA,GAAAZ,IAAA,CACda,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,UAAU,GAAAC,gDAAA,CAAAf,IAAA,EAAAgB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbb,yBAAA,CAAAC,aAAA,CAACa,eAAO,EAAAC,iBAAA,CAAA;AACAL,IAAAA,KAAK,EAALA,KAAK;IACXM,KAAK,EAAA,IAAA;IACLC,WAAW,EAAA,IAAA;AACXnB,IAAAA,SAAS,EAAEK,gBAAU,CAAC,kBAAkB,EAAEL,SAAS,CAAE;AACrDoB,IAAAA,OAAO,EAAEnB,QAAAA;AAAS,GAAA,EACdY,UAAU,CACd,CAAA,CAAA;AAAA,EACH;AAyCDJ,OAAO,CAACX,KAAK,GAAGA,KAAK;;;;"}

package/dist/cjs/Radio.js

@@ -0,0 +1,106 @@
+'use strict';
+
+var defineProperty = require('./defineProperty-ee86604b.js');
+var _extends = require('./extends-1b35a664.js');
+var slicedToArray = require('./slicedToArray-732a2048.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var Label = require('./Label.js');
+var useId = require('./useId-4e3deb5c.js');
+require('react-router-dom');
+require('./index-a8cc581e.js');
+require('./overlayManager.js');
+var index$1 = require('./index-68589e5c.js');
+require('./toPropertyKey-bfa2e465.js');
+require('@bigbinary/neeto-icons');
+require('./index-0e68cfff.js');
+require('react-dom');
+require('ramda');
+require('./createClass-80e17c6a.js');
+require('./_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded$1 = ["name", "label", "className", "labelProps"];
+var Item = function Item(_ref) {
+  var _ref$name = _ref.name,
+    name = _ref$name === void 0 ? "" : _ref$name,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    labelProps = _ref.labelProps,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$1);
+  var id = useId.useId(otherProps.id);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames(["neeto-ui-radio__item", className])
+  }, /*#__PURE__*/React__default["default"].createElement("input", _extends._extends({
+    id: id,
+    name: name,
+    className: "neeto-ui-radio",
+    type: "radio"
+  }, otherProps)), label && /*#__PURE__*/React__default["default"].createElement(Label, _extends._extends({
+    "data-cy": "".concat(index$1.hyphenize(label), "-radio-label"),
+    htmlFor: id
+  }, labelProps), label));
+};
+Item.displayName = "Radio.Item";
+
+var _excluded = ["label", "children", "stacked", "className", "containerClassName", "error", "onChange", "labelProps"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Radio = function Radio(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    children = _ref.children,
+    _ref$stacked = _ref.stacked,
+    stacked = _ref$stacked === void 0 ? false : _ref$stacked,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$containerClassNa = _ref.containerClassName,
+    containerClassName = _ref$containerClassNa === void 0 ? "" : _ref$containerClassNa,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    onChange = _ref.onChange,
+    labelProps = _ref.labelProps,
+    props = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(""),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var id = useId.useId(props.id);
+  var errorId = "error_".concat(id);
+  var internalOnChange = function internalOnChange(e) {
+    return setInternalValue(e.target.value);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames(["neeto-ui-radio__wrapper", className])
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends._extends({
+    className: "neeto-ui-radio__label"
+  }, labelProps), label), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames(["neeto-ui-radio__container"], defineProperty._defineProperty({
+      "neeto-ui-radio__container--stacked": stacked,
+      "neeto-ui-radio__container--error": error
+    }, containerClassName, containerClassName))
+  }, React.Children.map(children, function (child) {
+    var _child$props$checked, _ref2, _child$props$onChange;
+    return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread(_objectSpread({}, child.props), props), {}, {
+      value: child.props.value,
+      checked: (_child$props$checked = child.props.checked) !== null && _child$props$checked !== void 0 ? _child$props$checked : [internalValue, props.value].includes(child.props.value),
+      onChange: (_ref2 = (_child$props$onChange = child.props.onChange) !== null && _child$props$onChange !== void 0 ? _child$props$onChange : onChange) !== null && _ref2 !== void 0 ? _ref2 : internalOnChange
+    }));
+  })), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-radio-input__error",
+    "data-cy": "".concat(index$1.hyphenize(label), "-radio-input-error"),
+    id: errorId
+  }, error));
+};
+Radio.Item = Item;
+
+module.exports = Radio;
+//# sourceMappingURL=Radio.js.map

package/dist/cjs/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../src/components/Radio/Item.jsx","../../src/components/Radio/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nconst Item = ({\n  name = \"\",\n  label = \"\",\n  className = \"\",\n  labelProps,\n  ...otherProps\n}) => {\n  const id = useId(otherProps.id);\n\n  return (\n    <div className={classnames([\"neeto-ui-radio__item\", className])}>\n      <input\n        {...{ id, name }}\n        className=\"neeto-ui-radio\"\n        type=\"radio\"\n        {...otherProps}\n      />\n      {label && (\n        <Label\n          data-cy={`${hyphenize(label)}-radio-label`}\n          htmlFor={id}\n          {...labelProps}\n        >\n          {label}\n        </Label>\n      )}\n    </div>\n  );\n};\n\nItem.displayName = \"Radio.Item\";\n\nItem.propTypes = {\n  /**\n   * To specify the name of the radio group.\n   */\n  name: PropTypes.string,\n  /**\n   * To specify the label to be displayed for radio item.\n   */\n  label: PropTypes.node,\n  /**\n   * To specify external classnames as overrides to the radio item.\n   */\n  className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, Children, cloneElement } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Item from \"./Item\";\n\nconst Radio = ({\n  label = \"\",\n  children,\n  stacked = false,\n  className = \"\",\n  containerClassName = \"\",\n  error = \"\",\n  onChange,\n  labelProps,\n  ...props\n}) => {\n  const [internalValue, setInternalValue] = useState(\"\");\n\n  const id = useId(props.id);\n  const errorId = `error_${id}`;\n\n  const internalOnChange = e => setInternalValue(e.target.value);\n\n  return (\n    <div className={classnames([\"neeto-ui-radio__wrapper\", className])}>\n      {label && (\n        <Label className=\"neeto-ui-radio__label\" {...labelProps}>\n          {label}\n        </Label>\n      )}\n      <div\n        className={classnames([\"neeto-ui-radio__container\"], {\n          \"neeto-ui-radio__container--stacked\": stacked,\n          \"neeto-ui-radio__container--error\": error,\n          [containerClassName]: containerClassName,\n        })}\n      >\n        {Children.map(children, child =>\n          cloneElement(child, {\n            ...child.props,\n            ...props,\n            value: child.props.value,\n            checked:\n              child.props.checked ??\n              [internalValue, props.value].includes(child.props.value),\n            onChange: child.props.onChange ?? onChange ?? internalOnChange,\n          })\n        )}\n      </div>\n      {!!error && (\n        <p\n          className=\"neeto-ui-radio-input__error\"\n          data-cy={`${hyphenize(label)}-radio-input-error`}\n          id={errorId}\n        >\n          {error}\n        </p>\n      )}\n    </div>\n  );\n};\n\nRadio.propTypes = {\n  /**\n   * To specify the label to be displayed for Radio component.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the content to be rendered inside the Radio component.\n   */\n  children: PropTypes.node,\n  /**\n   * To specify whether the Radio items should be stacked vertically or not.\n   */\n  stacked: PropTypes.bool,\n  /**\n   * To specify external classnames as overrides to the Radio component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify external classnames for the container of Radio component.\n   */\n  containerClassName: PropTypes.string,\n  /**\n   * To specify the error message to be displayed when the Radio input is invalid.\n   */\n  error: PropTypes.string,\n};\n\nRadio.Item = Item;\n\nexport default Radio;\n"],"names":["Item","_ref","_ref$name","name","_ref$label","label","_ref$className","className","labelProps","otherProps","_objectWithoutProperties","_excluded","id","useId","React","createElement","classnames","_extends","type","Label","concat","hyphenize","htmlFor","displayName","Radio","children","_ref$stacked","stacked","_ref$containerClassNa","containerClassName","_ref$error","error","onChange","props","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","errorId","internalOnChange","e","target","value","_defineProperty","Children","map","child","_child$props$checked","_ref2","_child$props$onChange","cloneElement","_objectSpread","checked","includes"],"mappings":"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"}

package/dist/cjs/Select.js

@@ -0,0 +1,458 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var defineProperty = require('./defineProperty-ee86604b.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var neetoCist = require('@bigbinary/neeto-cist');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var ramda = require('ramda');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-b39742a3.js');
+require('react-dom');
+var useId = require('./useId-4e3deb5c.js');
+require('react-router-dom');
+require('./index-a8cc581e.js');
+require('./overlayManager.js');
+var index$1 = require('./index-68589e5c.js');
+var Label = require('./Label.js');
+var Spinner = require('./Spinner.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./createClass-80e17c6a.js');
+require('./slicedToArray-732a2048.js');
+require('./_commonjsHelpers-44e4a143.js');
+require('util');
+require('./index-0e68cfff.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var baseSelectProps = reactSelectCreatable_esm.useStateManager(props);
+  return /*#__PURE__*/React__namespace.createElement(reactSelectCreatable_esm.Select, reactSelectCreatable_esm._extends({
+    ref: ref
+  }, baseSelectProps));
+});
+
+var _excluded$1 = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+function useAsync(_ref) {
+  var _ref$defaultOptions = _ref.defaultOptions,
+    propsDefaultOptions = _ref$defaultOptions === void 0 ? false : _ref$defaultOptions,
+    _ref$cacheOptions = _ref.cacheOptions,
+    cacheOptions = _ref$cacheOptions === void 0 ? false : _ref$cacheOptions,
+    propsLoadOptions = _ref.loadOptions;
+    _ref.options;
+    var _ref$isLoading = _ref.isLoading,
+    propsIsLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    propsOnInputChange = _ref.onInputChange,
+    _ref$filterOption = _ref.filterOption,
+    filterOption = _ref$filterOption === void 0 ? null : _ref$filterOption,
+    restSelectProps = reactSelectCreatable_esm._objectWithoutProperties(_ref, _excluded$1);
+  var propsInputValue = restSelectProps.inputValue;
+  var lastRequest = React.useRef(undefined);
+  var mounted = React.useRef(false);
+  var _useState = React.useState(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : undefined),
+    _useState2 = reactSelectCreatable_esm._slicedToArray(_useState, 2),
+    defaultOptions = _useState2[0],
+    setDefaultOptions = _useState2[1];
+  var _useState3 = React.useState(typeof propsInputValue !== 'undefined' ? propsInputValue : ''),
+    _useState4 = reactSelectCreatable_esm._slicedToArray(_useState3, 2),
+    stateInputValue = _useState4[0],
+    setStateInputValue = _useState4[1];
+  var _useState5 = React.useState(propsDefaultOptions === true),
+    _useState6 = reactSelectCreatable_esm._slicedToArray(_useState5, 2),
+    isLoading = _useState6[0],
+    setIsLoading = _useState6[1];
+  var _useState7 = React.useState(undefined),
+    _useState8 = reactSelectCreatable_esm._slicedToArray(_useState7, 2),
+    loadedInputValue = _useState8[0],
+    setLoadedInputValue = _useState8[1];
+  var _useState9 = React.useState([]),
+    _useState10 = reactSelectCreatable_esm._slicedToArray(_useState9, 2),
+    loadedOptions = _useState10[0],
+    setLoadedOptions = _useState10[1];
+  var _useState11 = React.useState(false),
+    _useState12 = reactSelectCreatable_esm._slicedToArray(_useState11, 2),
+    passEmptyOptions = _useState12[0],
+    setPassEmptyOptions = _useState12[1];
+  var _useState13 = React.useState({}),
+    _useState14 = reactSelectCreatable_esm._slicedToArray(_useState13, 2),
+    optionsCache = _useState14[0],
+    setOptionsCache = _useState14[1];
+  var _useState15 = React.useState(undefined),
+    _useState16 = reactSelectCreatable_esm._slicedToArray(_useState15, 2),
+    prevDefaultOptions = _useState16[0],
+    setPrevDefaultOptions = _useState16[1];
+  var _useState17 = React.useState(undefined),
+    _useState18 = reactSelectCreatable_esm._slicedToArray(_useState17, 2),
+    prevCacheOptions = _useState18[0],
+    setPrevCacheOptions = _useState18[1];
+  if (cacheOptions !== prevCacheOptions) {
+    setOptionsCache({});
+    setPrevCacheOptions(cacheOptions);
+  }
+  if (propsDefaultOptions !== prevDefaultOptions) {
+    setDefaultOptions(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : undefined);
+    setPrevDefaultOptions(propsDefaultOptions);
+  }
+  React.useEffect(function () {
+    mounted.current = true;
+    return function () {
+      mounted.current = false;
+    };
+  }, []);
+  var loadOptions = React.useCallback(function (inputValue, callback) {
+    if (!propsLoadOptions) return callback();
+    var loader = propsLoadOptions(inputValue, callback);
+    if (loader && typeof loader.then === 'function') {
+      loader.then(callback, function () {
+        return callback();
+      });
+    }
+  }, [propsLoadOptions]);
+  React.useEffect(function () {
+    if (propsDefaultOptions === true) {
+      loadOptions(stateInputValue, function (options) {
+        if (!mounted.current) return;
+        setDefaultOptions(options || []);
+        setIsLoading(!!lastRequest.current);
+      });
+    }
+    // NOTE: this effect is designed to only run when the component mounts,
+    // so we don't want to include any hook dependencies
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onInputChange = React.useCallback(function (newValue, actionMeta) {
+    var inputValue = reactSelectCreatable_esm.handleInputChange(newValue, actionMeta, propsOnInputChange);
+    if (!inputValue) {
+      lastRequest.current = undefined;
+      setStateInputValue('');
+      setLoadedInputValue('');
+      setLoadedOptions([]);
+      setIsLoading(false);
+      setPassEmptyOptions(false);
+      return;
+    }
+    if (cacheOptions && optionsCache[inputValue]) {
+      setStateInputValue(inputValue);
+      setLoadedInputValue(inputValue);
+      setLoadedOptions(optionsCache[inputValue]);
+      setIsLoading(false);
+      setPassEmptyOptions(false);
+    } else {
+      var request = lastRequest.current = {};
+      setStateInputValue(inputValue);
+      setIsLoading(true);
+      setPassEmptyOptions(!loadedInputValue);
+      loadOptions(inputValue, function (options) {
+        if (!mounted) return;
+        if (request !== lastRequest.current) return;
+        lastRequest.current = undefined;
+        setIsLoading(false);
+        setLoadedInputValue(inputValue);
+        setLoadedOptions(options || []);
+        setPassEmptyOptions(false);
+        setOptionsCache(options ? reactSelectCreatable_esm._objectSpread2(reactSelectCreatable_esm._objectSpread2({}, optionsCache), {}, reactSelectCreatable_esm._defineProperty({}, inputValue, options)) : optionsCache);
+      });
+    }
+  }, [cacheOptions, loadOptions, loadedInputValue, optionsCache, propsOnInputChange]);
+  var options = passEmptyOptions ? [] : stateInputValue && loadedInputValue ? loadedOptions : defaultOptions || [];
+  return reactSelectCreatable_esm._objectSpread2(reactSelectCreatable_esm._objectSpread2({}, restSelectProps), {}, {
+    options: options,
+    isLoading: isLoading || propsIsLoading,
+    onInputChange: onInputChange,
+    filterOption: filterOption
+  });
+}
+
+var AsyncSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var stateManagedProps = useAsync(props);
+  var selectProps = reactSelectCreatable_esm.useStateManager(stateManagedProps);
+  return /*#__PURE__*/React__namespace.createElement(reactSelectCreatable_esm.Select, reactSelectCreatable_esm._extends({
+    ref: ref
+  }, selectProps));
+});
+
+var AsyncCreatableSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var stateManagerProps = useAsync(props);
+  var creatableProps = reactSelectCreatable_esm.useStateManager(stateManagerProps);
+  var selectProps = reactSelectCreatable_esm.useCreatable(creatableProps);
+  return /*#__PURE__*/React__namespace.createElement(reactSelectCreatable_esm.Select, reactSelectCreatable_esm._extends({
+    ref: ref
+  }, selectProps));
+});
+
+var _excluded = ["children"],
+  _excluded2 = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var STRATEGIES = {
+  "default": "default",
+  fixed: "fixed"
+};
+var Control = function Control(_ref) {
+  var children = _ref.children,
+    props = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var selectProps = props.selectProps,
+    hasValue = props.hasValue;
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Control, props, hasValue && selectProps.isMulti && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-ui-btn neeto-ui-btn--style-secondary neeto-ui-react-select__add-btn"
+  }, selectProps.addButtonLabel || "Add"), " ", children);
+};
+var DropdownIndicator = function DropdownIndicator(props) {
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.DropdownIndicator, _extends._extends({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, defineProperty._defineProperty({}, "data-cy", "action-select-indicator"))
+  }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, {
+    size: 16
+  }));
+};
+var ClearIndicator = function ClearIndicator(props) {
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.ClearIndicator, _extends._extends({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      "data-cy": "clear-select-indicator"
+    })
+  }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
+    size: 16
+  }));
+};
+var MultiValueRemove = function MultiValueRemove(props) {
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.MultiValueRemove, props, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
+    size: 16
+  }));
+};
+var CustomInput = function CustomInput(props) {
+  var selectProps = props.selectProps;
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Input, _extends._extends({}, props, {
+    "data-cy": selectProps ? selectProps["data-cy"] : "select-input",
+    "data-testid": selectProps && selectProps["data-testid"],
+    maxLength: selectProps && selectProps.maxLength
+  }));
+};
+var CustomOption = function CustomOption(props) {
+  var ref = React.useRef();
+  React.useEffect(function () {
+    props.isSelected && ref.current.scrollIntoView();
+  }, [props.isSelected]);
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Option, _extends._extends({}, props, {
+    innerRef: ref,
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      "data-cy": "".concat(index$1.hyphenize(props.label), "-select-option")
+    })
+  }));
+};
+var Placeholder = function Placeholder(props) {
+  var selectProps = props.selectProps;
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Placeholder, _extends._extends({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      "data-cy": selectProps ? "".concat(index$1.hyphenize(selectProps.label), "-select-placeholder") : "select-placeholder"
+    })
+  }));
+};
+var Menu = function Menu(props) {
+  var selectProps = props.selectProps;
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Menu, _extends._extends({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      "data-cy": selectProps ? "".concat(index$1.hyphenize(selectProps.label), "-select-menu") : "select-menu"
+    })
+  }));
+};
+var SingleValue = function SingleValue(props) {
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.SingleValue, _extends._extends({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      "data-cy": "select-single-value"
+    })
+  }));
+};
+var ValueContainer = function ValueContainer(props) {
+  var selectProps = props.selectProps;
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.ValueContainer, _extends._extends({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      name: selectProps.name,
+      "data-cy": selectProps ? "".concat(index$1.hyphenize(selectProps.label), "-select-value-container") : "select-value-container"
+    })
+  }));
+};
+var MenuList = function MenuList(props) {
+  var _props$selectProps = props.selectProps,
+    fetchMore = _props$selectProps.fetchMore,
+    totalOptionsCount = _props$selectProps.totalOptionsCount,
+    isAsyncLoadOptionEnabled = _props$selectProps.isAsyncLoadOptionEnabled,
+    options = _props$selectProps.options;
+  var hasMore = isAsyncLoadOptionEnabled && totalOptionsCount > options.length;
+  var loaderRef = React.useRef();
+  React.useEffect(function () {
+    var observer = null;
+    if (loaderRef.current && isAsyncLoadOptionEnabled) {
+      observer = new IntersectionObserver(function (entries) {
+        return entries[0].isIntersecting && fetchMore();
+      }, {
+        root: null,
+        rootMargin: "0px",
+        threshold: 0.1
+      });
+      observer.observe(loaderRef.current);
+    }
+    return function () {
+      var _observer;
+      if (!(loaderRef.current && isAsyncLoadOptionEnabled)) return;
+      (_observer = observer) === null || _observer === void 0 || _observer.unobserve(loaderRef.current);
+    };
+  }, [hasMore]);
+  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.MenuList, _extends._extends({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, defineProperty._defineProperty({}, "data-testid", "menu-list"))
+  }), props.children, hasMore && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full items-center justify-center py-3",
+    "data-testid": "loader",
+    ref: loaderRef
+  }, /*#__PURE__*/React__default["default"].createElement(Spinner, null)));
+};
+var Select = function Select(_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? SIZES.medium : _ref2$size,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? "" : _ref2$label,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required,
+    _ref2$error = _ref2.error,
+    error = _ref2$error === void 0 ? "" : _ref2$error,
+    _ref2$helpText = _ref2.helpText,
+    helpText = _ref2$helpText === void 0 ? "" : _ref2$helpText,
+    _ref2$className = _ref2.className,
+    className = _ref2$className === void 0 ? "" : _ref2$className,
+    innerRef = _ref2.innerRef,
+    _ref2$isCreateable = _ref2.isCreateable,
+    isCreateable = _ref2$isCreateable === void 0 ? false : _ref2$isCreateable,
+    _ref2$strategy = _ref2.strategy,
+    strategy = _ref2$strategy === void 0 ? STRATEGIES["default"] : _ref2$strategy,
+    id = _ref2.id,
+    labelProps = _ref2.labelProps,
+    value = _ref2.value,
+    defaultValue = _ref2.defaultValue,
+    componentOverrides = _ref2.components,
+    _ref2$optionRemapping = _ref2.optionRemapping,
+    optionRemapping = _ref2$optionRemapping === void 0 ? {} : _ref2$optionRemapping,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded2);
+  var inputId = useId.useId(id);
+  var Parent = StateManagedSelect;
+  if (isCreateable) {
+    Parent = reactSelectCreatable_esm.CreatableSelect;
+  }
+  if (otherProps.loadOptions) {
+    Parent = isCreateable ? AsyncCreatableSelect : AsyncSelect;
+  }
+  if (optionRemapping.value) {
+    otherProps.getOptionValue = ramda.prop(optionRemapping.value);
+  }
+  if (optionRemapping.label) {
+    otherProps.getOptionLabel = ramda.prop(optionRemapping.label);
+  }
+  var portalProps = strategy === STRATEGIES.fixed && {
+    menuPortalTarget: document.body,
+    styles: {
+      menuPortal: ramda.assoc("zIndex", 999999)
+    },
+    menuPosition: "fixed"
+  };
+  var options = otherProps.options,
+    defaultOptions = otherProps.defaultOptions,
+    getOptionValue = otherProps.getOptionValue;
+  var getRealOptionValue = function getRealOptionValue(option) {
+    if (typeof getOptionValue !== "function") {
+      return option.value;
+    }
+    return getOptionValue(option);
+  };
+  var findInOptions = function findInOptions(value) {
+    var _currentOptions;
+    if (!value || otherProps.isMulti) {
+      return value;
+    }
+    var currentOptions = options || defaultOptions;
+    if (Array.isArray(value)) value = value[0];
+    var isGrouped = neetoCist._existsBy({
+      options: Array.isArray
+    }, currentOptions);
+    if (isGrouped) {
+      currentOptions = ramda.flatten(ramda.pluck("options", currentOptions));
+    }
+    return (_currentOptions = currentOptions) === null || _currentOptions === void 0 ? void 0 : _currentOptions.filter(function (opt) {
+      return getRealOptionValue(opt) === getRealOptionValue(value);
+    });
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames(["neeto-ui-input__wrapper", className]),
+    "data-cy": "".concat(index$1.hyphenize(label), "-select-container-wrapper"),
+    "data-testid": "select"
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label, _extends._extends({
+    required: required,
+    "data-cy": "".concat(index$1.hyphenize(label), "-input-label"),
+    "data-testid": "select-label",
+    htmlFor: inputId
+  }, labelProps), label), /*#__PURE__*/React__default["default"].createElement(Parent, _extends._extends({
+    blurInputOnSelect: false,
+    classNamePrefix: "neeto-ui-react-select",
+    closeMenuOnSelect: !otherProps.isMulti,
+    "data-cy": "".concat(index$1.hyphenize(label), "-select-container"),
+    defaultValue: findInOptions(defaultValue),
+    ref: innerRef,
+    value: findInOptions(value),
+    className: index.classnames(["neeto-ui-react-select__container"], {
+      "neeto-ui-react-select__container--error": !!error,
+      "neeto-ui-react-select__container--small": size === SIZES.small,
+      "neeto-ui-react-select__container--medium": size === SIZES.medium,
+      "neeto-ui-react-select__container--large": size === SIZES.large
+    }),
+    components: _objectSpread({
+      Input: CustomInput,
+      Option: CustomOption,
+      DropdownIndicator: DropdownIndicator,
+      ClearIndicator: ClearIndicator,
+      MultiValueRemove: MultiValueRemove,
+      Placeholder: Placeholder,
+      Menu: Menu,
+      ValueContainer: ValueContainer,
+      MenuList: MenuList,
+      SingleValue: SingleValue,
+      Control: Control
+    }, componentOverrides)
+  }, _objectSpread(_objectSpread({
+    inputId: inputId,
+    label: label
+  }, portalProps), otherProps))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(index$1.hyphenize(label), "-select-error"),
+    "data-testid": "select-error"
+  }, error), helpText && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "neeto-ui-input__help-text",
+    "data-cy": "".concat(index$1.hyphenize(label), "-select-help-text"),
+    "data-testid": "select-help-text"
+  }, helpText));
+};
+
+module.exports = Select;
+//# sourceMappingURL=Select.js.map