stargazer-ui 1.2.1 → 1.2.2
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/Bar/Bar.type.d.ts +6 -0
- package/Bar/index.js +2 -0
- package/Bar/index.js.map +1 -0
- package/Bar/package.json +1 -0
- package/Button/Button.js +12 -0
- package/Button/Button.js.map +1 -0
- package/{types/components/Button → Button}/Button.types.d.ts +1 -2
- package/Button/index.d.ts +3 -0
- package/Button/index.js +7 -0
- package/Button/index.js.map +1 -0
- package/Button/package.json +1 -0
- package/ButtonGroup/ButtonGroup.d.ts +4 -0
- package/ButtonGroup/ButtonGroup.js +10 -0
- package/ButtonGroup/ButtonGroup.js.map +1 -0
- package/ButtonGroup/ButtonGroup.types.d.ts +7 -0
- package/ButtonGroup/index.d.ts +3 -0
- package/ButtonGroup/index.js +7 -0
- package/ButtonGroup/index.js.map +1 -0
- package/ButtonGroup/package.json +1 -0
- package/Card/Card.js +41 -0
- package/Card/Card.js.map +1 -0
- package/{types/components/Card → Card}/Card.types.d.ts +3 -1
- package/Card/index.d.ts +3 -0
- package/Card/index.js +7 -0
- package/Card/index.js.map +1 -0
- package/Card/package.json +1 -0
- package/CloseButton/CloseButton.js +11 -0
- package/CloseButton/CloseButton.js.map +1 -0
- package/{types/components/CloseButton → CloseButton}/CloseButton.types.d.ts +1 -1
- package/CloseButton/index.d.ts +3 -0
- package/CloseButton/index.js +7 -0
- package/CloseButton/index.js.map +1 -0
- package/CloseButton/package.json +1 -0
- package/Dropdown/Dropdown.js +301 -0
- package/Dropdown/Dropdown.js.map +1 -0
- package/{types/components/Dropdown → Dropdown}/Dropdown.types.d.ts +3 -10
- package/Dropdown/index.d.ts +4 -0
- package/Dropdown/index.js +8 -0
- package/Dropdown/index.js.map +1 -0
- package/Dropdown/package.json +1 -0
- package/FileUploadButton/FileUploadButton.d.ts +4 -0
- package/FileUploadButton/FileUploadButton.js +21 -0
- package/FileUploadButton/FileUploadButton.js.map +1 -0
- package/FileUploadButton/FileUploadButton.types.d.ts +7 -0
- package/FileUploadButton/index.d.ts +3 -0
- package/FileUploadButton/index.js +7 -0
- package/FileUploadButton/index.js.map +1 -0
- package/FileUploadButton/package.json +1 -0
- package/FloatingLabel/FloatingLabel.js +17 -0
- package/FloatingLabel/FloatingLabel.js.map +1 -0
- package/{types/components/FloatingLabel → FloatingLabel}/FloatingLabel.types.d.ts +1 -1
- package/FloatingLabel/index.d.ts +3 -0
- package/FloatingLabel/index.js +7 -0
- package/FloatingLabel/index.js.map +1 -0
- package/FloatingLabel/package.json +1 -0
- package/Form/Form.d.ts +38 -0
- package/Form/Form.js +308 -0
- package/Form/Form.js.map +1 -0
- package/Form/Form.types.d.ts +105 -0
- package/Form/index.d.ts +4 -0
- package/Form/index.js +8 -0
- package/Form/index.js.map +1 -0
- package/Form/package.json +1 -0
- package/InputGroup/InputGroup.d.ts +7 -0
- package/InputGroup/InputGroup.js +31 -0
- package/InputGroup/InputGroup.js.map +1 -0
- package/InputGroup/InputGroup.types.d.ts +16 -0
- package/InputGroup/index.d.ts +4 -0
- package/InputGroup/index.js +7 -0
- package/InputGroup/index.js.map +1 -0
- package/InputGroup/package.json +1 -0
- package/List/List.d.ts +14 -0
- package/List/List.js +76 -0
- package/List/List.js.map +1 -0
- package/List/List.types.d.ts +28 -0
- package/List/index.d.ts +3 -0
- package/List/index.js +7 -0
- package/List/index.js.map +1 -0
- package/List/package.json +1 -0
- package/{types/components/Modal → Modal}/Modal.d.ts +1 -1
- package/Modal/Modal.js +160 -0
- package/Modal/Modal.js.map +1 -0
- package/{types/components/Modal → Modal}/Modal.types.d.ts +3 -2
- package/Modal/index.d.ts +3 -0
- package/Modal/index.js +7 -0
- package/Modal/index.js.map +1 -0
- package/Modal/package.json +1 -0
- package/Nav/Nav.js +28 -0
- package/Nav/Nav.js.map +1 -0
- package/{types/components/Nav → Nav}/Nav.types.d.ts +1 -1
- package/Nav/index.d.ts +4 -0
- package/Nav/index.js +7 -0
- package/Nav/index.js.map +1 -0
- package/Nav/package.json +1 -0
- package/{types/components/NavBar → NavBar}/Navbar.d.ts +1 -2
- package/NavBar/Navbar.js +36 -0
- package/NavBar/Navbar.js.map +1 -0
- package/{types/components/NavBar → NavBar}/Navbar.types.d.ts +2 -1
- package/NavBar/index.d.ts +4 -0
- package/NavBar/index.js +8 -0
- package/NavBar/index.js.map +1 -0
- package/NavBar/package.json +1 -0
- package/{types/components/NavDropdown → NavDropdown}/NavDropdown.d.ts +2 -2
- package/NavDropdown/NavDropdown.js +77 -0
- package/NavDropdown/NavDropdown.js.map +1 -0
- package/NavDropdown/index.d.ts +3 -0
- package/NavDropdown/index.js +7 -0
- package/NavDropdown/index.js.map +1 -0
- package/NavDropdown/package.json +1 -0
- package/Overlay/Overlay.d.ts +4 -0
- package/Overlay/Overlay.js +228 -0
- package/Overlay/Overlay.js.map +1 -0
- package/Overlay/Overlay.types.d.ts +18 -0
- package/{src/Overlay/index.ts → Overlay/index.d.ts} +3 -3
- package/Overlay/index.js +7 -0
- package/Overlay/index.js.map +1 -0
- package/Overlay/package.json +1 -0
- package/Popout/Popout.js +110 -0
- package/Popout/Popout.js.map +1 -0
- package/{types/components/Popout → Popout}/Popout.types.d.ts +1 -1
- package/Popout/index.d.ts +3 -0
- package/Popout/index.js +7 -0
- package/Popout/index.js.map +1 -0
- package/Popout/package.json +1 -0
- package/Spinner/Spinner.js +12 -0
- package/Spinner/Spinner.js.map +1 -0
- package/Spinner/index.d.ts +3 -0
- package/Spinner/index.js +7 -0
- package/Spinner/index.js.map +1 -0
- package/Spinner/package.json +1 -0
- package/Table/Table.js +11 -0
- package/Table/Table.js.map +1 -0
- package/{types/components/Table → Table}/Table.types.d.ts +1 -1
- package/Table/index.d.ts +3 -0
- package/Table/index.js +7 -0
- package/Table/index.js.map +1 -0
- package/Table/package.json +1 -0
- package/Tabs/Tabs.js +158 -0
- package/Tabs/Tabs.js.map +1 -0
- package/{types/components/Tabs → Tabs}/Tabs.types.d.ts +9 -1
- package/Tabs/index.d.ts +3 -0
- package/Tabs/index.js +7 -0
- package/Tabs/index.js.map +1 -0
- package/Tabs/package.json +1 -0
- package/ToggleButton/ToggleButton.d.ts +4 -0
- package/ToggleButton/ToggleButton.js +17 -0
- package/ToggleButton/ToggleButton.js.map +1 -0
- package/ToggleButton/ToggleButton.types.d.ts +7 -0
- package/ToggleButton/index.d.ts +3 -0
- package/ToggleButton/index.js +7 -0
- package/ToggleButton/index.js.map +1 -0
- package/ToggleButton/package.json +1 -0
- package/{src/hooks/index.ts → hooks/index.d.ts} +5 -6
- package/hooks/index.js +6 -0
- package/hooks/index.js.map +1 -0
- package/hooks/package.json +1 -0
- package/hooks/useClassname.d.ts +2 -0
- package/hooks/useClassname.js +7 -0
- package/hooks/useClassname.js.map +1 -0
- package/hooks/useDraggable.d.ts +23 -0
- package/hooks/useDraggable.js +147 -0
- package/hooks/useDraggable.js.map +1 -0
- package/hooks/useKeepElementFocused.d.ts +2 -0
- package/hooks/useKeepElementFocused.js +37 -0
- package/hooks/useKeepElementFocused.js.map +1 -0
- package/hooks/useScreenSize.d.ts +5 -0
- package/hooks/useScreenSize.js +21 -0
- package/hooks/useScreenSize.js.map +1 -0
- package/index.d.ts +18 -0
- package/index.js +19 -0
- package/index.js.map +1 -0
- package/package.json +1 -79
- package/{dev → styles}/stargazerui.css +3099 -395
- package/styles/stargazerui.css.map +1 -0
- package/{src/utils/BaseTypes.ts → utils/BaseTypes.d.ts} +23 -30
- package/utils/ContrastingColor.d.ts +1 -0
- package/utils/MergeClassnames.d.ts +2 -0
- package/utils/MergeClassnames.js +7 -0
- package/utils/MergeClassnames.js.map +1 -0
- package/utils/MergeRefs.d.ts +2 -0
- package/utils/MergeRefs.js +16 -0
- package/utils/MergeRefs.js.map +1 -0
- package/.babelrc.json +0 -10
- package/.eslintrc.cjs +0 -18
- package/.gitattributes +0 -2
- package/LICENSE +0 -21
- package/dev/index.html +0 -12
- package/dev/index.jsx +0 -49
- package/dev/index.scss +0 -59
- package/dev/pages/ButtonPage.jsx +0 -44
- package/dev/pages/CardPage.jsx +0 -81
- package/dev/pages/DropdownPage.jsx +0 -31
- package/dev/pages/FormPage.jsx +0 -130
- package/dev/pages/ListPage.jsx +0 -52
- package/dev/pages/ModalPage.jsx +0 -37
- package/dev/pages/OverlayPage.jsx +0 -35
- package/dev/pages/components.jsx +0 -19
- package/dev/stargazerui.css.map +0 -1
- package/dev/test.jsx +0 -88
- package/rollup.config.js +0 -140
- package/scripts/writePackageJsons.js +0 -42
- package/src/Bar/Bar.tsx +0 -0
- package/src/Bar/Bar.type.ts +0 -9
- package/src/Bar/index.ts +0 -0
- package/src/Button/Button.tsx +0 -17
- package/src/Button/Button.types.ts +0 -8
- package/src/Button/index.ts +0 -3
- package/src/ButtonGroup/ButtonGroup.tsx +0 -14
- package/src/ButtonGroup/ButtonGroup.types.ts +0 -8
- package/src/ButtonGroup/index.ts +0 -3
- package/src/Card/Card.tsx +0 -70
- package/src/Card/Card.types.ts +0 -33
- package/src/Card/index.ts +0 -3
- package/src/CloseButton/CloseButton.tsx +0 -14
- package/src/CloseButton/CloseButton.types.ts +0 -6
- package/src/CloseButton/index.ts +0 -3
- package/src/Dropdown/Dropdown.tsx +0 -358
- package/src/Dropdown/Dropdown.types.ts +0 -52
- package/src/Dropdown/index.ts +0 -4
- package/src/FileUploadButton/FileUploadButton.tsx +0 -27
- package/src/FileUploadButton/FileUploadButton.types.ts +0 -9
- package/src/FileUploadButton/index.ts +0 -3
- package/src/FloatingLabel/FloatingLabel.tsx +0 -22
- package/src/FloatingLabel/FloatingLabel.types.ts +0 -11
- package/src/FloatingLabel/index.ts +0 -3
- package/src/Form/Form.tsx +0 -445
- package/src/Form/Form.types.ts +0 -117
- package/src/Form/index.ts +0 -4
- package/src/InputGroup/InputGroup.tsx +0 -46
- package/src/InputGroup/InputGroup.types.ts +0 -21
- package/src/InputGroup/index.ts +0 -4
- package/src/List/List.tsx +0 -112
- package/src/List/List.types.ts +0 -34
- package/src/List/index.ts +0 -4
- package/src/Modal/Modal.tsx +0 -220
- package/src/Modal/Modal.types.ts +0 -49
- package/src/Modal/index.ts +0 -4
- package/src/Nav/Nav.tsx +0 -43
- package/src/Nav/Nav.types.ts +0 -21
- package/src/Nav/index.ts +0 -4
- package/src/NavBar/Navbar.tsx +0 -57
- package/src/NavBar/Navbar.types.ts +0 -24
- package/src/NavBar/index.ts +0 -4
- package/src/NavDropdown/NavDropdown.tsx +0 -93
- package/src/NavDropdown/NavDropdown.types.ts +0 -6
- package/src/NavDropdown/index.ts +0 -3
- package/src/Overlay/Overlay.tsx +0 -277
- package/src/Overlay/Overlay.types.ts +0 -20
- package/src/Popout/Popout.tsx +0 -155
- package/src/Popout/Popout.types.ts +0 -42
- package/src/Popout/index.ts +0 -3
- package/src/Spinner/Spinner.tsx +0 -15
- package/src/Spinner/Spinner.types.ts +0 -7
- package/src/Spinner/index.ts +0 -3
- package/src/Table/Table.tsx +0 -16
- package/src/Table/Table.types.ts +0 -9
- package/src/Table/index.ts +0 -3
- package/src/Tabs/Tabs.tsx +0 -215
- package/src/Tabs/Tabs.types.ts +0 -49
- package/src/Tabs/index.ts +0 -3
- package/src/ToggleButton/ToggleButton.tsx +0 -21
- package/src/ToggleButton/ToggleButton.types.ts +0 -8
- package/src/ToggleButton/index.ts +0 -3
- package/src/hooks/useClassname.ts +0 -5
- package/src/hooks/useDraggable.ts +0 -186
- package/src/hooks/useKeepElementFocused.ts +0 -37
- package/src/hooks/useScreenSize.ts +0 -24
- package/src/index.ts +0 -21
- package/src/styles/_Card.scss +0 -166
- package/src/styles/_CloseButton.scss +0 -51
- package/src/styles/_CustomButton.scss +0 -132
- package/src/styles/_Dropdown.scss +0 -120
- package/src/styles/_FloatingLabel.scss +0 -56
- package/src/styles/_Forms.scss +0 -7
- package/src/styles/_Grid.scss +0 -178
- package/src/styles/_InputGroup.scss +0 -71
- package/src/styles/_List.scss +0 -62
- package/src/styles/_Modal.scss +0 -234
- package/src/styles/_ModalOld.scss +0 -242
- package/src/styles/_Nav.scss +0 -36
- package/src/styles/_NavBar.scss +0 -116
- package/src/styles/_NavDropdown.scss +0 -34
- package/src/styles/_OffCanvas.scss +0 -260
- package/src/styles/_OverLay.scss +0 -56
- package/src/styles/_Popout.scss +0 -75
- package/src/styles/_Spinner.scss +0 -19
- package/src/styles/_Table.scss +0 -34
- package/src/styles/_Tabs.scss +0 -129
- package/src/styles/_colors.scss +0 -510
- package/src/styles/_components.scss +0 -40
- package/src/styles/_functions.scss +0 -134
- package/src/styles/_mixins.scss +0 -26
- package/src/styles/_reset.scss +0 -231
- package/src/styles/_utilities.scss +0 -2480
- package/src/styles/_variables.scss +0 -146
- package/src/styles/forms/_FormCheck.scss +0 -269
- package/src/styles/forms/_FormControl.scss +0 -102
- package/src/styles/forms/_FormGroup.scss +0 -21
- package/src/styles/forms/_FormLabel.scss +0 -3
- package/src/styles/forms/_FormSelect.scss +0 -164
- package/src/styles/forms/_FormSlider.scss +0 -116
- package/src/styles/forms/_FormText.scss +0 -6
- package/src/utils/ContrastingColor.ts +0 -25
- package/src/utils/FileImportExport.js +0 -50
- package/src/utils/MergeClassnames.ts +0 -5
- package/src/utils/MergeRefs.ts +0 -12
- package/src/vite-env.d.ts +0 -1
- package/tsconfig-build.json +0 -4
- package/tsconfig.json +0 -79
- package/tsconfig.node.json +0 -10
- package/types/BaseTypes.d.ts +0 -19
- package/types/components/Button/index.d.ts +0 -1
- package/types/components/Card/index.d.ts +0 -1
- package/types/components/CloseButton/index.d.ts +0 -1
- package/types/components/Dropdown/index.d.ts +0 -1
- package/types/components/FloatingLabel/index.d.ts +0 -1
- package/types/components/Form/Form.d.ts +0 -17
- package/types/components/Form/Form.types.d.ts +0 -50
- package/types/components/Form/index.d.ts +0 -1
- package/types/components/InputGroup/InputGroup.d.ts +0 -6
- package/types/components/InputGroup/InputGroup.types.d.ts +0 -10
- package/types/components/InputGroup/index.d.ts +0 -1
- package/types/components/Modal/index.d.ts +0 -1
- package/types/components/Nav/index.d.ts +0 -1
- package/types/components/NavBar/index.d.ts +0 -1
- package/types/components/NavDropdown/index.d.ts +0 -1
- package/types/components/Popout/index.d.ts +0 -1
- package/types/components/Spinner/index.d.ts +0 -1
- package/types/components/Table/index.d.ts +0 -1
- package/types/components/Tabs/index.d.ts +0 -1
- package/types/components/ToggleButton/ToggleButton.d.ts +0 -9
- package/types/components/ToggleButton/ToggleButton.types.d.ts +0 -0
- package/types/components/ToggleButton/index.d.ts +0 -1
- package/types/components/index.d.ts +0 -16
- package/types/index.d.ts +0 -1
- package/vite.config.js +0 -57
- package/vite.config.js.timestamp-1708777378490-e94428ceb2bf9.mjs +0 -42
- /package/{types/components/Button → Button}/Button.d.ts +0 -0
- /package/{types/components/Card → Card}/Card.d.ts +0 -0
- /package/{types/components/CloseButton → CloseButton}/CloseButton.d.ts +0 -0
- /package/{types/components/Dropdown → Dropdown}/Dropdown.d.ts +0 -0
- /package/{types/components/FloatingLabel → FloatingLabel}/FloatingLabel.d.ts +0 -0
- /package/{types/components/Nav → Nav}/Nav.d.ts +0 -0
- /package/{types/components/NavDropdown → NavDropdown}/NavDropdown.types.d.ts +0 -0
- /package/{types/components/Popout → Popout}/Popout.d.ts +0 -0
- /package/{types/components/Spinner → Spinner}/Spinner.d.ts +0 -0
- /package/{types/components/Spinner → Spinner}/Spinner.types.d.ts +0 -0
- /package/{types/components/Table → Table}/Table.d.ts +0 -0
- /package/{types/components/Tabs → Tabs}/Tabs.d.ts +0 -0
package/Bar/index.js
ADDED
package/Bar/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/Bar/package.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"name":"stargazer-ui/Bar","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}
|
package/Button/Button.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
|
|
4
|
+
const Button = forwardRef(({ children, variant = "primary", className, ...rest }, ref) => {
|
|
5
|
+
const variants = ["primary", "secondary", "success", "info", "warning", "danger", "dark", "light"]; //["red", "blue", "yellow", "green", "purple"]
|
|
6
|
+
const variantTest = variants.find(variantTest => variantTest === variant) ? variant : "primary";
|
|
7
|
+
return (React.createElement("button", { ref: ref, type: "button", className: `sg-button sg-button-${variantTest}${className ? "" : " " + className}`, ...rest }, children));
|
|
8
|
+
});
|
|
9
|
+
Button.displayName = "Button";
|
|
10
|
+
|
|
11
|
+
export { Button as default };
|
|
12
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,MAAM,GAAG,UAAU,CAAiC,CAAC,EAAC,QAAQ,EAAE,OAAO,GAAC,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,GAAG,KAAI;IACjH,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IAClG,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,KAAK,OAAO,CAAC,GAAG,OAAO,GAAG,SAAS,CAAA;AAC/F,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAA,oBAAA,EAAuB,WAAW,CAAG,EAAA,SAAS,GAAG,EAAE,GAAG,GAAG,GAAC,SAAS,CAAA,CAAE,KAAM,IAAI,EAAA,EACrH,QAAQ,CACJ,EACZ;AACL,CAAC,EAAE;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
|
package/Button/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"name":"stargazer-ui/Button","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
|
|
4
|
+
const ButtonGroup = forwardRef(({ children, className, vertical = false, ...restProps }, ref) => {
|
|
5
|
+
return (React.createElement("div", { ref: ref, role: "group", className: `sg-button-group${vertical ? "-vertical" : ""}${className ? " " + className : ""}`, ...restProps }, children));
|
|
6
|
+
});
|
|
7
|
+
ButtonGroup.displayName = "ButtonGroup";
|
|
8
|
+
|
|
9
|
+
export { ButtonGroup as default };
|
|
10
|
+
//# sourceMappingURL=ButtonGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAGM,MAAA,WAAW,GAAG,UAAU,CAAmC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAC,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC3H,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,CAAkB,eAAA,EAAA,QAAQ,GAAG,WAAW,GAAG,EAAE,GAAG,SAAS,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,EAAE,EAAM,GAAA,SAAS,IACjI,QAAQ,CACP,EACT;AACL,CAAC,EAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"name":"stargazer-ui/ButtonGroup","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}
|
package/Card/Card.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
|
|
4
|
+
const Card = forwardRef(({ children, className, variant, inverted = false, ...restProps }, ref) => {
|
|
5
|
+
return (React.createElement("div", { ref: ref, className: `sg-card${className ? " " + className : ""}${variant ? " " + variant : ""}${inverted ? " inverted" : ""}`, ...restProps }, children));
|
|
6
|
+
});
|
|
7
|
+
Card.displayName = "Card";
|
|
8
|
+
const Header = forwardRef(({ as = "div", className, children, ...restProps }, ref) => {
|
|
9
|
+
let validAs = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"];
|
|
10
|
+
let Component = validAs.find(valid => valid === as) ? as : "div";
|
|
11
|
+
return (React.createElement(Component, { ref: ref, className: `sg-card-header ${className}`, ...restProps }, children));
|
|
12
|
+
});
|
|
13
|
+
Header.displayName = "CardHeader";
|
|
14
|
+
const Title = forwardRef(({ as = "h5", className, children, ...restProps }, ref) => {
|
|
15
|
+
let validAs = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
16
|
+
let Component = validAs.find(valid => valid === as) ? as : "h5";
|
|
17
|
+
return (React.createElement(Component, { ref: ref, className: `sg-card-title${className ? " " + className : ""}`, ...restProps }, children));
|
|
18
|
+
});
|
|
19
|
+
Title.displayName = "CardTitle";
|
|
20
|
+
const Body = forwardRef(({ children, className, ...restProps }, ref) => {
|
|
21
|
+
return (React.createElement("div", { ref: ref, className: `sg-card-body ${className}`, ...restProps }, children));
|
|
22
|
+
});
|
|
23
|
+
Body.displayName = "CardBody";
|
|
24
|
+
const Text = forwardRef(({ children, className, ...restProps }, ref) => {
|
|
25
|
+
return (React.createElement("p", { ref: ref, className: `sg-card-text ${className}`, ...restProps }, children));
|
|
26
|
+
});
|
|
27
|
+
Text.displayName = "CardText";
|
|
28
|
+
const Footer = forwardRef(({ children, className, ...restProps }, ref) => {
|
|
29
|
+
return (React.createElement("div", { ref: ref, className: `sg-card-footer ${className}`, ...restProps }, children));
|
|
30
|
+
});
|
|
31
|
+
Footer.displayName = "CardFooter";
|
|
32
|
+
var Card$1 = Object.assign(Card, {
|
|
33
|
+
Header: Header,
|
|
34
|
+
Body: Body,
|
|
35
|
+
Title: Title,
|
|
36
|
+
Text: Text,
|
|
37
|
+
Footer: Footer
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
export { Card$1 as default };
|
|
41
|
+
//# sourceMappingURL=Card.js.map
|
package/Card/Card.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA,MAAM,IAAI,GAAG,UAAU,CAA4B,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAC,KAAK,EAAC,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IACpH,QACI,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,OAAA,EAAU,SAAS,GAAG,GAAG,GAAC,SAAS,GAAC,EAAE,CAAG,EAAA,OAAO,GAAG,GAAG,GAAC,OAAO,GAAC,EAAE,CAAA,EAAG,QAAQ,GAAG,WAAW,GAAC,EAAE,CAAE,CAAA,EAAA,GAAM,SAAS,EACnI,EAAA,QAAQ,CACP,EACT;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,MAAM,GAAG,UAAU,CAAyE,CAAC,EAAC,EAAE,GAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACrJ,IAAA,IAAI,OAAO,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;IACjE,IAAI,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,CAAA;AAEhE,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAkB,eAAA,EAAA,SAAS,EAAE,EAAM,GAAA,SAAS,IACvE,QAAQ,CACD,EACf;AACL,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,YAAY,CAAA;AAEjC,MAAM,KAAK,GAAG,UAAU,CAAqC,CAAC,EAAC,EAAE,GAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC/G,IAAA,IAAI,OAAO,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;IAClD,IAAI,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAAA;AAC/D,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAgB,aAAA,EAAA,SAAS,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,CAAE,CAAA,EAAA,GAAM,SAAS,EAAA,EAC1F,QAAQ,CACD,EACf;AACL,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAI,WAAW,CAAA;AAEhC,MAAM,IAAI,GAAG,UAAU,CAAgC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAChG,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAgB,aAAA,EAAA,SAAS,EAAE,EAAM,GAAA,SAAS,IAC/D,QAAQ,CACP,EACT;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,UAAU,CAAA;AAE7B,MAAM,IAAI,GAAG,UAAU,CAAsC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACtG,IAAA,QACI,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAgB,aAAA,EAAA,SAAS,EAAE,EAAM,GAAA,SAAS,IAC7D,QAAQ,CACT,EACP;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,UAAU,CAAA;AAE7B,MAAM,MAAM,GAAG,UAAU,CAAkC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACpG,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAkB,eAAA,EAAA,SAAS,EAAE,EAAM,GAAA,SAAS,IACjE,QAAQ,CACP,EACT;AACL,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,YAAY,CAAA;AAEjC,aAAgB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;AAChC,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,MAAM,EAAE,MAAM;AACjB,CAAA,CAAC;;;;"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
import { BaseDivType, BaseHeadingType, BaseSpanType, BaseParagraphType } from "
|
|
2
|
+
import { BaseDivType, BaseHeadingType, BaseSpanType, BaseParagraphType } from "../utils/BaseTypes";
|
|
3
3
|
export type CardType = {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
|
+
variant?: string;
|
|
7
|
+
inverted?: boolean;
|
|
6
8
|
} & BaseDivType;
|
|
7
9
|
export type CardHeaderPossible = BaseDivType | BaseSpanType | BaseHeadingType;
|
|
8
10
|
export type CardHeaderType = {
|
package/Card/index.d.ts
ADDED
package/Card/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"name":"stargazer-ui/Card","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
|
|
4
|
+
const CloseButton = forwardRef(({ className, variant = false, ...restProps }, ref) => {
|
|
5
|
+
return (React.createElement("button", { ref: ref, className: `sg-button-close${variant ? " sg-button-close-white" : ""} ${className}`, ...restProps },
|
|
6
|
+
React.createElement("span", { className: "sg-close-visually-hidden-label" }, "Close")));
|
|
7
|
+
});
|
|
8
|
+
CloseButton.displayName = "CloseButton";
|
|
9
|
+
|
|
10
|
+
export { CloseButton as default };
|
|
11
|
+
//# sourceMappingURL=CloseButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CloseButton.js","sources":["../../src/CloseButton/CloseButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA,MAAM,WAAW,GAAG,UAAU,CAAsC,CAAC,EAAC,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IACpH,QACI,gCAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,eAAA,EAAkB,OAAO,GAAG,wBAAwB,GAAG,EAAE,CAAI,CAAA,EAAA,SAAS,CAAE,CAAA,EAAA,GAAM,SAAS,EAAA;AAChH,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAa,EAAA,OAAA,CAAA,CACxD,EACZ;AACL,CAAC,EAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"name":"stargazer-ui/CloseButton","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}
|
|
@@ -0,0 +1,301 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React, { createContext, forwardRef, useState, useCallback, useMemo, useEffect, useLayoutEffect, useContext } from 'react';
|
|
3
|
+
|
|
4
|
+
//automatic menu placement function
|
|
5
|
+
const getDropdownMenuPlacement = (controlId, drop = "down", align = "start") => {
|
|
6
|
+
const dropPossible = ["down", "up", "right", "left"];
|
|
7
|
+
const alignPossible = ["start", "end", "center"];
|
|
8
|
+
let placement = (dropPossible.find(item => item === drop) ? drop : "down") + "-" + (alignPossible.find(item => item === align) ? align : "start");
|
|
9
|
+
const topOffset = drop === "down" || drop === "up" ? 5 : 0;
|
|
10
|
+
const leftOffset = drop === "right" || drop === "left" ? 5 : 0;
|
|
11
|
+
const button = document.getElementById(controlId);
|
|
12
|
+
const buttonLeftBase = button.getBoundingClientRect().left;
|
|
13
|
+
const buttonTopBase = button.getBoundingClientRect().top + button.clientHeight;
|
|
14
|
+
const menu = document.getElementById(controlId + "-menu");
|
|
15
|
+
let position = {
|
|
16
|
+
top: drop === "up" ? buttonTopBase - (menu.clientHeight + button.clientHeight + topOffset) : buttonTopBase + topOffset,
|
|
17
|
+
left: drop === "right" ? buttonLeftBase + button.clientWidth + leftOffset : (drop === "left" ? buttonLeftBase - menu.clientWidth - leftOffset : buttonLeftBase)
|
|
18
|
+
};
|
|
19
|
+
switch (placement) {
|
|
20
|
+
case "down-start":
|
|
21
|
+
case "up-start":
|
|
22
|
+
break;
|
|
23
|
+
case "down-center":
|
|
24
|
+
case "up-center":
|
|
25
|
+
position.left += -1 * (menu.clientWidth - button.clientWidth) / 2;
|
|
26
|
+
break;
|
|
27
|
+
case "down-end":
|
|
28
|
+
case "up-end":
|
|
29
|
+
position.left += -1 * (menu.clientWidth - button.clientWidth);
|
|
30
|
+
break;
|
|
31
|
+
case "right-start":
|
|
32
|
+
case "left-start":
|
|
33
|
+
position.top += -1 * button.clientHeight;
|
|
34
|
+
break;
|
|
35
|
+
case "right-center":
|
|
36
|
+
case "left-center":
|
|
37
|
+
position.top += -1 * button.clientHeight / 2 - menu.clientHeight / 2;
|
|
38
|
+
break;
|
|
39
|
+
case "right-end":
|
|
40
|
+
case "left-end":
|
|
41
|
+
position.top += -1 * menu.clientHeight;
|
|
42
|
+
}
|
|
43
|
+
return position;
|
|
44
|
+
};
|
|
45
|
+
// is click event on the menu
|
|
46
|
+
const isEventOnMenu = (event, controlId = "") => {
|
|
47
|
+
const element = event.target;
|
|
48
|
+
const eventIsOnMenu = document.getElementById(controlId + "-menu").contains(element);
|
|
49
|
+
return eventIsOnMenu;
|
|
50
|
+
};
|
|
51
|
+
const DropdownContext = createContext(null);
|
|
52
|
+
const DropdownContextProvider = ({ children, value }) => {
|
|
53
|
+
return (React.createElement(DropdownContext.Provider, { value: value }, children));
|
|
54
|
+
};
|
|
55
|
+
const useDropdownContext = () => {
|
|
56
|
+
const context = useContext(DropdownContext);
|
|
57
|
+
if (!context) {
|
|
58
|
+
throw new Error("useDropdownContext has to be used within DropdownContextProvider!");
|
|
59
|
+
}
|
|
60
|
+
return context;
|
|
61
|
+
};
|
|
62
|
+
const Dropdown = forwardRef(({ children, className, onSelect, onToggle, controlId, navDropdown = false, drop = "down", align = "start", autoClose = true, show = "default", ...restProps }, ref) => {
|
|
63
|
+
const [showInternal, setShowInternal] = useState(show === "default" ? false : show);
|
|
64
|
+
// this is an object like {index: string} because we need it to rerender even if the case is the same
|
|
65
|
+
// aka we use a "next/previous" case to navigate through the dropdown menu so need to rerender consecutive "next" cases
|
|
66
|
+
const [activeDescendant, setActiveDescendant] = useState({ case: "" });
|
|
67
|
+
const internalOnToggle = useCallback((event) => {
|
|
68
|
+
event.stopPropagation();
|
|
69
|
+
setShowInternal(prev => !prev);
|
|
70
|
+
}, []);
|
|
71
|
+
const contextValue = useMemo(() => ({
|
|
72
|
+
align,
|
|
73
|
+
drop,
|
|
74
|
+
showInternal: show != "default" && onToggle ? show : showInternal,
|
|
75
|
+
handleToggle: show != "default" && onToggle ? onToggle : internalOnToggle,
|
|
76
|
+
controlId: controlId,
|
|
77
|
+
activeDescendant,
|
|
78
|
+
setActiveDescendant,
|
|
79
|
+
navDropdown: navDropdown
|
|
80
|
+
}), [align, drop, show, showInternal, onToggle, controlId, activeDescendant, setActiveDescendant, navDropdown]);
|
|
81
|
+
let computedClassName = `sg-dropdown${className ? " " + className : ""}`;
|
|
82
|
+
computedClassName += navDropdown ? " sg-nav-item" : "";
|
|
83
|
+
return (React.createElement("div", { id: controlId + "-wrapper", ref: ref, className: computedClassName, "data-nav": navDropdown ? "true" : null, ...restProps },
|
|
84
|
+
React.createElement(DropdownContextProvider, { value: contextValue }, children)));
|
|
85
|
+
});
|
|
86
|
+
Dropdown.displayName = "Dropdown";
|
|
87
|
+
const Toggle = forwardRef(({ children, className, as = "button", variant = "primary", ...restProps }, ref) => {
|
|
88
|
+
const { controlId, handleToggle, setActiveDescendant, showInternal, navDropdown, drop } = useDropdownContext();
|
|
89
|
+
const Component = as;
|
|
90
|
+
const handleKeyPress = (event) => {
|
|
91
|
+
let flag = false;
|
|
92
|
+
console.log(event.key);
|
|
93
|
+
switch (event.key) {
|
|
94
|
+
case "ArrowDown":
|
|
95
|
+
flag = true;
|
|
96
|
+
if (showInternal) {
|
|
97
|
+
setActiveDescendant(prev => ({ ...prev, case: "next" }));
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
handleToggle(event);
|
|
101
|
+
setActiveDescendant(prev => ({ ...prev, case: "first" }));
|
|
102
|
+
}
|
|
103
|
+
break;
|
|
104
|
+
case "ArrowUp":
|
|
105
|
+
flag = true;
|
|
106
|
+
if (showInternal) {
|
|
107
|
+
setActiveDescendant(prev => ({ ...prev, case: "previous" }));
|
|
108
|
+
}
|
|
109
|
+
else {
|
|
110
|
+
handleToggle(event);
|
|
111
|
+
setActiveDescendant(prev => ({ ...prev, case: "last" }));
|
|
112
|
+
}
|
|
113
|
+
break;
|
|
114
|
+
case "Home":
|
|
115
|
+
flag = true;
|
|
116
|
+
if (showInternal) {
|
|
117
|
+
setActiveDescendant(prev => ({ ...prev, case: "first" }));
|
|
118
|
+
}
|
|
119
|
+
break;
|
|
120
|
+
case "End":
|
|
121
|
+
flag = true;
|
|
122
|
+
if (showInternal) {
|
|
123
|
+
setActiveDescendant(prev => ({ ...prev, case: "last" }));
|
|
124
|
+
}
|
|
125
|
+
break;
|
|
126
|
+
case "Tab":
|
|
127
|
+
if (showInternal) {
|
|
128
|
+
handleToggle(event);
|
|
129
|
+
}
|
|
130
|
+
break;
|
|
131
|
+
case "Escape":
|
|
132
|
+
flag = true;
|
|
133
|
+
if (showInternal) {
|
|
134
|
+
handleToggle(event);
|
|
135
|
+
}
|
|
136
|
+
break;
|
|
137
|
+
case "Enter":
|
|
138
|
+
case " ":
|
|
139
|
+
if (showInternal) {
|
|
140
|
+
flag = true;
|
|
141
|
+
const activeElement = document.querySelector(".sg-dropdown-item-visual-focus");
|
|
142
|
+
activeElement.click();
|
|
143
|
+
handleToggle(event);
|
|
144
|
+
break;
|
|
145
|
+
}
|
|
146
|
+
else {
|
|
147
|
+
setActiveDescendant(prev => ({ ...prev, case: "first" }));
|
|
148
|
+
break;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
if (flag) {
|
|
152
|
+
event.stopPropagation();
|
|
153
|
+
event.preventDefault();
|
|
154
|
+
}
|
|
155
|
+
};
|
|
156
|
+
const handleClick = (event) => {
|
|
157
|
+
if (!showInternal)
|
|
158
|
+
return;
|
|
159
|
+
if (event.target.id === controlId)
|
|
160
|
+
return;
|
|
161
|
+
if (!isEventOnMenu(event, controlId)) {
|
|
162
|
+
handleToggle(event);
|
|
163
|
+
}
|
|
164
|
+
else if (isEventOnMenu(event, controlId)) {
|
|
165
|
+
handleToggle(event);
|
|
166
|
+
const toggleElement = document.getElementById(controlId);
|
|
167
|
+
toggleElement?.focus();
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
useEffect(() => {
|
|
171
|
+
const toggleElement = document.getElementById(controlId);
|
|
172
|
+
toggleElement.addEventListener("keydown", handleKeyPress, true);
|
|
173
|
+
document.addEventListener("mouseup", handleClick, true);
|
|
174
|
+
return function cleanup() {
|
|
175
|
+
toggleElement.removeEventListener("keydown", handleKeyPress, true);
|
|
176
|
+
document.removeEventListener("mouseup", handleClick, true);
|
|
177
|
+
};
|
|
178
|
+
}, [handleKeyPress, controlId]);
|
|
179
|
+
const toggleButtonClick = (event) => {
|
|
180
|
+
handleToggle(event);
|
|
181
|
+
if (!showInternal) {
|
|
182
|
+
setActiveDescendant(prev => ({ ...prev, case: "first" }));
|
|
183
|
+
}
|
|
184
|
+
};
|
|
185
|
+
let classNamesComputed = `sg-button sg-button${variant ? "-" + variant : "-primary"} sg-dropdown-toggle${className ? " " + className : ""}`;
|
|
186
|
+
if (Component === "a" || navDropdown) {
|
|
187
|
+
classNamesComputed = `sg-nav-dropdown-toggle sg-dropdown-toggle${className ? " " + className : ""}`;
|
|
188
|
+
}
|
|
189
|
+
return (React.createElement(Component, { tabIndex: "0", type: "button", "aria-haspopup": "true", "aria-controls": controlId + "-menu", "aria-expanded": showInternal, id: controlId, ref: ref, className: classNamesComputed, "data-drop": drop, onClick: (event) => toggleButtonClick(event), ...restProps }, children));
|
|
190
|
+
});
|
|
191
|
+
Toggle.displayName = "DropdownToggle";
|
|
192
|
+
const Menu = forwardRef(({ children, className, style = {}, ...restProps }, ref) => {
|
|
193
|
+
const { controlId, showInternal, activeDescendant, navDropdown, align, drop } = useDropdownContext();
|
|
194
|
+
const [computedStyle, setComputedStyle] = useState({});
|
|
195
|
+
useLayoutEffect(() => {
|
|
196
|
+
if (showInternal) {
|
|
197
|
+
const basePosition = getDropdownMenuPlacement(controlId, drop, align);
|
|
198
|
+
document.getElementById(controlId + "-menu");
|
|
199
|
+
setComputedStyle(basePosition);
|
|
200
|
+
}
|
|
201
|
+
}, [showInternal]);
|
|
202
|
+
useEffect(() => {
|
|
203
|
+
const handleResize = (event) => {
|
|
204
|
+
const basePosition = getDropdownMenuPlacement(controlId, drop, align);
|
|
205
|
+
setComputedStyle(basePosition);
|
|
206
|
+
};
|
|
207
|
+
if (showInternal) {
|
|
208
|
+
const menu = document.getElementById(controlId + "-menu");
|
|
209
|
+
const menuChildren = document.getElementById(controlId + "-menu").children;
|
|
210
|
+
const menuChildrenLast = menuChildren.length - 1;
|
|
211
|
+
const elementWithVisualFocus = document.querySelector(".sg-dropdown-item-visual-focus");
|
|
212
|
+
let currentIndex = 0, currentChild = menuChildren[0].children[0];
|
|
213
|
+
if (elementWithVisualFocus != null) {
|
|
214
|
+
elementWithVisualFocus.classList.remove("sg-dropdown-item-visual-focus");
|
|
215
|
+
for (let i = 0; i < menuChildren.length; i++) {
|
|
216
|
+
if (menuChildren[i] === elementWithVisualFocus.parentElement) {
|
|
217
|
+
currentIndex = i;
|
|
218
|
+
break;
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
switch (activeDescendant.case) {
|
|
223
|
+
case "first":
|
|
224
|
+
currentChild = menuChildren[0].children[0];
|
|
225
|
+
currentIndex = 0;
|
|
226
|
+
break;
|
|
227
|
+
case "last":
|
|
228
|
+
currentChild = menuChildren[menuChildrenLast].children[0];
|
|
229
|
+
currentIndex = menuChildrenLast;
|
|
230
|
+
break;
|
|
231
|
+
case "next":
|
|
232
|
+
currentIndex = currentIndex === menuChildrenLast ? 0 : currentIndex + 1;
|
|
233
|
+
currentChild = menuChildren[currentIndex].children[0];
|
|
234
|
+
break;
|
|
235
|
+
case "previous":
|
|
236
|
+
currentIndex = currentIndex === 0 ? menuChildrenLast : currentIndex - 1;
|
|
237
|
+
currentChild = menuChildren[currentIndex].children[0];
|
|
238
|
+
break;
|
|
239
|
+
}
|
|
240
|
+
menu.setAttribute("aria-activedescendant", currentChild.id);
|
|
241
|
+
menuChildren[currentIndex].children[0].classList.add("sg-dropdown-item-visual-focus");
|
|
242
|
+
//makes it so that the menu stays with the button
|
|
243
|
+
window.addEventListener("resize", handleResize, true);
|
|
244
|
+
}
|
|
245
|
+
else {
|
|
246
|
+
const menu = document.getElementById(controlId + "-menu");
|
|
247
|
+
menu.setAttribute("aria-activedescendant", "");
|
|
248
|
+
}
|
|
249
|
+
return function cleanup() {
|
|
250
|
+
window.removeEventListener("resize", handleResize, true);
|
|
251
|
+
};
|
|
252
|
+
}, [controlId, showInternal, activeDescendant]);
|
|
253
|
+
const handleMouseOver = (event) => {
|
|
254
|
+
const target = event.target;
|
|
255
|
+
let active = target.classList.contains("sg-dropdown-item-visual-focus");
|
|
256
|
+
const menu = document.getElementById(controlId + "-menu");
|
|
257
|
+
if (active) {
|
|
258
|
+
return;
|
|
259
|
+
}
|
|
260
|
+
else {
|
|
261
|
+
document.querySelector(".sg-dropdown-item-visual-focus")?.classList.remove("sg-dropdown-item-visual-focus");
|
|
262
|
+
menu.setAttribute("aria-activedescendant", "");
|
|
263
|
+
target.classList.add("sg-dropdown-item-visual-focus");
|
|
264
|
+
menu.setAttribute("aria-activedescendant", target.id);
|
|
265
|
+
}
|
|
266
|
+
};
|
|
267
|
+
useEffect(() => {
|
|
268
|
+
const menu = document.getElementById(controlId + "-menu");
|
|
269
|
+
for (let i = 0; i < menu.children.length; i++) {
|
|
270
|
+
menu.children[i].addEventListener("mouseover", handleMouseOver, true);
|
|
271
|
+
}
|
|
272
|
+
return function cleanup() {
|
|
273
|
+
for (let i = 0; i < menu.children.length; i++) {
|
|
274
|
+
menu.children[i].addEventListener("mouseover", handleMouseOver, true);
|
|
275
|
+
}
|
|
276
|
+
};
|
|
277
|
+
}, []);
|
|
278
|
+
return (React.createElement("ul", { id: controlId + "-menu", role: "menu", tabIndex: -1, "aria-labelledby": controlId, "data-navdropdown": navDropdown ? "true" : "false", ref: ref, className: `sg-dropdown-list${className ? " " + className : ""}${showInternal ? " show" : ""}`, style: { ...computedStyle, ...style }, ...restProps }, children));
|
|
279
|
+
});
|
|
280
|
+
Menu.displayName = "DropdownMenu";
|
|
281
|
+
const Item = forwardRef(({ children, as = "button", className, ...restProps }, ref) => {
|
|
282
|
+
const { navDropdown } = useDropdownContext();
|
|
283
|
+
const Component = navDropdown ? "a" : as;
|
|
284
|
+
return (React.createElement("li", { role: "none" },
|
|
285
|
+
React.createElement(Component, { ref: ref, role: "menuitem", tabIndex: "-1", className: `sg-dropdown-item${className ? " " + className : ""}`, ...restProps }, children)));
|
|
286
|
+
});
|
|
287
|
+
Item.displayName = "DropdownItem";
|
|
288
|
+
const Divider = forwardRef(({ className = "", ...restProps }, ref) => {
|
|
289
|
+
return (React.createElement("hr", { ref: ref, className: `.sg-dropdown-divider${className}`, ...restProps }));
|
|
290
|
+
});
|
|
291
|
+
Divider.displayName = "DropdownDivider";
|
|
292
|
+
var Dropdown$1 = Object.assign(Dropdown, {
|
|
293
|
+
Toggle: Toggle,
|
|
294
|
+
Menu: Menu,
|
|
295
|
+
Item: Item,
|
|
296
|
+
//Text: Text,
|
|
297
|
+
Divider: Divider
|
|
298
|
+
});
|
|
299
|
+
|
|
300
|
+
export { Divider, DropdownContext, DropdownContextProvider, Item, Menu, Toggle, Dropdown$1 as default, useDropdownContext };
|
|
301
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
import { BaseDivType, BaseAnchorType, BaseButtonType, BaseUListType, BaseHrType, BaseElementType } from "
|
|
2
|
+
import { BaseDivType, BaseAnchorType, BaseButtonType, BaseUListType, BaseHrType, BaseElementType } from "../utils/BaseTypes";
|
|
3
3
|
export type DropdownContextType = {
|
|
4
4
|
align: string;
|
|
5
5
|
drop: string;
|
|
6
6
|
showInternal: boolean;
|
|
7
7
|
handleToggle: Function;
|
|
8
|
-
placement: string;
|
|
9
|
-
directionClasses?: {
|
|
10
|
-
down?: string;
|
|
11
|
-
'down-centered'?: string;
|
|
12
|
-
up?: string;
|
|
13
|
-
'up-centered'?: string;
|
|
14
|
-
end?: string;
|
|
15
|
-
start?: string;
|
|
16
|
-
};
|
|
17
8
|
controlId: string;
|
|
18
9
|
activeDescendant: {
|
|
19
10
|
case: string;
|
|
@@ -21,10 +12,12 @@ export type DropdownContextType = {
|
|
|
21
12
|
setActiveDescendant: React.Dispatch<React.SetStateAction<{
|
|
22
13
|
case: string;
|
|
23
14
|
}>>;
|
|
15
|
+
navDropdown: boolean;
|
|
24
16
|
};
|
|
25
17
|
export type DropdownType = {
|
|
26
18
|
children: ReactNode;
|
|
27
19
|
className?: string;
|
|
20
|
+
navDropdown?: boolean;
|
|
28
21
|
onSelect?: Function;
|
|
29
22
|
onToggle?: Function;
|
|
30
23
|
controlId: string;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import Dropdown from "./Dropdown";
|
|
2
|
+
export default Dropdown;
|
|
3
|
+
export { DropdownContext, DropdownContextProvider, useDropdownContext } from "./Dropdown";
|
|
4
|
+
export type { DropdownContextType, DropdownDividerType, DropdownItemType, DropdownMenuType, DropdownToggleType, DropdownType } from "./Dropdown.types";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|