progress

ui/src/core/extensions/array.ts

@@ -54,7 +54,7 @@ export const ArrayExtensions = () => {
   if ([].repeat === undefined) {
     // eslint-disable-next-line no-extend-native
     Array.prototype.repeat = function (quantity) {
-      return Array(quantity).fill(this[0]);
+      return Array(quantity).fill(this).flat(1);
     };
   }
 };

ui/src/core/model/style.ts

@@ -0,0 +1,3 @@
+export interface IStyle{
+    style?: React.CSSProperties;
+}

ui/src/core/ui/button/button.tsx

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { CoreText, CoreTextType } from "../text/text";
+import { IStyle } from "../../model/style";
 
-export interface IButtonProps {
+export interface IButtonProps extends IStyle {
   block?: boolean;
   filled?: boolean;
   text?: string;
   onClick?: any;
-  style?: React.CSSProperties;
 }
 
 export function CoreButton(props: IButtonProps) {

ui/src/core/ui/icons/icons.tsx

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { Result } from "../../helper/result";
+import { IStyle } from "../../model/style";
 
-export interface IIconsProps {
+export interface IIconsProps extends IStyle {
   type: string;
-  style?: React.CSSProperties;
   onClick?: Function;
 }
 

ui/src/core/ui/input/input.tsx

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { CoreText, CoreTextType } from "../text/text";
+import { IStyle } from "../../model/style";
 
-interface IInputProps {
+interface IInputProps extends IStyle {
   label: string;
   value?: string;
   onChange?: (value: string) => void;
-  style?: React.CSSProperties;
   validation?: (value: string) => boolean;
   error?: string;
 }

ui/src/core/ui/link/link.tsx

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { Typography } from "antd";
 import { useNavigate } from "react-router-dom";
+import { IStyle } from "../../model/style";
 
 const { Link } = Typography;
 
-export interface ILinkTypography {
+export interface ILinkTypography extends IStyle {
   path: string;
   text: string;
-  style?: React.CSSProperties;
 }
 
 export const LinkTypography: React.FunctionComponent<ILinkTypography> = (

ui/src/core/ui/select/select.tsx

@@ -1,12 +1,12 @@
 import React from "react";
 import { CoreText, CoreTextType } from "../text/text";
+import { IStyle } from "../../model/style";
 
-interface ISelectCoreProps {
+interface ISelectCoreProps extends IStyle {
   items: string[];
   value: string;
   label: string;
   onChange: (value: string) => void;
-  style?: React.CSSProperties;
 }
 export const SelectCore = (props: ISelectCoreProps) => {
   const ref = React.useRef<HTMLDivElement>(null);