@typeolymp/ui-components 1.18.3 → 1.19.0

package/README.md

@@ -16,9 +16,9 @@ Open [http://localhost:6006](http://localhost:6006) with your browser to see the
 ## 👫 Contributing
 To contribute to the `ui-components` package, follow these step:
 1. **Clone the Repository:** Clone the [repository](https://github.com/TypeOlymp/ui-components) to your local machine.
-3. **Create a Branch:** Create a new branch for your changes using a descriptive name: `git checkout -b feature/my-new-feature`.
-4. **Make Changes:** Make your desired changes and improvements to the codebase.
-5. **Commit Changes:** Commit your changes with a clear and concise commit message: `git commit -m "Add a new feature"`.
-6. **Push Changes:** Push your changes to your development branch: `git push origin feature/my-new-feature`.
-7. **Update the CHANGELOG:** Update the `CHANGELOG.md` file with the new changes.
-8. **Open a Pull Request:** Visit the [repository](https://github.com/TypeOlymp/ui-components) and open a Pull Request. Describe your changes, and submit the pull request.
+2. **Create a Branch:** Create a new branch for your changes using a descriptive name: `git checkout -b feature/my-new-feature`.
+3. **Make Changes:** Make your desired changes and improvements to the codebase.
+4. **Commit Changes:** Commit your changes with a clear and concise commit message: `git commit -m "Add a new feature"`.
+5. **Push Changes:** Push your changes to your development branch: `git push origin feature/my-new-feature`.
+6. **Update the CHANGELOG:** Update the `CHANGELOG.md` file with the new changes.
+7. **Open a Pull Request:** Visit the [repository](https://github.com/TypeOlymp/ui-components) and open a Pull Request. Describe your changes, and submit the pull request.

package/build/components/atoms/DataSummary/index.d.ts

@@ -0,0 +1,18 @@
+import { FC } from "react";
+import { Locale } from "@typeolymp/utils/enums";
+declare type BasePropsType = {
+    title: string;
+    data: string[] | {
+        label: string;
+        value: string;
+    }[];
+};
+export declare type PropsType = (BasePropsType & {
+    onEdit?: never;
+    locale?: never;
+}) | (BasePropsType & {
+    onEdit?(): void;
+    locale: Locale;
+});
+declare const DataSummary: FC<PropsType>;
+export default DataSummary;

package/build/components/atoms/DataSummary/stories.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {};
+    argTypes: {};
+};

package/build/components/atoms/DataSummary/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: any;
+export declare const Data: any;

package/build/components/atoms/Icon/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 export declare type PropsType = {
-    type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar" | "plus" | "envelope" | "facebook" | "instagram" | "menuAlt" | "link" | "heart" | "thunder" | "fire" | "control" | "fileAdd" | "fileCheck" | "fileError" | "fileArrow" | "download" | "upload" | "dotsVertical" | "dotsHorizontal";
+    type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar" | "plus" | "envelope" | "facebook" | "instagram" | "menuAlt" | "link" | "heart" | "thunder" | "fire" | "control" | "fileAdd" | "fileCheck" | "fileError" | "fileArrow" | "download" | "upload" | "dotsVertical" | "dotsHorizontal" | "bell";
     size?: "tiny" | "small" | "medium" | "large";
     color?: "blue" | "green" | "orange" | "red" | "purple" | "gray" | "darkGray" | "lightGray" | "white";
     onClick?(e?: MouseEvent): void;

package/build/components/atoms/Illustration/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 export declare type PropsType = {
-    type: "keyboard" | "accuracy" | "speed" | "trophy" | "clipboard" | "rankings" | "lock" | "lockOpen" | "idCard" | "cookie" | "classroom" | "student" | "school" | "organisation" | "coach";
+    type: "keyboard" | "accuracy" | "speed" | "trophy" | "clipboard" | "rankings" | "lock" | "lockOpen" | "idCard" | "cookie" | "classroom" | "student" | "school" | "organisation" | "coach" | "certificate";
     size?: "tiny" | "small" | "medium" | "large";
 };
 declare const Illustration: FC<PropsType>;

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

@@ -1,14 +1,20 @@
 import { FC, ReactNode } from "react";
+export declare type ColumnType = {
+    title?: string;
+    dataIndex: string;
+    render?(value: any, row: any): ReactNode;
+    align?: "left" | "right" | "center";
+};
+export declare type DataType = {
+    key: string;
+    [key: string]: any;
+};
 export declare type PropsType = {
-    columns: Array<{
-        title?: string;
-        dataIndex: string;
-        render?(value: any, row: any): ReactNode;
-        align?: "left" | "right" | "center";
-    }>;
-    data: Array<{
-        [key: string]: any;
-    }>;
+    columns: ColumnType[];
+    data: DataType[];
+    rowSelection?: {
+        onChange(selectedRowKeys: string[], selectedRowKey: string, selectedRows: DataType[], selectedRow: DataType): void;
+    };
     empytText?: string;
 };
 declare const Table: FC<PropsType>;

package/build/index.d.ts

@@ -15,6 +15,7 @@ import Range from "./components/atoms/Range";
 import Select from "./components/atoms/Select";
 import Spacer from "./components/atoms/Spacer";
 import Subheading from "./components/atoms/Subheading";
+import DataSummary from "./components/atoms/DataSummary";
 import Tag from "./components/atoms/Tag";
 import Toggle from "./components/atoms/Toggle";
 import Trophy from "./components/atoms/Trophy";
@@ -51,4 +52,4 @@ import Modal from "./components/organisms/Modal";
 import Result from "./components/organisms/Result";
 import Table from "./components/organisms/Table";
 import Transfer from "./components/organisms/Transfer";
-export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Range, Select, Spacer, Subheading, Tag, Toggle, Trophy, Alert, Card, Checkboxes, Collapse, Countdown, DateInputField, Dropdown, FileUpload, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, Tabs, RadioGroup, SelectField, ToggleField, Tooltip, Chart, Form, Keyboard, Modal, Result, Table, Transfer, };
+export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Range, Select, Spacer, Subheading, DataSummary, Tag, Toggle, Trophy, Alert, Card, Checkboxes, Collapse, Countdown, DateInputField, Dropdown, FileUpload, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, Tabs, RadioGroup, SelectField, ToggleField, Tooltip, Chart, Form, Keyboard, Modal, Result, Table, Transfer, };