react-restyle-components 0.4.23 → 0.4.24
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/lib/src/core-components/src/components/AlertBanner/AlertBanner.d.ts +4 -0
- package/lib/src/core-components/src/components/AlertBanner/AlertBanner.d.ts.map +1 -0
- package/lib/src/core-components/src/components/AlertBanner/AlertBanner.js +45 -0
- package/lib/src/core-components/src/components/AlertBanner/elements.d.ts +27 -0
- package/lib/src/core-components/src/components/AlertBanner/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/AlertBanner/elements.js +233 -0
- package/lib/src/core-components/src/components/AlertBanner/index.d.ts +3 -0
- package/lib/src/core-components/src/components/AlertBanner/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/AlertBanner/index.js +2 -0
- package/lib/src/core-components/src/components/AlertBanner/types.d.ts +46 -0
- package/lib/src/core-components/src/components/AlertBanner/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/AlertBanner/types.js +10 -0
- package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts.map +1 -1
- package/lib/src/core-components/src/components/Badge/Badge.d.ts +33 -33
- package/lib/src/core-components/src/components/Breadcrumb/Breadcrumb.d.ts +28 -0
- package/lib/src/core-components/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Breadcrumb/Breadcrumb.js +83 -0
- package/lib/src/core-components/src/components/Breadcrumb/elements.d.ts +44 -0
- package/lib/src/core-components/src/components/Breadcrumb/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Breadcrumb/elements.js +370 -0
- package/lib/src/core-components/src/components/Breadcrumb/index.d.ts +4 -0
- package/lib/src/core-components/src/components/Breadcrumb/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Breadcrumb/index.js +3 -0
- package/lib/src/core-components/src/components/Breadcrumb/types.d.ts +14 -0
- package/lib/src/core-components/src/components/Breadcrumb/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Breadcrumb/types.js +3 -0
- package/lib/src/core-components/src/components/Button/Button.spec.js +1 -1
- package/lib/src/core-components/src/components/Button/button.component.js +1 -1
- package/lib/src/core-components/src/components/Chip/Chip.d.ts +5 -0
- package/lib/src/core-components/src/components/Chip/Chip.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Chip/Chip.js +64 -0
- package/lib/src/core-components/src/components/Chip/elements.d.ts +27 -0
- package/lib/src/core-components/src/components/Chip/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Chip/elements.js +253 -0
- package/lib/src/core-components/src/components/Chip/index.d.ts +3 -0
- package/lib/src/core-components/src/components/Chip/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Chip/index.js +2 -0
- package/lib/src/core-components/src/components/Chip/types.d.ts +54 -0
- package/lib/src/core-components/src/components/Chip/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Chip/types.js +4 -0
- package/lib/src/core-components/src/components/Divider/Divider.d.ts +4 -0
- package/lib/src/core-components/src/components/Divider/Divider.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Divider/Divider.js +25 -0
- package/lib/src/core-components/src/components/Divider/elements.d.ts +22 -0
- package/lib/src/core-components/src/components/Divider/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Divider/elements.js +103 -0
- package/lib/src/core-components/src/components/Divider/index.d.ts +3 -0
- package/lib/src/core-components/src/components/Divider/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Divider/index.js +2 -0
- package/lib/src/core-components/src/components/Divider/types.d.ts +30 -0
- package/lib/src/core-components/src/components/Divider/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Divider/types.js +4 -0
- package/lib/src/core-components/src/components/DynamicGrid/DynamicGrid.d.ts +6 -0
- package/lib/src/core-components/src/components/DynamicGrid/DynamicGrid.d.ts.map +1 -0
- package/lib/src/core-components/src/components/DynamicGrid/DynamicGrid.js +147 -0
- package/lib/src/core-components/src/components/DynamicGrid/GridContainer.d.ts +12 -0
- package/lib/src/core-components/src/components/DynamicGrid/GridContainer.d.ts.map +1 -0
- package/lib/src/core-components/src/components/DynamicGrid/GridContainer.js +89 -0
- package/lib/src/core-components/src/components/DynamicGrid/elements.d.ts +49 -0
- package/lib/src/core-components/src/components/DynamicGrid/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/DynamicGrid/elements.js +409 -0
- package/lib/src/core-components/src/components/DynamicGrid/index.d.ts +4 -0
- package/lib/src/core-components/src/components/DynamicGrid/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/DynamicGrid/index.js +3 -0
- package/lib/src/core-components/src/components/DynamicGrid/types.d.ts +173 -0
- package/lib/src/core-components/src/components/DynamicGrid/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/DynamicGrid/types.js +28 -0
- package/lib/src/core-components/src/components/DynamicGrid/utils.d.ts +65 -0
- package/lib/src/core-components/src/components/DynamicGrid/utils.d.ts.map +1 -0
- package/lib/src/core-components/src/components/DynamicGrid/utils.js +193 -0
- package/lib/src/core-components/src/components/FormField/FormField.d.ts +1 -1
- package/lib/src/core-components/src/components/Icon/Icon.js +1 -1
- package/lib/src/core-components/src/components/Masonry/Masonry.d.ts +7 -0
- package/lib/src/core-components/src/components/Masonry/Masonry.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Masonry/Masonry.js +73 -0
- package/lib/src/core-components/src/components/Masonry/elements.d.ts +31 -0
- package/lib/src/core-components/src/components/Masonry/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Masonry/elements.js +122 -0
- package/lib/src/core-components/src/components/Masonry/hooks.d.ts +21 -0
- package/lib/src/core-components/src/components/Masonry/hooks.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Masonry/hooks.js +100 -0
- package/lib/src/core-components/src/components/Masonry/index.d.ts +4 -0
- package/lib/src/core-components/src/components/Masonry/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Masonry/index.js +3 -0
- package/lib/src/core-components/src/components/Masonry/types.d.ts +117 -0
- package/lib/src/core-components/src/components/Masonry/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Masonry/types.js +1 -0
- package/lib/src/core-components/src/components/Picker/color-picker-modal/color-picker-modal.component.js +1 -1
- package/lib/src/core-components/src/components/Skeleton/Skeleton.d.ts +8 -0
- package/lib/src/core-components/src/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Skeleton/Skeleton.js +51 -0
- package/lib/src/core-components/src/components/Skeleton/elements.d.ts +33 -0
- package/lib/src/core-components/src/components/Skeleton/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Skeleton/elements.js +238 -0
- package/lib/src/core-components/src/components/Skeleton/index.d.ts +3 -0
- package/lib/src/core-components/src/components/Skeleton/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Skeleton/index.js +2 -0
- package/lib/src/core-components/src/components/Skeleton/types.d.ts +80 -0
- package/lib/src/core-components/src/components/Skeleton/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Skeleton/types.js +4 -0
- package/lib/src/core-components/src/components/SpeedDial/SpeedDial.d.ts +4 -0
- package/lib/src/core-components/src/components/SpeedDial/SpeedDial.d.ts.map +1 -0
- package/lib/src/core-components/src/components/SpeedDial/SpeedDial.js +128 -0
- package/lib/src/core-components/src/components/SpeedDial/elements.d.ts +57 -0
- package/lib/src/core-components/src/components/SpeedDial/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/SpeedDial/elements.js +299 -0
- package/lib/src/core-components/src/components/SpeedDial/index.d.ts +3 -0
- package/lib/src/core-components/src/components/SpeedDial/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/SpeedDial/index.js +2 -0
- package/lib/src/core-components/src/components/SpeedDial/types.d.ts +149 -0
- package/lib/src/core-components/src/components/SpeedDial/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/SpeedDial/types.js +3 -0
- package/lib/src/core-components/src/components/Switch/Switch.d.ts +4 -0
- package/lib/src/core-components/src/components/Switch/Switch.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Switch/Switch.js +26 -0
- package/lib/src/core-components/src/components/Switch/elements.d.ts +33 -0
- package/lib/src/core-components/src/components/Switch/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Switch/elements.js +167 -0
- package/lib/src/core-components/src/components/Switch/index.d.ts +3 -0
- package/lib/src/core-components/src/components/Switch/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Switch/index.js +2 -0
- package/lib/src/core-components/src/components/Switch/types.d.ts +32 -0
- package/lib/src/core-components/src/components/Switch/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Switch/types.js +3 -0
- package/lib/src/core-components/src/components/Table/Table.d.ts +7 -0
- package/lib/src/core-components/src/components/Table/Table.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Table/Table.js +357 -0
- package/lib/src/core-components/src/components/Table/elements.d.ts +89 -0
- package/lib/src/core-components/src/components/Table/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Table/elements.js +604 -0
- package/lib/src/core-components/src/components/Table/filters.d.ts +23 -0
- package/lib/src/core-components/src/components/Table/filters.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Table/filters.js +181 -0
- package/lib/src/core-components/src/components/Table/hooks.d.ts +107 -0
- package/lib/src/core-components/src/components/Table/hooks.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Table/hooks.js +451 -0
- package/lib/src/core-components/src/components/Table/index.d.ts +5 -0
- package/lib/src/core-components/src/components/Table/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Table/index.js +4 -0
- package/lib/src/core-components/src/components/Table/types.d.ts +358 -0
- package/lib/src/core-components/src/components/Table/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Table/types.js +1 -0
- package/lib/src/core-components/src/components/Toast/Toast.d.ts +5 -0
- package/lib/src/core-components/src/components/Toast/Toast.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Toast/Toast.js +50 -0
- package/lib/src/core-components/src/components/Toast/elements.d.ts +28 -0
- package/lib/src/core-components/src/components/Toast/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Toast/elements.js +272 -0
- package/lib/src/core-components/src/components/Toast/index.d.ts +3 -0
- package/lib/src/core-components/src/components/Toast/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Toast/index.js +2 -0
- package/lib/src/core-components/src/components/Toast/types.d.ts +52 -0
- package/lib/src/core-components/src/components/Toast/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Toast/types.js +9 -0
- package/lib/src/core-components/src/components/Tooltip/Tooltip.d.ts +7 -0
- package/lib/src/core-components/src/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Tooltip/Tooltip.js +200 -0
- package/lib/src/core-components/src/components/Tooltip/elements.d.ts +19 -0
- package/lib/src/core-components/src/components/Tooltip/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Tooltip/elements.js +195 -0
- package/lib/src/core-components/src/components/Tooltip/index.d.ts +3 -0
- package/lib/src/core-components/src/components/Tooltip/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Tooltip/index.js +2 -0
- package/lib/src/core-components/src/components/Tooltip/types.d.ts +81 -17
- package/lib/src/core-components/src/components/Tooltip/types.d.ts.map +1 -1
- package/lib/src/core-components/src/components/Tooltip/types.js +17 -1
- package/lib/src/core-components/src/components/Tooltip/utils.d.ts +26 -0
- package/lib/src/core-components/src/components/Tooltip/utils.d.ts.map +1 -0
- package/lib/src/core-components/src/components/Tooltip/utils.js +140 -0
- package/lib/src/core-components/src/components/TreeSelect/TreeSelect.d.ts +5 -0
- package/lib/src/core-components/src/components/TreeSelect/TreeSelect.d.ts.map +1 -0
- package/lib/src/core-components/src/components/TreeSelect/TreeSelect.js +303 -0
- package/lib/src/core-components/src/components/TreeSelect/elements.d.ts +74 -0
- package/lib/src/core-components/src/components/TreeSelect/elements.d.ts.map +1 -0
- package/lib/src/core-components/src/components/TreeSelect/elements.js +494 -0
- package/lib/src/core-components/src/components/TreeSelect/hooks.d.ts +57 -0
- package/lib/src/core-components/src/components/TreeSelect/hooks.d.ts.map +1 -0
- package/lib/src/core-components/src/components/TreeSelect/hooks.js +252 -0
- package/lib/src/core-components/src/components/TreeSelect/index.d.ts +4 -0
- package/lib/src/core-components/src/components/TreeSelect/index.d.ts.map +1 -0
- package/lib/src/core-components/src/components/TreeSelect/index.js +3 -0
- package/lib/src/core-components/src/components/TreeSelect/types.d.ts +205 -0
- package/lib/src/core-components/src/components/TreeSelect/types.d.ts.map +1 -0
- package/lib/src/core-components/src/components/TreeSelect/types.js +1 -0
- package/lib/src/core-components/src/components/index.d.ts +13 -1
- package/lib/src/core-components/src/components/index.d.ts.map +1 -1
- package/lib/src/core-components/src/components/index.js +14 -1
- package/lib/src/core-components/src/core-components/CoreButton/CoreButton.d.ts +2 -2
- package/lib/src/core-components/src/tc.global.css +7 -3
- package/lib/src/core-components/src/tc.module.css +2 -2
- package/package.json +1 -1
- package/lib/src/core-components/src/components/Tooltip/tooltip.component.d.ts +0 -29
- package/lib/src/core-components/src/components/Tooltip/tooltip.component.d.ts.map +0 -1
- package/lib/src/core-components/src/components/Tooltip/tooltip.component.js +0 -10
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/components/AlertBanner/AlertBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAahE,OAAO,EAAC,gBAAgB,EAAkB,MAAM,SAAS,CAAC;AAwD1D,eAAO,MAAM,WAAW,yFA6FvB,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useEffect, useCallback } from 'react';
|
|
4
|
+
import { AlertBannerContainer, IconWrapper, ContentWrapper, Title, Message, ActionsWrapper, ActionButton, DismissButton, } from './elements';
|
|
5
|
+
// Default icons for each type
|
|
6
|
+
const InfoIcon = () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", 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" })] }));
|
|
7
|
+
const SuccessIcon = () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), _jsx("polyline", { points: "22 4 12 14.01 9 11.01" })] }));
|
|
8
|
+
const WarningIcon = () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", 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" })] }));
|
|
9
|
+
const ErrorIcon = () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", 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" })] }));
|
|
10
|
+
const CloseIcon = () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }));
|
|
11
|
+
const getDefaultIcon = (type) => {
|
|
12
|
+
switch (type) {
|
|
13
|
+
case 'info':
|
|
14
|
+
return _jsx(InfoIcon, {});
|
|
15
|
+
case 'success':
|
|
16
|
+
return _jsx(SuccessIcon, {});
|
|
17
|
+
case 'warning':
|
|
18
|
+
return _jsx(WarningIcon, {});
|
|
19
|
+
case 'error':
|
|
20
|
+
return _jsx(ErrorIcon, {});
|
|
21
|
+
default:
|
|
22
|
+
return _jsx(InfoIcon, {});
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
export const AlertBanner = forwardRef(function AlertBannerComponent(props, ref) {
|
|
26
|
+
const { children, type = 'info', variant = 'inline', size = 'medium', isOpen = true, onClose, hideDismissButton = false, icon, showIcon = true, action, title, autoDismiss, animated = true, className, ...rest } = props;
|
|
27
|
+
// Auto dismiss
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
if (autoDismiss && isOpen && onClose) {
|
|
30
|
+
const timer = setTimeout(() => {
|
|
31
|
+
onClose();
|
|
32
|
+
}, autoDismiss);
|
|
33
|
+
return () => clearTimeout(timer);
|
|
34
|
+
}
|
|
35
|
+
}, [autoDismiss, isOpen, onClose]);
|
|
36
|
+
const handleClose = useCallback((e) => {
|
|
37
|
+
onClose?.(e);
|
|
38
|
+
}, [onClose]);
|
|
39
|
+
const handleAction = useCallback(() => {
|
|
40
|
+
action?.onClick?.();
|
|
41
|
+
}, [action]);
|
|
42
|
+
const displayIcon = icon || (showIcon ? getDefaultIcon(type) : null);
|
|
43
|
+
return (_jsxs(AlertBannerContainer, { ref: ref, "$type": type, "$variant": variant, "$size": size, "$isOpen": isOpen, "$animated": animated, role: "alert", "aria-live": "polite", "data-aui": "alert-banner", className: className, ...rest, children: [displayIcon && (_jsx(IconWrapper, { "$type": type, "$size": size, "aria-hidden": "true", children: displayIcon })), _jsxs(ContentWrapper, { children: [title && _jsx(Title, { "$size": size, children: title }), _jsx(Message, { children: children })] }), _jsxs(ActionsWrapper, { children: [action && (_jsx(ActionButton, { "$type": type, onClick: handleAction, "aria-label": action.ariaLabel || action.text, children: action.text })), !hideDismissButton && onClose && (_jsx(DismissButton, { "$type": type, "$size": size, onClick: handleClose, "aria-label": "Dismiss alert", children: _jsx(CloseIcon, {}) }))] })] }));
|
|
44
|
+
});
|
|
45
|
+
AlertBanner.displayName = 'AlertBanner';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AlertBannerType, AlertBannerVariant, AlertBannerSize } from './types';
|
|
3
|
+
export declare const AlertBannerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
$type: AlertBannerType;
|
|
5
|
+
$variant: AlertBannerVariant;
|
|
6
|
+
$size: AlertBannerSize;
|
|
7
|
+
$isOpen: boolean;
|
|
8
|
+
$animated: boolean;
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
11
|
+
$type: AlertBannerType;
|
|
12
|
+
$size: AlertBannerSize;
|
|
13
|
+
}>> & string;
|
|
14
|
+
export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
+
export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
|
|
16
|
+
$size: AlertBannerSize;
|
|
17
|
+
}>> & string;
|
|
18
|
+
export declare const Message: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
|
+
export declare const ActionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
20
|
+
export declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
21
|
+
$type: AlertBannerType;
|
|
22
|
+
}>> & string;
|
|
23
|
+
export declare const DismissButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
24
|
+
$type: AlertBannerType;
|
|
25
|
+
$size: AlertBannerSize;
|
|
26
|
+
}>> & string;
|
|
27
|
+
//# sourceMappingURL=elements.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/components/AlertBanner/elements.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAC;AAoF7E,eAAO,MAAM,oBAAoB;WACxB,eAAe;cACZ,kBAAkB;WACrB,eAAe;aACb,OAAO;eACL,OAAO;YA6DnB,CAAC;AAEF,eAAO,MAAM,WAAW;WACf,eAAe;WACf,eAAe;YAcvB,CAAC;AAEF,eAAO,MAAM,cAAc,6NAM1B,CAAC;AAEF,eAAO,MAAM,KAAK;WACT,eAAe;YAOvB,CAAC;AAEF,eAAO,MAAM,OAAO,6NAEnB,CAAC;AAEF,eAAO,MAAM,cAAc,6NAY1B,CAAC;AAEF,eAAO,MAAM,YAAY;WAChB,eAAe;YAqBvB,CAAC;AAEF,eAAO,MAAM,aAAa;WACjB,eAAe;WACf,eAAe;YA+BvB,CAAC"}
|
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
import { styled, css, keyframes } from 'styled-components';
|
|
2
|
+
import { tokens } from '../../utils/designTokens';
|
|
3
|
+
import { breakpoints } from '../../utils/abstracts';
|
|
4
|
+
// Animations
|
|
5
|
+
const slideIn = keyframes `
|
|
6
|
+
from {
|
|
7
|
+
opacity: 0;
|
|
8
|
+
transform: translateY(-100%);
|
|
9
|
+
}
|
|
10
|
+
to {
|
|
11
|
+
opacity: 1;
|
|
12
|
+
transform: translateY(0);
|
|
13
|
+
}
|
|
14
|
+
`;
|
|
15
|
+
const slideOut = keyframes `
|
|
16
|
+
from {
|
|
17
|
+
opacity: 1;
|
|
18
|
+
transform: translateY(0);
|
|
19
|
+
}
|
|
20
|
+
to {
|
|
21
|
+
opacity: 0;
|
|
22
|
+
transform: translateY(-100%);
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
// Type colors
|
|
26
|
+
const typeStyles = {
|
|
27
|
+
info: {
|
|
28
|
+
bg: '#e7f3ff',
|
|
29
|
+
border: '#3b82f6',
|
|
30
|
+
text: '#1e40af',
|
|
31
|
+
icon: '#3b82f6',
|
|
32
|
+
},
|
|
33
|
+
success: {
|
|
34
|
+
bg: '#ecfdf5',
|
|
35
|
+
border: '#10b981',
|
|
36
|
+
text: '#065f46',
|
|
37
|
+
icon: '#10b981',
|
|
38
|
+
},
|
|
39
|
+
warning: {
|
|
40
|
+
bg: '#fffbeb',
|
|
41
|
+
border: '#f59e0b',
|
|
42
|
+
text: '#92400e',
|
|
43
|
+
icon: '#f59e0b',
|
|
44
|
+
},
|
|
45
|
+
error: {
|
|
46
|
+
bg: '#fef2f2',
|
|
47
|
+
border: '#ef4444',
|
|
48
|
+
text: '#991b1b',
|
|
49
|
+
icon: '#ef4444',
|
|
50
|
+
},
|
|
51
|
+
default: {
|
|
52
|
+
bg: tokens.surface || '#f8f9fa',
|
|
53
|
+
border: tokens.outline || '#e9ecef',
|
|
54
|
+
text: tokens.onSurface || '#1a1a2e',
|
|
55
|
+
icon: tokens.primary || '#454cbf',
|
|
56
|
+
},
|
|
57
|
+
dark: {
|
|
58
|
+
bg: '#1f2937',
|
|
59
|
+
border: '#374151',
|
|
60
|
+
text: '#f9fafb',
|
|
61
|
+
icon: '#9ca3af',
|
|
62
|
+
},
|
|
63
|
+
};
|
|
64
|
+
// Size styles
|
|
65
|
+
const sizeStyles = {
|
|
66
|
+
small: {
|
|
67
|
+
padding: '0.5rem 0.75rem',
|
|
68
|
+
fontSize: '0.8125rem',
|
|
69
|
+
iconSize: '16px',
|
|
70
|
+
},
|
|
71
|
+
medium: {
|
|
72
|
+
padding: '0.75rem 1rem',
|
|
73
|
+
fontSize: '0.875rem',
|
|
74
|
+
iconSize: '20px',
|
|
75
|
+
},
|
|
76
|
+
large: {
|
|
77
|
+
padding: '1rem 1.25rem',
|
|
78
|
+
fontSize: '1rem',
|
|
79
|
+
iconSize: '24px',
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
export const AlertBannerContainer = styled.div `
|
|
83
|
+
display: ${({ $isOpen }) => ($isOpen ? 'flex' : 'none')};
|
|
84
|
+
align-items: flex-start;
|
|
85
|
+
gap: ${tokens.spacing100 || '0.5rem'};
|
|
86
|
+
width: 100%;
|
|
87
|
+
box-sizing: border-box;
|
|
88
|
+
|
|
89
|
+
/* Type colors */
|
|
90
|
+
background: ${({ $type }) => typeStyles[$type].bg};
|
|
91
|
+
border: 1px solid ${({ $type }) => typeStyles[$type].border};
|
|
92
|
+
color: ${({ $type }) => typeStyles[$type].text};
|
|
93
|
+
|
|
94
|
+
/* Size styles */
|
|
95
|
+
padding: ${({ $size }) => sizeStyles[$size].padding};
|
|
96
|
+
font-size: ${({ $size }) => sizeStyles[$size].fontSize};
|
|
97
|
+
|
|
98
|
+
/* Variant styles */
|
|
99
|
+
${({ $variant }) => $variant === 'banner' &&
|
|
100
|
+
css `
|
|
101
|
+
border-radius: 0;
|
|
102
|
+
border-left: none;
|
|
103
|
+
border-right: none;
|
|
104
|
+
`}
|
|
105
|
+
|
|
106
|
+
${({ $variant }) => $variant === 'inline' &&
|
|
107
|
+
css `
|
|
108
|
+
border-radius: ${tokens.borderRadius100 || '8px'};
|
|
109
|
+
`}
|
|
110
|
+
|
|
111
|
+
${({ $variant }) => $variant === 'floating' &&
|
|
112
|
+
css `
|
|
113
|
+
border-radius: ${tokens.borderRadius100 || '8px'};
|
|
114
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
115
|
+
position: fixed;
|
|
116
|
+
top: 1rem;
|
|
117
|
+
left: 50%;
|
|
118
|
+
transform: translateX(-50%);
|
|
119
|
+
max-width: calc(100% - 2rem);
|
|
120
|
+
z-index: 1000;
|
|
121
|
+
|
|
122
|
+
${breakpoints.md} {
|
|
123
|
+
max-width: 600px;
|
|
124
|
+
}
|
|
125
|
+
`}
|
|
126
|
+
|
|
127
|
+
/* Animation */
|
|
128
|
+
${({ $animated, $isOpen }) => $animated &&
|
|
129
|
+
css `
|
|
130
|
+
animation: ${$isOpen ? slideIn : slideOut} 0.3s ease-out;
|
|
131
|
+
`}
|
|
132
|
+
|
|
133
|
+
/* Responsive */
|
|
134
|
+
${breakpoints.xs} {
|
|
135
|
+
flex-direction: column;
|
|
136
|
+
align-items: stretch;
|
|
137
|
+
}
|
|
138
|
+
`;
|
|
139
|
+
export const IconWrapper = styled.span `
|
|
140
|
+
display: flex;
|
|
141
|
+
align-items: center;
|
|
142
|
+
justify-content: center;
|
|
143
|
+
flex-shrink: 0;
|
|
144
|
+
color: ${({ $type }) => typeStyles[$type].icon};
|
|
145
|
+
width: ${({ $size }) => sizeStyles[$size].iconSize};
|
|
146
|
+
height: ${({ $size }) => sizeStyles[$size].iconSize};
|
|
147
|
+
|
|
148
|
+
svg {
|
|
149
|
+
width: 100%;
|
|
150
|
+
height: 100%;
|
|
151
|
+
}
|
|
152
|
+
`;
|
|
153
|
+
export const ContentWrapper = styled.div `
|
|
154
|
+
flex: 1;
|
|
155
|
+
display: flex;
|
|
156
|
+
flex-direction: column;
|
|
157
|
+
gap: ${tokens.spacing050 || '0.25rem'};
|
|
158
|
+
min-width: 0;
|
|
159
|
+
`;
|
|
160
|
+
export const Title = styled.strong `
|
|
161
|
+
font-weight: 600;
|
|
162
|
+
font-size: ${({ $size }) => $size === 'small' ? '0.875rem' :
|
|
163
|
+
$size === 'large' ? '1.125rem' : '1rem'};
|
|
164
|
+
line-height: 1.4;
|
|
165
|
+
`;
|
|
166
|
+
export const Message = styled.div `
|
|
167
|
+
line-height: 1.5;
|
|
168
|
+
`;
|
|
169
|
+
export const ActionsWrapper = styled.div `
|
|
170
|
+
display: flex;
|
|
171
|
+
align-items: center;
|
|
172
|
+
gap: ${tokens.spacing100 || '0.5rem'};
|
|
173
|
+
flex-shrink: 0;
|
|
174
|
+
margin-left: auto;
|
|
175
|
+
|
|
176
|
+
${breakpoints.xs} {
|
|
177
|
+
margin-left: 0;
|
|
178
|
+
margin-top: ${tokens.spacing100 || '0.5rem'};
|
|
179
|
+
justify-content: flex-end;
|
|
180
|
+
}
|
|
181
|
+
`;
|
|
182
|
+
export const ActionButton = styled.button `
|
|
183
|
+
background: transparent;
|
|
184
|
+
border: 1px solid ${({ $type }) => typeStyles[$type].border};
|
|
185
|
+
color: ${({ $type }) => typeStyles[$type].text};
|
|
186
|
+
padding: 0.375rem 0.75rem;
|
|
187
|
+
border-radius: ${tokens.borderRadius050 || '4px'};
|
|
188
|
+
font-size: 0.8125rem;
|
|
189
|
+
font-weight: 500;
|
|
190
|
+
cursor: pointer;
|
|
191
|
+
transition: all 0.2s ease;
|
|
192
|
+
white-space: nowrap;
|
|
193
|
+
|
|
194
|
+
&:hover {
|
|
195
|
+
background: ${({ $type }) => typeStyles[$type].border}20;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
&:focus-visible {
|
|
199
|
+
outline: 2px solid ${({ $type }) => typeStyles[$type].border};
|
|
200
|
+
outline-offset: 2px;
|
|
201
|
+
}
|
|
202
|
+
`;
|
|
203
|
+
export const DismissButton = styled.button `
|
|
204
|
+
display: flex;
|
|
205
|
+
align-items: center;
|
|
206
|
+
justify-content: center;
|
|
207
|
+
background: transparent;
|
|
208
|
+
border: none;
|
|
209
|
+
color: ${({ $type }) => typeStyles[$type].text};
|
|
210
|
+
padding: 0.25rem;
|
|
211
|
+
border-radius: ${tokens.borderRadius050 || '4px'};
|
|
212
|
+
cursor: pointer;
|
|
213
|
+
transition: all 0.2s ease;
|
|
214
|
+
opacity: 0.7;
|
|
215
|
+
flex-shrink: 0;
|
|
216
|
+
width: ${({ $size }) => sizeStyles[$size].iconSize};
|
|
217
|
+
height: ${({ $size }) => sizeStyles[$size].iconSize};
|
|
218
|
+
|
|
219
|
+
&:hover {
|
|
220
|
+
opacity: 1;
|
|
221
|
+
background: ${({ $type }) => typeStyles[$type].border}20;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
&:focus-visible {
|
|
225
|
+
outline: 2px solid ${({ $type }) => typeStyles[$type].border};
|
|
226
|
+
outline-offset: 2px;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
svg {
|
|
230
|
+
width: 100%;
|
|
231
|
+
height: 100%;
|
|
232
|
+
}
|
|
233
|
+
`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/components/AlertBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const ALERT_BANNER_TYPES: readonly ["info", "success", "warning", "error", "default", "dark"];
|
|
3
|
+
export type AlertBannerType = (typeof ALERT_BANNER_TYPES)[number];
|
|
4
|
+
export declare const ALERT_BANNER_VARIANTS: readonly ["banner", "inline", "floating"];
|
|
5
|
+
export type AlertBannerVariant = (typeof ALERT_BANNER_VARIANTS)[number];
|
|
6
|
+
export declare const ALERT_BANNER_SIZES: readonly ["small", "medium", "large"];
|
|
7
|
+
export type AlertBannerSize = (typeof ALERT_BANNER_SIZES)[number];
|
|
8
|
+
export interface AlertBannerActionProps {
|
|
9
|
+
/** Action button text */
|
|
10
|
+
text: string;
|
|
11
|
+
/** Action button click handler */
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
/** ARIA label for the action button */
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
}
|
|
16
|
+
export interface AlertBannerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
/** Children content */
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
/** Alert type determines colors and default icon */
|
|
20
|
+
type?: AlertBannerType;
|
|
21
|
+
/** Display variant */
|
|
22
|
+
variant?: AlertBannerVariant;
|
|
23
|
+
/** Size of the alert */
|
|
24
|
+
size?: AlertBannerSize;
|
|
25
|
+
/** Whether the alert is visible */
|
|
26
|
+
isOpen?: boolean;
|
|
27
|
+
/** Dismiss button click handler */
|
|
28
|
+
onClose?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
|
|
29
|
+
/** Hide the dismiss button */
|
|
30
|
+
hideDismissButton?: boolean;
|
|
31
|
+
/** Custom icon element */
|
|
32
|
+
icon?: React.ReactNode;
|
|
33
|
+
/** Show default icon based on type */
|
|
34
|
+
showIcon?: boolean;
|
|
35
|
+
/** Action button configuration */
|
|
36
|
+
action?: AlertBannerActionProps;
|
|
37
|
+
/** Title text */
|
|
38
|
+
title?: string;
|
|
39
|
+
/** Auto dismiss after duration (ms) */
|
|
40
|
+
autoDismiss?: number;
|
|
41
|
+
/** Animation on enter/exit */
|
|
42
|
+
animated?: boolean;
|
|
43
|
+
/** Additional class names */
|
|
44
|
+
className?: string;
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/components/AlertBanner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,kBAAkB,qEAOrB,CAAC;AACX,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,eAAO,MAAM,qBAAqB,2CAA4C,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,kBAAkB,uCAAwC,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,MAAM,WAAW,sBAAsB;IACrC,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,sBAAsB;IACtB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,wBAAwB;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"AACA,OAAc,EAA8B,aAAa,EAAC,MAAM,OAAO,CAAC;AAMxE,MAAM,WAAW,+DAA+D;IAC9E,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,2DAA2D;IAC1E,0CAA0C;IAC1C,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,iEAAiE;IACjE,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,uCAAuC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,sDAAsD;IACtD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,yCAAyC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iDAAiD;IACjD,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,4CAA4C;IAC5C,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,gDAAgD;IAChD,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,0DAA0D;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,UAAU,CAAC,EAAE,+DAA+D,CAAC;IAC7E,+CAA+C;IAC/C,MAAM,CAAC,EAAE,2DAA2D,CAAC;IACrE,6GAA6G;IAC7G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,qDAAqD,kLAiB/D,0DAA0D,
|
|
1
|
+
{"version":3,"file":"auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"AACA,OAAc,EAA8B,aAAa,EAAC,MAAM,OAAO,CAAC;AAMxE,MAAM,WAAW,+DAA+D;IAC9E,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,2DAA2D;IAC1E,0CAA0C;IAC1C,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,iEAAiE;IACjE,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,uCAAuC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,sDAAsD;IACtD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,yCAAyC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iDAAiD;IACjD,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,4CAA4C;IAC5C,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,gDAAgD;IAChD,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,0DAA0D;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,UAAU,CAAC,EAAE,+DAA+D,CAAC;IAC7E,+CAA+C;IAC/C,MAAM,CAAC,EAAE,2DAA2D,CAAC;IACrE,6GAA6G;IAC7G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,qDAAqD,kLAiB/D,0DAA0D,4CAoR5D,CAAC"}
|
|
@@ -12,7 +12,7 @@ export declare const Badge: React.NamedExoticComponent<Omit<BadgeProps & {
|
|
|
12
12
|
classNames?: BadgeClassNames | undefined;
|
|
13
13
|
styles?: BadgeStyles | undefined;
|
|
14
14
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
|
-
ref?: ((instance: HTMLDivElement | null) => void) |
|
|
15
|
+
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
readonly type: React.ForwardRefExoticComponent<BadgeProps & {
|
|
18
18
|
classNames?: BadgeClassNames | undefined;
|
|
@@ -20,34 +20,33 @@ export declare const Badge: React.NamedExoticComponent<Omit<BadgeProps & {
|
|
|
20
20
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
21
21
|
} & {
|
|
22
22
|
Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
|
|
23
|
-
children?: React.ReactNode;
|
|
24
|
-
content?: string | undefined;
|
|
25
|
-
className?: string | undefined;
|
|
26
|
-
slot?: string | undefined;
|
|
27
|
-
style?: React.CSSProperties | undefined;
|
|
28
|
-
title?: string | undefined;
|
|
29
23
|
defaultChecked?: boolean | undefined;
|
|
30
24
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
31
25
|
suppressContentEditableWarning?: boolean | undefined;
|
|
32
26
|
suppressHydrationWarning?: boolean | undefined;
|
|
33
27
|
accessKey?: string | undefined;
|
|
34
|
-
autoCapitalize?:
|
|
28
|
+
autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
35
29
|
autoFocus?: boolean | undefined;
|
|
36
|
-
|
|
30
|
+
className?: string | undefined;
|
|
31
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
37
32
|
contextMenu?: string | undefined;
|
|
38
33
|
dir?: string | undefined;
|
|
39
|
-
draggable?: (boolean | "
|
|
40
|
-
enterKeyHint?: "
|
|
34
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
35
|
+
enterKeyHint?: "next" | "search" | "enter" | "done" | "go" | "previous" | "send" | undefined;
|
|
41
36
|
hidden?: boolean | undefined;
|
|
42
37
|
id?: string | undefined;
|
|
43
38
|
lang?: string | undefined;
|
|
44
39
|
nonce?: string | undefined;
|
|
45
|
-
|
|
40
|
+
slot?: string | undefined;
|
|
41
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
42
|
+
style?: React.CSSProperties | undefined;
|
|
46
43
|
tabIndex?: number | undefined;
|
|
44
|
+
title?: string | undefined;
|
|
47
45
|
translate?: "yes" | "no" | undefined;
|
|
48
46
|
radioGroup?: string | undefined;
|
|
49
47
|
role?: React.AriaRole | undefined;
|
|
50
48
|
about?: string | undefined;
|
|
49
|
+
content?: string | undefined;
|
|
51
50
|
datatype?: string | undefined;
|
|
52
51
|
inlist?: any;
|
|
53
52
|
prefix?: string | undefined;
|
|
@@ -68,63 +67,64 @@ export declare const Badge: React.NamedExoticComponent<Omit<BadgeProps & {
|
|
|
68
67
|
results?: number | undefined;
|
|
69
68
|
security?: string | undefined;
|
|
70
69
|
unselectable?: "off" | "on" | undefined;
|
|
71
|
-
inputMode?: "
|
|
70
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
72
71
|
is?: string | undefined;
|
|
73
72
|
exportparts?: string | undefined;
|
|
74
73
|
part?: string | undefined;
|
|
75
74
|
"aria-activedescendant"?: string | undefined;
|
|
76
|
-
"aria-atomic"?: (boolean | "
|
|
77
|
-
"aria-autocomplete"?: "inline" | "
|
|
75
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
76
|
+
"aria-autocomplete"?: "inline" | "none" | "both" | "list" | undefined;
|
|
78
77
|
"aria-braillelabel"?: string | undefined;
|
|
79
78
|
"aria-brailleroledescription"?: string | undefined;
|
|
80
|
-
"aria-busy"?: (boolean | "
|
|
81
|
-
"aria-checked"?: boolean | "
|
|
79
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
80
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
82
81
|
"aria-colcount"?: number | undefined;
|
|
83
82
|
"aria-colindex"?: number | undefined;
|
|
84
83
|
"aria-colindextext"?: string | undefined;
|
|
85
84
|
"aria-colspan"?: number | undefined;
|
|
86
85
|
"aria-controls"?: string | undefined;
|
|
87
|
-
"aria-current"?: boolean | "
|
|
86
|
+
"aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
|
|
88
87
|
"aria-describedby"?: string | undefined;
|
|
89
88
|
"aria-description"?: string | undefined;
|
|
90
89
|
"aria-details"?: string | undefined;
|
|
91
|
-
"aria-disabled"?: (boolean | "
|
|
92
|
-
"aria-dropeffect"?: "
|
|
90
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
91
|
+
"aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
|
|
93
92
|
"aria-errormessage"?: string | undefined;
|
|
94
|
-
"aria-expanded"?: (boolean | "
|
|
93
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
95
94
|
"aria-flowto"?: string | undefined;
|
|
96
|
-
"aria-grabbed"?: (boolean | "
|
|
97
|
-
"aria-haspopup"?: boolean | "
|
|
98
|
-
"aria-hidden"?: (boolean | "
|
|
99
|
-
"aria-invalid"?: boolean | "
|
|
95
|
+
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
96
|
+
"aria-haspopup"?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
|
|
97
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
98
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
100
99
|
"aria-keyshortcuts"?: string | undefined;
|
|
101
100
|
"aria-label"?: string | undefined;
|
|
102
101
|
"aria-labelledby"?: string | undefined;
|
|
103
102
|
"aria-level"?: number | undefined;
|
|
104
103
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
105
|
-
"aria-modal"?: (boolean | "
|
|
106
|
-
"aria-multiline"?: (boolean | "
|
|
107
|
-
"aria-multiselectable"?: (boolean | "
|
|
104
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
105
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
106
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
108
107
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
109
108
|
"aria-owns"?: string | undefined;
|
|
110
109
|
"aria-placeholder"?: string | undefined;
|
|
111
110
|
"aria-posinset"?: number | undefined;
|
|
112
|
-
"aria-pressed"?: boolean | "
|
|
113
|
-
"aria-readonly"?: (boolean | "
|
|
114
|
-
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "
|
|
115
|
-
"aria-required"?: (boolean | "
|
|
111
|
+
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
112
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
113
|
+
"aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
114
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
116
115
|
"aria-roledescription"?: string | undefined;
|
|
117
116
|
"aria-rowcount"?: number | undefined;
|
|
118
117
|
"aria-rowindex"?: number | undefined;
|
|
119
118
|
"aria-rowindextext"?: string | undefined;
|
|
120
119
|
"aria-rowspan"?: number | undefined;
|
|
121
|
-
"aria-selected"?: (boolean | "
|
|
120
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
122
121
|
"aria-setsize"?: number | undefined;
|
|
123
122
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
124
123
|
"aria-valuemax"?: number | undefined;
|
|
125
124
|
"aria-valuemin"?: number | undefined;
|
|
126
125
|
"aria-valuenow"?: number | undefined;
|
|
127
126
|
"aria-valuetext"?: string | undefined;
|
|
127
|
+
children?: React.ReactNode;
|
|
128
128
|
dangerouslySetInnerHTML?: {
|
|
129
129
|
__html: string | TrustedHTML;
|
|
130
130
|
} | undefined;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BreadcrumbVariant, BreadcrumbSize, BreadcrumbSeparatorType, BreadcrumbItemType } from './types';
|
|
3
|
+
export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
|
|
4
|
+
/** Children elements (breadcrumb items) */
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
/** Maximum number of breadcrumb items to display */
|
|
7
|
+
maxItems?: number;
|
|
8
|
+
/** Show overflow dots when items are truncated */
|
|
9
|
+
showOverflowDots?: boolean;
|
|
10
|
+
/** Visual variant of the breadcrumb */
|
|
11
|
+
variant?: BreadcrumbVariant;
|
|
12
|
+
/** Size of the breadcrumb */
|
|
13
|
+
size?: BreadcrumbSize;
|
|
14
|
+
/** Type of separator between items */
|
|
15
|
+
separatorType?: BreadcrumbSeparatorType;
|
|
16
|
+
/** Custom separator element */
|
|
17
|
+
customSeparator?: React.ReactNode;
|
|
18
|
+
/** Show home icon for the first item */
|
|
19
|
+
showHomeIcon?: boolean;
|
|
20
|
+
/** Collapsed items (shown in dropdown on desktop) */
|
|
21
|
+
collapsedItems?: BreadcrumbItemType[];
|
|
22
|
+
/** Callback when collapsed items dropdown is toggled */
|
|
23
|
+
onCollapsedToggle?: (isOpen: boolean) => void;
|
|
24
|
+
/** @deprecated use 'aria-label' instead */
|
|
25
|
+
ariaLabel?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
|
|
28
|
+
//# sourceMappingURL=Breadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AAaf,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uCAAuC;IACvC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,6BAA6B;IAC7B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,+BAA+B;IAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,cAAc,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACtC,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqDD,eAAO,MAAM,UAAU,qFA4KtB,CAAC"}
|