Sha256: 1cc089edb530165105c16ce25f13fc08cd5450956f81ad065819bed31df4b0ea

Contents?: true

Size: 1.23 KB

Versions: 547

Compression:

Stored size: 1.23 KB

Contents

import React from 'react'
import { OverlayChildrenProps } from '../_overlay'

const previousOverlayDirectionMap: { [key: string]: string } = {
    "x": "left",
    "y": "top",
}

const subsequentOverlayDirectionMap: { [key: string]: string } = {
    "x": "right",
    "y": "bottom",
}

const OverlayToken = (props: OverlayChildrenProps) => {
    const {
        children,
        color,
        position,
        size,
    } = props

    const hasSubsequentOverlay = position === "x" || position === "y"

    const getPreviousOverlayDirection = () => {
        return hasSubsequentOverlay ? previousOverlayDirectionMap[position] : position
    }

    const getSubsequentOverlayDirection = () => {
        return hasSubsequentOverlay ? subsequentOverlayDirectionMap[position] : position
    }

    const previousOverlayClassName = `overlay_${color}_${getPreviousOverlayDirection()}_${size}`
    const subsequentOverlayClassName = `overlay_${color}_${getSubsequentOverlayDirection()}_${size}`

    return (
        <>
            <div className={previousOverlayClassName} />

            {children}

            { hasSubsequentOverlay &&
                <div className={subsequentOverlayClassName} />
            }
        </>
    )
}

export default OverlayToken

Version data entries

547 entries across 547 versions & 1 rubygems

Version Path
playbook_ui-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5738 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.13.0.pre.rc.3 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.PLAY1865reactdatepickerreinitializingbug5732 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5728 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.play1862buttondisabledlinkbug5716 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.play1862buttondisabledlinkbug5714 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.13.0.pre.rc.2 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.13.0.pre.rc.1 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.13.0.pre.rc.0 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
playbook_ui-14.12.0.pre.alpha.advancedtablealignmentfixes5693 app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx