Sha256: e5b64b69e61c27cbcb657de26951f4fc066bfd36ef0c5bf5ad60718d1880f9e4

Contents?: true

Size: 588 Bytes

Versions: 1027

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,027 entries across 1,027 versions & 1 rubygems

Version Path
playbook_ui-11.5.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.7.0.pre.alpha.pre.guagechart1 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.6.0 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.6.0.pre.alpha.rubocopperf1 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.6.1.pre.alpha.rubocop.pre.performance1 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.5.0.pre.alpha.pre.rubocop app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.6.0.pre.alpha.momenttz1 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.5.0 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.4.0.pre.alpha.rubytheme2 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.4.0.pre.alpha.rubytheme1 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.4.0 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.3.0.pre.alpha2 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.3.0.pre.alpha1 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.3.0 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.2.7 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.2.6 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.2.5 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.2.4 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js
playbook_ui-11.2.4.pre.alpha1 app/pb_kits/playbook/pb_lightbox/hooks/useVisibility.js