@jsonforms/vue - npm Package Compare versions

Comparing version 3.2.1 to 3.3.0-alpha.0

lib/jsonforms-vue.cjs.js

@@ -117,3 +117,4 @@ 'use strict';
   _excluded8 = ["control"],
-  _excluded9 = ["control"];
+  _excluded9 = ["control"],
+  _excluded10 = ["layout"];
 var rendererProps = function rendererProps() {
@@ -331,2 +332,17 @@ return {
 };
+var useJsonFormsCategorization = function useJsonFormsCategorization(props) {
+  var _useJsonFormsLayout = useJsonFormsLayout(props),
+    layout = _useJsonFormsLayout.layout,
+    other = _objectWithoutProperties(_useJsonFormsLayout, _excluded10);
+  var categories = layout.value.uischema.elements.map(function (category) {
+    var categoryProps = _objectSpread2(_objectSpread2({}, props), {}, {
+      uischema: category
+    });
+    return useJsonFormsLayout(categoryProps).layout;
+  });
+  return _objectSpread2({
+    layout: layout,
+    categories: categories
+  }, other);
+};
 
@@ -616,2 +632,3 @@ var script$2 = vue.defineComponent({
 exports.useJsonFormsArrayLayout = useJsonFormsArrayLayout;
+exports.useJsonFormsCategorization = useJsonFormsCategorization;
 exports.useJsonFormsCell = useJsonFormsCell;
@@ -618,0 +635,0 @@ exports.useJsonFormsControl = useJsonFormsControl;

lib/jsonforms-vue.esm.js

@@ -109,3 +109,4 @@ import { defineComponent, openBlock, createElementBlock, inject, ref, computed, onBeforeMount, onUnmounted, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps, reactive, resolveComponent } from 'vue';
   _excluded8 = ["control"],
-  _excluded9 = ["control"];
+  _excluded9 = ["control"],
+  _excluded10 = ["layout"];
 var rendererProps = function rendererProps() {
@@ -323,2 +324,17 @@ return {
 };
+var useJsonFormsCategorization = function useJsonFormsCategorization(props) {
+  var _useJsonFormsLayout = useJsonFormsLayout(props),
+    layout = _useJsonFormsLayout.layout,
+    other = _objectWithoutProperties(_useJsonFormsLayout, _excluded10);
+  var categories = layout.value.uischema.elements.map(function (category) {
+    var categoryProps = _objectSpread2(_objectSpread2({}, props), {}, {
+      uischema: category
+    });
+    return useJsonFormsLayout(categoryProps).layout;
+  });
+  return _objectSpread2({
+    layout: layout,
+    categories: categories
+  }, other);
+};
 
@@ -597,3 +613,3 @@ var script$2 = defineComponent({
 
-export { script$1 as DispatchCell, script$2 as DispatchRenderer, script as JsonForms, script$3 as UnknownRenderer, masterListItemProps, rendererProps, useControl, useJsonFormsAllOfControl, useJsonFormsAnyOfControl, useJsonFormsArrayControl, useJsonFormsArrayLayout, useJsonFormsCell, useJsonFormsControl, useJsonFormsControlWithDetail, useJsonFormsDispatchCell, useJsonFormsEnumCell, useJsonFormsEnumControl, useJsonFormsLabel, useJsonFormsLayout, useJsonFormsMasterListItem, useJsonFormsMultiEnumControl, useJsonFormsOneOfControl, useJsonFormsOneOfEnumCell, useJsonFormsOneOfEnumControl, useJsonFormsRenderer };
+export { script$1 as DispatchCell, script$2 as DispatchRenderer, script as JsonForms, script$3 as UnknownRenderer, masterListItemProps, rendererProps, useControl, useJsonFormsAllOfControl, useJsonFormsAnyOfControl, useJsonFormsArrayControl, useJsonFormsArrayLayout, useJsonFormsCategorization, useJsonFormsCell, useJsonFormsControl, useJsonFormsControlWithDetail, useJsonFormsDispatchCell, useJsonFormsEnumCell, useJsonFormsEnumControl, useJsonFormsLabel, useJsonFormsLayout, useJsonFormsMasterListItem, useJsonFormsMultiEnumControl, useJsonFormsOneOfControl, useJsonFormsOneOfEnumCell, useJsonFormsOneOfEnumControl, useJsonFormsRenderer };
 //# sourceMappingURL=jsonforms-vue.esm.js.map

lib/jsonFormsCompositions.d.ts

@@ -559,2 +559,35 @@ import { ControlElement, Dispatch, Layout, JsonSchema, UISchemaElement, CoreActions, JsonFormsState, OwnPropsOfMasterListItem, mapStateToArrayControlProps, mapDispatchToArrayControlProps, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, LabelElement } from '@jsonforms/core';
 };
+/**
+ * Provides bindings for 'Categorization' elements.
+ *
+ * Access bindings via the provided `categories` array with reactive category objects.
+ */
+export declare const useJsonFormsCategorization: (props: LayoutProps) => {
+    layout: ComputedRef<{
+        direction: NonNullable<"row" | "column">;
+        label: string;
+        config: any;
+        uischema: UISchemaElement;
+        schema: NonNullable<JsonSchema>;
+        data: any;
+        enabled: boolean;
+        visible: boolean;
+        path: string;
+        renderers: JsonFormsRendererRegistryEntry[];
+        cells: JsonFormsCellRendererRegistryEntry[];
+    }>;
+    categories: ComputedRef<{
+        direction: NonNullable<"row" | "column">;
+        label: string;
+        config: any;
+        uischema: UISchemaElement;
+        schema: NonNullable<JsonSchema>;
+        data: any;
+        enabled: boolean;
+        visible: boolean;
+        path: string;
+        renderers: JsonFormsRendererRegistryEntry[];
+        cells: JsonFormsCellRendererRegistryEntry[];
+    }>[];
+};
 export {};

package.json

 {
   "name": "@jsonforms/vue",
-  "version": "3.2.1",
+  "version": "3.3.0-alpha.0",
   "description": "Vue 3 module of JSON Forms",
@@ -58,3 +58,3 @@ "repository": "https://github.com/eclipsesource/jsonforms",
     "cross-env": "^7.0.2",
-    "eslint": "^7.32.0",
+    "eslint": "^8.56.0",
     "eslint-config-prettier": "^8.7.0",
@@ -78,6 +78,6 @@ "eslint-plugin-import": "^2.27.5",
     "vue": "^3.2.26",
-    "@jsonforms/core": "3.2.1"
+    "@jsonforms/core": "3.3.0-alpha.0"
   },
   "peerDependencies": {
-    "@jsonforms/core": "3.2.1",
+    "@jsonforms/core": "3.3.0-alpha.0",
     "vue": "^3.2.26"
@@ -84,0 +84,0 @@ },

src/jsonFormsCompositions.ts

@@ -38,2 +38,3 @@ import {
   LabelElement,
+  Categorization,
 } from '@jsonforms/core';
@@ -478,1 +479,23 @@ import {
 };
+
+/**
+ * Provides bindings for 'Categorization' elements.
+ *
+ * Access bindings via the provided `categories` array with reactive category objects.
+ */
+export const useJsonFormsCategorization = (props: LayoutProps) => {
+  const { layout, ...other } = useJsonFormsLayout(props);
+
+  const categories = (layout.value.uischema as Categorization).elements.map(
+    (category) => {
+      const categoryProps: LayoutProps = {
+        ...props,
+        uischema: category,
+      };
+
+      return useJsonFormsLayout(categoryProps).layout;
+    }
+  );
+
+  return { layout, categories, ...other };
+};

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

225887

increased by2.63%

Lines of code

2667

increased by3.29%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes