@k-int/stripes-kint-components 1.5.0 → 1.6.0

package/es/lib/QueryTypedown/QueryTypedown.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -15,15 +15,26 @@ var _Typedown = _interopRequireDefault(require("../Typedown"));
 
 var _typedownHooks = require("../hooks/typedownHooks");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["path", "pathMutator"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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 _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);
+})();
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -41,6 +52,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
 var QueryTypedown = function QueryTypedown(_ref) {
   var path = _ref.path,
       pathMutator = _ref.pathMutator,
@@ -57,15 +72,39 @@ var QueryTypedown = function QueryTypedown(_ref) {
     setCallPath(pathMutator(e.target.value, path));
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_Typedown["default"], _extends({}, rest, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typedown.default, _objectSpread(_objectSpread({}, rest), {}, {
     dataOptions: data,
     onType: onType
   }));
 };
 
+__signature__(QueryTypedown, "useState{[callPath, setCallPath](pathMutator(null, path))}\nuseTypedownData{data}", function () {
+  return [_typedownHooks.useTypedownData];
+});
+
 QueryTypedown.propTypes = {
-  path: _propTypes["default"].string,
-  pathMutator: _propTypes["default"].func
+  path: _propTypes.default.string,
+  pathMutator: _propTypes.default.func
 };
 var _default = QueryTypedown;
-exports["default"] = _default;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(QueryTypedown, "QueryTypedown", "/home/ethan/FolioModules/stripes-kint-components/src/lib/QueryTypedown/QueryTypedown.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/QueryTypedown/QueryTypedown.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/QueryTypedown/index.js

@@ -6,10 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _QueryTypedown["default"];
+    return _QueryTypedown.default;
   }
 });
 
 var _QueryTypedown = _interopRequireDefault(require("./QueryTypedown"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};

package/es/lib/RefdataButtons/RefdataButtons.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactIntl = require("react-intl");
+
+var _components = require("@folio/stripes/components");
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var RefdataButtons = function RefdataButtons(props) {
+  // Render the right number of buttons:
+  var labelTranslations = props.labelTranslations,
+      lockColumns = props.lockColumns,
+      _props$maxCols = props.maxCols,
+      maxCols = _props$maxCols === void 0 ? 4 : _props$maxCols;
+  var intl = (0, _reactIntl.useIntl)(); // maxCols can be any of 1,2,3 or 4. Anything outside of this should be disregarded and default to 4.
+
+  var maximumColumns = [1, 2, 3, 4].includes(maxCols) ? maxCols : 4;
+
+  var buttonRender = function buttonRender(dataOptions, dynamicColumnWidth) {
+    // This accepts a SORTED list of dataoptions.
+    var input = props.input;
+    var numberOfButtons = dataOptions.length;
+    return dataOptions.map(function (option) {
+      var buttonProps = {
+        'checked': input.value === option.value,
+        'fullWidth': true,
+        'label': labelTranslations ? intl.formatMessage({
+          id: "".concat(labelTranslations.key, ".").concat(option.value),
+          defaultMessage: option.label
+        }) : option.label,
+        'marginBottom0': true,
+        'onChange': function onChange() {
+          return input.onChange(option.value);
+        },
+        'value': option.value
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+        xs: dynamicColumnWidth ? 12 / numberOfButtons : 12 / maximumColumns,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RadioButton, _objectSpread({}, buttonProps))
+      }, "".concat(input.name, ":").concat(option.id));
+    });
+  };
+
+  var returnRows = function returnRows(dataOptions) {
+    var sortedDataOptions = dataOptions.sort(function (a, b) {
+      if (a.label < b.label) {
+        return -1;
+      }
+
+      if (a.label > b.label) {
+        return 1;
+      }
+
+      return 0;
+    });
+    var arrayLength = sortedDataOptions.length;
+
+    if (!lockColumns && arrayLength <= maximumColumns) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
+        children: buttonRender(sortedDataOptions, true)
+      });
+    }
+
+    var rowsNeeded = Math.ceil(sortedDataOptions.length / maximumColumns);
+    var chunkedDataOptions = [];
+
+    for (var i = 0; i < rowsNeeded; i++) {
+      chunkedDataOptions.push(sortedDataOptions.slice(i * maximumColumns, i * maximumColumns + maximumColumns));
+    }
+
+    return chunkedDataOptions.map(function (cdo, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
+        children: buttonRender(cdo, false)
+      }, "".concat(props.input.name, ":row").concat(index));
+    });
+  };
+
+  return returnRows(props.dataOptions);
+};
+
+__signature__(RefdataButtons, "useIntl{intl}", function () {
+  return [_reactIntl.useIntl];
+});
+
+RefdataButtons.propTypes = {
+  dataOptions: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired,
+    value: _propTypes.default.string.isRequired
+  })),
+  input: _propTypes.default.shape({
+    value: _propTypes.default.string.isRequired,
+    onChange: _propTypes.default.func.isRequired
+  }).isRequired
+};
+var _default = RefdataButtons;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(RefdataButtons, "RefdataButtons", "/home/ethan/FolioModules/stripes-kint-components/src/lib/RefdataButtons/RefdataButtons.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/RefdataButtons/RefdataButtons.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/RefdataButtons/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _RefdataButtons.default;
+  }
+});
+
+var _RefdataButtons = _interopRequireDefault(require("./RefdataButtons"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};