@lms-elements/atomic
Advanced tools
Comparing version 1.0.6 to 1.0.7
@@ -5,2 +5,3 @@ export { Button, ButtonViewEnum } from './Button'; | ||
export { FieldDropdown } from './FieldDropdown'; | ||
export { FieldForm } from './FieldForm'; | ||
export { File } from './File'; | ||
@@ -7,0 +8,0 @@ export { NoteActions } from './NoteActions'; |
@@ -1,1 +0,1 @@ | ||
export { Button, ButtonViewEnum, Checkbox, CodifierElement, CodifierElementIconEnum, FieldDropdown, File, NoteActions, RadioField, TextareaField, Title, Toggle, } from './components'; | ||
export { Button, ButtonViewEnum, Checkbox, CodifierElement, CodifierElementIconEnum, FieldDropdown, FieldForm, File, NoteActions, RadioField, TextareaField, Title, Toggle, } from './components'; |
@@ -15,3 +15,3 @@ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("@lms-elements/icons"),t=require("react-final-form"),o=require("@lms-elements/hooks");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),a=function(){return(a=Object.assign||function(e){for(var n,t=1,o=arguments.length;t<o;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)}; | ||
PERFORMANCE OF THIS SOFTWARE. | ||
***************************************************************************** */function l(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 r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]])}return t}function c(e,n){for(var t=0,o=n.length,r=e.length;t<o;t++,r++)e[r]=n[t];return e}var d={exports:{}},s={};function u(e){function n(n,r,i,a){var l=r?t+n+e.e+r: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!==a)for(var p=0,b=a.length;p<b;p++){var f=a[p];if(f&&"string"==typeof f.valueOf())for(var m=f.valueOf().split(" "),h=0;h<m.length;h++){var x=m[h];x!==l&&(c+=" "+x)}}return c}var t=e.n||"",o=e.v||e.m;return function(e,t){return function(o,r,i){return"string"==typeof o?Array.isArray(r)?n(e,o,void 0,r):n(e,o,r,i):n(e,t,o,r)}}}Object.defineProperty(s,"__esModule",{value:1});var p=u({e:"-",m:"_"});s.cn=p,s.withNaming=u;var b={};function f(e){var n=e.n||"",t=e.v||e.m;function o(o,r,i,a){var l=r?n+o+e.e+r: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!==a)for(var p=0,b=a.length;p<b;p++){var f=a[p];if(f&&"string"==typeof f.valueOf())for(var m=f.valueOf().split(" "),h=0;h<m.length;h++){var x=m[h];x!==l&&(c+=" "+x)}}return c}return function(e,n){return function(t,r,i){return"string"==typeof t?Array.isArray(r)?o(e,t,void 0,r):o(e,t,r,i):o(e,n,t,r)}}}Object.defineProperty(b,"__esModule",{value:!0});var m=f({e:"-",m:"_"});function h(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}b.cn=m,b.withNaming=f,"production"===process.env.NODE_ENV?d.exports=s:d.exports=b;var x;h("@import url(\"assets/root.scss\");\n.button {\n border: none;\n cursor: pointer;\n outline: none;\n transition: transform 0.1s ease-out, color 0.15s linear;\n border-radius: var(--button-border-radius); }\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\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: var(--button-size-l-text-indent-all);\n font-size: var(--button-size-l-font-size);\n height: var(--button-size-l-height);\n display: flex;\n align-items: center; }\n .button_size_m {\n padding: var(--button-size-m-text-indent-all);\n font-size: var(--button-size-m-font-size);\n height: var(--button-size-m-height); }\n .button_size_s {\n font-size: var(--button-size-s-font-size);\n height: var(--button-size-s-height);\n width: 120px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .button_view_action {\n background-color: var(--button-view-action-fill);\n color: var(--button-color-text); }\n .button_view_action .button-text {\n color: var(--button-view-action-typo-color-base); }\n .button_view_action:hover {\n background-color: var(--color-hover-blue); }\n .button_view_bordered {\n background-color: transparent;\n border: 1px solid var(--button-view-bordered-typo-color-base); }\n .button_view_bordered .button-text {\n color: var(--button-view-bordered-typo-color-base); }\n .button_view_bordered .button-text path {\n fill: var(--button-view-bordered-typo-color-base); }\n .button_view_bordered:hover {\n border-color: var(--color-hover-blue); }\n .button_view_bordered:hover .button-text {\n color: var(--color-hover-blue); }\n .button_view_bordered:hover .button-text path {\n fill: var(--color-hover-blue); }\n .button_disabled.button_view_action {\n background-color: var(--button-view-action-fill-disabled);\n cursor: default; }\n .button_disabled.button_view_bordered {\n border: 1px solid var(--button-view-bordered-typo-color-base-disabled);\n cursor: default; }\n .button_disabled.button_view_bordered .button-text {\n color: var(--button-view-bordered-typo-color-base-disabled); }\n .button_disabled.button_view_bordered .button-text path {\n fill: var(--button-view-bordered-typo-color-base-disabled); }\n .button:hover {\n box-shadow: 0, 8px rgba(20, 49, 127, 0.08); }\n"),exports.ButtonViewEnum=void 0,(x=exports.ButtonViewEnum||(exports.ButtonViewEnum={})).link="link",x.solid="solid",x.action="action",x.bordered="bordered";var v=d.exports.cn("button"),g=function(e){var n=e.view,t=e.size,o=e.customClasses,r=void 0===o?"":o,c=e.icon,d=e.loading,s=e.disabled,u=e.children,p=l(e,["view","size","customClasses","icon","loading","disabled","children"]);return i.default.createElement("button",a({type:"button",className:r+" "+v({view:n,size:t,disabled:s})},p,{disabled:s}),i.default.createElement("div",{className:v("text",{"with-icon":Boolean(c),loading:Boolean(d)})},c,u))};h("@import url(\"assets/root.scss\");\n.checkbox {\n display: grid;\n grid-template-columns: 16px 1fr;\n grid-column-gap: 8px;\n align-items: center;\n cursor: pointer; }\n .checkbox_blocked {\n grid-template-columns: 32px 1fr; }\n .checkbox-label {\n font: 15px/20px 'Source Sans Pro';\n color: var(--schedule-date-item-text-color);\n margin: 0; }\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 var(--color-link);\n background-color: var(--color-link); }\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 .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 var(--color-red-main); }\n .checkbox-icon {\n display: none;\n grid-column: 1;\n grid-row: 1;\n z-index: 1;\n width: 100%; }\n");var k,w=d.exports.cn("checkbox");exports.CodifierElementIconEnum=void 0,(k=exports.CodifierElementIconEnum||(exports.CodifierElementIconEnum={})).question="question",k.text="text",k.table="table",k.header="header",k.media="media",k.document="document",k.image="image",k.exercise="exercise";h('@import url("assets/root.scss");\n.codifierElement {\n width: 260px;\n padding: 20px;\n display: flex;\n align-items: center;\n border: 1px solid var(--color-stroke-maingray);\n border-radius: 14px;\n background-color: var(--color-essential);\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_isScaled {\n transform: scale(1.2); }\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: var(--color-table-black);\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: var(--color-gray-second);\n color: var(--color-gray-inactive);\n cursor: not-allowed !important; }\n .codifierElement_disabled:hover {\n box-shadow: none !important; }\n .codifierElement_disabled .question path {\n fill: var(--color-gray-inactive); }\n .codifierElement_disabled .text path,\n .codifierElement_disabled .header path {\n fill: var(--color-gray-inactive);\n stroke: var(--color-gray-inactive); }\n .codifierElement_disabled .table path,\n .codifierElement_disabled .media path,\n .codifierElement_disabled .document path,\n .codifierElement_disabled .image path,\n .codifierElement_disabled .exercise path {\n stroke: var(--color-gray-inactive); }\n');var E=d.exports.cn("codifierElement");h(".select {\n font-size: 15px;\n position: relative;\n width: 100%; }\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: #fff;\n padding-left: 12px;\n cursor: pointer;\n text-align: start;\n padding-left: 12px; }\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: #fff;\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_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 .select-option_focus {\n width: 100%;\n height: 40px;\n background-color: #fff;\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 y=d.exports.cn("select"),_=function(t){var r=t.placeholder,l=void 0===r?"":r,c=t.options,d=t.meta,s=t.input,u=t.value,p=void 0===u?null:u,b=t.onChange,f=void 0===b?void 0:b,m=e.useState(!1),h=m[0],x=m[1],v=e.useRef(null),g=e.useCallback((function(e){return function(){s.onBlur(),s.onChange(e),f&&f(e)}}),[s,f]);o.useOuterClickField(v,s.onBlur,h);var k=e.useCallback((function(){x((function(e){return!e}))}),[x]),w=e.useMemo((function(){return c.length>=5}),[c]);return i.default.createElement("div",{className:y(),ref:v},i.default.createElement("div",{className:"together"},i.default.createElement("input",a({type:"button",className:y("together-input",{focus:d.active,disable:0===(null==c?void 0:c.length),placeholder:Boolean(!s.value),notValid:Boolean(d.error)&&d.touched&&!d.active})},s,{value:s.value?s.value:p||l,readOnly:Boolean(s.value),onFocus:function(e){s.onFocus(e),h||k()},autoComplete:"off",onBlur:void 0})),i.default.createElement("div",{className:y("together-icon",{open:d.active})},i.default.createElement(n.LittleArrow,null))),i.default.createElement("div",{className:y("suggest",{focus:d.active,needScroll:w})},i.default.createElement("div",{className:y("options"),id:"scroll-bar"},c.map((function(e,n){return i.default.createElement("div",{key:n,className:y("option",{focus:d.active}),onClick:g(e)},i.default.createElement("span",null,e))})))))},C=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return function(n){return e.reduce((function(e,t){return e||t&&t(n)}),void 0)}};h('@import url("assets/root.scss");\n.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 N=d.exports.cn("file");h('@import url("assets/root.scss");\n.field {\n display: flex;\n position: relative;\n width: 336px; }\n .field .input-input {\n max-height: 200px;\n min-height: 80px;\n border-radius: 4px;\n width: 336px;\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 .field .input-input_focus {\n outline: none;\n border: 1px solid #00103d7a;\n background-color: #fff; }\n .field .input-input_disable {\n pointer-events: none;\n cursor: default;\n opacity: 0.5;\n background-color: #edeef2;\n color: #919399; }\n .field .input-input_notValid {\n outline: none;\n border: 1px solid #ea5959; }\n .field .input-icon {\n display: none; }\n .field .input-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 .field .input-icon_notEmpty svg {\n width: 8px;\n height: 8px; }\n');var z=d.exports.cn("field"),B=d.exports.cn("input"),I=function(t){var o=t.placeholder,r=void 0===o?"":o,l=t.meta,c=t.input,d=t.value,s=void 0===d?null:d,u=t.disable,p=void 0!==u&&u,b=e.useState(!1),f=b[0],m=b[1],h=e.useCallback((function(){m((function(e){return!e}))}),[m]),x=e.useCallback((function(){c.onChange(""),c.onBlur()}),[c]);return i.default.createElement("div",{className:z()},i.default.createElement("textarea",a({type:"text",className:B("input",{focus:l.active,disable:p,notValid:Boolean(l.error)&&l.touched})},c,{value:c.value?c.value:s||"",onFocus:function(e){c.onFocus(e),f||h()},autoComplete:"off",placeholder:r})),i.default.createElement("div",{className:B("icon",{notEmpty:Boolean(c.value)}),onClick:x},i.default.createElement(n.CloseIcon,null)))},S=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return function(n){return e.reduce((function(e,t){return e||t&&t(n)}),void 0)}},O=function(e){return i.default.createElement(t.Field,{name:e.name,validate:S.apply(void 0,e.validators)},(function(n){var t=n.input,o=n.meta;return i.default.createElement(I,a({},e,{input:t,meta:o}))}))};h('@import url("assets/root.scss");\n.note-form-title {\n font-size: 24px;\n line-height: 28px;\n font-weight: 600;\n margin-bottom: 19px;\n margin-top: 35px; }\n\n.note-form-btn-wrapper {\n margin-right: 8px; }\n\n.note-form-buttons {\n margin-top: 16px;\n width: 336px; }\n\n.note-form-edit-buttons {\n display: flex; }\n\n.note-form-edit {\n width: 172px; }\n\n.note-form-cancel {\n width: 108px; }\n\n.note-form-delete {\n width: 40px !important;\n padding: 10px !important;\n border-color: var(--color-red-main) !important; }\n .note-form-delete .button-text path {\n fill: unset !important; }\n\n.note-form-delete:hover {\n background-color: var(--color-red-main);\n border-color: var(--color-red-main); }\n .note-form-delete:hover .button-text path {\n stroke: #fff;\n fill: unset; }\n\n.note-form-save-buttons {\n display: flex; }\n\n.note-form-save {\n width: 196px;\n margin-right: 8px; }\n\n.note-form-cancel-create {\n width: 132px; }\n');var F=d.exports.cn("note-form");h("@charset \"UTF-8\";\n@import url(\"assets/root.scss\");\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_isError + span::before {\n border-color: var(--color-red-main); }\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 V=d.exports.cn("radio-core"),j=function(e){var n=e.input,t=e.disabled,o=void 0!==t&&t,r=e.meta,l=e.customClassNames,d=void 0===l?[]:l;return i.default.createElement("div",{className:c([V()],d).join(" "),"data-testid":"radio-core-test"},i.default.createElement("label",{className:V({container:!0})},i.default.createElement("input",a({type:"radio",className:V("input",{isError:Boolean(r.error)&&r.touched})},n,{disabled:o})),i.default.createElement("span",{className:V("span")},n.value)))},P=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return function(n){return e.reduce((function(e,t){return e||t&&t(n)}),void 0)}};h('@import url("assets/root.scss");\n.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\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: var(--color-link); }\n .title-labelFileUploader:hover svg {\n fill: var(--color-essential); }\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 T=d.exports.cn("title");h(".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 .icon {\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 .icon svg {\n width: 8px;\n height: 8px; }\n .checkbox-ios .checkbox-ios-switch .icon svg > path {\n fill: #bfc0c7; }\n .checkbox-ios .checkbox-ios-switch .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: #fff;\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 .icon {\n display: none; }\n .checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch .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 .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: #eee; }\n");var A=d.exports.cn("checkbox-ios");exports.Button=g,exports.Checkbox=function(e){var t=e.label,o=e.checked,r=e.disabled,c=e.handleCheckboxChange,d=e.blocked,s=e.isError,u=void 0!==s&&s,p=l(e,["label","checked","disabled","handleCheckboxChange","blocked","isError"]);return i.default.createElement("label",{className:w({blocked:d}),"data-testid":"test-checkbox"},t&&i.default.createElement("span",{className:w("label")},t),i.default.createElement("input",a({type:"checkbox",className:w("input",{isDisabled:r,blocked:d,isError:u}),checked:o,disabled:r||d,onChange:c},p)),d?i.default.createElement(n.LockIcon,{className:w("icon",{blocked:d})}):i.default.createElement(n.CheckIcon,{className:w("icon")}))},exports.CodifierElement=function(t){var o=t.icon,r=t.title,a=t.description,l=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.media:return n.VideoCameraIcon;case exports.CodifierElementIconEnum.document:return n.PaperclipIcon;case exports.CodifierElementIconEnum.image:return n.ImageIcon;case exports.CodifierElementIconEnum.exercise:return n.PuzzlePieceIcon;default:return n.QuestionIcon}}),[o]);return i.default.createElement("div",{ref:s?null:c,className:E({dragging:l,disabled:s})},i.default.createElement("div",{className:E("iconWrapper")},i.default.createElement(u,{className:[E("icon",{isScaled:o===exports.CodifierElementIconEnum.table}),s?o:""].join(" ")})),i.default.createElement("div",{className:E("info")},i.default.createElement("h4",{className:E("header")},r),i.default.createElement("p",{className:E("description")},a)))},exports.FieldDropdown=function(e){return i.default.createElement(t.Field,{name:e.name,validate:C.apply(void 0,e.validators)},(function(n){var t=n.input,o=n.meta;return i.default.createElement(_,a({},e,{input:t,meta:o}))}))},exports.File=function(t){var o=t.name,r=t.isTemplate,a=t.url,l=t.id,c=t.deleteFile,d=e.useState(!1),s=d[0],u=d[1],p=e.useCallback((function(){u((function(e){return!e}))}),[]),b=e.useMemo((function(){return!r&&s}),[r,s]);return i.default.createElement("div",{className:N(),onMouseEnter:p,onMouseLeave:p},i.default.createElement("div",{className:N("main")},i.default.createElement(n.NoteBlank,null),i.default.createElement("a",{href:a,rel:"noreferrer",target:"_blank",className:N("name")},o)),b&&i.default.createElement("div",{className:N("hoverIcons")},i.default.createElement("button",{className:N("send"),id:String(l)},i.default.createElement(n.Send,null)),i.default.createElement("button",{className:N("basket"),id:String(l),onClick:c},i.default.createElement(n.Basket,null))))},exports.NoteActions=function(o){var r=o.isEdit,a=void 0!==r&&r,l=o.onChangeEdit,c=o.onChangeSave,d=o.onChangeDelete,s=o.onClickCancel,u=o.initialValue,p=o.name,b=o.placeholder,f=o.id,m=e.useState(!0),h=m[0],x=m[1],v=e.useCallback((function(e){return e?void 0:"error"}),[]),k=e.useCallback((function(e){"edit"===e.action&&l?(l(e.note,f),s()):"save"===e.action&&c?(c(e.note),s()):"delete"===e.action&&d&&(d(f),s())}),[c,l,s,f,d]);return i.default.createElement("div",{className:F()},i.default.createElement("div",{className:F("title")},a?"Редактировать заметку":"Создать заметку"),i.default.createElement(t.Form,{onSubmit:k,initialValues:u},(function(e){var o=e.handleSubmit,r=e.form;return i.default.createElement("form",{onSubmit:o},i.default.createElement(t.FormSpy,{onChange:function(e){e.dirty&&x(!1)}}),i.default.createElement(O,{name:p,placeholder:b,validators:[v]}),i.default.createElement("div",{className:F("buttons")},a?i.default.createElement("div",{className:F("edit-buttons")},i.default.createElement("div",{className:F("btn-wrapper"),onClick:function(){return r.change("action","edit")}},i.default.createElement(g,{type:"submit",view:exports.ButtonViewEnum.action,size:"l",customClasses:F("edit"),disabled:h},"Редактировать")),i.default.createElement("div",{className:F("btn-wrapper")},i.default.createElement(g,{view:exports.ButtonViewEnum.bordered,size:"l",customClasses:F("cancel"),onClick:s},"Отмена")),i.default.createElement("div",{onClick:function(){return r.change("action","delete")}},i.default.createElement(g,{type:"submit",view:exports.ButtonViewEnum.bordered,size:"l",customClasses:F("delete")},i.default.createElement(n.Trash,null)))):i.default.createElement("div",{className:F("save-buttons")},i.default.createElement("div",{onClick:function(){return r.change("action","save")}},i.default.createElement(g,{type:"submit",view:exports.ButtonViewEnum.action,size:"l",customClasses:F("save")},"Сохранить")),i.default.createElement("div",null,i.default.createElement(g,{view:exports.ButtonViewEnum.bordered,size:"l",customClasses:F("cancel-create"),onClick:s},"Отмена")))))})))},exports.RadioField=function(e){var n=e.validators,o=void 0===n?[]:n,r=l(e,["validators"]);return i.default.createElement(t.Field,{type:"radio",name:r.name,value:r.value,validate:P.apply(void 0,o)},(function(e){var n=e.input,t=e.meta;return i.default.createElement(j,a({},r,{input:n,meta:t}))}))},exports.TextareaField=O,exports.Title=function(e){var t=e.name,o=e.onClickAdd,r=e.inscription;return i.default.createElement("div",{className:T()},i.default.createElement("div",{className:T("header")},i.default.createElement("div",{className:T("name")},t),i.default.createElement("label",{htmlFor:"upload",className:T("labelFileUploader")},i.default.createElement(n.Plus,{fill:"#0088E9"})),i.default.createElement("input",{type:"file",id:"upload",name:"file",className:T("uploadFiles"),onChange:o})),r&&i.default.createElement("div",{className:T("legend")},r))},exports.Toggle=function(t){var o=t.checked,r=t.disabled,a=t.handleToggleChange,l=e.useState(o),c=l[0],d=l[1];return i.default.createElement("label",{className:A(),"data-testid":"test-toggle"},i.default.createElement("input",{type:"checkbox",disabled:r,checked:c,onChange:function(e){d((function(e){return!e})),a&&a(e)}}),i.default.createElement("span",{className:A("switch")},i.default.createElement("div",{className:"icon"},i.default.createElement(n.ToggleLeft,null)),i.default.createElement("div",{className:"icon-right"},i.default.createElement(n.ToggleRight,null))))}; | ||
***************************************************************************** */function l(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 r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]])}return t}function c(e,n){for(var t=0,o=n.length,r=e.length;t<o;t++,r++)e[r]=n[t];return e}var d={exports:{}},s={};function u(e){function n(n,r,i,a){var l=r?t+n+e.e+r: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!==a)for(var p=0,f=a.length;p<f;p++){var b=a[p];if(b&&"string"==typeof b.valueOf())for(var m=b.valueOf().split(" "),h=0;h<m.length;h++){var x=m[h];x!==l&&(c+=" "+x)}}return c}var t=e.n||"",o=e.v||e.m;return function(e,t){return function(o,r,i){return"string"==typeof o?Array.isArray(r)?n(e,o,void 0,r):n(e,o,r,i):n(e,t,o,r)}}}Object.defineProperty(s,"__esModule",{value:1});var p=u({e:"-",m:"_"});s.cn=p,s.withNaming=u;var f={};function b(e){var n=e.n||"",t=e.v||e.m;function o(o,r,i,a){var l=r?n+o+e.e+r: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!==a)for(var p=0,f=a.length;p<f;p++){var b=a[p];if(b&&"string"==typeof b.valueOf())for(var m=b.valueOf().split(" "),h=0;h<m.length;h++){var x=m[h];x!==l&&(c+=" "+x)}}return c}return function(e,n){return function(t,r,i){return"string"==typeof t?Array.isArray(r)?o(e,t,void 0,r):o(e,t,r,i):o(e,n,t,r)}}}Object.defineProperty(f,"__esModule",{value:!0});var m=b({e:"-",m:"_"});function h(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}f.cn=m,f.withNaming=b,"production"===process.env.NODE_ENV?d.exports=s:d.exports=f;var x;h("@import url(\"assets/root.scss\");\n.button {\n border: none;\n cursor: pointer;\n outline: none;\n transition: transform 0.1s ease-out, color 0.15s linear;\n border-radius: var(--button-border-radius); }\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\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: var(--button-size-l-text-indent-all);\n font-size: var(--button-size-l-font-size);\n height: var(--button-size-l-height);\n display: flex;\n align-items: center; }\n .button_size_m {\n padding: var(--button-size-m-text-indent-all);\n font-size: var(--button-size-m-font-size);\n height: var(--button-size-m-height); }\n .button_size_s {\n font-size: var(--button-size-s-font-size);\n height: var(--button-size-s-height);\n width: 120px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .button_view_action {\n background-color: var(--button-view-action-fill);\n color: var(--button-color-text); }\n .button_view_action .button-text {\n color: var(--button-view-action-typo-color-base); }\n .button_view_action:hover {\n background-color: var(--color-hover-blue); }\n .button_view_bordered {\n background-color: transparent;\n border: 1px solid var(--button-view-bordered-typo-color-base); }\n .button_view_bordered .button-text {\n color: var(--button-view-bordered-typo-color-base); }\n .button_view_bordered .button-text path {\n fill: var(--button-view-bordered-typo-color-base); }\n .button_view_bordered:hover {\n border-color: var(--color-hover-blue); }\n .button_view_bordered:hover .button-text {\n color: var(--color-hover-blue); }\n .button_view_bordered:hover .button-text path {\n fill: var(--color-hover-blue); }\n .button_disabled.button_view_action {\n background-color: var(--button-view-action-fill-disabled);\n cursor: default; }\n .button_disabled.button_view_bordered {\n border: 1px solid var(--button-view-bordered-typo-color-base-disabled);\n cursor: default; }\n .button_disabled.button_view_bordered .button-text {\n color: var(--button-view-bordered-typo-color-base-disabled); }\n .button_disabled.button_view_bordered .button-text path {\n fill: var(--button-view-bordered-typo-color-base-disabled); }\n .button:hover {\n box-shadow: 0, 8px rgba(20, 49, 127, 0.08); }\n"),exports.ButtonViewEnum=void 0,(x=exports.ButtonViewEnum||(exports.ButtonViewEnum={})).link="link",x.solid="solid",x.action="action",x.bordered="bordered";var v=d.exports.cn("button"),g=function(e){var n=e.view,t=e.size,o=e.customClasses,r=void 0===o?"":o,c=e.icon,d=e.loading,s=e.disabled,u=e.children,p=l(e,["view","size","customClasses","icon","loading","disabled","children"]);return i.default.createElement("button",a({type:"button",className:r+" "+v({view:n,size:t,disabled:s})},p,{disabled:s}),i.default.createElement("div",{className:v("text",{"with-icon":Boolean(c),loading:Boolean(d)})},c,u))};h("@import url(\"assets/root.scss\");\n.checkbox {\n display: grid;\n grid-template-columns: 16px 1fr;\n grid-column-gap: 8px;\n align-items: center;\n cursor: pointer; }\n .checkbox_blocked {\n grid-template-columns: 32px 1fr; }\n .checkbox-label {\n font: 15px/20px 'Source Sans Pro';\n color: var(--schedule-date-item-text-color);\n margin: 0; }\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 var(--color-link);\n background-color: var(--color-link); }\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 .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 var(--color-red-main); }\n .checkbox-icon {\n display: none;\n grid-column: 1;\n grid-row: 1;\n z-index: 1;\n width: 100%; }\n");var k,E=d.exports.cn("checkbox");exports.CodifierElementIconEnum=void 0,(k=exports.CodifierElementIconEnum||(exports.CodifierElementIconEnum={})).question="question",k.text="text",k.table="table",k.header="header",k.media="media",k.document="document",k.image="image",k.exercise="exercise";h('@import url("assets/root.scss");\n.codifierElement {\n width: 260px;\n padding: 20px;\n display: flex;\n align-items: center;\n border: 1px solid var(--color-stroke-maingray);\n border-radius: 14px;\n background-color: var(--color-essential);\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_isScaled {\n transform: scale(1.2); }\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: var(--color-table-black);\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: var(--color-gray-second);\n color: var(--color-gray-inactive);\n cursor: not-allowed !important; }\n .codifierElement_disabled:hover {\n box-shadow: none !important; }\n .codifierElement_disabled .question path {\n fill: var(--color-gray-inactive); }\n .codifierElement_disabled .text path,\n .codifierElement_disabled .header path {\n fill: var(--color-gray-inactive);\n stroke: var(--color-gray-inactive); }\n .codifierElement_disabled .table path,\n .codifierElement_disabled .media path,\n .codifierElement_disabled .document path,\n .codifierElement_disabled .image path,\n .codifierElement_disabled .exercise path {\n stroke: var(--color-gray-inactive); }\n');var w=d.exports.cn("codifierElement");h(".select {\n font-size: 15px;\n position: relative;\n width: 100%; }\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: #fff;\n padding-left: 12px;\n cursor: pointer;\n text-align: start;\n padding-left: 12px; }\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: #fff;\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_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 .select-option_focus {\n width: 100%;\n height: 40px;\n background-color: #fff;\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 y=d.exports.cn("select"),_=function(t){var r=t.placeholder,l=void 0===r?"":r,c=t.options,d=t.meta,s=t.input,u=t.value,p=void 0===u?null:u,f=t.onChange,b=void 0===f?void 0:f,m=e.useState(!1),h=m[0],x=m[1],v=e.useRef(null),g=e.useCallback((function(e){return function(){s.onBlur(),s.onChange(e),b&&b(e)}}),[s,b]);o.useOuterClickField(v,s.onBlur,h);var k=e.useCallback((function(){x((function(e){return!e}))}),[x]),E=e.useMemo((function(){return c.length>=5}),[c]);return i.default.createElement("div",{className:y(),ref:v},i.default.createElement("div",{className:"together"},i.default.createElement("input",a({type:"button",className:y("together-input",{focus:d.active,disable:0===(null==c?void 0:c.length),placeholder:Boolean(!s.value),notValid:Boolean(d.error)&&d.touched&&!d.active})},s,{value:s.value?s.value:p||l,readOnly:Boolean(s.value),onFocus:function(e){s.onFocus(e),h||k()},autoComplete:"off",onBlur:void 0})),i.default.createElement("div",{className:y("together-icon",{open:d.active})},i.default.createElement(n.LittleArrow,null))),i.default.createElement("div",{className:y("suggest",{focus:d.active,needScroll:E})},i.default.createElement("div",{className:y("options"),id:"scroll-bar"},c.map((function(e,n){return i.default.createElement("div",{key:n,className:y("option",{focus:d.active}),onClick:g(e)},i.default.createElement("span",null,e))})))))},C=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return function(n){return e.reduce((function(e,t){return e||t&&t(n)}),void 0)}};h('@import url("assets/root.scss");\n.fieldInput {\n display: flex;\n position: relative;\n width: 100%; }\n .fieldInput input::-moz-placeholder {\n color: #C0C2C9; }\n .fieldInput input:-ms-input-placeholder {\n color: #C0C2C9; }\n .fieldInput input::placeholder {\n color: #C0C2C9; }\n .fieldInput-input {\n width: 100%;\n height: 40px;\n border-radius: 4px;\n outline: none;\n border: 1px solid #00103D1F;\n background-color: #fff;\n font-size: 15px;\n color: #252232;\n padding-left: 12px; }\n .fieldInput-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: #FFF;\n border-radius: 0;\n padding-left: 0 !important; }\n .fieldInput-input_focus {\n outline: none;\n border: 1px solid #00103D7A;\n background-color: #fff; }\n .fieldInput-input_oneBorderFocus {\n outline: none;\n border: none;\n border-bottom: 1px solid #00103D7A;\n background-color: #fff;\n border-radius: 0;\n padding-left: 0 !important; }\n .fieldInput-input_disable {\n pointer-events: none;\n cursor: default;\n opacity: 0.5;\n background-color: #EDEEF2;\n color: #919399; }\n .fieldInput-input_notValid {\n outline: none;\n border: 1px solid #EA5959; }\n .fieldInput-input_oneBorderNotValid {\n outline: none;\n border: none;\n border-bottom: 1px solid #EA5959;\n background-color: #FFF;\n border-radius: 0;\n padding-left: 0 !important; }\n .fieldInput-icon {\n display: none; }\n .fieldInput-icon_notEmpty {\n display: initial;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n right: 20px;\n height: -webkit-min-content;\n height: -moz-min-content;\n height: min-content;\n transition: all 0.2s;\n cursor: pointer; }\n .fieldInput-icon_notEmpty svg {\n width: 8px;\n height: 8px; }\n');var N=d.exports.cn("fieldInput"),z=function(t){var o=t.placeholder,r=void 0===o?"":o,l=t.meta,c=t.input,d=t.value,s=void 0===d?null:d,u=t.disable,p=void 0!==u&&u,f=t.forTitle,b=void 0!==f&&f,m=t.needDeleteIcon,h=void 0===m||m,x=t.onBlur,v=e.useState(!1),g=v[0],k=v[1],E=e.useCallback((function(){k((function(e){return!e}))}),[k]),w=e.useCallback((function(){c.onChange(""),c.onBlur()}),[c]);return e.useEffect((function(){!l.active&&g&&x&&x(c.value)}),[l,g,x,c.value]),i.default.createElement("div",{className:N()},i.default.createElement("input",a({type:"text",className:N("input",{focus:l.active&&!b,disable:p,notValid:Boolean(l.error)&&l.touched&&!b,noBorders:b,oneBorderFocus:l.active&&b,oneBorderNotValid:Boolean(l.error)&&l.touched&&b})},c,{value:c.value||s||"",onFocus:function(e){c.onFocus(e),g||E()},autoComplete:"off",placeholder:r})),h&&i.default.createElement("div",{className:N("icon",{notEmpty:Boolean(c.value)}),onClick:w},i.default.createElement(n.CloseIcon,null)))},I=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return function(n){return e.reduce((function(e,t){return e||t&&t(n)}),void 0)}};h('@import url("assets/root.scss");\n.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 F=d.exports.cn("file");h('@import url("assets/root.scss");\n.field {\n display: flex;\n position: relative;\n width: 336px; }\n .field .input-input {\n max-height: 200px;\n min-height: 80px;\n border-radius: 4px;\n width: 336px;\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 .field .input-input_focus {\n outline: none;\n border: 1px solid #00103d7a;\n background-color: #fff; }\n .field .input-input_disable {\n pointer-events: none;\n cursor: default;\n opacity: 0.5;\n background-color: #edeef2;\n color: #919399; }\n .field .input-input_notValid {\n outline: none;\n border: 1px solid #ea5959; }\n .field .input-icon {\n display: none; }\n .field .input-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 .field .input-icon_notEmpty svg {\n width: 8px;\n height: 8px; }\n');var B=d.exports.cn("field"),S=d.exports.cn("input"),O=function(t){var o=t.placeholder,r=void 0===o?"":o,l=t.meta,c=t.input,d=t.value,s=void 0===d?null:d,u=t.disable,p=void 0!==u&&u,f=e.useState(!1),b=f[0],m=f[1],h=e.useCallback((function(){m((function(e){return!e}))}),[m]),x=e.useCallback((function(){c.onChange(""),c.onBlur()}),[c]);return i.default.createElement("div",{className:B()},i.default.createElement("textarea",a({type:"text",className:S("input",{focus:l.active,disable:p,notValid:Boolean(l.error)&&l.touched})},c,{value:c.value?c.value:s||"",onFocus:function(e){c.onFocus(e),b||h()},autoComplete:"off",placeholder:r})),i.default.createElement("div",{className:S("icon",{notEmpty:Boolean(c.value)}),onClick:x},i.default.createElement(n.CloseIcon,null)))},V=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return function(n){return e.reduce((function(e,t){return e||t&&t(n)}),void 0)}},j=function(e){return i.default.createElement(t.Field,{name:e.name,validate:V.apply(void 0,e.validators)},(function(n){var t=n.input,o=n.meta;return i.default.createElement(O,a({},e,{input:t,meta:o}))}))};h('@import url("assets/root.scss");\n.note-form-title {\n font-size: 24px;\n line-height: 28px;\n font-weight: 600;\n margin-bottom: 19px;\n margin-top: 35px; }\n\n.note-form-btn-wrapper {\n margin-right: 8px; }\n\n.note-form-buttons {\n margin-top: 16px;\n width: 336px; }\n\n.note-form-edit-buttons {\n display: flex; }\n\n.note-form-edit {\n width: 172px; }\n\n.note-form-cancel {\n width: 108px; }\n\n.note-form-delete {\n width: 40px !important;\n padding: 10px !important;\n border-color: var(--color-red-main) !important; }\n .note-form-delete .button-text path {\n fill: unset !important; }\n\n.note-form-delete:hover {\n background-color: var(--color-red-main);\n border-color: var(--color-red-main); }\n .note-form-delete:hover .button-text path {\n stroke: #fff;\n fill: unset; }\n\n.note-form-save-buttons {\n display: flex; }\n\n.note-form-save {\n width: 196px;\n margin-right: 8px; }\n\n.note-form-cancel-create {\n width: 132px; }\n');var P=d.exports.cn("note-form");h("@charset \"UTF-8\";\n@import url(\"assets/root.scss\");\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_isError + span::before {\n border-color: var(--color-red-main); }\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 T=d.exports.cn("radio-core"),A=function(e){var n=e.input,t=e.disabled,o=void 0!==t&&t,r=e.meta,l=e.customClassNames,d=void 0===l?[]:l;return i.default.createElement("div",{className:c([T()],d).join(" "),"data-testid":"radio-core-test"},i.default.createElement("label",{className:T({container:!0})},i.default.createElement("input",a({type:"radio",className:T("input",{isError:Boolean(r.error)&&r.touched})},n,{disabled:o})),i.default.createElement("span",{className:T("span")},n.value)))},D=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return function(n){return e.reduce((function(e,t){return e||t&&t(n)}),void 0)}};h('@import url("assets/root.scss");\n.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\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: var(--color-link); }\n .title-labelFileUploader:hover svg {\n fill: var(--color-essential); }\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 M=d.exports.cn("title");h(".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 .icon {\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 .icon svg {\n width: 8px;\n height: 8px; }\n .checkbox-ios .checkbox-ios-switch .icon svg > path {\n fill: #bfc0c7; }\n .checkbox-ios .checkbox-ios-switch .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: #fff;\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 .icon {\n display: none; }\n .checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch .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 .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: #eee; }\n");var q=d.exports.cn("checkbox-ios");exports.Button=g,exports.Checkbox=function(e){var t=e.label,o=e.checked,r=e.disabled,c=e.handleCheckboxChange,d=e.blocked,s=e.isError,u=void 0!==s&&s,p=l(e,["label","checked","disabled","handleCheckboxChange","blocked","isError"]);return i.default.createElement("label",{className:E({blocked:d}),"data-testid":"test-checkbox"},t&&i.default.createElement("span",{className:E("label")},t),i.default.createElement("input",a({type:"checkbox",className:E("input",{isDisabled:r,blocked:d,isError:u}),checked:o,disabled:r||d,onChange:c},p)),d?i.default.createElement(n.LockIcon,{className:E("icon",{blocked:d})}):i.default.createElement(n.CheckIcon,{className:E("icon")}))},exports.CodifierElement=function(t){var o=t.icon,r=t.title,a=t.description,l=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.media:return n.VideoCameraIcon;case exports.CodifierElementIconEnum.document:return n.PaperclipIcon;case exports.CodifierElementIconEnum.image:return n.ImageIcon;case exports.CodifierElementIconEnum.exercise:return n.PuzzlePieceIcon;default:return n.QuestionIcon}}),[o]);return i.default.createElement("div",{ref:s?null:c,className:w({dragging:l,disabled:s})},i.default.createElement("div",{className:w("iconWrapper")},i.default.createElement(u,{className:[w("icon",{isScaled:o===exports.CodifierElementIconEnum.table}),s?o:""].join(" ")})),i.default.createElement("div",{className:w("info")},i.default.createElement("h4",{className:w("header")},r),i.default.createElement("p",{className:w("description")},a)))},exports.FieldDropdown=function(e){return i.default.createElement(t.Field,{name:e.name,validate:C.apply(void 0,e.validators)},(function(n){var t=n.input,o=n.meta;return i.default.createElement(_,a({},e,{input:t,meta:o}))}))},exports.FieldForm=function(e){return i.default.createElement(t.Field,{name:e.name,validate:I.apply(void 0,e.validators),subscriptions:{value:!0,touched:!0,error:!0,active:!0}},(function(n){var t=n.input,o=n.meta;return i.default.createElement(z,a({},e,{input:t,meta:o}))}))},exports.File=function(t){var o=t.name,r=t.isTemplate,a=t.url,l=t.id,c=t.deleteFile,d=e.useState(!1),s=d[0],u=d[1],p=e.useCallback((function(){u((function(e){return!e}))}),[]),f=e.useMemo((function(){return!r&&s}),[r,s]);return i.default.createElement("div",{className:F(),onMouseEnter:p,onMouseLeave:p},i.default.createElement("div",{className:F("main")},i.default.createElement(n.NoteBlank,null),i.default.createElement("a",{href:a,rel:"noreferrer",target:"_blank",className:F("name")},o)),f&&i.default.createElement("div",{className:F("hoverIcons")},i.default.createElement("button",{className:F("send"),id:String(l)},i.default.createElement(n.Send,null)),i.default.createElement("button",{className:F("basket"),id:String(l),onClick:c},i.default.createElement(n.Basket,null))))},exports.NoteActions=function(o){var r=o.isEdit,a=void 0!==r&&r,l=o.onChangeEdit,c=o.onChangeSave,d=o.onChangeDelete,s=o.onClickCancel,u=o.initialValue,p=o.name,f=o.placeholder,b=o.id,m=e.useState(!0),h=m[0],x=m[1],v=e.useCallback((function(e){return e?void 0:"error"}),[]),k=e.useCallback((function(e){"edit"===e.action&&l?(l(e.note,b),s()):"save"===e.action&&c?(c(e.note),s()):"delete"===e.action&&d&&(d(b),s())}),[c,l,s,b,d]);return i.default.createElement("div",{className:P()},i.default.createElement("div",{className:P("title")},a?"Редактировать заметку":"Создать заметку"),i.default.createElement(t.Form,{onSubmit:k,initialValues:u},(function(e){var o=e.handleSubmit,r=e.form;return i.default.createElement("form",{onSubmit:o},i.default.createElement(t.FormSpy,{onChange:function(e){e.dirty&&x(!1)}}),i.default.createElement(j,{name:p,placeholder:f,validators:[v]}),i.default.createElement("div",{className:P("buttons")},a?i.default.createElement("div",{className:P("edit-buttons")},i.default.createElement("div",{className:P("btn-wrapper"),onClick:function(){return r.change("action","edit")}},i.default.createElement(g,{type:"submit",view:exports.ButtonViewEnum.action,size:"l",customClasses:P("edit"),disabled:h},"Редактировать")),i.default.createElement("div",{className:P("btn-wrapper")},i.default.createElement(g,{view:exports.ButtonViewEnum.bordered,size:"l",customClasses:P("cancel"),onClick:s},"Отмена")),i.default.createElement("div",{onClick:function(){return r.change("action","delete")}},i.default.createElement(g,{type:"submit",view:exports.ButtonViewEnum.bordered,size:"l",customClasses:P("delete")},i.default.createElement(n.Trash,null)))):i.default.createElement("div",{className:P("save-buttons")},i.default.createElement("div",{onClick:function(){return r.change("action","save")}},i.default.createElement(g,{type:"submit",view:exports.ButtonViewEnum.action,size:"l",customClasses:P("save")},"Сохранить")),i.default.createElement("div",null,i.default.createElement(g,{view:exports.ButtonViewEnum.bordered,size:"l",customClasses:P("cancel-create"),onClick:s},"Отмена")))))})))},exports.RadioField=function(e){var n=e.validators,o=void 0===n?[]:n,r=l(e,["validators"]);return i.default.createElement(t.Field,{type:"radio",name:r.name,value:r.value,validate:D.apply(void 0,o)},(function(e){var n=e.input,t=e.meta;return i.default.createElement(A,a({},r,{input:n,meta:t}))}))},exports.TextareaField=j,exports.Title=function(e){var t=e.name,o=e.onClickAdd,r=e.inscription;return i.default.createElement("div",{className:M()},i.default.createElement("div",{className:M("header")},i.default.createElement("div",{className:M("name")},t),i.default.createElement("label",{htmlFor:"upload",className:M("labelFileUploader")},i.default.createElement(n.Plus,{fill:"#0088E9"})),i.default.createElement("input",{type:"file",id:"upload",name:"file",className:M("uploadFiles"),onChange:o})),r&&i.default.createElement("div",{className:M("legend")},r))},exports.Toggle=function(t){var o=t.checked,r=t.disabled,a=t.handleToggleChange,l=e.useState(o),c=l[0],d=l[1];return i.default.createElement("label",{className:q(),"data-testid":"test-toggle"},i.default.createElement("input",{type:"checkbox",disabled:r,checked:c,onChange:function(e){d((function(e){return!e})),a&&a(e)}}),i.default.createElement("span",{className:q("switch")},i.default.createElement("div",{className:"icon"},i.default.createElement(n.ToggleLeft,null)),i.default.createElement("div",{className:"icon-right"},i.default.createElement(n.ToggleRight,null))))}; | ||
//# sourceMappingURL=index.js.map |
{ | ||
"name": "@lms-elements/atomic", | ||
"version": "1.0.6", | ||
"version": "1.0.7", | ||
"description": "Atomic components", | ||
@@ -55,3 +55,3 @@ "keywords": [ | ||
"@lms-elements/hooks": "^1.0.3", | ||
"@lms-elements/icons": "^1.1.2" | ||
"@lms-elements/icons": "^1.1.3" | ||
}, | ||
@@ -61,3 +61,3 @@ "publishConfig": { | ||
}, | ||
"gitHead": "17ab23f0220ca8d5213c4d3467c27890d7a94166" | ||
"gitHead": "e6a95ffb732f6cb0b29f5d682e7d3487ee9ba719" | ||
} |
Sorry, the diff of this file is not supported yet
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
105915
40
365
9
Updated@lms-elements/icons@^1.1.3