@k-int/stripes-kint-components 3.2.2 → 3.2.4

package/es/lib/SASQViewComponent/SASQViewComponent.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -10,61 +9,51 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["fetchParameters", "history", "id", "location", "match", "path", "ViewComponent"],
-  _excluded2 = ["data"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 SASQViewComponent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _fetchParameters$item, _match$params, _match$params3;
-  var fetchParameters = _ref.fetchParameters,
-    history = _ref.history,
-    id = _ref.id,
-    location = _ref.location,
-    match = _ref.match,
-    path = _ref.path,
-    ViewComponent = _ref.ViewComponent,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useNamespace = (0, _core.useNamespace)(),
-    namespace = _useNamespace[0];
+const SASQViewComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    fetchParameters,
+    history,
+    id,
+    location,
+    match,
+    path,
+    ViewComponent,
+    ...props
+  } = _ref;
+  const {
+    0: namespace
+  } = (0, _core.useNamespace)();
 
   // If itemEndpoint is available, use that, otherwise use standard endpoint
-  var endpoint = (_fetchParameters$item = fetchParameters === null || fetchParameters === void 0 ? void 0 : fetchParameters.itemEndpoint) !== null && _fetchParameters$item !== void 0 ? _fetchParameters$item : fetchParameters === null || fetchParameters === void 0 ? void 0 : fetchParameters.endpoint;
-  var queryNamespace = [namespace, 'SASQ'];
+  const endpoint = fetchParameters?.itemEndpoint ?? fetchParameters?.endpoint;
+  const queryNamespace = [namespace, 'SASQ'];
   if (id) {
     queryNamespace.push(id);
   }
   queryNamespace.push('view');
-  queryNamespace.push(match === null || match === void 0 ? void 0 : (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.id);
-  var ky = (0, _core.useOkapiKy)();
-  var _useQuery = (0, _reactQuery.useQuery)(queryNamespace, function () {
-      var _match$params2;
-      return ky("".concat(endpoint, "/").concat(match === null || match === void 0 ? void 0 : (_match$params2 = match.params) === null || _match$params2 === void 0 ? void 0 : _match$params2.id)).json();
-    }, {
-      enabled: !!(match !== null && match !== void 0 && (_match$params3 = match.params) !== null && _match$params3 !== void 0 && _match$params3.id)
-    }),
-    _useQuery$data = _useQuery.data,
-    data = _useQuery$data === void 0 ? {} : _useQuery$data,
-    rest = _objectWithoutProperties(_useQuery, _excluded2);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      queryProps: _objectSpread({
-        data: data
-      }, rest)
-    };
+  queryNamespace.push(match?.params?.id);
+  const ky = (0, _core.useOkapiKy)();
+  const {
+    data = {},
+    ...rest
+  } = (0, _reactQuery.useQuery)(queryNamespace, () => ky(`${endpoint}/${match?.params?.id}`).json(), {
+    enabled: !!match?.params?.id
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewComponent, _objectSpread({
-    onClose: function onClose() {
-      return history.push("".concat(path).concat(location.search));
+  (0, _react.useImperativeHandle)(ref, () => ({
+    queryProps: {
+      data,
+      ...rest
+    }
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewComponent, {
+    onClose: () => history.push(`${path}${location.search}`),
+    queryProps: {
+      ...rest
     },
-    queryProps: _objectSpread({}, rest),
-    resource: data
-  }, props));
+    resource: data,
+    ...props
+  });
 });
 SASQViewComponent.propTypes = {
   fetchParameters: _propTypes.default.object,
@@ -75,5 +64,4 @@ SASQViewComponent.propTypes = {
   path: _propTypes.default.string.isRequired,
   ViewComponent: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])
 };
-var _default = SASQViewComponent;
-exports.default = _default;
+var _default = exports.default = SASQViewComponent;

package/es/lib/SASQViewComponent/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SASQViewComponent.default;
   }
 });

package/es/lib/SearchField/SearchField.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -10,38 +9,32 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _components = require("@folio/stripes/components");
 var _SearchField = _interopRequireDefault(require("../../../styles/SearchField.css"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["ariaLabel"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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; }
 // Accepts the same props as TextField
-var propTypes = {
+const propTypes = {
   ariaLabel: _propTypes.default.string,
   clearSearchId: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   onClear: _propTypes.default.func
 };
-var SearchField = function SearchField(props) {
-  var ariaLabel = props.ariaLabel,
-    rest = _objectWithoutProperties(props, _excluded);
-  var searchIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+const SearchField = props => {
+  const {
+    ariaLabel,
+    ...rest
+  } = props;
+  const searchIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
     icon: "search",
     iconClassName: _SearchField.default.searchIcon,
     size: "small"
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, {
+    ...rest,
     "aria-label": rest['aria-label'] || ariaLabel,
     focussedclass: _SearchField.default.isFocused,
     hasClearIcon: true,
     startControl: searchIcon,
     type: "search"
-  }));
+  });
 };
 SearchField.propTypes = propTypes;
-var _default = SearchField;
-exports.default = _default;
+var _default = exports.default = SearchField;

package/es/lib/SearchField/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SearchField.default;
   }
 });

package/es/lib/SettingPage/SettingPage.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -12,22 +11,25 @@ var _contexts = require("../contexts");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
-var SettingPage = function SettingPage(_ref) {
-  var passedIntlKey = _ref.intlKey,
-    passedIntlNS = _ref.intlNS,
-    _ref$labelOverrides = _ref.labelOverrides,
-    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
-    sectionName = _ref.sectionName;
-  var _useContext = (0, _react.useContext)(_contexts.SettingsContext),
-    settingEndpoint = _useContext.settingEndpoint;
-  var _useSettingSection = (0, _hooks.useSettingSection)({
-      sectionName: sectionName,
-      settingEndpoint: settingEndpoint
-    }),
-    handleSubmit = _useSettingSection.handleSubmit,
-    settings = _useSettingSection.settings;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SettingPage = _ref => {
+  let {
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    labelOverrides = {},
+    sectionName
+  } = _ref;
+  const {
+    settingEndpoint
+  } = (0, _react.useContext)(_contexts.SettingsContext);
+  const {
+    handleSubmit,
+    settings
+  } = (0, _hooks.useSettingSection)({
+    sectionName,
+    settingEndpoint
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditableSettingsList.EditableSettingsList, {
     initialValues: {
       'settings': settings
@@ -46,5 +48,4 @@ SettingPage.propTypes = {
   labelOverrides: _propTypes.default.object,
   sectionName: _propTypes.default.string
 };
-var _default = SettingPage;
-exports.default = _default;
+var _default = exports.default = SettingPage;

package/es/lib/SettingPage/SettingPagePane.js

@@ -10,17 +10,19 @@ var _utils = require("../utils");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var SettingPagePane = function SettingPagePane(_ref) {
-  var children = _ref.children,
-    passedIntlKey = _ref.intlKey,
-    passedIntlNS = _ref.intlNS,
-    sectionName = _ref.sectionName;
-  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+const SettingPagePane = _ref => {
+  let {
+    children,
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    sectionName
+  } = _ref;
+  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
     defaultWidth: "fill",
-    id: "settings-".concat(sectionName),
+    id: `settings-${sectionName}`,
     paneTitle: kintIntl.formatKintMessage({
-      id: "settings.settingsSection.".concat((0, _utils.toCamelCase)(sectionName)),
+      id: `settings.settingsSection.${(0, _utils.toCamelCase)(sectionName)}`,
       fallbackMessage: sectionName
     }),
     children: children
@@ -32,5 +34,4 @@ SettingPagePane.propTypes = {
   intlNS: _propTypes.default.string,
   children: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])
 };
-var _default = SettingPagePane;
-exports.default = _default;
+var _default = exports.default = SettingPagePane;

package/es/lib/SettingPage/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SettingPage", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SettingPage.default;
   }
 });
 Object.defineProperty(exports, "SettingPagePane", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SettingPagePane.default;
   }
 });

package/es/lib/Typedown/Typedown.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -8,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _get3 = _interopRequireDefault(require("lodash/get"));
+var _get = _interopRequireDefault(require("lodash/get"));
 var _components = require("@folio/stripes/components");
 var _SearchField = _interopRequireDefault(require("../SearchField"));
 var _TypeDown = _interopRequireDefault(require("../../../styles/TypeDown.css"));
@@ -16,75 +15,52 @@ var _typedownHooks = require("../hooks/typedownHooks");
 var _selectorSafe = _interopRequireDefault(require("../utils/selectorSafe"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Typedown = function Typedown(_ref) {
-  var className = _ref.className,
-    dataOptions = _ref.dataOptions,
-    endOfList = _ref.endOfList,
-    id = _ref.id,
-    input = _ref.input,
-    isSelected = _ref.isSelected,
-    filterPath = _ref.filterPath,
-    label = _ref.label,
-    meta = _ref.meta,
-    onChange = _ref.onChange,
-    onType = _ref.onType,
-    _ref$renderFooter = _ref.renderFooter,
-    renderFooter = _ref$renderFooter === void 0 ? null : _ref$renderFooter,
-    _ref$renderListItem = _ref.renderListItem,
-    renderListItem = _ref$renderListItem === void 0 ? null : _ref$renderListItem,
-    required = _ref.required,
-    _ref$uniqueIdentifica = _ref.uniqueIdentificationPath,
-    uniqueIdentificationPath = _ref$uniqueIdentifica === void 0 ? 'id' : _ref$uniqueIdentifica;
-  var selectedUniqueId = (0, _get3.default)(input.value, uniqueIdentificationPath);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Typedown = _ref => {
+  let {
+    className,
+    dataOptions,
+    endOfList,
+    id,
+    input,
+    isSelected,
+    filterPath,
+    label,
+    meta,
+    onChange,
+    onType,
+    renderFooter = null,
+    renderListItem = null,
+    required,
+    uniqueIdentificationPath = 'id'
+  } = _ref;
+  const selectedUniqueId = (0, _get.default)(input.value, uniqueIdentificationPath);
 
   // Display data needs to be in line with data options but also able to react to default handleType
-  var _useState = (0, _react.useState)(dataOptions),
-    _useState2 = _slicedToArray(_useState, 2),
-    displayData = _useState2[0],
-    setDisplayData = _useState2[1];
+  const [displayData, setDisplayData] = (0, _react.useState)(dataOptions);
 
   // keep track of what we've typed and whether we've typed an exact match or not
-  var _useState3 = (0, _react.useState)(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentlyTyped = _useState4[0],
-    setCurrentlyTyped = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    exactMatch = _useState6[0],
-    setExactMatch = _useState6[1];
-  (0, _react.useEffect)(function () {
+  const [currentlyTyped, setCurrentlyTyped] = (0, _react.useState)('');
+  const [exactMatch, setExactMatch] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     setDisplayData(dataOptions);
   }, [dataOptions]);
 
   // Setup default handleType
-  var handleType = function handleType(e) {
-    var _e$target, _e$target2;
-    var regex = new RegExp("".concat(e.target.value.toLowerCase()));
+  const handleType = e => {
+    const regex = new RegExp(`${e.target.value.toLowerCase()}`);
     if (onType) {
       onType(e);
-    } else if (filterPath && e !== null && e !== void 0 && (_e$target = e.target) !== null && _e$target !== void 0 && _e$target.value) {
-      setDisplayData(dataOptions.filter(function (item) {
-        var _get, _get$toLowerCase;
-        return (_get = (0, _get3.default)(item, filterPath)) === null || _get === void 0 ? void 0 : (_get$toLowerCase = _get.toLowerCase()) === null || _get$toLowerCase === void 0 ? void 0 : _get$toLowerCase.match(regex);
-      }));
-    } else if (e !== null && e !== void 0 && (_e$target2 = e.target) !== null && _e$target2 !== void 0 && _e$target2.value) {
-      setDisplayData(dataOptions.filter(function (item) {
-        var _get2, _get2$toLowerCase;
-        return (_get2 = (0, _get3.default)(item, uniqueIdentificationPath)) === null || _get2 === void 0 ? void 0 : (_get2$toLowerCase = _get2.toLowerCase()) === null || _get2$toLowerCase === void 0 ? void 0 : _get2$toLowerCase.match(regex);
-      }));
+    } else if (filterPath && e?.target?.value) {
+      setDisplayData(dataOptions.filter(item => (0, _get.default)(item, filterPath)?.toLowerCase()?.match(regex)));
+    } else if (e?.target?.value) {
+      setDisplayData(dataOptions.filter(item => (0, _get.default)(item, uniqueIdentificationPath)?.toLowerCase()?.match(regex)));
     } else {
       setDisplayData(dataOptions);
     }
     setCurrentlyTyped(e.target.value);
-    if (displayData.length === 1 && (0, _get3.default)(displayData[0], filterPath) === e.target.value) {
+    if (displayData.length === 1 && (0, _get.default)(displayData[0], filterPath) === e.target.value) {
       setExactMatch(true);
     } else {
       setExactMatch(false);
@@ -92,75 +68,77 @@ var Typedown = function Typedown(_ref) {
   };
 
   // Hook to set up all the essentials
-  var _useTypedown = (0, _typedownHooks.useTypedown)(input.name),
-    _useTypedown$refs = _useTypedown.refs,
-    listRef = _useTypedown$refs.listRef,
-    triggerRef = _useTypedown$refs.triggerRef,
-    overlayRef = _useTypedown$refs.overlayRef,
-    footerRef = _useTypedown$refs.footerRef,
-    _useTypedown$handlers = _useTypedown.handlers,
-    handleNextFocus = _useTypedown$handlers.handleNextFocus,
-    listKeyDownHandler = _useTypedown$handlers.listKeyDownHandler,
-    searchFieldKeyDownHandler = _useTypedown$handlers.searchFieldKeyDownHandler,
-    _useTypedown$variable = _useTypedown.variables,
-    open = _useTypedown$variable.open,
-    portal = _useTypedown$variable.portal,
-    resizeRef = _useTypedown$variable.resizeRef,
-    searchWidth = _useTypedown$variable.searchWidth;
-  var renderItem = (0, _react.useCallback)(function (option) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _TypeDown.default.listItem,
-      children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch) : (0, _get3.default)(option, uniqueIdentificationPath)
-    });
-  }, [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
-  var handleChange = (0, _react.useCallback)(function (value) {
+  const {
+    refs: {
+      listRef,
+      triggerRef,
+      overlayRef,
+      footerRef
+    },
+    handlers: {
+      handleNextFocus,
+      listKeyDownHandler,
+      searchFieldKeyDownHandler
+    },
+    variables: {
+      open,
+      portal,
+      resizeRef,
+      searchWidth
+    }
+  } = (0, _typedownHooks.useTypedown)(input.name);
+  const renderItem = (0, _react.useCallback)(option => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _TypeDown.default.listItem,
+    children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch) : (0, _get.default)(option, uniqueIdentificationPath)
+  }), [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
+  const handleChange = (0, _react.useCallback)(value => {
     input.onChange(value);
     if (typeof onChange === 'function') {
       onChange(value);
     }
   }, [input, onChange]);
-  var dropDown = (0, _react.useCallback)(function () {
+  const dropDown = (0, _react.useCallback)(() => {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _TypeDown.default.dropdownMenu,
-      id: "typedown-parent-".concat((0, _selectorSafe.default)(input.name), "-menu"),
+      id: `typedown-parent-${(0, _selectorSafe.default)(input.name)}-menu`,
       style: {
-        '--searchWidth': "".concat(searchWidth, "px")
+        '--searchWidth': `${searchWidth}px`
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: listRef,
         className: _TypeDown.default.listContainer,
         id: "typedown-list",
-        children: displayData !== null && displayData !== void 0 && displayData.length ? displayData === null || displayData === void 0 ? void 0 : displayData.map(function (d, index) {
-          var isSelectedEval = isSelected ? isSelected(input.value, d) : (0, _get3.default)(input.value, uniqueIdentificationPath) === (0, _get3.default)(d, uniqueIdentificationPath);
+        children: displayData?.length ? displayData?.map((d, index) => {
+          const isSelectedEval = isSelected ? isSelected(input.value, d) : (0, _get.default)(input.value, uniqueIdentificationPath) === (0, _get.default)(d, uniqueIdentificationPath);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
             className: (0, _classnames.default)(_TypeDown.default.fullWidth, _TypeDown.default.menuButton),
             "data-selected": isSelectedEval,
-            id: "typedown-button-[".concat(index, "]"),
-            onClick: function onClick() {
+            id: `typedown-button-[${index}]`,
+            onClick: () => {
               handleChange(d);
               handleNextFocus();
             },
             onKeyDown: listKeyDownHandler,
             type: "button",
             children: renderItem(d)
-          }, "typedown-button-[".concat(index, "]"));
+          }, `typedown-button-[${index}]`);
         }) : endOfList || /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EndOfList, {})
       }), renderFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: footerRef,
         className: _TypeDown.default.footer,
-        id: "typedown-footer-".concat((0, _selectorSafe.default)(input.name)),
+        id: `typedown-footer-${(0, _selectorSafe.default)(input.name)}`,
         children: renderFooter(displayData, currentlyTyped, exactMatch)
       })]
     });
   }, [currentlyTyped, displayData, endOfList, exactMatch, footerRef, handleChange, handleNextFocus, input, isSelected, listKeyDownHandler, listRef, renderFooter, renderItem, searchWidth, uniqueIdentificationPath]);
-  var renderSearchField = function renderSearchField() {
+  const renderSearchField = () => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: triggerRef,
-      id: "typedown-parent-".concat((0, _selectorSafe.default)(input.name), "-searchField"),
+      id: `typedown-parent-${(0, _selectorSafe.default)(input.name)}-searchField`,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchField.default
       // Pass meta through so correct styling gets applied to the TextField
       , {
-        id: "typedown-searchField-".concat((0, _selectorSafe.default)(input.name)),
+        id: `typedown-searchField-${(0, _selectorSafe.default)(input.name)}`,
         label: label,
         marginBottom0: true,
         meta: meta,
@@ -173,7 +151,7 @@ var Typedown = function Typedown(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: resizeRef,
     className: (0, _classnames.default)(_TypeDown.default.typedown, className),
-    id: "typedown-id-".concat(id),
+    id: `typedown-id-${id}`,
     children: [renderSearchField(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popper, {
       anchorRef: triggerRef,
       className: (0, _classnames.default)(_TypeDown.default.dropdown, _TypeDown.default.fullWidth),
@@ -191,7 +169,7 @@ var Typedown = function Typedown(_ref) {
       overlayProps: {
         'ref': overlayRef,
         'tabIndex': '-1',
-        'onClick': function onClick(e) {
+        'onClick': e => {
           e.stopPropagation();
         } // prevent propagation of click events
       },
@@ -207,9 +185,7 @@ var Typedown = function Typedown(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
         className: _TypeDown.default.clearItem,
         icon: "times-circle-solid",
-        onClick: function onClick() {
-          return handleChange();
-        }
+        onClick: () => handleChange()
       })]
     })]
   });
@@ -231,5 +207,4 @@ Typedown.propTypes = {
   required: _propTypes.default.bool,
   uniqueIdentificationPath: _propTypes.default.string
 };
-var _default = Typedown;
-exports.default = _default;
+var _default = exports.default = Typedown;

package/es/lib/Typedown/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Typedown.default;
   }
 });