Latest updates from IceHrmPro

web/node_modules/rc-align/lib/Align.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Removed props:
+ *  - childrenProps
+ */
+import React from 'react';
+import { AlignType, AlignResult, TargetType } from './interface';
+declare type OnAlign = (source: HTMLElement, result: AlignResult) => void;
+export interface AlignProps {
+    align: AlignType;
+    target: TargetType;
+    onAlign?: OnAlign;
+    monitorBufferTime?: number;
+    monitorWindowResize?: boolean;
+    disabled?: boolean;
+    children: React.ReactElement;
+}
+export interface RefAlign {
+    forceAlign: () => void;
+}
+declare const RefAlign: React.ForwardRefExoticComponent<AlignProps & React.RefAttributes<RefAlign>>;
+export default RefAlign;

web/node_modules/rc-align/lib/Align.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ref2 = require("rc-util/lib/ref");
+
+var _domAlign = require("dom-align");
+
+var _addEventListener = _interopRequireDefault(require("rc-util/lib/Dom/addEventListener"));
+
+var _util = require("./util");
+
+var _useBuffer3 = _interopRequireDefault(require("./hooks/useBuffer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function getElement(func) {
+  if (typeof func !== 'function') return null;
+  return func();
+}
+
+function getPoint(point) {
+  if (_typeof(point) !== 'object' || !point) return null;
+  return point;
+}
+
+var Align = function Align(_ref, ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled,
+      target = _ref.target,
+      align = _ref.align,
+      onAlign = _ref.onAlign,
+      monitorWindowResize = _ref.monitorWindowResize,
+      _ref$monitorBufferTim = _ref.monitorBufferTime,
+      monitorBufferTime = _ref$monitorBufferTim === void 0 ? 0 : _ref$monitorBufferTim;
+
+  var cacheRef = _react.default.useRef({});
+
+  var nodeRef = _react.default.useRef();
+
+  var childNode = _react.default.Children.only(children); // ===================== Align ======================
+  // We save the props here to avoid closure makes props ood
+
+
+  var forceAlignPropsRef = _react.default.useRef({});
+
+  forceAlignPropsRef.current.disabled = disabled;
+  forceAlignPropsRef.current.target = target;
+  forceAlignPropsRef.current.onAlign = onAlign;
+
+  var _useBuffer = (0, _useBuffer3.default)(function () {
+    var _forceAlignPropsRef$c = forceAlignPropsRef.current,
+        latestDisabled = _forceAlignPropsRef$c.disabled,
+        latestTarget = _forceAlignPropsRef$c.target;
+
+    if (!latestDisabled && latestTarget) {
+      var source = nodeRef.current;
+      var result;
+      var element = getElement(latestTarget);
+      var point = getPoint(latestTarget);
+      cacheRef.current.element = element;
+      cacheRef.current.point = point; // IE lose focus after element realign
+      // We should record activeElement and restore later
+
+      var _document = document,
+          activeElement = _document.activeElement;
+
+      if (element) {
+        result = (0, _domAlign.alignElement)(source, element, align);
+      } else if (point) {
+        result = (0, _domAlign.alignPoint)(source, point, align);
+      }
+
+      (0, _util.restoreFocus)(activeElement, source);
+
+      if (onAlign) {
+        onAlign(source, result);
+      }
+
+      return true;
+    }
+
+    return false;
+  }, monitorBufferTime),
+      _useBuffer2 = _slicedToArray(_useBuffer, 2),
+      _forceAlign = _useBuffer2[0],
+      cancelForceAlign = _useBuffer2[1]; // ===================== Effect =====================
+  // Listen for target updated
+
+
+  var resizeMonitor = _react.default.useRef({
+    cancel: function cancel() {}
+  }); // Listen for source updated
+
+
+  var sourceResizeMonitor = _react.default.useRef({
+    cancel: function cancel() {}
+  });
+
+  _react.default.useEffect(function () {
+    var element = getElement(target);
+    var point = getPoint(target);
+
+    if (nodeRef.current !== sourceResizeMonitor.current.element) {
+      sourceResizeMonitor.current.cancel();
+      sourceResizeMonitor.current.element = nodeRef.current;
+      sourceResizeMonitor.current.cancel = (0, _util.monitorResize)(nodeRef.current, _forceAlign);
+    }
+
+    if (cacheRef.current.element !== element || !(0, _util.isSamePoint)(cacheRef.current.point, point)) {
+      _forceAlign(); // Add resize observer
+
+
+      if (resizeMonitor.current.element !== element) {
+        resizeMonitor.current.cancel();
+        resizeMonitor.current.element = element;
+        resizeMonitor.current.cancel = (0, _util.monitorResize)(element, _forceAlign);
+      }
+    }
+  }); // Listen for disabled change
+
+
+  _react.default.useEffect(function () {
+    if (!disabled) {
+      _forceAlign();
+    } else {
+      cancelForceAlign();
+    }
+  }, [disabled]); // Listen for window resize
+
+
+  var winResizeRef = _react.default.useRef(null);
+
+  _react.default.useEffect(function () {
+    if (monitorWindowResize) {
+      if (!winResizeRef.current) {
+        winResizeRef.current = (0, _addEventListener.default)(window, 'resize', _forceAlign);
+      }
+    } else if (winResizeRef.current) {
+      winResizeRef.current.remove();
+      winResizeRef.current = null;
+    }
+  }, [monitorWindowResize]); // Clear all if unmount
+
+
+  _react.default.useEffect(function () {
+    return function () {
+      resizeMonitor.current.cancel();
+      sourceResizeMonitor.current.cancel();
+      if (winResizeRef.current) winResizeRef.current.remove();
+      cancelForceAlign();
+    };
+  }, []); // ====================== Ref =======================
+
+
+  _react.default.useImperativeHandle(ref, function () {
+    return {
+      forceAlign: function forceAlign() {
+        return _forceAlign(true);
+      }
+    };
+  }); // ===================== Render =====================
+
+
+  if (_react.default.isValidElement(childNode)) {
+    childNode = _react.default.cloneElement(childNode, {
+      ref: (0, _ref2.composeRef)(childNode.ref, nodeRef)
+    });
+  }
+
+  return childNode;
+};
+
+var RefAlign = _react.default.forwardRef(Align);
+
+RefAlign.displayName = 'Align';
+var _default = RefAlign;
+exports.default = _default;

web/node_modules/rc-align/lib/hooks/useBuffer.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (callback: () => boolean, buffer: number) => ((force?: boolean) => void)[];
+export default _default;

web/node_modules/rc-align/lib/hooks/useBuffer.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = function _default(callback, buffer) {
+  var calledRef = _react.default.useRef(false);
+
+  var timeoutRef = _react.default.useRef(null);
+
+  function cancelTrigger() {
+    window.clearTimeout(timeoutRef.current);
+  }
+
+  function trigger(force) {
+    if (!calledRef.current || force === true) {
+      if (callback() === false) {
+        // Not delay since callback cancelled self
+        return;
+      }
+
+      calledRef.current = true;
+      cancelTrigger();
+      timeoutRef.current = window.setTimeout(function () {
+        calledRef.current = false;
+      }, buffer);
+    } else {
+      cancelTrigger();
+      timeoutRef.current = window.setTimeout(function () {
+        calledRef.current = false;
+        trigger();
+      }, buffer);
+    }
+  }
+
+  return [trigger, function () {
+    calledRef.current = false;
+    cancelTrigger();
+  }];
+};
+
+exports.default = _default;

web/node_modules/rc-align/lib/index.d.ts

@@ -0,0 +1,2 @@
+import Align from './Align';
+export default Align;

web/node_modules/rc-align/lib/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Align = _interopRequireDefault(require("./Align"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// export this package's api
+var _default = _Align.default;
+exports.default = _default;

web/node_modules/rc-align/lib/interface.d.ts

@@ -0,0 +1,56 @@
+/** Two char of 't' 'b' 'c' 'l' 'r'. Example: 'lt' */
+export declare type AlignPoint = string;
+export interface AlignType {
+    /**
+     * move point of source node to align with point of target node.
+     * Such as ['tr','cc'], align top right point of source node with center point of target node.
+     * Point can be 't'(top), 'b'(bottom), 'c'(center), 'l'(left), 'r'(right) */
+    points?: AlignPoint[];
+    /**
+     * offset source node by offset[0] in x and offset[1] in y.
+     * If offset contains percentage string value, it is relative to sourceNode region.
+     */
+    offset?: number[];
+    /**
+     * offset target node by offset[0] in x and offset[1] in y.
+     * If targetOffset contains percentage string value, it is relative to targetNode region.
+     */
+    targetOffset?: number[];
+    /**
+     * If adjustX field is true, will adjust source node in x direction if source node is invisible.
+     * If adjustY field is true, will adjust source node in y direction if source node is invisible.
+     */
+    overflow?: {
+        adjustX?: boolean | number;
+        adjustY?: boolean | number;
+    };
+    /**
+     * Whether use css right instead of left to position
+     */
+    useCssRight?: boolean;
+    /**
+     * Whether use css bottom instead of top to position
+     */
+    useCssBottom?: boolean;
+    /**
+     * Whether use css transform instead of left/top/right/bottom to position if browser supports.
+     * Defaults to false.
+     */
+    useCssTransform?: boolean;
+}
+export interface AlignResult {
+    points: AlignPoint[];
+    offset: number[];
+    targetOffset: number[];
+    overflow: {
+        adjustX: boolean | number;
+        adjustY: boolean | number;
+    };
+}
+export interface TargetPoint {
+    clientX?: number;
+    clientY?: number;
+    pageX?: number;
+    pageY?: number;
+}
+export declare type TargetType = (() => HTMLElement) | TargetPoint;

web/node_modules/rc-align/lib/interface.js

@@ -0,0 +1 @@
+"use strict";

web/node_modules/rc-align/lib/util.d.ts

@@ -0,0 +1,4 @@
+import { TargetPoint } from './interface';
+export declare function isSamePoint(prev: TargetPoint, next: TargetPoint): boolean;
+export declare function restoreFocus(activeElement: any, container: any): void;
+export declare function monitorResize(element: HTMLElement, callback: Function): () => void;

web/node_modules/rc-align/lib/util.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSamePoint = isSamePoint;
+exports.restoreFocus = restoreFocus;
+exports.monitorResize = monitorResize;
+
+var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
+
+var _contains = _interopRequireDefault(require("rc-util/lib/Dom/contains"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function isSamePoint(prev, next) {
+  if (prev === next) return true;
+  if (!prev || !next) return false;
+
+  if ('pageX' in next && 'pageY' in next) {
+    return prev.pageX === next.pageX && prev.pageY === next.pageY;
+  }
+
+  if ('clientX' in next && 'clientY' in next) {
+    return prev.clientX === next.clientX && prev.clientY === next.clientY;
+  }
+
+  return false;
+}
+
+function restoreFocus(activeElement, container) {
+  // Focus back if is in the container
+  if (activeElement !== document.activeElement && (0, _contains.default)(container, activeElement)) {
+    activeElement.focus();
+  }
+}
+
+function monitorResize(element, callback) {
+  var prevWidth = null;
+  var prevHeight = null;
+
+  function onResize(_ref) {
+    var _ref2 = _slicedToArray(_ref, 1),
+        target = _ref2[0].target;
+
+    var _target$getBoundingCl = target.getBoundingClientRect(),
+        width = _target$getBoundingCl.width,
+        height = _target$getBoundingCl.height;
+
+    var fixedWidth = Math.floor(width);
+    var fixedHeight = Math.floor(height);
+
+    if (prevWidth !== fixedWidth || prevHeight !== fixedHeight) {
+      callback({
+        width: fixedWidth,
+        height: fixedHeight
+      });
+    }
+
+    prevWidth = fixedWidth;
+    prevHeight = fixedHeight;
+  }
+
+  var resizeObserver = new _resizeObserverPolyfill.default(onResize);
+
+  if (element) {
+    resizeObserver.observe(element);
+  }
+
+  return function () {
+    resizeObserver.disconnect();
+  };
+}