@primer/components 0.0.0-2021113144816 → 0.0.0-2021113174023

package/lib/hooks/useProvidedStateOrCreate.js

@@ -1,12 +1,7 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useProvidedStateOrCreate = useProvidedStateOrCreate;
-
-var _react = require("react");
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProvidedStateOrCreate = void 0;
+const react_1 = require("react");
 /**
  * There are some situations where we want to give users the option to control state externally with their own state handlers
  * or default to using internal state handlers. Because of the 'rules-of-hooks', we cannot conditionally make a call to `React.useState`
@@ -17,11 +12,13 @@ var _react = require("react");
  * @param defaultState The defaultState to use, if using internal state.
  */
 function useProvidedStateOrCreate(externalState, setExternalState, defaultState) {
-  const [internalState, setInternalState] = (0, _react.useState)(defaultState);
-  const state = externalState !== null && externalState !== void 0 ? externalState : internalState;
-  const setState = (0, _react.useCallback)(s => {
-    setInternalState(s);
-    if (setExternalState) setExternalState(s);
-  }, [setExternalState]);
-  return [state, setState];
-}
+    const [internalState, setInternalState] = react_1.useState(defaultState);
+    const state = externalState ?? internalState;
+    const setState = react_1.useCallback((s) => {
+        setInternalState(s);
+        if (setExternalState)
+            setExternalState(s);
+    }, [setExternalState]);
+    return [state, setState];
+}
+exports.useProvidedStateOrCreate = useProvidedStateOrCreate;

package/lib/hooks/useRenderForcingRef.js

@@ -1,12 +1,7 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRenderForcingRef = useRenderForcingRef;
-
-var _react = require("react");
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRenderForcingRef = void 0;
+const react_1 = require("react");
 /**
  * There are certain situations where a ref might be set after the current render cycle for a
  * component has finished.  e.g. a forward ref from a conditionally rendered child component.
@@ -14,12 +9,13 @@ var _react = require("react");
  * @type TRef The type of the RefObject which should be created.
  */
 function useRenderForcingRef() {
-  const [refCurrent, setRefCurrent] = (0, _react.useState)(null);
-  const ref = (0, _react.useRef)(null);
-  ref.current = refCurrent;
-  const setRef = (0, _react.useCallback)(newRef => {
-    ref.current = newRef;
-    setRefCurrent(newRef);
-  }, [ref]);
-  return [ref, setRef];
-}
+    const [refCurrent, setRefCurrent] = react_1.useState(null);
+    const ref = react_1.useRef(null);
+    ref.current = refCurrent;
+    const setRef = react_1.useCallback((newRef) => {
+        ref.current = newRef;
+        setRefCurrent(newRef);
+    }, [ref]);
+    return [ref, setRef];
+}
+exports.useRenderForcingRef = useRenderForcingRef;

package/lib/hooks/useResizeObserver.js

@@ -1,20 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useResizeObserver = useResizeObserver;
-
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("../utils/useIsomorphicLayoutEffect"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = void 0;
+const useIsomorphicLayoutEffect_1 = __importDefault(require("../utils/useIsomorphicLayoutEffect"));
 function useResizeObserver(callback) {
-  (0, _useIsomorphicLayoutEffect.default)(() => {
-    const observer = new window.ResizeObserver(() => callback());
-    observer.observe(document.documentElement);
-    return () => {
-      observer.disconnect();
-    };
-  }, [callback]);
-}
+    useIsomorphicLayoutEffect_1.default(() => {
+        const observer = new window.ResizeObserver(() => callback());
+        observer.observe(document.documentElement);
+        return () => {
+            observer.disconnect();
+        };
+    }, [callback]);
+}
+exports.useResizeObserver = useResizeObserver;

package/lib/hooks/useSafeTimeout.js

@@ -1,38 +1,30 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useSafeTimeout;
-
-var _react = require("react");
-
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
 /**
  * Safely call `setTimeout` and `clearTimeout` within a component.
  *
  * This hook ensures that all timeouts are cleared when the component unmounts.
  */
 function useSafeTimeout() {
-  const timers = (0, _react.useRef)(new Set());
-  const safeSetTimeout = (0, _react.useCallback)((handler, timeout, ...args) => {
-    const id = window.setTimeout(handler, timeout, ...args);
-    timers.current.add(id);
-    return id;
-  }, []);
-  const safeClearTimeout = (0, _react.useCallback)(id => {
-    clearTimeout(id);
-    timers.current.delete(id);
-  }, []);
-  (0, _react.useEffect)(() => {
-    return () => {
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      for (const id of timers.current) {
+    const timers = react_1.useRef(new Set());
+    const safeSetTimeout = react_1.useCallback((handler, timeout, ...args) => {
+        const id = window.setTimeout(handler, timeout, ...args);
+        timers.current.add(id);
+        return id;
+    }, []);
+    const safeClearTimeout = react_1.useCallback((id) => {
         clearTimeout(id);
-      }
-    };
-  }, []);
-  return {
-    safeSetTimeout,
-    safeClearTimeout
-  };
-}
+        timers.current.delete(id);
+    }, []);
+    react_1.useEffect(() => {
+        return () => {
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+            for (const id of timers.current) {
+                clearTimeout(id);
+            }
+        };
+    }, []);
+    return { safeSetTimeout, safeClearTimeout };
+}
+exports.default = useSafeTimeout;

package/lib/hooks/useScrollFlash.js

@@ -1,29 +1,22 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useScrollFlash;
-
-var _react = require("react");
-
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
 /**
  * This hook will flash the scrollbars for a ref of a container that has scrollable overflow
  * @param scrollContainerRef The ref of the scrollable content
  */
 function useScrollFlash(scrollContainerRef) {
-  // https://adxlv.computer/projects/flash-scrollers/
-  (0, _react.useEffect)(() => {
-    const scrollContainer = scrollContainerRef.current;
-
-    if (!scrollContainer) {
-      return;
-    }
-
-    const currentScroll = scrollContainer.scrollTop;
-    const maxScroll = scrollContainer.scrollHeight;
-    const altScroll = currentScroll < Math.min(1, maxScroll) ? currentScroll + 1 : currentScroll - 1;
-    scrollContainer.scrollTop = altScroll;
-    scrollContainer.scrollTop = currentScroll;
-  }, [scrollContainerRef]);
-}
+    // https://adxlv.computer/projects/flash-scrollers/
+    react_1.useEffect(() => {
+        const scrollContainer = scrollContainerRef.current;
+        if (!scrollContainer) {
+            return;
+        }
+        const currentScroll = scrollContainer.scrollTop;
+        const maxScroll = scrollContainer.scrollHeight;
+        const altScroll = currentScroll < Math.min(1, maxScroll) ? currentScroll + 1 : currentScroll - 1;
+        scrollContainer.scrollTop = altScroll;
+        scrollContainer.scrollTop = currentScroll;
+    }, [scrollContainerRef]);
+}
+exports.default = useScrollFlash;

package/lib/index.d.ts

@@ -56,6 +56,8 @@ export { ConfirmationDialog } from './Dialog/ConfirmationDialog';
 export { default as Dropdown } from './Dropdown';
 export type { DropdownProps, DropdownCaretProps, DropdownButtonProps, DropdownItemProps, DropdownMenuProps } from './Dropdown';
 export { DropdownButton, DropdownMenu } from './DropdownMenu';
+export { default as EmojiPicker } from './EmojiPicker';
+export type { EmojiPickerProps } from './EmojiPicker';
 export { default as FilteredSearch } from './FilteredSearch';
 export type { FilteredSearchProps } from './FilteredSearch';
 export { default as FilterList } from './FilterList';
@@ -115,6 +117,4 @@ export { default as Truncate } from './Truncate';
 export type { TruncateProps } from './Truncate';
 export { default as UnderlineNav } from './UnderlineNav';
 export type { UnderlineNavProps, UnderlineNavLinkProps } from './UnderlineNav';
-export { default as Checkbox } from './Checkbox';
-export type { CheckboxProps } from './Checkbox';
 export { SSRProvider, useSSRSafeId } from './utils/ssr';