chore: add deprecation warnings (#3238)

Author: talkor

packages/core/src/components/Combobox/Combobox.tsx

@@ -9,6 +9,7 @@ import Search from "../Search/Search";
 import { BASE_SIZES } from "../../constants";
 import { Button } from "@vibe/button";
 import { Text } from "@vibe/typography";
+import { useWarnDeprecated } from "../../utils/warn-deprecated";
 import ComboboxOption from "./components/ComboboxOption/ComboboxOption";
 import { defaultFilter } from "./ComboboxService";
 import { ComboboxItems } from "./components/ComboboxItems/ComboboxItems";
@@ -232,6 +233,12 @@ const Combobox = forwardRef(
     }: ComboboxProps,
     ref: React.ForwardedRef<HTMLElement>
   ) => {
+    useWarnDeprecated({
+      component: "Combobox",
+      message:
+        "This component is deprecated and will be removed in the next major version. Please use Dropdown box mode from @vibe/core/next instead."
+    });
+
     const componentRef = useRef(null);
     const inputRef = useRef(null);
     const mergedRef = useMergeRef(ref, componentRef);

packages/core/src/components/DatePicker/DatePicker.tsx

@@ -19,6 +19,7 @@ import { type VibeComponentProps } from "../../types";
 import { getTestId } from "../../tests/test-ids-utils";
 import { ComponentDefaultTestId, ComponentVibeId } from "../../tests/constants";
 import { NOOP } from "../../utils/function-utils";
+import { useWarnDeprecated } from "../../utils/warn-deprecated";
 import styles from "./DatePicker.module.scss";
 // Make sure to update when upgrading react-dates
 import "./external_datepicker.scss";
@@ -105,6 +106,12 @@ const DatePicker = forwardRef(
     }: DatePickerProps,
     ref: React.ForwardedRef<HTMLDivElement>
   ) => {
+    useWarnDeprecated({
+      component: "DatePicker",
+      message:
+        "This component is deprecated and will be removed in the next major version. Please use DatePicker from @vibe/core/next instead."
+    });
+
     const [focusedInput, setFocusedInput] = useState(FocusInput.startDate);
     const [isMonthYearSelection, setIsMonthYearSelection] = useState(false); //show Month/Year selection dropdown
     const [overrideDateForView, setOverrideDateForView] = useState<Moment | null>(null);

packages/core/src/components/Dropdown/Dropdown.tsx

@@ -27,6 +27,7 @@ import {
 import generateBaseStyles, { customTheme } from "./Dropdown.styles";
 import Control from "./components/Control/Control";
 import { Text } from "@vibe/typography";
+import { useWarnDeprecated } from "../../utils/warn-deprecated";
 import menuStyles from "./components/menu/menu.module.scss";
 import styles from "./Dropdown.module.scss";
 import {
@@ -120,6 +121,12 @@ const Dropdown = forwardRef(
     }: DropdownComponentProps,
     ref: React.ForwardedRef<HTMLElement>
   ) => {
+    useWarnDeprecated({
+      component: "Dropdown",
+      message:
+        "This component is deprecated and will be removed in the next major version. Please use Dropdown from @vibe/core/next instead."
+    });
+
     const controlRef = useRef();
     const { layerRef } = useContext(LayerContext);
     const overrideMenuPortalTarget =

packages/core/src/components/LegacyModal/LegacyModal.tsx

@@ -17,6 +17,7 @@ import { NOOP } from "../../utils/function-utils";
 import { withStaticPropsWithoutForwardRef } from "../../types";
 import { getTestId } from "../../tests/test-ids-utils";
 import { ComponentDefaultTestId } from "../../tests/constants";
+import { useWarnDeprecated } from "../../utils/warn-deprecated";
 import styles from "./LegacyModal.module.scss";
 import { type ModalWidth } from "./LegacyModal.types";
 import { LayerProvider } from "@vibe/layer";
@@ -104,6 +105,12 @@ const Modal = ({
   unmountOnClose = true,
   "data-testid": dataTestId
 }: LegacyModalProps) => {
+  useWarnDeprecated({
+    component: "Modal (Legacy)",
+    message:
+      "This component is deprecated and will be removed in the next major version. Please use Modal from @vibe/core/next instead."
+  });
+
   const childrenArray: ReactElement[] = useMemo(
     () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),
     [children]