pdap-design-system 3.1.0 → 3.2.0

package/README.md

@@ -6,7 +6,7 @@ _A `Vue` component library, styling system, and image asset repository for PDAP-
 
 [![Discord](https://img.shields.io/discord/828274060034965575?logo=discord&style=for-the-badge&color=blue)](https://discord.gg/vKhDv7nC8B)
 
-## Usage
+## Usage  
 
 1. Install the package
 

package/dist/components/AsyncTypeahead/AsyncTypeahead.vue.d.ts

@@ -0,0 +1,88 @@
+declare const _default: <T>(__VLS_props: {
+    onOnInput?: ((...args: any[]) => any) | undefined;
+    onOnFocus?: ((...args: any[]) => any) | undefined;
+    onOnBlur?: ((...args: any[]) => any) | undefined;
+    onSelectItem?: ((...args: any[]) => any) | undefined;
+    id: string;
+    placeholder?: string | undefined;
+    items: T[] | undefined;
+    formatItemForDisplay?: ((item: T) => string) | undefined;
+    error?: string | undefined;
+    position?: "top" | "bottom" | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    emit: (event: "onInput" | "onFocus" | "onBlur" | "selectItem", ...args: any[]) => void;
+    slots: {
+        label?(_: {}): any;
+        error?(_: {}): any;
+        item?(_: T): any;
+        "not-found"?(_: {}): any;
+    };
+} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
+    boldMatchText: (text: string) => string;
+    clearInput: () => void;
+    focusInput: () => void;
+    readonly value: string;
+}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        onOnInput?: ((...args: any[]) => any) | undefined;
+        onOnFocus?: ((...args: any[]) => any) | undefined;
+        onOnBlur?: ((...args: any[]) => any) | undefined;
+        onSelectItem?: ((...args: any[]) => any) | undefined;
+        id: string;
+        placeholder?: string | undefined;
+        items: T[] | undefined;
+        formatItemForDisplay?: ((item: T) => string) | undefined;
+        error?: string | undefined;
+        position?: "top" | "bottom" | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        boldMatchText: (text: string) => string;
+        clearInput: () => void;
+        focusInput: () => void;
+        readonly value: string;
+    }>): void;
+    attrs: any;
+    slots: {
+        label?(_: {}): any;
+        error?(_: {}): any;
+        item?(_: T): any;
+        "not-found"?(_: {}): any;
+    };
+    emit: (event: "onInput" | "onFocus" | "onBlur" | "selectItem", ...args: any[]) => void;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            onOnInput?: ((...args: any[]) => any) | undefined;
+            onOnFocus?: ((...args: any[]) => any) | undefined;
+            onOnBlur?: ((...args: any[]) => any) | undefined;
+            onSelectItem?: ((...args: any[]) => any) | undefined;
+            id: string;
+            placeholder?: string | undefined;
+            items: T[] | undefined;
+            formatItemForDisplay?: ((item: T) => string) | undefined;
+            error?: string | undefined;
+            position?: "top" | "bottom" | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{
+            boldMatchText: (text: string) => string;
+            clearInput: () => void;
+            focusInput: () => void;
+            readonly value: string;
+        }>): void;
+        attrs: any;
+        slots: {
+            label?(_: {}): any;
+            error?(_: {}): any;
+            item?(_: T): any;
+            "not-found"?(_: {}): any;
+        };
+        emit: (event: "onInput" | "onFocus" | "onBlur" | "selectItem", ...args: any[]) => void;
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/AsyncTypeahead/index.d.ts

@@ -0,0 +1 @@
+export { default as AsyncTypeahead } from './AsyncTypeahead.vue';

package/dist/components/AsyncTypeahead/types.d.ts

@@ -0,0 +1,8 @@
+export interface PdapAsyncTypeaheadProps<T> {
+    id: string;
+    placeholder?: string;
+    items: T[] | undefined;
+    formatItemForDisplay?: (item: T) => string;
+    error?: string;
+    position?: 'top' | 'bottom';
+}

package/dist/components/ErrorBoundary/PdapErrorBoundary.vue.d.ts

@@ -16,11 +16,11 @@ import { PdapErrorBoundaryProps, PdapErrorEmitted } from './types';
  *
  * <template>
  * 	<AuthWrapper>
- * 		<Header :logo-image-src="lockup" />
+ * 		<Header />
  * 		<ErrorBoundary component="main">
  * 			<router-view />
  * 		</ErrorBoundary>
- * 		<Footer :logo-image-src="acronym" />
+ * 		<Footer />
  * 	</AuthWrapper>
  * </template>
  *
@@ -53,8 +53,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     onOnError?: ((args_0: PdapErrorEmitted) => any) | undefined;
 }, {
-    params: Record<string, string>;
     onError: (error: Error, target?: ComponentPublicInstance | null | undefined, info?: string | undefined) => void;
+    params: Record<string, string>;
     component: string;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/Footer/PdapFooter.vue.d.ts

@@ -1,17 +1,7 @@
-import { PdapFooterProps } from './types';
 /**
  * # `Footer`
  *
  *
  */
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PdapFooterProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PdapFooterProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/Footer/constants.d.ts

@@ -3,9 +3,10 @@
  */
 export declare const FOOTER_LINK_ICONS: {
     readonly GITHUB: "github";
-    readonly LINKEDIN: "linkedin";
     readonly DISCORD: "discord";
     readonly JOBS: "jobs";
     readonly NEWSLETTER: "newsletter";
     readonly DOCS: "docs";
+    readonly EMAIL: "email";
+    readonly PUBLISH: "publish";
 };

package/dist/components/Footer/types.d.ts

@@ -6,9 +6,3 @@ export interface PdapFooterSocialLinks {
     icon?: FooterIconName;
 }
 export type FooterIconName = (typeof FOOTER_LINK_ICONS)[keyof typeof FOOTER_LINK_ICONS];
-export interface PdapFooterProps {
-    fundraisingData: {
-        raised: number;
-        goal: number;
-    };
-}

package/dist/components/Form/PdapForm.vue.d.ts

@@ -113,8 +113,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     setValues: <T extends Record<string, string>>(update: T) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     submit: (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapFormProps>, {
     error: null;
     resetOn: string;

package/dist/components/FormV2/PdapFormV2.vue.d.ts

@@ -14,9 +14,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         custom: ((value: unknown) => boolean) | ((value: unknown) => boolean);
     } | undefined>, Record<PropertyKey, unknown>>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     error: (...args: any[]) => void;
     submit: (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PdapFormPropsV2>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;

package/dist/components/Header/PdapHeader.vue.d.ts

@@ -4,21 +4,18 @@ import { PdapHeaderProps } from './types';
  *
  * ## Props
  * @prop {string} logoImageSrc Src for the PDAP logo image to be displayed
- * @prop {string } logoImageAnchorPath Path for the link that wraps the PDAP logo image
+ * @prop {string } logoAnchorPath Path for the link that wraps the PDAP logo image
  *
  * ## Notes
  * The `Header` component does not require any props to be passed. But keep in mind that it is responsible for rendering the `Nav` component. Consuming applications will need to `provide` an array of nav links -- **there are no defaults for this**, you must `provide` these links either 1\. in a layout component (see example below), at the route level, or at the app level. This allows for flexibility in which links are rendered on which routes
  *
  */
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapHeaderProps>, {
-    logoImageSrc: string;
-    logoImageAnchorPath: string;
+    logoAnchorPath: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapHeaderProps>, {
-    logoImageSrc: string;
-    logoImageAnchorPath: string;
+    logoAnchorPath: string;
 }>>>, {
-    logoImageSrc: string;
-    logoImageAnchorPath: string;
+    logoAnchorPath: string;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/Header/types.d.ts

@@ -1,4 +1,3 @@
 export interface PdapHeaderProps {
-    logoImageSrc?: string;
-    logoImageAnchorPath?: string;
+    logoAnchorPath?: string;
 }

package/dist/components/InputSelect/PdapInputSelect.vue.d.ts

@@ -2,18 +2,21 @@ import { PdapSelectOption as Option, PdapInputSelectProps } from './types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapInputSelectProps>, {
     combobox: boolean;
     placeholder: string;
+    position: string;
     filter: (searchText: any, options: any) => any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapInputSelectProps>, {
     combobox: boolean;
     placeholder: string;
+    position: string;
     filter: (searchText: any, options: any) => any;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     filter: (searchText: string, options: Option[]) => Option[];
     placeholder: string;
+    position: "top" | "bottom";
     combobox: boolean;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/InputSelect/types.d.ts

@@ -7,6 +7,7 @@ export interface PdapInputSelectProps {
     label?: string;
     name: string;
     placeholder?: string;
+    position?: 'top' | 'bottom';
     options: PdapSelectOption[];
     combobox?: boolean;
     filter?: (searchText: string, options: PdapSelectOption[]) => PdapSelectOption[];

package/dist/components/InputSelectMulti/PdapInputSelectMulti.vue.d.ts

@@ -0,0 +1,41 @@
+import { PdapInputSelectProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapInputSelectProps>, {
+    placeholder: string;
+    position: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapInputSelectProps>, {
+    placeholder: string;
+    position: string;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    placeholder: string;
+    position: "top" | "bottom";
+}, {}>, {
+    label?(_: {}): any;
+    error?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/InputSelectMulti/index.d.ts

@@ -0,0 +1 @@
+export { default as InputSelectMulti } from './PdapInputSelectMulti.vue';

package/dist/components/InputSelectMulti/types.d.ts

@@ -0,0 +1,12 @@
+export interface PdapSelectOption {
+    value: string;
+    label: string;
+}
+export interface PdapInputSelectProps {
+    id: string;
+    label?: string;
+    name: string;
+    placeholder?: string;
+    position?: 'top' | 'bottom';
+    options: PdapSelectOption[];
+}

package/dist/components/Nav/types.d.ts

@@ -1,7 +1,10 @@
+import { Component } from 'node_modules/vue-demi/lib';
+import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 export interface PdapLinkData {
     href?: string;
     path?: string;
-    text: string;
+    text?: string;
+    icon?: Component | IconDefinition;
 }
 export interface PdapNavState {
     isExpanded: boolean;

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export { InputPassword } from './InputPassword';
 export { InputRadio } from './InputRadio';
 export { RadioGroup } from './InputRadioGroup';
 export { InputSelect } from './InputSelect';
+export { InputSelectMulti } from './InputSelectMulti';
 export { InputText } from './InputText';
 export { InputTextArea } from './InputTextArea';
 export { Header } from './Header';
@@ -20,3 +21,4 @@ export { Dropdown } from './Dropdown';
 export { Breadcrumbs } from './Breadcrumbs';
 export { Spinner } from './Spinner';
 export { RecordTypeIcon } from './RecordTypeIcon';
+export { AsyncTypeahead } from './AsyncTypeahead';

package/dist/demo/pages/TypeaheadDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;