@dreamcommerce/aurora 0.3.4-158 → 0.3.4-159

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

@@ -1,14 +0,0 @@
-import React, { useRef } from 'react';
-import { useDropdownContext } from '../context/index.js';
-import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
-
-var CustomLabel = function (_a) {
-    var children = _a.children;
-    var _b = useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = useRef(null);
-    useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-    return (React.createElement("div", { onClick: toggleDropdown, ref: ref, tabIndex: 0 }, children));
-};
-
-export default CustomLabel;
-//# sourceMappingURL=custom_label.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"custom_label.js","sources":["../../../../../../src/components/dropdown/components/custom_label.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { IDropdownCustomLabelProps } from '../types';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\n\nconst CustomLabel: React.FC<IDropdownCustomLabelProps> = ({ children }) => {\n    const { toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n    const ref = useRef(null);\n    useKeyboardOpenClose(toggleDropdown, isOpen, ref);\n\n    return (\n        <div onClick={toggleDropdown} ref={ref} tabIndex={0}>\n            {children}\n        </div>\n    );\n};\n\nexport default CustomLabel;\n"],"names":[],"mappings":";;;;IAMM,WAAW,GAAwC,UAAC,EAAY;QAAV,sBAAQ;IAC1D,IAAA,yBAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACI,6BAAK,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,IAC9C,QAAQ,CACP,EACR;AACN;;;;"}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IDropdownHeaderProps } from '../types';
-/**
- * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List
- * @component
- * @example
- * <Dropdown.Header text="Some header" />
- */
-declare const Header: React.FC<IDropdownHeaderProps>;
-export default Header;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { cssDropdownListHead } from '../css_classes.js';
-import cssClasses$1 from '../../../css/heading/main.module.less.js';
-
-/**
- * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List
- * @component
- * @example
- * <Dropdown.Header text="Some header" />
- */
-var Header = function (_a) {
-    var text = _a.text;
-    return (React.createElement("li", null,
-        React.createElement("div", { className: cssClasses[cssDropdownListHead] },
-            React.createElement("span", { className: cssClasses$1['head_line'] }, text))));
-};
-
-export default Header;
-//# sourceMappingURL=header.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"header.js","sources":["../../../../../../src/components/dropdown/components/header.tsx"],"sourcesContent":["import React from 'react';\nimport { IDropdownHeaderProps } from '../types';\nimport { cssDropdownListHead } from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport cssHeadingClasses from '@css/heading/main.module.less';\n\n/**\n * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List\n * @component\n * @example\n * <Dropdown.Header text=\"Some header\" />\n */\nconst Header: React.FC<IDropdownHeaderProps> = ({ text }): JSX.Element => {\n    return (\n        <li>\n            <div className={cssClasses[cssDropdownListHead]}>\n                <span className={cssHeadingClasses['head_line']}>{text}</span>\n            </div>\n        </li>\n    );\n};\n\nexport default Header;\n"],"names":["cssHeadingClasses"],"mappings":";;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAAQ;QAAN,cAAI;IAClD,QACI;QACI,6BAAK,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC;YAC3C,8BAAM,SAAS,EAAEA,YAAiB,CAAC,WAAW,CAAC,IAAG,IAAI,CAAQ,CAC5D,CACL,EACP;AACN;;;;"}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IDropdownItemProps } from '../types';
-/**
- * Dropdown.Item component. Generic dropdown item
- * @component
- * @example
- * <Dropdown.Item> ... </Dropdown.Item>
- */
-declare const Item: React.FC<IDropdownItemProps>;
-export default Item;

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import { useDropdownContext } from '../context/index.js';
-
-/**
- * Dropdown.Item component. Generic dropdown item
- * @component
- * @example
- * <Dropdown.Item> ... </Dropdown.Item>
- */
-var Item = function (_a) {
-    var 
-    /**
-     * children nodes
-     */
-    children = _a.children, 
-    /**
-     * indicates if its selected
-     */
-    isSelected = _a.isSelected, 
-    /**
-     * on click callback
-     */
-    onClick = _a.onClick;
-    var toggleDropdown = useDropdownContext().toggleDropdown;
-    return (React.createElement("li", { role: "option", "aria-selected": isSelected, onClick: function (ev) { return onClick && onClick({ ev: ev, toggleDropdown: toggleDropdown }); } }, children));
-};
-
-export default Item;
-//# sourceMappingURL=item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"item.js","sources":["../../../../../../src/components/dropdown/components/item.tsx"],"sourcesContent":["import React from 'react';\nimport { IDropdownItemProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\n\n/**\n * Dropdown.Item component. Generic dropdown item\n * @component\n * @example\n * <Dropdown.Item> ... </Dropdown.Item>\n */\nconst Item: React.FC<IDropdownItemProps> = ({\n    /**\n     * children nodes\n     */\n    children,\n\n    /**\n     * indicates if its selected\n     */\n    isSelected,\n\n    /**\n     * on click callback\n     */\n    onClick\n}): JSX.Element => {\n    const { toggleDropdown }: IDropdownContext = useDropdownContext();\n\n    return (\n        <li role=\"option\" aria-selected={isSelected} onClick={(ev: React.MouseEvent) => onClick && onClick({ ev, toggleDropdown })}>\n            {children}\n        </li>\n    );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;AAKA;;;;;;IAMM,IAAI,GAAiC,UAAC,EAe3C;;;;;IAXG,sBAAQ;;;;IAKR,0BAAU;;;;IAKV,oBAAO;IAEC,IAAA,oDAAc,CAA4C;IAElE,QACI,4BAAI,IAAI,EAAC,QAAQ,mBAAgB,UAAU,EAAE,OAAO,EAAE,UAAC,EAAoB,IAAK,OAAA,OAAO,IAAI,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,GAAA,IACrH,QAAQ,CACR,EACP;AACN;;;;"}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IDropdownLabelProps } from '../types';
-/**
- * Dropdown.Label component. Use it for togglable element, if You dont need selectable values
- * @component
- * @example
- * <Dropdown.Label label="More options" />
- */
-declare const Label: React.FC<IDropdownLabelProps>;
-export default Label;

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

@@ -1,29 +0,0 @@
-import React, { useRef } from 'react';
-import { useDropdownContext } from '../context/index.js';
-import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
-import { DROPDOWN_TEST_ID } from '../constants.js';
-
-/**
- * Dropdown.Label component. Use it for togglable element, if You dont need selectable values
- * @component
- * @example
- * <Dropdown.Label label="More options" />
- */
-var Label = function (_a) {
-    var 
-    /**
-     * label text
-     */
-    label = _a.label, 
-    /**
-     * Custom className
-     */
-    cssClass = _a.cssClass;
-    var _b = useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = useRef(null);
-    useKeyboardOpenClose(toggleDropdown, isOpen, ref);
-    return (React.createElement("span", { onClick: toggleDropdown, tabIndex: 0, ref: ref, className: cssClass, "data-test-id": DROPDOWN_TEST_ID.label }, label));
-};
-
-export default Label;
-//# sourceMappingURL=label.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"label.js","sources":["../../../../../../src/components/dropdown/components/label.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownLabelProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport { DROPDOWN_TEST_ID } from '@components/dropdown/constants';\n\n/**\n * Dropdown.Label component. Use it for togglable element, if You dont need selectable values\n * @component\n * @example\n * <Dropdown.Label label=\"More options\" />\n */\nconst Label: React.FC<IDropdownLabelProps> = ({\n    /**\n     * label text\n     */\n    label,\n    /**\n     * Custom className\n     */\n    cssClass\n}) => {\n    const { toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n    const ref = useRef(null);\n    useKeyboardOpenClose(toggleDropdown, isOpen, ref);\n\n    return (\n        <span onClick={toggleDropdown} tabIndex={0} ref={ref} className={cssClass} data-test-id={DROPDOWN_TEST_ID.label}>\n            {label}\n        </span>\n    );\n};\n\nexport default Label;\n"],"names":[],"mappings":";;;;;AAOA;;;;;;IAMM,KAAK,GAAkC,UAAC,EAS7C;;;;;IALG,gBAAK;;;;IAIL,sBAAQ;IAEF,IAAA,yBAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACI,8BAAM,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,kBAAgB,gBAAgB,CAAC,KAAK,IAC1G,KAAK,CACH,EACT;AACN;;;;"}

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

@@ -1,12 +0,0 @@
-import { IDropdownLinkProps } from '../types';
-import React from 'react';
-/**
- * Dropdown.Link component. Should be only used within Dropdown.List.
- * @component
- * @example
- * <Dropdown.List isWithGroups={false}>
- *  <Dropdown.Link text="shoper.pl" href="https://shoper.pl" target="_blank" />
- * </Dropdown.List>
- */
-declare const Link: React.FC<IDropdownLinkProps>;
-export default Link;

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

@@ -1,31 +0,0 @@
-import React from 'react';
-import { __rest, __assign } from '../../../../_virtual/_tslib.js';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { cssDropdownListItem } from '../css_classes.js';
-
-/**
- * Dropdown.Link component. Should be only used within Dropdown.List.
- * @component
- * @example
- * <Dropdown.List isWithGroups={false}>
- *  <Dropdown.Link text="shoper.pl" href="https://shoper.pl" target="_blank" />
- * </Dropdown.List>
- */
-var Link = function (_a) {
-    var 
-    /**
-     * link text
-     */
-    text = _a.text, 
-    /**
-     * HTMLLinkElement attributes (href, target, rel)
-     */
-    attributes = __rest(_a, ["text"]);
-    var itemCssClass = cssClasses[cssDropdownListItem] + " " + cssClasses['link'];
-    return (React.createElement("li", null,
-        React.createElement("a", __assign({}, attributes, { className: itemCssClass }),
-            React.createElement("span", null, text))));
-};
-
-export default Link;
-//# sourceMappingURL=link.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"link.js","sources":["../../../../../../src/components/dropdown/components/link.tsx"],"sourcesContent":["import { IDropdownLinkProps } from '../types';\nimport React from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { cssDropdownListItem } from '../css_classes';\n\n/**\n * Dropdown.Link component. Should be only used within Dropdown.List.\n * @component\n * @example\n * <Dropdown.List isWithGroups={false}>\n *  <Dropdown.Link text=\"shoper.pl\" href=\"https://shoper.pl\" target=\"_blank\" />\n * </Dropdown.List>\n */\nconst Link: React.FC<IDropdownLinkProps> = ({\n    /**\n     * link text\n     */\n    text,\n\n    /**\n     * HTMLLinkElement attributes (href, target, rel)\n     */\n    ...attributes\n}): JSX.Element => {\n    const itemCssClass = `${cssClasses[cssDropdownListItem]} ${cssClasses['link']}`;\n\n    return (\n        <li>\n            <a {...attributes} className={itemCssClass}>\n                <span>{text}</span>\n            </a>\n        </li>\n    );\n};\n\nexport default Link;\n"],"names":[],"mappings":";;;;;AAKA;;;;;;;;IAQM,IAAI,GAAiC,UAAC,EAU3C;IANG;;;;IAAA,cAAI;;;;IAKJ,iCAAa;IAEb,IAAM,YAAY,GAAM,UAAU,CAAC,mBAAmB,CAAC,SAAI,UAAU,CAAC,MAAM,CAAG,CAAC;IAEhF,QACI;QACI,sCAAO,UAAU,IAAE,SAAS,EAAE,YAAY;YACtC,kCAAO,IAAI,CAAQ,CACnB,CACH,EACP;AACN;;;;"}

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { IDropdownListProps } from '../types';
-/**
- * Dropdown.List component. Displays list.
- * @component
- * @example
- * <Dropdown.List isWithGroups={false}>
- *  <Dropdown.Item>Test</Dropdown.Item>
- * </Dropdown.List>
- */
-declare const List: React.FC<IDropdownListProps>;
-export default List;

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { cssDropdownList, cssDropdownWithScroll, cssDropdownListWithGroup } from '../css_classes.js';
-
-/**
- * Dropdown.List component. Displays list.
- * @component
- * @example
- * <Dropdown.List isWithGroups={false}>
- *  <Dropdown.Item>Test</Dropdown.Item>
- * </Dropdown.List>
- */
-var List = function (_a) {
-    var _b;
-    var 
-    /**
-     * indicates if list should render with padding to make groups
-     */
-    isWithGroups = _a.isWithGroups, 
-    /**
-     * Children nodes
-     */
-    children = _a.children;
-    var listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], (_b = {},
-        _b[cssClasses[cssDropdownListWithGroup]] = isWithGroups,
-        _b));
-    return (React.createElement("ul", { role: "listbox", className: listClasses }, children));
-};
-
-export default List;
-//# sourceMappingURL=list.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list.js","sources":["../../../../../../src/components/dropdown/components/list.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { IDropdownListProps } from '../types';\nimport { cssDropdownList, cssDropdownWithScroll, cssDropdownListWithGroup } from '../css_classes';\n\n/**\n * Dropdown.List component. Displays list.\n * @component\n * @example\n * <Dropdown.List isWithGroups={false}>\n *  <Dropdown.Item>Test</Dropdown.Item>\n * </Dropdown.List>\n */\nconst List: React.FC<IDropdownListProps> = ({\n    /**\n     * indicates if list should render with padding to make groups\n     */\n    isWithGroups,\n\n    /**\n     * Children nodes\n     */\n    children\n}) => {\n    const listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], {\n        [cssClasses[cssDropdownListWithGroup]]: isWithGroups\n    });\n\n    return (\n        <ul role=\"listbox\" className={listClasses}>\n            {children}\n        </ul>\n    );\n};\n\nexport default List;\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;IAQM,IAAI,GAAiC,UAAC,EAU3C;;;;;;IANG,8BAAY;;;;IAKZ,sBAAQ;IAER,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;QACzF,GAAC,UAAU,CAAC,wBAAwB,CAAC,IAAG,YAAY;YACtD,CAAC;IAEH,QACI,4BAAI,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,WAAW,IACpC,QAAQ,CACR,EACP;AACN;;;;"}

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IDropdownOptionProps } from '../types';
-/**
- * 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)}
- * />
- */
-declare const Option: React.FC<IDropdownOptionProps>;
-export default Option;

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

@@ -1,62 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-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 classnames from 'classnames';
-import ControlCheckbox from '../../controls/hoc/control_checkbox/index.js';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { cssDropdownListItem, cssDropdownListItemSelected, cssDropdownListItemDisabled, cssDropdownListItemReadonly } from '../css_classes.js';
-import Item from './item.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 Input from '../../controls/components/input.js';
-import cssClasses from '../../../css/dropdown/main.module.less.js';
-import { cssDropdownSearch } from '../css_classes.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 { useDropdownContext } from '../context/index.js';
-import cssClasses from '../../../css/dropdown/main.module.less.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/constants.d.ts

@@ -1,6 +0,0 @@
-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/src/components/dropdown/constants.js

@@ -1,11 +0,0 @@
-var DROPDOWN_MAIN_TEST_ID = 'dropdown';
-var DROPDOWN_LABEL_TEST_ID = 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

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/dropdown/constants.ts"],"sourcesContent":["const DROPDOWN_MAIN_TEST_ID = 'dropdown';\nconst DROPDOWN_LABEL_TEST_ID = `${DROPDOWN_MAIN_TEST_ID}__label`;\n\nexport const DROPDOWN_TEST_ID = {\n    dropdown: DROPDOWN_MAIN_TEST_ID,\n    label: DROPDOWN_LABEL_TEST_ID,\n};\n\nexport const DROPDOWN_Z_INDEX = 1200;\nexport const DROPDOWN_ON_MODAL_Z_INDEX = 2200;\n"],"names":[],"mappings":"AAAA,IAAM,qBAAqB,GAAG,UAAU,CAAC;AACzC,IAAM,sBAAsB,GAAM,qBAAqB,YAAS,CAAC;IAEpD,gBAAgB,GAAG;IAC5B,QAAQ,EAAE,qBAAqB;IAC/B,KAAK,EAAE,sBAAsB;EAC/B;IAEW,gBAAgB,GAAG,KAAK;IACxB,yBAAyB,GAAG;;;;"}

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("Dropdown compound components cannot be rendered outside the Dropdown 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(`Dropdown compound components cannot be rendered outside the Dropdown 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,gFAAgF,CAAC,CAAC;KACrG;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;
-}