@sproutsocial/seeds-react-hooks 1.0.0 → 2.0.1

package/dist/index.d.mts

@@ -0,0 +1,66 @@
+import { RefObject } from 'react';
+
+interface DOMRectObject {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+declare function useMeasure<TElement extends Element>(ref: RefObject<TElement>): Readonly<DOMRectObject>;
+
+type TypeSingleSelectProps<T extends string> = {
+    initialValue?: T | "";
+    onChange?: (value: string | T) => any;
+};
+declare const useSelect: <T extends string>({ initialValue, onChange: userOnChange, }?: TypeSingleSelectProps<T>) => {
+    value: string | T;
+    onChange: (newValue: string) => void;
+};
+
+type TypeMultiSelectProps<T extends string> = {
+    initialValue?: T[];
+    onChange?: (value: Array<string | T>) => any;
+};
+declare const useMultiselect: <T extends string>({ initialValue, onChange: userOnChange, }?: TypeMultiSelectProps<T>) => {
+    value: (string | T)[];
+    onChange: (newValue: string) => void;
+    onClear: () => void;
+};
+
+type TypeMutationObserverInitRequired = {
+    childList: true;
+} | {
+    attributes: true;
+} | {
+    characterData: true;
+};
+type TypeMutationObserverInit = {
+    subtree?: boolean;
+    attributeOldValue?: boolean;
+    characterDataOldValue?: boolean;
+    attributeFilter?: Array<string>;
+} & TypeMutationObserverInitRequired;
+type TypeMutationObserverCallback = (mutationList?: MutationRecord[], observer?: MutationObserver) => any;
+declare function useMutationObserver(targetNode: Node | null, config: TypeMutationObserverInit, callback?: TypeMutationObserverCallback): undefined;
+declare function useMutationObserverOnce(targetNode: Node | null, config: TypeMutationObserverInit, callback: TypeMutationObserverCallback): undefined;
+
+type textContentRef = ((node: Node) => void) & {
+    current?: string;
+};
+declare function useTextContent(initial: string): textContentRef;
+
+declare function useWhyDidYouUpdate(name: string, props: object): void;
+
+/**
+ * The useInteractiveColor hook has context of theme mode (light or dark)
+ * and can be used to lighten or darken a color dynamically
+ *
+ * note: colors are limited to our theme colors
+ */
+declare const useInteractiveColor: (themeColor: string) => string;
+
+export { type textContentRef, useInteractiveColor, useMeasure, useMultiselect, useMutationObserver, useMutationObserverOnce, useSelect, useTextContent, useWhyDidYouUpdate };

package/dist/index.d.ts

@@ -0,0 +1,66 @@
+import { RefObject } from 'react';
+
+interface DOMRectObject {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+declare function useMeasure<TElement extends Element>(ref: RefObject<TElement>): Readonly<DOMRectObject>;
+
+type TypeSingleSelectProps<T extends string> = {
+    initialValue?: T | "";
+    onChange?: (value: string | T) => any;
+};
+declare const useSelect: <T extends string>({ initialValue, onChange: userOnChange, }?: TypeSingleSelectProps<T>) => {
+    value: string | T;
+    onChange: (newValue: string) => void;
+};
+
+type TypeMultiSelectProps<T extends string> = {
+    initialValue?: T[];
+    onChange?: (value: Array<string | T>) => any;
+};
+declare const useMultiselect: <T extends string>({ initialValue, onChange: userOnChange, }?: TypeMultiSelectProps<T>) => {
+    value: (string | T)[];
+    onChange: (newValue: string) => void;
+    onClear: () => void;
+};
+
+type TypeMutationObserverInitRequired = {
+    childList: true;
+} | {
+    attributes: true;
+} | {
+    characterData: true;
+};
+type TypeMutationObserverInit = {
+    subtree?: boolean;
+    attributeOldValue?: boolean;
+    characterDataOldValue?: boolean;
+    attributeFilter?: Array<string>;
+} & TypeMutationObserverInitRequired;
+type TypeMutationObserverCallback = (mutationList?: MutationRecord[], observer?: MutationObserver) => any;
+declare function useMutationObserver(targetNode: Node | null, config: TypeMutationObserverInit, callback?: TypeMutationObserverCallback): undefined;
+declare function useMutationObserverOnce(targetNode: Node | null, config: TypeMutationObserverInit, callback: TypeMutationObserverCallback): undefined;
+
+type textContentRef = ((node: Node) => void) & {
+    current?: string;
+};
+declare function useTextContent(initial: string): textContentRef;
+
+declare function useWhyDidYouUpdate(name: string, props: object): void;
+
+/**
+ * The useInteractiveColor hook has context of theme mode (light or dark)
+ * and can be used to lighten or darken a color dynamically
+ *
+ * note: colors are limited to our theme colors
+ */
+declare const useInteractiveColor: (themeColor: string) => string;
+
+export { type textContentRef, useInteractiveColor, useMeasure, useMultiselect, useMutationObserver, useMutationObserverOnce, useSelect, useTextContent, useWhyDidYouUpdate };

package/dist/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var react = require('react');
+var seedsReactUtilities = require('@sproutsocial/seeds-react-utilities');
+var polished = require('polished');
+var styledComponents = require('styled-components');
+
+var v=Object.freeze({x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0});function q(r){let[t,e]=react.useState(v);return react.useLayoutEffect(()=>{if(!r.current||!("ResizeObserver"in window))return;let n=new ResizeObserver(([o])=>{let{x:u,y:a,width:i,height:p,top:m,right:b,bottom:d,left:g}=o.contentRect;e({x:u,y:a,width:i,height:p,top:m,right:b,bottom:d,left:g});});return n.observe(r.current),()=>{n.disconnect();}},[r]),t}var U=({initialValue:r="",onChange:t=()=>{}}={initialValue:"",onChange:()=>{}})=>{let[e,s]=react.useState(r),n=react.useCallback(o=>{o!==e&&(s(o),t(o));},[t,e]);return {value:e,onChange:n}};var R=(r,t)=>{let e=new Set(r);switch(t.type){case"reset":return new Set;case"toggle_item":default:return t.value&&(e.has(t.value)?e.delete(t.value):e.add(t.value)),e}},K=({initialValue:r=[],onChange:t=()=>{}}={initialValue:[],onChange:()=>{}})=>{let[e,s]=react.useReducer(R,new Set(r)),n=i=>Array.from(i),o=react.useCallback(i=>{s({type:"toggle_item",value:i});},[s]),u=react.useRef(!0);react.useEffect(()=>{if(u.current){u.current=!1;return}t(n(e));},[t,e]);let a=react.useCallback(()=>{s({type:"reset"});},[s]);return {value:n(e),onChange:o,onClear:a}};var E=r=>r;function k(r,t,e=E){if(!seedsReactUtilities.canUseDOM())return;let[s,n]=react.useState(void 0),o=react.useMemo(()=>new MutationObserver((u,a)=>{let i=e(u,a);n(i);}),[e]);return react.useEffect(()=>{if(r)return o.observe(r,t),()=>{o.disconnect();}},[r,t,o]),s}function H(r,t,e){let[s,n]=react.useState(!0),u=k(s?r:null,t,e);return u!==void 0&&s&&n(!1),u}function X(r){let[t,e]=react.useState(r),s=react.useCallback(n=>{n&&n.textContent!==null&&e(n.textContent);},[]);return s.current=t,s}function ee(r,t){let e=react.useRef({});react.useEffect(()=>{if(e.current){let s=Object.keys({...e.current,...t}),n={};s.forEach(o=>{e.current[o]!==t[o]&&(n[o]={from:e.current[o],to:t[o]});}),Object.keys(n).length&&console.log("[why-did-you-update]",r,n);}e.current=t;});}var oe=r=>{if(!styledComponents.useTheme())throw new Error("useInteractiveColor() must be used within a Styled Components ThemeProvider");return styledComponents.useTheme().mode==="dark"?polished.lighten(.2,r):polished.darken(.2,r)};
+
+exports.useInteractiveColor = oe;
+exports.useMeasure = q;
+exports.useMultiselect = K;
+exports.useMutationObserver = k;
+exports.useMutationObserverOnce = H;
+exports.useSelect = U;
+exports.useTextContent = X;
+exports.useWhyDidYouUpdate = ee;

package/dist/index.mjs

@@ -0,0 +1,8 @@
+import { useState, useLayoutEffect, useCallback, useReducer, useRef, useEffect, useMemo } from 'react';
+import { canUseDOM } from '@sproutsocial/seeds-react-utilities';
+import { lighten, darken } from 'polished';
+import { useTheme } from 'styled-components';
+
+var v=Object.freeze({x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0});function q(r){let[t,e]=useState(v);return useLayoutEffect(()=>{if(!r.current||!("ResizeObserver"in window))return;let n=new ResizeObserver(([o])=>{let{x:u,y:a,width:i,height:p,top:m,right:b,bottom:d,left:g}=o.contentRect;e({x:u,y:a,width:i,height:p,top:m,right:b,bottom:d,left:g});});return n.observe(r.current),()=>{n.disconnect();}},[r]),t}var U=({initialValue:r="",onChange:t=()=>{}}={initialValue:"",onChange:()=>{}})=>{let[e,s]=useState(r),n=useCallback(o=>{o!==e&&(s(o),t(o));},[t,e]);return {value:e,onChange:n}};var R=(r,t)=>{let e=new Set(r);switch(t.type){case"reset":return new Set;case"toggle_item":default:return t.value&&(e.has(t.value)?e.delete(t.value):e.add(t.value)),e}},K=({initialValue:r=[],onChange:t=()=>{}}={initialValue:[],onChange:()=>{}})=>{let[e,s]=useReducer(R,new Set(r)),n=i=>Array.from(i),o=useCallback(i=>{s({type:"toggle_item",value:i});},[s]),u=useRef(!0);useEffect(()=>{if(u.current){u.current=!1;return}t(n(e));},[t,e]);let a=useCallback(()=>{s({type:"reset"});},[s]);return {value:n(e),onChange:o,onClear:a}};var E=r=>r;function k(r,t,e=E){if(!canUseDOM())return;let[s,n]=useState(void 0),o=useMemo(()=>new MutationObserver((u,a)=>{let i=e(u,a);n(i);}),[e]);return useEffect(()=>{if(r)return o.observe(r,t),()=>{o.disconnect();}},[r,t,o]),s}function H(r,t,e){let[s,n]=useState(!0),u=k(s?r:null,t,e);return u!==void 0&&s&&n(!1),u}function X(r){let[t,e]=useState(r),s=useCallback(n=>{n&&n.textContent!==null&&e(n.textContent);},[]);return s.current=t,s}function ee(r,t){let e=useRef({});useEffect(()=>{if(e.current){let s=Object.keys({...e.current,...t}),n={};s.forEach(o=>{e.current[o]!==t[o]&&(n[o]={from:e.current[o],to:t[o]});}),Object.keys(n).length&&console.log("[why-did-you-update]",r,n);}e.current=t;});}var oe=r=>{if(!useTheme())throw new Error("useInteractiveColor() must be used within a Styled Components ThemeProvider");return useTheme().mode==="dark"?lighten(.2,r):darken(.2,r)};
+
+export { oe as useInteractiveColor, q as useMeasure, K as useMultiselect, k as useMutationObserver, H as useMutationObserverOnce, U as useSelect, X as useTextContent, ee as useWhyDidYouUpdate };

package/package.json

@@ -1,36 +1,31 @@
 {
   "name": "@sproutsocial/seeds-react-hooks",
-  "version": "1.0.0",
+  "version": "2.0.1",
   "description": "Seeds React Hooks",
-  "main": "commonjs/index.js",
-  "module": "lib/index.mjs",
-  "types": "dist/types/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
   "files": [
-    "__flow__",
-    "commonjs",
-    "dist",
-    "lib"
+    "dist"
   ],
   "scripts": {
-    "build": "yarn build:ts-declarations && tsx scripts/build.ts",
-    "build:ts-declarations": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json"
+    "build": "tsup"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-utilities": "*",
+    "@sproutsocial/seeds-react-utilities": "^2.0.0",
+    "@sproutsocial/seeds-react-theme": "^1.0.0",
     "polished": "^3.4.1"
   },
   "devDependencies": {
     "@types/styled-components": "^5.1.26",
     "@sproutsocial/eslint-config-seeds": "*",
-    "@sproutsocial/seeds-build-flow": "*",
-    "@sproutsocial/seeds-react-theme": "*",
-    "flow-bin": "0.131.0",
     "react": "^17.0.2",
     "styled-components": "^5.2.3",
     "typescript": "^5.1.6",
-    "tsx": "3.13.0"
+    "tsx": "3.13.0",
+    "tsup": "^8.0.2"
   },
   "peerDependencies": {
     "styled-components": "^5.2.3"

package/__flow__/index.flow.js

@@ -1,8 +0,0 @@
-// @flow
-
-export * from "./useSelect/useSelect";
-export * from "./useMultiselect/useMultiselect";
-export * from "./useMutationObserver/useMutationObserver";
-export * from "./useTextContent/useTextContent";
-export * from "./useWhyDidYouUpdate/useWhyDidYouUpdate";
-export * from "./useInteractiveColor/useInteractiveColor";

package/__flow__/index.js

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

package/__flow__/useInteractiveColor/useInteractiveColor.flow.js

@@ -1,3 +0,0 @@
-//@flow strict-local
-
-declare export var useInteractiveColor: (themeColor: string) => string;

package/__flow__/useMultiselect/useMultiselect.flow.js

@@ -1,17 +0,0 @@
-// @flow
-
-type TypeMultiSelectProps<T: string> = {|
-  initialValue?: T[],
-  onChange?: (value: Array<string | T>) => any,
-|};
-declare var valueReducer: (state: Set<string>, action: {|
-  type: string
-|} | {|
-  type: string,
-  value: string,
-|}) => Set<string>;
-declare export var useMultiselect: <T: string>(props?: TypeMultiSelectProps<T>) => {|
-  onChange: (newValue: string) => void,
-  onClear: () => void,
-  value: Array<string | T>,
-|};

package/__flow__/useMutationObserver/useMutationObserver.flow.js

@@ -1,19 +0,0 @@
-type TypeMutationObserverInitRequired = {|
-  childList: true
-|} | {|
-  attributes: true
-|} | {|
-  characterData: true
-|};
-type TypeMutationObserverInit = {
-  ...TypeMutationObserverInitRequired,
-  subtree?: boolean,
-  attributeOldValue?: boolean,
-  characterDataOldValue?: boolean,
-  attributeFilter?: Array<string>,
-  ...
-};
-type TypeMutationObserverCallback = (mutationList?: MutationRecord[], observer?: MutationObserver) => any;
-declare var defaultCallback: TypeMutationObserverCallback;
-declare export function useMutationObserver(targetNode: ?Node, config: TypeMutationObserverInit, callback?: TypeMutationObserverCallback): void | any;
-declare export function useMutationObserverOnce(targetNode: ?Node, config: TypeMutationObserverInit, callback: TypeMutationObserverCallback): void | any;

package/__flow__/useSelect/useSelect.flow.js

@@ -1,10 +0,0 @@
-// @flow
-
-type TypeSingleSelectProps<T: string> = {|
-  initialValue?: T | "",
-  onChange?: (value: string | T) => any,
-|};
-declare export var useSelect: <T: string>(props?: TypeSingleSelectProps<T>) => {|
-  onChange: (newValue: string) => void,
-  value: T | string,
-|};

package/__flow__/useTextContent/useTextContent.flow.js

@@ -1,21 +0,0 @@
-// @flow
-
-import { useState, useCallback } from "react";
-type ReturnType<F> = $PropertyType<$ObjMap<{
-  x: F,
-  ...
-}, <R>(f: (...any) => R) => R>, "x">;
-const useTextContentClone = (initial: string) => {
-  const [textContent, setTextContent] = useState(initial);
-  const ref = useCallback((node: Node) => {
-    if (node !== null) {
-      setTextContent(node.textContent);
-    }
-  }, []);
-  ref.current = textContent;
-  return ref;
-};
-
-// Couldn't find a way to achieve this with flow type syntax - open to suggestions
-// Tried https://github.com/facebook/flow/issues/2840#issuecomment-452934068 but it didn't work
-declare export function useTextContent(initial: string): ReturnType<typeof useTextContentClone>;

package/__flow__/useWhyDidYouUpdate/useWhyDidYouUpdate.flow.js

@@ -1,3 +0,0 @@
-// @flow
-
-declare export function useWhyDidYouUpdate(name: string, props: any): void;

package/commonjs/index.flow.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _useSelect = require("./useSelect/useSelect");
-Object.keys(_useSelect).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useSelect[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useSelect[key];
-    }
-  });
-});
-var _useMultiselect = require("./useMultiselect/useMultiselect");
-Object.keys(_useMultiselect).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useMultiselect[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useMultiselect[key];
-    }
-  });
-});
-var _useMutationObserver = require("./useMutationObserver/useMutationObserver");
-Object.keys(_useMutationObserver).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useMutationObserver[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useMutationObserver[key];
-    }
-  });
-});
-var _useTextContent = require("./useTextContent/useTextContent");
-Object.keys(_useTextContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useTextContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useTextContent[key];
-    }
-  });
-});
-var _useWhyDidYouUpdate = require("./useWhyDidYouUpdate/useWhyDidYouUpdate");
-Object.keys(_useWhyDidYouUpdate).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useWhyDidYouUpdate[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useWhyDidYouUpdate[key];
-    }
-  });
-});
-var _useInteractiveColor = require("./useInteractiveColor/useInteractiveColor");
-Object.keys(_useInteractiveColor).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useInteractiveColor[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useInteractiveColor[key];
-    }
-  });
-});

package/commonjs/index.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _useMeasure = require("./useMeasure/useMeasure");
-Object.keys(_useMeasure).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useMeasure[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useMeasure[key];
-    }
-  });
-});
-var _useSelect = require("./useSelect/useSelect");
-Object.keys(_useSelect).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useSelect[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useSelect[key];
-    }
-  });
-});
-var _useMultiselect = require("./useMultiselect/useMultiselect");
-Object.keys(_useMultiselect).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useMultiselect[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useMultiselect[key];
-    }
-  });
-});
-var _useMutationObserver = require("./useMutationObserver/useMutationObserver");
-Object.keys(_useMutationObserver).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useMutationObserver[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useMutationObserver[key];
-    }
-  });
-});
-var _useTextContent = require("./useTextContent/useTextContent");
-Object.keys(_useTextContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useTextContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useTextContent[key];
-    }
-  });
-});
-var _useWhyDidYouUpdate = require("./useWhyDidYouUpdate/useWhyDidYouUpdate");
-Object.keys(_useWhyDidYouUpdate).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useWhyDidYouUpdate[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useWhyDidYouUpdate[key];
-    }
-  });
-});
-var _useInteractiveColor = require("./useInteractiveColor/useInteractiveColor");
-Object.keys(_useInteractiveColor).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useInteractiveColor[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useInteractiveColor[key];
-    }
-  });
-});

package/commonjs/index.js.flow

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

package/commonjs/useInteractiveColor/useInteractiveColor.flow.js

@@ -1 +0,0 @@
-"use strict";

package/commonjs/useInteractiveColor/useInteractiveColor.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useInteractiveColor = void 0;
-var _polished = require("polished");
-var _styledComponents = require("styled-components");
-/**
- * The useInteractiveColor hook has context of theme mode (light or dark)
- * and can be used to lighten or darken a color dynamically
- *
- * note: colors are limited to our theme colors
- */
-var useInteractiveColor = exports.useInteractiveColor = function useInteractiveColor(themeColor) {
-  // Throw error if used outside of a ThemeProvider (styled-components)
-  if (!(0, _styledComponents.useTheme)()) {
-    throw new Error("useInteractiveColor() must be used within a Styled Components ThemeProvider");
-  }
-
-  // Get the current theme mode ie. 'light' or 'dark'
-  var theme = (0, _styledComponents.useTheme)();
-  var themeMode = theme.mode;
-
-  // If the theme mode is dark, return a lightened version of the themeValue
-  if (themeMode === "dark") {
-    return (0, _polished.lighten)(0.2, themeColor);
-  } else {
-    // If the theme mode is light, return a darkened version of the themeValue
-    return (0, _polished.darken)(0.2, themeColor);
-  }
-};

package/commonjs/useMeasure/useMeasure.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMeasure = useMeasure;
-var _react = require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var initialBounds = Object.freeze({
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0
-});
-function useMeasure(ref) {
-  var _useState = (0, _react.useState)(initialBounds),
-    _useState2 = _slicedToArray(_useState, 2),
-    bounds = _useState2[0],
-    setContentRect = _useState2[1];
-  (0, _react.useLayoutEffect)(function () {
-    var element = ref.current;
-    if (!element ||
-    // in non-browser environments (e.g. Jest tests) ResizeObserver is not defined
-    !("ResizeObserver" in window)) {
-      return;
-    }
-    var resizeObserver = new ResizeObserver(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 1),
-        entry = _ref2[0];
-      var _entry$contentRect = entry.contentRect,
-        x = _entry$contentRect.x,
-        y = _entry$contentRect.y,
-        width = _entry$contentRect.width,
-        height = _entry$contentRect.height,
-        top = _entry$contentRect.top,
-        right = _entry$contentRect.right,
-        bottom = _entry$contentRect.bottom,
-        left = _entry$contentRect.left;
-      setContentRect({
-        x: x,
-        y: y,
-        width: width,
-        height: height,
-        top: top,
-        right: right,
-        bottom: bottom,
-        left: left
-      });
-    });
-    resizeObserver.observe(ref.current);
-    return function () {
-      resizeObserver.disconnect();
-    };
-  }, [ref]);
-  return bounds;
-}

package/commonjs/useMultiselect/useMultiselect.flow.js

@@ -1 +0,0 @@
-"use strict";

package/commonjs/useMultiselect/useMultiselect.js

@@ -1,77 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMultiselect = void 0;
-var _react = require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var valueReducer = function valueReducer(state, action) {
-  var newState = new Set(state);
-  switch (action.type) {
-    case "reset":
-      {
-        return new Set();
-      }
-    case "toggle_item":
-    default:
-      {
-        if (action.value) {
-          if (newState.has(action.value)) {
-            newState.delete(action.value);
-          } else {
-            newState.add(action.value);
-          }
-        }
-        return newState;
-      }
-  }
-};
-var useMultiselect = exports.useMultiselect = function useMultiselect() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      initialValue: [],
-      // eslint-disable-next-line @typescript-eslint/no-empty-function
-      onChange: function onChange() {}
-    },
-    _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === void 0 ? [] : _ref$initialValue,
-    _ref$onChange = _ref.onChange,
-    userOnChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
-  var _useReducer = (0, _react.useReducer)(valueReducer, new Set(initialValue)),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    value = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  var getArrayValue = function getArrayValue(value) {
-    return Array.from(value);
-  };
-  var onChange = (0, _react.useCallback)(function (newValue) {
-    dispatch({
-      type: "toggle_item",
-      value: newValue
-    });
-  }, [dispatch]);
-  var isFirstRun = (0, _react.useRef)(true);
-  (0, _react.useEffect)(function () {
-    if (isFirstRun.current) {
-      isFirstRun.current = false;
-      return;
-    }
-    userOnChange(getArrayValue(value));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [userOnChange, value]);
-  var onClear = (0, _react.useCallback)(function () {
-    dispatch({
-      type: "reset"
-    });
-  }, [dispatch]);
-  return {
-    value: getArrayValue(value),
-    onChange: onChange,
-    onClear: onClear
-  };
-};

package/commonjs/useMutationObserver/useMutationObserver.flow.js

@@ -1 +0,0 @@
-"use strict";