@ssplib/react-components 0.0.241 → 0.0.243

package/components/form/stepper/StepperBlock.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
-export declare function StepperBlock({ optional, title, prefix, ...props }: {
+interface StepperBlockProps {
     title: string;
     prefix?: number;
     children: JSX.Element | JSX.Element[];
     optional?: boolean;
-}): JSX.Element;
+    optionalMessage?: string | JSX.Element;
+    overrideSwitchNo?: string;
+    overrideSwitchYes?: string;
+}
+export declare function StepperBlock({ optional, title, prefix, optionalMessage, ...props }: StepperBlockProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof StepperBlock>;
 export default _default;

package/components/form/stepper/StepperBlock.js

@@ -66,7 +66,7 @@ function childrenTree(component, prefix, idx) {
     return newComponent;
 }
 function StepperBlock(_a) {
-    var { optional = false, title, prefix = 0 } = _a, props = __rest(_a, ["optional", "title", "prefix"]);
+    var { optional = false, title, prefix = 0, optionalMessage } = _a, props = __rest(_a, ["optional", "title", "prefix", "optionalMessage"]);
     const context = (0, react_1.useContext)(form_1.FormContext);
     const switchName = `switch-${prefix}`;
     const fields = Array.isArray(props.children) ? props.children : [props.children];
@@ -85,13 +85,13 @@ function StepperBlock(_a) {
                             paddingBottom: 4,
                         } }, title)),
                 react_1.default.createElement(material_1.Box, { hidden: !optional },
-                    react_1.default.createElement(Switch_1.default, { name: switchName, defaultChecked: optional ? false : true })))),
+                    react_1.default.createElement(Switch_1.default, { name: switchName, defaultChecked: optional ? false : true, overrideNo: props.overrideSwitchNo, overrideYes: props.overrideSwitchYes })))),
         react_1.default.createElement(material_1.Stack, { spacing: 2 }, !optional ? (react_1.default.createElement(material_1.Grid, { container: true, spacing: 1 }, cloneChildren)) : !context.formWatch(switchName) ? (react_1.default.createElement(material_1.Stack, { justifyContent: 'center', alignItems: 'center' },
-            react_1.default.createElement(Typography_1.default, { fontFamily: 'Inter', fontSize: 22, paddingY: 8, textAlign: 'center' },
+            react_1.default.createElement(Typography_1.default, { fontFamily: 'Inter', fontSize: 22, paddingY: 8, textAlign: 'center' }, optionalMessage ? (optionalMessage) : (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("b", null, title),
                 " \u00E9 opcional. ",
                 react_1.default.createElement("br", null),
-                "Marque a op\u00E7\u00E3o acima caso haja necessidade."))) : (react_1.default.createElement(material_1.Grid, { container: true, spacing: 1 }, cloneChildren)))));
+                "Marque a op\u00E7\u00E3o acima caso haja necessidade."))))) : (react_1.default.createElement(material_1.Grid, { container: true, spacing: 1 }, cloneChildren)))));
 }
 exports.StepperBlock = StepperBlock;
 exports.default = react_1.default.memo(StepperBlock);

package/components/form/switch/Switch.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
-export declare function Switch({ defaultChecked, ...props }: {
+interface SwitchProps {
     name: string;
     defaultChecked?: boolean;
     title?: string;
-}): JSX.Element;
+    overrideYes?: string;
+    overrideNo?: string;
+}
+export declare function Switch({ defaultChecked, ...props }: SwitchProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Switch>;
 export default _default;

package/components/form/switch/Switch.js

@@ -44,9 +44,11 @@ function Switch(_a) {
     (0, react_1.useEffect)(() => {
         context === null || context === void 0 ? void 0 : context.formSetValue(props.name, defaultChecked);
     }, []);
+    const yesMessage = (0, react_1.useMemo)(() => props.overrideYes || 'Sim', [props.overrideYes]);
+    const noMessage = (0, react_1.useMemo)(() => props.overrideNo || 'Não', [props.overrideNo]);
     return (react_1.default.createElement(material_1.Stack, { sx: { alignItems: 'center', justifyContent: 'center' } },
         props.title && react_1.default.createElement(material_1.InputLabel, null, props.title),
-        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Switch, Object.assign({ defaultChecked: defaultChecked }, context === null || context === void 0 ? void 0 : context.formRegister(props.name))), label: react_1.default.createElement(material_1.Typography, { width: 25, sx: { userSelect: 'none' } }, (context === null || context === void 0 ? void 0 : context.formWatch(props.name)) ? 'Sim' : 'Não'), sx: { paddingLeft: 1 } })));
+        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Switch, Object.assign({ defaultChecked: defaultChecked }, context === null || context === void 0 ? void 0 : context.formRegister(props.name))), label: react_1.default.createElement(material_1.Typography, { width: 25, sx: { userSelect: 'none', fontWeight: 600 } }, (context === null || context === void 0 ? void 0 : context.formWatch(props.name)) ? yesMessage : noMessage), sx: { paddingLeft: 1 } })));
 }
 exports.Switch = Switch;
 exports.default = react_1.default.memo(Switch);

package/components/form/table/Table.d.ts

@@ -76,7 +76,7 @@ interface FilterValue {
     value: string | any;
     value2?: string | any;
     useList?: {
-        id: string;
+        id: string | number;
         label: string;
     }[];
     customFunc?: string;

package/components/form/table/Table.js

@@ -54,7 +54,8 @@ function removePunctuationAndAccents(text) {
     return cleanedText;
 }
 function formatarString(str) {
-    return str
+    const value = typeof str !== 'string' ? str.toString() : str;
+    return value
         .normalize('NFD')
         .replace(/[\u0300-\u036f]/g, '')
         .toLowerCase()
@@ -693,7 +694,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
             react_1.default.createElement(Typography_1.default, { fontSize: 24, textAlign: 'center', fontFamily: 'Inter' },
                 error.status === 403 && 'Acesso negado',
                 error.status === 500 && (react_1.default.createElement(material_1.Box, { fontWeight: 500, textAlign: 'center' },
-                    react_1.default.createElement(icons_material_1.ReportProblemRounded, { sx: { transform: 'scale(2)', paddingX: 4, marginY: 1, fill: '#3e3129' } }),
+                    react_1.default.createElement(icons_material_1.ReportProblemRounded, { sx: { transform: 'scale(2)', marginY: 1, fill: '#3e3129' } }),
                     react_1.default.createElement(material_1.Box, null, customErrorMsg ? (customErrorMsg) : (react_1.default.createElement(react_1.default.Fragment, null,
                         "N\u00E3o foi poss\u00EDvel se conectar ao servidor no momento. Por favor, aguarde alguns instantes e tente de novo.",
                         react_1.default.createElement("br", null),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.241",
+    "version": "0.0.243",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",