@radix-ui/react-label 0.0.14 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +7 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.module.js +1 -1
- package/dist/index.module.js.map +1 -1
- package/package.json +4 -6
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as Radix from "@radix-ui/react-primitive";
|
|
1
3
|
import { Primitive } from "@radix-ui/react-primitive";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
type LabelOwnProps = Polymorphic.Merge<Polymorphic.OwnProps<typeof Primitive>, {
|
|
4
|
+
type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
|
|
5
|
+
export interface LabelProps extends PrimitiveSpanProps {
|
|
5
6
|
htmlFor?: string;
|
|
6
|
-
}
|
|
7
|
-
export
|
|
8
|
-
export const Label: LabelPrimitive;
|
|
7
|
+
}
|
|
8
|
+
export const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;
|
|
9
9
|
export const useLabelContext: (element?: HTMLElement | null | undefined) => string | undefined;
|
|
10
|
-
export const Root:
|
|
10
|
+
export const Root: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;
|
|
11
11
|
|
|
12
12
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"A;A;
|
|
1
|
+
{"mappings":"A;A;A;AAiBA,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC;AAChF,2BAAqB,SAAQ,kBAAkB;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,OAAA,MAAM,yFAqDJ,CAAC;AAMH,OAAA,MAAM,iFAYL,CAAC;AAuBF,OAAA,MAAM,wFAAY,CAAC","sources":["./packages/react/label/src/packages/react/label/src/Label.tsx","./packages/react/label/src/packages/react/label/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e,t,r,n=require("@radix-ui/react-id").useId,i=require("@radix-ui/react-primitive").Primitive,o=require("@radix-ui/react-compose-refs").useComposedRefs,u=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e),s=(r=require("@babel/runtime/helpers/extends"))&&r.__esModule?r.default:r;const
|
|
1
|
+
var e,t,r,n=require("@radix-ui/react-id").useId,i=require("@radix-ui/react-primitive").Primitive,o=require("@radix-ui/react-compose-refs").useComposedRefs,u=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e),s=(r=require("@babel/runtime/helpers/extends"))&&r.__esModule?r.default:r;const l=/*#__PURE__*/u.createContext(void 0),a=/*#__PURE__*/u.forwardRef(((e,t)=>{const{htmlFor:r,id:a,...d}=e,f=u.useRef(null),b=o(t,f),v=n(a);return u.useEffect((()=>{const e=f.current;if(e){const t=e=>{e.detail>1&&e.preventDefault()};return e.addEventListener("mousedown",t),()=>e.removeEventListener("mousedown",t)}}),[f]),u.useEffect((()=>{if(r){const e=document.getElementById(r),t=f.current;if(t&&e){const r=c(t,e),n=()=>e.getAttribute("aria-labelledby"),i=[n(),v].filter(Boolean).join(" ");return e.setAttribute("aria-labelledby",i),()=>{var t;r();const i=null===(t=n())||void 0===t?void 0:t.replace(v,"");""===i?e.removeAttribute("aria-labelledby"):i&&e.setAttribute("aria-labelledby",i)}}}}),[v,r]),/*#__PURE__*/u.createElement(l.Provider,{value:u.useMemo((()=>({id:v,ref:f})),[v])},/*#__PURE__*/u.createElement(i.span,s({role:"label",id:v},d,{ref:b})))}));exports.Label=a;function c(e,t){const r=e=>{const r=t.contains(e.target),n=!0===e.isTrusted;!r&&n&&(t.click(),t.focus())};return e.addEventListener("click",r),()=>e.removeEventListener("click",r)}exports.useLabelContext=e=>{const t=u.useContext(l);return u.useEffect((()=>{const r=null==t?void 0:t.ref.current;if(r&&e)return c(r,e)}),[t,e]),null==t?void 0:t.id};const d=a;exports.Root=d;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"IAYgCA,EAAMC,EAZNC,sJAYAF,KAAMC,mBACpCE,OAAOC,KAAKH,GAAQI,SAAQ,SAASC,GACvB,YAARA,GAA6B,eAARA,GAIzBH,OAAOI,eAAeP,EAAMM,EAAK,CAC/BE,YAAY,EACZC,IAAK,WACH,OAAOR,EAAOK,SAKbN,MA1BuBE,8CAClBA,EAAEQ,WAAaR,EAAES,QAAUT,ECUzC,
|
|
1
|
+
{"mappings":"IAYgCA,EAAMC,EAZNC,sJAYAF,KAAMC,mBACpCE,OAAOC,KAAKH,GAAQI,SAAQ,SAASC,GACvB,YAARA,GAA6B,eAARA,GAIzBH,OAAOI,eAAeP,EAAMM,EAAK,CAC/BE,YAAY,EACZC,IAAK,WACH,OAAOR,EAAOK,SAKbN,MA1BuBE,8CAClBA,EAAEQ,WAAaR,EAAES,QAAUT,ECUzC,MAGMU,eAAeC,EAAMC,mBAA6CC,GAQlEC,eAAQH,EAAMI,YAAqC,CAACC,EAAOC,KAC/D,MAAMC,QAAEA,EAASC,GAAIC,KAAWC,GAAeL,EACzCM,EAAWX,EAAMY,OAAwB,MACzCC,EAAMC,EAAgBR,EAAcK,GACpCH,EAAKO,EAAMN,GA4CjB,OA1CAT,EAAMgB,WAAU,KACd,MAAMC,EAAQN,EAASO,QAEvB,GAAID,EAAO,CACT,MAAME,EAAmBC,IACnBA,EAAMC,OAAS,GAAGD,EAAME,kBAK9B,OADAL,EAAMM,iBAAiB,YAAaJ,GAC7B,IAAMF,EAAMO,oBAAoB,YAAaL,MAErD,CAACR,IAEJX,EAAMgB,WAAU,KACd,GAAIT,EAAS,CACX,MAAMkB,EAAUC,SAASC,eAAepB,GAClCU,EAAQN,EAASO,QAEvB,GAAID,GAASQ,EAAS,CACpB,MAAMG,EAAgCC,EAA2BZ,EAAOQ,GAClEK,EAAe,IAAML,EAAQM,aAAa,mBAC1CC,EAAiB,CAACF,IAAgBtB,GAAIyB,OAAOC,SAASC,KAAK,KAGjE,OAFAV,EAAQW,aAAa,kBAAmBJ,GAEjC,KAAM,IAAAK,EACXT,IAKA,MAAMI,EAAc,QAAAK,EAAGP,WAAH,IAAAO,OAAA,EAAGA,EAAgBC,QAAQ9B,EAAI,IAC5B,KAAnBwB,EACFP,EAAQc,gBAAgB,mBACfP,GACTP,EAAQW,aAAa,kBAAmBJ,QAK/C,CAACxB,EAAID,iBAGNiC,EAAAC,cAACC,EAAaC,SAAd,CAAuBC,MAAO5C,EAAM6C,SAAQ,KAAA,CAASrC,GAAAA,EAAIK,IAAKF,KAAa,CAACH,kBAC1EgC,EAAAC,cAACK,EAAUC,KAAXC,EAAA,CAAgBC,KAAK,QAAQzC,GAAIA,GAAQE,EAAzC,CAAqDG,IAAKA,yBAuBhE,SAASgB,EAA2BZ,EAAwBiC,GAC1D,MAAMC,EAAe/B,IACnB,MAAMgC,EAAoBF,EAAQG,SAASjC,EAAMkC,QAG3CC,GAAkC,IAApBnC,EAAMoC,WAMrBJ,GAAqBG,IACxBL,EAAQO,QACRP,EAAQQ,UAKZ,OADAzC,EAAMM,iBAAiB,QAAS4B,GACzB,IAAMlC,EAAMO,oBAAoB,QAAS2B,2BAhCzB1B,IACvB,MAAMkC,EAAU3D,EAAM4D,WAAW7D,GAUjC,OARAC,EAAMgB,WAAU,KACd,MAAMC,EAAQ0C,MAAAA,OAAH,EAAGA,EAAS9C,IAAIK,QAE3B,GAAID,GAASQ,EACX,OAAOI,EAA2BZ,EAAOQ,KAE1C,CAACkC,EAASlC,IAENkC,MAAAA,OAAP,EAAOA,EAASnD,IAwBlB,MAAMqD,EAAO1D","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/label/src/Label.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","import * as React from 'react';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useId } from '@radix-ui/react-id';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Label\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Label';\n\ntype LabelContextValue = { id: string; ref: React.RefObject<HTMLSpanElement> };\nconst LabelContext = React.createContext<LabelContextValue | undefined>(undefined);\n\ntype LabelElement = React.ElementRef<typeof Primitive.span>;\ntype PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;\ninterface LabelProps extends PrimitiveSpanProps {\n htmlFor?: string;\n}\n\nconst Label = React.forwardRef<LabelElement, LabelProps>((props, forwardedRef) => {\n const { htmlFor, id: idProp, ...labelProps } = props;\n const labelRef = React.useRef<HTMLSpanElement>(null);\n const ref = useComposedRefs(forwardedRef, labelRef);\n const id = useId(idProp);\n\n React.useEffect(() => {\n const label = labelRef.current;\n\n if (label) {\n const handleMouseDown = (event: MouseEvent) => {\n if (event.detail > 1) event.preventDefault();\n };\n\n // prevent text selection when double clicking label\n label.addEventListener('mousedown', handleMouseDown);\n return () => label.removeEventListener('mousedown', handleMouseDown);\n }\n }, [labelRef]);\n\n React.useEffect(() => {\n if (htmlFor) {\n const element = document.getElementById(htmlFor);\n const label = labelRef.current;\n\n if (label && element) {\n const removeLabelClickEventListener = addLabelClickEventListener(label, element);\n const getAriaLabel = () => element.getAttribute('aria-labelledby');\n const ariaLabelledBy = [getAriaLabel(), id].filter(Boolean).join(' ');\n element.setAttribute('aria-labelledby', ariaLabelledBy);\n\n return () => {\n removeLabelClickEventListener();\n /**\n * We get the latest attribute value because at the time that this cleanup fires,\n * the values from the closure may have changed.\n */\n const ariaLabelledBy = getAriaLabel()?.replace(id, '');\n if (ariaLabelledBy === '') {\n element.removeAttribute('aria-labelledby');\n } else if (ariaLabelledBy) {\n element.setAttribute('aria-labelledby', ariaLabelledBy);\n }\n };\n }\n }\n }, [id, htmlFor]);\n\n return (\n <LabelContext.Provider value={React.useMemo(() => ({ id, ref: labelRef }), [id])}>\n <Primitive.span role=\"label\" id={id} {...labelProps} ref={ref} />\n </LabelContext.Provider>\n );\n});\n\nLabel.displayName = NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst useLabelContext = (element?: HTMLElement | null) => {\n const context = React.useContext(LabelContext);\n\n React.useEffect(() => {\n const label = context?.ref.current;\n\n if (label && element) {\n return addLabelClickEventListener(label, element);\n }\n }, [context, element]);\n\n return context?.id;\n};\n\nfunction addLabelClickEventListener(label: HTMLSpanElement, control: HTMLElement) {\n const handleClick = (event: MouseEvent) => {\n const isClickingControl = control.contains(event.target as Node);\n // Ensure event was generated by a user action\n // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n const isUserClick = event.isTrusted === true;\n /**\n * When a label is wrapped around the control it labels, we trigger the appropriate events\n * on the control when the label is clicked. We do nothing if the user is already clicking the\n * control inside the label.\n */\n if (!isClickingControl && isUserClick) {\n control.click();\n control.focus();\n }\n };\n\n label.addEventListener('click', handleClick);\n return () => label.removeEventListener('click', handleClick);\n}\n\nconst Root = Label;\n\nexport {\n Label,\n //\n Root,\n //\n useLabelContext,\n};\nexport type { LabelProps };\n"],"names":["dest","source","a","Object","keys","forEach","key","defineProperty","enumerable","get","__esModule","default","LabelContext","React","createContext","undefined","Label","forwardRef","props","forwardedRef","htmlFor","id","idProp","labelProps","labelRef","useRef","ref","useComposedRefs","useId","useEffect","label","current","handleMouseDown","event","detail","preventDefault","addEventListener","removeEventListener","element","document","getElementById","removeLabelClickEventListener","addLabelClickEventListener","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","_getAriaLabel","replace","removeAttribute","_react","createElement","$cc55afdc86a89367fbda1ce67c935ecf$var$LabelContext","Provider","value","useMemo","Primitive","span","_babelRuntimeHelpersExtends","role","control","handleClick","isClickingControl","contains","target","isUserClick","isTrusted","click","focus","context","useContext","Root"],"version":3,"file":"index.js.map"}
|
package/dist/index.module.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useId as e}from"@radix-ui/react-id";import{Primitive as t}from"@radix-ui/react-primitive";import{useComposedRefs as r}from"@radix-ui/react-compose-refs";import*as o from"react";import n from"@babel/runtime/helpers/esm/extends";const i
|
|
1
|
+
import{useId as e}from"@radix-ui/react-id";import{Primitive as t}from"@radix-ui/react-primitive";import{useComposedRefs as r}from"@radix-ui/react-compose-refs";import*as o from"react";import n from"@babel/runtime/helpers/esm/extends";const i=/*#__PURE__*/o.createContext(void 0);export const Label=/*#__PURE__*/o.forwardRef(((a,s)=>{const{htmlFor:c,id:u,...d}=a,f=o.useRef(null),m=r(s,f),b=e(u);return o.useEffect((()=>{const e=f.current;if(e){const t=e=>{e.detail>1&&e.preventDefault()};return e.addEventListener("mousedown",t),()=>e.removeEventListener("mousedown",t)}}),[f]),o.useEffect((()=>{if(c){const e=document.getElementById(c),t=f.current;if(t&&e){const r=l(t,e),o=()=>e.getAttribute("aria-labelledby"),n=[o(),b].filter(Boolean).join(" ");return e.setAttribute("aria-labelledby",n),()=>{var t;r();const n=null===(t=o())||void 0===t?void 0:t.replace(b,"");""===n?e.removeAttribute("aria-labelledby"):n&&e.setAttribute("aria-labelledby",n)}}}}),[b,c]),/*#__PURE__*/o.createElement(i.Provider,{value:o.useMemo((()=>({id:b,ref:f})),[b])},/*#__PURE__*/o.createElement(t.span,n({role:"label",id:b},d,{ref:m})))}));/*#__PURE__*/export const useLabelContext=e=>{const t=o.useContext(i);return o.useEffect((()=>{const r=null==t?void 0:t.ref.current;if(r&&e)return l(r,e)}),[t,e]),null==t?void 0:t.id};function l(e,t){const r=e=>{const r=t.contains(e.target),o=!0===e.isTrusted;!r&&o&&(t.click(),t.focus())};return e.addEventListener("click",r),()=>e.removeEventListener("click",r)}export const Root=Label;
|
|
2
2
|
//# sourceMappingURL=index.module.js.map
|
package/dist/index.module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"0OAWA,
|
|
1
|
+
{"mappings":"0OAWA,MAGMA,eAAeC,EAAMC,mBAA6CC,UAQxE,MAAMC,mBAAQH,EAAMI,YAAqC,CAACC,EAAOC,KAC/D,MAAMC,QAAEA,EAASC,GAAIC,KAAWC,GAAeL,EACzCM,EAAWX,EAAMY,OAAwB,MACzCC,EAAMC,EAAgBR,EAAcK,GACpCH,EAAKO,EAAMN,GA4CjB,OA1CAT,EAAMgB,WAAU,KACd,MAAMC,EAAQN,EAASO,QAEvB,GAAID,EAAO,CACT,MAAME,EAAmBC,IACnBA,EAAMC,OAAS,GAAGD,EAAME,kBAK9B,OADAL,EAAMM,iBAAiB,YAAaJ,GAC7B,IAAMF,EAAMO,oBAAoB,YAAaL,MAErD,CAACR,IAEJX,EAAMgB,WAAU,KACd,GAAIT,EAAS,CACX,MAAMkB,EAAUC,SAASC,eAAepB,GAClCU,EAAQN,EAASO,QAEvB,GAAID,GAASQ,EAAS,CACpB,MAAMG,EAAgCC,EAA2BZ,EAAOQ,GAClEK,EAAe,IAAML,EAAQM,aAAa,mBAC1CC,EAAiB,CAACF,IAAgBtB,GAAIyB,OAAOC,SAASC,KAAK,KAGjE,OAFAV,EAAQW,aAAa,kBAAmBJ,GAEjC,KAAM,IAAAK,EACXT,IAKA,MAAMI,EAAc,QAAAK,EAAGP,WAAH,IAAAO,OAAA,EAAGA,EAAgBC,QAAQ9B,EAAI,IAC5B,KAAnBwB,EACFP,EAAQc,gBAAgB,mBACfP,GACTP,EAAQW,aAAa,kBAAmBJ,QAK/C,CAACxB,EAAID,iBAGNiC,EAAAC,cAACC,EAAaC,SAAd,CAAuBC,MAAO5C,EAAM6C,SAAQ,KAAA,CAASrC,GAAAA,EAAIK,IAAKF,KAAa,CAACH,kBAC1EgC,EAAAC,cAACK,EAAUC,KAAXC,EAAA,CAAgBC,KAAK,QAAQzC,GAAIA,GAAQE,EAAzC,CAAqDG,IAAKA,6BAShE,MAAMqC,gBAAmBzB,IACvB,MAAM0B,EAAUnD,EAAMoD,WAAWrD,GAUjC,OARAC,EAAMgB,WAAU,KACd,MAAMC,EAAQkC,MAAAA,OAAH,EAAGA,EAAStC,IAAIK,QAE3B,GAAID,GAASQ,EACX,OAAOI,EAA2BZ,EAAOQ,KAE1C,CAAC0B,EAAS1B,IAEN0B,MAAAA,OAAP,EAAOA,EAAS3C,IAGlB,SAASqB,EAA2BZ,EAAwBoC,GAC1D,MAAMC,EAAelC,IACnB,MAAMmC,EAAoBF,EAAQG,SAASpC,EAAMqC,QAG3CC,GAAkC,IAApBtC,EAAMuC,WAMrBJ,GAAqBG,IACxBL,EAAQO,QACRP,EAAQQ,UAKZ,OADA5C,EAAMM,iBAAiB,QAAS+B,GACzB,IAAMrC,EAAMO,oBAAoB,QAAS8B,UAGlD,MAAMQ,KAAO3D","sources":["./packages/react/label/src/Label.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useId } from '@radix-ui/react-id';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Label\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Label';\n\ntype LabelContextValue = { id: string; ref: React.RefObject<HTMLSpanElement> };\nconst LabelContext = React.createContext<LabelContextValue | undefined>(undefined);\n\ntype LabelElement = React.ElementRef<typeof Primitive.span>;\ntype PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;\ninterface LabelProps extends PrimitiveSpanProps {\n htmlFor?: string;\n}\n\nconst Label = React.forwardRef<LabelElement, LabelProps>((props, forwardedRef) => {\n const { htmlFor, id: idProp, ...labelProps } = props;\n const labelRef = React.useRef<HTMLSpanElement>(null);\n const ref = useComposedRefs(forwardedRef, labelRef);\n const id = useId(idProp);\n\n React.useEffect(() => {\n const label = labelRef.current;\n\n if (label) {\n const handleMouseDown = (event: MouseEvent) => {\n if (event.detail > 1) event.preventDefault();\n };\n\n // prevent text selection when double clicking label\n label.addEventListener('mousedown', handleMouseDown);\n return () => label.removeEventListener('mousedown', handleMouseDown);\n }\n }, [labelRef]);\n\n React.useEffect(() => {\n if (htmlFor) {\n const element = document.getElementById(htmlFor);\n const label = labelRef.current;\n\n if (label && element) {\n const removeLabelClickEventListener = addLabelClickEventListener(label, element);\n const getAriaLabel = () => element.getAttribute('aria-labelledby');\n const ariaLabelledBy = [getAriaLabel(), id].filter(Boolean).join(' ');\n element.setAttribute('aria-labelledby', ariaLabelledBy);\n\n return () => {\n removeLabelClickEventListener();\n /**\n * We get the latest attribute value because at the time that this cleanup fires,\n * the values from the closure may have changed.\n */\n const ariaLabelledBy = getAriaLabel()?.replace(id, '');\n if (ariaLabelledBy === '') {\n element.removeAttribute('aria-labelledby');\n } else if (ariaLabelledBy) {\n element.setAttribute('aria-labelledby', ariaLabelledBy);\n }\n };\n }\n }\n }, [id, htmlFor]);\n\n return (\n <LabelContext.Provider value={React.useMemo(() => ({ id, ref: labelRef }), [id])}>\n <Primitive.span role=\"label\" id={id} {...labelProps} ref={ref} />\n </LabelContext.Provider>\n );\n});\n\nLabel.displayName = NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst useLabelContext = (element?: HTMLElement | null) => {\n const context = React.useContext(LabelContext);\n\n React.useEffect(() => {\n const label = context?.ref.current;\n\n if (label && element) {\n return addLabelClickEventListener(label, element);\n }\n }, [context, element]);\n\n return context?.id;\n};\n\nfunction addLabelClickEventListener(label: HTMLSpanElement, control: HTMLElement) {\n const handleClick = (event: MouseEvent) => {\n const isClickingControl = control.contains(event.target as Node);\n // Ensure event was generated by a user action\n // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n const isUserClick = event.isTrusted === true;\n /**\n * When a label is wrapped around the control it labels, we trigger the appropriate events\n * on the control when the label is clicked. We do nothing if the user is already clicking the\n * control inside the label.\n */\n if (!isClickingControl && isUserClick) {\n control.click();\n control.focus();\n }\n };\n\n label.addEventListener('click', handleClick);\n return () => label.removeEventListener('click', handleClick);\n}\n\nconst Root = Label;\n\nexport {\n Label,\n //\n Root,\n //\n useLabelContext,\n};\nexport type { LabelProps };\n"],"names":["LabelContext","React","createContext","undefined","Label","forwardRef","props","forwardedRef","htmlFor","id","idProp","labelProps","labelRef","useRef","ref","useComposedRefs","useId","useEffect","label","current","handleMouseDown","event","detail","preventDefault","addEventListener","removeEventListener","element","document","getElementById","removeLabelClickEventListener","addLabelClickEventListener","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","_getAriaLabel","replace","removeAttribute","_react","createElement","$b835b8b6a05acdec720aee4b37e4b65c$var$LabelContext","Provider","value","useMemo","Primitive","span","_babelRuntimeHelpersEsmExtends","role","useLabelContext","context","useContext","control","handleClick","isClickingControl","contains","target","isUserClick","isTrusted","click","focus","Root"],"version":3,"file":"index.module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@radix-ui/react-label",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -13,15 +13,13 @@
|
|
|
13
13
|
"sideEffects": false,
|
|
14
14
|
"scripts": {
|
|
15
15
|
"clean": "rm -rf dist",
|
|
16
|
-
"prepublish": "yarn clean",
|
|
17
16
|
"version": "yarn version"
|
|
18
17
|
},
|
|
19
18
|
"dependencies": {
|
|
20
19
|
"@babel/runtime": "^7.13.10",
|
|
21
|
-
"@radix-ui/react-compose-refs": "0.0
|
|
22
|
-
"@radix-ui/react-id": "0.0
|
|
23
|
-
"@radix-ui/react-
|
|
24
|
-
"@radix-ui/react-primitive": "0.0.14"
|
|
20
|
+
"@radix-ui/react-compose-refs": "0.1.0",
|
|
21
|
+
"@radix-ui/react-id": "0.1.0",
|
|
22
|
+
"@radix-ui/react-primitive": "0.1.0"
|
|
25
23
|
},
|
|
26
24
|
"peerDependencies": {
|
|
27
25
|
"react": "^16.8 || ^17.0"
|