platformscode-new-react 0.0.98 → 0.0.99

package/dist/types/components/dga-metric-v2/dga-metric-v2.d.ts

@@ -0,0 +1,43 @@
+export interface ITrend {
+    slope: 'negative' | 'positive';
+    description: string;
+    value: string;
+}
+export interface IChartProps {
+    type?: 'realistic' | 'wavy' | 'straight' | 'layers';
+    trend: 'positive' | 'negative';
+    showMarker: boolean;
+    data: number[];
+}
+export declare class DgaMetric {
+    label: string;
+    Style?: 'small-chart' | 'large-chart';
+    percentage: string;
+    showFeaturedIcon?: boolean;
+    featuredIcon?: HTMLElement | any;
+    showChart?: boolean;
+    showInfo?: boolean;
+    showActions?: boolean;
+    showSecondaryAction?: boolean;
+    showMoreButton?: boolean;
+    changeProps?: {
+        type: '01' | '02';
+        trend: 'positive' | 'negative';
+    };
+    chartProps?: IChartProps;
+    trend: ITrend;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+    onExpandAction?: () => void;
+    changeIcons: {
+        '01': {
+            positive: string;
+            negative: string;
+        };
+        '02': {
+            positive: string;
+            negative: string;
+        };
+    };
+    render(): any;
+}

package/dist/types/components/dga-modal/dga-modal-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaModalUsage {
+    show: boolean;
+    render(): any;
+}

package/dist/types/components/dga-modal/dga-modal.d.ts

@@ -0,0 +1,29 @@
+export declare class DgaModal {
+    modalTitle?: string;
+    closeButton?: boolean;
+    onClose?: (event: any) => void;
+    featuredIconColor?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+    featuredIconStyle?: "light" | "outlined" | "dark";
+    featuredIconType?: 'InformationCircle' | 'AlertCircle';
+    featuredIconCircle?: boolean;
+    featuredIconSize?: 'xl' | 'lg' | 'md' | 'sm';
+    alignmentCenter?: boolean;
+    actionFillContainer?: boolean;
+    actionStack?: boolean;
+    secondBtnPosition?: 'left' | 'right';
+    position?: 'start' | 'end' | 'center';
+    name: string;
+    open?: boolean;
+    staticModal?: boolean;
+    buttonsList?: Array<{
+        id?: string;
+        label: string;
+        onClick: (event?: any) => void;
+        extraClass?: string;
+        title?: string;
+    }>;
+    dialogRef: HTMLDialogElement;
+    containergRef: HTMLDivElement;
+    private handleClickOutside;
+    render(): any;
+}

package/dist/types/components/dga-modal/util.d.ts

@@ -0,0 +1,2 @@
+export declare function ShowModal(name: string): Error;
+export declare function HideModal(name: string): Error;

package/dist/types/components/dga-modal-v2/dga-modal-actions.d.ts

@@ -0,0 +1,28 @@
+export declare class DgaModal {
+    modalTitle?: string;
+    closeButton?: boolean;
+    onClose?: (event: any) => void;
+    featuredIconColor?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+    featuredIconStyle?: "light" | "outlined" | "dark";
+    featuredIconType?: 'InformationCircle' | 'AlertCircle';
+    featuredIconCircle?: boolean;
+    featuredIconSize?: 'xl' | 'lg' | 'md' | 'sm';
+    alignmentCenter?: boolean;
+    actionFillContainer?: boolean;
+    actionStack?: boolean;
+    secondBtnPosition?: 'left' | 'right';
+    position?: 'start' | 'end' | 'center';
+    name: string;
+    open?: boolean;
+    staticModal?: boolean;
+    buttonsList?: Array<{
+        id?: string;
+        label: string;
+        onClick: (event?: any) => void;
+        extraClass?: string;
+        title?: string;
+    }>;
+    dialogRef: HTMLDialogElement;
+    containergRef: HTMLDivElement;
+    render(): any;
+}

package/dist/types/components/dga-modal-v2/dga-modal-body.d.ts

@@ -0,0 +1,3 @@
+export declare class DgaModal {
+    render(): any;
+}

package/dist/types/components/dga-modal-v2/dga-modal-header.d.ts

@@ -0,0 +1,30 @@
+export declare class DgaModal {
+    modalTitle?: string;
+    showCloseButton?: boolean;
+    onClose?: (event: any) => void;
+    featuredIconColor?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+    featuredIconStyle?: 'light' | 'outlined' | 'dark';
+    featuredIconType?: 'InformationCircle' | 'AlertCircle';
+    featuredIconCircle?: boolean;
+    featuredIconSize?: 'xl' | 'lg' | 'md' | 'sm';
+    alignmentCenter?: boolean;
+    actionFillContainer?: boolean;
+    actionStack?: boolean;
+    secondBtnPosition?: 'left' | 'right';
+    position?: 'start' | 'end' | 'center';
+    name: string;
+    open?: boolean;
+    staticModal?: boolean;
+    buttonsList?: Array<{
+        id?: string;
+        label: string;
+        onClick: (event?: any) => void;
+        extraClass?: string;
+        title?: string;
+    }>;
+    el: HTMLElement;
+    dialogRef: HTMLDialogElement;
+    containergRef: HTMLDivElement;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/dga-modal-v2/dga-modal-title.d.ts

@@ -0,0 +1,3 @@
+export declare class DgaModalTitle {
+    render(): any;
+}

package/dist/types/components/dga-modal-v2/dga-modal-v2-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaModalUsage {
+    show: boolean;
+    render(): any;
+}

package/dist/types/components/dga-modal-v2/dga-modal-v2.d.ts

@@ -0,0 +1,31 @@
+export declare class DgaModal {
+    modalTitle?: string;
+    showCloseButton?: boolean;
+    onClose?: (event: any) => void;
+    featuredIconColor?: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+    featuredIconStyle?: 'light' | 'outlined' | 'dark';
+    featuredIconType?: 'InformationCircle' | 'AlertCircle';
+    featuredIconCircle?: boolean;
+    featuredIconSize?: 'xl' | 'lg' | 'md' | 'sm';
+    alignmentCenter?: boolean;
+    actionFillContainer?: boolean;
+    actionStack?: boolean;
+    secondBtnPosition?: 'left' | 'right';
+    position?: 'start' | 'end' | 'center';
+    name: string;
+    open?: boolean;
+    staticModal?: boolean;
+    buttonsList?: Array<{
+        id?: string;
+        label: string;
+        onClick: (event?: any) => void;
+        extraClass?: string;
+        title?: string;
+    }>;
+    el: HTMLElement;
+    dialogRef: HTMLDialogElement;
+    containergRef: HTMLDivElement;
+    private handleClickOutside;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/dga-modal-v2/util.d.ts

@@ -0,0 +1,2 @@
+export declare function ShowModal(name: string): Error;
+export declare function HideModal(name: string): Error;

package/dist/types/components/dga-notification/dga-notification-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaNotificationUsage {
+    variant: 'critical' | 'warning' | 'success' | 'info' | 'neutral';
+    render(): any;
+}

package/dist/types/components/dga-notification/dga-notification.d.ts

@@ -0,0 +1,14 @@
+export declare class DgaNotification {
+    icon?: boolean;
+    leadText: string;
+    content: string;
+    variant: 'critical' | 'warning' | 'success' | 'info' | 'neutral';
+    link?: boolean;
+    textLink?: string;
+    dismissable?: boolean;
+    setNavigateTo?: string;
+    navigateTo?: (link?: string) => void;
+    dismmissed?: () => void;
+    private icons;
+    render(): any;
+}

package/dist/types/components/dga-notification-toast/dga-notification-toast-usage.d.ts

@@ -0,0 +1,5 @@
+export declare class DgaNotificationToastUsage {
+    type: 'error' | 'warning' | 'success' | 'info' | 'neutral';
+    open: boolean;
+    render(): any;
+}

package/dist/types/components/dga-notification-toast/dga-notification-toast.d.ts

@@ -0,0 +1,22 @@
+import { CustomAttribute } from '../../shared';
+export declare class DgaNotificationToast {
+    type?: 'error' | 'warning' | 'success' | 'info' | 'neutral';
+    leadText?: string;
+    hasHelperText?: boolean;
+    helperText?: string;
+    action?: boolean;
+    closeButton?: boolean;
+    vPostion?: 'top' | 'bottom';
+    hPostion?: 'left' | 'right';
+    onClose?: (event: any) => void;
+    buttonsList?: {
+        id?: string;
+        label: string;
+        onClick: (event?: any) => void;
+        extraClasses?: string;
+        title?: string;
+        customAttribute?: CustomAttribute;
+    }[];
+    open?: boolean;
+    render(): any;
+}

package/dist/types/components/dga-number-input/dga-number-input-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaNumberInputUsage {
+    value: string;
+    render(): any;
+}

package/dist/types/components/dga-number-input/dga-number-input.d.ts

@@ -0,0 +1,25 @@
+import { Icon } from '../dga-featured-icon/dga-featured-icon';
+export declare class DgaNumberInput {
+    label?: string;
+    placeholder?: string;
+    size: 'md' | 'lg';
+    variant: 'default' | 'lighter' | 'darker';
+    error: boolean;
+    helperTextIcon?: Icon;
+    helperText?: string;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    fullwidth: boolean;
+    name: string;
+    value: number;
+    onChange?: (event?: any) => void;
+    onInput?: (event?: any) => void;
+    onBlur?: (event?: any) => void;
+    isActive: boolean;
+    isFocused: boolean;
+    inputContainerRef: HTMLDivElement;
+    handleIncrement: () => void;
+    handleDecrement: () => void;
+    render(): any;
+}

package/dist/types/components/dga-pagination/dga-pagination-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaPaginationUsage {
+    variant: 'critical' | 'warning' | 'success' | 'info' | 'neutral';
+    render(): any;
+}

package/dist/types/components/dga-pagination/dga-pagination.d.ts

@@ -0,0 +1,12 @@
+export declare class DgaPagination {
+    size?: 'small' | 'medium' | 'large';
+    totalPageCount: number;
+    siblingCount?: number;
+    onChange?: (value: number) => void;
+    currentPage: number;
+    get paginationRange(): (number | string)[];
+    private onNext;
+    private onPrevious;
+    private handelPageChange;
+    render(): any;
+}

package/dist/types/components/dga-progress-indicator/dga-progress-indicator-step.d.ts

@@ -0,0 +1,33 @@
+export interface StepProps {
+    index?: number;
+    title?: string;
+    description?: string;
+    activeStep?: number;
+    nextStep?: boolean;
+    showStepName?: boolean;
+    showStepDescription?: boolean;
+}
+export declare class DgaProgressIndicatorStep {
+    el: HTMLElement;
+    currentStep: number;
+    title: string;
+    description: string;
+    activeStep: number;
+    nextStep: boolean;
+    showStepName: boolean;
+    showStepDescription: boolean;
+    internalActiveStep: number;
+    isActive: boolean;
+    labelState: 'current' | 'completed' | 'upcoming';
+    labelStyle: 'dot' | 'circle';
+    private stepContentRef;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    stepChangeHandler(event: CustomEvent<number>): void;
+    private updateState;
+    private handleFocus;
+    private handleFocusOut;
+    private handleEscape;
+    private labelChildren;
+    render(): any;
+}

package/dist/types/components/dga-progress-indicator/dga-progress-indicator-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaProgressIndicatorUsage {
+    activeStep: number;
+    render(): any;
+}

package/dist/types/components/dga-progress-indicator/dga-progress-indicator-v2.d.ts

@@ -0,0 +1,9 @@
+export declare class DgaProgressIndicatorV2 {
+    activeStep?: number;
+    alignment?: 'horizontal' | 'vertical';
+    steps: Array<{
+        label: string;
+        description: string;
+    }>;
+    render(): any;
+}

package/dist/types/components/dga-progress-indicator/dga-progress-indicator.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DgaProgressIndicator {
+    activeStep?: number;
+    alignment?: 'horizontal' | 'vertical';
+    internalActiveStep: number;
+    el: HTMLElement;
+    stepChange: EventEmitter<number>;
+    private updateSlottedElements;
+    updateInternalActiveStep(): void;
+    componentDidLoad(): void;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/dga-quote/dga-quote-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaQuoteUsage {
+    activeStep: number;
+    render(): any;
+}

package/dist/types/components/dga-quote/dga-quote.d.ts

@@ -0,0 +1,13 @@
+export declare class DgaQuote {
+    size?: 'sm' | 'lg';
+    whiteBackground?: boolean;
+    showQuoteTitle?: boolean;
+    quoteTitle?: string;
+    showQuoteDescription?: boolean;
+    quoteDescription?: string;
+    showAuthorDetails?: boolean;
+    authorName?: string;
+    authorDescription?: string;
+    showAvatar?: boolean;
+    render(): any;
+}

package/dist/types/components/dga-radial-stepper/dga-radial-stepper-usage.d.ts

@@ -0,0 +1,7 @@
+export declare class DgaRadialStepperUsage {
+    percentage: number;
+    activeStep: number;
+    handleInputChange(event: Event): void;
+    handleStepChange(event: Event): void;
+    render(): any;
+}

package/dist/types/components/dga-radial-stepper/dga-radial-stepper.d.ts

@@ -0,0 +1,23 @@
+export interface Step {
+    text?: string;
+    stepName: string;
+    stepDescription: string;
+    showPreStep: boolean;
+    showNextStep: boolean;
+}
+export declare class DgaRadialStepper {
+    RTL: boolean;
+    size: '120px' | '80px' | '64px' | '48px' | '40px';
+    showText: boolean;
+    steps: Step[];
+    activeStep: number;
+    variant?: 'primary' | 'neutral' | 'on-color';
+    showStepName: boolean;
+    showStepDescription: boolean;
+    internalPercentage: number;
+    internalActiveStep: number;
+    updateInternalPercentage(): void;
+    componentDidLoad(): void;
+    private sizes;
+    render(): any;
+}

package/dist/types/components/dga-radio-button/dga-radio-button-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaRadioButtonUsage {
+    activeStep: number;
+    render(): any;
+}

package/dist/types/components/dga-radio-button/dga-radio-button.d.ts

@@ -0,0 +1,25 @@
+export declare class RadioButton {
+    color: 'neutral' | 'brand';
+    label?: string;
+    hasHelperText?: boolean;
+    helperText?: string;
+    alertMessage?: boolean;
+    alertText?: string;
+    disabled: boolean;
+    id: string;
+    name: string;
+    value: string;
+    checked?: boolean;
+    onChange?: (event: any) => void;
+    onInput?: (event: any) => void;
+    el: HTMLElement;
+    radioLabelRef: HTMLLabelElement;
+    handleActive: () => void;
+    handleRemoveActive: () => void;
+    handleFocus: () => void;
+    handleFocusOut: () => void;
+    handleEscape: (event: KeyboardEvent) => void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/dga-rating/dga-rating-usage.d.ts

@@ -0,0 +1,5 @@
+export declare class DgaRatingUsage {
+    variant: 'neutral' | 'info' | 'error' | 'success' | 'warning';
+    rating: number;
+    render(): any;
+}

package/dist/types/components/dga-rating/dga-rating.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DgaRating {
+    size?: 'sm' | 'md' | 'lg';
+    value?: number;
+    onChange?: (value: number) => void;
+    readOnly?: boolean;
+    max?: number;
+    variant?: 'default' | 'brand';
+    rating: number;
+    hover: number;
+    focus: number;
+    pressed: number;
+    ratingChange: EventEmitter<number>;
+    private rootRef;
+    private handleMouseMove;
+    private handleChange;
+    private handleClear;
+    componentWillLoad(): void;
+    watchRating(newRating: number, oldRating: number): void;
+    watchValue(newValue: number, oldValue: number): void;
+    render(): any;
+}

package/dist/types/components/dga-search-box/dga-search-box-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaSearchBoxUsage {
+    value: string;
+    render(): any;
+}

package/dist/types/components/dga-search-box/dga-search-box.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DgaSearchBox {
+    label?: string;
+    placeholder?: string;
+    size: 'md' | 'lg';
+    variant: 'default' | 'lighter' | 'darker';
+    error: boolean;
+    showTrailingIcon: boolean;
+    icon?: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    name: string;
+    value: string;
+    onInput?: (event?: Event) => void;
+    speechLang: 'en' | 'ar';
+    onChange: EventEmitter<any>;
+    onBlur: EventEmitter<any>;
+    isActive: boolean;
+    isFocused: boolean;
+    inputContainerRef: HTMLDivElement;
+    isListening: boolean;
+    recognition: any;
+    silenceTimeout: any;
+    SILENCE_TIMEOUT_DURATION: number;
+    componentWillLoad(): void;
+    startListening(): void;
+    stopListening(): void;
+    resetSilenceTimer(): void;
+    clearSilenceTimer(): void;
+    handleInputChange(event: any): void;
+    handleResetInput: () => void;
+    render(): any;
+}

package/dist/types/components/dga-second-nav-header/dga-second-nav-header-actions.d.ts

@@ -0,0 +1,3 @@
+export declare class DgaSecondNavHeaderActions {
+    render(): any;
+}

package/dist/types/components/dga-second-nav-header/dga-second-nav-header-content.d.ts

@@ -0,0 +1,3 @@
+export declare class DgaSecondNavHeaderContent {
+    render(): any;
+}

package/dist/types/components/dga-second-nav-header/dga-second-nav-header-item.d.ts

@@ -0,0 +1,6 @@
+export declare class DgaSecondNavHeaderItem {
+    el: HTMLElement;
+    label: string;
+    connectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/dga-second-nav-header/dga-second-nav-header-usage.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaSecondNavHeaderUsage {
+    activeStep: number;
+    render(): any;
+}

package/dist/types/components/dga-second-nav-header/dga-second-nav-header.d.ts

@@ -0,0 +1,9 @@
+export declare class DgaSecondNavHeader {
+    el: HTMLElement;
+    variant: 'primary' | 'gray';
+    hideDivider: boolean;
+    hideActions: boolean;
+    hideContent: boolean;
+    componentWillLoad(): void;
+    render(): any;
+}

package/dist/types/components/dga-second-nav-header/index.d.ts

@@ -0,0 +1,5 @@
+import { DgaSecondNavHeader } from "./dga-second-nav-header";
+import { DgaSecondNavHeaderActions } from "./dga-second-nav-header-actions";
+import { DgaSecondNavHeaderContent } from "./dga-second-nav-header-content";
+import { DgaSecondNavHeaderItem } from "./dga-second-nav-header-item";
+export { DgaSecondNavHeader, DgaSecondNavHeaderActions, DgaSecondNavHeaderContent, DgaSecondNavHeaderItem };

package/dist/types/components/dga-skeleton/dga-circle-skeleton.d.ts

@@ -0,0 +1,5 @@
+export declare class CircleSkeleton {
+    type: '1' | '2';
+    width: '24px' | '64px' | '48px' | '80px' | '120px' | '170px' | '240px';
+    render(): any;
+}

package/dist/types/components/dga-skeleton/dga-line-skeleton.d.ts

@@ -0,0 +1,5 @@
+export declare class LineSkeleton {
+    size: 'lg' | 'sm';
+    type: '1' | '2';
+    render(): any;
+}

package/dist/types/components/dga-skeleton/dga-rectangle-skeleton.d.ts

@@ -0,0 +1,6 @@
+export declare class RectangleSkeleton {
+    size: 'lg' | 'sm' | 'md';
+    type: '1' | '2';
+    width: 'long' | 'short';
+    render(): any;
+}

package/dist/types/components/dga-skeleton/dga-skeleton-component.d.ts

@@ -0,0 +1,8 @@
+export declare class SkeletonComponent {
+    /**
+     * Type of the skeleton layout
+     */
+    type: 'chart and content' | 'image content and button' | 'image profile content' | 'image button and text' | 'icon and list';
+    renderSkeletonContent(): any;
+    render(): any;
+}

package/dist/types/components/dga-skeleton/dga-skeleton-usage.d.ts

@@ -0,0 +1,3 @@
+export declare class LineSkeleton {
+    render(): any;
+}

package/dist/types/components/dga-skeleton/dga-square-skeleton.d.ts

@@ -0,0 +1,6 @@
+export declare class SquareSkeleton {
+    type: '1' | '2';
+    width: '24px' | '64px' | '48px' | '80px' | '120px' | '170px' | '240px';
+    private getBorderRadius;
+    render(): any;
+}

package/dist/types/components/dga-slideout-menu/dga-slideout-menu-actions.d.ts

@@ -0,0 +1,3 @@
+export declare class DgaSlideoutMenuActions {
+    render(): any;
+}

package/dist/types/components/dga-slideout-menu/dga-slideout-menu-header.d.ts

@@ -0,0 +1,7 @@
+export declare class DgaSlideoutMenuHeader {
+    title: string;
+    description: string;
+    el: HTMLElement;
+    handleClose: () => void;
+    render(): any;
+}

package/dist/types/components/dga-slideout-menu/dga-slideout-menu-items.d.ts

@@ -0,0 +1,5 @@
+export declare class DgaSlideoutMenuItems {
+    title: string;
+    description: string;
+    render(): any;
+}

package/dist/types/components/dga-slideout-menu/dga-slideout-menu-usage.d.ts

@@ -0,0 +1,5 @@
+export declare class DgaSlideoutMenuUsage {
+    value: string;
+    open: boolean;
+    render(): any;
+}

package/dist/types/components/dga-slideout-menu/dga-slideout-menu.d.ts

@@ -0,0 +1,11 @@
+export declare class DgaSlideoutMenu {
+    backgroundColor?: 'gray' | 'white';
+    anchor?: 'left' | 'right';
+    open?: boolean;
+    scrollbar?: boolean;
+    onClose?: () => void;
+    el: HTMLElement;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}