@daryasidorovich/modsen-datepicker 1.0.7 → 1.0.8

package/dist/index.cjs

@@ -1,12 +1,5 @@
 'use strict';
 
-var Delete = require('@assets/actions/Delete.svg?react');
-var Edit = require('@assets/actions/Edit.svg?react');
-var Calendar = require('@assets/input/Calendar.svg?react');
-var Clear$1 = require('@assets/input/Clear.svg?react');
-var Next = require('@assets/arrows/Next.svg?react');
-var Prev = require('@assets/arrows/Prev.svg?react');
-
 const FIRST_DAY_OF_WEEK = {
     MONDAY: 1,
     SUNDAY: 0,
@@ -2918,6 +2911,40 @@ const CalendarGridWithoutTasks = ({ children, ...props }) => {
     return (jsxRuntimeExports.jsxs("div", { className: css$b.calendar, children: [weeks.map((weekDays) => (jsxRuntimeExports.jsx(Week, { weekDays: weekDays, selectedDate: calendar.selectedDate, getIsDisabled: calendar.getIsDisabled, getIsCurrentMonth: calendar.getIsCurrentMonth, getIsHoliday: calendar.getIsHoliday, rangeStart: calendar.rangeStart, rangeEnd: calendar.rangeEnd, ...props }, weekDays[0].toISOString()))), error && jsxRuntimeExports.jsx("p", { className: css$b.errorMessage, children: error }), loading && jsxRuntimeExports.jsx("div", { children: "Loading..." }), children] }));
 };
 
+var _path$5;
+function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
+var SvgDelete = function SvgDelete(props) {
+  return /*#__PURE__*/reactExports.createElement("svg", _extends$5({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 14,
+    height: 14,
+    fill: "none"
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/reactExports.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.167,
+    d: "m12.583.583-12 12M.583.583l12 12"
+  })));
+};
+
+var _path$4;
+function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
+var SvgEdit = function SvgEdit(props) {
+  return /*#__PURE__*/reactExports.createElement("svg", _extends$4({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/reactExports.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.167,
+    d: "M21.174 6.812a2.819 2.819 0 1 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"
+  })));
+};
+
 const useModal = (options = {}) => {
     const { initial = false, onOpen, onClose } = options;
     const [isOpen, setIsOpen] = reactExports.useState(initial);
@@ -6307,6 +6334,34 @@ const t$1=(r,t,s)=>{if(r&&"reportValidity"in r){const o=get(s,t);r.setCustomVali
 
 function o(){return o=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)({}).hasOwnProperty.call(n,o)&&(r[o]=n[o]);}return r},o.apply(null,arguments)}function t(r,e){try{var n=r();}catch(r){return e(r)}return n&&n.then?n.then(void 0,e):n}function s(r,e){for(var o=Object.create(null);r.length;){var t=r[0],s=t.code,i=t.message,u=t.path.join(".");if(!o[u])if("unionErrors"in t){var a,c,l=t.unionErrors.reduce(function(r,e){return e.errors.length<r.errors.length?e:r}).errors[0];o[u]={message:null!=(a=null==l?void 0:l.message)?a:i,type:null!=(c=null==l?void 0:l.code)?c:s};}else o[u]={message:i,type:s};if("unionErrors"in t&&t.unionErrors.forEach(function(e){return e.errors.forEach(function(e){return r.push(e)})}),e){var f=o[u].types,d=f&&f[t.code];o[u]=appendErrors(u,e,o,s,d?[].concat(d,t.message):t.message);}r.shift();}return o}function i(r,e){for(var t=Object.create(null),s=function(){var s=r[0],i=s.code,u=s.message,a=s.path.join(".");if(!t[a])if("invalid_union"===s.code&&s.errors.length>0){var c,l,f=s.errors.reduce(function(r,e){return e.length<r.length?e:r})[0];t[a]={message:null!=(c=null==f?void 0:f.message)?c:u,type:null!=(l=null==f?void 0:f.code)?l:i};}else t[a]={message:u,type:i};if("invalid_union"===s.code&&s.errors.forEach(function(e){return e.forEach(function(e){return r.push(o({},e,{path:[].concat(s.path,e.path)}))})}),e){var d=t[a].types,h=d&&d[s.code];t[a]=appendErrors(a,e,t,i,h?[].concat(h,s.message):s.message);}r.shift();};r.length;)s();return t}function u(n,o,u){if(void 0===u&&(u={}),function(r){return "_zod"in r&&"object"==typeof r._zod}(n))return function(s,a,c){try{return Promise.resolve(t(function(){function e(e){return c.shouldUseNativeValidation&&s$1({},c),{errors:{},values:u.raw?Object.assign({},s):e}}var t=n;return "sync"===u.mode?e(t.parse(s,o)):Promise.resolve(t.parseAsync(s,o)).then(e)},function(r){if(function(r){var e;return !(null==r||null==(e=r._zod)||null==(e=e.traits)||!e.has("$ZodError"))}(r))return {values:{},errors:o$1(i(r.issues,!c.shouldUseNativeValidation&&"all"===c.criteriaMode),c)};throw r}))}catch(r){return Promise.reject(r)}};if(function(r){return "_def"in r&&"object"==typeof r._def}(n))return function(i,a,c){try{return Promise.resolve(t(function(){return Promise.resolve(n["sync"===u.mode?"parse":"parseAsync"](i,o)).then(function(e){return c.shouldUseNativeValidation&&s$1({},c),{errors:{},values:u.raw?Object.assign({},i):e}})},function(r){if(function(r){return Array.isArray(null==r?void 0:r.issues)}(r))return {values:{},errors:o$1(s(r.errors,!c.shouldUseNativeValidation&&"all"===c.criteriaMode),c)};throw r}))}catch(r){return Promise.reject(r)}};throw new Error("Invalid input: not a Zod schema")}
 
+var _path$3;
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
+var SvgCalendar = function SvgCalendar(props) {
+  return /*#__PURE__*/reactExports.createElement("svg", _extends$3({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none"
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/reactExports.createElement("path", {
+    fill: "currentColor",
+    d: "M8.2 9.6a.77.77 0 0 1-.57-.23.77.77 0 0 1-.23-.57q0-.34.23-.57A.77.77 0 0 1 8.2 8q.34 0 .57.23T9 8.8a.77.77 0 0 1-.23.57.78.78 0 0 1-.57.23M5 9.6a.78.78 0 0 1-.57-.23.77.77 0 0 1-.23-.57q0-.34.23-.57A.78.78 0 0 1 5 8q.34 0 .57.23t.23.57a.77.77 0 0 1-.23.57.78.78 0 0 1-.57.23m6.4 0a.77.77 0 0 1-.57-.23.77.77 0 0 1-.23-.57q0-.34.23-.57A.77.77 0 0 1 11.4 8q.34 0 .57.23t.23.57a.77.77 0 0 1-.23.57.77.77 0 0 1-.57.23m-3.2 3.2a.77.77 0 0 1-.57-.23.77.77 0 0 1-.23-.57q0-.34.23-.57a.77.77 0 0 1 .57-.23q.34 0 .57.23T9 12a.77.77 0 0 1-.23.57.78.78 0 0 1-.57.23m-3.2 0a.78.78 0 0 1-.57-.23.77.77 0 0 1-.23-.57q0-.34.23-.57A.78.78 0 0 1 5 11.2q.34 0 .57.23t.23.57a.77.77 0 0 1-.23.57.78.78 0 0 1-.57.23m6.4 0a.77.77 0 0 1-.57-.23.77.77 0 0 1-.23-.57q0-.34.23-.57a.77.77 0 0 1 .57-.23q.34 0 .57.23t.23.57a.77.77 0 0 1-.23.57.77.77 0 0 1-.57.23M2.6 16q-.66 0-1.13-.47A1.54 1.54 0 0 1 1 14.4V3.2q0-.66.47-1.13T2.6 1.6h.8V0H5v1.6h6.4V0H13v1.6h.8q.66 0 1.13.47t.47 1.13v11.2q0 .66-.47 1.13T13.8 16zm0-1.6h11.2v-8H2.6z"
+  })));
+};
+
+var _path$2;
+function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
+var SvgClear = function SvgClear(props) {
+  return /*#__PURE__*/reactExports.createElement("svg", _extends$2({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/reactExports.createElement("path", {
+    fill: "currentColor",
+    d: "M12.987 3.042c-2.73-2.723-7.21-2.723-9.94 0-2.73 2.724-2.73 7.192 0 9.916a6.983 6.983 0 0 0 9.87 0c2.73-2.724 2.8-7.192.07-9.916m-3.01 7.89-1.96-1.954-1.96 1.955-.98-.978L7.037 8l-1.96-1.955.98-.978 1.96 1.955 1.96-1.955.98.978L8.997 8l1.96 1.955z"
+  })));
+};
+
 var css$9 = ":global(.theme-light) .wrapper {\n  color: #333333;\n  background-color: #ffffff;\n}\n:global(.theme-dark) .wrapper {\n  color: #ffffff;\n  background-color: #333333;\n}\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  gap: 2px;\n  width: 100%;\n}\n\n.label {\n  font-size: 15px;\n  font-weight: 600;\n  margin-bottom: 8px;\n}\n\n:global(.theme-light) .inputWrapper {\n  color: #333333;\n  background-color: #ffffff;\n  border-color: #e1e1e1;\n}\n:global(.theme-dark) .inputWrapper {\n  color: #ffffff;\n  background-color: #333333;\n  border-color: #aaaaaa;\n}\n.inputWrapper {\n  border-style: solid;\n  border-width: 1px;\n  padding: 8px 15px;\n  border-radius: 8px;\n  display: flex;\n  gap: 8px;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n}\n\n:global(.theme-light) .errorWrapper {\n  border-color: #ff383c;\n}\n:global(.theme-dark) .errorWrapper {\n  border-color: #ff383c;\n}\n\n.input {\n  border: none;\n  outline: none;\n  background-color: transparent;\n  width: 100%;\n}\n:global(.theme-light) .input {\n  color: #333333;\n}\n:global(.theme-dark) .input {\n  color: #ffffff;\n}\n:global(.theme-light) .input::placeholder {\n  color: #e1e1e1;\n}\n:global(.theme-dark) .input::placeholder {\n  color: #aaaaaa;\n}\n\n.clear {\n  border: none;\n  background-color: transparent;\n  width: max-content;\n  padding: 0;\n}\n\n:global(.theme-light) .icon {\n  color: #aaaaaa;\n}\n:global(.theme-dark) .icon {\n  color: #aaaaaa;\n}\n\n:global(.theme-light) .error {\n  color: #ff383c;\n}\n:global(.theme-dark) .error {\n  color: #ff383c;\n}\n.error {\n  height: 15px;\n}";
 n$1(css$9,{});
 
@@ -6315,7 +6370,7 @@ const Input = ({ label, error, className = '', id, onReset, placeholder, type =
     const inputId = id || `input-${generatedId}`;
     return (jsxRuntimeExports.jsxs("div", { className: css$9.wrapper, children: [label && (jsxRuntimeExports.jsx("label", { htmlFor: inputId, className: css$9.label, children: label })), jsxRuntimeExports.jsxs("div", { className: classNames(css$9.inputWrapper, {
                     [css$9.errorWrapper]: error,
-                }), children: [isDateInput && jsxRuntimeExports.jsx(Calendar, { className: css$9.icon }), jsxRuntimeExports.jsx("input", { id: inputId, type: type, ref: ref, placeholder: placeholder, className: classNames(css$9.input, className), ...restProps }), isDateInput && onReset && (jsxRuntimeExports.jsx("button", { className: css$9.clear, onClick: onReset, type: "button", children: jsxRuntimeExports.jsx(Clear$1, { className: css$9.icon }) }))] }), jsxRuntimeExports.jsx("span", { className: css$9.error, children: error ?? '' })] }));
+                }), children: [isDateInput && jsxRuntimeExports.jsx(SvgCalendar, { className: css$9.icon }), jsxRuntimeExports.jsx("input", { id: inputId, type: type, ref: ref, placeholder: placeholder, className: classNames(css$9.input, className), ...restProps }), isDateInput && onReset && (jsxRuntimeExports.jsx("button", { className: css$9.clear, onClick: onReset, type: "button", children: jsxRuntimeExports.jsx(SvgClear, { className: css$9.icon }) }))] }), jsxRuntimeExports.jsx("span", { className: css$9.error, children: error ?? '' })] }));
 };
 
 var css$8 = ".header {\n  margin-bottom: 24px;\n  margin-top: 8px;\n}\n\n.title {\n  font-size: 18px;\n}\n\n.footer {\n  display: flex;\n  width: 100%;\n  gap: 10px;\n  justify-content: end;\n}\n\n.children {\n  display: flex;\n  gap: 8px;\n  flex-direction: column;\n  min-width: 300px;\n  width: fit-content;\n  margin-bottom: 24px;\n}\n\n:global(.theme-light) .modalButtons {\n  background-color: rgba(47, 129, 237, 0.1647058824);\n  border-color: #e1e1e1;\n  color: #333333;\n}\n:global(.theme-dark) .modalButtons {\n  background-color: rgba(47, 129, 237, 0.1647058824);\n  border-color: #aaaaaa;\n  color: #ffffff;\n}\n.modalButtons {\n  border-style: solid;\n  border-width: 1px;\n  padding: 5px 10px;\n  border-radius: 8px;\n}\n\n:global(.theme-light) .confirm {\n  background-color: rgba(47, 129, 237, 0.5764705882);\n  border-color: #e1e1e1;\n  color: #ffffff;\n}\n:global(.theme-dark) .confirm {\n  background-color: rgba(47, 129, 237, 0.5764705882);\n  border-color: #aaaaaa;\n  color: #e1e1e1;\n}";
@@ -11811,7 +11866,7 @@ const TasksManager = ({ onClose, isOpen, tasks, selectedDate, }) => {
     };
     return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Modal, { isOpen: isOpen, onClose: onClose, children: jsxRuntimeExports.jsxs("div", { className: css$7.tasksManager, children: [jsxRuntimeExports.jsx("h1", { className: css$7.header, children: "Tasks for the day:" }), jsxRuntimeExports.jsx("button", { className: css$7.add, onClick: handleAddTask, children: "Add task" }), jsxRuntimeExports.jsxs("ul", { className: css$7.tasks, children: [tasks.length < 1 && (jsxRuntimeExports.jsx("li", { children: jsxRuntimeExports.jsx("p", { children: "No tasks added" }) })), tasks.map(({ id, title, completed }) => (jsxRuntimeExports.jsxs("li", { className: classNames(css$7.task, {
                                         [css$7.checked]: completed,
-                                    }), children: [jsxRuntimeExports.jsx("input", { type: "checkbox", checked: completed, onChange: handleToggle(id) }), jsxRuntimeExports.jsx("p", { className: css$7.title, children: title }), jsxRuntimeExports.jsx("button", { onClick: handleEditTask(id), className: css$7.action, children: jsxRuntimeExports.jsx(Edit, {}) }), jsxRuntimeExports.jsx("button", { onClick: handleDeleteTask(id), className: classNames(css$7.action, css$7.delete), children: jsxRuntimeExports.jsx(Delete, {}) })] }, id)))] })] }) }), jsxRuntimeExports.jsx(AddModal, { isOpen: addModal.isOpen, onClose: addModal.close, date: selectedDate }), jsxRuntimeExports.jsx(EditModal, { isOpen: editModal.isOpen, onClose: editModal.close, id: currentTaskId, date: selectedDate }), jsxRuntimeExports.jsx(DeleteModal, { isOpen: deleteModal.isOpen, onClose: deleteModal.close, id: currentTaskId })] }));
+                                    }), children: [jsxRuntimeExports.jsx("input", { type: "checkbox", checked: completed, onChange: handleToggle(id) }), jsxRuntimeExports.jsx("p", { className: css$7.title, children: title }), jsxRuntimeExports.jsx("button", { onClick: handleEditTask(id), className: css$7.action, children: jsxRuntimeExports.jsx(SvgEdit, {}) }), jsxRuntimeExports.jsx("button", { onClick: handleDeleteTask(id), className: classNames(css$7.action, css$7.delete), children: jsxRuntimeExports.jsx(SvgDelete, {}) })] }, id)))] })] }) }), jsxRuntimeExports.jsx(AddModal, { isOpen: addModal.isOpen, onClose: addModal.close, date: selectedDate }), jsxRuntimeExports.jsx(EditModal, { isOpen: editModal.isOpen, onClose: editModal.close, id: currentTaskId, date: selectedDate }), jsxRuntimeExports.jsx(DeleteModal, { isOpen: deleteModal.isOpen, onClose: deleteModal.close, id: currentTaskId })] }));
 };
 
 const useTooltip = () => {
@@ -11896,13 +11951,47 @@ const MONTHS_NAMES = [
     'December',
 ];
 
+var _path$1, _path2$1;
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
+var SvgNext = function SvgNext(props) {
+  return /*#__PURE__*/reactExports.createElement("svg", _extends$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/reactExports.createElement("path", {
+    fill: "currentColor",
+    d: "m4.273 4-.94.94L6.387 8l-3.054 3.06.94.94 4-4z"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/reactExports.createElement("path", {
+    fill: "currentColor",
+    d: "m8.667 4-.94.94L10.78 8l-3.053 3.06.94.94 4-4z"
+  })));
+};
+
+var _path, _path2;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgPrev = function SvgPrev(props) {
+  return /*#__PURE__*/reactExports.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/reactExports.createElement("path", {
+    fill: "currentColor",
+    d: "m11.727 12 .94-.94L9.613 8l3.054-3.06-.94-.94-4 4z"
+  })), _path2 || (_path2 = /*#__PURE__*/reactExports.createElement("path", {
+    fill: "currentColor",
+    d: "m7.333 12 .94-.94L5.22 8l3.053-3.06-.94-.94-4 4z"
+  })));
+};
+
 var css$5 = ":global(.theme-light) .month {\n  color: #333333;\n  background-color: #ffffff;\n}\n:global(.theme-dark) .month {\n  color: #ffffff;\n  background-color: #333333;\n}\n.month {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding-block: 5px;\n  gap: 2px;\n  font-weight: 700;\n}\n\n:global(.theme-light) .arrow {\n  color: #333333;\n}\n:global(.theme-dark) .arrow {\n  color: #ffffff;\n}\n.arrow {\n  width: max-content;\n  border: none;\n  background-color: transparent;\n}\n:global(.theme-light) .arrow:hover {\n  color: rgba(47, 129, 237, 0.5764705882);\n}\n:global(.theme-dark) .arrow:hover {\n  color: rgba(47, 129, 237, 0.5764705882);\n}";
 n$1(css$5,{});
 
 const Month = ({ date, onPrev, onNext }) => {
     const year = date.getFullYear();
     const month = MONTHS_NAMES[date.getMonth()];
-    return (jsxRuntimeExports.jsxs("div", { className: css$5.month, children: [jsxRuntimeExports.jsx("button", { className: css$5.arrow, onClick: onPrev, type: "button", children: jsxRuntimeExports.jsx(Prev, {}) }), jsxRuntimeExports.jsxs("p", { children: [month, " ", year] }), jsxRuntimeExports.jsx("button", { className: css$5.arrow, onClick: onNext, type: "button", children: jsxRuntimeExports.jsx(Next, {}) })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: css$5.month, children: [jsxRuntimeExports.jsx("button", { className: css$5.arrow, onClick: onPrev, type: "button", children: jsxRuntimeExports.jsx(SvgPrev, {}) }), jsxRuntimeExports.jsxs("p", { children: [month, " ", year] }), jsxRuntimeExports.jsx("button", { className: css$5.arrow, onClick: onNext, type: "button", children: jsxRuntimeExports.jsx(SvgNext, {}) })] }));
 };
 
 const WEEKDAYS_NAMES = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];