fontdue-js 0.1.0 → 0.1.3

package/dist/components/TypeTester/TypeTesterFeatures.js

@@ -17,6 +17,8 @@ var _TypeTesterState = _interopRequireDefault(require("./TypeTesterState"));
 
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+
 var _TypeTesterFeatures_stylisticSetName, _TypeTesterFeatures_fontStyle;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25,7 +27,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 +65,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 +88,17 @@ 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
-}) => {
-  var _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$openTypeFeatu4, _config$openTypeFeatu5, _config$openTypeFeatu6;
+const TypeTesterFeatures = _ref2 => {
+  var _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$openTypeFeatu4;
 
+  let {
+    id,
+    fontStyle,
+    features: showFeatures
+  } = _ref2;
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   const {
     features,
     toggleFeature,
@@ -96,7 +106,7 @@ const TypeTesterFeatures = ({
   } = (0, _TypeTesterState.default)({
     id
   });
-  const selectionStyle = (_config$openTypeFeatu = (_config$openTypeFeatu2 = config.openTypeFeatures) === null || _config$openTypeFeatu2 === void 0 ? void 0 : _config$openTypeFeatu2.selectionStyle) !== null && _config$openTypeFeatu !== void 0 ? _config$openTypeFeatu : 'bullet';
+  const selectionStyle = config.openTypeFeatures.selectionStyle;
 
   const renderFeature = feature => {
     var _fontStyle$fontFeatur;
@@ -122,7 +132,7 @@ const TypeTesterFeatures = ({
 
   let featuresColumns;
 
-  if ((_config$openTypeFeatu3 = config.openTypeFeatures) !== null && _config$openTypeFeatu3 !== void 0 && (_config$openTypeFeatu4 = _config$openTypeFeatu3.columns) !== null && _config$openTypeFeatu4 !== void 0 && _config$openTypeFeatu4.length) {
+  if ((_config$openTypeFeatu = config.openTypeFeatures) !== null && _config$openTypeFeatu !== void 0 && (_config$openTypeFeatu2 = _config$openTypeFeatu.columns) !== null && _config$openTypeFeatu2 !== void 0 && _config$openTypeFeatu2.length) {
     featuresColumns = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, config.openTypeFeatures.columns.map((columnConfig, i) => /*#__PURE__*/_react.default.createElement("div", {
       key: i,
       "data-range": columnConfig.range,
@@ -151,7 +161,8 @@ const TypeTesterFeatures = ({
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: featuresContentRef,
     className: "type-tester__features",
-    "data-columns": (_config$openTypeFeatu5 = config.openTypeFeatures) !== null && _config$openTypeFeatu5 !== void 0 && (_config$openTypeFeatu6 = _config$openTypeFeatu5.columns) !== null && _config$openTypeFeatu6 !== void 0 && _config$openTypeFeatu6.length ? 'set' : 'auto'
+    "data-selection-style": selectionStyle,
+    "data-columns": (_config$openTypeFeatu3 = config.openTypeFeatures) !== null && _config$openTypeFeatu3 !== void 0 && (_config$openTypeFeatu4 = _config$openTypeFeatu3.columns) !== null && _config$openTypeFeatu4 !== void 0 && _config$openTypeFeatu4.length ? 'set' : 'auto'
   }, featuresColumns));
 };
 

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
-}) => {
-  var _testersData$find, _config$typeTester, _config$typeTester2;
-
+const TypeTesterFloatingToolbar = _ref => {
+  var _testersData$find;
+
+  let {
+    testers: testersData,
+    features,
+    onToolbarOpenClose
+  } = _ref;
   const config = (0, _react.useContext)(_ConfigContext.default);
   const {
     testers
@@ -76,13 +77,11 @@ const TypeTesterFloatingToolbar = ({
     "data-open": activeId && open
   }, activeId && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TypeTesterToolbar.default, {
     id: activeId,
-    features: features,
-    config: (_config$typeTester = config.typeTester) !== null && _config$typeTester !== void 0 ? _config$typeTester : {}
+    features: features
   }), features && fontStyle && /*#__PURE__*/_react.default.createElement(_TypeTesterFeatures.default, {
     id: activeId,
     features: features,
-    fontStyle: fontStyle,
-    config: (_config$typeTester2 = config.typeTester) !== null && _config$typeTester2 !== void 0 ? _config$typeTester2 : {}
+    fontStyle: fontStyle
   })));
 };
 

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,32 +21,34 @@ 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),
+    query: _TypeTesterStandalone_StyleQuery !== void 0 ? _TypeTesterStandalone_StyleQuery : (_TypeTesterStandalone_StyleQuery = require("../../__generated__/TypeTesterStandalone_StyleQuery.graphql"), _TypeTesterStandalone_StyleQuery.hash && _TypeTesterStandalone_StyleQuery.hash !== "6b7470fc7c096c1adc484c7b3d32b126" && 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),
     variables: {
       familyName,
       styleName
     },
     environment: environment,
-    render: ({
-      props
-    }) => {
-      var _props$viewer$fontSty, _props$viewer, _props$viewer$fontSty2, _features$split;
+    render: _ref2 => {
+      var _props$viewer$fontSty, _props$viewer, _props$viewer$fontSty2, _features$split, _props$viewer$fontSty3, _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, {
@@ -64,7 +66,7 @@ const TypeTesterStandalone = ({
         fontStyleId: (_props$viewer$fontSty = (_props$viewer = props.viewer) === null || _props$viewer === void 0 ? void 0 : (_props$viewer$fontSty2 = _props$viewer.fontStyle) === null || _props$viewer$fontSty2 === void 0 ? void 0 : _props$viewer$fontSty2.id) !== null && _props$viewer$fontSty !== void 0 ? _props$viewer$fontSty : null,
         features: (_features$split = features === null || features === void 0 ? void 0 : features.split(',')) !== null && _features$split !== void 0 ? _features$split : [],
         direction: direction === 'rtl' ? 'rtl' : 'ltr',
-        productId: "TODO",
+        productId: (_props$viewer$fontSty3 = (_props$viewer2 = props.viewer) === null || _props$viewer2 === void 0 ? void 0 : (_props$viewer2$fontSt = _props$viewer2.fontStyle) === null || _props$viewer2$fontSt === void 0 ? void 0 : (_props$viewer2$fontSt2 = _props$viewer2$fontSt.family) === null || _props$viewer2$fontSt2 === void 0 ? void 0 : (_props$viewer2$fontSt3 = _props$viewer2$fontSt2.parent) === null || _props$viewer2$fontSt3 === void 0 ? void 0 : _props$viewer2$fontSt3.id) !== null && _props$viewer$fontSty3 !== void 0 ? _props$viewer$fontSty3 : (_props$viewer3 = props.viewer) === null || _props$viewer3 === void 0 ? void 0 : (_props$viewer3$fontSt = _props$viewer3.fontStyle) === null || _props$viewer3$fontSt === void 0 ? void 0 : (_props$viewer3$fontSt2 = _props$viewer3$fontSt.family) === null || _props$viewer3$fontSt2 === void 0 ? void 0 : _props$viewer3$fontSt2.id,
         config: {
           groupEdit: false,
           buyButton: false

package/dist/components/TypeTester/TypeTesterState.js

@@ -13,18 +13,17 @@ var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useTypeTesterState = ({
-  id
-}) => {
-  var _config$typeTester$to, _config$typeTester;
-
+const useTypeTesterState = _ref => {
+  let {
+    id
+  } = _ref;
   const config = (0, _react.useContext)(_ConfigContext.default);
   const {
     testers,
     globalFeaturesOpen,
     dispatch
   } = (0, _react.useContext)(_TypeTesterContext.TypeTesterContext);
-  const toolsPosition = (_config$typeTester$to = config === null || config === void 0 ? void 0 : (_config$typeTester = config.typeTester) === null || _config$typeTester === void 0 ? void 0 : _config$typeTester.toolsPosition) !== null && _config$typeTester$to !== void 0 ? _config$typeTester$to : 'inline';
+  const toolsPosition = config.typeTester.toolsPosition;
   const {
     content,
     contentEdited,

package/dist/components/TypeTester/TypeTesterStyleSelect.js

@@ -11,42 +11,53 @@ var _Select = _interopRequireDefault(require("../Select"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
-import { TypeTesterConfig } from '.';
 interface TypeTesterToolbar_props {
     id: string;
     features: readonly string[] | null | undefined;
-    config: TypeTesterConfig;
 }
 declare const TypeTesterToolbar: React.FC<TypeTesterToolbar_props>;
 export default TypeTesterToolbar;

package/dist/components/TypeTester/TypeTesterToolbar.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _TypeTesterFeaturesButton = _interopRequireDefault(require("./TypeTesterFeaturesButton"));
 
@@ -19,17 +19,22 @@ 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 _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 _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); }
 
-const TypeTesterToolbar = ({
-  id,
-  features,
-  config
-}) => {
-  var _config$min, _config$max, _config$min2, _config$max2;
+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 = _ref => {
+  let {
+    id,
+    features
+  } = _ref;
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   const props = (0, _TypeTesterState.default)({
     id
   });
@@ -39,18 +44,16 @@ const TypeTesterToolbar = ({
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester__slider"
   }, config.textInput && /*#__PURE__*/_react.default.createElement(_TypeTesterInput.default, {
-    min: (_config$min = config.min) !== null && _config$min !== void 0 ? _config$min : 10,
-    max: (_config$max = config.max) !== null && _config$max !== void 0 ? _config$max : 200,
+    min: config.min,
+    max: config.max,
     value: props.size,
     onChange: props.setSize
   }), /*#__PURE__*/_react.default.createElement(_TypeTesterSlider.default, {
-    min: (_config$min2 = config.min) !== null && _config$min2 !== void 0 ? _config$min2 : 10,
-    max: (_config$max2 = config.max) !== null && _config$max2 !== void 0 ? _config$max2 : 200,
+    min: config.min,
+    max: config.max,
     value: props.size,
     onChange: props.setSize
-  })), Boolean(features === null || features === void 0 ? void 0 : features.length) && /*#__PURE__*/_react.default.createElement(_TypeTesterFeaturesButton.default, props), config.alignmentButtons && /*#__PURE__*/_react.default.createElement(_TypeTesterAlignButtons.default, props), config.groupEdit && /*#__PURE__*/_react.default.createElement(_TypeTesterEditAll.default, _extends({}, props, {
-    config: config
-  })));
+  })), Boolean(features === null || features === void 0 ? void 0 : features.length) && /*#__PURE__*/_react.default.createElement(_TypeTesterFeaturesButton.default, props), config.alignmentButtons && /*#__PURE__*/_react.default.createElement(_TypeTesterAlignButtons.default, props), config.groupEdit && /*#__PURE__*/_react.default.createElement(_TypeTesterEditAll.default, props));
 };
 
 var _default = TypeTesterToolbar;

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

@@ -5,6 +5,7 @@ export interface TypeTesterConfig {
     max?: number;
     selectable?: boolean;
     priceBar?: boolean;
+    selectButton?: boolean;
     buyButton?: boolean;
     textInput?: boolean;
     initialMode?: 'group' | 'local';
@@ -32,7 +33,7 @@ export interface TypeTesterConfig {
 }
 export interface TypeTesterBaseProps {
     id: string;
-    productId: string;
+    productId?: string;
     direction: 'ltr' | 'rtl';
     onSelectFontStyleId: (value: string) => void;
     features?: readonly string[] | null;