@dreamcommerce/aurora 2.16.3 → 2.16.5

package/build/esm/packages/aurora/src/components/date_picker/utilities.d.ts

@@ -1,49 +1,49 @@
-/**
- * @return ArrayOf available ranges in rangepicker
- */
-export declare const getRanges: () => {
-    Yesterday: {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last 3 days': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last 7 days': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Current Week': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last Week': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Current Month': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last Month': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Current Quarter': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last Quarter': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Current Year': {
-        startDate: Date;
-        endDate: Date;
-    };
-    'Last Year': {
-        startDate: Date;
-        endDate: Date;
-    };
-};
+/**
+ * @return ArrayOf available ranges in rangepicker
+ */
+export declare const getRanges: () => {
+    Yesterday: {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last 3 days': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last 7 days': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Current Week': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last Week': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Current Month': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last Month': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Current Quarter': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last Quarter': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Current Year': {
+        startDate: Date;
+        endDate: Date;
+    };
+    'Last Year': {
+        startDate: Date;
+        endDate: Date;
+    };
+};

package/build/esm/packages/aurora/src/components/date_picker/utilities.js

@@ -1,5 +1,5 @@
-/**
- * @return ArrayOf available ranges in rangepicker
+/**
+ * @return ArrayOf available ranges in rangepicker
  */
 var getRanges = function getRanges() {
   var currentDate = new Date(Date.now());

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { IDropdownContentProps } from '../types';
-declare const _default: React.FC<IDropdownContentProps>;
-export default _default;
+import React from 'react';
+import { IDropdownContentProps } from '../types';
+declare const _default: React.FC<IDropdownContentProps>;
+export default _default;

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

@@ -1,6 +1,7 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { UiDomUtils } from '@dreamcommerce/utilities';
 import { createPortal } from 'react-dom';
 import classnames from 'classnames';
 import cssClasses$3 from '../../../css/icons/main.module.less.js';
@@ -8,7 +9,6 @@ import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import withTranslation from '../../../utilities/translation/with_translation.js';
-import { UiDomUtils } from '@dreamcommerce/utilities';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { DROPDOWN_Z_INDEX, DROPDOWN_CONTENT_ARROW_HEIGHT, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
 import { jsDropdownContentClass, cssDropdownContent, cssDropdownContentOnTop, cssDropdownContentOnBottom, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
@@ -19,11 +19,11 @@ import IconArrow from '../../../assets/icon_arrow.js';
 import cssClasses$1 from '../../../css/hint/main.module.less.js';
 import cssClasses$2 from '../../../css/tooltip/main.module.less.js';
 
-/**
- * Dropdown.Content component. This togglable part of dropdown.
- * @component
- * @example
- * <Dropdown.Content> ... </Dropdown.Content>
+/**
+ * Dropdown.Content component. This togglable part of dropdown.
+ * @component
+ * @example
+ * <Dropdown.Content> ... </Dropdown.Content>
  */
 
 var Content = function Content(_ref) {

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { IDropdownCustomLabelProps } from '../types';
-declare const CustomLabel: React.FC<IDropdownCustomLabelProps>;
-export default CustomLabel;
+import React from 'react';
+import { IDropdownCustomLabelProps } from '../types';
+declare const CustomLabel: React.FC<IDropdownCustomLabelProps>;
+export default CustomLabel;

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

@@ -1,10 +1,10 @@
-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;
+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/packages/aurora/src/components/dropdown/components/header.js

@@ -3,11 +3,11 @@ import { cssDropdownListHead } from '../css_classes.js';
 import cssClasses from '../../../css/dropdown/main.module.less.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" />
+/**
+ * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List
+ * @component
+ * @example
+ * <Dropdown.Header text="Some header" />
  */
 
 var Header = function Header(_ref) {

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

@@ -1,10 +1,10 @@
-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;
+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/packages/aurora/src/components/dropdown/components/item.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { useDropdownContext } from '../context/index.js';
 
-/**
- * Dropdown.Item component. Generic dropdown item
- * @component
- * @example
- * <Dropdown.Item> ... </Dropdown.Item>
+/**
+ * Dropdown.Item component. Generic dropdown item
+ * @component
+ * @example
+ * <Dropdown.Item> ... </Dropdown.Item>
  */
 
 var Item = function Item(_ref) {

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

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

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

@@ -3,11 +3,11 @@ import { useDropdownContext } from '../context/index.js';
 import { cssDropdownItemWithHover } from '../css_classes.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 
-/**
- * Dropdown.ItemWithHover component. Generic dropdown item with hover state
- * @component
- * @example
- * <Dropdown.ItemWithHover> ... </Dropdown.ItemWithHover>
+/**
+ * Dropdown.ItemWithHover component. Generic dropdown item with hover state
+ * @component
+ * @example
+ * <Dropdown.ItemWithHover> ... </Dropdown.ItemWithHover>
  */
 
 var ItemWithHover = function ItemWithHover(_ref) {

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

@@ -1,10 +1,10 @@
-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;
+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/packages/aurora/src/components/dropdown/components/label.js

@@ -3,11 +3,11 @@ import { useDropdownContext } from '../context/index.js';
 import { DROPDOWN_TEST_ID } from '../constants.js';
 import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
 
-/**
- * Dropdown.Label component. Use it for togglable element, if You dont need selectable values
- * @component
- * @example
- * <Dropdown.Label label="More options" />
+/**
+ * Dropdown.Label component. Use it for togglable element, if You dont need selectable values
+ * @component
+ * @example
+ * <Dropdown.Label label="More options" />
  */
 
 var Label = function Label(_ref) {

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

@@ -1,12 +1,12 @@
-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;
+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/packages/aurora/src/components/dropdown/components/link.js

@@ -1,16 +1,16 @@
 import React from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cssDropdownListItem } from '../css_classes.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 
 var _excluded = ["text"];
-/**
- * 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>
+/**
+ * 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 Link(_ref) {
@@ -18,7 +18,7 @@ var Link = function Link(_ref) {
       attributes = _objectWithoutProperties(_ref, _excluded);
 
   var itemCssClass = "".concat(cssClasses[cssDropdownListItem], " ").concat(cssClasses['link']);
-  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", _extends({}, attributes, {
+  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", _objectSpread2(_objectSpread2({}, attributes), {}, {
     className: itemCssClass
   }), /*#__PURE__*/React.createElement("span", null, text)));
 };

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

@@ -1,12 +1,12 @@
-import { IDropdownListProps } from '../types';
-import React from 'react';
-/**
- * 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;
+import { IDropdownListProps } from '../types';
+import React from 'react';
+/**
+ * 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/packages/aurora/src/components/dropdown/components/list.js

@@ -4,13 +4,13 @@ import classnames from 'classnames';
 import { cssDropdownList, cssDropdownWithScroll, cssDropdownListWithGroup } from '../css_classes.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 
-/**
- * Dropdown.List component. Displays list.
- * @component
- * @example
- * <Dropdown.List isWithGroups={false}>
- *  <Dropdown.Item>Test</Dropdown.Item>
- * </Dropdown.List>
+/**
+ * Dropdown.List component. Displays list.
+ * @component
+ * @example
+ * <Dropdown.List isWithGroups={false}>
+ *  <Dropdown.Item>Test</Dropdown.Item>
+ * </Dropdown.List>
  */
 
 var List = function List(_ref) {

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

@@ -1,22 +1,22 @@
-import { IDropdownOptionProps } from '../types';
-import React from 'react';
-/**
- * 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;
+import { IDropdownOptionProps } from '../types';
+import React from 'react';
+/**
+ * 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/packages/aurora/src/components/dropdown/components/option.js

@@ -5,23 +5,23 @@ import { cssDropdownListItem, cssDropdownListItemReadonly, cssDropdownListItemSe
 import cssClasses from '../../../css/dropdown/main.module.less.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)}
- * />
+/**
+ * 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 Option(_ref) {
@@ -32,8 +32,8 @@ var Option = function Option(_ref) {
       onClick = _ref.onClick;
   var itemClasses = classnames(cssClasses[cssDropdownListItem], _defineProperty(_defineProperty(_defineProperty({}, cssClasses[cssDropdownListItemSelected], isSelected), cssClasses[cssDropdownListItemDisabled], isDisabled), cssClasses[cssDropdownListItemReadonly], isReadonly));
   var additionalInfoClass = classnames(cssClasses[cssDropdownListItemAdditionalInfo]);
-  /**
-   * click handler works only for options that are neither readonly nor disabled
+  /**
+   * click handler works only for options that are neither readonly nor disabled
    */
 
   var clickHandler = isReadonly || isDisabled ? undefined : function () {

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

@@ -1,22 +1,22 @@
-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;
+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/packages/aurora/src/components/dropdown/components/option_multiple.js

@@ -6,23 +6,23 @@ import cssClasses from '../../../css/dropdown/main.module.less.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)}
- * />
+/**
+ * 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 OptionMultiple(_ref) {
@@ -32,8 +32,8 @@ var OptionMultiple = function OptionMultiple(_ref) {
       isDisabled = _ref.isDisabled,
       onClick = _ref.onClick;
   var itemClasses = classnames(cssClasses[cssDropdownListItem], _defineProperty(_defineProperty(_defineProperty({}, cssClasses[cssDropdownListItemSelected], isSelected), cssClasses[cssDropdownListItemDisabled], isDisabled), cssClasses[cssDropdownListItemReadonly], isReadonly));
-  /**
-   * click handler works only for options that are neither readonly nor disabled
+  /**
+   * click handler works only for options that are neither readonly nor disabled
    */
 
   var clickHandler = isReadonly || isDisabled ? undefined : function () {

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

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