@dcodegroup-au/dsg-vue 0.1.33 → 0.1.35

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

@@ -6,12 +6,21 @@ import { Locale } from 'date-fns';
  * ------------------------------------------------
  */
 export type DsgDatepickerType = "single" | "range" | "month" | "time" | "time-range" | "year" | "week" | "quarter";
-export type DsgDatepickerValue = string | Date | Date[] | string[] | null;
+export type DsgDatepickerValue = string | Date | Date[] | string[] | number | null;
 export type DsgDatepickerRangeConfig = RangeConfig;
 export type DsgDatepickerPosition = "left" | "center" | "right";
 export type DsgDatepickerSize = "sm" | "md" | "lg";
 export type DsgDatepickerAutoPosition = boolean | "top" | "bottom";
 export type DsgUiClasses = UIOptions;
+/**
+ * The model type determines the format of the v-model value.
+ * - `undefined` (default): returns `Date` objects
+ * - `'timestamp'`: returns Unix timestamp (number)
+ * - `'iso'`: returns ISO 8601 string
+ * - `'format'`: returns a formatted string using the `format` prop
+ * - Any other string: treated as a date-fns format pattern
+ */
+export type DsgDatepickerModelType = "timestamp" | "iso" | "format" | (string & {});
 export interface DsgDatepickerProps {
     type?: DsgDatepickerType;
     disableYearSelect?: boolean;
@@ -27,6 +36,15 @@ export interface DsgDatepickerProps {
     errors?: string[];
     locale?: string;
     formatLocale?: Locale;
+    /**
+     * Determines the type of the v-model value.
+     * - `undefined` (default): returns `Date` objects
+     * - `'timestamp'`: returns Unix timestamp (number)
+     * - `'iso'`: returns ISO 8601 string
+     * - `'format'`: returns a formatted string using the `format` prop
+     * - Custom string: treated as a date-fns format pattern (e.g. `'yyyy-MM-dd'`)
+     */
+    modelType?: DsgDatepickerModelType;
 }
 type __VLS_Props = DsgDatepickerProps;
 type __VLS_PublicProps = {

package/dist/components/Table/DsgTable.vue.d.ts

@@ -13,6 +13,10 @@ export interface DsgTableProps {
     displayPaginationInfo?: boolean;
     reloadOnChangeTimer?: boolean;
     selectable?: boolean;
+    /** Custom CSS colour for the Shift+Hover range highlight. Defaults to primary-50. */
+    shiftSelectHighlight?: string;
+    /** Custom CSS colour for the selected row background. Defaults to gray-50. */
+    selectedRowHighlight?: string;
     trackBy?: string;
     title?: string;
     filters?: DsgTableSearchFacet[];
@@ -189,6 +193,8 @@ declare function __VLS_template(): {
                 readonly fieldPrefix?: string | undefined;
                 readonly eventPrefix?: string | undefined;
                 readonly selectable?: boolean | undefined;
+                readonly shiftSelectHighlight?: string | undefined;
+                readonly selectedRowHighlight?: string | undefined;
                 readonly replaceState?: boolean | undefined;
                 readonly replaceStrategy?: "window" | "inertia" | undefined;
                 readonly "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
@@ -488,6 +494,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
             readonly fieldPrefix?: string | undefined;
             readonly eventPrefix?: string | undefined;
             readonly selectable?: boolean | undefined;
+            readonly shiftSelectHighlight?: string | undefined;
+            readonly selectedRowHighlight?: string | undefined;
             readonly replaceState?: boolean | undefined;
             readonly replaceStrategy?: "window" | "inertia" | undefined;
             readonly "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;

package/dist/components/Table/DsgTableComponent.vue.d.ts

@@ -102,6 +102,10 @@ export interface DsgTableComponentProp {
     fieldPrefix?: string;
     eventPrefix?: string;
     selectable?: boolean;
+    /** Custom CSS colour for the Shift+Hover range highlight background. Defaults to `var(--color-primary-50)`. */
+    shiftSelectHighlight?: string;
+    /** Custom CSS colour for the selected row background. Defaults to `var(--color-gray-50)`. */
+    selectedRowHighlight?: string;
     replaceState?: boolean;
     replaceStrategy?: "window" | "inertia";
 }