Latest updates from IceHrmPro

web/node_modules/rc-picker/es/panels/DecadePanel/DecadeBody.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { GenerateConfig } from '../../generate';
+export declare const DECADE_COL_COUNT = 3;
+export interface YearBodyProps<DateType> {
+    prefixCls: string;
+    generateConfig: GenerateConfig<DateType>;
+    viewDate: DateType;
+    disabledDate?: (date: DateType) => boolean;
+    onSelect: (value: DateType) => void;
+}
+declare function DecadeBody<DateType>(props: YearBodyProps<DateType>): JSX.Element;
+export default DecadeBody;

web/node_modules/rc-picker/es/panels/DecadePanel/DecadeBody.js

@@ -0,0 +1,46 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import { DECADE_DISTANCE_COUNT, DECADE_UNIT_DIFF } from '.';
+import PanelBody from '../PanelBody';
+export var DECADE_COL_COUNT = 3;
+var DECADE_ROW_COUNT = 4;
+
+function DecadeBody(props) {
+  var DECADE_UNIT_DIFF_DES = DECADE_UNIT_DIFF - 1;
+  var prefixCls = props.prefixCls,
+      viewDate = props.viewDate,
+      generateConfig = props.generateConfig,
+      disabledDate = props.disabledDate;
+  var cellPrefixCls = "".concat(prefixCls, "-cell");
+  var yearNumber = generateConfig.getYear(viewDate);
+  var decadeYearNumber = Math.floor(yearNumber / DECADE_UNIT_DIFF) * DECADE_UNIT_DIFF;
+  var startDecadeYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;
+  var endDecadeYear = startDecadeYear + DECADE_DISTANCE_COUNT - 1;
+  var baseDecadeYear = generateConfig.setYear(viewDate, startDecadeYear - Math.ceil((DECADE_COL_COUNT * DECADE_ROW_COUNT * DECADE_UNIT_DIFF - DECADE_DISTANCE_COUNT) / 2));
+
+  var getCellClassName = function getCellClassName(date) {
+    var _ref;
+
+    var disabled = disabledDate && disabledDate(date);
+    var startDecadeNumber = generateConfig.getYear(date);
+    var endDecadeNumber = startDecadeNumber + DECADE_UNIT_DIFF_DES;
+    return _ref = {}, _defineProperty(_ref, "".concat(cellPrefixCls, "-disabled"), disabled), _defineProperty(_ref, "".concat(cellPrefixCls, "-in-view"), startDecadeYear <= startDecadeNumber && endDecadeNumber <= endDecadeYear), _defineProperty(_ref, "".concat(cellPrefixCls, "-selected"), startDecadeNumber === decadeYearNumber), _ref;
+  };
+
+  return React.createElement(PanelBody, Object.assign({}, props, {
+    rowNum: DECADE_ROW_COUNT,
+    colNum: DECADE_COL_COUNT,
+    baseDate: baseDecadeYear,
+    getCellText: function getCellText(date) {
+      var startDecadeNumber = generateConfig.getYear(date);
+      return "".concat(startDecadeNumber, "-").concat(startDecadeNumber + DECADE_UNIT_DIFF_DES);
+    },
+    getCellClassName: getCellClassName,
+    getCellDate: function getCellDate(date, offset) {
+      return generateConfig.addYear(date, offset * DECADE_UNIT_DIFF);
+    }
+  }));
+}
+
+export default DecadeBody;

web/node_modules/rc-picker/es/panels/DecadePanel/DecadeHeader.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { GenerateConfig } from '../../generate';
+export interface YearHeaderProps<DateType> {
+    prefixCls: string;
+    viewDate: DateType;
+    generateConfig: GenerateConfig<DateType>;
+    onPrevDecades: () => void;
+    onNextDecades: () => void;
+}
+declare function DecadeHeader<DateType>(props: YearHeaderProps<DateType>): JSX.Element;
+export default DecadeHeader;

web/node_modules/rc-picker/es/panels/DecadePanel/DecadeHeader.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import Header from '../Header';
+import { DECADE_DISTANCE_COUNT } from '.';
+import PanelContext from '../../PanelContext';
+
+function DecadeHeader(props) {
+  var prefixCls = props.prefixCls,
+      generateConfig = props.generateConfig,
+      viewDate = props.viewDate,
+      onPrevDecades = props.onPrevDecades,
+      onNextDecades = props.onNextDecades;
+
+  var _React$useContext = React.useContext(PanelContext),
+      hideHeader = _React$useContext.hideHeader;
+
+  if (hideHeader) {
+    return null;
+  }
+
+  var headerPrefixCls = "".concat(prefixCls, "-header");
+  var yearNumber = generateConfig.getYear(viewDate);
+  var startYear = Math.floor(yearNumber / DECADE_DISTANCE_COUNT) * DECADE_DISTANCE_COUNT;
+  var endYear = startYear + DECADE_DISTANCE_COUNT - 1;
+  return React.createElement(Header, Object.assign({}, props, {
+    prefixCls: headerPrefixCls,
+    onSuperPrev: onPrevDecades,
+    onSuperNext: onNextDecades
+  }), startYear, "-", endYear);
+}
+
+export default DecadeHeader;

web/node_modules/rc-picker/es/panels/DecadePanel/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PanelSharedProps } from '../../interface';
+export declare type DecadePanelProps<DateType> = PanelSharedProps<DateType>;
+export declare const DECADE_UNIT_DIFF = 10;
+export declare const DECADE_DISTANCE_COUNT: number;
+declare function DecadePanel<DateType>(props: DecadePanelProps<DateType>): JSX.Element;
+export default DecadePanel;

web/node_modules/rc-picker/es/panels/DecadePanel/index.js

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import DecadeHeader from './DecadeHeader';
+import DecadeBody, { DECADE_COL_COUNT } from './DecadeBody';
+import { createKeyDownHandler } from '../../utils/uiUtil';
+export var DECADE_UNIT_DIFF = 10;
+export var DECADE_DISTANCE_COUNT = DECADE_UNIT_DIFF * 10;
+
+function DecadePanel(props) {
+  var prefixCls = props.prefixCls,
+      onViewDateChange = props.onViewDateChange,
+      generateConfig = props.generateConfig,
+      viewDate = props.viewDate,
+      operationRef = props.operationRef,
+      onSelect = props.onSelect,
+      onPanelChange = props.onPanelChange;
+  var panelPrefixCls = "".concat(prefixCls, "-decade-panel"); // ======================= Keyboard =======================
+
+  operationRef.current = {
+    onKeyDown: function onKeyDown(event) {
+      return createKeyDownHandler(event, {
+        onLeftRight: function onLeftRight(diff) {
+          onSelect(generateConfig.addYear(viewDate, diff * DECADE_UNIT_DIFF), 'key');
+        },
+        onCtrlLeftRight: function onCtrlLeftRight(diff) {
+          onSelect(generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT), 'key');
+        },
+        onUpDown: function onUpDown(diff) {
+          onSelect(generateConfig.addYear(viewDate, diff * DECADE_UNIT_DIFF * DECADE_COL_COUNT), 'key');
+        },
+        onEnter: function onEnter() {
+          onPanelChange('year', viewDate);
+        }
+      });
+    }
+  }; // ==================== View Operation ====================
+
+  var onDecadesChange = function onDecadesChange(diff) {
+    var newDate = generateConfig.addYear(viewDate, diff * DECADE_DISTANCE_COUNT);
+    onViewDateChange(newDate);
+    onPanelChange(null, newDate);
+  };
+
+  var onInternalSelect = function onInternalSelect(date) {
+    onSelect(date, 'mouse');
+    onPanelChange('year', date);
+  };
+
+  return React.createElement("div", {
+    className: panelPrefixCls
+  }, React.createElement(DecadeHeader, Object.assign({}, props, {
+    prefixCls: prefixCls,
+    onPrevDecades: function onPrevDecades() {
+      onDecadesChange(-1);
+    },
+    onNextDecades: function onNextDecades() {
+      onDecadesChange(1);
+    }
+  })), React.createElement(DecadeBody, Object.assign({}, props, {
+    prefixCls: prefixCls,
+    onSelect: onInternalSelect
+  })));
+}
+
+export default DecadePanel;