Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
1 line
8.7 KiB
Plaintext
1 line
8.7 KiB
Plaintext
{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useState","Link","useDraggableSortable","baseClass","DraggablePill","props","$","id","className","t0","attributes","isDragging","listeners","setNodeRef","transform","t1","t2","filter","Boolean","t3","join","t4","_jsx","StaticPill","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","onClick","pillStyle","rounded","size","to","undefined","isHydrated","setIsHydrated","Symbol","for","isButton","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","classes","Element","t15","t16","t17","t18","_jsxs","disabled","href","type","Pill"],"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType, HTMLAttributes } from 'react'\n\nimport React, { useEffect, useState } from 'react' // TODO: abstract this out to support all routers\n\nimport { Link } from '../Link/index.js'\n\nexport type PillStyle =\n | 'always-white'\n | 'dark'\n | 'error'\n | 'light'\n | 'light-gray'\n | 'success'\n | 'warning'\n | 'white'\n\nexport type PillProps = {\n alignIcon?: 'left' | 'right'\n 'aria-checked'?: boolean\n 'aria-controls'?: string\n 'aria-expanded'?: boolean\n 'aria-label'?: string\n children?: React.ReactNode\n className?: string\n draggable?: boolean\n elementProps?: {\n ref: React.RefCallback<HTMLElement>\n } & HTMLAttributes<HTMLElement>\n icon?: React.ReactNode\n id?: string\n onClick?: () => void\n /**\n * @default 'light'\n */\n pillStyle?: PillStyle\n rounded?: boolean\n size?: 'medium' | 'small'\n to?: string\n}\n\nexport type RenderedTypeProps = {\n children: React.ReactNode\n className?: string\n onClick?: () => void\n to: string\n type?: 'button'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<PillProps> = (props) => {\n const { id, className } = props\n\n const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n id,\n })\n\n return (\n <StaticPill\n {...props}\n className={[isDragging && `${baseClass}--is-dragging`, className].filter(Boolean).join(' ')}\n elementProps={{\n ...listeners,\n ...attributes,\n ref: setNodeRef,\n style: {\n transform,\n },\n }}\n />\n )\n}\n\nconst StaticPill: React.FC<PillProps> = (props) => {\n const {\n id,\n alignIcon = 'right',\n 'aria-checked': ariaChecked,\n 'aria-controls': ariaControls,\n 'aria-expanded': ariaExpanded,\n 'aria-label': ariaLabel,\n children,\n className,\n draggable,\n elementProps,\n icon,\n onClick,\n pillStyle = 'light',\n rounded,\n size = 'medium',\n to,\n } = props\n\n const [isHydrated, setIsHydrated] = useState(false)\n\n useEffect(() => {\n setIsHydrated(true)\n }, [])\n\n const isButton = onClick && !to\n\n const classes = [\n baseClass,\n `${baseClass}--style-${pillStyle}`,\n `${baseClass}--size-${size}`,\n className && className,\n to && `${baseClass}--has-link`,\n (to || onClick) && `${baseClass}--has-action`,\n icon && `${baseClass}--has-icon`,\n icon && `${baseClass}--align-icon-${alignIcon}`,\n draggable && `${baseClass}--draggable`,\n rounded && `${baseClass}--rounded`,\n ]\n .filter(Boolean)\n .join(' ')\n\n let Element: ElementType | React.FC<RenderedTypeProps> = 'div'\n\n if (isButton) {\n Element = 'button'\n }\n\n if (to) {\n Element = Link\n }\n\n return (\n <Element\n {...elementProps}\n aria-checked={ariaChecked}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-label={ariaLabel}\n className={classes}\n disabled={isButton ? !isHydrated : undefined}\n href={to || null}\n id={id}\n onClick={onClick}\n type={isButton ? 'button' : undefined}\n >\n <span className={`${baseClass}__label`}>{children}</span>\n {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n </Element>\n )\n}\n\nexport const Pill: React.FC<PillProps> = (props) => {\n const { draggable } = props\n\n if (draggable) {\n return <DraggablePill {...props} />\n }\n return <StaticPill {...props} />\n}\n"],"mappings":"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","ignoreList":[]} |