@apify/ui-library 1.97.1 → 1.98.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/dist/src/components/action_link.stories.d.ts +50 -0
- package/dist/src/components/action_link.stories.d.ts.map +1 -0
- package/dist/src/components/action_link.stories.js +129 -0
- package/dist/src/components/action_link.stories.js.map +1 -0
- package/dist/src/components/actor_template_card.stories.d.ts +49 -0
- package/dist/src/components/actor_template_card.stories.d.ts.map +1 -0
- package/dist/src/components/actor_template_card.stories.js +154 -0
- package/dist/src/components/actor_template_card.stories.js.map +1 -0
- package/dist/src/components/banner.stories.d.ts +53 -0
- package/dist/src/components/banner.stories.d.ts.map +1 -0
- package/dist/src/components/banner.stories.js +132 -0
- package/dist/src/components/banner.stories.js.map +1 -0
- package/dist/src/components/blog_article.stories.d.ts +33 -0
- package/dist/src/components/blog_article.stories.d.ts.map +1 -0
- package/dist/src/components/blog_article.stories.js +92 -0
- package/dist/src/components/blog_article.stories.js.map +1 -0
- package/dist/src/components/chip.stories.d.ts +98 -0
- package/dist/src/components/chip.stories.d.ts.map +1 -0
- package/dist/src/components/chip.stories.js +251 -0
- package/dist/src/components/chip.stories.js.map +1 -0
- package/dist/src/components/code/code_block/code_block_with_tabs.d.ts +1 -1
- package/dist/src/components/code/code_block/code_block_with_tabs.d.ts.map +1 -1
- package/dist/src/components/code/code_block/code_block_with_tabs.stories.d.ts +23 -0
- package/dist/src/components/code/code_block/code_block_with_tabs.stories.d.ts.map +1 -0
- package/dist/src/components/code/code_block/code_block_with_tabs.stories.js +63 -0
- package/dist/src/components/code/code_block/code_block_with_tabs.stories.js.map +1 -0
- package/dist/src/components/code/inline_code/inline_code.stories.d.ts +16 -0
- package/dist/src/components/code/inline_code/inline_code.stories.d.ts.map +1 -0
- package/dist/src/components/code/inline_code/inline_code.stories.js +47 -0
- package/dist/src/components/code/inline_code/inline_code.stories.js.map +1 -0
- package/dist/src/components/code/one_line_code/one_line_code.stories.d.ts +16 -0
- package/dist/src/components/code/one_line_code/one_line_code.stories.d.ts.map +1 -0
- package/dist/src/components/code/one_line_code/one_line_code.stories.js +81 -0
- package/dist/src/components/code/one_line_code/one_line_code.stories.js.map +1 -0
- package/dist/src/components/color_wheel_gradient.stories.d.ts +38 -0
- package/dist/src/components/color_wheel_gradient.stories.d.ts.map +1 -0
- package/dist/src/components/color_wheel_gradient.stories.js +126 -0
- package/dist/src/components/color_wheel_gradient.stories.js.map +1 -0
- package/dist/src/components/link.stories.d.ts +22 -0
- package/dist/src/components/link.stories.d.ts.map +1 -0
- package/dist/src/components/link.stories.js +112 -0
- package/dist/src/components/link.stories.js.map +1 -0
- package/dist/src/components/rating.stories.d.ts +32 -0
- package/dist/src/components/rating.stories.d.ts.map +1 -0
- package/dist/src/components/rating.stories.js +95 -0
- package/dist/src/components/rating.stories.js.map +1 -0
- package/dist/src/components/simple_markdown/simple_markdown.d.ts +2 -2
- package/dist/src/components/simple_markdown/simple_markdown.d.ts.map +1 -1
- package/dist/src/components/simple_markdown/simple_markdown.stories.d.ts +8 -0
- package/dist/src/components/simple_markdown/simple_markdown.stories.d.ts.map +1 -0
- package/dist/src/components/simple_markdown/simple_markdown.stories.js +60 -0
- package/dist/src/components/simple_markdown/simple_markdown.stories.js.map +1 -0
- package/dist/src/components/tabs/tab.stories.d.ts.map +1 -1
- package/dist/src/components/tabs/tab.stories.js +1 -0
- package/dist/src/components/tabs/tab.stories.js.map +1 -1
- package/dist/src/components/text/text.stories.d.ts +13 -0
- package/dist/src/components/text/text.stories.d.ts.map +1 -0
- package/dist/src/components/text/text.stories.js +14 -0
- package/dist/src/components/text/text.stories.js.map +1 -0
- package/dist/src/design_system/tokens/radiuses.d.ts +2 -0
- package/dist/src/design_system/tokens/radiuses.d.ts.map +1 -1
- package/dist/src/design_system/tokens/radiuses.js +2 -0
- package/dist/src/design_system/tokens/radiuses.js.map +1 -1
- package/dist/src/design_system/tokens/radiuses.stories.d.ts +6 -0
- package/dist/src/design_system/tokens/radiuses.stories.d.ts.map +1 -0
- package/dist/src/design_system/tokens/radiuses.stories.js +30 -0
- package/dist/src/design_system/tokens/radiuses.stories.js.map +1 -0
- package/dist/src/design_system/tokens/shadows.stories.d.ts +6 -0
- package/dist/src/design_system/tokens/shadows.stories.d.ts.map +1 -0
- package/dist/src/design_system/tokens/shadows.stories.js +37 -0
- package/dist/src/design_system/tokens/shadows.stories.js.map +1 -0
- package/dist/src/design_system/tokens/spaces.stories.d.ts +10 -0
- package/dist/src/design_system/tokens/spaces.stories.d.ts.map +1 -0
- package/dist/src/design_system/tokens/spaces.stories.js +92 -0
- package/dist/src/design_system/tokens/spaces.stories.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/components/action_link.stories.tsx +145 -0
- package/src/components/actor_template_card.stories.tsx +179 -0
- package/src/components/badge.doc.mdx +35 -0
- package/src/components/banner.stories.tsx +256 -0
- package/src/components/blog_article.stories.tsx +133 -0
- package/src/components/chip.stories.tsx +301 -0
- package/src/components/code/code_block/code_block.stories.jsx +133 -0
- package/src/components/code/code_block/code_block_with_tabs.stories.tsx +81 -0
- package/src/components/code/code_block/code_block_with_tabs.tsx +1 -1
- package/src/components/code/inline_code/inline_code.stories.tsx +88 -0
- package/src/components/code/one_line_code/one_line_code.stories.tsx +173 -0
- package/src/components/color_wheel_gradient.stories.tsx +157 -0
- package/src/components/floating/tooltip.stories.jsx +0 -1
- package/src/components/link.stories.tsx +127 -0
- package/src/components/message.stories.jsx +116 -0
- package/src/components/rating.stories.tsx +166 -0
- package/src/components/simple_markdown/simple_markdown.stories.tsx +71 -0
- package/src/components/simple_markdown/simple_markdown.tsx +1 -1
- package/src/components/tabs/tab.stories.tsx +1 -0
- package/src/components/tag.doc.mdx +38 -0
- package/src/components/text/text.stories.tsx +61 -0
- package/src/design_system/tokens/radiuses.doc.mdx +12 -0
- package/src/design_system/tokens/radiuses.stories.tsx +49 -0
- package/src/design_system/tokens/radiuses.ts +2 -0
- package/src/design_system/tokens/shadows.doc.mdx +16 -0
- package/src/design_system/tokens/shadows.stories.tsx +58 -0
- package/src/design_system/tokens/spaces.doc.mdx +18 -0
- package/src/design_system/tokens/spaces.stories.tsx +131 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { type OneLineCodeProps } from './one_line_code.js';
|
|
3
|
+
/**
|
|
4
|
+
* Stories for the OneLineCode component. This file showcases the
|
|
5
|
+
* various states and configurations of the one line code component,
|
|
6
|
+
* including different languages, HTTP methods, and interactive features.
|
|
7
|
+
*/
|
|
8
|
+
declare const _default: Meta<OneLineCodeProps>;
|
|
9
|
+
export default _default;
|
|
10
|
+
type Story = StoryObj<OneLineCodeProps>;
|
|
11
|
+
/**
|
|
12
|
+
* Comprehensive comparison of all OneLineCode variants side by side.
|
|
13
|
+
* Shows different languages, HTTP methods, and interactive features.
|
|
14
|
+
*/
|
|
15
|
+
export declare const AllVariants: Story;
|
|
16
|
+
//# sourceMappingURL=one_line_code.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"one_line_code.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/one_line_code/one_line_code.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAExE;;;;GAIG;wBA4DE,IAAI,CAAC,gBAAgB,CAAC;AA3D3B,wBA2D4B;AAE5B,KAAK,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAgGzB,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { OneLineCode } from './one_line_code.js';
|
|
3
|
+
/**
|
|
4
|
+
* Stories for the OneLineCode component. This file showcases the
|
|
5
|
+
* various states and configurations of the one line code component,
|
|
6
|
+
* including different languages, HTTP methods, and interactive features.
|
|
7
|
+
*/
|
|
8
|
+
export default {
|
|
9
|
+
title: 'ui-library/OneLineCode',
|
|
10
|
+
component: OneLineCode,
|
|
11
|
+
tags: [],
|
|
12
|
+
argTypes: {
|
|
13
|
+
children: {
|
|
14
|
+
control: 'text',
|
|
15
|
+
description: 'The code content to display',
|
|
16
|
+
},
|
|
17
|
+
language: {
|
|
18
|
+
control: 'select',
|
|
19
|
+
options: ['javascript', 'python', 'bash', 'http', 'json', 'sql'],
|
|
20
|
+
description: 'Programming language for syntax highlighting',
|
|
21
|
+
},
|
|
22
|
+
size: {
|
|
23
|
+
control: 'select',
|
|
24
|
+
options: ['regular', 'small', 'big'],
|
|
25
|
+
description: 'Size of the code text',
|
|
26
|
+
},
|
|
27
|
+
httpMethod: {
|
|
28
|
+
control: 'select',
|
|
29
|
+
options: ['GET', 'POST', 'PUT', 'DELETE', 'HEAD', 'PATCH'],
|
|
30
|
+
description: 'HTTP method for API calls',
|
|
31
|
+
},
|
|
32
|
+
actionButtonLabel: {
|
|
33
|
+
control: 'text',
|
|
34
|
+
description: 'Label for the action button',
|
|
35
|
+
},
|
|
36
|
+
onActionButtonClick: {
|
|
37
|
+
action: 'actionButtonClicked',
|
|
38
|
+
description: 'Action button click handler',
|
|
39
|
+
},
|
|
40
|
+
fullWidth: {
|
|
41
|
+
control: 'boolean',
|
|
42
|
+
description: 'Whether the component should take full width',
|
|
43
|
+
},
|
|
44
|
+
secret: {
|
|
45
|
+
control: 'text',
|
|
46
|
+
description: 'Secret value to replace placeholder with',
|
|
47
|
+
},
|
|
48
|
+
secretPlaceholder: {
|
|
49
|
+
control: 'text',
|
|
50
|
+
description: 'Placeholder text for secrets',
|
|
51
|
+
},
|
|
52
|
+
disabled: {
|
|
53
|
+
control: 'boolean',
|
|
54
|
+
description: 'Whether the component is disabled',
|
|
55
|
+
},
|
|
56
|
+
hideCopyButton: {
|
|
57
|
+
control: 'boolean',
|
|
58
|
+
description: 'Whether to hide the copy button',
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
parameters: {
|
|
62
|
+
design: {
|
|
63
|
+
type: 'figma',
|
|
64
|
+
url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=2131-885&t=tH2x12cMH5yh0fuf-0',
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
};
|
|
68
|
+
/**
|
|
69
|
+
* Comprehensive comparison of all OneLineCode variants side by side.
|
|
70
|
+
* Shows different languages, HTTP methods, and interactive features.
|
|
71
|
+
*/
|
|
72
|
+
export const AllVariants = {
|
|
73
|
+
render: () => (_jsxs("div", { style: {
|
|
74
|
+
display: 'flex',
|
|
75
|
+
flexDirection: 'column',
|
|
76
|
+
padding: '24px',
|
|
77
|
+
gap: '24px',
|
|
78
|
+
maxWidth: '1200px',
|
|
79
|
+
}, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "Basic Examples" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "JavaScript" }), _jsx(OneLineCode, { language: "javascript", children: "const foo = 'bar';" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Python" }), _jsx(OneLineCode, { language: "python", children: "foo = 'bar'" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Bash" }), _jsx(OneLineCode, { language: "bash", children: "curl -X GET https://api.example.com" })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "HTTP Methods" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "GET" }), _jsx(OneLineCode, { language: "http", httpMethod: "GET", children: "https://api.example.com/users" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "POST" }), _jsx(OneLineCode, { language: "http", httpMethod: "POST", children: "https://api.example.com/users" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "PUT" }), _jsx(OneLineCode, { language: "http", httpMethod: "PUT", children: "https://api.example.com/users/123" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "DELETE" }), _jsx(OneLineCode, { language: "http", httpMethod: "DELETE", children: "https://api.example.com/users/123" })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "Interactive" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "With Action Button" }), _jsx(OneLineCode, { language: "javascript", actionButtonLabel: "Try it", onActionButtonClick: () => console.log('Try it clicked'), children: "npm install @apify/ui-library" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "With Secret" }), _jsx(OneLineCode, { language: "http", secret: "VERY_SECRET_TOKEN", httpMethod: "GET", children: "https://api.example.com?token=***" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Disabled" }), _jsx(OneLineCode, { language: "bash", disabled: true, children: "curl -X GET https://api.example.com" })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "Size Variants" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Small" }), _jsx(OneLineCode, { language: "javascript", size: "small", children: "const foo = 'bar';" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Regular" }), _jsx(OneLineCode, { language: "javascript", size: "regular", children: "const foo = 'bar';" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Big" }), _jsx(OneLineCode, { language: "javascript", size: "big", children: "const foo = 'bar';" })] })] })] })),
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=one_line_code.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"one_line_code.stories.js","sourceRoot":"","sources":["../../../../../src/components/code/one_line_code/one_line_code.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { type ColorWheelGradientProps } from './color_wheel_gradient.js';
|
|
3
|
+
declare const _default: Meta<ColorWheelGradientProps>;
|
|
4
|
+
export default _default;
|
|
5
|
+
type Story = StoryObj<ColorWheelGradientProps>;
|
|
6
|
+
/**
|
|
7
|
+
* Default color wheel gradient with standard settings
|
|
8
|
+
*/
|
|
9
|
+
export declare const Default: Story;
|
|
10
|
+
/**
|
|
11
|
+
* Small color wheel gradient
|
|
12
|
+
*/
|
|
13
|
+
export declare const Small: Story;
|
|
14
|
+
/**
|
|
15
|
+
* Medium color wheel gradient
|
|
16
|
+
*/
|
|
17
|
+
export declare const Medium: Story;
|
|
18
|
+
/**
|
|
19
|
+
* Large color wheel gradient
|
|
20
|
+
*/
|
|
21
|
+
export declare const Large: Story;
|
|
22
|
+
/**
|
|
23
|
+
* Color wheel gradient with custom translation in both directions
|
|
24
|
+
*/
|
|
25
|
+
export declare const Translated: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Color wheel gradient with minimal blur
|
|
28
|
+
*/
|
|
29
|
+
export declare const MinimalBlur: Story;
|
|
30
|
+
/**
|
|
31
|
+
* Color wheel gradient with no blur (sharp edges)
|
|
32
|
+
*/
|
|
33
|
+
export declare const NoBlur: Story;
|
|
34
|
+
/**
|
|
35
|
+
* Animated rotating color wheel gradient
|
|
36
|
+
*/
|
|
37
|
+
export declare const AnimatedRotation: Story;
|
|
38
|
+
//# sourceMappingURL=color_wheel_gradient.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color_wheel_gradient.stories.d.ts","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAgB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG1E,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;wBA4DxF,IAAI,CAAC,uBAAuB,CAAC;AAlClC,wBAkCmC;AAEnC,KAAK,KAAK,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAC"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ColorWheelGradient } from './color_wheel_gradient.js';
|
|
3
|
+
const Wrapper = ({ children }) => (_jsxs("div", { style: {
|
|
4
|
+
position: 'relative',
|
|
5
|
+
width: '400px',
|
|
6
|
+
height: '400px',
|
|
7
|
+
backgroundColor: '#f5f5f5',
|
|
8
|
+
border: '1px solid #ddd',
|
|
9
|
+
borderRadius: '8px',
|
|
10
|
+
overflow: 'hidden',
|
|
11
|
+
}, children: [_jsx("style", { children: `
|
|
12
|
+
@keyframes rotate {
|
|
13
|
+
from { transform: rotate(0deg); }
|
|
14
|
+
to { transform: rotate(360deg); }
|
|
15
|
+
}
|
|
16
|
+
` }), children] }));
|
|
17
|
+
export default {
|
|
18
|
+
title: 'UI-Library/ColorWheelGradient',
|
|
19
|
+
tags: ['deprecated'],
|
|
20
|
+
component: ColorWheelGradient,
|
|
21
|
+
decorators: [
|
|
22
|
+
(Story, _context) => (_jsx(Wrapper, { children: _jsx(Story, {}) })),
|
|
23
|
+
],
|
|
24
|
+
argTypes: {
|
|
25
|
+
translateX: {
|
|
26
|
+
control: 'number',
|
|
27
|
+
},
|
|
28
|
+
translateY: {
|
|
29
|
+
control: 'number',
|
|
30
|
+
},
|
|
31
|
+
rotation: {
|
|
32
|
+
control: 'number',
|
|
33
|
+
},
|
|
34
|
+
radius: {
|
|
35
|
+
control: 'number',
|
|
36
|
+
},
|
|
37
|
+
blurSize: {
|
|
38
|
+
control: 'number',
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
parameters: {
|
|
42
|
+
design: {
|
|
43
|
+
type: 'figma',
|
|
44
|
+
url: 'TODO: Add Figma URL',
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
/**
|
|
49
|
+
* Default color wheel gradient with standard settings
|
|
50
|
+
*/
|
|
51
|
+
export const Default = {
|
|
52
|
+
args: {
|
|
53
|
+
radius: 200,
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
/**
|
|
57
|
+
* Small color wheel gradient
|
|
58
|
+
*/
|
|
59
|
+
export const Small = {
|
|
60
|
+
args: {
|
|
61
|
+
radius: 100,
|
|
62
|
+
},
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* Medium color wheel gradient
|
|
66
|
+
*/
|
|
67
|
+
export const Medium = {
|
|
68
|
+
args: {
|
|
69
|
+
radius: 150,
|
|
70
|
+
},
|
|
71
|
+
};
|
|
72
|
+
/**
|
|
73
|
+
* Large color wheel gradient
|
|
74
|
+
*/
|
|
75
|
+
export const Large = {
|
|
76
|
+
args: {
|
|
77
|
+
radius: 250,
|
|
78
|
+
},
|
|
79
|
+
};
|
|
80
|
+
/**
|
|
81
|
+
* Color wheel gradient with custom translation in both directions
|
|
82
|
+
*/
|
|
83
|
+
export const Translated = {
|
|
84
|
+
args: {
|
|
85
|
+
radius: 150,
|
|
86
|
+
translateX: 30,
|
|
87
|
+
translateY: -30,
|
|
88
|
+
},
|
|
89
|
+
};
|
|
90
|
+
/**
|
|
91
|
+
* Color wheel gradient with minimal blur
|
|
92
|
+
*/
|
|
93
|
+
export const MinimalBlur = {
|
|
94
|
+
args: {
|
|
95
|
+
radius: 200,
|
|
96
|
+
blurSize: 10,
|
|
97
|
+
},
|
|
98
|
+
};
|
|
99
|
+
/**
|
|
100
|
+
* Color wheel gradient with no blur (sharp edges)
|
|
101
|
+
*/
|
|
102
|
+
export const NoBlur = {
|
|
103
|
+
args: {
|
|
104
|
+
radius: 200,
|
|
105
|
+
blurSize: 0,
|
|
106
|
+
},
|
|
107
|
+
};
|
|
108
|
+
/**
|
|
109
|
+
* Animated rotating color wheel gradient
|
|
110
|
+
*/
|
|
111
|
+
export const AnimatedRotation = {
|
|
112
|
+
args: {
|
|
113
|
+
radius: 180,
|
|
114
|
+
},
|
|
115
|
+
render: (args) => (_jsx(ColorWheelGradient, { ...args, style: {
|
|
116
|
+
animation: 'rotate 4s linear infinite',
|
|
117
|
+
} })),
|
|
118
|
+
parameters: {
|
|
119
|
+
docs: {
|
|
120
|
+
description: {
|
|
121
|
+
story: 'This story demonstrates a continuously rotating color wheel gradient using CSS animation.',
|
|
122
|
+
},
|
|
123
|
+
},
|
|
124
|
+
},
|
|
125
|
+
};
|
|
126
|
+
//# sourceMappingURL=color_wheel_gradient.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color_wheel_gradient.stories.js","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAgC,MAAM,2BAA2B,CAAC;AAE7F,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CAC7D,eACI,KAAK,EAAE;QACH,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,eAAe,EAAE,SAAS;QAC1B,MAAM,EAAE,gBAAgB;QACxB,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,QAAQ;KACrB,aAED,0BACK;;;;;aAKA,GACG,EACP,QAAQ,IACP,CACT,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,+BAA+B;IACtC,IAAI,EAAE,CAAC,YAAY,CAAC;IACpB,SAAS,EAAE,kBAAkB;IAC7B,UAAU,EAAE;QACR,CAAC,KAAkB,EAAE,QAAsB,EAAE,EAAE,CAAC,CAC5C,KAAC,OAAO,cACJ,KAAC,KAAK,KAAG,GACH,CACb;KACJ;IACD,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,QAAQ;SACpB;QACD,UAAU,EAAE;YACR,OAAO,EAAE,QAAQ;SACpB;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,QAAQ;SACpB;QACD,MAAM,EAAE;YACJ,OAAO,EAAE,QAAQ;SACpB;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,QAAQ;SACpB;KACJ;IACD,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,qBAAqB;SAC7B;KACJ;CAC6B,CAAC;AAInC;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;QACX,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,CAAC,EAAE;KAClB;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,EAAE;KACf;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,CAAC;KACd;CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACnC,IAAI,EAAE;QACF,MAAM,EAAE,GAAG;KACd;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,KAAC,kBAAkB,OACX,IAAI,EACR,KAAK,EAAE;YACH,SAAS,EAAE,2BAA2B;SACzC,GACH,CACL;IACD,UAAU,EAAE;QACR,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,KAAK,EAAE,2FAA2F;aACrG;SACJ;KACJ;CACJ,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { type LinkProps } from './link.js';
|
|
3
|
+
declare const _default: Meta<LinkProps>;
|
|
4
|
+
export default _default;
|
|
5
|
+
type Story = StoryObj<LinkProps>;
|
|
6
|
+
/**
|
|
7
|
+
* Default internal link behavior
|
|
8
|
+
*/
|
|
9
|
+
export declare const Default: Story;
|
|
10
|
+
/**
|
|
11
|
+
* External link with automatic external icon
|
|
12
|
+
*/
|
|
13
|
+
export declare const ExternalLink: Story;
|
|
14
|
+
/**
|
|
15
|
+
* Long link text to test wrapping behavior
|
|
16
|
+
*/
|
|
17
|
+
export declare const LongText: Story;
|
|
18
|
+
/**
|
|
19
|
+
* Link with additional styling props
|
|
20
|
+
*/
|
|
21
|
+
export declare const WithStyling: Story;
|
|
22
|
+
//# sourceMappingURL=link.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.stories.d.ts","sourceRoot":"","sources":["../../../src/components/link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAgB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG1E,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;wBA2E5C,IAAI,CAAC,SAAS,CAAC;AAvDpB,wBAuDqB;AAErB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Link } from './link.js';
|
|
3
|
+
// eslint-disable-next-line max-len
|
|
4
|
+
const longText = 'This is a very long link text that might wrap to multiple lines depending on the container width. It is used to test how the Link component handles overflow and wrapping in different scenarios.';
|
|
5
|
+
// Mock the UI dependencies provider for Storybook
|
|
6
|
+
const MockUIProvider = ({ children }) => {
|
|
7
|
+
const mockDependencies = {
|
|
8
|
+
windowLocationHost: 'localhost:6006',
|
|
9
|
+
isHrefTrusted: (href) => !href.includes('untrusted'),
|
|
10
|
+
trackClick: (trackingId, trackingData) => {
|
|
11
|
+
console.log('Tracked click:', trackingId, trackingData);
|
|
12
|
+
},
|
|
13
|
+
InternalLink: 'a', // Use regular anchor for Storybook
|
|
14
|
+
};
|
|
15
|
+
// Inject mock context (in real implementation, this would use React Context)
|
|
16
|
+
return _jsx("div", { "data-mock-ui-provider": JSON.stringify(mockDependencies), children: children });
|
|
17
|
+
};
|
|
18
|
+
export default {
|
|
19
|
+
title: 'UI-Library/Link',
|
|
20
|
+
component: Link,
|
|
21
|
+
decorators: [
|
|
22
|
+
(Story, _context) => (_jsx(MockUIProvider, { children: _jsx(Story, {}) })),
|
|
23
|
+
],
|
|
24
|
+
argTypes: {
|
|
25
|
+
to: {
|
|
26
|
+
control: 'text',
|
|
27
|
+
description: 'The destination URL or path object. Can be internal (/path) or external (https://example.com)',
|
|
28
|
+
},
|
|
29
|
+
hideExternalIcon: {
|
|
30
|
+
control: 'boolean',
|
|
31
|
+
description: 'Hide the external link icon even for external URLs',
|
|
32
|
+
},
|
|
33
|
+
showExternalIcon: {
|
|
34
|
+
control: 'boolean',
|
|
35
|
+
description: 'Force show the external link icon even for internal links',
|
|
36
|
+
},
|
|
37
|
+
rel: {
|
|
38
|
+
control: 'text',
|
|
39
|
+
description: 'Custom rel attribute for the link (e.g., "sponsored", "nofollow")',
|
|
40
|
+
},
|
|
41
|
+
target: {
|
|
42
|
+
control: 'select',
|
|
43
|
+
options: ['_self', '_blank', '_parent', '_top'],
|
|
44
|
+
description: 'Where to open the link. External links default to "_blank"',
|
|
45
|
+
},
|
|
46
|
+
trackingId: {
|
|
47
|
+
control: 'text',
|
|
48
|
+
description: 'Unique identifier for tracking link clicks in analytics',
|
|
49
|
+
},
|
|
50
|
+
trackingData: {
|
|
51
|
+
control: 'object',
|
|
52
|
+
description: 'Additional data to send with tracking events (object format)',
|
|
53
|
+
},
|
|
54
|
+
onClick: {
|
|
55
|
+
action: 'clicked',
|
|
56
|
+
description: 'Callback function fired when the link is clicked',
|
|
57
|
+
},
|
|
58
|
+
children: {
|
|
59
|
+
control: 'text',
|
|
60
|
+
description: 'The link text or content to display',
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
parameters: {
|
|
64
|
+
design: {
|
|
65
|
+
type: 'figma',
|
|
66
|
+
url: 'TODO: Add Figma URL',
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
};
|
|
70
|
+
/**
|
|
71
|
+
* Default internal link behavior
|
|
72
|
+
*/
|
|
73
|
+
export const Default = {
|
|
74
|
+
args: {
|
|
75
|
+
to: '/dashboard',
|
|
76
|
+
children: 'Go to Dashboard',
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
/**
|
|
80
|
+
* External link with automatic external icon
|
|
81
|
+
*/
|
|
82
|
+
export const ExternalLink = {
|
|
83
|
+
args: {
|
|
84
|
+
to: 'https://apify.com',
|
|
85
|
+
children: 'Visit Apify Website',
|
|
86
|
+
},
|
|
87
|
+
};
|
|
88
|
+
/**
|
|
89
|
+
* Long link text to test wrapping behavior
|
|
90
|
+
*/
|
|
91
|
+
export const LongText = {
|
|
92
|
+
args: {
|
|
93
|
+
to: 'https://apify.com/very-long-url-path',
|
|
94
|
+
showExternalIcon: true,
|
|
95
|
+
children: `${longText} ${longText}`,
|
|
96
|
+
},
|
|
97
|
+
};
|
|
98
|
+
/**
|
|
99
|
+
* Link with additional styling props
|
|
100
|
+
*/
|
|
101
|
+
export const WithStyling = {
|
|
102
|
+
args: {
|
|
103
|
+
to: '/settings',
|
|
104
|
+
children: 'Account Settings',
|
|
105
|
+
style: {
|
|
106
|
+
fontWeight: 'bold',
|
|
107
|
+
fontSize: '16px',
|
|
108
|
+
color: '#2563eb',
|
|
109
|
+
},
|
|
110
|
+
},
|
|
111
|
+
};
|
|
112
|
+
//# sourceMappingURL=link.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.stories.js","sourceRoot":"","sources":["../../../src/components/link.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
interface RatingProps {
|
|
3
|
+
rating: number | undefined;
|
|
4
|
+
color?: string;
|
|
5
|
+
}
|
|
6
|
+
interface SingleStarRatingProps {
|
|
7
|
+
color?: string;
|
|
8
|
+
}
|
|
9
|
+
interface RatingStatsProps {
|
|
10
|
+
ratingStats: Record<1 | 2 | 3 | 4 | 5, number>;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: Meta<RatingProps>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type Story = StoryObj<RatingProps>;
|
|
15
|
+
type SingleStarStory = StoryObj<SingleStarRatingProps>;
|
|
16
|
+
type RatingStatsStory = StoryObj<RatingStatsProps>;
|
|
17
|
+
/**
|
|
18
|
+
* Default rating showing 4.2 stars out of 5
|
|
19
|
+
*/
|
|
20
|
+
export declare const Default: Story;
|
|
21
|
+
/**
|
|
22
|
+
* Rating with custom orange color
|
|
23
|
+
*/
|
|
24
|
+
export declare const CustomColor: Story;
|
|
25
|
+
/**
|
|
26
|
+
* All rating variations from 0.5 to 5 stars
|
|
27
|
+
*/
|
|
28
|
+
export declare const AllRatings: Story;
|
|
29
|
+
export declare const SingleStarDefault: SingleStarStory;
|
|
30
|
+
export declare const RatingStatsDefault: RatingStatsStory;
|
|
31
|
+
export declare const RatingStatsEmpty: RatingStatsStory;
|
|
32
|
+
//# sourceMappingURL=rating.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rating.stories.d.ts","sourceRoot":"","sources":["../../../src/components/rating.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,UAAU,WAAW;IACjB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,gBAAgB;IACtB,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;CAClD;wBAmBI,IAAI,CAAC,WAAW,CAAC;AAjBtB,wBAiBuB;AAEvB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AACnC,KAAK,eAAe,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AACvD,KAAK,gBAAgB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAiDxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,eAU/B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,gBAkBhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,gBAkB9B,CAAC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Rating, RatingStats, SingleStarRating } from './rating.js';
|
|
3
|
+
export default {
|
|
4
|
+
title: 'UI-Library/Rating',
|
|
5
|
+
component: Rating,
|
|
6
|
+
argTypes: {
|
|
7
|
+
rating: {
|
|
8
|
+
control: 'number',
|
|
9
|
+
},
|
|
10
|
+
color: {
|
|
11
|
+
control: 'text',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
parameters: {
|
|
15
|
+
design: {
|
|
16
|
+
type: 'figma',
|
|
17
|
+
url: 'TODO: Add Figma URL',
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Default rating showing 4.2 stars out of 5
|
|
23
|
+
*/
|
|
24
|
+
export const Default = {
|
|
25
|
+
args: {
|
|
26
|
+
rating: 4.2,
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* Rating with custom orange color
|
|
31
|
+
*/
|
|
32
|
+
export const CustomColor = {
|
|
33
|
+
args: {
|
|
34
|
+
rating: 4.2,
|
|
35
|
+
color: '#FF8C00',
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* All rating variations from 0.5 to 5 stars
|
|
40
|
+
*/
|
|
41
|
+
export const AllRatings = {
|
|
42
|
+
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "0:" }), _jsx(Rating, { rating: 0 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "0.5:" }), _jsx(Rating, { rating: 0.5 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "1.0:" }), _jsx(Rating, { rating: 1 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "1.5:" }), _jsx(Rating, { rating: 1.5 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "2.0:" }), _jsx(Rating, { rating: 2 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "2.5:" }), _jsx(Rating, { rating: 2.5 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "3.0:" }), _jsx(Rating, { rating: 3 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "3.5:" }), _jsx(Rating, { rating: 3.5 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "4.0:" }), _jsx(Rating, { rating: 4 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "4.5:" }), _jsx(Rating, { rating: 4.5 })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx("span", { style: { minWidth: '40px', fontSize: '14px' }, children: "5.0:" }), _jsx(Rating, { rating: 5 })] })] })),
|
|
43
|
+
};
|
|
44
|
+
// Single Star Rating Stories
|
|
45
|
+
export const SingleStarDefault = {
|
|
46
|
+
render: (args) => _jsx(SingleStarRating, { ...args }),
|
|
47
|
+
args: {},
|
|
48
|
+
parameters: {
|
|
49
|
+
docs: {
|
|
50
|
+
description: {
|
|
51
|
+
story: 'A single star rating component for simple positive indicators.',
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
// Rating Stats Stories
|
|
57
|
+
export const RatingStatsDefault = {
|
|
58
|
+
render: (args) => _jsx(RatingStats, { ...args }),
|
|
59
|
+
args: {
|
|
60
|
+
ratingStats: {
|
|
61
|
+
1: 5,
|
|
62
|
+
2: 10,
|
|
63
|
+
3: 15,
|
|
64
|
+
4: 30,
|
|
65
|
+
5: 40,
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
parameters: {
|
|
69
|
+
docs: {
|
|
70
|
+
description: {
|
|
71
|
+
story: 'Rating statistics showing distribution of ratings from 1 to 5 stars.',
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
},
|
|
75
|
+
};
|
|
76
|
+
export const RatingStatsEmpty = {
|
|
77
|
+
render: (args) => _jsx(RatingStats, { ...args }),
|
|
78
|
+
args: {
|
|
79
|
+
ratingStats: {
|
|
80
|
+
1: 0,
|
|
81
|
+
2: 0,
|
|
82
|
+
3: 0,
|
|
83
|
+
4: 0,
|
|
84
|
+
5: 0,
|
|
85
|
+
},
|
|
86
|
+
},
|
|
87
|
+
parameters: {
|
|
88
|
+
docs: {
|
|
89
|
+
description: {
|
|
90
|
+
story: 'Rating statistics with no ratings yet.',
|
|
91
|
+
},
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=rating.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rating.stories.js","sourceRoot":"","sources":["../../../src/components/rating.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,9 @@ export declare const defaultAllowedElements: string[];
|
|
|
8
8
|
export declare const defaultRehypePlugins: (typeof rehypeRaw)[];
|
|
9
9
|
export declare const defaultRemarkPlugins: (typeof remarkGfm)[];
|
|
10
10
|
type MarkdownSize = 'regular' | 'small';
|
|
11
|
-
|
|
11
|
+
export type SimpleMarkdownProps = ReactMarkdownOptions & {
|
|
12
12
|
size?: MarkdownSize;
|
|
13
|
-
}
|
|
13
|
+
};
|
|
14
14
|
export declare const SimpleMarkdown: React.FC<SimpleMarkdownProps>;
|
|
15
15
|
export {};
|
|
16
16
|
//# sourceMappingURL=simple_markdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple_markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC;AAElD,eAAO,MAAM,sBAAsB,UAgClC,CAAC;AAsEF,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AAChD,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AA6ChD,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAExC,
|
|
1
|
+
{"version":3,"file":"simple_markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC;AAElD,eAAO,MAAM,sBAAsB,UAgClC,CAAC;AAsEF,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AAChD,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AA6ChD,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAExC,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GAAG;IACrD,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB,CAAA;AAeD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyCxD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: any;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const MarkdownRegular: () => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const MarkdownSmall: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=simple_markdown.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple_markdown.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/simple_markdown/simple_markdown.stories.tsx"],"names":[],"mappings":";;eAkEiC,GAAG;;AAHpC,wBAIE;AAEF,eAAO,MAAM,eAAe,+CAA2D,CAAC;AACxF,eAAO,MAAM,aAAa,+CAAyD,CAAC"}
|