playbook_ui 13.11.1 → 13.12.0.pre.alpha.PLAY1081exporttypes1608

data/app/pb_kits/playbook/pb_dashboard/themeTypes.d.ts

@@ -0,0 +1,40 @@
+export declare type ThemeProps = {
+    lang?: {
+        [key: string]: string;
+    };
+    credits?: {
+        [key: string]: boolean;
+    };
+    colors?: string[];
+    chart?: {
+        [key: string]: any;
+    };
+    title?: {
+        [key: string]: string | {};
+    };
+    subtitle?: {
+        [key: string]: string | {};
+    };
+    xAxis?: {
+        [key: string]: any;
+    };
+    yAxis?: {
+        [key: string]: any;
+    };
+    legend?: {
+        [key: string]: string | {};
+    };
+    labels?: {
+        [key: string]: {};
+    };
+    tooltip?: {
+        [key: string]: any;
+    };
+    pane?: {
+        [key: string]: {};
+    };
+    plotOptions?: {
+        [key: string]: any;
+    };
+    colorKey?: string;
+};

data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+declare type DashboardValueProps = {
+    align?: 'left' | 'center' | 'right';
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    statChange?: {
+        change?: 'increase' | 'decrease' | 'neutral';
+        value?: string | number;
+    };
+    statLabel?: string;
+    statValue?: {
+        unit?: string;
+        value?: string | number;
+    };
+};
+declare const DashboardValue: (props: DashboardValueProps) => React.ReactElement;
+export default DashboardValue;

data/app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.d.ts

@@ -0,0 +1,43 @@
+declare const pbIndicator: {
+    title: {
+        fontFamily: any;
+        color: any;
+        fontSizes: {
+            big: any;
+            medium: any;
+            small: any;
+            micro: any;
+        };
+    };
+    secondaryTitle: {
+        color: any;
+        fontFamily: any;
+        fontSizes: {
+            big: any;
+            medium: any;
+            small: any;
+            micro: any;
+        };
+    };
+    value: {
+        fontFamily: any;
+        color: any;
+        fontWeight: any;
+        fontSizes: {
+            big: any;
+            medium: any;
+            small: any;
+            micro: any;
+        };
+    };
+    secondaryValue: {
+        fontFamily: any;
+        fontSizes: {
+            big: any;
+            medium: any;
+            small: any;
+            micro: any;
+        };
+    };
+};
+export default pbIndicator;

data/app/pb_kits/playbook/pb_date/_date.d.ts

@@ -0,0 +1,18 @@
+declare type PbDateProps = {
+    alignment?: "left" | "center" | "right";
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    showDayOfWeek?: boolean;
+    showIcon?: boolean;
+    size?: "sm" | "md" | "lg";
+    unstyled?: boolean;
+    value: Date;
+};
+declare const PbDate: (props: PbDateProps) => JSX.Element;
+export default PbDate;

data/app/pb_kits/playbook/pb_date_picker/_date_picker.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type DatePickerProps = {
+    allowInput?: boolean;
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    defaultDate?: string;
+    disableDate?: number[];
+    disableInput?: boolean;
+    disableRange?: number[];
+    disableWeekdays?: number[];
+    enableTime?: boolean;
+    error?: string;
+    format?: string;
+    hideIcon?: boolean;
+    hideLabel?: boolean;
+    id?: string;
+    inLine?: boolean;
+    inputAria?: {
+        [key: string]: string;
+    };
+    inputData?: {
+        [key: string]: string;
+    };
+    inputOnChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    inputValue?: string;
+    label?: string;
+    maxDate: string;
+    minDate: string;
+    name: string;
+    pickerId?: string;
+    placeholder?: string;
+    positionElement?: HTMLElement | null;
+    scrollContainer?: string;
+    selectionType?: "month" | "week" | "quickpick";
+    showTimezone?: boolean;
+    staticPosition: boolean;
+    thisRangesEndToday?: boolean;
+    timeFormat?: string;
+    type?: string;
+    yearRange?: number[];
+} & GlobalProps;
+declare const DatePicker: (props: DatePickerProps) => React.ReactElement;
+export default DatePicker;

data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.d.ts

@@ -0,0 +1,23 @@
+import { BaseOptions } from 'flatpickr/dist/types/options';
+declare type DatePickerConfig = {
+    closeOnSelect?: boolean;
+    disableDate?: number[];
+    disableRange?: number[];
+    disableWeekdays?: number[];
+    format?: string;
+    pickerId?: ArrayLike<Node> | Node | string;
+    required: boolean;
+    hideIcon?: boolean;
+    inLine?: boolean;
+    onChange: (dateStr: string, selectedDates: Date[]) => void;
+    selectionType?: "month" | "week" | "quickpick" | "";
+    onClose: (dateStr: Date[] | string, selectedDates: Date[] | string) => void;
+    showTimezone?: boolean;
+    staticPosition: boolean;
+    thisRangesEndToday?: boolean;
+    timeCaption?: string;
+    timeFormat?: string;
+    yearRange: number[];
+} & Pick<BaseOptions, "allowInput" | "defaultDate" | "enableTime" | "maxDate" | "minDate" | "mode" | "plugins" | "position" | "positionElement">;
+declare const datePickerHelper: (config: DatePickerConfig, scrollContainer: string | HTMLElement) => any;
+export default datePickerHelper;

data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.d.ts

@@ -0,0 +1,18 @@
+declare type FpTypes = {
+    setDate: (arg0: any, arg1: boolean) => void;
+    config: {
+        [key: string]: string;
+    };
+    clear: (arg0: boolean, arg1: boolean) => void;
+    close: () => void;
+    calendarContainer?: {
+        classList: {
+            add: (arg0: string) => void;
+        };
+        prepend: (arg0: HTMLDivElement) => void;
+        append: (arg0: HTMLDivElement) => void;
+    };
+    loadedPlugins: string[];
+};
+declare const quickPickPlugin: (thisRangesEndToday: boolean) => (fp: FpTypes & any) => any;
+export default quickPickPlugin;

data/app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.d.ts

@@ -0,0 +1,44 @@
+declare type FpTypes = {
+    amPM?: {
+        style: {
+            display: string;
+        };
+    };
+    selectedDates: string | any[];
+    setDate: (arg0: any, arg1: boolean) => void;
+    input: {
+        id: any;
+    };
+    timeContainer?: {
+        classList: {
+            add: (arg0: string) => void;
+        };
+        prepend: (arg0: HTMLDivElement) => void;
+        append: (arg0: HTMLDivElement) => void;
+    };
+    minuteElement?: {
+        step: string;
+    };
+    _initialDate: {
+        toLocaleDateString: (arg0: string, arg1: {
+            day: string;
+            timeZoneName: string;
+        }) => string | any[];
+    };
+    loadedPlugins: string[];
+};
+export declare const getTimezoneText: (inputDate: {
+    toLocaleDateString: (arg0: string, arg1: {
+        day: string;
+        timeZoneName: string;
+    }) => string | any[];
+}) => string;
+declare function timeSelectPlugin(props: {
+    caption: string;
+    showTimezone: boolean;
+}): (fp: FpTypes & any) => {
+    onValueUpdate(): void;
+    onOpen(): void;
+    onReady(): void;
+};
+export default timeSelectPlugin;

data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.d.ts

@@ -0,0 +1,13 @@
+declare type DateRangeInlineProps = {
+    className?: string;
+    id?: string;
+    data?: string;
+    align?: "left" | "center" | "vertical";
+    size?: "sm" | "xs";
+    dark?: boolean;
+    icon?: boolean;
+    startDate?: Date;
+    endDate?: Date;
+};
+declare const DateRangeInline: (props: DateRangeInlineProps) => JSX.Element;
+export default DateRangeInline;

data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.d.ts

@@ -0,0 +1,10 @@
+declare type DateRangeStackedProps = {
+    className?: string | string[];
+    data?: string;
+    dark?: boolean;
+    endDate: Date;
+    id?: string;
+    startDate: Date;
+};
+declare const DateRangeStacked: (props: DateRangeStackedProps) => JSX.Element;
+export default DateRangeStacked;

data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.d.ts

@@ -0,0 +1,13 @@
+declare type DateStackedProps = {
+    align?: "left" | "center" | "right";
+    bold?: boolean;
+    className?: string | string[];
+    dark?: boolean;
+    data?: string;
+    date: Date;
+    size?: "sm" | "md";
+    id?: string;
+    reverse?: boolean;
+};
+declare const DateStacked: (props: DateStackedProps) => JSX.Element;
+export default DateStacked;

data/app/pb_kits/playbook/pb_date_time/_date_time.d.ts

@@ -0,0 +1,18 @@
+declare type DateTimeProps = {
+    align?: "left" | "center" | "right";
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    datetime: Date;
+    id?: string;
+    size?: "sm" | "md";
+    showDayOfWeek: boolean;
+    showIcon?: boolean;
+    timeZone?: string;
+};
+declare const DateTime: (props: DateTimeProps) => JSX.Element;
+export default DateTime;

data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type DateTimeStackedProps = {
+    id?: string;
+    date: Date;
+    datetime: Date;
+    dark: boolean;
+    timeZone?: string;
+};
+declare const DateTimeStacked: (props: DateTimeStackedProps) => React.ReactElement;
+export default DateTimeStacked;

data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.d.ts

@@ -0,0 +1,10 @@
+declare type DateYearStackedProps = {
+    align?: "left" | "center" | "right";
+    className?: string | string[];
+    dark?: boolean;
+    data?: string;
+    date: Date;
+    id?: string;
+};
+declare const DateYearStacked: (props: DateYearStackedProps) => JSX.Element;
+export default DateYearStacked;

data/app/pb_kits/playbook/pb_detail/_detail.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+declare type DetailProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    bold?: boolean;
+    children?: React.ReactChild[] | React.ReactChild;
+    className?: string;
+    color?: 'light' | 'default' | 'lighter' | 'link' | 'error' | 'success';
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
+    text?: string;
+} & GlobalProps;
+declare const Detail: (props: DetailProps) => JSX.Element;
+export default Detail;

data/app/pb_kits/playbook/pb_dialog/_close_icon.d.ts

@@ -0,0 +1,5 @@
+declare type CloseIconProps = {
+    onClose: () => any;
+};
+export declare const CloseIcon: (props: CloseIconProps) => JSX.Element;
+export {};

data/app/pb_kits/playbook/pb_dialog/_dialog.d.ts

@@ -0,0 +1,68 @@
+import React from "react";
+declare type DialogProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    cancelButton?: string;
+    children: React.ReactNode | React.ReactNode[] | string;
+    className?: string;
+    closeable: boolean;
+    confirmButton?: string;
+    data?: object;
+    id?: string;
+    fullHeight?: boolean;
+    loading?: boolean;
+    onCancel?: () => void;
+    onChange?: () => void;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    opened: boolean;
+    portalClassName?: string;
+    placement?: "left" | "center" | "right";
+    shouldCloseOnOverlayClick: boolean;
+    size?: "sm" | "md" | "lg" | "xl" | "status_size" | "content";
+    status?: "info" | "caution" | "delete" | "error" | "success";
+    text?: string;
+    title?: string;
+    trigger?: string;
+};
+declare const Dialog: {
+    (props: DialogProps): JSX.Element;
+    Header: (props: {
+        aria?: {
+            [key: string]: string;
+        };
+        children: React.ReactNode | React.ReactNode[];
+        className?: string;
+        closeable?: boolean;
+        data?: object;
+        id?: string;
+        padding?: string;
+        separator?: boolean;
+        spacing?: "none" | "between" | "around" | "evenly";
+        text?: string;
+        title?: string;
+    } & import("../utilities/globalProps").GlobalProps) => JSX.Element;
+    Body: (props: {
+        children: React.ReactNode | React.ReactNode[];
+        padding?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs";
+        className?: string;
+    }) => JSX.Element;
+    Footer: (props: {
+        aria?: {
+            [key: string]: string;
+        };
+        children: React.ReactChild | React.ReactChild[];
+        className?: string;
+        data?: {
+            [key: string]: string;
+        };
+        id?: string;
+        padding?: string;
+        paddingBottom?: string;
+        paddingX?: string;
+        separator?: boolean;
+        spacing?: "none" | "between" | "around" | "evenly";
+    } & import("../utilities/globalProps").GlobalProps) => JSX.Element;
+};
+export default Dialog;

data/app/pb_kits/playbook/pb_dialog/_dialog_context.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DialogContext: React.Context<any>;

data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type DialogBodyProps = {
+    children: React.ReactNode | React.ReactNode[] | string;
+    padding?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+    className?: string;
+};
+declare const DialogBody: (props: DialogBodyProps) => JSX.Element;
+export default DialogBody;

data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { GlobalProps } from '../../utilities/globalProps';
+declare type DialogFooterProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    children: React.ReactChild[] | React.ReactChild | string;
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    padding?: string;
+    paddingBottom?: string;
+    paddingX?: string;
+    separator?: boolean;
+    spacing?: "none" | "between" | "around" | "evenly";
+} & GlobalProps;
+declare const DialogFooter: (props: DialogFooterProps) => JSX.Element;
+export default DialogFooter;

data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { GlobalProps } from '../../utilities/globalProps';
+declare type DialogHeaderProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    children: React.ReactNode[] | React.ReactNode | string;
+    className?: string;
+    closeable?: boolean;
+    data?: object;
+    id?: string;
+    padding?: string;
+    separator?: boolean;
+    spacing?: "none" | "between" | "around" | "evenly";
+    text?: string;
+    title?: string;
+} & GlobalProps;
+declare const DialogHeader: (props: DialogHeaderProps) => JSX.Element;
+export default DialogHeader;

data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.d.ts

@@ -0,0 +1,10 @@
+declare type DistributionBarProps = {
+    className?: string;
+    colors: [];
+    data?: string;
+    id?: string;
+    size?: "lg" | "sm";
+    widths?: number[];
+};
+declare const DistributionBar: (props: DistributionBarProps) => JSX.Element;
+export default DistributionBar;

data/app/pb_kits/playbook/pb_enhanced_element/element_observer.d.ts

@@ -0,0 +1,17 @@
+import PbEnhancedElement from "./index";
+export default class ElementObserver {
+    matchDelegate: PbEnhancedElement;
+    target: Document;
+    _mutationObserver: MutationObserver;
+    constructor(matchDelegate: PbEnhancedElement, target?: Document);
+    get mutationObserver(): MutationObserver;
+    start(): void;
+    stop(): void;
+    catchup(): void;
+    processMutationList(mutationList: Array<MutationRecord>): void;
+    processAttributeChange(node: Element): void | Array<Element>;
+    processRemovedNodes(nodes: Array<Element>): void;
+    processAddedNodes(nodes: Array<Element>): void;
+    handleRemovals(elements: Array<Element>): void;
+    handleAdditions(elements: Array<Element>): void;
+}

data/app/pb_kits/playbook/pb_enhanced_element/index.d.ts

@@ -0,0 +1,17 @@
+import ElementObserver from './element_observer';
+export default class PbEnhancedElement {
+    static _elements: Map<Element, PbEnhancedElement>;
+    static _observer: ElementObserver;
+    element: Element;
+    constructor(element?: Element);
+    static get elements(): Map<Element, PbEnhancedElement>;
+    static get observer(): ElementObserver;
+    static get selector(): string;
+    static matches(node: Element): Array<Element>;
+    static addMatch(element: Element): void;
+    static removeMatch(element: Element): void;
+    static start(): void;
+    static stop(): void;
+    connect(): void;
+    disconnect(): void;
+}

data/app/pb_kits/playbook/pb_file_upload/_file_upload.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { Callback } from '../types';
+declare type FileUploadProps = {
+    accept?: string[];
+    className?: string;
+    customMessage?: string;
+    data?: {
+        [key: string]: string | number;
+    };
+    acceptedFilesDescription?: string;
+    maxSize?: number;
+    onFilesAccepted: Callback<File, File>;
+    onFilesRejected: (error: string, files: File[]) => void;
+};
+declare const FileUpload: (props: FileUploadProps) => React.ReactElement;
+export default FileUpload;

data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type FilterDescription = {
+    [key: string]: string | null | boolean;
+};
+export declare type CurrentFiltersProps = {
+    dark: boolean;
+    filters: FilterDescription;
+};
+declare const CurrentFilters: ({ dark, filters }: CurrentFiltersProps) => React.ReactElement;
+export default CurrentFilters;

data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { GlobalProps } from '../../utilities/globalProps';
+export declare type FilterBackgroundProps = {
+    background: boolean;
+    className: string;
+    children?: React.ReactChild[] | React.ReactChild;
+    dark: boolean;
+} & GlobalProps;
+declare const FilterBackground: (props: FilterBackgroundProps) => React.ReactElement;
+export default FilterBackground;

data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { FilterDescription } from './CurrentFilters';
+import { FilterBackgroundProps } from './FilterBackground';
+import { SortingChangeCallback, SortOptions, SortValue } from './SortMenu';
+export declare type FilterDoubleProps = {
+    children?: React.ReactChild[] | React.ReactChild;
+    filters?: FilterDescription;
+    onSortChange?: SortingChangeCallback;
+    results?: number;
+    sortOptions?: SortOptions;
+    sortValue?: SortValue[];
+} & FilterBackgroundProps;
+declare const FilterDouble: ({ onSortChange, sortOptions, sortValue, filters, results, children, dark, minWidth, placement, ...bgProps }: FilterDoubleProps) => React.ReactElement;
+export default FilterDouble;

data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { FilterDescription } from './CurrentFilters';
+import { FilterBackgroundProps } from './FilterBackground';
+import { SortingChangeCallback, SortOptions, SortValue } from './SortMenu';
+export declare type FilterSingleProps = {
+    children?: React.ReactChild[] | React.ReactChild;
+    filters?: FilterDescription;
+    onSortChange?: SortingChangeCallback;
+    results?: number;
+    sortOptions?: SortOptions;
+    sortValue?: SortValue[];
+} & FilterBackgroundProps;
+declare const FilterSingle: ({ onSortChange, sortOptions, sortValue, filters, results, children, dark, minWidth, placement, ...bgProps }: FilterSingleProps) => React.ReactElement;
+export default FilterSingle;

data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+declare type FiltersPopoverProps = {
+    children?: React.ReactChild[] | React.ReactChild | (({ closePopover }: {
+        closePopover: () => void;
+    }) => ReactNode);
+    dark?: boolean;
+    minWidth?: string;
+    placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+};
+declare const FiltersPopover: ({ children, dark, minWidth, placement }: FiltersPopoverProps) => React.ReactElement;
+export default FiltersPopover;

data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type ResultsCountProps = {
+    dark?: boolean;
+    results?: number | null;
+    title?: boolean;
+};
+declare const ResultsCount: ({ dark, results, title }: ResultsCountProps) => React.ReactElement;
+export default ResultsCount;

data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export declare type Direction = 'asc' | 'desc';
+export declare type SortOptions = {
+    [name: string]: string;
+};
+export declare type SortValue = {
+    name: string;
+    dir: Direction;
+};
+export declare type SortingChangeCallback = (value: SortValue[]) => void;
+export declare type SortMenuProps = {
+    dark?: boolean;
+    onChange: SortingChangeCallback;
+    options: SortOptions;
+    value?: SortValue[];
+};
+declare const SortMenu: ({ dark, options, value, onChange }: SortMenuProps) => React.ReactElement;
+export default SortMenu;