@vue-skuilder/edit-ui 0.1.1 → 0.1.7

package/dist/components/ViewableDataInputForm/FieldInput.types.d.ts

@@ -0,0 +1,20 @@
+import { CourseElo, ValidatingFunction, ValidationResult } from '@vue-skuilder/common';
+import { ComponentPublicInstance } from 'vue';
+export interface FieldInputInterface {
+    $refs: {
+        inputField: HTMLInputElement;
+    };
+    validationStatus: ValidationResult;
+    validators: ValidatingFunction[];
+    focus: () => void;
+    userInput: () => unknown;
+    setData: (data: unknown) => void;
+    clearData: () => void;
+    vuetifyRules: () => Array<(value: unknown) => boolean | string>;
+    generateTags: () => string[];
+    generateELO: () => CourseElo | undefined;
+    validate: () => ValidationResult;
+}
+export declare function isFieldInput(component: unknown): component is FieldInputInstance;
+export type FieldInputInstance = ComponentPublicInstance & FieldInputInterface;
+//# sourceMappingURL=FieldInput.types.d.ts.map

package/dist/components/ViewableDataInputForm/FieldInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/ViewableDataInputForm/FieldInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,KAAK,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE;QACL,UAAU,EAAE,gBAAgB,CAAC;KAC9B,CAAC;IACF,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,KAAK,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,GAAG,MAAM,CAAC,CAAC;IAChE,YAAY,EAAE,MAAM,MAAM,EAAE,CAAC;IAC7B,WAAW,EAAE,MAAM,SAAS,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,MAAM,gBAAgB,CAAC;CAClC;AAGD,wBAAgB,YAAY,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,IAAI,kBAAkB,CAShF;AAGD,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GAAG,mBAAmB,CAAC"}

package/dist/components/ViewableDataInputForm/FieldInputs/OptionsFieldInput.d.ts

@@ -0,0 +1,35 @@
+import { ComputedRef, PropType, Ref, WritableComputedRef } from 'vue';
+import { ValidatingFunction, FieldDefinition, ValidationResult, VuetifyRule, CourseElo } from '@vue-skuilder/common';
+import { useFieldInputStore } from '../../../stores/useFieldInputStore';
+export interface FieldInputSetupReturn {
+    inputField: Ref<HTMLInputElement | null>;
+    fieldStore: ReturnType<typeof useFieldInputStore>;
+    modelValue: WritableComputedRef<unknown>;
+    validators: ComputedRef<ValidatingFunction[]>;
+    focus: () => void;
+    userInput: () => unknown;
+    clearData: () => void;
+    setData: (data: unknown) => void;
+    vuetifyRules: () => VuetifyRule[];
+    generateTags: () => string[];
+    generateELO: () => CourseElo | undefined;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    autofocus: BooleanConstructor;
+    field: {
+        type: PropType<FieldDefinition>;
+        required: true;
+    };
+}>, FieldInputSetupReturn, {
+    validationStatus: ValidationResult;
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    autofocus: BooleanConstructor;
+    field: {
+        type: PropType<FieldDefinition>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    autofocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=OptionsFieldInput.d.ts.map

package/dist/components/ViewableDataInputForm/FieldInputs/OptionsFieldInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsFieldInput.d.ts","sourceRoot":"","sources":["../../../../src/components/ViewableDataInputForm/FieldInputs/OptionsFieldInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAEX,QAAQ,EACR,GAAG,EAGH,mBAAmB,EACpB,MAAM,KAAK,CAAC;AACb,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAEhB,WAAW,EAEX,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACzC,UAAU,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;IAClD,UAAU,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,EAAE,WAAW,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,MAAM,WAAW,EAAE,CAAC;IAClC,YAAY,EAAE,MAAM,MAAM,EAAE,CAAC;IAC7B,WAAW,EAAE,MAAM,SAAS,GAAG,SAAS,CAAC;CAC1C;;;;cAQqB,QAAQ,CAAC,eAAe,CAAC;;;;sBAoHpC,gBAAgB;;;;cApHL,QAAQ,CAAC,eAAe,CAAC;;;;;;AAN/C,wBA6HG"}

package/dist/components/ViewableDataInputForm/FieldInputs/typeValidators.d.ts

@@ -0,0 +1,4 @@
+import { ValidationResult } from '@vue-skuilder/common';
+export declare function numberValidator(value: string): ValidationResult;
+export declare function integerValidator(value: string): ValidationResult;
+//# sourceMappingURL=typeValidators.d.ts.map

package/dist/components/ViewableDataInputForm/FieldInputs/typeValidators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeValidators.d.ts","sourceRoot":"","sources":["../../../../src/components/ViewableDataInputForm/FieldInputs/typeValidators.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAOxD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAW/D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAehE"}

package/dist/components/index.d.ts

@@ -0,0 +1,14 @@
+export { default as CourseEditor } from './CourseEditor.vue';
+export { default as DataInputForm } from './ViewableDataInputForm/DataInputForm.vue';
+export { default as BulkImportView } from './BulkImportView.vue';
+export { default as StringInput } from './ViewableDataInputForm/FieldInputs/StringInput.vue';
+export { default as MarkdownInput } from './ViewableDataInputForm/FieldInputs/MarkdownInput.vue';
+export { default as NumberInput } from './ViewableDataInputForm/FieldInputs/NumberInput.vue';
+export { default as IntegerInput } from './ViewableDataInputForm/FieldInputs/IntegerInput.vue';
+export { default as MediaDragDropUploader } from './ViewableDataInputForm/FieldInputs/MediaDragDropUploader.vue';
+export { default as ChessPuzzleInput } from './ViewableDataInputForm/FieldInputs/ChessPuzzleInput.vue';
+export { default as MidiInput } from './ViewableDataInputForm/FieldInputs/MidiInput.vue';
+export { default as OptionsFieldInput } from './ViewableDataInputForm/FieldInputs/OptionsFieldInput';
+export * from './ViewableDataInputForm/FieldInputs/typeValidators';
+export * from './ViewableDataInputForm/FieldInput.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uDAAuD,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sDAAsD,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mDAAmD,CAAC;AAKzF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AACrG,cAAc,oDAAoD,CAAC;AACnE,cAAc,0CAA0C,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export { useDataInputFormStore } from './stores/useDataInputFormStore';
+export { useFieldInputStore } from './stores/useFieldInputStore';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/stores/useDataInputFormStore.d.ts

@@ -0,0 +1,22 @@
+import { DataShape } from '@vue-skuilder/common';
+import { CourseConfig } from '@vue-skuilder/common';
+import { FieldInputInstance } from '../components/ViewableDataInputForm/FieldInput.types';
+import { useFieldInputStore } from './useFieldInputStore';
+import { ViewComponent } from '@vue-skuilder/common-ui';
+interface DataInputForm {
+    dataShape: DataShape | null;
+    course: CourseConfig | null;
+    shapeViews: ViewComponent[];
+    fields: FieldInputInstance[];
+    fieldStore: ReturnType<typeof useFieldInputStore>;
+    uploading: boolean;
+}
+export interface DataInputFormState {
+    dataInputForm: DataInputForm;
+}
+export declare const useDataInputFormStore: import("pinia").StoreDefinition<"dataInputForm", DataInputFormState, {}, {
+    setDataShape(ds: DataShape): void;
+    setCourse(course: CourseConfig): void;
+}>;
+export {};
+//# sourceMappingURL=useDataInputFormStore.d.ts.map

package/dist/stores/useDataInputFormStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataInputFormStore.d.ts","sourceRoot":"","sources":["../../src/stores/useDataInputFormStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,UAAU,aAAa;IAErB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAE5B,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAE7B,UAAU,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;IAElD,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,eAAO,MAAM,qBAAqB;qBAcb,SAAS;sBAKR,YAAY;EAKhC,CAAC"}

package/dist/stores/useFieldInputStore.d.ts

@@ -0,0 +1,91 @@
+import { DataShape, FieldType } from '@vue-skuilder/common';
+export interface MediaInputs {
+    [key: `audio-${number}`]: unknown;
+    [key: `image-${number}`]: unknown;
+}
+export interface FieldInputStore {
+    /**
+     * The
+     */
+    dataShape: DataShape | null;
+    /**
+     * Raw input field values by field name - the user-edited submissions
+     */
+    inputs: Record<string, unknown>;
+    /**
+     * additions from the MediaDragDrop editor.
+     */
+    mediaInputs: MediaInputs;
+    inputIsValid: boolean;
+    /**
+     * Validation status of each field - all must be true for the form to be valid and the data to be submissable
+     */
+    validation: Record<string, boolean>;
+    /**
+     * Input prepared for sending to the database
+     */
+    convertedInput: Record<string, unknown>;
+    /**
+     * Input prepared for local rendering in a preview
+     */
+    previewInput: Record<string, unknown>;
+}
+export declare const useFieldInputStore: import("pinia").StoreDefinition<"fieldStore", FieldInputStore, {
+    isValidated(): boolean;
+    getPreview: (state: {
+        dataShape: {
+            name: import("@vue-skuilder/common").DataShapeName;
+            fields: {
+                name: string;
+                type: FieldType;
+                validator?: {
+                    instructions?: string | undefined;
+                    placeholder?: string | undefined;
+                    test: import("@vue-skuilder/common").ValidatingFunction;
+                } | undefined;
+                tagger?: import("@vue-skuilder/common").Tagger | undefined;
+                generateELO?: ((x: unknown) => import("@vue-skuilder/common").CourseElo) | undefined;
+            }[];
+        } | null;
+        inputs: Record<string, unknown>;
+        mediaInputs: MediaInputs;
+        inputIsValid: boolean;
+        validation: Record<string, boolean>;
+        convertedInput: Record<string, unknown>;
+        previewInput: Record<string, unknown>;
+    } & import("pinia").PiniaCustomStateProperties<FieldInputStore>) => Record<string, unknown>;
+    getConverted: (state: {
+        dataShape: {
+            name: import("@vue-skuilder/common").DataShapeName;
+            fields: {
+                name: string;
+                type: FieldType;
+                validator?: {
+                    instructions?: string | undefined;
+                    placeholder?: string | undefined;
+                    test: import("@vue-skuilder/common").ValidatingFunction;
+                } | undefined;
+                tagger?: import("@vue-skuilder/common").Tagger | undefined;
+                generateELO?: ((x: unknown) => import("@vue-skuilder/common").CourseElo) | undefined;
+            }[];
+        } | null;
+        inputs: Record<string, unknown>;
+        mediaInputs: MediaInputs;
+        inputIsValid: boolean;
+        validation: Record<string, boolean>;
+        convertedInput: Record<string, unknown>;
+        previewInput: Record<string, unknown>;
+    } & import("pinia").PiniaCustomStateProperties<FieldInputStore>) => Record<string, unknown>;
+}, {
+    $reset(): void;
+    setFieldValue(fieldName: string, value: unknown): void;
+    setMedia(fieldName: keyof MediaInputs, media: {
+        content_type: string;
+        data: Blob;
+    }): void;
+    validate(): void;
+    convert(): void;
+    clearMediaEntries(): void;
+    clearField(fieldName: string): void;
+}>;
+//# sourceMappingURL=useFieldInputStore.d.ts.map

package/dist/stores/useFieldInputStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldInputStore.d.ts","sourceRoot":"","sources":["../../src/stores/useFieldInputStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAA2B,MAAM,sBAAsB,CAAC;AAGrF,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,OAAO,CAAC;IAClC,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAO9B;;OAEG;IACH,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAE5B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;IAEzB,YAAY,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAGvC;AAED,eAAO,MAAM,kBAAkB;mBAaZ,OAAO;;;;;;;;;;;;;;;;gBAtChB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;qBAKlB,WAAW;sBAEV,OAAO;oBAKT,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;wBAInB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;sBAIzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;;;;;;gBApB7B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;qBAKlB,WAAW;sBAEV,OAAO;oBAKT,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;wBAInB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;sBAIzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;6BAqDV,MAAM,SAAS,OAAO;wBAOlC,MAAM,WAAW,SACrB;QACL,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,EAAE,IAAI,CAAC;KACZ;;;;0BA4EmB,MAAM;EAO9B,CAAC"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.1",
+  "version": "0.1.7",
   "main": "./dist/edit-ui.umd.js",
   "module": "./dist/edit-ui.es.js",
   "types": "./dist/index.d.ts",