@typeolymp/ui-components 1.8.3 → 1.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typeolymp/ui-components",
-  "version": "1.8.3",
+  "version": "1.9.1",
   "author": "TypeOlymp",
   "main": "build/index.js",
   "module": "build/index.es.js",
@@ -17,6 +17,7 @@
     "access": "restricted"
   },
   "peerDependencies": {
+    "html-react-parser": "^3.0.4",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "react-spinners": "^0.11.0",
@@ -33,6 +34,7 @@
     "babel-loader": "^8.2.3",
     "babel-preset-react-app": "^10.0.0",
     "date-fns": "^2.28.0",
+    "html-react-parser": "^3.0.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-spinners": "^0.11.0",

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

@@ -1,32 +0,0 @@
-import { FC } from "react";
-export declare type ValueType = string | number | boolean;
-export declare type FeedbackType = {
-    message: string;
-    status: string;
-};
-declare type FieldBaseType = {
-    name: string;
-    initialValue?: ValueType;
-    autocomplete?: string;
-    autoFocus?: boolean;
-    validateTrigger?: "onBlur";
-    validator?(value: ValueType): FeedbackType;
-};
-declare type InputFieldType = {
-    type: "text" | "password";
-    label: string | JSX.Element;
-    placeholder?: string;
-} & FieldBaseType;
-declare type NumberFieldType = {
-    type: "number";
-    label: string | JSX.Element;
-    min?: number;
-    max?: number;
-} & FieldBaseType;
-export declare type PropsType = InputFieldType | NumberFieldType;
-declare const FormField: FC<PropsType & {
-    onChange?(field: string, value: ValueType): void;
-    onBlur?(): void;
-    feedback: FeedbackType;
-}>;
-export default FormField;

package/build/components/molecules/FormField/styles.d.ts

@@ -1,5 +0,0 @@
-export declare const FieldWrapper: any;
-export declare const RadioGroup: any;
-export declare const RadioWrapper: any;
-export declare const Label: any;
-export declare const FeedbackWrapper: any;

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

@@ -1,14 +0,0 @@
-import { FC } from "react";
-export declare type PropsType = {
-    initialValue?: number;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    min?: number;
-    max?: number;
-    disabled?: boolean;
-    id?: string;
-    onChange?(value: string): void;
-    onBlur?(): void;
-};
-declare const Number: FC<PropsType>;
-export default Number;

package/build/components/molecules/Number/stories.d.ts

@@ -1,19 +0,0 @@
-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: {
-        initialValue: number;
-        min: number;
-        max: number;
-        disabled: boolean;
-        id: string;
-    };
-    argTypes: {};
-};

package/build/components/molecules/Number/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const Wrapper: any;
-export declare const StyledInputNumber: any;

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

@@ -1,8 +0,0 @@
-import { FC } from "react";
-import { TranslationType } from "@typeolymp/utility/build/types";
-export declare type PropsType = {
-    initialValue: TranslationType;
-    onChange(translation: TranslationType): void;
-};
-declare const TranslationSelect: FC<PropsType>;
-export default TranslationSelect;

package/build/components/molecules/TranslationSelect/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const Container: any;
-export declare const SelectedTranslationWrapper: any;
-export declare const DropdownContainer: any;
-export declare const Translation: any;

package/build/components/organisms/Keyboard/layouts/azerty.d.ts

@@ -1,11 +0,0 @@
-declare const _default: {
-    _id: string;
-    keyboardLayout: string;
-    index: number;
-    key: string;
-    hand: string;
-    finger: string;
-    color: string;
-    shiftKey: boolean;
-}[];
-export default _default;

package/build/components/organisms/Keyboard/layouts/index.d.ts

@@ -1,3 +0,0 @@
-import qwerty from "./qwerty";
-import azerty from "./azerty";
-export { qwerty, azerty };

package/build/components/organisms/Keyboard/layouts/qwerty.d.ts

@@ -1,11 +0,0 @@
-declare const _default: {
-    _id: string;
-    keyboardLayout: string;
-    index: number;
-    key: string;
-    hand: string;
-    finger: string;
-    color: string;
-    shiftKey: boolean;
-}[];
-export default _default;

package/build/lib/theme.d.ts

@@ -1,3 +0,0 @@
-import { ThemeType } from "./types";
-declare const theme: ThemeType;
-export default theme;

package/build/lib/types.d.ts

@@ -1,74 +0,0 @@
-export declare type ColorType = "red" | "yellow" | "blue" | "green" | "purple" | "pink" | "orange" | "darkGray" | "lightGray";
-export declare type ColorVariantsType = {
-    darker: string;
-    dark: string;
-    base: string;
-    light: string;
-};
-export declare type LocaleType = "nl-NL" | "nl-BE" | "en-GB";
-declare type ButtonThemeType = {
-    height: string;
-    heightActive: string;
-    fontSize: string;
-    marginTopActive: string;
-};
-declare type HeadingThemeType = {
-    fontSize: string;
-    lineHeight: string;
-};
-declare type SubheadingThemeType = {
-    fontSize: string;
-    fontWeight: string;
-    lineHeight: string;
-};
-declare type ParagraphThemeType = {
-    fontSize: string;
-    lineHeight: string;
-};
-export declare type ThemeType = {
-    colors: {
-        red: ColorVariantsType;
-        yellow: ColorVariantsType;
-        blue: ColorVariantsType;
-        green: ColorVariantsType;
-        purple: ColorVariantsType;
-        pink: ColorVariantsType;
-        orange: ColorVariantsType;
-        darkGray: ColorVariantsType;
-        lightGray: ColorVariantsType;
-    };
-    fonts: {
-        heading: string;
-        paragraph: string;
-    };
-    button: {
-        small: ButtonThemeType;
-        medium: ButtonThemeType;
-    };
-    heading: {
-        h1: HeadingThemeType;
-        h2: HeadingThemeType;
-        h3: HeadingThemeType;
-        h4: HeadingThemeType;
-        h5: HeadingThemeType;
-        h6: HeadingThemeType;
-    };
-    subheading: {
-        small: SubheadingThemeType;
-        medium: SubheadingThemeType;
-        large: SubheadingThemeType;
-    };
-    paragraph: {
-        tiny: ParagraphThemeType;
-        small: ParagraphThemeType;
-        medium: ParagraphThemeType;
-        large: ParagraphThemeType;
-    };
-    icon: {
-        tiny: string;
-        small: string;
-        medium: string;
-        large: string;
-    };
-};
-export {};