stargazer-ui 1.2.0 → 1.2.1
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.
- package/.babelrc.json +10 -0
- package/.eslintrc.cjs +18 -0
- package/.gitattributes +2 -0
- package/LICENSE +21 -0
- package/dev/index.html +12 -0
- package/dev/index.jsx +49 -0
- package/dev/index.scss +59 -0
- package/dev/pages/ButtonPage.jsx +44 -0
- package/dev/pages/CardPage.jsx +81 -0
- package/dev/pages/DropdownPage.jsx +31 -0
- package/dev/pages/FormPage.jsx +130 -0
- package/dev/pages/ListPage.jsx +52 -0
- package/dev/pages/ModalPage.jsx +37 -0
- package/dev/pages/OverlayPage.jsx +35 -0
- package/dev/pages/components.jsx +19 -0
- package/{styles → dev}/stargazerui.css +392 -3075
- package/dev/stargazerui.css.map +1 -0
- package/dev/test.jsx +88 -0
- package/package.json +79 -1
- package/rollup.config.js +140 -0
- package/scripts/writePackageJsons.js +42 -0
- package/src/Bar/Bar.tsx +0 -0
- package/src/Bar/Bar.type.ts +9 -0
- package/src/Bar/index.ts +0 -0
- package/src/Button/Button.tsx +17 -0
- package/src/Button/Button.types.ts +8 -0
- package/src/Button/index.ts +3 -0
- package/src/ButtonGroup/ButtonGroup.tsx +14 -0
- package/src/ButtonGroup/ButtonGroup.types.ts +8 -0
- package/src/ButtonGroup/index.ts +3 -0
- package/src/Card/Card.tsx +70 -0
- package/src/Card/Card.types.ts +33 -0
- package/src/Card/index.ts +3 -0
- package/src/CloseButton/CloseButton.tsx +14 -0
- package/src/CloseButton/CloseButton.types.ts +6 -0
- package/src/CloseButton/index.ts +3 -0
- package/src/Dropdown/Dropdown.tsx +358 -0
- package/src/Dropdown/Dropdown.types.ts +52 -0
- package/src/Dropdown/index.ts +4 -0
- package/src/FileUploadButton/FileUploadButton.tsx +27 -0
- package/src/FileUploadButton/FileUploadButton.types.ts +9 -0
- package/src/FileUploadButton/index.ts +3 -0
- package/src/FloatingLabel/FloatingLabel.tsx +22 -0
- package/src/FloatingLabel/FloatingLabel.types.ts +11 -0
- package/src/FloatingLabel/index.ts +3 -0
- package/src/Form/Form.tsx +445 -0
- package/src/Form/Form.types.ts +117 -0
- package/src/Form/index.ts +4 -0
- package/src/InputGroup/InputGroup.tsx +46 -0
- package/src/InputGroup/InputGroup.types.ts +21 -0
- package/src/InputGroup/index.ts +4 -0
- package/src/List/List.tsx +112 -0
- package/src/List/List.types.ts +34 -0
- package/src/List/index.ts +4 -0
- package/src/Modal/Modal.tsx +220 -0
- package/src/Modal/Modal.types.ts +49 -0
- package/src/Modal/index.ts +4 -0
- package/src/Nav/Nav.tsx +43 -0
- package/src/Nav/Nav.types.ts +21 -0
- package/src/Nav/index.ts +4 -0
- package/src/NavBar/Navbar.tsx +57 -0
- package/src/NavBar/Navbar.types.ts +24 -0
- package/src/NavBar/index.ts +4 -0
- package/src/NavDropdown/NavDropdown.tsx +93 -0
- package/src/NavDropdown/NavDropdown.types.ts +6 -0
- package/src/NavDropdown/index.ts +3 -0
- package/src/Overlay/Overlay.tsx +277 -0
- package/src/Overlay/Overlay.types.ts +20 -0
- package/{Overlay/index.d.ts → src/Overlay/index.ts} +3 -3
- package/src/Popout/Popout.tsx +155 -0
- package/src/Popout/Popout.types.ts +42 -0
- package/src/Popout/index.ts +3 -0
- package/src/Spinner/Spinner.tsx +15 -0
- package/src/Spinner/Spinner.types.ts +7 -0
- package/src/Spinner/index.ts +3 -0
- package/src/Table/Table.tsx +16 -0
- package/src/Table/Table.types.ts +9 -0
- package/src/Table/index.ts +3 -0
- package/src/Tabs/Tabs.tsx +215 -0
- package/src/Tabs/Tabs.types.ts +49 -0
- package/src/Tabs/index.ts +3 -0
- package/src/ToggleButton/ToggleButton.tsx +21 -0
- package/src/ToggleButton/ToggleButton.types.ts +8 -0
- package/src/ToggleButton/index.ts +3 -0
- package/{hooks/index.d.ts → src/hooks/index.ts} +6 -5
- package/src/hooks/useClassname.ts +5 -0
- package/src/hooks/useDraggable.ts +186 -0
- package/src/hooks/useKeepElementFocused.ts +37 -0
- package/src/hooks/useScreenSize.ts +24 -0
- package/src/index.ts +21 -0
- package/src/styles/_Card.scss +166 -0
- package/src/styles/_CloseButton.scss +51 -0
- package/src/styles/_CustomButton.scss +132 -0
- package/src/styles/_Dropdown.scss +120 -0
- package/src/styles/_FloatingLabel.scss +56 -0
- package/src/styles/_Forms.scss +7 -0
- package/src/styles/_Grid.scss +178 -0
- package/src/styles/_InputGroup.scss +71 -0
- package/src/styles/_List.scss +62 -0
- package/src/styles/_Modal.scss +234 -0
- package/src/styles/_ModalOld.scss +242 -0
- package/src/styles/_Nav.scss +36 -0
- package/src/styles/_NavBar.scss +116 -0
- package/src/styles/_NavDropdown.scss +34 -0
- package/src/styles/_OffCanvas.scss +260 -0
- package/src/styles/_OverLay.scss +56 -0
- package/src/styles/_Popout.scss +75 -0
- package/src/styles/_Spinner.scss +19 -0
- package/src/styles/_Table.scss +34 -0
- package/src/styles/_Tabs.scss +129 -0
- package/src/styles/_colors.scss +510 -0
- package/src/styles/_components.scss +40 -0
- package/src/styles/_functions.scss +134 -0
- package/src/styles/_mixins.scss +26 -0
- package/src/styles/_reset.scss +231 -0
- package/src/styles/_utilities.scss +2480 -0
- package/src/styles/_variables.scss +146 -0
- package/src/styles/forms/_FormCheck.scss +269 -0
- package/src/styles/forms/_FormControl.scss +102 -0
- package/src/styles/forms/_FormGroup.scss +21 -0
- package/src/styles/forms/_FormLabel.scss +3 -0
- package/src/styles/forms/_FormSelect.scss +164 -0
- package/src/styles/forms/_FormSlider.scss +116 -0
- package/src/styles/forms/_FormText.scss +6 -0
- package/{utils/BaseTypes.d.ts → src/utils/BaseTypes.ts} +30 -23
- package/src/utils/ContrastingColor.ts +25 -0
- package/src/utils/FileImportExport.js +50 -0
- package/src/utils/MergeClassnames.ts +5 -0
- package/src/utils/MergeRefs.ts +12 -0
- package/src/vite-env.d.ts +1 -0
- package/tsconfig-build.json +4 -0
- package/tsconfig.json +79 -0
- package/tsconfig.node.json +10 -0
- package/types/BaseTypes.d.ts +19 -0
- package/{Button → types/components/Button}/Button.types.d.ts +2 -1
- package/types/components/Button/index.d.ts +1 -0
- package/{Card → types/components/Card}/Card.types.d.ts +1 -3
- package/types/components/Card/index.d.ts +1 -0
- package/{CloseButton → types/components/CloseButton}/CloseButton.types.d.ts +1 -1
- package/types/components/CloseButton/index.d.ts +1 -0
- package/{Dropdown → types/components/Dropdown}/Dropdown.types.d.ts +10 -3
- package/types/components/Dropdown/index.d.ts +1 -0
- package/{FloatingLabel → types/components/FloatingLabel}/FloatingLabel.types.d.ts +1 -1
- package/types/components/FloatingLabel/index.d.ts +1 -0
- package/types/components/Form/Form.d.ts +17 -0
- package/types/components/Form/Form.types.d.ts +50 -0
- package/types/components/Form/index.d.ts +1 -0
- package/types/components/InputGroup/InputGroup.d.ts +6 -0
- package/types/components/InputGroup/InputGroup.types.d.ts +10 -0
- package/types/components/InputGroup/index.d.ts +1 -0
- package/{Modal → types/components/Modal}/Modal.d.ts +1 -1
- package/{Modal → types/components/Modal}/Modal.types.d.ts +2 -3
- package/types/components/Modal/index.d.ts +1 -0
- package/{Nav → types/components/Nav}/Nav.types.d.ts +1 -1
- package/types/components/Nav/index.d.ts +1 -0
- package/{NavBar → types/components/NavBar}/Navbar.d.ts +2 -1
- package/{NavBar → types/components/NavBar}/Navbar.types.d.ts +1 -2
- package/types/components/NavBar/index.d.ts +1 -0
- package/{NavDropdown → types/components/NavDropdown}/NavDropdown.d.ts +2 -2
- package/types/components/NavDropdown/index.d.ts +1 -0
- package/{Popout → types/components/Popout}/Popout.types.d.ts +1 -1
- package/types/components/Popout/index.d.ts +1 -0
- package/types/components/Spinner/index.d.ts +1 -0
- package/{Table → types/components/Table}/Table.types.d.ts +1 -1
- package/types/components/Table/index.d.ts +1 -0
- package/{Tabs → types/components/Tabs}/Tabs.types.d.ts +1 -9
- package/types/components/Tabs/index.d.ts +1 -0
- package/types/components/ToggleButton/ToggleButton.d.ts +9 -0
- package/types/components/ToggleButton/ToggleButton.types.d.ts +0 -0
- package/types/components/ToggleButton/index.d.ts +1 -0
- package/types/components/index.d.ts +16 -0
- package/types/index.d.ts +1 -0
- package/vite.config.js +57 -0
- package/vite.config.js.timestamp-1708777378490-e94428ceb2bf9.mjs +42 -0
- package/Bar/Bar.type.d.ts +0 -6
- package/Bar/index.js +0 -2
- package/Bar/index.js.map +0 -1
- package/Bar/package.json +0 -1
- package/Button/Button.js +0 -12
- package/Button/Button.js.map +0 -1
- package/Button/index.d.ts +0 -3
- package/Button/index.js +0 -7
- package/Button/index.js.map +0 -1
- package/Button/package.json +0 -1
- package/ButtonGroup/ButtonGroup.d.ts +0 -4
- package/ButtonGroup/ButtonGroup.js +0 -10
- package/ButtonGroup/ButtonGroup.js.map +0 -1
- package/ButtonGroup/ButtonGroup.types.d.ts +0 -7
- package/ButtonGroup/index.d.ts +0 -3
- package/ButtonGroup/index.js +0 -7
- package/ButtonGroup/index.js.map +0 -1
- package/ButtonGroup/package.json +0 -1
- package/Card/Card.js +0 -41
- package/Card/Card.js.map +0 -1
- package/Card/index.d.ts +0 -3
- package/Card/index.js +0 -7
- package/Card/index.js.map +0 -1
- package/Card/package.json +0 -1
- package/CloseButton/CloseButton.js +0 -11
- package/CloseButton/CloseButton.js.map +0 -1
- package/CloseButton/index.d.ts +0 -3
- package/CloseButton/index.js +0 -7
- package/CloseButton/index.js.map +0 -1
- package/CloseButton/package.json +0 -1
- package/Dropdown/Dropdown.js +0 -292
- package/Dropdown/Dropdown.js.map +0 -1
- package/Dropdown/index.d.ts +0 -4
- package/Dropdown/index.js +0 -8
- package/Dropdown/index.js.map +0 -1
- package/Dropdown/package.json +0 -1
- package/FileUploadButton/FileUploadButton.d.ts +0 -4
- package/FileUploadButton/FileUploadButton.js +0 -21
- package/FileUploadButton/FileUploadButton.js.map +0 -1
- package/FileUploadButton/FileUploadButton.types.d.ts +0 -7
- package/FileUploadButton/index.d.ts +0 -3
- package/FileUploadButton/index.js +0 -7
- package/FileUploadButton/index.js.map +0 -1
- package/FileUploadButton/package.json +0 -1
- package/FloatingLabel/FloatingLabel.js +0 -17
- package/FloatingLabel/FloatingLabel.js.map +0 -1
- package/FloatingLabel/index.d.ts +0 -3
- package/FloatingLabel/index.js +0 -7
- package/FloatingLabel/index.js.map +0 -1
- package/FloatingLabel/package.json +0 -1
- package/Form/Form.d.ts +0 -38
- package/Form/Form.js +0 -308
- package/Form/Form.js.map +0 -1
- package/Form/Form.types.d.ts +0 -105
- package/Form/index.d.ts +0 -4
- package/Form/index.js +0 -8
- package/Form/index.js.map +0 -1
- package/Form/package.json +0 -1
- package/InputGroup/InputGroup.d.ts +0 -7
- package/InputGroup/InputGroup.js +0 -31
- package/InputGroup/InputGroup.js.map +0 -1
- package/InputGroup/InputGroup.types.d.ts +0 -16
- package/InputGroup/index.d.ts +0 -4
- package/InputGroup/index.js +0 -7
- package/InputGroup/index.js.map +0 -1
- package/InputGroup/package.json +0 -1
- package/List/List.d.ts +0 -14
- package/List/List.js +0 -76
- package/List/List.js.map +0 -1
- package/List/List.types.d.ts +0 -28
- package/List/index.d.ts +0 -3
- package/List/index.js +0 -7
- package/List/index.js.map +0 -1
- package/List/package.json +0 -1
- package/Modal/Modal.js +0 -160
- package/Modal/Modal.js.map +0 -1
- package/Modal/index.d.ts +0 -3
- package/Modal/index.js +0 -7
- package/Modal/index.js.map +0 -1
- package/Modal/package.json +0 -1
- package/Nav/Nav.js +0 -28
- package/Nav/Nav.js.map +0 -1
- package/Nav/index.d.ts +0 -4
- package/Nav/index.js +0 -7
- package/Nav/index.js.map +0 -1
- package/Nav/package.json +0 -1
- package/NavBar/Navbar.js +0 -36
- package/NavBar/Navbar.js.map +0 -1
- package/NavBar/index.d.ts +0 -4
- package/NavBar/index.js +0 -8
- package/NavBar/index.js.map +0 -1
- package/NavBar/package.json +0 -1
- package/NavDropdown/NavDropdown.js +0 -77
- package/NavDropdown/NavDropdown.js.map +0 -1
- package/NavDropdown/index.d.ts +0 -3
- package/NavDropdown/index.js +0 -7
- package/NavDropdown/index.js.map +0 -1
- package/NavDropdown/package.json +0 -1
- package/Overlay/Overlay.d.ts +0 -4
- package/Overlay/Overlay.js +0 -228
- package/Overlay/Overlay.js.map +0 -1
- package/Overlay/Overlay.types.d.ts +0 -18
- package/Overlay/index.js +0 -7
- package/Overlay/index.js.map +0 -1
- package/Overlay/package.json +0 -1
- package/Popout/Popout.js +0 -110
- package/Popout/Popout.js.map +0 -1
- package/Popout/index.d.ts +0 -3
- package/Popout/index.js +0 -7
- package/Popout/index.js.map +0 -1
- package/Popout/package.json +0 -1
- package/Spinner/Spinner.js +0 -12
- package/Spinner/Spinner.js.map +0 -1
- package/Spinner/index.d.ts +0 -3
- package/Spinner/index.js +0 -7
- package/Spinner/index.js.map +0 -1
- package/Spinner/package.json +0 -1
- package/Table/Table.js +0 -11
- package/Table/Table.js.map +0 -1
- package/Table/index.d.ts +0 -3
- package/Table/index.js +0 -7
- package/Table/index.js.map +0 -1
- package/Table/package.json +0 -1
- package/Tabs/Tabs.js +0 -158
- package/Tabs/Tabs.js.map +0 -1
- package/Tabs/index.d.ts +0 -3
- package/Tabs/index.js +0 -7
- package/Tabs/index.js.map +0 -1
- package/Tabs/package.json +0 -1
- package/ToggleButton/ToggleButton.d.ts +0 -4
- package/ToggleButton/ToggleButton.js +0 -17
- package/ToggleButton/ToggleButton.js.map +0 -1
- package/ToggleButton/ToggleButton.types.d.ts +0 -7
- package/ToggleButton/index.d.ts +0 -3
- package/ToggleButton/index.js +0 -7
- package/ToggleButton/index.js.map +0 -1
- package/ToggleButton/package.json +0 -1
- package/hooks/index.js +0 -6
- package/hooks/index.js.map +0 -1
- package/hooks/package.json +0 -1
- package/hooks/useClassname.d.ts +0 -2
- package/hooks/useClassname.js +0 -7
- package/hooks/useClassname.js.map +0 -1
- package/hooks/useDraggable.d.ts +0 -23
- package/hooks/useDraggable.js +0 -147
- package/hooks/useDraggable.js.map +0 -1
- package/hooks/useKeepElementFocused.d.ts +0 -2
- package/hooks/useKeepElementFocused.js +0 -37
- package/hooks/useKeepElementFocused.js.map +0 -1
- package/hooks/useScreenSize.d.ts +0 -5
- package/hooks/useScreenSize.js +0 -21
- package/hooks/useScreenSize.js.map +0 -1
- package/index.d.ts +0 -18
- package/index.js +0 -19
- package/index.js.map +0 -1
- package/styles/stargazerui.css.map +0 -1
- package/utils/ContrastingColor.d.ts +0 -1
- package/utils/MergeClassnames.d.ts +0 -2
- package/utils/MergeClassnames.js +0 -7
- package/utils/MergeClassnames.js.map +0 -1
- package/utils/MergeRefs.d.ts +0 -2
- package/utils/MergeRefs.js +0 -16
- package/utils/MergeRefs.js.map +0 -1
- /package/{Button → types/components/Button}/Button.d.ts +0 -0
- /package/{Card → types/components/Card}/Card.d.ts +0 -0
- /package/{CloseButton → types/components/CloseButton}/CloseButton.d.ts +0 -0
- /package/{Dropdown → types/components/Dropdown}/Dropdown.d.ts +0 -0
- /package/{FloatingLabel → types/components/FloatingLabel}/FloatingLabel.d.ts +0 -0
- /package/{Nav → types/components/Nav}/Nav.d.ts +0 -0
- /package/{NavDropdown → types/components/NavDropdown}/NavDropdown.types.d.ts +0 -0
- /package/{Popout → types/components/Popout}/Popout.d.ts +0 -0
- /package/{Spinner → types/components/Spinner}/Spinner.d.ts +0 -0
- /package/{Spinner → types/components/Spinner}/Spinner.types.d.ts +0 -0
- /package/{Table → types/components/Table}/Table.d.ts +0 -0
- /package/{Tabs → types/components/Tabs}/Tabs.d.ts +0 -0
package/Tabs/Tabs.js
DELETED
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import React, { createContext, forwardRef, useState, useMemo, useRef, useLayoutEffect, useEffect, useContext } from 'react';
|
|
3
|
-
import mergeClassnames from '../utils/MergeClassnames.js';
|
|
4
|
-
import mergeRefs from '../utils/MergeRefs.js';
|
|
5
|
-
|
|
6
|
-
const TabsContext = createContext(null);
|
|
7
|
-
const TabsContextProvider = ({ children, value }) => {
|
|
8
|
-
return (React.createElement(TabsContext.Provider, { value: value }, children));
|
|
9
|
-
};
|
|
10
|
-
const useTabsContext = () => {
|
|
11
|
-
const context = useContext(TabsContext);
|
|
12
|
-
if (!context) {
|
|
13
|
-
throw new Error("useTabContext has to be used within a TabContextProvider!");
|
|
14
|
-
}
|
|
15
|
-
return context;
|
|
16
|
-
};
|
|
17
|
-
const Tabs = forwardRef(({ children, className, controlId, activeClassName, defaultActive, active, onTabChange, ...restProps }, ref) => {
|
|
18
|
-
const [activeTab, setActiveTab] = useState(defaultActive);
|
|
19
|
-
const activeClass = activeClassName ? activeClassName : "sg-active";
|
|
20
|
-
if (active && activeTab != active) {
|
|
21
|
-
setActiveTab(active);
|
|
22
|
-
}
|
|
23
|
-
if (active && !onTabChange || !active && onTabChange) {
|
|
24
|
-
throw new Error("If you control the tabs externally, you need both an 'active' state and a function 'onTabChange' that controls the 'active' state!");
|
|
25
|
-
}
|
|
26
|
-
const contextValue = useMemo(() => ({
|
|
27
|
-
activeTab,
|
|
28
|
-
setActiveTab,
|
|
29
|
-
controlId,
|
|
30
|
-
activeClass,
|
|
31
|
-
onTabChange
|
|
32
|
-
}), [activeTab, activeClass, controlId, activeClass, onTabChange]);
|
|
33
|
-
return (React.createElement(TabsContextProvider, { value: contextValue },
|
|
34
|
-
React.createElement("div", { ref: ref, id: controlId + "-tab-wrapper", className: `sg-tabs${className ? " " + className : ""}`, ...restProps }, children)));
|
|
35
|
-
});
|
|
36
|
-
Tabs.displayName = "Tabs";
|
|
37
|
-
const ScrollButton = forwardRef(({ className, left = true, controlsRef, style, ...restProps }, ref) => {
|
|
38
|
-
const internalRef = useRef(null);
|
|
39
|
-
const handleScrollBy = () => {
|
|
40
|
-
if (!controlsRef || !controlsRef.current)
|
|
41
|
-
return;
|
|
42
|
-
const tabControls = controlsRef.current;
|
|
43
|
-
const toScroll = (left ? -1 : 1) * 32;
|
|
44
|
-
tabControls.scrollBy(toScroll, 0);
|
|
45
|
-
};
|
|
46
|
-
let scrollIntervalId;
|
|
47
|
-
const handlePointerDown = (event) => {
|
|
48
|
-
clearInterval(scrollIntervalId);
|
|
49
|
-
scrollIntervalId = setInterval(handleScrollBy, 20);
|
|
50
|
-
};
|
|
51
|
-
const handlePointerUp = (event) => {
|
|
52
|
-
clearInterval(scrollIntervalId);
|
|
53
|
-
};
|
|
54
|
-
const handleKeyDown = (event) => {
|
|
55
|
-
if (event.key === "Space" || event.key === "Enter") {
|
|
56
|
-
clearInterval(scrollIntervalId);
|
|
57
|
-
scrollIntervalId = setInterval(handleScrollBy, 20);
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
clearInterval(scrollIntervalId);
|
|
61
|
-
};
|
|
62
|
-
const handleKeyUp = (event) => {
|
|
63
|
-
clearInterval(scrollIntervalId);
|
|
64
|
-
};
|
|
65
|
-
return (React.createElement("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 },
|
|
66
|
-
React.createElement("span", { className: "visually-hidden" },
|
|
67
|
-
"Scroll tab controls ",
|
|
68
|
-
left ? "left" : "right"),
|
|
69
|
-
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256" },
|
|
70
|
-
React.createElement("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" }))));
|
|
71
|
-
});
|
|
72
|
-
const Controls = forwardRef(({ children, className, ...restProps }, ref) => {
|
|
73
|
-
const { controlId, activeClass } = useTabsContext();
|
|
74
|
-
const [isOverflow, setIsOverflow] = useState(false);
|
|
75
|
-
const internalRef = useRef(null);
|
|
76
|
-
const checkWidthOverflow = () => {
|
|
77
|
-
if (!internalRef.current)
|
|
78
|
-
return;
|
|
79
|
-
const el = internalRef.current;
|
|
80
|
-
setIsOverflow(el.clientWidth < el.scrollWidth);
|
|
81
|
-
};
|
|
82
|
-
useLayoutEffect(() => {
|
|
83
|
-
console.log(internalRef.current);
|
|
84
|
-
checkWidthOverflow();
|
|
85
|
-
}, [children]);
|
|
86
|
-
useEffect(() => {
|
|
87
|
-
window.addEventListener("resize", checkWidthOverflow, true);
|
|
88
|
-
return function cleanup() {
|
|
89
|
-
window.removeEventListener("resize", checkWidthOverflow, true);
|
|
90
|
-
};
|
|
91
|
-
}, []);
|
|
92
|
-
const handleKeyDown = (event) => {
|
|
93
|
-
const key = event.key;
|
|
94
|
-
const tabsControls = internalRef.current;
|
|
95
|
-
if (tabsControls) {
|
|
96
|
-
const tabControlsChildren = Array.from(tabsControls.children);
|
|
97
|
-
let newIndex;
|
|
98
|
-
if (key === "ArrowRight" || key === "ArrowLeft") {
|
|
99
|
-
event.preventDefault();
|
|
100
|
-
const activeTab = document.querySelector(".sg-tabs-button" + "." + activeClass);
|
|
101
|
-
const activeTabIndex = tabControlsChildren.indexOf(activeTab);
|
|
102
|
-
const indexChange = key === "ArrowRight" ? 1 : -1;
|
|
103
|
-
newIndex = activeTabIndex + indexChange < 0 ? tabControlsChildren.length - 1 : (activeTabIndex + indexChange >= tabControlsChildren.length ? 0 : activeTabIndex + indexChange);
|
|
104
|
-
}
|
|
105
|
-
else if (key === "Home" || key === "End") {
|
|
106
|
-
event.preventDefault();
|
|
107
|
-
newIndex = key === "Home" ? 0 : tabControlsChildren.length - 1;
|
|
108
|
-
}
|
|
109
|
-
if (!newIndex)
|
|
110
|
-
return;
|
|
111
|
-
tabControlsChildren[newIndex].focus();
|
|
112
|
-
tabControlsChildren[newIndex].click();
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
//div style={{maxWidth:"100%", display:"flex", overflowX:"auto"}}
|
|
116
|
-
return (React.createElement("div", { tabIndex: -1, onKeyDown: (event) => handleKeyDown(event), role: "tablist", id: controlId + "-tab-controls", ref: mergeRefs([ref, internalRef]), className: `sg-tabs-controls${className ? " " + className : ""}`, ...restProps },
|
|
117
|
-
isOverflow ? React.createElement(ScrollButton, { controlsRef: internalRef }) : null,
|
|
118
|
-
children,
|
|
119
|
-
isOverflow ? React.createElement(ScrollButton, { controlsRef: internalRef, left: false }) : null));
|
|
120
|
-
});
|
|
121
|
-
Controls.displayName = "TabsControl";
|
|
122
|
-
const Button = forwardRef(({ children, className, onClick, tabId, id, ...restProps }, ref) => {
|
|
123
|
-
const { activeTab, setActiveTab, activeClass, onTabChange } = useTabsContext();
|
|
124
|
-
const isActiveTab = activeTab === tabId;
|
|
125
|
-
const classNameComputed = "sg-tabs-button" + (className ? " " + className : "") + (isActiveTab ? " " + activeClass : "");
|
|
126
|
-
const handleClick = (event) => {
|
|
127
|
-
if (onTabChange) {
|
|
128
|
-
onTabChange(tabId);
|
|
129
|
-
}
|
|
130
|
-
else {
|
|
131
|
-
setActiveTab(tabId);
|
|
132
|
-
}
|
|
133
|
-
if (onClick) {
|
|
134
|
-
onClick(event);
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
return (React.createElement("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));
|
|
138
|
-
});
|
|
139
|
-
Button.displayName = "TabsButton";
|
|
140
|
-
const Content = forwardRef(({ children, className, ...restProps }, ref) => {
|
|
141
|
-
return (React.createElement("div", { role: "none", ref: ref, className: `sg-tabs-content${className ? " " + className : ""}`, ...restProps }, children));
|
|
142
|
-
});
|
|
143
|
-
Content.displayName = "TabsContent";
|
|
144
|
-
const Page = forwardRef(({ children, className, tabId, ...restProps }, ref) => {
|
|
145
|
-
const { activeTab, activeClass } = useTabsContext();
|
|
146
|
-
const classNameComputed = "sg-tabs-page" + (className ? " " + className : "") + (activeTab === tabId ? " " + activeClass : "");
|
|
147
|
-
return (React.createElement("div", { role: "tabpanel", id: tabId + "-page", "aria-labelledby": tabId + "-button", ref: ref, className: classNameComputed, ...restProps }, children));
|
|
148
|
-
});
|
|
149
|
-
Page.displayName = "TabsPage";
|
|
150
|
-
var Tabs$1 = Object.assign(Tabs, {
|
|
151
|
-
Controls: Controls,
|
|
152
|
-
Button: Button,
|
|
153
|
-
Content: Content,
|
|
154
|
-
Page: Page,
|
|
155
|
-
});
|
|
156
|
-
|
|
157
|
-
export { Tabs$1 as default };
|
|
158
|
-
//# 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":[],"mappings":"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"}
|
package/Tabs/index.d.ts
DELETED
package/Tabs/index.js
DELETED
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,17 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import React, { forwardRef, useState } from 'react';
|
|
3
|
-
|
|
4
|
-
const ToggleButton = forwardRef(({ children, toggled = "false", onClick, ...restProps }, ref) => {
|
|
5
|
-
const [toggledInternal, setToggledInternal] = useState(toggled === "true" ? true : false);
|
|
6
|
-
const handleClick = (event) => {
|
|
7
|
-
setToggledInternal(prev => !prev);
|
|
8
|
-
if (onClick) {
|
|
9
|
-
onClick(event);
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
return (React.createElement("button", { onClick: (event) => handleClick(event), "data-toggled": toggledInternal, ...restProps }, children));
|
|
13
|
-
});
|
|
14
|
-
ToggleButton.displayName = "ToggleButton";
|
|
15
|
-
|
|
16
|
-
export { ToggleButton as default };
|
|
17
|
-
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sources":["../../src/ToggleButton/ToggleButton.tsx"],"sourcesContent":[null],"names":[],"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,CAAA;AACpG,IAAA,MAAM,WAAW,GAAG,CAAC,KAAsD,KAAI;QAC3E,kBAAkB,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAA;QACjC,IAAG,OAAO,EAAE;YACR,OAAO,CAAC,KAAK,CAAC,CAAA;SACjB;AACL,KAAC,CAAA;IACD,QACI,gCAAQ,OAAO,EAAE,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC,kBAAgB,eAAe,EAAA,GAAM,SAAS,EACvF,EAAA,QAAQ,CACJ,EACZ;AACL,CAAC,EAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
|
package/ToggleButton/index.d.ts
DELETED
package/ToggleButton/index.js
DELETED
|
@@ -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,6 +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
|
-
//# sourceMappingURL=index.js.map
|
package/hooks/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/hooks/package.json
DELETED
|
@@ -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"}}
|
package/hooks/useClassname.d.ts
DELETED
package/hooks/useClassname.js
DELETED
|
@@ -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,CAAA;AACzD;;;;"}
|
package/hooks/useDraggable.d.ts
DELETED
|
@@ -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;
|
package/hooks/useDraggable.js
DELETED
|
@@ -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,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,CAAA;AACpG,YAAA,MAAM,KAAK,GAAG,UAAU,CAAC,OAAsB,CAAA;YAC/C,IAAG,KAAK,EAAE;gBACN,MAAM,qBAAqB,GAAG,KAAK,CAAC,gBAAgB,CAAc,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;gBACvF,MAAM,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,CAAc,iBAAiB,CAAC,CAAA;gBAC/E,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;AAC1E,gBAAA,IAAI,YAAY,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,CAAC;gBAE9D,IAAI,CAAC,YAAY,EAAE;oBACf,OAAO;iBACV;AAED,gBAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAChB,oBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,qBAAqB,EAAE;wBAClD,oBAAoB,CAAC,KAAK,EAAE,CAAA;wBAC5B,KAAK,CAAC,cAAc,EAAE,CAAA;qBACzB;iBACJ;AAAM,qBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,oBAAoB,EAAE;oBACxD,qBAAqB,CAAC,KAAK,EAAE,CAAC;oBAC9B,KAAK,CAAC,cAAc,EAAE,CAAA;iBACzB;aACJ;AACL,SAAC,CAAA;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAE,CAAA;AAEtD,QAAA,OAAO,SAAS,OAAO,GAAA;YACnB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAE,CAAA;AAC7D,SAAC,CAAA;AACL,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;AACpB;;;;"}
|
package/hooks/useScreenSize.d.ts
DELETED
package/hooks/useScreenSize.js
DELETED
|
@@ -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,CAAA;IAGvF,MAAM,YAAY,GAAG,MAAI;AACrB,QAAA,OAAO,CAAC,EAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAC,CAAC,CAAA;AACnE,KAAC,CAAA;AACD,IAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAClC,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC,EACtC,CAAC,YAAY,CAAC,CAAE,CAAA;IAErB,SAAS,CAAC,MAAK;QACd,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;AAC9D,QAAA,OAAO,SAAS,OAAO,GAAA;YACtB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;AAClE,SAAC,CAAA;AACF,KAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAA;AACxB,IAAA,OAAO,IAAI,CAAA;AACf;;;;"}
|
package/index.d.ts
DELETED
|
@@ -1,18 +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 "./Popout";
|
|
14
|
-
export * from "./Spinner";
|
|
15
|
-
export * from "./Table";
|
|
16
|
-
export * from "./Tabs";
|
|
17
|
-
export * from "./ToggleButton";
|
|
18
|
-
export * from "./utils/BaseTypes";
|
package/index.js
DELETED
|
@@ -1,19 +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 './Popout/Popout.js';
|
|
15
|
-
import './Spinner/Spinner.js';
|
|
16
|
-
import './Table/Table.js';
|
|
17
|
-
import './Tabs/Tabs.js';
|
|
18
|
-
import './ToggleButton/ToggleButton.js';
|
|
19
|
-
//# sourceMappingURL=index.js.map
|
package/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
|