platformscode-new-react 0.0.98 → 0.0.99

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

@@ -0,0 +1,13 @@
+export declare class DgaContentSwitcher {
+    value?: number;
+    onColor: boolean;
+    size: 'sm' | 'md' | 'lg';
+    items: {
+        label: any;
+        content: any;
+    }[];
+    onChange?: (value: number) => void;
+    selected: number;
+    private handleSelect;
+    render(): any;
+}

package/dist/types/components/dga-data-table/dga-data-table-updated.d.ts

@@ -0,0 +1,43 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+export interface IColumnCheckboxType {
+    type: 'checkbox';
+}
+export interface IColumnRoot {
+    label?: string;
+    field: string;
+    sortable?: boolean;
+    filterable?: boolean;
+}
+export interface IColumn {
+    label: string;
+    sortable?: boolean;
+}
+export declare class DgaDataTableUpdated {
+    columns: IColumn[];
+    data: any;
+    rowDivider: boolean;
+    showSelectCheckBox: boolean;
+    alternate: boolean;
+    cells: {
+        title: string;
+        isSort: boolean;
+        isFilter: boolean;
+        sort?: 'up' | 'down';
+        propertyName: string;
+        type: 'element' | 'propertyName';
+        El?: string | FunctionalComponent<any>;
+        elProperties?: string[];
+        colSpan?: number;
+    }[];
+    contained: boolean;
+    getSelectedRows: any;
+    pressOnFilter: any;
+    sortedData: any[];
+    direction: boolean;
+    private sortData;
+    private handleSelectedRowChanges;
+    private selectAll;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/dga-data-table/dga-data-table.d.ts

@@ -0,0 +1,30 @@
+export declare class DgaDataTable {
+    data: {
+        selected: boolean;
+    }[];
+    rowDivider: boolean;
+    showSelectCheckBox: boolean;
+    alternate: boolean;
+    cells: {
+        title: string;
+        isSort: boolean;
+        isFilter: boolean;
+        sort?: 'up' | 'down';
+        propertyName: string;
+        type: 'element' | 'propertyName';
+        El?: HTMLElement;
+        elProperties?: string[];
+        colSpan?: number;
+    }[];
+    contained: boolean;
+    getSelectedRows: any;
+    pressOnFilter: any;
+    sortedData: any[];
+    direction: boolean;
+    private sortData;
+    private handleSelectedRowChanges;
+    private selectAll;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/dga-data-table/dga-table-usage.d.ts

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

package/dist/types/components/dga-data-table/dga-table.body.d.ts

@@ -0,0 +1,27 @@
+export declare class DgaTableBody {
+    data: {
+        selected: boolean;
+    }[];
+    rowDivider: boolean;
+    showSelectCheckBox: boolean;
+    alternate: boolean;
+    cells: {
+        title: string;
+        isSort: boolean;
+        isFilter: boolean;
+        sort?: 'up' | 'down';
+        propertyName: string;
+        type: 'element' | 'propertyName';
+        El?: HTMLElement;
+        elProperties?: string[];
+        colSpan?: number;
+    }[];
+    contained: boolean;
+    getSelectedRows: any;
+    pressOnFilter: any;
+    sortedData: any[];
+    direction: boolean;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/dga-data-table/dga-table.d.ts

@@ -0,0 +1,27 @@
+export declare class DgaTable {
+    data: {
+        selected: boolean;
+    }[];
+    rowDivider: boolean;
+    showSelectCheckBox: boolean;
+    alternate: boolean;
+    cells: {
+        title: string;
+        isSort: boolean;
+        isFilter: boolean;
+        sort?: 'up' | 'down';
+        propertyName: string;
+        type: 'element' | 'propertyName';
+        El?: HTMLElement;
+        elProperties?: string[];
+        colSpan?: number;
+    }[];
+    contained: boolean;
+    getSelectedRows: any;
+    pressOnFilter: any;
+    sortedData: any[];
+    direction: boolean;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    render(): any;
+}

package/dist/types/components/dga-date-field/dga-date-field-usage.d.ts

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

package/dist/types/components/dga-date-field/dga-date-field.d.ts

@@ -0,0 +1,40 @@
+import { Icon } from '../dga-featured-icon/dga-featured-icon';
+export interface DatepickerOptions {
+    initialDate?: Date;
+    range?: boolean;
+    dualMonthView?: boolean;
+    inputField?: boolean;
+    submitButton?: boolean;
+    quickOptions?: boolean;
+    value?: Date;
+    onSubmit: (event?: any) => void;
+    onCancel: (event?: any) => void;
+}
+export declare class DgaDateField {
+    label?: string;
+    placeholder?: string;
+    size: 'md' | 'lg';
+    variant: 'default' | 'lighter' | 'darker';
+    error: boolean;
+    helperText?: string;
+    icon?: Icon;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    name: string;
+    value: string;
+    onChange?: (date: Date | null) => void;
+    datepickerOptions: DatepickerOptions;
+    isActive: boolean;
+    isFocused: boolean;
+    isDatepickerOpen: boolean;
+    errorMessage: string;
+    selectedDate: Date | null;
+    inputValue: string;
+    private inputContainerRef;
+    private handleInput;
+    private handleDatepickerChange;
+    private handleFocus;
+    private handleBlur;
+    render(): any;
+}

package/dist/types/components/dga-datepicker/DateCell.d.ts

@@ -0,0 +1,14 @@
+export declare class DateCell {
+    date: Date;
+    isCurrentMonth: boolean;
+    isSelected: boolean;
+    isToday: boolean;
+    midRange?: boolean;
+    isFirstRangeChild: boolean;
+    isLastRangeChild: boolean;
+    onSelect: (date: Date) => void;
+    private handleClick;
+    private handleAddPressed;
+    private handleRemovePressed;
+    render(): any;
+}

package/dist/types/components/dga-datepicker/MonthNavigator.d.ts

@@ -0,0 +1,8 @@
+export declare class MonthNavigator {
+    currentMonth: Date;
+    showArrows: boolean;
+    onChange: (newMonth: Date) => void;
+    handlePrevClick: () => void;
+    handleNextClick: () => void;
+    render(): any;
+}

package/dist/types/components/dga-datepicker/dateUtils.d.ts

@@ -0,0 +1,14 @@
+export declare const getMonthDays: (date: Date) => Date[];
+export declare const getDaysFromPreviousMonth: (date: Date) => Date[];
+export declare const getDaysFromNextMonth: (date: Date) => Date[];
+export declare const isValidDate: (dateString: string) => boolean;
+export declare const formatDate: (date: Date) => string;
+export declare const defaultStaticRanges: {
+    label: string;
+    range: () => {
+        startDate: Date;
+        endDate: Date;
+    };
+}[];
+export declare function compareDatesWithoutTime(date1: Date, date2: Date): boolean;
+export declare const validateInputDate: (date: string) => boolean;

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

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

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

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DgaDatepicker {
+    initialDate?: Date;
+    range?: boolean;
+    dualMonthView?: boolean;
+    inputField?: boolean;
+    submitButton?: boolean;
+    qickOptions?: boolean;
+    value?: Date;
+    onSubmit: (event?: any) => void;
+    onCancel: (event?: any) => void;
+    currentMonth: Date;
+    selectedDate: Date | null;
+    rangeDates: {
+        startDate?: Date;
+        endDate?: Date | null;
+    };
+    inputDates: {
+        startDate?: string;
+        endDate?: string;
+    };
+    change: EventEmitter<Date>;
+    watchSelectedDate(newDate: Date, oldDate: Date): void;
+    watchValue(newValue: Date, oldValue: Date): void;
+    private get nextMonth();
+    private get days();
+    private get nextMonthDays();
+    private formatDate;
+    private handleSelectDate;
+    private handleInputDate;
+    private handleChangeMonth;
+    private isMidRange;
+    private isFirstRangeChild;
+    private isLastRangeChild;
+    componentDidLoad(): void;
+    handlePrevClick: () => void;
+    handleNextClick: () => void;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,23 @@
+export declare class DgaDigitalSignature {
+    language?: 'ar' | 'en';
+    opened?: boolean;
+    extension?: '.gov.sa' | '.edu.sa' | '.med.sa' | '.org.sa' | '.sch.sa' | '.sa';
+    isOpen: boolean;
+    linkProps?: {
+        variant: 'primary' | 'neutral' | 'on-color';
+        size: 'sm' | 'md' | 'lg';
+        label: string;
+        url: string;
+        inline?: boolean;
+        icon?: boolean;
+        iconType?: any;
+        disabled?: boolean;
+        external?: boolean;
+        target?: '_blank' | '_self' | '_parent' | '_top';
+    };
+    watchOpened(newVal: boolean): void;
+    private get data();
+    componentWillLoad(): void;
+    toggleOpen: () => void;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,5 @@
+export declare class DgaDivider {
+    color: 'neutral' | 'alpha-white' | 'white' | 'primary';
+    orientation?: "horizontal" | "vertical";
+    render(): any;
+}

package/dist/types/components/dga-drawer/DrawerMenu.d.ts

@@ -0,0 +1,5 @@
+import { IRoute } from './dga-drawer';
+export declare class SidePanelMenu {
+    routes: IRoute[];
+    render(): any;
+}

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

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

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

@@ -0,0 +1,20 @@
+import { Icon } from '../dga-avatar/dga-avatar';
+export interface IRoute {
+    name: string;
+    path: string;
+    badge?: number;
+    level?: number;
+    icon?: Icon;
+    disabled?: boolean;
+    children?: Array<IRoute>;
+}
+export declare class DgaDrawer {
+    background?: 'gray' | 'brand';
+    overlay?: boolean;
+    border?: boolean;
+    anchor?: 'left' | 'right';
+    open?: boolean;
+    routes: IRoute[];
+    headerLogo?: string;
+    render(): any;
+}

package/dist/types/components/dga-drawer/submenu-component.d.ts

@@ -0,0 +1,9 @@
+import { IRoute } from './dga-drawer';
+export declare class SubmenuComponent {
+    route: IRoute;
+    childRoute: IRoute;
+    onChildExpanded?: (expanded: boolean, subHeight: number) => void;
+    submenuElement: HTMLUListElement;
+    handleExpanded(expanded: boolean): void;
+    render(): any;
+}

package/dist/types/components/dga-drawer/tab-component.d.ts

@@ -0,0 +1,8 @@
+import { IRoute } from './dga-drawer';
+export declare class TabComponent {
+    route: IRoute;
+    isExpanded: boolean;
+    submenuElement: HTMLUListElement;
+    handleExpanded(expanded: boolean): void;
+    render(): any;
+}

package/dist/types/components/dga-drawer/tab-link.d.ts

@@ -0,0 +1,19 @@
+import { Icon } from '../dga-avatar/dga-avatar';
+export declare class TabLink {
+    type: 'parent' | 'child';
+    onColor: boolean;
+    level: number;
+    badge?: number;
+    icon?: Icon;
+    externalLink: boolean;
+    text: string;
+    link: string;
+    expanded: boolean;
+    onExpand?: (value: boolean) => void;
+    disabled: boolean;
+    isExpanded: boolean;
+    tabRef: HTMLAnchorElement;
+    private toggleTab;
+    private handleMouseEvents;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,37 @@
+export declare class Dropdown {
+    el: HTMLElement;
+    id: string;
+    placeholder?: string;
+    size: 'md' | 'lg';
+    variant: 'default' | 'lighter' | 'darker';
+    error: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    multiSelect: boolean;
+    options: any[];
+    optionLabel: string;
+    trackBy: string;
+    getSelectedOptions?: (event: any) => void;
+    extraClass?: string;
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    optionList: any[];
+    private btnRef;
+    private containerRef;
+    handleValueChange(newValue: string | string[]): void;
+    initializeOptions(): void;
+    private updateSelectedFromValue;
+    private updateDropdownLabel;
+    componentWillLoad(): void;
+    handleClickOutside: (event: MouseEvent) => void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private handleAddPressed;
+    private handleRemovePressed;
+    private handleToggleDropdown;
+    setSelectedOptions(option: any, index: number): void;
+    private handleSelectSingleOption;
+    private getSelectedChoices;
+    private handleMultiOptionClicked;
+    render(): any;
+}

package/dist/types/components/dga-featured-icon/dga-featured-icon-usage.d.ts

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

package/dist/types/components/dga-featured-icon/dga-featured-icon.d.ts

@@ -0,0 +1,21 @@
+export interface Icon {
+    name: string;
+    size?: number;
+    color?: string;
+    variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+    type?: 'rounded' | 'sharp' | 'standard';
+}
+export declare class DgaFeaturedIcon {
+    size: 'sm' | 'md' | 'lg' | 'xl';
+    color: 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'info';
+    variant: 'light' | 'dark' | 'outlined';
+    circle?: boolean;
+    icon: Icon;
+    iconFonts: {
+        xl: number;
+        lg: number;
+        md: number;
+        sm: number;
+    };
+    render(): any;
+}

package/dist/types/components/dga-feedback-icon/dga-feedback-icon-usage.d.ts

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

package/dist/types/components/dga-feedback-icon/dga-feedback-icon.d.ts

@@ -0,0 +1,17 @@
+export type IconType = 'success-check' | 'blue-info' | 'neutral-info' | 'neutral-?' | 'warning-!-circle' | 'warning-!-triangle' | 'error-!' | 'error-x';
+export interface FeedbackIcon {
+    type: IconType;
+    style: 'container' | 'icon-only';
+    size: 24 | 16;
+}
+export type BeakPlacement = 'none' | 'top' | 'bottom' | 'left' | 'right';
+export type BeakAlignment = 'start' | 'center' | 'end';
+export type Direction = 'top' | 'bottom' | 'left' | 'right';
+export type Theme = 'light' | 'dark';
+export declare class DgaFeedbackIcon {
+    type: IconType;
+    variant: 'container' | 'icon-only';
+    size: 24 | 16;
+    private icons;
+    render(): any;
+}

package/dist/types/components/dga-file-upload/dga-file-upload-usage.d.ts

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

package/dist/types/components/dga-file-upload/dga-file-upload.d.ts

@@ -0,0 +1,52 @@
+export declare class DgaFileUpload {
+    id: string;
+    name: string;
+    accept: string;
+    multiple: boolean;
+    title: string;
+    fileTypesText: string;
+    actionName: string;
+    maximumFilesSize?: number;
+    disabled?: boolean;
+    getUploadedFile?: (files: {
+        name: string;
+        uploadStatus: 'pending' | 'uploading' | 'complete' | 'error';
+        progress?: number;
+        errorMessage?: string;
+    }[]) => void;
+    uploadFileOverSize?: () => void;
+    onChange?: (event: Event) => void;
+    emitDeleteFile?: (file: {
+        name: string;
+        uploadStatus: 'pending' | 'uploading' | 'complete' | 'error';
+        progress?: number;
+        errorMessage?: string;
+    }, index: number) => void;
+    files: {
+        name: string;
+        uploadStatus: 'pending' | 'uploading' | 'complete' | 'error';
+        progress?: number;
+        errorMessage?: string;
+    }[];
+    dragState: boolean;
+    private fileInputRef;
+    handleFileSelection: (event: Event) => void;
+    handleDrop: (event: DragEvent) => void;
+    addDragOverClass: (event: DragEvent) => void;
+    removeDragOverClass: (event: DragEvent) => void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleDeleteFile(index: number, file: {
+        name: string;
+        uploadStatus: 'pending' | 'uploading' | 'complete' | 'error';
+        progress?: number;
+        errorMessage?: string;
+    }): void;
+    renderFile(file: {
+        name: string;
+        uploadStatus: 'pending' | 'uploading' | 'complete' | 'error';
+        progress?: number;
+        errorMessage?: string;
+    }, index: number): any;
+    render(): any;
+}

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

@@ -0,0 +1,15 @@
+import { FilterBlock, FilterItem } from './dga-filteration';
+export declare class DgaFilterationUsage {
+    filterBlocks: FilterBlock[];
+    private handleFilterChange;
+    initialValue: {
+        [key in FilterBlock["type"]]?: {
+            blockId: string;
+            options: Omit<FilterItem, "count">[] | {
+                min: number;
+                max: number;
+            };
+        };
+    };
+    render(): any;
+}

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

@@ -0,0 +1,83 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface FilterItem {
+    id: string;
+    label: string;
+    value: any;
+    count?: number;
+}
+export interface FilterBlock {
+    id: string;
+    label: string;
+    type: 'checkbox' | 'radio' | 'select' | 'chips' | 'slider' | 'range' | 'date';
+    options?: FilterItem[];
+    maxHeight?: number;
+    collapsed?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+export declare class DgaFilteration {
+    initvalue?: {
+        [key in FilterBlock['type']]?: {
+            blockId: string;
+            options: Omit<FilterItem, 'count'>[] | {
+                min: number;
+                max: number;
+            };
+        };
+    };
+    buttonLabel: string;
+    filterBlocks: FilterBlock[];
+    maxBlockHeight: number;
+    isFilterPanelOpen: boolean;
+    selectedFilters: {
+        blockId: string;
+        items: FilterItem[];
+    }[];
+    expandedBlocks: Set<string>;
+    tempFilters: {
+        blockId: string;
+        items: FilterItem[];
+    }[];
+    sliderValues: {
+        [key: number]: {
+            min: number;
+            max: string;
+        };
+    };
+    rangeValues: {
+        [key: string]: {
+            min: string | null;
+            max: string | null;
+        };
+    };
+    dateValues: {
+        [key: string]: {
+            start: Date | null;
+            end: Date | null;
+        };
+    };
+    chipsValues: {
+        [key: string]: FilterItem[];
+    };
+    searchQuery: string;
+    onFilterChange: EventEmitter<{
+        blockId: string;
+        items: FilterItem[];
+    }[]>;
+    private handleInitValue;
+    componentWillLoad(): void;
+    watchInitValue(): void;
+    private toggleFilterPanel;
+    private toggleBlockExpansion;
+    private handleFilterSelection;
+    private handleSliderChange;
+    private handleRangeChange;
+    private handleDateChange;
+    private handleChipsSelection;
+    private applyFilters;
+    private clearFilters;
+    private removeFilter;
+    render(): any;
+    private renderFilterBlock;
+}