fontdue-js 0.1.0-alpha22 → 0.1.0-alpha23

package/dist/__generated__/TypeTesterData_typeTester.graphql.d.ts

@@ -1,6 +1,7 @@
 import { ReaderFragment } from "relay-runtime";
 import { FragmentRefs } from "relay-runtime";
 export declare type TypeTesterData_typeTester = {
+    readonly id: string;
     readonly content: string | null;
     readonly size: string | null;
     readonly lineHeight: string | null;

package/dist/__generated__/TypeTesterData_typeTester.graphql.js

@@ -9,54 +9,62 @@ exports.default = void 0;
 
 /* eslint-disable */
 // @ts-nocheck
-const node = {
-  "argumentDefinitions": [],
-  "kind": "Fragment",
-  "metadata": null,
-  "name": "TypeTesterData_typeTester",
-  "selections": [{
+const node = function () {
+  var v0 = {
     "alias": null,
     "args": null,
     "kind": "ScalarField",
-    "name": "content",
+    "name": "id",
     "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "kind": "ScalarField",
-    "name": "size",
-    "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "kind": "ScalarField",
-    "name": "lineHeight",
-    "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "kind": "ScalarField",
-    "name": "direction",
-    "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "concreteType": "FontStyle",
-    "kind": "LinkedField",
-    "name": "fontStyle",
-    "plural": false,
-    "selections": [{
+  };
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TypeTesterData_typeTester",
+    "selections": [v0
+    /*: any*/
+    , {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "id",
+      "name": "content",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "size",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "lineHeight",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "direction",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "FontStyle",
+      "kind": "LinkedField",
+      "name": "fontStyle",
+      "plural": false,
+      "selections": [v0
+      /*: any*/
+      ],
       "storageKey": null
     }],
-    "storageKey": null
-  }],
-  "type": "TypeTester",
-  "abstractKey": null
-};
-node.hash = '3eaea21f10054d052419f28d454d3134';
+    "type": "TypeTester",
+    "abstractKey": null
+  };
+}();
+
+node.hash = 'b70c99fcfa0146529e7879c8704f8a35';
 var _default = node;
 exports.default = _default;

package/dist/__generated__/TypeTesterFloatingToolbar_testers.graphql.d.ts

@@ -0,0 +1,16 @@
+import { ReaderFragment } from "relay-runtime";
+import { FragmentRefs } from "relay-runtime";
+export declare type TypeTesterFloatingToolbar_testers = ReadonlyArray<{
+    readonly id: string;
+    readonly fontStyle: {
+        readonly " $fragmentRefs": FragmentRefs<"TypeTesterFeatures_fontStyle">;
+    } | null;
+    readonly " $refType": "TypeTesterFloatingToolbar_testers";
+}>;
+export declare type TypeTesterFloatingToolbar_testers$data = TypeTesterFloatingToolbar_testers;
+export declare type TypeTesterFloatingToolbar_testers$key = ReadonlyArray<{
+    readonly " $data"?: TypeTesterFloatingToolbar_testers$data;
+    readonly " $fragmentRefs": FragmentRefs<"TypeTesterFloatingToolbar_testers">;
+}>;
+declare const node: ReaderFragment;
+export default node;

package/dist/__generated__/TypeTesterFloatingToolbar_testers.graphql.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/* tslint:disable */
+
+/* eslint-disable */
+// @ts-nocheck
+const node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "plural": true
+  },
+  "name": "TypeTesterFloatingToolbar_testers",
+  "selections": [{
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "id",
+    "storageKey": null
+  }, {
+    "alias": null,
+    "args": null,
+    "concreteType": "FontStyle",
+    "kind": "LinkedField",
+    "name": "fontStyle",
+    "plural": false,
+    "selections": [{
+      "args": null,
+      "kind": "FragmentSpread",
+      "name": "TypeTesterFeatures_fontStyle"
+    }],
+    "storageKey": null
+  }],
+  "type": "TypeTester",
+  "abstractKey": null
+};
+node.hash = '5554933cac70854b361575a5ed0af8ac';
+var _default = node;
+exports.default = _default;

package/dist/__generated__/TypeTestersIDQuery.graphql.js

@@ -67,12 +67,20 @@ fragment SelectButton_sku_2AMk59 on Sku {
   ...SKUPrice_sku_2AMk59
 }
 
-fragment TypeTesterData_typeTester on TypeTester {
-  content
-  size
-  lineHeight
-  direction
+fragment TypeTesterFeatures_fontStyle on FontStyle {
+  fontFeatures {
+    supportedFeatures
+    stylisticSetNames {
+      featureName
+      humanName
+    }
+  }
+}
+
+fragment TypeTesterFloatingToolbar_testers on TypeTester {
+  id
   fontStyle {
+    ...TypeTesterFeatures_fontStyle
     id
   }
 }
@@ -81,14 +89,18 @@ fragment TypeTesters_collection_12wzh on FontCollection {
   typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {
     edges {
       node {
-        ...TypeTesterData_typeTester
+        id
+        content
+        size
+        lineHeight
+        direction
         fontStyle {
+          id
           family {
             id
           }
-          id
         }
-        id
+        ...TypeTesterFloatingToolbar_testers
       }
     }
   }
@@ -363,7 +375,9 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "node",
                 "plural": false,
-                "selections": [{
+                "selections": [v7
+                /*: any*/
+                , {
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
@@ -407,11 +421,45 @@ const node = function () {
                     /*: any*/
                     ],
                     "storageKey": null
+                  }, {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "FontFeatures",
+                    "kind": "LinkedField",
+                    "name": "fontFeatures",
+                    "plural": false,
+                    "selections": [{
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "supportedFeatures",
+                      "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "StylisticSetName",
+                      "kind": "LinkedField",
+                      "name": "stylisticSetNames",
+                      "plural": true,
+                      "selections": [{
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "featureName",
+                        "storageKey": null
+                      }, {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "humanName",
+                        "storageKey": null
+                      }],
+                      "storageKey": null
+                    }],
+                    "storageKey": null
                   }],
                   "storageKey": null
-                }, v7
-                /*: any*/
-                ],
+                }],
                 "storageKey": null
               }],
               "storageKey": null
@@ -450,12 +498,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "c0c491bf62edf0779e48c82bb86ee3bc",
+      "cacheID": "b623cd3ca5cfeb1253c989086e1ad636",
       "id": null,
       "metadata": {},
       "name": "TypeTestersIDQuery",
       "operationKind": "query",
-      "text": "query TypeTestersIDQuery(\n  $collectionId: ID!\n  $includePriceBar: Boolean!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  collection: node(id: $collectionId) {\n    __typename\n    ...TypeTesters_collection_12wzh\n    id\n  }\n}\n\nfragment PriceBarSection_node on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_2AMk59\n    id\n    price(licenseOptions: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node on FontCollection {\n  ...PriceBarSection_node\n  parent {\n    ...PriceBarSection_node\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n  id\n  ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterData_typeTester on TypeTester {\n  content\n  size\n  lineHeight\n  direction\n  fontStyle {\n    id\n  }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        ...TypeTesterData_typeTester\n        fontStyle {\n          family {\n            id\n          }\n          id\n        }\n        id\n      }\n    }\n  }\n  typeTesterFeatures\n  id\n  ...PriceBar_node @include(if: $includePriceBar)\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node @include(if: $includePriceBar)\n  }\n}\n"
+      "text": "query TypeTestersIDQuery(\n  $collectionId: ID!\n  $includePriceBar: Boolean!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  collection: node(id: $collectionId) {\n    __typename\n    ...TypeTesters_collection_12wzh\n    id\n  }\n}\n\nfragment PriceBarSection_node on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_2AMk59\n    id\n    price(licenseOptions: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node on FontCollection {\n  ...PriceBarSection_node\n  parent {\n    ...PriceBarSection_node\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n  id\n  ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        direction\n        fontStyle {\n          id\n          family {\n            id\n          }\n        }\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  id\n  ...PriceBar_node @include(if: $includePriceBar)\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node @include(if: $includePriceBar)\n  }\n}\n"
     }
   };
 }();

package/dist/__generated__/TypeTestersSlugQuery.graphql.js

@@ -72,12 +72,20 @@ fragment SelectButton_sku_2AMk59 on Sku {
   ...SKUPrice_sku_2AMk59
 }
 
-fragment TypeTesterData_typeTester on TypeTester {
-  content
-  size
-  lineHeight
-  direction
+fragment TypeTesterFeatures_fontStyle on FontStyle {
+  fontFeatures {
+    supportedFeatures
+    stylisticSetNames {
+      featureName
+      humanName
+    }
+  }
+}
+
+fragment TypeTesterFloatingToolbar_testers on TypeTester {
+  id
   fontStyle {
+    ...TypeTesterFeatures_fontStyle
     id
   }
 }
@@ -86,14 +94,18 @@ fragment TypeTesters_collection_12wzh on FontCollection {
   typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {
     edges {
       node {
-        ...TypeTesterData_typeTester
+        id
+        content
+        size
+        lineHeight
+        direction
         fontStyle {
+          id
           family {
             id
           }
-          id
         }
-        id
+        ...TypeTesterFloatingToolbar_testers
       }
     }
   }
@@ -390,7 +402,9 @@ const node = function () {
                   "kind": "LinkedField",
                   "name": "node",
                   "plural": false,
-                  "selections": [{
+                  "selections": [v7
+                  /*: any*/
+                  , {
                     "alias": null,
                     "args": null,
                     "kind": "ScalarField",
@@ -434,11 +448,45 @@ const node = function () {
                       /*: any*/
                       ],
                       "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "FontFeatures",
+                      "kind": "LinkedField",
+                      "name": "fontFeatures",
+                      "plural": false,
+                      "selections": [{
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "supportedFeatures",
+                        "storageKey": null
+                      }, {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "StylisticSetName",
+                        "kind": "LinkedField",
+                        "name": "stylisticSetNames",
+                        "plural": true,
+                        "selections": [{
+                          "alias": null,
+                          "args": null,
+                          "kind": "ScalarField",
+                          "name": "featureName",
+                          "storageKey": null
+                        }, {
+                          "alias": null,
+                          "args": null,
+                          "kind": "ScalarField",
+                          "name": "humanName",
+                          "storageKey": null
+                        }],
+                        "storageKey": null
+                      }],
+                      "storageKey": null
                     }],
                     "storageKey": null
-                  }, v7
-                  /*: any*/
-                  ],
+                  }],
                   "storageKey": null
                 }],
                 "storageKey": null
@@ -484,12 +532,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "0977efc39ab67dc2cdf857d3a217044e",
+      "cacheID": "fa11071ff4d490f9477f204b58c7c368",
       "id": null,
       "metadata": {},
       "name": "TypeTestersSlugQuery",
       "operationKind": "query",
-      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $includePriceBar: Boolean!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_12wzh\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment PriceBarSection_node on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_2AMk59\n    id\n    price(licenseOptions: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node on FontCollection {\n  ...PriceBarSection_node\n  parent {\n    ...PriceBarSection_node\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n  id\n  ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterData_typeTester on TypeTester {\n  content\n  size\n  lineHeight\n  direction\n  fontStyle {\n    id\n  }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        ...TypeTesterData_typeTester\n        fontStyle {\n          family {\n            id\n          }\n          id\n        }\n        id\n      }\n    }\n  }\n  typeTesterFeatures\n  id\n  ...PriceBar_node @include(if: $includePriceBar)\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node @include(if: $includePriceBar)\n  }\n}\n"
+      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $includePriceBar: Boolean!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_12wzh\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment PriceBarSection_node on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_2AMk59\n    id\n    price(licenseOptions: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node on FontCollection {\n  ...PriceBarSection_node\n  parent {\n    ...PriceBarSection_node\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n  id\n  ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        direction\n        fontStyle {\n          id\n          family {\n            id\n          }\n        }\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  id\n  ...PriceBar_node @include(if: $includePriceBar)\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node @include(if: $includePriceBar)\n  }\n}\n"
     }
   };
 }();

package/dist/__generated__/TypeTesters_collection.graphql.d.ts

@@ -4,12 +4,18 @@ export declare type TypeTesters_collection = {
     readonly typeTesters: {
         readonly edges: ReadonlyArray<{
             readonly node: {
+                readonly id: string;
+                readonly content: string | null;
+                readonly size: string | null;
+                readonly lineHeight: string | null;
+                readonly direction: string | null;
                 readonly fontStyle: {
+                    readonly id: string;
                     readonly family: {
                         readonly id: string;
                     } | null;
                 } | null;
-                readonly " $fragmentRefs": FragmentRefs<"TypeTesterData_typeTester">;
+                readonly " $fragmentRefs": FragmentRefs<"TypeTesterFloatingToolbar_testers">;
             } | null;
         } | null> | null;
     } | null;

package/dist/__generated__/TypeTesters_collection.graphql.js

@@ -77,14 +77,42 @@ const node = function () {
           "kind": "LinkedField",
           "name": "node",
           "plural": false,
-          "selections": [{
+          "selections": [v0
+          /*: any*/
+          , {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "content",
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "size",
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "lineHeight",
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "direction",
+            "storageKey": null
+          }, {
             "alias": null,
             "args": null,
             "concreteType": "FontStyle",
             "kind": "LinkedField",
             "name": "fontStyle",
             "plural": false,
-            "selections": [{
+            "selections": [v0
+            /*: any*/
+            , {
               "alias": null,
               "args": null,
               "concreteType": "FontCollection",
@@ -100,7 +128,7 @@ const node = function () {
           }, {
             "args": null,
             "kind": "FragmentSpread",
-            "name": "TypeTesterData_typeTester"
+            "name": "TypeTesterFloatingToolbar_testers"
           }],
           "storageKey": null
         }],
@@ -140,6 +168,6 @@ const node = function () {
   };
 }();
 
-node.hash = '4c9c82fb5c1fc19b5f07bd3f79b28d94';
+node.hash = '8d4ae7b44edf5638fd2cac112aa6a3af';
 var _default = node;
 exports.default = _default;

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

@@ -1,28 +1,66 @@
 import React, { Dispatch } from 'react';
 import { Content, Features, Size, TypeTesterMode } from './types';
+interface TypeTesterState {
+    content: Content;
+    contentEdited: boolean;
+    features: Features;
+    size: Size;
+    lineHeight: number;
+    focused: boolean;
+    featuresOpen: boolean;
+    autofit: boolean;
+}
+export interface TypeTestersState {
+    [id: string]: TypeTesterState;
+}
+export interface TypeTestersInitialState {
+    [id: string]: {
+        content: string | null;
+        size: number | null;
+        lineHeight: number | null;
+        autofit: boolean;
+    };
+}
 interface TypeTesterContextState {
     mode: TypeTesterMode;
-    content: Content | null;
-    features: Features | null;
-    size: Size | null;
+    globalFeaturesOpen: boolean;
+    testers: TypeTestersState;
 }
 declare type TypeTesterContextAction = {
     type: 'TOGGLE_MODE';
+} | {
+    type: 'TOGGLE_GLOBAL_FEATURES_OPEN';
 } | {
     type: 'SET_CONTENT';
-    value: Content | null;
+    id: string;
+    value: Content;
 } | {
     type: 'SET_SIZE';
-    value: Size | null;
+    id: string;
+    value: Size;
 } | {
     type: 'SET_FEATURES';
-    value: Features | null;
+    id: string;
+    value: Features;
+} | {
+    type: 'SET_FEATURES_OPEN';
+    id: string;
+    value: boolean;
+} | {
+    type: 'SET_FOCUSED';
+    id: string;
+    value: boolean;
+} | {
+    type: 'SET_LINE_HEIGHT';
+    id: string;
+    value: number;
 };
 export declare const TypeTesterContext: React.Context<TypeTesterContextState & {
     dispatch: Dispatch<TypeTesterContextAction>;
 }>;
 export interface TypeTesterContextProps {
     defaultMode?: 'group' | 'local';
+    testers: TypeTestersInitialState;
 }
 declare const TypeTesterContextComponent: React.FunctionComponent<TypeTesterContextProps>;
 export default TypeTesterContextComponent;