@chayns-components/core 5.1.0 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +117 -2
- package/lib/cjs/components/search-input/SearchInput.js +3 -1
- package/lib/cjs/components/search-input/SearchInput.js.map +1 -1
- package/lib/cjs/components/skeleton/base-skeleton/BaseSkeleton.js +47 -0
- package/lib/cjs/components/skeleton/base-skeleton/BaseSkeleton.js.map +1 -0
- package/lib/cjs/components/skeleton/base-skeleton/BaseSkeleton.styles.js +73 -0
- package/lib/cjs/components/skeleton/base-skeleton/BaseSkeleton.styles.js.map +1 -0
- package/lib/cjs/components/skeleton/index.js +34 -0
- package/lib/cjs/components/skeleton/index.js.map +1 -0
- package/lib/cjs/components/skeleton/skeleton-provider/SkeletonProvider.js +89 -0
- package/lib/cjs/components/skeleton/skeleton-provider/SkeletonProvider.js.map +1 -0
- package/lib/cjs/components/skeleton/types.js +13 -0
- package/lib/cjs/components/skeleton/types.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.js +41 -0
- package/lib/cjs/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.styles.js +16 -0
- package/lib/cjs/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.styles.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/badge-skeleton/BadgeSkeleton.js +30 -0
- package/lib/cjs/components/skeleton/variants/badge-skeleton/BadgeSkeleton.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/box-skeleton/BoxSkeleton.js +32 -0
- package/lib/cjs/components/skeleton/variants/box-skeleton/BoxSkeleton.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/button-skeleton/ButtonSkeleton.js +30 -0
- package/lib/cjs/components/skeleton/variants/button-skeleton/ButtonSkeleton.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/circle-skeleton/CircleSkeleton.js +30 -0
- package/lib/cjs/components/skeleton/variants/circle-skeleton/CircleSkeleton.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/headline-skeleton/HeadlineSkeleton.js +50 -0
- package/lib/cjs/components/skeleton/variants/headline-skeleton/HeadlineSkeleton.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.js +44 -0
- package/lib/cjs/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.js +24 -0
- package/lib/cjs/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/text-skeleton/TextSkeleton.js +41 -0
- package/lib/cjs/components/skeleton/variants/text-skeleton/TextSkeleton.js.map +1 -0
- package/lib/cjs/components/skeleton/variants/text-skeleton/TextSkeleton.styles.js +13 -0
- package/lib/cjs/components/skeleton/variants/text-skeleton/TextSkeleton.styles.js.map +1 -0
- package/lib/cjs/index.js +14 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/components/search-input/SearchInput.js +3 -1
- package/lib/esm/components/search-input/SearchInput.js.map +1 -1
- package/lib/esm/components/skeleton/base-skeleton/BaseSkeleton.js +40 -0
- package/lib/esm/components/skeleton/base-skeleton/BaseSkeleton.js.map +1 -0
- package/lib/esm/components/skeleton/base-skeleton/BaseSkeleton.styles.js +66 -0
- package/lib/esm/components/skeleton/base-skeleton/BaseSkeleton.styles.js.map +1 -0
- package/lib/esm/components/skeleton/index.js +27 -0
- package/lib/esm/components/skeleton/index.js.map +1 -0
- package/lib/esm/components/skeleton/skeleton-provider/SkeletonProvider.js +79 -0
- package/lib/esm/components/skeleton/skeleton-provider/SkeletonProvider.js.map +1 -0
- package/lib/esm/components/skeleton/types.js +7 -0
- package/lib/esm/components/skeleton/types.js.map +1 -0
- package/lib/esm/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.js +33 -0
- package/lib/esm/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.js.map +1 -0
- package/lib/esm/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.styles.js +9 -0
- package/lib/esm/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.styles.js.map +1 -0
- package/lib/esm/components/skeleton/variants/badge-skeleton/BadgeSkeleton.js +23 -0
- package/lib/esm/components/skeleton/variants/badge-skeleton/BadgeSkeleton.js.map +1 -0
- package/lib/esm/components/skeleton/variants/box-skeleton/BoxSkeleton.js +25 -0
- package/lib/esm/components/skeleton/variants/box-skeleton/BoxSkeleton.js.map +1 -0
- package/lib/esm/components/skeleton/variants/button-skeleton/ButtonSkeleton.js +23 -0
- package/lib/esm/components/skeleton/variants/button-skeleton/ButtonSkeleton.js.map +1 -0
- package/lib/esm/components/skeleton/variants/circle-skeleton/CircleSkeleton.js +23 -0
- package/lib/esm/components/skeleton/variants/circle-skeleton/CircleSkeleton.js.map +1 -0
- package/lib/esm/components/skeleton/variants/headline-skeleton/HeadlineSkeleton.js +43 -0
- package/lib/esm/components/skeleton/variants/headline-skeleton/HeadlineSkeleton.js.map +1 -0
- package/lib/esm/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.js +36 -0
- package/lib/esm/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.js.map +1 -0
- package/lib/esm/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.js +17 -0
- package/lib/esm/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.js.map +1 -0
- package/lib/esm/components/skeleton/variants/text-skeleton/TextSkeleton.js +34 -0
- package/lib/esm/components/skeleton/variants/text-skeleton/TextSkeleton.js.map +1 -0
- package/lib/esm/components/skeleton/variants/text-skeleton/TextSkeleton.styles.js +6 -0
- package/lib/esm/components/skeleton/variants/text-skeleton/TextSkeleton.styles.js.map +1 -0
- package/lib/esm/index.js +2 -0
- package/lib/esm/index.js.map +1 -1
- package/lib/types/components/skeleton/base-skeleton/BaseSkeleton.d.ts +10 -0
- package/lib/types/components/skeleton/base-skeleton/BaseSkeleton.styles.d.ts +22 -0
- package/lib/types/components/skeleton/index.d.ts +27 -0
- package/lib/types/components/skeleton/skeleton-provider/SkeletonProvider.d.ts +37 -0
- package/lib/types/components/skeleton/types.d.ts +14 -0
- package/lib/types/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.d.ts +4 -0
- package/lib/types/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.styles.d.ts +1 -0
- package/lib/types/components/skeleton/variants/badge-skeleton/BadgeSkeleton.d.ts +7 -0
- package/lib/types/components/skeleton/variants/box-skeleton/BoxSkeleton.d.ts +8 -0
- package/lib/types/components/skeleton/variants/button-skeleton/ButtonSkeleton.d.ts +7 -0
- package/lib/types/components/skeleton/variants/circle-skeleton/CircleSkeleton.d.ts +7 -0
- package/lib/types/components/skeleton/variants/headline-skeleton/HeadlineSkeleton.d.ts +12 -0
- package/lib/types/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.d.ts +4 -0
- package/lib/types/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.d.ts +2 -0
- package/lib/types/components/skeleton/variants/text-skeleton/TextSkeleton.d.ts +9 -0
- package/lib/types/components/skeleton/variants/text-skeleton/TextSkeleton.styles.d.ts +1 -0
- package/lib/types/index.d.ts +2 -0
- package/package.json +2 -2
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { StyledListItemSkeleton, StyledListItemSkeletonBars } from './ListItemSkeleton.styles';
|
|
3
|
+
import CircleSkeleton from '../circle-skeleton/CircleSkeleton';
|
|
4
|
+
import BoxSkeleton from '../box-skeleton/BoxSkeleton';
|
|
5
|
+
import SkeletonProvider, { useSkeletonContext } from '../../skeleton-provider/SkeletonProvider';
|
|
6
|
+
const ListItemSkeleton = /*#__PURE__*/forwardRef(({
|
|
7
|
+
className,
|
|
8
|
+
baseColor,
|
|
9
|
+
highlightColor,
|
|
10
|
+
style,
|
|
11
|
+
animationType,
|
|
12
|
+
borderRadius
|
|
13
|
+
}, ref) => {
|
|
14
|
+
const context = useSkeletonContext();
|
|
15
|
+
return /*#__PURE__*/React.createElement(StyledListItemSkeleton, {
|
|
16
|
+
className: className,
|
|
17
|
+
style: style,
|
|
18
|
+
ref: ref
|
|
19
|
+
}, /*#__PURE__*/React.createElement(SkeletonProvider, {
|
|
20
|
+
highlightColor: highlightColor ?? context.highlightColor,
|
|
21
|
+
baseColor: baseColor ?? context.baseColor,
|
|
22
|
+
animationType: animationType ?? context.animationType,
|
|
23
|
+
borderRadius: borderRadius ?? context.borderRadius
|
|
24
|
+
}, /*#__PURE__*/React.createElement(CircleSkeleton, {
|
|
25
|
+
size: 40
|
|
26
|
+
}), /*#__PURE__*/React.createElement(StyledListItemSkeletonBars, null, /*#__PURE__*/React.createElement(BoxSkeleton, {
|
|
27
|
+
height: 16,
|
|
28
|
+
width: "90%"
|
|
29
|
+
}), /*#__PURE__*/React.createElement(BoxSkeleton, {
|
|
30
|
+
height: 16,
|
|
31
|
+
width: "60%"
|
|
32
|
+
}))));
|
|
33
|
+
});
|
|
34
|
+
ListItemSkeleton.displayName = 'Skeleton.ListItem';
|
|
35
|
+
export default ListItemSkeleton;
|
|
36
|
+
//# sourceMappingURL=ListItemSkeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItemSkeleton.js","names":["React","forwardRef","StyledListItemSkeleton","StyledListItemSkeletonBars","CircleSkeleton","BoxSkeleton","SkeletonProvider","useSkeletonContext","ListItemSkeleton","className","baseColor","highlightColor","style","animationType","borderRadius","ref","context","createElement","size","height","width","displayName"],"sources":["../../../../../../src/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BaseSkeletonConfig } from '../../types';\nimport { StyledListItemSkeleton, StyledListItemSkeletonBars } from './ListItemSkeleton.styles';\nimport CircleSkeleton from '../circle-skeleton/CircleSkeleton';\nimport BoxSkeleton from '../box-skeleton/BoxSkeleton';\nimport SkeletonProvider, { useSkeletonContext } from '../../skeleton-provider/SkeletonProvider';\n\nconst ListItemSkeleton = forwardRef<HTMLDivElement, BaseSkeletonConfig>(\n ({ className, baseColor, highlightColor, style, animationType, borderRadius }, ref) => {\n const context = useSkeletonContext();\n\n return (\n <StyledListItemSkeleton className={className} style={style} ref={ref}>\n <SkeletonProvider\n highlightColor={highlightColor ?? context.highlightColor}\n baseColor={baseColor ?? context.baseColor}\n animationType={animationType ?? context.animationType}\n borderRadius={borderRadius ?? context.borderRadius}\n >\n <CircleSkeleton size={40} />\n <StyledListItemSkeletonBars>\n <BoxSkeleton height={16} width=\"90%\" />\n <BoxSkeleton height={16} width=\"60%\" />\n </StyledListItemSkeletonBars>\n </SkeletonProvider>\n </StyledListItemSkeleton>\n );\n },\n);\n\nListItemSkeleton.displayName = 'Skeleton.ListItem';\n\nexport default ListItemSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,sBAAsB,EAAEC,0BAA0B,QAAQ,2BAA2B;AAC9F,OAAOC,cAAc,MAAM,mCAAmC;AAC9D,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,gBAAgB,IAAIC,kBAAkB,QAAQ,0CAA0C;AAE/F,MAAMC,gBAAgB,gBAAGP,UAAU,CAC/B,CAAC;EAAEQ,SAAS;EAAEC,SAAS;EAAEC,cAAc;EAAEC,KAAK;EAAEC,aAAa;EAAEC;AAAa,CAAC,EAAEC,GAAG,KAAK;EACnF,MAAMC,OAAO,GAAGT,kBAAkB,CAAC,CAAC;EAEpC,oBACIP,KAAA,CAAAiB,aAAA,CAACf,sBAAsB;IAACO,SAAS,EAAEA,SAAU;IAACG,KAAK,EAAEA,KAAM;IAACG,GAAG,EAAEA;EAAI,gBACjEf,KAAA,CAAAiB,aAAA,CAACX,gBAAgB;IACbK,cAAc,EAAEA,cAAc,IAAIK,OAAO,CAACL,cAAe;IACzDD,SAAS,EAAEA,SAAS,IAAIM,OAAO,CAACN,SAAU;IAC1CG,aAAa,EAAEA,aAAa,IAAIG,OAAO,CAACH,aAAc;IACtDC,YAAY,EAAEA,YAAY,IAAIE,OAAO,CAACF;EAAa,gBAEnDd,KAAA,CAAAiB,aAAA,CAACb,cAAc;IAACc,IAAI,EAAE;EAAG,CAAE,CAAC,eAC5BlB,KAAA,CAAAiB,aAAA,CAACd,0BAA0B,qBACvBH,KAAA,CAAAiB,aAAA,CAACZ,WAAW;IAACc,MAAM,EAAE,EAAG;IAACC,KAAK,EAAC;EAAK,CAAE,CAAC,eACvCpB,KAAA,CAAAiB,aAAA,CAACZ,WAAW;IAACc,MAAM,EAAE,EAAG;IAACC,KAAK,EAAC;EAAK,CAAE,CACd,CACd,CACE,CAAC;AAEjC,CACJ,CAAC;AAEDZ,gBAAgB,CAACa,WAAW,GAAG,mBAAmB;AAElD,eAAeb,gBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
export const StyledListItemSkeleton = styled.div`
|
|
3
|
+
width: 100%;
|
|
4
|
+
height: 64px;
|
|
5
|
+
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
gap: 10px;
|
|
9
|
+
padding: 12px 9px 12px 12px;
|
|
10
|
+
`;
|
|
11
|
+
export const StyledListItemSkeletonBars = styled.div`
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
gap: 8px;
|
|
15
|
+
flex: 1;
|
|
16
|
+
`;
|
|
17
|
+
//# sourceMappingURL=ListItemSkeleton.styles.js.map
|
package/lib/esm/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItemSkeleton.styles.js","names":["styled","StyledListItemSkeleton","div","StyledListItemSkeletonBars"],"sources":["../../../../../../src/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledListItemSkeleton = styled.div`\n width: 100%;\n height: 64px;\n\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 9px 12px 12px;\n`;\n\nexport const StyledListItemSkeletonBars = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,sBAAsB,GAAGD,MAAM,CAACE,GAAG;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,0BAA0B,GAAGH,MAAM,CAACE,GAAG;AACpD;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';
|
|
3
|
+
import { StyledTextSkeleton } from './TextSkeleton.styles';
|
|
4
|
+
const TextSkeleton = /*#__PURE__*/forwardRef(({
|
|
5
|
+
className,
|
|
6
|
+
baseColor,
|
|
7
|
+
highlightColor,
|
|
8
|
+
style,
|
|
9
|
+
borderRadius,
|
|
10
|
+
animationType,
|
|
11
|
+
width = '100%',
|
|
12
|
+
lines = 1,
|
|
13
|
+
randomWithBounds
|
|
14
|
+
}, ref) => {
|
|
15
|
+
const renderedLines = useMemo(() => Array.from({
|
|
16
|
+
length: lines
|
|
17
|
+
}).map(() => /*#__PURE__*/React.createElement(BaseSkeleton, {
|
|
18
|
+
key: Math.random(),
|
|
19
|
+
as: "p",
|
|
20
|
+
ref: ref,
|
|
21
|
+
width: randomWithBounds ? `${Math.floor(Math.random() * (randomWithBounds[1] - randomWithBounds[0] + 1)) + randomWithBounds[0]}%` : width,
|
|
22
|
+
height: 0,
|
|
23
|
+
borderRadius: borderRadius,
|
|
24
|
+
animationType: animationType,
|
|
25
|
+
baseColor: baseColor,
|
|
26
|
+
className: className,
|
|
27
|
+
style: style,
|
|
28
|
+
highlightColor: highlightColor
|
|
29
|
+
}, "Pseudo Text")), [animationType, baseColor, borderRadius, className, highlightColor, lines, randomWithBounds, ref, style, width]);
|
|
30
|
+
return /*#__PURE__*/React.createElement(StyledTextSkeleton, null, renderedLines);
|
|
31
|
+
});
|
|
32
|
+
TextSkeleton.displayName = 'Skeleton.Text';
|
|
33
|
+
export default TextSkeleton;
|
|
34
|
+
//# sourceMappingURL=TextSkeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextSkeleton.js","names":["React","forwardRef","useMemo","BaseSkeleton","StyledTextSkeleton","TextSkeleton","className","baseColor","highlightColor","style","borderRadius","animationType","width","lines","randomWithBounds","ref","renderedLines","Array","from","length","map","createElement","key","Math","random","as","floor","height","displayName"],"sources":["../../../../../../src/components/skeleton/variants/text-skeleton/TextSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { BaseSkeleton } from '../../base-skeleton/BaseSkeleton';\nimport { BaseSkeletonConfig } from '../../types';\nimport { StyledTextSkeleton } from './TextSkeleton.styles';\n\ninterface TextSkeletonProps extends BaseSkeletonConfig {\n width?: number | string;\n lines?: number;\n randomWithBounds?: [number, number];\n}\n\nconst TextSkeleton = forwardRef<HTMLDivElement, TextSkeletonProps>(\n (\n {\n className,\n baseColor,\n highlightColor,\n style,\n borderRadius,\n animationType,\n width = '100%',\n lines = 1,\n randomWithBounds,\n },\n ref,\n ) => {\n const renderedLines = useMemo(\n () =>\n Array.from({ length: lines }).map(() => (\n <BaseSkeleton\n key={Math.random()}\n as=\"p\"\n ref={ref}\n width={\n randomWithBounds\n ? `${Math.floor(Math.random() * (randomWithBounds[1] - randomWithBounds[0] + 1)) + randomWithBounds[0]}%`\n : width\n }\n height={0}\n borderRadius={borderRadius}\n animationType={animationType}\n baseColor={baseColor}\n className={className}\n style={style}\n highlightColor={highlightColor}\n >\n Pseudo Text\n </BaseSkeleton>\n )),\n [\n animationType,\n baseColor,\n borderRadius,\n className,\n highlightColor,\n lines,\n randomWithBounds,\n ref,\n style,\n width,\n ],\n );\n\n return <StyledTextSkeleton>{renderedLines}</StyledTextSkeleton>;\n },\n);\n\nTextSkeleton.displayName = 'Skeleton.Text';\n\nexport default TextSkeleton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,YAAY,QAAQ,kCAAkC;AAE/D,SAASC,kBAAkB,QAAQ,uBAAuB;AAQ1D,MAAMC,YAAY,gBAAGJ,UAAU,CAC3B,CACI;EACIK,SAAS;EACTC,SAAS;EACTC,cAAc;EACdC,KAAK;EACLC,YAAY;EACZC,aAAa;EACbC,KAAK,GAAG,MAAM;EACdC,KAAK,GAAG,CAAC;EACTC;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAMC,aAAa,GAAGd,OAAO,CACzB,MACIe,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEN;EAAM,CAAC,CAAC,CAACO,GAAG,CAAC,mBAC9BpB,KAAA,CAAAqB,aAAA,CAAClB,YAAY;IACTmB,GAAG,EAAEC,IAAI,CAACC,MAAM,CAAC,CAAE;IACnBC,EAAE,EAAC,GAAG;IACNV,GAAG,EAAEA,GAAI;IACTH,KAAK,EACDE,gBAAgB,GACV,GAAGS,IAAI,CAACG,KAAK,CAACH,IAAI,CAACC,MAAM,CAAC,CAAC,IAAIV,gBAAgB,CAAC,CAAC,CAAC,GAAGA,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAGA,gBAAgB,CAAC,CAAC,CAAC,GAAG,GACvGF,KACT;IACDe,MAAM,EAAE,CAAE;IACVjB,YAAY,EAAEA,YAAa;IAC3BC,aAAa,EAAEA,aAAc;IAC7BJ,SAAS,EAAEA,SAAU;IACrBD,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEA,KAAM;IACbD,cAAc,EAAEA;EAAe,GAClC,aAEa,CACjB,CAAC,EACN,CACIG,aAAa,EACbJ,SAAS,EACTG,YAAY,EACZJ,SAAS,EACTE,cAAc,EACdK,KAAK,EACLC,gBAAgB,EAChBC,GAAG,EACHN,KAAK,EACLG,KAAK,CAEb,CAAC;EAED,oBAAOZ,KAAA,CAAAqB,aAAA,CAACjB,kBAAkB,QAAEY,aAAkC,CAAC;AACnE,CACJ,CAAC;AAEDX,YAAY,CAACuB,WAAW,GAAG,eAAe;AAE1C,eAAevB,YAAY","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextSkeleton.styles.js","names":["styled","StyledTextSkeleton","div"],"sources":["../../../../../../src/components/skeleton/variants/text-skeleton/TextSkeleton.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTextSkeleton = styled.div`\n display: flex;\n flex-direction: column;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAAG;AAC5C;AACA;AACA,CAAC","ignoreList":[]}
|
package/lib/esm/index.js
CHANGED
|
@@ -79,4 +79,6 @@ export { isTobitEmployee } from './utils/isTobitEmployee';
|
|
|
79
79
|
export { getUsableHeight } from './utils/pageProvider';
|
|
80
80
|
export { uploadFile } from './utils/uploadFile';
|
|
81
81
|
export { ComboBoxSize } from './components/combobox/ComboBox.types';
|
|
82
|
+
export { default as Skeleton } from './components/skeleton';
|
|
83
|
+
export { SkeletonAnimationType } from './components/skeleton/types';
|
|
82
84
|
//# sourceMappingURL=index.js.map
|
package/lib/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","VerificationBadge","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","BadgeSize","BadgeDesign","useContainer","ContainerAnchor","DropdownDirection","useIsMeasuredClone","useCombinedRefs","Filter","AnimatedNumber","FileList","FileSelect","DropdownBodyWrapper","ComboBox","ContentCard","HighlightSlider","ContextMenu","ContextMenuAlignment","ExpandableContent","FileInput","STREAMINGSERVICE_FILE_TYPES","TSIMG_FILE_TYPES","FilterButton","FilterButtons","GridImage","GroupedImage","Icon","Input","InputSize","List","ListItemContent","ListItem","LIST_ITEM_MARKER","withListItemMarker","withListItemMarkerForwardRef","MentionFinder","MultiActionButton","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","PopupAlignment","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingContextMenu","SharingBar","SharingButton","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ContentCardType","isValidFileType","FilterButtonItemShape","FilterButtonSize","MultiActionButtonHeight","MultiActionButtonStatusType","ClampPosition","useIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile","ComboBoxSize"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n AreaContext,\n default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n default as ColorSchemeProvider,\n useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n ColorSchemeContextProps,\n WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n type SortItem,\n type SearchConfig,\n type SortConfig,\n type CheckboxConfig,\n type FilterButtonConfig,\n type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n default as FileList,\n type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n ContextMenuAlignment,\n type ContextMenuCoordinates,\n type ContextMenuItem,\n type ContextMenuProps,\n type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n default as FileInput,\n type FileInputRef,\n STREAMINGSERVICE_FILE_TYPES,\n TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n default as ListItem,\n type ListItemElements,\n type ListItemProps,\n type ListItemRef,\n type ListItemSize,\n} from './components/list/list-item/ListItem';\nexport {\n type ListItemMarkedForwardRefComponent,\n type ListItemMarkedComponent,\n type ListItemMetaProps,\n LIST_ITEM_MARKER,\n withListItemMarker,\n withListItemMarkerForwardRef,\n} from './components/list/list-item/ListItem.utils';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n default as RadioButtonGroup,\n type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n default as SmallWaitCursor,\n SmallWaitCursorSize,\n SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n ISearchBoxItem as SearchBoxItem,\n ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n type MultiActionButtonAction,\n type MultiActionButtonActionEvent,\n type MultiActionButtonActionStatus,\n MultiActionButtonHeight,\n type MultiActionButtonProps,\n type MultiActionButtonSecondaryContextMenu,\n MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n IComboBoxItem as ComboBoxItem,\n ComboBoxTextStyles,\n IComboBoxItems as ComboBoxItems,\n ComboBoxRef,\n} from './components/combobox/ComboBox.types';\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","VerificationBadge","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","BadgeSize","BadgeDesign","useContainer","ContainerAnchor","DropdownDirection","useIsMeasuredClone","useCombinedRefs","Filter","AnimatedNumber","FileList","FileSelect","DropdownBodyWrapper","ComboBox","ContentCard","HighlightSlider","ContextMenu","ContextMenuAlignment","ExpandableContent","FileInput","STREAMINGSERVICE_FILE_TYPES","TSIMG_FILE_TYPES","FilterButton","FilterButtons","GridImage","GroupedImage","Icon","Input","InputSize","List","ListItemContent","ListItem","LIST_ITEM_MARKER","withListItemMarker","withListItemMarkerForwardRef","MentionFinder","MultiActionButton","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","PopupAlignment","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingContextMenu","SharingBar","SharingButton","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ContentCardType","isValidFileType","FilterButtonItemShape","FilterButtonSize","MultiActionButtonHeight","MultiActionButtonStatusType","ClampPosition","useIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile","ComboBoxSize","Skeleton","SkeletonAnimationType"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n AreaContext,\n default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n default as ColorSchemeProvider,\n useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n ColorSchemeContextProps,\n WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n type SortItem,\n type SearchConfig,\n type SortConfig,\n type CheckboxConfig,\n type FilterButtonConfig,\n type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n default as FileList,\n type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n ContextMenuAlignment,\n type ContextMenuCoordinates,\n type ContextMenuItem,\n type ContextMenuProps,\n type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n default as FileInput,\n type FileInputRef,\n STREAMINGSERVICE_FILE_TYPES,\n TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n default as ListItem,\n type ListItemElements,\n type ListItemProps,\n type ListItemRef,\n type ListItemSize,\n} from './components/list/list-item/ListItem';\nexport {\n type ListItemMarkedForwardRefComponent,\n type ListItemMarkedComponent,\n type ListItemMetaProps,\n LIST_ITEM_MARKER,\n withListItemMarker,\n withListItemMarkerForwardRef,\n} from './components/list/list-item/ListItem.utils';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n default as RadioButtonGroup,\n type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n default as SmallWaitCursor,\n SmallWaitCursorSize,\n SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n ISearchBoxItem as SearchBoxItem,\n ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n type MultiActionButtonAction,\n type MultiActionButtonActionEvent,\n type MultiActionButtonActionStatus,\n MultiActionButtonHeight,\n type MultiActionButtonProps,\n type MultiActionButtonSecondaryContextMenu,\n MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n IComboBoxItem as ComboBoxItem,\n ComboBoxTextStyles,\n IComboBoxItems as ComboBoxItems,\n ComboBoxRef,\n} from './components/combobox/ComboBox.types';\nexport { default as Skeleton } from './components/skeleton';\nexport { SkeletonAnimationType } from './components/skeleton/types';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { ReactHTML, ReactNode } from 'react';
|
|
2
|
+
import { BaseSkeletonConfig } from '../types';
|
|
3
|
+
export interface BaseSkeletonProps extends BaseSkeletonConfig {
|
|
4
|
+
width: number | string;
|
|
5
|
+
height: number | string;
|
|
6
|
+
as?: keyof ReactHTML;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const BaseSkeleton: React.ForwardRefExoticComponent<BaseSkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export default BaseSkeleton;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
|
|
2
|
+
type StyledBaseSkeletonProps = WithTheme<{
|
|
3
|
+
$borderRadius: number | string;
|
|
4
|
+
$backgroundColor: string;
|
|
5
|
+
$width: number | string;
|
|
6
|
+
$height: number | string;
|
|
7
|
+
$shouldUseNativeTag: boolean;
|
|
8
|
+
}>;
|
|
9
|
+
export declare const StyledBaseSkeleton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBaseSkeletonProps>> & string;
|
|
10
|
+
type StyledMotionBaseSkeletonShimmerProps = WithTheme<{
|
|
11
|
+
$color: string;
|
|
12
|
+
}>;
|
|
13
|
+
export declare const StyledMotionBaseSkeletonShimmer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
14
|
+
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
|
|
15
|
+
}, StyledMotionBaseSkeletonShimmerProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof React.Component<any, {}, any>>;
|
|
16
|
+
type StyledMotionBaseSkeletonPulseProps = WithTheme<{
|
|
17
|
+
$color: string;
|
|
18
|
+
}>;
|
|
19
|
+
export declare const StyledMotionBaseSkeletonPulse: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
20
|
+
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
|
|
21
|
+
}, StyledMotionBaseSkeletonPulseProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof React.Component<any, {}, any>>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import SkeletonProvider from './skeleton-provider/SkeletonProvider';
|
|
2
|
+
import BoxSkeleton from './variants/box-skeleton/BoxSkeleton';
|
|
3
|
+
import CircleSkeleton from './variants/circle-skeleton/CircleSkeleton';
|
|
4
|
+
import { H1Skeleton, H2Skeleton, H3Skeleton, H4Skeleton, H5Skeleton, H6Skeleton } from './variants/headline-skeleton/HeadlineSkeleton';
|
|
5
|
+
import TextSkeleton from './variants/text-skeleton/TextSkeleton';
|
|
6
|
+
import ButtonSkeleton from './variants/button-skeleton/ButtonSkeleton';
|
|
7
|
+
import BadgeSkeleton from './variants/badge-skeleton/BadgeSkeleton';
|
|
8
|
+
import ListItemSkeleton from './variants/list-item-skeleton/ListItemSkeleton';
|
|
9
|
+
import AccordionSkeleton from './variants/accordion-skeleton/AccordionSkeleton';
|
|
10
|
+
interface SkeletonNamespace {
|
|
11
|
+
Config: typeof SkeletonProvider;
|
|
12
|
+
Box: typeof BoxSkeleton;
|
|
13
|
+
Circle: typeof CircleSkeleton;
|
|
14
|
+
H1: typeof H1Skeleton;
|
|
15
|
+
H2: typeof H2Skeleton;
|
|
16
|
+
H3: typeof H3Skeleton;
|
|
17
|
+
H4: typeof H4Skeleton;
|
|
18
|
+
H5: typeof H5Skeleton;
|
|
19
|
+
H6: typeof H6Skeleton;
|
|
20
|
+
Text: typeof TextSkeleton;
|
|
21
|
+
Button: typeof ButtonSkeleton;
|
|
22
|
+
Badge: typeof BadgeSkeleton;
|
|
23
|
+
ListItem: typeof ListItemSkeleton;
|
|
24
|
+
Accordion: typeof AccordionSkeleton;
|
|
25
|
+
}
|
|
26
|
+
declare const Skeleton: SkeletonNamespace;
|
|
27
|
+
export default Skeleton;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React, { FC, ReactNode } from 'react';
|
|
2
|
+
import { SkeletonAnimationType } from '../types';
|
|
3
|
+
import { MotionValue } from 'motion/react';
|
|
4
|
+
export interface ISkeletonContext {
|
|
5
|
+
animationType?: SkeletonAnimationType;
|
|
6
|
+
borderRadius?: number | string;
|
|
7
|
+
baseColor?: string;
|
|
8
|
+
highlightColor?: string;
|
|
9
|
+
progress?: MotionValue<number>;
|
|
10
|
+
}
|
|
11
|
+
export declare const SkeletonContext: React.Context<ISkeletonContext | undefined>;
|
|
12
|
+
export declare const useSkeletonConfig: ({ highlightColor, baseColor, animationType, borderRadius, }: ISkeletonContext) => {
|
|
13
|
+
animationType: SkeletonAnimationType;
|
|
14
|
+
borderRadius: string | number;
|
|
15
|
+
baseColor: string;
|
|
16
|
+
highlightColor: string;
|
|
17
|
+
progress: MotionValue<number>;
|
|
18
|
+
};
|
|
19
|
+
export declare const useSkeletonAnimation: () => {
|
|
20
|
+
opacity: MotionValue<number>;
|
|
21
|
+
x?: undefined;
|
|
22
|
+
} | {
|
|
23
|
+
x: MotionValue<string>;
|
|
24
|
+
opacity?: undefined;
|
|
25
|
+
};
|
|
26
|
+
export declare const useSkeletonContext: () => {
|
|
27
|
+
animationType: SkeletonAnimationType;
|
|
28
|
+
borderRadius: string | number;
|
|
29
|
+
baseColor: string;
|
|
30
|
+
highlightColor: string;
|
|
31
|
+
progress: MotionValue<number>;
|
|
32
|
+
};
|
|
33
|
+
export interface SkeletonProviderProps extends ISkeletonContext {
|
|
34
|
+
children: ReactNode;
|
|
35
|
+
}
|
|
36
|
+
declare const SkeletonProvider: FC<SkeletonProviderProps>;
|
|
37
|
+
export default SkeletonProvider;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
export declare enum SkeletonAnimationType {
|
|
3
|
+
SHIMMER = "SHIMMER",
|
|
4
|
+
PULSE = "PULSE",
|
|
5
|
+
NONE = "NONE"
|
|
6
|
+
}
|
|
7
|
+
export interface BaseSkeletonConfig {
|
|
8
|
+
animationType?: SkeletonAnimationType;
|
|
9
|
+
borderRadius?: number | string;
|
|
10
|
+
baseColor?: string;
|
|
11
|
+
highlightColor?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: CSSProperties;
|
|
14
|
+
}
|
package/lib/types/components/skeleton/variants/accordion-skeleton/AccordionSkeleton.styles.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledAccordionSkeleton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseSkeletonConfig } from '../../types';
|
|
3
|
+
interface BadgeSkeletonProps extends BaseSkeletonConfig {
|
|
4
|
+
width: number | string;
|
|
5
|
+
}
|
|
6
|
+
declare const BadgeSkeleton: React.ForwardRefExoticComponent<Omit<BadgeSkeletonProps, "borderRadius"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export default BadgeSkeleton;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseSkeletonConfig } from '../../types';
|
|
3
|
+
interface BoxSkeletonProps extends BaseSkeletonConfig {
|
|
4
|
+
height: number | string;
|
|
5
|
+
width: number | string;
|
|
6
|
+
}
|
|
7
|
+
declare const BoxSkeleton: React.ForwardRefExoticComponent<BoxSkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export default BoxSkeleton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseSkeletonConfig } from '../../types';
|
|
3
|
+
interface ButtonSkeletonProps extends BaseSkeletonConfig {
|
|
4
|
+
shouldRoundCorners?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const ButtonSkeleton: React.ForwardRefExoticComponent<Omit<ButtonSkeletonProps, "borderRadius"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export default ButtonSkeleton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseSkeletonConfig } from '../../types';
|
|
3
|
+
interface CircleSkeletonProps extends BaseSkeletonConfig {
|
|
4
|
+
size: number;
|
|
5
|
+
}
|
|
6
|
+
declare const CircleSkeleton: React.ForwardRefExoticComponent<Omit<CircleSkeletonProps, "borderRadius"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export default CircleSkeleton;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseSkeletonConfig } from '../../types';
|
|
3
|
+
interface HeadlineSkeletonProps extends BaseSkeletonConfig {
|
|
4
|
+
width?: number | string;
|
|
5
|
+
}
|
|
6
|
+
export declare const H1Skeleton: React.ForwardRefExoticComponent<HeadlineSkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export declare const H2Skeleton: React.ForwardRefExoticComponent<HeadlineSkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export declare const H3Skeleton: React.ForwardRefExoticComponent<HeadlineSkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export declare const H4Skeleton: React.ForwardRefExoticComponent<HeadlineSkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export declare const H5Skeleton: React.ForwardRefExoticComponent<HeadlineSkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export declare const H6Skeleton: React.ForwardRefExoticComponent<HeadlineSkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export {};
|
package/lib/types/components/skeleton/variants/list-item-skeleton/ListItemSkeleton.styles.d.ts
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const StyledListItemSkeleton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const StyledListItemSkeletonBars: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseSkeletonConfig } from '../../types';
|
|
3
|
+
interface TextSkeletonProps extends BaseSkeletonConfig {
|
|
4
|
+
width?: number | string;
|
|
5
|
+
lines?: number;
|
|
6
|
+
randomWithBounds?: [number, number];
|
|
7
|
+
}
|
|
8
|
+
declare const TextSkeleton: React.ForwardRefExoticComponent<TextSkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export default TextSkeleton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledTextSkeleton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
package/lib/types/index.d.ts
CHANGED
|
@@ -98,3 +98,5 @@ export { uploadFile } from './utils/uploadFile';
|
|
|
98
98
|
export type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';
|
|
99
99
|
export { ComboBoxSize } from './components/combobox/ComboBox.types';
|
|
100
100
|
export type { IComboBoxItem as ComboBoxItem, ComboBoxTextStyles, IComboBoxItems as ComboBoxItems, ComboBoxRef, } from './components/combobox/ComboBox.types';
|
|
101
|
+
export { default as Skeleton } from './components/skeleton';
|
|
102
|
+
export { SkeletonAnimationType } from './components/skeleton/types';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/core",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.2.0",
|
|
4
4
|
"description": "A set of beautiful React components for developing your own applications with chayns.",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"browserslist": [
|
|
@@ -88,5 +88,5 @@
|
|
|
88
88
|
"publishConfig": {
|
|
89
89
|
"access": "public"
|
|
90
90
|
},
|
|
91
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "82de2d58db2a74db0a79e51bf153e49da5061fd4"
|
|
92
92
|
}
|