stargazer-ui 1.0.5 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/Button/Button.d.ts +4 -0
  4. package/dist/cjs/types/components/CloseButton/CloseButton.d.ts +4 -0
  5. package/dist/{components → cjs/types/components}/Dropdown/Dropdown.d.ts +1 -1
  6. package/dist/cjs/types/components/FloatingLabel/FloatingLabel.d.ts +4 -0
  7. package/dist/{components → cjs/types/components}/Form/Form.d.ts +1 -1
  8. package/dist/cjs/types/components/InputGroup/InputGroup.d.ts +6 -0
  9. package/dist/cjs/types/components/NavDropdown/NavDropdown.d.ts +35 -0
  10. package/dist/cjs/types/components/Spinner/Spinner.d.ts +4 -0
  11. package/dist/cjs/types/components/Table/Table.d.ts +4 -0
  12. package/dist/cjs/types/components/Tabs/Tabs.d.ts +9 -0
  13. package/dist/{components → cjs/types/components}/ToggleButton/ToggleButton.d.ts +2 -2
  14. package/dist/cjs/types/components/index.d.ts +16 -0
  15. package/dist/cjs/types/index.d.ts +1 -0
  16. package/dist/esm/index.js +1 -1
  17. package/dist/esm/index.js.map +1 -1
  18. package/dist/esm/types/BaseTypes.d.ts +19 -0
  19. package/dist/esm/types/components/Button/Button.d.ts +4 -0
  20. package/dist/esm/types/components/Button/Button.types.d.ts +7 -0
  21. package/dist/esm/types/components/Button/index.d.ts +1 -0
  22. package/dist/esm/types/components/Card/Card.d.ts +34 -0
  23. package/dist/esm/types/components/Card/Card.types.d.ts +24 -0
  24. package/dist/esm/types/components/Card/index.d.ts +1 -0
  25. package/dist/esm/types/components/CloseButton/CloseButton.d.ts +4 -0
  26. package/dist/esm/types/components/CloseButton/CloseButton.types.d.ts +5 -0
  27. package/dist/esm/types/components/CloseButton/index.d.ts +1 -0
  28. package/dist/esm/types/components/Dropdown/Dropdown.d.ts +71 -0
  29. package/dist/esm/types/components/Dropdown/Dropdown.types.d.ts +55 -0
  30. package/dist/esm/types/components/Dropdown/index.d.ts +1 -0
  31. package/dist/esm/types/components/FloatingLabel/FloatingLabel.d.ts +4 -0
  32. package/dist/esm/types/components/FloatingLabel/FloatingLabel.types.d.ts +9 -0
  33. package/dist/esm/types/components/FloatingLabel/index.d.ts +1 -0
  34. package/dist/esm/types/components/Form/Form.d.ts +17 -0
  35. package/dist/esm/types/components/Form/Form.types.d.ts +50 -0
  36. package/dist/esm/types/components/Form/index.d.ts +1 -0
  37. package/dist/esm/types/components/InputGroup/InputGroup.d.ts +6 -0
  38. package/dist/esm/types/components/InputGroup/InputGroup.types.d.ts +10 -0
  39. package/dist/esm/types/components/InputGroup/index.d.ts +1 -0
  40. package/dist/esm/types/components/Modal/Modal.d.ts +40 -0
  41. package/dist/esm/types/components/Modal/Modal.types.d.ts +40 -0
  42. package/dist/esm/types/components/Modal/index.d.ts +1 -0
  43. package/dist/esm/types/components/Nav/Nav.d.ts +30 -0
  44. package/dist/esm/types/components/Nav/Nav.types.d.ts +17 -0
  45. package/dist/esm/types/components/Nav/index.d.ts +1 -0
  46. package/dist/esm/types/components/NavBar/Navbar.d.ts +20 -0
  47. package/dist/esm/types/components/NavBar/Navbar.types.d.ts +18 -0
  48. package/dist/esm/types/components/NavBar/index.d.ts +1 -0
  49. package/dist/esm/types/components/NavDropdown/NavDropdown.d.ts +35 -0
  50. package/dist/esm/types/components/NavDropdown/NavDropdown.types.d.ts +5 -0
  51. package/dist/esm/types/components/NavDropdown/index.d.ts +1 -0
  52. package/dist/esm/types/components/Popout/Popout.d.ts +22 -0
  53. package/dist/esm/types/components/Popout/Popout.types.d.ts +36 -0
  54. package/dist/esm/types/components/Popout/index.d.ts +1 -0
  55. package/dist/esm/types/components/Spinner/Spinner.d.ts +4 -0
  56. package/dist/esm/types/components/Spinner/Spinner.types.d.ts +7 -0
  57. package/dist/esm/types/components/Spinner/index.d.ts +1 -0
  58. package/dist/esm/types/components/Table/Table.d.ts +4 -0
  59. package/dist/esm/types/components/Table/Table.types.d.ts +7 -0
  60. package/dist/esm/types/components/Table/index.d.ts +1 -0
  61. package/dist/esm/types/components/Tabs/Tabs.d.ts +9 -0
  62. package/dist/esm/types/components/Tabs/Tabs.types.d.ts +35 -0
  63. package/dist/esm/types/components/Tabs/index.d.ts +1 -0
  64. package/dist/esm/types/components/ToggleButton/ToggleButton.d.ts +9 -0
  65. package/dist/esm/types/components/ToggleButton/index.d.ts +1 -0
  66. package/dist/esm/types/components/index.d.ts +16 -0
  67. package/dist/esm/types/index.d.ts +1 -0
  68. package/dist/index.d.ts +470 -1
  69. package/package.json +2 -2
  70. package/dist/BaseTypes.js +0 -1
  71. package/dist/components/Button/Button.d.ts +0 -4
  72. package/dist/components/Button/Button.js +0 -6
  73. package/dist/components/Button/Button.types.js +0 -1
  74. package/dist/components/Button/index.js +0 -4
  75. package/dist/components/Card/Card.js +0 -18
  76. package/dist/components/Card/Card.types.js +0 -1
  77. package/dist/components/Card/index.js +0 -4
  78. package/dist/components/CloseButton/CloseButton.d.ts +0 -4
  79. package/dist/components/CloseButton/CloseButton.js +0 -6
  80. package/dist/components/CloseButton/CloseButton.types.js +0 -1
  81. package/dist/components/CloseButton/index.js +0 -4
  82. package/dist/components/Dropdown/Dropdown.js +0 -205
  83. package/dist/components/Dropdown/Dropdown.types.js +0 -1
  84. package/dist/components/Dropdown/index.js +0 -4
  85. package/dist/components/FloatingLabel/FloatingLabel.d.ts +0 -4
  86. package/dist/components/FloatingLabel/FloatingLabel.js +0 -13
  87. package/dist/components/FloatingLabel/FloatingLabel.types.js +0 -1
  88. package/dist/components/FloatingLabel/index.js +0 -4
  89. package/dist/components/Form/Form.js +0 -63
  90. package/dist/components/Form/Form.types.js +0 -1
  91. package/dist/components/Form/index.js +0 -4
  92. package/dist/components/Grid/Grid.d.ts +0 -5
  93. package/dist/components/Grid/Grid.js +0 -36
  94. package/dist/components/Grid/index.d.ts +0 -1
  95. package/dist/components/Grid/index.js +0 -4
  96. package/dist/components/InputGroup/InputGroup.d.ts +0 -6
  97. package/dist/components/InputGroup/InputGroup.js +0 -8
  98. package/dist/components/InputGroup/InputGroup.types.js +0 -1
  99. package/dist/components/InputGroup/index.js +0 -4
  100. package/dist/components/Modal/Modal.js +0 -100
  101. package/dist/components/Modal/Modal.types.js +0 -1
  102. package/dist/components/Modal/index.js +0 -4
  103. package/dist/components/Nav/Nav.js +0 -13
  104. package/dist/components/Nav/Nav.types.js +0 -1
  105. package/dist/components/Nav/index.js +0 -4
  106. package/dist/components/NavBar/Navbar.js +0 -17
  107. package/dist/components/NavBar/Navbar.types.js +0 -1
  108. package/dist/components/NavBar/index.js +0 -4
  109. package/dist/components/NavDropdown/NavDropdown.d.ts +0 -35
  110. package/dist/components/NavDropdown/NavDropdown.js +0 -62
  111. package/dist/components/NavDropdown/NavDropdown.types.js +0 -1
  112. package/dist/components/NavDropdown/index.js +0 -4
  113. package/dist/components/OffCanvas/OffCanvas.d.ts +0 -3
  114. package/dist/components/OffCanvas/OffCanvas.js +0 -2266
  115. package/dist/components/OffCanvas/index.d.ts +0 -1
  116. package/dist/components/OffCanvas/index.js +0 -4
  117. package/dist/components/Overlay/Overlay.d.ts +0 -3
  118. package/dist/components/Overlay/Overlay.js +0 -125
  119. package/dist/components/Overlay/index.d.ts +0 -1
  120. package/dist/components/Overlay/index.js +0 -4
  121. package/dist/components/Popout/Popout.js +0 -72
  122. package/dist/components/Popout/Popout.types.js +0 -1
  123. package/dist/components/Popout/index.js +0 -4
  124. package/dist/components/Spinner/Spinner.d.ts +0 -4
  125. package/dist/components/Spinner/Spinner.js +0 -9
  126. package/dist/components/Spinner/Spinner.types.js +0 -1
  127. package/dist/components/Spinner/index.js +0 -4
  128. package/dist/components/Table/Table.d.ts +0 -4
  129. package/dist/components/Table/Table.js +0 -9
  130. package/dist/components/Table/Table.types.js +0 -1
  131. package/dist/components/Table/index.js +0 -4
  132. package/dist/components/Tabs/Tabs.d.ts +0 -9
  133. package/dist/components/Tabs/Tabs.js +0 -77
  134. package/dist/components/Tabs/Tabs.types.js +0 -1
  135. package/dist/components/Tabs/index.js +0 -4
  136. package/dist/components/ToggleButton/ToggleButton.js +0 -11
  137. package/dist/components/ToggleButton/ToggleButton.types.d.ts +0 -0
  138. package/dist/components/ToggleButton/ToggleButton.types.js +0 -1
  139. package/dist/components/ToggleButton/index.js +0 -4
  140. package/dist/components/index.d.ts +0 -19
  141. package/dist/components/index.js +0 -19
  142. package/dist/index.js +0 -19
  143. package/dist/types.d.ts +0 -2
  144. package/dist/vite-env.d.js +0 -1
  145. /package/dist/{BaseTypes.d.ts → cjs/types/BaseTypes.d.ts} +0 -0
  146. /package/dist/{components → cjs/types/components}/Button/Button.types.d.ts +0 -0
  147. /package/dist/{components → cjs/types/components}/Button/index.d.ts +0 -0
  148. /package/dist/{components → cjs/types/components}/Card/Card.d.ts +0 -0
  149. /package/dist/{components → cjs/types/components}/Card/Card.types.d.ts +0 -0
  150. /package/dist/{components → cjs/types/components}/Card/index.d.ts +0 -0
  151. /package/dist/{components → cjs/types/components}/CloseButton/CloseButton.types.d.ts +0 -0
  152. /package/dist/{components → cjs/types/components}/CloseButton/index.d.ts +0 -0
  153. /package/dist/{components → cjs/types/components}/Dropdown/Dropdown.types.d.ts +0 -0
  154. /package/dist/{components → cjs/types/components}/Dropdown/index.d.ts +0 -0
  155. /package/dist/{components → cjs/types/components}/FloatingLabel/FloatingLabel.types.d.ts +0 -0
  156. /package/dist/{components → cjs/types/components}/FloatingLabel/index.d.ts +0 -0
  157. /package/dist/{components → cjs/types/components}/Form/Form.types.d.ts +0 -0
  158. /package/dist/{components → cjs/types/components}/Form/index.d.ts +0 -0
  159. /package/dist/{components → cjs/types/components}/InputGroup/InputGroup.types.d.ts +0 -0
  160. /package/dist/{components → cjs/types/components}/InputGroup/index.d.ts +0 -0
  161. /package/dist/{components → cjs/types/components}/Modal/Modal.d.ts +0 -0
  162. /package/dist/{components → cjs/types/components}/Modal/Modal.types.d.ts +0 -0
  163. /package/dist/{components → cjs/types/components}/Modal/index.d.ts +0 -0
  164. /package/dist/{components → cjs/types/components}/Nav/Nav.d.ts +0 -0
  165. /package/dist/{components → cjs/types/components}/Nav/Nav.types.d.ts +0 -0
  166. /package/dist/{components → cjs/types/components}/Nav/index.d.ts +0 -0
  167. /package/dist/{components → cjs/types/components}/NavBar/Navbar.d.ts +0 -0
  168. /package/dist/{components → cjs/types/components}/NavBar/Navbar.types.d.ts +0 -0
  169. /package/dist/{components → cjs/types/components}/NavBar/index.d.ts +0 -0
  170. /package/dist/{components → cjs/types/components}/NavDropdown/NavDropdown.types.d.ts +0 -0
  171. /package/dist/{components → cjs/types/components}/NavDropdown/index.d.ts +0 -0
  172. /package/dist/{components → cjs/types/components}/Popout/Popout.d.ts +0 -0
  173. /package/dist/{components → cjs/types/components}/Popout/Popout.types.d.ts +0 -0
  174. /package/dist/{components → cjs/types/components}/Popout/index.d.ts +0 -0
  175. /package/dist/{components → cjs/types/components}/Spinner/Spinner.types.d.ts +0 -0
  176. /package/dist/{components → cjs/types/components}/Spinner/index.d.ts +0 -0
  177. /package/dist/{components → cjs/types/components}/Table/Table.types.d.ts +0 -0
  178. /package/dist/{components → cjs/types/components}/Table/index.d.ts +0 -0
  179. /package/dist/{components → cjs/types/components}/Tabs/Tabs.types.d.ts +0 -0
  180. /package/dist/{components → cjs/types/components}/Tabs/index.d.ts +0 -0
  181. /package/dist/{components → cjs/types/components}/ToggleButton/index.d.ts +0 -0
@@ -1,6 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { forwardRef as a } from "react";
3
- const c = a(({ className: e, variant: o = !1, ...l }, t) => /* @__PURE__ */ s("button", { ref: t, className: `sg-button-close${o ? " sg-button-close-white" : ""} ${e}`, ...l, children: /* @__PURE__ */ s("span", { className: "sg-close-visually-hidden-label", children: "Close" }) }));
4
- export {
5
- c as default
6
- };
@@ -1,4 +0,0 @@
1
- import { default as o } from "./CloseButton.js";
2
- export {
3
- o as default
4
- };
@@ -1,205 +0,0 @@
1
- import { jsx as v } from "react/jsx-runtime";
2
- import { createContext as D, forwardRef as E, useState as y, useMemo as $, useEffect as C, useLayoutEffect as A, useContext as P } from "react";
3
- const L = (d, o, r = !1) => {
4
- const u = r ? "top-end" : "top-start", m = r ? "top-start" : "top-end", i = r ? "bottom-end" : "bottom-start", h = r ? "bottom-start" : "bottom-end", g = r ? "right-start" : "left-start", c = r ? "right-end" : "left-end", w = r ? "left-start" : "right-start", l = r ? "left-end" : "right-end";
5
- let n = d ? h : i;
6
- return o === "up" ? n = d ? m : u : o === "end" ? n = d ? l : w : o === "start" ? n = d ? c : g : o === "down-centered" ? n = "bottom" : o === "up-centered" && (n = "top"), n;
7
- }, k = (d, o = "") => {
8
- let r = d.target, u = !0, m = !1;
9
- for (; u; )
10
- r.id != o + "-menu" ? r = r.parentElement : (m = !0, u = !1), r.id === "root" && (u = !1, m = !1);
11
- return m;
12
- }, I = D(null), M = ({ children: d, value: o }) => /* @__PURE__ */ v(I.Provider, { value: o, children: d }), x = () => {
13
- const d = P(I);
14
- if (!d)
15
- throw new Error(
16
- "useDropdownContext has to be used within DropdownContextProvider!"
17
- );
18
- return d;
19
- }, O = E(({
20
- children: d,
21
- className: o,
22
- onSelect: r,
23
- onToggle: u,
24
- controlId: m,
25
- drop: i = "down",
26
- align: h = "start",
27
- autoClose: g = !0,
28
- show: c = "default",
29
- ...w
30
- }, l) => {
31
- const [n, e] = y(c === "default" ? !1 : c), [f, b] = y({ case: "" }), a = (B) => {
32
- B.stopPropagation(), e((S) => !S);
33
- }, s = L(h === "end", i), p = $(() => ({
34
- align: h,
35
- drop: i,
36
- showInternal: c != "default" && u ? c : n,
37
- handleToggle: c != "default" && u ? u : a,
38
- placement: s,
39
- directionClasses: {
40
- down: "dropdown",
41
- "down-centered": "dropdown-center",
42
- up: "dropup",
43
- "up-centered": "dropup-center dropup",
44
- end: "dropend",
45
- start: "dropstart"
46
- },
47
- controlId: m,
48
- activeDescendant: f,
49
- setActiveDescendant: b
50
- }), [h, i, c, n, u, s, m, f, b]);
51
- return /* @__PURE__ */ v("div", { id: m + "-wrapper", ref: l, className: `sg-dropdown${o ? " " + o : ""}`, ...w, children: /* @__PURE__ */ v(M, { value: p, children: d }) });
52
- }), q = E(({ children: d, className: o, navDropdown: r = !1, as: u = "button", variant: m = "primary", ...i }, h) => {
53
- const { controlId: g, handleToggle: c, setActiveDescendant: w, showInternal: l } = x(), n = u, e = (t) => {
54
- let s = !1;
55
- switch (console.log(t.key), t.key) {
56
- case "ArrowDown":
57
- s = !0, l ? w((p) => ({ ...p, case: "next" })) : (c(t), w((p) => ({ ...p, case: "first" })));
58
- break;
59
- case "ArrowUp":
60
- s = !0, l ? w((p) => ({ ...p, case: "previous" })) : (c(t), w((p) => ({ ...p, case: "last" })));
61
- break;
62
- case "Home":
63
- s = !0, l && w((p) => ({ ...p, case: "first" }));
64
- break;
65
- case "End":
66
- s = !0, l && w((p) => ({ ...p, case: "last" }));
67
- break;
68
- case "Tab":
69
- l && c(t);
70
- break;
71
- case "Escape":
72
- s = !0, l && c(t);
73
- break;
74
- case "Enter":
75
- case " ":
76
- if (l) {
77
- s = !0, document.querySelector(".sg-dropdown-item-visual-focus").click(), c(t);
78
- break;
79
- } else {
80
- w((p) => ({ ...p, case: "first" }));
81
- break;
82
- }
83
- }
84
- s && (t.stopPropagation(), t.preventDefault());
85
- }, f = (t) => {
86
- if (l && t.target.id !== g) {
87
- if (!k(t, g))
88
- c(t);
89
- else if (k(t, g)) {
90
- c(t);
91
- const s = document.getElementById(g);
92
- s == null || s.focus();
93
- }
94
- }
95
- };
96
- C(() => {
97
- const t = document.getElementById(g);
98
- return t.addEventListener("keydown", e, !0), document.addEventListener("mouseup", f, !0), function() {
99
- t.removeEventListener("keydown", e, !0), document.removeEventListener("mouseup", f, !0);
100
- };
101
- }, [e, g]);
102
- const b = (t) => {
103
- c(t), l || w((s) => ({ ...s, case: "first" }));
104
- };
105
- let a = `sg-button sg-button${m ? "-" + m : "-primary"} sg-dropdown-toggle${o ? " " + o : ""}`;
106
- return (n === "a" || r) && (a = `sg-nav-dropdown-toggle sg-dropdown-toggle${o ? " " + o : ""}`), /* @__PURE__ */ v(
107
- n,
108
- {
109
- tabIndex: "0",
110
- type: "button",
111
- "aria-haspopup": "true",
112
- "aria-controls": g + "-menu",
113
- "aria-expanded": l,
114
- id: g,
115
- ref: h,
116
- className: a,
117
- onClick: (t) => b(t),
118
- ...i,
119
- children: d
120
- }
121
- );
122
- }), j = E(({ children: d, className: o, style: r = {}, ...u }, m) => {
123
- const { controlId: i, showInternal: h, activeDescendant: g } = x(), [c, w] = y(r);
124
- A(() => {
125
- if (h) {
126
- const n = document.getElementById(i + "-menu");
127
- let e = {};
128
- n.getBoundingClientRect().right > window.innerWidth ? e = { ...e, right: 0 } : n.getBoundingClientRect().left < 0 ? e = { ...e, left: 0 } : n.getBoundingClientRect().top < 0 ? e = { ...e, top: 0 } : n.getBoundingClientRect().bottom > window.innerHeight && (e = { ...e, bottom: 0 }), w((f) => ({ ...f, ...e }));
129
- }
130
- }, [h]), C(() => {
131
- if (h) {
132
- const n = document.getElementById(i + "-menu"), e = document.getElementById(i + "-menu").children, f = e.length - 1, b = document.querySelector(".sg-dropdown-item-visual-focus");
133
- let a = 0, t = e[0].children[0];
134
- if (b != null) {
135
- b.classList.remove("sg-dropdown-item-visual-focus");
136
- for (let s = 0; s < e.length; s++)
137
- if (e[s] === b.parentElement) {
138
- a = s;
139
- break;
140
- }
141
- }
142
- switch (g.case) {
143
- case "first":
144
- t = e[0].children[0], a = 0;
145
- break;
146
- case "last":
147
- t = e[f].children[0], a = f;
148
- break;
149
- case "next":
150
- a = a === f ? 0 : a + 1, t = e[a].children[0];
151
- break;
152
- case "previous":
153
- a = a === 0 ? f : a - 1, t = e[a].children[0];
154
- break;
155
- }
156
- n.setAttribute("aria-activedescendant", t.id), e[a].children[0].classList.add("sg-dropdown-item-visual-focus");
157
- } else
158
- document.getElementById(i + "-menu").setAttribute("aria-activedescendant", "");
159
- }, [i, h, g]);
160
- const l = (n) => {
161
- var a;
162
- const e = n.target;
163
- let f = e.classList.contains("sg-dropdown-item-visual-focus");
164
- const b = document.getElementById(i + "-menu");
165
- f || ((a = document.querySelector(".sg-dropdown-item-visual-focus")) == null || a.classList.remove("sg-dropdown-item-visual-focus"), b.setAttribute("aria-activedescendant", ""), e.classList.add("sg-dropdown-item-visual-focus"), b.setAttribute("aria-activedescendant", e.id));
166
- };
167
- return C(() => {
168
- const n = document.getElementById(i + "-menu");
169
- for (let e of n.children)
170
- e.addEventListener("mouseover", l, !0);
171
- return function() {
172
- for (let f of n.children)
173
- f.removeEventListener("mouseover", l, !0);
174
- };
175
- }, []), /* @__PURE__ */ v(
176
- "ul",
177
- {
178
- id: i + "-menu",
179
- role: "menu",
180
- tabIndex: -1,
181
- "aria-labelledby": i,
182
- ref: m,
183
- className: `sg-dropdown-list${o ? " " + o : ""}${h ? " show" : ""}`,
184
- style: c,
185
- ...u,
186
- children: d
187
- }
188
- );
189
- }), H = E(({ children: d, as: o = "button", className: r, ...u }, m) => /* @__PURE__ */ v("li", { role: "none", children: /* @__PURE__ */ v(o, { ref: m, role: "menuitem", tabIndex: "-1", className: `sg-dropdown-item${r ? " " + r : ""}`, ...u, children: d }) })), V = E(({ className: d = "", ...o }, r) => /* @__PURE__ */ v("hr", { ref: r, className: `.sg-dropdown-divider${d}`, ...o })), K = Object.assign(O, {
190
- Toggle: q,
191
- Menu: j,
192
- Item: H,
193
- //Text: Text,
194
- Divider: V
195
- });
196
- export {
197
- V as Divider,
198
- I as DropdownContext,
199
- M as DropdownContextProvider,
200
- H as Item,
201
- j as Menu,
202
- q as Toggle,
203
- K as default,
204
- x as useDropdownContext
205
- };
@@ -1,4 +0,0 @@
1
- import { default as o } from "./Dropdown.js";
2
- export {
3
- o as default
4
- };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { FloatingLabelType } from "./FloatingLabel.types";
3
- declare const FloatingLabel: import("react").ForwardRefExoticComponent<Omit<FloatingLabelType, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
4
- export default FloatingLabel;
@@ -1,13 +0,0 @@
1
- import { jsx as e, jsxs as s } from "react/jsx-runtime";
2
- import { forwardRef as i, useMemo as f } from "react";
3
- import { FormContextProvider as n } from "../Form/Form.js";
4
- const x = i(({ children: o, label: a, controlId: r, className: c, htmlFor: d, ...l }, t) => {
5
- const m = f(() => ({ controlId: r }), [r]);
6
- return /* @__PURE__ */ e(n, { value: m, children: /* @__PURE__ */ s("div", { className: "sg-form-floating", children: [
7
- o,
8
- /* @__PURE__ */ e("label", { ref: t, htmlFor: r, className: "sg-form-floating-label", ...l, children: a })
9
- ] }) });
10
- });
11
- export {
12
- x as default
13
- };
@@ -1,4 +0,0 @@
1
- import { default as o } from "./FloatingLabel.js";
2
- export {
3
- o as default
4
- };
@@ -1,63 +0,0 @@
1
- import { jsx as n, jsxs as C, Fragment as k } from "react/jsx-runtime";
2
- import { createContext as b, forwardRef as l, useMemo as j, useContext as I } from "react";
3
- const w = b(null), H = ({ children: e, value: t }) => /* @__PURE__ */ n(w.Provider, { value: t, children: e }), g = () => {
4
- const e = I(w);
5
- if (!e)
6
- throw new Error(
7
- "useFormContext has to be used within a FormContextProvider!"
8
- );
9
- return e;
10
- }, P = l(({ children: e, ...t }, o) => /* @__PURE__ */ n("form", { ref: o, ...t, children: e })), y = l(({ as: e = "input", className: t = "", plaintext: o = !1, id: c = "", type: r = "text", autoFocus: s = !1, ...m }, d) => {
11
- let i = e;
12
- const { controlId: u } = g();
13
- let x = u || c, f = (o ? "sg-form-control-plaintext" : "sg-form-control") + (t != "" ? " " + t : "") + (r == "color" ? " sg-form-control-color" : "");
14
- return /* @__PURE__ */ n(i, { autoFocus: s, ref: d, id: x, type: r, className: f, ...m });
15
- }), E = l(({ children: e, className: t, id: o, ...c }, r) => {
16
- const { controlId: s } = g();
17
- let m = s || o;
18
- return /* @__PURE__ */ n("select", { ref: r, className: `sg-form-select${t ? " " + t : ""}`, id: m, ...c, children: e });
19
- }), G = l(({ children: e, className: t, controlId: o, ...c }, r) => {
20
- const s = j(() => ({ controlId: o }), [o]);
21
- return /* @__PURE__ */ n("div", { ref: r, className: `sg-from-group${t ? " " + t : ""}`, ...c, children: /* @__PURE__ */ n(H, { value: s, children: e }) });
22
- }), M = l(({ children: e, className: t, htmlFor: o }, c) => {
23
- const { controlId: r } = g();
24
- return /* @__PURE__ */ n("label", { ref: c, htmlFor: o || r, className: `sg-form-label${t ? " " + t : ""}`, children: e });
25
- }), O = l(({
26
- classNameContainer: e,
27
- containerRef: t,
28
- containerId: o,
29
- style: c,
30
- classNameLabel: r,
31
- labelRef: s,
32
- label: m,
33
- labelId: d,
34
- className: i,
35
- type: u,
36
- id: x,
37
- controlId: f,
38
- reverse: p = !1,
39
- checkStyle: v,
40
- ...a
41
- }, F) => {
42
- let h = f || x, $ = u === "switch" ? "checkbox" : u;
43
- return /* @__PURE__ */ n("div", { ref: t, id: o, style: c, className: `sg-form-check${p ? "-reverse" : ""}${e ? " " + e : ""}${u === "switch" ? " sg-form-switch" : ""}`, children: p ? /* @__PURE__ */ C(k, { children: [
44
- /* @__PURE__ */ n("input", { ref: F, type: $, id: h, className: `sg-form-check-input${i ? " " + i : ""}`, ...a }),
45
- /* @__PURE__ */ n("label", { ref: s, id: d, htmlFor: h, className: `sg-form-check-label${r ? " " + r : ""}`, children: m })
46
- ] }) : /* @__PURE__ */ C(k, { children: [
47
- /* @__PURE__ */ n("label", { ref: s, id: d, htmlFor: h, className: `sg-form-check-label${r ? " " + r : ""}`, children: m }),
48
- /* @__PURE__ */ n("input", { ref: F, type: $, id: h, className: `sg-form-check-input${i ? " " + i : ""}`, style: v, ...a })
49
- ] }) });
50
- }), S = l(({ children: e, className: t, ...o }, c) => /* @__PURE__ */ n("small", { ref: c, className: `sg-form-text${t ? " " + t : ""}`, ...o, children: e })), z = Object.assign(P, {
51
- Control: y,
52
- Select: E,
53
- Group: G,
54
- Label: M,
55
- Check: O,
56
- Text: S
57
- });
58
- export {
59
- w as FormContext,
60
- H as FormContextProvider,
61
- z as default,
62
- g as useFormContext
63
- };
@@ -1 +0,0 @@
1
-
@@ -1,4 +0,0 @@
1
- import { default as o } from "./Form.js";
2
- export {
3
- o as default
4
- };
@@ -1,5 +0,0 @@
1
- declare const _default: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>> & {
2
- Col: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
3
- Row: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
4
- };
5
- export default _default;
@@ -1,36 +0,0 @@
1
- import { jsx as C } from "react/jsx-runtime";
2
- import { forwardRef as h } from "react";
3
- const j = h(({ children: i, className: u, fluid: s, ...l }, $) => {
4
- let c = "sg-container", d = typeof s == "string" ? `-${s}` : "-fluid";
5
- return /* @__PURE__ */ C("div", { ref: $, className: `${s ? c + d : c} ${u}`, ...l, children: i });
6
- }), w = h(({ children: i, as: u = "div", className: s = "", ...l }, $) => {
7
- const c = u, d = ["xxl", "xl", "lg", "md", "sm", "xs"], x = "xs";
8
- let f = "", e = "", t = [];
9
- d.forEach((a) => {
10
- const g = l[a];
11
- delete l[a];
12
- let n, m, p;
13
- typeof g == "object" && g != null ? { span: n, offset: m, order: p } = g : n = g;
14
- const r = a !== x ? `-${a}` : "";
15
- n && (e += n === !0 ? ` sg-col${r}` : ` sg-col${r}-${n}`, t.push(n === !0 ? ` sg-col${r}` : ` sg-col${r}-${n}`)), p != null && (f += ` order${r}-${p}`), m != null && (f += ` offset${r}-${m}`);
16
- });
17
- let o = s + f + e;
18
- return o += t.length ? "" : " sg-col", /* @__PURE__ */ C(c, { ref: $, className: o, ...l, children: i });
19
- }), y = h(({ children: i, className: u = "", as: s = "div", ...l }, $) => {
20
- const c = s, d = ["xxl", "xl", "lg", "md", "sm", "xs"], x = "xs";
21
- let f = "";
22
- return d.forEach((e) => {
23
- const t = l[e];
24
- delete l[e];
25
- let o;
26
- t != null && typeof t == "object" ? { cols: o } = t : o = t;
27
- const a = e !== x ? `-${e}` : "";
28
- o != null && (f += ` sg-row-cols${a}-${o}`);
29
- }), /* @__PURE__ */ C(c, { ref: $, className: `sg-row ${u}${f}`, ...l, children: i });
30
- }), N = Object.assign(j, {
31
- Col: w,
32
- Row: y
33
- });
34
- export {
35
- N as default
36
- };
@@ -1 +0,0 @@
1
- export { default } from "./Grid";
@@ -1,4 +0,0 @@
1
- import { default as o } from "./Grid.js";
2
- export {
3
- o as default
4
- };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { InputGroupText, InputGroupType } from "./InputGroup.types";
3
- declare const _default: import("react").ForwardRefExoticComponent<Omit<InputGroupType, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
4
- Text: import("react").ForwardRefExoticComponent<InputGroupText & import("react").RefAttributes<HTMLSpanElement>>;
5
- };
6
- export default _default;
@@ -1,8 +0,0 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import { forwardRef as u } from "react";
3
- const s = u(({ children: r, className: t, ...o }, p) => /* @__PURE__ */ n("div", { ref: p, className: `sg-input-group${t ? " " + t : ""}`, ...o, children: r })), e = u(({ children: r, className: t, ...o }, p) => /* @__PURE__ */ n("span", { ref: p, className: `sg-input-group-text${t ? " " + t : ""}`, ...o, children: r })), f = Object.assign(s, {
4
- Text: e
5
- });
6
- export {
7
- f as default
8
- };
@@ -1,4 +0,0 @@
1
- import { default as o } from "./InputGroup.js";
2
- export {
3
- o as default
4
- };
@@ -1,100 +0,0 @@
1
- import { jsxs as p, jsx as s, Fragment as A } from "react/jsx-runtime";
2
- import { createContext as D, forwardRef as b, useContext as P, useState as $, useEffect as w, useRef as B } from "react";
3
- import { createPortal as F } from "react-dom";
4
- import K from "../CloseButton/CloseButton.js";
5
- import L from "../Button/Button.js";
6
- const g = D(null), N = ({ children: e, value: t }) => /* @__PURE__ */ s(g.Provider, { value: t, children: e }), S = () => {
7
- const e = P(g);
8
- if (!e)
9
- throw new Error(
10
- "useModalContext has to be used within ModalContextProvider!"
11
- );
12
- return e;
13
- }, j = ({
14
- children: e,
15
- centered: t = !1,
16
- size: n = "md",
17
- show: o,
18
- backdrop: l = "static",
19
- onHide: a,
20
- className: d,
21
- id: i,
22
- ...m
23
- }) => {
24
- const [h, f] = $(o);
25
- w(() => {
26
- f(o);
27
- }, [o]);
28
- const r = B(null);
29
- H(r);
30
- let u = typeof o == "boolean" && typeof a == "function" ? void 0 : { show: typeof o == "boolean", onHide: typeof a == "function" };
31
- u && console.error(
32
- u.show ? null : "The variable 'show' must be used and must be a boolean used to decide when to show the modal!",
33
- u.onHide ? null : "The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!"
34
- );
35
- const y = () => {
36
- a && a(), f(!1);
37
- };
38
- w(() => {
39
- const c = r.current;
40
- c && (h ? (c.classList.remove("close"), c.showModal()) : c.close());
41
- }, [h]);
42
- let v = `sg-modal-tag sg-modal-${n}`;
43
- d && (v += " " + d), (l === "static" || l === "true") && (v += " sg-modal-static");
44
- const k = (c) => {
45
- if (c.key != "Escape")
46
- return;
47
- c.preventDefault();
48
- const C = r.current;
49
- C.classList.add("close"), C.addEventListener("animationend", () => {
50
- y();
51
- }, { once: !0 });
52
- };
53
- return F(
54
- /* @__PURE__ */ s("dialog", { ref: r, className: v, onKeyDown: (c) => k(c), ...m, children: /* @__PURE__ */ s(N, { value: a, children: u ? /* @__PURE__ */ s(q, { typeCheck: u, closeModal: y }) : e }) }),
55
- document.body
56
- );
57
- }, x = b(({ children: e, as: t = "", className: n = "", closeButton: o = !1, onClick: l, ...a }, d) => {
58
- let m = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((r) => r === t) ? t : "div";
59
- const h = S(), f = (r) => {
60
- l && l(r), h();
61
- };
62
- return /* @__PURE__ */ p(m, { ref: d, className: `sg-modal-header ${n}`, ...a, children: [
63
- e,
64
- o ? /* @__PURE__ */ s(K, { variant: !0, onClick: (r) => f(r) }) : null
65
- ] });
66
- }), E = b(({ children: e, as: t = "h4", className: n, ...o }, l) => {
67
- let d = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((i) => i === t) ? t : "h4";
68
- return /* @__PURE__ */ s(d, { ref: l, className: `sg-modal-title ${n}`, ...o, children: e });
69
- }), M = b(({ children: e, className: t, ...n }, o) => /* @__PURE__ */ s("div", { ref: o, className: `sg-modal-body ${t}`, ...n, children: e })), T = b(({ children: e, className: t, ...n }, o) => /* @__PURE__ */ s("div", { ref: o, className: `sg-modal-footer ${t}`, ...n, children: e })), Q = Object.assign(j, {
70
- Header: x,
71
- Title: E,
72
- Body: M,
73
- Footer: T
74
- }), H = function(e) {
75
- w(() => {
76
- const t = (n) => {
77
- const o = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', l = e.current;
78
- if (l) {
79
- const a = l.querySelectorAll(o)[0], d = l.querySelectorAll(o), i = d[d.length - 1];
80
- if (!(n.key === "Tab"))
81
- return;
82
- n.shiftKey ? document.activeElement === a && (i.focus(), n.preventDefault()) : document.activeElement === i && (a.focus(), n.preventDefault());
83
- }
84
- };
85
- return document.addEventListener("keydown", t, !0), function() {
86
- document.removeEventListener("keydown", t, !0);
87
- };
88
- }, [e]);
89
- }, q = ({ typeCheck: e, closeModal: t }) => /* @__PURE__ */ p(A, { children: [
90
- /* @__PURE__ */ s(x, { closeButton: !0, children: /* @__PURE__ */ s(E, { children: "An Error ocurred!" }) }),
91
- /* @__PURE__ */ s(M, { children: /* @__PURE__ */ p("p", { children: [
92
- e.show ? null : "The variable 'show' must be used and must be a boolean used to decide when to show the modal!",
93
- e.onHide ? null : "The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!"
94
- ] }) }),
95
- /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(L, { variant: "danger", type: "button", onClick: () => t(), children: "Close" }) })
96
- ] });
97
- export {
98
- Q as default,
99
- H as useKeepElementFocused
100
- };
@@ -1 +0,0 @@
1
-
@@ -1,4 +0,0 @@
1
- import { default as o } from "./Modal.js";
2
- export {
3
- o as default
4
- };
@@ -1,13 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { forwardRef as m } from "react";
3
- import { useNavbarContext as i } from "../NavBar/Navbar.js";
4
- const v = m(({ children: o, className: n, as: t = "ul", ...e }, r) => {
5
- const a = t, c = i();
6
- return /* @__PURE__ */ s(a, { ref: r, className: `${n} ${c || "sg-navbar-"}nav`, ...e, children: o });
7
- }), p = m(({ children: o, className: n, as: t = "li", ...e }, r) => /* @__PURE__ */ s(t, { role: "none", ref: r, className: `sg-nav-item${n ? " " + n : ""}`, ...e, children: o })), f = m(({ children: o, className: n, as: t = "a", ...e }, r) => /* @__PURE__ */ s(t, { role: "menuitem", ref: r, className: `sg-nav-link${n ? " " + n : ""}`, ...e, children: o })), x = Object.assign(v, {
8
- Item: p,
9
- Link: f
10
- });
11
- export {
12
- x as default
13
- };
@@ -1 +0,0 @@
1
-
@@ -1,4 +0,0 @@
1
- import { default as o } from "./Nav.js";
2
- export {
3
- o as default
4
- };
@@ -1,17 +0,0 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { createContext as b, forwardRef as c, useMemo as x, useContext as C } from "react";
3
- const v = b(null), m = ({ children: n, value: t }) => /* @__PURE__ */ a(v.Provider, { value: t, children: n }), N = () => C(v), p = c(({ children: n, className: t, navbarPrefix: o = "sg-navbar-", ...r }, e) => {
4
- const s = x(() => o, [o]);
5
- return /* @__PURE__ */ a("nav", { ref: e, className: `sg-navbar${t ? " " + t : ""}`, ...r, children: /* @__PURE__ */ a(m, { value: s, children: n }) });
6
- }), d = c(({ children: n, className: t, href: o = "#", as: r = "a", ...e }, s) => {
7
- const u = r || (o && r != "Link" ? "a" : "span");
8
- return /* @__PURE__ */ a(u, { ref: s, href: o, className: `sg-navbar-brand${t ? " " + t : ""}`, ...e, children: n });
9
- }), i = c(({ children: n, className: t, as: o = "span", ...r }, e) => /* @__PURE__ */ a(o, { ref: e, className: `sg-navbar-text${t ? " " + t : ""}`, ...r, children: n })), $ = Object.assign(p, {
10
- Brand: d,
11
- Text: i
12
- });
13
- export {
14
- v as NavbarContext,
15
- $ as default,
16
- N as useNavbarContext
17
- };
@@ -1,4 +0,0 @@
1
- import { default as o } from "./Navbar.js";
2
- export {
3
- o as default
4
- };
@@ -1,35 +0,0 @@
1
- /// <reference types="react" />
2
- import { NavDropdownType } from "./NavDropdown.types";
3
- declare const _default: import("react").ForwardRefExoticComponent<Omit<NavDropdownType, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
4
- Toggle: import("react").ForwardRefExoticComponent<(Omit<{
5
- children: import("react").ReactNode;
6
- className?: string | undefined;
7
- navDropdown?: boolean | undefined;
8
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
9
- variant?: string | undefined;
10
- } & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
11
- children: import("react").ReactNode;
12
- className?: string | undefined;
13
- navDropdown?: boolean | undefined;
14
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
15
- variant?: string | undefined;
16
- } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "ref"> | Omit<{
17
- children: import("react").ReactNode;
18
- className?: string | undefined;
19
- navDropdown?: boolean | undefined;
20
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
21
- variant?: string | undefined;
22
- } & import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement>, "ref">) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
23
- Menu: import("react").ForwardRefExoticComponent<Omit<import("../Dropdown/Dropdown.types").DropdownMenuType, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
24
- Item: import("react").ForwardRefExoticComponent<(Omit<{
25
- children: import("react").ReactNode;
26
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
27
- className?: string | undefined;
28
- } & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
29
- children: import("react").ReactNode;
30
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
31
- className?: string | undefined;
32
- } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "ref">) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
33
- Divider: import("react").ForwardRefExoticComponent<Omit<import("../Dropdown/Dropdown.types").DropdownDividerType, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
34
- };
35
- export default _default;