@arkyn/components 3.0.1-beta.145 → 3.0.1-beta.147
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.css +1 -1
- package/dist/bundle.js +885 -341
- package/dist/components/fullCalendar/_fullCalendarProvider.d.ts +43 -0
- package/dist/components/fullCalendar/_fullCalendarProvider.d.ts.map +1 -0
- package/dist/components/fullCalendar/_fullCalendarProvider.js +35 -0
- package/dist/components/fullCalendar/_viewService.d.ts +28 -0
- package/dist/components/fullCalendar/_viewService.d.ts.map +1 -0
- package/dist/components/fullCalendar/_viewService.js +144 -0
- package/dist/components/fullCalendar/dayCalendar/dayCalendarContainer/index.d.ts +8 -0
- package/dist/components/fullCalendar/dayCalendar/dayCalendarContainer/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/dayCalendar/dayCalendarContainer/index.js +6 -0
- package/dist/components/fullCalendar/dayCalendar/dayCalendarEvent/index.d.ts +7 -0
- package/dist/components/fullCalendar/dayCalendar/dayCalendarEvent/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/dayCalendar/dayCalendarEvent/index.js +105 -0
- package/dist/components/fullCalendar/dayCalendar/dayCalendarRow/index.d.ts +8 -0
- package/dist/components/fullCalendar/dayCalendar/dayCalendarRow/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/dayCalendar/dayCalendarRow/index.js +24 -0
- package/dist/components/fullCalendar/dayCalendar/index.d.ts +3 -0
- package/dist/components/fullCalendar/dayCalendar/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/dayCalendar/index.js +9 -0
- package/dist/components/fullCalendar/fullCalendarContainer/index.d.ts +8 -0
- package/dist/components/fullCalendar/fullCalendarContainer/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/fullCalendarContainer/index.js +6 -0
- package/dist/components/fullCalendar/fullCalendarHeader/index.d.ts +8 -0
- package/dist/components/fullCalendar/fullCalendarHeader/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/fullCalendarHeader/index.js +37 -0
- package/dist/components/fullCalendar/index.d.ts +92 -0
- package/dist/components/fullCalendar/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/index.js +52 -0
- package/dist/components/fullCalendar/monthlyCalendar/index.d.ts +3 -0
- package/dist/components/fullCalendar/monthlyCalendar/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/monthlyCalendar/index.js +8 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/index.d.ts +9 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/index.js +29 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.d.ts +4 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.js +9 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/index.d.ts +8 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/index.js +6 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.d.ts +4 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.js +9 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.d.ts +10 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.js +30 -0
- package/dist/components/fullCalendar/weekCalendar/index.d.ts +3 -0
- package/dist/components/fullCalendar/weekCalendar/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/weekCalendar/index.js +8 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarEvent/index.d.ts +10 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarEvent/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarEvent/index.js +102 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.d.ts +4 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.js +11 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.d.ts +8 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.js +6 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.d.ts +4 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.js +10 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.d.ts +11 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.d.ts.map +1 -0
- package/dist/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.js +25 -0
- package/dist/components/imageUpload/index.js +1 -1
- package/dist/components/input/index.d.ts.map +1 -1
- package/dist/components/multiSelect/index.js +1 -1
- package/dist/components/radio/radioGroup/index.js +1 -1
- package/dist/components/richText/index.js +1 -1
- package/dist/components/select/index.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/package.json +7 -7
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { FullCalendarProvider } from "./_fullCalendarProvider";
|
|
4
|
+
import { DayCalendar } from "./dayCalendar";
|
|
5
|
+
import { FullCalendarContainer } from "./fullCalendarContainer";
|
|
6
|
+
import { FullCalendarHeader } from "./fullCalendarHeader";
|
|
7
|
+
import { MonthlyCalendar } from "./monthlyCalendar";
|
|
8
|
+
import { WeekCalendar } from "./weekCalendar";
|
|
9
|
+
/**
|
|
10
|
+
* Full-featured calendar component with day, week, and month views.
|
|
11
|
+
*
|
|
12
|
+
* Renders a switchable calendar that supports event display, blocked time
|
|
13
|
+
* ranges, and date navigation. Internal state and business logic are managed
|
|
14
|
+
* by `FullCalendarProvider`, keeping the public API minimal.
|
|
15
|
+
*
|
|
16
|
+
* @param props FullCalendar properties.
|
|
17
|
+
* @returns Calendar UI with a view switcher header and the active view grid.
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* // Basic usage with events
|
|
21
|
+
* <FullCalendar
|
|
22
|
+
* defaultValue={new Date()}
|
|
23
|
+
* events={[
|
|
24
|
+
* {
|
|
25
|
+
* title: "Team standup",
|
|
26
|
+
* initialDate: new Date(2026, 5, 22, 9, 0),
|
|
27
|
+
* endDate: new Date(2026, 5, 22, 9, 30),
|
|
28
|
+
* scheme: "primary",
|
|
29
|
+
* onClick: (data) => console.log("Event clicked:", data),
|
|
30
|
+
* },
|
|
31
|
+
* ]}
|
|
32
|
+
* onChangeView={(date) => console.log("Viewing:", date)}
|
|
33
|
+
* onClickDate={(date) => console.log("Date clicked:", date)}
|
|
34
|
+
* />
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* // With blocked timestamps
|
|
38
|
+
* <FullCalendar
|
|
39
|
+
* defaultValue={new Date()}
|
|
40
|
+
* blockedTimestamps={[
|
|
41
|
+
* {
|
|
42
|
+
* initialDate: new Date(2026, 5, 22, 12, 0),
|
|
43
|
+
* endDate: new Date(2026, 5, 22, 13, 0),
|
|
44
|
+
* },
|
|
45
|
+
* ]}
|
|
46
|
+
* />
|
|
47
|
+
*/
|
|
48
|
+
function FullCalendar(props) {
|
|
49
|
+
const [viewType, setViewType] = useState("month");
|
|
50
|
+
return (_jsx(FullCalendarProvider, { events: props.events || [], defaultValue: props.defaultValue, onChangeView: props.onChangeView, blockedTimestamps: props.blockedTimestamps || [], onClickDate: props.onClickDate, children: _jsxs(FullCalendarContainer, { children: [_jsx(FullCalendarHeader, { viewType: viewType, setViewType: setViewType }), viewType === "day" && _jsx(DayCalendar, {}), viewType === "month" && _jsx(MonthlyCalendar, {}), viewType === "week" && _jsx(WeekCalendar, {})] }) }));
|
|
51
|
+
}
|
|
52
|
+
export { FullCalendar };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/fullCalendar/monthlyCalendar/index.tsx"],"names":[],"mappings":"AAIA,iBAAS,eAAe,4CAOvB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MonthlyCalendarTableBody } from "./monthlyCalendarTableBody";
|
|
3
|
+
import { MonthlyCalendarTableContainer } from "./monthlyCalendarTableContainer";
|
|
4
|
+
import { MonthlyCalendarTableHeader } from "./monthlyCalendarTableHeader";
|
|
5
|
+
function MonthlyCalendar() {
|
|
6
|
+
return (_jsxs(MonthlyCalendarTableContainer, { children: [_jsx(MonthlyCalendarTableHeader, {}), _jsx(MonthlyCalendarTableBody, {})] }));
|
|
7
|
+
}
|
|
8
|
+
export { MonthlyCalendar };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import "./styles.css";
|
|
2
|
+
type MonthlyCalendarEventProps = {
|
|
3
|
+
day: number;
|
|
4
|
+
month: number;
|
|
5
|
+
year: number;
|
|
6
|
+
};
|
|
7
|
+
declare function MonthlyCalendarEvent(props: MonthlyCalendarEventProps): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
|
|
8
|
+
export { MonthlyCalendarEvent };
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,yBAAyB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,uFA2C7D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useFullCalendar } from "../../_fullCalendarProvider";
|
|
3
|
+
import "./styles.css";
|
|
4
|
+
function MonthlyCalendarEvent(props) {
|
|
5
|
+
const { events } = useFullCalendar();
|
|
6
|
+
const filteredEvents = events.filter((event) => {
|
|
7
|
+
return (event.initialDate.getDate() === props.day &&
|
|
8
|
+
event.initialDate.getMonth() === props.month &&
|
|
9
|
+
event.initialDate.getFullYear() === props.year);
|
|
10
|
+
});
|
|
11
|
+
if (filteredEvents.length === 0)
|
|
12
|
+
return _jsx(_Fragment, {});
|
|
13
|
+
function makeEventKey(index) {
|
|
14
|
+
return `${props.day}-${props.month}-${props.year}-${index}`;
|
|
15
|
+
}
|
|
16
|
+
function makeHour(date) {
|
|
17
|
+
const hours = date.getHours();
|
|
18
|
+
const minutes = date.getMinutes();
|
|
19
|
+
if (minutes === 0)
|
|
20
|
+
return `${hours}h`;
|
|
21
|
+
return `${hours}h${minutes}`;
|
|
22
|
+
}
|
|
23
|
+
function handleEventClick(event, eventData) {
|
|
24
|
+
event.stopPropagation();
|
|
25
|
+
eventData.onClick?.(eventData.data);
|
|
26
|
+
}
|
|
27
|
+
return filteredEvents.map((event, index) => (_jsxs("div", { className: `arkynMonthlyCalendarEvent ${event?.scheme || "primary"}`, onClick: (e) => handleEventClick(e, event), children: [_jsxs("strong", { children: [makeHour(event.initialDate), " ", event?.endDate && `- ${makeHour(event.endDate)}`] }), _jsx("p", { children: event.title })] }, makeEventKey(index))));
|
|
28
|
+
}
|
|
29
|
+
export { MonthlyCalendarEvent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,iBAAS,wBAAwB,4CAchC;AAED,OAAO,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useFullCalendar } from "../../_fullCalendarProvider";
|
|
3
|
+
import { MonthlyCalendarTableTd } from "../monthlyCalendarTableTd";
|
|
4
|
+
import "./styles.css";
|
|
5
|
+
function MonthlyCalendarTableBody() {
|
|
6
|
+
const fullCalendar = useFullCalendar();
|
|
7
|
+
return (_jsx("tbody", { className: "arkynMonthlyCalendarTableBody", children: fullCalendar.listMonthlyMatrix.map((week, weekIndex) => (_jsx("tr", { children: week.map((props, dayIndex) => (_jsx(MonthlyCalendarTableTd, { ...props }, dayIndex))) }, weekIndex))) }));
|
|
8
|
+
}
|
|
9
|
+
export { MonthlyCalendarTableBody };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import "./styles.css";
|
|
3
|
+
type MonthlyCalendarTableContainerProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
};
|
|
6
|
+
declare function MonthlyCalendarTableContainer({ children, }: MonthlyCalendarTableContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { MonthlyCalendarTableContainer };
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/index.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,kCAAkC,GAAG;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,6BAA6B,CAAC,EACrC,QAAQ,GACT,EAAE,kCAAkC,2CAMpC;AAED,OAAO,EAAE,6BAA6B,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import "./styles.css";
|
|
3
|
+
function MonthlyCalendarTableContainer({ children, }) {
|
|
4
|
+
return (_jsx("div", { className: "arkynMonthlyCalendarTableContainer", children: _jsx("table", { children: children }) }));
|
|
5
|
+
}
|
|
6
|
+
export { MonthlyCalendarTableContainer };
|
package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,iBAAS,0BAA0B,4CAYlC;AAED,OAAO,EAAE,0BAA0B,EAAE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { formatToCapitalizeFirstWordLetter } from "@arkyn/shared";
|
|
3
|
+
import { useFullCalendar } from "../../_fullCalendarProvider";
|
|
4
|
+
import "./styles.css";
|
|
5
|
+
function MonthlyCalendarTableHeader() {
|
|
6
|
+
const { listWeek } = useFullCalendar();
|
|
7
|
+
return (_jsx("thead", { className: "arkynMonthlyCalendarTableHeader", children: _jsx("tr", { children: listWeek.map((day, index) => (_jsx("th", { children: formatToCapitalizeFirstWordLetter(day) }, index))) }) }));
|
|
8
|
+
}
|
|
9
|
+
export { MonthlyCalendarTableHeader };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "./styles.css";
|
|
2
|
+
type MonthlyCalendarTableTdProps = {
|
|
3
|
+
day: number;
|
|
4
|
+
month: number;
|
|
5
|
+
year: number;
|
|
6
|
+
dayOwner: "previous" | "current" | "next";
|
|
7
|
+
};
|
|
8
|
+
declare function MonthlyCalendarTableTd(props: MonthlyCalendarTableTdProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { MonthlyCalendarTableTd };
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,KAAK,2BAA2B,GAAG;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;CAC3C,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CA4CjE;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useFullCalendar } from "../../_fullCalendarProvider";
|
|
3
|
+
import { MonthlyCalendarEvent } from "../monthlyCalendarEvent";
|
|
4
|
+
import "./styles.css";
|
|
5
|
+
function MonthlyCalendarTableTd(props) {
|
|
6
|
+
const { day, month, year, dayOwner } = props;
|
|
7
|
+
const { blockedTimestamps, onClickDate } = useFullCalendar();
|
|
8
|
+
function isToday() {
|
|
9
|
+
const today = new Date();
|
|
10
|
+
return (day === today.getDate() &&
|
|
11
|
+
month === today.getMonth() &&
|
|
12
|
+
year === today.getFullYear());
|
|
13
|
+
}
|
|
14
|
+
function isBlocked() {
|
|
15
|
+
const currentDate = new Date(year, month, day);
|
|
16
|
+
return blockedTimestamps.some((timestamp) => currentDate >= timestamp.initialDate &&
|
|
17
|
+
currentDate <= timestamp.endDate);
|
|
18
|
+
}
|
|
19
|
+
function handleClick(event) {
|
|
20
|
+
event.stopPropagation();
|
|
21
|
+
if (isBlocked())
|
|
22
|
+
return;
|
|
23
|
+
if (onClickDate) {
|
|
24
|
+
const date = new Date(year, month, day);
|
|
25
|
+
onClickDate(date);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
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 }) })] }));
|
|
29
|
+
}
|
|
30
|
+
export { MonthlyCalendarTableTd };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/fullCalendar/weekCalendar/index.tsx"],"names":[],"mappings":"AAIA,iBAAS,YAAY,4CAOpB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { WeekCalendarTableBody } from "./weekCalendarTableBody";
|
|
3
|
+
import { WeekCalendarTableContainer } from "./weekCalendarTableContainer";
|
|
4
|
+
import { WeekCalendarTableHeader } from "./weekCalendarTableHeader";
|
|
5
|
+
function WeekCalendar() {
|
|
6
|
+
return (_jsxs(WeekCalendarTableContainer, { children: [_jsx(WeekCalendarTableHeader, {}), _jsx(WeekCalendarTableBody, {})] }));
|
|
7
|
+
}
|
|
8
|
+
export { WeekCalendar };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "./styles.css";
|
|
2
|
+
type WeekCalendarEventProps = {
|
|
3
|
+
day: number;
|
|
4
|
+
month: number;
|
|
5
|
+
year: number;
|
|
6
|
+
timeInMinutes: number;
|
|
7
|
+
};
|
|
8
|
+
declare function WeekCalendarEvent(props: WeekCalendarEventProps): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
|
|
9
|
+
export { WeekCalendarEvent };
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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,uFAgJvD;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useFullCalendar } from "../../_fullCalendarProvider";
|
|
3
|
+
import "./styles.css";
|
|
4
|
+
const SLOT_DURATION_MINUTES = 30;
|
|
5
|
+
const OVERLAP_OFFSET_PX = 40;
|
|
6
|
+
function WeekCalendarEvent(props) {
|
|
7
|
+
const { events } = useFullCalendar();
|
|
8
|
+
const dayEvents = events
|
|
9
|
+
.map((event, sourceIndex) => ({ event, sourceIndex }))
|
|
10
|
+
.filter(({ event }) => {
|
|
11
|
+
return (event.initialDate.getDate() === props.day &&
|
|
12
|
+
event.initialDate.getMonth() === props.month &&
|
|
13
|
+
event.initialDate.getFullYear() === props.year);
|
|
14
|
+
})
|
|
15
|
+
.sort((a, b) => {
|
|
16
|
+
const startA = a.event.initialDate.getTime();
|
|
17
|
+
const startB = b.event.initialDate.getTime();
|
|
18
|
+
if (startA !== startB)
|
|
19
|
+
return startA - startB;
|
|
20
|
+
const endA = a.event.endDate?.getTime() ?? startA + SLOT_DURATION_MINUTES * 60_000;
|
|
21
|
+
const endB = b.event.endDate?.getTime() ?? startB + SLOT_DURATION_MINUTES * 60_000;
|
|
22
|
+
if (endA !== endB)
|
|
23
|
+
return endA - endB;
|
|
24
|
+
return a.sourceIndex - b.sourceIndex;
|
|
25
|
+
});
|
|
26
|
+
const dayEventOrderBySourceIndex = new Map(dayEvents.map((item, orderIndex) => [item.sourceIndex, orderIndex]));
|
|
27
|
+
const filteredEvents = dayEvents.filter(({ event }) => {
|
|
28
|
+
const dayHour = Math.floor(props.timeInMinutes / 60);
|
|
29
|
+
const dayMinute = props.timeInMinutes % 60;
|
|
30
|
+
function isEventInInterval() {
|
|
31
|
+
const eventHour = event.initialDate.getHours();
|
|
32
|
+
const eventMinute = event.initialDate.getMinutes();
|
|
33
|
+
if (eventHour !== dayHour)
|
|
34
|
+
return false;
|
|
35
|
+
if (dayMinute === 0)
|
|
36
|
+
return eventMinute < 30 && eventMinute >= 0;
|
|
37
|
+
if (dayMinute === 30)
|
|
38
|
+
return eventMinute >= 30 && eventMinute < 60;
|
|
39
|
+
}
|
|
40
|
+
return (isEventInInterval() &&
|
|
41
|
+
event.initialDate.getDate() === props.day &&
|
|
42
|
+
event.initialDate.getMonth() === props.month &&
|
|
43
|
+
event.initialDate.getFullYear() === props.year);
|
|
44
|
+
});
|
|
45
|
+
if (filteredEvents.length === 0)
|
|
46
|
+
return _jsx(_Fragment, {});
|
|
47
|
+
function makeEventKey(index, sourceIndex) {
|
|
48
|
+
return `${props.day}-${props.month}-${props.year}-${sourceIndex}-${index}`;
|
|
49
|
+
}
|
|
50
|
+
function makeHour(date) {
|
|
51
|
+
const hours = date.getHours();
|
|
52
|
+
const minutes = date.getMinutes();
|
|
53
|
+
if (minutes === 0)
|
|
54
|
+
return `${hours}h`;
|
|
55
|
+
return `${hours}h${minutes}`;
|
|
56
|
+
}
|
|
57
|
+
function getEventRangeInMinutes(event) {
|
|
58
|
+
const startMinutes = event.initialDate.getHours() * 60 + event.initialDate.getMinutes();
|
|
59
|
+
const endMinutes = event.endDate
|
|
60
|
+
? event.endDate.getHours() * 60 + event.endDate.getMinutes()
|
|
61
|
+
: startMinutes + SLOT_DURATION_MINUTES;
|
|
62
|
+
return {
|
|
63
|
+
startMinutes,
|
|
64
|
+
endMinutes: Math.max(endMinutes, startMinutes + 1),
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
function countOverlappingPreviousEvents(currentEvent, sourceIndex) {
|
|
68
|
+
const current = getEventRangeInMinutes(currentEvent);
|
|
69
|
+
const currentOrderIndex = dayEventOrderBySourceIndex.get(sourceIndex);
|
|
70
|
+
if (currentOrderIndex == null)
|
|
71
|
+
return 0;
|
|
72
|
+
return dayEvents.reduce((count, item, orderIndex) => {
|
|
73
|
+
if (orderIndex >= currentOrderIndex)
|
|
74
|
+
return count;
|
|
75
|
+
const candidate = getEventRangeInMinutes(item.event);
|
|
76
|
+
const intersects = candidate.startMinutes < current.endMinutes &&
|
|
77
|
+
candidate.endMinutes > current.startMinutes;
|
|
78
|
+
if (!intersects)
|
|
79
|
+
return count;
|
|
80
|
+
return count + 1;
|
|
81
|
+
}, 0);
|
|
82
|
+
}
|
|
83
|
+
function getEventStyle(event, sourceIndex) {
|
|
84
|
+
const { startMinutes, endMinutes } = getEventRangeInMinutes(event);
|
|
85
|
+
const startOffsetInCell = startMinutes - props.timeInMinutes;
|
|
86
|
+
const durationInMinutes = Math.max(endMinutes - startMinutes, 1);
|
|
87
|
+
const top = (startOffsetInCell / SLOT_DURATION_MINUTES) * 100;
|
|
88
|
+
const height = (durationInMinutes / SLOT_DURATION_MINUTES) * 100;
|
|
89
|
+
const overlapOffset = countOverlappingPreviousEvents(event, sourceIndex) * OVERLAP_OFFSET_PX;
|
|
90
|
+
return {
|
|
91
|
+
top: `${top}%`,
|
|
92
|
+
height: `${height}%`,
|
|
93
|
+
left: `${overlapOffset}px`,
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
function handleEventClick(event, eventData) {
|
|
97
|
+
event.stopPropagation();
|
|
98
|
+
eventData.onClick?.(eventData.data);
|
|
99
|
+
}
|
|
100
|
+
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))));
|
|
101
|
+
}
|
|
102
|
+
export { WeekCalendarEvent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC;AAEtB,iBAAS,qBAAqB,4CAsB7B;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useFullCalendar } from "../../_fullCalendarProvider";
|
|
3
|
+
import { ViewService } from "../../_viewService";
|
|
4
|
+
import { WeekCalendarTableTd } from "../weekCalendarTableTd";
|
|
5
|
+
import "./styles.css";
|
|
6
|
+
function WeekCalendarTableBody() {
|
|
7
|
+
const fullCalendar = useFullCalendar();
|
|
8
|
+
const viewService = new ViewService();
|
|
9
|
+
return (_jsx("tbody", { className: "arkynWeekCalendarTableBody", children: fullCalendar.listWeeklyMatrix.map((hourRow) => (_jsxs("tr", { children: [_jsx("td", { className: "hourTd", children: _jsx("p", { children: viewService.formatHourLabel(hourRow[0].timeInMinutes) }) }), hourRow.map((cell, index) => (_jsx(WeekCalendarTableTd, { ...cell }, `${cell.year}-${cell.month}-${cell.day}-${cell.timeInMinutes}-${index}`)))] }, hourRow[0].timeInMinutes))) }));
|
|
10
|
+
}
|
|
11
|
+
export { WeekCalendarTableBody };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import "./styles.css";
|
|
3
|
+
type WeekCalendarTableContainerProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
};
|
|
6
|
+
declare function WeekCalendarTableContainer({ children, }: WeekCalendarTableContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { WeekCalendarTableContainer };
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,+BAA+B,GAAG;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,0BAA0B,CAAC,EAClC,QAAQ,GACT,EAAE,+BAA+B,2CAMjC;AAED,OAAO,EAAE,0BAA0B,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import "./styles.css";
|
|
3
|
+
function WeekCalendarTableContainer({ children, }) {
|
|
4
|
+
return (_jsx("div", { className: "arkynWeekCalendarTableContainer", children: _jsx("table", { children: children }) }));
|
|
5
|
+
}
|
|
6
|
+
export { WeekCalendarTableContainer };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,iBAAS,uBAAuB,4CAmB/B;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { formatToCapitalizeFirstWordLetter } from "@arkyn/shared";
|
|
3
|
+
import { useFullCalendar } from "../../_fullCalendarProvider";
|
|
4
|
+
import "./styles.css";
|
|
5
|
+
function WeekCalendarTableHeader() {
|
|
6
|
+
const { listWeek, listWeeklyMatrix } = useFullCalendar();
|
|
7
|
+
const firstHourRow = listWeeklyMatrix[0] || [];
|
|
8
|
+
return (_jsx("thead", { className: "arkynWeekCalendarTableHeader", children: _jsxs("tr", { children: [_jsx("th", {}), listWeek.map((day, index) => (_jsx("th", { children: _jsxs("div", { className: "arkynWeekCalendarTableHeaderContent", children: [_jsx("span", { children: formatToCapitalizeFirstWordLetter(day) }), _jsx("strong", { children: firstHourRow[index]?.day })] }) }, index)))] }) }));
|
|
9
|
+
}
|
|
10
|
+
export { WeekCalendarTableHeader };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import "./styles.css";
|
|
2
|
+
type WeekCalendarTableTdProps = {
|
|
3
|
+
day: number;
|
|
4
|
+
month: number;
|
|
5
|
+
year: number;
|
|
6
|
+
dayOwner: "previous" | "current" | "next";
|
|
7
|
+
timeInMinutes: number;
|
|
8
|
+
};
|
|
9
|
+
declare function WeekCalendarTableTd(props: WeekCalendarTableTdProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { WeekCalendarTableTd };
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useFullCalendar } from "../../_fullCalendarProvider";
|
|
3
|
+
import { WeekCalendarEvent } from "../weekCalendarEvent";
|
|
4
|
+
import "./styles.css";
|
|
5
|
+
function WeekCalendarTableTd(props) {
|
|
6
|
+
const { day, month, year, dayOwner, timeInMinutes } = props;
|
|
7
|
+
const { blockedTimestamps, onClickDate } = useFullCalendar();
|
|
8
|
+
function isBlocked() {
|
|
9
|
+
const currentDate = new Date(year, month, day);
|
|
10
|
+
return blockedTimestamps.some((timestamp) => currentDate >= timestamp.initialDate &&
|
|
11
|
+
currentDate <= timestamp.endDate);
|
|
12
|
+
}
|
|
13
|
+
function handleClick(event) {
|
|
14
|
+
event.stopPropagation();
|
|
15
|
+
if (isBlocked())
|
|
16
|
+
return;
|
|
17
|
+
if (onClickDate) {
|
|
18
|
+
const date = new Date(year, month, day);
|
|
19
|
+
date.setHours(0, timeInMinutes, 0, 0);
|
|
20
|
+
onClickDate(date);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
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 }) }) }));
|
|
24
|
+
}
|
|
25
|
+
export { WeekCalendarTableTd };
|
|
@@ -55,7 +55,7 @@ import "./styles.css";
|
|
|
55
55
|
* ```
|
|
56
56
|
*/
|
|
57
57
|
function ImageUpload(props) {
|
|
58
|
-
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 = "
|
|
58
|
+
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;
|
|
59
59
|
const { fieldErrors } = useForm();
|
|
60
60
|
const fieldError = fieldErrors?.[name];
|
|
61
61
|
const [value, setValue] = useState(defaultValue);
|
|
@@ -1 +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,
|
|
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,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"}
|
|
@@ -70,7 +70,7 @@ import { MultiSelectSpinner } from "./multiSelectSpinner";
|
|
|
70
70
|
* ```
|
|
71
71
|
*/
|
|
72
72
|
function MultiSelect(props) {
|
|
73
|
-
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 = "
|
|
73
|
+
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;
|
|
74
74
|
const { fieldErrors } = useForm();
|
|
75
75
|
const multiSelectRef = useRef(null);
|
|
76
76
|
const multiSelectId = id || useId();
|
|
@@ -42,7 +42,7 @@ import "./styles.css";
|
|
|
42
42
|
* ```
|
|
43
43
|
*/
|
|
44
44
|
function RadioGroup(props) {
|
|
45
|
-
const { defaultValue = "", name, label, showAsterisk, errorMessage: baseErrorMessage, value: forceValue, onChange, size = "md", className: wrapperClassName = "", disabled = false, unShowFieldTemplate = false, orientation = "
|
|
45
|
+
const { defaultValue = "", name, label, showAsterisk, errorMessage: baseErrorMessage, value: forceValue, onChange, size = "md", className: wrapperClassName = "", disabled = false, unShowFieldTemplate = false, orientation = "vertical", ...rest } = props;
|
|
46
46
|
const [value, setValue] = useState(defaultValue);
|
|
47
47
|
const { fieldErrors } = useForm();
|
|
48
48
|
function handleChange(value) {
|
|
@@ -68,7 +68,7 @@ import "./styles.css";
|
|
|
68
68
|
* ```
|
|
69
69
|
*/
|
|
70
70
|
function RichText(props) {
|
|
71
|
-
const { name, hiddenButtons, imageConfig, videoConfig, className: wrapperClassName = "", defaultValue = "[]", enforceCharacterLimit = false, onChangeCharactersCount, baseErrorMessage, maxLimit = 10000, onChange, isError: baseIsError, label, showAsterisk, id, orientation = "
|
|
71
|
+
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;
|
|
72
72
|
const editor = useMemo(() => withHistory(withReact(createEditor())), []);
|
|
73
73
|
const { fieldErrors } = useForm();
|
|
74
74
|
function getDefaultNodes() {
|
|
@@ -69,7 +69,7 @@ import { SelectSpinner } from "./selectSpinner";
|
|
|
69
69
|
* ```
|
|
70
70
|
*/
|
|
71
71
|
function Select(props) {
|
|
72
|
-
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 = "
|
|
72
|
+
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;
|
|
73
73
|
const { fieldErrors } = useForm();
|
|
74
74
|
const selectRef = useRef(null);
|
|
75
75
|
const selectId = id || useId();
|
package/dist/index.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ export { FieldError } from "./components/fieldError";
|
|
|
21
21
|
export { FieldLabel } from "./components/fieldLabel";
|
|
22
22
|
export { FieldWrapper } from "./components/fieldWrapper";
|
|
23
23
|
export { FileUpload } from "./components/fileUpload";
|
|
24
|
+
export { FullCalendar } from "./components/fullCalendar";
|
|
24
25
|
export { GoogleAnalytics } from "./components/googleAnalytics";
|
|
25
26
|
export { GoogleTagManager } from "./components/googleTagManager";
|
|
26
27
|
export { IconButton } from "./components/iconButton";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -22,6 +22,7 @@ export { FieldError } from "./components/fieldError";
|
|
|
22
22
|
export { FieldLabel } from "./components/fieldLabel";
|
|
23
23
|
export { FieldWrapper } from "./components/fieldWrapper";
|
|
24
24
|
export { FileUpload } from "./components/fileUpload";
|
|
25
|
+
export { FullCalendar } from "./components/fullCalendar";
|
|
25
26
|
export { GoogleAnalytics } from "./components/googleAnalytics";
|
|
26
27
|
export { GoogleTagManager } from "./components/googleTagManager";
|
|
27
28
|
export { IconButton } from "./components/iconButton";
|