fontdue-js 1.10.0 → 1.10.2

package/dist/components/TypeTester/TypeTesterFloatingToolbar.js

@@ -4,41 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRelay = require("react-relay");
-
 var _TypeTesterContext = require("./TypeTesterContext");
-
 var _TypeTesterFeatures = _interopRequireDefault(require("./TypeTesterFeatures"));
-
 var _TypeTesterToolbar = _interopRequireDefault(require("./TypeTesterToolbar"));
-
 var _TypeTesterFloatingToolbar_testers;
-
 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 TypeTesterFloatingToolbar = ({
-  testers: testersData,
-  features,
-  axes,
-  onToolbarOpenClose
-}) => {
+const TypeTesterFloatingToolbar = _ref => {
   var _testersData$find;
-
+  let {
+    testers: testersData,
+    features,
+    axes,
+    onToolbarOpenClose
+  } = _ref;
   const {
     testers
   } = (0, _react.useContext)(_TypeTesterContext.TypeTesterContext);
   const id = Object.keys(testers).find(id => testers[id].focused);
-  const [open, setOpen] = (0, _react.useState)(false); // when focus is lost, we lose the latest id, but we don't want to immediately
+  const [open, setOpen] = (0, _react.useState)(false);
+
+  // when focus is lost, we lose the latest id, but we don't want to immediately
   // un-render the toolbar for that id because there's a transition to hide the
   // toolbar. so this keeps the tools rendered with the last non-null id
-
   const [activeId, setActiveId] = (0, _react.useState)(id);
   (0, _react.useEffect)(() => {
     if (id) {
@@ -49,10 +40,8 @@ const TypeTesterFloatingToolbar = ({
   (0, _react.useEffect)(() => {
     let observer = new IntersectionObserver(entries => {
       const entry = entries[0];
-
       if (!entry.isIntersecting) {
         var _document$activeEleme;
-
         setOpen(false);
         (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.blur();
       }
@@ -84,9 +73,7 @@ const TypeTesterFloatingToolbar = ({
     fontStyle: fontStyle
   })));
 };
-
 var _default = (0, _reactRelay.createFragmentContainer)(TypeTesterFloatingToolbar, {
   testers: _TypeTesterFloatingToolbar_testers !== void 0 ? _TypeTesterFloatingToolbar_testers : (_TypeTesterFloatingToolbar_testers = require("../../__generated__/TypeTesterFloatingToolbar_testers.graphql"), _TypeTesterFloatingToolbar_testers.hash && _TypeTesterFloatingToolbar_testers.hash !== "3b87269ef35fe6c6cfabcc7a2e330a3c" && console.error("The definition of 'TypeTesterFloatingToolbar_testers' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFloatingToolbar_testers)
 });
-
 exports.default = _default;

package/dist/components/TypeTester/TypeTesterInput.js

@@ -4,21 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TypeTesterInput = 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 (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 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)(() => {
@@ -36,24 +32,19 @@ const TypeTesterInput = ({
     if (e.target.value === '') {
       return setLocalValue(null);
     }
-
     const parsed = parseFloat(e.target.value);
-
     if (!Number.isNaN(parsed)) {
       setLocalValue(parsed);
     }
   }, []);
   const handleKeyDown = (0, _react.useCallback)(e => {
     if (e.key === 'Enter') propagateValue();
-
     if (localValue) {
       const distance = e.shiftKey ? 10 : 1;
-
       if (e.key === 'ArrowUp') {
         e.preventDefault();
         onChange(Math.min(max, localValue + distance));
       }
-
       if (e.key === 'ArrowDown') {
         e.preventDefault();
         onChange(Math.max(min, localValue - distance));
@@ -75,7 +66,6 @@ const TypeTesterInput = ({
     onKeyDown: handleKeyDown
   }), /*#__PURE__*/_react.default.createElement("span", null, "px"));
 };
-
 exports.TypeTesterInput = TypeTesterInput;
 var _default = TypeTesterInput;
 exports.default = _default;

package/dist/components/TypeTester/TypeTesterSlider.js

@@ -4,31 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRanger = require("react-ranger");
-
 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 logInterpolator = {
   getPercentageForValue: (val, min, max) => {
     const minSign = Math.sign(min);
     const maxSign = Math.sign(max);
-
     if (minSign !== maxSign) {
       throw new Error('Error: logarithmic interpolation does not support ranges that cross 0.');
     }
-
     let percent = 100 / (Math.log10(Math.abs(max)) - Math.log10(Math.abs(min))) * (Math.log10(Math.abs(val)) - Math.log10(Math.abs(min)));
-
     if (minSign < 0) {
       // negative range, means we need to invert our percent because of the Math.abs above
       return 100 - percent;
     }
-
     return percent;
   },
   getValueForClientX: (clientX, trackDims, min, max) => {
@@ -36,7 +27,6 @@ const logInterpolator = {
       left,
       width
     } = trackDims; // FIXME
-
     let value = clientX - left;
     value *= Math.log10(max) - Math.log10(min);
     value /= width;
@@ -44,15 +34,15 @@ const logInterpolator = {
     return value;
   }
 };
-
-const TypeTesterSlider = ({
-  min,
-  max,
-  stepSize,
-  value,
-  onChange,
-  interpolator
-}) => {
+const TypeTesterSlider = _ref => {
+  let {
+    min,
+    max,
+    stepSize,
+    value,
+    onChange,
+    interpolator
+  } = _ref;
   const handleChange = (0, _react.useCallback)(values => onChange(values[0]), [onChange]);
   const {
     getTrackProps,
@@ -68,12 +58,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;
 exports.default = _default;

package/dist/components/TypeTester/TypeTesterStandalone.js

@@ -4,34 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactRelay = require("react-relay");
-
 var _reactStaticContainer = _interopRequireDefault(require("react-static-container"));
-
 var _index = _interopRequireDefault(require("./index"));
-
 var _TypeTesterContext = _interopRequireDefault(require("./TypeTesterContext"));
-
 var _TypeTesterStandalone_StyleQuery;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 !== "a0c0f9c11fa8fcc0208bdf4c7ee109c9" && 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),
@@ -40,11 +33,11 @@ const TypeTesterStandalone = ({
       styleName
     },
     environment: environment,
-    render: ({
-      props
-    }) => {
+    render: _ref2 => {
       var _props$viewer, _props$viewer$fontSty, _props$viewer2, _props$viewer2$fontSt, _props$viewer2$fontSt2, _props$viewer2$fontSt3, _props$viewer3, _props$viewer3$fontSt, _props$viewer3$fontSt2;
-
+      let {
+        props
+      } = _ref2;
       return /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
         shouldUpdate: props
       }, props && /*#__PURE__*/_react.default.createElement(_TypeTesterContext.default, {
@@ -72,6 +65,5 @@ const TypeTesterStandalone = ({
     }
   });
 };
-
 var _default = TypeTesterStandalone;
 exports.default = _default;

package/dist/components/TypeTester/TypeTesterStandaloneElement.js

@@ -4,36 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TypeTesterStandaloneElement = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _TypeTesterStandalone = _interopRequireDefault(require("./TypeTesterStandalone"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 isAlignment = str => {
   return str === 'left' || str === 'center' || str === 'right';
 };
-
 const isDirection = str => {
   return str === 'ltr' || str === 'rtl';
 };
-
 const parseBool = input => input === 'true' ? true : false;
-
-const TypeTesterStandaloneElement = ({
-  lineHeight,
-  fontSize,
-  features,
-  alignment,
-  direction,
-  autofit,
-  ...rest
-}) => {
+const TypeTesterStandaloneElement = _ref => {
   var _features$split;
-
+  let {
+    lineHeight,
+    fontSize,
+    features,
+    alignment,
+    direction,
+    autofit,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_TypeTesterStandalone.default, _extends({
     autofit: parseBool(autofit),
     lineHeight: lineHeight ? parseFloat(lineHeight) : undefined,
@@ -43,7 +35,6 @@ const TypeTesterStandaloneElement = ({
     direction: isDirection(direction) ? direction : undefined
   }, rest));
 };
-
 exports.TypeTesterStandaloneElement = TypeTesterStandaloneElement;
 var _default = TypeTesterStandaloneElement;
 exports.default = _default;

package/dist/components/TypeTester/TypeTesterState.js

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _TypeTesterContext = require("./TypeTesterContext");
-
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const useTypeTesterState = ({
-  id
-}) => {
+const useTypeTesterState = _ref => {
+  let {
+    id
+  } = _ref;
   const config = (0, _react.useContext)(_ConfigContext.default);
   const {
     testers,
@@ -84,13 +80,11 @@ const useTypeTesterState = ({
     },
     toggleFeature: feature => {
       let value;
-
       if (features.indexOf(feature) === -1) {
         value = features.concat(feature);
       } else {
         value = features.filter(f => f !== feature);
       }
-
       dispatch({
         type: 'SET_FEATURES',
         value,
@@ -126,6 +120,5 @@ const useTypeTesterState = ({
     })
   };
 };
-
 var _default = useTypeTesterState;
 exports.default = _default;

package/dist/components/TypeTester/TypeTesterStyleSelect.js

@@ -4,41 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _utils = require("../../utils");
-
 var _Select = _interopRequireDefault(require("../Select"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const VARIABLE_AXES = 'VARIABLE_AXES';
-
-const TypeTesterStyleSelect = ({
-  families,
-  selectedFontStyleId,
-  selectedVariableSettings,
-  onSelectFontStyleValue,
-  onSelectVariableAxes,
-  onSelectFamilyId,
-  includeVariableAxesOption
-}) => {
+const TypeTesterStyleSelect = _ref => {
   var _selectedFamily$fontS7;
-
-  const selectedFamily = families.find(family => family.fontStyles && family.fontStyles.some(({
-    id
-  }) => id === selectedFontStyleId));
-  const selectedFontStyle = selectedFamily && selectedFamily.fontStyles && selectedFamily.fontStyles.find(({
-    id
-  }) => id === selectedFontStyleId);
-
+  let {
+    families,
+    selectedFontStyleId,
+    selectedVariableSettings,
+    onSelectFontStyleValue,
+    onSelectVariableAxes,
+    onSelectFamilyId,
+    includeVariableAxesOption
+  } = _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;
+  });
   const handleSelectFontStyle = selection => {
     if (selection === VARIABLE_AXES) {
       onSelectVariableAxes();
     } else if (selection.includes(':::')) {
       var _selectedFamily$fontS, _selectedFamily$fontS2, _selectedFamily$fontS3;
-
       const [fontStyleId, instanceName] = selection.split(':::');
       const instance = selectedFamily === null || selectedFamily === void 0 ? void 0 : (_selectedFamily$fontS = selectedFamily.fontStyles) === null || _selectedFamily$fontS === void 0 ? void 0 : (_selectedFamily$fontS2 = _selectedFamily$fontS.find(style => style.id === fontStyleId)) === null || _selectedFamily$fontS2 === void 0 ? void 0 : (_selectedFamily$fontS3 = _selectedFamily$fontS2.variableInstances) === null || _selectedFamily$fontS3 === void 0 ? void 0 : _selectedFamily$fontS3.find(instance => instance.name === instanceName);
       let variableSettings;
@@ -53,28 +51,24 @@ const TypeTesterStyleSelect = ({
       });
     }
   };
-
   if (!selectedFamily || !selectedFontStyle) return null;
   let value = selectedFontStyleId;
-
   if (selectedVariableSettings) {
     var _selectedFamily$fontS4, _selectedFamily$fontS5, _selectedFamily$fontS6;
-
     const instance = selectedFamily === null || selectedFamily === void 0 ? void 0 : (_selectedFamily$fontS4 = selectedFamily.fontStyles) === null || _selectedFamily$fontS4 === void 0 ? void 0 : (_selectedFamily$fontS5 = _selectedFamily$fontS4.find(style => style.id === value)) === null || _selectedFamily$fontS5 === void 0 ? void 0 : (_selectedFamily$fontS6 = _selectedFamily$fontS5.variableInstances) === null || _selectedFamily$fontS6 === void 0 ? void 0 : _selectedFamily$fontS6.find(instance => (0, _utils.compareVariableSettings)(instance, selectedVariableSettings));
-
     if (instance) {
       value = `${value}:::${instance.name}`;
     } else {
       value = null;
     }
   }
-
   let isVariable = false;
-  let options = selectedFamily === null || selectedFamily === void 0 ? void 0 : (_selectedFamily$fontS7 = selectedFamily.fontStyles) === null || _selectedFamily$fontS7 === void 0 ? void 0 : _selectedFamily$fontS7.flatMap(({
-    id,
-    name,
-    variableInstances
-  }) => {
+  let options = selectedFamily === null || selectedFamily === void 0 ? void 0 : (_selectedFamily$fontS7 = selectedFamily.fontStyles) === null || _selectedFamily$fontS7 === void 0 ? void 0 : _selectedFamily$fontS7.flatMap(_ref4 => {
+    let {
+      id,
+      name,
+      variableInstances
+    } = _ref4;
     if (variableInstances && (variableInstances === null || variableInstances === void 0 ? void 0 : variableInstances.length) > 0) {
       isVariable = true;
       return variableInstances.map(instance => ({
@@ -82,30 +76,30 @@ const TypeTesterStyleSelect = ({
         text: instance.name
       }));
     }
-
     return [{
       value: id,
       text: name
     }];
   });
-
   if (isVariable && includeVariableAxesOption) {
     options === null || options === void 0 ? void 0 : options.push({
       value: VARIABLE_AXES,
       text: 'Variable axes...'
     });
   }
-
   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(_ref5 => {
+      let {
+        id,
+        name
+      } = _ref5;
+      return {
+        value: id,
+        text: name
+      };
+    }),
     value: selectedFamily.id,
     onChange: e => onSelectFamilyId(e.target.value),
     onClick: e => e.stopPropagation()
@@ -117,6 +111,5 @@ const TypeTesterStyleSelect = ({
     onClick: e => e.stopPropagation()
   }));
 };
-
 var _default = TypeTesterStyleSelect;
 exports.default = _default;

package/dist/components/TypeTester/TypeTesterStyleSelectData.js

@@ -4,82 +4,67 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRelay = require("react-relay");
-
 var _utils = require("../../utils");
-
 var _TypeTesterStyleSelect = _interopRequireDefault(require("./TypeTesterStyleSelect"));
-
 var _relayRuntime = require("relay-runtime");
-
 var _TypeTesterStyleSelectData_fontStyleData, _TypeTesterStyleSelectData_fontStyle, _TypeTesterStyleSelectData_viewer;
-
 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; }
+_TypeTesterStyleSelectData_fontStyleData !== void 0 ? _TypeTesterStyleSelectData_fontStyleData : (_TypeTesterStyleSelectData_fontStyleData = require("../../__generated__/TypeTesterStyleSelectData_fontStyleData.graphql"), _TypeTesterStyleSelectData_fontStyleData.hash && _TypeTesterStyleSelectData_fontStyleData.hash !== "fb09207ccab08c7e73677486469a3c95" && console.error("The definition of 'TypeTesterStyleSelectData_fontStyleData' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_fontStyleData);
 
-_TypeTesterStyleSelectData_fontStyleData !== void 0 ? _TypeTesterStyleSelectData_fontStyleData : (_TypeTesterStyleSelectData_fontStyleData = require("../../__generated__/TypeTesterStyleSelectData_fontStyleData.graphql"), _TypeTesterStyleSelectData_fontStyleData.hash && _TypeTesterStyleSelectData_fontStyleData.hash !== "fb09207ccab08c7e73677486469a3c95" && console.error("The definition of 'TypeTesterStyleSelectData_fontStyleData' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_fontStyleData); // get a score for similarity between two styles
+// get a score for similarity between two styles
 // 0 < n <= 1
 // where 1 = exact match
-
 const computeSimilarity = (left, right) => {
   let weightDiff = null;
-
   if (left.cssWeight && right.cssWeight) {
     weightDiff = Math.abs(parseInt(left.cssWeight, 10) - parseInt(right.cssWeight, 10));
-  } // since weight class values go from 1 to 1000
+  }
 
+  // since weight class values go from 1 to 1000
+  const weightSimilarity = weightDiff === null ? 0 : (1000 - weightDiff) / 1000;
 
-  const weightSimilarity = weightDiff === null ? 0 : (1000 - weightDiff) / 1000; // use 0.9 for non matching styles, since we prefer weight but if there's a matching style
+  // use 0.9 for non matching styles, since we prefer weight but if there's a matching style
   // it shouldn't take preference over a closer weight
+  const styleSimilarity = left.cssStyle === right.cssStyle ? 1 : 0.9;
 
-  const styleSimilarity = left.cssStyle === right.cssStyle ? 1 : 0.9; // it's possible to make this better but we'll just use the same algorithm as style for now
-
+  // it's possible to make this better but we'll just use the same algorithm as style for now
   const stretchSimilarity = left.cssStretch === right.cssStretch ? 1 : 0.9;
   return weightSimilarity * styleSimilarity * stretchSimilarity;
 };
-
-const TypeTesterStyleSelectData = ({
-  fontStyle,
-  viewer,
-  onSelectFontStyleValue,
-  onSelectVariableAxes,
-  config,
-  variableSettings,
-  includeVariableAxesOption
-}) => {
+const TypeTesterStyleSelectData = _ref => {
   var _viewer$families, _viewer$families$edge;
-
+  let {
+    fontStyle,
+    viewer,
+    onSelectFontStyleValue,
+    onSelectVariableAxes,
+    config,
+    variableSettings,
+    includeVariableAxesOption
+  } = _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);
     if (!family) return;
     let fontStyleId = fontStyle.id;
     let variableSettings;
-
     if (family.isVariableFont) {
       var _family$fontStyles;
-
       const newFontStyle = (_family$fontStyles = family.fontStyles) === null || _family$fontStyles === void 0 ? void 0 : _family$fontStyles[0];
-
       if (newFontStyle) {
         var _newFontStyle$variabl;
-
         fontStyleId = newFontStyle.id;
         const instance = (_newFontStyle$variabl = newFontStyle.variableInstances) === null || _newFontStyle$variabl === void 0 ? void 0 : _newFontStyle$variabl[0];
-
         if (instance) {
           variableSettings = (0, _utils.variableInstanceSettings)(instance);
         }
       }
     } else {
       var _family$fontStyles2;
-
       const styleWeightDifferences = ((_family$fontStyles2 = family.fontStyles) === null || _family$fontStyles2 === void 0 ? void 0 : _family$fontStyles2.map(right => {
         return {
           id: right.id,
@@ -91,7 +76,6 @@ const TypeTesterStyleSelectData = ({
         return closest;
       }).id;
     }
-
     onSelectFontStyleValue({
       fontStyleId,
       variableSettings
@@ -113,10 +97,8 @@ const TypeTesterStyleSelectData = ({
     className: "type-tester__name__style"
   }, fontStyle.name.replace(/ /g, '\xa0')));
 };
-
 var _default = (0, _reactRelay.createFragmentContainer)(TypeTesterStyleSelectData, {
   fontStyle: _TypeTesterStyleSelectData_fontStyle !== void 0 ? _TypeTesterStyleSelectData_fontStyle : (_TypeTesterStyleSelectData_fontStyle = require("../../__generated__/TypeTesterStyleSelectData_fontStyle.graphql"), _TypeTesterStyleSelectData_fontStyle.hash && _TypeTesterStyleSelectData_fontStyle.hash !== "6d485f52ae538b13da3f1f924512299c" && console.error("The definition of 'TypeTesterStyleSelectData_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_fontStyle),
   viewer: _TypeTesterStyleSelectData_viewer !== void 0 ? _TypeTesterStyleSelectData_viewer : (_TypeTesterStyleSelectData_viewer = require("../../__generated__/TypeTesterStyleSelectData_viewer.graphql"), _TypeTesterStyleSelectData_viewer.hash && _TypeTesterStyleSelectData_viewer.hash !== "d5d291b8b41470b9e602ee83af05e047" && console.error("The definition of 'TypeTesterStyleSelectData_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStyleSelectData_viewer)
 });
-
 exports.default = _default;