@eztrak/shared 0.17.0 → 0.18.0

package/dist/components/index.mjs

@@ -28,8 +28,8 @@ import {
   TooltipText,
   dropdownStyles,
   resolveActions
-} from "../chunk-KJWCRX6F.mjs";
-import "../chunk-A5BBQ7X5.mjs";
+} from "../chunk-2KXV5C3X.mjs";
+import "../chunk-A5Y5QGVL.mjs";
 export {
   ActionMenuItem,
   Breadcrumbs,

package/dist/{handleApiError-SHMjCJHj.d.mts → handleApiError-BIAaN76q.d.mts}

@@ -34,6 +34,8 @@ interface ConfirmationAlertOptions {
     title?: string;
     text?: string;
     html?: string;
+    /** Body HTML when `html` is not set. String only (not React nodes). */
+    children?: string;
     icon?: "warning" | "info" | "question" | "error" | "success";
     /** Custom icon markup. When set, replaces SweetAlert's default icon content. */
     iconHtml?: string;
@@ -59,6 +61,11 @@ interface ConfirmationAlertOptions {
     borderRadius?: string | number;
     /** Confirm/cancel button corner radius. Default `0.5rem`. Number = px. */
     buttonBorderRadius?: string | number;
+    /** Typed-input margin. Number = px. Bottom default `1.25rem`; other sides default `0`. */
+    inputMarginTop?: string | number;
+    inputMarginRight?: string | number;
+    inputMarginBottom?: string | number;
+    inputMarginLeft?: string | number;
     /** `danger` = delete look; `brand` = orange confirm. Explicit options win. */
     variant?: ConfirmationAlertVariant;
     customClass?: SweetAlertOptions["customClass"];

package/dist/{handleApiError-SHMjCJHj.d.ts → handleApiError-BIAaN76q.d.ts}

@@ -34,6 +34,8 @@ interface ConfirmationAlertOptions {
     title?: string;
     text?: string;
     html?: string;
+    /** Body HTML when `html` is not set. String only (not React nodes). */
+    children?: string;
     icon?: "warning" | "info" | "question" | "error" | "success";
     /** Custom icon markup. When set, replaces SweetAlert's default icon content. */
     iconHtml?: string;
@@ -59,6 +61,11 @@ interface ConfirmationAlertOptions {
     borderRadius?: string | number;
     /** Confirm/cancel button corner radius. Default `0.5rem`. Number = px. */
     buttonBorderRadius?: string | number;
+    /** Typed-input margin. Number = px. Bottom default `1.25rem`; other sides default `0`. */
+    inputMarginTop?: string | number;
+    inputMarginRight?: string | number;
+    inputMarginBottom?: string | number;
+    inputMarginLeft?: string | number;
     /** `danger` = delete look; `brand` = orange confirm. Explicit options win. */
     variant?: ConfirmationAlertVariant;
     customClass?: SweetAlertOptions["customClass"];

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-export { CreateBaseQueryWithRetryOptions, PermissionRecord, TransformedPermissions, USER_STATE_STORAGE_KEY, capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, createBaseQueryWithRetry, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, formatNumber, get, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, getItem, getItemFromLocalStorage, isEmpty, loadUserState, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, removeItem, resetPageParam, saveItemLocalStorage, saveUserState, set, setItem, storeItemInLocalStorage, toDateInputValue, toLowerCaseText, transformPermissions, truncateFileName, truncateText } from './utils/index.mjs';
-export { C as ConfirmationAlertOptions, a as ConfirmationAlertVariant, D as DEFAULT_CONFIRM_ICONS, E as ErrorClassification, b as ErrorSuggestedAction, H as HandleApiErrorOptions, R as RtkQueryError, c as classifyError, d as confirmationAlert, f as formatValidationErrorsHtml, h as handleApiError, i as isRetryableError } from './handleApiError-SHMjCJHj.mjs';
+export { CreateBaseQueryWithRetryOptions, CurrencyFormatterOptions, DateUtcMode, FormatDateOptions, PermissionRecord, TransformedPermissions, USER_STATE_STORAGE_KEY, capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, createBaseQueryWithRetry, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, formatNumber, get, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, getItem, getItemFromLocalStorage, isEmpty, loadUserState, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, removeItem, resetPageParam, saveItemLocalStorage, saveUserState, set, setItem, storeItemInLocalStorage, toDateInputValue, toLowerCaseText, transformPermissions, truncateFileName, truncateText } from './utils/index.mjs';
+export { C as ConfirmationAlertOptions, a as ConfirmationAlertVariant, D as DEFAULT_CONFIRM_ICONS, E as ErrorClassification, b as ErrorSuggestedAction, H as HandleApiErrorOptions, R as RtkQueryError, c as classifyError, d as confirmationAlert, f as formatValidationErrorsHtml, h as handleApiError, i as isRetryableError } from './handleApiError-BIAaN76q.mjs';
 export { UseGridHeightOptions, useGridHeight, usePaginationUrlSync } from './hooks/index.mjs';
 export { ActionMenuItem, ActionMenuItemProps, BreadcrumbRoute, Breadcrumbs, BreadcrumbsProps, Button, ButtonProps, Card, CardProps, CardSkeleton, CardSkeletonProps, CardSkeletonVariant, CellEditPayload, CellEditorInputType, CustomCellEditor, CustomCellEditorProps, CustomCellEditorRef, CustomPagination, CustomPaginationClassNames, CustomPaginationProps, DropdownFilter, DropdownFilterProps, DropdownOption, EztrakTab, EztrakTabs, EztrakTabsClassNames, EztrakTabsProps, Header, HeaderProps, LayoutStatus, Loader, LoaderProps, Modal, ModalProps, PaginationData, PopupActionHandler, PopupCellRenderer, PopupCellRendererParams, PopupCellRendererProps, PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_ITEM_TEXT_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, ResetColumnsButtonProps, ResetFiltersButton, ResetFiltersButtonProps, ResetFiltersButtonVariant, ResolvedRowAction, RowAction, RowActionConfirmFn, RowActionFlag, RowActionItemRenderContext, RowActionItemType, RowActionPreset, RowActionPresetName, RowActions, RowActionsList, RowActionsMode, RowActionsProps, RowActionsRenderContext, SearchInput, SearchInputProps, Sidebar, SidebarItem, SidebarProps, TableErrorBoundary, TableErrorBoundaryProps, TableLayoutToolbarControls, TableLayoutToolbarControlsProps, ToolTip, ToolTipProps, TooltipText, TooltipTextProps, dropdownStyles, resolveActions } from './components/index.mjs';
 import 'clsx';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { CreateBaseQueryWithRetryOptions, PermissionRecord, TransformedPermissions, USER_STATE_STORAGE_KEY, capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, createBaseQueryWithRetry, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, formatNumber, get, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, getItem, getItemFromLocalStorage, isEmpty, loadUserState, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, removeItem, resetPageParam, saveItemLocalStorage, saveUserState, set, setItem, storeItemInLocalStorage, toDateInputValue, toLowerCaseText, transformPermissions, truncateFileName, truncateText } from './utils/index.js';
-export { C as ConfirmationAlertOptions, a as ConfirmationAlertVariant, D as DEFAULT_CONFIRM_ICONS, E as ErrorClassification, b as ErrorSuggestedAction, H as HandleApiErrorOptions, R as RtkQueryError, c as classifyError, d as confirmationAlert, f as formatValidationErrorsHtml, h as handleApiError, i as isRetryableError } from './handleApiError-SHMjCJHj.js';
+export { CreateBaseQueryWithRetryOptions, CurrencyFormatterOptions, DateUtcMode, FormatDateOptions, PermissionRecord, TransformedPermissions, USER_STATE_STORAGE_KEY, capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, createBaseQueryWithRetry, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, formatNumber, get, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, getItem, getItemFromLocalStorage, isEmpty, loadUserState, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, removeItem, resetPageParam, saveItemLocalStorage, saveUserState, set, setItem, storeItemInLocalStorage, toDateInputValue, toLowerCaseText, transformPermissions, truncateFileName, truncateText } from './utils/index.js';
+export { C as ConfirmationAlertOptions, a as ConfirmationAlertVariant, D as DEFAULT_CONFIRM_ICONS, E as ErrorClassification, b as ErrorSuggestedAction, H as HandleApiErrorOptions, R as RtkQueryError, c as classifyError, d as confirmationAlert, f as formatValidationErrorsHtml, h as handleApiError, i as isRetryableError } from './handleApiError-BIAaN76q.js';
 export { UseGridHeightOptions, useGridHeight, usePaginationUrlSync } from './hooks/index.js';
 export { ActionMenuItem, ActionMenuItemProps, BreadcrumbRoute, Breadcrumbs, BreadcrumbsProps, Button, ButtonProps, Card, CardProps, CardSkeleton, CardSkeletonProps, CardSkeletonVariant, CellEditPayload, CellEditorInputType, CustomCellEditor, CustomCellEditorProps, CustomCellEditorRef, CustomPagination, CustomPaginationClassNames, CustomPaginationProps, DropdownFilter, DropdownFilterProps, DropdownOption, EztrakTab, EztrakTabs, EztrakTabsClassNames, EztrakTabsProps, Header, HeaderProps, LayoutStatus, Loader, LoaderProps, Modal, ModalProps, PaginationData, PopupActionHandler, PopupCellRenderer, PopupCellRendererParams, PopupCellRendererProps, PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_ITEM_TEXT_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, ResetColumnsButtonProps, ResetFiltersButton, ResetFiltersButtonProps, ResetFiltersButtonVariant, ResolvedRowAction, RowAction, RowActionConfirmFn, RowActionFlag, RowActionItemRenderContext, RowActionItemType, RowActionPreset, RowActionPresetName, RowActions, RowActionsList, RowActionsMode, RowActionsProps, RowActionsRenderContext, SearchInput, SearchInputProps, Sidebar, SidebarItem, SidebarProps, TableErrorBoundary, TableErrorBoundaryProps, TableLayoutToolbarControls, TableLayoutToolbarControlsProps, ToolTip, ToolTipProps, TooltipText, TooltipTextProps, dropdownStyles, resolveActions } from './components/index.js';
 import 'clsx';

package/dist/index.js

@@ -122,6 +122,118 @@ function resetPageParam(params, pageKey = "page", defaultPage = "1") {
   return params;
 }
 
+// src/utils/format-date.ts
+var DEFAULT_DATE_FALLBACK = "-";
+var DEFAULT_DATETIME_FALLBACK = "Invalid Date";
+var pad2 = (n) => n.toString().padStart(2, "0");
+var getParts = (date, utc) => {
+  if (utc === "preserve") {
+    return {
+      year: date.getUTCFullYear(),
+      month: date.getUTCMonth() + 1,
+      day: date.getUTCDate(),
+      hours: date.getUTCHours(),
+      minutes: date.getUTCMinutes(),
+      seconds: date.getUTCSeconds()
+    };
+  }
+  return {
+    year: date.getFullYear(),
+    month: date.getMonth() + 1,
+    day: date.getDate(),
+    hours: date.getHours(),
+    minutes: date.getMinutes(),
+    seconds: date.getSeconds()
+  };
+};
+var formatAmPmTime = (parts) => {
+  const hour12 = parts.hours % 12 || 12;
+  const ampm = parts.hours >= 12 ? "PM" : "AM";
+  return `${hour12}:${pad2(parts.minutes)} ${ampm}`;
+};
+var formatMmDdYy = (parts) => `${pad2(parts.month)}/${pad2(parts.day)}/${String(parts.year).slice(-2)}`;
+var applyPattern = (pattern, parts) => {
+  const hour12 = parts.hours % 12 || 12;
+  const ampm = parts.hours >= 12 ? "PM" : "AM";
+  const replacements = [
+    ["yyyy", String(parts.year)],
+    ["yy", String(parts.year).slice(-2)],
+    ["MM", pad2(parts.month)],
+    ["dd", pad2(parts.day)],
+    ["HH", pad2(parts.hours)],
+    ["hh", pad2(hour12)],
+    ["mm", pad2(parts.minutes)],
+    ["ss", pad2(parts.seconds)],
+    ["a", ampm]
+  ];
+  let result = "";
+  let i = 0;
+  while (i < pattern.length) {
+    let matched = false;
+    for (const [token, value] of replacements) {
+      if (pattern.startsWith(token, i)) {
+        result += value;
+        i += token.length;
+        matched = true;
+        break;
+      }
+    }
+    if (!matched) {
+      result += pattern[i];
+      i += 1;
+    }
+  }
+  return result;
+};
+var parseDate = (dateString) => {
+  if (dateString === null || dateString === void 0) return null;
+  const date = new Date(dateString);
+  if (isNaN(date.getTime())) return null;
+  return date;
+};
+var formatDate = (dateString, options = {}) => {
+  const {
+    pattern,
+    utc = "local",
+    includeTime = false,
+    fallback = DEFAULT_DATE_FALLBACK
+  } = options;
+  const date = parseDate(dateString);
+  if (!date) return fallback;
+  const parts = getParts(date, utc);
+  if (pattern) {
+    return applyPattern(pattern, parts);
+  }
+  const datePart = formatMmDdYy(parts);
+  if (!includeTime) return datePart;
+  return `${datePart}, ${formatAmPmTime(parts)}`;
+};
+var formatDateTime = (dateString, options = {}) => {
+  const {
+    pattern,
+    utc = "local",
+    includeTime = true,
+    fallback = DEFAULT_DATETIME_FALLBACK
+  } = options;
+  const date = parseDate(dateString);
+  if (!date) return fallback;
+  if (pattern) {
+    return applyPattern(pattern, getParts(date, utc));
+  }
+  const localeOptions = {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    ...includeTime ? {
+      hour: "numeric",
+      minute: "numeric",
+      hour12: true
+    } : {},
+    ...utc === "preserve" ? { timeZone: "UTC" } : {}
+  };
+  return date.toLocaleString("en-US", localeOptions);
+};
+
 // src/utils/helpers.ts
 var truncateText = (text, maxLength = 20) => {
   if (text === null || text === void 0) return "";
@@ -196,17 +308,6 @@ function toLowerCaseText(text) {
   if (!text) return "";
   return text.toLowerCase();
 }
-var formatDate = (dateString) => {
-  if (dateString === null || dateString === void 0) return "-";
-  const date = new Date(dateString);
-  if (isNaN(date.getTime())) {
-    return dateString;
-  }
-  const month = (date.getMonth() + 1).toString().padStart(2, "0");
-  const day = date.getDate().toString().padStart(2, "0");
-  const year = date.getFullYear().toString().slice(-2);
-  return `${month}/${day}/${year}`;
-};
 var isEmpty = (obj) => {
   return Object.keys(obj).length === 0;
 };
@@ -237,11 +338,30 @@ function convertCommaDataToArray(data) {
 function checkIfExistsInArray(array, searchValue) {
   return array.includes(searchValue);
 }
-var currencyFormatter = (value) => {
-  return value?.toLocaleString("en-US", {
+var currencyFormatter = (value, options) => {
+  if (value == null) return "";
+  const {
+    currency = "USD",
+    locale = "en-US",
+    hideSymbol = false,
+    minimumFractionDigits,
+    maximumFractionDigits
+  } = options ?? {};
+  const fractionDigits = {
+    ...minimumFractionDigits != null && { minimumFractionDigits },
+    ...maximumFractionDigits != null && { maximumFractionDigits }
+  };
+  if (hideSymbol) {
+    return value.toLocaleString(locale, {
+      minimumFractionDigits: minimumFractionDigits ?? 2,
+      maximumFractionDigits: maximumFractionDigits ?? 2
+    });
+  }
+  return value.toLocaleString(locale, {
     style: "currency",
-    currency: "USD"
-  }) ?? "";
+    currency,
+    ...fractionDigits
+  });
 };
 var formatNumber = (number) => {
   if (isNaN(Number(number)) || number === null || number === void 0) {
@@ -295,20 +415,6 @@ var deserializeJson = (jsonString) => {
     return null;
   }
 };
-var formatDateTime = (dateString) => {
-  if (!dateString) return "Invalid Date";
-  const date = new Date(dateString);
-  if (isNaN(date.getTime())) return "Invalid Date";
-  const options = {
-    year: "numeric",
-    month: "numeric",
-    day: "numeric",
-    hour: "numeric",
-    minute: "numeric",
-    hour12: true
-  };
-  return date.toLocaleString("en-US", options);
-};
 var removeByPropertyValues = (items = [], property, values = [], { caseInsensitive = false } = {}) => {
   if (!Array.isArray(items) || !property) return Array.isArray(items) ? items : [];
   const normalize = (v) => caseInsensitive && typeof v === "string" ? v.toLowerCase() : v;
@@ -587,6 +693,12 @@ function ensureConfirmAlertStyles() {
     .ez-confirm-cancel:hover {
       background: #f9fafb !important;
     }
+    .ez-confirm-popup .swal2-input {
+      margin-top: var(--ez-confirm-input-mt, 0) !important;
+      margin-right: var(--ez-confirm-input-mr, 0) !important;
+      margin-bottom: var(--ez-confirm-input-mb, 1.25rem) !important;
+      margin-left: var(--ez-confirm-input-ml, 0) !important;
+    }
   `;
   document.head.appendChild(style);
 }
@@ -624,7 +736,7 @@ function confirmationAlert(onConfirm, options = {}) {
     hasInput ? "Confirmation Required" : "Delete this item"
   );
   const text = options.text;
-  const html = options.html;
+  const html = options.html ?? options.children;
   const icon = pick(options.icon, vd.icon, "warning");
   const iconHtml = pick(options.iconHtml, vd.iconHtml, void 0);
   const iconColor = pick(options.iconColor, vd.iconColor, BRAND_ORANGE);
@@ -665,6 +777,10 @@ function confirmationAlert(onConfirm, options = {}) {
   const width = options.width;
   const borderRadius = cssSize(options.borderRadius, "1rem");
   const buttonBorderRadius = cssSize(options.buttonBorderRadius, "0.5rem");
+  const inputMarginTop = cssSize(options.inputMarginTop, "0");
+  const inputMarginRight = cssSize(options.inputMarginRight, "0");
+  const inputMarginBottom = cssSize(options.inputMarginBottom, "1.25rem");
+  const inputMarginLeft = cssSize(options.inputMarginLeft, "0");
   const onCancel = options.onCancel;
   const useLoader = showLoaderOnConfirm || hasInput;
   const inputHtml = html ?? (hasInput ? `
@@ -705,6 +821,10 @@ function confirmationAlert(onConfirm, options = {}) {
         popup.style.setProperty("--ez-confirm-icon-bg", iconBgColor);
         popup.style.setProperty("--ez-confirm-radius", borderRadius);
         popup.style.setProperty("--ez-confirm-btn-radius", buttonBorderRadius);
+        popup.style.setProperty("--ez-confirm-input-mt", inputMarginTop);
+        popup.style.setProperty("--ez-confirm-input-mr", inputMarginRight);
+        popup.style.setProperty("--ez-confirm-input-mb", inputMarginBottom);
+        popup.style.setProperty("--ez-confirm-input-ml", inputMarginLeft);
         if (width != null) {
           popup.style.setProperty(
             "--ez-confirm-width",
@@ -2458,10 +2578,7 @@ function Sidebar({
                   "div",
                   {
                     "data-sidebar-item": item.name,
-                    className: cn(
-                      "has-sub-items max-w-full min-w-0 flex flex-col",
-                      collapsed ? "my-1" : "my-2"
-                    ),
+                    className: "has-sub-items max-w-full min-w-0 flex flex-col",
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                         ToolTip,