@applica-software-guru/react-admin 1.1.114 → 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/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;

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

@@ -1,122 +0,0 @@
-import { Avatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, Stack } from '@mui/material';
-import { FormGroupContextProvider, useTranslate } from 'react-admin';
-import React, { useCallback } from 'react';
-
-import { Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import { useLocation } from 'react-router';
-
-const hiddenStyle = { display: 'none' };
-
-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;
-};
-
-const LongFormTab = ({
-  intent,
-  hidden,
-  unmountOnExit,
-  label,
-  icon,
-  value,
-  syncWithLocation,
-  selected,
-  onChange,
-  children,
-  badgeColor,
-  badgeContent,
-  ...props
-}: LongFormTabProps) => {
-  const translate = useTranslate();
-  const location = useLocation();
-  const propsForLink = {
-    component: Link,
-    to: { ...location, pathname: value }
-  };
-
-  const tabLabel = React.isValidElement(label) ? label : translate(label as string, { _: label });
-  const handleChange = useCallback(() => onChange(value), [onChange, value]);
-
-  const renderTab = () => (
-    <ListItemButton selected={selected} {...(syncWithLocation ? propsForLink : {})} onClick={handleChange}>
-      {icon && <ListItemIcon>{icon}</ListItemIcon>}
-      <ListItemText primary={tabLabel} />
-      {badgeContent && (
-        <ListItemSecondaryAction>
-          <Avatar
-            sx={{
-              width: 24,
-              height: 24,
-              fontSize: 12,
-              // @ts-ignore
-              backgroundColor: (theme) => theme.palette[badgeColor]?.main,
-              // @ts-ignore
-              color: (theme) => theme.palette[badgeColor]?.contrastText
-            }}
-          >
-            {badgeContent}
-          </Avatar>
-        </ListItemSecondaryAction>
-      )}
-    </ListItemButton>
-  );
-
-  const renderContent = () =>
-    unmountOnExit && hidden ? null : (
-      <FormGroupContextProvider name={value.toString()}>
-        <Stack
-          alignContent={'stretch'}
-          style={hidden ? hiddenStyle : {}}
-          id={`tabpanel-${value}`}
-          aria-labelledby={`tabheader-${value}`}
-          // Set undefined instead of false because WAI-ARIA Authoring Practices 1.1
-          // notes that aria-hidden="false" currently behaves inconsistently across browsers.
-          aria-hidden={hidden || undefined}
-          {...props}
-        >
-          {children}
-        </Stack>
-      </FormGroupContextProvider>
-    );
-
-  return intent === 'header' ? renderTab() : renderContent();
-};
-
-LongFormTab.propTypes = {
-  intent: PropTypes.oneOf(['header', 'content', 'sidebar']),
-  className: PropTypes.string,
-  contentClassName: PropTypes.string,
-  url: PropTypes.string,
-  icon: PropTypes.element,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  syncWithLocation: PropTypes.bool,
-  onChange: PropTypes.func,
-  selected: PropTypes.bool,
-  hidden: PropTypes.bool,
-  unmountOnExit: PropTypes.bool,
-  children: PropTypes.node,
-  badgeColor: PropTypes.oneOf(['default', 'error', 'info', 'primary', 'secondary', 'success', 'warning']),
-  badgeContent: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-
-LongFormTab.defaultProps = {
-  badgeColor: 'default',
-  unmountOnExit: false
-};
-
-export default LongFormTab;