@dreamcommerce/aurora 3.0.0-254 → 3.0.0-256

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

@@ -5,93 +5,83 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../utilities/cn.js');
-var input = require('../../input/input.js');
 var SelectPrimitive = require('@radix-ui/react-select');
 var index = require('../../../../../../external/@radix-ui/react-scroll-area/dist/index.mjs.js');
-var search_icon = require('../../../assets/icons/search_icon.js');
 var select_group_label = require('./select_group_label.js');
 var select_item = require('./select_item.js');
+var select_search = require('./select_search.js');
+var select_utils = require('../select_utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "options", "selectedValue", "hasSearch", "searchPlaceholder", "filterTerm", "setFilterTerm", "innerAdditionalContent", "triggerWidth", "position", "onScroll"];
+var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent"];
 var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
     options = _ref.options,
-    selectedValue = _ref.selectedValue,
     hasSearch = _ref.hasSearch,
     searchPlaceholder = _ref.searchPlaceholder,
-    filterTerm = _ref.filterTerm,
-    setFilterTerm = _ref.setFilterTerm,
+    search = _ref.search,
+    onSearch = _ref.onSearch,
     innerAdditionalContent = _ref.innerAdditionalContent,
-    triggerWidth = _ref.triggerWidth,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? 'popper' : _ref$position,
     onScroll = _ref.onScroll,
+    enableLocalSearch = _ref.enableLocalSearch,
+    localSearchNotFoundContent = _ref.localSearchNotFoundContent,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var inputRef = React.useRef(null);
-  var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    isHovered = _useState2[0],
-    setIsHovered = _useState2[1];
+  var localSearchVisibleItems = 0;
   return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Portal, null, /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
-    style: {
-      width: triggerWidth ? "".concat(triggerWidth, "px") : 'auto'
-    },
-    className: cn.cn('aurora-relative aurora-z-[1000] aurora-max-h-96 aurora-min-w-[fit-content] aurora-overflow-y-hidden aurora-rounded-8 aurora-border aurora-bg-neutral-0 aurora-text-s aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2 aurora-p-1 js__aurora-select-dropdown', position === 'popper' && 'data-[side=bottom]:aurora-translate-y-1 data-[side=left]:-aurora-translate-x-1 data-[side=right]:aurora-translate-x-1 data-[side=top]:-aurora-translate-y-1', className),
-    position: position,
-    onMouseEnter: function onMouseEnter() {
-      return setIsHovered(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setIsHovered(false);
-    }
+    className: cn.cn('aurora-w-[--radix-select-trigger-width] aurora-relative aurora-z-[1000] aurora-max-h-96 aurora-overflow-y-hidden aurora-rounded-8 aurora-border aurora-bg-neutral-0 aurora-text-s aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2 aurora-p-1 js__aurora-select-dropdown aurora-group', position === 'popper' && 'data-[side=bottom]:aurora-translate-y-1 data-[side=left]:-aurora-translate-x-1 data-[side=right]:aurora-translate-x-1 data-[side=top]:-aurora-translate-y-1', className),
+    position: position
   }, props), /*#__PURE__*/React__default['default'].createElement(index.Root, {
     type: "auto",
     className: "aurora-w-full aurora-max-h-60 relative"
-  }, /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Viewport, {
-    asChild: true
   }, /*#__PURE__*/React__default['default'].createElement(index.Viewport, {
     className: cn.cn('aurora-p-1 aurora-max-h-60 aurora-w-full'),
     onScroll: onScroll
   }, hasSearch && (/*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-p-2"
-  }, /*#__PURE__*/React__default['default'].createElement(input.Input, {
-    type: "text",
-    preElement: /*#__PURE__*/React__default['default'].createElement(search_icon.SearchLineIcon, {
-      className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light"
-    }),
-    value: filterTerm,
-    tabIndex: 0,
+  }, /*#__PURE__*/React__default['default'].createElement(select_search.SelectSearch, {
+    value: search,
     onChange: function onChange(e) {
       e.stopPropagation();
-      setFilterTerm === null || setFilterTerm === void 0 ? void 0 : setFilterTerm(e.target.value);
+      onSearch === null || onSearch === void 0 ? void 0 : onSearch(e.target.value);
     },
     onKeyDown: function onKeyDown(e) {
       e.stopPropagation();
     },
     placeholder: searchPlaceholder,
-    ref: inputRef
-  }))), options === null || options === void 0 ? void 0 : options.map(function (option, index) {
-    var isSelected = selectedValue ? option.value === selectedValue : false;
+    options: options
+  }))), /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Viewport, null, options === null || options === void 0 ? void 0 : options.map(function (option, index) {
+    var visible = true;
+    if (enableLocalSearch && hasSearch && search && !option.isHeader) {
+      visible = select_utils.SelectUtils.localSearchIsOptionVisible(option, search);
+      if (visible) localSearchVisibleItems++;
+    }
+    if (enableLocalSearch && hasSearch && search && option.isHeader) {
+      visible = select_utils.SelectUtils.localSearchIsHeaderVisible(search, options, index);
+    }
     return option.isHeader ? (/*#__PURE__*/React__default['default'].createElement(select_group_label.SelectGroupLabel, {
-      key: "select-label-".concat(option.text, "-").concat(index)
+      key: "select-label-".concat(option.text),
+      className: cn.cn(!visible && 'aurora-hidden')
     }, option.text)) : (/*#__PURE__*/React__default['default'].createElement(select_item.SelectItem, {
-      key: "select-item-".concat(option.value, "-").concat(index),
-      value: "".concat(option.value, "-").concat(index),
-      isSelected: isSelected,
+      key: "select-item-".concat(option.value),
+      value: option.value,
       isDisabled: option.isDisabled,
       isReadonly: option.isReadonly,
-      additionalInfo: option.additionalInfo
+      additionalInfo: option.additionalInfo,
+      className: cn.cn(!visible && 'aurora-hidden')
     }, option.text));
-  }), innerAdditionalContent && /*#__PURE__*/React__default['default'].createElement("div", {
+  })), enableLocalSearch && !!localSearchNotFoundContent && !!search && !localSearchVisibleItems && (/*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-p-2"
+  }, localSearchNotFoundContent)), innerAdditionalContent && /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-p-2"
-  }, innerAdditionalContent))), /*#__PURE__*/React__default['default'].createElement(index.Scrollbar, {
+  }, 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', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, 'aurora-pt-16', hasSearch), 'aurora-opacity-75', isHovered), 'aurora-opacity-0', !isHovered))
+    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))
   }, /*#__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_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,0EAA8E;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0EAA8E;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/select_group_label.js

@@ -17,14 +17,14 @@ var _excluded = ["children"];
 var SelectGroupLabel = function SelectGroupLabel(_ref) {
   var children = _ref.children,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default['default'].createElement(box.Box, {
+  return /*#__PURE__*/React__default['default'].createElement(box.Box, _rollupPluginBabelHelpers.objectSpread2({
     paddings: {
       pl: '2',
       pt: '2',
       pb: '2',
       pr: '0'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+  }, props), /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
     align: "center",
     spacing: "2.5"
   }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
@@ -32,7 +32,7 @@ var SelectGroupLabel = function SelectGroupLabel(_ref) {
     size: "s",
     color: "subtle",
     weight: "bold"
-  }, children), /*#__PURE__*/React__default['default'].createElement(divider.Divider, _rollupPluginBabelHelpers.objectSpread2({}, props))));
+  }, children), /*#__PURE__*/React__default['default'].createElement(divider.Divider, null)));
 };
 SelectGroupLabel.displayName = 'SelectGroupLabel';
 

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

@@ -12,26 +12,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "className", "isDisabled", "isReadonly", "isSelected", "additionalInfo"];
+var _excluded = ["children", "className", "isDisabled", "isReadonly", "additionalInfo"];
 var SelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     isDisabled = _ref.isDisabled,
     isReadonly = _ref.isReadonly,
-    isSelected = _ref.isSelected,
     additionalInfo = _ref.additionalInfo,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  console.log(props.value);
   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 active:aurora-bg-active focus:aurora-bg-accent focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover', {
-      'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly,
-      'aurora-bg-hover aurora-font-semibold': isSelected
+    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-all 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', {
+      'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
     }, className),
     disabled: isDisabled || isReadonly
   }, props), {}, {
     ref: ref
-  }), isSelected && /*#__PURE__*/React__default['default'].createElement(check_icon.CheckLineIcon, {
+  }), /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.ItemIndicator, null, /*#__PURE__*/React__default['default'].createElement(check_icon.CheckLineIcon, {
     className: "aurora-h-5 aurora-w-5 -aurora-ml-7 aurora-mr-2"
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-flex aurora-flex-col"
   }, /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.ItemText, null, children), !!additionalInfo && /*#__PURE__*/React__default['default'].createElement("p", {
     className: "aurora-text-xs aurora-text-subtle-light"

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

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

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+
+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]);
+  return /*#__PURE__*/React__default['default'].createElement(input.Input, _rollupPluginBabelHelpers.objectSpread2({
+    ref: inputRef,
+    type: "text",
+    preElement: /*#__PURE__*/React__default['default'].createElement(search_icon.SearchLineIcon, {
+      className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light"
+    }),
+    onBlur: handleBlur
+  }, props));
+};
+
+exports.SelectSearch = SelectSearch;
+//# sourceMappingURL=select_search.js.map

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

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

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

@@ -12,22 +12,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "hasError", "children"];
+var _excluded = ["className", "hasError", "children", "clearValueButton"];
 var SelectTrigger = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
     hasError = _ref.hasError,
     children = _ref.children,
+    clearValueButton = _ref.clearValueButton,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
-    className: cn.cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s hover:aurora-border-strong focus:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-line-clamp-1 focus:aurora-border-active focus:aurora-border-2 active:aurora-border-active active:aurora-border-2', {
+    className: cn.cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s hover:aurora-border-strong focus-visible:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-text-ellipsis [&>span]:aurora-whitespace-nowrap [&>span]:aurora-overflow-hidden focus-visible:aurora-border-active -visible:aurora-border-2 data-[state=open]:aurora-border-active data-[state=open]:aurora-border-2', {
       '!aurora-border-danger aurora-border-2': hasError
     }, className)
-  }, props), children, /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Icon, {
+  }, props), children, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-flex-none aurora-items-center"
+  }, clearValueButton, /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Icon, {
     asChild: true
   }, /*#__PURE__*/React__default['default'].createElement(arrow_down_s_fill.ArrowDownSFillIcon, {
     className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light"
-  })));
+  }))));
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 

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

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

@@ -4,21 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
 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 select_value = require('./components/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", "defaultValue", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "errors", "onValueChange", "onScroll"];
+var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose"];
 var Select = function Select(_ref) {
+  var _selectedOption$value;
   var children = _ref.children,
     id = _ref.id,
-    defaultValue = _ref.defaultValue,
+    value = _ref.value,
     options = _ref.options,
     disabled = _ref.disabled,
     placeholder = _ref.placeholder,
@@ -26,105 +27,79 @@ var Select = function Select(_ref) {
     searchPlaceholder = _ref.searchPlaceholder,
     hasClearValueButton = _ref.hasClearValueButton,
     innerAdditionalContent = _ref.innerAdditionalContent,
+    enableLocalSearch = _ref.enableLocalSearch,
+    localSearchNotFoundContent = _ref.localSearchNotFoundContent,
     errors = _ref.errors,
     onValueChange = _ref.onValueChange,
     onScroll = _ref.onScroll,
+    onSearch = _ref.onSearch,
+    onClose = _ref.onClose,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var _useState = React.useState(''),
+  // 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),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    filterTerm = _useState2[0],
-    setFilterTerm = _useState2[1];
-  var _useState3 = React.useState(defaultValue),
+    selectedOption = _useState2[0],
+    setSelectedOption = _useState2[1];
+  var _useState3 = React.useState(''),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    selectedValue = _useState4[0],
-    setSelectedValue = _useState4[1];
-  var triggerRef = React.useRef(null);
-  var _useState5 = React.useState(null),
-    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    triggerWidth = _useState6[0],
-    setTriggerWidth = _useState6[1];
-  var _useState7 = React.useState(false),
-    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-    open = _useState8[0],
-    setOpen = _useState8[1];
-  var _useState9 = React.useState(false),
-    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
-    renderContent = _useState10[0],
-    setRenderContent = _useState10[1];
-  var clearFilterInputOnClose = function clearFilterInputOnClose(openState) {
-    if (hasSearch && !openState) setFilterTerm('');
+    search = _useState4[0],
+    setSearch = _useState4[1];
+  var handleSearch = function handleSearch(str) {
+    setSearch(str);
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(str);
   };
-  var filteredOptions = React__default['default'].useMemo(function () {
-    if (!hasSearch || !filterTerm) return options;
-    return options.filter(function (opt) {
-      return opt.text.toLowerCase().includes(filterTerm.toLowerCase()) || opt.isHeader;
+  var handleChange = function handleChange(val) {
+    var _option$value;
+    var option = options.find(function (opt) {
+      return opt.value === val;
     });
-  }, [filterTerm, options]);
-  React.useEffect(function () {
-    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(selectedValue !== null && selectedValue !== void 0 ? selectedValue : '');
-  }, [selectedValue]);
-  var getSelectedLabel = function getSelectedLabel(options, selectedValue) {
-    var _options$find;
-    return ((_options$find = options.find(function (opt) {
-      return opt.value === selectedValue;
-    })) === null || _options$find === void 0 ? void 0 : _options$find.text) || '';
+    setSelectedOption(option);
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange((_option$value = option === null || option === void 0 ? void 0 : option.value) !== null && _option$value !== void 0 ? _option$value : '');
   };
-  var handleChange = function handleChange(sufixedValue) {
-    var cleanValue = sufixedValue.split('-')[0];
-    setSelectedValue(cleanValue);
+  var handleOpenChange = function handleOpenChange(open) {
+    if (hasSearch && !open) setSearch('');
+    if (onClose && !open) onClose();
   };
-  React.useEffect(function () {
-    if (!open) {
-      setRenderContent(false);
-      return;
-    }
-    var timer = setTimeout(function () {
-      return setRenderContent(true);
-    }, 10);
-    return function () {
-      return clearTimeout(timer);
-    };
-  }, [open]);
-  React.useEffect(function () {
-    if (renderContent && triggerRef.current) {
-      var rect = triggerRef.current.getBoundingClientRect();
-      setTriggerWidth(rect.width);
-    }
-  }, [renderContent]);
+  var showPlaceholder = !selectedOption;
   return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
-    defaultValue: defaultValue,
+    value: (_selectedOption$value = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _selectedOption$value !== void 0 ? _selectedOption$value : '',
     onValueChange: handleChange,
     disabled: disabled,
-    onOpenChange: function onOpenChange(openState) {
-      setOpen(openState);
-      clearFilterInputOnClose(openState);
-    }
+    onOpenChange: handleOpenChange
   }, props), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-relative aurora-flex aurora-items-center aurora-flex-col"
   }, /*#__PURE__*/React__default['default'].createElement(select_trigger.SelectTrigger, {
-    ref: triggerRef,
     id: id,
-    hasError: !!(errors !== null && errors !== void 0 && errors.length)
-  }, /*#__PURE__*/React__default['default'].createElement(select_value.SelectValue, {
-    placeholder: placeholder
-  }, selectedValue ? getSelectedLabel(options, selectedValue) : placeholder !== null && placeholder !== void 0 ? placeholder : '')), selectedValue && hasClearValueButton && (/*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-absolute aurora-top-3 aurora-right-8 aurora-z-10",
-    onClick: function onClick() {
-      return setSelectedValue('');
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(close_circle_fill_icon.CloseCircleFillIcon, {
-    className: "aurora-h-4 aurora-w-4 aurora-cursor-pointer"
-  })))), renderContent && (/*#__PURE__*/React__default['default'].createElement(select_content.SelectContent, {
-    options: filteredOptions,
-    selectedValue: selectedValue,
+    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();
+      },
+      onClick: function onClick() {
+        handleChange('');
+      },
+      className: "aurora-w-5 aurora-h-5 aurora-flex aurora-items-center aurora-justify-center"
+    }, /*#__PURE__*/React__default['default'].createElement(close_circle_fill_icon.CloseCircleFillIcon, {
+      className: "aurora-h-4 aurora-w-4 aurora-cursor-pointer"
+    })))
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: cn.cn('aurora-pointer-events-none aurora-select-none', showPlaceholder && 'aurora-text-subtle')
+  }, !showPlaceholder ? selectedOption.text : placeholder))), /*#__PURE__*/React__default['default'].createElement(select_content.SelectContent, {
+    options: options,
     hasSearch: hasSearch,
     searchPlaceholder: searchPlaceholder,
     innerAdditionalContent: innerAdditionalContent,
-    filterTerm: filterTerm,
-    setFilterTerm: setFilterTerm,
-    triggerWidth: triggerWidth,
-    onScroll: onScroll
-  })));
+    search: search,
+    onSearch: handleSearch,
+    onScroll: onScroll,
+    enableLocalSearch: enableLocalSearch,
+    localSearchNotFoundContent: localSearchNotFoundContent,
+    onCloseAutoFocus: function onCloseAutoFocus(e) {
+      return e.preventDefault();
+    }
+  }));
 };
 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;AACA;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;AACA;AACA;"}

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

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+
+var _SelectUtils;
+var SelectUtils = /*#__PURE__*/_rollupPluginBabelHelpers.createClass(function SelectUtils() {
+  _rollupPluginBabelHelpers.classCallCheck(this, SelectUtils);
+});
+_SelectUtils = SelectUtils;
+_rollupPluginBabelHelpers.defineProperty(SelectUtils, "localSearchIsOptionVisible", function (option, search) {
+  return option.text.toLocaleLowerCase().includes(search.toLocaleLowerCase());
+});
+_rollupPluginBabelHelpers.defineProperty(SelectUtils, "localSearchIsHeaderVisible", function (search, options, index) {
+  var visible = false;
+  var i = index + 1;
+  while (options[i]) {
+    var curr = options[i];
+    if (curr.isHeader) {
+      break;
+    }
+    if (_SelectUtils.localSearchIsOptionVisible(curr, search)) {
+      visible = true;
+      break;
+    }
+    i++;
+  }
+  return visible;
+});
+
+exports.SelectUtils = SelectUtils;
+//# sourceMappingURL=select_utils.js.map

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