@artsy/palette 39.0.4 → 40.0.0-canary.1408.31244.0

package/dist/elements/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["_react","_interopRequireDefault","require","_Box","_Flex","_styledComponents","_interopRequireWildcard","_styledSystem","_reactFocusOn","_usePortal2","_themeGet","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Drawer","_ref","children","_ref$anchor","anchor","_ref$zIndex","zIndex","DEFAULT_DRAWER_Z_INDEX","open","onClose","_usePortal","usePortal","createPortal","createElement","Container","style","pointerEvents","transform","Focus","onClickOutside","enabled","onEscapeKey","Content","backgroundColor","height","width","overflowX","overflowY","transition","concat","Overlay","display","onClick","opacity","exports","styled","Box","withConfig","displayName","componentId","props","css","themeGet","Flex","FocusOn"],"sources":["../../../src/elements/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from \"react\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport styled, { css } from \"styled-components\"\nimport { zIndex } from \"styled-system\"\nimport { FocusOn } from \"react-focus-on\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface DrawerProps {\n  open: boolean\n  anchor?: \"left\" | \"right\"\n  zIndex?: number\n  onClose?(): void\n}\n\nexport const Drawer: FC<DrawerProps> = ({\n  children,\n  anchor = \"right\",\n  zIndex = DEFAULT_DRAWER_Z_INDEX,\n  open,\n  onClose,\n}) => {\n  const { createPortal } = usePortal()\n\n  return createPortal(\n    <Container\n      zIndex={zIndex}\n      anchor={anchor}\n      style={{\n        pointerEvents: open ? \"auto\" : \"none\",\n        transform: open ? \"translateX(0)\" : \"none\",\n      }}\n    >\n      <Focus onClickOutside={onClose} enabled={open} onEscapeKey={onClose}>\n        <Content\n          backgroundColor=\"white100\"\n          height=\"100%\"\n          width={[\"100%\", \"auto\"]}\n          overflowX=\"hidden\"\n          overflowY=\"scroll\"\n          anchor={anchor}\n          zIndex={zIndex}\n          transition={\n            open\n              ? \"transform .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)\" // easeOutExpo\n              : \"transform 1s cubic-bezier(0.075, 0.820, 0.165, 1.000)\" // easeOutCirc\n          }\n          style={{\n            transform: open\n              ? \"translateX(0)\"\n              : `translateX(${anchor === \"left\" ? \"-110%\" : \"110%\"})`,\n          }}\n        >\n          {children}\n        </Content>\n      </Focus>\n\n      <Overlay\n        display={[\"none\", \"flex\"]}\n        onClick={onClose}\n        data-testid=\"drawer-overlay\"\n        width=\"inherit\"\n        style={{\n          opacity: open ? 1 : 0,\n        }}\n      />\n    </Container>\n  )\n}\n\nconst DEFAULT_DRAWER_Z_INDEX = 1\n\nconst Content = styled(Box)<\n  Pick<DrawerProps, \"anchor\"> & { transition: string }\n>`\n  position: absolute;\n  top: 0;\n  -webkit-overflow-scrolling: touch;\n\n  ${(props) => css`\n    transition: ${props.transition};\n  `}\n\n  ${(props) => css`\n    ${props.anchor === \"left\" ? \"left: 0;\" : \"right: 0;\"}\n  `};\n`\n\nconst Overlay = styled(Box)`\n  height: 100%;\n  background: ${themeGet(\"effects.backdrop\")};\n  transition: opacity 150ms linear 50ms;\n`\n\nconst Container = styled(Flex)<Pick<DrawerProps, \"anchor\">>`\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  ${zIndex}\n  position: fixed;\n\n  ${(props) => {\n    return css`\n      flex-direction: ${props.anchor === \"left\" ? \"row\" : \"row-reverse\"};\n    `\n  }}\n`\n\nconst Focus = styled(FocusOn)`\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","names":["_react","_interopRequireDefault","require","_Box","_Flex","_styledComponents","_interopRequireWildcard","_styledSystem","_reactFocusOn","_usePortal2","_themeGet","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Drawer","_ref","children","_ref$anchor","anchor","_ref$zIndex","zIndex","DEFAULT_DRAWER_Z_INDEX","open","onClose","_usePortal","usePortal","createPortal","createElement","Container","style","pointerEvents","transform","Focus","onClickOutside","enabled","onEscapeKey","Content","backgroundColor","height","width","overflowX","overflowY","transition","concat","Overlay","display","onClick","opacity","exports","styled","Box","withConfig","displayName","componentId","props","css","themeGet","Flex","FocusOn"],"sources":["../../../src/elements/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from \"react\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport styled, { css } from \"styled-components\"\nimport { zIndex } from \"styled-system\"\nimport { FocusOn } from \"react-focus-on\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface DrawerProps {\n  open: boolean\n  anchor?: \"left\" | \"right\"\n  zIndex?: number\n  onClose?(): void\n}\n\nexport const Drawer: FC<React.PropsWithChildren<DrawerProps>> = ({\n  children,\n  anchor = \"right\",\n  zIndex = DEFAULT_DRAWER_Z_INDEX,\n  open,\n  onClose,\n}) => {\n  const { createPortal } = usePortal()\n\n  return createPortal(\n    <Container\n      zIndex={zIndex}\n      anchor={anchor}\n      style={{\n        pointerEvents: open ? \"auto\" : \"none\",\n        transform: open ? \"translateX(0)\" : \"none\",\n      }}\n    >\n      <Focus onClickOutside={onClose} enabled={open} onEscapeKey={onClose}>\n        <Content\n          backgroundColor=\"white100\"\n          height=\"100%\"\n          width={[\"100%\", \"auto\"]}\n          overflowX=\"hidden\"\n          overflowY=\"scroll\"\n          anchor={anchor}\n          zIndex={zIndex}\n          transition={\n            open\n              ? \"transform .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)\" // easeOutExpo\n              : \"transform 1s cubic-bezier(0.075, 0.820, 0.165, 1.000)\" // easeOutCirc\n          }\n          style={{\n            transform: open\n              ? \"translateX(0)\"\n              : `translateX(${anchor === \"left\" ? \"-110%\" : \"110%\"})`,\n          }}\n        >\n          {children}\n        </Content>\n      </Focus>\n\n      <Overlay\n        display={[\"none\", \"flex\"]}\n        onClick={onClose}\n        data-testid=\"drawer-overlay\"\n        width=\"inherit\"\n        style={{\n          opacity: open ? 1 : 0,\n        }}\n      />\n    </Container>\n  )\n}\n\nconst DEFAULT_DRAWER_Z_INDEX = 1\n\nconst Content = styled(Box)<\n  Pick<DrawerProps, \"anchor\"> & { transition: string }\n>`\n  position: absolute;\n  top: 0;\n  -webkit-overflow-scrolling: touch;\n\n  ${(props) => css`\n    transition: ${props.transition};\n  `}\n\n  ${(props) => css`\n    ${props.anchor === \"left\" ? \"left: 0;\" : \"right: 0;\"}\n  `};\n`\n\nconst Overlay = styled(Box)`\n  height: 100%;\n  background: ${themeGet(\"effects.backdrop\")};\n  transition: opacity 150ms linear 50ms;\n`\n\nconst Container = styled(Flex)<Pick<DrawerProps, \"anchor\">>`\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  ${zIndex}\n  position: fixed;\n\n  ${(props) => {\n    return css`\n      flex-direction: ${props.anchor === \"left\" ? \"row\" : \"row-reverse\"};\n    `\n  }}\n`\n\nconst Focus = styled(FocusOn)`\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n`\n"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import React from "react";
 declare const _default: {
     title: string;
     parameters: {
@@ -5,5 +6,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const Left: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const Left: () => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.story.js","names":["_react","_interopRequireWildcard","require","_Drawer","_Flex","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","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","_default","title","parameters","layout","exports","Layout","_ref","anchor","_useState","useState","_useState2","open","setOpen","createElement","Fragment","Drawer","onClose","Flex","width","justifyContent","p","flexDirection","Button","size","onClick","height","flex","Default","displayName","Left"],"sources":["../../../src/elements/Drawer/Drawer.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Drawer } from \"./Drawer\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\n\nexport default {\n  title: \"Components/Drawer\",\n  parameters: {\n    layout: \"fullscreen\",\n  },\n}\n\nconst Layout: React.FC<{ anchor: \"left\" | \"right\" }> = ({ anchor }) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <>\n      <Drawer open={open} onClose={() => setOpen(false)} anchor={anchor}>\n        <Flex\n          width={[\"100%\", 400]}\n          justifyContent=\"center\"\n          p={2}\n          flexDirection=\"column\"\n        >\n          <Button size=\"small\" onClick={() => setOpen(false)}>\n            Close\n          </Button>\n        </Flex>\n      </Drawer>\n\n      <Flex width=\"100vw\" height=\"100%\" flexDirection={[\"column\", \"row\"]}>\n        <Flex flex={1} />\n        <Flex flex={2} flexDirection=\"column\">\n          <Button size=\"small\" onClick={() => setOpen(true)}>\n            Open Drawer\n          </Button>\n        </Flex>\n        <Flex flex={1} />\n      </Flex>\n    </>\n  )\n}\n\nexport const Default = () => {\n  return <Layout anchor=\"right\" />\n}\n\nexport const Left = () => {\n  return <Layout anchor=\"left\" />\n}\n"],"mappings":"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"}
+{"version":3,"file":"Drawer.story.js","names":["_react","_interopRequireWildcard","require","_Drawer","_Flex","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","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","_default","title","parameters","layout","exports","Layout","_ref","anchor","_useState","useState","_useState2","open","setOpen","createElement","Fragment","Drawer","onClose","Flex","width","justifyContent","p","flexDirection","Button","size","onClick","height","flex","Default","displayName","Left"],"sources":["../../../src/elements/Drawer/Drawer.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Drawer } from \"./Drawer\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\n\nexport default {\n  title: \"Components/Drawer\",\n  parameters: {\n    layout: \"fullscreen\",\n  },\n}\n\nconst Layout: React.FC<React.PropsWithChildren<{ anchor: \"left\" | \"right\" }>> = ({ anchor }) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <>\n      <Drawer open={open} onClose={() => setOpen(false)} anchor={anchor}>\n        <Flex\n          width={[\"100%\", 400]}\n          justifyContent=\"center\"\n          p={2}\n          flexDirection=\"column\"\n        >\n          <Button size=\"small\" onClick={() => setOpen(false)}>\n            Close\n          </Button>\n        </Flex>\n      </Drawer>\n\n      <Flex width=\"100vw\" height=\"100%\" flexDirection={[\"column\", \"row\"]}>\n        <Flex flex={1} />\n        <Flex flex={2} flexDirection=\"column\">\n          <Button size=\"small\" onClick={() => setOpen(true)}>\n            Open Drawer\n          </Button>\n        </Flex>\n        <Flex flex={1} />\n      </Flex>\n    </>\n  )\n}\n\nexport const Default = () => {\n  return <Layout anchor=\"right\" />\n}\n\nexport const Left = () => {\n  return <Layout anchor=\"left\" />\n}\n"],"mappings":"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"}

package/dist/elements/Dropdown/Dropdown.d.ts

@@ -15,20 +15,23 @@ export interface DropdownActions {
     /** Whether or not the dropdown is visible */
     visible: boolean;
 }
-export interface DropdownProps extends BoxProps {
+declare type Children = React.ReactNode | ((dropdownActions: DropdownActions) => React.ReactNode);
+declare type IDropdown = React.ReactNode | ((dropdownActions: Pick<DropdownActions, "onHide" | "onVisible" | "setVisible" | "visible">) => void);
+export interface DropdownProps extends Omit<BoxProps, "children"> {
     placement?: Position;
     /** Intially visible by default? */
     visible?: boolean;
-    dropdown: React.ReactNode | ((dropdownActions: Pick<DropdownActions, "onHide" | "onVisible" | "setVisible" | "visible">) => void);
+    dropdown: IDropdown;
     /** Distance in pixels from anchor */
     offset?: number;
     /** Should the dropdown panel always be present in the DOM (vs removed when invisible) */
     keepInDOM?: boolean;
     openDropdownByClick?: boolean;
-    children: (dropdownActions: DropdownActions) => JSX.Element;
+    children: Children;
 }
 /**
  * A `Dropdown` is a small modal-type element which is anchored, and can be
  * positioned relative to, another element and designed to be transitioned in on hover or on click.
  */
-export declare const Dropdown: React.FC<DropdownProps>;
+export declare const Dropdown: ({ placement, visible: _visible, keepInDOM, children, offset, dropdown, openDropdownByClick, ...rest }: DropdownProps) => React.JSX.Element;
+export {};

package/dist/elements/Dropdown/Dropdown.js

@@ -205,7 +205,7 @@ var Dropdown = function Dropdown(_ref) {
   var _usePortal = (0, _usePortal2.usePortal)(),
     createPortal = _usePortal.createPortal;
   var isPointer = !openDropdownByClick && pointerRef.current;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children === null || children === void 0 ? void 0 : children({
     anchorRef: anchorRef,
     anchorProps: anchorProps,
     onVisible: onVisible,

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_utils","_usePortal2","_Box","_reactFocusOn","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Dropdown","_ref","_ref$placement","placement","_ref$visible","visible","_visible","keepInDOM","children","_ref$offset","offset","dropdown","openDropdownByClick","rest","_useState","useState","_useState2","setVisible","useEffect","timeoutRef","useRef","onVisible","current","clearTimeout","setTimeout","onHide","activeRef","onToggleVisibility","_usePosition","usePosition","position","active","anchorRef","panelRef","tooltipRef","isFlipped","state","handleKeyDown","event","handleKeyUp","document","activeElement","contains","handleClick","tagName","toLowerCase","isClosableElement","element","closest","addEventListener","removeEventListener","handleMouseEnter","handleMouseLeave","_useState3","_useState4","transition","setTransition","translation","useMemo","padding","pointerRef","handlePointerVisible","handlePointerHide","anchorProps","onClick","onMouseEnter","onMouseLeave","_usePortal","usePortal","createPortal","isPointer","createElement","Fragment","Container","tabIndex","ref","zIndex","display","style","visibility","Panel","bg","border","borderColor","opacity","transform","FocusOn","noIsolation","enabled","onClickOutside","exports","styled","Box","withConfig","displayName","componentId","themeGet"],"sources":["../../../src/elements/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Position, usePosition } from \"../../utils\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box, BoxProps } from \"../Box\"\nimport { FocusOn } from \"react-focus-on\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface DropdownActions {\n  /** Call to show dropdown */\n  onVisible(): void\n  /** Call to hide dropdown */\n  onHide(): void\n  /** Manipulate visible directly */\n  setVisible(value: boolean): void\n  /** Pass ref to element you want the dropdown to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n  /** Spread props on element you want the dropdown to be anchored to */\n  anchorProps: React.HTMLAttributes<HTMLElement>\n  /** Whether or not the dropdown is visible */\n  visible: boolean\n}\n\nexport interface DropdownProps extends BoxProps {\n  placement?: Position\n  /** Intially visible by default? */\n  visible?: boolean\n  dropdown:\n    | React.ReactNode\n    | ((\n        dropdownActions: Pick<\n          DropdownActions,\n          \"onHide\" | \"onVisible\" | \"setVisible\" | \"visible\"\n        >\n      ) => void)\n  /** Distance in pixels from anchor */\n  offset?: number\n  /** Should the dropdown panel always be present in the DOM (vs removed when invisible) */\n  keepInDOM?: boolean\n  openDropdownByClick?: boolean\n  children: (dropdownActions: DropdownActions) => JSX.Element\n}\n\n/**\n * A `Dropdown` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element and designed to be transitioned in on hover or on click.\n */\nexport const Dropdown: React.FC<DropdownProps> = ({\n  placement = \"top\",\n  visible: _visible = false,\n  keepInDOM,\n  children,\n  offset = 10,\n  dropdown,\n  openDropdownByClick,\n  ...rest\n}) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const onVisible = () => {\n    timeoutRef.current && clearTimeout(timeoutRef.current)\n    timeoutRef.current = setTimeout(() => {\n      setVisible(true)\n    }, 50)\n  }\n\n  const onHide = () => {\n    timeoutRef.current && clearTimeout(timeoutRef.current)\n    timeoutRef.current = setTimeout(() => {\n      if (activeRef.current) return\n      setVisible(false)\n    }, 150)\n  }\n\n  const onToggleVisibility = () => {\n    if (visible) {\n      return onHide()\n    }\n\n    onVisible()\n  }\n\n  const {\n    anchorRef,\n    tooltipRef: panelRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset: 0,\n    active: visible,\n  })\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onHide()\n      }\n    }\n\n    // Close dropdown when focus leaves element\n    const handleKeyUp = (event: KeyboardEvent) => {\n      if (!panelRef.current) return\n\n      if (\n        event.key === \"Tab\" &&\n        !(\n          panelRef.current === document.activeElement ||\n          panelRef.current.contains(document.activeElement)\n        )\n      ) {\n        onHide()\n      }\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      if (!panelRef.current || !openDropdownByClick) return\n      const target = event.target as Element\n      const tagName = target.tagName.toLowerCase()\n      let isClosableElement = tagName === \"a\"\n      let element: Element | null = target\n\n      // Find parent link element\n      if (!isClosableElement) {\n        element = target.closest(\"a\")\n        isClosableElement = !!element\n      }\n\n      if (isClosableElement && element && panelRef.current.contains(element)) {\n        onHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeyDown)\n    document.addEventListener(\"keyup\", handleKeyUp)\n    document.addEventListener(\"click\", handleClick)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown)\n      document.removeEventListener(\"keyup\", handleKeyUp)\n      document.removeEventListener(\"click\", handleClick)\n    }\n  }, [panelRef, openDropdownByClick])\n\n  const activeRef = useRef(false)\n\n  const handleMouseEnter = () => {\n    activeRef.current = true\n  }\n\n  const handleMouseLeave = () => {\n    activeRef.current = false\n    onHide()\n  }\n\n  const [transition, setTransition] = useState(false)\n\n  // Wait for next tick so that animation runs\n  useEffect(() => {\n    setTimeout(() => {\n      setTransition(visible)\n    }, 0)\n  }, [visible])\n\n  const translation = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return `translateY(10px)`\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return `translateY(-10px)`\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return `translateX(10px)`\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return `translateX(-10px)`\n    }\n  }, [placement])\n\n  // Fills offset gap between anchor and panel to prevent mouseout\n  const padding = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return { [isFlipped ? \"pt\" : \"pb\"]: offset }\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return { [isFlipped ? \"pb\" : \"pt\"]: offset }\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return { [isFlipped ? \"pl\" : \"pr\"]: offset }\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return { [isFlipped ? \"pr\" : \"pl\"]: offset }\n    }\n  }, [placement, isFlipped, offset])\n\n  const pointerRef = useRef(false)\n\n  const handlePointerVisible = () => {\n    pointerRef.current = true\n    onVisible()\n  }\n\n  const handlePointerHide = () => {\n    pointerRef.current = false\n    onHide()\n  }\n\n  const anchorProps: React.HTMLAttributes<HTMLElement> = {\n    \"aria-expanded\": visible,\n    \"aria-haspopup\": true,\n    ...(openDropdownByClick\n      ? {\n          onClick: onToggleVisibility,\n        }\n      : {\n          onMouseEnter: handlePointerVisible,\n          onMouseLeave: handlePointerHide,\n          onClick: onVisible,\n        }),\n  }\n\n  const { createPortal } = usePortal()\n\n  const isPointer = !openDropdownByClick && pointerRef.current\n\n  return (\n    <>\n      {children({\n        anchorRef: anchorRef as any,\n        anchorProps,\n        onVisible,\n        onHide,\n        setVisible,\n        visible,\n      })}\n\n      {(visible || keepInDOM) &&\n        createPortal(\n          <Container\n            aria-label=\"Press escape to close\"\n            tabIndex={0}\n            ref={panelRef as any}\n            zIndex={1}\n            display=\"inline-block\"\n            placement={placement}\n            style={{\n              ...(keepInDOM\n                ? { visibility: visible ? \"visible\" : \"hidden\" }\n                : {}),\n            }}\n            {...(openDropdownByClick\n              ? {}\n              : {\n                  onMouseEnter: handleMouseEnter,\n                  onMouseLeave: handleMouseLeave,\n                })}\n            {...padding}\n            {...rest}\n          >\n            <Panel\n              bg=\"white100\"\n              border=\"1px solid\"\n              borderColor=\"black10\"\n              style={\n                transition\n                  ? // In\n                    { opacity: 1, transform: \"translate(0)\" }\n                  : // Out\n                    {\n                      opacity: 0,\n                      transform: translation,\n                    }\n              }\n            >\n              <FocusOn\n                noIsolation\n                enabled={visible && !isPointer}\n                onClickOutside={onHide}\n              >\n                {typeof dropdown === \"function\"\n                  ? dropdown({ onVisible, onHide, setVisible, visible })\n                  : dropdown}\n              </FocusOn>\n            </Panel>\n          </Container>\n        )}\n    </>\n  )\n}\n\nconst Container = styled(Box)<{ placement: Position } & BoxProps>`\n  position: fixed;\n  text-align: left;\n  outline: 0;\n`\n\nconst Panel = styled(Box)`\n  transition: opacity 250ms ease-out, transform 250ms ease-out;\n  box-shadow: ${themeGet(\"effects.flatShadow\")};\n  > div {\n    max-height: 100vh;\n    overflow-y: auto;\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_utils","_usePortal2","_Box","_reactFocusOn","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Dropdown","_ref","_ref$placement","placement","_ref$visible","visible","_visible","keepInDOM","children","_ref$offset","offset","dropdown","openDropdownByClick","rest","_useState","useState","_useState2","setVisible","useEffect","timeoutRef","useRef","onVisible","current","clearTimeout","setTimeout","onHide","activeRef","onToggleVisibility","_usePosition","usePosition","position","active","anchorRef","panelRef","tooltipRef","isFlipped","state","handleKeyDown","event","handleKeyUp","document","activeElement","contains","handleClick","tagName","toLowerCase","isClosableElement","element","closest","addEventListener","removeEventListener","handleMouseEnter","handleMouseLeave","_useState3","_useState4","transition","setTransition","translation","useMemo","padding","pointerRef","handlePointerVisible","handlePointerHide","anchorProps","onClick","onMouseEnter","onMouseLeave","_usePortal","usePortal","createPortal","isPointer","createElement","Fragment","Container","tabIndex","ref","zIndex","display","style","visibility","Panel","bg","border","borderColor","opacity","transform","FocusOn","noIsolation","enabled","onClickOutside","exports","styled","Box","withConfig","displayName","componentId","themeGet"],"sources":["../../../src/elements/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Position, usePosition } from \"../../utils\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box, BoxProps } from \"../Box\"\nimport { FocusOn } from \"react-focus-on\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface DropdownActions {\n  /** Call to show dropdown */\n  onVisible(): void\n  /** Call to hide dropdown */\n  onHide(): void\n  /** Manipulate visible directly */\n  setVisible(value: boolean): void\n  /** Pass ref to element you want the dropdown to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n  /** Spread props on element you want the dropdown to be anchored to */\n  anchorProps: React.HTMLAttributes<HTMLElement>\n  /** Whether or not the dropdown is visible */\n  visible: boolean\n}\n\ntype Children =\n  | React.ReactNode\n  | ((dropdownActions: DropdownActions) => React.ReactNode)\n\ntype IDropdown =\n  | React.ReactNode\n  | ((\n      dropdownActions: Pick<\n        DropdownActions,\n        \"onHide\" | \"onVisible\" | \"setVisible\" | \"visible\"\n      >\n    ) => void)\n\nexport interface DropdownProps extends Omit<BoxProps, \"children\"> {\n  placement?: Position\n  /** Intially visible by default? */\n  visible?: boolean\n  dropdown: IDropdown\n  /** Distance in pixels from anchor */\n  offset?: number\n  /** Should the dropdown panel always be present in the DOM (vs removed when invisible) */\n  keepInDOM?: boolean\n  openDropdownByClick?: boolean\n  children: Children\n}\n\n/**\n * A `Dropdown` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element and designed to be transitioned in on hover or on click.\n */\nexport const Dropdown = ({\n  placement = \"top\",\n  visible: _visible = false,\n  keepInDOM,\n  children,\n  offset = 10,\n  dropdown,\n  openDropdownByClick,\n  ...rest\n}: DropdownProps) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const onVisible = () => {\n    timeoutRef.current && clearTimeout(timeoutRef.current)\n    timeoutRef.current = setTimeout(() => {\n      setVisible(true)\n    }, 50)\n  }\n\n  const onHide = () => {\n    timeoutRef.current && clearTimeout(timeoutRef.current)\n    timeoutRef.current = setTimeout(() => {\n      if (activeRef.current) return\n      setVisible(false)\n    }, 150)\n  }\n\n  const onToggleVisibility = () => {\n    if (visible) {\n      return onHide()\n    }\n\n    onVisible()\n  }\n\n  const {\n    anchorRef,\n    tooltipRef: panelRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset: 0,\n    active: visible,\n  })\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onHide()\n      }\n    }\n\n    // Close dropdown when focus leaves element\n    const handleKeyUp = (event: KeyboardEvent) => {\n      if (!panelRef.current) return\n\n      if (\n        event.key === \"Tab\" &&\n        !(\n          panelRef.current === document.activeElement ||\n          panelRef.current.contains(document.activeElement)\n        )\n      ) {\n        onHide()\n      }\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      if (!panelRef.current || !openDropdownByClick) return\n      const target = event.target as Element\n      const tagName = target.tagName.toLowerCase()\n      let isClosableElement = tagName === \"a\"\n      let element: Element | null = target\n\n      // Find parent link element\n      if (!isClosableElement) {\n        element = target.closest(\"a\")\n        isClosableElement = !!element\n      }\n\n      if (isClosableElement && element && panelRef.current.contains(element)) {\n        onHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeyDown)\n    document.addEventListener(\"keyup\", handleKeyUp)\n    document.addEventListener(\"click\", handleClick)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown)\n      document.removeEventListener(\"keyup\", handleKeyUp)\n      document.removeEventListener(\"click\", handleClick)\n    }\n  }, [panelRef, openDropdownByClick])\n\n  const activeRef = useRef(false)\n\n  const handleMouseEnter = () => {\n    activeRef.current = true\n  }\n\n  const handleMouseLeave = () => {\n    activeRef.current = false\n    onHide()\n  }\n\n  const [transition, setTransition] = useState(false)\n\n  // Wait for next tick so that animation runs\n  useEffect(() => {\n    setTimeout(() => {\n      setTransition(visible)\n    }, 0)\n  }, [visible])\n\n  const translation = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return `translateY(10px)`\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return `translateY(-10px)`\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return `translateX(10px)`\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return `translateX(-10px)`\n    }\n  }, [placement])\n\n  // Fills offset gap between anchor and panel to prevent mouseout\n  const padding = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return { [isFlipped ? \"pt\" : \"pb\"]: offset }\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return { [isFlipped ? \"pb\" : \"pt\"]: offset }\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return { [isFlipped ? \"pl\" : \"pr\"]: offset }\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return { [isFlipped ? \"pr\" : \"pl\"]: offset }\n    }\n  }, [placement, isFlipped, offset])\n\n  const pointerRef = useRef(false)\n\n  const handlePointerVisible = () => {\n    pointerRef.current = true\n    onVisible()\n  }\n\n  const handlePointerHide = () => {\n    pointerRef.current = false\n    onHide()\n  }\n\n  const anchorProps: React.HTMLAttributes<HTMLElement> = {\n    \"aria-expanded\": visible,\n    \"aria-haspopup\": true,\n    ...(openDropdownByClick\n      ? {\n          onClick: onToggleVisibility,\n        }\n      : {\n          onMouseEnter: handlePointerVisible,\n          onMouseLeave: handlePointerHide,\n          onClick: onVisible,\n        }),\n  }\n\n  const { createPortal } = usePortal()\n\n  const isPointer = !openDropdownByClick && pointerRef.current\n\n  return (\n    <>\n      {(children as any)?.({\n        anchorRef: anchorRef as any,\n        anchorProps,\n        onVisible,\n        onHide,\n        setVisible,\n        visible,\n      })}\n\n      {(visible || keepInDOM) &&\n        createPortal(\n          <Container\n            aria-label=\"Press escape to close\"\n            tabIndex={0}\n            ref={panelRef as any}\n            zIndex={1}\n            display=\"inline-block\"\n            placement={placement}\n            style={{\n              ...(keepInDOM\n                ? { visibility: visible ? \"visible\" : \"hidden\" }\n                : {}),\n            }}\n            {...(openDropdownByClick\n              ? {}\n              : {\n                  onMouseEnter: handleMouseEnter,\n                  onMouseLeave: handleMouseLeave,\n                })}\n            {...padding}\n            {...rest}\n          >\n            <Panel\n              bg=\"white100\"\n              border=\"1px solid\"\n              borderColor=\"black10\"\n              style={\n                transition\n                  ? // In\n                    { opacity: 1, transform: \"translate(0)\" }\n                  : // Out\n                    {\n                      opacity: 0,\n                      transform: translation,\n                    }\n              }\n            >\n              <FocusOn\n                noIsolation\n                enabled={visible && !isPointer}\n                onClickOutside={onHide}\n              >\n                {typeof dropdown === \"function\"\n                  ? (dropdown as any)({\n                      onVisible,\n                      onHide,\n                      setVisible,\n                      visible,\n                    })\n                  : dropdown}\n              </FocusOn>\n            </Panel>\n          </Container>\n        )}\n    </>\n  )\n}\n\nconst Container = styled(Box)<{ placement: Position } & BoxProps>`\n  position: fixed;\n  text-align: left;\n  outline: 0;\n`\n\nconst Panel = styled(Box)`\n  transition: opacity 250ms ease-out, transform 250ms ease-out;\n  box-shadow: ${themeGet(\"effects.flatShadow\")};\n  > div {\n    max-height: 100vh;\n    overflow-y: auto;\n  }\n`\n"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const Default: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         parameters: {
             chromatic: {
@@ -13,7 +14,7 @@ export declare const Default: {
     };
 };
 export declare const KeepInDOM: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         parameters: {
             chromatic: {
@@ -22,8 +23,8 @@ export declare const KeepInDOM: {
         };
     };
 };
-export declare const ChangeDimensions: () => JSX.Element;
-export declare const FocusOrder: () => JSX.Element;
-export declare const OpenDropdownByClick: () => JSX.Element;
-export declare const FilterExample: () => JSX.Element;
-export declare const OverflowingContent: () => JSX.Element;
+export declare const ChangeDimensions: () => React.JSX.Element;
+export declare const FocusOrder: () => React.JSX.Element;
+export declare const OpenDropdownByClick: () => React.JSX.Element;
+export declare const FilterExample: () => React.JSX.Element;
+export declare const OverflowingContent: () => React.JSX.Element;

package/dist/elements/EntityHeader/EntityHeader.d.ts

@@ -20,4 +20,4 @@ export interface EntityHeaderProps extends FlexProps {
  * 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 declare const EntityHeader: React.FC<EntityHeaderProps>;
+export declare const EntityHeader: React.FC<React.PropsWithChildren<EntityHeaderProps>>;

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

@@ -1 +1 @@
-{"version":3,"file":"EntityHeader.js","names":["_react","_interopRequireDefault","require","_Label","_Flex","_Avatar","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EntityHeader","_ref","name","href","meta","initials","imageUrl","image","smallVariant","FollowButton","labels","rest","createElement","Flex","alignItems","justifyContent","as","style","textDecoration","mr","Avatar","size","src","flexDirection","Text","variant","map","label","Fragment","Label","color","exports","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?: Partial<ImageProps>\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<EntityHeaderProps> = ({\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=\"black60\">\n              {meta}\n            </Text>\n          )}\n        </Flex>\n      </Flex>\n\n      {FollowButton}\n    </Flex>\n  )\n}\n\nEntityHeader.displayName = \"EntityHeader\"\n"],"mappings":"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"}
+{"version":3,"file":"EntityHeader.js","names":["_react","_interopRequireDefault","require","_Label","_Flex","_Avatar","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EntityHeader","_ref","name","href","meta","initials","imageUrl","image","smallVariant","FollowButton","labels","rest","createElement","Flex","alignItems","justifyContent","as","style","textDecoration","mr","Avatar","size","src","flexDirection","Text","variant","map","label","Fragment","Label","color","exports","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?: Partial<ImageProps>\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<React.PropsWithChildren<EntityHeaderProps>> = ({\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=\"black60\">\n              {meta}\n            </Text>\n          )}\n        </Flex>\n      </Flex>\n\n      {FollowButton}\n    </Flex>\n  )\n}\n\nEntityHeader.displayName = \"EntityHeader\"\n"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/Expandable/Expandable.d.ts

@@ -1,12 +1,17 @@
 import React from "react";
 import { ClickableProps } from "../Clickable";
-export interface ExpandableProps extends ClickableProps {
+declare type ChildrenFunction = (props: {
+    setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+    expanded: boolean;
+}) => React.ReactNode;
+export interface ExpandableProps extends Omit<ClickableProps, "children"> {
     label?: string | JSX.Element;
     expanded?: boolean;
-    children: React.ReactNode;
+    children: React.ReactNode | ChildrenFunction;
     onToggle?: (isExpanded: boolean) => void;
 }
 /**
  * A toggleable component used to show / hide content
  */
-export declare const Expandable: React.FC<ExpandableProps>;
+export declare const Expandable: ({ label, expanded: defaultExpanded, children, disabled, onClick, onToggle, borderColor, ...rest }: ExpandableProps) => React.JSX.Element;
+export {};

package/dist/elements/Expandable/Expandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","_ref","label","defaultExpanded","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","exports","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\nexport interface ExpandableProps extends ClickableProps {\n  label?: string | JSX.Element\n  expanded?: boolean\n  children: React.ReactNode\n  onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable: React.FC<ExpandableProps> = ({\n  label,\n  expanded: defaultExpanded,\n  children,\n  disabled,\n  onClick,\n  onToggle,\n  borderColor = \"black60\",\n  ...rest\n}) => {\n  const [expanded, setExpanded] = useState(defaultExpanded)\n\n  const [boxProps, clickableProps] = splitBoxProps(rest)\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setExpanded((prevExpanded) => {\n      const isExpanded = !prevExpanded\n      onToggle && onToggle(isExpanded)\n      return isExpanded\n    })\n\n    onClick && onClick(event)\n  }\n\n  return (\n    <Box {...boxProps}>\n      <Clickable\n        width=\"100%\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        borderTop=\"1px solid\"\n        borderColor={borderColor}\n        pt={2}\n        pb={1}\n        disabled={disabled}\n        aria-expanded={expanded}\n        onClick={handleClick}\n        {...clickableProps}\n      >\n        <Flex flex={1} display=\"flex\" alignItems=\"center\">\n          {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n        </Flex>\n\n        {!disabled && (\n          <>\n            {expanded ? (\n              <ChevronUpIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            ) : (\n              <ChevronDownIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </>\n        )}\n      </Clickable>\n\n      {expanded &&\n        (typeof children === \"function\"\n          ? children({ setExpanded, expanded })\n          : children)}\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","_ref","label","defaultExpanded","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","exports","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n  setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n  label?: string | JSX.Element\n  expanded?: boolean\n  children: React.ReactNode | ChildrenFunction\n  onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n  label,\n  expanded: defaultExpanded,\n  children,\n  disabled,\n  onClick,\n  onToggle,\n  borderColor = \"black60\",\n  ...rest\n}: ExpandableProps) => {\n  const [expanded, setExpanded] = useState(defaultExpanded)\n\n  const [boxProps, clickableProps] = splitBoxProps(rest)\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setExpanded((prevExpanded) => {\n      const isExpanded = !prevExpanded\n      onToggle && onToggle(isExpanded)\n      return isExpanded\n    })\n\n    onClick && onClick(event)\n  }\n\n  return (\n    <Box {...boxProps}>\n      <Clickable\n        width=\"100%\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        borderTop=\"1px solid\"\n        borderColor={borderColor}\n        pt={2}\n        pb={1}\n        disabled={disabled}\n        aria-expanded={expanded}\n        onClick={handleClick}\n        {...clickableProps}\n      >\n        <Flex flex={1} display=\"flex\" alignItems=\"center\">\n          {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n        </Flex>\n\n        {!disabled && (\n          <>\n            {expanded ? (\n              <ChevronUpIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            ) : (\n              <ChevronDownIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </>\n        )}\n      </Clickable>\n\n      {expanded &&\n        (typeof children === \"function\"\n          ? (children as ChildrenFunction)({ setExpanded, expanded })\n          : children)}\n    </Box>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const ConfigurableColors: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const ConfigurableColors: () => React.JSX.Element;

package/dist/elements/FilterSelect/Components/FilterInput.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import { InputProps } from "../../Input";
 export declare type FilterInputProps = InputProps;
-export declare const FilterInput: React.FC<InputProps>;
+export declare const FilterInput: React.FC<React.PropsWithChildren<InputProps>>;

package/dist/elements/FilterSelect/Components/FilterInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterInput.js","names":["React","_interopRequireWildcard","require","_CloseStrokeIcon","_interopRequireDefault","_SearchIcon","_LabeledInput","_Clickable","_FilterSelectContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","FilterInput","props","_useFilterSelectConte","useFilterSelectContext","query","setQuery","placeholder","ref","useRef","handleChange","event","value","handleClick","_ref$current","current","focus","createElement","LabeledInput","role","label","Clickable","display","onClick","style","pointerEvents","onChange","exports","displayName"],"sources":["../../../../src/elements/FilterSelect/Components/FilterInput.tsx"],"sourcesContent":["import * as React from \"react\"\nimport CloseStrokeIcon from \"@artsy/icons/CloseStrokeIcon\"\nimport SearchIcon from \"@artsy/icons/SearchIcon\"\nimport { InputProps } from \"../../Input\"\nimport { LabeledInput } from \"../../LabeledInput\"\nimport { Clickable } from \"../../Clickable\"\nimport { useRef } from \"react\"\nimport { useFilterSelectContext } from \"./FilterSelectContext\"\n\nexport type FilterInputProps = InputProps\n\nexport const FilterInput: React.FC<InputProps> = (props) => {\n  const { query, setQuery, placeholder } = useFilterSelectContext()\n  const ref = useRef<HTMLInputElement | null>(null)\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setQuery(event.target.value)\n  }\n\n  const handleClick = () => {\n    setQuery(\"\")\n    ref.current?.focus()\n  }\n\n  return (\n    <LabeledInput\n      ref={ref}\n      role=\"search\"\n      label={\n        query !== \"\" ? (\n          // Active state\n          <Clickable\n            display=\"flex\"\n            onClick={handleClick}\n            aria-label=\"Clear search input\"\n          >\n            <CloseStrokeIcon />\n          </Clickable>\n        ) : (\n          // Resting state\n          <SearchIcon style={{ pointerEvents: \"none\" }} />\n        )\n      }\n      onChange={handleChange}\n      value={query}\n      placeholder={placeholder}\n      {...props}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FilterInput.js","names":["React","_interopRequireWildcard","require","_CloseStrokeIcon","_interopRequireDefault","_SearchIcon","_LabeledInput","_Clickable","_FilterSelectContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","FilterInput","props","_useFilterSelectConte","useFilterSelectContext","query","setQuery","placeholder","ref","useRef","handleChange","event","value","handleClick","_ref$current","current","focus","createElement","LabeledInput","role","label","Clickable","display","onClick","style","pointerEvents","onChange","exports","displayName"],"sources":["../../../../src/elements/FilterSelect/Components/FilterInput.tsx"],"sourcesContent":["import * as React from \"react\"\nimport CloseStrokeIcon from \"@artsy/icons/CloseStrokeIcon\"\nimport SearchIcon from \"@artsy/icons/SearchIcon\"\nimport { InputProps } from \"../../Input\"\nimport { LabeledInput } from \"../../LabeledInput\"\nimport { Clickable } from \"../../Clickable\"\nimport { useRef } from \"react\"\nimport { useFilterSelectContext } from \"./FilterSelectContext\"\n\nexport type FilterInputProps = InputProps\n\nexport const FilterInput: React.FC<React.PropsWithChildren<InputProps>> = (props) => {\n  const { query, setQuery, placeholder } = useFilterSelectContext()\n  const ref = useRef<HTMLInputElement | null>(null)\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setQuery(event.target.value)\n  }\n\n  const handleClick = () => {\n    setQuery(\"\")\n    ref.current?.focus()\n  }\n\n  return (\n    (<LabeledInput\n      ref={ref}\n      role=\"search\"\n      label={\n        query !== \"\" ? (\n          // Active state\n          (<Clickable\n            display=\"flex\"\n            onClick={handleClick}\n            aria-label=\"Clear search input\"\n          >\n            <CloseStrokeIcon />\n          </Clickable>)\n        ) : (\n          // Resting state\n          (<SearchIcon style={{ pointerEvents: \"none\" }} />)\n        )\n      }\n      onChange={handleChange}\n      value={query}\n      placeholder={placeholder}\n      {...props}\n    />)\n  );\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAEA,IAAAM,oBAAA,GAAAN,OAAA;AAA8D,SAAAE,uBAAAK,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,SAAAZ,wBAAAQ,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,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAIvD,IAAMI,WAA0D,GAAG,SAA7DA,WAA0DA,CAAIC,KAAK,EAAK;EACnF,IAAAC,qBAAA,GAAyC,IAAAC,2CAAsB,GAAE;IAAzDC,KAAK,GAAAF,qBAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,qBAAA,CAARG,QAAQ;IAAEC,WAAW,GAAAJ,qBAAA,CAAXI,WAAW;EACpC,IAAMC,GAAG,GAAG,IAAAC,YAAM,EAA0B,IAAI,CAAC;EAEjD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAA0C,EAAK;IACnEL,QAAQ,CAACK,KAAK,CAAChB,MAAM,CAACiB,KAAK,CAAC;EAC9B,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IAAA,IAAAC,YAAA;IACxBR,QAAQ,CAAC,EAAE,CAAC;IACZ,CAAAQ,YAAA,GAAAN,GAAG,CAACO,OAAO,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,KAAK,EAAE;EACtB,CAAC;EAED,oBACGxD,KAAA,CAAAyD,aAAA,CAACnD,aAAA,CAAAoD,YAAY,EAAA1B,QAAA;IACZgB,GAAG,EAAEA,GAAI;IACTW,IAAI,EAAC,QAAQ;IACbC,KAAK,EACHf,KAAK,KAAK,EAAE;IAAA;IACV;IACC7C,KAAA,CAAAyD,aAAA,CAAClD,UAAA,CAAAsD,SAAS;MACTC,OAAO,EAAC,MAAM;MACdC,OAAO,EAAEV,WAAY;MACrB,cAAW;IAAoB,gBAE/BrD,KAAA,CAAAyD,aAAA,CAACtD,gBAAA,CAAAQ,OAAe,OAAG,CACT;IAAA;IAEZ;IACCX,KAAA,CAAAyD,aAAA,CAACpD,WAAA,CAAAM,OAAU;MAACqD,KAAK,EAAE;QAAEC,aAAa,EAAE;MAAO;IAAE,EAEjD;IACDC,QAAQ,EAAEhB,YAAa;IACvBE,KAAK,EAAEP,KAAM;IACbE,WAAW,EAAEA;EAAY,GACrBL,KAAK,EACT;AAEN,CAAC;AAAAyB,OAAA,CAAA1B,WAAA,GAAAA,WAAA;AAtCYA,WAA0D,CAAA2B,WAAA"}

package/dist/elements/FilterSelect/Components/FilterSelectContext.d.ts

@@ -28,6 +28,6 @@ interface FilterSelectContextProps {
     setSelectedItems: (items: Items) => void;
 }
 export declare type FilterSelectState = Pick<FilterSelectContextProps, "filteredItems" | "initialItemsToShow" | "items" | "isFiltered" | "multiselect" | "onChange" | "order" | "placeholder" | "renderItemLabel" | "query" | "selectedItems">;
-export declare const FilterSelectContextProvider: React.FC<Partial<FilterSelectState>>;
+export declare const FilterSelectContextProvider: React.FC<React.PropsWithChildren<Partial<FilterSelectState>>>;
 export declare const useFilterSelectContext: () => FilterSelectContextProps;
 export {};

package/dist/elements/FilterSelect/Components/FilterSelectContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSelectContext.js","names":["_react","_interopRequireWildcard","require","_utils","_ShowMore","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","length","err","return","Array","isArray","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","name","from","test","iter","len","arr2","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","filterSelectReducer","state","action","type","query","payload","isFiltered","filteredItems","items","_ref","label","toLowerCase","includes","isFound","selectedItems","find","item","multiselect","concat","initialState","initialItemsToShow","INITIAL_ITEMS_TO_SHOW","onChange","x","order","placeholder","renderItemLabel","FilterSelectContext","createContext","FilterSelectContextProvider","_ref2","_props$selectedItems","children","props","_useReducer","useReducer","_useReducer2","dispatch","contextValue","toggleSelectedItem","setQuery","setSelectedItems","useUpdateEffect","useLayoutEffect","_props$query","createElement","Provider","exports","displayName","useFilterSelectContext","useContext"],"sources":["../../../../src/elements/FilterSelect/Components/FilterSelectContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useReducer,\n} from \"react\"\nimport { useUpdateEffect } from \"../../../utils\"\nimport { INITIAL_ITEMS_TO_SHOW } from \"../../ShowMore\"\n\nexport interface Item {\n  label: string\n  value: string\n  [key: string]: string | number | boolean\n}\n\n// In order to satisfy the Relay compilers readonly list types. This is in\n// support for passing different kinds of item types as props, like aggregations\nexport type Items = ReadonlyArray<Item>\n\nexport interface FilterSelectChangeState {\n  items: FilterSelectContextProps[\"items\"]\n  filteredItems: FilterSelectContextProps[\"filteredItems\"]\n  selectedItems: FilterSelectContextProps[\"selectedItems\"]\n  query: FilterSelectContextProps[\"query\"]\n}\n\ninterface FilterSelectContextProps {\n  items: Items\n  filteredItems: Items\n  initialItemsToShow: number\n  isFiltered: boolean\n  multiselect: boolean\n  onChange: (state: FilterSelectChangeState) => void\n  order: [string[], Array<\"asc\" | \"desc\">] // See: https://lodash.com/docs/4.17.15#orderBy\n  placeholder: string\n  query: string\n  renderItemLabel?: (item: any) => string\n  selectedItems: Items\n  toggleSelectedItem: (item: Item) => void\n  setQuery: (query: string) => void\n  setSelectedItems: (items: Items) => void\n}\n\nexport type FilterSelectState = Pick<\n  FilterSelectContextProps,\n  | \"filteredItems\"\n  | \"initialItemsToShow\"\n  | \"items\"\n  | \"isFiltered\"\n  | \"multiselect\"\n  | \"onChange\"\n  | \"order\"\n  | \"placeholder\"\n  | \"renderItemLabel\"\n  | \"query\"\n  | \"selectedItems\"\n>\n\ntype Action =\n  | { type: \"SET_QUERY\"; payload: { query: string } }\n  | { type: \"TOGGLE_SELECTED_ITEM\"; payload: { item: Item } }\n  | { type: \"SET_SELECTED_ITEMS\"; payload: { items: Items } }\n\nconst filterSelectReducer = (state: FilterSelectState, action: Action) => {\n  switch (action.type) {\n    case \"SET_QUERY\": {\n      const { query } = action.payload\n\n      if (query === \"\") {\n        return {\n          ...state,\n          query,\n          isFiltered: false,\n          filteredItems: [],\n        }\n      }\n\n      const filteredItems = state.items.filter(({ label: name }) => {\n        return name.toLowerCase().includes(query.toLowerCase())\n      })\n\n      return {\n        ...state,\n        query,\n        isFiltered: true,\n        filteredItems,\n      }\n    }\n\n    case \"TOGGLE_SELECTED_ITEM\": {\n      const isFound = !!state.selectedItems.find(\n        (item) => item.value === action.payload.item.value\n      )\n\n      let selectedItems\n      if (isFound) {\n        selectedItems = state.selectedItems.filter(\n          (item) => item.value !== action.payload.item.value\n        )\n      } else {\n        selectedItems = state.multiselect\n          ? [...state.selectedItems, action.payload.item]\n          : [action.payload.item]\n      }\n\n      return {\n        ...state,\n        selectedItems,\n      }\n    }\n\n    case \"SET_SELECTED_ITEMS\": {\n      const { items } = action.payload\n\n      return {\n        ...state,\n        selectedItems: items,\n      }\n    }\n  }\n}\n\nconst initialState: FilterSelectState = {\n  filteredItems: [],\n  initialItemsToShow: INITIAL_ITEMS_TO_SHOW,\n  isFiltered: false,\n  items: [],\n  multiselect: true,\n  onChange: (x) => x,\n  order: [[\"label\"], [\"asc\"]],\n  placeholder: \"\",\n  query: \"\",\n  renderItemLabel: undefined,\n  selectedItems: [],\n}\n\nconst FilterSelectContext = createContext<FilterSelectContextProps>({} as any)\n\nexport const FilterSelectContextProvider: React.FC<\n  Partial<FilterSelectState>\n> = ({ children, ...props }) => {\n  const [state, dispatch] = useReducer(filterSelectReducer, {\n    ...initialState,\n    ...props,\n  })\n\n  const contextValue = {\n    ...state,\n\n    toggleSelectedItem: (item) => {\n      dispatch({\n        type: \"TOGGLE_SELECTED_ITEM\",\n        payload: { item },\n      })\n    },\n    setQuery: (query) => {\n      dispatch({\n        type: \"SET_QUERY\",\n        payload: { query },\n      })\n    },\n    setSelectedItems: (items) => {\n      dispatch({\n        type: \"SET_SELECTED_ITEMS\",\n        payload: {\n          items,\n        },\n      })\n    },\n  }\n\n  useUpdateEffect(() => {\n    if (props.selectedItems) {\n      contextValue.setSelectedItems(props.selectedItems)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.selectedItems?.length])\n\n  useLayoutEffect(() => {\n    if (props.query?.length) {\n      contextValue.setQuery(props.query)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return (\n    <FilterSelectContext.Provider value={contextValue}>\n      {children}\n    </FilterSelectContext.Provider>\n  )\n}\n\nexport const useFilterSelectContext = () => {\n  return useContext(FilterSelectContext)\n}\n"],"mappings":"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"}
+{"version":3,"file":"FilterSelectContext.js","names":["_react","_interopRequireWildcard","require","_utils","_ShowMore","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","length","err","return","Array","isArray","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_nonIterableSpread","o","minLen","_arrayLikeToArray","n","toString","slice","name","from","test","iter","len","arr2","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","filterSelectReducer","state","action","type","query","payload","isFiltered","filteredItems","items","_ref","label","toLowerCase","includes","isFound","selectedItems","find","item","multiselect","concat","initialState","initialItemsToShow","INITIAL_ITEMS_TO_SHOW","onChange","x","order","placeholder","renderItemLabel","FilterSelectContext","createContext","FilterSelectContextProvider","_ref2","_props$selectedItems","children","props","_useReducer","useReducer","_useReducer2","dispatch","contextValue","toggleSelectedItem","setQuery","setSelectedItems","useUpdateEffect","useLayoutEffect","_props$query","createElement","Provider","exports","displayName","useFilterSelectContext","useContext"],"sources":["../../../../src/elements/FilterSelect/Components/FilterSelectContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useReducer,\n} from \"react\"\nimport { useUpdateEffect } from \"../../../utils\"\nimport { INITIAL_ITEMS_TO_SHOW } from \"../../ShowMore\"\n\nexport interface Item {\n  label: string\n  value: string\n  [key: string]: string | number | boolean\n}\n\n// In order to satisfy the Relay compilers readonly list types. This is in\n// support for passing different kinds of item types as props, like aggregations\nexport type Items = ReadonlyArray<Item>\n\nexport interface FilterSelectChangeState {\n  items: FilterSelectContextProps[\"items\"]\n  filteredItems: FilterSelectContextProps[\"filteredItems\"]\n  selectedItems: FilterSelectContextProps[\"selectedItems\"]\n  query: FilterSelectContextProps[\"query\"]\n}\n\ninterface FilterSelectContextProps {\n  items: Items\n  filteredItems: Items\n  initialItemsToShow: number\n  isFiltered: boolean\n  multiselect: boolean\n  onChange: (state: FilterSelectChangeState) => void\n  order: [string[], Array<\"asc\" | \"desc\">] // See: https://lodash.com/docs/4.17.15#orderBy\n  placeholder: string\n  query: string\n  renderItemLabel?: (item: any) => string\n  selectedItems: Items\n  toggleSelectedItem: (item: Item) => void\n  setQuery: (query: string) => void\n  setSelectedItems: (items: Items) => void\n}\n\nexport type FilterSelectState = Pick<\n  FilterSelectContextProps,\n  | \"filteredItems\"\n  | \"initialItemsToShow\"\n  | \"items\"\n  | \"isFiltered\"\n  | \"multiselect\"\n  | \"onChange\"\n  | \"order\"\n  | \"placeholder\"\n  | \"renderItemLabel\"\n  | \"query\"\n  | \"selectedItems\"\n>\n\ntype Action =\n  | { type: \"SET_QUERY\"; payload: { query: string } }\n  | { type: \"TOGGLE_SELECTED_ITEM\"; payload: { item: Item } }\n  | { type: \"SET_SELECTED_ITEMS\"; payload: { items: Items } }\n\nconst filterSelectReducer = (state: FilterSelectState, action: Action) => {\n  switch (action.type) {\n    case \"SET_QUERY\": {\n      const { query } = action.payload\n\n      if (query === \"\") {\n        return {\n          ...state,\n          query,\n          isFiltered: false,\n          filteredItems: [],\n        }\n      }\n\n      const filteredItems = state.items.filter(({ label: name }) => {\n        return name.toLowerCase().includes(query.toLowerCase())\n      })\n\n      return {\n        ...state,\n        query,\n        isFiltered: true,\n        filteredItems,\n      }\n    }\n\n    case \"TOGGLE_SELECTED_ITEM\": {\n      const isFound = !!state.selectedItems.find(\n        (item) => item.value === action.payload.item.value\n      )\n\n      let selectedItems\n      if (isFound) {\n        selectedItems = state.selectedItems.filter(\n          (item) => item.value !== action.payload.item.value\n        )\n      } else {\n        selectedItems = state.multiselect\n          ? [...state.selectedItems, action.payload.item]\n          : [action.payload.item]\n      }\n\n      return {\n        ...state,\n        selectedItems,\n      }\n    }\n\n    case \"SET_SELECTED_ITEMS\": {\n      const { items } = action.payload\n\n      return {\n        ...state,\n        selectedItems: items,\n      }\n    }\n  }\n}\n\nconst initialState: FilterSelectState = {\n  filteredItems: [],\n  initialItemsToShow: INITIAL_ITEMS_TO_SHOW,\n  isFiltered: false,\n  items: [],\n  multiselect: true,\n  onChange: (x) => x,\n  order: [[\"label\"], [\"asc\"]],\n  placeholder: \"\",\n  query: \"\",\n  renderItemLabel: undefined,\n  selectedItems: [],\n}\n\nconst FilterSelectContext = createContext<FilterSelectContextProps>({} as any)\n\nexport const FilterSelectContextProvider: React.FC<React.PropsWithChildren<Partial<FilterSelectState>>> = ({ children, ...props }) => {\n  const [state, dispatch] = useReducer(filterSelectReducer, {\n    ...initialState,\n    ...props,\n  })\n\n  const contextValue = {\n    ...state,\n\n    toggleSelectedItem: (item) => {\n      dispatch({\n        type: \"TOGGLE_SELECTED_ITEM\",\n        payload: { item },\n      })\n    },\n    setQuery: (query) => {\n      dispatch({\n        type: \"SET_QUERY\",\n        payload: { query },\n      })\n    },\n    setSelectedItems: (items) => {\n      dispatch({\n        type: \"SET_SELECTED_ITEMS\",\n        payload: {\n          items,\n        },\n      })\n    },\n  }\n\n  useUpdateEffect(() => {\n    if (props.selectedItems) {\n      contextValue.setSelectedItems(props.selectedItems)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.selectedItems?.length])\n\n  useLayoutEffect(() => {\n    if (props.query?.length) {\n      contextValue.setQuery(props.query)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return (\n    <FilterSelectContext.Provider value={contextValue}>\n      {children}\n    </FilterSelectContext.Provider>\n  )\n}\n\nexport const useFilterSelectContext = () => {\n  return useContext(FilterSelectContext)\n}\n"],"mappings":"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"}

package/dist/elements/FilterSelect/Components/FilterSelectResultItem.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { Item } from "./FilterSelectContext";
-export declare const FilterSelectResultItem: React.FC<Item>;
+export declare const FilterSelectResultItem: React.FC<React.PropsWithChildren<Item>>;