@vitrosoftware/common-ui-ts 1.1.70 → 1.1.72

package/css/white/controls/splitter/splitter.css

@@ -0,0 +1,106 @@
+:global(.splitter) {
+  height: 0 !important;
+  position: static;
+  display: flex;
+  align-content: flex-start;
+  user-select: text;
+  flex: 1 1 !important;
+  background: #F5F6FA;
+  margin: 0 6px 6px 6px;
+}
+
+:global(.splitter .splitter) {
+  margin: 0;
+}
+
+:global(.pane) {
+  flex-grow: 1;
+  height: 100%;
+  border-radius: 8px !important;
+  background: #fff;
+}
+
+:global(.splitter .pane):first-child {
+  width: 100%;
+  height: 100%;
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: auto;
+}
+
+:global(.splitter .pane):last-child {
+  flex: 1 1 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+  flex-basis: 0;
+  overflow: hidden;
+}
+
+:global(.bottom-detail-pane) {
+  padding: 10px;
+  background-color: #e7f5ce;
+  z-index: 10;
+}
+
+:global(.splitter .pane.bottom-detail-pane) {
+  overflow: auto;
+}
+
+:global(.handle-bar) {
+  cursor: col-resize;
+  height: auto !important;
+  width: 6px !important;
+  min-width: 6px !important;
+  z-index: 0;
+  background-color: #F5F6FA !important;
+}
+
+:global(.handle-bar):active, :global(.handle-bar):hover, :global(.handle-bar.handle-bar_clone) {
+    background-color: #F5F6FA !important;
+}
+
+:global(.handle-bar_drag) {
+  background: #ff5b2d;
+  /* ico-separator-2.svg URL-encoder for SVG */
+  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 4 40' style='enable-background:new 0 0 4 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ff5b2d;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Crect y='0' class='st0' width='4' height='40'/%3E%3C/g%3E%3Cpolygon class='st1' points='4,19 0,16.4 0,21.6 '/%3E%3C/svg%3E%0A");
+  background-position: center center;
+  background-repeat: no-repeat repeat;
+  width: 6px !important;
+  height: 40px !important;
+}
+
+:global(.handle-bar.handle-bar_clone) {
+  position: absolute;
+  opacity: .9;
+  z-index: 12000;
+}
+
+:global(.handle-bar.resize-not-allowed) {
+  cursor: auto;
+}
+
+:global(.handle-bar.resize-not-allowed .handle-bar_drag) {
+  display: none;
+}
+
+:global(.rotate-90) {
+  transform: rotate(90deg);
+}
+
+:global(.pane > .splitter) {
+  height: inherit !important;
+}
+
+:global(#TableViewContainer > .splitter > .pane.primary) {
+  overflow: hidden;
+}
+
+@media (max-width: 800px) {
+  :global(#TableViewContainer > .splitter > .pane.primary) {
+    padding: 0;
+  }
+
+  :global(.handle-bar) {
+    display: none !important;
+  }
+}

package/dist/constants/Placement.d.ts

@@ -0,0 +1,7 @@
+export declare enum PLACEMENT {
+    TOP = "top",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    RIGHT = "right",
+    AUTO = "auto"
+}

package/dist/constants/Unit.d.ts

@@ -0,0 +1,3 @@
+export declare class UNIT {
+    static readonly PX = "px";
+}

package/dist/controls/DatePicker/DatePicker.d.ts

@@ -16,6 +16,7 @@ interface DatePickerProps {
     isDisabled?: boolean;
     isReadOnly?: boolean;
     isRequired?: boolean;
+    isFlipDropdown?: boolean;
     isWorkDay?: (date: Date) => any;
     onOpen?: (e: any, container: any) => void;
     onChange?: (value: any, name?: string) => void;

package/dist/controls/FieldIterator/FieldIterator.d.ts

@@ -17,6 +17,7 @@ interface FieldIteratorProps {
         fieldName: string;
         message: string;
     }[];
+    isVisibleOverflow?: boolean;
     isReadOnly?: boolean;
 }
 export declare const FieldIterator: React.ForwardRefExoticComponent<FieldIteratorProps & React.RefAttributes<unknown>>;

package/dist/controls/LookupPicker/LookupPicker.d.ts

@@ -22,6 +22,7 @@ interface LookupPickerProps {
     isDisabled?: boolean;
     isReadOnly?: boolean;
     isRequired?: boolean;
+    isFlipDropdown?: boolean;
     onChange?: (value: any[] | any, name?: string) => void;
     onBlur?: (e: any, name?: string) => void;
     onFocus?: (e: any) => void;

package/dist/controls/LookupPicker/ValueList.d.ts

@@ -8,9 +8,12 @@ interface ValueListProps {
         id: string;
     }) => any;
     isPending?: boolean;
-    isVisible?: boolean;
+    isVisible: boolean;
+    isFlip?: boolean;
     onOptionValueSelect: (id: string) => any;
     emptyPlaceholder: string;
+    contentRef: any;
+    containerRef: any;
     getHtmlValue?: (item: {
         id: string;
     }) => FunctionComponentElement<any> | null;

package/dist/controls/RouteItem/RouteItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface RouteItemProps {
+    id: string;
+    name: string;
+    userName?: string;
+    userImage?: string;
+    date?: string;
+    status?: string;
+    statusColor?: string;
+    comment?: string;
+    itemId?: string;
+    itemUrl?: string;
+    children?: React.ReactNode;
+    target?: object;
+}
+export declare const RouteItem: (props: RouteItemProps) => JSX.Element;
+export {};

package/dist/controls/Splitter/Splitter.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import * as SPLITTER from './SplitterConstants';
+import '../../../css/std/controls/splitter/splitter.css';
+interface SplitterProps {
+    position?: SPLITTER.POSITION;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    isPostPoned?: boolean;
+    isDispatchResize?: boolean;
+    isMaximizedPrimaryPane?: boolean;
+    isMinimalizedPrimaryPane?: boolean;
+    onDragFinished?: () => any;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Splitter: (props: SplitterProps) => JSX.Element;
+export {};

package/dist/controls/Splitter/SplitterConstants.d.ts

@@ -0,0 +1,9 @@
+export declare enum POSITION {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export declare enum WIDTH {
+    DEFAULT = 70,
+    DEFAULT_MIN = 50,
+    DEFAULT_MAX = 80
+}

package/dist/controls/TableView/TableViewConstants.d.ts

@@ -86,7 +86,8 @@ export declare enum ATTRIBUTE {
     FULL_VALUE = "FullValue",
     ORIG_NAME = "Orig",
     ALIGN = "Align",
-    TIP = "Tip"
+    TIP = "Tip",
+    TIP_POSITION = "TipPosition"
 }
 export declare enum DRAG_ITEM_TYPE {
     CANNOT_DROP = 0,
@@ -138,7 +139,8 @@ export declare enum NUMBER_FORMAT {
 }
 export declare enum ACTION {
     SHOW_POPUP_MENU = "ShowPopupMenu",
-    SHOW_MENU = "ShowMenu"
+    SHOW_MENU = "ShowMenu",
+    CLEAR_FILTER = "ClearFilter"
 }
 export declare enum SECTION {
     HEADER = "Header",

package/dist/controls/TimePicker/TimePicker.d.ts

@@ -11,6 +11,7 @@ interface TimePickerProps {
     isDisabled?: boolean;
     isReadOnly?: boolean;
     isRequired?: boolean;
+    isFlipDropdown?: boolean;
     onChange?: (value: any) => void;
     onOpen?: (e: any, container: any) => void;
     onClose?: (e: any, container: any) => void;

package/dist/controls/UserLookupPicker/UserLookupPicker.d.ts

@@ -24,6 +24,7 @@ interface UserLookupPickerProps {
     isDisabled?: boolean;
     isReadOnly?: boolean;
     isRequired?: boolean;
+    isFlipDropdown?: boolean;
     onChange?: (value: any[] | any, name?: string) => void;
     onBlur?: (e: any, name?: string) => void;
     onFocus?: (e: any) => void;