diginet-core-ui 1.3.24

package/icons/menu/index.js

@@ -0,0 +1,5 @@
+import * as IconMenu from '.'; // MENU
+
+export * as DHR from './menu/dhr';
+export * as ERP from './menu/erp';
+export default IconMenu;

package/icons/menu/v2/index.js

@@ -0,0 +1,52 @@
+/** @jsxRuntime classic */
+
+/** @jsx jsx */
+import { memo, forwardRef, useRef, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { jsx } from '@emotion/core';
+const IconMenu = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  type,
+  name,
+  width,
+  height
+}, ref) => {
+  if (!ref) {
+    ref = useRef(null);
+  }
+
+  const getResourceImage = fileName => {
+    let icon = require('../../../assets/images/menu/dhr/Default.svg');
+
+    try {
+      icon = require('../../../assets/images/menu/' + `${type}/` + fileName);
+    } catch (e) {}
+
+    return icon;
+  };
+
+  return useMemo(() => jsx("img", {
+    src: getResourceImage(name + '.svg'),
+    width: width,
+    height: height
+  }), [type, name, width, height]);
+}));
+IconMenu.defaultProps = {
+  name: 'Default',
+  type: 'dhr',
+  width: '100%',
+  height: '100%'
+};
+IconMenu.propTypes = {
+  /** Menu type (DHR || ERP) */
+  type: PropTypes.oneOf(['dhr', 'erp']),
+
+  /** name of icon */
+  name: PropTypes.string,
+
+  /** the width of icon */
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+
+  /** the height of icon */
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+};
+export default IconMenu;

package/locale/index.js

@@ -0,0 +1,11 @@
+import GlobalObject from '../global';
+const locale = {
+  get: () => {
+    const language = GlobalObject.language === 'en' ? 'en' : 'vi';
+    return language;
+  },
+  set: language => {
+    GlobalObject.language = language;
+  }
+};
+export default locale;

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "diginet-core-ui",
+  "version": "1.3.24",
+  "description": "The DigiNet core ui",
+  "homepage": "https://diginet.com.vn",
+  "main": "index.js",
+  "scripts": {
+    "start-js": "react-scripts start --max_old_space_size=4096",
+    "start": "npx npm-run-all -p start-js",
+    "build": "GENERATE_SOURCEMAP=false && react-scripts build --env=production --max_old_space_size=8192",
+    "eject": "react-scripts eject",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "dependencies": {
+    "@emotion/core": "^10.0.35",
+    "@emotion/styled": "^10.0.27",
+    "prop-types": "^15.7.2",
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://diginetvn@bitbucket.org/diginetvn/diginet-core-ui.git"
+  },
+  "keywords": [
+    "core ui",
+    "diginet"
+  ],
+  "author": "rocachien",
+  "contributors": [
+    {
+      "name": "Chien Do",
+      "email": "rocachien@gmail.com"
+    },
+    {
+      "name": "Nhat Tran",
+      "email": "tranminhnhat1005@gmail.com"
+    },
+    {
+      "name": "Thuan Nguyen",
+      "email": "nt.thuan.hutech@gmail.com"
+    }
+  ],
+  "license": "MIT"
+}

package/readme.md

@@ -0,0 +1,517 @@
+# 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.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