shared-design-system 1.18.0 → 1.21.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/Empty.d.ts +9 -0
- package/dist/src/components/Empty.js +15 -0
- package/dist/src/components/Empty.js.map +1 -0
- package/dist/src/components/Form.d.ts +35 -0
- package/dist/src/components/Form.js +54 -0
- package/dist/src/components/Form.js.map +1 -0
- package/dist/src/components/Grid.d.ts +21 -0
- package/dist/src/components/Grid.js +48 -0
- package/dist/src/components/Grid.js.map +1 -0
- package/dist/src/components/Message.d.ts +20 -0
- package/dist/src/components/Message.js +69 -0
- package/dist/src/components/Message.js.map +1 -0
- package/dist/src/index.d.ts +8 -0
- package/dist/src/index.js +4 -0
- package/dist/src/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { tokens } from '../tokens';
|
|
3
|
+
import { Text } from './Typography';
|
|
4
|
+
export const Empty = ({ description = 'Dữ liệu trống', image, extra, style = {}, className = '', }) => {
|
|
5
|
+
return (_jsxs("div", { className: `ds-empty ${className}`, style: {
|
|
6
|
+
display: 'flex',
|
|
7
|
+
flexDirection: 'column',
|
|
8
|
+
alignItems: 'center',
|
|
9
|
+
justifyContent: 'center',
|
|
10
|
+
padding: '60px 40px',
|
|
11
|
+
textAlign: 'center',
|
|
12
|
+
...style,
|
|
13
|
+
}, children: [_jsx("div", { style: { marginBottom: tokens.spacing[4], color: tokens.color.slate200 }, children: image || (_jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", children: [_jsx("path", { d: "M32 12V52M12 32H52", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }), _jsx("rect", { x: "8", y: "8", width: "48", height: "48", rx: "8", stroke: "currentColor", strokeWidth: "2" }), _jsx("circle", { cx: "32", cy: "32", r: "4", fill: "currentColor" })] })) }), _jsx(Text, { color: "muted", size: "sm", children: description }), extra && _jsx("div", { style: { marginTop: tokens.spacing[4] }, children: extra })] }));
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Empty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Empty.js","sourceRoot":"","sources":["../../../src/components/Empty.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAUpC,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,WAAW,GAAG,eAAe,EAC7B,KAAK,EACL,KAAK,EACL,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,YAAY,SAAS,EAAE,EAClC,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,QAAQ;YACnB,GAAG,KAAK;SACT,aAED,cAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,YAC1E,KAAK,IAAI,CACR,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aACzD,eAAM,CAAC,EAAC,oBAAoB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,EAC3F,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG,EACxF,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,IAChD,CACP,GACG,EACN,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,YAC1B,WAAW,GACP,EACN,KAAK,IAAI,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,YAAG,KAAK,GAAO,IACjE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
|
|
3
|
+
layout?: 'horizontal' | 'vertical' | 'inline';
|
|
4
|
+
labelCol?: {
|
|
5
|
+
span?: number;
|
|
6
|
+
offset?: number;
|
|
7
|
+
};
|
|
8
|
+
wrapperCol?: {
|
|
9
|
+
span?: number;
|
|
10
|
+
offset?: number;
|
|
11
|
+
};
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export declare const Form: React.FC<FormProps>;
|
|
15
|
+
export interface FormItemProps {
|
|
16
|
+
label?: React.ReactNode;
|
|
17
|
+
required?: boolean;
|
|
18
|
+
error?: string;
|
|
19
|
+
help?: string;
|
|
20
|
+
children: React.ReactNode;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
className?: string;
|
|
23
|
+
}
|
|
24
|
+
export declare const FormItem: React.FC<FormItemProps>;
|
|
25
|
+
export interface SpaceProps {
|
|
26
|
+
size?: number | 'small' | 'middle' | 'large';
|
|
27
|
+
direction?: 'horizontal' | 'vertical';
|
|
28
|
+
align?: 'start' | 'end' | 'center' | 'baseline';
|
|
29
|
+
wrap?: boolean;
|
|
30
|
+
children: React.ReactNode;
|
|
31
|
+
style?: React.CSSProperties;
|
|
32
|
+
className?: string;
|
|
33
|
+
fullWidth?: boolean;
|
|
34
|
+
}
|
|
35
|
+
export declare const Space: React.FC<SpaceProps>;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { tokens } from '../tokens';
|
|
4
|
+
import { Row, Col } from './Grid';
|
|
5
|
+
const FormContext = React.createContext({ layout: 'vertical' });
|
|
6
|
+
export const Form = ({ layout = 'vertical', labelCol, wrapperCol, children, ...props }) => {
|
|
7
|
+
return (_jsx(FormContext.Provider, { value: { layout, labelCol, wrapperCol }, children: _jsx("form", { ...props, style: { width: '100%', ...props.style }, children: children }) }));
|
|
8
|
+
};
|
|
9
|
+
export const FormItem = ({ label, required, error, help, children, style = {}, className = '', }) => {
|
|
10
|
+
var _a;
|
|
11
|
+
const { layout, labelCol, wrapperCol } = React.useContext(FormContext);
|
|
12
|
+
const isHorizontal = layout === 'horizontal';
|
|
13
|
+
const labelContent = label && (_jsx("div", { style: {
|
|
14
|
+
marginBottom: isHorizontal ? 0 : '8px',
|
|
15
|
+
paddingRight: isHorizontal ? '16px' : 0,
|
|
16
|
+
textAlign: isHorizontal ? 'right' : 'left',
|
|
17
|
+
display: 'flex',
|
|
18
|
+
alignItems: 'center',
|
|
19
|
+
justifyContent: isHorizontal ? 'flex-end' : 'flex-start',
|
|
20
|
+
height: isHorizontal ? '40px' : 'auto', // Match input height
|
|
21
|
+
}, children: _jsxs("label", { style: {
|
|
22
|
+
fontSize: tokens.font.sm,
|
|
23
|
+
fontWeight: tokens.font.weightBold,
|
|
24
|
+
color: tokens.color.slate700,
|
|
25
|
+
display: 'inline-flex',
|
|
26
|
+
alignItems: 'center',
|
|
27
|
+
}, children: [label, required && _jsx("span", { style: { color: tokens.color.danger, marginLeft: '4px' }, children: "*" })] }) }));
|
|
28
|
+
const innerContent = (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [React.cloneElement(children, {
|
|
29
|
+
// Pass down error to input components if they support it
|
|
30
|
+
error: error || ((_a = children.props) === null || _a === void 0 ? void 0 : _a.error),
|
|
31
|
+
}), error && (_jsx("div", { style: { fontSize: '11px', color: tokens.color.danger, fontWeight: tokens.font.weightMedium }, children: error })), help && !error && (_jsx("div", { style: { fontSize: '11px', color: tokens.color.slate400 }, children: help }))] }));
|
|
32
|
+
return (_jsx("div", { className: `ds-form-item ${className}`, style: {
|
|
33
|
+
marginBottom: tokens.spacing[4],
|
|
34
|
+
...style,
|
|
35
|
+
}, children: isHorizontal ? (_jsxs(Row, { align: "top", children: [_jsx(Col, { ...(labelCol || { span: 6 }), children: labelContent }), _jsx(Col, { ...(wrapperCol || { span: 18 }), children: innerContent })] })) : (_jsxs(_Fragment, { children: [labelContent, innerContent] })) }));
|
|
36
|
+
};
|
|
37
|
+
const SIZE_MAP = {
|
|
38
|
+
small: 8,
|
|
39
|
+
middle: 16,
|
|
40
|
+
large: 24,
|
|
41
|
+
};
|
|
42
|
+
export const Space = ({ size = 'small', direction = 'horizontal', align, wrap = false, children, style = {}, className = '', fullWidth = false, }) => {
|
|
43
|
+
const gap = typeof size === 'number' ? size : SIZE_MAP[size];
|
|
44
|
+
return (_jsx("div", { className: `ds-space ${className}`, style: {
|
|
45
|
+
display: direction === 'horizontal' ? (fullWidth ? 'flex' : 'inline-flex') : 'flex',
|
|
46
|
+
flexDirection: direction === 'vertical' ? 'column' : 'row',
|
|
47
|
+
flexWrap: wrap ? 'wrap' : 'nowrap',
|
|
48
|
+
gap: `${gap}px`,
|
|
49
|
+
alignItems: align,
|
|
50
|
+
width: fullWidth ? '100%' : undefined,
|
|
51
|
+
...style,
|
|
52
|
+
}, children: children }));
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=Form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
gutter?: number | [number, number];
|
|
4
|
+
align?: 'top' | 'middle' | 'bottom' | 'stretch';
|
|
5
|
+
justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const Row: React.FC<RowProps>;
|
|
9
|
+
export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
span?: number;
|
|
11
|
+
xs?: number;
|
|
12
|
+
sm?: number;
|
|
13
|
+
md?: number;
|
|
14
|
+
lg?: number;
|
|
15
|
+
xl?: number;
|
|
16
|
+
offset?: number;
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
/** Internal prop passed by Row */
|
|
19
|
+
gutter?: [number, number];
|
|
20
|
+
}
|
|
21
|
+
export declare const Col: React.FC<ColProps>;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export const Row = ({ gutter = 16, align = 'top', justify = 'start', children, style = {}, ...props }) => {
|
|
4
|
+
const horizontalGutter = Array.isArray(gutter) ? gutter[0] : gutter;
|
|
5
|
+
const verticalGutter = Array.isArray(gutter) ? gutter[1] : 0;
|
|
6
|
+
const rowStyle = {
|
|
7
|
+
display: 'flex',
|
|
8
|
+
flexWrap: 'wrap',
|
|
9
|
+
marginLeft: -horizontalGutter / 2,
|
|
10
|
+
marginRight: -horizontalGutter / 2,
|
|
11
|
+
marginTop: -verticalGutter / 2,
|
|
12
|
+
marginBottom: -verticalGutter / 2,
|
|
13
|
+
alignItems: align === 'middle' ? 'center' : align === 'top' ? 'flex-start' : align === 'bottom' ? 'flex-end' : align,
|
|
14
|
+
justifyContent: justify === 'start' ? 'flex-start' : justify === 'end' ? 'flex-end' : justify,
|
|
15
|
+
...style,
|
|
16
|
+
};
|
|
17
|
+
return (_jsx("div", { style: rowStyle, ...props, children: React.Children.map(children, (child) => {
|
|
18
|
+
if (React.isValidElement(child)) {
|
|
19
|
+
return React.cloneElement(child, {
|
|
20
|
+
// @ts-ignore
|
|
21
|
+
gutter: [horizontalGutter, verticalGutter],
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
return child;
|
|
25
|
+
}) }));
|
|
26
|
+
};
|
|
27
|
+
export const Col = ({ span, xs, sm, md, lg, xl, offset = 0, children, gutter = [0, 0], style = {}, ...props }) => {
|
|
28
|
+
const [horizontalGutter, verticalGutter] = gutter;
|
|
29
|
+
// Simple 24-column grid calculation
|
|
30
|
+
const getWidth = (s) => (s ? `${(s / 24) * 100}%` : undefined);
|
|
31
|
+
// Note: For a robust system, we'd use media queries.
|
|
32
|
+
// Since we are in inline-style mode for this task, we'll use a simplified version
|
|
33
|
+
// or suggest using className with a CSS file.
|
|
34
|
+
// But to stay within the "component only" request, I'll use reactive-like width.
|
|
35
|
+
const colStyle = {
|
|
36
|
+
paddingLeft: horizontalGutter / 2,
|
|
37
|
+
paddingRight: horizontalGutter / 2,
|
|
38
|
+
paddingTop: verticalGutter / 2,
|
|
39
|
+
paddingBottom: verticalGutter / 2,
|
|
40
|
+
flex: span ? `0 0 ${getWidth(span)}` : '0 0 auto',
|
|
41
|
+
maxWidth: span ? getWidth(span) : '100%',
|
|
42
|
+
marginLeft: offset ? getWidth(offset) : undefined,
|
|
43
|
+
boxSizing: 'border-box',
|
|
44
|
+
...style,
|
|
45
|
+
};
|
|
46
|
+
return (_jsx("div", { style: colStyle, className: `ds-col ${span ? `ds-col-${span}` : ''}`, ...props, children: children }));
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=Grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/Grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type MessageType = 'success' | 'error' | 'info' | 'warning';
|
|
3
|
+
export interface MessageProps {
|
|
4
|
+
content: string;
|
|
5
|
+
type?: MessageType;
|
|
6
|
+
duration?: number;
|
|
7
|
+
onClose?: () => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const MessageItem: React.FC<MessageProps & {
|
|
10
|
+
visible: boolean;
|
|
11
|
+
}>;
|
|
12
|
+
export declare const message: {
|
|
13
|
+
success: (content: string, duration?: number) => any;
|
|
14
|
+
error: (content: string, duration?: number) => any;
|
|
15
|
+
info: (content: string, duration?: number) => any;
|
|
16
|
+
warning: (content: string, duration?: number) => any;
|
|
17
|
+
};
|
|
18
|
+
export declare const MessageProvider: React.FC<{
|
|
19
|
+
children: React.ReactNode;
|
|
20
|
+
}>;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
|
+
import { tokens } from '../tokens';
|
|
4
|
+
const ICON_MAP = {
|
|
5
|
+
success: (_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })),
|
|
6
|
+
error: (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), _jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })] })),
|
|
7
|
+
warning: (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }), _jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), _jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] })),
|
|
8
|
+
info: (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })] })),
|
|
9
|
+
};
|
|
10
|
+
const COLOR_MAP = {
|
|
11
|
+
success: tokens.color.success,
|
|
12
|
+
error: tokens.color.danger,
|
|
13
|
+
warning: tokens.color.warning,
|
|
14
|
+
info: tokens.color.info,
|
|
15
|
+
};
|
|
16
|
+
export const MessageItem = ({ content, type = 'info', visible }) => {
|
|
17
|
+
return (_jsxs("div", { style: {
|
|
18
|
+
padding: '12px 20px',
|
|
19
|
+
backgroundColor: tokens.color.white,
|
|
20
|
+
borderRadius: tokens.radius.lg,
|
|
21
|
+
boxShadow: '0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05)',
|
|
22
|
+
display: 'flex',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
gap: '12px',
|
|
25
|
+
marginBottom: '12px',
|
|
26
|
+
borderLeft: `4px solid ${COLOR_MAP[type]}`,
|
|
27
|
+
transform: visible ? 'translateY(0)' : 'translateY(-20px)',
|
|
28
|
+
opacity: visible ? 1 : 0,
|
|
29
|
+
transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
|
|
30
|
+
pointerEvents: 'auto',
|
|
31
|
+
}, children: [_jsx("span", { style: { color: COLOR_MAP[type], display: 'flex' }, children: ICON_MAP[type] }), _jsx("span", { style: { fontSize: tokens.font.sm, fontWeight: tokens.font.weightMedium, color: tokens.color.slate800 }, children: content })] }));
|
|
32
|
+
};
|
|
33
|
+
// ─── Message Manager (Singleton) ─────────────────────────────────────────────
|
|
34
|
+
let messageInstance = null;
|
|
35
|
+
export const message = {
|
|
36
|
+
success: (content, duration) => messageInstance === null || messageInstance === void 0 ? void 0 : messageInstance.add(content, 'success', duration),
|
|
37
|
+
error: (content, duration) => messageInstance === null || messageInstance === void 0 ? void 0 : messageInstance.add(content, 'error', duration),
|
|
38
|
+
info: (content, duration) => messageInstance === null || messageInstance === void 0 ? void 0 : messageInstance.add(content, 'info', duration),
|
|
39
|
+
warning: (content, duration) => messageInstance === null || messageInstance === void 0 ? void 0 : messageInstance.add(content, 'warning', duration),
|
|
40
|
+
};
|
|
41
|
+
export const MessageProvider = ({ children }) => {
|
|
42
|
+
const [messages, setMessages] = useState([]);
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
messageInstance = {
|
|
45
|
+
add: (content, type, duration = 3000) => {
|
|
46
|
+
const id = Date.now();
|
|
47
|
+
setMessages(prev => [...prev, { id, content, type, visible: true }]);
|
|
48
|
+
setTimeout(() => {
|
|
49
|
+
setMessages(prev => prev.map(m => m.id === id ? { ...m, visible: false } : m));
|
|
50
|
+
setTimeout(() => {
|
|
51
|
+
setMessages(prev => prev.filter(m => m.id !== id));
|
|
52
|
+
}, 300);
|
|
53
|
+
}, duration);
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
}, []);
|
|
57
|
+
return (_jsxs(_Fragment, { children: [children, _jsx("div", { style: {
|
|
58
|
+
position: 'fixed',
|
|
59
|
+
top: '24px',
|
|
60
|
+
left: '50%',
|
|
61
|
+
transform: 'translateX(-50%)',
|
|
62
|
+
zIndex: 9999,
|
|
63
|
+
pointerEvents: 'none',
|
|
64
|
+
display: 'flex',
|
|
65
|
+
flexDirection: 'column',
|
|
66
|
+
alignItems: 'center',
|
|
67
|
+
}, children: messages.map(m => (_jsx(MessageItem, { ...m }, m.id))) })] }));
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=Message.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/components/Message.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -6,6 +6,10 @@ export { Badge } from './components/Badge';
|
|
|
6
6
|
export type { BadgeProps } from './components/Badge';
|
|
7
7
|
export { Card } from './components/Card';
|
|
8
8
|
export type { CardProps } from './components/Card';
|
|
9
|
+
export { Form, FormItem, Space } from './components/Form';
|
|
10
|
+
export type { FormProps, FormItemProps, SpaceProps } from './components/Form';
|
|
11
|
+
export { Empty } from './components/Empty';
|
|
12
|
+
export type { EmptyProps } from './components/Empty';
|
|
9
13
|
export { Input, Textarea, Checkbox, NativeSelect } from './components/InputComponents';
|
|
10
14
|
export { DatePicker } from './components/DatePicker';
|
|
11
15
|
export { MultiSelect } from './components/MultiSelect';
|
|
@@ -17,6 +21,8 @@ export { Heading, Text, SectionHeader, Label, Caption } from './components/Typog
|
|
|
17
21
|
export type { HeadingProps, TextProps, SectionHeaderProps, LabelProps, CaptionProps } from './components/Typography';
|
|
18
22
|
export { LoadingSpinner, LoadingOverlay } from './components/LoadingSpinner';
|
|
19
23
|
export type { LoadingSpinnerProps, LoadingOverlayProps } from './components/LoadingSpinner';
|
|
24
|
+
export { message, MessageProvider } from './components/Message';
|
|
25
|
+
export type { MessageProps, MessageType } from './components/Message';
|
|
20
26
|
export { ReadOnlyField } from './components/ReadOnlyField';
|
|
21
27
|
export type { ReadOnlyFieldProps } from './components/ReadOnlyField';
|
|
22
28
|
export { Modal } from './components/Modal';
|
|
@@ -43,6 +49,8 @@ export { Alert } from './components/Alert';
|
|
|
43
49
|
export type { AlertProps } from './components/Alert';
|
|
44
50
|
export { Progress } from './components/Progress';
|
|
45
51
|
export type { ProgressProps } from './components/Progress';
|
|
52
|
+
export { Row, Col } from './components/Grid';
|
|
53
|
+
export type { RowProps, ColProps } from './components/Grid';
|
|
46
54
|
export { Tag } from './components/Tag';
|
|
47
55
|
export type { TagProps } from './components/Tag';
|
|
48
56
|
export { Statistic } from './components/Statistic';
|
package/dist/src/index.js
CHANGED
|
@@ -3,12 +3,15 @@ export { Button } from './components/Button';
|
|
|
3
3
|
export { ConfirmModal } from './components/ConfirmModal';
|
|
4
4
|
export { Badge } from './components/Badge';
|
|
5
5
|
export { Card } from './components/Card';
|
|
6
|
+
export { Form, FormItem, Space } from './components/Form';
|
|
7
|
+
export { Empty } from './components/Empty';
|
|
6
8
|
export { Input, Textarea, Checkbox, NativeSelect } from './components/InputComponents';
|
|
7
9
|
export { DatePicker } from './components/DatePicker';
|
|
8
10
|
export { MultiSelect } from './components/MultiSelect';
|
|
9
11
|
export { Select } from './components/Select';
|
|
10
12
|
export { Heading, Text, SectionHeader, Label, Caption } from './components/Typography';
|
|
11
13
|
export { LoadingSpinner, LoadingOverlay } from './components/LoadingSpinner';
|
|
14
|
+
export { message, MessageProvider } from './components/Message';
|
|
12
15
|
export { ReadOnlyField } from './components/ReadOnlyField';
|
|
13
16
|
export { Modal } from './components/Modal';
|
|
14
17
|
export { Drawer } from './components/Drawer';
|
|
@@ -24,6 +27,7 @@ export { Tooltip } from './components/Tooltip';
|
|
|
24
27
|
export { Stack } from './components/Stack';
|
|
25
28
|
export { Alert } from './components/Alert';
|
|
26
29
|
export { Progress } from './components/Progress';
|
|
30
|
+
export { Row, Col } from './components/Grid';
|
|
27
31
|
export { Tag } from './components/Tag';
|
|
28
32
|
export { Statistic } from './components/Statistic';
|
|
29
33
|
export { List, ListItem } from './components/ListComponents';
|
package/dist/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAK7C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvF,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iFAAiF;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAGrF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAK7C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvF,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iFAAiF;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG7C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAGrF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|