@egov3/system-design 1.3.120 → 1.3.121

package/dist/cjs/components/Calendar/Body/CalendarBody.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".CalendarBody-module_wrapper__fd17C {\n  display: flex;\n  flex-direction: column;\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_weekDays__zXG3- {\n  height: 24px;\n}\n\n.CalendarBody-module_grid__HNGTZ,\n.CalendarBody-module_weekDays__zXG3- {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  column-gap: calc((100% - 7 * 28px) / 6);\n  text-align: center;\n}\n\n.CalendarBody-module_weekDay__hzksZ,\n.CalendarBody-module_day__0KNDZ {\n  width: 28px;\n}\n\n.CalendarBody-module_day__0KNDZ {\n  cursor: pointer;\n  color: var(--text-primary);\n  height: 28px;\n}\n\n.CalendarBody-module_muted__8XysY {\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_selected__86UkJ {\n  background-color: var(--surface-accent);\n  color: var(--text-white-nonconvert-color);\n  border-radius: 100px;\n}\n";
+var styles = {"wrapper":"CalendarBody-module_wrapper__fd17C","weekDays":"CalendarBody-module_weekDays__zXG3-","grid":"CalendarBody-module_grid__HNGTZ","weekDay":"CalendarBody-module_weekDay__hzksZ","day":"CalendarBody-module_day__0KNDZ","muted":"CalendarBody-module_muted__8XysY","selected":"CalendarBody-module_selected__86UkJ"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=CalendarBody.module.css.js.map

package/dist/cjs/components/Calendar/Body/CalendarBody.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarBody.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/Calendar/Body/index.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../baseComponents/index.js');
+var joinClasses = require('../../../utils/joinClasses.js');
+var CalendarBody_module = require('./CalendarBody.module.css.js');
+
+const WEEK_DAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+const CELL_COUNT = 42;
+const isSameDate = (left, right) => left.getFullYear() === right.getFullYear() &&
+    left.getMonth() === right.getMonth() &&
+    left.getDate() === right.getDate();
+const getCalendarDays = (month, year, selectedDate) => {
+    const firstDayIndex = (new Date(year, month, 1).getDay() + 6) % 7;
+    const startDate = new Date(year, month, 1 - firstDayIndex);
+    const today = new Date();
+    return Array.from({ length: CELL_COUNT }, (_, index) => {
+        const date = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate() + index);
+        return {
+            date,
+            day: date.getDate(),
+            isCurrentMonth: date.getMonth() === month,
+            isToday: isSameDate(date, today),
+            isSelected: selectedDate ? isSameDate(date, selectedDate) : false,
+        };
+    });
+};
+const CalendarBody = ({ month = new Date().getMonth(), year = new Date().getFullYear(), selectedDate = null, onDayClick, }) => {
+    const days = getCalendarDays(month, year, selectedDate);
+    return (jsxRuntime.jsxs("div", { className: CalendarBody_module.default.wrapper, "data-testid": "CalendarBody", children: [jsxRuntime.jsx("div", { className: CalendarBody_module.default.weekDays, children: WEEK_DAYS.map((day) => (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", className: CalendarBody_module.default.weekDay, children: day }, day))) }), jsxRuntime.jsx("div", { className: CalendarBody_module.default.grid, children: days.map((cell) => {
+                    return (jsxRuntime.jsx("button", { type: "button", className: joinClasses.joinClasses(CalendarBody_module.default.day, !cell.isCurrentMonth && CalendarBody_module.default.muted, cell.isToday && CalendarBody_module.default.today, cell.isSelected && CalendarBody_module.default.selected), onClick: () => {
+                            onDayClick?.(cell.date);
+                        }, "data-testid": `CalendarBody_DAY_${cell.date.toISOString().slice(0, 10)}`, children: jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", children: cell.day }) }, cell.date.toISOString()));
+                }) })] }));
+};
+
+exports.CalendarBody = CalendarBody;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Calendar/Body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Calendar/Body/index.tsx"],"sourcesContent":[null],"names":["_jsxs","styles","_jsx","BaseComponents","joinClasses"],"mappings":"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"}

package/dist/cjs/components/index.js

@@ -1,60 +1,62 @@
 'use strict';
 
 require('../styles/colors.css.js');
-var index$k = require('./ErrorModal/index.js');
-var index$p = require('./Identity/Agreement/index.js');
-var index$o = require('./Identity/Auth/index.js');
-var index$m = require('./Identity/EdsSuccess/index.js');
-var index$4 = require('./Identity/HelpInstruction/index.js');
-var index$e = require('./Identity/IdentityHeader/index.js');
-var index$d = require('./Identity/IdentityModal/index.js');
-var index$l = require('./Messages/EmptyMessages/index.js');
-var index$h = require('./Messages/HelpNotification/index.js');
-var index$g = require('./Messages/HelpNotificationItem/index.js');
-var index$c = require('./Messages/MsgBody/index.js');
-var index$b = require('./Messages/MsgComponentHeader/index.js');
-var index$a = require('./Messages/MsgSearch/index.js');
-var index$5 = require('./Navigation/ViewToggle/index.js');
-var index$1 = require('./Notification/Item/index.js');
-var index = require('./Notification/Wrapper/index.js');
-var index$3 = require('./Presale/index.js');
-var index$n = require('./Profile/DocCard/index.js');
-var index$f = require('./Profile/IconToggleItem/index.js');
-var index$8 = require('./Profile/ProfileHealthGeneral/index.js');
-var index$7 = require('./Profile/RightMenuSectionItem/index.js');
-var index$6 = require('./Profile/SetUpAccess/index.js');
-var index$2 = require('./ServiceCardComponent/index.js');
-var index$j = require('./Services/Feedback/index.js');
-var index$i = require('./Services/FileForUpload/index.js');
-var index$9 = require('./Services/NextStepComponent/index.js');
+var index = require('./Calendar/Body/index.js');
+var index$l = require('./ErrorModal/index.js');
+var index$q = require('./Identity/Agreement/index.js');
+var index$p = require('./Identity/Auth/index.js');
+var index$n = require('./Identity/EdsSuccess/index.js');
+var index$5 = require('./Identity/HelpInstruction/index.js');
+var index$f = require('./Identity/IdentityHeader/index.js');
+var index$e = require('./Identity/IdentityModal/index.js');
+var index$m = require('./Messages/EmptyMessages/index.js');
+var index$i = require('./Messages/HelpNotification/index.js');
+var index$h = require('./Messages/HelpNotificationItem/index.js');
+var index$d = require('./Messages/MsgBody/index.js');
+var index$c = require('./Messages/MsgComponentHeader/index.js');
+var index$b = require('./Messages/MsgSearch/index.js');
+var index$6 = require('./Navigation/ViewToggle/index.js');
+var index$2 = require('./Notification/Item/index.js');
+var index$1 = require('./Notification/Wrapper/index.js');
+var index$4 = require('./Presale/index.js');
+var index$o = require('./Profile/DocCard/index.js');
+var index$g = require('./Profile/IconToggleItem/index.js');
+var index$9 = require('./Profile/ProfileHealthGeneral/index.js');
+var index$8 = require('./Profile/RightMenuSectionItem/index.js');
+var index$7 = require('./Profile/SetUpAccess/index.js');
+var index$3 = require('./ServiceCardComponent/index.js');
+var index$k = require('./Services/Feedback/index.js');
+var index$j = require('./Services/FileForUpload/index.js');
+var index$a = require('./Services/NextStepComponent/index.js');
 
 const Components = {
-    Agreement: index$p.Agreement,
-    Auth: index$o.Auth,
-    DocCard: index$n.DocCard,
-    EdsSuccess: index$m.EdsSuccess,
-    EmptyMessages: index$l.EmptyMessages,
-    ErrorModal: index$k.ErrorModal,
-    Feedback: index$j.Feedback,
-    FileForUpload: index$i.FileForUpload,
-    HelpNotification: index$h.HelpNotification,
-    HelpNotificationItem: index$g.HelpNotificationItem,
-    IconToggleItem: index$f.IconToggleItem,
-    IdentityHeader: index$e.IdentityHeader,
-    IdentityModal: index$d.IdentityModal,
-    MsgBody: index$c.MsgBody,
-    MsgComponentHeader: index$b.MsgComponentHeader,
-    MsgSearch: index$a.MsgSearch,
-    NextStepComponent: index$9.NextStepComponent,
-    ProfileHealthGeneral: index$8.ProfileHealthGeneral,
-    RightMenuSectionItem: index$7.RightMenuSectionItem,
-    SetUpAccess: index$6.SetUpAccess,
-    ViewToggle: index$5.ViewToggle,
-    HelpInstruction: index$4.HelpInstruction,
-    PresaleComponent: index$3.PresaleComponent,
-    ServiceCardComponent: index$2.ServiceCardComponent,
-    NotificationItem: index$1.NotificationItem,
-    NotificationWrapper: index.NotificationWrapper,
+    Agreement: index$q.Agreement,
+    Auth: index$p.Auth,
+    DocCard: index$o.DocCard,
+    EdsSuccess: index$n.EdsSuccess,
+    EmptyMessages: index$m.EmptyMessages,
+    ErrorModal: index$l.ErrorModal,
+    Feedback: index$k.Feedback,
+    FileForUpload: index$j.FileForUpload,
+    HelpNotification: index$i.HelpNotification,
+    HelpNotificationItem: index$h.HelpNotificationItem,
+    IconToggleItem: index$g.IconToggleItem,
+    IdentityHeader: index$f.IdentityHeader,
+    IdentityModal: index$e.IdentityModal,
+    MsgBody: index$d.MsgBody,
+    MsgComponentHeader: index$c.MsgComponentHeader,
+    MsgSearch: index$b.MsgSearch,
+    NextStepComponent: index$a.NextStepComponent,
+    ProfileHealthGeneral: index$9.ProfileHealthGeneral,
+    RightMenuSectionItem: index$8.RightMenuSectionItem,
+    SetUpAccess: index$7.SetUpAccess,
+    ViewToggle: index$6.ViewToggle,
+    HelpInstruction: index$5.HelpInstruction,
+    PresaleComponent: index$4.PresaleComponent,
+    ServiceCardComponent: index$3.ServiceCardComponent,
+    NotificationItem: index$2.NotificationItem,
+    NotificationWrapper: index$1.NotificationWrapper,
+    CalendarBody: index.CalendarBody,
 };
 
 exports.Components = Components;

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":["Agreement","Auth","DocCard","EdsSuccess","EmptyMessages","ErrorModal","Feedback","FileForUpload","HelpNotification","HelpNotificationItem","IconToggleItem","IdentityHeader","IdentityModal","MsgBody","MsgComponentHeader","MsgSearch","NextStepComponent","ProfileHealthGeneral","RightMenuSectionItem","SetUpAccess","ViewToggle","HelpInstruction","PresaleComponent","ServiceCardComponent","NotificationItem","NotificationWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,UAAU,GAAG;eACxBA,iBAAS;UACTC,YAAI;aACJC,eAAO;gBACPC,kBAAU;mBACVC,qBAAa;gBACbC,kBAAU;cACVC,gBAAQ;mBACRC,qBAAa;sBACbC,wBAAgB;0BAChBC,4BAAoB;oBACpBC,sBAAc;oBACdC,sBAAc;mBACdC,qBAAa;aACbC,eAAO;wBACPC,0BAAkB;eAClBC,iBAAS;uBACTC,yBAAiB;0BACjBC,4BAAoB;0BACpBC,4BAAoB;iBACpBC,mBAAW;gBACXC,kBAAU;qBACVC,uBAAe;sBACfC,wBAAgB;0BAChBC,4BAAoB;sBACpBC,wBAAgB;yBAChBC,yBAAmB;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":["Agreement","Auth","DocCard","EdsSuccess","EmptyMessages","ErrorModal","Feedback","FileForUpload","HelpNotification","HelpNotificationItem","IconToggleItem","IdentityHeader","IdentityModal","MsgBody","MsgComponentHeader","MsgSearch","NextStepComponent","ProfileHealthGeneral","RightMenuSectionItem","SetUpAccess","ViewToggle","HelpInstruction","PresaleComponent","ServiceCardComponent","NotificationItem","NotificationWrapper","CalendarBody"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,UAAU,GAAG;eACxBA,iBAAS;UACTC,YAAI;aACJC,eAAO;gBACPC,kBAAU;mBACVC,qBAAa;gBACbC,kBAAU;cACVC,gBAAQ;mBACRC,qBAAa;sBACbC,wBAAgB;0BAChBC,4BAAoB;oBACpBC,sBAAc;oBACdC,sBAAc;mBACdC,qBAAa;aACbC,eAAO;wBACPC,0BAAkB;eAClBC,iBAAS;uBACTC,yBAAiB;0BACjBC,4BAAoB;0BACpBC,4BAAoB;iBACpBC,mBAAW;gBACXC,kBAAU;qBACVC,uBAAe;sBACfC,wBAAgB;0BAChBC,4BAAoB;sBACpBC,wBAAgB;yBAChBC,2BAAmB;kBACnBC,kBAAY;;;;;"}

package/dist/esm/components/Calendar/Body/CalendarBody.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".CalendarBody-module_wrapper__fd17C {\n  display: flex;\n  flex-direction: column;\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_weekDays__zXG3- {\n  height: 24px;\n}\n\n.CalendarBody-module_grid__HNGTZ,\n.CalendarBody-module_weekDays__zXG3- {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  column-gap: calc((100% - 7 * 28px) / 6);\n  text-align: center;\n}\n\n.CalendarBody-module_weekDay__hzksZ,\n.CalendarBody-module_day__0KNDZ {\n  width: 28px;\n}\n\n.CalendarBody-module_day__0KNDZ {\n  cursor: pointer;\n  color: var(--text-primary);\n  height: 28px;\n}\n\n.CalendarBody-module_muted__8XysY {\n  color: var(--text-disabled-color);\n}\n\n.CalendarBody-module_selected__86UkJ {\n  background-color: var(--surface-accent);\n  color: var(--text-white-nonconvert-color);\n  border-radius: 100px;\n}\n";
+var styles = {"wrapper":"CalendarBody-module_wrapper__fd17C","weekDays":"CalendarBody-module_weekDays__zXG3-","grid":"CalendarBody-module_grid__HNGTZ","weekDay":"CalendarBody-module_weekDay__hzksZ","day":"CalendarBody-module_day__0KNDZ","muted":"CalendarBody-module_muted__8XysY","selected":"CalendarBody-module_selected__86UkJ"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=CalendarBody.module.css.js.map

package/dist/esm/components/Calendar/Body/CalendarBody.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarBody.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Calendar/Body/index.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseComponents } from '../../../baseComponents/index.js';
+import { joinClasses } from '../../../utils/joinClasses.js';
+import styles from './CalendarBody.module.css.js';
+
+const WEEK_DAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+const CELL_COUNT = 42;
+const isSameDate = (left, right) => left.getFullYear() === right.getFullYear() &&
+    left.getMonth() === right.getMonth() &&
+    left.getDate() === right.getDate();
+const getCalendarDays = (month, year, selectedDate) => {
+    const firstDayIndex = (new Date(year, month, 1).getDay() + 6) % 7;
+    const startDate = new Date(year, month, 1 - firstDayIndex);
+    const today = new Date();
+    return Array.from({ length: CELL_COUNT }, (_, index) => {
+        const date = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate() + index);
+        return {
+            date,
+            day: date.getDate(),
+            isCurrentMonth: date.getMonth() === month,
+            isToday: isSameDate(date, today),
+            isSelected: selectedDate ? isSameDate(date, selectedDate) : false,
+        };
+    });
+};
+const CalendarBody = ({ month = new Date().getMonth(), year = new Date().getFullYear(), selectedDate = null, onDayClick, }) => {
+    const days = getCalendarDays(month, year, selectedDate);
+    return (jsxs("div", { className: styles.wrapper, "data-testid": "CalendarBody", children: [jsx("div", { className: styles.weekDays, children: WEEK_DAYS.map((day) => (jsx(BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", className: styles.weekDay, children: day }, day))) }), jsx("div", { className: styles.grid, children: days.map((cell) => {
+                    return (jsx("button", { type: "button", className: joinClasses(styles.day, !cell.isCurrentMonth && styles.muted, cell.isToday && styles.today, cell.isSelected && styles.selected), onClick: () => {
+                            onDayClick?.(cell.date);
+                        }, "data-testid": `CalendarBody_DAY_${cell.date.toISOString().slice(0, 10)}`, children: jsx(BaseComponents.Typography, { tag: "span", fontClass: "body2Medium", children: cell.day }) }, cell.date.toISOString()));
+                }) })] }));
+};
+
+export { CalendarBody };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Calendar/Body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Calendar/Body/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIA,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACnE,MAAM,UAAU,GAAG,EAAE;AAiBrB,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,KAAW,KACzC,IAAI,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE;AAC1C,IAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,EAAE;IACpC,IAAI,CAAC,OAAO,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE;AAEpC,MAAM,eAAe,GAAG,CACtB,KAAa,EACb,IAAY,EACZ,YAA0B,KACJ;IACtB,MAAM,aAAa,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC;AACjE,IAAA,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC;AAC1D,IAAA,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE;AAExB,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAI;QACrD,MAAM,IAAI,GAAG,IAAI,IAAI,CACnB,SAAS,CAAC,WAAW,EAAE,EACvB,SAAS,CAAC,QAAQ,EAAE,EACpB,SAAS,CAAC,OAAO,EAAE,GAAG,KAAK,CAC5B;QACD,OAAO;YACL,IAAI;AACJ,YAAA,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE;AACnB,YAAA,cAAc,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,KAAK;AACzC,YAAA,OAAO,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;AAChC,YAAA,UAAU,EAAE,YAAY,GAAG,UAAU,CAAC,IAAI,EAAE,YAAY,CAAC,GAAG,KAAK;SAClE;AACH,IAAA,CAAC,CAAC;AACJ,CAAC;AAEM,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,EAC7B,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,EAC/B,YAAY,GAAG,IAAI,EACnB,UAAU,GACS,KAAI;IACvB,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC;AAEvD,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,aAAA,EAAc,cAAc,EAAA,QAAA,EAAA,CACxDC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAC5B,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,MACjBA,GAAA,CAAC,cAAc,CAAC,UAAU,IACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,aAAa,EAEvB,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAExB,GAAG,EAAA,EAHC,GAAG,CAIkB,CAC7B,CAAC,EAAA,CACE,EAENA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EACxB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;AACjB,oBAAA,QACEA,GAAA,CAAA,QAAA,EAAA,EAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,GAAG,EACV,CAAC,IAAI,CAAC,cAAc,IAAI,MAAM,CAAC,KAAK,EACpC,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,KAAK,EAC5B,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,QAAQ,CACnC,EACD,OAAO,EAAE,MAAK;AACZ,4BAAA,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC;AACzB,wBAAA,CAAC,iBACY,CAAA,iBAAA,EAAoB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAEvEA,GAAA,CAAC,cAAc,CAAC,UAAU,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,aAAa,EAAA,QAAA,EAC1D,IAAI,CAAC,GAAG,GACiB,EAAA,EAfvB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAgBrB;AAEb,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACF;AAEV;;;;"}

package/dist/esm/components/index.js

@@ -1,4 +1,5 @@
 import '../styles/colors.css.js';
+import { CalendarBody } from './Calendar/Body/index.js';
 import { ErrorModal } from './ErrorModal/index.js';
 import { Agreement } from './Identity/Agreement/index.js';
 import { Auth } from './Identity/Auth/index.js';
@@ -53,6 +54,7 @@ const Components = {
     ServiceCardComponent,
     NotificationItem,
     NotificationWrapper,
+    CalendarBody,
 };
 
 export { Components };

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,UAAU,GAAG;IACxB,SAAS;IACT,IAAI;IACJ,OAAO;IACP,UAAU;IACV,aAAa;IACb,UAAU;IACV,QAAQ;IACR,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;IACd,cAAc;IACd,aAAa;IACb,OAAO;IACP,kBAAkB;IAClB,SAAS;IACT,iBAAiB;IACjB,oBAAoB;IACpB,oBAAoB;IACpB,WAAW;IACX,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,oBAAoB;IACpB,gBAAgB;IAChB,mBAAmB;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,UAAU,GAAG;IACxB,SAAS;IACT,IAAI;IACJ,OAAO;IACP,UAAU;IACV,aAAa;IACb,UAAU;IACV,QAAQ;IACR,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;IACd,cAAc;IACd,aAAa;IACb,OAAO;IACP,kBAAkB;IAClB,SAAS;IACT,iBAAiB;IACjB,oBAAoB;IACpB,oBAAoB;IACpB,WAAW;IACX,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,oBAAoB;IACpB,gBAAgB;IAChB,mBAAmB;IACnB,YAAY;;;;;"}

package/dist/types/components/Calendar/Body/index.d.ts

@@ -0,0 +1,8 @@
+interface ICalendarBodyProps {
+    month?: number;
+    year?: number;
+    selectedDate?: Date | null;
+    onDayClick?: (date: Date) => void;
+}
+
+export type { ICalendarBodyProps };

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+import { ICalendarBodyProps } from './components/Calendar/Body/index.js';
 import { INotificationWrapperProps } from './components/Notification/Wrapper/index.js';
 import { INotificationComponentProps } from './components/Notification/Item/index.js';
 import { IServiceCardComponentProps } from './components/ServiceCardComponent/index.js';
@@ -99,6 +100,7 @@ declare const SystemDesign: {
         ServiceCardComponent: ({ handleOrderService, badge, isNew, title, }: IServiceCardComponentProps) => react_jsx_runtime.JSX.Element;
         NotificationItem: ({ type, text, onClick, }: INotificationComponentProps) => react_jsx_runtime.JSX.Element;
         NotificationWrapper: ({ items, removeNotificationData, }: INotificationWrapperProps) => react_jsx_runtime.JSX.Element | null;
+        CalendarBody: ({ month, year, selectedDate, onDayClick, }: ICalendarBodyProps) => react_jsx_runtime.JSX.Element;
     };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.120",
+  "version": "1.3.121",
   "type": "module",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",