@eccenca/gui-elements 24.4.1-featurechatcomponentscmem6775.3 → 24.4.1-featurepreparefinalnextcmem6943.0

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";