fontdue-js 1.10.0 → 1.10.2

package/dist/components/TypeTester/TypeTesterToolbar.js

@@ -4,37 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _TypeTesterFeaturesButton = _interopRequireDefault(require("./TypeTesterFeaturesButton"));
-
 var _TypeTesterEditAll = _interopRequireDefault(require("./TypeTesterEditAll"));
-
 var _TypeTesterSlider = _interopRequireDefault(require("./TypeTesterSlider"));
-
 var _TypeTesterInput = _interopRequireDefault(require("./TypeTesterInput"));
-
 var _TypeTesterState = _interopRequireDefault(require("./TypeTesterState"));
-
 var _TypeTesterAlignButtons = _interopRequireDefault(require("./TypeTesterAlignButtons"));
-
 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 TypeTesterToolbar = ({
-  id,
-  features,
-  axes,
-  fontStyle,
-  onNeedsRefocus,
-  groupEdit
-}) => {
+const TypeTesterToolbar = _ref => {
+  let {
+    id,
+    features,
+    axes,
+    fontStyle,
+    onNeedsRefocus,
+    groupEdit
+  } = _ref;
   const {
     typeTester: config
   } = (0, _react.useContext)(_ConfigContext.default);
@@ -78,6 +67,5 @@ const TypeTesterToolbar = ({
     features: features
   }), config.alignmentButtons && /*#__PURE__*/_react.default.createElement(_TypeTesterAlignButtons.default, props), (groupEdit !== null && groupEdit !== void 0 ? groupEdit : config.groupEdit) && /*#__PURE__*/_react.default.createElement(_TypeTesterEditAll.default, props));
 };
-
 var _default = TypeTesterToolbar;
 exports.default = _default;

package/dist/components/TypeTester/TypeTesterVariableAxes.js

@@ -4,19 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _TypeTesterSlider = _interopRequireDefault(require("./TypeTesterSlider"));
-
 var _TypeTesterState = _interopRequireDefault(require("./TypeTesterState"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const TypeTesterVariableAxes = ({
-  id,
-  axes
-}) => {
+const TypeTesterVariableAxes = _ref => {
+  let {
+    id,
+    axes
+  } = _ref;
   const {
     variableSettings,
     setVariableSettings
@@ -25,20 +21,19 @@ const TypeTesterVariableAxes = ({
   });
   if (!variableSettings) return null;
   if (!axes) return null;
-
   const handleChange = (axis, value) => {
     variableSettings[axis] = value;
     setVariableSettings(variableSettings);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester__variable-axes"
-  }, axes.map(({
-    axis,
-    name,
-    minValue,
-    maxValue
-  }) => {
+  }, axes.map(_ref2 => {
+    let {
+      axis,
+      name,
+      minValue,
+      maxValue
+    } = _ref2;
     const isSmall = Math.abs(maxValue - minValue) <= 1;
     const value = variableSettings[axis];
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -60,6 +55,5 @@ const TypeTesterVariableAxes = ({
     })));
   }));
 };
-
 var _default = TypeTesterVariableAxes;
 exports.default = _default;

package/dist/components/TypeTester/index.js

@@ -4,81 +4,56 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRelay = require("react-relay");
-
 var _reactRedux = require("react-redux");
-
 var _Stylesheet = _interopRequireDefault(require("../Stylesheet"));
-
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-
 var _FontStyle = _interopRequireDefault(require("../FontStyle"));
-
 var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
-
 var _SelectButton = _interopRequireDefault(require("../SelectButton"));
-
 var _utils = require("../../utils");
-
 var _TypeTesterStyleSelectData = _interopRequireDefault(require("./TypeTesterStyleSelectData"));
-
 var _TypeTesterFeatures = _interopRequireDefault(require("./TypeTesterFeatures"));
-
 var _TypeTesterContent = _interopRequireDefault(require("./TypeTesterContent"));
-
 var _TypeTesterState = _interopRequireDefault(require("./TypeTesterState"));
-
 var _TypeTesterToolbar = _interopRequireDefault(require("./TypeTesterToolbar"));
-
 var _TypeTester_fontStyle, _TypeTester_viewer, _TypeTester_NewStyleQuery, _TypeTester_sku;
-
 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; }
-
-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); }
 // if there's no SKU associated to the font style, it's likely
 // part of a collection which has a SKU. let's find the cheapest
 // collection to use
 const getSku = fontStyle => {
   var _fontStyle$fontCollec;
-
   if (fontStyle !== null && fontStyle !== void 0 && fontStyle.sku) return fontStyle.sku;
   return fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$fontCollec = fontStyle.fontCollections) === null || _fontStyle$fontCollec === void 0 ? void 0 : _fontStyle$fontCollec.reduce((result, current) => {
     var _current$sku;
-
     const currentAmount = current === null || current === void 0 ? void 0 : (_current$sku = current.sku) === null || _current$sku === void 0 ? void 0 : _current$sku.basePrice.amount;
     if (!currentAmount) return result;
-
     if (current !== null && current !== void 0 && current.sku) {
       if (!result) return current.sku;
       if (currentAmount < result.basePrice.amount) return current.sku;
     }
-
     return result;
   }, null);
 };
-
-const TypeTester = ({
-  id,
-  productId,
-  direction = 'ltr',
-  fontStyle: fontStyleKey,
-  viewer: viewerKey,
-  onFocus,
-  onBlur,
-  features,
-  axes,
-  groupEdit
-}) => {
+const TypeTester = _ref => {
   var _fontStyleData$id;
-
+  let {
+    id,
+    productId,
+    direction = 'ltr',
+    fontStyle: fontStyleKey,
+    viewer: viewerKey,
+    onFocus,
+    onBlur,
+    features,
+    axes,
+    groupEdit
+  } = _ref;
   const fontStyleData = (0, _reactRelay.useFragment)(_TypeTester_fontStyle !== void 0 ? _TypeTester_fontStyle : (_TypeTester_fontStyle = require("../../__generated__/TypeTester_fontStyle.graphql"), _TypeTester_fontStyle.hash && _TypeTester_fontStyle.hash !== "96336f74661d90c44c9a83479fa8c263" && console.error("The definition of 'TypeTester_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_fontStyle), fontStyleKey);
   const viewer = (0, _reactRelay.useFragment)(_TypeTester_viewer !== void 0 ? _TypeTester_viewer : (_TypeTester_viewer = require("../../__generated__/TypeTester_viewer.graphql"), _TypeTester_viewer.hash && _TypeTester_viewer.hash !== "a12af7126d512a50ab0b7e5e14a7d8eb" && console.error("The definition of 'TypeTester_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_viewer), viewerKey);
   const [selectedFontStyleId, setSelectedFontStyleId] = (0, _react.useState)((_fontStyleData$id = fontStyleData === null || fontStyleData === void 0 ? void 0 : fontStyleData.id) !== null && _fontStyleData$id !== void 0 ? _fontStyleData$id : null);
@@ -86,12 +61,10 @@ const TypeTester = ({
   const environment = (0, _reactRelay.useRelayEnvironment)();
   (0, _react.useEffect)(() => {
     if (!selectedFontStyleId) return;
-
     if (selectedFontStyleId === (fontStyleData === null || fontStyleData === void 0 ? void 0 : fontStyleData.id)) {
       setFontStyle(fontStyleData);
       return;
     }
-
     const observable = (0, _reactRelay.fetchQuery)(environment, _TypeTester_NewStyleQuery !== void 0 ? _TypeTester_NewStyleQuery : (_TypeTester_NewStyleQuery = require("../../__generated__/TypeTester_NewStyleQuery.graphql"), _TypeTester_NewStyleQuery.hash && _TypeTester_NewStyleQuery.hash !== "ba1870daafcad35b740226153cd96f79" && console.error("The definition of 'TypeTester_NewStyleQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_NewStyleQuery), {
       id: selectedFontStyleId
     }).subscribe({
@@ -117,13 +90,10 @@ const TypeTester = ({
   const selected = (0, _reactRedux.useSelector)(fontStyle && fontStyle.sku ? (0, _utils.isSelected)(fontStyle.sku.id) : () => false);
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   const sku = getSku(fontStyle);
-
   const onNeedsRefocus = () => {
     var _contentRef$current;
-
     (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.focus();
   };
-
   if (!fontStyle) return null;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, fontStyle.family && fontStyle.family.cssUrl && /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
     href: fontStyle.family.cssUrl
@@ -146,10 +116,11 @@ const TypeTester = ({
     fontStyle: fontStyle,
     variableSettings: props.variableSettings,
     viewer: viewer,
-    onSelectFontStyleValue: ({
-      fontStyleId,
-      variableSettings
-    }) => {
+    onSelectFontStyleValue: _ref2 => {
+      let {
+        fontStyleId,
+        variableSettings
+      } = _ref2;
       setSelectedFontStyleId(fontStyleId);
       props.setVariableSettings(variableSettings !== null && variableSettings !== void 0 ? variableSettings : null);
       props.setFeatures([]);
@@ -197,10 +168,11 @@ const TypeTester = ({
   }, /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
     fontStyle: fontStyle,
     className: "type-tester__text__font-style"
-  }, ({
-    loaded,
-    style
-  }) => {
+  }, _ref3 => {
+    let {
+      loaded,
+      style
+    } = _ref3;
     if (loaded) {
       return /*#__PURE__*/_react.default.createElement(_TypeTesterContent.default, _extends({}, props, {
         ref: contentRef,
@@ -212,7 +184,6 @@ const TypeTester = ({
         autofitOnChange: config.autofitOnChange
       }));
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "type-tester__text__container",
       style: {
@@ -222,7 +193,6 @@ const TypeTester = ({
     }, props.content.getCurrentContent().getPlainText());
   }))));
 };
-
 _TypeTester_sku !== void 0 ? _TypeTester_sku : (_TypeTester_sku = require("../../__generated__/TypeTester_sku.graphql"), _TypeTester_sku.hash && _TypeTester_sku.hash !== "1538559015ee3064ae577b7a5e90f34e" && console.error("The definition of 'TypeTester_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTester_sku);
 var _default = TypeTester;
 exports.default = _default;

package/dist/components/TypeTester/useFeaturesData.js

@@ -4,45 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactRelay = require("react-relay");
-
 var _features = _interopRequireDefault(require("./features"));
-
 var _useFeaturesData_fontStyle;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const getStylisticSetName = (feature, stylisticSetNames) => stylisticSetNames.find(({
-  featureName
-}) => featureName === feature);
-
-const useFeaturesData = ({
-  fontStyle
-}) => {
+const getStylisticSetName = (feature, stylisticSetNames) => stylisticSetNames.find(_ref => {
+  let {
+    featureName
+  } = _ref;
+  return featureName === feature;
+});
+const useFeaturesData = _ref2 => {
   var _data$fontFeatures$su, _data$fontFeatures;
-
+  let {
+    fontStyle
+  } = _ref2;
   const data = (0, _reactRelay.useFragment)(_useFeaturesData_fontStyle !== void 0 ? _useFeaturesData_fontStyle : (_useFeaturesData_fontStyle = require("../../__generated__/useFeaturesData_fontStyle.graphql"), _useFeaturesData_fontStyle.hash && _useFeaturesData_fontStyle.hash !== "f698c938cad6a351aaba65d33ce650d2" && console.error("The definition of 'useFeaturesData_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _useFeaturesData_fontStyle), fontStyle);
   const featureNames = (_data$fontFeatures$su = (_data$fontFeatures = data.fontFeatures) === null || _data$fontFeatures === void 0 ? void 0 : _data$fontFeatures.supportedFeatures.reduce((acc, feature) => {
     let featureName = feature;
-
     if (_features.default.hasOwnProperty(feature)) {
       featureName = _features.default[feature];
     }
-
     const stylisticSetName = getStylisticSetName(feature, data.fontFeatures.stylisticSetNames);
-
     if (stylisticSetName) {
       featureName = stylisticSetName.humanName;
     }
-
     acc[feature] = featureName;
     return acc;
   }, {})) !== null && _data$fontFeatures$su !== void 0 ? _data$fontFeatures$su : [];
-  return { ...data,
+  return {
+    ...data,
     featureNames
   };
 };
-
 var _default = useFeaturesData;
 exports.default = _default;

package/dist/components/TypeTester/useTypeTesterStyler.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _throttled = require("@react-hook/window-size/throttled");
-
 var _reactDeviceDetect = require("react-device-detect");
-
 const createClone = styles => {
   const clone = document.createElement('div');
   clone.style.display = 'inline-block';
@@ -23,71 +19,70 @@ const createClone = styles => {
   clone.style.fontFamily = `${styles.fontFamily}`;
   clone.style.fontWeight = `${styles.fontWeight}`;
   clone.style.fontStyle = `${styles.fontStyle}`;
-  clone.style.wordWrap = 'normal'; // @ts-ignore
+  clone.style.wordWrap = 'normal';
 
+  // @ts-ignore
   clone.style.fontVariationSettings = styles.fontVariationSettings;
   return clone;
 };
-
-const useTypeTesterStyler = ({
-  size,
-  autofit,
-  autofitOnChange,
-  features,
-  setSize,
-  min,
-  max,
-  truncate,
-  focused,
-  lineHeight,
-  fontStyles,
-  content,
-  contentEdited,
-  alignment,
-  variableSettings
-}) => {
+const useTypeTesterStyler = _ref => {
+  let {
+    size,
+    autofit,
+    autofitOnChange,
+    features,
+    setSize,
+    min,
+    max,
+    truncate,
+    focused,
+    lineHeight,
+    fontStyles,
+    content,
+    contentEdited,
+    alignment,
+    variableSettings
+  } = _ref;
   const ref = (0, _react.useRef)(null);
   const fontVariationSettings = variableSettings ? Object.keys(variableSettings).map(axis => `'${axis}' ${variableSettings[axis]}`).join(',') : undefined;
-  const clone = (0, _react.useRef)(createClone({ ...fontStyles,
+  const clone = (0, _react.useRef)(createClone({
+    ...fontStyles,
     fontVariationSettings
   }));
   const latestSizeRef = (0, _react.useRef)(size);
   let sideBuffer = autofit ? 10 : 0;
-
   const computeSize = () => {
     if (!autofit) return;
-    if (!ref.current) return; // stop autofitting after user edited content
+    if (!ref.current) return;
 
+    // stop autofitting after user edited content
     if (contentEdited === true && !autofitOnChange) return;
     const availableWidth = ref.current.clientWidth - sideBuffer;
     if (!availableWidth) return;
     const $textElement = ref.current.querySelector('.public-DraftStyleDefault-block');
-
     if (!$textElement) {
       console.warn('Didnt find editor text element');
       return;
     }
-
     const currentWidth = clone.current.scrollWidth;
     const ratio = availableWidth / currentWidth;
-    let newSize = Math.min(Math.max(min, ratio * latestSizeRef.current), max); // safari rounds font sizes, so it's impossible to get the width exactly right
+    let newSize = Math.min(Math.max(min, ratio * latestSizeRef.current), max);
+
+    // safari rounds font sizes, so it's impossible to get the width exactly right
     //
     // https://bugs.webkit.org/show_bug.cgi?id=46987
     // "Yeah, we purposely round the font sizes so that we get a higher
     //    hit rate in our various caches."
     //
     // so we truncate it since we prefer it slightly smaller than slightly bigger
-
     if (_reactDeviceDetect.isSafari || _reactDeviceDetect.isMobileSafari) {
       newSize = Math.trunc(newSize);
     }
-
     clone.current.style.fontSize = `${newSize}px`;
     setSize(newSize, {
       auto: true
     });
   };
-
   (0, _react.useLayoutEffect)(() => {
     // we can't run computeSize whenever size changes, because it triggers
     // an infinite loop. but we need the size value to be up-to-date to do
@@ -100,7 +95,6 @@ const useTypeTesterStyler = ({
   (0, _react.useLayoutEffect)(computeSize, [windowWidth, autofit]);
   (0, _react.useLayoutEffect)(() => {
     var _ref$current, _$textElement$innerHT;
-
     if (!autofitOnChange) return;
     const $textElement = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('.public-DraftStyleDefault-block');
     clone.current.innerHTML = (_$textElement$innerHT = $textElement === null || $textElement === void 0 ? void 0 : $textElement.innerHTML) !== null && _$textElement$innerHT !== void 0 ? _$textElement$innerHT : '';
@@ -108,7 +102,6 @@ const useTypeTesterStyler = ({
   }, [content, autofitOnChange]);
   (0, _react.useEffect)(() => {
     var _ref$current2, _$textElement$innerHT2;
-
     const $textElement = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelector('.public-DraftStyleDefault-block');
     clone.current.innerHTML = (_$textElement$innerHT2 = $textElement === null || $textElement === void 0 ? void 0 : $textElement.innerHTML) !== null && _$textElement$innerHT2 !== void 0 ? _$textElement$innerHT2 : '';
     document.body.appendChild(clone.current);
@@ -134,6 +127,5 @@ const useTypeTesterStyler = ({
     style
   };
 };
-
 var _default = useTypeTesterStyler;
 exports.default = _default;

package/dist/components/TypeTesters/TypeTestersElement.js

@@ -4,25 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("./index"));
-
 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); }
-
-const TypeTestersElement = ({
-  autofit,
-  tags,
-  excludeTags,
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement(_index.default, _extends({
-  tags: tags === null || tags === void 0 ? void 0 : tags.split(','),
-  excludeTags: excludeTags === null || excludeTags === void 0 ? void 0 : excludeTags.split(','),
-  autofit: autofit === 'true'
-}, rest));
-
+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 TypeTestersElement = _ref => {
+  let {
+    autofit,
+    tags,
+    excludeTags,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_index.default, _extends({
+    tags: tags === null || tags === void 0 ? void 0 : tags.split(','),
+    excludeTags: excludeTags === null || excludeTags === void 0 ? void 0 : excludeTags.split(','),
+    autofit: autofit === 'true'
+  }, rest));
+};
 var _default = TypeTestersElement;
 exports.default = _default;