@artsy/palette 45.13.0 → 45.14.0-canary.1497.33065.0

package/dist/esm/elements/Dropdown/Dropdown.story.js

@@ -0,0 +1,516 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useEffect, useState } from "react";
+import { Box } from "../Box";
+import { Button } from "../Button";
+import { Text } from "../Text";
+import { Dropdown } from "./Dropdown";
+import { Clickable } from "../Clickable";
+import { Flex } from "../Flex";
+import { Pill } from "../Pill";
+import ChevronSmallDownIcon from "@artsy/icons/ChevronSmallDownIcon";
+import { Spacer } from "../Spacer";
+import { STORYBOOK_PROPS_BLOCKLIST } from "../../utils/storybookBlocklist";
+export default {
+  component: Dropdown,
+  title: "Components/Dropdown",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A dropdown component that renders content in a positioned overlay with various placement options and interaction modes."
+      }
+    },
+    controls: {
+      exclude: STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
+};
+export var Default = {
+  args: {
+    placement: "bottom",
+    dropdown: /*#__PURE__*/React.createElement(Box, {
+      width: 300,
+      p: 2
+    }, /*#__PURE__*/React.createElement(Text, {
+      as: "a",
+      display: "block",
+      variant: "sm",
+      href: "#"
+    }, "One"), /*#__PURE__*/React.createElement(Text, {
+      as: "a",
+      display: "block",
+      variant: "sm",
+      href: "#"
+    }, "Two"), /*#__PURE__*/React.createElement(Text, {
+      as: "a",
+      display: "block",
+      variant: "sm",
+      href: "#"
+    }, "Three")),
+    children: function children(_ref) {
+      var anchorRef = _ref.anchorRef,
+        anchorProps = _ref.anchorProps;
+      return /*#__PURE__*/React.createElement(Box, {
+        textAlign: "center"
+      }, /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "secondaryBlack",
+        size: "small"
+      }, anchorProps), "Hover to display dropdown"));
+    }
+  },
+  parameters: {
+    chromatic: {
+      disable: true
+    }
+  }
+};
+export var KeepInDOM = {
+  args: {
+    placement: "bottom",
+    keepInDOM: true,
+    dropdown: /*#__PURE__*/React.createElement(Text, {
+      p: 2,
+      variant: "xs"
+    }, "Content remains in DOM"),
+    children: function children(_ref2) {
+      var anchorRef = _ref2.anchorRef,
+        anchorProps = _ref2.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "secondaryBlack",
+        size: "small"
+      }, anchorProps), "Hover to display dropdown");
+    }
+  },
+  parameters: {
+    chromatic: {
+      disable: true
+    }
+  }
+};
+export var ChangeDimensions = {
+  render: function render() {
+    var _useState = useState(10),
+      _useState2 = _slicedToArray(_useState, 2),
+      height = _useState2[0],
+      setHeight = _useState2[1];
+    useEffect(function () {
+      setInterval(function () {
+        setHeight(Math.floor(Math.random() * 100));
+      }, 1000);
+    }, []);
+    return /*#__PURE__*/React.createElement(Dropdown, {
+      placement: "bottom",
+      dropdown: /*#__PURE__*/React.createElement(Box, {
+        height: height,
+        width: 300
+      })
+    }, function (_ref3) {
+      var anchorRef = _ref3.anchorRef,
+        anchorProps = _ref3.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "secondaryBlack",
+        size: "small"
+      }, anchorProps), "Hover to display dropdown");
+    });
+  }
+};
+export var FocusOrder = {
+  render: function render() {
+    var dropdown = /*#__PURE__*/React.createElement(Text, {
+      variant: "sm-display"
+    }, /*#__PURE__*/React.createElement(Clickable, {
+      display: "block",
+      width: "100%",
+      py: 1,
+      px: 2
+    }, "First"), /*#__PURE__*/React.createElement(Clickable, {
+      display: "block",
+      width: "100%",
+      py: 1,
+      px: 2
+    }, "Second"), /*#__PURE__*/React.createElement(Clickable, {
+      display: "block",
+      width: "100%",
+      py: 1,
+      px: 2
+    }, "Third"));
+    return /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Dropdown, {
+      dropdown: dropdown,
+      placement: "bottom"
+    }, function (_ref4) {
+      var anchorRef = _ref4.anchorRef,
+        anchorProps = _ref4.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "secondaryBlack",
+        size: "small",
+        mr: 1
+      }, anchorProps), "First Parent");
+    }), /*#__PURE__*/React.createElement(Dropdown, {
+      dropdown: dropdown,
+      placement: "bottom"
+    }, function (_ref5) {
+      var anchorRef = _ref5.anchorRef,
+        anchorProps = _ref5.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "secondaryBlack",
+        size: "small"
+      }, anchorProps), "Second Parent");
+    }));
+  }
+};
+export var OpenDropdownByClick = {
+  render: function render() {
+    var dropdown = /*#__PURE__*/React.createElement(Text, {
+      variant: "sm-display"
+    }, /*#__PURE__*/React.createElement(Clickable, {
+      display: "block",
+      width: "100%",
+      py: 1,
+      px: 2
+    }, "First"), /*#__PURE__*/React.createElement(Clickable, {
+      display: "block",
+      width: "100%",
+      py: 1,
+      px: 2
+    }, "Second"), /*#__PURE__*/React.createElement(Clickable, {
+      display: "block",
+      width: "100%",
+      py: 1,
+      px: 2
+    }, "Third"));
+    return /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Dropdown, {
+      dropdown: dropdown,
+      openDropdownByClick: true
+    }, function (_ref6) {
+      var anchorRef = _ref6.anchorRef,
+        anchorProps = _ref6.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "secondaryBlack",
+        size: "small",
+        mr: 1
+      }, anchorProps), "Click to display dropdown");
+    }));
+  }
+};
+export var FilterExample = {
+  render: function render() {
+    return /*#__PURE__*/React.createElement(Dropdown, {
+      dropdown: /*#__PURE__*/React.createElement(Box, {
+        p: 1
+      }, /*#__PURE__*/React.createElement(Text, {
+        variant: "xs"
+      }, "Example content")),
+      placement: "bottom-start",
+      openDropdownByClick: true
+    }, function (_ref7) {
+      var anchorRef = _ref7.anchorRef,
+        anchorProps = _ref7.anchorProps;
+      return /*#__PURE__*/React.createElement(Pill, _extends({
+        ref: anchorRef,
+        Icon: ChevronSmallDownIcon,
+        iconPosition: "right"
+      }, anchorProps), "Example");
+    });
+  }
+};
+export var OverflowingContent = {
+  render: function render() {
+    var dropdown = /*#__PURE__*/React.createElement(Text, {
+      variant: "sm-display"
+    }, new Array(100).fill(null).map(function (_, i) {
+      return /*#__PURE__*/React.createElement(Clickable, {
+        key: i,
+        display: "block",
+        width: "100%",
+        py: 1,
+        px: 2
+      }, "Item ", i);
+    }));
+    var _useState3 = useState("bottom"),
+      _useState4 = _slicedToArray(_useState3, 2),
+      placement = _useState4[0],
+      setPlacement = _useState4[1];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+      height: 200,
+      bg: "mono10"
+    }), /*#__PURE__*/React.createElement(Spacer, {
+      y: 2
+    }), ["bottom", "top", "left", "right"].map(function (p) {
+      return /*#__PURE__*/React.createElement(Pill, {
+        key: p,
+        size: "small",
+        mr: 1,
+        mb: 1,
+        selected: placement === p,
+        onClick: function onClick() {
+          return setPlacement(p);
+        }
+      }, p);
+    }), /*#__PURE__*/React.createElement(Spacer, {
+      y: 2
+    }), /*#__PURE__*/React.createElement(Flex, {
+      alignItems: "center",
+      justifyContent: "center"
+    }, /*#__PURE__*/React.createElement(Dropdown, {
+      dropdown: dropdown,
+      openDropdownByClick: true,
+      placement: placement
+    }, function (_ref8) {
+      var anchorRef = _ref8.anchorRef,
+        anchorProps = _ref8.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "secondaryBlack",
+        size: "small"
+      }, anchorProps), "Click to display dropdown");
+    })), /*#__PURE__*/React.createElement(Spacer, {
+      y: 2
+    }), /*#__PURE__*/React.createElement(Box, {
+      height: 5000,
+      bg: "mono10"
+    }));
+  }
+};
+export var DisabledTransition = {
+  render: function render() {
+    return /*#__PURE__*/React.createElement(Flex, null, [1, 2, 3].map(function (num) {
+      var dropdown = /*#__PURE__*/React.createElement(Text, {
+        variant: "sm-display",
+        width: "100vw",
+        bg: "color-b".concat(num, "00"),
+        p: 2
+      }, /*#__PURE__*/React.createElement(Clickable, {
+        display: "block",
+        width: "100%",
+        py: 1,
+        px: 2
+      }, "Panel ", num, ": First Item"), /*#__PURE__*/React.createElement(Clickable, {
+        display: "block",
+        width: "100%",
+        py: 1,
+        px: 2
+      }, "Panel ", num, ": Second Item"), /*#__PURE__*/React.createElement(Clickable, {
+        display: "block",
+        width: "100%",
+        py: 1,
+        px: 2
+      }, "Panel ", num, ": Third Item"));
+      return /*#__PURE__*/React.createElement(Dropdown, {
+        key: num,
+        dropdown: dropdown,
+        transition: false,
+        placement: "bottom"
+      }, function (_ref9) {
+        var anchorRef = _ref9.anchorRef,
+          anchorProps = _ref9.anchorProps;
+        return /*#__PURE__*/React.createElement(Button, _extends({
+          ref: anchorRef,
+          variant: "secondaryBlack",
+          size: "small",
+          mr: 1
+        }, anchorProps), "Hover for dropdown ", num);
+      });
+    }));
+  }
+};
+export var ReturnFocusDefault = {
+  args: {
+    placement: "bottom",
+    openDropdownByClick: true,
+    dropdown: /*#__PURE__*/React.createElement(Box, {
+      width: 200,
+      p: 2
+    }, /*#__PURE__*/React.createElement(Text, {
+      variant: "sm",
+      mb: 1
+    }, "Try this:"), /*#__PURE__*/React.createElement(Text, {
+      variant: "xs",
+      color: "mono60",
+      mb: 2
+    }, "1. Click button to open dropdown"), /*#__PURE__*/React.createElement(Text, {
+      variant: "xs",
+      color: "mono60",
+      mb: 2
+    }, "2. Press Tab to focus on links"), /*#__PURE__*/React.createElement(Text, {
+      variant: "xs",
+      color: "mono60",
+      mb: 2
+    }, "3. Press Escape to close"), /*#__PURE__*/React.createElement(Text, {
+      variant: "xs",
+      color: "mono60",
+      mb: 2
+    }, "4. Notice focus returns to button"), /*#__PURE__*/React.createElement(Text, {
+      as: "a",
+      display: "block",
+      variant: "sm",
+      href: "#",
+      tabIndex: 0,
+      mb: 1
+    }, "Focusable Link 1"), /*#__PURE__*/React.createElement(Text, {
+      as: "a",
+      display: "block",
+      variant: "sm",
+      href: "#",
+      tabIndex: 0
+    }, "Focusable Link 2")),
+    children: function children(_ref10) {
+      var anchorRef = _ref10.anchorRef,
+        anchorProps = _ref10.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "secondaryBlack",
+        size: "small"
+      }, anchorProps), "Click me (returnFocus=true)");
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Default behavior with `returnFocus=true`. When you close the dropdown (Escape key or click outside), focus returns to the trigger button for better accessibility."
+      }
+    },
+    chromatic: {
+      disable: true
+    }
+  }
+};
+export var ReturnFocusDisabled = {
+  args: {
+    placement: "bottom",
+    openDropdownByClick: true,
+    returnFocus: false,
+    dropdown: /*#__PURE__*/React.createElement(Box, {
+      width: 200,
+      p: 2
+    }, /*#__PURE__*/React.createElement(Text, {
+      variant: "sm",
+      mb: 1
+    }, "Try this:"), /*#__PURE__*/React.createElement(Text, {
+      variant: "xs",
+      color: "mono60",
+      mb: 2
+    }, "1. Click button to open dropdown"), /*#__PURE__*/React.createElement(Text, {
+      variant: "xs",
+      color: "mono60",
+      mb: 2
+    }, "2. Press Tab to focus on button"), /*#__PURE__*/React.createElement(Text, {
+      variant: "xs",
+      color: "mono60",
+      mb: 2
+    }, "3. Press Escape to close"), /*#__PURE__*/React.createElement(Text, {
+      variant: "xs",
+      color: "mono60",
+      mb: 2
+    }, "4. Focus stays where it was"), /*#__PURE__*/React.createElement(Button, {
+      variant: "primaryBlack",
+      size: "small",
+      onClick: function onClick() {
+        alert("Modal opened! Focus should not return to dropdown trigger.");
+      }
+    }, "Open Modal")),
+    children: function children(_ref11) {
+      var anchorRef = _ref11.anchorRef,
+        anchorProps = _ref11.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "secondaryBlack",
+        size: "small"
+      }, anchorProps), "Click me (returnFocus=false)");
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "With `returnFocus=false`, focus does not return to the trigger when the dropdown closes. This is useful when the dropdown opens a modal or navigates to another page, where returning focus would be disruptive."
+      }
+    },
+    chromatic: {
+      disable: true
+    }
+  }
+};
+export var CustomDelay = {
+  render: function render() {
+    var dropdown = /*#__PURE__*/React.createElement(Box, {
+      width: 250,
+      p: 2
+    }, /*#__PURE__*/React.createElement(Text, {
+      as: "a",
+      display: "block",
+      variant: "sm",
+      href: "#"
+    }, "One"), /*#__PURE__*/React.createElement(Text, {
+      as: "a",
+      display: "block",
+      variant: "sm",
+      href: "#"
+    }, "Two"), /*#__PURE__*/React.createElement(Text, {
+      as: "a",
+      display: "block",
+      variant: "sm",
+      href: "#"
+    }, "Three"));
+    return /*#__PURE__*/React.createElement(Flex, {
+      gap: 2
+    }, /*#__PURE__*/React.createElement(Dropdown, {
+      dropdown: dropdown,
+      placement: "bottom",
+      delay: 0
+    }, function (_ref12) {
+      var anchorRef = _ref12.anchorRef,
+        anchorProps = _ref12.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "secondaryBlack",
+        size: "small"
+      }, anchorProps), "No delay (default)");
+    }), /*#__PURE__*/React.createElement(Dropdown, {
+      dropdown: dropdown,
+      placement: "bottom",
+      delay: 500
+    }, function (_ref13) {
+      var anchorRef = _ref13.anchorRef,
+        anchorProps = _ref13.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "primaryBlack",
+        size: "small"
+      }, anchorProps), "500ms delay");
+    }), /*#__PURE__*/React.createElement(Dropdown, {
+      dropdown: dropdown,
+      placement: "bottom",
+      delay: 1000
+    }, function (_ref14) {
+      var anchorRef = _ref14.anchorRef,
+        anchorProps = _ref14.anchorProps;
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        ref: anchorRef,
+        variant: "tertiary",
+        size: "small"
+      }, anchorProps), "1000ms delay");
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "The `delay` prop allows you to configure how long to wait before showing the dropdown on hover. This is useful for preventing accidental triggers. The delay is ignored when `openDropdownByClick` is true."
+      }
+    },
+    chromatic: {
+      disable: true
+    }
+  }
+};
+//# sourceMappingURL=Dropdown.story.js.map

package/dist/esm/elements/Dropdown/Dropdown.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.story.js","names":["React","useEffect","useState","Box","Button","Text","Dropdown","Clickable","Flex","Pill","ChevronSmallDownIcon","Spacer","STORYBOOK_PROPS_BLOCKLIST","component","title","tags","parameters","docs","description","controls","exclude","Default","args","placement","dropdown","createElement","width","p","as","display","variant","href","children","_ref","anchorRef","anchorProps","textAlign","_extends","ref","size","chromatic","disable","KeepInDOM","keepInDOM","_ref2","ChangeDimensions","render","_useState","_useState2","_slicedToArray","height","setHeight","setInterval","Math","floor","random","_ref3","FocusOrder","py","px","_ref4","mr","_ref5","OpenDropdownByClick","openDropdownByClick","_ref6","FilterExample","_ref7","Icon","iconPosition","OverflowingContent","Array","fill","map","_","i","key","_useState3","_useState4","setPlacement","Fragment","bg","y","mb","selected","onClick","alignItems","justifyContent","_ref8","DisabledTransition","num","concat","transition","_ref9","ReturnFocusDefault","color","tabIndex","_ref10","story","ReturnFocusDisabled","returnFocus","alert","_ref11","CustomDelay","gap","delay","_ref12","_ref13","_ref14"],"sources":["../../../../src/elements/Dropdown/Dropdown.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Position } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\nimport { Dropdown } from \"./Dropdown\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Pill } from \"../Pill\"\nimport ChevronSmallDownIcon from \"@artsy/icons/ChevronSmallDownIcon\"\nimport { Spacer } from \"../Spacer\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Dropdown,\n  title: \"Components/Dropdown\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A dropdown component that renders content in a positioned overlay with various placement options and interaction modes.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    placement: \"bottom\",\n    dropdown: (\n      <Box width={300} p={2}>\n        <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n          One\n        </Text>\n        <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n          Two\n        </Text>\n        <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n          Three\n        </Text>\n      </Box>\n    ),\n    children: ({ anchorRef, anchorProps }) => (\n      <Box textAlign=\"center\">\n        <Button\n          ref={anchorRef}\n          variant=\"secondaryBlack\"\n          size=\"small\"\n          {...anchorProps}\n        >\n          Hover to display dropdown\n        </Button>\n      </Box>\n    ),\n  },\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const KeepInDOM = {\n  args: {\n    placement: \"bottom\",\n    keepInDOM: true,\n    dropdown: (\n      <Text p={2} variant=\"xs\">\n        Content remains in DOM\n      </Text>\n    ),\n    children: ({ anchorRef, anchorProps }) => (\n      <Button\n        ref={anchorRef}\n        variant=\"secondaryBlack\"\n        size=\"small\"\n        {...anchorProps}\n      >\n        Hover to display dropdown\n      </Button>\n    ),\n  },\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const ChangeDimensions = {\n  render: () => {\n    const [height, setHeight] = useState(10)\n\n    useEffect(() => {\n      setInterval(() => {\n        setHeight(Math.floor(Math.random() * 100))\n      }, 1000)\n    }, [])\n\n    return (\n      <Dropdown\n        placement=\"bottom\"\n        dropdown={<Box height={height} width={300} />}\n      >\n        {({ anchorRef, anchorProps }) => {\n          return (\n            <Button\n              ref={anchorRef}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              {...anchorProps}\n            >\n              Hover to display dropdown\n            </Button>\n          )\n        }}\n      </Dropdown>\n    )\n  },\n}\n\nexport const FocusOrder = {\n  render: () => {\n    const dropdown = (\n      <Text variant=\"sm-display\">\n        <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n          First\n        </Clickable>\n        <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n          Second\n        </Clickable>\n        <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n          Third\n        </Clickable>\n      </Text>\n    )\n\n    return (\n      <Flex>\n        <Dropdown dropdown={dropdown} placement=\"bottom\">\n          {({ anchorRef, anchorProps }) => {\n            return (\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                mr={1}\n                {...anchorProps}\n              >\n                First Parent\n              </Button>\n            )\n          }}\n        </Dropdown>\n\n        <Dropdown dropdown={dropdown} placement=\"bottom\">\n          {({ anchorRef, anchorProps }) => {\n            return (\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                {...anchorProps}\n              >\n                Second Parent\n              </Button>\n            )\n          }}\n        </Dropdown>\n      </Flex>\n    )\n  },\n}\n\nexport const OpenDropdownByClick = {\n  render: () => {\n    const dropdown = (\n      <Text variant=\"sm-display\">\n        <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n          First\n        </Clickable>\n        <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n          Second\n        </Clickable>\n        <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n          Third\n        </Clickable>\n      </Text>\n    )\n\n    return (\n      <Flex>\n        <Dropdown dropdown={dropdown} openDropdownByClick>\n          {({ anchorRef, anchorProps }) => {\n            return (\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                mr={1}\n                {...anchorProps}\n              >\n                Click to display dropdown\n              </Button>\n            )\n          }}\n        </Dropdown>\n      </Flex>\n    )\n  },\n}\n\nexport const FilterExample = {\n  render: () => {\n    return (\n      <Dropdown\n        dropdown={\n          <Box p={1}>\n            <Text variant=\"xs\">Example content</Text>\n          </Box>\n        }\n        placement=\"bottom-start\"\n        openDropdownByClick\n      >\n        {({ anchorRef, anchorProps }) => {\n          return (\n            <Pill\n              ref={anchorRef as any}\n              Icon={ChevronSmallDownIcon}\n              iconPosition=\"right\"\n              {...anchorProps}\n            >\n              Example\n            </Pill>\n          )\n        }}\n      </Dropdown>\n    )\n  },\n}\n\nexport const OverflowingContent = {\n  render: () => {\n    const dropdown = (\n      <Text variant=\"sm-display\">\n        {new Array(100).fill(null).map((_, i) => (\n          <Clickable key={i} display=\"block\" width=\"100%\" py={1} px={2}>\n            Item {i}\n          </Clickable>\n        ))}\n      </Text>\n    )\n\n    const [placement, setPlacement] = useState<Position>(\"bottom\")\n\n    return (\n      <>\n        <Box height={200} bg=\"mono10\" />\n\n        <Spacer y={2} />\n\n        {[\"bottom\", \"top\", \"left\", \"right\"].map((p) => {\n          return (\n            <Pill\n              key={p}\n              size=\"small\"\n              mr={1}\n              mb={1}\n              selected={placement === p}\n              onClick={() => setPlacement(p as Position)}\n            >\n              {p}\n            </Pill>\n          )\n        })}\n\n        <Spacer y={2} />\n\n        <Flex alignItems=\"center\" justifyContent=\"center\">\n          <Dropdown\n            dropdown={dropdown}\n            openDropdownByClick\n            placement={placement}\n          >\n            {({ anchorRef, anchorProps }) => {\n              return (\n                <Button\n                  ref={anchorRef}\n                  variant=\"secondaryBlack\"\n                  size=\"small\"\n                  {...anchorProps}\n                >\n                  Click to display dropdown\n                </Button>\n              )\n            }}\n          </Dropdown>\n        </Flex>\n\n        <Spacer y={2} />\n\n        <Box height={5000} bg=\"mono10\" />\n      </>\n    )\n  },\n}\n\nexport const DisabledTransition = {\n  render: () => {\n    return (\n      <Flex>\n        {[1, 2, 3].map((num) => {\n          const dropdown = (\n            <Text\n              variant=\"sm-display\"\n              width=\"100vw\"\n              bg={`color-b${num}00`}\n              p={2}\n            >\n              <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n                Panel {num}: First Item\n              </Clickable>\n              <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n                Panel {num}: Second Item\n              </Clickable>\n              <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n                Panel {num}: Third Item\n              </Clickable>\n            </Text>\n          )\n\n          return (\n            <Dropdown\n              key={num}\n              dropdown={dropdown}\n              transition={false}\n              placement=\"bottom\"\n            >\n              {({ anchorRef, anchorProps }) => {\n                return (\n                  <Button\n                    ref={anchorRef}\n                    variant=\"secondaryBlack\"\n                    size=\"small\"\n                    mr={1}\n                    {...anchorProps}\n                  >\n                    Hover for dropdown {num}\n                  </Button>\n                )\n              }}\n            </Dropdown>\n          )\n        })}\n      </Flex>\n    )\n  },\n}\n\nexport const ReturnFocusDefault = {\n  args: {\n    placement: \"bottom\",\n    openDropdownByClick: true,\n    dropdown: (\n      <Box width={200} p={2}>\n        <Text variant=\"sm\" mb={1}>\n          Try this:\n        </Text>\n        <Text variant=\"xs\" color=\"mono60\" mb={2}>\n          1. Click button to open dropdown\n        </Text>\n        <Text variant=\"xs\" color=\"mono60\" mb={2}>\n          2. Press Tab to focus on links\n        </Text>\n        <Text variant=\"xs\" color=\"mono60\" mb={2}>\n          3. Press Escape to close\n        </Text>\n        <Text variant=\"xs\" color=\"mono60\" mb={2}>\n          4. Notice focus returns to button\n        </Text>\n        <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\" tabIndex={0} mb={1}>\n          Focusable Link 1\n        </Text>\n        <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\" tabIndex={0}>\n          Focusable Link 2\n        </Text>\n      </Box>\n    ),\n    children: ({ anchorRef, anchorProps }) => (\n      <Button\n        ref={anchorRef}\n        variant=\"secondaryBlack\"\n        size=\"small\"\n        {...anchorProps}\n      >\n        Click me (returnFocus=true)\n      </Button>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Default behavior with `returnFocus=true`. When you close the dropdown (Escape key or click outside), focus returns to the trigger button for better accessibility.\",\n      },\n    },\n    chromatic: { disable: true },\n  },\n}\n\nexport const ReturnFocusDisabled = {\n  args: {\n    placement: \"bottom\",\n    openDropdownByClick: true,\n    returnFocus: false,\n    dropdown: (\n      <Box width={200} p={2}>\n        <Text variant=\"sm\" mb={1}>\n          Try this:\n        </Text>\n        <Text variant=\"xs\" color=\"mono60\" mb={2}>\n          1. Click button to open dropdown\n        </Text>\n        <Text variant=\"xs\" color=\"mono60\" mb={2}>\n          2. Press Tab to focus on button\n        </Text>\n        <Text variant=\"xs\" color=\"mono60\" mb={2}>\n          3. Press Escape to close\n        </Text>\n        <Text variant=\"xs\" color=\"mono60\" mb={2}>\n          4. Focus stays where it was\n        </Text>\n        <Button\n          variant=\"primaryBlack\"\n          size=\"small\"\n          onClick={() => {\n            alert(\"Modal opened! Focus should not return to dropdown trigger.\")\n          }}\n        >\n          Open Modal\n        </Button>\n      </Box>\n    ),\n    children: ({ anchorRef, anchorProps }) => (\n      <Button\n        ref={anchorRef}\n        variant=\"secondaryBlack\"\n        size=\"small\"\n        {...anchorProps}\n      >\n        Click me (returnFocus=false)\n      </Button>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"With `returnFocus=false`, focus does not return to the trigger when the dropdown closes. This is useful when the dropdown opens a modal or navigates to another page, where returning focus would be disruptive.\",\n      },\n    },\n    chromatic: { disable: true },\n  },\n}\n\nexport const CustomDelay = {\n  render: () => {\n    const dropdown = (\n      <Box width={250} p={2}>\n        <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n          One\n        </Text>\n        <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n          Two\n        </Text>\n        <Text as=\"a\" display=\"block\" variant=\"sm\" href=\"#\">\n          Three\n        </Text>\n      </Box>\n    )\n\n    return (\n      <Flex gap={2}>\n        <Dropdown dropdown={dropdown} placement=\"bottom\" delay={0}>\n          {({ anchorRef, anchorProps }) => {\n            return (\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                {...anchorProps}\n              >\n                No delay (default)\n              </Button>\n            )\n          }}\n        </Dropdown>\n\n        <Dropdown dropdown={dropdown} placement=\"bottom\" delay={500}>\n          {({ anchorRef, anchorProps }) => {\n            return (\n              <Button\n                ref={anchorRef}\n                variant=\"primaryBlack\"\n                size=\"small\"\n                {...anchorProps}\n              >\n                500ms delay\n              </Button>\n            )\n          }}\n        </Dropdown>\n\n        <Dropdown dropdown={dropdown} placement=\"bottom\" delay={1000}>\n          {({ anchorRef, anchorProps }) => {\n            return (\n              <Button\n                ref={anchorRef}\n                variant=\"tertiary\"\n                size=\"small\"\n                {...anchorProps}\n              >\n                1000ms delay\n              </Button>\n            )\n          }}\n        </Dropdown>\n      </Flex>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"The `delay` prop allows you to configure how long to wait before showing the dropdown on hover. This is useful for preventing accidental triggers. The delay is ignored when `openDropdownByClick` is true.\",\n      },\n    },\n    chromatic: { disable: true },\n  },\n}\n"],"mappings":"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"}

package/dist/esm/elements/Dropdown/index.js

@@ -0,0 +1,2 @@
+export * from "./Dropdown";
+//# sourceMappingURL=index.js.map

package/dist/esm/elements/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/elements/Dropdown/index.ts"],"sourcesContent":["export * from \"./Dropdown\"\n"],"mappings":"AAAA"}

package/dist/esm/elements/EntityHeader/EntityHeader.js

@@ -0,0 +1,61 @@
+var _excluded = ["name", "href", "meta", "initials", "imageUrl", "image", "smallVariant", "FollowButton", "labels"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+import React from "react";
+import { Label } from "../Label";
+import { Flex } from "../Flex";
+import { Avatar } from "../Avatar";
+import { Text } from "../Text";
+/**
+ * Component that is used as entity header that is paired with rich information about the entity.
+ * @deprecated: Use EntityHeader fragment container patterns within Force instead
+ */
+
+export var EntityHeader = function EntityHeader(_ref) {
+  var name = _ref.name,
+    href = _ref.href,
+    meta = _ref.meta,
+    initials = _ref.initials,
+    imageUrl = _ref.imageUrl,
+    image = _ref.image,
+    smallVariant = _ref.smallVariant,
+    FollowButton = _ref.FollowButton,
+    labels = _ref.labels,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Flex, _extends({
+    alignItems: "center",
+    justifyContent: "space-between"
+  }, rest), /*#__PURE__*/React.createElement(Flex, _extends({
+    alignItems: "center"
+  }, href ? {
+    as: "a",
+    href: href,
+    style: {
+      textDecoration: "none"
+    }
+  } : {}), (imageUrl || image || initials) && /*#__PURE__*/React.createElement(Flex, {
+    mr: 1
+  }, /*#__PURE__*/React.createElement(Avatar, _extends({
+    size: smallVariant ? "xxs" : "xs",
+    src: imageUrl,
+    initials: initials
+  }, image !== null && image !== void 0 ? image : {}))), /*#__PURE__*/React.createElement(Flex, {
+    flexDirection: "column",
+    mr: 1
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "sm-display"
+  }, name), /*#__PURE__*/React.createElement(Text, {
+    variant: "sm-display"
+  }, labels === null || labels === void 0 ? void 0 : labels.map(function (label, i) {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: i
+    }, /*#__PURE__*/React.createElement(Label, label), " ");
+  })), meta && /*#__PURE__*/React.createElement(Text, {
+    variant: "xs",
+    color: "mono60"
+  }, meta))), FollowButton);
+};
+EntityHeader.displayName = "EntityHeader";
+EntityHeader.displayName = "EntityHeader";
+//# sourceMappingURL=EntityHeader.js.map

package/dist/esm/elements/EntityHeader/EntityHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityHeader.js","names":["React","Label","Flex","Avatar","Text","EntityHeader","_ref","name","href","meta","initials","imageUrl","image","smallVariant","FollowButton","labels","rest","_objectWithoutProperties","_excluded","createElement","_extends","alignItems","justifyContent","as","style","textDecoration","mr","size","src","flexDirection","variant","map","label","i","Fragment","key","color","displayName"],"sources":["../../../../src/elements/EntityHeader/EntityHeader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Label, LabelProps } from \"../Label\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { ImageProps } from \"../Image\"\nimport { Avatar } from \"../Avatar\"\nimport { Text } from \"../Text\"\n\nexport interface EntityHeaderProps extends FlexProps {\n  href?: string\n  /** @deprecated: use `image` instead */\n  imageUrl?: string\n  /** Pass props to the underlying `Image` in `Avatar` */\n  image?: Omit<Partial<ImageProps>, \"size\">\n  initials?: string\n  meta?: string\n  name: string\n  labels?: LabelProps[]\n  smallVariant?: boolean\n  FollowButton?: JSX.Element\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void\n}\n/**\n * Component that is used as entity header that is paired with rich information about the entity.\n * @deprecated: Use EntityHeader fragment container patterns within Force instead\n */\n\nexport const EntityHeader: React.FC<\n  React.PropsWithChildren<EntityHeaderProps>\n> = ({\n  name,\n  href,\n  meta,\n  initials,\n  imageUrl,\n  image,\n  smallVariant,\n  FollowButton,\n  labels,\n  ...rest\n}) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"space-between\" {...rest}>\n      <Flex\n        alignItems=\"center\"\n        {...(href ? { as: \"a\", href, style: { textDecoration: \"none\" } } : {})}\n      >\n        {(imageUrl || image || initials) && (\n          <Flex mr={1}>\n            <Avatar\n              size={smallVariant ? \"xxs\" : \"xs\"}\n              src={imageUrl}\n              initials={initials}\n              {...(image ?? {})}\n            />\n          </Flex>\n        )}\n\n        <Flex flexDirection=\"column\" mr={1}>\n          <Text variant=\"sm-display\">{name}</Text>\n\n          <Text variant=\"sm-display\">\n            {labels?.map((label, i) => (\n              <React.Fragment key={i}>\n                <Label {...label} />{\" \"}\n              </React.Fragment>\n            ))}\n          </Text>\n\n          {meta && (\n            <Text variant=\"xs\" color=\"mono60\">\n              {meta}\n            </Text>\n          )}\n        </Flex>\n      </Flex>\n\n      {FollowButton}\n    </Flex>\n  )\n}\n\nEntityHeader.displayName = \"EntityHeader\"\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK;AACd,SAASC,IAAI;AAEb,SAASC,MAAM;AACf,SAASC,IAAI;AAgBb;AACA;AACA;AACA;;AAEA,OAAO,IAAMC,YAEZ,GAAG,SAFSA,YAEZA,CAAAC,IAAA,EAWK;EAAA,IAVJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,MAAM,GAAAT,IAAA,CAANS,MAAM;IACHC,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAEP,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,IAAI,EAAAkB,QAAA;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAe,GAAKN,IAAI,gBAC/DhB,KAAA,CAAAmB,aAAA,CAACjB,IAAI,EAAAkB,QAAA;IACHC,UAAU,EAAC;EAAQ,GACdb,IAAI,GAAG;IAAEe,EAAE,EAAE,GAAG;IAAEf,IAAI,EAAJA,IAAI;IAAEgB,KAAK,EAAE;MAAEC,cAAc,EAAE;IAAO;EAAE,CAAC,GAAG,CAAC,CAAC,GAEpE,CAACd,QAAQ,IAAIC,KAAK,IAAIF,QAAQ,kBAC7BV,KAAA,CAAAmB,aAAA,CAACjB,IAAI;IAACwB,EAAE,EAAE;EAAE,gBACV1B,KAAA,CAAAmB,aAAA,CAAChB,MAAM,EAAAiB,QAAA;IACLO,IAAI,EAAEd,YAAY,GAAG,KAAK,GAAG,IAAK;IAClCe,GAAG,EAAEjB,QAAS;IACdD,QAAQ,EAAEA;EAAS,GACdE,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,EAChB,CAEL,eAEDZ,KAAA,CAAAmB,aAAA,CAACjB,IAAI;IAAC2B,aAAa,EAAC,QAAQ;IAACH,EAAE,EAAE;EAAE,gBACjC1B,KAAA,CAAAmB,aAAA,CAACf,IAAI;IAAC0B,OAAO,EAAC;EAAY,GAAEvB,IAAI,CAAQ,eAExCP,KAAA,CAAAmB,aAAA,CAACf,IAAI;IAAC0B,OAAO,EAAC;EAAY,GACvBf,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEgB,GAAG,CAAC,UAACC,KAAK,EAAEC,CAAC;IAAA,oBACpBjC,KAAA,CAAAmB,aAAA,CAACnB,KAAK,CAACkC,QAAQ;MAACC,GAAG,EAAEF;IAAE,gBACrBjC,KAAA,CAAAmB,aAAA,CAAClB,KAAK,EAAK+B,KAAK,CAAI,EAAC,GAAG,CACT;EAAA,CAClB,CAAC,CACG,EAENvB,IAAI,iBACHT,KAAA,CAAAmB,aAAA,CAACf,IAAI;IAAC0B,OAAO,EAAC,IAAI;IAACM,KAAK,EAAC;EAAQ,GAC9B3B,IAAI,CAER,CACI,CACF,EAENK,YAAY,CACR;AAEX,CAAC;AArDYT,YAEZ,CAAAgC,WAAA;AAqDDhC,YAAY,CAACgC,WAAW,GAAG,cAAc"}