@iabbb/bds-react 0.39.0 → 0.40.0-beta.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.
Files changed (52) hide show
  1. package/Button/Button.d.ts +7 -7
  2. package/Button/index.cjs.map +1 -1
  3. package/Button/index.d.ts +2 -2
  4. package/Button/index.mjs.map +1 -1
  5. package/Button/index.node.cjs +115 -0
  6. package/Button/index.node.cjs.map +1 -0
  7. package/Button/package.json +3 -0
  8. package/CallToAction/CallToAction.d.ts +6 -6
  9. package/CallToAction/index.cjs.map +1 -1
  10. package/CallToAction/index.d.ts +2 -2
  11. package/CallToAction/index.mjs.map +1 -1
  12. package/CallToAction/index.node.cjs +83 -0
  13. package/CallToAction/index.node.cjs.map +1 -0
  14. package/CallToAction/package.json +3 -0
  15. package/ErrorSummary/ErrorSummary.d.ts +14 -14
  16. package/ErrorSummary/index.cjs +157 -59
  17. package/ErrorSummary/index.cjs.map +1 -1
  18. package/ErrorSummary/index.d.ts +2 -2
  19. package/ErrorSummary/index.mjs +156 -58
  20. package/ErrorSummary/index.mjs.map +1 -1
  21. package/ErrorSummary/index.node.cjs +293 -0
  22. package/ErrorSummary/index.node.cjs.map +1 -0
  23. package/ErrorSummary/package.json +3 -0
  24. package/ErrorSummary/utils.d.ts +2 -2
  25. package/FieldTextInput/FieldTextInput.d.ts +10 -10
  26. package/FieldTextInput/index.cjs.map +1 -1
  27. package/FieldTextInput/index.d.ts +1 -1
  28. package/FieldTextInput/index.mjs.map +1 -1
  29. package/FieldTextInput/index.node.cjs +109 -0
  30. package/FieldTextInput/index.node.cjs.map +1 -0
  31. package/FieldTextInput/package.json +3 -0
  32. package/Pagination/Pagination.d.ts +8 -8
  33. package/Pagination/index.cjs.map +1 -1
  34. package/Pagination/index.d.ts +1 -1
  35. package/Pagination/index.mjs.map +1 -1
  36. package/Pagination/index.node.cjs +180 -0
  37. package/Pagination/index.node.cjs.map +1 -0
  38. package/Pagination/package.json +3 -0
  39. package/README.md +17 -17
  40. package/Typography/Typography.d.ts +7 -7
  41. package/Typography/index.cjs.map +1 -1
  42. package/Typography/index.d.ts +1 -1
  43. package/Typography/index.mjs.map +1 -1
  44. package/Typography/index.node.cjs +99 -0
  45. package/Typography/index.node.cjs.map +1 -0
  46. package/Typography/package.json +3 -0
  47. package/index.cjs +144 -59
  48. package/index.cjs.map +1 -1
  49. package/index.d.ts +6 -6
  50. package/index.mjs +144 -59
  51. package/index.mjs.map +1 -1
  52. package/package.json +41 -35
@@ -1,7 +1,7 @@
1
- import * as React from 'react';
2
- export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
3
- preventDoubleClick?: boolean;
4
- variant?: 'cancel' | 'featured' | 'quote' | 'search' | 'standard' | 'unstyled';
5
- }
6
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
7
- export default Button;
1
+ import * as React from 'react';
2
+ export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
3
+ preventDoubleClick?: boolean;
4
+ variant?: 'cancel' | 'featured' | 'quote' | 'search' | 'standard' | 'unstyled';
5
+ }
6
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
7
+ export default Button;
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1;\n\nexport interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n preventDoubleClick?: boolean;\n variant?: 'cancel' | 'featured' | 'quote' | 'search' | 'standard' | 'unstyled';\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ children, className, onClick, preventDoubleClick = false, variant = 'standard', ...props }, ref) => {\n const debounceClicks = React.useRef(false);\n\n const handleClick: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n // 👇 button is not configured to ignore double clicks\n if (!preventDoubleClick) {\n if (onClick) {\n onClick(event);\n }\n\n return;\n }\n\n // 👇 button has been clicked recently, and subsequent clicks are prevented\n if (debounceClicks.current) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n\n // 👇 block from double clicks\n debounceClicks.current = true;\n\n // 👇 and remove the block after a given amount of seconds\n setTimeout(() => {\n debounceClicks.current = false;\n }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);\n };\n\n return (\n <button\n className={[variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className]\n .filter((x) => x)\n .join(' ')}\n data-type={variant !== 'standard' && variant !== 'unstyled' ? variant : null}\n onClick={handleClick}\n ref={ref}\n {...props}\n >\n {children}\n </button>\n );\n },\n);\n\nexport default Button;\n"],"names":["DEBOUNCE_TIMEOUT_IN_SECONDS","Button","React","forwardRef","_ref","ref","children","className","onClick","_ref$preventDoubleCli","preventDoubleClick","_ref$variant","variant","props","_objectWithoutProperties","_excluded","debounceClicks","useRef","handleClick","event","current","preventDefault","setTimeout","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,2BAA2B,GAAG,CAAC,CAAA;AAO/BC,IAAAA,MAAM,gBAAGC,gBAAK,CAACC,UAAU,CAC7B,UAAAC,IAAA,EAA+FC,GAAG,EAAK;AAAA,EAAA,IAApGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,qBAAA,GAAAL,IAAA,CAAEM,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAE,YAAA,GAAAP,IAAA,CAAEQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AACzF,EAAA,IAAMC,cAAc,GAAGd,gBAAK,CAACe,MAAM,CAAC,KAAK,CAAC,CAAA;AAE1C,EAAA,IAAMC,WAAuD,GAAG,SAA1DA,WAAuDA,CAAIC,KAAK,EAAK;AACzE;IACA,IAAI,CAACT,kBAAkB,EAAE;AACvB,MAAA,IAAIF,OAAO,EAAE;QACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,OAAA;AAEA,MAAA,OAAA;AACF,KAAA;;AAEA;IACA,IAAIH,cAAc,CAACI,OAAO,EAAE;MAC1BD,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIb,OAAO,EAAE;MACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,KAAA;;AAEA;IACAH,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;;AAE7B;AACAE,IAAAA,UAAU,CAAC,YAAM;MACfN,cAAc,CAACI,OAAO,GAAG,KAAK,CAAA;AAChC,KAAC,EAAEpB,2BAA2B,GAAG,IAAI,CAAC,CAAA;GACvC,CAAA;AAED,EAAA,oBACEE,gBAAA,CAAAqB,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AACEjB,IAAAA,SAAS,EAAE,CAACK,OAAO,KAAK,UAAU,GAAG,qBAAqB,GAAG,YAAY,EAAEL,SAAS,CAAC,CAClFkB,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAChBC,IAAI,CAAC,GAAG,CAAE;IACb,WAAWf,EAAAA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AAC7EJ,IAAAA,OAAO,EAAEU,WAAY;AACrBb,IAAAA,GAAG,EAAEA,GAAAA;GACDQ,EAAAA,KAAK,CAERP,EAAAA,QACK,CAAC,CAAA;AAEb,CACF;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1;\r\n\r\nexport interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {\r\n preventDoubleClick?: boolean;\r\n variant?: 'cancel' | 'featured' | 'quote' | 'search' | 'standard' | 'unstyled';\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n ({ children, className, onClick, preventDoubleClick = false, variant = 'standard', ...props }, ref) => {\r\n const debounceClicks = React.useRef(false);\r\n\r\n const handleClick: React.MouseEventHandler<HTMLButtonElement> = (event) => {\r\n // 👇 button is not configured to ignore double clicks\r\n if (!preventDoubleClick) {\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n\r\n return;\r\n }\r\n\r\n // 👇 button has been clicked recently, and subsequent clicks are prevented\r\n if (debounceClicks.current) {\r\n event.preventDefault();\r\n return;\r\n }\r\n\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n\r\n // 👇 block from double clicks\r\n debounceClicks.current = true;\r\n\r\n // 👇 and remove the block after a given amount of seconds\r\n setTimeout(() => {\r\n debounceClicks.current = false;\r\n }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);\r\n };\r\n\r\n return (\r\n <button\r\n className={[variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className]\r\n .filter((x) => x)\r\n .join(' ')}\r\n data-type={variant !== 'standard' && variant !== 'unstyled' ? variant : null}\r\n onClick={handleClick}\r\n ref={ref}\r\n {...props}\r\n >\r\n {children}\r\n </button>\r\n );\r\n },\r\n);\r\n\r\nexport default Button;\r\n"],"names":["DEBOUNCE_TIMEOUT_IN_SECONDS","Button","React","forwardRef","_ref","ref","children","className","onClick","_ref$preventDoubleCli","preventDoubleClick","_ref$variant","variant","props","_objectWithoutProperties","_excluded","debounceClicks","useRef","handleClick","event","current","preventDefault","setTimeout","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,2BAA2B,GAAG,CAAC,CAAA;AAO/BC,IAAAA,MAAM,gBAAGC,gBAAK,CAACC,UAAU,CAC7B,UAAAC,IAAA,EAA+FC,GAAG,EAAK;AAAA,EAAA,IAApGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,qBAAA,GAAAL,IAAA,CAAEM,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAE,YAAA,GAAAP,IAAA,CAAEQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AACzF,EAAA,IAAMC,cAAc,GAAGd,gBAAK,CAACe,MAAM,CAAC,KAAK,CAAC,CAAA;AAE1C,EAAA,IAAMC,WAAuD,GAAG,SAA1DA,WAAuDA,CAAIC,KAAK,EAAK;AACzE;IACA,IAAI,CAACT,kBAAkB,EAAE;AACvB,MAAA,IAAIF,OAAO,EAAE;QACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,OAAA;AAEA,MAAA,OAAA;AACF,KAAA;;AAEA;IACA,IAAIH,cAAc,CAACI,OAAO,EAAE;MAC1BD,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIb,OAAO,EAAE;MACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,KAAA;;AAEA;IACAH,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;;AAE7B;AACAE,IAAAA,UAAU,CAAC,YAAM;MACfN,cAAc,CAACI,OAAO,GAAG,KAAK,CAAA;AAChC,KAAC,EAAEpB,2BAA2B,GAAG,IAAI,CAAC,CAAA;GACvC,CAAA;AAED,EAAA,oBACEE,gBAAA,CAAAqB,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AACEjB,IAAAA,SAAS,EAAE,CAACK,OAAO,KAAK,UAAU,GAAG,qBAAqB,GAAG,YAAY,EAAEL,SAAS,CAAC,CAClFkB,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAChBC,IAAI,CAAC,GAAG,CAAE;IACb,WAAWf,EAAAA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AAC7EJ,IAAAA,OAAO,EAAEU,WAAY;AACrBb,IAAAA,GAAG,EAAEA,GAAAA;GACDQ,EAAAA,KAAK,CAERP,EAAAA,QACK,CAAC,CAAA;AAEb,CACF;;;;"}
package/Button/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export { default } from './Button';
2
- export * from './Button';
1
+ export { default } from './Button';
2
+ export * from './Button';
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1;\n\nexport interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n preventDoubleClick?: boolean;\n variant?: 'cancel' | 'featured' | 'quote' | 'search' | 'standard' | 'unstyled';\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ children, className, onClick, preventDoubleClick = false, variant = 'standard', ...props }, ref) => {\n const debounceClicks = React.useRef(false);\n\n const handleClick: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n // 👇 button is not configured to ignore double clicks\n if (!preventDoubleClick) {\n if (onClick) {\n onClick(event);\n }\n\n return;\n }\n\n // 👇 button has been clicked recently, and subsequent clicks are prevented\n if (debounceClicks.current) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n\n // 👇 block from double clicks\n debounceClicks.current = true;\n\n // 👇 and remove the block after a given amount of seconds\n setTimeout(() => {\n debounceClicks.current = false;\n }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);\n };\n\n return (\n <button\n className={[variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className]\n .filter((x) => x)\n .join(' ')}\n data-type={variant !== 'standard' && variant !== 'unstyled' ? variant : null}\n onClick={handleClick}\n ref={ref}\n {...props}\n >\n {children}\n </button>\n );\n },\n);\n\nexport default Button;\n"],"names":["DEBOUNCE_TIMEOUT_IN_SECONDS","Button","React","forwardRef","_ref","ref","children","className","onClick","_ref$preventDoubleCli","preventDoubleClick","_ref$variant","variant","props","_objectWithoutProperties","_excluded","debounceClicks","useRef","handleClick","event","current","preventDefault","setTimeout","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,2BAA2B,GAAG,CAAC,CAAA;AAO/BC,IAAAA,MAAM,gBAAGC,KAAK,CAACC,UAAU,CAC7B,UAAAC,IAAA,EAA+FC,GAAG,EAAK;AAAA,EAAA,IAApGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,qBAAA,GAAAL,IAAA,CAAEM,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAE,YAAA,GAAAP,IAAA,CAAEQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AACzF,EAAA,IAAMC,cAAc,GAAGd,KAAK,CAACe,MAAM,CAAC,KAAK,CAAC,CAAA;AAE1C,EAAA,IAAMC,WAAuD,GAAG,SAA1DA,WAAuDA,CAAIC,KAAK,EAAK;AACzE;IACA,IAAI,CAACT,kBAAkB,EAAE;AACvB,MAAA,IAAIF,OAAO,EAAE;QACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,OAAA;AAEA,MAAA,OAAA;AACF,KAAA;;AAEA;IACA,IAAIH,cAAc,CAACI,OAAO,EAAE;MAC1BD,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIb,OAAO,EAAE;MACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,KAAA;;AAEA;IACAH,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;;AAE7B;AACAE,IAAAA,UAAU,CAAC,YAAM;MACfN,cAAc,CAACI,OAAO,GAAG,KAAK,CAAA;AAChC,KAAC,EAAEpB,2BAA2B,GAAG,IAAI,CAAC,CAAA;GACvC,CAAA;AAED,EAAA,oBACEE,KAAA,CAAAqB,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AACEjB,IAAAA,SAAS,EAAE,CAACK,OAAO,KAAK,UAAU,GAAG,qBAAqB,GAAG,YAAY,EAAEL,SAAS,CAAC,CAClFkB,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAChBC,IAAI,CAAC,GAAG,CAAE;IACb,WAAWf,EAAAA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AAC7EJ,IAAAA,OAAO,EAAEU,WAAY;AACrBb,IAAAA,GAAG,EAAEA,GAAAA;GACDQ,EAAAA,KAAK,CAERP,EAAAA,QACK,CAAC,CAAA;AAEb,CACF;;;;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1;\r\n\r\nexport interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {\r\n preventDoubleClick?: boolean;\r\n variant?: 'cancel' | 'featured' | 'quote' | 'search' | 'standard' | 'unstyled';\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n ({ children, className, onClick, preventDoubleClick = false, variant = 'standard', ...props }, ref) => {\r\n const debounceClicks = React.useRef(false);\r\n\r\n const handleClick: React.MouseEventHandler<HTMLButtonElement> = (event) => {\r\n // 👇 button is not configured to ignore double clicks\r\n if (!preventDoubleClick) {\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n\r\n return;\r\n }\r\n\r\n // 👇 button has been clicked recently, and subsequent clicks are prevented\r\n if (debounceClicks.current) {\r\n event.preventDefault();\r\n return;\r\n }\r\n\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n\r\n // 👇 block from double clicks\r\n debounceClicks.current = true;\r\n\r\n // 👇 and remove the block after a given amount of seconds\r\n setTimeout(() => {\r\n debounceClicks.current = false;\r\n }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);\r\n };\r\n\r\n return (\r\n <button\r\n className={[variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className]\r\n .filter((x) => x)\r\n .join(' ')}\r\n data-type={variant !== 'standard' && variant !== 'unstyled' ? variant : null}\r\n onClick={handleClick}\r\n ref={ref}\r\n {...props}\r\n >\r\n {children}\r\n </button>\r\n );\r\n },\r\n);\r\n\r\nexport default Button;\r\n"],"names":["DEBOUNCE_TIMEOUT_IN_SECONDS","Button","React","forwardRef","_ref","ref","children","className","onClick","_ref$preventDoubleCli","preventDoubleClick","_ref$variant","variant","props","_objectWithoutProperties","_excluded","debounceClicks","useRef","handleClick","event","current","preventDefault","setTimeout","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,2BAA2B,GAAG,CAAC,CAAA;AAO/BC,IAAAA,MAAM,gBAAGC,KAAK,CAACC,UAAU,CAC7B,UAAAC,IAAA,EAA+FC,GAAG,EAAK;AAAA,EAAA,IAApGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,qBAAA,GAAAL,IAAA,CAAEM,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAE,YAAA,GAAAP,IAAA,CAAEQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AACzF,EAAA,IAAMC,cAAc,GAAGd,KAAK,CAACe,MAAM,CAAC,KAAK,CAAC,CAAA;AAE1C,EAAA,IAAMC,WAAuD,GAAG,SAA1DA,WAAuDA,CAAIC,KAAK,EAAK;AACzE;IACA,IAAI,CAACT,kBAAkB,EAAE;AACvB,MAAA,IAAIF,OAAO,EAAE;QACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,OAAA;AAEA,MAAA,OAAA;AACF,KAAA;;AAEA;IACA,IAAIH,cAAc,CAACI,OAAO,EAAE;MAC1BD,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIb,OAAO,EAAE;MACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,KAAA;;AAEA;IACAH,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;;AAE7B;AACAE,IAAAA,UAAU,CAAC,YAAM;MACfN,cAAc,CAACI,OAAO,GAAG,KAAK,CAAA;AAChC,KAAC,EAAEpB,2BAA2B,GAAG,IAAI,CAAC,CAAA;GACvC,CAAA;AAED,EAAA,oBACEE,KAAA,CAAAqB,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AACEjB,IAAAA,SAAS,EAAE,CAACK,OAAO,KAAK,UAAU,GAAG,qBAAqB,GAAG,YAAY,EAAEL,SAAS,CAAC,CAClFkB,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAChBC,IAAI,CAAC,GAAG,CAAE;IACb,WAAWf,EAAAA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AAC7EJ,IAAAA,OAAO,EAAEU,WAAY;AACrBb,IAAAA,GAAG,EAAEA,GAAAA;GACDQ,EAAAA,KAAK,CAERP,EAAAA,QACK,CAAC,CAAA;AAEb,CACF;;;;"}
@@ -0,0 +1,115 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
5
+ function _interopNamespaceDefault(e) {
6
+ var n = Object.create(null);
7
+ if (e) {
8
+ Object.keys(e).forEach(function (k) {
9
+ if (k !== 'default') {
10
+ var d = Object.getOwnPropertyDescriptor(e, k);
11
+ Object.defineProperty(n, k, d.get ? d : {
12
+ enumerable: true,
13
+ get: function () { return e[k]; }
14
+ });
15
+ }
16
+ });
17
+ }
18
+ n.default = e;
19
+ return Object.freeze(n);
20
+ }
21
+
22
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
23
+
24
+ function _extends() {
25
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
26
+ for (var i = 1; i < arguments.length; i++) {
27
+ var source = arguments[i];
28
+ for (var key in source) {
29
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
30
+ target[key] = source[key];
31
+ }
32
+ }
33
+ }
34
+ return target;
35
+ };
36
+ return _extends.apply(this, arguments);
37
+ }
38
+ function _objectWithoutPropertiesLoose(source, excluded) {
39
+ if (source == null) return {};
40
+ var target = {};
41
+ var sourceKeys = Object.keys(source);
42
+ var key, i;
43
+ for (i = 0; i < sourceKeys.length; i++) {
44
+ key = sourceKeys[i];
45
+ if (excluded.indexOf(key) >= 0) continue;
46
+ target[key] = source[key];
47
+ }
48
+ return target;
49
+ }
50
+ function _objectWithoutProperties(source, excluded) {
51
+ if (source == null) return {};
52
+ var target = _objectWithoutPropertiesLoose(source, excluded);
53
+ var key, i;
54
+ if (Object.getOwnPropertySymbols) {
55
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
56
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
57
+ key = sourceSymbolKeys[i];
58
+ if (excluded.indexOf(key) >= 0) continue;
59
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
60
+ target[key] = source[key];
61
+ }
62
+ }
63
+ return target;
64
+ }
65
+
66
+ var _excluded = ["children", "className", "onClick", "preventDoubleClick", "variant"];
67
+ var DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
68
+ var Button = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
69
+ var children = _ref.children,
70
+ className = _ref.className,
71
+ onClick = _ref.onClick,
72
+ _ref$preventDoubleCli = _ref.preventDoubleClick,
73
+ preventDoubleClick = _ref$preventDoubleCli === void 0 ? false : _ref$preventDoubleCli,
74
+ _ref$variant = _ref.variant,
75
+ variant = _ref$variant === void 0 ? 'standard' : _ref$variant,
76
+ props = _objectWithoutProperties(_ref, _excluded);
77
+ var debounceClicks = React__namespace.useRef(false);
78
+ var handleClick = function handleClick(event) {
79
+ // 👇 button is not configured to ignore double clicks
80
+ if (!preventDoubleClick) {
81
+ if (onClick) {
82
+ onClick(event);
83
+ }
84
+ return;
85
+ }
86
+
87
+ // 👇 button has been clicked recently, and subsequent clicks are prevented
88
+ if (debounceClicks.current) {
89
+ event.preventDefault();
90
+ return;
91
+ }
92
+ if (onClick) {
93
+ onClick(event);
94
+ }
95
+
96
+ // 👇 block from double clicks
97
+ debounceClicks.current = true;
98
+
99
+ // 👇 and remove the block after a given amount of seconds
100
+ setTimeout(function () {
101
+ debounceClicks.current = false;
102
+ }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
103
+ };
104
+ return /*#__PURE__*/React__namespace.createElement("button", _extends({
105
+ className: [variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className].filter(function (x) {
106
+ return x;
107
+ }).join(' '),
108
+ "data-type": variant !== 'standard' && variant !== 'unstyled' ? variant : null,
109
+ onClick: handleClick,
110
+ ref: ref
111
+ }, props), children);
112
+ });
113
+
114
+ module.exports = Button;
115
+ //# sourceMappingURL=index.node.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.node.cjs","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1;\r\n\r\nexport interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {\r\n preventDoubleClick?: boolean;\r\n variant?: 'cancel' | 'featured' | 'quote' | 'search' | 'standard' | 'unstyled';\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n ({ children, className, onClick, preventDoubleClick = false, variant = 'standard', ...props }, ref) => {\r\n const debounceClicks = React.useRef(false);\r\n\r\n const handleClick: React.MouseEventHandler<HTMLButtonElement> = (event) => {\r\n // 👇 button is not configured to ignore double clicks\r\n if (!preventDoubleClick) {\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n\r\n return;\r\n }\r\n\r\n // 👇 button has been clicked recently, and subsequent clicks are prevented\r\n if (debounceClicks.current) {\r\n event.preventDefault();\r\n return;\r\n }\r\n\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n\r\n // 👇 block from double clicks\r\n debounceClicks.current = true;\r\n\r\n // 👇 and remove the block after a given amount of seconds\r\n setTimeout(() => {\r\n debounceClicks.current = false;\r\n }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);\r\n };\r\n\r\n return (\r\n <button\r\n className={[variant === 'unstyled' ? 'bds-button-unstyled' : 'bds-button', className]\r\n .filter((x) => x)\r\n .join(' ')}\r\n data-type={variant !== 'standard' && variant !== 'unstyled' ? variant : null}\r\n onClick={handleClick}\r\n ref={ref}\r\n {...props}\r\n >\r\n {children}\r\n </button>\r\n );\r\n },\r\n);\r\n\r\nexport default Button;\r\n"],"names":["DEBOUNCE_TIMEOUT_IN_SECONDS","Button","React","forwardRef","_ref","ref","children","className","onClick","_ref$preventDoubleCli","preventDoubleClick","_ref$variant","variant","props","_objectWithoutProperties","_excluded","debounceClicks","useRef","handleClick","event","current","preventDefault","setTimeout","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,2BAA2B,GAAG,CAAC,CAAA;AAO/BC,IAAAA,MAAM,gBAAGC,gBAAK,CAACC,UAAU,CAC7B,UAAAC,IAAA,EAA+FC,GAAG,EAAK;AAAA,EAAA,IAApGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,qBAAA,GAAAL,IAAA,CAAEM,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAE,YAAA,GAAAP,IAAA,CAAEQ,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AACzF,EAAA,IAAMC,cAAc,GAAGd,gBAAK,CAACe,MAAM,CAAC,KAAK,CAAC,CAAA;AAE1C,EAAA,IAAMC,WAAuD,GAAG,SAA1DA,WAAuDA,CAAIC,KAAK,EAAK;AACzE;IACA,IAAI,CAACT,kBAAkB,EAAE;AACvB,MAAA,IAAIF,OAAO,EAAE;QACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,OAAA;AAEA,MAAA,OAAA;AACF,KAAA;;AAEA;IACA,IAAIH,cAAc,CAACI,OAAO,EAAE;MAC1BD,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIb,OAAO,EAAE;MACXA,OAAO,CAACW,KAAK,CAAC,CAAA;AAChB,KAAA;;AAEA;IACAH,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;;AAE7B;AACAE,IAAAA,UAAU,CAAC,YAAM;MACfN,cAAc,CAACI,OAAO,GAAG,KAAK,CAAA;AAChC,KAAC,EAAEpB,2BAA2B,GAAG,IAAI,CAAC,CAAA;GACvC,CAAA;AAED,EAAA,oBACEE,gBAAA,CAAAqB,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AACEjB,IAAAA,SAAS,EAAE,CAACK,OAAO,KAAK,UAAU,GAAG,qBAAqB,GAAG,YAAY,EAAEL,SAAS,CAAC,CAClFkB,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAChBC,IAAI,CAAC,GAAG,CAAE;IACb,WAAWf,EAAAA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AAC7EJ,IAAAA,OAAO,EAAEU,WAAY;AACrBb,IAAAA,GAAG,EAAEA,GAAAA;GACDQ,EAAAA,KAAK,CAERP,EAAAA,QACK,CAAC,CAAA;AAEb,CACF;;;;"}
@@ -1,6 +1,9 @@
1
1
  {
2
2
  "name": "@iabbb/bds-react/Button",
3
3
  "private": true,
4
+ "exports": {
5
+ "node": "./index.node.cjs"
6
+ },
4
7
  "main": "./index.cjs",
5
8
  "module": "./index.mjs",
6
9
  "types": "./index.d.ts"
@@ -1,6 +1,6 @@
1
- import * as React from 'react';
2
- export interface CallToActionProps extends React.ComponentPropsWithoutRef<'a'> {
3
- variant?: 'featured' | 'quote' | 'standard';
4
- }
5
- declare const CallToAction: React.ForwardRefExoticComponent<CallToActionProps & React.RefAttributes<HTMLAnchorElement>>;
6
- export default CallToAction;
1
+ import * as React from 'react';
2
+ export interface CallToActionProps extends React.ComponentPropsWithoutRef<'a'> {
3
+ variant?: 'featured' | 'quote' | 'standard';
4
+ }
5
+ declare const CallToAction: React.ForwardRefExoticComponent<CallToActionProps & React.RefAttributes<HTMLAnchorElement>>;
6
+ export default CallToAction;
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../src/CallToAction/CallToAction.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface CallToActionProps extends React.ComponentPropsWithoutRef<'a'> {\n variant?: 'featured' | 'quote' | 'standard';\n}\n\nconst CallToAction = React.forwardRef<HTMLAnchorElement, CallToActionProps>(\n ({ children, className, variant = 'standard', ...props }, ref) => {\n return (\n <a\n className={['bds-cta', className].filter((x) => x).join(' ')}\n data-type={variant !== 'standard' ? variant : null}\n ref={ref}\n {...props}\n >\n {children}\n </a>\n );\n },\n);\n\nexport default CallToAction;\n"],"names":["CallToAction","React","forwardRef","_ref","ref","children","className","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,YAAY,gBAAGC,gBAAK,CAACC,UAAU,CACnC,UAAAC,IAAA,EAA0DC,GAAG,EAAK;AAAA,EAAA,IAA/DC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AACpD,EAAA,oBACEV,gBAAA,CAAAW,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;IACEP,SAAS,EAAE,CAAC,SAAS,EAAEA,SAAS,CAAC,CAACQ,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;AAC7D,IAAA,WAAA,EAAWR,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AACnDJ,IAAAA,GAAG,EAAEA,GAAAA;GACDK,EAAAA,KAAK,CAERJ,EAAAA,QACA,CAAC,CAAA;AAER,CACF;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":["../../src/CallToAction/CallToAction.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport interface CallToActionProps extends React.ComponentPropsWithoutRef<'a'> {\r\n variant?: 'featured' | 'quote' | 'standard';\r\n}\r\n\r\nconst CallToAction = React.forwardRef<HTMLAnchorElement, CallToActionProps>(\r\n ({ children, className, variant = 'standard', ...props }, ref) => {\r\n return (\r\n <a\r\n className={['bds-cta', className].filter((x) => x).join(' ')}\r\n data-type={variant !== 'standard' ? variant : null}\r\n ref={ref}\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n );\r\n },\r\n);\r\n\r\nexport default CallToAction;\r\n"],"names":["CallToAction","React","forwardRef","_ref","ref","children","className","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,YAAY,gBAAGC,gBAAK,CAACC,UAAU,CACnC,UAAAC,IAAA,EAA0DC,GAAG,EAAK;AAAA,EAAA,IAA/DC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AACpD,EAAA,oBACEV,gBAAA,CAAAW,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;IACEP,SAAS,EAAE,CAAC,SAAS,EAAEA,SAAS,CAAC,CAACQ,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;AAC7D,IAAA,WAAA,EAAWR,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AACnDJ,IAAAA,GAAG,EAAEA,GAAAA;GACDK,EAAAA,KAAK,CAERJ,EAAAA,QACA,CAAC,CAAA;AAER,CACF;;;;"}
@@ -1,2 +1,2 @@
1
- export { default } from './CallToAction';
2
- export * from './CallToAction';
1
+ export { default } from './CallToAction';
2
+ export * from './CallToAction';
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/CallToAction/CallToAction.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface CallToActionProps extends React.ComponentPropsWithoutRef<'a'> {\n variant?: 'featured' | 'quote' | 'standard';\n}\n\nconst CallToAction = React.forwardRef<HTMLAnchorElement, CallToActionProps>(\n ({ children, className, variant = 'standard', ...props }, ref) => {\n return (\n <a\n className={['bds-cta', className].filter((x) => x).join(' ')}\n data-type={variant !== 'standard' ? variant : null}\n ref={ref}\n {...props}\n >\n {children}\n </a>\n );\n },\n);\n\nexport default CallToAction;\n"],"names":["CallToAction","React","forwardRef","_ref","ref","children","className","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,YAAY,gBAAGC,KAAK,CAACC,UAAU,CACnC,UAAAC,IAAA,EAA0DC,GAAG,EAAK;AAAA,EAAA,IAA/DC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AACpD,EAAA,oBACEV,KAAA,CAAAW,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;IACEP,SAAS,EAAE,CAAC,SAAS,EAAEA,SAAS,CAAC,CAACQ,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;AAC7D,IAAA,WAAA,EAAWR,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AACnDJ,IAAAA,GAAG,EAAEA,GAAAA;GACDK,EAAAA,KAAK,CAERJ,EAAAA,QACA,CAAC,CAAA;AAER,CACF;;;;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/CallToAction/CallToAction.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport interface CallToActionProps extends React.ComponentPropsWithoutRef<'a'> {\r\n variant?: 'featured' | 'quote' | 'standard';\r\n}\r\n\r\nconst CallToAction = React.forwardRef<HTMLAnchorElement, CallToActionProps>(\r\n ({ children, className, variant = 'standard', ...props }, ref) => {\r\n return (\r\n <a\r\n className={['bds-cta', className].filter((x) => x).join(' ')}\r\n data-type={variant !== 'standard' ? variant : null}\r\n ref={ref}\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n );\r\n },\r\n);\r\n\r\nexport default CallToAction;\r\n"],"names":["CallToAction","React","forwardRef","_ref","ref","children","className","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,YAAY,gBAAGC,KAAK,CAACC,UAAU,CACnC,UAAAC,IAAA,EAA0DC,GAAG,EAAK;AAAA,EAAA,IAA/DC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AACpD,EAAA,oBACEV,KAAA,CAAAW,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;IACEP,SAAS,EAAE,CAAC,SAAS,EAAEA,SAAS,CAAC,CAACQ,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;AAC7D,IAAA,WAAA,EAAWR,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AACnDJ,IAAAA,GAAG,EAAEA,GAAAA;GACDK,EAAAA,KAAK,CAERJ,EAAAA,QACA,CAAC,CAAA;AAER,CACF;;;;"}
@@ -0,0 +1,83 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
5
+ function _interopNamespaceDefault(e) {
6
+ var n = Object.create(null);
7
+ if (e) {
8
+ Object.keys(e).forEach(function (k) {
9
+ if (k !== 'default') {
10
+ var d = Object.getOwnPropertyDescriptor(e, k);
11
+ Object.defineProperty(n, k, d.get ? d : {
12
+ enumerable: true,
13
+ get: function () { return e[k]; }
14
+ });
15
+ }
16
+ });
17
+ }
18
+ n.default = e;
19
+ return Object.freeze(n);
20
+ }
21
+
22
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
23
+
24
+ function _extends() {
25
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
26
+ for (var i = 1; i < arguments.length; i++) {
27
+ var source = arguments[i];
28
+ for (var key in source) {
29
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
30
+ target[key] = source[key];
31
+ }
32
+ }
33
+ }
34
+ return target;
35
+ };
36
+ return _extends.apply(this, arguments);
37
+ }
38
+ function _objectWithoutPropertiesLoose(source, excluded) {
39
+ if (source == null) return {};
40
+ var target = {};
41
+ var sourceKeys = Object.keys(source);
42
+ var key, i;
43
+ for (i = 0; i < sourceKeys.length; i++) {
44
+ key = sourceKeys[i];
45
+ if (excluded.indexOf(key) >= 0) continue;
46
+ target[key] = source[key];
47
+ }
48
+ return target;
49
+ }
50
+ function _objectWithoutProperties(source, excluded) {
51
+ if (source == null) return {};
52
+ var target = _objectWithoutPropertiesLoose(source, excluded);
53
+ var key, i;
54
+ if (Object.getOwnPropertySymbols) {
55
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
56
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
57
+ key = sourceSymbolKeys[i];
58
+ if (excluded.indexOf(key) >= 0) continue;
59
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
60
+ target[key] = source[key];
61
+ }
62
+ }
63
+ return target;
64
+ }
65
+
66
+ var _excluded = ["children", "className", "variant"];
67
+ var CallToAction = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
68
+ var children = _ref.children,
69
+ className = _ref.className,
70
+ _ref$variant = _ref.variant,
71
+ variant = _ref$variant === void 0 ? 'standard' : _ref$variant,
72
+ props = _objectWithoutProperties(_ref, _excluded);
73
+ return /*#__PURE__*/React__namespace.createElement("a", _extends({
74
+ className: ['bds-cta', className].filter(function (x) {
75
+ return x;
76
+ }).join(' '),
77
+ "data-type": variant !== 'standard' ? variant : null,
78
+ ref: ref
79
+ }, props), children);
80
+ });
81
+
82
+ module.exports = CallToAction;
83
+ //# sourceMappingURL=index.node.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.node.cjs","sources":["../../src/CallToAction/CallToAction.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport interface CallToActionProps extends React.ComponentPropsWithoutRef<'a'> {\r\n variant?: 'featured' | 'quote' | 'standard';\r\n}\r\n\r\nconst CallToAction = React.forwardRef<HTMLAnchorElement, CallToActionProps>(\r\n ({ children, className, variant = 'standard', ...props }, ref) => {\r\n return (\r\n <a\r\n className={['bds-cta', className].filter((x) => x).join(' ')}\r\n data-type={variant !== 'standard' ? variant : null}\r\n ref={ref}\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n );\r\n },\r\n);\r\n\r\nexport default CallToAction;\r\n"],"names":["CallToAction","React","forwardRef","_ref","ref","children","className","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,YAAY,gBAAGC,gBAAK,CAACC,UAAU,CACnC,UAAAC,IAAA,EAA0DC,GAAG,EAAK;AAAA,EAAA,IAA/DC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AACpD,EAAA,oBACEV,gBAAA,CAAAW,aAAA,CAAA,GAAA,EAAAC,QAAA,CAAA;IACEP,SAAS,EAAE,CAAC,SAAS,EAAEA,SAAS,CAAC,CAACQ,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;AAC7D,IAAA,WAAA,EAAWR,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAK;AACnDJ,IAAAA,GAAG,EAAEA,GAAAA;GACDK,EAAAA,KAAK,CAERJ,EAAAA,QACA,CAAC,CAAA;AAER,CACF;;;;"}
@@ -1,6 +1,9 @@
1
1
  {
2
2
  "name": "@iabbb/bds-react/CallToAction",
3
3
  "private": true,
4
+ "exports": {
5
+ "node": "./index.node.cjs"
6
+ },
4
7
  "main": "./index.cjs",
5
8
  "module": "./index.mjs",
6
9
  "types": "./index.d.ts"
@@ -1,14 +1,14 @@
1
- import * as React from 'react';
2
- declare global {
3
- namespace JSX {
4
- interface IntrinsicElements {
5
- 'bds-error-summary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
6
- }
7
- }
8
- }
9
- export declare const FormErrorKey = "_form";
10
- export declare type ErrorSummaryProps = {
11
- errors: Record<string, Array<string> | string> | null;
12
- mapNameToId?: (name: string) => string;
13
- };
14
- export default function BdsErrorSummary({ className, errors, mapNameToId, ...props }: ErrorSummaryProps & React.ComponentPropsWithoutRef<'div'>): React.JSX.Element | null;
1
+ import * as React from 'react';
2
+ declare global {
3
+ namespace JSX {
4
+ interface IntrinsicElements {
5
+ 'bds-error-summary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
6
+ }
7
+ }
8
+ }
9
+ export declare const FormErrorKey = "_form";
10
+ export declare type ErrorSummaryProps = {
11
+ errors: Record<string, Array<string> | string> | null;
12
+ mapNameToId?: (name: string) => string;
13
+ };
14
+ export default function BdsErrorSummary({ className, errors, mapNameToId, ...props }: ErrorSummaryProps & React.ComponentPropsWithoutRef<'div'>): React.JSX.Element | null;
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var ErrorSummary = require('@iabbb/bds/ErrorSummary');
5
6
  var React = require('react');
6
7
 
7
8
  function _interopNamespaceDefault(e) {
@@ -23,6 +24,68 @@ function _interopNamespaceDefault(e) {
23
24
 
24
25
  var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
25
26
 
27
+ function _iterableToArrayLimit(r, l) {
28
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
29
+ if (null != t) {
30
+ var e,
31
+ n,
32
+ i,
33
+ u,
34
+ a = [],
35
+ f = !0,
36
+ o = !1;
37
+ try {
38
+ if (i = (t = t.call(r)).next, 0 === l) {
39
+ if (Object(t) !== t) return;
40
+ f = !1;
41
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
42
+ } catch (r) {
43
+ o = !0, n = r;
44
+ } finally {
45
+ try {
46
+ if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
47
+ } finally {
48
+ if (o) throw n;
49
+ }
50
+ }
51
+ return a;
52
+ }
53
+ }
54
+ function ownKeys(e, r) {
55
+ var t = Object.keys(e);
56
+ if (Object.getOwnPropertySymbols) {
57
+ var o = Object.getOwnPropertySymbols(e);
58
+ r && (o = o.filter(function (r) {
59
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
60
+ })), t.push.apply(t, o);
61
+ }
62
+ return t;
63
+ }
64
+ function _objectSpread2(e) {
65
+ for (var r = 1; r < arguments.length; r++) {
66
+ var t = null != arguments[r] ? arguments[r] : {};
67
+ r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
68
+ _defineProperty(e, r, t[r]);
69
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
70
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
71
+ });
72
+ }
73
+ return e;
74
+ }
75
+ function _defineProperty(obj, key, value) {
76
+ key = _toPropertyKey(key);
77
+ if (key in obj) {
78
+ Object.defineProperty(obj, key, {
79
+ value: value,
80
+ enumerable: true,
81
+ configurable: true,
82
+ writable: true
83
+ });
84
+ } else {
85
+ obj[key] = value;
86
+ }
87
+ return obj;
88
+ }
26
89
  function _extends() {
27
90
  _extends = Object.assign ? Object.assign.bind() : function (target) {
28
91
  for (var i = 1; i < arguments.length; i++) {
@@ -64,47 +127,102 @@ function _objectWithoutProperties(source, excluded) {
64
127
  }
65
128
  return target;
66
129
  }
67
-
68
- function getFragmentFromUrl(url) {
69
- return url.includes('#') ? url.split('#').pop() : undefined;
70
- }
71
- function getAssociatedLegendOrLabel(input) {
72
- var _document$querySelect;
73
- var fieldset = input.closest('fieldset');
74
- if (fieldset) {
75
- var legends = fieldset.getElementsByTagName('legend');
76
- if (legends.length) {
77
- var candidateLegend = legends[0];
78
-
79
- // If the input type is radio or checkbox, always use the legend if there
80
- // is one.
81
- if (input instanceof HTMLInputElement && (input.type === 'checkbox' || input.type === 'radio')) {
82
- return candidateLegend;
83
- }
84
-
85
- // For other input types, only scroll to the fieldset’s legend (instead of
86
- // the label associated with the input) if the input would end up in the
87
- // top half of the screen.
88
- //
89
- // This should avoid situations where the input either ends up off the
90
- // screen, or obscured by a software keyboard.
91
- var legendTop = candidateLegend.getBoundingClientRect().top;
92
- var inputRect = input.getBoundingClientRect();
93
-
94
- // If the browser doesn't support Element.getBoundingClientRect().height
95
- // or window.innerHeight (like IE8), bail and just link to the label.
96
- if (inputRect.height && window.innerHeight) {
97
- var inputBottom = inputRect.top + inputRect.height;
98
- if (inputBottom - legendTop < window.innerHeight / 2) {
99
- return candidateLegend;
100
- }
101
- }
102
- }
130
+ function _slicedToArray(arr, i) {
131
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
132
+ }
133
+ function _arrayWithHoles(arr) {
134
+ if (Array.isArray(arr)) return arr;
135
+ }
136
+ function _unsupportedIterableToArray(o, minLen) {
137
+ if (!o) return;
138
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
139
+ var n = Object.prototype.toString.call(o).slice(8, -1);
140
+ if (n === "Object" && o.constructor) n = o.constructor.name;
141
+ if (n === "Map" || n === "Set") return Array.from(o);
142
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
143
+ }
144
+ function _arrayLikeToArray(arr, len) {
145
+ if (len == null || len > arr.length) len = arr.length;
146
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
147
+ return arr2;
148
+ }
149
+ function _nonIterableRest() {
150
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
151
+ }
152
+ function _toPrimitive(input, hint) {
153
+ if (typeof input !== "object" || input === null) return input;
154
+ var prim = input[Symbol.toPrimitive];
155
+ if (prim !== undefined) {
156
+ var res = prim.call(input, hint || "default");
157
+ if (typeof res !== "object") return res;
158
+ throw new TypeError("@@toPrimitive must return a primitive value.");
103
159
  }
104
- return (_document$querySelect = document.querySelector("label[for='".concat(input.getAttribute('id'), "']"))) !== null && _document$querySelect !== void 0 ? _document$querySelect : input.closest('label');
160
+ return (hint === "string" ? String : Number)(input);
161
+ }
162
+ function _toPropertyKey(arg) {
163
+ var key = _toPrimitive(arg, "string");
164
+ return typeof key === "symbol" ? key : String(key);
105
165
  }
106
166
 
167
+ /**
168
+ * @license
169
+ * Copyright 2018 Google LLC
170
+ * SPDX-License-Identifier: BSD-3-Clause
171
+ */
172
+ var e = new Set(["children", "localName", "ref", "style", "className"]),
173
+ n = new WeakMap(),
174
+ l = function l(e, _l, t, o, a) {
175
+ var i = null == a ? void 0 : a[_l];
176
+ void 0 === i || t === o ? (e[_l] = t, null == t && _l in HTMLElement.prototype && e.removeAttribute(_l)) : function (e, l, t) {
177
+ var o = n.get(e);
178
+ void 0 === o && n.set(e, o = new Map());
179
+ var a = o.get(l);
180
+ void 0 !== t ? void 0 === a ? (o.set(l, a = {
181
+ handleEvent: t
182
+ }), e.addEventListener(l, a)) : a.handleEvent = t : void 0 !== a && (o["delete"](l), e.removeEventListener(l, a));
183
+ }(e, i, t);
184
+ },
185
+ t = function t(_ref) {
186
+ var n = _ref.react,
187
+ t = _ref.tagName,
188
+ o = _ref.elementClass,
189
+ a = _ref.events,
190
+ i = _ref.displayName;
191
+ var s = new Set(Object.keys(null != a ? a : {})),
192
+ c = n.forwardRef(function (i, c) {
193
+ var r = n.useRef(null),
194
+ d = n.useRef(null),
195
+ u = {},
196
+ v = {};
197
+ for (var _i = 0, _Object$entries = Object.entries(i); _i < _Object$entries.length; _i++) {
198
+ var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
199
+ _n = _Object$entries$_i[0],
200
+ _l2 = _Object$entries$_i[1];
201
+ e.has(_n) ? u["className" === _n ? "class" : _n] = _l2 : s.has(_n) || _n in o.prototype ? v[_n] = _l2 : u[_n] = _l2;
202
+ }
203
+ return n.useLayoutEffect(function () {
204
+ if (null !== d.current) {
205
+ for (var _e in v) l(d.current, _e, i[_e], r.current ? r.current[_e] : void 0, a);
206
+ r.current = i;
207
+ }
208
+ }), n.useLayoutEffect(function () {
209
+ var e;
210
+ null === (e = d.current) || void 0 === e || e.removeAttribute("defer-hydration");
211
+ }, []), u.suppressHydrationWarning = !0, n.createElement(t, _objectSpread2(_objectSpread2({}, u), {}, {
212
+ ref: function ref(e) {
213
+ d.current = e, "function" == typeof c ? c(e) : null !== c && (c.current = e);
214
+ }
215
+ }));
216
+ });
217
+ return c.displayName = null != i ? i : o.name, c;
218
+ };
219
+
107
220
  var _excluded = ["className", "errors", "mapNameToId"];
221
+ var ReactErrorSummary = t({
222
+ tagName: 'bds-error-summary',
223
+ elementClass: ErrorSummary,
224
+ react: React__namespace
225
+ });
108
226
  var FormErrorKey = '_form';
109
227
  var FINAL_FORM_ERROR = 'FINAL_FORM/form-error';
110
228
  function BdsErrorSummary(_ref) {
@@ -123,26 +241,7 @@ function BdsErrorSummary(_ref) {
123
241
  groupRef.current.focus();
124
242
  }, [errors]);
125
243
  if (!errors || Object.keys(errors).length === 0) return null;
126
- var handleLinkClick = function handleLinkClick(e) {
127
- var inputId = getFragmentFromUrl(e.currentTarget.href);
128
- if (!inputId) {
129
- return;
130
- }
131
- var input = document.getElementById(inputId);
132
- if (!input) {
133
- return;
134
- }
135
- var legendOrLabel = getAssociatedLegendOrLabel(input);
136
- if (!legendOrLabel) {
137
- return;
138
- }
139
- e.preventDefault();
140
- legendOrLabel.scrollIntoView();
141
- input.focus({
142
- preventScroll: true
143
- });
144
- };
145
- return /*#__PURE__*/React__namespace.createElement("bds-error-summary", _extends({
244
+ return /*#__PURE__*/React__namespace.createElement(ReactErrorSummary, _extends({
146
245
  className: ['stack', className].filter(function (x) {
147
246
  return x;
148
247
  }).join(' '),
@@ -182,8 +281,7 @@ function BdsErrorSummary(_ref) {
182
281
  return /*#__PURE__*/React__namespace.createElement("li", {
183
282
  key: inputId
184
283
  }, /*#__PURE__*/React__namespace.createElement("a", {
185
- href: "#".concat(inputId),
186
- onClick: handleLinkClick
284
+ href: "#".concat(inputId)
187
285
  }, fieldMessage, messages.length > 1 ? " (".concat(index + 1, " of ").concat(messages.length, ")") : undefined));
188
286
  }));
189
287
  })));