@zealicsolutions/web-ui 0.3.266 → 0.3.267

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.266",
-  "testVersion": "0.3.264",
+  "version": "0.3.267",
+  "testVersion": "0.3.266",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
   },
-  "author": "Ferhat Sahin <ferhat.sahin@zealicsolutions.com>",
+  "author": "Zealic Helth_Solutions",
   "license": "UNLICENSED",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -40,6 +40,7 @@
     "@babel/preset-typescript": "7.21.5",
     "@commitlint/cli": "17.1.2",
     "@commitlint/config-conventional": "17.1.0",
+    "@emotion/babel-plugin": "^11.12.0",
     "@rollup/plugin-commonjs": "22.0.2",
     "@rollup/plugin-node-resolve": "14.0.0",
     "@rollup/plugin-typescript": "8.5.0",
@@ -75,6 +76,7 @@
     "jest": "29.0.2",
     "jest-environment-jsdom": "29.0.2",
     "prettier": "2.7.1",
+    "react-router-dom": "6.3.0",
     "rimraf": "3.0.2",
     "rollup": "2.79.0",
     "rollup-plugin-dts": "4.2.2",
@@ -84,19 +86,21 @@
     "storybook": "7.0.18",
     "styled-system": "5.1.5",
     "ts-node": "10.9.1",
-    "typescript": "4.8.2",
-    "react-router-dom": "6.3.0"
+    "typescript": "4.8.2"
   },
   "peerDependencies": {
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-pdf": "6.2.2",
-    "styled-components": "5.3.5",
     "react-router-dom": "6.3.0"
   },
   "dependencies": {
-    "@mui/material": "5.10.4",
-    "@mui/styled-engine-sc": "npm:@mui/styled-engine-sc@latest",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@mui/base": "^5.0.0-beta.60",
+    "@mui/joy": "^5.0.0-beta.48",
+    "@mui/material": "6.1.5",
+    "@mui/utils": "^6.1.5",
     "@types/react-dom": "18.0.6",
     "date-fns": "2.29.3",
     "rc-dropdown": "4.0.1",
@@ -110,12 +114,8 @@
     "react-text-mask": "5.5.0",
     "slate": "0.85.0",
     "slate-react": "0.83.2",
-    "styled-components": "5.3.5",
     "text-mask-addons": "3.8.0"
   },
-  "resolutions": {
-    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
-  },
   "husky": {
     "hooks": {
       "precommit": "yarn format:fix && yarn lint:fix && yarn test"

package/dist/cjs/index.css

@@ -1,503 +0,0 @@
-.rc-tooltip.rc-tooltip-zoom-appear,
-.rc-tooltip.rc-tooltip-zoom-enter {
-  opacity: 0;
-}
-.rc-tooltip.rc-tooltip-zoom-enter,
-.rc-tooltip.rc-tooltip-zoom-leave {
-  display: block;
-}
-.rc-tooltip-zoom-enter,
-.rc-tooltip-zoom-appear {
-  opacity: 0;
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
-  animation-play-state: paused;
-}
-.rc-tooltip-zoom-leave {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
-  animation-play-state: paused;
-}
-.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
-.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
-  animation-name: rcToolTipZoomIn;
-  animation-play-state: running;
-}
-.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
-  animation-name: rcToolTipZoomOut;
-  animation-play-state: running;
-}
-@keyframes rcToolTipZoomIn {
-  0% {
-    opacity: 0;
-    transform-origin: 50% 50%;
-    transform: scale(0, 0);
-  }
-  100% {
-    opacity: 1;
-    transform-origin: 50% 50%;
-    transform: scale(1, 1);
-  }
-}
-@keyframes rcToolTipZoomOut {
-  0% {
-    opacity: 1;
-    transform-origin: 50% 50%;
-    transform: scale(1, 1);
-  }
-  100% {
-    opacity: 0;
-    transform-origin: 50% 50%;
-    transform: scale(0, 0);
-  }
-}
-.rc-tooltip {
-  position: absolute;
-  z-index: 1070;
-  display: block;
-  visibility: visible;
-  font-size: 12px;
-  line-height: 1.5;
-  opacity: 0.9;
-}
-.rc-tooltip-hidden {
-  display: none;
-}
-.rc-tooltip-placement-top,
-.rc-tooltip-placement-topLeft,
-.rc-tooltip-placement-topRight {
-  padding: 5px 0 9px 0;
-}
-.rc-tooltip-placement-right,
-.rc-tooltip-placement-rightTop,
-.rc-tooltip-placement-rightBottom {
-  padding: 0 5px 0 9px;
-}
-.rc-tooltip-placement-bottom,
-.rc-tooltip-placement-bottomLeft,
-.rc-tooltip-placement-bottomRight {
-  padding: 9px 0 5px 0;
-}
-.rc-tooltip-placement-left,
-.rc-tooltip-placement-leftTop,
-.rc-tooltip-placement-leftBottom {
-  padding: 0 9px 0 5px;
-}
-.rc-tooltip-inner {
-  padding: 8px 10px;
-  color: #fff;
-  text-align: left;
-  text-decoration: none;
-  background-color: #373737;
-  border-radius: 6px;
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
-  min-height: 34px;
-}
-.rc-tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-.rc-tooltip-placement-top .rc-tooltip-arrow,
-.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
-.rc-tooltip-placement-topRight .rc-tooltip-arrow {
-  bottom: 4px;
-  margin-left: -5px;
-  border-width: 5px 5px 0;
-  border-top-color: #373737;
-}
-.rc-tooltip-placement-top .rc-tooltip-arrow {
-  left: 50%;
-}
-.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
-  left: 15%;
-}
-.rc-tooltip-placement-topRight .rc-tooltip-arrow {
-  right: 15%;
-}
-.rc-tooltip-placement-right .rc-tooltip-arrow,
-.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
-.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
-  left: 4px;
-  margin-top: -5px;
-  border-width: 5px 5px 5px 0;
-  border-right-color: #373737;
-}
-.rc-tooltip-placement-right .rc-tooltip-arrow {
-  top: 50%;
-}
-.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
-  top: 15%;
-  margin-top: 0;
-}
-.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
-  bottom: 15%;
-}
-.rc-tooltip-placement-left .rc-tooltip-arrow,
-.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
-.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
-  right: 4px;
-  margin-top: -5px;
-  border-width: 5px 0 5px 5px;
-  border-left-color: #373737;
-}
-.rc-tooltip-placement-left .rc-tooltip-arrow {
-  top: 50%;
-}
-.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
-  top: 15%;
-  margin-top: 0;
-}
-.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
-  bottom: 15%;
-}
-.rc-tooltip-placement-bottom .rc-tooltip-arrow,
-.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
-.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
-  top: 4px;
-  margin-left: -5px;
-  border-width: 0 5px 5px;
-  border-bottom-color: #373737;
-}
-.rc-tooltip-placement-bottom .rc-tooltip-arrow {
-  left: 50%;
-}
-.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
-  left: 15%;
-}
-.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
-  right: 15%;
-}
-
-.rc-notification {
-  position: fixed;
-  z-index: 1000;
-}
-.rc-notification-notice {
-  padding: 7px 20px 7px 10px;
-  border-radius: 3px 3px;
-  border: 1px solid #999;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-  border: 0px solid rgba(0, 0, 0, 0);
-  background: #fff;
-  display: block;
-  width: auto;
-  line-height: 1.5;
-  position: relative;
-  margin: 10px 0;
-}
-.rc-notification-notice-closable {
-  padding-right: 20px;
-}
-.rc-notification-notice-close {
-  position: absolute;
-  right: 5px;
-  top: 3px;
-  color: #000;
-  cursor: pointer;
-  outline: none;
-  font-size: 16px;
-  font-weight: 700;
-  line-height: 1;
-  text-shadow: 0 1px 0 #fff;
-  filter: alpha(opacity=20);
-  opacity: 0.2;
-  text-decoration: none;
-}
-.rc-notification-notice-close-x:after {
-  content: '×';
-}
-.rc-notification-notice-close:hover {
-  opacity: 1;
-  filter: alpha(opacity=100);
-  text-decoration: none;
-}
-.rc-notification-fade-appear,
-.rc-notification-fade-enter {
-  opacity: 0;
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
-  animation-play-state: paused;
-}
-.rc-notification-fade-leave {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
-  animation-play-state: paused;
-}
-.rc-notification-fade-appear.rc-notification-fade-appear-active,
-.rc-notification-fade-enter.rc-notification-fade-enter-active {
-  animation-name: rcNotificationFadeIn;
-  animation-play-state: running;
-}
-.rc-notification-fade-leave.rc-notification-fade-leave-active {
-  animation-name: rcDialogFadeOut;
-  animation-play-state: running;
-}
-@keyframes rcNotificationFadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes rcDialogFadeOut {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-
-@font-face {
-  font-family: 'anticon';
-  src: url('//at.alicdn.com/t/font_1434092639_4910953.eot');
-  /* IE9*/
-  src: url('//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1434092639_4910953.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1434092639_4910953.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont') format('svg');
-  /* iOS 4.1- */
-}
-.rc-dropdown {
-  position: absolute;
-  left: -9999px;
-  top: -9999px;
-  z-index: 1070;
-  display: block;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 12px;
-  font-weight: normal;
-  line-height: 1.5;
-}
-.rc-dropdown-hidden {
-  display: none;
-}
-.rc-dropdown .rc-menu {
-  outline: none;
-  position: relative;
-  list-style-type: none;
-  padding: 0;
-  margin: 2px 0 2px;
-  text-align: left;
-  background-color: #fff;
-  border-radius: 3px;
-  box-shadow: 0 1px 5px #ccc;
-  background-clip: padding-box;
-  border: 1px solid #ccc;
-}
-.rc-dropdown .rc-menu > li {
-  margin: 0;
-  padding: 0;
-}
-.rc-dropdown .rc-menu:before {
-  content: "";
-  position: absolute;
-  top: -4px;
-  left: 0;
-  width: 100%;
-  height: 4px;
-  background: #ffffff;
-  background: rgba(255, 255, 255, 0.01);
-}
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item {
-  position: relative;
-  display: block;
-  padding: 7px 10px;
-  clear: both;
-  font-size: 12px;
-  font-weight: normal;
-  color: #666666;
-  white-space: nowrap;
-}
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:hover,
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-active,
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
-  background-color: #ebfaff;
-}
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected {
-  position: relative;
-}
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-selected:after {
-  content: '\e613';
-  font-family: 'anticon';
-  font-weight: bold;
-  position: absolute;
-  top: 6px;
-  right: 16px;
-  color: #3CB8F0;
-}
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled {
-  color: #ccc;
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-disabled:hover {
-  color: #ccc;
-  background-color: #fff;
-  cursor: not-allowed;
-}
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:last-child {
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-}
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item:first-child {
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
-}
-.rc-dropdown .rc-menu > .rc-dropdown .rc-menu-item-divider {
-  height: 1px;
-  margin: 1px 0;
-  overflow: hidden;
-  background-color: #e5e5e5;
-  line-height: 0;
-}
-.rc-dropdown-slide-up-enter,
-.rc-dropdown-slide-up-appear {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  transform-origin: 0 0;
-  display: block !important;
-  opacity: 0;
-  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
-  animation-play-state: paused;
-}
-.rc-dropdown-slide-up-leave {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  transform-origin: 0 0;
-  display: block !important;
-  opacity: 1;
-  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
-  animation-play-state: paused;
-}
-.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomLeft,
-.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomLeft,
-.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomCenter,
-.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomCenter,
-.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomRight,
-.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomRight {
-  animation-name: rcDropdownSlideUpIn;
-  animation-play-state: running;
-}
-.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topLeft,
-.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topLeft,
-.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topCenter,
-.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topCenter,
-.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topRight,
-.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topRight {
-  animation-name: rcDropdownSlideDownIn;
-  animation-play-state: running;
-}
-.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomLeft,
-.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomCenter,
-.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomRight {
-  animation-name: rcDropdownSlideUpOut;
-  animation-play-state: running;
-}
-.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topLeft,
-.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topCenter,
-.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topRight {
-  animation-name: rcDropdownSlideDownOut;
-  animation-play-state: running;
-}
-@keyframes rcDropdownSlideUpIn {
-  0% {
-    opacity: 0;
-    transform-origin: 0% 0%;
-    transform: scaleY(0);
-  }
-  100% {
-    opacity: 1;
-    transform-origin: 0% 0%;
-    transform: scaleY(1);
-  }
-}
-@keyframes rcDropdownSlideUpOut {
-  0% {
-    opacity: 1;
-    transform-origin: 0% 0%;
-    transform: scaleY(1);
-  }
-  100% {
-    opacity: 0;
-    transform-origin: 0% 0%;
-    transform: scaleY(0);
-  }
-}
-@keyframes rcDropdownSlideDownIn {
-  0% {
-    opacity: 0;
-    transform-origin: 0% 100%;
-    transform: scaleY(0);
-  }
-  100% {
-    opacity: 1;
-    transform-origin: 0% 100%;
-    transform: scaleY(1);
-  }
-}
-@keyframes rcDropdownSlideDownOut {
-  0% {
-    opacity: 1;
-    transform-origin: 0% 100%;
-    transform: scaleY(1);
-  }
-  100% {
-    opacity: 0;
-    transform-origin: 0% 100%;
-    transform: scaleY(0);
-  }
-}
-.rc-dropdown-arrow {
-  position: absolute;
-  border-width: 4px;
-  border-color: transparent;
-  box-shadow: 0 1px 5px #ccc;
-  border-style: solid;
-  transform: rotate(45deg);
-}
-.rc-dropdown-show-arrow.rc-dropdown-placement-top,
-.rc-dropdown-show-arrow.rc-dropdown-placement-topLeft,
-.rc-dropdown-show-arrow.rc-dropdown-placement-topRight {
-  padding-bottom: 6px;
-}
-.rc-dropdown-show-arrow.rc-dropdown-placement-bottom,
-.rc-dropdown-show-arrow.rc-dropdown-placement-bottomLeft,
-.rc-dropdown-show-arrow.rc-dropdown-placement-bottomRight {
-  padding-top: 6px;
-}
-.rc-dropdown-placement-top .rc-dropdown-arrow,
-.rc-dropdown-placement-topLeft .rc-dropdown-arrow,
-.rc-dropdown-placement-topRight .rc-dropdown-arrow {
-  bottom: 4px;
-  border-top-color: white;
-}
-.rc-dropdown-placement-top .rc-dropdown-arrow {
-  left: 50%;
-}
-.rc-dropdown-placement-topLeft .rc-dropdown-arrow {
-  left: 15%;
-}
-.rc-dropdown-placement-topRight .rc-dropdown-arrow {
-  right: 15%;
-}
-.rc-dropdown-placement-bottom .rc-dropdown-arrow,
-.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow,
-.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
-  top: 4px;
-  border-bottom-color: white;
-}
-.rc-dropdown-placement-bottom .rc-dropdown-arrow {
-  left: 50%;
-}
-.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow {
-  left: 15%;
-}
-.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
-  right: 15%;
-}