@x15ventures/x15-ui-library 3.13.2 → 3.13.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/autoGenerated/libraryThemes.js +12 -12
- package/dist/cjs/autoGenerated/libraryThemes.js.map +1 -1
- package/dist/cjs/autoGenerated/libraryThemes.json +12 -12
- package/dist/cjs/components/design/accordion/Accordion.js.map +1 -1
- package/dist/cjs/components/design/icons/basicIcon/Icon.js +10 -1
- package/dist/cjs/components/design/icons/basicIcon/Icon.js.map +1 -1
- package/dist/cjs/package.json +1 -1
- package/dist/components/design/accordion/Accordion.d.ts +7 -7
- package/dist/components/design/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/design/icons/basicIcon/Icon.d.ts +2 -2
- package/dist/components/design/icons/basicIcon/Icon.d.ts.map +1 -1
- package/dist/esm/autoGenerated/libraryThemes.js +12 -12
- package/dist/esm/autoGenerated/libraryThemes.js.map +1 -1
- package/dist/esm/autoGenerated/libraryThemes.json +12 -12
- package/dist/esm/components/design/accordion/Accordion.js.map +1 -1
- package/dist/esm/components/design/icons/basicIcon/Icon.js +10 -1
- package/dist/esm/components/design/icons/basicIcon/Icon.js.map +1 -1
- package/dist/esm/package.json +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
|
@@ -17,8 +17,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
17
17
|
"map": "index.min.css.map"
|
|
18
18
|
},
|
|
19
19
|
"versioned": {
|
|
20
|
-
"css": "index.min.3.13.
|
|
21
|
-
"map": "index.min.3.13.
|
|
20
|
+
"css": "index.min.3.13.3.css",
|
|
21
|
+
"map": "index.min.3.13.3.css.map"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
"cba": {
|
|
@@ -32,8 +32,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
32
32
|
"map": "cba.min.css.map"
|
|
33
33
|
},
|
|
34
34
|
"versioned": {
|
|
35
|
-
"css": "cba.min.3.13.
|
|
36
|
-
"map": "cba.min.3.13.
|
|
35
|
+
"css": "cba.min.3.13.3.css",
|
|
36
|
+
"map": "cba.min.3.13.3.css.map"
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"creditSavvy": {
|
|
@@ -47,8 +47,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
47
47
|
"map": "creditSavvy.min.css.map"
|
|
48
48
|
},
|
|
49
49
|
"versioned": {
|
|
50
|
-
"css": "creditSavvy.min.3.13.
|
|
51
|
-
"map": "creditSavvy.min.3.13.
|
|
50
|
+
"css": "creditSavvy.min.3.13.3.css",
|
|
51
|
+
"map": "creditSavvy.min.3.13.3.css.map"
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
54
|
"doshii": {
|
|
@@ -62,8 +62,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
62
62
|
"map": "doshii.min.css.map"
|
|
63
63
|
},
|
|
64
64
|
"versioned": {
|
|
65
|
-
"css": "doshii.min.3.13.
|
|
66
|
-
"map": "doshii.min.3.13.
|
|
65
|
+
"css": "doshii.min.3.13.3.css",
|
|
66
|
+
"map": "doshii.min.3.13.3.css.map"
|
|
67
67
|
}
|
|
68
68
|
},
|
|
69
69
|
"homeIn": {
|
|
@@ -77,8 +77,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
77
77
|
"map": "homeIn.min.css.map"
|
|
78
78
|
},
|
|
79
79
|
"versioned": {
|
|
80
|
-
"css": "homeIn.min.3.13.
|
|
81
|
-
"map": "homeIn.min.3.13.
|
|
80
|
+
"css": "homeIn.min.3.13.3.css",
|
|
81
|
+
"map": "homeIn.min.3.13.3.css.map"
|
|
82
82
|
}
|
|
83
83
|
},
|
|
84
84
|
"x15Core": {
|
|
@@ -92,8 +92,8 @@ const libraryThemes = exports.libraryThemes = {
|
|
|
92
92
|
"map": "x15Core.min.css.map"
|
|
93
93
|
},
|
|
94
94
|
"versioned": {
|
|
95
|
-
"css": "x15Core.min.3.13.
|
|
96
|
-
"map": "x15Core.min.3.13.
|
|
95
|
+
"css": "x15Core.min.3.13.3.css",
|
|
96
|
+
"map": "x15Core.min.3.13.3.css.map"
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"libraryThemes.js","names":["libraryThemes","exports","_default","default"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.13.
|
|
1
|
+
{"version":3,"file":"libraryThemes.js","names":["libraryThemes","exports","_default","default"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.13.3.css\",\n \"map\": \"index.min.3.13.3.css.map\"\n }\n },\n \"cba\": {\n \"buildPath\": \"styles/themes/cba\",\n \"dev\": {\n \"css\": \"cba.css\",\n \"map\": \"cba.css.map\"\n },\n \"min\": {\n \"css\": \"cba.min.css\",\n \"map\": \"cba.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"cba.min.3.13.3.css\",\n \"map\": \"cba.min.3.13.3.css.map\"\n }\n },\n \"creditSavvy\": {\n \"buildPath\": \"styles/themes/creditSavvy\",\n \"dev\": {\n \"css\": \"creditSavvy.css\",\n \"map\": \"creditSavvy.css.map\"\n },\n \"min\": {\n \"css\": \"creditSavvy.min.css\",\n \"map\": \"creditSavvy.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"creditSavvy.min.3.13.3.css\",\n \"map\": \"creditSavvy.min.3.13.3.css.map\"\n }\n },\n \"doshii\": {\n \"buildPath\": \"styles/themes/doshii\",\n \"dev\": {\n \"css\": \"doshii.css\",\n \"map\": \"doshii.css.map\"\n },\n \"min\": {\n \"css\": \"doshii.min.css\",\n \"map\": \"doshii.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"doshii.min.3.13.3.css\",\n \"map\": \"doshii.min.3.13.3.css.map\"\n }\n },\n \"homeIn\": {\n \"buildPath\": \"styles/themes/homeIn\",\n \"dev\": {\n \"css\": \"homeIn.css\",\n \"map\": \"homeIn.css.map\"\n },\n \"min\": {\n \"css\": \"homeIn.min.css\",\n \"map\": \"homeIn.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"homeIn.min.3.13.3.css\",\n \"map\": \"homeIn.min.3.13.3.css.map\"\n }\n },\n \"x15Core\": {\n \"buildPath\": \"styles/themes/x15Core\",\n \"dev\": {\n \"css\": \"x15Core.css\",\n \"map\": \"x15Core.css.map\"\n },\n \"min\": {\n \"css\": \"x15Core.min.css\",\n \"map\": \"x15Core.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"x15Core.min.3.13.3.css\",\n \"map\": \"x15Core.min.3.13.3.css.map\"\n }\n }\n}; export default libraryThemes;"],"mappings":";;;;;;AAAA;AACO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3B,MAAM,EAAE;IACN,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE;MACL,KAAK,EAAE,WAAW;MAClB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,sBAAsB;MAC7B,KAAK,EAAE;IACT;EACF,CAAC;EACD,KAAK,EAAE;IACL,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE;MACL,KAAK,EAAE,SAAS;MAChB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,oBAAoB;MAC3B,KAAK,EAAE;IACT;EACF,CAAC;EACD,aAAa,EAAE;IACb,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,qBAAqB;MAC5B,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,4BAA4B;MACnC,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,SAAS,EAAE;IACT,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,wBAAwB;MAC/B,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAC,IAAAE,QAAA,GAAAD,OAAA,CAAAE,OAAA,GAAgBH,aAAa","ignoreList":[]}
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"map": "index.min.css.map"
|
|
11
11
|
},
|
|
12
12
|
"versioned": {
|
|
13
|
-
"css": "base.min.3.13.
|
|
14
|
-
"map": "base.min.3.13.
|
|
13
|
+
"css": "base.min.3.13.3.css",
|
|
14
|
+
"map": "base.min.3.13.3.css.map"
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"cba": {
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"map": "cba.min.css.map"
|
|
26
26
|
},
|
|
27
27
|
"versioned": {
|
|
28
|
-
"css": "cba.min.3.13.
|
|
29
|
-
"map": "cba.min.3.13.
|
|
28
|
+
"css": "cba.min.3.13.3.css",
|
|
29
|
+
"map": "cba.min.3.13.3.css.map"
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"creditSavvy": {
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"map": "creditSavvy.min.css.map"
|
|
41
41
|
},
|
|
42
42
|
"versioned": {
|
|
43
|
-
"css": "creditSavvy.min.3.13.
|
|
44
|
-
"map": "creditSavvy.min.3.13.
|
|
43
|
+
"css": "creditSavvy.min.3.13.3.css",
|
|
44
|
+
"map": "creditSavvy.min.3.13.3.css.map"
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"doshii": {
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"map": "doshii.min.css.map"
|
|
56
56
|
},
|
|
57
57
|
"versioned": {
|
|
58
|
-
"css": "doshii.min.3.13.
|
|
59
|
-
"map": "doshii.min.3.13.
|
|
58
|
+
"css": "doshii.min.3.13.3.css",
|
|
59
|
+
"map": "doshii.min.3.13.3.css.map"
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
"homeIn": {
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
"map": "homeIn.min.css.map"
|
|
71
71
|
},
|
|
72
72
|
"versioned": {
|
|
73
|
-
"css": "homeIn.min.3.13.
|
|
74
|
-
"map": "homeIn.min.3.13.
|
|
73
|
+
"css": "homeIn.min.3.13.3.css",
|
|
74
|
+
"map": "homeIn.min.3.13.3.css.map"
|
|
75
75
|
}
|
|
76
76
|
},
|
|
77
77
|
"x15Core": {
|
|
@@ -85,8 +85,8 @@
|
|
|
85
85
|
"map": "x15Core.min.css.map"
|
|
86
86
|
},
|
|
87
87
|
"versioned": {
|
|
88
|
-
"css": "x15Core.min.3.13.
|
|
89
|
-
"map": "x15Core.min.3.13.
|
|
88
|
+
"css": "x15Core.min.3.13.3.css",
|
|
89
|
+
"map": "x15Core.min.3.13.3.css.map"
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","Accordion","_extends2","_react","_interopRequireWildcard","_SvgIcon","_iconDefinitions","_Icon","_InertAttribute","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","id","heading","children","footer","openIcon","closeIcon","isOpen","isAnimated","isFixed","innerBorders","outerBorders","hasShadow","onChange","customCssClass","restrictHeight","headerButtonCustomLabel","headerButtonCssClass","paddingStyle","horizontalAlignments","panelIsOpen","setPanelIsOpen","useState","accordionControl","useRef","accordionContentSection","useInertAttribute","panelId","Date","now","contentId","controlId","customSectionHeader","TogglePanelOpenState","newState","heightCssClass","justifyContentMap","left","center","right","alignmentStyle","header","content","wrapperCssClass","headerCssClass","controlCssClass","contentCssClass","OpenIcon","createElement","Icon","icon","SvgIcon","svgDefinition","chevronUp","CloseIcon","chevronDown","className","style","tabIndex","ref","onClick","type","undefined","_default"],"sources":["../../../../../src/components/design/accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable jsxA11y/no-noninteractive-tabindex, no-unused-vars */\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { chevronUp, chevronDown } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\n\nimport { Icon } from '../icons/basicIcon/Icon';\nimport { useInertAttribute } from '../../../hooks/InertAttribute';\n\nimport './accordion.scss';\n\nexport interface AccordionProps {\n id: string;\n isOpen?: boolean;\n isAnimated?: boolean;\n isFixed?: boolean;\n innerBorders?: boolean;\n outerBorders?: boolean;\n hasShadow?: boolean;\n onChange?: (args: boolean) => void;\n openIcon?: string;\n closeIcon?: string;\n heading: string | React.ReactElement;\n footer?: string | React.ReactElement;\n customCssClass?: string;\n restrictHeight?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';\n headerButtonCustomLabel?: string | React.ReactElement;\n headerButtonCssClass?: string;\n paddingStyle?: 'compact' | 'regular' | 'spacious';\n children?: React.ReactNode;\n horizontalAlignments?: {\n header?: 'left' | 'center' | 'right';\n content?: 'left' | 'center' | 'right';\n footer?: 'left' | 'center' | 'right';\n };\n}\n\nexport const Accordion: React.FC<AccordionProps> = (\n {\n id,\n heading,\n children,\n footer,\n openIcon = null,\n closeIcon = null,\n isOpen = true,\n isAnimated = true,\n isFixed = false,\n innerBorders = true,\n outerBorders = true,\n hasShadow = false,\n onChange,\n customCssClass,\n restrictHeight,\n headerButtonCustomLabel,\n headerButtonCssClass,\n paddingStyle = 'regular',\n horizontalAlignments,\n }\n) => {\n const [panelIsOpen, setPanelIsOpen] = useState(isOpen || isFixed);\n const accordionControl = useRef(null);\n const accordionContentSection = useRef<HTMLElement>(null);\n\n useInertAttribute(accordionContentSection, !panelIsOpen && !isFixed);\n\n const panelId = id || `accordion_${ Date.now() }`;\n const contentId = `${ panelId }_content`;\n const controlId = `${ panelId }_control`;\n\n const customSectionHeader = typeof heading !== 'string' && !headerButtonCustomLabel;\n\n const TogglePanelOpenState = () => {\n const newState = !panelIsOpen;\n setPanelIsOpen(newState);\n if (onChange) {\n onChange(newState);\n }\n };\n\n const heightCssClass = restrictHeight ? `accordion_${ restrictHeight }` : '';\n\n // map horizontal alignment props to justify-content values for fixed accordions\n const justifyContentMap = {\n left: 'flex-start',\n center: 'center',\n right: 'flex-end',\n };\n\n const alignmentStyle = {\n ...(isFixed && horizontalAlignments?.header\n ? { '--header-align-h': justifyContentMap[horizontalAlignments.header] }\n : { '--header-align-h': horizontalAlignments?.header || 'left' }),\n '--content-align-h': horizontalAlignments?.content || 'left',\n '--footer-align-h': horizontalAlignments?.footer || 'left',\n };\n\n const wrapperCssClass = `\n accordion\n ${ customCssClass || '' }\n ${ heightCssClass }\n ${ panelIsOpen || isFixed ? 'open' : 'closed' }\n ${ isFixed ? 'fixed' : '' }\n ${ isAnimated ? 'animated' : '' }\n ${ outerBorders ? 'outerBorders' : '' }\n ${ paddingStyle ? `padding_${ paddingStyle }` : '' }\n ${ hasShadow ? 'hasShadow' : '' }\n `;\n\n const headerCssClass = `accordionHeader ${ customSectionHeader || isFixed ? 'accordionHeader_custom' : '' } ${ innerBorders ? 'accordionHeader_innerBorders' : '' }`;\n\n const controlCssClass = `accordionControl ${ customCssClass ? `${ customCssClass }_accordionControl` : '' } ${ headerButtonCssClass || '' }`;\n\n const contentCssClass = `accordionContent ${ customCssClass ? `${ customCssClass }_accordionContent` : '' }`;\n\n const OpenIcon = () => {\n if (openIcon) {\n return <Icon icon={ openIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronUp } />;\n };\n\n const CloseIcon = () => {\n if (closeIcon) {\n return <Icon icon={ closeIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronDown } />;\n };\n\n return (\n <section className={ wrapperCssClass } style={ alignmentStyle as React.CSSProperties }>\n <header className={ headerCssClass }>\n {\n customSectionHeader\n ? <div tabIndex={ 0 } className=\"accordionCustomHeading\">{ heading }</div>\n : (\n <h3>\n { isFixed\n ? heading\n : (\n <button\n ref={ accordionControl }\n aria-controls={ contentId }\n aria-expanded={ panelIsOpen }\n id={ controlId }\n onClick={ TogglePanelOpenState }\n type=\"button\"\n className={ controlCssClass }\n >\n <span className=\"sr-only\">Open and close accordion</span>\n {\n headerButtonCustomLabel || <span className=\"labelText\">{ heading }</span>\n }\n {\n panelIsOpen\n ? <OpenIcon />\n : <CloseIcon />\n }\n </button>\n ) }\n </h3>\n )\n }\n </header>\n\n <section\n ref={ accordionContentSection }\n className={ contentCssClass }\n id={ contentId }\n aria-labelledby={ controlId }\n { ...(!panelIsOpen && !isFixed ? {\n 'aria-hidden': true\n } : {}) }\n tabIndex={ restrictHeight && (panelIsOpen || isFixed) ? 0 : undefined }\n >\n <span className=\"sr-only\">Start of accordion content</span>\n { children }\n\n { footer\n && (\n <footer>\n { footer }\n </footer>\n ) }\n </section>\n </section>\n );\n};\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Accordion.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","Accordion","_extends2","_react","_interopRequireWildcard","_SvgIcon","_iconDefinitions","_Icon","_InertAttribute","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","id","heading","children","footer","openIcon","closeIcon","isOpen","isAnimated","isFixed","innerBorders","outerBorders","hasShadow","onChange","customCssClass","restrictHeight","headerButtonCustomLabel","headerButtonCssClass","paddingStyle","horizontalAlignments","panelIsOpen","setPanelIsOpen","useState","accordionControl","useRef","accordionContentSection","useInertAttribute","panelId","Date","now","contentId","controlId","customSectionHeader","TogglePanelOpenState","newState","heightCssClass","justifyContentMap","left","center","right","alignmentStyle","header","content","wrapperCssClass","headerCssClass","controlCssClass","contentCssClass","OpenIcon","createElement","Icon","icon","SvgIcon","svgDefinition","chevronUp","CloseIcon","chevronDown","className","style","tabIndex","ref","onClick","type","undefined","_default"],"sources":["../../../../../src/components/design/accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable jsxA11y/no-noninteractive-tabindex, no-unused-vars */\n\nimport React, { ReactNode, useRef, useState } from 'react';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { chevronUp, chevronDown } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\n\nimport { Icon } from '../icons/basicIcon/Icon';\nimport { useInertAttribute } from '../../../hooks/InertAttribute';\n\nimport './accordion.scss';\n\nexport interface AccordionProps {\n id: string;\n isOpen?: boolean;\n isAnimated?: boolean;\n isFixed?: boolean;\n innerBorders?: boolean;\n outerBorders?: boolean;\n hasShadow?: boolean;\n onChange?: (args: boolean) => void;\n openIcon?: ReactNode;\n closeIcon?: ReactNode;\n heading: ReactNode;\n footer?: ReactNode;\n customCssClass?: string;\n restrictHeight?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';\n headerButtonCustomLabel?: ReactNode;\n headerButtonCssClass?: string;\n paddingStyle?: 'compact' | 'regular' | 'spacious';\n children?: ReactNode;\n horizontalAlignments?: {\n header?: 'left' | 'center' | 'right';\n content?: 'left' | 'center' | 'right';\n footer?: 'left' | 'center' | 'right';\n };\n}\n\nexport const Accordion: React.FC<AccordionProps> = (\n {\n id,\n heading,\n children,\n footer,\n openIcon = null,\n closeIcon = null,\n isOpen = true,\n isAnimated = true,\n isFixed = false,\n innerBorders = true,\n outerBorders = true,\n hasShadow = false,\n onChange,\n customCssClass,\n restrictHeight,\n headerButtonCustomLabel,\n headerButtonCssClass,\n paddingStyle = 'regular',\n horizontalAlignments,\n }\n) => {\n const [panelIsOpen, setPanelIsOpen] = useState(isOpen || isFixed);\n const accordionControl = useRef(null);\n const accordionContentSection = useRef<HTMLElement>(null);\n\n useInertAttribute(accordionContentSection, !panelIsOpen && !isFixed);\n\n const panelId = id || `accordion_${ Date.now() }`;\n const contentId = `${ panelId }_content`;\n const controlId = `${ panelId }_control`;\n\n const customSectionHeader = typeof heading !== 'string' && !headerButtonCustomLabel;\n\n const TogglePanelOpenState = () => {\n const newState = !panelIsOpen;\n setPanelIsOpen(newState);\n if (onChange) {\n onChange(newState);\n }\n };\n\n const heightCssClass = restrictHeight ? `accordion_${ restrictHeight }` : '';\n\n // map horizontal alignment props to justify-content values for fixed accordions\n const justifyContentMap = {\n left: 'flex-start',\n center: 'center',\n right: 'flex-end',\n };\n\n const alignmentStyle = {\n ...(isFixed && horizontalAlignments?.header\n ? { '--header-align-h': justifyContentMap[horizontalAlignments.header] }\n : { '--header-align-h': horizontalAlignments?.header || 'left' }),\n '--content-align-h': horizontalAlignments?.content || 'left',\n '--footer-align-h': horizontalAlignments?.footer || 'left',\n };\n\n const wrapperCssClass = `\n accordion\n ${ customCssClass || '' }\n ${ heightCssClass }\n ${ panelIsOpen || isFixed ? 'open' : 'closed' }\n ${ isFixed ? 'fixed' : '' }\n ${ isAnimated ? 'animated' : '' }\n ${ outerBorders ? 'outerBorders' : '' }\n ${ paddingStyle ? `padding_${ paddingStyle }` : '' }\n ${ hasShadow ? 'hasShadow' : '' }\n `;\n\n const headerCssClass = `accordionHeader ${ customSectionHeader || isFixed ? 'accordionHeader_custom' : '' } ${ innerBorders ? 'accordionHeader_innerBorders' : '' }`;\n\n const controlCssClass = `accordionControl ${ customCssClass ? `${ customCssClass }_accordionControl` : '' } ${ headerButtonCssClass || '' }`;\n\n const contentCssClass = `accordionContent ${ customCssClass ? `${ customCssClass }_accordionContent` : '' }`;\n\n const OpenIcon = () => {\n if (openIcon) {\n return <Icon icon={ openIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronUp } />;\n };\n\n const CloseIcon = () => {\n if (closeIcon) {\n return <Icon icon={ closeIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronDown } />;\n };\n\n return (\n <section className={ wrapperCssClass } style={ alignmentStyle as React.CSSProperties }>\n <header className={ headerCssClass }>\n {\n customSectionHeader\n ? <div tabIndex={ 0 } className=\"accordionCustomHeading\">{ heading }</div>\n : (\n <h3>\n { isFixed\n ? heading\n : (\n <button\n ref={ accordionControl }\n aria-controls={ contentId }\n aria-expanded={ panelIsOpen }\n id={ controlId }\n onClick={ TogglePanelOpenState }\n type=\"button\"\n className={ controlCssClass }\n >\n <span className=\"sr-only\">Open and close accordion</span>\n {\n headerButtonCustomLabel || <span className=\"labelText\">{ heading }</span>\n }\n {\n panelIsOpen\n ? <OpenIcon />\n : <CloseIcon />\n }\n </button>\n ) }\n </h3>\n )\n }\n </header>\n\n <section\n ref={ accordionContentSection }\n className={ contentCssClass }\n id={ contentId }\n aria-labelledby={ controlId }\n { ...(!panelIsOpen && !isFixed ? {\n 'aria-hidden': true\n } : {}) }\n tabIndex={ restrictHeight && (panelIsOpen || isFixed) ? 0 : undefined }\n >\n <span className=\"sr-only\">Start of accordion content</span>\n { children }\n\n { footer\n && (\n <footer>\n { footer }\n </footer>\n ) }\n </section>\n </section>\n );\n};\n\nexport default Accordion;\n"],"mappings":";AAAA,YAAY;;AAEZ;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,SAAA;AAAA,IAAAC,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AAEA,IAAAQ,MAAA,GAAAC,uBAAA,CAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,gBAAA,GAAAX,OAAA;AAEA,IAAAY,KAAA,GAAAZ,OAAA;AACA,IAAAa,eAAA,GAAAb,OAAA;AAEAA,OAAA;AAA0B,SAAAS,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAlB,OAAA,EAAAS,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAI,GAAA,CAAAV,CAAA,UAAAM,CAAA,CAAAK,GAAA,CAAAX,CAAA,GAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAnB,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAA4B,wBAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AA4BnB,MAAMT,SAAmC,GAAGA,CACjD;EACEwB,EAAE;EACFC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAG,IAAI;EAChBC,MAAM,GAAG,IAAI;EACbC,UAAU,GAAG,IAAI;EACjBC,OAAO,GAAG,KAAK;EACfC,YAAY,GAAG,IAAI;EACnBC,YAAY,GAAG,IAAI;EACnBC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC,cAAc;EACdC,cAAc;EACdC,uBAAuB;EACvBC,oBAAoB;EACpBC,YAAY,GAAG,SAAS;EACxBC;AACF,CAAC,KACE;EACH,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAACf,MAAM,IAAIE,OAAO,CAAC;EACjE,MAAMc,gBAAgB,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACrC,MAAMC,uBAAuB,GAAG,IAAAD,aAAM,EAAc,IAAI,CAAC;EAEzD,IAAAE,iCAAiB,EAACD,uBAAuB,EAAE,CAACL,WAAW,IAAI,CAACX,OAAO,CAAC;EAEpE,MAAMkB,OAAO,GAAG1B,EAAE,IAAI,aAAc2B,IAAI,CAACC,GAAG,CAAC,CAAC,EAAG;EACjD,MAAMC,SAAS,GAAG,GAAIH,OAAO,UAAW;EACxC,MAAMI,SAAS,GAAG,GAAIJ,OAAO,UAAW;EAExC,MAAMK,mBAAmB,GAAG,OAAO9B,OAAO,KAAK,QAAQ,IAAI,CAACc,uBAAuB;EAEnF,MAAMiB,oBAAoB,GAAGA,CAAA,KAAM;IACjC,MAAMC,QAAQ,GAAG,CAACd,WAAW;IAC7BC,cAAc,CAACa,QAAQ,CAAC;IACxB,IAAIrB,QAAQ,EAAE;MACZA,QAAQ,CAACqB,QAAQ,CAAC;IACpB;EACF,CAAC;EAED,MAAMC,cAAc,GAAGpB,cAAc,GAAG,aAAcA,cAAc,EAAG,GAAG,EAAE;;EAE5E;EACA,MAAMqB,iBAAiB,GAAG;IACxBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE,QAAQ;IAChBC,KAAK,EAAE;EACT,CAAC;EAED,MAAMC,cAAc,GAAG;IACrB,IAAI/B,OAAO,IAAIU,oBAAoB,EAAEsB,MAAM,GACvC;MAAE,kBAAkB,EAAEL,iBAAiB,CAACjB,oBAAoB,CAACsB,MAAM;IAAE,CAAC,GACtE;MAAE,kBAAkB,EAAEtB,oBAAoB,EAAEsB,MAAM,IAAI;IAAO,CAAC,CAAC;IACnE,mBAAmB,EAAEtB,oBAAoB,EAAEuB,OAAO,IAAI,MAAM;IAC5D,kBAAkB,EAAEvB,oBAAoB,EAAEf,MAAM,IAAI;EACtD,CAAC;EAED,MAAMuC,eAAe,GAAG;AAC1B;AACA,MAAO7B,cAAc,IAAI,EAAE;AAC3B,MAAOqB,cAAc;AACrB,MAAOf,WAAW,IAAIX,OAAO,GAAG,MAAM,GAAG,QAAQ;AACjD,MAAOA,OAAO,GAAG,OAAO,GAAG,EAAE;AAC7B,MAAOD,UAAU,GAAG,UAAU,GAAG,EAAE;AACnC,MAAOG,YAAY,GAAG,cAAc,GAAG,EAAE;AACzC,MAAOO,YAAY,GAAG,WAAYA,YAAY,EAAG,GAAG,EAAE;AACtD,MAAON,SAAS,GAAG,WAAW,GAAG,EAAE;AACnC,GAAG;EAED,MAAMgC,cAAc,GAAG,mBAAoBZ,mBAAmB,IAAIvB,OAAO,GAAG,wBAAwB,GAAG,EAAE,IAAMC,YAAY,GAAG,8BAA8B,GAAG,EAAE,EAAG;EAEpK,MAAMmC,eAAe,GAAG,oBAAqB/B,cAAc,GAAG,GAAIA,cAAc,mBAAoB,GAAG,EAAE,IAAMG,oBAAoB,IAAI,EAAE,EAAG;EAE5I,MAAM6B,eAAe,GAAG,oBAAqBhC,cAAc,GAAG,GAAIA,cAAc,mBAAoB,GAAG,EAAE,EAAG;EAE5G,MAAMiC,QAAQ,GAAGA,CAAA,KAAM;IACrB,IAAI1C,QAAQ,EAAE;MACZ,oBAAO1B,MAAA,CAAAH,OAAA,CAAAwE,aAAA,CAACjE,KAAA,CAAAkE,IAAI;QAACC,IAAI,EAAG7C;MAAU,CAAE,CAAC;IACnC;IACA,oBAAO1B,MAAA,CAAAH,OAAA,CAAAwE,aAAA,CAACnE,QAAA,CAAAsE,OAAO;MAACC,aAAa,EAAGC;IAAW,CAAE,CAAC;EAChD,CAAC;EAED,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAIhD,SAAS,EAAE;MACb,oBAAO3B,MAAA,CAAAH,OAAA,CAAAwE,aAAA,CAACjE,KAAA,CAAAkE,IAAI;QAACC,IAAI,EAAG5C;MAAW,CAAE,CAAC;IACpC;IACA,oBAAO3B,MAAA,CAAAH,OAAA,CAAAwE,aAAA,CAACnE,QAAA,CAAAsE,OAAO;MAACC,aAAa,EAAGG;IAAa,CAAE,CAAC;EAClD,CAAC;EAED,oBACE5E,MAAA,CAAAH,OAAA,CAAAwE,aAAA;IAASQ,SAAS,EAAGb,eAAiB;IAACc,KAAK,EAAGjB;EAAuC,gBACpF7D,MAAA,CAAAH,OAAA,CAAAwE,aAAA;IAAQQ,SAAS,EAAGZ;EAAgB,GAEhCZ,mBAAmB,gBACfrD,MAAA,CAAAH,OAAA,CAAAwE,aAAA;IAAKU,QAAQ,EAAG,CAAG;IAACF,SAAS,EAAC;EAAwB,GAAGtD,OAAc,CAAC,gBAExEvB,MAAA,CAAAH,OAAA,CAAAwE,aAAA,aACIvC,OAAO,GACLP,OAAO,gBAEPvB,MAAA,CAAAH,OAAA,CAAAwE,aAAA;IACEW,GAAG,EAAGpC,gBAAkB;IACxB,iBAAgBO,SAAW;IAC3B,iBAAgBV,WAAa;IAC7BnB,EAAE,EAAG8B,SAAW;IAChB6B,OAAO,EAAG3B,oBAAsB;IAChC4B,IAAI,EAAC,QAAQ;IACbL,SAAS,EAAGX;EAAiB,gBAE7BlE,MAAA,CAAAH,OAAA,CAAAwE,aAAA;IAAMQ,SAAS,EAAC;EAAS,GAAC,0BAA8B,CAAC,EAEvDxC,uBAAuB,iBAAIrC,MAAA,CAAAH,OAAA,CAAAwE,aAAA;IAAMQ,SAAS,EAAC;EAAW,GAAGtD,OAAe,CAAC,EAGzEkB,WAAW,gBACPzC,MAAA,CAAAH,OAAA,CAAAwE,aAAA,CAACD,QAAQ,MAAE,CAAC,gBACZpE,MAAA,CAAAH,OAAA,CAAAwE,aAAA,CAACM,SAAS,MAAE,CAEZ,CAEV,CAGJ,CAAC,eAET3E,MAAA,CAAAH,OAAA,CAAAwE,aAAA,gBAAAtE,SAAA,CAAAF,OAAA;IACEmF,GAAG,EAAGlC,uBAAyB;IAC/B+B,SAAS,EAAGV,eAAiB;IAC7B7C,EAAE,EAAG6B,SAAW;IAChB,mBAAkBC;EAAW,GACvB,CAACX,WAAW,IAAI,CAACX,OAAO,GAAG;IAC/B,aAAa,EAAE;EACjB,CAAC,GAAG,CAAC,CAAC;IACNiD,QAAQ,EAAG3C,cAAc,KAAKK,WAAW,IAAIX,OAAO,CAAC,GAAG,CAAC,GAAGqD;EAAW,iBAEvEnF,MAAA,CAAAH,OAAA,CAAAwE,aAAA;IAAMQ,SAAS,EAAC;EAAS,GAAC,4BAAgC,CAAC,EACzDrD,QAAQ,EAERC,MAAM,iBAEJzB,MAAA,CAAAH,OAAA,CAAAwE,aAAA,iBACI5C,MACI,CAEL,CACF,CAAC;AAEd,CAAC;AAAC9B,OAAA,CAAAG,SAAA,GAAAA,SAAA;AAAA,IAAAsF,QAAA,GAAAzF,OAAA,CAAAE,OAAA,GAEaC,SAAS","ignoreList":[]}
|
|
@@ -30,7 +30,16 @@ const Icon = ({
|
|
|
30
30
|
"aria-hidden": "true"
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
|
-
|
|
33
|
+
if (! /*#__PURE__*/_react.default.isValidElement(icon)) {
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// Render the icon adding accessibility properties if it's a ReactNode
|
|
38
|
+
return /*#__PURE__*/_react.default.cloneElement(icon, {
|
|
39
|
+
className: `icon ${customCssClass} ${icon.props.className || ''}`,
|
|
40
|
+
role: 'presentation',
|
|
41
|
+
'aria-hidden': true
|
|
42
|
+
});
|
|
34
43
|
};
|
|
35
44
|
exports.Icon = Icon;
|
|
36
45
|
var _default = exports.default = Icon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","Icon","_react","icon","customCssClass","isMultiColor","pathsCount","createElement","className","role","Array","fill","map","pathElement","index","key","_default"],"sources":["../../../../../../src/components/design/icons/basicIcon/Icon.tsx"],"sourcesContent":["'use client';\n\nimport React, {
|
|
1
|
+
{"version":3,"file":"Icon.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","Icon","_react","icon","customCssClass","isMultiColor","pathsCount","createElement","className","role","Array","fill","map","pathElement","index","key","React","isValidElement","cloneElement","props","_default"],"sources":["../../../../../../src/components/design/icons/basicIcon/Icon.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode } from 'react';\n\nexport interface IconProps {\n icon: ReactNode;\n customCssClass?: string;\n isMultiColor?: boolean;\n pathsCount?: number;\n}\n\nexport const Icon: React.FC<IconProps> = (\n {\n icon,\n customCssClass = '',\n isMultiColor = false,\n pathsCount = 20\n }\n : IconProps\n) => {\n if (isMultiColor) {\n return (\n <span\n className={ `icon icon-${ icon } ${ customCssClass }` }\n role=\"presentation\"\n aria-hidden=\"true\"\n >\n { }\n { Array(pathsCount).fill(0).map((pathElement, index) => (<span key={ `${ icon }IconPath${ index }` } className={ `path${ (index + 1) }` } />)) }\n </span>\n );\n }\n\n if (typeof icon === 'string') {\n return (\n <i\n className={ `icon icon-${ icon } ${ customCssClass }` }\n role=\"presentation\"\n aria-hidden=\"true\"\n />\n );\n }\n\n if (!React.isValidElement<React.HTMLAttributes<HTMLElement>>(icon)) {\n return null;\n }\n\n // Render the icon adding accessibility properties if it's a ReactNode\n return React.cloneElement(icon, {\n className: `icon ${ customCssClass } ${ icon.props.className || '' }`,\n role: 'presentation',\n 'aria-hidden': true\n });\n};\n\nexport default Icon;\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,IAAA;AAEb,IAAAC,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AASO,MAAMM,IAAyB,GAAGA,CACvC;EACEE,IAAI;EACJC,cAAc,GAAG,EAAE;EACnBC,YAAY,GAAG,KAAK;EACpBC,UAAU,GAAG;AAEL,CAAC,KACR;EACH,IAAID,YAAY,EAAE;IAChB,oBACEH,MAAA,CAAAF,OAAA,CAAAO,aAAA;MACEC,SAAS,EAAG,aAAcL,IAAI,IAAMC,cAAc,EAAK;MACvDK,IAAI,EAAC,cAAc;MACnB,eAAY;IAAM,GAGhBC,KAAK,CAACJ,UAAU,CAAC,CAACK,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,WAAW,EAAEC,KAAK,kBAAMZ,MAAA,CAAAF,OAAA,CAAAO,aAAA;MAAMQ,GAAG,EAAG,GAAIZ,IAAI,WAAaW,KAAK,EAAK;MAACN,SAAS,EAAG,OAASM,KAAK,GAAG,CAAC;IAAM,CAAE,CAAE,CACzI,CAAC;EAEX;EAEA,IAAI,OAAOX,IAAI,KAAK,QAAQ,EAAE;IAC5B,oBACED,MAAA,CAAAF,OAAA,CAAAO,aAAA;MACEC,SAAS,EAAG,aAAcL,IAAI,IAAMC,cAAc,EAAK;MACvDK,IAAI,EAAC,cAAc;MACnB,eAAY;IAAM,CACnB,CAAC;EAEN;EAEA,IAAI,eAACO,cAAK,CAACC,cAAc,CAAoCd,IAAI,CAAC,EAAE;IAClE,OAAO,IAAI;EACb;;EAEA;EACA,oBAAOa,cAAK,CAACE,YAAY,CAACf,IAAI,EAAE;IAC9BK,SAAS,EAAE,QAASJ,cAAc,IAAMD,IAAI,CAACgB,KAAK,CAACX,SAAS,IAAI,EAAE,EAAG;IACrEC,IAAI,EAAE,cAAc;IACpB,aAAa,EAAE;EACjB,CAAC,CAAC;AACJ,CAAC;AAACX,OAAA,CAAAG,IAAA,GAAAA,IAAA;AAAA,IAAAmB,QAAA,GAAAtB,OAAA,CAAAE,OAAA,GAEaC,IAAI","ignoreList":[]}
|
package/dist/cjs/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
2
|
import './accordion.scss';
|
|
3
3
|
export interface AccordionProps {
|
|
4
4
|
id: string;
|
|
@@ -9,16 +9,16 @@ export interface AccordionProps {
|
|
|
9
9
|
outerBorders?: boolean;
|
|
10
10
|
hasShadow?: boolean;
|
|
11
11
|
onChange?: (args: boolean) => void;
|
|
12
|
-
openIcon?:
|
|
13
|
-
closeIcon?:
|
|
14
|
-
heading:
|
|
15
|
-
footer?:
|
|
12
|
+
openIcon?: ReactNode;
|
|
13
|
+
closeIcon?: ReactNode;
|
|
14
|
+
heading: ReactNode;
|
|
15
|
+
footer?: ReactNode;
|
|
16
16
|
customCssClass?: string;
|
|
17
17
|
restrictHeight?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';
|
|
18
|
-
headerButtonCustomLabel?:
|
|
18
|
+
headerButtonCustomLabel?: ReactNode;
|
|
19
19
|
headerButtonCssClass?: string;
|
|
20
20
|
paddingStyle?: 'compact' | 'regular' | 'spacious';
|
|
21
|
-
children?:
|
|
21
|
+
children?: ReactNode;
|
|
22
22
|
horizontalAlignments?: {
|
|
23
23
|
header?: 'left' | 'center' | 'right';
|
|
24
24
|
content?: 'left' | 'center' | 'right';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/design/accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/design/accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAO3D,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IACxD,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oBAAoB,CAAC,EAAE;QACrB,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;QACrC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;QACtC,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;KACtC,CAAC;CACH;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsJ9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/design/icons/basicIcon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/design/icons/basicIcon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0CpC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -11,8 +11,8 @@ export const libraryThemes = {
|
|
|
11
11
|
"map": "index.min.css.map"
|
|
12
12
|
},
|
|
13
13
|
"versioned": {
|
|
14
|
-
"css": "index.min.3.13.
|
|
15
|
-
"map": "index.min.3.13.
|
|
14
|
+
"css": "index.min.3.13.3.css",
|
|
15
|
+
"map": "index.min.3.13.3.css.map"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"cba": {
|
|
@@ -26,8 +26,8 @@ export const libraryThemes = {
|
|
|
26
26
|
"map": "cba.min.css.map"
|
|
27
27
|
},
|
|
28
28
|
"versioned": {
|
|
29
|
-
"css": "cba.min.3.13.
|
|
30
|
-
"map": "cba.min.3.13.
|
|
29
|
+
"css": "cba.min.3.13.3.css",
|
|
30
|
+
"map": "cba.min.3.13.3.css.map"
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"creditSavvy": {
|
|
@@ -41,8 +41,8 @@ export const libraryThemes = {
|
|
|
41
41
|
"map": "creditSavvy.min.css.map"
|
|
42
42
|
},
|
|
43
43
|
"versioned": {
|
|
44
|
-
"css": "creditSavvy.min.3.13.
|
|
45
|
-
"map": "creditSavvy.min.3.13.
|
|
44
|
+
"css": "creditSavvy.min.3.13.3.css",
|
|
45
|
+
"map": "creditSavvy.min.3.13.3.css.map"
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
"doshii": {
|
|
@@ -56,8 +56,8 @@ export const libraryThemes = {
|
|
|
56
56
|
"map": "doshii.min.css.map"
|
|
57
57
|
},
|
|
58
58
|
"versioned": {
|
|
59
|
-
"css": "doshii.min.3.13.
|
|
60
|
-
"map": "doshii.min.3.13.
|
|
59
|
+
"css": "doshii.min.3.13.3.css",
|
|
60
|
+
"map": "doshii.min.3.13.3.css.map"
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
"homeIn": {
|
|
@@ -71,8 +71,8 @@ export const libraryThemes = {
|
|
|
71
71
|
"map": "homeIn.min.css.map"
|
|
72
72
|
},
|
|
73
73
|
"versioned": {
|
|
74
|
-
"css": "homeIn.min.3.13.
|
|
75
|
-
"map": "homeIn.min.3.13.
|
|
74
|
+
"css": "homeIn.min.3.13.3.css",
|
|
75
|
+
"map": "homeIn.min.3.13.3.css.map"
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
"x15Core": {
|
|
@@ -86,8 +86,8 @@ export const libraryThemes = {
|
|
|
86
86
|
"map": "x15Core.min.css.map"
|
|
87
87
|
},
|
|
88
88
|
"versioned": {
|
|
89
|
-
"css": "x15Core.min.3.13.
|
|
90
|
-
"map": "x15Core.min.3.13.
|
|
89
|
+
"css": "x15Core.min.3.13.3.css",
|
|
90
|
+
"map": "x15Core.min.3.13.3.css.map"
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"libraryThemes.js","names":["libraryThemes"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.13.
|
|
1
|
+
{"version":3,"file":"libraryThemes.js","names":["libraryThemes"],"sources":["../../../src/autoGenerated/libraryThemes.ts"],"sourcesContent":["/* eslint-disable */\nexport const libraryThemes = {\n \"base\": {\n \"buildPath\": \"styles\",\n \"dev\": {\n \"css\": \"index.css\",\n \"map\": \"index.css.map\"\n },\n \"min\": {\n \"css\": \"index.min.css\",\n \"map\": \"index.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"index.min.3.13.3.css\",\n \"map\": \"index.min.3.13.3.css.map\"\n }\n },\n \"cba\": {\n \"buildPath\": \"styles/themes/cba\",\n \"dev\": {\n \"css\": \"cba.css\",\n \"map\": \"cba.css.map\"\n },\n \"min\": {\n \"css\": \"cba.min.css\",\n \"map\": \"cba.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"cba.min.3.13.3.css\",\n \"map\": \"cba.min.3.13.3.css.map\"\n }\n },\n \"creditSavvy\": {\n \"buildPath\": \"styles/themes/creditSavvy\",\n \"dev\": {\n \"css\": \"creditSavvy.css\",\n \"map\": \"creditSavvy.css.map\"\n },\n \"min\": {\n \"css\": \"creditSavvy.min.css\",\n \"map\": \"creditSavvy.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"creditSavvy.min.3.13.3.css\",\n \"map\": \"creditSavvy.min.3.13.3.css.map\"\n }\n },\n \"doshii\": {\n \"buildPath\": \"styles/themes/doshii\",\n \"dev\": {\n \"css\": \"doshii.css\",\n \"map\": \"doshii.css.map\"\n },\n \"min\": {\n \"css\": \"doshii.min.css\",\n \"map\": \"doshii.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"doshii.min.3.13.3.css\",\n \"map\": \"doshii.min.3.13.3.css.map\"\n }\n },\n \"homeIn\": {\n \"buildPath\": \"styles/themes/homeIn\",\n \"dev\": {\n \"css\": \"homeIn.css\",\n \"map\": \"homeIn.css.map\"\n },\n \"min\": {\n \"css\": \"homeIn.min.css\",\n \"map\": \"homeIn.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"homeIn.min.3.13.3.css\",\n \"map\": \"homeIn.min.3.13.3.css.map\"\n }\n },\n \"x15Core\": {\n \"buildPath\": \"styles/themes/x15Core\",\n \"dev\": {\n \"css\": \"x15Core.css\",\n \"map\": \"x15Core.css.map\"\n },\n \"min\": {\n \"css\": \"x15Core.min.css\",\n \"map\": \"x15Core.min.css.map\"\n },\n \"versioned\": {\n \"css\": \"x15Core.min.3.13.3.css\",\n \"map\": \"x15Core.min.3.13.3.css.map\"\n }\n }\n}; export default libraryThemes;"],"mappings":"AAAA;AACA,OAAO,MAAMA,aAAa,GAAG;EAC3B,MAAM,EAAE;IACN,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE;MACL,KAAK,EAAE,WAAW;MAClB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,sBAAsB;MAC7B,KAAK,EAAE;IACT;EACF,CAAC;EACD,KAAK,EAAE;IACL,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE;MACL,KAAK,EAAE,SAAS;MAChB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,oBAAoB;MAC3B,KAAK,EAAE;IACT;EACF,CAAC;EACD,aAAa,EAAE;IACb,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,qBAAqB;MAC5B,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,4BAA4B;MACnC,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,QAAQ,EAAE;IACR,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,gBAAgB;MACvB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,uBAAuB;MAC9B,KAAK,EAAE;IACT;EACF,CAAC;EACD,SAAS,EAAE;IACT,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE;MACL,KAAK,EAAE,aAAa;MACpB,KAAK,EAAE;IACT,CAAC;IACD,KAAK,EAAE;MACL,KAAK,EAAE,iBAAiB;MACxB,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,KAAK,EAAE,wBAAwB;MAC/B,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAE,eAAeA,aAAa","ignoreList":[]}
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"map": "index.min.css.map"
|
|
11
11
|
},
|
|
12
12
|
"versioned": {
|
|
13
|
-
"css": "base.min.3.13.
|
|
14
|
-
"map": "base.min.3.13.
|
|
13
|
+
"css": "base.min.3.13.3.css",
|
|
14
|
+
"map": "base.min.3.13.3.css.map"
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"cba": {
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"map": "cba.min.css.map"
|
|
26
26
|
},
|
|
27
27
|
"versioned": {
|
|
28
|
-
"css": "cba.min.3.13.
|
|
29
|
-
"map": "cba.min.3.13.
|
|
28
|
+
"css": "cba.min.3.13.3.css",
|
|
29
|
+
"map": "cba.min.3.13.3.css.map"
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"creditSavvy": {
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"map": "creditSavvy.min.css.map"
|
|
41
41
|
},
|
|
42
42
|
"versioned": {
|
|
43
|
-
"css": "creditSavvy.min.3.13.
|
|
44
|
-
"map": "creditSavvy.min.3.13.
|
|
43
|
+
"css": "creditSavvy.min.3.13.3.css",
|
|
44
|
+
"map": "creditSavvy.min.3.13.3.css.map"
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"doshii": {
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"map": "doshii.min.css.map"
|
|
56
56
|
},
|
|
57
57
|
"versioned": {
|
|
58
|
-
"css": "doshii.min.3.13.
|
|
59
|
-
"map": "doshii.min.3.13.
|
|
58
|
+
"css": "doshii.min.3.13.3.css",
|
|
59
|
+
"map": "doshii.min.3.13.3.css.map"
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
"homeIn": {
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
"map": "homeIn.min.css.map"
|
|
71
71
|
},
|
|
72
72
|
"versioned": {
|
|
73
|
-
"css": "homeIn.min.3.13.
|
|
74
|
-
"map": "homeIn.min.3.13.
|
|
73
|
+
"css": "homeIn.min.3.13.3.css",
|
|
74
|
+
"map": "homeIn.min.3.13.3.css.map"
|
|
75
75
|
}
|
|
76
76
|
},
|
|
77
77
|
"x15Core": {
|
|
@@ -85,8 +85,8 @@
|
|
|
85
85
|
"map": "x15Core.min.css.map"
|
|
86
86
|
},
|
|
87
87
|
"versioned": {
|
|
88
|
-
"css": "x15Core.min.3.13.
|
|
89
|
-
"map": "x15Core.min.3.13.
|
|
88
|
+
"css": "x15Core.min.3.13.3.css",
|
|
89
|
+
"map": "x15Core.min.3.13.3.css.map"
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","names":["_extends","React","useRef","useState","SvgIcon","chevronUp","chevronDown","Icon","useInertAttribute","Accordion","id","heading","children","footer","openIcon","closeIcon","isOpen","isAnimated","isFixed","innerBorders","outerBorders","hasShadow","onChange","customCssClass","restrictHeight","headerButtonCustomLabel","headerButtonCssClass","paddingStyle","horizontalAlignments","panelIsOpen","setPanelIsOpen","accordionControl","accordionContentSection","panelId","Date","now","contentId","controlId","customSectionHeader","TogglePanelOpenState","newState","heightCssClass","justifyContentMap","left","center","right","alignmentStyle","header","content","wrapperCssClass","headerCssClass","controlCssClass","contentCssClass","OpenIcon","createElement","icon","svgDefinition","CloseIcon","className","style","tabIndex","ref","onClick","type","undefined"],"sources":["../../../../../src/components/design/accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable jsxA11y/no-noninteractive-tabindex, no-unused-vars */\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { chevronUp, chevronDown } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\n\nimport { Icon } from '../icons/basicIcon/Icon';\nimport { useInertAttribute } from '../../../hooks/InertAttribute';\n\nimport './accordion.scss';\n\nexport interface AccordionProps {\n id: string;\n isOpen?: boolean;\n isAnimated?: boolean;\n isFixed?: boolean;\n innerBorders?: boolean;\n outerBorders?: boolean;\n hasShadow?: boolean;\n onChange?: (args: boolean) => void;\n openIcon?: string;\n closeIcon?: string;\n heading: string | React.ReactElement;\n footer?: string | React.ReactElement;\n customCssClass?: string;\n restrictHeight?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';\n headerButtonCustomLabel?: string | React.ReactElement;\n headerButtonCssClass?: string;\n paddingStyle?: 'compact' | 'regular' | 'spacious';\n children?: React.ReactNode;\n horizontalAlignments?: {\n header?: 'left' | 'center' | 'right';\n content?: 'left' | 'center' | 'right';\n footer?: 'left' | 'center' | 'right';\n };\n}\n\nexport const Accordion: React.FC<AccordionProps> = (\n {\n id,\n heading,\n children,\n footer,\n openIcon = null,\n closeIcon = null,\n isOpen = true,\n isAnimated = true,\n isFixed = false,\n innerBorders = true,\n outerBorders = true,\n hasShadow = false,\n onChange,\n customCssClass,\n restrictHeight,\n headerButtonCustomLabel,\n headerButtonCssClass,\n paddingStyle = 'regular',\n horizontalAlignments,\n }\n) => {\n const [panelIsOpen, setPanelIsOpen] = useState(isOpen || isFixed);\n const accordionControl = useRef(null);\n const accordionContentSection = useRef<HTMLElement>(null);\n\n useInertAttribute(accordionContentSection, !panelIsOpen && !isFixed);\n\n const panelId = id || `accordion_${ Date.now() }`;\n const contentId = `${ panelId }_content`;\n const controlId = `${ panelId }_control`;\n\n const customSectionHeader = typeof heading !== 'string' && !headerButtonCustomLabel;\n\n const TogglePanelOpenState = () => {\n const newState = !panelIsOpen;\n setPanelIsOpen(newState);\n if (onChange) {\n onChange(newState);\n }\n };\n\n const heightCssClass = restrictHeight ? `accordion_${ restrictHeight }` : '';\n\n // map horizontal alignment props to justify-content values for fixed accordions\n const justifyContentMap = {\n left: 'flex-start',\n center: 'center',\n right: 'flex-end',\n };\n\n const alignmentStyle = {\n ...(isFixed && horizontalAlignments?.header\n ? { '--header-align-h': justifyContentMap[horizontalAlignments.header] }\n : { '--header-align-h': horizontalAlignments?.header || 'left' }),\n '--content-align-h': horizontalAlignments?.content || 'left',\n '--footer-align-h': horizontalAlignments?.footer || 'left',\n };\n\n const wrapperCssClass = `\n accordion\n ${ customCssClass || '' }\n ${ heightCssClass }\n ${ panelIsOpen || isFixed ? 'open' : 'closed' }\n ${ isFixed ? 'fixed' : '' }\n ${ isAnimated ? 'animated' : '' }\n ${ outerBorders ? 'outerBorders' : '' }\n ${ paddingStyle ? `padding_${ paddingStyle }` : '' }\n ${ hasShadow ? 'hasShadow' : '' }\n `;\n\n const headerCssClass = `accordionHeader ${ customSectionHeader || isFixed ? 'accordionHeader_custom' : '' } ${ innerBorders ? 'accordionHeader_innerBorders' : '' }`;\n\n const controlCssClass = `accordionControl ${ customCssClass ? `${ customCssClass }_accordionControl` : '' } ${ headerButtonCssClass || '' }`;\n\n const contentCssClass = `accordionContent ${ customCssClass ? `${ customCssClass }_accordionContent` : '' }`;\n\n const OpenIcon = () => {\n if (openIcon) {\n return <Icon icon={ openIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronUp } />;\n };\n\n const CloseIcon = () => {\n if (closeIcon) {\n return <Icon icon={ closeIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronDown } />;\n };\n\n return (\n <section className={ wrapperCssClass } style={ alignmentStyle as React.CSSProperties }>\n <header className={ headerCssClass }>\n {\n customSectionHeader\n ? <div tabIndex={ 0 } className=\"accordionCustomHeading\">{ heading }</div>\n : (\n <h3>\n { isFixed\n ? heading\n : (\n <button\n ref={ accordionControl }\n aria-controls={ contentId }\n aria-expanded={ panelIsOpen }\n id={ controlId }\n onClick={ TogglePanelOpenState }\n type=\"button\"\n className={ controlCssClass }\n >\n <span className=\"sr-only\">Open and close accordion</span>\n {\n headerButtonCustomLabel || <span className=\"labelText\">{ heading }</span>\n }\n {\n panelIsOpen\n ? <OpenIcon />\n : <CloseIcon />\n }\n </button>\n ) }\n </h3>\n )\n }\n </header>\n\n <section\n ref={ accordionContentSection }\n className={ contentCssClass }\n id={ contentId }\n aria-labelledby={ controlId }\n { ...(!panelIsOpen && !isFixed ? {\n 'aria-hidden': true\n } : {}) }\n tabIndex={ restrictHeight && (panelIsOpen || isFixed) ? 0 : undefined }\n >\n <span className=\"sr-only\">Start of accordion content</span>\n { children }\n\n { footer\n && (\n <footer>\n { footer }\n </footer>\n ) }\n </section>\n </section>\n );\n};\n\nexport default Accordion;\n"],"mappings":"AAAA,YAAY;;AAEZ;AAAA,OAAAA,QAAA;AAEA,OAAOC,KAAK,IAAeC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,OAAO,QAAQ,mDAAmD;AAC3E,SAASC,SAAS,EAAEC,WAAW,QAAQ,mDAAmD;AAE1F,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,iBAAiB,QAAQ,+BAA+B;AAEjE,OAAO,kBAAkB;AA4BzB,OAAO,MAAMC,SAAmC,GAAGA,CACjD;EACEC,EAAE;EACFC,OAAO;EACPC,QAAQ;EACRC,MAAM;EACNC,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAG,IAAI;EAChBC,MAAM,GAAG,IAAI;EACbC,UAAU,GAAG,IAAI;EACjBC,OAAO,GAAG,KAAK;EACfC,YAAY,GAAG,IAAI;EACnBC,YAAY,GAAG,IAAI;EACnBC,SAAS,GAAG,KAAK;EACjBC,QAAQ;EACRC,cAAc;EACdC,cAAc;EACdC,uBAAuB;EACvBC,oBAAoB;EACpBC,YAAY,GAAG,SAAS;EACxBC;AACF,CAAC,KACE;EACH,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG3B,QAAQ,CAACa,MAAM,IAAIE,OAAO,CAAC;EACjE,MAAMa,gBAAgB,GAAG7B,MAAM,CAAC,IAAI,CAAC;EACrC,MAAM8B,uBAAuB,GAAG9B,MAAM,CAAc,IAAI,CAAC;EAEzDM,iBAAiB,CAACwB,uBAAuB,EAAE,CAACH,WAAW,IAAI,CAACX,OAAO,CAAC;EAEpE,MAAMe,OAAO,GAAGvB,EAAE,IAAI,aAAcwB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAG;EACjD,MAAMC,SAAS,GAAG,GAAIH,OAAO,UAAW;EACxC,MAAMI,SAAS,GAAG,GAAIJ,OAAO,UAAW;EAExC,MAAMK,mBAAmB,GAAG,OAAO3B,OAAO,KAAK,QAAQ,IAAI,CAACc,uBAAuB;EAEnF,MAAMc,oBAAoB,GAAGA,CAAA,KAAM;IACjC,MAAMC,QAAQ,GAAG,CAACX,WAAW;IAC7BC,cAAc,CAACU,QAAQ,CAAC;IACxB,IAAIlB,QAAQ,EAAE;MACZA,QAAQ,CAACkB,QAAQ,CAAC;IACpB;EACF,CAAC;EAED,MAAMC,cAAc,GAAGjB,cAAc,GAAG,aAAcA,cAAc,EAAG,GAAG,EAAE;;EAE5E;EACA,MAAMkB,iBAAiB,GAAG;IACxBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE,QAAQ;IAChBC,KAAK,EAAE;EACT,CAAC;EAED,MAAMC,cAAc,GAAG;IACrB,IAAI5B,OAAO,IAAIU,oBAAoB,EAAEmB,MAAM,GACvC;MAAE,kBAAkB,EAAEL,iBAAiB,CAACd,oBAAoB,CAACmB,MAAM;IAAE,CAAC,GACtE;MAAE,kBAAkB,EAAEnB,oBAAoB,EAAEmB,MAAM,IAAI;IAAO,CAAC,CAAC;IACnE,mBAAmB,EAAEnB,oBAAoB,EAAEoB,OAAO,IAAI,MAAM;IAC5D,kBAAkB,EAAEpB,oBAAoB,EAAEf,MAAM,IAAI;EACtD,CAAC;EAED,MAAMoC,eAAe,GAAG;AAC1B;AACA,MAAO1B,cAAc,IAAI,EAAE;AAC3B,MAAOkB,cAAc;AACrB,MAAOZ,WAAW,IAAIX,OAAO,GAAG,MAAM,GAAG,QAAQ;AACjD,MAAOA,OAAO,GAAG,OAAO,GAAG,EAAE;AAC7B,MAAOD,UAAU,GAAG,UAAU,GAAG,EAAE;AACnC,MAAOG,YAAY,GAAG,cAAc,GAAG,EAAE;AACzC,MAAOO,YAAY,GAAG,WAAYA,YAAY,EAAG,GAAG,EAAE;AACtD,MAAON,SAAS,GAAG,WAAW,GAAG,EAAE;AACnC,GAAG;EAED,MAAM6B,cAAc,GAAG,mBAAoBZ,mBAAmB,IAAIpB,OAAO,GAAG,wBAAwB,GAAG,EAAE,IAAMC,YAAY,GAAG,8BAA8B,GAAG,EAAE,EAAG;EAEpK,MAAMgC,eAAe,GAAG,oBAAqB5B,cAAc,GAAG,GAAIA,cAAc,mBAAoB,GAAG,EAAE,IAAMG,oBAAoB,IAAI,EAAE,EAAG;EAE5I,MAAM0B,eAAe,GAAG,oBAAqB7B,cAAc,GAAG,GAAIA,cAAc,mBAAoB,GAAG,EAAE,EAAG;EAE5G,MAAM8B,QAAQ,GAAGA,CAAA,KAAM;IACrB,IAAIvC,QAAQ,EAAE;MACZ,oBAAOb,KAAA,CAAAqD,aAAA,CAAC/C,IAAI;QAACgD,IAAI,EAAGzC;MAAU,CAAE,CAAC;IACnC;IACA,oBAAOb,KAAA,CAAAqD,aAAA,CAAClD,OAAO;MAACoD,aAAa,EAAGnD;IAAW,CAAE,CAAC;EAChD,CAAC;EAED,MAAMoD,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAI1C,SAAS,EAAE;MACb,oBAAOd,KAAA,CAAAqD,aAAA,CAAC/C,IAAI;QAACgD,IAAI,EAAGxC;MAAW,CAAE,CAAC;IACpC;IACA,oBAAOd,KAAA,CAAAqD,aAAA,CAAClD,OAAO;MAACoD,aAAa,EAAGlD;IAAa,CAAE,CAAC;EAClD,CAAC;EAED,oBACEL,KAAA,CAAAqD,aAAA;IAASI,SAAS,EAAGT,eAAiB;IAACU,KAAK,EAAGb;EAAuC,gBACpF7C,KAAA,CAAAqD,aAAA;IAAQI,SAAS,EAAGR;EAAgB,GAEhCZ,mBAAmB,gBACfrC,KAAA,CAAAqD,aAAA;IAAKM,QAAQ,EAAG,CAAG;IAACF,SAAS,EAAC;EAAwB,GAAG/C,OAAc,CAAC,gBAExEV,KAAA,CAAAqD,aAAA,aACIpC,OAAO,GACLP,OAAO,gBAEPV,KAAA,CAAAqD,aAAA;IACEO,GAAG,EAAG9B,gBAAkB;IACxB,iBAAgBK,SAAW;IAC3B,iBAAgBP,WAAa;IAC7BnB,EAAE,EAAG2B,SAAW;IAChByB,OAAO,EAAGvB,oBAAsB;IAChCwB,IAAI,EAAC,QAAQ;IACbL,SAAS,EAAGP;EAAiB,gBAE7BlD,KAAA,CAAAqD,aAAA;IAAMI,SAAS,EAAC;EAAS,GAAC,0BAA8B,CAAC,EAEvDjC,uBAAuB,iBAAIxB,KAAA,CAAAqD,aAAA;IAAMI,SAAS,EAAC;EAAW,GAAG/C,OAAe,CAAC,EAGzEkB,WAAW,gBACP5B,KAAA,CAAAqD,aAAA,CAACD,QAAQ,MAAE,CAAC,gBACZpD,KAAA,CAAAqD,aAAA,CAACG,SAAS,MAAE,CAEZ,CAEV,CAGJ,CAAC,eAETxD,KAAA,CAAAqD,aAAA,YAAAtD,QAAA;IACE6D,GAAG,EAAG7B,uBAAyB;IAC/B0B,SAAS,EAAGN,eAAiB;IAC7B1C,EAAE,EAAG0B,SAAW;IAChB,mBAAkBC;EAAW,GACvB,CAACR,WAAW,IAAI,CAACX,OAAO,GAAG;IAC/B,aAAa,EAAE;EACjB,CAAC,GAAG,CAAC,CAAC;IACN0C,QAAQ,EAAGpC,cAAc,KAAKK,WAAW,IAAIX,OAAO,CAAC,GAAG,CAAC,GAAG8C;EAAW,iBAEvE/D,KAAA,CAAAqD,aAAA;IAAMI,SAAS,EAAC;EAAS,GAAC,4BAAgC,CAAC,EACzD9C,QAAQ,EAERC,MAAM,iBAEJZ,KAAA,CAAAqD,aAAA,iBACIzC,MACI,CAEL,CACF,CAAC;AAEd,CAAC;AAED,eAAeJ,SAAS","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Accordion.js","names":["_extends","React","useRef","useState","SvgIcon","chevronUp","chevronDown","Icon","useInertAttribute","Accordion","id","heading","children","footer","openIcon","closeIcon","isOpen","isAnimated","isFixed","innerBorders","outerBorders","hasShadow","onChange","customCssClass","restrictHeight","headerButtonCustomLabel","headerButtonCssClass","paddingStyle","horizontalAlignments","panelIsOpen","setPanelIsOpen","accordionControl","accordionContentSection","panelId","Date","now","contentId","controlId","customSectionHeader","TogglePanelOpenState","newState","heightCssClass","justifyContentMap","left","center","right","alignmentStyle","header","content","wrapperCssClass","headerCssClass","controlCssClass","contentCssClass","OpenIcon","createElement","icon","svgDefinition","CloseIcon","className","style","tabIndex","ref","onClick","type","undefined"],"sources":["../../../../../src/components/design/accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable jsxA11y/no-noninteractive-tabindex, no-unused-vars */\n\nimport React, { ReactNode, useRef, useState } from 'react';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { chevronUp, chevronDown } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\n\nimport { Icon } from '../icons/basicIcon/Icon';\nimport { useInertAttribute } from '../../../hooks/InertAttribute';\n\nimport './accordion.scss';\n\nexport interface AccordionProps {\n id: string;\n isOpen?: boolean;\n isAnimated?: boolean;\n isFixed?: boolean;\n innerBorders?: boolean;\n outerBorders?: boolean;\n hasShadow?: boolean;\n onChange?: (args: boolean) => void;\n openIcon?: ReactNode;\n closeIcon?: ReactNode;\n heading: ReactNode;\n footer?: ReactNode;\n customCssClass?: string;\n restrictHeight?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';\n headerButtonCustomLabel?: ReactNode;\n headerButtonCssClass?: string;\n paddingStyle?: 'compact' | 'regular' | 'spacious';\n children?: ReactNode;\n horizontalAlignments?: {\n header?: 'left' | 'center' | 'right';\n content?: 'left' | 'center' | 'right';\n footer?: 'left' | 'center' | 'right';\n };\n}\n\nexport const Accordion: React.FC<AccordionProps> = (\n {\n id,\n heading,\n children,\n footer,\n openIcon = null,\n closeIcon = null,\n isOpen = true,\n isAnimated = true,\n isFixed = false,\n innerBorders = true,\n outerBorders = true,\n hasShadow = false,\n onChange,\n customCssClass,\n restrictHeight,\n headerButtonCustomLabel,\n headerButtonCssClass,\n paddingStyle = 'regular',\n horizontalAlignments,\n }\n) => {\n const [panelIsOpen, setPanelIsOpen] = useState(isOpen || isFixed);\n const accordionControl = useRef(null);\n const accordionContentSection = useRef<HTMLElement>(null);\n\n useInertAttribute(accordionContentSection, !panelIsOpen && !isFixed);\n\n const panelId = id || `accordion_${ Date.now() }`;\n const contentId = `${ panelId }_content`;\n const controlId = `${ panelId }_control`;\n\n const customSectionHeader = typeof heading !== 'string' && !headerButtonCustomLabel;\n\n const TogglePanelOpenState = () => {\n const newState = !panelIsOpen;\n setPanelIsOpen(newState);\n if (onChange) {\n onChange(newState);\n }\n };\n\n const heightCssClass = restrictHeight ? `accordion_${ restrictHeight }` : '';\n\n // map horizontal alignment props to justify-content values for fixed accordions\n const justifyContentMap = {\n left: 'flex-start',\n center: 'center',\n right: 'flex-end',\n };\n\n const alignmentStyle = {\n ...(isFixed && horizontalAlignments?.header\n ? { '--header-align-h': justifyContentMap[horizontalAlignments.header] }\n : { '--header-align-h': horizontalAlignments?.header || 'left' }),\n '--content-align-h': horizontalAlignments?.content || 'left',\n '--footer-align-h': horizontalAlignments?.footer || 'left',\n };\n\n const wrapperCssClass = `\n accordion\n ${ customCssClass || '' }\n ${ heightCssClass }\n ${ panelIsOpen || isFixed ? 'open' : 'closed' }\n ${ isFixed ? 'fixed' : '' }\n ${ isAnimated ? 'animated' : '' }\n ${ outerBorders ? 'outerBorders' : '' }\n ${ paddingStyle ? `padding_${ paddingStyle }` : '' }\n ${ hasShadow ? 'hasShadow' : '' }\n `;\n\n const headerCssClass = `accordionHeader ${ customSectionHeader || isFixed ? 'accordionHeader_custom' : '' } ${ innerBorders ? 'accordionHeader_innerBorders' : '' }`;\n\n const controlCssClass = `accordionControl ${ customCssClass ? `${ customCssClass }_accordionControl` : '' } ${ headerButtonCssClass || '' }`;\n\n const contentCssClass = `accordionContent ${ customCssClass ? `${ customCssClass }_accordionContent` : '' }`;\n\n const OpenIcon = () => {\n if (openIcon) {\n return <Icon icon={ openIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronUp } />;\n };\n\n const CloseIcon = () => {\n if (closeIcon) {\n return <Icon icon={ closeIcon } />;\n }\n return <SvgIcon svgDefinition={ chevronDown } />;\n };\n\n return (\n <section className={ wrapperCssClass } style={ alignmentStyle as React.CSSProperties }>\n <header className={ headerCssClass }>\n {\n customSectionHeader\n ? <div tabIndex={ 0 } className=\"accordionCustomHeading\">{ heading }</div>\n : (\n <h3>\n { isFixed\n ? heading\n : (\n <button\n ref={ accordionControl }\n aria-controls={ contentId }\n aria-expanded={ panelIsOpen }\n id={ controlId }\n onClick={ TogglePanelOpenState }\n type=\"button\"\n className={ controlCssClass }\n >\n <span className=\"sr-only\">Open and close accordion</span>\n {\n headerButtonCustomLabel || <span className=\"labelText\">{ heading }</span>\n }\n {\n panelIsOpen\n ? <OpenIcon />\n : <CloseIcon />\n }\n </button>\n ) }\n </h3>\n )\n }\n </header>\n\n <section\n ref={ accordionContentSection }\n className={ contentCssClass }\n id={ contentId }\n aria-labelledby={ controlId }\n { ...(!panelIsOpen && !isFixed ? {\n 'aria-hidden': true\n } : {}) }\n tabIndex={ restrictHeight && (panelIsOpen || isFixed) ? 0 : undefined }\n >\n <span className=\"sr-only\">Start of accordion content</span>\n { children }\n\n { footer\n && (\n <footer>\n { footer }\n </footer>\n ) }\n </section>\n </section>\n );\n};\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -24,7 +24,16 @@ export const Icon = ({
|
|
|
24
24
|
"aria-hidden": "true"
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
|
-
|
|
27
|
+
if (! /*#__PURE__*/React.isValidElement(icon)) {
|
|
28
|
+
return null;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
// Render the icon adding accessibility properties if it's a ReactNode
|
|
32
|
+
return /*#__PURE__*/React.cloneElement(icon, {
|
|
33
|
+
className: `icon ${customCssClass} ${icon.props.className || ''}`,
|
|
34
|
+
role: 'presentation',
|
|
35
|
+
'aria-hidden': true
|
|
36
|
+
});
|
|
28
37
|
};
|
|
29
38
|
export default Icon;
|
|
30
39
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","names":["React","Icon","icon","customCssClass","isMultiColor","pathsCount","createElement","className","role","Array","fill","map","pathElement","index","key"],"sources":["../../../../../../src/components/design/icons/basicIcon/Icon.tsx"],"sourcesContent":["'use client';\n\nimport React, {
|
|
1
|
+
{"version":3,"file":"Icon.js","names":["React","Icon","icon","customCssClass","isMultiColor","pathsCount","createElement","className","role","Array","fill","map","pathElement","index","key","isValidElement","cloneElement","props"],"sources":["../../../../../../src/components/design/icons/basicIcon/Icon.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode } from 'react';\n\nexport interface IconProps {\n icon: ReactNode;\n customCssClass?: string;\n isMultiColor?: boolean;\n pathsCount?: number;\n}\n\nexport const Icon: React.FC<IconProps> = (\n {\n icon,\n customCssClass = '',\n isMultiColor = false,\n pathsCount = 20\n }\n : IconProps\n) => {\n if (isMultiColor) {\n return (\n <span\n className={ `icon icon-${ icon } ${ customCssClass }` }\n role=\"presentation\"\n aria-hidden=\"true\"\n >\n { }\n { Array(pathsCount).fill(0).map((pathElement, index) => (<span key={ `${ icon }IconPath${ index }` } className={ `path${ (index + 1) }` } />)) }\n </span>\n );\n }\n\n if (typeof icon === 'string') {\n return (\n <i\n className={ `icon icon-${ icon } ${ customCssClass }` }\n role=\"presentation\"\n aria-hidden=\"true\"\n />\n );\n }\n\n if (!React.isValidElement<React.HTMLAttributes<HTMLElement>>(icon)) {\n return null;\n }\n\n // Render the icon adding accessibility properties if it's a ReactNode\n return React.cloneElement(icon, {\n className: `icon ${ customCssClass } ${ icon.props.className || '' }`,\n role: 'presentation',\n 'aria-hidden': true\n });\n};\n\nexport default Icon;\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,MAAqB,OAAO;AASxC,OAAO,MAAMC,IAAyB,GAAGA,CACvC;EACEC,IAAI;EACJC,cAAc,GAAG,EAAE;EACnBC,YAAY,GAAG,KAAK;EACpBC,UAAU,GAAG;AAEL,CAAC,KACR;EACH,IAAID,YAAY,EAAE;IAChB,oBACEJ,KAAA,CAAAM,aAAA;MACEC,SAAS,EAAG,aAAcL,IAAI,IAAMC,cAAc,EAAK;MACvDK,IAAI,EAAC,cAAc;MACnB,eAAY;IAAM,GAGhBC,KAAK,CAACJ,UAAU,CAAC,CAACK,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,WAAW,EAAEC,KAAK,kBAAMb,KAAA,CAAAM,aAAA;MAAMQ,GAAG,EAAG,GAAIZ,IAAI,WAAaW,KAAK,EAAK;MAACN,SAAS,EAAG,OAASM,KAAK,GAAG,CAAC;IAAM,CAAE,CAAE,CACzI,CAAC;EAEX;EAEA,IAAI,OAAOX,IAAI,KAAK,QAAQ,EAAE;IAC5B,oBACEF,KAAA,CAAAM,aAAA;MACEC,SAAS,EAAG,aAAcL,IAAI,IAAMC,cAAc,EAAK;MACvDK,IAAI,EAAC,cAAc;MACnB,eAAY;IAAM,CACnB,CAAC;EAEN;EAEA,IAAI,eAACR,KAAK,CAACe,cAAc,CAAoCb,IAAI,CAAC,EAAE;IAClE,OAAO,IAAI;EACb;;EAEA;EACA,oBAAOF,KAAK,CAACgB,YAAY,CAACd,IAAI,EAAE;IAC9BK,SAAS,EAAE,QAASJ,cAAc,IAAMD,IAAI,CAACe,KAAK,CAACV,SAAS,IAAI,EAAE,EAAG;IACrEC,IAAI,EAAE,cAAc;IACpB,aAAa,EAAE;EACjB,CAAC,CAAC;AACJ,CAAC;AAED,eAAeP,IAAI","ignoreList":[]}
|
package/dist/esm/package.json
CHANGED
package/dist/package.json
CHANGED