udp-react-enterprise-component-library 1.0.5-beta.2 → 1.0.6

package/{dist-tsdown/propertyTypeEnums-CaDtepcE.js → dist/propertyTypeEnums-DTGsK5-s.js}

@@ -1,8 +1,7 @@
-import { FluentButton } from "./EnvironmentRibbon-W5AjvnLN.js";
+import { FluentButton } from "./EnvironmentRibbon-BMvQEZPZ.js";
 import React, { forwardRef, useCallback, useMemo } from "react";
 import { Switch, makeStyles, withStyles } from "@material-ui/core";
 import { FormSpy } from "react-final-form";
-import { jsx } from "react/jsx-runtime";
 import { DateTime } from "luxon";
 import { KeyboardDateTimePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";
 import DateFnsUtils from "@date-io/date-fns";
@@ -13,18 +12,15 @@ import DateFnsUtils from "@date-io/date-fns";
 */
 let SubmitButton = forwardRef((props, ref) => {
 	const { ButtonComponent = FluentButton, disabled, disablePristine = true,...otherProps } = props;
-	return /* @__PURE__ */ jsx(FormSpy, {
-		subscription: {
-			submitting: true,
-			pristine: true
-		},
-		children: ({ submitting, pristine }) => /* @__PURE__ */ jsx(ButtonComponent, {
-			ref,
-			type: "submit",
-			disabled: submitting || disablePristine && pristine || disabled,
-			...otherProps
-		})
-	});
+	return /* @__PURE__ */ React.createElement(FormSpy, { subscription: {
+		submitting: true,
+		pristine: true
+	} }, ({ submitting, pristine }) => /* @__PURE__ */ React.createElement(ButtonComponent, {
+		ref,
+		type: "submit",
+		disabled: submitting || disablePristine && pristine || disabled,
+		...otherProps
+	}));
 });
 SubmitButton.displayName = "SubmitButton";
 
@@ -45,12 +41,11 @@ const useStyles = makeStyles((theme) => ({ root: {
 const FormButtonsCore = (props, ref) => {
 	const classes = useStyles(props);
 	const { children,...otherProps } = props;
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ React.createElement("div", {
 		...otherProps,
 		ref,
-		className: classes.root,
-		children
-	});
+		className: classes.root
+	}, children);
 };
 const FormButtons = forwardRef(FormButtonsCore);
 
@@ -70,16 +65,13 @@ const DateTimeField = (props) => {
 		console.log(valueProp);
 		return isValidDate(valueProp) ? DateTime.fromISO(valueProp.toISOString()) : null;
 	}, [valueProp]);
-	return /* @__PURE__ */ jsx(MuiPickersUtilsProvider, {
-		utils: DateFnsUtils,
-		children: /* @__PURE__ */ jsx(KeyboardDateTimePicker, {
-			format: dateFormat,
-			variant: "inline",
-			onChange,
-			value,
-			...other
-		})
-	});
+	return /* @__PURE__ */ React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils }, /* @__PURE__ */ React.createElement(KeyboardDateTimePicker, {
+		format: dateFormat,
+		variant: "inline",
+		onChange,
+		value,
+		...other
+	}));
 };
 
 //#endregion
@@ -118,7 +110,7 @@ const FluentSwitch = withStyles((theme) => ({
 }))(Switch);
 const FluentToggle = (props) => {
 	const { name, onChange, checked,...otherProps } = props;
-	return /* @__PURE__ */ jsx(FluentSwitch, {
+	return /* @__PURE__ */ React.createElement(FluentSwitch, {
 		...otherProps,
 		checked,
 		onChange,
@@ -141,4 +133,4 @@ let PropertyTypeEnum = /* @__PURE__ */ function(PropertyTypeEnum$1) {
 
 //#endregion
 export { DateTimeField, FluentToggle, FormButtons, PropertyTypeEnum, SubmitButton };
-//# sourceMappingURL=propertyTypeEnums-CaDtepcE.js.map
+//# sourceMappingURL=propertyTypeEnums-DTGsK5-s.js.map

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

@@ -0,0 +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"}

package/dist/types/AGLicense.d.ts

@@ -0,0 +1 @@
+export declare const LicenseKey = "Using_this_{AG_Grid}_Enterprise_key_{AG-060880}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2025}____[v3]_[01]_MTc1MTA2NTIwMDAwMA==17ac166e7bb5dcca7f3eaa21c79da63b";

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

@@ -0,0 +1 @@
+export declare const AlertContainer: (props: any) => JSX.Element;

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

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

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

@@ -0,0 +1 @@
+export declare const Grid: (props: any) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const getSuccessAction: (closeSnackbar: any) => (key: any) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const Accordion: (props: any) => JSX.Element;

package/dist/types/UI/advancedSearchBuilder/UdpAdvancedSearchBuilder.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const UdpAdvancedSearchBuilder: React.FC<any>;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Insight } from './types';
+import QueryResult from '../../models/QueryResult';
+export type UdpChart = 'UdpBarChart' | 'UdpDonutChart' | 'UdpLineChart' | 'UdpDistributionChart';
+export interface InsightRendererProps {
+    insight: Insight | undefined;
+    data: QueryResult | undefined;
+    insightId: string | undefined;
+}
+/**
+ * InsightRenderer component
+ *
+ * This component is responsible for rendering insights based on the provided props.
+ *
+ * @prop {Insight} `insight` - The insight metadata
+ * @prop {any} `data` - Search results associated with the insight
+ * @prop {string} `insightId` - InsightId, if included the component will get the data from server
+ * @returns {JSX.Element} - The rendered insight component.
+ */
+export declare const InsightRenderer: React.FC<InsightRendererProps>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { XyChartBaseProps } from './types';
+export interface UdpBarChartProps extends XyChartBaseProps {
+    valueField: string;
+    labelField: string;
+}
+export declare const UdpBarChart: React.FC<UdpBarChartProps>;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseProps } from './types';
+export interface UdpDonutChartProps extends BaseProps {
+    valueField: string;
+    labelField: string;
+    hideLegend: boolean;
+}
+export declare const UdpDonutChart: React.FC<UdpDonutChartProps>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { XyChartBaseProps } from './types';
+export interface UdpLineChartProps extends XyChartBaseProps {
+    xAxisField: string;
+    yAxisField: string;
+}
+export declare const UdpLineChart: React.FC<UdpLineChartProps>;

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

@@ -0,0 +1,6 @@
+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;
+};

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

@@ -0,0 +1,62 @@
+export type Guid = string;
+export interface BaseProps {
+    header: string;
+    subheader: string;
+    kpis: {
+        label: string;
+        value: string;
+    }[];
+    data: {
+        [key: string]: any;
+    }[];
+    size: 'small' | 'medium' | 'large';
+    customWidth?: number;
+    customHeight?: number;
+    customCardWidth?: number;
+    kpisPosition: 'left' | 'top';
+    hideAdornment?: boolean;
+}
+export interface XyChartBaseProps extends BaseProps {
+    yAxisLabel?: string;
+    xAxisLabel?: string;
+}
+export interface InsightType {
+    properties: InsightTypeProperties;
+    dataFields: InsightTypeField[];
+    version: string;
+    name: string;
+    insightTypeId: Guid;
+    maxKpis: number;
+}
+export interface InsightTypeProperties {
+    hidden: boolean;
+    component: string;
+    icon: string;
+    section: string;
+}
+export interface Insight {
+    insightId?: Guid;
+    clusterId?: number;
+    apiMethodInstanceId?: Guid;
+    insightTypeId: Guid;
+    version: string;
+    title: string;
+    subheader: string;
+    dataMapping: string;
+    insightInsightKpi?: InsightKpi[];
+    insightInsightType?: InsightType;
+}
+export interface InsightKpi {
+    insightKpiId?: Guid;
+    insightId?: Guid;
+    label: string;
+    field: string;
+    active: boolean;
+}
+export interface InsightTypeField {
+    type: 'field' | 'text' | 'boolean';
+    name: string;
+    label: string;
+    required: boolean;
+    fieldRestriction?: 'date' | 'number' | 'string';
+}

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

@@ -0,0 +1,8 @@
+export declare const Ellipse: {
+    (props: any): JSX.Element;
+    propTypes: {
+        color: any;
+        size: any;
+        variant: any;
+    };
+};

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

@@ -0,0 +1 @@
+export declare const EmailDisplay: (props: any) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const SmsDisplay: (props: any) => JSX.Element;

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

@@ -0,0 +1,8 @@
+export declare const Sticky: {
+    (props: any): JSX.Element;
+    propTypes: {
+        text: any;
+        size: any;
+        color: any;
+    };
+};

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

@@ -0,0 +1,13 @@
+export declare const Token: {
+    (props: any): JSX.Element;
+    propTypes: {
+        type: any;
+        variant: any;
+        color: any;
+        size: any;
+        iconType: any;
+        icon: any;
+        letter: any;
+        onClick: any;
+    };
+};

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

@@ -0,0 +1,6 @@
+export declare const Adornment: {
+    (props: any): JSX.Element;
+    propTypes: {
+        color: any;
+    };
+};

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

@@ -0,0 +1 @@
+export declare const DynamicContainerWithMenu: any;

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

@@ -0,0 +1,15 @@
+export declare const AmbientList: {
+    (props: any): JSX.Element;
+    propTypes: {
+        data: any;
+        useAvatar: any;
+        getItemIcon: any;
+        getItemStatus: any;
+        onItemClick: any;
+        fieldConfig: any;
+        noDataMessage: any;
+        maxHeight: any;
+        listHeight: any;
+        noDataHeight: any;
+    };
+};

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

@@ -0,0 +1 @@
+export declare const AvatarAlphabet: (props: any) => string;

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

@@ -0,0 +1,6 @@
+export declare const ChipAlphabet: ({ avatarCharacter, label, handleClick, avatar }: {
+    avatar: any;
+    avatarCharacter: any;
+    handleClick: any;
+    label: any;
+}) => string;

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

@@ -0,0 +1 @@
+export declare const CompactDataList: (props: any) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const CompactDataListItem: (props: any) => JSX.Element;

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

@@ -0,0 +1,19 @@
+export declare const EmptyStateDisplay: {
+    (props: any): JSX.Element;
+    propTypes: {
+        icon: any;
+        iconSize: any;
+        customIconSize: any;
+        imageSrc: any;
+        imageWidth: any;
+        primaryText: any;
+        secondaryText: any;
+        actionLabel: any;
+        action: any;
+    };
+    defaultProps: {
+        iconSize: number;
+        customIconSize: boolean;
+        imageWidth: string;
+    };
+};

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

@@ -0,0 +1 @@
+export declare const FluentActivity: (props: any) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const FluentActivityRow: (props: any) => JSX.Element;

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

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

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

@@ -0,0 +1,78 @@
+import { ReactNode } from 'react';
+/* #region  CellUnityIcon */
+interface CellUnityIconProps extends FluentCellProps {
+    icon: string;
+    size: string;
+    color: string;
+    align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+    className?: string;
+}
+/* #endregion */
+/* #region  CellIcon */
+interface CellImageProps extends FluentCellProps {
+    src: string;
+    alt: string;
+    title: string;
+    style?: object;
+    children: any;
+}
+/* #endregion */
+/* #region  CellIcon */
+interface CellIconProps extends FluentCellProps {
+    icon: any;
+    label: string;
+    style?: object;
+}
+/* #endregion */
+/* #region  CellNumber */
+interface CellNumberProps extends FluentCellProps {
+    decimals?: number | string;
+    children: any;
+}
+/* #endregion */
+/* #region  CellDate */
+interface CellDateProps extends FluentCellProps {
+    format?: string;
+    children: any;
+}
+/* #endregion */
+/* #region  CellCurrency */
+interface CellCurrencyProps extends FluentCellProps {
+    currencySymbol?: string;
+    children: any;
+}
+/* #endregion */
+/* #region  CellText */
+interface CellTextProps extends FluentCellProps {
+    children: any;
+}
+/* #endregion */
+/* #region  Chip */
+interface CellChipProps extends FluentCellProps {
+    status?: string;
+    size?: string;
+    children: any;
+}
+/* #endregion */
+interface FluentCellProps {
+    scope?: string;
+    bold?: boolean;
+    style?: object;
+    align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+    children?: ReactNode;
+    className?: string;
+    colSpan?: number;
+    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;
+};
+export default FluentCell;

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

@@ -0,0 +1,11 @@
+import { Size } from '@material-ui/core';
+import React, { ReactNode } from 'react';
+interface FluentDataTableProps {
+    style?: object;
+    size?: Size | undefined;
+    children: ReactNode;
+    stickyHeader?: boolean;
+    containerMaxHeight?: string | number;
+}
+export declare const FluentDataTable: React.FC<FluentDataTableProps>;
+export {};

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

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

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

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

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

@@ -0,0 +1,8 @@
+export declare const FluentListElement: ({ subject, value, className, status, anchor, href }: {
+    anchor?: boolean;
+    className: any;
+    href: any;
+    status: any;
+    subject: any;
+    value: any;
+}) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const FluentListItem: (props: any) => JSX.Element;

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

@@ -0,0 +1,31 @@
+/**
+ * `GraphCard` component
+ */
+export declare const GraphCard: {
+    (props: any): JSX.Element;
+    propTypes: {
+        /**
+         * Optional, card title
+         */
+        title: any;
+        /**
+         * @type {?object}
+         {
+           graphSpecs: {} object see an example structure in https://vega.github.io/vega-lite/usage/typescript.html
+          }
+         */
+        graphSpecs: object;
+        /**
+         * Optional, hide or show the top panel
+         */
+        showInfoPanel: any;
+        /**
+         * Optional, content for the info panel behind the graph
+         */
+        children: any;
+        /**
+         * Optional, additional properties to apply some styles over the main container
+         */
+        style: any;
+    };
+};

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

@@ -0,0 +1,31 @@
+export declare const HeaderExpander: {
+    (props: any): JSX.Element;
+    propTypes: {
+        /**
+         * Contents of container
+         */
+        children: any;
+        /**
+         * Function to trigger panel to open and close
+         */
+        onClick: any;
+        /**
+         * State, if true, will cause panel to open. If false, the panel is closed.
+         */
+        sectionOpen: any;
+        /**
+         * Shelf below drawer that fills the space left by the toggle button.
+         * Can be used to add things like additional toggles, other buttons,
+         * stats, etc.
+         */
+        options: any;
+        /**
+         * The label that appears on the toggle tab.
+         */
+        toggleLabel: any;
+        /**
+         * The color of the background section and toggle.
+         */
+        color: any;
+    };
+};

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

@@ -0,0 +1,10 @@
+export declare const HintPanel: {
+    ({ hint, hideHintText }: {
+        hideHintText: any;
+        hint: any;
+    }): JSX.Element;
+    propTypes: {
+        hint: any;
+        hideHintText: any; // Text for the hide hint button
+    };
+};

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

@@ -0,0 +1,9 @@
+export declare const StatusChip: ({ status, label, useSmallChip, isActionable, icon, variant, onClick, }: {
+    icon: any;
+    isActionable?: boolean;
+    label: any;
+    onClick: any;
+    status: any;
+    useSmallChip?: boolean;
+    variant?: string;
+}) => JSX.Element;

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

@@ -0,0 +1,31 @@
+export declare const AccountFlags: {
+    (props: any): JSX.Element;
+    propTypes: {
+        /** @type {?bool} loading indicator */
+        isLoading: bool;
+        /**
+         * @type {?array} list of flags to render, required array object structure e.g
+         * [{
+         *  label: 'Flag Name',
+         *  severity: 'Warning',       -- Determine the color of the flag
+         *  textColor: string,         -- optional text color, if it's not specified then it will use the severity object color'
+         *  backgroundColor: string,   -- optional background color, if it's not specified then it will use the severity object color'
+         * }]
+         */
+        flagList: array;
+        /**
+         * @type {?object} optional object to specify custom or additional colors e.g
+         * {
+         *  success: {
+         *    textColor: '#4CAF50',
+         *    backgroundColor: 'rgba(76, 175, 80, 0.25)',
+         *  },
+         *  warning: {
+         *    textColor: '#FFB547',
+         *    backgroundColor: 'rgba(255, 152, 0, 0.25)',
+         *  }
+         * }
+         */
+        customColorRange: object;
+    };
+};