shared-design-system 1.104.0 → 1.105.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.
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type LoadingSpinnerProps } from './LoadingSpinner';
|
|
3
|
+
export interface GlobalLoadingProps {
|
|
4
|
+
visible?: boolean;
|
|
5
|
+
label?: React.ReactNode;
|
|
6
|
+
size?: LoadingSpinnerProps['size'];
|
|
7
|
+
color?: LoadingSpinnerProps['color'];
|
|
8
|
+
zIndex?: number;
|
|
9
|
+
backdropColor?: string;
|
|
10
|
+
blur?: number | false;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
containerId?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const GlobalLoading: React.FC<GlobalLoadingProps>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { tokens } from '../tokens';
|
|
3
|
+
import { LoadingSpinner } from './LoadingSpinner';
|
|
4
|
+
import { OverlayLayer } from './OverlayLayer';
|
|
5
|
+
export const GlobalLoading = ({ visible = true, label, size = 'lg', color = 'primary', zIndex = 10050, backdropColor = 'rgba(255, 255, 255, 0.75)', blur = 3, className = '', style = {}, containerId = 'ds-portal-root', }) => {
|
|
6
|
+
if (!visible)
|
|
7
|
+
return null;
|
|
8
|
+
const backdropFilter = blur === false ? undefined : `blur(${blur}px)`;
|
|
9
|
+
return (_jsx(OverlayLayer, { className: `ds-global-loading-root ${className}`.trim(), zIndex: zIndex, pointerEvents: "auto", containerId: containerId, children: _jsxs("div", { role: "status", "aria-live": "polite", "aria-busy": "true", style: {
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
inset: 0,
|
|
12
|
+
display: 'flex',
|
|
13
|
+
flexDirection: 'column',
|
|
14
|
+
alignItems: 'center',
|
|
15
|
+
justifyContent: 'center',
|
|
16
|
+
gap: tokens.spacing[3],
|
|
17
|
+
backgroundColor: backdropColor,
|
|
18
|
+
backdropFilter,
|
|
19
|
+
WebkitBackdropFilter: backdropFilter,
|
|
20
|
+
pointerEvents: 'auto',
|
|
21
|
+
...style,
|
|
22
|
+
}, children: [_jsx(LoadingSpinner, { size: size, color: color }), label && (_jsx("span", { style: {
|
|
23
|
+
fontSize: tokens.font.sm,
|
|
24
|
+
fontWeight: tokens.font.weightMedium,
|
|
25
|
+
color: tokens.color.textMuted,
|
|
26
|
+
lineHeight: 1.4,
|
|
27
|
+
textAlign: 'center',
|
|
28
|
+
paddingInline: tokens.spacing[4],
|
|
29
|
+
}, children: label }))] }) }));
|
|
30
|
+
};
|
|
31
|
+
GlobalLoading.displayName = 'GlobalLoading';
|
|
32
|
+
//# sourceMappingURL=GlobalLoading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GlobalLoading.js","sourceRoot":"","sources":["../../../src/components/GlobalLoading.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,cAAc,EAA4B,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAe9C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,OAAO,GAAG,IAAI,EACd,KAAK,EACL,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,MAAM,GAAG,KAAK,EACd,aAAa,GAAG,2BAA2B,EAC3C,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,gBAAgB,GAC/B,EAAE,EAAE;IACH,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,cAAc,GAAG,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC;IAEtE,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,0BAA0B,SAAS,EAAE,CAAC,IAAI,EAAE,EACvD,MAAM,EAAE,MAAM,EACd,aAAa,EAAC,MAAM,EACpB,WAAW,EAAE,WAAW,YAExB,eACE,IAAI,EAAC,QAAQ,eACH,QAAQ,eACR,MAAM,EAChB,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;gBACtB,eAAe,EAAE,aAAa;gBAC9B,cAAc;gBACd,oBAAoB,EAAE,cAAc;gBACpC,aAAa,EAAE,MAAM;gBACrB,GAAG,KAAK;aACT,aAED,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EAC3C,KAAK,IAAI,CACR,eACE,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;wBACxB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY;wBACpC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;wBAC7B,UAAU,EAAE,GAAG;wBACf,SAAS,EAAE,QAAQ;wBACnB,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;qBACjC,YAEA,KAAK,GACD,CACR,IACG,GACO,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -24,6 +24,8 @@ export { Heading, Text, SectionHeader, Label, Caption } from './components/Typog
|
|
|
24
24
|
export type { HeadingProps, TextProps, SectionHeaderProps, LabelProps, CaptionProps } from './components/Typography';
|
|
25
25
|
export { LoadingSpinner, LoadingOverlay } from './components/LoadingSpinner';
|
|
26
26
|
export type { LoadingSpinnerProps, LoadingOverlayProps } from './components/LoadingSpinner';
|
|
27
|
+
export { GlobalLoading } from './components/GlobalLoading';
|
|
28
|
+
export type { GlobalLoadingProps } from './components/GlobalLoading';
|
|
27
29
|
export { message, MessageProvider } from './components/Message';
|
|
28
30
|
export type { MessageOptions, MessageResult, MessageType } from './components/Message';
|
|
29
31
|
export { ReadOnlyField } from './components/ReadOnlyField';
|
package/dist/src/index.js
CHANGED
|
@@ -12,6 +12,7 @@ export { MultiSelect } from './components/MultiSelect';
|
|
|
12
12
|
export { Select } from './components/Select';
|
|
13
13
|
export { Heading, Text, SectionHeader, Label, Caption } from './components/Typography';
|
|
14
14
|
export { LoadingSpinner, LoadingOverlay } from './components/LoadingSpinner';
|
|
15
|
+
export { GlobalLoading } from './components/GlobalLoading';
|
|
15
16
|
export { message, MessageProvider } from './components/Message';
|
|
16
17
|
export { ReadOnlyField } from './components/ReadOnlyField';
|
|
17
18
|
export { Modal } from './components/Modal';
|
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,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,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACrG,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,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;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|