@redsift/popovers 11.9.2 → 11.9.3

package/_internal/Toggletip2.js

@@ -123,7 +123,7 @@ const BaseToggletip = props => {
     offset,
     onOpen,
     overrideDisplayName,
-    placement = ToggletipPlacement.bottom,
+    placement = ToggletipPlacement.top,
     role = 'dialog',
     theme: propsTheme,
     toggletipId,

package/_internal/Toggletip2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggletip2.js","sources":["../../src/components/toggletip/useToggletip.tsx","../../src/components/toggletip/Toggletip.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  size,\n  useDismiss,\n  useRole,\n  useInteractions,\n  useClientPoint,\n  arrow,\n  safePolygon,\n  useHover,\n} from '@floating-ui/react';\nimport { HiddenToggletipState, ToggletipProps } from './types';\nimport { useId } from '@redsift/design-system';\n\nexport function useToggletip({\n  color,\n  defaultOpen,\n  delay,\n  isModal,\n  isOpen: propsIsOpen,\n  maxWidth,\n  minWidth,\n  offset: propsOffset,\n  onOpen,\n  placement,\n  role: propsRole,\n  toggletipId: propsToggletipId,\n  triggerClassName,\n  width,\n  setHideInsteadOfClose,\n  hideInsteadOfClose,\n}: Omit<ToggletipProps, 'children'> & HiddenToggletipState) {\n  const arrowRef = useRef(null);\n  const [isOpen, setIsOpen] = useState(propsIsOpen ?? defaultOpen);\n\n  const [_id] = useId();\n  const toggletipId = propsToggletipId ?? _id;\n\n  useEffect(() => {\n    setIsOpen(propsIsOpen ?? defaultOpen);\n  }, [propsIsOpen, defaultOpen]);\n\n  const handleOpen = useCallback(\n    (collapsed: boolean) => {\n      if (onOpen) {\n        onOpen(collapsed);\n      }\n      if (propsIsOpen === undefined || propsIsOpen === null) {\n        setIsOpen(collapsed);\n      }\n    },\n    [onOpen]\n  );\n\n  const middleware = [\n    offset(propsOffset ?? 8),\n    flip({\n      fallbackAxisSideDirection: 'start',\n    }),\n    shift({ padding: 8 }),\n    arrow({\n      element: arrowRef,\n    }),\n  ];\n\n  middleware.push(\n    size({\n      apply({ availableHeight, availableWidth, rects, elements }) {\n        Object.assign(elements.floating.style, {\n          maxHeight: `${availableHeight}px`,\n          ...(minWidth !== undefined && {\n            minWidth: `${\n              minWidth === 'available-width'\n                ? availableWidth\n                : minWidth === 'trigger-width'\n                ? rects.reference.width\n                : minWidth\n            }px`,\n          }),\n          ...(width !== undefined && {\n            width: `${\n              width === 'available-width' ? availableWidth : width === 'trigger-width' ? rects.reference.width : width\n            }px`,\n          }),\n          ...(maxWidth !== undefined && {\n            maxWidth: `${\n              maxWidth === 'available-width'\n                ? availableWidth\n                : maxWidth === 'trigger-width'\n                ? rects.reference.width\n                : maxWidth\n            }px`,\n          }),\n        });\n      },\n    })\n  );\n\n  const data = useFloating({\n    placement: placement === 'client-point' ? 'left' : placement,\n    open: isOpen,\n    onOpenChange: handleOpen,\n    whileElementsMounted: autoUpdate,\n    middleware,\n  });\n\n  const context = data.context;\n  const clientPoint = useClientPoint(context, { enabled: placement === 'client-point' });\n\n  const hover = useHover(context, {\n    move: false,\n    delay: {\n      open: delay,\n      close: 0,\n    },\n    handleClose: safePolygon(),\n  });\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: propsRole });\n\n  const interactions = useInteractions([hover, dismiss, role, clientPoint]);\n\n  return React.useMemo(\n    () => ({\n      color,\n      isOpen,\n      handleOpen,\n      ...interactions,\n      ...data,\n      arrowRef,\n      isModal,\n      triggerClassName,\n      setHideInsteadOfClose,\n      hideInsteadOfClose,\n      toggletipId,\n    }),\n    [\n      color,\n      isOpen,\n      handleOpen,\n      interactions,\n      data,\n      arrowRef,\n      isModal,\n      triggerClassName,\n      setHideInsteadOfClose,\n      hideInsteadOfClose,\n      toggletipId,\n    ]\n  );\n}\n","import React, { useState } from 'react';\nimport { partitionComponents, isComponent, useTheme, ThemeProvider } from '@redsift/design-system';\nimport { ToggletipContent } from '../toggletip-content';\nimport { ToggletipTrigger } from '../toggletip-trigger';\n\nimport { ToggletipContext } from './context';\nimport { ToggletipPlacement, ToggletipProps } from './types';\nimport { useToggletip } from './useToggletip';\n\nconst COMPONENT_NAME = 'Toggletip';\nconst CLASSNAME = 'redsift-toggletip';\n\n/**\n * The Toggletip component.\n */\nexport const BaseToggletip: React.FC<ToggletipProps> & {\n  displayName?: string;\n  className?: string;\n} = (props) => {\n  const {\n    children,\n    color,\n    defaultOpen,\n    isModal = false,\n    isOpen,\n    maxWidth,\n    minWidth,\n    offset,\n    onOpen,\n    overrideDisplayName,\n    placement = ToggletipPlacement.bottom,\n    role = 'dialog',\n    theme: propsTheme,\n    toggletipId,\n    triggerClassName,\n    width,\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const [hideInsteadOfClose, setHideInsteadOfClose] = useState(false);\n\n  const toggletip = useToggletip({\n    color,\n    defaultOpen,\n    isModal,\n    isOpen,\n    maxWidth,\n    minWidth,\n    offset,\n    onOpen,\n    placement,\n    role,\n    toggletipId,\n    triggerClassName,\n    setHideInsteadOfClose,\n    hideInsteadOfClose,\n    width,\n  });\n\n  const [[trigger], [content]] = partitionComponents(React.Children.toArray(children), [\n    isComponent(overrideDisplayName?.trigger ?? 'ToggletipTrigger'),\n    isComponent(overrideDisplayName?.content ?? 'ToggletipContent'),\n  ]);\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <ToggletipContext.Provider value={toggletip}>\n        {trigger && isComponent(overrideDisplayName?.trigger ?? 'ToggletipTrigger')(trigger) ? trigger : null}\n        {content && isComponent(overrideDisplayName?.content ?? 'ToggletipContent')(content) ? content : null}\n      </ToggletipContext.Provider>\n    </ThemeProvider>\n  );\n};\nBaseToggletip.className = CLASSNAME;\nBaseToggletip.displayName = COMPONENT_NAME;\n\nexport const Toggletip = Object.assign(BaseToggletip, {\n  Trigger: ToggletipTrigger,\n  Content: ToggletipContent,\n});\n"],"names":["useToggletip","_ref","color","defaultOpen","delay","isModal","isOpen","propsIsOpen","maxWidth","minWidth","offset","propsOffset","onOpen","placement","role","propsRole","toggletipId","propsToggletipId","triggerClassName","width","setHideInsteadOfClose","hideInsteadOfClose","arrowRef","useRef","setIsOpen","useState","_id","useId","useEffect","handleOpen","useCallback","collapsed","undefined","middleware","flip","fallbackAxisSideDirection","shift","padding","arrow","element","push","size","apply","_ref2","availableHeight","availableWidth","rects","elements","Object","assign","floating","style","_objectSpread","maxHeight","reference","data","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","context","clientPoint","useClientPoint","enabled","hover","useHover","move","close","handleClose","safePolygon","dismiss","useDismiss","useRole","interactions","useInteractions","React","useMemo","COMPONENT_NAME","CLASSNAME","BaseToggletip","props","_overrideDisplayName$","_overrideDisplayName$2","_overrideDisplayName$3","_overrideDisplayName$4","children","overrideDisplayName","ToggletipPlacement","bottom","theme","propsTheme","useTheme","toggletip","trigger","content","partitionComponents","Children","toArray","isComponent","createElement","ThemeProvider","value","ToggletipContext","Provider","className","displayName","Toggletip","Trigger","ToggletipTrigger","Content","ToggletipContent"],"mappings":"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"}
+{"version":3,"file":"Toggletip2.js","sources":["../../src/components/toggletip/useToggletip.tsx","../../src/components/toggletip/Toggletip.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  size,\n  useDismiss,\n  useRole,\n  useInteractions,\n  useClientPoint,\n  arrow,\n  safePolygon,\n  useHover,\n} from '@floating-ui/react';\nimport { HiddenToggletipState, ToggletipProps } from './types';\nimport { useId } from '@redsift/design-system';\n\nexport function useToggletip({\n  color,\n  defaultOpen,\n  delay,\n  isModal,\n  isOpen: propsIsOpen,\n  maxWidth,\n  minWidth,\n  offset: propsOffset,\n  onOpen,\n  placement,\n  role: propsRole,\n  toggletipId: propsToggletipId,\n  triggerClassName,\n  width,\n  setHideInsteadOfClose,\n  hideInsteadOfClose,\n}: Omit<ToggletipProps, 'children'> & HiddenToggletipState) {\n  const arrowRef = useRef(null);\n  const [isOpen, setIsOpen] = useState(propsIsOpen ?? defaultOpen);\n\n  const [_id] = useId();\n  const toggletipId = propsToggletipId ?? _id;\n\n  useEffect(() => {\n    setIsOpen(propsIsOpen ?? defaultOpen);\n  }, [propsIsOpen, defaultOpen]);\n\n  const handleOpen = useCallback(\n    (collapsed: boolean) => {\n      if (onOpen) {\n        onOpen(collapsed);\n      }\n      if (propsIsOpen === undefined || propsIsOpen === null) {\n        setIsOpen(collapsed);\n      }\n    },\n    [onOpen]\n  );\n\n  const middleware = [\n    offset(propsOffset ?? 8),\n    flip({\n      fallbackAxisSideDirection: 'start',\n    }),\n    shift({ padding: 8 }),\n    arrow({\n      element: arrowRef,\n    }),\n  ];\n\n  middleware.push(\n    size({\n      apply({ availableHeight, availableWidth, rects, elements }) {\n        Object.assign(elements.floating.style, {\n          maxHeight: `${availableHeight}px`,\n          ...(minWidth !== undefined && {\n            minWidth: `${\n              minWidth === 'available-width'\n                ? availableWidth\n                : minWidth === 'trigger-width'\n                ? rects.reference.width\n                : minWidth\n            }px`,\n          }),\n          ...(width !== undefined && {\n            width: `${\n              width === 'available-width' ? availableWidth : width === 'trigger-width' ? rects.reference.width : width\n            }px`,\n          }),\n          ...(maxWidth !== undefined && {\n            maxWidth: `${\n              maxWidth === 'available-width'\n                ? availableWidth\n                : maxWidth === 'trigger-width'\n                ? rects.reference.width\n                : maxWidth\n            }px`,\n          }),\n        });\n      },\n    })\n  );\n\n  const data = useFloating({\n    placement: placement === 'client-point' ? 'left' : placement,\n    open: isOpen,\n    onOpenChange: handleOpen,\n    whileElementsMounted: autoUpdate,\n    middleware,\n  });\n\n  const context = data.context;\n  const clientPoint = useClientPoint(context, { enabled: placement === 'client-point' });\n\n  const hover = useHover(context, {\n    move: false,\n    delay: {\n      open: delay,\n      close: 0,\n    },\n    handleClose: safePolygon(),\n  });\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: propsRole });\n\n  const interactions = useInteractions([hover, dismiss, role, clientPoint]);\n\n  return React.useMemo(\n    () => ({\n      color,\n      isOpen,\n      handleOpen,\n      ...interactions,\n      ...data,\n      arrowRef,\n      isModal,\n      triggerClassName,\n      setHideInsteadOfClose,\n      hideInsteadOfClose,\n      toggletipId,\n    }),\n    [\n      color,\n      isOpen,\n      handleOpen,\n      interactions,\n      data,\n      arrowRef,\n      isModal,\n      triggerClassName,\n      setHideInsteadOfClose,\n      hideInsteadOfClose,\n      toggletipId,\n    ]\n  );\n}\n","import React, { useState } from 'react';\nimport { partitionComponents, isComponent, useTheme, ThemeProvider } from '@redsift/design-system';\nimport { ToggletipContent } from '../toggletip-content';\nimport { ToggletipTrigger } from '../toggletip-trigger';\n\nimport { ToggletipContext } from './context';\nimport { ToggletipPlacement, ToggletipProps } from './types';\nimport { useToggletip } from './useToggletip';\n\nconst COMPONENT_NAME = 'Toggletip';\nconst CLASSNAME = 'redsift-toggletip';\n\n/**\n * The Toggletip component.\n */\nexport const BaseToggletip: React.FC<ToggletipProps> & {\n  displayName?: string;\n  className?: string;\n} = (props) => {\n  const {\n    children,\n    color,\n    defaultOpen,\n    isModal = false,\n    isOpen,\n    maxWidth,\n    minWidth,\n    offset,\n    onOpen,\n    overrideDisplayName,\n    placement = ToggletipPlacement.top,\n    role = 'dialog',\n    theme: propsTheme,\n    toggletipId,\n    triggerClassName,\n    width,\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const [hideInsteadOfClose, setHideInsteadOfClose] = useState(false);\n\n  const toggletip = useToggletip({\n    color,\n    defaultOpen,\n    isModal,\n    isOpen,\n    maxWidth,\n    minWidth,\n    offset,\n    onOpen,\n    placement,\n    role,\n    toggletipId,\n    triggerClassName,\n    setHideInsteadOfClose,\n    hideInsteadOfClose,\n    width,\n  });\n\n  const [[trigger], [content]] = partitionComponents(React.Children.toArray(children), [\n    isComponent(overrideDisplayName?.trigger ?? 'ToggletipTrigger'),\n    isComponent(overrideDisplayName?.content ?? 'ToggletipContent'),\n  ]);\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <ToggletipContext.Provider value={toggletip}>\n        {trigger && isComponent(overrideDisplayName?.trigger ?? 'ToggletipTrigger')(trigger) ? trigger : null}\n        {content && isComponent(overrideDisplayName?.content ?? 'ToggletipContent')(content) ? content : null}\n      </ToggletipContext.Provider>\n    </ThemeProvider>\n  );\n};\nBaseToggletip.className = CLASSNAME;\nBaseToggletip.displayName = COMPONENT_NAME;\n\nexport const Toggletip = Object.assign(BaseToggletip, {\n  Trigger: ToggletipTrigger,\n  Content: ToggletipContent,\n});\n"],"names":["useToggletip","_ref","color","defaultOpen","delay","isModal","isOpen","propsIsOpen","maxWidth","minWidth","offset","propsOffset","onOpen","placement","role","propsRole","toggletipId","propsToggletipId","triggerClassName","width","setHideInsteadOfClose","hideInsteadOfClose","arrowRef","useRef","setIsOpen","useState","_id","useId","useEffect","handleOpen","useCallback","collapsed","undefined","middleware","flip","fallbackAxisSideDirection","shift","padding","arrow","element","push","size","apply","_ref2","availableHeight","availableWidth","rects","elements","Object","assign","floating","style","_objectSpread","maxHeight","reference","data","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","context","clientPoint","useClientPoint","enabled","hover","useHover","move","close","handleClose","safePolygon","dismiss","useDismiss","useRole","interactions","useInteractions","React","useMemo","COMPONENT_NAME","CLASSNAME","BaseToggletip","props","_overrideDisplayName$","_overrideDisplayName$2","_overrideDisplayName$3","_overrideDisplayName$4","children","overrideDisplayName","ToggletipPlacement","top","theme","propsTheme","useTheme","toggletip","trigger","content","partitionComponents","Children","toArray","isComponent","createElement","ThemeProvider","value","ToggletipContext","Provider","className","displayName","Toggletip","Trigger","ToggletipTrigger","Content","ToggletipContent"],"mappings":"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"}

package/_internal/ToggletipTrigger.js

@@ -1,9 +1,9 @@
 import { b as _extends, _ as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
-import { focusRing, isComponent } from '@redsift/design-system';
 import classNames from 'classnames';
 import styled from 'styled-components';
+import { focusRing } from '@redsift/design-system';
 import { u as useToggletipContext } from './useToggletipContext.js';
 
 /**
@@ -44,7 +44,7 @@ const ToggletipTrigger = /*#__PURE__*/forwardRef((props, ref) => {
   } = useToggletipContext();
   const childrenRef = children.ref;
   const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
-  if (isComponent('Icon')(children) || isComponent('Text')(children)) {
+  if ( /*#__PURE__*/React.isValidElement(children)) {
     return /*#__PURE__*/React.createElement(StyledToggletipTrigger, _extends({}, getReferenceProps(_objectSpread2(_objectSpread2({
       ref: triggerRef
     }, props), {}, {

package/_internal/ToggletipTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggletipTrigger.js","sources":["../../src/components/toggletip-trigger/styles.ts","../../src/components/toggletip-trigger/ToggletipTrigger.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledToggletipTriggerProps } from './types';\nimport { focusRing } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledToggletipTrigger = styled.button<StyledToggletipTriggerProps>`\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: inherit;\n  cursor: default;\n  display: inline-flex;\n\n  ${focusRing}\n`;\n","import React, { forwardRef, ReactElement } from 'react';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp, isComponent } from '@redsift/design-system';\nimport { useToggletipContext } from '../toggletip';\nimport { ToggletipTriggerProps } from './types';\nimport classNames from 'classnames';\nimport { StyledToggletipTrigger } from './styles';\n\nconst COMPONENT_NAME = 'ToggletipTrigger';\nconst CLASSNAME = 'redsift-toggletip-trigger';\n\n/**\n * The ToggletipTrigger component.\n */\nexport const ToggletipTrigger: Comp<ToggletipTriggerProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  const { children } = props;\n\n  const { getReferenceProps, isOpen, handleOpen, refs, toggletipId, triggerClassName, color } = useToggletipContext();\n  const childrenRef = (children as any).ref;\n  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n  if (isComponent('Icon')(children) || isComponent('Text')(children)) {\n    return (\n      <StyledToggletipTrigger\n        {...getReferenceProps({\n          ref: triggerRef,\n          ...props,\n          'aria-describedby': toggletipId,\n        })}\n        type=\"button\"\n        aria-expanded={isOpen}\n        onClick={undefined}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar' || e.code === 'Space') {\n            e.preventDefault();\n            if (props.onClick) {\n              props.onClick(e as never);\n            } else {\n              handleOpen(!isOpen);\n            }\n          }\n        }}\n        className={classNames(triggerClassName)}\n      >\n        {React.cloneElement(children as ReactElement, {\n          ...children.props,\n          isActive: isOpen,\n          color: color ?? children.props.color,\n        })}\n      </StyledToggletipTrigger>\n    );\n  }\n\n  return null;\n});\nToggletipTrigger.className = CLASSNAME;\nToggletipTrigger.displayName = COMPONENT_NAME;\n"],"names":["StyledToggletipTrigger","styled","button","focusRing","COMPONENT_NAME","CLASSNAME","ToggletipTrigger","forwardRef","props","ref","children","getReferenceProps","isOpen","handleOpen","refs","toggletipId","triggerClassName","color","useToggletipContext","childrenRef","triggerRef","useMergeRefs","setReference","isComponent","React","createElement","_extends","_objectSpread","type","onClick","undefined","onKeyDown","e","key","code","preventDefault","className","classNames","cloneElement","isActive","displayName"],"mappings":";;;;;;;;AAIA;AACA;AACA;AACO,MAAMA,sBAAsB,GAAGC,MAAM,CAACC,MAAoC,CAAA;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,SAAU,CAAA;AACd,CAAC;;ACVD,MAAMC,cAAc,GAAG,kBAAkB,CAAA;AACzC,MAAMC,SAAS,GAAG,2BAA2B,CAAA;;AAE7C;AACA;AACA;AACO,MAAMC,gBAAgE,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzG,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;EAE1B,MAAM;IAAEG,iBAAiB;IAAEC,MAAM;IAAEC,UAAU;IAAEC,IAAI;IAAEC,WAAW;IAAEC,gBAAgB;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,mBAAmB,EAAE,CAAA;AACnH,EAAA,MAAMC,WAAW,GAAIT,QAAQ,CAASD,GAAG,CAAA;AACzC,EAAA,MAAMW,UAAU,GAAGC,YAAY,CAAC,CAACP,IAAI,CAACQ,YAAY,EAAEb,GAAG,EAAEU,WAAW,CAAC,CAAC,CAAA;AAEtE,EAAA,IAAII,WAAW,CAAC,MAAM,CAAC,CAACb,QAAQ,CAAC,IAAIa,WAAW,CAAC,MAAM,CAAC,CAACb,QAAQ,CAAC,EAAE;AAClE,IAAA,oBACEc,KAAA,CAAAC,aAAA,CAACzB,sBAAsB,EAAA0B,QAAA,CAAA,EAAA,EACjBf,iBAAiB,CAAAgB,cAAA,CAAAA,cAAA,CAAA;AACnBlB,MAAAA,GAAG,EAAEW,UAAAA;AAAU,KAAA,EACZZ,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,MAAA,kBAAkB,EAAEO,WAAAA;AAAW,KAAA,CAChC,CAAC,EAAA;AACFa,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,eAAA,EAAehB,MAAO;AACtBiB,MAAAA,OAAO,EAAEC,SAAU;MACnBC,SAAS,EAAGC,CAAC,IAAK;QAChB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,IAAID,CAAC,CAACC,GAAG,KAAK,UAAU,IAAID,CAAC,CAACE,IAAI,KAAK,OAAO,EAAE;UACpFF,CAAC,CAACG,cAAc,EAAE,CAAA;UAClB,IAAI3B,KAAK,CAACqB,OAAO,EAAE;AACjBrB,YAAAA,KAAK,CAACqB,OAAO,CAACG,CAAU,CAAC,CAAA;AAC3B,WAAC,MAAM;YACLnB,UAAU,CAAC,CAACD,MAAM,CAAC,CAAA;AACrB,WAAA;AACF,SAAA;OACA;MACFwB,SAAS,EAAEC,UAAU,CAACrB,gBAAgB,CAAA;AAAE,KAAA,CAAA,eAEvCQ,KAAK,CAACc,YAAY,CAAC5B,QAAQ,EAAAiB,cAAA,CAAAA,cAAA,CAAA,EAAA,EACvBjB,QAAQ,CAACF,KAAK,CAAA,EAAA,EAAA,EAAA;AACjB+B,MAAAA,QAAQ,EAAE3B,MAAM;MAChBK,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAIP,QAAQ,CAACF,KAAK,CAACS,KAAAA;AAAK,KAAA,CACrC,CACqB,CAAC,CAAA;AAE7B,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC,EAAC;AACFX,gBAAgB,CAAC8B,SAAS,GAAG/B,SAAS,CAAA;AACtCC,gBAAgB,CAACkC,WAAW,GAAGpC,cAAc;;;;"}
+{"version":3,"file":"ToggletipTrigger.js","sources":["../../src/components/toggletip-trigger/styles.ts","../../src/components/toggletip-trigger/ToggletipTrigger.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledToggletipTriggerProps } from './types';\nimport { focusRing } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledToggletipTrigger = styled.button<StyledToggletipTriggerProps>`\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: inherit;\n  cursor: default;\n  display: inline-flex;\n\n  ${focusRing}\n`;\n","import React, { forwardRef, ReactElement } from 'react';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp } from '@redsift/design-system';\nimport { useToggletipContext } from '../toggletip';\nimport { ToggletipTriggerProps } from './types';\nimport classNames from 'classnames';\nimport { StyledToggletipTrigger } from './styles';\n\nconst COMPONENT_NAME = 'ToggletipTrigger';\nconst CLASSNAME = 'redsift-toggletip-trigger';\n\n/**\n * The ToggletipTrigger component.\n */\nexport const ToggletipTrigger: Comp<ToggletipTriggerProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  const { children } = props;\n\n  const { getReferenceProps, isOpen, handleOpen, refs, toggletipId, triggerClassName, color } = useToggletipContext();\n  const childrenRef = (children as any).ref;\n  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n  if (React.isValidElement(children)) {\n    return (\n      <StyledToggletipTrigger\n        {...getReferenceProps({\n          ref: triggerRef,\n          ...props,\n          'aria-describedby': toggletipId,\n        })}\n        type=\"button\"\n        aria-expanded={isOpen}\n        onClick={undefined}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar' || e.code === 'Space') {\n            e.preventDefault();\n            if (props.onClick) {\n              props.onClick(e as never);\n            } else {\n              handleOpen(!isOpen);\n            }\n          }\n        }}\n        className={classNames(triggerClassName)}\n      >\n        {React.cloneElement(children as ReactElement, {\n          ...children.props,\n          isActive: isOpen,\n          color: color ?? children.props.color,\n        })}\n      </StyledToggletipTrigger>\n    );\n  }\n\n  return null;\n});\nToggletipTrigger.className = CLASSNAME;\nToggletipTrigger.displayName = COMPONENT_NAME;\n"],"names":["StyledToggletipTrigger","styled","button","focusRing","COMPONENT_NAME","CLASSNAME","ToggletipTrigger","forwardRef","props","ref","children","getReferenceProps","isOpen","handleOpen","refs","toggletipId","triggerClassName","color","useToggletipContext","childrenRef","triggerRef","useMergeRefs","setReference","React","isValidElement","createElement","_extends","_objectSpread","type","onClick","undefined","onKeyDown","e","key","code","preventDefault","className","classNames","cloneElement","isActive","displayName"],"mappings":";;;;;;;;AAIA;AACA;AACA;AACO,MAAMA,sBAAsB,GAAGC,MAAM,CAACC,MAAoC,CAAA;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,SAAU,CAAA;AACd,CAAC;;ACVD,MAAMC,cAAc,GAAG,kBAAkB,CAAA;AACzC,MAAMC,SAAS,GAAG,2BAA2B,CAAA;;AAE7C;AACA;AACA;AACO,MAAMC,gBAAgE,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzG,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;EAE1B,MAAM;IAAEG,iBAAiB;IAAEC,MAAM;IAAEC,UAAU;IAAEC,IAAI;IAAEC,WAAW;IAAEC,gBAAgB;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,mBAAmB,EAAE,CAAA;AACnH,EAAA,MAAMC,WAAW,GAAIT,QAAQ,CAASD,GAAG,CAAA;AACzC,EAAA,MAAMW,UAAU,GAAGC,YAAY,CAAC,CAACP,IAAI,CAACQ,YAAY,EAAEb,GAAG,EAAEU,WAAW,CAAC,CAAC,CAAA;AAEtE,EAAA,kBAAII,KAAK,CAACC,cAAc,CAACd,QAAQ,CAAC,EAAE;AAClC,IAAA,oBACEa,KAAA,CAAAE,aAAA,CAACzB,sBAAsB,EAAA0B,QAAA,CAAA,EAAA,EACjBf,iBAAiB,CAAAgB,cAAA,CAAAA,cAAA,CAAA;AACnBlB,MAAAA,GAAG,EAAEW,UAAAA;AAAU,KAAA,EACZZ,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,MAAA,kBAAkB,EAAEO,WAAAA;AAAW,KAAA,CAChC,CAAC,EAAA;AACFa,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,eAAA,EAAehB,MAAO;AACtBiB,MAAAA,OAAO,EAAEC,SAAU;MACnBC,SAAS,EAAGC,CAAC,IAAK;QAChB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,IAAID,CAAC,CAACC,GAAG,KAAK,UAAU,IAAID,CAAC,CAACE,IAAI,KAAK,OAAO,EAAE;UACpFF,CAAC,CAACG,cAAc,EAAE,CAAA;UAClB,IAAI3B,KAAK,CAACqB,OAAO,EAAE;AACjBrB,YAAAA,KAAK,CAACqB,OAAO,CAACG,CAAU,CAAC,CAAA;AAC3B,WAAC,MAAM;YACLnB,UAAU,CAAC,CAACD,MAAM,CAAC,CAAA;AACrB,WAAA;AACF,SAAA;OACA;MACFwB,SAAS,EAAEC,UAAU,CAACrB,gBAAgB,CAAA;AAAE,KAAA,CAAA,eAEvCO,KAAK,CAACe,YAAY,CAAC5B,QAAQ,EAAAiB,cAAA,CAAAA,cAAA,CAAA,EAAA,EACvBjB,QAAQ,CAACF,KAAK,CAAA,EAAA,EAAA,EAAA;AACjB+B,MAAAA,QAAQ,EAAE3B,MAAM;MAChBK,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAIP,QAAQ,CAACF,KAAK,CAACS,KAAAA;AAAK,KAAA,CACrC,CACqB,CAAC,CAAA;AAE7B,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC,EAAC;AACFX,gBAAgB,CAAC8B,SAAS,GAAG/B,SAAS,CAAA;AACtCC,gBAAgB,CAACkC,WAAW,GAAGpC,cAAc;;;;"}

package/package.json

@@ -30,7 +30,7 @@
     "test": "yarn test:unit && yarn test:storybook"
   },
   "types": "index.d.ts",
-  "version": "11.9.2",
+  "version": "11.9.3",
   "dependencies": {
     "@floating-ui/react": "^0.27.5",
     "classnames": "^2.3.1",
@@ -86,11 +86,11 @@
     "ts-jest": "^28.0.3"
   },
   "peerDependencies": {
-    "@redsift/design-system": "^11.9.2-0",
-    "@redsift/icons": "^11.9.2-0",
+    "@redsift/design-system": "^11.9.3-0",
+    "@redsift/icons": "^11.9.3-0",
     "react": ">=17",
     "react-dom": ">=17",
     "styled-components": "^5.3.5"
   },
-  "gitHead": "fe49b80ae75318196cd6a7836457e299a05e6377"
+  "gitHead": "4a9ce8653ac47440c311cdf45b01b1492753317b"
 }