fontdue-js 2.0.0-alpha5 → 2.0.0-alpha7

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Alignment, Direction } from './types';
-interface TypeTesterStandalone {
-    familyName: string;
-    styleName: string;
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+import { TypeTesterStandaloneQuery } from '__generated__/TypeTesterStandaloneQuery.graphql';
+interface TypeTesterStandaloneComponent_props {
     lineHeight?: number;
     fontSize?: number;
     features?: string[];
@@ -14,5 +14,12 @@ interface TypeTesterStandalone {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-declare const TypeTesterStandalone: React.FC<TypeTesterStandalone>;
-export default TypeTesterStandalone;
+export interface TypeTesterStandalone_props extends TypeTesterStandaloneComponent_props {
+    familyName: string;
+    styleName: string;
+}
+export declare function TypeTesterStandalonePreloadedQueryRenderer({ preloadedQuery, ...rest }: TypeTesterStandaloneComponent_props & {
+    preloadedQuery: SerializablePreloadedQuery<TypeTesterStandaloneQuery>;
+}): React.JSX.Element;
+export default function TypeTesterStandalone({ familyName, styleName, ...rest }: TypeTesterStandalone_props): React.JSX.Element;
+export {};

package/dist/components/TypeTester/TypeTesterStandalone.js

@@ -4,18 +4,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.TypeTesterStandalonePreloadedQueryRenderer = TypeTesterStandalonePreloadedQueryRenderer;
+exports.default = TypeTesterStandalone;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _index = _interopRequireDefault(require("./index"));
 var _TypeTesterContext = _interopRequireDefault(require("./TypeTesterContext"));
-var _TypeTesterStandalone_StyleQuery;
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
+var _TypeTesterStandaloneQuery;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TypeTesterStandalone = _ref => {
-  var _data$viewer, _data$viewer2, _data$viewer3, _data$viewer3$fontSty, _data$viewer3$fontSty2, _data$viewer3$fontSty3, _data$viewer4, _data$viewer4$fontSty, _data$viewer4$fontSty2;
+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); }
+function TypeTesterStandaloneComponent(_ref) {
+  var _data$viewer, _data$viewer2, _data$viewer2$fontSty, _data$viewer2$fontSty2, _data$viewer2$fontSty3, _data$viewer3, _data$viewer3$fontSty, _data$viewer3$fontSty2;
   let {
-    familyName,
-    styleName,
     content,
     direction,
     features,
@@ -25,16 +26,9 @@ const TypeTesterStandalone = _ref => {
     fontSize,
     autofit,
     onFocus,
-    onBlur
+    onBlur,
+    data
   } = _ref;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_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), {
-    familyName,
-    styleName
-  });
-  const fontStyle = (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : _data$viewer.fontStyle;
-  if (!fontStyle) {
-    console.log(`[TypeTester]: No FontStyle found for {familyName: "${familyName}", styleName: "${styleName}"}`);
-  }
   return /*#__PURE__*/_react.default.createElement(_TypeTesterContext.default, {
     testers: {
       standalone: {
@@ -50,14 +44,43 @@ const TypeTesterStandalone = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "standalone",
     viewer: data.viewer,
-    fontStyle: (_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : _data$viewer2.fontStyle,
+    fontStyle: (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : _data$viewer.fontStyle,
     features: features,
     direction: direction,
-    productId: ((_data$viewer3 = data.viewer) === null || _data$viewer3 === void 0 ? void 0 : (_data$viewer3$fontSty = _data$viewer3.fontStyle) === null || _data$viewer3$fontSty === void 0 ? void 0 : (_data$viewer3$fontSty2 = _data$viewer3$fontSty.family) === null || _data$viewer3$fontSty2 === void 0 ? void 0 : (_data$viewer3$fontSty3 = _data$viewer3$fontSty2.parent) === null || _data$viewer3$fontSty3 === void 0 ? void 0 : _data$viewer3$fontSty3.id) ?? ((_data$viewer4 = data.viewer) === null || _data$viewer4 === void 0 ? void 0 : (_data$viewer4$fontSty = _data$viewer4.fontStyle) === null || _data$viewer4$fontSty === void 0 ? void 0 : (_data$viewer4$fontSty2 = _data$viewer4$fontSty.family) === null || _data$viewer4$fontSty2 === void 0 ? void 0 : _data$viewer4$fontSty2.id),
+    productId: ((_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : (_data$viewer2$fontSty = _data$viewer2.fontStyle) === null || _data$viewer2$fontSty === void 0 ? void 0 : (_data$viewer2$fontSty2 = _data$viewer2$fontSty.family) === null || _data$viewer2$fontSty2 === void 0 ? void 0 : (_data$viewer2$fontSty3 = _data$viewer2$fontSty2.parent) === null || _data$viewer2$fontSty3 === void 0 ? void 0 : _data$viewer2$fontSty3.id) ?? ((_data$viewer3 = data.viewer) === null || _data$viewer3 === void 0 ? void 0 : (_data$viewer3$fontSty = _data$viewer3.fontStyle) === null || _data$viewer3$fontSty === void 0 ? void 0 : (_data$viewer3$fontSty2 = _data$viewer3$fontSty.family) === null || _data$viewer3$fontSty2 === void 0 ? void 0 : _data$viewer3$fontSty2.id),
     groupEdit: false,
     onFocus: onFocus,
     onBlur: onBlur
   }));
-};
-var _default = TypeTesterStandalone;
-exports.default = _default;
+}
+const query = _TypeTesterStandaloneQuery !== void 0 ? _TypeTesterStandaloneQuery : (_TypeTesterStandaloneQuery = require("../../__generated__/TypeTesterStandaloneQuery.graphql"), _TypeTesterStandaloneQuery.hash && _TypeTesterStandaloneQuery.hash !== "3ad5c4d856f5d46ddf8a47a2b6d2420a" && console.error("The definition of 'TypeTesterStandaloneQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStandaloneQuery);
+function TypeTesterStandalonePreloadedQueryRenderer(_ref2) {
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref2;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
+  return /*#__PURE__*/_react.default.createElement(TypeTesterStandaloneComponent, _extends({
+    data: data
+  }, rest));
+}
+function TypeTesterStandalone(_ref3) {
+  var _data$viewer4;
+  let {
+    familyName,
+    styleName,
+    ...rest
+  } = _ref3;
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {
+    familyName,
+    styleName
+  });
+  const fontStyle = (_data$viewer4 = data.viewer) === null || _data$viewer4 === void 0 ? void 0 : _data$viewer4.fontStyle;
+  if (!fontStyle) {
+    console.log(`[TypeTester]: No FontStyle found for {familyName: "${familyName}", styleName: "${styleName}"}`);
+  }
+  return /*#__PURE__*/_react.default.createElement(TypeTesterStandaloneComponent, _extends({
+    data: data
+  }, rest));
+}

package/dist/components/TypeTester/TypeTesterStandalone.server.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TypeTesterStandalone_props } from './TypeTesterStandalone';
+export default function TypeTesterStandalone({ familyName, styleName, ...rest }: TypeTesterStandalone_props): Promise<React.JSX.Element>;

package/dist/components/TypeTester/TypeTesterStandalone.server.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TypeTesterStandalone;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _TypeTesterStandalone = require("./TypeTesterStandalone");
+var _TypeTesterStandaloneQuery = _interopRequireDefault(require("../../__generated__/TypeTesterStandaloneQuery.graphql"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+async function TypeTesterStandalone(_ref) {
+  let {
+    familyName,
+    styleName,
+    ...rest
+  } = _ref;
+  const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTesterStandaloneQuery.default, {
+    familyName,
+    styleName
+  });
+  return /*#__PURE__*/_react.default.createElement(_TypeTesterStandalone.TypeTesterStandalonePreloadedQueryRenderer, _extends({
+    preloadedQuery: preloadedQuery
+  }, rest));
+}

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.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-interface TypeTestersQueryRendererProps {
+import { TypeTestersIDQuery } from '../../__generated__/TypeTestersIDQuery.graphql';
+import { TypeTestersSlugQuery } from '../../__generated__/TypeTestersSlugQuery.graphql';
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+export interface TypeTesters_props {
     collectionId?: string;
     collectionSlug?: string;
     defaultMode?: 'group' | 'local';
@@ -9,7 +12,11 @@ interface TypeTestersQueryRendererProps {
     onFocus?: () => void;
     onBlur?: () => void;
     onToolbarOpenClose?: (open: boolean) => void;
-    includePriceBar: boolean;
 }
-declare const TypeTestersQueryRenderer: ({ collectionId, collectionSlug, tags, excludeTags, ...rest }: Omit<TypeTestersQueryRendererProps, 'includePriceBar'>) => React.JSX.Element | null;
-export default TypeTestersQueryRenderer;
+export declare function TypeTestersPreloadedIDQueryRenderer({ preloadedQuery, ...rest }: TypeTesters_props & {
+    preloadedQuery: SerializablePreloadedQuery<TypeTestersIDQuery>;
+}): React.JSX.Element;
+export declare function TypeTestersPreloadedSlugQueryRenderer({ preloadedQuery, ...rest }: TypeTesters_props & {
+    preloadedQuery: SerializablePreloadedQuery<TypeTestersSlugQuery>;
+}): React.JSX.Element;
+export default function TypeTesters({ collectionId, collectionSlug, ...rest }: TypeTesters_props): React.JSX.Element | null;

package/dist/components/TypeTesters/index.js

@@ -4,7 +4,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.TypeTestersPreloadedIDQueryRenderer = TypeTestersPreloadedIDQueryRenderer;
+exports.TypeTestersPreloadedSlugQueryRenderer = TypeTestersPreloadedSlugQueryRenderer;
+exports.default = TypeTesters;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -14,6 +16,7 @@ var _TypeTesterContext = _interopRequireDefault(require("../TypeTester/TypeTeste
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _TypeTester = _interopRequireDefault(require("../TypeTester"));
 var _TypeTesterFloatingToolbar = _interopRequireDefault(require("../TypeTester/TypeTesterFloatingToolbar"));
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _TypeTesters_collection, _TypeTesters_viewer, _TypeTestersIDQuery, _TypeTestersSlugQuery;
 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); }
@@ -45,19 +48,20 @@ const getTypeTesterGroups = collection => {
     return acc.concat([[typeTester]]);
   }, []);
 };
-const TypeTestersBase = _ref => {
+function TypeTestersComponent(_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 !== "4e661d9d957e3a3f4a7b23f3665cadf9" && 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
@@ -103,7 +107,7 @@ const TypeTestersBase = _ref => {
     const productId = ((_collection$parent = collection.parent) === null || _collection$parent === void 0 ? void 0 : _collection$parent.id) ?? collection.id;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: i
-    }, includePriceBar && precartOpen && currentFamilyId && /*#__PURE__*/_react.default.createElement(_PriceBar.default, {
+    }, config.priceBar && precartOpen && currentFamilyId && /*#__PURE__*/_react.default.createElement(_PriceBar.default, {
       node: findPriceBarCollection(collection, currentFamilyId) ?? null
     }), typeTesterGroup.map((node, j) => /*#__PURE__*/_react.default.createElement(_TypeTester.default, _extends({}, rest, {
       id: node.id,
@@ -118,88 +122,78 @@ 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) {
+}
+const idQuery = _TypeTestersIDQuery !== void 0 ? _TypeTestersIDQuery : (_TypeTestersIDQuery = require("../../__generated__/TypeTestersIDQuery.graphql"), _TypeTestersIDQuery.hash && _TypeTestersIDQuery.hash !== "f62d86e50379a25ca0a8eb10812704c2" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery);
+function TypeTestersPreloadedIDQueryRenderer(_ref3) {
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref3;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest));
+}
+function TypeTestersIDQueryRenderer(_ref4) {
   let {
     collectionId,
-    includePriceBar,
     tags,
     excludeTags,
     ...rest
-  } = _ref3;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_TypeTestersIDQuery !== void 0 ? _TypeTestersIDQuery : (_TypeTestersIDQuery = require("../../__generated__/TypeTestersIDQuery.graphql"), _TypeTestersIDQuery.hash && _TypeTestersIDQuery.hash !== "735b87edba7dd12a961b1686398b8cd3" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery), {
+  } = _ref4;
+  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
     collectionId,
-    includePriceBar,
     tags,
     excludeTags
   });
-  return /*#__PURE__*/_react.default.createElement(TypeTesters, _extends({}, data, rest, {
-    includePriceBar: includePriceBar
-  }));
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest));
 }
-function TypeTestersSlugQueryRenderer(_ref4) {
+const slugQuery = _TypeTestersSlugQuery !== void 0 ? _TypeTestersSlugQuery : (_TypeTestersSlugQuery = require("../../__generated__/TypeTestersSlugQuery.graphql"), _TypeTestersSlugQuery.hash && _TypeTestersSlugQuery.hash !== "eb11a6ae2b690cb3cdd8a14c6e2afed6" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery);
+function TypeTestersPreloadedSlugQueryRenderer(_ref5) {
   var _data$viewer$slug;
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref5;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(slugQuery, queryRef);
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
+    collection: ((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null,
+    viewer: data.viewer
+  }, rest));
+}
+function TypeTestersSlugQueryRenderer(_ref6) {
+  var _data$viewer$slug2;
   let {
     collectionSlug,
-    includePriceBar,
     tags,
     excludeTags,
     ...rest
-  } = _ref4;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_TypeTestersSlugQuery !== void 0 ? _TypeTestersSlugQuery : (_TypeTestersSlugQuery = require("../../__generated__/TypeTestersSlugQuery.graphql"), _TypeTestersSlugQuery.hash && _TypeTestersSlugQuery.hash !== "e87234dd6058020e9ee76c2603f6e0bd" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery), {
+  } = _ref6;
+  const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
     collectionSlug,
-    includePriceBar,
     tags,
     excludeTags
   });
-  return /*#__PURE__*/_react.default.createElement(TypeTesters, _extends({
-    collection: ((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null,
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
+    collection: ((_data$viewer$slug2 = data.viewer.slug) === null || _data$viewer$slug2 === void 0 ? void 0 : _data$viewer$slug2.collection) ?? null,
     viewer: data.viewer
-  }, rest, {
-    includePriceBar: includePriceBar
-  }));
+  }, rest));
 }
-const TypeTestersQueryRenderer = _ref5 => {
+function TypeTesters(_ref7) {
   let {
     collectionId,
     collectionSlug,
-    tags,
-    excludeTags,
     ...rest
-  } = _ref5;
-  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
-  const {
-    typeTester: config
-  } = (0, _react.useContext)(_ConfigContext.default);
-  const includePriceBar = config.priceBar && precartOpen || false;
-  // since these values can cause refetch, deferredValue fixes issue
-  // causing the whole thing to suspend
-  const deferredCollectionId = (0, _react.useDeferredValue)(collectionId);
-  const deferredCollectionSlug = (0, _react.useDeferredValue)(collectionSlug);
-  const deferredIncludePriceBar = (0, _react.useDeferredValue)(includePriceBar);
-  const deferredTags = (0, _react.useDeferredValue)(tags);
-  const deferredExcludeTags = (0, _react.useDeferredValue)(excludeTags);
-  const props = {
-    ...rest,
-    tags: deferredTags,
-    excludeTags: deferredExcludeTags,
-    includePriceBar: deferredIncludePriceBar
-  };
-  if (deferredCollectionId) {
+  } = _ref7;
+  if (collectionId) {
     return /*#__PURE__*/_react.default.createElement(TypeTestersIDQueryRenderer, _extends({
-      collectionId: deferredCollectionId
-    }, props));
+      collectionId: collectionId
+    }, rest));
   }
-  if (deferredCollectionSlug) {
+  if (collectionSlug) {
     return /*#__PURE__*/_react.default.createElement(TypeTestersSlugQueryRenderer, _extends({
-      collectionSlug: deferredCollectionSlug
-    }, props));
+      collectionSlug: collectionSlug
+    }, rest));
   }
   return null;
-};
-var _default = TypeTestersQueryRenderer;
-exports.default = _default;
+}

package/dist/components/TypeTesters/index.server.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TypeTesters_props } from './index';
+export default function TypeTesters({ collectionId, collectionSlug, tags, excludeTags, ...rest }: TypeTesters_props): Promise<React.JSX.Element | null>;

package/dist/components/TypeTesters/index.server.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TypeTesters;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _index = require("./index");
+var _TypeTestersIDQuery = _interopRequireDefault(require("../../__generated__/TypeTestersIDQuery.graphql"));
+var _TypeTestersSlugQuery = _interopRequireDefault(require("../../__generated__/TypeTestersSlugQuery.graphql"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+async function TypeTesters(_ref) {
+  let {
+    collectionId,
+    collectionSlug,
+    tags,
+    excludeTags,
+    ...rest
+  } = _ref;
+  if (collectionId) {
+    const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersIDQuery.default, {
+      collectionId,
+      tags,
+      excludeTags
+    });
+    return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedIDQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  if (collectionSlug) {
+    const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersSlugQuery.default, {
+      collectionSlug,
+      tags,
+      excludeTags
+    });
+    return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedSlugQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  return null;
+}

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;
+}