letalkui 0.0.6 → 0.0.8

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";var U=Object.create;var m=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var K=(o,t)=>{for(var r in t)m(o,r,{get:t[r],enumerable:!0})},V=(o,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of $(t))!q.call(o,e)&&e!==r&&m(o,e,{get:()=>t[e],enumerable:!(n=_(t,e))||n.enumerable});return o};var Q=(o,t,r)=>(r=o!=null?U(W(o)):{},V(t||!o||!o.__esModule?m(r,"default",{value:o,enumerable:!0}):r,o)),X=o=>V(m({},"__esModule",{value:!0}),o);var ro={};K(ro,{Button:()=>Y,JsonEditor:()=>oo,JsonView:()=>to});module.exports=X(ro);var C=require("react/jsx-runtime"),Y=o=>{let{backgroundColor:t,label:r,size:n,primary:e}=o,i=e?"storybook-button--primary":"storybook-button--secondary";return(0,C.jsx)("button",{type:"button",className:["storybook-button",`storybook-button--${n}`,i].join(""),style:{backgroundColor:t},...o,children:r})};var J=require("react");var A=require("@mui/material"),S=require("react/jsx-runtime"),x=o=>(0,S.jsx)(A.Grid2,{container:!0,direction:"column",spacing:2,children:o.children});var f=require("@mui/material"),g=require("react/jsx-runtime"),T=o=>{let{onSave:t,loading:r}=o;return(0,g.jsx)(f.Button,{onClick:()=>{t()},color:"primary",variant:"contained",disableElevation:!0,disabled:r,endIcon:r&&(0,g.jsx)(f.CircularProgress,{size:20,color:"inherit"}),children:"Salvar"})};var y=require("@mui/material"),b=require("react/jsx-runtime"),w=o=>(0,b.jsx)(y.Grid2,{container:!0,justify:"flex-end",children:(0,b.jsx)(y.Grid2,{item:!0,children:o.children})});var E=Q(require("react-ace"),1),p=require("@mui/material"),c=require("react/jsx-runtime"),Z="json-editor",B=o=>{let{value:t,onChange:r,currentError:n,currentHelperText:e,...i}=o,s=JSON.stringify(t,null,2);return(0,c.jsxs)(p.Grid2,{children:[(0,c.jsx)(p.FormControl,{error:n,fullWidth:!0,children:(0,c.jsx)(E.default,{...i,name:Z,value:s,wrapEnabled:!0,mode:"json",theme:"textmate",onChange:r,fontSize:16,showPrintMargin:!0,showGutter:!0,highlightActiveLine:!0,editorProps:{$blockScrolling:!0},setOptions:{showLineNumbers:!0,tabSize:2}})}),e&&(0,c.jsx)(p.FormHelperText,{error:n,children:e})]})};var a={Root:x,ActionButton:T,ActionsButtons:w,Content:B};var F=require("react"),j=()=>{let[o,t]=(0,F.useState)({});return{addValidation:i=>{t(s=>({...s,...i}))},clearValidation:i=>{i in o&&t(s=>{let d={...s};return delete d[i],d})},clearAllValidations:()=>{t({})},validation:o}},N=j;var u=require("react/jsx-runtime"),v="json-editor",oo=o=>{let{value:t,onChange:r,onSave:n,helperText:e,error:i,...s}=o,{addValidation:d,clearValidation:O,validation:h}=N(),k=JSON.stringify(t,null,2),[G,I]=(0,J.useState)(k),[H,R]=(0,J.useState)(!1),z=()=>v in h&&i||!1,D=()=>v in h&&e||"Ocorreu um erro inesperado. Por favor, tente novamente mais tarde.",L=l=>{O(v),I(l),r?.(l)},M=async()=>{if(R(!0),n)try{let l=JSON.parse(G);await n(l)}catch(l){d({[v]:l})}R(!1)};return(0,u.jsxs)(a.Root,{children:[(0,u.jsx)(a.Content,{...s,value:t,onChange:L,currentError:z(),currentHelperText:D()}),(0,u.jsx)(a.ActionsButtons,{children:(0,u.jsx)(a.ActionButton,{onSave:M,loading:H})})]})};var P=require("react/jsx-runtime"),to=o=>{let{value:t,...r}=o;return(0,P.jsx)(a.Root,{children:(0,P.jsx)(a.Content,{...r,value:t})})};0&&(module.exports={Button,JsonEditor,JsonView});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/Button/index.tsx","../src/components/JsonEditor/index.tsx","../src/componentPatterns/JsonForm/Root.tsx","../src/componentPatterns/JsonForm/ActionButton.tsx","../src/componentPatterns/JsonForm/ActionsButtons.tsx","../src/componentPatterns/JsonForm/Content.tsx","../src/componentPatterns/JsonForm/index.ts","../src/hooks/useValidation.tsx","../src/components/JsonView/index.tsx"],"sourcesContent":["export * from \"@/components/Button\"\nexport * from \"@/components/JsonEditor\"\nexport * from \"@/components/JsonView\"\n","import React from \"react\"\n\nexport interface ButtonProps {\n\tprimary?: boolean\n\tbackgroundColor?: string\n\tsize?: \"small\" | \"medium\" | \"large\"\n\tlabel: string\n\tonClick?: () => void\n}\n\nexport const Button = (props: ButtonProps) => {\n\tconst {\n\t\tbackgroundColor,\n\t\tlabel,\n\t\tsize,\n\t\tprimary\n\t} = props\n\n\tconst mode = primary ? \"storybook-button--primary\" : \"storybook-button--secondary\"\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={[\"storybook-button\", `storybook-button--${size}`, mode].join(\"\")}\n\t\t\tstyle={{ backgroundColor }}\n\t\t\t{...props}\n\t\t>\n\t\t\t{label}\n\t\t</button>\n\t)\n}\n","import React, { useState } from \"react\"\nimport { IAceEditorProps } from \"react-ace\"\n\nimport { JsonForm } from \"@/componentPatterns/JsonForm\"\nimport {\n\tJsonValue,\n\tOverwrite\n} from \"@/componentPatterns/JsonForm/Content\"\n\nimport useValidation from \"@/hooks/useValidation\"\n\ntype JsonEditorProps = Overwrite<IAceEditorProps, {\n\tvalue?: JsonValue | null\n\tonChange?: (value: string) => void\n\tonSave?: (value: JsonValue) => Promise<JsonValue>\n\thelperText?: string\n\terror?: boolean\n}>\n\nconst INPUT_NAME = \"json-editor\"\n\nexport const JsonEditor: React.FC<JsonEditorProps> = (props) => {\n\tconst {\n\t\tvalue,\n\t\tonChange,\n\t\tonSave,\n\t\thelperText,\n\t\terror,\n\t\t...rest\n\t} = props\n\n\tconst { addValidation, clearValidation, validation } = useValidation()\n\n\tconst stringifyValue = JSON.stringify(value, null, 2)\n\n\tconst [jsonData, setJsonData] = useState<string>(stringifyValue)\n\tconst [loadingSaveJson, setLoadingSaveJson] = useState<boolean>(false)\n\n\tconst currentError = (): boolean => {\n\t\tif (INPUT_NAME in validation) {\n\t\t\tif (error) return  error\n\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn false\n\t\t}\n\t}\n\n\tconst currentHelperText = (): string => {\n\t\tif (INPUT_NAME in validation) {\n\t\t\tif (helperText) return helperText\n\n\t\t\treturn \"Ocorreu um erro inesperado. Por favor, tente novamente mais tarde.\"\n\t\t}\n\n\t\treturn \"Ocorreu um erro inesperado. Por favor, tente novamente mais tarde.\"\n\t}\n\n\tconst handleChange = (newValue: string) => {\n\t\tclearValidation(INPUT_NAME)\n\n\t\tsetJsonData(newValue)\n\n\t\tonChange?.(newValue)\n\t}\n\n\tconst handleSave = async () => {\n\t\tsetLoadingSaveJson(true)\n\n\t\tif (onSave) {\n\t\t\ttry {\n\t\t\t\tconst parseJsonData = JSON.parse(jsonData)\n\n\t\t\t\tawait onSave(parseJsonData)\n\t\t\t} catch (error) {\n\t\t\t\taddValidation({ [INPUT_NAME]: error })\n\t\t\t}\n\t\t}\n\n\t\tsetLoadingSaveJson(false)\n\t}\n\n\treturn (\n\t\t<JsonForm.Root>\n\t\t\t<JsonForm.Content\n\t\t\t\t{...rest}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tcurrentError={currentError()}\n\t\t\t\tcurrentHelperText={currentHelperText()}\n\t\t\t/>\n\n\t\t\t<JsonForm.ActionsButtons>\n\t\t\t\t<JsonForm.ActionButton\n\t\t\t\t\tonSave={handleSave}\n\t\t\t\t\tloading={loadingSaveJson}\n\t\t\t\t/>\n\t\t\t</JsonForm.ActionsButtons>\n\t\t</JsonForm.Root>\n\t)\n}\n","import React from \"react\"\n\nimport {\n\tGrid2 as Grid\n} from \"@mui/material\"\n\ntype RootProps = {\n\tchildren: React.ReactNode\n}\n\nexport const Root: React.FC<RootProps> = (props) => {\n\treturn (\n\t\t<Grid\n\t\t\tcontainer\n\t\t\tdirection=\"column\"\n\t\t\tspacing={2}\n\t\t>\n\t\t\t{props.children}\n\t\t</Grid>\n\t)\n}\n","import React from \"react\"\n\nimport {\n\tButton,\n\tCircularProgress\n} from \"@mui/material\"\n\ntype ActionButtonProps = {\n\tonSave: () => void\n\tloading: boolean\n}\n\nexport const ActionButton: React.FC<ActionButtonProps> = (props) => {\n\tconst {\n\t\tonSave,\n\t\tloading\n\t} = props\n\n\tconst handleSave = () => {\n\t\tonSave()\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tonClick={handleSave}\n\t\t\tcolor=\"primary\"\n\t\t\tvariant=\"contained\"\n\t\t\tdisableElevation\n\t\t\tdisabled={loading}\n\t\t\tendIcon={loading && <CircularProgress size={20} color=\"inherit\" />}\n\t\t>\n\t\t\tSalvar\n\t\t</Button>\n\t)\n}\n","import React from \"react\"\nimport {\n\tGrid2 as Grid\n} from \"@mui/material\"\n\ntype ActionsButtonsProps = {\n\tchildren: React.ReactNode\n}\n\nexport const ActionsButtons: React.FC<ActionsButtonsProps> = (props) => {\n\treturn (\n\t\t<Grid\n\t\t\tcontainer\n\t\t\tjustify=\"flex-end\"\n\t\t>\n\t\t\t<Grid\n\t\t\t\titem\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</Grid>\n\t\t</Grid>\n\t)\n}\n","import React from \"react\"\nimport AceEditor, { IAceEditorProps } from \"react-ace\"\nimport {\n\tFormControl,\n\tFormHelperText,\n\tGrid2 as Grid\n} from \"@mui/material\"\n\nexport type JsonValue = Record<string | number, unknown>\n\nexport type Overwrite<T, NewT> = Omit<T, keyof NewT> & NewT;\n\nexport type ContentProps = Overwrite<IAceEditorProps, {\n\tvalue?: JsonValue | null\n\tonChange?: (updatedJson: string) => void\n\tcurrentError?: boolean\n\tcurrentHelperText?: string\n}>\n\nconst INPUT_NAME = \"json-editor\"\n\nexport const Content: React.FC<ContentProps> = (props) => {\n\tconst {\n\t\tvalue,\n\t\tonChange,\n\t\tcurrentError,\n\t\tcurrentHelperText,\n\t\t...rest\n\t} = props\n\n\tconst stringifyValue = JSON.stringify(value, null, 2)\n\n\treturn (\n\t\t<Grid>\n\t\t\t<FormControl\n\t\t\t\terror={currentError}\n\t\t\t\tfullWidth\n\t\t\t>\n\t\t\t\t<AceEditor\n\t\t\t\t\t{...rest}\n\t\t\t\t\tname={INPUT_NAME}\n\t\t\t\t\tvalue={stringifyValue}\n\t\t\t\t\twrapEnabled={true}\n\t\t\t\t\tmode=\"json\"\n\t\t\t\t\ttheme=\"textmate\"\n\t\t\t\t\tonChange={onChange}\n\t\t\t\t\tfontSize={16}\n\t\t\t\t\tshowPrintMargin={true}\n\t\t\t\t\tshowGutter={true}\n\t\t\t\t\thighlightActiveLine={true}\n\t\t\t\t\teditorProps={{ $blockScrolling: true }}\n\t\t\t\t\tsetOptions={{\n\t\t\t\t\t\tshowLineNumbers: true,\n\t\t\t\t\t\ttabSize: 2\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</FormControl>\n\t\t\t{currentHelperText && (\n\t\t\t\t<FormHelperText\n\t\t\t\t\terror={currentError}\n\t\t\t\t>\n\t\t\t\t\t{currentHelperText}\n\t\t\t\t</FormHelperText>\n\t\t\t)}\n\t\t</Grid>\n\t)\n}\n","import { Root } from \"@/componentPatterns/JsonForm/Root\"\nimport { ActionButton } from \"@/componentPatterns/JsonForm/ActionButton\"\nimport { ActionsButtons } from \"@/componentPatterns/JsonForm/ActionsButtons\"\nimport { Content } from \"@/componentPatterns/JsonForm/Content\"\n\nexport const JsonForm = {\n\tRoot,\n\tActionButton,\n\tActionsButtons,\n\tContent\n}\n","import { useState } from \"react\"\n\nexport type ValidationType = Record<string, unknown>\n\nconst useValidation = () => {\n\tconst [validation, setValidation] = useState<ValidationType>({})\n\n\tconst addValidation = (newValidation: ValidationType) => {\n\t\tsetValidation((lastValidation) => ({\n\t\t\t...lastValidation,\n\t\t\t...newValidation\n\t\t}))\n\t}\n\n\tconst clearValidation = (key: string) => {\n\t\tif (key in validation) {\n\t\t\tsetValidation((lastValidation) => {\n\t\t\t\tconst updatedData: ValidationType = { ...lastValidation }\n\n\t\t\t\tdelete updatedData[key]\n\n\t\t\t\treturn updatedData\n\t\t\t})\n\t\t}\n\t}\n\n\tconst clearAllValidations = () => {\n\t\tsetValidation({})\n\t}\n\n\treturn {\n\t\taddValidation,\n\t\tclearValidation,\n\t\tclearAllValidations,\n\t\tvalidation\n\t}\n}\n\nexport default useValidation\n","import React from \"react\"\nimport { IAceEditorProps } from \"react-ace\"\n\nimport { JsonForm } from \"@/componentPatterns/JsonForm\"\n\nimport {\n\tJsonValue,\n\tOverwrite\n} from \"@/componentPatterns/JsonForm/Content\"\n\ntype JsonViewProps = Overwrite<IAceEditorProps, {\n\tvalue?: JsonValue | null\n}>\n\nexport const JsonView: React.FC<JsonViewProps> = (props) => {\n\tconst {\n\t\tvalue,\n\t\t...rest\n\t} = props\n\n\treturn (\n\t\t<JsonForm.Root>\n\t\t\t<JsonForm.Content\n\t\t\t\t{...rest}\n\t\t\t\tvalue={value}\n\t\t\t/>\n\t\t</JsonForm.Root>\n\t)\n}\n"],"mappings":"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","names":["index_exports","__export","Button","JsonEditor","JsonView","__toCommonJS","import_jsx_runtime","Button","props","backgroundColor","label","size","primary","mode","import_react","import_material","import_jsx_runtime","Root","props","Grid","import_material","import_jsx_runtime","ActionButton","props","onSave","loading","import_material","import_jsx_runtime","ActionsButtons","props","Grid","import_react_ace","import_material","import_jsx_runtime","INPUT_NAME","Content","props","value","onChange","currentError","currentHelperText","rest","stringifyValue","Grid","AceEditor","JsonForm","Root","ActionButton","ActionsButtons","Content","import_react","useValidation","validation","setValidation","newValidation","lastValidation","key","updatedData","useValidation_default","import_jsx_runtime","INPUT_NAME","JsonEditor","props","value","onChange","onSave","helperText","error","rest","addValidation","clearValidation","validation","useValidation_default","stringifyValue","jsonData","setJsonData","loadingSaveJson","setLoadingSaveJson","currentError","currentHelperText","handleChange","newValue","handleSave","parseJsonData","JsonForm","import_jsx_runtime","JsonView","props","value","rest","JsonForm"]}

package/dist/index.d.cts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { IAceEditorProps } from 'react-ace';
+
+interface ButtonProps {
+    primary?: boolean;
+    backgroundColor?: string;
+    size?: "small" | "medium" | "large";
+    label: string;
+    onClick?: () => void;
+}
+declare const Button: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+type JsonValue = Record<string | number, unknown>;
+type Overwrite<T, NewT> = Omit<T, keyof NewT> & NewT;
+
+type JsonEditorProps = Overwrite<IAceEditorProps, {
+    value?: JsonValue | null;
+    onChange?: (value: string) => void;
+    onSave?: (value: JsonValue) => Promise<JsonValue>;
+    helperText?: string;
+    error?: boolean;
+}>;
+declare const JsonEditor: React.FC<JsonEditorProps>;
+
+type JsonViewProps = Overwrite<IAceEditorProps, {
+    value?: JsonValue | null;
+}>;
+declare const JsonView: React.FC<JsonViewProps>;
+
+export { Button, type ButtonProps, JsonEditor, JsonView };

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { IAceEditorProps } from 'react-ace';
+
+interface ButtonProps {
+    primary?: boolean;
+    backgroundColor?: string;
+    size?: "small" | "medium" | "large";
+    label: string;
+    onClick?: () => void;
+}
+declare const Button: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+type JsonValue = Record<string | number, unknown>;
+type Overwrite<T, NewT> = Omit<T, keyof NewT> & NewT;
+
+type JsonEditorProps = Overwrite<IAceEditorProps, {
+    value?: JsonValue | null;
+    onChange?: (value: string) => void;
+    onSave?: (value: JsonValue) => Promise<JsonValue>;
+    helperText?: string;
+    error?: boolean;
+}>;
+declare const JsonEditor: React.FC<JsonEditorProps>;
+
+type JsonViewProps = Overwrite<IAceEditorProps, {
+    value?: JsonValue | null;
+}>;
+declare const JsonView: React.FC<JsonViewProps>;
+
+export { Button, type ButtonProps, JsonEditor, JsonView };

package/dist/index.js

@@ -0,0 +1,2 @@
+import{jsx as O}from"react/jsx-runtime";var K=o=>{let{backgroundColor:t,label:r,size:n,primary:i}=o,e=i?"storybook-button--primary":"storybook-button--secondary";return O("button",{type:"button",className:["storybook-button",`storybook-button--${n}`,e].join(""),style:{backgroundColor:t},...o,children:r})};import{useState as V}from"react";import{Grid2 as k}from"@mui/material";import{jsx as G}from"react/jsx-runtime";var v=o=>G(k,{container:!0,direction:"column",spacing:2,children:o.children});import{Button as I,CircularProgress as H}from"@mui/material";import{jsx as g}from"react/jsx-runtime";var y=o=>{let{onSave:t,loading:r}=o;return g(I,{onClick:()=>{t()},color:"primary",variant:"contained",disableElevation:!0,disabled:r,endIcon:r&&g(H,{size:20,color:"inherit"}),children:"Salvar"})};import{Grid2 as b}from"@mui/material";import{jsx as J}from"react/jsx-runtime";var P=o=>J(b,{container:!0,justify:"flex-end",children:J(b,{item:!0,children:o.children})});import z from"react-ace";import{FormControl as D,FormHelperText as L,Grid2 as M}from"@mui/material";import{jsx as u,jsxs as _}from"react/jsx-runtime";var U="json-editor",h=o=>{let{value:t,onChange:r,currentError:n,currentHelperText:i,...e}=o,s=JSON.stringify(t,null,2);return _(M,{children:[u(D,{error:n,fullWidth:!0,children:u(z,{...e,name:U,value:s,wrapEnabled:!0,mode:"json",theme:"textmate",onChange:r,fontSize:16,showPrintMargin:!0,showGutter:!0,highlightActiveLine:!0,editorProps:{$blockScrolling:!0},setOptions:{showLineNumbers:!0,tabSize:2}})}),i&&u(L,{error:n,children:i})]})};var a={Root:v,ActionButton:y,ActionsButtons:P,Content:h};import{useState as $}from"react";var W=()=>{let[o,t]=$({});return{addValidation:e=>{t(s=>({...s,...e}))},clearValidation:e=>{e in o&&t(s=>{let c={...s};return delete c[e],c})},clearAllValidations:()=>{t({})},validation:o}},R=W;import{jsx as d,jsxs as q}from"react/jsx-runtime";var p="json-editor",Vo=o=>{let{value:t,onChange:r,onSave:n,helperText:i,error:e,...s}=o,{addValidation:c,clearValidation:A,validation:m}=R(),x=JSON.stringify(t,null,2),[S,T]=V(x),[w,f]=V(!1),E=()=>p in m&&e||!1,B=()=>p in m&&i||"Ocorreu um erro inesperado. Por favor, tente novamente mais tarde.",F=l=>{A(p),T(l),r?.(l)},N=async()=>{if(f(!0),n)try{let l=JSON.parse(S);await n(l)}catch(l){c({[p]:l})}f(!1)};return q(a.Root,{children:[d(a.Content,{...s,value:t,onChange:F,currentError:E(),currentHelperText:B()}),d(a.ActionsButtons,{children:d(a.ActionButton,{onSave:N,loading:w})})]})};import{jsx as C}from"react/jsx-runtime";var So=o=>{let{value:t,...r}=o;return C(a.Root,{children:C(a.Content,{...r,value:t})})};export{K as Button,Vo as JsonEditor,So as JsonView};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/index.tsx","../src/components/JsonEditor/index.tsx","../src/componentPatterns/JsonForm/Root.tsx","../src/componentPatterns/JsonForm/ActionButton.tsx","../src/componentPatterns/JsonForm/ActionsButtons.tsx","../src/componentPatterns/JsonForm/Content.tsx","../src/componentPatterns/JsonForm/index.ts","../src/hooks/useValidation.tsx","../src/components/JsonView/index.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface ButtonProps {\n\tprimary?: boolean\n\tbackgroundColor?: string\n\tsize?: \"small\" | \"medium\" | \"large\"\n\tlabel: string\n\tonClick?: () => void\n}\n\nexport const Button = (props: ButtonProps) => {\n\tconst {\n\t\tbackgroundColor,\n\t\tlabel,\n\t\tsize,\n\t\tprimary\n\t} = props\n\n\tconst mode = primary ? \"storybook-button--primary\" : \"storybook-button--secondary\"\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={[\"storybook-button\", `storybook-button--${size}`, mode].join(\"\")}\n\t\t\tstyle={{ backgroundColor }}\n\t\t\t{...props}\n\t\t>\n\t\t\t{label}\n\t\t</button>\n\t)\n}\n","import React, { useState } from \"react\"\nimport { IAceEditorProps } from \"react-ace\"\n\nimport { JsonForm } from \"@/componentPatterns/JsonForm\"\nimport {\n\tJsonValue,\n\tOverwrite\n} from \"@/componentPatterns/JsonForm/Content\"\n\nimport useValidation from \"@/hooks/useValidation\"\n\ntype JsonEditorProps = Overwrite<IAceEditorProps, {\n\tvalue?: JsonValue | null\n\tonChange?: (value: string) => void\n\tonSave?: (value: JsonValue) => Promise<JsonValue>\n\thelperText?: string\n\terror?: boolean\n}>\n\nconst INPUT_NAME = \"json-editor\"\n\nexport const JsonEditor: React.FC<JsonEditorProps> = (props) => {\n\tconst {\n\t\tvalue,\n\t\tonChange,\n\t\tonSave,\n\t\thelperText,\n\t\terror,\n\t\t...rest\n\t} = props\n\n\tconst { addValidation, clearValidation, validation } = useValidation()\n\n\tconst stringifyValue = JSON.stringify(value, null, 2)\n\n\tconst [jsonData, setJsonData] = useState<string>(stringifyValue)\n\tconst [loadingSaveJson, setLoadingSaveJson] = useState<boolean>(false)\n\n\tconst currentError = (): boolean => {\n\t\tif (INPUT_NAME in validation) {\n\t\t\tif (error) return  error\n\n\t\t\treturn false\n\t\t} else {\n\t\t\treturn false\n\t\t}\n\t}\n\n\tconst currentHelperText = (): string => {\n\t\tif (INPUT_NAME in validation) {\n\t\t\tif (helperText) return helperText\n\n\t\t\treturn \"Ocorreu um erro inesperado. Por favor, tente novamente mais tarde.\"\n\t\t}\n\n\t\treturn \"Ocorreu um erro inesperado. Por favor, tente novamente mais tarde.\"\n\t}\n\n\tconst handleChange = (newValue: string) => {\n\t\tclearValidation(INPUT_NAME)\n\n\t\tsetJsonData(newValue)\n\n\t\tonChange?.(newValue)\n\t}\n\n\tconst handleSave = async () => {\n\t\tsetLoadingSaveJson(true)\n\n\t\tif (onSave) {\n\t\t\ttry {\n\t\t\t\tconst parseJsonData = JSON.parse(jsonData)\n\n\t\t\t\tawait onSave(parseJsonData)\n\t\t\t} catch (error) {\n\t\t\t\taddValidation({ [INPUT_NAME]: error })\n\t\t\t}\n\t\t}\n\n\t\tsetLoadingSaveJson(false)\n\t}\n\n\treturn (\n\t\t<JsonForm.Root>\n\t\t\t<JsonForm.Content\n\t\t\t\t{...rest}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={handleChange}\n\t\t\t\tcurrentError={currentError()}\n\t\t\t\tcurrentHelperText={currentHelperText()}\n\t\t\t/>\n\n\t\t\t<JsonForm.ActionsButtons>\n\t\t\t\t<JsonForm.ActionButton\n\t\t\t\t\tonSave={handleSave}\n\t\t\t\t\tloading={loadingSaveJson}\n\t\t\t\t/>\n\t\t\t</JsonForm.ActionsButtons>\n\t\t</JsonForm.Root>\n\t)\n}\n","import React from \"react\"\n\nimport {\n\tGrid2 as Grid\n} from \"@mui/material\"\n\ntype RootProps = {\n\tchildren: React.ReactNode\n}\n\nexport const Root: React.FC<RootProps> = (props) => {\n\treturn (\n\t\t<Grid\n\t\t\tcontainer\n\t\t\tdirection=\"column\"\n\t\t\tspacing={2}\n\t\t>\n\t\t\t{props.children}\n\t\t</Grid>\n\t)\n}\n","import React from \"react\"\n\nimport {\n\tButton,\n\tCircularProgress\n} from \"@mui/material\"\n\ntype ActionButtonProps = {\n\tonSave: () => void\n\tloading: boolean\n}\n\nexport const ActionButton: React.FC<ActionButtonProps> = (props) => {\n\tconst {\n\t\tonSave,\n\t\tloading\n\t} = props\n\n\tconst handleSave = () => {\n\t\tonSave()\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tonClick={handleSave}\n\t\t\tcolor=\"primary\"\n\t\t\tvariant=\"contained\"\n\t\t\tdisableElevation\n\t\t\tdisabled={loading}\n\t\t\tendIcon={loading && <CircularProgress size={20} color=\"inherit\" />}\n\t\t>\n\t\t\tSalvar\n\t\t</Button>\n\t)\n}\n","import React from \"react\"\nimport {\n\tGrid2 as Grid\n} from \"@mui/material\"\n\ntype ActionsButtonsProps = {\n\tchildren: React.ReactNode\n}\n\nexport const ActionsButtons: React.FC<ActionsButtonsProps> = (props) => {\n\treturn (\n\t\t<Grid\n\t\t\tcontainer\n\t\t\tjustify=\"flex-end\"\n\t\t>\n\t\t\t<Grid\n\t\t\t\titem\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</Grid>\n\t\t</Grid>\n\t)\n}\n","import React from \"react\"\nimport AceEditor, { IAceEditorProps } from \"react-ace\"\nimport {\n\tFormControl,\n\tFormHelperText,\n\tGrid2 as Grid\n} from \"@mui/material\"\n\nexport type JsonValue = Record<string | number, unknown>\n\nexport type Overwrite<T, NewT> = Omit<T, keyof NewT> & NewT;\n\nexport type ContentProps = Overwrite<IAceEditorProps, {\n\tvalue?: JsonValue | null\n\tonChange?: (updatedJson: string) => void\n\tcurrentError?: boolean\n\tcurrentHelperText?: string\n}>\n\nconst INPUT_NAME = \"json-editor\"\n\nexport const Content: React.FC<ContentProps> = (props) => {\n\tconst {\n\t\tvalue,\n\t\tonChange,\n\t\tcurrentError,\n\t\tcurrentHelperText,\n\t\t...rest\n\t} = props\n\n\tconst stringifyValue = JSON.stringify(value, null, 2)\n\n\treturn (\n\t\t<Grid>\n\t\t\t<FormControl\n\t\t\t\terror={currentError}\n\t\t\t\tfullWidth\n\t\t\t>\n\t\t\t\t<AceEditor\n\t\t\t\t\t{...rest}\n\t\t\t\t\tname={INPUT_NAME}\n\t\t\t\t\tvalue={stringifyValue}\n\t\t\t\t\twrapEnabled={true}\n\t\t\t\t\tmode=\"json\"\n\t\t\t\t\ttheme=\"textmate\"\n\t\t\t\t\tonChange={onChange}\n\t\t\t\t\tfontSize={16}\n\t\t\t\t\tshowPrintMargin={true}\n\t\t\t\t\tshowGutter={true}\n\t\t\t\t\thighlightActiveLine={true}\n\t\t\t\t\teditorProps={{ $blockScrolling: true }}\n\t\t\t\t\tsetOptions={{\n\t\t\t\t\t\tshowLineNumbers: true,\n\t\t\t\t\t\ttabSize: 2\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</FormControl>\n\t\t\t{currentHelperText && (\n\t\t\t\t<FormHelperText\n\t\t\t\t\terror={currentError}\n\t\t\t\t>\n\t\t\t\t\t{currentHelperText}\n\t\t\t\t</FormHelperText>\n\t\t\t)}\n\t\t</Grid>\n\t)\n}\n","import { Root } from \"@/componentPatterns/JsonForm/Root\"\nimport { ActionButton } from \"@/componentPatterns/JsonForm/ActionButton\"\nimport { ActionsButtons } from \"@/componentPatterns/JsonForm/ActionsButtons\"\nimport { Content } from \"@/componentPatterns/JsonForm/Content\"\n\nexport const JsonForm = {\n\tRoot,\n\tActionButton,\n\tActionsButtons,\n\tContent\n}\n","import { useState } from \"react\"\n\nexport type ValidationType = Record<string, unknown>\n\nconst useValidation = () => {\n\tconst [validation, setValidation] = useState<ValidationType>({})\n\n\tconst addValidation = (newValidation: ValidationType) => {\n\t\tsetValidation((lastValidation) => ({\n\t\t\t...lastValidation,\n\t\t\t...newValidation\n\t\t}))\n\t}\n\n\tconst clearValidation = (key: string) => {\n\t\tif (key in validation) {\n\t\t\tsetValidation((lastValidation) => {\n\t\t\t\tconst updatedData: ValidationType = { ...lastValidation }\n\n\t\t\t\tdelete updatedData[key]\n\n\t\t\t\treturn updatedData\n\t\t\t})\n\t\t}\n\t}\n\n\tconst clearAllValidations = () => {\n\t\tsetValidation({})\n\t}\n\n\treturn {\n\t\taddValidation,\n\t\tclearValidation,\n\t\tclearAllValidations,\n\t\tvalidation\n\t}\n}\n\nexport default useValidation\n","import React from \"react\"\nimport { IAceEditorProps } from \"react-ace\"\n\nimport { JsonForm } from \"@/componentPatterns/JsonForm\"\n\nimport {\n\tJsonValue,\n\tOverwrite\n} from \"@/componentPatterns/JsonForm/Content\"\n\ntype JsonViewProps = Overwrite<IAceEditorProps, {\n\tvalue?: JsonValue | null\n}>\n\nexport const JsonView: React.FC<JsonViewProps> = (props) => {\n\tconst {\n\t\tvalue,\n\t\t...rest\n\t} = props\n\n\treturn (\n\t\t<JsonForm.Root>\n\t\t\t<JsonForm.Content\n\t\t\t\t{...rest}\n\t\t\t\tvalue={value}\n\t\t\t/>\n\t\t</JsonForm.Root>\n\t)\n}\n"],"mappings":"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","names":["jsx","Button","props","backgroundColor","label","size","primary","mode","useState","Grid","jsx","Root","props","Button","CircularProgress","jsx","ActionButton","props","onSave","loading","Grid","jsx","ActionsButtons","props","AceEditor","FormControl","FormHelperText","Grid","jsx","jsxs","INPUT_NAME","Content","props","value","onChange","currentError","currentHelperText","rest","stringifyValue","JsonForm","Root","ActionButton","ActionsButtons","Content","useState","useValidation","validation","setValidation","newValidation","lastValidation","key","updatedData","useValidation_default","jsx","jsxs","INPUT_NAME","JsonEditor","props","value","onChange","onSave","helperText","error","rest","addValidation","clearValidation","validation","useValidation_default","stringifyValue","jsonData","setJsonData","useState","loadingSaveJson","setLoadingSaveJson","currentError","currentHelperText","handleChange","newValue","handleSave","parseJsonData","JsonForm","jsx","JsonView","props","value","rest","JsonForm"]}

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "letalkui",
   "private": false,
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
-  "scripts": {
+	"files": [
+		"dist"
+	],
+	"scripts": {
     "lint": "eslint .",
     "dev": "storybook dev -p 6006",
     "build": "tsup",

package/.editorconfig

@@ -1,11 +0,0 @@
-root = true
-
-[*]
-indent_style = tab
-indent_size = 4
-# LF (Line Feed) and CRLF (Carriage Return + Line Feed) are different line-ending conventions used to mark the end of a line in text files:
-# More information in this post: https://medium.com/@feldy7k/understanding-line-break-types-cr-lf-and-crlf-278069b8da29
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true

package/.github/workflows/check.yml

@@ -1,33 +0,0 @@
-on:
-    push:
-        branches:
-            - master
-
-    pull_request:
-
-    workflow_dispatch:
-
-name: Check
-
-jobs:
-    check:
-        name: Check
-        runs-on: ubuntu-latest
-
-        steps:
-            -   name: Checkout
-                uses: actions/checkout@v2
-
-            -   name: Setup NodeJS
-                uses: actions/setup-node@v1
-                with:
-                    node-version: "18.20.3"
-
-            -   name: Install All Dependencies
-                run: npm i -f
-
-            -   name: Build
-                env:
-                    CI: true
-                    NODE_OPTIONS: --max-old-space-size=4096
-                run: npm run build

package/.github/workflows/lint.yaml

@@ -1,25 +0,0 @@
-on: pull_request
-
-name: Lint
-
-jobs:
-    check:
-        name: Lint
-        runs-on: ubuntu-latest
-        container:
-            image: node:18.20.3
-
-        steps:
-            -   name: Checkout
-                uses: actions/checkout@v2
-
-            -   name: Setup NodeJS
-                uses: actions/setup-node@v2
-                with:
-                    node-version: "18.20.3"
-
-            -   name: Install packages
-                run: npm ci
-
-            -   name: Check Lint
-                run: npx eslint 'src/**'

package/.github/workflows/npm-publish.yml

@@ -1,27 +0,0 @@
-name: Release
-
-on:
-    push:
-        branches:
-            - master
-
-jobs:
-    release:
-        runs-on: ubuntu-latest
-        steps:
-            -   name: Checkout
-                uses: actions/checkout@v3
-
-            -   name: Setup Node.js
-                uses: actions/setup-node@v3
-                with:
-                    node-version: "18.20.3"
-                    registry-url: 'https://registry.npmjs.org'
-
-            -   name: Install dependencies
-                run: npm i -f
-
-            -   name: Release
-                run: npm publish
-                env:
-                    NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.nvmrc

@@ -1 +0,0 @@
-14.18.1

package/.storybook/main.ts

@@ -1,13 +0,0 @@
-import type { StorybookConfig } from "@storybook/react-vite";
-
-const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/components/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: [
-    "@storybook/addon-essentials"
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-};
-export default config;

package/.storybook/preview.ts

@@ -1,14 +0,0 @@
-import type { Preview } from "@storybook/react";
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-};
-
-export default preview;

package/eslint.config.js

@@ -1,68 +0,0 @@
-import js from "@eslint/js"
-import globals from "globals"
-import reactHooks from "eslint-plugin-react-hooks"
-import reactRefresh from "eslint-plugin-react-refresh"
-import react from "eslint-plugin-react"
-import typescriptEslint from "@typescript-eslint/eslint-plugin"
-import jsxA11Y from "eslint-plugin-jsx-a11y"
-import _import from "eslint-plugin-import"
-import tsParser from "@typescript-eslint/parser"
-
-export default [
-    {
-        ignores: ["dist", ".storybook", "vite.config.ts", "tsup.config.ts"],
-    },
-    js.configs.recommended,
-    {
-        files: ["**/*.{ts,tsx}"],
-        languageOptions: {
-            ecmaVersion: 2020,
-            sourceType: "module",
-            globals: {
-                ...globals.browser,
-                ...globals.node,
-                ...globals.jest,
-            },
-            parser: tsParser,
-            parserOptions: {
-                project: "./tsconfig.eslint.json",
-                ecmaFeatures: {
-                    jsx: true,
-                },
-            },
-        },
-        plugins: {
-            "react-hooks": reactHooks,
-            "react-refresh": reactRefresh,
-            react,
-            "@typescript-eslint": typescriptEslint,
-            "jsx-a11y": jsxA11Y,
-            import: _import,
-        },
-        rules: {
-            ...reactHooks.configs.recommended.rules,
-            "react-refresh/only-export-components": [
-                "warn",
-                { allowConstantExport: true },
-            ],
-            ...typescriptEslint.configs.recommended.rules,
-            ...react.configs.recommended.rules,
-            "@typescript-eslint/no-unused-vars": "error",
-            indent: ["error", "tab"],
-            quotes: ["error", "double"],
-            semi: ["error", "never"],
-			"object-curly-spacing": ["error", "always"],
-			"comma-dangle": ["error", "never"]
-        },
-        settings: {
-            "import/resolver": {
-                typescript: {
-                    project: ["./tsconfig.json"],
-                },
-            },
-            react: {
-                version: "detect",
-            },
-        },
-    },
-]

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/src/componentPatterns/JsonForm/ActionButton.tsx

@@ -1,35 +0,0 @@
-import React from "react"
-
-import {
-	Button,
-	CircularProgress
-} from "@mui/material"
-
-type ActionButtonProps = {
-	onSave: () => void
-	loading: boolean
-}
-
-export const ActionButton: React.FC<ActionButtonProps> = (props) => {
-	const {
-		onSave,
-		loading
-	} = props
-
-	const handleSave = () => {
-		onSave()
-	}
-
-	return (
-		<Button
-			onClick={handleSave}
-			color="primary"
-			variant="contained"
-			disableElevation
-			disabled={loading}
-			endIcon={loading && <CircularProgress size={20} color="inherit" />}
-		>
-			Salvar
-		</Button>
-	)
-}

package/src/componentPatterns/JsonForm/ActionsButtons.tsx

@@ -1,23 +0,0 @@
-import React from "react"
-import {
-	Grid2 as Grid
-} from "@mui/material"
-
-type ActionsButtonsProps = {
-	children: React.ReactNode
-}
-
-export const ActionsButtons: React.FC<ActionsButtonsProps> = (props) => {
-	return (
-		<Grid
-			container
-			justify="flex-end"
-		>
-			<Grid
-				item
-			>
-				{props.children}
-			</Grid>
-		</Grid>
-	)
-}

package/src/componentPatterns/JsonForm/Content.tsx

@@ -1,67 +0,0 @@
-import React from "react"
-import AceEditor, { IAceEditorProps } from "react-ace"
-import {
-	FormControl,
-	FormHelperText,
-	Grid2 as Grid
-} from "@mui/material"
-
-export type JsonValue = Record<string | number, unknown>
-
-export type Overwrite<T, NewT> = Omit<T, keyof NewT> & NewT;
-
-export type ContentProps = Overwrite<IAceEditorProps, {
-	value?: JsonValue | null
-	onChange?: (updatedJson: string) => void
-	currentError?: boolean
-	currentHelperText?: string
-}>
-
-const INPUT_NAME = "json-editor"
-
-export const Content: React.FC<ContentProps> = (props) => {
-	const {
-		value,
-		onChange,
-		currentError,
-		currentHelperText,
-		...rest
-	} = props
-
-	const stringifyValue = JSON.stringify(value, null, 2)
-
-	return (
-		<Grid>
-			<FormControl
-				error={currentError}
-				fullWidth
-			>
-				<AceEditor
-					{...rest}
-					name={INPUT_NAME}
-					value={stringifyValue}
-					wrapEnabled={true}
-					mode="json"
-					theme="textmate"
-					onChange={onChange}
-					fontSize={16}
-					showPrintMargin={true}
-					showGutter={true}
-					highlightActiveLine={true}
-					editorProps={{ $blockScrolling: true }}
-					setOptions={{
-						showLineNumbers: true,
-						tabSize: 2
-					}}
-				/>
-			</FormControl>
-			{currentHelperText && (
-				<FormHelperText
-					error={currentError}
-				>
-					{currentHelperText}
-				</FormHelperText>
-			)}
-		</Grid>
-	)
-}

package/src/componentPatterns/JsonForm/Root.tsx

@@ -1,21 +0,0 @@
-import React from "react"
-
-import {
-	Grid2 as Grid
-} from "@mui/material"
-
-type RootProps = {
-	children: React.ReactNode
-}
-
-export const Root: React.FC<RootProps> = (props) => {
-	return (
-		<Grid
-			container
-			direction="column"
-			spacing={2}
-		>
-			{props.children}
-		</Grid>
-	)
-}

package/src/componentPatterns/JsonForm/index.ts

@@ -1,11 +0,0 @@
-import { Root } from "@/componentPatterns/JsonForm/Root"
-import { ActionButton } from "@/componentPatterns/JsonForm/ActionButton"
-import { ActionsButtons } from "@/componentPatterns/JsonForm/ActionsButtons"
-import { Content } from "@/componentPatterns/JsonForm/Content"
-
-export const JsonForm = {
-	Root,
-	ActionButton,
-	ActionsButtons,
-	Content
-}

package/src/components/Button/Button.stories.ts

@@ -1,53 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { fn } from "@storybook/test"
-
-import { Button } from "@/components/Button"
-
-const meta: Meta<typeof Button> = {
-	title: "Example/Button",
-	component: Button,
-	parameters: {
-		layout: "centered"
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		backgroundColor: {
-			control: "color"
-		}
-	},
-	args: {
-		onClick: fn()
-	}
-}
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-export const Primary: Story = {
-	args: {
-		primary: true,
-		label: "Button",
-		size: "large"
-	}
-}
-
-export const Secondary: Story = {
-	args: {
-		label: "Button"
-	}
-}
-
-export const Large: Story = {
-	args: {
-		size: "large",
-		label: "Button"
-	}
-}
-
-export const Small: Story = {
-	args: {
-		size: "small",
-		label: "Button"
-	}
-}

package/src/components/Button/index.tsx

@@ -1,30 +0,0 @@
-import React from "react"
-
-export interface ButtonProps {
-	primary?: boolean
-	backgroundColor?: string
-	size?: "small" | "medium" | "large"
-	label: string
-	onClick?: () => void
-}
-
-export const Button = (props: ButtonProps) => {
-	const {
-		backgroundColor,
-		label,
-		size,
-		primary
-	} = props
-
-	const mode = primary ? "storybook-button--primary" : "storybook-button--secondary"
-	return (
-		<button
-			type="button"
-			className={["storybook-button", `storybook-button--${size}`, mode].join("")}
-			style={{ backgroundColor }}
-			{...props}
-		>
-			{label}
-		</button>
-	)
-}

package/src/components/JsonEditor/JsonEditor.stories.ts

@@ -1,47 +0,0 @@
-import {
-	Meta,
-	StoryObj
-} from "@storybook/react"
-
-import { JsonEditor } from "@/components/JsonEditor"
-
-const meta: Meta<typeof JsonEditor> = {
-	title: "Example/JsonEditor",
-	component: JsonEditor,
-	parameters: {
-		layout: "centered"
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		value: {
-			type: "string"
-		}
-	}
-}
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-export const Primary: Story = {
-	args: {
-		value: {
-			"id": 1,
-			"nome": "dsadsa",
-			"ativo": true,
-			"dataCriacao": "2025-02-07T12:00:00.000Z",
-
-			"itens": [{
-				"id": 101,
-				"descricao": "Item 1",
-				"quantidade": 10,
-				"preco": 19.99
-			}, {
-				"id": 102,
-				"descricao": "Item 2",
-				"quantidade": 5,
-				"preco": 49.99
-			}]
-		}
-	}
-}

package/src/components/JsonEditor/index.tsx

@@ -1,93 +0,0 @@
-import React, { useState } from "react"
-import { IAceEditorProps } from "react-ace"
-
-import { JsonForm } from "@/componentPatterns/JsonForm"
-import {
-	JsonValue,
-	Overwrite
-} from "@/componentPatterns/JsonForm/Content"
-
-import useValidation from "@/hooks/useValidation"
-
-type JsonEditorProps = Overwrite<IAceEditorProps, {
-	value?: JsonValue | null
-	onChange?: (value: string) => void
-	onSave?: (value: JsonValue) => Promise<JsonValue>
-	helperText?: string
-	error?: boolean
-}>
-
-const INPUT_NAME = "json-editor"
-
-export const JsonEditor: React.FC<JsonEditorProps> = (props) => {
-	const {
-		value,
-		onChange,
-		onSave,
-		helperText,
-		error,
-		...rest
-	} = props
-
-	const { addValidation, clearValidation, validation } = useValidation()
-
-	const stringifyValue = JSON.stringify(value, null, 2)
-
-	const [jsonData, setJsonData] = useState<string>(stringifyValue)
-	const [loadingSaveJson, setLoadingSaveJson] = useState<boolean>(false)
-
-	const currentError: boolean = Boolean(validation[INPUT_NAME]) ?? error
-
-	const currentHelperText = (): string => {
-		if (INPUT_NAME in validation) {
-			if (helperText) return helperText
-
-			return "Ocorreu um erro inesperado. Por favor, tente novamente mais tarde."
-		}
-
-		return "Ocorreu um erro inesperado. Por favor, tente novamente mais tarde."
-	}
-
-	const handleChange = (newValue: string) => {
-		clearValidation(INPUT_NAME)
-
-		setJsonData(newValue)
-
-		onChange?.(newValue)
-	}
-
-	const handleSave = async () => {
-		setLoadingSaveJson(true)
-
-		if (onSave) {
-			try {
-				const parseJsonData = JSON.parse(jsonData)
-
-				await onSave(parseJsonData)
-			} catch (error) {
-				addValidation({ [INPUT_NAME]: error })
-			}
-		}
-
-		setLoadingSaveJson(false)
-	}
-
-	return (
-		<JsonForm.Root>
-			<JsonForm.Content
-				{...rest}
-				value={value}
-				onChange={handleChange}
-				currentError={currentError}
-				currentHelperText={currentHelperText()}
-			/>
-
-			<JsonForm.ActionsButtons>
-				<JsonForm.ActionButton
-					onSave={handleSave}
-					loading={loadingSaveJson}
-				/>
-			</JsonForm.ActionsButtons>
-		</JsonForm.Root>
-	)
-}

package/src/components/JsonView/JsonView.stories.ts

@@ -1,42 +0,0 @@
-import type {
-	Meta,
-	StoryObj
-} from "@storybook/react"
-
-import { JsonView } from "@/components/JsonView"
-
-const meta: Meta<typeof JsonView> = {
-	title: "Example/JsonView",
-	component: JsonView,
-	parameters: {
-		layout: "centered"
-	},
-	tags: ["autodocs"]
-}
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-export const Primary: Story = {
-	args: {
-		value: {
-			"id": 1,
-			"nome": "dsadsa",
-			"ativo": true,
-			"dataCriacao": "2025-02-07T12:00:00.000Z",
-
-			"itens": [{
-				"id": 101,
-				"descricao": "Item 1",
-				"quantidade": 10,
-				"preco": 19.99
-			}, {
-				"id": 102,
-				"descricao": "Item 2",
-				"quantidade": 5,
-				"preco": 49.99
-			}]
-		}
-	}
-}

package/src/components/JsonView/index.tsx

@@ -1,29 +0,0 @@
-import React from "react"
-import { IAceEditorProps } from "react-ace"
-
-import { JsonForm } from "@/componentPatterns/JsonForm"
-
-import {
-	JsonValue,
-	Overwrite
-} from "@/componentPatterns/JsonForm/Content"
-
-type JsonViewProps = Overwrite<IAceEditorProps, {
-	value?: JsonValue | null
-}>
-
-export const JsonView: React.FC<JsonViewProps> = (props) => {
-	const {
-		value,
-		...rest
-	} = props
-
-	return (
-		<JsonForm.Root>
-			<JsonForm.Content
-				{...rest}
-				value={value}
-			/>
-		</JsonForm.Root>
-	)
-}

package/src/hooks/useValidation.tsx

@@ -1,39 +0,0 @@
-import { useState } from "react"
-
-export type ValidationType = Record<string, unknown>
-
-const useValidation = () => {
-	const [validation, setValidation] = useState<ValidationType>({})
-
-	const addValidation = (newValidation: ValidationType) => {
-		setValidation((lastValidation) => ({
-			...lastValidation,
-			...newValidation
-		}))
-	}
-
-	const clearValidation = (key: string) => {
-		if (key in validation) {
-			setValidation((lastValidation) => {
-				const updatedData: ValidationType = { ...lastValidation }
-
-				delete updatedData[key]
-
-				return updatedData
-			})
-		}
-	}
-
-	const clearAllValidations = () => {
-		setValidation({})
-	}
-
-	return {
-		addValidation,
-		clearValidation,
-		clearAllValidations,
-		validation
-	}
-}
-
-export default useValidation

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from "@/components/Button"
-export * from "@/components/JsonEditor"
-export * from "@/components/JsonView"

package/tsconfig.app.json

@@ -1,31 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["src"]
-}

package/tsconfig.build.json

@@ -1,18 +0,0 @@
-{
-    "compilerOptions": {
-        "jsx": "react-jsx",
-        "target": "ES2022",
-        "esModuleInterop": true,
-		"moduleResolution": "node",
-		"strict": true,
-        "module": "ESNext",
-        "sourceMap": true,
-        "declaration": true,
-        "lib": ["ES2022", "DOM", "DOM.Iterable"],
-        "baseUrl": ".",
-        "paths": {
-            "@/*": ["src/*"]
-        }
-    },
-    "include": ["src"]
-}

package/tsconfig.eslint.json

@@ -1,4 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.stories.ts"]
-}

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/tsconfig.node.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/tsup.config.ts

@@ -1,12 +0,0 @@
-import { defineConfig } from "tsup"
-
-export default defineConfig({
-    minify: true,
-    entry: ["src/index.ts"],
-    sourcemap: true,
-    outDir: "dist",
-    clean: true,
-    format: ["cjs", "esm"],
-    dts: true,
-    tsconfig: "tsconfig.build.json"
-})

package/vite.config.ts

@@ -1,13 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
-import path from 'node:path'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src")
-    }
-  }
-})