release/5.0.0 (#76)

petatemarvin26 · Dec 3, 2024 · 051d6a1 · 051d6a1
1 parent d8db4fa
commit 051d6a1
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 22 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vin-react",
-  "version": "4.0.4",
+  "version": "5.0.0",
   "description": "This library is exclusive for react that utilize the flexbox.",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",

diff --git a/src/components/Dropdown/index.tsx b/src/components/Dropdown/index.tsx
@@ -45,11 +45,11 @@ class Dropdown extends PureComponent<Props, State> {
     const {handleSelect, handleClick} = this;
     const {selected, show} = this.state;
     const {
-      dClassName,
-      spClassName,
-      sbClassName,
-      dlClassName,
-      dlcClassName,
+      dropdownClassName,
+      selectedClassName,
+      selectedBtnClassName,
+      dropdownListClassName,
+      dropdownListContClassName,
       placeholder = 'Select Item...',
       suffixClassName,
       suffixComponent,
@@ -62,18 +62,21 @@ class Dropdown extends PureComponent<Props, State> {
         .map((d) => <Item {...d} onClick={(e) => handleSelect(e, d)} />);
     };
 
-    const _dClassName = classNames(['vr-dropdown', dClassName]);
-    const _spClassName = classNames(['vr-selected-pane', spClassName]);
-    const _sbClassName = classNames(['vr-selected-btn', sbClassName]);
+    const _dClassName = classNames(['vr-dropdown', dropdownClassName]);
+    const _spClassName = classNames([
+      'vr-selected-pane',
+      selectedClassName
+    ]);
+    const _sbClassName = classNames(['vr-selected-btn', selectedBtnClassName]);
     const _dlClassName = classNames([
       'vr-dropdown-list',
       show ? 's' : 'h',
-      dlClassName
+      dropdownListClassName
     ]);
     const _suffixClassName = classNames(['vr-suffix-pane', suffixClassName]);
     const _dlcClassName = classNames([
       'vr-dropdown-list-container',
-      dlcClassName
+      dropdownListContClassName
     ]);
 
     return (

diff --git a/src/components/Dropdown/types.ts b/src/components/Dropdown/types.ts
@@ -2,11 +2,11 @@ import {Props as ItemProps} from '@/common/components/Item/types';
 import {ConnectStyleProps} from '@/hoc/types';
 
 type Props = {
-  dClassName?: string;
-  spClassName?: string;
-  sbClassName?: string;
-  dlClassName?: string;
-  dlcClassName?: string;
+  dropdownClassName?: string;
+  selectedClassName?: string;
+  selectedBtnClassName?: string;
+  dropdownListClassName?: string;
+  dropdownListContClassName?: string;
   placeholder?: string;
   suffixComponent?: any;
   suffixClassName?: string;

diff --git a/src/components/Input/index.tsx b/src/components/Input/index.tsx
@@ -19,10 +19,10 @@ class Input extends PureComponent<Props, States> {
       ...props
     } = this.props;
 
+    const panelClassName = classNames(['vr-input-pane', panelProps?.className]);
     const inputClassName = classNames(['vr-input', className]);
     const _prefixClassName = classNames(['vr-prefix-pane', prefixClassName]);
     const _suffixClassName = classNames(['vr-suffix-pane', suffixClassName]);
-    const panelClassName = classNames(['vr-main-pane', panelProps?.className]);
 
     return (
       <div

diff --git a/src/components/Input/styles.css b/src/components/Input/styles.css
@@ -1,4 +1,4 @@
-.vr-main-pane {
+.vr-input-pane {
   display: flex;
   flex-direction: row;
   margin: 0;
@@ -8,11 +8,10 @@
   border: solid 1px rgba(0, 0, 0, 0.1);
 }
 
-.vr-main-pane .vr-input {
+.vr-input-pane .vr-input {
   width: 100%;
   height: 100%;
   margin: 0;
-  padding-left: 5%;
   background-color: transparent;
   border: none;
   font-weight: 200;
@@ -26,12 +25,12 @@
   outline: none;
 }
 
-.vr-main-pane .vr-prefix-pane {
+.vr-input-pane .vr-prefix-pane {
   display: flex;
   margin: 0;
   padding: 0;
 }
-.vr-main-pane .vr-suffix-pane {
+.vr-input-pane .vr-suffix-pane {
   display: flex;
   margin: 0;
   padding: 0;