@radix-ui/react-label 0.1.6-rc.7 → 1.0.0-rc.1
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.map +1 -1
- package/dist/index.js +5 -23
- package/dist/index.js.map +1 -1
- package/dist/index.module.js +1 -9
- package/dist/index.module.js.map +1 -1
- package/package.json +7 -6
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;AAqBA,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC;AAChF,2BAAqB,SAAQ,kBAAkB;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,OAAA,MAAM,yFAgEJ,CAAC;AAMH,OAAA,MAAM,iFASL,CAAC;AAEF,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","packages/react/label/src/index.ts"],"sourcesContent":[null,null,"export
|
|
1
|
+
{"mappings":";;;AAqBA,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC;AAChF,2BAAqB,SAAQ,kBAAkB;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,OAAA,MAAM,yFAgEJ,CAAC;AAMH,OAAA,MAAM,iFASL,CAAC;AAEF,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","packages/react/label/src/index.ts"],"sourcesContent":[null,null,"export {\n Label,\n //\n Root,\n //\n useLabelContext,\n} from './Label';\nexport type { LabelProps } from './Label';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
|
package/dist/index.js
CHANGED
|
@@ -5,33 +5,16 @@ var $RyX6d$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
|
|
|
5
5
|
var $RyX6d$radixuireactprimitive = require("@radix-ui/react-primitive");
|
|
6
6
|
var $RyX6d$radixuireactid = require("@radix-ui/react-id");
|
|
7
7
|
|
|
8
|
-
function $parcel$
|
|
9
|
-
Object.
|
|
10
|
-
if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
|
|
11
|
-
return;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
Object.defineProperty(dest, key, {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: function get() {
|
|
17
|
-
return source[key];
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
return dest;
|
|
8
|
+
function $parcel$export(e, n, v, s) {
|
|
9
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
23
10
|
}
|
|
24
11
|
function $parcel$interopDefault(a) {
|
|
25
12
|
return a && a.__esModule ? a.default : a;
|
|
26
13
|
}
|
|
27
|
-
function $parcel$export(e, n, v, s) {
|
|
28
|
-
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
29
|
-
}
|
|
30
|
-
var $2583d9c3eccdd4e2$exports = {};
|
|
31
14
|
|
|
32
|
-
$parcel$export(
|
|
33
|
-
$parcel$export(
|
|
34
|
-
$parcel$export(
|
|
15
|
+
$parcel$export(module.exports, "Label", () => $2583d9c3eccdd4e2$export$b04be29aa201d4f5);
|
|
16
|
+
$parcel$export(module.exports, "Root", () => $2583d9c3eccdd4e2$export$be92b6f5f03c0fe9);
|
|
17
|
+
$parcel$export(module.exports, "useLabelContext", () => $2583d9c3eccdd4e2$export$feddbbf47baabdb9);
|
|
35
18
|
|
|
36
19
|
|
|
37
20
|
|
|
@@ -129,7 +112,6 @@ const $2583d9c3eccdd4e2$export$b04be29aa201d4f5 = /*#__PURE__*/ $RyX6d$react.for
|
|
|
129
112
|
const $2583d9c3eccdd4e2$export$be92b6f5f03c0fe9 = $2583d9c3eccdd4e2$export$b04be29aa201d4f5;
|
|
130
113
|
|
|
131
114
|
|
|
132
|
-
$parcel$exportWildcard(module.exports, $2583d9c3eccdd4e2$exports);
|
|
133
115
|
|
|
134
116
|
|
|
135
117
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":"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","sources":["packages/react/label/src/index.ts","packages/react/label/src/Label.tsx"],"sourcesContent":["export {\n Label,\n //\n Root,\n //\n useLabelContext,\n} from './Label';\nexport type { LabelProps } from './Label';\n","import * as React from 'react';\nimport { createContext } from '@radix-ui/react-context';\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; controlRef: React.MutableRefObject<HTMLElement | null> };\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n id: undefined,\n controlRef: { current: null },\n});\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 controlRef = React.useRef<HTMLElement | null>(null);\n const ref = React.useRef<HTMLSpanElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n const id = useId(idProp);\n\n React.useEffect(() => {\n if (htmlFor) {\n const element = document.getElementById(htmlFor);\n const label = ref.current;\n if (label && element) {\n const getAriaLabel = () => element.getAttribute('aria-labelledby');\n const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(' ');\n element.setAttribute('aria-labelledby', ariaLabelledBy);\n controlRef.current = element;\n return () => {\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 <LabelProvider id={id} controlRef={controlRef}>\n <Primitive.span\n role=\"label\"\n id={id}\n {...labelProps}\n ref={composedRefs}\n onMouseDown={(event) => {\n props.onMouseDown?.(event);\n // prevent text selection when double clicking label\n if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n }}\n onClick={(event) => {\n props.onClick?.(event);\n if (!controlRef.current || event.defaultPrevented) return;\n const isClickingControl = controlRef.current.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 controlRef.current.click();\n controlRef.current.focus();\n }\n }}\n />\n </LabelProvider>\n );\n});\n\nLabel.displayName = NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst useLabelContext = (element?: HTMLElement | null) => {\n const context = useLabelContextImpl('LabelConsumer');\n const { controlRef } = context;\n\n React.useEffect(() => {\n if (element) controlRef.current = element;\n }, [element, controlRef]);\n\n return context.id;\n};\n\nconst Root = Label;\n\nexport {\n Label,\n //\n Root,\n //\n useLabelContext,\n};\nexport type { LabelProps };\n"],"names":["Label","Root","useLabelContext","React","createContext","useComposedRefs","Primitive","useId","NAME","LabelProvider","useLabelContextImpl","id","undefined","controlRef","current","forwardRef","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","useEffect","element","document","getElementById","label","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","replace","removeAttribute","event","onMouseDown","defaultPrevented","detail","preventDefault","onClick","isClickingControl","contains","target","isUserClick","isTrusted","click","focus","context"],"version":3,"file":"index.js.map"}
|
package/dist/index.module.js
CHANGED
|
@@ -5,14 +5,6 @@ import {useComposedRefs as $7V4JZ$useComposedRefs} from "@radix-ui/react-compose
|
|
|
5
5
|
import {Primitive as $7V4JZ$Primitive} from "@radix-ui/react-primitive";
|
|
6
6
|
import {useId as $7V4JZ$useId} from "@radix-ui/react-id";
|
|
7
7
|
|
|
8
|
-
function $parcel$export(e, n, v, s) {
|
|
9
|
-
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
10
|
-
}
|
|
11
|
-
var $b73a6c6685e72184$exports = {};
|
|
12
|
-
|
|
13
|
-
$parcel$export($b73a6c6685e72184$exports, "Label", () => $b73a6c6685e72184$export$b04be29aa201d4f5);
|
|
14
|
-
$parcel$export($b73a6c6685e72184$exports, "useLabelContext", () => $b73a6c6685e72184$export$feddbbf47baabdb9);
|
|
15
|
-
$parcel$export($b73a6c6685e72184$exports, "Root", () => $b73a6c6685e72184$export$be92b6f5f03c0fe9);
|
|
16
8
|
|
|
17
9
|
|
|
18
10
|
|
|
@@ -112,5 +104,5 @@ const $b73a6c6685e72184$export$be92b6f5f03c0fe9 = $b73a6c6685e72184$export$b04be
|
|
|
112
104
|
|
|
113
105
|
|
|
114
106
|
|
|
115
|
-
export {$b73a6c6685e72184$export$b04be29aa201d4f5 as Label, $b73a6c6685e72184$export$
|
|
107
|
+
export {$b73a6c6685e72184$export$b04be29aa201d4f5 as Label, $b73a6c6685e72184$export$be92b6f5f03c0fe9 as Root, $b73a6c6685e72184$export$feddbbf47baabdb9 as useLabelContext};
|
|
116
108
|
//# sourceMappingURL=index.module.js.map
|
package/dist/index.module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":"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","sources":["packages/react/label/src/index.ts","packages/react/label/src/Label.tsx"],"sourcesContent":["export {\n Label,\n //\n Root,\n //\n useLabelContext,\n} from './Label';\nexport type { LabelProps } from './Label';\n","import * as React from 'react';\nimport { createContext } from '@radix-ui/react-context';\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; controlRef: React.MutableRefObject<HTMLElement | null> };\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n id: undefined,\n controlRef: { current: null },\n});\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 controlRef = React.useRef<HTMLElement | null>(null);\n const ref = React.useRef<HTMLSpanElement>(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n const id = useId(idProp);\n\n React.useEffect(() => {\n if (htmlFor) {\n const element = document.getElementById(htmlFor);\n const label = ref.current;\n if (label && element) {\n const getAriaLabel = () => element.getAttribute('aria-labelledby');\n const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(' ');\n element.setAttribute('aria-labelledby', ariaLabelledBy);\n controlRef.current = element;\n return () => {\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 <LabelProvider id={id} controlRef={controlRef}>\n <Primitive.span\n role=\"label\"\n id={id}\n {...labelProps}\n ref={composedRefs}\n onMouseDown={(event) => {\n props.onMouseDown?.(event);\n // prevent text selection when double clicking label\n if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n }}\n onClick={(event) => {\n props.onClick?.(event);\n if (!controlRef.current || event.defaultPrevented) return;\n const isClickingControl = controlRef.current.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 controlRef.current.click();\n controlRef.current.focus();\n }\n }}\n />\n </LabelProvider>\n );\n});\n\nLabel.displayName = NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst useLabelContext = (element?: HTMLElement | null) => {\n const context = useLabelContextImpl('LabelConsumer');\n const { controlRef } = context;\n\n React.useEffect(() => {\n if (element) controlRef.current = element;\n }, [element, controlRef]);\n\n return context.id;\n};\n\nconst Root = Label;\n\nexport {\n Label,\n //\n Root,\n //\n useLabelContext,\n};\nexport type { LabelProps };\n"],"names":["Label","Root","useLabelContext","React","createContext","useComposedRefs","Primitive","useId","NAME","LabelProvider","useLabelContextImpl","id","undefined","controlRef","current","forwardRef","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","useEffect","element","document","getElementById","label","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","replace","removeAttribute","event","onMouseDown","defaultPrevented","detail","preventDefault","onClick","isClickingControl","contains","target","isUserClick","isTrusted","click","focus","context"],"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.
|
|
3
|
+
"version": "1.0.0-rc.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -17,13 +17,14 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@babel/runtime": "^7.13.10",
|
|
20
|
-
"@radix-ui/react-compose-refs": "0.
|
|
21
|
-
"@radix-ui/react-context": "0.
|
|
22
|
-
"@radix-ui/react-id": "0.
|
|
23
|
-
"@radix-ui/react-primitive": "0.
|
|
20
|
+
"@radix-ui/react-compose-refs": "1.0.0-rc.1",
|
|
21
|
+
"@radix-ui/react-context": "1.0.0-rc.1",
|
|
22
|
+
"@radix-ui/react-id": "1.0.0-rc.1",
|
|
23
|
+
"@radix-ui/react-primitive": "1.0.0-rc.1"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"react": "^16.8 || ^17.0 || ^18.0"
|
|
26
|
+
"react": "^16.8 || ^17.0 || ^18.0",
|
|
27
|
+
"react-dom": "^16.8 || ^17.0 || ^18.0"
|
|
27
28
|
},
|
|
28
29
|
"homepage": "https://radix-ui.com/primitives",
|
|
29
30
|
"repository": {
|