blue-react 7.9.1 → 8.0.0-next.4

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 (61) hide show
  1. package/README.md +22 -3
  2. package/dist/components/ActionMenu.js +8 -10
  3. package/dist/components/ActionMenuSwitch.js +2 -2
  4. package/dist/components/Body.js +1 -1
  5. package/dist/components/Grid.js +276 -287
  6. package/dist/components/Header.js +2 -2
  7. package/dist/components/HeaderTitle.js +6 -6
  8. package/dist/components/Intro.js +1 -12
  9. package/dist/components/Layout.js +295 -0
  10. package/dist/components/MenuItem.js +14 -10
  11. package/dist/components/Modal.js +16 -9
  12. package/dist/components/ModalProvider.js +11 -2
  13. package/dist/components/Outside.js +0 -4
  14. package/dist/components/Page.js +2 -7
  15. package/dist/components/Search.js +7 -7
  16. package/dist/components/SidebarMenu.js +7 -14
  17. package/dist/components/Status.js +67 -0
  18. package/dist/components/{DropdownMenuItem.js → StatusProvider.js} +54 -53
  19. package/dist/components/Utilities.js +11 -29
  20. package/dist/style.css +688 -621
  21. package/dist/style.min.css +5 -5
  22. package/dist/style.scss +1 -2
  23. package/dist/styles/_action-menu.scss +9 -9
  24. package/dist/styles/_general.scss +5 -5
  25. package/dist/styles/_grid.scss +56 -62
  26. package/dist/styles/_keyframes.scss +1 -1
  27. package/dist/styles/_mixins.scss +0 -1
  28. package/dist/styles/_search.scss +9 -9
  29. package/dist/styles/_status.scss +14 -14
  30. package/dist/styles/_variables.scss +6 -0
  31. package/dist/styles/mixins/_action-menu.scss +7 -7
  32. package/dist/styles/mixins/_sidebar.scss +22 -22
  33. package/dist/types/components/Grid.d.ts +12 -14
  34. package/dist/types/components/Layout.d.ts +111 -0
  35. package/dist/types/components/MenuItem.d.ts +4 -0
  36. package/dist/types/components/Modal.d.ts +1 -1
  37. package/dist/types/components/ModalProvider.d.ts +5 -2
  38. package/dist/types/components/SidebarMenu.d.ts +1 -5
  39. package/dist/types/components/Status.d.ts +12 -0
  40. package/dist/types/components/StatusProvider.d.ts +15 -0
  41. package/dist/types/components/Utilities.d.ts +0 -12
  42. package/dist/types/components/shared.d.ts +8 -0
  43. package/index.d.ts +6 -18
  44. package/index.js +4 -10
  45. package/package.json +7 -7
  46. package/dist/components/ActionMenuItem.js +0 -42
  47. package/dist/components/Actions.js +0 -107
  48. package/dist/components/BlueModal.js +0 -147
  49. package/dist/components/BlueModalProvider.js +0 -133
  50. package/dist/components/FluentBtn.js +0 -31
  51. package/dist/components/HeaderActions.js +0 -17
  52. package/dist/styles/_actions.scss +0 -137
  53. package/dist/styles/_ripple.scss +0 -30
  54. package/dist/styles/mixins/_actions.scss +0 -55
  55. package/dist/types/components/ActionMenuItem.d.ts +0 -41
  56. package/dist/types/components/Actions.d.ts +0 -31
  57. package/dist/types/components/BlueModal.d.ts +0 -14
  58. package/dist/types/components/BlueModalProvider.d.ts +0 -8
  59. package/dist/types/components/DropdownMenuItem.d.ts +0 -13
  60. package/dist/types/components/FluentBtn.d.ts +0 -26
  61. package/dist/types/components/HeaderActions.d.ts +0 -15
@@ -1,41 +0,0 @@
1
- /// <reference types="react" />
2
- export interface ActionMenuItemProps {
3
- /**
4
- * Extends className of the `.nav-item` element.
5
- */
6
- navItemClassName?: string;
7
- /**
8
- * Extends className of the `.nav-link` element.
9
- */
10
- className?: string;
11
- /**
12
- * URL.
13
- */
14
- href?: string;
15
- /**
16
- * onClick Eventhandler.
17
- */
18
- onClick?: (e?: any) => void;
19
- /**
20
- * className for the icon.
21
- */
22
- icon?: string;
23
- /**
24
- * Label for the link.
25
- */
26
- label?: any;
27
- /**
28
- * Tooltip on hover.
29
- */
30
- title?: string;
31
- /**
32
- * Set `true` to use the old ActionMenuItem. Otherwise this component is just an alias to MenuItem.
33
- */
34
- useDeprecated?: boolean;
35
- }
36
- /**
37
- * @deprecated This is just an alias for `MenuItem`, so you should use that component instead.
38
- * If you need the older `ActionMenuItem`, make sure to the prop `useDeprecated`.
39
- * List Item and Link for the current Action Menu.
40
- */
41
- export default function ActionMenuItem(props: ActionMenuItemProps): JSX.Element;
@@ -1,31 +0,0 @@
1
- /// <reference types="react" />
2
- import { breakOption } from "./shared";
3
- export interface ActionsProps {
4
- /**
5
- * Content that will appear on the menu when it's expanded.
6
- */
7
- children?: any;
8
- /**
9
- * Extends the `className` of `.blue-actions`.
10
- */
11
- className?: string;
12
- /**
13
- * Extends the `className` of `.blue-actions-controls`.
14
- */
15
- controlsClassName?: string;
16
- /**
17
- * Content that will appear when the menu is shrunken.
18
- */
19
- featured?: any;
20
- open?: boolean;
21
- /**
22
- * Will fire when the state of `open` will change inside of the component.
23
- * **Example:** `onToggle={open => this.setState({ open })}`
24
- */
25
- onToggle?: (open: boolean) => void;
26
- break?: breakOption;
27
- }
28
- /**
29
- * @deprecated Please use `ActionMenu` instead.
30
- */
31
- export default function Actions(props: ActionsProps): JSX.Element;
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- import { ModalType } from "./shared";
3
- export interface ModalProps {
4
- modalContent?: string;
5
- unSetModalContent: (modalContent?: string) => void;
6
- onSubmit?: (input: string | boolean | null) => void;
7
- defaultInput?: string;
8
- type: ModalType;
9
- }
10
- /**
11
- * Simple modal/dialog. Designed to be as an alternative to JavaScript's native `alert()`, `prompt()` and `confirm()` functions.
12
- * It uses Bootstrap's Modal components.
13
- */
14
- export default function Modal({ modalContent, unSetModalContent, onSubmit, defaultInput, type }: ModalProps): JSX.Element;
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- declare const ModalProvider: (props: any) => JSX.Element;
3
- declare const useModal: () => {
4
- ask: (text: string) => Promise<string | boolean>;
5
- tell: (text: string) => Promise<boolean>;
6
- verify: (text: string) => Promise<boolean>;
7
- };
8
- export { ModalProvider, useModal };
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- export interface DropdownMenuItemProps {
3
- to?: string;
4
- icon?: any;
5
- label?: any;
6
- isActive?: boolean;
7
- children?: any;
8
- }
9
- /**
10
- * @deprecated Use nested `MenuItem`s instead.
11
- * Dropdown with button for sidebar.
12
- */
13
- export default function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
@@ -1,26 +0,0 @@
1
- /// <reference types="react" />
2
- export interface FluentBtnProps {
3
- /**
4
- * Content of the button. You can also set all other props you would give a button or a link.
5
- */
6
- children?: any;
7
- className?: string;
8
- /**
9
- * If set, it will be an `<a>` element. Otherwise it will be a `<button>`.
10
- */
11
- href?: string;
12
- /**
13
- * Can be set for buttons with white background. The glow will be a little bit darker than.
14
- */
15
- light?: boolean;
16
- type?: string;
17
- title?: string;
18
- style?: any;
19
- onClick?: (e?: any) => void;
20
- }
21
- /**
22
- * @deprecated Fluent buttons got removed from blue-react.
23
- * Shortcut for `<button class="fluent-btn"><div className="fluent-btn-ball"></div></button>`.
24
- * Button with a fancy and fluent acrylic effect.
25
- */
26
- export default function FluentBtn(props: FluentBtnProps): JSX.Element;
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import { breakOption } from "./shared";
3
- export interface HeaderActionsProps {
4
- className?: string;
5
- /**
6
- * @deprecated Use `break` prop instead.
7
- */
8
- breakpoint?: breakOption;
9
- break?: breakOption;
10
- children?: any;
11
- }
12
- /**
13
- * @deprecated This component isn't neccessary anymore. Just use `ActionMenu` directly in `Header`.
14
- */
15
- export default function HeaderActions(props: HeaderActionsProps): JSX.Element;