hrm_ui_lib 1.6.12 → 1.6.14

package/components/Menu/Menu.js

@@ -63,7 +63,8 @@ var Menu = function Menu(props) {
     position = _props$position === void 0 ? 'bottom-right' : _props$position,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
-    children = props.children;
+    _props$children = props.children,
+    children = _props$children === void 0 ? null : _props$children;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     menuRef = _useState2[0],
@@ -122,7 +123,7 @@ var Menu = function Menu(props) {
     className: classNames('select', 'select--menu', className),
     style: menuStyles,
     ref: setMenuRef
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, menuItems.map(function (_ref) {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(React.Fragment, null, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(function (_ref) {
     var label = _ref.label,
       meta = _ref.meta,
       value = _ref.value,

package/components/Select/Select/Select.js

@@ -10,8 +10,8 @@ import { Input } from '../../Input/Input.js';
 import { noop } from '../../../utils/helpers.js';
 import { SELECTED_VISIBLE_MIN_COUNT } from '../constants.js';
 import { SelectMobile } from './SelectMobile/index.js';
-import { IconCaretUpFilled } from '../../SVGIcons/IconCaretUpFilled.js';
-import { IconCaretDownFilled } from '../../SVGIcons/IconCaretDownFilled.js';
+import { IconChevronUp } from '../../SVGIcons/IconChevronUp.js';
+import { IconChevronDown } from '../../SVGIcons/IconChevronDown.js';
 import { SELECT_TRANSLATIONS } from '../localization.js';
 import '../../../typeof-2c59c5c4.js';
 import '../../../consts/index.js';
@@ -68,7 +68,6 @@ import '../../Collapse/CollapseGroup/CollapseGroup.js';
 import '../../Collapse/CollapseItem/CollapseItem.js';
 import '../../SVGIcons/IconChevronRight.js';
 import '../../Divider/Divider.js';
-import '../../SVGIcons/IconChevronDown.js';
 import '../SharedComponents/ContentTop.js';
 import '../SharedComponents/Actions.js';
 import '../../Menu/Menu.js';
@@ -102,16 +101,17 @@ var Select = function Select(props) {
     placeHolder = props.placeHolder,
     _props$selectRightIco = props.selectRightIconProps,
     selectRightIconProps = _props$selectRightIco === void 0 ? {
-      Component: IconCaretDownFilled,
+      Component: IconChevronDown,
       size: 'xsmall'
     } : _props$selectRightIco,
     _props$selectRightIco2 = props.selectRightIconOpenedProps,
     selectRightIconOpenedProps = _props$selectRightIco2 === void 0 ? {
-      Component: IconCaretUpFilled,
+      Component: IconChevronUp,
       size: 'xsmall'
     } : _props$selectRightIco2,
     options = props.options,
-    withSearch = props.withSearch,
+    _props$withSearch = props.withSearch,
+    withSearch = _props$withSearch === void 0 ? false : _props$withSearch,
     setSelectedItem = props.setSelectedItem,
     setFieldValue = props.setFieldValue,
     name = props.name,
@@ -214,7 +214,9 @@ var Select = function Select(props) {
     isRequiredField: isRequiredField,
     onItemDeselect: onItemDeselect,
     onItemSelect: onItemSelect,
-    translations: localizations
+    translations: localizations,
+    setSelectedOption: setSelectedOption,
+    withSearch: withSearch
   })) : /*#__PURE__*/React.createElement(SelectDesktop, _extends({}, rest, {
     onItemDeselect: onItemDeselect,
     onItemSelect: onItemSelect,

package/components/Select/Select/SelectMobile/MobileTopContent.d.ts

@@ -3,6 +3,7 @@ type TProps = {
     searchValue: string;
     setSearchValue: (value: string) => void;
     onBack: () => void;
+    withSearch: boolean;
 };
-export declare const MobileTopContent: ({ onBack, setSearchValue, searchValue }: TProps) => ReactElement;
+export declare const MobileTopContent: ({ onBack, setSearchValue, searchValue, withSearch }: TProps) => ReactElement;
 export {};

package/components/Select/Select/SelectMobile/MobileTopContent.js

@@ -49,7 +49,8 @@ import '../../../SVGIcons/IconCheckmarkCircleFilled.js';
 var MobileTopContent = function MobileTopContent(_ref) {
   var onBack = _ref.onBack,
     setSearchValue = _ref.setSearchValue,
-    searchValue = _ref.searchValue;
+    searchValue = _ref.searchValue,
+    withSearch = _ref.withSearch;
   var onSearch = function onSearch(e) {
     setSearchValue(e.target.value);
   };
@@ -61,7 +62,7 @@ var MobileTopContent = function MobileTopContent(_ref) {
   }, /*#__PURE__*/React.createElement(IconChevronLeft, {
     onClick: onBack,
     size: "large"
-  }), /*#__PURE__*/React.createElement(Input, {
+  }), withSearch && /*#__PURE__*/React.createElement(Input, {
     currentValue: searchValue,
     handleChange: onSearch,
     className: "ml-8",

package/components/Select/Select/SelectMobile/index.js

@@ -1,5 +1,5 @@
 import { _ as _slicedToArray } from '../../../../slicedToArray-7fbc5104.js';
-import React, { useState, useMemo } from 'react';
+import React, { useState, useMemo, useCallback, useEffect } from 'react';
 import { Text } from '../../../Text/Text.js';
 import 'dayjs';
 import 'classnames';
@@ -92,7 +92,9 @@ var SelectMobile = function SelectMobile(props) {
     tooltipAddons = props.tooltipAddons,
     labelLeftIconProps = props.labelLeftIconProps,
     optionRightIconComponent = props.optionRightIconComponent,
-    labelRightIconComponent = props.labelRightIconComponent;
+    labelRightIconComponent = props.labelRightIconComponent,
+    setSelectedOption = props.setSelectedOption,
+    withSearch = props.withSearch;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
@@ -100,6 +102,15 @@ var SelectMobile = function SelectMobile(props) {
   var filteredData = useMemo(function () {
     return filterOptions(options, searchValue);
   }, [searchValue, options]);
+  var setCurrentSelectedLabel = useCallback(function () {
+    var selectedItem = options.find(function (item) {
+      return item.value === currentSelection;
+    });
+    setSelectedOption(selectedItem);
+  }, [currentSelection, options]);
+  useEffect(function () {
+    setCurrentSelectedLabel();
+  }, [setCurrentSelectedLabel]);
   var clickHandler = function clickHandler(isSelected) {
     return function (_ref) {
       var value = _ref.value;
@@ -126,7 +137,8 @@ var SelectMobile = function SelectMobile(props) {
   }, /*#__PURE__*/React.createElement(MobileTopContent, {
     searchValue: searchValue,
     setSearchValue: setSearchValue,
-    onBack: closeModal
+    onBack: closeModal,
+    withSearch: withSearch
   }), /*#__PURE__*/React.createElement("div", {
     className: "mobile_options_content"
   }, innerHelperText ? /*#__PURE__*/React.createElement(Text, {

package/components/Select/index.js

@@ -85,11 +85,12 @@ import './constants.js';
 import './Select/helpers.js';
 import './Select/SelectMobile/index.js';
 import './Select/SelectMobile/MobileTopContent.js';
-import '../SVGIcons/IconCaretUpFilled.js';
-import '../SVGIcons/IconCaretDownFilled.js';
+import '../SVGIcons/IconChevronUp.js';
 import './localization.js';
 import './MultiSelect/OptionsWrapper.js';
 import './MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js';
+import '../SVGIcons/IconCaretDownFilled.js';
+import '../SVGIcons/IconCaretUpFilled.js';
 import './MultiSelect/MultiBase/MultiBase.js';
 import './MultiSelect/MultiSelectWithTabs/MultiSelectWithTabs.js';
 import '../Tab/Tab.js';

package/components/Select/types.d.ts

@@ -147,8 +147,11 @@ export interface ISingleSelectResponsiveProps {
     isRequiredField?: boolean;
     translations?: TSelectTranslations;
     language?: string;
+    setSelectedOption: (item: TSelectOption | null) => void;
+}
+export interface ISingleSelectMobileProps extends ISingleSelectResponsiveProps {
+    withSearch: boolean;
 }
-export type ISingleSelectMobileProps = ISingleSelectResponsiveProps;
 export interface ISingleSelectDesktopProps extends ISingleSelectResponsiveProps {
     searchValue: string;
     setSearchValue: (value: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": "1.6.12",
+  "version": "1.6.14",
   "description": "UI library for Dino",
   "main": "./index.js",
   "module": "./index.js",