@vitrosoftware/common-ui-ts 1.1.91 → 1.1.92

package/css/std/controls/table-view/table-view-custom-date-edit.css

@@ -1,9 +1,15 @@
 .table-view-custom-date-edit {
     width: auto;
-    position: absolute;
-    z-index: 10000;
+    margin-top: 6px;
+    margin-right: -20px;
     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;
+    z-index: 100;
+}
+
+.table-view-custom-date-edit > div {
+    width: 100%;
+    display: flex;
 }
 
 .table-view-custom-date-edit .k-footer {

package/dist/index.js

@@ -61708,7 +61708,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.91";
+var version$1 = "1.1.92";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -62465,14 +62465,15 @@ var LABEL_POSITION;
   LABEL_POSITION["LEFT"] = "left";
 })(LABEL_POSITION || (LABEL_POSITION = {}));
 
-var PLACEMENT$2;
 (function (PLACEMENT) {
   PLACEMENT["TOP"] = "top";
   PLACEMENT["BOTTOM"] = "bottom";
   PLACEMENT["LEFT"] = "left";
   PLACEMENT["RIGHT"] = "right";
   PLACEMENT["AUTO"] = "auto";
-})(PLACEMENT$2 || (PLACEMENT$2 = {}));
+  PLACEMENT["START"] = "start";
+  PLACEMENT["END"] = "end";
+})(exports.PLACEMENT || (exports.PLACEMENT = {}));
 
 var styles$z = {"vitro-control":"_date-picker_vitro-control_2AYXegb","vitro-display-none":"_date-picker_vitro-display-none_2wJx8XG","vitro-button-copy":"_date-picker_vitro-button-copy_1cGY1Uu","vitro-control-container":"_date-picker_vitro-control-container_2CVwecs","vitro-read-only":"_date-picker_vitro-read-only_2NZoMN5","vitro-label":"_date-picker_vitro-label_2jh9qxb","vitro-focus":"_date-picker_vitro-focus_2cJKcKr","vitro-error":"_date-picker_vitro-error_3DkgZiN","vitro-left-label":"_date-picker_vitro-left-label_ZFhZFS9","vitro-error-text":"_date-picker_vitro-error-text_15CdrRj"};
 
@@ -62662,7 +62663,7 @@ var DatePicker = React.forwardRef(function (props, ref) {
   }) : React__default.createElement(Overlay$1, {
     show: true,
     target: inputRef.current,
-    placement: PLACEMENT$2.AUTO
+    placement: exports.PLACEMENT.AUTO
   }, React__default.createElement("div", {
     style: style ? style : {},
     className: styles$z['vitro-control-container'] + (style ? CTRL.EMPTY : CTRL.SPACE + styles$z['vitro-display-none'])
@@ -62837,7 +62838,7 @@ var TimePicker = React.forwardRef(function (props, ref) {
   }) : React__default.createElement(Overlay$1, {
     show: true,
     target: inputRef.current,
-    placement: PLACEMENT$2.AUTO
+    placement: exports.PLACEMENT.AUTO
   }, React__default.createElement("div", {
     style: style ? style : {},
     className: styles$A['vitro-control-container'] + (style ? CTRL.EMPTY : CTRL.SPACE + styles$A['vitro-display-none'])
@@ -62932,7 +62933,7 @@ var ValueList = function ValueList(props) {
     show: props.isVisible,
     target: props.contentRef,
     container: props.isFlip ? props.containerRef : null,
-    placement: PLACEMENT$2.AUTO,
+    placement: exports.PLACEMENT.AUTO,
     flip: props.isFlip ? true : false
   }, React__default.createElement("div", {
     style: style ? style : {},
@@ -63636,7 +63637,7 @@ var GroupItem = function GroupItem(props) {
   })), props.isMobileView ? React__default.createElement(Overlay$1, {
     show: isExpanded,
     target: props.container,
-    placement: PLACEMENT$2.TOP
+    placement: exports.PLACEMENT.TOP
   }, React__default.createElement("div", {
     className: styles$H['vitro-popup-container']
   }, React__default.createElement("ul", {
@@ -66043,6 +66044,45 @@ var LinkInput = React.forwardRef(function (props, ref) {
   }));
 });
 
+var Overlay$2 = React.forwardRef(function (props, ref) {
+  var _useState = React.useState(null),
+    target = _useState[0],
+    _setTarget = _useState[1];
+  var _useState2 = React.useState(),
+    style = _useState2[0],
+    _setStyle = _useState2[1];
+  React.useImperativeHandle(ref, function () {
+    return {
+      setTarget: function setTarget(target) {
+        _setTarget(target);
+      },
+      setStyle: function setStyle(style) {
+        _setStyle(style);
+      }
+    };
+  });
+  React.useEffect(function () {
+    if (props.target) {
+      _setTarget(props.target);
+    }
+  }, [props.target]);
+  React.useEffect(function () {
+    if (props.style) {
+      _setStyle(props.style);
+    }
+  }, [props.style]);
+  return React__default.createElement(Overlay$1, {
+    show: props.isShow,
+    target: target,
+    container: props.container,
+    placement: props.placement || exports.PLACEMENT.AUTO,
+    flip: props.isFlip ? true : false
+  }, React__default.createElement("div", {
+    className: props.className,
+    style: style
+  }, props.children));
+});
+
 exports.ACTION_HANDLER = ActionHandlerConstants;
 exports.ALERT = AlertConstants;
 exports.ActionHandler = ActionHandler;
@@ -66097,6 +66137,7 @@ exports.MicroFrontend = MicroFrontend;
 exports.NTLMAuthenticationForm = NTLMAuthenticationForm;
 exports.NUMBER_INPUT = NumberInputConstants;
 exports.NumberInput = NumberInput;
+exports.Overlay = Overlay$2;
 exports.PageLayout = PageLayout;
 exports.PasswordInput = PasswordInput;
 exports.PdfViewer = PdfViewer;