labsense-ui-kit 1.3.33 → 1.3.35

package/dist/Dropdown/SelectOption.d.ts

@@ -75,6 +75,7 @@ interface SelectOption {
         node: React.ReactNode;
     };
     dropDownPosition?: 'left' | 'center' | 'right';
+    allowCustomValue?: boolean;
 }
 declare const SelectOption: React.FC<SelectOption>;
 export default SelectOption;

package/dist/Icons/SVGs/OpenEye.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SVGProps } from '..';
+declare const OpenEye: React.FC<SVGProps>;
+export default OpenEye;

package/dist/Icons/SVGs/index.d.ts

@@ -153,7 +153,7 @@ export { default as Notifications } from './Notifications';
 export { default as OpenBin } from './OpenBin';
 export { default as OpenBook } from './OpenBook';
 export { default as Out } from './Out';
-export { default as OpenEye } from './Bus';
+export { default as OpenEye } from './OpenEye';
 export { default as PasswordLock } from './PasswordLock';
 export { default as Pause } from './Pause';
 export { default as PeopleAnalytics } from './PeopleAnalytics';

package/dist/index.js

@@ -3820,6 +3820,26 @@ var Out = function Out(_ref) {
   }));
 };
 
+var OpenEye = function OpenEye(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React__default.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: '0 0 14 10',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React__default.createElement("path", {
+    d: 'M6.99995 9.10156C6.16323 9.10156 5.29917 8.89375 4.42964 8.48633C3.74878 8.16641 3.06245 7.72344 2.3898 7.16836C1.25503 6.23047 0.555029 5.30078 0.524951 5.2625C0.407373 5.10664 0.407373 4.89336 0.524951 4.7375C0.555029 4.69922 1.25503 3.76953 2.3898 2.83164C3.06245 2.27656 3.74878 1.83359 4.42964 1.51367C5.29917 1.10625 6.16323 0.898438 6.99995 0.898438C7.83667 0.898438 8.70073 1.10625 9.57026 1.51367C10.2511 1.83359 10.9375 2.27656 11.6101 2.83164C12.7449 3.76953 13.4476 4.69922 13.475 4.7375C13.5925 4.89336 13.5925 5.10664 13.475 5.2625C13.4449 5.30078 12.7449 6.23047 11.6101 7.16836C10.9375 7.72344 10.2511 8.16641 9.57026 8.48633C8.70073 8.89375 7.83667 9.10156 6.99995 9.10156ZM1.43823 5C2.12456 5.81211 4.39136 8.22656 6.99995 8.22656C9.61401 8.22656 11.8753 5.81211 12.5617 5C11.8753 4.18789 9.60854 1.77344 6.99995 1.77344C4.38589 1.77344 2.12456 4.18789 1.43823 5Z',
+    fill: color
+  }), React__default.createElement("path", {
+    d: 'M7 6.96875C5.91445 6.96875 5.03125 6.08555 5.03125 5C5.03125 3.91445 5.91445 3.03125 7 3.03125C8.08555 3.03125 8.96875 3.91445 8.96875 5C8.96875 6.08555 8.08555 6.96875 7 6.96875ZM7 3.90625C6.3957 3.90625 5.90625 4.3957 5.90625 5C5.90625 5.6043 6.3957 6.09375 7 6.09375C7.6043 6.09375 8.09375 5.6043 8.09375 5C8.09375 4.3957 7.6043 3.90625 7 3.90625Z',
+    fill: color
+  }));
+};
+
 var PasswordLock = function PasswordLock(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -5862,7 +5882,7 @@ var IconSVGs = {
   OpenBin: OpenBin,
   OpenBook: OpenBook,
   Out: Out,
-  OpenEye: Bus,
+  OpenEye: OpenEye,
   PasswordLock: PasswordLock,
   Pause: Pause,
   PeopleAnalytics: PeopleAnalytics,
@@ -8219,7 +8239,9 @@ var SelectOption = function SelectOption(_ref37) {
     allowDeselect = _ref37$allowDeselect === void 0 ? true : _ref37$allowDeselect,
     titleRightNode = _ref37.titleRightNode,
     _ref37$dropDownPositi = _ref37.dropDownPosition,
-    dropDownPosition = _ref37$dropDownPositi === void 0 ? 'left' : _ref37$dropDownPositi;
+    dropDownPosition = _ref37$dropDownPositi === void 0 ? 'left' : _ref37$dropDownPositi,
+    _ref37$allowCustomVal = _ref37.allowCustomValue,
+    allowCustomValue = _ref37$allowCustomVal === void 0 ? false : _ref37$allowCustomVal;
   var themeColors = useTheme();
   var _useState = React.useState(false),
     dropUp = _useState[0],
@@ -8230,7 +8252,7 @@ var SelectOption = function SelectOption(_ref37) {
   var _useState3 = React.useState(''),
     searchTerm = _useState3[0],
     setSearchTerm = _useState3[1];
-  var showSearchBox = searchBox && options.length > 5;
+  var showSearchBox = searchBox && (options.length > 5 || allowCustomValue);
   var toggleDropdown = function toggleDropdown() {
     var refToUse = (positionRef === null || positionRef === void 0 ? void 0 : positionRef.current) || dropdownRef.current;
     if (refToUse) {
@@ -8278,6 +8300,21 @@ var SelectOption = function SelectOption(_ref37) {
   var filteredOptions = searchTerm ? options.filter(function (option) {
     return option.label.toLowerCase().includes(searchTerm.toLowerCase());
   }) : options;
+  var normalizedSearch = searchTerm.trim();
+  var isCustomValue = allowCustomValue && normalizedSearch.length > 0 && !options.some(function (opt) {
+    return opt.label.toLowerCase() === normalizedSearch.toLowerCase();
+  });
+  var handleCustomValueSelect = function handleCustomValueSelect() {
+    var Event = {
+      target: {
+        value: normalizedSearch,
+        name: title
+      }
+    };
+    onChange(Event);
+    setIsOpen(false);
+    setSearchTerm('');
+  };
   React.useEffect(function () {
     var handleClickOutside = function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -8367,7 +8404,10 @@ var SelectOption = function SelectOption(_ref37) {
     placeholder: placeholderText,
     "$inputColor": inputColor,
     "$placeholderColor": placeholderColor
-  })), React__default.createElement(OptionsWrapper, null, filteredOptions.length ? filteredOptions.map(function (option) {
+  })), React__default.createElement(OptionsWrapper, null, isCustomValue && React__default.createElement(Options, {
+    "$optionSelected": false,
+    onClick: handleCustomValueSelect
+  }, "Add \"", normalizedSearch, "\""), filteredOptions.length ? filteredOptions.map(function (option) {
     return React__default.createElement(Options, {
       key: option.value,
       "$optionColor": optionColor,
@@ -8379,7 +8419,7 @@ var SelectOption = function SelectOption(_ref37) {
       },
       "$optionSelected": option.value === value
     }, option.label);
-  }) : React__default.createElement(NoOptions, null, NoOptionsText)))));
+  }) : !isCustomValue && React__default.createElement(NoOptions, null, NoOptionsText)))));
 };
 
 var ButtonDropdown = function ButtonDropdown(_ref) {
@@ -9454,6 +9494,7 @@ var CheckBox = function CheckBox(_ref11) {
     "$fontSize": fontSize,
     "$color": color || themeColors.vms.text.medium,
     "$fontWeight": fontWeight,
+    "$textAlign": 'start',
     onClick: function onClick() {
       if (!disabled) _onChange(!checked);
     }