@chayns-components/core 5.0.0-beta.1125 → 5.0.0-beta.1127
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/lib/cjs/components/tooltip/Tooltip.styles.js +2 -0
- package/lib/cjs/components/tooltip/Tooltip.styles.js.map +1 -1
- package/lib/cjs/utils/accordion.js +8 -2
- package/lib/cjs/utils/accordion.js.map +1 -1
- package/lib/esm/components/tooltip/Tooltip.styles.js +2 -0
- package/lib/esm/components/tooltip/Tooltip.styles.js.map +1 -1
- package/lib/esm/utils/accordion.js +8 -2
- package/lib/esm/utils/accordion.js.map +1 -1
- package/package.json +2 -2
|
@@ -8,6 +8,8 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
|
8
8
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
9
9
|
const StyledTooltip = exports.StyledTooltip = _styledComponents.default.div``;
|
|
10
10
|
const StyledTooltipChildren = exports.StyledTooltipChildren = _styledComponents.default.div`
|
|
11
|
+
display: flex;
|
|
12
|
+
|
|
11
13
|
${({
|
|
12
14
|
$shouldUseChildrenWidth
|
|
13
15
|
}) => $shouldUseChildrenWidth && (0, _styledComponents.css)`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTooltip","exports","styled","div","StyledTooltipChildren","$shouldUseChildrenWidth","css","$shouldUseFullWidth","$isOnlyText","theme","text"],"sources":["../../../../src/components/tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTooltip = styled.div``;\n\ntype StyledTooltipChildrenProps = WithTheme<{\n $isOnlyText: boolean;\n $shouldUseChildrenWidth: boolean;\n $shouldUseFullWidth: boolean;\n}>;\nexport const StyledTooltipChildren = styled.div<StyledTooltipChildrenProps>`\n ${({ $shouldUseChildrenWidth }) =>\n $shouldUseChildrenWidth &&\n css`\n width: fit-content;\n `}\n\n ${({ $shouldUseFullWidth }) =>\n $shouldUseFullWidth &&\n css`\n width: 100%;\n `};\n\n ${({ $isOnlyText, theme }: StyledTooltipChildrenProps) =>\n $isOnlyText &&\n css`\n line-height: normal;\n\n border-bottom-width: 1px;\n border-bottom-style: dotted;\n border-bottom-color: ${theme.text};\n `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzC,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,EAAE;AAOlC,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAAGF,yBAAM,CAACC,GAA+B;AAC3E,MAAM,CAAC;EAAEE;AAAwB,CAAC,KAC1BA,uBAAuB,IACvB,IAAAC,qBAAG;AACX;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEC;AAAoB,CAAC,KACtBA,mBAAmB,IACnB,IAAAD,qBAAG;AACX;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEE,WAAW;EAAEC;AAAkC,CAAC,KACjDD,WAAW,IACX,IAAAF,qBAAG;AACX;AACA;AACA;AACA;AACA,mCAAmCG,KAAK,CAACC,IAAI;AAC7C,SAAS;AACT,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Tooltip.styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTooltip","exports","styled","div","StyledTooltipChildren","$shouldUseChildrenWidth","css","$shouldUseFullWidth","$isOnlyText","theme","text"],"sources":["../../../../src/components/tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTooltip = styled.div``;\n\ntype StyledTooltipChildrenProps = WithTheme<{\n $isOnlyText: boolean;\n $shouldUseChildrenWidth: boolean;\n $shouldUseFullWidth: boolean;\n}>;\nexport const StyledTooltipChildren = styled.div<StyledTooltipChildrenProps>`\n display: flex;\n\n ${({ $shouldUseChildrenWidth }) =>\n $shouldUseChildrenWidth &&\n css`\n width: fit-content;\n `}\n\n ${({ $shouldUseFullWidth }) =>\n $shouldUseFullWidth &&\n css`\n width: 100%;\n `};\n\n ${({ $isOnlyText, theme }: StyledTooltipChildrenProps) =>\n $isOnlyText &&\n css`\n line-height: normal;\n\n border-bottom-width: 1px;\n border-bottom-style: dotted;\n border-bottom-color: ${theme.text};\n `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzC,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,EAAE;AAOlC,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAAGF,yBAAM,CAACC,GAA+B;AAC3E;AACA;AACA,MAAM,CAAC;EAAEE;AAAwB,CAAC,KAC1BA,uBAAuB,IACvB,IAAAC,qBAAG;AACX;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEC;AAAoB,CAAC,KACtBA,mBAAmB,IACnB,IAAAD,qBAAG;AACX;AACA,SAAS;AACT;AACA,MAAM,CAAC;EAAEE,WAAW;EAAEC;AAAkC,CAAC,KACjDD,WAAW,IACX,IAAAF,qBAAG;AACX;AACA;AACA;AACA;AACA,mCAAmCG,KAAK,CAACC,IAAI;AAC7C,SAAS;AACT,CAAC","ignoreList":[]}
|
|
@@ -12,22 +12,28 @@ const getAccordionHeadHeight = ({
|
|
|
12
12
|
hasSearch
|
|
13
13
|
}) => {
|
|
14
14
|
const element = document.createElement('div');
|
|
15
|
-
element.style.opacity = '
|
|
15
|
+
element.style.opacity = '1';
|
|
16
16
|
element.style.pointerEvents = 'none';
|
|
17
17
|
element.style.whiteSpace = 'nowrap';
|
|
18
|
+
// element.style.gridArea = 'header';
|
|
18
19
|
element.style.width = `${width}px`;
|
|
19
20
|
element.innerHTML = title;
|
|
20
21
|
document.body.appendChild(element);
|
|
22
|
+
console.debug('TEST0 1', element);
|
|
21
23
|
const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);
|
|
22
24
|
if (isWrapped) {
|
|
23
25
|
element.style.fontWeight = 'bold';
|
|
24
26
|
element.style.whiteSpace = 'nowrap';
|
|
27
|
+
console.debug('TEST0 2', element);
|
|
25
28
|
} else {
|
|
26
29
|
element.style.fontSize = '1.3rem';
|
|
27
30
|
element.style.whiteSpace = hasSearch ? 'nowrap' : 'normal';
|
|
31
|
+
console.debug('TEST0 3', element);
|
|
28
32
|
}
|
|
29
33
|
const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);
|
|
30
|
-
|
|
34
|
+
|
|
35
|
+
// document.body.removeChild(element);
|
|
36
|
+
|
|
31
37
|
return {
|
|
32
38
|
closed: closedHeight,
|
|
33
39
|
open: openHeight
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","names":["_react","require","getAccordionHeadHeight","isWrapped","title","width","hasSearch","element","document","createElement","style","opacity","pointerEvents","whiteSpace","innerHTML","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","fontSize","openHeight","
|
|
1
|
+
{"version":3,"file":"accordion.js","names":["_react","require","getAccordionHeadHeight","isWrapped","title","width","hasSearch","element","document","createElement","style","opacity","pointerEvents","whiteSpace","innerHTML","body","appendChild","console","debug","closedHeight","Math","max","clientHeight","fontWeight","fontSize","openHeight","closed","open","exports","getElementClickEvent","hasClickHandler","checkForClickHandler","el","isValidElement","type","displayName","props","onClick","onPointerDown","onMouseDown","onTouchStart","children","Children","forEach"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\nimport type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';\n\ntype GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {\n width: number;\n hasSearch: boolean;\n};\n\ninterface GetAccordionHeadHeightResult {\n closed: number;\n open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n isWrapped,\n title,\n width,\n hasSearch,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n const element = document.createElement('div');\n\n element.style.opacity = '1';\n element.style.pointerEvents = 'none';\n element.style.whiteSpace = 'nowrap';\n // element.style.gridArea = 'header';\n element.style.width = `${width}px`;\n\n element.innerHTML = title;\n\n document.body.appendChild(element);\n\n console.debug('TEST0 1', element);\n\n const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n if (isWrapped) {\n element.style.fontWeight = 'bold';\n element.style.whiteSpace = 'nowrap';\n\n console.debug('TEST0 2', element);\n } else {\n element.style.fontSize = '1.3rem';\n element.style.whiteSpace = hasSearch ? 'nowrap' : 'normal';\n\n console.debug('TEST0 3', element);\n }\n\n const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n // document.body.removeChild(element);\n\n return { closed: closedHeight, open: openHeight };\n};\n\nexport const getElementClickEvent = (element: ReactNode) => {\n let hasClickHandler = false;\n\n const checkForClickHandler = (el: ReactNode) => {\n if (!isValidElement(el)) return;\n\n if (\n typeof el.type !== 'string' &&\n 'displayName' in el.type &&\n (el.type.displayName === 'Checkbox' ||\n el.type.displayName === 'ComboBox' ||\n el.type.displayName === 'SelectButton')\n ) {\n hasClickHandler = true;\n\n return;\n }\n\n if (\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n el.props.onClick ||\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n el.props.onPointerDown ||\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n el.props.onMouseDown ||\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n el.props.onTouchStart\n ) {\n hasClickHandler = true;\n\n return;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n if (el.props.children) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-member-access\n Children.forEach(el.props.children, checkForClickHandler);\n }\n };\n\n checkForClickHandler(element);\n\n return hasClickHandler;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.styles.js","names":["styled","css","StyledTooltip","div","StyledTooltipChildren","_ref","$shouldUseChildrenWidth","_ref2","$shouldUseFullWidth","_ref3","$isOnlyText","theme","text"],"sources":["../../../../src/components/tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTooltip = styled.div``;\n\ntype StyledTooltipChildrenProps = WithTheme<{\n $isOnlyText: boolean;\n $shouldUseChildrenWidth: boolean;\n $shouldUseFullWidth: boolean;\n}>;\nexport const StyledTooltipChildren = styled.div<StyledTooltipChildrenProps>`\n ${({ $shouldUseChildrenWidth }) =>\n $shouldUseChildrenWidth &&\n css`\n width: fit-content;\n `}\n\n ${({ $shouldUseFullWidth }) =>\n $shouldUseFullWidth &&\n css`\n width: 100%;\n `};\n\n ${({ $isOnlyText, theme }: StyledTooltipChildrenProps) =>\n $isOnlyText &&\n css`\n line-height: normal;\n\n border-bottom-width: 1px;\n border-bottom-style: dotted;\n border-bottom-color: ${theme.text};\n `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,MAAMC,aAAa,GAAGF,MAAM,CAACG,GAAG,EAAE;AAOzC,OAAO,MAAMC,qBAAqB,GAAGJ,MAAM,CAACG,GAA+B;AAC3E,MAAME,IAAA;EAAA,IAAC;IAAEC;EAAwB,CAAC,GAAAD,IAAA;EAAA,OAC1BC,uBAAuB,IACvBL,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMM,KAAA;EAAA,IAAC;IAAEC;EAAoB,CAAC,GAAAD,KAAA;EAAA,OACtBC,mBAAmB,IACnBP,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMQ,KAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC;EAAkC,CAAC,GAAAF,KAAA;EAAA,OACjDC,WAAW,IACXT,GAAG;AACX;AACA;AACA;AACA;AACA,mCAAmCU,KAAK,CAACC,IAAI;AAC7C,SAAS;AAAA;AACT,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Tooltip.styles.js","names":["styled","css","StyledTooltip","div","StyledTooltipChildren","_ref","$shouldUseChildrenWidth","_ref2","$shouldUseFullWidth","_ref3","$isOnlyText","theme","text"],"sources":["../../../../src/components/tooltip/Tooltip.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTooltip = styled.div``;\n\ntype StyledTooltipChildrenProps = WithTheme<{\n $isOnlyText: boolean;\n $shouldUseChildrenWidth: boolean;\n $shouldUseFullWidth: boolean;\n}>;\nexport const StyledTooltipChildren = styled.div<StyledTooltipChildrenProps>`\n display: flex;\n\n ${({ $shouldUseChildrenWidth }) =>\n $shouldUseChildrenWidth &&\n css`\n width: fit-content;\n `}\n\n ${({ $shouldUseFullWidth }) =>\n $shouldUseFullWidth &&\n css`\n width: 100%;\n `};\n\n ${({ $isOnlyText, theme }: StyledTooltipChildrenProps) =>\n $isOnlyText &&\n css`\n line-height: normal;\n\n border-bottom-width: 1px;\n border-bottom-style: dotted;\n border-bottom-color: ${theme.text};\n `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,MAAMC,aAAa,GAAGF,MAAM,CAACG,GAAG,EAAE;AAOzC,OAAO,MAAMC,qBAAqB,GAAGJ,MAAM,CAACG,GAA+B;AAC3E;AACA;AACA,MAAME,IAAA;EAAA,IAAC;IAAEC;EAAwB,CAAC,GAAAD,IAAA;EAAA,OAC1BC,uBAAuB,IACvBL,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMM,KAAA;EAAA,IAAC;IAAEC;EAAoB,CAAC,GAAAD,KAAA;EAAA,OACtBC,mBAAmB,IACnBP,GAAG;AACX;AACA,SAAS;AAAA;AACT;AACA,MAAMQ,KAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC;EAAkC,CAAC,GAAAF,KAAA;EAAA,OACjDC,WAAW,IACXT,GAAG;AACX;AACA;AACA;AACA;AACA,mCAAmCU,KAAK,CAACC,IAAI;AAC7C,SAAS;AAAA;AACT,CAAC","ignoreList":[]}
|
|
@@ -7,22 +7,28 @@ export const getAccordionHeadHeight = _ref => {
|
|
|
7
7
|
hasSearch
|
|
8
8
|
} = _ref;
|
|
9
9
|
const element = document.createElement('div');
|
|
10
|
-
element.style.opacity = '
|
|
10
|
+
element.style.opacity = '1';
|
|
11
11
|
element.style.pointerEvents = 'none';
|
|
12
12
|
element.style.whiteSpace = 'nowrap';
|
|
13
|
+
// element.style.gridArea = 'header';
|
|
13
14
|
element.style.width = `${width}px`;
|
|
14
15
|
element.innerHTML = title;
|
|
15
16
|
document.body.appendChild(element);
|
|
17
|
+
console.debug('TEST0 1', element);
|
|
16
18
|
const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);
|
|
17
19
|
if (isWrapped) {
|
|
18
20
|
element.style.fontWeight = 'bold';
|
|
19
21
|
element.style.whiteSpace = 'nowrap';
|
|
22
|
+
console.debug('TEST0 2', element);
|
|
20
23
|
} else {
|
|
21
24
|
element.style.fontSize = '1.3rem';
|
|
22
25
|
element.style.whiteSpace = hasSearch ? 'nowrap' : 'normal';
|
|
26
|
+
console.debug('TEST0 3', element);
|
|
23
27
|
}
|
|
24
28
|
const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);
|
|
25
|
-
|
|
29
|
+
|
|
30
|
+
// document.body.removeChild(element);
|
|
31
|
+
|
|
26
32
|
return {
|
|
27
33
|
closed: closedHeight,
|
|
28
34
|
open: openHeight
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","names":["Children","isValidElement","getAccordionHeadHeight","_ref","isWrapped","title","width","hasSearch","element","document","createElement","style","opacity","pointerEvents","whiteSpace","innerHTML","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","fontSize","openHeight","
|
|
1
|
+
{"version":3,"file":"accordion.js","names":["Children","isValidElement","getAccordionHeadHeight","_ref","isWrapped","title","width","hasSearch","element","document","createElement","style","opacity","pointerEvents","whiteSpace","innerHTML","body","appendChild","console","debug","closedHeight","Math","max","clientHeight","fontWeight","fontSize","openHeight","closed","open","getElementClickEvent","hasClickHandler","checkForClickHandler","el","type","displayName","props","onClick","onPointerDown","onMouseDown","onTouchStart","children","forEach"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\nimport type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';\n\ntype GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {\n width: number;\n hasSearch: boolean;\n};\n\ninterface GetAccordionHeadHeightResult {\n closed: number;\n open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n isWrapped,\n title,\n width,\n hasSearch,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n const element = document.createElement('div');\n\n element.style.opacity = '1';\n element.style.pointerEvents = 'none';\n element.style.whiteSpace = 'nowrap';\n // element.style.gridArea = 'header';\n element.style.width = `${width}px`;\n\n element.innerHTML = title;\n\n document.body.appendChild(element);\n\n console.debug('TEST0 1', element);\n\n const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n if (isWrapped) {\n element.style.fontWeight = 'bold';\n element.style.whiteSpace = 'nowrap';\n\n console.debug('TEST0 2', element);\n } else {\n element.style.fontSize = '1.3rem';\n element.style.whiteSpace = hasSearch ? 'nowrap' : 'normal';\n\n console.debug('TEST0 3', element);\n }\n\n const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n // document.body.removeChild(element);\n\n return { closed: closedHeight, open: openHeight };\n};\n\nexport const getElementClickEvent = (element: ReactNode) => {\n let hasClickHandler = false;\n\n const checkForClickHandler = (el: ReactNode) => {\n if (!isValidElement(el)) return;\n\n if (\n typeof el.type !== 'string' &&\n 'displayName' in el.type &&\n (el.type.displayName === 'Checkbox' ||\n el.type.displayName === 'ComboBox' ||\n el.type.displayName === 'SelectButton')\n ) {\n hasClickHandler = true;\n\n return;\n }\n\n if (\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n el.props.onClick ||\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n el.props.onPointerDown ||\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n el.props.onMouseDown ||\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n el.props.onTouchStart\n ) {\n hasClickHandler = true;\n\n return;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n if (el.props.children) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-member-access\n Children.forEach(el.props.children, checkForClickHandler);\n }\n };\n\n checkForClickHandler(element);\n\n return hasClickHandler;\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,cAAc,QAAmB,OAAO;AAa3D,OAAO,MAAMC,sBAAsB,GAAGC,IAAA,IAK6B;EAAA,IAL5B;IACnCC,SAAS;IACTC,KAAK;IACLC,KAAK;IACLC;EAC2B,CAAC,GAAAJ,IAAA;EAC5B,MAAMK,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,OAAO,GAAG,GAAG;EAC3BJ,OAAO,CAACG,KAAK,CAACE,aAAa,GAAG,MAAM;EACpCL,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACnC;EACAN,OAAO,CAACG,KAAK,CAACL,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCE,OAAO,CAACO,SAAS,GAAGV,KAAK;EAEzBI,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,OAAO,CAAC;EAElCU,OAAO,CAACC,KAAK,CAAC,SAAS,EAAEX,OAAO,CAAC;EAEjC,MAAMY,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACd,OAAO,CAACe,YAAY,GAAG,CAAC,EAAEnB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXI,OAAO,CAACG,KAAK,CAACa,UAAU,GAAG,MAAM;IACjChB,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;IAEnCI,OAAO,CAACC,KAAK,CAAC,SAAS,EAAEX,OAAO,CAAC;EACrC,CAAC,MAAM;IACHA,OAAO,CAACG,KAAK,CAACc,QAAQ,GAAG,QAAQ;IACjCjB,OAAO,CAACG,KAAK,CAACG,UAAU,GAAGP,SAAS,GAAG,QAAQ,GAAG,QAAQ;IAE1DW,OAAO,CAACC,KAAK,CAAC,SAAS,EAAEX,OAAO,CAAC;EACrC;EAEA,MAAMkB,UAAU,GAAGL,IAAI,CAACC,GAAG,CAACd,OAAO,CAACe,YAAY,GAAG,CAAC,EAAEnB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;;EAE1E;;EAEA,OAAO;IAAEuB,MAAM,EAAEP,YAAY;IAAEQ,IAAI,EAAEF;EAAW,CAAC;AACrD,CAAC;AAED,OAAO,MAAMG,oBAAoB,GAAIrB,OAAkB,IAAK;EACxD,IAAIsB,eAAe,GAAG,KAAK;EAE3B,MAAMC,oBAAoB,GAAIC,EAAa,IAAK;IAC5C,IAAI,eAAC/B,cAAc,CAAC+B,EAAE,CAAC,EAAE;IAEzB,IACI,OAAOA,EAAE,CAACC,IAAI,KAAK,QAAQ,IAC3B,aAAa,IAAID,EAAE,CAACC,IAAI,KACvBD,EAAE,CAACC,IAAI,CAACC,WAAW,KAAK,UAAU,IAC/BF,EAAE,CAACC,IAAI,CAACC,WAAW,KAAK,UAAU,IAClCF,EAAE,CAACC,IAAI,CAACC,WAAW,KAAK,cAAc,CAAC,EAC7C;MACEJ,eAAe,GAAG,IAAI;MAEtB;IACJ;IAEA;IACI;IACAE,EAAE,CAACG,KAAK,CAACC,OAAO;IAChB;IACAJ,EAAE,CAACG,KAAK,CAACE,aAAa;IACtB;IACAL,EAAE,CAACG,KAAK,CAACG,WAAW;IACpB;IACAN,EAAE,CAACG,KAAK,CAACI,YAAY,EACvB;MACET,eAAe,GAAG,IAAI;MAEtB;IACJ;;IAEA;IACA,IAAIE,EAAE,CAACG,KAAK,CAACK,QAAQ,EAAE;MACnB;MACAxC,QAAQ,CAACyC,OAAO,CAACT,EAAE,CAACG,KAAK,CAACK,QAAQ,EAAET,oBAAoB,CAAC;IAC7D;EACJ,CAAC;EAEDA,oBAAoB,CAACvB,OAAO,CAAC;EAE7B,OAAOsB,eAAe;AAC1B,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/core",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.1127",
|
|
4
4
|
"description": "A set of beautiful React components for developing your own applications with chayns.",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"browserslist": [
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"publishConfig": {
|
|
87
87
|
"access": "public"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "76ed508b150d32e13fc2bb6d8dc915e9486d7f3c"
|
|
90
90
|
}
|