@eccenca/gui-elements 24.4.1 → 25.0.0-rc.1

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

@@ -1,69 +0,0 @@
-import React from "react";
-import { Tab, Tabs as BlueprintTabs, TabsProps as BlueprintTabsProps } from "@blueprintjs/core";
-
-import { CLASSPREFIX as eccgui } from "../../configuration/constants";
-
-// legacy interface
-interface LegacyTabsProps extends Omit<BlueprintTabsProps, "vertical" | "onChange" | "large" | "id" | "animate"> {
-    activeTab: string;
-    tabs: DeprecatedTabProps[];
-    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.
-     */
-    controlled?: boolean;
-}
-
-/** @deprecated (v25) all legacy component support will be removed */
-export interface DeprecatedTabProps {
-    tabId: string;
-    tabTitle: React.ReactNode;
-    tabContent?: JSX.Element;
-    dontShrink?: boolean;
-    className?: string;
-}
-
-const createDeprecatedTab = ({
-    tabId,
-    tabTitle,
-    tabContent,
-    dontShrink = false,
-    ...otherTabProps
-}: DeprecatedTabProps) => {
-    const extraStyles = dontShrink ? { style: { flexShrink: 0 } } : {};
-    return <Tab key={tabId} id={tabId} title={tabTitle} panel={tabContent} {...otherTabProps} {...extraStyles} />;
-};
-
-/** @deprecated (v25) all legacy component support will be removed, switch to `<Tabs />` */
-export function TabsReplacement({
-    activeTab,
-    tabs = [],
-    onTabClick,
-    controlled = false,
-    prefixTabNames,
-    className = "",
-    allowScrollbars,
-    ...restProps
-}: LegacyTabsProps) {
-    const usagetype = controlled ? { selectedTabId: activeTab } : { defaultSelectedTabId: activeTab };
-    return (
-        <BlueprintTabs
-            id={prefixTabNames}
-            onChange={onTabClick}
-            className={className + (allowScrollbars ? ` ${eccgui}-tabs--scrollablelist` : "")}
-            {...usagetype}
-            renderActiveTabPanelOnly={true}
-            {...restProps}
-            animate={false}
-        >
-            {tabs.map((tab) => {
-                return createDeprecatedTab({
-                    className: `${prefixTabNames}-header-${tab.tabId}`,
-                    ...tab,
-                });
-            })}
-        </BlueprintTabs>
-    );
-}

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

@@ -1,89 +0,0 @@
-import React from "react";
-
-import { FieldItem, IconButton, TextArea, TextField } from "./../../index";
-
-const extendedOnChange = (onChangeFn: any, event: any) => {
-    if (typeof onChangeFn === "function") {
-        onChangeFn({
-            event,
-            name: event.target.name,
-            value: event.target.value,
-            rawValue: event.target.value,
-        });
-    }
-};
-
-/** @deprecated (v25) all legacy component support will be removed, switch to `<TextField />`, `<TextArea />`, `<FieldItem />` */
-export function TextFieldReplacement({
-    className,
-    disabled = false,
-    error,
-    inputClassName,
-    label,
-    multiline = false,
-    onChange,
-    onClearValue,
-    // reducedSize = false,
-    required = false,
-    stretch = true,
-    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 (typeof otherProps.reducedSize !== "undefined") {
-            debugMsg.push("TextField 'reducedSize' property is currently not supported on legacy replacement element.");
-            delete otherProps.reducedSize;
-        }
-        // eslint-disable-next-line no-console
-        debugMsg.forEach((element) => console.debug(element));
-    }
-    if (typeof otherProps.reducedSize !== "undefined") {
-        delete otherProps.reducedSize;
-    }
-
-    const InputElement = multiline ? TextArea : TextField;
-
-    const fieldProperties = {
-        className: className,
-        messageText: error,
-        labelProps: label ? { text: label } : {},
-    };
-
-    const inputProperties: { [key: string]: any } = {
-        className: inputClassName,
-        fullWidth: stretch,
-        value: value,
-        required: required,
-        onChange: extendedOnChange.bind(null, onChange),
-    };
-
-    if (multiline) {
-        delete inputProperties.fullWidth;
-    }
-
-    if (multiline === false && !!onClearValue && !!value) {
-        inputProperties["rightElement"] = (
-            <IconButton
-                data-test-id={otherProps["data-test-id"] && `${otherProps["data-test-id"]}-clear-btn`}
-                name="operation-clear"
-                onClick={onClearValue}
-            />
-        );
-    }
-
-    const sharedProperties = {
-        hasStateDanger: error ? true : false,
-        disabled: disabled,
-    };
-
-    return !!error || !!label ? (
-        <FieldItem {...sharedProperties} {...fieldProperties}>
-            <InputElement {...otherProps} {...sharedProperties} {...inputProperties} />
-        </FieldItem>
-    ) : (
-        <InputElement {...otherProps} {...inputProperties} />
-    );
-}

package/src/legacy-replacements/index.ts

@@ -1,11 +0,0 @@
-export { ButtonReplacement as Button } from "./Button/Button";
-export { AffirmativeButtonReplacement as AffirmativeButton } from "./Button/AffirmativeButton";
-export { DismissiveButtonReplacement as DismissiveButton } from "./Button/DismissiveButton";
-export { DisruptiveButtonReplacement as DisruptiveButton } from "./Button/DisruptiveButton";
-export { ButtonReplacement as ProgressButton } from "./Button/Button";
-export { CheckboxReplacement as Checkbox } from "./Checkbox/Checkbox";
-export { RadioButtonReplacement as Radio } from "./Radio/RadioButton";
-export { TabsReplacement as Tabs } from "./Tabs/Tabs";
-export { TextFieldReplacement as TextField } from "./TextField/TextField";
-
-export type { DeprecatedTabProps } from "./Tabs/Tabs";