@artsy/palette 36.3.0 → 36.3.1

package/dist/elements/Tooltip/Tooltip.story.d.ts

@@ -17,3 +17,13 @@ export declare const Placement: () => JSX.Element;
 export declare const IconExample: () => JSX.Element;
 export declare const ExternalControl: () => JSX.Element;
 export declare const PointerCentering: () => JSX.Element;
+export declare const StressTest: {
+    (): JSX.Element;
+    story: {
+        parameters: {
+            chromatic: {
+                disable: boolean;
+            };
+        };
+    };
+};

package/dist/elements/Tooltip/Tooltip.story.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports._Clickable = exports.PointerCentering = exports.Placement = exports.IconExample = exports.ExternalControl = exports.Default = void 0;
+exports.default = exports._Clickable = exports.StressTest = exports.PointerCentering = exports.Placement = exports.IconExample = exports.ExternalControl = exports.Default = void 0;
 var _addonActions = require("@storybook/addon-actions");
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
@@ -17,6 +17,7 @@ var _Input = require("../Input");
 var _Spacer = require("../Spacer");
 var _Text = require("../Text");
 var _Tooltip = require("./Tooltip");
+var _Stack = require("../Stack");
 var _excluded = ["children"];
 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 _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -226,4 +227,38 @@ var PointerCentering = function PointerCentering() {
   }))));
 };
 exports.PointerCentering = PointerCentering;
+var StressTest = function StressTest() {
+  return /*#__PURE__*/_react.default.createElement(_Stack.Stack, {
+    gap: 1
+  }, Array.from({
+    length: 3000
+  }).map(function (_, i) {
+    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      key: i,
+      content: CONTENT,
+      pointer: true,
+      variant: "defaultDark",
+      placement: "right"
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs",
+      textAlign: "center",
+      width: 40,
+      height: 40,
+      mx: "auto",
+      bg: "black10",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }, i));
+  }));
+};
+exports.StressTest = StressTest;
+StressTest.displayName = "StressTest";
+StressTest.story = {
+  parameters: {
+    chromatic: {
+      disable: true
+    }
+  }
+};
 //# sourceMappingURL=Tooltip.story.js.map

package/dist/elements/Tooltip/Tooltip.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_HelpIcon","_interopRequireDefault","_usePosition","_Box","_Button","_Clickable2","_Input","_Spacer","_Text","_Tooltip","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","CONTENT","_default","title","exports","Default","createElement","States","states","placement","width","visible","pointer","variant","children","Fragment","textAlign","offset","_ref","rest","Tooltip","content","Text","p","bg","color","displayName","_Clickable","Clickable","onClick","action","story","parameters","chromatic","disable","Placement","POSITION","map","props","JSON","stringify","maxWidth","mx","IconExample","display","alignItems","lineHeight","Box","as","style","ml","ExternalControl","_useState","useState","_useState2","setVisible","Button","PointerCentering","_useState3","_useState4","setPlacement","_useState5","_useState6","size","setSize","mr","mb","onMouseOver","Input","type","min","max","onChange","e","parseInt","Spacer","y","height","position","top","mt","left"],"sources":["../../../src/elements/Tooltip/Tooltip.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport HelpIcon from \"@artsy/icons/HelpIcon\"\nimport { Position, POSITION } from \"../../utils/usePosition\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Clickable } from \"../Clickable\"\nimport { Input } from \"../Input\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Tooltip, TooltipProps } from \"./Tooltip\"\n\nconst CONTENT = \"Lorem ipsum dolor sit amet consectetur adipisicing elit?\"\n\nexport default {\n  title: \"Components/Tooltip\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<TooltipProps>>\n      states={[\n        { placement: \"top-start\" },\n        { placement: \"bottom\", width: 600 },\n        { placement: \"bottom\", visible: true, pointer: true },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n        },\n        {\n          visible: false,\n          children: <>This text has a tooltip that never displays</>,\n        },\n        {\n          visible: true,\n          textAlign: \"center\",\n        },\n        {\n          visible: true,\n          pointer: true,\n          offset: -10,\n        },\n      ]}\n    >\n      {({ children, ...rest }) => (\n        <Tooltip content={CONTENT} {...rest}>\n          <Text\n            variant=\"xs\"\n            textAlign=\"center\"\n            p={1}\n            bg=\"black100\"\n            color=\"white100\"\n          >\n            {children ?? \"This text has a tooltip\"}\n          </Text>\n        </Tooltip>\n      )}\n    </States>\n  )\n}\n\nexport const _Clickable = () => {\n  return (\n    <States<Partial<TooltipProps>> states={[{}]}>\n      <Tooltip content={CONTENT}>\n        <Clickable onClick={action(\"onClick\")}>\n          <Text\n            variant=\"xs\"\n            textAlign=\"center\"\n            p={1}\n            bg=\"black100\"\n            color=\"white100\"\n          >\n            This text has a tooltip and is clickable\n          </Text>\n        </Clickable>\n      </Tooltip>\n    </States>\n  )\n}\n\n_Clickable.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<TooltipProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Tooltip\n            content={JSON.stringify(props)}\n            variant=\"defaultDark\"\n            pointer\n            visible\n            {...props}\n          >\n            <Text\n              variant=\"xs\"\n              textAlign=\"center\"\n              p={1}\n              maxWidth=\"50%\"\n              mx=\"auto\"\n              bg=\"black10\"\n            >\n              {JSON.stringify(props)}\n            </Text>\n          </Tooltip>\n        )\n      }}\n    </States>\n  )\n}\n\nexport const IconExample = () => {\n  return (\n    <Text variant=\"xs\" display=\"flex\" alignItems=\"center\" lineHeight={1}>\n      Hover (or focus) the icon to display the tooltip.{\" \"}\n      <Tooltip content={CONTENT} placement=\"bottom\">\n        {/* Icons don't forwardRefs so we have to wrap in a span */}\n        <Box as=\"span\" style={{ lineHeight: 0 }}>\n          <HelpIcon ml={0.5} />\n        </Box>\n      </Tooltip>\n    </Text>\n  )\n}\n\nexport const ExternalControl = () => {\n  const [visible, setVisible] = useState(false)\n\n  return (\n    <>\n      <Tooltip\n        content={CONTENT}\n        visible={visible}\n        pointer\n        variant=\"defaultDark\"\n      >\n        <Button\n          variant=\"secondaryBlack\"\n          onClick={() => {\n            setVisible((visible) => !visible)\n          }}\n        >\n          {visible ? \"Click to hide tooltip\" : \"Click to show tooltip\"}\n        </Button>\n      </Tooltip>\n    </>\n  )\n}\n\nexport const PointerCentering = () => {\n  const [placement, setPlacement] = useState<Position>(\"top\")\n  const [size, setSize] = useState(50)\n\n  return (\n    <>\n      {Object.keys(POSITION).map((placement) => {\n        return (\n          <Button\n            key={placement}\n            mr={1}\n            mb={1}\n            variant=\"secondaryBlack\"\n            size=\"small\"\n            onMouseOver={() => {\n              setPlacement(placement as Position)\n            }}\n          >\n            {placement}\n          </Button>\n        )\n      })}\n\n      <Input\n        type=\"range\"\n        min={0}\n        max={200}\n        value={size}\n        onChange={(e) => {\n          setSize(parseInt(e.target.value))\n        }}\n      />\n\n      <Spacer y={12} />\n\n      <Tooltip\n        content={CONTENT}\n        pointer\n        visible\n        variant=\"defaultDark\"\n        placement={placement}\n      >\n        <Box\n          bg=\"black10\"\n          width={size}\n          height={size}\n          mx=\"auto\"\n          position=\"relative\"\n        >\n          <Box\n            height=\"1px\"\n            bg=\"red100\"\n            width=\"100%\"\n            position=\"absolute\"\n            top=\"50%\"\n            mt=\"-0.5px\"\n          />\n\n          <Box\n            height=\"100%\"\n            width=\"1px\"\n            bg=\"red100\"\n            position=\"absolute\"\n            left=\"50%\"\n            ml=\"-0.5px\"\n          />\n        </Box>\n      </Tooltip>\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,KAAA,GAAAZ,OAAA;AACA,IAAAa,QAAA,GAAAb,OAAA;AAAiD,IAAAc,SAAA;AAAA,SAAAT,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAjB,wBAAAa,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAQ,OAAA,CAAAR,GAAA,yBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAS,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAV,GAAA,YAAAS,KAAA,CAAAE,GAAA,CAAAX,GAAA,SAAAY,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAjB,GAAA,QAAAiB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAApB,GAAA,EAAAiB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAhB,GAAA,EAAAiB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAjB,GAAA,CAAAiB,GAAA,SAAAL,MAAA,CAAAV,OAAA,GAAAF,GAAA,MAAAS,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAtB,GAAA,EAAAY,MAAA,YAAAA,MAAA;AAAA,SAAAW,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,MAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,YAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAAA,SAAAsC,SAAA,IAAAA,QAAA,GAAAhD,MAAA,CAAAiD,MAAA,GAAAjD,MAAA,CAAAiD,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAxC,CAAA,MAAAA,CAAA,GAAAyC,SAAA,CAAAvB,MAAA,EAAAlB,CAAA,UAAA0C,MAAA,GAAAD,SAAA,CAAAzC,CAAA,YAAAR,GAAA,IAAAkD,MAAA,QAAArD,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAA+C,MAAA,EAAAlD,GAAA,KAAAgD,MAAA,CAAAhD,GAAA,IAAAkD,MAAA,CAAAlD,GAAA,gBAAAgD,MAAA,YAAAH,QAAA,CAAAM,KAAA,OAAAF,SAAA;AAAA,SAAAG,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAF,MAAA,GAAAM,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAArD,GAAA,EAAAQ,CAAA,MAAAX,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAAL,MAAA,QAAA1C,CAAA,MAAAA,CAAA,GAAAgD,gBAAA,CAAA9B,MAAA,EAAAlB,CAAA,MAAAR,GAAA,GAAAwD,gBAAA,CAAAhD,CAAA,OAAA6C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAA+C,MAAA,EAAAlD,GAAA,aAAAgD,MAAA,CAAAhD,GAAA,IAAAkD,MAAA,CAAAlD,GAAA,cAAAgD,MAAA;AAAA,SAAAM,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAF,MAAA,WAAAW,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAAV,MAAA,OAAAlD,GAAA,EAAAQ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAmD,UAAA,CAAAjC,MAAA,EAAAlB,CAAA,MAAAR,GAAA,GAAA2D,UAAA,CAAAnD,CAAA,OAAA6C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAgD,MAAA,CAAAhD,GAAA,IAAAkD,MAAA,CAAAlD,GAAA,YAAAgD,MAAA;AAEjD,IAAMa,OAAO,GAAG,0DAA0D;AAAA,IAAAC,QAAA,GAE3D;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAA/E,OAAA,GAAA6E,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEhG,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAC/F,gBAAA,CAAAgG,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,SAAS,EAAE;IAAY,CAAC,EAC1B;MAAEA,SAAS,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAI,CAAC,EACnC;MAAED,SAAS,EAAE,QAAQ;MAAEE,OAAO,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAK,CAAC,EACrD;MACEC,OAAO,EAAE,aAAa;MACtBJ,SAAS,EAAE,QAAQ;MACnBE,OAAO,EAAE,IAAI;MACbC,OAAO,EAAE;IACX,CAAC,EACD;MACED,OAAO,EAAE,KAAK;MACdG,QAAQ,eAAEzG,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAAjG,MAAA,CAAAgB,OAAA,CAAA0F,QAAA,QAAE,6CAA2C;IACzD,CAAC,EACD;MACEJ,OAAO,EAAE,IAAI;MACbK,SAAS,EAAE;IACb,CAAC,EACD;MACEL,OAAO,EAAE,IAAI;MACbC,OAAO,EAAE,IAAI;MACbK,MAAM,EAAE,CAAC;IACX,CAAC;EACD,GAED,UAAAC,IAAA;IAAA,IAAGJ,QAAQ,GAAAI,IAAA,CAARJ,QAAQ;MAAKK,IAAI,GAAA3B,wBAAA,CAAA0B,IAAA,EAAAhG,SAAA;IAAA,oBACnBb,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACrF,QAAA,CAAAmG,OAAO,EAAAnC,QAAA;MAACoC,OAAO,EAAEpB;IAAQ,GAAKkB,IAAI,gBACjC9G,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACtF,KAAA,CAAAsG,IAAI;MACHT,OAAO,EAAC,IAAI;MACZG,SAAS,EAAC,QAAQ;MAClBO,CAAC,EAAE,CAAE;MACLC,EAAE,EAAC,UAAU;MACbC,KAAK,EAAC;IAAU,GAEfX,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,yBAAyB,CACjC,CACC;EAAA,CACX,CACM;AAEb,CAAC;AAAAV,OAAA,CAAAC,OAAA,GAAAA,OAAA;AA3CYA,OAAO,CAAAqB,WAAA;AA6Cb,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,oBACEtH,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAC/F,gBAAA,CAAAgG,MAAM;IAAwBC,MAAM,EAAE,CAAC,CAAC,CAAC;EAAE,gBAC1CnG,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACrF,QAAA,CAAAmG,OAAO;IAACC,OAAO,EAAEpB;EAAQ,gBACxB5F,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACzF,WAAA,CAAA+G,SAAS;IAACC,OAAO,EAAE,IAAAC,oBAAM,EAAC,SAAS;EAAE,gBACpCzH,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACtF,KAAA,CAAAsG,IAAI;IACHT,OAAO,EAAC,IAAI;IACZG,SAAS,EAAC,QAAQ;IAClBO,CAAC,EAAE,CAAE;IACLC,EAAE,EAAC,UAAU;IACbC,KAAK,EAAC;EAAU,GACjB,0CAED,CAAO,CACG,CACJ,CACH;AAEb,CAAC;AAAArB,OAAA,CAAAuB,UAAA,GAAAA,UAAA;AAlBYA,UAAU,CAAAD,WAAA;AAoBvBC,UAAU,CAACI,KAAK,GAAG;EACjBC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,oBACE9H,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAC/F,gBAAA,CAAAgG,MAAM;IACLC,MAAM,EAAEvE,MAAM,CAAC+D,IAAI,CAACoC,qBAAQ,CAAC,CAACC,GAAG,CAAC,UAAC5B,SAAS;MAAA,OAAM;QAChDA,SAAS,EAAEA;MACb,CAAC;IAAA,CAAC;EAAE,GAEH,UAAC6B,KAAK,EAAK;IACV,oBACEjI,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACrF,QAAA,CAAAmG,OAAO,EAAAnC,QAAA;MACNoC,OAAO,EAAEkB,IAAI,CAACC,SAAS,CAACF,KAAK,CAAE;MAC/BzB,OAAO,EAAC,aAAa;MACrBD,OAAO;MACPD,OAAO;IAAA,GACH2B,KAAK,gBAETjI,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACtF,KAAA,CAAAsG,IAAI;MACHT,OAAO,EAAC,IAAI;MACZG,SAAS,EAAC,QAAQ;MAClBO,CAAC,EAAE,CAAE;MACLkB,QAAQ,EAAC,KAAK;MACdC,EAAE,EAAC,MAAM;MACTlB,EAAE,EAAC;IAAS,GAEXe,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,CACjB,CACC;EAEd,CAAC,CACM;AAEb,CAAC;AAAAlC,OAAA,CAAA+B,SAAA,GAAAA,SAAA;AA/BYA,SAAS,CAAAT,WAAA;AAiCf,IAAMiB,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,oBACEtI,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACtF,KAAA,CAAAsG,IAAI;IAACT,OAAO,EAAC,IAAI;IAAC+B,OAAO,EAAC,MAAM;IAACC,UAAU,EAAC,QAAQ;IAACC,UAAU,EAAE;EAAE,GAAC,mDAClB,EAAC,GAAG,eACrDzI,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACrF,QAAA,CAAAmG,OAAO;IAACC,OAAO,EAAEpB,OAAQ;IAACQ,SAAS,EAAC;EAAQ,gBAE3CpG,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAC3F,IAAA,CAAAoI,GAAG;IAACC,EAAE,EAAC,MAAM;IAACC,KAAK,EAAE;MAAEH,UAAU,EAAE;IAAE;EAAE,gBACtCzI,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAC9F,SAAA,CAAAa,OAAQ;IAAC6H,EAAE,EAAE;EAAI,EAAG,CACjB,CACE,CACL;AAEX,CAAC;AAAA9C,OAAA,CAAAuC,WAAA,GAAAA,WAAA;AAZYA,WAAW,CAAAjB,WAAA;AAcjB,IAAMyB,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACnC,IAAAC,SAAA,GAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAA5G,cAAA,CAAA0G,SAAA;IAAtCzC,OAAO,GAAA2C,UAAA;IAAEC,UAAU,GAAAD,UAAA;EAE1B,oBACEjJ,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAAjG,MAAA,CAAAgB,OAAA,CAAA0F,QAAA,qBACE1G,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACrF,QAAA,CAAAmG,OAAO;IACNC,OAAO,EAAEpB,OAAQ;IACjBU,OAAO,EAAEA,OAAQ;IACjBC,OAAO;IACPC,OAAO,EAAC;EAAa,gBAErBxG,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAC1F,OAAA,CAAA4I,MAAM;IACL3C,OAAO,EAAC,gBAAgB;IACxBgB,OAAO,EAAE,SAAAA,QAAA,EAAM;MACb0B,UAAU,CAAC,UAAC5C,OAAO;QAAA,OAAK,CAACA,OAAO;MAAA,EAAC;IACnC;EAAE,GAEDA,OAAO,GAAG,uBAAuB,GAAG,uBAAuB,CACrD,CACD,CACT;AAEP,CAAC;AAAAP,OAAA,CAAA+C,eAAA,GAAAA,eAAA;AAEM,IAAMM,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,IAAAC,UAAA,GAAkC,IAAAL,eAAQ,EAAW,KAAK,CAAC;IAAAM,UAAA,GAAAjH,cAAA,CAAAgH,UAAA;IAApDjD,SAAS,GAAAkD,UAAA;IAAEC,YAAY,GAAAD,UAAA;EAC9B,IAAAE,UAAA,GAAwB,IAAAR,eAAQ,EAAC,EAAE,CAAC;IAAAS,UAAA,GAAApH,cAAA,CAAAmH,UAAA;IAA7BE,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EAEpB,oBACEzJ,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAAjG,MAAA,CAAAgB,OAAA,CAAA0F,QAAA,QACG9E,MAAM,CAAC+D,IAAI,CAACoC,qBAAQ,CAAC,CAACC,GAAG,CAAC,UAAC5B,SAAS,EAAK;IACxC,oBACEpG,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAC1F,OAAA,CAAA4I,MAAM;MACLpH,GAAG,EAAEqE,SAAU;MACfwD,EAAE,EAAE,CAAE;MACNC,EAAE,EAAE,CAAE;MACNrD,OAAO,EAAC,gBAAgB;MACxBkD,IAAI,EAAC,OAAO;MACZI,WAAW,EAAE,SAAAA,YAAA,EAAM;QACjBP,YAAY,CAACnD,SAAS,CAAa;MACrC;IAAE,GAEDA,SAAS,CACH;EAEb,CAAC,CAAC,eAEFpG,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACxF,MAAA,CAAAsJ,KAAK;IACJC,IAAI,EAAC,OAAO;IACZC,GAAG,EAAE,CAAE;IACPC,GAAG,EAAE,GAAI;IACT1F,KAAK,EAAEkF,IAAK;IACZS,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK;MACfT,OAAO,CAACU,QAAQ,CAACD,CAAC,CAACrF,MAAM,CAACP,KAAK,CAAC,CAAC;IACnC;EAAE,EACF,eAEFxE,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACvF,OAAA,CAAA4J,MAAM;IAACC,CAAC,EAAE;EAAG,EAAG,eAEjBvK,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAACrF,QAAA,CAAAmG,OAAO;IACNC,OAAO,EAAEpB,OAAQ;IACjBW,OAAO;IACPD,OAAO;IACPE,OAAO,EAAC,aAAa;IACrBJ,SAAS,EAAEA;EAAU,gBAErBpG,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAC3F,IAAA,CAAAoI,GAAG;IACFvB,EAAE,EAAC,SAAS;IACZd,KAAK,EAAEqD,IAAK;IACZc,MAAM,EAAEd,IAAK;IACbrB,EAAE,EAAC,MAAM;IACToC,QAAQ,EAAC;EAAU,gBAEnBzK,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAC3F,IAAA,CAAAoI,GAAG;IACF8B,MAAM,EAAC,KAAK;IACZrD,EAAE,EAAC,QAAQ;IACXd,KAAK,EAAC,MAAM;IACZoE,QAAQ,EAAC,UAAU;IACnBC,GAAG,EAAC,KAAK;IACTC,EAAE,EAAC;EAAQ,EACX,eAEF3K,MAAA,CAAAgB,OAAA,CAAAiF,aAAA,CAAC3F,IAAA,CAAAoI,GAAG;IACF8B,MAAM,EAAC,MAAM;IACbnE,KAAK,EAAC,KAAK;IACXc,EAAE,EAAC,QAAQ;IACXsD,QAAQ,EAAC,UAAU;IACnBG,IAAI,EAAC,KAAK;IACV/B,EAAE,EAAC;EAAQ,EACX,CACE,CACE,CACT;AAEP,CAAC;AAAA9C,OAAA,CAAAqD,gBAAA,GAAAA,gBAAA"}
+{"version":3,"file":"Tooltip.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_HelpIcon","_interopRequireDefault","_usePosition","_Box","_Button","_Clickable2","_Input","_Spacer","_Text","_Tooltip","_Stack","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","CONTENT","_default","title","exports","Default","createElement","States","states","placement","width","visible","pointer","variant","children","Fragment","textAlign","offset","_ref","rest","Tooltip","content","Text","p","bg","color","displayName","_Clickable","Clickable","onClick","action","story","parameters","chromatic","disable","Placement","POSITION","map","props","JSON","stringify","maxWidth","mx","IconExample","display","alignItems","lineHeight","Box","as","style","ml","ExternalControl","_useState","useState","_useState2","setVisible","Button","PointerCentering","_useState3","_useState4","setPlacement","_useState5","_useState6","size","setSize","mr","mb","onMouseOver","Input","type","min","max","onChange","e","parseInt","Spacer","y","height","position","top","mt","left","StressTest","Stack","gap","_","justifyContent"],"sources":["../../../src/elements/Tooltip/Tooltip.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport HelpIcon from \"@artsy/icons/HelpIcon\"\nimport { Position, POSITION } from \"../../utils/usePosition\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Clickable } from \"../Clickable\"\nimport { Input } from \"../Input\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Tooltip, TooltipProps } from \"./Tooltip\"\nimport { Stack } from \"../Stack\"\n\nconst CONTENT = \"Lorem ipsum dolor sit amet consectetur adipisicing elit?\"\n\nexport default {\n  title: \"Components/Tooltip\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<TooltipProps>>\n      states={[\n        { placement: \"top-start\" },\n        { placement: \"bottom\", width: 600 },\n        { placement: \"bottom\", visible: true, pointer: true },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n        },\n        {\n          visible: false,\n          children: <>This text has a tooltip that never displays</>,\n        },\n        {\n          visible: true,\n          textAlign: \"center\",\n        },\n        {\n          visible: true,\n          pointer: true,\n          offset: -10,\n        },\n      ]}\n    >\n      {({ children, ...rest }) => (\n        <Tooltip content={CONTENT} {...rest}>\n          <Text\n            variant=\"xs\"\n            textAlign=\"center\"\n            p={1}\n            bg=\"black100\"\n            color=\"white100\"\n          >\n            {children ?? \"This text has a tooltip\"}\n          </Text>\n        </Tooltip>\n      )}\n    </States>\n  )\n}\n\nexport const _Clickable = () => {\n  return (\n    <States<Partial<TooltipProps>> states={[{}]}>\n      <Tooltip content={CONTENT}>\n        <Clickable onClick={action(\"onClick\")}>\n          <Text\n            variant=\"xs\"\n            textAlign=\"center\"\n            p={1}\n            bg=\"black100\"\n            color=\"white100\"\n          >\n            This text has a tooltip and is clickable\n          </Text>\n        </Clickable>\n      </Tooltip>\n    </States>\n  )\n}\n\n_Clickable.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<TooltipProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Tooltip\n            content={JSON.stringify(props)}\n            variant=\"defaultDark\"\n            pointer\n            visible\n            {...props}\n          >\n            <Text\n              variant=\"xs\"\n              textAlign=\"center\"\n              p={1}\n              maxWidth=\"50%\"\n              mx=\"auto\"\n              bg=\"black10\"\n            >\n              {JSON.stringify(props)}\n            </Text>\n          </Tooltip>\n        )\n      }}\n    </States>\n  )\n}\n\nexport const IconExample = () => {\n  return (\n    <Text variant=\"xs\" display=\"flex\" alignItems=\"center\" lineHeight={1}>\n      Hover (or focus) the icon to display the tooltip.{\" \"}\n      <Tooltip content={CONTENT} placement=\"bottom\">\n        {/* Icons don't forwardRefs so we have to wrap in a span */}\n        <Box as=\"span\" style={{ lineHeight: 0 }}>\n          <HelpIcon ml={0.5} />\n        </Box>\n      </Tooltip>\n    </Text>\n  )\n}\n\nexport const ExternalControl = () => {\n  const [visible, setVisible] = useState(false)\n\n  return (\n    <>\n      <Tooltip\n        content={CONTENT}\n        visible={visible}\n        pointer\n        variant=\"defaultDark\"\n      >\n        <Button\n          variant=\"secondaryBlack\"\n          onClick={() => {\n            setVisible((visible) => !visible)\n          }}\n        >\n          {visible ? \"Click to hide tooltip\" : \"Click to show tooltip\"}\n        </Button>\n      </Tooltip>\n    </>\n  )\n}\n\nexport const PointerCentering = () => {\n  const [placement, setPlacement] = useState<Position>(\"top\")\n  const [size, setSize] = useState(50)\n\n  return (\n    <>\n      {Object.keys(POSITION).map((placement) => {\n        return (\n          <Button\n            key={placement}\n            mr={1}\n            mb={1}\n            variant=\"secondaryBlack\"\n            size=\"small\"\n            onMouseOver={() => {\n              setPlacement(placement as Position)\n            }}\n          >\n            {placement}\n          </Button>\n        )\n      })}\n\n      <Input\n        type=\"range\"\n        min={0}\n        max={200}\n        value={size}\n        onChange={(e) => {\n          setSize(parseInt(e.target.value))\n        }}\n      />\n\n      <Spacer y={12} />\n\n      <Tooltip\n        content={CONTENT}\n        pointer\n        visible\n        variant=\"defaultDark\"\n        placement={placement}\n      >\n        <Box\n          bg=\"black10\"\n          width={size}\n          height={size}\n          mx=\"auto\"\n          position=\"relative\"\n        >\n          <Box\n            height=\"1px\"\n            bg=\"red100\"\n            width=\"100%\"\n            position=\"absolute\"\n            top=\"50%\"\n            mt=\"-0.5px\"\n          />\n\n          <Box\n            height=\"100%\"\n            width=\"1px\"\n            bg=\"red100\"\n            position=\"absolute\"\n            left=\"50%\"\n            ml=\"-0.5px\"\n          />\n        </Box>\n      </Tooltip>\n    </>\n  )\n}\n\nexport const StressTest = () => {\n  return (\n    <Stack gap={1}>\n      {Array.from({ length: 3000 }).map((_, i) => {\n        return (\n          <Tooltip\n            key={i}\n            content={CONTENT}\n            pointer\n            variant=\"defaultDark\"\n            placement=\"right\"\n          >\n            <Text\n              variant=\"xs\"\n              textAlign=\"center\"\n              width={40}\n              height={40}\n              mx=\"auto\"\n              bg=\"black10\"\n              display=\"flex\"\n              alignItems=\"center\"\n              justifyContent=\"center\"\n            >\n              {i}\n            </Text>\n          </Tooltip>\n        )\n      })}\n    </Stack>\n  )\n}\n\nStressTest.story = {\n  parameters: { chromatic: { disable: true } },\n}\n"],"mappings":"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"}

package/dist/utils/useMutationObserver.d.ts

@@ -1,5 +1,6 @@
 import type { MutableRefObject } from "react";
 declare type UseMutationObserver = {
+    active?: boolean;
     onMutate: MutationCallback;
     options?: MutationObserverInit;
 } & ({
@@ -10,5 +11,5 @@ declare type UseMutationObserver = {
 /**
  * Accepts a ref and calls the `onMutate` callback when mutations are observed.
  */
-export declare const useMutationObserver: ({ onMutate, options, ...rest }: UseMutationObserver) => void;
+export declare const useMutationObserver: ({ active, onMutate, options, ...rest }: UseMutationObserver) => void;
 export {};

package/dist/utils/useMutationObserver.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMutationObserver = void 0;
 var _react = require("react");
-var _excluded = ["onMutate", "options"];
+var _excluded = ["active", "onMutate", "options"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * Accepts a ref and calls the `onMutate` callback when mutations are observed.
  */
 var useMutationObserver = function useMutationObserver(_ref) {
-  var onMutate = _ref.onMutate,
+  var _ref$active = _ref.active,
+    active = _ref$active === void 0 ? true : _ref$active,
+    onMutate = _ref.onMutate,
     _ref$options = _ref.options,
     options = _ref$options === void 0 ? {
       attributes: true,
@@ -22,7 +24,7 @@ var useMutationObserver = function useMutationObserver(_ref) {
     } : _ref$options,
     rest = _objectWithoutProperties(_ref, _excluded);
   (0, _react.useEffect)(function () {
-    if (typeof MutationObserver === "undefined") {
+    if (!active || typeof MutationObserver === "undefined") {
       return;
     }
     var el = "ref" in rest ? rest.ref.current : rest.element;
@@ -36,7 +38,7 @@ var useMutationObserver = function useMutationObserver(_ref) {
       };
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [onMutate, options]);
+  }, [onMutate, options, active]);
 };
 exports.useMutationObserver = useMutationObserver;
 //# sourceMappingURL=useMutationObserver.js.map

package/dist/utils/useMutationObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMutationObserver.js","names":["_react","require","_excluded","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","useMutationObserver","_ref","onMutate","_ref$options","options","attributes","characterData","childList","subtree","rest","useEffect","MutationObserver","el","ref","current","element","observer","observe","disconnect","exports"],"sources":["../../src/utils/useMutationObserver.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\"\nimport { useEffect } from \"react\"\n\ntype UseMutationObserver = {\n  onMutate: MutationCallback\n  options?: MutationObserverInit\n} & (\n  | { ref: MutableRefObject<HTMLElement | null> }\n  | { element?: HTMLElement | null }\n)\n\n/**\n * Accepts a ref and calls the `onMutate` callback when mutations are observed.\n */\nexport const useMutationObserver = ({\n  onMutate,\n  options = {\n    attributes: true,\n    characterData: true,\n    childList: true,\n    subtree: true,\n  },\n  ...rest\n}: UseMutationObserver) => {\n  useEffect(() => {\n    if (typeof MutationObserver === \"undefined\") {\n      return\n    }\n\n    const el = \"ref\" in rest ? rest.ref.current : rest.element\n\n    if (el) {\n      const observer = new MutationObserver(onMutate)\n\n      // Start observing the target node for configured mutations\n      observer.observe(el, options)\n\n      return () => {\n        observer.disconnect()\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onMutate, options])\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAiC,IAAAC,SAAA;AAAA,SAAAC,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAUjC;AACA;AACA;AACO,IAAMc,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EASL;EAAA,IARzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CACRG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MACRE,UAAU,EAAE,IAAI;MAChBC,aAAa,EAAE,IAAI;MACnBC,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE;IACX,CAAC,GAAAL,YAAA;IACEM,IAAI,GAAA1B,wBAAA,CAAAkB,IAAA,EAAAnB,SAAA;EAEP,IAAA4B,gBAAS,EAAC,YAAM;IACd,IAAI,OAAOC,gBAAgB,KAAK,WAAW,EAAE;MAC3C;IACF;IAEA,IAAMC,EAAE,GAAG,KAAK,IAAIH,IAAI,GAAGA,IAAI,CAACI,GAAG,CAACC,OAAO,GAAGL,IAAI,CAACM,OAAO;IAE1D,IAAIH,EAAE,EAAE;MACN,IAAMI,QAAQ,GAAG,IAAIL,gBAAgB,CAACT,QAAQ,CAAC;;MAE/C;MACAc,QAAQ,CAACC,OAAO,CAACL,EAAE,EAAER,OAAO,CAAC;MAE7B,OAAO,YAAM;QACXY,QAAQ,CAACE,UAAU,EAAE;MACvB,CAAC;IACH;IACA;EACF,CAAC,EAAE,CAAChB,QAAQ,EAAEE,OAAO,CAAC,CAAC;AACzB,CAAC;AAAAe,OAAA,CAAAnB,mBAAA,GAAAA,mBAAA"}
+{"version":3,"file":"useMutationObserver.js","names":["_react","require","_excluded","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","useMutationObserver","_ref","_ref$active","active","onMutate","_ref$options","options","attributes","characterData","childList","subtree","rest","useEffect","MutationObserver","el","ref","current","element","observer","observe","disconnect","exports"],"sources":["../../src/utils/useMutationObserver.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\"\nimport { useEffect } from \"react\"\n\ntype UseMutationObserver = {\n  active?: boolean\n  onMutate: MutationCallback\n  options?: MutationObserverInit\n} & (\n  | { ref: MutableRefObject<HTMLElement | null> }\n  | { element?: HTMLElement | null }\n)\n\n/**\n * Accepts a ref and calls the `onMutate` callback when mutations are observed.\n */\nexport const useMutationObserver = ({\n  active = true,\n  onMutate,\n  options = {\n    attributes: true,\n    characterData: true,\n    childList: true,\n    subtree: true,\n  },\n  ...rest\n}: UseMutationObserver) => {\n  useEffect(() => {\n    if (!active || typeof MutationObserver === \"undefined\") {\n      return\n    }\n\n    const el = \"ref\" in rest ? rest.ref.current : rest.element\n\n    if (el) {\n      const observer = new MutationObserver(onMutate)\n\n      // Start observing the target node for configured mutations\n      observer.observe(el, options)\n\n      return () => {\n        observer.disconnect()\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onMutate, options, active])\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAiC,IAAAC,SAAA;AAAA,SAAAC,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAWjC;AACA;AACA;AACO,IAAMc,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAUL;EAAA,IAAAC,WAAA,GAAAD,IAAA,CATzBE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IACbE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,YAAA,GAAAJ,IAAA,CACRK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MACRE,UAAU,EAAE,IAAI;MAChBC,aAAa,EAAE,IAAI;MACnBC,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE;IACX,CAAC,GAAAL,YAAA;IACEM,IAAI,GAAA5B,wBAAA,CAAAkB,IAAA,EAAAnB,SAAA;EAEP,IAAA8B,gBAAS,EAAC,YAAM;IACd,IAAI,CAACT,MAAM,IAAI,OAAOU,gBAAgB,KAAK,WAAW,EAAE;MACtD;IACF;IAEA,IAAMC,EAAE,GAAG,KAAK,IAAIH,IAAI,GAAGA,IAAI,CAACI,GAAG,CAACC,OAAO,GAAGL,IAAI,CAACM,OAAO;IAE1D,IAAIH,EAAE,EAAE;MACN,IAAMI,QAAQ,GAAG,IAAIL,gBAAgB,CAACT,QAAQ,CAAC;;MAE/C;MACAc,QAAQ,CAACC,OAAO,CAACL,EAAE,EAAER,OAAO,CAAC;MAE7B,OAAO,YAAM;QACXY,QAAQ,CAACE,UAAU,EAAE;MACvB,CAAC;IACH;IACA;EACF,CAAC,EAAE,CAAChB,QAAQ,EAAEE,OAAO,EAAEH,MAAM,CAAC,CAAC;AACjC,CAAC;AAAAkB,OAAA,CAAArB,mBAAA,GAAAA,mBAAA"}

package/dist/utils/usePosition.js

@@ -72,26 +72,27 @@ var usePosition = function usePosition(_ref) {
   // Re-position when there's any change to the tooltip
   (0, _useMutationObserver.useMutationObserver)({
     ref: tooltipRef,
-    onMutate: update
+    onMutate: update,
+    active: active
   });
 
   // Re-position when there's any change to the anchor's size
   (0, _useResizeObserver.useResizeObserver)({
     target: anchorRef,
-    onResize: update
+    onResize: update,
+    active: active
   });
 
   // Listen to changes on key
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(update, [key]);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (!tooltipRef.current || !anchorRef.current) return;
+    if (!active || !tooltipRef.current || !anchorRef.current) return;
     var tooltip = tooltipRef.current;
     var anchor = anchorRef.current;
     tooltip.style.position = "fixed";
     tooltip.style.top = "0";
     tooltip.style.left = "0";
     var handleScroll = function handleScroll() {
-      if (!active) return;
       setState(placeTooltip({
         anchor: anchor,
         tooltip: tooltip,
@@ -101,11 +102,9 @@ var usePosition = function usePosition(_ref) {
         clamp: clamp
       }));
     };
-    if (active) {
-      document.addEventListener("scroll", handleScroll, {
-        passive: true
-      });
-    }
+    document.addEventListener("scroll", handleScroll, {
+      passive: true
+    });
     var handleResize = function handleResize() {
       setState(placeTooltip({
         anchor: anchor,

package/dist/utils/usePosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePosition.js","names":["_react","require","_useMutationObserver","_useIsomorphicLayoutEffect","_useResizeObserver","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","POSITION","top","bottom","left","right","exports","usePosition","_ref","key","position","_ref$offset","offset","_ref$active","active","_ref$flip","flip","_ref$clamp","clamp","_useState","useState","isFlipped","_useState2","state","setState","tooltipRef","useRef","anchorRef","update","current","tooltip","anchor","placeTooltip","useMutationObserver","ref","onMutate","useResizeObserver","target","onResize","useIsomorphicLayoutEffect","style","handleScroll","document","addEventListener","passive","handleResize","window","removeEventListener","_ref2","_ref2$offset","_ref2$boundaryRect","boundaryRect","getDocumentBoundingRect","_ref2$flip","_ref2$clamp","elementRect","getBoundingClientRect","tooltipRect","targetPosition","getPosition","shouldFlip","getOppositePosition","x","Math","max","min","width","y","height","shouldHide","isWithin","display","transform","translateWithOffset","_ref3","_ref4","concat","body","clientWidth","clientHeight","_ref5"],"sources":["../../src/utils/usePosition.ts"],"sourcesContent":["/**\n * Adapted from https://codesandbox.io/s/positioning-tooltip-rhplo\n */\nimport { useState } from \"react\"\nimport { useRef } from \"react\"\nimport { useMutationObserver } from \"./useMutationObserver\"\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\"\nimport { useResizeObserver } from \"./useResizeObserver\"\n\nexport const POSITION = {\n  \"top-start\": \"top-start\",\n  top: \"top\",\n  \"top-end\": \"top-end\",\n  \"bottom-start\": \"bottom-start\",\n  bottom: \"bottom\",\n  \"bottom-end\": \"bottom-end\",\n  \"left-start\": \"left-start\",\n  left: \"left\",\n  \"left-end\": \"left-end\",\n  \"right-start\": \"right-start\",\n  right: \"right\",\n  \"right-end\": \"right-end\",\n} as const\n\nexport type Position = keyof typeof POSITION\n\ninterface TargetPosition {\n  x: number\n  y: number\n}\n\n/**\n * Will position the floating element (tooltip) relative to the anchor element,\n * using `position: fixed` and in such a way that it shouldn't ever appear\n * partially offscreen and will move correctly when the parent is scrolled.\n */\nexport const usePosition = ({\n  key,\n  position,\n  offset = 0,\n  active = true,\n  flip = true,\n  clamp = true,\n}: {\n  /** Listen to changes on this value */\n  key?: string | number | boolean\n  /** Placement relative to anchor */\n  position: Position\n  /** Distance from anchor (default: `0`) */\n  offset?: number\n  /** Optionally disable for performance (default: `true`) */\n  active?: boolean\n  /** Optionally disable flipping (default: `true`) */\n  flip?: boolean\n  /** Optionally disable clamping (default: `true`) */\n  clamp?: boolean\n}) => {\n  const [state, setState] = useState<ReturnType<typeof placeTooltip>>({\n    isFlipped: false,\n  })\n\n  const tooltipRef = useRef<HTMLElement | null>(null)\n  const anchorRef = useRef<HTMLElement | null>(null)\n\n  const update = () => {\n    if (!tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n  }\n\n  // Re-position when there's any change to the tooltip\n  useMutationObserver({ ref: tooltipRef, onMutate: update })\n\n  // Re-position when there's any change to the anchor's size\n  useResizeObserver({ target: anchorRef, onResize: update })\n\n  // Listen to changes on key\n  useIsomorphicLayoutEffect(update, [key])\n\n  useIsomorphicLayoutEffect(() => {\n    if (!tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    tooltip.style.position = \"fixed\"\n    tooltip.style.top = \"0\"\n    tooltip.style.left = \"0\"\n\n    const handleScroll = () => {\n      if (!active) return\n      setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n    }\n\n    if (active) {\n      document.addEventListener(\"scroll\", handleScroll, {\n        passive: true,\n      })\n    }\n\n    const handleResize = () => {\n      setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n    }\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n\n    return () => {\n      document.removeEventListener(\"scroll\", handleScroll)\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [active, tooltipRef, anchorRef, position])\n\n  return {\n    // Element that floating element is anchored to\n    tooltipRef,\n    // Element you want to position relative to the anchor\n    anchorRef,\n    state,\n  }\n}\n\ninterface PlaceTooltip {\n  anchor: HTMLElement\n  tooltip: HTMLElement\n  position: Position\n  offset?: number\n  boundaryRect?: DOMRect\n  flip?: boolean\n  clamp?: boolean\n}\n\nexport const placeTooltip = ({\n  anchor,\n  tooltip,\n  position,\n  offset = 0,\n  boundaryRect = getDocumentBoundingRect(),\n  flip = true,\n  clamp = true,\n}: PlaceTooltip) => {\n  const elementRect = anchor.getBoundingClientRect()\n  const tooltipRect = tooltip.getBoundingClientRect()\n\n  let targetPosition = getPosition(elementRect, tooltipRect, position)\n\n  // Flip to avoid edges\n  const isFlipped =\n    flip &&\n    shouldFlip({\n      targetPosition,\n      position,\n      boundaryRect,\n      tooltipRect,\n    })\n\n  if (isFlipped) {\n    position = getOppositePosition(position)\n    targetPosition = getPosition(elementRect, tooltipRect, position)\n  }\n\n  // Clamp position within boundary\n  if (clamp) {\n    targetPosition.x = Math.max(boundaryRect.left, targetPosition.x)\n    targetPosition.x = Math.min(\n      boundaryRect.right - tooltipRect.width,\n      targetPosition.x\n    )\n    targetPosition.y = Math.max(boundaryRect.top, targetPosition.y)\n    targetPosition.y = Math.min(\n      boundaryRect.bottom - tooltipRect.height,\n      targetPosition.y\n    )\n  }\n\n  // Should hide entirely if it scrolls out of view\n  const shouldHide = !isWithin(elementRect, boundaryRect)\n  tooltip.style.display = shouldHide ? \"none\" : \"block\"\n\n  tooltip.style.transform = translateWithOffset(\n    targetPosition,\n    position,\n    offset\n  )\n\n  return { isFlipped }\n}\n\nexport const getPosition = (\n  elementRect: Pick<\n    DOMRect,\n    \"width\" | \"height\" | \"top\" | \"right\" | \"bottom\" | \"left\"\n  >,\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">,\n  position: Position\n): TargetPosition => {\n  let x: number\n  let y: number\n\n  switch (position) {\n    case \"top-start\":\n    case \"bottom-start\":\n      x = elementRect.left\n      break\n    case \"top\":\n    case \"bottom\":\n      x = elementRect.left + elementRect.width / 2 - tooltipRect.width / 2\n      break\n    case \"top-end\":\n    case \"bottom-end\":\n      x = elementRect.right - tooltipRect.width\n      break\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      // [..] {XXX}\n      x = elementRect.left - tooltipRect.width\n      break\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      // {XXX} [...]\n      x = elementRect.right\n      break\n  }\n\n  switch (position) {\n    case \"left-start\":\n    case \"right-start\":\n      y = elementRect.top\n      break\n    case \"left\":\n    case \"right\":\n      y = elementRect.top + elementRect.height / 2 - tooltipRect.height / 2\n      break\n    case \"left-end\":\n    case \"right-end\":\n      y = elementRect.bottom - tooltipRect.height\n      break\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      // [..]\n      // {XXX}\n      y = elementRect.top - tooltipRect.height\n      break\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      // {XXX}\n      // [...]\n      y = elementRect.bottom\n      break\n  }\n\n  return { x, y }\n}\n\nexport const translateWithOffset = (\n  targetPosition: TargetPosition,\n  position: Position,\n  offset: number\n) => {\n  const [x, y] = (() => {\n    switch (position) {\n      case \"top-start\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top-end\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"bottom-start\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom-end\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"left-start\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left-end\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"right-start\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right-end\":\n        return [targetPosition.x + offset, targetPosition.y]\n    }\n  })()\n\n  return `translate(${x}px, ${y}px)`\n}\n\nconst getOppositePosition = (position: Position) => {\n  switch (position) {\n    case \"top-start\":\n      return \"bottom-start\"\n    case \"top\":\n      return \"bottom\"\n    case \"top-end\":\n      return \"bottom-end\"\n    case \"bottom-start\":\n      return \"top-start\"\n    case \"bottom\":\n      return \"top\"\n    case \"bottom-end\":\n      return \"top-end\"\n    case \"left-start\":\n      return \"right-start\"\n    case \"left\":\n      return \"right\"\n    case \"left-end\":\n      return \"right-end\"\n    case \"right-start\":\n      return \"left-start\"\n    case \"right\":\n      return \"left\"\n    case \"right-end\":\n      return \"left-end\"\n  }\n}\n\nexport const getDocumentBoundingRect = () => {\n  const width = document.body.clientWidth\n  const height = document.body.clientHeight\n\n  return {\n    top: 0,\n    left: 0,\n    right: width,\n    bottom: height,\n    width,\n    height,\n  } as DOMRect\n}\n\ninterface ShouldFlip {\n  targetPosition: TargetPosition\n  position: Position\n  boundaryRect: Pick<DOMRect, \"top\" | \"right\" | \"bottom\" | \"left\">\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">\n}\n\nexport const shouldFlip = ({\n  targetPosition,\n  position,\n  boundaryRect,\n  tooltipRect,\n}: ShouldFlip) => {\n  switch (position) {\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      return targetPosition.y < boundaryRect.top\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      return targetPosition.y + tooltipRect.height > boundaryRect.bottom\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      return targetPosition.x < boundaryRect.left\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      return targetPosition.x + tooltipRect.width > boundaryRect.right\n  }\n}\n\nconst isWithin = (elementRect: DOMRect, boundaryRect: DOMRect) => {\n  return (\n    boundaryRect.top < elementRect.bottom &&\n    boundaryRect.left < elementRect.right &&\n    boundaryRect.bottom > elementRect.top &&\n    boundaryRect.right > elementRect.left\n  )\n}\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAAuD,SAAAI,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAAC,MAAA,CAAAC,SAAA,CAAAC,QAAA,CAAAC,IAAA,CAAAP,CAAA,EAAAQ,KAAA,aAAAL,CAAA,iBAAAH,CAAA,CAAAS,WAAA,EAAAN,CAAA,GAAAH,CAAA,CAAAS,WAAA,CAAAC,IAAA,MAAAP,CAAA,cAAAA,CAAA,mBAAAQ,KAAA,CAAAC,IAAA,CAAAZ,CAAA,OAAAG,CAAA,+DAAAU,IAAA,CAAAV,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAqB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAArB,GAAA,CAAAsB,MAAA,EAAAD,GAAA,GAAArB,GAAA,CAAAsB,MAAA,WAAArB,CAAA,MAAAsB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAApB,CAAA,GAAAoB,GAAA,EAAApB,CAAA,MAAAsB,IAAA,CAAAtB,CAAA,IAAAD,GAAA,CAAAC,CAAA,YAAAsB,IAAA;AAAA,SAAApB,sBAAAH,GAAA,EAAAC,CAAA,QAAAuB,EAAA,WAAAxB,GAAA,gCAAAyB,MAAA,IAAAzB,GAAA,CAAAyB,MAAA,CAAAC,QAAA,KAAA1B,GAAA,4BAAAwB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAV,IAAA,CAAAd,GAAA,GAAAkC,IAAA,QAAAjC,CAAA,QAAAU,MAAA,CAAAa,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAAf,IAAA,CAAAU,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAArB,CAAA,GAAA+B,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA5B,MAAA,CAAAmB,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA7B,gBAAAF,GAAA,QAAAkB,KAAA,CAAAsB,OAAA,CAAAxC,GAAA,UAAAA,GAAA,IAPvD;AACA;AACA;AAOO,IAAMyC,QAAQ,GAAG;EACtB,WAAW,EAAE,WAAW;EACxBC,GAAG,EAAE,KAAK;EACV,SAAS,EAAE,SAAS;EACpB,cAAc,EAAE,cAAc;EAC9BC,MAAM,EAAE,QAAQ;EAChB,YAAY,EAAE,YAAY;EAC1B,YAAY,EAAE,YAAY;EAC1BC,IAAI,EAAE,MAAM;EACZ,UAAU,EAAE,UAAU;EACtB,aAAa,EAAE,aAAa;EAC5BC,KAAK,EAAE,OAAO;EACd,WAAW,EAAE;AACf,CAAU;AAAAC,OAAA,CAAAL,QAAA,GAAAA,QAAA;AASV;AACA;AACA;AACA;AACA;AACO,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAoBlB;EAAA,IAnBJC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,WAAA,GAAAH,IAAA,CACRI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IAAAE,WAAA,GAAAL,IAAA,CACVM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IAAAE,SAAA,GAAAP,IAAA,CACbQ,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAT,IAAA,CACXU,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;EAeZ,IAAAE,SAAA,GAA0B,IAAAC,eAAQ,EAAkC;MAClEC,SAAS,EAAE;IACb,CAAC,CAAC;IAAAC,UAAA,GAAA/D,cAAA,CAAA4D,SAAA;IAFKI,KAAK,GAAAD,UAAA;IAAEE,QAAQ,GAAAF,UAAA;EAItB,IAAMG,UAAU,GAAG,IAAAC,aAAM,EAAqB,IAAI,CAAC;EACnD,IAAMC,SAAS,GAAG,IAAAD,aAAM,EAAqB,IAAI,CAAC;EAElD,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAS;IACnB,IAAI,CAACH,UAAU,CAACI,OAAO,IAAI,CAACF,SAAS,CAACE,OAAO,EAAE;IAE/C,IAAiBC,OAAO,GAAKL,UAAU,CAA/BI,OAAO;IACf,IAAiBE,MAAM,GAAKJ,SAAS,CAA7BE,OAAO;IAEfL,QAAQ,CAACQ,YAAY,CAAC;MAAED,MAAM,EAANA,MAAM;MAAED,OAAO,EAAPA,OAAO;MAAEpB,QAAQ,EAARA,QAAQ;MAAEE,MAAM,EAANA,MAAM;MAAEI,IAAI,EAAJA,IAAI;MAAEE,KAAK,EAALA;IAAM,CAAC,CAAC,CAAC;EAC5E,CAAC;;EAED;EACA,IAAAe,wCAAmB,EAAC;IAAEC,GAAG,EAAET,UAAU;IAAEU,QAAQ,EAAEP;EAAO,CAAC,CAAC;;EAE1D;EACA,IAAAQ,oCAAiB,EAAC;IAAEC,MAAM,EAAEV,SAAS;IAAEW,QAAQ,EAAEV;EAAO,CAAC,CAAC;;EAE1D;EACA,IAAAW,oDAAyB,EAACX,MAAM,EAAE,CAACnB,GAAG,CAAC,CAAC;EAExC,IAAA8B,oDAAyB,EAAC,YAAM;IAC9B,IAAI,CAACd,UAAU,CAACI,OAAO,IAAI,CAACF,SAAS,CAACE,OAAO,EAAE;IAE/C,IAAiBC,OAAO,GAAKL,UAAU,CAA/BI,OAAO;IACf,IAAiBE,MAAM,GAAKJ,SAAS,CAA7BE,OAAO;IAEfC,OAAO,CAACU,KAAK,CAAC9B,QAAQ,GAAG,OAAO;IAChCoB,OAAO,CAACU,KAAK,CAACtC,GAAG,GAAG,GAAG;IACvB4B,OAAO,CAACU,KAAK,CAACpC,IAAI,GAAG,GAAG;IAExB,IAAMqC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;MACzB,IAAI,CAAC3B,MAAM,EAAE;MACbU,QAAQ,CAACQ,YAAY,CAAC;QAAED,MAAM,EAANA,MAAM;QAAED,OAAO,EAAPA,OAAO;QAAEpB,QAAQ,EAARA,QAAQ;QAAEE,MAAM,EAANA,MAAM;QAAEI,IAAI,EAAJA,IAAI;QAAEE,KAAK,EAALA;MAAM,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,IAAIJ,MAAM,EAAE;MACV4B,QAAQ,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,EAAE;QAChDG,OAAO,EAAE;MACX,CAAC,CAAC;IACJ;IAEA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;MACzBrB,QAAQ,CAACQ,YAAY,CAAC;QAAED,MAAM,EAANA,MAAM;QAAED,OAAO,EAAPA,OAAO;QAAEpB,QAAQ,EAARA,QAAQ;QAAEE,MAAM,EAANA,MAAM;QAAEI,IAAI,EAAJA,IAAI;QAAEE,KAAK,EAALA;MAAM,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED4B,MAAM,CAACH,gBAAgB,CAAC,QAAQ,EAAEE,YAAY,EAAE;MAAED,OAAO,EAAE;IAAK,CAAC,CAAC;IAElEpB,QAAQ,CAACQ,YAAY,CAAC;MAAED,MAAM,EAANA,MAAM;MAAED,OAAO,EAAPA,OAAO;MAAEpB,QAAQ,EAARA,QAAQ;MAAEE,MAAM,EAANA,MAAM;MAAEI,IAAI,EAAJA,IAAI;MAAEE,KAAK,EAALA;IAAM,CAAC,CAAC,CAAC;IAE1E,OAAO,YAAM;MACXwB,QAAQ,CAACK,mBAAmB,CAAC,QAAQ,EAAEN,YAAY,CAAC;MACpDK,MAAM,CAACC,mBAAmB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IACpD,CAAC;EACH,CAAC,EAAE,CAAC/B,MAAM,EAAEW,UAAU,EAAEE,SAAS,EAAEjB,QAAQ,CAAC,CAAC;EAE7C,OAAO;IACL;IACAe,UAAU,EAAVA,UAAU;IACV;IACAE,SAAS,EAATA,SAAS;IACTJ,KAAK,EAALA;EACF,CAAC;AACH,CAAC;AAAAjB,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAYM,IAAMyB,YAAY,GAAG,SAAfA,YAAYA,CAAAgB,KAAA,EAQL;EAAA,IAPlBjB,MAAM,GAAAiB,KAAA,CAANjB,MAAM;IACND,OAAO,GAAAkB,KAAA,CAAPlB,OAAO;IACPpB,QAAQ,GAAAsC,KAAA,CAARtC,QAAQ;IAAAuC,YAAA,GAAAD,KAAA,CACRpC,MAAM;IAANA,MAAM,GAAAqC,YAAA,cAAG,CAAC,GAAAA,YAAA;IAAAC,kBAAA,GAAAF,KAAA,CACVG,YAAY;IAAZA,YAAY,GAAAD,kBAAA,cAAGE,uBAAuB,EAAE,GAAAF,kBAAA;IAAAG,UAAA,GAAAL,KAAA,CACxChC,IAAI;IAAJA,IAAI,GAAAqC,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAAC,WAAA,GAAAN,KAAA,CACX9B,KAAK;IAALA,KAAK,GAAAoC,WAAA,cAAG,IAAI,GAAAA,WAAA;EAEZ,IAAMC,WAAW,GAAGxB,MAAM,CAACyB,qBAAqB,EAAE;EAClD,IAAMC,WAAW,GAAG3B,OAAO,CAAC0B,qBAAqB,EAAE;EAEnD,IAAIE,cAAc,GAAGC,WAAW,CAACJ,WAAW,EAAEE,WAAW,EAAE/C,QAAQ,CAAC;;EAEpE;EACA,IAAMW,SAAS,GACbL,IAAI,IACJ4C,UAAU,CAAC;IACTF,cAAc,EAAdA,cAAc;IACdhD,QAAQ,EAARA,QAAQ;IACRyC,YAAY,EAAZA,YAAY;IACZM,WAAW,EAAXA;EACF,CAAC,CAAC;EAEJ,IAAIpC,SAAS,EAAE;IACbX,QAAQ,GAAGmD,mBAAmB,CAACnD,QAAQ,CAAC;IACxCgD,cAAc,GAAGC,WAAW,CAACJ,WAAW,EAAEE,WAAW,EAAE/C,QAAQ,CAAC;EAClE;;EAEA;EACA,IAAIQ,KAAK,EAAE;IACTwC,cAAc,CAACI,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACb,YAAY,CAAC/C,IAAI,EAAEsD,cAAc,CAACI,CAAC,CAAC;IAChEJ,cAAc,CAACI,CAAC,GAAGC,IAAI,CAACE,GAAG,CACzBd,YAAY,CAAC9C,KAAK,GAAGoD,WAAW,CAACS,KAAK,EACtCR,cAAc,CAACI,CAAC,CACjB;IACDJ,cAAc,CAACS,CAAC,GAAGJ,IAAI,CAACC,GAAG,CAACb,YAAY,CAACjD,GAAG,EAAEwD,cAAc,CAACS,CAAC,CAAC;IAC/DT,cAAc,CAACS,CAAC,GAAGJ,IAAI,CAACE,GAAG,CACzBd,YAAY,CAAChD,MAAM,GAAGsD,WAAW,CAACW,MAAM,EACxCV,cAAc,CAACS,CAAC,CACjB;EACH;;EAEA;EACA,IAAME,UAAU,GAAG,CAACC,QAAQ,CAACf,WAAW,EAAEJ,YAAY,CAAC;EACvDrB,OAAO,CAACU,KAAK,CAAC+B,OAAO,GAAGF,UAAU,GAAG,MAAM,GAAG,OAAO;EAErDvC,OAAO,CAACU,KAAK,CAACgC,SAAS,GAAGC,mBAAmB,CAC3Cf,cAAc,EACdhD,QAAQ,EACRE,MAAM,CACP;EAED,OAAO;IAAES,SAAS,EAATA;EAAU,CAAC;AACtB,CAAC;AAAAf,OAAA,CAAA0B,YAAA,GAAAA,YAAA;AAEM,IAAM2B,WAAW,GAAG,SAAdA,WAAWA,CACtBJ,WAGC,EACDE,WAA8C,EAC9C/C,QAAkB,EACC;EACnB,IAAIoD,CAAS;EACb,IAAIK,CAAS;EAEb,QAAQzD,QAAQ;IACd,KAAK,WAAW;IAChB,KAAK,cAAc;MACjBoD,CAAC,GAAGP,WAAW,CAACnD,IAAI;MACpB;IACF,KAAK,KAAK;IACV,KAAK,QAAQ;MACX0D,CAAC,GAAGP,WAAW,CAACnD,IAAI,GAAGmD,WAAW,CAACW,KAAK,GAAG,CAAC,GAAGT,WAAW,CAACS,KAAK,GAAG,CAAC;MACpE;IACF,KAAK,SAAS;IACd,KAAK,YAAY;MACfJ,CAAC,GAAGP,WAAW,CAAClD,KAAK,GAAGoD,WAAW,CAACS,KAAK;MACzC;IACF,KAAK,YAAY;IACjB,KAAK,MAAM;IACX,KAAK,UAAU;MACb;MACAJ,CAAC,GAAGP,WAAW,CAACnD,IAAI,GAAGqD,WAAW,CAACS,KAAK;MACxC;IACF,KAAK,aAAa;IAClB,KAAK,OAAO;IACZ,KAAK,WAAW;MACd;MACAJ,CAAC,GAAGP,WAAW,CAAClD,KAAK;MACrB;EAAK;EAGT,QAAQK,QAAQ;IACd,KAAK,YAAY;IACjB,KAAK,aAAa;MAChByD,CAAC,GAAGZ,WAAW,CAACrD,GAAG;MACnB;IACF,KAAK,MAAM;IACX,KAAK,OAAO;MACViE,CAAC,GAAGZ,WAAW,CAACrD,GAAG,GAAGqD,WAAW,CAACa,MAAM,GAAG,CAAC,GAAGX,WAAW,CAACW,MAAM,GAAG,CAAC;MACrE;IACF,KAAK,UAAU;IACf,KAAK,WAAW;MACdD,CAAC,GAAGZ,WAAW,CAACpD,MAAM,GAAGsD,WAAW,CAACW,MAAM;MAC3C;IACF,KAAK,WAAW;IAChB,KAAK,KAAK;IACV,KAAK,SAAS;MACZ;MACA;MACAD,CAAC,GAAGZ,WAAW,CAACrD,GAAG,GAAGuD,WAAW,CAACW,MAAM;MACxC;IACF,KAAK,cAAc;IACnB,KAAK,QAAQ;IACb,KAAK,YAAY;MACf;MACA;MACAD,CAAC,GAAGZ,WAAW,CAACpD,MAAM;MACtB;EAAK;EAGT,OAAO;IAAE2D,CAAC,EAADA,CAAC;IAAEK,CAAC,EAADA;EAAE,CAAC;AACjB,CAAC;AAAA7D,OAAA,CAAAqD,WAAA,GAAAA,WAAA;AAEM,IAAMc,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAC9Bf,cAA8B,EAC9BhD,QAAkB,EAClBE,MAAc,EACX;EACH,IAAA8D,KAAA,GAAgB,YAAM;MACpB,QAAQhE,QAAQ;QACd,KAAK,WAAW;UACd,OAAO,CAACgD,cAAc,CAACI,CAAC,EAAEJ,cAAc,CAACS,CAAC,GAAGvD,MAAM,CAAC;QACtD,KAAK,KAAK;UACR,OAAO,CAAC8C,cAAc,CAACI,CAAC,EAAEJ,cAAc,CAACS,CAAC,GAAGvD,MAAM,CAAC;QACtD,KAAK,SAAS;UACZ,OAAO,CAAC8C,cAAc,CAACI,CAAC,EAAEJ,cAAc,CAACS,CAAC,GAAGvD,MAAM,CAAC;QACtD,KAAK,cAAc;UACjB,OAAO,CAAC8C,cAAc,CAACI,CAAC,EAAEJ,cAAc,CAACS,CAAC,GAAGvD,MAAM,CAAC;QACtD,KAAK,QAAQ;UACX,OAAO,CAAC8C,cAAc,CAACI,CAAC,EAAEJ,cAAc,CAACS,CAAC,GAAGvD,MAAM,CAAC;QACtD,KAAK,YAAY;UACf,OAAO,CAAC8C,cAAc,CAACI,CAAC,EAAEJ,cAAc,CAACS,CAAC,GAAGvD,MAAM,CAAC;QACtD,KAAK,YAAY;UACf,OAAO,CAAC8C,cAAc,CAACI,CAAC,GAAGlD,MAAM,EAAE8C,cAAc,CAACS,CAAC,CAAC;QACtD,KAAK,MAAM;UACT,OAAO,CAACT,cAAc,CAACI,CAAC,GAAGlD,MAAM,EAAE8C,cAAc,CAACS,CAAC,CAAC;QACtD,KAAK,UAAU;UACb,OAAO,CAACT,cAAc,CAACI,CAAC,GAAGlD,MAAM,EAAE8C,cAAc,CAACS,CAAC,CAAC;QACtD,KAAK,aAAa;UAChB,OAAO,CAACT,cAAc,CAACI,CAAC,GAAGlD,MAAM,EAAE8C,cAAc,CAACS,CAAC,CAAC;QACtD,KAAK,OAAO;UACV,OAAO,CAACT,cAAc,CAACI,CAAC,GAAGlD,MAAM,EAAE8C,cAAc,CAACS,CAAC,CAAC;QACtD,KAAK,WAAW;UACd,OAAO,CAACT,cAAc,CAACI,CAAC,GAAGlD,MAAM,EAAE8C,cAAc,CAACS,CAAC,CAAC;MAAA;IAE1D,CAAC,EAAG;IAAAQ,KAAA,GAAApH,cAAA,CAAAmH,KAAA;IA3BGZ,CAAC,GAAAa,KAAA;IAAER,CAAC,GAAAQ,KAAA;EA6BX,oBAAAC,MAAA,CAAoBd,CAAC,UAAAc,MAAA,CAAOT,CAAC;AAC/B,CAAC;AAAA7D,OAAA,CAAAmE,mBAAA,GAAAA,mBAAA;AAED,IAAMZ,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAInD,QAAkB,EAAK;EAClD,QAAQA,QAAQ;IACd,KAAK,WAAW;MACd,OAAO,cAAc;IACvB,KAAK,KAAK;MACR,OAAO,QAAQ;IACjB,KAAK,SAAS;MACZ,OAAO,YAAY;IACrB,KAAK,cAAc;MACjB,OAAO,WAAW;IACpB,KAAK,QAAQ;MACX,OAAO,KAAK;IACd,KAAK,YAAY;MACf,OAAO,SAAS;IAClB,KAAK,YAAY;MACf,OAAO,aAAa;IACtB,KAAK,MAAM;MACT,OAAO,OAAO;IAChB,KAAK,UAAU;MACb,OAAO,WAAW;IACpB,KAAK,aAAa;MAChB,OAAO,YAAY;IACrB,KAAK,OAAO;MACV,OAAO,MAAM;IACf,KAAK,WAAW;MACd,OAAO,UAAU;EAAA;AAEvB,CAAC;AAEM,IAAM0C,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EAC3C,IAAMc,KAAK,GAAGxB,QAAQ,CAACmC,IAAI,CAACC,WAAW;EACvC,IAAMV,MAAM,GAAG1B,QAAQ,CAACmC,IAAI,CAACE,YAAY;EAEzC,OAAO;IACL7E,GAAG,EAAE,CAAC;IACNE,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE6D,KAAK;IACZ/D,MAAM,EAAEiE,MAAM;IACdF,KAAK,EAALA,KAAK;IACLE,MAAM,EAANA;EACF,CAAC;AACH,CAAC;AAAA9D,OAAA,CAAA8C,uBAAA,GAAAA,uBAAA;AASM,IAAMQ,UAAU,GAAG,SAAbA,UAAUA,CAAAoB,KAAA,EAKL;EAAA,IAJhBtB,cAAc,GAAAsB,KAAA,CAAdtB,cAAc;IACdhD,QAAQ,GAAAsE,KAAA,CAARtE,QAAQ;IACRyC,YAAY,GAAA6B,KAAA,CAAZ7B,YAAY;IACZM,WAAW,GAAAuB,KAAA,CAAXvB,WAAW;EAEX,QAAQ/C,QAAQ;IACd,KAAK,WAAW;IAChB,KAAK,KAAK;IACV,KAAK,SAAS;MACZ,OAAOgD,cAAc,CAACS,CAAC,GAAGhB,YAAY,CAACjD,GAAG;IAC5C,KAAK,cAAc;IACnB,KAAK,QAAQ;IACb,KAAK,YAAY;MACf,OAAOwD,cAAc,CAACS,CAAC,GAAGV,WAAW,CAACW,MAAM,GAAGjB,YAAY,CAAChD,MAAM;IACpE,KAAK,YAAY;IACjB,KAAK,MAAM;IACX,KAAK,UAAU;MACb,OAAOuD,cAAc,CAACI,CAAC,GAAGX,YAAY,CAAC/C,IAAI;IAC7C,KAAK,aAAa;IAClB,KAAK,OAAO;IACZ,KAAK,WAAW;MACd,OAAOsD,cAAc,CAACI,CAAC,GAAGL,WAAW,CAACS,KAAK,GAAGf,YAAY,CAAC9C,KAAK;EAAA;AAEtE,CAAC;AAAAC,OAAA,CAAAsD,UAAA,GAAAA,UAAA;AAED,IAAMU,QAAQ,GAAG,SAAXA,QAAQA,CAAIf,WAAoB,EAAEJ,YAAqB,EAAK;EAChE,OACEA,YAAY,CAACjD,GAAG,GAAGqD,WAAW,CAACpD,MAAM,IACrCgD,YAAY,CAAC/C,IAAI,GAAGmD,WAAW,CAAClD,KAAK,IACrC8C,YAAY,CAAChD,MAAM,GAAGoD,WAAW,CAACrD,GAAG,IACrCiD,YAAY,CAAC9C,KAAK,GAAGkD,WAAW,CAACnD,IAAI;AAEzC,CAAC"}
+{"version":3,"file":"usePosition.js","names":["_react","require","_useMutationObserver","_useIsomorphicLayoutEffect","_useResizeObserver","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","POSITION","top","bottom","left","right","exports","usePosition","_ref","key","position","_ref$offset","offset","_ref$active","active","_ref$flip","flip","_ref$clamp","clamp","_useState","useState","isFlipped","_useState2","state","setState","tooltipRef","useRef","anchorRef","update","current","tooltip","anchor","placeTooltip","useMutationObserver","ref","onMutate","useResizeObserver","target","onResize","useIsomorphicLayoutEffect","style","handleScroll","document","addEventListener","passive","handleResize","window","removeEventListener","_ref2","_ref2$offset","_ref2$boundaryRect","boundaryRect","getDocumentBoundingRect","_ref2$flip","_ref2$clamp","elementRect","getBoundingClientRect","tooltipRect","targetPosition","getPosition","shouldFlip","getOppositePosition","x","Math","max","min","width","y","height","shouldHide","isWithin","display","transform","translateWithOffset","_ref3","_ref4","concat","body","clientWidth","clientHeight","_ref5"],"sources":["../../src/utils/usePosition.ts"],"sourcesContent":["/**\n * Adapted from https://codesandbox.io/s/positioning-tooltip-rhplo\n */\nimport { useState } from \"react\"\nimport { useRef } from \"react\"\nimport { useMutationObserver } from \"./useMutationObserver\"\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\"\nimport { useResizeObserver } from \"./useResizeObserver\"\n\nexport const POSITION = {\n  \"top-start\": \"top-start\",\n  top: \"top\",\n  \"top-end\": \"top-end\",\n  \"bottom-start\": \"bottom-start\",\n  bottom: \"bottom\",\n  \"bottom-end\": \"bottom-end\",\n  \"left-start\": \"left-start\",\n  left: \"left\",\n  \"left-end\": \"left-end\",\n  \"right-start\": \"right-start\",\n  right: \"right\",\n  \"right-end\": \"right-end\",\n} as const\n\nexport type Position = keyof typeof POSITION\n\ninterface TargetPosition {\n  x: number\n  y: number\n}\n\n/**\n * Will position the floating element (tooltip) relative to the anchor element,\n * using `position: fixed` and in such a way that it shouldn't ever appear\n * partially offscreen and will move correctly when the parent is scrolled.\n */\nexport const usePosition = ({\n  key,\n  position,\n  offset = 0,\n  active = true,\n  flip = true,\n  clamp = true,\n}: {\n  /** Listen to changes on this value */\n  key?: string | number | boolean\n  /** Placement relative to anchor */\n  position: Position\n  /** Distance from anchor (default: `0`) */\n  offset?: number\n  /** Optionally disable for performance (default: `true`) */\n  active?: boolean\n  /** Optionally disable flipping (default: `true`) */\n  flip?: boolean\n  /** Optionally disable clamping (default: `true`) */\n  clamp?: boolean\n}) => {\n  const [state, setState] = useState<ReturnType<typeof placeTooltip>>({\n    isFlipped: false,\n  })\n\n  const tooltipRef = useRef<HTMLElement | null>(null)\n  const anchorRef = useRef<HTMLElement | null>(null)\n\n  const update = () => {\n    if (!tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n  }\n\n  // Re-position when there's any change to the tooltip\n  useMutationObserver({ ref: tooltipRef, onMutate: update, active })\n\n  // Re-position when there's any change to the anchor's size\n  useResizeObserver({ target: anchorRef, onResize: update, active })\n\n  // Listen to changes on key\n  useIsomorphicLayoutEffect(update, [key])\n\n  useIsomorphicLayoutEffect(() => {\n    if (!active || !tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    tooltip.style.position = \"fixed\"\n    tooltip.style.top = \"0\"\n    tooltip.style.left = \"0\"\n\n    const handleScroll = () => {\n      setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n    }\n\n    document.addEventListener(\"scroll\", handleScroll, {\n      passive: true,\n    })\n\n    const handleResize = () => {\n      setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n    }\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n\n    return () => {\n      document.removeEventListener(\"scroll\", handleScroll)\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [active, tooltipRef, anchorRef, position])\n\n  return {\n    // Element that floating element is anchored to\n    tooltipRef,\n    // Element you want to position relative to the anchor\n    anchorRef,\n    state,\n  }\n}\n\ninterface PlaceTooltip {\n  anchor: HTMLElement\n  tooltip: HTMLElement\n  position: Position\n  offset?: number\n  boundaryRect?: DOMRect\n  flip?: boolean\n  clamp?: boolean\n}\n\nexport const placeTooltip = ({\n  anchor,\n  tooltip,\n  position,\n  offset = 0,\n  boundaryRect = getDocumentBoundingRect(),\n  flip = true,\n  clamp = true,\n}: PlaceTooltip) => {\n  const elementRect = anchor.getBoundingClientRect()\n  const tooltipRect = tooltip.getBoundingClientRect()\n\n  let targetPosition = getPosition(elementRect, tooltipRect, position)\n\n  // Flip to avoid edges\n  const isFlipped =\n    flip &&\n    shouldFlip({\n      targetPosition,\n      position,\n      boundaryRect,\n      tooltipRect,\n    })\n\n  if (isFlipped) {\n    position = getOppositePosition(position)\n    targetPosition = getPosition(elementRect, tooltipRect, position)\n  }\n\n  // Clamp position within boundary\n  if (clamp) {\n    targetPosition.x = Math.max(boundaryRect.left, targetPosition.x)\n    targetPosition.x = Math.min(\n      boundaryRect.right - tooltipRect.width,\n      targetPosition.x\n    )\n    targetPosition.y = Math.max(boundaryRect.top, targetPosition.y)\n    targetPosition.y = Math.min(\n      boundaryRect.bottom - tooltipRect.height,\n      targetPosition.y\n    )\n  }\n\n  // Should hide entirely if it scrolls out of view\n  const shouldHide = !isWithin(elementRect, boundaryRect)\n  tooltip.style.display = shouldHide ? \"none\" : \"block\"\n\n  tooltip.style.transform = translateWithOffset(\n    targetPosition,\n    position,\n    offset\n  )\n\n  return { isFlipped }\n}\n\nexport const getPosition = (\n  elementRect: Pick<\n    DOMRect,\n    \"width\" | \"height\" | \"top\" | \"right\" | \"bottom\" | \"left\"\n  >,\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">,\n  position: Position\n): TargetPosition => {\n  let x: number\n  let y: number\n\n  switch (position) {\n    case \"top-start\":\n    case \"bottom-start\":\n      x = elementRect.left\n      break\n    case \"top\":\n    case \"bottom\":\n      x = elementRect.left + elementRect.width / 2 - tooltipRect.width / 2\n      break\n    case \"top-end\":\n    case \"bottom-end\":\n      x = elementRect.right - tooltipRect.width\n      break\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      // [..] {XXX}\n      x = elementRect.left - tooltipRect.width\n      break\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      // {XXX} [...]\n      x = elementRect.right\n      break\n  }\n\n  switch (position) {\n    case \"left-start\":\n    case \"right-start\":\n      y = elementRect.top\n      break\n    case \"left\":\n    case \"right\":\n      y = elementRect.top + elementRect.height / 2 - tooltipRect.height / 2\n      break\n    case \"left-end\":\n    case \"right-end\":\n      y = elementRect.bottom - tooltipRect.height\n      break\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      // [..]\n      // {XXX}\n      y = elementRect.top - tooltipRect.height\n      break\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      // {XXX}\n      // [...]\n      y = elementRect.bottom\n      break\n  }\n\n  return { x, y }\n}\n\nexport const translateWithOffset = (\n  targetPosition: TargetPosition,\n  position: Position,\n  offset: number\n) => {\n  const [x, y] = (() => {\n    switch (position) {\n      case \"top-start\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top-end\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"bottom-start\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom-end\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"left-start\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left-end\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"right-start\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right-end\":\n        return [targetPosition.x + offset, targetPosition.y]\n    }\n  })()\n\n  return `translate(${x}px, ${y}px)`\n}\n\nconst getOppositePosition = (position: Position) => {\n  switch (position) {\n    case \"top-start\":\n      return \"bottom-start\"\n    case \"top\":\n      return \"bottom\"\n    case \"top-end\":\n      return \"bottom-end\"\n    case \"bottom-start\":\n      return \"top-start\"\n    case \"bottom\":\n      return \"top\"\n    case \"bottom-end\":\n      return \"top-end\"\n    case \"left-start\":\n      return \"right-start\"\n    case \"left\":\n      return \"right\"\n    case \"left-end\":\n      return \"right-end\"\n    case \"right-start\":\n      return \"left-start\"\n    case \"right\":\n      return \"left\"\n    case \"right-end\":\n      return \"left-end\"\n  }\n}\n\nexport const getDocumentBoundingRect = () => {\n  const width = document.body.clientWidth\n  const height = document.body.clientHeight\n\n  return {\n    top: 0,\n    left: 0,\n    right: width,\n    bottom: height,\n    width,\n    height,\n  } as DOMRect\n}\n\ninterface ShouldFlip {\n  targetPosition: TargetPosition\n  position: Position\n  boundaryRect: Pick<DOMRect, \"top\" | \"right\" | \"bottom\" | \"left\">\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">\n}\n\nexport const shouldFlip = ({\n  targetPosition,\n  position,\n  boundaryRect,\n  tooltipRect,\n}: ShouldFlip) => {\n  switch (position) {\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      return targetPosition.y < boundaryRect.top\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      return targetPosition.y + tooltipRect.height > boundaryRect.bottom\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      return targetPosition.x < boundaryRect.left\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      return targetPosition.x + tooltipRect.width > boundaryRect.right\n  }\n}\n\nconst isWithin = (elementRect: DOMRect, boundaryRect: DOMRect) => {\n  return (\n    boundaryRect.top < elementRect.bottom &&\n    boundaryRect.left < elementRect.right &&\n    boundaryRect.bottom > elementRect.top &&\n    boundaryRect.right > elementRect.left\n  )\n}\n"],"mappings":"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"}

package/dist/utils/useResizeObserver.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 declare type UseResizeObserver<T extends HTMLElement> = {
+    active?: boolean;
     target: React.RefObject<T> | T | null;
     onResize: UseResizeObserverCallback;
 };
-export declare const useResizeObserver: <T extends HTMLElement>({ target, onResize, }: UseResizeObserver<T>) => void;
+export declare const useResizeObserver: <T extends HTMLElement>({ active, target, onResize, }: UseResizeObserver<T>) => void;
 declare type UseResizeObserverCallback = (entry: ResizeObserverEntry, observer: ResizeObserver) => unknown;
 export {};

package/dist/utils/useResizeObserver.js

@@ -11,12 +11,14 @@ var _useLatest = require("./useLatest");
  */
 
 var useResizeObserver = function useResizeObserver(_ref) {
-  var target = _ref.target,
+  var _ref$active = _ref.active,
+    active = _ref$active === void 0 ? true : _ref$active,
+    target = _ref.target,
     onResize = _ref.onResize;
   var resizeObserver = getResizeObserver();
   var storedCallback = (0, _useLatest.useLatest)(onResize);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (!resizeObserver) return;
+    if (!active || !resizeObserver) return;
     var didUnsubscribe = false;
     var targetEl = target && "current" in target ? target.current : target;
     if (!targetEl) return;

package/dist/utils/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","names":["_useIsomorphicLayoutEffect","require","_useLatest","useResizeObserver","_ref","target","onResize","resizeObserver","getResizeObserver","storedCallback","useLatest","useIsomorphicLayoutEffect","didUnsubscribe","targetEl","current","cb","entry","observer","subscribe","unsubscribe","exports","createResizeObserver","ResizeObserver","ticking","allEntries","callbacks","Map","entries","obs","concat","window","requestAnimationFrame","triggered","Set","_loop","i","has","add","cbs","get","forEach","length","_ret","callback","_callbacks$get","observe","push","set","_callbacks$get2","unobserve","delete","cbIndex","indexOf","splice","_resizeObserver"],"sources":["../../src/utils/useResizeObserver.ts"],"sourcesContent":["/**\n * Adapted from https://github.com/jaredLunde/react-hook/blob/3c813dab5b21e26f2c85e733314ca5c063c6bfce/packages/resize-observer/src/index.tsx\n */\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\"\nimport { useLatest } from \"./useLatest\"\n\ntype UseResizeObserver<T extends HTMLElement> = {\n  target: React.RefObject<T> | T | null\n  onResize: UseResizeObserverCallback\n}\n\nexport const useResizeObserver = <T extends HTMLElement>({\n  target,\n  onResize,\n}: UseResizeObserver<T>) => {\n  const resizeObserver = getResizeObserver()\n  const storedCallback = useLatest(onResize)\n\n  useIsomorphicLayoutEffect(() => {\n    if (!resizeObserver) return\n\n    let didUnsubscribe = false\n\n    const targetEl = target && \"current\" in target ? target.current : target\n\n    if (!targetEl) return\n\n    const cb = (entry: ResizeObserverEntry, observer: ResizeObserver) => {\n      if (didUnsubscribe) return\n\n      storedCallback.current(entry, observer)\n    }\n\n    resizeObserver.subscribe(targetEl as HTMLElement, cb)\n\n    return () => {\n      didUnsubscribe = true\n      resizeObserver.unsubscribe(targetEl as HTMLElement, cb)\n    }\n  }, [target, resizeObserver, storedCallback])\n}\n\nconst createResizeObserver = () => {\n  if (typeof ResizeObserver === \"undefined\") return null\n\n  let ticking = false\n  let allEntries: ResizeObserverEntry[] = []\n\n  const callbacks: Map<unknown, Array<UseResizeObserverCallback>> = new Map()\n\n  const observer = new ResizeObserver(\n    (entries: ResizeObserverEntry[], obs: ResizeObserver) => {\n      allEntries = allEntries.concat(entries)\n\n      if (!ticking) {\n        window.requestAnimationFrame(() => {\n          const triggered = new Set<Element>()\n\n          for (let i = 0; i < allEntries.length; i++) {\n            if (triggered.has(allEntries[i].target)) continue\n\n            triggered.add(allEntries[i].target)\n\n            const cbs = callbacks.get(allEntries[i].target)\n            cbs?.forEach((cb) => cb(allEntries[i], obs))\n          }\n\n          allEntries = []\n          ticking = false\n        })\n      }\n\n      ticking = true\n    }\n  )\n\n  return {\n    observer,\n    subscribe(target: HTMLElement, callback: UseResizeObserverCallback) {\n      observer.observe(target)\n\n      const cbs = callbacks.get(target) ?? []\n\n      cbs.push(callback)\n      callbacks.set(target, cbs)\n    },\n    unsubscribe(target: HTMLElement, callback: UseResizeObserverCallback) {\n      const cbs = callbacks.get(target) ?? []\n\n      if (cbs.length === 1) {\n        observer.unobserve(target)\n        callbacks.delete(target)\n        return\n      }\n\n      const cbIndex = cbs.indexOf(callback)\n\n      if (cbIndex !== -1) cbs.splice(cbIndex, 1)\n\n      callbacks.set(target, cbs)\n    },\n  }\n}\n\nlet _resizeObserver: ReturnType<typeof createResizeObserver>\n\nconst getResizeObserver = () =>\n  !_resizeObserver\n    ? (_resizeObserver = createResizeObserver())\n    : _resizeObserver\n\ntype UseResizeObserverCallback = (\n  entry: ResizeObserverEntry,\n  observer: ResizeObserver\n) => unknown\n"],"mappings":"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"}
+{"version":3,"file":"useResizeObserver.js","names":["_useIsomorphicLayoutEffect","require","_useLatest","useResizeObserver","_ref","_ref$active","active","target","onResize","resizeObserver","getResizeObserver","storedCallback","useLatest","useIsomorphicLayoutEffect","didUnsubscribe","targetEl","current","cb","entry","observer","subscribe","unsubscribe","exports","createResizeObserver","ResizeObserver","ticking","allEntries","callbacks","Map","entries","obs","concat","window","requestAnimationFrame","triggered","Set","_loop","i","has","add","cbs","get","forEach","length","_ret","callback","_callbacks$get","observe","push","set","_callbacks$get2","unobserve","delete","cbIndex","indexOf","splice","_resizeObserver"],"sources":["../../src/utils/useResizeObserver.ts"],"sourcesContent":["/**\n * Adapted from https://github.com/jaredLunde/react-hook/blob/3c813dab5b21e26f2c85e733314ca5c063c6bfce/packages/resize-observer/src/index.tsx\n */\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\"\nimport { useLatest } from \"./useLatest\"\n\ntype UseResizeObserver<T extends HTMLElement> = {\n  active?: boolean\n  target: React.RefObject<T> | T | null\n  onResize: UseResizeObserverCallback\n}\n\nexport const useResizeObserver = <T extends HTMLElement>({\n  active = true,\n  target,\n  onResize,\n}: UseResizeObserver<T>) => {\n  const resizeObserver = getResizeObserver()\n  const storedCallback = useLatest(onResize)\n\n  useIsomorphicLayoutEffect(() => {\n    if (!active || !resizeObserver) return\n\n    let didUnsubscribe = false\n\n    const targetEl = target && \"current\" in target ? target.current : target\n\n    if (!targetEl) return\n\n    const cb = (entry: ResizeObserverEntry, observer: ResizeObserver) => {\n      if (didUnsubscribe) return\n\n      storedCallback.current(entry, observer)\n    }\n\n    resizeObserver.subscribe(targetEl as HTMLElement, cb)\n\n    return () => {\n      didUnsubscribe = true\n      resizeObserver.unsubscribe(targetEl as HTMLElement, cb)\n    }\n  }, [target, resizeObserver, storedCallback])\n}\n\nconst createResizeObserver = () => {\n  if (typeof ResizeObserver === \"undefined\") return null\n\n  let ticking = false\n  let allEntries: ResizeObserverEntry[] = []\n\n  const callbacks: Map<unknown, Array<UseResizeObserverCallback>> = new Map()\n\n  const observer = new ResizeObserver(\n    (entries: ResizeObserverEntry[], obs: ResizeObserver) => {\n      allEntries = allEntries.concat(entries)\n\n      if (!ticking) {\n        window.requestAnimationFrame(() => {\n          const triggered = new Set<Element>()\n\n          for (let i = 0; i < allEntries.length; i++) {\n            if (triggered.has(allEntries[i].target)) continue\n\n            triggered.add(allEntries[i].target)\n\n            const cbs = callbacks.get(allEntries[i].target)\n            cbs?.forEach((cb) => cb(allEntries[i], obs))\n          }\n\n          allEntries = []\n          ticking = false\n        })\n      }\n\n      ticking = true\n    }\n  )\n\n  return {\n    observer,\n    subscribe(target: HTMLElement, callback: UseResizeObserverCallback) {\n      observer.observe(target)\n\n      const cbs = callbacks.get(target) ?? []\n\n      cbs.push(callback)\n      callbacks.set(target, cbs)\n    },\n    unsubscribe(target: HTMLElement, callback: UseResizeObserverCallback) {\n      const cbs = callbacks.get(target) ?? []\n\n      if (cbs.length === 1) {\n        observer.unobserve(target)\n        callbacks.delete(target)\n        return\n      }\n\n      const cbIndex = cbs.indexOf(callback)\n\n      if (cbIndex !== -1) cbs.splice(cbIndex, 1)\n\n      callbacks.set(target, cbs)\n    },\n  }\n}\n\nlet _resizeObserver: ReturnType<typeof createResizeObserver>\n\nconst getResizeObserver = () =>\n  !_resizeObserver\n    ? (_resizeObserver = createResizeObserver())\n    : _resizeObserver\n\ntype UseResizeObserverCallback = (\n  entry: ResizeObserverEntry,\n  observer: ResizeObserver\n) => unknown\n"],"mappings":";;;;;;AAGA,IAAAA,0BAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAUO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAIF;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAH1BE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IACbE,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAER,IAAMC,cAAc,GAAGC,iBAAiB,EAAE;EAC1C,IAAMC,cAAc,GAAG,IAAAC,oBAAS,EAACJ,QAAQ,CAAC;EAE1C,IAAAK,oDAAyB,EAAC,YAAM;IAC9B,IAAI,CAACP,MAAM,IAAI,CAACG,cAAc,EAAE;IAEhC,IAAIK,cAAc,GAAG,KAAK;IAE1B,IAAMC,QAAQ,GAAGR,MAAM,IAAI,SAAS,IAAIA,MAAM,GAAGA,MAAM,CAACS,OAAO,GAAGT,MAAM;IAExE,IAAI,CAACQ,QAAQ,EAAE;IAEf,IAAME,EAAE,GAAG,SAALA,EAAEA,CAAIC,KAA0B,EAAEC,QAAwB,EAAK;MACnE,IAAIL,cAAc,EAAE;MAEpBH,cAAc,CAACK,OAAO,CAACE,KAAK,EAAEC,QAAQ,CAAC;IACzC,CAAC;IAEDV,cAAc,CAACW,SAAS,CAACL,QAAQ,EAAiBE,EAAE,CAAC;IAErD,OAAO,YAAM;MACXH,cAAc,GAAG,IAAI;MACrBL,cAAc,CAACY,WAAW,CAACN,QAAQ,EAAiBE,EAAE,CAAC;IACzD,CAAC;EACH,CAAC,EAAE,CAACV,MAAM,EAAEE,cAAc,EAAEE,cAAc,CAAC,CAAC;AAC9C,CAAC;AAAAW,OAAA,CAAAnB,iBAAA,GAAAA,iBAAA;AAED,IAAMoB,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EACjC,IAAI,OAAOC,cAAc,KAAK,WAAW,EAAE,OAAO,IAAI;EAEtD,IAAIC,OAAO,GAAG,KAAK;EACnB,IAAIC,UAAiC,GAAG,EAAE;EAE1C,IAAMC,SAAyD,GAAG,IAAIC,GAAG,EAAE;EAE3E,IAAMT,QAAQ,GAAG,IAAIK,cAAc,CACjC,UAACK,OAA8B,EAAEC,GAAmB,EAAK;IACvDJ,UAAU,GAAGA,UAAU,CAACK,MAAM,CAACF,OAAO,CAAC;IAEvC,IAAI,CAACJ,OAAO,EAAE;MACZO,MAAM,CAACC,qBAAqB,CAAC,YAAM;QACjC,IAAMC,SAAS,GAAG,IAAIC,GAAG,EAAW;QAAA,IAAAC,KAAA,YAAAA,MAE3BC,CAAC;UACR,IAAIH,SAAS,CAACI,GAAG,CAACZ,UAAU,CAACW,CAAC,CAAC,CAAC9B,MAAM,CAAC,EAAE;UAEzC2B,SAAS,CAACK,GAAG,CAACb,UAAU,CAACW,CAAC,CAAC,CAAC9B,MAAM,CAAC;UAEnC,IAAMiC,GAAG,GAAGb,SAAS,CAACc,GAAG,CAACf,UAAU,CAACW,CAAC,CAAC,CAAC9B,MAAM,CAAC;UAC/CiC,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEE,OAAO,CAAC,UAACzB,EAAE;YAAA,OAAKA,EAAE,CAACS,UAAU,CAACW,CAAC,CAAC,EAAEP,GAAG,CAAC;UAAA,EAAC;QAAA;QAN9C,KAAK,IAAIO,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGX,UAAU,CAACiB,MAAM,EAAEN,CAAC,EAAE,EAAE;UAAA,IAAAO,IAAA,GAAAR,KAAA,CAAnCC,CAAC;UAAA,IAAAO,IAAA,iBACiC;QAM3C;QAEAlB,UAAU,GAAG,EAAE;QACfD,OAAO,GAAG,KAAK;MACjB,CAAC,CAAC;IACJ;IAEAA,OAAO,GAAG,IAAI;EAChB,CAAC,CACF;EAED,OAAO;IACLN,QAAQ,EAARA,QAAQ;IACRC,SAAS,WAAAA,UAACb,MAAmB,EAAEsC,QAAmC,EAAE;MAAA,IAAAC,cAAA;MAClE3B,QAAQ,CAAC4B,OAAO,CAACxC,MAAM,CAAC;MAExB,IAAMiC,GAAG,IAAAM,cAAA,GAAGnB,SAAS,CAACc,GAAG,CAAClC,MAAM,CAAC,cAAAuC,cAAA,cAAAA,cAAA,GAAI,EAAE;MAEvCN,GAAG,CAACQ,IAAI,CAACH,QAAQ,CAAC;MAClBlB,SAAS,CAACsB,GAAG,CAAC1C,MAAM,EAAEiC,GAAG,CAAC;IAC5B,CAAC;IACDnB,WAAW,WAAAA,YAACd,MAAmB,EAAEsC,QAAmC,EAAE;MAAA,IAAAK,eAAA;MACpE,IAAMV,GAAG,IAAAU,eAAA,GAAGvB,SAAS,CAACc,GAAG,CAAClC,MAAM,CAAC,cAAA2C,eAAA,cAAAA,eAAA,GAAI,EAAE;MAEvC,IAAIV,GAAG,CAACG,MAAM,KAAK,CAAC,EAAE;QACpBxB,QAAQ,CAACgC,SAAS,CAAC5C,MAAM,CAAC;QAC1BoB,SAAS,CAACyB,MAAM,CAAC7C,MAAM,CAAC;QACxB;MACF;MAEA,IAAM8C,OAAO,GAAGb,GAAG,CAACc,OAAO,CAACT,QAAQ,CAAC;MAErC,IAAIQ,OAAO,KAAK,CAAC,CAAC,EAAEb,GAAG,CAACe,MAAM,CAACF,OAAO,EAAE,CAAC,CAAC;MAE1C1B,SAAS,CAACsB,GAAG,CAAC1C,MAAM,EAAEiC,GAAG,CAAC;IAC5B;EACF,CAAC;AACH,CAAC;AAED,IAAIgB,eAAwD;AAE5D,IAAM9C,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA;EAAA,OACrB,CAAC8C,eAAe,GACXA,eAAe,GAAGjC,oBAAoB,EAAE,GACzCiC,eAAe;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "36.3.0",
+  "version": "36.3.1",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "8ed57f4614eb24826d1db5a97ac01d252fa17da2"
+  "gitHead": "10b3223699b0057a4b48b4b215ccd057e7778e5e"
 }