Latest updates from IceHrmPro

web/node_modules/rc-picker/es/panels/DatePanel/DateBody.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { GenerateConfig } from '../../generate';
+import { Locale } from '../../interface';
+export declare type DateRender<DateType> = (currentDate: DateType, today: DateType) => React.ReactNode;
+export interface DateBodyPassProps<DateType> {
+    dateRender?: DateRender<DateType>;
+    disabledDate?: (date: DateType) => boolean;
+    prefixColumn?: (date: DateType) => React.ReactNode;
+    rowClassName?: (date: DateType) => string;
+}
+export interface DateBodyProps<DateType> extends DateBodyPassProps<DateType> {
+    prefixCls: string;
+    generateConfig: GenerateConfig<DateType>;
+    value?: DateType | null;
+    viewDate: DateType;
+    locale: Locale;
+    rowCount: number;
+    onSelect: (value: DateType) => void;
+}
+declare function DateBody<DateType>(props: DateBodyProps<DateType>): JSX.Element;
+export default DateBody;

web/node_modules/rc-picker/es/panels/DatePanel/DateBody.js

@@ -0,0 +1,77 @@
+import * as React from 'react';
+import { WEEK_DAY_COUNT, getWeekStartDate, isSameDate, isSameMonth } from '../../utils/dateUtil';
+import RangeContext from '../../RangeContext';
+import useCellClassName from '../../hooks/useCellClassName';
+import PanelBody from '../PanelBody';
+
+function DateBody(props) {
+  var prefixCls = props.prefixCls,
+      generateConfig = props.generateConfig,
+      prefixColumn = props.prefixColumn,
+      locale = props.locale,
+      rowCount = props.rowCount,
+      viewDate = props.viewDate,
+      value = props.value,
+      dateRender = props.dateRender;
+
+  var _React$useContext = React.useContext(RangeContext),
+      rangedValue = _React$useContext.rangedValue,
+      hoverRangedValue = _React$useContext.hoverRangedValue;
+
+  var baseDate = getWeekStartDate(locale.locale, generateConfig, viewDate);
+  var cellPrefixCls = "".concat(prefixCls, "-cell");
+  var weekFirstDay = generateConfig.locale.getWeekFirstDay(locale.locale);
+  var today = generateConfig.getNow(); // ============================== Header ==============================
+
+  var headerCells = [];
+  var weekDaysLocale = locale.shortWeekDays || (generateConfig.locale.getShortWeekDays ? generateConfig.locale.getShortWeekDays(locale.locale) : []);
+
+  if (prefixColumn) {
+    headerCells.push(React.createElement("th", {
+      key: "empty"
+    }));
+  }
+
+  for (var i = 0; i < WEEK_DAY_COUNT; i += 1) {
+    headerCells.push(React.createElement("th", {
+      key: i
+    }, weekDaysLocale[(i + weekFirstDay) % WEEK_DAY_COUNT]));
+  } // =============================== Body ===============================
+
+
+  var getCellClassName = useCellClassName({
+    cellPrefixCls: cellPrefixCls,
+    today: today,
+    value: value,
+    generateConfig: generateConfig,
+    rangedValue: prefixColumn ? null : rangedValue,
+    hoverRangedValue: prefixColumn ? null : hoverRangedValue,
+    isSameCell: function isSameCell(current, target) {
+      return isSameDate(generateConfig, current, target);
+    },
+    isInView: function isInView(date) {
+      return isSameMonth(generateConfig, date, viewDate);
+    },
+    offsetCell: function offsetCell(date, offset) {
+      return generateConfig.addDate(date, offset);
+    }
+  });
+  var getCellNode = dateRender ? function (date) {
+    return dateRender(date, today);
+  } : undefined;
+  return React.createElement(PanelBody, Object.assign({}, props, {
+    rowNum: rowCount,
+    colNum: WEEK_DAY_COUNT,
+    baseDate: baseDate,
+    getCellNode: getCellNode,
+    getCellText: generateConfig.getDate,
+    getCellClassName: getCellClassName,
+    getCellDate: generateConfig.addDate,
+    titleCell: function titleCell(date) {
+      return generateConfig.locale.format(locale.locale, date, 'YYYY-MM-DD');
+    },
+    headerCells: headerCells
+  }));
+}
+
+export default DateBody;

web/node_modules/rc-picker/es/panels/DatePanel/DateHeader.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Locale } from '../../interface';
+import { GenerateConfig } from '../../generate';
+export interface DateHeaderProps<DateType> {
+    prefixCls: string;
+    viewDate: DateType;
+    value?: DateType | null;
+    locale: Locale;
+    generateConfig: GenerateConfig<DateType>;
+    onPrevYear: () => void;
+    onNextYear: () => void;
+    onPrevMonth: () => void;
+    onNextMonth: () => void;
+    onYearClick: () => void;
+    onMonthClick: () => void;
+}
+declare function DateHeader<DateType>(props: DateHeaderProps<DateType>): JSX.Element;
+export default DateHeader;

web/node_modules/rc-picker/es/panels/DatePanel/DateHeader.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import Header from '../Header';
+import PanelContext from '../../PanelContext';
+
+function DateHeader(props) {
+  var prefixCls = props.prefixCls,
+      generateConfig = props.generateConfig,
+      locale = props.locale,
+      viewDate = props.viewDate,
+      onNextMonth = props.onNextMonth,
+      onPrevMonth = props.onPrevMonth,
+      onNextYear = props.onNextYear,
+      onPrevYear = props.onPrevYear,
+      onYearClick = props.onYearClick,
+      onMonthClick = props.onMonthClick;
+
+  var _React$useContext = React.useContext(PanelContext),
+      hideHeader = _React$useContext.hideHeader;
+
+  if (hideHeader) {
+    return null;
+  }
+
+  var headerPrefixCls = "".concat(prefixCls, "-header");
+  var monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);
+  var month = generateConfig.getMonth(viewDate); // =================== Month & Year ===================
+
+  var yearNode = React.createElement("button", {
+    type: "button",
+    key: "year",
+    onClick: onYearClick,
+    tabIndex: -1,
+    className: "".concat(prefixCls, "-year-btn")
+  }, generateConfig.locale.format(locale.locale, viewDate, locale.yearFormat));
+  var monthNode = React.createElement("button", {
+    type: "button",
+    key: "month",
+    onClick: onMonthClick,
+    tabIndex: -1,
+    className: "".concat(prefixCls, "-month-btn")
+  }, locale.monthFormat ? generateConfig.locale.format(locale.locale, viewDate, locale.monthFormat) : monthsLocale[month]);
+  var monthYearNodes = locale.monthBeforeYear ? [monthNode, yearNode] : [yearNode, monthNode];
+  return React.createElement(Header, Object.assign({}, props, {
+    prefixCls: headerPrefixCls,
+    onSuperPrev: onPrevYear,
+    onPrev: onPrevMonth,
+    onNext: onNextMonth,
+    onSuperNext: onNextYear
+  }), monthYearNodes);
+}
+
+export default DateHeader;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { DateBodyPassProps, DateRender } from './DateBody';
+import { PanelSharedProps } from '../../interface';
+import { KeyboardConfig } from '../../utils/uiUtil';
+export interface DatePanelProps<DateType> extends PanelSharedProps<DateType>, DateBodyPassProps<DateType> {
+    active?: boolean;
+    dateRender?: DateRender<DateType>;
+    panelName?: string;
+    keyboardConfig?: KeyboardConfig;
+}
+declare function DatePanel<DateType>(props: DatePanelProps<DateType>): JSX.Element;
+export default DatePanel;

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

@@ -0,0 +1,97 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 classNames from 'classnames';
+import DateBody from './DateBody';
+import DateHeader from './DateHeader';
+import { WEEK_DAY_COUNT } from '../../utils/dateUtil';
+import { createKeyDownHandler } from '../../utils/uiUtil';
+var DATE_ROW_COUNT = 6;
+
+function DatePanel(props) {
+  var prefixCls = props.prefixCls,
+      _props$panelName = props.panelName,
+      panelName = _props$panelName === void 0 ? 'date' : _props$panelName,
+      keyboardConfig = props.keyboardConfig,
+      active = props.active,
+      operationRef = props.operationRef,
+      generateConfig = props.generateConfig,
+      value = props.value,
+      viewDate = props.viewDate,
+      onViewDateChange = props.onViewDateChange,
+      onPanelChange = props.onPanelChange,
+      _onSelect = props.onSelect;
+  var panelPrefixCls = "".concat(prefixCls, "-").concat(panelName, "-panel"); // ======================= Keyboard =======================
+
+  operationRef.current = {
+    onKeyDown: function onKeyDown(event) {
+      return createKeyDownHandler(event, _objectSpread({
+        onLeftRight: function onLeftRight(diff) {
+          _onSelect(generateConfig.addDate(value || viewDate, diff), 'key');
+        },
+        onCtrlLeftRight: function onCtrlLeftRight(diff) {
+          _onSelect(generateConfig.addYear(value || viewDate, diff), 'key');
+        },
+        onUpDown: function onUpDown(diff) {
+          _onSelect(generateConfig.addDate(value || viewDate, diff * WEEK_DAY_COUNT), 'key');
+        },
+        onPageUpDown: function onPageUpDown(diff) {
+          _onSelect(generateConfig.addMonth(value || viewDate, diff), 'key');
+        }
+      }, keyboardConfig));
+    }
+  }; // ==================== View Operation ====================
+
+  var onYearChange = function onYearChange(diff) {
+    var newDate = generateConfig.addYear(viewDate, diff);
+    onViewDateChange(newDate);
+    onPanelChange(null, newDate);
+  };
+
+  var onMonthChange = function onMonthChange(diff) {
+    var newDate = generateConfig.addMonth(viewDate, diff);
+    onViewDateChange(newDate);
+    onPanelChange(null, newDate);
+  };
+
+  return React.createElement("div", {
+    className: classNames(panelPrefixCls, _defineProperty({}, "".concat(panelPrefixCls, "-active"), active))
+  }, React.createElement(DateHeader, Object.assign({}, props, {
+    prefixCls: prefixCls,
+    value: value,
+    viewDate: viewDate,
+    // View Operation
+    onPrevYear: function onPrevYear() {
+      onYearChange(-1);
+    },
+    onNextYear: function onNextYear() {
+      onYearChange(1);
+    },
+    onPrevMonth: function onPrevMonth() {
+      onMonthChange(-1);
+    },
+    onNextMonth: function onNextMonth() {
+      onMonthChange(1);
+    },
+    onMonthClick: function onMonthClick() {
+      onPanelChange('month', viewDate);
+    },
+    onYearClick: function onYearClick() {
+      onPanelChange('year', viewDate);
+    }
+  })), React.createElement(DateBody, Object.assign({}, props, {
+    onSelect: function onSelect(date) {
+      return _onSelect(date, 'mouse');
+    },
+    prefixCls: prefixCls,
+    value: value,
+    viewDate: viewDate,
+    rowCount: DATE_ROW_COUNT
+  })));
+}
+
+export default DatePanel;