reactive-bulma 4.0.30 → 4.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (154) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +250 -252
  3. package/package.json +46 -35
  4. package/dist/cjs/index.js +0 -4089
  5. package/dist/cjs/index.js.map +0 -1
  6. package/dist/cjs/types/components/atoms/Block/index.d.ts +0 -4
  7. package/dist/cjs/types/components/atoms/Box/index.d.ts +0 -4
  8. package/dist/cjs/types/components/atoms/BreadcrumbItem/index.d.ts +0 -4
  9. package/dist/cjs/types/components/atoms/Button/index.d.ts +0 -4
  10. package/dist/cjs/types/components/atoms/Checkbox/index.d.ts +0 -4
  11. package/dist/cjs/types/components/atoms/Column/index.d.ts +0 -4
  12. package/dist/cjs/types/components/atoms/Delete/index.d.ts +0 -4
  13. package/dist/cjs/types/components/atoms/DropdownItem/index.d.ts +0 -4
  14. package/dist/cjs/types/components/atoms/DropdownTrigger/index.d.ts +0 -4
  15. package/dist/cjs/types/components/atoms/File/index.d.ts +0 -4
  16. package/dist/cjs/types/components/atoms/Icon/index.d.ts +0 -4
  17. package/dist/cjs/types/components/atoms/Image/index.d.ts +0 -4
  18. package/dist/cjs/types/components/atoms/Input/index.d.ts +0 -4
  19. package/dist/cjs/types/components/atoms/LevelHeader/index.d.ts +0 -4
  20. package/dist/cjs/types/components/atoms/MenuItem/index.d.ts +0 -4
  21. package/dist/cjs/types/components/atoms/NavBarItem/index.d.ts +0 -4
  22. package/dist/cjs/types/components/atoms/PaginationItem/index.d.ts +0 -4
  23. package/dist/cjs/types/components/atoms/ProgressBar/index.d.ts +0 -4
  24. package/dist/cjs/types/components/atoms/RadioButton/index.d.ts +0 -4
  25. package/dist/cjs/types/components/atoms/Select/index.d.ts +0 -4
  26. package/dist/cjs/types/components/atoms/TabItem/index.d.ts +0 -4
  27. package/dist/cjs/types/components/atoms/TableCell/index.d.ts +0 -4
  28. package/dist/cjs/types/components/atoms/TableHeadCell/index.d.ts +0 -4
  29. package/dist/cjs/types/components/atoms/Tag/index.d.ts +0 -4
  30. package/dist/cjs/types/components/atoms/TextArea/index.d.ts +0 -4
  31. package/dist/cjs/types/components/atoms/Tile/index.d.ts +0 -4
  32. package/dist/cjs/types/components/atoms/Title/index.d.ts +0 -4
  33. package/dist/cjs/types/components/atoms/index.d.ts +0 -27
  34. package/dist/cjs/types/components/molecules/Breadcrumbs/index.d.ts +0 -4
  35. package/dist/cjs/types/components/molecules/ButtonGroup/index.d.ts +0 -4
  36. package/dist/cjs/types/components/molecules/ColumnGroup/index.d.ts +0 -4
  37. package/dist/cjs/types/components/molecules/Dropdown/index.d.ts +0 -4
  38. package/dist/cjs/types/components/molecules/Footer/index.d.ts +0 -4
  39. package/dist/cjs/types/components/molecules/InputControl/index.d.ts +0 -4
  40. package/dist/cjs/types/components/molecules/LevelItem/index.d.ts +0 -4
  41. package/dist/cjs/types/components/molecules/Media/index.d.ts +0 -4
  42. package/dist/cjs/types/components/molecules/Menu/index.d.ts +0 -4
  43. package/dist/cjs/types/components/molecules/MenuList/index.d.ts +0 -4
  44. package/dist/cjs/types/components/molecules/Message/index.d.ts +0 -4
  45. package/dist/cjs/types/components/molecules/Modal/index.d.ts +0 -4
  46. package/dist/cjs/types/components/molecules/NavBarBrand/index.d.ts +0 -4
  47. package/dist/cjs/types/components/molecules/NavBarDropdown/index.d.ts +0 -4
  48. package/dist/cjs/types/components/molecules/Notification/index.d.ts +0 -4
  49. package/dist/cjs/types/components/molecules/Pagination/index.d.ts +0 -4
  50. package/dist/cjs/types/components/molecules/PanelBlock/index.d.ts +0 -4
  51. package/dist/cjs/types/components/molecules/PanelTabs/index.d.ts +0 -4
  52. package/dist/cjs/types/components/molecules/Section/index.d.ts +0 -4
  53. package/dist/cjs/types/components/molecules/TableRow/index.d.ts +0 -4
  54. package/dist/cjs/types/components/molecules/Tabs/index.d.ts +0 -4
  55. package/dist/cjs/types/components/molecules/TileBox/index.d.ts +0 -4
  56. package/dist/cjs/types/components/molecules/index.d.ts +0 -22
  57. package/dist/cjs/types/components/organisms/Card/index.d.ts +0 -4
  58. package/dist/cjs/types/components/organisms/FormField/index.d.ts +0 -4
  59. package/dist/cjs/types/components/organisms/Hero/index.d.ts +0 -4
  60. package/dist/cjs/types/components/organisms/Level/index.d.ts +0 -4
  61. package/dist/cjs/types/components/organisms/NavBar/index.d.ts +0 -4
  62. package/dist/cjs/types/components/organisms/Panel/index.d.ts +0 -4
  63. package/dist/cjs/types/components/organisms/Table/index.d.ts +0 -4
  64. package/dist/cjs/types/components/organisms/TileGroup/index.d.ts +0 -4
  65. package/dist/cjs/types/components/organisms/index.d.ts +0 -8
  66. package/dist/cjs/types/functions/generators.d.ts +0 -4
  67. package/dist/cjs/types/functions/jest.d.ts +0 -2
  68. package/dist/cjs/types/functions/parsers.d.ts +0 -14
  69. package/dist/cjs/types/functions/tests/generators.test.d.ts +0 -1
  70. package/dist/cjs/types/functions/tests/parsers.test.d.ts +0 -1
  71. package/dist/cjs/types/index.d.ts +0 -5
  72. package/dist/cjs/types/interfaces/atomProps.d.ts +0 -305
  73. package/dist/cjs/types/interfaces/commonProps.d.ts +0 -25
  74. package/dist/cjs/types/interfaces/functionProps.d.ts +0 -16
  75. package/dist/cjs/types/interfaces/moleculeProps.d.ts +0 -231
  76. package/dist/cjs/types/interfaces/organismProps.d.ts +0 -112
  77. package/dist/cjs/types/types/domTypes.d.ts +0 -16
  78. package/dist/cjs/types/types/styleTypes.d.ts +0 -19
  79. package/dist/esm/index.js +0 -4031
  80. package/dist/esm/index.js.map +0 -1
  81. package/dist/esm/types/components/atoms/Block/index.d.ts +0 -4
  82. package/dist/esm/types/components/atoms/Box/index.d.ts +0 -4
  83. package/dist/esm/types/components/atoms/BreadcrumbItem/index.d.ts +0 -4
  84. package/dist/esm/types/components/atoms/Button/index.d.ts +0 -4
  85. package/dist/esm/types/components/atoms/Checkbox/index.d.ts +0 -4
  86. package/dist/esm/types/components/atoms/Column/index.d.ts +0 -4
  87. package/dist/esm/types/components/atoms/Delete/index.d.ts +0 -4
  88. package/dist/esm/types/components/atoms/DropdownItem/index.d.ts +0 -4
  89. package/dist/esm/types/components/atoms/DropdownTrigger/index.d.ts +0 -4
  90. package/dist/esm/types/components/atoms/File/index.d.ts +0 -4
  91. package/dist/esm/types/components/atoms/Icon/index.d.ts +0 -4
  92. package/dist/esm/types/components/atoms/Image/index.d.ts +0 -4
  93. package/dist/esm/types/components/atoms/Input/index.d.ts +0 -4
  94. package/dist/esm/types/components/atoms/LevelHeader/index.d.ts +0 -4
  95. package/dist/esm/types/components/atoms/MenuItem/index.d.ts +0 -4
  96. package/dist/esm/types/components/atoms/NavBarItem/index.d.ts +0 -4
  97. package/dist/esm/types/components/atoms/PaginationItem/index.d.ts +0 -4
  98. package/dist/esm/types/components/atoms/ProgressBar/index.d.ts +0 -4
  99. package/dist/esm/types/components/atoms/RadioButton/index.d.ts +0 -4
  100. package/dist/esm/types/components/atoms/Select/index.d.ts +0 -4
  101. package/dist/esm/types/components/atoms/TabItem/index.d.ts +0 -4
  102. package/dist/esm/types/components/atoms/TableCell/index.d.ts +0 -4
  103. package/dist/esm/types/components/atoms/TableHeadCell/index.d.ts +0 -4
  104. package/dist/esm/types/components/atoms/Tag/index.d.ts +0 -4
  105. package/dist/esm/types/components/atoms/TextArea/index.d.ts +0 -4
  106. package/dist/esm/types/components/atoms/Tile/index.d.ts +0 -4
  107. package/dist/esm/types/components/atoms/Title/index.d.ts +0 -4
  108. package/dist/esm/types/components/atoms/index.d.ts +0 -27
  109. package/dist/esm/types/components/molecules/Breadcrumbs/index.d.ts +0 -4
  110. package/dist/esm/types/components/molecules/ButtonGroup/index.d.ts +0 -4
  111. package/dist/esm/types/components/molecules/ColumnGroup/index.d.ts +0 -4
  112. package/dist/esm/types/components/molecules/Dropdown/index.d.ts +0 -4
  113. package/dist/esm/types/components/molecules/Footer/index.d.ts +0 -4
  114. package/dist/esm/types/components/molecules/InputControl/index.d.ts +0 -4
  115. package/dist/esm/types/components/molecules/LevelItem/index.d.ts +0 -4
  116. package/dist/esm/types/components/molecules/Media/index.d.ts +0 -4
  117. package/dist/esm/types/components/molecules/Menu/index.d.ts +0 -4
  118. package/dist/esm/types/components/molecules/MenuList/index.d.ts +0 -4
  119. package/dist/esm/types/components/molecules/Message/index.d.ts +0 -4
  120. package/dist/esm/types/components/molecules/Modal/index.d.ts +0 -4
  121. package/dist/esm/types/components/molecules/NavBarBrand/index.d.ts +0 -4
  122. package/dist/esm/types/components/molecules/NavBarDropdown/index.d.ts +0 -4
  123. package/dist/esm/types/components/molecules/Notification/index.d.ts +0 -4
  124. package/dist/esm/types/components/molecules/Pagination/index.d.ts +0 -4
  125. package/dist/esm/types/components/molecules/PanelBlock/index.d.ts +0 -4
  126. package/dist/esm/types/components/molecules/PanelTabs/index.d.ts +0 -4
  127. package/dist/esm/types/components/molecules/Section/index.d.ts +0 -4
  128. package/dist/esm/types/components/molecules/TableRow/index.d.ts +0 -4
  129. package/dist/esm/types/components/molecules/Tabs/index.d.ts +0 -4
  130. package/dist/esm/types/components/molecules/TileBox/index.d.ts +0 -4
  131. package/dist/esm/types/components/molecules/index.d.ts +0 -22
  132. package/dist/esm/types/components/organisms/Card/index.d.ts +0 -4
  133. package/dist/esm/types/components/organisms/FormField/index.d.ts +0 -4
  134. package/dist/esm/types/components/organisms/Hero/index.d.ts +0 -4
  135. package/dist/esm/types/components/organisms/Level/index.d.ts +0 -4
  136. package/dist/esm/types/components/organisms/NavBar/index.d.ts +0 -4
  137. package/dist/esm/types/components/organisms/Panel/index.d.ts +0 -4
  138. package/dist/esm/types/components/organisms/Table/index.d.ts +0 -4
  139. package/dist/esm/types/components/organisms/TileGroup/index.d.ts +0 -4
  140. package/dist/esm/types/components/organisms/index.d.ts +0 -8
  141. package/dist/esm/types/functions/generators.d.ts +0 -4
  142. package/dist/esm/types/functions/jest.d.ts +0 -2
  143. package/dist/esm/types/functions/parsers.d.ts +0 -14
  144. package/dist/esm/types/functions/tests/generators.test.d.ts +0 -1
  145. package/dist/esm/types/functions/tests/parsers.test.d.ts +0 -1
  146. package/dist/esm/types/index.d.ts +0 -5
  147. package/dist/esm/types/interfaces/atomProps.d.ts +0 -305
  148. package/dist/esm/types/interfaces/commonProps.d.ts +0 -25
  149. package/dist/esm/types/interfaces/functionProps.d.ts +0 -16
  150. package/dist/esm/types/interfaces/moleculeProps.d.ts +0 -231
  151. package/dist/esm/types/interfaces/organismProps.d.ts +0 -112
  152. package/dist/esm/types/types/domTypes.d.ts +0 -16
  153. package/dist/esm/types/types/styleTypes.d.ts +0 -19
  154. package/dist/index.d.ts +0 -805
@@ -1,112 +0,0 @@
1
- import { ClickeableProps, ElementProps } from './commonProps';
2
- import { InputControlProps, LevelItemProps, NavBarBrandProps, NavBarDropdownProps, PanelBlockProps, PanelTabsProps, TableRowProps } from './moleculeProps';
3
- import { ImageProps, NavBarItemProps, TableHeadCellProps, TileProps } from './atomProps';
4
- import { BasicColorType, SizeWithHeightType } from '../types/styleTypes';
5
- import { ChildrenType, NavBarFixedPositionType } from '../types/domTypes';
6
- export interface FormFieldHelperProps {
7
- text?: string;
8
- color?: BasicColorType;
9
- }
10
- export interface FormFieldProps extends ElementProps {
11
- /** `Attribute` `Required` Single or multiple `InputControlProps` config objects which will be wrapped around the `FormField` */
12
- inputControlConfig: InputControlProps | InputControlProps[];
13
- /** `Attribute` Sets a custom text before the wrapped input to indicate its usage */
14
- labelText?: string;
15
- /** `Attribute` Adds a helper text below the wrapped paragraph to provide context information */
16
- helperConfig?: FormFieldHelperProps;
17
- /** `Styling` Will adjust field's sections (label, input/s and helper) in horizontal position */
18
- isHorizontal?: boolean;
19
- /** `Styling` Will group the list of inputs in a same wrapper (useful for several inputs with same usage, as a complex address) */
20
- isGrouped?: boolean;
21
- }
22
- export interface PanelProps extends ElementProps {
23
- /** `Attribute` `Required` Will display Panel's header text */
24
- headerText: string;
25
- /** `Attribute` A configuration object that will render a set of tabs based on `PanelTab` component */
26
- panelTabs?: PanelTabsProps;
27
- /** `Attribute` `Required` A list of configuration objects that will render a list of block with different components, based on `PanelBlockList` component */
28
- blockList: PanelBlockProps[];
29
- /** `Styling` Color based on bulma's text color tokens */
30
- color?: BasicColorType;
31
- }
32
- export interface LevelProps extends ElementProps {
33
- /** `Attribute` A list of `LevelItem` configurations that will br displayed in Level's left side */
34
- leftSide?: LevelItemProps[];
35
- /** `Attribute` A list of `LevelItem` configurations that will br displayed in Level's center */
36
- centerSide?: LevelItemProps[];
37
- /** `Attribute` A list of `LevelItem` configurations that will br displayed in Level's right side */
38
- rightSide?: LevelItemProps[];
39
- /** `Styling` Will adjust the navigator on horizontal on mobile as well */
40
- isMobile?: boolean;
41
- }
42
- export interface HeroProps extends ElementProps {
43
- /** `Attribute` Designated section for hero's header, it will be visible only if container's `size` is setted to `is-fullheight` */
44
- header?: ChildrenType;
45
- /** `Attribute` `Required` Designated section for hero's body */
46
- body: ChildrenType;
47
- /** `Attribute` Designated section for hero's footer, it will be visible only if container's `size` is setted to `is-fullheight` */
48
- footer?: ChildrenType;
49
- /** `Styling` Set hero's size */
50
- size?: SizeWithHeightType;
51
- /** `Styling` Color based on bulma's text color tokens */
52
- color?: BasicColorType;
53
- }
54
- export interface TileGroupProps extends ElementProps, Pick<TileProps, 'context' | 'isVertical' | 'size'> {
55
- /** `Attribute` `Required` A list of `Title` configurations that will be displayed in a grid mode on the screen */
56
- groupConfig: TileProps[];
57
- }
58
- export interface NavBarMenuProps {
59
- itemList: Array<NavBarItemProps | NavBarDropdownProps>;
60
- showInMobile?: boolean;
61
- }
62
- export interface NavBarProps extends ElementProps {
63
- /** `Attribute` Configuration object for navbar's left section, it needs of a `NavBarBrand` object to be displayed at NavBar's start */
64
- brandConfig?: NavBarBrandProps;
65
- /** `Attribute` Configuration object for navbar's left section, it needs of a list of `NavBarItem` or `NavBarDropdown` objects to be displayed */
66
- itemsAtStart?: NavBarMenuProps;
67
- /** `Attribute` Configuration object for navbar's right section, it needs of a list of `NavBarItem` or `NavBarDropdown` objects to be displayed */
68
- itemsAtEnd?: NavBarMenuProps;
69
- /** `Styling` Sets navbar's position at screen's top or bottom */
70
- fixedPosition?: NavBarFixedPositionType;
71
- /** `Styling` Color based on bulma's text color tokens */
72
- color?: BasicColorType;
73
- /** `Styling` Sets navbar's color as transparent */
74
- isTransparent?: boolean;
75
- /** `Styling` Adds a small padding around the navbar */
76
- isSpaced?: boolean;
77
- /** `Styling` Adds a small shadow on navbar's bottom */
78
- hasShadow?: boolean;
79
- }
80
- export interface CardFooterProps extends ClickeableProps {
81
- text: string;
82
- }
83
- export interface CardProps extends ElementProps {
84
- /** `Attribute` It will shot a text on card's top, just a paragraph */
85
- headerText?: string;
86
- /** `Attribute` A single configuration object that will render an `Image` component */
87
- image?: ImageProps;
88
- /** `Attribute` `Required` Deisgnated section where you can include a string, a single or list of components (each one separated in its own `content` section) */
89
- content: ChildrenType;
90
- /** `Attribute` A list of footer links that will be rendered on card's bottom, below its content */
91
- footerLinks?: CardFooterProps[];
92
- }
93
- export interface TableProps extends ElementProps {
94
- /** `Attribute` `Required` Configuration object that will display table's head */
95
- head: TableHeadCellProps[];
96
- /** `Attribute` `Required` Configuration object that will display table's body */
97
- body: TableRowProps[];
98
- /** `Attribute` Configuration object that will display table's foot */
99
- foot?: TableHeadCellProps[];
100
- /** `Styling` It will add a Bordered styling to the table. It can be combined with other mentioned styling properties. */
101
- isBordered?: boolean;
102
- /** `Styling` It will add a Striped styling to the table. It can be combined with other mentioned styling properties. */
103
- isStriped?: boolean;
104
- /** `Styling` It will add a Narrow styling to the table. It can be combined with other mentioned styling properties. */
105
- isNarrow?: boolean;
106
- /** `Styling` It will add a Hoverable styling to the table. It can be combined with other mentioned styling properties. */
107
- isHoverable?: boolean;
108
- /** `Styling` It will add a Fullwidth styling to the table. It can be combined with other mentioned styling properties. */
109
- isFullwidth?: boolean;
110
- /** `Styling` Will create a container around the table in order to make it scrollable */
111
- isContained?: boolean;
112
- }
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- export type ButtonType = 'submit' | 'reset' | 'button';
3
- export type InputType = 'text' | 'password' | 'email' | 'tel';
4
- export type DropdownItemType = 'item' | 'link' | 'divider';
5
- export type PanelBlockItemType = 'icon' | 'control' | 'button';
6
- export type ChildrenType = string | React.ReactElement | React.ReactElement[];
7
- export type SingleChildType = Exclude<ChildrenType, React.ReactElement[]>;
8
- export declare enum IconSizeEnum {
9
- 'is-small' = 24,
10
- 'is-medium' = 36,
11
- 'is-large' = 48
12
- }
13
- export type TileContextType = 'is-child' | 'is-parent' | 'is-ancestor';
14
- export type HeroContentType = 'head' | 'body' | 'foot';
15
- export type MediaSectionType = 'left' | 'content' | 'right';
16
- export type NavBarFixedPositionType = 'top' | 'bottom';
@@ -1,19 +0,0 @@
1
- export type CommonSizeType = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8' | 'is-9' | 'is-10' | 'is-11' | 'is-12';
2
- export type AbstractSizeType = 'is-three-quarters' | 'is-two-thirds' | 'is-half' | 'is-one-third' | 'is-one-quarter' | 'is-full' | 'is-four-fifths' | 'is-three-fifths' | 'is-two-fifths' | 'is-one-fifth';
3
- export type ColumnSizeType = CommonSizeType | AbstractSizeType;
4
- export type ColumnOffsetType = 'is-offset-1' | 'is-offset-2' | 'is-offset-3' | 'is-offset-4' | 'is-offset-5' | 'is-offset-6' | 'is-offset-7' | 'is-offset-8' | 'is-offset-9' | 'is-offset-10' | 'is-offset-11' | 'is-offset-12';
5
- export type TitleSizeType = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
6
- export type BasicColorType = 'is-white' | 'is-light' | 'is-dark' | 'is-black' | 'is-text' | 'is-ghost' | 'is-primary' | 'is-link' | 'is-info' | 'is-success' | 'is-warning' | 'is-danger';
7
- export type TextColorType = 'has-text-white' | 'has-text-black' | 'has-text-light' | 'has-text-dark' | 'has-text-primary' | 'has-text-link' | 'has-text-info' | 'has-text-success' | 'has-text-warning' | 'has-text-danger';
8
- export type FixedImageSizeType = 'is-16x16' | 'is-24x24' | 'is-32x32' | 'is-48x48' | 'is-64x64' | 'is-96x96' | 'is-128x128' | 'is-square' | 'is-1by1' | 'is-5by4' | 'is-4by3' | 'is-3by2' | 'is-5by3' | 'is-16by9' | 'is-2by1' | 'is-3by1' | 'is-4by5' | 'is-3by4' | 'is-2by3' | 'is-3by5' | 'is-9by16' | 'is-1by2' | 'is-1by3';
9
- export type ElementSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
10
- export type SizeWithoutNormalType = Exclude<ElementSizeType, 'is-normal'>;
11
- export type SizeWithHeightType = SizeWithoutNormalType | 'is-halfheight' | 'is-fullheight';
12
- export type MediumAndLargeSizeType = Exclude<SizeWithoutNormalType, 'is-small'>;
13
- export type IconColorModeType = 'light' | 'dark';
14
- export type ColumnGapType = 'is-0' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8';
15
- export type ElementAlignType = 'is-centered' | 'is-right' | 'is-left';
16
- export type RightCenteredAlignType = Exclude<ElementAlignType, 'is-left'>;
17
- export type RightLeftAlignType = Exclude<ElementAlignType, 'is-centered'>;
18
- export type BreadcrumbSeparatorType = 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator';
19
- export type TabsFormatType = 'is-boxed' | 'is-toggle';