From 68c48890e4889fca3aef453e8d53d1407265d255 Mon Sep 17 00:00:00 2001
From: severinlandolt <sev.landolt@gmail.com>
Date: Thu, 29 Aug 2024 00:29:51 +0200
Subject: [PATCH] update consolfe info

---
 src/components/chart-elements/AreaChart/AreaChart.tsx       | 2 +-
 src/components/chart-elements/BarChart/BarChart.tsx         | 6 +++++-
 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             | 6 +++++-
 src/components/input-elements/TextInput/TextInput.tsx       | 5 +++++
 src/components/input-elements/Textarea/Textarea.tsx         | 6 +++++-
 src/components/layout-elements/Accordion/Accordion.tsx      | 6 +++++-
 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            | 6 +++++-
 src/components/util-elements/Tooltip/Tooltip.tsx            | 5 +++++
 src/components/vis-elements/BarList/BarList.tsx             | 5 +++++
 22 files changed, 114 insertions(+), 6 deletions(-)

diff --git a/src/components/chart-elements/AreaChart/AreaChart.tsx b/src/components/chart-elements/AreaChart/AreaChart.tsx
index 1d0416a39..80450104a 100644
--- a/src/components/chart-elements/AreaChart/AreaChart.tsx
+++ b/src/components/chart-elements/AreaChart/AreaChart.tsx
@@ -142,7 +142,7 @@ const AreaChart = React.forwardRef<HTMLDivElement, AreaChartProps>((props, ref)
 
   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",
+      "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 (
diff --git a/src/components/chart-elements/BarChart/BarChart.tsx b/src/components/chart-elements/BarChart/BarChart.tsx
index 0f868f88f..af24f0145 100644
--- a/src/components/chart-elements/BarChart/BarChart.tsx
+++ b/src/components/chart-elements/BarChart/BarChart.tsx
@@ -144,7 +144,11 @@ 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 a3e0de11b..fbb865b0a 100644
--- a/src/components/chart-elements/DonutChart/DonutChart.tsx
+++ b/src/components/chart-elements/DonutChart/DonutChart.tsx
@@ -124,6 +124,12 @@ 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 d3c0f7cd5..c66cb2b86 100644
--- a/src/components/chart-elements/LineChart/LineChart.tsx
+++ b/src/components/chart-elements/LineChart/LineChart.tsx
@@ -133,6 +133,12 @@ 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 bd0e1e52e..6d73e6089 100644
--- a/src/components/icon-elements/Badge/Badge.tsx
+++ b/src/components/icon-elements/Badge/Badge.tsx
@@ -29,6 +29,12 @@ 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 37f512ed7..1b08f903b 100644
--- a/src/components/input-elements/Button/Button.tsx
+++ b/src/components/input-elements/Button/Button.tsx
@@ -119,6 +119,12 @@ 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 1b4b2b087..49e22d66b 100644
--- a/src/components/input-elements/Calendar/Calendar.tsx
+++ b/src/components/input-elements/Calendar/Calendar.tsx
@@ -29,6 +29,11 @@ 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 19b4ef4bb..1447378cf 100644
--- a/src/components/input-elements/DatePicker/DatePicker.tsx
+++ b/src/components/input-elements/DatePicker/DatePicker.tsx
@@ -80,6 +80,12 @@ 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 faebe0b33..6ddab3f01 100644
--- a/src/components/input-elements/DateRangePicker/DateRangePicker.tsx
+++ b/src/components/input-elements/DateRangePicker/DateRangePicker.tsx
@@ -158,6 +158,12 @@ 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 f790ed21b..18a6b6101 100644
--- a/src/components/input-elements/Select/Select.tsx
+++ b/src/components/input-elements/Select/Select.tsx
@@ -59,6 +59,12 @@ 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 fc69aae56..a35b65456 100644
--- a/src/components/input-elements/Switch/Switch.tsx
+++ b/src/components/input-elements/Switch/Switch.tsx
@@ -62,6 +62,12 @@ 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 e396a2066..550927f60 100644
--- a/src/components/input-elements/Tabs/TabGroup.tsx
+++ b/src/components/input-elements/Tabs/TabGroup.tsx
@@ -14,7 +14,11 @@ 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 7c95858ef..c4f4f2067 100644
--- a/src/components/input-elements/TextInput/TextInput.tsx
+++ b/src/components/input-elements/TextInput/TextInput.tsx
@@ -17,6 +17,11 @@ 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 bea83ce25..c34e0e8d9 100644
--- a/src/components/input-elements/Textarea/Textarea.tsx
+++ b/src/components/input-elements/Textarea/Textarea.tsx
@@ -46,7 +46,11 @@ 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 3e367e3c5..6f135c8fb 100644
--- a/src/components/layout-elements/Accordion/Accordion.tsx
+++ b/src/components/layout-elements/Accordion/Accordion.tsx
@@ -22,7 +22,11 @@ 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 aace6307c..9ac5e6c13 100644
--- a/src/components/layout-elements/Card/Card.tsx
+++ b/src/components/layout-elements/Card/Card.tsx
@@ -35,6 +35,11 @@ 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 c1d0a6237..66660a47c 100644
--- a/src/components/layout-elements/Dialog/Dialog.tsx
+++ b/src/components/layout-elements/Dialog/Dialog.tsx
@@ -15,6 +15,11 @@ 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 fef029f05..5a80a81b6 100644
--- a/src/components/layout-elements/Divider/Divider.tsx
+++ b/src/components/layout-elements/Divider/Divider.tsx
@@ -6,6 +6,11 @@ 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 acd5b61f5..5757d04c5 100644
--- a/src/components/list-elements/Table/Table.tsx
+++ b/src/components/list-elements/Table/Table.tsx
@@ -6,6 +6,11 @@ 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 e524f4e52..f37c7a83f 100644
--- a/src/components/text-elements/Callout/Callout.tsx
+++ b/src/components/text-elements/Callout/Callout.tsx
@@ -12,7 +12,11 @@ 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 5bb491176..3b58e235d 100644
--- a/src/components/util-elements/Tooltip/Tooltip.tsx
+++ b/src/components/util-elements/Tooltip/Tooltip.tsx
@@ -79,6 +79,11 @@ 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 ee567f72c..d785e09dd 100644
--- a/src/components/vis-elements/BarList/BarList.tsx
+++ b/src/components/vis-elements/BarList/BarList.tsx
@@ -62,6 +62,11 @@ 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