@efficiency-point/design-system 0.12.2 → 0.13.2
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/README.md +40 -0
- package/dist/components/DSAccordion/DSAccordion.d.ts +2 -1
- package/dist/components/DSAccordion/DSAccordion.d.ts.map +1 -1
- package/dist/components/DSIcon/source/IconVideoAnalytics.d.ts +3 -0
- package/dist/components/DSIcon/source/IconVideoAnalytics.d.ts.map +1 -1
- package/dist/components/DSIcon/source/index.d.ts +3 -0
- package/dist/components/DSIcon/source/index.d.ts.map +1 -1
- package/dist/components/VideoNavigationWidget/VideoNavigationWidget.d.ts +29 -0
- package/dist/components/VideoNavigationWidget/VideoNavigationWidget.d.ts.map +1 -0
- package/dist/components/VideoStatisticsModal/VideoStatisticsModal.d.ts +42 -0
- package/dist/components/VideoStatisticsModal/VideoStatisticsModal.d.ts.map +1 -0
- package/dist/components/VideoViolationWidget/VideoViolationWidget.d.ts +18 -0
- package/dist/components/VideoViolationWidget/VideoViolationWidget.d.ts.map +1 -0
- package/dist/components/VideoWidget/VideoWidget.d.ts +18 -0
- package/dist/components/VideoWidget/VideoWidget.d.ts.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +1265 -774
- package/dist/style.css +1 -1
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -81,6 +81,46 @@ export function ThemePicker() {
|
|
|
81
81
|
|
|
82
82
|
## Компоненты
|
|
83
83
|
|
|
84
|
+
### VideoWidget и связанные компоненты
|
|
85
|
+
|
|
86
|
+
`VideoWidget` — тематизируемая полупрозрачная оболочка для KPI и произвольного
|
|
87
|
+
контента. `VideoViolationWidget` формирует строку нарушения с видео-действием и
|
|
88
|
+
семантической критичностью. `VideoNavigationWidget` принимает рекурсивное дерево;
|
|
89
|
+
`scrollDepth` включает ограниченную прокрутку на выбранном уровне вложенности,
|
|
90
|
+
а `visibleRows` задаёт число видимых строк.
|
|
91
|
+
|
|
92
|
+
`VideoStatisticsModal` — отдельный прозрачный dialog для детализации исходного
|
|
93
|
+
виджета без backdrop. По умолчанию он открывается сразу под `anchorRef`, как в
|
|
94
|
+
video-analytics. Проект может выбрать `placement`, `strategy`, `offset`,
|
|
95
|
+
`viewportPadding` или полностью переопределить геометрию через `position`.
|
|
96
|
+
Графики и бизнес-содержимое передаются как React-содержимое и не входят в API
|
|
97
|
+
дизайн-системы.
|
|
98
|
+
|
|
99
|
+
```tsx
|
|
100
|
+
const widgetRef = useRef<HTMLDivElement>(null);
|
|
101
|
+
|
|
102
|
+
<div ref={widgetRef}>
|
|
103
|
+
<VideoWidget
|
|
104
|
+
title="Деньги"
|
|
105
|
+
onActivate={() => setOpen(true)}
|
|
106
|
+
activationLabel="Открыть статистику по деньгам"
|
|
107
|
+
>
|
|
108
|
+
12,8 млн ₽
|
|
109
|
+
</VideoWidget>
|
|
110
|
+
</div>
|
|
111
|
+
|
|
112
|
+
<VideoStatisticsModal
|
|
113
|
+
open={open}
|
|
114
|
+
anchorRef={widgetRef}
|
|
115
|
+
title="Деньги"
|
|
116
|
+
placement="below"
|
|
117
|
+
position={{ maxWidth: 920 }}
|
|
118
|
+
onClose={() => setOpen(false)}
|
|
119
|
+
>
|
|
120
|
+
{chart}
|
|
121
|
+
</VideoStatisticsModal>
|
|
122
|
+
```
|
|
123
|
+
|
|
84
124
|
### DSLogo и DSServiceBrand
|
|
85
125
|
|
|
86
126
|
`DSLogo` содержит бренд «Стекло» с локально поставляемым шрифтом Play Bold
|
|
@@ -9,6 +9,7 @@ export type DSAccordionProps = {
|
|
|
9
9
|
onOpenChange?: (open: boolean) => void;
|
|
10
10
|
autoScrollOnOpen?: boolean;
|
|
11
11
|
scrollOffset?: number;
|
|
12
|
+
disabled?: boolean;
|
|
12
13
|
className?: string;
|
|
13
14
|
};
|
|
14
15
|
export type DSAccordionScrollTarget = {
|
|
@@ -16,5 +17,5 @@ export type DSAccordionScrollTarget = {
|
|
|
16
17
|
delta: number;
|
|
17
18
|
};
|
|
18
19
|
export declare const getDSAccordionScrollTarget: (top: number, height: number, viewportHeight: number, offset?: number) => DSAccordionScrollTarget;
|
|
19
|
-
export declare const DSAccordion: ({ title, subtitle, children, variant, defaultOpen, open: controlledOpen, onOpenChange, autoScrollOnOpen, scrollOffset, className, }: DSAccordionProps) => import("react").JSX.Element;
|
|
20
|
+
export declare const DSAccordion: ({ title, subtitle, children, variant, defaultOpen, open: controlledOpen, onOpenChange, autoScrollOnOpen, scrollOffset, disabled, className, }: DSAccordionProps) => import("react").JSX.Element;
|
|
20
21
|
//# sourceMappingURL=DSAccordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/DSAccordion/DSAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3E,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IAClC,SAAS,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACnC,KAAK,MAAM,EACX,QAAQ,MAAM,EACd,gBAAgB,MAAM,EACtB,eAAW,KACZ,uBAsBF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,
|
|
1
|
+
{"version":3,"file":"DSAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/DSAccordion/DSAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3E,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IAClC,SAAS,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACnC,KAAK,MAAM,EACX,QAAQ,MAAM,EACd,gBAAgB,MAAM,EACtB,eAAW,KACZ,uBAsBF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,+IAYzB,gBAAgB,gCAqGlB,CAAC"}
|
|
@@ -14,11 +14,14 @@ export declare const IconCamera: (props: DSIconSourceProps) => import("react").J
|
|
|
14
14
|
export declare const IconChartNoAxesCombined: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
15
15
|
export declare const IconChevronRight: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
16
16
|
export declare const IconCircleAlert: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
17
|
+
export declare const IconCircleCheck: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
17
18
|
export declare const IconClock3: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
19
|
+
export declare const IconCoins: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
18
20
|
export declare const IconDownload: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
19
21
|
export declare const IconExternalLink: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
20
22
|
export declare const IconFactory: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
21
23
|
export declare const IconGauge: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
24
|
+
export declare const IconHandshake: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
22
25
|
export declare const IconGripVertical: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
23
26
|
export declare const IconLayoutDashboard: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
24
27
|
export declare const IconLockKeyhole: (props: DSIconSourceProps) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconVideoAnalytics.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/IconVideoAnalytics.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAgBlD,eAAO,MAAM,YAAY,UAXb,iBAAiB,gCAWiL,CAAC;AAC/M,eAAO,MAAM,iBAAiB,UAZlB,iBAAiB,gCAYgL,CAAC;AAC9M,eAAO,MAAM,aAAa,UAbd,iBAAiB,gCAaiH,CAAC;AAC/I,eAAO,MAAM,aAAa,UAdd,iBAAiB,gCAciH,CAAC;AAC/I,eAAO,MAAM,cAAc,UAff,iBAAiB,gCAeiH,CAAC;AAC/I,eAAO,MAAM,WAAW,UAhBZ,iBAAiB,gCAgB8G,CAAC;AAC5I,eAAO,MAAM,gBAAgB,UAjBjB,iBAAiB,gCAiBkH,CAAC;AAChJ,eAAO,MAAM,aAAa,UAlBd,iBAAiB,gCAkB0I,CAAC;AACxK,eAAO,MAAM,QAAQ,UAnBT,iBAAiB,gCAmB+O,CAAC;AAC7Q,eAAO,MAAM,SAAS,UApBV,iBAAiB,gCAoB41B,CAAC;AAC13B,eAAO,MAAM,aAAa,UArBd,iBAAiB,gCAqB6V,CAAC;AAC3X,eAAO,MAAM,UAAU,UAtBX,iBAAiB,gCAsBiS,CAAC;AAC/T,eAAO,MAAM,uBAAuB,UAvBxB,iBAAiB,gCAuBiX,CAAC;AAC/Y,eAAO,MAAM,gBAAgB,UAxBjB,iBAAiB,gCAwBwE,CAAC;AACtG,eAAO,MAAM,eAAe,UAzBhB,iBAAiB,gCAyB4N,CAAC;AAC1P,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"IconVideoAnalytics.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/IconVideoAnalytics.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,9 @@ export declare const icons: {
|
|
|
18
18
|
IconChartNoAxesCombined: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
19
19
|
IconChevronRight: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
20
20
|
IconCircleAlert: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
21
|
+
IconCircleCheck: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
21
22
|
IconClock3: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
23
|
+
IconCoins: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
22
24
|
IconCopy: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
23
25
|
IconDownload: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
24
26
|
IconExternalLink: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
@@ -26,6 +28,7 @@ export declare const icons: {
|
|
|
26
28
|
IconFileText: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
27
29
|
IconGauge: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
28
30
|
IconGripVertical: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
31
|
+
IconHandshake: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
29
32
|
IconLayoutDashboard: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
30
33
|
IconLockKeyhole: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
31
34
|
IconLogOut: (props: import('../types').DSIconSourceProps) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DSIcon/source/index.ts"],"names":[],"mappings":"AAuGA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiGjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type VideoNavigationStatus = 'neutral' | 'info' | 'success' | 'warning' | 'error';
|
|
3
|
+
export type VideoNavigationItem = {
|
|
4
|
+
id: string;
|
|
5
|
+
label: ReactNode;
|
|
6
|
+
children?: VideoNavigationItem[];
|
|
7
|
+
icon?: ReactNode;
|
|
8
|
+
count?: ReactNode;
|
|
9
|
+
metadata?: ReactNode;
|
|
10
|
+
status?: VideoNavigationStatus;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export type VideoNavigationWidgetProps = {
|
|
14
|
+
items: VideoNavigationItem[];
|
|
15
|
+
title?: ReactNode;
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
expandedIds?: string[];
|
|
18
|
+
defaultExpandedIds?: string[];
|
|
19
|
+
onExpandedIdsChange?: (ids: string[]) => void;
|
|
20
|
+
selectedId?: string;
|
|
21
|
+
defaultSelectedId?: string;
|
|
22
|
+
onSelectedIdChange?: (id: string) => void;
|
|
23
|
+
scrollDepth?: number;
|
|
24
|
+
visibleRows?: number;
|
|
25
|
+
emptyContent?: ReactNode;
|
|
26
|
+
className?: string;
|
|
27
|
+
};
|
|
28
|
+
export declare const VideoNavigationWidget: ({ items, title, ariaLabel, expandedIds: controlledExpandedIds, defaultExpandedIds, onExpandedIdsChange, selectedId: controlledSelectedId, defaultSelectedId, onSelectedIdChange, scrollDepth, visibleRows, emptyContent, className, }: VideoNavigationWidgetProps) => import("react").JSX.Element;
|
|
29
|
+
//# sourceMappingURL=VideoNavigationWidget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoNavigationWidget.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNavigationWidget/VideoNavigationWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9E,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzF,MAAM,MAAM,mBAAmB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACrC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAsGF,eAAO,MAAM,qBAAqB,GAAI,uOAcnC,0BAA0B,gCAwC5B,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode, RefObject } from 'react';
|
|
2
|
+
export type VideoStatisticsModalPlacement = 'below' | 'above' | 'left' | 'right' | 'center';
|
|
3
|
+
export type VideoStatisticsModalStrategy = 'fixed' | 'absolute';
|
|
4
|
+
export type VideoStatisticsModalPosition = Pick<CSSProperties, 'top' | 'right' | 'bottom' | 'left' | 'width' | 'height' | 'maxWidth' | 'maxHeight'>;
|
|
5
|
+
export type VideoStatisticsModalProps = {
|
|
6
|
+
open: boolean;
|
|
7
|
+
anchorRef?: RefObject<HTMLElement | null>;
|
|
8
|
+
title: ReactNode;
|
|
9
|
+
subtitle?: ReactNode;
|
|
10
|
+
summary?: ReactNode;
|
|
11
|
+
toolbar?: ReactNode;
|
|
12
|
+
actions?: ReactNode;
|
|
13
|
+
children: ReactNode;
|
|
14
|
+
footer?: ReactNode;
|
|
15
|
+
placement?: VideoStatisticsModalPlacement;
|
|
16
|
+
strategy?: VideoStatisticsModalStrategy;
|
|
17
|
+
position?: VideoStatisticsModalPosition;
|
|
18
|
+
offset?: number;
|
|
19
|
+
viewportPadding?: number;
|
|
20
|
+
maxWidth?: number;
|
|
21
|
+
canGoBack?: boolean;
|
|
22
|
+
onBack?: () => void;
|
|
23
|
+
onClose: () => void;
|
|
24
|
+
backLabel?: string;
|
|
25
|
+
closeLabel?: string;
|
|
26
|
+
closeOnEscape?: boolean;
|
|
27
|
+
className?: string;
|
|
28
|
+
};
|
|
29
|
+
export declare const getVideoStatisticsModalPosition: ({ anchor, placement, strategy, viewportWidth, viewportHeight, scrollX, scrollY, offset, viewportPadding, maxWidth, }: {
|
|
30
|
+
anchor?: Pick<DOMRect, "top" | "right" | "bottom" | "left" | "width" | "height">;
|
|
31
|
+
placement: VideoStatisticsModalPlacement;
|
|
32
|
+
strategy: VideoStatisticsModalStrategy;
|
|
33
|
+
viewportWidth: number;
|
|
34
|
+
viewportHeight: number;
|
|
35
|
+
scrollX: number;
|
|
36
|
+
scrollY: number;
|
|
37
|
+
offset: number;
|
|
38
|
+
viewportPadding: number;
|
|
39
|
+
maxWidth: number;
|
|
40
|
+
}) => VideoStatisticsModalPosition;
|
|
41
|
+
export declare const VideoStatisticsModal: ({ open, anchorRef, title, subtitle, summary, toolbar, actions, children, footer, placement, strategy, position, offset, viewportPadding, maxWidth, canGoBack, onBack, onClose, backLabel, closeLabel, closeOnEscape, className, }: VideoStatisticsModalProps) => import('react').ReactPortal | null;
|
|
42
|
+
//# sourceMappingURL=VideoStatisticsModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoStatisticsModal.d.ts","sourceRoot":"","sources":["../../../src/components/VideoStatisticsModal/VideoStatisticsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMH,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,6BAA6B,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC5F,MAAM,MAAM,4BAA4B,GAAG,OAAO,GAAG,UAAU,CAAC;AAEhE,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC3C,aAAa,EACb,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CACtF,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,6BAA6B,CAAC;IAC1C,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,+BAA+B,GAAI,sHAW7C;IACC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;IACjF,SAAS,EAAE,6BAA6B,CAAC;IACzC,QAAQ,EAAE,4BAA4B,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CACpB,KAAG,4BAqDH,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,mOAuBlC,yBAAyB,uCAkG3B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { DSIconName } from '../DSIcon/types';
|
|
3
|
+
export type VideoViolationSeverity = 'neutral' | 'info' | 'success' | 'warning' | 'error';
|
|
4
|
+
export type VideoViolationWidgetProps = {
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
metadata?: ReactNode[];
|
|
7
|
+
severity?: VideoViolationSeverity;
|
|
8
|
+
severityLabel: string;
|
|
9
|
+
cameraLabel?: string;
|
|
10
|
+
cameraIcon?: DSIconName;
|
|
11
|
+
onCameraClick?: () => void;
|
|
12
|
+
selected?: boolean;
|
|
13
|
+
muted?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const VideoViolationWidget: ({ title, metadata, severity, severityLabel, cameraLabel, cameraIcon, onCameraClick, selected, muted, disabled, className, }: VideoViolationWidgetProps) => import("react").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=VideoViolationWidget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoViolationWidget.d.ts","sourceRoot":"","sources":["../../../src/components/VideoViolationWidget/VideoViolationWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1F,MAAM,MAAM,yBAAyB,GAAG;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAUF,eAAO,MAAM,oBAAoB,GAAI,6HAYlC,yBAAyB,gCAoC3B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type VideoWidgetProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
title?: ReactNode;
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
actions?: ReactNode;
|
|
7
|
+
footer?: ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
density?: 'default' | 'compact';
|
|
10
|
+
selected?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
loadingLabel?: string;
|
|
14
|
+
onActivate?: () => void;
|
|
15
|
+
activationLabel?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const VideoWidget: ({ children, title, icon, actions, footer, className, density, selected, disabled, loading, loadingLabel, onActivate, activationLabel, }: VideoWidgetProps) => import("react").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=VideoWidget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoWidget.d.ts","sourceRoot":"","sources":["../../../src/components/VideoWidget/VideoWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yIAczB,gBAAgB,gCA4ClB,CAAC"}
|