@typeolymp/ui-components 1.19.11 → 1.19.12

package/build/components/molecules/Popup/index.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from "react";
 export declare type PropsType = {
     title?: string;
-    content: string;
+    content: string | string[];
     contrast?: boolean;
     children: ReactNode;
 };

package/build/components/organisms/Table/index.d.ts

@@ -1,7 +1,8 @@
 import { FC, ReactNode } from "react";
 export declare type ColumnType = {
-    title?: string;
     dataIndex: string;
+    title?: string;
+    titlePopup?: string | string[];
     render?(value: any, row: any): ReactNode;
     align?: "left" | "right" | "center";
 };

package/build/index.es.js

@@ -14745,7 +14745,7 @@ var Countdown = function (_a) {
     return (jsxs(Wrapper$3, { children: [jsx$1(Value, __assign$2({ contrast: contrast }, { children: jsx$1(Heading, __assign$2({ type: "h5" }, { children: HH })) })), jsx$1(Heading, __assign$2({ type: "h5", color: color }, { children: ":" })), jsx$1(Value, __assign$2({ contrast: contrast }, { children: jsx$1(Heading, __assign$2({ type: "h5" }, { children: MM })) })), jsx$1(Heading, __assign$2({ type: "h5", color: color }, { children: ":" })), jsx$1(Value, __assign$2({ contrast: contrast }, { children: jsx$1(Heading, __assign$2({ type: "h5" }, { children: SS })) }))] }));
 };
 
-var Container$l = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject$1(["\n  width: fill-available;\n  padding: 15px;\n  border: 1px solid;\n  border-radius: 6px;\n  border-color: ", ";\n  background-color: ", ";\n  position: relative;\n\n  > div:first-child {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 50px;\n    margin-bottom: 15px;\n\n    h6 {\n      font-size: 14px;\n\n      :hover {\n        color: ", ";\n        cursor: pointer;\n      }\n    }\n  }\n"], ["\n  width: fill-available;\n  padding: 15px;\n  border: 1px solid;\n  border-radius: 6px;\n  border-color: ", ";\n  background-color: ", ";\n  position: relative;\n\n  > div:first-child {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 50px;\n    margin-bottom: 15px;\n\n    h6 {\n      font-size: 14px;\n\n      :hover {\n        color: ", ";\n        cursor: pointer;\n      }\n    }\n  }\n"])), theme.colors.lightGray.dark, theme.colors.lightGray.light, theme.colors.blue.base);
+var Container$l = styled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject$1(["\n  width: fill-available;\n  padding: 15px;\n  border: 1px solid;\n  border-radius: 6px;\n  border-color: ", ";\n  background-color: ", ";\n  position: relative;\n\n  > div:first-child {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 50px;\n    margin-bottom: 15px;\n\n    h6 {\n      font-size: 14px;\n\n      :hover {\n        color: ", ";\n        cursor: pointer;\n      }\n    }\n  }\n"], ["\n  width: fill-available;\n  padding: 15px;\n  border: 1px solid;\n  border-radius: 6px;\n  border-color: ", ";\n  background-color: ", ";\n  position: relative;\n\n  > div:first-child {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 50px;\n    margin-bottom: 15px;\n\n    h6 {\n      font-size: 14px;\n\n      :hover {\n        color: ", ";\n        cursor: pointer;\n      }\n    }\n  }\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.light, theme.colors.blue.base);
 var Data = styled.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject$1(["\n  > div {\n    width: 100%;\n    display: flex;\n    align-items: end;\n    gap: 10px;\n\n    > p {\n      width: 50%;\n    }\n  }\n"], ["\n  > div {\n    width: 100%;\n    display: flex;\n    align-items: end;\n    gap: 10px;\n\n    > p {\n      width: 50%;\n    }\n  }\n"])));
 var templateObject_1$y, templateObject_2$u;
 
@@ -17691,7 +17691,9 @@ var Popup = function (props) {
             });
         }
     });
-    return (jsxs(Fragment$1, { children: [children, jsxs(PopupContainer, __assign$2({}, position, { isVisible: isVisible, ref: popupRef, contrast: props.contrast }, { children: [props.title && (jsxs(Fragment$1, { children: [jsx$1(Heading, __assign$2({ type: "h6" }, { children: props.title })), jsx$1(Spacer, { vertical: 10 })] })), jsx$1(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: props.content }))] }))] }));
+    return (jsxs(Fragment$1, { children: [children, jsxs(PopupContainer, __assign$2({}, position, { isVisible: isVisible, ref: popupRef, contrast: props.contrast }, { children: [props.title && (jsxs(Fragment$1, { children: [jsx$1(Heading, __assign$2({ type: "h6" }, { children: props.title })), jsx$1(Spacer, { vertical: 10 })] })), typeof props.content === "string" && (jsx$1(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: props.content }))), Array.isArray(props.content) &&
+                        props.content.length > 0 &&
+                        props.content.map(function (item, index) { return (jsx$1(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: item }), "".concat(item, "-").concat(index))); })] }))] }));
 };
 
 var Wrapper = styled.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$1(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n"], ["\n  width: 100%;\n  display: flex;\n  align-items: center;\n"])));
@@ -48291,8 +48293,8 @@ var Table = function (_a) {
             rowSelection.onChange(newSelectedRowKeys, selectedKey, selectedRows, selectedRow);
     };
     return (jsxs(Container$1, { children: [jsx$1(TableHead, { children: jsxs(TableRow, { children: [rowSelection && jsx$1("th", { style: { width: 55 } }), columns.map(function (_a, index) {
-                            var title = _a.title, dataIndex = _a.dataIndex;
-                            return (jsx$1(ColumnTitle, { children: title && (jsx$1(Heading, __assign$2({ type: "h6", as: "span" }, { children: title }))) }, "".concat(dataIndex, "-").concat(index)));
+                            var title = _a.title, titlePopup = _a.titlePopup, dataIndex = _a.dataIndex;
+                            return (jsx$1(ColumnTitle, { children: jsxs("div", __assign$2({ style: { display: "flex", alignItems: "center", gap: 5 } }, { children: [title && (jsx$1(Heading, __assign$2({ type: "h6", as: "span" }, { children: title }))), titlePopup && (jsx$1(Popup, __assign$2({ content: titlePopup }, { children: jsx$1(Icon, { type: "questionCircle", size: "tiny", color: "lightGray" }) })))] })) }, "".concat(dataIndex, "-").concat(index)));
                         })] }) }), jsx$1(TableBody, { children: data.length === 0 ? (jsx$1(TableRow, { children: jsx$1(EmptyTableCell, __assign$2({ colSpan: columns.length }, { children: jsx$1(Paragraph, __assign$2({ align: "center", size: "small", weight: "regular" }, { children: emptyText || "No data" })) })) })) : (data.map(function (row, rowIndex) {
                     return (jsxs(TableRow, { children: [rowSelection && (jsx$1(TableCell, { children: jsx$1(Checkbox, { id: "".concat(rowIndex), name: "".concat(rowIndex), value: row.key, onChange: onSelectRow }) }, "row-select-".concat(rowIndex))), columns.map(function (_a, colIndex) {
                                 var dataIndex = _a.dataIndex, render = _a.render, align = _a.align;