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

package/babelOptions.js

@@ -1,30 +0,0 @@
-module.exports = {
-  presets: [
-    ['@babel/preset-env'], // No preset means ES5, { targets: '> 0.25%, not dead' }],
-//    ['@babel/preset-flow', { all: true }],
-    ['@babel/preset-react', {
-      // "runtime": "automatic",
-      "absoluteRuntime": false
-    }]
-  ],
-  plugins: [
-    ['@babel/plugin-proposal-decorators', { 'legacy': true }],
-    // when building a platform directly, i.e. outside a workspace,
-    // babel complains loudly and repeatedly that when these modules are enabled:
-    // * @babel/plugin-proposal-class-properties,
-    // * @babel/plugin-proposal-private-methods and
-    // * @babel/plugin-proposal-private-property-in-object
-    // the "loose" option must be the same for all three.
-    // but @babel/preset-env sets it to false for ...private-methods.
-    // overriding it here silences the complaint. STRWEB-12
-    ['@babel/plugin-proposal-class-properties', { 'loose': true }],
-    ['@babel/plugin-proposal-private-methods', { 'loose': true }],
-    ['@babel/plugin-proposal-private-property-in-object', { 'loose': true }],
-    '@babel/plugin-proposal-export-namespace-from',
-    '@babel/plugin-proposal-function-sent',
-    '@babel/plugin-proposal-numeric-separator',
-    '@babel/plugin-proposal-throw-expressions',
-    '@babel/plugin-syntax-import-meta',
-//    [require.resolve('react-hot-loader/babel')],
-  ],
-};

package/es/lib/Settings/EditableSettingsList.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactFinalFormArrays = require("react-final-form-arrays");
-
-var _reactFinalForm = require("react-final-form");
-
-var _finalFormArrays = _interopRequireDefault(require("final-form-arrays"));
-
-var _EditableSettingsListFieldArray = _interopRequireDefault(require("./EditableSettingsListFieldArray"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var EditableSettingsList = function EditableSettingsList(_ref) {
-  var data = _ref.data,
-      initialValues = _ref.initialValues,
-      onSave = _ref.onSave;
-  return /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Form, {
-    enableReinitialize: true,
-    initialValues: initialValues,
-    keepDirtyOnReinitialize: true,
-    mutators: _finalFormArrays["default"],
-    navigationCheck: true,
-    onSubmit: onSave,
-    subscription: {
-      value: true
-    }
-  }, function (_ref2) {
-    var handleSubmit = _ref2.handleSubmit;
-    return /*#__PURE__*/_react["default"].createElement("form", {
-      onSubmit: handleSubmit
-    }, /*#__PURE__*/_react["default"].createElement(_reactFinalFormArrays.FieldArray, {
-      component: _EditableSettingsListFieldArray["default"],
-      data: data,
-      name: "settings",
-      onSave: onSave
-    }));
-  });
-};
-
-EditableSettingsList.propTypes = {
-  onSave: _propTypes["default"].func,
-  data: _propTypes["default"].shape({
-    refdatavalues: _propTypes["default"].arrayOf(_propTypes["default"].object)
-  }),
-  initialValues: _propTypes["default"].object
-};
-var _default = EditableSettingsList;
-exports["default"] = _default;

package/es/lib/Settings/RefdataButtons.js

@@ -1,100 +0,0 @@
-"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");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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__*/_react["default"].createElement(_components.Col, {
-        xs: dynamicColumnWidth ? 12 / numberOfButtons : 12 / maximumColumns,
-        key: "".concat(input.name, ":").concat(option.id)
-      }, /*#__PURE__*/_react["default"].createElement(_components.RadioButton, buttonProps));
-    });
-  };
-
-  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__*/_react["default"].createElement(_components.Row, null, 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__*/_react["default"].createElement(_components.Row, {
-        key: "".concat(props.input.name, ":row").concat(index)
-      }, buttonRender(cdo, false));
-    });
-  };
-
-  return returnRows(props.dataOptions);
-};
-
-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;
-exports["default"] = _default;

package/es/lib/Settings/SettingPage.js

@@ -1,64 +0,0 @@
-"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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _EditableSettingsList = _interopRequireDefault(require("./EditableSettingsList"));
-
-var _SettingsContext = _interopRequireDefault(require("./SettingsContext"));
-
-var _useSettingSection2 = _interopRequireDefault(require("./useSettingSection"));
-
-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 sectionName = _ref.sectionName;
-
-  var _useContext = (0, _react.useContext)(_SettingsContext["default"]),
-      settingEndpoint = _useContext.settingEndpoint;
-
-  var _useSettingSection = (0, _useSettingSection2["default"])({
-    sectionName: sectionName,
-    settingEndpoint: settingEndpoint
-  }),
-      handleSubmit = _useSettingSection.handleSubmit,
-      settings = _useSettingSection.settings;
-
-  return /*#__PURE__*/_react["default"].createElement(_EditableSettingsList["default"], {
-    initialValues: {
-      'settings': settings
-    },
-    onSave: handleSubmit,
-    onSubmit: handleSubmit,
-    settingSection: sectionName
-  });
-};
-
-SettingPage.propTypes = {
-  mutator: _propTypes["default"].shape({
-    settings: _propTypes["default"].object
-  }),
-  sectionName: _propTypes["default"].string,
-  resources: _propTypes["default"].shape({
-    settings: _propTypes["default"].shape({
-      records: _propTypes["default"].array
-    }),
-    refdatavalues: _propTypes["default"].shape({
-      records: _propTypes["default"].array
-    })
-  })
-};
-var _default = SettingPage;
-exports["default"] = _default;

package/es/lib/Settings/SettingPagePane.js

@@ -1,43 +0,0 @@
-"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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _components = require("@folio/stripes/components");
-
-var _reactIntl = require("react-intl");
-
-var _SettingsContext = _interopRequireDefault(require("./SettingsContext"));
-
-var _utils = require("./utils");
-
-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 SettingPagePane = function SettingPagePane(_ref) {
-  var sectionName = _ref.sectionName,
-      children = _ref.children;
-
-  var _useContext = (0, _react.useContext)(_SettingsContext["default"]),
-      intlKey = _useContext.intlKey;
-
-  return /*#__PURE__*/_react["default"].createElement(_components.Pane, {
-    defaultWidth: "fill",
-    id: "settings-".concat(sectionName),
-    paneTitle: /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
-      id: "".concat(intlKey, ".settings.settingsSection.").concat((0, _utils.toCamelCase)(sectionName))
-    })
-  }, children);
-};
-
-var _default = SettingPagePane;
-exports["default"] = _default;

package/es/lib/Settings/SettingsContext.js

@@ -1,18 +0,0 @@
-"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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-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 SettingsContext = /*#__PURE__*/(0, _react.createContext)();
-var _default = SettingsContext;
-exports["default"] = _default;

package/es/lib/Settings/index.js

@@ -1,71 +0,0 @@
-"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, "RefdataButtons", {
-  enumerable: true,
-  get: function get() {
-    return _RefdataButtons["default"];
-  }
-});
-Object.defineProperty(exports, "SettingField", {
-  enumerable: true,
-  get: function get() {
-    return _SettingField["default"];
-  }
-});
-Object.defineProperty(exports, "SettingPage", {
-  enumerable: true,
-  get: function get() {
-    return _SettingPage["default"];
-  }
-});
-Object.defineProperty(exports, "SettingPagePane", {
-  enumerable: true,
-  get: function get() {
-    return _SettingPagePane["default"];
-  }
-});
-Object.defineProperty(exports, "SettingsContext", {
-  enumerable: true,
-  get: function get() {
-    return _SettingsContext["default"];
-  }
-});
-Object.defineProperty(exports, "useSettings", {
-  enumerable: true,
-  get: function get() {
-    return _useSettings["default"];
-  }
-});
-
-var _EditableSettingsList = _interopRequireDefault(require("./EditableSettingsList"));
-
-var _EditableSettingsListFieldArray = _interopRequireDefault(require("./EditableSettingsListFieldArray"));
-
-var _SettingField = _interopRequireDefault(require("./SettingField"));
-
-var _SettingPagePane = _interopRequireDefault(require("./SettingPagePane"));
-
-var _SettingPage = _interopRequireDefault(require("./SettingPage"));
-
-var _RefdataButtons = _interopRequireDefault(require("./RefdataButtons"));
-
-var _useSettings = _interopRequireDefault(require("./useSettings"));
-
-var _SettingsContext = _interopRequireDefault(require("./SettingsContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/es/lib/Settings/useSettingSection.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactQuery = require("react-query");
-
-var _core = require("@folio/stripes/core");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var useSettingSection = function useSettingSection(_ref) {
-  var sectionName = _ref.sectionName,
-      settingEndpoint = _ref.settingEndpoint;
-  var ky = (0, _core.useOkapiKy)();
-
-  var _useQuery = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useSetting', 'appSettings', sectionName], function () {
-    return ky("".concat(settingEndpoint, "?filters=section=").concat(sectionName, "&sort=key;asc")).json();
-  }),
-      _useQuery$data = _useQuery.data,
-      settings = _useQuery$data === void 0 ? [] : _useQuery$data;
-
-  var _useMutation = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useSetting', 'putSetting', sectionName], function (data) {
-    return ky.put("".concat(settingEndpoint).concat(data.id ? '/' + data.id : ''), {
-      json: data
-    });
-  }),
-      putSetting = _useMutation.mutateAsync;
-
-  return {
-    handleSubmit: putSetting,
-    settings: settings
-  };
-};
-
-var _default = useSettingSection;
-exports["default"] = _default;

package/es/lib/Settings/utils/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "renderHelpText", {
-  enumerable: true,
-  get: function get() {
-    return _renderHelpText["default"];
-  }
-});
-Object.defineProperty(exports, "sortByLabel", {
-  enumerable: true,
-  get: function get() {
-    return _sortByLabel["default"];
-  }
-});
-Object.defineProperty(exports, "toCamelCase", {
-  enumerable: true,
-  get: function get() {
-    return _toCamelCase["default"];
-  }
-});
-
-var _renderHelpText = _interopRequireDefault(require("./renderHelpText"));
-
-var _toCamelCase = _interopRequireDefault(require("./toCamelCase"));
-
-var _sortByLabel = _interopRequireDefault(require("./sortByLabel"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/es/lib/Settings/utils/renderHelpText.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactIntl = require("react-intl");
-
-var _renderHelpText = _interopRequireDefault(require("../../../../styles/renderHelpText.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var renderHelpText = function renderHelpText(id) {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _renderHelpText["default"].help
-  }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
-    id: id,
-    values: {
-      b: function b(chunks) {
-        return /*#__PURE__*/_react["default"].createElement("b", null, chunks);
-      },
-      i: function i(chunks) {
-        return /*#__PURE__*/_react["default"].createElement("i", null, chunks);
-      },
-      em: function em(chunks) {
-        return /*#__PURE__*/_react["default"].createElement("em", null, chunks);
-      },
-      strong: function strong(chunks) {
-        return /*#__PURE__*/_react["default"].createElement("strong", null, chunks);
-      },
-      span: function span(chunks) {
-        return /*#__PURE__*/_react["default"].createElement("span", null, chunks);
-      },
-      div: function div(chunks) {
-        return /*#__PURE__*/_react["default"].createElement("div", null, chunks);
-      },
-      p: function p(chunks) {
-        return /*#__PURE__*/_react["default"].createElement("p", null, chunks);
-      },
-      ul: function ul(chunks) {
-        return /*#__PURE__*/_react["default"].createElement("ul", null, chunks);
-      },
-      ol: function ol(chunks) {
-        return /*#__PURE__*/_react["default"].createElement("ol", null, chunks);
-      },
-      li: function li(chunks) {
-        return /*#__PURE__*/_react["default"].createElement("li", null, chunks);
-      }
-    }
-  }));
-};
-
-var _default = renderHelpText;
-exports["default"] = _default;

package/es/lib/Settings/utils/sortByLabel.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var sortByLabel = function sortByLabel(a, b) {
-  var _a$label$toLowerCase, _a$label, _a$id, _b$label$toLowerCase, _b$label, _b$id;
-
-  var al = (_a$label$toLowerCase = (_a$label = a.label) === null || _a$label === void 0 ? void 0 : _a$label.toLowerCase()) !== null && _a$label$toLowerCase !== void 0 ? _a$label$toLowerCase : (_a$id = a.id) === null || _a$id === void 0 ? void 0 : _a$id.toLowerCase();
-  var bl = (_b$label$toLowerCase = (_b$label = b.label) === null || _b$label === void 0 ? void 0 : _b$label.toLowerCase()) !== null && _b$label$toLowerCase !== void 0 ? _b$label$toLowerCase : (_b$id = b.id) === null || _b$id === void 0 ? void 0 : _b$id.toLowerCase();
-
-  if (al < bl) {
-    return -1;
-  }
-
-  if (al > bl) {
-    return 1;
-  }
-
-  return 0;
-};
-
-var _default = sortByLabel;
-exports["default"] = _default;

package/es/lib/Settings/utils/toCamelCase.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var toCamelCase = function toCamelCase(str) {
-  return (// First split string on any capital letters
-    str.split(/(?=[A-Z])/).join(' ') // Remove all non alpha-numeric chars, and replace _ with ' '
-    .replace(/[_]/gi, ' ').replace(/[^0-9a-zA-Z\s]/gi, '') // CamelCase the remains
-    .replace(/(?:^\w|[A-Z]|\b\w)/g, function (ltr, idx) {
-      return idx === 0 ? ltr.toLowerCase() : ltr.toUpperCase();
-    }).replace(/\s+/g, '')
-  );
-};
-
-var _default = toCamelCase;
-exports["default"] = _default;

package/es/lib/hooks/typedownHooks/useTypedownFooter.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = require("react");
-
-var _getFocusableElements = require("../../utils/getFocusableElements");
-
-var _eventCodes = require("../../constants/eventCodes");
-
-// TODO swap to stripes-components export once available (Will need <= peer dep bump)
-var useTypedownFooter = function useTypedownFooter(searchField) {
-  var footerRef = (0, _react.useRef)();
-  var footer = document.getElementById('typedown-footer'); // Add an event listener to the footer, so that we can control tab behaviour between footer elements
-
-  (0, _react.useEffect)(function () {
-    if (footer) {
-      footer.addEventListener('keydown', function (e) {
-        // We want special behaviour on tab
-        if (e.code === _eventCodes.TAB) {
-          // Prevent the default behaviour
-          e.preventDefault();
-          var focusFunc = e.shiftKey ? _getFocusableElements.getPreviousFocusable : _getFocusableElements.getNextFocusable;
-          var elem = focusFunc(footerRef.current, true, true, false, true);
-
-          if (elem) {
-            // Focus on next focusable element
-            elem.focus();
-          } else if (e.shiftKey) {
-            // We are at the beginning of the list, refocus on search bar
-            searchField.focus();
-          } else {
-            // We are at the end of the list, move onto next focusable element in page
-            (0, _getFocusableElements.getNextFocusable)(searchField, false).focus();
-          }
-        }
-      });
-    }
-  }, [footer, searchField]);
-  return footerRef;
-};
-
-var _default = useTypedownFooter;
-exports["default"] = _default;

package/es/lib/hooks/typedownHooks/useTypedownList.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _getFocusableElements = require("../../utils/getFocusableElements");
-
-var _eventCodes = require("../../constants/eventCodes");
-
-// TODO swap to stripes-components export once available (Will need <= peer dep bump)
-var useTypedownList = function useTypedownList(listRef, footerRef, searchField) {
-  return function (e) {
-    if (e.code === _eventCodes.DOWN_ARROW) {
-      var elem = (0, _getFocusableElements.getNextFocusable)(listRef.current, true, true);
-      elem.focus();
-    }
-
-    if (e.code === _eventCodes.UP_ARROW) {
-      var _elem = (0, _getFocusableElements.getPreviousFocusable)(listRef.current, true, true);
-
-      _elem.focus();
-    }
-
-    if (e.code === _eventCodes.TAB) {
-      e.preventDefault();
-
-      var _elem2;
-
-      if (!e.shiftKey && !footerRef.current) {
-        _elem2 = (0, _getFocusableElements.getNextFocusable)(searchField, false);
-      } else if (!e.shiftKey) {
-        _elem2 = (0, _getFocusableElements.getNextFocusable)(footerRef.current, true, true, true, true);
-      } else {
-        _elem2 = searchField;
-      }
-
-      _elem2.focus();
-    }
-  };
-};
-
-var _default = useTypedownList;
-exports["default"] = _default;