@applica-software-guru/react-admin 1.1.113 → 1.2.115

package/src/components/ra-forms/LongForm/index.ts

@@ -0,0 +1,52 @@
+import { Form } from './Form';
+import { BaseForm } from './BaseForm';
+import { Content } from './Content';
+import { Provider, useActiveItem, useItems, useSyncWithLocation, useSetActiveItem, useAddItem, useRemoveItem } from './Provider';
+import { Sidebar, SidebarSection, SidebarSectionPosition, useSidebarChildren } from './Sidebar';
+import { NavMenu, NavMenuItem, useNavMenuItem } from './NavMenu';
+import { Tab, Group, useBaseItemChildren } from './Tab';
+
+type IForm = typeof Form & {
+  BaseForm: typeof BaseForm;
+  Content: typeof Content;
+  Provider: typeof Provider;
+  useItems: typeof useItems;
+  useSyncWithLocation: typeof useSyncWithLocation;
+  useActiveItem: typeof useActiveItem;
+  useSetActiveItem: typeof useSetActiveItem;
+  useAddItem: typeof useAddItem;
+  useRemoveItem: typeof useRemoveItem;
+  Sidebar: typeof Sidebar;
+  SidebarSection: typeof SidebarSection;
+  SidebarSectionPosition: typeof SidebarSectionPosition;
+  useSidebarChildren: typeof useSidebarChildren;
+  NavMenu: typeof NavMenu;
+  NavMenuItem: typeof NavMenuItem;
+  useNavMenuItem: typeof useNavMenuItem;
+  Tab: typeof Tab;
+  Group: typeof Group;
+  useBaseItemChildren: typeof useBaseItemChildren;
+};
+
+const DefaultForm = Form as IForm;
+DefaultForm.BaseForm = BaseForm;
+DefaultForm.Content = Content;
+DefaultForm.Provider = Provider;
+DefaultForm.useItems = useItems;
+DefaultForm.useSyncWithLocation = useSyncWithLocation;
+DefaultForm.useActiveItem = useActiveItem;
+DefaultForm.useSetActiveItem = useSetActiveItem;
+DefaultForm.useAddItem = useAddItem;
+DefaultForm.useRemoveItem = useRemoveItem;
+DefaultForm.Sidebar = Sidebar;
+DefaultForm.SidebarSection = SidebarSection;
+DefaultForm.SidebarSectionPosition = SidebarSectionPosition;
+DefaultForm.useSidebarChildren = useSidebarChildren;
+DefaultForm.NavMenu = NavMenu;
+DefaultForm.NavMenuItem = NavMenuItem;
+DefaultForm.useNavMenuItem = useNavMenuItem;
+DefaultForm.Tab = Tab;
+DefaultForm.Group = Group;
+DefaultForm.useBaseItemChildren = useBaseItemChildren;
+
+export default DefaultForm;

package/src/components/ra-forms/LongForm/types.ts

@@ -1,15 +1,19 @@
-import PropTypes from 'prop-types';
-export type Disposition = {
+type Disposition = {
   xl?: number;
   lg?: number;
   md?: number;
   sm?: number;
   xs?: number;
 };
-export const DispositionProps = PropTypes.shape({
-  xl: PropTypes.number,
-  lg: PropTypes.number,
-  md: PropTypes.number,
-  sm: PropTypes.number,
-  xs: PropTypes.number
-});
+
+type IItem = {
+  id: string;
+  label: string;
+  icon?: React.ReactNode;
+  badge?: {
+    content: string | number;
+    color?: 'default' | 'error' | 'info' | 'primary' | 'secondary' | 'success' | 'warning';
+  };
+};
+
+export type { Disposition, IItem };

package/src/components/ra-forms/LongForm/utils.ts

@@ -0,0 +1,22 @@
+import _ from 'lodash';
+import { IItem } from './types';
+import { Optional } from 'src/types';
+
+function getId(data: Optional<Pick<IItem, 'id' | 'label'>, 'id'>): string {
+  return data.id ?? data.label;
+}
+
+function isChild(parentId: string, childId: string): boolean {
+  return childId.match(new RegExp(`^${parentId}`)) !== null;
+}
+
+function getItemsIds(items: Array<IItem>): Array<string> {
+  return _.map(items, 'id');
+}
+
+function getLevel(id: string): number {
+  const match = id.match(new RegExp('[^.]+', 'g'));
+  return match === null ? 0 : match.length;
+}
+
+export { getId, isChild, getItemsIds, getLevel };

package/src/components/ra-forms/TableForm/TableFormIterator.tsx

@@ -31,7 +31,7 @@ import get from 'lodash/get';
  *  <Grid container>
  *    <Grid item xs={12}>
  *       <ArrayInput label={false} source="descriptor.fields">
- *           <TableFormIterator label="Catalogo proprietà">
+ *           <TableFormIterator template={{ property: 'FIELD' }} label="Catalogo proprietà"> // template: default value for new row
  *               <TextInput label="Name" source={'name'} validate={required()} />
  *               <TextInput source={'denomination'} helperText={false} />
  *               <SelectInput choices={FieldTypes} source={'type'} helperText={false} />
@@ -44,7 +44,7 @@ import get from 'lodash/get';
  * @returns
  */
 const TableFormIterator = (props: TableFormIteratorProps) => {
-  const { children, resource, source, label, disableActions = false, disableAdd = false, disableRemove = false, className, empty } = props;
+  const { children, resource, source, label, disableActions = false, disableAdd = false, disableRemove = false, className, empty, template = {} } = props;
   const [confirmIsOpen, setConfirmIsOpen] = useState<boolean>(false);
   const { fields, remove, replace } = useArrayInput(props);
   const theme = useTheme();
@@ -90,8 +90,13 @@ const TableFormIterator = (props: TableFormIteratorProps) => {
     // @ts-ignore
     <TableFormIteratorContext.Provider value={context}>
       <div className={className}>
-        {/** @ts-ignore */}
-        <AddTableRow label={label} source={source} disableAdd={disableAdd} />
+        {React.cloneElement(<AddTableRow />, {
+          label,
+          source,
+          disableAdd,
+          template,
+          addButton: props?.addButton,
+        })}
 
         <TableContainer component={Paper} sx={{ mt: 2, border: `1px solid ${tableBorderColor}` }}>
           <Table>
@@ -172,20 +177,33 @@ const TableFormIterator = (props: TableFormIteratorProps) => {
 };
 
 const AddTableRow = (props: any) => {
-  const { label, disableAdd } = props;
+  const { label, disableAdd, template = {} } = props;
   const { append } = useArrayInput(props);
   const theme = useTheme();
   // @ts-ignore
   const tableBorderColor = theme.palette.mode === 'dark' ? theme.palette.grey.A400 : theme.palette.grey.A800;
   const iconColor = theme.palette.mode === 'light' ? '#000000' : '#FFFFFF';
 
+  const handleAddButtonClick = useCallback((
+    originalOnClickHandler: React.MouseEventHandler<Element>
+  ) => (event: React.MouseEvent<Element, MouseEvent>) => {
+    append(template);
+    originalOnClickHandler && originalOnClickHandler(event);
+  }, [append, template]);
+
   return (
     <Stack justifyContent={'space-between'} alignItems={'center'} flexDirection={'row'}>
       <Typography>{label}</Typography>
       {!disableAdd && (
-        <IconButton size="small" color="secondary" sx={{ border: `1px solid ${tableBorderColor}` }} onClick={() => append({})}>
-          <PlusCircleOutlined style={{ color: iconColor }} />
-        </IconButton>
+        React.isValidElement(props?.addButton) ?
+          React.cloneElement(props?.addButton, {
+            onClick: handleAddButtonClick(
+              props?.addButton?.props.onClick
+            ),
+          }) :
+          <IconButton size="small" color="secondary" sx={{ border: `1px solid ${tableBorderColor}` }} onClick={() => append(template)}>
+            <PlusCircleOutlined style={{ color: iconColor }} />
+          </IconButton>
       )}
     </Stack>
   );
@@ -204,8 +222,9 @@ const StyledTableFormIterator = styled(TableFormIterator, {
 }));
 
 AddTableRow.propTypes = {
-  label: PropTypes.string.isRequired,
-  source: PropTypes.string.isRequired
+  label: PropTypes.string,
+  source: PropTypes.string,
+  defaultValue: PropTypes.any
 };
 
 TableFormIterator.propTypes = {
@@ -224,7 +243,8 @@ TableFormIterator.propTypes = {
   disableAdd: PropTypes.bool,
   disableRemove: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
   TransitionProps: PropTypes.shape({}),
-  empty: PropTypes.oneOfType([PropTypes.node, PropTypes.string])
+  empty: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  template: PropTypes.object
 };
 
 export interface TableFormIteratorProps extends Partial<UseFieldArrayReturn> {
@@ -234,6 +254,7 @@ export interface TableFormIteratorProps extends Partial<UseFieldArrayReturn> {
   disableAdd?: boolean;
   disableActions?: boolean;
   disableRemove?: boolean;
+  template?: object;
   meta?: {
     // the type defined in FieldArrayRenderProps says error is boolean, which is wrong.
     error?: any;

package/src/themes/overrides/ListItemText.jsx

@@ -0,0 +1,15 @@
+// ==============================|| OVERRIDES - LIST ITEM TEXT ||============================== //
+
+export default function ListItemIcon() {
+  return {
+    MuiListItemText: {
+      styleOverrides: {
+        root: {
+          '&.MuiListItemText-inset': {
+            paddingLeft: 24
+          }
+        }
+      }
+    }
+  };
+}

package/src/themes/overrides/index.jsx

@@ -23,6 +23,7 @@ import LinearProgress from './LinearProgress';
 import Link from './Link';
 import ListItemButton from './ListItemButton';
 import ListItemIcon from './ListItemIcon';
+import ListItemText from './ListItemText';
 import LoadingButton from './LoadingButton';
 import OutlinedInput from './OutlinedInput';
 import Pagination from './Pagination';
@@ -74,6 +75,7 @@ export default function ComponentsOverrides(theme) {
     Link(),
     ListItemButton(theme),
     ListItemIcon(theme),
+    ListItemText(theme),
     LoadingButton(),
     OutlinedInput(theme),
     Pagination(),

package/src/types.ts

@@ -53,3 +53,8 @@ export type MenuItemProps = {
  * Indica come deve essere configurato il menu dell'applicazione.
  */
 export type MenuProps = MenuItemProps[];
+
+/**
+ * Consente di trasformare dei type rendendone opzionali solo alcune chiavi
+ */
+export type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;

package/dist/components/ra-forms/LongForm/LongForm.d.ts

@@ -1,98 +0,0 @@
-/// <reference types="react" />
-import { Disposition } from './types';
-import PropTypes from 'prop-types';
-export type LongFormProps = {
-    syncWithLocation?: boolean;
-    spacing?: number;
-    tabsDisposition?: Disposition;
-    contentDisposition?: Disposition;
-    children: React.ReactNode;
-    sticky?: boolean;
-};
-/**
- * Consente di disegnare un form di tipo LongForm secondo la documentazione di React-Admin.
- *
- * @link https://marmelab.com/react-admin/LongForm.html
- *
- * @param {LongFormProps}
- * @returns {JSX.Element}
- */
-declare const LongForm: {
-    ({ spacing: _spacing, ...props }: LongFormProps): JSX.Element;
-    propTypes: {
-        syncWithLocation: PropTypes.Requireable<boolean>;
-        spacing: PropTypes.Requireable<number>;
-        tabsDisposition: PropTypes.Requireable<PropTypes.InferProps<{
-            xl: PropTypes.Requireable<number>;
-            lg: PropTypes.Requireable<number>;
-            md: PropTypes.Requireable<number>;
-            sm: PropTypes.Requireable<number>;
-            xs: PropTypes.Requireable<number>;
-        }>>;
-        contentDisposition: PropTypes.Requireable<PropTypes.InferProps<{
-            xl: PropTypes.Requireable<number>;
-            lg: PropTypes.Requireable<number>;
-            md: PropTypes.Requireable<number>;
-            sm: PropTypes.Requireable<number>;
-            xs: PropTypes.Requireable<number>;
-        }>>;
-        sticky: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        syncWithLocation: boolean;
-        sticky: boolean;
-        spacing: number;
-        tabsDisposition: {
-            xl: number;
-            lg: number;
-            md: number;
-            sm: number;
-            xs: number;
-        };
-        contentDisposition: {
-            xl: number;
-            lg: number;
-            md: number;
-            sm: number;
-            xs: number;
-        };
-    };
-    Tab: {
-        ({ intent, hidden, unmountOnExit, label, icon, value, syncWithLocation, selected, onChange, children, badgeColor, badgeContent, ...props }: import("./LongFormTab").LongFormTabProps): import("react/jsx-runtime").JSX.Element | null;
-        propTypes: {
-            intent: PropTypes.Requireable<string>;
-            className: PropTypes.Requireable<string>;
-            contentClassName: PropTypes.Requireable<string>;
-            url: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
-            label: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-            syncWithLocation: PropTypes.Requireable<boolean>;
-            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            selected: PropTypes.Requireable<boolean>;
-            hidden: PropTypes.Requireable<boolean>;
-            unmountOnExit: PropTypes.Requireable<boolean>;
-            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            badgeColor: PropTypes.Requireable<string>;
-            badgeContent: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        };
-        defaultProps: {
-            badgeColor: string;
-            unmountOnExit: boolean;
-        };
-    };
-    Sidebar: {
-        ({ children, visibility }: import("./LongFormSidebar").LongFormSidebarProps): JSX.Element | null;
-        propTypes: {
-            visibility: PropTypes.Requireable<string>;
-            position: PropTypes.Validator<string>;
-            children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        };
-        defaultProps: {
-            position: string;
-            visibility: string;
-        };
-    };
-};
-export default LongForm;
-//# sourceMappingURL=LongForm.d.ts.map

package/dist/components/ra-forms/LongForm/LongForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LongForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/ra-forms/LongForm/LongForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,SAAS,CAAC;AAMxD,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,MAAM,MAAM,aAAa,GAAG;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,QAAQ;sCAAqC,aAAa,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU7E,CAAC;AAqBF,eAAe,QAAQ,CAAC"}

package/dist/components/ra-forms/LongForm/LongFormSidebar.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-export type LongFormSidebarProps = {
-    visibility?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-    position: 'top' | 'bottom';
-    children: React.ReactNode;
-};
-/**
- * Consente di specificare, all'interno di un form di tipo LongForm, una sezione da visualizzare prima o dopo i tab di navigazione.
- * @example
- * <LongForm>
- *  <LongForm.Sidebar position="top">Contenuto prima della navigazione</LongForm.Sidebar>
- *  <LongForm.Tab>Tab 1</LongForm.Tab>
- *  <LongForm.Tab>Tab 2</LongForm.Tab>
- *  <LongForm.Sidebar position="bottom">Contenuto dopo la navigazione</LongForm.Sidebar>
- * </LongForm>
- *
- * @param {LongFormSidebarProps}
- * @returns {JSX.Element | null}
- */
-declare const LongFormSidebar: {
-    ({ children, visibility }: LongFormSidebarProps): JSX.Element | null;
-    propTypes: {
-        visibility: PropTypes.Requireable<string>;
-        position: PropTypes.Validator<string>;
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    };
-    defaultProps: {
-        position: string;
-        visibility: string;
-    };
-};
-export default LongFormSidebar;
-//# sourceMappingURL=LongFormSidebar.d.ts.map

package/dist/components/ra-forms/LongForm/LongFormSidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LongFormSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ra-forms/LongForm/LongFormSidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9C,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,eAAe;+BAA8B,oBAAoB,GAAG,WAAW,GAAG,IAAI;;;;;;;;;;CAG3F,CAAC;AAaF,eAAe,eAAe,CAAC"}

package/dist/components/ra-forms/LongForm/LongFormTab.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export type LongFormTabProps = {
-    intent: 'header' | 'content' | 'sidebar';
-    className?: string;
-    contentClassName?: string;
-    url?: string;
-    icon?: React.ReactNode;
-    label: string | React.ReactNode;
-    value: string | number;
-    syncWithLocation?: boolean;
-    onChange: (value: string | number) => void;
-    selected?: boolean;
-    hidden?: boolean;
-    unmountOnExit?: boolean;
-    children?: React.ReactNode;
-    badgeColor?: 'default' | 'error' | 'info' | 'primary' | 'secondary' | 'success' | 'warning';
-    badgeContent?: string | number;
-};
-declare const LongFormTab: {
-    ({ intent, hidden, unmountOnExit, label, icon, value, syncWithLocation, selected, onChange, children, badgeColor, badgeContent, ...props }: LongFormTabProps): import("react/jsx-runtime").JSX.Element | null;
-    propTypes: {
-        intent: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        contentClassName: PropTypes.Requireable<string>;
-        url: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        label: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>>;
-        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        syncWithLocation: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        selected: PropTypes.Requireable<boolean>;
-        hidden: PropTypes.Requireable<boolean>;
-        unmountOnExit: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        badgeColor: PropTypes.Requireable<string>;
-        badgeContent: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-    };
-    defaultProps: {
-        badgeColor: string;
-        unmountOnExit: boolean;
-    };
-};
-export default LongFormTab;
-//# sourceMappingURL=LongFormTab.d.ts.map

package/dist/components/ra-forms/LongForm/LongFormTab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LongFormTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/ra-forms/LongForm/LongFormTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5F,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,WAAW;gJAcd,gBAAgB;;;;;;;;;;;;;;;;;;;;;;CAsDlB,CAAC;AAyBF,eAAe,WAAW,CAAC"}

package/dist/components/ra-forms/LongForm/LongFormTabs.d.ts

@@ -1,23 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-export type LongFormTabsProps = {
-    children: React.ReactNode;
-    syncWithLocation?: boolean;
-    value: string | number;
-    url: string;
-    onChange: (value: string | number) => void;
-};
-declare const LongFormTabs: {
-    ({ children, syncWithLocation, value, url, onChange }: LongFormTabsProps): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        url: PropTypes.Requireable<string>;
-        tabsWithErrors: PropTypes.Requireable<(string | null | undefined)[]>;
-        syncWithLocation: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-    };
-};
-export declare const getTabbedFormTabFullPath: (tab: any, index: number) => any;
-export default LongFormTabs;
-//# sourceMappingURL=LongFormTabs.d.ts.map

package/dist/components/ra-forms/LongForm/LongFormTabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LongFormTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/ra-forms/LongForm/LongFormTabs.tsx"],"names":[],"mappings":"AAIA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,YAAY;2DAA0D,iBAAiB;;;;;;;;;CA0B5F,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAS,GAAG,SAAS,MAAM,QACa,CAAC;AAW9E,eAAe,YAAY,CAAC"}

package/dist/components/ra-forms/LongForm/LongFormView.d.ts

@@ -1,42 +0,0 @@
-import { Disposition } from './types';
-import React from 'react';
-import PropTypes from 'prop-types';
-export type LongFormViewProps = {
-    children: React.ReactNode;
-    formRootPathname: string;
-    syncWithLocation?: boolean;
-    spacing: number;
-    tabs: React.ReactElement;
-    tabsDisposition: Disposition;
-    contentDisposition: Disposition;
-    sticky?: boolean;
-};
-declare const LongFormView: {
-    ({ children, formRootPathname, syncWithLocation, spacing, tabs, tabsDisposition, contentDisposition, sticky, ...props }: LongFormViewProps): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        spacing: PropTypes.Requireable<number>;
-        syncWithLocation: PropTypes.Requireable<boolean>;
-        tabs: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        formRootPathname: PropTypes.Requireable<string>;
-        tabsDisposition: PropTypes.Requireable<PropTypes.InferProps<{
-            xl: PropTypes.Requireable<number>;
-            lg: PropTypes.Requireable<number>;
-            md: PropTypes.Requireable<number>;
-            sm: PropTypes.Requireable<number>;
-            xs: PropTypes.Requireable<number>;
-        }>>;
-        contentDisposition: PropTypes.Requireable<PropTypes.InferProps<{
-            xl: PropTypes.Requireable<number>;
-            lg: PropTypes.Requireable<number>;
-            md: PropTypes.Requireable<number>;
-            sm: PropTypes.Requireable<number>;
-            xs: PropTypes.Requireable<number>;
-        }>>;
-    };
-    defaultProps: {
-        tabs: import("react/jsx-runtime").JSX.Element;
-    };
-};
-export default LongFormView;
-//# sourceMappingURL=LongFormView.d.ts.map

package/dist/components/ra-forms/LongForm/LongFormView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LongFormView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ra-forms/LongForm/LongFormView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,SAAS,CAAC;AACxD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,SAAS,MAAM,YAAY,CAAC;AAkCnC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,eAAe,EAAE,WAAW,CAAC;IAC7B,kBAAkB,EAAE,WAAW,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,YAAY;6HAUf,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;CA+EnB,CAAC;AAiBF,eAAe,YAAY,CAAC"}

package/dist/components/ra-forms/LongForm/useFormRootPath.d.ts

@@ -1,6 +0,0 @@
-/**
- * Restituisce il path di base del form in base ad una serie di specifici match di path che è possibile incontrare.
- */
-declare const useFormRootPath: () => string;
-export default useFormRootPath;
-//# sourceMappingURL=useFormRootPath.d.ts.map

package/dist/components/ra-forms/LongForm/useFormRootPath.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormRootPath.d.ts","sourceRoot":"","sources":["../../../../../src/components/ra-forms/LongForm/useFormRootPath.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,QAAA,MAAM,eAAe,QAAO,MAa3B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/src/components/ra-forms/LongForm/LongForm.tsx

@@ -1,59 +0,0 @@
-import { Disposition, DispositionProps } from './types';
-
-import { Form } from 'react-admin';
-import LongFormSidebar from './LongFormSidebar';
-import LongFormTab from './LongFormTab';
-import LongFormView from './LongFormView';
-import PropTypes from 'prop-types';
-import useFormRootPath from './useFormRootPath';
-import { useThemeConfig } from '../../../hooks';
-
-export type LongFormProps = {
-  syncWithLocation?: boolean;
-  spacing?: number;
-  tabsDisposition?: Disposition;
-  contentDisposition?: Disposition;
-  children: React.ReactNode;
-  sticky?: boolean;
-};
-
-/**
- * Consente di disegnare un form di tipo LongForm secondo la documentazione di React-Admin.
- *
- * @link https://marmelab.com/react-admin/LongForm.html
- *
- * @param {LongFormProps}
- * @returns {JSX.Element}
- */
-const LongForm = ({ spacing: _spacing, ...props }: LongFormProps): JSX.Element => {
-  const formRootPathname = useFormRootPath();
-  const { spacing: _themeSpacing } = useThemeConfig();
-  const spacing = _spacing || _themeSpacing;
-  return (
-    <Form formRootPathname={formRootPathname} {...props}>
-      {/** @ts-ignore */}
-      <LongFormView formRootPathname={formRootPathname} {...props} spacing={spacing} />
-    </Form>
-  );
-};
-
-LongForm.propTypes = {
-  syncWithLocation: PropTypes.bool,
-  spacing: PropTypes.number,
-  tabsDisposition: DispositionProps,
-  contentDisposition: DispositionProps,
-  sticky: PropTypes.bool
-};
-
-LongForm.defaultProps = {
-  syncWithLocation: false,
-  sticky: true,
-  spacing: 2,
-  tabsDisposition: { xl: 3, lg: 3, md: 4, sm: 4, xs: 12 },
-  contentDisposition: { xl: 9, lg: 9, md: 8, sm: 8, xs: 12 }
-};
-
-LongForm.Tab = LongFormTab;
-LongForm.Sidebar = LongFormSidebar;
-
-export default LongForm;

package/src/components/ra-forms/LongForm/LongFormSidebar.tsx

@@ -1,44 +0,0 @@
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import { useMediaQuery } from '@mui/material';
-
-const StyledSidebar = styled('div')(({ theme }) => ({
-  marginBottom: theme.spacing(2)
-}));
-
-export type LongFormSidebarProps = {
-  visibility?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-  position: 'top' | 'bottom';
-  children: React.ReactNode;
-};
-
-/**
- * Consente di specificare, all'interno di un form di tipo LongForm, una sezione da visualizzare prima o dopo i tab di navigazione.
- * @example
- * <LongForm>
- *  <LongForm.Sidebar position="top">Contenuto prima della navigazione</LongForm.Sidebar>
- *  <LongForm.Tab>Tab 1</LongForm.Tab>
- *  <LongForm.Tab>Tab 2</LongForm.Tab>
- *  <LongForm.Sidebar position="bottom">Contenuto dopo la navigazione</LongForm.Sidebar>
- * </LongForm>
- *
- * @param {LongFormSidebarProps}
- * @returns {JSX.Element | null}
- */
-const LongFormSidebar = ({ children, visibility }: LongFormSidebarProps): JSX.Element | null => {
-  const isVisible = useMediaQuery((theme: any) => theme.breakpoints.up(visibility));
-  return isVisible ? <StyledSidebar>{children}</StyledSidebar> : null;
-};
-
-LongFormSidebar.propTypes = {
-  visibility: PropTypes.oneOf(['xl', 'lg', 'md', 'sm', 'xs']),
-  position: PropTypes.oneOf(['top', 'bottom']).isRequired,
-  children: PropTypes.node.isRequired
-};
-
-LongFormSidebar.defaultProps = {
-  position: 'top',
-  visibility: 'md'
-};
-
-export default LongFormSidebar;