@digigov/react-core 2.0.0-a402a664 → 2.0.0-aa380ec7
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/AccordionSectionSummaryHeading/index.d.ts +1 -0
- package/AccordionSectionSummaryHeading/index.js +3 -2
- package/AccordionSectionSummaryHeading/index.js.map +2 -2
- package/BannerContainer/index.js +1 -1
- package/BannerContainer/index.js.map +2 -2
- package/{CircularProgress → CircularProgressBase}/index.d.ts +5 -5
- package/{CircularProgress → CircularProgressBase}/index.js +4 -4
- package/CircularProgressBase/index.js.map +7 -0
- package/{CircularProgress → CircularProgressBase}/package.json +1 -1
- package/DetailsContent/index.d.ts +1 -0
- package/DetailsContent/index.js +3 -2
- package/DetailsContent/index.js.map +2 -2
- package/Grid/index.d.ts +1 -7
- package/Grid/index.js.map +2 -2
- package/SummaryList/index.d.ts +10 -2
- package/SummaryList/index.js +10 -2
- package/SummaryList/index.js.map +2 -2
- package/SummaryListItem/index.js +1 -1
- package/SummaryListItem/index.js.map +2 -2
- package/SummaryListItemKey/index.d.ts +14 -0
- package/SummaryListItemKey/index.js +14 -2
- package/SummaryListItemKey/index.js.map +2 -2
- package/SummaryListItemValue/index.d.ts +14 -0
- package/SummaryListItemValue/index.js +11 -2
- package/SummaryListItemValue/index.js.map +2 -2
- package/TableDataCell/index.d.ts +9 -0
- package/TableDataCell/index.js +8 -1
- package/TableDataCell/index.js.map +2 -2
- package/cjs/AccordionSectionSummaryHeading/index.js +3 -2
- package/cjs/AccordionSectionSummaryHeading/index.js.map +2 -2
- package/cjs/BannerContainer/index.js +1 -1
- package/cjs/BannerContainer/index.js.map +2 -2
- package/cjs/{CircularProgress → CircularProgressBase}/index.js +8 -8
- package/cjs/CircularProgressBase/index.js.map +7 -0
- package/cjs/DetailsContent/index.js +3 -2
- package/cjs/DetailsContent/index.js.map +2 -2
- package/cjs/Grid/index.js.map +2 -2
- package/cjs/SummaryList/index.js +10 -2
- package/cjs/SummaryList/index.js.map +2 -2
- package/cjs/SummaryListItem/index.js +1 -1
- package/cjs/SummaryListItem/index.js.map +2 -2
- package/cjs/SummaryListItemKey/index.js +14 -2
- package/cjs/SummaryListItemKey/index.js.map +3 -3
- package/cjs/SummaryListItemValue/index.js +11 -2
- package/cjs/SummaryListItemValue/index.js.map +3 -3
- package/cjs/TableDataCell/index.js +8 -1
- package/cjs/TableDataCell/index.js.map +3 -3
- package/cjs/index.js +2 -2
- package/cjs/index.js.map +2 -2
- package/cjs/lazy/index.js +1 -1
- package/cjs/lazy.js.map +2 -2
- package/cjs/registry/index.js +4 -4
- package/cjs/registry.js.map +2 -2
- package/index.d.ts +1 -1
- package/index.js +2 -2
- package/index.js.map +1 -1
- package/lazy/index.js +1 -1
- package/package.json +3 -3
- package/registry/index.js +4 -4
- package/src/AccordionSectionSummaryHeading/index.tsx +9 -2
- package/src/BannerContainer/__snapshots__/index.test.tsx.snap +1 -1
- package/src/BannerContainer/index.tsx +1 -1
- package/src/{CircularProgress → CircularProgressBase}/__snapshots__/index.test.tsx.snap +6 -6
- package/src/CircularProgressBase/index.test.tsx +38 -0
- package/src/{CircularProgress → CircularProgressBase}/index.tsx +7 -7
- package/src/DetailsContent/index.tsx +11 -2
- package/src/Grid/index.tsx +1 -7
- package/src/SummaryList/__snapshots__/index.test.tsx.snap +36 -0
- package/src/SummaryList/index.test.tsx +15 -0
- package/src/SummaryList/index.tsx +20 -3
- package/src/SummaryListItem/index.tsx +1 -1
- package/src/SummaryListItemKey/__snapshots__/index.test.tsx.snap +70 -0
- package/src/SummaryListItemKey/index.test.tsx +29 -0
- package/src/SummaryListItemKey/index.tsx +29 -1
- package/src/SummaryListItemValue/__snapshots__/index.test.tsx.snap +34 -0
- package/src/SummaryListItemValue/index.test.tsx +14 -0
- package/src/SummaryListItemValue/index.tsx +30 -2
- package/src/TableDataCell/__snapshots__/index.test.tsx.snap +77 -0
- package/src/TableDataCell/index.test.tsx +42 -0
- package/src/TableDataCell/index.tsx +33 -0
- package/src/TableRow/__snapshots__/index.test.tsx.snap +1 -1
- package/src/TableRow/index.test.tsx +1 -1
- package/src/index.ts +1 -1
- package/src/lazy.js +1 -1
- package/src/registry.js +4 -4
- package/CircularProgress/index.js.map +0 -7
- package/cjs/CircularProgress/index.js.map +0 -7
- package/src/CircularProgress/index.test.tsx +0 -34
- /package/{CircularProgress → CircularProgressBase}/index.test.d.ts +0 -0
|
@@ -33,3 +33,45 @@ it('renders the Table with dataType numeric prop', () => {
|
|
|
33
33
|
).baseElement
|
|
34
34
|
).toMatchSnapshot();
|
|
35
35
|
});
|
|
36
|
+
|
|
37
|
+
it('renders the Table with variant border prop', () => {
|
|
38
|
+
expect(
|
|
39
|
+
render(
|
|
40
|
+
<Table>
|
|
41
|
+
<TableBody>
|
|
42
|
+
<TableRow>
|
|
43
|
+
<TableDataCell variant="border">hello</TableDataCell>
|
|
44
|
+
</TableRow>
|
|
45
|
+
</TableBody>
|
|
46
|
+
</Table>
|
|
47
|
+
).baseElement
|
|
48
|
+
).toMatchSnapshot();
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
it('renders the Table with wordBreak break-all prop', () => {
|
|
52
|
+
expect(
|
|
53
|
+
render(
|
|
54
|
+
<Table>
|
|
55
|
+
<TableBody>
|
|
56
|
+
<TableRow>
|
|
57
|
+
<TableDataCell wordBreak="break-all">hello</TableDataCell>
|
|
58
|
+
</TableRow>
|
|
59
|
+
</TableBody>
|
|
60
|
+
</Table>
|
|
61
|
+
).baseElement
|
|
62
|
+
).toMatchSnapshot();
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
it('renders the Table with highlight warning prop', () => {
|
|
66
|
+
expect(
|
|
67
|
+
render(
|
|
68
|
+
<Table>
|
|
69
|
+
<TableBody>
|
|
70
|
+
<TableRow>
|
|
71
|
+
<TableDataCell highlight="warning">hello</TableDataCell>
|
|
72
|
+
</TableRow>
|
|
73
|
+
</TableBody>
|
|
74
|
+
</Table>
|
|
75
|
+
).baseElement
|
|
76
|
+
).toMatchSnapshot();
|
|
77
|
+
});
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import Base, { BaseProps } from '@digigov/react-core/Base';
|
|
4
|
+
import VisuallyHidden from '@digigov/react-core/VisuallyHidden';
|
|
4
5
|
// import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';
|
|
5
6
|
|
|
6
7
|
export interface TableDataCellProps extends BaseProps<'td'> {
|
|
@@ -26,6 +27,23 @@ export interface TableDataCellProps extends BaseProps<'td'> {
|
|
|
26
27
|
* Use this prop to control the word break of the table-cell contents.
|
|
27
28
|
*/
|
|
28
29
|
wordBreak?: 'break-all' | 'none';
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* highlight is optional.
|
|
33
|
+
* Add the highlight prop to add a highlight line on the left of the row.
|
|
34
|
+
* @value 'warning' warning highlight line
|
|
35
|
+
* @value 'error' error highlight line
|
|
36
|
+
* @default undefined
|
|
37
|
+
*/
|
|
38
|
+
highlight?: 'warning' | 'error';
|
|
39
|
+
|
|
40
|
+
/*
|
|
41
|
+
* highlightAssistiveText is optional.
|
|
42
|
+
* Use this prop to add assistive text for screen readers when the highlight prop is used.
|
|
43
|
+
* This text will be visually hidden.
|
|
44
|
+
* @default undefined
|
|
45
|
+
*/
|
|
46
|
+
highlightAssistiveText?: string;
|
|
29
47
|
}
|
|
30
48
|
/**
|
|
31
49
|
* Use TableDataCell inside the Table component to fill the data of a cell in a table.
|
|
@@ -38,12 +56,22 @@ export const TableDataCell = React.forwardRef<
|
|
|
38
56
|
dataType = 'text',
|
|
39
57
|
variant = 'border',
|
|
40
58
|
wordBreak = 'none',
|
|
59
|
+
highlight,
|
|
60
|
+
highlightAssistiveText,
|
|
41
61
|
className,
|
|
42
62
|
children,
|
|
43
63
|
...props
|
|
44
64
|
},
|
|
45
65
|
ref
|
|
46
66
|
) {
|
|
67
|
+
const calculatedHighlightAssistiveText =
|
|
68
|
+
highlightAssistiveText ||
|
|
69
|
+
(highlight === 'warning'
|
|
70
|
+
? 'Προσοχή'
|
|
71
|
+
: highlight === 'error'
|
|
72
|
+
? 'Λανθασμένο πεδίο'
|
|
73
|
+
: undefined);
|
|
74
|
+
|
|
47
75
|
return (
|
|
48
76
|
<Base
|
|
49
77
|
as="td"
|
|
@@ -53,9 +81,14 @@ export const TableDataCell = React.forwardRef<
|
|
|
53
81
|
'ds-table__cell--border': variant === 'border',
|
|
54
82
|
'ds-table__cell--break-all': wordBreak === 'break-all',
|
|
55
83
|
'ds-table__cell--numeric': dataType === 'numeric',
|
|
84
|
+
'ds-table__cell--warning': highlight === 'warning',
|
|
85
|
+
'ds-table__cell--error': highlight === 'error',
|
|
56
86
|
})}
|
|
57
87
|
{...props}
|
|
58
88
|
>
|
|
89
|
+
{calculatedHighlightAssistiveText && (
|
|
90
|
+
<VisuallyHidden>{calculatedHighlightAssistiveText}</VisuallyHidden>
|
|
91
|
+
)}
|
|
59
92
|
{children}
|
|
60
93
|
</Base>
|
|
61
94
|
);
|
package/src/index.ts
CHANGED
|
@@ -190,7 +190,7 @@ export * from '@digigov/react-core/PaginationList';
|
|
|
190
190
|
export * from '@digigov/react-core/PaginationListItem';
|
|
191
191
|
export * from '@digigov/react-core/PaginationLabelContainer';
|
|
192
192
|
export * from '@digigov/react-core/LoaderContainer';
|
|
193
|
-
export * from '@digigov/react-core/
|
|
193
|
+
export * from '@digigov/react-core/CircularProgressBase';
|
|
194
194
|
export * from '@digigov/react-core/FullPageBackground';
|
|
195
195
|
export * from '@digigov/react-core/StepNavCircleNumber';
|
|
196
196
|
export * from '@digigov/react-core/StepNav';
|
package/src/lazy.js
CHANGED
|
@@ -191,7 +191,7 @@ export default {
|
|
|
191
191
|
'PaginationListItem': lazy(() => import('@digigov/react-core/PaginationListItem').then((module) => ({ default: module['PaginationListItem'] }))),
|
|
192
192
|
'PaginationLabelContainer': lazy(() => import('@digigov/react-core/PaginationLabelContainer').then((module) => ({ default: module['PaginationLabelContainer'] }))),
|
|
193
193
|
'LoaderContainer': lazy(() => import('@digigov/react-core/LoaderContainer').then((module) => ({ default: module['LoaderContainer'] }))),
|
|
194
|
-
'
|
|
194
|
+
'CircularProgressBase': lazy(() => import('@digigov/react-core/CircularProgressBase').then((module) => ({ default: module['CircularProgressBase'] }))),
|
|
195
195
|
'FullPageBackground': lazy(() => import('@digigov/react-core/FullPageBackground').then((module) => ({ default: module['FullPageBackground'] }))),
|
|
196
196
|
'StepNavCircleNumber': lazy(() => import('@digigov/react-core/StepNavCircleNumber').then((module) => ({ default: module['StepNavCircleNumber'] }))),
|
|
197
197
|
'StepNav': lazy(() => import('@digigov/react-core/StepNav').then((module) => ({ default: module['StepNav'] }))),
|
package/src/registry.js
CHANGED
|
@@ -3,9 +3,9 @@ import * as _digigov_react_core from "@digigov/react-core";
|
|
|
3
3
|
import * as _digigov_react_core_Accordion from "@digigov/react-core/Accordion";
|
|
4
4
|
import * as _digigov_react_core_Accordion_index_web from "@digigov/react-core/Accordion/index.web";
|
|
5
5
|
import * as _digigov_react_core_AccordionControls from "@digigov/react-core/AccordionControls";
|
|
6
|
-
import * as _digigov_react_core_AccordionSectionContent from "@digigov/react-core/AccordionSectionContent";
|
|
7
6
|
import * as _digigov_react_core_AccordionSection from "@digigov/react-core/AccordionSection";
|
|
8
7
|
import * as _digigov_react_core_AccordionSection_index_web from "@digigov/react-core/AccordionSection/index.web";
|
|
8
|
+
import * as _digigov_react_core_AccordionSectionContent from "@digigov/react-core/AccordionSectionContent";
|
|
9
9
|
import * as _digigov_react_core_AccordionSectionSummary from "@digigov/react-core/AccordionSectionSummary";
|
|
10
10
|
import * as _digigov_react_core_AccordionSectionSummaryHeading from "@digigov/react-core/AccordionSectionSummaryHeading";
|
|
11
11
|
import * as _digigov_react_core_AdminAside from "@digigov/react-core/AdminAside";
|
|
@@ -60,7 +60,7 @@ import * as _digigov_react_core_ChipContainer from "@digigov/react-core/ChipCont
|
|
|
60
60
|
import * as _digigov_react_core_ChipHeading from "@digigov/react-core/ChipHeading";
|
|
61
61
|
import * as _digigov_react_core_ChipKeyValue from "@digigov/react-core/ChipKeyValue";
|
|
62
62
|
import * as _digigov_react_core_ChoiceDividerText from "@digigov/react-core/ChoiceDividerText";
|
|
63
|
-
import * as
|
|
63
|
+
import * as _digigov_react_core_CircularProgressBase from "@digigov/react-core/CircularProgressBase";
|
|
64
64
|
import * as _digigov_react_core_CloseButton from "@digigov/react-core/CloseButton";
|
|
65
65
|
import * as _digigov_react_core_Code from "@digigov/react-core/Code";
|
|
66
66
|
import * as _digigov_react_core_CodeBlockContainer from "@digigov/react-core/CodeBlockContainer";
|
|
@@ -286,9 +286,9 @@ export default {
|
|
|
286
286
|
'@digigov/react-core/Accordion': lazyImport(_digigov_react_core_Accordion),
|
|
287
287
|
'@digigov/react-core/Accordion/index.web': lazyImport(_digigov_react_core_Accordion_index_web),
|
|
288
288
|
'@digigov/react-core/AccordionControls': lazyImport(_digigov_react_core_AccordionControls),
|
|
289
|
-
'@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
|
|
290
289
|
'@digigov/react-core/AccordionSection': lazyImport(_digigov_react_core_AccordionSection),
|
|
291
290
|
'@digigov/react-core/AccordionSection/index.web': lazyImport(_digigov_react_core_AccordionSection_index_web),
|
|
291
|
+
'@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
|
|
292
292
|
'@digigov/react-core/AccordionSectionSummary': lazyImport(_digigov_react_core_AccordionSectionSummary),
|
|
293
293
|
'@digigov/react-core/AccordionSectionSummaryHeading': lazyImport(_digigov_react_core_AccordionSectionSummaryHeading),
|
|
294
294
|
'@digigov/react-core/AdminAside': lazyImport(_digigov_react_core_AdminAside),
|
|
@@ -343,7 +343,7 @@ export default {
|
|
|
343
343
|
'@digigov/react-core/ChipHeading': lazyImport(_digigov_react_core_ChipHeading),
|
|
344
344
|
'@digigov/react-core/ChipKeyValue': lazyImport(_digigov_react_core_ChipKeyValue),
|
|
345
345
|
'@digigov/react-core/ChoiceDividerText': lazyImport(_digigov_react_core_ChoiceDividerText),
|
|
346
|
-
'@digigov/react-core/
|
|
346
|
+
'@digigov/react-core/CircularProgressBase': lazyImport(_digigov_react_core_CircularProgressBase),
|
|
347
347
|
'@digigov/react-core/CloseButton': lazyImport(_digigov_react_core_CloseButton),
|
|
348
348
|
'@digigov/react-core/Code': lazyImport(_digigov_react_core_Code),
|
|
349
349
|
'@digigov/react-core/CodeBlockContainer': lazyImport(_digigov_react_core_CodeBlockContainer),
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/CircularProgress/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CircularProgressProps extends BaseProps<'svg'> {\n /**\n * color prop is optional.\n * color prop is used to change the color of the loader.\n * @value 'primary' is the default color.\n * @value 'secondary' recommended for dark backgrounds.\n * @default 'primary'\n */\n color?: 'primary' | 'secondary';\n /**\n * size prop is optional.\n * size prop is used to change the size of the loader.\n * @value 'sm'\n * @value 'md'\n * @value 'lg'\n * @default 'md'\n */\n size?: 'sm' | 'md' | 'lg';\n}\n/**\n * Use CircularProgress component as an animated loader.\n * CircularProgress can be used inside LoaderContainer component.\n */\nexport const CircularProgress = React.forwardRef<\n SVGSVGElement,\n CircularProgressProps\n>(function CircularProgress(\n { color = 'primary', size = 'md', className, ...props },\n ref\n) {\n return (\n <Base\n as=\"svg\"\n ref={ref}\n className={clsx(className, {\n 'ds-circular-progress': true,\n 'ds-circular-progress--secondary': color === 'secondary',\n 'ds-circular-progress--sm': size === 'sm',\n 'ds-circular-progress--md': size === 'md',\n 'ds-circular-progress--lg': size === 'lg',\n })}\n focusable=\"false\"\n viewBox=\"0 0 200 200\"\n aria-hidden=\"true\"\n {...props}\n >\n <path\n className=\"ds-circular-progress__circle ds-circular-progress__circle--1\"\n d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n />\n <path\n className=\"ds-circular-progress__circle ds-circular-progress__circle--2\"\n d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n />\n </Base>\n );\n});\n\nexport default CircularProgress;\n"],
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAyBzB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBACT,EAAE,QAAQ,WAAW,OAAO,MAAM,WAAW,GAAG,MAAM,GACtD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,mCAAmC,UAAU;AAAA,QAC7C,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,MACvC,CAAC;AAAA,MACD,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,eAAY;AAAA,MACX,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
|
|
6
|
-
"names": ["CircularProgress"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/CircularProgress/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CircularProgressProps extends BaseProps<'svg'> {\n /**\n * color prop is optional.\n * color prop is used to change the color of the loader.\n * @value 'primary' is the default color.\n * @value 'secondary' recommended for dark backgrounds.\n * @default 'primary'\n */\n color?: 'primary' | 'secondary';\n /**\n * size prop is optional.\n * size prop is used to change the size of the loader.\n * @value 'sm'\n * @value 'md'\n * @value 'lg'\n * @default 'md'\n */\n size?: 'sm' | 'md' | 'lg';\n}\n/**\n * Use CircularProgress component as an animated loader.\n * CircularProgress can be used inside LoaderContainer component.\n */\nexport const CircularProgress = React.forwardRef<\n SVGSVGElement,\n CircularProgressProps\n>(function CircularProgress(\n { color = 'primary', size = 'md', className, ...props },\n ref\n) {\n return (\n <Base\n as=\"svg\"\n ref={ref}\n className={clsx(className, {\n 'ds-circular-progress': true,\n 'ds-circular-progress--secondary': color === 'secondary',\n 'ds-circular-progress--sm': size === 'sm',\n 'ds-circular-progress--md': size === 'md',\n 'ds-circular-progress--lg': size === 'lg',\n })}\n focusable=\"false\"\n viewBox=\"0 0 200 200\"\n aria-hidden=\"true\"\n {...props}\n >\n <path\n className=\"ds-circular-progress__circle ds-circular-progress__circle--1\"\n d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n />\n <path\n className=\"ds-circular-progress__circle ds-circular-progress__circle--2\"\n d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n />\n </Base>\n );\n});\n\nexport default CircularProgress;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAyBzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBACT,EAAE,QAAQ,WAAW,OAAO,MAAM,WAAW,GAAG,MAAM,GACtD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,mCAAmC,UAAU;AAAA,QAC7C,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,MACvC,CAAC;AAAA,MACD,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,eAAY;AAAA,MACX,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,IACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
|
|
6
|
-
"names": ["React", "CircularProgress", "Base", "clsx"]
|
|
7
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
3
|
-
|
|
4
|
-
import CircularProgress from '@digigov/react-core/CircularProgress';
|
|
5
|
-
|
|
6
|
-
it('renders the CircularProgress', () => {
|
|
7
|
-
expect(render(<CircularProgress />).baseElement).toMatchSnapshot();
|
|
8
|
-
});
|
|
9
|
-
|
|
10
|
-
it('renders the CircularProgress with size sm', () => {
|
|
11
|
-
expect(render(<CircularProgress size="sm" />).baseElement).toMatchSnapshot();
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
it('renders the CircularProgress with size lg', () => {
|
|
15
|
-
expect(render(<CircularProgress size="lg" />).baseElement).toMatchSnapshot();
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
it('renders the CircularProgress with color=secondary prop', () => {
|
|
19
|
-
expect(
|
|
20
|
-
render(<CircularProgress color={'secondary'} />).baseElement
|
|
21
|
-
).toMatchSnapshot();
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
it('renders the CircularProgress with color=secondary and size sm props', () => {
|
|
25
|
-
expect(
|
|
26
|
-
render(<CircularProgress color={'secondary'} size="sm" />).baseElement
|
|
27
|
-
).toMatchSnapshot();
|
|
28
|
-
});
|
|
29
|
-
|
|
30
|
-
it('renders the CircularProgress with color=secondary and size lg props', () => {
|
|
31
|
-
expect(
|
|
32
|
-
render(<CircularProgress color={'secondary'} size="lg" />).baseElement
|
|
33
|
-
).toMatchSnapshot();
|
|
34
|
-
});
|
|
File without changes
|