@typeolymp/ui-components 2.0.3 → 2.0.4

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.
@@ -0,0 +1,11 @@
1
+ import { Locale } from "@typeolymp/utility/build/enums";
2
+ declare type TranslationsType = {
3
+ capitalLetter: string;
4
+ number: string;
5
+ specialCharacter: string;
6
+ length: string;
7
+ };
8
+ declare const translations: {
9
+ [key in Locale]: TranslationsType;
10
+ };
11
+ export default translations;
@@ -0,0 +1,5 @@
1
+ import { LocaleType } from "@typeolymp/utility/build/types";
2
+ declare const translations: {
3
+ [key in LocaleType]: string;
4
+ };
5
+ export default translations;
@@ -0,0 +1,11 @@
1
+ import { Locale } from "@typeolymp/utility/build/enums";
2
+ declare type TranslationsType = {
3
+ capitalLetter: string;
4
+ number: string;
5
+ specialCharacter: string;
6
+ length: string;
7
+ };
8
+ declare const translations: {
9
+ [key in Locale]: TranslationsType;
10
+ };
11
+ export default translations;
@@ -0,0 +1,2 @@
1
+ export declare const TabsContainer: any;
2
+ export declare const Tab: any;
@@ -0,0 +1,30 @@
1
+ declare const _default: ({
2
+ _id: string;
3
+ student: string;
4
+ exercise: string;
5
+ passed: boolean;
6
+ medal: string;
7
+ accuracy: number;
8
+ kpm: number;
9
+ hits: {
10
+ correct: number;
11
+ wrong: number;
12
+ };
13
+ seconds: number;
14
+ date: string;
15
+ } | {
16
+ _id: string;
17
+ student: string;
18
+ exercise: string;
19
+ passed: boolean;
20
+ accuracy: number;
21
+ kpm: number;
22
+ hits: {
23
+ correct: number;
24
+ wrong: number;
25
+ };
26
+ seconds: number;
27
+ date: string;
28
+ medal?: undefined;
29
+ })[];
30
+ export default _default;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,8 @@
1
+ import { FC } from "react";
2
+ export declare type PropsType = {
3
+ characters?: string[];
4
+ color?: "purple" | "yellow" | "green" | "blue" | "pink";
5
+ active?: boolean;
6
+ };
7
+ declare const Key: FC<PropsType>;
8
+ export default Key;
@@ -0,0 +1 @@
1
+ export declare const Container: any;
@@ -0,0 +1,14 @@
1
+ import { FC } from "react";
2
+ import { PropsType as KeyPropsType } from "./Key";
3
+ export declare type PropsType = {
4
+ keys?: Array<{
5
+ index: number;
6
+ key: string;
7
+ hand: "left" | "right" | "any";
8
+ color: KeyPropsType["color"];
9
+ isShiftKey: boolean;
10
+ }>;
11
+ activeKey?: string;
12
+ };
13
+ declare const Keyboard: FC<PropsType>;
14
+ export default Keyboard;
@@ -0,0 +1,6 @@
1
+ export declare const Container: any;
2
+ export declare const SpecialRow: any;
3
+ export declare const TopRow: any;
4
+ export declare const StartRow: any;
5
+ export declare const BottomRow: any;
6
+ export declare const SpacebarRow: any;
package/build/index.es.js CHANGED
@@ -48626,10 +48626,10 @@ var Keyboard = function (props) {
48626
48626
  ]) }, { children: keys[67].character })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48627
48627
  keys[70].character,
48628
48628
  keys[23].character,
48629
- ]) }, { children: [keys[70].character, jsx$1("br", {}), keys[23].character] })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48629
+ ]) }, { children: [keys[70].character, jsx$1("br", {}), !["ğ", "q"].includes(keys[23].character) && keys[23].character] })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48630
48630
  keys[69].character,
48631
48631
  keys[22].character,
48632
- ]) }, { children: [keys[69].character, jsx$1("br", {}), keys[22].character] })), jsx$1(Key, {})] }), jsxs(Row3, { children: [jsx$1(Key, {}), jsx$1(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48632
+ ]) }, { children: [keys[69].character, jsx$1("br", {}), !["ü", "w"].includes(keys[22].character) && keys[22].character] })), jsx$1(Key, {})] }), jsxs(Row3, { children: [jsx$1(Key, {}), jsx$1(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48633
48633
  keys[56].character,
48634
48634
  keys[9].character,
48635
48635
  ]) }, { children: keys[56].character })), jsx$1(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(props.activeKeys, [
@@ -48659,13 +48659,13 @@ var Keyboard = function (props) {
48659
48659
  ]) }, { children: keys[53].character })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48660
48660
  keys[55].character,
48661
48661
  keys[8].character,
48662
- ]) }, { children: [keys[55].character, jsx$1("br", {}), keys[8].character] })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48662
+ ]) }, { children: [keys[55].character, jsx$1("br", {}), !["ş", "y"].includes(keys[8].character) && keys[8].character] })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48663
48663
  keys[57].character,
48664
48664
  keys[10].character,
48665
- ]) }, { children: [keys[57].character, jsx$1("br", {}), keys[10].character] })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48665
+ ]) }, { children: [keys[57].character, jsx$1("br", {}), !["i", "ş"].includes(keys[10].character) && keys[10].character] })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48666
48666
  keys[58].character,
48667
48667
  keys[11].character,
48668
- ]) }, { children: [keys[58].character, jsx$1("br", {}), keys[11].character] })), jsx$1(Key, {})] }), jsxs(Row4, { children: [jsx$1(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, shiftKeys.right), align: "left" }, { children: jsx$1("svg", __assign$2({ viewBox: "0 0 50 50", width: 20, height: 20 }, { children: jsx$1("path", { d: "M22.7202 6.39735C23.9548 5.08044 26.0452 5.08044 27.2798 6.39735L47.1107 27.5503C48.9818 29.5461 47.5666 32.8126 44.8309 32.8126H35.9375V42.1876C35.9375 43.9135 34.5384 45.3126 32.8125 45.3126H17.1875C15.4616 45.3126 14.0625 43.9135 14.0625 42.1876V32.8126H5.1691C2.43335 32.8126 1.0182 29.5461 2.8893 27.5503L22.7202 6.39735ZM44.8309 29.6876L25 8.53467L5.1691 29.6876H14.0625C15.7884 29.6876 17.1875 31.0867 17.1875 32.8126V42.1876H32.8125V32.8126C32.8125 31.0867 34.2116 29.6876 35.9375 29.6876L44.8309 29.6876Z" }) })) })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48668
+ ]) }, { children: [keys[58].character, jsx$1("br", {}), !["x"].includes(keys[11].character) && keys[11].character] })), jsx$1(Key, {})] }), jsxs(Row4, { children: [jsx$1(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, shiftKeys.right), align: "left" }, { children: jsx$1("svg", __assign$2({ viewBox: "0 0 50 50", width: 20, height: 20 }, { children: jsx$1("path", { d: "M22.7202 6.39735C23.9548 5.08044 26.0452 5.08044 27.2798 6.39735L47.1107 27.5503C48.9818 29.5461 47.5666 32.8126 44.8309 32.8126H35.9375V42.1876C35.9375 43.9135 34.5384 45.3126 32.8125 45.3126H17.1875C15.4616 45.3126 14.0625 43.9135 14.0625 42.1876V32.8126H5.1691C2.43335 32.8126 1.0182 29.5461 2.8893 27.5503L22.7202 6.39735ZM44.8309 29.6876L25 8.53467L5.1691 29.6876H14.0625C15.7884 29.6876 17.1875 31.0867 17.1875 32.8126V42.1876H32.8125V32.8126C32.8125 31.0867 34.2116 29.6876 35.9375 29.6876L44.8309 29.6876Z" }) })) })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48669
48669
  keys[34].character,
48670
48670
  keys[81].character,
48671
48671
  ]) }, { children: [keys[81].character, jsx$1("br", {}), keys[34].character] })), jsx$1(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
@@ -48689,13 +48689,13 @@ var Keyboard = function (props) {
48689
48689
  ]) }, { children: keys[82].character })), jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(props.activeKeys, [
48690
48690
  keys[73].character,
48691
48691
  keys[26].character,
48692
- ]) }, { children: [keys[73].character, jsx$1("br", {}), keys[26].character !== "m" && keys[26].character] })), jsxs(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(props.activeKeys, [
48692
+ ]) }, { children: [keys[73].character, jsx$1("br", {}), !["m", "s"].includes(keys[26].character) && keys[26].character] })), jsxs(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(props.activeKeys, [
48693
48693
  keys[75].character,
48694
48694
  keys[28].character,
48695
- ]) }, { children: [keys[75].character, jsx$1("br", {}), keys[28].character] })), jsxs(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(props.activeKeys, [
48695
+ ]) }, { children: [keys[75].character, jsx$1("br", {}), !["ö", "b"].includes(keys[28].character) && keys[28].character] })), jsxs(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(props.activeKeys, [
48696
48696
  keys[77].character,
48697
48697
  keys[30].character,
48698
- ]) }, { children: [keys[77].character, jsx$1("br", {}), keys[30].character] })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48698
+ ]) }, { children: [keys[77].character, jsx$1("br", {}), !["ç"].includes(keys[30].character) && keys[30].character] })), jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
48699
48699
  keys[79].character,
48700
48700
  keys[32].character,
48701
48701
  ]) }, { children: [keys[79].character, jsx$1("br", {}), keys[32].character] })), jsx$1(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, shiftKeys.left), align: "right" }, { children: jsx$1("svg", __assign$2({ viewBox: "0 0 50 50", width: 20, height: 20 }, { children: jsx$1("path", { d: "M22.7202 6.39735C23.9548 5.08044 26.0452 5.08044 27.2798 6.39735L47.1107 27.5503C48.9818 29.5461 47.5666 32.8126 44.8309 32.8126H35.9375V42.1876C35.9375 43.9135 34.5384 45.3126 32.8125 45.3126H17.1875C15.4616 45.3126 14.0625 43.9135 14.0625 42.1876V32.8126H5.1691C2.43335 32.8126 1.0182 29.5461 2.8893 27.5503L22.7202 6.39735ZM44.8309 29.6876L25 8.53467L5.1691 29.6876H14.0625C15.7884 29.6876 17.1875 31.0867 17.1875 32.8126V42.1876H32.8125V32.8126C32.8125 31.0867 34.2116 29.6876 35.9375 29.6876L44.8309 29.6876Z" }) })) }))] }), jsxs(Row5, { children: [jsx$1(Key, {}), jsx$1(Key, {}), jsx$1(Key, {}), jsx$1(Key, {}), jsx$1(Key, __assign$2({ color: enums.Color.PINK, isActive: containsAny(props.activeKeys, [keys[1].character]) }, { children: jsx$1("svg", __assign$2({ width: "24", height: "6", viewBox: "0 0 28 7", style: { marginTop: 10 }, fill: theme.colors.pink.dark }, { children: jsx$1("path", { d: "M0 4.5V1C0 0.447715 0.447715 0 1 0H2C2.55228 0 3 0.447715 3 1V4H25V1C25 0.447715 25.4477 0 26 0H27C27.5523 0 28 0.447715 28 1V4.5C28 5.88071 26.8807 7 25.5 7H2.5C1.11929 7 0 5.88071 0 4.5Z" }) })) })), jsx$1(Key, {}), jsx$1(Key, {}), jsx$1(Key, {}), jsx$1(Key, {})] })] }));