@eztrak/shared 0.17.0 → 0.17.1

package/dist/components/index.mjs

@@ -28,8 +28,8 @@ import {
   TooltipText,
   dropdownStyles,
   resolveActions
-} from "../chunk-KJWCRX6F.mjs";
-import "../chunk-A5BBQ7X5.mjs";
+} from "../chunk-4ASJWHN3.mjs";
+import "../chunk-QOYMQFOB.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 { 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 { 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

@@ -587,6 +587,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 +630,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 +671,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 +715,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 +2472,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,