@escolalms/components - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

lib/components/atoms/Link/Link.js

@@ -57,3 +57,3 @@ "use strict";
 // Main button with styles
-var StyledAnchor = (0, styled_components_1.default)("a")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1.55em;\n  cursor: pointer;\n  -webkit-font-smoothing: antialiased;\n  text-decoration: none;\n  display: inline-block;\n  position: relative;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    transform: ", ";\n    height: 1px;\n    bottom: 0;\n    left: 0;\n    background-color: ", ";\n    transform-origin: ", ";\n    transition: transform 0.25s ease-out;\n  }\n\n  &:hover,\n  &:active {\n    &:after {\n      transform: ", ";\n      transform-origin: bottom left;\n    }\n  }\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1.55em;\n  cursor: pointer;\n  -webkit-font-smoothing: antialiased;\n  text-decoration: none;\n  display: inline-block;\n  position: relative;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    transform: ", ";\n    height: 1px;\n    bottom: 0;\n    left: 0;\n    background-color: ", ";\n    transform-origin: ", ";\n    transition: transform 0.25s ease-out;\n  }\n\n  &:hover,\n  &:active {\n    &:after {\n      transform: ", ";\n      transform-origin: bottom left;\n    }\n  }\n"])), function (props) {
+var StyledAnchor = (0, styled_components_1.default)("a")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1.55em;\n  cursor: pointer;\n  -webkit-font-smoothing: antialiased;\n  text-decoration: none;\n  display: inline-block;\n  position: relative;\n\n  & > * {\n    vertical-align: middle;\n  }\n  & > svg {\n    margin: 0 0.5em;\n  }\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    transform: ", ";\n    height: 1px;\n    bottom: 0;\n    left: 0;\n    background-color: ", ";\n    transform-origin: ", ";\n    transition: transform 0.25s ease-out;\n  }\n\n  &:hover,\n  &:active {\n    &:after {\n      transform: ", ";\n      transform-origin: bottom left;\n    }\n  }\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1.55em;\n  cursor: pointer;\n  -webkit-font-smoothing: antialiased;\n  text-decoration: none;\n  display: inline-block;\n  position: relative;\n\n  & > * {\n    vertical-align: middle;\n  }\n  & > svg {\n    margin: 0 0.5em;\n  }\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    transform: ", ";\n    height: 1px;\n    bottom: 0;\n    left: 0;\n    background-color: ", ";\n    transform-origin: ", ";\n    transition: transform 0.25s ease-out;\n  }\n\n  &:hover,\n  &:active {\n    &:after {\n      transform: ", ";\n      transform-origin: bottom left;\n    }\n  }\n"])), function (props) {
     var _a, _b;
@@ -60,0 +60,0 @@ return (props.theme.mode === "light" ? (_a = props.theme) === null || _a === void 0 ? void 0 : _a.gray1 : (_b = props.theme) === null || _b === void 0 ? void 0 : _b.gray5) ||

lib/components/molecules/Upload/Upload.js

@@ -60,2 +60,5 @@ "use strict";
     var _b = (0, react_1.useState)(url), src = _b[0], setSrc = _b[1];
+    (0, react_1.useEffect)(function () {
+        setSrc(url);
+    }, [url]);
     var onInternalChange = (0, react_1.useCallback)(function (e) {
@@ -73,3 +76,3 @@ if (e.target.files && e.target.files[0]) {
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(StyledDiv, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ type: "file" }, props, { onChange: onInternalChange })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "wrapper" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "border" }, { children: [loading && (0, jsx_runtime_1.jsx)(__1.Spin, {}), src && (0, jsx_runtime_1.jsx)("img", { src: src, alt: "Upload preview" }), (0, jsx_runtime_1.jsx)(UploadIcon, {})] })) })), buttonTitle && (0, jsx_runtime_1.jsx)(__1.Link, __assign({ underline: true }, { children: buttonTitle }))] }));
+    return ((0, jsx_runtime_1.jsxs)(StyledDiv, __assign({ className: "upload" }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ type: "file" }, props, { onChange: onInternalChange })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "wrapper" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "border" }, { children: [loading && (0, jsx_runtime_1.jsx)(__1.Spin, {}), src && (0, jsx_runtime_1.jsx)("img", { src: src, alt: "Upload preview" }), (0, jsx_runtime_1.jsx)(UploadIcon, {})] })) })), buttonTitle && (0, jsx_runtime_1.jsx)(__1.Link, __assign({ underline: true }, { children: buttonTitle }))] })));
 };
@@ -76,0 +79,0 @@ exports.Upload = Upload;

lib/components/organisms/MyProfileForm/MyProfileForm.js

@@ -48,6 +48,6 @@ "use strict";
 var react_grid_system_1 = require("react-grid-system");
-var Upload_1 = require("../../atoms/Upload/Upload");
+var Upload_1 = require("../../molecules/Upload/Upload");
 var styled_components_1 = __importStar(require("styled-components"));
 var __1 = require("../../../");
-var StyledFormHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-align: center;\n  h2,\n  h3,\n  h4 {\n    font-size: ", ";\n    text-align: center;\n  }\n  p {\n    margin: 15px 0;\n  }\n"], ["\n  text-align: center;\n  h2,\n  h3,\n  h4 {\n    font-size: ", ";\n    text-align: center;\n  }\n  p {\n    margin: 15px 0;\n  }\n"])), function (props) { return (props.mobile ? "18px" : "28px"); });
+var StyledFormHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-align: center;\n  h2,\n  h3,\n  h4 {\n    font-size: ", ";\n    text-align: center;\n  }\n  p {\n    margin: 15px 0;\n  }\n  .upload {\n    padding-top: ", ";\n  }\n"], ["\n  text-align: center;\n  h2,\n  h3,\n  h4 {\n    font-size: ", ";\n    text-align: center;\n  }\n  p {\n    margin: 15px 0;\n  }\n  .upload {\n    padding-top: ", ";\n  }\n"])), function (props) { return (props.mobile ? "18px" : "28px"); }, function (props) { return (props.mobile ? "15px" : "30px"); });
 var StyledDiv = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  .lms-checkbox {\n    margin: 20px 0;\n  }\n  .lsm-input {\n    margin: 30px 0;\n    &.has-error,\n    &.has-helper {\n      margin-bottom: -15px;\n    }\n  }\n  button {\n    margin-top: 10px;\n  }\n  p {\n    margin: 15px 0;\n  }\n  p,\n  a {\n    font-size: 14px;\n  }\n  h2,\n  h3,\n  h4 {\n    font-size: ", ";\n  }\n  form {\n    width: 100%;\n    margin-bottom: 15px;\n  }\n"], ["\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  .lms-checkbox {\n    margin: 20px 0;\n  }\n  .lsm-input {\n    margin: 30px 0;\n    &.has-error,\n    &.has-helper {\n      margin-bottom: -15px;\n    }\n  }\n  button {\n    margin-top: 10px;\n  }\n  p {\n    margin: 15px 0;\n  }\n  p,\n  a {\n    font-size: 14px;\n  }\n  h2,\n  h3,\n  h4 {\n    font-size: ", ";\n  }\n  form {\n    width: 100%;\n    margin-bottom: 15px;\n  }\n"])), function (props) { return (props.mobile ? "18px" : "28px"); });
@@ -93,3 +93,3 @@ var MyProfileForm = function (_a) {
     }, [updateAvatar]);
-    return ((0, jsx_runtime_1.jsxs)(react_grid_system_1.Container, { children: [(0, jsx_runtime_1.jsx)(react_grid_system_1.Row, { children: (0, jsx_runtime_1.jsx)(react_grid_system_1.Col, __assign({ sm: 12 }, { children: (0, jsx_runtime_1.jsxs)(StyledFormHeader, __assign({ mobile: mobile }, { children: [(0, jsx_runtime_1.jsx)(__1.Title, __assign({ level: 3 }, { children: t("MyProfileForm") })), (0, jsx_runtime_1.jsx)(__1.Text, __assign({ level: 3 }, { children: t("MyProfileForm.Subtitle") }))] })) })) }), (0, jsx_runtime_1.jsxs)(react_grid_system_1.Row, { children: [(0, jsx_runtime_1.jsx)(react_grid_system_1.Col, __assign({ sm: mobile ? 12 : 2 }, { children: (0, jsx_runtime_1.jsx)(Upload_1.Upload, { path: initialValues.path_avatar, url: initialValues.avatar, accept: "image/*", onChange: onAvatarChange }) })), (0, jsx_runtime_1.jsx)(react_grid_system_1.Col, __assign({ sm: mobile ? 12 : 8 }, { children: (0, jsx_runtime_1.jsx)(StyledDiv, __assign({ mobile: mobile }, { children: (0, jsx_runtime_1.jsx)(formik_1.Formik, __assign({ enableReinitialize: true, initialValues: initialValues, validate: function (values) {
+    return ((0, jsx_runtime_1.jsxs)(react_grid_system_1.Container, { children: [(0, jsx_runtime_1.jsx)(react_grid_system_1.Row, { children: (0, jsx_runtime_1.jsx)(react_grid_system_1.Col, __assign({ sm: 12 }, { children: (0, jsx_runtime_1.jsxs)(StyledFormHeader, __assign({ mobile: mobile }, { children: [(0, jsx_runtime_1.jsx)(__1.Title, __assign({ level: 3 }, { children: t("MyProfileForm") })), (0, jsx_runtime_1.jsx)(__1.Text, __assign({ level: 3 }, { children: t("MyProfileForm.Subtitle") }))] })) })) }), (0, jsx_runtime_1.jsxs)(react_grid_system_1.Row, { children: [(0, jsx_runtime_1.jsx)(react_grid_system_1.Col, __assign({ sm: mobile ? 12 : 2, className: "upload-column" }, { children: (0, jsx_runtime_1.jsx)(StyledFormHeader, __assign({ mobile: mobile }, { children: (0, jsx_runtime_1.jsx)(Upload_1.Upload, { path: initialValues.path_avatar, url: initialValues.avatar, accept: "image/*", onChange: onAvatarChange }) })) })), (0, jsx_runtime_1.jsx)(react_grid_system_1.Col, __assign({ sm: mobile ? 12 : 8 }, { children: (0, jsx_runtime_1.jsx)(StyledDiv, __assign({ mobile: mobile }, { children: (0, jsx_runtime_1.jsx)(formik_1.Formik, __assign({ enableReinitialize: true, initialValues: initialValues, validate: function (values) {
                                     var errors = {};
@@ -96,0 +96,0 @@ if (!values.first_name) {

package.json

 {
   "name": "@escolalms/components",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "main": "lib/index.js",
@@ -5,0 +5,0 @@ "license": "MIT",

src/components/molecules/QuizCta/QuizCta.md

 ```js
-import { GlobalThemeProvider } from "../../../theme/provider";
 import ImageModal from "../../../styleguide/ImageModal";
@@ -26,3 +25,3 @@ import ThemeTester from "../../../styleguide/ThemeTester";
 
-<GlobalThemeProvider>
+<React.Fragment>
   <ThemeTester>
@@ -52,3 +51,3 @@ <div style={{ width: "100%", marginBottom: "20px" }}>
   <ImageModal images={[img1]} />
-</GlobalThemeProvider>;
+<React.Fragment>;
 ```

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

24050859

increased by0.07%

Number of package files

490

increased by0.82%

Lines of code

22003

increased by1.23%

No dependency changes