fontdue-js 0.1.0 → 0.1.1

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.js

@@ -17,9 +17,10 @@ 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 TypeTesterEditAll = ({
-  config
-}) => {
+const TypeTesterEditAll = _ref => {
+  let {
+    config
+  } = _ref;
   const {
     mode,
     dispatch

package/dist/components/TypeTester/TypeTesterFeatures.js

@@ -25,7 +25,9 @@ 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; }
 
-function useHeightAnimation(isOpen = false, duration = 350) {
+function useHeightAnimation() {
+  let isOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
   const contentRef = (0, _react.useRef)(null);
   const [height, setHeight] = (0, _react.useState)(isOpen ? 'auto' : 0);
   const changed = (0, _react.useRef)(false);
@@ -61,9 +63,12 @@ function useHeightAnimation(isOpen = false, duration = 350) {
 
 const shouldIncludeFeature = (supportedFeatures, feature) => supportedFeatures.indexOf(feature) >= 0;
 
-const getStylisticSetName = (feature, stylisticSetNames) => stylisticSetNames.find(({
-  featureName
-}) => featureName === feature);
+const getStylisticSetName = (feature, stylisticSetNames) => stylisticSetNames.find(_ref => {
+  let {
+    featureName
+  } = _ref;
+  return featureName === feature;
+});
 
 const getFeatureName = (feature, stylisticSetNames) => {
   const stylisticSetName = getStylisticSetName(feature, stylisticSetNames);
@@ -81,14 +86,15 @@ const getFeatureName = (feature, stylisticSetNames) => {
 
 _TypeTesterFeatures_stylisticSetName !== void 0 ? _TypeTesterFeatures_stylisticSetName : (_TypeTesterFeatures_stylisticSetName = require("../../__generated__/TypeTesterFeatures_stylisticSetName.graphql"), _TypeTesterFeatures_stylisticSetName.hash && _TypeTesterFeatures_stylisticSetName.hash !== "8420321d8ddf9b3846450d609586db21" && console.error("The definition of 'TypeTesterFeatures_stylisticSetName' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFeatures_stylisticSetName);
 
-const TypeTesterFeatures = ({
-  id,
-  fontStyle,
-  features: showFeatures,
-  config
-}) => {
+const TypeTesterFeatures = _ref2 => {
   var _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$openTypeFeatu4, _config$openTypeFeatu5, _config$openTypeFeatu6;
 
+  let {
+    id,
+    fontStyle,
+    features: showFeatures,
+    config
+  } = _ref2;
   const {
     features,
     toggleFeature,

package/dist/components/TypeTester/TypeTesterFeaturesButton.js

@@ -13,21 +13,24 @@ var _CarrotUp = _interopRequireDefault(require("../Icons/CarrotUp"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const TypeTesterFeaturesButton = ({
-  featuresOpen,
-  features,
-  toggleFeaturesOpen
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: "type-tester__features-button",
-  "data-features-open": featuresOpen,
-  "data-features-selected": features.length || 0
-}, /*#__PURE__*/_react.default.createElement("button", {
-  className: "type-tester__features-button__button",
-  type: "button",
-  onClick: () => toggleFeaturesOpen()
-}, /*#__PURE__*/_react.default.createElement("span", {
-  className: "type-tester__features-button__text"
-}, "OT Features"), ' ', featuresOpen ? /*#__PURE__*/_react.default.createElement(_CarrotUp.default, null) : /*#__PURE__*/_react.default.createElement(_CarrotDown.default, null)));
+const TypeTesterFeaturesButton = _ref => {
+  let {
+    featuresOpen,
+    features,
+    toggleFeaturesOpen
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "type-tester__features-button",
+    "data-features-open": featuresOpen,
+    "data-features-selected": features.length || 0
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: "type-tester__features-button__button",
+    type: "button",
+    onClick: () => toggleFeaturesOpen()
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "type-tester__features-button__text"
+  }, "OT Features"), ' ', featuresOpen ? /*#__PURE__*/_react.default.createElement(_CarrotUp.default, null) : /*#__PURE__*/_react.default.createElement(_CarrotDown.default, null)));
+};
 
 var _default = TypeTesterFeaturesButton;
 exports.default = _default;

package/dist/components/TypeTester/TypeTesterFitter.js

@@ -13,10 +13,11 @@ 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 TypeTesterFitter = ({
-  children,
-  ...props
-}) => {
+const TypeTesterFitter = _ref => {
+  let {
+    children,
+    ...props
+  } = _ref;
   const style = (0, _useTypeTesterStyler.default)(props);
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: "type-tester__text__container"

package/dist/components/TypeTester/TypeTesterFloatingToolbar.js

@@ -25,13 +25,14 @@ 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 TypeTesterFloatingToolbar = ({
-  testers: testersData,
-  features,
-  onToolbarOpenClose
-}) => {
+const TypeTesterFloatingToolbar = _ref => {
   var _testersData$find, _config$typeTester, _config$typeTester2;
 
+  let {
+    testers: testersData,
+    features,
+    onToolbarOpenClose
+  } = _ref;
   const config = (0, _react.useContext)(_ConfigContext.default);
   const {
     testers

package/dist/components/TypeTester/TypeTesterInput.js

@@ -11,14 +11,15 @@ 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 TypeTesterInput = ({
-  value,
-  onChange,
-  min,
-  max
-}) => {
+const TypeTesterInput = _ref => {
   var _localValue$toString$;
 
+  let {
+    value,
+    onChange,
+    min,
+    max
+  } = _ref;
   const [localValue, setLocalValue] = (0, _react.useState)(value);
   const [isError, setIsError] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {

package/dist/components/TypeTester/TypeTesterSlider.js

@@ -45,12 +45,13 @@ const logInterpolator = {
   }
 };
 
-const TypeTesterSlider = ({
-  min,
-  max,
-  value,
-  onChange
-}) => {
+const TypeTesterSlider = _ref => {
+  let {
+    min,
+    max,
+    value,
+    onChange
+  } = _ref;
   const handleChange = (0, _react.useCallback)(values => onChange(values[0]), [onChange]);
   const {
     getTrackProps,
@@ -66,11 +67,14 @@ const TypeTesterSlider = ({
   });
   return /*#__PURE__*/_react.default.createElement("div", getTrackProps({
     className: 'type-tester__slider__track'
-  }), handles.map(({
-    getHandleProps
-  }) => /*#__PURE__*/_react.default.createElement("button", getHandleProps({
-    className: 'type-tester__slider__handle'
-  }))));
+  }), handles.map(_ref2 => {
+    let {
+      getHandleProps
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement("button", getHandleProps({
+      className: 'type-tester__slider__handle'
+    }));
+  }));
 };
 
 var _default = TypeTesterSlider;

package/dist/components/TypeTester/TypeTesterStandalone.js

@@ -21,19 +21,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const parseBool = input => input === 'true' ? true : false;
 
-const TypeTesterStandalone = ({
-  familyName,
-  styleName,
-  content,
-  direction,
-  features,
-  lineHeight,
-  alignment,
-  fontSize,
-  autofit,
-  onFocus,
-  onBlur
-}) => {
+const TypeTesterStandalone = _ref => {
+  let {
+    familyName,
+    styleName,
+    content,
+    direction,
+    features,
+    lineHeight,
+    alignment,
+    fontSize,
+    autofit,
+    onFocus,
+    onBlur
+  } = _ref;
   const environment = (0, _reactRelay.useRelayEnvironment)();
   return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
     query: _TypeTesterStandalone_StyleQuery !== void 0 ? _TypeTesterStandalone_StyleQuery : (_TypeTesterStandalone_StyleQuery = require("../../__generated__/TypeTesterStandalone_StyleQuery.graphql"), _TypeTesterStandalone_StyleQuery.hash && _TypeTesterStandalone_StyleQuery.hash !== "aafc4541c04db8a72ac96c7d09e58490" && console.error("The definition of 'TypeTesterStandalone_StyleQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStandalone_StyleQuery),
@@ -42,11 +43,12 @@ const TypeTesterStandalone = ({
       styleName
     },
     environment: environment,
-    render: ({
-      props
-    }) => {
+    render: _ref2 => {
       var _props$viewer$fontSty, _props$viewer, _props$viewer$fontSty2, _features$split;
 
+      let {
+        props
+      } = _ref2;
       return /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
         shouldUpdate: props
       }, props && /*#__PURE__*/_react.default.createElement(_TypeTesterContext.default, {

package/dist/components/TypeTester/TypeTesterState.js

@@ -13,11 +13,12 @@ var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useTypeTesterState = ({
-  id
-}) => {
+const useTypeTesterState = _ref => {
   var _config$typeTester$to, _config$typeTester;
 
+  let {
+    id
+  } = _ref;
   const config = (0, _react.useContext)(_ConfigContext.default);
   const {
     testers,

package/dist/components/TypeTester/TypeTesterStyleSelect.js

@@ -13,40 +13,53 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const NBSP = '\xa0';
 
-const TypeTesterStyleSelect = ({
-  families,
-  selectedFontStyleId,
-  onSelectFontStyleId,
-  onSelectFamilyId
-}) => {
-  const selectedFamily = families.find(family => family.fontStyles && family.fontStyles.some(({
-    id
-  }) => id === selectedFontStyleId));
-  const selectedFontStyle = selectedFamily && selectedFamily.fontStyles && selectedFamily.fontStyles.find(({
-    id
-  }) => id === selectedFontStyleId);
+const TypeTesterStyleSelect = _ref => {
+  let {
+    families,
+    selectedFontStyleId,
+    onSelectFontStyleId,
+    onSelectFamilyId
+  } = _ref;
+  const selectedFamily = families.find(family => family.fontStyles && family.fontStyles.some(_ref2 => {
+    let {
+      id
+    } = _ref2;
+    return id === selectedFontStyleId;
+  }));
+  const selectedFontStyle = selectedFamily && selectedFamily.fontStyles && selectedFamily.fontStyles.find(_ref3 => {
+    let {
+      id
+    } = _ref3;
+    return id === selectedFontStyleId;
+  });
   if (!selectedFamily || !selectedFontStyle) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester-select"
   }, /*#__PURE__*/_react.default.createElement(_Select.default, {
-    options: families.map(({
-      id,
-      name
-    }) => ({
-      value: id,
-      text: name
-    })),
+    options: families.map(_ref4 => {
+      let {
+        id,
+        name
+      } = _ref4;
+      return {
+        value: id,
+        text: name
+      };
+    }),
     value: selectedFamily.id,
     onChange: e => onSelectFamilyId(e.target.value),
     onClick: e => e.stopPropagation()
   }), selectedFamily.fontStyles && /*#__PURE__*/_react.default.createElement(_Select.default, {
-    options: selectedFamily.fontStyles.map(({
-      id,
-      name
-    }) => ({
-      value: id,
-      text: name
-    })),
+    options: selectedFamily.fontStyles.map(_ref5 => {
+      let {
+        id,
+        name
+      } = _ref5;
+      return {
+        value: id,
+        text: name
+      };
+    }),
     value: selectedFontStyleId,
     onChange: e => onSelectFontStyleId(e.target.value),
     onClick: e => e.stopPropagation()

package/dist/components/TypeTester/TypeTesterStyleSelectData.js

@@ -44,14 +44,15 @@ const computeSimilarity = (left, right) => {
   return weightSimilarity * styleSimilarity * stretchSimilarity;
 };
 
-const TypeTesterStyleSelectData = ({
-  fontStyle,
-  viewer,
-  onSelectFontStyleId,
-  config
-}) => {
+const TypeTesterStyleSelectData = _ref => {
   var _viewer$families, _viewer$families$edge;
 
+  let {
+    fontStyle,
+    viewer,
+    onSelectFontStyleId,
+    config
+  } = _ref;
   const familyData = viewer === null || viewer === void 0 ? void 0 : (_viewer$families = viewer.families) === null || _viewer$families === void 0 ? void 0 : (_viewer$families$edge = _viewer$families.edges) === null || _viewer$families$edge === void 0 ? void 0 : _viewer$families$edge.map(edge => edge.node).filter(_utils.notEmpty);
   const handleSelectFamilyId = (0, _react.useCallback)(id => {
     const family = familyData && familyData.find(family => family.id === id);

package/dist/components/TypeTester/TypeTesterToolbar.js

@@ -23,13 +23,14 @@ 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 TypeTesterToolbar = ({
-  id,
-  features,
-  config
-}) => {
+const TypeTesterToolbar = _ref => {
   var _config$min, _config$max, _config$min2, _config$max2;
 
+  let {
+    id,
+    features,
+    config
+  } = _ref;
   const props = (0, _TypeTesterState.default)({
     id
   });