udp-react-enterprise-component-library 1.0.6 → 25.1.0-beta.4

package/dist/propertyTypeEnums-DTGsK5-s.js.map

@@ -1 +1 @@
-{"version":3,"file":"propertyTypeEnums-DTGsK5-s.js","names":["SubmitButton: SubmitButtonComponent","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: SubmitButtonComponent = forwardRef((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,IAAWA,eAAsC,YAAY,OAAO,QAAQ;CAC1E,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,MAAMC,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-DTGsK5-s.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"}

package/dist/types/UI/AlertContainer.d.ts

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

package/dist/types/UI/Box.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 // Please confirm with UI/UX team before using this as this is not recomended
-export declare const Box: (props: any) => JSX.Element;
+export declare const Box: (props: any) => React.JSX.Element;

package/dist/types/UI/Grid.d.ts

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

package/dist/types/UI/SuccessAction.d.ts

@@ -1 +1,2 @@
-export declare const getSuccessAction: (closeSnackbar: any) => (key: any) => JSX.Element;
+import React from 'react';
+export declare const getSuccessAction: (closeSnackbar: any) => (key: any) => React.JSX.Element;

package/dist/types/UI/accordion/Accordion.d.ts

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

package/dist/types/UI/charts/UdpDistributionChart.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { XyChartBaseProps } from './types';
 export interface UdpDistributionChartProps extends XyChartBaseProps {
     valueField: string;
 }
-export declare const UdpDistributionChart: (props: UdpDistributionChartProps) => JSX.Element;
+export declare const UdpDistributionChart: (props: UdpDistributionChartProps) => React.JSX.Element;

package/dist/types/UI/charts/index.d.ts

@@ -1,6 +1,2 @@
-export declare const UdpCharts: {
-    UdpBarChart: React.FC<import("./UdpBarChart").UdpBarChartProps>;
-    UdpDonutChart: React.FC<import("./UdpDonutChart").UdpDonutChartProps>;
-    UdpLineChart: React.FC<import("./UdpLineChart").UdpLineChartProps>;
-    UdpDistributionChart: (props: import("./UdpDistributionChart").UdpDistributionChartProps) => JSX.Element;
-};
+import React from "react";
+export declare const UdpCharts: Record<string, React.FC<any>>;

package/dist/types/UI/components/dataDisplay/Ellipse.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const Ellipse: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         color: any;
         size: any;

package/dist/types/UI/components/dataDisplay/EmailDisplay.d.ts

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

package/dist/types/UI/components/dataDisplay/SmsDisplay.d.ts

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

package/dist/types/UI/components/dataDisplay/Sticky.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const Sticky: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         text: any;
         size: any;

package/dist/types/UI/components/dataDisplay/Token.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const Token: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         type: any;
         variant: any;

package/dist/types/UI/components/feedback/Adornment.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const Adornment: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         color: any;
     };

package/dist/types/UI/containers/DynamicContainerWithMenu.d.ts

@@ -1 +1,2 @@
-export declare const DynamicContainerWithMenu: any;
+import React from 'react';
+export declare const DynamicContainerWithMenu: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/dist/types/UI/dataDisplay/AmbientList.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const AmbientList: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         data: any;
         useAvatar: any;

package/dist/types/UI/dataDisplay/CompactDataList.d.ts

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

package/dist/types/UI/dataDisplay/CompactDataListItem.d.ts

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

package/dist/types/UI/dataDisplay/EmptyStateDisplay.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const EmptyStateDisplay: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         icon: any;
         iconSize: any;

package/dist/types/UI/dataDisplay/FluentActivity/FluentActivity.d.ts

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

package/dist/types/UI/dataDisplay/FluentActivity/FluentActivityRow.d.ts

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

package/dist/types/UI/dataDisplay/FluentDataTable/FluentBody/index.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 interface FluentBodyProps {
     background?: string;
     style?: object;
     children: ReactNode;
 }
-declare const FluentBody: (props: FluentBodyProps) => JSX.Element;
+declare const FluentBody: (props: FluentBodyProps) => React.JSX.Element;
 export default FluentBody;

package/dist/types/UI/dataDisplay/FluentDataTable/FluentCell/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 /* #region  CellUnityIcon */
 interface CellUnityIconProps extends FluentCellProps {
     icon: string;
@@ -65,14 +65,14 @@ interface FluentCellProps {
     tooltip?: string;
 }
 declare const FluentCell: {
-    (props: FluentCellProps): JSX.Element;
-    UnityIcon: (props: Partial<CellUnityIconProps>) => JSX.Element;
-    Icon: (props: Partial<CellIconProps>) => JSX.Element;
-    Number: (props: CellNumberProps) => JSX.Element;
-    Text: (props: CellTextProps) => JSX.Element;
-    Currency: (props: CellCurrencyProps) => JSX.Element;
-    Date: (props: CellDateProps) => JSX.Element;
-    Chip: (props: CellChipProps) => JSX.Element;
-    Image: (props: CellImageProps) => JSX.Element;
+    (props: FluentCellProps): React.JSX.Element;
+    UnityIcon: (props: Partial<CellUnityIconProps>) => React.JSX.Element;
+    Icon: (props: Partial<CellIconProps>) => React.JSX.Element;
+    Number: (props: CellNumberProps) => React.JSX.Element;
+    Text: (props: CellTextProps) => React.JSX.Element;
+    Currency: (props: CellCurrencyProps) => React.JSX.Element;
+    Date: (props: CellDateProps) => React.JSX.Element;
+    Chip: (props: CellChipProps) => React.JSX.Element;
+    Image: (props: CellImageProps) => React.JSX.Element;
 };
 export default FluentCell;

package/dist/types/UI/dataDisplay/FluentDataTable/FluentDataTable.d.ts

@@ -1,5 +1,9 @@
 import { Size } from '@material-ui/core';
 import React, { ReactNode } from 'react';
+import FluentBody from './FluentBody';
+import FluentCell from './FluentCell';
+import FluentHead from './FluentHead';
+import FluentRow from './FluentRow';
 interface FluentDataTableProps {
     style?: object;
     size?: Size | undefined;
@@ -7,5 +11,11 @@ interface FluentDataTableProps {
     stickyHeader?: boolean;
     containerMaxHeight?: string | number;
 }
-export declare const FluentDataTable: React.FC<FluentDataTableProps>;
+type FluentDataTableComponent = React.FC<FluentDataTableProps> & {
+    FluentHead: typeof FluentHead;
+    FluentBody: typeof FluentBody;
+    FluentCell: typeof FluentCell;
+    FluentRow: typeof FluentRow;
+};
+export declare const FluentDataTable: FluentDataTableComponent;
 export {};

package/dist/types/UI/dataDisplay/FluentDataTable/FluentHead/index.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 interface FluentHeadProps {
     background?: string;
     containerMaxHeight?: string | number;
     style?: object;
     children: ReactNode;
 }
-declare const FluentHead: (props: FluentHeadProps) => JSX.Element;
+declare const FluentHead: (props: FluentHeadProps) => React.JSX.Element;
 export default FluentHead;

package/dist/types/UI/dataDisplay/FluentDataTable/FluentRow/index.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 interface FluentRowProps {
     className?: string;
     children: ReactNode;
     onClick?: () => void;
 }
-declare const FluentRow: (props: FluentRowProps) => JSX.Element;
+declare const FluentRow: (props: FluentRowProps) => React.JSX.Element;
 export default FluentRow;

package/dist/types/UI/dataDisplay/FluentListElement.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const FluentListElement: ({ subject, value, className, status, anchor, href }: {
     anchor?: boolean;
     className: any;
@@ -5,4 +6,4 @@ export declare const FluentListElement: ({ subject, value, className, status, an
     status: any;
     subject: any;
     value: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/dataDisplay/FluentListItem.d.ts

@@ -1 +1,3 @@
-export declare const FluentListItem: (props: any) => JSX.Element;
+/* eslint-disable react/self-closing-comp */
+import React from 'react';
+export declare const FluentListItem: (props: any) => React.JSX.Element;

package/dist/types/UI/dataDisplay/GraphCard.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 /**
  * `GraphCard` component
  */
 export declare const GraphCard: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * Optional, card title

package/dist/types/UI/dataDisplay/HeaderExpander.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const HeaderExpander: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * Contents of container

package/dist/types/UI/dataDisplay/HintPanel.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 export declare const HintPanel: {
     ({ hint, hideHintText }: {
         hideHintText: any;
         hint: any;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         hint: any;
         hideHintText: any; // Text for the hide hint button

package/dist/types/UI/dataDisplay/StatusChip.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const StatusChip: ({ status, label, useSmallChip, isActionable, icon, variant, onClick, }: {
     icon: any;
     isActionable?: boolean;
@@ -6,4 +7,4 @@ export declare const StatusChip: ({ status, label, useSmallChip, isActionable, i
     status: any;
     useSmallChip?: boolean;
     variant?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/dataDisplay/StatusFlags.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const AccountFlags: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /** @type {?bool} loading indicator */
         isLoading: bool;

package/dist/types/UI/dataDisplay/SummaryBlock.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 /**
  * `SummaryBlock` component
  */
 export declare const SummaryBlock: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /** @type {?string} main label, if you pass a number with decimals the card will show the decimals in the left side */
         value: string;

package/dist/types/UI/dataDisplay/TimelineCalendar.d.ts

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

package/dist/types/UI/dataDisplay/address/AddressListItem.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const AddressListItem: ({ children }: {
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/dataDisplay/cardList/CardList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PaginationPlacement } from './enum';
 export declare const CardList: {
     ({ itemComponent: ItemComponent, data, componentDataMap, pagination, itemsPerPage, isServerSide, totalItems, onPageChange, currentPage, isLoading, paginationPlacement }: {
@@ -12,7 +13,7 @@ export declare const CardList: {
         pagination?: boolean;
         paginationPlacement?: PaginationPlacement;
         totalItems?: number;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         itemComponent: any;
         data: any;

package/dist/types/UI/dataDisplay/directory/Directory.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const Directory: ({ data, success, warning, error, info, key, statusKey }: {
     data: any;
     error: any;
@@ -6,4 +7,4 @@ export declare const Directory: ({ data, success, warning, error, info, key, sta
     statusKey: any;
     success: any;
     warning: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/dataDisplay/directory/DirectoryListItem.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 export declare const DirectoryListItem: ({ children, letter }: {
     children: any;
     letter: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/dataDisplay/entityHeader/EntityHeader.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 // https://univerus.atlassian.net/wiki/spaces/UDP/pages/2398257255/Entity+Header
 export declare const EntityHeader: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         sectionProps: any;
         background: any;

package/dist/types/UI/dataDisplay/entityHeader/functions/useDivideArrayIntoGroups.d.ts

@@ -1,2 +1,2 @@
-declare function useDivideArrayIntoGroups(array: any, groupCount: any): any;
+declare function useDivideArrayIntoGroups(array: any, groupCount: any): any[];
 export default useDivideArrayIntoGroups;

package/dist/types/UI/dataDisplay/entityHeader/ui/EntityHeaderContainer.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const EntityHeaderContainer: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         children: any;
         showSeperator: any;

package/dist/types/UI/dataDisplay/entityHeader/ui/EntityHeaderFlags.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 export declare const EntityHeaderFlags: ({ data, color }: {
     color?: string;
     data?: any[];
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/dataDisplay/entityHeader/ui/EntityHeaderList.d.ts

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

package/dist/types/UI/dataDisplay/entityHeader/ui/EntityHeaderListItem.d.ts

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

package/dist/types/UI/dataDisplay/entityHeader/ui/EntityHeaderSection.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const EntityHeaderSection: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         children: any;
         disableGutter: any;

package/dist/types/UI/dataDisplay/entityHeader/ui/EntityHeaderStatList.d.ts

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

package/dist/types/UI/dataDisplay/entityHeader/ui/EntityHeaderStatListItem.d.ts

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

package/dist/types/UI/dataDisplay/map/ColorKey.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 export declare const ColorKey: {
     ({ label, color }: {
         color: any;
         label: any;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         /**
          * Key label

package/dist/types/UI/dataDisplay/map/FluentIconKey.d.ts

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

package/dist/types/UI/dataDisplay/map/IconKey.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 export declare const IconKey: {
     ({ label, icon }: {
         icon: any;
         label: any;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         /**
          * Key label

package/dist/types/UI/dataDisplay/notes/Note.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export declare const Note: ({ children, author, date, className, onClick }: {
     author: any;
     children: any;
     className: any;
     date: any;
     onClick: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/dataDisplay/ticketCard/NotificationElement.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export declare const NotificationElement: {
     ({ alertNumber }: {
         alertNumber: any;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         /**
          * number of alert items

package/dist/types/UI/dataDisplay/ticketCard/StatusLineItem.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const StatusLineItem: {
     ({ label, amount, status, icon, handleClick }: {
         amount: any;
@@ -5,7 +6,7 @@ export declare const StatusLineItem: {
         icon: any;
         label: any;
         status: any;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         /**
          * stat label

package/dist/types/UI/dataDisplay/ticketCard/TicketCard.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const TicketCard: {
     ({ totalAmount, label, notification, alertNumber, ticketData, component }: {
         alertNumber: any;
@@ -6,7 +7,7 @@ export declare const TicketCard: {
         notification: any;
         ticketData: any;
         totalAmount: any;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         /**
          * Total amount stat

package/dist/types/UI/dataDisplay/typography/FormHeaders.d.ts

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

package/dist/types/UI/dataDisplay/typography/SideSheetHeader.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 export declare const SideSheetHeader: ({ isSticky, ...props }: {
     [x: string]: any;
     isSticky?: boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/dataDisplay/typography/SidebarHeader.d.ts

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

package/dist/types/UI/dataDisplay/typography/StandardTitle.d.ts

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

package/dist/types/UI/dataDisplay/typography/StylizedTitle.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 export declare const StylizedTitle: {
     ({ children, color, component }: {
         children: any;
         color: any;
         component?: string;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         /**
          * Wraps the title

package/dist/types/UI/dataDisplay/typography/Typography.d.ts

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

package/dist/types/UI/dataDisplay/visualization/GaugeGraph.d.ts

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

package/dist/types/UI/dataDisplay/visualization/RatioVisulization.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const RatioVisulization: ({ title, n, m }: {
     m: any;
     n: any;
     title: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/dataDisplay/visualization/amCharts/AmChart.d.ts

@@ -1,3 +1,4 @@
+import React, { ReactElement } from 'react';
 type ChartType = 'sankey' | 'bar' | 'donut' | 'line' | 'distribution';
 export interface AmChartProps {
     chartType: ChartType;
@@ -7,5 +8,5 @@ export interface AmChartProps {
     tooltipTextFormat?: any;
     [key: string]: any;
 }
-export declare const AmChart: (props: AmChartProps) => any;
+export declare const AmChart: (props: AmChartProps) => ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};