udp-react-enterprise-component-library 25.1.0-beta.6 → 25.1.1-beta.1

package/dist/{propertyTypeEnums-Civy7RJv.js → propertyTypeEnums-BCCGQqVB.js}

@@ -1,4 +1,4 @@
-import { FluentButton } from "./EnvironmentRibbon-DaDmKAPO.js";
+import { FluentButton } from "./EnvironmentRibbon-oEmbWjEq.js";
 import React, { forwardRef, useCallback, useMemo } from "react";
 import { Switch, makeStyles, withStyles } from "@material-ui/core";
 import { FormSpy } from "react-final-form";
@@ -133,4 +133,4 @@ let PropertyTypeEnum = /* @__PURE__ */ function(PropertyTypeEnum$1) {
 
 //#endregion
 export { DateTimeField, FluentToggle, FormButtons, PropertyTypeEnum, SubmitButton };
-//# sourceMappingURL=propertyTypeEnums-Civy7RJv.js.map
+//# sourceMappingURL=propertyTypeEnums-BCCGQqVB.js.map

package/dist/{propertyTypeEnums-Civy7RJv.js.map → propertyTypeEnums-BCCGQqVB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"propertyTypeEnums-Civy7RJv.js","names":["FormButtonsCore: any","FormButtons: React.FC<FormButtonsProps>","value"],"sources":["../src/utilities/form/SubmitButton.tsx","../src/utilities/form/FormButtons.tsx","../src/UI/inputs/datetimes/DateTimeField.jsx","../src/UI/inputs/toggle/FluentToggle.jsx","../src/enums/propertyTypeEnums.ts"],"sourcesContent":["import { Button, ButtonProps } from '@material-ui/core';\nimport React, { forwardRef, ComponentType } from 'react';\nimport { FormSpy } from 'react-final-form';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\n\nexport type SubmitButtonProps<\n  P = {},\n  D extends React.ElementType = 'button'\n  > = ButtonProps<D, P> & {\n    // @fixme Probably want to swap this with something that'll allow ...otherProps to inherit the specified component's props to pass through\n    ButtonComponent?: typeof FluentButton;\n    disablePristine: boolean;\n  };\n\ntype SubmitButtonComponent<\n  P = {},\n  D extends React.ElementType = 'button'\n  > = ComponentType<SubmitButtonProps<P, D>>;\n\n/**\n * A MUI Button varaint intended for use as the submit button for a form\n */\nexport let SubmitButton = forwardRef<HTMLButtonElement, SubmitButtonProps>((props, ref) => {\n  const {\n    ButtonComponent = FluentButton,\n    disabled,\n    disablePristine = true,\n    ...otherProps\n  } = props;\n\n  return (\n    <FormSpy subscription={{ submitting: true, pristine: true }}>\n      {({ submitting, pristine }) => (\n        <ButtonComponent\n          ref={ref}\n          type=\"submit\"\n          disabled={submitting || (disablePristine && pristine) || disabled}\n          {...otherProps}\n        />\n      )}\n    </FormSpy>\n  );\n});\nSubmitButton.displayName = 'SubmitButton';\n","import { makeStyles } from '@material-ui/core';\nimport React, { forwardRef, } from 'react';\n\nconst useStyles = makeStyles((theme:any) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(1),\n    '& > *': {\n      margin: `0 ${theme.spacing(2)}px 0 0`,\n    },\n  },\n}));\n\nexport type FormButtonsProps = {};\n\n/**\n * A MUI Button varaint intended for use as the submit button for a form\n */\nconst FormButtonsCore: any = (\n  props: any,\n  ref: any\n) => {\n  const classes = useStyles(props);\n  const { children, ...otherProps } = props;\n\n  return (\n    <div {...otherProps} ref={ref as any} className={classes.root}>\n      {children}\n    </div>\n  );\n};\nexport const FormButtons: React.FC<FormButtonsProps> = forwardRef(FormButtonsCore);\n","import { DateTime } from 'luxon';\nimport React, { useCallback, useMemo } from 'react';\nimport {\n  KeyboardDateTimePicker,\n  MuiPickersUtilsProvider\n} from '@material-ui/pickers';\n// import { useIntl } from '../../../intl';\n// import { useDateFormat } from '../../utils/CompanyPreferencesProvider';\nimport DateFnsUtils from '@date-io/date-fns';\n\n/**\n * TextField for date input\n */\nexport const DateTimeField = (props) => {\n  const { onChange: onChangeProp, value: valueProp, ...other } = props;\n  // TODO: implement intl, use CPS as reference\n  // const { shortDateFormatString } = useIntl();\n  const dateFormat = 'yyyy-MM-dd HH:mm';\n\n  const isValidDate = (date) => {\n    return date instanceof Date && !isNaN(date);\n  };\n\n  const onChange = useCallback(\n    (value) =>\n      onChangeProp && onChangeProp(isValidDate(value) ? value : undefined),\n    [onChangeProp]\n  );\n\n  const value = useMemo(() => {\n    console.log(valueProp);\n    return isValidDate(valueProp)\n      ? DateTime.fromISO(valueProp.toISOString())\n      : null;\n  }, [valueProp]);\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <KeyboardDateTimePicker\n        format={dateFormat}\n        variant='inline'\n        onChange={onChange}\n        value={value}\n        {...other}\n      />\n    </MuiPickersUtilsProvider>\n  );\n};\n","import React from 'react'\nimport { Switch, withStyles } from '@material-ui/core'\n\nconst FluentSwitch = withStyles((theme) => ({\n  root: {\n    width: 40,\n    height: 20,\n    padding: 0,\n    display: 'flex',\n  },\n  switchBase: {\n    padding: 4,\n    color: theme.palette.grey[500],\n    '&$checked': {\n      transform: 'translateX(20px)',\n      color: theme.palette.common.white,\n      '& + $track': {\n        opacity: 1,\n        borderColor: theme.palette.primary.main\n      }\n    }\n  },\n  thumb: {\n    width: 12,\n    height: 12,\n    boxShadow: 'none'\n  },\n  track: {\n    border: `1px solid ${theme.palette.grey[500]}`,\n    borderRadius: 20 / 2,\n    opacity: 1,\n    backgroundColor: theme.palette.common.white\n  },\n  checked: {}\n}))(Switch)\n\nexport const FluentToggle = (props) => {\n  const { name, onChange, checked, ...otherProps } = props\n\n  return (\n    <FluentSwitch\n      {...otherProps}\n      checked={checked}\n      onChange={onChange}\n      name={name}\n    />\n  )\n}\n","export enum PropertyTypeEnum {\n  Int = 'int',\n  Long = 'long',\n  Double = 'double',\n  DateTime = 'DateTime',\n  String = 'string',\n  String_Uuid = 'string uuid',\n  Boolean = 'bool'\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,IAAW,eAAe,YAAkD,OAAO,QAAQ;CACzF,MAAM,EACJ,kBAAkB,cAClB,UACA,kBAAkB,KAClB,GAAG,eACD;AAEJ,QACE,oCAAC,WAAQ,cAAc;EAAE,YAAY;EAAM,UAAU;OACjD,EAAE,YAAY,eACd,oCAAC;EACM;EACL,MAAK;EACL,UAAU,cAAe,mBAAmB,YAAa;EACzD,GAAI;;;AAMd,aAAa,cAAc;;;;ACxC3B,MAAM,YAAY,YAAY,WAAe,EAC3C,MAAM;CACJ,SAAS;CACT,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,cAAc,MAAM,QAAQ;CAC5B,WAAW,MAAM,QAAQ;CACzB,SAAS,EACP,QAAQ,KAAK,MAAM,QAAQ,GAAG;;;;;AAUpC,MAAMA,mBACJ,OACA,QACG;CACH,MAAM,UAAU,UAAU;CAC1B,MAAM,EAAE,SAAU,GAAG,eAAe;AAEpC,QACE,oCAAC;EAAI,GAAI;EAAiB;EAAY,WAAW,QAAQ;IACtD;;AAIP,MAAaC,cAA0C,WAAW;;;;;;;ACtBlE,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,UAAU,cAAc,OAAO,UAAW,GAAG,UAAU;CAG/D,MAAM,aAAa;CAEnB,MAAM,eAAe,SAAS;AAC5B,SAAO,gBAAgB,QAAQ,CAAC,MAAM;;CAGxC,MAAM,WAAW,aACd,YACC,gBAAgB,aAAa,YAAYC,WAASA,UAAQ,SAC5D,CAAC;CAGH,MAAM,QAAQ,cAAc;AAC1B,UAAQ,IAAI;AACZ,SAAO,YAAY,aACf,SAAS,QAAQ,UAAU,iBAC3B;IACH,CAAC;AAEJ,QACE,oCAAC,2BAAwB,OAAO,gBAC9B,oCAAC;EACC,QAAQ;EACR,SAAQ;EACE;EACH;EACP,GAAI;;;;;;ACxCZ,MAAM,eAAe,YAAY,WAAW;CAC1C,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,SAAS;EACT,SAAS;;CAEX,YAAY;EACV,SAAS;EACT,OAAO,MAAM,QAAQ,KAAK;EAC1B,aAAa;GACX,WAAW;GACX,OAAO,MAAM,QAAQ,OAAO;GAC5B,cAAc;IACZ,SAAS;IACT,aAAa,MAAM,QAAQ,QAAQ;;;;CAIzC,OAAO;EACL,OAAO;EACP,QAAQ;EACR,WAAW;;CAEb,OAAO;EACL,QAAQ,aAAa,MAAM,QAAQ,KAAK;EACxC,cAAc,KAAK;EACnB,SAAS;EACT,iBAAiB,MAAM,QAAQ,OAAO;;CAExC,SAAS;IACP;AAEJ,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,MAAM,UAAU,QAAS,GAAG,eAAe;AAEnD,QACE,oCAAC;EACC,GAAI;EACK;EACC;EACJ;;;;;;AC5CZ,IAAY,gEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"propertyTypeEnums-BCCGQqVB.js","names":["FormButtonsCore: any","FormButtons: React.FC<FormButtonsProps>","value"],"sources":["../src/utilities/form/SubmitButton.tsx","../src/utilities/form/FormButtons.tsx","../src/UI/inputs/datetimes/DateTimeField.jsx","../src/UI/inputs/toggle/FluentToggle.jsx","../src/enums/propertyTypeEnums.ts"],"sourcesContent":["import { Button, ButtonProps } from '@material-ui/core';\nimport React, { forwardRef, ComponentType } from 'react';\nimport { FormSpy } from 'react-final-form';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\n\nexport type SubmitButtonProps<\n  P = {},\n  D extends React.ElementType = 'button'\n  > = ButtonProps<D, P> & {\n    // @fixme Probably want to swap this with something that'll allow ...otherProps to inherit the specified component's props to pass through\n    ButtonComponent?: typeof FluentButton;\n    disablePristine: boolean;\n  };\n\ntype SubmitButtonComponent<\n  P = {},\n  D extends React.ElementType = 'button'\n  > = ComponentType<SubmitButtonProps<P, D>>;\n\n/**\n * A MUI Button varaint intended for use as the submit button for a form\n */\nexport let SubmitButton = forwardRef<HTMLButtonElement, SubmitButtonProps>((props, ref) => {\n  const {\n    ButtonComponent = FluentButton,\n    disabled,\n    disablePristine = true,\n    ...otherProps\n  } = props;\n\n  return (\n    <FormSpy subscription={{ submitting: true, pristine: true }}>\n      {({ submitting, pristine }) => (\n        <ButtonComponent\n          ref={ref}\n          type=\"submit\"\n          disabled={submitting || (disablePristine && pristine) || disabled}\n          {...otherProps}\n        />\n      )}\n    </FormSpy>\n  );\n});\nSubmitButton.displayName = 'SubmitButton';\n","import { makeStyles } from '@material-ui/core';\nimport React, { forwardRef, } from 'react';\n\nconst useStyles = makeStyles((theme:any) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(1),\n    '& > *': {\n      margin: `0 ${theme.spacing(2)}px 0 0`,\n    },\n  },\n}));\n\nexport type FormButtonsProps = {};\n\n/**\n * A MUI Button varaint intended for use as the submit button for a form\n */\nconst FormButtonsCore: any = (\n  props: any,\n  ref: any\n) => {\n  const classes = useStyles(props);\n  const { children, ...otherProps } = props;\n\n  return (\n    <div {...otherProps} ref={ref as any} className={classes.root}>\n      {children}\n    </div>\n  );\n};\nexport const FormButtons: React.FC<FormButtonsProps> = forwardRef(FormButtonsCore);\n","import { DateTime } from 'luxon';\nimport React, { useCallback, useMemo } from 'react';\nimport {\n  KeyboardDateTimePicker,\n  MuiPickersUtilsProvider\n} from '@material-ui/pickers';\n// import { useIntl } from '../../../intl';\n// import { useDateFormat } from '../../utils/CompanyPreferencesProvider';\nimport DateFnsUtils from '@date-io/date-fns';\n\n/**\n * TextField for date input\n */\nexport const DateTimeField = (props) => {\n  const { onChange: onChangeProp, value: valueProp, ...other } = props;\n  // TODO: implement intl, use CPS as reference\n  // const { shortDateFormatString } = useIntl();\n  const dateFormat = 'yyyy-MM-dd HH:mm';\n\n  const isValidDate = (date) => {\n    return date instanceof Date && !isNaN(date);\n  };\n\n  const onChange = useCallback(\n    (value) =>\n      onChangeProp && onChangeProp(isValidDate(value) ? value : undefined),\n    [onChangeProp]\n  );\n\n  const value = useMemo(() => {\n    console.log(valueProp);\n    return isValidDate(valueProp)\n      ? DateTime.fromISO(valueProp.toISOString())\n      : null;\n  }, [valueProp]);\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <KeyboardDateTimePicker\n        format={dateFormat}\n        variant='inline'\n        onChange={onChange}\n        value={value}\n        {...other}\n      />\n    </MuiPickersUtilsProvider>\n  );\n};\n","import React from 'react'\nimport { Switch, withStyles } from '@material-ui/core'\n\nconst FluentSwitch = withStyles((theme) => ({\n  root: {\n    width: 40,\n    height: 20,\n    padding: 0,\n    display: 'flex',\n  },\n  switchBase: {\n    padding: 4,\n    color: theme.palette.grey[500],\n    '&$checked': {\n      transform: 'translateX(20px)',\n      color: theme.palette.common.white,\n      '& + $track': {\n        opacity: 1,\n        borderColor: theme.palette.primary.main\n      }\n    }\n  },\n  thumb: {\n    width: 12,\n    height: 12,\n    boxShadow: 'none'\n  },\n  track: {\n    border: `1px solid ${theme.palette.grey[500]}`,\n    borderRadius: 20 / 2,\n    opacity: 1,\n    backgroundColor: theme.palette.common.white\n  },\n  checked: {}\n}))(Switch)\n\nexport const FluentToggle = (props) => {\n  const { name, onChange, checked, ...otherProps } = props\n\n  return (\n    <FluentSwitch\n      {...otherProps}\n      checked={checked}\n      onChange={onChange}\n      name={name}\n    />\n  )\n}\n","export enum PropertyTypeEnum {\n  Int = 'int',\n  Long = 'long',\n  Double = 'double',\n  DateTime = 'DateTime',\n  String = 'string',\n  String_Uuid = 'string uuid',\n  Boolean = 'bool'\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,IAAW,eAAe,YAAkD,OAAO,QAAQ;CACzF,MAAM,EACJ,kBAAkB,cAClB,UACA,kBAAkB,KAClB,GAAG,eACD;AAEJ,QACE,oCAAC,WAAQ,cAAc;EAAE,YAAY;EAAM,UAAU;EAAM,KACvD,EAAE,YAAY,eACd,oCAAC;EACM;EACL,MAAK;EACL,UAAU,cAAe,mBAAmB,YAAa;EACzD,GAAI;GACJ,CAEI;EAEZ;AACF,aAAa,cAAc;;;;ACxC3B,MAAM,YAAY,YAAY,WAAe,EAC3C,MAAM;CACJ,SAAS;CACT,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,cAAc,MAAM,QAAQ,EAAE;CAC9B,WAAW,MAAM,QAAQ,EAAE;CAC3B,SAAS,EACP,QAAQ,KAAK,MAAM,QAAQ,EAAE,CAAC,SAC/B;CACF,EACF,EAAE;;;;AAOH,MAAMA,mBACJ,OACA,QACG;CACH,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,SAAU,GAAG,eAAe;AAEpC,QACE,oCAAC;EAAI,GAAI;EAAiB;EAAY,WAAW,QAAQ;IACtD,SACG;;AAGV,MAAaC,cAA0C,WAAW,gBAAgB;;;;;;;ACtBlF,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,UAAU,cAAc,OAAO,UAAW,GAAG,UAAU;CAG/D,MAAM,aAAa;CAEnB,MAAM,eAAe,SAAS;AAC5B,SAAO,gBAAgB,QAAQ,CAAC,MAAM,KAAK;;CAG7C,MAAM,WAAW,aACd,YACC,gBAAgB,aAAa,YAAYC,QAAM,GAAGA,UAAQ,OAAU,EACtE,CAAC,aAAa,CACf;CAED,MAAM,QAAQ,cAAc;AAC1B,UAAQ,IAAI,UAAU;AACtB,SAAO,YAAY,UAAU,GACzB,SAAS,QAAQ,UAAU,aAAa,CAAC,GACzC;IACH,CAAC,UAAU,CAAC;AAEf,QACE,oCAAC,2BAAwB,OAAO,gBAC9B,oCAAC;EACC,QAAQ;EACR,SAAQ;EACE;EACH;EACP,GAAI;GACJ,CACsB;;;;;AC1C9B,MAAM,eAAe,YAAY,WAAW;CAC1C,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,SAAS;EACT,SAAS;EACV;CACD,YAAY;EACV,SAAS;EACT,OAAO,MAAM,QAAQ,KAAK;EAC1B,aAAa;GACX,WAAW;GACX,OAAO,MAAM,QAAQ,OAAO;GAC5B,cAAc;IACZ,SAAS;IACT,aAAa,MAAM,QAAQ,QAAQ;IACpC;GACF;EACF;CACD,OAAO;EACL,OAAO;EACP,QAAQ;EACR,WAAW;EACZ;CACD,OAAO;EACL,QAAQ,aAAa,MAAM,QAAQ,KAAK;EACxC,cAAc,KAAK;EACnB,SAAS;EACT,iBAAiB,MAAM,QAAQ,OAAO;EACvC;CACD,SAAS,EAAE;CACZ,EAAE,CAAC,OAAO;AAEX,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,MAAM,UAAU,QAAS,GAAG,eAAe;AAEnD,QACE,oCAAC;EACC,GAAI;EACK;EACC;EACJ;GACN;;;;;AC7CN,IAAY,gEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/types/index.d.ts

@@ -77,10 +77,6 @@ export * from './layout/HeaderLayout';
 export * from './layout/LayoutUnit';
 export * from './layout/getRatio';
 export * from './layout/templates/SideBarTemplate';
-export * from './maintenanceEngine/crudBrowser/CrudBrowserContainer';
-export * from './maintenanceEngine/crudBrowser/CrudTableActionRender';
-export * from './maintenanceEngine/crudBrowser/CrudTableColumnDefs';
-export * from './maintenanceEngine/crudBrowser/CrudTableSidePanel';
 export * from './maintenanceEngine/tableBrowser/TableColumnDefs';
 export * from './maintenanceEngine/tableBrowser/TableContainer';
 export * from './map-library/Controls/Controls';
@@ -111,6 +107,7 @@ export * from './reports/PowerBIReport';
 export * from './routes/UdpRoutes';
 export * from './shell/Shell';
 export * from './shell/ui/AmbientProjectSwitcher';
+export * from './shell/ui/ShellDropdown';
 export * from './shell/ui/FluentProfileMenuCard';
 export * from './shell/ui/SiteHeaderRightComponent';
 export * from './stores/catalogStore';

package/dist/types/maintenanceEngine/crudBrowser/CrudTableColumnDefs.d.ts

@@ -1,9 +1 @@
-export declare const CrudTableColumnDefs: (entityAttributes: any, actionList: any, isServerSide: any, udpFieldInfos: any, columnName?: string, crudTableActionRenderName?: string, panelDirection?: string) => any;
-export declare const defaultColActionsDef: {
-    resizable: boolean;
-    editable: boolean;
-    sortable: boolean;
-    filter: boolean;
-    floatingFilter: boolean;
-    enableRowGroup: boolean;
-};
+export declare const CrudTableColumnDefs: (entityAttributes: any, actionList: any) => any;

package/dist/types/maintenanceEngine/crudBrowser/crudHelper.d.ts

@@ -0,0 +1 @@
+export declare function mapDotNetTypeToAgGridType(type: string): 'text' | 'number' | 'boolean' | 'dateString' | 'dateTimeString' | 'object';

package/dist/types/menuPage/MenuPage.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const MenuPage: (props: any) => React.JSX.Element;
+declare const MenuPage: (props: any) => React.JSX.Element;
+export default MenuPage;

package/dist/types/shell/ui/ShellDropdown.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare const ShellDropdown: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        componentName: any;
+        data: any;
+        value: any;
+        onChange: any;
+        optionLabelDisplayFunction: any;
+        placeholder: any;
+        className: any;
+        classProps: any;
+    };
+};
+export default ShellDropdown;

package/dist/types/shell/ui/SiteHeader.d.ts

@@ -9,6 +9,7 @@ export declare const SiteHeaderSpacer: (props: any) => React.JSX.Element;
 declare const SiteHeader: {
     (props: any): React.JSX.Element;
     propTypes: {
+        breadCrumbRoot: any;
         /**
          * Passes the background color on the project switcher (default: theme secondary)
          */