@arkyn/components 3.0.1-beta.146 → 3.0.1-beta.148

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.js

@@ -1,14 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFullCalendar } from "../../_fullCalendarProvider";
 import { MonthlyCalendarEvent } from "../monthlyCalendarEvent";
 import "./styles.css";
 function MonthlyCalendarTableTd(props) {
     const { day, month, year, dayOwner } = props;
+    const { blockedTimestamps, onClickDate } = useFullCalendar();
     function isToday() {
         const today = new Date();
         return (day === today.getDate() &&
             month === today.getMonth() &&
             year === today.getFullYear());
     }
-    return (_jsxs("td", { className: `arkynMonthlyCalendarTableTd ${dayOwner}`, children: [_jsx("p", { className: isToday() ? "today" : "", children: day }), _jsx("div", { className: "arkynMonthlyCalendarEventContainer", children: _jsx(MonthlyCalendarEvent, { day: day, month: month, year: year }) })] }));
+    function isBlocked() {
+        const currentDate = new Date(year, month, day);
+        return blockedTimestamps.some((timestamp) => currentDate >= timestamp.initialDate &&
+            currentDate <= timestamp.endDate);
+    }
+    function handleClick(event) {
+        event.stopPropagation();
+        if (isBlocked())
+            return;
+        if (onClickDate) {
+            const date = new Date(year, month, day);
+            onClickDate(date);
+        }
+    }
+    return (_jsxs("td", { className: `arkynMonthlyCalendarTableTd ${dayOwner} ${isBlocked() ? "blocked" : ""}`, onClick: handleClick, children: [_jsx("p", { className: isToday() ? "today" : "", children: day }), _jsx("div", { className: "arkynMonthlyCalendarEventContainer", children: _jsx(MonthlyCalendarEvent, { day: day, month: month, year: year }) })] }));
 }
 export { MonthlyCalendarTableTd };

package/dist/components/fullCalendar/weekCalendar/weekCalendarEvent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarEvent/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,sBAAsB,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAKF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,uFAuIvD;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarEvent/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,sBAAsB,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAKF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,uFAgJvD;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/fullCalendar/weekCalendar/weekCalendarEvent/index.js

@@ -8,13 +8,13 @@ function WeekCalendarEvent(props) {
     const dayEvents = events
         .map((event, sourceIndex) => ({ event, sourceIndex }))
         .filter(({ event }) => {
-        return (event.date.getDate() === props.day &&
-            event.date.getMonth() === props.month &&
-            event.date.getFullYear() === props.year);
+        return (event.initialDate.getDate() === props.day &&
+            event.initialDate.getMonth() === props.month &&
+            event.initialDate.getFullYear() === props.year);
     })
         .sort((a, b) => {
-        const startA = a.event.date.getTime();
-        const startB = b.event.date.getTime();
+        const startA = a.event.initialDate.getTime();
+        const startB = b.event.initialDate.getTime();
         if (startA !== startB)
             return startA - startB;
         const endA = a.event.endDate?.getTime() ?? startA + SLOT_DURATION_MINUTES * 60_000;
@@ -28,8 +28,8 @@ function WeekCalendarEvent(props) {
         const dayHour = Math.floor(props.timeInMinutes / 60);
         const dayMinute = props.timeInMinutes % 60;
         function isEventInInterval() {
-            const eventHour = event.date.getHours();
-            const eventMinute = event.date.getMinutes();
+            const eventHour = event.initialDate.getHours();
+            const eventMinute = event.initialDate.getMinutes();
             if (eventHour !== dayHour)
                 return false;
             if (dayMinute === 0)
@@ -38,9 +38,9 @@ function WeekCalendarEvent(props) {
                 return eventMinute >= 30 && eventMinute < 60;
         }
         return (isEventInInterval() &&
-            event.date.getDate() === props.day &&
-            event.date.getMonth() === props.month &&
-            event.date.getFullYear() === props.year);
+            event.initialDate.getDate() === props.day &&
+            event.initialDate.getMonth() === props.month &&
+            event.initialDate.getFullYear() === props.year);
     });
     if (filteredEvents.length === 0)
         return _jsx(_Fragment, {});
@@ -55,7 +55,7 @@ function WeekCalendarEvent(props) {
         return `${hours}h${minutes}`;
     }
     function getEventRangeInMinutes(event) {
-        const startMinutes = event.date.getHours() * 60 + event.date.getMinutes();
+        const startMinutes = event.initialDate.getHours() * 60 + event.initialDate.getMinutes();
         const endMinutes = event.endDate
             ? event.endDate.getHours() * 60 + event.endDate.getMinutes()
             : startMinutes + SLOT_DURATION_MINUTES;
@@ -93,6 +93,10 @@ function WeekCalendarEvent(props) {
             left: `${overlapOffset}px`,
         };
     }
-    return filteredEvents.map(({ event, sourceIndex }, index) => (_jsxs("div", { className: `arkynWeekCalendarEvent ${event?.scheme || "primary"}`, style: getEventStyle(event, sourceIndex), onClick: () => event.onClick?.(event.data), children: [_jsxs("strong", { children: [makeHour(event.date), " ", event?.endDate && `- ${makeHour(event.endDate)}`] }), _jsx("p", { children: event.title })] }, makeEventKey(index, sourceIndex))));
+    function handleEventClick(event, eventData) {
+        event.stopPropagation();
+        eventData.onClick?.(eventData.data);
+    }
+    return filteredEvents.map(({ event, sourceIndex }, index) => (_jsxs("div", { className: `arkynWeekCalendarEvent ${event?.scheme || "primary"}`, style: getEventStyle(event, sourceIndex), onClick: (e) => handleEventClick(e, event), children: [_jsxs("strong", { children: [makeHour(event.initialDate), " ", event?.endDate && `- ${makeHour(event.endDate)}`] }), _jsx("p", { children: event.title })] }, makeEventKey(index, sourceIndex))));
 }
 export { WeekCalendarEvent };

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,wBAAwB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA4B3D;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,KAAK,wBAAwB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA0C3D;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.js

@@ -1,14 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useFullCalendar } from "../../_fullCalendarProvider";
 import { WeekCalendarEvent } from "../weekCalendarEvent";
 import "./styles.css";
 function WeekCalendarTableTd(props) {
     const { day, month, year, dayOwner, timeInMinutes } = props;
-    function isToday() {
-        const today = new Date();
-        return (day === today.getDate() &&
-            month === today.getMonth() &&
-            year === today.getFullYear());
+    const { blockedTimestamps, onClickDate } = useFullCalendar();
+    function isBlocked() {
+        const currentDate = new Date(year, month, day);
+        return blockedTimestamps.some((timestamp) => currentDate >= timestamp.initialDate &&
+            currentDate <= timestamp.endDate);
     }
-    return (_jsx("td", { className: `arkynWeekCalendarTableTd ${dayOwner} ${isToday() ? "today" : ""}`, "data-day": day, "data-time": timeInMinutes, children: _jsx("div", { className: "arkynWeekCalendarTableTdContent", children: _jsx(WeekCalendarEvent, { day: day, month: month, year: year, timeInMinutes: timeInMinutes }) }) }));
+    function handleClick(event) {
+        event.stopPropagation();
+        if (isBlocked())
+            return;
+        if (onClickDate) {
+            const date = new Date(year, month, day);
+            date.setHours(0, timeInMinutes, 0, 0);
+            onClickDate(date);
+        }
+    }
+    return (_jsx("td", { className: `arkynWeekCalendarTableTd ${dayOwner}  ${isBlocked() ? "blocked" : ""}`, "data-day": day, "data-time": timeInMinutes, onClick: handleClick, children: _jsx("div", { className: "arkynWeekCalendarTableTdContent", children: _jsx(WeekCalendarEvent, { day: day, month: month, year: year, timeInMinutes: timeInMinutes }) }) }));
 }
 export { WeekCalendarTableTd };

package/dist/components/imageUpload/index.js

@@ -55,7 +55,7 @@ import "./styles.css";
  * ```
  */
 function ImageUpload(props) {
-    const { name, defaultValue = "", label, showAsterisk = false, action, fileName = "file", className: wrapperClassName = "", method = "POST", acceptImage = "image/*", fileResponseName = "url", changeImageButtonText = "Alterar imagem", selectImageButtonText = "Selecionar imagem", dropImageText = "Ou arraste e solte a imagem aqui", onChange, disabled = false, unShowFieldTemplate = false, orientation = "horizontal", } = props;
+    const { name, defaultValue = "", label, showAsterisk = false, action, fileName = "file", className: wrapperClassName = "", method = "POST", acceptImage = "image/*", fileResponseName = "url", changeImageButtonText = "Alterar imagem", selectImageButtonText = "Selecionar imagem", dropImageText = "Ou arraste e solte a imagem aqui", onChange, disabled = false, unShowFieldTemplate = false, orientation = "vertical", } = props;
     const { fieldErrors } = useForm();
     const fieldError = fieldErrors?.[name];
     const [value, setValue] = useState(defaultValue);

package/dist/components/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EACL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAMf,OAAO,aAAa,CAAC;AAErB,KAAK,UAAU,GAAG,IAAI,CACpB,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,CACtD,GAAG;IACF,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sFAAsF;IACtF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAC5C,yFAAyF;IACzF,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,mBAAmB,CAAC;IAC9D,yDAAyD;IACzD,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CAyI/B;AAED,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAMf,OAAO,aAAa,CAAC;AAErB,KAAK,UAAU,GAAG,IAAI,CACpB,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,CACtD,GAAG;IACF,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sFAAsF;IACtF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAC5C,yFAAyF;IACzF,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,mBAAmB,CAAC;IAC9D,yDAAyD;IACzD,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CAyI/B;AAED,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,CAAC"}

package/dist/components/multiSelect/index.js

@@ -70,7 +70,7 @@ import { MultiSelectSpinner } from "./multiSelectSpinner";
  * ```
  */
 function MultiSelect(props) {
-    const { name, options, className: wrapperClassName = "", placeholder = "Selecione...", closeOnSelect = false, defaultValue = [], errorMessage: baseErrorMessage, isLoading = false, readOnly = false, isSearchable = false, id, label, optionMaxHeight, showAsterisk, leftIcon: LeftIcon, onSearch, onChange, onBlur, notFoundText = "Sem opções disponíveis", onFocus, disabled: baseDisabled = false, prefix, size = "md", value, variant = "solid", unShowFieldTemplate = false, orientation = "horizontal", } = props;
+    const { name, options, className: wrapperClassName = "", placeholder = "Selecione...", closeOnSelect = false, defaultValue = [], errorMessage: baseErrorMessage, isLoading = false, readOnly = false, isSearchable = false, id, label, optionMaxHeight, showAsterisk, leftIcon: LeftIcon, onSearch, onChange, onBlur, notFoundText = "Sem opções disponíveis", onFocus, disabled: baseDisabled = false, prefix, size = "md", value, variant = "solid", unShowFieldTemplate = false, orientation = "vertical", } = props;
     const { fieldErrors } = useForm();
     const multiSelectRef = useRef(null);
     const multiSelectId = id || useId();

package/dist/components/radio/radioGroup/index.js

@@ -42,7 +42,7 @@ import "./styles.css";
  * ```
  */
 function RadioGroup(props) {
-    const { defaultValue = "", name, label, showAsterisk, errorMessage: baseErrorMessage, value: forceValue, onChange, size = "md", className: wrapperClassName = "", disabled = false, unShowFieldTemplate = false, orientation = "horizontal", ...rest } = props;
+    const { defaultValue = "", name, label, showAsterisk, errorMessage: baseErrorMessage, value: forceValue, onChange, size = "md", className: wrapperClassName = "", disabled = false, unShowFieldTemplate = false, orientation = "vertical", ...rest } = props;
     const [value, setValue] = useState(defaultValue);
     const { fieldErrors } = useForm();
     function handleChange(value) {

package/dist/components/richText/index.js

@@ -68,7 +68,7 @@ import "./styles.css";
  * ```
  */
 function RichText(props) {
-    const { name, hiddenButtons, imageConfig, videoConfig, className: wrapperClassName = "", defaultValue = "[]", enforceCharacterLimit = false, onChangeCharactersCount, baseErrorMessage, maxLimit = 10000, onChange, isError: baseIsError, label, showAsterisk, id, orientation = "horizontal", unShowFieldTemplate = false, } = props;
+    const { name, hiddenButtons, imageConfig, videoConfig, className: wrapperClassName = "", defaultValue = "[]", enforceCharacterLimit = false, onChangeCharactersCount, baseErrorMessage, maxLimit = 10000, onChange, isError: baseIsError, label, showAsterisk, id, orientation = "vertical", unShowFieldTemplate = false, } = props;
     const editor = useMemo(() => withHistory(withReact(createEditor())), []);
     const { fieldErrors } = useForm();
     function getDefaultNodes() {

package/dist/components/select/index.js

@@ -69,7 +69,7 @@ import { SelectSpinner } from "./selectSpinner";
  * ```
  */
 function Select(props) {
-    const { name, options, className: wrapperClassName = "", placeholder = "Selecione...", closeOnSelect = true, defaultValue = "", errorMessage: baseErrorMessage, isLoading = false, readOnly = false, isSearchable = false, id, label, optionMaxHeight, showAsterisk, leftIcon: LeftIcon, onSearch, onChange, onBlur, notFoundText = "Sem opções disponíveis", onFocus, disabled: baseDisabled = false, prefix, size = "md", value, variant = "solid", orientation = "horizontal", unShowFieldTemplate = false, } = props;
+    const { name, options, className: wrapperClassName = "", placeholder = "Selecione...", closeOnSelect = true, defaultValue = "", errorMessage: baseErrorMessage, isLoading = false, readOnly = false, isSearchable = false, id, label, optionMaxHeight, showAsterisk, leftIcon: LeftIcon, onSearch, onChange, onBlur, notFoundText = "Sem opções disponíveis", onFocus, disabled: baseDisabled = false, prefix, size = "md", value, variant = "solid", orientation = "vertical", unShowFieldTemplate = false, } = props;
     const { fieldErrors } = useForm();
     const selectRef = useRef(null);
     const selectId = id || useId();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "3.0.1-beta.146",
+  "version": "3.0.1-beta.148",
   "main": "./dist/bundle.js",
   "module": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
@@ -36,12 +36,9 @@
     "typecheck": "bunx tsc --project tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@arkyn/shared": "^3.0.1-beta.136",
-    "@arkyn/templates": "^3.0.1-beta.136",
     "@react-google-maps/api": "^2.20.8",
     "@react-input/mask": "^2.0.4",
     "@types/react-scroll": "^1.8.10",
-    "@vitejs/plugin-react": "^6.0.1",
     "framer-motion": "^12.38.0",
     "html-react-parser": "^6.1.0",
     "mapbox-gl": "^3.23.1",
@@ -52,9 +49,11 @@
     "slate-react": "^0.124.0"
   },
   "peerDependencies": {
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "lucide-react": "^1.14.0"
+    "@arkyn/shared": ">=3.0.1-beta.145",
+    "@arkyn/templates": ">=3.0.1-beta.145",
+    "react": ">=19.2.6",
+    "react-dom": ">=19.2.6",
+    "lucide-react": ">=1.14.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -64,6 +63,7 @@
     "@types/node": "^25.7.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
     "bun-types": "^1.3.13",
     "globals": "^17.6.0",
     "jsdom": "^29.1.1",