fontdue-js 0.1.0 → 0.1.3

package/dist/components/StoreModalProductLicenseSelection/LicenseElement.js

@@ -19,18 +19,18 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-const LicenseElement = ({
-  onClick,
-  isSelected,
-  children: {
-    name,
-    variables
-  }
-}) => {
-  var _config$form$checkbox, _config$form;
-
-  const config = (0, _react.useContext)(_ConfigContext.default);
-  const checkboxStyle = (_config$form$checkbox = (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.checkboxStyle) !== null && _config$form$checkbox !== void 0 ? _config$form$checkbox : 'check';
+const LicenseElement = _ref => {
+  let {
+    onClick,
+    isSelected,
+    children: {
+      name,
+      variables
+    }
+  } = _ref;
+  const {
+    form: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   return /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: onClick,
     className: "store-modal__license-selection__license-button",
@@ -39,7 +39,7 @@ const LicenseElement = ({
     className: "store-modal__license-selection__license-button-label"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "store-modal__license-selection__icon-pair"
-  }, isSelected ? checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.CheckboxChecked, null) : /*#__PURE__*/_react.default.createElement(_Icons.CheckboxCrossed, null) : /*#__PURE__*/_react.default.createElement(_Icons.Checkbox, null), name)), /*#__PURE__*/_react.default.createElement("div", {
+  }, isSelected ? config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.CheckboxChecked, null) : /*#__PURE__*/_react.default.createElement(_Icons.CheckboxCrossed, null) : /*#__PURE__*/_react.default.createElement(_Icons.Checkbox, null), name)), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__license-selection__variables"
   }, variables));
 };

package/dist/components/StoreModalProductLicenseSelection/LicenseVariableElement.js

@@ -11,32 +11,38 @@ var _Icons = require("../Icons");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const LicenseVariableElement = ({
-  value,
-  onChange,
-  options,
-  children: {
-    selectionText
-  }
-}) => /*#__PURE__*/_react.default.createElement("label", {
-  className: "store-modal__license-selection__license-label"
-}, selectionText, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
-  className: "store-modal__license-selection__license-select",
-  value: value,
-  onChange: onChange,
-  onClick: e => e.stopPropagation()
-  /* since this thing is contained by a button */
+const LicenseVariableElement = _ref => {
+  let {
+    value,
+    onChange,
+    options,
+    children: {
+      selectionText
+    }
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("label", {
+    className: "store-modal__license-selection__license-label"
+  }, selectionText, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
+    className: "store-modal__license-selection__license-select",
+    value: value,
+    onChange: onChange,
+    onClick: e => e.stopPropagation()
+    /* since this thing is contained by a button */
 
-}, /*#__PURE__*/_react.default.createElement("option", {
-  value: "",
-  disabled: true
-}, "Select an option"), options.map(({
-  value,
-  text
-}) => /*#__PURE__*/_react.default.createElement("option", {
-  key: value,
-  value: value
-}, text))));
+  }, /*#__PURE__*/_react.default.createElement("option", {
+    value: "",
+    disabled: true
+  }, "Select an option"), options.map(_ref2 => {
+    let {
+      value,
+      text
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement("option", {
+      key: value,
+      value: value
+    }, text);
+  })));
+};
 
 var _default = LicenseVariableElement;
 exports.default = _default;

package/dist/components/StoreModalProductLicenseSelection/LicenseVariableRadioElement.js

@@ -17,21 +17,24 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-const LicenseVariableRadioElement = ({
-  value: selectedValue,
-  onChange,
-  options
-}) => {
+const LicenseVariableRadioElement = _ref => {
+  let {
+    value: selectedValue,
+    onChange,
+    options
+  } = _ref;
+
   const handleChange = e => {
     e.stopPropagation();
     if (e.target.checked) onChange(e.target.value);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, options.map(({
-    value,
-    text,
-    help
-  }) => {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, options.map(_ref2 => {
+    let {
+      value,
+      text,
+      help
+    } = _ref2;
     const selected = value === selectedValue; // it's actually checkboxes so that we can uncheck the selected item easily
     // but the behavior is like a radio list
 

package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.js

@@ -52,13 +52,17 @@ const specFromLicense = license => {
   return licenseOptionSpec;
 };
 
-const StoreModalProduceLicense = ({
-  license
-}) => {
+const StoreModalProduceLicense = _ref => {
+  let {
+    license
+  } = _ref;
   const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
-  const selectedOptions = licenseOptions.find(({
-    licenseId
-  }) => licenseId === license.id);
+  const selectedOptions = licenseOptions.find(_ref2 => {
+    let {
+      licenseId
+    } = _ref2;
+    return licenseId === license.id;
+  });
   const isSelected = Boolean(selectedOptions);
   const dispatch = (0, _reactRedux.useDispatch)();
   const handleSelectLicense = (0, _react.useCallback)(() => {
@@ -69,10 +73,12 @@ const StoreModalProduceLicense = ({
       licenseOptionSpec: specFromLicense(license)
     });
   }, [dispatch, license, isSelected]);
-  const handleLicenseOptionChange = (0, _react.useCallback)(({
-    variableId,
-    optionId
-  }) => {
+  const handleLicenseOptionChange = (0, _react.useCallback)(_ref3 => {
+    let {
+      variableId,
+      optionId
+    } = _ref3;
+
     if (!isSelected) {
       dispatch({
         type: 'PRECART_SELECT_LICENSE',
@@ -104,9 +110,12 @@ const StoreModalProduceLicense = ({
       if (variable.variableType === 'text') return null;
       if (!variable.options) return null;
       const selectedLicenseOption = selectedOptions && selectedOptions.licenseOptions[variable.id];
-      const selectedOption = variable.options.find(({
-        id
-      }) => id === selectedLicenseOption);
+      const selectedOption = variable.options.find(_ref4 => {
+        let {
+          id
+        } = _ref4;
+        return id === selectedLicenseOption;
+      });
 
       if (variable.variableType === 'table') {
         return /*#__PURE__*/_react.default.createElement(_LicenseVariableRadioElement.default, {

package/dist/components/StoreModalProductLicenseSelection/index.js

@@ -17,15 +17,18 @@ var _StoreModalProductLicenseSelection_viewer;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StoreModalProductLicenseSelection = ({
-  viewer
-}) => /*#__PURE__*/_react.default.createElement(_ContainerElement.default, null, {
-  title: 'Select licenses',
-  licenses: viewer.licenses && viewer.licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
-    key: license.id,
-    license: license
-  }))
-});
+const StoreModalProductLicenseSelection = _ref => {
+  let {
+    viewer
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_ContainerElement.default, null, {
+    title: 'Select licenses',
+    licenses: viewer.licenses && viewer.licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
+      key: license.id,
+      license: license
+    }))
+  });
+};
 
 var _default = (0, _reactRelay.createFragmentContainer)(StoreModalProductLicenseSelection, {
   viewer: _StoreModalProductLicenseSelection_viewer !== void 0 ? _StoreModalProductLicenseSelection_viewer : (_StoreModalProductLicenseSelection_viewer = require("../../__generated__/StoreModalProductLicenseSelection_viewer.graphql"), _StoreModalProductLicenseSelection_viewer.hash && _StoreModalProductLicenseSelection_viewer.hash !== "132699969de1b8ff9dafa8604b3c5f05" && console.error("The definition of 'StoreModalProductLicenseSelection_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_viewer)

package/dist/components/StoreModalProductSummary/index.js

@@ -59,10 +59,11 @@ const countStylesPrice = viewer => {
   }, 0);
 };
 
-const StoreModalProductSummary = ({
-  viewer,
-  relay
-}) => {
+const StoreModalProductSummary = _ref => {
+  let {
+    viewer,
+    relay
+  } = _ref;
   const dispatch = (0, _reactRedux.useDispatch)();
   const selectedSkuIds = (0, _reactRedux.useSelector)(state => state.selectedSkuIds);
   const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
@@ -84,10 +85,11 @@ const StoreModalProductSummary = ({
     const variables = {
       input: {
         skuIds: Object.keys(selectedSkuIds).filter(id => selectedSkuIds[id] === true),
-        licenseSelections: licenseOptions.reduce((res, {
-          licenseId,
-          licenseOptions
-        }) => {
+        licenseSelections: licenseOptions.reduce((res, _ref2) => {
+          let {
+            licenseId,
+            licenseOptions
+          } = _ref2;
           const licenseVariableIds = Object.keys(licenseOptions);
 
           if (licenseVariableIds.length > 0) {

package/dist/components/StripeProvider/index.js

@@ -19,12 +19,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const getUiFontUrl = viewer => viewer && viewer.settings && viewer.settings.uiFontUrl || undefined;
 
-const StripeProvider = ({
-  viewer,
-  children
-}) => {
+const StripeProvider = _ref => {
   var _viewer$stripeCredent;
 
+  let {
+    viewer,
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_AsyncStripeProvider.default, {
     stripePublishableKey: (_viewer$stripeCredent = viewer.stripeCredentials) === null || _viewer$stripeCredent === void 0 ? void 0 : _viewer$stripeCredent.stripePublishableKey
   }, /*#__PURE__*/_react.default.createElement(_reactStripeElements.Elements, {

package/dist/components/Stylesheet/index.js

@@ -16,9 +16,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // a virtual kind of compoennt that registers stylesheets; we'll only add
 // one of each href and keep them around on the page. this prevents some
 // undesirable/unnecessary re-loading of fonts when components mount & unmount
-const Stylesheet = ({
-  href
-}) => {
+const Stylesheet = _ref => {
+  let {
+    href
+  } = _ref;
   if (!href) return null;
   const dispatch = (0, _reactRedux.useDispatch)();
   (0, _react.useEffect)(() => {

package/dist/components/TestFontsForm/index.js

@@ -27,24 +27,28 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 const updateCustomerMutation = _TestFontsFormUpdateCustomerMutation !== void 0 ? _TestFontsFormUpdateCustomerMutation : (_TestFontsFormUpdateCustomerMutation = require("../../__generated__/TestFontsFormUpdateCustomerMutation.graphql"), _TestFontsFormUpdateCustomerMutation.hash && _TestFontsFormUpdateCustomerMutation.hash !== "ba56958399f0893bd667ff02c33a6975" && console.error("The definition of 'TestFontsFormUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsFormUpdateCustomerMutation);
 
-const TestFontsDownloading = ({
-  archiveUrl
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: "test-fonts__downloading"
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: "test-fonts__downloading__icon"
-}, /*#__PURE__*/_react.default.createElement(_Icons.DownloadFonts, null)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "The file archive will start downloading automatically."), /*#__PURE__*/_react.default.createElement("p", null, "If it didn\u2019t start, click ", /*#__PURE__*/_react.default.createElement("a", {
-  href: archiveUrl
-}, "here"), ".")));
-
-const TestFontsFormBase = ({
-  viewer,
-  agreementLabel,
-  downloadLabel = 'Download test fonts',
-  newsletterCheckboxChecked = false
-}) => {
-  var _viewer$testFonts, _ref;
+const TestFontsDownloading = _ref => {
+  let {
+    archiveUrl
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "test-fonts__downloading"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "test-fonts__downloading__icon"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.DownloadFonts, null)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "The file archive will start downloading automatically."), /*#__PURE__*/_react.default.createElement("p", null, "If it didn\u2019t start, click ", /*#__PURE__*/_react.default.createElement("a", {
+    href: archiveUrl
+  }, "here"), ".")));
+};
 
+const TestFontsFormBase = _ref2 => {
+  var _viewer$testFonts, _ref4;
+
+  let {
+    viewer,
+    agreementLabel,
+    downloadLabel = 'Download test fonts',
+    newsletterCheckboxChecked = false
+  } = _ref2;
   const [email, setEmail] = (0, _react.useState)('');
   const [name, setName] = (0, _react.useState)('');
   const [newsletterOptIn, setNewsletterOptIn] = (0, _react.useState)(newsletterCheckboxChecked);
@@ -87,9 +91,10 @@ const TestFontsFormBase = ({
           setError(null);
         }
       },
-      onError: ({
-        message
-      }) => {
+      onError: _ref3 => {
+        let {
+          message
+        } = _ref3;
         setError(message);
         setSubmitting(false);
       }
@@ -136,7 +141,7 @@ const TestFontsFormBase = ({
   }), /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: "test-fonts-eula-agreement",
     dangerouslySetInnerHTML: {
-      __html: (_ref = agreementLabel || eulaAgreementLabel) !== null && _ref !== void 0 ? _ref : ''
+      __html: (_ref4 = agreementLabel || eulaAgreementLabel) !== null && _ref4 !== void 0 ? _ref4 : ''
     }
   })), newsletterOptInLabel && /*#__PURE__*/_react.default.createElement("div", {
     className: "test-fonts__newsletter-opt-in test-fonts__checkbox-field"
@@ -171,10 +176,12 @@ const TestFontsFormFetcher = params => {
     environment: environment,
     query: _TestFontsForm_Query !== void 0 ? _TestFontsForm_Query : (_TestFontsForm_Query = require("../../__generated__/TestFontsForm_Query.graphql"), _TestFontsForm_Query.hash && _TestFontsForm_Query.hash !== "f04852025fc8b05aa370fb2ec1bea9da" && console.error("The definition of 'TestFontsForm_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsForm_Query),
     variables: {},
-    render: ({
-      props,
-      error
-    }) => {
+    render: _ref5 => {
+      let {
+        props,
+        error
+      } = _ref5;
+
       if (error) {
         console.error(error); // TODO: centralize error component, report to sentry
 

package/dist/components/TestModeBanner/index.js

@@ -15,9 +15,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const getSwitchable = switchUrl => new URL(switchUrl).hostname === location.hostname;
 
-const TestModeBannerBase = ({
-  viewer
-}) => {
+const TestModeBannerBase = _ref => {
+  let {
+    viewer
+  } = _ref;
   if (!viewer) return null;
   if (!viewer.adminUser) return null;
   const {
@@ -53,10 +54,11 @@ const TestModeBannerQueryRenderer = () => {
     environment: environment,
     variables: {},
     query: _TestModeBannerQuery !== void 0 ? _TestModeBannerQuery : (_TestModeBannerQuery = require("../../__generated__/TestModeBannerQuery.graphql"), _TestModeBannerQuery.hash && _TestModeBannerQuery.hash !== "567d27c6a520c933604bcb1cf436852e" && console.error("The definition of 'TestModeBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestModeBannerQuery),
-    render: ({
-      error,
-      props
-    }) => {
+    render: _ref2 => {
+      let {
+        error,
+        props
+      } = _ref2;
       if (error || !props) return null;
       return /*#__PURE__*/_react.default.createElement(TestModeBanner, props);
     }

package/dist/components/TextField/index.js

@@ -11,35 +11,38 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const TextField = ({
-  Component = 'input',
-  autocomplete,
-  label,
-  type = 'text',
-  onChange,
-  errors,
-  // string[] | null
-  prefix = null,
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement("label", {
-  className: "text-field__label",
-  "data-has-error": errors ? true : undefined
-}, /*#__PURE__*/_react.default.createElement("div", {
-  className: "text-field__label-wrapper"
-}, label), /*#__PURE__*/_react.default.createElement("div", {
-  className: "text-field__input-wrapper"
-}, prefix, Component === 'input' && /*#__PURE__*/_react.default.createElement("input", _extends({}, rest, {
-  type: type,
-  onChange: e => onChange(e.target.value),
-  className: "text-field__input",
-  autoComplete: autocomplete
-})), Component === 'textarea' && /*#__PURE__*/_react.default.createElement("textarea", _extends({}, rest, {
-  onChange: e => onChange(e.target.value),
-  className: "text-field__input",
-  autoComplete: autocomplete
-}))), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement("p", {
-  className: "text-field__error"
-}, errors[0]));
+const TextField = _ref => {
+  let {
+    Component = 'input',
+    autocomplete,
+    label,
+    type = 'text',
+    onChange,
+    errors,
+    // string[] | null
+    prefix = null,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("label", {
+    className: "text-field__label",
+    "data-has-error": errors ? true : undefined
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "text-field__label-wrapper"
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
+    className: "text-field__input-wrapper"
+  }, prefix, Component === 'input' && /*#__PURE__*/_react.default.createElement("input", _extends({}, rest, {
+    type: type,
+    onChange: e => onChange(e.target.value),
+    className: "text-field__input",
+    autoComplete: autocomplete
+  })), Component === 'textarea' && /*#__PURE__*/_react.default.createElement("textarea", _extends({}, rest, {
+    onChange: e => onChange(e.target.value),
+    className: "text-field__input",
+    autoComplete: autocomplete
+  }))), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement("p", {
+    className: "text-field__error"
+  }, errors[0]));
+};
 
 var _default = TextField;
 exports.default = _default;

package/dist/components/ThemeConfig/index.js

@@ -16,11 +16,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // gets the custom properties entered by users in the admin panel,
 // which also includes default values. we put the defaults there instead of
 // every call to var() so that we have defaults all in one place
-const ThemeConfigBase = ({
-  viewer
-}) => {
+const ThemeConfigBase = _ref => {
   var _viewer$themeConfig$c, _viewer$themeConfig;
 
+  let {
+    viewer
+  } = _ref;
   if (!viewer) return null;
   const props = (_viewer$themeConfig$c = viewer === null || viewer === void 0 ? void 0 : (_viewer$themeConfig = viewer.themeConfig) === null || _viewer$themeConfig === void 0 ? void 0 : _viewer$themeConfig.customProperties) !== null && _viewer$themeConfig$c !== void 0 ? _viewer$themeConfig$c : [];
   return /*#__PURE__*/_react.default.createElement("style", {
@@ -38,10 +39,11 @@ const ThemeConfigQueryRenderer = () => {
     environment: environment,
     variables: {},
     query: _ThemeConfigQuery !== void 0 ? _ThemeConfigQuery : (_ThemeConfigQuery = require("../../__generated__/ThemeConfigQuery.graphql"), _ThemeConfigQuery.hash && _ThemeConfigQuery.hash !== "cfe3ece9452fba9074477f15e8fed78a" && console.error("The definition of 'ThemeConfigQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ThemeConfigQuery),
-    render: ({
-      error,
-      props
-    }) => {
+    render: _ref2 => {
+      let {
+        error,
+        props
+      } = _ref2;
       if (error || !props) return null;
       return /*#__PURE__*/_react.default.createElement(ThemeConfig, props);
     }

package/dist/components/TypeTester/TypeTesterAlignButtons.js

@@ -11,10 +11,11 @@ var _Align = require("../Icons/Align");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const TypeTesterAlignButtons = ({
-  alignment,
-  setAlignment
-}) => {
+const TypeTesterAlignButtons = _ref => {
+  let {
+    alignment,
+    setAlignment
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester__align-buttons"
   }, /*#__PURE__*/_react.default.createElement("button", {

package/dist/components/TypeTester/TypeTesterBullet.js

@@ -9,10 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Bullet = ({
-  checked,
-  config
-}) => {
+const Bullet = _ref => {
+  let {
+    checked,
+    config
+  } = _ref;
   const props = {
     className: 'type-tester__bullet',
     'data-checked': checked

package/dist/components/TypeTester/TypeTesterContent.js

@@ -19,14 +19,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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); }
 
-const TypeTesterContent = /*#__PURE__*/_react.default.forwardRef(({
-  content,
-  setContent,
-  setFocused,
-  direction,
-  alignment,
-  ...props
-}, ref) => {
+const TypeTesterContent = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    content,
+    setContent,
+    setFocused,
+    direction,
+    alignment,
+    ...props
+  } = _ref;
   const editorRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, () => ({
     focus: () => {

package/dist/components/TypeTester/TypeTesterContext.js

@@ -128,11 +128,12 @@ const groupReducer = (state, action) => {
   }
 };
 
-const TypeTesterContextComponent = ({
-  children,
-  testers: initialTestersState,
-  defaultMode = 'group'
-}) => {
+const TypeTesterContextComponent = _ref => {
+  let {
+    children,
+    testers: initialTestersState,
+    defaultMode = 'group'
+  } = _ref;
   const testers = Object.keys(initialTestersState).reduce((acc, id) => {
     var _initialState$content, _initialState$size, _initialState$lineHei;
 

package/dist/components/TypeTester/TypeTesterEditAll.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
-import { TypeTesterConfig } from '.';
 interface TypeTesterEditAllProps {
-    config: TypeTesterConfig;
 }
 declare const TypeTesterEditAll: React.FunctionComponent<TypeTesterEditAllProps>;
 export default TypeTesterEditAll;

package/dist/components/TypeTester/TypeTesterEditAll.js

@@ -11,15 +11,18 @@ var _TypeTesterContext = require("./TypeTesterContext");
 
 var _TypeTesterBullet = _interopRequireDefault(require("./TypeTesterBullet"));
 
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+
 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 (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; }
 
-const TypeTesterEditAll = ({
-  config
-}) => {
+const TypeTesterEditAll = () => {
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   const {
     mode,
     dispatch

package/dist/components/TypeTester/TypeTesterFeatures.d.ts

@@ -1,10 +1,8 @@
 import { TypeTesterFeatures_fontStyle } from '../../__generated__/TypeTesterFeatures_fontStyle.graphql';
-import { TypeTesterConfig } from '.';
 interface TypeTesterFeatures_props {
     id: string;
     fontStyle: TypeTesterFeatures_fontStyle;
     features: ReadonlyArray<string>;
-    config: TypeTesterConfig;
 }
 declare const _default: import("react-relay").Container<TypeTesterFeatures_props>;
 export default _default;