@ssplib/react-components 0.0.192 → 0.0.193

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 (6) hide show
  1. package/components/form/table/Table.js +12 -2
  2. package/components/modal/Modal.d.ts +1 -1
  3. package/components/modal/Modal.js +4 -5
  4. package/index.d.ts +2 -2
  5. package/index.js +2 -2
  6. package/package.json +1 -1
package/components/form/table/Table.js CHANGED
@@ -743,7 +743,12 @@ function Table({ columns, fetchFunc, emptyMsg = {
743
743
  react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: (e) => downloadCSV(e, true), sx: { backgroundColor: '#22C55E', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvButtonTitle)))))),
744
744
  react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'center', paddingY: 1, paddingTop: 2 },
745
745
  react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'center', alignItems: 'center', spacing: 2 },
746
- react_1.default.createElement(material_1.Button, { onClick: (e) => setListPage((s) => s - 1), sx: { bgcolor: 'white', borderRadius: '50px', height: '40px', width: '40px', minWidth: 0, border: 'solid 1px #E2E8F0' } },
746
+ react_1.default.createElement(material_1.Button, { onClick: (e) => setListPage((s) => {
747
+ if (s > 1) {
748
+ return s - 1;
749
+ }
750
+ return 1;
751
+ }), sx: { bgcolor: 'white', borderRadius: '50px', height: '40px', width: '40px', minWidth: 0, border: 'solid 1px #E2E8F0' } },
747
752
  react_1.default.createElement(NavigateNextRounded_1.default, { sx: { transform: 'scale(1.5) scaleX(-1)' } })),
748
753
  react_1.default.createElement(Pagination_1.default, { renderItem: (item) => {
749
754
  if (item.type === 'page')
@@ -766,7 +771,12 @@ function Table({ columns, fetchFunc, emptyMsg = {
766
771
  paddingY: 0.5,
767
772
  },
768
773
  } }),
769
- react_1.default.createElement(material_1.Button, { onClick: (e) => setListPage((s) => s + 1), sx: { bgcolor: 'white', borderRadius: '50px', height: '40px', width: '40px', minWidth: 0, border: 'solid 1px #E2E8F0' } },
774
+ react_1.default.createElement(material_1.Button, { onClick: (e) => setListPage((s) => {
775
+ if (s < paginationCount) {
776
+ return s + 1;
777
+ }
778
+ return paginationCount;
779
+ }), sx: { bgcolor: 'white', borderRadius: '50px', height: '40px', width: '40px', minWidth: 0, border: 'solid 1px #E2E8F0' } },
770
780
  react_1.default.createElement(NavigateNextRounded_1.default, { sx: { transform: 'scale(1.5)' } })))),
771
781
  react_1.default.createElement(material_1.SwipeableDrawer, { anchor: isSmall ? 'bottom' : 'right', open: filterOpen, onClose: (e) => setFilterOpen(false), onOpen: (e) => setFilterOpen(true) },
772
782
  react_1.default.createElement(material_1.List, { sx: { minWidth: 310 } }, Object.keys(filters).map((f, fIndex) => (react_1.default.createElement(react_1.default.Fragment, null,
package/components/modal/Modal.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare let sspModal: {
2
+ export declare let MODAL: {
3
3
  open: (customCompoment?: JSX.Element | JSX.Element[] | (() => JSX.Element)) => void;
4
4
  close: () => void;
5
5
  };
package/components/modal/Modal.js CHANGED
@@ -26,11 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.CustomModalProvider = exports.sspModal = void 0;
29
+ exports.CustomModalProvider = exports.MODAL = void 0;
30
30
  const material_1 = require("@mui/material");
31
31
  const CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
32
32
  const react_1 = __importStar(require("react"));
33
- exports.sspModal = {
33
+ exports.MODAL = {
34
34
  open: () => { },
35
35
  close: () => { },
36
36
  };
@@ -41,12 +41,12 @@ function CustomModalProvider() {
41
41
  const theme = (0, material_1.useTheme)();
42
42
  const isDesktop = (0, material_1.useMediaQuery)(theme.breakpoints.up('sm'));
43
43
  (0, react_1.useEffect)(() => {
44
- exports.sspModal.open = (customCompoment) => {
44
+ exports.MODAL.open = (customCompoment) => {
45
45
  if (customCompoment)
46
46
  setContent(customCompoment);
47
47
  setOpen(true);
48
48
  };
49
- exports.sspModal.close = handleClose;
49
+ exports.MODAL.close = handleClose;
50
50
  }, [setOpen]);
51
51
  return (react_1.default.createElement(react_1.default.Fragment, null, !isDesktop ? (react_1.default.createElement(material_1.SwipeableDrawer, { anchor: 'bottom', open: open, onClose: handleClose, onOpen: () => { }, PaperProps: {
52
52
  sx: {
@@ -61,7 +61,6 @@ function CustomModalProvider() {
61
61
  top: '50%',
62
62
  left: '50%',
63
63
  transform: 'translate(-50%, -50%)',
64
- width: 400,
65
64
  borderRadius: 2,
66
65
  bgcolor: 'white',
67
66
  border: '1px solid #454545',
package/index.d.ts CHANGED
@@ -29,6 +29,6 @@ import RequiredCheckBoxGroup from './components/form/checkbox/RequiredCheckBoxVa
29
29
  import { KeycloakAuthProvider } from './components/providers/KeycloakAuthProvider';
30
30
  import { FixedAutoComplete } from './components/form/input/FixedAutoComplete';
31
31
  import DropFileUpload from './components/form/file/DropFileUpload';
32
- import { sspModal } from './components/modal/Modal';
32
+ import { MODAL } from './components/modal/Modal';
33
33
  import { SspComponentsProvider } from './components/providers/SspComponentsProvider';
34
- export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, FetchAutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, SwitchWatch, ToggleVisibility, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, KeycloakAuthProvider, CheckBoxAdditional, RequiredCheckBoxGroup, FixedAutoComplete, Category, Field, FieldLabel, File, DropFileUpload, sspModal, SspComponentsProvider };
34
+ export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, FetchAutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, SwitchWatch, ToggleVisibility, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, KeycloakAuthProvider, CheckBoxAdditional, RequiredCheckBoxGroup, FixedAutoComplete, Category, Field, FieldLabel, File, DropFileUpload, MODAL, SspComponentsProvider };
package/index.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.SspComponentsProvider = exports.sspModal = exports.DropFileUpload = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.FixedAutoComplete = exports.RequiredCheckBoxGroup = exports.CheckBoxAdditional = exports.KeycloakAuthProvider = exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.ToggleVisibility = exports.SwitchWatch = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = exports.FetchAutoComplete = exports.AutoComplete = exports.ActiveInput = exports.FileUpload = exports.TimePicker = exports.DatePicker = exports.CheckBoxWarning = exports.CheckBox = void 0;
6
+ exports.SspComponentsProvider = exports.MODAL = exports.DropFileUpload = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.FixedAutoComplete = exports.RequiredCheckBoxGroup = exports.CheckBoxAdditional = exports.KeycloakAuthProvider = exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.ToggleVisibility = exports.SwitchWatch = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = exports.FetchAutoComplete = exports.AutoComplete = exports.ActiveInput = exports.FileUpload = exports.TimePicker = exports.DatePicker = exports.CheckBoxWarning = exports.CheckBox = void 0;
7
7
  const CheckBox_1 = __importDefault(require("./components/form/checkbox/CheckBox"));
8
8
  exports.CheckBox = CheckBox_1.default;
9
9
  const CheckBoxWarning_1 = __importDefault(require("./components/form/checkbox/CheckBoxWarning"));
@@ -69,6 +69,6 @@ Object.defineProperty(exports, "FixedAutoComplete", { enumerable: true, get: fun
69
69
  const DropFileUpload_1 = __importDefault(require("./components/form/file/DropFileUpload"));
70
70
  exports.DropFileUpload = DropFileUpload_1.default;
71
71
  const Modal_1 = require("./components/modal/Modal");
72
- Object.defineProperty(exports, "sspModal", { enumerable: true, get: function () { return Modal_1.sspModal; } });
72
+ Object.defineProperty(exports, "MODAL", { enumerable: true, get: function () { return Modal_1.MODAL; } });
73
73
  const SspComponentsProvider_1 = require("./components/providers/SspComponentsProvider");
74
74
  Object.defineProperty(exports, "SspComponentsProvider", { enumerable: true, get: function () { return SspComponentsProvider_1.SspComponentsProvider; } });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssplib/react-components",
3
- "version": "0.0.192",
3
+ "version": "0.0.193",
4
4
  "description": "SSP React Components",
5
5
  "main": "index.js",
6
6
  "author": "Pedro Henrique <sr.hudrick@gmail.com>",