chore: Deprecate Dropdown, Input, Select; Remove Popover

CHANGELOG.md

@@ -9,6 +9,11 @@ Reactist follows [semantic versioning](https://semver.org/) and doesn't introduc
 -   [Breaking] Button's `tooltipGapSize` prop is no longer supported. When wanting to customize the tooltip appearance, consumers should take ownership of rendering the tooltip manually.
 -   [Breaking] Icon-only buttons can have their implicit "aria-label as tooltip" behaviour suppressed by passing `tooltip={null}`. Useful when wanting to get full control over rendering the tooltip manually.
 -   [Breaking] Remove deprecated components `Checkbox`, `DeprecatedLoading` and `DeprecatedModal`.
+-   [Breaking] Remove `Popover`
+-   [Breaking] The following components have been renamed and will be removed in a future major release:
+    -   `Dropdown` -> `DeprecatedDropdown`
+    -   `Input` -> `DeprecatedInput`, use `TextField` instead.
+    -   `Select` -> `DeprecatedSelect`, use `SelectField` instead.
 
 # v12.1.1
 

src/components/color-picker/color-picker.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import classnames from 'classnames'
 
-import Dropdown from '../dropdown'
+import DeprecatedDropdown from '../deprecated-dropdown'
 import { Tooltip } from '../tooltip'
 
 import './color-picker.less'
@@ -41,8 +41,8 @@ type Props = {
 
 function ColorPicker({ color = 0, small, onChange, colorList = COLORS }: Props) {
     return (
-        <Dropdown.Box right className="reactist_color_picker">
-            <Dropdown.Trigger>
+        <DeprecatedDropdown.Box right className="reactist_color_picker">
+            <DeprecatedDropdown.Trigger>
                 {(() => {
                     const backgroundColor = _getColor(colorList, color)
 
@@ -59,8 +59,8 @@ function ColorPicker({ color = 0, small, onChange, colorList = COLORS }: Props)
                         </span>
                     )
                 })()}
-            </Dropdown.Trigger>
-            <Dropdown.Body>
+            </DeprecatedDropdown.Trigger>
+            <DeprecatedDropdown.Body>
                 <div className="color_options">
                     {colorList.reduce<React.ReactNode[]>((items, currentColor, currentIndex) => {
                         items.push(
@@ -82,8 +82,8 @@ function ColorPicker({ color = 0, small, onChange, colorList = COLORS }: Props)
                         return items
                     }, [])}
                 </div>
-            </Dropdown.Body>
-        </Dropdown.Box>
+            </DeprecatedDropdown.Body>
+        </DeprecatedDropdown.Box>
     )
 }
 ColorPicker.displayName = 'ColorPicker'