@ssplib/react-components 0.0.220 → 0.0.222

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 (8) hide show
  1. package/components/form/date/DatePicker.d.ts +1 -0
  2. package/components/form/date/DatePicker.js +2 -2
  3. package/components/form/date/TimePicker.d.ts +1 -0
  4. package/components/form/date/TimePicker.js +2 -2
  5. package/components/form/stepper/Stepper.d.ts +3 -2
  6. package/components/form/stepper/Stepper.js +3 -2
  7. package/components/form/table/Table.js +2 -2
  8. package/package.json +1 -1
package/components/form/date/DatePicker.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import 'dayjs/locale/pt-br';
2
3
  export default function DatePicker({ name, required, title, xs, sm, md, minDt, defaultValue, maxDt, ...props }: {
3
4
  minDt?: string;
4
5
  maxDt?: string;
package/components/form/date/DatePicker.js CHANGED
@@ -42,7 +42,7 @@ const x_date_pickers_1 = require("@mui/x-date-pickers");
42
42
  const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
43
43
  const x_date_pickers_2 = require("@mui/x-date-pickers");
44
44
  const dayjs_1 = __importDefault(require("dayjs"));
45
- const pt_br_1 = __importDefault(require("dayjs/locale/pt-br"));
45
+ require("dayjs/locale/pt-br");
46
46
  const lodash_get_1 = __importDefault(require("lodash.get"));
47
47
  const lodash_hasin_1 = __importDefault(require("lodash.hasin"));
48
48
  const react_1 = __importStar(require("react"));
@@ -69,7 +69,7 @@ function DatePicker(_a) {
69
69
  return (react_1.default.createElement(react_1.default.Fragment, null,
70
70
  react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
71
71
  title && react_1.default.createElement(material_1.InputLabel, { required: required }, title),
72
- react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: pt_br_1.default, dateAdapter: AdapterDayjs_1.AdapterDayjs },
72
+ react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: 'pt-br', dateAdapter: AdapterDayjs_1.AdapterDayjs },
73
73
  react_1.default.createElement(x_date_pickers_2.DatePicker, { minDate: (0, dayjs_1.default)(minDt, 'DD/MM/YYYY'), maxDate: (0, dayjs_1.default)(maxDt, 'DD/MM/YYYY'), format: 'DD/MM/YYYY', value: value, onChange: handleChange, disableHighlightToday: true, sx: {
74
74
  outline: (0, lodash_get_1.default)(context.errors, name) ? '1px solid #a51c30' : '',
75
75
  backgroundColor: 'white',
package/components/form/date/TimePicker.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import 'dayjs/locale/pt-br';
2
3
  export default function TimePicker({ name, required, title, defaultValue, xs, sm, md, }: {
3
4
  name: string;
4
5
  title?: string;
package/components/form/date/TimePicker.js CHANGED
@@ -30,8 +30,8 @@ const material_1 = require("@mui/material");
30
30
  const x_date_pickers_1 = require("@mui/x-date-pickers");
31
31
  const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
32
32
  const dayjs_1 = __importDefault(require("dayjs"));
33
- const pt_br_1 = __importDefault(require("dayjs/locale/pt-br"));
34
33
  const lodash_get_1 = __importDefault(require("lodash.get"));
34
+ require("dayjs/locale/pt-br");
35
35
  const react_1 = __importStar(require("react"));
36
36
  const form_1 = require("../../../context/form");
37
37
  const lodash_hasin_1 = __importDefault(require("lodash.hasin"));
@@ -55,7 +55,7 @@ function TimePicker({ name, required = false, title, defaultValue = '', xs = 12,
55
55
  }, []);
56
56
  return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
57
57
  title && react_1.default.createElement(material_1.InputLabel, { required: required }, title),
58
- react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: pt_br_1.default, dateAdapter: AdapterDayjs_1.AdapterDayjs },
58
+ react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: 'pt-br', dateAdapter: AdapterDayjs_1.AdapterDayjs },
59
59
  react_1.default.createElement(x_date_pickers_1.TimePicker, { value: value, ampm: false, onChange: handleChange, sx: {
60
60
  outline: (0, lodash_get_1.default)(context.errors, name) ? '1px solid #a51c30' : '',
61
61
  backgroundColor: 'white',
package/components/form/stepper/Stepper.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import React, { ReactElement } from 'react';
2
2
  import { FieldValues } from 'react-hook-form';
3
- export declare function Stepper({ debugLog, test, testConfig, ...props }: {
4
- children: ReactElement | ReactElement[];
3
+ export declare function Stepper({ debugLog, test, testConfig, customMarginBottom, ...props }: {
4
+ customMarginBottom?: number;
5
+ children: ReactElement | (ReactElement | null | undefined | false)[];
5
6
  debugData?: (data: FieldValues) => void;
6
7
  debugLog?: boolean;
7
8
  test?: boolean;
package/components/form/stepper/Stepper.js CHANGED
@@ -69,7 +69,8 @@ function sleep(ms) {
69
69
  return new Promise((resolve) => setTimeout(resolve, ms));
70
70
  }
71
71
  function Stepper(_a) {
72
- var { debugLog = false, test = false, testConfig = {} } = _a, props = __rest(_a, ["debugLog", "test", "testConfig"]);
72
+ var { debugLog = false, test = false, testConfig = {}, customMarginBottom = 10 } = _a, props = __rest(_a, ["debugLog", "test", "testConfig", "customMarginBottom"]);
73
+ props.children = Array.isArray(props.children) ? props.children.filter((x, id) => x) : props.children;
73
74
  const length = Array.isArray(props.children) ? props.children.length : 1;
74
75
  const context = (0, react_1.useContext)(form_1.FormContext);
75
76
  // next button ref
@@ -122,7 +123,7 @@ function Stepper(_a) {
122
123
  return (react_1.default.createElement(material_1.Box, null,
123
124
  test && (react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'end' },
124
125
  react_1.default.createElement(material_1.Button, { variant: 'contained', color: 'error', onClick: preencher }, "EXCLUIR BANCO PRODU\u00C7\u00C3O"))),
125
- react_1.default.createElement(material_1.Stack, { sx: { padding: 2, marginBottom: 10 } },
126
+ react_1.default.createElement(material_1.Stack, { sx: { padding: 2, marginBottom: customMarginBottom } },
126
127
  react_1.default.createElement(material_1.Box, null, stepperBlocks.map((b, index) => (react_1.default.createElement(material_1.Box, { key: 'formsB' + index, hidden: !(activeStep === index) }, stepperBlocks[index])))),
127
128
  react_1.default.createElement(material_1.MobileStepper, { variant: 'text', steps: maxSteps,
128
129
  // position='bottom'
package/components/form/table/Table.js CHANGED
@@ -100,8 +100,8 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
100
100
  status: j.statusCode,
101
101
  });
102
102
  else {
103
- const value = (0, lodash_get_1.default)(j, dataPath);
104
- if (!value || !Array.isArray(value)) {
103
+ console.log('data:', (0, lodash_get_1.default)(j, 'body'));
104
+ if (!j || !Array.isArray(j)) {
105
105
  setData({ body: { data: [] } });
106
106
  startData = [];
107
107
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssplib/react-components",
3
- "version": "0.0.220",
3
+ "version": "0.0.222",
4
4
  "description": "SSP React Components",
5
5
  "main": "index.js",
6
6
  "author": "Pedro Henrique <sr.hudrick@gmail.com>",