pdap-design-system 3.1.0-beta.8 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,21 +2,9 @@ import { PdapFooterProps } from './types';
2
2
  /**
3
3
  * # `Footer`
4
4
  *
5
- * ## Props
6
- * @prop {string} logoImageSrc Src for the PDAP logo image to be displayed
7
- * @prop {string } logoImageAnchorPath Path for the link that wraps the PDAP logo image
8
5
  *
9
6
  */
10
- declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapFooterProps>, {
11
- logoImageSrc: string;
12
- logoImageAnchorPath: string;
13
- }>, {}, 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<PdapFooterProps>, {
14
- logoImageSrc: string;
15
- logoImageAnchorPath: string;
16
- }>>>, {
17
- logoImageSrc: string;
18
- logoImageAnchorPath: string;
19
- }, {}>;
7
+ 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>>>, {}, {}>;
20
8
  export default _default;
21
9
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
22
10
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -27,11 +15,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
27
15
  required: true;
28
16
  };
29
17
  };
30
- type __VLS_WithDefaults<P, D> = {
31
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
32
- default: D[K];
33
- }> : P[K];
34
- };
35
- type __VLS_Prettify<T> = {
36
- [K in keyof T]: T[K];
37
- } & {};
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Icons for particular footer links
3
+ */
4
+ export declare const FOOTER_LINK_ICONS: {
5
+ readonly GITHUB: "github";
6
+ readonly LINKEDIN: "linkedin";
7
+ readonly DISCORD: "discord";
8
+ readonly JOBS: "jobs";
9
+ readonly NEWSLETTER: "newsletter";
10
+ readonly DOCS: "docs";
11
+ };
@@ -1,2 +1,3 @@
1
1
  import PdapFooter from './PdapFooter.vue';
2
+ export { FOOTER_LINK_ICONS } from './constants';
2
3
  export { PdapFooter as Footer };
@@ -1,9 +1,14 @@
1
+ import { FOOTER_LINK_ICONS } from './constants';
1
2
  export interface PdapFooterSocialLinks {
2
3
  href?: string;
3
4
  path?: string;
4
5
  text: string;
6
+ icon?: FooterIconName;
5
7
  }
8
+ export type FooterIconName = (typeof FOOTER_LINK_ICONS)[keyof typeof FOOTER_LINK_ICONS];
6
9
  export interface PdapFooterProps {
7
- logoImageSrc?: string;
8
- logoImageAnchorPath?: string;
10
+ fundraisingData: {
11
+ raised: number;
12
+ goal: number;
13
+ };
9
14
  }
@@ -1,22 +1,11 @@
1
1
  import { PdapInputProps } from '../Input/types';
2
- export type PdapLengthRules = 'maxLength' | 'minLength';
2
+ import * as validators from '@vuelidate/validators';
3
3
  export interface PdapFormValidator<T> {
4
4
  message?: string;
5
- value: T;
6
- }
7
- /**
8
- * Keyed by currently used validators.
9
- * Add any Vuelidate validators or custom ones here as we need them.
10
- * See https://vuelidate-next.netlify.app/validators.html#using-builtin-validators for more.
11
- *
12
- */
13
- export interface PdapFormValidators {
14
- maxLength: PdapFormValidator<number>;
15
- minLength: PdapFormValidator<number>;
16
- required: PdapFormValidator<boolean>;
17
- email: PdapFormValidator<boolean>;
18
- password: PdapFormValidator<boolean>;
5
+ value?: T;
6
+ predicate?: (value: T) => boolean;
19
7
  }
8
+ export type PdapFormValidators = Record<keyof typeof validators, PdapFormValidator<boolean | string | number>>;
20
9
  export type PdapFormInputProps = PdapInputProps & {
21
10
  validators?: Partial<PdapFormValidators>;
22
11
  };
@@ -1,21 +1,27 @@
1
1
  import { PdapFormPropsV2 } from './types';
2
2
  declare const values: import("vue").Ref<Record<PropertyKey, unknown>>;
3
3
  declare function setValues(val: Partial<typeof values.value>): void;
4
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapFormPropsV2>, {
5
- error: null;
6
- }>, {
4
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PdapFormPropsV2>, {
7
5
  setValues: typeof setValues;
6
+ v$: import("vue").Ref<import("@vuelidate/core").Validation<Record<string, {
7
+ password: any;
8
+ } | {
9
+ [x: string]: any;
10
+ custom?: undefined;
11
+ } | {
12
+ custom: import("@vuelidate/core").ValidationRuleWithParams<object, any>;
13
+ } | {
14
+ custom: ((value: unknown) => boolean) | ((value: unknown) => boolean);
15
+ } | undefined>, Record<PropertyKey, unknown>>>;
8
16
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
9
17
  change: (...args: any[]) => void;
18
+ error: (...args: any[]) => void;
10
19
  submit: (...args: any[]) => void;
11
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapFormPropsV2>, {
12
- error: null;
13
- }>>> & {
20
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PdapFormPropsV2>>> & {
14
21
  onChange?: ((...args: any[]) => any) | undefined;
15
22
  onSubmit?: ((...args: any[]) => any) | undefined;
16
- }, {
17
- error: string | null;
18
- }, {}>, {
23
+ onError?: ((...args: any[]) => any) | undefined;
24
+ }, {}, {}>, {
19
25
  error?(_: {}): any;
20
26
  default?(_: {}): any;
21
27
  }>;
@@ -29,14 +35,6 @@ type __VLS_TypePropsToRuntimeProps<T> = {
29
35
  required: true;
30
36
  };
31
37
  };
32
- type __VLS_WithDefaults<P, D> = {
33
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
34
- default: D[K];
35
- }> : P[K];
36
- };
37
- type __VLS_Prettify<T> = {
38
- [K in keyof T]: T[K];
39
- } & {};
40
38
  type __VLS_WithTemplateSlots<T, S> = T & {
41
39
  new (): {
42
40
  $slots: S;
@@ -1,23 +1,13 @@
1
1
  import useVuelidate from '@vuelidate/core';
2
2
  import { makeRules } from './util';
3
3
  import { Ref } from 'vue';
4
+ import * as validators from '@vuelidate/validators';
4
5
  export interface PdapFormValidatorV2<T> {
5
6
  message?: string;
6
- value: T;
7
- }
8
- /**
9
- * Keyed by currently used validators.
10
- * Add any Vuelidate validators or custom ones here as we need them.
11
- * See https://vuelidate-next.netlify.app/validators.html#using-builtin-validators for more.
12
- *
13
- */
14
- export interface PdapFormValidatorsV2 {
15
- maxLength: PdapFormValidatorV2<number>;
16
- minLength: PdapFormValidatorV2<number>;
17
- required: PdapFormValidatorV2<boolean>;
18
- email: PdapFormValidatorV2<boolean>;
19
- password: PdapFormValidatorV2<boolean>;
7
+ value?: T;
8
+ predicate?: (value: T) => boolean;
20
9
  }
10
+ export type PdapFormValidatorsV2 = Record<keyof typeof validators, PdapFormValidatorV2<string | number | boolean>>;
21
11
  export type ValidationSchemaV2 = {
22
12
  name: string;
23
13
  validators: Partial<PdapFormValidatorsV2>;
@@ -0,0 +1,21 @@
1
+ import '@vuepic/vue-datepicker/dist/main.css';
2
+ import { PdapDatePickerProps } from './types';
3
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PdapDatePickerProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PdapDatePickerProps>>>, {}, {}>, {
4
+ label?(_: {}): any;
5
+ error?(_: {}): any;
6
+ }>;
7
+ export default _default;
8
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
9
+ type __VLS_TypePropsToRuntimeProps<T> = {
10
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
11
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
12
+ } : {
13
+ type: import('vue').PropType<T[K]>;
14
+ required: true;
15
+ };
16
+ };
17
+ type __VLS_WithTemplateSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
@@ -0,0 +1 @@
1
+ export { default as InputDatePicker } from './PdapInputDatePicker.vue';
@@ -0,0 +1,6 @@
1
+ import { VueDatePickerProps } from '@vuepic/vue-datepicker';
2
+ export interface PdapDatePickerProps extends VueDatePickerProps {
3
+ id: string;
4
+ label?: string;
5
+ name: string;
6
+ }
@@ -0,0 +1,19 @@
1
+ import { PdapInputRadioProps } from './types';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PdapInputRadioProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PdapInputRadioProps>>>, {}, {}>, {
3
+ label?(_: {}): any;
4
+ }>;
5
+ export default _default;
6
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
7
+ type __VLS_TypePropsToRuntimeProps<T> = {
8
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
9
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
10
+ } : {
11
+ type: import('vue').PropType<T[K]>;
12
+ required: true;
13
+ };
14
+ };
15
+ type __VLS_WithTemplateSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
@@ -0,0 +1 @@
1
+ export { default as InputRadio } from './PdapInputRadio.vue';
@@ -0,0 +1,7 @@
1
+ export interface PdapInputRadioProps {
2
+ id: string;
3
+ label?: string;
4
+ name: string;
5
+ defaultChecked?: boolean;
6
+ value: string;
7
+ }
@@ -0,0 +1,23 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
+ name: string;
3
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
4
+ name: string;
5
+ }>>>, {}, {}>, {
6
+ error?(_: {}): any;
7
+ default?(_: {}): any;
8
+ }>;
9
+ export default _default;
10
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
11
+ type __VLS_TypePropsToRuntimeProps<T> = {
12
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
13
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
14
+ } : {
15
+ type: import('vue').PropType<T[K]>;
16
+ required: true;
17
+ };
18
+ };
19
+ type __VLS_WithTemplateSlots<T, S> = T & {
20
+ new (): {
21
+ $slots: S;
22
+ };
23
+ };
@@ -0,0 +1 @@
1
+ export { default as RadioGroup } from './PdapInputRadioGroup.vue';
@@ -1,10 +1,20 @@
1
- import { PdapInputSelectProps } from './types';
1
+ import { PdapSelectOption as Option, PdapInputSelectProps } from './types';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapInputSelectProps>, {
3
+ combobox: boolean;
3
4
  placeholder: string;
4
- }>, {}, 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<PdapInputSelectProps>, {
5
+ filter: (searchText: any, options: any) => any;
6
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ change: (...args: any[]) => void;
8
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapInputSelectProps>, {
9
+ combobox: boolean;
5
10
  placeholder: string;
6
- }>>>, {
11
+ filter: (searchText: any, options: any) => any;
12
+ }>>> & {
13
+ onChange?: ((...args: any[]) => any) | undefined;
14
+ }, {
15
+ filter: (searchText: string, options: Option[]) => Option[];
7
16
  placeholder: string;
17
+ combobox: boolean;
8
18
  }, {}>, {
9
19
  label?(_: {}): any;
10
20
  error?(_: {}): any;
@@ -8,4 +8,6 @@ export interface PdapInputSelectProps {
8
8
  name: string;
9
9
  placeholder?: string;
10
10
  options: PdapSelectOption[];
11
+ combobox?: boolean;
12
+ filter?: (searchText: string, options: PdapSelectOption[]) => PdapSelectOption[];
11
13
  }
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
17
17
  show: boolean;
18
18
  }>>>, {
19
19
  text: string;
20
- size: number;
21
20
  color: string;
21
+ size: number;
22
22
  show: boolean;
23
23
  }, {}>;
24
24
  export default _default;
@@ -1,11 +1,15 @@
1
1
  export { Button } from './Button';
2
2
  export { ErrorBoundary } from './ErrorBoundary';
3
- export { Footer } from './Footer';
3
+ export * from './Footer';
4
4
  export { Form } from './Form';
5
5
  export { FormV2 } from './FormV2';
6
6
  export { Input } from './Input';
7
7
  export { InputCheckbox } from './InputCheckbox';
8
+ export { InputDatePicker } from './InputDatePicker';
8
9
  export { InputPassword } from './InputPassword';
10
+ export { InputRadio } from './InputRadio';
11
+ export { RadioGroup } from './InputRadioGroup';
12
+ export { InputSelect } from './InputSelect';
9
13
  export { InputText } from './InputText';
10
14
  export { InputTextArea } from './InputTextArea';
11
15
  export { Header } from './Header';