infinity-forge 8.5.1 → 8.5.3

package/dist/test/index.js

@@ -4,186 +4,7 @@ exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = NaoRemoverDaHomeUsadaPa
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ui_1 = require("../ui/index.js");
 function NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro() {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ui_1.ZoomOnHover, { zoom: 2, children: (0, jsx_runtime_1.jsx)("img", { src: "https://nick-content.s3.amazonaws.com/production/system/d04296cf-3817-48db-915d-10828eec3486/2024/10/12/a6901c7d-9458-4543-b443-f229246d0c74.jpeg", alt: "Produto", style: { width: '100%', height: '100%', objectFit: 'cover' } }) }) }));
-}
-//1. Autocomplete
-//2. button
-//2.1.Que a estilização herda do buttonStyles que injetado na InfinityForgeProvider
-//2.2 <Button /> herda os estados do formulário, como assim? Se o formulário estiver carregando já trata por trás do panos de fazer o efeito visual
-//3.@DEFAULT = TRUE cleanFieldsOnSubmit={false} - É pra limpar os campos após o submit? Tem casos que você quer manter os dados no formulário
-//4.CustomAction
-{
-    /* <FormHandler
-  autoComplete='off'
-  button={{}}
-  cleanFieldsOnSubmit
-  customAction={{
-    Component: ({ values, setFieldValue, stateForm }) => {
-    
-      if(stateForm.state === "loading") {
-        return <LoaderCircle />
-      }
-  
-      if (values.name === 'Tiago') {
-        return <button onClick={() => {
-          setModal(true);
-          setFieldValue("genero", "masculino")
-        }}>Ação X</button>
-      }
-  
-      return <button>Ação Y</button>
-    },
-  }}
-  >
-  <Select name="genero" options={[{ label: "Masculino", value: "masculino" }]} />
-  </FormHandler> */
-}
-//5.Custom Submit
-{
-    //Paciente
-    /* <FormHandler
-          button={{ text: 'Salvar dados do paciente' }}
-          initialData={{ genero: 'masculino' }}
-          cleanFieldsOnSubmit={false}
-          customSubmit={[
-            {
-              active: false, //habilita e desabilita o botão de submit customizado
-              action: async (data, setStateForm, initialValues, handlers) => {
-                if (data.genero === 'feminino' && initialValues.genero === 'masculino') {
-                  throw new ValidationError({
-                    validationErrors: { genero: { errors: ['Você não pode mudar o seu genero'] } },
-                  })
-                } else {
-                  setStateForm({ state: 'loading', message: '' })
-  
-                  await api({ url: '/mudargenero', method: 'post', body: data })
-                }
-              },
-              props: ({ state, message }, setFieldValue) => ({
-                text: state === 'loading' ? 'Carregando...' : 'Salvar dados e imprimir generos disponiveis',
-                loading: false,
-                onClick: () => setFieldValue(''),
-                disabled: message === 'desabilitar' ? true : false,
-              }),
-            },
-          ]}
-          
-        >
-          <Select
-            name='genero'
-            onlyOneValue
-            options={[
-              { label: 'Masculino', value: 'masculino' },
-              { label: 'feminino', value: 'feminino' },
-              { label: 'Outros', value: 'outros' },
-            ]}
-          />
-        </FormHandler> */
-}
-//6. Decimal fields > baseado no name do campo ele vai tentar transformar a string para valor númerico
-//7. Link pros validators que existem //Defaults schemaas destrinchar e talvez fazer subtópicos para eles
-//8.Default schemas
-// 8.1 No nosso defaultSchema possuimos uma série de validações padrões prontas para uso por exemplo:
-//  O campo phone utilizase da validação de um utilário chamado: <linK>ValidatePhone</linK>  neste link você poder ver mais detalhes sobre a validação feita
-//9.1 - disableEnterKeySubmitForm - vc avaliar como fica a melhor descrição, evitar que no enter dê submit por padrão é true
-//10.
-{
-    /* <FormHandler
-  onSucess={async (data) => {
-    console.log(data)
-  }}
-  button={{ text: 'Salvar dados do paciente' }}
-  i18n={{
-    schema: { name: yup.string().required('Campo requerido') },
-    RenderFields: ({ symbol }) => {
-      return (
-        <>
-          <Input name={`${symbol}.name`} />
-        </>
-      )
-    },
-  }}
-  ></FormHandler> */
-}
-//11.InitialData que a chave tentara buscar um campo no formulário que de "match" para o campo começar com aquele valor
-//12.isStickyButtons se o formulário possuir uma altura "fixa" a parte inferior das "ações" ficaram com position sticky ou seja acompanhando o formulário durante o seu preenchimento
-//13.messageProvider={{  }}
-//14. modifyInitialData={() => {}} ele irá modificar os dados iniciais que serão jogados pra dentro dos campos, o useTable, Atena muitas funcionalidade dentro do infinity-forge não possuem controle pleno do initialData por isso via função as vezes é necessário este controle
-//15
-{
-    /* <FormHandler
-          onSucess={async (data) => {
-            console.log(data)
-          }}
-          modifySchema={({ schema, data }) => {
-            let newSchema = schema
-  
-            if (data.paymentMethod === 'PIX') {
-              newSchema = {
-                ...newSchema,
-                cpf: yup.string().required('Campo requerido'),
-              }
-            }
-  
-            if (data.paymentMethod === 'CREDIT_CARD') {
-              newSchema = {
-                ...newSchema,
-                creditCardName: yup.string().required('Campo requerido'),
-                creditCardNumber: yup.string().required('Campo requerido'),
-                creditCardVV: yup.string().required('Campo requerido'),
-              }
-            }
-  
-            return newSchema
-          }}
-        >
-          <Input name='name' />
-        </FormHandler> */
-}
-//16.onChangeForm
-// const [name, setName] = useState('')
-// return (
-//   <>
-//     <button
-//       type='button'
-//       onClick={() => {
-//         setName('Roberto')
-//       }}
-//     >Roberto</button>
-//     <FormHandler
-//       onSucess={async (data) => {
-//         console.log(data)
-//       }}
-//       initialData={{ name }}
-//       decimalFields={["idade"]}
-//       onChangeForm={{
-//         callbackResult: (dataForm) => {
-//           setName(dataForm.name)
-//           if (name === 'Roberto' && dataForm.idade > 22) {
-//             window.alert('Não permitimos robertos no sistema.')
-//           }
-//         },
-//         additionalDependencies: [name], //Se remover a dependencia caso sete roberto no useState não poderá ser mais válidado pois não terá a dependencia
-//       }}
-//     >
-//       <Input name='name' />
-//       <Input name='idade' />
-//     </FormHandler>
-//   </>
-// )
-//17. O onFinish executa após a ação do onSucess e o legal é que ele possui o data que está vindo e os dados iniciais que foram recebidos no initialData
-{
-    /* <FormHandler
-          onSucess={async (data) => {
-            //Criar usuário
-          }}
-          onFinish={(data) => {
-              // Logue o usuário
-          }}
-        >
-          <Input name='name' />
-  
-          <Input name='idade' />
-        </FormHandler> */
+    var _a = (0, ui_1.useTextEditor)(), handleEditorReady = _a.handleEditorReady, handleInsert = _a.handleInsert;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.FormHandler, { disableEnterKeySubmitForm: true, onChangeForm: { callbackResult: function (v) { return console.log(v); } }, children: (0, jsx_runtime_1.jsx)(ui_1.TextEditor, { name: "prontuario", onEditorReady: handleEditorReady }) }), (0, jsx_runtime_1.jsx)("div", { onClick: function () { return handleInsert("Medicamento 1"); }, children: "Medicamento 1" }), (0, jsx_runtime_1.jsx)("div", { onClick: function () { return handleInsert("Medicamento 2"); }, children: "Medicamento 2" })] }));
 }
 //# sourceMappingURL=index.js.map

package/dist/test/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;AAMA,wGAkBC;;AAxBD,2BAA0F;AAM1F,SAAgB,8CAA8C;IAG5D,OAAO,CACL,2DAII,uBAAC,gBAAW,IAAC,IAAI,EAAE,CAAC,YAClB,gCACE,GAAG,EAAC,mJAAmJ,EACvJ,GAAG,EAAC,SAAS,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAC5D,GACU,GAEf,CACJ,CAAA;AACH,CAAC;AAGD,iBAAiB;AACjB,WAAW;AACX,mFAAmF;AACnF,mJAAmJ;AACnJ,6IAA6I;AAC7I,gBAAgB;AAChB,CAAC;IACC;;;;;;;;;;;;;;;;;;;;;;;mBAuBe;AACjB,CAAC;AACD,iBAAiB;AACjB,CAAC;IACC,UAAU;IACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAqCqB;AACvB,CAAC;AAED,sGAAsG;AAEtG,yGAAyG;AACzG,mBAAmB;AACnB,qGAAqG;AACrG,4JAA4J;AAC5J,4HAA4H;AAE5H,KAAK;AACL,CAAC;IACC;;;;;;;;;;;;;;;oBAegB;AAClB,CAAC;AAED,uHAAuH;AAEvH,qLAAqL;AACrL,2BAA2B;AAC3B,kRAAkR;AAClR,IAAI;AACJ,CAAC;IACC;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA2BqB;AACvB,CAAC;AAED,iBAAiB;AACjB,uCAAuC;AAEvC,WAAW;AACX,OAAO;AACP,cAAc;AACd,sBAAsB;AACtB,yBAAyB;AACzB,6BAA6B;AAC7B,WAAW;AACX,wBAAwB;AAExB,mBAAmB;AACnB,oCAAoC;AACpC,4BAA4B;AAC5B,WAAW;AACX,+BAA+B;AAC/B,kCAAkC;AAClC,wBAAwB;AACxB,0CAA0C;AAC1C,mCAAmC;AAEnC,6DAA6D;AAC7D,kEAAkE;AAClE,cAAc;AACd,aAAa;AACb,4JAA4J;AAC5J,WAAW;AACX,QAAQ;AACR,8BAA8B;AAE9B,+BAA+B;AAC/B,qBAAqB;AACrB,QAAQ;AACR,IAAI;AAEJ,wJAAwJ;AACxJ,CAAC;IACC;;;;;;;;;;;yBAWqB;AACvB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;AAKA,wGA0BC;;AA7BD,2BAA8D;AAG9D,SAAgB,8CAA8C;IAEtD,IAAA,KAAsC,IAAA,kBAAa,GAAE,EAAnD,iBAAiB,uBAAA,EAAE,YAAY,kBAAoB,CAAA;IAE3D,OAAO,CACL,6DACE,uBAAC,gBAAW,IAAC,yBAAyB,QAAC,YAAY,EAAE,EAAE,cAAc,EAAE,UAAA,CAAC,IAAI,OAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAd,CAAc,EAAE,YAC1F,uBAAC,eAAU,IACT,IAAI,EAAC,YAAY,EACjB,aAAa,EAAE,iBAAiB,GAChC,GACU,EAEd,gCACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,eAAe,CAAC,EAA7B,CAA6B,8BAGxC,EAEN,gCACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,eAAe,CAAC,EAA7B,CAA6B,8BAGxC,IACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/ui/components/form/text-editor/component.d.ts

@@ -0,0 +1,10 @@
+import { InputProps } from '../interfaces.js';
+import { EditorQuillHandle } from './quill.js';
+export type TextEditorProps = {
+    disableToolbar?: boolean;
+    onEditorReady?: (insert: EditorQuillHandle['insertText']) => void;
+} & Partial<InputProps>;
+export declare const TextEditor: import("react").ForwardRefExoticComponent<{
+    disableToolbar?: boolean;
+    onEditorReady?: (insert: EditorQuillHandle["insertText"]) => void;
+} & Partial<InputProps> & import("react").RefAttributes<EditorQuillHandle>>;

package/dist/ui/components/form/text-editor/component.js

@@ -0,0 +1,65 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextEditor = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var formik_1 = require("formik");
+var dynamic_1 = __importDefault(require("next/dynamic"));
+var input_control_1 = require("../input-control/index.js");
+var EditorQuill = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require("./quill.js")); }).then(function (r) { return r.QuillEditor; }); }, {
+    loading: function () { return (0, jsx_runtime_1.jsx)("div", { children: "loading..." }); },
+    ssr: false,
+});
+exports.TextEditor = (0, react_1.forwardRef)(function (props, ref) {
+    var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], helpers = _a[2];
+    var handleOnChange = function (val) { return helpers.setValue(val); };
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(EditorQuill, __assign({}, props, { ref: ref, value: field.value || "", handleOnChange: handleOnChange })) })));
+});
+//# sourceMappingURL=component.js.map

package/dist/ui/components/form/text-editor/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmC;AAEnC,iCAAiC;AACjC,yDAAkC;AAElC,kDAA+C;AAC/C,IAAM,WAAW,GAAG,IAAA,iBAAO,EAAC,cAAM,OAAA,iEAAO,SAAS,OAAE,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,WAAW,EAAb,CAAa,CAAC,EAA1C,CAA0C,EAAE;IAC5E,OAAO,EAAE,cAAM,OAAA,yDAAqB,EAArB,CAAqB;IACpC,GAAG,EAAE,KAAK;CACX,CAAC,CAAC;AAUU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,UAAC,KAAK,EAAE,GAAG;IACH,IAAA,KAAqB,IAAA,iBAAQ,EAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAA1D,KAAK,QAAA,EAAI,OAAO,QAA0C,CAAC;IAClE,IAAM,cAAc,GAAG,UAAC,GAAW,IAAK,OAAA,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAArB,CAAqB,CAAC;IAE9D,OAAO,CACL,uBAAC,4BAAY,eAAM,KAAY,cAC7B,uBAAC,WAAW,eACN,KAAK,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,cAAc,EAAE,cAAc,IAC9B,IACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ui/components/form/text-editor/hook/index.d.ts

@@ -0,0 +1,4 @@
+export declare function useTextEditor(): {
+    handleInsert: (text: string) => void;
+    handleEditorReady: (insert: any) => void;
+};

package/dist/ui/components/form/text-editor/hook/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTextEditor = useTextEditor;
+var react_1 = require("react");
+function useTextEditor() {
+    var _a = (0, react_1.useState)(null), insertTextFunction = _a[0], setInsertTextFunction = _a[1];
+    var handleInsert = function (text) {
+        if (insertTextFunction) {
+            insertTextFunction(text);
+        }
+        else {
+            console.warn("Insert text function not yet available (editor might not be ready).");
+        }
+    };
+    var handleEditorReady = (0, react_1.useCallback)(function (insert) {
+        setInsertTextFunction(function () { return insert; });
+    }, []);
+    return { handleInsert: handleInsert, handleEditorReady: handleEditorReady };
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/text-editor/hook/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/text-editor/hook/index.ts"],"names":[],"mappings":";;AAEA,sCAgBC;AAlBD,+BAA8C;AAE9C,SAAgB,aAAa;IACnB,IAAA,KAA8C,IAAA,gBAAQ,EAAkC,IAAI,CAAC,EAA5F,kBAAkB,QAAA,EAAE,qBAAqB,QAAmD,CAAC;IAEpG,IAAM,YAAY,GAAG,UAAC,IAAY;QAC9B,IAAI,kBAAkB,EAAE,CAAC;YACrB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;QACxF,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC,UAAC,MAAM;QACzC,qBAAqB,CAAC,cAAM,OAAA,MAAM,EAAN,CAAM,CAAC,CAAC;IACxC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,YAAY,cAAA,EAAE,iBAAiB,mBAAA,EAAE,CAAA;AAC9C,CAAC"}

package/dist/ui/components/form/text-editor/index.d.ts

@@ -1,5 +1,3 @@
-import { InputProps } from '../interfaces.js';
-export type TextEditorProps = {
-    disableToolbar?: boolean;
-};
-export declare function TextEditor(props: InputProps & TextEditorProps): import("react/jsx-runtime").JSX.Element;
+export * from "./component.js";
+export * from "./hook/index.js";
+export * from "./quill.js";

package/dist/ui/components/form/text-editor/index.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -21,46 +10,11 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextEditor = TextEditor;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var formik_1 = require("formik");
-var input_control_1 = require("../input-control/index.js");
-var dynamic_1 = __importDefault(require("next/dynamic"));
-var EditorQuill = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require("./quill.js")); }).then(function (r) { return r.EditorQuill; }); }, {
-    loading: function () { return (0, jsx_runtime_1.jsx)("div", { children: "loading..." }); },
-    ssr: false,
-});
-function TextEditor(props) {
-    var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], helpers = _a[2];
-    var handleOnChange = function (value) {
-        helpers.setValue(value);
-    };
-    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(EditorQuill, __assign({}, props, { value: field.value || "", handleOnChange: handleOnChange })) })));
-}
+__exportStar(require("./component.js"), exports);
+__exportStar(require("./hook/index.js"), exports);
+__exportStar(require("./quill.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/text-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,gCAYC;;AA9BD,iCAAiC;AAEjC,kDAA+C;AAK/C,yDAAkC;AAElC,IAAM,WAAW,GAAG,IAAA,iBAAO,EAAC,cAAM,OAAA,iEAAO,SAAS,OAAE,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,WAAW,EAAb,CAAa,CAAC,EAA1C,CAA0C,EAAE;IAC5E,OAAO,EAAE,cAAM,OAAA,yDAAqB,EAArB,CAAqB;IACpC,GAAG,EAAE,KAAK;CACX,CAAC,CAAC;AAMH,SAAgB,UAAU,CAAC,KAAmC;IACtD,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAkC,CAAA;IAE1D,IAAM,cAAc,GAAG,UAAC,KAAa;QACnC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACH,uBAAC,4BAAY,eAAK,KAAK,cACrB,uBAAC,WAAW,eAAK,KAAK,IAAG,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAG,cAAc,EAAE,cAAc,IAAI,IACzE,CAClB,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,yCAAuB;AACvB,0CAAuB"}

package/dist/ui/components/form/text-editor/quill.d.ts

@@ -1,5 +1,21 @@
-import { TextEditorProps } from './index.js';
-export declare function EditorQuill(props: {
-    value?: string;
-    handleOnChange: (value: string) => void;
-} & TextEditorProps): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+import { TextEditorProps } from "./component.js";
+export interface EditorQuillHandle {
+    insertText: (text: string) => void;
+    getSelection: () => {
+        index: number;
+        length: number;
+    } | null;
+    setSelection: (index: number, length: number) => void;
+}
+export type EditorQuillProps = {
+    value: string;
+    handleOnChange: (val: string) => void;
+} & TextEditorProps;
+export declare const QuillEditor: React.ForwardRefExoticComponent<{
+    value: string;
+    handleOnChange: (val: string) => void;
+} & {
+    disableToolbar?: boolean;
+    onEditorReady?: (insert: EditorQuillHandle["insertText"]) => void;
+} & Partial<import("../index.js").InputProps> & React.RefAttributes<EditorQuillHandle>>;

package/dist/ui/components/form/text-editor/quill.js

@@ -1,52 +1,137 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            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;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorQuill = EditorQuill;
+exports.QuillEditor = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var quill_1 = __importDefault(require("quill"));
-var error_boundary_1 = require("../../error-boundary/index.js");
-function EditorQuill(props) {
-    var ID = 'id-' + Math.random().toString(36).substring(2, 9);
+exports.QuillEditor = (0, react_1.forwardRef)(function (_a, ref) {
+    var value = _a.value, handleOnChange = _a.handleOnChange, disableToolbar = _a.disableToolbar, onEditorReady = _a.onEditorReady;
+    var containerRef = (0, react_1.useRef)(null);
     var quillRef = (0, react_1.useRef)(null);
+    var getEditor = (0, react_1.useCallback)(function () {
+        return quillRef.current;
+    }, []);
     (0, react_1.useEffect)(function () {
-        if (!quillRef.current) {
-            var modules = {
-                toolbar: props.disableToolbar
-                    ? false
-                    : [
-                        [{ header: [1, 2, false] }],
-                        ['bold', 'italic', 'underline', 'strike'],
-                        [{ list: 'ordered' }, { list: 'bullet' }],
-                        [{ align: [] }],
-                        ['link', 'image'],
-                        ['clean'],
-                    ],
-            };
-            var reference_1 = new quill_1.default('#' + ID, {
-                theme: 'snow',
-                modules: modules,
-            });
-            quillRef.current = reference_1;
-            if (props.value) {
-                reference_1.root.innerHTML = props.value;
-            }
-            reference_1.on(quill_1.default.events.TEXT_CHANGE, function () {
-                var html = reference_1.root.innerHTML;
-                props.handleOnChange(html);
+        var loadQuill = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var Quill;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require("quill")); })];
+                    case 1:
+                        Quill = (_a.sent()).default;
+                        if (!containerRef.current)
+                            return [2 /*return*/];
+                        quillRef.current = new Quill(containerRef.current, {
+                            theme: "snow",
+                            modules: disableToolbar ? {} : { toolbar: true },
+                        });
+                        quillRef.current.on("text-change", function () {
+                            handleOnChange(quillRef.current.root.innerHTML);
+                        });
+                        quillRef.current.root.innerHTML = value;
+                        onEditorReady === null || onEditorReady === void 0 ? void 0 : onEditorReady(function (text) {
+                            var editor = quillRef.current;
+                            editor.focus();
+                            var sel = editor.getSelection() || { index: editor.getLength(), length: 0 };
+                            editor.insertText(sel.index, text);
+                            editor.setSelection(sel.index + text.length, 0);
+                        });
+                        return [2 /*return*/];
+                }
             });
-        }
-    }, []);
+        }); };
+        loadQuill();
+    }, [onEditorReady]);
     (0, react_1.useEffect)(function () {
-        if (quillRef.current && props.value !== undefined) {
-            var editor = quillRef.current;
-            if (editor.root.innerHTML !== props.value) {
-                editor.root.innerHTML = props.value;
-            }
+        if (quillRef.current &&
+            quillRef.current.root.innerHTML !== value) {
+            var sel = quillRef.current.getSelection();
+            quillRef.current.root.innerHTML = value;
+            if (sel)
+                quillRef.current.setSelection(sel.index, sel.length);
         }
-    }, [props.value]);
-    return ((0, jsx_runtime_1.jsx)(error_boundary_1.Error, { name: 'react-quill', children: (0, jsx_runtime_1.jsx)("div", { id: ID }) }));
-}
+    }, [value]);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        insertText: function (text) {
+            var editor = getEditor();
+            editor.focus();
+            var sel = editor.getSelection() || { index: editor.getLength(), length: 0 };
+            editor.insertText(sel.index, text);
+            editor.setSelection(sel.index + text.length, 0);
+        },
+        getSelection: function () { return getEditor().getSelection(); },
+        setSelection: function (index, length) {
+            return getEditor().setSelection(index, length);
+        },
+    }); }, []);
+    return (0, jsx_runtime_1.jsx)("div", { ref: containerRef, style: { minHeight: 200 } });
+});
 //# sourceMappingURL=quill.js.map

package/dist/ui/components/form/text-editor/quill.js.map

@@ -1 +1 @@
-{"version":3,"file":"quill.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/quill.tsx"],"names":[],"mappings":";;;;;AAOA,kCAoDC;;AA3DD,+BAAyC;AAEzC,gDAAyB;AAGzB,uDAA4C;AAE5C,SAAgB,WAAW,CAAC,KAAoF;IAC9G,IAAM,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC7D,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAe,IAAI,CAAC,CAAA;IAE3C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YACtB,IAAM,OAAO,GAAG;gBACd,OAAO,EAAE,KAAK,CAAC,cAAc;oBAC3B,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC;wBACE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;wBAC3B,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,CAAC;wBACzC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;wBACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;wBACf,CAAC,MAAM,EAAE,OAAO,CAAC;wBACjB,CAAC,OAAO,CAAC;qBACV;aACN,CAAA;YAED,IAAM,WAAS,GAAG,IAAI,eAAK,CAAC,GAAG,GAAG,EAAE,EAAE;gBACpC,KAAK,EAAE,MAAM;gBACb,OAAO,SAAA;aACR,CAAC,CAAA;YAGF,QAAQ,CAAC,OAAO,GAAG,WAAS,CAAA;YAE5B,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;gBAChB,WAAS,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAA;YACxC,CAAC;YAED,WAAS,CAAC,EAAE,CAAC,eAAK,CAAC,MAAM,CAAC,WAAW,EAAE;gBACrC,IAAM,IAAI,GAAG,WAAS,CAAC,IAAI,CAAC,SAAS,CAAA;gBACrC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;YAC5B,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,IAAI,QAAQ,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAClD,IAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAA;YAC/B,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;gBAC1C,MAAM,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAA;YACrC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,sBAAK,IAAC,IAAI,EAAC,aAAa,YACvB,gCAAK,EAAE,EAAE,EAAE,GAAI,GACT,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"quill.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/quill.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "8.5.1",
+  "version": "8.5.3",
   "description": "codie Library",
   "main": "./dist/index",
   "module": "./dist/index",