@pautena/react-design-system 0.3.0 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/cjs/index.js +5 -5
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/enhanced-select/enhanced-select.d.ts +16 -0
  4. package/dist/cjs/types/components/enhanced-select/index.d.ts +1 -0
  5. package/dist/cjs/types/components/index.d.ts +1 -0
  6. package/dist/cjs/types/generators/model-router/model-router.types.d.ts +1 -0
  7. package/dist/cjs/types/generators/model-router/screens/details-screen.d.ts +1 -1
  8. package/dist/cjs/types/hooks/index.d.ts +1 -0
  9. package/dist/cjs/types/hooks/routing/index.d.ts +1 -0
  10. package/dist/cjs/types/hooks/routing/routing.hooks.d.ts +5 -0
  11. package/dist/cjs/types/providers/notification-center/index.d.ts +1 -0
  12. package/dist/cjs/types/providers/notification-center/notification-center.hooks.d.ts +6 -0
  13. package/dist/esm/index.js +5 -5
  14. package/dist/esm/index.js.map +1 -1
  15. package/dist/esm/types/components/enhanced-select/enhanced-select.d.ts +16 -0
  16. package/dist/esm/types/components/enhanced-select/index.d.ts +1 -0
  17. package/dist/esm/types/components/index.d.ts +1 -0
  18. package/dist/esm/types/generators/model-router/model-router.types.d.ts +1 -0
  19. package/dist/esm/types/generators/model-router/screens/details-screen.d.ts +1 -1
  20. package/dist/esm/types/hooks/index.d.ts +1 -0
  21. package/dist/esm/types/hooks/routing/index.d.ts +1 -0
  22. package/dist/esm/types/hooks/routing/routing.hooks.d.ts +5 -0
  23. package/dist/esm/types/providers/notification-center/index.d.ts +1 -0
  24. package/dist/esm/types/providers/notification-center/notification-center.hooks.d.ts +6 -0
  25. package/dist/index.d.ts +23 -1
  26. package/package.json +1 -1
  27. package/src/components/enhanced-select/enhanced-select.stories.tsx +99 -0
  28. package/src/components/enhanced-select/enhanced-select.test.tsx +90 -0
  29. package/src/components/enhanced-select/enhanced-select.tsx +110 -0
  30. package/src/components/enhanced-select/index.ts +1 -0
  31. package/src/components/index.ts +1 -0
  32. package/src/generators/model-router/model-router.test.tsx +246 -20
  33. package/src/generators/model-router/model-router.types.ts +4 -0
  34. package/src/generators/model-router/screens/add-screen.tsx +16 -20
  35. package/src/generators/model-router/screens/details-screen.tsx +3 -2
  36. package/src/generators/model-router/screens/list-screen.tsx +17 -0
  37. package/src/generators/model-router/screens/update-screen.tsx +22 -13
  38. package/src/hooks/index.ts +1 -0
  39. package/src/hooks/routing/index.ts +1 -0
  40. package/src/hooks/routing/routing.hooks.ts +23 -0
  41. package/src/hooks/routing/routing.test.tsx +83 -0
  42. package/src/providers/notification-center/index.ts +1 -0
  43. package/src/providers/notification-center/notification-center.hooks.ts +23 -0
  44. package/src/providers/notification-center/notification-center.test.tsx +87 -1
  45. package/src/tests/assertions.ts +5 -0
@@ -0,0 +1,16 @@
1
+ import React, { ReactNode } from "react";
2
+ import { SelectInputProps } from "@mui/material/Select/SelectInput";
3
+ declare type EnhancedSelectSize = "small" | "medium";
4
+ export interface EnhancedSelectProps<T> {
5
+ label: string;
6
+ value: T;
7
+ loading?: boolean;
8
+ fetching?: boolean;
9
+ size?: EnhancedSelectSize;
10
+ color?: string;
11
+ fullWidth?: boolean;
12
+ children?: ReactNode;
13
+ onChange?: SelectInputProps<T>["onChange"];
14
+ }
15
+ export declare const EnhancedSelect: <T extends React.ReactNode>({ label, value, loading, fetching, size, fullWidth, color, children, onChange, }: EnhancedSelectProps<T>) => JSX.Element;
16
+ export {};
@@ -0,0 +1 @@
1
+ export * from "./enhanced-select";
@@ -16,3 +16,4 @@ export * from "./drawer-item";
16
16
  export * from "./center-container";
17
17
  export * from "./value-displays";
18
18
  export * from "./content";
19
+ export * from "./enhanced-select";
@@ -6,3 +6,4 @@ export interface RequestState {
6
6
  }
7
7
  export declare const IdleRequest: RequestState;
8
8
  export declare const LoadingRequest: RequestState;
9
+ export declare const SuccessRequest: RequestState;
@@ -17,4 +17,4 @@ export interface DetailsScreenProps<T extends BasicModelInstance> extends BaseSc
17
17
  */
18
18
  detailsItem?: T;
19
19
  }
20
- export declare const DetailsScreen: <T extends BasicModelInstance>({ model, modelName, onRequestItem, itemRequest, detailsItem, }: DetailsScreenProps<T>) => JSX.Element;
20
+ export declare const DetailsScreen: <T extends BasicModelInstance>({ model, modelName, basePath, onRequestItem, itemRequest, detailsItem, }: DetailsScreenProps<T>) => JSX.Element;
@@ -0,0 +1 @@
1
+ export * from "./routing";
@@ -0,0 +1 @@
1
+ export * from "./routing.hooks";
@@ -0,0 +1,5 @@
1
+ export interface NavigateWhenValueChangesOptions<T> {
2
+ from: T;
3
+ to: T;
4
+ }
5
+ export declare const useNavigateWhenValueChanges: <T>(path: string, value: T | undefined, { from, to }: NavigateWhenValueChangesOptions<T>) => void;
@@ -1,2 +1,3 @@
1
1
  export * from "./notification-center.provider";
2
2
  export * from "./notification-center.context";
3
+ export * from "./notification-center.hooks";
@@ -0,0 +1,6 @@
1
+ import { Notification } from "./notification-center.context";
2
+ export interface NotifyWhenValueChangesOptions<T> {
3
+ from: T;
4
+ to: T;
5
+ }
6
+ export declare const useNotifyWhenValueChanges: <T>(notification: Notification, value: T | undefined, { from, to }: NotifyWhenValueChangesOptions<T>) => void;