@herca/r-kit 0.0.49 → 0.0.51

package/dist/clients.cjs

@@ -829,10 +829,10 @@ var ChipGroup = ({
   }, [selected, internalSelected]);
   const toggleSelection = (value) => {
     let newSelected;
-    if (multiple || !multiple && internalSelected.length === 0) {
+    if (multiple) {
       newSelected = internalSelected.includes(value) ? internalSelected.filter((v3) => v3 !== value) : [...internalSelected, value];
     } else {
-      newSelected = [value];
+      newSelected = internalSelected.includes(value) ? [] : [value];
     }
     setInternalSelected(newSelected);
     onSelect?.(newSelected);
@@ -12985,10 +12985,17 @@ var createCalendarHelpers = ({
   value,
   rangeValue,
   disabledDates,
-  dayConfigs
+  dayConfigs,
+  disabled
 }) => {
   const isDateDisabled = (day) => {
-    return disabledDates.some((d) => d.getTime() === day.fullDate.getTime());
+    if (disabledDates.some((d) => d.getTime() === day.fullDate.getTime())) {
+      return true;
+    }
+    if (disabled?.(day.fullDate) === true) {
+      return true;
+    }
+    return false;
   };
   const getDayConfig = (day) => {
     return dayConfigs.find((c) => c.date.getTime() === day.fullDate.getTime());
@@ -13266,7 +13273,8 @@ function CalendarDayItem({
   onClick,
   variant,
   events,
-  backdropOnClick
+  backdropOnClick,
+  disabledDateClassName
 }) {
   const dayConfig = helpers.getDayConfig(day);
   const isSelected = helpers.isDateSelected(day);
@@ -13302,8 +13310,9 @@ function CalendarDayItem({
         mode === "single" && variant === "compact" && styleHelpers.getBackgroundClass(),
         //prettier-ignore
         mode === "range" && !isDisabled && helpers.getRangeBackgroundClass(day),
-        variant === "default" && "h-28 md:h-36 w-full rounded-none flex items-start justify-start group p-1 md:p-3 border-r border-gray-300"
+        variant === "default" && "h-28 md:h-36 w-full rounded-none flex items-start justify-start group p-1 md:p-3 border-r border-gray-300",
         //prettier-ignore
+        isDisabled && disabledDateClassName
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime382.jsx)(
@@ -13482,7 +13491,8 @@ function CalendarGrid({
   showCalendarTooltip = true,
   backdropOnClick,
   onEventClick,
-  useLimitEvent = true
+  useLimitEvent = true,
+  disabledDateClassName
 }) {
   const isMobile = useIsMobile();
   const weeks = Array.from(
@@ -13610,7 +13620,8 @@ function CalendarGrid({
                       onClick,
                       variant,
                       events,
-                      backdropOnClick: variant === "default" && backdropOnClick ? (day2) => backdropOnClick?.(day2) : void 0
+                      backdropOnClick: variant === "default" && backdropOnClick ? (day2) => backdropOnClick?.(day2) : void 0,
+                      disabledDateClassName
                     },
                     dayIndex
                   ))
@@ -13995,7 +14006,9 @@ var Calendar2 = ({
   onMonthChange,
   onYearChange,
   showDefaultController = false,
-  useLimitEvent = true
+  useLimitEvent = true,
+  disabled,
+  disabledDateClassName
 }) => {
   const currentDate = /* @__PURE__ */ new Date();
   const [currentMonth, setCurrentMonth] = (0, import_react367.useState)(defaultMonth ?? currentDate.getMonth());
@@ -14020,7 +14033,8 @@ var Calendar2 = ({
     dayConfigs,
     rangeValue,
     mode,
-    value
+    value,
+    disabled
   });
   const calendarState = {
     currentMonth,
@@ -14036,8 +14050,8 @@ var Calendar2 = ({
   };
   const handleDateClick = (day) => {
     const dayConfig = calendarHelpers.getDayConfig(day);
-    const disabled = (dayConfig?.disabled ?? false) || calendarHelpers.isDateDisabled(day);
-    if (disabled) {
+    const disabled2 = (dayConfig?.disabled ?? false) || calendarHelpers.isDateDisabled(day);
+    if (disabled2) {
       return;
     }
     onChange?.(day.fullDate);
@@ -14252,7 +14266,8 @@ var Calendar2 = ({
                 showCalendarTooltip,
                 useLimitEvent,
                 onEventClick,
-                backdropOnClick
+                backdropOnClick,
+                disabledDateClassName
               }
             )
           ] })
@@ -14394,6 +14409,9 @@ var DatePicker = ({
   trigger,
   open,
   onOpenChange,
+  minDate,
+  maxDate,
+  disabledDateClassName,
   calendarProps,
   endDateCalendarProps,
   startDateCalendarProps,
@@ -14674,6 +14692,12 @@ var DatePicker = ({
                     dayWrapperClassname: "justify-between",
                     onChange: handleCalendarChange,
                     value: selectedDate,
+                    disabled: (date) => {
+                      if (minDate !== void 0 && date < minDate) return true;
+                      if (maxDate !== void 0 && date > maxDate) return true;
+                      return false;
+                    },
+                    disabledDateClassName,
                     ...calendarProps
                   }
                 ) : /* @__PURE__ */ (0, import_jsx_runtime389.jsxs)("div", { className: "flex", children: [
@@ -14785,6 +14809,16 @@ var DatePicker = ({
                               value: dateRange.start,
                               rangeValue: dateRange,
                               mode: "range",
+                              disabled: (date) => {
+                                if (minDate !== void 0 && date < minDate) {
+                                  return true;
+                                }
+                                if (maxDate !== void 0 && date > maxDate) {
+                                  return true;
+                                }
+                                return false;
+                              },
+                              disabledDateClassName,
                               ...startDateCalendarProps
                             }
                           ),
@@ -14802,6 +14836,16 @@ var DatePicker = ({
                               mode: "range",
                               defaultMonth: nextMonthData.month,
                               defaultYear: nextMonthData.year,
+                              disabled: (date) => {
+                                if (minDate !== void 0 && date < minDate) {
+                                  return true;
+                                }
+                                if (maxDate !== void 0 && date > maxDate) {
+                                  return true;
+                                }
+                                return false;
+                              },
+                              disabledDateClassName,
                               ...endDateCalendarProps
                             }
                           )
@@ -26718,6 +26762,11 @@ var FontSize = Extension.create({
 
 // src/components/text-editor/extension/image-node.ts
 var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
+var getJustify = (align) => {
+  if (align === "right") return "flex-end";
+  if (align === "center") return "center";
+  return "flex-start";
+};
 var ImageNode = import_extension_image.default.extend({
   // jadikan block supaya bisa di-align
   inline: false,
@@ -26756,9 +26805,10 @@ var ImageNode = import_extension_image.default.extend({
       },
       textAlign: {
         default: "left",
-        parseHTML: (el) => el.closest("[data-image-wrapper]")?.getAttribute("data-align") ?? "left",
-        renderHTML: () => ({})
-        // dihandle di nodeView
+        parseHTML: (el) => el.getAttribute("data-text-align") ?? el.closest("[data-image-wrapper]")?.getAttribute("data-align") ?? "left",
+        renderHTML: (attrs) => ({
+          "data-text-align": attrs["textAlign"]
+        })
       },
       url: {
         default: null,
@@ -26776,26 +26826,23 @@ var ImageNode = import_extension_image.default.extend({
   },
   renderHTML({ HTMLAttributes }) {
     const {
-      textAlign,
       objectFit,
       url,
       urlTarget,
+      "data-text-align": dataTextAlign,
       "data-url": dataUrl,
-      // ← ambil dari sini
       "data-url-target": dataUrlTarget,
       ...rest
     } = HTMLAttributes;
-    const align = textAlign ?? "left";
-    const getJustify2 = (a) => a === "right" ? "flex-end" : a === "center" ? "center" : "flex-start";
+    const align = typeof dataTextAlign === "string" && dataTextAlign.length > 0 ? dataTextAlign : "left";
     const resolvedUrl = url ?? dataUrl ?? null;
     const resolvedTarget = urlTarget ?? dataUrlTarget ?? "_self";
     const img = [
       "img",
       mergeAttributes(rest, {
         style: `object-fit: ${objectFit ?? "contain"}`,
-        // ← tambahkan data-* ke <img> supaya parseHTML bisa baca saat load HTML
-        ...url !== null ? { "data-url": url } : {},
-        ...urlTarget == null ? { "data-url-target": urlTarget } : {}
+        ...resolvedUrl !== null ? { "data-url": resolvedUrl } : {},
+        ...resolvedTarget != null ? { "data-url-target": resolvedTarget } : {}
       })
     ];
     const content = resolvedUrl != null ? ["a", { href: resolvedUrl, target: resolvedTarget }, img] : img;
@@ -26804,7 +26851,7 @@ var ImageNode = import_extension_image.default.extend({
       {
         "data-image-wrapper": "",
         "data-align": align,
-        "style": `display:flex;justify-content:${getJustify2(align)};`
+        "style": `display:flex;justify-content:${getJustify(align)};`
       },
       content
     ];
@@ -26820,8 +26867,7 @@ var ImageNode = import_extension_image.default.extend({
         const align = n.attrs["textAlign"] ?? "left";
         const url = n.attrs["url"];
         const urlTarget = n.attrs["urlTarget"] ?? "_self";
-        const getJustify2 = (a) => a === "right" ? "flex-end" : a === "center" ? "center" : "flex-start";
-        wrapper.style.cssText = `display: flex; justify-content: ${getJustify2(align)};`;
+        wrapper.style.cssText = `display: flex; justify-content: ${getJustify(align)};`;
         wrapper.setAttribute("data-align", align);
         if (n.attrs["src"])
           img.setAttribute("src", n.attrs["src"]);
@@ -26831,6 +26877,17 @@ var ImageNode = import_extension_image.default.extend({
           img.setAttribute("width", String(n.attrs["width"]));
         if (n.attrs["height"])
           img.setAttribute("height", String(n.attrs["height"]));
+        img.setAttribute("data-text-align", align);
+        if (url !== null) {
+          img.setAttribute("data-url", url);
+        } else {
+          img.removeAttribute("data-url");
+        }
+        if (urlTarget !== null) {
+          img.setAttribute("data-url-target", urlTarget);
+        } else {
+          img.removeAttribute("data-url-target");
+        }
         img.style.objectFit = n.attrs["objectFit"] ?? "contain";
         wrapper.innerHTML = "";
         if (url !== null) {
@@ -27124,7 +27181,7 @@ var TableNode = import_extension_table.Table.extend({
 var table_node_default = TableNode;
 
 // src/components/text-editor/extension/youtube-node.ts
-var getJustify = (align) => {
+var getJustify2 = (align) => {
   switch (align) {
     case "left":
       return "flex-start";
@@ -27190,7 +27247,7 @@ var YoutubeNode = Node3.create({
       const wrapper = document.createElement("div");
       wrapper.style.cssText = "display: flex; justify-content: center; margin: 0.5rem 0;";
       const updateAlignment = (align) => {
-        wrapper.style.justifyContent = getJustify(align);
+        wrapper.style.justifyContent = getJustify2(align);
       };
       const iframe = document.createElement("iframe");
       iframe.setAttribute("src", node.attrs["src"]);
@@ -33748,6 +33805,16 @@ var target_link_options_default = targetOptions;
 
 // src/components/text-editor/partials/modal-insert-image.tsx
 var import_jsx_runtime407 = require("react/jsx-runtime");
+var createDefaultImageForm = () => ({
+  url: null,
+  image: {
+    objectFit: object_fit_options_default[0],
+    source: "",
+    altText: "",
+    width: "200",
+    height: "200"
+  }
+});
 function ModalInsertImage({
   isOpen,
   onClose,
@@ -33766,22 +33833,25 @@ function ModalInsertImage({
         altText: data[0].uploadedData?.data.name ?? ""
       };
     }
-  }
+  },
+  onDownload
 }) {
   const [currentTabImage, setCurrentTabImage] = (0, import_react388.useState)("0");
+  const [uploadInputKey, setUploadInputKey] = (0, import_react388.useState)(0);
+  const [uploadFiles, setUploadFiles] = (0, import_react388.useState)([]);
   const [errors, setErrors] = (0, import_react388.useState)(
     {}
   );
-  const [imageForm, setImageForm] = (0, import_react388.useState)({
-    url: null,
-    image: {
-      objectFit: object_fit_options_default[0],
-      source: "",
-      altText: "",
-      width: "200",
-      height: "200"
-    }
-  });
+  const [imageForm, setImageForm] = (0, import_react388.useState)(
+    createDefaultImageForm()
+  );
+  const resetFormState = () => {
+    setCurrentTabImage("0");
+    setErrors({});
+    setImageForm(createDefaultImageForm());
+    setUploadFiles([]);
+    setUploadInputKey((prev) => prev + 1);
+  };
   const validate = () => {
     const newErrors = {};
     if (imageForm?.image?.source === "" || imageForm?.image?.source === null || imageForm?.image?.source === void 0) {
@@ -33800,9 +33870,16 @@ function ModalInsertImage({
     return Object.keys(newErrors).length === 0;
   };
   (0, import_react388.useEffect)(() => {
-    if (isOpen && initialValues !== void 0) {
+    if (!isOpen) return;
+    setErrors({});
+    setCurrentTabImage("0");
+    setUploadFiles([]);
+    setUploadInputKey((prev) => prev + 1);
+    if (initialValues !== void 0) {
       setImageForm(initialValues);
+      return;
     }
+    setImageForm(createDefaultImageForm());
   }, [isOpen, initialValues]);
   return /* @__PURE__ */ (0, import_jsx_runtime407.jsxs)(Modal, { isOpen, onClose: () => onClose(false), closable: false, children: [
     /* @__PURE__ */ (0, import_jsx_runtime407.jsxs)(ModalHeader, { className: "flex-row! items-center justify-between border-b border-gray-200", children: [
@@ -33826,7 +33903,7 @@ function ModalInsertImage({
           if (!validate()) return;
           onSubmit(imageForm);
           onClose(false);
-          setImageForm(null);
+          resetFormState();
         },
         className: "overflow-auto",
         children: [
@@ -34007,8 +34084,11 @@ function ModalInsertImage({
                     maxSize: (attachmentField?.maxSize ?? 0) * 1024 * 1024,
                     variant: attachmentField?.variant ?? "medium",
                     uploadConfig: attachmentField?.uploadConfig,
-                    onChange: attachmentField?.onChange ? (files) => attachmentField?.onChange?.(files) : void 0,
-                    value: attachmentField?.value,
+                    onChange: (files) => {
+                      setUploadFiles(files);
+                      attachmentField?.onChange?.(files);
+                    },
+                    value: uploadFiles,
                     onUploadSuccess: (results) => {
                       const { url, altText } = attachmentField.extractUploadResult(results);
                       setCurrentTabImage("0");
@@ -34024,8 +34104,10 @@ function ModalInsertImage({
                         };
                       });
                       attachmentField?.onUploadSuccess?.(results);
-                    }
-                  }
+                    },
+                    onDownload
+                  },
+                  uploadInputKey
                 ) })
               ]
             }
@@ -34039,7 +34121,7 @@ function ModalInsertImage({
                 type: "button",
                 onClick: () => {
                   onClose(false);
-                  setImageForm(null);
+                  resetFormState();
                 },
                 children: "Cancel"
               }
@@ -34255,7 +34337,8 @@ var import_jsx_runtime409 = require("react/jsx-runtime");
 function InsertGroup({
   editor,
   disabled = false,
-  attachmentField
+  attachmentField,
+  onDownload
 }) {
   const [isModalImageOpen, setIsModalImageOpen] = (0, import_react392.useState)(false);
   const [isModalYoutubeOpen, setIsModalYoutubeOpen] = (0, import_react392.useState)(false);
@@ -34412,7 +34495,8 @@ function InsertGroup({
             url: form.url?.source ?? null,
             urlTarget: form.url?.target?.value ?? "_self"
           }).run();
-        }
+        },
+        onDownload
       }
     )
   ] });
@@ -34625,7 +34709,8 @@ function TextEditor({
   ui: ui3,
   field,
   toolbar,
-  editor: editorProps
+  editor: editorProps,
+  onDownload
 }) {
   const {
     disabled = false,
@@ -34764,7 +34849,8 @@ function TextEditor({
                     {
                       disabled: isHtmlMode,
                       editor,
-                      attachmentField
+                      attachmentField,
+                      onDownload
                     }
                   ),
                   table && /* @__PURE__ */ (0, import_jsx_runtime411.jsx)(TableGroup, { disabled: isHtmlMode, editor }),