@abgov/jsonforms-components 2.47.6 → 2.47.7

package/index.esm.js

@@ -5,7 +5,7 @@ import { GoabFormItem, GoabInput, GoabTextArea, GoabCallout, GoabRadioGroup, Goa
 import styled from 'styled-components';
 import axios from 'axios';
 import get$1 from 'lodash/get';
-import { isVisible, isEnabled, deriveLabelForUISchemaElement, rankWith, isStringControl, and, optionIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, uiTypeIs, isControl as isControl$1, isEnumControl, isBooleanControl, createDefaultValue, Paths, toDataPath, Resolve, schemaMatches, getAjv, or, isObjectArrayControl, isPrimitiveArrayControl, schemaTypeIs, formatIs, hasType, isCategorization, isLayout } from '@jsonforms/core';
+import { isVisible, isEnabled, deriveLabelForUISchemaElement, rankWith, isStringControl, and, optionIs, isDateControl, isNumberControl, isIntegerControl, isDateTimeControl, isTimeControl, uiTypeIs, isControl as isControl$1, isEnumControl, isBooleanControl, createDefaultValue, Paths, toDataPath, Resolve, schemaMatches, getAjv, or, isObjectArrayControl, isPrimitiveArrayControl, composePaths, schemaTypeIs, formatIs, hasType, isCategorization, isLayout } from '@jsonforms/core';
 import * as _$c from 'lodash';
 import ___default, { isEqual, isObject as isObject$i, isEmpty as isEmpty$1 } from 'lodash';
 import { useJsonForms, withJsonFormsControlProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, withJsonFormsAllOfProps, withJsonFormsArrayLayoutProps, withJsonFormsLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
@@ -11596,7 +11596,8 @@ const ArrayControl = props => {
     }))
   });
 };
-const GoAArrayControlTester = rankWith(3, or(isObjectArrayControl, isPrimitiveArrayControl));
+const GoAArrayControlTester = rankWith(3, or(isObjectArrayControl));
+const GoAPrimitiveArrayTester = rankWith(2, isPrimitiveArrayControl);
 const ArrayControlBase = props => {
   const {
     visible
@@ -11625,6 +11626,70 @@ const ArrayControlReview = props => {
 };
 const GoAArrayControlRenderer = withJsonFormsControlProps(ArrayControlBase);
 const GoAArrayControlReviewRenderer = withJsonFormsControlProps(ArrayControlReview);
+const PrimitiveArrayControl = props => {
+  const {
+    data,
+    path,
+    handleChange,
+    visible,
+    enabled,
+    uischema,
+    schema,
+    renderers,
+    cells
+  } = props;
+  const items = Array.isArray(data) ? data : [];
+  const addItem = () => {
+    handleChange(path, [...items, '']);
+  };
+  const removeItem = index => {
+    const copy = [...items];
+    copy.splice(index, 1);
+    handleChange(path, copy);
+  };
+  const itemUiSchema = Object.assign({}, uischema, {
+    scope: '#'
+  });
+  const label = (uischema == null ? void 0 : uischema.label) || (schema == null ? void 0 : schema.title) || 'Item';
+  const arrayLabel = getLabelText(uischema.scope, label);
+  const prettyLabel = pluralize.singular(arrayLabel.charAt(0).toLocaleUpperCase() + arrayLabel.slice(1));
+  return jsxs(Visible, {
+    visible: visible,
+    children: [jsx("div", {
+      style: {
+        marginBottom: '8px'
+      },
+      children: jsxs(GoabButton, {
+        disabled: !enabled,
+        onClick: () => addItem(),
+        children: ["Add ", prettyLabel]
+      })
+    }), items.length === 0 && jsxs("p", {
+      style: {
+        opacity: 0.7
+      },
+      children: ["No ", arrayLabel.toLowerCase(), " added"]
+    }), items.map((item, index) => jsxs("div", {
+      style: {
+        display: 'flex',
+        gap: 8
+      },
+      children: [jsx(JsonFormsDispatch, {
+        schema: schema.items,
+        uischema: itemUiSchema,
+        path: composePaths(path, `${index}`),
+        enabled: enabled,
+        renderers: renderers,
+        cells: cells
+      }, index), jsx(GoabIconButton, {
+        icon: "trash",
+        "aria-label": `remove-${index}`,
+        onClick: () => removeItem(index)
+      })]
+    }, index))]
+  });
+};
+const GoAPrimitiveArrayRenderer = withJsonFormsControlProps(PrimitiveArrayControl);
 
 const ListWithDetailsControl = props => {
   const [open, setOpen] = useState(false);
@@ -13678,14 +13743,14 @@ const RenderPages = props => {
   });
 };
 
-const isRecord = v => typeof v === 'object' && v !== null && !Array.isArray(v);
+const isRecord$1 = v => typeof v === 'object' && v !== null && !Array.isArray(v);
 function getByJsonPointer(obj, pointer) {
-  if (!isRecord(obj) || !pointer || pointer[0] !== '#') return undefined;
+  if (!isRecord$1(obj) || !pointer || pointer[0] !== '#') return undefined;
   const parts = pointer.replace(/^#\//, '').split('/').filter(Boolean);
   let cur = obj;
   for (const part of parts) {
     if (part === 'properties') continue;
-    if (!isRecord(cur)) return undefined;
+    if (!isRecord$1(cur)) return undefined;
     cur = cur[part];
     if (cur === undefined) return undefined;
   }
@@ -13701,7 +13766,7 @@ function hasDataValue(v, key) {
   if (t === 'string') return v.trim().length > 0;
   if (t === 'number' || t === 'boolean') return true;
   if (Array.isArray(v)) return v.length > 0;
-  if (isRecord(v)) {
+  if (isRecord$1(v)) {
     for (const k of Object.keys(v)) {
       if (hasDataValue(v[k], k)) return true;
     }
@@ -13710,7 +13775,7 @@ function hasDataValue(v, key) {
   return false;
 }
 function getCategoryScopes(cat) {
-  if (!isRecord(cat)) return [];
+  if (!isRecord$1(cat)) return [];
   const scopes = cat.scopes;
   return Array.isArray(scopes) && scopes.every(s => typeof s === 'string') ? scopes : [];
 }
@@ -13848,7 +13913,7 @@ const FileUploaderReview = props => {
   }));
 };
 const FileUploader = _ref => {
-  var _enumerators$function, _enumerators$function2, _enumerators$function3, _uischema$options, _uischema$options2, _uischema$options3, _uischema$options4, _fileList$props$i18nK, _uischema$options$com, _uischema$options5, _uischema$options7, _uischema$options$com3, _uischema$options8, _uischema$options$com4, _uischema$options9, _uischema$options0;
+  var _enumerators$function, _enumerators$function2, _enumerators$function3, _uischema$options, _uischema$options2, _uischema$options3, _uischema$options4, _fileList$path, _uischema$options$com, _uischema$options5, _uischema$options6, _uischema$options$com2, _uischema$options7, _uischema$options$com3, _uischema$options8, _uischema$options9;
   let {
       path,
       handleChange,
@@ -13882,13 +13947,12 @@ const FileUploader = _ref => {
   const noDownloadButtonInReview = uischema == null || (_uischema$options3 = uischema.options) == null || (_uischema$options3 = _uischema$options3.format) == null || (_uischema$options3 = _uischema$options3.review) == null ? void 0 : _uischema$options3.noDownloadButton;
   const noDeleteButton = uischema == null || (_uischema$options4 = uischema.options) == null || (_uischema$options4 = _uischema$options4.format) == null || (_uischema$options4 = _uischema$options4.review) == null ? void 0 : _uischema$options4.noDeleteButton;
   const [deleteHide, setDeleteHide] = useState(false);
-  const fileListLength = fileList && ((_fileList$props$i18nK = fileList[props.i18nKeyPrefix]) == null ? void 0 : _fileList$props$i18nK.length) || 0;
+  const fileListLength = fileList && ((_fileList$path = fileList[path]) == null ? void 0 : _fileList$path.length) || 0;
   const maxFiles = (_uischema$options$com = uischema == null || (_uischema$options5 = uischema.options) == null || (_uischema$options5 = _uischema$options5.componentProps) == null ? void 0 : _uischema$options5.maximum) != null ? _uischema$options$com : 1;
   const isMultiFile = maxFiles > 1;
   function uploadFile(file) {
-    var _uischema$options$com2, _uischema$options6, _fileList$propertyId;
+    var _fileList$propertyId;
     if (!uploadTrigger) return;
-    const maxFiles = (_uischema$options$com2 = uischema == null || (_uischema$options6 = uischema.options) == null || (_uischema$options6 = _uischema$options6.componentProps) == null ? void 0 : _uischema$options6.maximum) != null ? _uischema$options$com2 : 1;
     const fileListLength = fileList && ((_fileList$propertyId = fileList[propertyId]) == null ? void 0 : _fileList$propertyId.length) || 0;
     if (fileListLength >= maxFiles) {
       setUploadError(`You can only upload up to ${maxFiles} file${maxFiles > 1 ? 's' : ''}.`);
@@ -13896,7 +13960,7 @@ const FileUploader = _ref => {
     }
     setUploadError(undefined);
     setLoadingFileName(file == null ? void 0 : file.name);
-    uploadTrigger(file, `${propertyId}.${fileListLength}`);
+    uploadTrigger(file, path);
     setDeleteHide(false);
   }
   function downloadFile(file) {
@@ -13914,41 +13978,37 @@ const FileUploader = _ref => {
     return (_getFile = getFile(index)) == null ? void 0 : _getFile.filename;
   }
   function getFile(index) {
-    var _fileList$props$i18nK2;
-    return fileList == null || (_fileList$props$i18nK2 = fileList[props.i18nKeyPrefix]) == null ? void 0 : _fileList$props$i18nK2[index];
+    var _fileList$path2;
+    return fileList == null || (_fileList$path2 = fileList[path]) == null ? void 0 : _fileList$path2[index];
   }
   useEffect(() => {
     if (loadingFileName !== undefined) {
       setLoadingFileName(undefined);
     }
-    // UseEffect is required because not having it causes a react update error, but
-    // it doesn't function correctly within jsonforms unless there is a minor delay here
     const delayedFunction = () => {
-      const files = [];
-      for (let i = 0; i < fileListLength; i++) {
-        files.push(getFile(i));
-      }
-      if (fileList) {
-        const data = files.map(f => f.urn).join(';');
-        if (data === '') {
-          handleChange(path, undefined);
-        } else {
-          handleChange(path, data);
-        }
+      if (!fileList) return;
+      const filesForControl = (fileList == null ? void 0 : fileList[path]) || [];
+      const urns = filesForControl.map(f => f.urn);
+      if (urns.length === 0) {
+        handleChange(path, undefined);
+      } else if (isMultiFile) {
+        handleChange(path, urns);
+      } else {
+        handleChange(path, urns[0]);
       }
     };
     const timeoutId = setTimeout(delayedFunction, 1);
     return () => clearTimeout(timeoutId);
     //eslint-disable-next-line
-  }, [handleChange, fileList, propertyId]);
-  const readOnly = (uischema == null || (_uischema$options7 = uischema.options) == null || (_uischema$options7 = _uischema$options7.componentProps) == null ? void 0 : _uischema$options7.readOnly) === true || (props == null ? void 0 : props.isStepperReview) === true || user === null;
-  const maxFileSize = (_uischema$options$com3 = uischema == null || (_uischema$options8 = uischema.options) == null || (_uischema$options8 = _uischema$options8.componentProps) == null ? void 0 : _uischema$options8.maxFileSize) != null ? _uischema$options$com3 : '';
-  const accept = (_uischema$options$com4 = uischema == null || (_uischema$options9 = uischema.options) == null || (_uischema$options9 = _uischema$options9.componentProps) == null ? void 0 : _uischema$options9.accept) != null ? _uischema$options$com4 : '';
+  }, [fileList, propertyId]);
+  const readOnly = (uischema == null || (_uischema$options6 = uischema.options) == null || (_uischema$options6 = _uischema$options6.componentProps) == null ? void 0 : _uischema$options6.readOnly) === true || (props == null ? void 0 : props.isStepperReview) === true || user === null;
+  const maxFileSize = (_uischema$options$com2 = uischema == null || (_uischema$options7 = uischema.options) == null || (_uischema$options7 = _uischema$options7.componentProps) == null ? void 0 : _uischema$options7.maxFileSize) != null ? _uischema$options$com2 : '';
+  const accept = (_uischema$options$com3 = uischema == null || (_uischema$options8 = uischema.options) == null || (_uischema$options8 = _uischema$options8.componentProps) == null ? void 0 : _uischema$options8.accept) != null ? _uischema$options$com3 : '';
   if (!enumerators) {
     //eslint-disable-next-line
     return jsx(Fragment, {});
   }
-  const helpText = uischema == null || (_uischema$options0 = uischema.options) == null ? void 0 : _uischema$options0.help;
+  const helpText = uischema == null || (_uischema$options9 = uischema.options) == null ? void 0 : _uischema$options9.help;
   const sentenceCaseLabel = label;
   const DownloadFileWidget = ({
     index
@@ -14032,7 +14092,7 @@ const FileUploader = _ref => {
             })
           })
         }) : jsx("div", {
-          children: fileList && isMultiFile ? (fileList[props.i18nKeyPrefix] || []).map((_, index) => jsx(DownloadFileWidget, {
+          children: fileList && isMultiFile ? (fileList[path] || []).map((_, index) => jsx(DownloadFileWidget, {
             index: index
           }, index)) : !deleteHide && getFile(fileListLength - 1) && fileListLength >= 0 && jsx(DownloadFileWidget, {
             index: fileListLength - 1
@@ -17507,24 +17567,25 @@ const isNullSchema = schema => {
   return schema === undefined || schema === null;
 };
 const isValidScope = (uiSchema, schema) => {
-  if (!('scope' in uiSchema)) {
+  if (!('scope' in uiSchema) || typeof uiSchema.scope !== 'string') {
     return false;
   }
-  const scopeComponents = uiSchema.scope.split('/');
-  // get rid of the '#' at the beginning of scope
-  scopeComponents.shift();
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const scopeStr = uiSchema.scope;
+  if (scopeStr === '#') return true;
+  const scopeComponents = scopeStr.split('/');
+  if (scopeComponents[0] === '#') scopeComponents.shift();
   let obj = schema;
-  // iterate through the schema to ensure each property exists
   for (const key of scopeComponents) {
-    if (obj && typeof obj === 'object' && key in obj) {
-      obj = obj[key];
-    } else {
+    if (!isRecord(obj) || !(key in obj)) {
       return false;
     }
+    obj = obj[key];
   }
   return true;
 };
+function isRecord(value) {
+  return value !== null && typeof value === 'object';
+}
 const isLayoutType = schema => {
   return hasType(schema, 'VerticalLayout') || hasType(schema, 'HorizontalLayout') || hasType(schema, 'Categorization') || hasType(schema, 'Group');
 };
@@ -17535,8 +17596,7 @@ const isListWithDetail = schema => {
   return hasType(schema, 'ListWithDetail');
 };
 const isScopedPrefixed = scope => {
-  const scopeComponents = scope.split('/');
-  return scopeComponents.length > 1 && scopeComponents[0] === '#';
+  return scope.startsWith('#');
 };
 const isEmptyObject = schema => {
   return Object.keys(schema).length === 0;
@@ -17812,6 +17872,9 @@ const GoABaseRenderers = [
 }, {
   tester: MultiLineTextControlTester,
   renderer: MultiLineTextControl
+}, {
+  tester: GoAPrimitiveArrayTester,
+  renderer: GoAPrimitiveArrayRenderer
 }, {
   tester: HelpContentTester,
   renderer: HelpContent
@@ -18000,4 +18063,4 @@ const GoARenderers = [...GoABaseRenderers, {
 }];
 const GoACells = [...InputCells];
 
-export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBaseReviewControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputEmailControl, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoAPhoneNumberControl, GoAPhoneNumberWithTypeControl, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoabInputBasePhoneNumberReviewControl, GoabInputBasePhoneNumberWithTypeReviewControl, GoabInputInteger, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, PHONE_REGEX, PhoneGrid, PhoneNumberControl, PhoneNumberReviewControl, PhoneNumberTester, PhoneNumberWithTypeControl, PhoneNumberWithTypeReviewControl, PhoneNumberWithTypeTester, RadioGroup, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, formatSin, getByJsonPointer, getCategoryScopes, hasDataInScopes, hasDataValue, isAddressLookup, isFullName, isFullNameDoB, isPhoneNumber, isPhoneNumberWithType, registerReducer, resolveRefs, tryResolveRefs };
+export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, AddressLoopUpControlTableReview, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationPagesRendererTester, CategorizationStepperRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormPageStepper, FormPagesView, FormStepper, FormStepperControl, FormStepperPagesControl, FormStepperReviewControl, FormStepperReviewer, FormStepperView, FullNameControl, FullNameControlReview, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABaseTableReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACalculationControl, GoACalculationControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEmailControl, GoAEmailControlTester, GoAEmailInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputBaseFullNameControlReview, GoAInputBaseFullNameDobControlReview, GoAInputBaseReviewControl, GoAInputBaseTableReview, GoAInputBaseTableReviewControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputEmailControl, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoAPhoneNumberControl, GoAPhoneNumberWithTypeControl, GoAPrimitiveArrayRenderer, GoAPrimitiveArrayTester, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoabInputBasePhoneNumberReviewControl, GoabInputBasePhoneNumberWithTypeReviewControl, GoabInputInteger, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, PHONE_REGEX, PhoneGrid, PhoneNumberControl, PhoneNumberReviewControl, PhoneNumberTester, PhoneNumberWithTypeControl, PhoneNumberWithTypeReviewControl, PhoneNumberWithTypeTester, PrimitiveArrayControl, RadioGroup, categoriesAreValid, createDefaultAjv, enumControl, errMalformedDate, formatSin, getByJsonPointer, getCategoryScopes, hasDataInScopes, hasDataValue, isAddressLookup, isFullName, isFullNameDoB, isPhoneNumber, isPhoneNumberWithType, registerReducer, resolveRefs, tryResolveRefs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.47.6",
+  "version": "2.47.7",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",

package/src/lib/Controls/ObjectArray/ObjectArray.d.ts

@@ -3,7 +3,10 @@ import { ArrayLayoutProps, RankedTester, ControlProps } from '@jsonforms/core';
 export type CombinedProps = ControlProps & ArrayLayoutProps;
 export declare const ArrayControl: (props: CombinedProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GoAArrayControlTester: RankedTester;
+export declare const GoAPrimitiveArrayTester: RankedTester;
 export declare const ArrayControlBase: (props: ControlProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ArrayControlReview: (props: ControlProps) => import("react/jsx-runtime").JSX.Element | null;
 export declare const GoAArrayControlRenderer: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
 export declare const GoAArrayControlReviewRenderer: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
+export declare const PrimitiveArrayControl: (props: ControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoAPrimitiveArrayRenderer: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;