josenanodev-react-components-library 0.0.12 → 0.0.16

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 (188) hide show
  1. package/README.md +4 -4
  2. package/dist/cjs/Services/MulticalendarStatesAndSettings.d.ts +17 -17
  3. package/dist/cjs/Services/MulticalendarStatesAndSettings.js +29 -29
  4. package/dist/cjs/Services/accessToken.d.ts +3 -3
  5. package/dist/cjs/Services/accessToken.js +15 -15
  6. package/dist/cjs/common/constants.d.ts +5 -5
  7. package/dist/cjs/common/constants.js +8 -8
  8. package/dist/cjs/common/turboSuiteUrls.d.ts +7 -7
  9. package/dist/cjs/common/turboSuiteUrls.js +9 -9
  10. package/dist/cjs/common/types.d.ts +113 -113
  11. package/dist/cjs/components/Modal/Modal.css +43 -43
  12. package/dist/cjs/components/Modal/Modal.d.ts +5 -5
  13. package/dist/cjs/components/Modal/Modal.js +82 -82
  14. package/dist/cjs/components/Modal/types.d.ts +9 -9
  15. package/dist/cjs/components/Multicalendar/Multicalendar.css +191 -191
  16. package/dist/cjs/components/Multicalendar/Multicalendar.d.ts +5 -5
  17. package/dist/cjs/components/Multicalendar/Multicalendar.js +302 -302
  18. package/dist/cjs/components/Multicalendar/MulticalendarOwnFunctions.d.ts +86 -86
  19. package/dist/cjs/components/Multicalendar/MulticalendarOwnFunctions.js +192 -192
  20. package/dist/cjs/components/Multicalendar/subcomponents/composites/CellsRow/CellsRow.css +5 -5
  21. package/dist/cjs/components/Multicalendar/subcomponents/composites/CellsRow/CellsRow.d.ts +5 -5
  22. package/dist/cjs/components/Multicalendar/subcomponents/composites/CellsRow/CellsRow.js +20 -20
  23. package/dist/cjs/components/Multicalendar/subcomponents/composites/CellsRow/types.d.ts +11 -11
  24. package/dist/cjs/components/Multicalendar/subcomponents/composites/DatesGrid/DatesGrid.css +7 -7
  25. package/dist/cjs/components/Multicalendar/subcomponents/composites/DatesGrid/DatesGrid.d.ts +5 -5
  26. package/dist/cjs/components/Multicalendar/subcomponents/composites/DatesGrid/DatesGrid.js +20 -20
  27. package/dist/cjs/components/Multicalendar/subcomponents/composites/DatesGrid/types.d.ts +13 -13
  28. package/dist/cjs/components/Multicalendar/subcomponents/composites/ListElementsColumn/ListElementsColumn.css +3 -3
  29. package/dist/cjs/components/Multicalendar/subcomponents/composites/ListElementsColumn/ListElementsColumn.d.ts +5 -5
  30. package/dist/cjs/components/Multicalendar/subcomponents/composites/ListElementsColumn/ListElementsColumn.js +15 -15
  31. package/dist/cjs/components/Multicalendar/subcomponents/composites/ListElementsColumn/types.d.ts +9 -9
  32. package/dist/cjs/components/Multicalendar/subcomponents/individuals/Cell/Cell.css +7 -7
  33. package/dist/cjs/components/Multicalendar/subcomponents/individuals/Cell/Cell.d.ts +5 -5
  34. package/dist/cjs/components/Multicalendar/subcomponents/individuals/Cell/Cell.js +12 -12
  35. package/dist/cjs/components/Multicalendar/subcomponents/individuals/Cell/types.d.ts +10 -10
  36. package/dist/cjs/components/Multicalendar/subcomponents/individuals/DatesRow/DatesRow.css +60 -60
  37. package/dist/cjs/components/Multicalendar/subcomponents/individuals/DatesRow/DatesRow.d.ts +5 -5
  38. package/dist/cjs/components/Multicalendar/subcomponents/individuals/DatesRow/DatesRow.js +56 -56
  39. package/dist/cjs/components/Multicalendar/subcomponents/individuals/DatesRow/types.d.ts +10 -10
  40. package/dist/cjs/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/DropdownMonthNavigation.css +13 -13
  41. package/dist/cjs/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/DropdownMonthNavigation.d.ts +5 -5
  42. package/dist/cjs/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/DropdownMonthNavigation.js +13 -13
  43. package/dist/cjs/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/types.d.ts +5 -5
  44. package/dist/cjs/components/Multicalendar/subcomponents/individuals/ListElement/ListElement.css +14 -14
  45. package/dist/cjs/components/Multicalendar/subcomponents/individuals/ListElement/ListElement.d.ts +5 -5
  46. package/dist/cjs/components/Multicalendar/subcomponents/individuals/ListElement/ListElement.js +14 -14
  47. package/dist/cjs/components/Multicalendar/subcomponents/individuals/ListElement/types.d.ts +7 -7
  48. package/dist/cjs/components/Multicalendar/types.d.ts +45 -45
  49. package/dist/cjs/components/PopUp/PopUp.css +15 -15
  50. package/dist/cjs/components/PopUp/PopUp.d.ts +5 -5
  51. package/dist/cjs/components/PopUp/PopUp.js +50 -50
  52. package/dist/cjs/components/PopUp/types.d.ts +8 -8
  53. package/dist/cjs/components/SearchBar/SearchBar.css +35 -35
  54. package/dist/cjs/components/SearchBar/SearchBar.d.ts +5 -5
  55. package/dist/cjs/components/SearchBar/SearchBar.js +67 -67
  56. package/dist/cjs/components/SearchBar/types.d.ts +10 -10
  57. package/dist/cjs/components/SideBar/SideBar.css +50 -50
  58. package/dist/cjs/components/SideBar/SideBar.d.ts +8 -8
  59. package/dist/cjs/components/SideBar/SideBar.js +70 -70
  60. package/dist/cjs/components/SideBar/types.d.ts +8 -8
  61. package/dist/cjs/hooks/useOutsideClick.d.ts +6 -6
  62. package/dist/cjs/hooks/useOutsideClick.js +25 -25
  63. package/dist/cjs/hooks/useResizeObserver.d.ts +7 -7
  64. package/dist/cjs/hooks/useResizeObserver.js +30 -30
  65. package/dist/cjs/hooks/useWindowsSize.d.ts +6 -6
  66. package/dist/cjs/hooks/useWindowsSize.js +20 -20
  67. package/dist/cjs/index.css +77 -77
  68. package/dist/cjs/index.d.ts +7 -7
  69. package/dist/cjs/index.js +18 -18
  70. package/dist/cjs/languages/en-EN.d.ts +3 -3
  71. package/dist/cjs/languages/en-EN.js +25 -25
  72. package/dist/cjs/languages/es-ES.d.ts +3 -3
  73. package/dist/cjs/languages/es-ES.js +25 -25
  74. package/dist/cjs/languages/it-IT.d.ts +3 -3
  75. package/dist/cjs/languages/it-IT.js +25 -25
  76. package/dist/cjs/languages/types.d.ts +21 -21
  77. package/dist/cjs/mocks/ReactComponentMocksForTesting/CellChildrenMock.d.ts +4 -4
  78. package/dist/cjs/mocks/ReactComponentMocksForTesting/CellChildrenMock.js +13 -13
  79. package/dist/cjs/mocks/ReactComponentMocksForTesting/ListElementChildrenMock.d.ts +4 -4
  80. package/dist/cjs/mocks/ReactComponentMocksForTesting/ListElementChildrenMock.js +10 -10
  81. package/dist/cjs/react-app-env.d.ts +1 -1
  82. package/dist/cjs/setupTests.d.ts +2 -2
  83. package/dist/cjs/setupTests.js +8 -8
  84. package/dist/cjs/stories/css-presets.css +77 -77
  85. package/dist/cjs/utils/datesArray.d.ts +8 -8
  86. package/dist/cjs/utils/datesArray.js +23 -23
  87. package/dist/cjs/utils/jsToSqlDate.d.ts +7 -7
  88. package/dist/cjs/utils/jsToSqlDate.js +22 -22
  89. package/dist/cjs/utils/monthYearString.d.ts +3 -3
  90. package/dist/cjs/utils/monthYearString.js +27 -27
  91. package/dist/cjs/utils/numberOfDaysInAMonth.d.ts +6 -6
  92. package/dist/cjs/utils/numberOfDaysInAMonth.js +12 -12
  93. package/dist/cjs/utils/sqlToJsDate.d.ts +7 -7
  94. package/dist/cjs/utils/sqlToJsDate.js +14 -14
  95. package/dist/esm/Services/MulticalendarStatesAndSettings.d.ts +17 -17
  96. package/dist/esm/Services/MulticalendarStatesAndSettings.js +23 -23
  97. package/dist/esm/Services/accessToken.d.ts +3 -3
  98. package/dist/esm/Services/accessToken.js +9 -9
  99. package/dist/esm/common/constants.d.ts +5 -5
  100. package/dist/esm/common/constants.js +5 -5
  101. package/dist/esm/common/turboSuiteUrls.d.ts +7 -7
  102. package/dist/esm/common/turboSuiteUrls.js +7 -7
  103. package/dist/esm/common/types.d.ts +113 -113
  104. package/dist/esm/components/Modal/Modal.css +43 -43
  105. package/dist/esm/components/Modal/Modal.d.ts +5 -5
  106. package/dist/esm/components/Modal/Modal.js +54 -54
  107. package/dist/esm/components/Modal/types.d.ts +9 -9
  108. package/dist/esm/components/Multicalendar/Multicalendar.css +191 -191
  109. package/dist/esm/components/Multicalendar/Multicalendar.d.ts +5 -5
  110. package/dist/esm/components/Multicalendar/Multicalendar.js +274 -274
  111. package/dist/esm/components/Multicalendar/MulticalendarOwnFunctions.d.ts +86 -86
  112. package/dist/esm/components/Multicalendar/MulticalendarOwnFunctions.js +176 -176
  113. package/dist/esm/components/Multicalendar/subcomponents/composites/CellsRow/CellsRow.css +5 -5
  114. package/dist/esm/components/Multicalendar/subcomponents/composites/CellsRow/CellsRow.d.ts +5 -5
  115. package/dist/esm/components/Multicalendar/subcomponents/composites/CellsRow/CellsRow.js +15 -15
  116. package/dist/esm/components/Multicalendar/subcomponents/composites/CellsRow/types.d.ts +11 -11
  117. package/dist/esm/components/Multicalendar/subcomponents/composites/DatesGrid/DatesGrid.css +7 -7
  118. package/dist/esm/components/Multicalendar/subcomponents/composites/DatesGrid/DatesGrid.d.ts +5 -5
  119. package/dist/esm/components/Multicalendar/subcomponents/composites/DatesGrid/DatesGrid.js +15 -15
  120. package/dist/esm/components/Multicalendar/subcomponents/composites/DatesGrid/types.d.ts +13 -13
  121. package/dist/esm/components/Multicalendar/subcomponents/composites/ListElementsColumn/ListElementsColumn.css +3 -3
  122. package/dist/esm/components/Multicalendar/subcomponents/composites/ListElementsColumn/ListElementsColumn.d.ts +5 -5
  123. package/dist/esm/components/Multicalendar/subcomponents/composites/ListElementsColumn/ListElementsColumn.js +10 -10
  124. package/dist/esm/components/Multicalendar/subcomponents/composites/ListElementsColumn/types.d.ts +9 -9
  125. package/dist/esm/components/Multicalendar/subcomponents/individuals/Cell/Cell.css +7 -7
  126. package/dist/esm/components/Multicalendar/subcomponents/individuals/Cell/Cell.d.ts +5 -5
  127. package/dist/esm/components/Multicalendar/subcomponents/individuals/Cell/Cell.js +7 -7
  128. package/dist/esm/components/Multicalendar/subcomponents/individuals/Cell/types.d.ts +10 -10
  129. package/dist/esm/components/Multicalendar/subcomponents/individuals/DatesRow/DatesRow.css +60 -60
  130. package/dist/esm/components/Multicalendar/subcomponents/individuals/DatesRow/DatesRow.d.ts +5 -5
  131. package/dist/esm/components/Multicalendar/subcomponents/individuals/DatesRow/DatesRow.js +51 -51
  132. package/dist/esm/components/Multicalendar/subcomponents/individuals/DatesRow/types.d.ts +10 -10
  133. package/dist/esm/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/DropdownMonthNavigation.css +13 -13
  134. package/dist/esm/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/DropdownMonthNavigation.d.ts +5 -5
  135. package/dist/esm/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/DropdownMonthNavigation.js +8 -8
  136. package/dist/esm/components/Multicalendar/subcomponents/individuals/DropdownMonthNavigation/types.d.ts +5 -5
  137. package/dist/esm/components/Multicalendar/subcomponents/individuals/ListElement/ListElement.css +14 -14
  138. package/dist/esm/components/Multicalendar/subcomponents/individuals/ListElement/ListElement.d.ts +5 -5
  139. package/dist/esm/components/Multicalendar/subcomponents/individuals/ListElement/ListElement.js +9 -9
  140. package/dist/esm/components/Multicalendar/subcomponents/individuals/ListElement/types.d.ts +7 -7
  141. package/dist/esm/components/Multicalendar/types.d.ts +45 -45
  142. package/dist/esm/components/PopUp/PopUp.css +15 -15
  143. package/dist/esm/components/PopUp/PopUp.d.ts +5 -5
  144. package/dist/esm/components/PopUp/PopUp.js +22 -22
  145. package/dist/esm/components/PopUp/types.d.ts +8 -8
  146. package/dist/esm/components/SearchBar/SearchBar.css +35 -35
  147. package/dist/esm/components/SearchBar/SearchBar.d.ts +5 -5
  148. package/dist/esm/components/SearchBar/SearchBar.js +42 -42
  149. package/dist/esm/components/SearchBar/types.d.ts +10 -10
  150. package/dist/esm/components/SideBar/SideBar.css +50 -50
  151. package/dist/esm/components/SideBar/SideBar.d.ts +8 -8
  152. package/dist/esm/components/SideBar/SideBar.js +42 -42
  153. package/dist/esm/components/SideBar/types.d.ts +8 -8
  154. package/dist/esm/hooks/useOutsideClick.d.ts +6 -6
  155. package/dist/esm/hooks/useOutsideClick.js +23 -23
  156. package/dist/esm/hooks/useResizeObserver.d.ts +7 -7
  157. package/dist/esm/hooks/useResizeObserver.js +28 -28
  158. package/dist/esm/hooks/useWindowsSize.d.ts +6 -6
  159. package/dist/esm/hooks/useWindowsSize.js +18 -18
  160. package/dist/esm/index.css +77 -77
  161. package/dist/esm/index.d.ts +7 -7
  162. package/dist/esm/index.js +7 -7
  163. package/dist/esm/languages/en-EN.d.ts +3 -3
  164. package/dist/esm/languages/en-EN.js +23 -23
  165. package/dist/esm/languages/es-ES.d.ts +3 -3
  166. package/dist/esm/languages/es-ES.js +23 -23
  167. package/dist/esm/languages/it-IT.d.ts +3 -3
  168. package/dist/esm/languages/it-IT.js +23 -23
  169. package/dist/esm/languages/types.d.ts +21 -21
  170. package/dist/esm/mocks/ReactComponentMocksForTesting/CellChildrenMock.d.ts +4 -4
  171. package/dist/esm/mocks/ReactComponentMocksForTesting/CellChildrenMock.js +8 -8
  172. package/dist/esm/mocks/ReactComponentMocksForTesting/ListElementChildrenMock.d.ts +4 -4
  173. package/dist/esm/mocks/ReactComponentMocksForTesting/ListElementChildrenMock.js +5 -5
  174. package/dist/esm/react-app-env.d.ts +1 -1
  175. package/dist/esm/setupTests.d.ts +2 -2
  176. package/dist/esm/setupTests.js +6 -6
  177. package/dist/esm/stories/css-presets.css +77 -77
  178. package/dist/esm/utils/datesArray.d.ts +8 -8
  179. package/dist/esm/utils/datesArray.js +21 -21
  180. package/dist/esm/utils/jsToSqlDate.d.ts +7 -7
  181. package/dist/esm/utils/jsToSqlDate.js +20 -20
  182. package/dist/esm/utils/monthYearString.d.ts +3 -3
  183. package/dist/esm/utils/monthYearString.js +25 -25
  184. package/dist/esm/utils/numberOfDaysInAMonth.d.ts +6 -6
  185. package/dist/esm/utils/numberOfDaysInAMonth.js +8 -8
  186. package/dist/esm/utils/sqlToJsDate.d.ts +7 -7
  187. package/dist/esm/utils/sqlToJsDate.js +12 -12
  188. package/package.json +103 -93
@@ -1,70 +1,70 @@
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
- const react_1 = __importStar(require("react"));
30
- require("./SideBar.css");
31
- //Hooks
32
- const useOutsideClick_1 = __importDefault(require("../../hooks/useOutsideClick"));
33
- const useResizeObserver_1 = __importDefault(require("../../hooks/useResizeObserver"));
34
- //Icons
35
- const bs_1 = require("react-icons/bs");
36
- /**
37
- * NOTE: Parent Node must have position: relative, to work correctly with the side bar
38
- */
39
- const SideBar = ({ side, open = false, children, closeAction, outBoundClickClosesSideBar, aditionalInlineStyle = {}, }) => {
40
- //Refs
41
- const sideBarRef = (0, react_1.useRef)(null);
42
- //Hooks
43
- const [elementWidth] = (0, useResizeObserver_1.default)(sideBarRef);
44
- (0, useOutsideClick_1.default)(sideBarRef, () => {
45
- if (outBoundClickClosesSideBar)
46
- if (closeAction) {
47
- closeAction();
48
- }
49
- else {
50
- setOpenState(false);
51
- }
52
- });
53
- //useState
54
- const [openState, setOpenState] = (0, react_1.useState)(open);
55
- return (react_1.default.createElement("div", { ref: sideBarRef, className: "side-bar", style: Object.assign({ [side === "left" ? "right" : "left"]: (closeAction && open) || (!closeAction && openState)
56
- ? `calc(100% - ${elementWidth}px)`
57
- : closeAction
58
- ? "100%"
59
- : `calc(100% - 30px)` }, aditionalInlineStyle) },
60
- react_1.default.createElement("button", { style: side === "left" ? { right: 0 } : { left: 0 }, className: "sidebar-close-button", onClick: () => {
61
- if (closeAction) {
62
- closeAction();
63
- }
64
- else {
65
- setOpenState(!openState);
66
- }
67
- } }, side === "left" ? (react_1.default.createElement(bs_1.BsChevronLeft, { className: (closeAction && open) || (!closeAction && openState) ? "open" : "close" })) : (react_1.default.createElement(bs_1.BsChevronRight, { className: (closeAction && open) || (!closeAction && openState) ? "open" : "close" }))),
68
- children));
69
- };
70
- exports.default = SideBar;
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
+ const react_1 = __importStar(require("react"));
30
+ require("./SideBar.css");
31
+ //Hooks
32
+ const useOutsideClick_1 = __importDefault(require("../../hooks/useOutsideClick"));
33
+ const useResizeObserver_1 = __importDefault(require("../../hooks/useResizeObserver"));
34
+ //Icons
35
+ const bs_1 = require("react-icons/bs");
36
+ /**
37
+ * NOTE: Parent Node must have position: relative, to work correctly with the side bar
38
+ */
39
+ const SideBar = ({ side, open = false, children, closeAction, outBoundClickClosesSideBar, aditionalInlineStyle = {}, }) => {
40
+ //Refs
41
+ const sideBarRef = (0, react_1.useRef)(null);
42
+ //Hooks
43
+ const [elementWidth] = (0, useResizeObserver_1.default)(sideBarRef);
44
+ (0, useOutsideClick_1.default)(sideBarRef, () => {
45
+ if (outBoundClickClosesSideBar)
46
+ if (closeAction) {
47
+ closeAction();
48
+ }
49
+ else {
50
+ setOpenState(false);
51
+ }
52
+ });
53
+ //useState
54
+ const [openState, setOpenState] = (0, react_1.useState)(open);
55
+ return (react_1.default.createElement("div", { ref: sideBarRef, className: "side-bar", style: Object.assign({ [side === "left" ? "right" : "left"]: (closeAction && open) || (!closeAction && openState)
56
+ ? `calc(100% - ${elementWidth}px)`
57
+ : closeAction
58
+ ? "100%"
59
+ : `calc(100% - 30px)` }, aditionalInlineStyle) },
60
+ react_1.default.createElement("button", { style: side === "left" ? { right: 0 } : { left: 0 }, className: "sidebar-close-button", onClick: () => {
61
+ if (closeAction) {
62
+ closeAction();
63
+ }
64
+ else {
65
+ setOpenState(!openState);
66
+ }
67
+ } }, side === "left" ? (react_1.default.createElement(bs_1.BsChevronLeft, { className: (closeAction && open) || (!closeAction && openState) ? "open" : "close" })) : (react_1.default.createElement(bs_1.BsChevronRight, { className: (closeAction && open) || (!closeAction && openState) ? "open" : "close" }))),
68
+ children));
69
+ };
70
+ exports.default = SideBar;
@@ -1,8 +1,8 @@
1
- export interface SideBarPropsType {
2
- side: "left" | "right";
3
- children: JSX.Element | JSX.Element[];
4
- open: boolean;
5
- closeAction?: Function;
6
- outBoundClickClosesSideBar?: boolean;
7
- aditionalInlineStyle?: React.CSSProperties;
8
- }
1
+ export interface SideBarPropsType {
2
+ side: "left" | "right";
3
+ children: JSX.Element | JSX.Element[];
4
+ open: boolean;
5
+ closeAction?: Function;
6
+ outBoundClickClosesSideBar?: boolean;
7
+ aditionalInlineStyle?: React.CSSProperties;
8
+ }
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
2
- /**
3
- * Hook that alerts clicks outside of the passed ref
4
- */
5
- declare function useOutsideClick(elementRef: React.MutableRefObject<HTMLElement | null>, onOutsideClickAction: Function): void;
6
- export default useOutsideClick;
1
+ /// <reference types="react" />
2
+ /**
3
+ * Hook that alerts clicks outside of the passed ref
4
+ */
5
+ declare function useOutsideClick(elementRef: React.MutableRefObject<HTMLElement | null>, onOutsideClickAction: Function): void;
6
+ export default useOutsideClick;
@@ -1,25 +1,25 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const react_1 = require("react");
4
- /**
5
- * Hook that alerts clicks outside of the passed ref
6
- */
7
- function useOutsideClick(elementRef, onOutsideClickAction) {
8
- (0, react_1.useEffect)(() => {
9
- /**
10
- * Alert if clicked on outside of element
11
- */
12
- function handleClickOutside(event) {
13
- if (elementRef.current && !elementRef.current.contains(event.target)) {
14
- onOutsideClickAction();
15
- }
16
- }
17
- // Bind the event listener
18
- document.addEventListener("mousedown", handleClickOutside);
19
- return () => {
20
- // Unbind the event listener on clean up
21
- document.removeEventListener("mousedown", handleClickOutside);
22
- };
23
- }, [elementRef, onOutsideClickAction]);
24
- }
25
- exports.default = useOutsideClick;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_1 = require("react");
4
+ /**
5
+ * Hook that alerts clicks outside of the passed ref
6
+ */
7
+ function useOutsideClick(elementRef, onOutsideClickAction) {
8
+ (0, react_1.useEffect)(() => {
9
+ /**
10
+ * Alert if clicked on outside of element
11
+ */
12
+ function handleClickOutside(event) {
13
+ if (elementRef.current && !elementRef.current.contains(event.target)) {
14
+ onOutsideClickAction();
15
+ }
16
+ }
17
+ // Bind the event listener
18
+ document.addEventListener("mousedown", handleClickOutside);
19
+ return () => {
20
+ // Unbind the event listener on clean up
21
+ document.removeEventListener("mousedown", handleClickOutside);
22
+ };
23
+ }, [elementRef, onOutsideClickAction]);
24
+ }
25
+ exports.default = useOutsideClick;
@@ -1,7 +1,7 @@
1
- import React from "react";
2
- /**
3
- * @returns Array [elementWidth, elementHeight], that represent the current
4
- * values of width and height of elementRef
5
- */
6
- declare function useResizeObserver(elementRef: React.MutableRefObject<HTMLElement | null>): number[];
7
- export default useResizeObserver;
1
+ import React from "react";
2
+ /**
3
+ * @returns Array [elementWidth, elementHeight], that represent the current
4
+ * values of width and height of elementRef
5
+ */
6
+ declare function useResizeObserver(elementRef: React.MutableRefObject<HTMLElement | null>): number[];
7
+ export default useResizeObserver;
@@ -1,30 +1,30 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const react_1 = require("react");
4
- /**
5
- * @returns Array [elementWidth, elementHeight], that represent the current
6
- * values of width and height of elementRef
7
- */
8
- function useResizeObserver(elementRef) {
9
- const [elementWidth, setElementWidth] = (0, react_1.useState)(0);
10
- const [elementHeight, setElementHeight] = (0, react_1.useState)(0);
11
- const observer = (0, react_1.useRef)(new ResizeObserver((entries) => {
12
- const { width, height } = entries[0].contentRect;
13
- setElementWidth(width);
14
- setElementHeight(height);
15
- }));
16
- (0, react_1.useEffect)(() => {
17
- if (elementRef.current !== null) {
18
- observer.current.observe(elementRef.current);
19
- }
20
- const observerCurrentForCleanUp = observer.current;
21
- const elementRefCurrentForCleanUp = elementRef.current;
22
- return () => {
23
- if (elementRefCurrentForCleanUp !== null) {
24
- observerCurrentForCleanUp.unobserve(elementRefCurrentForCleanUp);
25
- }
26
- };
27
- }, [elementRef, observer]);
28
- return [elementWidth, elementHeight];
29
- }
30
- exports.default = useResizeObserver;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_1 = require("react");
4
+ /**
5
+ * @returns Array [elementWidth, elementHeight], that represent the current
6
+ * values of width and height of elementRef
7
+ */
8
+ function useResizeObserver(elementRef) {
9
+ const [elementWidth, setElementWidth] = (0, react_1.useState)(0);
10
+ const [elementHeight, setElementHeight] = (0, react_1.useState)(0);
11
+ const observer = (0, react_1.useRef)(new ResizeObserver((entries) => {
12
+ const { width, height } = entries[0].contentRect;
13
+ setElementWidth(width);
14
+ setElementHeight(height);
15
+ }));
16
+ (0, react_1.useEffect)(() => {
17
+ if (elementRef.current !== null) {
18
+ observer.current.observe(elementRef.current);
19
+ }
20
+ const observerCurrentForCleanUp = observer.current;
21
+ const elementRefCurrentForCleanUp = elementRef.current;
22
+ return () => {
23
+ if (elementRefCurrentForCleanUp !== null) {
24
+ observerCurrentForCleanUp.unobserve(elementRefCurrentForCleanUp);
25
+ }
26
+ };
27
+ }, [elementRef, observer]);
28
+ return [elementWidth, elementHeight];
29
+ }
30
+ exports.default = useResizeObserver;
@@ -1,6 +1,6 @@
1
- /**
2
- * @returns Array [ancho, alto], de dichos valores refieren
3
- * los valores de window.innerWidth y window.innerHeight
4
- */
5
- declare function useWindowSize(): [number, number];
6
- export default useWindowSize;
1
+ /**
2
+ * @returns Array [ancho, alto], de dichos valores refieren
3
+ * los valores de window.innerWidth y window.innerHeight
4
+ */
5
+ declare function useWindowSize(): [number, number];
6
+ export default useWindowSize;
@@ -1,20 +1,20 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const react_1 = require("react");
4
- /**
5
- * @returns Array [ancho, alto], de dichos valores refieren
6
- * los valores de window.innerWidth y window.innerHeight
7
- */
8
- function useWindowSize() {
9
- const [size, setSize] = (0, react_1.useState)([0, 0]);
10
- (0, react_1.useLayoutEffect)(() => {
11
- function updateSize() {
12
- setSize([window.innerWidth, window.innerHeight]);
13
- }
14
- window.addEventListener("resize", updateSize);
15
- updateSize();
16
- return () => window.removeEventListener("resize", updateSize);
17
- }, []);
18
- return size;
19
- }
20
- exports.default = useWindowSize;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_1 = require("react");
4
+ /**
5
+ * @returns Array [ancho, alto], de dichos valores refieren
6
+ * los valores de window.innerWidth y window.innerHeight
7
+ */
8
+ function useWindowSize() {
9
+ const [size, setSize] = (0, react_1.useState)([0, 0]);
10
+ (0, react_1.useLayoutEffect)(() => {
11
+ function updateSize() {
12
+ setSize([window.innerWidth, window.innerHeight]);
13
+ }
14
+ window.addEventListener("resize", updateSize);
15
+ updateSize();
16
+ return () => window.removeEventListener("resize", updateSize);
17
+ }, []);
18
+ return size;
19
+ }
20
+ exports.default = useWindowSize;
@@ -1,77 +1,77 @@
1
- body {
2
- margin: 0;
3
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
4
- "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
5
- -webkit-font-smoothing: antialiased;
6
- -moz-osx-font-smoothing: grayscale;
7
- color: black;
8
- }
9
-
10
- body p {
11
- line-height: normal;
12
- margin: 0;
13
- }
14
-
15
- code {
16
- font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
17
- }
18
-
19
- :root {
20
- --primary-color: #ec6321;
21
- --secondary-color: #46ba0d;
22
- --green-palette-one: #7bce51;
23
- --green-palette-two: #52ac25;
24
- --green-palette-three: #3a8117;
25
- --green-palette-four: #27580f;
26
- --green-palette-five: #1b3a0c;
27
- }
28
-
29
- input[type="checkbox"] {
30
- /* Add if not using autoprefixer */
31
- -webkit-appearance: none;
32
- /* Remove most all native input styles */
33
- appearance: none;
34
- /* For iOS < 15 */
35
- background-color: white;
36
- /* Not removed via appearance */
37
- margin: 0;
38
-
39
- font: inherit;
40
- color: dimgray;
41
- min-width: 1.15em;
42
- width: 1.15em;
43
- height: 1.15em;
44
- border: 0.15em solid dimgray;
45
- border-radius: 0.15em;
46
- display: flex;
47
- align-items: center;
48
- justify-content: center;
49
- cursor: pointer;
50
- }
51
-
52
- input[type="checkbox"]::before {
53
- content: "";
54
- width: 0.65em;
55
- height: 0.65em;
56
- clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
57
- transform: scale(0);
58
- transform-origin: bottom left;
59
- transition: 120ms transform ease-in-out;
60
- box-shadow: inset 1em 1em var(--primary-color);
61
- /* Windows High Contrast Mode */
62
- background-color: CanvasText;
63
- }
64
-
65
- input[type="checkbox"]:checked::before {
66
- transform: scale(1);
67
- }
68
-
69
- input[type="checkbox"]:focus {
70
- outline: max(2px, 0.08em) solid rgb(145, 145, 145);
71
- outline-offset: max(2px, 0.08em);
72
- }
73
-
74
- input[type="checkbox"]:disabled {
75
- color: rgb(165, 165, 165);
76
- cursor: not-allowed;
77
- }
1
+ body {
2
+ margin: 0;
3
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
4
+ "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
5
+ -webkit-font-smoothing: antialiased;
6
+ -moz-osx-font-smoothing: grayscale;
7
+ color: black;
8
+ }
9
+
10
+ body p {
11
+ line-height: normal;
12
+ margin: 0;
13
+ }
14
+
15
+ code {
16
+ font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
17
+ }
18
+
19
+ :root {
20
+ --primary-color: #ec6321;
21
+ --secondary-color: #46ba0d;
22
+ --green-palette-one: #7bce51;
23
+ --green-palette-two: #52ac25;
24
+ --green-palette-three: #3a8117;
25
+ --green-palette-four: #27580f;
26
+ --green-palette-five: #1b3a0c;
27
+ }
28
+
29
+ input[type="checkbox"] {
30
+ /* Add if not using autoprefixer */
31
+ -webkit-appearance: none;
32
+ /* Remove most all native input styles */
33
+ appearance: none;
34
+ /* For iOS < 15 */
35
+ background-color: white;
36
+ /* Not removed via appearance */
37
+ margin: 0;
38
+
39
+ font: inherit;
40
+ color: dimgray;
41
+ min-width: 1.15em;
42
+ width: 1.15em;
43
+ height: 1.15em;
44
+ border: 0.15em solid dimgray;
45
+ border-radius: 0.15em;
46
+ display: flex;
47
+ align-items: center;
48
+ justify-content: center;
49
+ cursor: pointer;
50
+ }
51
+
52
+ input[type="checkbox"]::before {
53
+ content: "";
54
+ width: 0.65em;
55
+ height: 0.65em;
56
+ clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
57
+ transform: scale(0);
58
+ transform-origin: bottom left;
59
+ transition: 120ms transform ease-in-out;
60
+ box-shadow: inset 1em 1em var(--primary-color);
61
+ /* Windows High Contrast Mode */
62
+ background-color: CanvasText;
63
+ }
64
+
65
+ input[type="checkbox"]:checked::before {
66
+ transform: scale(1);
67
+ }
68
+
69
+ input[type="checkbox"]:focus {
70
+ outline: max(2px, 0.08em) solid rgb(145, 145, 145);
71
+ outline-offset: max(2px, 0.08em);
72
+ }
73
+
74
+ input[type="checkbox"]:disabled {
75
+ color: rgb(165, 165, 165);
76
+ cursor: not-allowed;
77
+ }
@@ -1,7 +1,7 @@
1
- import Multicalendar from "./components/Multicalendar/Multicalendar";
2
- import SideBar from "./components/SideBar/SideBar";
3
- import SearchBar from "./components/SearchBar/SearchBar";
4
- import Modal from "./components/Modal/Modal";
5
- import PopUp from "./components/PopUp/PopUp";
6
- import { setMulticalendarYScrollPosition } from "./Services/MulticalendarStatesAndSettings";
7
- export { Multicalendar, setMulticalendarYScrollPosition, SideBar, SearchBar, Modal, PopUp, };
1
+ import Multicalendar from "./components/Multicalendar/Multicalendar";
2
+ import SideBar from "./components/SideBar/SideBar";
3
+ import SearchBar from "./components/SearchBar/SearchBar";
4
+ import Modal from "./components/Modal/Modal";
5
+ import PopUp from "./components/PopUp/PopUp";
6
+ import { setMulticalendarYScrollPosition } from "./Services/MulticalendarStatesAndSettings";
7
+ export { Multicalendar, setMulticalendarYScrollPosition, SideBar, SearchBar, Modal, PopUp, };
package/dist/cjs/index.js CHANGED
@@ -1,18 +1,18 @@
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.PopUp = exports.Modal = exports.SearchBar = exports.SideBar = exports.setMulticalendarYScrollPosition = exports.Multicalendar = void 0;
7
- const Multicalendar_1 = __importDefault(require("./components/Multicalendar/Multicalendar"));
8
- exports.Multicalendar = Multicalendar_1.default;
9
- const SideBar_1 = __importDefault(require("./components/SideBar/SideBar"));
10
- exports.SideBar = SideBar_1.default;
11
- const SearchBar_1 = __importDefault(require("./components/SearchBar/SearchBar"));
12
- exports.SearchBar = SearchBar_1.default;
13
- const Modal_1 = __importDefault(require("./components/Modal/Modal"));
14
- exports.Modal = Modal_1.default;
15
- const PopUp_1 = __importDefault(require("./components/PopUp/PopUp"));
16
- exports.PopUp = PopUp_1.default;
17
- const MulticalendarStatesAndSettings_1 = require("./Services/MulticalendarStatesAndSettings");
18
- Object.defineProperty(exports, "setMulticalendarYScrollPosition", { enumerable: true, get: function () { return MulticalendarStatesAndSettings_1.setMulticalendarYScrollPosition; } });
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.PopUp = exports.Modal = exports.SearchBar = exports.SideBar = exports.setMulticalendarYScrollPosition = exports.Multicalendar = void 0;
7
+ const Multicalendar_1 = __importDefault(require("./components/Multicalendar/Multicalendar"));
8
+ exports.Multicalendar = Multicalendar_1.default;
9
+ const SideBar_1 = __importDefault(require("./components/SideBar/SideBar"));
10
+ exports.SideBar = SideBar_1.default;
11
+ const SearchBar_1 = __importDefault(require("./components/SearchBar/SearchBar"));
12
+ exports.SearchBar = SearchBar_1.default;
13
+ const Modal_1 = __importDefault(require("./components/Modal/Modal"));
14
+ exports.Modal = Modal_1.default;
15
+ const PopUp_1 = __importDefault(require("./components/PopUp/PopUp"));
16
+ exports.PopUp = PopUp_1.default;
17
+ const MulticalendarStatesAndSettings_1 = require("./Services/MulticalendarStatesAndSettings");
18
+ Object.defineProperty(exports, "setMulticalendarYScrollPosition", { enumerable: true, get: function () { return MulticalendarStatesAndSettings_1.setMulticalendarYScrollPosition; } });
@@ -1,3 +1,3 @@
1
- import { languageType } from "./types";
2
- declare const spanish: languageType;
3
- export default spanish;
1
+ import { languageType } from "./types";
2
+ declare const spanish: languageType;
3
+ export default spanish;
@@ -1,25 +1,25 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const spanish = {
4
- "Today": "Today",
5
- "monday": "monday",
6
- "tuesday": "tuesday",
7
- "wednesday": "wednesday",
8
- "thursday": "thursday",
9
- "friday": "friday",
10
- "saturday": "saturday",
11
- "sunday": "sunday",
12
- "january": "january",
13
- "february": "february",
14
- "march": "march",
15
- "april": "april",
16
- "may": "may",
17
- "june": "june",
18
- "july": "july",
19
- "august": "august",
20
- "september": "september",
21
- "october": "october",
22
- "november": "november",
23
- "december": "december",
24
- };
25
- exports.default = spanish;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const spanish = {
4
+ "Today": "Today",
5
+ "monday": "monday",
6
+ "tuesday": "tuesday",
7
+ "wednesday": "wednesday",
8
+ "thursday": "thursday",
9
+ "friday": "friday",
10
+ "saturday": "saturday",
11
+ "sunday": "sunday",
12
+ "january": "january",
13
+ "february": "february",
14
+ "march": "march",
15
+ "april": "april",
16
+ "may": "may",
17
+ "june": "june",
18
+ "july": "july",
19
+ "august": "august",
20
+ "september": "september",
21
+ "october": "october",
22
+ "november": "november",
23
+ "december": "december",
24
+ };
25
+ exports.default = spanish;
@@ -1,3 +1,3 @@
1
- import { languageType } from "./types";
2
- declare const spanish: languageType;
3
- export default spanish;
1
+ import { languageType } from "./types";
2
+ declare const spanish: languageType;
3
+ export default spanish;