@eccenca/gui-elements 23.5.0 → 23.6.0-rc.1

package/src/legacy-replacements/Tabs/Tabs.tsx

@@ -1,24 +1,18 @@
-import React from 'react';
-import {
-    Tabs as BlueprintTabs,
-    TabsProps as BlueprintTabsProps,
-    Tab,
-} from "@blueprintjs/core";
+import React from "react";
+import { Tab, Tabs as BlueprintTabs, TabsProps as BlueprintTabsProps } from "@blueprintjs/core";
+
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 
 // deprecated interface
-interface TabsProps extends Omit<
-    BlueprintTabsProps,
-    "vertical" | "onChange" | "large" | "id" | "animate"
-> {
+interface TabsProps extends Omit<BlueprintTabsProps, "vertical" | "onChange" | "large" | "id" | "animate"> {
     activeTab: string;
     tabs: DeprecatedTabProps[];
-    onTabClick?: ({props}: any) => void;
+    onTabClick?: ({ props }: any) => void;
     prefixTabNames: string;
     allowScrollbars?: boolean;
     /**
-    * If controlled usage is enable then a `onTabClick` handler is ncessary to control tab panel content and `activeTab` updates.
-    */
+     * If controlled usage is enable then a `onTabClick` handler is ncessary to control tab panel content and `activeTab` updates.
+     */
     controlled?: boolean;
 }
 
@@ -35,23 +29,16 @@ const createDeprecatedTab = ({
     tabId,
     tabTitle,
     tabContent,
-    dontShrink=false,
+    dontShrink = false,
     ...otherTabProps
 }: DeprecatedTabProps) => {
-    const extraStyles = dontShrink ? { style: {flexShrink: 0} } : {};
-    return <Tab
-        key={tabId}
-        id={tabId}
-        title={tabTitle}
-        panel={tabContent}
-        {...otherTabProps}
-        {...extraStyles}
-    />;
-}
+    const extraStyles = dontShrink ? { style: { flexShrink: 0 } } : {};
+    return <Tab key={tabId} id={tabId} title={tabTitle} panel={tabContent} {...otherTabProps} {...extraStyles} />;
+};
 
 export function TabsReplacement({
     activeTab,
-    tabs=[],
+    tabs = [],
     onTabClick,
     controlled = false,
     prefixTabNames,
@@ -59,28 +46,23 @@ export function TabsReplacement({
     allowScrollbars,
     ...restProps
 }: TabsProps) {
-    const usagetype = controlled ? { selectedTabId: activeTab } : { defaultSelectedTabId: activeTab }
+    const usagetype = controlled ? { selectedTabId: activeTab } : { defaultSelectedTabId: activeTab };
     return (
         <BlueprintTabs
             id={prefixTabNames}
             onChange={onTabClick}
-            className={
-                className +
-                (allowScrollbars ? ` ${eccgui}-tabs--scrollablelist` : "")
-            }
+            className={className + (allowScrollbars ? ` ${eccgui}-tabs--scrollablelist` : "")}
             {...usagetype}
             renderActiveTabPanelOnly={true}
             {...restProps}
             animate={false}
         >
-            {
-                tabs.map(tab => {
-                    return createDeprecatedTab({
-                        className: `${prefixTabNames}-header-${tab.tabId}`,
-                        ...tab
-                    });
-                })
-            }
+            {tabs.map((tab) => {
+                return createDeprecatedTab({
+                    className: `${prefixTabNames}-header-${tab.tabId}`,
+                    ...tab,
+                });
+            })}
         </BlueprintTabs>
     );
-};
+}

package/src/legacy-replacements/TextField/TextField.tsx

@@ -1,10 +1,6 @@
-import React from 'react';
-import {
-    FieldItem,
-    TextField,
-    TextArea,
-    IconButton
-} from "./../../index";
+import React from "react";
+
+import { FieldItem, IconButton, TextArea, TextField } from "./../../index";
 
 const extendedOnChange = (onChangeFn: any, event: any) => {
     if (typeof onChangeFn === "function") {
@@ -17,7 +13,7 @@ const extendedOnChange = (onChangeFn: any, event: any) => {
     }
 };
 
-export function TextFieldReplacement ({
+export function TextFieldReplacement({
     className,
     disabled = false,
     error,
@@ -32,40 +28,42 @@ export function TextFieldReplacement ({
     value,
     ...otherProps
 }: any) {
-    if (process.env.NODE_ENV === 'development') {
-        const debugMsg = ["This textfield element is a adhoc replacement for a legacy element. Usage is deprecated, please use a standard elements (FieldItem, TextField, TextArea)."];
+    if (process.env.NODE_ENV === "development") {
+        const debugMsg = [
+            "This textfield element is a adhoc replacement for a legacy element. Usage is deprecated, please use a standard elements (FieldItem, TextField, TextArea).",
+        ];
         if (typeof otherProps.reducedSize !== "undefined") {
             debugMsg.push("TextField 'reducedSize' property is currently not supported on legacy replacement element.");
             delete otherProps.reducedSize;
         }
-        debugMsg.forEach(element => console.debug(element));
+        debugMsg.forEach((element) => console.debug(element));
     }
     if (typeof otherProps.reducedSize !== "undefined") {
         delete otherProps.reducedSize;
     }
 
-    const InputElement = !!multiline ? TextArea : TextField;
+    const InputElement = multiline ? TextArea : TextField;
 
     const fieldProperties = {
         className: className,
         messageText: error,
-        labelProps: !!label ? { text: label } : {},
-    }
+        labelProps: label ? { text: label } : {},
+    };
 
-    const inputProperties: {[key: string]: any } = {
+    const inputProperties: { [key: string]: any } = {
         className: inputClassName,
         fullWidth: stretch,
         value: value,
         required: required,
         onChange: extendedOnChange.bind(null, onChange),
-    }
+    };
 
-    if (!!multiline) {
+    if (multiline) {
         delete inputProperties.fullWidth;
     }
 
     if (multiline === false && !!onClearValue && !!value) {
-        inputProperties['rightElement'] = (
+        inputProperties["rightElement"] = (
             <IconButton
                 data-test-id={otherProps["data-test-id"] && `${otherProps["data-test-id"]}-clear-btn`}
                 name="operation-clear"
@@ -75,15 +73,12 @@ export function TextFieldReplacement ({
     }
 
     const sharedProperties = {
-        hasStateDanger: !!error ? true : false,
+        hasStateDanger: error ? true : false,
         disabled: disabled,
     };
 
     return !!error || !!label ? (
-        <FieldItem
-            {...sharedProperties}
-            {...fieldProperties}
-        >
+        <FieldItem {...sharedProperties} {...fieldProperties}>
             <InputElement {...otherProps} {...sharedProperties} {...inputProperties} />
         </FieldItem>
     ) : (

package/src/test/setupTests.js

@@ -1,21 +1,20 @@
 import "regenerator-runtime/runtime";
 
 if (window.document) {
-    window.document.body.createTextRange = function() {
+    window.document.body.createTextRange = function () {
         return {
-            setEnd: function(){},
-            setStart: function(){},
-            getBoundingClientRect: function(){
-                return {right: 0};
+            setEnd: function () {},
+            setStart: function () {},
+            getBoundingClientRect: function () {
+                return { right: 0 };
             },
-            getClientRects: function(){
+            getClientRects: function () {
                 return {
                     length: 0,
                     left: 0,
-                    right: 0
-                }
-            }
-        }
-    }
+                    right: 0,
+                };
+            },
+        };
+    };
 }
-