@dreamcommerce/aurora 0.3.20 → 0.3.24

package/build/esm/packages/aurora/src/components/dropdown/components/select.js

@@ -1,60 +1,60 @@
 import React, { useRef } from 'react';
-import { useDropdownContext } from '../context/index.js';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
-import InputWrapper from '../../controls/components/input_wrapper.js';
-
-/**
- * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.
- * @component
- * @example
- * <Dropdown.Select name="select_name" selectedOptions={['value1', 'value2']} />
- */
-var Select = function (_a) {
-    var 
-    /**
-     * select name
-     */
-    name = _a.name, 
-    /**
-     * is select disabled, used for styling purposes
-     */
-    _b = _a.isDisabled, 
-    /**
-     * is select disabled, used for styling purposes
-     */
-    isDisabled = _b === void 0 ? false : _b, 
-    /**
-     * is select readonly, used for styling purposes
-     */
-    _c = _a.isReadonly, 
-    /**
-     * is select readonly, used for styling purposes
-     */
-    isReadonly = _c === void 0 ? false : _c, 
-    /**
-     * array of selected options
-     */
-    selectedOptions = _a.selectedOptions;
-    var ref = useRef(null);
-    /**
-     * get values from dropdown context
-     */
-    var _d = useDropdownContext(), isOpen = _d.isOpen, toggleDropdown = _d.toggleDropdown;
-    /**
-     * value for display purposes, its texts not actual values from options
-     */
-    var value = selectedOptions.map(function (option) { return option.text; }).join(', ');
-    /**
-     * disabled options should have hidden inputs with values rendered
-     */
-    var notDisabled = selectedOptions.filter(function (option) { return !option.isDisabled; });
-    var $hiddenInputs = notDisabled.map(function (option) { return (React.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })); });
-    useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-    return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
-        React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
-        $hiddenInputs));
+import '../context/types';
+import '../types';
+import InputWrapper from '@auroraComponents/controls/components/input_wrapper';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import { useDropdownContext } from '../context';
+import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';
+/**
+ * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.
+ * @component
+ * @example
+ * <Dropdown.Select name="select_name" selectedOptions={['value1', 'value2']} />
+ */
+var Select = function (_a) {
+    var 
+    /**
+     * select name
+     */
+    name = _a.name, 
+    /**
+     * is select disabled, used for styling purposes
+     */
+    _b = _a.isDisabled, 
+    /**
+     * is select disabled, used for styling purposes
+     */
+    isDisabled = _b === void 0 ? false : _b, 
+    /**
+     * is select readonly, used for styling purposes
+     */
+    _c = _a.isReadonly, 
+    /**
+     * is select readonly, used for styling purposes
+     */
+    isReadonly = _c === void 0 ? false : _c, 
+    /**
+     * array of selected options
+     */
+    selectedOptions = _a.selectedOptions;
+    var ref = useRef(null);
+    /**
+     * get values from dropdown context
+     */
+    var _d = useDropdownContext(), isOpen = _d.isOpen, toggleDropdown = _d.toggleDropdown;
+    /**
+     * value for display purposes, its texts not actual values from options
+     */
+    var value = selectedOptions.map(function (option) { return option.text; }).join(', ');
+    /**
+     * disabled options should have hidden inputs with values rendered
+     */
+    var notDisabled = selectedOptions.filter(function (option) { return !option.isDisabled; });
+    var $hiddenInputs = notDisabled.map(function (option) { return (React.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })); });
+    useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+    return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
+        React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
+        $hiddenInputs));
 };
-
 export default Select;
-//# sourceMappingURL=select.js.map
+//# sourceMappingURL=select.js.map

package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAiC,kBAAkB,CAAC;AACpD,OAAqC,UAAU,CAAC;AAChD,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE;;;;;GAKG;AACH,IAAM,MAAM,GAAmC,UAAC,EAoB/C;;IAnBG;;OAEG;IACH,IAAI,UAAA;IAEJ;;OAEG;IACH,kBAAkB;IAHlB;;OAEG;IACH,UAAU,mBAAG,KAAK,KAAA;IAElB;;OAEG;IACH,kBAAkB;IAHlB;;OAEG;IACH,UAAU,mBAAG,KAAK,KAAA;IAElB;;OAEG;IACH,eAAe,qBAAA;IAEf,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB;;OAEG;IACG,IAAA,KAA+C,kBAAkB,EAAE,EAAjE,MAAM,YAAA,EAAE,cAAc,oBAA2C,CAAC;IAE1E;;OAEG;IACH,IAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,IAAI,EAAX,CAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEtE;;OAEG;IACH,IAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,CAAC,UAAU,EAAlB,CAAkB,CAAC,CAAC;IAC3E,IAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CAC9C,+BAAO,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,GAAI,CAC1H,EAFiD,CAEjD,CAAC,CAAC;IAEH,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,mBAAiB,MAAM,mBAAgB,SAAS,EAAC,GAAG,EAAE,GAAG;QACzF,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,GAAI;QAClI,aAAa,CACZ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/constants.d.ts

@@ -1,6 +1,6 @@
-export declare const DROPDOWN_TEST_ID: {
-    dropdown: string;
-    label: string;
-};
-export declare const DROPDOWN_Z_INDEX = 1200;
-export declare const DROPDOWN_ON_MODAL_Z_INDEX = 2200;
+export declare const DROPDOWN_TEST_ID: {
+    dropdown: string;
+    label: string;
+};
+export declare const DROPDOWN_Z_INDEX = 1200;
+export declare const DROPDOWN_ON_MODAL_Z_INDEX = 2200;

package/build/esm/packages/aurora/src/components/dropdown/constants.js

@@ -1,11 +1,9 @@
-var DROPDOWN_MAIN_TEST_ID = 'dropdown';
-var DROPDOWN_LABEL_TEST_ID = "".concat(DROPDOWN_MAIN_TEST_ID, "__label");
-var DROPDOWN_TEST_ID = {
-    dropdown: DROPDOWN_MAIN_TEST_ID,
-    label: DROPDOWN_LABEL_TEST_ID
-};
-var DROPDOWN_Z_INDEX = 1200;
-var DROPDOWN_ON_MODAL_Z_INDEX = 2200;
-
-export { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_TEST_ID, DROPDOWN_Z_INDEX };
-//# sourceMappingURL=constants.js.map
+var DROPDOWN_MAIN_TEST_ID = 'dropdown';
+var DROPDOWN_LABEL_TEST_ID = "".concat(DROPDOWN_MAIN_TEST_ID, "__label");
+export var DROPDOWN_TEST_ID = {
+    dropdown: DROPDOWN_MAIN_TEST_ID,
+    label: DROPDOWN_LABEL_TEST_ID
+};
+export var DROPDOWN_Z_INDEX = 1200;
+export var DROPDOWN_ON_MODAL_Z_INDEX = 2200;
+//# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/components/dropdown/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/constants.ts"],"names":[],"mappings":"AAAA,IAAM,qBAAqB,GAAG,UAAU,CAAC;AACzC,IAAM,sBAAsB,GAAG,UAAG,qBAAqB,YAAS,CAAC;AAEjE,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC5B,QAAQ,EAAE,qBAAqB;IAC/B,KAAK,EAAE,sBAAsB;CAChC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,IAAI,CAAC;AACrC,MAAM,CAAC,IAAM,yBAAyB,GAAG,IAAI,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/context/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IDropdownContext } from './types';
-export declare const DropdownContext: import("react").Context<{}>;
-/**
- * drodown context
- */
-export declare function useDropdownContext(): IDropdownContext;
+/// <reference types="react" />
+import { IDropdownContext } from './types';
+export declare const DropdownContext: import("react").Context<{}>;
+/**
+ * drodown context
+ */
+export declare function useDropdownContext(): IDropdownContext;

package/build/esm/packages/aurora/src/components/dropdown/context/index.js

@@ -1,16 +1,14 @@
 import { createContext, useContext } from 'react';
-
-var DropdownContext = createContext({});
-/**
- * drodown context
- */
-function useDropdownContext() {
-    var context = useContext(DropdownContext);
-    if (Object.keys(context).length === 0 && context.constructor === Object) {
-        throw new Error("Dropdown compound components cannot be rendered outside the Dropdown component");
-    }
-    return context;
+import './types';
+export var DropdownContext = createContext({});
+/**
+ * drodown context
+ */
+export function useDropdownContext() {
+    var context = useContext(DropdownContext);
+    if (Object.keys(context).length === 0 && context.constructor === Object) {
+        throw new Error("Dropdown compound components cannot be rendered outside the Dropdown component");
+    }
+    return context;
 }
-
-export { DropdownContext, useDropdownContext };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/dropdown/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAiC,SAAS,CAAC;AAE3C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;AAEjD;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAC9B,IAAM,OAAO,GAAqB,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9D,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE;QACrE,MAAM,IAAI,KAAK,CAAC,gFAAgF,CAAC,CAAC;KACrG;IACD,OAAO,OAAO,CAAC;AACnB,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/context/types.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export interface IDropdownContext {
-    wrapperRef?: React.RefObject<HTMLDivElement>;
-    isOpen?: boolean;
-    toggleDropdown?: () => void;
-}
+/// <reference types="react" />
+export interface IDropdownContext {
+    wrapperRef?: React.RefObject<HTMLDivElement>;
+    isOpen?: boolean;
+    toggleDropdown?: () => void;
+}

package/build/esm/packages/aurora/src/components/dropdown/css_classes.d.ts

@@ -1,20 +1,20 @@
-export declare const cssDropdown = "dropdown";
-export declare const cssDropdownContent: string;
-export declare const cssDropdownContentRight: string;
-export declare const cssDropdownHeader: string;
-export declare const cssDropdownHeaderIcon: string;
-export declare const cssDropdownHeaderTitle: string;
-export declare const cssDropdownHeaderContent: string;
-export declare const cssDropdownItemWithHover: string;
-export declare const cssDropdownInput: string;
-export declare const cssDropdownList: string;
-export declare const cssDropdownSearch: string;
-export declare const cssDropdownWithScroll: string;
-export declare const cssDropdownListWithGroup: string;
-export declare const cssDropdownListHead: string;
-export declare const cssDropdownListItem: string;
-export declare const cssDropdownListItemSelected: string;
-export declare const cssDropdownListItemDisabled: string;
-export declare const cssDropdownListItemReadonly: string;
-export declare const cssIcon = "icon";
-export declare const cssIconBack: string;
+export declare const cssDropdown = "dropdown";
+export declare const cssDropdownContent: string;
+export declare const cssDropdownContentRight: string;
+export declare const cssDropdownHeader: string;
+export declare const cssDropdownHeaderIcon: string;
+export declare const cssDropdownHeaderTitle: string;
+export declare const cssDropdownHeaderContent: string;
+export declare const cssDropdownItemWithHover: string;
+export declare const cssDropdownInput: string;
+export declare const cssDropdownList: string;
+export declare const cssDropdownSearch: string;
+export declare const cssDropdownWithScroll: string;
+export declare const cssDropdownListWithGroup: string;
+export declare const cssDropdownListHead: string;
+export declare const cssDropdownListItem: string;
+export declare const cssDropdownListItemSelected: string;
+export declare const cssDropdownListItemDisabled: string;
+export declare const cssDropdownListItemReadonly: string;
+export declare const cssIcon = "icon";
+export declare const cssIconBack: string;

package/build/esm/packages/aurora/src/components/dropdown/css_classes.js

@@ -1,19 +1,21 @@
-var cssDropdown = 'dropdown';
-var cssDropdownContent = "".concat(cssDropdown, "__content");
-var cssDropdownContentRight = "".concat(cssDropdownContent, "_right");
-var cssDropdownHeader = "".concat(cssDropdown, "__header");
-var cssDropdownHeaderTitle = "".concat(cssDropdown, "__header-title");
-var cssDropdownHeaderContent = "".concat(cssDropdown, "__header-content");
-var cssDropdownItemWithHover = "".concat(cssDropdown, "__item-with-hover");
-var cssDropdownList = "".concat(cssDropdown, "__list");
-var cssDropdownSearch = "".concat(cssDropdown, "__search");
-var cssDropdownWithScroll = "".concat(cssDropdown, "__list_with-scroll");
-var cssDropdownListWithGroup = "".concat(cssDropdown, "__list_with-group");
-var cssDropdownListHead = "".concat(cssDropdown, "__list-head");
-var cssDropdownListItem = "".concat(cssDropdown, "__list-item");
-var cssDropdownListItemSelected = "".concat(cssDropdown, "__list-item_selected");
-var cssDropdownListItemDisabled = "".concat(cssDropdown, "__list-item_disabled");
-var cssDropdownListItemReadonly = "".concat(cssDropdown, "__list-item_readonly");
-
-export { cssDropdown, cssDropdownContent, cssDropdownContentRight, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownItemWithHover, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
-//# sourceMappingURL=css_classes.js.map
+export var cssDropdown = 'dropdown';
+export var cssDropdownContent = "".concat(cssDropdown, "__content");
+export var cssDropdownContentRight = "".concat(cssDropdownContent, "_right");
+export var cssDropdownHeader = "".concat(cssDropdown, "__header");
+export var cssDropdownHeaderIcon = "".concat(cssDropdown, "__header-icon");
+export var cssDropdownHeaderTitle = "".concat(cssDropdown, "__header-title");
+export var cssDropdownHeaderContent = "".concat(cssDropdown, "__header-content");
+export var cssDropdownItemWithHover = "".concat(cssDropdown, "__item-with-hover");
+export var cssDropdownInput = "".concat(cssDropdown, "__input");
+export var cssDropdownList = "".concat(cssDropdown, "__list");
+export var cssDropdownSearch = "".concat(cssDropdown, "__search");
+export var cssDropdownWithScroll = "".concat(cssDropdown, "__list_with-scroll");
+export var cssDropdownListWithGroup = "".concat(cssDropdown, "__list_with-group");
+export var cssDropdownListHead = "".concat(cssDropdown, "__list-head");
+export var cssDropdownListItem = "".concat(cssDropdown, "__list-item");
+export var cssDropdownListItemSelected = "".concat(cssDropdown, "__list-item_selected");
+export var cssDropdownListItemDisabled = "".concat(cssDropdown, "__list-item_disabled");
+export var cssDropdownListItemReadonly = "".concat(cssDropdown, "__list-item_readonly");
+export var cssIcon = "icon";
+export var cssIconBack = "".concat(cssIcon, "-back");
+//# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/dropdown/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,WAAW,GAAG,UAAU,CAAC;AACtC,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAG,WAAW,cAAW,CAAC;AAC5D,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAG,kBAAkB,WAAQ,CAAC;AACrE,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAG,WAAW,aAAU,CAAC;AAC1D,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAG,WAAW,kBAAe,CAAC;AACnE,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAG,WAAW,mBAAgB,CAAC;AACrE,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAG,WAAW,qBAAkB,CAAC;AACzE,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAG,WAAW,sBAAmB,CAAC;AAC1E,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAG,WAAW,YAAS,CAAC;AACxD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAG,WAAW,WAAQ,CAAC;AAEtD,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAG,WAAW,aAAU,CAAC;AAC1D,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAG,WAAW,uBAAoB,CAAC;AACxE,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAG,WAAW,sBAAmB,CAAC;AAC1E,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAG,WAAW,gBAAa,CAAC;AAC/D,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAG,WAAW,gBAAa,CAAC;AAC/D,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAG,WAAW,yBAAsB,CAAC;AAChF,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAG,WAAW,yBAAsB,CAAC;AAChF,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAG,WAAW,yBAAsB,CAAC;AAEhF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC;AAC9B,MAAM,CAAC,IAAM,WAAW,GAAG,UAAG,OAAO,UAAO,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/index.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import { IMultiSelectProps } from '../../types';
-/**
- * MultiSelect component. Build with Dropdown composed components.
- *
- * @component
- * @example
- * const options = [{
- *  text: 'Option 1',
- *  value: 'value1'
- * }, {
- *  text: 'Option 2,,
- *  value: 'value2'
- * }];
- * return (
- *  <MultiSelect name="my_select_name" options={options} onChange={(option) => console.log(option)} />
- * )
- */
-declare const Multiple: React.FC<IMultiSelectProps>;
-export default Multiple;
+import React from 'react';
+import { IMultiSelectProps } from '../../types';
+/**
+ * MultiSelect component. Build with Dropdown composed components.
+ *
+ * @component
+ * @example
+ * const options = [{
+ *  text: 'Option 1',
+ *  value: 'value1'
+ * }, {
+ *  text: 'Option 2,,
+ *  value: 'value2'
+ * }];
+ * return (
+ *  <MultiSelect name="my_select_name" options={options} onChange={(option) => console.log(option)} />
+ * )
+ */
+declare const Multiple: React.FC<IMultiSelectProps>;
+export default Multiple;