@sustaina/shared-ui 1.22.0 → 1.23.1

package/dist/index.js

@@ -648,6 +648,7 @@ var ExpandCollapse = ({ title, children, portalId }) => {
           {
             onClick: () => setIsOpen(false),
             className: "absolute top-2 right-2 text-gray-500 hover:text-gray-700",
+            "data-testid": "advsearch-icon-close",
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-5 h-5" })
           }
         ),
@@ -661,6 +662,7 @@ var ExpandCollapse = ({ title, children, portalId }) => {
       {
         onClick: () => setIsOpen(!isOpen),
         className: "px-4 py-2 text-sm text-gray-700 hover:text-black",
+        "data-testid": "advsearch-icon-search",
         children: title
       }
     ),
@@ -1014,7 +1016,14 @@ function SelectScrollDownButton({
   );
 }
 var FieldSelect = ({ row, fieldOptions, onChangeField }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: row.fieldName, onValueChange: (value) => onChangeField(value), children: [
-  /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "w-full justify-between rounded-md bg-white px-4 text-sm font-medium text-gray-700 shadow-none focus:ring-0", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select field" }) }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    SelectTrigger,
+    {
+      className: "w-full justify-between rounded-md bg-white px-4 text-sm font-medium text-gray-700 shadow-none focus:ring-0",
+      "data-testid": "advsearch-dropdown-selectfield",
+      children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select field" })
+    }
+  ),
   /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "w-full min-w-[unset]", children: fieldOptions.map((f) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: f.value, children: f.label }, f.value)) })
 ] }) });
 
@@ -1056,6 +1065,7 @@ var OperatorSelect = ({ row, operators, onChangeOperator, error }) => {
         {
           "aria-invalid": error ? "true" : "false",
           className: `w-full justify-between rounded-md bg-white px-4 text-sm font-medium text-gray-700 shadow-none focus:ring-0 ${error ? "border border-red-500" : ""}`,
+          "data-testid": "advsearch-dropdown-cond",
           children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select operator" })
         }
       ),
@@ -1426,7 +1436,8 @@ var ConditionTextInput = ({ row, control, onClear }) => /* @__PURE__ */ jsxRunti
             value: field.value ?? "",
             autoComplete: "off",
             inputMode: "text",
-            className: "w-full h-9  rounded-md bg-white pr-8 text-sm text-gray-700 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0"
+            className: "w-full h-9  rounded-md bg-white pr-8 text-sm text-gray-700 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0",
+            "data-testid": "advsearch-input-value"
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 right-3 flex items-center", children: field.value && /* @__PURE__ */ jsxRuntime.jsx(ClearButton, { onClick: handleClear }) }),
@@ -2002,7 +2013,8 @@ var ConditionDateInput = ({
               clearAriaLabel: buildClearLabel(options?.isEnd),
               invalid: Boolean(fieldState.error),
               displayFormatter: (d) => formatISODate(d, shortDateFormat),
-              wrapperClassName: "min-w-0"
+              wrapperClassName: "min-w-0",
+              "data-testid": "advsearch-date-value"
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(FormMessage, { className: "absolute left-0 top-full mt-1 text-xs text-red-600" })
@@ -2470,6 +2482,7 @@ var ConditionDropdownInput = ({ row, control, fieldSchema, onClear }) => /* @__P
                 "w-full justify-between rounded-md bg-white px-4 text-sm font-medium text-gray-700 shadow-none focus:ring-0",
                 hasValue ? "pr-8" : "pr-4"
               ),
+              "data-testid": "advsearch-dropdown-value",
               children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select value" })
             }
           ) }),
@@ -2845,7 +2858,8 @@ var ConditionLookupInput = ({
             suggestionDebounce: fieldSchema?.suggestionDebounce,
             noOptionsMessage: fieldSchema?.noOptionsMessage,
             loadingMessage: fieldSchema?.loadingMessage,
-            dropdownPortalId
+            dropdownPortalId,
+            "data-testid": "advsearch-lookup-list"
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx(FormMessage, { className: "absolute left-0 top-full mt-1 text-xs text-red-600" })
@@ -2980,6 +2994,7 @@ var AddRemoveButtons = ({ isFirst, onAdd, onRemove, disableAdd }) => /* @__PURE_
     className: `circle-btn border transition-colors ${disableAdd ? "cursor-not-allowed border-[#5a5a5a] bg-[#5a5a5a] text-[#e1e1e1]" : "border-[#379a2a] bg-[#379a2a] text-white"}`,
     "aria-label": "Add row",
     title: disableAdd ? "Cannot add more rows" : "Add condition",
+    "data-testid": "advsearch-btn-add",
     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-3 w-3 stroke-[2]" })
   }
 ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -2991,6 +3006,7 @@ var AddRemoveButtons = ({ isFirst, onAdd, onRemove, disableAdd }) => /* @__PURE_
     className: "circle-btn border border-[#379a2a] bg-white text-[#379a2a]",
     "aria-label": "Remove row",
     title: "Remove condition",
+    "data-testid": "advsearch-btn-remove",
     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-3 w-3 stroke-[2]" })
   }
 ) });
@@ -3625,6 +3641,7 @@ var AdvanceSearch = ({
                 Object.keys(getValues()).forEach((k) => resetField(k));
                 if (onClear) onClear();
               },
+              "data-testid": "advsearch-btn-clear",
               children: "Clear Search"
             }
           ),
@@ -3633,6 +3650,7 @@ var AdvanceSearch = ({
             {
               type: "submit",
               className: "w-full bg-[#379a2a] text-white hover:bg-[#2f7c21] md:w-auto md:min-w-[120px]",
+              "data-testid": "advsearch-btn-search",
               children: "Search"
             }
           )
@@ -3891,6 +3909,7 @@ var HeaderCell = ({
         rootClassName
       ),
       onClick: (event) => {
+        if (!showSorter) return;
         event.preventDefault();
         if (context?.column?.getCanSort()) {
           context?.column?.toggleSorting();
@@ -3918,8 +3937,8 @@ var HeaderCell = ({
                 lucideReact.ChevronUp,
                 {
                   className: cn("stroke-[#BBBBBB]", {
-                    "stroke-[#41875c]": context?.column?.getIsSorted() === "asc",
-                    "stroke-[#41875c]/45": context?.column?.getNextSortingOrder() === "asc" && hovering
+                    "stroke-sus-gray-5": context?.column?.getIsSorted() === "asc",
+                    "stroke-sus-gray-5/45": context?.column?.getNextSortingOrder() === "asc" && hovering
                   }),
                   size: 16,
                   strokeWidth: 3
@@ -3929,8 +3948,8 @@ var HeaderCell = ({
                 lucideReact.ChevronDown,
                 {
                   className: cn("stroke-[#BBBBBB]", {
-                    "stroke-[#41875c]": context?.column?.getIsSorted() === "desc",
-                    "stroke-[#41875c]/45": context?.column?.getNextSortingOrder() === "desc" && hovering
+                    "stroke-sus-gray-5": context?.column?.getIsSorted() === "desc",
+                    "stroke-sus-gray-5/45": context?.column?.getNextSortingOrder() === "desc" && hovering
                   }),
                   size: 16,
                   strokeWidth: 3
@@ -5091,17 +5110,17 @@ var defaultResource = {
 };
 
 // src/components/dialog-alert/locale/i18n.ts
-i18n__default.default.use(reactI18next.initReactI18next).init({
+var instance = i18n__default.default.createInstance({
   resources: defaultResource,
   lng: "sharedui",
   fallbackLng: "sharedui",
   defaultNS: "translation",
   interpolation: {
     escapeValue: false
-    // react already safes from xss
   }
-});
-var i18n_default = i18n__default.default;
+}).use(reactI18next.initReactI18next);
+instance.init();
+var i18n_default = instance;
 var titleColorVariant = {
   default: "",
   success: "text-green-600",
@@ -5117,7 +5136,7 @@ function DialogAlert({
   description,
   variant = "default",
   confirmText,
-  cancelText = "cancel",
+  cancelText = i18nPrefix + "cancel",
   onConfirm,
   onCancel,
   showCancel = true,
@@ -5126,7 +5145,6 @@ function DialogAlert({
   persistent = false
 }) {
   const alignClass = align === "start" ? "justify-start" : align === "end" ? "justify-end" : "justify-center";
-  const { t } = reactI18next.useTranslation();
   const handleCancel = React4.useCallback(() => {
     onCancel?.();
     onOpenChange(false);
@@ -5138,13 +5156,13 @@ function DialogAlert({
   return /* @__PURE__ */ jsxRuntime.jsx(Dialog2, { open, onOpenChange: persistent ? () => {
   } : onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent2, { className: "max-w-md", showCloseButton: !persistent, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader2, { children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx(DialogTitle2, { className: titleColorVariant[variant], children: t(title) }),
-      description && /* @__PURE__ */ jsxRuntime.jsx(DialogDescription2, { children: t(description) })
+      title && /* @__PURE__ */ jsxRuntime.jsx(DialogTitle2, { className: titleColorVariant[variant], children: i18n_default.t(title) }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(DialogDescription2, { children: i18n_default.t(description) })
     ] }),
     outlet && outlet,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex gap-3 mt-3 ${alignClass}`, children: [
-      showCancel && /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "cancel", onClick: handleCancel, children: t(cancelText) }),
-      confirmText && /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant, onClick: handleConfirm, children: t(confirmText) })
+      showCancel && /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "cancel", onClick: handleCancel, children: i18n_default.t(cancelText) }),
+      confirmText && /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant, onClick: handleConfirm, children: i18n_default.t(confirmText) })
     ] })
   ] }) });
 }