@dcodegroup-au/dsg-vue 0.0.19 → 0.0.21

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.
@@ -5,6 +5,7 @@ export interface DsgEditorProps {
5
5
  targetModelClass?: string;
6
6
  mediaUploadEndpoint?: string;
7
7
  csrf?: string;
8
+ errors?: string[] | string;
8
9
  }
9
10
  type __VLS_Props = DsgEditorProps;
10
11
  type __VLS_PublicProps = {
@@ -8,6 +8,7 @@ export type { DsgAlertType, DsgAlertProps, DsgAlertComponentProps } from './DsgA
8
8
  export interface DsgAlertOptions {
9
9
  hasCloseButton?: boolean;
10
10
  timeout?: number | false;
11
+ maxWidthClass?: string;
11
12
  position?: ToastPosition;
12
13
  }
13
14
  export type DsgAlertToastType = "info" | "error" | "warning" | "success";
@@ -32,17 +32,17 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
32
32
  } & {
33
33
  focus: (data: DsgDatepickerValue) => any;
34
34
  open: (data: DsgDatepickerValue) => any;
35
+ blur: (data: DsgDatepickerValue) => any;
35
36
  closed: (data: DsgDatepickerValue) => any;
36
37
  cleared: (data: DsgDatepickerValue) => any;
37
- blur: (data: DsgDatepickerValue) => any;
38
38
  "recalculate-position": (data: DsgDatepickerValue) => any;
39
39
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
40
40
  onFocus?: ((data: DsgDatepickerValue) => any) | undefined;
41
41
  "onUpdate:modelValue"?: ((value: DsgDatepickerValue) => any) | undefined;
42
42
  onOpen?: ((data: DsgDatepickerValue) => any) | undefined;
43
+ onBlur?: ((data: DsgDatepickerValue) => any) | undefined;
43
44
  onClosed?: ((data: DsgDatepickerValue) => any) | undefined;
44
45
  onCleared?: ((data: DsgDatepickerValue) => any) | undefined;
45
- onBlur?: ((data: DsgDatepickerValue) => any) | undefined;
46
46
  "onRecalculate-position"?: ((data: DsgDatepickerValue) => any) | undefined;
47
47
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
48
48
  export default _default;
@@ -0,0 +1,58 @@
1
+ import { default as VueMultiselect } from 'vue-multiselect';
2
+ /**
3
+ * ------------------------------------------------
4
+ * # Setup: Props/Variables/Models
5
+ * ------------------------------------------------
6
+ */
7
+ export interface DsgInputSelectOption {
8
+ id: string;
9
+ label: string;
10
+ [key: string]: any;
11
+ }
12
+ export interface DsgInputSelectProps {
13
+ options?: DsgInputSelectOption[];
14
+ multiple?: boolean;
15
+ getUrl?: string;
16
+ placeholder?: string;
17
+ label?: string;
18
+ showLabels?: boolean;
19
+ disabled?: boolean;
20
+ closeOnSelect?: boolean;
21
+ trackBy?: string;
22
+ itemLabel?: string;
23
+ allowEmpty?: boolean;
24
+ selectLabel?: string;
25
+ selectedLabel?: string;
26
+ size?: "md";
27
+ }
28
+ type __VLS_Props = DsgInputSelectProps;
29
+ type __VLS_PublicProps = {
30
+ "modelValue"?: any;
31
+ "single"?: any;
32
+ } & __VLS_Props;
33
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
34
+ "update:modelValue": (value: any) => any;
35
+ "update:single": (value: any) => any;
36
+ } & {
37
+ select: (value: any, id: string | number) => any;
38
+ "update:model-value": (value: any) => any;
39
+ "update:modelValue": (value: any) => any;
40
+ tag: (label: any, id: string | number) => any;
41
+ "search-change": (queryTerm: string) => any;
42
+ open: (id: string | number) => any;
43
+ close: (value: any, id: string | number) => any;
44
+ remove: (value: any, id: string | number) => any;
45
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
46
+ onSelect?: ((value: any, id: string | number) => any) | undefined;
47
+ "onUpdate:model-value"?: ((value: any) => any) | undefined;
48
+ "onUpdate:modelValue"?: ((value: any) => any) | undefined;
49
+ onTag?: ((label: any, id: string | number) => any) | undefined;
50
+ "onUpdate:single"?: ((value: any) => any) | undefined;
51
+ "onSearch-change"?: ((queryTerm: string) => any) | undefined;
52
+ onOpen?: ((id: string | number) => any) | undefined;
53
+ onClose?: ((value: any, id: string | number) => any) | undefined;
54
+ onRemove?: ((value: any, id: string | number) => any) | undefined;
55
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
56
+ multiselectEl: VueMultiselect | null;
57
+ }, HTMLDivElement>;
58
+ export default _default;
@@ -12,6 +12,9 @@ export interface DsgModalProps {
12
12
  description?: string;
13
13
  miscIcon?: DsgMiscIconProps | null;
14
14
  hasClosedButton?: boolean;
15
+ initialOpen?: boolean;
16
+ closeClickBackground?: boolean;
17
+ wrapperClasses?: string;
15
18
  width?: number;
16
19
  type?: DsgModalType;
17
20
  footerType?: DsgModalFooterType;
@@ -6,6 +6,7 @@ import { default as PrivateCheckbox } from './DsgCheckbox.vue';
6
6
  import { default as PrivateCheckboxGroup } from './DsgCheckboxGroup.vue';
7
7
  import { default as PrivateDropdown } from './DsgDropdown.vue';
8
8
  import { default as PrivateInput } from './DsgInput.vue';
9
+ import { default as PrivateInputSelect } from './DsgInputSelect.vue';
9
10
  import { default as PrivateInputDropdown } from './DsgInputDropdown.vue';
10
11
  import { default as PrivateDatepicker } from './DsgDatepicker.vue';
11
12
  import { default as PrivateLabel } from './DsgLabel.vue';
@@ -14,4 +15,4 @@ import { default as PrivateModal } from './DsgModal.vue';
14
15
  import { default as PrivateTag } from './DsgTag.vue';
15
16
  import { default as PrivateToggle } from './DsgToggle.vue';
16
17
  import { default as PrivateTooltip } from './DsgTooltip.vue';
17
- export { PrivateAvatar, PrivateAlert, PrivateBadge, PrivateButton, PrivateCheckbox, PrivateCheckboxGroup, PrivateDropdown, PrivateInput, PrivateInputDropdown, PrivateDatepicker, PrivateLabel, PrivateLink, PrivateModal, PrivateTag, PrivateToggle, PrivateTooltip, };
18
+ export { PrivateAvatar, PrivateAlert, PrivateBadge, PrivateButton, PrivateCheckbox, PrivateCheckboxGroup, PrivateDropdown, PrivateInput, PrivateInputSelect, PrivateInputDropdown, PrivateDatepicker, PrivateLabel, PrivateLink, PrivateModal, PrivateTag, PrivateToggle, PrivateTooltip, };
@@ -16,6 +16,7 @@ export interface DsgTableProps {
16
16
  filters?: DsgTableSearchFacet[];
17
17
  filterEntity?: string;
18
18
  filterEndpoint?: string;
19
+ filterSearchEndpoint?: string;
19
20
  tableLayout?: "fixed" | "auto";
20
21
  }
21
22
  declare function __VLS_template(): {
@@ -39,6 +40,7 @@ declare function __VLS_template(): {
39
40
  'dsg-table--search-actions'?(_: {
40
41
  data: null;
41
42
  }): any;
43
+ 'dsg-table--search-navigation'?(_: {}): any;
42
44
  'dsg-table-actions'?(_: {
43
45
  data: {
44
46
  rowData: any;
@@ -104,12 +106,12 @@ declare function __VLS_template(): {
104
106
  readonly httpMethod?: "get" | "post" | undefined;
105
107
  readonly reactiveApiUrl?: boolean | undefined;
106
108
  readonly apiMode?: boolean | undefined;
107
- readonly data?: (Array<any> | Object | null) | undefined;
109
+ readonly data?: (Array<any> | null) | undefined;
108
110
  readonly dataManager?: (Function | null) | undefined;
109
111
  readonly dataPath?: string | undefined;
110
112
  readonly tableLayout?: "fixed" | "auto" | undefined;
111
113
  readonly paginationPath?: string | undefined;
112
- readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponenetQueryParams | undefined;
114
+ readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponentQueryParams | undefined;
113
115
  readonly httpOptions?: {
114
116
  [key: string]: any;
115
117
  } | undefined | undefined;
@@ -296,6 +298,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
296
298
  reloadTable: () => void;
297
299
  updateRowTable: (rowData: any) => void;
298
300
  termChanged: (term: string | null) => void;
301
+ setFilters: (filters: any) => void;
299
302
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
300
303
  "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
301
304
  "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
@@ -323,12 +326,12 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
323
326
  readonly httpMethod?: "get" | "post" | undefined;
324
327
  readonly reactiveApiUrl?: boolean | undefined;
325
328
  readonly apiMode?: boolean | undefined;
326
- readonly data?: (Array<any> | Object | null) | undefined;
329
+ readonly data?: (Array<any> | null) | undefined;
327
330
  readonly dataManager?: (Function | null) | undefined;
328
331
  readonly dataPath?: string | undefined;
329
332
  readonly tableLayout?: "fixed" | "auto" | undefined;
330
333
  readonly paginationPath?: string | undefined;
331
- readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponenetQueryParams | undefined;
334
+ readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponentQueryParams | undefined;
332
335
  readonly httpOptions?: {
333
336
  [key: string]: any;
334
337
  } | undefined | undefined;
@@ -4,7 +4,7 @@ import { AxiosResponse } from 'axios';
4
4
  * # Setup: Props/Variables
5
5
  * ------------------------------------------------
6
6
  */
7
- export interface DsgTableComponenetQueryParams {
7
+ export interface DsgTableComponentQueryParams {
8
8
  sort: string;
9
9
  order: string;
10
10
  page: string;
@@ -46,12 +46,12 @@ export interface DsgTableComponentProp {
46
46
  httpMethod?: "get" | "post";
47
47
  reactiveApiUrl?: boolean;
48
48
  apiMode?: boolean;
49
- data?: Array<any> | Object | null;
49
+ data?: Array<any> | null;
50
50
  dataManager?: Function | null;
51
51
  dataPath?: string;
52
52
  tableLayout?: "fixed" | "auto";
53
53
  paginationPath?: string;
54
- queryParams?: DsgTableComponenetQueryParams;
54
+ queryParams?: DsgTableComponentQueryParams;
55
55
  httpOptions?: {
56
56
  [key: string]: any;
57
57
  } | undefined;
@@ -7,6 +7,7 @@ import { DsgCheckboxModelType } from '../Elements/DsgCheckbox.vue';
7
7
  */
8
8
  export interface DsgTableFilterProps {
9
9
  entity?: string;
10
+ searchEndpoint?: string;
10
11
  filterEndpoint?: string;
11
12
  filters?: DsgTableSearchFacet[];
12
13
  filterIcon?: string;