@popsure/dirty-swan 0.32.0 → 0.33.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +62 -14
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/downloadButton/index.d.ts +3 -3
- package/dist/cjs/lib/components/downloadButton/index.stories.d.ts +36 -0
- package/dist/cjs/lib/components/input/checkbox/index.d.ts +17 -0
- package/dist/cjs/lib/components/input/checkbox/index.stories.d.ts +64 -0
- package/dist/cjs/lib/components/input/checkbox/index.test.d.ts +1 -0
- package/dist/cjs/lib/components/markdown/index.d.ts +9 -8
- package/dist/cjs/lib/components/markdown/index.stories.d.ts +44 -0
- package/dist/cjs/lib/components/signaturePad/index.d.ts +4 -4
- package/dist/cjs/lib/components/signaturePad/index.stories.d.ts +21 -0
- package/dist/cjs/lib/index.d.ts +5 -4
- package/dist/esm/components/downloadButton/index.js +1 -1
- package/dist/esm/components/downloadButton/index.js.map +1 -1
- package/dist/esm/components/downloadButton/index.stories.js +47 -0
- package/dist/esm/components/downloadButton/index.stories.js.map +1 -0
- package/dist/esm/components/input/checkbox/index.js +53 -0
- package/dist/esm/components/input/checkbox/index.js.map +1 -0
- package/dist/esm/components/input/checkbox/index.stories.js +153 -0
- package/dist/esm/components/input/checkbox/index.stories.js.map +1 -0
- package/dist/esm/components/input/checkbox/index.test.js +105 -0
- package/dist/esm/components/input/checkbox/index.test.js.map +1 -0
- package/dist/esm/components/markdown/index.js +1 -1
- package/dist/esm/components/markdown/index.js.map +1 -1
- package/dist/esm/components/markdown/index.stories.js +66 -0
- package/dist/esm/components/markdown/index.stories.js.map +1 -0
- package/dist/esm/components/signaturePad/index.js +14 -14
- package/dist/esm/components/signaturePad/index.js.map +1 -1
- package/dist/esm/components/signaturePad/index.stories.js +33 -0
- package/dist/esm/components/signaturePad/index.stories.js.map +1 -0
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +4 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/downloadButton/index.d.ts +3 -3
- package/dist/esm/lib/components/downloadButton/index.stories.d.ts +36 -0
- package/dist/esm/lib/components/input/checkbox/index.d.ts +17 -0
- package/dist/esm/lib/components/input/checkbox/index.stories.d.ts +64 -0
- package/dist/esm/lib/components/input/checkbox/index.test.d.ts +1 -0
- package/dist/esm/lib/components/markdown/index.d.ts +9 -8
- package/dist/esm/lib/components/markdown/index.stories.d.ts +44 -0
- package/dist/esm/lib/components/signaturePad/index.d.ts +4 -4
- package/dist/esm/lib/components/signaturePad/index.stories.d.ts +21 -0
- package/dist/esm/lib/index.d.ts +5 -4
- package/dist/index.css +4 -0
- package/dist/index.css.map +1 -1
- package/dist/lib/scss/private/components/_input.scss +4 -0
- package/package.json +1 -1
- package/src/App.tsx +1 -1
- package/src/index.tsx +1 -0
- package/src/lib/components/downloadButton/index.stories.tsx +58 -0
- package/src/lib/components/downloadButton/index.tsx +3 -3
- package/src/lib/components/input/checkbox/index.stories.tsx +214 -0
- package/src/lib/components/input/checkbox/index.test.tsx +110 -0
- package/src/lib/components/input/checkbox/index.tsx +129 -0
- package/src/lib/components/markdown/index.stories.tsx +131 -0
- package/src/lib/components/markdown/index.tsx +11 -9
- package/src/lib/components/signaturePad/index.stories.tsx +35 -0
- package/src/lib/components/signaturePad/index.tsx +6 -6
- package/src/lib/index.tsx +5 -3
- package/src/lib/scss/private/components/_input.scss +4 -0
- package/src/lib/components/downloadButton/index.stories.mdx +0 -59
- package/src/lib/components/markdown/example.md +0 -78
- package/src/lib/components/markdown/index.stories.mdx +0 -22
- package/src/lib/components/signaturePad/index.stories.mdx +0 -17
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { b as __awaiter, c as __generator } from '../../../tslib.es6-5bc94358.js';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { c as customRender } from '../../../customRender-4157fcff.js';
|
|
4
|
+
import { Checkbox } from './index.js';
|
|
5
|
+
import 'react';
|
|
6
|
+
import 'react-dom';
|
|
7
|
+
import '../../../_commonjsHelpers-e7f67fd8.js';
|
|
8
|
+
import 'react-dom/test-utils';
|
|
9
|
+
import '../../../index-e9e37a34.js';
|
|
10
|
+
|
|
11
|
+
var mockOnChange = jest.fn();
|
|
12
|
+
var setup = function (onChange, value) {
|
|
13
|
+
var utils = customRender(jsx(Checkbox, { options: {
|
|
14
|
+
CAT: 'Cat',
|
|
15
|
+
DOG: 'Dog',
|
|
16
|
+
NONE: 'None',
|
|
17
|
+
}, onChange: onChange, value: value }, void 0));
|
|
18
|
+
return utils;
|
|
19
|
+
};
|
|
20
|
+
describe('Checkbox component', function () {
|
|
21
|
+
it('Should render options', function () {
|
|
22
|
+
var getByText = setup(mockOnChange).getByText;
|
|
23
|
+
expect(getByText('Cat')).toBeInTheDocument();
|
|
24
|
+
expect(getByText('Dog')).toBeInTheDocument();
|
|
25
|
+
expect(getByText('None')).toBeInTheDocument();
|
|
26
|
+
});
|
|
27
|
+
it('Should call onchange on selecting an option', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
28
|
+
var _a, getByTestId, user;
|
|
29
|
+
return __generator(this, function (_b) {
|
|
30
|
+
switch (_b.label) {
|
|
31
|
+
case 0:
|
|
32
|
+
_a = setup(mockOnChange), getByTestId = _a.getByTestId, user = _a.user;
|
|
33
|
+
return [4 /*yield*/, user.click(getByTestId('checkbox-DOG'))];
|
|
34
|
+
case 1:
|
|
35
|
+
_b.sent();
|
|
36
|
+
expect(mockOnChange).toBeCalledWith(["DOG"]);
|
|
37
|
+
return [2 /*return*/];
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
}); });
|
|
41
|
+
it('Should render checked items when value is passed', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
42
|
+
var getByTestId;
|
|
43
|
+
return __generator(this, function (_a) {
|
|
44
|
+
getByTestId = setup(mockOnChange, ['CAT']).getByTestId;
|
|
45
|
+
expect(getByTestId('checkbox-input-CAT')).toBeChecked();
|
|
46
|
+
return [2 /*return*/];
|
|
47
|
+
});
|
|
48
|
+
}); });
|
|
49
|
+
it('Should call onchange with NONE and removing other items on selecting NONE option', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
50
|
+
var _a, getByTestId, user;
|
|
51
|
+
return __generator(this, function (_b) {
|
|
52
|
+
switch (_b.label) {
|
|
53
|
+
case 0:
|
|
54
|
+
_a = setup(mockOnChange, ['CAT', 'DOG']), getByTestId = _a.getByTestId, user = _a.user;
|
|
55
|
+
return [4 /*yield*/, user.click(getByTestId('checkbox-NONE'))];
|
|
56
|
+
case 1:
|
|
57
|
+
_b.sent();
|
|
58
|
+
expect(mockOnChange).toBeCalledWith(["NONE"]);
|
|
59
|
+
return [2 /*return*/];
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
}); });
|
|
63
|
+
it('Should call onchange empty when removing NONE option', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
64
|
+
var _a, getByTestId, user;
|
|
65
|
+
return __generator(this, function (_b) {
|
|
66
|
+
switch (_b.label) {
|
|
67
|
+
case 0:
|
|
68
|
+
_a = setup(mockOnChange, ['NONE']), getByTestId = _a.getByTestId, user = _a.user;
|
|
69
|
+
return [4 /*yield*/, user.click(getByTestId('checkbox-NONE'))];
|
|
70
|
+
case 1:
|
|
71
|
+
_b.sent();
|
|
72
|
+
expect(mockOnChange).toBeCalledWith([]);
|
|
73
|
+
return [2 /*return*/];
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
}); });
|
|
77
|
+
it('Should render custom description', function () {
|
|
78
|
+
var getByText = customRender(jsx(Checkbox, { options: {
|
|
79
|
+
CAT: {
|
|
80
|
+
title: 'Cat',
|
|
81
|
+
description: 'Cat description'
|
|
82
|
+
},
|
|
83
|
+
}, onChange: mockOnChange }, void 0)).getByText;
|
|
84
|
+
expect(getByText('Cat description')).toBeInTheDocument();
|
|
85
|
+
});
|
|
86
|
+
it('Should render custom icon', function () {
|
|
87
|
+
var getByText = customRender(jsx(Checkbox, { options: {
|
|
88
|
+
CAT: {
|
|
89
|
+
title: 'Cat',
|
|
90
|
+
icon: function () { return 'ICON'; }
|
|
91
|
+
},
|
|
92
|
+
}, onChange: mockOnChange }, void 0)).getByText;
|
|
93
|
+
expect(getByText('ICON')).toBeInTheDocument();
|
|
94
|
+
});
|
|
95
|
+
it('Should render custom icon with selected', function () {
|
|
96
|
+
var getByText = customRender(jsx(Checkbox, { options: {
|
|
97
|
+
CAT: {
|
|
98
|
+
title: 'Cat',
|
|
99
|
+
icon: function (selected) { return selected ? 'SELECTED-ICON' : 'ICON'; }
|
|
100
|
+
},
|
|
101
|
+
}, onChange: mockOnChange, value: ['CAT'] }, void 0)).getByText;
|
|
102
|
+
expect(getByText('SELECTED-ICON')).toBeInTheDocument();
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
//# sourceMappingURL=index.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/checkbox/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { Checkbox, CheckboxProps } from '.';\n\nconst mockOnChange = jest.fn();\n\nconst setup = (onChange: CheckboxProps<string>['onChange'], value?: string[]) => {\n const utils = render(\n <Checkbox\n options={{\n CAT: 'Cat',\n DOG: 'Dog',\n NONE: 'None',\n }}\n onChange={onChange}\n value={value}\n />\n );\n\n return utils;\n};\n\ndescribe('Checkbox component', () => {\n it('Should render options', () => {\n const { getByText } = setup(mockOnChange);\n\n expect(getByText('Cat')).toBeInTheDocument();\n expect(getByText('Dog')).toBeInTheDocument();\n expect(getByText('None')).toBeInTheDocument();\n });\n\n it('Should call onchange on selecting an option', async () => {\n const { getByTestId, user } = setup(mockOnChange);\n\n await user.click(getByTestId('checkbox-DOG'));\n\n expect(mockOnChange).toBeCalledWith([\"DOG\"]);\n });\n\n it('Should render checked items when value is passed', async () => {\n const { getByTestId } = setup(mockOnChange, ['CAT']);\n\n expect(getByTestId('checkbox-input-CAT')).toBeChecked();\n });\n\n it('Should call onchange with NONE and removing other items on selecting NONE option', async () => {\n const { getByTestId, user } = setup(mockOnChange, ['CAT', 'DOG']);\n\n await user.click(getByTestId('checkbox-NONE'));\n\n expect(mockOnChange).toBeCalledWith([\"NONE\"]);\n });\n\n it('Should call onchange empty when removing NONE option', async () => {\n const { getByTestId, user } = setup(mockOnChange, ['NONE']);\n\n await user.click(getByTestId('checkbox-NONE'));\n\n expect(mockOnChange).toBeCalledWith([]);\n });\n\n it('Should render custom description', () => {\n const { getByText } = render(\n <Checkbox\n options={{\n CAT: {\n title: 'Cat',\n description: 'Cat description'\n },\n }}\n onChange={mockOnChange}\n />\n );\n\n expect(getByText('Cat description')).toBeInTheDocument();\n });\n\n it('Should render custom icon', () => {\n const { getByText } = render(\n <Checkbox\n options={{\n CAT: {\n title: 'Cat',\n icon: () => 'ICON'\n },\n }}\n onChange={mockOnChange}\n />\n );\n\n expect(getByText('ICON')).toBeInTheDocument();\n });\n\n it('Should render custom icon with selected', () => {\n const { getByText } = render(\n <Checkbox\n options={{\n CAT: {\n title: 'Cat',\n icon: (selected) => selected ? 'SELECTED-ICON' : 'ICON'\n },\n }}\n onChange={mockOnChange}\n value={['CAT']}\n />\n );\n\n expect(getByText('SELECTED-ICON')).toBeInTheDocument();\n });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;AAIA,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,IAAM,KAAK,GAAG,UAAC,QAA2C,EAAE,KAAgB;IAC1E,IAAM,KAAK,GAAGA,YAAM,CAClBC,IAAC,QAAQ,IACP,OAAO,EAAE;YACP,GAAG,EAAE,KAAK;YACV,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,MAAM;SACb,EACD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,WACZ,CACH,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,EAAE,CAAC,uBAAuB,EAAE;QAClB,IAAA,SAAS,GAAK,KAAK,CAAC,YAAY,CAAC,UAAxB,CAAyB;QAE1C,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC/C,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE;;;;;oBAC1C,KAAwB,KAAK,CAAC,YAAY,CAAC,EAAzC,WAAW,iBAAA,EAAE,IAAI,UAAA,CAAyB;oBAElD,qBAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,EAAA;;oBAA7C,SAA6C,CAAC;oBAE9C,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;;;;SAC9C,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;;;YAC7C,WAAW,GAAK,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC,YAAjC,CAAkC;YAErD,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;;SACzD,CAAC,CAAC;IAEH,EAAE,CAAC,kFAAkF,EAAE;;;;;oBAC/E,KAAwB,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,EAAzD,WAAW,iBAAA,EAAE,IAAI,UAAA,CAAyC;oBAElE,qBAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,EAAA;;oBAA9C,SAA8C,CAAC;oBAE/C,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;;;;SAC/C,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE;;;;;oBACnD,KAAwB,KAAK,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,CAAC,EAAnD,WAAW,iBAAA,EAAE,IAAI,UAAA,CAAmC;oBAE5D,qBAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,EAAA;;oBAA9C,SAA8C,CAAC;oBAE/C,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;;;;SACzC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE;QAC3B,IAAA,SAAS,GAAKD,YAAM,CAC1BC,IAAC,QAAQ,IACP,OAAO,EAAE;gBACP,GAAG,EAAE;oBACH,KAAK,EAAE,KAAK;oBACZ,WAAW,EAAE,iBAAiB;iBAC/B;aACF,EACD,QAAQ,EAAE,YAAY,WACtB,CACH,UAVgB,CAUf;QAEJ,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC1D,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE;QACpB,IAAA,SAAS,GAAKD,YAAM,CAC1BC,IAAC,QAAQ,IACP,OAAO,EAAE;gBACP,GAAG,EAAE;oBACH,KAAK,EAAE,KAAK;oBACZ,IAAI,EAAE,cAAM,OAAA,MAAM,GAAA;iBACnB;aACF,EACD,QAAQ,EAAE,YAAY,WACtB,CACH,UAVgB,CAUf;QAEJ,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC/C,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;QAClC,IAAA,SAAS,GAAKD,YAAM,CAC1BC,IAAC,QAAQ,IACP,OAAO,EAAE;gBACP,GAAG,EAAE;oBACH,KAAK,EAAE,KAAK;oBACZ,IAAI,EAAE,UAAC,QAAQ,IAAK,OAAA,QAAQ,GAAG,eAAe,GAAG,MAAM,GAAA;iBACxD;aACF,EACD,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,CAAC,KAAK,CAAC,WACd,CACH,UAXgB,CAWf;QAEJ,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACxD,CAAC,CAAC;AACL,CAAC,CAAC"}
|
|
@@ -22174,5 +22174,5 @@ var Markdown = function (_a) {
|
|
|
22174
22174
|
return (jsx(ReactMarkdown, { children: children, className: className, components: __assign({ a: Link(openLinksInNewTab), p: Paragraph(paragraphClassName), h1: Heading, h2: Heading, h3: Heading, h4: Heading, h5: Heading, ol: OList, ul: UList, strong: Strong, em: Italic, code: Code }, customMDComponents), remarkPlugins: [remarkDirective, directiveToHTMLTag] }, void 0));
|
|
22175
22175
|
};
|
|
22176
22176
|
|
|
22177
|
-
export
|
|
22177
|
+
export { Markdown };
|
|
22178
22178
|
//# sourceMappingURL=index.js.map
|