diginet-core-ui 1.3.88 → 1.3.89

package/readme.md

@@ -1,1027 +1,1034 @@
-# 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.
-
-## Installation
-
-```shell
-npm install diginet-core-ui --save
-```
-
-## Usage
-
-```js
-import React from 'react';
-import {Button} from "diginet-core-ui/dist/components";
-
-function App() {
-  return <Button>DigiNet</Button>;
-}
-
-ReactDOM.render(<App />, document.querySelector('#app'));
-```
-
-## Testing and Examples
-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
-
-```shell
-npm test
-```
-
-## Changelog
-## 1.3.88
-- \[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
-
-## 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
-
-## 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
-
-## 1.3.84
-- \[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
-
-## 1.3.82
-- \[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
-
-## 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
-
-## 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
-
-## 1.3.78
-- \[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
-
-## 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
-
-## 1.3.75
-- \[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
-
-
-## 1.3.73
-- \[Added\]: Icon – PersonArrowRight
-- \[Added\]: MenuIcon – MHRM82N0001, MHRM82N0002
-- \[Fixed\]: Dropdown – Fix bug regex error in IOS
-
-## 1.3.72
-- \[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
-
-## 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
-
-## 1.3.69
-- \[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
-
-## 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
-
-## 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
-
-## 1.3.65
-- \[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
-
-## 1.3.63
-- \[Changed\]: Collapse – Add props onClosed, onOpened
-
-## 1.3.62
-- \[Changed\]: Radio – Add value to event target
-
-## 1.3.61
-- \[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
-
-## 1.3.59
-- \[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
-
-## 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
-
-## 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
-
-## 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
-
-## 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
-
-## 1.3.53
-- \[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
-
-## 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
-
-## 1.3.50
-- \[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
-
-## 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
-
-## 1.3.47
-- \[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
-
-## 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
-
-## 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
-
-## 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
-
-## 1.3.42
-- \[Added\]: Icon - MoneyHistory, Calculate, ShoppingCart
-
-## 1.3.41
-- \[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
-
-## 1.3.39
-- \[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
-
-## 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
-
-## 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
-
-## 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
-
-## 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
-
-## 1.3.33
-- \[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
-
-## 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
-
-## 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
-
-## 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
-
-## 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
-
-## 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
-
-## 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
-
-
-## 1.3.22
-- \[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
-
-## 1.3.20
-- \[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
- 
-## 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.
- 
-## 1.3.17
-- \[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
-
-- \[Fixed\]: Text - fix word-break
-
-- \[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
-
-- \[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
-
-## 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
-
-- \[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
-
-## 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
-
-## 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
-
-## 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
-
-- \[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
-## 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
-
-- \[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
-
-- \[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
-
-- \[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
-
-- \[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
-
-## 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
-
-## 1.2.13
-- \[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
-
-- \[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
-
-## 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
-
-- \[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
-
-- \[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
-
-## 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
-
-## 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
-
-## 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
-
-- \[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
-
-- \[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
-
-## 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
-
-- \[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
+# 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.
+
+## Installation
+
+```shell
+npm install diginet-core-ui --save
+```
+
+## Usage
+
+```js
+import React from 'react';
+import {Button} from "diginet-core-ui/dist/components";
+
+function App() {
+  return <Button>DigiNet</Button>;
+}
+
+ReactDOM.render(<App />, document.querySelector('#app'));
+```
+
+## Testing and Examples
+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
+
+```shell
+npm test
+```
+
+## Changelog
+## 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
+
+## 1.3.88
+- \[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
+
+## 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
+
+## 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
+
+## 1.3.84
+- \[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
+
+## 1.3.82
+- \[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
+
+## 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
+
+## 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
+
+## 1.3.78
+- \[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
+
+## 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
+
+## 1.3.75
+- \[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
+
+
+## 1.3.73
+- \[Added\]: Icon – PersonArrowRight
+- \[Added\]: MenuIcon – MHRM82N0001, MHRM82N0002
+- \[Fixed\]: Dropdown – Fix bug regex error in IOS
+
+## 1.3.72
+- \[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
+
+## 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
+
+## 1.3.69
+- \[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
+
+## 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
+
+## 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
+
+## 1.3.65
+- \[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
+
+## 1.3.63
+- \[Changed\]: Collapse – Add props onClosed, onOpened
+
+## 1.3.62
+- \[Changed\]: Radio – Add value to event target
+
+## 1.3.61
+- \[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
+
+## 1.3.59
+- \[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
+
+## 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
+
+## 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
+
+## 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
+
+## 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
+
+## 1.3.53
+- \[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
+
+## 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
+
+## 1.3.50
+- \[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
+
+## 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
+
+## 1.3.47
+- \[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
+
+## 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
+
+## 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
+
+## 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
+
+## 1.3.42
+- \[Added\]: Icon - MoneyHistory, Calculate, ShoppingCart
+
+## 1.3.41
+- \[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
+
+## 1.3.39
+- \[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
+
+## 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
+
+## 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
+
+## 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
+
+## 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
+
+## 1.3.33
+- \[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
+
+## 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
+
+## 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
+
+## 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
+
+## 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
+
+## 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
+
+## 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
+
+
+## 1.3.22
+- \[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
+
+## 1.3.20
+- \[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
+ 
+## 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.
+ 
+## 1.3.17
+- \[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
+
+- \[Fixed\]: Text - fix word-break
+
+- \[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
+
+- \[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
+
+## 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
+
+- \[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
+
+## 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
+
+## 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
+
+## 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
+
+- \[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
+## 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
+
+- \[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
+
+- \[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
+
+- \[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
+
+- \[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
+
+## 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
+
+## 1.2.13
+- \[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
+
+- \[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
+
+## 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
+
+- \[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
+
+- \[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
+
+## 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
+
+## 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
+
+## 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
+
+- \[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
+
+- \[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
+
+## 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
+
+- \[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