@sqrzro/admin 2.1.0-bz.35 → 2.1.0-bz.37

package/dist/components/InfoPanel/index.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import type { StyleVariant } from '@sqrzro/interfaces';
+type InfoPanelVariant = StyleVariant | 'mail';
 export interface InfoPanelProps {
     children: React.ReactNode;
-    variant?: StyleVariant;
+    variant?: InfoPanelVariant;
 }
 declare function InfoPanel({ children, variant }: Readonly<InfoPanelProps>): React.ReactElement;
 export default InfoPanel;

package/dist/components/InfoPanel/index.js

@@ -2,13 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { tw } from '@sqrzro/components';
 const iconClassMap = {
     danger: 'bg-[url(/admin/images/danger.svg)]',
+    error: 'bg-[url(/admin/images/danger.svg)]',
     info: 'bg-[url(/admin/images/info.svg)]',
+    mail: 'bg-[url(/admin/images/mail.svg)]',
     success: 'bg-[url(/admin/images/success.svg)]',
     warning: 'bg-[url(/admin/images/warning.svg)]',
 };
 const classMap = {
     danger: 'bg-red-100 text-red-700',
+    error: 'bg-red-100 text-red-700',
     info: 'bg-sky-100 text-sky-700',
+    mail: 'bg-sky-100 text-sky-700',
     success: 'bg-green-100 text-green-700',
     warning: 'bg-yellow-100 text-yellow-700',
 };

package/dist/components/ListActions/index.d.ts

@@ -4,7 +4,7 @@ export interface ListAction extends Omit<ConfirmableAction & LinkableAction, 'on
     onClick?: (id: string) => void;
 }
 export interface ListActionsProps {
-    actions?: ListAction[] | ((id: string) => ListAction[]);
+    actions?: (ListAction | null)[] | ((id: string) => (ListAction | null)[]);
     id: string;
 }
 declare function ListActions({ actions, id }: Readonly<ListActionsProps>): React.ReactElement;

package/dist/components/ListActions/index.js

@@ -13,7 +13,9 @@ function ListActions({ actions, id }) {
     function toggleIsOpen() {
         setIsOpen(!isOpen);
     }
-    const transformedActions = (typeof actions === 'function' ? actions(id) : actions).map((item) => ({
+    const transformedActions = (typeof actions === 'function' ? actions(id) : actions)
+        .filter(Boolean)
+        .map((item) => ({
         ...item,
         href: item.href ? parseHref(item.href, id) : undefined, // eslint-disable-line no-undefined
         onClick: () => handleClick(item),

package/dist/components/Menu/index.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { InputPanel } from '@sqrzro/components';
 import MenuItem from '../MenuItem';
 function Menu({ actions, align }) {
-    return (_jsx(InputPanel, { align: align, children: _jsx("ul", { children: actions.map((item) => (_jsx("li", { children: _jsx(MenuItem, { ...item }) }, item.label))) }) }));
+    return (_jsx(InputPanel, { align: align, children: _jsx("ul", { className: "min-w-44 py-1", children: actions.map((item) => (_jsx("li", { children: _jsx(MenuItem, { ...item }) }, item.label))) }) }));
 }
 export default Menu;

package/dist/components/MenuItem/index.js

@@ -8,7 +8,7 @@ const classMap = {
     success: 'text-green-700',
 };
 function MenuItem({ href, isConfirmable, label, onClick, variant, }) {
-    const classNames = tw('block whitespace-nowrap p-2 px-3 text-sm text-slate-700', variant ? classMap[variant] : null);
+    const classNames = tw('block w-full whitespace-nowrap px-3 py-1.5 text-left text-sm text-slate-700', variant ? classMap[variant] : null);
     if (!href) {
         if (isConfirmable) {
             return (_jsx(ConfirmableButton, { classNames: { root: { default: classNames } }, onClick: onClick, type: "button", children: label }));

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export { Autocomplete, AutocompleteFormField, Button, CalendarInput, CheckboxInput, ConfirmableButton, ConfirmableForm, ContentFormField, DateFormField, DateInput, DefinitionList, Dropdown, DropdownFormField, EditableAutocompleteFormField, EditableContentFormField, EditableDateFormField, EditableDropdownFormField, EditableForm, EditableFormField, EditableMultiFormField, EditableNumberFormField, EditableSwitchFormField, EditableTextAreaFormField, EditableTextFormField, EmptyMessage, Fieldset, Form, FormField, FormSubmit, ImageInput, ImageFormField, Link, LoadingModal, Modal, ModalActions, ModalForm, MoneyFormField, MoneyInput, MultiFormField, NumberFormField, NumberInput, ObjectFormField, RadioInput, Switch, SwitchFormField, TextArea, TextAreaFormField, TextFormField, TextInput, Toaster, } from '@sqrzro/components';
+export { Autocomplete, AutocompleteFormField, Button, CalendarInput, CheckboxInput, ConfirmableButton, ConfirmableForm, ContentFormField, DateFormField, DateInput, DefinitionList, Dropdown, DropdownFormField, EditableAutocompleteFormField, EditableContentFormField, EditableDateFormField, EditableDropdownFormField, EditableForm, EditableFormField, EditableMoneyFormField, EditableMultiFormField, EditableNumberFormField, EditableSwitchFormField, EditableTextAreaFormField, EditableTextFormField, EmptyMessage, Fieldset, Form, FormField, FormSubmit, ImageInput, ImageFormField, Link, LoadingModal, Modal, ModalActions, ModalForm, MoneyFormField, MoneyInput, MultiFormField, NumberFormField, NumberInput, ObjectFormField, RadioInput, Switch, SwitchFormField, TextArea, TextAreaFormField, TextFormField, TextInput, Toaster, } from '@sqrzro/components';
 export type { DropdownItem, EditableFormFieldProps, FormFieldProps, LinkProps, NumberInputProps, } from '@sqrzro/components';
 export type { AppLayoutProps } from './AppLayout';
 export { default as AppLayout } from './AppLayout';

package/dist/components/index.js

@@ -1,5 +1,5 @@
 // Exported from @sqrzro/components
-export { Autocomplete, AutocompleteFormField, Button, CalendarInput, CheckboxInput, ConfirmableButton, ConfirmableForm, ContentFormField, DateFormField, DateInput, DefinitionList, Dropdown, DropdownFormField, EditableAutocompleteFormField, EditableContentFormField, EditableDateFormField, EditableDropdownFormField, EditableForm, EditableFormField, EditableMultiFormField, EditableNumberFormField, EditableSwitchFormField, EditableTextAreaFormField, EditableTextFormField, EmptyMessage, Fieldset, Form, FormField, FormSubmit, ImageInput, ImageFormField, Link, LoadingModal, Modal, ModalActions, ModalForm, MoneyFormField, MoneyInput, MultiFormField, NumberFormField, NumberInput, ObjectFormField, RadioInput, Switch, SwitchFormField, TextArea, TextAreaFormField, TextFormField, TextInput, Toaster, } from '@sqrzro/components';
+export { Autocomplete, AutocompleteFormField, Button, CalendarInput, CheckboxInput, ConfirmableButton, ConfirmableForm, ContentFormField, DateFormField, DateInput, DefinitionList, Dropdown, DropdownFormField, EditableAutocompleteFormField, EditableContentFormField, EditableDateFormField, EditableDropdownFormField, EditableForm, EditableFormField, EditableMoneyFormField, EditableMultiFormField, EditableNumberFormField, EditableSwitchFormField, EditableTextAreaFormField, EditableTextFormField, EmptyMessage, Fieldset, Form, FormField, FormSubmit, ImageInput, ImageFormField, Link, LoadingModal, Modal, ModalActions, ModalForm, MoneyFormField, MoneyInput, MultiFormField, NumberFormField, NumberInput, ObjectFormField, RadioInput, Switch, SwitchFormField, TextArea, TextAreaFormField, TextFormField, TextInput, Toaster, } from '@sqrzro/components';
 export { default as AppLayout } from './AppLayout';
 export { default as Badge } from './Badge';
 export { default as Dashboard } from './Dashboard';

package/dist/styles/config.js

@@ -108,8 +108,9 @@ const classNames = twx({
     }),
     modal: () => ({
         root: 'open:backdrop:fade py-16 backdrop:bg-slate-700/50',
-        panel: 'show bg-panel row-start-2 mx-auto w-full max-w-lg rounded p-6 text-left shadow-xl',
-        title: 'mb-6 text-lg font-semibold',
+        panel: 'show bg-panel row-start-2 mx-auto flex w-full max-w-lg flex-col gap-6 rounded p-6 text-left shadow-xl',
+        content: 'flex flex-col gap-6',
+        title: 'text-lg font-semibold',
         actions: 'flex justify-end border-t border-slate-200 pt-6',
     }),
     multiInput: () => ({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sqrzro/admin",
   "type": "module",
-  "version": "2.1.0-bz.35",
+  "version": "2.1.0-bz.37",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",