quasar-ui-danx 0.4.10 → 0.4.13

package/src/styles/themes/danx/action-table.scss

@@ -1,19 +1,30 @@
+.dx-action-table {
+	.dx-column-shrink {
+		width: 1px;
+	}
+	
+	// Make sure the checkbox column is left aligned and always the same size
+	thead > tr:first-child > th:first-child, tbody > tr:not(.dx-table-summary-tr) > td:first-child {
+		@apply text-left w-[1px] pl-4;
+	}
+}
+
 .dx-table-summary-tr {
-  @apply bg-gray-100;
+	@apply bg-gray-100;
 
-  &.has-selection {
-    @apply bg-blue-600 text-white;
-  }
+	&.has-selection {
+		@apply bg-blue-600 text-white;
+	}
 
-  &.is-loading {
-    @apply opacity-50;
-  }
+	&.is-loading {
+		@apply opacity-50;
+	}
 
-  .dx-table-summary-td {
-    @apply font-bold bg-gray-100 pl-5;
+	.dx-table-summary-td {
+		@apply font-bold bg-gray-100 pl-5;
 
-    &.has-selection {
-      @apply bg-blue-600 text-white pl-4;
-    }
-  }
+		&.has-selection {
+			@apply bg-blue-600 text-white pl-4;
+		}
+	}
 }

package/src/types/actions.d.ts

@@ -6,9 +6,9 @@ export interface ActionPanel {
 	label: string;
 	category?: string;
 	class?: string | object;
-	enabled?: boolean | (() => boolean);
-	tabVnode?: (activePanel: string | number) => VNode | any;
-	vnode: (activePanel: string) => VNode | any;
+	enabled?: boolean | ((activeItem: ActionTargetItem) => boolean);
+	tabVnode?: (activeItem: ActionTargetItem | null | undefined, activePanel: string | number) => VNode | any;
+	vnode: (activeItem: ActionTargetItem | null | undefined) => VNode | any;
 }
 
 export interface ActionTargetItem extends TypedObject {
@@ -18,17 +18,17 @@ export interface ActionTargetItem extends TypedObject {
 export type ActionTarget = ActionTargetItem[] | ActionTargetItem | null;
 
 export interface ActionOptions {
-	name?: string;
+	name: string;
 	alias?: string;
 	label?: string;
+	icon?: string | object;
+	iconClass?: string | object;
 	menu?: boolean;
 	batch?: boolean;
 	category?: string;
 	class?: string;
 	debounce?: number;
-	isApplying?: boolean;
 	optimistic?: boolean | ((action: ActionOptions, target: ActionTargetItem | null, input: any) => void);
-	trigger?: (target?: ActionTarget, input?: any) => Promise<any>;
 	vnode?: ((target: ActionTarget) => VNode) | any;
 	enabled?: (target: object) => boolean;
 	batchEnabled?: (targets: object[]) => boolean;
@@ -39,5 +39,14 @@ export interface ActionOptions {
 	onBatchSuccess?: (result: any, targets: ActionTargetItem[], input: any) => any;
 	onError?: (result: any, targets: ActionTarget, input: any) => any;
 	onFinish?: (result: any, targets: ActionTarget, input: any) => any;
-	__type?: string;
+}
+
+export interface ActionOptionsPartial extends ActionOptions {
+	name?: string;
+}
+
+export interface ResourceAction extends ActionOptions {
+	isApplying: boolean;
+	trigger: (target?: ActionTarget, input?: any) => Promise<any>;
+	__type: string;
 }

package/src/types/controls.d.ts

@@ -25,17 +25,17 @@ export interface FilterGroup {
 export interface ListControlsRoutes {
 	list(pager?: ListControlsPagination): Promise<ActionTargetItem[]>;
 
-	summary?(filter?: ListControlsFilter): Promise<object>;
+	summary?(filter?: ListControlsFilter): Promise<AnyObject>;
 
 	details?(target: ActionTargetItem): Promise<ActionTargetItem>;
 
 	more?(pager: ListControlsPagination): Promise<ActionTargetItem[]>;
 
-	fieldOptions?(filter?: AnyObject): Promise<object>;
+	fieldOptions?(filter?: AnyObject): Promise<AnyObject>;
 
-	applyAction?(action: string, target: ActionTargetItem | null, data: object): Promise<object>;
+	applyAction?(action: string, target: ActionTargetItem | null, data?: object): Promise<AnyObject>;
 
-	batchAction?(action: string, targets: ActionTargetItem[], data: object): Promise<object>;
+	batchAction?(action: string, targets: ActionTargetItem[], data: object): Promise<AnyObject>;
 
 	export?(filter?: ListControlsFilter, name?: string): Promise<void>;
 }

package/src/types/files.d.ts

@@ -1,7 +1,10 @@
+import { AnyObject, TypedObject } from "src/types/shared";
+
 export interface FileUploadOptions {
 	directory?: string,
 	createPresignedUpload?: ((path: string, name: string, mime?: string) => Promise<UploadedFile>) | null;
 	completePresignedUpload?: ((fileId: string) => Promise<UploadedFile>) | null;
+	refreshFile?: ((fileId: string) => Promise<UploadedFile>) | null;
 }
 
 export interface XHRFileUpload {
@@ -12,11 +15,12 @@ export interface XHRFileUpload {
 	body?: FormData | UploadedFile | string;
 }
 
-export interface UploadedFile {
-	id: string,
+export interface UploadedFile extends TypedObject {
+	id: string;
 	resource_id?: string;
-	name: string,
-	size: number,
+	name: string;
+	filename?: string;
+	size: number;
 	type: string;
 	mimeType?: string;
 	mime?: string;
@@ -27,6 +31,7 @@ export interface UploadedFile {
 	thumb?: UploadedFile;
 	optimized?: UploadedFile;
 	transcodes?: UploadedFile[];
+	meta?: AnyObject;
 }
 
 export interface FileUploadCompleteCallbackParams {
@@ -44,7 +49,7 @@ export interface FileUploadProgressCallbackParams {
 }
 
 export interface FileUploadErrorCallbackParams {
-	e: InputEvent;
+	e: InputEvent | ProgressEvent;
 	file: UploadedFile;
 	error: any;
 }

package/src/types/forms.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from "vue";
+import { AnyObject } from "./shared";
 
 export interface FormFieldOption {
 	value: string;
@@ -11,7 +12,8 @@ export interface FormField {
 	name: string;
 	label: string;
 	placeholder?: string;
-	vnode?: ((props) => VNode | any);
+	enabled?: boolean | ((input: AnyObject) => boolean);
+	vnode?: ((field: FormFieldOption, input?: AnyObject) => VNode | any);
 	component?: any;
 	clearable?: boolean;
 	required?: boolean;
@@ -35,3 +37,19 @@ export interface FormFieldValue {
 	value: any,
 	variation?: string
 }
+
+export interface RenderedFormProps {
+	values?: FormFieldValue[] | object | null;
+	form: Form;
+	noLabel?: boolean;
+	showName?: boolean;
+	disable?: boolean;
+	readonly?: boolean;
+	saving?: boolean;
+	clearable?: boolean;
+	emptyValue?: string | number | boolean;
+	canModifyVariations?: boolean;
+	fieldClass?: string;
+	savingClass?: string;
+	savedAt?: string;
+}

package/src/types/index.d.ts

@@ -9,4 +9,3 @@ export * from "./forms";
 export * from "./requests";
 export * from "./shared";
 export * from "./tables";
-

package/src/types/requests.d.ts

@@ -10,6 +10,8 @@ export interface RequestApi {
 	get(url: string, options?: RequestCallOptions): Promise<any>;
 
 	post(url: string, data?: object, options?: RequestCallOptions): Promise<any>;
+
+	poll(url: string, options?: RequestCallOptions, interval: number, fnUntil: (response) => boolean): Promise<any>;
 }
 
 export interface HttpResponse {

package/src/types/tables.d.ts

@@ -2,26 +2,32 @@ import { VNode } from "vue";
 import { ActionOptions } from "./actions";
 
 export interface TableColumn {
-	actionMenu?: ActionOptions[],
-	align?: string,
-	category?: string,
-	class?: string | object,
-	field?: string,
-	format?: (value: any, options: any) => any,
-	innerClass?: string | object,
-	style?: string | object,
-	headerStyle?: string | object,
-	isSavingRow?: boolean | (() => boolean),
-	label: string,
-	maxWidth?: number,
-	minWidth?: number,
-	name: string,
-	onClick?: (target: any) => void,
-	required?: boolean,
-	resizeable?: boolean,
-	sortable?: boolean,
-	sortBy?: string,
-	sortByExpression?: string,
-	titleColumns?: () => string[],
-	vnode?: () => VNode | any,
+	actionMenu?: ActionOptions[];
+	align?: string;
+	category?: string;
+	class?: string | object;
+	field?: string;
+	format?: (value: any, options: any) => any;
+	hideContent?: boolean;
+	shrink?: boolean;
+	headerClass?: string | object;
+	summaryClass?: string | object;
+	columnClass?: string | object;
+	innerClass?: string | object;
+	style?: string | object;
+	headerStyle?: string | object;
+	isSavingRow?: boolean | (() => boolean);
+	label: string;
+	width?: number;
+	maxWidth?: number;
+	minWidth?: number;
+	name: string;
+	onClick?: (target: any) => void;
+	required?: boolean;
+	resizeable?: boolean;
+	sortable?: boolean;
+	sortBy?: string;
+	sortByExpression?: string;
+	titleColumns?: () => string[];
+	vnode?: (row?) => VNode | any;
 }

package/src/{vue-plugin.js → vue-plugin.ts}

@@ -3,15 +3,16 @@ export * from "./helpers";
 export * from "./components";
 export * from "./svg";
 
+// eslint-disable-next-line import/extensions
 import packageJson from "../package.json";
 
 const { version } = packageJson;
 
-function install(app) {
-    console.log(`Installing Danx UI ${version}... Nothing to do really.`);
+function install() {
+	console.log(`Installing Danx UI ${version}... Nothing to do really.`);
 }
 
 export {
-    version,
-    install
+	version,
+	install
 };

package/tsconfig.json

@@ -25,6 +25,7 @@
     "forceConsistentCasingInFileNames": true,
     // Resolve modules using Node.js style
     "moduleResolution": "node",
+    "resolveJsonModule": true,
     // Allow default imports from modules with no default export
     "allowSyntheticDefaultImports": true,
     // Enables experimental support for decorators

package/types/index.d.ts

@@ -1 +1,3 @@
+declare module "quasar-ui-danx";
 export * from "../src/types";
+export * from "../src";