playbook_ui 13.11.1 → 13.12.0.pre.alpha.PLAY1081exporttypes1608

data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.d.ts

@@ -0,0 +1,33 @@
+export declare const filterFormattedDataById: (formattedData: {
+    [key: string]: any;
+}[], id: string) => {
+    [key: string]: any;
+}[];
+export declare const findByFilter: (formattedData: {
+    [key: string]: any;
+}[], searchTerm: string) => {
+    [key: string]: any;
+}[];
+export declare const getAncestorsOfUnchecked: (data: {
+    [key: string]: any;
+}[], item: {
+    [key: string]: any;
+}) => {
+    [key: string]: any;
+}[];
+export declare const getCheckedItems: (data: {
+    [key: string]: any;
+}[]) => {
+    [key: string]: any;
+}[];
+export declare const getDefaultCheckedItems: (treeData: {
+    [key: string]: any;
+}[]) => {
+    [key: string]: any;
+}[];
+export declare const recursiveCheckParent: (item: {
+    [key: string]: any;
+}, data: any) => any;
+export declare const getExpandedItems: (treeData: {
+    [key: string]: string;
+}[], selectedIds: string[]) => any[];

data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.d.ts

@@ -0,0 +1,25 @@
+import { GlobalProps } from "../utilities/globalProps";
+declare type MultiLevelSelectProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    inputDisplay?: "pills" | "none";
+    inputName?: string;
+    name?: string;
+    returnAllSelected?: boolean;
+    treeData?: {
+        [key: string]: string;
+    }[];
+    onSelect?: (prop: {
+        [key: string]: any;
+    }) => void;
+    selectedIds?: string[];
+    variant?: "multi" | "single";
+} & GlobalProps;
+declare const MultiLevelSelect: (props: MultiLevelSelectProps) => JSX.Element;
+export default MultiLevelSelect;

data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+declare type MultipleUsersProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    maxDisplayedUsers?: number;
+    reverse?: boolean;
+    size?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs";
+    users: Array<{
+        [key: string]: string;
+    }>;
+};
+declare const MultipleUsers: (props: MultipleUsersProps) => React.ReactElement;
+export default MultipleUsers;

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default_swift.md

@@ -0,0 +1,11 @@
+![mulitple-users-default](https://github.com/powerhome/playbook/assets/92755007/73dffd55-14f7-468e-b6ea-4e700980183d)
+
+```swift
+
+let twoUsers = [andrew, picAndrew]
+
+PBDoc(title: "xSmall") {
+  PBMultipleUsers(users: twoUsers, size: .xSmall)
+}
+
+```

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_props_swift.md

@@ -0,0 +1,7 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **Users** | `[PBUser]` | Sets the user's avatars |  |  |
+| **Size** | `AvatarSize` | Changes the size of the avatars  | `.small` | `.xSmall` `.small` |
+| **Reversed** | `Bool` | Changes the order of the avatars | `false` | `true` `false` |
+| **Max Displayed Users** | `Int` | Limits the number of avatars displayed | `4` |  |

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse_swift.md

@@ -0,0 +1,13 @@
+![multiple-users-reverse](https://github.com/powerhome/playbook/assets/92755007/be3f6f7d-f699-40f2-bbb6-8a99144a8744)
+
+```swift
+
+let multipleUsers = [andrew, picAndrew, andrew, andrew]
+let twoUsers = [andrew, picAndrew]
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  PBMultipleUsers(users: multipleUsers, size: .small, reversed: true)
+  PBMultipleUsers(users: twoUsers, size: .small, reversed: true)
+}
+
+```

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md

@@ -0,0 +1,11 @@
+![mulitple-users-size](https://github.com/powerhome/playbook/assets/92755007/5c15b862-fb32-4e0a-a826-bc25b1db555e)
+
+```swift
+
+let multipleUsers = [andrew, picAndrew, andrew, andrew]
+
+PBDoc(title: "Small") {
+  PBMultipleUsers(users: multipleUsers, size: .small)
+}
+
+```

data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml

@@ -10,3 +10,9 @@ examples:
   - multiple_users_default: Default
   - multiple_users_reverse: Reverse
   - multiple_users_size: Size
+
+  swift:
+  - multiple_users_default_swift: Default
+  - multiple_users_reverse_swift: Reverse
+  - multiple_users_size_swift: Small
+  - multiple_users_props_swift: ""

data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.d.ts

@@ -0,0 +1,16 @@
+declare type MultipleUsersStackedProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    users: Array<{
+        [key: string]: string;
+    }>;
+};
+declare const MultipleUsersStacked: (props: MultipleUsersStackedProps) => JSX.Element;
+export default MultipleUsersStacked;

data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md

@@ -0,0 +1,15 @@
+![mulitple-users-stacked-default](https://github.com/powerhome/playbook/assets/92755007/180e1275-3eb6-4b28-b1ef-bdde45ab3c2e)
+
+```swift
+
+let oneUser = [andrew]
+let twoUsers = [andrew, picAndrew]
+let multipleUsers = [andrew, picAndrew, andrew, andrew]
+
+HStack(spacing: Spacing.xSmall) {
+  PBMultipleUsersStacked(users: oneUser, size: .default)
+  PBMultipleUsersStacked(users: twoUsers, size: .default)
+  PBMultipleUsersStacked(users: multipleUsers, size: .default)
+}
+
+```

data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md

@@ -0,0 +1,5 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **Users** | `[PBUser]` | Sets the user's avatars |  |  |
+| **Size** | `Size` | Changes the size of the avatars | `.small` | `.default` `.small` `.xSmall` |

data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md

@@ -0,0 +1,15 @@
+![mulitple-users-stacked-small](https://github.com/powerhome/playbook/assets/92755007/277fd685-6302-462e-a02a-18a8fcb57715)
+
+```swift
+
+let oneUser = [andrew]
+let twoUsers = [andrew, picAndrew]
+let multipleUsers = [andrew, picAndrew, andrew, andrew]
+
+HStack(spacing: Spacing.xSmall) {
+  PBMultipleUsersStacked(users: oneUser)
+  PBMultipleUsersStacked(users: twoUsers)
+  PBMultipleUsersStacked(users: multipleUsers)
+}
+
+```

data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md

@@ -0,0 +1,15 @@
+![mulitple-users-stacked-xsmall](https://github.com/powerhome/playbook/assets/92755007/4f31976f-a41b-4923-9230-5015f6ad75f8)
+
+```swift
+
+let oneUser = [andrew]
+let twoUsers = [andrew, picAndrew]
+let multipleUsers = [andrew, picAndrew, andrew, andrew]
+
+ HStack(spacing: Spacing.xSmall) {
+  PBMultipleUsersStacked(users: oneUser, size: .xSmall)
+  PBMultipleUsersStacked(users: twoUsers, size: .xSmall)
+  PBMultipleUsersStacked(users: multipleUsers, size: .xSmall)
+}
+
+```

data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml

@@ -6,3 +6,9 @@ examples:
 
   react:
   - multiple_users_stacked_default: Default
+
+  swift: 
+  - multiple_users_stacked_default_swift: Default
+  - multiple_users_stacked_small_swift: Small
+  - multiple_users_stacked_xsmall_swift: xSmall
+  - multiple_users_stacked_props_swift: ""

data/app/pb_kits/playbook/pb_nav/_item.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import { GlobalProps } from "../utilities/globalProps";
+import { Spacing } from "../types";
+declare type NavItemProps = {
+    active?: boolean;
+    highlighted_border?: boolean;
+    aria?: {
+        [key: string]: string;
+    };
+    fontWeight?: "regular" | "bold" | "bolder";
+    children?: React.ReactNode[] | React.ReactNode;
+    className?: string;
+    collapsible?: boolean;
+    data?: object;
+    dark?: boolean;
+    fontSize?: "normal" | "small";
+    iconLeft?: string;
+    iconRight?: string | string[];
+    onIconRightClick?: () => void;
+    onIconLeftClick?: () => void;
+    id?: string;
+    imageUrl?: string;
+    link?: string;
+    onClick?: () => void;
+    target?: "_blank" | "_self" | "_parent" | "_top";
+    text: string;
+    collapsibleTrail?: boolean;
+    collapsed?: boolean;
+    orientation?: "vertical" | "horizontal";
+    variant?: "normal" | "subtle";
+    margin?: Spacing;
+    marginBottom?: Spacing;
+    marginTop?: Spacing;
+    marginRight?: Spacing;
+    marginLeft?: Spacing;
+    marginX?: Spacing;
+    marginY?: Spacing;
+} & GlobalProps;
+declare const NavItem: (props: NavItemProps) => JSX.Element;
+export default NavItem;

data/app/pb_kits/playbook/pb_nav/_nav.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { GlobalProps } from '../utilities/globalProps';
+import { SpacingObject } from './navTypes';
+declare type NavProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    borderless?: boolean;
+    children?: React.ReactNode[] | React.ReactNode;
+    className?: string | string[];
+    data?: object;
+    dark?: boolean;
+    highlight?: boolean;
+    id?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    orientation?: "vertical" | "horizontal";
+    link?: string;
+    title?: string;
+    variant?: "normal" | "subtle";
+    itemSpacing?: SpacingObject;
+} & GlobalProps;
+declare const Nav: (props: NavProps) => JSX.Element;
+export default Nav;

data/app/pb_kits/playbook/pb_nav/navTypes.d.ts

@@ -0,0 +1,22 @@
+import { Spacing } from "../types";
+export declare type SpacingObject = {
+    margin?: Spacing;
+    marginBottom?: Spacing;
+    marginTop?: Spacing;
+    marginRight?: Spacing;
+    marginLeft?: Spacing;
+    margingX?: Spacing;
+    marginY?: Spacing;
+    padding?: Spacing;
+    paddingBottom?: Spacing;
+    paddingTop?: Spacing;
+    paddingRight?: Spacing;
+    paddingLeft?: Spacing;
+    paddingX?: Spacing;
+    paddingY?: Spacing;
+};
+export declare type NavChildProps = {
+    orientation?: "vertical" | "horizontal";
+    variant?: "normal" | "subtle";
+    itemSpacing?: SpacingObject;
+};

data/app/pb_kits/playbook/pb_online_status/_online_status.d.ts

@@ -0,0 +1,14 @@
+import { GlobalProps } from '../utilities/globalProps';
+declare type OnlineStatusProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string | number;
+    };
+    id?: string;
+    status?: "online" | "offline" | "away";
+} & GlobalProps;
+declare const OnlineStatus: (props: OnlineStatusProps) => JSX.Element;
+export default OnlineStatus;

data/app/pb_kits/playbook/pb_passphrase/_passphrase.d.ts

@@ -0,0 +1,19 @@
+declare type PassphraseProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    confirmation?: boolean;
+    className?: string;
+    data?: object;
+    dark?: boolean;
+    id?: string;
+    inputProps?: {};
+    label?: string;
+    onChange: (inputValue: String) => void;
+    showTipsBelow?: "always" | "xs" | "sm" | "md" | "lg" | "xl";
+    tips?: Array<string>;
+    uncontrolled?: boolean;
+    value: string;
+};
+declare const Passphrase: (props: PassphraseProps) => JSX.Element;
+export default Passphrase;

data/app/pb_kits/playbook/pb_person/_person.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare type PersonProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string | string[];
+    data?: {
+        [key: string]: string;
+    };
+    firstName: string;
+    id?: string;
+    lastName: string;
+};
+declare const Person: (props: PersonProps) => React.ReactElement;
+export default Person;

data/app/pb_kits/playbook/pb_person_contact/_person_contact.d.ts

@@ -0,0 +1,18 @@
+declare type ContactItem = {
+    contactType: string;
+    contactValue: string;
+    contactDetail: string;
+};
+declare type PersonContactProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string | string[];
+    data?: object;
+    firstName: string;
+    id?: string;
+    lastName: string;
+    contacts?: ContactItem[];
+};
+declare const PersonContact: (props: PersonContactProps) => JSX.Element;
+export default PersonContact;

data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import 'intl-tel-input/build/css/intlTelInput.css';
+import 'intl-tel-input/build/js/utils.js';
+import { Callback } from '../types';
+declare global {
+    interface Window {
+        intlTelInputGlobals: any;
+    }
+}
+declare type PhoneNumberInputProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    dark?: boolean;
+    data?: {
+        [key: string]: string;
+    };
+    disabled?: boolean;
+    error?: string;
+    id?: string;
+    initialCountry?: string;
+    isValid?: (valid: boolean) => void;
+    label?: string;
+    name?: string;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onValidate?: Callback<boolean, void>;
+    onlyCountries: string[];
+    preferredCountries?: string[];
+    required?: boolean;
+    value?: string;
+};
+declare const _default: React.ForwardRefExoticComponent<PhoneNumberInputProps & React.RefAttributes<unknown>>;
+export default _default;

data/app/pb_kits/playbook/pb_pill/_pill.d.ts

@@ -0,0 +1,16 @@
+import { GlobalProps } from '../utilities/globalProps';
+declare type PillProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    text: string;
+    variant?: "success" | "warning" | "error" | "info" | "neutral" | "primary";
+    textTransform?: "none" | "lowercase";
+} & GlobalProps;
+declare const Pill: (props: PillProps) => JSX.Element;
+export default Pill;

data/app/pb_kits/playbook/pb_popover/_popover.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { PopperProps, Reference as PopperReference } from "react-popper";
+import { GlobalProps } from "../utilities/globalProps";
+declare type PbPopoverProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    closeOnClick?: "outside" | "inside" | "any";
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    offset?: boolean;
+    reference: PopperReference & any;
+    show?: boolean;
+    shouldClosePopover?: (arg0: boolean) => void;
+} & GlobalProps & Omit<PopperProps<any>, 'children'> & {
+    children?: React.ReactChild[] | React.ReactChild;
+};
+declare const PbReactPopover: (props: PbPopoverProps) => JSX.Element;
+export default PbReactPopover;

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

@@ -0,0 +1,21 @@
+import PbEnhancedElement from '../pb_enhanced_element';
+import { Instance } from '@popperjs/core';
+export default class PbPopover extends PbEnhancedElement {
+    popper: Instance;
+    _triggerElement: HTMLElement;
+    _tooltip: HTMLElement;
+    element: HTMLElement;
+    static get selector(): string;
+    moveTooltip(): void;
+    connect(): void;
+    checkCloseTooltip(): void;
+    hideTooltip(): void;
+    toggleTooltip(): void;
+    get triggerElement(): HTMLElement;
+    get tooltip(): HTMLElement;
+    get position(): string;
+    get triggerElementId(): string;
+    get tooltipId(): string;
+    get offset(): number[];
+    get closeOnClick(): string;
+}

data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.d.ts

@@ -0,0 +1,17 @@
+declare type ProgressPillsProps = {
+    active?: number;
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    dark?: boolean;
+    id?: string;
+    steps?: number;
+    title?: string;
+    value?: string;
+};
+declare const ProgressPills: (props: ProgressPillsProps) => JSX.Element;
+export default ProgressPills;

data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.d.ts

@@ -0,0 +1,15 @@
+declare type ProgressSimpleProps = {
+    align?: "left" | "center" | "right";
+    className?: string | string[];
+    dark?: boolean;
+    data?: string;
+    id?: string;
+    max?: number;
+    muted: boolean;
+    percent: string;
+    value: number;
+    variant?: "default" | "positive" | "negative" | "warning";
+    width: string;
+};
+declare const ProgressSimple: (props: ProgressSimpleProps) => JSX.Element;
+export default ProgressSimple;

data/app/pb_kits/playbook/pb_progress_step/_progress_step.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+declare type ProgressStepProps = {
+    aria?: {
+        [key: string]: string;
+    };
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    id?: string;
+    children?: React.ReactChild[] | React.ReactChild;
+    orientation?: "horizontal" | "vertical";
+    icon?: boolean;
+    showIcon?: boolean;
+    variant?: string;
+    color?: string;
+};
+declare const ProgressStep: (props: ProgressStepProps) => React.ReactElement;
+export default ProgressStep;

data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type ProgressStepItemProps = {
+    className?: string;
+    data?: {
+        [key: string]: string;
+    };
+    status?: "complete" | "active" | "inactive" | "hidden";
+    children?: React.ReactNode | React.ReactNode[];
+    icon?: string;
+};
+declare const ProgressStepItem: (props: ProgressStepItemProps) => React.ReactElement;
+export default ProgressStepItem;