@dreamcommerce/aurora 3.0.0-259 → 3.0.0-260

package/build/cjs/packages/aurora/src/components/select/components/select_content.js

@@ -83,7 +83,7 @@ var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (
     className: "aurora-p-2"
   }, innerAdditionalContent)), /*#__PURE__*/React__default['default'].createElement(index.Scrollbar, {
     orientation: "vertical",
-    className: cn.cn('aurora-w-2 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-py-1 aurora-pr-[2px] aurora-transition-opacity aurora-duration-200 aurora-opacity-0 group-hover:aurora-opacity-75', _rollupPluginBabelHelpers.defineProperty({}, 'aurora-pt-16', hasSearch))
+    className: cn.cn('aurora-w-2 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-py-1 aurora-pr-[2px] aurora-transition-opacity aurora-duration-200 aurora-opacity-0 group-hover:aurora-opacity-75')
   }, /*#__PURE__*/React__default['default'].createElement(index.Thumb, {
     className: "aurora-bg-neutral-700 aurora-rounded-full"
   })))));

package/build/cjs/packages/aurora/src/components/select/components/select_item.js

@@ -21,7 +21,7 @@ var SelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_re
     additionalInfo = _ref.additionalInfo,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-    className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-sm aurora-outline-none aurora-break-words aurora-text-wrap active:aurora-bg-active focus:aurora-bg-hover focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
+    className: cn.cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-bg-hover focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
       'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
     }, className),
     style: {

package/build/cjs/packages/aurora/src/components/select/components/select_search.js

@@ -6,47 +6,22 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var input = require('../../input/input.js');
 var search_icon = require('../../../assets/icons/search_icon.js');
-var index = require('../../../../../../external/fast-equals/dist/esm/index.mjs.js');
+var use_prevent_search_blur = require('../hooks/use_prevent_search_blur.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["options"];
-var BLUR_GUARD_TIMEOUT = 100;
 var SelectSearch = function SelectSearch(_ref) {
   var options = _ref.options,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var inputRef = React.useRef(null);
-  // SHOPSVE-1360 (bardzo slaby hack)
-  // Radix w momencie usuniecia z dom aktualnie wybranego itemu przenosi focus na body
-  var blurGuardRef = React.useRef(false);
-  var handleBlur = function handleBlur() {
-    var _inputRef$current;
-    if (!blurGuardRef.current) return;
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-  };
-  var optionsRef = React.useRef();
-  var timeoutRef = React.useRef();
-  // Uzycie useLayoutEffect ze wzgledu na to ze itemy na liscie moga sie zmienic po dluzszym czasie po wpisaniu w search
-  // np. moga byc wczytane z serwera
-  // Wiec nie mozemy sie podpiac pod onKeyDown i wtedy ustawiac timeout
-  React.useLayoutEffect(function () {
-    if (optionsRef.current === undefined) {
-      optionsRef.current = options;
-      return;
-    }
-    if (!index.deepEqual(optionsRef.current, options)) {
-      optionsRef.current = options;
-      blurGuardRef.current = true;
-      timeoutRef.current = setTimeout(function () {
-        blurGuardRef.current = false;
-      }, BLUR_GUARD_TIMEOUT);
-    }
-    return function () {
-      return timeoutRef.current && clearTimeout(timeoutRef.current);
-    };
-  }, [options]);
+  var _usePreventSearchBlur = use_prevent_search_blur.usePreventSearchBlur({
+      options: options,
+      inputRef: inputRef
+    }),
+    handleBlur = _usePreventSearchBlur.handleBlur;
   return /*#__PURE__*/React__default['default'].createElement(input.Input, _rollupPluginBabelHelpers.objectSpread2({
     ref: inputRef,
     type: "text",

package/build/cjs/packages/aurora/src/components/select/components/select_search.js.map

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

package/build/cjs/packages/aurora/src/components/select/hooks/use_prevent_search_blur.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../../../../../../external/fast-equals/dist/esm/index.mjs.js');
+
+var BLUR_GUARD_TIMEOUT = 100;
+var usePreventSearchBlur = function usePreventSearchBlur(_ref) {
+  var options = _ref.options,
+    inputRef = _ref.inputRef;
+  // SHOPSVE-1360 (bardzo slaby hack)
+  // Radix w momencie usuniecia z dom aktualnie wybranego itemu przenosi focus na body
+  var blurGuardRef = React.useRef(false);
+  var handleBlur = React.useCallback(function () {
+    var _inputRef$current;
+    if (!blurGuardRef.current) return;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+  }, [inputRef]);
+  var optionsRef = React.useRef();
+  var timeoutRef = React.useRef();
+  // Uzycie useLayoutEffect ze wzgledu na to ze itemy na liscie moga sie zmienic po dluzszym czasie po wpisaniu w search
+  // np. moga byc wczytane z serwera
+  // Wiec nie mozemy sie podpiac pod onKeyDown i wtedy ustawiac timeout
+  React.useLayoutEffect(function () {
+    if (optionsRef.current === undefined) {
+      optionsRef.current = options;
+      return;
+    }
+    if (!index.deepEqual(optionsRef.current, options)) {
+      optionsRef.current = options;
+      blurGuardRef.current = true;
+      timeoutRef.current = setTimeout(function () {
+        blurGuardRef.current = false;
+      }, BLUR_GUARD_TIMEOUT);
+    }
+    return function () {
+      return timeoutRef.current && clearTimeout(timeoutRef.current);
+    };
+  }, [options]);
+  return React.useMemo(function () {
+    return {
+      handleBlur: handleBlur
+    };
+  }, [handleBlur]);
+};
+
+exports.usePreventSearchBlur = usePreventSearchBlur;
+//# sourceMappingURL=use_prevent_search_blur.js.map

package/build/cjs/packages/aurora/src/components/select/hooks/use_prevent_search_blur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,oBAAoB,8DAAkE;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/select/hooks/use_select_value.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var select_utils = require('../select_utils.js');
+
+var useSelectValue = function useSelectValue(_ref) {
+  var value = _ref.value,
+    options = _ref.options;
+  // Przechowanie aktualnie wybranej opcji w razie jakby przy wyszukiwaniu aktualna opcja zniknela z listy options
+  var _useState = React.useState(function () {
+      return select_utils.SelectUtils.findValueInOptions(value, options);
+    }),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    selectedOption = _useState2[0],
+    _setSelectedOption = _useState2[1];
+  var selectedOptionRef = React.useRef(selectedOption);
+  var setSelectedOption = React.useCallback(function (option) {
+    selectedOptionRef.current = option;
+    _setSelectedOption(option);
+  }, []);
+  React.useEffect(function () {
+    var _selectedOptionRef$cu;
+    if (value === ((_selectedOptionRef$cu = selectedOptionRef.current) === null || _selectedOptionRef$cu === void 0 ? void 0 : _selectedOptionRef$cu.value)) return;
+    var option = select_utils.SelectUtils.findValueInOptions(value, options);
+    setSelectedOption(option);
+  }, [options, setSelectedOption, value]);
+  return React.useMemo(function () {
+    return {
+      selectedOption: selectedOption,
+      setSelectedOption: setSelectedOption
+    };
+  }, [selectedOption, setSelectedOption]);
+};
+
+exports.useSelectValue = useSelectValue;
+//# sourceMappingURL=use_select_value.js.map

package/build/cjs/packages/aurora/src/components/select/hooks/use_select_value.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/select/select.js

@@ -9,12 +9,13 @@ var SelectPrimitive = require('@radix-ui/react-select');
 var close_circle_fill_icon = require('../../assets/icons/close_circle_fill_icon.js');
 var select_content = require('./components/select_content.js');
 var select_trigger = require('./components/select_trigger.js');
+var use_select_value = require('./hooks/use_select_value.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose"];
+var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose", "hasError"];
 var Select = function Select(_ref) {
   var _selectedOption$value;
   var children = _ref.children,
@@ -34,18 +35,18 @@ var Select = function Select(_ref) {
     onScroll = _ref.onScroll,
     onSearch = _ref.onSearch,
     onClose = _ref.onClose,
+    hasError = _ref.hasError,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  // Przechowanie aktualnie wybranej opcji w razie jakby przy wyszukiwaniu aktualna opcja zniknela z listy options
-  var _useState = React.useState(value ? options.find(function (opt) {
-      return opt.value === value;
-    }) : undefined),
+  var _useSelectValue = use_select_value.useSelectValue({
+      value: value,
+      options: options
+    }),
+    selectedOption = _useSelectValue.selectedOption,
+    setSelectedOption = _useSelectValue.setSelectedOption;
+  var _useState = React.useState(''),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    selectedOption = _useState2[0],
-    setSelectedOption = _useState2[1];
-  var _useState3 = React.useState(''),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    search = _useState4[0],
-    setSearch = _useState4[1];
+    search = _useState2[0],
+    setSearch = _useState2[1];
   var handleSearch = function handleSearch(str) {
     setSearch(str);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(str);
@@ -72,7 +73,7 @@ var Select = function Select(_ref) {
     className: "aurora-relative aurora-flex aurora-items-center aurora-flex-col"
   }, /*#__PURE__*/React__default['default'].createElement(select_trigger.SelectTrigger, {
     id: id,
-    hasError: !!(errors !== null && errors !== void 0 && errors.length),
+    hasError: hasError || !!(errors !== null && errors !== void 0 && errors.length),
     clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React__default['default'].createElement("div", {
       onPointerDown: function onPointerDown(e) {
         return e.stopPropagation();
@@ -95,10 +96,7 @@ var Select = function Select(_ref) {
     onSearch: handleSearch,
     onScroll: onScroll,
     enableLocalSearch: enableLocalSearch,
-    localSearchNotFoundContent: localSearchNotFoundContent,
-    onCloseAutoFocus: function onCloseAutoFocus(e) {
-      return e.preventDefault();
-    }
+    localSearchNotFoundContent: localSearchNotFoundContent
   }));
 };
 Select.displayName = SelectPrimitive.Root.displayName;

package/build/cjs/packages/aurora/src/components/select/select.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/select/select_utils.js

@@ -28,6 +28,12 @@ _rollupPluginBabelHelpers.defineProperty(SelectUtils, "localSearchIsHeaderVisibl
   }
   return visible;
 });
+_rollupPluginBabelHelpers.defineProperty(SelectUtils, "findValueInOptions", function (value, options) {
+  if (!value) return undefined;
+  return options.find(function (opt) {
+    return opt.value === value;
+  });
+});
 
 exports.SelectUtils = SelectUtils;
 //# sourceMappingURL=select_utils.js.map

package/build/cjs/packages/aurora/src/components/select/select_utils.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/select/components/select_content.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Portal, Content, Viewport as Viewport$1 } from '@radix-ui/react-select';
 import { Root, Viewport, Scrollbar, Thumb } from '../../../../../../external/@radix-ui/react-scroll-area/dist/index.mjs.js';
@@ -75,7 +75,7 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "aurora-p-2"
   }, innerAdditionalContent)), /*#__PURE__*/React.createElement(Scrollbar, {
     orientation: "vertical",
-    className: cn('aurora-w-2 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-py-1 aurora-pr-[2px] aurora-transition-opacity aurora-duration-200 aurora-opacity-0 group-hover:aurora-opacity-75', _defineProperty({}, 'aurora-pt-16', hasSearch))
+    className: cn('aurora-w-2 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-py-1 aurora-pr-[2px] aurora-transition-opacity aurora-duration-200 aurora-opacity-0 group-hover:aurora-opacity-75')
   }, /*#__PURE__*/React.createElement(Thumb, {
     className: "aurora-bg-neutral-700 aurora-rounded-full"
   })))));

package/build/esm/packages/aurora/src/components/select/components/select_item.js

@@ -13,7 +13,7 @@ var SelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     additionalInfo = _ref.additionalInfo,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Item, _objectSpread2(_objectSpread2({
-    className: cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-sm aurora-outline-none aurora-break-words aurora-text-wrap active:aurora-bg-active focus:aurora-bg-hover focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
+    className: cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-bg-hover focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
       'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
     }, className),
     style: {

package/build/esm/packages/aurora/src/components/select/components/select_search.js

@@ -1,44 +1,19 @@
-import React, { useRef, useLayoutEffect } from 'react';
+import React, { useRef } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Input } from '../../input/input.js';
 import { SearchLineIcon } from '../../../assets/icons/search_icon.js';
-import { deepEqual } from '../../../../../../external/fast-equals/dist/esm/index.mjs.js';
+import { usePreventSearchBlur } from '../hooks/use_prevent_search_blur.js';
 
 var _excluded = ["options"];
-var BLUR_GUARD_TIMEOUT = 100;
 var SelectSearch = function SelectSearch(_ref) {
   var options = _ref.options,
     props = _objectWithoutProperties(_ref, _excluded);
   var inputRef = useRef(null);
-  // SHOPSVE-1360 (bardzo slaby hack)
-  // Radix w momencie usuniecia z dom aktualnie wybranego itemu przenosi focus na body
-  var blurGuardRef = useRef(false);
-  var handleBlur = function handleBlur() {
-    var _inputRef$current;
-    if (!blurGuardRef.current) return;
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-  };
-  var optionsRef = useRef();
-  var timeoutRef = useRef();
-  // Uzycie useLayoutEffect ze wzgledu na to ze itemy na liscie moga sie zmienic po dluzszym czasie po wpisaniu w search
-  // np. moga byc wczytane z serwera
-  // Wiec nie mozemy sie podpiac pod onKeyDown i wtedy ustawiac timeout
-  useLayoutEffect(function () {
-    if (optionsRef.current === undefined) {
-      optionsRef.current = options;
-      return;
-    }
-    if (!deepEqual(optionsRef.current, options)) {
-      optionsRef.current = options;
-      blurGuardRef.current = true;
-      timeoutRef.current = setTimeout(function () {
-        blurGuardRef.current = false;
-      }, BLUR_GUARD_TIMEOUT);
-    }
-    return function () {
-      return timeoutRef.current && clearTimeout(timeoutRef.current);
-    };
-  }, [options]);
+  var _usePreventSearchBlur = usePreventSearchBlur({
+      options: options,
+      inputRef: inputRef
+    }),
+    handleBlur = _usePreventSearchBlur.handleBlur;
   return /*#__PURE__*/React.createElement(Input, _objectSpread2({
     ref: inputRef,
     type: "text",

package/build/esm/packages/aurora/src/components/select/components/select_search.js.map

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

package/build/esm/packages/aurora/src/components/select/hooks/use_prevent_search_blur.d.ts

@@ -0,0 +1,4 @@
+import { TUsePreventSearchBlurProps } from "../select_types";
+export declare const usePreventSearchBlur: ({ options, inputRef }: TUsePreventSearchBlurProps) => {
+    handleBlur: () => void;
+};

package/build/esm/packages/aurora/src/components/select/hooks/use_prevent_search_blur.js

@@ -0,0 +1,45 @@
+import { useMemo, useRef, useCallback, useLayoutEffect } from 'react';
+import { deepEqual } from '../../../../../../external/fast-equals/dist/esm/index.mjs.js';
+
+var BLUR_GUARD_TIMEOUT = 100;
+var usePreventSearchBlur = function usePreventSearchBlur(_ref) {
+  var options = _ref.options,
+    inputRef = _ref.inputRef;
+  // SHOPSVE-1360 (bardzo slaby hack)
+  // Radix w momencie usuniecia z dom aktualnie wybranego itemu przenosi focus na body
+  var blurGuardRef = useRef(false);
+  var handleBlur = useCallback(function () {
+    var _inputRef$current;
+    if (!blurGuardRef.current) return;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+  }, [inputRef]);
+  var optionsRef = useRef();
+  var timeoutRef = useRef();
+  // Uzycie useLayoutEffect ze wzgledu na to ze itemy na liscie moga sie zmienic po dluzszym czasie po wpisaniu w search
+  // np. moga byc wczytane z serwera
+  // Wiec nie mozemy sie podpiac pod onKeyDown i wtedy ustawiac timeout
+  useLayoutEffect(function () {
+    if (optionsRef.current === undefined) {
+      optionsRef.current = options;
+      return;
+    }
+    if (!deepEqual(optionsRef.current, options)) {
+      optionsRef.current = options;
+      blurGuardRef.current = true;
+      timeoutRef.current = setTimeout(function () {
+        blurGuardRef.current = false;
+      }, BLUR_GUARD_TIMEOUT);
+    }
+    return function () {
+      return timeoutRef.current && clearTimeout(timeoutRef.current);
+    };
+  }, [options]);
+  return useMemo(function () {
+    return {
+      handleBlur: handleBlur
+    };
+  }, [handleBlur]);
+};
+
+export { usePreventSearchBlur };
+//# sourceMappingURL=use_prevent_search_blur.js.map

package/build/esm/packages/aurora/src/components/select/hooks/use_prevent_search_blur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,0BAA0B,8DAAkE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/aurora/src/components/select/hooks/use_select_value.d.ts

@@ -0,0 +1,5 @@
+import { TSelectOption, TUseSelectValueProps } from "../select_types";
+export declare const useSelectValue: ({ value, options }: TUseSelectValueProps) => {
+    selectedOption: TSelectOption | undefined;
+    setSelectedOption: (option: TSelectOption | undefined) => void;
+};

package/build/esm/packages/aurora/src/components/select/hooks/use_select_value.js

@@ -0,0 +1,35 @@
+import { useMemo, useState, useRef, useCallback, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { SelectUtils } from '../select_utils.js';
+
+var useSelectValue = function useSelectValue(_ref) {
+  var value = _ref.value,
+    options = _ref.options;
+  // Przechowanie aktualnie wybranej opcji w razie jakby przy wyszukiwaniu aktualna opcja zniknela z listy options
+  var _useState = useState(function () {
+      return SelectUtils.findValueInOptions(value, options);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedOption = _useState2[0],
+    _setSelectedOption = _useState2[1];
+  var selectedOptionRef = useRef(selectedOption);
+  var setSelectedOption = useCallback(function (option) {
+    selectedOptionRef.current = option;
+    _setSelectedOption(option);
+  }, []);
+  useEffect(function () {
+    var _selectedOptionRef$cu;
+    if (value === ((_selectedOptionRef$cu = selectedOptionRef.current) === null || _selectedOptionRef$cu === void 0 ? void 0 : _selectedOptionRef$cu.value)) return;
+    var option = SelectUtils.findValueInOptions(value, options);
+    setSelectedOption(option);
+  }, [options, setSelectedOption, value]);
+  return useMemo(function () {
+    return {
+      selectedOption: selectedOption,
+      setSelectedOption: setSelectedOption
+    };
+  }, [selectedOption, setSelectedOption]);
+};
+
+export { useSelectValue };
+//# sourceMappingURL=use_select_value.js.map

package/build/esm/packages/aurora/src/components/select/hooks/use_select_value.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/select/select.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { TSelectProps } from './select_types';
 export declare const Select: {
-    ({ children, id, value, options, disabled, placeholder, hasSearch, searchPlaceholder, hasClearValueButton, innerAdditionalContent, enableLocalSearch, localSearchNotFoundContent, errors, onValueChange, onScroll, onSearch, onClose, ...props }: PropsWithChildren<TSelectProps>): React.JSX.Element;
+    ({ children, id, value, options, disabled, placeholder, hasSearch, searchPlaceholder, hasClearValueButton, innerAdditionalContent, enableLocalSearch, localSearchNotFoundContent, errors, onValueChange, onScroll, onSearch, onClose, hasError, ...props }: PropsWithChildren<TSelectProps>): React.JSX.Element;
     displayName: string | undefined;
 };

package/build/esm/packages/aurora/src/components/select/select.js

@@ -5,8 +5,9 @@ import { Root } from '@radix-ui/react-select';
 import { CloseCircleFillIcon } from '../../assets/icons/close_circle_fill_icon.js';
 import { SelectContent } from './components/select_content.js';
 import { SelectTrigger } from './components/select_trigger.js';
+import { useSelectValue } from './hooks/use_select_value.js';
 
-var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose"];
+var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose", "hasError"];
 var Select = function Select(_ref) {
   var _selectedOption$value;
   var children = _ref.children,
@@ -26,18 +27,18 @@ var Select = function Select(_ref) {
     onScroll = _ref.onScroll,
     onSearch = _ref.onSearch,
     onClose = _ref.onClose,
+    hasError = _ref.hasError,
     props = _objectWithoutProperties(_ref, _excluded);
-  // Przechowanie aktualnie wybranej opcji w razie jakby przy wyszukiwaniu aktualna opcja zniknela z listy options
-  var _useState = useState(value ? options.find(function (opt) {
-      return opt.value === value;
-    }) : undefined),
+  var _useSelectValue = useSelectValue({
+      value: value,
+      options: options
+    }),
+    selectedOption = _useSelectValue.selectedOption,
+    setSelectedOption = _useSelectValue.setSelectedOption;
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
-    selectedOption = _useState2[0],
-    setSelectedOption = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    search = _useState4[0],
-    setSearch = _useState4[1];
+    search = _useState2[0],
+    setSearch = _useState2[1];
   var handleSearch = function handleSearch(str) {
     setSearch(str);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(str);
@@ -64,7 +65,7 @@ var Select = function Select(_ref) {
     className: "aurora-relative aurora-flex aurora-items-center aurora-flex-col"
   }, /*#__PURE__*/React.createElement(SelectTrigger, {
     id: id,
-    hasError: !!(errors !== null && errors !== void 0 && errors.length),
+    hasError: hasError || !!(errors !== null && errors !== void 0 && errors.length),
     clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React.createElement("div", {
       onPointerDown: function onPointerDown(e) {
         return e.stopPropagation();
@@ -87,10 +88,7 @@ var Select = function Select(_ref) {
     onSearch: handleSearch,
     onScroll: onScroll,
     enableLocalSearch: enableLocalSearch,
-    localSearchNotFoundContent: localSearchNotFoundContent,
-    onCloseAutoFocus: function onCloseAutoFocus(e) {
-      return e.preventDefault();
-    }
+    localSearchNotFoundContent: localSearchNotFoundContent
   }));
 };
 Select.displayName = Root.displayName;

package/build/esm/packages/aurora/src/components/select/select.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/select/select_types.d.ts

@@ -1,5 +1,5 @@
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 import { TInputProps } from "../input/input_types";
 export interface TSelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
     hasError?: boolean;
@@ -47,3 +47,11 @@ export interface TSelectProps extends Omit<React.ComponentPropsWithoutRef<typeof
     onSearch?: (str: string) => void;
     onClose?: () => void;
 }
+export interface TUseSelectValueProps {
+    value: string | undefined;
+    options: TSelectOption[];
+}
+export interface TUsePreventSearchBlurProps {
+    inputRef: RefObject<HTMLInputElement | null>;
+    options: TSelectOption[];
+}

package/build/esm/packages/aurora/src/components/select/select_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"select_types.js","sourceRoot":"","sources":["../../../../../../../src/components/select/select_types.ts"],"names":[],"mappings":"AAAA,OAAiC,wBAAwB,CAAC;AAE1D,OAA0B,OAAO,CAAC;AAClC,OAA4B,qCAAqC,CAAC"}
+{"version":3,"file":"select_types.js","sourceRoot":"","sources":["../../../../../../../src/components/select/select_types.ts"],"names":[],"mappings":"AAAA,OAAiC,wBAAwB,CAAC;AAE1D,OAAqC,OAAO,CAAC;AAC7C,OAA4B,qCAAqC,CAAC"}

package/build/esm/packages/aurora/src/components/select/select_utils.d.ts

@@ -2,4 +2,5 @@ import { TSelectOption } from "./select_types";
 export declare class SelectUtils {
     static localSearchIsOptionVisible: (option: TSelectOption, search: string) => boolean;
     static localSearchIsHeaderVisible: (search: string, options: TSelectOption[], index: number) => boolean;
+    static findValueInOptions: (value: string | undefined, options: TSelectOption[]) => TSelectOption | undefined;
 }

package/build/esm/packages/aurora/src/components/select/select_utils.js

@@ -24,6 +24,12 @@ _defineProperty(SelectUtils, "localSearchIsHeaderVisible", function (search, opt
   }
   return visible;
 });
+_defineProperty(SelectUtils, "findValueInOptions", function (value, options) {
+  if (!value) return undefined;
+  return options.find(function (opt) {
+    return opt.value === value;
+  });
+});
 
 export { SelectUtils };
 //# sourceMappingURL=select_utils.js.map

package/build/esm/packages/aurora/src/components/select/select_utils.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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-259",
+  "version": "3.0.0-260",
   "description": "aurora",
   "author": "zefirek",
   "license": "MIT",