stargazer-ui 1.5.21 → 1.5.23

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 (377) hide show
  1. package/.babelrc.json +10 -0
  2. package/.eslintrc.cjs +18 -0
  3. package/.gitattributes +2 -0
  4. package/LICENSE +21 -0
  5. package/dev/index.html +16 -0
  6. package/dev/index.jsx +46 -0
  7. package/dev/index.scss +74 -0
  8. package/dev/pages/ButtonPage.jsx +44 -0
  9. package/dev/pages/CardPage.jsx +81 -0
  10. package/dev/pages/DropdownPage.jsx +32 -0
  11. package/dev/pages/FormPage.jsx +163 -0
  12. package/dev/pages/ListPage.jsx +52 -0
  13. package/dev/pages/ModalPage.jsx +38 -0
  14. package/dev/pages/OverlayPage.jsx +39 -0
  15. package/dev/pages/components.jsx +19 -0
  16. package/dev/stargazerui.css +3762 -0
  17. package/dev/stargazerui.css.map +1 -0
  18. package/dev/test.jsx +87 -0
  19. package/package.json +79 -1
  20. package/rollup.config.js +140 -0
  21. package/scripts/writePackageJsons.js +42 -0
  22. package/src/Bar/Bar.tsx +0 -0
  23. package/src/Bar/Bar.type.ts +9 -0
  24. package/src/Bar/index.ts +0 -0
  25. package/src/Button/Button.tsx +20 -0
  26. package/src/Button/Button.types.ts +8 -0
  27. package/src/Button/index.ts +3 -0
  28. package/src/ButtonGroup/ButtonGroup.tsx +14 -0
  29. package/src/ButtonGroup/ButtonGroup.types.ts +8 -0
  30. package/src/ButtonGroup/index.ts +3 -0
  31. package/src/Card/Card.tsx +70 -0
  32. package/src/Card/Card.types.ts +33 -0
  33. package/src/Card/index.ts +3 -0
  34. package/src/CloseButton/CloseButton.tsx +14 -0
  35. package/src/CloseButton/CloseButton.types.ts +6 -0
  36. package/src/CloseButton/index.ts +3 -0
  37. package/src/Dropdown/Dropdown.tsx +441 -0
  38. package/src/Dropdown/Dropdown.types.ts +60 -0
  39. package/src/Dropdown/index.ts +4 -0
  40. package/src/FileUploadButton/FileUploadButton.tsx +27 -0
  41. package/src/FileUploadButton/FileUploadButton.types.ts +9 -0
  42. package/src/FileUploadButton/index.ts +3 -0
  43. package/src/FloatingLabel/FloatingLabel.tsx +22 -0
  44. package/src/FloatingLabel/FloatingLabel.types.ts +11 -0
  45. package/src/FloatingLabel/index.ts +3 -0
  46. package/src/Form/Form.tsx +399 -0
  47. package/src/Form/Form.types.ts +169 -0
  48. package/src/Form/FormSelect.tsx +620 -0
  49. package/src/Form/index.ts +4 -0
  50. package/src/InputGroup/InputGroup.tsx +46 -0
  51. package/src/InputGroup/InputGroup.types.ts +22 -0
  52. package/src/InputGroup/index.ts +4 -0
  53. package/src/List/List.tsx +112 -0
  54. package/src/List/List.types.ts +34 -0
  55. package/src/List/index.ts +4 -0
  56. package/src/Modal/Modal.tsx +229 -0
  57. package/src/Modal/Modal.types.ts +49 -0
  58. package/src/Modal/index.ts +4 -0
  59. package/src/Nav/Nav.tsx +43 -0
  60. package/src/Nav/Nav.types.ts +21 -0
  61. package/src/Nav/index.ts +4 -0
  62. package/src/NavBar/Navbar.tsx +57 -0
  63. package/src/NavBar/Navbar.types.ts +24 -0
  64. package/src/NavBar/index.ts +4 -0
  65. package/src/NavDropdown/NavDropdown.tsx +93 -0
  66. package/src/NavDropdown/NavDropdown.types.ts +7 -0
  67. package/src/NavDropdown/index.ts +3 -0
  68. package/src/Overlay/Overlay.tsx +305 -0
  69. package/src/Overlay/Overlay.types.ts +24 -0
  70. package/{Overlay/index.d.ts → src/Overlay/index.ts} +3 -3
  71. package/src/Popout/Popout.tsx +155 -0
  72. package/src/Popout/Popout.types.ts +42 -0
  73. package/src/Popout/index.ts +3 -0
  74. package/src/Spinner/Spinner.tsx +15 -0
  75. package/src/Spinner/Spinner.types.ts +7 -0
  76. package/src/Spinner/index.ts +3 -0
  77. package/src/Table/Table.tsx +16 -0
  78. package/src/Table/Table.types.ts +9 -0
  79. package/src/Table/index.ts +3 -0
  80. package/src/Tabs/Tabs.tsx +233 -0
  81. package/src/Tabs/Tabs.types.ts +52 -0
  82. package/src/Tabs/index.ts +3 -0
  83. package/src/ToggleButton/ToggleButton.tsx +21 -0
  84. package/src/ToggleButton/ToggleButton.types.ts +8 -0
  85. package/src/ToggleButton/index.ts +3 -0
  86. package/src/assets/tooltip-pointer.svg +3 -0
  87. package/src/assets/warning.svg +39 -0
  88. package/{hooks/index.d.ts → src/hooks/index.ts} +7 -6
  89. package/src/hooks/useClassname.ts +5 -0
  90. package/src/hooks/useDraggable.ts +186 -0
  91. package/src/hooks/useKeepElementFocused.ts +37 -0
  92. package/src/hooks/useQueryParams.ts +12 -0
  93. package/src/hooks/useScreenSize.ts +24 -0
  94. package/src/index.ts +21 -0
  95. package/src/styles/_Card.scss +166 -0
  96. package/src/styles/_CloseButton.scss +51 -0
  97. package/src/styles/_CustomButton.scss +134 -0
  98. package/src/styles/_Dropdown.scss +127 -0
  99. package/src/styles/_FloatingLabel.scss +56 -0
  100. package/src/styles/_Forms.scss +7 -0
  101. package/src/styles/_Grid.scss +178 -0
  102. package/src/styles/_InputGroup.scss +71 -0
  103. package/src/styles/_List.scss +62 -0
  104. package/src/styles/_Modal.scss +234 -0
  105. package/src/styles/_ModalOld.scss +242 -0
  106. package/src/styles/_Nav.scss +36 -0
  107. package/src/styles/_NavBar.scss +116 -0
  108. package/src/styles/_NavDropdown.scss +33 -0
  109. package/src/styles/_OffCanvas.scss +260 -0
  110. package/src/styles/_OverLay.scss +79 -0
  111. package/src/styles/_Popout.scss +75 -0
  112. package/src/styles/_Resizable.scss +64 -0
  113. package/src/styles/_Spinner.scss +19 -0
  114. package/src/styles/_Table.scss +34 -0
  115. package/src/styles/_Tabs.scss +129 -0
  116. package/src/styles/_colors.scss +510 -0
  117. package/src/styles/_components.scss +41 -0
  118. package/src/styles/_functions.scss +134 -0
  119. package/src/styles/_mixins.scss +26 -0
  120. package/src/styles/_reset.scss +239 -0
  121. package/src/styles/_utilities.scss +2480 -0
  122. package/src/styles/_variables.scss +164 -0
  123. package/src/styles/forms/_FormCheck.scss +270 -0
  124. package/src/styles/forms/_FormControl.scss +135 -0
  125. package/src/styles/forms/_FormGroup.scss +26 -0
  126. package/src/styles/forms/_FormLabel.scss +3 -0
  127. package/src/styles/forms/_FormSelect.scss +222 -0
  128. package/src/styles/forms/_FormSlider.scss +116 -0
  129. package/src/styles/forms/_FormText.scss +6 -0
  130. package/{utils/BaseTypes.d.ts → src/utils/BaseTypes.ts} +32 -25
  131. package/src/utils/ContrastingColor.ts +25 -0
  132. package/src/utils/CreateSyntheticEvent.ts +30 -0
  133. package/src/utils/FileImportExport.js +50 -0
  134. package/src/utils/IsInputKey.ts +18 -0
  135. package/src/utils/MergeClassnames.ts +5 -0
  136. package/src/utils/MergeRefs.ts +12 -0
  137. package/src/utils/createFastContext.tsx +119 -0
  138. package/src/utils/index.ts +4 -0
  139. package/src/vite-env.d.ts +1 -0
  140. package/tsconfig-build.json +4 -0
  141. package/tsconfig.json +79 -0
  142. package/tsconfig.node.json +10 -0
  143. package/types/BaseTypes.d.ts +19 -0
  144. package/{Button → types/components/Button}/Button.types.d.ts +2 -1
  145. package/types/components/Button/index.d.ts +1 -0
  146. package/{Card → types/components/Card}/Card.d.ts +12 -12
  147. package/{Card → types/components/Card}/Card.types.d.ts +1 -3
  148. package/types/components/Card/index.d.ts +1 -0
  149. package/{CloseButton → types/components/CloseButton}/CloseButton.types.d.ts +1 -1
  150. package/types/components/CloseButton/index.d.ts +1 -0
  151. package/types/components/Dropdown/Dropdown.d.ts +71 -0
  152. package/{Dropdown → types/components/Dropdown}/Dropdown.types.d.ts +12 -13
  153. package/types/components/Dropdown/index.d.ts +1 -0
  154. package/{FloatingLabel → types/components/FloatingLabel}/FloatingLabel.types.d.ts +1 -1
  155. package/types/components/FloatingLabel/index.d.ts +1 -0
  156. package/types/components/Form/Form.d.ts +17 -0
  157. package/types/components/Form/Form.types.d.ts +50 -0
  158. package/types/components/Form/index.d.ts +1 -0
  159. package/types/components/InputGroup/InputGroup.d.ts +6 -0
  160. package/types/components/InputGroup/InputGroup.types.d.ts +10 -0
  161. package/types/components/InputGroup/index.d.ts +1 -0
  162. package/{Modal → types/components/Modal}/Modal.d.ts +19 -19
  163. package/{Modal → types/components/Modal}/Modal.types.d.ts +2 -3
  164. package/types/components/Modal/index.d.ts +1 -0
  165. package/{Nav → types/components/Nav}/Nav.d.ts +12 -12
  166. package/{Nav → types/components/Nav}/Nav.types.d.ts +1 -1
  167. package/types/components/Nav/index.d.ts +1 -0
  168. package/{NavBar → types/components/NavBar}/Navbar.d.ts +8 -7
  169. package/{NavBar → types/components/NavBar}/Navbar.types.d.ts +1 -2
  170. package/types/components/NavBar/index.d.ts +1 -0
  171. package/types/components/NavDropdown/NavDropdown.d.ts +35 -0
  172. package/{NavDropdown → types/components/NavDropdown}/NavDropdown.types.d.ts +1 -2
  173. package/types/components/NavDropdown/index.d.ts +1 -0
  174. package/{Popout → types/components/Popout}/Popout.d.ts +6 -6
  175. package/{Popout → types/components/Popout}/Popout.types.d.ts +1 -1
  176. package/types/components/Popout/index.d.ts +1 -0
  177. package/types/components/Spinner/index.d.ts +1 -0
  178. package/{Table → types/components/Table}/Table.types.d.ts +1 -1
  179. package/types/components/Table/index.d.ts +1 -0
  180. package/{Tabs → types/components/Tabs}/Tabs.types.d.ts +2 -12
  181. package/types/components/Tabs/index.d.ts +1 -0
  182. package/types/components/ToggleButton/ToggleButton.d.ts +9 -0
  183. package/types/components/ToggleButton/ToggleButton.types.d.ts +0 -0
  184. package/types/components/ToggleButton/index.d.ts +1 -0
  185. package/types/components/index.d.ts +16 -0
  186. package/types/index.d.ts +1 -0
  187. package/vite.config.js +57 -0
  188. package/vite.config.js.timestamp-1708777378490-e94428ceb2bf9.mjs +42 -0
  189. package/Bar/Bar.type.d.ts +0 -6
  190. package/Bar/index.js +0 -2
  191. package/Bar/index.js.map +0 -1
  192. package/Bar/package.json +0 -1
  193. package/Button/Button.js +0 -15
  194. package/Button/Button.js.map +0 -1
  195. package/Button/index.d.ts +0 -3
  196. package/Button/index.js +0 -7
  197. package/Button/index.js.map +0 -1
  198. package/Button/package.json +0 -1
  199. package/ButtonGroup/ButtonGroup.d.ts +0 -4
  200. package/ButtonGroup/ButtonGroup.js +0 -11
  201. package/ButtonGroup/ButtonGroup.js.map +0 -1
  202. package/ButtonGroup/ButtonGroup.types.d.ts +0 -7
  203. package/ButtonGroup/index.d.ts +0 -3
  204. package/ButtonGroup/index.js +0 -7
  205. package/ButtonGroup/index.js.map +0 -1
  206. package/ButtonGroup/package.json +0 -1
  207. package/Card/Card.js +0 -42
  208. package/Card/Card.js.map +0 -1
  209. package/Card/index.d.ts +0 -3
  210. package/Card/index.js +0 -7
  211. package/Card/index.js.map +0 -1
  212. package/Card/package.json +0 -1
  213. package/CloseButton/CloseButton.js +0 -11
  214. package/CloseButton/CloseButton.js.map +0 -1
  215. package/CloseButton/index.d.ts +0 -3
  216. package/CloseButton/index.js +0 -7
  217. package/CloseButton/index.js.map +0 -1
  218. package/CloseButton/package.json +0 -1
  219. package/Dropdown/Dropdown.d.ts +0 -39
  220. package/Dropdown/Dropdown.js +0 -380
  221. package/Dropdown/Dropdown.js.map +0 -1
  222. package/Dropdown/index.d.ts +0 -4
  223. package/Dropdown/index.js +0 -8
  224. package/Dropdown/index.js.map +0 -1
  225. package/Dropdown/package.json +0 -1
  226. package/FileUploadButton/FileUploadButton.d.ts +0 -4
  227. package/FileUploadButton/FileUploadButton.js +0 -20
  228. package/FileUploadButton/FileUploadButton.js.map +0 -1
  229. package/FileUploadButton/FileUploadButton.types.d.ts +0 -7
  230. package/FileUploadButton/index.d.ts +0 -3
  231. package/FileUploadButton/index.js +0 -7
  232. package/FileUploadButton/index.js.map +0 -1
  233. package/FileUploadButton/package.json +0 -1
  234. package/FloatingLabel/FloatingLabel.js +0 -15
  235. package/FloatingLabel/FloatingLabel.js.map +0 -1
  236. package/FloatingLabel/index.d.ts +0 -3
  237. package/FloatingLabel/index.js +0 -7
  238. package/FloatingLabel/index.js.map +0 -1
  239. package/FloatingLabel/package.json +0 -1
  240. package/Form/Form.d.ts +0 -37
  241. package/Form/Form.js +0 -227
  242. package/Form/Form.js.map +0 -1
  243. package/Form/Form.types.d.ts +0 -159
  244. package/Form/FormSelect.d.ts +0 -12
  245. package/Form/FormSelect.js +0 -492
  246. package/Form/FormSelect.js.map +0 -1
  247. package/Form/index.d.ts +0 -4
  248. package/Form/index.js +0 -8
  249. package/Form/index.js.map +0 -1
  250. package/Form/package.json +0 -1
  251. package/InputGroup/InputGroup.d.ts +0 -7
  252. package/InputGroup/InputGroup.js +0 -31
  253. package/InputGroup/InputGroup.js.map +0 -1
  254. package/InputGroup/InputGroup.types.d.ts +0 -17
  255. package/InputGroup/index.d.ts +0 -4
  256. package/InputGroup/index.js +0 -7
  257. package/InputGroup/index.js.map +0 -1
  258. package/InputGroup/package.json +0 -1
  259. package/List/List.d.ts +0 -14
  260. package/List/List.js +0 -77
  261. package/List/List.js.map +0 -1
  262. package/List/List.types.d.ts +0 -28
  263. package/List/index.d.ts +0 -3
  264. package/List/index.js +0 -7
  265. package/List/index.js.map +0 -1
  266. package/List/package.json +0 -1
  267. package/Modal/Modal.js +0 -157
  268. package/Modal/Modal.js.map +0 -1
  269. package/Modal/index.d.ts +0 -3
  270. package/Modal/index.js +0 -7
  271. package/Modal/index.js.map +0 -1
  272. package/Modal/package.json +0 -1
  273. package/Nav/Nav.js +0 -29
  274. package/Nav/Nav.js.map +0 -1
  275. package/Nav/index.d.ts +0 -4
  276. package/Nav/index.js +0 -7
  277. package/Nav/index.js.map +0 -1
  278. package/Nav/package.json +0 -1
  279. package/NavBar/Navbar.js +0 -36
  280. package/NavBar/Navbar.js.map +0 -1
  281. package/NavBar/index.d.ts +0 -4
  282. package/NavBar/index.js +0 -8
  283. package/NavBar/index.js.map +0 -1
  284. package/NavBar/package.json +0 -1
  285. package/NavDropdown/NavDropdown.d.ts +0 -19
  286. package/NavDropdown/NavDropdown.js +0 -75
  287. package/NavDropdown/NavDropdown.js.map +0 -1
  288. package/NavDropdown/index.d.ts +0 -3
  289. package/NavDropdown/index.js +0 -7
  290. package/NavDropdown/index.js.map +0 -1
  291. package/NavDropdown/package.json +0 -1
  292. package/Overlay/Overlay.d.ts +0 -4
  293. package/Overlay/Overlay.js +0 -241
  294. package/Overlay/Overlay.js.map +0 -1
  295. package/Overlay/Overlay.types.d.ts +0 -22
  296. package/Overlay/index.js +0 -7
  297. package/Overlay/index.js.map +0 -1
  298. package/Overlay/package.json +0 -1
  299. package/Popout/Popout.js +0 -111
  300. package/Popout/Popout.js.map +0 -1
  301. package/Popout/index.d.ts +0 -3
  302. package/Popout/index.js +0 -7
  303. package/Popout/index.js.map +0 -1
  304. package/Popout/package.json +0 -1
  305. package/Spinner/Spinner.js +0 -11
  306. package/Spinner/Spinner.js.map +0 -1
  307. package/Spinner/index.d.ts +0 -3
  308. package/Spinner/index.js +0 -7
  309. package/Spinner/index.js.map +0 -1
  310. package/Spinner/package.json +0 -1
  311. package/Table/Table.js +0 -12
  312. package/Table/Table.js.map +0 -1
  313. package/Table/index.d.ts +0 -3
  314. package/Table/index.js +0 -7
  315. package/Table/index.js.map +0 -1
  316. package/Table/package.json +0 -1
  317. package/Tabs/Tabs.js +0 -162
  318. package/Tabs/Tabs.js.map +0 -1
  319. package/Tabs/index.d.ts +0 -3
  320. package/Tabs/index.js +0 -7
  321. package/Tabs/index.js.map +0 -1
  322. package/Tabs/package.json +0 -1
  323. package/ToggleButton/ToggleButton.d.ts +0 -4
  324. package/ToggleButton/ToggleButton.js +0 -18
  325. package/ToggleButton/ToggleButton.js.map +0 -1
  326. package/ToggleButton/ToggleButton.types.d.ts +0 -7
  327. package/ToggleButton/index.d.ts +0 -3
  328. package/ToggleButton/index.js +0 -7
  329. package/ToggleButton/index.js.map +0 -1
  330. package/ToggleButton/package.json +0 -1
  331. package/hooks/index.js +0 -7
  332. package/hooks/index.js.map +0 -1
  333. package/hooks/package.json +0 -1
  334. package/hooks/useClassname.d.ts +0 -2
  335. package/hooks/useClassname.js +0 -7
  336. package/hooks/useClassname.js.map +0 -1
  337. package/hooks/useDraggable.d.ts +0 -23
  338. package/hooks/useDraggable.js +0 -147
  339. package/hooks/useDraggable.js.map +0 -1
  340. package/hooks/useKeepElementFocused.d.ts +0 -2
  341. package/hooks/useKeepElementFocused.js +0 -37
  342. package/hooks/useKeepElementFocused.js.map +0 -1
  343. package/hooks/useQueryParams.d.ts +0 -2
  344. package/hooks/useQueryParams.js +0 -13
  345. package/hooks/useQueryParams.js.map +0 -1
  346. package/hooks/useScreenSize.d.ts +0 -5
  347. package/hooks/useScreenSize.js +0 -21
  348. package/hooks/useScreenSize.js.map +0 -1
  349. package/index.d.ts +0 -19
  350. package/index.js +0 -20
  351. package/index.js.map +0 -1
  352. package/styles/stargazerui.css +0 -6658
  353. package/styles/stargazerui.css.map +0 -1
  354. package/utils/ContrastingColor.d.ts +0 -1
  355. package/utils/CreateSyntheticEvent.d.ts +0 -2
  356. package/utils/CreateSyntheticEvent.js +0 -33
  357. package/utils/CreateSyntheticEvent.js.map +0 -1
  358. package/utils/IsInputKey.d.ts +0 -7
  359. package/utils/IsInputKey.js +0 -20
  360. package/utils/IsInputKey.js.map +0 -1
  361. package/utils/MergeClassnames.d.ts +0 -2
  362. package/utils/MergeClassnames.js +0 -7
  363. package/utils/MergeClassnames.js.map +0 -1
  364. package/utils/MergeRefs.d.ts +0 -1
  365. package/utils/MergeRefs.js +0 -16
  366. package/utils/MergeRefs.js.map +0 -1
  367. package/utils/createFastContext.d.ts +0 -16
  368. package/utils/createFastContext.js +0 -101
  369. package/utils/createFastContext.js.map +0 -1
  370. package/utils/index.d.ts +0 -4
  371. /package/{Button → types/components/Button}/Button.d.ts +0 -0
  372. /package/{CloseButton → types/components/CloseButton}/CloseButton.d.ts +0 -0
  373. /package/{FloatingLabel → types/components/FloatingLabel}/FloatingLabel.d.ts +0 -0
  374. /package/{Spinner → types/components/Spinner}/Spinner.d.ts +0 -0
  375. /package/{Spinner → types/components/Spinner}/Spinner.types.d.ts +0 -0
  376. /package/{Table → types/components/Table}/Table.d.ts +0 -0
  377. /package/{Tabs → types/components/Tabs}/Tabs.d.ts +0 -0
package/Tabs/Tabs.js DELETED
@@ -1,162 +0,0 @@
1
- 'use client';
2
- import { jsx, jsxs } from 'react/jsx-runtime';
3
- import { createContext, forwardRef, useState, useMemo, useRef, useLayoutEffect, useEffect, useContext } from 'react';
4
- import mergeClassnames from '../utils/MergeClassnames.js';
5
- import mergeRefs from '../utils/MergeRefs.js';
6
-
7
- const TabsContext = createContext(null);
8
- const TabsContextProvider = ({ children, value }) => {
9
- return (jsx(TabsContext.Provider, { value: value, children: children }));
10
- };
11
- const useTabsContext = () => {
12
- const context = useContext(TabsContext);
13
- if (!context) {
14
- throw new Error("useTabContext has to be used within a TabContextProvider!");
15
- }
16
- return context;
17
- };
18
- const Tabs = forwardRef(({ children, className, controlId, activeClassName, defaultActive, active, onTabChange, queryParam, setQueryParam, ...restProps }, ref) => {
19
- const tabIdsMap = new Map();
20
- Array.from(document.querySelectorAll('[data-tabd]')).forEach(el => tabIdsMap.set(el.dataset.tabid, 1));
21
- const isTabId = tabIdsMap.get(queryParam) && queryParam;
22
- const [activeTab, setActiveTab] = useState(isTabId ? queryParam : defaultActive);
23
- const activeClass = activeClassName ?? "sg-active";
24
- if (active && activeTab != active) {
25
- setActiveTab(active);
26
- }
27
- if (active && !onTabChange || !active && onTabChange) {
28
- throw new Error("If you control the tabs externally, you need both an 'active' state and a function 'onTabChange' that controls the 'active' state!");
29
- }
30
- if (queryParam && !setQueryParam || !queryParam && setQueryParam) {
31
- throw new Error("If you control the query parameters externally, you need both an 'queryParam' state and a function 'setQueryParam' that controls the 'queryParam' state!");
32
- }
33
- const contextValue = useMemo(() => ({
34
- activeTab,
35
- setActiveTab,
36
- controlId,
37
- activeClass,
38
- onTabChange,
39
- setQueryParam
40
- }), [activeTab, activeClass, controlId, activeClass, onTabChange]);
41
- return (jsx(TabsContextProvider, { value: contextValue, children: jsx("div", { ref: ref, id: controlId + "-tab-wrapper", className: `sg-tabs${className ? " " + className : ""}`, ...restProps, children: children }) }));
42
- });
43
- Tabs.displayName = "Tabs";
44
- const ScrollButton = forwardRef(({ className, left = true, controlsRef, style, ...restProps }, ref) => {
45
- const internalRef = useRef(null);
46
- const handleScrollBy = () => {
47
- if (!controlsRef || !controlsRef.current)
48
- return;
49
- const tabControls = controlsRef.current;
50
- const toScroll = (left ? -1 : 1) * 32;
51
- tabControls.scrollBy(toScroll, 0);
52
- };
53
- let scrollIntervalId;
54
- const handlePointerDown = (event) => {
55
- clearInterval(scrollIntervalId);
56
- scrollIntervalId = setInterval(handleScrollBy, 20);
57
- };
58
- const handlePointerUp = (event) => {
59
- clearInterval(scrollIntervalId);
60
- };
61
- const handleKeyDown = (event) => {
62
- if (event.key === "Space" || event.key === "Enter") {
63
- clearInterval(scrollIntervalId);
64
- scrollIntervalId = setInterval(handleScrollBy, 20);
65
- return;
66
- }
67
- clearInterval(scrollIntervalId);
68
- };
69
- const handleKeyUp = (event) => {
70
- clearInterval(scrollIntervalId);
71
- };
72
- return (jsxs("button", { type: "button", ref: mergeRefs([ref, internalRef]), "data-position": left ? "left" : "right", onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, className: mergeClassnames("sg-tabs-button", "sg-tabs-scroll-button", className), ...restProps, children: [jsxs("span", { className: "visually-hidden", children: ["Scroll tab controls ", left ? "left" : "right"] }), jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", children: jsx("polyline", { points: left ? "144 88 104 128 144 168" : "112 88 152 128 112 168", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32" }) })] }));
73
- });
74
- const Controls = forwardRef(({ children, className, ...restProps }, ref) => {
75
- const { controlId, activeClass } = useTabsContext();
76
- const [isOverflow, setIsOverflow] = useState(false);
77
- const internalRef = useRef(null);
78
- const checkWidthOverflow = () => {
79
- if (!internalRef.current)
80
- return;
81
- const el = internalRef.current;
82
- setIsOverflow(el.clientWidth < el.scrollWidth);
83
- };
84
- useLayoutEffect(() => {
85
- //console.log(internalRef.current)
86
- checkWidthOverflow();
87
- }, [children]);
88
- useEffect(() => {
89
- window.addEventListener("resize", checkWidthOverflow, true);
90
- return function cleanup() {
91
- window.removeEventListener("resize", checkWidthOverflow, true);
92
- };
93
- }, []);
94
- const handleKeyDown = (event) => {
95
- const key = event.key;
96
- const tabsControls = internalRef.current;
97
- if (!tabsControls)
98
- return;
99
- const tabControlsChildren = Array.from(tabsControls.children);
100
- let newIndex;
101
- if (key === "ArrowRight" || key === "ArrowLeft") {
102
- event.preventDefault();
103
- const activeTab = document.querySelector(".sg-tabs-button" + "." + activeClass);
104
- const activeTabIndex = tabControlsChildren.indexOf(activeTab);
105
- const indexChange = key === "ArrowRight" ? 1 : -1;
106
- const isChangeTooBig = activeTabIndex + indexChange >= tabControlsChildren.length;
107
- const isChangeNegative = activeTabIndex + indexChange < 0;
108
- newIndex = isChangeNegative ? tabControlsChildren.length - 1 : (isChangeTooBig ? 0 : activeTabIndex + indexChange);
109
- }
110
- else if (key === "Home" || key === "End") {
111
- event.preventDefault();
112
- newIndex = key === "Home" ? 0 : tabControlsChildren.length - 1;
113
- }
114
- if (newIndex === undefined || newIndex === null)
115
- return;
116
- tabControlsChildren[newIndex].focus();
117
- tabControlsChildren[newIndex].click();
118
- };
119
- //div style={{maxWidth:"100%", display:"flex", overflowX:"auto"}}
120
- return (jsxs("div", { tabIndex: -1, onKeyDown: (event) => handleKeyDown(event), role: "tablist", id: controlId + "-tab-controls", ref: mergeRefs([ref, internalRef]), className: `sg-tabs-controls${className ? " " + className : ""}`, ...restProps, children: [isOverflow ? jsx(ScrollButton, { controlsRef: internalRef }) : null, children, isOverflow ? jsx(ScrollButton, { controlsRef: internalRef, left: false }) : null] }));
121
- });
122
- Controls.displayName = "TabsControl";
123
- const Button = forwardRef(({ children, className, onClick, tabId, id, ...restProps }, ref) => {
124
- const { activeTab, setActiveTab, setQueryParam, activeClass, onTabChange } = useTabsContext();
125
- const isActiveTab = activeTab === tabId;
126
- const classNameComputed = "sg-tabs-button" + (className ? " " + className : "") + (isActiveTab ? " " + activeClass : "");
127
- const handleClick = (event) => {
128
- if (onTabChange) {
129
- onTabChange(tabId);
130
- }
131
- else {
132
- setActiveTab(tabId);
133
- }
134
- if (onClick) {
135
- onClick(event);
136
- }
137
- if (setQueryParam) {
138
- setQueryParam(tabId);
139
- }
140
- };
141
- return (jsx("button", { role: "tab", type: "button", id: tabId + "-button", ref: ref, onClick: event => handleClick(event), className: classNameComputed, ...restProps, tabIndex: isActiveTab ? 0 : -1, "aria-selected": isActiveTab ? "true" : "false", "aria-controls": tabId + "-page", children: children }));
142
- });
143
- Button.displayName = "TabsButton";
144
- const Content = forwardRef(({ children, className, ...restProps }, ref) => {
145
- return (jsx("div", { role: "none", ref: ref, className: `sg-tabs-content${className ? " " + className : ""}`, ...restProps, children: children }));
146
- });
147
- Content.displayName = "TabsContent";
148
- const Page = forwardRef(({ children, className, tabId, ...restProps }, ref) => {
149
- const { activeTab, activeClass } = useTabsContext();
150
- const classNameComputed = "sg-tabs-page" + (className ? " " + className : "") + (activeTab === tabId ? " " + activeClass : "");
151
- return (jsx("div", { role: "tabpanel", id: tabId + "-page", "data-tabid": tabId, "aria-labelledby": tabId + "-button", ref: ref, className: classNameComputed, ...restProps, children: children }));
152
- });
153
- Page.displayName = "TabsPage";
154
- var Tabs$1 = Object.assign(Tabs, {
155
- Controls: Controls,
156
- Button: Button,
157
- Content: Content,
158
- Page: Page,
159
- });
160
-
161
- export { Tabs$1 as default };
162
- //# sourceMappingURL=Tabs.js.map
package/Tabs/Tabs.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
package/Tabs/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import Tabs from "./Tabs";
2
- export default Tabs;
3
- export type { TabsButtonType, TabsContentType, TabsContextType, TabsControlsType, TabsPageType, TabsType } from "./Tabs.types";
package/Tabs/index.js DELETED
@@ -1,7 +0,0 @@
1
- 'use client';
2
- import Tabs from './Tabs.js';
3
-
4
-
5
-
6
- export { Tabs as default };
7
- //# sourceMappingURL=index.js.map
package/Tabs/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
package/Tabs/package.json DELETED
@@ -1 +0,0 @@
1
- {"name":"stargazer-ui/Tabs","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { ToggleButtonType } from "./ToggleButton.types";
3
- declare const ToggleButton: React.ForwardRefExoticComponent<Omit<ToggleButtonType, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
- export default ToggleButton;
@@ -1,18 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { forwardRef, useState } from 'react';
4
-
5
- const ToggleButton = forwardRef(({ children, toggled = "false", onClick, ...restProps }, ref) => {
6
- const [toggledInternal, setToggledInternal] = useState(toggled === "true" ? true : false);
7
- const handleClick = (event) => {
8
- setToggledInternal(prev => !prev);
9
- if (onClick) {
10
- onClick(event);
11
- }
12
- };
13
- return (jsx("button", { onClick: (event) => handleClick(event), "data-toggled": toggledInternal, ...restProps, children: children }));
14
- });
15
- ToggleButton.displayName = "ToggleButton";
16
-
17
- export { ToggleButton as default };
18
- //# sourceMappingURL=ToggleButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToggleButton.js","sources":["../../src/ToggleButton/ToggleButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAIM,MAAA,YAAY,GAAG,UAAU,CAAuC,CAAC,EAAC,QAAQ,EAAE,OAAO,GAAC,OAAO,EAAE,OAAO,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IAC9H,MAAM,CAAE,eAAe,EAAE,kBAAkB,CAAE,GAAG,QAAQ,CAAU,OAAO,KAAK,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;AACpG,IAAA,MAAM,WAAW,GAAG,CAAC,KAAsD,KAAI;QAC3E,kBAAkB,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;QACjC,IAAG,OAAO,EAAE;YACR,OAAO,CAAC,KAAK,CAAC;;AAEtB,KAAC;IACD,QACIA,gBAAQ,OAAO,EAAE,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC,kBAAgB,eAAe,EAAA,GAAM,SAAS,EACvF,QAAA,EAAA,QAAQ,EACJ,CAAA;AAEjB,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
@@ -1,7 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { BaseButtonType } from "../utils/BaseTypes";
3
- export type ToggleButtonType = {
4
- children: ReactNode;
5
- toggled?: boolean;
6
- onClick?: <T>(event: T) => T;
7
- } & BaseButtonType;
@@ -1,3 +0,0 @@
1
- import ToggleButton from "./ToggleButton";
2
- export default ToggleButton;
3
- export type { ToggleButtonType } from "./ToggleButton.types";
@@ -1,7 +0,0 @@
1
- 'use client';
2
- import ToggleButton from './ToggleButton.js';
3
-
4
-
5
-
6
- export { ToggleButton as default };
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -1 +0,0 @@
1
- {"name":"stargazer-ui/ToggleButton","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}
package/hooks/index.js DELETED
@@ -1,7 +0,0 @@
1
- 'use client';
2
- export { default as useClassname } from './useClassname.js';
3
- export { default as useDraggable } from './useDraggable.js';
4
- export { default as useScreenSize } from './useScreenSize.js';
5
- export { default as useKeepElementFocused } from './useKeepElementFocused.js';
6
- export { default as useQueryParams } from './useQueryParams.js';
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -1 +0,0 @@
1
- {"name":"stargazer-ui/hooks","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}
@@ -1,2 +0,0 @@
1
- declare const useClassname: (...args: (string | undefined)[]) => string;
2
- export default useClassname;
@@ -1,7 +0,0 @@
1
- 'use client';
2
- const useClassname = (...args) => {
3
- return args.filter(arg => arg != undefined).join(" ");
4
- };
5
-
6
- export { useClassname as default };
7
- //# sourceMappingURL=useClassname.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useClassname.js","sources":["../../src/hooks/useClassname.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA,MAAM,YAAY,GAAG,CAAC,GAAG,IAA4B,KAAI;AACrD,IAAA,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACzD;;;;"}
@@ -1,23 +0,0 @@
1
- import { RefObject } from "react";
2
- type Coordinates = {
3
- top?: number;
4
- bottom?: number;
5
- right?: number;
6
- left?: number;
7
- offSetTop: number;
8
- offSetLeft: number;
9
- width?: number | null;
10
- };
11
- type Options = {
12
- moveClass?: string;
13
- draggable?: boolean;
14
- };
15
- export declare const insertPhantomElement: (targetElement: HTMLElement, movingElement: HTMLElement, options?: {
16
- after?: boolean;
17
- first?: boolean;
18
- }) => void;
19
- declare const useDraggable: (movingElementRef: RefObject<HTMLElement>, options?: Options) => {
20
- coordinates: Coordinates;
21
- isMouseDown: boolean;
22
- };
23
- export default useDraggable;
@@ -1,147 +0,0 @@
1
- 'use client';
2
- import { useState, useRef, useEffect } from 'react';
3
-
4
- const insertPhantomElement = (targetElement, movingElement, options = { after: true, first: true }) => {
5
- const nextSibling = targetElement.nextElementSibling;
6
- const previousSibling = targetElement.previousElementSibling;
7
- const phantomData = document.querySelectorAll("[data-phantom='before'], [data-phantom='after']");
8
- phantomData.forEach(element => {
9
- if (targetElement !== element) {
10
- element.dataset.phantom = "none";
11
- //console.log("equal")
12
- }
13
- });
14
- targetElement.dataset.phantom = options.after ? "after" : "before";
15
- if (options.after && nextSibling) {
16
- nextSibling.dataset.phantom = "before";
17
- }
18
- if (!options.after && previousSibling) {
19
- previousSibling.dataset.phantom = "after";
20
- }
21
- const { width, height } = movingElement.getBoundingClientRect();
22
- const parentElement = targetElement.parentElement;
23
- document.querySelectorAll(".phantom").forEach(phantom => phantom.remove());
24
- const phantomDiv = document.createElement("li");
25
- phantomDiv.classList.add("phantom");
26
- phantomDiv.classList.add("sg-sublist");
27
- phantomDiv.style.width = options.first ? width.toString() + "px" : "";
28
- phantomDiv.style.height = height.toString() + "px";
29
- parentElement.insertBefore(phantomDiv, options.after ? targetElement.nextSibling : targetElement);
30
- };
31
- /*
32
- const useDraggable = (movingElementRef: RefObject<HTMLElement>, options: Options = {}) => {
33
- const [ dragging, setDragging ] = useState<boolean>(false)
34
-
35
- const onDragStart = (event: React.DragEvent) => {
36
- console.log("drag start")
37
- insertPhantomElement(movingElementRef.current!)
38
- }
39
-
40
- const onDragEnd = (event: React.DragEvent) => {
41
- document.querySelectorAll(".phantom").forEach(phantom => phantom.remove())
42
- }
43
-
44
- return { onDragStart, onDragEnd }
45
- }
46
- */
47
- const useDraggable = (movingElementRef, options = { draggable: false }) => {
48
- const [coordinates, setCoordinates] = useState({ offSetTop: 0, offSetLeft: 0 });
49
- const [isMouseDown, setIsMouseDown] = useState(false);
50
- const elementWithPhantom = useRef(null);
51
- const isMouseDownRef = useRef(isMouseDown);
52
- const coordinatesRef = useRef(coordinates);
53
- useEffect(() => {
54
- isMouseDownRef.current = isMouseDown;
55
- }, [isMouseDown]);
56
- useEffect(() => {
57
- coordinatesRef.current = coordinates;
58
- }, [coordinates]);
59
- useEffect(() => {
60
- if (movingElementRef && options.draggable) {
61
- const movingElement = movingElementRef.current;
62
- const onPointerDown = (event) => {
63
- event.stopPropagation();
64
- const { width } = event.target.getBoundingClientRect();
65
- insertPhantomElement(movingElement, movingElement, { first: true });
66
- const { top, left } = movingElement.getBoundingClientRect();
67
- //Initial coordinates & setup for moving
68
- setCoordinates(prev => ({
69
- ...prev,
70
- top: top,
71
- left: left,
72
- offSetTop: event.clientY - top,
73
- offSetLeft: event.clientX - left,
74
- width: width
75
- }));
76
- movingElement.style.setProperty("user-select", "none");
77
- movingElement.setPointerCapture(event.pointerId);
78
- movingElement.classList.add("moving");
79
- setIsMouseDown(true);
80
- };
81
- const onPointerUp = (event) => {
82
- if (isMouseDownRef.current) {
83
- const phantomElement = document.querySelectorAll(".phantom")[0];
84
- const phantomElementParent = phantomElement.parentElement;
85
- phantomElementParent.insertBefore(movingElement, phantomElement);
86
- document.querySelectorAll(".phantom").forEach(phantom => phantom.remove());
87
- movingElement.style.removeProperty("user-select");
88
- movingElement.classList.remove("moving");
89
- setCoordinates(prev => ({
90
- ...prev,
91
- width: null
92
- }));
93
- setIsMouseDown(false);
94
- }
95
- };
96
- const onPointerMove = (event) => {
97
- if (isMouseDownRef.current) {
98
- const isTopOver = event.clientY - coordinatesRef.current.offSetTop < 0;
99
- const isBottomOver = window.innerHeight - (event.clientY - coordinatesRef.current.offSetTop + movingElement.offsetHeight) < 0;
100
- const isLeftOver = event.clientX - coordinatesRef.current.offSetLeft < 0;
101
- const isRightOver = window.innerWidth - (event.clientX - coordinatesRef.current.offSetLeft + movingElement.offsetWidth) < 0;
102
- let topCoordinate = isTopOver ? 0 : event.clientY - coordinatesRef.current.offSetTop;
103
- topCoordinate = isBottomOver ? window.innerHeight - movingElement.offsetHeight : topCoordinate;
104
- let leftCoordinate = isLeftOver ? 0 : event.clientX - coordinatesRef.current.offSetLeft;
105
- leftCoordinate = isRightOver ? window.innerWidth - movingElement.offsetWidth : leftCoordinate;
106
- setCoordinates(prev => ({
107
- ...prev,
108
- top: topCoordinate,
109
- left: leftCoordinate
110
- }));
111
- movingElement.hidden = true;
112
- const elemBelow = document.elementFromPoint(event.clientX, event.clientY);
113
- movingElement.hidden = false;
114
- const isElemeBelowDropable = elemBelow?.classList.contains("sg-list-item") || elemBelow?.classList.contains("sg-sublist");
115
- const elemBelowClosestDroppable = isElemeBelowDropable ? elemBelow : elemBelow?.closest(".sg-list-item, .sg-sublist");
116
- console.log(elemBelow, elemBelowClosestDroppable);
117
- if (!elemBelowClosestDroppable || elemBelow?.classList.contains("phantom")) {
118
- return;
119
- }
120
- if (elementWithPhantom.current != elemBelowClosestDroppable) {
121
- elementWithPhantom.current = elemBelowClosestDroppable;
122
- }
123
- const { top, left, width, height } = elementWithPhantom.current.getBoundingClientRect();
124
- const phantomPosition = elementWithPhantom.current.dataset.phantom;
125
- const afterTest = event.clientY - top >= height / 2 && phantomPosition != "after";
126
- const beforeTest = event.clientY - top < height / 2 && phantomPosition != "before";
127
- if (afterTest || beforeTest) {
128
- insertPhantomElement(elementWithPhantom.current, movingElement, { after: afterTest ? true : false });
129
- }
130
- }
131
- };
132
- const bubble = false;
133
- movingElement.addEventListener("pointerdown", onPointerDown, bubble);
134
- movingElement.addEventListener("pointerup", onPointerUp, bubble);
135
- movingElement.addEventListener("pointermove", onPointerMove, bubble);
136
- return function cleanup() {
137
- movingElement.removeEventListener("pointerdown", onPointerDown, bubble);
138
- movingElement.removeEventListener("pointerup", onPointerUp, bubble);
139
- movingElement.removeEventListener("pointermove", onPointerMove, bubble);
140
- };
141
- }
142
- }, []);
143
- return { coordinates, isMouseDown };
144
- };
145
-
146
- export { useDraggable as default, insertPhantomElement };
147
- //# sourceMappingURL=useDraggable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDraggable.js","sources":["../../src/hooks/useDraggable.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- declare const useKeepElementFocused: (elementRef: any) => void;
2
- export default useKeepElementFocused;
@@ -1,37 +0,0 @@
1
- 'use client';
2
- import { useEffect } from 'react';
3
-
4
- const useKeepElementFocused = (elementRef) => {
5
- useEffect(() => {
6
- const onKeyDown = (event) => {
7
- const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
8
- const modal = elementRef.current;
9
- if (modal) {
10
- const firstFocusableElement = modal.querySelectorAll(focusableElements)[0];
11
- const focusableContent = modal.querySelectorAll(focusableElements);
12
- const lastFocusableElement = focusableContent[focusableContent.length - 1];
13
- let isTabPressed = event.key === 'Tab' || event.keyCode === 9;
14
- if (!isTabPressed) {
15
- return;
16
- }
17
- if (event.shiftKey) {
18
- if (document.activeElement === firstFocusableElement) {
19
- lastFocusableElement.focus();
20
- event.preventDefault();
21
- }
22
- }
23
- else if (document.activeElement === lastFocusableElement) {
24
- firstFocusableElement.focus();
25
- event.preventDefault();
26
- }
27
- }
28
- };
29
- document.addEventListener('keydown', onKeyDown, true);
30
- return function cleanup() {
31
- document.removeEventListener('keydown', onKeyDown, true);
32
- };
33
- }, [elementRef]);
34
- };
35
-
36
- export { useKeepElementFocused as default };
37
- //# sourceMappingURL=useKeepElementFocused.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useKeepElementFocused.js","sources":["../../src/hooks/useKeepElementFocused.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA,MAAM,qBAAqB,GAAG,CAAC,UAAc,KAAI;IAC7C,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,SAAS,GAAI,CAAC,KAA0C,KAAI;YAC9D,MAAM,iBAAiB,GAAG,0EAA0E;AACpG,YAAA,MAAM,KAAK,GAAG,UAAU,CAAC,OAAsB;YAC/C,IAAG,KAAK,EAAE;gBACN,MAAM,qBAAqB,GAAG,KAAK,CAAC,gBAAgB,CAAc,iBAAiB,CAAC,CAAC,CAAC,CAAC;gBACvF,MAAM,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,CAAc,iBAAiB,CAAC;gBAC/E,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC;AAC1E,gBAAA,IAAI,YAAY,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC;gBAE7D,IAAI,CAAC,YAAY,EAAE;oBACf;;AAGJ,gBAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAChB,oBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,qBAAqB,EAAE;wBAClD,oBAAoB,CAAC,KAAK,EAAE;wBAC5B,KAAK,CAAC,cAAc,EAAE;;;AAEvB,qBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,oBAAoB,EAAE;oBACxD,qBAAqB,CAAC,KAAK,EAAE;oBAC7B,KAAK,CAAC,cAAc,EAAE;;;AAGlC,SAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAE;AAEtD,QAAA,OAAO,SAAS,OAAO,GAAA;YACnB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAE;AAC7D,SAAC;AACL,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AACpB;;;;"}
@@ -1,2 +0,0 @@
1
- declare const useQueryParams: (queryParam: string) => (string | ((query: string, newParam: string) => void) | null)[];
2
- export default useQueryParams;
@@ -1,13 +0,0 @@
1
- 'use client';
2
- const useQueryParams = (queryParam) => {
3
- const url = new URL(window.location.href);
4
- const param = url.searchParams.get(queryParam); // ? url.searchParams.get(queryParam) : url; // gremlin
5
- const setQuery = (query, newParam) => {
6
- url.searchParams.set(query, newParam);
7
- history.replaceState(history.state, '', url);
8
- };
9
- return [param, setQuery];
10
- };
11
-
12
- export { useQueryParams as default };
13
- //# sourceMappingURL=useQueryParams.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useQueryParams.js","sources":["../../src/hooks/useQueryParams.ts"],"sourcesContent":[null],"names":[],"mappings":";AACA,MAAM,cAAc,GAAG,CAAC,UAAkB,KAAI;IAC1C,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AACzC,IAAA,MAAM,KAAK,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;AAC9C,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,QAAe,KAAI;QAChD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC;QACrC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC;AAChD,KAAC;AACD,IAAA,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC5B;;;;"}
@@ -1,5 +0,0 @@
1
- declare const useScreenSize: (debounceTime?: number) => {
2
- height: number;
3
- width: number;
4
- };
5
- export default useScreenSize;
@@ -1,21 +0,0 @@
1
- 'use client';
2
- import { useState, useMemo, useEffect } from 'react';
3
- import { debounce } from 'lodash';
4
-
5
- const useScreenSize = (debounceTime = 25) => {
6
- const [size, setSize] = useState({ height: window.innerHeight, width: window.innerWidth });
7
- const handleResize = () => {
8
- setSize({ height: window.innerHeight, width: window.innerWidth });
9
- };
10
- const handleResizeDebounced = useMemo(() => debounce(handleResize, debounceTime), [debounceTime]);
11
- useEffect(() => {
12
- window.addEventListener("resize", handleResizeDebounced, true);
13
- return function cleanup() {
14
- window.removeEventListener("resize", handleResizeDebounced, true);
15
- };
16
- }, [handleResizeDebounced]);
17
- return size;
18
- };
19
-
20
- export { useScreenSize as default };
21
- //# sourceMappingURL=useScreenSize.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useScreenSize.js","sources":["../../src/hooks/useScreenSize.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAGA,MAAM,aAAa,GAAG,CAAC,YAAY,GAAC,EAAE,KAAI;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAE,QAAQ,CAAC,EAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAC,CAAC;IAGvF,MAAM,YAAY,GAAG,MAAI;AACrB,QAAA,OAAO,CAAC,EAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAC,CAAC;AACnE,KAAC;AACD,IAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAClC,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC,EACtC,CAAC,YAAY,CAAC,CAAE;IAErB,SAAS,CAAC,MAAK;QACd,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,IAAI,CAAC;AAC9D,QAAA,OAAO,SAAS,OAAO,GAAA;YACtB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,IAAI,CAAC;AAClE,SAAC;AACF,KAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC;AACxB,IAAA,OAAO,IAAI;AACf;;;;"}
package/index.d.ts DELETED
@@ -1,19 +0,0 @@
1
- export * from "./Button";
2
- export * from "./ButtonGroup";
3
- export * from "./Card";
4
- export * from "./CloseButton";
5
- export * from "./Dropdown";
6
- export * from "./FloatingLabel";
7
- export * from "./Form";
8
- export * from "./InputGroup";
9
- export * from "./Modal";
10
- export * from "./Nav";
11
- export * from "./NavBar";
12
- export * from "./NavDropdown";
13
- export * from "./Overlay";
14
- export * from "./Popout";
15
- export * from "./Spinner";
16
- export * from "./Table";
17
- export * from "./Tabs";
18
- export * from "./ToggleButton";
19
- export * from "./utils/BaseTypes";
package/index.js DELETED
@@ -1,20 +0,0 @@
1
- 'use client';
2
- import './Button/Button.js';
3
- import './ButtonGroup/ButtonGroup.js';
4
- import './Card/Card.js';
5
- import './CloseButton/CloseButton.js';
6
- export { DropdownContext, DropdownContextProvider, useDropdownContext } from './Dropdown/Dropdown.js';
7
- import './FloatingLabel/FloatingLabel.js';
8
- export { FormContextProvider, useFormContext } from './Form/Form.js';
9
- import './InputGroup/InputGroup.js';
10
- import './Modal/Modal.js';
11
- import './Nav/Nav.js';
12
- export { useNavbarContext } from './NavBar/Navbar.js';
13
- import './NavDropdown/NavDropdown.js';
14
- import './Overlay/Overlay.js';
15
- import './Popout/Popout.js';
16
- import './Spinner/Spinner.js';
17
- import './Table/Table.js';
18
- import './Tabs/Tabs.js';
19
- import './ToggleButton/ToggleButton.js';
20
- //# sourceMappingURL=index.js.map
package/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}