fontdue-js 2.0.0-alpha5 → 2.0.0-alpha6

package/dist/components/TypeTester/TypeTesterFloatingToolbar.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = TypeTesterFloatingToolbar;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TypeTesterContext = require("./TypeTesterContext");
@@ -13,14 +13,15 @@ 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 = _ref => {
+function TypeTesterFloatingToolbar(_ref) {
   var _testersData$find;
   let {
-    testers: testersData,
+    testers: testersKey,
     features,
     axes,
     onToolbarOpenClose
   } = _ref;
+  const testersData = (0, _reactRelay.useFragment)(_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), testersKey);
   const {
     testers
   } = (0, _react.useContext)(_TypeTesterContext.TypeTesterContext);
@@ -72,8 +73,4 @@ const TypeTesterFloatingToolbar = _ref => {
     axes: axes,
     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/TypeTesterStyleSelectData.d.ts

@@ -1,11 +1,12 @@
+import React from 'react';
 import { VariableSettings } from '../../utils';
-import { TypeTesterStyleSelectData_fontStyle$data } from '../../__generated__/TypeTesterStyleSelectData_fontStyle.graphql';
-import { TypeTesterStyleSelectData_viewer$data } from '../../__generated__/TypeTesterStyleSelectData_viewer.graphql';
+import { TypeTesterStyleSelectData_fontStyle$key } from '../../__generated__/TypeTesterStyleSelectData_fontStyle.graphql';
+import { TypeTesterStyleSelectData_viewer$key } from '../../__generated__/TypeTesterStyleSelectData_viewer.graphql';
 import { TypeTesterConfig } from '.';
 interface TypeTesterStyleSelectDataProps {
-    fontStyle: TypeTesterStyleSelectData_fontStyle$data;
+    fontStyle: TypeTesterStyleSelectData_fontStyle$key;
+    viewer: TypeTesterStyleSelectData_viewer$key | null;
     variableSettings: VariableSettings | null;
-    viewer: TypeTesterStyleSelectData_viewer$data | null;
     onSelectFontStyleValue: (value: {
         fontStyleId: string;
         variableSettings?: VariableSettings;
@@ -14,5 +15,5 @@ interface TypeTesterStyleSelectDataProps {
     config: TypeTesterConfig;
     includeVariableAxesOption: boolean;
 }
-declare const _default: import("react-relay").Container<Omit<TypeTesterStyleSelectDataProps, "relay">>;
-export default _default;
+export default function TypeTesterStyleSelectData({ fontStyle: fontStyleKey, viewer: viewerKey, onSelectFontStyleValue, onSelectVariableAxes, config, variableSettings, includeVariableAxesOption, }: TypeTesterStyleSelectDataProps): React.JSX.Element | null;
+export {};

package/dist/components/TypeTester/TypeTesterStyleSelectData.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = TypeTesterStyleSelectData;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _utils = require("../../utils");
@@ -35,17 +35,19 @@ const computeSimilarity = (left, right) => {
   const stretchSimilarity = left.cssStretch === right.cssStretch ? 1 : 0.9;
   return weightSimilarity * styleSimilarity * stretchSimilarity;
 };
-const TypeTesterStyleSelectData = _ref => {
+function TypeTesterStyleSelectData(_ref) {
   var _viewer$families, _viewer$families$edge;
   let {
-    fontStyle,
-    viewer,
+    fontStyle: fontStyleKey,
+    viewer: viewerKey,
     onSelectFontStyleValue,
     onSelectVariableAxes,
     config,
     variableSettings,
     includeVariableAxesOption
   } = _ref;
+  const fontStyle = (0, _reactRelay.useFragment)(_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), fontStyleKey);
+  const viewer = (0, _reactRelay.useFragment)(_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), viewerKey);
   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);
@@ -96,9 +98,4 @@ const TypeTesterStyleSelectData = _ref => {
   }, fontStyle.family.name), ' ', /*#__PURE__*/_react.default.createElement("span", {
     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;
+}

package/dist/components/TypeTesters/index.js

@@ -45,19 +45,21 @@ const getTypeTesterGroups = collection => {
     return acc.concat([[typeTester]]);
   }, []);
 };
-const TypeTestersBase = _ref => {
+function TypeTesters(_ref) {
   var _collection$typeTeste2, _collection$typeTeste3, _collection$typeTeste4, _collection$typeTeste5;
   let {
-    collection,
+    collection: collectionKey,
+    viewer: viewerKey,
     defaultMode,
     autofit,
     onFocus,
     onBlur,
     onToolbarOpenClose,
-    viewer,
     includePriceBar,
     ...rest
   } = _ref;
+  const collection = (0, _reactRelay.useFragment)(_TypeTesters_collection !== void 0 ? _TypeTesters_collection : (_TypeTesters_collection = require("../../__generated__/TypeTesters_collection.graphql"), _TypeTesters_collection.hash && _TypeTesters_collection.hash !== "4b915563237d7048263c2e298a20af0b" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection), collectionKey);
+  const viewer = (0, _reactRelay.useFragment)(_TypeTesters_viewer !== void 0 ? _TypeTesters_viewer : (_TypeTesters_viewer = require("../../__generated__/TypeTesters_viewer.graphql"), _TypeTesters_viewer.hash && _TypeTesters_viewer.hash !== "9dce7dd7815ccdea1c4b3c5a076b589e" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer), viewerKey);
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   const {
     typeTester: config
@@ -118,11 +120,7 @@ const TypeTestersBase = _ref => {
       viewer: viewer
     }))));
   }));
-};
-const TypeTesters = (0, _reactRelay.createFragmentContainer)(TypeTestersBase, {
-  collection: _TypeTesters_collection !== void 0 ? _TypeTesters_collection : (_TypeTesters_collection = require("../../__generated__/TypeTesters_collection.graphql"), _TypeTesters_collection.hash && _TypeTesters_collection.hash !== "4b915563237d7048263c2e298a20af0b" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection),
-  viewer: _TypeTesters_viewer !== void 0 ? _TypeTesters_viewer : (_TypeTesters_viewer = require("../../__generated__/TypeTesters_viewer.graphql"), _TypeTesters_viewer.hash && _TypeTesters_viewer.hash !== "9dce7dd7815ccdea1c4b3c5a076b589e" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer)
-});
+}
 function TypeTestersIDQueryRenderer(_ref3) {
   let {
     collectionId,

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

@@ -1,8 +1,9 @@
-import { VariableTableAmounts_variable$data } from '../../__generated__/VariableTableAmounts_variable.graphql';
-import { VariableTableAmounts_option$data } from '../../__generated__/VariableTableAmounts_option.graphql';
+import React from 'react';
+import { VariableTableAmounts_variable$key } from '../../__generated__/VariableTableAmounts_variable.graphql';
+import { VariableTableAmounts_option$key } from '../../__generated__/VariableTableAmounts_option.graphql';
 interface VariableTableAmounts_props {
-    variable: VariableTableAmounts_variable$data;
-    option: VariableTableAmounts_option$data | null;
+    variable: VariableTableAmounts_variable$key;
+    option: VariableTableAmounts_option$key | null;
 }
-declare const _default: import("react-relay").Container<Omit<VariableTableAmounts_props, "relay">>;
-export default _default;
+export default function VariableTableAmounts({ variable: variableKey, option: optionKey, }: VariableTableAmounts_props): React.JSX.Element;
+export {};

package/dist/components/VariableTableAmounts/index.js

@@ -3,17 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = VariableTableAmounts;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _VariableTableAmounts_variable, _VariableTableAmounts_option;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const VariableTableAmounts = _ref => {
+function VariableTableAmounts(_ref) {
   var _variable$units;
   let {
-    variable,
-    option
+    variable: variableKey,
+    option: optionKey
   } = _ref;
+  const variable = (0, _reactRelay.useFragment)(_VariableTableAmounts_variable !== void 0 ? _VariableTableAmounts_variable : (_VariableTableAmounts_variable = require("../../__generated__/VariableTableAmounts_variable.graphql"), _VariableTableAmounts_variable.hash && _VariableTableAmounts_variable.hash !== "400d25ad39816f2e153c8bb67e0e8695" && console.error("The definition of 'VariableTableAmounts_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_variable), variableKey);
+  const option = (0, _reactRelay.useFragment)(_VariableTableAmounts_option !== void 0 ? _VariableTableAmounts_option : (_VariableTableAmounts_option = require("../../__generated__/VariableTableAmounts_option.graphql"), _VariableTableAmounts_option.hash && _VariableTableAmounts_option.hash !== "fe03c602c33f1f6e5afe209afc9e6cd6" && console.error("The definition of 'VariableTableAmounts_option' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_option), optionKey);
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "variable-table-amounts"
   }, variable === null || variable === void 0 ? void 0 : (_variable$units = variable.units) === null || _variable$units === void 0 ? void 0 : _variable$units.map((unit, i) => {
@@ -25,9 +27,4 @@ const VariableTableAmounts = _ref => {
       key: i
     }, amount, " ", unit);
   }));
-};
-var _default = (0, _reactRelay.createFragmentContainer)(VariableTableAmounts, {
-  variable: _VariableTableAmounts_variable !== void 0 ? _VariableTableAmounts_variable : (_VariableTableAmounts_variable = require("../../__generated__/VariableTableAmounts_variable.graphql"), _VariableTableAmounts_variable.hash && _VariableTableAmounts_variable.hash !== "400d25ad39816f2e153c8bb67e0e8695" && console.error("The definition of 'VariableTableAmounts_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_variable),
-  option: _VariableTableAmounts_option !== void 0 ? _VariableTableAmounts_option : (_VariableTableAmounts_option = require("../../__generated__/VariableTableAmounts_option.graphql"), _VariableTableAmounts_option.hash && _VariableTableAmounts_option.hash !== "fe03c602c33f1f6e5afe209afc9e6cd6" && console.error("The definition of 'VariableTableAmounts_option' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_option)
-});
-exports.default = _default;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.0.0-alpha5",
+  "version": "2.0.0-alpha6",
   "main": "index.js",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts-declarations",