@vitrosoftware/common-ui-ts 1.1.24 → 1.1.27

package/dist/index.css

@@ -34,6 +34,7 @@
     margin-right: 12px;
     margin-bottom: 0;
     padding-bottom: 12px;
+    margin-bottom: 8px;
 }
 
 @media (max-width: 800px) {
@@ -344,7 +345,6 @@
 }
 
 #TreeView .ps {
-    padding-top: 8px;
     padding-right: 12px;
 }
 
@@ -405,6 +405,10 @@
     margin-left: 0;
 }
 
+.vitro-root-node > .jstree-anchor > .jstree-checkbox {
+    display: none;
+}
+
 ._tree-view_vitro-tree-view_3oii-CW .vitro-root-node > .jstree-anchor > .jstree-icon.folder {
     /* root-folder.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%3Cpath d='M10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V18C21.5 19.3807 20.3807 20.5 19 20.5H5C3.61929 20.5 2.5 19.3807 2.5 18V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355Z' stroke='%23999B9D' stroke-linejoin='round'/%3E%3Cpath d='M8 16L12 10' stroke='%23999B9D' stroke-linecap='round'/%3E%3Cpath d='M12 16L16 16' stroke='%23999B9D' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
@@ -434,7 +438,7 @@
     height: 32px !important;
     line-height: 32px !important;
     background-position: center !important;
-    background-size: 100% !important;
+    background-size: 100%;
     margin-right: 4px;
 }
 
@@ -450,7 +454,22 @@
     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%3Cpath d='M9.5 7L14.5 12L9.5 17' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
     background-repeat: no-repeat;
     background-position: center center !important;
-}  
+}
+
+._tree-view_vitro-tree-view_3oii-CW .jstree-checkbox {
+    /* checkbox-big-empty.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='2' stroke='%23C0CAD5'/%3E%3C/svg%3E%0A");
+}
+
+._tree-view_vitro-tree-view_3oii-CW .jstree-checked .jstree-checkbox {
+    /* checkbox-big-active.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='2.5' fill='%234292F7'/%3E%3Cpath d='M16.7062 8.50593C17.0826 8.86144 17.0996 9.45479 16.7441 9.83121L11.4316 15.4562C11.2577 15.6404 11.0166 15.7463 10.7634 15.7499C10.5101 15.7535 10.2662 15.6545 10.0871 15.4754L7.27459 12.6629C6.90847 12.2968 6.90847 11.7032 7.27459 11.3371C7.6407 10.971 8.2343 10.971 8.60041 11.3371L10.7308 13.4675L15.3809 8.54379C15.7364 8.16737 16.3298 8.15042 16.7062 8.50593Z' fill='white'/%3E%3C/svg%3E%0A");
+}
+
+._tree-view_vitro-tree-view_3oii-CW .jstree-checkbox.jstree-undetermined {
+    /* checkbox-big-undetermined.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='7' width='10' height='10' rx='1' fill='%234292F7'/%3E%3Crect x='2.625' y='2.625' width='18.75' height='18.75' rx='1.875' stroke='%23C0CAD5' stroke-width='1.25'/%3E%3C/svg%3E%0A");
+}
 
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-custom-lookup-edit.css');
@@ -1262,6 +1281,7 @@
     color: #222D44 !important;
     border: 1px solid #E4E6EC !important;
     margin-right: 12px !important;
+    font-family: 'InterRegular' !important;
 }
 
 ._action-handler_vitro-button-cancel_GE8JsGp:hover, ._action-handler_vitro-button-cancel_GE8JsGp:active {
@@ -1269,9 +1289,9 @@
 }
 
 ._action-handler_vitro-button_1wSNAYT, ._action-handler_vitro-button-cancel_GE8JsGp {
-    min-width: 145px !important;
-    height: 44px !important;
-    font-size: 18px !important;
+    min-width: 120px !important;
+    height: 40px !important;
+    font-size: 16px !important;
 }
 
 ._action-handler_vitro-success_1bfGHQQ {
@@ -1473,13 +1493,6 @@
     color: #4A556C;
 }
 
-._dropdown-button_vitro-icon_2NCEoeb {
-    width: 20px;
-    height: 20px;
-    background-size: 20px;
-    margin-right: 12px;
-}
-
 ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu {
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     background: #fff;
@@ -1514,6 +1527,18 @@
     background-image: url(data:image/svg+xml,%3Csvg viewBox=%270 0 16 11%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z%27 fill=%27white%27/%3E%3C/svg%3E%0A);
 }
 
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item ._dropdown-button_vitro-icon_2NCEoeb {
+    width: 20px;
+    height: 20px;
+    margin-right: 12px;
+    margin-left: 0;
+}
+
+._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item ._dropdown-button_vitro-icon_2NCEoeb img {
+    width: 20px;
+    height: 20px;
+}
+
 ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item {
     display: flex;
     align-items: center;
@@ -1616,6 +1641,10 @@
     border-radius: 0 0 4px 4px;
 }
 
+._tab-group_vitro-tab_1Qb50HL .nav .dropdown-item:first-child:last-child {
+    border-radius: 4px;
+}
+
 ._tab-group_vitro-tab_1Qb50HL .nav > div._tab-group_vitro-item_2YnBcmb {
     flex-grow: 1;
     text-align: center;
@@ -3056,6 +3085,7 @@
 ._lookup-picker_vitro-lookup-picker_1aXYQEG {
     position: relative;
     margin-bottom: 22px;
+    width: 100%;
 }
 
 ._lookup-picker_vitro-content_37L0slb {
@@ -3432,11 +3462,15 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-item ._command-menu-dropdown-button_vitro-icon_36InzPx {
     width: 20px;
     height: 20px;
-    background-size: 20px !important;
     margin-right: 12px;
     margin-left: 0;
 }
 
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-item ._command-menu-dropdown-button_vitro-icon_36InzPx img {
+    width: 20px;
+    height: 20px;
+}
+
 ._command-menu-dropdown-button_vitro-button-collapse-bottom_1OS_X_a {
     width: 24px;
     height: 24px;
@@ -3471,7 +3505,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     width: 24px;
 }
 
-.vitro-button-context > div {
+.vitro-button-context > div,
+.vitro-button-context img {
     margin: 0 !important;
 }
 
@@ -3814,7 +3849,12 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     width: 450px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     border-radius: 4px;
-    padding: 12px !important;
+}
+
+._alert_vitro-alert_3sPAkJb .alert {
+    margin-bottom: 0;
+    padding: 12px;
+    border-radius: 4px;
 }
 
 #Timesheets ._alert_vitro-alert_3sPAkJb {
@@ -3956,82 +3996,93 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     margin: 5px;
 }
 
-._alert_vitro-alert_3sPAkJb.alert-danger,
-._alert_vitro-alert_3sPAkJb.alert-success,
-._alert_vitro-alert_3sPAkJb.alert-warning {
+._alert_vitro-alert_3sPAkJb .alert-danger,
+._alert_vitro-alert_3sPAkJb .alert-success,
+._alert_vitro-alert_3sPAkJb .alert-warning {
     border: none;
     background-color: #fff !important;
     color: #222d44;
 }
 
-._alert_vitro-alert_3sPAkJb.alert-danger {
+._alert_vitro-alert_3sPAkJb .alert-danger {
     border-left: 4px solid #D13438;
 }
 
-._alert_vitro-alert_3sPAkJb.alert-success {
+._alert_vitro-alert_3sPAkJb .alert-success {
     border-left: 4px solid #198754;
 }
 
-._alert_vitro-alert_3sPAkJb.alert-warning {
+._alert_vitro-alert_3sPAkJb .alert-warning {
     border-left: 4px solid #F3AD4A;
 }
 
-._alert_vitro-alert_3sPAkJb.alert-danger ._alert_vitro-icon_pK385gF {
+._alert_vitro-alert_3sPAkJb .alert-danger ._alert_vitro-icon_pK385gF {
     /* error.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23D13438'/%3E%3Cpath id='Vector_2' d='M9 15L12 12L15 15M15 9L11.9994 12L9 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
 }
 
-._alert_vitro-alert_3sPAkJb.alert-success ._alert_vitro-icon_pK385gF {
+._alert_vitro-alert_3sPAkJb .alert-success ._alert_vitro-icon_pK385gF {
     /* success.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath id='Vector' d='M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z' fill='%23198754'/%3E%3Cpath id='Vector_2' d='M8 12L11 15L16 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
 }
 
-._alert_vitro-alert_3sPAkJb.alert-warning ._alert_vitro-icon_pK385gF {
+._alert_vitro-alert_3sPAkJb .alert-warning ._alert_vitro-icon_pK385gF {
     /* warning.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23F3AD4A'/%3E%3Cg id='Vector_2'%3E%3Cpath d='M12 6V12Z' fill='white'/%3E%3Cpath d='M12 6V12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Ccircle id='Ellipse 135' cx='12' cy='17' r='1' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
 }
-._dialog-header_vitro-dialog-header_2W3GraU {
-    font-size: 18px;
-    line-height: 150%;
-    margin-bottom: 12px;
+._dialog-content_vitro-dialog-content_qQNWu6x {
+    min-width: auto;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    flex-shrink: 1;
 }
-
-._dialog_vitro-dialog_2NzcRZg {
-    position: fixed;
-    margin: 0 auto;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 10000;
+
+._dialog-content_vitro-dialog-content_qQNWu6x .ps {
+    padding-top: 12px;
+    padding-left: 16px;
+}
+
+._dialog-content_vitro-dialog-content_qQNWu6x > div {
+    max-height: 100%;
+}
+._dialog-header_vitro-dialog-header_2W3GraU {
+    padding: 20px 16px;
+    border-bottom: 1px solid #E4E6EC;
+    background: #fff;
+    border-radius: 4px 4px 0 0;
     display: flex;
     align-items: center;
-    justify-content: center;
-    background: rgba(34, 45, 68, 0.2);
 }
 
-._dialog_vitro-dialog_2NzcRZg > div {
-    display: flex;
-    flex-direction: column;
-    border: 1px solid #C0CAD5;
-    background: #fff;
-    position: absolute;
-    display: block;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    opacity: 1;
-    padding: 24px;
-    border-radius: 4px;
-    min-height: 514px;
-    width: 760px;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+._dialog-header_vitro-title_2k8SPhE {
+    color: #222D44;
+    font-size: 20px;
+    line-height: 24px;
+    margin-bottom: 0;
 }
 
-._dialog_vitro-dialog_2NzcRZg .vitro-content {
-    height: 400px;
+._dialog-header_vitro-description_Hiq51VI {
+    color: #4A556C;
+    font-size: 14px;
+    line-height: 16px;
+    margin-top: 7px;
+    margin-bottom: 0;
+}
+
+._dialog-header_vitro-icon_3GtsVWO {
+    width: 38px;
+    height: 38px;
+    margin-right: 16px;
+}
+._dialog-button_vitro-dialog-button_1fQ5l22 {
+    margin-left: 12px;
+}
+
+._dialog-button_vitro-dialog-button_1fQ5l22:disabled {
+    background: #E0E0E0;
 }
-
 ._dialog-button-close_vitro-dialog-button-close_1p27cEz {
     display: block;
     position: absolute;
@@ -4040,20 +4091,19 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     outline: 0;
     cursor: pointer;
     padding: 0;
-    width: 32px;
-    height: 32px;
-    right: -48px;
+    width: 26px;
+    height: 26px;
+    right: -42px;
     top: 2px;
     /* close.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 32.333l16-16m0 0l-16-16m16 16l16 16m-16-16l16-16'%3E%3C/path%3E%3C/svg%3E");
 }
 
 ._dialog-button-close_vitro-button-close_2BpzTR0 {
+    font-family: 'InterRegular' !important;
     background: #fff !important;
     color: #222D44 !important;
     border: none;
-    margin-left: 12px;
-    font-family: 'InterRegular' !important;
 }
 
 ._dialog-button-close_vitro-button-close_2BpzTR0:hover,
@@ -4067,47 +4117,46 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     }
 }
 
-._dialog-content_vitro-dialog-content_qQNWu6x {
-    min-width: auto;
-    overflow: visible;
-    flex: none;
+._dialog-footer_vitro-dialog-footer_2vUQ3aG {
     display: flex;
-    flex-direction: column;
-}
-
-._dialog-content_vitro-dialog-content_qQNWu6x > div:first-child {
-    margin-top: 26px;
-}
-
-._dialog-content_vitro-dialog-content_qQNWu6x {
-    max-height: 360px !important;
-    height: 360px;
-}
-
-._dialog-content_vitro-dialog-content_qQNWu6x textarea {
-    max-height: 200px;
+    justify-content: flex-end;
+    background: #fff;
+    width: 100%;
+    padding: 16px;
+    border-top: 1px solid #E4E6EC;
+    margin-top: auto;
+    border-radius: 0 0 4px 4px;
 }
-
-._dialog-content_vitro-dialog-content_qQNWu6x:has(div[role=alert]) textarea {
-    max-height: 125px;
+
+._dialog_vitro-dialog_2NzcRZg {
+    position: fixed;
+    margin: 0 auto;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 10000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(34, 45, 68, 0.2);
 }
 
-.vitro-time-log-history {
-    height: 100%;
-    margin: 0 !important;
-}
-
-._dialog-button_vitro-dialog-button_1fQ5l22:disabled {
-    background: #E0E0E0;
-}
-._dialog-footer_vitro-dialog-footer_2vUQ3aG {
+._dialog_vitro-dialog_2NzcRZg > div {
     display: flex;
-    justify-content: flex-end;
-    z-index: 1000;
+    flex-direction: column;
+    border: 1px solid #C0CAD5;
     background: #fff;
     position: absolute;
-    bottom: 0;
-    right: 0;
+    overflow: visible;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    opacity: 1;
+    border-radius: 4px;
+    height: 534px;
+    width: 760px;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 ._user-profile_vitro-user-profile_11XpBoQ span {
     margin-right: 10px;
@@ -4287,3 +4336,115 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 ._activity-item_vitro-avatar_218ZqAk {
     margin-right: 4px;
 }
+
+._message-input_vitro-message-input_3MkcjWD {
+    display: flex;
+    align-items: flex-start;
+    border-top: 1px solid #e0e0e0;
+    padding-top: 12px;
+}
+
+._message-input_vitro-message-input_3MkcjWD ._message-input_vitro-control_1PUSjq9 {
+    width: 100%;
+    position: relative;
+    padding: 0;
+    border-radius: 4px;
+    border: 1px solid #C0CAD5;
+    min-height: 40px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 8px;
+    margin-left: 8px;
+}
+
+._message-input_vitro-control_1PUSjq9 textarea {
+    border: none;
+    resize: none;
+    line-height: 20px;
+    overflow-y: auto;
+    height: 20px;
+    width: 90%;
+}
+
+._message-input_vitro-control_1PUSjq9 span {
+    overflow-y: auto;
+    width: 90%;
+    height: -moz-fit-content;
+    height: fit-content;
+    max-height: 60px;
+}
+
+._message-input_vitro-button-send_1vktQrZ {
+    height: 24px;
+    width: 24px;
+    background-color: #fff;
+    border: none;
+    outline: none;
+    background-size: 100%;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23BDBDBD;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M18,10L1.5,8.5l0-5.9L18,10c-5.5,2.5-11,5-16.5,7.5v-6L18,10'/%3E%3C/svg%3E");
+}
+
+._message-input_vitro-button-send_1vktQrZ:hover,
+._message-input_vitro-button-send_1vktQrZ:active {
+    background-color: none;
+    border: none;
+    outline: none;
+}
+
+.vitro-input-upload-file {
+    height: 24px;
+}
+
+.vitro-input-upload-file input {
+    display: none;
+}
+
+.vitro-input-upload-file label {
+    margin-bottom: 0px;
+}
+
+.card-header, textarea.note-codable, .note-statusbar, .note-table-popover.bottom, .note-link-popover.bottom, .note-dropzone {
+    display: none;
+}
+
+.note-editor {
+    width: 100%;
+    border: none !important;
+}
+
+.note-editable {
+    color: #4F4F4F;
+}
+
+.note-editable img {
+    max-width: 200px;
+    display: block;
+}
+
+.note-popover.popover {
+    max-width: 440px;
+    max-height: 150px;
+    overflow-y: auto;
+    border: none;
+    background: #fff;
+    box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
+    border-radius: 8px;
+    margin-bottom: 8px;
+}
+
+.note-popover.popover div.note-hint-group {
+    padding: 8px 0;
+}
+
+.note-hint-item {
+    padding: 4px 8px;
+    font-family: "InterRegular";
+    font-size: 10pt;
+    line-height: 11pt;
+    cursor: pointer;
+}
+
+.note-hint-item:hover {
+    background: #F5F6FA;
+}

package/dist/index.d.ts

@@ -46,7 +46,7 @@ import { SidebarSection } from './controls/Sidebar/SidebarSection';
 import { TaskTile } from './controls/TaskTile/TaskTile';
 import { Alert } from './controls/Alert/Alert';
 import * as ALERT from './controls/Alert/AlertConstants';
-import { Dialog } from './controls/Dialog/Dialog';
+import { Dialog, DialogProps } from './controls/Dialog/Dialog';
 import { DialogContent } from './controls/Dialog/DialogContent';
 import { DialogFooter } from './controls/Dialog/DialogFooter';
 import { Avatar } from './controls/Avatar/Avatar';
@@ -61,6 +61,7 @@ import { ActivityItem, ActivityItemProps } from './controls/ActivityItem/Activit
 import { Icon } from './controls/Icon/Icon';
 import { EVENT } from './constants/Event';
 import { ScrollBar } from './controls/ScrollBar/ScrollBar';
+import { MessageInput } from './controls/MessageInput/MessageInput';
 export { Breadcrumbs };
 export { TopLevelMenu };
 export { TreeView, TreeViewContext, TREE_VIEW };
@@ -84,7 +85,7 @@ export { CommandMenu, CommandMenuButton, CommandMenuLookupPicker, CommandMenuDro
 export { Sidebar, SidebarItem, SidebarSection };
 export { TaskTile };
 export { Alert, ALERT };
-export { Dialog, DialogContent, DialogFooter };
+export { Dialog, DialogProps, DialogContent, DialogFooter };
 export { Avatar };
 export { UserProfile };
 export { UserLookupPicker };
@@ -96,3 +97,4 @@ export { ActivityItem, ActivityItemProps };
 export { Icon };
 export { EVENT };
 export { ScrollBar };
+export { MessageInput };