@pautena/react-design-system 0.12.2 → 0.13.0-alpha.1

package/dist/components/types/components/value-displays/value-base/value-edit.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { SxProps, Theme } from "@mui/material";
+export interface ValueEditButtonsProps {
+    onClickCancel: () => void;
+    onClickSubmit: () => void;
+    sx?: SxProps<Theme>;
+}
+export declare const ValueEditButtons: ({ onClickCancel, onClickSubmit, sx }: ValueEditButtonsProps) => React.JSX.Element;
+/**
+ * Hook to manage the editing behaviour
+ */
+export declare const useEditableValueDisplay: <T>(initialValue: T | undefined, onEdit: (value?: T | undefined) => void) => {
+    isEditing: boolean;
+    cancelEdit: () => void;
+    editValue: T | undefined;
+    setEditValue: React.Dispatch<React.SetStateAction<T | undefined>>;
+    startEdit: () => void;
+    submitEdit: () => void;
+};
+export interface ValueEditButtonProps {
+    dense?: boolean;
+    onClick: () => void;
+}
+export declare const ValueEditButton: ({ dense, onClick }: ValueEditButtonProps) => React.JSX.Element;

package/dist/components/types/components/value-displays/value-boolean/value-boolean.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { BaseValueProps, EditableValueProps } from "../value-base";
+export type ValueBooleanProps = BaseValueProps<boolean> & EditableValueProps<boolean>;
+/**
+ * Displays a boolean value with a label
+ */
+export declare const ValueBoolean: ({ label, value, placeholder, editable, dense, onEdit, }: ValueBooleanProps) => React.JSX.Element;

package/dist/components/types/components/value-displays/value-card/value-card.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { PropsWithChildren } from "react";
+export type ValueCardProps = PropsWithChildren;
+/**
+ * Container to show a labeled value
+ */
+export declare const ValueCard: ({ children }: ValueCardProps) => React.JSX.Element;

package/dist/components/types/components/value-displays/value-content/value-content.d.ts

@@ -0,0 +1,38 @@
+import { SxProps, Theme } from "@mui/material";
+import React from "react";
+export declare const getValueContentLabelId: (label: string) => string;
+export interface ValueContentProps {
+    /**
+     * Name of the displayed value
+     */
+    label: string;
+    /**
+     * If true, the label will not be shown
+     */
+    hideLabel?: boolean;
+    /**
+     * If defined, a tooltip is going to be added arround the children;
+     */
+    tooltip?: string;
+    /**
+     * Timeout before the tooltip appears when the user hovers the value
+     */
+    tooltipEnterDelay?: number;
+    /**
+     * Component that's going to be renderd under the label
+     */
+    children: React.ReactElement<any, any>;
+    /**
+     * The value has to be displayed as compact or not.
+     * False by default
+     */
+    dense?: boolean;
+    /**
+     * Custom styles for the root component
+     */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Displays a string value with a label
+ */
+export declare const ValueContent: ({ label, hideLabel, tooltip, tooltipEnterDelay, children, dense, sx, }: ValueContentProps) => React.JSX.Element;

package/dist/components/types/components/value-displays/value-datetime/value-datetime.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BaseValueProps, EditableValueProps } from "../value-base/value-displays.types";
+export type EditInputType = "datetime" | "date" | "time";
+export interface ValueDatetimeProps extends BaseValueProps<Date>, EditableValueProps<Date> {
+    /**
+     * Datetime format
+     */
+    format: string;
+    /**
+     * Edit input type
+     */
+    editInputType?: EditInputType;
+}
+/**
+ * Displays a formated datetime with a label
+ */
+export declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, editable, editInputType, dense, onEdit, }: ValueDatetimeProps) => React.JSX.Element;

package/dist/components/types/components/value-displays/value-image/value-image.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { BaseValueProps } from "../value-base/value-displays.types";
+export interface ValueImageProps extends BaseValueProps<string> {
+    /**
+     * Image size
+     */
+    size?: number;
+}
+/**
+ * Displays a image value with a label
+ */
+export declare const ValueImage: ({ label, value, size: sizeArg, dense }: ValueImageProps) => React.JSX.Element;

package/dist/components/types/components/value-displays/value-label/value-label.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { BaseValueProps } from "../value-base";
+import { LabelVariant } from "~/components/data-display";
+export type ValueLabelProps = BaseValueProps<string | number | string[] | number[]> & {
+    variant: LabelVariant | LabelVariant[];
+};
+/**
+ * Displays a label component value with a label
+ */
+export declare const ValueLabel: ({ label, value: valueProp, placeholder, variant, }: ValueLabelProps) => React.JSX.Element;

package/dist/components/types/components/value-displays/value-rating/value-rating.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { BaseValueProps, EditableValueProps } from "../value-base/value-displays.types";
+export type ValueRatingProps = BaseValueProps<number> & {
+    maxRating?: number;
+} & EditableValueProps<number>;
+/**
+ * Displays a number using stars
+ */
+export declare const ValueRating: ({ label, value, maxRating, editable, dense, onEdit, }: ValueRatingProps) => React.JSX.Element;

package/dist/components/types/components/value-displays/value-text/value-text.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { BaseValueProps, EditableValueProps } from "../value-base";
+export type ValueTextProps = BaseValueProps<string | number> & EditableValueProps<string>;
+/**
+ * Displays a string value with a label
+ */
+export declare const ValueText: ({ label, value: valueProp, placeholder, editable, dense, onEdit, }: ValueTextProps) => React.JSX.Element;

package/dist/components/types/generators/model-form/model-form-field.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ModelField } from "../generators.model";
+export interface ModelFormField {
+    field: ModelField;
+    update: boolean;
+    dense?: boolean;
+    path?: string[];
+    value: any;
+    onChangeValue: (path: string[], value: any) => void;
+}
+export declare const ModelFormField: ({ field, path, value, dense, update, onChangeValue, }: ModelFormField) => React.JSX.Element | null;

package/dist/components/types/generators/model-form/model-form.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Model, BasicModelInstance } from "../generators.model";
+export interface ModelFormProps<T extends BasicModelInstance> {
+    model: Model;
+    dense?: boolean;
+    initialValues?: T;
+    saveButtonText: string;
+    onSubmit: (values: T) => void;
+}
+export declare const ModelForm: <T extends BasicModelInstance>({ model, saveButtonText, dense, onSubmit, initialValues, }: ModelFormProps<T>) => React.JSX.Element;

package/dist/components/types/generators/model-router/model-router.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { BasicModelInstance } from "../generators.model";
+import { AddScreenProps, DetailsScreenProps, ListScreenProps, UpdateScreenProps } from "./screens";
+export type ModelRouterProps<T extends BasicModelInstance> = DetailsScreenProps<T> & ListScreenProps<T> & AddScreenProps<T> & UpdateScreenProps<T>;
+export declare const ModelRouter: <T extends BasicModelInstance>(props: ModelRouterProps<T>) => React.JSX.Element;

package/dist/components/types/generators/model-router/screens/add-screen.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BasicModelInstance } from "../../generators.model";
+import { RequestState } from "../model-router.types";
+import { BaseScreenProps } from "./screens.types";
+export interface AddScreenProps<T extends BasicModelInstance> extends BaseScreenProps {
+    /**
+     * Callback executed when the user wants to
+     * add a new item
+     */
+    onSubmitNewItem: (obj: T) => void;
+    /**
+     * Current status of the request to retrieve
+     * add a new item
+     */
+    newItemRequest: RequestState;
+}
+export declare const AddScreen: <T extends BasicModelInstance>({ model, modelName, basePath, onSubmitNewItem, newItemRequest, }: AddScreenProps<T>) => React.JSX.Element;

package/dist/components/types/generators/model-router/screens/details-screen.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { RequestState } from "../model-router.types";
+import { BaseScreenProps } from "./screens.types";
+import { BasicModelInstance } from "../../generators.model";
+export interface DetailsScreenProps<T extends BasicModelInstance> extends BaseScreenProps {
+    /**
+     * Callback executed each time we want
+     * the details information of an item
+     */
+    onRequestItem: (id: string) => void;
+    /**
+     * Current status of the request to retrieve
+     * an item
+     */
+    itemRequest: RequestState;
+    /**
+     * Item to be displayed
+     */
+    detailsItem?: T;
+}
+export declare const DetailsScreen: <T extends BasicModelInstance>({ model, modelName, basePath, onRequestItem, itemRequest, detailsItem, }: DetailsScreenProps<T>) => React.JSX.Element;

package/dist/components/types/generators/model-router/screens/list-screen.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { BasicModelInstance } from "../../generators.model";
+import { RequestState } from "../model-router.types";
+import { BaseScreenProps } from "./screens.types";
+export interface ListScreenProps<T extends BasicModelInstance> extends BaseScreenProps {
+    /**
+     * Callback executed each time the list screen
+     * requests for a data update
+     */
+    onRequestList: () => void;
+    /**
+     * List of items to be displayed in the list screen
+     */
+    listData: T[];
+    /**
+     * Callback executed when the user clicks an option
+     * to delete an item
+     */
+    onClickDeleteItem: (item: T) => void;
+    /**
+     * Current status of the request to retrieve
+     * the list items
+     */
+    listRequest: RequestState;
+    /**
+     * Current status of the request to delete
+     * an item
+     */
+    deleteRequest: RequestState;
+}
+export declare const ListScreen: <T extends BasicModelInstance>({ model, modelName, listData, listRequest, deleteRequest, basePath, deleteFeature, updateFeature, addFeature, detailsFeature, onRequestList, onClickDeleteItem, }: ListScreenProps<T>) => React.JSX.Element;

package/dist/components/types/generators/model-router/screens/update-screen.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { BasicModelInstance } from "../../generators.model";
+import { RequestState } from "../model-router.types";
+import { BaseScreenProps } from "./screens.types";
+export interface UpdateScreenProps<T extends BasicModelInstance> extends BaseScreenProps {
+    /**
+     * Callback executed when the user wants to update
+     * an item
+     */
+    onSubmitUpdateItem: (obj: T) => void;
+    /**
+     * Current status of the request to update an item
+     */
+    submitUpdateItemRequest: RequestState;
+    /**
+     * Current status of the request to retrieve
+     * the item to be updated
+     */
+    updateItemRequest: RequestState;
+    /**
+     * Callback executed to retrive the item that
+     * has to going tobe updated
+     */
+    onRequestUpdateItem: (id: string) => void;
+    /**
+     * Item that is going to be updated
+     */
+    updateItem?: T;
+}
+export declare const UpdateScreen: <T extends BasicModelInstance>({ model, modelName, basePath, submitUpdateItemRequest, updateItemRequest, updateItem, onSubmitUpdateItem, onRequestUpdateItem, }: UpdateScreenProps<T>) => React.JSX.Element;

package/dist/components/types/generators/object-details/object-details.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Model, BasicModelInstance } from "../generators.model";
+export interface ObjectDetailsProps<T extends BasicModelInstance> {
+    model: Model;
+    dense?: boolean;
+    instance: T;
+}
+export declare const ObjectDetails: <T extends BasicModelInstance>({ model, instance, dense, }: ObjectDetailsProps<T>) => React.JSX.Element;

package/dist/components/types/generators/table-list/table-list.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { HeadCell, Order } from "../../components/tables/enhanced-table";
+import { BasicModelInstance } from "../generators.model";
+export interface TableRowOption<T extends BasicModelInstance> {
+    id: string;
+    label: string;
+    onClick: (item: T) => void;
+}
+export interface TableListProps<T extends BasicModelInstance> {
+    columns: HeadCell<T>[];
+    data: T[];
+    search?: boolean;
+    defaultSort: string;
+    defaultOrder?: Order;
+    loading?: boolean;
+    options?: TableRowOption<T>[];
+    onClick?: (d: T) => void;
+}
+export declare const TableList: <T extends BasicModelInstance>({ columns: columnsProp, options, data, onClick, search, defaultSort, defaultOrder, loading, }: TableListProps<T>) => React.JSX.Element;

package/dist/components/types/layouts/drawer-layout/drawer-layout.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+import { DrawerAppBarElement, DrawerElement } from "../../components/drawers";
+import { DrawerProviderProps } from "../../components/drawers/drawer-provider/drawer.provider";
+export interface DrawerLayoutProps {
+    drawerProviderProps?: DrawerProviderProps;
+    children: [DrawerElement, DrawerAppBarElement, ReactNode];
+}
+export declare const DrawerLayout: ({ drawerProviderProps, children: childrenProps, }: DrawerLayoutProps) => React.JSX.Element;

package/dist/components/types/layouts/header-layout/header-layout.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ContentElement, HeaderElement, PlaceholderIcon } from "../../components";
+export interface HeaderLayoutError {
+    icon?: PlaceholderIcon;
+    title?: string;
+    message: string;
+}
+export interface HeaderLayoutProps {
+    loading?: boolean;
+    fetching?: boolean;
+    error?: HeaderLayoutError;
+    children: [HeaderElement, ContentElement];
+}
+export declare const HeaderLayout: ({ loading, children, fetching, error }: HeaderLayoutProps) => React.JSX.Element;

package/dist/components/types/providers/notification-center/notification-center.provider.d.ts

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from "react";
+export type NotificationCenterProviderProps = PropsWithChildren<{
+    autoHideDuration?: number;
+}>;
+export declare const NotificationCenterProvider: ({ children, autoHideDuration, }: NotificationCenterProviderProps) => React.JSX.Element;

package/dist/components/types/providers/tab-provider/tab-provider.provider.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { PropsWithChildren } from "react";
+type TabProviderProps = PropsWithChildren<{
+    initialValue?: number;
+}>;
+export declare const TabProvider: ({ children, initialValue }: TabProviderProps) => React.JSX.Element;
+export {};

package/dist/generators/index.js

@@ -0,0 +1,2 @@
+import e,{useState as t,useRef as n,useEffect as r,forwardRef as a,createContext as i,useContext as l,useMemo as o}from"react";import{InputAdornment as c,Button as u,useTheme as d,IconButton as m,Box as s,Typography as f,Tooltip as p,TextField as v,Switch as h,Paper as g,Grid as E,Link as b,CircularProgress as y,Container as x,Breadcrumbs as C,Tabs as k,Tab as S,styled as w,ListSubheader as I,TableHead as z,TableRow as R,TableCell as P,TableSortLabel as W,TableContainer as T,Table as O,TableBody as D,alertClasses as j,Alert as A,AlertTitle as L,Collapse as V,FormControlLabel as q,Checkbox as B,FormControl as F,InputLabel as N,Select as M,MenuItem as H,ListItemText as U,LinearProgress as Y,Menu as _}from"@mui/material";import G from"@mui/icons-material/Check";import J from"@mui/icons-material/Clear";import X from"@mui/icons-material/Edit";import K from"@mui/icons-material/Close";import{format as Q}from"date-fns";import{DateTimePicker as Z,TimePicker as $,DatePicker as ee,DesktopDatePicker as te}from"@mui/x-date-pickers";import{Link as ne,useLocation as re,useNavigate as ae,useParams as ie,Routes as le,Route as oe}from"react-router-dom";import{blueGrey as ce}from"@mui/material/colors";import ue from"markdown-to-jsx";import de from"@mui/icons-material/ContentCopy";import"@mui/icons-material/ChevronLeft";import me from"@mui/icons-material/ExpandMore";import"@mui/icons-material/ChevronRight";import"@mui/icons-material/Menu";import"@mui/lab";import"@mui/icons-material/Event";import"date-fns/esm";import se from"@mui/icons-material/Search";import"lorem-ipsum";import fe from"@mui/icons-material/ExpandLess";import{DataGrid as pe}from"@mui/x-data-grid";import ve from"@mui/icons-material/ReportProblem";import he from"@mui/icons-material/MoreVert";var ge=function(){return ge=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},ge.apply(this,arguments)};function Ee(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}function be(e,t,n){if(n||2===arguments.length)for(var r,a=0,i=t.length;a<i;a++)!r&&a in t||(r||(r=Array.prototype.slice.call(t,0,a)),r[a]=t[a]);return e.concat(r||Array.prototype.slice.call(t))}"function"==typeof SuppressedError&&SuppressedError;var ye=function(t){var n=t.onClickCancel,r=t.onClickSubmit,a=t.sx;return e.createElement(c,{position:"end",sx:a},e.createElement(u,{variant:"contained",size:"small",color:"error","aria-label":"cancel button",startIcon:e.createElement(J,{sx:{fontSize:12}}),onClick:n,sx:{paddingRight:0,minWidth:0,marginRight:1}}),e.createElement(u,{variant:"contained",size:"small",color:"primary","aria-label":"submit button",startIcon:e.createElement(G,{sx:{fontSize:12}}),onClick:r,sx:{paddingRight:0,minWidth:0}}))},xe=function(e,n){var r=t(!1),a=r[0],i=r[1],l=t(e),o=l[0],c=l[1],u=function(){i(!1),c(e)};return{isEditing:a,cancelEdit:u,editValue:o,setEditValue:c,startEdit:function(){i(!0)},submitEdit:function(){n(o),u()}}},Ce=function(t){var n=t.dense,r=t.onClick,a=d().typography;return e.createElement(m,{size:"small",onClick:r,sx:{ml:n?.5:1},"aria-label":"edit button"},e.createElement(X,{sx:{fontSize:a.pxToRem(n?18:24)}}))},ke=function(e){return"label-".concat(e.replace(/ /g,"-"))},Se=function(t){var n=t.label,r=t.hideLabel,a=t.tooltip,i=t.tooltipEnterDelay,l=void 0===i?2e3:i,o=t.children,c=t.dense,u=t.sx,m=d().typography,v=ke(n);return e.createElement(s,{width:1,lineHeight:c?0:void 0,sx:u},!r&&e.createElement(f,{variant:c?"caption":"subtitle2",role:"label",id:v,lineHeight:c?m.pxToRem(15):void 0},n),a?e.createElement(p,{title:a,placement:"top",enterDelay:l},o):o)},we=function(t){var a=t.label,i=t.value,l=t.placeholder,o=void 0===l?"-":l,c=t.editable,u=t.dense,d=t.onEdit,m=void 0===d?function(){return null}:d,s=n(null),p=xe(null==i?void 0:i.toString(),m),h=p.isEditing,g=p.editValue,E=p.startEdit,b=p.cancelEdit,y=p.setEditValue,x=p.submitEdit,C=ke(a),k=(null==i?void 0:i.toString())||o,S=function(e){"Enter"===e.key&&m(e.target.value)};return r((function(){var e;return null===(e=s.current)||void 0===e||e.addEventListener("keypress",S),function(){var e;return null===(e=s.current)||void 0===e?void 0:e.removeEventListener("keypress",S)}}),[s.current]),e.createElement(Se,{hideLabel:h,label:a,tooltip:k,dense:u},h?e.createElement(v,{inputRef:s,value:g,label:a,size:"small",onChange:function(e){return y(e.target.value)},InputProps:{endAdornment:e.createElement(ye,{onClickCancel:b,onClickSubmit:x})},sx:{marginY:u?0:1}}):e.createElement(f,{variant:u?"body1":"h5",noWrap:!0,"aria-labelledby":C},k,c&&e.createElement(Ce,{dense:u,onClick:E})))},Ie=function(t){var n=t.label,r=t.value,a=t.placeholder,i=void 0===a?"-":a,l=t.editable,o=t.dense,c=t.onEdit,u=void 0===c?function(){return null}:c,m=ke(n),p=d().typography,v=xe(r,u),g=v.isEditing,E=v.editValue,b=v.startEdit,y=v.cancelEdit,x=v.setEditValue,C=v.submitEdit,k={fontSize:o?p.h6.fontSize:p.h5.fontSize};return e.createElement(Se,{label:n,dense:o},g?e.createElement(s,{display:"flex",alignItems:"center"},e.createElement(h,{size:o?"small":"medium",checked:E,onChange:function(e){return x(e.target.checked)}}),e.createElement(ye,{onClickCancel:y,onClickSubmit:C})):e.createElement(s,{display:"flex",alignItems:"center","aria-labelledby":m,role:"checkbox","aria-checked":r},void 0===r?e.createElement(f,{variant:"h5"},i):r?e.createElement(G,{color:"success",sx:k}):e.createElement(K,{color:"error",sx:k}),l&&e.createElement(Ce,{dense:o,onClick:b})))},ze=function(t){var n=t.label,r=t.value,a=t.format,i=t.placeholder,l=void 0===i?"-":i,o=t.editable,c=t.editInputType,u=void 0===c?"datetime":c,d=t.dense,m=t.onEdit,p=xe(r,void 0===m?function(){return null}:m),h=p.isEditing,g=p.editValue,E=p.startEdit,b=p.cancelEdit,y=p.setEditValue,x=p.submitEdit,C=ke(n),k=r&&Q(r,a)||l,S="datetime"===u?Z:"time"===u?$:ee;return e.createElement(Se,{label:n,hideLabel:h,tooltip:k,dense:d,sx:{display:"flex",flexDirection:"column"}},h?e.createElement(S,{value:g,format:a,label:n,onChange:function(e){return y(e||void 0)},slots:{textField:function(t){var n;return e.createElement(v,ge({},t,{size:"small",InputProps:ge(ge({},t.InputProps),{endAdornment:e.createElement(e.Fragment,null,null===(n=t.InputProps)||void 0===n?void 0:n.endAdornment,e.createElement(ye,{onClickCancel:b,onClickSubmit:x,sx:{ml:2}})),sx:{marginY:d?.2:1}})}))}}}):e.createElement(s,{display:"flex",alignItems:"center"},e.createElement(f,{variant:d?"body1":"h5",noWrap:!0,"aria-labelledby":C},k),o&&e.createElement(Ce,{dense:d,onClick:E})))},Re=function(e){var t=void 0===e?{}:e,n=t.lightWeight,r=void 0===n?100:n,a=t.darkWeight,i=void 0===a?900:a,l=d().palette;return"light"===l.mode?l.grey[r]:l.grey[i]},Pe=function(t){var n=t.title,r=t.subtitle,a=t.centered,i=t.children,l=t.dense,o=d().typography,c=Re({lightWeight:200,darkWeight:800});return e.createElement(g,{sx:{paddingBottom:l?0:1}},e.createElement(s,{bgcolor:c,px:l?1:2,py:l?.5:1,lineHeight:l?0:void 0},e.createElement(f,{variant:l?"body1":"h6",role:"heading","aria-level":1},n),r&&e.createElement(f,{variant:l?"caption":"body2",role:"heading","aria-level":2,lineHeight:l?o.pxToRem(15):void 0},r)),e.createElement(E,{container:!0,padding:1,rowSpacing:l?1:2,justifyContent:a?"center":"flex-start"},i))},We=function(e){void 0===e&&(e=12);var t=function(t,n,r){var a=t[n];return t[n]+=r,t[n]>e?(t[n]=r,!1):(t[n]==e&&(t[n]=0),a>0)};return{xs:0,sm:0,md:0,lg:0,xl:0,increment:function(e){var n=e.xs,r=void 0===n?0:n,a=e.sm,i=void 0===a?0:a,l=e.md,o=void 0===l?0:l,c=e.lg,u=void 0===c?0:c,d=e.xl,m=i||r,s=o||m,f=u||s,p=(void 0===d?0:d)||f;return{xs:t(this,"xs",r),sm:t(this,"sm",m),md:t(this,"md",s),lg:t(this,"lg",f),xl:t(this,"xl",p)}}}},Te="RdsValueItem-root",Oe="RdsValueItem-content",De=function(t){var n=t.children,r=t.bordered,a=void 0===r||r,i=Ee(t,["children","bordered"]),l=function(e,t){var n="solid ".concat(t," 1px"),r="none";if(e){if(Array.isArray(e))return e.map((function(e){return e?n:r}));if("object"==typeof e){var a={};return Object.entries(e).forEach((function(e){var t=e[0],i=e[1];a[t]=i?n:r})),a}return n}}(a,Re({lightWeight:200,darkWeight:800}));return e.createElement(E,ge({item:!0,className:Te},i),e.createElement(s,{className:Oe,px:1,borderLeft:l},n))},je=a((function(t,n){var r=t.href,a=Ee(t,["href"]);return e.createElement(ne,ge({ref:n,to:r},a))})),Ae=a((function(t,n){return e.createElement(b,ge({},t,{component:je}))})),Le=new Error("NotificationCenterContext.Provider is required and was undefined"),Ve=e.createContext(void 0),qe=function(t,a,i){var l=i.from,o=i.to,c=n(),u=function(){var t=e.useContext(Ve);if(void 0===t)throw Le;return t}().show;r((function(){c.current===l&&a===o&&u(t),c.current=a}),[a])},Be=i([0,function(){return null}]),Fe=Be.Provider,Ne=function(n){var r=n.children,a=n.initialValue,i=t(void 0===a?0:a);return e.createElement(Fe,{value:i},r)},Me=function(t){var n=t.loading,r=t.children,a=d().typography;return n?e.createElement(y,{color:"inherit",size:a.h4.fontSize,"aria-label":"title loading"}):"string"==typeof r?e.createElement(f,{variant:"h4",role:"heading","aria-level":1},r):e.createElement(e.Fragment,null,r)},He=function(t){var n=t.loading,r=t.children,a=d().typography;return n?e.createElement(y,{color:"inherit",size:a.body1.fontSize,"aria-label":"subtitle loading"}):"string"==typeof r?e.createElement(f,{variant:"body1",role:"heading","aria-level":2},r):e.createElement(e.Fragment,null,r)},Ue=function(t){var n=t.title,r=void 0===n?"":n,a=t.loadingTitle,i=t.subtitle,o=t.loadingSubtitle,c=t.preset,m=void 0===c?"default":c,f=t.actionsVariant,p=void 0===f?"outlined":f,v=t.breadcrumbs,h=t.actions,g=t.tabs,E=t.tabsMode,b=void 0===E?"panel":E,y=t.navigationButton,w=re(),I=d().palette,z=Re(),R=l(Be),P=R[0],W=R[1],T={default:z,primary:I.primary.main,secondary:I.secondary.main,inherit:"inherit",transparent:"transparent"},O=T[m],D={default:I.getContrastText(T.default),primary:I.primary.contrastText,secondary:I.secondary.contrastText,inherit:"inherit",transparent:I.text.primary}[m],j="panel"===b?P:null==g?void 0:g.findIndex((function(e){return e.href===w.pathname}));return e.createElement(s,{bgcolor:O,color:D},e.createElement(x,null,e.createElement(s,{sx:{py:3,display:"flex",flexDirection:"row",justifyContent:"space-between"}},e.createElement(s,null,y&&e.createElement(u,{href:y.href,size:"small",color:"inherit",LinkComponent:Ae,startIcon:y.icon,sx:{mb:1}},y.text),(null==v?void 0:v.length)&&e.createElement(C,{color:"inherit",separator:"›","aria-label":"breadcrumb",sx:{marginTop:1}},v.map((function(t){var n=t.id,r=t.link,a=t.text;return e.createElement(Ae,{key:n,underline:"hover",color:"inherit",href:r,variant:"body2",role:"link"},a)}))),e.createElement(Me,{loading:a},r),(i||o)&&e.createElement(He,{loading:o},i)),h&&e.createElement(s,null,h.map((function(t,n){var r=t.disabled,a=t.id,i=t.href,l=t.onClick,o=t.text;return e.createElement(u,{component:i?Ae:"button",role:"button",color:"inherit",disabled:r,key:a,variant:p,size:"small",href:i,onClick:l,sx:{mr:n!=h.length-1?1:0}},o)})))),g&&e.createElement(k,{value:j,textColor:"inherit",onChange:"panel"===b?function(e,t){return W(t)}:void 0},g.map((function(t){var n=t.id,r=t.label,a=t.disabled,i=t.href,l={label:r,disabled:a};return"panel"===b?e.createElement(S,ge({key:n},l)):e.createElement(S,ge({key:n},l,{component:Ae,href:i}))})))))},Ye={overrides:{h1:{component:f,props:{gutterBottom:!0,variant:"h5"}},h2:{component:f,props:{gutterBottom:!0,variant:"h6"}},h3:{component:f,props:{gutterBottom:!0,variant:"subtitle1"}},h4:{component:f,props:{gutterBottom:!0,variant:"caption",paragraph:!0}},p:{component:f,props:{paragraph:!0}},a:{component:b},li:{component:"li"}}},_e=function(t){var n=t.content,r=t.options,a=void 0===r?Ye:r;return e.createElement(ue,{options:a},n)},Ge=function(t){var n,r,a=t.markdown,i=t.content,l=t.spacing,o=void 0===l?0:l,c=t.children,u=t.sx,v=d(),h=v.spacing,E=v.typography;a?n=a||"":Array.isArray(i)?(r=i.map((function(t,n){return e.createElement(f,{key:n,sx:{pb:o}},t)})),n=i.join("\n")):(r=e.createElement(f,null,i),n=i||"");var b=a&&e.createElement(_e,{content:a});return e.createElement(g,{sx:ge({position:"relative",pl:2,pr:4,py:1,backgroundColor:ce[800],color:"white"},u)},e.createElement(s,{display:"flex",flexDirection:"row"},e.createElement(s,{width:1},c||b||r),e.createElement(s,{sx:{position:"absolute",top:h(.5),right:h(.5)}},n&&e.createElement(m,{"aria-label":"copy board content",color:"inherit",onClick:function(){return navigator.clipboard.writeText(n)}},e.createElement(p,{title:"Copy"},e.createElement(de,{sx:{fontSize:E.pxToRem(18)}}))))))},Je=function(){return e.createElement(s,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center"},e.createElement(y,null))},Xe=function(t){var n=t.children;return e.createElement(x,{component:"main",sx:{py:3,flexGrow:1}},n)};i(void 0).Provider;var Ke=i(void 0),Qe=new Error("DrawerContext.Provider is required and was undefined");w("div")((function(e){var t=e.theme;return ge({display:"flex",alignItems:"center",justifyContent:"flex-end",padding:t.spacing(0,1)},t.mixins.toolbar)})),w(I,{shouldForwardProp:function(e){return"size"!==e}})((function(e){var t=e.size,n=e.theme;return{lineHeight:"small"===t?n.typography.pxToRem(40):void 0}})),w(Ae)((function(e){return{color:e.theme.palette.text.primary}}));var Ze={temporary:!1,mini:!0,clipped:!0,persistent:!0};w("div")((function(e){var t=e.theme,n=d().spacing,r=function(){var e=l(Ke);if(void 0===e)throw Qe;return e}(),a=r.drawerWidth,i=r.state,o=r.variant;return{marginLeft:Ze[o]?"open"===i?a:"collapse"===i?n(8):0:0,transition:t.transitions.create("margin",{easing:t.transitions.easing.sharp,duration:t.transitions.duration.leavingScreen})}}));var $e={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};w(s,{shouldForwardProp:function(e){return"dayIsBetween"!==e&&"isFirstDay"!==e&&"isLastDay"!==e&&"isStartOfWeek"!==e&&"isEndOfWeek"!==e}})((function(e){var t=e.theme,n=e.dayIsBetween,r=e.isFirstDay,a=e.isLastDay;return ge(ge(ge({},(r||a||n)&&{borderRadius:0,backgroundColor:"".concat(t.palette.primary.light,"40"),margin:0}),r&&{borderTopLeftRadius:"50%",borderBottomLeftRadius:"50%"}),a&&{borderTopRightRadius:"50%",borderBottomRightRadius:"50%"})})),i([0,function(){return null}]).Provider,w((function(t){return e.createElement(k,ge({},t,{TabIndicatorProps:{children:e.createElement("span",{className:"MuiTabs-indicatorSpan"})}}))}))((function(e){var t=e.theme;return{minHeight:t.spacing(5),"& .MuiTabs-indicator":{display:"flex",justifyContent:"center",backgroundColor:"transparent"},"& .MuiTabs-indicatorSpan":{maxWidth:40,width:"100%",backgroundColor:t.palette.primary.main}}})),w(S)((function(e){var t=e.theme;return{textTransform:"none",fontWeight:t.typography.fontWeightRegular,marginRight:t.spacing(1),color:t.palette.text.secondary,paddingTop:0,paddingBottom:0,minHeight:t.spacing(5),"&.Mui-selected":{color:t.palette.text.secondary,fontWeight:t.typography.fontWeightBold}}}));var et=function(t){var n=t.order,r=t.orderBy,a=t.headCells,i=t.onRequestSort;return e.createElement(z,null,e.createElement(R,null,a.map((function(t){return e.createElement(P,{variant:"head",key:String(t.id),padding:t.disablePadding?"none":"normal",sortDirection:r===t.id&&n,sx:{fontWeight:"bold"}},t.sort?e.createElement(W,{active:r===t.id,direction:r===t.id?n:"asc",onClick:(a=t.id,function(){i(a)})},t.label,r===t.id?e.createElement(s,{component:"span",sx:$e},"desc"===n?"sorted descending":"sorted ascending"):null):t.label);var a}))))};function tt(e,t,n){return t[n]<e[n]?-1:t[n]>e[n]?1:0}var nt=function(n){var r=n.children,a=n.data,i=n.search,l=n.columns,o=n.defaultSort,u=n.defaultOrder,d=void 0===u?"asc":u,m=n.loading,f=void 0!==m&&m,p=t(""),h=p[0],g=p[1],E=t(d),b=E[0],x=E[1],C=t(o),k=C[0],S=C[1],w=a.slice().filter(function(e,t){return function(n){return!t||e.some((function(e){var r=n[e.id];return(null==r?void 0:r.toLowerCase)&&(r=r.toLowerCase()),null==r?void 0:r.toString().includes(t.toLowerCase())}))}}(l,h)).sort(function(e,t){return"desc"===e?function(e,n){return tt(e,n,t)}:function(e,n){return-tt(e,n,t)}}(b,k));return e.createElement(e.Fragment,null,e.createElement(s,{sx:{paddingX:1,paddingBottom:2}},i&&e.createElement(s,{paddingY:2},e.createElement(v,{fullWidth:!0,placeholder:"Search",InputProps:{role:"search",startAdornment:e.createElement(c,{position:"start"},e.createElement(se,null))},onChange:function(e){return g(e.target.value)}})),e.createElement(T,null,e.createElement(O,null,e.createElement(et,{order:b,orderBy:k,headCells:l,onRequestSort:function(e){x(k===e&&"asc"===b?"desc":"asc"),S(e)}}),e.createElement(D,null,f?e.createElement(R,null,e.createElement(P,{colSpan:l.length,sx:{textAlign:"center"}},e.createElement(y,null))):0===w.length?e.createElement(R,null,e.createElement(P,{colSpan:l.length,sx:{textAlign:"center"}},"No data")):r(w))))))};nt.defaultProps={defaultOrder:"asc"};var rt,at=function(t){var n=t.title,r=t.subtitle,a=t.icon,i=t.iconSize,l=void 0===i?200:i,o=t.actions;return e.createElement(s,{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center"},a&&a({size:l,color:"primary"}),e.createElement(f,{variant:"h4",role:"heading","aria-level":1},n),e.createElement(f,{variant:"subtitle1",role:"heading","aria-level":2,sx:{mt:2}},r),o&&e.createElement(s,{sx:{pt:2}},o.map((function(t,n){var r=t.id,a=t.text,i=t.href,l=t.onClick;return e.createElement(u,{key:r,role:"button",variant:"contained",href:i,onClick:l,sx:{mr:n<o.length-1?2:0}},a)}))))},it=((rt={})["& .".concat(j.message)]={width:1},rt);a((function(n,r){var a=n.severity,i=n.iconMapping,l=n.title,o=n.message,c=n.metadata,u=n.metadataComponent,d=n.onClose,f=n.sx,p=void 0===f?{}:f,v=t(!1),h=v[0],g=v[1];return e.createElement(A,{ref:r,severity:a,iconMapping:i,onClose:d,action:e.createElement(s,{display:"flex",flexDirection:"column"},e.createElement(m,{color:"inherit",onClick:d},e.createElement(K,{fontSize:"small"})),c&&e.createElement(m,{color:"inherit",onClick:function(){return g((function(e){return!e}))}},h?e.createElement(fe,{fontSize:"small"}):e.createElement(me,{fontSize:"small"}))),sx:ge(ge({},it),p)},e.createElement(s,{sx:{w:1}},l&&e.createElement(L,null,l),o,c&&e.createElement(V,{in:h,sx:{mt:2}},e.createElement(Ge,{content:c},u))))}));var lt=function(t,n,r){var a=(void 0===r?{}:r).dense,i=t.id,l=t.name,o=t.type,c=n[i];return"boolean"===o?e.createElement(Ie,{dense:a,label:l,value:c}):"date"===o||"time"===o||"datetime"===o?e.createElement(ze,{dense:a,label:l,value:c,format:t.format}):"object"!=typeof c||Array.isArray(c)?e.createElement(we,{dense:a,label:l,value:null==c?void 0:c.toString()}):e.createElement(we,{dense:a,label:l,value:JSON.stringify(c)})},ot=function(t){var n=t.field,r=n.name,a=n.description,i=n.value,l=t.instance,o=t.dense,c=[{field:"id",headerName:"ID",width:70}];i.forEach((function(e){c.push({field:e.id,headerName:e.name})}));var u=l.map((function(e,t){return ge({id:t},e)}));return e.createElement(Pe,{title:r,subtitle:a,dense:o},e.createElement(E,{item:!0,xs:12},e.createElement(pe,{rows:u,columns:c,density:o?"compact":"standard",disableRowSelectionOnClick:!0,pageSizeOptions:[5],initialState:{pagination:{paginationModel:{pageSize:5}}},sx:{height:400}})))},ct=function(t){var n=t.field,r=n.name,a=n.description,i=n.value,l=t.instance,o=t.dense,c=We();return e.createElement(Pe,{title:r,subtitle:a,dense:o},i.map((function(t){var n=t.id,r=t.xs,a=t.sm,i=t.md,u=t.lg,d=t.xl,m=c.increment(t);return e.createElement(De,{key:n,xs:r,sm:a,md:i,lg:u,xl:d,bordered:m},lt(t,l,{dense:o}))})))},ut=function(t){var n=t.model,r=t.instance,a=t.dense,i=We();return e.createElement(E,{container:!0,spacing:a?1:2},n.fields.map((function(t){var n=t.id,l=t.type,o=t.xs,c=void 0===o?3:o,u=t.sm,d=void 0===u?0:u,m=t.md,s=void 0===m?0:m,f=t.lg,p=void 0===f?0:f,v=t.xl,h=void 0===v?0:v;if("group"===l)return i.increment({xs:12}),e.createElement(E,{item:!0,key:n,xs:12},e.createElement(ct,{field:t,instance:r[n],dense:a}));if("group[]"===l)return i.increment({xs:12}),e.createElement(E,{item:!0,key:n,xs:12},e.createElement(ot,{field:t,instance:r[n],dense:a}));var g=i.increment(t);return e.createElement(De,{key:n,xs:c,sm:d,md:s,lg:p,xl:h,bordered:g},lt(t,r,{dense:a}))})))},dt={string:"",number:0,boolean:!1,enum:"",multienum:[],date:new Date(1970,0,1,0,0),time:new Date(1970,0,1,0,0),datetime:new Date(1970,0,1,0,0),group:{},"group[]":[],"string[]":[],"number[]":[]},mt=function(e,t){return t&&t[e.id]||"default"in e&&e.default||dt[e.type]},st=function(e,t){void 0===t&&(t=void 0);var n={};return e.fields.forEach((function(e){if("group"===e.type){var r={};e.value.forEach((function(n){r[n.id]=mt(n,t&&t[e.id])})),n[e.id]=r}else n[e.id]=mt(e,t)})),n},ft=function(t){var n=t.field,r=t.path,a=void 0===r?[]:r,i=t.value,l=t.dense,o=t.update,c=t.onChangeValue,u=function(e,t){e.preventDefault();var n=e.target.value;"number"===t&&"string"==typeof n?n=parseInt(e.target.value,10):t.includes("[]")&&(n=e.target.value.split(",")),c(be(be([],a,!0),[e.target.name],!1),n)},d=function(e,t){c(be(be([],a,!0),[t],!1),e)};Re({lightWeight:200,darkWeight:800});var m,f=n.id,p=n.type,h=n.name,g=n.description,b=n.updatable,y=void 0===b||b,x=n.required,C=void 0===x||x,k=n.xs,S=n.sm,w=n.md,I=n.lg,z=n.xl,R=!y&&o,P=l?"small":"medium";if("group"===p)m=e.createElement(Pe,{title:h,subtitle:g,dense:l},e.createElement(E,{container:!0,spacing:2,sx:{p:2}},n.value.map((function(t){return e.createElement(ft,{key:t.id,field:t,dense:l,path:be(be([],a,!0),[f],!1),value:i[t.id],update:o,onChangeValue:c})}))));else if("boolean"===p)m=e.createElement(s,{sx:{height:1,display:"flex",alignItems:"center"}},e.createElement(q,{control:e.createElement(B,{name:f,size:P,onChange:function(e){e.preventDefault(),c(be(be([],a,!0),[e.target.name],!1),e.target.checked)},checked:i,disabled:R}),label:h}));else if("enum"===p)m=e.createElement(F,{fullWidth:!0},e.createElement(N,{id:"".concat(f,"-select-label")},h),e.createElement(M,{labelId:"".concat(f,"-select-label"),id:"".concat(f,"-select"),value:i,label:h,name:f,size:P,onChange:function(e){e.preventDefault(),c(be(be([],a,!0),[e.target.name],!1),e.target.value)},required:C,disabled:R},n.value.map((function(t){return e.createElement(H,{key:t,value:t},t)}))));else if("multienum"===p)m=e.createElement(F,{fullWidth:!0},e.createElement(N,{id:"".concat(f,"-select-label")},h),e.createElement(M,{labelId:"".concat(f,"-select-label"),id:"".concat(f,"-select"),value:i||[],renderValue:function(e){return e.join(", ")},label:h,name:f,size:P,onChange:function(e){e.preventDefault();var t=e.target.value,n="string"==typeof t?t.split(","):t;c(be(be([],a,!0),[e.target.name],!1),n)},required:C,disabled:R,multiple:!0},n.value.map((function(t){return e.createElement(H,{key:t,value:t},e.createElement(B,{checked:(i||[]).includes(t)}),e.createElement(U,{primary:t}))}))));else if("date"===p)m=e.createElement(te,{label:h,format:n.format,value:i,slotProps:{field:{size:P}},disabled:R,onChange:function(e){return d(e,f)}});else if("time"===p)m=e.createElement($,{label:h,format:n.format,value:i,slotProps:{field:{size:P}},disabled:R,onChange:function(e){return d(e,f)}});else if("datetime"===p)m=e.createElement(Z,{label:h,format:n.format,value:i,slotProps:{field:{size:P}},disabled:R,onChange:function(e){return d(e,f)}});else{if("group[]"===p)return null;m=p.includes("[]")?e.createElement(v,{required:C,type:"text",label:h,name:f,size:P,variant:"outlined",helperText:"Use comas to separate multiple values",fullWidth:!0,disabled:R,value:i.join(","),onChange:function(e){return u(e,p)}}):e.createElement(v,{required:C,type:p,label:h,size:P,name:f,variant:"outlined",fullWidth:!0,value:i,disabled:R,onChange:function(e){return u(e,p)}})}return e.createElement(E,{item:!0,key:f,xs:k,sm:S,md:w,lg:I,xl:z},m)};function pt(e){return null!=e&&"object"==typeof e&&!0===e["@@functional/placeholder"]}function vt(e){return function t(n){return 0===arguments.length||pt(n)?t:e.apply(this,arguments)}}function ht(e){return function t(n,r){switch(arguments.length){case 0:return t;case 1:return pt(n)?t:vt((function(t){return e(n,t)}));default:return pt(n)&&pt(r)?t:pt(n)?vt((function(t){return e(t,r)})):pt(r)?vt((function(t){return e(n,t)})):e(n,r)}}}function gt(e){return function t(n,r,a){switch(arguments.length){case 0:return t;case 1:return pt(n)?t:ht((function(t,r){return e(n,t,r)}));case 2:return pt(n)&&pt(r)?t:pt(n)?ht((function(t,n){return e(t,r,n)})):pt(r)?ht((function(t,r){return e(n,t,r)})):vt((function(t){return e(n,r,t)}));default:return pt(n)&&pt(r)&&pt(a)?t:pt(n)&&pt(r)?ht((function(t,n){return e(t,n,a)})):pt(n)&&pt(a)?ht((function(t,n){return e(t,r,n)})):pt(r)&&pt(a)?ht((function(t,r){return e(n,t,r)})):pt(n)?vt((function(t){return e(t,r,a)})):pt(r)?vt((function(t){return e(n,t,a)})):pt(a)?vt((function(t){return e(n,r,t)})):e(n,r,a)}}}var Et=Array.isArray||function(e){return null!=e&&e.length>=0&&"[object Array]"===Object.prototype.toString.call(e)};var bt=Number.isInteger||function(e){return e<<0===e};var yt=vt((function(e){return null==e})),xt=gt((function e(t,n,r){if(0===t.length)return n;var a=t[0];if(t.length>1){var i=!yt(r)&&function(e,t){return Object.prototype.hasOwnProperty.call(t,e)}(a,r)&&"object"==typeof r[a]?r[a]:bt(t[1])?[]:{};n=e(Array.prototype.slice.call(t,1),n,i)}return function(e,t,n){if(bt(e)&&Et(n)){var r=[].concat(n);return r[e]=t,r}var a={};for(var i in n)a[i]=n[i];return a[e]=t,a}(a,n,r)})),Ct=function(n){var r=n.model,a=n.saveButtonText,i=n.dense,l=n.onSubmit,c=n.initialValues,d=o((function(){return st(r,c)}),[r,c]),m=t(d),s=m[0],f=m[1],p=function(e,t){f((function(n){return xt(e,t,n)}))};return e.createElement(E,{container:!0,component:"form",spacing:2,onSubmit:function(e){e.preventDefault(),l(s)}},r.fields.map((function(t){return e.createElement(ft,{key:t.id,dense:i,field:t,value:s[t.id],update:!!c,onChangeValue:p})})),e.createElement(E,{item:!0,xs:12},e.createElement(u,{type:"submit",variant:"contained",size:i?"small":"medium"},a)))},kt=function(e,t,a){var i=a.from,l=a.to,o=n(),c=ae();r((function(){o.current===i&&t===l&&c(e),o.current=t}),[t])},St=function(){return e.createElement(ve,{color:"error",sx:{width:200,height:200}})},wt=function(t){var n=t.loading,r=t.children,a=t.fetching,i=t.error,l=r[0],o=r[1];return e.createElement(Ne,null,e.createElement(s,{display:"flex",flexDirection:"column",height:1},l,a&&e.createElement(s,{width:1},e.createElement(Y,null)),n&&e.createElement(Je,null),i&&e.createElement(s,{mt:4},e.createElement(at,{icon:i.icon||St,title:i.title||"There has been an error",subtitle:i.message})),!n&&!i&&o))},It=function(t){var n=t.model,a=t.modelName,i=t.basePath,l=void 0===i?"":i,o=t.submitUpdateItemRequest,c=t.updateItemRequest,u=t.updateItem,d=t.onSubmitUpdateItem,m=t.onRequestUpdateItem,s=ie().id,f=void 0===s?"":s,p=c.loading||o.loading;return r((function(){m(f)}),[f]),qe({title:"Item updated",message:"The item ".concat(f," has been updated successfully"),severity:"success"},!!o.success,{from:!1,to:!0}),kt("".concat(l,"/"),!!o.success,{from:!1,to:!0}),qe({title:"We had an error",message:o.error||"",severity:"error"},!!o.error,{from:!1,to:!0}),e.createElement(wt,{loading:p},e.createElement(Ue,{title:"Edit ".concat(f),preset:"default",breadcrumbs:[{id:"list",text:a,link:"".concat(l,"/")},{id:"update",text:"Edit ".concat(f),link:"".concat(l,"/").concat(f,"/update")}]}),e.createElement(Xe,null,e.createElement(Ct,{model:n,initialValues:u,saveButtonText:"Save",onSubmit:d})))},zt=function(t){var n=t.columns,r=t.options,a=t.data,i=t.onClick,l=t.search,o=t.defaultSort,c=t.defaultOrder,u=t.loading,d=be(be([],n,!0),[{id:"__options",label:"",disablePadding:!1,numeric:!1,sort:!1}],!1),s=e.useState(null),f=s[0],p=s[1];return e.createElement(e.Fragment,null,e.createElement(nt,{columns:d,data:a,search:l,defaultSort:o,defaultOrder:c,loading:u},(function(t){return t.map((function(t,n){return e.createElement(R,{key:t.id,onClick:function(){return i&&i(t)},role:"row","aria-rowindex":n,sx:{cursor:i&&"pointer"}},d.map((function(r,a){var i=r.id;return e.createElement(P,{role:"cell",scope:"row",key:i.toString(),"aria-rowindex":n,"aria-colindex":a},t[i])})),r&&e.createElement(P,null,e.createElement(m,{"data-testid":"options-".concat(t.id),onClick:function(e){e.stopPropagation(),p({item:t,anchor:e.currentTarget})}},e.createElement(he,null))))}))})),r&&e.createElement(_,{anchorEl:null==f?void 0:f.anchor,open:!!f,onClose:function(){return p(null)},anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},r.map((function(t){var n=t.id,r=t.label,a=t.onClick;return e.createElement(H,{key:n,onClick:function(){f&&a(null==f?void 0:f.item),p(null)}},r)}))))},Rt=function(t){var n=t.model,a=t.modelName,i=t.listData,l=t.listRequest,o=t.deleteRequest,c=t.basePath,u=void 0===c?"":c,d=t.deleteFeature,m=void 0===d||d,s=t.updateFeature,f=void 0===s||s,p=t.addFeature,v=void 0===p||p,h=t.detailsFeature,g=void 0===h||h,E=t.onRequestList,b=t.onClickDeleteItem,y=ae();r((function(){E()}),[]),qe({title:"Item deleted",message:"The item has been deleted successfully",severity:"success"},!!o.success,{from:!1,to:!0}),qe({title:"We had an error",message:o.error||"",severity:"error"},!!o.error,{from:!1,to:!0});var x=g?function(e){y("".concat(u,"/").concat(e.id))}:void 0,C=function(e,t){"edit"===e?y("".concat(u,"/").concat(t.id,"/update")):b(t)},k=[];f&&k.push({id:"edit",label:"Edit",onClick:function(e){return C("edit",e)}}),m&&k.push({id:"remove",label:"Remove",onClick:function(e){return C("remove",e)}});var S=[];return v&&S.push({id:"add",text:"Add",href:"".concat(u,"/add")}),e.createElement(wt,{loading:l.loading||o.loading},e.createElement(Ue,{title:a,preset:"default",actions:S.length>0?S:void 0}),e.createElement(Xe,null,e.createElement(zt,{columns:n.fields.filter((function(e){return e.listable})).map((function(e){return{disablePadding:!1,id:e.id,label:e.name,numeric:"number"===e.type,sort:!1}})),data:i,defaultSort:n.fields[0].id,onClick:x,options:k.length>0?k:void 0})))},Pt=function(t){var n=t.model,r=t.modelName,a=t.basePath,i=void 0===a?"":a,l=t.onSubmitNewItem,o=t.newItemRequest;return qe({message:"Item added successfully",severity:"success"},!!o.success,{from:!1,to:!0}),kt("".concat(i,"/"),!!o.success,{from:!1,to:!0}),qe({title:"We had an error",message:o.error||"",severity:"error"},!!o.error,{from:!1,to:!0}),e.createElement(wt,{loading:o.loading},e.createElement(Ue,{title:"Add ".concat(r),preset:"default",breadcrumbs:[{id:"list",text:r,link:"".concat(i,"/")},{id:"add",text:"Add new ".concat(r),link:"".concat(i,"/add")}]}),e.createElement(Xe,null,e.createElement(Ct,{model:n,saveButtonText:"Save",onSubmit:l})))},Wt=function(t){var n=t.model,a=t.modelName,i=t.basePath,l=void 0===i?"":i,o=t.onRequestItem,c=t.itemRequest,u=t.detailsItem,d=ie().id,m=void 0===d?"":d;return r((function(){o(m)}),[m]),e.createElement(wt,{loading:c.loading},e.createElement(Ue,{title:m,preset:"default",breadcrumbs:[{id:"list",text:a,link:"".concat(l,"/")},{id:"detail",text:m,link:"".concat(l,"/").concat(m)}]}),e.createElement(Xe,null,u&&e.createElement(ut,{model:n,instance:u})))},Tt=function(t){var n=t.updateFeature,r=void 0===n||n,a=t.addFeature,i=void 0===a||a,l=t.detailsFeature,o=void 0===l||l;return e.createElement(le,null,e.createElement(oe,{path:"",element:e.createElement(Rt,ge({},t))}),o&&e.createElement(oe,{path:":id",element:e.createElement(Wt,ge({},t))}),i&&e.createElement(oe,{path:"add",element:e.createElement(Pt,ge({},t))}),r&&e.createElement(oe,{path:":id/update",element:e.createElement(It,ge({},t))}))},Ot={idle:!0},Dt={loading:!0},jt={success:!0};export{Ot as IdleRequest,Dt as LoadingRequest,Ct as ModelForm,Tt as ModelRouter,ut as ObjectDetails,jt as SuccessRequest,zt as TableList,st as newInstanceFromValuesOrZeroValue};
+//# sourceMappingURL=index.js.map