infinity-forge 0.65.7 → 0.65.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/system/presentation/components/data/detail-card/component.js +3 -3
  2. package/dist/system/presentation/components/data/detail-card/interfaces.d.ts +1 -1
  3. package/dist/system/presentation/components/data/highlight-icon/index.js +2 -2
  4. package/dist/system/presentation/components/data/highlight-icon/interfaces.d.ts +1 -1
  5. package/dist/system/presentation/components/data/highlight-text/index.js +2 -2
  6. package/dist/system/presentation/components/data/input-search/index.js +3 -3
  7. package/dist/system/presentation/components/data/logo/index.js +2 -2
  8. package/dist/system/presentation/components/data/notifications/index.js +5 -5
  9. package/dist/system/presentation/components/data/overlay/index.js +2 -2
  10. package/dist/ui/components/form/handler/component.js +16 -0
  11. package/dist/ui/components/form/handler/component.js.map +1 -1
  12. package/dist/ui/components/form/handler/form-handler/index.d.ts +1 -1
  13. package/dist/ui/components/form/handler/form-handler/index.js +5 -4
  14. package/dist/ui/components/form/handler/form-handler/index.js.map +1 -1
  15. package/dist/ui/components/form/handler/interfaces.d.ts +4 -1
  16. package/dist/ui/components/form/input-seo/components/form/index.js +1 -1
  17. package/dist/ui/components/form/input-seo/components/form/index.js.map +1 -1
  18. package/dist/ui/components/form/text-editor/index.js +67 -19
  19. package/dist/ui/components/form/text-editor/index.js.map +1 -1
  20. package/dist/ui/components/form/text-editor/styles.js +1 -1
  21. package/dist/ui/components/form/text-editor/styles.js.map +1 -1
  22. package/dist/ui/contexts/i18n/context.js +55 -1
  23. package/dist/ui/contexts/i18n/context.js.map +1 -1
  24. package/dist/ui/contexts/i18n/interfaces.d.ts +7 -1
  25. package/package.json +2 -2
@@ -25,9 +25,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.DetailCard = void 0;
27
27
  var jsx_runtime_1 = require("react/jsx-runtime");
28
- var highlight_icon_1 = require("../highlight-icon");
29
- var ui_1 = require("../../../../../ui");
30
- var S = __importStar(require("./styles"));
28
+ var highlight_icon_1 = require("../highlight-icon/index.js");
29
+ var ui_1 = require("../../../../../ui/index.js");
30
+ var S = __importStar(require("./styles.js"));
31
31
  function DetailCard(_a) {
32
32
  var icon = _a.icon, color = _a.color, title = _a.title, subTitle = _a.subTitle, action = _a.action, warning = _a.warning, iconSize = _a.iconSize, highlight = _a.highlight;
33
33
  if (!title) {
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- import { IconsNames } from '../../../../../ui';
2
+ import { IconsNames } from '../../../../../ui/index.js';
3
3
  export interface IDetailCard {
4
4
  id?: number;
5
5
  icon: IconsNames;
@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
29
29
  exports.HighlightIcon = void 0;
30
30
  var jsx_runtime_1 = require("react/jsx-runtime");
31
31
  var chroma_js_1 = __importDefault(require("chroma-js"));
32
- var ui_1 = require("../../../../../ui");
33
- var S = __importStar(require("./styles"));
32
+ var ui_1 = require("../../../../../ui/index.js");
33
+ var S = __importStar(require("./styles.js"));
34
34
  function HighlightIcon(_a) {
35
35
  var icon = _a.icon, color = _a.color;
36
36
  var background = (0, chroma_js_1.default)(color).alpha(0.22).css();
@@ -1,4 +1,4 @@
1
- import { IconsNames } from '../../../../../ui';
1
+ import { IconsNames } from '../../../../../ui/index.js';
2
2
  export interface IHighlightIcon {
3
3
  color: string;
4
4
  icon: {
@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
29
29
  exports.HighlightText = void 0;
30
30
  var jsx_runtime_1 = require("react/jsx-runtime");
31
31
  var chroma_js_1 = __importDefault(require("chroma-js"));
32
- var ui_1 = require("../../../../../ui");
33
- var S = __importStar(require("./styles"));
32
+ var ui_1 = require("../../../../../ui/index.js");
33
+ var S = __importStar(require("./styles.js"));
34
34
  function HighlightText(_a) {
35
35
  var text = _a.text, color = _a.color;
36
36
  if (!text || !color) {
@@ -26,9 +26,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.InputSearch = void 0;
27
27
  var jsx_runtime_1 = require("react/jsx-runtime");
28
28
  var react_1 = require("react");
29
- var system_1 = require("../../../../../system");
30
- var ui_1 = require("../../../../../ui");
31
- var S = __importStar(require("./styles"));
29
+ var system_1 = require("../../../../../system/index.js");
30
+ var ui_1 = require("../../../../../ui/index.js");
31
+ var S = __importStar(require("./styles.js"));
32
32
  function InputSearch(_a) {
33
33
  var onChange = _a.onChange;
34
34
  var _b = (0, react_1.useState)(null), value = _b[0], setValue = _b[1];
@@ -25,8 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.Logo = void 0;
27
27
  var jsx_runtime_1 = require("react/jsx-runtime");
28
- var ui_1 = require("../../../../../ui");
29
- var S = __importStar(require("./styles"));
28
+ var ui_1 = require("../../../../../ui/index.js");
29
+ var S = __importStar(require("./styles.js"));
30
30
  function Logo() {
31
31
  return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Logo', children: (0, jsx_runtime_1.jsx)(S.Logo, { className: 'logo', children: (0, jsx_runtime_1.jsx)("a", { href: '/' }) }) }));
32
32
  }
@@ -72,11 +72,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
72
72
  Object.defineProperty(exports, "__esModule", { value: true });
73
73
  exports.Notifications = void 0;
74
74
  var jsx_runtime_1 = require("react/jsx-runtime");
75
- var ui_1 = require("../../../../../ui");
76
- var system_1 = require("../../../../../system");
77
- var card_1 = require("./card");
78
- var styles_1 = require("../../layout/header/components/menu-right/styles");
79
- var S = __importStar(require("./styles"));
75
+ var ui_1 = require("../../../../../ui/index.js");
76
+ var system_1 = require("../../../../../system/index.js");
77
+ var card_1 = require("./card/index.js");
78
+ var styles_1 = require("../../layout/header/components/menu-right/styles.js");
79
+ var S = __importStar(require("./styles.js"));
80
80
  function ReadNotifications(_a) {
81
81
  var _b;
82
82
  var notifications = _a.notifications, icon = _a.icon;
@@ -25,8 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.Overlay = void 0;
27
27
  var jsx_runtime_1 = require("react/jsx-runtime");
28
- var ui_1 = require("../../../../../ui");
29
- var S = __importStar(require("./styles"));
28
+ var ui_1 = require("../../../../../ui/index.js");
29
+ var S = __importStar(require("./styles.js"));
30
30
  function Overlay(_a) {
31
31
  var children = _a.children, state = _a.state, dispatch = _a.dispatch;
32
32
  return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'overlay-component', children: [(0, jsx_runtime_1.jsx)(S.Overlay, { "$state": state, onClick: function () { return dispatch(false); } }), state && children] }));
@@ -18,8 +18,24 @@ exports.FormHandler = void 0;
18
18
  var jsx_runtime_1 = require("react/jsx-runtime");
19
19
  var formik_1 = require("formik");
20
20
  var form_handler_1 = __importDefault(require("./form-handler/index.js"));
21
+ var contexts_1 = require("../../../../ui/contexts/index.js");
22
+ var system_1 = require("../../../../system/index.js");
21
23
  function FormHandler(props) {
24
+ if (props.i18n) {
25
+ return (0, jsx_runtime_1.jsx)(FormI18n, __assign({}, props));
26
+ }
22
27
  return ((0, jsx_runtime_1.jsx)(formik_1.Formik, { initialValues: props.initialData || {}, onSubmit: function () { }, children: (0, jsx_runtime_1.jsx)(form_handler_1.default, __assign({}, props, { children: props.children })) }));
23
28
  }
24
29
  exports.FormHandler = FormHandler;
30
+ function FormI18n(props) {
31
+ var languages = (0, contexts_1.useI18n)().languages;
32
+ if ((!languages || languages.length === 0)) {
33
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Error on load languages" });
34
+ }
35
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(system_1.Tab, { tabs: (languages === null || languages === void 0 ? void 0 : languages.map(function (lang) { return ({
36
+ key: lang.id,
37
+ title: lang.symbol,
38
+ content: function () { return ((0, jsx_runtime_1.jsx)(formik_1.Formik, { initialValues: props.initialData[lang.symbol] || {}, onSubmit: function () { }, children: (0, jsx_runtime_1.jsx)(form_handler_1.default, __assign({}, props, { i18n: { languageSymbol: lang.symbol }, children: props.children })) })); },
39
+ }); })) || [] }) }));
40
+ }
25
41
  //# sourceMappingURL=component.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/handler/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA+B;AAE/B,gEAAwC;AAGxC,SAAgB,WAAW,CAAC,KAAmB;IAC7C,OAAO,CACL,uBAAC,eAAM,IAAC,aAAa,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,EAAE,QAAQ,EAAE,cAAO,CAAC,YAChE,uBAAC,sBAAW,eAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAe,GAC/C,CACV,CAAA;AACH,CAAC;AAND,kCAMC"}
1
+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/handler/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA+B;AAE/B,gEAAwC;AAExC,0CAAuC;AACvC,mCAA8B;AAE9B,SAAgB,WAAW,CAAC,KAAmB;IAC7C,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,uBAAC,QAAQ,eAAK,KAAK,EAAI,CAAA;IAChC,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,IAAC,aAAa,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,EAAE,QAAQ,EAAE,cAAO,CAAC,YAChE,uBAAC,sBAAW,eAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAe,GAC/C,CACV,CAAA;AACH,CAAC;AAVD,kCAUC;AAED,SAAS,QAAQ,CAAC,KAAmB;IAC3B,IAAA,SAAS,GAAK,IAAA,kBAAO,GAAE,UAAd,CAAc;IAE/B,IAAG,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1C,OAAO,uFAA4B,CAAA;IACrC,CAAC;IAED,OAAO,CACL,2DACE,uBAAC,YAAG,IACF,IAAI,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;gBAC9B,GAAG,EAAE,IAAI,CAAC,EAAE;gBACZ,KAAK,EAAE,IAAI,CAAC,MAAM;gBAClB,OAAO,EAAE,cAAM,OAAA,CACb,uBAAC,eAAM,IAAC,aAAa,EAAE,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,cAAO,CAAC,YAC7E,uBAAC,sBAAW,eAAK,KAAK,IAAE,IAAI,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,MAAM,EAAG,YAAG,KAAK,CAAC,QAAQ,IAAe,GACvF,CACV,EAJc,CAId;aACF,CAAC,EAR6B,CAQ7B,CAAC,KAAI,EAAE,GACT,GACD,CACJ,CAAA;AACH,CAAC"}
@@ -1,2 +1,2 @@
1
1
  import { IFormHandler } from '../interfaces.js';
2
- export default function FormElement({ button, schema, children, onSucess, debugMode, autoComplete, customSubmit, onChangeForm, customAction, defaultSchemas, isStickyButtons, cleanFieldsOnSubmit, disableEnterKeySubmitForm, }: IFormHandler): import("react/jsx-runtime").JSX.Element;
2
+ export default function FormElement({ i18n, button, schema, children, onSucess, debugMode, autoComplete, customSubmit, onChangeForm, customAction, defaultSchemas, isStickyButtons, cleanFieldsOnSubmit, disableEnterKeySubmitForm, }: IFormHandler): import("react/jsx-runtime").JSX.Element;
@@ -89,7 +89,7 @@ var generate_schemas_1 = require("./generate-schemas.js");
89
89
  var custom_submit_1 = require("../custom-submit/index.js");
90
90
  var S = __importStar(require("../styles.js"));
91
91
  function FormElement(_a) {
92
- var button = _a.button, schema = _a.schema, children = _a.children, onSucess = _a.onSucess, debugMode = _a.debugMode, autoComplete = _a.autoComplete, customSubmit = _a.customSubmit, onChangeForm = _a.onChangeForm, customAction = _a.customAction, defaultSchemas = _a.defaultSchemas, isStickyButtons = _a.isStickyButtons, _b = _a.cleanFieldsOnSubmit, cleanFieldsOnSubmit = _b === void 0 ? true : _b, _c = _a.disableEnterKeySubmitForm, disableEnterKeySubmitForm = _c === void 0 ? false : _c;
92
+ var i18n = _a.i18n, button = _a.button, schema = _a.schema, children = _a.children, onSucess = _a.onSucess, debugMode = _a.debugMode, autoComplete = _a.autoComplete, customSubmit = _a.customSubmit, onChangeForm = _a.onChangeForm, customAction = _a.customAction, defaultSchemas = _a.defaultSchemas, isStickyButtons = _a.isStickyButtons, _b = _a.cleanFieldsOnSubmit, cleanFieldsOnSubmit = _b === void 0 ? true : _b, _c = _a.disableEnterKeySubmitForm, disableEnterKeySubmitForm = _c === void 0 ? false : _c;
93
93
  var _d = (0, react_1.useState)({ state: '', message: '' }), stateForm = _d[0], setStateForm = _d[1];
94
94
  var _e = (0, formik_1.useFormikContext)(), values = _e.values, setErrors = _e.setErrors, setFieldError = _e.setFieldError, setFieldValue = _e.setFieldValue;
95
95
  function validateSchemas() {
@@ -115,7 +115,7 @@ function FormElement(_a) {
115
115
  }
116
116
  function onSubmit(action) {
117
117
  return __awaiter(this, void 0, void 0, function () {
118
- var _a, _b, err_1, errors_1, validationErrors_1;
118
+ var payload, _a, _b, err_1, errors_1, validationErrors_1;
119
119
  return __generator(this, function (_c) {
120
120
  switch (_c.label) {
121
121
  case 0:
@@ -128,9 +128,10 @@ function FormElement(_a) {
128
128
  return [4 /*yield*/, validateSchemas()];
129
129
  case 1:
130
130
  _c.sent();
131
+ payload = __assign(__assign({}, (values || {})), { languageSymbol: i18n === null || i18n === void 0 ? void 0 : i18n.languageSymbol });
131
132
  _a = onSucess && !action;
132
133
  if (!_a) return [3 /*break*/, 3];
133
- return [4 /*yield*/, onSucess(values || {}, { setFieldError: setFieldError, setFieldValue: setFieldValue })];
134
+ return [4 /*yield*/, onSucess(payload, { setFieldError: setFieldError, setFieldValue: setFieldValue })];
134
135
  case 2:
135
136
  _a = (_c.sent());
136
137
  _c.label = 3;
@@ -139,7 +140,7 @@ function FormElement(_a) {
139
140
  !action && setStateForm({ state: 'send', message: '' });
140
141
  _b = action;
141
142
  if (!_b) return [3 /*break*/, 5];
142
- return [4 /*yield*/, action(values, setStateForm)];
143
+ return [4 /*yield*/, action(payload, setStateForm)];
143
144
  case 4:
144
145
  _b = (_c.sent());
145
146
  _c.label = 5;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/form-handler/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/form-handler/index.tsx"],"names":[],"mappings":"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"}
@@ -5,9 +5,12 @@ import { ICustomSubmitProps } from './custom-submit/index.js';
5
5
  import { IDefaultSchemas } from './form-handler/generate-schemas.js';
6
6
  export interface IFormHandler {
7
7
  ref?: any;
8
+ i18n?: {
9
+ languageSymbol?: string;
10
+ };
8
11
  defaultSchemas?: IDefaultSchemas;
9
12
  isStickyButtons?: boolean;
10
- autoComplete?: "on" | "off";
13
+ autoComplete?: 'on' | 'off';
11
14
  onSucess?: (data: any, handlers?: {
12
15
  setFieldError: (field: string, message: string) => void;
13
16
  setFieldValue: (field: string, value: any, shouldValidate?: boolean) => Promise<void | FormikErrors<unknown>>;
@@ -28,7 +28,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
28
28
  var ui_1 = require("../../../../../../ui/index.js");
29
29
  var S = __importStar(require("./styles.js"));
30
30
  function Form() {
31
- return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Form', children: (0, jsx_runtime_1.jsxs)(S.Form, { className: 'form', children: [(0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'seo.title', label: 'SEO Title', className: 'font-16', maxLength: 60 }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ui_1.Textarea, { name: 'seo.metadescription', label: 'Meta Description', maxLength: 160 }), (0, jsx_runtime_1.jsx)("span", { className: 'font-12 dm-sans', children: "Preencha com at\u00E9 160 caracteres." })] }), (0, jsx_runtime_1.jsx)(ui_1.InputFile, { label: 'MetaImage', isLocalFile: true, name: 'seo.metaimage' })] }) }));
31
+ return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Form', children: (0, jsx_runtime_1.jsxs)(S.Form, { className: 'form', children: [(0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'metatitle', label: 'SEO Title', className: 'font-16', maxLength: 60 }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ui_1.Textarea, { name: 'metadescription', label: 'Meta Description', maxLength: 160 }), (0, jsx_runtime_1.jsx)("span", { className: 'font-12 dm-sans', children: "Preencha com at\u00E9 160 caracteres." })] }), (0, jsx_runtime_1.jsx)(ui_1.InputFile, { label: 'MetaImage', isLocalFile: true, name: 'metaimage' })] }) }));
32
32
  }
33
33
  exports.Form = Form;
34
34
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-seo/components/form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAwD;AAExD,0CAA6B;AAE7B,SAAgB,IAAI;IAClB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,wBAAC,CAAC,CAAC,IAAI,IAAC,SAAS,EAAC,MAAM,aACtB,uBAAC,UAAK,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAE,EAAE,GAAI,EAE/E,4CACE,uBAAC,aAAQ,IACP,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAC,kBAAkB,EACxB,SAAS,EAAE,GAAG,GACd,EAEF,iCAAM,SAAS,EAAC,iBAAiB,sDAAwC,IACrE,EAEN,uBAAC,cAAS,IAAC,KAAK,EAAC,WAAW,EAAC,WAAW,QAAC,IAAI,EAAC,eAAe,GAAG,IACzD,GACH,CACT,CAAA;AACH,CAAC;AApBD,oBAoBC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-seo/components/form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAwD;AAExD,0CAA6B;AAE7B,SAAgB,IAAI;IAClB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,wBAAC,CAAC,CAAC,IAAI,IAAC,SAAS,EAAC,MAAM,aACtB,uBAAC,UAAK,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAE,EAAE,GAAI,EAE/E,4CACE,uBAAC,aAAQ,IACP,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAC,kBAAkB,EACxB,SAAS,EAAE,GAAG,GACd,EAEF,iCAAM,SAAS,EAAC,iBAAiB,sDAAwC,IACrE,EAEN,uBAAC,cAAS,IAAC,KAAK,EAAC,WAAW,EAAC,WAAW,QAAC,IAAI,EAAC,WAAW,GAAG,IACrD,GACH,CACT,CAAA;AACH,CAAC;AApBD,oBAoBC"}
@@ -33,34 +33,82 @@ var __importStar = (this && this.__importStar) || function (mod) {
33
33
  __setModuleDefault(result, mod);
34
34
  return result;
35
35
  };
36
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
37
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
38
+ return new (P || (P = Promise))(function (resolve, reject) {
39
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
40
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
41
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
42
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
43
+ });
44
+ };
45
+ var __generator = (this && this.__generator) || function (thisArg, body) {
46
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
47
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
48
+ function verb(n) { return function (v) { return step([n, v]); }; }
49
+ function step(op) {
50
+ if (f) throw new TypeError("Generator is already executing.");
51
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
52
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
53
+ if (y = 0, t) op = [op[0] & 2, t.value];
54
+ switch (op[0]) {
55
+ case 0: case 1: t = op; break;
56
+ case 4: _.label++; return { value: op[1], done: false };
57
+ case 5: _.label++; y = op[1]; op = [0]; continue;
58
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
59
+ default:
60
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
61
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
62
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
63
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
64
+ if (t[2]) _.ops.pop();
65
+ _.trys.pop(); continue;
66
+ }
67
+ op = body.call(thisArg, _);
68
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
69
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
70
+ }
71
+ };
72
+ var __importDefault = (this && this.__importDefault) || function (mod) {
73
+ return (mod && mod.__esModule) ? mod : { "default": mod };
74
+ };
36
75
  Object.defineProperty(exports, "__esModule", { value: true });
37
76
  exports.TextEditor = void 0;
38
77
  var jsx_runtime_1 = require("react/jsx-runtime");
39
78
  var react_1 = require("react");
79
+ var dynamic_1 = __importDefault(require("next/dynamic"));
40
80
  var formik_1 = require("formik");
41
- var react_quilljs_1 = require("react-quilljs");
42
81
  var input_control_1 = require("../input-control/index.js");
43
82
  var S = __importStar(require("./styles.js"));
83
+ var RichTextEditor = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-rte')); }).then(function (mod) { return mod.default; }); }, { ssr: false });
44
84
  function TextEditor(props) {
45
- var _a = (0, formik_1.useField)({ name: props.name, type: props.type }), field = _a[0], _ = _a[1], utils = _a[2];
46
- var _b = (0, react_quilljs_1.useQuill)(), quill = _b.quill, quillRef = _b.quillRef;
85
+ var _this = this;
86
+ var _a = (0, formik_1.useField)({
87
+ name: props.name,
88
+ }), field = _a[0], _ = _a[1], helpers = _a[2];
89
+ var _b = (0, react_1.useState)(null), editorValue = _b[0], setEditorValue = _b[1];
47
90
  (0, react_1.useEffect)(function () {
48
- if (typeof window !== 'undefined' && quill) {
49
- var handleChange_1 = function () {
50
- utils.setValue(quill.root.innerHTML);
51
- };
52
- quill.on('text-change', handleChange_1);
53
- return function () {
54
- quill.off('text-change', handleChange_1);
55
- };
56
- }
57
- }, [quill, utils]);
58
- (0, react_1.useEffect)(function () {
59
- if (typeof window !== 'undefined' && quill) {
60
- quill.clipboard.dangerouslyPasteHTML(field.value);
61
- }
62
- }, [quill, field.value]);
63
- return ((0, jsx_runtime_1.jsx)(S.TextEditor, { children: (0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: quillRef && ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%', height: 175 }, children: (0, jsx_runtime_1.jsx)("div", { ref: quillRef }) })) })) }));
91
+ var importModule = function () { return __awaiter(_this, void 0, void 0, function () {
92
+ var module, emptyValue;
93
+ return __generator(this, function (_a) {
94
+ switch (_a.label) {
95
+ case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('react-rte')); })];
96
+ case 1:
97
+ module = _a.sent();
98
+ emptyValue = module.createEmptyValue();
99
+ helpers.setValue(emptyValue);
100
+ setEditorValue(emptyValue);
101
+ return [2 /*return*/];
102
+ }
103
+ });
104
+ }); };
105
+ importModule();
106
+ }, [helpers]);
107
+ var handleOnChange = function (value) {
108
+ setEditorValue(value);
109
+ helpers.setValue(value.toString('html'));
110
+ };
111
+ return ((0, jsx_runtime_1.jsx)(S.TextEditor, { id: 'text-editor', children: (0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: editorValue && (0, jsx_runtime_1.jsx)(RichTextEditor, { name: props.name, value: editorValue, onChange: handleOnChange }) })) }));
64
112
  }
65
113
  exports.TextEditor = TextEditor;
66
114
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,iCAAiC;AACjC,+CAAwC;AACxC,kDAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,UAAU,CAAC,KAAiB;IACpC,IAAA,KAAoB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnE,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,KAAK,QAAoD,CAAA;IACpE,IAAA,KAAsB,IAAA,wBAAQ,GAAE,EAA9B,KAAK,WAAA,EAAE,QAAQ,cAAe,CAAA;IAEtC,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,KAAK,EAAE,CAAC;YAC3C,IAAM,cAAY,GAAG;gBACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;YACtC,CAAC,CAAA;YACD,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,cAAY,CAAC,CAAA;YAErC,OAAO;gBACL,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,cAAY,CAAC,CAAA;YACxC,CAAC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;IAElB,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,KAAK,EAAE,CAAC;YAC3C,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,cACX,uBAAC,4BAAY,eAAK,KAAK,cACpB,QAAQ,IAAI,CACX,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,YACxC,gCAAK,GAAG,EAAE,QAAQ,GAAI,GAClB,CACP,IACY,GACF,CAChB,CAAA;AACH,CAAC;AAlCD,gCAkCC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAC3C,yDAAkC;AAClC,iCAAiC;AAEjC,kDAA+C;AAG/C,0CAA6B;AAE7B,IAAM,cAAc,GAAQ,IAAA,iBAAO,EAAC,cAAM,OAAA,iEAAO,WAAW,OAAE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW,CAAC,EAA9C,CAA8C,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAA;AAEzG,SAAgB,UAAU,CAAC,KAAiB;IAA5C,iBA4BC;IA3BO,IAAA,KAAsB,IAAA,iBAAQ,EAAC;QACnC,IAAI,EAAE,KAAK,CAAC,IAAI;KACjB,CAAC,EAFK,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAEtB,CAAA;IACI,IAAA,KAAgC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA7C,WAAW,QAAA,EAAE,cAAc,QAAkB,CAAA;IAEpD,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG;;;;4BACJ,sFAAa,WAAW,QAAC;;wBAAlC,MAAM,GAAG,SAAyB;wBAClC,UAAU,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAA;wBAC5C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;wBAC5B,cAAc,CAAC,UAAU,CAAC,CAAA;;;;aAC3B,CAAA;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,cAAc,GAAG,UAAC,KAAK;QAC3B,cAAc,CAAC,KAAK,CAAC,CAAA;QACrB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,IAAC,EAAE,EAAC,aAAa,YAC5B,uBAAC,4BAAY,eAAK,KAAK,cACpB,WAAW,IAAI,uBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,GAAI,IACrF,GACF,CAChB,CAAA;AACH,CAAC;AA5BD,gCA4BC"}
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.TextEditor = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.TextEditor = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject([void 0], ["\n .ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0;\n position: relative;\n }\n .ql-container.ql-disabled .ql-tooltip {\n visibility: hidden;\n }\n .ql-container:not(.ql-disabled) li[data-list='checked'] > .ql-ui,\n .ql-container:not(.ql-disabled) li[data-list='unchecked'] > .ql-ui {\n cursor: pointer;\n }\n .ql-clipboard {\n left: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n top: 50%;\n }\n .ql-clipboard p {\n margin: 0;\n padding: 0;\n }\n .ql-editor {\n box-sizing: border-box;\n counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: left;\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n .ql-editor > * {\n cursor: text;\n }\n .ql-editor p,\n .ql-editor ol,\n .ql-editor pre,\n .ql-editor blockquote,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n margin: 0;\n padding: 0;\n }\n @supports (counter-set: none) {\n .ql-editor p,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n }\n @supports not (counter-set: none) {\n .ql-editor p,\n .ql-editor h1,\n .ql-editor h2,\n .ql-editor h3,\n .ql-editor h4,\n .ql-editor h5,\n .ql-editor h6 {\n counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n }\n .ql-editor table {\n border-collapse: collapse;\n }\n .ql-editor td {\n border: 1px solid #000;\n padding: 2px 5px;\n }\n .ql-editor ol {\n padding-left: 1.5em;\n }\n .ql-editor li {\n list-style-type: none;\n padding-left: 1.5em;\n position: relative;\n }\n .ql-editor li > .ql-ui:before {\n display: inline-block;\n margin-left: -1.5em;\n margin-right: 0.3em;\n text-align: right;\n white-space: nowrap;\n width: 1.2em;\n }\n .ql-editor li[data-list='checked'] > .ql-ui,\n .ql-editor li[data-list='unchecked'] > .ql-ui {\n color: #777;\n }\n .ql-editor li[data-list='bullet'] > .ql-ui:before {\n content: '\\2022';\n }\n .ql-editor li[data-list='checked'] > .ql-ui:before {\n content: '\\2611';\n }\n .ql-editor li[data-list='unchecked'] > .ql-ui:before {\n content: '\\2610';\n }\n @supports (counter-set: none) {\n .ql-editor li[data-list] {\n counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n }\n @supports not (counter-set: none) {\n .ql-editor li[data-list] {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n }\n .ql-editor li[data-list='ordered'] {\n counter-increment: list-0;\n }\n .ql-editor li[data-list='ordered'] > .ql-ui:before {\n content: counter(list-0, decimal) '. ';\n }\n .ql-editor li[data-list='ordered'].ql-indent-1 {\n counter-increment: list-1;\n }\n .ql-editor li[data-list='ordered'].ql-indent-1 > .ql-ui:before {\n content: counter(list-1, lower-alpha) '. ';\n }\n @supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-1 {\n counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n }\n @supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-1 {\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n }\n .ql-editor li[data-list='ordered'].ql-indent-2 {\n counter-increment: list-2;\n }\n .ql-editor li[data-list='ordered'].ql-indent-2 > .ql-ui:before {\n content: counter(list-2, lower-roman) '. ';\n }\n @supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-2 {\n counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n }\n @supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-2 {\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n }\n .ql-editor li[data-list='ordered'].ql-indent-3 {\n counter-increment: list-3;\n }\n .ql-editor li[data-list='ordered'].ql-indent-3 > .ql-ui:before {\n content: counter(list-3, decimal) '. ';\n }\n @supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-3 {\n counter-set: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n }\n @supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-3 {\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n }\n .ql-editor li[data-list='ordered'].ql-indent-4 {\n counter-increment: list-4;\n }\n .ql-editor li[data-list='ordered'].ql-indent-4 > .ql-ui:before {\n content: counter(list-4, lower-alpha) '. ';\n }\n @supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-4 {\n counter-set: list-5 list-6 list-7 list-8 list-9;\n }\n }\n @supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-4 {\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n }\n }\n .ql-editor li[data-list='ordered'].ql-indent-5 {\n counter-increment: list-5;\n }\n .ql-editor li[data-list='ordered'].ql-indent-5 > .ql-ui:before {\n content: counter(list-5, lower-roman) '. ';\n }\n @supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-5 {\n counter-set: list-6 list-7 list-8 list-9;\n }\n }\n @supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-5 {\n counter-reset: list-6 list-7 list-8 list-9;\n }\n }\n .ql-editor li[data-list='ordered'].ql-indent-6 {\n counter-increment: list-6;\n }\n .ql-editor li[data-list='ordered'].ql-indent-6 > .ql-ui:before {\n content: counter(list-6, decimal) '. ';\n }\n @supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-6 {\n counter-set: list-7 list-8 list-9;\n }\n }\n @supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-6 {\n counter-reset: list-7 list-8 list-9;\n }\n }\n .ql-editor li[data-list='ordered'].ql-indent-7 {\n counter-increment: list-7;\n }\n .ql-editor li[data-list='ordered'].ql-indent-7 > .ql-ui:before {\n content: counter(list-7, lower-alpha) '. ';\n }\n @supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-7 {\n counter-set: list-8 list-9;\n }\n }\n @supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-7 {\n counter-reset: list-8 list-9;\n }\n }\n .ql-editor li[data-list='ordered'].ql-indent-8 {\n counter-increment: list-8;\n }\n .ql-editor li[data-list='ordered'].ql-indent-8 > .ql-ui:before {\n content: counter(list-8, lower-roman) '. ';\n }\n @supports (counter-set: none) {\n .ql-editor li[data-list].ql-indent-8 {\n counter-set: list-9;\n }\n }\n @supports not (counter-set: none) {\n .ql-editor li[data-list].ql-indent-8 {\n counter-reset: list-9;\n }\n }\n .ql-editor li[data-list='ordered'].ql-indent-9 {\n counter-increment: list-9;\n }\n .ql-editor li[data-list='ordered'].ql-indent-9 > .ql-ui:before {\n content: counter(list-9, decimal) '. ';\n }\n .ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 3em;\n }\n .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 4.5em;\n }\n .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 3em;\n }\n .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 4.5em;\n }\n .ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 6em;\n }\n .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 7.5em;\n }\n .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n }\n .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 7.5em;\n }\n .ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 9em;\n }\n .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 10.5em;\n }\n .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 9em;\n }\n .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 10.5em;\n }\n .ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 12em;\n }\n .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 13.5em;\n }\n .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n }\n .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 13.5em;\n }\n .ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 15em;\n }\n .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 16.5em;\n }\n .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 15em;\n }\n .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 16.5em;\n }\n .ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 18em;\n }\n .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 19.5em;\n }\n .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n }\n .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 19.5em;\n }\n .ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 21em;\n }\n .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 22.5em;\n }\n .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 21em;\n }\n .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 22.5em;\n }\n .ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 24em;\n }\n .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 25.5em;\n }\n .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 24em;\n }\n .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 25.5em;\n }\n .ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 27em;\n }\n .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 28.5em;\n }\n .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 27em;\n }\n .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 28.5em;\n }\n .ql-editor li.ql-direction-rtl {\n padding-right: 1.5em;\n }\n .ql-editor li.ql-direction-rtl > .ql-ui:before {\n margin-left: 0.3em;\n margin-right: -1.5em;\n text-align: left;\n }\n .ql-editor table {\n table-layout: fixed;\n width: 100%;\n }\n .ql-editor table td {\n outline: none;\n }\n .ql-editor .ql-code-block-container {\n font-family: monospace;\n }\n .ql-editor .ql-video {\n display: block;\n max-width: 100%;\n }\n .ql-editor .ql-video.ql-align-center {\n margin: 0 auto;\n }\n .ql-editor .ql-video.ql-align-right {\n margin: 0 0 0 auto;\n }\n .ql-editor .ql-bg-black {\n background-color: #000;\n }\n .ql-editor .ql-bg-red {\n background-color: #e60000;\n }\n .ql-editor .ql-bg-orange {\n background-color: #f90;\n }\n .ql-editor .ql-bg-yellow {\n background-color: #ff0;\n }\n .ql-editor .ql-bg-green {\n background-color: #008a00;\n }\n .ql-editor .ql-bg-blue {\n background-color: #06c;\n }\n .ql-editor .ql-bg-purple {\n background-color: #93f;\n }\n .ql-editor .ql-color-white {\n color: #fff;\n }\n .ql-editor .ql-color-red {\n color: #e60000;\n }\n .ql-editor .ql-color-orange {\n color: #f90;\n }\n .ql-editor .ql-color-yellow {\n color: #ff0;\n }\n .ql-editor .ql-color-green {\n color: #008a00;\n }\n .ql-editor .ql-color-blue {\n color: #06c;\n }\n .ql-editor .ql-color-purple {\n color: #93f;\n }\n .ql-editor .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n }\n .ql-editor .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n }\n .ql-editor .ql-size-small {\n font-size: 0.75em;\n }\n .ql-editor .ql-size-large {\n font-size: 1.5em;\n }\n .ql-editor .ql-size-huge {\n font-size: 2.5em;\n }\n .ql-editor .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n }\n .ql-editor .ql-align-center {\n text-align: center;\n }\n .ql-editor .ql-align-justify {\n text-align: justify;\n }\n .ql-editor .ql-align-right {\n text-align: right;\n }\n .ql-editor .ql-ui {\n position: absolute;\n }\n .ql-editor.ql-blank::before {\n color: rgba(0, 0, 0, 0.6);\n content: attr(data-placeholder);\n font-style: italic;\n left: 15px;\n pointer-events: none;\n position: absolute;\n right: 15px;\n }\n .ql-snow.ql-toolbar:after,\n .ql-snow .ql-toolbar:after {\n clear: both;\n content: '';\n display: table;\n }\n .ql-snow.ql-toolbar button,\n .ql-snow .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n display: inline-block;\n float: left;\n height: 24px;\n padding: 3px 5px;\n width: 28px;\n }\n .ql-snow.ql-toolbar button svg,\n .ql-snow .ql-toolbar button svg {\n float: left;\n height: 100%;\n }\n .ql-snow.ql-toolbar button:active:hover,\n .ql-snow .ql-toolbar button:active:hover {\n outline: none;\n }\n .ql-snow.ql-toolbar input.ql-image[type='file'],\n .ql-snow .ql-toolbar input.ql-image[type='file'] {\n display: none;\n }\n .ql-snow.ql-toolbar button:hover,\n .ql-snow .ql-toolbar button:hover,\n .ql-snow.ql-toolbar button:focus,\n .ql-snow .ql-toolbar button:focus,\n .ql-snow.ql-toolbar button.ql-active,\n .ql-snow .ql-toolbar button.ql-active,\n .ql-snow.ql-toolbar .ql-picker-label:hover,\n .ql-snow .ql-toolbar .ql-picker-label:hover,\n .ql-snow.ql-toolbar .ql-picker-label.ql-active,\n .ql-snow .ql-toolbar .ql-picker-label.ql-active,\n .ql-snow.ql-toolbar .ql-picker-item:hover,\n .ql-snow .ql-toolbar .ql-picker-item:hover,\n .ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n .ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n color: #06c;\n }\n .ql-snow.ql-toolbar button:hover .ql-fill,\n .ql-snow .ql-toolbar button:hover .ql-fill,\n .ql-snow.ql-toolbar button:focus .ql-fill,\n .ql-snow .ql-toolbar button:focus .ql-fill,\n .ql-snow.ql-toolbar button.ql-active .ql-fill,\n .ql-snow .ql-toolbar button.ql-active .ql-fill,\n .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n fill: #06c;\n }\n .ql-snow.ql-toolbar button:hover .ql-stroke,\n .ql-snow .ql-toolbar button:hover .ql-stroke,\n .ql-snow.ql-toolbar button:focus .ql-stroke,\n .ql-snow .ql-toolbar button:focus .ql-stroke,\n .ql-snow.ql-toolbar button.ql-active .ql-stroke,\n .ql-snow .ql-toolbar button.ql-active .ql-stroke,\n .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n .ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n .ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n .ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n .ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n stroke: #06c;\n }\n @media (pointer: coarse) {\n .ql-snow.ql-toolbar button:hover:not(.ql-active),\n .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n color: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #444;\n }\n }\n .ql-snow {\n box-sizing: border-box;\n }\n .ql-snow * {\n box-sizing: border-box;\n }\n .ql-snow .ql-hidden {\n display: none;\n }\n .ql-snow .ql-out-bottom,\n .ql-snow .ql-out-top {\n visibility: hidden;\n }\n .ql-snow .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n }\n .ql-snow .ql-tooltip a {\n cursor: pointer;\n text-decoration: none;\n }\n .ql-snow .ql-tooltip.ql-flip {\n transform: translateY(-10px);\n }\n .ql-snow .ql-formats {\n display: inline-block;\n vertical-align: middle;\n }\n .ql-snow .ql-formats:after {\n clear: both;\n content: '';\n display: table;\n }\n .ql-snow .ql-stroke {\n fill: none;\n stroke: #444;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n }\n .ql-snow .ql-stroke-miter {\n fill: none;\n stroke: #444;\n stroke-miterlimit: 10;\n stroke-width: 2;\n }\n .ql-snow .ql-fill,\n .ql-snow .ql-stroke.ql-fill {\n fill: #444;\n }\n .ql-snow .ql-empty {\n fill: none;\n }\n .ql-snow .ql-even {\n fill-rule: evenodd;\n }\n .ql-snow .ql-thin,\n .ql-snow .ql-stroke.ql-thin {\n stroke-width: 1;\n }\n .ql-snow .ql-transparent {\n opacity: 0.4;\n }\n .ql-snow .ql-direction svg:last-child {\n display: none;\n }\n .ql-snow .ql-direction.ql-active svg:last-child {\n display: inline;\n }\n .ql-snow .ql-direction.ql-active svg:first-child {\n display: none;\n }\n .ql-snow .ql-editor h1 {\n font-size: 2em;\n }\n .ql-snow .ql-editor h2 {\n font-size: 1.5em;\n }\n .ql-snow .ql-editor h3 {\n font-size: 1.17em;\n }\n .ql-snow .ql-editor h4 {\n font-size: 1em;\n }\n .ql-snow .ql-editor h5 {\n font-size: 0.83em;\n }\n .ql-snow .ql-editor h6 {\n font-size: 0.67em;\n }\n .ql-snow .ql-editor a {\n text-decoration: underline;\n }\n .ql-snow .ql-editor blockquote {\n border-left: 4px solid #ccc;\n margin-bottom: 5px;\n margin-top: 5px;\n padding-left: 16px;\n }\n .ql-snow .ql-editor code,\n .ql-snow .ql-editor .ql-code-block-container {\n background-color: #f0f0f0;\n border-radius: 3px;\n }\n .ql-snow .ql-editor .ql-code-block-container {\n margin-bottom: 5px;\n margin-top: 5px;\n padding: 5px 10px;\n }\n .ql-snow .ql-editor code {\n font-size: 85%;\n padding: 2px 4px;\n }\n .ql-snow .ql-editor .ql-code-block-container {\n background-color: #23241f;\n color: #f8f8f2;\n overflow: visible;\n }\n .ql-snow .ql-editor img {\n max-width: 100%;\n }\n .ql-snow .ql-picker {\n color: #444;\n display: inline-block;\n float: left;\n font-size: 14px;\n font-weight: 500;\n height: 24px;\n position: relative;\n vertical-align: middle;\n }\n .ql-snow .ql-picker-label {\n cursor: pointer;\n display: inline-block;\n height: 100%;\n padding-left: 8px;\n padding-right: 2px;\n position: relative;\n width: 100%;\n }\n .ql-snow .ql-picker-label::before {\n display: inline-block;\n line-height: 22px;\n }\n .ql-snow .ql-picker-options {\n background-color: #fff;\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n }\n .ql-snow .ql-picker-options .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-bottom: 5px;\n padding-top: 5px;\n }\n .ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #ccc;\n z-index: 2;\n }\n .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #ccc;\n }\n .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #ccc;\n }\n .ql-snow .ql-picker.ql-expanded .ql-picker-options {\n display: block;\n margin-top: -1px;\n top: 100%;\n z-index: 1;\n }\n .ql-snow .ql-color-picker,\n .ql-snow .ql-icon-picker {\n width: 28px;\n }\n .ql-snow .ql-color-picker .ql-picker-label,\n .ql-snow .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n }\n .ql-snow .ql-color-picker .ql-picker-label svg,\n .ql-snow .ql-icon-picker .ql-picker-label svg {\n right: 4px;\n }\n .ql-snow .ql-icon-picker .ql-picker-options {\n padding: 4px 0;\n }\n .ql-snow .ql-icon-picker .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n }\n .ql-snow .ql-color-picker .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n }\n .ql-snow .ql-color-picker .ql-picker-item {\n border: 1px solid transparent;\n float: left;\n height: 16px;\n margin: 2px;\n padding: 0;\n width: 16px;\n }\n .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-top: -9px;\n right: 0;\n top: 50%;\n width: 18px;\n }\n .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,\n .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,\n .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,\n .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,\n .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {\n content: attr(data-label);\n }\n .ql-snow .ql-picker.ql-header {\n width: 98px;\n }\n .ql-snow .ql-picker.ql-header .ql-picker-label::before,\n .ql-snow .ql-picker.ql-header .ql-picker-item::before {\n content: 'Normal';\n }\n .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n content: 'Heading 1';\n }\n .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n content: 'Heading 2';\n }\n .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n content: 'Heading 3';\n }\n .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n content: 'Heading 4';\n }\n .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n content: 'Heading 5';\n }\n .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n content: 'Heading 6';\n }\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n font-size: 2em;\n }\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n font-size: 1.5em;\n }\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n font-size: 1.17em;\n }\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n font-size: 1em;\n }\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n font-size: 0.83em;\n }\n .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n font-size: 0.67em;\n }\n .ql-snow .ql-picker.ql-font {\n width: 108px;\n }\n .ql-snow .ql-picker.ql-font .ql-picker-label::before,\n .ql-snow .ql-picker.ql-font .ql-picker-item::before {\n content: 'Sans Serif';\n }\n .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,\n .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n content: 'Serif';\n }\n .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,\n .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n content: 'Monospace';\n }\n .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n font-family: Georgia, Times New Roman, serif;\n }\n .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n font-family: Monaco, Courier New, monospace;\n }\n .ql-snow .ql-picker.ql-size {\n width: 98px;\n }\n .ql-snow .ql-picker.ql-size .ql-picker-label::before,\n .ql-snow .ql-picker.ql-size .ql-picker-item::before {\n content: 'Normal';\n }\n .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,\n .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n content: 'Small';\n }\n .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,\n .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n content: 'Large';\n }\n .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,\n .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n content: 'Huge';\n }\n .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n font-size: 10px;\n }\n .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n font-size: 18px;\n }\n .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n font-size: 32px;\n }\n .ql-snow .ql-color-picker.ql-background .ql-picker-item {\n background-color: #fff;\n }\n .ql-snow .ql-color-picker.ql-color .ql-picker-item {\n background-color: #000;\n }\n .ql-code-block-container {\n position: relative;\n }\n .ql-code-block-container .ql-ui {\n right: 5px;\n top: 5px;\n }\n .ql-toolbar.ql-snow {\n border: 1px solid #ccc;\n box-sizing: border-box;\n font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n padding: 8px;\n }\n .ql-toolbar.ql-snow .ql-formats {\n margin-right: 15px;\n }\n .ql-toolbar.ql-snow .ql-picker-label {\n border: 1px solid transparent;\n }\n .ql-toolbar.ql-snow .ql-picker-options {\n border: 1px solid transparent;\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n }\n .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n border-color: #ccc;\n }\n .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n border-color: #ccc;\n }\n .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n border-color: #000;\n }\n .ql-toolbar.ql-snow + .ql-container.ql-snow {\n border-top: 0;\n }\n .ql-snow .ql-tooltip {\n background-color: #fff;\n border: 1px solid #ccc;\n box-shadow: 0 0 5px #ddd;\n color: #444;\n padding: 5px 12px;\n white-space: nowrap;\n }\n .ql-snow .ql-tooltip::before {\n content: 'Visit URL:';\n line-height: 26px;\n margin-right: 8px;\n }\n .ql-snow .ql-tooltip input[type='text'] {\n display: none;\n border: 1px solid #ccc;\n font-size: 13px;\n height: 26px;\n margin: 0;\n padding: 3px 5px;\n width: 170px;\n }\n .ql-snow .ql-tooltip a.ql-preview {\n display: inline-block;\n max-width: 200px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n }\n .ql-snow .ql-tooltip a.ql-action::after {\n border-right: 1px solid #ccc;\n content: 'Edit';\n margin-left: 16px;\n padding-right: 8px;\n }\n .ql-snow .ql-tooltip a.ql-remove::before {\n content: 'Remove';\n margin-left: 8px;\n }\n .ql-snow .ql-tooltip a {\n line-height: 26px;\n }\n .ql-snow .ql-tooltip.ql-editing a.ql-preview,\n .ql-snow .ql-tooltip.ql-editing a.ql-remove {\n display: none;\n }\n .ql-snow .ql-tooltip.ql-editing input[type='text'] {\n display: inline-block;\n }\n .ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n border-right: 0;\n content: 'Save';\n padding-right: 0;\n }\n .ql-snow .ql-tooltip[data-mode='link']::before {\n content: 'Enter link:';\n }\n .ql-snow .ql-tooltip[data-mode='formula']::before {\n content: 'Enter formula:';\n }\n .ql-snow .ql-tooltip[data-mode='video']::before {\n content: 'Enter video:';\n }\n .ql-snow a {\n color: #06c;\n }\n .ql-container.ql-snow {\n border: 1px solid #ccc;\n }\n"])));
12
+ exports.TextEditor = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yEAAA,0z7BA6gCtC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,qEAAA,EAAE,KAAA"}
@@ -10,20 +10,59 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
14
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
15
+ return new (P || (P = Promise))(function (resolve, reject) {
16
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
17
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
18
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
19
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
20
+ });
21
+ };
22
+ var __generator = (this && this.__generator) || function (thisArg, body) {
23
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
24
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
25
+ function verb(n) { return function (v) { return step([n, v]); }; }
26
+ function step(op) {
27
+ if (f) throw new TypeError("Generator is already executing.");
28
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
29
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
30
+ if (y = 0, t) op = [op[0] & 2, t.value];
31
+ switch (op[0]) {
32
+ case 0: case 1: t = op; break;
33
+ case 4: _.label++; return { value: op[1], done: false };
34
+ case 5: _.label++; y = op[1]; op = [0]; continue;
35
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
36
+ default:
37
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
38
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
39
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
40
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
41
+ if (t[2]) _.ops.pop();
42
+ _.trys.pop(); continue;
43
+ }
44
+ op = body.call(thisArg, _);
45
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
46
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
47
+ }
48
+ };
13
49
  Object.defineProperty(exports, "__esModule", { value: true });
14
50
  exports.useI18n = exports.I18nProvider = void 0;
15
51
  var jsx_runtime_1 = require("react/jsx-runtime");
16
52
  var react_1 = require("react");
17
53
  var router_1 = require("next/router");
54
+ var ui_1 = require("../../../ui/index.js");
18
55
  var system_1 = require("../../../system/index.js");
19
56
  var I18nContext = (0, react_1.createContext)({
20
57
  language: 'pt-BR',
58
+ languages: [],
21
59
  words: [],
22
60
  languagesNext: [],
23
61
  changeLanguage: function () { return undefined; },
24
62
  findWordByLanguage: function () { return undefined; },
25
63
  });
26
64
  function I18nProvider(props) {
65
+ var _this = this;
27
66
  var router = (0, router_1.useRouter)();
28
67
  var pathname = router.pathname, asPath = router.asPath, query = router.query;
29
68
  function findWordByLanguage(languageSymbol, referenceID) {
@@ -31,10 +70,25 @@ function I18nProvider(props) {
31
70
  var translation = (_b = (_a = props === null || props === void 0 ? void 0 : props.words) === null || _a === void 0 ? void 0 : _a.find(function (word) { return word.referenceCode === referenceID; })) === null || _b === void 0 ? void 0 : _b.items.find(function (language) { return language.symbol === languageSymbol; });
32
71
  return translation;
33
72
  }
73
+ var languages = (0, ui_1.useQuery)({
74
+ queryKey: 'Languages',
75
+ queryFn: function () { return __awaiter(_this, void 0, void 0, function () {
76
+ var result;
77
+ var _a;
78
+ return __generator(this, function (_b) {
79
+ switch (_b.label) {
80
+ case 0: return [4 /*yield*/, fetch(process.env.api + 'language').then(function (r) { return r.json(); })];
81
+ case 1:
82
+ result = _b.sent();
83
+ return [2 /*return*/, (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.items];
84
+ }
85
+ });
86
+ }); },
87
+ });
34
88
  function changeLanguage(locale) {
35
89
  router.push({ pathname: pathname, query: query }, asPath, { locale: locale });
36
90
  }
37
- return ((0, jsx_runtime_1.jsx)(I18nContext.Provider, { value: __assign(__assign({}, props), { changeLanguage: changeLanguage, findWordByLanguage: findWordByLanguage }), children: router.query.editMode ? (0, jsx_runtime_1.jsx)(system_1.PrivatePage, { roles: props.roleToEditLanguage, children: props.children }) : props.children }));
91
+ return ((0, jsx_runtime_1.jsx)(I18nContext.Provider, { value: __assign(__assign({}, props), { languages: languages.data, changeLanguage: changeLanguage, findWordByLanguage: findWordByLanguage }), children: router.query.editMode ? ((0, jsx_runtime_1.jsx)(system_1.PrivatePage, { roles: props.roleToEditLanguage, children: props.children })) : (props.children) }));
38
92
  }
39
93
  exports.I18nProvider = I18nProvider;
40
94
  function useI18n() {
@@ -1 +1 @@
1
- {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/ui/contexts/i18n/context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAiD;AAEjD,sCAAuC;AAEvC,mCAAgD;AAGhD,IAAM,WAAW,GAAG,IAAA,qBAAa,EAAkB;IACjD,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,EAAE;IACjB,cAAc,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC/B,kBAAkB,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;CACpC,CAAC,CAAA;AAEF,SAAS,YAAY,CAAC,KAAuB;IAC3C,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAClB,IAAA,QAAQ,GAAoB,MAAM,SAA1B,EAAE,MAAM,GAAY,MAAM,OAAlB,EAAE,KAAK,GAAK,MAAM,MAAX,CAAW;IAE1C,SAAS,kBAAkB,CAAC,cAAkC,EAAE,WAAmB;;QACjF,IAAM,WAAW,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAC5B,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,aAAa,KAAK,WAAW,EAAlC,CAAkC,CAAC,0CAClD,KAAK,CAAC,IAAI,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,MAAM,KAAK,cAAc,EAAlC,CAAkC,CAAC,CAAA;QAEhE,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,SAAS,cAAc,CAAC,MAA0B;QAChD,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAA;IACtD,CAAC;IAED,OAAO,CACL,uBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,wBAAO,KAAK,KAAE,cAAc,gBAAA,EAAE,kBAAkB,oBAAA,eACxE,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,oBAAW,IAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,YAAG,KAAK,CAAC,QAAQ,GAAe,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GACjG,CACxB,CAAA;AACH,CAAC;AAQQ,oCAAY;AANrB,SAAS,OAAO;IACd,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,WAAW,CAAC,CAAA;IAEvC,OAAO,OAAO,CAAA;AAChB,CAAC;AAEsB,0BAAO"}
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/ui/contexts/i18n/context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiD;AAEjD,sCAAuC;AAEvC,2BAA+B;AAC/B,mCAAgD;AAKhD,IAAM,WAAW,GAAG,IAAA,qBAAa,EAAkB;IACjD,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,EAAE;IACjB,cAAc,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC/B,kBAAkB,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;CACpC,CAAC,CAAA;AAEF,SAAS,YAAY,CAAC,KAAuB;IAA7C,iBAyCC;IAxCC,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAClB,IAAA,QAAQ,GAAoB,MAAM,SAA1B,EAAE,MAAM,GAAY,MAAM,OAAlB,EAAE,KAAK,GAAK,MAAM,MAAX,CAAW;IAE1C,SAAS,kBAAkB,CAAC,cAAkC,EAAE,WAAmB;;QACjF,IAAM,WAAW,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAC5B,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,aAAa,KAAK,WAAW,EAAlC,CAAkC,CAAC,0CAClD,KAAK,CAAC,IAAI,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,MAAM,KAAK,cAAc,EAAlC,CAAkC,CAAC,CAAA;QAEhE,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,IAAM,SAAS,GAAG,IAAA,aAAQ,EAOxB;QACA,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE;;;;;4BACQ,qBAAM,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,EAAE,EAAR,CAAQ,CAAC,EAAA;;wBAAxE,MAAM,GAAG,SAA+D;wBAE9E,sBAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,KAAK,EAAA;;;aAC3B;KACF,CAAC,CAAA;IAEF,SAAS,cAAc,CAAC,MAA0B;QAChD,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,EAAE,MAAM,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAA;IACtD,CAAC;IAED,OAAO,CACL,uBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,wBAAO,KAAK,KAAE,SAAS,EAAE,SAAS,CAAC,IAAI,EAAE,cAAc,gBAAA,EAAE,kBAAkB,oBAAA,eACnG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACvB,uBAAC,oBAAW,IAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,YAAG,KAAK,CAAC,QAAQ,GAAe,CAC7E,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,GACoB,CACxB,CAAA;AACH,CAAC;AAQQ,oCAAY;AANrB,SAAS,OAAO;IACd,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,WAAW,CAAC,CAAA;IAEvC,OAAO,OAAO,CAAA;AAChB,CAAC;AAEsB,0BAAO"}
@@ -3,11 +3,17 @@ import { Language, Translation, Word } from '../../../system/index.js';
3
3
  export type I18nContextProps = {
4
4
  words: Word[];
5
5
  language: string;
6
+ languages?: {
7
+ id: string;
8
+ image: string;
9
+ main: boolean;
10
+ symbol: string;
11
+ }[];
6
12
  children?: React.ReactNode;
7
13
  roleToEditLanguage?: string[];
8
14
  languagesNext: Language['symbol'][];
9
15
  };
10
- export type I18nContextType = Omit<I18nContextProps, "languages"> & {
16
+ export type I18nContextType = I18nContextProps & {
11
17
  changeLanguage(locale: Language["symbol"]): void;
12
18
  findWordByLanguage: (languageId: Language['symbol'], referenceID: string) => Translation | undefined;
13
19
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "infinity-forge",
3
- "version": "0.65.7",
3
+ "version": "0.65.9",
4
4
  "description": "codie Library",
5
5
  "main": "./dist/index",
6
6
  "module": "./dist/index",
@@ -60,7 +60,7 @@
60
60
  "react": "18.3.1",
61
61
  "react-dom": "18.3.1",
62
62
  "react-ga": "^3.3.1",
63
- "react-quilljs": "^2.0.4",
63
+ "react-rte": "^0.16.5",
64
64
  "react-select": "^5.8.0",
65
65
  "react-share": "^5.1.0",
66
66
  "react-webcam": "^7.2.0",