@iabbb/bds-react 0.60.0 → 0.60.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/FieldHoneypot/index.cjs
CHANGED
|
@@ -88,5 +88,6 @@ var FieldHoneypot = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref
|
|
|
88
88
|
});
|
|
89
89
|
FieldHoneypot.displayName = 'FieldHoneypot';
|
|
90
90
|
|
|
91
|
+
exports.DefaultHoneypotFieldName = DefaultHoneypotFieldName;
|
|
91
92
|
exports.default = FieldHoneypot;
|
|
92
93
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../src/FieldHoneypot/FieldHoneypot.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const DefaultHoneypotFieldName = 'website_w6u0u2c';\n\nexport type FieldHoneypotProps = {\n id?: string;\n label?: string;\n} & React.ComponentPropsWithoutRef<'input'>;\n\n/**\n * A honeypot is a field that is not available to users but a bot would be tricked into filling out and submitting.\n * Since this field is hidden visually, the only time that it would be filled out is by a bot.\n * We can reject any submission that has this field filled out.\n * `aria-hidden` hides the field from screen reader users, `.visually-hidden` hides it from sighted users,\n * and `tabIndex=-1` makes it unfocusable for keyboard users.\n * Read more: https://front-end.social/@heydon/111204680660492741\n * @param props - Props to pass to the <input /> component\n * @returns Input and label for visually hidden, non-focusable honeypot field.\n */\nconst FieldHoneypot = React.forwardRef<HTMLInputElement, FieldHoneypotProps>(\n ({ className, id, label, name, ...props }, ref) => {\n label = label || 'Website';\n name = name || DefaultHoneypotFieldName;\n id = id ?? name;\n\n return (\n <label aria-hidden className=\"visually-hidden\" htmlFor={id}>\n {label}\n <input id={id} ref={ref} tabIndex={-1} name={name} autoComplete=\"off\" {...props} />\n </label>\n );\n },\n);\n\nFieldHoneypot.displayName = 'FieldHoneypot';\n\nexport default FieldHoneypot;\n"],"names":["DefaultHoneypotFieldName","FieldHoneypot","React","forwardRef","_ref","ref","className","id","label","name","props","_objectWithoutProperties","_excluded","createElement","htmlFor","_extends","tabIndex","autoComplete","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,wBAAwB,GAAG
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../src/FieldHoneypot/FieldHoneypot.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const DefaultHoneypotFieldName = 'website_w6u0u2c';\n\nexport type FieldHoneypotProps = {\n id?: string;\n label?: string;\n} & React.ComponentPropsWithoutRef<'input'>;\n\n/**\n * A honeypot is a field that is not available to users but a bot would be tricked into filling out and submitting.\n * Since this field is hidden visually, the only time that it would be filled out is by a bot.\n * We can reject any submission that has this field filled out.\n * `aria-hidden` hides the field from screen reader users, `.visually-hidden` hides it from sighted users,\n * and `tabIndex=-1` makes it unfocusable for keyboard users.\n * Read more: https://front-end.social/@heydon/111204680660492741\n * @param props - Props to pass to the <input /> component\n * @returns Input and label for visually hidden, non-focusable honeypot field.\n */\nconst FieldHoneypot = React.forwardRef<HTMLInputElement, FieldHoneypotProps>(\n ({ className, id, label, name, ...props }, ref) => {\n label = label || 'Website';\n name = name || DefaultHoneypotFieldName;\n id = id ?? name;\n\n return (\n <label aria-hidden className=\"visually-hidden\" htmlFor={id}>\n {label}\n <input id={id} ref={ref} tabIndex={-1} name={name} autoComplete=\"off\" {...props} />\n </label>\n );\n },\n);\n\nFieldHoneypot.displayName = 'FieldHoneypot';\n\nexport default FieldHoneypot;\n"],"names":["DefaultHoneypotFieldName","FieldHoneypot","React","forwardRef","_ref","ref","className","id","label","name","props","_objectWithoutProperties","_excluded","createElement","htmlFor","_extends","tabIndex","autoComplete","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,wBAAwB,GAAG;AAOxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAa,gBAAGC,gBAAK,CAACC,UAAU,CACpC,UAAAC,IAAA,EAA2CC,GAAG,EAAK;AAAA,EAAvCD,IAAA,CAATE,SAAS;QAAEC,EAAE,GAAAH,IAAA,CAAFG,EAAE;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EACrCJ,KAAK,GAAGA,KAAK,IAAI,SAAS;EAC1BC,IAAI,GAAGA,IAAI,IAAIT,wBAAwB;AACvCO,EAAAA,EAAE,GAAGA,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAA,MAAA,GAAFA,EAAE,GAAIE,IAAI;EAEf,oBACEP,gBAAA,CAAAW,aAAA,CAAA,OAAA,EAAA;IAAO,aAAA,EAAA,IAAW;AAACP,IAAAA,SAAS,EAAC,iBAAiB;AAACQ,IAAAA,OAAO,EAAEP;AAAG,GAAA,EACxDC,KAAK,eACNN,gBAAA,CAAAW,aAAA,UAAAE,QAAA,CAAA;AAAOR,IAAAA,EAAE,EAAEA,EAAG;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAACW,QAAQ,EAAE,EAAG;AAACP,IAAAA,IAAI,EAAEA,IAAK;AAACQ,IAAAA,YAAY,EAAC;GAAK,EAAKP,KAAK,CAAG,CAC7E,CAAC;AAEZ,CACF;AAEAT,aAAa,CAACiB,WAAW,GAAG,eAAe;;;;;"}
|
package/FieldHoneypot/index.d.ts
CHANGED
package/FieldHoneypot/index.mjs
CHANGED
|
@@ -65,5 +65,5 @@ var FieldHoneypot = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
65
65
|
});
|
|
66
66
|
FieldHoneypot.displayName = 'FieldHoneypot';
|
|
67
67
|
|
|
68
|
-
export { FieldHoneypot as default };
|
|
68
|
+
export { DefaultHoneypotFieldName, FieldHoneypot as default };
|
|
69
69
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/FieldHoneypot/FieldHoneypot.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const DefaultHoneypotFieldName = 'website_w6u0u2c';\n\nexport type FieldHoneypotProps = {\n id?: string;\n label?: string;\n} & React.ComponentPropsWithoutRef<'input'>;\n\n/**\n * A honeypot is a field that is not available to users but a bot would be tricked into filling out and submitting.\n * Since this field is hidden visually, the only time that it would be filled out is by a bot.\n * We can reject any submission that has this field filled out.\n * `aria-hidden` hides the field from screen reader users, `.visually-hidden` hides it from sighted users,\n * and `tabIndex=-1` makes it unfocusable for keyboard users.\n * Read more: https://front-end.social/@heydon/111204680660492741\n * @param props - Props to pass to the <input /> component\n * @returns Input and label for visually hidden, non-focusable honeypot field.\n */\nconst FieldHoneypot = React.forwardRef<HTMLInputElement, FieldHoneypotProps>(\n ({ className, id, label, name, ...props }, ref) => {\n label = label || 'Website';\n name = name || DefaultHoneypotFieldName;\n id = id ?? name;\n\n return (\n <label aria-hidden className=\"visually-hidden\" htmlFor={id}>\n {label}\n <input id={id} ref={ref} tabIndex={-1} name={name} autoComplete=\"off\" {...props} />\n </label>\n );\n },\n);\n\nFieldHoneypot.displayName = 'FieldHoneypot';\n\nexport default FieldHoneypot;\n"],"names":["DefaultHoneypotFieldName","FieldHoneypot","React","forwardRef","_ref","ref","className","id","label","name","props","_objectWithoutProperties","_excluded","createElement","htmlFor","_extends","tabIndex","autoComplete","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,wBAAwB,GAAG
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/FieldHoneypot/FieldHoneypot.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const DefaultHoneypotFieldName = 'website_w6u0u2c';\n\nexport type FieldHoneypotProps = {\n id?: string;\n label?: string;\n} & React.ComponentPropsWithoutRef<'input'>;\n\n/**\n * A honeypot is a field that is not available to users but a bot would be tricked into filling out and submitting.\n * Since this field is hidden visually, the only time that it would be filled out is by a bot.\n * We can reject any submission that has this field filled out.\n * `aria-hidden` hides the field from screen reader users, `.visually-hidden` hides it from sighted users,\n * and `tabIndex=-1` makes it unfocusable for keyboard users.\n * Read more: https://front-end.social/@heydon/111204680660492741\n * @param props - Props to pass to the <input /> component\n * @returns Input and label for visually hidden, non-focusable honeypot field.\n */\nconst FieldHoneypot = React.forwardRef<HTMLInputElement, FieldHoneypotProps>(\n ({ className, id, label, name, ...props }, ref) => {\n label = label || 'Website';\n name = name || DefaultHoneypotFieldName;\n id = id ?? name;\n\n return (\n <label aria-hidden className=\"visually-hidden\" htmlFor={id}>\n {label}\n <input id={id} ref={ref} tabIndex={-1} name={name} autoComplete=\"off\" {...props} />\n </label>\n );\n },\n);\n\nFieldHoneypot.displayName = 'FieldHoneypot';\n\nexport default FieldHoneypot;\n"],"names":["DefaultHoneypotFieldName","FieldHoneypot","React","forwardRef","_ref","ref","className","id","label","name","props","_objectWithoutProperties","_excluded","createElement","htmlFor","_extends","tabIndex","autoComplete","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,wBAAwB,GAAG;AAOxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,aAAa,gBAAGC,KAAK,CAACC,UAAU,CACpC,UAAAC,IAAA,EAA2CC,GAAG,EAAK;AAAA,EAAvCD,IAAA,CAATE,SAAS;QAAEC,EAAE,GAAAH,IAAA,CAAFG,EAAE;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EACrCJ,KAAK,GAAGA,KAAK,IAAI,SAAS;EAC1BC,IAAI,GAAGA,IAAI,IAAIT,wBAAwB;AACvCO,EAAAA,EAAE,GAAGA,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAA,MAAA,GAAFA,EAAE,GAAIE,IAAI;EAEf,oBACEP,KAAA,CAAAW,aAAA,CAAA,OAAA,EAAA;IAAO,aAAA,EAAA,IAAW;AAACP,IAAAA,SAAS,EAAC,iBAAiB;AAACQ,IAAAA,OAAO,EAAEP;AAAG,GAAA,EACxDC,KAAK,eACNN,KAAA,CAAAW,aAAA,UAAAE,QAAA,CAAA;AAAOR,IAAAA,EAAE,EAAEA,EAAG;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAACW,QAAQ,EAAE,EAAG;AAACP,IAAAA,IAAI,EAAEA,IAAK;AAACQ,IAAAA,YAAY,EAAC;GAAK,EAAKP,KAAK,CAAG,CAC7E,CAAC;AAEZ,CACF;AAEAT,aAAa,CAACiB,WAAW,GAAG,eAAe;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iabbb/bds-react",
|
|
3
|
-
"version": "0.60.
|
|
3
|
+
"version": "0.60.1",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "cross-env NODE_ENV=production rollup -c",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"typescript": "5.7.2"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@iabbb/bds": "0.60.
|
|
31
|
+
"@iabbb/bds": "0.60.1",
|
|
32
32
|
"react": "^18.0.0 || ^19.0.0"
|
|
33
33
|
}
|
|
34
34
|
}
|