@pautena/react-design-system 0.1.4 → 0.2.0

package/src/generators/model-router/screens/screens.types.ts

@@ -10,4 +10,29 @@ export interface BaseScreenProps {
    * Structure that represents the fields of the model
    */
   model: Model;
+
+  /**
+   * Path to attach before each internal ModelRouter path
+   */
+  basePath?: string;
+
+  /**
+   * If true delete features are enabled
+   */
+  deleteFeature?: boolean;
+
+  /**
+   * If true update features are enabled
+   */
+  updateFeature?: boolean;
+
+  /**
+   * If true add features are enabled
+   */
+  addFeature?: boolean;
+
+  /**
+   * If true details features are enabled
+   */
+  detailsFeature?: boolean;
 }

package/src/generators/model-router/screens/update-screen.tsx

@@ -39,6 +39,7 @@ export interface UpdateScreenProps<T extends BasicModelInstance> extends BaseScr
 export const UpdateScreen = <T extends BasicModelInstance>({
   model,
   modelName,
+  basePath = "",
   submitUpdateItemRequest,
   updateItemRequest,
   updateItem,
@@ -61,7 +62,7 @@ export const UpdateScreen = <T extends BasicModelInstance>({
         message: `The item ${id} has been updated successfully`,
         severity: "success",
       });
-      navigate("/");
+      navigate(`${basePath}/`);
     }
   }, [submitUpdateItemRequest.success]);
 

package/src/generators/model-router/stories/list-screen.stories.tsx

@@ -43,3 +43,54 @@ List.args = {
   listRequest: IdleRequest,
   deleteRequest: IdleRequest,
 };
+
+export const WithoutDeleteFeature = Template.bind({});
+WithoutDeleteFeature.args = {
+  modelName: "Items",
+  model: mockModel,
+  listData: data,
+  listRequest: IdleRequest,
+  deleteRequest: IdleRequest,
+  deleteFeature: false,
+};
+
+export const WithoutUpdateFeature = Template.bind({});
+WithoutUpdateFeature.args = {
+  modelName: "Items",
+  model: mockModel,
+  listData: data,
+  listRequest: IdleRequest,
+  deleteRequest: IdleRequest,
+  updateFeature: false,
+};
+
+export const WithoutDeleteAndUpdateFeature = Template.bind({});
+WithoutDeleteAndUpdateFeature.args = {
+  modelName: "Items",
+  model: mockModel,
+  listData: data,
+  listRequest: IdleRequest,
+  deleteRequest: IdleRequest,
+  deleteFeature: false,
+  updateFeature: false,
+};
+
+export const WithoutAddFeature = Template.bind({});
+WithoutAddFeature.args = {
+  modelName: "Items",
+  model: mockModel,
+  listData: data,
+  listRequest: IdleRequest,
+  deleteRequest: IdleRequest,
+  addFeature: false,
+};
+
+export const WithoutDetailsFeature = Template.bind({});
+WithoutDetailsFeature.args = {
+  modelName: "Items",
+  model: mockModel,
+  listData: data,
+  listRequest: IdleRequest,
+  deleteRequest: IdleRequest,
+  detailsFeature: false,
+};

package/src/generators/model-router/stories/model-router.stories.tsx

@@ -20,6 +20,10 @@ import {
 interface DummyModelRouterProps {
   requestTimeout: number;
   initialData: MockInstance[];
+  deleteFeature?: boolean;
+  updateFeature?: boolean;
+  addFeature?: boolean;
+  detailsFeature?: boolean;
   onRequestListAction: HandlerFunction;
   onSubmitNewItemAction: HandlerFunction;
   onRequestItem: HandlerFunction;
@@ -32,6 +36,10 @@ export const DummyModelRouter = (args: DummyModelRouterProps) => {
   const {
     requestTimeout,
     initialData,
+    deleteFeature = true,
+    updateFeature = true,
+    addFeature = true,
+    detailsFeature = true,
     onRequestListAction,
     onSubmitNewItemAction,
     onRequestItem,
@@ -122,6 +130,10 @@ export const DummyModelRouter = (args: DummyModelRouterProps) => {
       {...args}
       modelName="Items"
       model={mockModel}
+      deleteFeature={deleteFeature}
+      updateFeature={updateFeature}
+      addFeature={addFeature}
+      detailsFeature={detailsFeature}
       onRequestList={handleRequestList}
       listData={data}
       listRequest={listRequestState}

package/src/index.ts

@@ -2,3 +2,4 @@ export * from "./components";
 export * from "./utils";
 export * from "./layouts";
 export * from "./generators";
+export * from "./providers";

package/src/layouts/app-bar-with-drawer-layout/app-bar-with-drawer-layout.stories.tsx

@@ -22,7 +22,7 @@ export const MiniDrawerStory = () => (
       <DrawerContent nav={mockNav} />
     </MiniDrawer>
     <MiniAppBar title="Lorem ipsum" onClickSignOut={() => null} />
-    <ContentPlaceholder />
+    <ContentPlaceholder p={3} />
   </AppBarWithDrawerLayout>
 );
 MiniDrawerStory.storyName = "Mini drawer";

package/src/layouts/app-bar-with-drawer-layout/app-bar-with-drawer-layout.tsx

@@ -27,7 +27,7 @@ export const AppBarWithDrawerLayout = ({
       <DrawerProvider>
         {appBar}
         {drawer}
-        <Box sx={{ flexGrow: 1, p: 3 }}>
+        <Box sx={{ flexGrow: 1 }}>
           <DrawerHeader />
           {children}
         </Box>