@myunisoft/design-system 0.22.3 → 0.23.0-esbuild

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@myunisoft/design-system",
-  "version": "0.22.3",
+  "version": "0.23.0-esbuild",
   "description": "Design System of MyUnisoft",
   "main": "dist/index.js",
   "source": "src/index.js",
   "scripts": {
     "start": "cd website && npm start -- --port=3002",
-    "build": "rm -r dist & parcel build",
+    "build": "rm -r dist & node esbuild",
     "prepublishOnly": "npm run build",
-    "test": "jest",
-    "parcel-build": "parcel build",
+    "test": "jest  --transformIgnorePatterns \"node_modules/(?!@exceljs)/\" ",
+    "parcel-build": "node esbuild",
     "cypress": "npx cypress open --component",
     "cy:run": "npx cypress run --component"
   },
@@ -28,72 +28,73 @@
   "license": "MIT",
   "homepage": "https://myunisoft.github.io/design-system/",
   "dependencies": {
-    "@babel/runtime": "^7.15.4",
-    "@emotion/react": "11.9.0",
-    "@emotion/styled": "11.8.1",
-    "@mui/base": "5.0.0-alpha.91",
-    "@mui/icons-material": "5.8.4",
+    "@babel/runtime": "^7.20.6",
+    "@emotion/react": "11.10.5",
+    "@emotion/styled": "11.10.5",
+    "@mui/base": "5.0.0-alpha.92",
     "@mui/lab": "5.0.0-alpha.92",
     "@mui/material": "5.9.2",
     "@mui/styles": "5.9.2",
     "@mui/utils": "^5.8.6",
-    "classnames": "^2.3.1",
+    "classnames": "^2.3.2",
     "docusaurus": "^1.14.7",
-    "dompurify": "^2.3.0",
+    "dompurify": "^2.4.1",
     "exceljs": "^4.3.0",
-    "i18next": "^20.4.0",
-    "jspdf": "^2.5.0",
-    "jspdf-autotable": "^3.5.25",
+    "i18next": "^22.4.6",
+    "jspdf": "^2.5.1",
+    "jspdf-autotable": "^3.5.28",
     "lodash": "^4.17.21",
-    "moment": "^2.29.1",
+    "moment": "^2.29.4",
     "numeral": "^2.0.6",
-    "pretty-bytes": "^5.6.0",
-    "prop-types": "^15.7.2",
+    "pretty-bytes": "^6.0.0",
+    "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-color": "^2.19.3",
     "react-dom": "^17.0.2",
-    "react-draft-wysiwyg": "^1.14.7",
-    "react-dropzone": "^11.4.2",
+    "react-draft-wysiwyg": "^1.15.0",
+    "react-dropzone": "^14.2.3",
     "react-input-autosize": "^3.0.0",
-    "react-spinners": "^0.13.0",
-    "reselect": "^4.1.5",
-    "robot3": "^0.2.19",
-    "svgo": "^2.8.0",
-    "xlsx": "^0.17.3"
+    "react-spinners": "^0.13.7",
+    "reselect": "^4.1.7",
+    "robot3": "^0.3.2",
+    "svgo": "^3.0.2",
+    "xlsx": "^0.18.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.7",
+    "@babel/core": "^7.20.5",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-transform-runtime": "^7.15.8",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.14.5",
-    "@cypress/react": "^6.2.0",
-    "@parcel/transformer-inline-string": "^2.5.0",
-    "@parcel/transformer-sass": "^2.5.0",
-    "@parcel/transformer-svg-react": "^2.1.1",
+    "@babel/plugin-transform-runtime": "^7.19.6",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@cypress/react": "^7.0.2",
+    "@parcel/transformer-inline-string": "^2.8.2",
+    "@parcel/transformer-sass": "^2.8.2",
+    "@parcel/transformer-svg-react": "^2.8.2",
     "@testing-library/react": "^12.1.0",
     "@testing-library/react-hooks": "^7.0.2",
-    "babel-jest": "^27.1.1",
-    "babel-loader": "^8.2.5",
-    "css-loader": "^6.7.1",
-    "cypress": "^10.7.0",
-    "esbuild": "^0.12.23",
-    "esbuild-sass-plugin": "^1.5.2",
-    "eslint": "^8.14.0",
+    "babel-jest": "^29.3.1",
+    "babel-loader": "^9.1.0",
+    "css-loader": "^6.7.3",
+    "cypress": "^12.1.0",
+    "esbuild": "^0.16.10",
+    "esbuild-sass-plugin": "^2.4.4",
+    "eslint": "^8.30.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-react-hooks": "^4.5.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "html-webpack-plugin": "^5.5.0",
-    "jest": "^27.2.0",
-    "parcel": "^2.7.0",
-    "prettier": "2.6.2",
+    "jest": "^29.3.1",
+    "jest-canvas-mock": "^2.4.0",
+    "jest-environment-jsdom": "^29.3.1",
+    "parcel": "^2.8.2",
+    "prettier": "^2.8.1",
     "react-test-renderer": "^17.0.2",
-    "sass": "^1.55.0",
-    "sass-loader": "^13.0.2",
+    "sass": "^1.57.1",
+    "sass-loader": "^13.2.0",
     "style-loader": "^3.3.1",
     "svg-inline-loader": "^0.8.2",
-    "webpack": "^5.74.0"
+    "webpack": "^5.75.0"
   }
 }

package/dist/index.css

@@ -1,268 +0,0 @@
-.h8cnOq_autoCompleteContainer {
-  height: 50px;
-  width: 100%;
-  min-width: 170px;
-  flex-direction: column;
-  display: flex;
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_label {
-  color: #9b9b9b;
-  margin-bottom: 4px;
-  font-size: 12px;
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_label.h8cnOq_search {
-  color: #0bd1d1;
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_label.h8cnOq_isError {
-  color: #fe3a5e;
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_selector {
-  height: 24px;
-  display: flex;
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons {
-  flex-direction: row;
-  margin-left: auto;
-  display: flex;
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons .h8cnOq_dropDownIcon {
-  width: 12px;
-  margin-left: 8px;
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons .h8cnOq_dropDownIcon.h8cnOq_rotated {
-  transform: rotate(180deg);
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_selector .h8cnOq_icons .h8cnOq_clear {
-  width: 12px;
-  cursor: pointer;
-  margin-left: auto;
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_border {
-  width: 100%;
-  border-bottom: 2px solid #d7d7d7;
-  margin-top: 5px;
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_border.h8cnOq_isError {
-  border-bottom: 2px solid #fe3a5e;
-}
-
-.h8cnOq_autoCompleteContainer .h8cnOq_border.h8cnOq_open {
-  border-bottom: 2px solid #0bd1d1;
-}
-
-.SaImvG_resultsContainer {
-  z-index: 9;
-  background-color: #fff;
-  padding: 4px;
-  box-shadow: 0 2px 2px #0000001a;
-}
-
-.SaImvG_resultsContainer .SaImvG_noResult {
-  text-align: center;
-  color: #9b9b9b;
-  margin-top: 15px;
-  margin-bottom: 10px;
-  font-size: 16px;
-}
-
-.t5EYra_inputContainer {
-  height: 24px;
-  background-color: #ebebeb;
-  align-items: center;
-  display: flex;
-}
-
-.t5EYra_inputContainer .t5EYra_searchIcon {
-  align-items: center;
-  margin-left: 8px;
-  margin-right: 8px;
-  display: flex;
-}
-
-.t5EYra_inputContainer .t5EYra_inputSearch {
-  width: 100%;
-  height: 16px;
-  margin-right: 8px;
-  display: flex;
-  position: relative;
-}
-
-.t5EYra_inputContainer .t5EYra_inputSearch input {
-  width: 100%;
-  border: 0;
-  outline: 0;
-  padding-left: 5px;
-  font-size: 13px;
-}
-
-.t5EYra_inputContainer .t5EYra_inputSearch input:focus {
-  outline: none !important;
-}
-
-.t5EYra_inputContainer .t5EYra_inputSearch .t5EYra_closeIcon {
-  height: 10px;
-  position: absolute;
-  top: 3px;
-  right: 3px;
-}
-
-.kMx4ia_line {
-  height: 30px;
-  align-items: center;
-  margin-top: 2px;
-  padding-left: 8px;
-  display: flex;
-}
-
-.kMx4ia_line:hover {
-  cursor: pointer;
-  background-color: #ebebeb;
-  transition-duration: .3s;
-}
-
-.kMx4ia_line.kMx4ia_disabled {
-  color: #c3c3c3;
-}
-
-.kMx4ia_line.kMx4ia_disabled:hover {
-  cursor: initial;
-}
-
-.kMx4ia_line .kMx4ia_checkboxContainer {
-  height: 14px;
-  width: 14px;
-}
-
-.kMx4ia_line .kMx4ia_label {
-  text-align: left;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: 100%;
-  margin-left: 8px;
-  font-size: 14px;
-  overflow: hidden;
-}
-
-.pNP20W_checkbox {
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-  border: 2px solid #d7d7d7;
-  border-radius: 2px;
-}
-
-.pNP20W_checkbox:hover {
-  cursor: pointer;
-}
-
-.pNP20W_checkbox.pNP20W_checked {
-  color: #0bd1d1;
-  color: #fff;
-  background-color: #0bd1d1;
-  border: 2px solid #0bd1d1;
-}
-
-.pNP20W_checkbox.pNP20W_checked.pNP20W_disabled {
-  background-color: #c3c3c3;
-  border: 2px solid #c3c3c3;
-}
-
-.pNP20W_checkbox.pNP20W_checked.pNP20W_disabled:hover {
-  cursor: initial;
-}
-
-.pNP20W_checkbox.pNP20W_disabled {
-  border: 2px solid #c3c3c3;
-}
-
-.pNP20W_checkbox.pNP20W_disabled:hover {
-  cursor: initial;
-}
-
-.vK5M_a_allOptions {
-  margin-top: 2px;
-  margin-bottom: 5px;
-  font-weight: bold;
-}
-
-._1WQQUG_selectorContainer {
-  align-items: flex-end;
-  display: flex;
-}
-
-._1WQQUG_selectorContainer ._1WQQUG_description {
-  color: #000;
-  font-size: 14px;
-}
-
-._1WQQUG_selectorContainer ._1WQQUG_description._1WQQUG_search {
-  color: #9b9b9b;
-}
-
-._1WQQUG_selectorContainer ._1WQQUG_chipsContainer {
-  height: 100%;
-  flex-direction: row;
-  align-items: center;
-  display: flex;
-}
-
-.hEY9kq_chips {
-  color: #0bd1d1;
-  height: 100%;
-  background-color: #cef6f6;
-  border-radius: 50px;
-  flex-direction: row;
-  align-items: center;
-  padding-left: 10px;
-  padding-right: 10px;
-  font-size: 12px;
-  display: inline-flex;
-}
-
-.hEY9kq_chips .hEY9kq_close {
-  cursor: pointer;
-  margin-left: 5px;
-  padding: 3px 2px;
-}
-
-._8FpR1a_listChips {
-  height: 100%;
-  flex-direction: row;
-  align-items: center;
-  display: flex;
-}
-
-._8FpR1a_listChips ._8FpR1a_otherChips {
-  height: 100%;
-  display: flex;
-}
-
-._8FpR1a_listChips ._8FpR1a_chips {
-  height: 100%;
-  margin-right: 4px;
-  display: flex;
-}
-
-._8FpR1a_toolTipsList {
-  max-height: 118px;
-  font-weight: normal;
-  overflow: auto;
-}
-
-._8FpR1a_toolTipsList ._8FpR1a_lineChips {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;;;;AAOE;;;;;;AAIE;;;;AAGA;;;;AAKF;;;;;AAIE;;;;;;AAKE;;;;;AAGE;;;;AAKF;;;;;;AAQJ;;;;;;AAIE;;;;AAIA;;;;ACpDJ;;;;;;;AAME;;;;;;;;ACNF;;;;;;;AAME;;;;;;;AAOA;;;;;;;;AAOE;;;;;;;;AAOE;;;;AAIF;;;;;;;AC/BJ;;;;;;;;AAQE;;;;;;AAKA;;;;AAEE;;;;AAKF;;;;;AAKA;;;;;;;;;;ACzBF;;;;;;;;AAME;;;;AAIA;;;;;;;AAME;;;;;AAGE;;;;AAMJ;;;;AAGE;;;;AC5BJ;;;;;;ACAA;;;;;AAIE;;;;;AAIE;;;;AAKF;;;;;;;ACbF;;;;;;;;;;;;;AAYE;;;;;;ACZF;;;;;;;AAME;;;;;AAKA;;;;;;AAMF;;;;;;AAKE","sources":["src/components/Autocomplete/AutocompleteMultiple/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Results/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Results/SearchBar/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Results/SuggestList/SuggestItem/styles.module.scss","src/components/basics/Checkbox/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Results/SuggestList/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Selector/styles.module.scss","src/components/basics/Chips/styles.module.scss","src/components/Autocomplete/AutocompleteMultiple/Selector/ListChips/styles.module.scss"],"sourcesContent":[".autoCompleteContainer {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 50px;\r\n  width: 100%;\r\n  min-width: 170px;\r\n\r\n  & .label {\r\n    font-size: 12px;\r\n    color: #9b9b9b;\r\n    margin-bottom: 4px;\r\n    &.search {\r\n      color: #0bd1d1;\r\n    }\r\n    &.isError {\r\n      color: #fe3a5e;\r\n    }\r\n  }\r\n\r\n  .selector {\r\n    display: flex;\r\n    height: 24px;\r\n\r\n    .icons {\r\n      margin-left: auto;\r\n      display: flex;\r\n      flex-direction: row;\r\n\r\n      .dropDownIcon {\r\n        width: 12px;\r\n        margin-left: 8px;\r\n        &.rotated {\r\n          transform: rotate(180deg);\r\n        }\r\n      }\r\n\r\n      .clear {\r\n        width: 12px;\r\n        margin-left: auto;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n\r\n  .border {\r\n    width: 100%;\r\n    margin-top: 5px;\r\n    border-bottom: 2px solid #d7d7d7;\r\n    &.isError {\r\n      border-bottom: 2px solid #fe3a5e;\r\n    }\r\n\r\n    &.open {\r\n      border-bottom: 2px solid #0bd1d1;\r\n    }\r\n  }\r\n}\r\n",".resultsContainer {\r\n  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.1);\r\n  padding: 4px;\r\n  background-color: #ffffff;\r\n  z-index: 9;\r\n\r\n  .noResult {\r\n    text-align: center;\r\n    margin-top: 15px;\r\n    color: #9b9b9b;\r\n    font-size: 16px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n}\r\n",".inputContainer {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 24px;\r\n  background-color: #ebebeb;\r\n\r\n  .searchIcon {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: 8px;\r\n    margin-right: 8px;\r\n  }\r\n\r\n  .inputSearch {\r\n    position: relative;\r\n    display: flex;\r\n    width: 100%;\r\n    height: 16px;\r\n    margin-right: 8px;\r\n\r\n    input {\r\n      border: 0;\r\n      outline: 0;\r\n      font-size: 13px;\r\n      width: 100%;\r\n      padding-left: 5px;\r\n\r\n      &:focus {\r\n        outline: none !important;\r\n      }\r\n    }\r\n    .closeIcon {\r\n      height: 10px;\r\n      position: absolute;\r\n      right: 3px;\r\n      top: 3px;\r\n    }\r\n  }\r\n}\r\n",".line {\r\n  display: flex;\r\n  height: 30px;\r\n  margin-top: 0px;\r\n  align-items: center;\r\n  padding-left: 8px;\r\n  margin-top: 2px;\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n    transition-duration: 300ms;\r\n    background-color: #ebebeb;\r\n  }\r\n  &.disabled {\r\n    color: #c3c3c3;\r\n    &:hover {\r\n      cursor: initial;\r\n    }\r\n  }\r\n\r\n  & .checkboxContainer {\r\n    height: 14px;\r\n    width: 14px;\r\n  }\r\n\r\n  & .label {\r\n    margin-left: 8px;\r\n    overflow: hidden;\r\n    text-align: left;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    width: 100%;\r\n    font-size: 14px;\r\n  }\r\n}\r\n",".checkbox {\r\n  height: 100%;\r\n  width: 100%;\r\n  border-radius: 2px;\r\n  border: 2px solid #d7d7d7;\r\n  box-sizing: border-box;\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.checked {\r\n    border: 2px solid #0bd1d1;\r\n    color: #0bd1d1;\r\n    background-color: #0bd1d1;\r\n    color: white;\r\n\r\n    &.disabled {\r\n      border: 2px solid #c3c3c3;\r\n      background-color: #c3c3c3;\r\n      &:hover {\r\n        cursor: initial;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    border: 2px solid #c3c3c3;\r\n\r\n    &:hover {\r\n      cursor: initial;\r\n    }\r\n  }\r\n}\r\n",".allOptions {\r\n  font-weight: bold;\r\n  margin-bottom: 5px;\r\n  margin-top: 2px;\r\n}\r\n\r\n",".selectorContainer {\r\n  display: flex;\r\n  align-items: flex-end;\r\n\r\n  .description {\r\n    font-size: 14px;\r\n    color: #000;\r\n\r\n    &.search {\r\n      color: #9b9b9b;\r\n    }\r\n  }\r\n\r\n  .chipsContainer {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    height: 100%;\r\n  }\r\n}\r\n",".chips {\r\n  display: inline-flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  background-color: #cef6f6;\r\n  color: #0bd1d1;\r\n  border-radius: 50px;\r\n  height: 100%;\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n  font-size: 12px;\r\n\r\n  .close {\r\n    margin-left: 5px;\r\n    cursor: pointer;\r\n    padding-top: 3px;\r\n    padding-bottom: 3px;\r\n    padding-right: 2px;\r\n    padding-left: 2px;\r\n  }\r\n  // &:global(.disabled) {\r\n  //   background-color: #e3e3e3;\r\n  //   color: #6e6e6e\r\n  // }\r\n}\r\n",".listChips {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  .otherChips {\r\n    display: flex;\r\n    height: 100%;\r\n  }\r\n\r\n  .chips {\r\n    margin-right: 4px;\r\n    display: flex;\r\n    height: 100%;\r\n  }\r\n}\r\n.toolTipsList {\r\n  max-height: 118px;\r\n  overflow: auto;\r\n  font-weight: normal;\r\n\r\n  .lineChips {\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n}\r\n"],"names":[],"version":3,"file":"index.css.map"}