@wise/dynamic-flow-client 5.1.4 → 5.2.0

package/build/main.js

@@ -893,6 +893,7 @@ var isNull = (value) => value === null;
 var isUndefined = (value) => typeof value === "undefined";
 var isNullish = (v) => isNull(v) || isUndefined(v);
 var isFile = (value) => value instanceof File;
+var isValidDate = (value) => isString(value) && /^\d{4}-\d{2}-\d{2}$/.test(value);
 
 // src/renderers/utils.ts
 function findRendererPropsByType(root, type, predicate = () => true) {
@@ -1438,10 +1439,28 @@ var pickValidationState = (states) => {
   return definedStates[0];
 };
 
+// src/renderers/mappers/utils/selectInputOptionsToProps.ts
+var selectInputOptionsToProps = (options, children, rendererMapperProps) => {
+  return options.map((option, index) => {
+    const child = children[index];
+    const optionChildrenProps = child ? componentToRendererProps(child, rendererMapperProps) : null;
+    const optionChildren = optionChildrenProps ? rendererMapperProps.render(optionChildrenProps) : null;
+    return __spreadProps(__spreadValues({}, option), {
+      children: optionChildren,
+      childrenProps: optionChildrenProps
+    });
+  });
+};
+
 // src/renderers/mappers/multiSelectComponentToProps.ts
 var multiSelectInputComponentToProps = (component, rendererMapperProps) => {
-  const { autoComplete, maxItems, minItems, options, selectedIndices, onSelect } = component;
+  const { autoComplete, maxItems, minItems, selectedIndices, onSelect } = component;
   const _a = inputComponentToProps(component, "input-multi-select"), { required, value } = _a, props = __objRest(_a, ["required", "value"]);
+  const options = selectInputOptionsToProps(
+    component.options,
+    component.getChildren(),
+    rendererMapperProps
+  );
   return __spreadProps(__spreadValues(__spreadValues({}, props), rendererMapperProps), {
     autoComplete,
     maxItems,
@@ -1782,10 +1801,15 @@ var sectionComponentToProps = (component, rendererMapperProps) => {
 
 // src/renderers/mappers/selectInputComponentToProps.ts
 var selectInputComponentToProps = (component, rendererMapperProps) => {
-  const { autoComplete, options, selectedIndex, onSelect } = component;
+  const { autoComplete, selectedIndex, onSelect } = component;
   const selectedChild = component.getSelectedChild();
   const childrenProps = selectedChild ? componentToRendererProps(selectedChild, rendererMapperProps) : null;
   const _a = inputComponentToProps(component, "input-select"), { value } = _a, props = __objRest(_a, ["value"]);
+  const options = selectInputOptionsToProps(
+    component.options,
+    component.getChildren(),
+    rendererMapperProps
+  );
   return __spreadProps(__spreadValues(__spreadValues({}, props), rendererMapperProps), {
     autoComplete,
     options,
@@ -3979,6 +4003,12 @@ var getRequiredCheck = (required, messageFunctions) => (value) => {
   }
   return isNullish(value) ? messageFunctions.required() : null;
 };
+var getValidDateCheck = (required, messageFunctions) => (value) => {
+  if (required && !isValidDate(value)) {
+    return messageFunctions.required();
+  }
+  return null;
+};
 
 // src/domain/mappers/utils/getAutocompleteString.ts
 var getAutocompleteString = (hints) => {
@@ -6197,7 +6227,7 @@ var createPersistAsyncComponent = (props, performPersistAsync, schemaOnChange, u
 };
 
 // src/domain/mappers/schema/persistAsyncSchemaToComponent.ts
-var isSupported = (type) => ["boolean", "text", "date", "integer", "number", "upload"].includes(type);
+var isSupported = (type) => ["const", "boolean", "text", "date", "integer", "number", "upload"].includes(type);
 var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, schema, model, localValue } = schemaMapperProps;
   const { persistAsync, tags } = schema;
@@ -6296,8 +6326,10 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       return this.getSubmittableValueSync();
     },
     getSubmittableValueSync() {
-      var _a2;
-      return (_a2 = this.getLocalValue()) != null ? _a2 : null;
+      if (isValidDate(this.getLocalValue())) {
+        return this.getLocalValue();
+      }
+      return null;
     },
     getSummary() {
       return summariser(this.getLocalValue());
@@ -6361,6 +6393,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       autoComplete: getAutocompleteString(autocompleteHint),
       checks: schema.hidden ? [] : [
         getRequiredCheck(required, errorMessageFunctions),
+        getValidDateCheck(required, errorMessageFunctions),
         getAboveMaximumDateCheck(schema, errorMessageFunctions),
         getBelowMinimumDateCheck(schema, errorMessageFunctions)
       ],

package/build/main.mjs

@@ -866,6 +866,7 @@ var isNull = (value) => value === null;
 var isUndefined = (value) => typeof value === "undefined";
 var isNullish = (v) => isNull(v) || isUndefined(v);
 var isFile = (value) => value instanceof File;
+var isValidDate = (value) => isString(value) && /^\d{4}-\d{2}-\d{2}$/.test(value);
 
 // src/renderers/utils.ts
 function findRendererPropsByType(root, type, predicate = () => true) {
@@ -1411,10 +1412,28 @@ var pickValidationState = (states) => {
   return definedStates[0];
 };
 
+// src/renderers/mappers/utils/selectInputOptionsToProps.ts
+var selectInputOptionsToProps = (options, children, rendererMapperProps) => {
+  return options.map((option, index) => {
+    const child = children[index];
+    const optionChildrenProps = child ? componentToRendererProps(child, rendererMapperProps) : null;
+    const optionChildren = optionChildrenProps ? rendererMapperProps.render(optionChildrenProps) : null;
+    return __spreadProps(__spreadValues({}, option), {
+      children: optionChildren,
+      childrenProps: optionChildrenProps
+    });
+  });
+};
+
 // src/renderers/mappers/multiSelectComponentToProps.ts
 var multiSelectInputComponentToProps = (component, rendererMapperProps) => {
-  const { autoComplete, maxItems, minItems, options, selectedIndices, onSelect } = component;
+  const { autoComplete, maxItems, minItems, selectedIndices, onSelect } = component;
   const _a = inputComponentToProps(component, "input-multi-select"), { required, value } = _a, props = __objRest(_a, ["required", "value"]);
+  const options = selectInputOptionsToProps(
+    component.options,
+    component.getChildren(),
+    rendererMapperProps
+  );
   return __spreadProps(__spreadValues(__spreadValues({}, props), rendererMapperProps), {
     autoComplete,
     maxItems,
@@ -1755,10 +1774,15 @@ var sectionComponentToProps = (component, rendererMapperProps) => {
 
 // src/renderers/mappers/selectInputComponentToProps.ts
 var selectInputComponentToProps = (component, rendererMapperProps) => {
-  const { autoComplete, options, selectedIndex, onSelect } = component;
+  const { autoComplete, selectedIndex, onSelect } = component;
   const selectedChild = component.getSelectedChild();
   const childrenProps = selectedChild ? componentToRendererProps(selectedChild, rendererMapperProps) : null;
   const _a = inputComponentToProps(component, "input-select"), { value } = _a, props = __objRest(_a, ["value"]);
+  const options = selectInputOptionsToProps(
+    component.options,
+    component.getChildren(),
+    rendererMapperProps
+  );
   return __spreadProps(__spreadValues(__spreadValues({}, props), rendererMapperProps), {
     autoComplete,
     options,
@@ -3952,6 +3976,12 @@ var getRequiredCheck = (required, messageFunctions) => (value) => {
   }
   return isNullish(value) ? messageFunctions.required() : null;
 };
+var getValidDateCheck = (required, messageFunctions) => (value) => {
+  if (required && !isValidDate(value)) {
+    return messageFunctions.required();
+  }
+  return null;
+};
 
 // src/domain/mappers/utils/getAutocompleteString.ts
 var getAutocompleteString = (hints) => {
@@ -6170,7 +6200,7 @@ var createPersistAsyncComponent = (props, performPersistAsync, schemaOnChange, u
 };
 
 // src/domain/mappers/schema/persistAsyncSchemaToComponent.ts
-var isSupported = (type) => ["boolean", "text", "date", "integer", "number", "upload"].includes(type);
+var isSupported = (type) => ["const", "boolean", "text", "date", "integer", "number", "upload"].includes(type);
 var persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
   const { uid, schema, model, localValue } = schemaMapperProps;
   const { persistAsync, tags } = schema;
@@ -6269,8 +6299,10 @@ var createDateInputComponent = (textInputProps, updateComponent) => {
       return this.getSubmittableValueSync();
     },
     getSubmittableValueSync() {
-      var _a2;
-      return (_a2 = this.getLocalValue()) != null ? _a2 : null;
+      if (isValidDate(this.getLocalValue())) {
+        return this.getLocalValue();
+      }
+      return null;
     },
     getSummary() {
       return summariser(this.getLocalValue());
@@ -6334,6 +6366,7 @@ var stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
       autoComplete: getAutocompleteString(autocompleteHint),
       checks: schema.hidden ? [] : [
         getRequiredCheck(required, errorMessageFunctions),
+        getValidDateCheck(required, errorMessageFunctions),
         getAboveMaximumDateCheck(schema, errorMessageFunctions),
         getBelowMinimumDateCheck(schema, errorMessageFunctions)
       ],

package/build/types/domain/features/validation/value-checks.d.ts

@@ -23,4 +23,5 @@ export declare const getAboveMaximumDateCheck: GetIsInvalidCheck<StringSchema, s
 export declare const getBelowMinimumDateCheck: GetIsInvalidCheck<StringSchema, string | null>;
 export declare const getNotAdheringToPatternCheck: GetIsInvalidCheck<StringSchema, string | null>;
 export declare const getRequiredCheck: (required: boolean, messageFunctions: ErrorMessageFunctions) => IsInvalidCheck<LocalValue | null>;
+export declare const getValidDateCheck: (required: boolean, messageFunctions: ErrorMessageFunctions) => IsInvalidCheck<string | null>;
 export {};

package/build/types/renderers/mappers/multiSelectComponentToProps.d.ts

@@ -1,4 +1,4 @@
-import type { MultiSelectComponent } from '../../domain/components/MultiSelectInputComponent';
 import type { MultiSelectInputRendererProps } from '@wise/dynamic-flow-types/renderers';
+import type { MultiSelectComponent } from '../../domain/components/MultiSelectInputComponent';
 import { RendererMapperProps } from './componentToRendererProps';
 export declare const multiSelectInputComponentToProps: (component: MultiSelectComponent, rendererMapperProps: RendererMapperProps) => MultiSelectInputRendererProps;

package/build/types/renderers/mappers/selectInputComponentToProps.d.ts

@@ -1,4 +1,4 @@
-import type { SelectInputComponent } from '../../domain/components/SelectInputComponent';
 import type { SelectInputRendererProps } from '@wise/dynamic-flow-types/renderers';
+import type { SelectInputComponent } from '../../domain/components/SelectInputComponent';
 import { type RendererMapperProps } from './componentToRendererProps';
 export declare const selectInputComponentToProps: (component: SelectInputComponent, rendererMapperProps: RendererMapperProps) => SelectInputRendererProps;

package/build/types/renderers/mappers/utils/selectInputOptionsToProps.d.ts

@@ -0,0 +1,5 @@
+import type { SelectInputRendererOption } from '@wise/dynamic-flow-types/renderers';
+import { SelectInputOption } from '../../../domain/components/SelectInputComponent';
+import { SchemaComponent } from '../../../domain/types';
+import { RendererMapperProps } from '../componentToRendererProps';
+export declare const selectInputOptionsToProps: (options: SelectInputOption[], children: SchemaComponent[], rendererMapperProps: RendererMapperProps) => SelectInputRendererOption[];

package/build/types/utils/type-validators.d.ts

@@ -8,3 +8,4 @@ export declare const isNull: (value: unknown) => value is null;
 export declare const isUndefined: (value: unknown) => value is undefined;
 export declare const isNullish: (v: unknown) => v is null | undefined;
 export declare const isFile: (value: unknown) => value is File;
+export declare const isValidDate: (value: string | null) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.1.4",
+  "version": "5.2.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -86,7 +86,7 @@
     "react-intl": "^6"
   },
   "dependencies": {
-    "@wise/dynamic-flow-types": "4.2.0"
+    "@wise/dynamic-flow-types": "4.3.0"
   },
   "scripts": {
     "dev": "EXCLUDE_VISUAL_TESTS=true pnpm storybook dev -p 3003",