@dcodegroup-au/dsg-vue 0.0.11-alpha.1 → 0.0.12-alpha.1

package/README.md

@@ -146,7 +146,7 @@ To configure the Tailwind CSS portion of the package, you will need to create a
 import type { Config } from "tailwindcss";
 
 // # Import: DSG Tailwind Plugin
-import { DsgTailwindPlugin, DsgColourConfig, DsgFontFamilyConfig } from '@dcodegroupau/dsg-vue/tailwind';
+import { DsgTailwindPlugin, DsgColourConfig, DsgFontFamilyConfig } from '@dcodegroup-au/dsg-vue/tailwind';
 
 // # Extend: DSG Color Config
 const ColourPalette = {
@@ -209,7 +209,7 @@ To use the Vue components within the package, you will need to import them direc
 
 <script setup lang="ts">
 // # Import: DSG Vue Components
-import { DsgButton, DsgInput } from '@dcodegroupau/dsg-vue';
+import { DsgButton, DsgInput } from '@dcodegroup-au/dsg-vue';
 
 </script>
 ```
@@ -234,7 +234,7 @@ To import the styling generated from the `dsg-vue` package, ensure you import th
 import { createApp } from 'vue';
 
 // # Import: DSG Vue CSS (NPM Install)
-import '@dcodegroupau/dsg-vue/dsg-vue.css';
+import '@dcodegroup-au/dsg-vue/dsg-vue.css';
 
 // # Import: DSG Vue CSS (GitHub/Local Install)
 import 'dsg-vue/dsg-vue.css';

package/dist/components/Elements/DsgDatepicker.vue.d.ts

@@ -15,12 +15,18 @@ export interface DsgInputDropdownProps {
     isOpen?: boolean;
     placement?: FloatingVuePlacement;
 }
-declare const _default: import('vue').DefineComponent<DsgInputDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:fromDate": (...args: any[]) => void;
-    "update:toDate": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<DsgInputDropdownProps> & Readonly<{
-    "onUpdate:fromDate"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:toDate"?: ((...args: any[]) => any) | undefined;
+type __VLS_Props = DsgInputDropdownProps;
+export interface DsgDualModel {
+    fromDate: string;
+    toDate: string;
+}
+type __VLS_PublicProps = {
+    modelValue?: DsgDualModel | string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | DsgDualModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | DsgDualModel) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     'dsg-datepicker': HTMLDivElement;
     floatingVueDatepickerDropdown: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -516,6 +522,7 @@ declare const _default: import('vue').DefineComponent<DsgInputDropdownProps, {},
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly modelValue?: any;
             readonly label?: string | undefined;
             readonly type?: import('./DsgInput.vue').DsgInputType | undefined;
             readonly theme?: import('./DsgInput.vue').DsgInputTheme | undefined;
@@ -587,7 +594,9 @@ declare const _default: import('vue').DefineComponent<DsgInputDropdownProps, {},
         $host: Element | null;
         $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "on-focus", ...args: any[]) => void) & ((event: "on-before-focus", ...args: any[]) => void) & ((event: "on-before-off-focus", ...args: any[]) => void) & ((event: "off-focus", ...args: any[]) => void) & ((event: "on-before-copy", ...args: any[]) => void) & ((event: "on-copy", ...args: any[]) => void) & ((event: "on-before-clear", ...args: any[]) => void) & ((event: "on-clear", ...args: any[]) => void) & ((event: "on-before-format", ...args: any[]) => void) & ((event: "on-format", ...args: any[]) => void) & ((event: "on-before-validate", ...args: any[]) => void) & ((event: "on-validate", ...args: any[]) => void) & ((event: "on-card-detected", ...args: any[]) => void);
         $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('./DsgInput.vue').DsgInputProps> & Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: any;
+        } & import('./DsgInput.vue').DsgInputProps> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onOn-focus"?: ((...args: any[]) => any) | undefined;
             "onOn-before-focus"?: ((...args: any[]) => any) | undefined;
@@ -643,7 +652,9 @@ declare const _default: import('vue').DefineComponent<DsgInputDropdownProps, {},
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<import('./DsgInput.vue').DsgInputProps> & Readonly<{
+    } & Readonly<{}> & Omit<Readonly<{
+        modelValue?: any;
+    } & import('./DsgInput.vue').DsgInputProps> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onOn-focus"?: ((...args: any[]) => any) | undefined;
         "onOn-before-focus"?: ((...args: any[]) => any) | undefined;
@@ -673,6 +684,7 @@ declare const _default: import('vue').DefineComponent<DsgInputDropdownProps, {},
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly modelValue?: any;
             readonly label?: string | undefined;
             readonly type?: import('./DsgInput.vue').DsgInputType | undefined;
             readonly theme?: import('./DsgInput.vue').DsgInputTheme | undefined;
@@ -744,7 +756,9 @@ declare const _default: import('vue').DefineComponent<DsgInputDropdownProps, {},
         $host: Element | null;
         $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "on-focus", ...args: any[]) => void) & ((event: "on-before-focus", ...args: any[]) => void) & ((event: "on-before-off-focus", ...args: any[]) => void) & ((event: "off-focus", ...args: any[]) => void) & ((event: "on-before-copy", ...args: any[]) => void) & ((event: "on-copy", ...args: any[]) => void) & ((event: "on-before-clear", ...args: any[]) => void) & ((event: "on-clear", ...args: any[]) => void) & ((event: "on-before-format", ...args: any[]) => void) & ((event: "on-format", ...args: any[]) => void) & ((event: "on-before-validate", ...args: any[]) => void) & ((event: "on-validate", ...args: any[]) => void) & ((event: "on-card-detected", ...args: any[]) => void);
         $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('./DsgInput.vue').DsgInputProps> & Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: any;
+        } & import('./DsgInput.vue').DsgInputProps> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onOn-focus"?: ((...args: any[]) => any) | undefined;
             "onOn-before-focus"?: ((...args: any[]) => any) | undefined;
@@ -800,7 +814,9 @@ declare const _default: import('vue').DefineComponent<DsgInputDropdownProps, {},
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<import('./DsgInput.vue').DsgInputProps> & Readonly<{
+    } & Readonly<{}> & Omit<Readonly<{
+        modelValue?: any;
+    } & import('./DsgInput.vue').DsgInputProps> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onOn-focus"?: ((...args: any[]) => any) | undefined;
         "onOn-before-focus"?: ((...args: any[]) => any) | undefined;

package/dist/components/Elements/DsgDropdown.vue.d.ts

@@ -1,4 +1,5 @@
 import { Placement as FloatingVuePlacement } from 'floating-vue';
+import { DsgButtonTheme } from './DsgButton.vue';
 /**
  * ------------------------------------------------
  *  # Setup: Props
@@ -28,6 +29,7 @@ export interface DsgDropdownProps {
     label?: string;
     type?: DsgDropdownType;
     icon?: string;
+    buttonTheme?: DsgButtonTheme;
     menuItems?: DsgDropdownMenuItem[];
     avatarInfo?: DsgDropdownAvatar | null;
     isOpen?: boolean;
@@ -647,7 +649,7 @@ declare function __VLS_template(): {
             $props: {
                 readonly label?: string | undefined;
                 readonly type?: import('./DsgButton.vue').DsgButtonType | undefined;
-                readonly theme?: import('./DsgButton.vue').DsgButtonTheme | undefined;
+                readonly theme?: DsgButtonTheme | undefined;
                 readonly size?: import('./DsgButton.vue').DsgButtonSize | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly iconBefore?: string | null | undefined;
@@ -1319,7 +1321,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgDropdownProps, {
         $props: {
             readonly label?: string | undefined;
             readonly type?: import('./DsgButton.vue').DsgButtonType | undefined;
-            readonly theme?: import('./DsgButton.vue').DsgButtonTheme | undefined;
+            readonly theme?: DsgButtonTheme | undefined;
             readonly size?: import('./DsgButton.vue').DsgButtonSize | undefined;
             readonly disabled?: boolean | undefined;
             readonly iconBefore?: string | null | undefined;

package/dist/components/Elements/DsgFilter.vue.d.ts

@@ -15,17 +15,27 @@ export interface DsgFilterItem {
     searchPlaceholder?: string;
     viewAll?: boolean;
     viewAllLabel?: string;
-    items?: DsgCheckboxProps[];
-    props?: {};
+    checkboxItems?: DsgCheckboxProps[];
+    props?: {
+        type?: string;
+    };
+    value?: any;
 }
 export interface DsgFilterProps {
     label?: string;
-    items?: DsgFilterItem[];
+    icon?: string;
+    checkboxItems?: DsgFilterItem[];
     isOpen?: boolean;
     placement?: FloatingVuePlacement;
     headerTitle?: string;
     classes?: string;
+    hasClearAllButton?: boolean;
+    clearAllLabel?: string;
 }
+type __VLS_Props = DsgFilterProps;
+type __VLS_PublicProps = {
+    'items'?: DsgFilterItem[];
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -214,34 +224,10 @@ declare function __VLS_template(): {
             };
         } | {
             methods: {
-                show(
-                /**
-                 * ------------------------------------------------
-                 *  # Import: Dependencies
-                 * ------------------------------------------------
-                 */
-                ...args: any[]): any;
-                hide(
-                /**
-                 * ------------------------------------------------
-                 *  # Import: Dependencies
-                 * ------------------------------------------------
-                 */
-                ...args: any[]): any;
-                dispose(
-                /**
-                 * ------------------------------------------------
-                 *  # Import: Dependencies
-                 * ------------------------------------------------
-                 */
-                ...args: any[]): any;
-                onResize(
-                /**
-                 * ------------------------------------------------
-                 *  # Import: Dependencies
-                 * ------------------------------------------------
-                 */
-                ...args: any[]): any;
+                show(...args: any[]): any;
+                hide(...args: any[]): any;
+                dispose(...args: any[]): any;
+                onResize(...args: any[]): any;
             };
         }, import('vue').ComponentOptionsMixin, {
             show: () => true;
@@ -622,7 +608,21 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<DsgFilterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DsgFilterProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:items": (value: DsgFilterItem[]) => any;
+} & {
+    "update:items": (items: {
+        key: any;
+        value: any;
+    }) => any;
+    "clear-all": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:items"?: ((items: {
+        key: any;
+        value: any;
+    }) => any) | undefined;
+    "onClear-all"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dsgFilter: HTMLDivElement;
     floatingVueFilterDropdown: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         theme: {
@@ -803,34 +803,10 @@ declare const __VLS_component: import('vue').DefineComponent<DsgFilterProps, {},
         };
     } | {
         methods: {
-            show(
-            /**
-             * ------------------------------------------------
-             *  # Import: Dependencies
-             * ------------------------------------------------
-             */
-            ...args: any[]): any;
-            hide(
-            /**
-             * ------------------------------------------------
-             *  # Import: Dependencies
-             * ------------------------------------------------
-             */
-            ...args: any[]): any;
-            dispose(
-            /**
-             * ------------------------------------------------
-             *  # Import: Dependencies
-             * ------------------------------------------------
-             */
-            ...args: any[]): any;
-            onResize(
-            /**
-             * ------------------------------------------------
-             *  # Import: Dependencies
-             * ------------------------------------------------
-             */
-            ...args: any[]): any;
+            show(...args: any[]): any;
+            hide(...args: any[]): any;
+            dispose(...args: any[]): any;
+            onResize(...args: any[]): any;
         };
     }, import('vue').ComponentOptionsMixin, {
         show: () => true;

package/dist/components/Elements/DsgInput.vue.d.ts

@@ -54,6 +54,10 @@ export interface DsgInputProps {
     hasCopyButton?: boolean;
     preventDefault?: boolean;
 }
+type __VLS_Props = DsgInputProps;
+type __VLS_PublicProps = {
+    modelValue?: any;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -76,7 +80,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<DsgInputProps, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
     focus: (isFocused?: boolean) => void;
     validate: () => Ref<string[]>;
     callbackValidation: (callback: Function) => void;
@@ -97,7 +101,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgInputProps, {
     "on-before-validate": (...args: any[]) => void;
     "on-validate": (...args: any[]) => void;
     "on-card-detected": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<DsgInputProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onOn-focus"?: ((...args: any[]) => any) | undefined;
     "onOn-before-focus"?: ((...args: any[]) => any) | undefined;

package/dist/components/Elements/DsgInputDropdown.vue.d.ts

@@ -18,5 +18,13 @@ export interface DsgInputDropdownProps {
     classes?: string;
     options?: DsgInputDropdownOption[];
 }
-declare const _default: import('vue').DefineComponent<DsgInputDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DsgInputDropdownProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSelectElement>;
+type __VLS_Props = DsgInputDropdownProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSelectElement>;
 export default _default;