diginet-core-ui 1.4.20-beta.1 → 1.4.21

package/readme.md

@@ -1,4 +1,5 @@
 # DigiNet-Core-Ui
+
 Every adventurer needs a set of tools to take along the way! DigiNet-Core-UI is the toolset that we use to build front end
 apps.
 
@@ -12,23 +13,25 @@ npm install diginet-core-ui --save
 
 ```js
 import React from 'react';
-import {Button} from "diginet-core-ui/dist/components";
+import { Button } from 'diginet-core-ui/dist/components';
 
 function App() {
-  return <Button>DigiNet</Button>;
+    return <Button>DigiNet</Button>;
 }
 
 ReactDOM.render(<App />, document.querySelector('#app'));
 ```
 
 ## Testing and Examples
-Now go to homepage https://core.diginet.com.vn/ui/
 
+Now go to homepage https://core.diginet.com.vn/ui/
 
 build source by running:
+
 ```shell
 npm start
 ```
+
 and then going to http://localhost:9050/ in your browser. There'll be buttons for different modals
 
 To test run
@@ -38,1164 +41,1303 @@ npm test
 ```
 
 ## Changelog
+
+## 1.4.21
+
+-   \[Changed\]: Theme – Setup switch theme Dark Light
+-   \[Changed\]: Theme – Add theme components default props
+-   \[Changed\]: Theme – Add theme spacing
+
 ## 1.4.20
-- \[Changed\]: Typography – Update TextStyle Title1 & Body6
+
+-   \[Changed\]: Typography – Update TextStyle Title1 & Body6
 
 ## 1.4.19
-- \[Fixed\]: Locale – Fix language not match locale
-- \[Fixed\]: PasswordInput – Fix show hide password
-- \[Fixed\]: Global – Fix setGlobal recursion
-- \[Fixed\]: Calendar – Fix caption with capitalizing the first character
+
+-   \[Fixed\]: Locale – Fix language not match locale
+-   \[Fixed\]: PasswordInput – Fix show hide password
+-   \[Fixed\]: Global – Fix setGlobal recursion
+-   \[Fixed\]: Calendar – Fix caption with capitalizing the first character
 
 ## 1.4.17
-- \[Fixed\]: Attachment – Fix attached, allNewAttached in onChange when add new attachment
+
+-   \[Fixed\]: Attachment – Fix attached, allNewAttached in onChange when add new attachment
 
 ## 1.4.16
-- \[Changed\]: IconMenu – Add MHRM15N0001
-- \[Changed\]: Dropdown – Return recent search in onClosed callback
+
+-   \[Changed\]: IconMenu – Add MHRM15N0001
+-   \[Changed\]: Dropdown – Return recent search in onClosed callback
 
 ## 1.4.15
-- \[Changed\]: Dropdown – Return recent search in onClosed callback
-- \[Fixed\]: DropdownBox - Fix bug not close when in modal
-- \[Fixed\]: NumberInput - Fix cursor position when focus
-- \[Fixed\]: Attachment - Fix bug data undefined crash page
-- \[Fixed\]: Attachment - Fix logic remove file
+
+-   \[Changed\]: Dropdown – Return recent search in onClosed callback
+-   \[Fixed\]: DropdownBox - Fix bug not close when in modal
+-   \[Fixed\]: NumberInput - Fix cursor position when focus
+-   \[Fixed\]: Attachment - Fix bug data undefined crash page
+-   \[Fixed\]: Attachment - Fix logic remove file
 
 ## 1.4.14
-- \[Added\]: IconMenu – Add MHRP09N0034, MHRP09N0035
-- \[Fixed\]: NumberInput – Fix not show error
+
+-   \[Added\]: IconMenu – Add MHRP09N0034, MHRP09N0035
+-   \[Fixed\]: NumberInput – Fix not show error
 
 ## 1.4.13
-- \[Added\]: Icon – Add CalendarCancel, PlaneTakeoff
-- \[Added\]: IconMenu – Add MHRM00N0007, WEO76LIS0004, WEO76TRA0001
+
+-   \[Added\]: Icon – Add CalendarCancel, PlaneTakeoff
+-   \[Added\]: IconMenu – Add MHRM00N0007, WEO76LIS0004, WEO76TRA0001
 
 ## 1.4.12
-- \[Changed\]: IconMenu – Add, Update icon for DIGINET EO
-- \[Changed\]: Attachment – Add viewType Picture
-- \[Changed\]: Calendar – Update design
-- \[Changed\]: DatePicker – Add picker month, year, quarter
-- \[Changed\]: Typography – Add PropTypes string for prop 'format'
-- \[Changed\]: Image – Add prop objectFit
-- \[Changed\]: Dropdown – Replace EventListener scroll with onScroll; Add scrollbar-thumb min-height
-- \[Fixed\]: Popover – Fix content in body shift when show component
+
+-   \[Changed\]: IconMenu – Add, Update icon for DIGINET EO
+-   \[Changed\]: Attachment – Add viewType Picture
+-   \[Changed\]: Calendar – Update design
+-   \[Changed\]: DatePicker – Add picker month, year, quarter
+-   \[Changed\]: Typography – Add PropTypes string for prop 'format'
+-   \[Changed\]: Image – Add prop objectFit
+-   \[Changed\]: Dropdown – Replace EventListener scroll with onScroll; Add scrollbar-thumb min-height
+-   \[Fixed\]: Popover – Fix content in body shift when show component
 
 ## 1.4.11
-- \[Changed\]: Modal – Add prop size
-- \[Changed\]: InputBase – Add default delayOnChange
-- \[Changed\]: DateRangePicker – Add default placeholder
-- \[Changed\]: PasswordInput – Add component PasswordInput
-- \[Changed\]: Checkbox – Remove second param in onChange
+
+-   \[Changed\]: Modal – Add prop size
+-   \[Changed\]: InputBase – Add default delayOnChange
+-   \[Changed\]: DateRangePicker – Add default placeholder
+-   \[Changed\]: PasswordInput – Add component PasswordInput
+-   \[Changed\]: Checkbox – Remove second param in onChange
 
 ## 1.4.10
-- \[Fixed\]: Dropdown – Fix display text when data invalid
-- \[Fixed\]: Dropdown – Fix bug crash when get icon from invalid data
-- \[Fixed\]: Dropdown – Fix not reset data when close dropdown after search
-- \[Fixed\]: Dropdown – Fix not clear display value when set value null
+
+-   \[Fixed\]: Dropdown – Fix display text when data invalid
+-   \[Fixed\]: Dropdown – Fix bug crash when get icon from invalid data
+-   \[Fixed\]: Dropdown – Fix not reset data when close dropdown after search
+-   \[Fixed\]: Dropdown – Fix not clear display value when set value null
 
 ## 1.4.9
-- \[Changed\]: IconMenu – Add 16 icon menu of HR Mobile App
-- \[Fixed\]: Chip – Fix width of TabHeader
+
+-   \[Changed\]: IconMenu – Add 16 icon menu of HR Mobile App
+-   \[Fixed\]: Chip – Fix width of TabHeader
 
 ## 1.4.8
-- \[Changed\]: Storybook – Update storybook of some components
-- \[Fixed\]: General – Fix bug css inset cannot use on Safari below 14
-- \[Fixed\]: PagingInfo – Fix stretch UI NumberInput
-- \[Fixed\]: Chip – Fix clear button cannot with viewType filled
+
+-   \[Changed\]: Storybook – Update storybook of some components
+-   \[Fixed\]: General – Fix bug css inset cannot use on Safari below 14
+-   \[Fixed\]: PagingInfo – Fix stretch UI NumberInput
+-   \[Fixed\]: Chip – Fix clear button cannot with viewType filled
 
 ## 1.4.7
-- \[Changed\]: Button – Remove attribute disabled in button tag
+
+-   \[Changed\]: Button – Remove attribute disabled in button tag
 
 ## 1.4.6
-- \[Added\]: Icon – Add MoneyHand
-- \[Changed\]: DatePicker – Add default placeholder
-- \[Fixed\]: NumberInput – Fix min, max when use multi NumberInput
+
+-   \[Added\]: Icon – Add MoneyHand
+-   \[Changed\]: DatePicker – Add default placeholder
+-   \[Fixed\]: NumberInput – Fix min, max when use multi NumberInput
 
 ## 1.4.5
-- \[Changed\]: Dropdown – Optimize code remove innerHTML = ''
-- \[Fixed\]: Dropdown – Fix bug not show value
+
+-   \[Changed\]: Dropdown – Optimize code remove innerHTML = ''
+-   \[Fixed\]: Dropdown – Fix bug not show value
 
 ## 1.4.4
-- \[Fixed\]: Dropdown – Fix bug blank selected item when use renderSelectedItem
+
+-   \[Fixed\]: Dropdown – Fix bug blank selected item when use renderSelectedItem
 
 ## 1.4.3
-- \[Fixed\]: NumberInput – Fix bug arrow keydown, back, check min, max
+
+-   \[Fixed\]: NumberInput – Fix bug arrow keydown, back, check min, max
 
 ## 1.4.2
-- \[Changed\]: Dropdown – Add action loadData
-- \[Fixed\]: Dropdown – Fix bug search filter data when using remote; Fix bug not render invalid html tag
-- \[Fixed\]: Dropdown – Fix bug if item of dataSource is null
+
+-   \[Changed\]: Dropdown – Add action loadData
+-   \[Fixed\]: Dropdown – Fix bug search filter data when using remote; Fix bug not render invalid html tag
+-   \[Fixed\]: Dropdown – Fix bug if item of dataSource is null
 
 ## 1.4.1
-- \[Fixed\]: Dropdown – Fix bug render data wrong after search when not have searchExpr
+
+-   \[Fixed\]: Dropdown – Fix bug render data wrong after search when not have searchExpr
 
 ## 1.4.0
-- \[Fixed\]: Dropdown – Fix bug not delay when searchDelayTime is true
+
+-   \[Fixed\]: Dropdown – Fix bug not delay when searchDelayTime is true
 
 ## 1.3.99
-- \[Changed\]: Typography – Add new text style
-- \[Fixed\]: Tab – Fix background UI not match design
-- \[Fixed\]: Dropdown – Fix case renderItem, renderSelectedItem inside Typography
-- \[Fixed\]: Attachment – Fix bug not reset new upload data
+
+-   \[Changed\]: Typography – Add new text style
+-   \[Fixed\]: Tab – Fix background UI not match design
+-   \[Fixed\]: Dropdown – Fix case renderItem, renderSelectedItem inside Typography
+-   \[Fixed\]: Attachment – Fix bug not reset new upload data
 
 ## 1.3.98
-- \[Changed\]: Image – Change default image
-- \[Changed\]: Icon – Update Image, Another, Compressed, Presentation, Sheet, Word, PDF
-- \[Fixed\]: Breadcrumbs – Fix bug onClick not working
-- \[Fixed\]: Typography – Fix empty children show null
-- \[Fixed\]: Popover – Fix conflict overflow hidden on document body
-- \[Fixed\]: Modal – Fix conflict overflow hidden on document body
-- \[Fixed\]: DateRangePicker – Fix bug display value scroll when ellipsis
-- \[Fixed\]: DateRangePicker – Fix UI width
+
+-   \[Changed\]: Image – Change default image
+-   \[Changed\]: Icon – Update Image, Another, Compressed, Presentation, Sheet, Word, PDF
+-   \[Fixed\]: Breadcrumbs – Fix bug onClick not working
+-   \[Fixed\]: Typography – Fix empty children show null
+-   \[Fixed\]: Popover – Fix conflict overflow hidden on document body
+-   \[Fixed\]: Modal – Fix conflict overflow hidden on document body
+-   \[Fixed\]: DateRangePicker – Fix bug display value scroll when ellipsis
+-   \[Fixed\]: DateRangePicker – Fix UI width
 
 ## 1.3.97
-- \[Added\]: Icon – Add Car
-- \[Fixed\]: Attachment – Fix bug remove file
-- \[Fixed\]: Dropdown – Optimize code with useState
+
+-   \[Added\]: Icon – Add Car
+-   \[Fixed\]: Attachment – Fix bug remove file
+-   \[Fixed\]: Dropdown – Optimize code with useState
 
 ## 1.3.96
-- \[Changed\]: Popover – Add prop onOpen
-- \[Changed\]: ButtonMore – Add tooltip for icon
-- \[Changed\]: Modal – Add onScroll to ModalBody
-- \[Changed\]: Colors – Add dynamic colors
-- \[Changed\]: Utils – Export hexToRGBA
-- \[Fixed\]: DateRangePicker – Fix UI min-width
+
+-   \[Changed\]: Popover – Add prop onOpen
+-   \[Changed\]: ButtonMore – Add tooltip for icon
+-   \[Changed\]: Modal – Add onScroll to ModalBody
+-   \[Changed\]: Colors – Add dynamic colors
+-   \[Changed\]: Utils – Export hexToRGBA
+-   \[Fixed\]: DateRangePicker – Fix UI min-width
 
 ## 1.3.95
-- \[Added\]: IconMenu – Add WEO76APP0001, WEO76APP0002, WEO76LIS0001, WEO76LIS0002, WEO76LIS0003, WEO76REQ0001, WEO76REQ0002, MHRP09N0033, MHRP29N0029, MHRM89N0002
-- \[Changed\]: Modal – Change logic of children and title in ModalHeader
-- \[Fixed\]: TreeView – Fix cannot select by checkbox
-- \[Fixed\]: Paging – Fix bug wrong currentPage
-- \[Fixed\]: TECH – Fix warning 'ref is not a prop'
+
+-   \[Added\]: IconMenu – Add WEO76APP0001, WEO76APP0002, WEO76LIS0001, WEO76LIS0002, WEO76LIS0003, WEO76REQ0001, WEO76REQ0002, MHRP09N0033, MHRP29N0029, MHRM89N0002
+-   \[Changed\]: Modal – Change logic of children and title in ModalHeader
+-   \[Fixed\]: TreeView – Fix cannot select by checkbox
+-   \[Fixed\]: Paging – Fix bug wrong currentPage
+-   \[Fixed\]: TECH – Fix warning 'ref is not a prop'
 
 ## 1.3.94
-- \[Added\]: Icon – Add ModuleView, Update ListView, FolderPerson, FolderAdd
-- \[Added\]: Icon – Add color default
-- \[Changed\]: Breadcrumb – Update design
-- \[Changed\]: Button – Add text sentence for Button
-- \[Changed\]: Accordion – Add prop fullHeight
-- \[Changed\]: Divider – Optimize code
-- \[Fixed\]: Accordion – Fix UI background color
+
+-   \[Added\]: Icon – Add ModuleView, Update ListView, FolderPerson, FolderAdd
+-   \[Added\]: Icon – Add color default
+-   \[Changed\]: Breadcrumb – Update design
+-   \[Changed\]: Button – Add text sentence for Button
+-   \[Changed\]: Accordion – Add prop fullHeight
+-   \[Changed\]: Divider – Optimize code
+-   \[Fixed\]: Accordion – Fix UI background color
 
 ## 1.3.93
-- \[Changed\]: Dropdown – Apply multilineSelectedItem to renderSelectedItem
-- \[Fixed\]: Checkbox – Fix bug still uncheck when not set state
-- \[Fixed\]: Modal – Fix footer height
-- \[Fixed\]: DateRangePicker – Fix UI hover, focus empty days between selected range
+
+-   \[Changed\]: Dropdown – Apply multilineSelectedItem to renderSelectedItem
+-   \[Fixed\]: Checkbox – Fix bug still uncheck when not set state
+-   \[Fixed\]: Modal – Fix footer height
+-   \[Fixed\]: DateRangePicker – Fix UI hover, focus empty days between selected range
 
 ## 1.3.92
-- \[Fixed\]: Dropdown – Fix override css selected item Typography
-- \[Fixed\]: Attachment – Fix crash when remove attached item
+
+-   \[Fixed\]: Dropdown – Fix override css selected item Typography
+-   \[Fixed\]: Attachment – Fix crash when remove attached item
 
 ## 1.3.91
-- \[Changed\]: TreeView – Optimize code
-- \[Changed\]: Popup – Add defaultProps description
-- \[Changed\]: Grid – Add sx prop handle responsive css display
-- \[Changed\]: ButtonMore – Export component ButtonMore
-- \[Changed\]: DateRangePicker – Add description for prop value
-- \[Fixed\]: Avatar – Fix bug not clear avatar when src null
-- \[Fixed\]: Typography – Add min-width to popover hover tooltip
-- \[Fixed\]: DatePicker – Fix disabled button previous month in navigator
+
+-   \[Changed\]: TreeView – Optimize code
+-   \[Changed\]: Popup – Add defaultProps description
+-   \[Changed\]: Grid – Add sx prop handle responsive css display
+-   \[Changed\]: ButtonMore – Export component ButtonMore
+-   \[Changed\]: DateRangePicker – Add description for prop value
+-   \[Fixed\]: Avatar – Fix bug not clear avatar when src null
+-   \[Fixed\]: Typography – Add min-width to popover hover tooltip
+-   \[Fixed\]: DatePicker – Fix disabled button previous month in navigator
 
 ## 1.3.90
-- \[Added\]: Breadcrumb – Add component Breadcrumb
-- \[Added\]: Icon – Question, Pause, Cake, ChatAnswer
-- \[Added\]: IconMenu – MHRP51N0003
-- \[Fixed\]: Popover – Fix bug css overflow hidden of document body
-- \[Fixed\]: TAB – Fix UI not match design, fix missing ripple effect
-- \[Fixed\]: Popover – Fix bug popover still open when ButtonIcon disabled
-- \[Fixed\]: Popover – Fix bug update wrong position if anchor not exists
+
+-   \[Added\]: Breadcrumb – Add component Breadcrumb
+-   \[Added\]: Icon – Question, Pause, Cake, ChatAnswer
+-   \[Added\]: IconMenu – MHRP51N0003
+-   \[Fixed\]: Popover – Fix bug css overflow hidden of document body
+-   \[Fixed\]: TAB – Fix UI not match design, fix missing ripple effect
+-   \[Fixed\]: Popover – Fix bug popover still open when ButtonIcon disabled
+-   \[Fixed\]: Popover – Fix bug update wrong position if anchor not exists
 
 ## 1.3.89
-- \[Added\]: COLORS – Replace base colors with design system colors
-- \[Added\]: UTILS – Add storybook for utils
-- \[Fixed\]: NumberInput – Fix bug validate
-- \[Fixed\]: NumberInput – Fix bug inputRef crash page
-- \[Fixed\]: Typography – Hotfix crash page
+
+-   \[Added\]: COLORS – Replace base colors with design system colors
+-   \[Added\]: UTILS – Add storybook for utils
+-   \[Fixed\]: NumberInput – Fix bug validate
+-   \[Fixed\]: NumberInput – Fix bug inputRef crash page
+-   \[Fixed\]: Typography – Hotfix crash page
 
 ## 1.3.88
-- \[Added\]: Icon – UnFastForward, Redo, CenterFocus, ArrowNorthEast, ArrowSouthWest, Tools, Announce
-- \[Fixed\]: InputBase - Fix bug crash page
-- \[Fixed\]: Typography - Add prop format
+
+-   \[Added\]: Icon – UnFastForward, Redo, CenterFocus, ArrowNorthEast, ArrowSouthWest, Tools, Announce
+-   \[Fixed\]: InputBase - Fix bug crash page
+-   \[Fixed\]: Typography - Add prop format
 
 ## 1.3.87
-- \[Added\]: Icon – Upload, Workflow
-- \[Fixed\]: InputBase – Fix not run when inputRef is function
+
+-   \[Added\]: Icon – Upload, Workflow
+-   \[Fixed\]: InputBase – Fix not run when inputRef is function
 
 ## 1.3.86
-- \[Changed\]: Icon – Optimize code
-- \[Fixed\]: Dropdown – Fix bug cannot select multiple after search
-- \[Fixed\]: InputBase – Fix endIconProps not work when endIcon is string
-- \[Fixed\]: Attachment – Fix not show Button Attachment when disabled, readOnly; Update design
+
+-   \[Changed\]: Icon – Optimize code
+-   \[Fixed\]: Dropdown – Fix bug cannot select multiple after search
+-   \[Fixed\]: InputBase – Fix endIconProps not work when endIcon is string
+-   \[Fixed\]: Attachment – Fix not show Button Attachment when disabled, readOnly; Update design
 
 ## 1.3.85
-- \[Fixed\]: Attachment – Fix not fire onChange when select same file
-- \[Fixed\]: PagingInfo – Fix responsive auto hide element wrong
-- \[Fixed\]: Status – Fix css not match design
+
+-   \[Fixed\]: Attachment – Fix not fire onChange when select same file
+-   \[Fixed\]: PagingInfo – Fix responsive auto hide element wrong
+-   \[Fixed\]: Status – Fix css not match design
 
 ## 1.3.84
-- \[Fixed\]: Badge – Remove animation, conditional rendering with prop invisible
-- \[Fixed\]: InputBase – Fix css focus when readOnly
+
+-   \[Fixed\]: Badge – Remove animation, conditional rendering with prop invisible
+-   \[Fixed\]: InputBase – Fix css focus when readOnly
 
 ## 1.3.83
-- \[Changed\]: IconMenu – Add prop className, style
-- \[Changed\]: Grid – Add prop verticalAlign
-- \[Changed\]: Label– Add lineClamp auto
-- \[Fixed\]: Popover – Fix bug not save last position of anchor
+
+-   \[Changed\]: IconMenu – Add prop className, style
+-   \[Changed\]: Grid – Add prop verticalAlign
+-   \[Changed\]: Label– Add lineClamp auto
+-   \[Fixed\]: Popover – Fix bug not save last position of anchor
 
 ## 1.3.82
-- \[Fixed\]: CircularProgress – Fix transform rotate wrong inside flex column
+
+-   \[Fixed\]: CircularProgress – Fix transform rotate wrong inside flex column
 
 ## 1.3.81
-- \[Added\]: Icon – Feedback, Newspaper
-- \[Changed\]: Button – Add prop href, urlParams
-- \[Changed\]: Divider – Allow using CORE colors
-- \[Fixed\]: Attachment – Fix callback return attached items not file type; Optimize code
-- \[Fixed\]: PopupV2 – Fix warning prop description
-- \[Fixed\]: Popover – Fix backdrop scroll when show popover
-- \[Fixed\]: DateRangePicker – Fix cannot click end icon
-- \[Fixed\]: CircularProgress – Temporary fix transform rotate inside flex column
+
+-   \[Added\]: Icon – Feedback, Newspaper
+-   \[Changed\]: Button – Add prop href, urlParams
+-   \[Changed\]: Divider – Allow using CORE colors
+-   \[Fixed\]: Attachment – Fix callback return attached items not file type; Optimize code
+-   \[Fixed\]: PopupV2 – Fix warning prop description
+-   \[Fixed\]: Popover – Fix backdrop scroll when show popover
+-   \[Fixed\]: DateRangePicker – Fix cannot click end icon
+-   \[Fixed\]: CircularProgress – Temporary fix transform rotate inside flex column
 
 ## 1.3.80
-- \[Changed\]: ButtonMore – Update Button More with new design
-- \[Changed\]: BABEL – Add babel-plugin-module-resolver
-- \[Changed\]: NumberInput – Add viewType none
-- \[Changed\]: CircularProgress – Allow prop size accept number value; Optimize code
+
+-   \[Changed\]: ButtonMore – Update Button More with new design
+-   \[Changed\]: BABEL – Add babel-plugin-module-resolver
+-   \[Changed\]: NumberInput – Add viewType none
+-   \[Changed\]: CircularProgress – Allow prop size accept number value; Optimize code
 
 ## 1.3.79
-- \[Changed\]: Button – Add prop labelProps; Allow use CUI colors
-- \[Changed\]: InputBase – Add startIcon, endIcon to multiline textarea; Add viewType none; Optimize code
-- \[Changed\]: Notify – Replace prop color with type; Change duration from seconds to milliseconds; Refactoring code
-- \[Changed\]: ButtonIcon – Add tabIndex; Optimize code
-- \[Changed\]: DateRangePicker – Hide clear button when disabled or readonly
-- \[Changed\]: TextInput – Add prop nonStyle; Add viewType none
-- \[Changed\]: Ripple – useImperativeHandle method start
-- \[Fixed\]: Popover – Fix wrong position when use method show
+
+-   \[Changed\]: Button – Add prop labelProps; Allow use CUI colors
+-   \[Changed\]: InputBase – Add startIcon, endIcon to multiline textarea; Add viewType none; Optimize code
+-   \[Changed\]: Notify – Replace prop color with type; Change duration from seconds to milliseconds; Refactoring code
+-   \[Changed\]: ButtonIcon – Add tabIndex; Optimize code
+-   \[Changed\]: DateRangePicker – Hide clear button when disabled or readonly
+-   \[Changed\]: TextInput – Add prop nonStyle; Add viewType none
+-   \[Changed\]: Ripple – useImperativeHandle method start
+-   \[Fixed\]: Popover – Fix wrong position when use method show
 
 ## 1.3.78
-- \[Changed\]: Dropdown – Update UI mode multi and optimize render multi selected
+
+-   \[Changed\]: Dropdown – Update UI mode multi and optimize render multi selected
 
 ## 1.3.77
-- \[Changed\]: DateRangePicker – Add method show to ref
-- \[Changed\]: Avatar – Add propTypes node for prop data
-- \[Changed\]: Dropdown – Add tabIndex in input element
-- \[Fixed\]: Popover – Fix anchor element not receive style
-- \[Fixed\]: Typography – Fix hover tooltip sometime not show when typography next to each other; Fix css word-break
-- \[Fixed\]: Popover – Fix bug not check anchor when update position
+
+-   \[Changed\]: DateRangePicker – Add method show to ref
+-   \[Changed\]: Avatar – Add propTypes node for prop data
+-   \[Changed\]: Dropdown – Add tabIndex in input element
+-   \[Fixed\]: Popover – Fix anchor element not receive style
+-   \[Fixed\]: Typography – Fix hover tooltip sometime not show when typography next to each other; Fix css word-break
+-   \[Fixed\]: Popover – Fix bug not check anchor when update position
 
 ## 1.3.76
-- \[Changed\]: Tab – Add useMemo in TabContainer, TabHeader, TabItem, TabPanel
-- \[Changed\]: CircularProgress – Allow prop color, percentColor use CUI colors
-- \[Fixed\]: Checkbox – Fix bug not return e.target.value
-- \[Fixed\]: NumberInput – Fix e.target in onChange is not element
-- \[Fixed\]: Tooltip – Fix tooltip container width height
-- \[Fixed\]: Datepicker – Fix width related Tooltip
-- \[Fixed\]: InputBase – Fix not receive new value state
-- \[Fixed\]: HelperText – Fix margin top not match design
-- \[Fixed\]: Dropdown – Fix placeholder show multiline
+
+-   \[Changed\]: Tab – Add useMemo in TabContainer, TabHeader, TabItem, TabPanel
+-   \[Changed\]: CircularProgress – Allow prop color, percentColor use CUI colors
+-   \[Fixed\]: Checkbox – Fix bug not return e.target.value
+-   \[Fixed\]: NumberInput – Fix e.target in onChange is not element
+-   \[Fixed\]: Tooltip – Fix tooltip container width height
+-   \[Fixed\]: Datepicker – Fix width related Tooltip
+-   \[Fixed\]: InputBase – Fix not receive new value state
+-   \[Fixed\]: HelperText – Fix margin top not match design
+-   \[Fixed\]: Dropdown – Fix placeholder show multiline
 
 ## 1.3.75
-- \[Fixed\]: Typography – Fix word-break css
+
+-   \[Fixed\]: Typography – Fix word-break css
 
 ## 1.3.74
-- \[Added\]: Icon – ApprovalDouble, Error, OneSquare, TwoSquare, ThreeSquare, FourSquare, FiveSquare, AssignmentFilled, ReviewOutline
-- \[Added\]: MenuIcon – MHRP29N0026 , MHRP29N0027, MHRP29N0028
-- \[Changed\]: Dropdown – Update UI mode multi and optimize render multi selected
-- \[Changed\]: Chip – Update Chip with new design, clean and optimize code
-- \[Changed\]: Modal – Update Padding Modal with new design
-- \[Changed\]: Modal – Update option Show/Hide Box-shadow for Footer
-- \[Changed\]: Tab – Add prop width in TabHeader
-- \[Changed\]: Popover – Add target to method show; Add prop className
-- \[Changed\]: OptionWrapper – Update OptionWrapper
-- \[Changed\]: Typography – Add cursor pointer when clickable
-- \[Changed\]: Dropdown – Add no data text when treeview datasource empty
-- \[Changed\]: Attachment – Add recentRemovedAttached and change removedAttached in onChange
-- \[Changed\]: Popover – Add anchor's cursor pointer; Update position when children is changed
-- \[Changed\]: Attachment – Add default for prop uploadErrorInfo
-- \[Changed\]: Tab – Add proptype string for prop tabIndex in TabContainer
-- \[Changed\]: Tab – Add prop labelProps in TabItem; Fix max-width TabItem; Remove border TabHeader
-- \[Changed\]: Avatar – Add default when src url error
-- \[Changed\]: Image – Add component Image
-- \[Changed\]: InputBase, TextInput – Add hover tooltip when readOnly
-- \[Changed\]: DateRangePicker – Add prop showUnitCount
-- \[Fixed\]: DatePicker – Fix not show placeholder
-- \[Fixed\]: Label – Fix margin of label inside input components
-- \[Fixed\]: TreeView – Fix bug disabledRelevantValue
-- \[Fixed\]: Dropdown – Fix bug not close after select dropdown treeview by children
-- \[Fixed\]: Grid – Add missing useMemo dependency
-- \[Fixed\]: Popover – Fix css min-width, max-height, justify-content
-- \[Fixed\]: Dropdown – Chip disable when Dropdown is disabled
-- \[Fixed\]: Accordion – Fix bug onExpand, onCollapse not return element AccordionSummary
-- \[Fixed\]: DatePicker – Recalculate position of picker
-- \[Fixed\]: Dropdown – Fix bug render selected item [object Object]
-- \[Fixed\]: Dropdown – Fix bug lost icon when select same value
-- \[Fixed\]: Dropdown – Fix bug not show clear when use only defaultValue
-- \[Fixed\]: Popover – Fix bug trigger hover
-- \[Fixed\]: Typography – Fix hover tooltip height
-- \[Fixed\]: DateRangePicker – Fix not show placeholder
-- \[Fixed\]: Dropdown – Fix viewType outlined not show placeholder
-- \[Fixed\]: Popover – Calculate position center when overflow
 
+-   \[Added\]: Icon – ApprovalDouble, Error, OneSquare, TwoSquare, ThreeSquare, FourSquare, FiveSquare, AssignmentFilled, ReviewOutline
+-   \[Added\]: MenuIcon – MHRP29N0026 , MHRP29N0027, MHRP29N0028
+-   \[Changed\]: Dropdown – Update UI mode multi and optimize render multi selected
+-   \[Changed\]: Chip – Update Chip with new design, clean and optimize code
+-   \[Changed\]: Modal – Update Padding Modal with new design
+-   \[Changed\]: Modal – Update option Show/Hide Box-shadow for Footer
+-   \[Changed\]: Tab – Add prop width in TabHeader
+-   \[Changed\]: Popover – Add target to method show; Add prop className
+-   \[Changed\]: OptionWrapper – Update OptionWrapper
+-   \[Changed\]: Typography – Add cursor pointer when clickable
+-   \[Changed\]: Dropdown – Add no data text when treeview datasource empty
+-   \[Changed\]: Attachment – Add recentRemovedAttached and change removedAttached in onChange
+-   \[Changed\]: Popover – Add anchor's cursor pointer; Update position when children is changed
+-   \[Changed\]: Attachment – Add default for prop uploadErrorInfo
+-   \[Changed\]: Tab – Add proptype string for prop tabIndex in TabContainer
+-   \[Changed\]: Tab – Add prop labelProps in TabItem; Fix max-width TabItem; Remove border TabHeader
+-   \[Changed\]: Avatar – Add default when src url error
+-   \[Changed\]: Image – Add component Image
+-   \[Changed\]: InputBase, TextInput – Add hover tooltip when readOnly
+-   \[Changed\]: DateRangePicker – Add prop showUnitCount
+-   \[Fixed\]: DatePicker – Fix not show placeholder
+-   \[Fixed\]: Label – Fix margin of label inside input components
+-   \[Fixed\]: TreeView – Fix bug disabledRelevantValue
+-   \[Fixed\]: Dropdown – Fix bug not close after select dropdown treeview by children
+-   \[Fixed\]: Grid – Add missing useMemo dependency
+-   \[Fixed\]: Popover – Fix css min-width, max-height, justify-content
+-   \[Fixed\]: Dropdown – Chip disable when Dropdown is disabled
+-   \[Fixed\]: Accordion – Fix bug onExpand, onCollapse not return element AccordionSummary
+-   \[Fixed\]: DatePicker – Recalculate position of picker
+-   \[Fixed\]: Dropdown – Fix bug render selected item [object Object]
+-   \[Fixed\]: Dropdown – Fix bug lost icon when select same value
+-   \[Fixed\]: Dropdown – Fix bug not show clear when use only defaultValue
+-   \[Fixed\]: Popover – Fix bug trigger hover
+-   \[Fixed\]: Typography – Fix hover tooltip height
+-   \[Fixed\]: DateRangePicker – Fix not show placeholder
+-   \[Fixed\]: Dropdown – Fix viewType outlined not show placeholder
+-   \[Fixed\]: Popover – Calculate position center when overflow
 
 ## 1.3.73
-- \[Added\]: Icon – PersonArrowRight
-- \[Added\]: MenuIcon – MHRM82N0001, MHRM82N0002
-- \[Fixed\]: Dropdown – Fix bug regex error in IOS
+
+-   \[Added\]: Icon – PersonArrowRight
+-   \[Added\]: MenuIcon – MHRM82N0001, MHRM82N0002
+-   \[Fixed\]: Dropdown – Fix bug regex error in IOS
 
 ## 1.3.72
-- \[Changed\]: Dropdown – Add prop multilineSelectedItem
+
+-   \[Changed\]: Dropdown – Add prop multilineSelectedItem
 
 ## 1.3.71
-- \[Changed\]: Tooltip – Add prop disableInteractive
-- \[Changed\]: Card – Update storybook Card
-- \[Changed\]: Dropdown – Add prop maximumSelectionLength
-- \[Fixed\]: TextInput – Fix bug cannot set status
-- \[Fixed\]: Button – Fix height of viewType outlined
-- \[Fixed\]: Grid – Fix topSpacing, leftSpacing not receive value 0
-- \[Fixed\]: Avatar – Fix bug change avatar when disabled; Add prop style
-- \[Fixed\]: Dropdown – Fix bug big image when use iconExpr
+
+-   \[Changed\]: Tooltip – Add prop disableInteractive
+-   \[Changed\]: Card – Update storybook Card
+-   \[Changed\]: Dropdown – Add prop maximumSelectionLength
+-   \[Fixed\]: TextInput – Fix bug cannot set status
+-   \[Fixed\]: Button – Fix height of viewType outlined
+-   \[Fixed\]: Grid – Fix topSpacing, leftSpacing not receive value 0
+-   \[Fixed\]: Avatar – Fix bug change avatar when disabled; Add prop style
+-   \[Fixed\]: Dropdown – Fix bug big image when use iconExpr
 
 ## 1.3.70
-- \[Changed\]: Checkbox – Add prop required
-- \[Changed\]: Radio – Add prop required
-- \[Changed\]: Toggle – Add prop required
-- \[Changed\]: Storybook – Add template storybook
-- \[Changed\]: MoneyInput, NumberInput, PhoneInput, TextInput – Add helperTextProps
-- \[Fixed\]: Tooltip – Add display flex
-- \[Fixed\]: Checkbox – Fix bug not show value when label is empty string
+
+-   \[Changed\]: Checkbox – Add prop required
+-   \[Changed\]: Radio – Add prop required
+-   \[Changed\]: Toggle – Add prop required
+-   \[Changed\]: Storybook – Add template storybook
+-   \[Changed\]: MoneyInput, NumberInput, PhoneInput, TextInput – Add helperTextProps
+-   \[Fixed\]: Tooltip – Add display flex
+-   \[Fixed\]: Checkbox – Fix bug not show value when label is empty string
 
 ## 1.3.69
-- \[Fixed\]: DatePicker – Fix not show placeholder
-- \[Fixed\]: DatePicker – Fix set value when select date
+
+-   \[Fixed\]: DatePicker – Fix not show placeholder
+-   \[Fixed\]: DatePicker – Fix set value when select date
 
 ## 1.3.68
-- \[Changed\]: PagingInfo – Update design
-- \[Changed\]: InputBase – Add func auto scale width, apply for NumberInput, TextInput
-- \[Changed\]: PagingSelector – Update functions in PagingSelector
-- \[Changed\]: NumberInput, MoneyInput, PhoneInput – Add prop labelProps
+
+-   \[Changed\]: PagingInfo – Update design
+-   \[Changed\]: InputBase – Add func auto scale width, apply for NumberInput, TextInput
+-   \[Changed\]: PagingSelector – Update functions in PagingSelector
+-   \[Changed\]: NumberInput, MoneyInput, PhoneInput – Add prop labelProps
 
 ## 1.3.67
-- \[Added\]: Icon – ListAlt, PersonSetting, Undo, ViewHeadline
-- \[Changed\]: OptionWrapper – Update OptionWrapper
-- \[Changed\]: Accordion – Change align AccordionSummary content to center
-- \[Changed\]: Dropdown – Add props searchExpr, searchMode
-- \[Changed\]: Row, Container – Update row spacing, Add component Container
-- \[Changed\]: Dropdown – Add hover tooltip when selected text value too long
-- \[Changed\]: Card – Update design
-- \[Changed\]: HelperText – Add props of Typography
-- \[Changed\]: Dropdown – Add hidden render item
-- \[Fixed\]: Button – Fix typography by size
-- \[Fixed\]: TECH – Fix babel warning
-- \[Fixed\]: Dropdown – Fix dropdown render out of screen
+
+-   \[Added\]: Icon – ListAlt, PersonSetting, Undo, ViewHeadline
+-   \[Changed\]: OptionWrapper – Update OptionWrapper
+-   \[Changed\]: Accordion – Change align AccordionSummary content to center
+-   \[Changed\]: Dropdown – Add props searchExpr, searchMode
+-   \[Changed\]: Row, Container – Update row spacing, Add component Container
+-   \[Changed\]: Dropdown – Add hover tooltip when selected text value too long
+-   \[Changed\]: Card – Update design
+-   \[Changed\]: HelperText – Add props of Typography
+-   \[Changed\]: Dropdown – Add hidden render item
+-   \[Fixed\]: Button – Fix typography by size
+-   \[Fixed\]: TECH – Fix babel warning
+-   \[Fixed\]: Dropdown – Fix dropdown render out of screen
 
 ## 1.3.66
-- \[Changed\]: THEME – Update makestyles
-- \[Changed\]: THEME – Refactoring makeStyles
-- \[Changed\]: Popover – Update Popover with new design
-- \[Changed\]: Status – Update Status with new design
-- \[Changed\]: Popover – Add prop clickOutsideToClose
-- \[Changed\]: TextInput – Add cursor not-allow when disabled
-- \[Changed\]: Tooltip – Add prop disabled
-- \[Changed\]: InputBase – Allow startIcon, endIcon as node
-- \[Fixed\]: TECH – Fix eslint, remove unused code
-- \[Fixed\]: Popover – Fix css children height and overflow
-- \[Fixed\]: Dropdown – Fix css disabled
-- \[Fixed\]: Label – Fix not show required when label too long
-- \[Fixed\]: Dropdown – Fix bug not reset search text when rerender
+
+-   \[Changed\]: THEME – Update makestyles
+-   \[Changed\]: THEME – Refactoring makeStyles
+-   \[Changed\]: Popover – Update Popover with new design
+-   \[Changed\]: Status – Update Status with new design
+-   \[Changed\]: Popover – Add prop clickOutsideToClose
+-   \[Changed\]: TextInput – Add cursor not-allow when disabled
+-   \[Changed\]: Tooltip – Add prop disabled
+-   \[Changed\]: InputBase – Allow startIcon, endIcon as node
+-   \[Fixed\]: TECH – Fix eslint, remove unused code
+-   \[Fixed\]: Popover – Fix css children height and overflow
+-   \[Fixed\]: Dropdown – Fix css disabled
+-   \[Fixed\]: Label – Fix not show required when label too long
+-   \[Fixed\]: Dropdown – Fix bug not reset search text when rerender
 
 ## 1.3.65
-- \[Changed\]: Dropdown – Add viewType none
+
+-   \[Changed\]: Dropdown – Add viewType none
 
 ## 1.3.64
-- \[Added\]: COLORS – Add new colors
-- \[Changed\]: Checkbox – Add case checked, defaultChecked is number 0,1
-- \[Changed\]: IconMenu – Update IconMenu colored
-- \[Fixed\]: ButtonIcon – Add onClick to propTypes
-- \[Fixed\]: Dropdown – Change default allowSearch true, prevent typing in input
+
+-   \[Added\]: COLORS – Add new colors
+-   \[Changed\]: Checkbox – Add case checked, defaultChecked is number 0,1
+-   \[Changed\]: IconMenu – Update IconMenu colored
+-   \[Fixed\]: ButtonIcon – Add onClick to propTypes
+-   \[Fixed\]: Dropdown – Change default allowSearch true, prevent typing in input
 
 ## 1.3.63
-- \[Changed\]: Collapse – Add props onClosed, onOpened
+
+-   \[Changed\]: Collapse – Add props onClosed, onOpened
 
 ## 1.3.62
-- \[Changed\]: Radio – Add value to event target
+
+-   \[Changed\]: Radio – Add value to event target
 
 ## 1.3.61
-- \[Added\]: MenuIcon – MHRM09N1035
-- \[Fixed\]: Dropdown – Fix bug not support Firefox browser
+
+-   \[Added\]: MenuIcon – MHRM09N1035
+-   \[Fixed\]: Dropdown – Fix bug not support Firefox browser
 
 ## 1.3.60
-- \[Added\]: NumberInput – Add props maxDigit
-- \[Changed\]: Icon – Pin, UnPin
-- \[Fixed\]: NumberInput – Fix bug decimalSymbol
+
+-   \[Added\]: NumberInput – Add props maxDigit
+-   \[Changed\]: Icon – Pin, UnPin
+-   \[Fixed\]: NumberInput – Fix bug decimalSymbol
 
 ## 1.3.59
-- \[Added\]: Icon – Export component Icon
-- \[Added\]: Icon – Groups, Photo
-- \[Fixed\]: Dropdown – Fix load more handler
+
+-   \[Added\]: Icon – Export component Icon
+-   \[Added\]: Icon – Groups, Photo
+-   \[Fixed\]: Dropdown – Fix load more handler
 
 ## 1.3.58
-- \[Added\]: Icon– Checkin, Checkout
-- \[Fixed\]: TreeView, Checkbox – Fix bug cannot select by click checkbox
+
+-   \[Added\]: Icon– Checkin, Checkout
+-   \[Fixed\]: TreeView, Checkbox – Fix bug cannot select by click checkbox
 
 ## 1.3.57
-- \[Added\]: MenuIcon – MHRM29N0005
-- \[Changed\]: MoneyInput – Update PagingSelector with new design
-- \[Fixed\]: Attachment – Fix bug not set overflow when close
-- \[Fixed\]: Alert, Notify – Fix bug not set overflow when close
-- \[Fixed\]: Datepicker – Fix bug not set overflow when close
+
+-   \[Added\]: MenuIcon – MHRM29N0005
+-   \[Changed\]: MoneyInput – Update PagingSelector with new design
+-   \[Fixed\]: Attachment – Fix bug not set overflow when close
+-   \[Fixed\]: Alert, Notify – Fix bug not set overflow when close
+-   \[Fixed\]: Datepicker – Fix bug not set overflow when close
 
 ## 1.3.56
-- \[Changed\]: PagingSelector – Update PagingSelector with new design
-- \[Changed\]: NumberInput – Return e.valueString
-- \[Fixed\]: Modal – Fix bug not set overflow when close
-- \[Fixed\]: Dropdown – Replace keyExpr with renderSelectedItem; Fix clear icon show wrong when not use prop value
-- \[Fixed\]: Dropdown – Fix bug search, load more
+
+-   \[Changed\]: PagingSelector – Update PagingSelector with new design
+-   \[Changed\]: NumberInput – Return e.valueString
+-   \[Fixed\]: Modal – Fix bug not set overflow when close
+-   \[Fixed\]: Dropdown – Replace keyExpr with renderSelectedItem; Fix clear icon show wrong when not use prop value
+-   \[Fixed\]: Dropdown – Fix bug search, load more
 
 ## 1.3.55
-- \[Added\]: MenuIcon – MHRM09N1040
-- \[Added\]: Icon – CalendarAdd
-- \[Changed\]: MoneyInput – Correct some cases of convert to words
-- \[Fixed\]: Input – Fix default placeholder; Hide placeholder when readOnly, or disabled
-- \[Fixed\]: ButtonIcon – Add event.persist()
-- \[Fixed\]: PagingInfo – Fix bug not go to first page when totalItems, itemsPerPage changed
+
+-   \[Added\]: MenuIcon – MHRM09N1040
+-   \[Added\]: Icon – CalendarAdd
+-   \[Changed\]: MoneyInput – Correct some cases of convert to words
+-   \[Fixed\]: Input – Fix default placeholder; Hide placeholder when readOnly, or disabled
+-   \[Fixed\]: ButtonIcon – Add event.persist()
+-   \[Fixed\]: PagingInfo – Fix bug not go to first page when totalItems, itemsPerPage changed
 
 ## 1.3.54
-- \[Changed\]: Popover – Allow prop anchor as element
-- \[Changed\]: Row, Col – Update responsive padding
-- \[Changed\]: PagingInfo – Add onChangingPage, onChangingPerPage
-- \[Changed\]: COLORS – Update fill/pressed, fill/focus (Design update)
-- \[Fixed\]: Dropdown – Fix bug css disabled when use prop iconExpr
-- \[Fixed\]: Dropdown – Fix bug prevent keydown ArrowUp, ArrowDown after search
-- \[Fixed\]: Checkbox – Add stopPropagation when onClick; Update spacing; Add width to CheckboxContainerCSS
-- \[Fixed\]: PopupV2 – Fix on close popup event
-- \[Fixed\]: Accordion – Fix bug useMemo disabled
-- \[Fixed\]: FormGroup – Fix bug css conflict component Col
-- \[Fixed\]: NumberInput – Fix position focus Input
+
+-   \[Changed\]: Popover – Allow prop anchor as element
+-   \[Changed\]: Row, Col – Update responsive padding
+-   \[Changed\]: PagingInfo – Add onChangingPage, onChangingPerPage
+-   \[Changed\]: COLORS – Update fill/pressed, fill/focus (Design update)
+-   \[Fixed\]: Dropdown – Fix bug css disabled when use prop iconExpr
+-   \[Fixed\]: Dropdown – Fix bug prevent keydown ArrowUp, ArrowDown after search
+-   \[Fixed\]: Checkbox – Add stopPropagation when onClick; Update spacing; Add width to CheckboxContainerCSS
+-   \[Fixed\]: PopupV2 – Fix on close popup event
+-   \[Fixed\]: Accordion – Fix bug useMemo disabled
+-   \[Fixed\]: FormGroup – Fix bug css conflict component Col
+-   \[Fixed\]: NumberInput – Fix position focus Input
 
 ## 1.3.53
-- \[Fixed\]: Dropdown – Fix bug icon Arrow not clickable when multiple
+
+-   \[Fixed\]: Dropdown – Fix bug icon Arrow not clickable when multiple
 
 ## 1.3.52
-- \[Fixed\]: Avatar – Add props onClick, allowEdit
-- \[Fixed\]: Typography – Fix tooltip width fit Typography
+
+-   \[Fixed\]: Avatar – Add props onClick, allowEdit
+-   \[Fixed\]: Typography – Fix tooltip width fit Typography
 
 ## 1.3.51
-- \[Fixed\]: THEME – Fix bug makeStyles add duplicate style tag into head tag
-- \[Fixed\]: Accordion – Change css AccordionSummary; Fix when children of AccordionGroup null
-- \[Fixed\]: InputBase – Fix disabled css
+
+-   \[Fixed\]: THEME – Fix bug makeStyles add duplicate style tag into head tag
+-   \[Fixed\]: Accordion – Change css AccordionSummary; Fix when children of AccordionGroup null
+-   \[Fixed\]: InputBase – Fix disabled css
 
 ## 1.3.50
-- \[Fixed\]: Dropdown – Fix dropdown onInput search
+
+-   \[Fixed\]: Dropdown – Fix dropdown onInput search
 
 ## 1.3.49
-- \[Added\]: MenuIcon – WA3F0100, WA3F1025, WA3F2000, WA3F2020, WA3F2030, WA3F2040, WA3F2100
-- \[Changed\]: Grid – Phát triển component Grid
-- \[Changed\]: THEME – Refactoring breakpoints
-- \[Fixed\]: Dropdown – Fix bug open dropdown by icon trigger double-click
+
+-   \[Added\]: MenuIcon – WA3F0100, WA3F1025, WA3F2000, WA3F2020, WA3F2030, WA3F2040, WA3F2100
+-   \[Changed\]: Grid – Phát triển component Grid
+-   \[Changed\]: THEME – Refactoring breakpoints
+-   \[Fixed\]: Dropdown – Fix bug open dropdown by icon trigger double-click
 
 ## 1.3.48
-- \[Added\]: MenuIcon – MHRM09N1030
-- \[Added\]: Icon – AssignmentInd
-- \[Changed\]: Dropdown – Prop searchDelayTime allow propTypes bool
-- \[Changed\]: Theme – Update getSpacing
-- \[Fixed\]: Dropdown – Fix bug use ref open dropdown not work
-- \[Fixed\]: Dropdown – Fix wrong width when use prop renderSelectedItem and clearAble
+
+-   \[Added\]: MenuIcon – MHRM09N1030
+-   \[Added\]: Icon – AssignmentInd
+-   \[Changed\]: Dropdown – Prop searchDelayTime allow propTypes bool
+-   \[Changed\]: Theme – Update getSpacing
+-   \[Fixed\]: Dropdown – Fix bug use ref open dropdown not work
+-   \[Fixed\]: Dropdown – Fix wrong width when use prop renderSelectedItem and clearAble
 
 ## 1.3.47
-- \[Fixed\]: Rating – Fix bug icon render incorrect, return value in func onRating
+
+-   \[Fixed\]: Rating – Fix bug icon render incorrect, return value in func onRating
 
 ## 1.3.46
-- \[Added\]: MenuIcon – MHRM09N1025
-- \[Changed\]: Dropdown – Ref set value not in dataSource
-- \[Changed\]: Dropdown – Add logic if multiple then selectBox is true
-- \[Fixed\]: Typography – Fix bug tooltip show wrong when hover
-- \[Fixed\]: Avatar – Fix bug flickering
-- \[Fixed\]: Radio – Fix cursor pointer:none when readonly - Fix event onchange - Fix warning
-- \[Fixed\]: Dropdown – Bug not reload dataSource when onClear
-- \[Fixed\]: Dropdown – Fix bug scroll to top after load more
+
+-   \[Added\]: MenuIcon – MHRM09N1025
+-   \[Changed\]: Dropdown – Ref set value not in dataSource
+-   \[Changed\]: Dropdown – Add logic if multiple then selectBox is true
+-   \[Fixed\]: Typography – Fix bug tooltip show wrong when hover
+-   \[Fixed\]: Avatar – Fix bug flickering
+-   \[Fixed\]: Radio – Fix cursor pointer:none when readonly - Fix event onchange - Fix warning
+-   \[Fixed\]: Dropdown – Bug not reload dataSource when onClear
+-   \[Fixed\]: Dropdown – Fix bug scroll to top after load more
 
 ## 1.3.45
-- \[Added\]: MenuIcon – MHRM00N0005, MHRM09N1015, MHRM09N1400, MHRP25L0101, MHRP25L0501, MHRM09N1020
-- \[Changed\]: LineChart – Allow pointsColor, pathColor use CORE colors; Add prop className, style, pointHoverAlignment
-- \[Changed\]: HelperText – Add truncates text 1 line
-- \[Fixed\]: TreeView – Fix css
-- \[Fixed\]: Dropdown – Fix bug when multiple or selectBox value not array
-- \[Fixed\]: Dropdown – Fix bug closeAfterSelect when multiple is true
+
+-   \[Added\]: MenuIcon – MHRM00N0005, MHRM09N1015, MHRM09N1400, MHRP25L0101, MHRP25L0501, MHRM09N1020
+-   \[Changed\]: LineChart – Allow pointsColor, pathColor use CORE colors; Add prop className, style, pointHoverAlignment
+-   \[Changed\]: HelperText – Add truncates text 1 line
+-   \[Fixed\]: TreeView – Fix css
+-   \[Fixed\]: Dropdown – Fix bug when multiple or selectBox value not array
+-   \[Fixed\]: Dropdown – Fix bug closeAfterSelect when multiple is true
 
 ## 1.3.44
-- \[Added\]: MenuIcon – MHRP09N0033
-- \[Changed\]: Modal – Add prop className
-- \[Changed\]: Slider – Update design button next, previous
-- \[Changed\]: Settings – Return CORE typography in setting
-- \[Changed\]: PagingInfo – Update design typeShort (Design update)
-- \[Fixed\]: DatePicker – Fix bug clearable when readOnly, picker out of screen
-- \[Fixed\]: DropdownBox – Fix bug press Tab close DropdownBox
-- \[Fixed\]: ButtonIcon – Change element tag from button to div; Fix ripple effect circular
-- \[Fixed\]: DatePicker – Fix bug warning proptype, keydown Tab not close DatePicker
-- \[Fixed\]: InputBase – Fix css disabled
+
+-   \[Added\]: MenuIcon – MHRP09N0033
+-   \[Changed\]: Modal – Add prop className
+-   \[Changed\]: Slider – Update design button next, previous
+-   \[Changed\]: Settings – Return CORE typography in setting
+-   \[Changed\]: PagingInfo – Update design typeShort (Design update)
+-   \[Fixed\]: DatePicker – Fix bug clearable when readOnly, picker out of screen
+-   \[Fixed\]: DropdownBox – Fix bug press Tab close DropdownBox
+-   \[Fixed\]: ButtonIcon – Change element tag from button to div; Fix ripple effect circular
+-   \[Fixed\]: DatePicker – Fix bug warning proptype, keydown Tab not close DatePicker
+-   \[Fixed\]: InputBase – Fix css disabled
 
 ## 1.3.43
-- \[Added\]: MenuIcon – MHRM00N0002, MHRM39N0018, MHRM39N0019, MHRM00N0003, MHRM00N0004 , MHRM13N0002, MHRM13N0003, MHRM29N0004
-- \[Changed\]: Checkbox - Add labelProps
-- \[Changed\]: PagingInfo - Add case listPerPage not include itemsPerPage
-- \[Changed\]: PagingInfo - Update design typeShort (Design update)
-- \[Changed\]: Tab - Update vertical tab (Design update)
-- \[Changed\]: Checkbox - Fix spacing & Update UI with New Design
-- \[Changed\]: Toggle - Add props readOnly - update UI with new design
-- \[Changed\]: Label - Reuse props of  Typography component
-- \[Changed\]: TextInput - Change logic showing error
-- \[Fixed\]: TextInput - Optimize code, manage with hook useState
-- \[Fixed\]: InputBase - Optimize code, manage with hook useState
-- \[Fixed\]: DropdownBox - Change onChangeInput, delayOnInput according to new InputBase; Fix warning className
-- \[Fixed\]: FormGroup - Fix bug css
-- \[Fixed\]: NumberInput - Fix case VIE keyboard
+
+-   \[Added\]: MenuIcon – MHRM00N0002, MHRM39N0018, MHRM39N0019, MHRM00N0003, MHRM00N0004 , MHRM13N0002, MHRM13N0003, MHRM29N0004
+-   \[Changed\]: Checkbox - Add labelProps
+-   \[Changed\]: PagingInfo - Add case listPerPage not include itemsPerPage
+-   \[Changed\]: PagingInfo - Update design typeShort (Design update)
+-   \[Changed\]: Tab - Update vertical tab (Design update)
+-   \[Changed\]: Checkbox - Fix spacing & Update UI with New Design
+-   \[Changed\]: Toggle - Add props readOnly - update UI with new design
+-   \[Changed\]: Label - Reuse props of Typography component
+-   \[Changed\]: TextInput - Change logic showing error
+-   \[Fixed\]: TextInput - Optimize code, manage with hook useState
+-   \[Fixed\]: InputBase - Optimize code, manage with hook useState
+-   \[Fixed\]: DropdownBox - Change onChangeInput, delayOnInput according to new InputBase; Fix warning className
+-   \[Fixed\]: FormGroup - Fix bug css
+-   \[Fixed\]: NumberInput - Fix case VIE keyboard
 
 ## 1.3.42
-- \[Added\]: Icon - MoneyHistory, Calculate, ShoppingCart
+
+-   \[Added\]: Icon - MoneyHistory, Calculate, ShoppingCart
 
 ## 1.3.41
-- \[Fixed\]: DropdownBox - Fix zIndex
+
+-   \[Fixed\]: DropdownBox - Fix zIndex
 
 ## 1.3.40
-- \[Fixed\]: Slider - Fix bug can't view https file
-- \[Fixed\]: Typography - Fix word-wrap css
-- \[Fixed\]: Slider - Fix bug not showing pdf file with blob url
+
+-   \[Fixed\]: Slider - Fix bug can't view https file
+-   \[Fixed\]: Typography - Fix word-wrap css
+-   \[Fixed\]: Slider - Fix bug not showing pdf file with blob url
 
 ## 1.3.39
-- \[Added\]: MenuIcon - MHRM29N0003
+
+-   \[Added\]: MenuIcon - MHRM29N0003
 
 ## 1.3.38
-- \[Added\]: System - Phát triển chuẩn zIndex
-- \[Changed\]: NumberInput - Phát triển lại component NumberInput
-- \[Fixed\]: Accordion - Fix bug Accordion auto expand when render; Add prop style, id; Fix css
-- \[Fixed\]: Radio - Fix spacing & Update UI with New Design
-- \[Fixed\]: Toggle - Fix Toggle when label is line-break, Update style Toggle with new Design
-- \[Fixed\]: Divider - Fix width, height Divider
+
+-   \[Added\]: System - Phát triển chuẩn zIndex
+-   \[Changed\]: NumberInput - Phát triển lại component NumberInput
+-   \[Fixed\]: Accordion - Fix bug Accordion auto expand when render; Add prop style, id; Fix css
+-   \[Fixed\]: Radio - Fix spacing & Update UI with New Design
+-   \[Fixed\]: Toggle - Fix Toggle when label is line-break, Update style Toggle with new Design
+-   \[Fixed\]: Divider - Fix width, height Divider
 
 ## 1.3.37
-- \[Added\]: Icon – EditNote, Payment
-- \[Added\]: MenuIcon - MHRM29N0002
-- \[Changed\]: Alert - Add white background behind opacity background color
-- \[Changed\]: Tech - Add storybook for Colors
-- \[Changed\]: Attachment - Add ref method openFileDialog
-- \[Changed\]: Modal - Change position of Modal from center to top; Add prop alignment
-- \[Changed\]: Icon - Remove duplicate icons
-- \[Changed\]: Icon – Pdf, Word, Sheet
-- \[Fixed\]: Slider - Fix bug not showing pdf file
-- \[Fixed\]: Chip - Fix bug show wrong startIcon
-- \[Fixed\]: ModalHeader - Fix css; Add prop showClose
-- \[Fixed\]: Dropdown - Change error logic; Remove pointerEvent, userSelect when disabled; Add ref method setValue; Fix css disabled; Add prop onClosed
+
+-   \[Added\]: Icon – EditNote, Payment
+-   \[Added\]: MenuIcon - MHRM29N0002
+-   \[Changed\]: Alert - Add white background behind opacity background color
+-   \[Changed\]: Tech - Add storybook for Colors
+-   \[Changed\]: Attachment - Add ref method openFileDialog
+-   \[Changed\]: Modal - Change position of Modal from center to top; Add prop alignment
+-   \[Changed\]: Icon - Remove duplicate icons
+-   \[Changed\]: Icon – Pdf, Word, Sheet
+-   \[Fixed\]: Slider - Fix bug not showing pdf file
+-   \[Fixed\]: Chip - Fix bug show wrong startIcon
+-   \[Fixed\]: ModalHeader - Fix css; Add prop showClose
+-   \[Fixed\]: Dropdown - Change error logic; Remove pointerEvent, userSelect when disabled; Add ref method setValue; Fix css disabled; Add prop onClosed
 
 ## 1.3.36
-- \[Added\]: MenuIcon - W05F0013N0000, MHRP39N0017, MHRM09N0005, MHRM13N0001
-- \[Changed\]: Attachment - Add prop domain, isStripDomain
-- \[Changed\]: Tooltip - Add className
-- \[Changed\]: Avatar - Add Add lazyLoading
-- \[Changed\]: Popover - Change transition; Add prop direction; Add description on storybook
-- \[Changed\]: TECH - Hide unused components on storybook
-- \[Changed\]: Typography - Add prop showTooltip to show tooltip when content is clamped 
-- \[Changed\]: DropdownBox - Add endIcon
-- \[Fixed\]: Tooltip - Fix bug not show tooltip; Optimize code
+
+-   \[Added\]: MenuIcon - W05F0013N0000, MHRP39N0017, MHRM09N0005, MHRM13N0001
+-   \[Changed\]: Attachment - Add prop domain, isStripDomain
+-   \[Changed\]: Tooltip - Add className
+-   \[Changed\]: Avatar - Add Add lazyLoading
+-   \[Changed\]: Popover - Change transition; Add prop direction; Add description on storybook
+-   \[Changed\]: TECH - Hide unused components on storybook
+-   \[Changed\]: Typography - Add prop showTooltip to show tooltip when content is clamped
+-   \[Changed\]: DropdownBox - Add endIcon
+-   \[Fixed\]: Tooltip - Fix bug not show tooltip; Optimize code
 
 ## 1.3.35
-- \[Added\]: Icon - AssignmentTurnedIn, DGNProducts
-- \[Added\]: MenuIcon - MHRP09N0032
-- \[Changed\]: Icon – Guide, Locate
-- \[Changed\]: Tab - Return callback onclick event, value; Add prop centered in TabHeader
-- \[Changed\]: MoneyInput - Add props convertToWords
-- \[Changed\]: Calendar - Allow select day of previous or next month
-- \[Changed\]: Tab - Change logic of TabPanel; Add lazyLoading; Apply general css
-- \[Fixed\]: Tab - Fix bug React.cloneElement when pass null in TabContainer, TabHeader
-- \[Fixed\]: Dropdown - Remove min-width
-- \[Fixed\]: SYSTEM - Format source code with prettier
-- \[Fixed\]: Label - Fix pixel perfect
-- \[Fixed\]: Dropdown - Fix bug not show last search value
-- \[Fixed\]: Dropdown - Fix bug render icon; Show valueExpr when not have displayExpr
-- \[Fixed\]: Chip - Remove unused variable
-- \[Fixed\]: Badge - Fix iconProps not in useMemo dependency
+
+-   \[Added\]: Icon - AssignmentTurnedIn, DGNProducts
+-   \[Added\]: MenuIcon - MHRP09N0032
+-   \[Changed\]: Icon – Guide, Locate
+-   \[Changed\]: Tab - Return callback onclick event, value; Add prop centered in TabHeader
+-   \[Changed\]: MoneyInput - Add props convertToWords
+-   \[Changed\]: Calendar - Allow select day of previous or next month
+-   \[Changed\]: Tab - Change logic of TabPanel; Add lazyLoading; Apply general css
+-   \[Fixed\]: Tab - Fix bug React.cloneElement when pass null in TabContainer, TabHeader
+-   \[Fixed\]: Dropdown - Remove min-width
+-   \[Fixed\]: SYSTEM - Format source code with prettier
+-   \[Fixed\]: Label - Fix pixel perfect
+-   \[Fixed\]: Dropdown - Fix bug not show last search value
+-   \[Fixed\]: Dropdown - Fix bug render icon; Show valueExpr when not have displayExpr
+-   \[Fixed\]: Chip - Remove unused variable
+-   \[Fixed\]: Badge - Fix iconProps not in useMemo dependency
 
 ## 1.3.34
-- \[Added\]: Icon - ArrowSwapHoriz, PaperZoom
-- \[Added\]: MenuIcon - ALL, D00, D09, D13, D15, D21, D25, D29, D38, D39, D51, D52, D77, D84, D89
-- \[Changed\]: Typography - Add case ellipsis, multiple lines
-- \[Changed\]: Badge - Phát triển lại component Badge
-- \[Changed\]: Typography - Add type options ( full & short)
-- \[Changed\]: ButtonIcon - Change UI color of viewType ghost (Design update)
-- \[Changed\]: Chip - startIcon, endIcon accept string as CORE icon
-- \[Changed\]: Dropdown - Allow use prop valueObjectDefault without prop onLoadMore
-- \[Changed\]: Icon - Allow using CORE colors, replace general css, add OptionWrapper
-- \[Changed\]: DropdownBox - Fix bug event onClickOutside
-- \[Fixed\]: Change css, typography, colors
-- \[Fixed\]: Avatar - Fix default svg viewBox
-- \[Fixed\]: ButtonIcon - Fix custom width height for viewType ghost
-- \[Fixed\]: ButtonIcon - Remove overflow hidden, fix Ripple when use circular ButtonIcon
-- \[Fixed\]: Button - Fix warning `ref` is not a prop
-- \[Fixed\]: Avatar - Fix actionIconWidth, actionIconHeight; Optimize code
-- \[Fixed\]: Toggle - Fix case value, defaultValue input is number 0,1
-- \[Fixed\]: ButtonIcon - Add min-width, min-height
-- \[Fixed\]: Dropdown - Fix bug cannot select data in editCellRender of DataGrid
+
+-   \[Added\]: Icon - ArrowSwapHoriz, PaperZoom
+-   \[Added\]: MenuIcon - ALL, D00, D09, D13, D15, D21, D25, D29, D38, D39, D51, D52, D77, D84, D89
+-   \[Changed\]: Typography - Add case ellipsis, multiple lines
+-   \[Changed\]: Badge - Phát triển lại component Badge
+-   \[Changed\]: Typography - Add type options ( full & short)
+-   \[Changed\]: ButtonIcon - Change UI color of viewType ghost (Design update)
+-   \[Changed\]: Chip - startIcon, endIcon accept string as CORE icon
+-   \[Changed\]: Dropdown - Allow use prop valueObjectDefault without prop onLoadMore
+-   \[Changed\]: Icon - Allow using CORE colors, replace general css, add OptionWrapper
+-   \[Changed\]: DropdownBox - Fix bug event onClickOutside
+-   \[Fixed\]: Change css, typography, colors
+-   \[Fixed\]: Avatar - Fix default svg viewBox
+-   \[Fixed\]: ButtonIcon - Fix custom width height for viewType ghost
+-   \[Fixed\]: ButtonIcon - Remove overflow hidden, fix Ripple when use circular ButtonIcon
+-   \[Fixed\]: Button - Fix warning `ref` is not a prop
+-   \[Fixed\]: Avatar - Fix actionIconWidth, actionIconHeight; Optimize code
+-   \[Fixed\]: Toggle - Fix case value, defaultValue input is number 0,1
+-   \[Fixed\]: ButtonIcon - Add min-width, min-height
+-   \[Fixed\]: Dropdown - Fix bug cannot select data in editCellRender of DataGrid
 
 ## 1.3.33
-- \[Fixed\]: Dropdown - Fix show wrong when valueObjectDefault is empty object
-- \[Fixed\]: Button, ButtonIcon - Fix classname
+
+-   \[Fixed\]: Dropdown - Fix show wrong when valueObjectDefault is empty object
+-   \[Fixed\]: Button, ButtonIcon - Fix classname
 
 ## 1.3.32
-- \[Added\]: SYSTEM - Add color text/disabled
-- \[Added\]: Icon - Bookmark, Money
-- \[Changed\]: Icon - ChatBubble
-- \[Fixed\]: Popover - Fix bug not close popover on Modal
-- \[Fixed\]: DropdownBox - Return element in onChangeInput prop
-- \[Fixed\]: InputBase, Dropdown - Change default placeholder
+
+-   \[Added\]: SYSTEM - Add color text/disabled
+-   \[Added\]: Icon - Bookmark, Money
+-   \[Changed\]: Icon - ChatBubble
+-   \[Fixed\]: Popover - Fix bug not close popover on Modal
+-   \[Fixed\]: DropdownBox - Return element in onChangeInput prop
+-   \[Fixed\]: InputBase, Dropdown - Change default placeholder
 
 ## 1.3.31
-- \[Added\]: MenuIcon - W05F0011N0000
-- \[Changed\]: SYSTEM - Replace color text from string to object
-- \[Fixed\]: Toggle - Manage prop checked with useState
-- \[Fixed\]: Checkbox - Fix perfect pixel
-- \[Fixed\]: Button, ButtonIcon - Add Event.stopPropagation()
-- \[Fixed\]: Dropdown - Fix bug clear data Dropdown close DropdownBox
-- \[Fixed\]: NumberInput - Fix bug compare string
-- \[Fixed\]: Accordion - Fix css min-height AccordionSummary
+
+-   \[Added\]: MenuIcon - W05F0011N0000
+-   \[Changed\]: SYSTEM - Replace color text from string to object
+-   \[Fixed\]: Toggle - Manage prop checked with useState
+-   \[Fixed\]: Checkbox - Fix perfect pixel
+-   \[Fixed\]: Button, ButtonIcon - Add Event.stopPropagation()
+-   \[Fixed\]: Dropdown - Fix bug clear data Dropdown close DropdownBox
+-   \[Fixed\]: NumberInput - Fix bug compare string
+-   \[Fixed\]: Accordion - Fix css min-height AccordionSummary
 
 ## 1.3.29
-- \[Added\]: Icon - Bug, Link
-- \[Added\]: MenuIcon - MHRM09N0004, MHRP29N0023
-- \[Changed\]: Accordion - Update Accordion, add expended like expend (keep prop expend), fix logic
-- \[Changed\]: Button - Add HOC OptionWrapper to Button
-- \[Changed\]: ButtonIcon - Add custom width height
-- \[Fixed\]: Button - Fix Typography white-space nowrap, icon width height, add min-width, hide prop 'text'
-- \[Fixed\]: Dropdown - Fix bug clear data Dropdown close DropdownBox
-- \[Fixed\]: PopupV2 - Fix wrong icon color of type danger
-- \[Fixed\]: Accordion - Fix css min-height AccordionSummary
-- \[Fixed\]: Button, ButtonIcon - Remove prop disabled in tag <button>
-- \[Fixed\]: ButtonIcon - Fix ref of ButtonIcon, Add HOC OptionWrapper
-- \[Fixed\]: Tab - Fix css, Add style, className
+
+-   \[Added\]: Icon - Bug, Link
+-   \[Added\]: MenuIcon - MHRM09N0004, MHRP29N0023
+-   \[Changed\]: Accordion - Update Accordion, add expended like expend (keep prop expend), fix logic
+-   \[Changed\]: Button - Add HOC OptionWrapper to Button
+-   \[Changed\]: ButtonIcon - Add custom width height
+-   \[Fixed\]: Button - Fix Typography white-space nowrap, icon width height, add min-width, hide prop 'text'
+-   \[Fixed\]: Dropdown - Fix bug clear data Dropdown close DropdownBox
+-   \[Fixed\]: PopupV2 - Fix wrong icon color of type danger
+-   \[Fixed\]: Accordion - Fix css min-height AccordionSummary
+-   \[Fixed\]: Button, ButtonIcon - Remove prop disabled in tag <button>
+-   \[Fixed\]: ButtonIcon - Fix ref of ButtonIcon, Add HOC OptionWrapper
+-   \[Fixed\]: Tab - Fix css, Add style, className
 
 ## 1.3.27
-- \[Added\]: MenuIcon - D05, D06, D90R, DBC, MHRP09N0030, MHRP09N0031, MHRP29N0021, MHRP29N0022
-- \[Added\]: Icon - Share, InsuranceHistory, School, Assessment, Ninedot, MoreHoriz, HalfClock, List, Treeview, NotificationV2, Website, Update, InfoCancel, CheckList, SpeedHigh, SpeedLow, PersonSync, SaveCancel, ApprovalOutLine, ApprovalCancel, FilterFilled
-- \[Changed\]: TECH - Check and correct typography of all components
-- \[Changed\]: TECH - Check and correct colors of some components
-- \[Changed\]: PageInfo - Phát triển lại component PageInfo
-- \[Changed\]: Icon - Remove effect; fix css; change storybook
-- \[Changed\]: PopupV2 - Replace close button with ButtonIcon (Design update)
-- \[Changed\]: ButtonIcon - Add props colorHover to custom hover color for ButtonIcon with color 'default'
-- \[Changed\]: Badge - Phát triển lại component Badge
-- \[Changed\]: Icon - Change icon Archive to ApprovalFilled
-- \[Changed\]: DropdownBox - Add props onChangeInput, delayOnInput
-- \[Changed\]: Icon - Fix storybook remove outlineIcon, underlineIcon
-- \[Changed\]: Icon - PersonRate, Warehouse, PersonHistory, FolderInsurance, Maximize, Minimize, Scan, ArrowLeftFilled, ArrowRightFilled, ArrowUpFilled, ArrowDownFilled, CancelFilled, CloseFilled, BackFilled, AddFilled, PlusFilled, MinusFilled, Setting, Notification, Logout, LogoutV2, Login, Failed, PaperFilled, ListAprroval, StarFilled, StarOutline
-- \[Fixed\]: Status - Fix height not flexible; Fix perfect pixel
-- \[Fixed\]: Button - Fix perfect pixel
-- \[Fixed\]: Dropdown - Optimize code
-- \[Fixed\]: PopupV2 - Fix bug show less, more of description
-- \[Fixed\]: Alert - Fix perfect pixel; Add size tiny
-- \[Fixed\]: Attachment - Update localize
-- \[Fixed\]: Button - Remove margin css
-- \[Fixed\]: Label - Add css ellipsis, fix colors
-- \[Fixed\]: Divider - Fix css, colors
-- \[Fixed\]: Dropdown - Fix show wrong icon clear
-- \[Fixed\]: Rating - Optimize code
-- \[Fixed\]: DropdownBox - Fix bug not show dropdown
-- \[Fixed\]: Button - Fix css Button with icon and Button without icon not in same row
-- \[Fixed\]: TECH - Fix wrong color of Alert, Button, ButtonIcon, Paging, PopupV2, Rating
-- \[Fixed\]: Dropdown - Fix bug show hide wrong on mobile
-- \[Fixed\]: Datepicker - Fix bug not show defaultValue, warning when pass moment instance to date prop
-- \[Fixed\]: Status - Fix css text to nowrap
-- \[Fixed\]: Dropdown - Fix bug not show error when use multiple
+
+-   \[Added\]: MenuIcon - D05, D06, D90R, DBC, MHRP09N0030, MHRP09N0031, MHRP29N0021, MHRP29N0022
+-   \[Added\]: Icon - Share, InsuranceHistory, School, Assessment, Ninedot, MoreHoriz, HalfClock, List, Treeview, NotificationV2, Website, Update, InfoCancel, CheckList, SpeedHigh, SpeedLow, PersonSync, SaveCancel, ApprovalOutLine, ApprovalCancel, FilterFilled
+-   \[Changed\]: TECH - Check and correct typography of all components
+-   \[Changed\]: TECH - Check and correct colors of some components
+-   \[Changed\]: PageInfo - Phát triển lại component PageInfo
+-   \[Changed\]: Icon - Remove effect; fix css; change storybook
+-   \[Changed\]: PopupV2 - Replace close button with ButtonIcon (Design update)
+-   \[Changed\]: ButtonIcon - Add props colorHover to custom hover color for ButtonIcon with color 'default'
+-   \[Changed\]: Badge - Phát triển lại component Badge
+-   \[Changed\]: Icon - Change icon Archive to ApprovalFilled
+-   \[Changed\]: DropdownBox - Add props onChangeInput, delayOnInput
+-   \[Changed\]: Icon - Fix storybook remove outlineIcon, underlineIcon
+-   \[Changed\]: Icon - PersonRate, Warehouse, PersonHistory, FolderInsurance, Maximize, Minimize, Scan, ArrowLeftFilled, ArrowRightFilled, ArrowUpFilled, ArrowDownFilled, CancelFilled, CloseFilled, BackFilled, AddFilled, PlusFilled, MinusFilled, Setting, Notification, Logout, LogoutV2, Login, Failed, PaperFilled, ListAprroval, StarFilled, StarOutline
+-   \[Fixed\]: Status - Fix height not flexible; Fix perfect pixel
+-   \[Fixed\]: Button - Fix perfect pixel
+-   \[Fixed\]: Dropdown - Optimize code
+-   \[Fixed\]: PopupV2 - Fix bug show less, more of description
+-   \[Fixed\]: Alert - Fix perfect pixel; Add size tiny
+-   \[Fixed\]: Attachment - Update localize
+-   \[Fixed\]: Button - Remove margin css
+-   \[Fixed\]: Label - Add css ellipsis, fix colors
+-   \[Fixed\]: Divider - Fix css, colors
+-   \[Fixed\]: Dropdown - Fix show wrong icon clear
+-   \[Fixed\]: Rating - Optimize code
+-   \[Fixed\]: DropdownBox - Fix bug not show dropdown
+-   \[Fixed\]: Button - Fix css Button with icon and Button without icon not in same row
+-   \[Fixed\]: TECH - Fix wrong color of Alert, Button, ButtonIcon, Paging, PopupV2, Rating
+-   \[Fixed\]: Dropdown - Fix bug show hide wrong on mobile
+-   \[Fixed\]: Datepicker - Fix bug not show defaultValue, warning when pass moment instance to date prop
+-   \[Fixed\]: Status - Fix css text to nowrap
+-   \[Fixed\]: Dropdown - Fix bug not show error when use multiple
 
 ## 1.3.25
-- \[Added\]: Icon - PersonRate
-- \[Added\]: MenuIcon - MHRP39N0015, MHRP29N0012, TASK, MHRP09N0028, MHRP09N0029
-- \[Changed\]: MenuIcon - Rename Menu Icon ERP
-- \[Changed\]: ButtonIcon - Update UI (Design update)
-- \[Changed\]: Fonts - Add fonts to assets
-- \[Changed\]: TECH - Replace <Icon /> with <ButtonIcon />
-- \[Changed\]: Icon - Bag, Calendar, Clock, Copy, Edit, Export, Login, Logout, Mail, Mapping, Marker, Paper, Phone, PlanePaper, QuestionMark, Save, Send, Wait, Menu
-- \[Fixed\]: Chip - Fix css width not max-content
-- \[Fixed\]: Avatar - Fix bug Cannot read properties of null (reading 'querySelector')
-- \[Fixed\]: DropdownBox - Fix bug DropdownBox not close when open modal
-- \[Fixed\]: Dropdown - Remove ::after border-color when focus
-- \[Changed\]: InputBase - Add text-overflow ellipsis
-- \[Fixed\]: Dropdown - Fix bug cannot read properties of null (reading 'childNodes')
-- \[Fixed\]: Dropdown - Fix bug scrollbar covering search bar of treeview
-- \[Fixed\]: Avatar - Fix bug wrong size of default icon
-- \[Fixed\]: PopupV2 - Fix bug not set open state when call onConfirm, onCancel
+
+-   \[Added\]: Icon - PersonRate
+-   \[Added\]: MenuIcon - MHRP39N0015, MHRP29N0012, TASK, MHRP09N0028, MHRP09N0029
+-   \[Changed\]: MenuIcon - Rename Menu Icon ERP
+-   \[Changed\]: ButtonIcon - Update UI (Design update)
+-   \[Changed\]: Fonts - Add fonts to assets
+-   \[Changed\]: TECH - Replace <Icon /> with <ButtonIcon />
+-   \[Changed\]: Icon - Bag, Calendar, Clock, Copy, Edit, Export, Login, Logout, Mail, Mapping, Marker, Paper, Phone, PlanePaper, QuestionMark, Save, Send, Wait, Menu
+-   \[Fixed\]: Chip - Fix css width not max-content
+-   \[Fixed\]: Avatar - Fix bug Cannot read properties of null (reading 'querySelector')
+-   \[Fixed\]: DropdownBox - Fix bug DropdownBox not close when open modal
+-   \[Fixed\]: Dropdown - Remove ::after border-color when focus
+-   \[Changed\]: InputBase - Add text-overflow ellipsis
+-   \[Fixed\]: Dropdown - Fix bug cannot read properties of null (reading 'childNodes')
+-   \[Fixed\]: Dropdown - Fix bug scrollbar covering search bar of treeview
+-   \[Fixed\]: Avatar - Fix bug wrong size of default icon
+-   \[Fixed\]: PopupV2 - Fix bug not set open state when call onConfirm, onCancel
 
 ## Changelog
+
 ## 1.3.24
-- \[Add\]: Icon - HourGlass
-- \[Add\]: IconMenu - MHRM84N0002, MHRP39N0014, MHRP09N0024, MHRP09N0025, MHRP09N0026, MHRP09N0027, MHRP29N0019, MHRP29N0020
-- \[Changed\]: Icon - Update file svg History, View, ArrowDoubleDown, ArrowDoubleLeft, ArrowDoubleRight, ArrowDoubleUp, Deny
-- \[Changed\]: FormControl - Add PropTypes 'node' to props 'label' of DatePicker, Dropdown, MoneyInput, NumberInput, TextInput, TimePicker
-- \[Changed\]: Accordion - Add tabIndex -1 to allow focusable (Design require)
-- \[Fixed\]: Accordion - Fix bug 'The pseudo class ":first-child" is potentially unsafe when doing server-side rendering'
-- \[Fixed\]: TreeView - Hotfix UI Accordion in TreeView
-- \[Fixed\]: Tab - Fix demo storybook
-- \[Fixed\]: Tab - Fix 'children' prop-types; allow using both 'label' and 'children' props
-- \[Fixed\]: Button - Update storybook Button, ButtonIcon, ButtonMore
-- \[Fixed\]: DropdownBox - Fix cannot log ref function
-- \[Fixed\]: DropdownBox - Fix bug scroll
+
+-   \[Add\]: Icon - HourGlass
+-   \[Add\]: IconMenu - MHRM84N0002, MHRP39N0014, MHRP09N0024, MHRP09N0025, MHRP09N0026, MHRP09N0027, MHRP29N0019, MHRP29N0020
+-   \[Changed\]: Icon - Update file svg History, View, ArrowDoubleDown, ArrowDoubleLeft, ArrowDoubleRight, ArrowDoubleUp, Deny
+-   \[Changed\]: FormControl - Add PropTypes 'node' to props 'label' of DatePicker, Dropdown, MoneyInput, NumberInput, TextInput, TimePicker
+-   \[Changed\]: Accordion - Add tabIndex -1 to allow focusable (Design require)
+-   \[Fixed\]: Accordion - Fix bug 'The pseudo class ":first-child" is potentially unsafe when doing server-side rendering'
+-   \[Fixed\]: TreeView - Hotfix UI Accordion in TreeView
+-   \[Fixed\]: Tab - Fix demo storybook
+-   \[Fixed\]: Tab - Fix 'children' prop-types; allow using both 'label' and 'children' props
+-   \[Fixed\]: Button - Update storybook Button, ButtonIcon, ButtonMore
+-   \[Fixed\]: DropdownBox - Fix cannot log ref function
+-   \[Fixed\]: DropdownBox - Fix bug scroll
 
 ## 1.3.23
-- \[Changed\]: Tab - Update design
-- \[Changed\]: Theme - Add font-face
-- \[Fixed\]: Tab - Fix perfect pixel, add scrollButtons
-- \[Fixed\]: Avatar - Fix zIndex of Popover lower than Modal, add background-image
-- \[Fixed\]: Popover - Fix zIndex of Popover lower than Modal
-- \[Fixed\]: Dropdown - Fix bug scroll
-- \[Fixed\]: Avatar - Add event when use prop hoverAble on mobile, remove tooltip arrow
 
+-   \[Changed\]: Tab - Update design
+-   \[Changed\]: Theme - Add font-face
+-   \[Fixed\]: Tab - Fix perfect pixel, add scrollButtons
+-   \[Fixed\]: Avatar - Fix zIndex of Popover lower than Modal, add background-image
+-   \[Fixed\]: Popover - Fix zIndex of Popover lower than Modal
+-   \[Fixed\]: Dropdown - Fix bug scroll
+-   \[Fixed\]: Avatar - Add event when use prop hoverAble on mobile, remove tooltip arrow
 
 ## 1.3.22
-- \[Fixed\]: Popup - Fix description with content as html.
-- \[Added\]: IconV2 - Thay đổi cơ chê quản lý danh sách Icon.
+
+-   \[Fixed\]: Popup - Fix description with content as html.
+-   \[Added\]: IconV2 - Thay đổi cơ chê quản lý danh sách Icon.
 
 ## 1.3.21
-- \[Fixed\]: Fixed a CORE bug that caused an error for projects lower than ios13
-- \[Fixed\]: Label - Fix margin different from design
-- \[Fixed\]: Attachment - Fix bug transition, fix css
-- \[Fixed\]: Icon - Fix not show "Copy Đường Dẫn thành công" when click ERP icon
-- \[Changed\]: Accordion - Redevelop component Accordion
-- \[Changed\]: Attachment - Add prop readOnly
-- \[Changed\]: Tab - Add prop level
-- \[Changed\]: Icon - Update Icon W05F0001, W05F0008, W06F0001
-- \[Added\]: Icon - Add W06F0008, MHRM39N0014, MHRM39N0015, PaperView
+
+-   \[Fixed\]: Fixed a CORE bug that caused an error for projects lower than ios13
+-   \[Fixed\]: Label - Fix margin different from design
+-   \[Fixed\]: Attachment - Fix bug transition, fix css
+-   \[Fixed\]: Icon - Fix not show "Copy Đường Dẫn thành công" when click ERP icon
+-   \[Changed\]: Accordion - Redevelop component Accordion
+-   \[Changed\]: Attachment - Add prop readOnly
+-   \[Changed\]: Tab - Add prop level
+-   \[Changed\]: Icon - Update Icon W05F0001, W05F0008, W06F0001
+-   \[Added\]: Icon - Add W06F0008, MHRM39N0014, MHRM39N0015, PaperView
 
 ## 1.3.20
-- \[Fixed\]: Popup - Fix css position causing not showing (IOS)
+
+-   \[Fixed\]: Popup - Fix css position causing not showing (IOS)
 
 ## 1.3.19
-- \[Fixed\]: DatetimePicker - enabled onClick when InputBase readonly
-- \[Fixed\]: DatePicker - Remove min-width 200px, Add Tooltip when width smaller than 200px
-- \[Fixed\]: Modal - Fix bug scroll not working on Firefox
-- \[Fixed\]: Popup - Fix popup on safari IOS (iphone ios 13.x.x trở xuống)
-- \[Fixed\]: Tab - Fix bug flickering when re-render
- 
+
+-   \[Fixed\]: DatetimePicker - enabled onClick when InputBase readonly
+-   \[Fixed\]: DatePicker - Remove min-width 200px, Add Tooltip when width smaller than 200px
+-   \[Fixed\]: Modal - Fix bug scroll not working on Firefox
+-   \[Fixed\]: Popup - Fix popup on safari IOS (iphone ios 13.x.x trở xuống)
+-   \[Fixed\]: Tab - Fix bug flickering when re-render
+
 ## 1.3.18
-- \[Changed\]:Tab - Phát triển lại component Tab
-- \[Fixed\]: Attachment - Error can not read property "style"
-- \[Changed\]: Popover - Add functions by ref (show, close, setPosition)
-- \[Changed\]: DropdownBox - Fix bug "React does not recognize the "dropdownBoxStyle" prop on a DOM element"
-- \[Changed\]: Input - Update style status Disabled/ReadOnly
-- \[Changed\]: Button - Add staus loading
-- \[Fixed\]: Dropdown - Fix don't receive "disabled" prop once again when to change disabled
-- \[Change\]: Button - Return callback onclick event
-- \[Change\]: Rating - Not change color icon outline with custom props.
- 
+
+-   \[Changed\]:Tab - Phát triển lại component Tab
+-   \[Fixed\]: Attachment - Error can not read property "style"
+-   \[Changed\]: Popover - Add functions by ref (show, close, setPosition)
+-   \[Changed\]: DropdownBox - Fix bug "React does not recognize the "dropdownBoxStyle" prop on a DOM element"
+-   \[Changed\]: Input - Update style status Disabled/ReadOnly
+-   \[Changed\]: Button - Add staus loading
+-   \[Fixed\]: Dropdown - Fix don't receive "disabled" prop once again when to change disabled
+-   \[Change\]: Button - Return callback onclick event
+-   \[Change\]: Rating - Not change color icon outline with custom props.
+
 ## 1.3.17
-- \[Added\]: Icon - Add PlaylistAdd, CalendarBlankRounded icons, AddCircle icon.
 
-- \[Changed\]: Popup V2 - Fix decription.length
+-   \[Added\]: Icon - Add PlaylistAdd, CalendarBlankRounded icons, AddCircle icon.
+
+-   \[Changed\]: Popup V2 - Fix decription.length
+
 ## 1.3.15
-- \[Added\]: Icon - Add PlaylistAdd, CalendarBlankRounded icons
 
-- \[Changed\]: Popup V2 - Add scrollbar, change animation, add type Yes/No
-- \[Changed\]: Popup V2 - Fix pixel perfect, fix word-break
+-   \[Added\]: Icon - Add PlaylistAdd, CalendarBlankRounded icons
+
+-   \[Changed\]: Popup V2 - Add scrollbar, change animation, add type Yes/No
+-   \[Changed\]: Popup V2 - Fix pixel perfect, fix word-break
 
-- \[Fixed\]: Text - fix word-break
+-   \[Fixed\]: Text - fix word-break
+
+-   \[Changed\]: Input - return limit for onLoadMore function, Add disabled item.
+-   \[Fixed\]: Input - Fix disabled label
 
-- \[Changed\]: Input - return limit for onLoadMore function, Add disabled item.
-- \[Fixed\]: Input - Fix disabled label
 ## 1.3.13
-- \[Added\]: Icon - Add Monetization icons
 
-- \[Changed\]: Popup - remove DOM after close
-- \[Changed\]: Popup V2 - Add zIndex, Remove required description, Update storybook
+-   \[Added\]: Icon - Add Monetization icons
+
+-   \[Changed\]: Popup - remove DOM after close
+-   \[Changed\]: Popup V2 - Add zIndex, Remove required description, Update storybook
+
+-   \[Fixed\]: Input - DatePicker remove InputValue when value invalid
+-   \[Fixed\]: Input - DateRangePicker set input value for more than one in english case
+-   \[Fixed\]: Tab - TabContainer fix error eventSlide not running and fix error classList when not tabItem
+-   \[Fixed\]: Theme - fix makeStyles with @media
 
-- \[Fixed\]: Input - DatePicker remove InputValue when value invalid
-- \[Fixed\]: Input - DateRangePicker set input value for more than one in english case
-- \[Fixed\]: Tab - TabContainer fix error eventSlide not running and fix error classList when not tabItem
-- \[Fixed\]: Theme - fix makeStyles with @media
 ## 1.3.12
-- \[Added\]: Theme - Additional breakpoints for responsive
-- \[Added\]: system - Color-helper add new func isColor
-- \[Added\]: Tab - slide effect for TabPanel
-
-- \[Changed\]: Attachment - handle sort with data, and use as an option
-- \[Changed\]: DateRangePicker - change style of text for mobile device
-- \[Changed\]: Chart - PieChart animation text, tooltip
-- \[Changed\]: Popup - allow custom confirm/cancel button
-
-- \[Fixed\]: Chart - PieChart custom position show label Depends on the length of the text
-- \[Fixed\]: DateRangePicker fix bug 3 buttons visible at the same time, fix bug change locale not change weekdays, remove input value if defaultValue invalid
-- \[Fixed\]: Dropdown - prevent break line when press Enter, conflict value attribute of input and div tag
-- \[Fixed\]: Modal - set null for overflow of body after close Modal
-- \[Fixed\]: Number/MoneyInput - format number was wrong
-- \[Fixed\]: MoneyInput - fix default value with thousandSeparator, Fix onKeyDown can't add when focus before useEffect
-- \[Fixed\]: system - makeStyles fix lost content of pseudo
+
+-   \[Added\]: Theme - Additional breakpoints for responsive
+-   \[Added\]: system - Color-helper add new func isColor
+-   \[Added\]: Tab - slide effect for TabPanel
+
+-   \[Changed\]: Attachment - handle sort with data, and use as an option
+-   \[Changed\]: DateRangePicker - change style of text for mobile device
+-   \[Changed\]: Chart - PieChart animation text, tooltip
+-   \[Changed\]: Popup - allow custom confirm/cancel button
+
+-   \[Fixed\]: Chart - PieChart custom position show label Depends on the length of the text
+-   \[Fixed\]: DateRangePicker fix bug 3 buttons visible at the same time, fix bug change locale not change weekdays, remove input value if defaultValue invalid
+-   \[Fixed\]: Dropdown - prevent break line when press Enter, conflict value attribute of input and div tag
+-   \[Fixed\]: Modal - set null for overflow of body after close Modal
+-   \[Fixed\]: Number/MoneyInput - format number was wrong
+-   \[Fixed\]: MoneyInput - fix default value with thousandSeparator, Fix onKeyDown can't add when focus before useEffect
+-   \[Fixed\]: system - makeStyles fix lost content of pseudo
 
 ## 1.3.11
-- \[Added\]: Attachment - sort handler
-- \[Added\]: DatePicker - clear value by icon with clearAble prop
-- \[Added\]: DateRangePicker - add DateRangePicker version 2
-- \[Added\]: Popup - add Popup version 2
-- \[Added\]: system - setGlobal method
 
-- \[Changed\]: Dropdown - close on scroll
-- \[Changed\]: Chart - create tooltip ver-2, PieChart change animation of tooltip
-- \[Changed\]: Checkbox - allow handle by ref
-- \[Changed\]: Tab - tabItem change distance between button and icon
-- \[Changed\]: TreeView - disabledRelevantValue still checked/unchecked parent item, allow show children of last result was matched
+-   \[Added\]: Attachment - sort handler
+-   \[Added\]: DatePicker - clear value by icon with clearAble prop
+-   \[Added\]: DateRangePicker - add DateRangePicker version 2
+-   \[Added\]: Popup - add Popup version 2
+-   \[Added\]: system - setGlobal method
 
-- \[Fixed\]: Modal - flexible footer height, set value into input after blur, add load more handler when data.length < total
-- \[Fixed\]: Toggle - set necessary style
+-   \[Changed\]: Dropdown - close on scroll
+-   \[Changed\]: Chart - create tooltip ver-2, PieChart change animation of tooltip
+-   \[Changed\]: Checkbox - allow handle by ref
+-   \[Changed\]: Tab - tabItem change distance between button and icon
+-   \[Changed\]: TreeView - disabledRelevantValue still checked/unchecked parent item, allow show children of last result was matched
+
+-   \[Fixed\]: Modal - flexible footer height, set value into input after blur, add load more handler when data.length < total
+-   \[Fixed\]: Toggle - set necessary style
 
 ## 1.3.10
-- \[Added\]: Attachment - Ctrl + A to select all item
-- \[Added\]: Theme - add makeStyles utils
-
-- \[Changed\]: Button - cursor no-drop for disabled button
-- \[Changed\]: Chart - change id tooltip and custom position show tooltip
-- \[Changed\]: Status - change default color to secondary
-
-- \[Fixed\]: Attachment - z-index too high, fix click out side of item
-- \[Fixed\]: Calendar - text-align not center
-- \[Fixed\]: Chart - LineChart change size of path and point when change width
-- \[Fixed\]: Chip - fix color for outlined type
-- \[Fixed\]: DatePicker - fix min-width of picker
-- \[Fixed\]: InputBase - fix disabled for multiline
-- \[Fixed\]: LinearProgress - miss value in small-width case
-- \[Fixed\]: NumberInput - fix format is a function and change format but not change decimal digit, handle value when change format, handle min/max in onchange
+
+-   \[Added\]: Attachment - Ctrl + A to select all item
+-   \[Added\]: Theme - add makeStyles utils
+
+-   \[Changed\]: Button - cursor no-drop for disabled button
+-   \[Changed\]: Chart - change id tooltip and custom position show tooltip
+-   \[Changed\]: Status - change default color to secondary
+
+-   \[Fixed\]: Attachment - z-index too high, fix click out side of item
+-   \[Fixed\]: Calendar - text-align not center
+-   \[Fixed\]: Chart - LineChart change size of path and point when change width
+-   \[Fixed\]: Chip - fix color for outlined type
+-   \[Fixed\]: DatePicker - fix min-width of picker
+-   \[Fixed\]: InputBase - fix disabled for multiline
+-   \[Fixed\]: LinearProgress - miss value in small-width case
+-   \[Fixed\]: NumberInput - fix format is a function and change format but not change decimal digit, handle value when change format, handle min/max in onchange
 
 ## 1.3.9
-- \[Added\]: Attachment - add clear all handler
-- \[Added\]: Chart - add tooltip
-- \[Added\]: Dropdown - clearAble for multiple type
-- \[Added\]: InputBase - add rows/maxRows props for multiline
-- \[Added\]: LineChart - smooth line
-- \[Added\]: NumberInput - add new NumberInput component
-- \[Added\]: system - validation for input
-- \[Added\]: Typography - Add 4 types for title
-
-- \[Changed\]: Collapse - only hidden for overflow-y
-- \[Changed\]: Dropdown - additional keyExpr to display text of selected value, keeping search value if search with onInput
-- \[Changed\]: FormGroup - handler error with oneHelperText for all Input
-- \[Changed\]: Slider - Add onShowNavigation to show/hide the navigation-bottom bar, Hover to show Arrow button, enable active prop
-
-- \[Fixed\]: DatePicker - use min/max but not disabled invalid date
-- \[Fixed\]: Dropdown - don't set onClear when onChange method changed, lost some item when search, prevent scroll body, show placeholder for div contenteditable, show search input when using children, remove load more after search
-- \[Fixed\]: DropdownBox - use createPortal to render, remove max-height
-- \[Fixed\]: Modal - existing dark background when darkTheme is false, can't focus into input in Modal
-- \[Fixed\]: MoneyInput - check and return value with decimal digit
-- \[Fixed\]: Popup - prevent scroll body, render at portal
-- \[Fixed\]: Progress - LinearProgress fix miss value in small-width case
-- \[Fixed\]: Tab - keep other Tab when using multiple TabContainer
+
+-   \[Added\]: Attachment - add clear all handler
+-   \[Added\]: Chart - add tooltip
+-   \[Added\]: Dropdown - clearAble for multiple type
+-   \[Added\]: InputBase - add rows/maxRows props for multiline
+-   \[Added\]: LineChart - smooth line
+-   \[Added\]: NumberInput - add new NumberInput component
+-   \[Added\]: system - validation for input
+-   \[Added\]: Typography - Add 4 types for title
+
+-   \[Changed\]: Collapse - only hidden for overflow-y
+-   \[Changed\]: Dropdown - additional keyExpr to display text of selected value, keeping search value if search with onInput
+-   \[Changed\]: FormGroup - handler error with oneHelperText for all Input
+-   \[Changed\]: Slider - Add onShowNavigation to show/hide the navigation-bottom bar, Hover to show Arrow button, enable active prop
+
+-   \[Fixed\]: DatePicker - use min/max but not disabled invalid date
+-   \[Fixed\]: Dropdown - don't set onClear when onChange method changed, lost some item when search, prevent scroll body, show placeholder for div contenteditable, show search input when using children, remove load more after search
+-   \[Fixed\]: DropdownBox - use createPortal to render, remove max-height
+-   \[Fixed\]: Modal - existing dark background when darkTheme is false, can't focus into input in Modal
+-   \[Fixed\]: MoneyInput - check and return value with decimal digit
+-   \[Fixed\]: Popup - prevent scroll body, render at portal
+-   \[Fixed\]: Progress - LinearProgress fix miss value in small-width case
+-   \[Fixed\]: Tab - keep other Tab when using multiple TabContainer
 
 ## 1.3.8
-- \[Fixed\]: Input - only show error when non-value
-- \[Fixed\]: Dropdown - scroll to top on load more
-- \[Fixed\]: Rating - allow custom width/height, color when disabled, readOnly case
+
+-   \[Fixed\]: Input - only show error when non-value
+-   \[Fixed\]: Dropdown - scroll to top on load more
+-   \[Fixed\]: Rating - allow custom width/height, color when disabled, readOnly case
 
 ## 1.3.7
-- \[Added\]: Accordion - add AccordionGroup component
-- \[Added\]: DatePicker - add returnFormat, two button to control onChange method
-- \[Added\]: Dropdown - add DropdownBox component
 
-- \[Changed\]: Typography - h2: font-size: 18px, remove uppercase is the default case
+-   \[Added\]: Accordion - add AccordionGroup component
+-   \[Added\]: DatePicker - add returnFormat, two button to control onChange method
+-   \[Added\]: Dropdown - add DropdownBox component
+
+-   \[Changed\]: Typography - h2: font-size: 18px, remove uppercase is the default case
 
-- \[Fixed\]: Checkbox - readOnly case
-- \[Fixed\]: DatePicker - onChange method reset the initial value, allows to set icon and text positions
-- \[Fixed\]: Dropdown - overflow of content when the text was too long, reassign the current value after deleting the content and click outside with a value of 0
-- \[Fixed\]: MoneyInput - press Tab, allow enter 0
-- \[Fixed\]: Tab - allows to display any tab
+-   \[Fixed\]: Checkbox - readOnly case
+-   \[Fixed\]: DatePicker - onChange method reset the initial value, allows to set icon and text positions
+-   \[Fixed\]: Dropdown - overflow of content when the text was too long, reassign the current value after deleting the content and click outside with a value of 0
+-   \[Fixed\]: MoneyInput - press Tab, allow enter 0
+-   \[Fixed\]: Tab - allows to display any tab
 
 ## 1.3.6
-- \[Added\]: Chart - add LineChart component
-- \[Added\]: Chip - additional maxLength prop to display shorten content
-- \[Added\]: FormGroup - add new FormGroup component
-- \[Added\]: Icon - additional some necessary icons
-- \[Added\]: TreeView - disabled relevant value
-
-- \[Changed\]: Accordion - change expand icon deg (down/up)
-- \[Changed\]: Button - change hover/focus and active styles with filter, default color is #7F828E, switch linked to text
-- \[Changed\]: Dropdown - padding top/bottom is 8px
-- \[Changed\]: Checkbox - update disabled and tick symbol styles
-- \[Changed\]: Modal - box-shadow for footer
-- \[Changed\]: Popover - remove after close prop (keep Popover element)
-- \[Changed\]: Progress - LinearProgress determinate add value position (top/bottom)
-- \[Changed\]: TextInput - auto increase margin bottom if error to long
-
-- \[Fixed\]: Dropdown - allowSearch TreeView mode, only set value into input when non-value prop
-- \[Fixed\]: Chip - fix remove item in setTimeout function
-- \[Fixed\]: Icon - allow use color from theme
+
+-   \[Added\]: Chart - add LineChart component
+-   \[Added\]: Chip - additional maxLength prop to display shorten content
+-   \[Added\]: FormGroup - add new FormGroup component
+-   \[Added\]: Icon - additional some necessary icons
+-   \[Added\]: TreeView - disabled relevant value
+
+-   \[Changed\]: Accordion - change expand icon deg (down/up)
+-   \[Changed\]: Button - change hover/focus and active styles with filter, default color is #7F828E, switch linked to text
+-   \[Changed\]: Dropdown - padding top/bottom is 8px
+-   \[Changed\]: Checkbox - update disabled and tick symbol styles
+-   \[Changed\]: Modal - box-shadow for footer
+-   \[Changed\]: Popover - remove after close prop (keep Popover element)
+-   \[Changed\]: Progress - LinearProgress determinate add value position (top/bottom)
+-   \[Changed\]: TextInput - auto increase margin bottom if error to long
+
+-   \[Fixed\]: Dropdown - allowSearch TreeView mode, only set value into input when non-value prop
+-   \[Fixed\]: Chip - fix remove item in setTimeout function
+-   \[Fixed\]: Icon - allow use color from theme
+
 ## 1.3.5
-- \[Added\]: Calendar add actions properties
-- \[Added\]: InputBase - add resetValue + setPreviousValue method
-- \[Added\]: TreeView - multiple inheritance (checked parent/children -> checked children/parent, unchecked parent -> unchecked children, unchecked children -> don't unchecked parent). Show selected value
 
-- \[Changed\]: Alert - use ref to add Alert
+-   \[Added\]: Calendar add actions properties
+-   \[Added\]: InputBase - add resetValue + setPreviousValue method
+-   \[Added\]: TreeView - multiple inheritance (checked parent/children -> checked children/parent, unchecked parent -> unchecked children, unchecked children -> don't unchecked parent). Show selected value
+
+-   \[Changed\]: Alert - use ref to add Alert
 
-- \[Fixed\]: Dropdown - fix set readOnly for input
-- \[Fixed\]: InputBase - fix padding for multiline
-- \[Fixed\]: Popup - remove padding button confirm
-- \[Fixed\]: TextInput - fix transport type into InputBase
-- \[Fixed\]: Tooltip - apply tooltipMaxWidth
-- \[Fixed\]: Typography - fix fullWidth style
+-   \[Fixed\]: Dropdown - fix set readOnly for input
+-   \[Fixed\]: InputBase - fix padding for multiline
+-   \[Fixed\]: Popup - remove padding button confirm
+-   \[Fixed\]: TextInput - fix transport type into InputBase
+-   \[Fixed\]: Tooltip - apply tooltipMaxWidth
+-   \[Fixed\]: Typography - fix fullWidth style
 
 ## 1.3.4
-- \[Added\]: Dropdown - additional subtext
-- \[Added\]: TreeView - handleCheckbox in ref.current, render child items async, search handler
 
-- \[Changed\]: InputBase - absolute HelperText component
-- \[Changed\]: TextInput - apply InputBase
+-   \[Added\]: Dropdown - additional subtext
+-   \[Added\]: TreeView - handleCheckbox in ref.current, render child items async, search handler
 
-- \[Fixed\]: Accordion - fix padding with icon at start
-- \[Fixed\]: Avatar - render PopupView when non-disabled and non-readOnly
-- \[Fixed\]: Button - fix width/height of icon when use name prop
-- \[Fixed\]: Chip - non-fixed height
-- \[Fixed\]: Dropdown - flexible when renderSelectedItem
-- \[Fixed\]: Status - add className when render
+-   \[Changed\]: InputBase - absolute HelperText component
+-   \[Changed\]: TextInput - apply InputBase
+
+-   \[Fixed\]: Accordion - fix padding with icon at start
+-   \[Fixed\]: Avatar - render PopupView when non-disabled and non-readOnly
+-   \[Fixed\]: Button - fix width/height of icon when use name prop
+-   \[Fixed\]: Chip - non-fixed height
+-   \[Fixed\]: Dropdown - flexible when renderSelectedItem
+-   \[Fixed\]: Status - add className when render
 
 ## 1.3.3
-- \[Added\]: Calendar - handleCheckboxCalendar - add footer control
-- \[Added\]: TreeView - value mode when multiple type (single or checked all parent and children)
 
-- \[Changed\]: Accordion - icon expand default at start
-- \[Changed\]: Button - update color for status of events of mouse
-- \[Changed\]: Dropdown - Render value with icon when exist iconExpr prop
+-   \[Added\]: Calendar - handleCheckboxCalendar - add footer control
+-   \[Added\]: TreeView - value mode when multiple type (single or checked all parent and children)
+
+-   \[Changed\]: Accordion - icon expand default at start
+-   \[Changed\]: Button - update color for status of events of mouse
+-   \[Changed\]: Dropdown - Render value with icon when exist iconExpr prop
 
-- \[Fixed\]: Accordion - check click on icon in Summary content
-- \[Fixed\]: Checkbox - fix color when disabled
-- \[Fixed\]: Dropdown - fix set value into input when value is empty or null, prevent set value input when searching
-- \[Fixed\]: Modal - fix padding close icon
-- \[Fixed\]: MoneyInput - prevent decimal symbol if decimal digit is 0, fix onChange when value is empty
-- \[Fixed\]: Tooltip - don't create tooltip when title empty
+-   \[Fixed\]: Accordion - check click on icon in Summary content
+-   \[Fixed\]: Checkbox - fix color when disabled
+-   \[Fixed\]: Dropdown - fix set value into input when value is empty or null, prevent set value input when searching
+-   \[Fixed\]: Modal - fix padding close icon
+-   \[Fixed\]: MoneyInput - prevent decimal symbol if decimal digit is 0, fix onChange when value is empty
+-   \[Fixed\]: Tooltip - don't create tooltip when title empty
 
 ## 1.3.2
-- \[Added\]: PhoneInput - new PhoneInput component
-- \[Added\]: Chart - new BarChart component
-- \[Added\]: Dropdown - default object contains value for load more option
 
-- \[Changed\]: Attachment - run onChange in remove file handler
-- \[Changed\]: Calendar - allow custom text-align and position of icon
-- \[Changed\]: MoneyInput - additional start/end icon
+-   \[Added\]: PhoneInput - new PhoneInput component
+-   \[Added\]: Chart - new BarChart component
+-   \[Added\]: Dropdown - default object contains value for load more option
+
+-   \[Changed\]: Attachment - run onChange in remove file handler
+-   \[Changed\]: Calendar - allow custom text-align and position of icon
+-   \[Changed\]: MoneyInput - additional start/end icon
 
-- \[Fixed\]: InputBase - backgroundColor when disabled
-- \[Fixed\]: MoneyInput - fix decimalDigit for non-thousandSeparator, update value follow decimalDigit
+-   \[Fixed\]: InputBase - backgroundColor when disabled
+-   \[Fixed\]: MoneyInput - fix decimalDigit for non-thousandSeparator, update value follow decimalDigit
 
 ## 1.3.1
-- \[Added\]: Accordion - collapseIcon
-- \[Added\]: Calendar - min, max validate
-- \[Added\]: TreeView - select all option
-
-- \[Changed\]: Button - hover color, use textTransform from theme
-- \[Changed\]: Dropdown - render item by children, useImperativeHandle show/close handler
-- \[Changed\]: Input - error default if type of error is boolean
-- \[Changed\]: Progress - Circular progess change min width from 24 to 16
-- \[Changed\]: TreeView - expand by data with expand field
-
-- \[Fixed\]: Alert - fix remove timing without processing
-- \[Fixed\]: Avatar - onerror in image
-- \[Fixed\]: Collapse - height auto after expanded
-- \[Fixed\]: Dropdown - search by displayExpr, return empty if valueExpr wrong, normalize text before compare
-- \[Fixed\]: MoneyInput - onPaste handler
+
+-   \[Added\]: Accordion - collapseIcon
+-   \[Added\]: Calendar - min, max validate
+-   \[Added\]: TreeView - select all option
+
+-   \[Changed\]: Button - hover color, use textTransform from theme
+-   \[Changed\]: Dropdown - render item by children, useImperativeHandle show/close handler
+-   \[Changed\]: Input - error default if type of error is boolean
+-   \[Changed\]: Progress - Circular progess change min width from 24 to 16
+-   \[Changed\]: TreeView - expand by data with expand field
+
+-   \[Fixed\]: Alert - fix remove timing without processing
+-   \[Fixed\]: Avatar - onerror in image
+-   \[Fixed\]: Collapse - height auto after expanded
+-   \[Fixed\]: Dropdown - search by displayExpr, return empty if valueExpr wrong, normalize text before compare
+-   \[Fixed\]: MoneyInput - onPaste handler
 
 ## 1.3.0
-- \[Added\]: Accordion - add new component
-- \[Added\]: Card - add new component
-- \[Added\]: Calendar - add new component
-- \[Added\]: Chart - add new component
-- \[Added\]: Collapse - add new component
-- \[Added\]: Dropdown - TreeView
-- \[Added\]: HelperText - add new component
-- \[Added\]: Icon - click on icon to copy the import text for that icon
-- \[Added\]: InputBase - add new component
-- \[Added\]: Label - add new component
-- \[Added\]: MoneyInput - add new component
-- \[Added\]: Paper - add new component
-- \[Added\]: system - mapParent util
-- \[Added\]: TreeList - add new component
-- \[Added\]: Tab - add new component
-- \[Added\]: Transfer - add new component
-
-- \[Changed\]: Avatar - direction to display more info, additional matchType prop to check type of file
-- \[Changed\]: List - apply Collapse
-- \[Changed\]: Paging - fullWidth, bgColor properties
-- \[Changed\]: Progress - change labelColor to percentColor
-- \[Changed\]: TextInput - use icon at head of Input
-- \[Changed\]: Typography - fullWidth property
-
-- \[Fixed\]: Dropdown - render html with renderSelectedItem, Dropdown - increase height of content in input, clear input value with renderSelectedItem
-- \[Fixed\]: Progress - CircularProgress's width, height, and thickness customization is allowed
-- \[Fixed\]: Tooltip - fix remove tooltip on another event processing
+
+-   \[Added\]: Accordion - add new component
+-   \[Added\]: Card - add new component
+-   \[Added\]: Calendar - add new component
+-   \[Added\]: Chart - add new component
+-   \[Added\]: Collapse - add new component
+-   \[Added\]: Dropdown - TreeView
+-   \[Added\]: HelperText - add new component
+-   \[Added\]: Icon - click on icon to copy the import text for that icon
+-   \[Added\]: InputBase - add new component
+-   \[Added\]: Label - add new component
+-   \[Added\]: MoneyInput - add new component
+-   \[Added\]: Paper - add new component
+-   \[Added\]: system - mapParent util
+-   \[Added\]: TreeList - add new component
+-   \[Added\]: Tab - add new component
+-   \[Added\]: Transfer - add new component
+
+-   \[Changed\]: Avatar - direction to display more info, additional matchType prop to check type of file
+-   \[Changed\]: List - apply Collapse
+-   \[Changed\]: Paging - fullWidth, bgColor properties
+-   \[Changed\]: Progress - change labelColor to percentColor
+-   \[Changed\]: TextInput - use icon at head of Input
+-   \[Changed\]: Typography - fullWidth property
+
+-   \[Fixed\]: Dropdown - render html with renderSelectedItem, Dropdown - increase height of content in input, clear input value with renderSelectedItem
+-   \[Fixed\]: Progress - CircularProgress's width, height, and thickness customization is allowed
+-   \[Fixed\]: Tooltip - fix remove tooltip on another event processing
 
 ## 1.2.13
-- \[Fixed\]: Tooltip - remove timeout for create Tooltip
+
+-   \[Fixed\]: Tooltip - remove timeout for create Tooltip
 
 ## 1.2.12
-- \[Added\]: Rating - selector to choose value from number
-- \[Added\]: Chip - view attach in Modal
-- \[Added\]: DateRangePicker - new component DateRangePicker
 
-- \[Changed\]: Popup - default autofocusOKButton is true
-- \[Changed\]: Modal - autoFocus Modal by props, size 24px for close icon
-- \[Changed\]: Tooltip - remove arrow
-- \[Changed\]: Typography - remove text prop, use children to display text or jsx element
+-   \[Added\]: Rating - selector to choose value from number
+-   \[Added\]: Chip - view attach in Modal
+-   \[Added\]: DateRangePicker - new component DateRangePicker
+
+-   \[Changed\]: Popup - default autofocusOKButton is true
+-   \[Changed\]: Modal - autoFocus Modal by props, size 24px for close icon
+-   \[Changed\]: Tooltip - remove arrow
+-   \[Changed\]: Typography - remove text prop, use children to display text or jsx element
 
-- \[Fixed\]: Dropdown - don't change data in dropdown when dataSource changed, check ref at click out of dropdown function
-- \[Fixed\]: Popup - center text relative to icon when there is only one line of text
-- \[Fixed\]: Status - set background is transparent
-- \[Fixed\]: Typography - check children prop is an array of react elements
+-   \[Fixed\]: Dropdown - don't change data in dropdown when dataSource changed, check ref at click out of dropdown function
+-   \[Fixed\]: Popup - center text relative to icon when there is only one line of text
+-   \[Fixed\]: Status - set background is transparent
+-   \[Fixed\]: Typography - check children prop is an array of react elements
 
 ## 1.2.11
-- \[Added\]: system - date/time format utils (format, diff, relative, add/subtract)
-- \[Added\]: Alert - secondary text
-- \[Added\]: Badge - small size
-- \[Added\]: Button - Circular button icon, More
-- \[Added\]: Paging - small size
-- \[Added\]: Rating - new component Rating
-- \[Added\]: Status - small size and filled view type with standard color
-- \[Added\]: Tooltip - small size
-
-- \[Changed\]: Attachment - Change Attachment icon
-- \[Changed\]: Popup - Proposal Popup with outlined Button
-- \[Changed\]: Typography - apply text-font from cdn, apply new types
-
-- \[Fixed\]: Dropdown - manipulate continuously to show/close dropdown, search item for 2nd opening, run onChange function after check selected item
-- \[Fixed\]: Popover - can't close when opening without fullScreen
-- \[Fixed\]: Popup - fix size and set position for icon
+
+-   \[Added\]: system - date/time format utils (format, diff, relative, add/subtract)
+-   \[Added\]: Alert - secondary text
+-   \[Added\]: Badge - small size
+-   \[Added\]: Button - Circular button icon, More
+-   \[Added\]: Paging - small size
+-   \[Added\]: Rating - new component Rating
+-   \[Added\]: Status - small size and filled view type with standard color
+-   \[Added\]: Tooltip - small size
+
+-   \[Changed\]: Attachment - Change Attachment icon
+-   \[Changed\]: Popup - Proposal Popup with outlined Button
+-   \[Changed\]: Typography - apply text-font from cdn, apply new types
+
+-   \[Fixed\]: Dropdown - manipulate continuously to show/close dropdown, search item for 2nd opening, run onChange function after check selected item
+-   \[Fixed\]: Popover - can't close when opening without fullScreen
+-   \[Fixed\]: Popup - fix size and set position for icon
 
 ## 1.2.10
-- \[Added\]: new FormLabel component
-- \[Added\]: system - date/time format
 
-- \[Changed\]: Alert - deny duration remove alert element
-- \[Changed\]: Chip - switch type to viewType
-- \[Changed\]: Dropdown - LoadMore, renderItem, renderSelectedItem function props, displayExpr with new pattern (contain { or } for multiple fields)
-- \[Changed\]: Tooltip - set direction down is priority
+-   \[Added\]: new FormLabel component
+-   \[Added\]: system - date/time format
 
-- \[Fixed\]: Dropdown - check currentValue not undefined, search handler, update position after search
-- \[Fixed\]: TextInput - fix auto resize and fixed position textarea
+-   \[Changed\]: Alert - deny duration remove alert element
+-   \[Changed\]: Chip - switch type to viewType
+-   \[Changed\]: Dropdown - LoadMore, renderItem, renderSelectedItem function props, displayExpr with new pattern (contain { or } for multiple fields)
+-   \[Changed\]: Tooltip - set direction down is priority
+
+-   \[Fixed\]: Dropdown - check currentValue not undefined, search handler, update position after search
+-   \[Fixed\]: TextInput - fix auto resize and fixed position textarea
 
 ## 1.2.9
-- \[Added\]: system - getGlobal function
-- \[Added\]: Avatar - Avatar outline
 
-- \[Changed\]: Button - additional 2 size tiny and giant
-- \[Changed\]: Checkbox - additional colors
-- \[Changed\]: Typography - use font SF Pro Display
+-   \[Added\]: system - getGlobal function
+-   \[Added\]: Avatar - Avatar outline
+
+-   \[Changed\]: Button - additional 2 size tiny and giant
+-   \[Changed\]: Checkbox - additional colors
+-   \[Changed\]: Typography - use font SF Pro Display
 
-- \[Fixed\]: Attachment - drag file in icon add
-- \[Fixed\]: Badge - resize
-- \[Fixed\]: Time Picker - Update position
+-   \[Fixed\]: Attachment - drag file in icon add
+-   \[Fixed\]: Badge - resize
+-   \[Fixed\]: Time Picker - Update position
 
 ## 1.2.8
-- \[Added\]: system - locale and global variable
-- \[Added\]: Avatar - show more info in avatar
-- \[Added\]: Dropdown - selectBox
-
-- \[Changed\]: Modal - moveable and remove box-shadow of footer
-- \[Changed\]: re-write Text component -> Typography component
-- \[Changed\]: Alert - switch variant to color
-- \[Changed\]: Button - switch variant to color, type to viewType
-- \[Changed\]: Chip - switch variant to color
-- \[Changed\]: FormControl - switch variant to viewType, box -> filled, line -> underlined
-- \[Changed\]: Icon - separate icons with components (diginet-core-ui/icons)
-- \[Changed\]: List - non-click list item if click on action
-
-- \[Fixed\]: Paging - Allow press Delete and Backspace to delete current page, check current page with new page was entered
-- \[Fixed\]: TextInput - auto increase height of textarea after set value, set right height when text only one line
+
+-   \[Added\]: system - locale and global variable
+-   \[Added\]: Avatar - show more info in avatar
+-   \[Added\]: Dropdown - selectBox
+
+-   \[Changed\]: Modal - moveable and remove box-shadow of footer
+-   \[Changed\]: re-write Text component -> Typography component
+-   \[Changed\]: Alert - switch variant to color
+-   \[Changed\]: Button - switch variant to color, type to viewType
+-   \[Changed\]: Chip - switch variant to color
+-   \[Changed\]: FormControl - switch variant to viewType, box -> filled, line -> underlined
+-   \[Changed\]: Icon - separate icons with components (diginet-core-ui/icons)
+-   \[Changed\]: List - non-click list item if click on action
+
+-   \[Fixed\]: Paging - Allow press Delete and Backspace to delete current page, check current page with new page was entered
+-   \[Fixed\]: TextInput - auto increase height of textarea after set value, set right height when text only one line
 
 ## 1.2.7
-- \[Added\]: Icon - add generate and un-view icons
-- \[Added\]: TextInput - add number, password and search type
-- 
-- \[Changed\]: Alert - delay duration of processing
-- \[Changed\]: Attachment - additional URL for newAttached
-- \[Changed\]: ButtonIcon - allow use icons list
-- \[Changed\]: DatePicker - add required label
-- \[Changed\]: Dropdown - default variant is line, allow hidden clear icon, color red for required label
-- \[Changed\]: Modal - allow/non-allow dark background
-- \[Changed\]: TextInput - default variant is line, color red for required label
-- 
-- \[Fixed\]: Attachment - handle show/close popup, remove files of input when data change
-- \[Fixed\]: Avatar - object-fit cover for preview image
-- \[Fixed\]: Button - color of button icon link, update size of button icon
-- \[Fixed\]: DatePicker - update position of DatePickerBox and label
-- \[Fixed\]: Dropdown - move global variable to local variable, check value/defaultValue are text/number/array
-- \[Fixed\]: Paging - only allow press Number or Array key
+
+-   \[Added\]: Icon - add generate and un-view icons
+-   \[Added\]: TextInput - add number, password and search type
+-
+-   \[Changed\]: Alert - delay duration of processing
+-   \[Changed\]: Attachment - additional URL for newAttached
+-   \[Changed\]: ButtonIcon - allow use icons list
+-   \[Changed\]: DatePicker - add required label
+-   \[Changed\]: Dropdown - default variant is line, allow hidden clear icon, color red for required label
+-   \[Changed\]: Modal - allow/non-allow dark background
+-   \[Changed\]: TextInput - default variant is line, color red for required label
+-
+-   \[Fixed\]: Attachment - handle show/close popup, remove files of input when data change
+-   \[Fixed\]: Avatar - object-fit cover for preview image
+-   \[Fixed\]: Button - color of button icon link, update size of button icon
+-   \[Fixed\]: DatePicker - update position of DatePickerBox and label
+-   \[Fixed\]: Dropdown - move global variable to local variable, check value/defaultValue are text/number/array
+-   \[Fixed\]: Paging - only allow press Number or Array key
 
 ## 1.2.6
-- \[Added\]: Add new Avatar component
-- \[Added\]: Add new Slider component
-- \[Added\]: Add new Popover component
-- \[Added\]: Add new Badge component
-- \[Added\]: Add new Divider component
-- \[Added\]: Add new List component
-
-- \[Changed\]: Button - Re-write Button component
-- \[Changed\]: Dropdown - Re-write Dropdown component
-
-- \[Fixed\]: Attachment - Fix box-sizing and align center for icon and name at icon view type, fix line-height for detail info of attach
-- \[Fixed\]: Popup - Close icon not appear (Proposals popup)
-- \[Fixed\]: Paging - Fix page 2 and immediately before last page (page selector), Fix enter num 0 in the page info
-- \[Fixed\]: Modal - Render portal
-- \[Fixed\]: DatePicker - Position fixed
-- \[Fixed\]: Option - use checked and defaultChecked for CheckBox, Radio, Toggle
+
+-   \[Added\]: Add new Avatar component
+-   \[Added\]: Add new Slider component
+-   \[Added\]: Add new Popover component
+-   \[Added\]: Add new Badge component
+-   \[Added\]: Add new Divider component
+-   \[Added\]: Add new List component
+
+-   \[Changed\]: Button - Re-write Button component
+-   \[Changed\]: Dropdown - Re-write Dropdown component
+
+-   \[Fixed\]: Attachment - Fix box-sizing and align center for icon and name at icon view type, fix line-height for detail info of attach
+-   \[Fixed\]: Popup - Close icon not appear (Proposals popup)
+-   \[Fixed\]: Paging - Fix page 2 and immediately before last page (page selector), Fix enter num 0 in the page info
+-   \[Fixed\]: Modal - Render portal
+-   \[Fixed\]: DatePicker - Position fixed
+-   \[Fixed\]: Option - use checked and defaultChecked for CheckBox, Radio, Toggle
 
 ## 1.2.5
-- \[Added\]: Add new Modal component
-- \[Added\]: Add new Chip/AttachChip component
 
-- \[Changed\]: Popup - Get show/close popup function, allow autofocus OK button, use callback on show popup (click confirm button)
-- \[Changed\]: Attachment - Apply get popup show/close function
-- \[Changed\]: Icon - Re-write Icon component
+-   \[Added\]: Add new Modal component
+-   \[Added\]: Add new Chip/AttachChip component
+
+-   \[Changed\]: Popup - Get show/close popup function, allow autofocus OK button, use callback on show popup (click confirm button)
+-   \[Changed\]: Attachment - Apply get popup show/close function
+-   \[Changed\]: Icon - Re-write Icon component
 
-- \[Fixed\]: Input - Fix css Time and Date Picker, fix css Date Picker
-- \[Fixed\]: Attachment - Fix icon and event handlers
+-   \[Fixed\]: Input - Fix css Time and Date Picker, fix css Date Picker
+-   \[Fixed\]: Attachment - Fix icon and event handlers
 
 ## 1.2.4
-- \[Added\]: Add new Popup component
-- \[Added\]: Add new ButtonIcon component
 
-- \[Changed\]: Time Picker - Update Time Picker component follow new design (use scroll or drag mouse event)
-- \[Changed\]: Attachment - Show warning popup before delete attachment and autofocus OK button
+-   \[Added\]: Add new Popup component
+-   \[Added\]: Add new ButtonIcon component
 
-- \[Fixed\]: Babel-loader build failed with Optional chaining syntax
-- \[Fixed\]: Progress - Set default size
-- \[Fixed\]: Attachment - Fix Position detail info, Color for icons handle chosen items, press Delete to remove item and press Arrow key to select near item
-- \[Fixed\]: Paging - Fix update current page and reset onchange method for selector element when update totalItems
-- \[Fixed\]: TextInput - Fix margin between label and input for line type
+-   \[Changed\]: Time Picker - Update Time Picker component follow new design (use scroll or drag mouse event)
+-   \[Changed\]: Attachment - Show warning popup before delete attachment and autofocus OK button
+
+-   \[Fixed\]: Babel-loader build failed with Optional chaining syntax
+-   \[Fixed\]: Progress - Set default size
+-   \[Fixed\]: Attachment - Fix Position detail info, Color for icons handle chosen items, press Delete to remove item and press Arrow key to select near item
+-   \[Fixed\]: Paging - Fix update current page and reset onchange method for selector element when update totalItems
+-   \[Fixed\]: TextInput - Fix margin between label and input for line type
 
 ## 1.2.3
-- \[Changed\]: Add size for Alert component
-- \[Changed\]: Transport message from notification to Alert component
-- \[Changed\]: Allow custom width/height for Alert component
-- \[Changed\]: Allow custom height of Scrollbar
 
-- \[Fixed\]: Clear icon size
-- \[Fixed\]: Convert to simple page with more paging only contain one item
+-   \[Changed\]: Add size for Alert component
+-   \[Changed\]: Transport message from notification to Alert component
+-   \[Changed\]: Allow custom width/height for Alert component
+-   \[Changed\]: Allow custom height of Scrollbar
+
+-   \[Fixed\]: Clear icon size
+-   \[Fixed\]: Convert to simple page with more paging only contain one item
 
 ## 1.2.2
-- \[Added\]: Add new Alert component
-- \[Added\]: Add new Notify component
 
-- \[Changed\]: Attachment - Add status icon for new file + separate detail information (username + date time + file size)
-- \[Changed\]: DatePicker - CSS + Remove function auto update value for the input when switch month or year
-## 1.2.1 
-- \[Added\]: Time Picker component
-- \[Added\]: Dropdown component
+-   \[Added\]: Add new Alert component
+-   \[Added\]: Add new Notify component
 
-- \[Fixed\]: Others/Scrollbar - maxWidth,maxHeight,Positions
-  
-- \[Changed\]: Progress - forwardRef,Fix Syntax
-- \[Changed\]: Attachment - Choose item(s) by mouse, accept file type && Ignore existing file
-- \[Changed\]: Form -> FormControl, Options + FormControl(CheckBox, RadioButton, Toggle)
-- \[Changed\]: Form/FormDate -> FormControl/DatePicker
+-   \[Changed\]: Attachment - Add status icon for new file + separate detail information (username + date time + file size)
+-   \[Changed\]: DatePicker - CSS + Remove function auto update value for the input when switch month or year
 
-- \[Delete\]: Options component
-- \[Delete\]: Input component
+## 1.2.1
+
+-   \[Added\]: Time Picker component
+-   \[Added\]: Dropdown component
+
+-   \[Fixed\]: Others/Scrollbar - maxWidth,maxHeight,Positions
+-   \[Changed\]: Progress - forwardRef,Fix Syntax
+-   \[Changed\]: Attachment - Choose item(s) by mouse, accept file type && Ignore existing file
+-   \[Changed\]: Form -> FormControl, Options + FormControl(CheckBox, RadioButton, Toggle)
+-   \[Changed\]: Form/FormDate -> FormControl/DatePicker
+
+-   \[Delete\]: Options component
+-   \[Delete\]: Input component
 
 ## 1.2.0 (2020-11-03)
-- \[Added\]: CheckText component
-- \[Added\]: Form/FormDate component
-- \[Added\]: Options component
-- \[Added\]: Others/Extra component
-- \[Added\]: Others/Scrollbar component
-- \[Added\]: Paging component
-- \[Added\]: Progress/Circle component
-- \[Added\]: Status component
-- \[Added\]: Icon component for DHR/ERP
-
-- \[Changed\]: Progress/Linear component
-- \[Changed\]: Form/Dropdown component
+
+-   \[Added\]: CheckText component
+-   \[Added\]: Form/FormDate component
+-   \[Added\]: Options component
+-   \[Added\]: Others/Extra component
+-   \[Added\]: Others/Scrollbar component
+-   \[Added\]: Paging component
+-   \[Added\]: Progress/Circle component
+-   \[Added\]: Status component
+-   \[Added\]: Icon component for DHR/ERP
+
+-   \[Changed\]: Progress/Linear component
+-   \[Changed\]: Form/Dropdown component