@activecollab/components 2.0.455 → 2.0.456

package/dist/cjs/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_context","_Styles","_useForkRef","_Overlay","_Popper","_Transitions","_Window","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","Menu","exports","_ref","children","_ref$disableFocusLock","disableFocusLock","onMenuClick","_ref$handleScroll","handleScroll","_ref$mode","mode","_ref$open","open","defaultOpen","onOpen","onClose","onBeforeClose","_ref$position","position","target","className","menuClassName","popperClassName","backgroundElementClass","_ref$windowAbsolutely","windowAbsolutelyPositioned","onPopperOpen","_useState","useState","_useState2","setOpen","_useState3","_useState4","exited","setExited","_useState5","_useState6","childNode","setChildNode","elementRef","useRef","isOpenAtLeastOnce","wasOpen","focusBeforeOpen","returnFocusTo","popperRef","current","document","activeElement","useEffect","handleRefRef","useForkRef","ref","undefined","handleRef","handleOpen","useCallback","event","_target$props","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","previous","returnTo","HTMLElement","isConnected","focus","keepFocusOut","_popperRef$current","contains","_returnFocusTo$curren","addEventListener","removeEventListener","createElement","Fragment","React","cloneElement","Window","disableScrollLock","disableCloseOnEsc","style","Overlay","tabIndex","disableBackgroundColor","Popper","anchorEl","placement","afterWrite","transition","_ref2","transitionProps","Grow","in","onEnter","onExited","_transitionProps$onEx","StyledMenu","classnames","concat","$mode","onMouseDown","pointerEvents","MenuContextProvider","displayName"],"sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\n\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Popper } from \"../Popper\";\nimport { Grow } from \"../Transitions\";\nimport { Window } from \"../Window\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\n// source: https://twitter.com/mattpocockuk/status/1671908303918473217/photo/1\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\" | \"widest\";\n\nexport interface IMenu {\n  /** Menu content */\n  children:\n    | ReactNode\n    | ((childProps: { forceClose: () => void }) => JSX.Element);\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n  /** Popper on open */\n  onPopperOpen?: (...args) => void;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n  onPopperOpen,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [exited, setExited] = useState(!defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<HTMLElement | null>(null);\n  const isOpenAtLeastOnce = useRef(false);\n  const wasOpen = useRef(open);\n  const focusBeforeOpen = useRef<Element | null>(null);\n  const returnFocusTo = useRef<HTMLElement | null>(null);\n  const popperRef = useRef<HTMLDivElement | null>(null);\n\n  // Read on the render that opens the menu, before the focus lock moves the focus inside it.\n  if (open && !wasOpen.current && typeof document !== \"undefined\") {\n    focusBeforeOpen.current = document.activeElement;\n  }\n  wasOpen.current = open;\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  useEffect(() => {\n    if (open) {\n      setExited(false);\n    }\n  }, [open]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  useEffect(() => {\n    if (open) {\n      isOpenAtLeastOnce.current = true;\n    } else if (!open && isOpenAtLeastOnce.current) {\n      const previous = focusBeforeOpen.current;\n      const returnTo =\n        previous instanceof HTMLElement && previous.isConnected\n          ? previous\n          : elementRef.current;\n\n      returnFocusTo.current = returnTo;\n      returnTo?.focus();\n      isOpenAtLeastOnce.current = false;\n    }\n  }, [open]);\n\n  // A fading menu is already closed. Its content can still reach for the focus, and would take it away\n  // with it when it unmounts, so the focus goes straight back to where the menu returned it.\n  useEffect(() => {\n    if (open || exited) {\n      return undefined;\n    }\n\n    const keepFocusOut = (event: FocusEvent) => {\n      if (popperRef.current?.contains(event.target as Node)) {\n        returnFocusTo.current?.focus();\n      }\n    };\n\n    document.addEventListener(\"focusin\", keepFocusOut, true);\n\n    return () => document.removeEventListener(\"focusin\", keepFocusOut, true);\n  }, [open, exited]);\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open || !exited ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          // The menu returns the focus itself at once, so a late returnFocus cannot undo a caller's move.\n          disableFocusLock={disableFocusLock || !open}\n          // A fading menu is already closed, so an escape pressed meanwhile belongs to the page behind it.\n          disableCloseOnEsc={!open}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          {/* A closing menu must not swallow the click that lands while it fades out. */}\n          {open ? (\n            <Overlay\n              className={backgroundElementClass}\n              onClick={handleClose}\n              tabIndex={-1}\n              disableBackgroundColor\n            />\n          ) : null}\n          <Popper\n            ref={popperRef}\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n            afterWrite={onPopperOpen}\n            transition\n          >\n            {({ placement, transitionProps }) => (\n              <Grow\n                placement={placement}\n                in={transitionProps?.in}\n                onEnter={transitionProps?.onEnter}\n                onExited={() => {\n                  setExited(true);\n                  transitionProps?.onExited?.();\n                }}\n              >\n                <StyledMenu\n                  className={classnames(\n                    \"c-simple-menu__paper\",\n                    `c-simple-menu__${mode}`,\n                    menuClassName,\n                    className\n                  )}\n                  $mode={mode}\n                  onMouseDown={onMenuClick}\n                  style={open ? undefined : { pointerEvents: \"none\" }}\n                >\n                  <MenuContextProvider value={{ open, setOpen }}>\n                    {typeof children === \"function\"\n                      ? children(childProps)\n                      : children}\n                  </MenuContextProvider>\n                </StyledMenu>\n              </Grow>\n            )}\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Menu.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_context","_Styles","_useForkRef","_Overlay","_Popper","_Transitions","_Window","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","isFocusVisible","element","Boolean","matches","_unused","TRIGGER","triggerOf","node","_node$querySelector","querySelector","visibleBoxOf","rects","children","map","getBoundingClientRect","left","Math","min","rect","right","max","top","bottom","offsetToVisibleBox","options","offset","_ref","placement","wrapper","box","_placement$split","split","_placement$split2","side","align","vertical","start","end","skidding","distance","returnFocusOptions","visible","focusVisible","Menu","exports","_ref2","_ref2$disableFocusLoc","disableFocusLock","onMenuClick","_ref2$handleScroll","handleScroll","_ref2$mode","mode","_ref2$open","open","defaultOpen","onOpen","onClose","onBeforeClose","_ref2$position","position","target","className","menuClassName","popperClassName","backgroundElementClass","_ref2$windowAbsolutel","windowAbsolutelyPositioned","onPopperOpen","_useState","useState","_useState2","setOpen","_useState3","_useState4","exited","setExited","_useState5","_useState6","childNode","setChildNode","elementRef","useRef","isOpenAtLeastOnce","wasOpen","focusBeforeOpen","focusWasVisible","returnFocusTo","popperRef","current","document","activeElement","useEffect","expandedTrigger","trigger","hasAttribute","setAttribute","removeAttribute","handleRefRef","useForkRef","ref","undefined","handleRef","popperModifiers","useMemo","HTMLElement","handleOpen","useCallback","event","_target$props","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","previous","returnTo","isConnected","focus","keepFocusOut","_popperRef$current","contains","_returnFocusTo$curren","addEventListener","removeEventListener","createElement","Fragment","React","cloneElement","Window","disableScrollLock","disableCloseOnEsc","style","Overlay","tabIndex","disableBackgroundColor","Popper","anchorEl","afterWrite","modifiers","transition","_ref3","transitionProps","Grow","in","onEnter","onExited","_transitionProps$onEx","StyledMenu","classnames","concat","$mode","onMouseDown","pointerEvents","MenuContextProvider","displayName"],"sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  useMemo,\n  ReactElement,\n  Ref,\n} from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\n\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Popper } from \"../Popper\";\nimport { Grow } from \"../Transitions\";\nimport { Window } from \"../Window\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\n// source: https://twitter.com/mattpocockuk/status/1671908303918473217/photo/1\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\" | \"widest\";\n\nexport interface IMenu {\n  /** Menu content */\n  children:\n    | ReactNode\n    | ((childProps: { forceClose: () => void }) => JSX.Element);\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n  /** Popper on open */\n  onPopperOpen?: (...args) => void;\n}\n\nconst isFocusVisible = (element: Element | null) => {\n  try {\n    return Boolean(element?.matches(\":focus-visible\"));\n  } catch {\n    return false;\n  }\n};\n\nconst TRIGGER = 'button, [role=\"button\"], a[href]';\n\n// A target can wrap its button, as a div around a Tooltip or a CounterButton does.\nconst triggerOf = (node: HTMLElement) =>\n  node.matches(TRIGGER)\n    ? node\n    : node.querySelector<HTMLElement>(TRIGGER) ?? node;\n\nconst visibleBoxOf = (node: HTMLElement) => {\n  const rects = [node, ...Array.from(node.children)].map((element) =>\n    element.getBoundingClientRect()\n  );\n\n  return {\n    left: Math.min(...rects.map((rect) => rect.left)),\n    right: Math.max(...rects.map((rect) => rect.right)),\n    top: Math.min(...rects.map((rect) => rect.top)),\n    bottom: Math.max(...rects.map((rect) => rect.bottom)),\n  };\n};\n\n// A control group pulls a wrapped button out of its wrapper by negative margins, so the menu lines up with the button.\nconst offsetToVisibleBox = (node: HTMLElement) => ({\n  name: \"offset\",\n  options: {\n    offset: ({ placement }: { placement: Placement }): [number, number] => {\n      if (triggerOf(node) === node) {\n        return [0, 0];\n      }\n\n      const wrapper = node.getBoundingClientRect();\n      const box = visibleBoxOf(node);\n      const [side, align] = placement.split(\"-\");\n      const vertical = side === \"top\" || side === \"bottom\";\n      const start = vertical ? \"left\" : \"top\";\n      const end = vertical ? \"right\" : \"bottom\";\n      const skidding =\n        align === \"start\"\n          ? box[start] - wrapper[start]\n          : align === \"end\"\n          ? box[end] - wrapper[end]\n          : (box[start] + box[end] - wrapper[start] - wrapper[end]) / 2;\n      const distance = {\n        bottom: box.bottom - wrapper.bottom,\n        top: wrapper.top - box.top,\n        right: box.right - wrapper.right,\n        left: wrapper.left - box.left,\n      }[side];\n\n      return [skidding, distance ?? 0];\n    },\n  },\n});\n\n// A menu opened with the pointer hands the focus back without a focus ring, so its trigger does not stay lit.\nconst returnFocusOptions = (visible: boolean) =>\n  ({ focusVisible: visible } as FocusOptions);\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n  onPopperOpen,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [exited, setExited] = useState(!defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<HTMLElement | null>(null);\n  const isOpenAtLeastOnce = useRef(false);\n  const wasOpen = useRef(open);\n  const focusBeforeOpen = useRef<Element | null>(null);\n  const focusWasVisible = useRef(false);\n  const returnFocusTo = useRef<HTMLElement | null>(null);\n  const popperRef = useRef<HTMLDivElement | null>(null);\n\n  // Read on the render that opens the menu, before the focus lock moves the focus inside it.\n  if (open && !wasOpen.current && typeof document !== \"undefined\") {\n    focusBeforeOpen.current = document.activeElement;\n    focusWasVisible.current = isFocusVisible(document.activeElement);\n  }\n  wasOpen.current = open;\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  useEffect(() => {\n    if (open) {\n      setExited(false);\n    }\n  }, [open]);\n\n  // Set on the node itself, so the trigger gets it also through a wrapper such as Tooltip.\n  const expandedTrigger = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const node = elementRef.current;\n\n    if (!node) {\n      return;\n    }\n\n    const trigger = triggerOf(node);\n\n    if (!trigger.hasAttribute(\"aria-haspopup\")) {\n      trigger.setAttribute(\"aria-haspopup\", \"true\");\n    }\n\n    if (open) {\n      trigger.setAttribute(\"aria-expanded\", \"true\");\n      expandedTrigger.current = trigger;\n    } else if (expandedTrigger.current) {\n      expandedTrigger.current.removeAttribute(\"aria-expanded\");\n      expandedTrigger.current = null;\n    }\n  }, [open, childNode]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const popperModifiers = useMemo(\n    () =>\n      childNode instanceof HTMLElement\n        ? [offsetToVisibleBox(childNode)]\n        : undefined,\n    [childNode]\n  );\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  useEffect(() => {\n    if (open) {\n      isOpenAtLeastOnce.current = true;\n    } else if (!open && isOpenAtLeastOnce.current) {\n      const previous = focusBeforeOpen.current;\n      const returnTo =\n        previous instanceof HTMLElement && previous.isConnected\n          ? previous\n          : elementRef.current;\n\n      returnFocusTo.current = returnTo;\n      returnTo?.focus(returnFocusOptions(focusWasVisible.current));\n      isOpenAtLeastOnce.current = false;\n    }\n  }, [open]);\n\n  // A fading menu is already closed. Its content can still reach for the focus, and would take it away\n  // with it when it unmounts, so the focus goes straight back to where the menu returned it.\n  useEffect(() => {\n    if (open || exited) {\n      return undefined;\n    }\n\n    const keepFocusOut = (event: FocusEvent) => {\n      if (popperRef.current?.contains(event.target as Node)) {\n        returnFocusTo.current?.focus(\n          returnFocusOptions(focusWasVisible.current)\n        );\n      }\n    };\n\n    document.addEventListener(\"focusin\", keepFocusOut, true);\n\n    return () => document.removeEventListener(\"focusin\", keepFocusOut, true);\n  }, [open, exited]);\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open || !exited ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          // The menu returns the focus itself at once, so a late returnFocus cannot undo a caller's move.\n          disableFocusLock={disableFocusLock || !open}\n          // A fading menu is already closed, so an escape pressed meanwhile belongs to the page behind it.\n          disableCloseOnEsc={!open}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          {/* A closing menu must not swallow the click that lands while it fades out. */}\n          {open ? (\n            <Overlay\n              className={backgroundElementClass}\n              onClick={handleClose}\n              tabIndex={-1}\n              disableBackgroundColor\n            />\n          ) : null}\n          <Popper\n            ref={popperRef}\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n            afterWrite={onPopperOpen}\n            modifiers={popperModifiers}\n            transition\n          >\n            {({ placement, transitionProps }) => (\n              <Grow\n                placement={placement}\n                in={transitionProps?.in}\n                onEnter={transitionProps?.onEnter}\n                onExited={() => {\n                  setExited(true);\n                  transitionProps?.onExited?.();\n                }}\n              >\n                <StyledMenu\n                  className={classnames(\n                    \"c-simple-menu__paper\",\n                    `c-simple-menu__${mode}`,\n                    menuClassName,\n                    className\n                  )}\n                  $mode={mode}\n                  onMouseDown={onMenuClick}\n                  style={open ? undefined : { pointerEvents: \"none\" }}\n                >\n                  <MenuContextProvider value={{ open, setOpen }}>\n                    {typeof children === \"function\"\n                      ? children(childProps)\n                      : children}\n                  </MenuContextProvider>\n                </StyledMenu>\n              </Grow>\n            )}\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Menu/Styles.js

@@ -13,8 +13,6 @@ var StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Bubble.Bub
   displayName: "Styles__StyledMenu",
   componentId: "sc-8fhkp-0"
 })(["", " ", " ", " color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", " ", ""], {
-  "marginTop": "0.25rem",
-  "marginBottom": "0.25rem",
   "overflow": "auto",
   "borderColor": "var(--border-primary)",
   "backgroundColor": "var(--page-paper-main)"

package/dist/cjs/components/Menu/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_Bubble","_FontStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledMenu","exports","styled","Bubble","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$mode","css","StyledMenuFooter","div","StyledMenuHeader"],"sources":["../../../../src/components/Menu/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Bubble } from \"../Bubble\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledMenu = styled(Bubble)<{ $mode: string }>`\n  ${tw`tw-bg-page-paper-main tw-border-border-primary tw-my-1 tw-overflow-auto`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n  \n  color: var(--color-theme-700);\n  a:focus,\n  a:active {\n    outline: none;\n  }\n\n  ${(props) =>\n    props.$mode === \"normal\" &&\n    css`\n      width: 260px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"wider\" &&\n    css`\n      width: 350px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"tiny\" &&\n    css`\n      width: 180px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"widest\" &&\n    css`\n      width: 590px;\n    `}\n`;\nStyledMenu.displayName = \"StyledMenu\";\n\nexport const StyledMenuFooter = styled.div`\n  ${tw`tw-flex tw-px-2 tw-py-1`}\n\n  display: flex;\n  border-top: 1px solid var(--border-primary);\n  height: 32px;\n  align-items: center;\n`;\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\n\nexport const StyledMenuHeader = styled.div`\n  ${tw`tw-flex tw-items-center tw-justify-between tw-px-2 tw-py-1`}\n\n  border-bottom: 1px solid var(--border-primary);\n  height: 32px;\n`;\nStyledMenuHeader.displayName = \"StyledMenuHeader\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,wBAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElC,IAAMmB,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uGAClC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwE,CAAC,EAE3EC,oBAAS,EACTC,8BAAc,EAQd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,QAAQ,QACxBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,MAAM,QACtBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,QAAQ,QACxBC,qBAAG,mBAEF;AAAA,EACJ;AACDX,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,IAAMO,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAGV,yBAAM,CAACW,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwB,CAAC,CAM9B;AACDM,gBAAgB,CAACP,WAAW,GAAG,kBAAkB;AAE1C,IAAMS,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAGZ,yBAAM,CAACW,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEACpC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2D,CAAC,CAIjE;AACDQ,gBAAgB,CAACT,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_Bubble","_FontStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledMenu","exports","styled","Bubble","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$mode","css","StyledMenuFooter","div","StyledMenuHeader"],"sources":["../../../../src/components/Menu/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Bubble } from \"../Bubble\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledMenu = styled(Bubble)<{ $mode: string }>`\n  ${tw`tw-bg-page-paper-main tw-border-border-primary tw-overflow-auto`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n  \n  color: var(--color-theme-700);\n  a:focus,\n  a:active {\n    outline: none;\n  }\n\n  ${(props) =>\n    props.$mode === \"normal\" &&\n    css`\n      width: 260px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"wider\" &&\n    css`\n      width: 350px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"tiny\" &&\n    css`\n      width: 180px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"widest\" &&\n    css`\n      width: 590px;\n    `}\n`;\nStyledMenu.displayName = \"StyledMenu\";\n\nexport const StyledMenuFooter = styled.div`\n  ${tw`tw-flex tw-px-2 tw-py-1`}\n\n  display: flex;\n  border-top: 1px solid var(--border-primary);\n  height: 32px;\n  align-items: center;\n`;\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\n\nexport const StyledMenuHeader = styled.div`\n  ${tw`tw-flex tw-items-center tw-justify-between tw-px-2 tw-py-1`}\n\n  border-bottom: 1px solid var(--border-primary);\n  height: 32px;\n`;\nStyledMenuHeader.displayName = \"StyledMenuHeader\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,wBAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElC,IAAMmB,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uGAClC;EAAA;EAAA;EAAA;AAAgE,CAAC,EAEnEC,oBAAS,EACTC,8BAAc,EAQd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,QAAQ,QACxBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,MAAM,QACtBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,QAAQ,QACxBC,qBAAG,mBAEF;AAAA,EACJ;AACDX,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,IAAMO,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAGV,yBAAM,CAACW,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwB,CAAC,CAM9B;AACDM,gBAAgB,CAACP,WAAW,GAAG,kBAAkB;AAE1C,IAAMS,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAGZ,yBAAM,CAACW,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEACpC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2D,CAAC,CAIjE;AACDQ,gBAAgB,CAACT,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/Button/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,sFAkTxB,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAGhC,CAAC;AAIF,eAAO,MAAM,mBAAmB,qEAK/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC/B;AA0CD,eAAO,MAAM,YAAY,sFAmTxB,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAGhC,CAAC;AAIF,eAAO,MAAM,mBAAmB,qEAK/B,CAAC"}

package/dist/esm/components/Button/Styles.js

@@ -1,10 +1,33 @@
 import styled, { css } from "styled-components";
 import { BoxSizingStyle } from "../BoxSizingStyle";
 import { FontStyle } from "../FontStyle";
+// The hover look of each variant. A trigger keeps it while the menu it opened is open.
+const hoverStyle = variant => {
+  switch (variant) {
+    case "primary":
+    case "contained":
+      return css(["box-shadow:0 3px 6px -2px var(--color-primary-500);background-color:var(--color-primary-800);"]);
+    case "secondary":
+    case "outlined":
+      return css(["border-color:var(--color-primary);color:var(--color-primary);"]);
+    case "dark transparent":
+      return css(["background-color:rgba(0,0,0,0.85);"]);
+    case "tertiary":
+    case "text colored":
+      return css(["background-color:var(--color-primary-200);"]);
+    case "option":
+    case "text gray":
+      return css(["background-color:var(--color-theme-300);color:var(--color-theme-900);"]);
+    case "circle raised":
+      return css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);"]);
+    default:
+      return undefined;
+  }
+};
 export const StyledButton = styled.button.withConfig({
   displayName: "Styles__StyledButton",
   componentId: "sc-vi1kcr-0"
-})(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:288px;--c-btn-text-inset:8px;--c-btn-icon-inset:8px;--c-btn-icon-tight-inset:6px;--c-btn-inset:0px;border:none;height:32px;transition:background-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease,border-color 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, props => props.size === "small" && css(["height:24px;"]), props => props.size === "big" && css(["height:40px;"]), props => (props.variant === "primary" || props.variant === "contained") && css(["padding:0 16px;background-color:var(--color-primary);border-radius:var(--ac-br-rounded);color:var(--page-paper-main);&:hover,&:focus-visible{box-shadow:0 3px 6px -2px var(--color-primary-500);background-color:var(--color-primary-800);}&:active{box-shadow:0 4px 10px -2px var(--color-primary-600);background-color:var(--color-primary-800);}"]), props => (props.variant === "secondary" || props.variant === "outlined") && css(["padding:0 16px;background-color:transparent;border-radius:var(--ac-br-rounded);border:solid 1px var(--color-theme-700);color:var(--color-theme-700);&:hover,&:focus-visible{border-color:var(--color-primary);color:var(--color-primary);}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"]), props => props.variant === "dark transparent" && css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover,&:focus-visible{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]), props => (props.variant === "tertiary" || props.variant === "text colored") && css(["padding:0 var(--c-btn-text-inset);--c-btn-inset:var(--c-btn-text-inset);background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-primary);&:hover,&:focus-visible{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]), props => (props.variant === "option" || props.variant === "text gray") && css(["padding:0 var(--c-btn-text-inset);--c-btn-inset:var(--c-btn-text-inset);background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-theme-700);&:hover,&:focus-visible{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]), props => props.variant === "circle raised" && css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);&:hover,&:focus-visible{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"]), props => props.iconOnly && css(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;--c-btn-inset:0px;", " ", ";", " ", ""], (props.variant === "tertiary" || props.variant === "text colored" || props.variant === "option" || props.variant === "text gray") && props.size !== "small" && props.size !== "big" && css(["--c-btn-inset:", ";"], props.$inset === "tight" ? "var(--c-btn-icon-tight-inset)" : "var(--c-btn-icon-inset)"), (props.size === "small" || props.size === "big") && css(["border-radius:var(--ac-br-rounded);"]), props.size === "small" && css(["width:24px;"]), props.size === "big" && css(["width:40px;"])), props => (props.variant === "primary" || props.variant === "contained" || props.variant === "secondary" || props.variant === "outlined") && css([".c-btn__elements__element:first-child svg{margin-left:-6px;}.c-btn__elements__element:last-child svg{margin-right:-6px;}", ""], (props.size === "small" || props.size === "big") && css(["border-radius:var(--ac-br-rounded);"])), props => (props.variant === "tertiary" || props.variant === "text colored" || props.variant === "option" || props.variant === "text gray" || props.variant === "dark transparent") && css([".c-btn__elements__element:first-child svg{margin-left:-4px;}.c-btn__elements__element:last-child svg{margin-right:-4px;}", " ", ""], props.size === "small" && css(["border-radius:var(--ac-br-4);"]), props.size === "big" && css(["border-radius:var(--ac-br-8);"])), props => props.active && css(["", " ", " ", " ", " ", " ", ""], (props.variant === "primary" || props.variant === "contained") && css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && css(["background-color:var(--only-black);"]), props.variant === "circle raised" && css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);"]), (props.variant === "tertiary" || props.variant === "text colored") && css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && css(["color:var(--color-primary);&:hover,&:focus-visible{color:var(--color-primary);}", ""], props.children instanceof Array && css(["background-color:var(--color-theme-300);"]))));
+})(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:288px;--c-btn-text-inset:8px;--c-btn-icon-inset:8px;--c-btn-icon-tight-inset:6px;--c-btn-inset:0px;border:none;height:32px;transition:background-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease,border-color 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " &[aria-haspopup][aria-expanded=\"true\"]{", "}"], FontStyle, BoxSizingStyle, props => props.size === "small" && css(["height:24px;"]), props => props.size === "big" && css(["height:40px;"]), props => (props.variant === "primary" || props.variant === "contained") && css(["padding:0 16px;background-color:var(--color-primary);border-radius:var(--ac-br-rounded);color:var(--page-paper-main);&:hover,&:focus-visible{", "}&:active{box-shadow:0 4px 10px -2px var(--color-primary-600);background-color:var(--color-primary-800);}"], hoverStyle(props.variant)), props => (props.variant === "secondary" || props.variant === "outlined") && css(["padding:0 16px;background-color:transparent;border-radius:var(--ac-br-rounded);border:solid 1px var(--color-theme-700);color:var(--color-theme-700);&:hover,&:focus-visible{", "}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"], hoverStyle(props.variant)), props => props.variant === "dark transparent" && css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover,&:focus-visible{", "}&:active{background-color:var(--only-black);}"], hoverStyle(props.variant)), props => (props.variant === "tertiary" || props.variant === "text colored") && css(["padding:0 var(--c-btn-text-inset);--c-btn-inset:var(--c-btn-text-inset);background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-primary);&:hover,&:focus-visible{", "}&:active{background-color:var(--color-primary-300);}"], hoverStyle(props.variant)), props => (props.variant === "option" || props.variant === "text gray") && css(["padding:0 var(--c-btn-text-inset);--c-btn-inset:var(--c-btn-text-inset);background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-theme-700);&:hover,&:focus-visible{", "}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"], hoverStyle(props.variant)), props => props.variant === "circle raised" && css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);&:hover,&:focus-visible{", "}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"], hoverStyle(props.variant)), props => props.iconOnly && css(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;--c-btn-inset:0px;", " ", ";", " ", ""], (props.variant === "tertiary" || props.variant === "text colored" || props.variant === "option" || props.variant === "text gray") && props.size !== "small" && props.size !== "big" && css(["--c-btn-inset:", ";"], props.$inset === "tight" ? "var(--c-btn-icon-tight-inset)" : "var(--c-btn-icon-inset)"), (props.size === "small" || props.size === "big") && css(["border-radius:var(--ac-br-rounded);"]), props.size === "small" && css(["width:24px;"]), props.size === "big" && css(["width:40px;"])), props => (props.variant === "primary" || props.variant === "contained" || props.variant === "secondary" || props.variant === "outlined") && css([".c-btn__elements__element:first-child svg{margin-left:-6px;}.c-btn__elements__element:last-child svg{margin-right:-6px;}", ""], (props.size === "small" || props.size === "big") && css(["border-radius:var(--ac-br-rounded);"])), props => (props.variant === "tertiary" || props.variant === "text colored" || props.variant === "option" || props.variant === "text gray" || props.variant === "dark transparent") && css([".c-btn__elements__element:first-child svg{margin-left:-4px;}.c-btn__elements__element:last-child svg{margin-right:-4px;}", " ", ""], props.size === "small" && css(["border-radius:var(--ac-br-4);"]), props.size === "big" && css(["border-radius:var(--ac-br-8);"])), props => props.active && css(["", " ", " ", " ", " ", " ", ""], (props.variant === "primary" || props.variant === "contained") && css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && css(["background-color:var(--only-black);"]), props.variant === "circle raised" && css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);"]), (props.variant === "tertiary" || props.variant === "text colored") && css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && css(["color:var(--color-primary);&:hover,&:focus-visible{color:var(--color-primary);}", ""], props.children instanceof Array && css(["background-color:var(--color-theme-300);"]))), props => hoverStyle(props.variant));
 StyledButton.displayName = "StyledButton";
 export const StyledButtonElements = styled.span.withConfig({
   displayName: "Styles__StyledButtonElements",

package/dist/esm/components/Button/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledButton","button","withConfig","displayName","componentId","props","size","variant","iconOnly","$inset","active","children","Array","StyledButtonElements","span","StyledButtonElement"],"sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ButtonProps } from \"./Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledButtonProps extends ButtonProps {\n  iconOnly: boolean;\n  $inset?: ButtonProps[\"inset\"];\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  vertical-align: middle;\n  font-weight: 500;\n  display: inline-block;\n  line-height: 1;\n  margin: 0;\n  text-decoration: none;\n  font-size: 0.875rem;\n  user-select: none;\n  cursor: pointer;\n  text-align: center;\n  flex-shrink: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 288px;\n\n  /* Empty space around the visible content of a button type. A page control group pulls the button in by --c-btn-inset. */\n  --c-btn-text-inset: 8px;\n  --c-btn-icon-inset: 8px;\n  --c-btn-icon-tight-inset: 6px;\n  --c-btn-inset: 0px;\n\n  border: none;\n  height: 32px;\n  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n    border-color 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: var(--ac-br-rounded);\n      color: var(--page-paper-main);\n\n      &:hover,\n      &:focus-visible {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      border: solid 1px var(--color-theme-700);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover,\n      &:focus-visible {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 var(--c-btn-text-inset);\n      --c-btn-inset: var(--c-btn-text-inset);\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-primary);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 var(--c-btn-text-inset);\n      --c-btn-inset: var(--c-btn-text-inset);\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"circle raised\" &&\n    css`\n      padding: 0 6px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary);\n      }\n\n      &:active {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    `}\n\n    ${(props) =>\n    props.iconOnly &&\n    css`\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0;\n      width: 32px;\n      --c-btn-inset: 0px;\n\n      /* 4px of button stays empty around the 24px icon, plus the empty space the icon drawing keeps inside. */\n      ${(props.variant === \"tertiary\" ||\n        props.variant === \"text colored\" ||\n        props.variant === \"option\" ||\n        props.variant === \"text gray\") &&\n      props.size !== \"small\" &&\n      props.size !== \"big\" &&\n      css`\n        --c-btn-inset: ${props.$inset === \"tight\"\n          ? \"var(--c-btn-icon-tight-inset)\"\n          : \"var(--c-btn-icon-inset)\"};\n      `}\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `};\n\n      ${props.size === \"small\" &&\n      css`\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        width: 40px;\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -6px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -4px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -4px;\n      }\n      ${props.size === \"small\" &&\n      css`\n        border-radius: var(--ac-br-4);\n      `}\n      ${props.size === \"big\" &&\n      css`\n        border-radius: var(--ac-br-8);\n      `}\n    `}\n\n    ${(props) =>\n    props.active &&\n    css`\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        &:hover,\n        &:focus-visible {\n          color: var(--color-primary);\n        }\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n  display: flex;\n  align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n  display: inline-flex;\n  svg {\n    margin: 0 4px;\n  }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","hoverStyle","variant","undefined","StyledButton","button","withConfig","displayName","componentId","props","size","iconOnly","$inset","active","children","Array","StyledButtonElements","span","StyledButtonElement"],"sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ButtonProps } from \"./Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledButtonProps extends ButtonProps {\n  iconOnly: boolean;\n  $inset?: ButtonProps[\"inset\"];\n}\n\n// The hover look of each variant. A trigger keeps it while the menu it opened is open.\nconst hoverStyle = (variant: ButtonProps[\"variant\"]) => {\n  switch (variant) {\n    case \"primary\":\n    case \"contained\":\n      return css`\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      `;\n    case \"secondary\":\n    case \"outlined\":\n      return css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `;\n    case \"dark transparent\":\n      return css`\n        background-color: rgba(0, 0, 0, 0.85);\n      `;\n    case \"tertiary\":\n    case \"text colored\":\n      return css`\n        background-color: var(--color-primary-200);\n      `;\n    case \"option\":\n    case \"text gray\":\n      return css`\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      `;\n    case \"circle raised\":\n      return css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary);\n      `;\n    default:\n      return undefined;\n  }\n};\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  vertical-align: middle;\n  font-weight: 500;\n  display: inline-block;\n  line-height: 1;\n  margin: 0;\n  text-decoration: none;\n  font-size: 0.875rem;\n  user-select: none;\n  cursor: pointer;\n  text-align: center;\n  flex-shrink: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 288px;\n\n  /* Empty space around the visible content of a button type. A page control group pulls the button in by --c-btn-inset. */\n  --c-btn-text-inset: 8px;\n  --c-btn-icon-inset: 8px;\n  --c-btn-icon-tight-inset: 6px;\n  --c-btn-inset: 0px;\n\n  border: none;\n  height: 32px;\n  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n    border-color 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: var(--ac-br-rounded);\n      color: var(--page-paper-main);\n\n      &:hover,\n      &:focus-visible {\n        ${hoverStyle(props.variant)}\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      border: solid 1px var(--color-theme-700);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        ${hoverStyle(props.variant)}\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover,\n      &:focus-visible {\n        ${hoverStyle(props.variant)}\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 var(--c-btn-text-inset);\n      --c-btn-inset: var(--c-btn-text-inset);\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-primary);\n\n      &:hover,\n      &:focus-visible {\n        ${hoverStyle(props.variant)}\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 var(--c-btn-text-inset);\n      --c-btn-inset: var(--c-btn-text-inset);\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        ${hoverStyle(props.variant)}\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"circle raised\" &&\n    css`\n      padding: 0 6px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        ${hoverStyle(props.variant)}\n      }\n\n      &:active {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    `}\n\n    ${(props) =>\n    props.iconOnly &&\n    css`\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0;\n      width: 32px;\n      --c-btn-inset: 0px;\n\n      /* 4px of button stays empty around the 24px icon, plus the empty space the icon drawing keeps inside. */\n      ${(props.variant === \"tertiary\" ||\n        props.variant === \"text colored\" ||\n        props.variant === \"option\" ||\n        props.variant === \"text gray\") &&\n      props.size !== \"small\" &&\n      props.size !== \"big\" &&\n      css`\n        --c-btn-inset: ${props.$inset === \"tight\"\n          ? \"var(--c-btn-icon-tight-inset)\"\n          : \"var(--c-btn-icon-inset)\"};\n      `}\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `};\n\n      ${props.size === \"small\" &&\n      css`\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        width: 40px;\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -6px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -4px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -4px;\n      }\n      ${props.size === \"small\" &&\n      css`\n        border-radius: var(--ac-br-4);\n      `}\n      ${props.size === \"big\" &&\n      css`\n        border-radius: var(--ac-br-8);\n      `}\n    `}\n\n    ${(props) =>\n    props.active &&\n    css`\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        &:hover,\n        &:focus-visible {\n          color: var(--color-primary);\n        }\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n\n  /* Last, so an open trigger shows its hover look also when it is active. */\n  &[aria-haspopup][aria-expanded=\"true\"] {\n    ${(props) => hoverStyle(props.variant)}\n  }\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n  display: flex;\n  align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n  display: inline-flex;\n  svg {\n    margin: 0 4px;\n  }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/CounterButton/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/Styles.ts"],"names":[],"mappings":"AASA,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,0BAA0B,oEAKtC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;4FAsC/B,CAAC;AAIF,eAAO,MAAM,wBAAwB;;sEAWpC,CAAC;AAIF,eAAO,MAAM,wBAAwB;cAA6B,OAAO;SAoBxE,CAAC;AAIF,eAAO,MAAM,WAAW,kOAGvB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/Styles.ts"],"names":[],"mappings":"AASA,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,0BAA0B,oEAKtC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;4FAuC/B,CAAC;AAIF,eAAO,MAAM,wBAAwB;;sEAWpC,CAAC;AAIF,eAAO,MAAM,wBAAwB;cAA6B,OAAO;SAqBxE,CAAC;AAIF,eAAO,MAAM,WAAW,kOAGvB,CAAC"}

package/dist/esm/components/CounterButton/Styles.js

@@ -14,7 +14,7 @@ StyledCounterButtonWrapper.displayName = "StyledCounterButtonWrapper";
 export const StyledCounterButton = styled(Button).withConfig({
   displayName: "Styles__StyledCounterButton",
   componentId: "sc-1ecrcba-1"
-})(["", " ", " ", " ", ""], props => props.$active && !props.disabled && css(["padding:0 8px;svg{fill:var(--color-primary);}&:hover{background:var(--color-primary-300);}"]), props => props.$selected && css(["border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--color-primary-200);"]), props => !props.$selected && css(["@media (max-width:768px){width:32px;}"]), props => props.disabled && css(["pointer-events:none;opacity:0.5;"]));
+})(["", " ", " ", " ", ""], props => props.$active && !props.disabled && css(["padding:0 8px;svg{fill:var(--color-primary);}&:hover,&[aria-haspopup][aria-expanded=\"true\"]{background:var(--color-primary-300);}"]), props => props.$selected && css(["border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--color-primary-200);"]), props => !props.$selected && css(["@media (max-width:768px){width:32px;}"]), props => props.disabled && css(["pointer-events:none;opacity:0.5;"]));
 StyledCounterButton.displayName = "StyledCounterButton";
 export const StyledCounterButtonReset = styled(Button).withConfig({
   displayName: "Styles__StyledCounterButtonReset",
@@ -24,9 +24,9 @@ StyledCounterButtonReset.displayName = "StyledCounterButtonReset";
 export const StyledCounterButtonLabel = styled(Body2).withConfig({
   displayName: "Styles__StyledCounterButtonLabel",
   componentId: "sc-1ecrcba-3"
-})(["", " @media (max-width:768px){display:none;}", ":hover &&{", "}", ""], {
+})(["", " @media (max-width:768px){display:none;}", ":hover &&,", "[aria-haspopup][aria-expanded=\"true\"] &&{", "}", ""], {
   "pointerEvents": "none"
-}, StyledCounterButton, props => !props.$active && css(["color:var(--color-theme-900);"]), props => props.$active && css(["color:var(--color-primary);"]));
+}, StyledCounterButton, StyledCounterButton, props => !props.$active && css(["color:var(--color-theme-900);"]), props => props.$active && css(["color:var(--color-primary);"]));
 StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
 export const StyledBadge = styled(Badge).withConfig({
   displayName: "Styles__StyledBadge",

package/dist/esm/components/CounterButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Badge","BoxSizingStyle","Button","FontStyle","Body2","StyledCounterButtonWrapper","div","withConfig","displayName","componentId","StyledCounterButton","props","$active","disabled","$selected","StyledCounterButtonReset","StyledCounterButtonLabel","StyledBadge"],"sources":["../../../../src/components/CounterButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Badge } from \"../Badge\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Button } from \"../Button/Button\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\ninterface StyledCounterButtonProps {\n  $active?: boolean;\n  $selected?: boolean;\n}\n\nexport const StyledCounterButtonWrapper = styled.div`\n  ${tw`tw-flex`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  width: fit-content;\n`;\n\nStyledCounterButtonWrapper.displayName = \"StyledCounterButtonWrapper\";\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n  ${(props) =>\n    props.$active &&\n    !props.disabled &&\n    css`\n      padding: 0 8px;\n\n      svg {\n        fill: var(--color-primary);\n      }\n\n      &:hover {\n        background: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    props.$selected &&\n    css`\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      background-color: var(--color-primary-200);\n    `}\n\n  ${(props) =>\n    !props.$selected &&\n    css`\n      @media (max-width: 768px) {\n        width: 32px;\n      }\n    `}\n\n    ${(props) =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.5;\n    `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n  background-color: var(--color-primary-200);\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-primary-300);\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n  ${tw`tw-pointer-events-none`}\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n\n  ${StyledCounterButton}:hover && {\n    ${(props) =>\n      !props.$active &&\n      css`\n        color: var(--color-theme-900);\n      `}\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      color: var(--color-primary);\n    `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n\nexport const StyledBadge = styled(Badge)`\n  margin-left: 4px;\n  margin-right: -6px;\n`;\n\nStyledBadge.displayName = \"StyledBadge\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,KAAK,QAAQ,8BAA8B;AAOpD,OAAO,MAAMC,0BAA0B,GAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0CAC9C;EAAA;AAAQ,CAAC,EACXN,SAAS,EACTF,cAAc,CAEjB;AAEDI,0BAA0B,CAACG,WAAW,GAAG,4BAA4B;AAErE,OAAO,MAAME,mBAAmB,GAAGZ,MAAM,CAACI,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAC5CE,KAAK,IACNA,KAAK,CAACC,OAAO,IACb,CAACD,KAAK,CAACE,QAAQ,IACfd,GAAG,gGAUF,EAEAY,KAAK,IACNA,KAAK,CAACG,SAAS,IACff,GAAG,uGAIF,EAEAY,KAAK,IACN,CAACA,KAAK,CAACG,SAAS,IAChBf,GAAG,2CAIF,EAEEY,KAAK,IACRA,KAAK,CAACE,QAAQ,IACdd,GAAG,sCAGF,CACJ;AAEDW,mBAAmB,CAACF,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMO,wBAAwB,GAAGjB,MAAM,CAACI,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+NAWrD;AAEDM,wBAAwB,CAACP,WAAW,GAAG,0BAA0B;AAEjE,OAAO,MAAMQ,wBAAwB,GAAGlB,MAAM,CAACM,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4EAC/C;EAAA;AAAuB,CAAC,EAM1BC,mBAAmB,EAChBC,KAAK,IACN,CAACA,KAAK,CAACC,OAAO,IACdb,GAAG,mCAEF,EAGFY,KAAK,IACNA,KAAK,CAACC,OAAO,IACbb,GAAG,iCAEF,CACJ;AAEDiB,wBAAwB,CAACR,WAAW,GAAG,0BAA0B;AAEjE,OAAO,MAAMS,WAAW,GAAGnB,MAAM,CAACE,KAAK,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0CAGvC;AAEDQ,WAAW,CAACT,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","Badge","BoxSizingStyle","Button","FontStyle","Body2","StyledCounterButtonWrapper","div","withConfig","displayName","componentId","StyledCounterButton","props","$active","disabled","$selected","StyledCounterButtonReset","StyledCounterButtonLabel","StyledBadge"],"sources":["../../../../src/components/CounterButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Badge } from \"../Badge\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Button } from \"../Button/Button\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\ninterface StyledCounterButtonProps {\n  $active?: boolean;\n  $selected?: boolean;\n}\n\nexport const StyledCounterButtonWrapper = styled.div`\n  ${tw`tw-flex`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  width: fit-content;\n`;\n\nStyledCounterButtonWrapper.displayName = \"StyledCounterButtonWrapper\";\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n  ${(props) =>\n    props.$active &&\n    !props.disabled &&\n    css`\n      padding: 0 8px;\n\n      svg {\n        fill: var(--color-primary);\n      }\n\n      &:hover,\n      &[aria-haspopup][aria-expanded=\"true\"] {\n        background: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    props.$selected &&\n    css`\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      background-color: var(--color-primary-200);\n    `}\n\n  ${(props) =>\n    !props.$selected &&\n    css`\n      @media (max-width: 768px) {\n        width: 32px;\n      }\n    `}\n\n    ${(props) =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.5;\n    `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n  background-color: var(--color-primary-200);\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-primary-300);\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n  ${tw`tw-pointer-events-none`}\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n\n  ${StyledCounterButton}:hover &&,\n  ${StyledCounterButton}[aria-haspopup][aria-expanded=\"true\"] && {\n    ${(props) =>\n      !props.$active &&\n      css`\n        color: var(--color-theme-900);\n      `}\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      color: var(--color-primary);\n    `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n\nexport const StyledBadge = styled(Badge)`\n  margin-left: 4px;\n  margin-right: -6px;\n`;\n\nStyledBadge.displayName = \"StyledBadge\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,KAAK,QAAQ,8BAA8B;AAOpD,OAAO,MAAMC,0BAA0B,GAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0CAC9C;EAAA;AAAQ,CAAC,EACXN,SAAS,EACTF,cAAc,CAEjB;AAEDI,0BAA0B,CAACG,WAAW,GAAG,4BAA4B;AAErE,OAAO,MAAME,mBAAmB,GAAGZ,MAAM,CAACI,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAC5CE,KAAK,IACNA,KAAK,CAACC,OAAO,IACb,CAACD,KAAK,CAACE,QAAQ,IACfd,GAAG,yIAWF,EAEAY,KAAK,IACNA,KAAK,CAACG,SAAS,IACff,GAAG,uGAIF,EAEAY,KAAK,IACN,CAACA,KAAK,CAACG,SAAS,IAChBf,GAAG,2CAIF,EAEEY,KAAK,IACRA,KAAK,CAACE,QAAQ,IACdd,GAAG,sCAGF,CACJ;AAEDW,mBAAmB,CAACF,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMO,wBAAwB,GAAGjB,MAAM,CAACI,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+NAWrD;AAEDM,wBAAwB,CAACP,WAAW,GAAG,0BAA0B;AAEjE,OAAO,MAAMQ,wBAAwB,GAAGlB,MAAM,CAACM,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2HAC/C;EAAA;AAAuB,CAAC,EAM1BC,mBAAmB,EACnBA,mBAAmB,EAChBC,KAAK,IACN,CAACA,KAAK,CAACC,OAAO,IACdb,GAAG,mCAEF,EAGFY,KAAK,IACNA,KAAK,CAACC,OAAO,IACbb,GAAG,iCAEF,CACJ;AAEDiB,wBAAwB,CAACR,WAAW,GAAG,0BAA0B;AAEjE,OAAO,MAAMS,WAAW,GAAGnB,MAAM,CAACE,KAAK,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0CAGvC;AAEDQ,WAAW,CAACT,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/esm/components/Filter/Filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EACF,YAAY,EAKZ,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAS3C,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAU,MAAM,WAAW,CAAC;AAGxE,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,uGAAuG;IACvG,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,gCAAgC;IAChC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACtB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mCAAmC;IACnC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA0QrD,CAAC"}
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EACF,YAAY,EAKZ,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAS3C,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAU,MAAM,WAAW,CAAC;AAGxE,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,uGAAuG;IACvG,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,gCAAgC;IAChC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACtB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,YAAY,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mCAAmC;IACnC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAyQrD,CAAC"}

package/dist/esm/components/Filter/Filter.js

@@ -149,7 +149,6 @@ export const Filter = _ref => {
     onClose: handleClose,
     position: position,
     target: /*#__PURE__*/React.createElement(CounterButton, {
-      active: open,
       label: label,
       icon: icon,
       counter: count,

package/dist/esm/components/Filter/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","names":["React","useCallback","useEffect","useMemo","useState","MoveFocusInside","InputSubmenu","StartMenu","StyledMenu","StyledMenuFooter","Submenu","Button","CounterButton","FilterIcon","Select","ResizeTransition","SlideLeftRightTransition","Filter","_ref","data","_ref$selected","selected","label","clearAllText","_ref$resetLabel","resetLabel","onChange","_ref$width","width","noResultText","emptyFilterText","children","_ref$icon","icon","createElement","_ref$position","position","_ref$disabled","disabled","className","_useState","open","setOpen","_useState2","menu","setMenu","_useState3","isLeft","setIsLeft","_useState4","height","setHeight","_useState5","enteredMenu","setEnteredMenu","_useState6","filter","setFilter","Object","keys","length","handleOpen","handleClose","handleHeight","element","_element$offsetHeight","offsetHeight","handleItemClick","value","setIndex","handleChange","selectedArray","newFilters","_extends","handleClearAll","event","stopPropagation","handleReset","handleInputSave","id","trim","handleInputClear","count","c","values","forEach","entry","shouldRenderSubmenus","_entry$submenu","type","submenu","onOpen","onClose","target","active","counter","tooltipText","onClearAll","labelClassName","in","style","direction","onEnter","onEntered","onHeightChange","onItemClick","map","_ref2","index","_filter$id$","_filter$id","_filter$id2","title","searchPlaceholder","disableInternalSort","isSingleSelect","defaultValue","_ref2$type","submenuType","inputPlaceholder","_ref2$saveLabel","saveLabel","clearLabel","rest","_objectWithoutPropertiesLoose","_excluded","key","onBack","indexPage","placeholder","onSave","onClear","Fragment","options","autoHeightMax","keepSameOptionsOrder","Boolean","disableSearch","disabledInternalSort","variant","size","onClick"],"sources":["../../../../src/components/Filter/Filter.tsx"],"sourcesContent":["import React, {\n  FC,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  PropsWithChildren,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { Placement } from \"@popperjs/core\";\n\nimport { InputSubmenu } from \"./InputSubmenu\";\nimport { StartMenu } from \"./StartMenu\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\nimport { Submenu } from \"./Submenu\";\nimport { Button } from \"../Button\";\nimport { CounterButton } from \"../CounterButton\";\nimport { FilterIcon } from \"../Icons\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\n\nexport type DataType = {\n  id: number | string;\n  title: string;\n  searchPlaceholder?: string;\n  disableInternalSort?: boolean;\n  submenu: Array<IOptionGroupProps | IOptionItemProps>;\n  isSingleSelect?: boolean;\n  defaultValue?: string;\n  emptyValue?: string;\n  emptyAction?: (e: string | undefined) => void;\n  /** Type of submenu - 'select' renders options list, 'input' renders an input field with save button */\n  type?: \"select\" | \"input\";\n  /** Placeholder text for input field (only used when type='input') */\n  inputPlaceholder?: string;\n  /** Label for the save button (only used when type='input') */\n  saveLabel?: string;\n  /** Label for the clear button (only used when type='input') */\n  clearLabel?: string;\n};\n\nexport type SelectedType = {\n  [key: number | string]: Array<string>;\n};\n\nexport interface FilterProps {\n  /** Data rendered in submenus */\n  data: Array<DataType>;\n  /** Selected data inside submenus */\n  selected?: SelectedType;\n  /** Main filter label */\n  label: string;\n  /** Filter width */\n  width?: number;\n  /** Text displayed for the tooltip of clear all button */\n  clearAllText: string;\n  /** Handler for changes on the filter */\n  onChange: (selected: SelectedType) => void;\n  /** Label for reset button inside submenu */\n  resetLabel?: string;\n  /** Text to show when search results are empty */\n  noResultText: string;\n  /** Text to show when there are no submenus to display */\n  emptyFilterText?: string;\n  /** Position of the dropped menu. */\n  position?: Placement;\n  /** Icon of the trigger element. */\n  icon?: ReactElement;\n  /** Disabled state of the trigger. */\n  disabled?: boolean;\n  /** Applies passed classes for label text */\n  className?: string;\n}\n\nexport const Filter: FC<PropsWithChildren<FilterProps>> = ({\n  data,\n  selected = {},\n  label,\n  clearAllText,\n  resetLabel = \"Reset\",\n  onChange,\n  width = 260,\n  noResultText,\n  emptyFilterText,\n  children,\n  icon = <FilterIcon />,\n  position = \"bottom-end\",\n  disabled = false,\n  className,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [menu, setMenu] = useState<number | string>(\"index\");\n  const [isLeft, setIsLeft] = useState(true);\n  const [height, setHeight] = useState(0);\n  const [enteredMenu, setEnteredMenu] = useState<number | string>(\"index\");\n  const [filter, setFilter] = useState<SelectedType>(() => selected);\n\n  useEffect(() => {\n    if (Object.keys(selected).length > 0 || Object.keys(filter).length > 0) {\n      setFilter(selected);\n    }\n  }, [selected, filter]);\n\n  const handleOpen = useCallback(() => {\n    setOpen(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    setMenu(\"index\");\n    setHeight(0);\n  }, []);\n\n  const handleHeight = useCallback((element) => {\n    setHeight(element?.offsetHeight ?? 0);\n  }, []);\n\n  const handleItemClick = useCallback((value) => {\n    setMenu(value);\n    setIsLeft(true);\n  }, []);\n\n  const setIndex = useCallback(() => {\n    setMenu(\"index\");\n    setIsLeft(false);\n  }, []);\n\n  const handleChange = useCallback(\n    (selectedArray) => {\n      let newFilters = {};\n      if (selectedArray.length) {\n        newFilters = {\n          ...filter,\n          [menu]: selectedArray,\n        };\n      } else {\n        newFilters = { ...filter };\n        delete newFilters[menu];\n      }\n      setFilter(newFilters);\n      onChange(newFilters);\n    },\n    [filter, menu, onChange]\n  );\n\n  const handleClearAll = useCallback(\n    (event) => {\n      event.stopPropagation();\n      setFilter({});\n      onChange({});\n    },\n    [onChange]\n  );\n\n  const handleReset = useCallback(() => {\n    const newFilters = { ...filter };\n    delete newFilters[menu];\n    setFilter(newFilters);\n    onChange(newFilters);\n  }, [filter, menu, onChange]);\n\n  const handleInputSave = useCallback(\n    (id: number | string, value: string) => {\n      let newFilters = {};\n      if (value.trim()) {\n        newFilters = {\n          ...filter,\n          [id]: [value],\n        };\n      } else {\n        newFilters = { ...filter };\n        delete newFilters[id];\n      }\n      setFilter(newFilters);\n      onChange(newFilters);\n      setIndex();\n    },\n    [filter, onChange, setIndex]\n  );\n\n  const handleInputClear = useCallback(\n    (id: number | string) => {\n      const newFilters = { ...filter };\n      delete newFilters[id];\n      setFilter(newFilters);\n      onChange(newFilters);\n      setIndex();\n    },\n    [filter, onChange, setIndex]\n  );\n\n  const count = useMemo(() => {\n    let c = 0;\n\n    Object.values(filter).forEach((entry) => {\n      if (typeof entry === \"string\") {\n        return (c += 1);\n      }\n\n      return (c += entry.length);\n    });\n    return c;\n  }, [filter]);\n\n  const shouldRenderSubmenus = useMemo(() => {\n    if (data.length === 0) {\n      return false;\n    }\n\n    for (const entry of data) {\n      if (entry.type === \"input\" || entry.submenu?.length > 1) {\n        return true;\n      }\n    }\n\n    return false;\n  }, [data]);\n\n  return (\n    <StyledMenu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position={position}\n      target={\n        <CounterButton\n          active={open}\n          label={label}\n          icon={icon}\n          counter={count}\n          tooltipText={clearAllText}\n          onClearAll={handleClearAll}\n          disabled={disabled}\n          labelClassName={className}\n        />\n      }\n    >\n      <ResizeTransition in>\n        <div style={{ height, width }}>\n          <SlideLeftRightTransition\n            in={menu === \"index\"}\n            direction={isLeft ? \"left\" : \"right\"}\n            onEnter={handleHeight}\n            onEntered={() => setEnteredMenu(\"index\")}\n          >\n            <MoveFocusInside>\n              <StartMenu\n                data={data}\n                selected={filter}\n                style={{ width }}\n                onHeightChange={setHeight}\n                onItemClick={handleItemClick}\n                shouldRenderSubmenus={shouldRenderSubmenus}\n                emptyFilterText={emptyFilterText}\n              >\n                {children}\n              </StartMenu>\n            </MoveFocusInside>\n          </SlideLeftRightTransition>\n          {shouldRenderSubmenus &&\n            data.map(\n              (\n                {\n                  id,\n                  title,\n                  submenu,\n                  searchPlaceholder,\n                  disableInternalSort,\n                  isSingleSelect,\n                  defaultValue,\n                  type: submenuType = \"select\",\n                  inputPlaceholder,\n                  saveLabel = \"Save\",\n                  clearLabel,\n                  ...rest\n                }: DataType,\n                index: number\n              ) => (\n                <SlideLeftRightTransition\n                  key={`filter-submenu-${index}`}\n                  in={menu === id}\n                  direction={isLeft ? \"left\" : \"right\"}\n                  onEnter={handleHeight}\n                  onEntered={() => setEnteredMenu(id)}\n                >\n                  <Submenu\n                    title={title}\n                    onBack={setIndex}\n                    onHeightChange={setHeight}\n                    style={{ width }}\n                    indexPage={menu === \"index\"}\n                  >\n                    <MoveFocusInside disabled={enteredMenu !== id}>\n                      {submenuType === \"input\" ? (\n                        <InputSubmenu\n                          value={filter[id]?.[0] ?? \"\"}\n                          placeholder={inputPlaceholder}\n                          saveLabel={saveLabel}\n                          clearLabel={clearLabel}\n                          onSave={(value) => handleInputSave(id, value)}\n                          onClear={() => handleInputClear(id)}\n                        />\n                      ) : (\n                        <>\n                          <Select\n                            options={submenu}\n                            selected={filter[id]}\n                            onChange={handleChange}\n                            type={isSingleSelect ? \"single\" : \"multiple\"}\n                            autoHeightMax={255}\n                            placeholder={searchPlaceholder}\n                            noResultText={noResultText}\n                            keepSameOptionsOrder={Boolean(submenu.length <= 7)}\n                            disableSearch={Boolean(submenu.length <= 7)}\n                            disabledInternalSort={disableInternalSort}\n                            defaultValue={defaultValue}\n                            {...rest}\n                          />\n                          {filter[id]?.length ? (\n                            <StyledMenuFooter>\n                              <Button\n                                variant=\"text colored\"\n                                size=\"small\"\n                                onClick={handleReset}\n                              >\n                                {resetLabel}\n                              </Button>\n                            </StyledMenuFooter>\n                          ) : null}\n                        </>\n                      )}\n                    </MoveFocusInside>\n                  </Submenu>\n                </SlideLeftRightTransition>\n              )\n            )}\n        </div>\n      </ResizeTransition>\n    </StyledMenu>\n  );\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAGVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,QAAQ,QAEH,OAAO;AACd,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,UAAU;AACvD,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,UAAU,QAAQ,UAAU;AACrC,SAA8CC,MAAM,QAAQ,WAAW;AACvE,SAASC,gBAAgB,EAAEC,wBAAwB,QAAQ,gBAAgB;AAuD3E,OAAO,MAAMC,MAA0C,GAAGC,IAAA,IAepD;EAAA,IAdJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,aAAA,GAAAF,IAAA,CACJG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,CAAC,CAAC,GAAAA,aAAA;IACbE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IAAAC,eAAA,GAAAN,IAAA,CACZO,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,OAAO,GAAAA,eAAA;IACpBE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IAAAC,UAAA,GAAAT,IAAA,CACRU,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,GAAG,GAAAA,UAAA;IACXE,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,eAAe,GAAAZ,IAAA,CAAfY,eAAe;IACfC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IAAAC,SAAA,GAAAd,IAAA,CACRe,IAAI;IAAJA,IAAI,GAAAD,SAAA,2BAAGhC,KAAA,CAAAkC,aAAA,CAACrB,UAAU,MAAE,CAAC,GAAAmB,SAAA;IAAAG,aAAA,GAAAjB,IAAA,CACrBkB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,YAAY,GAAAA,aAAA;IAAAE,aAAA,GAAAnB,IAAA,CACvBoB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,SAAS,GAAArB,IAAA,CAATqB,SAAS;EAET,MAAAC,SAAA,GAAwBpC,QAAQ,CAAC,KAAK,CAAC;IAAhCqC,IAAI,GAAAD,SAAA;IAAEE,OAAO,GAAAF,SAAA;EACpB,MAAAG,UAAA,GAAwBvC,QAAQ,CAAkB,OAAO,CAAC;IAAnDwC,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,MAAAG,UAAA,GAA4B1C,QAAQ,CAAC,IAAI,CAAC;IAAnC2C,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EACxB,MAAAG,UAAA,GAA4B7C,QAAQ,CAAC,CAAC,CAAC;IAAhC8C,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EACxB,MAAAG,UAAA,GAAsChD,QAAQ,CAAkB,OAAO,CAAC;IAAjEiD,WAAW,GAAAD,UAAA;IAAEE,cAAc,GAAAF,UAAA;EAClC,MAAAG,UAAA,GAA4BnD,QAAQ,CAAe,MAAMiB,QAAQ,CAAC;IAA3DmC,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EAExBrD,SAAS,CAAC,MAAM;IACd,IAAIwD,MAAM,CAACC,IAAI,CAACtC,QAAQ,CAAC,CAACuC,MAAM,GAAG,CAAC,IAAIF,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC,CAACI,MAAM,GAAG,CAAC,EAAE;MACtEH,SAAS,CAACpC,QAAQ,CAAC;IACrB;EACF,CAAC,EAAE,CAACA,QAAQ,EAAEmC,MAAM,CAAC,CAAC;EAEtB,MAAMK,UAAU,GAAG5D,WAAW,CAAC,MAAM;IACnCyC,OAAO,CAAC,IAAI,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMoB,WAAW,GAAG7D,WAAW,CAAC,MAAM;IACpCyC,OAAO,CAAC,KAAK,CAAC;IACdG,OAAO,CAAC,OAAO,CAAC;IAChBM,SAAS,CAAC,CAAC,CAAC;EACd,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMY,YAAY,GAAG9D,WAAW,CAAE+D,OAAO,IAAK;IAAA,IAAAC,qBAAA;IAC5Cd,SAAS,EAAAc,qBAAA,GAACD,OAAO,oBAAPA,OAAO,CAAEE,YAAY,YAAAD,qBAAA,GAAI,CAAC,CAAC;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,eAAe,GAAGlE,WAAW,CAAEmE,KAAK,IAAK;IAC7CvB,OAAO,CAACuB,KAAK,CAAC;IACdpB,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMqB,QAAQ,GAAGpE,WAAW,CAAC,MAAM;IACjC4C,OAAO,CAAC,OAAO,CAAC;IAChBG,SAAS,CAAC,KAAK,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMsB,YAAY,GAAGrE,WAAW,CAC7BsE,aAAa,IAAK;IACjB,IAAIC,UAAU,GAAG,CAAC,CAAC;IACnB,IAAID,aAAa,CAACX,MAAM,EAAE;MACxBY,UAAU,GAAAC,QAAA,KACLjB,MAAM;QACT,CAACZ,IAAI,GAAG2B;MAAa,EACtB;IACH,CAAC,MAAM;MACLC,UAAU,GAAAC,QAAA,KAAQjB,MAAM,CAAE;MAC1B,OAAOgB,UAAU,CAAC5B,IAAI,CAAC;IACzB;IACAa,SAAS,CAACe,UAAU,CAAC;IACrB9C,QAAQ,CAAC8C,UAAU,CAAC;EACtB,CAAC,EACD,CAAChB,MAAM,EAAEZ,IAAI,EAAElB,QAAQ,CACzB,CAAC;EAED,MAAMgD,cAAc,GAAGzE,WAAW,CAC/B0E,KAAK,IAAK;IACTA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvBnB,SAAS,CAAC,CAAC,CAAC,CAAC;IACb/B,QAAQ,CAAC,CAAC,CAAC,CAAC;EACd,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAMmD,WAAW,GAAG5E,WAAW,CAAC,MAAM;IACpC,MAAMuE,UAAU,GAAAC,QAAA,KAAQjB,MAAM,CAAE;IAChC,OAAOgB,UAAU,CAAC5B,IAAI,CAAC;IACvBa,SAAS,CAACe,UAAU,CAAC;IACrB9C,QAAQ,CAAC8C,UAAU,CAAC;EACtB,CAAC,EAAE,CAAChB,MAAM,EAAEZ,IAAI,EAAElB,QAAQ,CAAC,CAAC;EAE5B,MAAMoD,eAAe,GAAG7E,WAAW,CACjC,CAAC8E,EAAmB,EAAEX,KAAa,KAAK;IACtC,IAAII,UAAU,GAAG,CAAC,CAAC;IACnB,IAAIJ,KAAK,CAACY,IAAI,CAAC,CAAC,EAAE;MAChBR,UAAU,GAAAC,QAAA,KACLjB,MAAM;QACT,CAACuB,EAAE,GAAG,CAACX,KAAK;MAAC,EACd;IACH,CAAC,MAAM;MACLI,UAAU,GAAAC,QAAA,KAAQjB,MAAM,CAAE;MAC1B,OAAOgB,UAAU,CAACO,EAAE,CAAC;IACvB;IACAtB,SAAS,CAACe,UAAU,CAAC;IACrB9C,QAAQ,CAAC8C,UAAU,CAAC;IACpBH,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACb,MAAM,EAAE9B,QAAQ,EAAE2C,QAAQ,CAC7B,CAAC;EAED,MAAMY,gBAAgB,GAAGhF,WAAW,CACjC8E,EAAmB,IAAK;IACvB,MAAMP,UAAU,GAAAC,QAAA,KAAQjB,MAAM,CAAE;IAChC,OAAOgB,UAAU,CAACO,EAAE,CAAC;IACrBtB,SAAS,CAACe,UAAU,CAAC;IACrB9C,QAAQ,CAAC8C,UAAU,CAAC;IACpBH,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACb,MAAM,EAAE9B,QAAQ,EAAE2C,QAAQ,CAC7B,CAAC;EAED,MAAMa,KAAK,GAAG/E,OAAO,CAAC,MAAM;IAC1B,IAAIgF,CAAC,GAAG,CAAC;IAETzB,MAAM,CAAC0B,MAAM,CAAC5B,MAAM,CAAC,CAAC6B,OAAO,CAAEC,KAAK,IAAK;MACvC,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAQH,CAAC,IAAI,CAAC;MAChB;MAEA,OAAQA,CAAC,IAAIG,KAAK,CAAC1B,MAAM;IAC3B,CAAC,CAAC;IACF,OAAOuB,CAAC;EACV,CAAC,EAAE,CAAC3B,MAAM,CAAC,CAAC;EAEZ,MAAM+B,oBAAoB,GAAGpF,OAAO,CAAC,MAAM;IACzC,IAAIgB,IAAI,CAACyC,MAAM,KAAK,CAAC,EAAE;MACrB,OAAO,KAAK;IACd;IAEA,KAAK,MAAM0B,KAAK,IAAInE,IAAI,EAAE;MAAA,IAAAqE,cAAA;MACxB,IAAIF,KAAK,CAACG,IAAI,KAAK,OAAO,IAAI,EAAAD,cAAA,GAAAF,KAAK,CAACI,OAAO,qBAAbF,cAAA,CAAe5B,MAAM,IAAG,CAAC,EAAE;QACvD,OAAO,IAAI;MACb;IACF;IAEA,OAAO,KAAK;EACd,CAAC,EAAE,CAACzC,IAAI,CAAC,CAAC;EAEV,oBACEnB,KAAA,CAAAkC,aAAA,CAAC1B,UAAU;IACTiC,IAAI,EAAEA,IAAK;IACXkD,MAAM,EAAE9B,UAAW;IACnB+B,OAAO,EAAE9B,WAAY;IACrB1B,QAAQ,EAAEA,QAAS;IACnByD,MAAM,eACJ7F,KAAA,CAAAkC,aAAA,CAACtB,aAAa;MACZkF,MAAM,EAAErD,IAAK;MACbnB,KAAK,EAAEA,KAAM;MACbW,IAAI,EAAEA,IAAK;MACX8D,OAAO,EAAEb,KAAM;MACfc,WAAW,EAAEzE,YAAa;MAC1B0E,UAAU,EAAEvB,cAAe;MAC3BpC,QAAQ,EAAEA,QAAS;MACnB4D,cAAc,EAAE3D;IAAU,CAC3B;EACF,gBAEDvC,KAAA,CAAAkC,aAAA,CAACnB,gBAAgB;IAACoF,EAAE;EAAA,gBAClBnG,KAAA,CAAAkC,aAAA;IAAKkE,KAAK,EAAE;MAAElD,MAAM;MAAEtB;IAAM;EAAE,gBAC5B5B,KAAA,CAAAkC,aAAA,CAAClB,wBAAwB;IACvBmF,EAAE,EAAEvD,IAAI,KAAK,OAAQ;IACrByD,SAAS,EAAEtD,MAAM,GAAG,MAAM,GAAG,OAAQ;IACrCuD,OAAO,EAAEvC,YAAa;IACtBwC,SAAS,EAAEA,CAAA,KAAMjD,cAAc,CAAC,OAAO;EAAE,gBAEzCtD,KAAA,CAAAkC,aAAA,CAAC7B,eAAe,qBACdL,KAAA,CAAAkC,aAAA,CAAC3B,SAAS;IACRY,IAAI,EAAEA,IAAK;IACXE,QAAQ,EAAEmC,MAAO;IACjB4C,KAAK,EAAE;MAAExE;IAAM,CAAE;IACjB4E,cAAc,EAAErD,SAAU;IAC1BsD,WAAW,EAAEtC,eAAgB;IAC7BoB,oBAAoB,EAAEA,oBAAqB;IAC3CzD,eAAe,EAAEA;EAAgB,GAEhCC,QACQ,CACI,CACO,CAAC,EAC1BwD,oBAAoB,IACnBpE,IAAI,CAACuF,GAAG,CACN,CAAAC,KAAA,EAeEC,KAAa;IAAA,IAAAC,WAAA,EAAAC,UAAA,EAAAC,WAAA;IAAA,IAbXhC,EAAE,GAAA4B,KAAA,CAAF5B,EAAE;MACFiC,KAAK,GAAAL,KAAA,CAALK,KAAK;MACLtB,OAAO,GAAAiB,KAAA,CAAPjB,OAAO;MACPuB,iBAAiB,GAAAN,KAAA,CAAjBM,iBAAiB;MACjBC,mBAAmB,GAAAP,KAAA,CAAnBO,mBAAmB;MACnBC,cAAc,GAAAR,KAAA,CAAdQ,cAAc;MACdC,YAAY,GAAAT,KAAA,CAAZS,YAAY;MAAAC,UAAA,GAAAV,KAAA,CACZlB,IAAI;MAAE6B,WAAW,GAAAD,UAAA,cAAG,QAAQ,GAAAA,UAAA;MAC5BE,gBAAgB,GAAAZ,KAAA,CAAhBY,gBAAgB;MAAAC,eAAA,GAAAb,KAAA,CAChBc,SAAS;MAATA,SAAS,GAAAD,eAAA,cAAG,MAAM,GAAAA,eAAA;MAClBE,UAAU,GAAAf,KAAA,CAAVe,UAAU;MACPC,IAAI,GAAAC,6BAAA,CAAAjB,KAAA,EAAAkB,SAAA;IAAA,oBAIT7H,KAAA,CAAAkC,aAAA,CAAClB,wBAAwB;MACvB8G,GAAG,sBAAoBlB,KAAQ;MAC/BT,EAAE,EAAEvD,IAAI,KAAKmC,EAAG;MAChBsB,SAAS,EAAEtD,MAAM,GAAG,MAAM,GAAG,OAAQ;MACrCuD,OAAO,EAAEvC,YAAa;MACtBwC,SAAS,EAAEA,CAAA,KAAMjD,cAAc,CAACyB,EAAE;IAAE,gBAEpC/E,KAAA,CAAAkC,aAAA,CAACxB,OAAO;MACNsG,KAAK,EAAEA,KAAM;MACbe,MAAM,EAAE1D,QAAS;MACjBmC,cAAc,EAAErD,SAAU;MAC1BiD,KAAK,EAAE;QAAExE;MAAM,CAAE;MACjBoG,SAAS,EAAEpF,IAAI,KAAK;IAAQ,gBAE5B5C,KAAA,CAAAkC,aAAA,CAAC7B,eAAe;MAACiC,QAAQ,EAAEe,WAAW,KAAK0B;IAAG,GAC3CuC,WAAW,KAAK,OAAO,gBACtBtH,KAAA,CAAAkC,aAAA,CAAC5B,YAAY;MACX8D,KAAK,GAAAyC,WAAA,IAAAC,UAAA,GAAEtD,MAAM,CAACuB,EAAE,CAAC,qBAAV+B,UAAA,CAAa,CAAC,CAAC,YAAAD,WAAA,GAAI,EAAG;MAC7BoB,WAAW,EAAEV,gBAAiB;MAC9BE,SAAS,EAAEA,SAAU;MACrBC,UAAU,EAAEA,UAAW;MACvBQ,MAAM,EAAG9D,KAAK,IAAKU,eAAe,CAACC,EAAE,EAAEX,KAAK,CAAE;MAC9C+D,OAAO,EAAEA,CAAA,KAAMlD,gBAAgB,CAACF,EAAE;IAAE,CACrC,CAAC,gBAEF/E,KAAA,CAAAkC,aAAA,CAAAlC,KAAA,CAAAoI,QAAA,qBACEpI,KAAA,CAAAkC,aAAA,CAACpB,MAAM,EAAA2D,QAAA;MACL4D,OAAO,EAAE3C,OAAQ;MACjBrE,QAAQ,EAAEmC,MAAM,CAACuB,EAAE,CAAE;MACrBrD,QAAQ,EAAE4C,YAAa;MACvBmB,IAAI,EAAE0B,cAAc,GAAG,QAAQ,GAAG,UAAW;MAC7CmB,aAAa,EAAE,GAAI;MACnBL,WAAW,EAAEhB,iBAAkB;MAC/BpF,YAAY,EAAEA,YAAa;MAC3B0G,oBAAoB,EAAEC,OAAO,CAAC9C,OAAO,CAAC9B,MAAM,IAAI,CAAC,CAAE;MACnD6E,aAAa,EAAED,OAAO,CAAC9C,OAAO,CAAC9B,MAAM,IAAI,CAAC,CAAE;MAC5C8E,oBAAoB,EAAExB,mBAAoB;MAC1CE,YAAY,EAAEA;IAAa,GACvBO,IAAI,CACT,CAAC,EACD,CAAAZ,WAAA,GAAAvD,MAAM,CAACuB,EAAE,CAAC,aAAVgC,WAAA,CAAYnD,MAAM,gBACjB5D,KAAA,CAAAkC,aAAA,CAACzB,gBAAgB,qBACfT,KAAA,CAAAkC,aAAA,CAACvB,MAAM;MACLgI,OAAO,EAAC,cAAc;MACtBC,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEhE;IAAY,GAEpBpD,UACK,CACQ,CAAC,GACjB,IACJ,CAEW,CACV,CACe,CAAC;EAAA,CAE/B,CACC,CACW,CACR,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"Filter.js","names":["React","useCallback","useEffect","useMemo","useState","MoveFocusInside","InputSubmenu","StartMenu","StyledMenu","StyledMenuFooter","Submenu","Button","CounterButton","FilterIcon","Select","ResizeTransition","SlideLeftRightTransition","Filter","_ref","data","_ref$selected","selected","label","clearAllText","_ref$resetLabel","resetLabel","onChange","_ref$width","width","noResultText","emptyFilterText","children","_ref$icon","icon","createElement","_ref$position","position","_ref$disabled","disabled","className","_useState","open","setOpen","_useState2","menu","setMenu","_useState3","isLeft","setIsLeft","_useState4","height","setHeight","_useState5","enteredMenu","setEnteredMenu","_useState6","filter","setFilter","Object","keys","length","handleOpen","handleClose","handleHeight","element","_element$offsetHeight","offsetHeight","handleItemClick","value","setIndex","handleChange","selectedArray","newFilters","_extends","handleClearAll","event","stopPropagation","handleReset","handleInputSave","id","trim","handleInputClear","count","c","values","forEach","entry","shouldRenderSubmenus","_entry$submenu","type","submenu","onOpen","onClose","target","counter","tooltipText","onClearAll","labelClassName","in","style","direction","onEnter","onEntered","onHeightChange","onItemClick","map","_ref2","index","_filter$id$","_filter$id","_filter$id2","title","searchPlaceholder","disableInternalSort","isSingleSelect","defaultValue","_ref2$type","submenuType","inputPlaceholder","_ref2$saveLabel","saveLabel","clearLabel","rest","_objectWithoutPropertiesLoose","_excluded","key","onBack","indexPage","placeholder","onSave","onClear","Fragment","options","autoHeightMax","keepSameOptionsOrder","Boolean","disableSearch","disabledInternalSort","variant","size","onClick"],"sources":["../../../../src/components/Filter/Filter.tsx"],"sourcesContent":["import React, {\n  FC,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  PropsWithChildren,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { Placement } from \"@popperjs/core\";\n\nimport { InputSubmenu } from \"./InputSubmenu\";\nimport { StartMenu } from \"./StartMenu\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\nimport { Submenu } from \"./Submenu\";\nimport { Button } from \"../Button\";\nimport { CounterButton } from \"../CounterButton\";\nimport { FilterIcon } from \"../Icons\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\n\nexport type DataType = {\n  id: number | string;\n  title: string;\n  searchPlaceholder?: string;\n  disableInternalSort?: boolean;\n  submenu: Array<IOptionGroupProps | IOptionItemProps>;\n  isSingleSelect?: boolean;\n  defaultValue?: string;\n  emptyValue?: string;\n  emptyAction?: (e: string | undefined) => void;\n  /** Type of submenu - 'select' renders options list, 'input' renders an input field with save button */\n  type?: \"select\" | \"input\";\n  /** Placeholder text for input field (only used when type='input') */\n  inputPlaceholder?: string;\n  /** Label for the save button (only used when type='input') */\n  saveLabel?: string;\n  /** Label for the clear button (only used when type='input') */\n  clearLabel?: string;\n};\n\nexport type SelectedType = {\n  [key: number | string]: Array<string>;\n};\n\nexport interface FilterProps {\n  /** Data rendered in submenus */\n  data: Array<DataType>;\n  /** Selected data inside submenus */\n  selected?: SelectedType;\n  /** Main filter label */\n  label: string;\n  /** Filter width */\n  width?: number;\n  /** Text displayed for the tooltip of clear all button */\n  clearAllText: string;\n  /** Handler for changes on the filter */\n  onChange: (selected: SelectedType) => void;\n  /** Label for reset button inside submenu */\n  resetLabel?: string;\n  /** Text to show when search results are empty */\n  noResultText: string;\n  /** Text to show when there are no submenus to display */\n  emptyFilterText?: string;\n  /** Position of the dropped menu. */\n  position?: Placement;\n  /** Icon of the trigger element. */\n  icon?: ReactElement;\n  /** Disabled state of the trigger. */\n  disabled?: boolean;\n  /** Applies passed classes for label text */\n  className?: string;\n}\n\nexport const Filter: FC<PropsWithChildren<FilterProps>> = ({\n  data,\n  selected = {},\n  label,\n  clearAllText,\n  resetLabel = \"Reset\",\n  onChange,\n  width = 260,\n  noResultText,\n  emptyFilterText,\n  children,\n  icon = <FilterIcon />,\n  position = \"bottom-end\",\n  disabled = false,\n  className,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [menu, setMenu] = useState<number | string>(\"index\");\n  const [isLeft, setIsLeft] = useState(true);\n  const [height, setHeight] = useState(0);\n  const [enteredMenu, setEnteredMenu] = useState<number | string>(\"index\");\n  const [filter, setFilter] = useState<SelectedType>(() => selected);\n\n  useEffect(() => {\n    if (Object.keys(selected).length > 0 || Object.keys(filter).length > 0) {\n      setFilter(selected);\n    }\n  }, [selected, filter]);\n\n  const handleOpen = useCallback(() => {\n    setOpen(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    setMenu(\"index\");\n    setHeight(0);\n  }, []);\n\n  const handleHeight = useCallback((element) => {\n    setHeight(element?.offsetHeight ?? 0);\n  }, []);\n\n  const handleItemClick = useCallback((value) => {\n    setMenu(value);\n    setIsLeft(true);\n  }, []);\n\n  const setIndex = useCallback(() => {\n    setMenu(\"index\");\n    setIsLeft(false);\n  }, []);\n\n  const handleChange = useCallback(\n    (selectedArray) => {\n      let newFilters = {};\n      if (selectedArray.length) {\n        newFilters = {\n          ...filter,\n          [menu]: selectedArray,\n        };\n      } else {\n        newFilters = { ...filter };\n        delete newFilters[menu];\n      }\n      setFilter(newFilters);\n      onChange(newFilters);\n    },\n    [filter, menu, onChange]\n  );\n\n  const handleClearAll = useCallback(\n    (event) => {\n      event.stopPropagation();\n      setFilter({});\n      onChange({});\n    },\n    [onChange]\n  );\n\n  const handleReset = useCallback(() => {\n    const newFilters = { ...filter };\n    delete newFilters[menu];\n    setFilter(newFilters);\n    onChange(newFilters);\n  }, [filter, menu, onChange]);\n\n  const handleInputSave = useCallback(\n    (id: number | string, value: string) => {\n      let newFilters = {};\n      if (value.trim()) {\n        newFilters = {\n          ...filter,\n          [id]: [value],\n        };\n      } else {\n        newFilters = { ...filter };\n        delete newFilters[id];\n      }\n      setFilter(newFilters);\n      onChange(newFilters);\n      setIndex();\n    },\n    [filter, onChange, setIndex]\n  );\n\n  const handleInputClear = useCallback(\n    (id: number | string) => {\n      const newFilters = { ...filter };\n      delete newFilters[id];\n      setFilter(newFilters);\n      onChange(newFilters);\n      setIndex();\n    },\n    [filter, onChange, setIndex]\n  );\n\n  const count = useMemo(() => {\n    let c = 0;\n\n    Object.values(filter).forEach((entry) => {\n      if (typeof entry === \"string\") {\n        return (c += 1);\n      }\n\n      return (c += entry.length);\n    });\n    return c;\n  }, [filter]);\n\n  const shouldRenderSubmenus = useMemo(() => {\n    if (data.length === 0) {\n      return false;\n    }\n\n    for (const entry of data) {\n      if (entry.type === \"input\" || entry.submenu?.length > 1) {\n        return true;\n      }\n    }\n\n    return false;\n  }, [data]);\n\n  return (\n    <StyledMenu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position={position}\n      target={\n        <CounterButton\n          label={label}\n          icon={icon}\n          counter={count}\n          tooltipText={clearAllText}\n          onClearAll={handleClearAll}\n          disabled={disabled}\n          labelClassName={className}\n        />\n      }\n    >\n      <ResizeTransition in>\n        <div style={{ height, width }}>\n          <SlideLeftRightTransition\n            in={menu === \"index\"}\n            direction={isLeft ? \"left\" : \"right\"}\n            onEnter={handleHeight}\n            onEntered={() => setEnteredMenu(\"index\")}\n          >\n            <MoveFocusInside>\n              <StartMenu\n                data={data}\n                selected={filter}\n                style={{ width }}\n                onHeightChange={setHeight}\n                onItemClick={handleItemClick}\n                shouldRenderSubmenus={shouldRenderSubmenus}\n                emptyFilterText={emptyFilterText}\n              >\n                {children}\n              </StartMenu>\n            </MoveFocusInside>\n          </SlideLeftRightTransition>\n          {shouldRenderSubmenus &&\n            data.map(\n              (\n                {\n                  id,\n                  title,\n                  submenu,\n                  searchPlaceholder,\n                  disableInternalSort,\n                  isSingleSelect,\n                  defaultValue,\n                  type: submenuType = \"select\",\n                  inputPlaceholder,\n                  saveLabel = \"Save\",\n                  clearLabel,\n                  ...rest\n                }: DataType,\n                index: number\n              ) => (\n                <SlideLeftRightTransition\n                  key={`filter-submenu-${index}`}\n                  in={menu === id}\n                  direction={isLeft ? \"left\" : \"right\"}\n                  onEnter={handleHeight}\n                  onEntered={() => setEnteredMenu(id)}\n                >\n                  <Submenu\n                    title={title}\n                    onBack={setIndex}\n                    onHeightChange={setHeight}\n                    style={{ width }}\n                    indexPage={menu === \"index\"}\n                  >\n                    <MoveFocusInside disabled={enteredMenu !== id}>\n                      {submenuType === \"input\" ? (\n                        <InputSubmenu\n                          value={filter[id]?.[0] ?? \"\"}\n                          placeholder={inputPlaceholder}\n                          saveLabel={saveLabel}\n                          clearLabel={clearLabel}\n                          onSave={(value) => handleInputSave(id, value)}\n                          onClear={() => handleInputClear(id)}\n                        />\n                      ) : (\n                        <>\n                          <Select\n                            options={submenu}\n                            selected={filter[id]}\n                            onChange={handleChange}\n                            type={isSingleSelect ? \"single\" : \"multiple\"}\n                            autoHeightMax={255}\n                            placeholder={searchPlaceholder}\n                            noResultText={noResultText}\n                            keepSameOptionsOrder={Boolean(submenu.length <= 7)}\n                            disableSearch={Boolean(submenu.length <= 7)}\n                            disabledInternalSort={disableInternalSort}\n                            defaultValue={defaultValue}\n                            {...rest}\n                          />\n                          {filter[id]?.length ? (\n                            <StyledMenuFooter>\n                              <Button\n                                variant=\"text colored\"\n                                size=\"small\"\n                                onClick={handleReset}\n                              >\n                                {resetLabel}\n                              </Button>\n                            </StyledMenuFooter>\n                          ) : null}\n                        </>\n                      )}\n                    </MoveFocusInside>\n                  </Submenu>\n                </SlideLeftRightTransition>\n              )\n            )}\n        </div>\n      </ResizeTransition>\n    </StyledMenu>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,EAAE,EACF,SAAS,EACT,UAAU,EAIV,YAAY,EACZ,GAAG,EACJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAW3C,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAID,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,KAAK;IACpB,mBAAmB;IACnB,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,UAAU,EAAE;QAAE,UAAU,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9D,4BAA4B;IAC5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,wBAAwB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;IAC9B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6FAA6F;IAC7F,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6CAA6C;IAC7C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,qBAAqB;IACrB,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CAyL1B,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,EAAE,EACF,SAAS,EACT,UAAU,EAKV,YAAY,EACZ,GAAG,EACJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAW3C,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAID,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,KAAK;IACpB,mBAAmB;IACnB,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,UAAU,EAAE;QAAE,UAAU,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9D,4BAA4B;IAC5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,wBAAwB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;IAC9B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6FAA6F;IAC7F,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6CAA6C;IAC7C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,qBAAqB;IACrB,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,IAAI,CAAC;CAClC;AAoED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CA+N1B,CAAC"}