Sha256: e5b64b69e61c27cbcb657de26951f4fc066bfd36ef0c5bf5ad60718d1880f9e4

Contents?: true

Size: 588 Bytes

Versions: 1110

Compression:

Stored size: 588 Bytes

Contents

import { debounce } from 'lodash'
import { useCallback, useMemo, useState } from 'react'

export default function useVisibility(initialState = false) {
  const [visible, setVisible] = useState(initialState)
  const hide = useCallback(() => setVisible(false), [])
  const show = useCallback(({ afterDelay = 0 } = {}) => {
    debounce(() => setVisible(true), afterDelay)()
  }, [])
  const toggle = useCallback(() => setVisible((current) => !current), [])

  return useMemo(
    () => ({
      hide,
      show,
      toggle,
      visible,
    }),
    [hide, show, toggle, visible]
  )
}

Version data entries

1,110 entries across 1,110 versions & 1 rubygems

Version Path
playbook_ui-12.37.0.pre.alpha.PLAY951collapsiblenav31062 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.37.0 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1058 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1050 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1047 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.36.0.pre.alpha.svgiconmethods1043 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.36.0.pre.alpha.PLAY942collapsiblenav21035 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.36.0 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.35.0.pre.alpha.iconpocwebfonts1023 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.35.0 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1004 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1003 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.34.0.pre.alpha.play716popoverkitcloseonclickissue998 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.34.0 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.33.1 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons982 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons979 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-12.33.0.pre.alpha.revert2650closedialogonoutsideclick977 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js