@itcase/ui 1.1.10 → 1.1.13

package/dist/cjs/components/LanguageSelector.js

@@ -1,16 +1,17 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var Icon = require('../Icon-D1v73UhR.js');
-require('../_tslib-CKiUdo7p.js');
+var LanguageSelector = require('../LanguageSelector-C3i2JJCM.js');
 require('../jsx-runtime-BBxmckJR.js');
+require('react');
+require('clsx');
+require('../Icon-DzJtiBBk.js');
+require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useStyles.js');
@@ -18,97 +19,10 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-3qPujNn9.js');
-require('../Tooltip-DasmzIDY.js');
-require('../Text-CgYNdSwY.js');
+require('../Tooltip-CnnungCh.js');
+require('../Text-C8vlKWNN.js');
 require('../Title-C3lN-EvU.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-function LanguageSelectorItem(props) {
-  const {
-    label,
-    iconSize,
-    SvgImage,
-    isActive,
-    onClick
-  } = props;
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('lang__item', isActive && 'lang__item_state_current'),
-    onClick: onClick
-  }, SvgImage && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
-    size: iconSize,
-    SvgImage: SvgImage
-  }), label);
-}
-LanguageSelectorItem.propTypes = {
-  iconSize: PropTypes__default.default.number,
-  isActive: PropTypes__default.default.bool,
-  label: PropTypes__default.default.string,
-  SvgImage: PropTypes__default.default.element,
-  onClick: PropTypes__default.default.func
-};
-function LanguageSelector(props) {
-  const {
-    currentLanguage,
-    languagesItems = [],
-    className,
-    setLanguage
-  } = props;
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'lang')
-  }, languagesItems.map(languageItem => /*#__PURE__*/React__default.default.createElement(LanguageSelectorItem, {
-    iconSize: languageItem.iconSize,
-    isActive: currentLanguage === languageItem.value,
-    key: `languageItem_${languageItem.value}`,
-    label: languageItem.label,
-    SvgImage: languageItem.SvgImage,
-    onClick: () => setLanguage && setLanguage(languageItem.value)
-  })));
-}
-LanguageSelector.propTypes = {
-  className: PropTypes__default.default.string,
-  currentLanguage: PropTypes__default.default.string,
-  languagesItems: PropTypes__default.default.array,
-  setLanguage: PropTypes__default.default.func
-};
-LanguageSelector.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "LanguageSelector",
-  "props": {
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "currentLanguage": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "languagesItems": {
-      "description": "",
-      "type": {
-        "name": "array"
-      },
-      "required": false
-    },
-    "setLanguage": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
 
-exports.LanguageSelector = LanguageSelector;
+exports.LanguageSelector = LanguageSelector.LanguageSelector;

package/dist/cjs/components/Loader.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Loader = require('../Loader-CK9zQAPl.js');
+var Loader = require('../Loader-2vQxF_aO.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,7 +15,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Text-CgYNdSwY.js');
+require('../Text-C8vlKWNN.js');
 
 
 

package/dist/cjs/components/Menu.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Menu = require('../Menu-BNe1i3Z7.js');
+var Menu = require('../Menu-CDlB7QNf.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,10 +15,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../MenuItem-BRQoOa-K.js');
+require('../MenuItem-4uVtNhb4.js');
 require('../Link-3qPujNn9.js');
 require('../_tslib-CKiUdo7p.js');
-require('../Text-CgYNdSwY.js');
+require('../Text-C8vlKWNN.js');
 
 
 

package/dist/cjs/components/MenuItem.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var MenuItem = require('../MenuItem-BRQoOa-K.js');
+var MenuItem = require('../MenuItem-4uVtNhb4.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -17,7 +17,7 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-3qPujNn9.js');
 require('../_tslib-CKiUdo7p.js');
-require('../Text-CgYNdSwY.js');
+require('../Text-C8vlKWNN.js');
 
 
 

package/dist/cjs/components/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IModalProps, IModalRef } from './Modal.interface';
+declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<IModalRef>>;
+export { Modal };

package/dist/cjs/components/Modal/Modal.interface.d.ts

@@ -0,0 +1,30 @@
+import type { MouseEventHandler, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillGradientPropsType, fillPropsType } from '../../types';
+export interface IModalLoaderProps {
+}
+export interface IModalRef {
+    isOpen: boolean;
+    openModal: () => void;
+    closeModal: MouseEventHandler<HTMLDivElement>;
+    modalElement: Element | HTMLDivElement | null;
+}
+export interface IModalProps extends TypeStyleAttributes {
+    children?: ReactNode;
+    className?: string;
+    closeButton?: ReactNode;
+    contentClassName?: string;
+    id?: string;
+    isOverlay?: boolean;
+    overlayClassName?: string;
+    overlayFill?: fillPropsType;
+    overlayFillGradient?: fillGradientPropsType;
+    overlayOpacity?: string;
+    isOpen: boolean;
+    isScrollOnOpen?: boolean;
+    isSetFocusOnOpen?: boolean;
+    modalQuerySelector?: string;
+    debug?: boolean;
+    onCloseModal?: unknown;
+    onOpenModal?: unknown;
+}

package/dist/cjs/components/Modal/ModalLoader.d.ts

@@ -0,0 +1,3 @@
+import { IModalLoaderProps } from './Modal.interface';
+declare function ModalLoader(props: IModalLoaderProps): import("react/jsx-runtime").JSX.Element;
+export { ModalLoader };

package/dist/cjs/components/Modal/index.d.ts

@@ -0,0 +1,3 @@
+import { Modal } from './Modal';
+import { ModalLoader } from './ModalLoader';
+export { Modal, ModalLoader };

package/dist/cjs/components/Modal.js

@@ -1,24 +1,24 @@
 'use strict';
 
-var ModalLoader = require('../ModalLoader-1f8MYsLV.js');
+var ModalLoader = require('../ModalLoader-A2KkSC3x.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
-require('prop-types');
-require('react-dom');
 require('clsx');
-require('../Overlay-18bnPZPd.js');
-require('../jsx-runtime-BBxmckJR.js');
+require('react-dom');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Loader-CK9zQAPl.js');
-require('../Text-CgYNdSwY.js');
+require('../Overlay-18bnPZPd.js');
+require('../Loader-2vQxF_aO.js');
+require('../Text-C8vlKWNN.js');
 
 
 

package/dist/cjs/components/Notification.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var NotificationList = require('../NotificationList-ydXfdUwy.js');
+var NotificationList = require('../NotificationList-BTvz_kvZ.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -13,7 +13,7 @@ require('lodash/camelCase');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Text-CgYNdSwY.js');
+require('../Text-C8vlKWNN.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/cjs/components/Pagination.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Pagination = require('../Pagination-D8EHefOz.js');
+var Pagination = require('../Pagination-B0-KGWSv.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -13,18 +13,18 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../DropdownItem-BVxf7bPs.js');
+require('../DropdownItem-bjpmcFH1.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Divider-doetVRw0.js');
+require('../Divider-D92wY8Fn.js');
 require('../Link-3qPujNn9.js');
 require('../_tslib-CKiUdo7p.js');
-require('../Text-CgYNdSwY.js');
-require('../Icon-D1v73UhR.js');
+require('../Text-C8vlKWNN.js');
+require('../Icon-DzJtiBBk.js');
 require('react-inlinesvg');
-require('../Tooltip-DasmzIDY.js');
+require('../Tooltip-CnnungCh.js');
 require('../Title-C3lN-EvU.js');
 
 

package/dist/cjs/components/Panel.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 var Group = require('../Group-C9BxTKs-.js');
-var Text = require('../Text-CgYNdSwY.js');
+var Text = require('../Text-C8vlKWNN.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');

package/dist/cjs/components/Radio.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Radio = require('../Radio-DRXdBBWU.js');
+var Radio = require('../Radio-Cvbuwkx3.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Text-CgYNdSwY.js');
+require('../Text-C8vlKWNN.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/cjs/components/Response.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Response = require('../Response-De79pGs5.js');
+var Response = require('../Response-XesiDp89.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -16,14 +16,14 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Button-D7ctQMni.js');
-require('../Icon-D1v73UhR.js');
+require('../Button-C4_FRFZe.js');
+require('../Icon-DzJtiBBk.js');
 require('../_tslib-CKiUdo7p.js');
 require('../Link-3qPujNn9.js');
-require('../Tooltip-DasmzIDY.js');
-require('../Text-CgYNdSwY.js');
+require('../Tooltip-CnnungCh.js');
+require('../Text-C8vlKWNN.js');
 require('../Title-C3lN-EvU.js');
-require('../Loader-CK9zQAPl.js');
+require('../Loader-2vQxF_aO.js');
 require('../Group-C9BxTKs-.js');
 
 

package/dist/cjs/components/Search/Search.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillPropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, widthPropsType } from '../../types';
+import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillPropsType, iconSizePropsType, itemColorPropsType, shapePropsType, textColorPropsType, textSizePropsType, textStylePropsType, textWeightPropsType, widthPropsType } from '../../types';
 import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
 export interface ISearchThemeColor {
     borderColor?: borderColorPropsType;
@@ -25,7 +25,7 @@ export interface ISearchThemeColor {
     placeholderTextStyle?: textStylePropsType;
     placeholderTextWeight?: textWeightPropsType;
     shape?: shapePropsType;
-    size?: sizePropsType;
+    size?: 'compact' | 'normal' | 's' | 'l';
     width?: widthPropsType;
 }
 type appearanceKeysType = appearanceKeysDefaultType & {};

package/dist/cjs/components/Search.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SearchResult = require('../SearchResult-DFG3pyeM.js');
+var SearchResult = require('../SearchResult-D147g0-n.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,12 +15,12 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-D1v73UhR.js');
+require('../Icon-DzJtiBBk.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../Link-3qPujNn9.js');
-require('../Tooltip-DasmzIDY.js');
-require('../Text-CgYNdSwY.js');
+require('../Tooltip-CnnungCh.js');
+require('../Text-C8vlKWNN.js');
 require('../Title-C3lN-EvU.js');
 require('../Scrollbar-DOujlQOb.js');
 require('react-scrollbars-custom');

package/dist/cjs/components/Segmented.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Segmented = require('../Segmented-D0ISlz9H.js');
+var Segmented = require('../Segmented-BHblcvck.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Text-CgYNdSwY.js');
+require('../Text-C8vlKWNN.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/cjs/components/Select.js

@@ -3,15 +3,15 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var Select$1 = require('react-select');
-var Icon = require('../Icon-D1v73UhR.js');
+var Icon = require('../Icon-DzJtiBBk.js');
 var clsx = require('clsx');
 var ReactDOM = require('react-dom');
 var floatingUi_dom = require('../floating-ui.dom-CW7i9VDu.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Text = require('../Text-CgYNdSwY.js');
-var Badge = require('../Badge-BvJTwXqB.js');
+var Text = require('../Text-C8vlKWNN.js');
+var Badge = require('../Badge-zYZKun4n.js');
 var Group$2 = require('../Group-C9BxTKs-.js');
-var Divider = require('../Divider-doetVRw0.js');
+var Divider = require('../Divider-D92wY8Fn.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react-inlinesvg');
@@ -24,7 +24,7 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../Link-3qPujNn9.js');
-require('../Tooltip-DasmzIDY.js');
+require('../Tooltip-CnnungCh.js');
 require('../Title-C3lN-EvU.js');
 require('lodash/castArray');
 
@@ -53,17 +53,38 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var Select__default = /*#__PURE__*/_interopDefault(Select$1);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-const SelectClearIndicator = props => {
+// For use memo need to check "ClearIndicator" props
+// const SelectClearIndicator = React.memo(
+function SelectClearIndicator(props) {
+  const {
+    children
+  } = props;
   const {
     clearIcon,
     clearIconFill
   } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.ClearIndicator, props, clearIcon ? /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
-    SvgImage: clearIcon,
-    iconFill: clearIconFill
-  }) : props.children);
-};
+    iconFill: clearIconFill,
+    SvgImage: clearIcon
+  }) : children);
+}
+//   ,
+//   function arePropsEqual(oldProps, newProps) {
+//     const oldClearIcon = oldProps.selectProps.clearIcon
+//     const oldClearIconFill = oldProps.selectProps.clearIconFill
+
+//     const newClearIcon = newProps.selectProps.clearIcon
+//     const newClearIconFill = newProps.selectProps.clearIconFill
+
+//     const isClearIconSame = oldClearIcon === newClearIcon
+//     const isClearIconFillSame = oldClearIconFill === newClearIconFill
+
+//     return isClearIconSame && isClearIconFillSame
+//   },
+// )
+
 SelectClearIndicator.propTypes = {
+  children: PropTypes__default.default.any,
   selectProps: PropTypes__default.default.shape({
     clearIcon: PropTypes__default.default.string,
     clearIconFill: PropTypes__default.default.string
@@ -74,6 +95,13 @@ SelectClearIndicator.__docgenInfo = {
   "methods": [],
   "displayName": "SelectClearIndicator",
   "props": {
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
     "selectProps": {
       "description": "",
       "type": {
@@ -7390,7 +7418,12 @@ SelectControl.__docgenInfo = {
   }
 };
 
-const SelectDropdownIndicator = props => {
+// For use memo need to check "DropdownIndicator" props
+// const SelectDropdownIndicator = React.memo(
+function SelectDropdownIndicator(props) {
+  const {
+    children
+  } = props;
   const {
     dropdownFillHover,
     dropdownIcon,
@@ -7398,13 +7431,40 @@ const SelectDropdownIndicator = props => {
     dropdownIconShape
   } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.DropdownIndicator, props, dropdownIcon ? /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
-    SvgImage: dropdownIcon,
-    iconFill: dropdownIconFill,
     fillHover: dropdownFillHover,
-    shape: dropdownIconShape
-  }) : props.children);
-};
+    iconFill: dropdownIconFill,
+    shape: dropdownIconShape,
+    SvgImage: dropdownIcon
+  }) : children);
+}
+// ,
+//   function arePropsEqual(oldProps, newProps) {
+//     const oldDropdownFillHover = oldProps.selectProps.dropdownFillHover
+//     const oldDropdownIcon = oldProps.selectProps.dropdownIcon
+//     const oldDropdownIconFill = oldProps.selectProps.dropdownIconFill
+//     const oldDropdownIconShape = oldProps.selectProps.dropdownIconShape
+
+//     const newDropdownFillHover = newProps.selectProps.dropdownFillHover
+//     const newDropdownIcon = newProps.selectProps.dropdownIcon
+//     const newDropdownIconFill = newProps.selectProps.dropdownIconFill
+//     const newDropdownIconShape = newProps.selectProps.dropdownIconShape
+
+//     const isDropdownFillHoverSame = oldDropdownFillHover === newDropdownFillHover
+//     const isDropdownIconSame = oldDropdownIcon === newDropdownIcon
+//     const isDropdownIconFillSame = oldDropdownIconFill === newDropdownIconFill
+//     const isDropdownIconShapeSame = oldDropdownIconShape === newDropdownIconShape
+
+//     return (
+//       isDropdownFillHoverSame &&
+//       isDropdownIconSame &&
+//       isDropdownIconFillSame &&
+//       isDropdownIconShapeSame
+//     )
+//   },
+// )
+
 SelectDropdownIndicator.propTypes = {
+  children: PropTypes__default.default.any,
   selectProps: PropTypes__default.default.shape({
     // "dropdownIcon" is SvgImage(file.svg)
     dropdownFillHover: PropTypes__default.default.string,
@@ -7418,6 +7478,13 @@ SelectDropdownIndicator.__docgenInfo = {
   "methods": [],
   "displayName": "SelectDropdownIndicator",
   "props": {
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
     "selectProps": {
       "description": "",
       "type": {
@@ -7562,6 +7629,19 @@ SelectInput.__docgenInfo = {
   }
 };
 
+const SelectLoadingIndicator = props => {
+  const {
+    loadingIndicator
+  } = props.selectProps;
+  // Original indicator
+  // <components.LoadingIndicator {...props}>
+  // </components.LoadingIndicator>
+  return loadingIndicator;
+};
+SelectLoadingIndicator.propTypes = {
+  selectProps: PropTypes__default.default.shape({})
+};
+
 const SelectMenu = props => {
   const {
     elevation,
@@ -8025,8 +8105,11 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
     instanceId,
     isClearable,
     isCreatable,
+    isDisabled,
+    isLoading,
     isMulti,
     isSearchable,
+    loadingMessage,
     menuItemSize,
     noOptionsText,
     openMenuOnClick,
@@ -8045,6 +8128,12 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
   } = props;
   const defaultRef = React.useRef(null);
   const selectRef = ref || defaultRef;
+
+  // React-select wai function as "loadingMessage" property
+  const getLoadingMessage = React.useCallback(params => {
+    // const { inputValue } = params
+    return loadingMessage;
+  }, [loadingMessage]);
   const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
@@ -8188,7 +8277,8 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
       Placeholder: SelectPlaceholder,
       ValueContainer: SelectValueContainer,
       NoOptionsMessage: SelectNoOptions,
-      GroupHeading: SelectGroupHeading
+      GroupHeading: SelectGroupHeading,
+      LoadingIndicator: SelectLoadingIndicator
     },
     defaultValue: initialValue,
     dividerDirection: dividerDirection,
@@ -8217,8 +8307,11 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
     inputTextColor: inputTextColorClass || selectAppearanceItem.inputTextColor,
     inputTextSize: inputTextSizeClass || selectAppearanceItem.inputTextSize,
     isClearable: isClearable,
+    isDisabled: isDisabled,
+    isLoading: isLoading,
     isMulti: isMulti,
     isSearchable: isSearchable,
+    loadingMessage: getLoadingMessage,
     menuAfter: menuAfter,
     menuBefore: menuBefore,
     menuItemSize: menuItemSize,