@vitrosoftware/common-ui-ts 1.1.61 → 1.1.63

package/css/std/controls/avatar/avatar.css

@@ -13,12 +13,10 @@
     align-items: center;
     font-size: 12px;
     line-height: 24px;
+    overflow: hidden;
 }
 
-.vitro-avatar.vitro-avatar-big {
-    width: 32px;
-    min-width: 32px;
-    height: 32px;
-    line-height: 32px;
-    font-size: 16px;
-}
+.vitro-avatar img {
+    width: 100%;
+    height: 100%;
+}

package/css/std/controls/input/input.css

@@ -14,12 +14,12 @@
     border-radius: 4px;
     width: 100%;
     font-size: 14px;
-    line-height: 16px;
     color: #222D44;
 }
 
 .vitro-control input {
     white-space: normal;
+    line-height: 16px;
 }
 
 .vitro-control textarea::-webkit-scrollbar {
@@ -41,6 +41,7 @@
 }
 
 .vitro-control textarea {
+    line-height: 150%;
     scrollbar-color: #E4E6EC #fff;
     scrollbar-width: thin;
 }

package/css/std/controls/lookup-picker/lookup-picker.css

@@ -9,14 +9,17 @@
     border-radius: 4px;
     display: flex;
     width: 100%;
-    flex-wrap: wrap;
     align-items: center;
     min-height: 40px;
-    grid-gap: 4px 12px;
-    padding: 8px 40px 8px 16px;
+    padding: 8px 60px 8px 16px;
     position: relative;
 }
 
+.vitro-lookup-picker-multi-select .vitro-content {
+    grid-gap: 4px 12px;
+    flex-wrap: wrap;
+}
+
 .vitro-focus .vitro-content {
     border-color: #3274E0;
 }

package/css/std/controls/table-view/table-view.css

@@ -4,7 +4,8 @@
 
 :global(#TableView) {
     height: auto;
-    flex: 1 0 auto;
+    flex: 1 1 auto;
+    overflow: hidden;
 }
 
 .vitro-table-view {

package/css/std/controls/table-view/treegrid.css

@@ -34,7 +34,7 @@
 }
 
 .TWHScrollLeft, .TWHScrollMid, .TWHScrollRight {
-    border: 1px solid #F7F9FC !important;
+    border: none;
     background: #fff
 }
 
@@ -301,6 +301,9 @@
 }
 
 .TWPanelSelect {
+    width: 16px;
+    height: 16px;
+    margin-top: 2px;
     background-size: 24px;
     /* checkbox-empty.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='1.5' stroke='%23C0CAD5'/%3E%3C/svg%3E%0A");
@@ -577,7 +580,7 @@
     color: #BDBDBD;
 }
 
-.TWCell .vitro-flex > div,
+.TWCell .vitro-flex > .vitro-avatar,
 .TWCell .vitro-flex > .vitro-icon {
     margin-right: 4px;
     font-size: 12px;

package/css/std/controls/user-profile/user-profile.css

@@ -74,4 +74,12 @@
 .vitro-dropdown-item:hover,
 .vitro-dropdown-item:active {
     background: #DCEEFF;
+}
+
+.vitro-avatar {
+    width: 32px;
+    min-width: 32px;
+    height: 32px;
+    line-height: 32px;
+    font-size: 16px;
 }

package/dist/constants/Control.d.ts

@@ -5,6 +5,7 @@ export declare class CONTROL {
     static readonly IMAGE_PICKER = "ImagePicker";
     static readonly AVATAR = "Avatar";
     static readonly INPUT = "Input";
+    static readonly NUMBER_INPUT = "NumberInput";
     static readonly PASSWORD = "Password";
     static readonly TIME_PICKER = "TimePicker";
 }

package/dist/controls/Avatar/Avatar.d.ts

@@ -2,7 +2,6 @@
 interface AvatarProps {
     userName: string;
     image?: string;
-    isBigSize?: boolean;
     className?: string;
 }
 export declare const Avatar: (props: AvatarProps) => JSX.Element;

package/dist/controls/Input/Input.d.ts

@@ -3,7 +3,6 @@ interface InputProps {
     name?: string;
     type?: string;
     value?: string;
-    number?: string;
     height?: number;
     minHeight?: number;
     maxHeight?: number;

package/dist/controls/Input/InputConstants.d.ts

@@ -2,10 +2,3 @@ export declare enum AUTOCOMPLETE {
     ON = "on",
     OFF = "off"
 }
-export declare enum NUMBER {
-    FLOAT = "float"
-}
-export declare enum REGEXP {
-    FLOAT = "^[0-9]+[.,]?[0-9]{0,2}$",
-    INT = "^[0-9]+$"
-}

package/dist/controls/NumberInput/NumberInput.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import * as INPUT from './NumberInputConstants';
+interface NumberInputProps {
+    name?: string;
+    value?: number;
+    number: INPUT.TYPE;
+    height?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    placeholder?: string;
+    label?: string;
+    labelWidth?: number;
+    labelPosition?: string;
+    errorMessage?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    isAutoComplete?: boolean;
+    isIcon?: boolean;
+    onChange?: (value: number | null, name?: string) => void;
+    onBlur?: (e: any) => void;
+    onFocus?: (e: any) => void;
+    onChangeSize?: (element: HTMLInputElement | HTMLTextAreaElement) => void;
+    onKeyPress?: (e: any) => void;
+    onKeyDown?: (e: any) => void;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<unknown>>;
+export {};

package/dist/controls/NumberInput/NumberInputConstants.d.ts

@@ -0,0 +1,12 @@
+export declare enum AUTOCOMPLETE {
+    ON = "on",
+    OFF = "off"
+}
+export declare enum TYPE {
+    FLOAT = "float",
+    INT = "int"
+}
+export declare enum REGEXP {
+    FLOAT = "^[0-9]+[.,]?[0-9]{0,2}$",
+    INT = "^[0-9]+$"
+}

package/dist/index.css

@@ -488,7 +488,8 @@
 
 #TableView {
     height: auto;
-    flex: 1 0 auto;
+    flex: 1 1 auto;
+    overflow: hidden;
 }
 
 ._table-view_vitro-table-view_1tTs32D {
@@ -1794,12 +1795,12 @@
     border-radius: 4px;
     width: 100%;
     font-size: 14px;
-    line-height: 16px;
     color: #222D44;
 }
 
 ._input_vitro-control_1DmPFkF input {
     white-space: normal;
+    line-height: 16px;
 }
 
 ._input_vitro-control_1DmPFkF textarea::-webkit-scrollbar {
@@ -1821,6 +1822,7 @@
 }
 
 ._input_vitro-control_1DmPFkF textarea {
+    line-height: 150%;
     scrollbar-color: #E4E6EC #fff;
     scrollbar-width: thin;
 }
@@ -1995,16 +1997,13 @@
     align-items: center;
     font-size: 12px;
     line-height: 24px;
+    overflow: hidden;
 }
 
-._avatar_vitro-avatar_P2tU-_r._avatar_vitro-avatar-big_pEmlX3a {
-    width: 32px;
-    min-width: 32px;
-    height: 32px;
-    line-height: 32px;
-    font-size: 16px;
-}
-
+._avatar_vitro-avatar_P2tU-_r img {
+    width: 100%;
+    height: 100%;
+}
 ._issue-tile-header_vitro-issue-tile-header_jTcaXBE {
     display: flex;
     align-items: center;
@@ -3183,14 +3182,17 @@
     border-radius: 4px;
     display: flex;
     width: 100%;
-    flex-wrap: wrap;
     align-items: center;
     min-height: 40px;
-    grid-gap: 4px 12px;
-    padding: 8px 40px 8px 16px;
+    padding: 8px 60px 8px 16px;
     position: relative;
 }
 
+._lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk ._lookup-picker_vitro-content_37L0slb {
+    grid-gap: 4px 12px;
+    flex-wrap: wrap;
+}
+
 ._lookup-picker_vitro-focus_2UGpxXD ._lookup-picker_vitro-content_37L0slb {
     border-color: #3274E0;
 }
@@ -4336,6 +4338,14 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 ._user-profile_vitro-dropdown-item_dSErsta:hover,
 ._user-profile_vitro-dropdown-item_dSErsta:active {
     background: #DCEEFF;
+}
+
+._user-profile_vitro-avatar_3SzDPAi {
+    width: 32px;
+    min-width: 32px;
+    height: 32px;
+    line-height: 32px;
+    font-size: 16px;
 }
 ._user-lookup-picker_vitro-avatar_2vI-SeH {
     height: 20px;

package/dist/index.d.ts

@@ -30,6 +30,8 @@ import { PdfViewer } from './controls/PdfViewer/PdfViewer';
 import { PdfViewerContext } from './controls/PdfViewer/PdfViewerContext';
 import { Login } from './controls/Login/Login';
 import { Input } from './controls/Input/Input';
+import { NumberInput } from './controls/NumberInput/NumberInput';
+import * as NUMBER_INPUT from './controls/NumberInput/NumberInputConstants';
 import { PasswordInput } from './controls/PasswordInput/PasswordInput';
 import { DatePicker } from './controls/DatePicker/DatePicker';
 import { TimePicker } from './controls/TimePicker/TimePicker';
@@ -86,6 +88,7 @@ export { ControlGroup, TabItem };
 export { PdfViewer, PdfViewerContext };
 export { Login };
 export { Input };
+export { NumberInput, NUMBER_INPUT };
 export { DatePicker };
 export { TimePicker };
 export { Button };

package/dist/index.js

@@ -60732,15 +60732,6 @@ var AUTOCOMPLETE;
   AUTOCOMPLETE["ON"] = "on";
   AUTOCOMPLETE["OFF"] = "off";
 })(AUTOCOMPLETE || (AUTOCOMPLETE = {}));
-var NUMBER;
-(function (NUMBER) {
-  NUMBER["FLOAT"] = "float";
-})(NUMBER || (NUMBER = {}));
-var REGEXP;
-(function (REGEXP) {
-  REGEXP["FLOAT"] = "^[0-9]+[.,]?[0-9]{0,2}$";
-  REGEXP["INT"] = "^[0-9]+$";
-})(REGEXP || (REGEXP = {}));
 
 var KEY_CODE = function KEY_CODE() {};
 KEY_CODE.ENTER = 13;
@@ -60750,9 +60741,6 @@ var styles$f = {"vitro-control":"_input_vitro-control_1DmPFkF","vitro-focus":"_i
 var PX_UNIT$2 = 'px';
 var Input = React.forwardRef(function (props, ref) {
   var control;
-  var localeSeparator = 1.1.toLocaleString()[1];
-  var secondLocaleSeparator = localeSeparator === CTRL.COMMA ? CTRL.DOT : CTRL.COMMA;
-  var regex = props.number === NUMBER.FLOAT ? new RegExp(REGEXP.FLOAT) : new RegExp(REGEXP.INT);
   var _useState = React.useState({}),
     style = _useState[0],
     setStyle = _useState[1];
@@ -60763,14 +60751,9 @@ var Input = React.forwardRef(function (props, ref) {
     state = _useState3[0],
     setState = _useState3[1];
   var inputRef = React.useRef(null);
-  React.useEffect(function () {
-    if (props.value) {
-      updateValue(props.value, true);
-    }
-  }, []);
   React.useEffect(function () {
     var value = props.value ? props.value : CTRL.EMPTY;
-    if (inputValue !== value) updateValue(value, true);
+    setInputValue(value);
   }, [props.value]);
   React.useEffect(function () {
     setState(props.errorMessage || props.isError ? styles$f['vitro-error'] : CTRL.EMPTY);
@@ -60788,36 +60771,19 @@ var Input = React.forwardRef(function (props, ref) {
         if (inputRef.current) {
           inputRef.current.focus();
         }
+      },
+      setValue: function setValue(value) {
+        setInputValue(value);
+      },
+      getValue: function getValue() {
+        return inputValue;
       }
     };
   });
-  var updateValue = function updateValue(value, isInit) {
-    var newValue = inputValue;
-    if (!props.number) {
-      setInputValue(value);
-      newValue = value;
-    } else {
-      if (regex.test(value)) {
-        var localeValue = value.toString().replace(secondLocaleSeparator, localeSeparator);
-        newValue = parseFloat(localeValue.replace(CTRL.COMMA, CTRL.DOT));
-        if (isInit) {
-          setInputValue(newValue.toLocaleString(navigator.language, {
-            useGrouping: false
-          }));
-        } else {
-          setInputValue(localeValue);
-        }
-      }
-      if (value == null || value === CTRL.EMPTY) {
-        setInputValue(CTRL.ZERO);
-        newValue = 0;
-      }
-    }
-    return newValue.toString();
-  };
   var onChange = function onChange(e) {
     var oldValue = inputValue;
-    var newValue = updateValue(e.target.value);
+    var newValue = e.target.value;
+    setInputValue(newValue);
     if (oldValue !== newValue && props.onChange) {
       props.onChange(newValue, e.target.name);
     }
@@ -60863,7 +60829,7 @@ var Input = React.forwardRef(function (props, ref) {
       readOnly: props.isReadOnly,
       disabled: props.isDisabled,
       name: props.name,
-      rows: props.rows,
+      rows: props.rows || 3,
       placeholder: props.placeholder,
       required: props.isRequired,
       value: inputValue ? inputValue : CTRL.EMPTY,
@@ -60944,7 +60910,7 @@ var IssueTileFooter = function IssueTileFooter(props) {
   }));
 };
 
-var styles$h = {"vitro-avatar":"_avatar_vitro-avatar_P2tU-_r","vitro-avatar-big":"_avatar_vitro-avatar-big_pEmlX3a"};
+var styles$h = {"vitro-avatar":"_avatar_vitro-avatar_P2tU-_r"};
 
 var Avatar = function Avatar(props) {
   var getInitials = function getInitials() {
@@ -60957,9 +60923,7 @@ var Avatar = function Avatar(props) {
     return initials;
   };
   var getBackground = function getBackground() {
-    if (props.image) {
-      return "url(\"" + props.image + "\")";
-    } else if (props.userName) {
+    if (props.userName) {
       return getBgColor(props.userName);
     }
     return CTRL.EMPTY;
@@ -60985,14 +60949,15 @@ var Avatar = function Avatar(props) {
   var getBgColor = function getBgColor(name) {
     return "linear-gradient(0deg, hsla(" + getHue(name) + ", 58%, 55%, 1), hsla(" + (getHue(name) + 50) + ", 100%, 78%, 1))";
   };
-  var className = styles$h['vitro-avatar'] + (props.isBigSize ? CTRL.SPACE + styles$h['vitro-avatar-big'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
+  var className = styles$h['vitro-avatar'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className,
     style: {
-      background: getBackground(),
-      backgroundSize: props.image ? "cover" : undefined
+      background: getBackground()
     }
-  }, props.image ? null : getInitials());
+  }, props.image ? React__default.createElement("img", {
+    src: props.image
+  }) : getInitials());
 };
 
 var styles$i = {"vitro-issue-tile-header":"_issue-tile-header_vitro-issue-tile-header_jTcaXBE","vitro-link":"_issue-tile-header_vitro-link_9DQ3Bqk","vitro-user-info":"_issue-tile-header_vitro-user-info_16Yhluy","vitro-avatar":"_issue-tile-header_vitro-avatar_3rf1BME","vitro-dropdown-button":"_issue-tile-header_vitro-dropdown-button_1-7nI-k"};
@@ -61395,6 +61360,102 @@ var Login = React.forwardRef(function (props, ref) {
   }));
 });
 
+var AUTOCOMPLETE$1;
+(function (AUTOCOMPLETE) {
+  AUTOCOMPLETE["ON"] = "on";
+  AUTOCOMPLETE["OFF"] = "off";
+})(AUTOCOMPLETE$1 || (AUTOCOMPLETE$1 = {}));
+var TYPE$1;
+(function (TYPE) {
+  TYPE["FLOAT"] = "float";
+  TYPE["INT"] = "int";
+})(TYPE$1 || (TYPE$1 = {}));
+var REGEXP;
+(function (REGEXP) {
+  REGEXP["FLOAT"] = "^[0-9]+[.,]?[0-9]{0,2}$";
+  REGEXP["INT"] = "^[0-9]+$";
+})(REGEXP || (REGEXP = {}));
+
+var NumberInputConstants = {
+    __proto__: null,
+    get AUTOCOMPLETE () { return AUTOCOMPLETE$1; },
+    get TYPE () { return TYPE$1; },
+    get REGEXP () { return REGEXP; }
+};
+
+var NumberInput = React.forwardRef(function (props, ref) {
+  var _useState = React.useState(null),
+    inputValue = _useState[0],
+    setInputValue = _useState[1];
+  var localeSeparator = 1.1.toLocaleString()[1];
+  var secondLocaleSeparator = localeSeparator === CTRL.COMMA ? CTRL.DOT : CTRL.COMMA;
+  var inputRef = React.useRef();
+  React.useEffect(function () {
+    if (props.value) {
+      setInputValue(getValue(props.value.toString()));
+    }
+  }, [props.value]);
+  React.useImperativeHandle(ref, function () {
+    return {
+      focus: function focus() {
+        if (inputRef.current) {
+          inputRef.current.focus();
+        }
+      },
+      setValue: function setValue(value) {
+        inputRef.current.setValue(value);
+      },
+      getValue: function getValue() {
+        return inputRef.current.getValue();
+      }
+    };
+  });
+  var getValue = function getValue(value) {
+    var newValue = inputValue;
+    if (value === CTRL.EMPTY) {
+      newValue = value;
+    }
+    if (props.number === TYPE$1.INT) {
+      if (new RegExp(REGEXP.INT).test(value)) {
+        newValue = value;
+      }
+    }
+    if (props.number === TYPE$1.FLOAT) {
+      if (new RegExp(REGEXP.FLOAT).test(value)) {
+        newValue = value.replace(secondLocaleSeparator, localeSeparator);
+      }
+    }
+    setInputValue(newValue);
+    return newValue;
+  };
+  var parseValue = function parseValue(value) {
+    if (value === CTRL.EMPTY) {
+      return null;
+    }
+    if (props.number === TYPE$1.INT) {
+      return parseInt(value);
+    } else {
+      var floatString = value.replace(CTRL.COMMA, CTRL.DOT);
+      return parseFloat(floatString);
+    }
+  };
+  var onChange = function onChange(value, name) {
+    var newValue = getValue(value);
+    if (inputRef && inputRef.current) {
+      inputRef.current.setValue(newValue);
+    }
+    var newParsedValue = parseValue(newValue);
+    if (props.onChange) {
+      props.onChange(newParsedValue, name);
+    }
+  };
+  return React__default.createElement(Input, Object.assign({}, props, {
+    value: inputValue,
+    onChange: onChange,
+    ref: inputRef
+  }));
+});
+
 var VIEW;
 (function (VIEW) {
   VIEW["MONTH"] = "month";
@@ -61794,7 +61855,7 @@ var LOCALE$4;
   LOCALE["PLACEHOLDER_EMPTY"] = "app.common.lookupPicker.empty";
 })(LOCALE$4 || (LOCALE$4 = {}));
 
-var styles$r = {"vitro-lookup-picker":"_lookup-picker_vitro-lookup-picker_1aXYQEG","vitro-content":"_lookup-picker_vitro-content_37L0slb","vitro-focus":"_lookup-picker_vitro-focus_2UGpxXD","vitro-label":"_lookup-picker_vitro-label_2QoJkUz","vitro-read-only":"_lookup-picker_vitro-read-only_32NOdGB","vitro-error":"_lookup-picker_vitro-error_dF7iopC","vitro-error-text":"_lookup-picker_vitro-error-text_273lqvD","vitro-button-copy":"_lookup-picker_vitro-button-copy_2UIHHZD","vitro-right":"_lookup-picker_vitro-right_1XFsL1w","vitro-button-close":"_lookup-picker_vitro-button-close_3_Qndrj","vitro-button-collapse-up":"_lookup-picker_vitro-button-collapse-up_3i0OJub","vitro-button-collapse-bottom":"_lookup-picker_vitro-button-collapse-bottom_3o0Pl83"};
+var styles$r = {"vitro-lookup-picker":"_lookup-picker_vitro-lookup-picker_1aXYQEG","vitro-content":"_lookup-picker_vitro-content_37L0slb","vitro-lookup-picker-multi-select":"_lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk","vitro-focus":"_lookup-picker_vitro-focus_2UGpxXD","vitro-label":"_lookup-picker_vitro-label_2QoJkUz","vitro-read-only":"_lookup-picker_vitro-read-only_32NOdGB","vitro-error":"_lookup-picker_vitro-error_dF7iopC","vitro-error-text":"_lookup-picker_vitro-error-text_273lqvD","vitro-button-copy":"_lookup-picker_vitro-button-copy_2UIHHZD","vitro-right":"_lookup-picker_vitro-right_1XFsL1w","vitro-button-close":"_lookup-picker_vitro-button-close_3_Qndrj","vitro-button-collapse-up":"_lookup-picker_vitro-button-collapse-up_3i0OJub","vitro-button-collapse-bottom":"_lookup-picker_vitro-button-collapse-bottom_3o0Pl83"};
 
 var $$5 = window.$;
 var LookupPicker = React.forwardRef(function (props, ref) {
@@ -64042,16 +64103,16 @@ var Alert$1 = function Alert(props) {
   })), props.text && props.children, props.isMultiline && actionList));
 };
 
-var TYPE$1;
+var TYPE$2;
 (function (TYPE) {
   TYPE["SUCCESS"] = "success";
   TYPE["ERROR"] = "danger";
   TYPE["WARNING"] = "warning";
-})(TYPE$1 || (TYPE$1 = {}));
+})(TYPE$2 || (TYPE$2 = {}));
 
 var AlertConstants = {
     __proto__: null,
-    get TYPE () { return TYPE$1; }
+    get TYPE () { return TYPE$2; }
 };
 
 var DialogComponent = function DialogComponent(props) {
@@ -64199,7 +64260,7 @@ var Dialog = function Dialog(props) {
   }) : null));
 };
 
-var styles$E = {"vitro-user-profile":"_user-profile_vitro-user-profile_11XpBoQ","vitro-dropdown-item":"_user-profile_vitro-dropdown-item_dSErsta"};
+var styles$E = {"vitro-user-profile":"_user-profile_vitro-user-profile_11XpBoQ","vitro-dropdown-item":"_user-profile_vitro-dropdown-item_dSErsta","vitro-avatar":"_user-profile_vitro-avatar_3SzDPAi"};
 
 var UserProfileMenuItem = function UserProfileMenuItem(props) {
   var onClick = function onClick() {
@@ -64263,7 +64324,7 @@ var UserProfile = function UserProfile(props) {
   }, createSurnameWithInitials(props.userName)), React__default.createElement(Avatar, {
     userName: props.userName,
     image: props.image,
-    isBigSize: true
+    className: styles$E['vitro-avatar']
   }))), React__default.createElement(DropdownMenu$2, {
     right: true
   }, props.dropdownMenuItemList && props.dropdownMenuItemList.length > 0 && props.dropdownMenuItemList.map(function (item) {
@@ -64327,8 +64388,7 @@ var ActivityItem = function ActivityItem(props) {
   }, React__default.createElement(Avatar, {
     userName: props.userName,
     image: props.userImageUrl,
-    className: styles$H['vitro-avatar'],
-    isBigSize: true
+    className: styles$H['vitro-avatar']
   }), React__default.createElement("div", {
     className: styles$H['vitro-content']
   }, React__default.createElement("div", null, React__default.createElement("div", {
@@ -64450,6 +64510,7 @@ CONTROL.CHECKBOX = 'Checkbox';
 CONTROL.IMAGE_PICKER = 'ImagePicker';
 CONTROL.AVATAR = 'Avatar';
 CONTROL.INPUT = 'Input';
+CONTROL.NUMBER_INPUT = 'NumberInput';
 CONTROL.PASSWORD = 'Password';
 CONTROL.TIME_PICKER = 'TimePicker';
 
@@ -65527,6 +65588,8 @@ exports.Login = Login;
 exports.LookupPicker = LookupPicker;
 exports.MessageInput = MessageInput;
 exports.MicroFrontend = MicroFrontend;
+exports.NUMBER_INPUT = NumberInputConstants;
+exports.NumberInput = NumberInput;
 exports.PasswordInput = PasswordInput;
 exports.PdfViewer = PdfViewer;
 exports.ScrollBar = ScrollBar;