intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/FormElements/Datepicker/components/Calendar.js

@@ -0,0 +1,177 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _moment = /*#__PURE__*/ _interop_require_default(require("moment"));
+const _reactfeather = /*#__PURE__*/ _interop_require_wildcard(require("react-feather"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const Calendar = (props)=>{
+    const { date, setDate, startDate, endDate, allowPrev = true, allowNext = true, onClick, onHover, startPrevDate, endPrevDate, limitRange } = props;
+    const [days, setDays] = (0, _react.useState)({});
+    const title = (0, _react.useMemo)(()=>`${(0, _moment.default)(date).format("MMM")} ${(0, _moment.default)(date).format("YYYY")}`, [
+        date
+    ]);
+    (0, _react.useEffect)(()=>{
+        const result = {};
+        const day = (0, _moment.default)(date).startOf("month");
+        const daysInMonth = day.daysInMonth();
+        for(let d = 0; d < daysInMonth; d += 1){
+            let week = day.week();
+            if (day.month() === 11 && week === 1) week = 53;
+            if (day.month() === 0 && week === 53) week = 0;
+            if (!Object.prototype.hasOwnProperty.call(result, week)) {
+                result[week] = {};
+            }
+            result[week][day.weekday()] = {
+                date: day.toDate()
+            };
+            day.add(1, "d");
+        }
+        setDays(result);
+    }, [
+        date
+    ]);
+    const renderDay = (week, dayOfWeek)=>{
+        const day = days[week][dayOfWeek];
+        const isFutureDay = day && (0, _moment.default)(day.date).isAfter((0, _moment.default)(), "day");
+        const isPastDay = limitRange ? day && (0, _moment.default)(day.date).isBefore((0, _moment.default)().subtract(limitRange, "days"), "day") : null;
+        const isRangeEnd = day && ((0, _moment.default)(day.date).isSame(startDate, "day") || (0, _moment.default)(day.date).isSame((0, _moment.default)(endDate).subtract(1, "hour"), "day"));
+        const isRangeInside = day && startDate && endDate && (0, _moment.default)(day.date).isAfter(startDate, "day") && (0, _moment.default)(day.date).isBefore((0, _moment.default)(endDate).subtract(1, "hour"), "day");
+        const isPrevRangeEnd = day && ((0, _moment.default)(day.date).isSame(startPrevDate, "day") || (0, _moment.default)(day.date).isSame((0, _moment.default)(endPrevDate).subtract(1, "day"), "day"));
+        const isPrevRangeInside = day && startPrevDate && endPrevDate && (0, _moment.default)(day.date).isAfter(startPrevDate, "day") && (0, _moment.default)(day.date).isBefore((0, _moment.default)(endPrevDate).subtract(1, "day"), "day");
+        const classNames = (0, _classnames.default)("calendar__day", {
+            "calendar__day--clickable": day
+        }, {
+            "calendar__day--disabled": isFutureDay
+        }, {
+            "calendar__day--disabled": isPastDay
+        }, {
+            "calendar__day--range-end": isRangeEnd
+        }, {
+            "calendar__day--range-inside": isRangeInside
+        }, {
+            "calendar__day--prev-range-end": isPrevRangeEnd
+        }, {
+            "calendar__day--prev-range-inside": isPrevRangeInside
+        });
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: classNames,
+            onClick: day && !isFutureDay ? ()=>onClick(day.date) : null,
+            onMouseOver: day && !isFutureDay ? ()=>onHover(day.date) : null,
+            onMouseLeave: ()=>onHover(null),
+            children: day && day.date.getDate()
+        }, `${week}_${dayOfWeek}`);
+    };
+    const handlePrev = ()=>{
+        setDate((0, _moment.default)(date).subtract(1, "month").toDate());
+    };
+    const handleNext = ()=>{
+        setDate((0, _moment.default)(date).add(1, "month").toDate());
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "calendar",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "calendar-header",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "calendar-header__prev",
+                        children: allowPrev && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            onClick: handlePrev,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronLeft, {
+                                size: 16
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "calendar-header__title",
+                        children: title
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "calendar-header__next",
+                        children: allowNext && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            onClick: handleNext,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronRight, {
+                                size: 16
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "calendar__week",
+                children: [
+                    ...Array(7).keys()
+                ].map((dayOfWeek)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "calendar__day calendar__day--title",
+                        children: (0, _moment.default)().weekday(dayOfWeek).format("dd").charAt(0)
+                    }, `day-of-week_${dayOfWeek}`);
+                })
+            }),
+            Object.keys(days).map((week, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "calendar__week",
+                    children: [
+                        ...Array(7).keys()
+                    ].map((dayOfWeek)=>renderDay(week, dayOfWeek))
+                }, `week_${index}`))
+        ]
+    });
+};
+const _default = Calendar;
+
+//# sourceMappingURL=Calendar.js.map

package/dist/Atomic/FormElements/Datepicker/components/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/Datepicker/components/Calendar.js"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment\";\nimport * as Icon from \"react-feather\";\n\nconst Calendar = (props) => {\n  const {\n    date,\n    setDate,\n    startDate,\n    endDate,\n    allowPrev = true,\n    allowNext = true,\n    onClick,\n    onHover,\n    startPrevDate,\n    endPrevDate,\n    limitRange,\n  } = props;\n\n  const [days, setDays] = useState({});\n\n  const title = useMemo(\n    () => `${moment(date).format(\"MMM\")} ${moment(date).format(\"YYYY\")}`,\n    [date],\n  );\n\n  useEffect(() => {\n    const result = {};\n    const day = moment(date).startOf(\"month\");\n    const daysInMonth = day.daysInMonth();\n    for (let d = 0; d < daysInMonth; d += 1) {\n      let week = day.week();\n      if (day.month() === 11 && week === 1) week = 53;\n      if (day.month() === 0 && week === 53) week = 0;\n      if (!Object.prototype.hasOwnProperty.call(result, week)) {\n        result[week] = {};\n      }\n      result[week][day.weekday()] = { date: day.toDate() };\n      day.add(1, \"d\");\n    }\n    setDays(result);\n  }, [date]);\n\n  const renderDay = (week, dayOfWeek) => {\n    const day = days[week][dayOfWeek];\n    const isFutureDay = day && moment(day.date).isAfter(moment(), \"day\");\n    const isPastDay = limitRange\n      ? day &&\n        moment(day.date).isBefore(moment().subtract(limitRange, \"days\"), \"day\")\n      : null;\n    const isRangeEnd =\n      day &&\n      (moment(day.date).isSame(startDate, \"day\") ||\n        moment(day.date).isSame(moment(endDate).subtract(1, \"hour\"), \"day\"));\n    const isRangeInside =\n      day &&\n      startDate &&\n      endDate &&\n      moment(day.date).isAfter(startDate, \"day\") &&\n      moment(day.date).isBefore(moment(endDate).subtract(1, \"hour\"), \"day\");\n    const isPrevRangeEnd =\n      day &&\n      (moment(day.date).isSame(startPrevDate, \"day\") ||\n        moment(day.date).isSame(moment(endPrevDate).subtract(1, \"day\"), \"day\"));\n    const isPrevRangeInside =\n      day &&\n      startPrevDate &&\n      endPrevDate &&\n      moment(day.date).isAfter(startPrevDate, \"day\") &&\n      moment(day.date).isBefore(moment(endPrevDate).subtract(1, \"day\"), \"day\");\n    const classNames = cn(\n      \"calendar__day\",\n      { \"calendar__day--clickable\": day },\n      { \"calendar__day--disabled\": isFutureDay },\n      { \"calendar__day--disabled\": isPastDay },\n      { \"calendar__day--range-end\": isRangeEnd },\n      { \"calendar__day--range-inside\": isRangeInside },\n      { \"calendar__day--prev-range-end\": isPrevRangeEnd },\n      { \"calendar__day--prev-range-inside\": isPrevRangeInside },\n    );\n\n    return (\n      <div\n        key={`${week}_${dayOfWeek}`}\n        className={classNames}\n        onClick={day && !isFutureDay ? () => onClick(day.date) : null}\n        onMouseOver={day && !isFutureDay ? () => onHover(day.date) : null}\n        onMouseLeave={() => onHover(null)}\n      >\n        {day && day.date.getDate()}\n      </div>\n    );\n  };\n\n  const handlePrev = () => {\n    setDate(moment(date).subtract(1, \"month\").toDate());\n  };\n\n  const handleNext = () => {\n    setDate(moment(date).add(1, \"month\").toDate());\n  };\n\n  return (\n    <div className=\"calendar\">\n      <div className=\"calendar-header\">\n        <div className=\"calendar-header__prev\">\n          {allowPrev && (\n            <div onClick={handlePrev}>\n              <Icon.ChevronLeft size={16} />\n            </div>\n          )}\n        </div>\n        <div className=\"calendar-header__title\">{title}</div>\n        <div className=\"calendar-header__next\">\n          {allowNext && (\n            <div onClick={handleNext}>\n              <Icon.ChevronRight size={16} />\n            </div>\n          )}\n        </div>\n      </div>\n      <div className=\"calendar__week\">\n        {[...Array(7).keys()].map((dayOfWeek) => {\n          return (\n            <div\n              key={`day-of-week_${dayOfWeek}`}\n              className=\"calendar__day calendar__day--title\"\n            >\n              {moment().weekday(dayOfWeek).format(\"dd\").charAt(0)}\n            </div>\n          );\n        })}\n      </div>\n      {Object.keys(days).map((week, index) => (\n        <div key={`week_${index}`} className=\"calendar__week\">\n          {[...Array(7).keys()].map((dayOfWeek) => renderDay(week, dayOfWeek))}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default Calendar;\n"],"names":["Calendar","props","date","setDate","startDate","endDate","allowPrev","allowNext","onClick","onHover","startPrevDate","endPrevDate","limitRange","days","setDays","useState","title","useMemo","moment","format","useEffect","result","day","startOf","daysInMonth","d","week","month","Object","prototype","hasOwnProperty","call","weekday","toDate","add","renderDay","dayOfWeek","isFutureDay","isAfter","isPastDay","isBefore","subtract","isRangeEnd","isSame","isRangeInside","isPrevRangeEnd","isPrevRangeInside","classNames","cn","div","className","onMouseOver","onMouseLeave","getDate","handlePrev","handleNext","Icon","ChevronLeft","size","ChevronRight","Array","keys","map","charAt","index"],"mappings":"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"}