@edifice.io/react 2.5.5-develop-b2school.20260121153342 → 2.5.5-develop-pedago.20260122115953
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/components/Badge/Badge.d.ts +7 -4
- package/dist/components/Badge/Badge.js +14 -11
- package/dist/components/DatePicker/DatePicker.js +3 -6
- package/dist/components/Dropdown/DropdownContext.js +1 -1
- package/dist/components/Form/FormContext.js +1 -1
- package/dist/components/Layout/Layout.js +1 -2
- package/dist/components/MediaViewer/MediaViewer.d.ts +17 -0
- package/dist/components/MediaViewer/MediaViewer.js +36 -0
- package/dist/components/MediaViewer/MediaWrapper.d.ts +7 -0
- package/dist/components/MediaViewer/MediaWrapper.js +72 -0
- package/dist/components/MediaViewer/PdfViewer.d.ts +4 -0
- package/dist/components/MediaViewer/PdfViewer.js +26 -0
- package/dist/components/MediaViewer/ToolbarViewer.d.ts +7 -0
- package/dist/components/MediaViewer/ToolbarViewer.js +41 -0
- package/dist/components/MediaViewer/ToolbarZoom.d.ts +4 -0
- package/dist/components/MediaViewer/ToolbarZoom.js +19 -0
- package/dist/components/MediaViewer/index.d.ts +2 -0
- package/dist/components/Modal/Modal.d.ts +0 -4
- package/dist/components/Modal/Modal.js +12 -13
- package/dist/components/PromotionCard/PromotionCard.d.ts +74 -0
- package/dist/components/PromotionCard/PromotionCard.js +31 -0
- package/dist/components/PromotionCard/PromotionCardBody.d.ts +10 -0
- package/dist/components/PromotionCard/PromotionCardBody.js +15 -0
- package/dist/components/PromotionCard/PromotionCardDescription.d.ts +9 -0
- package/dist/components/PromotionCard/PromotionCardDescription.js +12 -0
- package/dist/components/PromotionCard/PromotionCardFooter.d.ts +9 -0
- package/dist/components/PromotionCard/PromotionCardFooter.js +12 -0
- package/dist/components/PromotionCard/PromotionCardHeader.d.ts +11 -0
- package/dist/components/PromotionCard/PromotionCardHeader.js +17 -0
- package/dist/components/PromotionCard/PromotionCardIcon.d.ts +10 -0
- package/dist/components/PromotionCard/PromotionCardIcon.js +15 -0
- package/dist/components/PromotionCard/PromotionCardTitle.d.ts +9 -0
- package/dist/components/PromotionCard/PromotionCardTitle.js +12 -0
- package/dist/components/PromotionCard/index.d.ts +2 -0
- package/dist/components/SmartEllipsis/SmartEllipsis.d.ts +5 -0
- package/dist/components/SmartEllipsis/SmartEllipsis.js +21 -0
- package/dist/components/SmartEllipsis/index.d.ts +2 -0
- package/dist/components/Toolbar/Toolbar.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/editor.js +40 -40
- package/dist/hooks/useConversation/useConversation.js +1 -3
- package/dist/hooks/useDropdown/useDropdown.js +1 -1
- package/dist/hooks/useEdificeIcons/useEdificeIcons.d.ts +1 -0
- package/dist/hooks/useEdificeIcons/useEdificeIcons.js +5 -0
- package/dist/hooks/useZoom/index.d.ts +1 -0
- package/dist/hooks/useZoom/useZoom.d.ts +7 -0
- package/dist/hooks/useZoom/useZoom.js +14 -0
- package/dist/index.js +231 -226
- package/dist/modals.js +18 -18
- package/dist/modules/comments/components/Comment.js +4 -4
- package/dist/modules/comments/components/CommentDate.js +10 -7
- package/dist/modules/comments/components/CommentDeleted.js +1 -1
- package/dist/modules/comments/components/CommentForm.d.ts +1 -1
- package/dist/modules/comments/components/CommentForm.js +6 -6
- package/dist/modules/comments/components/CommentHeader.d.ts +3 -0
- package/dist/modules/comments/components/CommentHeader.js +8 -0
- package/dist/modules/comments/components/CommentTitle.js +1 -1
- package/dist/modules/comments/provider/CommentProvider.js +4 -4
- package/dist/modules/editor/hooks/useTipTapEditor.js +4 -4
- package/dist/modules/modals/OnboardingModal/OnboardingModal.js +5 -5
- package/dist/modules/modals/ResourceModal/ResourceModal.js +1 -2
- package/dist/modules/multimedia/FileCard/FileCard.js +1 -1
- package/dist/modules/multimedia/Linker/ExternalLinker/ExternalLinker.js +1 -2
- package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js +1 -2
- package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js +1 -1
- package/dist/multimedia.js +10 -10
- package/dist/providers/AntThemeProvider/antThemeConfig.js +1 -2
- package/package.json +7 -6
- package/dist/components/DatePicker/DatePicker.d.ts +0 -57
|
@@ -9,14 +9,17 @@ const CommentDate = ({
|
|
|
9
9
|
fromNow
|
|
10
10
|
} = useDate(), {
|
|
11
11
|
t
|
|
12
|
-
} = useTranslation()
|
|
13
|
-
|
|
12
|
+
} = useTranslation(), getPublishedDate = (date) => t("comment.publish.date", {
|
|
13
|
+
date: fromNow(date)
|
|
14
|
+
}), getUpdatedDate = (date) => t("comment.update.date", {
|
|
15
|
+
date: fromNow(date)
|
|
16
|
+
});
|
|
17
|
+
return updatedAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
14
18
|
/* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: "|" }),
|
|
15
|
-
/* @__PURE__ */ jsx("span", {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}))(createdAt) })
|
|
19
|
+
/* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: getUpdatedDate(updatedAt) })
|
|
20
|
+
] }) : createdAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
21
|
+
/* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: "|" }),
|
|
22
|
+
/* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: getPublishedDate(createdAt) })
|
|
20
23
|
] }) : null;
|
|
21
24
|
};
|
|
22
25
|
export {
|
|
@@ -4,7 +4,7 @@ const CommentDeleted = () => {
|
|
|
4
4
|
const {
|
|
5
5
|
t
|
|
6
6
|
} = useTranslation();
|
|
7
|
-
return /* @__PURE__ */ jsx("div", {
|
|
7
|
+
return /* @__PURE__ */ jsx("div", { className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 my-16", children: t("comment.deleted") });
|
|
8
8
|
};
|
|
9
9
|
export {
|
|
10
10
|
CommentDeleted
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useState } from "react";
|
|
1
|
+
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
3
2
|
import { useTranslation } from "react-i18next";
|
|
4
3
|
import SvgIconSend from "../../icons/components/IconSend.js";
|
|
5
4
|
import { useAutosizeTextarea } from "../hooks/useAutosizeTextarea.js";
|
|
6
5
|
import { useCommentsContext } from "../hooks/useCommentsContext.js";
|
|
7
6
|
import { CommentAvatar } from "./CommentAvatar.js";
|
|
8
7
|
import { TextCounter } from "./TextCounter.js";
|
|
8
|
+
import { useState } from "react";
|
|
9
9
|
import Button from "../../../components/Button/Button.js";
|
|
10
10
|
const CommentForm = ({
|
|
11
11
|
userId,
|
|
@@ -22,19 +22,19 @@ const CommentForm = ({
|
|
|
22
22
|
}, handleSubmit = () => {
|
|
23
23
|
handleCreateComment(content, replyTo), setContent("");
|
|
24
24
|
};
|
|
25
|
-
return type === "edit" && /* @__PURE__ */ jsxs("div", {
|
|
25
|
+
return /* @__PURE__ */ jsx(Fragment, { children: type === "edit" && /* @__PURE__ */ jsxs("div", { className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200", children: [
|
|
26
26
|
/* @__PURE__ */ jsx(CommentAvatar, { id: userId }),
|
|
27
27
|
/* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill gap-4", children: [
|
|
28
|
-
/* @__PURE__ */ jsx("textarea", { id: "add-comment",
|
|
28
|
+
/* @__PURE__ */ jsx("textarea", { id: "add-comment", ref, value: content, className: "form-control", placeholder: t("comment.placeholder.textarea"), maxLength: options.maxCommentLength, onChange: handleChangeContent, onFocus, rows: 1, style: {
|
|
29
29
|
resize: "none",
|
|
30
30
|
overflow: "hidden"
|
|
31
31
|
} }),
|
|
32
32
|
/* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-end align-items-center gap-4", children: [
|
|
33
33
|
/* @__PURE__ */ jsx(TextCounter, { content, maxLength: options.maxCommentLength }),
|
|
34
|
-
/* @__PURE__ */ jsx(Button, {
|
|
34
|
+
/* @__PURE__ */ jsx(Button, { type: "submit", variant: "ghost", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconSend, {}), disabled: !(content != null && content.length), onClick: handleSubmit, children: t("comment.post") })
|
|
35
35
|
] })
|
|
36
36
|
] })
|
|
37
|
-
] });
|
|
37
|
+
] }) });
|
|
38
38
|
};
|
|
39
39
|
export {
|
|
40
40
|
CommentForm
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
const CommentTitle = ({
|
|
3
3
|
children
|
|
4
|
-
}) => /* @__PURE__ */ jsx("span", {
|
|
4
|
+
}) => /* @__PURE__ */ jsx("span", { className: "small text-gray-800", children });
|
|
5
5
|
export {
|
|
6
6
|
CommentTitle
|
|
7
7
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import { CommentForm } from "../components/CommentForm.js";
|
|
4
|
+
import { CommentHeader } from "../components/CommentHeader.js";
|
|
4
5
|
import { CommentList } from "../components/CommentList.js";
|
|
5
6
|
import { DEFAULT_ALLOW_REPLIES, DEFAULT_ADD_REPLIES, DEFAULT_MAX_REPLIES, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_COMMENTS, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENT_LENGTH } from "../constants.js";
|
|
6
7
|
import { CommentContext } from "../context/Context.js";
|
|
7
8
|
import { useComments } from "../hooks/useComments.js";
|
|
8
|
-
import Heading from "../../../components/Heading/Heading.js";
|
|
9
9
|
import Button from "../../../components/Button/Button.js";
|
|
10
10
|
import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
|
|
11
11
|
const CommentProvider = ({
|
|
@@ -71,15 +71,15 @@ const CommentProvider = ({
|
|
|
71
71
|
[displayedComments, editCommentId, profilesQueries, options]
|
|
72
72
|
);
|
|
73
73
|
return /* @__PURE__ */ jsx(CommentContext.Provider, { value: values, children: /* @__PURE__ */ jsxs("div", { className: "my-24", children: [
|
|
74
|
-
/* @__PURE__ */ jsx(
|
|
74
|
+
/* @__PURE__ */ jsx(CommentHeader, { title }),
|
|
75
75
|
/* @__PURE__ */ jsxs("div", { className: "my-24", children: [
|
|
76
76
|
user && /* @__PURE__ */ jsx(CommentForm, { userId: user.userId }),
|
|
77
|
-
|
|
77
|
+
profilesQueries.isLoading ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
78
78
|
/* @__PURE__ */ jsx(CommentList, {}),
|
|
79
79
|
showMoreComments && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", onClick: handleMoreComments, className: "my-16", children: t("comment.more") })
|
|
80
80
|
] })
|
|
81
81
|
] }),
|
|
82
|
-
!displayedComments.length && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "comments-emptyscreen
|
|
82
|
+
!displayedComments.length && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "comments-emptyscreen", children: [
|
|
83
83
|
/* @__PURE__ */ jsx("div", { className: "comments-emptyscreen-wrapper", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: emptyscreenPath, size: 150 }) }),
|
|
84
84
|
/* @__PURE__ */ jsx("p", { children: t("comment.emptyscreen") })
|
|
85
85
|
] })
|
|
@@ -27,16 +27,16 @@ import { useTranslation } from "react-i18next";
|
|
|
27
27
|
import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
|
|
28
28
|
import useUpload from "../../../hooks/useUpload/useUpload.js";
|
|
29
29
|
import IframeNodeView from "../components/NodeView/IframeNodeView.js";
|
|
30
|
+
import MediaRenderer from "../components/Renderer/MediaRenderer.js";
|
|
30
31
|
import VideoNodeView from "../components/NodeView/VideoNodeView.js";
|
|
31
32
|
import AudioNodeView from "../components/NodeView/AudioNodeView.js";
|
|
33
|
+
import AudioRenderer from "../components/Renderer/AudioRenderer.js";
|
|
32
34
|
import LinkerNodeView from "../components/NodeView/LinkerNodeView.js";
|
|
35
|
+
import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
|
|
33
36
|
import ImageNodeView from "../components/NodeView/ImageNodeView.js";
|
|
34
37
|
import AttachmentNodeView from "../components/NodeView/AttachmentNodeView.js";
|
|
35
|
-
import InformationPaneNodeView from "../components/NodeView/InformationPaneNodeView.js";
|
|
36
|
-
import MediaRenderer from "../components/Renderer/MediaRenderer.js";
|
|
37
|
-
import AudioRenderer from "../components/Renderer/AudioRenderer.js";
|
|
38
|
-
import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
|
|
39
38
|
import AttachmentRenderer from "../components/Renderer/AttachmentRenderer.js";
|
|
39
|
+
import InformationPaneNodeView from "../components/NodeView/InformationPaneNodeView.js";
|
|
40
40
|
import InformationPaneRenderer from "../components/Renderer/InformationPaneRenderer.js";
|
|
41
41
|
const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected", extensions) => {
|
|
42
42
|
const {
|
|
@@ -44,7 +44,7 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
|
|
|
44
44
|
}, handleCloseWithoutPreference = () => {
|
|
45
45
|
setIsOpen(!1), setSwiperprogress(0);
|
|
46
46
|
};
|
|
47
|
-
return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal",
|
|
47
|
+
return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: handleCloseWithoutPreference, children: [
|
|
48
48
|
/* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleCloseWithoutPreference, centered: !0, children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
|
|
49
49
|
/* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
|
|
50
50
|
setSwiperInstance(swiper);
|
|
@@ -59,10 +59,10 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
|
|
|
59
59
|
} })
|
|
60
60
|
] }, index)) }) }),
|
|
61
61
|
/* @__PURE__ */ jsxs(Modal.Footer, { children: [
|
|
62
|
-
/* @__PURE__ */ jsx(Button, {
|
|
63
|
-
swiperProgress > 0 && /* @__PURE__ */ jsx(Button, {
|
|
64
|
-
swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId",
|
|
65
|
-
swiperProgress === 1 && /* @__PURE__ */ jsx(Button, {
|
|
62
|
+
/* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: handleCloseWithoutPreference, children: t("explorer.modal.onboarding.trash.later") }),
|
|
63
|
+
swiperProgress > 0 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "outline", onClick: () => swiperInstance.slidePrev(), children: t(prevText || "explorer.modal.onboarding.trash.prev") }),
|
|
64
|
+
swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
|
|
65
|
+
swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick: () => {
|
|
66
66
|
isOnboarding ? handleCloseWithPreference() : handleCloseWithoutPreference();
|
|
67
67
|
}, children: t(closeText || "explorer.modal.onboarding.trash.close") })
|
|
68
68
|
] })
|
|
@@ -12,7 +12,7 @@ import SvgIconSmartphone from "../../icons/components/IconSmartphone.js";
|
|
|
12
12
|
import { InnerTabs } from "./innertabs/index.js";
|
|
13
13
|
import { MediaLibraryContext } from "./MediaLibraryContext.js";
|
|
14
14
|
import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
|
|
15
|
-
import
|
|
15
|
+
import useHttpErrorToast from "../../../hooks/useHttpErrorToast/useHttpErrorToast.js";
|
|
16
16
|
import Modal from "../../../components/Modal/Modal.js";
|
|
17
17
|
import { Tabs } from "../../../components/Tabs/components/Tabs.js";
|
|
18
18
|
import Button from "../../../components/Button/Button.js";
|
package/dist/multimedia.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { default as default2 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
|
|
2
2
|
import { default as default3 } from "./modules/multimedia/Embed/Embed.js";
|
|
3
|
-
import { default as default4 } from "./modules/multimedia/
|
|
4
|
-
import { default as default5 } from "./modules/multimedia/
|
|
5
|
-
import { default as default6 } from "./modules/multimedia/
|
|
3
|
+
import { default as default4 } from "./modules/multimedia/FileCard/FileCard.js";
|
|
4
|
+
import { default as default5 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
|
|
5
|
+
import { default as default6 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
|
|
6
6
|
import { default as default7 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
|
|
7
|
-
import { default as default8 } from "./modules/multimedia/
|
|
8
|
-
import { default as default9 } from "./modules/multimedia/
|
|
7
|
+
import { default as default8 } from "./modules/multimedia/UploadCard/UploadCard.js";
|
|
8
|
+
import { default as default9 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
|
|
9
9
|
import { default as default10 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
|
|
10
10
|
import { default as default11 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
|
|
11
11
|
import { default as default12 } from "./modules/multimedia/Workspace/Workspace.js";
|
|
@@ -17,14 +17,14 @@ export {
|
|
|
17
17
|
default2 as AudioRecorder,
|
|
18
18
|
default3 as Embed,
|
|
19
19
|
ExternalLinker,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
default4 as FileCard,
|
|
21
|
+
default5 as ImageEditor,
|
|
22
|
+
default6 as ImagePicker,
|
|
23
23
|
InternalLinker,
|
|
24
24
|
default7 as MediaLibrary,
|
|
25
25
|
Upload,
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
default8 as UploadCard,
|
|
27
|
+
default9 as UploadFiles,
|
|
28
28
|
default10 as VideoEmbed,
|
|
29
29
|
default11 as VideoRecorder,
|
|
30
30
|
default12 as Workspace,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edifice.io/react",
|
|
3
|
-
"version": "2.5.5-develop-
|
|
3
|
+
"version": "2.5.5-develop-pedago.20260122115953",
|
|
4
4
|
"description": "Edifice React Library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -134,9 +134,10 @@
|
|
|
134
134
|
"react-slugify": "^3.0.3",
|
|
135
135
|
"swiper": "^10.1.0",
|
|
136
136
|
"ua-parser-js": "^1.0.36",
|
|
137
|
-
"
|
|
138
|
-
"@edifice.io/
|
|
139
|
-
"@edifice.io/
|
|
137
|
+
"react-pdf": "10.2.0",
|
|
138
|
+
"@edifice.io/bootstrap": "2.5.5-develop-pedago.20260122115953",
|
|
139
|
+
"@edifice.io/tiptap-extensions": "2.5.5-develop-pedago.20260122115953",
|
|
140
|
+
"@edifice.io/utilities": "2.5.5-develop-pedago.20260122115953"
|
|
140
141
|
},
|
|
141
142
|
"devDependencies": {
|
|
142
143
|
"@babel/plugin-transform-react-pure-annotations": "^7.23.3",
|
|
@@ -167,8 +168,8 @@
|
|
|
167
168
|
"vite": "^5.4.11",
|
|
168
169
|
"vite-plugin-dts": "^4.1.0",
|
|
169
170
|
"vite-tsconfig-paths": "^5.0.1",
|
|
170
|
-
"@edifice.io/client": "2.5.5-develop-
|
|
171
|
-
"@edifice.io/config": "2.5.5-develop-
|
|
171
|
+
"@edifice.io/client": "2.5.5-develop-pedago.20260122115953",
|
|
172
|
+
"@edifice.io/config": "2.5.5-develop-pedago.20260122115953"
|
|
172
173
|
},
|
|
173
174
|
"peerDependencies": {
|
|
174
175
|
"@react-spring/web": "^9.7.5",
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* DatePicker component props
|
|
3
|
-
*
|
|
4
|
-
* Minimal interface that only exposes what is necessary.
|
|
5
|
-
* Ant Design implementation is hidden and no Ant Design-specific props are exposed.
|
|
6
|
-
* Standard HTML div attributes are supported (passed through to the underlying DOM element).
|
|
7
|
-
*/
|
|
8
|
-
export interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'value' | 'defaultValue'> {
|
|
9
|
-
/**
|
|
10
|
-
* Selected date values
|
|
11
|
-
* @default today's date is setted by ant design if no value is provided
|
|
12
|
-
*/
|
|
13
|
-
value?: Date;
|
|
14
|
-
/**
|
|
15
|
-
* Callback called when date changes
|
|
16
|
-
*/
|
|
17
|
-
onChange?: (date?: Date) => void;
|
|
18
|
-
/**
|
|
19
|
-
* Date format to display in the picker
|
|
20
|
-
* @default 'DD / MM / YYYY'
|
|
21
|
-
*/
|
|
22
|
-
dateFormat?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Minimum selectable date
|
|
25
|
-
*/
|
|
26
|
-
minDate?: Date;
|
|
27
|
-
/**
|
|
28
|
-
* Maximum selectable date
|
|
29
|
-
*/
|
|
30
|
-
maxDate?: Date;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Type for DatePicker ref
|
|
34
|
-
*/
|
|
35
|
-
/**
|
|
36
|
-
* DatePicker component
|
|
37
|
-
*
|
|
38
|
-
* Date picker component for selecting a date.
|
|
39
|
-
*
|
|
40
|
-
* **Note:** This component uses Ant Design's DatePicker component internally.
|
|
41
|
-
* Only the props defined in DatePickerProps are allowed to prevent
|
|
42
|
-
* dependency on Ant Design-specific features. To replace the implementation,
|
|
43
|
-
* modify the component body below.
|
|
44
|
-
*
|
|
45
|
-
* @example
|
|
46
|
-
* ```tsx
|
|
47
|
-
* <DatePicker
|
|
48
|
-
* value={date}
|
|
49
|
-
* onChange={(date) => setDate(date)}
|
|
50
|
-
* dateFormat="YYYY-MM-DD"
|
|
51
|
-
* minDate={new Date(today.setDate(today.getDate() - 2))}
|
|
52
|
-
* maxDate={new Date(today.setDate(today.getDate() + 3))}
|
|
53
|
-
* />
|
|
54
|
-
* ```
|
|
55
|
-
*/
|
|
56
|
-
declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLElement>>;
|
|
57
|
-
export default DatePicker;
|