@sustaina/shared-ui 1.14.0 → 1.15.0

package/dist/index.mjs

@@ -177,6 +177,45 @@ function stripNullishObject(value) {
     return {};
   }
 }
+
+// src/utils/date.ts
+var pad = (num) => String(num).padStart(2, "0");
+function formatISODate(isoDate, format5 = "d/m/Y H:i") {
+  const date = new Date(isoDate);
+  if (isNaN(date.getTime())) {
+    return "Invalid Date";
+  }
+  const parts = {
+    d: pad(date.getDate()),
+    m: pad(date.getMonth() + 1),
+    Y: String(date.getFullYear()),
+    H: pad(date.getHours()),
+    i: pad(date.getMinutes()),
+    s: pad(date.getSeconds())
+  };
+  const tokenMap = {
+    // Day
+    d: "d",
+    DD: "d",
+    // Month
+    m: "m",
+    MM: "m",
+    // Year
+    Y: "Y",
+    // 'Y' and 'YYYY' will both map to the 4-digit year
+    YYYY: "Y",
+    // Hour
+    H: "H",
+    // Minute
+    i: "i",
+    // Second
+    s: "s"
+  };
+  return format5.replace(/YYYY|Y|MM|m|DD|d|H|i|s/g, (match) => {
+    const partKey = tokenMap[match];
+    return partKey ? parts[partKey] : match;
+  });
+}
 function cn(...args) {
   return twMerge(clsx(args));
 }
@@ -1769,7 +1808,7 @@ var DatePicker2 = ({
   value,
   onChange,
   onValueChange,
-  placeholder: placeholder3 = "DD/MM/YYYY",
+  placeholder: placeholder2 = "DD/MM/YYYY",
   allowClear = true,
   displayFormatter,
   valueFormatter,
@@ -1798,7 +1837,7 @@ var DatePicker2 = ({
     const parsed = parser(value);
     return parsed && isValid(parsed) ? parsed : void 0;
   }, [parser, value]);
-  const buttonLabel = parsedValue ? labelFormatter(parsedValue) : placeholder3;
+  const buttonLabel = parsedValue ? labelFormatter(parsedValue) : placeholder2;
   const buttonAriaLabel = ariaLabel ?? (parsedValue ? `Change date, current selection ${labelFormatter(parsedValue)}` : "Open date picker");
   const shouldShowClear = allowClear && !disabled && !!parsedValue;
   const handleClose = React4__default.useCallback(() => setOpen(false), []);
@@ -1872,8 +1911,15 @@ var DatePicker2 = ({
     )
   ] }) });
 };
-var placeholder = "DD/MM/YYYY";
-var ConditionDateInput = ({ row, control, onClear }) => {
+
+// src/components/advanceSearch/components/constants/index.ts
+var fallbackShortDateFormat = "DD/MM/YYYY";
+var ConditionDateInput = ({
+  row,
+  control,
+  onClear,
+  shortDateFormat = fallbackShortDateFormat
+}) => {
   const isBetween = row.operator === "between";
   const buildAriaLabel = (isEnd) => {
     if (isEnd) return "Select end date";
@@ -1905,10 +1951,11 @@ var ConditionDateInput = ({ row, control, onClear }) => {
               ...field,
               value: field.value || void 0,
               onValueChange: handleValueChange,
-              placeholder,
+              placeholder: shortDateFormat,
               ariaLabel: buildAriaLabel(options?.isEnd),
               clearAriaLabel: buildClearLabel(options?.isEnd),
               invalid: Boolean(fieldState.error),
+              displayFormatter: (d) => formatISODate(d, shortDateFormat),
               wrapperClassName: "min-w-0"
             }
           ) }),
@@ -2192,7 +2239,7 @@ var MonthPicker2 = ({
   value,
   onChange,
   onValueChange,
-  placeholder: placeholder3 = "MM/YYYY",
+  placeholder: placeholder2 = "MM/YYYY",
   allowClear = true,
   displayFormatter,
   valueFormatter,
@@ -2224,7 +2271,7 @@ var MonthPicker2 = ({
     }
     return void 0;
   }, [parser, value]);
-  const buttonLabel = parsedValue ? labelFormatter(parsedValue) : placeholder3;
+  const buttonLabel = parsedValue ? labelFormatter(parsedValue) : placeholder2;
   const buttonAriaLabel = ariaLabel ?? (parsedValue ? `Change month, current selection ${labelFormatter(parsedValue)}` : "Open month picker");
   const shouldShowClear = allowClear && !disabled && !!parsedValue;
   const handleClose = React4__default.useCallback(() => setOpen(false), []);
@@ -2299,7 +2346,7 @@ var MonthPicker2 = ({
     )
   ] }) });
 };
-var placeholder2 = "MM/YYYY";
+var placeholder = "MM/YYYY";
 var ConditionMonthInput = ({ row, control, onClear }) => {
   const isBetween = row.operator === "between";
   const buildAriaLabel = (isEnd) => {
@@ -2333,7 +2380,7 @@ var ConditionMonthInput = ({ row, control, onClear }) => {
               ...field,
               value,
               onValueChange: handleValueChange,
-              placeholder: placeholder2,
+              placeholder,
               ariaLabel: buildAriaLabel(options?.isEnd),
               clearAriaLabel: buildClearLabel(options?.isEnd),
               displayFormatter: (month) => format(month, "MM/yyyy"),
@@ -2445,7 +2492,7 @@ var LookupSelect = ({
   onChange,
   onClear,
   error,
-  placeholder: placeholder3,
+  placeholder: placeholder2,
   maxTags = 10,
   fetchSuggestions,
   suggestionDebounce = 250,
@@ -2619,7 +2666,7 @@ var LookupSelect = ({
       window.removeEventListener("scroll", handleReposition, true);
     };
   }, [dropdownPortalElement, isDropdownOpen, updateDropdownPosition]);
-  const resolvedPlaceholder = placeholder3 ?? "Select";
+  const resolvedPlaceholder = placeholder2 ?? "Select";
   const showDropdown = isDropdownOpen && !fetchError;
   const dropdownContent = /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg", children: loading ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-sm text-inherit", children: loadingMessage }) : suggestions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center px-3 py-4 text-sm text-inherit text-center", children: [
     /* @__PURE__ */ jsx(not_found_default, { className: "w-full max-w-[80px] h-auto" }),
@@ -2812,7 +2859,13 @@ var ConditionJSONInput = ({
     }
   }
 );
-var ConditionValue = ({ row, fields, onClearValue, dropdownPortalId }) => {
+var ConditionValue = ({
+  row,
+  fields,
+  onClearValue,
+  dropdownPortalId,
+  shortDateFormat
+}) => {
   const { control } = useFormContext();
   const fieldSchema = fields.find((f) => f.name === row.fieldName);
   const fieldType = fieldSchema?.type ?? "text";
@@ -2821,7 +2874,15 @@ var ConditionValue = ({ row, fields, onClearValue, dropdownPortalId }) => {
       return /* @__PURE__ */ jsx(ConditionNumberInput, { row, control, onClear: onClearValue });
     case "date":
     case "datetime":
-      return /* @__PURE__ */ jsx(ConditionDateInput, { row, control, onClear: onClearValue });
+      return /* @__PURE__ */ jsx(
+        ConditionDateInput,
+        {
+          row,
+          control,
+          onClear: onClearValue,
+          shortDateFormat
+        }
+      );
     case "datemonth":
       return /* @__PURE__ */ jsx(ConditionMonthInput, { row, control, onClear: onClearValue });
     case "dropdown":
@@ -2900,7 +2961,8 @@ var AdvanceSearchRow = ({
   onRemove,
   onClearValue,
   disableAdd,
-  dropdownPortalId
+  dropdownPortalId,
+  shortDateFormat
 }) => {
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-3 rounded-lg bg-white md:grid-cols-[minmax(150px,0.85fr)_minmax(140px,0.75fr)_minmax(260px,1fr)_auto] md:items-start", children: [
     /* @__PURE__ */ jsx(FieldSelect, { row, fieldOptions, onChangeField }),
@@ -2919,7 +2981,8 @@ var AdvanceSearchRow = ({
         row,
         fields,
         onClearValue,
-        dropdownPortalId
+        dropdownPortalId,
+        shortDateFormat
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "flex h-full", children: /* @__PURE__ */ jsx(AddRemoveButtons, { isFirst, onAdd, onRemove, disableAdd }) })
@@ -3341,7 +3404,8 @@ var AdvanceSearch = ({
   iconColor = "#ffffff",
   limitRows = 4,
   onSearch,
-  onClear
+  onClear,
+  shortDateFormat
 }) => {
   const fieldsData = useMemo(() => {
     if (fields.length === 0) throw new Error("fields cannot be an empty array");
@@ -3471,6 +3535,7 @@ var AdvanceSearch = ({
           AdvanceSearchRow,
           {
             row,
+            shortDateFormat,
             isFirst: idx === 0,
             fields: fieldsData,
             fieldOptions,
@@ -6294,8 +6359,8 @@ function parseSerializedEditorState(raw) {
     return void 0;
   }
 }
-function Placeholder({ placeholder: placeholder3 }) {
-  return /* @__PURE__ */ jsx("div", { className: theme.placeholder, children: placeholder3 });
+function Placeholder({ placeholder: placeholder2 }) {
+  return /* @__PURE__ */ jsx("div", { className: theme.placeholder, children: placeholder2 });
 }
 var initialToolbarState = {
   isBold: false,
@@ -7196,7 +7261,7 @@ var RichText = forwardRef(function RichText2({
   defaultValue,
   onChange,
   onHtmlChange,
-  placeholder: placeholder3,
+  placeholder: placeholder2,
   readOnly,
   disabled,
   editorClassName,
@@ -7284,7 +7349,7 @@ var RichText = forwardRef(function RichText2({
                   )
                 }
               ),
-              placeholder: /* @__PURE__ */ jsx(Placeholder, { placeholder: placeholder3 || "" }),
+              placeholder: /* @__PURE__ */ jsx(Placeholder, { placeholder: placeholder2 || "" }),
               ErrorBoundary: LexicalErrorBoundary
             }
           ),
@@ -8381,6 +8446,6 @@ var CropperModal = ({
   );
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch_default as AdvanceSearch, arrow_default as ArrowIcon, Button, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CropperModal, CropperModalError, DIALOG_ALERT_I18N_NAMESPACE, DataTable_default as DataTable, DatePicker2 as DatePicker, Dialog, DialogAlert, DialogAlertProvider, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GridSettingsModal_default as GridSettingsModal, HeaderCell_default as HeaderCell, Input, Label2 as Label, List_default as List, container_default as ListContainer, header_default as ListHeader, table_default as ListTable, LookupSelect, MonthPicker2 as MonthPicker, navbar_default as Navbar, not_found_default as NotFoundIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave_default as PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, calendar_default as SuiCalendarIcon, check_default as SuiCheckIcon, dots_vertical_default as SuiDotsVerticalIcon, empty_data_default as SuiEmptyDataIcon, expand_default as SuiExpandIcon, filter_default as SuiFilterIcon, setting_default as SuiSettingIcon, triangle_down_default as SuiTriangleDownIcon, warning_default as SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, ui_exports as UI, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, spinnerVariants, stripNullishObject, throttle, useFormField, useGridSettingsStore_default as useGridSettingsStore, useHover_default as useHover, useIntersectionObserver_default as useIntersectionObserver, useMediaQuery_default as useMediaQuery, usePreventPageLeave_default as usePreventPageLeave, usePreventPageLeaveStore_default as usePreventPageLeaveStore, useScreenSize_default as useScreenSize, useSidebar, useTruncated_default as useTruncated };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch_default as AdvanceSearch, arrow_default as ArrowIcon, Button, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CropperModal, CropperModalError, DIALOG_ALERT_I18N_NAMESPACE, DataTable_default as DataTable, DatePicker2 as DatePicker, Dialog, DialogAlert, DialogAlertProvider, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GridSettingsModal_default as GridSettingsModal, HeaderCell_default as HeaderCell, Input, Label2 as Label, List_default as List, container_default as ListContainer, header_default as ListHeader, table_default as ListTable, LookupSelect, MonthPicker2 as MonthPicker, navbar_default as Navbar, not_found_default as NotFoundIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave_default as PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, calendar_default as SuiCalendarIcon, check_default as SuiCheckIcon, dots_vertical_default as SuiDotsVerticalIcon, empty_data_default as SuiEmptyDataIcon, expand_default as SuiExpandIcon, filter_default as SuiFilterIcon, setting_default as SuiSettingIcon, triangle_down_default as SuiTriangleDownIcon, warning_default as SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, ui_exports as UI, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, formatISODate, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, spinnerVariants, stripNullishObject, throttle, useFormField, useGridSettingsStore_default as useGridSettingsStore, useHover_default as useHover, useIntersectionObserver_default as useIntersectionObserver, useMediaQuery_default as useMediaQuery, usePreventPageLeave_default as usePreventPageLeave, usePreventPageLeaveStore_default as usePreventPageLeaveStore, useScreenSize_default as useScreenSize, useSidebar, useTruncated_default as useTruncated };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map