From 2b3e436156b92c0b8f7226eba2593f487975e4f9 Mon Sep 17 00:00:00 2001 From: mahdi Date: Sun, 15 May 2022 10:33:19 +0430 Subject: [PATCH] update 5 files and delete 2 files --- package.json | 1 + .../{ => Calender}/DateRangePicker/index.js | 7 - .../Calender/RangeDatePicker/index.js | 22 + .../Calender/RangeDatePicker/index.scss | 750 ++++++++++++++++++ src/components/Calender/index.js | 25 + src/components/DateRangePicker/index.scss | 0 src/components/RadioButton/index.js | 4 +- src/components/Range/index.js | 17 + src/redux/data.js | 33 + yarn.lock | 81 +- 10 files changed, 929 insertions(+), 11 deletions(-) rename src/components/{ => Calender}/DateRangePicker/index.js (86%) create mode 100644 src/components/Calender/RangeDatePicker/index.js create mode 100644 src/components/Calender/RangeDatePicker/index.scss create mode 100644 src/components/Calender/index.js delete mode 100644 src/components/DateRangePicker/index.scss create mode 100644 src/components/Range/index.js diff --git a/package.json b/package.json index d8572b0..dd2bd7f 100644 --- a/package.json +++ b/package.json @@ -22,6 +22,7 @@ "jalali-moment": "^3.3.11", "leaflet": "^1.7.1", "leaflet-draw": "^1.0.4", + "rc-slider": "^10.0.0", "react": "17", "react-apexcharts": "^1.3.9", "react-beautiful-dnd": "^13.1.0", diff --git a/src/components/DateRangePicker/index.js b/src/components/Calender/DateRangePicker/index.js similarity index 86% rename from src/components/DateRangePicker/index.js rename to src/components/Calender/DateRangePicker/index.js index 6408106..10a4b57 100644 --- a/src/components/DateRangePicker/index.js +++ b/src/components/Calender/DateRangePicker/index.js @@ -1,16 +1,11 @@ // it has style inside index.scss ---> // Start DateRangePicker && end DateRangePicker import React, { useEffect } from "react"; - -import "./index.scss"; - -import { Calendar } from "react-multi-date-picker"; import DatePicker from "react-multi-date-picker"; import persian from "react-date-object/calendars/persian"; import persian_fa from "react-date-object/locales/persian_fa"; -//بهتره که این آرایه خارج از کامپوننت اصلی قرار داده بشه. const weekDays = [ "شنبه", "یکشنبه", @@ -50,8 +45,6 @@ function CustomRangeInput({ openCalendar, value }) { const DateRangePicker = () => { return (
- {/* -
*/} { + const [selectedDayRange, setSelectedDayRange] = useState({ + from: null, + to: null, + }); + return ( + + ); +}; + +export default RangeDatePicker; diff --git a/src/components/Calender/RangeDatePicker/index.scss b/src/components/Calender/RangeDatePicker/index.scss new file mode 100644 index 0000000..a1681c8 --- /dev/null +++ b/src/components/Calender/RangeDatePicker/index.scss @@ -0,0 +1,750 @@ +.Calendar *{ + font-family: 'iranSans'; +} + +.DatePicker { + position: relative; + display: inline-block; + z-index: 100; + } + + .DatePicker__input { + background: #fff; + border: 1px solid rgba(0, 0, 0, 0.4); + padding: 0.6em 1.2em; + font-family:'iranSans'; + text-align: center; + font-size: 12px; + border-radius: 7px; + + } + .DatePicker__input:focus{ + outline:1px solid #06BACE; + color: #06BACE; + } + + .DatePicker__input.-rtl { + direction: rtl; + } + + .DatePicker__input::placeholder { + color: #979797; + } + .DatePicker__input:focus::placeholder{ + color: #06BACE; + } + + .DatePicker__calendarContainer.-top + .DatePicker__calendarArrow { + top: auto; + bottom: calc(100% + 10px); + transform: translateY(-2.5rem) rotate(180deg); + animation: fadeArrowFlipped 0.3s forwards; + } + + .DatePicker__calendarContainer { + position: absolute; + top: calc(100% + 20px); + left: 50%; + transform: translateX(-50%); + } + + .DatePicker__calendarContainer.-top { + top: auto; + bottom: calc(100% + 20px); + } + + .Calendar, + .Calendar * { + margin: 0; + padding: 0; + box-sizing: border-box; + direction: ltr; + } + + .Calendar, + .Calendar.-rtl * { + direction: rtl; + } + + .DatePicker__calendarArrow { + position: absolute; + width: 0; + height: 0; + top: calc(100% + 10px); + left: 0; + right: 0; + margin: 0 auto; + border-style: solid; + z-index: 10; + border-width: 0 10px 10px 10px; + border-color: transparent transparent #fff transparent; + + } + + .Calendar { + --cl-color-black: #444444; + --cl-color-disabled: #d4d4d4; + --cl-color-error: #ff2929; + font-family:'iranSans'; + font-size: 10px; + background: rgba(245, 245, 245, 0.53); + border:1px solid #DBDBDB; + box-shadow: 0 1em em rgba(0, 0, 0, 0.07); + border-radius: 1em; + position: relative; + user-select: none; + padding-top: 1.2em; + display: flex; + flex-direction: column; + width: 40em; + z-index: 10; + max-width: 90vw; + min-height: 38.7em; + } + + .DatePicker .Calendar, + .DatePicker__calendarArrow { + transform: translateY(2.5em); + opacity: 0; + animation: fadeCalendar 0.3s forwards; + + } + + .DatePicker__calendarContainer.-top .Calendar { + transform: translateY(-2.5em); + } + + .Calendar.-noFocusOutline *:focus { + outline: none !important; + } + + .Calendar > :not(.Calendar__footer) button { + font-family: inherit; + background: transparent; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + outline: none; + } + + .Calendar__header { + display: flex; + color: var(--cl-color-black); + padding: 2em 2.9em; + align-items: center; + overflow: hidden; + } + + .Calendar__monthArrowWrapper { + line-height: 0; + font-size: 1em; + padding: 3px; + position: relative; + border: none; + z-index: 1; + opacity: 1; + transition: 0.2s; + background-color: #06BACE; + } + + .Calendar__monthArrowWrapper:focus { + outline: 1px dashed rgba(0, 0, 0, 0.4); + outline-offset: 2px; + } + + .Calendar__monthArrowWrapper:disabled, + .Calendar__monthArrowWrapper.-hidden { + opacity: 0; + pointer-events: none; + } + + .Calendar__monthArrowWrapper.-left { + transform: rotate(180deg); + } + .Calendar.-rtl .Calendar__monthArrowWrapper.-left { + transform: rotate(-180deg); + } + + .Calendar__monthArrowWrapper.-right { + transform: rotate(-0deg); + + } + .Calendar.-rtl .Calendar__monthArrowWrapper.-right { + transform: rotate(0deg); + } + + .Calendar__monthArrowWrapper:active .Calendar__monthArrow { + transform: scale(0.7); + } + + .Calendar__monthArrow { + border-radius: 7px; + padding: 12px; + transition: var(--animation-duration) transform; + pointer-events: none; + background-repeat: no-repeat; + display: block; + width: 0.7em; + height: 0.7em; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15' height='15' viewBox='0 0 50 80' xml:space='preserve'%3E%3Cpolyline fill='none' stroke='%23FFFFFF' stroke-width='15' stroke-linecap='round' stroke-linejoin='round' points=' 0.375,0.375 45.63,38.087 0.375,75.8 '/%3E%3C/svg%3E"); background-size: 100% 100%; + background-color: #06BACE; + background-size: 10px; + background-position: center; + } + + .Calendar__monthYearContainer { + flex: 1; + position: relative; + } + + .Calendar__monthYear { + font-size: 2em; + font-weight: 500; + display: flex; + align-items: center; + position: absolute; + top: 0; + bottom: 0; + left: 50%; + will-change: transform, opacity; + backface-visibility: hidden; + transform: translateZ(0); + transition: var(--animation-duration); + line-height: 1; + color:#246E8A; + } + + .Calendar__monthYear.-hiddenNext { + opacity: 0; + transform: translateX(50%); + } + + .Calendar.-rtl .Calendar__monthYear.-hiddenNext { + transform: translateX(-150%); + } + + .Calendar__monthYear.-hiddenPrevious { + opacity: 0; + transform: translateX(-150%); + } + + .Calendar.-rtl .Calendar__monthYear.-hiddenPrevious { + transform: translateX(50%); + } + + .Calendar__monthYear.-shown { + opacity: 1; + margin-top: auto; + margin-bottom: auto; + transform: translateX(-50%); + } + + .Calendar__monthYear.-shownAnimated { + animation: var(--animation-duration) fadeTextToCenter forwards; + } + + .Calendar__monthYear > * { + padding: 0.2em 0.5em; + border: 1px solid transparent; + transition: var(--animation-duration); + font-size: 1.05em; + display: flex; + justify-content: center; + align-items: center; + transform: translateX(0) scale(0.95); + will-change: transform; + border-radius: 5px; + } + + .Calendar__monthYear:not(.-shown) > *, + .Calendar__monthYear > *.-hidden { + cursor: default; + pointer-events: none; + } + + .Calendar__monthText { + margin-left: -0.3em; + } + .Calendar__yearText:last-child { + margin-right: -0.3em; + } + + .Calendar__monthYear.-shown > *:hover, + .Calendar:not(.-noFocusOutline) .Calendar__monthYear.-shown > *:focus, + .Calendar__monthYear > *.-activeBackground { + background: #f5f5f5; + } + + .Calendar__monthText:hover { + transform: translateX(-0.2em) scale(0.95); + } + .Calendar.-rtl .Calendar__monthText:hover { + transform: translateX(0.2em) scale(0.95); + } + + .Calendar__yearText:hover { + transform: translateX(0.2em) scale(0.95); + } + .Calendar.-rtl .Calendar__yearText:hover { + transform: translateX(-0.2em) scale(0.95); + } + + .Calendar__monthYear .Calendar__yearText.-hidden { + transform: translateX(50%); + opacity: 0; + } + + .Calendar.-rtl .Calendar__monthYear .Calendar__yearText.-hidden { + transform: translateX(-50%); + } + + .Calendar__monthYear .Calendar__monthText.-hidden { + transform: translateX(-50%); + opacity: 0; + } + + .Calendar.-rtl .Calendar__monthYear .Calendar__monthText.-hidden { + transform: translateX(50%); + } + + .Calendar__monthYear:not(.-shown) > * { + pointer-events: none; + } + + .Calendar__monthSelectorAnimationWrapper, + .Calendar__yearSelectorAnimationWrapper { + position: absolute; + width: 100%; + height: 80%; + bottom: 0; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + } + + .Calendar__monthSelectorWrapper { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + } + + .Calendar__monthSelector { + padding: 0 2.5em; + align-content: center; + padding-bottom: 2em; + } + + .Calendar__monthSelector, + .Calendar__yearSelector { + display: flex; + flex-wrap: wrap; + position: relative; + z-index: 2; + background-color: #fff; + transform: translateY(-150%); + will-change: transform; + transition: 0.6s; + height: 100%; + } + + .Calendar__yearSelectorWrapper { + width: 100%; + height: 100%; + } + + .Calendar__yearSelectorWrapper::after, + .Calendar__yearSelectorWrapper::before { + content: ''; + width: 100%; + height: 5em; + position: absolute; + left: 0; + opacity: 0; + transition: 0.4s; + transition-delay: 0.2s; + } + + .Calendar__yearSelectorWrapper::after { + background-image: linear-gradient(to bottom, #fff, #fff 10%, rgba(245, 245, 245, 0)); + top: -0.1em; + } + + .Calendar__yearSelectorWrapper::before { + background-image: linear-gradient(to top, #fff, #fff 10%, rgba(245, 245, 245, 0)); + bottom: 0; + } + + .Calendar__yearSelectorWrapper.-faded::after, + .Calendar__yearSelectorWrapper.-faded::before { + opacity: 1; + z-index: 3; + } + + .Calendar__yearSelector { + align-content: flex-start; + scrollbar-width: 0; + overflow: scroll; + position: relative; + width: 100%; + padding: 5em 2em; + -ms-overflow-style: none; + } + + .Calendar__yearSelector::-webkit-scrollbar { + display: none; + } + + .Calendar__yearSelectorItem { + width: 25%; + display: flex; + justify-content: center; + } + + .Calendar__yearSelectorItem:not(:nth-child(-n + 4)) { + margin-top: 1.5em; + } + + .Calendar__yearSelectorText { + border: none; + font-size: 1.4em; + min-width: 85%; + padding: 0.2em 0.5em; + border-radius: 5px; + } + + .Calendar__monthSelector.-open, + .Calendar__yearSelector.-open { + transform: translateY(0); + } + + .Calendar__yearSelectorText:focus, + .Calendar__monthSelectorItemText:focus { + outline: 1px dashed rgba(0, 0, 0, 0.4); + outline-offset: 2px; + } + + .Calendar__monthSelectorItem { + width: calc(100% / 3); + display: flex; + justify-content: center; + } + + .Calendar__monthSelectorItem:not(:nth-child(-n + 3)) { + margin-top: 2em; + } + + .Calendar__monthSelectorItemText { + border: none; + padding: 0.4em 0.4em; + border-radius: 8.5px; + font-size: 1.3em; + min-width: 70%; + transition: 0.3s; + } + + .Calendar__monthSelectorItem:not(.-active) .Calendar__monthSelectorItemText:not(:disabled):hover, + .Calendar__yearSelectorItem:not(.-active) .Calendar__yearSelectorText:not(:disabled):hover { + background: #f5f5f5; + } + + .Calendar__monthSelectorItemText:disabled, + .Calendar__yearSelectorText:disabled { + opacity: 0.5; + cursor: default; + } + + .Calendar__monthSelectorItem.-active .Calendar__monthSelectorItemText, + .Calendar__yearSelectorItem.-active .Calendar__yearSelectorText { + background-color: #006C94; + color: #fff; + } + + .Calendar__weekDays { + display: flex; + justify-content: space-between; + color: var(--cl-color-disabled); + font-size: 1.2em; + margin-bottom: 0.7em; + padding: 0 2.6em; + position: relative; + } + + .Calendar__weekDay { + display: block; + width: calc(100% / 7); + + text-align: center; + text-decoration: none; + border: 0px; + color: #06BACE; + margin:0.2em; + white-space: nowrap; + } + .Calendar__weekDay[title]{ + text-decoration: none; + } + + .Calendar__sectionWrapper { + position: relative; + min-height: 25.8em; + overflow: hidden; + } + + .Calendar__section { + display: flex; + flex-direction: column; + padding: 0 3.2em; + position: absolute; + color: var(--cl-color-black); + top: 0; + padding-top: 0.5em; + left: 0; + width: 100%; + will-change: transform, opacity; + transform: translateZ(0); + backface-visibility: hidden; + transition: var(--animation-duration); + } + + .Calendar__section.-hiddenPrevious { + opacity: 0.5; + transform: translateX(-90%); + } + + .Calendar.-rtl .Calendar__section.-hiddenPrevious { + transform: translateX(90%); + } + + .Calendar__section.-hiddenNext { + opacity: 0.5; + transform: translateX(90%); + } + + .Calendar.-rtl .Calendar__section.-hiddenNext { + transform: translateX(-90%); + } + + .Calendar__section.-shown { + opacity: 1; + transform: translateX(0); + } + + .Calendar__section.-shownAnimated { + animation: var(--animation-duration) FadeContentToCenter forwards; + } + + .Calendar__weekRow { + display: flex; + width: 100%; + } + + .Calendar__day { + width: calc(100% / 7 - 6px); + text-align: center; + padding: calc(0.25em - 1px); + font-size: 1.6em; + border-radius: 7px; + transition: 0.2s; + border: 1px solid transparent; + margin:3px; + color: rgba(0, 0, 0, 0.8); + display: flex; + align-items: center; + + cursor: pointer; + vertical-align: middle; + background-color: #F3F3F3; + color:#06BACE; + + } + .Calendar__day span{ + padding: -10px; + margin-top: -30px; + font-size: 28px; + + } + + .Calendar__day:focus { + outline: 1px dashed rgba(0, 0, 0, 0.4); + outline-offset: 2px; + } + + .Calendar__day.-ltr { + min-height: 2.6em; + font-size: 1.45em; + } + + .Calendar__day.-rtl { + font-size: 1.55em; + height: 2.45em; + } + + .Calendar__day:not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween):not(.-selected):hover { + + background-color: #DAFBFF; + color: #06BACE; + border:1px solid #06BACE; + } + + .Calendar__day.-selected, + .Calendar__day.-selectedStart, + .Calendar__day.-selectedEnd { + background: #006C94; + color: #fff; + } + + .Calendar__day.-ltr.-selectedStart { + border-radius: 0; + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; + } + + .Calendar__day.-rtl.-selectedStart { + border-radius: 0; + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; + } + + .Calendar__day.-selectedBetween { + background:rgba(0, 108, 148, 0.07); + + border-radius: 0; + } + + .Calendar__day.-ltr.-selectedEnd { + border-radius: 0; + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; + } + + .Calendar__day.-rtl.-selectedEnd { + border-radius: 0; + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; + } + + .Calendar__day.-weekend:not(.-selected):not(.-blank):not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) { + color: var(--cl-color-error); + } + + .Calendar__day.-weekend.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween)::after { + background: var(--cl-color-error); + } + + .Calendar__day.-disabled { + color: var(--cl-color-disabled) !important; + background: transparent !important; + cursor: default !important; + } + .Calendar__day.-selected { + + } + .Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween) { + font-weight: 600; + color: var(--cl-color-black); + color: #000; + position: relative; + } + + .Calendar__day.-today:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween)::after { + content: ''; + position: absolute; + bottom: 0.2em; + display: block; + width: 0.6em; + height: 1px; + background: #000; + left: 50%; + opacity: 0.5; + transform: translateX(-50%); + transition: 0.2s; + } + + .Calendar__day.-today:hover:not(.-selectedStart):not(.-selectedEnd):not(.-selectedBetween)::after { + opacity: 0; + } + + .Calendar__day.-blank { + color: transparent; + cursor: default; + pointer-events: none; + } + + .Calendar__footer { + position: relative; + z-index: 1; + } + .Calendar__footer .footer__Events{ + display: flex; + flex-direction: column; + align-items: center; + font-size: 12px; + font-family: 'IranSans'; + padding: 3px; + } + + .Calendar .holiday span{ + color:#ff2929; + } + .Calendar .DayNumDiv{ + display: flex; + flex-direction: column; + } + .Calendar .DayNumDiv span{ + margin: 0; + padding: 0; + margin-bottom: -5px; + } + .Calendar .DayNumDiv .eventDots{ + margin-top: -10px; + font-size: 20px; + } + .GoToTodayButton{ + background-color: #006C94; + padding: 7.5px; + font-size: 12px; + color:white; + font-family: 'iranSans'; + border-radius: 50%; + float: left; + margin: 15px; + + } + @keyframes fadeCalendar { + from { + opacity: 0; + } + + to { + opacity: 1; + transform: translateY(0); + } + } + + @keyframes fadeArrowFlipped { + from { + opacity: 0; + } + + to { + opacity: 1; + transform: translateY(0) rotate(180deg); + } + } + + @keyframes fadeTextToCenter { + to { + opacity: 1; + transform: translateX(-50%); + } + } + + @keyframes FadeContentToCenter { + to { + opacity: 1; + transform: translateX(0); + } + } + \ No newline at end of file diff --git a/src/components/Calender/index.js b/src/components/Calender/index.js new file mode 100644 index 0000000..90d8431 --- /dev/null +++ b/src/components/Calender/index.js @@ -0,0 +1,25 @@ +import React, { useState } from "react"; + +import DateRangePicker from "./DateRangePicker"; + +function Calender() { + const list = { + 1: , + }; + const [type, setType] = useState(1); + return ( +
+ + {list[type]} +
+ ); +} + +export default Calender; diff --git a/src/components/DateRangePicker/index.scss b/src/components/DateRangePicker/index.scss deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/RadioButton/index.js b/src/components/RadioButton/index.js index a5a51d3..fe970ed 100644 --- a/src/components/RadioButton/index.js +++ b/src/components/RadioButton/index.js @@ -1,10 +1,10 @@ import React, { useState } from "react"; -import Design1 from "./Design1"; +import Radio1 from "./Radio1"; function Advertisements() { const list = { - 1: , + 1: , }; const [type, setType] = useState(1); return ( diff --git a/src/components/Range/index.js b/src/components/Range/index.js new file mode 100644 index 0000000..1112703 --- /dev/null +++ b/src/components/Range/index.js @@ -0,0 +1,17 @@ +// import { Range } from "rc-slider"; + +// function RcRange({}) { +// return ; +// } + +// export default RcRange; + +import React from "react"; + +const Range = () => { + return ( +
ERROR
+ ); +}; + +export default Range; diff --git a/src/redux/data.js b/src/redux/data.js index 7ac7dbf..7f5dd5d 100644 --- a/src/redux/data.js +++ b/src/redux/data.js @@ -28,6 +28,9 @@ import Tooltip from "../components/Tooltip"; import ProductSuggestionCard from "../components/ProductSuggestionCard"; import ProductDescriptionTable from "../components/ProductDescriptionTable"; import QuestionAnswer from "../components/QuestionAnswer"; +import RadioButton from "../components/RadioButton"; +import Range from "../components/Range"; +import Calender from "../components/Calender"; // mini components import MiniComponents from "../components/MiniComponents"; @@ -621,6 +624,36 @@ const components = [ code: null, }, }, + { + name: "Radio Button", + author: "Ashrafi", + props: [], + content: { + name: "Radio Button", + component: , + code: null, + }, + }, + { + name: "Range Slider", + author: "Ashrafi", + props: [], + content: { + name: "Range Slider", + component: , + code: null, + }, + }, + { + name: "Calender", + author: "Andalib/Keshavarzi", + props: [], + content: { + name: "Calender", + component: , + code: null, + }, + }, // mini components { name: "Mini Components", diff --git a/yarn.lock b/yarn.lock index fa197e1..ae8e7ca 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1144,6 +1144,13 @@ dependencies: regenerator-runtime "^0.13.4" +"@babel/runtime@^7.10.1", "@babel/runtime@^7.11.1": + version "7.17.9" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.9.tgz#d19fbf802d01a8cb6cf053a64e472d42c434ba72" + integrity sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg== + dependencies: + regenerator-runtime "^0.13.4" + "@babel/template@^7.16.0", "@babel/template@^7.3.3": version "7.16.0" resolved "https://registry.npmjs.org/@babel/template/-/template-7.16.0.tgz" @@ -3237,7 +3244,7 @@ cjs-module-lexer@^1.0.0: resolved "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz" integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA== -classnames@^2.2.5, classnames@^2.2.6: +classnames@2.x, classnames@^2.2.1, classnames@^2.2.5, classnames@^2.2.6: version "2.3.1" resolved "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz" integrity sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA== @@ -4031,6 +4038,11 @@ dom-accessibility-api@^0.5.6, dom-accessibility-api@^0.5.9: resolved "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.10.tgz" integrity sha512-Xu9mD0UjrJisTmv7lmVSDMagQcU9R5hwAbxsaAE/35XPnPLJobbuREfV/rraiSaEj/UOvgrzQs66zyTWTlyd+g== +dom-align@^1.7.0: + version "1.12.3" + resolved "https://registry.yarnpkg.com/dom-align/-/dom-align-1.12.3.tgz#a36d02531dae0eefa2abb0c4db6595250526f103" + integrity sha512-Gj9hZN3a07cbR6zviMUBOMPdWxYhbMI+x+WS0NAIu2zFZmbK8ys9R79g+iG9qLnlCwpFoaB+fKy8Pdv470GsPA== + dom-converter@^0.2.0: version "0.2.0" resolved "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz" @@ -7780,6 +7792,66 @@ raw-body@2.4.2: iconv-lite "0.4.24" unpipe "1.0.0" +rc-align@^4.0.0: + version "4.0.12" + resolved "https://registry.yarnpkg.com/rc-align/-/rc-align-4.0.12.tgz#065b5c68a1cc92a00800c9239320d9fdf5f16207" + integrity sha512-3DuwSJp8iC/dgHzwreOQl52soj40LchlfUHtgACOUtwGuoFIOVh6n/sCpfqCU8kO5+iz6qR0YKvjgB8iPdE3aQ== + dependencies: + "@babel/runtime" "^7.10.1" + classnames "2.x" + dom-align "^1.7.0" + lodash "^4.17.21" + rc-util "^5.3.0" + resize-observer-polyfill "^1.5.1" + +rc-motion@^2.0.0: + version "2.6.0" + resolved "https://registry.yarnpkg.com/rc-motion/-/rc-motion-2.6.0.tgz#c60c3e7f15257f55a8cd7794a539f0e2cc751399" + integrity sha512-1MDWA9+i174CZ0SIDenSYm2Wb9YbRkrexjZWR0CUFu7D6f23E8Y0KsTgk9NGOLJsGak5ELZK/Y5lOlf5wQdzbw== + dependencies: + "@babel/runtime" "^7.11.1" + classnames "^2.2.1" + rc-util "^5.21.0" + +rc-slider@^10.0.0: + version "10.0.0" + resolved "https://registry.yarnpkg.com/rc-slider/-/rc-slider-10.0.0.tgz#8ffe1dd3c8799c9d1f81ac808976f18af3dca206" + integrity sha512-Bk54UIKWW4wyhHcL8ehAxt+wX+n69dscnHTX6Uv0FMxSke/TGrlkZz1LSIWblCpfE2zr/dwR2Ca8nZGk3U+Tbg== + dependencies: + "@babel/runtime" "^7.10.1" + classnames "^2.2.5" + rc-tooltip "^5.0.1" + rc-util "^5.18.1" + shallowequal "^1.1.0" + +rc-tooltip@^5.0.1: + version "5.1.1" + resolved "https://registry.yarnpkg.com/rc-tooltip/-/rc-tooltip-5.1.1.tgz#94178ed162d0252bc4993b725f5dc2ac0fccf154" + integrity sha512-alt8eGMJulio6+4/uDm7nvV+rJq9bsfxFDCI0ljPdbuoygUscbsMYb6EQgwib/uqsXQUvzk+S7A59uYHmEgmDA== + dependencies: + "@babel/runtime" "^7.11.2" + rc-trigger "^5.0.0" + +rc-trigger@^5.0.0: + version "5.2.18" + resolved "https://registry.yarnpkg.com/rc-trigger/-/rc-trigger-5.2.18.tgz#adab51918e4569b174d4fc5044186200d97a542c" + integrity sha512-hi2yZ7umtbAGLxgSph1az9BR9i4Pb4fiQa4pdvFQuKN7U//3nwwygHQKHfexnM+0APBnzZwVlEHA5I8BpWrygw== + dependencies: + "@babel/runtime" "^7.11.2" + classnames "^2.2.6" + rc-align "^4.0.0" + rc-motion "^2.0.0" + rc-util "^5.19.2" + +rc-util@^5.18.1, rc-util@^5.19.2, rc-util@^5.21.0, rc-util@^5.3.0: + version "5.21.4" + resolved "https://registry.yarnpkg.com/rc-util/-/rc-util-5.21.4.tgz#61e24ad297f679ca0796b618a3ef30eca959d904" + integrity sha512-rq11ap3NnOIdywFhcMQ9J7DXRJJ1c1Id1Hvr/1Dphr+5X75ERJBJybuh779DdurP4LJQqAhT6Aie0AjrBc5Vqw== + dependencies: + "@babel/runtime" "^7.12.5" + react-is "^16.12.0" + shallowequal "^1.1.0" + react-apexcharts@^1.3.9: version "1.3.9" resolved "https://registry.npmjs.org/react-apexcharts/-/react-apexcharts-1.3.9.tgz" @@ -7898,7 +7970,7 @@ react-input-range@^1.3.0: autobind-decorator "^1.3.4" prop-types "^15.5.8" -react-is@^16.10.2, react-is@^16.7.0, react-is@^16.8.1: +react-is@^16.10.2, react-is@^16.12.0, react-is@^16.7.0, react-is@^16.8.1: version "16.13.1" resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz" integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== @@ -8597,6 +8669,11 @@ setprototypeof@1.2.0: resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz" integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw== +shallowequal@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8" + integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ== + shebang-command@^2.0.0: version "2.0.0" resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz"