diginet-core-ui 1.3.36 → 1.3.38

package/readme.md

@@ -1,654 +1,677 @@
-# 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.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.38
+\[Added\]: MenuIcon - MHRM29N0003
+\[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