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/Form/Form.js
DELETED
|
@@ -1,308 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import React, { createContext, forwardRef, useMemo, useState, useRef, useEffect, useContext } from 'react';
|
|
3
|
-
import useClassname from '../hooks/useClassname.js';
|
|
4
|
-
import mergeRefs from '../utils/MergeRefs.js';
|
|
5
|
-
|
|
6
|
-
const FormContext = createContext(null);
|
|
7
|
-
const FormContextProvider = ({ children, value }) => {
|
|
8
|
-
return (React.createElement(FormContext.Provider, { value: value }, children));
|
|
9
|
-
};
|
|
10
|
-
const useFormContext = () => {
|
|
11
|
-
const context = useContext(FormContext);
|
|
12
|
-
if (!context) {
|
|
13
|
-
return { controlId: null };
|
|
14
|
-
}
|
|
15
|
-
return context;
|
|
16
|
-
};
|
|
17
|
-
const Form = forwardRef(({ children, ...restProps }, ref) => {
|
|
18
|
-
return (React.createElement("form", { ref: ref, ...restProps }, children));
|
|
19
|
-
});
|
|
20
|
-
Form.displayName = "Form";
|
|
21
|
-
const Control = forwardRef(({ as = "input", className = "", plaintext = false, id = "", type = "text", autoFocus = false, ...restProps }, ref) => {
|
|
22
|
-
let Component = as;
|
|
23
|
-
const { controlId } = useFormContext();
|
|
24
|
-
let elementId = controlId ?? id;
|
|
25
|
-
let computedClassName = (plaintext ? "sg-form-control-plaintext" : "sg-form-control") + (className != "" ? " " + className : "") + (type == "color" ? " sg-form-control-color" : "");
|
|
26
|
-
return (React.createElement(Component, { autoFocus: autoFocus, ref: ref, id: elementId, type: type, className: computedClassName, ...restProps }));
|
|
27
|
-
});
|
|
28
|
-
Control.displayName = "FormControl";
|
|
29
|
-
const Group = forwardRef(({ children, className, controlId, vertical, ...restProps }, ref) => {
|
|
30
|
-
const context = useMemo(() => {
|
|
31
|
-
return { controlId: controlId };
|
|
32
|
-
}, [controlId]);
|
|
33
|
-
return (React.createElement("div", { ref: ref, className: `sg-form-group${className ? " " + className : ""}${vertical ? " sg-form-group-vertical" : ""}`, ...restProps },
|
|
34
|
-
React.createElement(FormContextProvider, { value: context }, children)));
|
|
35
|
-
});
|
|
36
|
-
Group.displayName = "FormGroup";
|
|
37
|
-
const Label = forwardRef(({ children, className, htmlFor }, ref) => {
|
|
38
|
-
const { controlId } = useFormContext();
|
|
39
|
-
let elementHtmlFor = controlId ?? htmlFor;
|
|
40
|
-
return (React.createElement("label", { ref: ref, htmlFor: elementHtmlFor, className: `sg-form-label${className ? " " + className : ""}` }, children));
|
|
41
|
-
});
|
|
42
|
-
Label.displayName = "FormLabel";
|
|
43
|
-
const Check = forwardRef(({ children, classNameContainer, containerRef, containerId, styleContainer, classNameLabel, labelRef, label, labelId, styleLabel, className, type = "checkbox", id, reverse = false, style, onChange, ...restProps }, ref) => {
|
|
44
|
-
const { controlId } = useFormContext();
|
|
45
|
-
const typeComputed = !["radio", "checkbox", "color"].includes(type) ? "checkbox" : type;
|
|
46
|
-
useState({});
|
|
47
|
-
const onChangeInternal = (event) => {
|
|
48
|
-
//setContrastColor({backgroundColor: "#"+contrastingColor(event.target.value)})
|
|
49
|
-
if (onChange)
|
|
50
|
-
onChange(event);
|
|
51
|
-
};
|
|
52
|
-
return (React.createElement("div", { ref: containerRef, id: containerId, style: styleContainer, className: `sg-form-check${reverse ? " sg-form-check-reverse" : ""}${classNameContainer ? " " + classNameContainer : ""}${type === "switch" ? " sg-form-switch" : ""}` }, controlId ?
|
|
53
|
-
React.createElement("input", { id: controlId, ref: ref, type: typeComputed, style: style, className: `sg-form-check-input${className ? " " + className : ""}`, onChange: event => onChangeInternal(event), ...restProps })
|
|
54
|
-
:
|
|
55
|
-
React.createElement("label", { ref: labelRef, id: labelId, style: styleLabel, className: `sg-form-check-label${classNameLabel ? " " + classNameLabel : ""}` }, reverse ?
|
|
56
|
-
React.createElement(React.Fragment, null,
|
|
57
|
-
React.createElement("span", null, children ?? label),
|
|
58
|
-
React.createElement("input", { ref: ref, type: typeComputed, style: style, className: `sg-form-check-input${className ? " " + className : ""}`, onChange: event => onChangeInternal(event), ...restProps }))
|
|
59
|
-
:
|
|
60
|
-
React.createElement(React.Fragment, null,
|
|
61
|
-
React.createElement("input", { ref: ref, type: typeComputed, style: style, className: `sg-form-check-input${className ? " " + className : ""}`, onChange: event => onChangeInternal(event), ...restProps }),
|
|
62
|
-
React.createElement("span", null, children ?? label)))));
|
|
63
|
-
});
|
|
64
|
-
Check.displayName = "FormCheck";
|
|
65
|
-
const Text = forwardRef(({ children, className, ...restProps }, ref) => {
|
|
66
|
-
return (React.createElement("small", { ref: ref, className: `sg-form-text${className ? " " + className : ""}`, ...restProps }, children));
|
|
67
|
-
});
|
|
68
|
-
Check.displayName = "FormText";
|
|
69
|
-
createContext(null);
|
|
70
|
-
const Slider = forwardRef(({ className, style, controlId, min = 1, max = 10, step = 1, defaultValue = 6, value, onChange, ...restProps }, ref) => {
|
|
71
|
-
const internalRef = useRef(null);
|
|
72
|
-
//if(internalRef.current) console.log(internalRef.current)
|
|
73
|
-
const trackEmpty = useRef(null);
|
|
74
|
-
const trackFilled = useRef(null);
|
|
75
|
-
const thumbRef = useRef(null);
|
|
76
|
-
const [internalValue, setInternalValue] = useState(value ? value + 1 - min : defaultValue - min);
|
|
77
|
-
if (value && value != internalValue + min) {
|
|
78
|
-
setInternalValue(value - min);
|
|
79
|
-
}
|
|
80
|
-
const internalMin = min < 1 ? 1 : min;
|
|
81
|
-
const internalMax = min < 1 ? max + 1 - min : max;
|
|
82
|
-
const [isGrabbing, setIsGrabbing] = useState(false);
|
|
83
|
-
const updateValue = (value) => {
|
|
84
|
-
let parsedValue = value < internalMin - 1 ? internalMin - 1 : value;
|
|
85
|
-
parsedValue = parsedValue > internalMax - internalMin ? internalMax - internalMin : parsedValue;
|
|
86
|
-
if (parsedValue === internalValue)
|
|
87
|
-
return;
|
|
88
|
-
setInternalValue(parsedValue);
|
|
89
|
-
if (onChange) {
|
|
90
|
-
onChange(Math.abs(parsedValue) + min);
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
const getNearestStep = (event, targetElement) => {
|
|
94
|
-
const { pageX } = event;
|
|
95
|
-
const paddingLeft = parseFloat(window.getComputedStyle(targetElement, null).getPropertyValue('padding-left'));
|
|
96
|
-
const leftEdge = targetElement.getBoundingClientRect().left + paddingLeft;
|
|
97
|
-
const width = targetElement.scrollWidth - 2 * paddingLeft;
|
|
98
|
-
const thresholdDeltaX = width * (step) / (internalMax - internalMin);
|
|
99
|
-
const relativeMousePositionX = (pageX - leftEdge) / thresholdDeltaX < 0 ? 0 : (pageX - leftEdge) / thresholdDeltaX;
|
|
100
|
-
const nearestStep = Math.round((pageX - leftEdge) / thresholdDeltaX);
|
|
101
|
-
return { relativeMousePositionX, nearestStep };
|
|
102
|
-
};
|
|
103
|
-
const onPointerDownTrack = (event) => {
|
|
104
|
-
if (!internalRef.current)
|
|
105
|
-
return;
|
|
106
|
-
const { nearestStep } = getNearestStep(event, internalRef.current);
|
|
107
|
-
updateValue(nearestStep * step);
|
|
108
|
-
};
|
|
109
|
-
const onPointerDown = (event) => {
|
|
110
|
-
event.target.setPointerCapture(event.pointerId);
|
|
111
|
-
setIsGrabbing(true);
|
|
112
|
-
if (!thumbRef.current)
|
|
113
|
-
return;
|
|
114
|
-
};
|
|
115
|
-
const onPointerMove = (event) => {
|
|
116
|
-
if (!isGrabbing)
|
|
117
|
-
return;
|
|
118
|
-
if (!internalRef.current)
|
|
119
|
-
return;
|
|
120
|
-
const { relativeMousePositionX, nearestStep } = getNearestStep(event, internalRef.current);
|
|
121
|
-
//console.log(nearestStep)
|
|
122
|
-
const lowerBoundary = nearestStep === 0 || relativeMousePositionX === 0 ? -0.05 : 0.95 * nearestStep;
|
|
123
|
-
const upperBoundary = nearestStep === 0 || relativeMousePositionX === 0 ? 0.05 : 1.05 * nearestStep;
|
|
124
|
-
if (lowerBoundary < relativeMousePositionX && relativeMousePositionX < upperBoundary) {
|
|
125
|
-
updateValue(nearestStep * step);
|
|
126
|
-
}
|
|
127
|
-
};
|
|
128
|
-
const onPointerUp = (event) => {
|
|
129
|
-
setIsGrabbing(false);
|
|
130
|
-
};
|
|
131
|
-
const onKeyDown = (event) => {
|
|
132
|
-
switch (event.key) {
|
|
133
|
-
case "ArrowLeft":
|
|
134
|
-
case "ArrowDown":
|
|
135
|
-
updateValue(internalValue - 1);
|
|
136
|
-
event.preventDefault();
|
|
137
|
-
break;
|
|
138
|
-
case "ArrowRight":
|
|
139
|
-
case "ArrowUp":
|
|
140
|
-
updateValue(internalValue + 1);
|
|
141
|
-
event.preventDefault();
|
|
142
|
-
break;
|
|
143
|
-
case "End":
|
|
144
|
-
updateValue(internalMax - 1);
|
|
145
|
-
event.preventDefault();
|
|
146
|
-
break;
|
|
147
|
-
case "Home":
|
|
148
|
-
updateValue(internalMin - 1);
|
|
149
|
-
event.preventDefault();
|
|
150
|
-
break;
|
|
151
|
-
}
|
|
152
|
-
};
|
|
153
|
-
const filled = (internalValue) / (internalMax - internalMin);
|
|
154
|
-
const pointerActions = { onPointerDown, onPointerMove, onPointerUp };
|
|
155
|
-
return (React.createElement("div", { onPointerDown: onPointerDownTrack, ref: mergeRefs([ref, internalRef]), id: controlId, style: { ...style, "--filled": filled * 100 + "%" }, className: useClassname("sg-form-slider", className) },
|
|
156
|
-
React.createElement("span", { ref: trackFilled, className: "sg-form-slider-filled", id: controlId + "-track-filled" }),
|
|
157
|
-
React.createElement("span", { role: "slider", tabIndex: 0, ref: thumbRef, "data-grabbing": isGrabbing, id: controlId + "-track-thumb", ...pointerActions, onKeyDown: onKeyDown, className: "sg-form-slider-thumb", "aria-valuenow": internalValue + min, "aria-valuemax": max, "aria-valuemin": min, ...restProps }),
|
|
158
|
-
React.createElement("span", { ref: trackEmpty, className: "sg-form-slider-empty", id: controlId + "-track-empty" })));
|
|
159
|
-
});
|
|
160
|
-
Slider.displayName = "FormSlider";
|
|
161
|
-
const SelectContext = createContext(null);
|
|
162
|
-
const SelectContextProvider = ({ children, value }) => {
|
|
163
|
-
return (React.createElement(SelectContext.Provider, { value: value }, children));
|
|
164
|
-
};
|
|
165
|
-
const useSelectContext = () => {
|
|
166
|
-
const context = useContext(SelectContext);
|
|
167
|
-
if (!context) {
|
|
168
|
-
throw new Error("UseSelectContext must be used within a SelectContextProvider!");
|
|
169
|
-
}
|
|
170
|
-
return context;
|
|
171
|
-
};
|
|
172
|
-
const SelectTag = forwardRef(({ children, className, id, ...restProps }, ref) => {
|
|
173
|
-
const { controlId } = useFormContext();
|
|
174
|
-
const elementId = controlId ?? id;
|
|
175
|
-
return (React.createElement("select", { ref: ref, className: `sg-form-select-tag${className ? " " + className : ""}`, id: elementId, ...restProps }, children));
|
|
176
|
-
});
|
|
177
|
-
SelectTag.displayName = "FormSelectTag";
|
|
178
|
-
const Select = forwardRef(({ children, className, id, required = "false", ...restProps }, ref) => {
|
|
179
|
-
const { controlId } = useFormContext();
|
|
180
|
-
const internalSelectRef = useRef(null);
|
|
181
|
-
const [showList, setShowList] = useState(false);
|
|
182
|
-
const [activeDescendant, setActiveDescendant] = useState("");
|
|
183
|
-
const [inputValue, setInputValue] = useState("");
|
|
184
|
-
let elementId = controlId ?? id;
|
|
185
|
-
const context = useMemo(() => ({
|
|
186
|
-
internalId: elementId,
|
|
187
|
-
showList,
|
|
188
|
-
setShowList,
|
|
189
|
-
activeDescendant,
|
|
190
|
-
setActiveDescendant,
|
|
191
|
-
inputValue,
|
|
192
|
-
setInputValue
|
|
193
|
-
}), [showList, activeDescendant, inputValue]);
|
|
194
|
-
useEffect(() => {
|
|
195
|
-
const selectElement = internalSelectRef.current;
|
|
196
|
-
const handleClick = (event) => {
|
|
197
|
-
if (!selectElement.contains(event.target)) {
|
|
198
|
-
setShowList(false);
|
|
199
|
-
document.querySelectorAll(".sg-select-control.focus").forEach(element => {
|
|
200
|
-
element.classList.remove("focus");
|
|
201
|
-
});
|
|
202
|
-
}
|
|
203
|
-
};
|
|
204
|
-
if (selectElement) {
|
|
205
|
-
document.addEventListener("click", handleClick, true);
|
|
206
|
-
}
|
|
207
|
-
const handleSubmit = (event) => {
|
|
208
|
-
console.log(event.target);
|
|
209
|
-
};
|
|
210
|
-
document.addEventListener("invalid", handleSubmit, true);
|
|
211
|
-
return function cleanup() {
|
|
212
|
-
if (selectElement) {
|
|
213
|
-
document.removeEventListener("click", handleClick, true);
|
|
214
|
-
}
|
|
215
|
-
document.removeEventListener("invalid", handleSubmit, true);
|
|
216
|
-
};
|
|
217
|
-
}, [internalSelectRef.current]);
|
|
218
|
-
return (React.createElement("div", { ref: mergeRefs([ref, internalSelectRef]), className: `sg-form-select${className ? " " + className : ""}`, id: elementId, ...restProps },
|
|
219
|
-
React.createElement(SelectContextProvider, { value: context }, children)));
|
|
220
|
-
});
|
|
221
|
-
Select.displayName = "FormSelect";
|
|
222
|
-
const SelectControl = forwardRef(({ children, className, placeholder = "Placeholder...", searchable = false, inputRef, inputOptions, ...restProps }, ref) => {
|
|
223
|
-
const { setShowList, internalId } = useSelectContext();
|
|
224
|
-
const selectControlRef = useRef(null);
|
|
225
|
-
const handlePointerUp = (event) => {
|
|
226
|
-
setShowList(prev => !prev);
|
|
227
|
-
const selectControl = selectControlRef.current;
|
|
228
|
-
if (selectControl) {
|
|
229
|
-
selectControl.classList.add("focus");
|
|
230
|
-
const eventTargetChildren = selectControl.children[0];
|
|
231
|
-
if (eventTargetChildren) {
|
|
232
|
-
eventTargetChildren.focus();
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
};
|
|
236
|
-
const inputParams = { ...inputOptions, disabled: searchable, placeholder: placeholder, ref: inputRef };
|
|
237
|
-
return (React.createElement("div", { ref: mergeRefs([ref, selectControlRef]), onPointerUp: handlePointerUp, className: useClassname("sg-select-control", className), ...restProps },
|
|
238
|
-
React.createElement(SelectInput, { ...inputParams })));
|
|
239
|
-
});
|
|
240
|
-
SelectControl.displayName = "FormSelectControl";
|
|
241
|
-
const SelectInput = forwardRef(({ className, id, value, onChange, ...restProps }, ref) => {
|
|
242
|
-
const { showList, setShowList, inputValue, setInputValue, internalId } = useSelectContext();
|
|
243
|
-
const handleChange = (event) => {
|
|
244
|
-
console.log(event);
|
|
245
|
-
if (!showList) {
|
|
246
|
-
setShowList(true);
|
|
247
|
-
}
|
|
248
|
-
if (onChange) {
|
|
249
|
-
onChange(event);
|
|
250
|
-
}
|
|
251
|
-
//debouncedInput(event.target.value)
|
|
252
|
-
setInputValue(event.target.value);
|
|
253
|
-
};
|
|
254
|
-
const handleKeyUp = (event) => {
|
|
255
|
-
const key = event.key;
|
|
256
|
-
switch (key) {
|
|
257
|
-
case "ArrowDown":
|
|
258
|
-
console.log("down arrow");
|
|
259
|
-
break;
|
|
260
|
-
case "ArrowUp":
|
|
261
|
-
console.log("up arrow");
|
|
262
|
-
break;
|
|
263
|
-
}
|
|
264
|
-
};
|
|
265
|
-
return (React.createElement("input", { value: inputValue, ref: ref, onKeyUp: handleKeyUp, onChange: handleChange, className: useClassname("sg-select-input", className), ...restProps }));
|
|
266
|
-
});
|
|
267
|
-
SelectInput.displayName = "FormSelectInput";
|
|
268
|
-
const SelectList = forwardRef(({ children, className, id, ...restProps }, ref) => {
|
|
269
|
-
const { showList, internalId } = useSelectContext();
|
|
270
|
-
const listRef = useRef(null);
|
|
271
|
-
return (React.createElement("ul", { ref: mergeRefs([ref, listRef]), className: useClassname("sg-select-list", className), style: showList ? undefined : { display: "none" }, ...restProps }, children));
|
|
272
|
-
});
|
|
273
|
-
SelectList.displayName = "FormSelectList";
|
|
274
|
-
const SelectOption = forwardRef(({ children, className, id, value, ...restProps }, ref) => {
|
|
275
|
-
useSelectContext();
|
|
276
|
-
const handlePointerEnter = (event) => {
|
|
277
|
-
if (!event.target)
|
|
278
|
-
return;
|
|
279
|
-
let element = event.target;
|
|
280
|
-
let focusElement = document.querySelectorAll(".sg-select-list-item.focus");
|
|
281
|
-
//console.log(element, focusElement)
|
|
282
|
-
focusElement.forEach(element => element.classList.remove("focus"));
|
|
283
|
-
element.classList.add("focus");
|
|
284
|
-
};
|
|
285
|
-
const handlePointerUp = (event) => {
|
|
286
|
-
console.log(event.target.id);
|
|
287
|
-
};
|
|
288
|
-
return (React.createElement("li", { onPointerDown: handlePointerUp, onPointerOver: handlePointerEnter, id: value ?? id, className: useClassname("sg-select-list-item", className), ...restProps }, children));
|
|
289
|
-
});
|
|
290
|
-
SelectOption.displayName = "FormSelectOption";
|
|
291
|
-
var Form$1 = Object.assign(Form, {
|
|
292
|
-
Control: Control,
|
|
293
|
-
Select: Object.assign(Select, {
|
|
294
|
-
Control: SelectControl,
|
|
295
|
-
Input: SelectInput,
|
|
296
|
-
Options: SelectList,
|
|
297
|
-
Option: SelectOption
|
|
298
|
-
}),
|
|
299
|
-
SelectTag: SelectTag,
|
|
300
|
-
Group: Group,
|
|
301
|
-
Label: Label,
|
|
302
|
-
Check: Check,
|
|
303
|
-
Text: Text,
|
|
304
|
-
Slider: Slider
|
|
305
|
-
});
|
|
306
|
-
|
|
307
|
-
export { FormContext, FormContextProvider, SelectContext, SelectContextProvider, Form$1 as default, useFormContext, useSelectContext };
|
|
308
|
-
//# sourceMappingURL=Form.js.map
|
package/Form/Form.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sources":["../../src/Form/Form.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/Form/Form.types.d.ts
DELETED
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import { ReactNode, Dispatch } from "react";
|
|
2
|
-
import { BaseDivType, BaseFormType, BaseInputType, BaseLabelType, BaseLItemType, BaseSelectType, BaseSpanType, BaseSmallType, BaseUListType } from "../utils/BaseTypes";
|
|
3
|
-
export type FormContextType = {
|
|
4
|
-
controlId: string;
|
|
5
|
-
};
|
|
6
|
-
export type FormType = {
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
} & BaseFormType;
|
|
9
|
-
export type FormControlType = {
|
|
10
|
-
as?: React.ElementType;
|
|
11
|
-
className?: string;
|
|
12
|
-
plaintext?: boolean;
|
|
13
|
-
id?: string;
|
|
14
|
-
type?: string;
|
|
15
|
-
autoFocus?: boolean;
|
|
16
|
-
} & BaseInputType;
|
|
17
|
-
export type SelectContextType = {
|
|
18
|
-
internalId?: string;
|
|
19
|
-
showList: boolean;
|
|
20
|
-
setShowList: Dispatch<React.SetStateAction<boolean>>;
|
|
21
|
-
activeDescendant: string;
|
|
22
|
-
setActiveDescendant: Dispatch<React.SetStateAction<string>>;
|
|
23
|
-
inputValue: string;
|
|
24
|
-
setInputValue: Dispatch<React.SetStateAction<string>>;
|
|
25
|
-
};
|
|
26
|
-
export type FormSelectType = {
|
|
27
|
-
children: ReactNode;
|
|
28
|
-
className?: string;
|
|
29
|
-
id?: string;
|
|
30
|
-
required?: boolean;
|
|
31
|
-
} & (BaseSelectType & BaseDivType);
|
|
32
|
-
export type FormSelectControlType = {
|
|
33
|
-
children?: ReactNode;
|
|
34
|
-
className?: string;
|
|
35
|
-
placeholder?: string;
|
|
36
|
-
searchable?: boolean;
|
|
37
|
-
inputRef?: React.Ref<HTMLInputElement>;
|
|
38
|
-
inputOptions?: FormSelectInputType;
|
|
39
|
-
} & BaseDivType;
|
|
40
|
-
export type FormSelectInputType = {
|
|
41
|
-
className?: string;
|
|
42
|
-
id?: string;
|
|
43
|
-
} & BaseInputType;
|
|
44
|
-
export type FormSelectListType = {
|
|
45
|
-
children: ReactNode;
|
|
46
|
-
className?: string;
|
|
47
|
-
id?: string;
|
|
48
|
-
} & BaseUListType;
|
|
49
|
-
export type FormSelectListItemType = {
|
|
50
|
-
children: ReactNode;
|
|
51
|
-
className?: string;
|
|
52
|
-
id?: string;
|
|
53
|
-
value?: string;
|
|
54
|
-
} & BaseLItemType;
|
|
55
|
-
export type FormGroupType = {
|
|
56
|
-
children: ReactNode;
|
|
57
|
-
className?: string;
|
|
58
|
-
controlId: string;
|
|
59
|
-
vertical?: boolean;
|
|
60
|
-
} & BaseDivType;
|
|
61
|
-
export type FormLabelType = {
|
|
62
|
-
children: ReactNode;
|
|
63
|
-
className?: string;
|
|
64
|
-
htmlFor?: string;
|
|
65
|
-
} & BaseLabelType;
|
|
66
|
-
export type FormCheckType = {
|
|
67
|
-
children?: ReactNode;
|
|
68
|
-
style?: React.CSSProperties;
|
|
69
|
-
classNameContainer?: string;
|
|
70
|
-
containerRef?: React.LegacyRef<HTMLDivElement>;
|
|
71
|
-
containerId?: string;
|
|
72
|
-
styleContainer?: React.CSSProperties;
|
|
73
|
-
classNameLabel?: string;
|
|
74
|
-
labelRef?: React.LegacyRef<HTMLLabelElement>;
|
|
75
|
-
label?: string;
|
|
76
|
-
labelId?: string;
|
|
77
|
-
styleLabel?: React.CSSProperties;
|
|
78
|
-
className?: string;
|
|
79
|
-
type?: string;
|
|
80
|
-
controlId?: string;
|
|
81
|
-
reverse?: boolean;
|
|
82
|
-
} & BaseInputType;
|
|
83
|
-
export type FormTextType = {
|
|
84
|
-
children: ReactNode;
|
|
85
|
-
className?: string;
|
|
86
|
-
} & BaseSmallType;
|
|
87
|
-
export type FormSliderType = {
|
|
88
|
-
children?: ReactNode;
|
|
89
|
-
className?: string;
|
|
90
|
-
style?: React.CSSProperties;
|
|
91
|
-
controlId: string;
|
|
92
|
-
min?: number;
|
|
93
|
-
max?: number;
|
|
94
|
-
step?: number;
|
|
95
|
-
defaultValue?: number;
|
|
96
|
-
value: number;
|
|
97
|
-
onChange(value: number): () => any;
|
|
98
|
-
} & BaseSpanType;
|
|
99
|
-
export type SliderContextType = {
|
|
100
|
-
children: ReactNode;
|
|
101
|
-
controlId: string;
|
|
102
|
-
min?: number;
|
|
103
|
-
max?: number;
|
|
104
|
-
step?: number;
|
|
105
|
-
};
|
package/Form/index.d.ts
DELETED
package/Form/index.js
DELETED
package/Form/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
package/Form/package.json
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"name":"stargazer-ui/Form","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { InputGroupText, InputGroupType, InputGroupGridType } from "./InputGroup.types";
|
|
3
|
-
declare const _default: React.ForwardRefExoticComponent<Omit<InputGroupType, "ref"> & React.RefAttributes<HTMLDivElement>> & {
|
|
4
|
-
Text: React.ForwardRefExoticComponent<Omit<InputGroupText, "ref"> & React.RefAttributes<HTMLLabelElement>>;
|
|
5
|
-
Grid: React.ForwardRefExoticComponent<Omit<InputGroupGridType, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
-
};
|
|
7
|
-
export default _default;
|
package/InputGroup/InputGroup.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import React, { forwardRef, useMemo } from 'react';
|
|
3
|
-
import { FormContextProvider, useFormContext } from '../Form/Form.js';
|
|
4
|
-
import useClassname from '../hooks/useClassname.js';
|
|
5
|
-
import 'lodash';
|
|
6
|
-
|
|
7
|
-
const InputGroup = forwardRef(({ children, className, controlId, ...restProps }, ref) => {
|
|
8
|
-
const context = useMemo(() => {
|
|
9
|
-
return { controlId: controlId };
|
|
10
|
-
}, [controlId]);
|
|
11
|
-
return (React.createElement("div", { ref: ref, className: useClassname("sg-input-group", className), ...restProps },
|
|
12
|
-
React.createElement(FormContextProvider, { value: context }, children)));
|
|
13
|
-
});
|
|
14
|
-
InputGroup.displayName = "InputGroup";
|
|
15
|
-
const Grid = forwardRef(({ children, className, ...restProps }, ref) => {
|
|
16
|
-
return (React.createElement("div", { ref: ref, className: useClassname("sg-input-group-grid", className) }, children));
|
|
17
|
-
});
|
|
18
|
-
Grid.displayName = "InputGroupGrid";
|
|
19
|
-
const Text = forwardRef(({ children, className, htmlFor, ...restProps }, ref) => {
|
|
20
|
-
const { controlId } = useFormContext();
|
|
21
|
-
const computedHtmlFor = controlId ?? htmlFor;
|
|
22
|
-
return (React.createElement("label", { ref: ref, htmlFor: computedHtmlFor, className: useClassname("sg-input-group-text", className), ...restProps }, children));
|
|
23
|
-
});
|
|
24
|
-
Text.displayName = "InputGroupText";
|
|
25
|
-
var InputGroup$1 = Object.assign(InputGroup, {
|
|
26
|
-
Text: Text,
|
|
27
|
-
Grid: Grid
|
|
28
|
-
});
|
|
29
|
-
|
|
30
|
-
export { InputGroup$1 as default };
|
|
31
|
-
//# sourceMappingURL=InputGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sources":["../../src/InputGroup/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOA,MAAM,UAAU,GAAG,UAAU,CAAiC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAG,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACnH,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAK;AACzB,QAAA,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,CAAA;AACjC,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACf,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,SAAS,EAAA;QAC9E,KAAC,CAAA,aAAA,CAAA,mBAAmB,EAAC,EAAA,KAAK,EAAE,OAAO,IAC9B,QAAQ,CACS,CACpB,EACT;AACL,CAAC,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,IAAI,GAAG,UAAU,CAAsC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACtG,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,qBAAqB,EAAE,SAAS,CAAC,IACnE,QAAQ,CACP,EACT;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEnC,MAAM,IAAI,GAAG,UAAU,CAAoC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC7G,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;AAEtC,IAAA,MAAM,eAAe,GAAG,SAAS,IAAI,OAAO,CAAA;IAC5C,QACI,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAA,GAAM,SAAS,EAC9G,EAAA,QAAQ,CACL,EACX;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEnC,mBAAgB,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;AACtC,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,IAAI,EAAE,IAAI;AACb,CAAA,CAAC;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
import { BaseDivType, BaseLabelType } from "../utils/BaseTypes";
|
|
3
|
-
export type InputGroupType = {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
className?: string;
|
|
6
|
-
controlId: string;
|
|
7
|
-
} & BaseDivType;
|
|
8
|
-
export type InputGroupText = {
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
className?: string;
|
|
11
|
-
htmlFor?: string;
|
|
12
|
-
} & BaseLabelType;
|
|
13
|
-
export type InputGroupGridType = {
|
|
14
|
-
children: ReactNode;
|
|
15
|
-
className?: string;
|
|
16
|
-
} & BaseDivType;
|
package/InputGroup/index.d.ts
DELETED
package/InputGroup/index.js
DELETED
package/InputGroup/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
package/InputGroup/package.json
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"name":"stargazer-ui/InputGroup","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}
|
package/List/List.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ListType, ListSublistType, ListItemType, ListLabelType, FormContextType } from "./List.types";
|
|
3
|
-
export declare const ListContext: React.Context<FormContextType | null>;
|
|
4
|
-
export declare const ListContextProvider: ({ children, value }: {
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
value: FormContextType;
|
|
7
|
-
}) => React.JSX.Element;
|
|
8
|
-
export declare const useListContext: () => FormContextType | null;
|
|
9
|
-
declare const _default: React.ForwardRefExoticComponent<Omit<ListType, "ref"> & React.RefAttributes<HTMLUListElement>> & {
|
|
10
|
-
Sublist: React.ForwardRefExoticComponent<Omit<ListSublistType, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
11
|
-
Item: React.ForwardRefExoticComponent<Omit<ListItemType, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
12
|
-
Label: React.ForwardRefExoticComponent<Omit<ListLabelType, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
13
|
-
};
|
|
14
|
-
export default _default;
|
package/List/List.js
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import React, { createContext, forwardRef, useMemo, useRef, cloneElement, useContext } from 'react';
|
|
3
|
-
import useDraggable from '../hooks/useDraggable.js';
|
|
4
|
-
import useClassname from '../hooks/useClassname.js';
|
|
5
|
-
import mergeRefs from '../utils/MergeRefs.js';
|
|
6
|
-
|
|
7
|
-
const ListContext = createContext(null);
|
|
8
|
-
const ListContextProvider = ({ children, value }) => {
|
|
9
|
-
return (React.createElement(ListContext.Provider, { value: value }, children));
|
|
10
|
-
};
|
|
11
|
-
const useListContext = () => {
|
|
12
|
-
const context = useContext(ListContext);
|
|
13
|
-
return context;
|
|
14
|
-
};
|
|
15
|
-
/*
|
|
16
|
-
const handlePhantomInsert = (event: React.PointerEvent, item: HTMLElement | null) => {
|
|
17
|
-
event.stopPropagation()
|
|
18
|
-
document.querySelectorAll(".phantom").forEach(phantom => phantom.remove())
|
|
19
|
-
if(item) { insertPhantomElement(item)}
|
|
20
|
-
}
|
|
21
|
-
*/
|
|
22
|
-
const List = forwardRef(({ children, className, depth, tree = false, dragdrop = false, ...restProps }, ref) => {
|
|
23
|
-
const context = useListContext();
|
|
24
|
-
const initialContext = useMemo(() => ({
|
|
25
|
-
tree: tree,
|
|
26
|
-
draggable: dragdrop
|
|
27
|
-
}), []);
|
|
28
|
-
return (React.createElement("ul", { ref: ref, id: "test-list", "data-context": context ? "true" : "false", className: useClassname("sg-list", className), style: { "--depth": depth }, ...restProps }, !context ?
|
|
29
|
-
React.createElement(ListContextProvider, { value: initialContext }, children)
|
|
30
|
-
:
|
|
31
|
-
children));
|
|
32
|
-
});
|
|
33
|
-
List.displayName = "List";
|
|
34
|
-
const Sublist = forwardRef(({ children, className, depth, ...restProps }, ref) => {
|
|
35
|
-
const { draggable } = useListContext();
|
|
36
|
-
const itemRef = useRef(null);
|
|
37
|
-
const { coordinates, isMouseDown } = useDraggable(itemRef, { draggable });
|
|
38
|
-
return (React.createElement("li", { ref: mergeRefs([ref, itemRef]), "data-phantom": "none", className: useClassname("sg-sublist", className), style: { "--depth": depth, top: coordinates.top, left: coordinates.left, width: coordinates.width }, ...restProps }, children));
|
|
39
|
-
});
|
|
40
|
-
Sublist.displayName = "ListSubList";
|
|
41
|
-
const Item = forwardRef(({ children, className, ...restProps }, ref) => {
|
|
42
|
-
const { draggable } = useListContext();
|
|
43
|
-
const itemRef = useRef(null);
|
|
44
|
-
const { coordinates, isMouseDown } = useDraggable(itemRef, { draggable });
|
|
45
|
-
return (React.createElement("li", { ref: itemRef, "data-phantom": "none", className: useClassname("sg-list-item", className), style: { top: coordinates.top, left: coordinates.left, width: coordinates.width }, ...restProps }, children));
|
|
46
|
-
});
|
|
47
|
-
Item.displayName = "ListItem";
|
|
48
|
-
const Label = forwardRef(({ children, className, style, ...restProps }, ref) => {
|
|
49
|
-
const labelRef = useRef(null);
|
|
50
|
-
const computedClass = useClassname("sg-list-label", className);
|
|
51
|
-
//const coordinates = useDraggable(labelRef)
|
|
52
|
-
return ((typeof children === "string") ?
|
|
53
|
-
React.createElement("span", { ref: mergeRefs([ref, labelRef]), className: computedClass, style: { ...style }, ...restProps }, children)
|
|
54
|
-
:
|
|
55
|
-
cloneElement(children, {
|
|
56
|
-
ref: mergeRefs([ref, labelRef]),
|
|
57
|
-
className: computedClass,
|
|
58
|
-
style: { ...children.props.style }
|
|
59
|
-
}));
|
|
60
|
-
});
|
|
61
|
-
Label.displayName = "ListLabel";
|
|
62
|
-
/*
|
|
63
|
-
List.Sublist = Sublist
|
|
64
|
-
List.Item = Item
|
|
65
|
-
List.Label = Label
|
|
66
|
-
|
|
67
|
-
export default List
|
|
68
|
-
*/
|
|
69
|
-
var List$1 = Object.assign(List, {
|
|
70
|
-
Sublist: Sublist,
|
|
71
|
-
Item: Item,
|
|
72
|
-
Label: Label
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
export { ListContext, ListContextProvider, List$1 as default, useListContext };
|
|
76
|
-
//# sourceMappingURL=List.js.map
|