@ssplib/react-components 0.0.248 → 0.0.250

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 (115) hide show
  1. package/package.json +2 -2
  2. package/src/components/detalhes/Category.js +7 -0
  3. package/src/components/detalhes/Field.js +35 -0
  4. package/src/components/detalhes/FieldLabel.js +21 -0
  5. package/src/components/detalhes/File.js +35 -0
  6. package/src/components/form/checkbox/CheckBox.js +12 -0
  7. package/{components → src/components}/form/checkbox/CheckBoxAdditional.js +11 -37
  8. package/src/components/form/checkbox/CheckBoxWarning.js +14 -0
  9. package/src/components/form/checkbox/RequiredCheckBoxValidator.js +56 -0
  10. package/src/components/form/date/DatePicker.js +71 -0
  11. package/src/components/form/date/TimePicker.js +53 -0
  12. package/src/components/form/file/DropFileUpload.js +207 -0
  13. package/src/components/form/file/FileUpload.js +171 -0
  14. package/src/components/form/input/ActiveInput.js +27 -0
  15. package/src/components/form/input/AutoComplete.js +40 -0
  16. package/src/components/form/input/FetchAutoComplete.js +103 -0
  17. package/src/components/form/input/FixedAutoComplete.js +46 -0
  18. package/{components → src/components}/form/input/Input.js +22 -52
  19. package/src/components/form/input/MaskInput.js +52 -0
  20. package/src/components/form/input/MultInput.js +38 -0
  21. package/src/components/form/input/OtherCheckBox.js +27 -0
  22. package/src/components/form/stepper/Stepper.js +105 -0
  23. package/src/components/form/stepper/StepperBlock.js +67 -0
  24. package/src/components/form/switch/Switch.js +27 -0
  25. package/src/components/form/switch/ToggleVisibility.js +33 -0
  26. package/{components → src/components}/form/table/Table.js +200 -230
  27. package/src/components/icons/icons.js +16 -0
  28. package/src/components/modal/Modal.js +75 -0
  29. package/src/components/navbar/NavBar.js +127 -0
  30. package/src/components/navbar/TabNavBar.js +135 -0
  31. package/src/components/providers/FormProvider.js +23 -0
  32. package/src/components/providers/KeycloakAuthProvider.js +69 -0
  33. package/{components → src/components}/providers/OAuthProvider.js +19 -49
  34. package/src/components/providers/SspComponentsProvider.js +11 -0
  35. package/{components → src/components}/utils/Bt.js +7 -13
  36. package/src/components/utils/CustomMenu.js +33 -0
  37. package/src/context/auth.js +2 -0
  38. package/{context → src/context}/form.d.ts +2 -3
  39. package/src/context/form.js +2 -0
  40. package/src/index.js +41 -0
  41. package/src/types/auth.js +1 -0
  42. package/{types → src/types}/form.js +4 -7
  43. package/components/detalhes/Category.js +0 -14
  44. package/components/detalhes/Field.js +0 -42
  45. package/components/detalhes/FieldLabel.js +0 -28
  46. package/components/detalhes/File.js +0 -62
  47. package/components/form/checkbox/CheckBox.js +0 -18
  48. package/components/form/checkbox/CheckBoxWarning.js +0 -43
  49. package/components/form/checkbox/RequiredCheckBoxValidator.js +0 -85
  50. package/components/form/date/DatePicker.js +0 -100
  51. package/components/form/date/TimePicker.js +0 -82
  52. package/components/form/file/DropFileUpload.js +0 -236
  53. package/components/form/file/FileUpload.js +0 -200
  54. package/components/form/input/ActiveInput.js +0 -33
  55. package/components/form/input/AutoComplete.js +0 -69
  56. package/components/form/input/FetchAutoComplete.js +0 -132
  57. package/components/form/input/FixedAutoComplete.js +0 -76
  58. package/components/form/input/MaskInput.js +0 -78
  59. package/components/form/input/MultInput.js +0 -67
  60. package/components/form/input/OtherCheckBox.js +0 -56
  61. package/components/form/stepper/Stepper.js +0 -135
  62. package/components/form/stepper/StepperBlock.js +0 -97
  63. package/components/form/switch/Switch.js +0 -54
  64. package/components/form/switch/ToggleVisibility.js +0 -61
  65. package/components/icons/icons.js +0 -24
  66. package/components/modal/Modal.js +0 -105
  67. package/components/navbar/NavBar.js +0 -156
  68. package/components/navbar/TabNavBar.js +0 -164
  69. package/components/providers/FormProvider.js +0 -49
  70. package/components/providers/KeycloakAuthProvider.js +0 -98
  71. package/components/providers/SspComponentsProvider.js +0 -18
  72. package/components/utils/CustomMenu.js +0 -39
  73. package/context/auth.js +0 -5
  74. package/context/form.js +0 -5
  75. package/index.js +0 -80
  76. package/types/auth.js +0 -2
  77. /package/{components → src/components}/detalhes/Category.d.ts +0 -0
  78. /package/{components → src/components}/detalhes/Field.d.ts +0 -0
  79. /package/{components → src/components}/detalhes/FieldLabel.d.ts +0 -0
  80. /package/{components → src/components}/detalhes/File.d.ts +0 -0
  81. /package/{components → src/components}/form/checkbox/CheckBox.d.ts +0 -0
  82. /package/{components → src/components}/form/checkbox/CheckBoxAdditional.d.ts +0 -0
  83. /package/{components → src/components}/form/checkbox/CheckBoxWarning.d.ts +0 -0
  84. /package/{components → src/components}/form/checkbox/RequiredCheckBoxValidator.d.ts +0 -0
  85. /package/{components → src/components}/form/date/DatePicker.d.ts +0 -0
  86. /package/{components → src/components}/form/date/TimePicker.d.ts +0 -0
  87. /package/{components → src/components}/form/file/DropFileUpload.d.ts +0 -0
  88. /package/{components → src/components}/form/file/FileUpload.d.ts +0 -0
  89. /package/{components → src/components}/form/input/ActiveInput.d.ts +0 -0
  90. /package/{components → src/components}/form/input/AutoComplete.d.ts +0 -0
  91. /package/{components → src/components}/form/input/FetchAutoComplete.d.ts +0 -0
  92. /package/{components → src/components}/form/input/FixedAutoComplete.d.ts +0 -0
  93. /package/{components → src/components}/form/input/Input.d.ts +0 -0
  94. /package/{components → src/components}/form/input/MaskInput.d.ts +0 -0
  95. /package/{components → src/components}/form/input/MultInput.d.ts +0 -0
  96. /package/{components → src/components}/form/input/OtherCheckBox.d.ts +0 -0
  97. /package/{components → src/components}/form/stepper/Stepper.d.ts +0 -0
  98. /package/{components → src/components}/form/stepper/StepperBlock.d.ts +0 -0
  99. /package/{components → src/components}/form/switch/Switch.d.ts +0 -0
  100. /package/{components → src/components}/form/switch/ToggleVisibility.d.ts +0 -0
  101. /package/{components → src/components}/form/table/Table.d.ts +0 -0
  102. /package/{components → src/components}/icons/icons.d.ts +0 -0
  103. /package/{components → src/components}/modal/Modal.d.ts +0 -0
  104. /package/{components → src/components}/navbar/NavBar.d.ts +0 -0
  105. /package/{components → src/components}/navbar/TabNavBar.d.ts +0 -0
  106. /package/{components → src/components}/providers/FormProvider.d.ts +0 -0
  107. /package/{components → src/components}/providers/KeycloakAuthProvider.d.ts +0 -0
  108. /package/{components → src/components}/providers/OAuthProvider.d.ts +0 -0
  109. /package/{components → src/components}/providers/SspComponentsProvider.d.ts +0 -0
  110. /package/{components → src/components}/utils/Bt.d.ts +0 -0
  111. /package/{components → src/components}/utils/CustomMenu.d.ts +0 -0
  112. /package/{context → src/context}/auth.d.ts +0 -0
  113. /package/{index.d.ts → src/index.d.ts} +0 -0
  114. /package/{types → src/types}/auth.d.ts +0 -0
  115. /package/{types → src/types}/form.d.ts +0 -0
@@ -1,98 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.KeycloakAuthProvider = exports.cookieName = void 0;
30
- const router_1 = require("next/router");
31
- const react_1 = __importStar(require("react"));
32
- const auth_1 = require("../../context/auth");
33
- const keycloak_js_1 = __importDefault(require("keycloak-js"));
34
- exports.cookieName = 'nextauth.token';
35
- const userImgName = 'user-data.img';
36
- function KeycloakAuthProvider({ url, realm, clientId, children, type = 'ad', resource_name = 'eventos-front', }) {
37
- const [user, setUser] = (0, react_1.useState)();
38
- const [userLoaded, setUserLoaded] = (0, react_1.useState)(false);
39
- const [kc, setKc] = (0, react_1.useState)(null);
40
- const [token, setToken] = (0, react_1.useState)(undefined);
41
- const router = (0, router_1.useRouter)();
42
- const isAuth = !!user;
43
- (0, react_1.useEffect)(() => {
44
- const keycloak = new keycloak_js_1.default({
45
- url: url,
46
- realm: realm,
47
- clientId: clientId,
48
- });
49
- setKc(keycloak);
50
- keycloak
51
- .init({
52
- onLoad: 'check-sso',
53
- pkceMethod: 'S256',
54
- })
55
- .then((auth) => {
56
- var _a, _b;
57
- setUserLoaded(true);
58
- if (!auth) {
59
- console.log('NAO AUTENTICADO');
60
- //window.location.reload();
61
- }
62
- else {
63
- const tokenParsed = keycloak.tokenParsed;
64
- const userData = Object.assign(Object.assign({}, tokenParsed), { token: keycloak.token, roles: ((_b = ((_a = tokenParsed === null || tokenParsed === void 0 ? void 0 : tokenParsed.resource_access) !== null && _a !== void 0 ? _a : {})[resource_name]) !== null && _b !== void 0 ? _b : []).roles });
65
- setUser(userData);
66
- console.info('Authenticated!!!');
67
- keycloak.onTokenExpired = () => {
68
- console.log('token expired');
69
- };
70
- }
71
- }, () => {
72
- console.error('Authenticated Failed');
73
- });
74
- const s = router.query['status'];
75
- if (!s)
76
- return;
77
- if (s === 'success') {
78
- window.history.replaceState(null, '', '/');
79
- }
80
- }, []);
81
- function login() {
82
- console.log('Tentando logar...');
83
- console.log('KC: ', {
84
- instancia: kc,
85
- logado: kc === null || kc === void 0 ? void 0 : kc.authenticated,
86
- client_id: kc === null || kc === void 0 ? void 0 : kc.clientId,
87
- });
88
- kc === null || kc === void 0 ? void 0 : kc.login();
89
- }
90
- function logout() {
91
- setUserLoaded(false);
92
- kc === null || kc === void 0 ? void 0 : kc.logout();
93
- setUser(null);
94
- localStorage.removeItem(userImgName);
95
- }
96
- return react_1.default.createElement(auth_1.AuthContext.Provider, { value: { user, isAuth, userLoaded, login, logout, saveUserData: () => { }, type } }, children);
97
- }
98
- exports.KeycloakAuthProvider = KeycloakAuthProvider;
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.SspComponentsProvider = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const react_toastify_1 = require("react-toastify");
9
- const Modal_1 = require("../modal/Modal");
10
- // import '../../css/ReactToastify.css'
11
- //components principal da aplicação
12
- function SspComponentsProvider(props) {
13
- return (react_1.default.createElement(react_1.default.Fragment, null,
14
- react_1.default.createElement(Modal_1.CustomModalProvider, null),
15
- props.children,
16
- react_1.default.createElement(react_toastify_1.ToastContainer, { position: 'bottom-right', theme: 'colored' })));
17
- }
18
- exports.SspComponentsProvider = SspComponentsProvider;
@@ -1,39 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- const material_1 = require("@mui/material");
18
- const react_1 = __importDefault(require("react"));
19
- const Bt_1 = __importDefault(require("./Bt"));
20
- function CustomMenu(_a) {
21
- var { data = [] } = _a, props = __rest(_a, ["data"]);
22
- const [anchorEl, setAnchorEl] = react_1.default.useState(null);
23
- const open = Boolean(anchorEl);
24
- const handleClick = (event) => {
25
- setAnchorEl(event.currentTarget);
26
- };
27
- const handleClose = () => {
28
- setAnchorEl(null);
29
- };
30
- return (react_1.default.createElement(react_1.default.Fragment, null,
31
- react_1.default.createElement(Bt_1.default, Object.assign({}, props.btProps, { onClick: handleClick }), props.children),
32
- react_1.default.createElement(material_1.Menu, { id: 'basic-menu', anchorEl: anchorEl, open: open, onClose: handleClose, MenuListProps: {
33
- 'aria-labelledby': 'basic-button',
34
- } }, data.map((x) => (react_1.default.createElement(material_1.MenuItem, { onClick: (e) => {
35
- x.onClick && x.onClick();
36
- handleClose();
37
- } }, x.name))))));
38
- }
39
- exports.default = CustomMenu;
package/context/auth.js DELETED
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AuthContext = void 0;
4
- const react_1 = require("react");
5
- exports.AuthContext = (0, react_1.createContext)({});
package/context/form.js DELETED
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.FormContext = void 0;
4
- const react_1 = require("react");
5
- exports.FormContext = (0, react_1.createContext)(null);
package/index.js DELETED
@@ -1,80 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Menu = exports.Button = exports.TabNavBar = 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
- const CheckBox_1 = __importDefault(require("./components/form/checkbox/CheckBox"));
8
- exports.CheckBox = CheckBox_1.default;
9
- const CheckBoxWarning_1 = __importDefault(require("./components/form/checkbox/CheckBoxWarning"));
10
- exports.CheckBoxWarning = CheckBoxWarning_1.default;
11
- const DatePicker_1 = __importDefault(require("./components/form/date/DatePicker"));
12
- exports.DatePicker = DatePicker_1.default;
13
- const TimePicker_1 = __importDefault(require("./components/form/date/TimePicker"));
14
- exports.TimePicker = TimePicker_1.default;
15
- const FileUpload_1 = __importDefault(require("./components/form/file/FileUpload"));
16
- exports.FileUpload = FileUpload_1.default;
17
- const ActiveInput_1 = __importDefault(require("./components/form/input/ActiveInput"));
18
- exports.ActiveInput = ActiveInput_1.default;
19
- const AutoComplete_1 = __importDefault(require("./components/form/input/AutoComplete"));
20
- exports.AutoComplete = AutoComplete_1.default;
21
- const FetchAutoComplete_1 = __importDefault(require("./components/form/input/FetchAutoComplete"));
22
- exports.FetchAutoComplete = FetchAutoComplete_1.default;
23
- const Input_1 = __importDefault(require("./components/form/input/Input"));
24
- exports.Input = Input_1.default;
25
- const MaskInput_1 = __importDefault(require("./components/form/input/MaskInput"));
26
- exports.MaskInput = MaskInput_1.default;
27
- const MultInput_1 = __importDefault(require("./components/form/input/MultInput"));
28
- exports.MultInput = MultInput_1.default;
29
- const OtherCheckBox_1 = __importDefault(require("./components/form/input/OtherCheckBox"));
30
- exports.OtherCheckBox = OtherCheckBox_1.default;
31
- const Stepper_1 = __importDefault(require("./components/form/stepper/Stepper"));
32
- exports.Stepper = Stepper_1.default;
33
- const StepperBlock_1 = __importDefault(require("./components/form/stepper/StepperBlock"));
34
- exports.StepperBlock = StepperBlock_1.default;
35
- const Switch_1 = __importDefault(require("./components/form/switch/Switch"));
36
- exports.Switch = Switch_1.default;
37
- const ToggleVisibility_1 = require("./components/form/switch/ToggleVisibility");
38
- Object.defineProperty(exports, "SwitchWatch", { enumerable: true, get: function () { return ToggleVisibility_1.SwitchWatch; } });
39
- Object.defineProperty(exports, "ToggleVisibility", { enumerable: true, get: function () { return ToggleVisibility_1.ToggleVisibility; } });
40
- const Table_1 = __importDefault(require("./components/form/table/Table"));
41
- exports.Table = Table_1.default;
42
- const NavBar_1 = __importDefault(require("./components/navbar/NavBar"));
43
- exports.NavBar = NavBar_1.default;
44
- const TabNavBar_1 = __importDefault(require("./components/navbar/TabNavBar"));
45
- exports.TabNavBar = TabNavBar_1.default;
46
- const FormProvider_1 = __importDefault(require("./components/providers/FormProvider"));
47
- exports.FormProvider = FormProvider_1.default;
48
- const OAuthProvider_1 = require("./components/providers/OAuthProvider");
49
- Object.defineProperty(exports, "OAuthProvider", { enumerable: true, get: function () { return OAuthProvider_1.OAuthProvider; } });
50
- Object.defineProperty(exports, "AUTH_COOKIE_NAME", { enumerable: true, get: function () { return OAuthProvider_1.cookieName; } });
51
- const auth_1 = require("./context/auth");
52
- Object.defineProperty(exports, "AuthContext", { enumerable: true, get: function () { return auth_1.AuthContext; } });
53
- const form_1 = require("./context/form");
54
- Object.defineProperty(exports, "FormContext", { enumerable: true, get: function () { return form_1.FormContext; } });
55
- const Category_1 = require("./components/detalhes/Category");
56
- Object.defineProperty(exports, "Category", { enumerable: true, get: function () { return Category_1.Category; } });
57
- const Field_1 = require("./components/detalhes/Field");
58
- Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
59
- const FieldLabel_1 = require("./components/detalhes/FieldLabel");
60
- Object.defineProperty(exports, "FieldLabel", { enumerable: true, get: function () { return FieldLabel_1.FieldLabel; } });
61
- const File_1 = require("./components/detalhes/File");
62
- Object.defineProperty(exports, "File", { enumerable: true, get: function () { return File_1.File; } });
63
- const CheckBoxAdditional_1 = __importDefault(require("./components/form/checkbox/CheckBoxAdditional"));
64
- exports.CheckBoxAdditional = CheckBoxAdditional_1.default;
65
- const RequiredCheckBoxValidator_1 = __importDefault(require("./components/form/checkbox/RequiredCheckBoxValidator"));
66
- exports.RequiredCheckBoxGroup = RequiredCheckBoxValidator_1.default;
67
- const KeycloakAuthProvider_1 = require("./components/providers/KeycloakAuthProvider");
68
- Object.defineProperty(exports, "KeycloakAuthProvider", { enumerable: true, get: function () { return KeycloakAuthProvider_1.KeycloakAuthProvider; } });
69
- const FixedAutoComplete_1 = require("./components/form/input/FixedAutoComplete");
70
- Object.defineProperty(exports, "FixedAutoComplete", { enumerable: true, get: function () { return FixedAutoComplete_1.FixedAutoComplete; } });
71
- const DropFileUpload_1 = __importDefault(require("./components/form/file/DropFileUpload"));
72
- exports.DropFileUpload = DropFileUpload_1.default;
73
- const Modal_1 = require("./components/modal/Modal");
74
- Object.defineProperty(exports, "MODAL", { enumerable: true, get: function () { return Modal_1.MODAL; } });
75
- const SspComponentsProvider_1 = require("./components/providers/SspComponentsProvider");
76
- Object.defineProperty(exports, "SspComponentsProvider", { enumerable: true, get: function () { return SspComponentsProvider_1.SspComponentsProvider; } });
77
- const Bt_1 = __importDefault(require("./components/utils/Bt"));
78
- exports.Button = Bt_1.default;
79
- const CustomMenu_1 = __importDefault(require("./components/utils/CustomMenu"));
80
- exports.Menu = CustomMenu_1.default;
package/types/auth.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes