@dreamcommerce/aurora 2.4.0-20 → 2.4.0-21

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

@@ -18,7 +18,7 @@ var main_module = require('../../../css/dropdown/main.module.less.js');
 var utilities = require('../utilities.js');
 var use_click_outside = require('../../../hooks/use_click_outside.js');
 var icon_arrow = require('../../../assets/icon_arrow.js');
-var ui_dom_utils = require('../../../../../utilities/build/esm/packages/utilities/src/ui_dom_utils.js');
+var utilities$1 = require('@dreamcommerce/utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -82,7 +82,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
         var _a;
         if (!(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) || !isOpen)
             return;
-        const scrollableParent = (_a = ui_dom_utils.UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _a !== void 0 ? _a : document.body;
+        const scrollableParent = (_a = utilities$1.UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _a !== void 0 ? _a : document.body;
         const handleWindowScroll = () => {
             if (typeof closeDropdown === 'function') {
                 closeDropdown();

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

@@ -87,7 +87,7 @@ onChange, hasCloseIcon }) => {
     /**
      * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
      */
-    const [isOpen, toggleDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
+    const [isOpen, toggleDropdown, openDropdown, closeDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
     /**
      * hook with option list state, and method to change option list
      */
@@ -99,7 +99,7 @@ onChange, hasCloseIcon }) => {
     /**
      * context values, they may be used with useContext in any component which is part of Dropdown composition
      */
-    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
+    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown, openDropdown, closeDropdown }), [isOpen, toggleDropdown, openDropdown, closeDropdown]);
     /**
      * hook which resets options list to default on close if select has search and it was used
      */

package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var file_utils = require('../../../../../utilities/build/esm/packages/utilities/src/file_utils.js');
+var utilities = require('@dreamcommerce/utilities');
 var main_module = require('../../../css/file_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
 var icon_delete = require('../../../assets/icon_delete.js');
@@ -22,8 +22,8 @@ const SelectedFilePreview = ({ file, isPreview, onPreviewError, onFileDelete })
         React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFile] },
             React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFileNameWrapper] },
                 React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileFullName] },
-                    React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileName] }, fileFullName && file_utils.FileUtils.getFileName(fileFullName)),
-                    fileFullName && `.${file_utils.FileUtils.getFileExtension(fileFullName)}`)),
+                    React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].filePickerSelectedFileName] }, fileFullName && utilities.FileUtils.getFileName(fileFullName)),
+                    fileFullName && `.${utilities.FileUtils.getFileExtension(fileFullName)}`)),
             React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFileRemoveWrapper] },
                 React__default['default'].createElement("span", { onClick: onFileDelete, className: main_module['default'][css_classes['default'].filePickerDeleteButton] },
                     React__default['default'].createElement(icon_delete['default'], { className: main_module['default'][css_classes['default'].filePickerDeleteIcon] }),

package/build/cjs/packages/aurora/src/index.js

@@ -41,10 +41,10 @@ var index$w = require('./components/table/index.js');
 var dataTable = require('./components/table/hoc/data-table.js');
 var context = require('./components/flash_messenger/context.js');
 var index$E = require('./components/message-box/index.js');
-var index$x = require('./components/grid/index.js');
 var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
 var index$F = require('./components/flash_messenger/index.js');
 var index$i = require('./components/gallery/index.js');
+var index$x = require('./components/grid/index.js');
 var index$p = require('./components/typography/index.js');
 var index$o = require('./components/heading/index.js');
 var icon_desktop = require('./assets/icon_desktop.js');
@@ -120,10 +120,10 @@ exports.DataTable = dataTable['default'];
 exports.FlashMessengerContext = context.FlashMessengerContext;
 exports.useFlashMessenger = context.useFlashMessenger;
 exports.MessageBox = index$E['default'];
-exports.Grid = index$x['default'];
 exports.FlashMessagesList = flash_messages_list['default'];
 exports.FlashMessenger = index$F['default'];
 exports.Gallery = index$i['default'];
+exports.Grid = index$x['default'];
 exports.Typography = index$p.Typography;
 exports.Heading = index$o['default'];
 exports.IconDesktop = icon_desktop['default'];

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

@@ -14,7 +14,7 @@ import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
 import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import IconArrow from '../../../assets/icon_arrow.js';
-import { UiDomUtils } from '../../../../../utilities/build/esm/packages/utilities/src/ui_dom_utils.js';
+import { UiDomUtils } from '@dreamcommerce/utilities';
 
 /**
  * Dropdown.Content component. This togglable part of dropdown.

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

@@ -79,7 +79,7 @@ onChange, hasCloseIcon }) => {
     /**
      * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
      */
-    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);
+    const [isOpen, toggleDropdown, openDropdown, closeDropdown] = useToggle(defaultIsOpen, onToggle);
     /**
      * hook with option list state, and method to change option list
      */
@@ -91,7 +91,7 @@ onChange, hasCloseIcon }) => {
     /**
      * context values, they may be used with useContext in any component which is part of Dropdown composition
      */
-    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
+    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown, openDropdown, closeDropdown }), [isOpen, toggleDropdown, openDropdown, closeDropdown]);
     /**
      * hook which resets options list to default on close if select has search and it was used
      */

package/build/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
-import { FileUtils } from '../../../../../utilities/build/esm/packages/utilities/src/file_utils.js';
+import { FileUtils } from '@dreamcommerce/utilities';
 import styles from '../../../css/file_picker/main.module.less.js';
 import CSS_CLASSES from '../css_classes.js';
 import IconDelete from '../../../assets/icon_delete.js';

package/build/esm/packages/aurora/src/index.js

@@ -37,10 +37,10 @@ export { default as Table } from './components/table/index.js';
 export { default as DataTable } from './components/table/hoc/data-table.js';
 export { FlashMessengerContext, useFlashMessenger } from './components/flash_messenger/context.js';
 export { default as MessageBox } from './components/message-box/index.js';
-export { default as Grid } from './components/grid/index.js';
 export { default as FlashMessagesList } from './components/flash_messenger/components/flash_messages_list.js';
 export { default as FlashMessenger } from './components/flash_messenger/index.js';
 export { default as Gallery } from './components/gallery/index.js';
+export { default as Grid } from './components/grid/index.js';
 export { Typography } from './components/typography/index.js';
 export { default as Heading } from './components/heading/index.js';
 export { default as IconDesktop } from './assets/icon_desktop.js';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.4.0-20",
+  "version": "2.4.0-21",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",

package/build/cjs/packages/utilities/build/esm/packages/utilities/src/file_utils.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-class FileUtils {
-    static bytesToSize(bytes) {
-        const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
-        if (bytes === 0)
-            return 'n/a';
-        const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)).toString());
-        if (i === 0)
-            return `${bytes} ${sizes[i]}`;
-        return `${(bytes / Math.pow(1024, i)).toFixed(1)} ${sizes[i]}`;
-    }
-    static getFileExtension(filename) {
-        var _a;
-        const filenameParts = filename.split('.').filter((part) => part);
-        return filenameParts.length > 1 ? (_a = filenameParts.pop()) !== null && _a !== void 0 ? _a : '' : '';
-    }
-    static getFileName(filename) {
-        return filename.substring(0, filename.lastIndexOf('.')) || filename;
-    }
-}
-
-exports.FileUtils = FileUtils;
-//# sourceMappingURL=file_utils.js.map

package/build/cjs/packages/utilities/build/esm/packages/utilities/src/file_utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/utilities/build/esm/packages/utilities/src/ui_dom_utils.js

@@ -1,96 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-class UiDomUtils {
-    static show($el) {
-        $el.removeAttribute('hidden');
-    }
-    static hide($el) {
-        $el.setAttribute('hidden', '');
-    }
-    static empty($el) {
-        $el.innerHTML = '';
-    }
-    static makeUnnavigable($el) {
-        $el.setAttribute('tabindex', '-1');
-    }
-    static makeNavigable($el) {
-        $el.setAttribute('tabindex', '0');
-    }
-    static getFocusableSelector() {
-        return ('' +
-            // Namespace problems of [xlink:href] explained in https://stackoverflow.com/a/23047888/515124
-            // svg a[*|href] does not match in IE9, but since we're filtering
-            // through is/focusable we can include all <a> from SVG
-            'svg a,' +
-            // may behave as 'svg, svg *,' in chrome as *every* svg element with a focus event listener is focusable
-            // navigational elements
-            'a[href],' +
-            // validity determined by is/valid-area.js
-            'area[href],' +
-            // validity determined by is/disabled.js
-            'input:not([type="hidden"]), select, textarea, button,' +
-            // browsing context containers
-            'iframe, object, embed,' +
-            // interactive content
-            'keygen,' +
-            // validity determined by is/valid-tabindex.js
-            '[tabindex]:not([tabindex="-1"]),' +
-            // editing hosts
-            '[contenteditable]');
-    }
-    static getFocusableElements($container) {
-        return [...$container.querySelectorAll(this.getFocusableSelector())].filter(($el) => !this._isNotFocusable($el));
-    }
-    static getFocusableElement($container) {
-        return [...$container.querySelectorAll(this.getFocusableSelector())].filter(($el) => !this._isNotFocusable($el))[0];
-    }
-    static _isNotFocusable($el) {
-        const displayValue = getComputedStyle($el).getPropertyValue('display');
-        return !!($el.hasAttribute('disabled') || $el.getAttribute('aria-hidden') || $el.hasAttribute('hidden') || displayValue === 'none');
-    }
-    static isFocusable($element) {
-        return $element.matches(this.getFocusableSelector());
-    }
-    static setFocusToFirstFocusableElementInContainer($container) {
-        var _a;
-        (_a = this.getFocusableElement($container)) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    static getDirectChildren($el, selector) {
-        return selector ? [...$el.children].filter((child) => child.matches(selector)) : [...$el.children];
-    }
-    static getAllClosest($el, selector, elements = []) {
-        if (!$el)
-            return elements;
-        const $closestEl = $el.closest(selector);
-        if ($closestEl)
-            elements.push($closestEl);
-        if (!$closestEl)
-            return elements;
-        return UiDomUtils.getAllClosest($closestEl.parentElement, selector, elements);
-    }
-    static getFirstParentNonStaticElement($el) {
-        let $currentEl = $el.parentElement;
-        while ($currentEl) {
-            if ($currentEl && window.getComputedStyle($currentEl).position !== 'static') {
-                return $currentEl;
-            }
-            $currentEl = $currentEl.parentElement;
-        }
-        return null;
-    }
-    static getFirstScrollableParent($el) {
-        let currentParent = $el.parentElement;
-        while (currentParent) {
-            if (currentParent.scrollHeight > currentParent.clientHeight) {
-                return currentParent;
-            }
-            currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
-        }
-        return null;
-    }
-}
-
-exports.UiDomUtils = UiDomUtils;
-//# sourceMappingURL=ui_dom_utils.js.map

package/build/cjs/packages/utilities/build/esm/packages/utilities/src/ui_dom_utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/utilities/build/esm/packages/utilities/src/file_utils.js

@@ -1,22 +0,0 @@
-class FileUtils {
-    static bytesToSize(bytes) {
-        const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
-        if (bytes === 0)
-            return 'n/a';
-        const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)).toString());
-        if (i === 0)
-            return `${bytes} ${sizes[i]}`;
-        return `${(bytes / Math.pow(1024, i)).toFixed(1)} ${sizes[i]}`;
-    }
-    static getFileExtension(filename) {
-        var _a;
-        const filenameParts = filename.split('.').filter((part) => part);
-        return filenameParts.length > 1 ? (_a = filenameParts.pop()) !== null && _a !== void 0 ? _a : '' : '';
-    }
-    static getFileName(filename) {
-        return filename.substring(0, filename.lastIndexOf('.')) || filename;
-    }
-}
-
-export { FileUtils };
-//# sourceMappingURL=file_utils.js.map

package/build/esm/packages/utilities/build/esm/packages/utilities/src/file_utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/utilities/build/esm/packages/utilities/src/ui_dom_utils.js

@@ -1,92 +0,0 @@
-class UiDomUtils {
-    static show($el) {
-        $el.removeAttribute('hidden');
-    }
-    static hide($el) {
-        $el.setAttribute('hidden', '');
-    }
-    static empty($el) {
-        $el.innerHTML = '';
-    }
-    static makeUnnavigable($el) {
-        $el.setAttribute('tabindex', '-1');
-    }
-    static makeNavigable($el) {
-        $el.setAttribute('tabindex', '0');
-    }
-    static getFocusableSelector() {
-        return ('' +
-            // Namespace problems of [xlink:href] explained in https://stackoverflow.com/a/23047888/515124
-            // svg a[*|href] does not match in IE9, but since we're filtering
-            // through is/focusable we can include all <a> from SVG
-            'svg a,' +
-            // may behave as 'svg, svg *,' in chrome as *every* svg element with a focus event listener is focusable
-            // navigational elements
-            'a[href],' +
-            // validity determined by is/valid-area.js
-            'area[href],' +
-            // validity determined by is/disabled.js
-            'input:not([type="hidden"]), select, textarea, button,' +
-            // browsing context containers
-            'iframe, object, embed,' +
-            // interactive content
-            'keygen,' +
-            // validity determined by is/valid-tabindex.js
-            '[tabindex]:not([tabindex="-1"]),' +
-            // editing hosts
-            '[contenteditable]');
-    }
-    static getFocusableElements($container) {
-        return [...$container.querySelectorAll(this.getFocusableSelector())].filter(($el) => !this._isNotFocusable($el));
-    }
-    static getFocusableElement($container) {
-        return [...$container.querySelectorAll(this.getFocusableSelector())].filter(($el) => !this._isNotFocusable($el))[0];
-    }
-    static _isNotFocusable($el) {
-        const displayValue = getComputedStyle($el).getPropertyValue('display');
-        return !!($el.hasAttribute('disabled') || $el.getAttribute('aria-hidden') || $el.hasAttribute('hidden') || displayValue === 'none');
-    }
-    static isFocusable($element) {
-        return $element.matches(this.getFocusableSelector());
-    }
-    static setFocusToFirstFocusableElementInContainer($container) {
-        var _a;
-        (_a = this.getFocusableElement($container)) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    static getDirectChildren($el, selector) {
-        return selector ? [...$el.children].filter((child) => child.matches(selector)) : [...$el.children];
-    }
-    static getAllClosest($el, selector, elements = []) {
-        if (!$el)
-            return elements;
-        const $closestEl = $el.closest(selector);
-        if ($closestEl)
-            elements.push($closestEl);
-        if (!$closestEl)
-            return elements;
-        return UiDomUtils.getAllClosest($closestEl.parentElement, selector, elements);
-    }
-    static getFirstParentNonStaticElement($el) {
-        let $currentEl = $el.parentElement;
-        while ($currentEl) {
-            if ($currentEl && window.getComputedStyle($currentEl).position !== 'static') {
-                return $currentEl;
-            }
-            $currentEl = $currentEl.parentElement;
-        }
-        return null;
-    }
-    static getFirstScrollableParent($el) {
-        let currentParent = $el.parentElement;
-        while (currentParent) {
-            if (currentParent.scrollHeight > currentParent.clientHeight) {
-                return currentParent;
-            }
-            currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
-        }
-        return null;
-    }
-}
-
-export { UiDomUtils };
-//# sourceMappingURL=ui_dom_utils.js.map

package/build/esm/packages/utilities/build/esm/packages/utilities/src/ui_dom_utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}