platformscode-new-react 0.0.97 → 0.0.99

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

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

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

@@ -0,0 +1,27 @@
+export interface AccordionItem {
+    title: string;
+    content: string;
+    size?: 'lg' | 'md' | 'sm';
+    iconAlignment?: 'Leading' | 'Trailing';
+    flush?: boolean;
+    disabled?: boolean;
+    extraClass?: string;
+}
+export declare class DgaAccordion {
+    el: HTMLElement;
+    title: string;
+    content: string;
+    size: 'lg' | 'md' | 'sm';
+    iconAlignment: 'Leading' | 'Trailing';
+    flush: boolean;
+    disabled: boolean;
+    defaultExpanded: boolean;
+    extraClass: string;
+    isOpen: boolean;
+    private bodyElement;
+    private handleAccordionClick;
+    private openAccordion;
+    private collapseAccordion;
+    componentDidRender(): void;
+    render(): any;
+}

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

@@ -0,0 +1,13 @@
+export declare class DgaActions {
+    /** Direction of stack items: 'row' (horizontal) or 'column' (vertical) */
+    direction: 'row' | 'column';
+    /** Spacing between stack items */
+    spacing: number;
+    /** Horizontal alignment of stack items */
+    align: 'start' | 'center' | 'end' | 'stretch';
+    /** Vertical alignment of stack items */
+    justify: 'start' | 'center' | 'end' | 'between';
+    /** Controls if items should wrap */
+    wrap: boolean;
+    render(): any;
+}

package/dist/types/components/dga-apex-chart/dga-apex-chart-usage.d.ts

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

package/dist/types/components/dga-apex-chart/dga-apex-chart.d.ts

@@ -0,0 +1,47 @@
+import ApexCharts from 'apexcharts';
+import { ApexOptions } from 'apexcharts';
+import { ApexChartType, ApexChartHeight, ApexChartWidth, ApexOptionsSeries } from '.';
+export declare class chart {
+    chartRef: HTMLElement;
+    /**
+     * Internal ApexCharts instance
+     */
+    chartObj: ApexCharts;
+    /**
+     * (optional) Type
+     * @see https://apexcharts.com/docs/options/chart/type/
+     */
+    type?: ApexChartType;
+    /**
+     * (optional) Width
+     * @see https://apexcharts.com/docs/options/chart/width/
+     */
+    width?: ApexChartWidth;
+    /**
+     * (optional) Height
+     * @see https://apexcharts.com/docs/options/chart/height/
+     */
+    height?: ApexChartHeight;
+    /**
+     * (optional) Options
+     * @see https://apexcharts.com/docs/options/
+     */
+    options?: ApexOptions;
+    optionsChanged(options: ApexOptions): Promise<void>;
+    /**
+     * (optional) Series
+     * @see https://apexcharts.com/docs/options/series/
+     */
+    series?: ApexOptionsSeries;
+    seriesChanged(series: ApexOptionsSeries): void;
+    /**
+     * Updates the configuration object. The new config object is merged with the existing config object preserving the existing configuration.
+     * @param newOptions The configuration object to merge on the existing one
+     * @param redrawPaths When the chart is re-rendered, should it draw from the existing paths or completely redraw the chart paths from the beginning. By default, the chart is re-rendered from the existing paths
+     * @param animate Should the chart animate on re-rendering
+     */
+    updateOptions(newOptions: ApexOptions, redrawPaths?: boolean, animate?: boolean): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/dga-apex-chart/index.d.ts

@@ -0,0 +1,5 @@
+import { ApexOptions } from "apexcharts";
+export type ApexChartType = ApexChart['type'];
+export type ApexChartWidth = ApexChart['width'];
+export type ApexChartHeight = ApexChart['height'];
+export type ApexOptionsSeries = ApexOptions['series'];

package/dist/types/components/dga-avatar/dga-avatar-group.d.ts

@@ -0,0 +1,4 @@
+export declare class DgaAvatarGroup {
+    stacked?: boolean;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,25 @@
+export type AvatarType = 'initials' | 'image' | 'icon';
+export type AvatarSize = 120 | 80 | 68 | 48 | 40 | 32 | 24;
+export interface Icon {
+    name: string;
+    size?: number;
+    color?: string;
+    variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+    type?: 'rounded' | 'sharp' | 'standard';
+}
+export interface CustomAttribute {
+    key: string;
+    value: string;
+}
+export declare class DgaAvatar {
+    type?: AvatarType;
+    size?: AvatarSize;
+    square?: boolean;
+    border?: boolean;
+    text?: string;
+    imgUrl?: string;
+    alt?: string;
+    icon?: Icon;
+    private renderChildComponent;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface IBreadcrumbsItem {
+    label: string;
+    path: string;
+    disabled?: boolean;
+    [type: string]: any;
+}
+export interface IEllipsisItem {
+    ellipsis: true;
+    items: IBreadcrumbsItem[];
+}
+export declare class DgaBreadcrumbs {
+    items: IBreadcrumbsItem[];
+    max: number;
+    breadcrumbClick: EventEmitter<any>;
+    private breadcrumbItems;
+    isMenuOpen: boolean;
+    host: HTMLElement;
+    toggleMenu: () => void;
+    closeMenu: () => void;
+    handleOutsideClick: (event: Event) => void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    handleItemsChange(newValue: IBreadcrumbsItem[]): void;
+    private isEllipsisItem;
+    private renderItems;
+    private handleClick;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type ButtonStyle = 'primary-neutral' | 'primary-brand' | 'secondary' | 'secondary-outline' | 'subtle' | 'transparent' | 'des-primary' | 'des-secondary' | 'des-secondary-outline' | 'des-subtle' | 'des-transparent';
+export type ButtonSize = 'lg' | 'md' | 'sm';
+export interface CustomAttribute {
+    key: string;
+    value: string;
+}
+export declare class DgaButton {
+    variant?: ButtonStyle;
+    size?: ButtonSize;
+    label?: string;
+    iconOnly?: boolean;
+    iconType?: string;
+    iconProps?: {
+        [key: string]: any;
+    };
+    leadIcon?: boolean;
+    leadIconType?: string;
+    leadIconProps?: {
+        [key: string]: any;
+    };
+    trailIcon?: boolean;
+    trailIconType?: string;
+    trailIconProps?: {
+        [key: string]: any;
+    };
+    disabled?: boolean;
+    btnId?: string;
+    type?: 'button' | 'submit' | 'reset';
+    onColor?: boolean;
+    onClick?: EventEmitter<MouseEvent>;
+    private handleClick;
+    private renderIcon;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,30 @@
+import { Icon } from '../dga-featured-icon/dga-featured-icon';
+export declare class DgaCard {
+    type?: 'default' | 'expanded' | 'selectable';
+    showTitle?: boolean;
+    showDescription?: boolean;
+    showFeaturedIcon?: boolean;
+    image?: string;
+    showRating?: boolean;
+    disabled?: boolean;
+    effect?: 'with-shadow' | 'no-shadow' | 'stroke';
+    cardTitle?: string;
+    description?: string;
+    customComponent?: JSX.Element;
+    featuredIcon?: Icon;
+    showPrimaryAction?: boolean;
+    primaryActionLabel?: string;
+    showSecondaryAction?: boolean;
+    isSelected?: boolean;
+    secondaryActionLabel?: string;
+    onCheckboxChange?: () => void;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+    onExpandAction?: () => void;
+    isFocused: boolean;
+    expanded: boolean;
+    toggleExpand(): void;
+    private onMouseEnterHandler;
+    private onMouseLeaveHandler;
+    render(): any;
+}

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

@@ -0,0 +1,28 @@
+import { Icon } from '../dga-featured-icon/dga-featured-icon';
+export declare class DgaCardActions {
+    type?: 'default' | 'expanded' | 'selectable';
+    showTitle?: boolean;
+    showDescription?: boolean;
+    showFeaturedIcon?: boolean;
+    image?: string;
+    showRating?: boolean;
+    disabled?: boolean;
+    effect?: 'with-shadow' | 'no-shadow' | 'stroke';
+    cardTitle?: string;
+    description?: string;
+    customComponent?: JSX.Element;
+    featuredIcon?: Icon;
+    showPrimaryAction?: boolean;
+    primaryActionLabel?: string;
+    showSecondaryAction?: boolean;
+    isSelected?: boolean;
+    secondaryActionLabel?: string;
+    onCheckboxChange?: () => void;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+    onExpandAction?: () => void;
+    isFocused: boolean;
+    expanded: boolean;
+    toggleExpand(): void;
+    render(): any;
+}

package/dist/types/components/dga-card-v2/dga-card-content.d.ts

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

package/dist/types/components/dga-card-v2/dga-card-expandable-content.d.ts

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

package/dist/types/components/dga-card-v2/dga-card-image.d.ts

@@ -0,0 +1,25 @@
+import { Icon } from '../dga-featured-icon/dga-featured-icon';
+export declare class DgaCardV2 {
+    type?: 'default' | 'expanded' | 'selectable';
+    showTitle?: boolean;
+    showDescription?: boolean;
+    showFeaturedIcon?: boolean;
+    src: string;
+    alt: string;
+    featuredIcon?: Icon;
+    showPrimaryAction?: boolean;
+    primaryActionLabel?: string;
+    showSecondaryAction?: boolean;
+    isSelected?: boolean;
+    secondaryActionLabel?: string;
+    onCheckboxChange?: () => void;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+    onExpandAction?: () => void;
+    isFocused: boolean;
+    expanded: boolean;
+    el: HTMLElement;
+    toggleExpand(): void;
+    componentWillLoad(): void;
+    render(): any;
+}

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

@@ -0,0 +1,30 @@
+import { Icon } from '../dga-featured-icon/dga-featured-icon';
+export declare class DgaCardV2 {
+    type?: 'default' | 'expanded' | 'selectable';
+    showTitle?: boolean;
+    showDescription?: boolean;
+    showFeaturedIcon?: boolean;
+    image?: string;
+    showRating?: boolean;
+    disabled?: boolean;
+    effect?: 'with-shadow' | 'no-shadow' | 'stroke';
+    cardTitle?: string;
+    description?: string;
+    customComponent?: JSX.Element;
+    featuredIcon?: Icon;
+    showPrimaryAction?: boolean;
+    primaryActionLabel?: string;
+    showSecondaryAction?: boolean;
+    isSelected?: boolean;
+    secondaryActionLabel?: string;
+    onCheckboxChange?: () => void;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+    onExpandAction?: () => void;
+    isFocused: boolean;
+    expanded: boolean;
+    el: HTMLElement;
+    toggleExpand(): void;
+    componentWillLoad(): void;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,30 @@
+import { Icon } from '../dga-featured-icon/dga-featured-icon';
+export declare class DgaCardV2 {
+    type?: 'default' | 'expanded' | 'selectable';
+    showTitle?: boolean;
+    showDescription?: boolean;
+    showFeaturedIcon?: boolean;
+    image?: string;
+    disabled?: boolean;
+    effect?: 'with-shadow' | 'no-shadow' | 'stroke';
+    cardTitle?: string;
+    description?: string;
+    featuredIcon?: Icon;
+    showSecondaryAction?: boolean;
+    isSelected?: boolean;
+    secondaryActionLabel?: string;
+    onCheckboxChange?: () => void;
+    onExpandAction?: () => void;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+    isFocused: boolean;
+    expanded: boolean;
+    el: HTMLElement;
+    toggleExpand(): void;
+    private onMouseEnterHandler;
+    private onMouseLeaveHandler;
+    componentWillLoad(): void;
+    private cardStyles;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,29 @@
+export declare class DgaCarousel {
+    private DIRECTION;
+    private slidesContainer?;
+    el: HTMLElement;
+    variant: 'arrows' | 'dots' | 'dots-only';
+    showDots: boolean;
+    steps: number;
+    transitionDuration: number;
+    Dir: 'rtl' | 'ltr';
+    size: 'sm' | 'md' | 'lg';
+    arrowsVariant: 'primary' | 'subtle';
+    arrows: {
+        variant: 'primary' | 'subtle';
+        size: 'sm' | 'md' | 'lg';
+    };
+    childWidth: number;
+    childrenLength: number;
+    currentSlideIndex: number;
+    private isRTL;
+    changeSlide(direction: any): void;
+    updateSlidePosition(): void;
+    showLeftArrow(): boolean;
+    showRightArrow(): boolean;
+    isHighlighted(index: number): boolean;
+    componentDidLoad(): void;
+    calculateChildWidth(): void;
+    updateChildrenLength(): void;
+    render(): any;
+}

package/dist/types/components/dga-carousel-item/dga-carousel-item.d.ts

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

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

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

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

@@ -0,0 +1,56 @@
+import ApexCharts, { ApexOptions } from "apexcharts";
+export type ApexChartType = ApexChart['type'];
+export type ApexChartWidth = ApexChart['width'];
+export type ApexChartHeight = ApexChart['height'];
+export type ApexOptionsSeries = ApexOptions['series'];
+export type ApexOptionsLabels = ApexOptions['labels'];
+export type ApexOptionsXaxis = ApexOptions['xaxis'];
+export type ApexOptionsYaxis = ApexOptions['yaxis'];
+export declare class DgaChart {
+    chartRef: HTMLElement;
+    /**
+     * Internal ApexCharts instance
+     */
+    chartObj: ApexCharts;
+    /**
+     * (optional) Type
+     * @see https://apexcharts.com/docs/options/chart/type/
+     */
+    type?: ApexChartType;
+    /**
+     * (optional) Width
+     * @see https://apexcharts.com/docs/options/chart/width/
+     */
+    width?: ApexChartWidth;
+    /**
+     * (optional) Height
+     * @see https://apexcharts.com/docs/options/chart/height/
+     */
+    height?: ApexChartHeight;
+    /**
+     * (optional) Options
+     * @see https://apexcharts.com/docs/options/
+     */
+    options?: ApexOptions;
+    optionsChanged(options: ApexOptions): Promise<void>;
+    /**
+     * (optional) Series
+     * @see https://apexcharts.com/docs/options/series/
+     */
+    series?: ApexOptionsSeries;
+    labels?: ApexOptionsLabels;
+    xaxis?: ApexOptions['xaxis'];
+    yaxis?: ApexOptions['yaxis'];
+    colors?: ApexOptions['colors'];
+    seriesChanged(series: ApexOptionsSeries): void;
+    /**
+     * Updates the configuration object. The new config object is merged with the existing config object preserving the existing configuration.
+     * @param newOptions The configuration object to merge on the existing one
+     * @param redrawPaths When the chart is re-rendered, should it draw from the existing paths or completely redraw the chart paths from the beginning. By default, the chart is re-rendered from the existing paths
+     * @param animate Should the chart animate on re-rendering
+     */
+    updateOptions(newOptions: ApexOptions, redrawPaths?: boolean, animate?: boolean): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    disconnectedCallback(): void;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,25 @@
+export declare class DgaCheckbox {
+    color?: 'brand' | 'neutral';
+    size?: 'lg' | 'md' | 'sm';
+    label?: string;
+    helperText?: string;
+    alertMessage?: boolean;
+    alertText?: string;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    showBorderOnFocusAndFocusOute?: boolean;
+    onChange?: (event?: any) => void;
+    onInput?: (event?: any) => void;
+    checked?: boolean;
+    isChecked: boolean;
+    Indeterminate?: boolean;
+    labelRef: HTMLLabelElement;
+    private handleFocus;
+    private handleFocusOut;
+    private handleEscape;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    watchMaxValue(newValue: any): void;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,21 @@
+export declare class DgaChip {
+    label?: string;
+    variant: 'success' | 'neutral' | 'on-color';
+    size: 'lg' | 'md' | 'sm';
+    leadIcon?: any;
+    leadIconProps?: {
+        [key: string]: any;
+    };
+    trailIcon?: any;
+    trailIconProps?: {
+        [key: string]: any;
+    };
+    rounded?: boolean;
+    disabled?: boolean;
+    isSelected?: boolean;
+    onChange?: (isSelected: boolean) => void;
+    pressed: boolean;
+    isSelectedState: boolean;
+    private renderIcon;
+    render(): any;
+}

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

@@ -0,0 +1,5 @@
+export declare class DgaCircularProgressBarUsage {
+    percentage: number;
+    handleInputChange(event: Event): void;
+    render(): any;
+}

package/dist/types/components/dga-circular-progress-bar/dga-circular-progress-bar.d.ts

@@ -0,0 +1,9 @@
+export declare class DgaCircularProgressBar {
+    RTL: boolean;
+    size: '200px' | '160px' | '120px' | '80px' | '64px';
+    text?: string;
+    variant?: 'primary' | 'neutral' | 'success' | 'error';
+    percentage?: number;
+    private sizes;
+    render(): any;
+}

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

@@ -0,0 +1,11 @@
+export declare class DgaChipUsage {
+    snippets: {
+        JavaScript: string;
+        HTML: string;
+        CSS: string;
+    };
+    snippetLine: {
+        JavaScript: string;
+    };
+    render(): any;
+}

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

@@ -0,0 +1,16 @@
+export declare class CodeSnippet {
+    snippets: {
+        [key: string]: string;
+    };
+    showButton: boolean;
+    type: 'multi-line' | 'single';
+    showSidebar: boolean;
+    showTabList: boolean;
+    showMore: boolean;
+    activeTab: string;
+    componentDidLoad(): void;
+    private handleTabClick;
+    private handleCopy;
+    private renderWithLineNumbers;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,14 @@
+export declare class DgaCollapse {
+    private containerRef;
+    open: boolean;
+    customStyle?: {
+        [key: string]: string;
+    };
+    transitionDuration: string;
+    transitionType: string;
+    height: number | string;
+    componentDidLoad(): void;
+    watchOpen(newValue: boolean, oldValue: boolean): void;
+    private setHeight;
+    render(): any;
+}

package/dist/types/components/dga-content-switcher/dga-content-switcher-item.d.ts

@@ -0,0 +1,5 @@
+export declare class DgaContentSwitcherItem {
+    label: any;
+    content: any;
+    render(): any;
+}

package/dist/types/components/dga-content-switcher/dga-content-switcher-panel.d.ts

@@ -0,0 +1,5 @@
+export declare class DgaContentSwitcherPanel {
+    value: number;
+    index: number;
+    render(): any;
+}

package/dist/types/components/dga-content-switcher/dga-content-switcher-usage.d.ts

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