@dreamcommerce/aurora 0.3.4-97 → 0.3.5

package/build/esm/src/components/dropdown/components/option.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import classnames from 'classnames';
-import { cssDropdownListItem, cssDropdownListItemSelected, cssDropdownListItemDisabled, cssDropdownListItemReadonly } from '../css_classes.js';
-import Item from './item.js';
-
-/**
- * Dropdown.Option component. Should be only used within Dropdown.List
- * @component
- * @example
- * const option = {
- *  text: 'Option 1',
- *  value: '1'
- * }
- *
- * <Dropdown.Option
- *  key="id1"
- *  option={option}
- *  isSelected={false}
- *  isDisabled={false}
- *  isReadonly={false}
- *  onClick={(option) => console.log(option)}
- * />
- */
-var Option = function (_a) {
-    var _b;
-    var 
-    /**
-     * select option
-     */
-    option = _a.option, 
-    /**
-     * indicates if option component is selected
-     */
-    isSelected = _a.isSelected, 
-    /**
-     * indicates if option component is readonly
-     */
-    isReadonly = _a.isReadonly, 
-    /**
-     * indicates if option component is disabled
-     */
-    isDisabled = _a.isDisabled, 
-    /**
-     * onClick callback
-     */
-    onClick = _a.onClick;
-    var itemClasses = classnames(cssClasses[cssDropdownListItem], (_b = {},
-        _b[cssClasses[cssDropdownListItemSelected]] = isSelected,
-        _b[cssClasses[cssDropdownListItemDisabled]] = isDisabled,
-        _b[cssClasses[cssDropdownListItemReadonly]] = isReadonly,
-        _b));
-    /**
-     * click handler works only for options that are neither readonly nor disabled
-     */
-    var clickHandler = isReadonly || isDisabled ? undefined : function () { return onClick(option); };
-    return (React.createElement(Item, { isSelected: isSelected, onClick: clickHandler },
-        React.createElement("div", { className: itemClasses }, React.createElement("span", null, option === null || option === void 0 ? void 0 : option.text))));
-};
-
-export default Option;
-//# sourceMappingURL=option.js.map

package/build/esm/src/components/dropdown/components/option.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option.js","sources":["../../../../../../src/components/dropdown/components/option.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { IDropdownOptionProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\n\n/**\n * Dropdown.Option component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n *  text: 'Option 1',\n *  value: '1'\n * }\n *\n * <Dropdown.Option\n *  key=\"id1\"\n *  option={option}\n *  isSelected={false}\n *  isDisabled={false}\n *  isReadonly={false}\n *  onClick={(option) => console.log(option)}\n * />\n */\nconst Option: React.FC<IDropdownOptionProps> = ({\n    /**\n     * select option\n     */\n    option,\n\n    /**\n     * indicates if option component is selected\n     */\n    isSelected,\n\n    /**\n     * indicates if option component is readonly\n     */\n    isReadonly,\n\n    /**\n     * indicates if option component is disabled\n     */\n    isDisabled,\n\n    /**\n     * onClick callback\n     */\n    onClick\n}): JSX.Element => {\n    const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n        [cssClasses[cssDropdownListItemSelected]]: isSelected,\n        [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n        [cssClasses[cssDropdownListItemReadonly]]: isReadonly\n    });\n\n    /**\n     * click handler works only for options that are neither readonly nor disabled\n     */\n    const clickHandler = isReadonly || isDisabled ? undefined : () => onClick(option);\n\n    return (\n        <Item isSelected={isSelected} onClick={clickHandler}>\n            <div className={itemClasses}>{<span>{option?.text}</span>}</div>\n        </Item>\n    );\n};\n\nexport default Option;\n"],"names":[],"mappings":";;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,MAAM,GAAmC,UAAC,EAyB/C;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAC1D,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACI,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/C,6BAAK,SAAS,EAAE,WAAW,IAAG,kCAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAQ,CAAO,CAC7D,EACT;AACN;;;;"}

package/build/esm/src/components/dropdown/components/option_multiple.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IDropdownOptionMultipleProps } from '../types';
-/**
- * Dropdown.OptionMultiple component. Should be only used within Dropdown.List
- * @component
- * @example
- * const option = {
- *  text: 'Option 1',
- *  value: '1'
- * }
- *
- * <Dropdown.OptionMultiple
- *  key="id1"
- *  option={option}
- *  isSelected={false}
- *  isDisabled={false}
- *  isReadonly={false}
- *  onClick={(option) => console.log(option)}
- * />
- */
-declare const OptionMultiple: React.FC<IDropdownOptionMultipleProps>;
-export default OptionMultiple;

package/build/esm/src/components/dropdown/components/option_multiple.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import classnames from 'classnames';
-import { cssDropdownListItem, cssDropdownListItemSelected, cssDropdownListItemDisabled, cssDropdownListItemReadonly } from '../css_classes.js';
-import Item from './item.js';
-import ControlCheckbox from '../../controls/hoc/control_checkbox/index.js';
-
-/**
- * Dropdown.OptionMultiple component. Should be only used within Dropdown.List
- * @component
- * @example
- * const option = {
- *  text: 'Option 1',
- *  value: '1'
- * }
- *
- * <Dropdown.OptionMultiple
- *  key="id1"
- *  option={option}
- *  isSelected={false}
- *  isDisabled={false}
- *  isReadonly={false}
- *  onClick={(option) => console.log(option)}
- * />
- */
-var OptionMultiple = function (_a) {
-    var _b;
-    var 
-    /**
-     * select option
-     */
-    option = _a.option, 
-    /**
-     * indicates if option component is selected
-     */
-    isSelected = _a.isSelected, 
-    /**
-     * indicates if option component is readonly
-     */
-    isReadonly = _a.isReadonly, 
-    /**
-     * indicates if option component is disabled
-     */
-    isDisabled = _a.isDisabled, 
-    /**
-     * onClick callback
-     */
-    onClick = _a.onClick;
-    var itemClasses = classnames(cssClasses[cssDropdownListItem], (_b = {},
-        _b[cssClasses[cssDropdownListItemSelected]] = isSelected,
-        _b[cssClasses[cssDropdownListItemDisabled]] = isDisabled,
-        _b[cssClasses[cssDropdownListItemReadonly]] = isReadonly,
-        _b));
-    /**
-     * click handler works only for options that are neither readonly nor disabled
-     */
-    var clickHandler = isReadonly || isDisabled ? undefined : function () { return onClick(option); };
-    return (React.createElement(Item, { isSelected: isSelected, onClick: clickHandler },
-        React.createElement("div", { className: itemClasses },
-            React.createElement(ControlCheckbox, { initiallyChecked: isSelected, disabled: isReadonly || isDisabled, label: option === null || option === void 0 ? void 0 : option.text }))));
-};
-
-export default OptionMultiple;
-//# sourceMappingURL=option_multiple.js.map

package/build/esm/src/components/dropdown/components/option_multiple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option_multiple.js","sources":["../../../../../../src/components/dropdown/components/option_multiple.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownOptionMultipleProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\nimport ControlCheckbox from '@components/controls/hoc/control_checkbox';\n\n/**\n * Dropdown.OptionMultiple component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n *  text: 'Option 1',\n *  value: '1'\n * }\n *\n * <Dropdown.OptionMultiple\n *  key=\"id1\"\n *  option={option}\n *  isSelected={false}\n *  isDisabled={false}\n *  isReadonly={false}\n *  onClick={(option) => console.log(option)}\n * />\n */\nconst OptionMultiple: React.FC<IDropdownOptionMultipleProps> = ({\n    /**\n     * select option\n     */\n    option,\n\n    /**\n     * indicates if option component is selected\n     */\n    isSelected,\n\n    /**\n     * indicates if option component is readonly\n     */\n    isReadonly,\n\n    /**\n     * indicates if option component is disabled\n     */\n    isDisabled,\n\n    /**\n     * onClick callback\n     */\n    onClick\n}): JSX.Element => {\n    const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n        [cssClasses[cssDropdownListItemSelected]]: isSelected,\n        [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n        [cssClasses[cssDropdownListItemReadonly]]: isReadonly\n    });\n\n    /**\n     * click handler works only for options that are neither readonly nor disabled\n     */\n    const clickHandler = isReadonly || isDisabled ? undefined : () => onClick(option);\n\n    return (\n        <Item isSelected={isSelected} onClick={clickHandler}>\n            <div className={itemClasses}>\n                <ControlCheckbox initiallyChecked={isSelected} disabled={isReadonly || isDisabled} label={option?.text} />\n            </div>\n        </Item>\n    );\n};\n\nexport default OptionMultiple;\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,cAAc,GAA2C,UAAC,EAyB/D;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAC1D,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACI,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/C,6BAAK,SAAS,EAAE,WAAW;YACvB,oBAAC,eAAe,IAAC,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,GAAI,CACxG,CACH,EACT;AACN;;;;"}

package/build/esm/src/components/dropdown/components/search.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IDropdownSearchProps } from '../types';
-/**
- * Dropdown.Search component. Displays search control.
- * @component
- * @example
- * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />
- */
-declare const Search: React.FC<IDropdownSearchProps>;
-export default Search;

package/build/esm/src/components/dropdown/components/search.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { cssDropdownSearch } from '../css_classes.js';
-import Input from '../../controls/components/input.js';
-
-/**
- * Dropdown.Search component. Displays search control.
- * @component
- * @example
- * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />
- */
-var Search = function (_a) {
-    var 
-    /**
-     * on key up callback
-     */
-    onKeyUp = _a.onKeyUp;
-    return (React.createElement("aside", { className: cssClasses[cssDropdownSearch] },
-        React.createElement(Input, { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
-};
-
-export default Search;
-//# sourceMappingURL=search.js.map

package/build/esm/src/components/dropdown/components/search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"search.js","sources":["../../../../../../src/components/dropdown/components/search.tsx"],"sourcesContent":["import React from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownSearchProps } from '../types';\nimport { cssDropdownSearch } from '../css_classes';\nimport Input from '@components/controls/components/input';\n\n/**\n * Dropdown.Search component. Displays search control.\n * @component\n * @example\n * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />\n */\nconst Search: React.FC<IDropdownSearchProps> = ({\n    /**\n     * on key up callback\n     */\n    onKeyUp\n}) => (\n    <aside className={cssClasses[cssDropdownSearch]}>\n        <Input placeholder=\"Szukaj\" padding=\"small\" onKeyUp={onKeyUp} autoFocus />\n    </aside>\n);\n\nexport default Search;\n"],"names":[],"mappings":";;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAK/C;;;;;IADG,oBAAO;IACL,QACF,+BAAO,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;QAC3C,oBAAC,KAAK,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,SAAG,CACtE;AAHN;;;;"}

package/build/esm/src/components/dropdown/components/select.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IDropdownSelectProps } from '../types';
-/**
- * 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']} />
- */
-declare const Select: React.FC<IDropdownSelectProps>;
-export default Select;

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

@@ -1,59 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { useDropdownContext } from '../context/index.js';
-import InputWrapper from '../../controls/components/input_wrapper.js';
-import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.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;
-    /**
-     * 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);
-    return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox" },
-        React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
-        $hiddenInputs));
-};
-
-export default Select;
-//# sourceMappingURL=select.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select.js","sources":["../../../../../../src/components/dropdown/components/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport InputWrapper from '@components/controls/components/input_wrapper';\n\nimport { IDropdownSelectProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport cssClasses from '@css/dropdown/main.module.less';\n\n/**\n * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.\n * @component\n * @example\n * <Dropdown.Select name=\"select_name\" selectedOptions={['value1', 'value2']} />\n */\nconst Select: React.FC<IDropdownSelectProps> = ({\n    /**\n     * select name\n     */\n    name,\n\n    /**\n     * is select disabled, used for styling purposes\n     */\n    isDisabled = false,\n\n    /**\n     * is select readonly, used for styling purposes\n     */\n    isReadonly = false,\n\n    /**\n     * array of selected options\n     */\n    selectedOptions\n}) => {\n    /**\n     * get values from dropdown context\n     */\n    const { isOpen, toggleDropdown }: IDropdownContext = useDropdownContext();\n\n    /**\n     * value for display purposes, its texts not actual values from options\n     */\n    const value = selectedOptions.map((option) => option.text).join(', ');\n\n    /**\n     * disabled options should have hidden inputs with values rendered\n     */\n    const notDisabled = selectedOptions.filter((option) => !option.isDisabled);\n    const $hiddenInputs = notDisabled.map((option) => (\n        <input key={option.value} type=\"hidden\" name={name} value={option.value} disabled={isDisabled} readOnly={isReadonly} />\n    ));\n\n    useKeyboardOpenClose(toggleDropdown, isOpen);\n\n    return (\n        <div className={cssClasses['select']} aria-expanded={isOpen} aria-haspopup=\"listbox\">\n            <InputWrapper value={value} isFocused={Boolean(isOpen)} isDisabled={isDisabled} isReadOnly={isReadonly} onClick={toggleDropdown} />\n            {$hiddenInputs}\n        </div>\n    );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;AAUA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAoB/C;;;;;IAhBG,cAAI;;;;IAKJ,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oCAAe;;;;IAKT,IAAA,yBAAmE,EAAjE,kBAAM,EAAE,kCAAyD,CAAC;;;;IAK1E,IAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,IAAI,GAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;IAKtE,IAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,CAAC,UAAU,GAAA,CAAC,CAAC;IAC3E,IAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,QAC9C,+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,IAC1H,CAAC,CAAC;IAEH,oBAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAE7C,QACI,6BAAK,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,mBAAiB,MAAM,mBAAgB,SAAS;QAChF,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,EACR;AACN;;;;"}

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

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

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

@@ -1,16 +0,0 @@
-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("Toggle compound components cannot be rendered outside the Toggle component");
-    }
-    return context;
-}
-
-export { DropdownContext, useDropdownContext };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/dropdown/context/index.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { IDropdownContext } from './types';\n\nexport const DropdownContext = createContext({});\n\n/**\n * drodown context\n */\nexport function useDropdownContext(): IDropdownContext {\n    const context: IDropdownContext = useContext(DropdownContext);\n    if (Object.keys(context).length === 0 && context.constructor === Object) {\n        throw new Error(`Toggle compound components cannot be rendered outside the Toggle component`);\n    }\n    return context;\n}\n"],"names":[],"mappings":";;IAGa,eAAe,GAAG,aAAa,CAAC,EAAE,EAAE;AAEjD;;;SAGgB,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,4EAA4E,CAAC,CAAC;KACjG;IACD,OAAO,OAAO,CAAC;AACnB;;;;"}

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

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

package/build/esm/src/components/dropdown/context/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/build/esm/src/components/dropdown/context/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/context/types.ts"],"names":[],"mappings":""}

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

@@ -1,18 +0,0 @@
-export declare const cssDropdown = "dropdown";
-export declare const cssDropdownContent: string;
-export declare const cssDropdownHeader: string;
-export declare const cssDropdownHeaderIcon: string;
-export declare const cssDropdownHeaderTitle: string;
-export declare const cssDropdownHeaderContent: 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/src/components/dropdown/css_classes.js

@@ -1,20 +0,0 @@
-var cssDropdown = 'dropdown';
-var cssDropdownContent = cssDropdown + "__content";
-var cssDropdownHeader = cssDropdown + "__header";
-var cssDropdownHeaderIcon = cssDropdown + "__header-icon";
-var cssDropdownHeaderTitle = cssDropdown + "__header-title";
-var cssDropdownHeaderContent = cssDropdown + "__header-content";
-var cssDropdownList = cssDropdown + "__list";
-var cssDropdownSearch = cssDropdown + "__search";
-var cssDropdownWithScroll = cssDropdown + "__list_with-scroll";
-var cssDropdownListWithGroup = cssDropdown + "__list_with-group";
-var cssDropdownListHead = cssDropdown + "__list-head";
-var cssDropdownListItem = cssDropdown + "__list-item";
-var cssDropdownListItemSelected = cssDropdown + "__list-item_selected";
-var cssDropdownListItemDisabled = cssDropdown + "__list-item_disabled";
-var cssDropdownListItemReadonly = cssDropdown + "__list-item_readonly";
-var cssIcon = "icon";
-var cssIconBack = cssIcon + "-back";
-
-export { cssDropdown, cssDropdownContent, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderIcon, cssDropdownHeaderTitle, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll, cssIcon, cssIconBack };
-//# sourceMappingURL=css_classes.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/dropdown/css_classes.ts"],"sourcesContent":["export const cssDropdown = 'dropdown';\nexport const cssDropdownContent = `${cssDropdown}__content`;\nexport const cssDropdownHeader = `${cssDropdown}__header`;\nexport const cssDropdownHeaderIcon = `${cssDropdown}__header-icon`;\nexport const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;\nexport const cssDropdownHeaderContent = `${cssDropdown}__header-content`;\nexport const cssDropdownInput = `${cssDropdown}__input`;\nexport const cssDropdownList = `${cssDropdown}__list`;\n\nexport const cssDropdownSearch = `${cssDropdown}__search`;\nexport const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;\nexport const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;\nexport const cssDropdownListHead = `${cssDropdown}__list-head`;\nexport const cssDropdownListItem = `${cssDropdown}__list-item`;\nexport const cssDropdownListItemSelected = `${cssDropdown}__list-item_selected`;\nexport const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;\nexport const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;\n\nexport const cssIcon = `icon`;\nexport const cssIconBack = `${cssIcon}-back`;\n"],"names":[],"mappings":"IAAa,WAAW,GAAG,WAAW;IACzB,kBAAkB,GAAM,WAAW,eAAY;IAC/C,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,mBAAgB;IACtD,sBAAsB,GAAM,WAAW,oBAAiB;IACxD,wBAAwB,GAAM,WAAW,sBAAmB;IAE5D,eAAe,GAAM,WAAW,YAAS;IAEzC,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,wBAAqB;IAC3D,wBAAwB,GAAM,WAAW,uBAAoB;IAC7D,mBAAmB,GAAM,WAAW,iBAAc;IAClD,mBAAmB,GAAM,WAAW,iBAAc;IAClD,2BAA2B,GAAM,WAAW,0BAAuB;IACnE,2BAA2B,GAAM,WAAW,0BAAuB;IACnE,2BAA2B,GAAM,WAAW,0BAAuB;IAEnE,OAAO,GAAG,OAAO;IACjB,WAAW,GAAM,OAAO;;;;"}

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

@@ -1,20 +0,0 @@
-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;

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

@@ -1,137 +0,0 @@
-import React, { useRef, useState } from 'react';
-import cssClasses from '../../../../css/dropdown/main.module.less.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 { DropdownContext } from '../../context/index.js';
-import { cssDropdown } from '../../css_classes.js';
-import Dropdown from '../../index.js';
-import { handleSearchKeyUp, isSelected, handleItemClick } from '../../utilities.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); } }));
-                }))))));
-};
-
-export default Multiple;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/multiselect/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { IMultiSelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValues } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n\n/**\n * MultiSelect component. Build with Dropdown composed components.\n *\n * @component\n * @example\n * const options = [{\n *  text: 'Option 1',\n *  value: 'value1'\n * }, {\n *  text: 'Option 2,,\n *  value: 'value2'\n * }];\n * return (\n *  <MultiSelect name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n */\nconst Multiple: React.FC<IMultiSelectProps> = ({\n    /**\n     * multiselect name, used also for hidden inputs\n     */\n    name,\n\n    /**\n     * array of multiselect options\n     */\n    options,\n\n    /**\n     * array of default values (for select its always one element), array is used to be compatible with multiselects\n     */\n    defaultValues = [],\n\n    /**\n     * indicates if select is readonly\n     */\n    isReadonly = false,\n\n    /**\n     * indicatse if select is disabled\n     */\n    isDisabled = false,\n\n    /**\n     * indicates if selects has groups (similiar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n     */\n    isWithGroups = false,\n\n    /**\n     * indicates if select should have search to look for options\n     */\n    isWithSearch = false,\n\n    /**\n     * indicates if select should be opened at render\n     */\n    defaultIsOpen = false,\n\n    /**\n     * indicates if select should hide on option click\n     */\n    defaultCloseOnClick = false,\n\n    /**\n     * called on select toggle\n     */\n    onToggle,\n\n    /**\n     * called on option change\n     */\n    onChange\n}) => {\n    /**\n     * reference to dropdown wrapper element\n     */\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    /**\n     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n     */\n    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n    /**\n     * hook with option list state, and method to change option list\n     */\n    const [optionsList, setOptionsList] = useState(options);\n\n    /**\n     * hook with selected value, and method do change it\n     */\n    const [selectedValues, setSelectedValues] = useValues(wrapperRef, options, defaultValues, onChange);\n\n    /**\n     * context values, they may be used with useContext in any component which is part of Dropdown composition\n     */\n    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n    /**\n     * hook which resets options list to default on close if select has search and it was used\n     */\n    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n                <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n                <Dropdown.Content>\n                    {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n                    <Dropdown.List isWithGroups={isWithGroups}>\n                        {optionsList?.map((option: ISelectOption) =>\n                            option.isHeader ? (\n                                <Dropdown.Header key={option.text} text={option.text} />\n                            ) : (\n                                <Dropdown.OptionMultiple\n                                    key={option.value}\n                                    option={option}\n                                    isSelected={isSelected(option, selectedValues)}\n                                    isDisabled={option.isDisabled ?? isDisabled}\n                                    isReadonly={option.isReadonly ?? isReadonly}\n                                    onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n                                />\n                            )\n                        )}\n                    </Dropdown.List>\n                </Dropdown.Content>\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nexport default Multiple;\n"],"names":[],"mappings":";;;;;;;;;;AASA;;;;;;;;;;;;;;;;IAgBM,QAAQ,GAAgC,UAAC,EAuD9C;;;;;IAnDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA2B;;;;IAA3B,gDAA2B;;;;IAK3B,sBAAQ;;;;IAKR,sBAAQ;;;;IAKR,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,sBAAiD,EAAhD,mBAAW,EAAE,sBAAmC,CAAC;;;;IAKlD,IAAA,4DAA6F,EAA5F,sBAAc,EAAE,yBAA4E,CAAC;;;;IAKpG,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtG,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,QACI,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;YACpD,oBAAC,QAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhH,oBAAC,QAAQ,CAAC,OAAO;gBACZ,YAAY,IAAI,oBAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAA,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErG,oBAAC,QAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACX,oBAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExD,oBAAC,QAAQ,CAAC,cAAc,IACpB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

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

@@ -1,20 +0,0 @@
-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;