@st1myl/entrl-react - npm Package Compare versions

Comparing version 1.3.274 to 1.3.275

lib/components/Description/Description.d.ts

@@ -15,3 +15,2 @@ import React, { Component } from "react";
 declare class Description extends Component<IProps, IState> {
-    private MAX_LENGTH;
     refs: {
@@ -22,2 +21,3 @@ [string: string]: any;
     state: IState;
+    private MAX_LENGTH;
     focus: () => void;
@@ -24,0 +24,0 @@ handleChange: (editorState: any) => void;

lib/components/Description/Description.js

@@ -26,4 +26,2 @@ "use strict";
         super(...arguments);
-        //convertToRaw(this.state.editorState.getCurrentContent())
-        this.MAX_LENGTH = 4000;
         this.state = {
@@ -34,2 +32,4 @@ editorState: !!this.props.editorRaw ? draft_js_1.EditorState.createWithContent(draft_js_1.convertFromRaw(JSON.parse(this.props.editorRaw))) : draft_js_1.EditorState.createEmpty(),
         };
+        //convertToRaw(this.state.editorState.getCurrentContent())
+        this.MAX_LENGTH = 4000;
         this.focus = () => this.refs.editor.focus();
@@ -86,3 +86,3 @@ this.handleChange = editorState => {
                 react_1.default.createElement("label", { onClick: this.focus }, legend)),
-            react_1.default.createElement("div", { className: classnames_1.default('course-form-inner', 'course-form-input-wrapper') },
+            react_1.default.createElement("div", { className: classnames_1.default("course-form-inner", "course-form-input-wrapper") },
                 react_1.default.createElement("div", { className: "input-descr" },
@@ -143,10 +143,10 @@ react_1.default.createElement("div", { className: "input-descr-buttons" },
 				display: flex;
-	
+
 				list-style-type: none !important;
 				padding: 8px;
-	
+
 				> li {
 					&:first-child {
 						border-right: 1px solid #E5E5E5;
-	
+
 						ul {
@@ -156,3 +156,3 @@ padding-right: 4px;
 					}
-	
+
 					&:last-child {
@@ -163,3 +163,3 @@ ul {
 					}
-	
+
 					> ul {
@@ -169,3 +169,3 @@ display: flex;
 				}
-	
+
 				li {
@@ -176,3 +176,3 @@ > ul > li {
 						}
-	
+
 						width: 20px;
@@ -185,3 +185,3 @@ height: 20px;
 						border-radius: 4px;
-	
+
 						> span {
@@ -200,6 +200,6 @@ display: block;
 		}
-	
+
 		&-textarea {
 			position: relative;
-	
+
 			&-counter {
@@ -210,3 +210,3 @@ margin-right: 16px;
 				color: #989898;
-	
+
 				.counter-max-value {
@@ -217,3 +217,3 @@ color: #f46363;
 		}
-	
+
 		.descr-button {
@@ -223,3 +223,3 @@ &.active {
 			}
-	
+
 			&-bold {
@@ -229,3 +229,3 @@ &.active > span {
 				}
-	
+
 				> span {
@@ -235,3 +235,3 @@ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4 7.19341C11.0467 6.74675 11.5 6.01341 11.5 5.33341C11.5 3.82675 10.3333 2.66675 8.83332 2.66675H4.66666V12.0001H9.35999C10.7533 12.0001 11.8333 10.8667 11.8333 9.47341C11.8333 8.46008 11.26 7.59341 10.4 7.19341V7.19341ZM6.66666 4.33341H8.66666C9.21999 4.33341 9.66666 4.78008 9.66666 5.33341C9.66666 5.88675 9.21999 6.33341 8.66666 6.33341H6.66666V4.33341ZM8.99999 10.3334H6.66666V8.33341H8.99999C9.55332 8.33341 9.99999 8.78008 9.99999 9.33341C9.99999 9.88675 9.55332 10.3334 8.99999 10.3334Z' fill='%23989898'/%3E%3C/svg%3E%0A");
 			}
-	
+
 			&-italic {
@@ -241,3 +241,3 @@ &.active > span {
 				}
-	
+
 				> span {
@@ -247,3 +247,3 @@ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 2.66675V4.66675H8.14L5.86 10.0001H4V12.0001H9.33333V10.0001H7.86L10.14 4.66675H12V2.66675H6.66667Z' fill='%23989898'/%3E%3C/svg%3E%0A");
 			}
-	
+
 			&-ulist {
@@ -253,3 +253,3 @@ &.active > span {
 				}
-	
+
 				> span {
@@ -259,3 +259,3 @@ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66669 7C2.11335 7 1.66669 7.44667 1.66669 8C1.66669 8.55333 2.11335 9 2.66669 9C3.22002 9 3.66669 8.55333 3.66669 8C3.66669 7.44667 3.22002 7 2.66669 7ZM2.66669 3C2.11335 3 1.66669 3.44667 1.66669 4C1.66669 4.55333 2.11335 5 2.66669 5C3.22002 5 3.66669 4.55333 3.66669 4C3.66669 3.44667 3.22002 3 2.66669 3ZM2.66669 11C2.11335 11 1.66669 11.4533 1.66669 12C1.66669 12.5467 2.12002 13 2.66669 13C3.21335 13 3.66669 12.5467 3.66669 12C3.66669 11.4533 3.22002 11 2.66669 11ZM4.66669 12.6667H14V11.3333H4.66669V12.6667ZM4.66669 8.66667H14V7.33333H4.66669V8.66667ZM4.66669 3.33333V4.66667H14V3.33333H4.66669Z' fill='%23989898'/%3E%3C/svg%3E%0A");
 			}
-	
+
 			&-olist {
@@ -265,3 +265,3 @@ &.active > span {
 				}
-	
+
 				> span {
@@ -277,3 +277,3 @@ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33331 11.3334H2.66665V11.6667H1.99998V12.3334H2.66665V12.6667H1.33331V13.3334H3.33331V10.6667H1.33331V11.3334ZM1.99998 5.33341H2.66665V2.66675H1.33331V3.33341H1.99998V5.33341ZM1.33331 7.33341H2.53331L1.33331 8.73341V9.33341H3.33331V8.66675H2.13331L3.33331 7.26675V6.66675H1.33331V7.33341ZM4.66665 3.33341V4.66675H14V3.33341H4.66665ZM4.66665 12.6667H14V11.3334H4.66665V12.6667ZM4.66665 8.66675H14V7.33341H4.66665V8.66675Z' fill='%23989898'/%3E%3C/svg%3E%0A");
 	}
-	
+
 	.public-DraftEditorPlaceholder-root {
@@ -284,7 +284,7 @@ color: #989898;
 	}
-	
+
 	.RichEditor-hidePlaceholder .public-DraftEditorPlaceholder-root {
 		display: none;
 	}
-	
+
 	.public-DraftStyleDefault-ul,
@@ -294,3 +294,3 @@ .public-DraftStyleDefault-ol {
 	}
-	
+
 	.RichEditor-editor .public-DraftEditor-content {
@@ -301,3 +301,3 @@ min-height: 16px;
 	}
-	
+
 	.public-DraftEditorPlaceholder-root {
@@ -304,0 +304,0 @@ position: absolute;

lib/components/DropdownList/DropdownList.d.ts

@@ -1,7 +0,7 @@
-import { Component } from 'react';
-declare type Props = {
+import { Component } from "react";
+interface Props {
     className?: string;
     list: string[];
     title: number;
-};
+}
 declare class DropdownList extends Component<Props> {
@@ -8,0 +8,0 @@ state: {

lib/components/DropdownList/DropdownList.js

@@ -30,4 +30,5 @@ "use strict";
         this.isFocus = (bool = false) => {
-            if (bool)
+            if (bool) {
                 return;
+            }
             this.setState({ opened: !this.state.opened });
@@ -39,3 +40,3 @@ };
         const { idx, opened, entered } = this.state;
-        return (react_1.default.createElement("div", { className: classnames_1.default(className, { 'opened': opened }) },
+        return (react_1.default.createElement("div", { className: classnames_1.default(className, { opened: opened }) },
             react_1.default.createElement("div", { className: "dropdown-head", tabIndex: 0, onClick: () => this.isFocus(), onBlur: () => this.isFocus(entered) },
@@ -42,0 +43,0 @@ react_1.default.createElement("div", { className: "dropdown-head-title" }, title <= list.length - 1 && title >= 0 && idx === -1 ? react_1.default.createElement("h2", null, list[title]) : react_1.default.createElement("h2", null, list[idx])),

lib/components/DropdownList/index.d.ts

@@ -1,3 +0,3 @@
-import DropdownList from './DropdownList';
+import DropdownList from "./DropdownList";
 export default DropdownList;
 //# sourceMappingURL=index.d.ts.map

lib/components/FormTemplate/FormTemplate.d.ts

 /// <reference types="react" />
-declare type Props = {
+interface Props {
     title: string;
@@ -9,5 +9,5 @@ description?: string;
     form?: string;
-};
+}
 declare const _default: import("styled-components").StyledComponent<(props: Props) => JSX.Element, any, {}, never>;
 export default _default;
 //# sourceMappingURL=FormTemplate.d.ts.map

lib/components/FormTemplate/FormTemplate.js

@@ -36,2 +36,3 @@ "use strict";
     &-description {
+    	margin-top: 4px;
       color: #a1a4af;
@@ -38,0 +39,0 @@ font-size: ${theme_1.themeTitles.fontSize.h4};

lib/components/FormTemplate/index.d.ts

@@ -1,3 +0,3 @@
-import FormTemplate from './FormTemplate';
+import FormTemplate from "./FormTemplate";
 export default FormTemplate;
 //# sourceMappingURL=index.d.ts.map

lib/components/Header/Header.js

@@ -58,3 +58,3 @@ "use strict";
     align-items: center;
-    
+
     &-item {
@@ -61,0 +61,0 @@ &:not(:first-child) {

lib/components/index.d.ts

@@ -7,6 +7,6 @@ export { default as Header } from "./Header";
 export { default as DropdownList } from "./DropdownList";
-export { default as FormTemplate } from './FormTemplate';
-export { default as Input } from './Input';
-export { default as PageTitle } from './PageTitle';
-export { default as Tabs } from './Tabs';
+export { default as FormTemplate } from "./FormTemplate";
+export { default as Input } from "./Input";
+export { default as PageTitle } from "./PageTitle";
+export { default as Tabs } from "./Tabs";
 //# sourceMappingURL=index.d.ts.map

lib/components/Input/index.d.ts

@@ -1,3 +0,3 @@
-import Input from './Input';
+import Input from "./Input";
 export default Input;
 //# sourceMappingURL=index.d.ts.map

lib/components/Input/Input.d.ts

@@ -1,3 +0,3 @@
-import React, { Component } from 'react';
-declare type Props = {
+import React, { Component } from "react";
+interface Props {
     className?: string;
@@ -8,3 +8,3 @@ type?: string;
     placeholder?: string;
-};
+}
 declare class Input extends Component<Props> {
@@ -11,0 +11,0 @@ readonly input: React.RefObject<HTMLInputElement>;

lib/components/Input/Input.js

@@ -26,7 +26,7 @@ "use strict";
     render() {
-        const { className, type = 'text', name, maxLength, placeholder } = this.props;
+        const { className, type = "text", name, maxLength, placeholder } = this.props;
         return (react_1.default.createElement("div", { className: className },
             react_1.default.createElement("input", { ref: this.input, type: type, name: name, maxLength: maxLength, placeholder: placeholder, onInput: e => this.onInput(e) }),
             react_1.default.createElement("div", { className: "cccounter" },
-                react_1.default.createElement("span", { className: classnames_1.default({ 'cccounter-max': this.state.left === maxLength }) }, this.state.left),
+                react_1.default.createElement("span", { className: classnames_1.default({ "cccounter-max": this.state.left === maxLength }) }, this.state.left),
                 "/",
@@ -33,0 +33,0 @@ react_1.default.createElement("span", null, maxLength))));

lib/components/Nav/Nav.d.ts

 import { Component } from "react";
-declare type Item = {
+interface Item {
     name: string;
     path: string;
-};
+}
 interface NavProps {
@@ -7,0 +7,0 @@ className?: string;

lib/components/Nav/Nav.js

@@ -57,3 +57,3 @@ "use strict";
         transition: all 250ms;
-        
+
         a {
@@ -68,3 +68,3 @@ font-size: 14px;
         }
-        
+
         &:not(:first-child) {
@@ -71,0 +71,0 @@ margin-top: 12px;

lib/components/PageTitle/index.d.ts

@@ -1,3 +0,3 @@
-import PageTitle from './PageTitle';
+import PageTitle from "./PageTitle";
 export default PageTitle;
 //# sourceMappingURL=index.d.ts.map

lib/components/PageTitle/PageTitle.d.ts

 /// <reference types="react" />
-declare type Props = {
+interface Props {
     className?: string;
@@ -8,5 +8,5 @@ title: string;
     backTo?: string;
-};
+}
 declare const _default: import("styled-components").StyledComponent<({ className, title, children, backArrow, backTo }: Props) => JSX.Element, any, {}, never>;
 export default _default;
 //# sourceMappingURL=PageTitle.d.ts.map

lib/components/Tabs/index.d.ts

@@ -1,3 +0,3 @@
-import Tabs from './Tabs';
+import Tabs from "./Tabs";
 export default Tabs;
 //# sourceMappingURL=index.d.ts.map

lib/components/Tabs/Tabs.d.ts

@@ -1,4 +0,4 @@
-import { Component } from 'react';
+import { Component } from "react";
 import { RouteProps } from "react-router-dom";
-declare type Links = {
+interface Links {
     name: string;
@@ -8,4 +8,4 @@ path?: string;
     method?: string | any;
-};
-declare type Props = {
+}
+interface Props {
     className?: string;
@@ -16,3 +16,3 @@ links: Links[];
     refresh?: boolean;
-};
+}
 declare type MProps = Props & RouteProps;
@@ -19,0 +19,0 @@ declare class Tabs extends Component<MProps> {

lib/components/Tabs/Tabs.js

@@ -46,6 +46,6 @@ "use strict";
         this.hydrateStateWithSessionStorage();
-        window.addEventListener('beforeunload', this.saveStateToSessionStorage.bind(this));
+        window.addEventListener("beforeunload", this.saveStateToSessionStorage.bind(this));
     }
     componentWillUnmount() {
-        window.removeEventListener('beforeunload', this.saveStateToSessionStorage.bind(this));
+        window.removeEventListener("beforeunload", this.saveStateToSessionStorage.bind(this));
         this.saveStateToSessionStorage();
@@ -59,3 +59,3 @@ }
                     react_1.default.createElement("span", null, optTxt))),
-                react_1.default.createElement("ul", null, links.map(({ name, path, search, method }, idx) => (react_1.default.createElement("li", { key: idx, className: classnames_1.default({ 'active': this.state.idx === idx }), onClick: () => this.isToggle(idx) },
+                react_1.default.createElement("ul", null, links.map(({ name, path, search, method }, idx) => (react_1.default.createElement("li", { key: idx, className: classnames_1.default({ active: this.state.idx === idx }), onClick: () => this.isToggle(idx) },
                     react_1.default.createElement(react_router_dom_1.Link, { to: !mainPage ? encodeURI(path) : {
@@ -62,0 +62,0 @@ pathname: this.props.location.pathname,

lib/components/Tags/Tags.js

@@ -70,3 +70,3 @@ "use strict";
                 react_1.default.createElement("div", { className: "tags-editor" },
-                    react_1.default.createElement("input", { ref: this.input, type: "text", id: this.props.id, value: this.state.inputValue, placeholder: '\u0414\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0442\u0435\u0433', className: classnames_1.default("tags-editor-input", this.props.className), onChange: e => {
+                    react_1.default.createElement("input", { ref: this.input, type: "text", id: this.props.id, value: this.state.inputValue, placeholder: "\u0414\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0442\u0435\u0433", className: classnames_1.default("tags-editor-input", this.props.className), onChange: e => {
                             this.removeSpaces(e);
@@ -107,11 +107,11 @@ }, onFocus: () => {
 		height: 40px;
-	
+
 		&-focused {
 			border-color: #5A8CF6;
 		}
-	
+
 		&-stacked {
 			animation: ${inputStacked} 500ms linear 1;
 		}
-	
+
 		&-editor {
@@ -122,3 +122,3 @@ display: flex;
 			overflow: hidden;
-	
+
 			&-set {
@@ -129,3 +129,3 @@ display: flex;
 				transition: all 250ms;
-	
+
 				&-item {
@@ -143,7 +143,7 @@ display: flex;
 					transition: transform 125ms;
-	
+
 					&:active {
 						transform: scale(0.95);
 					}
-	
+
 					.tag-icon {
@@ -162,3 +162,3 @@ display: block;
 			}
-	
+
 			&-input {
@@ -176,3 +176,3 @@ background-color: transparent;
 				font-size: 14px;
-	
+
 				&::-webkit-input-placeholder {
@@ -183,3 +183,3 @@ color: currentColor;
 		}
-	
+
 		&-counter {
@@ -192,3 +192,3 @@ padding: 11px 16px 11px 4px;
 			pointer-events: none;
-	
+
 			&-max {
@@ -195,0 +195,0 @@ color: #f46363;

lib/index.d.ts

 export * from "./components";
-export * from './theme';
+export * from "./theme";
 //# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@st1myl/entrl-react",
   "author": "St1myL",
-  "version": "1.3.274",
+  "version": "1.3.275",
   "repository": "st1myl/entrl-react",
@@ -6,0 +6,0 @@ "main": "./lib/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

593669

increased by0.27%

Lines of code

13381

increased by0.01%

No dependency changes