@progress/kendo-vue-form 3.5.0 → 3.5.1-dev.202208100944

package/dist/esm/FieldArray.js

@@ -0,0 +1,138 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getListeners, getTemplate, templateRendering } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var FieldArrayVue2 = {
+  name: 'KendoFieldArray',
+  props: {
+    value: [String, Number, Boolean, Object, Array],
+    component: [String, Number, Boolean, Object],
+    validationMessage: String,
+    touched: Boolean,
+    modified: Boolean,
+    validator: [Function, Array],
+    visited: Boolean,
+    valid: Boolean,
+    name: String,
+    id: String
+  },
+  created: function created() {
+    if (!this.kendoForm) {
+      return;
+    }
+
+    var unregisterField = this.kendoForm.registerField(this.$props.name, this.$props.validator);
+    return unregisterField;
+  },
+  methods: {
+    onUnshift: function onUnshift(event) {
+      this.kendoForm.onUnshift(this.$props.name, event);
+    },
+    onPush: function onPush(event) {
+      this.kendoForm.onPush(this.$props.name, event);
+    },
+    onInsert: function onInsert(event) {
+      this.kendoForm.onInsert(this.$props.name, event);
+    },
+    onPop: function onPop() {
+      this.kendoForm.onPop(this.$props.name);
+    },
+    onRemove: function onRemove(event) {
+      this.kendoForm.onRemove(this.$props.name, event);
+    },
+    onReplace: function onReplace(event) {
+      this.kendoForm.onReplace(this.$props.name, event);
+    },
+    onMove: function onMove(event) {
+      this.kendoForm.onMove(this.$props.name, event);
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  inject: {
+    kendoForm: {
+      default: null
+    }
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var _a = this.$props,
+        name = _a.name,
+        component = _a.component,
+        id = _a.id;
+
+    if (!this.kendoForm) {
+      return null;
+    } // TODO: remove this and pass down  getter to allow users optimize when to refresh the data?
+
+
+    var value = this.kendoForm.values[name];
+
+    if (component) {
+      var renderTemplate = component ? templateRendering.call(this, component, getListeners.call(this)) : null;
+      return getTemplate.call(this, {
+        h: h,
+        template: renderTemplate,
+        additionalProps: __assign({
+          value: value,
+          // meta
+          validationMessage: this.kendoForm.errors[name],
+          touched: this.kendoForm.touchedByField[name],
+          modified: this.kendoForm.modifiedByField[name],
+          visited: this.kendoForm.visitedByField[name],
+          // Our `valid` implementation requires double submit to show html5 validation errors,
+          // however it's NOT recommended to show html5 validation errors at all as:
+          // - There is no standard way to change validation look and feel with CSS.
+          // - Look different in each browser / OS
+          // - You can have a page in one language but an error message
+          // displayed in another language (not localizable)
+          valid: !(Boolean(this.kendoForm.errors[name]) && this.kendoForm.touchedByField[name]),
+          name: name,
+          id: id
+        }, this.$attrs),
+        additionalListeners: {
+          unshift: this.onUnshift,
+          push: this.onPush,
+          insert: this.onInsert,
+          pop: this.onPop,
+          remove: this.onRemove,
+          replace: this.onReplace,
+          move: this.onMove
+        }
+      });
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var FieldArray = FieldArrayVue2;
+export { FieldArray, FieldArrayVue2 };

package/dist/esm/FieldWrapper.d.ts

@@ -0,0 +1,61 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * Represents the props of the Kendo U for Vue FieldWrapper component.
+ */
+export interface FieldWrapperProps {
+    /**
+     * If set to `true` enable the horizontal layout of the form editors.
+     */
+    horizontal?: boolean;
+    /**
+     * @hidden
+     */
+    [customProp: string]: any;
+}
+/**
+ * Represent the `ref` of the FieldWrapper component.
+ */
+export interface FieldWrapperHandle {
+    props: FieldWrapperProps;
+}
+/**
+ * @hidden
+ */
+interface FieldWrapperState {
+}
+/**
+ * @hidden
+ */
+interface FieldWrapperData {
+}
+/**
+ * @hidden
+ */
+export interface FieldWrapperMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FieldWrapperComputed {
+    [key: string]: any;
+    fieldClassName: object;
+}
+/**
+ * @hidden
+ */
+export interface FieldWrapperAll extends FieldWrapperMethods, FieldWrapperState, FieldWrapperData, FieldWrapperComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const FieldWrapperVue2: ComponentOptions<Vue2type, DefaultData<FieldWrapperData>, DefaultMethods<FieldWrapperAll>, FieldWrapperComputed, RecordPropsDefinition<FieldWrapperProps>>;
+/**
+ * @hidden
+ */
+declare let FieldWrapper: DefineComponent<FieldWrapperProps, any, FieldWrapperData, FieldWrapperComputed, FieldWrapperMethods, {}, {}, {}, string, FieldWrapperProps, FieldWrapperProps, {}>;
+export { FieldWrapper, FieldWrapperVue2 };

package/dist/esm/FieldWrapper.js

@@ -0,0 +1,48 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { packageMetadata } from './package-metadata.js';
+import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var FieldWrapperVue2 = {
+  name: 'KendoFieldWrapper',
+  props: {
+    dir: String
+  },
+  created: function created() {
+    validatePackage(packageMetadata);
+  },
+  computed: {
+    fieldClassName: function fieldClassName() {
+      return {
+        'k-form-field': true,
+        'k-rtl': this.$props.dir === 'rtl'
+      };
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    return h("div", {
+      "class": this.fieldClassName
+    }, [defaultSlots]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var FieldWrapper = FieldWrapperVue2;
+export { FieldWrapper, FieldWrapperVue2 };

package/dist/esm/Form.d.ts

@@ -0,0 +1,62 @@
+import { FieldValidatorType } from './interfaces/FieldValidator';
+import { FormProps } from './interfaces/FormProps';
+import { KeyValue } from './interfaces/KeyValue';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+interface FormState {
+    _accumulatorTimeout: any;
+}
+/**
+ * @hidden
+ */
+interface FormData {
+    id: string;
+    touched: KeyValue<boolean>;
+    visited: KeyValue<boolean>;
+    modified: KeyValue<boolean>;
+    validatorsByField: KeyValue<(FieldValidatorType | FieldValidatorType[] | undefined)[]>;
+    values: KeyValue<any>;
+    fields: any;
+    unmounted: any;
+    submitted: any;
+}
+/**
+ * @hidden
+ */
+export interface FormMethods {
+    [key: string]: any;
+    formErrors: () => KeyValue<string> | undefined;
+    formValid: () => boolean;
+    formModified: () => boolean;
+    formVisited: () => boolean;
+    formHasNotTouched: () => boolean;
+    allowSubmit: () => boolean;
+    errors: () => KeyValue<string>;
+    onDestroy: () => void;
+}
+/**
+ * @hidden
+ */
+export interface FormComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FormAll extends FormMethods, FormState, FormData, FormComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const FormVue2: ComponentOptions<Vue2type, DefaultData<FormData>, DefaultMethods<FormAll>, FormComputed, RecordPropsDefinition<FormProps>>;
+/**
+ * @hidden
+ */
+declare const Form: DefineComponent<FormProps, any, FormData, FormComputed, FormMethods, {}, {}, {}, string, FormProps, FormProps, {}>;
+export { Form, FormVue2 };