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

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

@@ -0,0 +1,40 @@
+import React from 'react';
+export declare const TicketCard: {
+    ({ totalAmount, label, notification, alertNumber, ticketData, component }: {
+        alertNumber: any;
+        component?: string;
+        label: any;
+        notification: any;
+        ticketData: any;
+        totalAmount: any;
+    }): React.JSX.Element;
+    propTypes: {
+        /**
+         * Total amount stat
+         */
+        totalAmount: any;
+        /**
+         * Stat label
+         */
+        label: any;
+        /**
+         * Type of status to toggle notification
+         */
+        notification: any;
+        /**
+         * amount of alert items
+         */
+        alertNumber: any;
+        /**
+         * prop for mapped data
+         */
+        ticketData: any;
+        /**
+         * Header Tag override. Defaults to H2
+         */
+        component: any;
+    };
+    defaultProps: {
+        component: string;
+    };
+};

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

@@ -0,0 +1,3 @@
+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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+import React from 'react';
+export declare const StylizedTitle: {
+    ({ children, color, component }: {
+        children: any;
+        color: any;
+        component?: string;
+    }): React.JSX.Element;
+    propTypes: {
+        /**
+         * Wraps the title
+         */
+        children: any;
+        /**
+         * Provides a color block
+         */
+        color: any;
+        /**
+         * Header Tag override. Defaults to H2
+         */
+        component: any;
+    };
+    defaultProps: {
+        component: string;
+    };
+};

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

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

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

@@ -0,0 +1,63 @@
+export declare const AmbientVisualizer: ({ values, visualization, verticalBarWidth, verticalBarColor, verticalBarBand, verticalBarBandThin, styleThin, verticalBarXfield, verticalBarXtype, verticalBarYfield, verticalBarYtype, horizontalBarWidth, horizontalBarHeight, horizontalBarColor, horizontalBarBand, horizontalBarBandThin, horizontalBarXfield, horizontalBarXtype, horizontalBarYfield, horizontalBarYtype, areaLineHeight, areaLineWidth, areaLineXtimeUnit, areaLineXfield, areaLineXtype, areaLineXaxisFormat, areaLineYaggergate, areaLineYfield, areaLineType, layeredChartLayer, donutChartInnerRadius, pieThetaField, pieThetaType, pieColorField, pieColorType, tooltip, encodingTooltip, chartWidth, chartHeight, xTitle, yTitle, linePoint, lineXtimeUnit, lineXfield, lineXtype, lineYaggergate, lineYfield, lineYtype, lineColorField, lineColorType, vegaLiteSpecProps, gaugeTitle, gaugeUnitLabel, gaugeLegend, gaugeShowTicks, gaugeTicksNumber, gaugeBackgroundColor, gaugeFillColor, gaugeValue, gaugeMinValue, gaugeMaxValue, }: {
+    areaLineHeight?: number;
+    areaLineType?: string;
+    areaLineWidth?: number;
+    areaLineXaxisFormat?: string;
+    areaLineXfield?: string;
+    areaLineXtimeUnit?: string;
+    areaLineXtype?: string;
+    areaLineYaggergate?: string;
+    areaLineYfield?: string;
+    chartHeight: any;
+    chartWidth: any;
+    donutChartInnerRadius?: number;
+    encodingTooltip?: any;
+    gaugeBackgroundColor?: string;
+    gaugeFillColor?: string;
+    gaugeLegend?: string;
+    gaugeMaxValue?: number;
+    gaugeMinValue?: number;
+    gaugeShowTicks?: boolean;
+    gaugeTicksNumber: any;
+    gaugeTitle?: string;
+    gaugeUnitLabel?: string;
+    gaugeValue?: number;
+    horizontalBarBand?: number;
+    horizontalBarBandThin?: number;
+    horizontalBarColor?: string;
+    horizontalBarHeight?: number;
+    horizontalBarWidth?: number;
+    horizontalBarXfield?: string;
+    horizontalBarXtype?: string;
+    horizontalBarYfield?: string;
+    horizontalBarYtype?: string;
+    layeredChartLayer: any;
+    lineColorField: any;
+    lineColorType?: string;
+    linePoint: any;
+    lineXfield: any;
+    lineXtimeUnit: any;
+    lineXtype: any;
+    lineYaggergate: any;
+    lineYfield: any;
+    lineYtype: any;
+    pieColorField: any;
+    pieColorType?: string;
+    pieThetaField: any;
+    pieThetaType?: string;
+    styleThin: any;
+    tooltip: any;
+    values: any;
+    vegaLiteSpecProps?: {};
+    verticalBarBand?: number;
+    verticalBarBandThin?: number;
+    verticalBarColor?: string;
+    verticalBarWidth?: number;
+    verticalBarXfield?: string;
+    verticalBarXtype?: string;
+    verticalBarYfield?: string;
+    verticalBarYtype?: string;
+    visualization: any;
+    xTitle: any;
+    yTitle: any;
+}) => string;

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

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

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

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

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

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

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

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

package/dist/types/UI/demos/InputsExample.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+// Extend JSX types for Stencil components
+export declare const InputsExample: () => React.JSX.Element;
+export default InputsExample;

package/dist/types/UI/feedback/AmbientAlert.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const AmbientAlert: ({ alertButton, alertMessage, alertTitle, showAlert, alertSeverity, closeAlert, alertAction, alertActionButton, alertHandleAction, ...otherProps }: {
+    [x: string]: any;
+    alertAction: any;
+    alertActionButton: any;
+    alertButton: any;
+    alertHandleAction: any;
+    alertMessage: any;
+    alertSeverity: any;
+    alertTitle: any;
+    closeAlert: any;
+    showAlert: any;
+}) => React.JSX.Element;

package/dist/types/UI/feedback/AmbientToast.d.ts

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

package/dist/types/UI/feedback/FluentDialog.d.ts

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

package/dist/types/UI/feedback/NodeLoader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const NodeLoader: ({ loading, nodesRequested }: {
+    loading: any;
+    nodesRequested?: number[];
+}) => React.JSX.Element;

package/dist/types/UI/feedback/PageLoading.d.ts

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

package/dist/types/UI/fileViewer/FileViewer.d.ts

@@ -0,0 +1,3 @@
+/* eslint-disable react/jsx-no-useless-fragment */
+import React from 'react';
+export declare const FileViewer: (props: any) => React.JSX.Element;

package/dist/types/UI/fileViewer/imageSlider/Image.d.ts

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

package/dist/types/UI/fileViewer/imageSlider/ImageFooter.d.ts

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

package/dist/types/UI/fileViewer/imageSlider/ImageSlider.d.ts

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

package/dist/types/UI/fileViewer/imageSlider/ImageViewerSideSheet.d.ts

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

package/dist/types/UI/fileViewer/pdfViewer/ControlPanel.d.ts

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

package/dist/types/UI/fileViewer/utils/fileTypes.d.ts

@@ -0,0 +1 @@
+export declare const imageExtension: string[];

package/dist/types/UI/fileViewer/utils/fileUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const handleDownloadFile: (fileUrl: any, fileName: any) => void;
+export declare const validateFilesImageType: (files: any[], fileExtensionField: any) => string;

package/dist/types/UI/floorplans/CoreLayoutFloorplan.d.ts

@@ -0,0 +1,190 @@
+import React from 'react';
+export declare const CoreLayoutFloorplan: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        /**
+         * Container to add Primary Action Header to page
+         */
+        PrimaryActionHeader: any;
+        /**
+         * Additional open area on page to add content. Adds a space above the grid area.
+         */
+        children: any;
+        /**
+         * Content that shows up in the split screen area.
+         */
+        splitScreenContent: any;
+        /**
+         * Data for AgGrid.
+         */
+        gridData: any;
+        /**
+         * Accepts an array of data to build out the buttons and functions to group data on the grid.
+         */
+        groupData: any;
+        /**
+         * Grid definitions to define keys for AgGrid.
+         */
+        columnDefinitions: any;
+        /**
+         * Content area for top expanded section.
+         */
+        expandedData: any;
+        /**
+         * shows or hides split screen (default: false)
+         */
+        splitScreen: any;
+        /**
+         * The width the split screen displays at.
+         */
+        splitScreenWidth: any;
+        /**
+         * To connect function to update state for split screen width.
+         */
+        setSplitScreenWidth: any;
+        /**
+         * Used to set side sheet title.
+         */
+        sideSheetTitle: any;
+        /**
+         * Lable for the side sheet action button.
+         */
+        sideSheetButton: any;
+        /**
+         * Disable Toggle for the side sheet button.
+         */
+        sideSheetDisabled: any;
+        /**
+         * Allows progress indication for the side sheet.
+         */
+        sideSheetProgress: any;
+        /**
+         * When true sets the side sheet open (default: false)
+         */
+        sideSheetOpen: any;
+        /**
+         * State function to set the side sheet state true or false.
+         */
+        setSideSheetOpen: any;
+        /**
+         * Function to set the side sheet closed.
+         */
+        setSideSheetClose: any;
+        /**
+         * Content that displays in the side sheet.
+         */
+        setSideSheetContent: any;
+        /**
+         * Action for the first button in the dialog.
+         */
+        dialogActionOne: any;
+        /**
+         * Action for the second button in the dialog.
+         */
+        dialogActionTwo: any;
+        /**
+         * Function to canel open dialog.
+         */
+        dialogClose: any;
+        /**
+         * If true will cause the dialog to open.
+         */
+        dialogOpen: any;
+        /**
+         * Main title of the dialog.
+         */
+        dialogTitle: any;
+        /**
+         * Dialog message.
+         */
+        dialogMessage: any;
+        /**
+         * Label for first button of dialog.
+         */
+        dialogLabelOne: any;
+        /**
+         * Label for second button of dialog.
+         */
+        dialogLableTwo: any;
+        /**
+         * If true will display the notice message.
+         */
+        notice: any;
+        /**
+         * Label for alert button.
+         */
+        alertButton: any;
+        /**
+         * Message that displays in alert.
+         */
+        alertMessage: any;
+        /**
+         * Sets the severity of the alert (info, warning, error, success).
+         */
+        alertType: any;
+        /**
+         * Function to close notice.
+         */
+        closeNotice: any;
+        /**
+         * If true the notice will be displayed.
+         */
+        noticeOpen: any;
+        /**
+         * Optional action assigned to notice.
+         */
+        noticeAction: any;
+        /**
+         * The type of notice: error, warning, success, info (toast).
+         */
+        noticeType: any;
+        /**
+         * The message contained in the notice (toast).
+         */
+        noticeMessage: any;
+        /**
+         * The label for the notice button (toast).
+         */
+        noticeButton: any;
+        /**
+         * Sets the severity of the alert (info, warning, error, success).
+         */
+        alertSeverity: any;
+        /**
+         * If true the alert will display.
+         */
+        showAlert: any;
+        /**
+         * Function to close alert.
+         */
+        closeAlert: any;
+        /**
+         * Sets the type of the progress indicator for the dialog.
+         */
+        DialogLoadingvariant: any;
+        /**
+         * sets the action button on the dialog to disabled.
+         */
+        disableDialogAction: any;
+        /**
+         * Allows for a smaller tab version of the expandable drawer.
+         */
+        compactHeader: any;
+        /**
+         * If true, the header expander will be open (default: true)
+         */
+        headerExpanded: any;
+        /**
+         * Section in expander to allow for additional content within the tab area.
+         */
+        expanderLeftContainer: any;
+        /**
+         * Sets the grid default to expaned size if true. The default is 'size to fit'.
+         */
+        defaultAutoSize: any;
+        /**
+         * Sets the teleporter for primary action header if it's true
+         */
+        useSubHeaderAction: any;
+    };
+};

package/dist/types/UI/forms/CrudForm.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export declare const CrudForm: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        /**
+         * Entity attributes for selected entity within catalog
+         */
+        entityAttributes: any;
+        /**
+         * Foreign key data for selected entity within catalog
+         */
+        foreignKeyData: any;
+        /**
+         * Entity data
+         */
+        crudTableEditionData: any;
+        /**
+         * onClick event for closing sidesheet
+         */
+        closeSideSheet: any;
+        /**
+         * onClick event for creating
+         */
+        onCreate: any;
+        /**
+         * onClick event for updating
+         */
+        onUpdate: any;
+    };
+};

package/dist/types/UI/forms/LoginForm.d.ts

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

package/dist/types/UI/forms/PaymentReversalForm.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const PaymentReversalForm: ({ id, paymentData, onSubmitCompleted }: {
+    id: any;
+    onSubmitCompleted: any;
+    paymentData: any;
+}) => React.JSX.Element;

package/dist/types/UI/forms/UdpCrudFormFields.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const UdpCrudFormFields: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        /**
+         * Entity name for promoted entity
+         */
+        entityName: any;
+    };
+};

package/dist/types/UI/forms/VirtualForm.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export declare const VirtualForm: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        /**
+         * onClick event for closing sidesheet
+         */
+        closeSideSheet: any;
+        /**
+         * onClick event for creating
+         */
+        onCreate: any;
+        /**
+         * onClick event for updating
+         */
+        onUpdate: any;
+    };
+};

package/dist/types/UI/iframe/Iframe.d.ts

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

package/dist/types/UI/inputs/buttons/AdvanceButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const AdvanceButton: ({ ...otherProps }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export default AdvanceButton;

package/dist/types/UI/inputs/buttons/AmbientCardButton.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare const AmbientCardButton: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        /**
+         * When true will display edit button.
+         */
+        editOption: any;
+        /**
+         * When true will display launch button.
+         */
+        launchOption: any;
+        /**
+        * When true will display delete button.
+        */
+        deleteOption: any;
+        /**
+         * Will display a text lable vesion.
+         */
+        children: any;
+    };
+};

package/dist/types/UI/inputs/buttons/AmbientChipButton.d.ts

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

package/dist/types/UI/inputs/buttons/AmbientPopoverMenuItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const AmbientPopoverMenuItem: ({ label, component, click }: {
+    click: any;
+    component: any;
+    label: any;
+}) => React.JSX.Element;

package/dist/types/UI/inputs/buttons/AmbientToggleButton.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export declare const AmbientToggleButton: {
+    ({ children, value, ariaLabel, onClick, ...otherProps }: {
+        [x: string]: any;
+        ariaLabel: any;
+        children: any;
+        onClick: any;
+        value: any;
+    }): React.JSX.Element;
+    propTypes: {
+        /**
+         * Contents of the button
+         */
+        children: any;
+        /**
+         * Value used to determine active toggle
+         */
+        value: any;
+        /**
+       * Lable for accessiblity on icon
+       */
+        ariaLabel: any;
+        /**
+     * Function to handle event
+     */
+        onClick: any;
+    };
+};

package/dist/types/UI/inputs/buttons/AmbientToggleButtonGroup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AmbientToggleButtonGroup: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+// export default withStyles(styles, { name: 'MuiToggleButtonGroup' })(AmbientToggleButtonGroup);

package/dist/types/UI/inputs/buttons/AmbientToggleButtonGroupDefault.d.ts

@@ -0,0 +1,63 @@
+export declare const styles: (theme: any) => {
+    /* Styles applied to the root element. */
+    root: {
+        display: string;
+        padding: number;
+    };
+    /* Styles applied to the root element if `orientation="vertical"`. */
+    vertical: {
+        flexDirection: string;
+    };
+    /* Styles applied to the children. */
+    grouped: {};
+    /* Styles applied to the children if `orientation="horizontal"`. */
+    groupedHorizontal: {
+        // '&:not(:first-child)': {
+        //   marginLeft: -1,
+        //   borderLeft: '1px solid ',
+        //   borderTopLeftRadius: 25,
+        //   borderBottomLeftRadius: 25,
+        // },
+        // '&:not(:last-child)': {
+        //   borderTopRightRadius: 25,
+        //   borderBottomRightRadius: 25,
+        // },
+        borderRadius: number;
+        padding: number;
+        paddingRight: number;
+        "&:not(:first-child)": {
+            marginTop: number;
+            borderRadius: number;
+            paddingRight: number;
+            padding: number;
+        };
+        "&:not(:last-child)": {
+            padding: number;
+            borderRadius: number;
+            paddingRight: number;
+        };
+    };
+    /* Styles applied to the children if `orientation="vertical"`. */
+    groupedVertical: {
+        borderRadius: number;
+        padding: number;
+        paddingRight: number;
+        "&:not(:first-child)": {
+            marginTop: number;
+            borderRadius: number;
+            paddingRight: number;
+            padding: number;
+        };
+        "&:not(:last-child)": {
+            padding: number;
+            borderRadius: number;
+            paddingRight: number;
+        };
+    };
+};
+/**
+ * Explicitly cast the HOC to any to avoid non-portable inferred React types in declaration output.
+ * @type {any}
+ */
+declare const AmbientToggleButtonGroupDefaultExport: any;
+export default AmbientToggleButtonGroupDefaultExport;