@cfx-dev/ui-components 5.0.22 → 5.0.24
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/dist/CarouselControls-CJ3tupLr.js +41 -0
- package/dist/Combination-BNueeiCk.js +2227 -0
- package/dist/{Combination-N-vN9BB-.js → Combination-DFRGuWx2.js} +50 -48
- package/dist/{DropdownContent-BTzahw95.js → DropdownContent-DCqFWnzj.js} +10 -10
- package/dist/assets/all_css.css +2 -1
- package/dist/assets/css/Button.css +1 -1
- package/dist/assets/css/CarouselControls.css +1 -0
- package/dist/assets/css/CarouselItem.css +1 -0
- package/dist/assets/css/RangeInput.css +1 -1
- package/dist/assets/css/Text.css +1 -1
- package/dist/assets/general/global.css +1 -1
- package/dist/assets/general/themes.css +1 -1
- package/dist/cfxIcons-YyDWNxmM.js +110 -0
- package/dist/cfxIconsXLarge-Dw37ZSw2.js +110 -0
- package/dist/components/Accordion/AccordionShowcase.js +2 -2
- package/dist/components/Badge/BadgeShowcase.js +3 -3
- package/dist/components/BurgerMenu/BurgerMenuShowcase.js +4 -4
- package/dist/components/Carousel/Carousel.d.ts +24 -0
- package/dist/components/Carousel/Carousel.js +125 -0
- package/dist/components/Carousel/Carousel.types.d.ts +41 -0
- package/dist/components/Carousel/Carousel.types.js +1 -0
- package/dist/components/Carousel/CarouselControls.d.ts +8 -0
- package/dist/components/Carousel/CarouselControls.js +8 -0
- package/dist/components/Carousel/CarouselItem.d.ts +11 -0
- package/dist/components/Carousel/CarouselItem.js +85 -0
- package/dist/components/Carousel/CarouselShowcase.d.ts +6 -0
- package/dist/components/Carousel/CarouselShowcase.js +177 -0
- package/dist/components/Carousel/index.d.ts +4 -0
- package/dist/components/Carousel/index.js +6 -0
- package/dist/components/Carousel/playIcon.d.ts +6 -0
- package/dist/components/Carousel/playIcon.js +25 -0
- package/dist/components/Checkbox/Checkbox.js +7 -7
- package/dist/components/Checkbox/CheckboxShowcase.js +5 -5
- package/dist/components/ClipboardButton/ClipboardButton.js +9 -9
- package/dist/components/ControlBox/ControlBox.js +10 -10
- package/dist/components/Decorate/Decorate.js +5 -5
- package/dist/components/DropdownContent/DropdownContent.js +1 -1
- package/dist/components/DropdownContent/index.js +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +12 -12
- package/dist/components/DropdownSelect/DropdownSelect.js +1 -1
- package/dist/components/DropdownSelect/DropdownSelectShowcase.js +4 -4
- package/dist/components/Flex/FlexShowcase.js +4 -4
- package/dist/components/Flyout/Flyout.js +1 -1
- package/dist/components/Flyout/FlyoutShowcase.js +3 -3
- package/dist/components/FormField/FormFieldShowcase.js +1 -1
- package/dist/components/Icon/Icon.js +2 -2
- package/dist/components/Icons/IconsShowcase.js +1 -1
- package/dist/components/Icons/cfx-icons/Close.js +2 -2
- package/dist/components/Icons/cfx-icons/Copy.js +3 -3
- package/dist/components/Icons/cfx-icons/DownChevron.js +2 -2
- package/dist/components/Icons/cfx-icons/Filter.js +6 -6
- package/dist/components/Icons/cfx-icons/Heart.js +2 -2
- package/dist/components/Icons/cfx-icons/HeartFilled.js +2 -2
- package/dist/components/Icons/cfx-icons/LeftArrow.js +2 -2
- package/dist/components/Icons/cfx-icons/LeftChevron.js +2 -2
- package/dist/components/Icons/cfx-icons/MoreInfo.js +4 -4
- package/dist/components/Icons/cfx-icons/Play.js +5 -5
- package/dist/components/Icons/cfx-icons/Plus.js +2 -2
- package/dist/components/Icons/cfx-icons/Refresh.js +3 -3
- package/dist/components/Icons/cfx-icons/Search.js +2 -2
- package/dist/components/Icons/cfx-icons/ServerList.js +2 -2
- package/dist/components/Icons/cfx-icons/ServerReconnect.js +7 -7
- package/dist/components/Icons/cfx-icons/Square.js +3 -3
- package/dist/components/Icons/cfx-icons/SquareFilled.js +7 -7
- package/dist/components/Icons/cfx-icons/Trash.js +2 -2
- package/dist/components/Icons/cfx-icons/Undo.js +3 -3
- package/dist/components/Icons/cfx-icons/User.js +5 -5
- package/dist/components/Icons/cfx-icons/Users.js +3 -3
- package/dist/components/Icons/cfx-icons/Verified.js +4 -4
- package/dist/components/Icons/cfx-icons/Warning.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Close.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Copy.js +3 -3
- package/dist/components/Icons/cfx-iconsXLarge/DownChevron.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Filter.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Heart.js +5 -5
- package/dist/components/Icons/cfx-iconsXLarge/HeartFilled.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/LeftArrow.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/LeftChevron.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/MoreInfo.js +4 -4
- package/dist/components/Icons/cfx-iconsXLarge/Play.js +5 -5
- package/dist/components/Icons/cfx-iconsXLarge/Plus.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Refresh.js +3 -3
- package/dist/components/Icons/cfx-iconsXLarge/Search.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/ServerList.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/ServerReconnect.js +7 -7
- package/dist/components/Icons/cfx-iconsXLarge/Square.js +3 -3
- package/dist/components/Icons/cfx-iconsXLarge/SquareFilled.js +4 -4
- package/dist/components/Icons/cfx-iconsXLarge/Trash.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Undo.js +4 -4
- package/dist/components/Icons/cfx-iconsXLarge/User.js +5 -5
- package/dist/components/Icons/cfx-iconsXLarge/Users.js +3 -3
- package/dist/components/Icons/cfx-iconsXLarge/Verified.js +4 -4
- package/dist/components/Icons/cfx-iconsXLarge/VisibilityOff.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Warning.js +2 -2
- package/dist/components/Icons/index.js +2 -2
- package/dist/components/InfoPanel/InfoPanelShowcase.js +9 -9
- package/dist/components/Input/InputShowcase.js +19 -19
- package/dist/components/Input/RichInput.js +1 -1
- package/dist/components/InputDropzone/InputDropzone.js +340 -304
- package/dist/components/Link/LinkShowcase.js +5 -5
- package/dist/components/Logos/LogosShowcase.js +2 -2
- package/dist/components/Logos/cfx/Icon.js +7 -7
- package/dist/components/Logos/cfx/Logo.js +3 -3
- package/dist/components/Logos/cfx/Wordmark.js +2 -2
- package/dist/components/Logos/discord/Icon.js +5 -5
- package/dist/components/Logos/fivem/Icon.js +2 -2
- package/dist/components/Logos/fivem/WhiteLogo.js +2 -2
- package/dist/components/Logos/github/Icon.js +7 -7
- package/dist/components/Logos/google/Icon.js +6 -6
- package/dist/components/Logos/google/Wordmark.js +3 -3
- package/dist/components/Logos/index.js +7 -7
- package/dist/components/Logos/patreon/Icon.js +7 -7
- package/dist/components/Logos/patreon/Wordmark.js +5 -5
- package/dist/components/Logos/redm/CompositeLogo.js +2 -2
- package/dist/components/Logos/rockstar/Icon.js +2 -2
- package/dist/components/Logos/tebex/Icon.js +7 -7
- package/dist/components/Logos/tebex/Wordmark.js +2 -2
- package/dist/components/Logos/x/Icon.js +3 -3
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Modal/ModalShowcase.js +3 -3
- package/dist/components/OnScreenSensor.js +1 -1
- package/dist/components/Overlay/Overlay.js +1 -1
- package/dist/components/Popover/PopoverShowcase.js +6 -6
- package/dist/components/Prose/Prose.js +3 -3
- package/dist/components/Range/Range.js +1 -1
- package/dist/components/Scrollable/ScrollableShowcase.js +2 -2
- package/dist/components/Select/Select.js +109 -109
- package/dist/components/Select/SelectShowcase.js +21 -21
- package/dist/components/Skeleton/SkeletonShowcase.js +4 -4
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/Switch/Switch.js +14 -14
- package/dist/components/TableResponsiveText/TableResponsiveText.js +2 -2
- package/dist/components/Tabular/TabularShowcase.js +12 -12
- package/dist/components/Title/Title.js +81 -77
- package/dist/{index-CfQtbUfi.js → index-8cuIcSMB.js} +5 -5
- package/dist/index-BcJ929FX.js +20 -0
- package/dist/{index-kbBuAY0m.js → index-BcnrbBqR.js} +2 -2
- package/dist/{index-BgyFvlVL.js → index-Bg26abkD.js} +2 -2
- package/dist/{index-9LBuZ7x4.js → index-BzirdFxK.js} +5 -5
- package/dist/{index-Cl_RnsqN.js → index-CUyjBl1Y.js} +2 -2
- package/dist/index-CZVyC53C.js +20 -0
- package/dist/{index-DwfZyjnS.js → index-CaQzR2YA.js} +2 -2
- package/dist/{index-D5SMGei3.js → index-CzUzkeQx.js} +9 -9
- package/dist/{index-Cy4ZbWBL.js → index-DqqOUOlj.js} +2 -2
- package/dist/{index-3ctv5u9o.js → index-DwdZ_SPo.js} +2 -2
- package/dist/{index-Bj7QGXdt.js → index-DxFgF-nY.js} +2 -2
- package/dist/main.d.ts +11 -2
- package/dist/main.js +279 -257
- package/dist/utils/contexts/AnalyticsContext/AnalyticsContext.d.ts +12 -0
- package/dist/utils/contexts/AnalyticsContext/AnalyticsContext.js +9 -0
- package/dist/utils/contexts/AnalyticsContext/AnalyticsProvider.d.ts +9 -0
- package/dist/utils/contexts/AnalyticsContext/AnalyticsProvider.js +33 -0
- package/dist/utils/contexts/AnalyticsContext/index.d.ts +6 -0
- package/dist/utils/contexts/AnalyticsContext/index.js +10 -0
- package/dist/utils/contexts/AnalyticsContext/useAnalytics.d.ts +1 -0
- package/dist/utils/contexts/AnalyticsContext/useAnalytics.js +8 -0
- package/dist/utils/contexts/AnalyticsContext/useSiteLinkClick.d.ts +7 -0
- package/dist/utils/contexts/AnalyticsContext/useSiteLinkClick.js +22 -0
- package/dist/utils/contexts/MediaQueryContext/MediaQueryContext.d.ts +11 -0
- package/dist/utils/contexts/MediaQueryContext/MediaQueryContext.js +11 -0
- package/dist/utils/contexts/MediaQueryContext/MediaQueryContextProvider.d.ts +6 -0
- package/dist/utils/contexts/MediaQueryContext/MediaQueryContextProvider.js +38 -0
- package/dist/utils/contexts/MediaQueryContext/index.d.ts +4 -0
- package/dist/utils/contexts/MediaQueryContext/index.js +8 -0
- package/dist/utils/contexts/MediaQueryContext/useMediaQuery.d.ts +2 -0
- package/dist/utils/contexts/MediaQueryContext/useMediaQuery.js +8 -0
- package/dist/utils/contexts/StoreContext/StoreContext.d.ts +15 -0
- package/dist/utils/contexts/StoreContext/StoreContext.js +21 -0
- package/dist/utils/contexts/StoreContext/index.d.ts +2 -0
- package/dist/utils/contexts/StoreContext/index.js +4 -0
- package/dist/utils/formatBytes.d.ts +1 -0
- package/dist/utils/formatBytes.js +12 -0
- package/dist/utils/hooks/useCarousel.d.ts +11 -0
- package/dist/utils/hooks/useCarousel.js +1276 -0
- package/dist/utils/hooks/useOutlet.js +1 -1
- package/dist/utils/truncateWithEllipsis.d.ts +1 -0
- package/dist/utils/truncateWithEllipsis.js +6 -0
- package/package.json +2 -1
- package/dist/Combination-CcTTSYNP.js +0 -2209
- package/dist/assets/css/CountryFlag.css +0 -1
- package/dist/cfxIcons-0xD_EEXT.js +0 -110
- package/dist/cfxIconsXLarge-D0vz6Yd_.js +0 -110
- package/dist/components/CountryFlag/CountryFlag.d.ts +0 -12
- package/dist/components/CountryFlag/CountryFlag.js +0 -25
- package/dist/components/CountryFlag/index.d.ts +0 -2
- package/dist/components/CountryFlag/index.js +0 -4
- package/dist/index-B_NGoq0d.js +0 -20
- package/dist/index-Cn_D8a9-.js +0 -20
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./components/Logos/discord/Icon.js";
|
|
2
|
-
const
|
|
2
|
+
const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
3
3
|
__proto__: null,
|
|
4
4
|
Icon: o
|
|
5
5
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
t as D
|
|
8
8
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as d from "react";
|
|
2
2
|
import { c as $ } from "./index-rKs9bXHr.js";
|
|
3
|
-
import { u as ce, c as
|
|
4
|
-
import { c as ue, u as fe } from "./index-
|
|
3
|
+
import { u as ce, c as C, P as B, a as M, b as le, d as de } from "./index-8cuIcSMB.js";
|
|
4
|
+
import { c as ue, u as fe } from "./index-BzirdFxK.js";
|
|
5
5
|
import { u as me } from "./index-BZPx6jYI.js";
|
|
6
6
|
import { jsx as v, jsxs as pe } from "react/jsx-runtime";
|
|
7
7
|
var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], G = {
|
|
@@ -9,7 +9,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
|
|
|
9
9
|
"from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
|
|
10
10
|
"from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
|
|
11
11
|
"from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
|
|
12
|
-
}, I = "Slider", [z, he, Se] = ue(I), [W
|
|
12
|
+
}, I = "Slider", [z, he, Se] = ue(I), [W] = de(I, [
|
|
13
13
|
Se
|
|
14
14
|
]), [ge, K] = W(I), q = d.forwardRef(
|
|
15
15
|
(e, t) => {
|
|
@@ -301,7 +301,7 @@ var O = "SliderThumb", oe = d.forwardRef(
|
|
|
301
301
|
}
|
|
302
302
|
), be = d.forwardRef(
|
|
303
303
|
(e, t) => {
|
|
304
|
-
const { __scopeSlider: o, index: n, name: a, ...c } = e, r = K(O, o), s = Q(O, o), [l, h] = d.useState(null), S = M(t, (D) => h(D)), i = l ? r.form || !!l.closest("form") : !0, u =
|
|
304
|
+
const { __scopeSlider: o, index: n, name: a, ...c } = e, r = K(O, o), s = Q(O, o), [l, h] = d.useState(null), S = M(t, (D) => h(D)), i = l ? r.form || !!l.closest("form") : !0, u = le(l), w = r.values[n], P = w === void 0 ? 0 : ie(w, r.min, r.max), g = xe(n, r.values.length), m = u == null ? void 0 : u[s.size], f = m ? De(m, P, s.direction) : 0;
|
|
305
305
|
return d.useEffect(() => {
|
|
306
306
|
if (l)
|
|
307
307
|
return r.thumbs.add(l), () => {
|
|
@@ -418,10 +418,10 @@ function Me(e, t) {
|
|
|
418
418
|
const o = Math.pow(10, t);
|
|
419
419
|
return Math.round(e * o) / o;
|
|
420
420
|
}
|
|
421
|
-
var
|
|
421
|
+
var Ke = q, ke = te, He = ne, Ne = oe;
|
|
422
422
|
export {
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
423
|
+
Ke as R,
|
|
424
|
+
ke as T,
|
|
425
|
+
He as a,
|
|
426
|
+
Ne as b
|
|
427
427
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import e from "./components/Logos/qbcore/Icon.js";
|
|
2
|
-
const
|
|
2
|
+
const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
3
3
|
__proto__: null,
|
|
4
4
|
Icon: e
|
|
5
5
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
t as Q
|
|
8
8
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as a from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { a as T, e as A } from "./index-8cuIcSMB.js";
|
|
3
3
|
function E(n, e) {
|
|
4
4
|
return a.useReducer((r, t) => e[r][t] ?? r, n);
|
|
5
5
|
}
|
|
@@ -35,7 +35,7 @@ function P(n) {
|
|
|
35
35
|
if (e) {
|
|
36
36
|
let i;
|
|
37
37
|
const m = e.ownerDocument.defaultView ?? window, d = (u) => {
|
|
38
|
-
const g = l(t.current).includes(u.animationName);
|
|
38
|
+
const g = l(t.current).includes(CSS.escape(u.animationName));
|
|
39
39
|
if (u.target === e && g && (s("ANIMATION_END"), !o.current)) {
|
|
40
40
|
const O = e.style.animationFillMode;
|
|
41
41
|
e.style.animationFillMode = "forwards", i = m.setTimeout(() => {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import o from "./components/Logos/tebex/Icon.js";
|
|
2
2
|
import e from "./components/Logos/tebex/Wordmark.js";
|
|
3
|
-
const
|
|
3
|
+
const a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
4
4
|
__proto__: null,
|
|
5
5
|
Icon: o,
|
|
6
6
|
Wordmark: e
|
|
7
7
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
8
8
|
export {
|
|
9
|
-
|
|
9
|
+
a as T
|
|
10
10
|
};
|
package/dist/main.d.ts
CHANGED
|
@@ -2,6 +2,13 @@ export { mergeRefs } from './utils/mergeRefs';
|
|
|
2
2
|
export { clsx } from './utils/clsx';
|
|
3
3
|
export { getValue } from './utils/getValue';
|
|
4
4
|
export type { ValueOrGetter } from './utils/getValue';
|
|
5
|
+
export { AnalyticsContext, AnalyticsProvider, useAnalytics, useSiteLinkClick, } from './utils/contexts/AnalyticsContext';
|
|
6
|
+
export { MediaQueryContext, MediaQueryContextProvider, useMediaQuery, } from './utils/contexts/MediaQueryContext';
|
|
7
|
+
export type { MediaQueryContextValueType } from './utils/contexts/MediaQueryContext';
|
|
8
|
+
export { createStoreContext } from './utils/contexts/StoreContext';
|
|
9
|
+
export type { StoreContextValueType, StoreSpliceType, } from './utils/contexts/StoreContext';
|
|
10
|
+
export { formatBytes } from './utils/formatBytes';
|
|
11
|
+
export { truncateWithEllipsis } from './utils/truncateWithEllipsis';
|
|
5
12
|
export { useInstance, useDynamicRef, useGlobalKeyboardEvent, useKeyboardClose, useWindowResize, useOutlet, usePopoverController, useClipboardComponent, CLIPBOARD_TITLE_APPEARANCE, } from './utils/hooks';
|
|
6
13
|
export type { OutletPosition, UseClipboardProps, } from './utils/hooks';
|
|
7
14
|
export { formatDate, formatLocaleDate, formatShortDate, } from './utils/formatDate';
|
|
@@ -39,10 +46,12 @@ export { BackdropPortal, BACKDROP_OUTLET_ID } from './components/BackdropPortal'
|
|
|
39
46
|
export type { BackdropPortalProps } from './components/BackdropPortal';
|
|
40
47
|
export { Badge } from './components/Badge';
|
|
41
48
|
export type { BadgeProps, BadgeColor, BadgeSize, } from './components/Badge';
|
|
49
|
+
export { Carousel } from './components/Carousel';
|
|
50
|
+
export { CarouselControls } from './components/Carousel';
|
|
51
|
+
export type { CarouselItemData } from './components/Carousel';
|
|
52
|
+
export type { CarouselProps } from './components/Carousel';
|
|
42
53
|
export { ControlBox } from './components/ControlBox';
|
|
43
54
|
export type { ControlBoxProps } from './components/ControlBox';
|
|
44
|
-
export { CountryFlag } from './components/CountryFlag';
|
|
45
|
-
export type { CountryFlagProps } from './components/CountryFlag';
|
|
46
55
|
export { Decorate } from './components/Decorate';
|
|
47
56
|
export type { DecorateProps } from './components/Decorate';
|
|
48
57
|
export { Dot } from './components/Dot';
|