josenanodev-react-components-library 0.0.11 → 0.0.15

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 -0
  12. package/dist/cjs/components/Modal/Modal.d.ts +5 -0
  13. package/dist/cjs/components/Modal/Modal.js +82 -0
  14. package/dist/cjs/components/Modal/types.d.ts +9 -0
  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 -0
  50. package/dist/cjs/components/PopUp/PopUp.d.ts +5 -0
  51. package/dist/cjs/components/PopUp/PopUp.js +50 -0
  52. package/dist/cjs/components/PopUp/types.d.ts +8 -0
  53. package/dist/cjs/components/SearchBar/SearchBar.css +35 -0
  54. package/dist/cjs/components/SearchBar/SearchBar.d.ts +5 -0
  55. package/dist/cjs/components/SearchBar/SearchBar.js +67 -0
  56. package/dist/cjs/components/SearchBar/types.d.ts +10 -0
  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 -4
  69. package/dist/cjs/index.js +18 -12
  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 -0
  105. package/dist/esm/components/Modal/Modal.d.ts +5 -0
  106. package/dist/esm/components/Modal/Modal.js +54 -0
  107. package/dist/esm/components/Modal/types.d.ts +9 -0
  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 -0
  143. package/dist/esm/components/PopUp/PopUp.d.ts +5 -0
  144. package/dist/esm/components/PopUp/PopUp.js +22 -0
  145. package/dist/esm/components/PopUp/types.d.ts +8 -0
  146. package/dist/esm/components/SearchBar/SearchBar.css +35 -0
  147. package/dist/esm/components/SearchBar/SearchBar.d.ts +5 -0
  148. package/dist/esm/components/SearchBar/SearchBar.js +42 -0
  149. package/dist/esm/components/SearchBar/types.d.ts +10 -0
  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 -4
  162. package/dist/esm/index.js +7 -4
  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,7 +1,7 @@
1
- .dates-grid {
2
- box-sizing: border-box;
3
- overflow: hidden;
4
- }
5
- .dates-grid .div-cells-row-height {
6
- box-sizing: border-box;
7
- }
1
+ .dates-grid {
2
+ box-sizing: border-box;
3
+ overflow: hidden;
4
+ }
5
+ .dates-grid .div-cells-row-height {
6
+ box-sizing: border-box;
7
+ }
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import "./DatesGrid.css";
3
- import { DatesGridPropTypes } from "./types";
4
- declare const DatesGrid: ({ gridWidth, gridHeight, xOffset, yOffset, cellsWidth, cellsHeight, visibleListElementsIdsArray, visibleDates, ReactCellChildren, }: DatesGridPropTypes) => JSX.Element;
5
- export default DatesGrid;
1
+ /// <reference types="react" />
2
+ import "./DatesGrid.css";
3
+ import { DatesGridPropTypes } from "./types";
4
+ declare const DatesGrid: ({ gridWidth, gridHeight, xOffset, yOffset, cellsWidth, cellsHeight, visibleListElementsIdsArray, visibleDates, ReactCellChildren, }: DatesGridPropTypes) => JSX.Element;
5
+ export default DatesGrid;
@@ -1,20 +1,20 @@
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
- const react_1 = __importDefault(require("react"));
7
- require("./DatesGrid.css");
8
- //Componentes
9
- const CellsRow_1 = __importDefault(require("../CellsRow/CellsRow"));
10
- const DatesGrid = ({ gridWidth, gridHeight, xOffset, yOffset, cellsWidth, cellsHeight, visibleListElementsIdsArray, visibleDates, ReactCellChildren, }) => {
11
- return (react_1.default.createElement("div", { className: "dates-grid", style: {
12
- width: gridWidth,
13
- } },
14
- react_1.default.createElement("div", { className: "div-cells-row-height", style: {
15
- height: gridHeight,
16
- paddingTop: yOffset * cellsHeight,
17
- paddingLeft: xOffset * cellsWidth,
18
- } }, visibleListElementsIdsArray.map((listElementId) => (react_1.default.createElement(CellsRow_1.default, { key: listElementId, listElementId: listElementId, visibleDatesArray: visibleDates, width: visibleDates.length * cellsWidth, height: cellsHeight, cellsWidth: cellsWidth, cellsHeight: cellsHeight, ReactCellChildren: ReactCellChildren }))))));
19
- };
20
- exports.default = DatesGrid;
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
+ const react_1 = __importDefault(require("react"));
7
+ require("./DatesGrid.css");
8
+ //Componentes
9
+ const CellsRow_1 = __importDefault(require("../CellsRow/CellsRow"));
10
+ const DatesGrid = ({ gridWidth, gridHeight, xOffset, yOffset, cellsWidth, cellsHeight, visibleListElementsIdsArray, visibleDates, ReactCellChildren, }) => {
11
+ return (react_1.default.createElement("div", { className: "dates-grid", style: {
12
+ width: gridWidth,
13
+ } },
14
+ react_1.default.createElement("div", { className: "div-cells-row-height", style: {
15
+ height: gridHeight,
16
+ paddingTop: yOffset * cellsHeight,
17
+ paddingLeft: xOffset * cellsWidth,
18
+ } }, visibleListElementsIdsArray.map((listElementId) => (react_1.default.createElement(CellsRow_1.default, { key: listElementId, listElementId: listElementId, visibleDatesArray: visibleDates, width: visibleDates.length * cellsWidth, height: cellsHeight, cellsWidth: cellsWidth, cellsHeight: cellsHeight, ReactCellChildren: ReactCellChildren }))))));
19
+ };
20
+ exports.default = DatesGrid;
@@ -1,13 +1,13 @@
1
- import { ReactCellChildrenType } from "../../../types";
2
-
3
- export interface DatesGridPropTypes {
4
- gridWidth: number;
5
- gridHeight: number;
6
- xOffset: number;
7
- yOffset: number;
8
- cellsWidth: number;
9
- cellsHeight: number;
10
- visibleListElementsIdsArray: string[] | number[];
11
- visibleDates: Date[];
12
- ReactCellChildren: ReactCellChildrenType;
13
- }
1
+ import { ReactCellChildrenType } from "../../../types";
2
+
3
+ export interface DatesGridPropTypes {
4
+ gridWidth: number;
5
+ gridHeight: number;
6
+ xOffset: number;
7
+ yOffset: number;
8
+ cellsWidth: number;
9
+ cellsHeight: number;
10
+ visibleListElementsIdsArray: string[] | number[];
11
+ visibleDates: Date[];
12
+ ReactCellChildren: ReactCellChildrenType;
13
+ }
@@ -1,3 +1,3 @@
1
- .destinies-column {
2
- box-sizing: border-box;
3
- }
1
+ .destinies-column {
2
+ box-sizing: border-box;
3
+ }
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import "./ListElementsColumn.css";
3
- import { ListElementsColumnPropsType } from "./types";
4
- declare const ListElementsColumn: ({ ReactListElementChildren, listHeight, yOffset, elementsHeight, idsArray, }: ListElementsColumnPropsType) => JSX.Element;
5
- export default ListElementsColumn;
1
+ /// <reference types="react" />
2
+ import "./ListElementsColumn.css";
3
+ import { ListElementsColumnPropsType } from "./types";
4
+ declare const ListElementsColumn: ({ ReactListElementChildren, listHeight, yOffset, elementsHeight, idsArray, }: ListElementsColumnPropsType) => JSX.Element;
5
+ export default ListElementsColumn;
@@ -1,15 +1,15 @@
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
- const react_1 = __importDefault(require("react"));
7
- require("./ListElementsColumn.css");
8
- const ListElement_1 = __importDefault(require("../../individuals/ListElement/ListElement"));
9
- const ListElementsColumn = ({ ReactListElementChildren, listHeight, yOffset, elementsHeight, idsArray, }) => {
10
- return (react_1.default.createElement("div", { className: "destinies-column", style: {
11
- height: listHeight,
12
- paddingTop: yOffset * elementsHeight,
13
- } }, idsArray.map((listElementId) => (react_1.default.createElement(ListElement_1.default, { key: listElementId, height: elementsHeight, listElementId: listElementId, ReactListElementChildren: ReactListElementChildren })))));
14
- };
15
- exports.default = ListElementsColumn;
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
+ const react_1 = __importDefault(require("react"));
7
+ require("./ListElementsColumn.css");
8
+ const ListElement_1 = __importDefault(require("../../individuals/ListElement/ListElement"));
9
+ const ListElementsColumn = ({ ReactListElementChildren, listHeight, yOffset, elementsHeight, idsArray, }) => {
10
+ return (react_1.default.createElement("div", { className: "destinies-column", style: {
11
+ height: listHeight,
12
+ paddingTop: yOffset * elementsHeight,
13
+ } }, idsArray.map((listElementId) => (react_1.default.createElement(ListElement_1.default, { key: listElementId, height: elementsHeight, listElementId: listElementId, ReactListElementChildren: ReactListElementChildren })))));
14
+ };
15
+ exports.default = ListElementsColumn;
@@ -1,9 +1,9 @@
1
- import { ReactListElementChildrenType } from "../../../types";
2
-
3
- export interface ListElementsColumnPropsType {
4
- ReactListElementChildren: ReactListElementChildrenType;
5
- listHeight: number | string;
6
- yOffset: number;
7
- elementsHeight: number;
8
- idsArray: string[] | number[];
9
- }
1
+ import { ReactListElementChildrenType } from "../../../types";
2
+
3
+ export interface ListElementsColumnPropsType {
4
+ ReactListElementChildren: ReactListElementChildrenType;
5
+ listHeight: number | string;
6
+ yOffset: number;
7
+ elementsHeight: number;
8
+ idsArray: string[] | number[];
9
+ }
@@ -1,7 +1,7 @@
1
- .cell {
2
- position: relative;
3
- border: 1px solid rgb(200, 200, 200);
4
- border-radius: 6px;
5
- overflow: hidden;
6
- }
7
-
1
+ .cell {
2
+ position: relative;
3
+ border: 1px solid rgb(200, 200, 200);
4
+ border-radius: 6px;
5
+ overflow: hidden;
6
+ }
7
+
@@ -1,5 +1,5 @@
1
- import React from "react";
2
- import "./Cell.css";
3
- import { CellPropsType } from "./types";
4
- declare const _default: React.MemoExoticComponent<({ date, listElementId, width, heigth, ReactCellChildren }: CellPropsType) => JSX.Element>;
5
- export default _default;
1
+ import React from "react";
2
+ import "./Cell.css";
3
+ import { CellPropsType } from "./types";
4
+ declare const _default: React.MemoExoticComponent<({ date, listElementId, width, heigth, ReactCellChildren }: CellPropsType) => JSX.Element>;
5
+ export default _default;
@@ -1,12 +1,12 @@
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
- const react_1 = __importDefault(require("react"));
7
- require("./Cell.css");
8
- const Cell = ({ date, listElementId, width, heigth, ReactCellChildren }) => {
9
- return (react_1.default.createElement("div", { className: "cell", style: { width: width, height: heigth } },
10
- react_1.default.createElement(ReactCellChildren, { date: date, listElementId: listElementId })));
11
- };
12
- exports.default = react_1.default.memo(Cell);
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
+ const react_1 = __importDefault(require("react"));
7
+ require("./Cell.css");
8
+ const Cell = ({ date, listElementId, width, heigth, ReactCellChildren }) => {
9
+ return (react_1.default.createElement("div", { className: "cell", style: { width: width, height: heigth } },
10
+ react_1.default.createElement(ReactCellChildren, { date: date, listElementId: listElementId })));
11
+ };
12
+ exports.default = react_1.default.memo(Cell);
@@ -1,10 +1,10 @@
1
- import { ReactCellChildrenType } from "../../../types";
2
-
3
- export interface CellPropsType {
4
- date: string;
5
- /**Date in SQL format, i.e. 1993-03-29 */
6
- listElementId: string | number;
7
- width: number;
8
- heigth: number;
9
- ReactCellChildren: ReactCellChildrenType;
10
- }
1
+ import { ReactCellChildrenType } from "../../../types";
2
+
3
+ export interface CellPropsType {
4
+ date: string;
5
+ /**Date in SQL format, i.e. 1993-03-29 */
6
+ listElementId: string | number;
7
+ width: number;
8
+ heigth: number;
9
+ ReactCellChildren: ReactCellChildrenType;
10
+ }
@@ -1,60 +1,60 @@
1
- .dates-row {
2
- box-sizing: border-box;
3
- display: flex;
4
- flex-flow: row;
5
- overflow-y: hidden;
6
- }
7
-
8
- .dates-row .date-cell {
9
- position: relative;
10
- }
11
-
12
- .dates-row .date-cell .div-date-cell,
13
- .dates-row .date-cell .div-date-cell-today {
14
- position: absolute;
15
- bottom: 0;
16
- width: 100%;
17
- height: 48px;
18
- display: flex;
19
- flex-flow: column;
20
- justify-content: center;
21
- align-items: center;
22
- }
23
-
24
- .dates-row .date-cell .div-date-cell-today div {
25
- border-radius: 4px;
26
- background: var(--primary-color);
27
- color: rgb(255, 255, 255);
28
- font-size: 14px;
29
- line-height: 18px;
30
- font-weight: 800;
31
- width: 40px;
32
- height: 40px;
33
- padding: 1px 0;
34
- }
35
-
36
- .dates-row .date-cell .div-date-cell p,
37
- .dates-row .date-cell .div-date-cell-today p {
38
- margin: 0;
39
- font-size: 14px;
40
- line-height: 18px;
41
- }
42
-
43
- .dates-row .date-cell .month-start {
44
- position: absolute;
45
- top: 0;
46
- height: 100%;
47
- box-sizing: border-box;
48
- border-left: 1px solid rgb(235, 235, 235);
49
- }
50
-
51
- .dates-row .date-cell .month-start p {
52
- margin: 0;
53
- font-size: 16px;
54
- line-height: 20px;
55
- font-weight: 600;
56
- white-space: nowrap;
57
- padding-left: 8px;
58
- padding-top: 8px;
59
- }
60
-
1
+ .dates-row {
2
+ box-sizing: border-box;
3
+ display: flex;
4
+ flex-flow: row;
5
+ overflow-y: hidden;
6
+ }
7
+
8
+ .dates-row .date-cell {
9
+ position: relative;
10
+ }
11
+
12
+ .dates-row .date-cell .div-date-cell,
13
+ .dates-row .date-cell .div-date-cell-today {
14
+ position: absolute;
15
+ bottom: 0;
16
+ width: 100%;
17
+ height: 48px;
18
+ display: flex;
19
+ flex-flow: column;
20
+ justify-content: center;
21
+ align-items: center;
22
+ }
23
+
24
+ .dates-row .date-cell .div-date-cell-today div {
25
+ border-radius: 4px;
26
+ background: var(--primary-color);
27
+ color: rgb(255, 255, 255);
28
+ font-size: 14px;
29
+ line-height: 18px;
30
+ font-weight: 800;
31
+ width: 40px;
32
+ height: 40px;
33
+ padding: 1px 0;
34
+ }
35
+
36
+ .dates-row .date-cell .div-date-cell p,
37
+ .dates-row .date-cell .div-date-cell-today p {
38
+ margin: 0;
39
+ font-size: 14px;
40
+ line-height: 18px;
41
+ }
42
+
43
+ .dates-row .date-cell .month-start {
44
+ position: absolute;
45
+ top: 0;
46
+ height: 100%;
47
+ box-sizing: border-box;
48
+ border-left: 1px solid rgb(235, 235, 235);
49
+ }
50
+
51
+ .dates-row .date-cell .month-start p {
52
+ margin: 0;
53
+ font-size: 16px;
54
+ line-height: 20px;
55
+ font-weight: 600;
56
+ white-space: nowrap;
57
+ padding-left: 8px;
58
+ padding-top: 8px;
59
+ }
60
+
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import "./DatesRow.css";
3
- import { DatesRowPropsType } from "./types";
4
- declare const DatesRow: ({ visibleDates, width, height, cellsWidth, cellsHeight, offset, language, }: DatesRowPropsType) => JSX.Element;
5
- export default DatesRow;
1
+ /// <reference types="react" />
2
+ import "./DatesRow.css";
3
+ import { DatesRowPropsType } from "./types";
4
+ declare const DatesRow: ({ visibleDates, width, height, cellsWidth, cellsHeight, offset, language, }: DatesRowPropsType) => JSX.Element;
5
+ export default DatesRow;
@@ -1,56 +1,56 @@
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
- const react_1 = __importDefault(require("react"));
7
- require("./DatesRow.css");
8
- const DatesRow = ({ visibleDates, width, height, cellsWidth, cellsHeight, offset, language, }) => {
9
- //Variables
10
- const weekdaysAbreviations = [
11
- language["sunday"].slice(0, 2),
12
- language["monday"].slice(0, 2),
13
- language["tuesday"].slice(0, 2),
14
- language["wednesday"].slice(0, 2),
15
- language["thursday"].slice(0, 2),
16
- language["friday"].slice(0, 2),
17
- language["saturday"].slice(0, 2),
18
- ];
19
- const monthsNames = [
20
- language["january"],
21
- language["february"],
22
- language["march"],
23
- language["april"],
24
- language["may"],
25
- language["june"],
26
- language["july"],
27
- language["august"],
28
- language["september"],
29
- language["october"],
30
- language["november"],
31
- language["december"],
32
- ];
33
- return (react_1.default.createElement("div", { className: "dates-row", style: {
34
- width: width,
35
- height: height,
36
- paddingLeft: offset * cellsWidth,
37
- } }, visibleDates.length > 0 &&
38
- visibleDates.map((dateObject) => (react_1.default.createElement("div", { key: dateObject.toString(), className: "date-cell", style: {
39
- width: cellsWidth,
40
- height: cellsHeight,
41
- } },
42
- react_1.default.createElement("div", { className: dateObject.getDate() === new Date().getDate() &&
43
- dateObject.getMonth() === new Date().getMonth() &&
44
- dateObject.getFullYear() === new Date().getFullYear()
45
- ? "div-date-cell-today"
46
- : "div-date-cell" },
47
- react_1.default.createElement("div", null,
48
- react_1.default.createElement("p", null, weekdaysAbreviations[dateObject.getDay()]),
49
- react_1.default.createElement("p", null, dateObject.getDate()))),
50
- dateObject.getDate() === 1 && (react_1.default.createElement("div", { className: "month-start" },
51
- react_1.default.createElement("p", null,
52
- monthsNames[dateObject.getMonth()],
53
- " ",
54
- dateObject.getFullYear()))))))));
55
- };
56
- exports.default = DatesRow;
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
+ const react_1 = __importDefault(require("react"));
7
+ require("./DatesRow.css");
8
+ const DatesRow = ({ visibleDates, width, height, cellsWidth, cellsHeight, offset, language, }) => {
9
+ //Variables
10
+ const weekdaysAbreviations = [
11
+ language["sunday"].slice(0, 2),
12
+ language["monday"].slice(0, 2),
13
+ language["tuesday"].slice(0, 2),
14
+ language["wednesday"].slice(0, 2),
15
+ language["thursday"].slice(0, 2),
16
+ language["friday"].slice(0, 2),
17
+ language["saturday"].slice(0, 2),
18
+ ];
19
+ const monthsNames = [
20
+ language["january"],
21
+ language["february"],
22
+ language["march"],
23
+ language["april"],
24
+ language["may"],
25
+ language["june"],
26
+ language["july"],
27
+ language["august"],
28
+ language["september"],
29
+ language["october"],
30
+ language["november"],
31
+ language["december"],
32
+ ];
33
+ return (react_1.default.createElement("div", { className: "dates-row", style: {
34
+ width: width,
35
+ height: height,
36
+ paddingLeft: offset * cellsWidth,
37
+ } }, visibleDates.length > 0 &&
38
+ visibleDates.map((dateObject) => (react_1.default.createElement("div", { key: dateObject.toString(), className: "date-cell", style: {
39
+ width: cellsWidth,
40
+ height: cellsHeight,
41
+ } },
42
+ react_1.default.createElement("div", { className: dateObject.getDate() === new Date().getDate() &&
43
+ dateObject.getMonth() === new Date().getMonth() &&
44
+ dateObject.getFullYear() === new Date().getFullYear()
45
+ ? "div-date-cell-today"
46
+ : "div-date-cell" },
47
+ react_1.default.createElement("div", null,
48
+ react_1.default.createElement("p", null, weekdaysAbreviations[dateObject.getDay()]),
49
+ react_1.default.createElement("p", null, dateObject.getDate()))),
50
+ dateObject.getDate() === 1 && (react_1.default.createElement("div", { className: "month-start" },
51
+ react_1.default.createElement("p", null,
52
+ monthsNames[dateObject.getMonth()],
53
+ " ",
54
+ dateObject.getFullYear()))))))));
55
+ };
56
+ exports.default = DatesRow;
@@ -1,11 +1,11 @@
1
- import { languageType } from "../../../../../languages/types";
2
-
3
- export interface DatesRowPropsType {
4
- visibleDates: Date[];
5
- width: number;
6
- height: number;
7
- cellsWidth: number;
8
- cellsHeight: number;
9
- offset: number;
10
- language: languageType;
1
+ import { languageType } from "../../../../../languages/types";
2
+
3
+ export interface DatesRowPropsType {
4
+ visibleDates: Date[];
5
+ width: number;
6
+ height: number;
7
+ cellsWidth: number;
8
+ cellsHeight: number;
9
+ offset: number;
10
+ language: languageType;
11
11
  }
@@ -1,14 +1,14 @@
1
- .dropdown-month-navigation {
2
- position: relative;
3
- display: flex;
4
- width: 200px;
5
- margin: 0px 10px;
6
- border: 1px solid rgb(216, 216, 216);
7
- color: black;
8
- background-color: white;
9
- border-radius: 6px;
10
- white-space: nowrap;
11
- font-size: 14px;
12
- line-height: 18px;
13
- height: 28px;
1
+ .dropdown-month-navigation {
2
+ position: relative;
3
+ display: flex;
4
+ width: 200px;
5
+ margin: 0px 10px;
6
+ border: 1px solid rgb(216, 216, 216);
7
+ color: black;
8
+ background-color: white;
9
+ border-radius: 6px;
10
+ white-space: nowrap;
11
+ font-size: 14px;
12
+ line-height: 18px;
13
+ height: 28px;
14
14
  }
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import "./DropdownMonthNavigation.css";
3
- import { DropdownMonthNavigationPropsType } from "./types";
4
- declare const DropdownMonthNavigation: ({ minimumVisibleDate, onChangeAction, options, }: DropdownMonthNavigationPropsType) => JSX.Element;
5
- export default DropdownMonthNavigation;
1
+ /// <reference types="react" />
2
+ import "./DropdownMonthNavigation.css";
3
+ import { DropdownMonthNavigationPropsType } from "./types";
4
+ declare const DropdownMonthNavigation: ({ minimumVisibleDate, onChangeAction, options, }: DropdownMonthNavigationPropsType) => JSX.Element;
5
+ export default DropdownMonthNavigation;
@@ -1,13 +1,13 @@
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
- const react_1 = __importDefault(require("react"));
7
- require("./DropdownMonthNavigation.css");
8
- //Utils
9
- const jsToSqlDate_1 = __importDefault(require("../../../../../utils/jsToSqlDate"));
10
- const DropdownMonthNavigation = ({ minimumVisibleDate, onChangeAction, options, }) => {
11
- return (react_1.default.createElement("select", { className: "dropdown-month-navigation", value: (0, jsToSqlDate_1.default)(new Date(minimumVisibleDate.getFullYear(), minimumVisibleDate.getMonth(), 1, 12, 0, 0, 0)), onChange: (e) => onChangeAction(e.target.value) }, options));
12
- };
13
- exports.default = DropdownMonthNavigation;
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
+ const react_1 = __importDefault(require("react"));
7
+ require("./DropdownMonthNavigation.css");
8
+ //Utils
9
+ const jsToSqlDate_1 = __importDefault(require("../../../../../utils/jsToSqlDate"));
10
+ const DropdownMonthNavigation = ({ minimumVisibleDate, onChangeAction, options, }) => {
11
+ return (react_1.default.createElement("select", { className: "dropdown-month-navigation", value: (0, jsToSqlDate_1.default)(new Date(minimumVisibleDate.getFullYear(), minimumVisibleDate.getMonth(), 1, 12, 0, 0, 0)), onChange: (e) => onChangeAction(e.target.value) }, options));
12
+ };
13
+ exports.default = DropdownMonthNavigation;
@@ -1,5 +1,5 @@
1
- export interface DropdownMonthNavigationPropsType {
2
- minimumVisibleDate: Date;
3
- onChangeAction: Function;
4
- options: JSX.Element[];
5
- }
1
+ export interface DropdownMonthNavigationPropsType {
2
+ minimumVisibleDate: Date;
3
+ onChangeAction: Function;
4
+ options: JSX.Element[];
5
+ }
@@ -1,14 +1,14 @@
1
- .list-element {
2
- position: relative;
3
- border-bottom: 1px solid rgb(235, 235, 235);
4
- box-sizing: border-box;
5
- background-color: white;
6
- cursor: pointer;
7
- overflow: hidden;
8
- }
9
-
10
- .list-element:hover {
11
- background-color: rgb(240, 240, 240);
12
- }
13
-
14
-
1
+ .list-element {
2
+ position: relative;
3
+ border-bottom: 1px solid rgb(235, 235, 235);
4
+ box-sizing: border-box;
5
+ background-color: white;
6
+ cursor: pointer;
7
+ overflow: hidden;
8
+ }
9
+
10
+ .list-element:hover {
11
+ background-color: rgb(240, 240, 240);
12
+ }
13
+
14
+
@@ -1,5 +1,5 @@
1
- import React from "react";
2
- import "./ListElement.css";
3
- import { ListElementPropsType } from "./types";
4
- declare const _default: React.MemoExoticComponent<({ listElementId, ReactListElementChildren, height, }: ListElementPropsType) => JSX.Element>;
5
- export default _default;
1
+ import React from "react";
2
+ import "./ListElement.css";
3
+ import { ListElementPropsType } from "./types";
4
+ declare const _default: React.MemoExoticComponent<({ listElementId, ReactListElementChildren, height, }: ListElementPropsType) => JSX.Element>;
5
+ export default _default;