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

package/package.json

@@ -1,44 +1,76 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.4.21",
-  "description": "The DigiNet core ui",
-  "homepage": "https://diginet.com.vn",
+  "version": "1.4.23-beta.1",
+  "description": "",
   "main": "index.js",
+  "license": "UNLICENSED",
   "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"
+    "start": "npm-run-all --parallel start-sb eslint-test",
+    "start-sb": "start-storybook -p 9050",
+    "build-storybook": "build-storybook -c .storybook -s src",
+    "build": "run-script-os",
+    "build:windows": "rimraf dist && mkdirp dist/components && npm run compile && sass --style=compressed src/scss:dist/css && xcopy src\\\\assets dist\\\\assets\\ /e /y",
+    "build:darwin:linux:default": "rm -rf dist && npm run compile && sass --style=compressed src/scss:dist/css && cp -rf src/assets dist/assets",
+    "compile": "babel src --out-dir dist --ignore **/*.stories.js",
+    "pack": "npm run build && cp *.md dist/ && npm run version:bump --silent && npm run version:add --silent && cd dist && npm pack",
+    "production-keep-version": "npm run build && cp *.md dist/ && cp package.json dist/ && cd dist && npm publish",
+    "beta": "npm run build && cp *.md dist/ && cp package.json dist/ && cd dist && npm publish --tag beta",
+    "production": "npm run build && cp *.md dist/ && npm run version:bump --silent && npm run version:add --silent && cd dist && npm publish",
+    "version:add": "run-script-os",
+    "version:add:windows": "cat package.json.tmp | sed \"s/0.0.0/%npm_package_version%/g\" > dist/package.json",
+    "version:add:darwin:linux:default": "VERSION=$(npm run version:extract --silent) && cat package.json.tmp | sed \"s/0.0.0/${VERSION}/g\" > dist/package.json",
+    "version:bump": "npm version patch --no-git-tag-version --silent",
+    "version:extract": "cat package.json | grep version | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]'",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint --fix --config .eslintrc.js \"**/*.js\"",
+    "eslint-test": "onchange \"src/**/*.{js,jsx,json}\" -- eslint . --fix",
+    "test-storybook": "test-storybook --url http://localhost:9050"
   },
   "dependencies": {
     "@emotion/core": "^10.0.35",
-    "prop-types": "^15.7.2",
     "@emotion/css": "^11.11.0",
-    "@emotion/react": "^11.10.6"
+    "@emotion/react": "^11.10.6",
+    "babel-plugin-module-resolver": "^4.1.0",
+    "date-fns": "^2.30.0",
+    "prop-types": "^15.7.2"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://diginetvn@bitbucket.org/diginetvn/diginet-core-ui.git"
+  "lint-staged": {
+    "*/**/*.{js,jsx,json}": [
+      "prettier --write",
+      "git add"
+    ]
   },
-  "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"
+  "devDependencies": {
+    "@babel/cli": "^7.14.3",
+    "@babel/plugin-proposal-class-properties": "^7.13.0",
+    "@babel/plugin-proposal-logical-assignment-operators": "^7.16.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.14.2",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
+    "@babel/preset-react": "^7.13.13",
+    "@storybook/addon-actions": "6.2.9",
+    "@storybook/addon-essentials": "6.2.9",
+    "@storybook/addon-links": "6.2.9",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/react": "6.2.9",
+    "@storybook/test-runner": "^0.7.1",
+    "autoprefixer": "^10.3.1",
+    "babel-loader": "^8.2.2",
+    "eslint": "^8.4.1",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-regex": "^1.10.0",
+    "husky": "^7.0.4",
+    "jest": "^27.5.1",
+    "lint-staged": "^12.1.2",
+    "mkdirp": "^1.0.4",
+    "npm-run-all": "^4.1.5",
+    "onchange": "^7.1.0",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "rimraf": "^3.0.2",
+    "run-script-os": "^1.1.6",
+    "sass": "1.58.3"
+  }
 }

package/readme.md

@@ -42,6 +42,19 @@ npm test
 
 ## Changelog
 
+## 1.4.22
+
+-   \[Changed\]: TabHeader – Add full width
+
+## 1.4.22
+
+-   \[Added\]: IconMenu – Add MHRP39N0020, MHRP39N0021
+-   \[Changed\]: Tab – Add prop onChange in TabContainer
+-   \[Changed\]: Accordion – Update AccordionSummary propTypes
+-   \[Fixed\]: TimePicker – Fix cannot select time by arrow keys
+-   \[Fixed\]: Modal – Fix warning call Hooks inside useMemo
+-   \[Fixed\]: Image – Fix render img tag when src empty
+
 ## 1.4.21
 
 -   \[Changed\]: Theme – Setup switch theme Dark Light
@@ -65,7 +78,7 @@ npm test
 
 ## 1.4.16
 
--   \[Changed\]: IconMenu – Add MHRM15N0001
+-   \[Added\]: IconMenu – Add MHRM15N0001
 -   \[Changed\]: Dropdown – Return recent search in onClosed callback
 
 ## 1.4.15
@@ -88,7 +101,7 @@ npm test
 
 ## 1.4.12
 
--   \[Changed\]: IconMenu – Add, Update icon for DIGINET EO
+-   \[Added\]: IconMenu – Add, Update icon for DIGINET EO
 -   \[Changed\]: Attachment – Add viewType Picture
 -   \[Changed\]: Calendar – Update design
 -   \[Changed\]: DatePicker – Add picker month, year, quarter
@@ -114,7 +127,7 @@ npm test
 
 ## 1.4.9
 
--   \[Changed\]: IconMenu – Add 16 icon menu of HR Mobile App
+-   \[Added\]: IconMenu – Add 16 icon menu of HR Mobile App
 -   \[Fixed\]: Chip – Fix width of TabHeader
 
 ## 1.4.8
@@ -284,7 +297,7 @@ npm test
 
 ## 1.3.83
 
--   \[Changed\]: IconMenu – Add prop className, style
+-   \[Added\]: IconMenu – Add prop className, style
 -   \[Changed\]: Grid – Add prop verticalAlign
 -   \[Changed\]: Label– Add lineClamp auto
 -   \[Fixed\]: Popover – Fix bug not save last position of anchor

package/theme/settings.js

@@ -351,6 +351,19 @@ const settings = {
         zeroMinWidth: false
       }
     },
+    DateInput: {
+      defaultProps: {
+        className: '',
+        disabled: false,
+        error: '',
+        format: locale.get() === 'vi' ? 'DD/MM/YYYY' : 'DD/MM/YYYY',
+        label: '',
+        readOnly: false,
+        required: false,
+        style: {},
+        viewType: 'underlined'
+      }
+    },
     DatePicker: {
       defaultProps: {
         actionIconAt: 'end',
@@ -364,6 +377,7 @@ const settings = {
         required: false,
         returnFormat: 'YYYY-MM-DD',
         textAlign: 'start',
+        useDateInput: false,
         viewType: 'underlined'
       }
     },
@@ -463,6 +477,16 @@ const settings = {
         children: ''
       }
     },
+    Icon: {
+      defaultProps: {
+        className: '',
+        color: 'system/rest',
+        height: 24,
+        style: {},
+        viewBox: true,
+        width: 24
+      }
+    },
     Image: {
       defaultProps: {
         circular: false,
@@ -680,6 +704,41 @@ const settings = {
         zeroMinWidth: false
       }
     },
+    TabContainer: {
+      defaultProps: {
+        className: '',
+        direction: 'horizontal',
+        level: 'level1',
+        style: {},
+        tabIndex: 0,
+        width: '100%'
+      }
+    },
+    TabHeader: {
+      defaultProps: {
+        centered: false,
+        className: '',
+        scrollButtons: false,
+        style: {},
+        width: '100%'
+      }
+    },
+    TabPanel: {
+      defaultProps: {
+        className: '',
+        lazyLoading: false,
+        style: {}
+      }
+    },
+    TabItem: {
+      defaultProps: {
+        className: '',
+        color: 'system/rest',
+        disabled: false,
+        label: '',
+        style: {}
+      }
+    },
     TextInput: {
       defaultProps: {
         autoComplete: 'off',
@@ -699,6 +758,25 @@ const settings = {
         viewType: 'underlined'
       }
     },
+    TimePicker: {
+      defaultProps: {
+        actionIconAt: 'end',
+        className: '',
+        disabled: false,
+        displayFormat: 'HH:mm:ss',
+        mode12h: false,
+        readOnly: false,
+        required: false,
+        returnFormat: 'HH:mm:ss',
+        error: '',
+        minuteStep: 1,
+        min: '',
+        max: '',
+        label: '',
+        value: '',
+        viewType: 'underlined'
+      }
+    },
     Toggle: {
       defaultProps: {
         disabled: false,