@k-int/stripes-kint-components 2.8.2 → 3.0.0

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

@@ -9,8 +9,6 @@ var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactIntl = require("react-intl");
-
 var _reactFinalForm = require("react-final-form");
 
 var _components = require("@folio/stripes/components");
@@ -19,6 +17,8 @@ var _validators = require("../../utils/validators");
 
 var _customProperties = require("../../constants/customProperties");
 
+var _hooks = require("../../hooks");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -44,10 +44,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var CustomPropertyForm = function CustomPropertyForm(_ref) {
-  var _labelOverrides$DECIM, _labelOverrides$INTEG, _labelOverrides$TEXT_, _labelOverrides$REFDA, _labelOverrides$MULTI, _labelOverrides$DATE_, _labelOverrides$type, _labelOverrides$categ, _labelOverrides$label, _labelOverrides$name, _labelOverrides$descr, _labelOverrides$ctx, _labelOverrides$weigh, _labelOverrides$prima2, _labelOverrides$retir, _labelOverrides$defau;
-
   var 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;
@@ -58,7 +58,7 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
   var _useForm = (0, _reactFinalForm.useForm)(),
       change = _useForm.change;
 
-  var intl = (0, _reactIntl.useIntl)();
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
 
   var booleanToString = function booleanToString(booleanValue) {
     return booleanValue === null || booleanValue === void 0 ? void 0 : booleanValue.toString();
@@ -94,21 +94,20 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
     if (!filterValue || exactMatch) {
       return null;
     } else {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.customProperties.ctx.addContext",
-        values: {
-          value: filterValue
-        }
+      return kintIntl.formatKintMessage({
+        id: 'customProperties.ctx.addContext',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.addCtx
+      }, {
+        value: filterValue
       });
     }
   };
 
   var primaryRetiredValidator = function primaryRetiredValidator(_v, allValues) {
     if (allValues.primary && allValues.retired) {
-      var _labelOverrides$prima;
-
-      return (_labelOverrides$prima = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primaryRetired) !== null && _labelOverrides$prima !== void 0 ? _labelOverrides$prima : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: "stripes-kint-components.errors.primaryRetired"
+      return kintIntl.formatKintMessage({
+        id: 'customProperties.errors.primaryRetired',
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primaryRetired
       });
     }
 
@@ -125,40 +124,47 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
             label: '',
             value: ''
           }, {
-            label: (_labelOverrides$DECIM = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.DECIMAL_CLASS_NAME]) !== null && _labelOverrides$DECIM !== void 0 ? _labelOverrides$DECIM : intl.formatMessage({
-              id: "stripes-kint-components.customProperties.type.".concat(_customProperties.DECIMAL_CLASS_NAME)
+            label: kintIntl.formatKintMessage({
+              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: (_labelOverrides$INTEG = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.INTEGER_CLASS_NAME]) !== null && _labelOverrides$INTEG !== void 0 ? _labelOverrides$INTEG : intl.formatMessage({
-              id: "stripes-kint-components.customProperties.type.".concat(_customProperties.INTEGER_CLASS_NAME)
+            label: kintIntl.formatKintMessage({
+              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: (_labelOverrides$TEXT_ = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.TEXT_CLASS_NAME]) !== null && _labelOverrides$TEXT_ !== void 0 ? _labelOverrides$TEXT_ : intl.formatMessage({
-              id: "stripes-kint-components.customProperties.type.".concat(_customProperties.TEXT_CLASS_NAME)
+            label: kintIntl.formatKintMessage({
+              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: (_labelOverrides$REFDA = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.REFDATA_CLASS_NAME]) !== null && _labelOverrides$REFDA !== void 0 ? _labelOverrides$REFDA : intl.formatMessage({
-              id: "stripes-kint-components.customProperties.type.".concat(_customProperties.REFDATA_CLASS_NAME)
+            label: kintIntl.formatKintMessage({
+              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: (_labelOverrides$MULTI = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.MULTI_REFDATA_CLASS_NAME]) !== null && _labelOverrides$MULTI !== void 0 ? _labelOverrides$MULTI : intl.formatMessage({
-              id: "stripes-kint-components.customProperties.type.".concat(_customProperties.MULTI_REFDATA_CLASS_NAME)
+            label: kintIntl.formatKintMessage({
+              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: (_labelOverrides$DATE_ = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.DATE_CLASS_NAME]) !== null && _labelOverrides$DATE_ !== void 0 ? _labelOverrides$DATE_ : intl.formatMessage({
-              id: "stripes-kint-components.customProperties.type.".concat(_customProperties.DATE_CLASS_NAME)
+            label: kintIntl.formatKintMessage({
+              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 === null || values === void 0 ? void 0 : values.id,
+          disabled: !!(values !== null && values !== void 0 && values.id),
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$type = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.type) !== null && _labelOverrides$type !== void 0 ? _labelOverrides$type : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.type"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.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]
@@ -175,10 +181,11 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
             label: '',
             value: ''
           }].concat(_toConsumableArray(refdata)),
-          disabled: values === null || values === void 0 ? void 0 : values.id,
+          disabled: !!(values !== null && values !== void 0 && values.id),
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$categ = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.category) !== null && _labelOverrides$categ !== void 0 ? _labelOverrides$categ : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.category"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.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]
@@ -195,8 +202,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           component: _components.TextField,
           id: "custom-prop-label",
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$label = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.label) !== null && _labelOverrides$label !== void 0 ? _labelOverrides$label : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.label"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.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]
@@ -211,8 +219,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           component: _components.TextField,
           id: "custom-prop-name",
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$name = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.name) !== null && _labelOverrides$name !== void 0 ? _labelOverrides$name : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.name"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.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]
@@ -221,8 +230,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           required: true,
           validate: function validate(v) {
             if (v && v.length) {
-              return /^[a-z][a-z0-9]*$/i.test(v) ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-                id: "stripes-kint-components.errors.hasNonAlphaName"
+              return /^[a-z][a-z0-9]*$/i.test(v) ? undefined : kintIntl.formatKintMessage({
+                id: 'errors.hasNonAlphaName',
+                overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.hasNonAlphaName
               });
             }
 
@@ -237,14 +247,16 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           component: _components.TextArea,
           id: "custom-prop-description",
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$descr = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.description) !== null && _labelOverrides$descr !== void 0 ? _labelOverrides$descr : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.description"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.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",
-          required: true,
+          required: true // FIXME I think the required Validator might pose translation problems
+          ,
           validate: _validators.required
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
@@ -256,12 +268,14 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           }],
           component: _components.MultiSelection,
           dataOptions: contextOptions,
-          emptyMessage: intl.formatMessage({
-            id: 'stripes-kint-components.customProperties.noCtxFound'
+          emptyMessage: kintIntl.formatKintMessage({
+            id: 'customProperties.noCtxFound',
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noCtxFound
           }),
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$ctx = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx) !== null && _labelOverrides$ctx !== void 0 ? _labelOverrides$ctx : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.ctx"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.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]
@@ -273,11 +287,6 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
             } else {
               change('ctx', undefined);
             }
-          },
-          validate: function validate(value) {
-            return (value === null || value === void 0 ? void 0 : value.length) > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.ctx.error.moreThanOne"
-            }) : null;
           }
         })
       })]
@@ -288,8 +297,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           component: _components.TextField,
           id: "custom-prop-weight",
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$weigh = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.weight) !== null && _labelOverrides$weigh !== void 0 ? _labelOverrides$weigh : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.weight"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.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]
@@ -304,20 +314,23 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
           component: _components.Select,
           dataOptions: [{
-            label: intl.formatMessage({
-              id: 'stripes-kint-components.yes'
+            label: kintIntl.formatKintMessage({
+              id: 'yes',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.yes
             }),
             value: 'true'
           }, {
-            label: intl.formatMessage({
-              id: 'stripes-kint-components.no'
+            label: kintIntl.formatKintMessage({
+              id: 'no',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.no
             }),
             value: 'false'
           }],
           format: booleanToString,
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$prima2 = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary) !== null && _labelOverrides$prima2 !== void 0 ? _labelOverrides$prima2 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.primary"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.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]
@@ -332,20 +345,23 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
           component: _components.Select,
           dataOptions: [{
-            label: intl.formatMessage({
-              id: 'stripes-kint-components.yes'
+            label: kintIntl.formatKintMessage({
+              id: 'yes',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.yes
             }),
             value: 'true'
           }, {
-            label: intl.formatMessage({
-              id: 'stripes-kint-components.no'
+            label: kintIntl.formatKintMessage({
+              id: 'no',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.no
             }),
             value: 'false'
           }],
           format: booleanToString,
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$retir = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.retired) !== null && _labelOverrides$retir !== void 0 ? _labelOverrides$retir : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.retired"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.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]
@@ -360,20 +376,23 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
           component: _components.Select,
           dataOptions: [{
-            label: intl.formatMessage({
-              id: 'stripes-kint-components.customProperties.internalTrue'
+            label: kintIntl.formatKintMessage({
+              id: 'customProperties.internalTrue',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.internalTrue
             }),
             value: 'true'
           }, {
-            label: intl.formatMessage({
-              id: 'stripes-kint-components.customProperties.internalFalse'
+            label: kintIntl.formatKintMessage({
+              id: 'customProperties.internalFalse',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.internalFalse
             }),
             value: 'false'
           }],
           format: booleanToString,
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [(_labelOverrides$defau = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.defaultVisibility) !== null && _labelOverrides$defau !== void 0 ? _labelOverrides$defau : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.defaultVisibility"
+            children: [kintIntl.formatKintMessage({
+              id: 'customProperties.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]
@@ -391,6 +410,8 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
 CustomPropertyForm.propTypes = {
   contextFilterOptions: _propTypes.default.arrayOf(_propTypes.default.object),
   helpPopovers: _propTypes.default.object,
+  intlKey: _propTypes.default.string,
+  intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object,
   refdata: _propTypes.default.arrayOf(_propTypes.default.object)
 };

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

@@ -10,12 +10,14 @@ var _stripesTesting = require("@folio/stripes-testing");
 
 var _helpers = require("@folio/stripes-erm-components/test/jest/helpers");
 
-var _helpers2 = require("../../../../test/jest/helpers");
-
-var _testResources = require("./testResources");
+var _refdata = _interopRequireDefault(require("../../../../test/jest/refdata"));
 
 var _CustomPropertyForm = _interopRequireDefault(require("./CustomPropertyForm"));
 
+var _customProperties = _interopRequireDefault(require("../../../../test/jest/customProperties"));
+
+var _jest = require("../../../../test/jest");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -26,22 +28,55 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var initialValues = _objectSpread(_objectSpread({}, _customProperties.default === null || _customProperties.default === void 0 ? void 0 : _customProperties.default.find(function (cp) {
+  return cp.name === 'test';
+})), {}, {
+  // Just massage the type/ctx value to be of the shape the form expects
+  type: 'Decimal',
+  ctx: [{
+    value: 'OpenAccess',
+    label: 'OpenAccess'
+  }]
+});
+
 var onSubmit = jest.fn();
+jest.mock('../../hooks');
 describe('CustomPropertyForm', function () {
   var renderComponent;
   beforeEach(function () {
-    renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
-      initialValues: _testResources.initialValues,
+    renderComponent = (0, _jest.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+      initialValues: initialValues,
       onSubmit: onSubmit,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyForm.default, {
-        contextFilterOptions: _testResources.contextFilterOptions,
-        helpPopovers: _testResources.helpPopovers,
-        labelOverrides: _testResources.labelOverrides,
-        refdata: _testResources.refdata
+        contextFilterOptions: [{
+          'value': '',
+          'label': 'All'
+        }, {
+          'value': 'OpenAccess',
+          'label': 'OpenAccess'
+        }, {
+          'value': 'test',
+          'label': 'test'
+        }, {
+          'value': 'isNull',
+          'label': 'None'
+        }],
+        refdata: _refdata.default.map(function (rdc) {
+          return {
+            label: rdc.desc,
+            value: rdc.id
+          };
+        })
       })
     }));
   });
-  it('Displays expected lable ', function () {
+  it('Displays expected label ', function () {
     var _renderComponent = renderComponent,
         getByText = _renderComponent.getByText;
     expect(getByText('Label')).toBeInTheDocument();
@@ -151,11 +186,11 @@ describe('CustomPropertyForm', function () {
       }
     }, _callee4);
   })));
-  test('renders the expected value in the Deprecated dropdown', function () {
+  test('renders the expected value in the Retired dropdown', function () {
     var _renderComponent9 = renderComponent,
         getByRole = _renderComponent9.getByRole;
     expect(getByRole('combobox', {
-      name: 'Deprecated'
+      name: 'Retired'
     })).toHaveDisplayValue('No');
   });
   test('renders the expected value in the Default visibility dropdown', function () {
@@ -172,29 +207,11 @@ describe('CustomPropertyForm', function () {
       name: 'Primary'
     })).toHaveDisplayValue('Yes');
   });
-  it('Displays expected Decimal option ', function () {
-    var _renderComponent12 = renderComponent,
-        getByText = _renderComponent12.getByText;
-    expect(getByText('Decimal')).toBeInTheDocument();
-  });
-  it('Displays expected Refdata (multi-select) option ', function () {
-    var _renderComponent13 = renderComponent,
-        getByText = _renderComponent13.getByText;
-    expect(getByText('Refdata (multi-select)')).toBeInTheDocument();
-  });
-  it('Displays expected Refdata option ', function () {
-    var _renderComponent14 = renderComponent,
-        getByText = _renderComponent14.getByText;
-    expect(getByText('Refdata')).toBeInTheDocument();
-  });
-  it('Displays expected Text option ', function () {
-    var _renderComponent15 = renderComponent,
-        getByText = _renderComponent15.getByText;
-    expect(getByText('Text')).toBeInTheDocument();
-  });
-  it('Displays expected Integer option ', function () {
-    var _renderComponent16 = renderComponent,
-        getByText = _renderComponent16.getByText;
-    expect(getByText('Integer')).toBeInTheDocument();
+  ['Decimal', 'Refdata (multi-select)', 'Refdata', 'Text', 'Integer'].forEach(function (type) {
+    return it("Displays expected ".concat(type, " option"), function () {
+      var _renderComponent12 = renderComponent,
+          getByText = _renderComponent12.getByText;
+      expect(getByText(type)).toBeInTheDocument();
+    });
   });
 });