@spaced-out/ui-design-system 0.1.27 → 0.1.29

package/.cspell/custom-words.txt

@@ -18,6 +18,7 @@ fontawesome
 framename
 Gaurav
 innerref
+interdimensional
 Lipsey
 Neue
 Nishant
@@ -28,14 +29,17 @@ noopener
 noreferrer
 OPACITYS
 partialformat
+pocus
 premajor
 preminor
 prepatch
 rgba
 sbdocs
 Stapleton
+storysource
 superrover
 systemjs
+tablist
 tabout
 testid
 tnum

package/.storybook/main.js

@@ -22,6 +22,36 @@ module.exports = {
     '@storybook/testing-react',
     // 'storybook-vscode-component/register', This is not supported in storybook 7
     '@storybook/addon-mdx-gfm',
+    {
+      name: '@storybook/addon-storysource',
+      options: {
+        loaderOptions: {
+          injectStoryParameters: false,
+          prettierConfig: {
+            singleQuote: true,
+            trailingComma: 'all',
+            printWidth: 80,
+            tabWidth: 2,
+            bracketSpacing: false,
+            endOfLine: 'lf',
+            overrides: [
+              {
+                files: ['*.js', '*.jsx'],
+                options: {
+                  parser: 'babel-flow',
+                },
+              },
+              {
+                files: ['*.css'],
+                options: {
+                  parser: 'css',
+                },
+              },
+            ],
+          },
+        },
+      },
+    },
   ],
   babel: async (options) => ({
     ...options,

package/.storybook/manager-head.html

@@ -1,6 +1,10 @@
 <!--
   Override the default favicon used in the Storybook in the browser tab.
 -->
+<meta
+  name="viewport"
+  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+/>
 <link
   rel="icon"
   sizes="any"

package/.storybook/preview-head.html

@@ -1,3 +1,7 @@
+<meta
+  name="viewport"
+  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+/>
 <style type="text/css">
   @font-face {
     font-family: 'Centra No 2';
@@ -136,5 +140,18 @@
 
   code {
     white-space: pre-wrap !important;
+    background-color: #f1f1f5 !important;
+    border-color: #d3d2e0 !important;
+    color: #17172a !important;
+  }
+
+  .docblock-source {
+    background-color: #f1f1f5 !important;
+    box-shadow: none !important;
+    border-color: #d3d2e0 !important;
+  }
+
+  a.sbdocs {
+    color: #5c34cd !important;
   }
 </style>

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.29](https://github.com/spaced-out/ui-design-system/compare/v0.1.28...v0.1.29) (2023-06-01)
+
+
+### Bug Fixes
+
+* add classnames support for text in badge ([#119](https://github.com/spaced-out/ui-design-system/issues/119)) ([f044fb6](https://github.com/spaced-out/ui-design-system/commit/f044fb682079cb62d5fa82fea0d4884d5512995c))
+* changed folder structure for hooks and utils ([6bc1693](https://github.com/spaced-out/ui-design-system/commit/6bc1693cbe338ee7ad3f0ffe82e5caaf7ff2ef28))
+* changed position of hooks ([a3f14a4](https://github.com/spaced-out/ui-design-system/commit/a3f14a478999a4124eb08a7052031b9fa2891363))
+
+### [0.1.28](https://github.com/spaced-out/ui-design-system/compare/v0.1.27...v0.1.28) (2023-05-26)
+
+
+### Features
+
+* added @storybook/addon-storysource ([b25a7f7](https://github.com/spaced-out/ui-design-system/commit/b25a7f787fbfe366ba9ec7f96a48096cbcdb24f1))
+* tokens page now support search ([bae8e7f](https://github.com/spaced-out/ui-design-system/commit/bae8e7fac06ee31cb0e4ea390e0709a4d51a171d))
+
+
+### Bug Fixes
+
+* added fun entries missing messages ([eabe577](https://github.com/spaced-out/ui-design-system/commit/eabe5772da715d9066794ff99aa76b39a2e8f847))
+* checkbox onChange getting triggered twice ([#118](https://github.com/spaced-out/ui-design-system/issues/118)) ([79f01fd](https://github.com/spaced-out/ui-design-system/commit/79f01fd80d11bc3c22280e3432dc05567c680830))
+* fixed broken links in docs ([faf1301](https://github.com/spaced-out/ui-design-system/commit/faf1301dbc6285d49a1c3c5ead91fc493df47b96))
+* no scaling on iPhones ([11556c0](https://github.com/spaced-out/ui-design-system/commit/11556c006e73c3d067e9c7187ac72d41617c3349))
+* story style fixes ([3ef77e7](https://github.com/spaced-out/ui-design-system/commit/3ef77e77ca2fe2fcc0d08a6baf7ef079bc3c8dab))
+* style fixes for sb ([14900e9](https://github.com/spaced-out/ui-design-system/commit/14900e995e43673fea0b744b22a1e064f81ae16d))
+* style fixes for sb ([2672025](https://github.com/spaced-out/ui-design-system/commit/2672025e2bd214b035ae89eafbb004bd1663958f))
+
 ### [0.1.27](https://github.com/spaced-out/ui-design-system/compare/v0.1.26...v0.1.27) (2023-05-17)
 
 

package/lib/components/Badge/Badge.js

@@ -37,6 +37,8 @@ const Badge = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       backgroundColor: BADGE_COLOR[fill]
     },
     ref: ref
-  }, /*#__PURE__*/React.createElement(_Text.ButtonTextSmall, null, text));
+  }, /*#__PURE__*/React.createElement(_Text.ButtonTextSmall, {
+    className: classNames?.text
+  }, text));
 });
 exports.Badge = Badge;

package/lib/components/Badge/Badge.js.flow

@@ -16,7 +16,7 @@ import {ButtonTextSmall} from '../Text/Text';
 import css from './Badge.module.css';
 
 
-type ClassNames = $ReadOnly<{wrapper?: string}>;
+type ClassNames = $ReadOnly<{wrapper?: string, text?: string}>;
 
 export const BADGE_COLOR = Object.freeze({
   gray: colorGrayLightest,
@@ -52,7 +52,7 @@ export const Badge: React$AbstractComponent<BadgeProps, HTMLDivElement> =
         }}
         ref={ref}
       >
-        <ButtonTextSmall>{text}</ButtonTextSmall>
+        <ButtonTextSmall className={classNames?.text}>{text}</ButtonTextSmall>
       </div>
     ),
   );

package/lib/components/Checkbox/Checkbox.js

@@ -30,7 +30,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
   } = _ref;
   const checkboxInput = /*#__PURE__*/React.createRef();
   React.useImperativeHandle(forwardRef, () => checkboxInput.current);
-  const handleOnChange = () => {
+  const handleOnClick = () => {
     if (!disabled) {
       onChange && onChange({
         value,
@@ -51,9 +51,6 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
       checkboxInput.current.indeterminate = false;
     }
   }, [indeterminate]);
-  const onClickHandler = () => {
-    checkboxInput.current?.click();
-  };
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "checkbox",
     className: (0, _classify.default)(_CheckboxModule.default.checkboxContainer, {
@@ -61,7 +58,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
       [_CheckboxModule.default.horizontalCheckbox]: align === 'horizontal-fixed',
       [_CheckboxModule.default.fluidCheckbox]: align === 'horizontal-fluid'
     }, classNames?.wrapper),
-    onClick: onClickHandler
+    onClick: handleOnClick
   }, /*#__PURE__*/React.createElement("span", {
     className: (0, _classify.default)(_CheckboxModule.default.checkboxSquare, {
       [_CheckboxModule.default.disabled]: disabled
@@ -69,10 +66,9 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
   }, /*#__PURE__*/React.createElement("input", {
     tabIndex: disabled ? -1 : tabIndex,
     type: "checkbox",
-    value: value,
     checked: checked,
+    readOnly: true,
     ref: checkboxInput,
-    onChange: handleOnChange,
     className: (0, _classify.default)(_CheckboxModule.default.inputCheckbox),
     disabled: disabled,
     name: name,

package/lib/components/Checkbox/Checkbox.js.flow

@@ -61,7 +61,7 @@ export const Checkbox: React$AbstractComponent<
     const checkboxInput = React.createRef<HTMLInputElement>();
     React.useImperativeHandle(forwardRef, () => checkboxInput.current);
 
-    const handleOnChange = () => {
+    const handleOnClick = () => {
       if (!disabled) {
         onChange &&
           onChange({
@@ -86,10 +86,6 @@ export const Checkbox: React$AbstractComponent<
       }
     }, [indeterminate]);
 
-    const onClickHandler = () => {
-      checkboxInput.current?.click();
-    };
-
     return (
       <div
         data-testid="checkbox"
@@ -102,7 +98,7 @@ export const Checkbox: React$AbstractComponent<
           },
           classNames?.wrapper,
         )}
-        onClick={onClickHandler}
+        onClick={handleOnClick}
       >
         <span
           className={classify(
@@ -116,10 +112,9 @@ export const Checkbox: React$AbstractComponent<
           <input
             tabIndex={disabled ? -1 : tabIndex}
             type="checkbox"
-            value={value}
             checked={checked}
+            readOnly
             ref={checkboxInput}
-            onChange={handleOnChange}
             className={classify(css.inputCheckbox)}
             disabled={disabled}
             name={name}

package/lib/components/Pagination/Pagination.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Pagination = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _usePagination = _interopRequireDefault(require("../../hooks/usePagination"));
+var _usePagination = require("../../hooks/usePagination");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _helpers = require("../../utils/helpers");
 var _Dropdown = require("../Dropdown");
@@ -30,7 +30,7 @@ const Pagination = /*#__PURE__*/React.forwardRef((props, ref) => {
   } = props;
   const {
     items
-  } = (0, _usePagination.default)({
+  } = (0, _usePagination.usePagination)({
     style,
     showFirstButton,
     showLastButton,

package/lib/components/Pagination/Pagination.js.flow

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 
-import usePagination from '../../hooks/usePagination';
+import {usePagination} from '../../hooks/usePagination';
 import classify from '../../utils/classify';
 import {range} from '../../utils/helpers';
 import {Dropdown} from '../Dropdown';

package/lib/hooks/useCopyToClipboard/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useCopyToClipboard = require("./useCopyToClipboard");
+Object.keys(_useCopyToClipboard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCopyToClipboard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useCopyToClipboard[key];
+    }
+  });
+});

package/lib/hooks/useCopyToClipboard/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './useCopyToClipboard';

package/lib/hooks/useInputState/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useInputState = require("./useInputState");
+Object.keys(_useInputState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useInputState[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useInputState[key];
+    }
+  });
+});

package/lib/hooks/useInputState/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './useInputState';

package/lib/hooks/useLockedBody/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useLockedBody = require("./useLockedBody");
+Object.keys(_useLockedBody).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useLockedBody[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useLockedBody[key];
+    }
+  });
+});

package/lib/hooks/useLockedBody/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './useLockedBody';

package/lib/hooks/usePagination/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _usePagination = require("./usePagination");
+Object.keys(_usePagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _usePagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _usePagination[key];
+    }
+  });
+});

package/lib/hooks/usePagination/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './usePagination';

package/lib/hooks/{usePagination.js → usePagination/usePagination.js}

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = usePagination;
-var _helpers = require("../utils/helpers");
+exports.usePagination = void 0;
+var _helpers = require("../../utils/helpers");
 
-function usePagination(props) {
+const usePagination = props => {
   const {
     boundaryCount = 1,
     totalPages = 1,
@@ -99,4 +99,5 @@ function usePagination(props) {
   return {
     items
   };
-}
+};
+exports.usePagination = usePagination;

package/lib/hooks/{usePagination.js.flow → usePagination/usePagination.js.flow}

@@ -3,13 +3,15 @@
 import type {
   PaginationBaseProps,
   PaginationItemProps,
-} from '../components/Pagination';
-import {range} from '../utils/helpers';
+} from '../../components/Pagination';
+import {range} from '../../utils/helpers';
 
 
-export default function usePagination(props: PaginationBaseProps): {
+export const usePagination = (
+  props: PaginationBaseProps,
+): {
   items: ?(PaginationItemProps[]),
-} {
+} => {
   const {
     boundaryCount = 1,
     totalPages = 1,
@@ -150,4 +152,4 @@ export default function usePagination(props: PaginationBaseProps): {
   return {
     items,
   };
-}
+};

package/lib/hooks/useToastPortal/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useToastPortal = require("./useToastPortal");
+Object.keys(_useToastPortal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useToastPortal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useToastPortal[key];
+    }
+  });
+});

package/lib/hooks/useToastPortal/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './useToastPortal';

package/lib/hooks/{useToastPortal.js → useToastPortal/useToastPortal.js}

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useToastPortal = void 0;
 var _react = require("react");
-var _elevation = require("../styles/variables/_elevation");
-var _space = require("../styles/variables/_space");
+var _elevation = require("../../styles/variables/_elevation");
+var _space = require("../../styles/variables/_space");
 
 const useToastPortal = _ref => {
   let {

package/lib/hooks/{useToastPortal.js.flow → useToastPortal/useToastPortal.js.flow}

@@ -1,8 +1,8 @@
 // @flow strict
 import {useEffect, useState} from 'react';
 
-import {elevationToast} from '../styles/variables/_elevation';
-import {spaceMedium} from '../styles/variables/_space';
+import {elevationToast} from '../../styles/variables/_elevation';
+import {spaceMedium} from '../../styles/variables/_space';
 
 
 type UseToastPortal = {

package/lib/hooks/useToggle/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useToggle = require("./useToggle");
+Object.keys(_useToggle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useToggle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useToggle[key];
+    }
+  });
+});

package/lib/hooks/useToggle/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './useToggle';

package/lib/hooks/useWindowSize/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useWindowSize = require("./useWindowSize");
+Object.keys(_useWindowSize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useWindowSize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useWindowSize[key];
+    }
+  });
+});

package/lib/hooks/useWindowSize/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './useWindowSize';

package/lib/utils/{click-away.js → click-away/click-away.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ClickAway = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _invariant = _interopRequireDefault(require("invariant"));
-var _dom = require("./dom");
+var _dom = require("../dom");
 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; }

package/lib/utils/{click-away.js.flow → click-away/click-away.js.flow}

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import invariant from 'invariant';
 
-import {pageHeight} from './dom';
+import {pageHeight} from '../dom';
 
 
 export type ChildProps = {

package/lib/utils/click-away/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _clickAway = require("./click-away");
+Object.keys(_clickAway).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _clickAway[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _clickAway[key];
+    }
+  });
+});

package/lib/utils/click-away/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './click-away';

package/lib/utils/dom/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _dom = require("./dom");
+Object.keys(_dom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dom[key];
+    }
+  });
+});

package/lib/utils/dom/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './dom';

package/lib/utils/helpers/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _helpers = require("./helpers");
+Object.keys(_helpers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _helpers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _helpers[key];
+    }
+  });
+});

package/lib/utils/helpers/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './helpers';

package/lib/utils/makeClassNameComponent/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _makeClassNameComponent = require("./makeClassNameComponent");
+Object.keys(_makeClassNameComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _makeClassNameComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _makeClassNameComponent[key];
+    }
+  });
+});

package/lib/utils/makeClassNameComponent/index.js.flow

@@ -0,0 +1,3 @@
+// @flow strict
+
+export * from './makeClassNameComponent';

package/lib/utils/{makeClassNameComponent.js → makeClassNameComponent/makeClassNameComponent.js}

@@ -7,7 +7,7 @@ exports.makeClassNameComponent = makeClassNameComponent;
 exports.makeClassNameComponentCustom = makeClassNameComponentCustom;
 exports.nameHoc = nameHoc;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("./classify"));
+var _classify = _interopRequireDefault(require("../classify"));
 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; }

package/lib/utils/{makeClassNameComponent.js.flow → makeClassNameComponent/makeClassNameComponent.js.flow}

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 
-import classify from './classify';
+import classify from '../classify';
 
 
 export function nameHoc<C, T: React.ComponentType<C>, C2>(