@k-int/stripes-kint-components 2.2.0 → 2.3.0

package/es/lib/CustomProperties/Filter/useParseActiveFilterStrings.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _useOperators = _interopRequireDefault(require("./useOperators"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var useParseActiveFilterStrings = function useParseActiveFilterStrings(filterStrings) {
+  var operators = (0, _useOperators.default)().map(function (o) {
+    return o.value;
+  });
+  var numberOfFilters = 0;
+  var filters = filterStrings.map(function (filter) {
+    var customProperty;
+    var rules = filter.split('||').map(function (ruleString) {
+      var _operators$find;
+
+      // ruleString is constructed in this.handleSubmit passed to CustomPropertyFiltersForm
+      // and has shape "customProperties.foo.value!=42"
+      var _ruleString$split = ruleString.split('.value'),
+          _ruleString$split2 = _slicedToArray(_ruleString$split, 2),
+          customPropertyPath = _ruleString$split2[0],
+          rule = _ruleString$split2[1];
+
+      customProperty = customPropertyPath.replace('customProperties.', '');
+      var operator = (_operators$find = operators.find(function (o) {
+        return rule.startsWith(o);
+      })) !== null && _operators$find !== void 0 ? _operators$find : '';
+      var value = rule.substring(operator.length);
+      numberOfFilters += 1;
+      return {
+        operator: operator,
+        value: value
+      };
+    });
+    return {
+      customProperty: customProperty,
+      rules: rules
+    };
+  });
+  return {
+    filters: filters,
+    numberOfFilters: numberOfFilters
+  };
+};
+
+__signature__(useParseActiveFilterStrings, "useOperators{}", function () {
+  return [_useOperators.default];
+});
+
+var _default = useParseActiveFilterStrings;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(useParseActiveFilterStrings, "useParseActiveFilterStrings", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Filter/useParseActiveFilterStrings.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Filter/useParseActiveFilterStrings.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/CustomProperties/Filter/useValueProps.js

@@ -0,0 +1,101 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _components = require("@folio/stripes/components");
+
+var CUSTPROP_TYPES = _interopRequireWildcard(require("../../constants/customProperties"));
+
+var _validators = require("../../utils/validators");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var REFDATA = CUSTPROP_TYPES.REFDATA_CLASS_NAME,
+    DECIMAL = CUSTPROP_TYPES.DECIMAL_CLASS_NAME,
+    INTEGER = CUSTPROP_TYPES.INTEGER_CLASS_NAME,
+    DATE = CUSTPROP_TYPES.DATE_CLASS_NAME,
+    TEXT = CUSTPROP_TYPES.TEXT_CLASS_NAME;
+
+var useValueProps = function useValueProps(custPropDefinition) {
+  var props = {
+    validate: _validators.required
+  };
+
+  switch (custPropDefinition.type) {
+    case INTEGER:
+    case DECIMAL:
+      props.component = _components.TextField;
+      props.type = 'number';
+      props.validate = _validators.invalidNumber;
+      break;
+
+    case REFDATA:
+      props.component = _components.Select;
+      props.dataOptions = custPropDefinition.category.values.map(function (rdv) {
+        return {
+          label: rdv.label,
+          value: rdv.id
+        };
+      });
+      props.placeholder = ' ';
+      break;
+
+    case DATE:
+      props.component = _components.Datepicker;
+      props.backendDateStandard = 'YYYY-MM-DD';
+      props.timeZone = 'UTC';
+      props.usePortal = true;
+      break;
+
+    case TEXT:
+    default:
+      props.component = _components.TextField;
+      break;
+  }
+
+  return props;
+};
+
+var _default = useValueProps;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(REFDATA, "REFDATA", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Filter/useValueProps.js");
+  reactHotLoader.register(DECIMAL, "DECIMAL", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Filter/useValueProps.js");
+  reactHotLoader.register(INTEGER, "INTEGER", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Filter/useValueProps.js");
+  reactHotLoader.register(DATE, "DATE", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Filter/useValueProps.js");
+  reactHotLoader.register(TEXT, "TEXT", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Filter/useValueProps.js");
+  reactHotLoader.register(useValueProps, "useValueProps", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Filter/useValueProps.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Filter/useValueProps.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/CustomProperties/View/CustomPropertiesView.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _CustomPropertiesViewCtx = _interopRequireDefault(require("./CustomPropertiesViewCtx"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var CustomPropertiesView = function CustomPropertiesView(_ref) {
+  var _ref$contexts = _ref.contexts,
+      contexts = _ref$contexts === void 0 ? [] : _ref$contexts,
+      customProperties = _ref.customProperties,
+      customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+      id = _ref.id,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
+  return contexts.map(function (ctx) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesViewCtx.default, {
+      ctx: ctx,
+      customProperties: customProperties,
+      customPropertiesEndpoint: customPropertiesEndpoint,
+      id: id,
+      labelOverrides: labelOverrides
+    }, "customPropertiesView-".concat(ctx));
+  });
+};
+
+CustomPropertiesView.propTypes = {
+  contexts: _propTypes.default.arrayOf(_propTypes.default.string),
+  customProperties: _propTypes.default.object,
+  customPropertiesEndpoint: _propTypes.default.string,
+  id: _propTypes.default.string,
+  labelOverrides: _propTypes.default.object,
+  nameOverride: _propTypes.default.string
+};
+var _default = CustomPropertiesView;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(CustomPropertiesView, "CustomPropertiesView", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/View/CustomPropertiesView.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/View/CustomPropertiesView.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/CustomProperties/View/CustomPropertiesViewCtx.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactIntl = require("react-intl");
+
+var _components = require("@folio/stripes/components");
+
+var _hooks = require("../../hooks");
+
+var _CustomPropertyCard = _interopRequireDefault(require("./CustomPropertyCard"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var CustomPropertiesViewCtx = function CustomPropertiesViewCtx(_ref) {
+  var _custprops$filter$len, _custprops$filter, _Object$entries$filte, _Object$entries, _Object$entries$filte2;
+
+  var ctx = _ref.ctx,
+      customProperties = _ref.customProperties,
+      customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+      id = _ref.id,
+      labelOverrides = _ref.labelOverrides;
+
+  // Deal with all the possible label override options
+  var getAccordionLabel = function getAccordionLabel() {
+    var _labelOverrides$defau;
+
+    // Special case for null context
+    if (ctx === 'isNull') {
+      var _labelOverrides$noCon;
+
+      return (_labelOverrides$noCon = labelOverrides.noContext) !== null && _labelOverrides$noCon !== void 0 ? _labelOverrides$noCon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: "stripes-kint-components.customProperties"
+      });
+    } // Label overrides for specific contexts
+
+
+    if (labelOverrides[ctx]) {
+      return labelOverrides[ctx];
+    } // Label override for default title, taking ctx into account
+
+
+    if (labelOverrides.defaultTitle && typeof labelOverrides.defaultTitle === 'function') {
+      return labelOverrides.defaultTitle(ctx);
+    } // Label override for default title or finally built in default
+
+
+    return (_labelOverrides$defau = labelOverrides.defaultTitle) !== null && _labelOverrides$defau !== void 0 ? _labelOverrides$defau : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "stripes-kint-components.customProperties.ctx.title",
+      values: {
+        ctx: ctx
+      }
+    });
+  };
+
+  var _useCustomProperties = (0, _hooks.useCustomProperties)({
+    ctx: ctx,
+    endpoint: customPropertiesEndpoint,
+    returnQueryObject: true,
+    options: {
+      sort: [{
+        path: 'retired'
+      }, // Place retired custprops at the end
+      {
+        path: 'primary',
+        direction: 'desc'
+      }, // Primary properties should display before optional
+      {
+        path: 'label'
+      } // Within those groups, sort by label
+      ]
+    }
+  }),
+      custprops = _useCustomProperties.data,
+      isLoading = _useCustomProperties.isLoading;
+
+  if (isLoading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Accordion, {
+      closedByDefault: true,
+      displayWhenClosed: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}),
+      displayWhenOpen: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}),
+      id: "".concat(id, "-accordion-").concat(ctx),
+      label: getAccordionLabel(),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
+    });
+  } // We need to display any set properties, along with any non-set primary properties
+
+
+  var primaryCount = (_custprops$filter$len = custprops === null || custprops === void 0 ? void 0 : (_custprops$filter = custprops.filter(function (cp) {
+    return cp.primary === true;
+  })) === null || _custprops$filter === void 0 ? void 0 : _custprops$filter.length) !== null && _custprops$filter$len !== void 0 ? _custprops$filter$len : 0;
+  var optionalCount = (_Object$entries$filte = (_Object$entries = Object.entries(customProperties)) === null || _Object$entries === void 0 ? void 0 : (_Object$entries$filte2 = _Object$entries.filter(function (_ref2) {
+    var _cp$, _cp$$type, _cp$2, _cp$2$type, _cp$3, _cp$3$type;
+
+    var _ref3 = _slicedToArray(_ref2, 2),
+        _key = _ref3[0],
+        cp = _ref3[1];
+
+    return (((_cp$ = cp[0]) === null || _cp$ === void 0 ? void 0 : (_cp$$type = _cp$.type) === null || _cp$$type === void 0 ? void 0 : _cp$$type.ctx) === ctx || ctx === 'isNull' && !((_cp$2 = cp[0]) !== null && _cp$2 !== void 0 && (_cp$2$type = _cp$2.type) !== null && _cp$2$type !== void 0 && _cp$2$type.ctx)) && // Either the ctx string matches, or isNull matches blank
+    ((_cp$3 = cp[0]) === null || _cp$3 === void 0 ? void 0 : (_cp$3$type = _cp$3.type) === null || _cp$3$type === void 0 ? void 0 : _cp$3$type.primary) === false // Only count non-primary set custprops
+    ;
+  })) === null || _Object$entries$filte2 === void 0 ? void 0 : _Object$entries$filte2.length) !== null && _Object$entries$filte !== void 0 ? _Object$entries$filte : 0;
+  return primaryCount + optionalCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Accordion, {
+    closedByDefault: true,
+    displayWhenClosed: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Badge, {
+      children: primaryCount + optionalCount
+    }),
+    displayWhenOpen: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Badge, {
+      children: primaryCount + optionalCount
+    }),
+    id: "".concat(id, "-accordion-").concat(ctx),
+    label: getAccordionLabel(),
+    children: custprops.map(function (cp, index) {
+      var _customProperties$cp$;
+
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyCard.default, {
+        ctx: ctx,
+        customProperty: customProperties === null || customProperties === void 0 ? void 0 : (_customProperties$cp$ = customProperties[cp.name]) === null || _customProperties$cp$ === void 0 ? void 0 : _customProperties$cp$[0],
+        customPropertyDefinition: cp,
+        index: index,
+        labelOverrides: labelOverrides
+      }, "custom-property-card-".concat(ctx, "[").concat(index, "]"));
+    })
+  });
+};
+
+__signature__(CustomPropertiesViewCtx, "useCustomProperties{{ data: custprops, isLoading }}", function () {
+  return [_hooks.useCustomProperties];
+});
+
+CustomPropertiesViewCtx.propTypes = {
+  ctx: _propTypes.default.string,
+  customProperties: _propTypes.default.object,
+  customPropertiesEndpoint: _propTypes.default.string,
+  id: _propTypes.default.string,
+  labelOverrides: _propTypes.default.object
+};
+var _default = CustomPropertiesViewCtx;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(CustomPropertiesViewCtx, "CustomPropertiesViewCtx", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/View/CustomPropertiesViewCtx.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/View/CustomPropertiesViewCtx.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/CustomProperties/View/CustomPropertyCard.js

@@ -0,0 +1,204 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactIntl = require("react-intl");
+
+var _components = require("@folio/stripes/components");
+
+var CUSTPROP_TYPES = _interopRequireWildcard(require("../../constants/customProperties"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var CustomPropertyCard = function CustomPropertyCard(_ref) {
+  var _labelOverrides$value, _labelOverrides$inter3, _labelOverrides$visib, _labelOverrides$publi;
+
+  var ctx = _ref.ctx,
+      customProperty = _ref.customProperty,
+      customPropertyDefinition = _ref.customPropertyDefinition,
+      index = _ref.index,
+      labelOverrides = _ref.labelOverrides;
+  // We only need to display primary and set properties
+  var toDisplay = !!(customPropertyDefinition.primary || customProperty);
+
+  if (!toDisplay) {
+    return null;
+  }
+
+  var internalFalse = (customProperty === null || customProperty === void 0 ? void 0 : customProperty.internal) === false || (customProperty === null || customProperty === void 0 ? void 0 : customProperty.internal) === undefined && customPropertyDefinition.defaultInternal === false; // Deal with all the possible label override options
+
+  var getRetiredCardTitle = function getRetiredCardTitle() {
+    var _labelOverrides$retir;
+
+    // Label override for default card title,
+    if (labelOverrides.retiredName && typeof labelOverrides.retiredName === 'function') {
+      return labelOverrides.retiredName(customPropertyDefinition);
+    } // Label override for default title or finally built in default
+
+
+    return (_labelOverrides$retir = labelOverrides.retiredName) !== null && _labelOverrides$retir !== void 0 ? _labelOverrides$retir : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "stripes-kint-components.customProperty.retiredName",
+      values: {
+        name: customPropertyDefinition.label
+      }
+    });
+  };
+
+  var getInternalLabel = function getInternalLabel() {
+    var _labelOverrides$inter2;
+
+    if (internalFalse) {
+      var _labelOverrides$inter;
+
+      return (_labelOverrides$inter = labelOverrides.internalFalse) !== null && _labelOverrides$inter !== void 0 ? _labelOverrides$inter : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: "stripes-kint-components.customProperty.internalFalse"
+      });
+    }
+
+    return (_labelOverrides$inter2 = labelOverrides.internalTrue) !== null && _labelOverrides$inter2 !== void 0 ? _labelOverrides$inter2 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "stripes-kint-components.customProperty.internalTrue"
+    });
+  };
+
+  var renderValue = function renderValue() {
+    var _customProperty$value, _customProperty$value2, _customProperty$value3;
+
+    if (!customProperty) {
+      var _labelOverrides$notSe;
+
+      return (_labelOverrides$notSe = labelOverrides.notSet) !== null && _labelOverrides$notSe !== void 0 ? _labelOverrides$notSe : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: "stripes-kint-components.customProperty.notSet"
+      });
+    }
+
+    switch (customPropertyDefinition.type) {
+      case CUSTPROP_TYPES.REFDATA_CLASS_NAME:
+        return (_customProperty$value = (_customProperty$value2 = customProperty.value) === null || _customProperty$value2 === void 0 ? void 0 : _customProperty$value2.label) !== null && _customProperty$value !== void 0 ? _customProperty$value : (_customProperty$value3 = customProperty.value) === null || _customProperty$value3 === void 0 ? void 0 : _customProperty$value3.value;
+
+      case CUSTPROP_TYPES.DECIMAL_CLASS_NAME:
+      case CUSTPROP_TYPES.INTEGER_CLASS_NAME:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedNumber, {
+          value: customProperty.value
+        });
+
+      case CUSTPROP_TYPES.DATE_CLASS_NAME:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FormattedUTCDate, {
+          value: customProperty.value
+        });
+
+      case CUSTPROP_TYPES.TEXT_CLASS_NAME:
+      default:
+        return customProperty.value;
+    }
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Card, {
+    headerStart: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+        children: customPropertyDefinition.retired ? getRetiredCardTitle() : customPropertyDefinition.label
+      }), customPropertyDefinition.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+        content: customPropertyDefinition.description
+      }) : null]
+    }),
+    id: "customproperty-card-".concat(index),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+        xs: 6,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
+          label: (_labelOverrides$value = labelOverrides.value) !== null && _labelOverrides$value !== void 0 ? _labelOverrides$value : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: "stripes-kint-components.customProperty.value"
+          }),
+          children: renderValue()
+        })
+      }), customProperty !== null && customProperty !== void 0 && customProperty.internalNote ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+        xs: 6,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
+          label: (_labelOverrides$inter3 = labelOverrides.internalNote) !== null && _labelOverrides$inter3 !== void 0 ? _labelOverrides$inter3 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: "stripes-kint-components.customProperty.internalNote"
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            style: {
+              whiteSpace: 'pre-wrap'
+            },
+            children: customProperty.internalNote
+          })
+        })
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+        xs: 6,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
+          label: (_labelOverrides$visib = labelOverrides.visibility) !== null && _labelOverrides$visib !== void 0 ? _labelOverrides$visib : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: "stripes-kint-components.customProperty.visibility"
+          }),
+          children: getInternalLabel()
+        })
+      }), internalFalse && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+        xs: 6,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
+          label: (_labelOverrides$publi = labelOverrides.publicNote) !== null && _labelOverrides$publi !== void 0 ? _labelOverrides$publi : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: "stripes-kint-components.customProperty.publicNote"
+          }),
+          children: customProperty !== null && customProperty !== void 0 && customProperty.publicNote ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            style: {
+              whiteSpace: 'pre-wrap'
+            },
+            children: customProperty.publicNote
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoValue, {})
+        })
+      })]
+    })]
+  }, "customPropertyCard-".concat(ctx, "[").concat(index, "]"));
+};
+
+CustomPropertyCard.propTypes = {
+  ctx: _propTypes.default.string,
+  customProperty: _propTypes.default.object,
+  customPropertyDefinition: _propTypes.default.object,
+  index: _propTypes.default.number,
+  labelOverrides: _propTypes.default.object
+};
+var _default = CustomPropertyCard;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(CustomPropertyCard, "CustomPropertyCard", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/View/CustomPropertyCard.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/View/CustomPropertyCard.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();