@iabbb/bds-react 0.40.0-beta.0 → 0.40.0-beta.2
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/Button/package.json +0 -3
- package/CallToAction/package.json +0 -3
- package/ErrorSummary/index.cjs +2 -1
- package/ErrorSummary/index.cjs.map +1 -1
- package/ErrorSummary/index.mjs +1 -0
- package/ErrorSummary/index.mjs.map +1 -1
- package/ErrorSummary/package.json +4 -4
- package/FieldTextInput/package.json +0 -3
- package/Pagination/package.json +0 -3
- package/Typography/package.json +0 -3
- package/package.json +2 -2
- package/Button/index.node.cjs +0 -115
- package/Button/index.node.cjs.map +0 -1
- package/CallToAction/index.node.cjs +0 -83
- package/CallToAction/index.node.cjs.map +0 -1
- package/ErrorSummary/index.node.cjs +0 -293
- package/ErrorSummary/index.node.cjs.map +0 -1
- package/FieldTextInput/index.node.cjs +0 -109
- package/FieldTextInput/index.node.cjs.map +0 -1
- package/Pagination/index.node.cjs +0 -180
- package/Pagination/index.node.cjs.map +0 -1
- package/Typography/index.node.cjs +0 -99
- package/Typography/index.node.cjs.map +0 -1
package/Button/package.json
CHANGED
package/ErrorSummary/index.cjs
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var ErrorSummary = require('@iabbb/bds/ErrorSummary');
|
|
6
|
+
var ssrDomShim = require('@lit-labs/ssr-dom-shim');
|
|
6
7
|
var React = require('react');
|
|
7
8
|
|
|
8
9
|
function _interopNamespaceDefault(e) {
|
|
@@ -173,7 +174,7 @@ var e = new Set(["children", "localName", "ref", "style", "className"]),
|
|
|
173
174
|
n = new WeakMap(),
|
|
174
175
|
l = function l(e, _l, t, o, a) {
|
|
175
176
|
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
|
+
void 0 === i || t === o ? (e[_l] = t, null == t && _l in ssrDomShim.HTMLElement.prototype && e.removeAttribute(_l)) : function (e, l, t) {
|
|
177
178
|
var o = n.get(e);
|
|
178
179
|
void 0 === o && n.set(e, o = new Map());
|
|
179
180
|
var a = o.get(l);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../.yarn/__virtual__/@lit-labs-react-virtual-4509891a2a/0/cache/@lit-labs-react-npm-2.0.0-0a425990f1-28737941de.zip/node_modules/@lit-labs/react/create-component.js","../../src/ErrorSummary/ErrorSummary.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst e=new Set([\"children\",\"localName\",\"ref\",\"style\",\"className\"]),n=new WeakMap,l=(e,l,t,o,a)=>{const i=null==a?void 0:a[l];void 0===i||t===o?(e[l]=t,null==t&&l in HTMLElement.prototype&&e.removeAttribute(l)):((e,l,t)=>{let o=n.get(e);void 0===o&&n.set(e,o=new Map);let a=o.get(l);void 0!==t?void 0===a?(o.set(l,a={handleEvent:t}),e.addEventListener(l,a)):a.handleEvent=t:void 0!==a&&(o.delete(l),e.removeEventListener(l,a))})(e,i,t)},t=({react:n,tagName:t,elementClass:o,events:a,displayName:i})=>{const s=new Set(Object.keys(null!=a?a:{})),c=n.forwardRef(((i,c)=>{const r=n.useRef(null),d=n.useRef(null),u={},v={};for(const[n,l]of Object.entries(i))e.has(n)?u[\"className\"===n?\"class\":n]=l:s.has(n)||n in o.prototype?v[n]=l:u[n]=l;return n.useLayoutEffect((()=>{if(null!==d.current){for(const e in v)l(d.current,e,i[e],r.current?r.current[e]:void 0,a);r.current=i}})),n.useLayoutEffect((()=>{var e;null===(e=d.current)||void 0===e||e.removeAttribute(\"defer-hydration\")}),[]),u.suppressHydrationWarning=!0,n.createElement(t,{...u,ref:e=>{d.current=e,\"function\"==typeof c?c(e):null!==c&&(c.current=e)}})}));return c.displayName=null!=i?i:o.name,c};export{t as createComponent};\n//# sourceMappingURL=create-component.js.map\n","// https://github.com/IABBB/bds/blob/19862b9c179f6cc650d2973a83cce5ab3516fc99/packages/react/src/ErrorSummary/ErrorSummary.js\r\n// todo - exports?\r\nimport ErrorSummary from '@iabbb/bds/ErrorSummary';\r\nimport { createComponent } from '@lit-labs/react';\r\nimport * as React from 'react';\r\n\r\nconst ReactErrorSummary = createComponent({\r\n tagName: 'bds-error-summary',\r\n elementClass: ErrorSummary,\r\n react: React,\r\n});\r\n\r\ndeclare global {\r\n namespace JSX {\r\n interface IntrinsicElements {\r\n 'bds-error-summary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\r\n }\r\n }\r\n}\r\n\r\nexport const FormErrorKey = '_form';\r\n\r\nconst FINAL_FORM_ERROR = 'FINAL_FORM/form-error';\r\n\r\nexport type ErrorSummaryProps = {\r\n errors: Record<string, Array<string> | string> | null;\r\n mapNameToId?: (name: string) => string;\r\n};\r\n\r\nexport default function BdsErrorSummary({\r\n className,\r\n errors,\r\n mapNameToId = (name) => name,\r\n ...props\r\n}: ErrorSummaryProps & React.ComponentPropsWithoutRef<'div'>) {\r\n const headingId = React.useId();\r\n const groupRef = React.useRef<HTMLElement>(null);\r\n\r\n React.useEffect(() => {\r\n if (!errors || Object.keys(errors).length === 0) return;\r\n if (!groupRef.current) return;\r\n\r\n groupRef.current.focus();\r\n }, [errors]);\r\n\r\n if (!errors || Object.keys(errors).length === 0) return null;\r\n\r\n return (\r\n <ReactErrorSummary\r\n className={['stack', className].filter((x) => x).join(' ')}\r\n role=\"group\"\r\n aria-labelledby={headingId}\r\n ref={groupRef}\r\n tabIndex={-1}\r\n {...props}\r\n >\r\n <h2 className=\"bds-h5\" id={headingId}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 512 512\"\r\n aria-hidden=\"true\"\r\n height=\"1em\"\r\n width=\"1em\"\r\n fill=\"currentColor\"\r\n >\r\n <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\r\n </svg>\r\n Issue\r\n </h2>\r\n <ul>\r\n {Object.keys(errors).map((errorKey) => {\r\n const message = errors[errorKey];\r\n const isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);\r\n\r\n if (isFormError) {\r\n return <li key={errorKey} dangerouslySetInnerHTML={{ __html: message }} />;\r\n }\r\n\r\n const isArrayField = Array.isArray(message);\r\n\r\n const messages = isArrayField ? message : [message];\r\n\r\n return (\r\n <React.Fragment key={errorKey}>\r\n {messages.map((fieldMessage, index) => {\r\n const inputId = `${mapNameToId(errorKey)}${isArrayField ? `[${index}]` : ''}`;\r\n\r\n return (\r\n <li key={inputId}>\r\n <a href={`#${inputId}`}>\r\n {fieldMessage}\r\n {messages.length > 1 ? ` (${index + 1} of ${messages.length})` : undefined}\r\n </a>\r\n </li>\r\n );\r\n })}\r\n </React.Fragment>\r\n );\r\n })}\r\n </ul>\r\n </ReactErrorSummary>\r\n );\r\n}\r\n"],"names":["e","Set","n","WeakMap","l","t","o","a","i","HTMLElement","prototype","removeAttribute","get","set","Map","handleEvent","addEventListener","removeEventListener","_ref","react","tagName","elementClass","events","displayName","s","Object","keys","c","forwardRef","r","useRef","d","u","v","_i","_Object$entries","entries","length","_Object$entries$_i","_slicedToArray","has","useLayoutEffect","current","suppressHydrationWarning","createElement","_objectSpread","ref","name","ReactErrorSummary","createComponent","ErrorSummary","React","FormErrorKey","FINAL_FORM_ERROR","BdsErrorSummary","className","errors","_ref$mapNameToId","mapNameToId","props","_objectWithoutProperties","_excluded","headingId","useId","groupRef","useEffect","focus","_extends","filter","x","join","role","tabIndex","id","xmlns","viewBox","height","width","fill","map","errorKey","message","isFormError","includes","key","dangerouslySetInnerHTML","__html","isArrayField","Array","isArray","messages","Fragment","fieldMessage","index","inputId","concat","href","undefined"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../src/ErrorSummary/ErrorSummary.tsx"],"sourcesContent":["// https://github.com/IABBB/bds/blob/19862b9c179f6cc650d2973a83cce5ab3516fc99/packages/react/src/ErrorSummary/ErrorSummary.js\r\n// todo - exports?\r\nimport ErrorSummary from '@iabbb/bds/ErrorSummary';\r\nimport { createComponent } from '@lit-labs/react';\r\nimport * as React from 'react';\r\n\r\nconst ReactErrorSummary = createComponent({\r\n tagName: 'bds-error-summary',\r\n elementClass: ErrorSummary,\r\n react: React,\r\n});\r\n\r\ndeclare global {\r\n namespace JSX {\r\n interface IntrinsicElements {\r\n 'bds-error-summary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\r\n }\r\n }\r\n}\r\n\r\nexport const FormErrorKey = '_form';\r\n\r\nconst FINAL_FORM_ERROR = 'FINAL_FORM/form-error';\r\n\r\nexport type ErrorSummaryProps = {\r\n errors: Record<string, Array<string> | string> | null;\r\n mapNameToId?: (name: string) => string;\r\n};\r\n\r\nexport default function BdsErrorSummary({\r\n className,\r\n errors,\r\n mapNameToId = (name) => name,\r\n ...props\r\n}: ErrorSummaryProps & React.ComponentPropsWithoutRef<'div'>) {\r\n const headingId = React.useId();\r\n const groupRef = React.useRef<HTMLElement>(null);\r\n\r\n React.useEffect(() => {\r\n if (!errors || Object.keys(errors).length === 0) return;\r\n if (!groupRef.current) return;\r\n\r\n groupRef.current.focus();\r\n }, [errors]);\r\n\r\n if (!errors || Object.keys(errors).length === 0) return null;\r\n\r\n return (\r\n <ReactErrorSummary\r\n className={['stack', className].filter((x) => x).join(' ')}\r\n role=\"group\"\r\n aria-labelledby={headingId}\r\n ref={groupRef}\r\n tabIndex={-1}\r\n {...props}\r\n >\r\n <h2 className=\"bds-h5\" id={headingId}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 512 512\"\r\n aria-hidden=\"true\"\r\n height=\"1em\"\r\n width=\"1em\"\r\n fill=\"currentColor\"\r\n >\r\n <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\r\n </svg>\r\n Issue\r\n </h2>\r\n <ul>\r\n {Object.keys(errors).map((errorKey) => {\r\n const message = errors[errorKey];\r\n const isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);\r\n\r\n if (isFormError) {\r\n return <li key={errorKey} dangerouslySetInnerHTML={{ __html: message }} />;\r\n }\r\n\r\n const isArrayField = Array.isArray(message);\r\n\r\n const messages = isArrayField ? message : [message];\r\n\r\n return (\r\n <React.Fragment key={errorKey}>\r\n {messages.map((fieldMessage, index) => {\r\n const inputId = `${mapNameToId(errorKey)}${isArrayField ? `[${index}]` : ''}`;\r\n\r\n return (\r\n <li key={inputId}>\r\n <a href={`#${inputId}`}>\r\n {fieldMessage}\r\n {messages.length > 1 ? ` (${index + 1} of ${messages.length})` : undefined}\r\n </a>\r\n </li>\r\n );\r\n })}\r\n </React.Fragment>\r\n );\r\n })}\r\n </ul>\r\n </ReactErrorSummary>\r\n );\r\n}\r\n"],"names":["ReactErrorSummary","createComponent","tagName","elementClass","ErrorSummary","react","React","FormErrorKey","FINAL_FORM_ERROR","BdsErrorSummary","_ref","className","errors","_ref$mapNameToId","mapNameToId","name","props","_objectWithoutProperties","_excluded","headingId","useId","groupRef","useRef","useEffect","Object","keys","length","current","focus","createElement","_extends","filter","x","join","role","ref","tabIndex","id","xmlns","viewBox","height","width","fill","d","map","errorKey","message","isFormError","includes","key","dangerouslySetInnerHTML","__html","isArrayField","Array","isArray","messages","Fragment","fieldMessage","index","inputId","concat","href","undefined"],"mappings":"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"}
|
package/ErrorSummary/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../.yarn/__virtual__/@lit-labs-react-virtual-4509891a2a/0/cache/@lit-labs-react-npm-2.0.0-0a425990f1-28737941de.zip/node_modules/@lit-labs/react/create-component.js","../../src/ErrorSummary/ErrorSummary.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst e=new Set([\"children\",\"localName\",\"ref\",\"style\",\"className\"]),n=new WeakMap,l=(e,l,t,o,a)=>{const i=null==a?void 0:a[l];void 0===i||t===o?(e[l]=t,null==t&&l in HTMLElement.prototype&&e.removeAttribute(l)):((e,l,t)=>{let o=n.get(e);void 0===o&&n.set(e,o=new Map);let a=o.get(l);void 0!==t?void 0===a?(o.set(l,a={handleEvent:t}),e.addEventListener(l,a)):a.handleEvent=t:void 0!==a&&(o.delete(l),e.removeEventListener(l,a))})(e,i,t)},t=({react:n,tagName:t,elementClass:o,events:a,displayName:i})=>{const s=new Set(Object.keys(null!=a?a:{})),c=n.forwardRef(((i,c)=>{const r=n.useRef(null),d=n.useRef(null),u={},v={};for(const[n,l]of Object.entries(i))e.has(n)?u[\"className\"===n?\"class\":n]=l:s.has(n)||n in o.prototype?v[n]=l:u[n]=l;return n.useLayoutEffect((()=>{if(null!==d.current){for(const e in v)l(d.current,e,i[e],r.current?r.current[e]:void 0,a);r.current=i}})),n.useLayoutEffect((()=>{var e;null===(e=d.current)||void 0===e||e.removeAttribute(\"defer-hydration\")}),[]),u.suppressHydrationWarning=!0,n.createElement(t,{...u,ref:e=>{d.current=e,\"function\"==typeof c?c(e):null!==c&&(c.current=e)}})}));return c.displayName=null!=i?i:o.name,c};export{t as createComponent};\n//# sourceMappingURL=create-component.js.map\n","// https://github.com/IABBB/bds/blob/19862b9c179f6cc650d2973a83cce5ab3516fc99/packages/react/src/ErrorSummary/ErrorSummary.js\r\n// todo - exports?\r\nimport ErrorSummary from '@iabbb/bds/ErrorSummary';\r\nimport { createComponent } from '@lit-labs/react';\r\nimport * as React from 'react';\r\n\r\nconst ReactErrorSummary = createComponent({\r\n tagName: 'bds-error-summary',\r\n elementClass: ErrorSummary,\r\n react: React,\r\n});\r\n\r\ndeclare global {\r\n namespace JSX {\r\n interface IntrinsicElements {\r\n 'bds-error-summary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\r\n }\r\n }\r\n}\r\n\r\nexport const FormErrorKey = '_form';\r\n\r\nconst FINAL_FORM_ERROR = 'FINAL_FORM/form-error';\r\n\r\nexport type ErrorSummaryProps = {\r\n errors: Record<string, Array<string> | string> | null;\r\n mapNameToId?: (name: string) => string;\r\n};\r\n\r\nexport default function BdsErrorSummary({\r\n className,\r\n errors,\r\n mapNameToId = (name) => name,\r\n ...props\r\n}: ErrorSummaryProps & React.ComponentPropsWithoutRef<'div'>) {\r\n const headingId = React.useId();\r\n const groupRef = React.useRef<HTMLElement>(null);\r\n\r\n React.useEffect(() => {\r\n if (!errors || Object.keys(errors).length === 0) return;\r\n if (!groupRef.current) return;\r\n\r\n groupRef.current.focus();\r\n }, [errors]);\r\n\r\n if (!errors || Object.keys(errors).length === 0) return null;\r\n\r\n return (\r\n <ReactErrorSummary\r\n className={['stack', className].filter((x) => x).join(' ')}\r\n role=\"group\"\r\n aria-labelledby={headingId}\r\n ref={groupRef}\r\n tabIndex={-1}\r\n {...props}\r\n >\r\n <h2 className=\"bds-h5\" id={headingId}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 512 512\"\r\n aria-hidden=\"true\"\r\n height=\"1em\"\r\n width=\"1em\"\r\n fill=\"currentColor\"\r\n >\r\n <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\r\n </svg>\r\n Issue\r\n </h2>\r\n <ul>\r\n {Object.keys(errors).map((errorKey) => {\r\n const message = errors[errorKey];\r\n const isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);\r\n\r\n if (isFormError) {\r\n return <li key={errorKey} dangerouslySetInnerHTML={{ __html: message }} />;\r\n }\r\n\r\n const isArrayField = Array.isArray(message);\r\n\r\n const messages = isArrayField ? message : [message];\r\n\r\n return (\r\n <React.Fragment key={errorKey}>\r\n {messages.map((fieldMessage, index) => {\r\n const inputId = `${mapNameToId(errorKey)}${isArrayField ? `[${index}]` : ''}`;\r\n\r\n return (\r\n <li key={inputId}>\r\n <a href={`#${inputId}`}>\r\n {fieldMessage}\r\n {messages.length > 1 ? ` (${index + 1} of ${messages.length})` : undefined}\r\n </a>\r\n </li>\r\n );\r\n })}\r\n </React.Fragment>\r\n );\r\n })}\r\n </ul>\r\n </ReactErrorSummary>\r\n );\r\n}\r\n"],"names":["e","Set","n","WeakMap","l","t","o","a","i","HTMLElement","prototype","removeAttribute","get","set","Map","handleEvent","addEventListener","removeEventListener","_ref","react","tagName","elementClass","events","displayName","s","Object","keys","c","forwardRef","r","useRef","d","u","v","_i","_Object$entries","entries","length","_Object$entries$_i","_slicedToArray","has","useLayoutEffect","current","suppressHydrationWarning","createElement","_objectSpread","ref","name","ReactErrorSummary","createComponent","ErrorSummary","React","FormErrorKey","FINAL_FORM_ERROR","BdsErrorSummary","className","errors","_ref$mapNameToId","mapNameToId","props","_objectWithoutProperties","_excluded","headingId","useId","groupRef","useEffect","focus","_extends","filter","x","join","role","tabIndex","id","xmlns","viewBox","height","width","fill","map","errorKey","message","isFormError","includes","key","dangerouslySetInnerHTML","__html","isArrayField","Array","isArray","messages","Fragment","fieldMessage","index","inputId","concat","href","undefined"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/ErrorSummary/ErrorSummary.tsx"],"sourcesContent":["// https://github.com/IABBB/bds/blob/19862b9c179f6cc650d2973a83cce5ab3516fc99/packages/react/src/ErrorSummary/ErrorSummary.js\r\n// todo - exports?\r\nimport ErrorSummary from '@iabbb/bds/ErrorSummary';\r\nimport { createComponent } from '@lit-labs/react';\r\nimport * as React from 'react';\r\n\r\nconst ReactErrorSummary = createComponent({\r\n tagName: 'bds-error-summary',\r\n elementClass: ErrorSummary,\r\n react: React,\r\n});\r\n\r\ndeclare global {\r\n namespace JSX {\r\n interface IntrinsicElements {\r\n 'bds-error-summary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\r\n }\r\n }\r\n}\r\n\r\nexport const FormErrorKey = '_form';\r\n\r\nconst FINAL_FORM_ERROR = 'FINAL_FORM/form-error';\r\n\r\nexport type ErrorSummaryProps = {\r\n errors: Record<string, Array<string> | string> | null;\r\n mapNameToId?: (name: string) => string;\r\n};\r\n\r\nexport default function BdsErrorSummary({\r\n className,\r\n errors,\r\n mapNameToId = (name) => name,\r\n ...props\r\n}: ErrorSummaryProps & React.ComponentPropsWithoutRef<'div'>) {\r\n const headingId = React.useId();\r\n const groupRef = React.useRef<HTMLElement>(null);\r\n\r\n React.useEffect(() => {\r\n if (!errors || Object.keys(errors).length === 0) return;\r\n if (!groupRef.current) return;\r\n\r\n groupRef.current.focus();\r\n }, [errors]);\r\n\r\n if (!errors || Object.keys(errors).length === 0) return null;\r\n\r\n return (\r\n <ReactErrorSummary\r\n className={['stack', className].filter((x) => x).join(' ')}\r\n role=\"group\"\r\n aria-labelledby={headingId}\r\n ref={groupRef}\r\n tabIndex={-1}\r\n {...props}\r\n >\r\n <h2 className=\"bds-h5\" id={headingId}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 512 512\"\r\n aria-hidden=\"true\"\r\n height=\"1em\"\r\n width=\"1em\"\r\n fill=\"currentColor\"\r\n >\r\n <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\r\n </svg>\r\n Issue\r\n </h2>\r\n <ul>\r\n {Object.keys(errors).map((errorKey) => {\r\n const message = errors[errorKey];\r\n const isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);\r\n\r\n if (isFormError) {\r\n return <li key={errorKey} dangerouslySetInnerHTML={{ __html: message }} />;\r\n }\r\n\r\n const isArrayField = Array.isArray(message);\r\n\r\n const messages = isArrayField ? message : [message];\r\n\r\n return (\r\n <React.Fragment key={errorKey}>\r\n {messages.map((fieldMessage, index) => {\r\n const inputId = `${mapNameToId(errorKey)}${isArrayField ? `[${index}]` : ''}`;\r\n\r\n return (\r\n <li key={inputId}>\r\n <a href={`#${inputId}`}>\r\n {fieldMessage}\r\n {messages.length > 1 ? ` (${index + 1} of ${messages.length})` : undefined}\r\n </a>\r\n </li>\r\n );\r\n })}\r\n </React.Fragment>\r\n );\r\n })}\r\n </ul>\r\n </ReactErrorSummary>\r\n );\r\n}\r\n"],"names":["ReactErrorSummary","createComponent","tagName","elementClass","ErrorSummary","react","React","FormErrorKey","FINAL_FORM_ERROR","BdsErrorSummary","_ref","className","errors","_ref$mapNameToId","mapNameToId","name","props","_objectWithoutProperties","_excluded","headingId","useId","groupRef","useRef","useEffect","Object","keys","length","current","focus","createElement","_extends","filter","x","join","role","ref","tabIndex","id","xmlns","viewBox","height","width","fill","d","map","errorKey","message","isFormError","includes","key","dangerouslySetInnerHTML","__html","isArrayField","Array","isArray","messages","Fragment","fieldMessage","index","inputId","concat","href","undefined"],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iabbb/bds-react/ErrorSummary",
|
|
3
3
|
"private": true,
|
|
4
|
-
"exports": {
|
|
5
|
-
"node": "./index.node.cjs"
|
|
6
|
-
},
|
|
7
4
|
"main": "./index.cjs",
|
|
8
5
|
"module": "./index.mjs",
|
|
9
|
-
"types": "./index.d.ts"
|
|
6
|
+
"types": "./index.d.ts",
|
|
7
|
+
"dependencies": {
|
|
8
|
+
"@lit-labs/ssr-dom-shim": "1.1.1"
|
|
9
|
+
}
|
|
10
10
|
}
|
package/Pagination/package.json
CHANGED
package/Typography/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iabbb/bds-react",
|
|
3
|
-
"version": "0.40.0-beta.
|
|
3
|
+
"version": "0.40.0-beta.2",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "cross-env NODE_ENV=production rollup -c",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"typescript": "4.7.4"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
|
-
"@iabbb/bds": "0.
|
|
38
|
+
"@iabbb/bds": "0.40.0",
|
|
39
39
|
"react": "^18.0.0"
|
|
40
40
|
}
|
|
41
41
|
}
|
package/Button/index.node.cjs
DELETED
|
@@ -1,115 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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,83 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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,293 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var ErrorSummary = require('@iabbb/bds/ErrorSummary');
|
|
6
|
-
var ssrDomShim = require('@lit-labs/ssr-dom-shim');
|
|
7
|
-
var React = require('react');
|
|
8
|
-
|
|
9
|
-
function _interopNamespaceDefault(e) {
|
|
10
|
-
var n = Object.create(null);
|
|
11
|
-
if (e) {
|
|
12
|
-
Object.keys(e).forEach(function (k) {
|
|
13
|
-
if (k !== 'default') {
|
|
14
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
16
|
-
enumerable: true,
|
|
17
|
-
get: function () { return e[k]; }
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
n.default = e;
|
|
23
|
-
return Object.freeze(n);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
27
|
-
|
|
28
|
-
function _iterableToArrayLimit(r, l) {
|
|
29
|
-
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
30
|
-
if (null != t) {
|
|
31
|
-
var e,
|
|
32
|
-
n,
|
|
33
|
-
i,
|
|
34
|
-
u,
|
|
35
|
-
a = [],
|
|
36
|
-
f = !0,
|
|
37
|
-
o = !1;
|
|
38
|
-
try {
|
|
39
|
-
if (i = (t = t.call(r)).next, 0 === l) {
|
|
40
|
-
if (Object(t) !== t) return;
|
|
41
|
-
f = !1;
|
|
42
|
-
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
43
|
-
} catch (r) {
|
|
44
|
-
o = !0, n = r;
|
|
45
|
-
} finally {
|
|
46
|
-
try {
|
|
47
|
-
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
48
|
-
} finally {
|
|
49
|
-
if (o) throw n;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
return a;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
function ownKeys(e, r) {
|
|
56
|
-
var t = Object.keys(e);
|
|
57
|
-
if (Object.getOwnPropertySymbols) {
|
|
58
|
-
var o = Object.getOwnPropertySymbols(e);
|
|
59
|
-
r && (o = o.filter(function (r) {
|
|
60
|
-
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
61
|
-
})), t.push.apply(t, o);
|
|
62
|
-
}
|
|
63
|
-
return t;
|
|
64
|
-
}
|
|
65
|
-
function _objectSpread2(e) {
|
|
66
|
-
for (var r = 1; r < arguments.length; r++) {
|
|
67
|
-
var t = null != arguments[r] ? arguments[r] : {};
|
|
68
|
-
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
69
|
-
_defineProperty(e, r, t[r]);
|
|
70
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
71
|
-
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
return e;
|
|
75
|
-
}
|
|
76
|
-
function _defineProperty(obj, key, value) {
|
|
77
|
-
key = _toPropertyKey(key);
|
|
78
|
-
if (key in obj) {
|
|
79
|
-
Object.defineProperty(obj, key, {
|
|
80
|
-
value: value,
|
|
81
|
-
enumerable: true,
|
|
82
|
-
configurable: true,
|
|
83
|
-
writable: true
|
|
84
|
-
});
|
|
85
|
-
} else {
|
|
86
|
-
obj[key] = value;
|
|
87
|
-
}
|
|
88
|
-
return obj;
|
|
89
|
-
}
|
|
90
|
-
function _extends() {
|
|
91
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
92
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
93
|
-
var source = arguments[i];
|
|
94
|
-
for (var key in source) {
|
|
95
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
96
|
-
target[key] = source[key];
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
return target;
|
|
101
|
-
};
|
|
102
|
-
return _extends.apply(this, arguments);
|
|
103
|
-
}
|
|
104
|
-
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
105
|
-
if (source == null) return {};
|
|
106
|
-
var target = {};
|
|
107
|
-
var sourceKeys = Object.keys(source);
|
|
108
|
-
var key, i;
|
|
109
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
|
110
|
-
key = sourceKeys[i];
|
|
111
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
112
|
-
target[key] = source[key];
|
|
113
|
-
}
|
|
114
|
-
return target;
|
|
115
|
-
}
|
|
116
|
-
function _objectWithoutProperties(source, excluded) {
|
|
117
|
-
if (source == null) return {};
|
|
118
|
-
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
119
|
-
var key, i;
|
|
120
|
-
if (Object.getOwnPropertySymbols) {
|
|
121
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
122
|
-
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
123
|
-
key = sourceSymbolKeys[i];
|
|
124
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
125
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
126
|
-
target[key] = source[key];
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
return target;
|
|
130
|
-
}
|
|
131
|
-
function _slicedToArray(arr, i) {
|
|
132
|
-
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
133
|
-
}
|
|
134
|
-
function _arrayWithHoles(arr) {
|
|
135
|
-
if (Array.isArray(arr)) return arr;
|
|
136
|
-
}
|
|
137
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
138
|
-
if (!o) return;
|
|
139
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
140
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
141
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
142
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
143
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
144
|
-
}
|
|
145
|
-
function _arrayLikeToArray(arr, len) {
|
|
146
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
147
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
148
|
-
return arr2;
|
|
149
|
-
}
|
|
150
|
-
function _nonIterableRest() {
|
|
151
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
152
|
-
}
|
|
153
|
-
function _toPrimitive(input, hint) {
|
|
154
|
-
if (typeof input !== "object" || input === null) return input;
|
|
155
|
-
var prim = input[Symbol.toPrimitive];
|
|
156
|
-
if (prim !== undefined) {
|
|
157
|
-
var res = prim.call(input, hint || "default");
|
|
158
|
-
if (typeof res !== "object") return res;
|
|
159
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
160
|
-
}
|
|
161
|
-
return (hint === "string" ? String : Number)(input);
|
|
162
|
-
}
|
|
163
|
-
function _toPropertyKey(arg) {
|
|
164
|
-
var key = _toPrimitive(arg, "string");
|
|
165
|
-
return typeof key === "symbol" ? key : String(key);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
/**
|
|
169
|
-
* @license
|
|
170
|
-
* Copyright 2018 Google LLC
|
|
171
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
172
|
-
*/
|
|
173
|
-
var e = new Set(["children", "localName", "ref", "style", "className"]),
|
|
174
|
-
n = new WeakMap(),
|
|
175
|
-
l = function l(e, _l, t, o, a) {
|
|
176
|
-
var i = null == a ? void 0 : a[_l];
|
|
177
|
-
void 0 === i || t === o ? (e[_l] = t, null == t && _l in ssrDomShim.HTMLElement.prototype && e.removeAttribute(_l)) : function (e, l, t) {
|
|
178
|
-
var o = n.get(e);
|
|
179
|
-
void 0 === o && n.set(e, o = new Map());
|
|
180
|
-
var a = o.get(l);
|
|
181
|
-
void 0 !== t ? void 0 === a ? (o.set(l, a = {
|
|
182
|
-
handleEvent: t
|
|
183
|
-
}), e.addEventListener(l, a)) : a.handleEvent = t : void 0 !== a && (o["delete"](l), e.removeEventListener(l, a));
|
|
184
|
-
}(e, i, t);
|
|
185
|
-
},
|
|
186
|
-
t = function t(_ref) {
|
|
187
|
-
var n = _ref.react,
|
|
188
|
-
t = _ref.tagName,
|
|
189
|
-
o = _ref.elementClass,
|
|
190
|
-
a = _ref.events,
|
|
191
|
-
i = _ref.displayName;
|
|
192
|
-
var s = new Set(Object.keys(null != a ? a : {})),
|
|
193
|
-
c = n.forwardRef(function (i, c) {
|
|
194
|
-
var r = n.useRef(null),
|
|
195
|
-
d = n.useRef(null),
|
|
196
|
-
u = {},
|
|
197
|
-
v = {};
|
|
198
|
-
for (var _i = 0, _Object$entries = Object.entries(i); _i < _Object$entries.length; _i++) {
|
|
199
|
-
var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
|
|
200
|
-
_n = _Object$entries$_i[0],
|
|
201
|
-
_l2 = _Object$entries$_i[1];
|
|
202
|
-
e.has(_n) ? u["className" === _n ? "class" : _n] = _l2 : s.has(_n) || _n in o.prototype ? v[_n] = _l2 : u[_n] = _l2;
|
|
203
|
-
}
|
|
204
|
-
return n.useLayoutEffect(function () {
|
|
205
|
-
if (null !== d.current) {
|
|
206
|
-
for (var _e in v) l(d.current, _e, i[_e], r.current ? r.current[_e] : void 0, a);
|
|
207
|
-
r.current = i;
|
|
208
|
-
}
|
|
209
|
-
}), n.useLayoutEffect(function () {
|
|
210
|
-
var e;
|
|
211
|
-
null === (e = d.current) || void 0 === e || e.removeAttribute("defer-hydration");
|
|
212
|
-
}, []), u.suppressHydrationWarning = !0, n.createElement(t, _objectSpread2(_objectSpread2({}, u), {}, {
|
|
213
|
-
ref: function ref(e) {
|
|
214
|
-
d.current = e, "function" == typeof c ? c(e) : null !== c && (c.current = e);
|
|
215
|
-
}
|
|
216
|
-
}));
|
|
217
|
-
});
|
|
218
|
-
return c.displayName = null != i ? i : o.name, c;
|
|
219
|
-
};
|
|
220
|
-
|
|
221
|
-
var _excluded = ["className", "errors", "mapNameToId"];
|
|
222
|
-
var ReactErrorSummary = t({
|
|
223
|
-
tagName: 'bds-error-summary',
|
|
224
|
-
elementClass: ErrorSummary,
|
|
225
|
-
react: React__namespace
|
|
226
|
-
});
|
|
227
|
-
var FormErrorKey = '_form';
|
|
228
|
-
var FINAL_FORM_ERROR = 'FINAL_FORM/form-error';
|
|
229
|
-
function BdsErrorSummary(_ref) {
|
|
230
|
-
var className = _ref.className,
|
|
231
|
-
errors = _ref.errors,
|
|
232
|
-
_ref$mapNameToId = _ref.mapNameToId,
|
|
233
|
-
mapNameToId = _ref$mapNameToId === void 0 ? function (name) {
|
|
234
|
-
return name;
|
|
235
|
-
} : _ref$mapNameToId,
|
|
236
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
237
|
-
var headingId = React__namespace.useId();
|
|
238
|
-
var groupRef = React__namespace.useRef(null);
|
|
239
|
-
React__namespace.useEffect(function () {
|
|
240
|
-
if (!errors || Object.keys(errors).length === 0) return;
|
|
241
|
-
if (!groupRef.current) return;
|
|
242
|
-
groupRef.current.focus();
|
|
243
|
-
}, [errors]);
|
|
244
|
-
if (!errors || Object.keys(errors).length === 0) return null;
|
|
245
|
-
return /*#__PURE__*/React__namespace.createElement(ReactErrorSummary, _extends({
|
|
246
|
-
className: ['stack', className].filter(function (x) {
|
|
247
|
-
return x;
|
|
248
|
-
}).join(' '),
|
|
249
|
-
role: "group",
|
|
250
|
-
"aria-labelledby": headingId,
|
|
251
|
-
ref: groupRef,
|
|
252
|
-
tabIndex: -1
|
|
253
|
-
}, props), /*#__PURE__*/React__namespace.createElement("h2", {
|
|
254
|
-
className: "bds-h5",
|
|
255
|
-
id: headingId
|
|
256
|
-
}, /*#__PURE__*/React__namespace.createElement("svg", {
|
|
257
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
258
|
-
viewBox: "0 0 512 512",
|
|
259
|
-
"aria-hidden": "true",
|
|
260
|
-
height: "1em",
|
|
261
|
-
width: "1em",
|
|
262
|
-
fill: "currentColor"
|
|
263
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
264
|
-
d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z"
|
|
265
|
-
})), "Issue"), /*#__PURE__*/React__namespace.createElement("ul", null, Object.keys(errors).map(function (errorKey) {
|
|
266
|
-
var message = errors[errorKey];
|
|
267
|
-
var isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);
|
|
268
|
-
if (isFormError) {
|
|
269
|
-
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
270
|
-
key: errorKey,
|
|
271
|
-
dangerouslySetInnerHTML: {
|
|
272
|
-
__html: message
|
|
273
|
-
}
|
|
274
|
-
});
|
|
275
|
-
}
|
|
276
|
-
var isArrayField = Array.isArray(message);
|
|
277
|
-
var messages = isArrayField ? message : [message];
|
|
278
|
-
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
|
|
279
|
-
key: errorKey
|
|
280
|
-
}, messages.map(function (fieldMessage, index) {
|
|
281
|
-
var inputId = "".concat(mapNameToId(errorKey)).concat(isArrayField ? "[".concat(index, "]") : '');
|
|
282
|
-
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
283
|
-
key: inputId
|
|
284
|
-
}, /*#__PURE__*/React__namespace.createElement("a", {
|
|
285
|
-
href: "#".concat(inputId)
|
|
286
|
-
}, fieldMessage, messages.length > 1 ? " (".concat(index + 1, " of ").concat(messages.length, ")") : undefined));
|
|
287
|
-
}));
|
|
288
|
-
})));
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
exports.FormErrorKey = FormErrorKey;
|
|
292
|
-
exports.default = BdsErrorSummary;
|
|
293
|
-
//# sourceMappingURL=index.node.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.node.cjs","sources":["../../src/ErrorSummary/ErrorSummary.tsx"],"sourcesContent":["// https://github.com/IABBB/bds/blob/19862b9c179f6cc650d2973a83cce5ab3516fc99/packages/react/src/ErrorSummary/ErrorSummary.js\r\n// todo - exports?\r\nimport ErrorSummary from '@iabbb/bds/ErrorSummary';\r\nimport { createComponent } from '@lit-labs/react';\r\nimport * as React from 'react';\r\n\r\nconst ReactErrorSummary = createComponent({\r\n tagName: 'bds-error-summary',\r\n elementClass: ErrorSummary,\r\n react: React,\r\n});\r\n\r\ndeclare global {\r\n namespace JSX {\r\n interface IntrinsicElements {\r\n 'bds-error-summary': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;\r\n }\r\n }\r\n}\r\n\r\nexport const FormErrorKey = '_form';\r\n\r\nconst FINAL_FORM_ERROR = 'FINAL_FORM/form-error';\r\n\r\nexport type ErrorSummaryProps = {\r\n errors: Record<string, Array<string> | string> | null;\r\n mapNameToId?: (name: string) => string;\r\n};\r\n\r\nexport default function BdsErrorSummary({\r\n className,\r\n errors,\r\n mapNameToId = (name) => name,\r\n ...props\r\n}: ErrorSummaryProps & React.ComponentPropsWithoutRef<'div'>) {\r\n const headingId = React.useId();\r\n const groupRef = React.useRef<HTMLElement>(null);\r\n\r\n React.useEffect(() => {\r\n if (!errors || Object.keys(errors).length === 0) return;\r\n if (!groupRef.current) return;\r\n\r\n groupRef.current.focus();\r\n }, [errors]);\r\n\r\n if (!errors || Object.keys(errors).length === 0) return null;\r\n\r\n return (\r\n <ReactErrorSummary\r\n className={['stack', className].filter((x) => x).join(' ')}\r\n role=\"group\"\r\n aria-labelledby={headingId}\r\n ref={groupRef}\r\n tabIndex={-1}\r\n {...props}\r\n >\r\n <h2 className=\"bds-h5\" id={headingId}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 512 512\"\r\n aria-hidden=\"true\"\r\n height=\"1em\"\r\n width=\"1em\"\r\n fill=\"currentColor\"\r\n >\r\n <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\r\n </svg>\r\n Issue\r\n </h2>\r\n <ul>\r\n {Object.keys(errors).map((errorKey) => {\r\n const message = errors[errorKey];\r\n const isFormError = [FINAL_FORM_ERROR, FormErrorKey].includes(errorKey);\r\n\r\n if (isFormError) {\r\n return <li key={errorKey} dangerouslySetInnerHTML={{ __html: message }} />;\r\n }\r\n\r\n const isArrayField = Array.isArray(message);\r\n\r\n const messages = isArrayField ? message : [message];\r\n\r\n return (\r\n <React.Fragment key={errorKey}>\r\n {messages.map((fieldMessage, index) => {\r\n const inputId = `${mapNameToId(errorKey)}${isArrayField ? `[${index}]` : ''}`;\r\n\r\n return (\r\n <li key={inputId}>\r\n <a href={`#${inputId}`}>\r\n {fieldMessage}\r\n {messages.length > 1 ? ` (${index + 1} of ${messages.length})` : undefined}\r\n </a>\r\n </li>\r\n );\r\n })}\r\n </React.Fragment>\r\n );\r\n })}\r\n </ul>\r\n </ReactErrorSummary>\r\n );\r\n}\r\n"],"names":["ReactErrorSummary","createComponent","tagName","elementClass","ErrorSummary","react","React","FormErrorKey","FINAL_FORM_ERROR","BdsErrorSummary","_ref","className","errors","_ref$mapNameToId","mapNameToId","name","props","_objectWithoutProperties","_excluded","headingId","useId","groupRef","useRef","useEffect","Object","keys","length","current","focus","createElement","_extends","filter","x","join","role","ref","tabIndex","id","xmlns","viewBox","height","width","fill","d","map","errorKey","message","isFormError","includes","key","dangerouslySetInnerHTML","__html","isArrayField","Array","isArray","messages","Fragment","fieldMessage","index","inputId","concat","href","undefined"],"mappings":"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"}
|
|
@@ -1,109 +0,0 @@
|
|
|
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 = ["as", "error", "hint", "id", "isOptional", "label"];
|
|
67
|
-
function FieldTextInput(_ref) {
|
|
68
|
-
var _id;
|
|
69
|
-
var as = _ref.as,
|
|
70
|
-
error = _ref.error,
|
|
71
|
-
hint = _ref.hint,
|
|
72
|
-
id = _ref.id,
|
|
73
|
-
_ref$isOptional = _ref.isOptional,
|
|
74
|
-
isOptional = _ref$isOptional === void 0 ? false : _ref$isOptional,
|
|
75
|
-
label = _ref.label,
|
|
76
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
77
|
-
id = (_id = id) !== null && _id !== void 0 ? _id : props.name;
|
|
78
|
-
var errorId = React__namespace.useId();
|
|
79
|
-
var hintId = React__namespace.useId();
|
|
80
|
-
var InputComponent = as !== null && as !== void 0 ? as : 'input';
|
|
81
|
-
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
82
|
-
className: "bds-text-input stack"
|
|
83
|
-
}, /*#__PURE__*/React__namespace.createElement("label", {
|
|
84
|
-
htmlFor: id
|
|
85
|
-
}, label, isOptional && ' (optional)'), hint && /*#__PURE__*/React__namespace.createElement("span", {
|
|
86
|
-
className: "bds-hint",
|
|
87
|
-
id: hintId
|
|
88
|
-
}, hint), error && /*#__PURE__*/React__namespace.createElement("span", {
|
|
89
|
-
className: "bds-error",
|
|
90
|
-
id: errorId
|
|
91
|
-
}, /*#__PURE__*/React__namespace.createElement("svg", {
|
|
92
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
93
|
-
viewBox: "0 0 512 512",
|
|
94
|
-
"aria-hidden": "true",
|
|
95
|
-
height: "1em",
|
|
96
|
-
width: "1em",
|
|
97
|
-
fill: "currentColor"
|
|
98
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
99
|
-
d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z"
|
|
100
|
-
})), error), /*#__PURE__*/React__namespace.createElement(InputComponent, _extends({
|
|
101
|
-
"aria-invalid": error ? true : undefined,
|
|
102
|
-
"aria-describedby": error && hint ? "".concat(hintId, " ").concat(errorId) : error ? errorId : hint ? hintId : undefined,
|
|
103
|
-
"aria-required": isOptional ? undefined : true,
|
|
104
|
-
id: id
|
|
105
|
-
}, props)));
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
module.exports = FieldTextInput;
|
|
109
|
-
//# sourceMappingURL=index.node.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.node.cjs","sources":["../../src/FieldTextInput/FieldTextInput.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport type FieldTextInputProps<C> = {\r\n as?: C;\r\n error?: string;\r\n hint?: string;\r\n id?: string;\r\n isOptional?: boolean;\r\n label: string;\r\n};\r\n\r\nexport default function FieldTextInput<C extends React.ElementType>({\r\n as,\r\n error,\r\n hint,\r\n id,\r\n isOptional = false,\r\n label,\r\n ...props\r\n}: FieldTextInputProps<C> & React.ComponentPropsWithoutRef<C>) {\r\n id = id ?? props.name;\r\n\r\n const errorId = React.useId();\r\n const hintId = React.useId();\r\n\r\n const InputComponent = as ?? 'input';\r\n\r\n return (\r\n <div className=\"bds-text-input stack\">\r\n <label htmlFor={id}>\r\n {label}\r\n {isOptional && ' (optional)'}\r\n </label>\r\n {hint && (\r\n <span className=\"bds-hint\" id={hintId}>\r\n {hint}\r\n </span>\r\n )}\r\n {error && (\r\n <span className=\"bds-error\" id={errorId}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n viewBox=\"0 0 512 512\"\r\n aria-hidden=\"true\"\r\n height=\"1em\"\r\n width=\"1em\"\r\n fill=\"currentColor\"\r\n >\r\n <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\r\n </svg>\r\n {error}\r\n </span>\r\n )}\r\n <InputComponent\r\n aria-invalid={error ? true : undefined}\r\n aria-describedby={error && hint ? `${hintId} ${errorId}` : error ? errorId : hint ? hintId : undefined}\r\n aria-required={isOptional ? undefined : true}\r\n id={id}\r\n {...props}\r\n />\r\n </div>\r\n );\r\n}\r\n"],"names":["FieldTextInput","_ref","_id","as","error","hint","id","_ref$isOptional","isOptional","label","props","_objectWithoutProperties","_excluded","name","errorId","React","useId","hintId","InputComponent","createElement","className","htmlFor","xmlns","viewBox","height","width","fill","d","_extends","undefined","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWe,SAASA,cAAcA,CAAAC,IAAA,EAQyB;AAAA,EAAA,IAAAC,GAAA,CAAA;AAAA,EAAA,IAP7DC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,EAAE,GAAAL,IAAA,CAAFK,EAAE;IAAAC,eAAA,GAAAN,IAAA,CACFO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,KAAK,GAAAR,IAAA,CAALQ,KAAK;AACFC,IAAAA,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAERN,EAAE,GAAA,CAAAJ,GAAA,GAAGI,EAAE,MAAA,IAAA,IAAAJ,GAAA,KAAA,KAAA,CAAA,GAAAA,GAAA,GAAIQ,KAAK,CAACG,IAAI,CAAA;AAErB,EAAA,IAAMC,OAAO,GAAGC,gBAAK,CAACC,KAAK,EAAE,CAAA;AAC7B,EAAA,IAAMC,MAAM,GAAGF,gBAAK,CAACC,KAAK,EAAE,CAAA;EAE5B,IAAME,cAAc,GAAGf,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAI,OAAO,CAAA;EAEpC,oBACEY,gBAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAA;GACbL,eAAAA,gBAAA,CAAAI,aAAA,CAAA,OAAA,EAAA;AAAOE,IAAAA,OAAO,EAAEf,EAAAA;GACbG,EAAAA,KAAK,EACLD,UAAU,IAAI,aACV,CAAC,EACPH,IAAI,iBACHU,gBAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,UAAU;AAACd,IAAAA,EAAE,EAAEW,MAAAA;AAAO,GAAA,EACnCZ,IACG,CACP,EACAD,KAAK,iBACJW,gBAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,WAAW;AAACd,IAAAA,EAAE,EAAEQ,OAAAA;GAC9BC,eAAAA,gBAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;AACEG,IAAAA,KAAK,EAAC,4BAA4B;AAClCC,IAAAA,OAAO,EAAC,aAAa;AACrB,IAAA,aAAA,EAAY,MAAM;AAClBC,IAAAA,MAAM,EAAC,KAAK;AACZC,IAAAA,KAAK,EAAC,KAAK;AACXC,IAAAA,IAAI,EAAC,cAAA;GAELX,eAAAA,gBAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;AAAMQ,IAAAA,CAAC,EAAC,4UAAA;AAA4U,GAAE,CACnV,CAAC,EACLvB,KACG,CACP,eACDW,gBAAA,CAAAI,aAAA,CAACD,cAAc,EAAAU,QAAA,CAAA;AACb,IAAA,cAAA,EAAcxB,KAAK,GAAG,IAAI,GAAGyB,SAAU;IACvC,kBAAkBzB,EAAAA,KAAK,IAAIC,IAAI,GAAA,EAAA,CAAAyB,MAAA,CAAMb,MAAM,OAAAa,MAAA,CAAIhB,OAAO,CAAKV,GAAAA,KAAK,GAAGU,OAAO,GAAGT,IAAI,GAAGY,MAAM,GAAGY,SAAU;AACvG,IAAA,eAAA,EAAerB,UAAU,GAAGqB,SAAS,GAAG,IAAK;AAC7CvB,IAAAA,EAAE,EAAEA,EAAAA;GACAI,EAAAA,KAAK,CACV,CACE,CAAC,CAAA;AAEV;;;;"}
|
|
@@ -1,180 +0,0 @@
|
|
|
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
|
-
function _toConsumableArray(arr) {
|
|
66
|
-
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
|
67
|
-
}
|
|
68
|
-
function _arrayWithoutHoles(arr) {
|
|
69
|
-
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
|
70
|
-
}
|
|
71
|
-
function _iterableToArray(iter) {
|
|
72
|
-
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
73
|
-
}
|
|
74
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
75
|
-
if (!o) return;
|
|
76
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
77
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
78
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
79
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
80
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
81
|
-
}
|
|
82
|
-
function _arrayLikeToArray(arr, len) {
|
|
83
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
84
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
85
|
-
return arr2;
|
|
86
|
-
}
|
|
87
|
-
function _nonIterableSpread() {
|
|
88
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
var _excluded = ["buildPageUrl", "className", "currentPage", "onPageClick", "totalPages"];
|
|
92
|
-
function usePages(currentPage, totalPages) {
|
|
93
|
-
var pages = [1, currentPage - 1, currentPage, currentPage + 1, totalPages].filter(function (x) {
|
|
94
|
-
return x >= 1 && x <= totalPages;
|
|
95
|
-
});
|
|
96
|
-
return _toConsumableArray(new Set(pages));
|
|
97
|
-
}
|
|
98
|
-
function Pagination(_ref) {
|
|
99
|
-
var buildPageUrl = _ref.buildPageUrl,
|
|
100
|
-
className = _ref.className,
|
|
101
|
-
currentPage = _ref.currentPage,
|
|
102
|
-
onPageClick = _ref.onPageClick,
|
|
103
|
-
totalPages = _ref.totalPages,
|
|
104
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
105
|
-
var pages = usePages(currentPage, totalPages);
|
|
106
|
-
return /*#__PURE__*/React__namespace.createElement("nav", _extends({
|
|
107
|
-
"aria-label": "pagination",
|
|
108
|
-
className: ['bds-pagination', className].filter(function (x) {
|
|
109
|
-
return x;
|
|
110
|
-
}).join(' ')
|
|
111
|
-
}, props), currentPage !== 1 && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("a", {
|
|
112
|
-
href: buildPageUrl(1),
|
|
113
|
-
className: "bds-first-page"
|
|
114
|
-
}, /*#__PURE__*/React__namespace.createElement("svg", {
|
|
115
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
116
|
-
"aria-hidden": "true",
|
|
117
|
-
focusable: "false",
|
|
118
|
-
height: "1em",
|
|
119
|
-
width: "100%",
|
|
120
|
-
viewBox: "0 63.95 512 384.1"
|
|
121
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
122
|
-
d: "M459.5 440.6c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4L288 214.3v83.4l171.5 142.9zM256 352V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4l-192 160C4.2 237.5 0 246.5 0 256s4.2 18.5 11.5 24.6l192 160c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29v-64z"
|
|
123
|
-
})), "First"), /*#__PURE__*/React__namespace.createElement("a", {
|
|
124
|
-
"aria-label": "previous",
|
|
125
|
-
href: buildPageUrl(currentPage - 1),
|
|
126
|
-
rel: "prev"
|
|
127
|
-
}, /*#__PURE__*/React__namespace.createElement("svg", {
|
|
128
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
129
|
-
"aria-hidden": "true",
|
|
130
|
-
focusable: "false",
|
|
131
|
-
width: "100%",
|
|
132
|
-
height: "1em",
|
|
133
|
-
viewBox: "0.02 95.9 192.08 320.17"
|
|
134
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
135
|
-
d: "M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6v256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z"
|
|
136
|
-
})), "Prev.")), /*#__PURE__*/React__namespace.createElement("ul", null, pages.map(function (page, index) {
|
|
137
|
-
var handlePageClick = function handlePageClick() {
|
|
138
|
-
if (!onPageClick) return;
|
|
139
|
-
onPageClick(page);
|
|
140
|
-
};
|
|
141
|
-
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
|
|
142
|
-
key: page
|
|
143
|
-
}, /*#__PURE__*/React__namespace.createElement("li", null, /*#__PURE__*/React__namespace.createElement("a", {
|
|
144
|
-
"aria-current": page === currentPage ? 'page' : undefined,
|
|
145
|
-
href: buildPageUrl(page),
|
|
146
|
-
onClick: handlePageClick
|
|
147
|
-
}, /*#__PURE__*/React__namespace.createElement("span", {
|
|
148
|
-
className: "visually-hidden"
|
|
149
|
-
}, "Page"), " ", page)), pages[index + 1] > page + 1 ? /*#__PURE__*/React__namespace.createElement("li", {
|
|
150
|
-
"data-overflow": ""
|
|
151
|
-
}, "...") : null);
|
|
152
|
-
})), currentPage !== totalPages && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("a", {
|
|
153
|
-
href: buildPageUrl(currentPage + 1),
|
|
154
|
-
rel: "next"
|
|
155
|
-
}, "Next", /*#__PURE__*/React__namespace.createElement("svg", {
|
|
156
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
157
|
-
"aria-hidden": "true",
|
|
158
|
-
focusable: "false",
|
|
159
|
-
viewBox: "63.9 95.9 192.1 320.17",
|
|
160
|
-
width: "100%",
|
|
161
|
-
height: "1em"
|
|
162
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
163
|
-
d: "M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9S63.9 115 63.9 128v256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"
|
|
164
|
-
}))), /*#__PURE__*/React__namespace.createElement("a", {
|
|
165
|
-
href: buildPageUrl(totalPages),
|
|
166
|
-
className: "bds-last-page"
|
|
167
|
-
}, "Last", /*#__PURE__*/React__namespace.createElement("svg", {
|
|
168
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
169
|
-
"aria-hidden": "true",
|
|
170
|
-
focusable: "false",
|
|
171
|
-
width: "100%",
|
|
172
|
-
height: "1em",
|
|
173
|
-
viewBox: "0 63.95 512 384.1"
|
|
174
|
-
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
175
|
-
d: "M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4L224 214.3v83.4L52.5 440.6zM256 352V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4l192 160c7.3 6.1 11.5 15.1 11.5 24.6s-4.2 18.5-11.5 24.6l-192 160c-9.5 7.9-22.8 9.7-34.1 4.4S256 428.4 256 416v-64z"
|
|
176
|
-
})))));
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
module.exports = Pagination;
|
|
180
|
-
//# sourceMappingURL=index.node.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.node.cjs","sources":["../../src/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport type PaginationProps = {\r\n buildPageUrl: (page: number) => string;\r\n currentPage: number;\r\n onPageClick?: (page: number) => void;\r\n totalPages: number;\r\n};\r\n\r\nfunction usePages(currentPage: number, totalPages: number) {\r\n const pages = [1, currentPage - 1, currentPage, currentPage + 1, totalPages].filter(\r\n (x) => x >= 1 && x <= totalPages,\r\n );\r\n return [...new Set(pages)];\r\n}\r\n\r\nexport default function Pagination({\r\n buildPageUrl,\r\n className,\r\n currentPage,\r\n onPageClick,\r\n totalPages,\r\n ...props\r\n}: PaginationProps & React.ComponentPropsWithoutRef<'nav'>) {\r\n const pages = usePages(currentPage, totalPages);\r\n\r\n return (\r\n <nav aria-label=\"pagination\" className={['bds-pagination', className].filter((x) => x).join(' ')} {...props}>\r\n {currentPage !== 1 && (\r\n <>\r\n <a href={buildPageUrl(1)} className=\"bds-first-page\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n height=\"1em\"\r\n width=\"100%\"\r\n viewBox=\"0 63.95 512 384.1\"\r\n >\r\n <path d=\"M459.5 440.6c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4L288 214.3v83.4l171.5 142.9zM256 352V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4l-192 160C4.2 237.5 0 246.5 0 256s4.2 18.5 11.5 24.6l192 160c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29v-64z\" />\r\n </svg>\r\n First\r\n </a>\r\n <a aria-label=\"previous\" href={buildPageUrl(currentPage - 1)} rel=\"prev\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"100%\"\r\n height=\"1em\"\r\n viewBox=\"0.02 95.9 192.08 320.17\"\r\n >\r\n <path d=\"M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6v256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z\" />\r\n </svg>\r\n Prev.\r\n </a>\r\n </>\r\n )}\r\n <ul>\r\n {pages.map((page, index) => {\r\n const handlePageClick = () => {\r\n if (!onPageClick) return;\r\n\r\n onPageClick(page);\r\n };\r\n\r\n return (\r\n <React.Fragment key={page}>\r\n <li>\r\n <a\r\n aria-current={page === currentPage ? 'page' : undefined}\r\n href={buildPageUrl(page)}\r\n onClick={handlePageClick}\r\n >\r\n <span className=\"visually-hidden\">Page</span> {page}\r\n </a>\r\n </li>\r\n {pages[index + 1] > page + 1 ? <li data-overflow=\"\">...</li> : null}\r\n </React.Fragment>\r\n );\r\n })}\r\n </ul>\r\n {currentPage !== totalPages && (\r\n <>\r\n <a href={buildPageUrl(currentPage + 1)} rel=\"next\">\r\n Next\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n viewBox=\"63.9 95.9 192.1 320.17\"\r\n width=\"100%\"\r\n height=\"1em\"\r\n >\r\n <path d=\"M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9S63.9 115 63.9 128v256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z\" />\r\n </svg>\r\n </a>\r\n <a href={buildPageUrl(totalPages)} className=\"bds-last-page\">\r\n Last\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"100%\"\r\n height=\"1em\"\r\n viewBox=\"0 63.95 512 384.1\"\r\n >\r\n <path d=\"M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4L224 214.3v83.4L52.5 440.6zM256 352V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4l192 160c7.3 6.1 11.5 15.1 11.5 24.6s-4.2 18.5-11.5 24.6l-192 160c-9.5 7.9-22.8 9.7-34.1 4.4S256 428.4 256 416v-64z\" />\r\n </svg>\r\n </a>\r\n </>\r\n )}\r\n </nav>\r\n );\r\n}\r\n"],"names":["usePages","currentPage","totalPages","pages","filter","x","_toConsumableArray","Set","Pagination","_ref","buildPageUrl","className","onPageClick","props","_objectWithoutProperties","_excluded","React","createElement","_extends","join","Fragment","href","xmlns","focusable","height","width","viewBox","d","rel","map","page","index","handlePageClick","key","undefined","onClick"],"mappings":"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"}
|
|
@@ -1,99 +0,0 @@
|
|
|
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 = ["className", "component", "variant"];
|
|
67
|
-
var componentMap = {
|
|
68
|
-
h1: 'h1',
|
|
69
|
-
h2: 'h2',
|
|
70
|
-
h3: 'h3',
|
|
71
|
-
h4: 'h4',
|
|
72
|
-
h5: 'h5',
|
|
73
|
-
body: 'p'
|
|
74
|
-
};
|
|
75
|
-
var classMap = {
|
|
76
|
-
h1: 'bds-h1',
|
|
77
|
-
h2: 'bds-h2',
|
|
78
|
-
h3: 'bds-h3',
|
|
79
|
-
h4: 'bds-h4',
|
|
80
|
-
h5: 'bds-h5',
|
|
81
|
-
body: 'bds-body'
|
|
82
|
-
};
|
|
83
|
-
var Typography = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
84
|
-
var className = _ref.className,
|
|
85
|
-
component = _ref.component,
|
|
86
|
-
_ref$variant = _ref.variant,
|
|
87
|
-
variant = _ref$variant === void 0 ? 'body' : _ref$variant,
|
|
88
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
89
|
-
var Component = component !== null && component !== void 0 ? component : componentMap[variant];
|
|
90
|
-
return /*#__PURE__*/React__namespace.createElement(Component, _extends({
|
|
91
|
-
className: [classMap[variant], className].filter(function (x) {
|
|
92
|
-
return x;
|
|
93
|
-
}).join(' '),
|
|
94
|
-
ref: ref
|
|
95
|
-
}, props));
|
|
96
|
-
});
|
|
97
|
-
|
|
98
|
-
module.exports = Typography;
|
|
99
|
-
//# sourceMappingURL=index.node.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.node.cjs","sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nconst componentMap = {\r\n h1: 'h1',\r\n h2: 'h2',\r\n h3: 'h3',\r\n h4: 'h4',\r\n h5: 'h5',\r\n body: 'p',\r\n};\r\n\r\nconst classMap = {\r\n h1: 'bds-h1',\r\n h2: 'bds-h2',\r\n h3: 'bds-h3',\r\n h4: 'bds-h4',\r\n h5: 'bds-h5',\r\n body: 'bds-body',\r\n};\r\n\r\nexport type TypographyProps = {\r\n component?: React.ElementType;\r\n variant?: 'body' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\r\n};\r\n\r\nconst Typography = React.forwardRef<HTMLOrSVGElement, React.HTMLAttributes<HTMLOrSVGElement> & TypographyProps>(\r\n ({ className, component, variant = 'body', ...props }, ref) => {\r\n const Component = component ?? (componentMap[variant] as React.ElementType);\r\n return (\r\n <Component className={[classMap[variant], className].filter((x) => x).join(' ')} ref={ref} {...props} />\r\n );\r\n },\r\n);\r\n\r\nexport default Typography;\r\n"],"names":["componentMap","h1","h2","h3","h4","h5","body","classMap","Typography","React","forwardRef","_ref","ref","className","component","_ref$variant","variant","props","_objectWithoutProperties","_excluded","Component","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,IAAI,EAAE,GAAA;AACR,CAAC,CAAA;AAED,IAAMC,QAAQ,GAAG;AACfN,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,IAAI,EAAE,UAAA;AACR,CAAC,CAAA;AAOKE,IAAAA,UAAU,gBAAGC,gBAAK,CAACC,UAAU,CACjC,UAAAC,IAAA,EAAuDC,GAAG,EAAK;AAAA,EAAA,IAA5DC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EACjD,IAAMC,SAAS,GAAGN,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAKd,YAAY,CAACgB,OAAO,CAAuB,CAAA;AAC3E,EAAA,oBACEP,gBAAA,CAAAY,aAAA,CAACD,SAAS,EAAAE,QAAA,CAAA;AAACT,IAAAA,SAAS,EAAE,CAACN,QAAQ,CAACS,OAAO,CAAC,EAAEH,SAAS,CAAC,CAACU,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;AAACb,IAAAA,GAAG,EAAEA,GAAAA;GAASK,EAAAA,KAAK,CAAG,CAAC,CAAA;AAE5G,CACF;;;;"}
|