From c7df68f2554183aa5edc11d62f88406384d50db6 Mon Sep 17 00:00:00 2001
From: Severin Landolt <41927988+severinlandolt@users.noreply.github.com>
Date: Sat, 7 Sep 2024 17:39:29 +0200
Subject: [PATCH] fix: remove console info (#1131)

---
 src/components/chart-elements/AreaChart/AreaChart.tsx       | 6 ------
 src/components/chart-elements/BarChart/BarChart.tsx         | 5 -----
 src/components/chart-elements/DonutChart/DonutChart.tsx     | 6 ------
 src/components/chart-elements/LineChart/LineChart.tsx       | 6 ------
 src/components/icon-elements/Badge/Badge.tsx                | 6 ------
 src/components/input-elements/Button/Button.tsx             | 6 ------
 src/components/input-elements/Calendar/Calendar.tsx         | 5 -----
 src/components/input-elements/DatePicker/DatePicker.tsx     | 6 ------
 .../input-elements/DateRangePicker/DateRangePicker.tsx      | 6 ------
 src/components/input-elements/Select/Select.tsx             | 6 ------
 src/components/input-elements/Switch/Switch.tsx             | 6 ------
 src/components/input-elements/Tabs/TabGroup.tsx             | 5 -----
 src/components/input-elements/TextInput/TextInput.tsx       | 5 -----
 src/components/input-elements/Textarea/Textarea.tsx         | 5 -----
 src/components/layout-elements/Accordion/Accordion.tsx      | 5 -----
 src/components/layout-elements/Card/Card.tsx                | 5 -----
 src/components/layout-elements/Dialog/Dialog.tsx            | 5 -----
 src/components/layout-elements/Divider/Divider.tsx          | 5 -----
 src/components/list-elements/Table/Table.tsx                | 5 -----
 src/components/text-elements/Callout/Callout.tsx            | 5 -----
 src/components/util-elements/Tooltip/Tooltip.tsx            | 5 -----
 src/components/vis-elements/BarList/BarList.tsx             | 5 -----
 22 files changed, 119 deletions(-)

diff --git a/src/components/chart-elements/AreaChart/AreaChart.tsx b/src/components/chart-elements/AreaChart/AreaChart.tsx
index 80450104a..5390f95cb 100644
--- a/src/components/chart-elements/AreaChart/AreaChart.tsx
+++ b/src/components/chart-elements/AreaChart/AreaChart.tsx
@@ -139,12 +139,6 @@ const AreaChart = React.forwardRef<HTMLDivElement, AreaChartProps>((props, ref)
     }
     setActiveDot(undefined);
   }
-
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The AreaChart is also available as a copy-and-paste component. Visit https://tremor.so/docs/visualizations/area-chart (This is only shown in development)",
-    );
-  }
   return (
     <div ref={ref} className={tremorTwMerge("w-full h-80", className)} {...other}>
       <ResponsiveContainer className="h-full w-full">
diff --git a/src/components/chart-elements/BarChart/BarChart.tsx b/src/components/chart-elements/BarChart/BarChart.tsx
index af24f0145..6aa86f79c 100644
--- a/src/components/chart-elements/BarChart/BarChart.tsx
+++ b/src/components/chart-elements/BarChart/BarChart.tsx
@@ -144,11 +144,6 @@ const BarChart = React.forwardRef<HTMLDivElement, BarChartProps>((props, ref) =>
     setActiveBar(undefined);
   }
   const yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue);
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The BarChart is also available as a copy-and-paste component. Visit https://tremor.so/docs/visualizations/bar-chart (This is only shown in development)",
-    );
-  }
   return (
     <div ref={ref} className={tremorTwMerge("w-full h-80", className)} {...other}>
       <ResponsiveContainer className="h-full w-full">
diff --git a/src/components/chart-elements/DonutChart/DonutChart.tsx b/src/components/chart-elements/DonutChart/DonutChart.tsx
index fbb865b0a..a3e0de11b 100644
--- a/src/components/chart-elements/DonutChart/DonutChart.tsx
+++ b/src/components/chart-elements/DonutChart/DonutChart.tsx
@@ -124,12 +124,6 @@ const DonutChart = React.forwardRef<HTMLDivElement, DonutChartProps>((props, ref
     }
   }, [activeIndex]);
 
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The DonutChart is also available as a copy-and-paste component. Visit https://tremor.so/docs/visualizations/donut-chart (This is only shown in development)",
-    );
-  }
-
   return (
     <div ref={ref} className={tremorTwMerge("w-full h-40", className)} {...other}>
       <ResponsiveContainer className="h-full w-full">
diff --git a/src/components/chart-elements/LineChart/LineChart.tsx b/src/components/chart-elements/LineChart/LineChart.tsx
index c66cb2b86..d3c0f7cd5 100644
--- a/src/components/chart-elements/LineChart/LineChart.tsx
+++ b/src/components/chart-elements/LineChart/LineChart.tsx
@@ -133,12 +133,6 @@ const LineChart = React.forwardRef<HTMLDivElement, LineChartProps>((props, ref)
     setActiveDot(undefined);
   }
 
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The LineChart is also available as a copy-and-paste component. Visit https://tremor.so/docs/visualizations/line-chart (This is only shown in development)",
-    );
-  }
-
   return (
     <div ref={ref} className={tremorTwMerge("w-full h-80", className)} {...other}>
       <ResponsiveContainer className="h-full w-full">
diff --git a/src/components/icon-elements/Badge/Badge.tsx b/src/components/icon-elements/Badge/Badge.tsx
index 6d73e6089..bd0e1e52e 100644
--- a/src/components/icon-elements/Badge/Badge.tsx
+++ b/src/components/icon-elements/Badge/Badge.tsx
@@ -29,12 +29,6 @@ const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>((props, ref) => {
 
   const { tooltipProps, getReferenceProps } = useTooltip();
 
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Badge is also available as a copy-and-paste component. Visit https://tremor.so/docs/ui/badge (This is only shown in development)",
-    );
-  }
-
   return (
     <span
       ref={mergeRefs([ref, tooltipProps.refs.setReference])}
diff --git a/src/components/input-elements/Button/Button.tsx b/src/components/input-elements/Button/Button.tsx
index 1b08f903b..37f512ed7 100644
--- a/src/components/input-elements/Button/Button.tsx
+++ b/src/components/input-elements/Button/Button.tsx
@@ -119,12 +119,6 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>((props, ref) =>
     toggleTransition(loading);
   }, [loading]);
 
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Button is also available as a copy-and-paste component. Visit https://tremor.so/docs/ui/button (This is only shown in development)",
-    );
-  }
-
   return (
     // eslint-disable-next-line react/button-has-type
     <button
diff --git a/src/components/input-elements/Calendar/Calendar.tsx b/src/components/input-elements/Calendar/Calendar.tsx
index 49e22d66b..1b4b2b087 100644
--- a/src/components/input-elements/Calendar/Calendar.tsx
+++ b/src/components/input-elements/Calendar/Calendar.tsx
@@ -29,11 +29,6 @@ function Calendar<T extends DayPickerSingleProps | DayPickerRangeProps>({
   weekStartsOn = 0,
   ...other
 }: T & { enableYearNavigation: boolean }) {
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Calendar is also available as a copy-and-paste component. Visit https://tremor.so/docs/inputs/calendar (This is only shown in development)",
-    );
-  }
   return (
     <DayPicker
       showOutsideDays={true}
diff --git a/src/components/input-elements/DatePicker/DatePicker.tsx b/src/components/input-elements/DatePicker/DatePicker.tsx
index 1447378cf..19b4ef4bb 100644
--- a/src/components/input-elements/DatePicker/DatePicker.tsx
+++ b/src/components/input-elements/DatePicker/DatePicker.tsx
@@ -80,12 +80,6 @@ const DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>((props, ref
     setSelectedValue(undefined);
   };
 
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The DatePicker is also available as a copy-and-paste component. Visit https://tremor.so/docs/inputs/date-picker (This is only shown in development)",
-    );
-  }
-
   return (
     <Popover
       ref={ref}
diff --git a/src/components/input-elements/DateRangePicker/DateRangePicker.tsx b/src/components/input-elements/DateRangePicker/DateRangePicker.tsx
index 6ddab3f01..faebe0b33 100644
--- a/src/components/input-elements/DateRangePicker/DateRangePicker.tsx
+++ b/src/components/input-elements/DateRangePicker/DateRangePicker.tsx
@@ -158,12 +158,6 @@ const DateRangePicker = React.forwardRef<HTMLDivElement, DateRangePickerProps>((
     setSelectedValue({});
   };
 
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The DateRangePicker is also available as a copy-and-paste component. Visit https://tremor.so/docs/inputs/date-range-picker (This is only shown in development)",
-    );
-  }
-
   return (
     <div
       ref={ref}
diff --git a/src/components/input-elements/Select/Select.tsx b/src/components/input-elements/Select/Select.tsx
index 18a6b6101..f790ed21b 100644
--- a/src/components/input-elements/Select/Select.tsx
+++ b/src/components/input-elements/Select/Select.tsx
@@ -59,12 +59,6 @@ const Select = React.forwardRef<HTMLInputElement, SelectProps>((props, ref) => {
     onValueChange?.("");
   };
 
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Select is also available as a copy-and-paste component. Visit https://tremor.so/docs/inputs/select (This is only shown in development)",
-    );
-  }
-
   return (
     <div
       className={tremorTwMerge(
diff --git a/src/components/input-elements/Switch/Switch.tsx b/src/components/input-elements/Switch/Switch.tsx
index a35b65456..fc69aae56 100644
--- a/src/components/input-elements/Switch/Switch.tsx
+++ b/src/components/input-elements/Switch/Switch.tsx
@@ -62,12 +62,6 @@ const Switch = React.forwardRef<HTMLDivElement, SwitchProps>((props, ref) => {
   const delay = 300;
   const { tooltipProps, getReferenceProps } = useTooltip(delay);
 
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Switch is also available as a copy-and-paste component. Visit https://tremor.so/docs/inputs/switch (This is only shown in development)",
-    );
-  }
-
   return (
     <div className="flex flex-row items-center justify-start">
       <Tooltip text={tooltip} {...tooltipProps} />
diff --git a/src/components/input-elements/Tabs/TabGroup.tsx b/src/components/input-elements/Tabs/TabGroup.tsx
index 550927f60..d8c663ef3 100644
--- a/src/components/input-elements/Tabs/TabGroup.tsx
+++ b/src/components/input-elements/Tabs/TabGroup.tsx
@@ -14,11 +14,6 @@ export interface TabGroupProps extends React.HTMLAttributes<HTMLDivElement> {
 
 const TabGroup = React.forwardRef<HTMLDivElement, TabGroupProps>((props, ref) => {
   const { defaultIndex, index, onIndexChange, children, className, ...other } = props;
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Tab is also available as a copy-and-paste component. Visit https://tremor.so/docs/ui/tabs (This is only shown in development)",
-    );
-  }
   return (
     <Tab.Group
       as="div"
diff --git a/src/components/input-elements/TextInput/TextInput.tsx b/src/components/input-elements/TextInput/TextInput.tsx
index c4f4f2067..7c95858ef 100644
--- a/src/components/input-elements/TextInput/TextInput.tsx
+++ b/src/components/input-elements/TextInput/TextInput.tsx
@@ -17,11 +17,6 @@ const makeTextInputClassName = makeClassName("TextInput");
 
 const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>((props, ref) => {
   const { type = "text", ...other } = props;
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The TextInput is also available as a copy-and-paste component. Visit https://tremor.so/docs/inputs/input (This is only shown in development)",
-    );
-  }
   return <BaseInput ref={ref} type={type} makeInputClassName={makeTextInputClassName} {...other} />;
 });
 
diff --git a/src/components/input-elements/Textarea/Textarea.tsx b/src/components/input-elements/Textarea/Textarea.tsx
index c34e0e8d9..140572a0d 100644
--- a/src/components/input-elements/Textarea/Textarea.tsx
+++ b/src/components/input-elements/Textarea/Textarea.tsx
@@ -46,11 +46,6 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>((props, re
       textAreaHTMLRef.style.height = scrollHeight + "px";
     }
   }, [autoHeight, inputRef, val]);
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Textarea is also available as a copy-and-paste component. Visit https://tremor.so/docs/inputs/textarea (This is only shown in development)",
-    );
-  }
   return (
     <>
       <textarea
diff --git a/src/components/layout-elements/Accordion/Accordion.tsx b/src/components/layout-elements/Accordion/Accordion.tsx
index 6f135c8fb..efbd453f3 100644
--- a/src/components/layout-elements/Accordion/Accordion.tsx
+++ b/src/components/layout-elements/Accordion/Accordion.tsx
@@ -22,11 +22,6 @@ const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>((props, ref)
 
   const rootStyles =
     useContext(RootStylesContext) ?? tremorTwMerge("rounded-tremor-default border");
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Accordion is also available as a copy-and-paste component. Visit https://tremor.so/docs/ui/accordion (This is only shown in development)",
-    );
-  }
   return (
     <Disclosure
       as="div"
diff --git a/src/components/layout-elements/Card/Card.tsx b/src/components/layout-elements/Card/Card.tsx
index 9ac5e6c13..aace6307c 100644
--- a/src/components/layout-elements/Card/Card.tsx
+++ b/src/components/layout-elements/Card/Card.tsx
@@ -35,11 +35,6 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
 
 const Card = React.forwardRef<HTMLDivElement, CardProps>((props, ref) => {
   const { decoration = "", decorationColor, children, className, ...other } = props;
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Card is also available as a copy-and-paste component. Visit https://tremor.so/docs/ui/card (This is only shown in development)",
-    );
-  }
   return (
     <div
       ref={ref}
diff --git a/src/components/layout-elements/Dialog/Dialog.tsx b/src/components/layout-elements/Dialog/Dialog.tsx
index 66660a47c..c1d0a6237 100644
--- a/src/components/layout-elements/Dialog/Dialog.tsx
+++ b/src/components/layout-elements/Dialog/Dialog.tsx
@@ -15,11 +15,6 @@ export type DialogProps = React.HTMLAttributes<HTMLDivElement> & {
 
 const Dialog = React.forwardRef<HTMLDivElement, DialogProps>((props, ref) => {
   const { children, className, ...other } = props;
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Dialog is also available as a copy-and-paste component. Visit https://tremor.so/docs/ui/dialog (This is only shown in development)",
-    );
-  }
   return (
     <Transition as={React.Fragment} appear show={props.open}>
       <HeadlessuiDialog
diff --git a/src/components/layout-elements/Divider/Divider.tsx b/src/components/layout-elements/Divider/Divider.tsx
index 5a80a81b6..fef029f05 100644
--- a/src/components/layout-elements/Divider/Divider.tsx
+++ b/src/components/layout-elements/Divider/Divider.tsx
@@ -6,11 +6,6 @@ const makeDividerClassName = makeClassName("Divider");
 const Divider = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
   (props, ref) => {
     const { className, children, ...other } = props;
-    if (process.env.NODE_ENV === "development") {
-      console.info(
-        "The Divider is also available as a copy-and-paste component. Visit https://tremor.so/docs/ui/divider (This is only shown in development)",
-      );
-    }
     return (
       <div
         ref={ref}
diff --git a/src/components/list-elements/Table/Table.tsx b/src/components/list-elements/Table/Table.tsx
index 5757d04c5..acd5b61f5 100644
--- a/src/components/list-elements/Table/Table.tsx
+++ b/src/components/list-elements/Table/Table.tsx
@@ -6,11 +6,6 @@ const makeTableClassName = makeClassName("Table");
 const Table = React.forwardRef<HTMLTableElement, React.TableHTMLAttributes<HTMLTableElement>>(
   (props, ref) => {
     const { children, className, ...other } = props;
-    if (process.env.NODE_ENV === "development") {
-      console.info(
-        "The Table is also available as a copy-and-paste component. Visit https://tremor.so/docs/ui/table (This is only shown in development)",
-      );
-    }
 
     return (
       <div className={tremorTwMerge(makeTableClassName("root"), "overflow-auto", className)}>
diff --git a/src/components/text-elements/Callout/Callout.tsx b/src/components/text-elements/Callout/Callout.tsx
index f37c7a83f..4825e5e28 100644
--- a/src/components/text-elements/Callout/Callout.tsx
+++ b/src/components/text-elements/Callout/Callout.tsx
@@ -12,11 +12,6 @@ export interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
 
 const Callout = React.forwardRef<HTMLDivElement, CalloutProps>((props, ref) => {
   const { title, icon, color, className, children, ...other } = props;
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Callout is also available as a copy-and-paste component. Visit https://tremor.so/docs/ui/callout (This is only shown in development)",
-    );
-  }
   const Icon = icon;
   return (
     <div
diff --git a/src/components/util-elements/Tooltip/Tooltip.tsx b/src/components/util-elements/Tooltip/Tooltip.tsx
index 3b58e235d..5bb491176 100644
--- a/src/components/util-elements/Tooltip/Tooltip.tsx
+++ b/src/components/util-elements/Tooltip/Tooltip.tsx
@@ -79,11 +79,6 @@ export interface TooltipProps {
 }
 
 const Tooltip = ({ text, open, x, y, refs, strategy, getFloatingProps }: TooltipProps) => {
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The Tooltip is also available as a copy-and-paste component. Visit https://tremor.so/docs/ui/tooltip (This is only shown in development)",
-    );
-  }
   return open && text ? (
     <div
       className={tremorTwMerge(
diff --git a/src/components/vis-elements/BarList/BarList.tsx b/src/components/vis-elements/BarList/BarList.tsx
index d785e09dd..ee567f72c 100644
--- a/src/components/vis-elements/BarList/BarList.tsx
+++ b/src/components/vis-elements/BarList/BarList.tsx
@@ -62,11 +62,6 @@ function BarListInner<T>(props: BarListProps<T>, ref: React.ForwardedRef<HTMLDiv
   }, [sortedData]);
 
   const rowHeight = "h-8";
-  if (process.env.NODE_ENV === "development") {
-    console.info(
-      "The BarList is also available as a copy-and-paste component. Visit https://tremor.so/docs/visualizations/barlist (This is only shown in development)",
-    );
-  }
 
   return (
     <div