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

package/dist/types/UI/maps/UdpMapToolbar.d.ts

@@ -0,0 +1,87 @@
+import React from 'react';
+export interface AddFeaturePanelConfig {
+    getLayerOptionsFromLayerValues?: (layerValues: any[]) => {
+        label: string;
+        value: any;
+    }[];
+    getFeatureTypeOptionsFromLayerValue?: (layerValue: any) => {
+        label: string;
+        value: any;
+    }[];
+}
+export interface UdpMapToolbarProps {
+    /* Map instance */
+    map: any;
+    /* Title appearing on map */
+    mapTitle?: string;
+    /* Map feature projection used */
+    mapProjection?: string;
+    /* Method - Returns custom styles for features */
+    getFeatureStyles?: any;
+    /* Method - Returns custom styles for selected features */
+    getSelectedFeatureStyles?: any;
+    /* Custom filter panel */
+    filterPanel?: string;
+    /* Allows selecting tile layer */
+    enableTileSelection?: boolean;
+    /* List of tile layers visible on the map */
+    tileLayersOptions?: any[];
+    /* Default tile layer name */
+    defaultTileOptionName?: string;
+    /* List of options for vector layers */
+    layerOptions?: any[];
+    /* Vector layers selected in the layer filter on initial map load */
+    initialSelectedLayers?: any[];
+    /* Custom action panel for selected features */
+    bulkSelectedFeaturesActionPanel?: string;
+    /* Method - Retrieves selected features when bulk selected */
+    handleSetSelectedFeaturesOnBulkSelect: any;
+    /* Callback method to refresh map */
+    handleRefresh?: any;
+    /* Custom tooltip message on refresh button */
+    refreshButtonTooltip?: string;
+    /* Map is read-only (setting true removes the add, edit, delete functionality) */
+    readOnlyMap: boolean;
+    /* Enables adding a new feature by drawing on the map */
+    enableAdd: boolean;
+    /* When adding features on the map by drawing, this callback method returns the newly added features */
+    handleAddNewFeatures: any;
+    /* When adding features by drawing, add multiple features */
+    addMultipleFeatures: boolean;
+    /* Enables splitting line strings on the map */
+    enableSplitFeature: boolean;
+    /* Callback function to return split feature */
+    handleSplitFeature: any;
+    /* Method to set the selected feature properties */
+    handleSetSelectedFeatureProperties: any;
+    /* Layer options filtered by role */
+    filteredLayerOptionsByRole: any[];
+    /* Set bulk selection state to active */
+    handleSetBulkSelectionActive: any;
+    /* Boolean - if drag box interaction is currently active */
+    enableDragBox: boolean;
+    /* Set enableDragBox state */
+    handleSetEnableDragBox: any;
+    /* Boolean - if split interaction is currently active */
+    splitActive: boolean;
+    /* Set splitActive state */
+    handleSetSplitActive: any;
+    /* Interaction for select feature */
+    selectFeatureInteraction: any;
+    /* Method that handles adding interactions to the map */
+    handleAddInteractionToMap: any;
+    /* Show the button to add a new feature by drawing on the map */
+    enableAddNewFeature: boolean;
+    /* Callback method returns the new feature added */
+    handleEnableAddNewFeature: any;
+    /* Callback method returns selected layers */
+    /* List of layers that are read only */
+    readOnlyLayers?: string[];
+    /* Array of currently selected layers on the map */
+    selectedLayers: any[];
+    /* Handler to set the selected layers programmatically */
+    handleSetSelectedLayers: (value: any) => void;
+    /* Configuration object for customizing the add feature panel's appearance or behavior */
+    addFeaturePanelConfig?: AddFeaturePanelConfig;
+}
+export declare const UdpMapToolbar: React.FC<UdpMapToolbarProps>;

package/dist/types/UI/navigation/FluentSideNav.d.ts

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

package/dist/types/UI/navigation/menus/AppMenu.d.ts

@@ -0,0 +1,6 @@
+export declare const AppMenu: ({ childrenIcons, menuItems, sidebarExpanded, user }: {
+    childrenIcons: any;
+    menuItems: any;
+    sidebarExpanded: any;
+    user: any;
+}) => JSX.Element;

package/dist/types/UI/navigation/menus/AppMenuItem.d.ts

@@ -0,0 +1,25 @@
+// React runtime PropTypes
+export declare const AppMenuItemPropTypes: {
+    id: any;
+    label: any;
+    link: any;
+    icon: any;
+    iconName: any;
+    items: any;
+    indent: any;
+    redirectInfo: any;
+    params: any;
+    menuItemId: any;
+    menuStructureId: any;
+    parentId: any;
+    productId: any;
+    isActive: any;
+    roleIds: any;
+    getAccessToken: any;
+    childrenIcons: any;
+    isChild: any;
+    childIndex: any;
+    sidebarExpanded: any;
+    devicesHiddenOn: any;
+};
+export declare const AppMenuItem: (props: any) => JSX.Element;

package/dist/types/UI/navigation/menus/AppMenuItemComponent.d.ts

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

package/dist/types/UI/navigation/menus/Expander.d.ts

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

package/dist/types/UI/navigation/menus/ExpanderItem.d.ts

@@ -0,0 +1,4 @@
+export declare const ExpanderItem: ({ label, expanded }: {
+    expanded: any;
+    label: any;
+}) => JSX.Element;

package/dist/types/UI/navigation/menus/FluentMenuListItem.d.ts

@@ -0,0 +1,5 @@
+export declare const FluentMenuListItem: ({ label, onClick, ...props }: {
+    [x: string]: any;
+    label: any;
+    onClick: any;
+}) => JSX.Element;

package/dist/types/UI/navigation/tabs/UdpTabPanel.d.ts

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

package/dist/types/UI/navigation/tabs/UdpTabUtility.d.ts

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

package/dist/types/UI/navigation/tabs/UdpTabs.d.ts

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

package/dist/types/UI/navigation/tabs/defaultTabs/FluentSimpleTab.d.ts

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

package/dist/types/UI/navigation/tabs/defaultTabs/FluentSimpleTabs.d.ts

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

package/dist/types/UI/navigation/tabs/defaultTabs/FluentTabPanel.d.ts

@@ -0,0 +1,8 @@
+export declare const FluentTabPanel: {
+    (props: any): JSX.Element;
+    propTypes: {
+        children: any;
+        index: any;
+        value: any;
+    };
+};

package/dist/types/UI/navigation/tabs/defaultTabs/FluentTabPanels.d.ts

@@ -0,0 +1,17 @@
+export declare const a11yProps: (index: any) => {
+    id: string;
+    "aria-controls": string;
+};
+/**
+ * @type {import('@material-ui/core').StyledComponentProps<"root" | "labelIcon" | "textColorInherit" | "textColorPrimary" | "textColorSecondary" | "selected" | "disabled" | "fullWidth" | "wrapped" | "wrapper">}
+ */
+export declare const StyledTab: import('@material-ui/core').StyledComponentProps<"root" | "labelIcon" | "textColorInherit" | "textColorPrimary" | "textColorSecondary" | "selected" | "disabled" | "fullWidth" | "wrapped" | "wrapper">;
+export declare const FluentTabPanels: {
+    (props: any): JSX.Element;
+    propTypes: {
+        children: any;
+        index: any;
+        value: any;
+        sx: any;
+    };
+};

package/dist/types/UI/navigation/tabs/defaultTabs/FluentTabUtility.d.ts

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

package/dist/types/UI/property/PropertyFields.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Convert a simple key/value properties object to an initialValues object with the prefixes used by widget components
+ */
+export declare function getFieldValuesForProperties(type: any, properties: any): any;
+/**
+ * Convert a values object with the prefixes used by widget components into a simple key/value properties object
+ */
+export declare function getPropertiesForFieldValues(type: any, values: any): {};
+/**
+ * Shared component for outputting dynamic fields from properties table
+ */
+export declare const PropertyField: (props: any) => JSX.Element;
+/**
+ * Shared component for outputting dynamic fields from properties table
+ */
+export declare const PropertyFields: (props: any) => any;

package/dist/types/UI/property/widgets/AutoCompletePropertyWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `autocomplete` property widget
+ *
+ * Outputs a Autocomplete field
+ */
+declare const AutoCompletePropertyWidget: (props: any) => JSX.Element;
+export default AutoCompletePropertyWidget;

package/dist/types/UI/property/widgets/BooleanPropertyWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `boolean` property widget
+ *
+ * Outputs a select TextField with true/false as options
+ */
+declare const BooleanPropertyWidget: (props: any) => JSX.Element;
+export default BooleanPropertyWidget;

package/dist/types/UI/property/widgets/DatePropertyWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `date` property widget
+ *
+ * Outputs a DatePicker field
+ */
+declare const DatePropertyWidget: (props: any) => JSX.Element;
+export default DatePropertyWidget;

package/dist/types/UI/property/widgets/DateTimePropertyWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `date` property widget
+ *
+ * Outputs a DateTimePicker field
+ */
+declare const DateTimePropertyWidget: (props: any) => JSX.Element;
+export default DateTimePropertyWidget;

package/dist/types/UI/property/widgets/FloatPropertyWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `float` property widget
+ *
+ * Outputs a type=number TextField with an optional unit and an optional step
+ */
+declare const FloatPropertyWidget: (props: any) => JSX.Element;
+export default FloatPropertyWidget;

package/dist/types/UI/property/widgets/IntegerPropertyWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `integer` property widget
+ *
+ * Outputs a type=number TextField with an optional unit
+ */
+declare const IntegerPropertyWidget: (props: any) => JSX.Element;
+export default IntegerPropertyWidget;

package/dist/types/UI/property/widgets/MultilineTextPropertyWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `multiline-text` property widget
+ *
+ * Outputs a multiline TextField
+ */
+declare const MultilineTextPropertyWidget: (props: any) => JSX.Element;
+export default MultilineTextPropertyWidget;

package/dist/types/UI/property/widgets/NumericPropertyWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `numeric` property widget
+ *
+ * Outputs numeric TextField suitable for non-integer numbers like numeric identifier numbers
+ */
+declare const NumericPropertyWidget: (props: any) => JSX.Element;
+export default NumericPropertyWidget;

package/dist/types/UI/property/widgets/SelectPropertyWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `select` property widget
+ *
+ * Outputs a select TextField
+ */
+declare const SelectPropertyWidget: (props: any) => JSX.Element;
+export default SelectPropertyWidget;

package/dist/types/UI/property/widgets/TextPropertyWidget.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Base component for all property widgets that are based on TextField
+ */
+export declare const BaseTextPropertyWidget: (props: any) => JSX.Element;
+/**
+ * `text` property widget
+ *
+ * Outputs a basic TextField
+ */
+declare const TextPropertyWidget: (props: any) => JSX.Element;
+export default TextPropertyWidget;

package/dist/types/UI/property/widgets/TimePropertyWidget.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `time` property widget
+ *
+ * Outputs a TimePicker field
+ */
+declare const TimePropertyWidget: (props: any) => JSX.Element;
+export default TimePropertyWidget;

package/dist/types/UI/property/widgets/index.d.ts

@@ -0,0 +1,15 @@
+// TODO: potentially implement an icon widget
+declare const widgets: {
+    TextWidget: (props: any) => JSX.Element;
+    IntegerWidget: (props: any) => JSX.Element;
+    NumericWidget: (props: any) => JSX.Element;
+    DateWidget: (props: any) => JSX.Element;
+    MultilineWidget: (props: any) => JSX.Element;
+    SelectWidget: (props: any) => JSX.Element;
+    FloatWidget: (props: any) => JSX.Element;
+    TimeWidget: (props: any) => JSX.Element;
+    BooleanWidget: (props: any) => JSX.Element;
+    DateTimeWidget: (props: any) => JSX.Element;
+    AutoCompleteWidget: (props: any) => JSX.Element;
+};
+export default widgets;

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

@@ -0,0 +1,38 @@
+export interface StepDisplay {
+    inProcessIcon: string;
+    completeIcon: string;
+    title?: string;
+    subTitle?: string;
+}
+export interface Button {
+    title: string;
+    action: number;
+    customAction?: any;
+    disabled?: boolean;
+    variant?: 'default' | 'outline';
+}
+export type LabelDisplayMode = 'all' | 'none' | 'active-only';
+export type LabelPosition = 'right' | 'bottom' | 'default';
+export interface Step {
+    stepDisplay: StepDisplay;
+    stepTitle: string;
+    showTitle: boolean;
+    buttons: Button[];
+    content?: any;
+}
+export interface UdpStepperProps {
+    steps: Step[];
+    activeStep?: number;
+    orientation?: 'horizontal' | 'vertical';
+    alternativeLabel?: boolean;
+    nonLinear?: boolean;
+    completed?: {
+        [key: number]: boolean;
+    };
+    disableStrictStepCompletion?: boolean;
+    labelDisplay?: LabelDisplayMode;
+    labelPosition?: LabelPosition;
+    onStepChange: (event: any) => void;
+    stepChange?: (event: any) => void;
+    children?: any;
+}

package/dist/types/UI/stepper/udp-stepper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { UdpStepperProps } from './types';
+export declare const UdpStepper: React.FC<UdpStepperProps>;

package/dist/types/UI/support/SupportCaseForm.d.ts

@@ -0,0 +1,6 @@
+declare const SupportCaseForm: ({ onSubmit, initialValues, handleCloseSupportCaseSideSheet }: {
+    handleCloseSupportCaseSideSheet: any;
+    initialValues?: {};
+    onSubmit: any;
+}) => JSX.Element;
+export default SupportCaseForm;

package/dist/types/UI/support/SupportCaseSideSheet.d.ts

@@ -0,0 +1,9 @@
+export declare const SupportCaseSideSheet: ({ open, onClose, onSubmit, initialValues, handleCloseSupportCaseSideSheet, loading }: {
+    handleCloseSupportCaseSideSheet: any;
+    initialValues: any;
+    loading: any;
+    onClose: any;
+    onSubmit: any;
+    open: any;
+}) => JSX.Element;
+export default SupportCaseSideSheet;

package/dist/types/UI/surfaces/NestedGrid/NestedGrid.d.ts

@@ -0,0 +1,18 @@
+export declare const NestParent: ({ parentTitle, children, showDetail }: {
+    children: any;
+    parentTitle: any;
+    showDetail: any;
+}) => JSX.Element;
+export declare const NestWrapper: ({ children, columnFr }: {
+    children: any;
+    columnFr: any;
+}) => JSX.Element;
+export declare const toggleHeader: (type: any, setShowDetail: any, setColumnFr: any) => void;
+export declare const NestedGrid: ({ children, setShowDetail, setColumnFr, columnFr, childTitle, showDetail }: {
+    childTitle: any;
+    children: any;
+    columnFr: any;
+    setColumnFr: any;
+    setShowDetail: any;
+    showDetail: any;
+}) => JSX.Element;

package/dist/types/UI/surfaces/NestedGrid/ui/ExpandRenderer.d.ts

@@ -0,0 +1,5 @@
+export declare const ExpandRenderer: ({ openNestedGrid, title, icon }: {
+    icon: any;
+    openNestedGrid: any;
+    title: any;
+}) => JSX.Element;

package/dist/types/UI/surfaces/SideSheet.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Base right hand side sheet with no contents
+ */
+export declare const BaseSideSheet: (props: any) => JSX.Element;
+/**
+ * A right hand material side sheet
+ */
+export declare const SideSheet: {
+    (props: any): JSX.Element;
+    propTypes: {
+        /**
+         * Main content for the modal view
+         */
+        children: any;
+        /**
+         * SideSheet title
+         */
+        title: any;
+        /**
+         * Function to close SideSheet
+         */
+        onClose: any;
+        /**
+         * Determins the open or closed state of the SideSheet
+         */
+        open: any;
+        /**
+         * Value for progress loading
+         */
+        progress: any;
+        /**
+         * Progress loading color
+         */
+        progressColor: any;
+        /**
+         * Width of the SideSheet
+         */
+        width: any;
+        /**
+         * Anchor orgin of card (right, left, top, bottom)
+         */
+        anchor: any;
+        /**
+         * Label for top action button (global only)
+         */
+        buttonLabel: any;
+        /**
+         * Option to override container padding
+         */
+        noPadding: any;
+        /**
+         * Progress loading color
+         */
+        contentHeight: any;
+    };
+    defaultProps: {
+        anchor: string;
+        progressColor: string;
+    };
+};

package/dist/types/UI/surfaces/cards/AmbientCard.d.ts

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

package/dist/types/UI/surfaces/cards/AmbientCardTitle.d.ts

@@ -0,0 +1,32 @@
+export declare const AmbientCardTitle: {
+    (props: any): JSX.Element;
+    propTypes: {
+        /** @type {?string} title text */
+        title: string;
+        /** @type {?string} color text by default #FFF */
+        color: string;
+        /** @type {?string} optional backgroundColor */
+        backgroundColor: string;
+        /** @type {?elementType} variant values for material ui ->
+        | 'h1'
+        | 'h2'
+        | 'h3'
+        | 'h4'
+        | 'h5'
+        | 'h6'
+        | 'subtitle1'
+        | 'subtitle2'
+        | 'body1'
+        | 'body2'
+        | 'caption'
+        | 'button'
+        | 'overline'*/
+        variant: elementType;
+        /** @type {?object} optional additional css properties */
+        style: object;
+        /** @type {?object}  additional text style properties */
+        textStyle: object;
+        /** @type {?elementType} optional children element */
+        children: elementType;
+    };
+};

package/dist/types/UI/surfaces/cards/AmbientVisualizationCard.d.ts

@@ -0,0 +1,10 @@
+export declare const AmbientVisualizationCard: ({ title, toggleList1, toggleList2, toggleList3, tabList, tabContent1, tabContent2, tabContent3 }: {
+    tabContent1: any;
+    tabContent2: any;
+    tabContent3: any;
+    tabList: any;
+    title: any;
+    toggleList1: any;
+    toggleList2: any;
+    toggleList3: any;
+}) => JSX.Element;

package/dist/types/UI/surfaces/cards/BioCard.d.ts

@@ -0,0 +1,10 @@
+export declare const BioCard: ({ children, avatar, alt, firstName, lastName, address, copy, className }: {
+    address: any;
+    alt: any;
+    avatar: any;
+    children: any;
+    className: any;
+    copy: any;
+    firstName: any;
+    lastName: any;
+}) => JSX.Element;

package/dist/types/UI/surfaces/cards/ContentDisplayCard.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ContentDisplayCard
+ *
+ * @param {*} props
+ * @return {*}
+ */
+export declare const ContentDisplayCard: {
+    (props: any): any;
+    propTypes: {
+        title: any;
+        fullWidth: any;
+        className: any;
+        style: any;
+        headerColor: any;
+        loading: any;
+        headerElement: any;
+        children: any;
+    };
+};

package/dist/types/UI/surfaces/cards/FUICard.d.ts

@@ -0,0 +1,4 @@
+export declare let FUICardAction: (props: any, ref: any) => JSX.Element;
+export declare let FUICardHeaderMenu: (props: any, ref: any) => JSX.Element;
+declare const _default: any;
+export default _default;

package/dist/types/UI/surfaces/cards/FUICardHeader.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/types/UI/surfaces/cards/FluentCard.d.ts

@@ -0,0 +1,4 @@
+/**
+ * A variant of <Card> that uses a square Fluent UI card style
+ */
+export declare const FluentCard: any;

package/dist/types/UI/surfaces/cards/FluentCardActions.d.ts

@@ -0,0 +1,4 @@
+/**
+ * A variant of <CardActions> that uses a Fluent UI card style
+ */
+export declare const FluentCardActions: any;

package/dist/types/UI/surfaces/cards/FluentCardContent.d.ts

@@ -0,0 +1,4 @@
+/**
+ * A variant of <CardContent> that uses a Fluent UI card style
+ */
+export declare const FluentCardContent: any;

package/dist/types/UI/surfaces/cards/FluentCardHeader.d.ts

@@ -0,0 +1,4 @@
+/**
+ * A variant of <CardHeader> that uses a Fluent UI card style
+ */
+export declare const FluentCardHeader: any;

package/dist/types/UI/surfaces/cards/FluentCardText.d.ts

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

package/dist/types/UI/surfaces/cards/InfoCard.d.ts

@@ -0,0 +1,54 @@
+export declare const InfoCard: {
+    ({ children, title, subTitle, relatedTopics, label, headerComponent, subHeaderComponent, size, titleVariant, className, titleHeight }: {
+        children: any;
+        className: any;
+        headerComponent?: string;
+        label: any;
+        relatedTopics: any;
+        size: any;
+        subHeaderComponent?: string;
+        subTitle: any;
+        title: any;
+        titleHeight: any;
+        titleVariant?: string;
+    }): JSX.Element;
+    propTypes: {
+        /**
+         * Main content for the card
+         */
+        children: any;
+        /**
+         * Card title
+         */
+        title: any;
+        /**
+         * Optional card subtitle
+         */
+        subTitle: any;
+        /**
+         * Option list of related topics
+         */
+        relatedTopics: any;
+        /**
+         * Title for related topics or alt title
+         */
+        label: any;
+        /**
+         * Change semantic header of card title
+         */
+        headerComponent: any;
+        /**
+         * Change semantic header of card subtitle
+         */
+        subHeaderComponent: any;
+        /**
+         * Card size override for dense card
+         */
+        size: any;
+    };
+    defaultProps: {
+        headerComponent: string;
+        subHeaderComponent: string;
+        size: string;
+    };
+};