vue3-schema-forms 0.0.32 → 0.0.34

package/README.md

@@ -8,9 +8,11 @@ Inspired by https://koumoul-dev.github.io/vuetify-jsonschema-form/latest/
 ## Documentation
 
 The documentation and some of the testing was based on the Storybook
-application [live](https://maciejdybowski.github.io/vue3-schema-forms/) 👈👈
+application 👉 [live](https://maciejdybowski.github.io/vue3-schema-forms/)
 
-Check the changelog here => [@latest](https://maciejdybowski.github.io/vue3-schema-forms/?path=/docs/changelog--docs)
+Check the changelog here 👉 [@latest](https://maciejdybowski.github.io/vue3-schema-forms/?path=/docs/changelog--docs)
+
+Sample app with schema forms configuration 👉 [here](https://github.com/MaciejDybowski/vue3-schema-forms-demo-app)
 
 ## Requirements
 
@@ -25,7 +27,7 @@ To relieve the library of dependencies as ```peerDependencies``` library takes:
 * ```vuedraggable@4.1.0``` - support for drag&drop interaction
 
 ```bash
-npm i vue vuetify axios dayjs pinia vue-18n vuedraggable
+npm i vue@3.4.14 vuetify@3.4.10 axios@1.6.5 dayjs@1.11.10 pinia@2.1.7 vue-i18n@9 vuedraggable@next
 ```
 
 ## Installation
@@ -105,7 +107,7 @@ The following table shows the default values for each field
 
 | Name               | Default                                                                 | Type   | Description                                               |
 |--------------------|-------------------------------------------------------------------------|--------|-----------------------------------------------------------|
-| digitsAfterDecimal | -                                                                       | number | Number of decimal places in the representation of numbers |
+| digitsAfterDecimal | 2                                                                       | number | Number of decimal places in the representation of numbers |
 | fieldProps         | -                                                                       | object | Option to set props for each type of field                |
 | textFieldProps     | ```{'hide-details': 'auto',}```                                         | object | Option to set props for text fields                       |
 | textAreaProps      | ```{"rows": 3, "hide-details": "auto", "auto-grow": true}```            | object | Option to set props for text-area fields                  |
@@ -126,6 +128,25 @@ The following table shows the default values for each field
 |---------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------|----------------------------------------------------|----------------------------------------------------------------------------|
 | v-phone-input | <pre>{<br>  'country-icon-mode': 'svg',<br>  'countryLabel': t('countryLabel'),<br>  'guess-country': true, <br>  'include-countries': ['pl', 'gb', 'ru', 'de', 'us', 'es', 'fr', 'it']<br>}</pre> | phone     | International phone field for Vuetify 3 and Vue 3. | [source](https://github.com/paul-thebaud/v-phone-input?tab=readme-ov-file) |
 
+## Plugin options
+
+| Name             | Default | Type       | Description                                                                                                                                                                |
+|------------------|---------|------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| formUpdateLogger | false   | boolean    | enabling this option allows the console to preview the form model update event                                                                                             |
+| customComponents | -       | Components | This option allows you to install your custom form fields. You need to specify the name and the component. The integration is on your side using the composables provided. |
+
+```typescript
+// example of adding options
+const customs = {
+  'user-input': UserInput,
+};
+
+const vueSchemaForms = createVueSchemaForms({
+  customComponents: customs,
+  formUpdateLogger: true
+});
+```
+
 ## Tests
 
 1. ```cd``` to the project directory
@@ -146,12 +167,12 @@ The following table shows the default values for each field
 
 - [ ] Ability to add validation functions in schema
 - [ ] Ability to mark "not-saveable" field in schema/model
-- [ ] Phone input
 - [ ] Email input
 - [ ] Address input
 - [ ] Markdown input
 - [ ] File input
 - [ ] Table input
+- [ ] Rsql filter on dictionary
 - [ ] Signal for form is ready (for autosave but after initial model changes)
 - [ ] Create datetime field
 

package/dist/components/controls/Location.vue.d.ts

@@ -0,0 +1,4 @@
+import _sfc_main from "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/Location.vue?vue&type=script&setup=true&lang.ts";
+export * from "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/Location.vue?vue&type=script&setup=true&lang.ts";
+export default _sfc_main;
+//# sourceMappingURL=Location.vue.d.ts.map

package/dist/components/controls/Location.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Location.vue.d.ts","sourceRoot":"","sources":["../../../src/components/controls/Location.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,0HAA0H,CAAC;AACjJ,cAAc,0HAA0H,CAAC;AACzI,eAAe,SAAS,CAAC"}

package/dist/components/controls/RadioButton.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/RadioButton.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/RadioButton.vue?vue&type=style&index=0&scoped=c11f8fd8&lang.css";
+import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/RadioButton.vue?vue&type=style&index=0&scoped=ed62c67b&lang.css";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=RadioButton.vue.d.ts.map

package/dist/components/controls/data-viewer/DataViewer.vue.d.ts

@@ -0,0 +1,5 @@
+export * from "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/data-viewer/DataViewer.vue?vue&type=script&setup=true&lang.ts";
+import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/data-viewer/DataViewer.vue?vue&type=style&index=0&scoped=0c93975a&lang.scss";
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=DataViewer.vue.d.ts.map

package/dist/components/controls/data-viewer/DataViewer.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataViewer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/data-viewer/DataViewer.vue"],"names":[],"mappings":"AACA,cAAc,wIAAwI,CAAC;AACvJ,OAAO,sJAAsJ,CAAC;;AAE9J,wBAA0F"}

package/dist/components/controls/date/DatePicker.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/date/DatePicker.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/date/DatePicker.vue?vue&type=style&index=0&scoped=89bbf043&lang.scss";
+import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/date/DatePicker.vue?vue&type=style&index=0&scoped=1df7b549&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=DatePicker.vue.d.ts.map

package/dist/components/controls/date/dayjs.d.ts

@@ -1,2 +1,2 @@
-import dayjs from 'dayjs';
+import dayjs from "dayjs";
 export default dayjs;

package/dist/components/controls/duplicated-section/DraggableContextMenu.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/duplicated-section/DraggableContextMenu.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/duplicated-section/DraggableContextMenu.vue?vue&type=style&index=0&scoped=688b4aad&lang.scss";
+import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/duplicated-section/DraggableContextMenu.vue?vue&type=style&index=0&scoped=da998956&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=DraggableContextMenu.vue.d.ts.map

package/dist/components/controls/duplicated-section/DraggableIcon.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/duplicated-section/DraggableIcon.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/duplicated-section/DraggableIcon.vue?vue&type=style&index=0&scoped=994d96be&lang.css";
+import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/duplicated-section/DraggableIcon.vue?vue&type=style&index=0&scoped=dfc82739&lang.css";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=DraggableIcon.vue.d.ts.map

package/dist/components/controls/duplicated-section/DuplicatedSection.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/duplicated-section/DuplicatedSection.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/duplicated-section/DuplicatedSection.vue?vue&type=style&index=0&scoped=688d8a45&lang.scss";
+import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/duplicated-section/DuplicatedSection.vue?vue&type=style&index=0&scoped=b7b5d087&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=DuplicatedSection.vue.d.ts.map

package/dist/components/controls/editable-section/EditableSection.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/editable-section/EditableSection.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/editable-section/EditableSection.vue?vue&type=style&index=0&scoped=6e135577&lang.css";
+import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/controls/editable-section/EditableSection.vue?vue&type=style&index=0&scoped=b4f2f0eb&lang.css";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EditableSection.vue.d.ts.map

package/dist/components/engine/validation/FormErrorVisualization.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/engine/validation/FormErrorVisualization.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/engine/validation/FormErrorVisualization.vue?vue&type=style&index=0&scoped=c489272b&lang.scss";
+import "/Users/maciek/WebstormProjects/vue3-schema-forms/src/components/engine/validation/FormErrorVisualization.vue?vue&type=style&index=0&scoped=f55e8a3d&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=FormErrorVisualization.vue.d.ts.map

package/dist/components/index.d.ts

@@ -1 +1,2 @@
 export { default as VueSchemaForms } from "./engine/VueSchemaForms.vue";
+export { default as FormErrorVisualization } from "./engine/validation/FormErrorVisualization.vue";

package/dist/core/composables/index.d.ts

@@ -0,0 +1,13 @@
+export { useCalculation } from "./useCalculation";
+export { useClass } from "./useClass";
+export { useConditionalRendering } from "./useConditionalRendering";
+export { useDictionarySource } from "./useDictionarySource";
+export { useFormattedNumber } from "./useFormattedNumber";
+export { useLabel } from "./useLabel";
+export { useLocale } from "./useLocale";
+export { useProps } from "./useProps";
+export { useResolveDependency } from "./useResolveDependency";
+export { useResolveVariables } from "./useResolveVariables";
+export { useRules } from "./useRules";
+export { useSource } from "./useSource";
+export { useFormModel } from "./useFormModel";

package/dist/core/composables/useConditionalRendering.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref } from "vue";
 import { EngineField } from '../../vocabulary/engine';
 export declare function useConditionalRendering(schema: EngineField): {
     shouldRender: Ref<boolean>;

package/dist/core/composables/useDictionarySource.d.ts

@@ -1,6 +1,7 @@
 import { DictionarySource } from '../../vocabulary/schema/elements';
-import { Ref } from 'vue';
-export declare function useDictionarySource(source: DictionarySource, formId: string): {
+import { Ref } from "vue";
+import { EngineOptions } from '../../vocabulary/engine';
+export declare function useDictionarySource(source: DictionarySource, formId: string, formOptions: EngineOptions): {
     title: string;
     value: string;
     loading: Ref<boolean>;

package/dist/core/composables/useFormModel.d.ts

@@ -0,0 +1,5 @@
+import { EngineField } from '../../vocabulary/engine';
+export declare function useFormModel(): {
+    getValue: (model: object, schema: EngineField) => any;
+    setValue: (val: any, schema: EngineField) => void;
+};

package/dist/core/composables/useLocale.d.ts

@@ -5,15 +5,17 @@ export declare function useLocale(): {
             counter: string;
             phoneInvalid: string;
             countryLabel: string;
+            emptyValue: string;
         };
         pl: {
             required: string;
             counter: string;
             phoneInvalid: string;
             countryLabel: string;
+            emptyValue: string;
         };
     }, "en" | "pl", import("@intlify/core-base").RemoveIndexSignature<{
         [x: string]: import('../../../vue-i18n/dist/vue-i18n.runtime.esm-bundler.js').LocaleMessageValue<import('../../../vue-i18n/dist/vue-i18n.runtime.esm-bundler.js').VueMessageType>;
-    }>, never, "required" | "counter" | "phoneInvalid" | "countryLabel", "required" | "counter" | "phoneInvalid" | "countryLabel">;
+    }>, never, "required" | "counter" | "phoneInvalid" | "countryLabel" | "emptyValue", "required" | "counter" | "phoneInvalid" | "countryLabel" | "emptyValue">;
     locale: import("vue").WritableComputedRef<"en" | "pl">;
 };

package/dist/core/composables/useResolveVariables.d.ts

@@ -1,4 +1,4 @@
-export declare function useResolveVariables(inputString: string, formId: string): {
+export declare function useResolveVariables(inputString: string, formId: string, formatNumber: (input: number) => string): {
     resolvedText: string;
     allVariablesResolved: boolean;
 };

package/dist/core/composables/useRules.d.ts

@@ -1,4 +1,4 @@
-import { EngineField } from '../../vocabulary/engine';
+import { EngineField } from "../../vocabulary/engine";
 export declare function useRules(): {
     rules: (schema: EngineField) => any[];
 };

package/dist/core/composables/useSource.d.ts

@@ -1,5 +1,5 @@
 import { SimpleSource } from '../../vocabulary/schema/elements';
-import { Ref } from 'vue';
+import { Ref } from "vue";
 export declare function useSource(source: SimpleSource): {
     title: string;
     value: string;

package/dist/core/engine/evalExprParser.d.ts

@@ -1,4 +1,4 @@
-import { Parser } from 'expr-eval';
+import { Parser } from "expr-eval";
 declare const betterParser: Parser;
 export default betterParser;
 export declare function SUM(calculation: string, model: object): string;

package/dist/core/engine/utils.d.ts

@@ -1,6 +1,3 @@
-import { EngineField } from '../../vocabulary/engine';
 import { Schema } from '../../vocabulary/schema';
 export declare const variableRegexp: RegExp;
-export declare function produceUpdateEvent(val: any, schema: EngineField): void;
-export declare function getValueFromModel(model: object, schema: EngineField): any;
 export declare function resolveSchemaWithLocale(schema: Schema, locale: string): Promise<Schema>;