@dreamcommerce/aurora 0.3.20 → 0.3.24

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

@@ -1,143 +1,140 @@
 import React, { useRef, useState } from 'react';
-import { DropdownContext } from '../../context/index.js';
-import { cssDropdown } from '../../css_classes.js';
-import cssClasses from '../../../../css/dropdown/main.module.less.js';
-import { handleSearchKeyUp, isSelected, handleItemClick } from '../../utilities.js';
-import { useValues } from '../../hooks/use_values.js';
-import { useToggle } from '../../hooks/use_toggle.js';
-import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
-import Dropdown from '../../index.js';
-
-/**
- * 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)} />
- * )
- */
-var Multiple = function (_a) {
-    var 
-    /**
-     * multiselect name, used also for hidden inputs
-     */
-    name = _a.name, 
-    /**
-     * array of multiselect options
-     */
-    options = _a.options, 
-    /**
-     * array of default values (for select its always one element),
-     * array is used to be compatible with multiselects
-     */
-    _b = _a.defaultValues, 
-    /**
-     * array of default values (for select its always one element),
-     * array is used to be compatible with multiselects
-     */
-    defaultValues = _b === void 0 ? [] : _b, 
-    /**
-     * indicates if select is readonly
-     */
-    _c = _a.isReadonly, 
-    /**
-     * indicates if select is readonly
-     */
-    isReadonly = _c === void 0 ? false : _c, 
-    /**
-     * indicatse if select is disabled
-     */
-    _d = _a.isDisabled, 
-    /**
-     * indicatse if select is disabled
-     */
-    isDisabled = _d === void 0 ? false : _d, 
-    /**
-     * indicates if selects has groups (similiar to optgroup), options
-     * then have left-padding, and you should use options with isHeader
-     * set to true
-     */
-    _e = _a.isWithGroups, 
-    /**
-     * indicates if selects has groups (similiar to optgroup), options
-     * then have left-padding, and you should use options with isHeader
-     * set to true
-     */
-    isWithGroups = _e === void 0 ? false : _e, 
-    /**
-     * indicates if select should have search to look for options
-     */
-    _f = _a.isWithSearch, 
-    /**
-     * indicates if select should have search to look for options
-     */
-    isWithSearch = _f === void 0 ? false : _f, 
-    /**
-     * indicates if select should be opened at render
-     */
-    _g = _a.defaultIsOpen, 
-    /**
-     * indicates if select should be opened at render
-     */
-    defaultIsOpen = _g === void 0 ? false : _g, 
-    /**
-     * indicates if select should hide on option click
-     */
-    _h = _a.defaultCloseOnClick, 
-    /**
-     * indicates if select should hide on option click
-     */
-    defaultCloseOnClick = _h === void 0 ? false : _h, 
-    /**
-     * called on select toggle
-     */
-    onToggle = _a.onToggle, 
-    /**
-     * called on option change
-     */
-    onChange = _a.onChange;
-    /**
-     * reference to dropdown wrapper element
-     */
-    var wrapperRef = useRef(null);
-    /**
-     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
-     */
-    var _j = useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
-    /**
-     * hook with option list state, and method to change option list
-     */
-    var _k = useState(options), optionsList = _k[0], setOptionsList = _k[1];
-    /**
-     * hook with selected value, and method do change it
-     */
-    var _l = useValues(wrapperRef, options, defaultValues, onChange), selectedValues = _l[0], setSelectedValues = _l[1];
-    /**
-     * context values, they may be used with useContext in any component which is part of Dropdown composition
-     */
-    var value = React.useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
-    /**
-     * hook which resets options list to default on close if select has search and it was used
-     */
-    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
-    return (React.createElement(DropdownContext.Provider, { value: value },
-        React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
-            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
-            React.createElement(Dropdown.Content, null,
-                isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: function (ev) { return handleSearchKeyUp(ev, options, setOptionsList); } }),
-                React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option) {
-                    var _a, _b;
-                    return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.OptionMultiple, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: function (option) { return handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown); } }));
-                }))))));
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import Dropdown from '../../index';
+import '../../types';
+import { DropdownContext } from '../../context';
+import { useToggle, useSetOptionsOnClose, useValues } from '../../hooks';
+import { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';
+import { cssDropdown } from '../../css_classes';
+/**
+ * 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)} />
+ * )
+ */
+var Multiple = function (_a) {
+    var 
+    /**
+     * multiselect name, used also for hidden inputs
+     */
+    name = _a.name, 
+    /**
+     * array of multiselect options
+     */
+    options = _a.options, 
+    /**
+     * array of default values (for select its always one element),
+     * array is used to be compatible with multiselects
+     */
+    _b = _a.defaultValues, 
+    /**
+     * array of default values (for select its always one element),
+     * array is used to be compatible with multiselects
+     */
+    defaultValues = _b === void 0 ? [] : _b, 
+    /**
+     * indicates if select is readonly
+     */
+    _c = _a.isReadonly, 
+    /**
+     * indicates if select is readonly
+     */
+    isReadonly = _c === void 0 ? false : _c, 
+    /**
+     * indicatse if select is disabled
+     */
+    _d = _a.isDisabled, 
+    /**
+     * indicatse if select is disabled
+     */
+    isDisabled = _d === void 0 ? false : _d, 
+    /**
+     * indicates if selects has groups (similiar to optgroup), options
+     * then have left-padding, and you should use options with isHeader
+     * set to true
+     */
+    _e = _a.isWithGroups, 
+    /**
+     * indicates if selects has groups (similiar to optgroup), options
+     * then have left-padding, and you should use options with isHeader
+     * set to true
+     */
+    isWithGroups = _e === void 0 ? false : _e, 
+    /**
+     * indicates if select should have search to look for options
+     */
+    _f = _a.isWithSearch, 
+    /**
+     * indicates if select should have search to look for options
+     */
+    isWithSearch = _f === void 0 ? false : _f, 
+    /**
+     * indicates if select should be opened at render
+     */
+    _g = _a.defaultIsOpen, 
+    /**
+     * indicates if select should be opened at render
+     */
+    defaultIsOpen = _g === void 0 ? false : _g, 
+    /**
+     * indicates if select should hide on option click
+     */
+    _h = _a.defaultCloseOnClick, 
+    /**
+     * indicates if select should hide on option click
+     */
+    defaultCloseOnClick = _h === void 0 ? false : _h, 
+    /**
+     * called on select toggle
+     */
+    onToggle = _a.onToggle, 
+    /**
+     * called on option change
+     */
+    onChange = _a.onChange;
+    /**
+     * reference to dropdown wrapper element
+     */
+    var wrapperRef = useRef(null);
+    /**
+     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
+     */
+    var _j = useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
+    /**
+     * hook with option list state, and method to change option list
+     */
+    var _k = useState(options), optionsList = _k[0], setOptionsList = _k[1];
+    /**
+     * hook with selected value, and method do change it
+     */
+    var _l = useValues(wrapperRef, options, defaultValues, onChange), selectedValues = _l[0], setSelectedValues = _l[1];
+    /**
+     * context values, they may be used with useContext in any component which is part of Dropdown composition
+     */
+    var value = React.useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
+    /**
+     * hook which resets options list to default on close if select has search and it was used
+     */
+    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
+    return (React.createElement(DropdownContext.Provider, { value: value },
+        React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
+            React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
+            React.createElement(Dropdown.Content, null,
+                isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: function (ev) { return handleSearchKeyUp(ev, options, setOptionsList); } }),
+                React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option) {
+                    var _a, _b;
+                    return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.OptionMultiple, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: function (option) { return handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown); } }));
+                }))))));
 };
-
 export default Multiple;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/components/dropdown/hoc/multiselect/index.tsx"],"names":[],"mappings":"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"}

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

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