@lms-elements/atomic - npm Package Compare versions

Comparing version 2.1.13 to 2.1.14

build/@types/packages/Atomic/src/components/index.d.ts

@@ -12,4 +12,5 @@ export { Button, ButtonViewEnum } from './Button';
 export { StatusBar } from './StatusBar';
+export { Tabs } from './Tabs';
 export { TextareaField } from './TextareaField';
 export { Title } from './Title';
 export { Toggle } from './Toggle';

build/@types/packages/Atomic/src/index.d.ts

@@ -1,1 +0,1 @@
-export { Button, ButtonViewEnum, Checkbox, Classcard, CodifierElement, CodifierElementIconEnum, FieldDropdown, FieldForm, FieldInputCounter, File, NoteActions, RadioField, StatusBar, TextareaField, Title, Toggle, } from './components';
+export { Button, ButtonViewEnum, Checkbox, Classcard, CodifierElement, CodifierElementIconEnum, FieldDropdown, FieldForm, FieldInputCounter, File, NoteActions, RadioField, StatusBar, Tabs, TextareaField, Title, Toggle, } from './components';

build/index.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("@lms-elements/icons"),t=require("@lms-elements/utils"),o=require("i18next"),a=require("react-final-form"),i=require("@lms-elements/hooks");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),c=r(o),d=function(){return(d=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};function s(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)n.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t}function u(e,n){for(var t=0,o=n.length,a=e.length;t<o;t++,a++)e[a]=n[t];return e}var f={exports:{}},p={};function b(e){function n(n,a,i,r){var l=a?t+n+e.e+a:t+n,c=l;if(i){var d=" "+c+e.m;for(var s in i)if(i.hasOwnProperty(s)){var u=i[s];1==u?c+=d+s:u&&(c+=d+s+o+u)}}if(void 0!==r)for(var f=0,p=r.length;f<p;f++){var b=r[f];if(b&&"string"==typeof b.valueOf())for(var m=b.valueOf().split(" "),x=0;x<m.length;x++){var h=m[x];h!==l&&(c+=" "+h)}}return c}var t=e.n||"",o=e.v||e.m;return function(e,t){return function(o,a,i){return"string"==typeof o?Array.isArray(a)?n(e,o,void 0,a):n(e,o,a,i):n(e,t,o,a)}}}Object.defineProperty(p,"__esModule",{value:1});var m=b({e:"-",m:"_"});p.cn=m,p.withNaming=b;var x={};function h(e){var n=e.n||"",t=e.v||e.m;function o(o,a,i,r){var l=a?n+o+e.e+a:n+o,c=l;if(i){var d=" "+c+e.m;for(var s in i)if(i.hasOwnProperty(s)){var u=i[s];!0===u?c+=d+s:u&&(c+=d+s+t+u)}}if(void 0!==r)for(var f=0,p=r.length;f<p;f++){var b=r[f];if(b&&"string"==typeof b.valueOf())for(var m=b.valueOf().split(" "),x=0;x<m.length;x++){var h=m[x];h!==l&&(c+=" "+h)}}return c}return function(e,n){return function(t,a,i){return"string"==typeof t?Array.isArray(a)?o(e,t,void 0,a):o(e,t,a,i):o(e,n,t,a)}}}Object.defineProperty(x,"__esModule",{value:!0});var g=h({e:"-",m:"_"});function v(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}x.cn=g,x.withNaming=h,"production"===process.env.NODE_ENV?f.exports=p:f.exports=x;v(".button {\n  border: none;\n  cursor: pointer;\n  outline: none;\n  transition: transform 0.1s ease-out, color 0.15s linear;\n  border-radius: 4px; }\n  .button-text {\n    width: 100%;\n    font-family: 'Source Sans Pro';\n    font-size: 15px !important;\n    line-height: 20px; }\n    .button-text_with-icon {\n      display: flex;\n      align-items: center; }\n      .button-text_with-icon svg {\n        text-align: center; }\n\n@-webkit-keyframes rot {\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(360deg); } }\n\n@keyframes rot {\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(360deg); } }\n    .button-text_loading {\n      -webkit-animation: 1.5s linear 0s normal none infinite running rot;\n              animation: 1.5s linear 0s normal none infinite running rot; }\n  .button_size_l {\n    width: 100%;\n    padding: 10px 20px;\n    font-size: 15px;\n    height: 40px;\n    display: flex;\n    align-items: center; }\n  .button_size_m {\n    padding: 8px 40px;\n    font-size: 15px;\n    height: 36px; }\n  .button_size_s {\n    font-size: 12px;\n    height: 30px;\n    width: 120px;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n  .button_view_action {\n    background-color: #0088e9;\n    color: #fff; }\n    .button_view_action .button-text {\n      color: #fff; }\n    .button_view_action:hover {\n      background-color: #3aa1eb; }\n  .button_view_bordered {\n    background-color: transparent;\n    border: 1px solid #0088e9; }\n    .button_view_bordered .button-text {\n      color: #0088e9; }\n      .button_view_bordered .button-text path {\n        fill: #0088e9; }\n    .button_view_bordered:hover {\n      border-color: #3aa1eb; }\n      .button_view_bordered:hover .button-text {\n        color: #3aa1eb; }\n        .button_view_bordered:hover .button-text path {\n          fill: #3aa1eb; }\n  .button_view_danger {\n    border-color: #ea5959;\n    background: #ea5959;\n    color: #fff; }\n    .button_view_danger:hover {\n      background: #f07575;\n      border-color: #f07575; }\n  .button_disabledBlueButton_disabledBlue {\n    background-color: transparent;\n    border: 1px solid #0088e9;\n    cursor: default;\n    pointer-events: none; }\n    .button_disabledBlueButton_disabledBlue .button-text {\n      color: #0088e9; }\n      .button_disabledBlueButton_disabledBlue .button-text path {\n        fill: #0088e9; }\n  .button_disabledBlueButton_disabled.button_view_action {\n    background-color: #c0c2c9;\n    cursor: default; }\n    .button_disabledBlueButton_disabled.button_view_action:hover {\n      background-color: #c0c2c9; }\n  .button_disabledBlueButton_disabled.button_view_bordered {\n    border: 1px solid #c0c2c9;\n    cursor: default; }\n    .button_disabledBlueButton_disabled.button_view_bordered .button-text {\n      color: #c0c2c9; }\n      .button_disabledBlueButton_disabled.button_view_bordered .button-text path {\n        fill: #c0c2c9; }\n    .button_disabledBlueButton_disabled.button_view_bordered:hover {\n      border: 1px solid #c0c2c9; }\n      .button_disabledBlueButton_disabled.button_view_bordered:hover .button-text {\n        color: #c0c2c9; }\n  .button:hover {\n    box-shadow: 0, 8px rgba(20, 49, 127, 0.08); }\n");var k,E=f.exports.cn("button"),w=l.default.forwardRef((function(n,t){var o=n.view,a=n.size,i=n.customClasses,r=void 0===i?"":i,c=n.icon,u=n.loading,f=n.disabled,p=n.children,b=n.disabledBlue,m=void 0!==b&&b,x=s(n,["view","size","customClasses","icon","loading","disabled","children","disabledBlue"]),h=e.useMemo((function(){return m?"disabledBlue":f?"disabled":""}),[m,f]);return l.default.createElement("button",d({type:"button",className:r+" "+E({view:o,size:a,disabledBlueButton:h})},x,{disabled:f,ref:t}),l.default.createElement("div",{className:E("text",{"with-icon":Boolean(c),loading:Boolean(u)})},c,p))}));exports.ButtonViewEnum=void 0,(k=exports.ButtonViewEnum||(exports.ButtonViewEnum={})).link="link",k.solid="solid",k.action="action",k.bordered="bordered",k.danger="danger";v(".checkbox {\n  display: grid;\n  grid-template-columns: 16px 1fr;\n  grid-column-gap: 8px;\n  align-items: center;\n  cursor: pointer; }\n  .checkbox_isDisabled {\n    cursor: default !important; }\n  .checkbox_blocked {\n    grid-template-columns: 32px 1fr; }\n  .checkbox-label {\n    font: 15px/20px 'Source Sans Pro';\n    color: #2c2d2e;\n    margin: 0; }\n    .checkbox-label_isDisabled {\n      cursor: default !important; }\n  .checkbox-input {\n    position: relative;\n    display: inline-block;\n    grid-column: 1;\n    grid-row: 1;\n    width: 16px;\n    height: 16px;\n    border: 1px solid rgba(0, 16, 61, 0.12);\n    border-radius: 4px;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none; }\n    .checkbox-input:checked {\n      border: 1px solid #0088e9;\n      background-color: #0088e9; }\n      .checkbox-input:checked ~ .checkbox-icon {\n        display: inline-block; }\n    .checkbox-input_isDisabled {\n      background-color: rgba(0, 16, 61, 0.06);\n      opacity: 0.48;\n      border-color: #bfc1c7;\n      cursor: default !important; }\n      .checkbox-input_isDisabled:checked {\n        background-color: rgba(0, 16, 61, 0.06);\n        border-color: #bfc1c7; }\n        .checkbox-input_isDisabled:checked ~ .checkbox-icon > path {\n          fill: rgba(44, 45, 46, 0.48); }\n    .checkbox-input_blocked {\n      width: 32px;\n      height: 32px;\n      border: none;\n      background: none; }\n      .checkbox-input_blocked:checked {\n        border: none;\n        background: none; }\n    .checkbox-input_isError {\n      border: 1px solid #ea5959; }\n  .checkbox-icon {\n    display: none;\n    grid-column: 1;\n    grid-row: 1;\n    z-index: 1;\n    width: 100%; }\n");var y=f.exports.cn("checkbox"),_=function(e){var t=e.label,o=e.checked,a=e.disabled,i=e.handleCheckboxChange,r=e.blocked,c=e.isError,u=void 0!==c&&c,f=e.customClasses,p=void 0===f?"":f,b=s(e,["label","checked","disabled","handleCheckboxChange","blocked","isError","customClasses"]);return l.default.createElement("label",{className:p+" "+y({blocked:r,isDisabled:a}),"data-testid":"test-checkbox"},t&&l.default.createElement("span",{className:y("label",{isDisabled:a})},t),l.default.createElement("input",d({type:"checkbox",className:y("input",{isDisabled:a,blocked:r,isError:u}),checked:o,disabled:a||r,onChange:i},b)),r?l.default.createElement(n.LockIcon,{className:y("icon",{blocked:r})}):l.default.createElement(n.CheckIcon,{className:y("icon")}))};v(".classcard-statusbar-task {\n  display: flex;\n  align-items: center;\n  width: 200px;\n  height: 40px;\n  position: absolute;\n  bottom: 20px; }\n  .classcard-statusbar-task-count {\n    width: 24px;\n    height: 24px;\n    border-radius: 6px;\n    color: #2f929a;\n    text-align: center;\n    font-size: 15px;\n    line-height: 24px;\n    background-color: #d1e6e8;\n    margin-right: 6px;\n    margin-left: 7px;\n    font-weight: 700; }\n    .classcard-statusbar-task-count_overdue {\n      background-color: #f9cccc;\n      color: #ea5959; }\n  .classcard-statusbar-task-label {\n    max-width: 150px;\n    font-size: 12px;\n    line-height: 20px; }\n");var C=f.exports.cn("classcard-statusbar"),N=function(n){var o=n.isCompleted,a=n.tasks,i=n.overdue,r=n.nextLessonDate,d=n.isStudent,s=void 0!==d&&d,u=e.useMemo((function(){return function(e){return(c.default.t("task",{count:a})+" "+e).slice(String(a).length)}}),[a]),f=void 0!==r&&o?"все проверено, следующее занятие "+t.formatDate(r):u("на проверку"),p=e.useMemo((function(){return o?"Заданий нет":u(i?"просрочено":"сделать")}),[i,o,u]),b=e.useMemo((function(){return s?p:f}),[s,f,p]);return l.default.createElement("div",{className:C("task")},!o&&l.default.createElement("div",{className:C("task-count",{overdue:i})},a),l.default.createElement("span",{className:C("task-label")},b))};v(".classcard {\n  border: 1px solid #eef4fb;\n  box-sizing: border-box;\n  border-radius: 14px;\n  padding: 18px 20px 60px 20px;\n  width: 240px;\n  min-height: 170px;\n  background-color: #fff;\n  cursor: pointer;\n  position: relative; }\n  .classcard_isStudent {\n    padding-right: 12px; }\n  .classcard_overdue {\n    border-color: transparent;\n    background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #eaeefa 0%, #ff6883 100%);\n    background-origin: border-box;\n    background-clip: padding-box, border-box; }\n  .classcard-title {\n    font-size: 24px;\n    line-height: 28px;\n    margin-bottom: 15px;\n    margin-left: 7px; }\n    .classcard-title_isStudent {\n      margin-bottom: 8px; }\n  .classcard-info {\n    display: flex;\n    font-size: 12px;\n    line-height: 15px; }\n  .classcard-students {\n    display: flex;\n    margin-bottom: 11px; }\n    .classcard-students-label {\n      margin-left: 10px; }\n    .classcard-students-icon {\n      margin-left: 8px; }\n  .classcard-lessons {\n    display: flex;\n    margin-left: 15px; }\n    .classcard-lessons-label {\n      margin-left: 7px; }\n  .classcard-edit {\n    margin-top: 9px; }\n  .classcard-button-text {\n    margin-left: 12px; }\n  .classcard:hover {\n    box-shadow: 0px 8px 32px 0px #14317f14; }\n\n.courseCard {\n  border: 1px solid #eef4fb;\n  box-sizing: border-box;\n  border-radius: 14px;\n  padding: 20px 20px 23px 20px;\n  width: 240px;\n  height: 200px;\n  background-color: #fff;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer; }\n  .courseCard-title {\n    font-size: 18px;\n    line-height: 20px;\n    margin-bottom: 20px;\n    height: 40px;\n    margin-right: 20px; }\n  .courseCard-placeStudents {\n    height: 16px;\n    margin-bottom: 8px;\n    display: flex;\n    font-size: 12px;\n    line-height: 15px; }\n  .courseCard-students {\n    display: flex; }\n    .courseCard-students-label {\n      margin-left: 10px; }\n  .courseCard-teacher {\n    font-size: 12px;\n    height: 36px; }\n  .courseCard-button {\n    margin-top: auto; }\n  .courseCard-button-text {\n    margin-left: 12px; }\n  .courseCard:hover {\n    box-shadow: 0px 8px 32px 0px #14317f14; }\n");var B,z=f.exports.cn("classcard"),F=f.exports.cn("courseCard");exports.CodifierElementIconEnum=void 0,(B=exports.CodifierElementIconEnum||(exports.CodifierElementIconEnum={})).question="question",B.text="text",B.table="table",B.header="header",B.video="video",B.audio="audio",B.document="document",B.image="image",B.exercise="exercise";v(".codifierElement {\n  width: 260px;\n  padding: 20px;\n  display: flex;\n  align-items: center;\n  border: 1px solid #eef4fb;\n  border-radius: 14px;\n  background-color: #fff;\n  overflow: hidden;\n  box-sizing: border-box;\n  cursor: -webkit-grab;\n  cursor: grab;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none; }\n  .codifierElement_dragging {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n    border-color: #6865ff;\n    box-shadow: none; }\n  .codifierElement:hover {\n    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06); }\n  .codifierElement-iconWrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 28px;\n    width: 28px;\n    height: 28px;\n    margin-right: 8px; }\n  .codifierElement-icon_scaled {\n    transform: scale(1.2); }\n  .codifierElement-icon.audio path {\n    stroke: #0088e9; }\n  .codifierElement-header {\n    max-width: 200px;\n    margin: 0;\n    padding: 0;\n    font-size: 15px;\n    line-height: 21px;\n    font-weight: 600;\n    color: #323c47;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    box-sizing: content-box;\n    max-height: 42px; }\n  .codifierElement-description {\n    max-width: 200px;\n    margin: 0;\n    padding: 0;\n    font-size: 13px;\n    line-height: 16px;\n    color: #c0c2c9;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis; }\n  .codifierElement_disabled {\n    border-color: #edeef2;\n    color: #c0c2c9;\n    cursor: not-allowed !important; }\n    .codifierElement_disabled:hover {\n      box-shadow: none !important; }\n    .codifierElement_disabled .question path {\n      fill: #c0c2c9; }\n    .codifierElement_disabled .text path {\n      fill: #c0c2c9;\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .header path {\n      fill: #c0c2c9;\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .table path {\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .video path {\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .audio path {\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .document path {\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .image path {\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .exercise path {\n      stroke: #c0c2c9; }\n");var S=f.exports.cn("codifierElement"),I=function(e,n){return e.reduce((function(e,t){return n?(e[t]=!n.length||n.includes(t),e):(e[t]=!0,e)}),{})};v(".select {\n  font-size: 15px;\n  position: relative;\n  width: 100%; }\n  .select_location-opened {\n    width: unset;\n    min-width: 500px; }\n  .select .together {\n    display: flex; }\n    .select .together .select-together-input {\n      position: relative;\n      height: 40px;\n      width: 100%;\n      border-radius: 4px;\n      outline: none;\n      border: 1px solid #eef4fb;\n      background-color: #ffffff;\n      padding-left: 12px;\n      cursor: pointer;\n      text-align: start;\n      padding-left: 12px;\n      padding-right: 30px;\n      font-family: 'Source Sans Pro', sans-serif;\n      font-size: 15px; }\n      .select .together .select-together-input_placeholder {\n        color: #919399; }\n      .select .together .select-together-input_focus {\n        outline: none;\n        border: 1px solid #00103d7a;\n        background-color: #ffffff;\n        border-radius: 4px 4px 0 0; }\n      .select .together .select-together-input_disable {\n        pointer-events: none;\n        cursor: default;\n        border: 1px solid #00103d1f;\n        background-color: #edeef2;\n        color: #919399; }\n      .select .together .select-together-input_notValid {\n        border: 1px solid #ea5959; }\n    .select .together .select-together-icon {\n      position: absolute;\n      top: 19px;\n      transform: translateY(-50%);\n      right: 20px;\n      height: -webkit-min-content;\n      height: -moz-min-content;\n      height: min-content;\n      transition: all 0.2s; }\n      .select .together .select-together-icon svg path {\n        fill: #0088e9; }\n      .select .together .select-together-icon_open {\n        transform: rotate(180deg);\n        top: 14px; }\n  .select-suggest {\n    position: absolute;\n    width: 100%;\n    box-sizing: border-box;\n    z-index: 100; }\n    .select-suggest_focus {\n      max-height: 216px;\n      border: 1px solid #00103d7a;\n      border-top: hidden;\n      border-radius: 0 0 4px 4px; }\n    .select-suggest_needScroll {\n      padding-right: 9px;\n      padding-top: 6px;\n      padding-bottom: 6px; }\n  .select-options {\n    overflow-y: auto;\n    z-index: 1;\n    overflow-x: hidden;\n    max-height: 200px; }\n  .select #scroll-bar::-webkit-scrollbar {\n    width: 4px;\n    background-color: #eef4fb; }\n  .select #scroll-bar::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    background-color: #d1ddea; }\n  .select #scroll-bar::-webkit-scrollbar-track {\n    background-color: #eef4fb; }\n  .select-option {\n    display: none;\n    border-radius: 4px; }\n    .select-option_focus {\n      width: 100%;\n      height: 40px;\n      background-color: #ffffff;\n      display: flex;\n      align-items: center;\n      font-size: 14px;\n      line-height: 19px;\n      color: #252232;\n      cursor: pointer;\n      padding-left: 12px; }\n      .select-option_focus span {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: pre; }\n    .select-option:hover {\n      background-color: #edeef2; }\n  .select:hover {\n    box-shadow: 0px 8px 32px 0px #14317f14; }\n");var M=f.exports.cn("select"),O=function(t){var o=t.placeholder,a=void 0===o?"":o,r=t.options,c=t.meta,s=t.input,u=t.value,f=void 0===u?null:u,p=t.onChange,b=void 0===p?void 0:p,m=t.onMultiSelect,x=t.needBlueIcon,h=void 0!==x&&x,g=t.child,v=void 0===g?void 0:g,k=t.isTextArea,E=void 0!==k&&k,w=t.rows,y=void 0===w?0:w,C=t.multiple,N=t.newValue,B=t.isLocationDropdown,z=t.initOptions,F=void 0===z?[]:z,S=t.flagReset,O=void 0!==S&&S,V=t.setFlagReset,P=void 0===V?void 0:V,T=t.makeMultipleInputValue,j=void 0===T?function(e){return Object.entries(e).filter((function(e){return e[1]})).reduce((function(e,n,t,o){var a=n[0];return e+(n[1]?a+(t===o.length-1?"":", "):"")}),"")}:T,D=e.useState(!1),A=D[0],L=D[1],R=e.useRef(null),q=e.useState(I(r,F)),U=q[0],W=q[1],Y=e.useCallback((function(e){return C?function(){var n,t=d(d({},U),((n={})[e]=!U[e],n));if(m){var o=r.filter((function(e){return t[e]}));m(o)}W(t)}:function(){s.onBlur(),s.onChange(e),b&&b(e)}}),[s,C,b,m,r,U]);e.useEffect((function(){if(C){var e=j(U);s.onChange(e)}}),[s,j,C,U]),e.useEffect((function(){O&&(W(I(r,[])),P&&P(!1))}),[O,P,r]),e.useEffect((function(){F.length&&W(I(r,F))}),[F,r]),e.useEffect((function(){C||null===f||s.value===f||s.onChange(f)}),[f,s,C]),i.useOuterClickField(R,s.onBlur,A);var H=e.useCallback((function(){L((function(e){return!e}))}),[L]),Q=e.useMemo((function(){return r.length>=5}),[r]);return e.useEffect((function(){null!=N&&s.onChange(N)}),[N,s]),l.default.createElement("div",{className:M({"location-opened":c.active&&B}),ref:R},l.default.createElement("div",{className:"together"},E?l.default.createElement("textarea",d({type:"button",className:M("together-input",{focus:c.active,disable:0===(null==r?void 0:r.length)&&!v,placeholder:Boolean(!s.value&&!f),notValid:Boolean(c.error)&&c.touched&&!c.active})},s,{rows:y,value:s.value?s.value:f||a,readOnly:!0,onFocus:function(e){s.onFocus(e),A||H()},autoComplete:"off",onBlur:void 0})):l.default.createElement("input",d({type:"button",className:M("together-input",{focus:c.active,disable:0===(null==r?void 0:r.length)&&!v,placeholder:Boolean(!s.value),notValid:Boolean(c.error)&&c.touched&&!c.active})},s,{value:s.value?s.value:f||a,readOnly:Boolean(s.value),onFocus:function(e){s.onFocus(e),A||H()},autoComplete:"off",onBlur:void 0})),l.default.createElement("div",{className:M("together-icon",{open:c.active,blue:h})},l.default.createElement(n.LittleArrow,null))),l.default.createElement("div",{className:M("suggest",{focus:c.active,needScroll:Q})},l.default.createElement("div",{className:M("options"),id:"scroll-bar"},!v&&r.map((function(e,n){return l.default.createElement("div",{key:n,className:M("option",{focus:c.active}),onClick:Y(e)},C&&l.default.createElement(_,{checked:U[e],readOnly:!0}),l.default.createElement("span",null,e))})),v&&c.active&&l.default.createElement("div",{className:M("option",{focus:c.active})},v))))};v(".field-form-core {\n  display: flex;\n  position: relative;\n  width: 100%; }\n  .field-form-core input::-moz-placeholder {\n    color: #c0c2c9; }\n  .field-form-core input:-ms-input-placeholder {\n    color: #c0c2c9; }\n  .field-form-core input::placeholder {\n    color: #c0c2c9; }\n  .field-form-core-input {\n    width: 100%;\n    height: 40px;\n    border-radius: 4px;\n    outline: none;\n    border: 1px solid #00103d1f;\n    background-color: #ffffff;\n    font-size: 15px;\n    color: #252232;\n    padding-left: 12px; }\n    .field-form-core-input_noBorders {\n      border: none;\n      border-bottom: 1px solid #eef4fb;\n      font-size: 18px;\n      line-height: 28px;\n      font-weight: 600;\n      background-color: #ffffff;\n      border-radius: 0;\n      padding-left: 0 !important; }\n    .field-form-core-input_withoutBorders {\n      border: none;\n      font-size: 13px;\n      line-height: 16px;\n      font-weight: 600;\n      padding-left: 0 !important;\n      border-radius: 0;\n      background: #fff;\n      height: 17px; }\n    .field-form-core-input_focus {\n      outline: none;\n      border: 1px solid #00103d7a;\n      background-color: #ffffff; }\n    .field-form-core-input_oneBorderFocus {\n      outline: none;\n      border: none;\n      border-bottom: 1px solid #00103d7a;\n      background-color: #ffffff;\n      border-radius: 0;\n      padding-left: 0 !important; }\n    .field-form-core-input_withoutBordersFocus {\n      outline: none;\n      border: none;\n      background-color: #ffffff;\n      border-radius: 0;\n      padding-left: 0 !important; }\n    .field-form-core-input_disable {\n      pointer-events: none;\n      cursor: default;\n      opacity: 0.5;\n      background-color: #edeef2;\n      color: #919399; }\n    .field-form-core-input_notValid {\n      outline: none;\n      border: 1px solid #ea5959; }\n    .field-form-core-input_oneBorderNotValid {\n      outline: none;\n      border: none;\n      border-bottom: 1px solid #ea5959;\n      background-color: #ffffff;\n      border-radius: 0;\n      padding-left: 0 !important; }\n  .field-form-core-icon {\n    display: none; }\n    .field-form-core-icon_notEmpty {\n      display: flex !important;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      right: 20px;\n      transition: all 0.2s;\n      cursor: pointer; }\n      .field-form-core-icon_notEmpty svg {\n        width: 8px;\n        height: 8px; }\n");var V=f.exports.cn("field-form-core"),P=function(t){var o=t.placeholder,a=void 0===o?"":o,i=t.meta,r=t.input,c=t.value,s=t.disable,u=void 0!==s&&s,f=t.forTitle,p=void 0!==f&&f,b=t.needDeleteIcon,m=void 0===b||b,x=t.onBlur,h=t.withoutBorders,g=void 0!==h&&h,v=e.useState(!1),k=v[0],E=v[1],w=e.useCallback((function(){E((function(e){return!e}))}),[E]),y=e.useCallback((function(){r.onChange(""),r.onBlur()}),[r]);return e.useEffect((function(){!i.active&&k&&x&&x(r.value)}),[i,k,x,r.value]),l.default.createElement("div",{className:V()},l.default.createElement("input",d({type:"text",className:V("input",{focus:i.active&&!p,disable:u,notValid:Boolean(i.error)&&i.touched&&!p,noBorders:p,oneBorderFocus:i.active&&p,oneBorderNotValid:Boolean(i.error)&&i.touched&&p,withoutBorders:g,withoutBordersFocus:i.active&&g})},r,{value:r.value||c||"",onFocus:function(e){r.onFocus(e),k||w()},autoComplete:"off",placeholder:a})),m&&l.default.createElement("div",{className:V("icon",{notEmpty:Boolean(r.value)}),onClick:y},l.default.createElement(n.CloseIcon,null)))};v(".field-input-counter-core {\n  width: -webkit-max-content;\n  width: -moz-max-content;\n  width: max-content;\n  display: flex;\n  align-items: center;\n  -moz-column-gap: 6px;\n       column-gap: 6px;\n  background: #fff;\n  border: 1px solid #eef4fb;\n  box-sizing: border-box;\n  border-radius: 6px; }\n  .field-input-counter-core-button {\n    height: 40px;\n    width: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid transparent;\n    box-sizing: border-box;\n    border-radius: 6px;\n    background: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer; }\n    .field-input-counter-core-button_decrement {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n    .field-input-counter-core-button_increment {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n    .field-input-counter-core-button:hover {\n      background-color: #3aa1eb; }\n      .field-input-counter-core-button:hover path {\n        stroke: #fff;\n        fill: #fff; }\n    .field-input-counter-core-button_disabled {\n      cursor: default; }\n      .field-input-counter-core-button_disabled path {\n        stroke: #eef4fb;\n        fill: #eef4fb; }\n      .field-input-counter-core-button_disabled:hover {\n        background: none; }\n        .field-input-counter-core-button_disabled:hover path {\n          stroke: #eef4fb;\n          fill: #eef4fb; }\n  .field-input-counter-core-input {\n    width: 66px;\n    background: none;\n    border: none;\n    text-align: center;\n    padding: 0;\n    margin: 0; }\n    .field-input-counter-core-input_disabled {\n      color: #c0c2c9; }\n");var T=f.exports.cn("field-input-counter-core"),j=function(e,n,t){return Math.max(e,Math.min(n,t))},D=function(t){var o=t.value,a=t.onChange,i=t.makeTitle,r=void 0===i?function(e){return e.toString()}:i,c=t.parse,d=void 0===c?function(e){return e}:c,s=t.disabled,u=void 0!==s&&s,f=t.min,p=void 0===f?1:f,b=t.max,m=void 0===b?1e5:b,x=t.step,h=void 0===x?1:x,g=e.useCallback((function(){a(d(j(p,m,o+h)))}),[m,p,a,d,h,o]),v=e.useCallback((function(){a(d(j(p,m,o-h)))}),[m,p,a,d,h,o]),k=e.useMemo((function(){return u||o===p}),[u,p,o]),E=e.useMemo((function(){return u||o===m}),[u,m,o]);return l.default.createElement("div",{className:T()},l.default.createElement("button",{type:"button",className:T("button",{decrement:!0,disabled:k}),disabled:k,onClick:v},l.default.createElement(n.Minus,null)),l.default.createElement("input",{type:"text",className:T("input",{disabled:u}),value:r(o),disabled:!0}),l.default.createElement("button",{type:"button",className:T("button",{increment:!0,disabled:E}),disabled:E,onClick:g},l.default.createElement(n.Add,null)))};v(".file {\n  height: 33px;\n  display: flex;\n  margin-top: 25.5px;\n  max-width: 500px; }\n  .file-main {\n    display: flex; }\n  .file-name {\n    font-size: 13px;\n    color: #252232;\n    margin: auto 0 auto 9px;\n    text-decoration: none;\n    max-width: 120px;\n    white-space: pre-wrap;\n    word-wrap: break-word; }\n  .file-hoverIcons {\n    display: flex; }\n  .file button {\n    padding: 0;\n    border: none;\n    background: none;\n    height: 33px;\n    width: 33px;\n    cursor: pointer;\n    outline: none; }\n  .file button:hover {\n    background-color: #f9fafd;\n    border: none;\n    border-radius: 4px; }\n  .file-send {\n    margin-left: 12px;\n    margin-right: 12px; }\n");var A=f.exports.cn("file");v(".textarea-field-core {\n  display: flex;\n  position: relative;\n  width: 100%; }\n  .textarea-field-core-input {\n    max-height: 200px;\n    min-height: 80px;\n    border-radius: 4px;\n    width: inherit;\n    outline: none;\n    border: 1px solid #00103d1f;\n    background-color: #fff;\n    padding-left: 12px;\n    padding-top: 10px;\n    font-size: 15px;\n    color: #252232;\n    resize: vertical; }\n    .textarea-field-core-input:focus {\n      outline: none;\n      border: 1px solid #00103d7a;\n      background-color: #fff; }\n    .textarea-field-core-input_disabled {\n      pointer-events: none;\n      cursor: default;\n      opacity: 0.5;\n      background-color: #edeef2;\n      color: #919399;\n      -webkit-user-select: none;\n         -moz-user-select: none;\n          -ms-user-select: none;\n              user-select: none; }\n    .textarea-field-core-input_notValid {\n      outline: none;\n      border: 1px solid #ea5959; }\n  .textarea-field-core-icon {\n    display: none; }\n    .textarea-field-core-icon_notEmpty {\n      display: initial;\n      position: absolute;\n      top: 16px;\n      transform: translateY(-50%);\n      right: 16px;\n      height: -webkit-min-content;\n      height: -moz-min-content;\n      height: min-content;\n      transition: all 0.2s;\n      cursor: pointer; }\n      .textarea-field-core-icon_notEmpty svg {\n        width: 8px;\n        height: 8px; }\n");var L=f.exports.cn("textarea-field-core"),R=function(t){var o=t.meta,a=t.input,r=t.isError,c=void 0!==r&&r,u=t.disabled,f=t.onClear,p=t.value,b=t.onFocus,m=t.className,x=s(t,["meta","input","isError","disabled","onClear","value","onFocus","className"]),h=e.useCallback((function(){if(a)return a.onChange(""),void a.onBlur();f&&f()}),[a,f]),g=e.useCallback((function(e){a?a.onFocus(e):b&&b(e)}),[a,b]),v=e.useRef(null),k=i.useTouched(v);return l.default.createElement("div",{className:[L(),m].join(" ")},l.default.createElement("textarea",d({},x,{ref:v,type:"text",className:L("input",{disabled:u,notValid:o?Boolean(o.error)&&o.touched:c&&k})},a,{value:(null==a?void 0:a.value)||p||"",onFocus:g,autoComplete:"off",disabled:u})),l.default.createElement("div",{className:L("icon",{notEmpty:Boolean((null==a?void 0:a.value)||p||"")}),onClick:h},l.default.createElement(n.CloseIcon,null)))},q=function(e){var n=e.isField,o=e.name,i=void 0===o?"":o,r=e.validators,c=void 0===r?[]:r,u=s(e,["isField","name","validators"]);return n?l.default.createElement(a.Field,{name:i,validate:t.composeValidators.apply(void 0,c)},(function(e){var n=e.input,t=e.meta;return l.default.createElement(R,d({},u,{input:n,meta:t}))})):l.default.createElement(R,d({},u))};v(".note-actions-title {\n  font-size: 24px;\n  line-height: 28px;\n  font-weight: 600;\n  margin-bottom: 19px;\n  margin-top: 35px; }\n\n.note-actions-buttons {\n  margin-top: 16px;\n  width: 336px; }\n\n.note-actions-editButtons {\n  display: flex; }\n\n.note-actions-edit-button, .note-actions-save-button, .note-actions-cancel-button {\n  margin-right: 8px; }\n\n.note-actions-edit {\n  width: 172px; }\n\n.note-actions-cancel {\n  width: 108px; }\n\n.note-actions .note-actions-delete {\n  width: 40px;\n  padding: 0;\n  border-color: #ea5959; }\n  .note-actions .note-actions-delete .button-text {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n    .note-actions .note-actions-delete .button-text path {\n      fill: unset; }\n\n.note-actions .note-actions-delete:hover {\n  background-color: #ea5959;\n  border-color: #ea5959; }\n  .note-actions .note-actions-delete:hover .button-text path {\n    stroke: #fff;\n    fill: unset; }\n\n.note-actions-saveButtons {\n  display: flex; }\n\n.note-actions-save {\n  width: 196px; }\n\n.note-actions-cancelCreate {\n  width: 132px; }\n");var U=f.exports.cn("note-actions");v("@charset \"UTF-8\";\n.radio-core-input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  cursor: pointer;\n  /* стили при наведении курсора на радио */\n  /* стили для активной радиокнопки (при нажатии на неё) */\n  /* стили для радиокнопки, находящейся в фокусе */\n  /* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */\n  /* стили для радиокнопки, находящейся в состоянии checked */\n  /* стили для радиокнопки, находящейся в состоянии disabled */ }\n  .radio-core-input:not(:disabled):not(:checked) + span:hover::before {\n    border-color: #b3d7ff; }\n  .radio-core-input:not(:disabled):active + span::before {\n    background-color: #b3d7ff;\n    border-color: #b3d7ff; }\n  .radio-core-input:focus + span::before {\n    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n  .radio-core-input:focus:not(:checked) + span::before {\n    border-color: #80bdff; }\n  .radio-core-input:checked + span::before {\n    border-color: #0b76ef;\n    background-color: #0b76ef;\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\"); }\n  .radio-core-input:disabled + span::before {\n    background-color: #e9ecef; }\n  .radio-core-input_error + span::before {\n    border-color: #ea5959; }\n\n.radio-core-span {\n  display: inline-flex;\n  align-items: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  font-weight: 400;\n  font-size: 18px;\n  vertical-align: middle;\n  line-height: 16px; }\n  .radio-core-span::before {\n    content: '';\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    flex-grow: 0;\n    border: 1px solid #adb5bd;\n    border-radius: 50%;\n    margin-right: 8px;\n    background-repeat: no-repeat;\n    background-position: center center;\n    background-size: 50% 50%; }\n");var W=f.exports.cn("radio-core"),Y=l.default.forwardRef((function(e,n){var t=e.error,o=void 0!==t&&t,a=e.disabled,i=void 0!==a&&a,r=e.customClassNames,c=void 0===r?[]:r,f=e.label,p=e.value,b=e.withoutLabel,m=s(e,["error","disabled","customClassNames","label","value","withoutLabel"]);return l.default.createElement("div",{className:u([W()],c).join(" "),"data-testid":"radio-core-test"},l.default.createElement("label",{className:W({container:!0}),"data-testid":"radio-label"},l.default.createElement("input",d({type:"radio",className:W("input",{error:o})},m,{value:p,disabled:i,ref:n})),l.default.createElement("span",{className:W("span")},!b&&(f||p||""))))})),H=l.default.forwardRef((function(e,n){var o=e.isField,i=void 0===o||o,r=e.validators,c=void 0===r?[]:r,u=e.name,f=void 0===u?"":u,p=s(e,["isField","validators","name"]);return i?l.default.createElement(a.Field,{type:"radio",name:f,value:p.value,validate:t.composeValidators.apply(void 0,c)},(function(e){var t=e.input,o=e.meta;return l.default.createElement(Y,d({},p,t,{error:!!o.error&&o.touched,ref:n}))})):l.default.createElement(Y,d({},p,{ref:n}))}));v(".title-header {\n  display: flex;\n  position: relative; }\n\n.title-name {\n  font-weight: 600;\n  font-size: 23px;\n  padding-top: 5px; }\n\n.title-uploadFiles {\n  width: 0.1px;\n  height: 0.1px;\n  opacity: 0;\n  overflow: hidden;\n  position: absolute;\n  z-index: -1;\n  pointer-events: none;\n  outline: none; }\n\n.title-labelFileUploader {\n  border: 1px dashed #0088e9;\n  cursor: pointer;\n  width: 40px;\n  height: 40px;\n  border-radius: 4px;\n  margin-left: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n  .title-labelFileUploader:hover {\n    border: 1px solid #0088e9;\n    background-color: #0088e9; }\n    .title-labelFileUploader:hover svg {\n      fill: #fff; }\n\n.title-legend {\n  margin-top: 8px;\n  line-height: 20px;\n  font-weight: 600;\n  font-size: 13px;\n  color: #919399; }\n");var Q=f.exports.cn("title");v(".checkbox-ios {\n  display: inline-block;\n  position: relative; }\n\n.checkbox-ios .checkbox-ios-switch {\n  display: inline-block;\n  box-sizing: border-box;\n  width: 32px;\n  height: 20px;\n  border-radius: 30%/50%;\n  vertical-align: top;\n  background: #bfc1c7;\n  transition: 0.2s;\n  cursor: pointer; }\n  .checkbox-ios .checkbox-ios-switch .toggle-icon-left {\n    position: absolute;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    top: -2%;\n    left: 18%; }\n    .checkbox-ios .checkbox-ios-switch .toggle-icon-left svg {\n      width: 8px;\n      height: 8px; }\n    .checkbox-ios .checkbox-ios-switch .toggle-icon-left svg > path {\n      fill: #bfc0c7; }\n  .checkbox-ios .checkbox-ios-switch .toggle-icon-right {\n    display: none; }\n\n.checkbox-ios .checkbox-ios-switch::before {\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: #ffffff;\n  transition: 0.4s; }\n\n.checkbox-ios input[type='checkbox'] {\n  display: block;\n  width: 0;\n  height: 0;\n  position: absolute;\n  z-index: -1;\n  opacity: 0; }\n\n.checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch {\n  background: #0088e9; }\n  .checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch .toggle-icon-left {\n    display: none; }\n  .checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch .toggle-icon-right {\n    position: absolute;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    top: -2%;\n    left: 57%; }\n    .checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch .toggle-icon-right svg {\n      width: 8px;\n      height: 8px; }\n\n.checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch:before {\n  transform: translateX(12px); }\n\n.checkbox-ios input[type='checkbox']:disabled + .checkbox-ios-switch {\n  background: #0088e9;\n  opacity: 0.48;\n  cursor: default; }\n\n.checkbox-ios input[type='checkbox']:disabled:not(:checked) + .checkbox-ios-switch {\n  background: #bfc1c7;\n  opacity: 0.48;\n  cursor: default; }\n\n.checkbox-ios input[type='checkbox']:disabled + .checkbox-ios-switch:before {\n  background: #eeeeee; }\n");var X=f.exports.cn("checkbox-ios");exports.Button=w,exports.Checkbox=_,exports.Classcard=function(o){var a=o.name,i=void 0===a?"":a,r=o.studentsCount,d=void 0===r?0:r,s=o.themesCount,u=o.hwCount,f=o.hwDeadline,p=o.nextLessonDate,b=o.isCompleted,m=o.canCreateCourse,x=void 0!==m&&m,h=o.teacher,g=void 0===h?"":h,v=o.courseType,k=void 0===v?"":v,E=o.canEdit,y=void 0!==E&&E,_=o.onEdit,C=o.onClasscardClick,B=o.isMetodist,S=void 0!==B&&B,I=o.isStudent,M=void 0!==I&&I,O=o.progressesOverdue,V=void 0===O?0:O,P=e.useMemo((function(){return void 0===s||s<=0}),[s]),T=e.useMemo((function(){return!P&&t.checkOverdue(f)}),[P,f]),j=e.useMemo((function(){return!!V}),[V]),D=e.useMemo((function(){return g?"уч. "+g:""}),[g]),A=e.useMemo((function(){return y&&!P}),[y,P]),L=e.useMemo((function(){return y?k+" - "+i:""+i}),[y,k,i]),R=e.useCallback((function(e){e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),_&&_()}),[_]),q=e.useMemo((function(){return c.default.t("topic",{count:s})}),[s]),U=e.useMemo((function(){return c.default.t("student",{count:d})}),[d]),W=e.useMemo((function(){return j?V:u}),[j,V,u]);return x?l.default.createElement("div",{className:F(),onClick:C},l.default.createElement("div",{className:F("title")},k," - ",i),l.default.createElement("div",{className:F("placeStudents")},!!d&&l.default.createElement("div",{className:F("students")},l.default.createElement("span",{className:F("students-icon")},l.default.createElement(n.ClasscardUser,null)),l.default.createElement("span",{className:F("students-label")},U)),!!s&&l.default.createElement("div",{className:z("lessons")},l.default.createElement("span",{className:z("lessons-icon")},l.default.createElement(n.Notebook,null)),l.default.createElement("span",{className:z("lessons-label")},q))),Boolean(g)&&l.default.createElement("div",{className:F("teacher")},D),S&&(P?l.default.createElement(w,{icon:l.default.createElement(n.Plus,{width:"14px",height:"14px",fill:"#fff"}),view:exports.ButtonViewEnum.action,size:"l",customClasses:F("button"),onClick:R},l.default.createElement("span",{className:F("button-text")},"Создать программу")):l.default.createElement(w,{icon:l.default.createElement(n.Pencil,{width:"24px",height:"24px"}),view:exports.ButtonViewEnum.action,size:"l",customClasses:F("button"),onClick:R},l.default.createElement("span",{className:F("button-text")},"Редактировать")))):M?l.default.createElement("div",{className:z({overdue:j,isStudent:M}),onClick:C},l.default.createElement("div",{className:z("title",{isStudent:M})},i),l.default.createElement("div",{className:z("info")},l.default.createElement("div",{className:z("students")},l.default.createElement("span",{className:z("students-label")},D))),l.default.createElement(N,{isCompleted:b,tasks:W,overdue:j,isStudent:!0})):l.default.createElement("div",{className:z({overdue:!P&&T}),onClick:C},l.default.createElement("div",{className:z("title")},L),l.default.createElement("div",{className:z("info")},l.default.createElement("div",{className:z("students")},l.default.createElement("span",{className:z("students-icon")},l.default.createElement(n.ClasscardUser,null)),l.default.createElement("span",{className:z("students-label")},U)),l.default.createElement("div",{className:z("lessons")},l.default.createElement("span",{className:z("lessons-icon")},l.default.createElement(n.Notebook,null)),l.default.createElement("span",{className:z("lessons-label")},q))),l.default.createElement(N,{isCompleted:b,tasks:u,overdue:T,nextLessonDate:p}),A&&S&&l.default.createElement("div",{className:z("edit")},l.default.createElement(w,{icon:l.default.createElement(n.Pencil,{width:"24px",height:"24px"}),view:exports.ButtonViewEnum.action,size:"l",onClick:R,customClasses:F("button")},l.default.createElement("span",{className:F("button-text")},"Редактировать"))))},exports.CodifierElement=function(t){var o=t.icon,a=t.title,i=t.description,r=t.dragging,c=t.dragRef,d=t.disabled,s=void 0!==d&&d,u=e.useMemo((function(){switch(o){case exports.CodifierElementIconEnum.text:return n.TextIcon;case exports.CodifierElementIconEnum.table:return n.TableIcon;case exports.CodifierElementIconEnum.header:return n.HeaderIcon;case exports.CodifierElementIconEnum.video:return n.VideoCameraIcon;case exports.CodifierElementIconEnum.document:return n.PaperclipIcon;case exports.CodifierElementIconEnum.image:return n.ImageIcon;case exports.CodifierElementIconEnum.exercise:return n.PuzzlePieceIcon;case exports.CodifierElementIconEnum.audio:return n.MusicNotes;default:return n.QuestionIcon}}),[o]);return l.default.createElement("div",{ref:s?null:c,className:S({dragging:r,disabled:s})},l.default.createElement("div",{className:S("iconWrapper")},l.default.createElement(u,{className:[S("icon",{scaled:o===exports.CodifierElementIconEnum.table}),o].join(" ")})),l.default.createElement("div",{className:S("info")},l.default.createElement("h4",{className:S("header")},a),l.default.createElement("p",{className:S("description")},i)))},exports.FieldDropdown=function(e){var n=e.name,o=e.validators,i=e.multiple,r=e.value,c=s(e,["name","validators","multiple","value"]);return l.default.createElement(a.Field,{name:n,validate:t.composeValidators.apply(void 0,o)},(function(e){var n=e.input,t=e.meta;return l.default.createElement(O,d({value:r,multiple:i},c,{input:n,meta:t}))}))},exports.FieldForm=function(e){var n=e.name,o=e.validators,i=s(e,["name","validators"]);return l.default.createElement(a.Field,{name:n,validate:t.composeValidators.apply(void 0,o||[]),subscriptions:{value:!0,touched:!0,error:!0,active:!0}},(function(e){var n=e.input,t=e.meta;return l.default.createElement(P,d({},i,{input:n,meta:t}))}))},exports.FieldInputCounter=function(e){var n=e.isField,t=void 0!==n&&n,o=e.name,i=void 0===o?"":o,r=s(e,["isField","name"]);return t?l.default.createElement(a.Field,{name:i},(function(e){var n=e.input;return l.default.createElement(D,d({},r,n))})):l.default.createElement(D,d({},r,{value:r.value||0,onChange:r.onChange||function(){}}))},exports.File=function(t){var o=t.name,a=t.isTemplate,i=t.url,r=t.id,c=t.deleteFile,d=e.useState(!1),s=d[0],u=d[1],f=e.useCallback((function(){u((function(e){return!e}))}),[]),p=e.useMemo((function(){return!a&&s}),[a,s]);return l.default.createElement("div",{className:A(),onMouseEnter:f,onMouseLeave:f},l.default.createElement("div",{className:A("main")},l.default.createElement(n.NoteBlank,null),l.default.createElement("a",{href:i,rel:"noreferrer",target:"_blank",className:A("name")},o)),p&&l.default.createElement("div",{className:A("hoverIcons")},l.default.createElement("button",{className:A("send"),id:String(r)},l.default.createElement(n.Send,null)),l.default.createElement("button",{className:A("basket"),id:String(r),onClick:c},l.default.createElement(n.Basket,null))))},exports.NoteActions=function(t){var o=t.isEdit,i=void 0!==o&&o,r=t.onChangeEdit,c=t.onChangeSave,d=t.onChangeDelete,s=t.onClickCancel,u=t.initialValue,f=t.name,p=t.placeholder,b=t.id,m=e.useState(!0),x=m[0],h=m[1],g=e.useCallback((function(e){return e?void 0:"error"}),[]),v=e.useCallback((function(e){"edit"===e.action&&r?(r(e.note,b),s()):"save"===e.action&&c?(c(e.note),s()):"delete"===e.action&&d&&(d(b),s())}),[c,r,s,b,d]);return l.default.createElement("div",{className:U()},l.default.createElement("div",{className:U("title")},i?"Редактировать заметку":"Создать заметку"),l.default.createElement(a.Form,{onSubmit:v,initialValues:u},(function(e){var t=e.handleSubmit,o=e.form;return l.default.createElement("form",{onSubmit:t},l.default.createElement(a.FormSpy,{onChange:function(e){e.dirty&&h(!1)}}),l.default.createElement(q,{isField:!0,name:f,placeholder:p,validators:[g]}),l.default.createElement("div",{className:U("buttons")},i?l.default.createElement("div",{className:U("editButtons")},l.default.createElement("div",{className:U("edit-button"),onClick:function(){return o.change("action","edit")}},l.default.createElement(w,{type:"submit",view:exports.ButtonViewEnum.action,size:"l",customClasses:U("edit"),disabled:x},"Редактировать")),l.default.createElement("div",{className:U("cancel-button")},l.default.createElement(w,{view:exports.ButtonViewEnum.bordered,size:"l",customClasses:U("cancel"),onClick:s},"Отмена")),l.default.createElement("div",{className:U("delete-button"),onClick:function(){return o.change("action","delete")}},l.default.createElement(w,{type:"submit",view:exports.ButtonViewEnum.bordered,size:"l",icon:l.default.createElement(n.Trash,null),customClasses:U("delete")}))):l.default.createElement("div",{className:U("saveButtons")},l.default.createElement("div",{className:U("save-button"),onClick:function(){return o.change("action","save")}},l.default.createElement(w,{type:"submit",view:exports.ButtonViewEnum.action,size:"l",customClasses:U("save")},"Сохранить")),l.default.createElement("div",null,l.default.createElement(w,{view:exports.ButtonViewEnum.bordered,size:"l",customClasses:U("cancelCreate"),onClick:s},"Отмена")))))})))},exports.RadioField=H,exports.StatusBar=N,exports.TextareaField=q,exports.Title=function(e){var t=e.name,o=e.onClickAdd,a=e.inscription,i=e.onClickMove,r=void 0===i?function(){}:i,c=e.isTask,d=void 0!==c&&c;return l.default.createElement("div",{className:Q()},l.default.createElement("div",{className:Q("header")},l.default.createElement("div",{className:Q("name")},t),l.default.createElement("label",{htmlFor:"upload",className:Q("labelFileUploader")},l.default.createElement(n.Plus,{fill:"#0088E9"})),d?l.default.createElement("input",{type:"button",id:"upload",className:Q("uploadFiles"),onClick:r}):l.default.createElement("input",{type:"file",id:"upload",name:"file",className:Q("uploadFiles"),onChange:o})),a&&l.default.createElement("div",{className:Q("legend")},a))},exports.Toggle=function(e){var t=e.checked,o=e.disabled,a=void 0!==o&&o,i=e.handleToggleChange,r=e.defaultChecked;return l.default.createElement("label",{className:X(),"data-testid":"test-toggle"},l.default.createElement("input",{type:"checkbox",disabled:a,checked:t,defaultChecked:r,onChange:i}),l.default.createElement("span",{className:X("switch")},l.default.createElement("div",{className:"toggle-icon-left"},l.default.createElement(n.ToggleLeft,null)),l.default.createElement("div",{className:"toggle-icon-right"},l.default.createElement(n.ToggleRight,null))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("@lms-elements/icons"),t=require("@lms-elements/utils"),o=require("i18next"),a=require("react-final-form"),r=require("@lms-elements/hooks");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(e),c=i(o),d=function(){return(d=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};function s(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)n.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t}function u(e,n){for(var t=0,o=n.length,a=e.length;t<o;t++,a++)e[a]=n[t];return e}var f={exports:{}},p={};function b(e){function n(n,a,r,i){var l=a?t+n+e.e+a:t+n,c=l;if(r){var d=" "+c+e.m;for(var s in r)if(r.hasOwnProperty(s)){var u=r[s];1==u?c+=d+s:u&&(c+=d+s+o+u)}}if(void 0!==i)for(var f=0,p=i.length;f<p;f++){var b=i[f];if(b&&"string"==typeof b.valueOf())for(var m=b.valueOf().split(" "),x=0;x<m.length;x++){var h=m[x];h!==l&&(c+=" "+h)}}return c}var t=e.n||"",o=e.v||e.m;return function(e,t){return function(o,a,r){return"string"==typeof o?Array.isArray(a)?n(e,o,void 0,a):n(e,o,a,r):n(e,t,o,a)}}}Object.defineProperty(p,"__esModule",{value:1});var m=b({e:"-",m:"_"});p.cn=m,p.withNaming=b;var x={};function h(e){var n=e.n||"",t=e.v||e.m;function o(o,a,r,i){var l=a?n+o+e.e+a:n+o,c=l;if(r){var d=" "+c+e.m;for(var s in r)if(r.hasOwnProperty(s)){var u=r[s];!0===u?c+=d+s:u&&(c+=d+s+t+u)}}if(void 0!==i)for(var f=0,p=i.length;f<p;f++){var b=i[f];if(b&&"string"==typeof b.valueOf())for(var m=b.valueOf().split(" "),x=0;x<m.length;x++){var h=m[x];h!==l&&(c+=" "+h)}}return c}return function(e,n){return function(t,a,r){return"string"==typeof t?Array.isArray(a)?o(e,t,void 0,a):o(e,t,a,r):o(e,n,t,a)}}}Object.defineProperty(x,"__esModule",{value:!0});var g=h({e:"-",m:"_"});function v(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}x.cn=g,x.withNaming=h,"production"===process.env.NODE_ENV?f.exports=p:f.exports=x;v(".button {\n  border: none;\n  cursor: pointer;\n  outline: none;\n  transition: transform 0.1s ease-out, color 0.15s linear;\n  border-radius: 4px; }\n  .button-text {\n    width: 100%;\n    font-family: 'Source Sans Pro';\n    font-size: 15px !important;\n    line-height: 20px; }\n    .button-text_with-icon {\n      display: flex;\n      align-items: center; }\n      .button-text_with-icon svg {\n        text-align: center; }\n\n@-webkit-keyframes rot {\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(360deg); } }\n\n@keyframes rot {\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(360deg); } }\n    .button-text_loading {\n      -webkit-animation: 1.5s linear 0s normal none infinite running rot;\n              animation: 1.5s linear 0s normal none infinite running rot; }\n  .button_size_l {\n    width: 100%;\n    padding: 10px 20px;\n    font-size: 15px;\n    height: 40px;\n    display: flex;\n    align-items: center; }\n  .button_size_m {\n    padding: 8px 40px;\n    font-size: 15px;\n    height: 36px; }\n  .button_size_s {\n    font-size: 12px;\n    height: 30px;\n    width: 120px;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n  .button_view_action {\n    background-color: #0088e9;\n    color: #fff; }\n    .button_view_action .button-text {\n      color: #fff; }\n    .button_view_action:hover {\n      background-color: #3aa1eb; }\n  .button_view_bordered {\n    background-color: transparent;\n    border: 1px solid #0088e9; }\n    .button_view_bordered .button-text {\n      color: #0088e9; }\n      .button_view_bordered .button-text path {\n        fill: #0088e9; }\n    .button_view_bordered:hover {\n      border-color: #3aa1eb; }\n      .button_view_bordered:hover .button-text {\n        color: #3aa1eb; }\n        .button_view_bordered:hover .button-text path {\n          fill: #3aa1eb; }\n  .button_view_danger {\n    border-color: #ea5959;\n    background: #ea5959;\n    color: #fff; }\n    .button_view_danger:hover {\n      background: #f07575;\n      border-color: #f07575; }\n  .button_disabledBlueButton_disabledBlue {\n    background-color: transparent;\n    border: 1px solid #0088e9;\n    cursor: default;\n    pointer-events: none; }\n    .button_disabledBlueButton_disabledBlue .button-text {\n      color: #0088e9; }\n      .button_disabledBlueButton_disabledBlue .button-text path {\n        fill: #0088e9; }\n  .button_disabledBlueButton_disabled.button_view_action {\n    background-color: #c0c2c9;\n    cursor: default; }\n    .button_disabledBlueButton_disabled.button_view_action:hover {\n      background-color: #c0c2c9; }\n  .button_disabledBlueButton_disabled.button_view_bordered {\n    border: 1px solid #c0c2c9;\n    cursor: default; }\n    .button_disabledBlueButton_disabled.button_view_bordered .button-text {\n      color: #c0c2c9; }\n      .button_disabledBlueButton_disabled.button_view_bordered .button-text path {\n        fill: #c0c2c9; }\n    .button_disabledBlueButton_disabled.button_view_bordered:hover {\n      border: 1px solid #c0c2c9; }\n      .button_disabledBlueButton_disabled.button_view_bordered:hover .button-text {\n        color: #c0c2c9; }\n  .button:hover {\n    box-shadow: 0, 8px rgba(20, 49, 127, 0.08); }\n");var k,E=f.exports.cn("button"),w=l.default.forwardRef((function(n,t){var o=n.view,a=n.size,r=n.customClasses,i=void 0===r?"":r,c=n.icon,u=n.loading,f=n.disabled,p=n.children,b=n.disabledBlue,m=void 0!==b&&b,x=s(n,["view","size","customClasses","icon","loading","disabled","children","disabledBlue"]),h=e.useMemo((function(){return m?"disabledBlue":f?"disabled":""}),[m,f]);return l.default.createElement("button",d({type:"button",className:i+" "+E({view:o,size:a,disabledBlueButton:h})},x,{disabled:f,ref:t}),l.default.createElement("div",{className:E("text",{"with-icon":Boolean(c),loading:Boolean(u)})},c,p))}));exports.ButtonViewEnum=void 0,(k=exports.ButtonViewEnum||(exports.ButtonViewEnum={})).link="link",k.solid="solid",k.action="action",k.bordered="bordered",k.danger="danger";v(".checkbox {\n  display: grid;\n  grid-template-columns: 16px 1fr;\n  grid-column-gap: 8px;\n  align-items: center;\n  cursor: pointer; }\n  .checkbox_isDisabled {\n    cursor: default !important; }\n  .checkbox_blocked {\n    grid-template-columns: 32px 1fr; }\n  .checkbox-label {\n    font: 15px/20px 'Source Sans Pro';\n    color: #2c2d2e;\n    margin: 0; }\n    .checkbox-label_isDisabled {\n      cursor: default !important; }\n  .checkbox-input {\n    position: relative;\n    display: inline-block;\n    grid-column: 1;\n    grid-row: 1;\n    width: 16px;\n    height: 16px;\n    border: 1px solid rgba(0, 16, 61, 0.12);\n    border-radius: 4px;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    cursor: pointer;\n    padding: 0;\n    margin: 0;\n    outline: none; }\n    .checkbox-input:checked {\n      border: 1px solid #0088e9;\n      background-color: #0088e9; }\n      .checkbox-input:checked ~ .checkbox-icon {\n        display: inline-block; }\n    .checkbox-input_isDisabled {\n      background-color: rgba(0, 16, 61, 0.06);\n      opacity: 0.48;\n      border-color: #bfc1c7;\n      cursor: default !important; }\n      .checkbox-input_isDisabled:checked {\n        background-color: rgba(0, 16, 61, 0.06);\n        border-color: #bfc1c7; }\n        .checkbox-input_isDisabled:checked ~ .checkbox-icon > path {\n          fill: rgba(44, 45, 46, 0.48); }\n    .checkbox-input_blocked {\n      width: 32px;\n      height: 32px;\n      border: none;\n      background: none; }\n      .checkbox-input_blocked:checked {\n        border: none;\n        background: none; }\n    .checkbox-input_isError {\n      border: 1px solid #ea5959; }\n  .checkbox-icon {\n    display: none;\n    grid-column: 1;\n    grid-row: 1;\n    z-index: 1;\n    width: 100%; }\n");var y=f.exports.cn("checkbox"),C=function(e){var t=e.label,o=e.checked,a=e.disabled,r=e.handleCheckboxChange,i=e.blocked,c=e.isError,u=void 0!==c&&c,f=e.customClasses,p=void 0===f?"":f,b=s(e,["label","checked","disabled","handleCheckboxChange","blocked","isError","customClasses"]);return l.default.createElement("label",{className:p+" "+y({blocked:i,isDisabled:a}),"data-testid":"test-checkbox"},t&&l.default.createElement("span",{className:y("label",{isDisabled:a})},t),l.default.createElement("input",d({type:"checkbox",className:y("input",{isDisabled:a,blocked:i,isError:u}),checked:o,disabled:a||i,onChange:r},b)),i?l.default.createElement(n.LockIcon,{className:y("icon",{blocked:i})}):l.default.createElement(n.CheckIcon,{className:y("icon")}))};v(".classcard-statusbar-task {\n  display: flex;\n  align-items: center;\n  width: 200px;\n  height: 40px;\n  position: absolute;\n  bottom: 20px; }\n  .classcard-statusbar-task-count {\n    width: 24px;\n    height: 24px;\n    border-radius: 6px;\n    color: #2f929a;\n    text-align: center;\n    font-size: 15px;\n    line-height: 24px;\n    background-color: #d1e6e8;\n    margin-right: 6px;\n    margin-left: 7px;\n    font-weight: 700; }\n    .classcard-statusbar-task-count_overdue {\n      background-color: #f9cccc;\n      color: #ea5959; }\n  .classcard-statusbar-task-label {\n    max-width: 150px;\n    font-size: 12px;\n    line-height: 20px; }\n");var _=f.exports.cn("classcard-statusbar"),N=function(n){var o=n.isCompleted,a=n.tasks,r=n.overdue,i=n.nextLessonDate,d=n.isStudent,s=void 0!==d&&d,u=e.useMemo((function(){return function(e){return(c.default.t("task",{count:a})+" "+e).slice(String(a).length)}}),[a]),f=void 0!==i&&o?"все проверено, следующее занятие "+t.formatDate(i):u("на проверку"),p=e.useMemo((function(){return o?"Заданий нет":u(r?"просрочено":"сделать")}),[r,o,u]),b=e.useMemo((function(){return s?p:f}),[s,f,p]);return l.default.createElement("div",{className:_("task")},!o&&l.default.createElement("div",{className:_("task-count",{overdue:r})},a),l.default.createElement("span",{className:_("task-label")},b))};v(".classcard {\n  border: 1px solid #eef4fb;\n  box-sizing: border-box;\n  border-radius: 14px;\n  padding: 18px 20px 60px 20px;\n  width: 240px;\n  min-height: 170px;\n  background-color: #fff;\n  cursor: pointer;\n  position: relative; }\n  .classcard_isStudent {\n    padding-right: 12px; }\n  .classcard_overdue {\n    border-color: transparent;\n    background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #eaeefa 0%, #ff6883 100%);\n    background-origin: border-box;\n    background-clip: padding-box, border-box; }\n  .classcard-title {\n    font-size: 24px;\n    line-height: 28px;\n    margin-bottom: 15px;\n    margin-left: 7px; }\n    .classcard-title_isStudent {\n      margin-bottom: 8px; }\n  .classcard-info {\n    display: flex;\n    font-size: 12px;\n    line-height: 15px; }\n  .classcard-students {\n    display: flex;\n    margin-bottom: 11px; }\n    .classcard-students-label {\n      margin-left: 10px; }\n    .classcard-students-icon {\n      margin-left: 8px; }\n  .classcard-lessons {\n    display: flex;\n    margin-left: 15px; }\n    .classcard-lessons-label {\n      margin-left: 7px; }\n  .classcard-edit {\n    margin-top: 9px; }\n  .classcard-button-text {\n    margin-left: 12px; }\n  .classcard:hover {\n    box-shadow: 0px 8px 32px 0px #14317f14; }\n\n.courseCard {\n  border: 1px solid #eef4fb;\n  box-sizing: border-box;\n  border-radius: 14px;\n  padding: 20px 20px 23px 20px;\n  width: 240px;\n  height: 200px;\n  background-color: #fff;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer; }\n  .courseCard-title {\n    font-size: 18px;\n    line-height: 20px;\n    margin-bottom: 20px;\n    height: 40px;\n    margin-right: 20px; }\n  .courseCard-placeStudents {\n    height: 16px;\n    margin-bottom: 8px;\n    display: flex;\n    font-size: 12px;\n    line-height: 15px; }\n  .courseCard-students {\n    display: flex; }\n    .courseCard-students-label {\n      margin-left: 10px; }\n  .courseCard-teacher {\n    font-size: 12px;\n    height: 36px; }\n  .courseCard-button {\n    margin-top: auto; }\n  .courseCard-button-text {\n    margin-left: 12px; }\n  .courseCard:hover {\n    box-shadow: 0px 8px 32px 0px #14317f14; }\n");var B,z=f.exports.cn("classcard"),F=f.exports.cn("courseCard");exports.CodifierElementIconEnum=void 0,(B=exports.CodifierElementIconEnum||(exports.CodifierElementIconEnum={})).question="question",B.text="text",B.table="table",B.header="header",B.video="video",B.audio="audio",B.document="document",B.image="image",B.exercise="exercise";v(".codifierElement {\n  width: 260px;\n  padding: 20px;\n  display: flex;\n  align-items: center;\n  border: 1px solid #eef4fb;\n  border-radius: 14px;\n  background-color: #fff;\n  overflow: hidden;\n  box-sizing: border-box;\n  cursor: -webkit-grab;\n  cursor: grab;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none; }\n  .codifierElement_dragging {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n    border-color: #6865ff;\n    box-shadow: none; }\n  .codifierElement:hover {\n    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.06); }\n  .codifierElement-iconWrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 28px;\n    width: 28px;\n    height: 28px;\n    margin-right: 8px; }\n  .codifierElement-icon_scaled {\n    transform: scale(1.2); }\n  .codifierElement-icon.audio path {\n    stroke: #0088e9; }\n  .codifierElement-header {\n    max-width: 200px;\n    margin: 0;\n    padding: 0;\n    font-size: 15px;\n    line-height: 21px;\n    font-weight: 600;\n    color: #323c47;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    box-sizing: content-box;\n    max-height: 42px; }\n  .codifierElement-description {\n    max-width: 200px;\n    margin: 0;\n    padding: 0;\n    font-size: 13px;\n    line-height: 16px;\n    color: #c0c2c9;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis; }\n  .codifierElement_disabled {\n    border-color: #edeef2;\n    color: #c0c2c9;\n    cursor: not-allowed !important; }\n    .codifierElement_disabled:hover {\n      box-shadow: none !important; }\n    .codifierElement_disabled .question path {\n      fill: #c0c2c9; }\n    .codifierElement_disabled .text path {\n      fill: #c0c2c9;\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .header path {\n      fill: #c0c2c9;\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .table path {\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .video path {\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .audio path {\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .document path {\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .image path {\n      stroke: #c0c2c9; }\n    .codifierElement_disabled .exercise path {\n      stroke: #c0c2c9; }\n");var S=f.exports.cn("codifierElement"),I=function(e,n){return e.reduce((function(e,t){return n?(e[t]=!n.length||n.includes(t),e):(e[t]=!0,e)}),{})};v(".select {\n  font-size: 15px;\n  position: relative;\n  width: 100%; }\n  .select_location-opened {\n    width: unset;\n    min-width: 500px; }\n  .select .together {\n    display: flex; }\n    .select .together .select-together-input {\n      position: relative;\n      height: 40px;\n      width: 100%;\n      border-radius: 4px;\n      outline: none;\n      border: 1px solid #eef4fb;\n      background-color: #ffffff;\n      padding-left: 12px;\n      cursor: pointer;\n      text-align: start;\n      padding-left: 12px;\n      padding-right: 30px;\n      font-family: 'Source Sans Pro', sans-serif;\n      font-size: 15px; }\n      .select .together .select-together-input_placeholder {\n        color: #919399; }\n      .select .together .select-together-input_focus {\n        outline: none;\n        border: 1px solid #00103d7a;\n        background-color: #ffffff;\n        border-radius: 4px 4px 0 0; }\n      .select .together .select-together-input_disable {\n        pointer-events: none;\n        cursor: default;\n        border: 1px solid #00103d1f;\n        background-color: #edeef2;\n        color: #919399; }\n      .select .together .select-together-input_notValid {\n        border: 1px solid #ea5959; }\n    .select .together .select-together-icon {\n      position: absolute;\n      top: 19px;\n      transform: translateY(-50%);\n      right: 20px;\n      height: -webkit-min-content;\n      height: -moz-min-content;\n      height: min-content;\n      transition: all 0.2s; }\n      .select .together .select-together-icon svg path {\n        fill: #0088e9; }\n      .select .together .select-together-icon_open {\n        transform: rotate(180deg);\n        top: 14px; }\n  .select-suggest {\n    position: absolute;\n    width: 100%;\n    box-sizing: border-box;\n    z-index: 100; }\n    .select-suggest_focus {\n      max-height: 216px;\n      border: 1px solid #00103d7a;\n      border-top: hidden;\n      border-radius: 0 0 4px 4px; }\n    .select-suggest_needScroll {\n      padding-right: 9px;\n      padding-top: 6px;\n      padding-bottom: 6px; }\n  .select-options {\n    overflow-y: auto;\n    z-index: 1;\n    overflow-x: hidden;\n    max-height: 200px; }\n  .select #scroll-bar::-webkit-scrollbar {\n    width: 4px;\n    background-color: #eef4fb; }\n  .select #scroll-bar::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    background-color: #d1ddea; }\n  .select #scroll-bar::-webkit-scrollbar-track {\n    background-color: #eef4fb; }\n  .select-option {\n    display: none;\n    border-radius: 4px; }\n    .select-option_focus {\n      width: 100%;\n      height: 40px;\n      background-color: #ffffff;\n      display: flex;\n      align-items: center;\n      font-size: 14px;\n      line-height: 19px;\n      color: #252232;\n      cursor: pointer;\n      padding-left: 12px; }\n      .select-option_focus span {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: pre; }\n    .select-option:hover {\n      background-color: #edeef2; }\n  .select:hover {\n    box-shadow: 0px 8px 32px 0px #14317f14; }\n");var M=f.exports.cn("select"),O=function(t){var o=t.placeholder,a=void 0===o?"":o,i=t.options,c=t.meta,s=t.input,u=t.value,f=void 0===u?null:u,p=t.onChange,b=void 0===p?void 0:p,m=t.onMultiSelect,x=t.needBlueIcon,h=void 0!==x&&x,g=t.child,v=void 0===g?void 0:g,k=t.isTextArea,E=void 0!==k&&k,w=t.rows,y=void 0===w?0:w,_=t.multiple,N=t.newValue,B=t.isLocationDropdown,z=t.initOptions,F=void 0===z?[]:z,S=t.flagReset,O=void 0!==S&&S,V=t.setFlagReset,P=void 0===V?void 0:V,T=t.makeMultipleInputValue,D=void 0===T?function(e){return Object.entries(e).filter((function(e){return e[1]})).reduce((function(e,n,t,o){var a=n[0];return e+(n[1]?a+(t===o.length-1?"":", "):"")}),"")}:T,j=e.useState(!1),L=j[0],R=j[1],A=e.useRef(null),q=e.useState(I(i,F)),H=q[0],U=q[1],W=e.useCallback((function(e){return _?function(){var n,t=d(d({},H),((n={})[e]=!H[e],n));if(m){var o=i.filter((function(e){return t[e]}));m(o)}U(t)}:function(){s.onBlur(),s.onChange(e),b&&b(e)}}),[s,_,b,m,i,H]);e.useEffect((function(){if(_){var e=D(H);s.onChange(e)}}),[s,D,_,H]),e.useEffect((function(){O&&(U(I(i,[])),P&&P(!1))}),[O,P,i]),e.useEffect((function(){F.length&&U(I(i,F))}),[F,i]),e.useEffect((function(){_||null===f||s.value===f||s.onChange(f)}),[f,s,_]),r.useOuterClickField(A,s.onBlur,L);var Y=e.useCallback((function(){R((function(e){return!e}))}),[R]),G=e.useMemo((function(){return i.length>=5}),[i]);return e.useEffect((function(){null!=N&&s.onChange(N)}),[N,s]),l.default.createElement("div",{className:M({"location-opened":c.active&&B}),ref:A},l.default.createElement("div",{className:"together"},E?l.default.createElement("textarea",d({type:"button",className:M("together-input",{focus:c.active,disable:0===(null==i?void 0:i.length)&&!v,placeholder:Boolean(!s.value&&!f),notValid:Boolean(c.error)&&c.touched&&!c.active})},s,{rows:y,value:s.value?s.value:f||a,readOnly:!0,onFocus:function(e){s.onFocus(e),L||Y()},autoComplete:"off",onBlur:void 0})):l.default.createElement("input",d({type:"button",className:M("together-input",{focus:c.active,disable:0===(null==i?void 0:i.length)&&!v,placeholder:Boolean(!s.value),notValid:Boolean(c.error)&&c.touched&&!c.active})},s,{value:s.value?s.value:f||a,readOnly:Boolean(s.value),onFocus:function(e){s.onFocus(e),L||Y()},autoComplete:"off",onBlur:void 0})),l.default.createElement("div",{className:M("together-icon",{open:c.active,blue:h})},l.default.createElement(n.LittleArrow,null))),l.default.createElement("div",{className:M("suggest",{focus:c.active,needScroll:G})},l.default.createElement("div",{className:M("options"),id:"scroll-bar"},!v&&i.map((function(e,n){return l.default.createElement("div",{key:n,className:M("option",{focus:c.active}),onClick:W(e)},_&&l.default.createElement(C,{checked:H[e],readOnly:!0}),l.default.createElement("span",null,e))})),v&&c.active&&l.default.createElement("div",{className:M("option",{focus:c.active})},v))))};v(".field-form-core {\n  display: flex;\n  position: relative;\n  width: 100%; }\n  .field-form-core input::-moz-placeholder {\n    color: #c0c2c9; }\n  .field-form-core input:-ms-input-placeholder {\n    color: #c0c2c9; }\n  .field-form-core input::placeholder {\n    color: #c0c2c9; }\n  .field-form-core-input {\n    width: 100%;\n    height: 40px;\n    border-radius: 4px;\n    outline: none;\n    border: 1px solid #00103d1f;\n    background-color: #ffffff;\n    font-size: 15px;\n    color: #252232;\n    padding-left: 12px; }\n    .field-form-core-input_noBorders {\n      border: none;\n      border-bottom: 1px solid #eef4fb;\n      font-size: 18px;\n      line-height: 28px;\n      font-weight: 600;\n      background-color: #ffffff;\n      border-radius: 0;\n      padding-left: 0 !important; }\n    .field-form-core-input_withoutBorders {\n      border: none;\n      font-size: 13px;\n      line-height: 16px;\n      font-weight: 600;\n      padding-left: 0 !important;\n      border-radius: 0;\n      background: #fff;\n      height: 17px; }\n    .field-form-core-input_focus {\n      outline: none;\n      border: 1px solid #00103d7a;\n      background-color: #ffffff; }\n    .field-form-core-input_oneBorderFocus {\n      outline: none;\n      border: none;\n      border-bottom: 1px solid #00103d7a;\n      background-color: #ffffff;\n      border-radius: 0;\n      padding-left: 0 !important; }\n    .field-form-core-input_withoutBordersFocus {\n      outline: none;\n      border: none;\n      background-color: #ffffff;\n      border-radius: 0;\n      padding-left: 0 !important; }\n    .field-form-core-input_disable {\n      pointer-events: none;\n      cursor: default;\n      opacity: 0.5;\n      background-color: #edeef2;\n      color: #919399; }\n    .field-form-core-input_notValid {\n      outline: none;\n      border: 1px solid #ea5959; }\n    .field-form-core-input_oneBorderNotValid {\n      outline: none;\n      border: none;\n      border-bottom: 1px solid #ea5959;\n      background-color: #ffffff;\n      border-radius: 0;\n      padding-left: 0 !important; }\n  .field-form-core-icon {\n    display: none; }\n    .field-form-core-icon_notEmpty {\n      display: flex !important;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      right: 20px;\n      transition: all 0.2s;\n      cursor: pointer; }\n      .field-form-core-icon_notEmpty svg {\n        width: 8px;\n        height: 8px; }\n");var V=f.exports.cn("field-form-core"),P=function(t){var o=t.placeholder,a=void 0===o?"":o,r=t.meta,i=t.input,c=t.value,s=t.disable,u=void 0!==s&&s,f=t.forTitle,p=void 0!==f&&f,b=t.needDeleteIcon,m=void 0===b||b,x=t.onBlur,h=t.withoutBorders,g=void 0!==h&&h,v=e.useState(!1),k=v[0],E=v[1],w=e.useCallback((function(){E((function(e){return!e}))}),[E]),y=e.useCallback((function(){i.onChange(""),i.onBlur()}),[i]);return e.useEffect((function(){!r.active&&k&&x&&x(i.value)}),[r,k,x,i.value]),l.default.createElement("div",{className:V()},l.default.createElement("input",d({type:"text",className:V("input",{focus:r.active&&!p,disable:u,notValid:Boolean(r.error)&&r.touched&&!p,noBorders:p,oneBorderFocus:r.active&&p,oneBorderNotValid:Boolean(r.error)&&r.touched&&p,withoutBorders:g,withoutBordersFocus:r.active&&g})},i,{value:i.value||c||"",onFocus:function(e){i.onFocus(e),k||w()},autoComplete:"off",placeholder:a})),m&&l.default.createElement("div",{className:V("icon",{notEmpty:Boolean(i.value)}),onClick:y},l.default.createElement(n.CloseIcon,null)))};v(".field-input-counter-core {\n  width: -webkit-max-content;\n  width: -moz-max-content;\n  width: max-content;\n  display: flex;\n  align-items: center;\n  -moz-column-gap: 6px;\n       column-gap: 6px;\n  background: #fff;\n  border: 1px solid #eef4fb;\n  box-sizing: border-box;\n  border-radius: 6px; }\n  .field-input-counter-core-button {\n    height: 40px;\n    width: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid transparent;\n    box-sizing: border-box;\n    border-radius: 6px;\n    background: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer; }\n    .field-input-counter-core-button_decrement {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0; }\n    .field-input-counter-core-button_increment {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0; }\n    .field-input-counter-core-button:hover {\n      background-color: #3aa1eb; }\n      .field-input-counter-core-button:hover path {\n        stroke: #fff;\n        fill: #fff; }\n    .field-input-counter-core-button_disabled {\n      cursor: default; }\n      .field-input-counter-core-button_disabled path {\n        stroke: #eef4fb;\n        fill: #eef4fb; }\n      .field-input-counter-core-button_disabled:hover {\n        background: none; }\n        .field-input-counter-core-button_disabled:hover path {\n          stroke: #eef4fb;\n          fill: #eef4fb; }\n  .field-input-counter-core-input {\n    width: 66px;\n    background: none;\n    border: none;\n    text-align: center;\n    padding: 0;\n    margin: 0; }\n    .field-input-counter-core-input_disabled {\n      color: #c0c2c9; }\n");var T=f.exports.cn("field-input-counter-core"),D=function(e,n,t){return Math.max(e,Math.min(n,t))},j=function(t){var o=t.value,a=t.onChange,r=t.makeTitle,i=void 0===r?function(e){return e.toString()}:r,c=t.parse,d=void 0===c?function(e){return e}:c,s=t.disabled,u=void 0!==s&&s,f=t.min,p=void 0===f?1:f,b=t.max,m=void 0===b?1e5:b,x=t.step,h=void 0===x?1:x,g=e.useCallback((function(){a(d(D(p,m,o+h)))}),[m,p,a,d,h,o]),v=e.useCallback((function(){a(d(D(p,m,o-h)))}),[m,p,a,d,h,o]),k=e.useMemo((function(){return u||o===p}),[u,p,o]),E=e.useMemo((function(){return u||o===m}),[u,m,o]);return l.default.createElement("div",{className:T()},l.default.createElement("button",{type:"button",className:T("button",{decrement:!0,disabled:k}),disabled:k,onClick:v},l.default.createElement(n.Minus,null)),l.default.createElement("input",{type:"text",className:T("input",{disabled:u}),value:i(o),disabled:!0}),l.default.createElement("button",{type:"button",className:T("button",{increment:!0,disabled:E}),disabled:E,onClick:g},l.default.createElement(n.Add,null)))};v(".file {\n  height: 33px;\n  display: flex;\n  margin-top: 25.5px;\n  max-width: 500px; }\n  .file-main {\n    display: flex; }\n  .file-name {\n    font-size: 13px;\n    color: #252232;\n    margin: auto 0 auto 9px;\n    text-decoration: none;\n    max-width: 120px;\n    white-space: pre-wrap;\n    word-wrap: break-word; }\n  .file-hoverIcons {\n    display: flex; }\n  .file button {\n    padding: 0;\n    border: none;\n    background: none;\n    height: 33px;\n    width: 33px;\n    cursor: pointer;\n    outline: none; }\n  .file button:hover {\n    background-color: #f9fafd;\n    border: none;\n    border-radius: 4px; }\n  .file-send {\n    margin-left: 12px;\n    margin-right: 12px; }\n");var L=f.exports.cn("file");v(".textarea-field-core {\n  display: flex;\n  position: relative;\n  width: 100%; }\n  .textarea-field-core-input {\n    max-height: 200px;\n    min-height: 80px;\n    border-radius: 4px;\n    width: inherit;\n    outline: none;\n    border: 1px solid #00103d1f;\n    background-color: #fff;\n    padding-left: 12px;\n    padding-top: 10px;\n    font-size: 15px;\n    color: #252232;\n    resize: vertical; }\n    .textarea-field-core-input:focus {\n      outline: none;\n      border: 1px solid #00103d7a;\n      background-color: #fff; }\n    .textarea-field-core-input_disabled {\n      pointer-events: none;\n      cursor: default;\n      opacity: 0.5;\n      background-color: #edeef2;\n      color: #919399;\n      -webkit-user-select: none;\n         -moz-user-select: none;\n          -ms-user-select: none;\n              user-select: none; }\n    .textarea-field-core-input_notValid {\n      outline: none;\n      border: 1px solid #ea5959; }\n  .textarea-field-core-icon {\n    display: none; }\n    .textarea-field-core-icon_notEmpty {\n      display: initial;\n      position: absolute;\n      top: 16px;\n      transform: translateY(-50%);\n      right: 16px;\n      height: -webkit-min-content;\n      height: -moz-min-content;\n      height: min-content;\n      transition: all 0.2s;\n      cursor: pointer; }\n      .textarea-field-core-icon_notEmpty svg {\n        width: 8px;\n        height: 8px; }\n");var R=f.exports.cn("textarea-field-core"),A=function(t){var o=t.meta,a=t.input,i=t.isError,c=void 0!==i&&i,u=t.disabled,f=t.onClear,p=t.value,b=t.onFocus,m=t.className,x=s(t,["meta","input","isError","disabled","onClear","value","onFocus","className"]),h=e.useCallback((function(){if(a)return a.onChange(""),void a.onBlur();f&&f()}),[a,f]),g=e.useCallback((function(e){a?a.onFocus(e):b&&b(e)}),[a,b]),v=e.useRef(null),k=r.useTouched(v);return l.default.createElement("div",{className:[R(),m].join(" ")},l.default.createElement("textarea",d({},x,{ref:v,type:"text",className:R("input",{disabled:u,notValid:o?Boolean(o.error)&&o.touched:c&&k})},a,{value:(null==a?void 0:a.value)||p||"",onFocus:g,autoComplete:"off",disabled:u})),l.default.createElement("div",{className:R("icon",{notEmpty:Boolean((null==a?void 0:a.value)||p||"")}),onClick:h},l.default.createElement(n.CloseIcon,null)))},q=function(e){var n=e.isField,o=e.name,r=void 0===o?"":o,i=e.validators,c=void 0===i?[]:i,u=s(e,["isField","name","validators"]);return n?l.default.createElement(a.Field,{name:r,validate:t.composeValidators.apply(void 0,c)},(function(e){var n=e.input,t=e.meta;return l.default.createElement(A,d({},u,{input:n,meta:t}))})):l.default.createElement(A,d({},u))};v(".note-actions-title {\n  font-size: 24px;\n  line-height: 28px;\n  font-weight: 600;\n  margin-bottom: 19px;\n  margin-top: 35px; }\n\n.note-actions-buttons {\n  margin-top: 16px;\n  width: 336px; }\n\n.note-actions-editButtons {\n  display: flex; }\n\n.note-actions-edit-button, .note-actions-save-button, .note-actions-cancel-button {\n  margin-right: 8px; }\n\n.note-actions-edit {\n  width: 172px; }\n\n.note-actions-cancel {\n  width: 108px; }\n\n.note-actions .note-actions-delete {\n  width: 40px;\n  padding: 0;\n  border-color: #ea5959; }\n  .note-actions .note-actions-delete .button-text {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n    .note-actions .note-actions-delete .button-text path {\n      fill: unset; }\n\n.note-actions .note-actions-delete:hover {\n  background-color: #ea5959;\n  border-color: #ea5959; }\n  .note-actions .note-actions-delete:hover .button-text path {\n    stroke: #fff;\n    fill: unset; }\n\n.note-actions-saveButtons {\n  display: flex; }\n\n.note-actions-save {\n  width: 196px; }\n\n.note-actions-cancelCreate {\n  width: 132px; }\n");var H=f.exports.cn("note-actions");v("@charset \"UTF-8\";\n.radio-core-input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  cursor: pointer;\n  /* стили при наведении курсора на радио */\n  /* стили для активной радиокнопки (при нажатии на неё) */\n  /* стили для радиокнопки, находящейся в фокусе */\n  /* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */\n  /* стили для радиокнопки, находящейся в состоянии checked */\n  /* стили для радиокнопки, находящейся в состоянии disabled */ }\n  .radio-core-input:not(:disabled):not(:checked) + span:hover::before {\n    border-color: #b3d7ff; }\n  .radio-core-input:not(:disabled):active + span::before {\n    background-color: #b3d7ff;\n    border-color: #b3d7ff; }\n  .radio-core-input:focus + span::before {\n    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n  .radio-core-input:focus:not(:checked) + span::before {\n    border-color: #80bdff; }\n  .radio-core-input:checked + span::before {\n    border-color: #0b76ef;\n    background-color: #0b76ef;\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\"); }\n  .radio-core-input:disabled + span::before {\n    background-color: #e9ecef; }\n  .radio-core-input_error + span::before {\n    border-color: #ea5959; }\n\n.radio-core-span {\n  display: inline-flex;\n  align-items: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  font-weight: 400;\n  font-size: 18px;\n  vertical-align: middle;\n  line-height: 16px; }\n  .radio-core-span::before {\n    content: '';\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    flex-grow: 0;\n    border: 1px solid #adb5bd;\n    border-radius: 50%;\n    margin-right: 8px;\n    background-repeat: no-repeat;\n    background-position: center center;\n    background-size: 50% 50%; }\n");var U=f.exports.cn("radio-core"),W=l.default.forwardRef((function(e,n){var t=e.error,o=void 0!==t&&t,a=e.disabled,r=void 0!==a&&a,i=e.customClassNames,c=void 0===i?[]:i,f=e.label,p=e.value,b=e.withoutLabel,m=s(e,["error","disabled","customClassNames","label","value","withoutLabel"]);return l.default.createElement("div",{className:u([U()],c).join(" "),"data-testid":"radio-core-test"},l.default.createElement("label",{className:U({container:!0}),"data-testid":"radio-label"},l.default.createElement("input",d({type:"radio",className:U("input",{error:o})},m,{value:p,disabled:r,ref:n})),l.default.createElement("span",{className:U("span")},!b&&(f||p||""))))})),Y=l.default.forwardRef((function(e,n){var o=e.isField,r=void 0===o||o,i=e.validators,c=void 0===i?[]:i,u=e.name,f=void 0===u?"":u,p=s(e,["isField","validators","name"]);return r?l.default.createElement(a.Field,{type:"radio",name:f,value:p.value,validate:t.composeValidators.apply(void 0,c)},(function(e){var t=e.input,o=e.meta;return l.default.createElement(W,d({},p,t,{error:!!o.error&&o.touched,ref:n}))})):l.default.createElement(W,d({},p,{ref:n}))}));v(".tabsHeaderItem {\n  padding: 8px 0;\n  cursor: pointer;\n  font-size: 15px;\n  font-weight: 600;\n  color: #C0C2C9; }\n  .tabsHeaderItem_selected {\n    color: #0088E9;\n    border-bottom: 1px solid #0088E9; }\n");var G=f.exports.cn("tabsHeaderItem"),Q=function(n){var t=n.content,o=n.isSelected,a=n.onClick,r=n.id,i=e.useCallback((function(){return a(r)}),[r,a]);return l.default.createElement("div",{onClick:i,className:G({selected:o})},t)};v(".tabs {\n  width: 100%; }\n  .tabs-header {\n    display: flex;\n    border-bottom: 1px solid #EDEEF2; }\n    .tabs-header .tabsHeaderItem:not(:last-child) {\n      margin-right: 30px; }\n  .tabs-content {\n    position: relative; }\n");var X=f.exports.cn("tabs");v(".title-header {\n  display: flex;\n  position: relative; }\n\n.title-name {\n  font-weight: 600;\n  font-size: 23px;\n  padding-top: 5px; }\n\n.title-uploadFiles {\n  width: 0.1px;\n  height: 0.1px;\n  opacity: 0;\n  overflow: hidden;\n  position: absolute;\n  z-index: -1;\n  pointer-events: none;\n  outline: none; }\n\n.title-labelFileUploader {\n  border: 1px dashed #0088e9;\n  cursor: pointer;\n  width: 40px;\n  height: 40px;\n  border-radius: 4px;\n  margin-left: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n  .title-labelFileUploader:hover {\n    border: 1px solid #0088e9;\n    background-color: #0088e9; }\n    .title-labelFileUploader:hover svg {\n      fill: #fff; }\n\n.title-legend {\n  margin-top: 8px;\n  line-height: 20px;\n  font-weight: 600;\n  font-size: 13px;\n  color: #919399; }\n");var J=f.exports.cn("title");v(".checkbox-ios {\n  display: inline-block;\n  position: relative; }\n\n.checkbox-ios .checkbox-ios-switch {\n  display: inline-block;\n  box-sizing: border-box;\n  width: 32px;\n  height: 20px;\n  border-radius: 30%/50%;\n  vertical-align: top;\n  background: #bfc1c7;\n  transition: 0.2s;\n  cursor: pointer; }\n  .checkbox-ios .checkbox-ios-switch .toggle-icon-left {\n    position: absolute;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    top: -2%;\n    left: 18%; }\n    .checkbox-ios .checkbox-ios-switch .toggle-icon-left svg {\n      width: 8px;\n      height: 8px; }\n    .checkbox-ios .checkbox-ios-switch .toggle-icon-left svg > path {\n      fill: #bfc0c7; }\n  .checkbox-ios .checkbox-ios-switch .toggle-icon-right {\n    display: none; }\n\n.checkbox-ios .checkbox-ios-switch::before {\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: #ffffff;\n  transition: 0.4s; }\n\n.checkbox-ios input[type='checkbox'] {\n  display: block;\n  width: 0;\n  height: 0;\n  position: absolute;\n  z-index: -1;\n  opacity: 0; }\n\n.checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch {\n  background: #0088e9; }\n  .checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch .toggle-icon-left {\n    display: none; }\n  .checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch .toggle-icon-right {\n    position: absolute;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    top: -2%;\n    left: 57%; }\n    .checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch .toggle-icon-right svg {\n      width: 8px;\n      height: 8px; }\n\n.checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch:before {\n  transform: translateX(12px); }\n\n.checkbox-ios input[type='checkbox']:disabled + .checkbox-ios-switch {\n  background: #0088e9;\n  opacity: 0.48;\n  cursor: default; }\n\n.checkbox-ios input[type='checkbox']:disabled:not(:checked) + .checkbox-ios-switch {\n  background: #bfc1c7;\n  opacity: 0.48;\n  cursor: default; }\n\n.checkbox-ios input[type='checkbox']:disabled + .checkbox-ios-switch:before {\n  background: #eeeeee; }\n");var K=f.exports.cn("checkbox-ios");exports.Button=w,exports.Checkbox=C,exports.Classcard=function(o){var a=o.name,r=void 0===a?"":a,i=o.studentsCount,d=void 0===i?0:i,s=o.themesCount,u=o.hwCount,f=o.hwDeadline,p=o.nextLessonDate,b=o.isCompleted,m=o.canCreateCourse,x=void 0!==m&&m,h=o.teacher,g=void 0===h?"":h,v=o.courseType,k=void 0===v?"":v,E=o.canEdit,y=void 0!==E&&E,C=o.onEdit,_=o.onClasscardClick,B=o.isMetodist,S=void 0!==B&&B,I=o.isStudent,M=void 0!==I&&I,O=o.progressesOverdue,V=void 0===O?0:O,P=e.useMemo((function(){return void 0===s||s<=0}),[s]),T=e.useMemo((function(){return!P&&t.checkOverdue(f)}),[P,f]),D=e.useMemo((function(){return!!V}),[V]),j=e.useMemo((function(){return g?"уч. "+g:""}),[g]),L=e.useMemo((function(){return y&&!P}),[y,P]),R=e.useMemo((function(){return y?k+" - "+r:""+r}),[y,k,r]),A=e.useCallback((function(e){e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),C&&C()}),[C]),q=e.useMemo((function(){return c.default.t("topic",{count:s})}),[s]),H=e.useMemo((function(){return c.default.t("student",{count:d})}),[d]),U=e.useMemo((function(){return D?V:u}),[D,V,u]);return x?l.default.createElement("div",{className:F(),onClick:_},l.default.createElement("div",{className:F("title")},k," - ",r),l.default.createElement("div",{className:F("placeStudents")},!!d&&l.default.createElement("div",{className:F("students")},l.default.createElement("span",{className:F("students-icon")},l.default.createElement(n.ClasscardUser,null)),l.default.createElement("span",{className:F("students-label")},H)),!!s&&l.default.createElement("div",{className:z("lessons")},l.default.createElement("span",{className:z("lessons-icon")},l.default.createElement(n.Notebook,null)),l.default.createElement("span",{className:z("lessons-label")},q))),Boolean(g)&&l.default.createElement("div",{className:F("teacher")},j),S&&(P?l.default.createElement(w,{icon:l.default.createElement(n.Plus,{width:"14px",height:"14px",fill:"#fff"}),view:exports.ButtonViewEnum.action,size:"l",customClasses:F("button"),onClick:A},l.default.createElement("span",{className:F("button-text")},"Создать программу")):l.default.createElement(w,{icon:l.default.createElement(n.Pencil,{width:"24px",height:"24px"}),view:exports.ButtonViewEnum.action,size:"l",customClasses:F("button"),onClick:A},l.default.createElement("span",{className:F("button-text")},"Редактировать")))):M?l.default.createElement("div",{className:z({overdue:D,isStudent:M}),onClick:_},l.default.createElement("div",{className:z("title",{isStudent:M})},r),l.default.createElement("div",{className:z("info")},l.default.createElement("div",{className:z("students")},l.default.createElement("span",{className:z("students-label")},j))),l.default.createElement(N,{isCompleted:b,tasks:U,overdue:D,isStudent:!0})):l.default.createElement("div",{className:z({overdue:!P&&T}),onClick:_},l.default.createElement("div",{className:z("title")},R),l.default.createElement("div",{className:z("info")},l.default.createElement("div",{className:z("students")},l.default.createElement("span",{className:z("students-icon")},l.default.createElement(n.ClasscardUser,null)),l.default.createElement("span",{className:z("students-label")},H)),l.default.createElement("div",{className:z("lessons")},l.default.createElement("span",{className:z("lessons-icon")},l.default.createElement(n.Notebook,null)),l.default.createElement("span",{className:z("lessons-label")},q))),l.default.createElement(N,{isCompleted:b,tasks:u,overdue:T,nextLessonDate:p}),L&&S&&l.default.createElement("div",{className:z("edit")},l.default.createElement(w,{icon:l.default.createElement(n.Pencil,{width:"24px",height:"24px"}),view:exports.ButtonViewEnum.action,size:"l",onClick:A,customClasses:F("button")},l.default.createElement("span",{className:F("button-text")},"Редактировать"))))},exports.CodifierElement=function(t){var o=t.icon,a=t.title,r=t.description,i=t.dragging,c=t.dragRef,d=t.disabled,s=void 0!==d&&d,u=e.useMemo((function(){switch(o){case exports.CodifierElementIconEnum.text:return n.TextIcon;case exports.CodifierElementIconEnum.table:return n.TableIcon;case exports.CodifierElementIconEnum.header:return n.HeaderIcon;case exports.CodifierElementIconEnum.video:return n.VideoCameraIcon;case exports.CodifierElementIconEnum.document:return n.PaperclipIcon;case exports.CodifierElementIconEnum.image:return n.ImageIcon;case exports.CodifierElementIconEnum.exercise:return n.PuzzlePieceIcon;case exports.CodifierElementIconEnum.audio:return n.MusicNotes;default:return n.QuestionIcon}}),[o]);return l.default.createElement("div",{ref:s?null:c,className:S({dragging:i,disabled:s})},l.default.createElement("div",{className:S("iconWrapper")},l.default.createElement(u,{className:[S("icon",{scaled:o===exports.CodifierElementIconEnum.table}),o].join(" ")})),l.default.createElement("div",{className:S("info")},l.default.createElement("h4",{className:S("header")},a),l.default.createElement("p",{className:S("description")},r)))},exports.FieldDropdown=function(e){var n=e.name,o=e.validators,r=e.multiple,i=e.value,c=s(e,["name","validators","multiple","value"]);return l.default.createElement(a.Field,{name:n,validate:t.composeValidators.apply(void 0,o)},(function(e){var n=e.input,t=e.meta;return l.default.createElement(O,d({value:i,multiple:r},c,{input:n,meta:t}))}))},exports.FieldForm=function(e){var n=e.name,o=e.validators,r=s(e,["name","validators"]);return l.default.createElement(a.Field,{name:n,validate:t.composeValidators.apply(void 0,o||[]),subscriptions:{value:!0,touched:!0,error:!0,active:!0}},(function(e){var n=e.input,t=e.meta;return l.default.createElement(P,d({},r,{input:n,meta:t}))}))},exports.FieldInputCounter=function(e){var n=e.isField,t=void 0!==n&&n,o=e.name,r=void 0===o?"":o,i=s(e,["isField","name"]);return t?l.default.createElement(a.Field,{name:r},(function(e){var n=e.input;return l.default.createElement(j,d({},i,n))})):l.default.createElement(j,d({},i,{value:i.value||0,onChange:i.onChange||function(){}}))},exports.File=function(t){var o=t.name,a=t.isTemplate,r=t.url,i=t.id,c=t.deleteFile,d=e.useState(!1),s=d[0],u=d[1],f=e.useCallback((function(){u((function(e){return!e}))}),[]),p=e.useMemo((function(){return!a&&s}),[a,s]);return l.default.createElement("div",{className:L(),onMouseEnter:f,onMouseLeave:f},l.default.createElement("div",{className:L("main")},l.default.createElement(n.NoteBlank,null),l.default.createElement("a",{href:r,rel:"noreferrer",target:"_blank",className:L("name")},o)),p&&l.default.createElement("div",{className:L("hoverIcons")},l.default.createElement("button",{className:L("send"),id:String(i)},l.default.createElement(n.Send,null)),l.default.createElement("button",{className:L("basket"),id:String(i),onClick:c},l.default.createElement(n.Basket,null))))},exports.NoteActions=function(t){var o=t.isEdit,r=void 0!==o&&o,i=t.onChangeEdit,c=t.onChangeSave,d=t.onChangeDelete,s=t.onClickCancel,u=t.initialValue,f=t.name,p=t.placeholder,b=t.id,m=e.useState(!0),x=m[0],h=m[1],g=e.useCallback((function(e){return e?void 0:"error"}),[]),v=e.useCallback((function(e){"edit"===e.action&&i?(i(e.note,b),s()):"save"===e.action&&c?(c(e.note),s()):"delete"===e.action&&d&&(d(b),s())}),[c,i,s,b,d]);return l.default.createElement("div",{className:H()},l.default.createElement("div",{className:H("title")},r?"Редактировать заметку":"Создать заметку"),l.default.createElement(a.Form,{onSubmit:v,initialValues:u},(function(e){var t=e.handleSubmit,o=e.form;return l.default.createElement("form",{onSubmit:t},l.default.createElement(a.FormSpy,{onChange:function(e){e.dirty&&h(!1)}}),l.default.createElement(q,{isField:!0,name:f,placeholder:p,validators:[g]}),l.default.createElement("div",{className:H("buttons")},r?l.default.createElement("div",{className:H("editButtons")},l.default.createElement("div",{className:H("edit-button"),onClick:function(){return o.change("action","edit")}},l.default.createElement(w,{type:"submit",view:exports.ButtonViewEnum.action,size:"l",customClasses:H("edit"),disabled:x},"Редактировать")),l.default.createElement("div",{className:H("cancel-button")},l.default.createElement(w,{view:exports.ButtonViewEnum.bordered,size:"l",customClasses:H("cancel"),onClick:s},"Отмена")),l.default.createElement("div",{className:H("delete-button"),onClick:function(){return o.change("action","delete")}},l.default.createElement(w,{type:"submit",view:exports.ButtonViewEnum.bordered,size:"l",icon:l.default.createElement(n.Trash,null),customClasses:H("delete")}))):l.default.createElement("div",{className:H("saveButtons")},l.default.createElement("div",{className:H("save-button"),onClick:function(){return o.change("action","save")}},l.default.createElement(w,{type:"submit",view:exports.ButtonViewEnum.action,size:"l",customClasses:H("save")},"Сохранить")),l.default.createElement("div",null,l.default.createElement(w,{view:exports.ButtonViewEnum.bordered,size:"l",customClasses:H("cancelCreate"),onClick:s},"Отмена")))))})))},exports.RadioField=Y,exports.StatusBar=N,exports.Tabs=function(n){var t=n.elements,o=n.selectedElement,a=n.changeSelectedElementHandler,i=n.LoaderComponent,c=e.useMemo((function(){return o<0?0:o}),[o]),d=e.useRef(null),s=r.useGetHeightStyle(d),u=e.useMemo((function(){var e=t.find((function(e){return e.id===c}));return e?e.component:t[0].component}),[t,c]);return l.default.createElement("div",{className:X()},l.default.createElement("div",{className:X("header")},t.map((function(e){return l.default.createElement(Q,{onClick:a,key:e.id,id:e.id,isSelected:e.id===c,content:e.title})}))),l.default.createElement("div",{ref:d,className:X("content"),style:s},s.height&&i&&l.default.createElement(i,null),u))},exports.TextareaField=q,exports.Title=function(e){var t=e.name,o=e.onClickAdd,a=e.inscription,r=e.onClickMove,i=void 0===r?function(){}:r,c=e.isTask,d=void 0!==c&&c;return l.default.createElement("div",{className:J()},l.default.createElement("div",{className:J("header")},l.default.createElement("div",{className:J("name")},t),l.default.createElement("label",{htmlFor:"upload",className:J("labelFileUploader")},l.default.createElement(n.Plus,{fill:"#0088E9"})),d?l.default.createElement("input",{type:"button",id:"upload",className:J("uploadFiles"),onClick:i}):l.default.createElement("input",{type:"file",id:"upload",name:"file",className:J("uploadFiles"),onChange:o})),a&&l.default.createElement("div",{className:J("legend")},a))},exports.Toggle=function(e){var t=e.checked,o=e.disabled,a=void 0!==o&&o,r=e.handleToggleChange,i=e.defaultChecked;return l.default.createElement("label",{className:K(),"data-testid":"test-toggle"},l.default.createElement("input",{type:"checkbox",disabled:a,checked:t,defaultChecked:i,onChange:r}),l.default.createElement("span",{className:K("switch")},l.default.createElement("div",{className:"toggle-icon-left"},l.default.createElement(n.ToggleLeft,null)),l.default.createElement("div",{className:"toggle-icon-right"},l.default.createElement(n.ToggleRight,null))))};
 //# sourceMappingURL=index.js.map

package.json

 {
     "name": "@lms-elements/atomic",
-    "version": "2.1.13",
+    "version": "2.1.14",
     "description": "Atomic components",
@@ -60,3 +60,3 @@ "keywords": [
     },
-    "gitHead": "19e1b193865072d4a65d3d1a0278bbd6d68438a3"
+    "gitHead": "6c1ad96214262077a2a19a794adc167bda5b6623"
 }

No alert changes

Improved metrics

Total package byte prevSize

154085

increased by4%

Number of package files

70

increased by9.38%

Lines of code

517

increased by7.26%

No dependency changes