@genesislcap/foundation-forms 14.26.6 → 14.26.7

package/README.md

@@ -76,7 +76,7 @@ const sampleUISchema = {
 
 #### 4. Configure form using JSON schema (optional)
 
-Alternatively to providing `resourceName` you can hardcode the `JSON schema` on the client.
+Instead of providing `resourceName`, you can hard-code the `JSON schema` on the client.
 
 ```ts
 const sampleJsonSchema = {
@@ -156,7 +156,7 @@ const sampleUiSchema = {
 ```
 
 :::info
-Use this when you want to avoid fetching metadata from the server but be aware that it could get out of sync if metadata changes on the server.
+Use this when you want to avoid fetching metadata from the server, but be aware that it could get out of sync if metadata changes on the server.
 :::
 
 #### 5. Pre-fill forms with data (optional)
@@ -210,8 +210,8 @@ Filters
 <foundation-filters resourceName="ALL_TRADES"></foundation-filters>
 ```
 
-This should generate working form based on the `JSON schema` for that endpoint.
-DevTools console will output autogenerated `UI schema` that you can use to configure the filters
+This should generate a working form based on the `JSON schema` for that endpoint.
+The DevTools console will output an autogenerated `UI schema` that you can use to configure the filters
 
 #### 3. Configure form using UI schema
 
@@ -239,7 +239,7 @@ const sampleUISchema = {
 
 #### 4. Configure form using JSON schema (optional)
 
-Alternatively to providing `resourceName` you can hardcode the `JSON schema` on the client.
+Instead of providing `resourceName`, you can hard-code the `JSON schema` on the client.
 
 ```ts
 const sampleJsonSchema = {
@@ -281,7 +281,7 @@ const sampleUiSchema = {
 ```
 
 :::info
-Use this when you want to avoid fetching metadata from the server but be aware that it could get out of sync if metadata changes on the server.
+Use this when you want to avoid fetching metadata from the server, but be aware that it could get out of sync if metadata changes on the server.
 :::
 
 #### 5. An example of synchronizing values with datasource criteria
@@ -302,13 +302,13 @@ Use this when you want to avoid fetching metadata from the server but be aware t
 ```
 
 
-## Advanced customization
+## Advanced customisation
 
 ### Default layout renderers and examples
 
-#### 1. Vertical Layout
+#### 1. VerticalLayout
 
-This is the default layout that is defined if no `uiSchema` is specified. Arranges our control elements vertically.
+This is the default layout that is defined if no `uiSchema` is specified. This arranges our control elements vertically.
 
 ```ts
 const VerticalUISchema = {
@@ -319,9 +319,9 @@ const VerticalUISchema = {
 };
 ```
 
-#### 2. Vertical Layout - Two columns
+#### 2. VerticalLayout - two columns
 
-Arranges our control elements in 2 columns vertically
+This arranges our control elements in 2 columns vertically.
 
 ```ts
 const VerticalColumnsUISchema = {
@@ -332,9 +332,9 @@ const VerticalColumnsUISchema = {
 };
 ```
 
-#### 3. Horizontal Layout
+#### 3. HorizontalLayout
 
-Arranges our control elements horizontally
+This arranges our control elements horizontally.
 
 ```ts
 const horizontalUISchema = {
@@ -349,7 +349,7 @@ const horizontalUISchema = {
 
 Array Layout allows you to create a dynamic form with the ability to add, for example, multiple users.
 
-It is more complicated when it comes to customization because it needs proper `jsonSchema` and `uiSchema`.
+It is more complicated when it comes to customisation because it needs proper `jsonSchema` and `uiSchema`.
 
 ```ts
 const arrayUISchema = {
@@ -412,9 +412,9 @@ const arrayJsonSchema = {
 };
 ```
 
-#### 5. Categorization Layout
+#### 5. Categorization layout
 
-Categorization layout allows you to create more complex forms that can be divided into appropriate categories, for example: personal information and address - which will be in separate tabs.
+Categorization layout allows you to create more complex forms that can be divided into appropriate categories (for example, personal information and address), which will be in separate tabs.
 
 ```ts
 const categoryUISchema = {
@@ -468,9 +468,9 @@ const categoryUISchema = {
 };
 ```
 
-#### 6. Group Layout
+#### 6. Group layout
 
-Group layout similarly to categorization layout divides forms, but this time into groups. They are visible on the same tab, but they are separated from each other by their own labels.
+Group layout similarly to Categorization layout divides forms, but this time into groups. They are visible on the same tab, but they are separated from each other by their own labels.
 
 ```ts
 const groupUISchema = {
@@ -527,11 +527,11 @@ const groupUISchema = {
 
 ### Default control renderers and examples
 
-Most renderers are defined directly in the `jsonSchema` that comes from the server, but there are also those that we can add via `uiSchema`.
+Most renderers are defined directly in the `jsonSchema` that comes from the server, but there are also those that you can add via `uiSchema`.
 
-#### 1. String Renderer
+#### 1. String renderer
 
-The default renderer that will create a `text-field`.
+This is the default renderer, which creates a `text-field`.
 
 ```ts
 const stringJsonSchema = {
@@ -555,9 +555,9 @@ const stringJsonSchema = {
 };
 ```
 
-#### 2. Number Renderer
+#### 2. Number renderer
 
-The number renderer that will create a `number-field`.
+The number renderer creates a `number-field`.
 
 ```ts
 const numberJsonSchema = {
@@ -571,9 +571,9 @@ const numberJsonSchema = {
 };
 ```
 
-#### 3. Boolean Renderer
+#### 3. Boolean renderer
 
-The boolean renderer that will create a `checkbox-field`.
+The boolean renderer creates a `checkbox-field`.
 
 ```ts
 const booleanJsonSchema = {
@@ -588,7 +588,7 @@ const booleanJsonSchema = {
 
 #### 4. Connected Multiselect Renderer
 
-The boolean renderer that will create a `multiselect` component with options from datasource.
+The multiselect renderer creates a `multiselect` component with options from datasource.
 
 ```ts
 const connectedMultiselectUISchema = {
@@ -618,9 +618,9 @@ const connectedMultiselectUISchema = {
 };
 ```
 
-#### 5. Connected Select Renderer
+#### 5. Connected Select renderer
 
-The boolean renderer that will create a `select` component with options.
+This is a select renderer that creates a `select` component with options.
 
 ```ts
 const connectedSelectUISchema = {
@@ -650,9 +650,9 @@ const connectedSelectUISchema = {
 };
 ```
 
-#### 6. Date Renderer
+#### 6. Date renderer
 
-The date renderer that will create a `date-field`.
+The date renderer creates a `date-field`.
 
 ```ts
 const dateJsonSchema = {
@@ -668,9 +668,9 @@ const dateJsonSchema = {
 
 ### Specific renderers for filters and examples
 
-#### 1. Filter Date Renderer
+#### 1. Filter date renderer
 
-The filter date renderer that will create a two `date-fields` with minimum and maximum value.
+The filter date renderer creates two `date-fields` with minimum and maximum value.
 
 ```ts
 const dateJsonSchema = {
@@ -684,9 +684,9 @@ const dateJsonSchema = {
 };
 ```
 
-#### 2. Filter Number Renderer
+#### 2. Filter number renderer
 
-The filter number renderer that will create a two `number-fields` with minimum and maximum value.
+The filter number renderer creates two `number-fields` with minimum and maximum value.
 
 ```ts
 const numberJsonSchema = {
@@ -702,7 +702,7 @@ const numberJsonSchema = {
 
 ## License
 
-Note: this project provides front end dependencies and uses licensed components listed in the next section, thus licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.
+Note: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.
 
 ### Licensed components
-Genesis low-code platform
+Genesis low-code platform

package/dist/dts/jsonforms/renderers/StringControlRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StringControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/StringControlRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,gCAAgC,YAAY,MAAM,0EAqB9D,CAAC;AACF,eAAO,MAAM,6BAA6B,uEAEzC,CAAC"}
+{"version":3,"file":"StringControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/StringControlRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,gCAAgC,YAAY,MAAM,0EAwB9D,CAAC;AACF,eAAO,MAAM,6BAA6B,uEAEzC,CAAC"}

package/dist/esm/jsonforms/renderers/StringControlRenderer.js

@@ -10,7 +10,10 @@ export const getStringControlRendererTemplate = (prefix = 'zero') => html `
       <${prefix}-text-field
         type=${(x) => { var _a, _b; return (((_b = (_a = x.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.isPassword) ? 'password' : 'text'); }}
         :value=${(x) => x.control.data || ''}
-        @change=${(x, c) => x.control.handleChange(x.control.path, c.event.target.value)}
+        @change=${(x, c) => {
+    const inputValue = c.event.target.value;
+    x.control.handleChange(x.control.path, inputValue === '' ? null : inputValue);
+}}
         placeholder=${(x) => x.control.label}
         id=${(x) => x.control.path}
         data-test-id=${(x) => x.control.path}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "14.26.6",
+  "version": "14.26.7",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -43,8 +43,8 @@
     "test:unit:watch": "watchlist src test -- npm run test:unit"
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "^14.26.6",
-    "@genesislcap/genx": "^14.26.6",
+    "@genesislcap/foundation-testing": "^14.26.7",
+    "@genesislcap/genx": "^14.26.7",
     "@playwright/test": "^1.18.1",
     "@types/json-schema": "^7.0.11",
     "@types/ua-parser-js": "^0.7.36",
@@ -59,9 +59,9 @@
     "watchlist": "^0.3.1"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "^14.26.6",
-    "@genesislcap/foundation-criteria": "^14.26.6",
-    "@genesislcap/foundation-utils": "^14.26.6",
+    "@genesislcap/foundation-comms": "^14.26.7",
+    "@genesislcap/foundation-criteria": "^14.26.7",
+    "@genesislcap/foundation-utils": "^14.26.7",
     "@jsonforms/core": "^3.0.0",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -82,5 +82,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "aa1ad515ad191eb2190d06231e10de0191f845b1"
+  "gitHead": "52910dfe41ec45c2b29b970137a848315897e6f4"
 }