blue-react 10.0.0 → 10.0.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.
Files changed (55) hide show
  1. package/dist/components/ActionMenu.js +2 -2
  2. package/dist/components/ActionMenuItem.js +2 -2
  3. package/dist/components/HeaderTitle.js +1 -1
  4. package/dist/components/IconMenuItem.js +1 -1
  5. package/dist/{types/components → components}/Layout.d.ts +1 -1
  6. package/dist/components/Layout.js +3 -3
  7. package/dist/components/MenuItem.js +2 -2
  8. package/dist/components/Modal.js +1 -1
  9. package/dist/components/ModalProvider.js +1 -1
  10. package/dist/components/Search.js +2 -2
  11. package/dist/{types/components → components}/SidebarMenu.d.ts +6 -5
  12. package/dist/components/SidebarMenu.js +2 -2
  13. package/dist/components/SidebarMenuItem.js +2 -2
  14. package/dist/components/SidebarToggler.js +1 -1
  15. package/dist/{types/components → components}/SimpleLayout.d.ts +1 -1
  16. package/dist/components/SimpleLayout.js +3 -3
  17. package/dist/components/StatusProvider.js +1 -1
  18. package/dist/components/ToastProvider.js +1 -1
  19. package/dist/{types/components → components}/Utilities.d.ts +1 -1
  20. package/dist/components/Utilities.js +1 -1
  21. package/index.d.ts +46 -49
  22. package/package.json +3 -2
  23. package/dist/components/Caret.js +0 -22
  24. package/dist/components/LayoutHeader.js +0 -25
  25. package/dist/components/LayoutMain.js +0 -17
  26. package/dist/components/Switch.js +0 -59
  27. package/dist/types/components/Caret.d.ts +0 -18
  28. package/dist/types/components/LayoutHeader.d.ts +0 -4
  29. package/dist/types/components/LayoutMain.d.ts +0 -5
  30. package/dist/types/components/Switch.d.ts +0 -33
  31. /package/dist/{types/components → components}/A.d.ts +0 -0
  32. /package/dist/{types/components → components}/ActionMenu.d.ts +0 -0
  33. /package/dist/{types/components → components}/ActionMenuItem.d.ts +0 -0
  34. /package/dist/{types/components → components}/Body.d.ts +0 -0
  35. /package/dist/{types/components → components}/Chevron.d.ts +0 -0
  36. /package/dist/{types/components → components}/HashRouter.d.ts +0 -0
  37. /package/dist/{types/components → components}/Header.d.ts +0 -0
  38. /package/dist/{types/components → components}/HeaderTitle.d.ts +0 -0
  39. /package/dist/{types/components → components}/IconMenuItem.d.ts +0 -0
  40. /package/dist/{types/components → components}/Intro.d.ts +0 -0
  41. /package/dist/{types/components → components}/Layout/LayoutHeader.d.ts +0 -0
  42. /package/dist/{types/components → components}/Layout/LayoutMain.d.ts +0 -0
  43. /package/dist/{types/components → components}/MenuItem.d.ts +0 -0
  44. /package/dist/{types/components → components}/Modal.d.ts +0 -0
  45. /package/dist/{types/components → components}/ModalProvider.d.ts +0 -0
  46. /package/dist/{types/components → components}/Outside.d.ts +0 -0
  47. /package/dist/{types/components → components}/Page.d.ts +0 -0
  48. /package/dist/{types/components → components}/Search.d.ts +0 -0
  49. /package/dist/{types/components → components}/SidebarMenuItem.d.ts +0 -0
  50. /package/dist/{types/components → components}/SidebarToggler.d.ts +0 -0
  51. /package/dist/{types/components → components}/SlimContainer.d.ts +0 -0
  52. /package/dist/{types/components → components}/Status.d.ts +0 -0
  53. /package/dist/{types/components → components}/StatusProvider.d.ts +0 -0
  54. /package/dist/{types/components → components}/ToastProvider.d.ts +0 -0
  55. /package/dist/{types/components → components}/shared.d.ts +0 -0
@@ -5,8 +5,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
5
5
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
6
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
7
  import React, { Children, createContext, useState } from "react";
8
- import MenuItem from "./MenuItem";
9
- import Outside from "./Outside";
8
+ import MenuItem from "./MenuItem.js";
9
+ import Outside from "./Outside.js";
10
10
  export var ActionMenuContext = /*#__PURE__*/createContext({
11
11
  breakOption: "lg"
12
12
  });
@@ -3,8 +3,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
3
3
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
4
4
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
5
5
  import React, { useContext } from "react";
6
- import MenuItem from "./MenuItem";
7
- import { ActionMenuContext } from "./ActionMenu";
6
+ import MenuItem from "./MenuItem.js";
7
+ import { ActionMenuContext } from "./ActionMenu.js";
8
8
  /**
9
9
  * @deprecated Use `MenuItem` instead. Special `ActionMenu` functionality is now handles with CSS by Blue Web.
10
10
  *
@@ -1,5 +1,5 @@
1
1
  import React, { createElement, useEffect } from "react";
2
- import { guid } from "blue-web/dist/js/utils";
2
+ import { guid } from "blue-web/dist/js/utils.js";
3
3
  /**
4
4
  * The title area at the header bar.
5
5
  * Depending on its content, the document's title will be set aswell (what will be shown in the browser title bar).
@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
3
3
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
4
4
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
5
5
  import React from "react";
6
- import MenuItem from "./MenuItem";
6
+ import MenuItem from "./MenuItem.js";
7
7
  /**
8
8
  * Variant of `MenuItem` to primarily display an icon without a label.
9
9
  * The label prop will be displayed as a tooltip.
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import "blue-web/dist/js/side-layout";
2
+ import "blue-web/dist/js/side-layout.js";
3
3
  export interface LayoutProps {
4
4
  children?: React.ReactNode;
5
5
  header?: React.ReactNode;
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
- import "blue-web/dist/js/side-layout";
3
- import LayoutHeader from "./Layout/LayoutHeader";
4
- import LayoutMain from "./Layout/LayoutMain";
2
+ import "blue-web/dist/js/side-layout.js";
3
+ import LayoutHeader from "./Layout/LayoutHeader.js";
4
+ import LayoutMain from "./Layout/LayoutMain.js";
5
5
  var SideLayout = "side-layout";
6
6
  /**
7
7
  * A layout with header, side and main content area. Side is collapsible.
@@ -6,8 +6,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
6
6
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
7
  import clsx from "clsx";
8
8
  import React, { createElement, useEffect, useRef, useState } from "react";
9
- import Outside from "./Outside";
10
- import Chevron from "./Chevron";
9
+ import Outside from "./Outside.js";
10
+ import Chevron from "./Chevron.js";
11
11
  function findParentWithClass(element, className) {
12
12
  while (element && !element.classList.contains(className)) {
13
13
  element = element.parentElement;
@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
6
6
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
7
  import React, { useEffect, useState, useRef } from "react";
8
8
  import { Modal as BootstrapModal } from "bootstrap";
9
- import { getPhrase } from "./shared";
9
+ import { getPhrase } from "./shared.js";
10
10
  /**
11
11
  * Simple modal/dialog. Designed to work as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
12
12
  * It uses Bootstrap's Modal components.
@@ -9,7 +9,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
9
9
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
10
10
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
11
11
  import React, { createContext, useCallback, useContext, useState } from "react";
12
- import Modal from "./Modal";
12
+ import Modal from "./Modal.js";
13
13
  var ModalContext = /*#__PURE__*/createContext({
14
14
  ask: undefined,
15
15
  tell: undefined,
@@ -5,8 +5,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
5
5
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
6
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
7
  import React, { useEffect, useState } from "react";
8
- import MenuItem from "./MenuItem";
9
- import { guid } from "blue-web/dist/js/utils";
8
+ import MenuItem from "./MenuItem.js";
9
+ import { guid } from "blue-web/dist/js/utils.js";
10
10
  /**
11
11
  * A search bar that can be placed to the sidebar or on a page.
12
12
  */
@@ -1,3 +1,4 @@
1
+ import { CSSProperties, ReactNode } from "react";
1
2
  export interface SidebarMenuProps {
2
3
  /**
3
4
  * Extends the class name by the sidebar.
@@ -6,7 +7,7 @@ export interface SidebarMenuProps {
6
7
  /**
7
8
  * Sets the `style` prop by the sidebar.
8
9
  */
9
- sidebarStyle?: object;
10
+ sidebarStyle?: CSSProperties;
10
11
  /**
11
12
  * Extends the class name by the menu.
12
13
  */
@@ -14,16 +15,16 @@ export interface SidebarMenuProps {
14
15
  /**
15
16
  * Sets the `style` prop by the menu.
16
17
  */
17
- menuStyle?: object;
18
+ menuStyle?: CSSProperties;
18
19
  /**
19
20
  * Content on top of the menu.
20
21
  */
21
- topContent?: any;
22
+ topContent?: ReactNode;
22
23
  /**
23
24
  * Content for the bottom part of the sidebar.
24
25
  */
25
- bottomContent?: any;
26
- children?: any;
26
+ bottomContent?: ReactNode;
27
+ children?: ReactNode;
27
28
  }
28
29
  /**
29
30
  * Sidebar for the `Layout` component.
@@ -6,8 +6,8 @@ export default function SidebarMenu(props) {
6
6
  return /*#__PURE__*/React.createElement("div", {
7
7
  className: "d-flex flex-column h-100 " + (props.sidebarClass || ""),
8
8
  style: props.sidebarStyle
9
- }, props.topContent && /*#__PURE__*/React.createElement("div", null, props.topContent), /*#__PURE__*/React.createElement("div", {
9
+ }, props.topContent, /*#__PURE__*/React.createElement("div", {
10
10
  className: "flex-grow-1 overflow-auto " + (props.menuClass || ""),
11
11
  style: props.menuStyle ? props.menuStyle : {}
12
- }, props.children), props.bottomContent && /*#__PURE__*/React.createElement("div", null, props.bottomContent));
12
+ }, props.children), props.bottomContent);
13
13
  }
@@ -9,8 +9,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
9
9
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
10
10
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
11
11
  import React, { useEffect, useRef, useState } from "react";
12
- import MenuItem from "./MenuItem";
13
- import Outside from "./Outside";
12
+ import MenuItem from "./MenuItem.js";
13
+ import Outside from "./Outside.js";
14
14
  /**
15
15
  * @deprecated `MenuItem` now has all the features of `SidebarMenuItem`. Use `MenuItem` instead.
16
16
  * Extends `MenuItem` with following features:
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { getPhrase } from "./shared";
2
+ import { getPhrase } from "./shared.js";
3
3
  /**
4
4
  * Button to toggle sidebar state. Designed for internal use inside of `Layout`.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import "blue-web/dist/js/side-layout";
2
+ import "blue-web/dist/js/side-layout.js";
3
3
  export interface SimpleLayoutProps {
4
4
  children?: React.ReactNode;
5
5
  header?: React.ReactNode;
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
- import "blue-web/dist/js/side-layout";
3
- import LayoutHeader from "./Layout/LayoutHeader";
4
- import LayoutMain from "./Layout/LayoutMain";
2
+ import "blue-web/dist/js/side-layout.js";
3
+ import LayoutHeader from "./Layout/LayoutHeader.js";
4
+ import LayoutMain from "./Layout/LayoutMain.js";
5
5
  /**
6
6
  * A simple layout with header and main content area.
7
7
  */
@@ -9,7 +9,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
9
9
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
10
10
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
11
11
  import React, { createContext, useContext, useState } from "react";
12
- import Status from "./Status";
12
+ import Status from "./Status.js";
13
13
  var StatusContext = /*#__PURE__*/createContext({
14
14
  setAlert: undefined,
15
15
  setStatus: undefined
@@ -12,7 +12,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
12
12
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
13
13
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
14
14
  import React, { createContext, useContext, useState } from "react";
15
- import { getPhrase } from "./shared";
15
+ import { getPhrase } from "./shared.js";
16
16
  var ToastContext = /*#__PURE__*/createContext({
17
17
  addToast: undefined,
18
18
  clearToasts: undefined
@@ -1,4 +1,4 @@
1
- import { startLoading, finishLoading, showSuccess, hideSuccess, resetAlertMessage, setAlertMessage, scrollToTop, fetchData } from "blue-web/dist/js/utils";
1
+ import { startLoading, finishLoading, showSuccess, hideSuccess, resetAlertMessage, setAlertMessage, scrollToTop, fetchData } from "blue-web/dist/js/utils.js";
2
2
  /**
3
3
  * @deprecated Use (el as HTMLElement).classList.contains("my-class") instead.
4
4
  */
@@ -1,4 +1,4 @@
1
- import { startLoading, finishLoading, showSuccess, hideSuccess, resetAlertMessage, setAlertMessage, guid, scrollToTop, fetchData } from "blue-web/dist/js/utils";
1
+ import { startLoading, finishLoading, showSuccess, hideSuccess, resetAlertMessage, setAlertMessage, guid, scrollToTop, fetchData } from "blue-web/dist/js/utils.js";
2
2
 
3
3
  /**
4
4
  * @deprecated Use (el as HTMLElement).classList.contains("my-class") instead.
package/index.d.ts CHANGED
@@ -5,75 +5,72 @@ declare global {
5
5
  }
6
6
  export default global
7
7
 
8
- export { default as Layout } from "./dist/types/components/Layout"
9
- export { LayoutProps } from "./dist/types/components/Layout"
8
+ export { default as Layout } from "./dist/components/Layout"
9
+ export { LayoutProps } from "./dist/components/Layout"
10
10
 
11
- export { default as A } from "./dist/types/components/A"
12
- export { AProps } from "./dist/types/components/A"
11
+ export { default as A } from "./dist/components/A"
12
+ export { AProps } from "./dist/components/A"
13
13
 
14
- export { default as ActionMenu } from "./dist/types/components/ActionMenu"
15
- export { ActionMenuProps } from "./dist/types/components/ActionMenu"
14
+ export { default as ActionMenu } from "./dist/components/ActionMenu"
15
+ export { ActionMenuProps } from "./dist/components/ActionMenu"
16
16
 
17
- export { default as ActionMenuItem } from "./dist/types/components/ActionMenuItem"
18
- export { ActionMenuItemProps } from "./dist/types/components/ActionMenuItem"
17
+ export { default as ActionMenuItem } from "./dist/components/ActionMenuItem"
18
+ export { ActionMenuItemProps } from "./dist/components/ActionMenuItem"
19
19
 
20
- export { default as Body } from "./dist/types/components/Body"
21
- export { BodyProps } from "./dist/types/components/Body"
20
+ export { default as Body } from "./dist/components/Body"
21
+ export { BodyProps } from "./dist/components/Body"
22
22
 
23
- export { default as Chevron } from "./dist/types/components/Chevron"
24
- export { ChevronProps } from "./dist/types/components/Chevron"
23
+ export { default as Chevron } from "./dist/components/Chevron"
24
+ export { ChevronProps } from "./dist/components/Chevron"
25
25
 
26
- export { default as HashRouter } from "./dist/types/components/HashRouter"
27
- export { HashRouterProps } from "./dist/types/components/HashRouter"
26
+ export { default as HashRouter } from "./dist/components/HashRouter"
27
+ export { HashRouterProps } from "./dist/components/HashRouter"
28
28
 
29
- export { default as Header } from "./dist/types/components/Header"
30
- export { HeaderProps } from "./dist/types/components/Header"
29
+ export { default as Header } from "./dist/components/Header"
30
+ export { HeaderProps } from "./dist/components/Header"
31
31
 
32
- export { default as HeaderTitle } from "./dist/types/components/HeaderTitle"
33
- export { HeaderTitleProps } from "./dist/types/components/HeaderTitle"
32
+ export { default as HeaderTitle } from "./dist/components/HeaderTitle"
33
+ export { HeaderTitleProps } from "./dist/components/HeaderTitle"
34
34
 
35
- export { default as IconMenuItem } from "./dist/types/components/IconMenuItem"
36
- export { IconMenuItemProps } from "./dist/types/components/IconMenuItem"
35
+ export { default as IconMenuItem } from "./dist/components/IconMenuItem"
36
+ export { IconMenuItemProps } from "./dist/components/IconMenuItem"
37
37
 
38
- export { default as Intro } from "./dist/types/components/Intro"
39
- export { IntroProps } from "./dist/types/components/Intro"
38
+ export { default as Intro } from "./dist/components/Intro"
39
+ export { IntroProps } from "./dist/components/Intro"
40
40
 
41
- export { default as MenuItem } from "./dist/types/components/MenuItem"
42
- export { MenuItemProps } from "./dist/types/components/MenuItem"
41
+ export { default as MenuItem } from "./dist/components/MenuItem"
42
+ export { MenuItemProps } from "./dist/components/MenuItem"
43
43
 
44
- export { default as Modal } from "./dist/types/components/Modal"
45
- export { ModalProps } from "./dist/types/components/Modal"
44
+ export { default as Modal } from "./dist/components/Modal"
45
+ export { ModalProps } from "./dist/components/Modal"
46
46
 
47
- export { ModalProvider, useModal } from "./dist/types/components/ModalProvider"
47
+ export { ModalProvider, useModal } from "./dist/components/ModalProvider"
48
48
 
49
- export { default as Outside } from "./dist/types/components/Outside"
50
- export { OutsideProps, useOutside } from "./dist/types/components/Outside"
49
+ export { default as Outside } from "./dist/components/Outside"
50
+ export { OutsideProps, useOutside } from "./dist/components/Outside"
51
51
 
52
- export { default as Page } from "./dist/types/components/Page"
53
- export { PageProps } from "./dist/types/components/Page"
52
+ export { default as Page } from "./dist/components/Page"
53
+ export { PageProps } from "./dist/components/Page"
54
54
 
55
- export { default as Search } from "./dist/types/components/Search"
56
- export { SearchProps } from "./dist/types/components/Search"
55
+ export { default as Search } from "./dist/components/Search"
56
+ export { SearchProps } from "./dist/components/Search"
57
57
 
58
- export { default as SidebarMenu } from "./dist/types/components/SidebarMenu"
59
- export { SidebarMenuProps } from "./dist/types/components/SidebarMenu"
58
+ export { default as SidebarMenu } from "./dist/components/SidebarMenu"
59
+ export { SidebarMenuProps } from "./dist/components/SidebarMenu"
60
60
 
61
- export { default as SidebarMenuItem } from "./dist/types/components/SidebarMenuItem"
62
- export { SidebarMenuItemProps } from "./dist/types/components/SidebarMenuItem"
61
+ export { default as SidebarMenuItem } from "./dist/components/SidebarMenuItem"
62
+ export { SidebarMenuItemProps } from "./dist/components/SidebarMenuItem"
63
63
 
64
- export { default as SimpleLayout } from "./dist/types/components/SimpleLayout"
65
- export { SimpleLayoutProps } from "./dist/types/components/SimpleLayout"
64
+ export { default as SimpleLayout } from "./dist/components/SimpleLayout"
65
+ export { SimpleLayoutProps } from "./dist/components/SimpleLayout"
66
66
 
67
- export { default as SlimContainer } from "./dist/types/components/SlimContainer"
68
- export { SlimContainerProps } from "./dist/types/components/SlimContainer"
67
+ export { default as SlimContainer } from "./dist/components/SlimContainer"
68
+ export { SlimContainerProps } from "./dist/components/SlimContainer"
69
69
 
70
- export { default as Status } from "./dist/types/components/Status"
71
- export { StatusProps } from "./dist/types/components/Status"
70
+ export { default as Status } from "./dist/components/Status"
71
+ export { StatusProps } from "./dist/components/Status"
72
72
 
73
- export {
74
- StatusProvider,
75
- useStatus
76
- } from "./dist/types/components/StatusProvider"
73
+ export { StatusProvider, useStatus } from "./dist/components/StatusProvider"
77
74
 
78
75
  export {
79
76
  ToastProvider,
@@ -81,6 +78,6 @@ export {
81
78
  useToast,
82
79
  ToastItem,
83
80
  ToastItemType
84
- } from "./dist/types/components/ToastProvider"
81
+ } from "./dist/components/ToastProvider"
85
82
 
86
- export { default as Utilities } from "./dist/types/components/Utilities"
83
+ export { default as Utilities } from "./dist/components/Utilities"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "blue-react",
3
- "version": "10.0.0",
3
+ "version": "10.0.1",
4
4
  "description": "Blue React Components",
5
5
  "license": "LGPL-3.0-or-later",
6
6
  "type": "module",
@@ -20,7 +20,7 @@
20
20
  "build-docs": "tsc -b && vite build --base=/blue-react/v10/ && npm run docgen",
21
21
  "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
22
22
  "preview": "vite preview",
23
- "build-types": "tsc -p tsconfig.app.json --declaration --emitDeclarationOnly --declarationDir ./dist/types --noEmit false --composite false",
23
+ "build-types": "tsc -p tsconfig.app.json --declaration --emitDeclarationOnly --declarationDir ./dist --noEmit false --composite false",
24
24
  "build": "babel ./src/components --out-dir ./dist/components --extensions \".tsx,.js,.ts\"",
25
25
  "build-release": "npm run build-types && npm run build && npm run docgen",
26
26
  "docgen": "react-docgen ./src/components/ --ignore Layout -o ./src/docs/data/docs.json --extension tsx && node followUpDocs && npm run license-report",
@@ -55,6 +55,7 @@
55
55
  "@typescript-eslint/eslint-plugin": "^7.15.0",
56
56
  "@typescript-eslint/parser": "^7.15.0",
57
57
  "@vitejs/plugin-react": "^4.3.1",
58
+ "babel-plugin-add-import-extension": "^1.6.0",
58
59
  "eslint": "^8.57.0",
59
60
  "eslint-plugin-react-hooks": "^4.6.2",
60
61
  "eslint-plugin-react-refresh": "^0.4.7",
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = Caret;
7
- var _react = _interopRequireDefault(require("react"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
- /**
10
- * @deprecated Will be replaced by the `Chevron` component in the next major version.
11
- * Caret icon component.
12
- */
13
- function Caret(_ref) {
14
- var open = _ref.open,
15
- mirrored = _ref.mirrored,
16
- className = _ref.className,
17
- style = _ref.style;
18
- return /*#__PURE__*/_react["default"].createElement("span", {
19
- className: "blue-caret " + (open ? " blue-caret-open " : "") + (mirrored ? " blue-caret-mirrored " : "") + className,
20
- style: style
21
- });
22
- }
@@ -1,25 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["children", "className"];
3
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
4
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
7
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
8
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
9
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
10
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
11
- import React from "react";
12
- export default function LayoutHeader(_ref) {
13
- var children = _ref.children,
14
- className = _ref.className,
15
- rest = _objectWithoutProperties(_ref, _excluded);
16
- return /*#__PURE__*/React.createElement("header", _extends({
17
- className: "d-flex justify-content-between position-relative h-100 ".concat(className),
18
- style: _objectSpread({
19
- color: "var(--blue-sidebar-color)",
20
- background: "var(--blue-sidebar-bg)",
21
- zIndex: "var(--blue-layout-header-z-index, 4)",
22
- "--blue-menu-item-dropdown-bg": "var(--blue-sidebar-bg)"
23
- }, rest.style)
24
- }, rest), children);
25
- }
@@ -1,17 +0,0 @@
1
- var _excluded = ["children", "className", "noPageBorder"];
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
4
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
5
- import React from "react";
6
- export default function LayoutMain(_ref) {
7
- var children = _ref.children,
8
- className = _ref.className,
9
- _ref$noPageBorder = _ref.noPageBorder,
10
- noPageBorder = _ref$noPageBorder === void 0 ? false : _ref$noPageBorder,
11
- rest = _objectWithoutProperties(_ref, _excluded);
12
- return /*#__PURE__*/React.createElement("div", _extends({
13
- className: "w-100 h-100 p-1 pt-0 ".concat(className)
14
- }, rest), /*#__PURE__*/React.createElement("div", {
15
- className: "\"w-100 h-100 overflow-auto rounded-3 ".concat(noPageBorder ? "" : "border ", "bg-body shadow-sm\"")
16
- }, children));
17
- }
@@ -1,59 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = Switch;
8
- var _react = _interopRequireWildcard(require("react"));
9
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
10
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
11
- /**
12
- * @deprecated
13
- * Use Bootstrap's `.form-check.form-switch` instead:
14
- * https://getbootstrap.com/docs/5.2/forms/checks-radios/#switches
15
- *
16
- * For now, this component acts as proxy for Bootstrap's Switch.
17
- * To place a label next to the switch, use the new `label` prop.
18
- *
19
- * Migrate to Blue React 8.4.0 and use legacy support: Set the `label` with a string. Or set the `legacy` prop to use the previous look and behaviour.
20
- */
21
- function Switch(_ref) {
22
- var className = _ref.className,
23
- checked = _ref.checked,
24
- onChange = _ref.onChange,
25
- sliderLabel = _ref.sliderLabel,
26
- disabled = _ref.disabled,
27
- _ref$elementType = _ref.elementType,
28
- elementType = _ref$elementType === void 0 ? "label" : _ref$elementType,
29
- _ref$legacy = _ref.legacy,
30
- legacy = _ref$legacy === void 0 ? false : _ref$legacy,
31
- label = _ref.label;
32
- if (legacy === true) {
33
- return /*#__PURE__*/(0, _react.createElement)(elementType, {
34
- className: "switch " + (disabled ? "disabled " : "") + className
35
- }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("input", {
36
- type: "checkbox",
37
- checked: checked,
38
- onChange: onChange,
39
- disabled: disabled,
40
- role: "switch"
41
- }), /*#__PURE__*/_react["default"].createElement("span", {
42
- className: "slider round",
43
- "data-label": sliderLabel
44
- })));
45
- } else {
46
- return /*#__PURE__*/(0, _react.createElement)(elementType, {
47
- className: "form-check form-switch " + (disabled ? "disabled " : "") + className
48
- }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("input", {
49
- type: "checkbox",
50
- role: "switch",
51
- className: "form-check-input",
52
- checked: checked,
53
- onChange: onChange,
54
- disabled: disabled
55
- }), /*#__PURE__*/_react["default"].createElement("span", {
56
- className: "form-check-label"
57
- }, label)));
58
- }
59
- }
@@ -1,18 +0,0 @@
1
- import { CSSProperties } from "react";
2
- export interface CaretProps {
3
- /**
4
- * Indicates if open or not.
5
- */
6
- open?: boolean;
7
- /**
8
- * By default the caret points to the right when closed. Set mirrored and it will point to the left.
9
- */
10
- mirrored?: boolean;
11
- className?: string;
12
- style?: CSSProperties;
13
- }
14
- /**
15
- * @deprecated Will be replaced by the `Chevron` component in the next major version.
16
- * Caret icon component.
17
- */
18
- export default function Caret({ open, mirrored, className, style }: CaretProps): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- export interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
3
- }
4
- export default function LayoutHeader({ children, className, ...rest }: LayoutHeaderProps): import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- export interface LayoutMainProps extends React.HTMLAttributes<HTMLDivElement> {
3
- noPageBorder?: boolean;
4
- }
5
- export default function LayoutMain({ children, className, noPageBorder, ...rest }: LayoutMainProps): import("react/jsx-runtime").JSX.Element;
@@ -1,33 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- export interface SwitchProps {
3
- className?: string;
4
- checked?: boolean;
5
- onChange?: (event: React.ChangeEvent) => void;
6
- /**
7
- * Sets label inside of the switch. If you set this, you should also set the className "lg" to make the switch larger.
8
- */
9
- sliderLabel?: string;
10
- /**
11
- * You can change the type of the wrapper element. If you do, the `onChange` event might not be triggered.
12
- */
13
- elementType?: string;
14
- disabled?: boolean;
15
- /**
16
- * Set prop to use the older look and feel. Will disappear in future releases.
17
- */
18
- legacy?: boolean;
19
- label?: ReactNode | string;
20
- }
21
- /**
22
- * @deprecated
23
- * Use Bootstrap's `.form-check.form-switch` instead:
24
- * https://getbootstrap.com/docs/5.2/forms/checks-radios/#switches
25
- *
26
- * For now, this component acts as proxy for Bootstrap's Switch.
27
- * To place a label next to the switch, use the new `label` prop.
28
- *
29
- * Migrate to Blue React 8.4.0 and use legacy support: Set the `label` with a string. Or set the `legacy` prop to use the previous look and behaviour.
30
- */
31
- export default function Switch({ className, checked, onChange, sliderLabel, disabled, elementType, legacy, label }: SwitchProps): React.ReactElement<{
32
- className: string;
33
- }, string | React.JSXElementConstructor<any>>;
File without changes
File without changes
File without changes