cpk-ui 0.4.0 → 0.4.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/components/uis/RadioGroup/RadioButton.js +1 -1
- package/components/uis/Typography/Typography.d.ts.map +1 -1
- package/package.json +6 -2
- package/src/components/uis/Button/Button.test.tsx +74 -1
- package/src/components/uis/RadioGroup/RadioButton.tsx +1 -1
- package/src/components/uis/RadioGroup/RadioGroup.stories.tsx +16 -1
- package/test/testUtils.d.ts.map +1 -1
- package/utils/guards.d.ts.map +1 -1
- package/utils/theme.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/Typography/Typography.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAY,MAAM,cAAc,CAAC;AACxD,OAAO,EAAC,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAuN7D,eAAO,MAAM,UAAU;;gBAzMI,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;CAoN5E,CAAC;AAEF,eAAO,MAAM,kBAAkB;;gBAtNJ,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;CAiO5E,CAAC;AAQF,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/Typography/Typography.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAY,MAAM,cAAc,CAAC;AACxD,OAAO,EAAC,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAuN7D,eAAO,MAAM,UAAU;;gBAzMI,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;CAoN5E,CAAC;AAEF,eAAO,MAAM,kBAAkB;;gBAtNJ,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;;gBAAlD,QAAQ;sBAAgB,QAAQ,GAAG,MAAM,GAAG,MAAM;;CAiO5E,CAAC;AAQF,eAAO,MAAM,aAAa,GAAI,cAAc;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,KAAG,IA4CH,CAAC;AAGF,eAAO,MAAM,eAAe;;;;CAA4B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cpk-ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"main": "index",
|
|
5
5
|
"react-native": "index",
|
|
6
6
|
"module": "index",
|
|
@@ -12,6 +12,10 @@
|
|
|
12
12
|
"pack": "yarn pack",
|
|
13
13
|
"publish:next": "npm publish <package>.tgz --tag next"
|
|
14
14
|
},
|
|
15
|
+
"repository": {
|
|
16
|
+
"type": "git",
|
|
17
|
+
"url": "https://github.com/crossplatformkorea/cpk-ui"
|
|
18
|
+
},
|
|
15
19
|
"bugs": {
|
|
16
20
|
"url": "https://github.com/crossplatformkorea/cpk-ui/issues"
|
|
17
21
|
},
|
|
@@ -38,4 +42,4 @@
|
|
|
38
42
|
"publishConfig": {
|
|
39
43
|
"access": "public"
|
|
40
44
|
}
|
|
41
|
-
}
|
|
45
|
+
}
|
|
@@ -10,7 +10,7 @@ import {createComponent} from '../../../../test/testUtils';
|
|
|
10
10
|
import {Button} from './Button';
|
|
11
11
|
import {LoadingIndicator} from '../LoadingIndicator/LoadingIndicator';
|
|
12
12
|
import type {Props as ButtonProps} from './Button';
|
|
13
|
-
import {ThemeType} from '../../../providers/ThemeProvider';
|
|
13
|
+
import {ThemeType, ThemeProvider} from '../../../providers/ThemeProvider';
|
|
14
14
|
import {dark, light} from '../../../utils/colors';
|
|
15
15
|
|
|
16
16
|
let testingLib: RenderAPI;
|
|
@@ -544,4 +544,77 @@ describe('[Button]', () => {
|
|
|
544
544
|
expect(button).toHaveStyle({borderRadius: borderRadius});
|
|
545
545
|
});
|
|
546
546
|
});
|
|
547
|
+
|
|
548
|
+
describe('[Button] custom theme', () => {
|
|
549
|
+
it('should render with custom primary color from theme', () => {
|
|
550
|
+
const customTheme = {
|
|
551
|
+
light: {
|
|
552
|
+
button: {
|
|
553
|
+
primary: {
|
|
554
|
+
bg: '#FF5733',
|
|
555
|
+
text: '#FFFFFF',
|
|
556
|
+
},
|
|
557
|
+
},
|
|
558
|
+
},
|
|
559
|
+
};
|
|
560
|
+
|
|
561
|
+
testingLib = render(
|
|
562
|
+
<ThemeProvider customTheme={customTheme}>
|
|
563
|
+
<Button color="primary" onPress={jest.fn} testID="custom-button" />
|
|
564
|
+
</ThemeProvider>,
|
|
565
|
+
);
|
|
566
|
+
|
|
567
|
+
const button = testingLib.getByTestId('button-container');
|
|
568
|
+
expect(button).toHaveStyle({backgroundColor: '#FF5733'});
|
|
569
|
+
});
|
|
570
|
+
|
|
571
|
+
it('should render with custom primary color in dark mode', () => {
|
|
572
|
+
const customTheme = {
|
|
573
|
+
dark: {
|
|
574
|
+
button: {
|
|
575
|
+
primary: {
|
|
576
|
+
bg: '#00BFFF',
|
|
577
|
+
text: '#000000',
|
|
578
|
+
},
|
|
579
|
+
},
|
|
580
|
+
},
|
|
581
|
+
};
|
|
582
|
+
|
|
583
|
+
testingLib = render(
|
|
584
|
+
<ThemeProvider initialThemeType="dark" customTheme={customTheme}>
|
|
585
|
+
<Button color="primary" onPress={jest.fn} testID="custom-button" />
|
|
586
|
+
</ThemeProvider>,
|
|
587
|
+
);
|
|
588
|
+
|
|
589
|
+
const button = testingLib.getByTestId('button-container');
|
|
590
|
+
expect(button).toHaveStyle({backgroundColor: '#00BFFF'});
|
|
591
|
+
});
|
|
592
|
+
|
|
593
|
+
it('should render outlined button with custom primary color', () => {
|
|
594
|
+
const customTheme = {
|
|
595
|
+
light: {
|
|
596
|
+
button: {
|
|
597
|
+
primary: {
|
|
598
|
+
bg: '#9C27B0',
|
|
599
|
+
text: '#FFFFFF',
|
|
600
|
+
},
|
|
601
|
+
},
|
|
602
|
+
},
|
|
603
|
+
};
|
|
604
|
+
|
|
605
|
+
testingLib = render(
|
|
606
|
+
<ThemeProvider customTheme={customTheme}>
|
|
607
|
+
<Button
|
|
608
|
+
type="outlined"
|
|
609
|
+
color="primary"
|
|
610
|
+
onPress={jest.fn}
|
|
611
|
+
testID="custom-button"
|
|
612
|
+
/>
|
|
613
|
+
</ThemeProvider>,
|
|
614
|
+
);
|
|
615
|
+
|
|
616
|
+
const button = testingLib.getByTestId('button-container');
|
|
617
|
+
expect(button).toHaveStyle({borderBottomColor: '#9C27B0'});
|
|
618
|
+
});
|
|
619
|
+
});
|
|
547
620
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {useState} from 'react';
|
|
2
2
|
import type {Meta, StoryObj} from '@storybook/react';
|
|
3
3
|
|
|
4
4
|
import {withThemeProvider} from '../../../../.storybook/decorators';
|
|
@@ -29,6 +29,21 @@ export default meta;
|
|
|
29
29
|
type Story = StoryObj<typeof meta>;
|
|
30
30
|
|
|
31
31
|
export const Basic: Story = {
|
|
32
|
+
render: (args) => {
|
|
33
|
+
const [selectedValue, setSelectedValue] = useState(args.selectedValue);
|
|
34
|
+
|
|
35
|
+
return (
|
|
36
|
+
<RadioGroup
|
|
37
|
+
data={args.data}
|
|
38
|
+
labels={args.labels}
|
|
39
|
+
title={args.title}
|
|
40
|
+
labelPosition={args.labelPosition}
|
|
41
|
+
type={args.type}
|
|
42
|
+
selectedValue={selectedValue}
|
|
43
|
+
selectValue={setSelectedValue}
|
|
44
|
+
/>
|
|
45
|
+
);
|
|
46
|
+
},
|
|
32
47
|
args: {
|
|
33
48
|
data: ['Person', 'Animal', 'Bird', 'Other'],
|
|
34
49
|
labels: ['Person', 'Animal', 'Bird', 'Other'],
|
package/test/testUtils.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../src/test/testUtils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,IAAI,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAEpD;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,KAAK,CAAC,YAAY,EACtB,OAAO,GAAE;IACP,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,UAAU,CAAC;CAC7B;
|
|
1
|
+
{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../src/test/testUtils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,IAAI,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAEpD;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,KAAK,CAAC,YAAY,EACtB,OAAO,GAAE;IACP,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,UAAU,CAAC;CAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASP;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC7B,QAqBF;AAED;;GAEG;AACH,wBAAsB,gBAAgB,CAAC,QAAQ,GAAE,MAAY,iBAE5D;AAED;;GAEG;AACH,wBAAsB,cAAc,CAClC,OAAO,EAAE,GAAG,EACZ,KAAK,GAAE,MAAU,GAChB,OAAO,CAAC,IAAI,CAAC,CAKf;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,KAAK,QAU/D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,CAK9D"}
|
package/utils/guards.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"guards.d.ts","sourceRoot":"","sources":["../../src/utils/guards.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA0CxD,KAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,
|
|
1
|
+
{"version":3,"file":"guards.d.ts","sourceRoot":"","sources":["../../src/utils/guards.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA0CxD,KAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,GAAI,6CAKxC,qBAAqB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAe9C,CAAC"}
|
package/utils/theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAQ,MAAM,UAAU,CAAC;AAGvC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,MAAM,WAAW,QAAS,SAAQ,YAAY;CAAG;AAEjD,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,GAAG,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,GAAG,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAQ,MAAM,UAAU,CAAC;AAGvC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,MAAM,WAAW,QAAS,SAAQ,YAAY;CAAG;AAEjD,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,GAAG,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,GAAG,GAAG,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,GAAG,KAAG,OACsB,CAAC;AAElE,eAAO,MAAM,QAAQ,GAAI,QAAQ,QAAQ,KAAG,YAE3C,CAAC"}
|