@vitrosoftware/common-ui-ts 1.1.35 → 1.1.36

package/dist/controls/Sidebar/LinkItem.d.ts

@@ -11,6 +11,7 @@ interface LinkItem {
     imageHoverUrl?: string;
     text: string;
     linkItemWidth?: number;
+    altUrlList?: string[];
 }
 export declare const LinkItem: (props: LinkItem) => JSX.Element;
 export {};

package/dist/index.js

@@ -61279,13 +61279,20 @@ var DatePicker = function DatePicker(props) {
     if (props.maxValue) {
       config.max = props.maxValue;
     }
+    if (config.value) {
+      config.value = new Date(config.value);
+    }
     $$3(ref.current).kendoDatePicker(config);
     var picker = $$3(ref.current).data(componentName);
     picker.enable(!props.isDisabled);
     picker.readonly(props.isReadOnly === true);
   }, [ref]);
   React.useEffect(function () {
-    $$3(ref.current).data(componentName).value(props.value);
+    if (props.value) {
+      $$3(ref.current).data(componentName).value(new Date(props.value));
+    } else {
+      $$3(ref.current).data(componentName).value(props.value);
+    }
   }, [props.value]);
   React.useEffect(function () {
     if (props.minValue) $$3(ref.current).data(componentName).min(props.minValue);
@@ -61592,8 +61599,8 @@ var LookupPicker = function LookupPicker(props) {
       setSelectedValueList([]);
     }
   }, [props.selectedValue]);
-  React.useEffect(function () {
-    if (inputValue && inputValue.length && inputValue.length >= props.filterMinLength) {
+  var onInputValueUpdated = function onInputValueUpdated() {
+    if ((inputValue || inputValue === CTRL.EMPTY) && inputValue.length >= props.filterMinLength) {
       if (props.valueList) {
         updateFilteredValueList(props.valueList);
       } else if (props.getValueList) {
@@ -61610,6 +61617,9 @@ var LookupPicker = function LookupPicker(props) {
         });
       }
     }
+  };
+  React.useEffect(function () {
+    onInputValueUpdated();
   }, [inputValue]);
   React.useEffect(function () {
     if (props.valueList && selectedValueList) {
@@ -61713,6 +61723,12 @@ var LookupPicker = function LookupPicker(props) {
     setState(styles$q['vitro-focus']);
     setValueListVisible(true);
   };
+  var onCollapseButtonClick = function onCollapseButtonClick(valueListVisible) {
+    setValueListVisible(!valueListVisible);
+    if (!valueListVisible) {
+      onInputValueUpdated();
+    }
+  };
   var copyValue = function copyValue() {
     navigator.clipboard.writeText(selectedValueList.join(CTRL.COMMA));
   };
@@ -61768,7 +61784,7 @@ var LookupPicker = function LookupPicker(props) {
     }
   }), !props.isDisabled && !props.isReadOnly && React__default.createElement("div", {
     onClick: function onClick() {
-      return setValueListVisible(!valueListVisible);
+      return onCollapseButtonClick(valueListVisible);
     },
     className: valueListVisible ? styles$q['vitro-button-collapse-up'] : styles$q['vitro-button-collapse-bottom']
   }), props.isReadOnly ? React__default.createElement("span", {
@@ -63483,7 +63499,7 @@ var LinkItem$1 = function LinkItem(props) {
   var _useState = React.useState(false),
     isHover = _useState[0],
     setIsHover = _useState[1];
-  var isActive = props.link === props.currentUrl || props.activeItem === props.id;
+  var isActive = props.link === props.currentUrl || props.activeItem === props.id || props.altUrlList && props.altUrlList.includes(props.currentUrl);
   var className = isActive ? styles$v['vitro-active'] : isHover ? styles$v['vitro-hover'] : CTRL.EMPTY;
   var onClick = function onClick(e) {
     if (props.link) {