@stubber/form-fields 2.0.21 → 2.0.23

package/dist/form-fields/interfaces.d.ts

@@ -84,6 +84,7 @@ export interface IBaseField<TParams> {
     };
     without_value_details?: boolean;
     params?: TParams;
+    __order?: number;
 }
 export type IField = ITextField | INoteField | INumberField | ICheckboxField | ICheckboxAutocompleteField | ISectionField | IMultistepField | IArrayBuilderField | IGridField | ISelectField | ISelectResourceField | IContactSelectorField | ICurrencyField | IDataIndicationField | IDateField | IDateTimeField | IEmailField | ISliderField | IFieldBuilderField | IJSONEditorField | IFileField | IHeadingField | IHiddenField | IHiddenLocationField | IHTMLField | IMapField | ITelephoneField | IObjectBuilderField | IRadioField | IMultiCheckboxField | IQRCodeScannerField | IScrollAndReadDisplayField | IVoicenoteField | ISignatureField | ISmartTextField | IScreenshotField | IScreenRecorderField | ICodeField;
 export type FieldType = IField["fieldtype"];

package/dist/form-fields/sub/field-builder-field.svelte

@@ -440,11 +440,11 @@ let validations_open = false;
         />
       </div>
       <div>
-        <Label for="data_path">Data Path</Label>
+        <Label for="datapath">Data Path</Label>
         <Input
-          id="data_path"
+          id="datapath"
           placeholder="Optional custom data path for the field"
-          bind:value={value.details.data_path}
+          bind:value={value.details.datapath}
         />
       </div>
     </Collapsible.Content>

package/dist/form-fields/utils.js

@@ -1,9 +1,9 @@
-import { get, isEqual, set, startCase, unset } from "lodash-es";
+import { cloneDeep, get, isEqual, orderBy, set, startCase, unset } from "lodash-es";
 import { get as getStoreValue, writable } from "svelte/store";
 export const build_fields = (formStore, attachmentsStore, formDependencies, input_fields, base_path = null) => {
-    return Object.entries(input_fields).map(([key, field]) => {
-        return build_field(formStore, attachmentsStore, formDependencies, key, field, base_path);
-    });
+    return Object.entries(input_fields)
+        .sort(([, a], [, b]) => (a.__order ?? Infinity) - (b.__order ?? Infinity))
+        .map(([key, field]) => build_field(formStore, attachmentsStore, formDependencies, key, field, base_path));
 };
 export const build_field = (formStore, attachmentsStore, formDependencies, field_key, field, base_path = null) => {
     // console.log("dependencies", formDependencies);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stubber/form-fields",
-  "version": "2.0.21",
+  "version": "2.0.23",
   "description": "An automatic form builder based on field specifications",
   "keywords": [
     "components",