@scality/core-ui 0.161.0 → 0.162.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/README.md +15 -15
- package/dist/components/accordion/Accordion.component.d.ts +0 -1
- package/dist/components/accordion/Accordion.component.d.ts.map +1 -1
- package/dist/components/barchartv2/Barchart.component.d.ts +55 -0
- package/dist/components/barchartv2/Barchart.component.d.ts.map +1 -0
- package/dist/components/barchartv2/Barchart.component.js +76 -0
- package/dist/components/barchartv2/utils.d.ts +95 -0
- package/dist/components/barchartv2/utils.d.ts.map +1 -0
- package/dist/components/barchartv2/utils.js +305 -0
- package/dist/components/buttonv2/Buttonv2.component.d.ts +1 -1
- package/dist/components/buttonv2/Buttonv2.component.d.ts.map +1 -1
- package/dist/components/constrainedtext/Constrainedtext.component.d.ts +2 -1
- package/dist/components/constrainedtext/Constrainedtext.component.d.ts.map +1 -1
- package/dist/components/constrainedtext/Constrainedtext.component.js +5 -4
- package/dist/components/coreuithemeprovider/CoreUiThemeProvider.d.ts +0 -1
- package/dist/components/coreuithemeprovider/CoreUiThemeProvider.d.ts.map +1 -1
- package/dist/components/date/FormattedDateTime.d.ts +1 -0
- package/dist/components/date/FormattedDateTime.d.ts.map +1 -1
- package/dist/components/date/FormattedDateTime.js +5 -0
- package/dist/components/emptytable/Emptytable.component.d.ts +0 -1
- package/dist/components/emptytable/Emptytable.component.d.ts.map +1 -1
- package/dist/components/emptytable/Emptytable.component.js +1 -0
- package/dist/components/error-pages/ErrorPage401.component.d.ts +0 -1
- package/dist/components/error-pages/ErrorPage401.component.d.ts.map +1 -1
- package/dist/components/error-pages/ErrorPage404.component.d.ts +0 -1
- package/dist/components/error-pages/ErrorPage404.component.d.ts.map +1 -1
- package/dist/components/error-pages/ErrorPage500.component.d.ts +0 -1
- package/dist/components/error-pages/ErrorPage500.component.d.ts.map +1 -1
- package/dist/components/error-pages/ErrorPageAuth.component.d.ts.map +1 -1
- package/dist/components/form/Form.component.d.ts +2 -2
- package/dist/components/form/Form.component.d.ts.map +1 -1
- package/dist/components/infomessage/InfoMessage.component.d.ts +0 -1
- package/dist/components/infomessage/InfoMessage.component.d.ts.map +1 -1
- package/dist/components/lateralnavbarlayout/LateralNavbarLayout.component.d.ts.map +1 -1
- package/dist/components/layout/Layout.component.d.ts.map +1 -1
- package/dist/components/layout/v2/panels.d.ts.map +1 -1
- package/dist/components/modal/Modal.component.js +2 -2
- package/dist/components/navbar/Navbar.component.js +2 -2
- package/dist/components/scrollbarwrapper/ScrollbarWrapper.component.d.ts +0 -1
- package/dist/components/scrollbarwrapper/ScrollbarWrapper.component.d.ts.map +1 -1
- package/dist/components/searchinput/SearchInput.component.d.ts +1 -2
- package/dist/components/searchinput/SearchInput.component.d.ts.map +1 -1
- package/dist/components/selectv2/Selectv2.component.d.ts +5 -5
- package/dist/components/selectv2/Selectv2.component.d.ts.map +1 -1
- package/dist/components/statuswrapper/Statuswrapper.component.d.ts +0 -1
- package/dist/components/statuswrapper/Statuswrapper.component.d.ts.map +1 -1
- package/dist/components/tablev2/Search.js +2 -2
- package/dist/components/tablev2/SingleSelectableContent.d.ts +1 -2
- package/dist/components/tablev2/SingleSelectableContent.d.ts.map +1 -1
- package/dist/components/tablev2/TableCommon.d.ts +2 -2
- package/dist/components/tablev2/TableCommon.d.ts.map +1 -1
- package/dist/components/tablev2/TableSync.d.ts +8 -0
- package/dist/components/tablev2/TableSync.d.ts.map +1 -0
- package/dist/components/tablev2/TableSync.js +11 -0
- package/dist/components/tablev2/Tablev2.component.d.ts +2 -1
- package/dist/components/tablev2/Tablev2.component.d.ts.map +1 -1
- package/dist/components/tablev2/Tablev2.component.js +10 -9
- package/dist/components/tabsv2/ScrollButton.d.ts +1 -2
- package/dist/components/tabsv2/ScrollButton.d.ts.map +1 -1
- package/dist/components/tabsv2/ScrollButton.js +2 -2
- package/dist/components/tabsv2/Tabsv2.component.d.ts +2 -2
- package/dist/components/tabsv2/Tabsv2.component.d.ts.map +1 -1
- package/dist/components/tabsv2/Tabsv2.component.js +2 -2
- package/dist/components/text/Text.component.d.ts +0 -1
- package/dist/components/text/Text.component.d.ts.map +1 -1
- package/dist/components/textarea/TextArea.component.d.ts +3 -3
- package/dist/components/textarea/TextArea.component.d.ts.map +1 -1
- package/dist/components/textbadge/TextBadge.component.d.ts +0 -1
- package/dist/components/textbadge/TextBadge.component.d.ts.map +1 -1
- package/dist/components/toast/Toast.component.d.ts +1 -1
- package/dist/components/toast/Toast.component.d.ts.map +1 -1
- package/dist/components/toast/ToastProvider.d.ts.map +1 -1
- package/dist/components/vegachartv2/SyncedCursorCharts.d.ts +1 -2
- package/dist/components/vegachartv2/SyncedCursorCharts.d.ts.map +1 -1
- package/dist/components/vegachartv2/VegaChartV2.component.d.ts +1 -2
- package/dist/components/vegachartv2/VegaChartV2.component.d.ts.map +1 -1
- package/dist/components/vegachartv2/VegaChartV2.component.js +2 -2
- package/dist/icons/branding.d.ts.map +1 -1
- package/dist/icons/scality-loading.d.ts.map +1 -1
- package/dist/next.d.ts +1 -0
- package/dist/next.d.ts.map +1 -1
- package/dist/next.js +1 -0
- package/dist/style/theme.d.ts +19 -0
- package/dist/style/theme.d.ts.map +1 -1
- package/dist/style/theme.js +18 -1
- package/package.json +6 -3
- package/setupTests.js +6 -0
- package/src/lib/components/accordion/Accordion.component.tsx +1 -1
- package/src/lib/components/barchartv2/Barchart.component.test.tsx +383 -0
- package/src/lib/components/barchartv2/Barchart.component.tsx +309 -0
- package/src/lib/components/barchartv2/utils.test.ts +782 -0
- package/src/lib/components/barchartv2/utils.ts +486 -0
- package/src/lib/components/buttonv2/Buttonv2.component.tsx +1 -1
- package/src/lib/components/constrainedtext/Constrainedtext.component.tsx +22 -3
- package/src/lib/components/coreuithemeprovider/CoreUiThemeProvider.tsx +0 -1
- package/src/lib/components/date/FormattedDateTime.tsx +6 -0
- package/src/lib/components/emptytable/Emptytable.component.tsx +1 -1
- package/src/lib/components/error-pages/ErrorPage401.component.tsx +0 -1
- package/src/lib/components/error-pages/ErrorPage404.component.tsx +0 -1
- package/src/lib/components/error-pages/ErrorPage500.component.tsx +0 -1
- package/src/lib/components/error-pages/ErrorPageAuth.component.tsx +0 -1
- package/src/lib/components/form/Form.component.tsx +1 -1
- package/src/lib/components/infomessage/InfoMessage.component.tsx +0 -1
- package/src/lib/components/lateralnavbarlayout/LateralNavbarLayout.component.tsx +0 -1
- package/src/lib/components/layout/Layout.component.tsx +0 -1
- package/src/lib/components/layout/v2/panels.tsx +1 -1
- package/src/lib/components/modal/Modal.component.tsx +2 -2
- package/src/lib/components/navbar/Navbar.component.tsx +2 -2
- package/src/lib/components/scrollbarwrapper/ScrollbarWrapper.component.tsx +0 -1
- package/src/lib/components/searchinput/SearchInput.component.tsx +0 -1
- package/src/lib/components/selectv2/Selectv2.component.tsx +11 -9
- package/src/lib/components/sidebar/Sidebar.component.tsx +1 -1
- package/src/lib/components/statuswrapper/Statuswrapper.component.tsx +0 -1
- package/src/lib/components/tablev2/Search.tsx +2 -2
- package/src/lib/components/tablev2/SingleSelectableContent.tsx +2 -2
- package/src/lib/components/tablev2/TableCommon.tsx +1 -1
- package/src/lib/components/tablev2/TableSync.test.tsx +31 -0
- package/src/lib/components/tablev2/TableSync.tsx +36 -0
- package/src/lib/components/tablev2/Tablev2.component.tsx +11 -9
- package/src/lib/components/tabsv2/ScrollButton.tsx +2 -2
- package/src/lib/components/tabsv2/Tabsv2.component.tsx +6 -6
- package/src/lib/components/text/Text.component.tsx +4 -5
- package/src/lib/components/textarea/TextArea.component.tsx +3 -2
- package/src/lib/components/textbadge/TextBadge.component.tsx +0 -1
- package/src/lib/components/toast/Toast.component.tsx +1 -1
- package/src/lib/components/toast/ToastProvider.tsx +3 -1
- package/src/lib/components/vegachartv2/SyncedCursorCharts.tsx +1 -1
- package/src/lib/components/vegachartv2/VegaChartV2.component.tsx +2 -2
- package/src/lib/icons/branding.tsx +0 -2
- package/src/lib/icons/scality-loading.tsx +0 -2
- package/src/lib/next.ts +5 -0
- package/src/lib/style/theme.ts +24 -1
- package/stories/BarChart/barchart.stories.tsx +655 -0
- package/stories/areachart.stories.tsx +0 -1
- package/stories/tablev2.stories.tsx +41 -0
- package/tsconfig.json +5 -2
|
@@ -5,7 +5,8 @@ type Props = {
|
|
|
5
5
|
tooltipStyle?: $PropertyType<TooltipProps, 'overlayStyle'>;
|
|
6
6
|
tooltipPlacement?: $PropertyType<TooltipProps, 'placement'>;
|
|
7
7
|
lineClamp?: number;
|
|
8
|
+
centered?: boolean;
|
|
8
9
|
};
|
|
9
|
-
declare function ConstrainedText({ text, tooltipStyle, tooltipPlacement, lineClamp, }: Props): JSX.Element;
|
|
10
|
+
declare function ConstrainedText({ text, tooltipStyle, tooltipPlacement, lineClamp, centered, }: Props): JSX.Element;
|
|
10
11
|
export { ConstrainedText };
|
|
11
12
|
//# sourceMappingURL=Constrainedtext.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Constrainedtext.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/constrainedtext/Constrainedtext.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAGrE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACpD,YAAY,CAAC,EAAE,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;
|
|
1
|
+
{"version":3,"file":"Constrainedtext.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/constrainedtext/Constrainedtext.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAGrE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACpD,YAAY,CAAC,EAAE,aAAa,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAwDF,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,SAAa,EACb,QAAgB,GACjB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAqCrB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -9,6 +9,7 @@ import { Text } from '../text/Text.component';
|
|
|
9
9
|
const ConstrainedTextContainer = styled.div `
|
|
10
10
|
overflow: hidden;
|
|
11
11
|
text-overflow: ellipsis;
|
|
12
|
+
text-align: ${(props) => (props.centered ? 'center' : 'left')};
|
|
12
13
|
|
|
13
14
|
${(props) => props.lineClamp > 1
|
|
14
15
|
? `
|
|
@@ -34,14 +35,14 @@ function isEllipsisActive(element) {
|
|
|
34
35
|
(element.offsetWidth < element.scrollWidth ||
|
|
35
36
|
element.offsetHeight < element.scrollHeight));
|
|
36
37
|
}
|
|
37
|
-
function getConstrainedTextContainer(constrainedTextRef, lineClamp, text) {
|
|
38
|
-
return (_jsx(ConstrainedTextContainer, { ref: constrainedTextRef, className: "sc-constrainedtext", lineClamp: lineClamp, children: text }));
|
|
38
|
+
function getConstrainedTextContainer(constrainedTextRef, lineClamp, text, centered) {
|
|
39
|
+
return (_jsx(ConstrainedTextContainer, { ref: constrainedTextRef, className: "sc-constrainedtext", lineClamp: lineClamp, centered: centered, children: text }));
|
|
39
40
|
}
|
|
40
|
-
function ConstrainedText({ text, tooltipStyle, tooltipPlacement, lineClamp = 1, }) {
|
|
41
|
+
function ConstrainedText({ text, tooltipStyle, tooltipPlacement, lineClamp = 1, centered = false, }) {
|
|
41
42
|
const [displayToolTip, setDisplayToolTip] = useState(false);
|
|
42
43
|
const constrainedTextRef = useCallback((element) => {
|
|
43
44
|
element && text && setDisplayToolTip(isEllipsisActive(element));
|
|
44
45
|
}, [text]);
|
|
45
|
-
return (_jsx(BlockTooltip, { children: displayToolTip ? (_jsx(Tooltip, { overlay: text, overlayStyle: tooltipStyle, placement: tooltipPlacement, children: _jsx(Text, { children: getConstrainedTextContainer(constrainedTextRef, lineClamp, text) }) })) : (_jsx(Text, { children: getConstrainedTextContainer(constrainedTextRef, lineClamp, text) })) }));
|
|
46
|
+
return (_jsx(BlockTooltip, { children: displayToolTip ? (_jsx(Tooltip, { overlay: text, overlayStyle: tooltipStyle, placement: tooltipPlacement, children: _jsx(Text, { children: getConstrainedTextContainer(constrainedTextRef, lineClamp, text, centered) }) })) : (_jsx(Text, { children: getConstrainedTextContainer(constrainedTextRef, lineClamp, text, centered) })) }));
|
|
46
47
|
}
|
|
47
48
|
export { ConstrainedText };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoreUiThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/coreuithemeprovider/CoreUiThemeProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CoreUiThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/coreuithemeprovider/CoreUiThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,mBAAmB,wBAAyB,KAAK,4CAStD,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export declare const DATE_FORMATER: Intl.DateTimeFormat;
|
|
2
|
+
export declare const DAY_MONTH_FORMATER: Intl.DateTimeFormat;
|
|
2
3
|
export declare const TIME_SECOND_FORMATER: Intl.DateTimeFormat;
|
|
3
4
|
export declare const TIME_FORMATER: Intl.DateTimeFormat;
|
|
4
5
|
type FormattedDateTimeProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormattedDateTime.d.ts","sourceRoot":"","sources":["../../../src/lib/components/date/FormattedDateTime.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,qBAKxB,CAAC;AAEH,eAAO,MAAM,oBAAoB,qBAK/B,CAAC;AAEH,eAAO,MAAM,aAAa,qBAIxB,CAAC;AAEH,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EACF,MAAM,GACN,WAAW,GACX,kBAAkB,GAClB,MAAM,GACN,aAAa,GACb,UAAU,CAAC;IACf,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAaF,eAAO,MAAM,iBAAiB,uBAG3B,sBAAsB,4CAqGxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormattedDateTime.d.ts","sourceRoot":"","sources":["../../../src/lib/components/date/FormattedDateTime.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,qBAKxB,CAAC;AAEH,eAAO,MAAM,kBAAkB,qBAI7B,CAAC;AAEH,eAAO,MAAM,oBAAoB,qBAK/B,CAAC;AAEH,eAAO,MAAM,aAAa,qBAIxB,CAAC;AAEH,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EACF,MAAM,GACN,WAAW,GACX,kBAAkB,GAClB,MAAM,GACN,aAAa,GACb,UAAU,CAAC;IACf,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAaF,eAAO,MAAM,iBAAiB,uBAG3B,sBAAsB,4CAqGxB,CAAC"}
|
|
@@ -7,6 +7,11 @@ export const DATE_FORMATER = Intl.DateTimeFormat('fr-CA', {
|
|
|
7
7
|
day: '2-digit',
|
|
8
8
|
hour12: false,
|
|
9
9
|
});
|
|
10
|
+
export const DAY_MONTH_FORMATER = Intl.DateTimeFormat('en-GB', {
|
|
11
|
+
weekday: 'short',
|
|
12
|
+
day: '2-digit',
|
|
13
|
+
month: 'short',
|
|
14
|
+
});
|
|
10
15
|
export const TIME_SECOND_FORMATER = Intl.DateTimeFormat('en-GB', {
|
|
11
16
|
hour12: false,
|
|
12
17
|
hour: '2-digit',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Emptytable.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/emptytable/Emptytable.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Emptytable.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/emptytable/Emptytable.component.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAuDF,iBAAS,UAAU,CAAC,KAAK,EAAE,KAAK,2CAY/B;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorPage401.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/error-pages/ErrorPage401.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorPage401.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/error-pages/ErrorPage401.component.tsx"],"names":[],"mappings":"AA0BA,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,iBAAS,YAAY,CAAC,EACpB,WAAuB,EACvB,MAAa,EACb,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,KAAK,2CAoCP;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorPage404.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/error-pages/ErrorPage404.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorPage404.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/error-pages/ErrorPage404.component.tsx"],"names":[],"mappings":"AA0BA,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,iBAAS,YAAY,CAAC,EAAE,MAAa,EAAE,iBAAiB,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CA6BzE;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorPage500.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/error-pages/ErrorPage500.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorPage500.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/error-pages/ErrorPage500.component.tsx"],"names":[],"mappings":"AA+BA,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzE,YAAY,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C,CAAC;AAEF,iBAAS,YAAY,CAAC,EACpB,WAAuB,EACvB,MAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,KAAK,2CAwCP;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorPageAuth.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/error-pages/ErrorPageAuth.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorPageAuth.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/error-pages/ErrorPageAuth.component.tsx"],"names":[],"mappings":"AA0BA,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,iBAAS,aAAa,CAAC,EACrB,WAAuB,EACvB,MAAa,EACb,GAAG,IAAI,EACR,EAAE,KAAK,2CA+BP;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FormHTMLAttributes, ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { IconName } from '../icon/Icon.component';
|
|
3
3
|
declare const DESCRIPTION_PREFIX = "describe-";
|
|
4
4
|
declare const LABEL_PREFIX = "label-";
|
|
@@ -50,7 +50,7 @@ type FormSectionProps = {
|
|
|
50
50
|
rightActions?: ReactNode;
|
|
51
51
|
};
|
|
52
52
|
declare const FormSection: ({ children, title, forceLabelWidth, rightActions, }: FormSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
53
|
-
declare const Form:
|
|
53
|
+
declare const Form: import("react").ForwardRefExoticComponent<(PageFormProps | TabFormProps) & import("react").RefAttributes<HTMLFormElement>>;
|
|
54
54
|
declare const useFieldContext: () => {
|
|
55
55
|
isContextAvailable: boolean;
|
|
56
56
|
error?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/form/Form.component.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Form.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/form/Form.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,kBAAkB,EAGlB,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAQ,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAKxD,QAAA,MAAM,kBAAkB,cAAc,CAAC;AACvC,QAAA,MAAM,YAAY,WAAW,CAAC;AAG9B,KAAK,SAAS,GAAG,IAAI,CACnB,kBAAkB,CAAC,eAAe,CAAC,EACnC,YAAY,GAAG,gBAAgB,CAChC,GAAG;IACF,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;KACjB,CAAC;CACH,GAAG,SAAS,CAAC;AACd,KAAK,YAAY,GAAG;IAAE,MAAM,EAAE;QAAE,IAAI,EAAE,KAAK,CAAA;KAAE,CAAA;CAAE,GAAG,SAAS,CAAC;AAyD5D,KAAK,YAAY,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,SAAS,6GAWZ,cAAc,4CAsGhB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,EAAE,CAAC;IACxE,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,WAAW,wDAKd,gBAAgB,4CAmClB,CAAC;AAgGF,QAAA,MAAM,IAAI,4HAYT,CAAC;AASF,QAAA,MAAM,eAAe;;YANX,MAAM;eACH,OAAO;eACP,OAAO;CAWnB,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoMessage.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/infomessage/InfoMessage.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InfoMessage.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/infomessage/InfoMessage.component.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAYF,eAAO,MAAM,WAAW,6BAA8B,KAAK,4CAuB1D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LateralNavbarLayout.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/lateralnavbarlayout/LateralNavbarLayout.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LateralNavbarLayout.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/lateralnavbarlayout/LateralNavbarLayout.component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAGrE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,CAAC;AAiBF,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CASjE;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/layout/Layout.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Layout.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/layout/Layout.component.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAGrE,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,CAAC;AAgBF,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,2CAc3E;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panels.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/v2/panels.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"panels.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/v2/panels.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAwDnD,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAgB/C,eAAO,MAAM,cAAc,2DAMxB;IACD,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE;QAAE,QAAQ,EAAE,YAAY,CAAC;QAAC,UAAU,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;IAChE,UAAU,EAAE;QAAE,QAAQ,EAAE,YAAY,CAAC;QAAC,UAAU,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAmBA,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useLayoutEffect, useRef } from 'react';
|
|
3
|
-
import
|
|
3
|
+
import { createPortal } from 'react-dom';
|
|
4
4
|
import styled from 'styled-components';
|
|
5
5
|
import { Wrap, spacing } from '../../spacing';
|
|
6
6
|
import { zIndex } from '../../style/theme';
|
|
@@ -73,7 +73,7 @@ const Modal = ({ isOpen, close, title, children, footer, subTitle, role = 'dialo
|
|
|
73
73
|
}
|
|
74
74
|
}, [isOpen]);
|
|
75
75
|
return isOpen
|
|
76
|
-
?
|
|
76
|
+
? createPortal(_jsx(ModalContainer, { className: "sc-modal", role: role, "aria-modal": "true", "aria-labelledby": "dialog_label", "aria-describedby": "dialog_desc", ...rest, children: _jsxs(ModalContent, { className: "sc-modal-content", children: [_jsx(ModalHeader, { className: "sc-modal-header", children: _jsxs(Wrap, { style: { flex: 1 }, children: [_jsx(Text, { variant: "Larger", id: "dialog_label", children: title }), close ? (_jsx(Button, { icon: _jsx(Icon, { name: "Close" }), onClick: close, tooltip: {
|
|
77
77
|
overlay: 'Close modal',
|
|
78
78
|
} })) : (_jsx(_Fragment, { children: subTitle }))] }) }), _jsx(ModalBody, { className: "sc-modal-body", id: "dialog_desc", children: children }), footer && (_jsx(ModalFooter, { className: "sc-modal-footer", children: footer }))] }) }), modalContainer.current)
|
|
79
79
|
: null;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import { cloneElement, Fragment } from 'react';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { Logo } from '../../icons/branding';
|
|
5
5
|
import { spacing } from '../../spacing';
|
|
@@ -156,7 +156,7 @@ function NavBar({ onToggleClick, logo, tabs = [], rightActions = [], ...rest })
|
|
|
156
156
|
if (render) {
|
|
157
157
|
return (_jsx(Fragment, { children: render }, `navbar_tab_item_${index}`));
|
|
158
158
|
}
|
|
159
|
-
return link ? (
|
|
159
|
+
return link ? (cloneElement(link, {
|
|
160
160
|
className: selected ? 'selected' : '',
|
|
161
161
|
'aria-selected': selected,
|
|
162
162
|
role: 'tab',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollbarWrapper.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/scrollbarwrapper/ScrollbarWrapper.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScrollbarWrapper.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/scrollbarwrapper/ScrollbarWrapper.component.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAmDF,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAO5C;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { ChangeEvent } from 'react';
|
|
3
2
|
import { InputSize } from '../inputv2/inputv2';
|
|
4
3
|
export type Props = {
|
|
@@ -11,6 +10,6 @@ export type Props = {
|
|
|
11
10
|
size?: InputSize;
|
|
12
11
|
autoComplete?: 'on' | 'off';
|
|
13
12
|
};
|
|
14
|
-
declare const SearchInput:
|
|
13
|
+
declare const SearchInput: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
|
|
15
14
|
export { SearchInput };
|
|
16
15
|
//# sourceMappingURL=SearchInput.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/searchinput/SearchInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SearchInput.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/searchinput/SearchInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA2C,MAAM,OAAO,CAAC;AAG7E,OAAO,EAAS,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,MAAM,KAAK,GAAG;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;CAC7B,CAAC;AAuCF,QAAA,MAAM,WAAW,2FAuFhB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
|
|
2
2
|
import { GroupTypeBase, OptionTypeBase } from 'react-select';
|
|
3
3
|
import ReactSelect from 'react-select/src/Select';
|
|
4
4
|
export type OptionProps = {
|
|
5
5
|
title?: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
|
-
icon?:
|
|
8
|
-
children?:
|
|
7
|
+
icon?: ReactNode;
|
|
8
|
+
children?: ReactNode;
|
|
9
9
|
value: string;
|
|
10
|
-
disabledReason?:
|
|
10
|
+
disabledReason?: ReactNode;
|
|
11
11
|
};
|
|
12
12
|
export declare function Option({ value, children, disabled, icon, disabledReason, ...rest }: OptionProps): JSX.Element;
|
|
13
13
|
export interface SelectRef<OptionType extends OptionTypeBase, IsMulti extends boolean, GroupType extends GroupTypeBase<OptionType>> {
|
|
@@ -23,7 +23,7 @@ export type SelectProps = {
|
|
|
23
23
|
id: string;
|
|
24
24
|
placeholder?: string;
|
|
25
25
|
disabled?: boolean;
|
|
26
|
-
children?:
|
|
26
|
+
children?: ReactNode;
|
|
27
27
|
value?: string;
|
|
28
28
|
onFocus?: (event: FocusEvent) => void;
|
|
29
29
|
onBlur?: (event: FocusEvent) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Selectv2.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/selectv2/Selectv2.component.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Selectv2.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/selectv2/Selectv2.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,yBAAyB,EACzB,aAAa,EAEb,SAAS,EAEV,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,aAAa,EACb,cAAc,EAEf,MAAM,cAAc,CAAC;AAQtB,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAkBF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA0B3B;AAuOD,MAAM,WAAW,SAAS,CACxB,UAAU,SAAS,cAAc,EACjC,OAAO,SAAS,OAAO,EACvB,SAAS,SAAS,aAAa,CAAC,UAAU,CAAC;IAE3C,MAAM,EAAE,WAAW,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC;IAC3D,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CACrC,CAAC;AAWF,KAAK,mBAAmB,CACtB,UAAU,SAAS,cAAc,EACjC,OAAO,SAAS,OAAO,EACvB,SAAS,SAAS,aAAa,CAAC,UAAU,CAAC,IACzC,yBAAyB,CAC3B,WAAW,GAAG,aAAa,CAAC,SAAS,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CACvE,GAAG;IACF,MAAM,EAAE,OAAO,MAAM,CAAC;CACvB,CAAC;AAkOF,eAAO,MAAM,MAAM,6EAA0B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Statuswrapper.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/statuswrapper/Statuswrapper.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Statuswrapper.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/statuswrapper/Statuswrapper.component.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EAKP,MAAM,cAAc,CAAC;AA8CtB,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAQjD;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
2
|
import styled from 'styled-components';
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
4
|
import { useTableContext } from './Tablev2.component';
|
|
5
5
|
import { SearchInput } from '../searchinput/SearchInput.component';
|
|
6
6
|
import { BasicText } from '../text/Text.component';
|
|
@@ -37,7 +37,7 @@ export function TableSearch(props) {
|
|
|
37
37
|
const { onChange, value = '', locale = 'en', totalCount, ...rest } = props;
|
|
38
38
|
const { setGlobalFilter, rows, preGlobalFilteredRows, entityName = { en: { singular: 'result', plural: 'results' } }, } = useTableContext();
|
|
39
39
|
const totalDispayedRows = totalCount ? totalCount : rows.length;
|
|
40
|
-
|
|
40
|
+
useEffect(() => {
|
|
41
41
|
setGlobalFilter(value);
|
|
42
42
|
}, [value, setGlobalFilter, preGlobalFilteredRows]);
|
|
43
43
|
return (_jsxs(SearchContainer, { children: [_jsx(TableItemCount, { entity: entityName[locale] || entityName.en, count: totalDispayedRows, locale: locale }), _jsx(SearchInput, { value: value, placeholder: translations[locale].search, size: "1", onChange: (evt) => {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { Row } from 'react-table';
|
|
3
2
|
import { TableHeightKeyType, TableLocalType, TableVariantType } from './TableUtils';
|
|
4
3
|
export type SingleSelectableContentProps<DATA_ROW extends Record<string, unknown> = Record<string, unknown>> = {
|
|
@@ -10,7 +9,7 @@ export type SingleSelectableContentProps<DATA_ROW extends Record<string, unknown
|
|
|
10
9
|
customItemKey?: (index: number, data: DATA_ROW) => string;
|
|
11
10
|
hasScrollbar?: boolean;
|
|
12
11
|
isLoadingMoreItems?: boolean;
|
|
13
|
-
children?: (rows:
|
|
12
|
+
children?: (rows: JSX.Element) => JSX.Element;
|
|
14
13
|
};
|
|
15
14
|
export declare function SingleSelectableContent<DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ rowHeight, separationLineVariant, locale, selectedId, isLoadingMoreItems, onRowSelected, customItemKey, children, }: SingleSelectableContentProps<DATA_ROW>): import("react/jsx-runtime").JSX.Element;
|
|
16
15
|
//# sourceMappingURL=SingleSelectableContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelectableContent.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/SingleSelectableContent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SingleSelectableContent.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/SingleSelectableContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AASlC,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,4BAA4B,CACtC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAChE;IACF,SAAS,EAAE,kBAAkB,CAAC;IAC9B,qBAAqB,EAAE,gBAAgB,CAAC;IAExC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;CAC/C,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,EACA,SAAiB,EACjB,qBAA0C,EAE1C,MAAa,EACb,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,CAAC,QAAQ,CAAC,2CAmJxC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ComponentType, LegacyRef } from 'react';
|
|
2
2
|
import { Row } from 'react-table';
|
|
3
3
|
import { FixedSizeList, ListChildComponentProps, ListItemKeySelector } from 'react-window';
|
|
4
4
|
import { TableHeightKeyType, TableLocalType } from './TableUtils';
|
|
@@ -17,7 +17,7 @@ type VirtualizedRowsType<DATA_ROW extends Record<string, unknown> = Record<strin
|
|
|
17
17
|
export declare const VirtualizedRows: <DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ rows, rowHeight, setHasScrollbar, onBottom, onBottomOffset, RenderRow, listRef, itemKey, }: VirtualizedRowsType<DATA_ROW>) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export declare const useTableScrollbar: () => {
|
|
19
19
|
hasScrollbar: boolean | undefined;
|
|
20
|
-
setHasScrollbar:
|
|
20
|
+
setHasScrollbar: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
21
21
|
scrollBarWidth: number;
|
|
22
22
|
handleScrollbarWidth: (node: any) => void;
|
|
23
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCommon.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/TableCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TableCommon.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/TableCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,OAAO,EACL,aAAa,EAEb,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,kBAAkB,EAClB,cAAc,EAEf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,KAAK,mBAAmB,CACtB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAChE;IACF,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;IACtB,SAAS,EAAE,aAAa,CACtB,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAClE,CAAC;IACF,SAAS,EAAE,kBAAkB,CAAC;IAC9B,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,0HAUvC,mBAAmB,CAAC,QAAQ,CAAC,4CAmC/B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAwB7B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,KAAK,cAAc,CACjB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAChE;IACF,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;IAC1D,SAAS,EAAE,KAAK,CAAC,mBAAmB,CAClC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CACjD,CAAC;CACH,CAAC;AACF,wBAAgB,SAAS,CACvB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,kDAyEzE"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export type TableSyncProps = {
|
|
3
|
+
onSync: () => void;
|
|
4
|
+
tooltipOverlay?: string;
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>;
|
|
7
|
+
export declare function TableSync({ onSync, tooltipOverlay, loading, ...rest }: TableSyncProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=TableSync.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableSync.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/TableSync.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK7C,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;AAO7D,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,cAAc,EACd,OAAe,EACf,GAAG,IAAI,EACR,EAAE,cAAc,2CAchB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { Button } from '../buttonv2/Buttonv2.component';
|
|
4
|
+
import { Icon } from '../icon/Icon.component';
|
|
5
|
+
const TableSyncContainer = styled.div `
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
`;
|
|
9
|
+
export function TableSync({ onSync, tooltipOverlay, loading = false, ...rest }) {
|
|
10
|
+
return (_jsx(TableSyncContainer, { children: _jsx(Button, { icon: _jsx(Icon, { name: "Sync" }), tooltip: tooltipOverlay ? { overlay: tooltipOverlay } : undefined, onClick: onSync, "aria-label": "Synchronize table data", role: "button", isLoading: loading, ...rest }) }));
|
|
11
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { CellProps as TableCellProps, CoreUIColumn, HeaderGroup, Row, SortByFn, TableBodyPropGetter, TableBodyProps } from 'react-table';
|
|
3
2
|
import { TableHeightKeyType } from './TableUtils';
|
|
3
|
+
import { TableSync } from './TableSync';
|
|
4
4
|
type UpdateTableData<DATA_ROW extends Record<string, unknown> = Record<string, unknown>> = {
|
|
5
5
|
updateTableData?: <DATA_ROW_KEY extends keyof DATA_ROW>(rowId: string, columnName: DATA_ROW_KEY, value: DATA_ROW[DATA_ROW_KEY]) => void;
|
|
6
6
|
};
|
|
@@ -90,6 +90,7 @@ declare namespace Table {
|
|
|
90
90
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
91
91
|
var Search: typeof import("./Search").TableSearch;
|
|
92
92
|
var SearchWithQueryParams: typeof import("./SearchWithQueryParams").SearchWithQueryParams;
|
|
93
|
+
var Sync: typeof TableSync;
|
|
93
94
|
}
|
|
94
95
|
export { Table };
|
|
95
96
|
//# sourceMappingURL=Tablev2.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tablev2.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/Tablev2.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tablev2.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/Tablev2.component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
/// <reference path="react-table-config.ts" />
|
|
3
|
-
import
|
|
4
|
-
import { useEffect } from 'react';
|
|
3
|
+
import { createContext, useContext, useEffect, useMemo, useState } from 'react';
|
|
5
4
|
import { useBlockLayout, useExpanded, useFilters, useGlobalFilter, useRowSelect, useSortBy, useTable, defaultColumn, } from 'react-table';
|
|
6
5
|
import { useMemoCompare } from '../../hooks';
|
|
7
6
|
import { Box } from '../box/Box';
|
|
@@ -15,9 +14,10 @@ import { TableWrapper, TooltipContent } from './Tablestyle';
|
|
|
15
14
|
import { compareHealth } from './TableUtils';
|
|
16
15
|
import { useCheckbox } from './useCheckbox';
|
|
17
16
|
import { Icon } from '../icon/Icon.component';
|
|
18
|
-
|
|
17
|
+
import { TableSync } from './TableSync';
|
|
18
|
+
const TableContext = createContext(null);
|
|
19
19
|
export const useTableContext = () => {
|
|
20
|
-
const tableProps =
|
|
20
|
+
const tableProps = useContext(TableContext);
|
|
21
21
|
if (!tableProps) {
|
|
22
22
|
throw new Error('The useTableContext hook can only be used within the <TableContext.Provider/>');
|
|
23
23
|
}
|
|
@@ -48,7 +48,7 @@ function Table({ columns, data, defaultSortingKey, getRowId, children, sortTypes
|
|
|
48
48
|
},
|
|
49
49
|
...sortTypes,
|
|
50
50
|
};
|
|
51
|
-
const stringifyFilter =
|
|
51
|
+
const stringifyFilter = useMemo(() => {
|
|
52
52
|
return (rows, columnIds, value) => {
|
|
53
53
|
const filteredRows = rows.filter((row) => {
|
|
54
54
|
// we stringify the object to make sure we can match the value
|
|
@@ -59,7 +59,7 @@ function Table({ columns, data, defaultSortingKey, getRowId, children, sortTypes
|
|
|
59
59
|
return filteredRows;
|
|
60
60
|
};
|
|
61
61
|
}, []);
|
|
62
|
-
const formattedInitiallySelectedRows =
|
|
62
|
+
const formattedInitiallySelectedRows = useMemo(() => {
|
|
63
63
|
if (initiallySelectedRowsIds) {
|
|
64
64
|
return Array.from(initiallySelectedRowsIds).reduce((accumulatedValue, currentValue) => ({
|
|
65
65
|
...accumulatedValue,
|
|
@@ -68,9 +68,9 @@ function Table({ columns, data, defaultSortingKey, getRowId, children, sortTypes
|
|
|
68
68
|
}
|
|
69
69
|
return {};
|
|
70
70
|
}, []);
|
|
71
|
-
const [rowHeight, setRowHeight] =
|
|
72
|
-
const [syncScrollListener, setSyncScrollListener] =
|
|
73
|
-
const [hasScrollbar, setHasScrollbar] =
|
|
71
|
+
const [rowHeight, setRowHeight] = useState('h40');
|
|
72
|
+
const [syncScrollListener, setSyncScrollListener] = useState(null);
|
|
73
|
+
const [hasScrollbar, setHasScrollbar] = useState(false);
|
|
74
74
|
const { headerGroups, rows, prepareRow, selectedFlatRows, getTableBodyProps, state: { selectedRowIds }, preGlobalFilteredRows, setGlobalFilter, setFilter, setAllFilters, setHiddenColumns, isAllRowsSelected, toggleAllRowsSelected, } = useTable({
|
|
75
75
|
defaultColumn: {
|
|
76
76
|
...defaultColumn,
|
|
@@ -149,4 +149,5 @@ Table.SingleSelectableContent = SingleSelectableContent;
|
|
|
149
149
|
Table.MultiSelectableContent = MultiSelectableContent;
|
|
150
150
|
Table.Search = Search;
|
|
151
151
|
Table.SearchWithQueryParams = SearchWithQueryParams;
|
|
152
|
+
Table.Sync = TableSync;
|
|
152
153
|
export { Table };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
type Props = {
|
|
3
2
|
direction: 'left' | 'right';
|
|
4
3
|
onClick: (arg0: React.SyntheticEvent<HTMLDivElement>) => void;
|
|
5
4
|
};
|
|
6
|
-
declare const ScrollButton:
|
|
5
|
+
declare const ScrollButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
|
|
7
6
|
export { ScrollButton };
|
|
8
7
|
//# sourceMappingURL=ScrollButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollButton.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabsv2/ScrollButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScrollButton.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabsv2/ScrollButton.tsx"],"names":[],"mappings":"AA0BA,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC/D,CAAC;AACF,QAAA,MAAM,YAAY,2FAOhB,CAAC;AACH,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
2
|
import styled from 'styled-components';
|
|
4
3
|
import { zIndex } from '../../style/theme';
|
|
5
4
|
import { spacing } from '../../spacing';
|
|
6
5
|
import { getThemePropSelector } from '../../utils';
|
|
7
6
|
import { Icon } from '../icon/Icon.component';
|
|
7
|
+
import { forwardRef } from 'react';
|
|
8
8
|
const StyledScrollButton = styled.div `
|
|
9
9
|
display: flex;
|
|
10
10
|
justify-content: center;
|
|
@@ -24,7 +24,7 @@ const StyledScrollButton = styled.div `
|
|
|
24
24
|
border: ${spacing.r1} solid ${getThemePropSelector('infoPrimary')};
|
|
25
25
|
}
|
|
26
26
|
`;
|
|
27
|
-
const ScrollButton =
|
|
27
|
+
const ScrollButton = forwardRef(({ direction, onClick }, ref) => {
|
|
28
28
|
return (
|
|
29
29
|
// @ts-ignore
|
|
30
30
|
_jsx(StyledScrollButton, { direction: direction, onClick: onClick, ref: ref, children: _jsx(Icon, { name: `Chevron-${direction}` }) }));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
import { Tab, TabProps } from './Tab';
|
|
3
3
|
type TabsProps = {
|
|
4
4
|
activeTabColor?: string;
|
|
@@ -11,7 +11,7 @@ type TabsProps = {
|
|
|
11
11
|
children: ReactElement<TabProps>[];
|
|
12
12
|
className?: string;
|
|
13
13
|
};
|
|
14
|
-
export declare const TabsContext:
|
|
14
|
+
export declare const TabsContext: import("react").Context<boolean>;
|
|
15
15
|
declare function Tabs({ activeTabColor, activeTabSeparator, tabLineColor, inactiveTabColor, tabContentColor, separatorColor, tabHoverColor, children, className, ...rest }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
declare namespace Tabs {
|
|
17
17
|
var Tab: typeof import("./Tab").Tab;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabsv2.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabsv2/Tabsv2.component.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Tabsv2.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabsv2/Tabsv2.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EAMb,MAAM,OAAO,CAAC;AAsBf,OAAO,EAAS,GAAG,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG7C,KAAK,SAAS,GAAG;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,WAAW,kCAAgC,CAAC;AAMzD,iBAAS,IAAI,CAAC,EACZ,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,aAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,2CAqMX;kBAhNQ,IAAI;;;AAoNb,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC"}
|