@k-int/stripes-kint-components 5.36.0 → 5.37.0

package/es/lib/CustomProperties/Config/CustomPropertyForm.js

@@ -14,31 +14,35 @@ var _hooks = require("../../hooks");
 var _NumberField = _interopRequireDefault(require("../../NumberField"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const CustomPropertyForm = _ref => {
-  let {
-    contextFilterOptions,
-    helpPopovers,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    refdata
-  } = _ref;
-  const {
-    values
-  } = (0, _reactFinalForm.useFormState)();
-  const {
-    change
-  } = (0, _reactFinalForm.useForm)();
+  let contextFilterOptions = _ref.contextFilterOptions,
+    helpPopovers = _ref.helpPopovers,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    refdata = _ref.refdata;
+  const _useFormState = (0, _reactFinalForm.useFormState)(),
+    values = _useFormState.values;
+  const _useForm = (0, _reactFinalForm.useForm)(),
+    change = _useForm.change;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  const booleanToString = booleanValue => booleanValue?.toString();
+  const booleanToString = booleanValue => booleanValue === null || booleanValue === void 0 ? void 0 : booleanValue.toString();
   const stringToBoolean = stringValue => stringValue === 'true';
-  const [contextOptions, setContextOptions] = (0, _react.useState)(contextFilterOptions?.filter(ctx => ctx.value !== '' && ctx?.value !== 'isNull'));
+  const _useState = (0, _react.useState)(contextFilterOptions === null || contextFilterOptions === void 0 ? void 0 : contextFilterOptions.filter(ctx => ctx.value !== '' && (ctx === null || ctx === void 0 ? void 0 : ctx.value) !== 'isNull')),
+    _useState2 = _slicedToArray(_useState, 2),
+    contextOptions = _useState2[0],
+    setContextOptions = _useState2[1];
   const addCtx = _ref2 => {
-    let {
-      _r,
-      _e,
-      filterText
-    } = _ref2;
+    let _r = _ref2._r,
+      _e = _ref2._e,
+      filterText = _ref2.filterText;
     const newOption = {
       value: filterText,
       label: filterText
@@ -47,16 +51,14 @@ const CustomPropertyForm = _ref => {
     change('ctx', [newOption]);
   };
   const renderAddCtx = _ref3 => {
-    let {
-      filterValue,
-      exactMatch
-    } = _ref3;
+    let filterValue = _ref3.filterValue,
+      exactMatch = _ref3.exactMatch;
     if (!filterValue || exactMatch) {
       return null;
     } else {
       return kintIntl.formatKintMessage({
         id: 'customProperties.ctx.addContext',
-        overrideValue: labelOverrides?.addCtx
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.addCtx
       }, {
         value: filterValue
       });
@@ -66,7 +68,7 @@ const CustomPropertyForm = _ref => {
     if (allValues.primary && allValues.retired) {
       return kintIntl.formatKintMessage({
         id: 'customProperties.errors.primaryRetired',
-        overrideValue: labelOverrides?.primaryRetired
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primaryRetired
       });
     }
     return null;
@@ -82,48 +84,48 @@ const CustomPropertyForm = _ref => {
             value: ''
           }, {
             label: kintIntl.formatKintMessage({
-              id: `customProperties.type.${_customProperties.DECIMAL_CLASS_NAME}`,
-              overrideValue: labelOverrides?.[_customProperties.DECIMAL_CLASS_NAME]
+              id: "customProperties.type.".concat(_customProperties.DECIMAL_CLASS_NAME),
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.DECIMAL_CLASS_NAME]
             }),
             value: _customProperties.DECIMAL_CLASS_NAME
           }, {
             label: kintIntl.formatKintMessage({
-              id: `customProperties.type.${_customProperties.INTEGER_CLASS_NAME}`,
-              overrideValue: labelOverrides?.[_customProperties.INTEGER_CLASS_NAME]
+              id: "customProperties.type.".concat(_customProperties.INTEGER_CLASS_NAME),
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.INTEGER_CLASS_NAME]
             }),
             value: _customProperties.INTEGER_CLASS_NAME
           }, {
             label: kintIntl.formatKintMessage({
-              id: `customProperties.type.${_customProperties.TEXT_CLASS_NAME}`,
-              overrideValue: labelOverrides?.[_customProperties.TEXT_CLASS_NAME]
+              id: "customProperties.type.".concat(_customProperties.TEXT_CLASS_NAME),
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.TEXT_CLASS_NAME]
             }),
             value: _customProperties.TEXT_CLASS_NAME
           }, {
             label: kintIntl.formatKintMessage({
-              id: `customProperties.type.${_customProperties.REFDATA_CLASS_NAME}`,
-              overrideValue: labelOverrides?.[_customProperties.REFDATA_CLASS_NAME]
+              id: "customProperties.type.".concat(_customProperties.REFDATA_CLASS_NAME),
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.REFDATA_CLASS_NAME]
             }),
             value: _customProperties.REFDATA_CLASS_NAME
           }, {
             label: kintIntl.formatKintMessage({
-              id: `customProperties.type.${_customProperties.MULTI_REFDATA_CLASS_NAME}`,
-              overrideValue: labelOverrides?.[_customProperties.MULTI_REFDATA_CLASS_NAME]
+              id: "customProperties.type.".concat(_customProperties.MULTI_REFDATA_CLASS_NAME),
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.MULTI_REFDATA_CLASS_NAME]
             }),
             value: _customProperties.MULTI_REFDATA_CLASS_NAME
           }, {
             label: kintIntl.formatKintMessage({
-              id: `customProperties.type.${_customProperties.DATE_CLASS_NAME}`,
-              overrideValue: labelOverrides?.[_customProperties.DATE_CLASS_NAME]
+              id: "customProperties.type.".concat(_customProperties.DATE_CLASS_NAME),
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.DATE_CLASS_NAME]
             }),
             value: _customProperties.DATE_CLASS_NAME
           }],
-          disabled: !!values?.id,
+          disabled: !!(values !== null && values !== void 0 && values.id),
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.type',
-              overrideValue: labelOverrides?.type
-            }), helpPopovers?.type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.type
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.type
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.type
             }) : null]
           }),
           name: "type",
@@ -132,19 +134,19 @@ const CustomPropertyForm = _ref => {
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
-        children: (values?.type === _customProperties.REFDATA_CLASS_NAME || values?.type === _customProperties.MULTI_REFDATA_CLASS_NAME) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+        children: ((values === null || values === void 0 ? void 0 : values.type) === _customProperties.REFDATA_CLASS_NAME || (values === null || values === void 0 ? void 0 : values.type) === _customProperties.MULTI_REFDATA_CLASS_NAME) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
           component: _components.Select,
           dataOptions: [{
             label: '',
             value: ''
           }, ...refdata],
-          disabled: !!values?.id,
+          disabled: !!(values !== null && values !== void 0 && values.id),
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.category',
-              overrideValue: labelOverrides?.category
-            }), helpPopovers?.category ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.category
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.category
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.category ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.category
             }) : null]
           }),
           name: "category",
@@ -161,9 +163,9 @@ const CustomPropertyForm = _ref => {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.label',
-              overrideValue: labelOverrides?.label
-            }), helpPopovers?.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.label
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.label
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.label
             }) : null]
           }),
           name: "label",
@@ -178,9 +180,9 @@ const CustomPropertyForm = _ref => {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.name',
-              overrideValue: labelOverrides?.name
-            }), helpPopovers?.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.name
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.name
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.name
             }) : null]
           }),
           name: "name",
@@ -189,7 +191,7 @@ const CustomPropertyForm = _ref => {
             if (v && v.length) {
               return /^[a-z][a-z0-9]*$/i.test(v) ? undefined : kintIntl.formatKintMessage({
                 id: 'errors.hasNonAlphaName',
-                overrideValue: labelOverrides?.hasNonAlphaName
+                overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.hasNonAlphaName
               });
             }
             return (0, _validators.required)(v);
@@ -205,9 +207,9 @@ const CustomPropertyForm = _ref => {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.description',
-              overrideValue: labelOverrides?.description
-            }), helpPopovers?.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.description
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.description
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.description
             }) : null]
           }),
           name: "description",
@@ -227,20 +229,20 @@ const CustomPropertyForm = _ref => {
           dataOptions: contextOptions,
           emptyMessage: kintIntl.formatKintMessage({
             id: 'customProperties.noCtxFound',
-            overrideValue: labelOverrides?.noCtxFound
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noCtxFound
           }),
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.ctx',
-              overrideValue: labelOverrides?.ctx
-            }), helpPopovers?.ctx ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.ctx
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.ctx ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.ctx
             }) : null]
           }),
           name: "ctx",
           onChange: selectedItems => {
             if (selectedItems.length) {
-              change('ctx', [selectedItems?.[selectedItems?.length - 1]]);
+              change('ctx', [selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems[(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) - 1]]);
             } else {
               change('ctx', undefined);
             }
@@ -256,9 +258,9 @@ const CustomPropertyForm = _ref => {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.weight',
-              overrideValue: labelOverrides?.weight
-            }), helpPopovers?.weight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.weight
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.weight
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.weight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.weight
             }) : null]
           }),
           name: "weight",
@@ -272,13 +274,13 @@ const CustomPropertyForm = _ref => {
           dataOptions: [{
             label: kintIntl.formatKintMessage({
               id: 'yes',
-              overrideValue: labelOverrides?.yes
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.yes
             }),
             value: 'true'
           }, {
             label: kintIntl.formatKintMessage({
               id: 'no',
-              overrideValue: labelOverrides?.no
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.no
             }),
             value: 'false'
           }],
@@ -286,9 +288,9 @@ const CustomPropertyForm = _ref => {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.primary',
-              overrideValue: labelOverrides?.primary
-            }), helpPopovers?.primary ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.primary
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.primary ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.primary
             }) : null]
           }),
           name: "primary",
@@ -303,13 +305,13 @@ const CustomPropertyForm = _ref => {
           dataOptions: [{
             label: kintIntl.formatKintMessage({
               id: 'yes',
-              overrideValue: labelOverrides?.yes
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.yes
             }),
             value: 'true'
           }, {
             label: kintIntl.formatKintMessage({
               id: 'no',
-              overrideValue: labelOverrides?.no
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.no
             }),
             value: 'false'
           }],
@@ -317,9 +319,9 @@ const CustomPropertyForm = _ref => {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.retired',
-              overrideValue: labelOverrides?.retired
-            }), helpPopovers?.retired ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.retired
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.retired
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.retired ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.retired
             }) : null]
           }),
           name: "retired",
@@ -334,13 +336,13 @@ const CustomPropertyForm = _ref => {
           dataOptions: [{
             label: kintIntl.formatKintMessage({
               id: 'customProperties.internalTrue',
-              overrideValue: labelOverrides?.internalTrue
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.internalTrue
             }),
             value: 'true'
           }, {
             label: kintIntl.formatKintMessage({
               id: 'customProperties.internalFalse',
-              overrideValue: labelOverrides?.internalFalse
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.internalFalse
             }),
             value: 'false'
           }],
@@ -348,9 +350,9 @@ const CustomPropertyForm = _ref => {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.defaultVisibility',
-              overrideValue: labelOverrides?.defaultVisibility
-            }), helpPopovers?.defaultVisibility ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers?.defaultVisibility
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.defaultVisibility
+            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.defaultVisibility ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.defaultVisibility
             }) : null]
           }),
           name: "defaultInternal",

package/es/lib/CustomProperties/Config/CustomPropertyForm.test.js

@@ -8,15 +8,19 @@ var _customProperties = _interopRequireDefault(require("../../../../test/jest/cu
 var _jest = require("../../../../test/jest");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const initialValues = {
-  ..._customProperties.default?.find(cp => cp.name === 'test'),
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const initialValues = _objectSpread(_objectSpread({}, _customProperties.default === null || _customProperties.default === void 0 ? void 0 : _customProperties.default.find(cp => cp.name === 'test')), {}, {
   // Just massage the type/ctx value to be of the shape the form expects
   type: 'Decimal',
   ctx: [{
     value: 'OpenAccess',
     label: 'OpenAccess'
   }]
-};
+});
 const onSubmit = jest.fn();
 jest.mock('../../hooks');
 describe('CustomPropertyForm', () => {
@@ -47,51 +51,43 @@ describe('CustomPropertyForm', () => {
     }));
   });
   it('Displays expected label ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getByText = _renderComponent.getByText;
     expect(getByText('Label')).toBeInTheDocument();
   });
   it('Displays expected name label', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent2 = renderComponent,
+      getByText = _renderComponent2.getByText;
     expect(getByText('Name')).toBeInTheDocument();
   });
   it('Displays expected description label', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent3 = renderComponent,
+      getByText = _renderComponent3.getByText;
     expect(getByText('Description')).toBeInTheDocument();
   });
   it('Displays expected context label ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent4 = renderComponent,
+      getByText = _renderComponent4.getByText;
     expect(getByText('Context')).toBeInTheDocument();
   });
   it('Displays expected order weight label ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent5 = renderComponent,
+      getByText = _renderComponent5.getByText;
     expect(getByText('Order weight')).toBeInTheDocument();
   });
   it('Displays expectred primary label ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent6 = renderComponent,
+      getByText = _renderComponent6.getByText;
     expect(getByText('Primary')).toBeInTheDocument();
   });
   it('Displays expected default visibility label', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent7 = renderComponent,
+      getByText = _renderComponent7.getByText;
     expect(getByText('Default visibility')).toBeInTheDocument();
   });
   it('Displays expected type label ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent8 = renderComponent,
+      getByText = _renderComponent8.getByText;
     expect(getByText('Type')).toBeInTheDocument();
   });
   test('Displays expected description value', async () => {
@@ -117,33 +113,29 @@ describe('CustomPropertyForm', () => {
     }).exists();
   });
   test('renders the expected value in the Retired dropdown', () => {
-    const {
-      getByRole
-    } = renderComponent;
+    const _renderComponent9 = renderComponent,
+      getByRole = _renderComponent9.getByRole;
     expect(getByRole('combobox', {
       name: 'Retired'
     })).toHaveDisplayValue('No');
   });
   test('renders the expected value in the Default visibility dropdown', () => {
-    const {
-      getByRole
-    } = renderComponent;
+    const _renderComponent0 = renderComponent,
+      getByRole = _renderComponent0.getByRole;
     expect(getByRole('combobox', {
       name: 'Default visibility'
     })).toHaveDisplayValue('Internal');
   });
   test('renders the expected value in the Primary dropdown', () => {
-    const {
-      getByRole
-    } = renderComponent;
+    const _renderComponent1 = renderComponent,
+      getByRole = _renderComponent1.getByRole;
     expect(getByRole('combobox', {
       name: 'Primary'
     })).toHaveDisplayValue('Yes');
   });
-  ['Decimal', 'Refdata (multi-select)', 'Refdata', 'Text', 'Integer'].forEach(type => it(`Displays expected ${type} option`, () => {
-    const {
-      getByText
-    } = renderComponent;
+  ['Decimal', 'Refdata (multi-select)', 'Refdata', 'Text', 'Integer'].forEach(type => it("Displays expected ".concat(type, " option"), () => {
+    const _renderComponent10 = renderComponent,
+      getByText = _renderComponent10.getByText;
     expect(getByText(type)).toBeInTheDocument();
   }));
 });