@dreamcommerce/aurora 2.16.1-67 → 2.16.2

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js

@@ -3,84 +3,69 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 
-/**
- * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
- * selected/unselected You can use is for multiselect or any other form of control which needs multiple selectable
- * values
- * @param {React.RefObject<HTMLElement>} wrapperRef
- * @param {Array<ISelectOption>} options
- * @param {Array<string>} defaultValues
- * @param {Function} onChangeCb
- *
- * @fires dropdown:change
- *
- * @returns {Array} Tuple - selected values and state setter for them
- */
-function useValues(wrapperRef, options, defaultValues, onChangeCb) {
-  var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) {
-    return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0;
-  });
-
-  var _useState = React.useState(defaultSelectedOptions),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      selectedValues = _useState2[0],
-      setSelectedValue = _useState2[1];
-  /**
-   * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for
-   * not only react projects
-   * @param {ISelectOption} selectedOption choosen option
-   */
-
-
-  var setSelectedValues = React.useCallback(function (selectedOption) {
-    if (!selectedOption) {
-      setSelectedValue([]);
-      return;
-    }
-
-    setSelectedValue(function (previousSelectedOptions) {
-      var allSelectedOptions;
-      var isChecked;
-
-      if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
-        allSelectedOptions = previousSelectedOptions.filter(function (option) {
-          return option.value !== selectedOption.value;
-        });
-        isChecked = false;
-      } else {
-        allSelectedOptions = [].concat(_rollupPluginBabelHelpers.toConsumableArray(previousSelectedOptions), [selectedOption]);
-        isChecked = true;
-      }
-
-      if (typeof onChangeCb === 'function') {
-        var _wrapperRef$current;
-
-        onChangeCb(selectedOption, isChecked, allSelectedOptions);
-        var event = new CustomEvent('dropdown:change', {
-          detail: {
-            selectedOption: selectedOption,
-            isChecked: isChecked,
-            allSelectedOptions: allSelectedOptions
-          }
-        });
-        (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.dispatchEvent(event);
-      }
-
-      return allSelectedOptions;
-    });
-  }, [onChangeCb, wrapperRef]);
-  return [selectedValues, setSelectedValues];
-}
-/**
- * dropdown:change event
- *
- * @event dropdown:change
- * @type {object}
- * @property {ISelectOption} selectedOption selected option
- * @property {boolean} isChecked indicates whether the current option is selected
- * @property {Array<ISelectOption>} allSelectedOptions array of all selected options
+/**
+ * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
+ * selected/unselected You can use is for multiselect or any other form of control which needs multiple selectable
+ * values
+ * @param {React.RefObject<HTMLElement>} wrapperRef
+ * @param {Array<ISelectOption>} options
+ * @param {Array<string>} defaultValues
+ * @param {Function} onChangeCb
+ *
+ * @fires dropdown:change
+ *
+ * @returns {Array} Tuple - selected values and state setter for them
+ */
+function useValues(wrapperRef, options, defaultValues, onChangeCb) {
+    const defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter((option) => defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0);
+    const [selectedValues, setSelectedValue] = React.useState(defaultSelectedOptions);
+    /**
+     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for
+     * not only react projects
+     * @param {ISelectOption} selectedOption choosen option
+     */
+    const setSelectedValues = React.useCallback((selectedOption) => {
+        if (!selectedOption) {
+            setSelectedValue([]);
+            return;
+        }
+        setSelectedValue((previousSelectedOptions) => {
+            var _a;
+            let allSelectedOptions;
+            let isChecked;
+            if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
+                allSelectedOptions = previousSelectedOptions.filter((option) => option.value !== selectedOption.value);
+                isChecked = false;
+            }
+            else {
+                allSelectedOptions = [...previousSelectedOptions, selectedOption];
+                isChecked = true;
+            }
+            if (typeof onChangeCb === 'function') {
+                onChangeCb(selectedOption, isChecked, allSelectedOptions);
+                const event = new CustomEvent('dropdown:change', {
+                    detail: {
+                        selectedOption,
+                        isChecked,
+                        allSelectedOptions
+                    }
+                });
+                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
+            }
+            return allSelectedOptions;
+        });
+    }, [onChangeCb, wrapperRef]);
+    return [selectedValues, setSelectedValues];
+}
+/**
+ * dropdown:change event
+ *
+ * @event dropdown:change
+ * @type {object}
+ * @property {ISelectOption} selectedOption selected option
+ * @property {boolean} isChecked indicates whether the current option is selected
+ * @property {Array<ISelectOption>} allSelectedOptions array of all selected options
  */
 
 exports.useValues = useValues;

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('./context/index.js');
 var main_module = require('../../css/dropdown/main.module.less.js');
 var content = require('./components/content.js');
@@ -24,72 +23,46 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
- * selects, multiselects or dropdowns.
- *
- * @component
- * @example
- * return (
- *  <Dropdown>
- *      <Dropdown.Label label="Wybierz link" />
- *      <Dropdown.Content>
- *          <Dropdown.List>
- *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
- *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
- *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
- *          </Dropdown.List>
- *      </Dropdown.Content>
- *  <Dropdown>
- * )
- */
-
-var Dropdown = function Dropdown(_ref) {
-  var _ref$defaultIsOpen = _ref.defaultIsOpen,
-      defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
-      onToggle = _ref.onToggle,
-      children = _ref.children;
-  var wrapperRef = React.useRef(null);
-
-  var _useToggle = use_toggle.useToggle(defaultIsOpen, onToggle),
-      _useToggle2 = _rollupPluginBabelHelpers.slicedToArray(_useToggle, 4),
-      isOpen = _useToggle2[0],
-      toggleDropdown = _useToggle2[1],
-      openDropdown = _useToggle2[2],
-      closeDropdown = _useToggle2[3];
-  /**
-   * context values, they may be used with useContext in any component which is part of Dropdown composition
-   */
-
-
-  var value = React__default['default'].useMemo(function () {
-    return {
-      wrapperRef: wrapperRef,
-      isOpen: isOpen,
-      toggleDropdown: toggleDropdown,
-      openDropdown: openDropdown,
-      closeDropdown: closeDropdown
-    };
-  }, [isOpen, toggleDropdown, openDropdown, closeDropdown]);
-  return /*#__PURE__*/React__default['default'].createElement(index.DropdownContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    ref: wrapperRef,
-    className: main_module['default'].dropdown
-  }, children));
-};
-
-Dropdown.Select = select['default'];
-Dropdown.Content = content['default'];
-Dropdown.ItemWithHover = item_with_hover['default'];
-Dropdown.Search = search['default'];
-Dropdown.List = list['default'];
-Dropdown.Header = header['default'];
-Dropdown.Option = option['default'];
-Dropdown.OptionMultiple = option_multiple['default'];
-Dropdown.Link = link['default'];
-Dropdown.Label = label['default'];
-Dropdown.CustomLabel = custom_label['default'];
+/**
+ * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
+ * selects, multiselects or dropdowns.
+ *
+ * @component
+ * @example
+ * return (
+ *  <Dropdown>
+ *      <Dropdown.Label label="Wybierz link" />
+ *      <Dropdown.Content>
+ *          <Dropdown.List>
+ *              <Dropdown.Link text="shoper.pl" href="https://shoper.pl" />
+ *              <Dropdown.Link text="forum.shoper.pl" href="https://forum.shoper.pl" />
+ *              <Dropdown.Link text="shoper.pl/help" href="https://shoper.pl/help" />
+ *          </Dropdown.List>
+ *      </Dropdown.Content>
+ *  <Dropdown>
+ * )
+ */
+const Dropdown = ({ defaultIsOpen = false, onToggle, children }) => {
+    const wrapperRef = React.useRef(null);
+    const [isOpen, toggleDropdown, openDropdown, closeDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
+    /**
+     * 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, openDropdown, closeDropdown }), [isOpen, toggleDropdown, openDropdown, closeDropdown]);
+    return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
+        React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'].dropdown }, children)));
+};
+Dropdown.Select = select['default'];
+Dropdown.Content = content['default'];
+Dropdown.ItemWithHover = item_with_hover['default'];
+Dropdown.Search = search['default'];
+Dropdown.List = list['default'];
+Dropdown.Header = header['default'];
+Dropdown.Option = option['default'];
+Dropdown.OptionMultiple = option_multiple['default'];
+Dropdown.Link = link['default'];
+Dropdown.Label = label['default'];
+Dropdown.CustomLabel = custom_label['default'];
 Dropdown.Item = item['default'];
 
 exports.default = Dropdown;

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

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

@@ -2,109 +2,88 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('react');
 var main_module$1 = require('../../css/modal/main.module.less.js');
 var css_classes = require('./css_classes.js');
 var main_module = require('../../css/dropdown/main.module.less.js');
 var fuzzy_search = require('../../utilities/fuzzy_search/fuzzy_search.js');
 
-/**
- * checks if the given option is selected within array of selectedValues array
- * @param {ISelectOption} option select/multiselect option
- * @param {Array<ISelectOption>} selectedValues array of selected values
- * @returns {Boolean}
- */
-
-var isSelected = function isSelected(option, selectedValues) {
-  return selectedValues.indexOf(option) >= 0;
-};
-/**
- * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do
- * selectedValues array, closes dropdown if defaultCloseOnClick is true
- * @param {ISelectOption} option - option that was clicked
- * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
- * @param {Function} setSelectedValues - selected values state setter
- * @param {Function} toggleDropdown - method which toggles dropdown
- */
-
-var handleItemClick = function handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) {
-  setSelectedValues(option);
-
-  if (defaultCloseOnClick === true) {
-    toggleDropdown();
-  }
-};
-/**
- * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with
- * filtered results
- * @param {React.KeyboardEvent} ev react keyboard event
- * @param {Array<ISelectOption>} options list of dropdown options to filter
- * @param {Function} setOptionsList method to set new state of options list
- * @returns {void} nothing
- */
-
-var handleSearchKeyUp = function handleSearchKeyUp(ev, options, setOptionsList) {
-  var $input = ev.target;
-  var searchQuery = $input.value;
-  var filteredOptions = fuzzy_search.fuzzySearch(searchQuery, options, 'text');
-  setOptionsList(function () {
-    return filteredOptions;
-  });
-};
-var getXYModifiersForNestedDropdowns = function getXYModifiersForNestedDropdowns(portalContainer) {
-  var xModifier = 0;
-  var yModifier = 0;
-
-  if (portalContainer) {
-    var $parentDropdownContent = portalContainer.closest(".".concat(main_module['default'][css_classes.cssDropdownContent]));
-
-    if ($parentDropdownContent) {
-      var _$parentDropdownConte2 = $parentDropdownContent.getBoundingClientRect(),
-          portalX = _$parentDropdownConte2.x,
-          portalY = _$parentDropdownConte2.y;
-
-      xModifier = portalX;
-      yModifier = portalY;
-    }
-  }
-
-  return {
-    xModifier: xModifier,
-    yModifier: yModifier
-  };
-};
-var isChildOfModal = function isChildOfModal(ref) {
-  var _ref$current;
-
-  var currentParent = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.parentElement;
-
-  while (currentParent) {
-    var _currentParent;
-
-    if (currentParent.classList.contains(main_module$1['default']['modal-window'])) {
-      return true;
-    }
-
-    currentParent = (_currentParent = currentParent) === null || _currentParent === void 0 ? void 0 : _currentParent.parentElement;
-  }
-
-  return false;
-};
-var getBounding = function getBounding(element) {
-  return element.getBoundingClientRect();
-};
-var filterOptionDuplicatesByProperty = function filterOptionDuplicatesByProperty(options, property) {
-  var uniqueProperties = [];
-  var filteredOptions = options.filter(function (option) {
-    var isDuplicate = uniqueProperties.includes(option[property]);
-
-    if (!isDuplicate) {
-      uniqueProperties.push(option[property]);
-      return true;
-    }
-
-    return false;
-  });
-  return filteredOptions;
+/**
+ * checks if the given option is selected within array of selectedValues array
+ * @param {ISelectOption} option select/multiselect option
+ * @param {Array<ISelectOption>} selectedValues array of selected values
+ * @returns {Boolean}
+ */
+const isSelected = (option, selectedValues) => selectedValues.indexOf(option) >= 0;
+/**
+ * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do
+ * selectedValues array, closes dropdown if defaultCloseOnClick is true
+ * @param {ISelectOption} option - option that was clicked
+ * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
+ * @param {Function} setSelectedValues - selected values state setter
+ * @param {Function} toggleDropdown - method which toggles dropdown
+ */
+const handleItemClick = (option, defaultCloseOnClick, setSelectedValues, toggleDropdown) => {
+    setSelectedValues(option);
+    if (defaultCloseOnClick === true) {
+        toggleDropdown();
+    }
+};
+/**
+ * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with
+ * filtered results
+ * @param {React.KeyboardEvent} ev react keyboard event
+ * @param {Array<ISelectOption>} options list of dropdown options to filter
+ * @param {Function} setOptionsList method to set new state of options list
+ * @returns {void} nothing
+ */
+const handleSearchKeyUp = (ev, options, setOptionsList) => {
+    const $input = ev.target;
+    const searchQuery = $input.value;
+    const filteredOptions = fuzzy_search.fuzzySearch(searchQuery, options, 'text');
+    setOptionsList(() => filteredOptions);
+};
+const getXYModifiersForNestedDropdowns = (portalContainer) => {
+    let xModifier = 0;
+    let yModifier = 0;
+    if (portalContainer) {
+        const $parentDropdownContent = portalContainer.closest(`.${main_module['default'][css_classes.cssDropdownContent]}`);
+        if ($parentDropdownContent) {
+            const { x: portalX, y: portalY } = $parentDropdownContent.getBoundingClientRect();
+            xModifier = portalX;
+            yModifier = portalY;
+        }
+    }
+    return {
+        xModifier,
+        yModifier
+    };
+};
+const isChildOfModal = (ref) => {
+    var _a;
+    let currentParent = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+    while (currentParent) {
+        if (currentParent.classList.contains(main_module$1['default']['modal-window'])) {
+            return true;
+        }
+        currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
+    }
+    return false;
+};
+const getBounding = (element) => {
+    return element.getBoundingClientRect();
+};
+const filterOptionDuplicatesByProperty = (options, property) => {
+    const uniqueProperties = [];
+    const filteredOptions = options.filter((option) => {
+        const isDuplicate = uniqueProperties.includes(option[property]);
+        if (!isDuplicate) {
+            uniqueProperties.push(option[property]);
+            return true;
+        }
+        return false;
+    });
+    return filteredOptions;
 };
 
 exports.filterOptionDuplicatesByProperty = filterOptionDuplicatesByProperty;

package/build/cjs/packages/aurora/src/components/dropdown/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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/cjs/packages/aurora/src/components/file_picker/components/file_input.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var reactJss_esm = require('../../../../../../external/react-jss/dist/react-jss.esm.js');
 var with_translation = require('../../../utilities/translation/with_translation.js');
 var css_classes = require('../css_classes.js');
@@ -15,61 +14,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var useStyles = reactJss_esm.createUseStyles({
-  filePicker: {
-    borderColor: function borderColor(_ref) {
-      var isDragOver = _ref.isDragOver;
-      return isDragOver ? '#ffffff' : '#6fb9f7';
-    },
-    backgroundColor: function backgroundColor(_ref2) {
-      var isDragOver = _ref2.isDragOver;
-      return isDragOver ? '#6fb9f7' : '#ffffff';
-    },
-    '& *': {
-      color: function color(_ref3) {
-        var isDragOver = _ref3.isDragOver;
-        return isDragOver ? '#ffffff' : '#6fb9f7';
-      },
-      // @ts-ignore
-      fill: function fill(_ref4) {
-        var isDragOver = _ref4.isDragOver;
-        return isDragOver ? '#ffffff' : '#6fb9f7';
-      }
-    }
-  }
-});
-
-var FileInput = function FileInput(_ref5) {
-  var id = _ref5.id,
-      onDropFile = _ref5.onDropFile,
-      onDragOver = _ref5.onDragOver,
-      onDragLeave = _ref5.onDragLeave,
-      allowedExtensions = _ref5.allowedExtensions,
-      isDragOver = _ref5.isDragOver;
-
-  var _useTranslation = useTranslation.useTranslation(),
-      _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
-      t = _useTranslation2[0];
-
-  var classes = useStyles({
-    isDragOver: isDragOver
-  });
-  return /*#__PURE__*/React__default['default'].createElement("label", {
-    htmlFor: id,
-    onDrop: onDropFile,
-    onDragOver: onDragOver,
-    onDragLeave: onDragLeave
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "".concat(main_module['default'][css_classes['default'].filePicker], " ").concat(classes.filePicker)
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: main_module['default'][css_classes['default'].filePickerSelectedImage]
-  }, /*#__PURE__*/React__default['default'].createElement(icon_upload['default'], {
-    className: main_module['default'][css_classes['default'].filePickerUploadIcon]
-  })), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: main_module['default'][css_classes['default'].filePickerDescription]
-  }, t('Drag file or select'), " (", t('format'), " ", allowedExtensions.join(', '), ")")));
-};
-
+const useStyles = reactJss_esm.createUseStyles({
+    filePicker: {
+        borderColor: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),
+        backgroundColor: ({ isDragOver }) => (isDragOver ? '#6fb9f7' : '#ffffff'),
+        '& *': {
+            color: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),
+            // @ts-ignore
+            fill: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7')
+        }
+    }
+});
+const FileInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
+    const [t] = useTranslation.useTranslation();
+    const classes = useStyles({ isDragOver });
+    return (React__default['default'].createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave },
+        React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].filePicker]} ${classes.filePicker}` },
+            React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedImage] },
+                React__default['default'].createElement(icon_upload['default'], { className: main_module['default'][css_classes['default'].filePickerUploadIcon] })),
+            React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerDescription] },
+                t('Drag file or select'),
+                " (",
+                t('format'),
+                " ",
+                allowedExtensions.join(', '),
+                ")"))));
+};
 var FileInput$1 = with_translation['default'](FileInput);
 
 exports.default = FileInput$1;

package/build/cjs/packages/aurora/src/components/file_picker/components/file_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG,2BAA2B,4DAAgE;AAC3F;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;"}