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

package/es/lib/EditableSettingsList/SettingField/SettingField.test.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+require("@folio/stripes-erm-components/test/jest/__mock__");
+
+var _helpers = require("@folio/stripes-erm-components/test/jest/helpers");
+
+var _stripesTesting = require("@folio/stripes-testing");
+
+var _reactFinalForm = require("react-final-form");
+
+var _SettingField = _interopRequireDefault(require("./SettingField"));
+
+var _helpers2 = require("../../../../test/jest/helpers");
+
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+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); }); }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var onSubmit = jest.fn();
+var onSave = jest.fn().mockResolvedValue();
+jest.mock('./EditSettingValue', function () {
+  return function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "EditSettingValue"
+    });
+  };
+});
+jest.mock('./RenderSettingValue', function () {
+  return function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "RenderSettingValue"
+    });
+  };
+});
+jest.mock('../../hooks', function () {
+  return {
+    useRefdata: function useRefdata() {
+      return [];
+    },
+    useTemplates: function useTemplates() {
+      return [];
+    }
+  };
+});
+var setting = {
+  id: 'ff8081817d94374a017d94449a660049',
+  key: 'S3BucketName',
+  section: 'fileStorage',
+  settingType: 'String',
+  value: 'diku-shared'
+};
+describe('SettingField', function () {
+  var renderComponent;
+  beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+              initialValues: {},
+              onSubmit: onSubmit,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+                component: _SettingField.default,
+                name: "test",
+                onSave: onSave,
+                settingData: {
+                  currentSetting: setting
+                }
+              })
+            }));
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('renders RenderSettingValue', function () {
+    var _renderComponent = renderComponent,
+        getByText = _renderComponent.getByText;
+    expect(getByText('RenderSettingValue')).toBeInTheDocument();
+  });
+  test('renders the edit button', function () {
+    (0, _stripesTesting.Button)('Edit').exists();
+  });
+  it('clicking edit/save works as expected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+    var _renderComponent2, getByRole, findByText, editButton, finishEditing;
+
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _renderComponent2 = renderComponent, getByRole = _renderComponent2.getByRole, findByText = _renderComponent2.findByText; // before clicking on edit button, we should be rendering setting value
+
+            _context2.t0 = expect;
+            _context2.next = 4;
+            return findByText('RenderSettingValue');
+
+          case 4:
+            _context2.t1 = _context2.sent;
+            (0, _context2.t0)(_context2.t1).toBeInTheDocument();
+            // Clicking edit button
+            editButton = getByRole('button', {
+              name: /Edit/i
+            });
+            expect(editButton).toBeInTheDocument();
+
+            _userEvent.default.click(editButton); // Should be rendering the "edit" for a setting value
+
+
+            _context2.t2 = expect;
+            _context2.next = 12;
+            return findByText('EditSettingValue');
+
+          case 12:
+            _context2.t3 = _context2.sent;
+            (0, _context2.t2)(_context2.t3).toBeInTheDocument();
+            // Clicking finish editing button
+            finishEditing = getByRole('button', {
+              name: /Finish editing/i
+            });
+            expect(finishEditing).toBeInTheDocument();
+
+            _userEvent.default.click(finishEditing); // Should be rendering the setting value again
+
+
+            _context2.t4 = expect;
+            _context2.next = 20;
+            return findByText('RenderSettingValue');
+
+          case 20:
+            _context2.t5 = _context2.sent;
+            (0, _context2.t4)(_context2.t5).toBeInTheDocument();
+
+          case 22:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+});
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(onSubmit, "onSubmit", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
+  reactHotLoader.register(onSave, "onSave", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
+  reactHotLoader.register(setting, "setting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/EditableSettingsList/SettingField/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditSettingValue", {
+  enumerable: true,
+  get: function get() {
+    return _EditSettingValue.default;
+  }
+});
+Object.defineProperty(exports, "RenderSettingValue", {
+  enumerable: true,
+  get: function get() {
+    return _RenderSettingValue.default;
+  }
+});
+Object.defineProperty(exports, "SettingField", {
+  enumerable: true,
+  get: function get() {
+    return _SettingField.default;
+  }
+});
+
+var _SettingField = _interopRequireDefault(require("./SettingField"));
+
+var _RenderSettingValue = _interopRequireDefault(require("./RenderSettingValue"));
+
+var _EditSettingValue = _interopRequireDefault(require("./EditSettingValue"));
+
+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/EditableSettingsList/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditableSettingsList", {
+  enumerable: true,
+  get: function get() {
+    return _EditableSettingsList.default;
+  }
+});
+Object.defineProperty(exports, "EditableSettingsListFieldArray", {
+  enumerable: true,
+  get: function get() {
+    return _EditableSettingsListFieldArray.default;
+  }
+});
+Object.defineProperty(exports, "SettingField", {
+  enumerable: true,
+  get: function get() {
+    return _SettingField.SettingField;
+  }
+});
+
+var _EditableSettingsList = _interopRequireDefault(require("./EditableSettingsList"));
+
+var _EditableSettingsListFieldArray = _interopRequireDefault(require("./EditableSettingsListFieldArray"));
+
+var _SettingField = require("./SettingField");
+
+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/FormModal/FormModal.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactFinalForm = require("react-final-form");
+
+var _reactIntl = require("react-intl");
+
+var _components = require("@folio/stripes/components");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _excluded = ["onClose"],
+    _excluded2 = ["children", "modalProps", "onSubmit"];
+
+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); 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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 FormModal = function FormModal(_ref) {
+  var _children = _ref.children,
+      _ref$modalProps = _ref.modalProps,
+      onClose = _ref$modalProps.onClose,
+      modalProps = _objectWithoutProperties(_ref$modalProps, _excluded),
+      onSubmit = _ref.onSubmit,
+      formProps = _objectWithoutProperties(_ref, _excluded2);
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, _objectSpread(_objectSpread({
+    onSubmit: onSubmit
+  }, formProps), {}, {
+    children: function children(_ref2) {
+      var handleSubmit = _ref2.handleSubmit,
+          restart = _ref2.form.restart;
+
+      var handleClose = function handleClose(e) {
+        onClose(e);
+        restart();
+      };
+
+      var handleSubmitAndClear = function handleSubmitAndClear() {
+        handleSubmit();
+        restart();
+      };
+
+      var renderFooter = function renderFooter() {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ModalFooter, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            buttonStyle: "primary",
+            onClick: handleSubmitAndClear,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+              id: "stripes-kint-components.save"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            onClick: handleClose,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+              id: "stripes-kint-components.cancel"
+            })
+          })]
+        });
+      };
+
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
+        onSubmit: handleSubmitAndClear,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, _objectSpread(_objectSpread({
+          enforceFocus: false,
+          footer: renderFooter(),
+          onClose: handleClose
+        }, modalProps), {}, {
+          children: _children
+        }))
+      });
+    }
+  }));
+};
+
+FormModal.propTypes = {
+  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node, _propTypes.default.func]),
+  modalProps: _propTypes.default.shape({
+    onClose: _propTypes.default.func
+  }),
+  onSubmit: _propTypes.default.func
+};
+var _default = FormModal;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(FormModal, "FormModal", "/home/ethan/FolioModules/stripes-kint-components/src/lib/FormModal/FormModal.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/FormModal/FormModal.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/FormModal/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _FormModal.default;
+  }
+});
+
+var _FormModal = _interopRequireDefault(require("./FormModal"));
+
+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/NoResultsMessage/NoResultsMessage.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -15,7 +15,18 @@ var _components = require("@folio/stripes/components");
 
 var _NoResultsMessage = _interopRequireDefault(require("../../../styles/NoResultsMessage.css"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 NoResultsMessage = function NoResultsMessage(_ref) {
   var userIcon = _ref.icon,
@@ -27,18 +38,16 @@ var NoResultsMessage = function NoResultsMessage(_ref) {
       searchTerm = _ref.searchTerm,
       toggleFilterPane = _ref.toggleFilterPane;
   var icon = 'search';
-
-  var label = /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+  var label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
     id: "stripes-smart-components.sas.noResults.default",
     values: {
       searchTerm: searchTerm
     }
   }); // No search term but no results
 
-
   if (!searchTerm) {
     icon = 'search';
-    label = /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "stripes-smart-components.sas.noResults.noResults"
     });
   } // Loading results
@@ -46,7 +55,7 @@ var NoResultsMessage = function NoResultsMessage(_ref) {
 
   if (isLoading) {
     icon = 'spinner-ellipsis';
-    label = /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "stripes-smart-components.sas.noResults.loading"
     });
   } // Request failure
@@ -57,33 +66,57 @@ var NoResultsMessage = function NoResultsMessage(_ref) {
     label = error === null || error === void 0 ? void 0 : error.message;
   }
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _NoResultsMessage["default"].noResultsMessage
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _NoResultsMessage["default"].noResultsMessageLabelWrap
-  }, (icon || userIcon) && /*#__PURE__*/_react["default"].createElement(_components.Icon, {
-    icon: userIcon !== null && userIcon !== void 0 ? userIcon : icon,
-    iconRootClass: _NoResultsMessage["default"].noResultsMessageIcon
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: _NoResultsMessage["default"].noResultsMessageLabel
-  }, userLabel !== null && userLabel !== void 0 ? userLabel : label)), !filterPaneIsVisible && /*#__PURE__*/_react["default"].createElement(_components.Button, {
-    buttonClass: _NoResultsMessage["default"].noResultsMessageButton,
-    marginBottom0: true,
-    onClick: toggleFilterPane
-  }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
-    id: "stripes-kint-components.noResultsMessage.showFilters"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: _NoResultsMessage.default.noResultsMessage,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _NoResultsMessage.default.noResultsMessageLabelWrap,
+      children: [(icon || userIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        icon: userIcon !== null && userIcon !== void 0 ? userIcon : icon,
+        iconRootClass: _NoResultsMessage.default.noResultsMessageIcon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _NoResultsMessage.default.noResultsMessageLabel,
+        children: userLabel !== null && userLabel !== void 0 ? userLabel : label
+      })]
+    }), !filterPaneIsVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      buttonClass: _NoResultsMessage.default.noResultsMessageButton,
+      marginBottom0: true,
+      onClick: toggleFilterPane,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: "stripes-kint-components.noResultsMessage.showFilters"
+      })
+    })]
+  });
 };
 
 NoResultsMessage.propTypes = {
-  error: _propTypes["default"].object,
-  filterPaneIsVisible: _propTypes["default"].bool.isRequired,
-  icon: _propTypes["default"].string,
-  isLoading: _propTypes["default"].bool,
-  isError: _propTypes["default"].bool,
-  label: _propTypes["default"].oneOfType(_propTypes["default"].string, _propTypes["default"].node, _propTypes["default"].func),
-  searchTerm: _propTypes["default"].string.isRequired,
-  toggleFilterPane: _propTypes["default"].func.isRequired
+  error: _propTypes.default.object,
+  filterPaneIsVisible: _propTypes.default.bool.isRequired,
+  icon: _propTypes.default.string,
+  isLoading: _propTypes.default.bool,
+  isError: _propTypes.default.bool,
+  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.func]),
+  searchTerm: _propTypes.default.string.isRequired,
+  toggleFilterPane: _propTypes.default.func.isRequired
 };
 var _default = NoResultsMessage;
-exports["default"] = _default;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(NoResultsMessage, "NoResultsMessage", "/home/ethan/FolioModules/stripes-kint-components/src/lib/NoResultsMessage/NoResultsMessage.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/NoResultsMessage/NoResultsMessage.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/NoResultsMessage/index.js

@@ -3,13 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "NoResultsMessage", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _NoResultsMessage["default"];
+    return _NoResultsMessage.default;
   }
 });
 
 var _NoResultsMessage = _interopRequireDefault(require("./NoResultsMessage"));
 
-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/QueryTypedown/QueryTypedown.js

@@ -1,11 +1,11 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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;
+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); 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 _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);
+})();