@bolio-ui/core 3.0.1 → 3.0.3
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/BolioUIProvider/index.js +2 -2
- package/dist/{chunk-4DH6SOK4.js → chunk-6ASDJ72V.js} +8 -17
- package/dist/index.js +2 -2
- package/dist/styles.d.ts +1 -0
- package/esm/BolioUIProvider/index.js +1 -1
- package/esm/{chunk-4DH6SOK4.js → chunk-6ASDJ72V.js} +14 -23
- package/esm/index.js +1 -1
- package/esm/styles.d.ts +1 -0
- package/package.json +5 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunk6ASDJ72Vjs = require('../chunk-6ASDJ72V.js');
|
|
5
5
|
require('../chunk-5HRVN7L7.js');
|
|
6
6
|
require('../chunk-A3BIV2QM.js');
|
|
7
7
|
require('../chunk-33BUV2RX.js');
|
|
@@ -25,4 +25,4 @@ require('../chunk-SZIX7BM5.js');
|
|
|
25
25
|
require('../chunk-5KUROAEP.js');
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
exports.default =
|
|
28
|
+
exports.default = _chunk6ASDJ72Vjs.BolioUIProvider_default;
|
|
@@ -43,32 +43,23 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
|
43
43
|
// core/BolioUIProvider/ThemeProvider.tsx
|
|
44
44
|
|
|
45
45
|
var _jsxruntime = require('react/jsx-runtime');
|
|
46
|
+
var noThemes = [];
|
|
46
47
|
var ThemeProvider = ({
|
|
47
48
|
children,
|
|
48
49
|
themeType,
|
|
49
|
-
themes =
|
|
50
|
+
themes = noThemes
|
|
50
51
|
}) => {
|
|
51
|
-
const
|
|
52
|
-
themes
|
|
53
|
-
|
|
52
|
+
const allThemes = _react.useMemo.call(void 0, () => {
|
|
53
|
+
const safeThemes = themes.filter(
|
|
54
|
+
(item) => _chunkX5PGXMVQjs.Themes_default.isAvailableThemeType(item.type)
|
|
55
|
+
);
|
|
56
|
+
return { themes: _chunkX5PGXMVQjs.Themes_default.getPresets().concat(safeThemes) };
|
|
57
|
+
}, [themes]);
|
|
54
58
|
const currentTheme = _react.useMemo.call(void 0, () => {
|
|
55
59
|
const theme = allThemes.themes.find((item) => item.type === themeType);
|
|
56
60
|
if (theme) return theme;
|
|
57
61
|
return _chunkX5PGXMVQjs.Themes_default.getPresetStaticTheme();
|
|
58
62
|
}, [allThemes, themeType]);
|
|
59
|
-
_react.useEffect.call(void 0, () => {
|
|
60
|
-
if (!(themes == null ? void 0 : themes.length)) return;
|
|
61
|
-
setAllThemes((last) => {
|
|
62
|
-
const safeThemes = themes.filter(
|
|
63
|
-
(item) => _chunkX5PGXMVQjs.Themes_default.isAvailableThemeType(item.type)
|
|
64
|
-
);
|
|
65
|
-
const nextThemes = _chunkX5PGXMVQjs.Themes_default.getPresets().concat(safeThemes);
|
|
66
|
-
return {
|
|
67
|
-
...last,
|
|
68
|
-
themes: nextThemes
|
|
69
|
-
};
|
|
70
|
-
});
|
|
71
|
-
}, [themes]);
|
|
72
63
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5HRVN7L7js.AllThemesContext.Provider, { value: allThemes, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFEA5BJ35js.ThemeContext.Provider, { value: currentTheme, children }) });
|
|
73
64
|
};
|
|
74
65
|
var ThemeProvider_default = ThemeProvider;
|
package/dist/index.js
CHANGED
|
@@ -260,7 +260,7 @@ var _chunkLQYCPFUAjs = require('./chunk-LQYCPFUA.js');
|
|
|
260
260
|
var _chunkRD4CEB5Sjs = require('./chunk-RD4CEB5S.js');
|
|
261
261
|
|
|
262
262
|
|
|
263
|
-
var
|
|
263
|
+
var _chunk6ASDJ72Vjs = require('./chunk-6ASDJ72V.js');
|
|
264
264
|
require('./chunk-5HRVN7L7.js');
|
|
265
265
|
require('./chunk-A3BIV2QM.js');
|
|
266
266
|
require('./chunk-33BUV2RX.js');
|
|
@@ -413,4 +413,4 @@ var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
|
|
|
413
413
|
|
|
414
414
|
|
|
415
415
|
|
|
416
|
-
exports.Alert = _chunkCY5KTINEjs.Alert_default; exports.Avatar = _chunkLQYCPFUAjs.Avatar_default; exports.Badge = _chunkRD4CEB5Sjs.Badge_default; exports.BolioUIProvider =
|
|
416
|
+
exports.Alert = _chunkCY5KTINEjs.Alert_default; exports.Avatar = _chunkLQYCPFUAjs.Avatar_default; exports.Badge = _chunkRD4CEB5Sjs.Badge_default; exports.BolioUIProvider = _chunk6ASDJ72Vjs.BolioUIProvider_default; exports.Breadcrumbs = _chunkEEZG4FGYjs.Breadcrumbs_default; exports.Button = _chunkTPZUTHTQjs.Button_default; exports.ButtonDropdown = _chunkRWRFOGCUjs.ButtonDropdown_default; exports.ButtonGroup = _chunkXWRDUQKYjs.ButtonGroup_default; exports.Calendar = _chunkTLVSZCKUjs.Calendar_default; exports.Capacity = _chunkHK6XCH2Cjs.Capacity_default; exports.Card = _chunk56NE4QGRjs.Card_default; exports.Carousel = _chunkMDSRXACMjs.Carousel_default; exports.Checkbox = _chunkEAHIBHMIjs.Checkbox_default; exports.Chip = _chunkFQWH4PDKjs.Chip_default; exports.Code = _chunkA2NLRQ55js.Code_default; exports.Col = _chunkRZSTPJ76js.Col_default; exports.Collapse = _chunkWFGUAR7Kjs.Collapse_default; exports.ColorInput = _chunkDEMQXB46js.ColorInput_default; exports.ColorPicker = _chunkOKZRHSSGjs.ColorPicker_default; exports.Combobox = _chunkKRSISARCjs.Combobox_default; exports.Command = _chunkM64V32WOjs.Command_default; exports.Container = _chunkGJ77XHZ3js.Container_default; exports.ContextMenu = _chunkDYYSUJ35js.ContextMenu_default; exports.CssBaseline = _chunk5BESEB77js.CssBaseline_default; exports.DatePicker = _chunkICACLCJRjs.DatePicker_default; exports.DateRangePicker = _chunkYLLPYRJHjs.DateRangePicker_default; exports.Description = _chunkSDC2VF5Kjs.Description_default; exports.Display = _chunkT5BYQGC3js.Display_default; exports.Divider = _chunkD7CNDAYBjs.Divider_default; exports.Dot = _chunk7N7PEBRBjs.Dot_default; exports.Drawer = _chunk25NFUHLRjs.Drawer_default; exports.Dropzone = _chunk4X4ELIMQjs.Dropzone_default; exports.EmptyState = _chunkDAZ2GHNPjs.EmptyState_default; exports.Fieldset = _chunkWXW7BYE7js.Fieldset_default; exports.Grid = _chunkJFNYQSEZjs.Grid_default; exports.Highlight = _chunk6U7FXFJPjs.highlight_default; exports.Image = _chunkTWIOSRRPjs.Image_default; exports.ImageZoom = _chunkREWKR7S3js.ImageZoom_default; exports.Input = _chunkNEG5UNM6js.Input_default; exports.KeyCode = _chunkF3AL4TQZjs.KeyCode; exports.KeyMod = _chunkF3AL4TQZjs.KeyMod; exports.Keyboard = _chunkRRFCNZ2Tjs.Keyboard_default; exports.Link = _chunkWEYAL53Ojs.Link_default; exports.Loading = _chunkLMDBE6T6js.Loading_default; exports.Marquee = _chunkTJUNBMNFjs.Marquee_default; exports.Mention = _chunkFSO65ZAHjs.Mention_default; exports.Menu = _chunkFLUNRVVGjs.Menu_default; exports.Modal = _chunkCU6SNPIMjs.Modal_default; exports.Note = _chunkCGS2MT3Gjs.Note_default; exports.NumberInput = _chunkJAVXTBV2js.NumberInput_default; exports.Page = _chunkLA46RLOTjs.Page_default; exports.Pagination = _chunkE5EDUOQTjs.Pagination_default; exports.PinInput = _chunkX4TPC7HSjs.PinInput_default; exports.Popover = _chunkY432C24Zjs.Popover_default; exports.Progress = _chunkNLJHFKANjs.Progress_default; exports.Radio = _chunkIIKZQZXSjs.Radio_default; exports.Rating = _chunkOAMGJMK4js.Rating_default; exports.Row = _chunkLSSL324Ijs.Row_default; exports.ScaleContext = _chunkMAICNLTYjs.ScaleContext; exports.ScalePropKeys = _chunkMAICNLTYjs.ScalePropKeys; exports.Section = _chunkBJRUC4XLjs.Section_default; exports.SegmentedControl = _chunk2A4BSQ66js.SegmentedControl_default; exports.Select = _chunkXUNC7RB7js.Select_default; exports.Skeleton = _chunk67WAS5AYjs.Skeleton_default; exports.Slider = _chunkIUZV5Y27js.Slider_default; exports.Snippet = _chunkCGEUUDJ4js.Snippet_default; exports.Spacer = _chunkQCE3XFHZjs.Spacer_default; exports.Spinner = _chunkTZ7TOEP3js.Spinner_default; exports.Splitter = _chunkFFEAKF3Ajs.Splitter_default; exports.Stat = _chunk5M4QUTS4js.Stat_default; exports.Stepper = _chunkKWKFVS32js.Stepper_default; exports.Table = _chunkY5CFWIGVjs.Table_default; exports.Tabs = _chunk6U7FXFJPjs.Tabs_default; exports.Tag = _chunkXC33TGGTjs.Tag_default; exports.TagsInput = _chunkG4KB56ROjs.TagsInput_default; exports.Text = _chunkA6N5PIXNjs.Text_default; exports.Textarea = _chunkISLUC2SDjs.Textarea_default; exports.Themes = _chunkX5PGXMVQjs.Themes_default; exports.Timeline = _chunkAHWF22ZQjs.Timeline_default; exports.Toggle = _chunkT74YHCG6js.Toggle_default; exports.Toolbar = _chunkQ3I54DUSjs.Toolbar_default; exports.Tooltip = _chunkIL7L3BELjs.Tooltip_default; exports.Tour = _chunkSJVWKNGYjs.Tour_default; exports.Tree = _chunkK6UULETPjs.Tree_default; exports.useAllThemes = _chunkQILHI3LOjs.use_all_themes_default; exports.useBodyScroll = _chunkO3RTRCY5js.use_body_scroll_default; exports.useClasses = _chunk5KUROAEPjs.use_classes_default; exports.useClickAway = _chunk3WPRUUZ6js.use_click_away_default; exports.useClipboard = _chunkC3ZZPIUOjs.use_clipboard_default; exports.useCurrentState = _chunkGGD4BGH2js.use_current_state_default; exports.useInput = _chunkJ4K4LRBIjs.use_input_default; exports.useKeyboard = _chunkF3AL4TQZjs.use_keyboard_default; exports.useMediaQuery = _chunk6VDRKYLWjs.use_media_query_default; exports.useModal = _chunkYDYRM2KNjs.use_modal_default; exports.useRect = _chunkDSX6YDJMjs.useRect; exports.useScale = _chunkMAICNLTYjs.use_scale_default; exports.useTabs = _chunkI6WWABJNjs.use_tabs_default; exports.useTheme = _chunkV5I4ORQQjs.use_theme_default; exports.useToasts = _chunkNCUSKYUEjs.use_toasts_default; exports.withScale = _chunkMAICNLTYjs.with_scale_default;
|
package/dist/styles.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {}
|
|
@@ -38,43 +38,34 @@ import {
|
|
|
38
38
|
} from "./chunk-5KUROAEP.js";
|
|
39
39
|
|
|
40
40
|
// core/BolioUIProvider/BolioUIProvider.tsx
|
|
41
|
-
import { useCallback, useMemo as useMemo4, useState
|
|
41
|
+
import { useCallback, useMemo as useMemo4, useState } from "react";
|
|
42
42
|
|
|
43
43
|
// core/BolioUIProvider/ThemeProvider.tsx
|
|
44
|
-
import {
|
|
44
|
+
import { useMemo } from "react";
|
|
45
45
|
import { jsx } from "react/jsx-runtime";
|
|
46
|
+
var noThemes = [];
|
|
46
47
|
var ThemeProvider = ({
|
|
47
48
|
children,
|
|
48
49
|
themeType,
|
|
49
|
-
themes =
|
|
50
|
+
themes = noThemes
|
|
50
51
|
}) => {
|
|
51
|
-
const
|
|
52
|
-
themes
|
|
53
|
-
|
|
52
|
+
const allThemes = useMemo(() => {
|
|
53
|
+
const safeThemes = themes.filter(
|
|
54
|
+
(item) => Themes_default.isAvailableThemeType(item.type)
|
|
55
|
+
);
|
|
56
|
+
return { themes: Themes_default.getPresets().concat(safeThemes) };
|
|
57
|
+
}, [themes]);
|
|
54
58
|
const currentTheme = useMemo(() => {
|
|
55
59
|
const theme = allThemes.themes.find((item) => item.type === themeType);
|
|
56
60
|
if (theme) return theme;
|
|
57
61
|
return Themes_default.getPresetStaticTheme();
|
|
58
62
|
}, [allThemes, themeType]);
|
|
59
|
-
useEffect(() => {
|
|
60
|
-
if (!(themes == null ? void 0 : themes.length)) return;
|
|
61
|
-
setAllThemes((last) => {
|
|
62
|
-
const safeThemes = themes.filter(
|
|
63
|
-
(item) => Themes_default.isAvailableThemeType(item.type)
|
|
64
|
-
);
|
|
65
|
-
const nextThemes = Themes_default.getPresets().concat(safeThemes);
|
|
66
|
-
return {
|
|
67
|
-
...last,
|
|
68
|
-
themes: nextThemes
|
|
69
|
-
};
|
|
70
|
-
});
|
|
71
|
-
}, [themes]);
|
|
72
63
|
return /* @__PURE__ */ jsx(AllThemesContext.Provider, { value: allThemes, children: /* @__PURE__ */ jsx(ThemeContext.Provider, { value: currentTheme, children }) });
|
|
73
64
|
};
|
|
74
65
|
var ThemeProvider_default = ThemeProvider;
|
|
75
66
|
|
|
76
67
|
// core/use-toasts/toast-container.tsx
|
|
77
|
-
import { useEffect
|
|
68
|
+
import { useEffect, useMemo as useMemo3 } from "react";
|
|
78
69
|
import { createPortal } from "react-dom";
|
|
79
70
|
|
|
80
71
|
// core/use-toasts/toast-item.tsx
|
|
@@ -253,7 +244,7 @@ var ToastContainer = () => {
|
|
|
253
244
|
);
|
|
254
245
|
};
|
|
255
246
|
const latestHover = use_latest_default(hoverHandler);
|
|
256
|
-
|
|
247
|
+
useEffect(() => {
|
|
257
248
|
const index = toasts.findIndex(
|
|
258
249
|
(r) => r._internalIdent === lastUpdateToastId
|
|
259
250
|
);
|
|
@@ -263,7 +254,7 @@ var ToastContainer = () => {
|
|
|
263
254
|
if (hasVisible || !hoveringRef.current) return;
|
|
264
255
|
latestHover.current(false);
|
|
265
256
|
}, [toasts, lastUpdateToastId, hoveringRef, latestHover]);
|
|
266
|
-
|
|
257
|
+
useEffect(() => {
|
|
267
258
|
let timeout = null;
|
|
268
259
|
const timer = window.setInterval(() => {
|
|
269
260
|
if (toasts.length === 0) return;
|
|
@@ -303,7 +294,7 @@ var BolioUIProvider = ({
|
|
|
303
294
|
themeType,
|
|
304
295
|
children
|
|
305
296
|
}) => {
|
|
306
|
-
const [lastUpdateToastId, setLastUpdateToastId] =
|
|
297
|
+
const [lastUpdateToastId, setLastUpdateToastId] = useState(null);
|
|
307
298
|
const [toasts, setToasts, toastsRef] = use_current_state_default([]);
|
|
308
299
|
const [toastLayout, setToastLayout, toastLayoutRef] = use_current_state_default(defaultToastLayout);
|
|
309
300
|
const updateToasts = useCallback(
|
package/esm/index.js
CHANGED
|
@@ -260,7 +260,7 @@ import {
|
|
|
260
260
|
} from "./chunk-RD4CEB5S.js";
|
|
261
261
|
import {
|
|
262
262
|
BolioUIProvider_default
|
|
263
|
-
} from "./chunk-
|
|
263
|
+
} from "./chunk-6ASDJ72V.js";
|
|
264
264
|
import "./chunk-5HRVN7L7.js";
|
|
265
265
|
import "./chunk-A3BIV2QM.js";
|
|
266
266
|
import "./chunk-33BUV2RX.js";
|
package/esm/styles.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bolio-ui/core",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.3",
|
|
4
4
|
"description": "Amazing, modern and creative tools for React UI. 🥷🏼",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"bolio",
|
|
@@ -34,7 +34,10 @@
|
|
|
34
34
|
"module": "./esm/index.js",
|
|
35
35
|
"default": "./dist/index.js"
|
|
36
36
|
},
|
|
37
|
-
"./styles.css":
|
|
37
|
+
"./styles.css": {
|
|
38
|
+
"types": "./dist/styles.d.ts",
|
|
39
|
+
"default": "./dist/styles.css"
|
|
40
|
+
},
|
|
38
41
|
"./css/*": "./dist/css/*",
|
|
39
42
|
"./dist/index.js": "./dist/index.js",
|
|
40
43
|
"./dist/*/index.js": "./dist/*/index.js",
|