@ssplib/react-components 0.0.242 → 0.0.243

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 (5) hide show
  1. package/components/form/stepper/StepperBlock.d.ts +6 -2
  2. package/components/form/stepper/StepperBlock.js +4 -4
  3. package/components/form/switch/Switch.d.ts +5 -2
  4. package/components/form/switch/Switch.js +3 -1
  5. package/package.json +1 -1
package/components/form/stepper/StepperBlock.d.ts CHANGED
@@ -1,9 +1,13 @@
1
1
  import React from 'react';
2
- export declare function StepperBlock({ optional, title, prefix, ...props }: {
2
+ interface StepperBlockProps {
3
3
  title: string;
4
4
  prefix?: number;
5
5
  children: JSX.Element | JSX.Element[];
6
6
  optional?: boolean;
7
- }): JSX.Element;
7
+ optionalMessage?: string | JSX.Element;
8
+ overrideSwitchNo?: string;
9
+ overrideSwitchYes?: string;
10
+ }
11
+ export declare function StepperBlock({ optional, title, prefix, optionalMessage, ...props }: StepperBlockProps): JSX.Element;
8
12
  declare const _default: React.MemoExoticComponent<typeof StepperBlock>;
9
13
  export default _default;
package/components/form/stepper/StepperBlock.js CHANGED
@@ -66,7 +66,7 @@ function childrenTree(component, prefix, idx) {
66
66
  return newComponent;
67
67
  }
68
68
  function StepperBlock(_a) {
69
- var { optional = false, title, prefix = 0 } = _a, props = __rest(_a, ["optional", "title", "prefix"]);
69
+ var { optional = false, title, prefix = 0, optionalMessage } = _a, props = __rest(_a, ["optional", "title", "prefix", "optionalMessage"]);
70
70
  const context = (0, react_1.useContext)(form_1.FormContext);
71
71
  const switchName = `switch-${prefix}`;
72
72
  const fields = Array.isArray(props.children) ? props.children : [props.children];
@@ -85,13 +85,13 @@ function StepperBlock(_a) {
85
85
  paddingBottom: 4,
86
86
  } }, title)),
87
87
  react_1.default.createElement(material_1.Box, { hidden: !optional },
88
- react_1.default.createElement(Switch_1.default, { name: switchName, defaultChecked: optional ? false : true })))),
88
+ react_1.default.createElement(Switch_1.default, { name: switchName, defaultChecked: optional ? false : true, overrideNo: props.overrideSwitchNo, overrideYes: props.overrideSwitchYes })))),
89
89
  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' },
90
- react_1.default.createElement(Typography_1.default, { fontFamily: 'Inter', fontSize: 22, paddingY: 8, textAlign: 'center' },
90
+ 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,
91
91
  react_1.default.createElement("b", null, title),
92
92
  " \u00E9 opcional. ",
93
93
  react_1.default.createElement("br", null),
94
- "Marque a op\u00E7\u00E3o acima caso haja necessidade."))) : (react_1.default.createElement(material_1.Grid, { container: true, spacing: 1 }, cloneChildren)))));
94
+ "Marque a op\u00E7\u00E3o acima caso haja necessidade."))))) : (react_1.default.createElement(material_1.Grid, { container: true, spacing: 1 }, cloneChildren)))));
95
95
  }
96
96
  exports.StepperBlock = StepperBlock;
97
97
  exports.default = react_1.default.memo(StepperBlock);
package/components/form/switch/Switch.d.ts CHANGED
@@ -1,8 +1,11 @@
1
1
  import React from 'react';
2
- export declare function Switch({ defaultChecked, ...props }: {
2
+ interface SwitchProps {
3
3
  name: string;
4
4
  defaultChecked?: boolean;
5
5
  title?: string;
6
- }): JSX.Element;
6
+ overrideYes?: string;
7
+ overrideNo?: string;
8
+ }
9
+ export declare function Switch({ defaultChecked, ...props }: SwitchProps): JSX.Element;
7
10
  declare const _default: React.MemoExoticComponent<typeof Switch>;
8
11
  export default _default;
package/components/form/switch/Switch.js CHANGED
@@ -44,9 +44,11 @@ function Switch(_a) {
44
44
  (0, react_1.useEffect)(() => {
45
45
  context === null || context === void 0 ? void 0 : context.formSetValue(props.name, defaultChecked);
46
46
  }, []);
47
+ const yesMessage = (0, react_1.useMemo)(() => props.overrideYes || 'Sim', [props.overrideYes]);
48
+ const noMessage = (0, react_1.useMemo)(() => props.overrideNo || 'Não', [props.overrideNo]);
47
49
  return (react_1.default.createElement(material_1.Stack, { sx: { alignItems: 'center', justifyContent: 'center' } },
48
50
  props.title && react_1.default.createElement(material_1.InputLabel, null, props.title),
49
- 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 } })));
51
+ 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 } })));
50
52
  }
51
53
  exports.Switch = Switch;
52
54
  exports.default = react_1.default.memo(Switch);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssplib/react-components",
3
- "version": "0.0.242",
3
+ "version": "0.0.243",
4
4
  "description": "SSP React Components",
5
5
  "main": "index.js",
6
6
  "author": "Pedro Henrique <sr.hudrick@gmail.com>",