@mezzanine-ui/core 0.13.10 → 0.13.12

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 (188) hide show
  1. package/_internal/input-check/index.d.ts +2 -2
  2. package/_internal/input-check/inputCheck.d.ts +12 -12
  3. package/_internal/input-check/inputCheck.js +9 -9
  4. package/_internal/input-check/inputCheckGroup.d.ts +7 -7
  5. package/_internal/input-check/inputCheckGroup.js +4 -4
  6. package/_internal/input-trigger-popper/index.d.ts +1 -1
  7. package/_internal/input-trigger-popper/inputTriggerPopper.d.ts +4 -4
  8. package/_internal/input-trigger-popper/inputTriggerPopper.js +3 -3
  9. package/_internal/overlay-with-slide-fade/index.d.ts +1 -1
  10. package/_internal/overlay-with-slide-fade/overlayWithSlideFade.d.ts +4 -4
  11. package/_internal/overlay-with-slide-fade/overlayWithSlideFade.js +3 -3
  12. package/accordion/accordion.d.ts +13 -13
  13. package/accordion/accordion.js +12 -12
  14. package/accordion/index.d.ts +1 -1
  15. package/alert/alert.d.ts +15 -15
  16. package/alert/alert.js +12 -12
  17. package/alert/index.d.ts +1 -1
  18. package/app-bar/appBar.d.ts +8 -8
  19. package/app-bar/appBar.js +5 -5
  20. package/app-bar/appBarBrand.d.ts +4 -4
  21. package/app-bar/appBarBrand.js +3 -3
  22. package/app-bar/appBarMain.d.ts +4 -4
  23. package/app-bar/appBarMain.js +3 -3
  24. package/app-bar/appBarSupport.d.ts +4 -4
  25. package/app-bar/appBarSupport.js +3 -3
  26. package/app-bar/index.d.ts +4 -4
  27. package/badge/badge.d.ts +7 -7
  28. package/badge/badge.js +6 -6
  29. package/badge/index.d.ts +1 -1
  30. package/button/button.d.ts +17 -17
  31. package/button/button.js +11 -11
  32. package/button/buttonGroup.d.ts +18 -18
  33. package/button/buttonGroup.js +15 -15
  34. package/button/index.d.ts +2 -2
  35. package/calendar/calendar.d.ts +47 -47
  36. package/calendar/calendar.js +61 -61
  37. package/calendar/index.d.ts +2 -2
  38. package/calendar/typings.d.ts +43 -43
  39. package/calendarMethodsDayjs/index.d.ts +3 -3
  40. package/calendarMethodsDayjs/index.js +97 -97
  41. package/calendarMethodsLuxon/index.d.ts +3 -3
  42. package/calendarMethodsLuxon/index.js +100 -100
  43. package/calendarMethodsMoment/index.d.ts +3 -3
  44. package/calendarMethodsMoment/index.js +112 -112
  45. package/card/card.d.ts +7 -7
  46. package/card/card.js +6 -6
  47. package/card/cardActions.d.ts +4 -4
  48. package/card/cardActions.js +3 -3
  49. package/card/index.d.ts +2 -2
  50. package/checkbox/checkbox.d.ts +15 -15
  51. package/checkbox/checkbox.js +6 -6
  52. package/checkbox/index.d.ts +1 -1
  53. package/date-range-picker/dateRangePicker.d.ts +11 -11
  54. package/date-range-picker/dateRangePicker.js +10 -10
  55. package/date-range-picker/index.d.ts +1 -1
  56. package/date-time-picker/dateTimePicker.d.ts +9 -9
  57. package/date-time-picker/dateTimePicker.js +8 -8
  58. package/date-time-picker/index.d.ts +1 -1
  59. package/drawer/drawer.d.ts +10 -10
  60. package/drawer/drawer.js +8 -8
  61. package/drawer/index.d.ts +1 -1
  62. package/empty/empty.d.ts +8 -8
  63. package/empty/empty.js +7 -7
  64. package/empty/index.d.ts +1 -1
  65. package/form/form.d.ts +1 -1
  66. package/form/formField.d.ts +18 -18
  67. package/form/formField.js +16 -16
  68. package/form/index.d.ts +2 -2
  69. package/icon/icon.d.ts +15 -15
  70. package/icon/icon.js +38 -38
  71. package/icon/index.d.ts +1 -1
  72. package/input/index.d.ts +1 -1
  73. package/input/input.d.ts +8 -8
  74. package/input/input.js +5 -5
  75. package/loading/index.d.ts +1 -1
  76. package/loading/loading.d.ts +8 -8
  77. package/loading/loading.js +7 -7
  78. package/menu/index.d.ts +4 -4
  79. package/menu/menu.d.ts +13 -13
  80. package/menu/menu.js +13 -13
  81. package/menu/menuDivider.d.ts +4 -4
  82. package/menu/menuDivider.js +3 -3
  83. package/menu/menuItem.d.ts +8 -8
  84. package/menu/menuItem.js +7 -7
  85. package/menu/menuItemGroup.d.ts +6 -6
  86. package/menu/menuItemGroup.js +5 -5
  87. package/message/index.d.ts +1 -1
  88. package/message/message.d.ts +16 -16
  89. package/message/message.js +13 -13
  90. package/modal/index.d.ts +1 -1
  91. package/modal/modal.d.ts +30 -30
  92. package/modal/modal.js +25 -25
  93. package/navigation/index.d.ts +3 -3
  94. package/navigation/navigation.d.ts +8 -8
  95. package/navigation/navigation.js +5 -5
  96. package/navigation/navigationItem.d.ts +6 -6
  97. package/navigation/navigationItem.js +5 -5
  98. package/navigation/navigationSubMenu.d.ts +11 -11
  99. package/navigation/navigationSubMenu.js +10 -10
  100. package/notification/index.d.ts +1 -1
  101. package/notification/notification.d.ts +25 -25
  102. package/notification/notification.js +22 -22
  103. package/overlay/index.d.ts +1 -1
  104. package/overlay/overlay.d.ts +10 -10
  105. package/overlay/overlay.js +9 -9
  106. package/package.json +3 -3
  107. package/page-footer/index.d.ts +1 -1
  108. package/page-footer/pageFooter.d.ts +4 -4
  109. package/page-footer/pageFooter.js +3 -3
  110. package/pagination/index.d.ts +4 -4
  111. package/pagination/pagination.d.ts +8 -8
  112. package/pagination/pagination.js +7 -7
  113. package/pagination/paginationItem.d.ts +9 -9
  114. package/pagination/paginationItem.js +7 -7
  115. package/pagination/paginationJumper.d.ts +5 -5
  116. package/pagination/paginationJumper.js +4 -4
  117. package/pagination/paginationPageSize.d.ts +5 -5
  118. package/pagination/paginationPageSize.js +4 -4
  119. package/picker/index.d.ts +1 -1
  120. package/picker/picker.d.ts +10 -10
  121. package/picker/picker.js +5 -5
  122. package/popconfirm/index.d.ts +1 -1
  123. package/popconfirm/popconfirm.d.ts +5 -5
  124. package/popconfirm/popconfirm.js +4 -4
  125. package/popover/index.d.ts +1 -1
  126. package/popover/popover.d.ts +6 -6
  127. package/popover/popover.js +5 -5
  128. package/progress/index.d.ts +1 -1
  129. package/progress/progress.d.ts +27 -27
  130. package/progress/progress.js +25 -25
  131. package/radio/index.d.ts +1 -1
  132. package/radio/radio.d.ts +13 -13
  133. package/radio/radio.js +4 -4
  134. package/select/index.d.ts +1 -1
  135. package/select/select.d.ts +30 -30
  136. package/select/select.js +26 -26
  137. package/skeleton/index.d.ts +1 -1
  138. package/skeleton/skeleton.d.ts +5 -5
  139. package/skeleton/skeleton.js +4 -4
  140. package/slider/index.d.ts +1 -1
  141. package/slider/slider.d.ts +60 -60
  142. package/slider/slider.js +122 -122
  143. package/stepper/index.d.ts +2 -2
  144. package/stepper/step.d.ts +9 -9
  145. package/stepper/step.js +8 -8
  146. package/stepper/stepper.d.ts +4 -4
  147. package/stepper/stepper.js +3 -3
  148. package/switch/index.d.ts +1 -1
  149. package/switch/switch.d.ts +13 -13
  150. package/switch/switch.js +21 -21
  151. package/table/index.d.ts +1 -1
  152. package/table/table.d.ts +150 -150
  153. package/table/table.js +65 -65
  154. package/tabs/index.d.ts +1 -1
  155. package/tabs/tabs.d.ts +11 -11
  156. package/tabs/tabs.js +10 -10
  157. package/tag/index.d.ts +1 -1
  158. package/tag/tag.d.ts +10 -10
  159. package/tag/tag.js +7 -7
  160. package/text-field/index.d.ts +1 -1
  161. package/text-field/textField.d.ts +19 -19
  162. package/text-field/textField.js +16 -16
  163. package/textarea/index.d.ts +1 -1
  164. package/textarea/textarea.d.ts +9 -9
  165. package/textarea/textarea.js +6 -6
  166. package/time-panel/index.d.ts +1 -1
  167. package/time-panel/timePanel.d.ts +33 -33
  168. package/time-panel/timePanel.js +45 -45
  169. package/tooltip/index.d.ts +1 -1
  170. package/tooltip/tooltip.d.ts +4 -4
  171. package/tooltip/tooltip.js +3 -3
  172. package/tree/index.d.ts +1 -1
  173. package/tree/tree.d.ts +49 -49
  174. package/tree/tree.js +20 -20
  175. package/typography/index.d.ts +2 -2
  176. package/typography/typography.d.ts +22 -22
  177. package/typography/typography.js +17 -17
  178. package/upload/UploadPictureBlock.d.ts +51 -51
  179. package/upload/UploadPictureBlock.js +105 -105
  180. package/upload/UploadPictureWall.d.ts +5 -5
  181. package/upload/UploadPictureWall.js +4 -4
  182. package/upload/index.d.ts +5 -5
  183. package/upload/uploadInput.d.ts +4 -4
  184. package/upload/uploadInput.js +3 -3
  185. package/upload/uploadPicture.d.ts +4 -4
  186. package/upload/uploadPicture.js +3 -3
  187. package/upload/uploadResult.d.ts +17 -17
  188. package/upload/uploadResult.js +14 -14
package/table/table.d.ts CHANGED
@@ -1,150 +1,150 @@
1
- export declare const tableScrollContainerPrefix = "mzn-table-scroll-area";
2
- export declare const tableLoadingPrefix = "mzn-table-loading";
3
- export declare const tablePrefix = "mzn-table";
4
- export declare const tableHeaderFixedPrefix: string;
5
- export declare const tableHeaderPrefix: string;
6
- export declare const tableBodyPrefix: string;
7
- export declare const tableCellPrefix: string;
8
- export declare const tableClasses: {
9
- readonly loading: "mzn-table-loading";
10
- readonly scrollContainer: "mzn-table-scroll-area";
11
- readonly host: "mzn-table";
12
- readonly headerFixed: string;
13
- readonly header: string;
14
- readonly headerCellWrapper: `${string}__cellWrapper`;
15
- readonly headerCellWrapperFixed: `${string}__cellWrapper--fixed`;
16
- readonly headerCellWrapperFixedStuck: `${string}__cellWrapper--fixed--stuck`;
17
- readonly body: string;
18
- readonly bodyEmpty: `${string}__empty`;
19
- readonly bodyFetchMore: `${string}__fetchMore`;
20
- readonly bodyRow: `${string}__row`;
21
- readonly bodyRowDragging: `${string}__row--drag`;
22
- readonly bodyRowHighlight: `${string}__row--highlight`;
23
- readonly bodyRowCellWrapper: `${string}__row__cellWrapper`;
24
- readonly bodyRowCellWrapperFixed: `${string}__row__cellWrapper--fixed`;
25
- readonly bodyRowCellWrapperFixedStuck: `${string}__row__cellWrapper--fixed--stuck`;
26
- readonly bodyRowExpandedTableWrapper: `${string}__row__expandedTableWrapper`;
27
- readonly bodyRowExpandedTable: `${string}__row__expandedTable`;
28
- readonly bodyRowExpandedTableRow: `${string}__row__expandedTableRow`;
29
- readonly cell: string;
30
- readonly cellEllipsis: `${string}__ellipsis`;
31
- readonly selections: "mzn-table__selections";
32
- readonly icon: "mzn-table__icon";
33
- readonly iconClickable: "mzn-table__icon--clickable";
34
- readonly collapseAction: "mzn-table__collapseAction";
35
- readonly pagination: "mzn-table__pagination";
36
- readonly paginationIndicator: "mzn-table__pagination__indicator";
37
- readonly paginationActions: "mzn-table__pagination__actions";
38
- readonly refresh: "mzn-table__refresh";
39
- };
40
- export declare type TableRecord<T> = Record<string, T>;
41
- export interface TableDataSourceWithKey extends TableRecord<unknown> {
42
- key: string | number;
43
- }
44
- export interface TableDataSourceWithID extends TableRecord<unknown> {
45
- id: string | number;
46
- }
47
- export declare type TableDataSource = TableDataSourceWithKey | TableDataSourceWithID;
48
- export declare type TableColumn<SourceType> = {
49
- dataIndex: string;
50
- title?: string;
51
- render?(source: SourceType, index: number, column: TableColumn<SourceType>): any;
52
- renderTitle?(classes: typeof tableClasses): any;
53
- renderTooltipTitle?(source: SourceType): string;
54
- align?: 'start' | 'center' | 'end';
55
- bodyClassName?: string;
56
- headerClassName?: string;
57
- width?: number;
58
- sorter?(a: any, b: any): number;
59
- onSorted?(dataIndex: string, sortedType: string): void;
60
- editable?: boolean;
61
- setCellProps?(record: SourceType): TableRecord<unknown>;
62
- /** @default true */
63
- ellipsis?: boolean;
64
- /** force display tooltip whenever content is hovered */
65
- forceShownTooltipWhenHovered?: boolean;
66
- };
67
- export declare type ExpandedTableColumn = Omit<TableColumn<TableRecord<unknown>>, 'title' | 'renderTitle' | 'align' | 'headerClassName' | 'width' | 'sorter' | 'onSorted' | 'editable' | 'setCellProps'>;
68
- export declare type TableFetchMore = {
69
- callback?(): any;
70
- isReachEnd?: boolean;
71
- isFetching?: boolean;
72
- };
73
- /** === Feature MultiSelection */
74
- export interface TableRowAction {
75
- key: string;
76
- text: string;
77
- onClick?(keys: string[]): void;
78
- className?: string;
79
- }
80
- export interface TableRowSelection {
81
- selectedRowKey?: string[];
82
- onChange?(keys: string[]): void;
83
- actions?: TableRowAction[];
84
- }
85
- /** === Feature draggable */
86
- export interface TableDraggable {
87
- enabled: boolean;
88
- onDragEnd?: (nextDataSource: any[]) => void;
89
- }
90
- /** === Feature Expandable */
91
- export declare type ExpandRowBySources = {
92
- dataSource: TableDataSource[];
93
- columns?: ExpandedTableColumn[];
94
- className?: string;
95
- };
96
- export interface TableExpandable<SourceType> {
97
- className?: string;
98
- expandedRowRender(record: SourceType): string | ExpandRowBySources;
99
- rowExpandable?(record: SourceType): boolean;
100
- onExpand?(record: SourceType, status: boolean): void;
101
- }
102
- /** === Feature Pagination */
103
- export interface TablePagination {
104
- current: number;
105
- /** @NOTE set this to true, should control pageSize properly to make layout correct */
106
- disableAutoSlicing?: boolean;
107
- onChange(page: number): void;
108
- total?: number;
109
- options?: {
110
- boundaryCount?: number;
111
- className?: string;
112
- disabled?: boolean;
113
- hideNextButton?: boolean;
114
- hidePreviousButton?: boolean;
115
- jumperButtonText?: string;
116
- jumperHintText?: string;
117
- jumperInputPlaceholder?: string;
118
- onChangePageSize?: (pageSize: number) => void;
119
- pageSize?: number;
120
- pageSizeLabel?: string;
121
- pageSizeOptions?: number[];
122
- pageSizeUnit?: string;
123
- renderPageSizeOptionName?: (pageSize: number) => string;
124
- renderPaginationSummary?: (start: number, end: number) => string;
125
- showJumper?: boolean;
126
- showPageSizeOptions?: boolean;
127
- siblingCount?: number;
128
- };
129
- }
130
- /** === Feature Refresh */
131
- export interface TableRefresh {
132
- show?: boolean;
133
- onClick?(): void;
134
- }
135
- /** === Feature edit */
136
- export interface TableComponents {
137
- body?: {
138
- cell?: any;
139
- };
140
- }
141
- /** === Feature scrolling */
142
- export interface TableScrolling {
143
- x?: number;
144
- y?: number;
145
- /** Only available when horizontal scrolling is enabled */
146
- fixedFirstColumn?: boolean;
147
- }
148
- /** styling */
149
- export declare function getColumnStyle(column: TableColumn<TableRecord<unknown>>): {};
150
- export declare function getCellStyle(column: TableColumn<TableRecord<unknown>>): {};
1
+ export declare const tableScrollContainerPrefix = "mzn-table-scroll-area";
2
+ export declare const tableLoadingPrefix = "mzn-table-loading";
3
+ export declare const tablePrefix = "mzn-table";
4
+ export declare const tableHeaderFixedPrefix = "mzn-table__header-fixed";
5
+ export declare const tableHeaderPrefix = "mzn-table__header";
6
+ export declare const tableBodyPrefix = "mzn-table__body";
7
+ export declare const tableCellPrefix = "mzn-table__cell";
8
+ export declare const tableClasses: {
9
+ readonly loading: "mzn-table-loading";
10
+ readonly scrollContainer: "mzn-table-scroll-area";
11
+ readonly host: "mzn-table";
12
+ readonly headerFixed: "mzn-table__header-fixed";
13
+ readonly header: "mzn-table__header";
14
+ readonly headerCellWrapper: "mzn-table__header__cellWrapper";
15
+ readonly headerCellWrapperFixed: "mzn-table__header__cellWrapper--fixed";
16
+ readonly headerCellWrapperFixedStuck: "mzn-table__header__cellWrapper--fixed--stuck";
17
+ readonly body: "mzn-table__body";
18
+ readonly bodyEmpty: "mzn-table__body__empty";
19
+ readonly bodyFetchMore: "mzn-table__body__fetchMore";
20
+ readonly bodyRow: "mzn-table__body__row";
21
+ readonly bodyRowDragging: "mzn-table__body__row--drag";
22
+ readonly bodyRowHighlight: "mzn-table__body__row--highlight";
23
+ readonly bodyRowCellWrapper: "mzn-table__body__row__cellWrapper";
24
+ readonly bodyRowCellWrapperFixed: "mzn-table__body__row__cellWrapper--fixed";
25
+ readonly bodyRowCellWrapperFixedStuck: "mzn-table__body__row__cellWrapper--fixed--stuck";
26
+ readonly bodyRowExpandedTableWrapper: "mzn-table__body__row__expandedTableWrapper";
27
+ readonly bodyRowExpandedTable: "mzn-table__body__row__expandedTable";
28
+ readonly bodyRowExpandedTableRow: "mzn-table__body__row__expandedTableRow";
29
+ readonly cell: "mzn-table__cell";
30
+ readonly cellEllipsis: "mzn-table__cell__ellipsis";
31
+ readonly selections: "mzn-table__selections";
32
+ readonly icon: "mzn-table__icon";
33
+ readonly iconClickable: "mzn-table__icon--clickable";
34
+ readonly collapseAction: "mzn-table__collapseAction";
35
+ readonly pagination: "mzn-table__pagination";
36
+ readonly paginationIndicator: "mzn-table__pagination__indicator";
37
+ readonly paginationActions: "mzn-table__pagination__actions";
38
+ readonly refresh: "mzn-table__refresh";
39
+ };
40
+ export type TableRecord<T> = Record<string, T>;
41
+ export interface TableDataSourceWithKey extends TableRecord<unknown> {
42
+ key: string | number;
43
+ }
44
+ export interface TableDataSourceWithID extends TableRecord<unknown> {
45
+ id: string | number;
46
+ }
47
+ export type TableDataSource = TableDataSourceWithKey | TableDataSourceWithID;
48
+ export type TableColumn<SourceType> = {
49
+ dataIndex: string;
50
+ title?: string;
51
+ render?(source: SourceType, index: number, column: TableColumn<SourceType>): any;
52
+ renderTitle?(classes: typeof tableClasses): any;
53
+ renderTooltipTitle?(source: SourceType): string;
54
+ align?: 'start' | 'center' | 'end';
55
+ bodyClassName?: string;
56
+ headerClassName?: string;
57
+ width?: number;
58
+ sorter?(a: any, b: any): number;
59
+ onSorted?(dataIndex: string, sortedType: string): void;
60
+ editable?: boolean;
61
+ setCellProps?(record: SourceType): TableRecord<unknown>;
62
+ /** @default true */
63
+ ellipsis?: boolean;
64
+ /** force display tooltip whenever content is hovered */
65
+ forceShownTooltipWhenHovered?: boolean;
66
+ };
67
+ export type ExpandedTableColumn = Omit<TableColumn<TableRecord<unknown>>, 'title' | 'renderTitle' | 'align' | 'headerClassName' | 'width' | 'sorter' | 'onSorted' | 'editable' | 'setCellProps'>;
68
+ export type TableFetchMore = {
69
+ callback?(): any;
70
+ isReachEnd?: boolean;
71
+ isFetching?: boolean;
72
+ };
73
+ /** === Feature MultiSelection */
74
+ export interface TableRowAction {
75
+ key: string;
76
+ text: string;
77
+ onClick?(keys: string[]): void;
78
+ className?: string;
79
+ }
80
+ export interface TableRowSelection {
81
+ selectedRowKey?: string[];
82
+ onChange?(keys: string[]): void;
83
+ actions?: TableRowAction[];
84
+ }
85
+ /** === Feature draggable */
86
+ export interface TableDraggable {
87
+ enabled: boolean;
88
+ onDragEnd?: (nextDataSource: any[]) => void;
89
+ }
90
+ /** === Feature Expandable */
91
+ export type ExpandRowBySources = {
92
+ dataSource: TableDataSource[];
93
+ columns?: ExpandedTableColumn[];
94
+ className?: string;
95
+ };
96
+ export interface TableExpandable<SourceType> {
97
+ className?: string;
98
+ expandedRowRender(record: SourceType): string | ExpandRowBySources;
99
+ rowExpandable?(record: SourceType): boolean;
100
+ onExpand?(record: SourceType, status: boolean): void;
101
+ }
102
+ /** === Feature Pagination */
103
+ export interface TablePagination {
104
+ current: number;
105
+ /** @NOTE set this to true, should control pageSize properly to make layout correct */
106
+ disableAutoSlicing?: boolean;
107
+ onChange(page: number): void;
108
+ total?: number;
109
+ options?: {
110
+ boundaryCount?: number;
111
+ className?: string;
112
+ disabled?: boolean;
113
+ hideNextButton?: boolean;
114
+ hidePreviousButton?: boolean;
115
+ jumperButtonText?: string;
116
+ jumperHintText?: string;
117
+ jumperInputPlaceholder?: string;
118
+ onChangePageSize?: (pageSize: number) => void;
119
+ pageSize?: number;
120
+ pageSizeLabel?: string;
121
+ pageSizeOptions?: number[];
122
+ pageSizeUnit?: string;
123
+ renderPageSizeOptionName?: (pageSize: number) => string;
124
+ renderPaginationSummary?: (start: number, end: number) => string;
125
+ showJumper?: boolean;
126
+ showPageSizeOptions?: boolean;
127
+ siblingCount?: number;
128
+ };
129
+ }
130
+ /** === Feature Refresh */
131
+ export interface TableRefresh {
132
+ show?: boolean;
133
+ onClick?(): void;
134
+ }
135
+ /** === Feature edit */
136
+ export interface TableComponents {
137
+ body?: {
138
+ cell?: any;
139
+ };
140
+ }
141
+ /** === Feature scrolling */
142
+ export interface TableScrolling {
143
+ x?: number;
144
+ y?: number;
145
+ /** Only available when horizontal scrolling is enabled */
146
+ fixedFirstColumn?: boolean;
147
+ }
148
+ /** styling */
149
+ export declare function getColumnStyle(column: TableColumn<TableRecord<unknown>>): {};
150
+ export declare function getCellStyle(column: TableColumn<TableRecord<unknown>>): {};
package/table/table.js CHANGED
@@ -1,68 +1,68 @@
1
- const tableScrollContainerPrefix = 'mzn-table-scroll-area';
2
- const tableLoadingPrefix = 'mzn-table-loading';
3
- const tablePrefix = 'mzn-table';
4
- const tableHeaderFixedPrefix = `${tablePrefix}__header-fixed`;
5
- const tableHeaderPrefix = `${tablePrefix}__header`;
6
- const tableBodyPrefix = `${tablePrefix}__body`;
7
- const tableCellPrefix = `${tablePrefix}__cell`;
8
- const tableClasses = {
9
- loading: tableLoadingPrefix,
10
- scrollContainer: tableScrollContainerPrefix,
11
- host: tablePrefix,
12
- headerFixed: tableHeaderFixedPrefix,
13
- header: tableHeaderPrefix,
14
- headerCellWrapper: `${tableHeaderPrefix}__cellWrapper`,
15
- headerCellWrapperFixed: `${tableHeaderPrefix}__cellWrapper--fixed`,
16
- headerCellWrapperFixedStuck: `${tableHeaderPrefix}__cellWrapper--fixed--stuck`,
17
- body: tableBodyPrefix,
18
- bodyEmpty: `${tableBodyPrefix}__empty`,
19
- bodyFetchMore: `${tableBodyPrefix}__fetchMore`,
20
- bodyRow: `${tableBodyPrefix}__row`,
21
- bodyRowDragging: `${tableBodyPrefix}__row--drag`,
22
- bodyRowHighlight: `${tableBodyPrefix}__row--highlight`,
23
- bodyRowCellWrapper: `${tableBodyPrefix}__row__cellWrapper`,
24
- bodyRowCellWrapperFixed: `${tableBodyPrefix}__row__cellWrapper--fixed`,
25
- bodyRowCellWrapperFixedStuck: `${tableBodyPrefix}__row__cellWrapper--fixed--stuck`,
26
- bodyRowExpandedTableWrapper: `${tableBodyPrefix}__row__expandedTableWrapper`,
27
- bodyRowExpandedTable: `${tableBodyPrefix}__row__expandedTable`,
28
- bodyRowExpandedTableRow: `${tableBodyPrefix}__row__expandedTableRow`,
29
- cell: tableCellPrefix,
30
- cellEllipsis: `${tableCellPrefix}__ellipsis`,
31
- selections: `${tablePrefix}__selections`,
32
- icon: `${tablePrefix}__icon`,
33
- iconClickable: `${tablePrefix}__icon--clickable`,
34
- collapseAction: `${tablePrefix}__collapseAction`,
35
- pagination: `${tablePrefix}__pagination`,
36
- paginationIndicator: `${tablePrefix}__pagination__indicator`,
37
- paginationActions: `${tablePrefix}__pagination__actions`,
38
- refresh: `${tablePrefix}__refresh`,
39
- };
40
- /** styling */
41
- function getColumnStyle(column) {
42
- if (!column)
43
- return {};
44
- let style = {};
45
- if (column.width) {
46
- style = {
47
- ...style,
48
- width: column.width,
49
- maxWidth: column.width,
50
- flex: 'auto',
51
- };
52
- }
53
- return style;
54
- }
55
- function getCellStyle(column) {
56
- if (!column)
57
- return {};
58
- let style = {};
59
- if (column.align) {
60
- style = {
61
- ...style,
62
- justifyContent: column.align === 'center' ? column.align : `flex-${column.align}`,
63
- };
64
- }
65
- return style;
1
+ const tableScrollContainerPrefix = 'mzn-table-scroll-area';
2
+ const tableLoadingPrefix = 'mzn-table-loading';
3
+ const tablePrefix = 'mzn-table';
4
+ const tableHeaderFixedPrefix = `${tablePrefix}__header-fixed`;
5
+ const tableHeaderPrefix = `${tablePrefix}__header`;
6
+ const tableBodyPrefix = `${tablePrefix}__body`;
7
+ const tableCellPrefix = `${tablePrefix}__cell`;
8
+ const tableClasses = {
9
+ loading: tableLoadingPrefix,
10
+ scrollContainer: tableScrollContainerPrefix,
11
+ host: tablePrefix,
12
+ headerFixed: tableHeaderFixedPrefix,
13
+ header: tableHeaderPrefix,
14
+ headerCellWrapper: `${tableHeaderPrefix}__cellWrapper`,
15
+ headerCellWrapperFixed: `${tableHeaderPrefix}__cellWrapper--fixed`,
16
+ headerCellWrapperFixedStuck: `${tableHeaderPrefix}__cellWrapper--fixed--stuck`,
17
+ body: tableBodyPrefix,
18
+ bodyEmpty: `${tableBodyPrefix}__empty`,
19
+ bodyFetchMore: `${tableBodyPrefix}__fetchMore`,
20
+ bodyRow: `${tableBodyPrefix}__row`,
21
+ bodyRowDragging: `${tableBodyPrefix}__row--drag`,
22
+ bodyRowHighlight: `${tableBodyPrefix}__row--highlight`,
23
+ bodyRowCellWrapper: `${tableBodyPrefix}__row__cellWrapper`,
24
+ bodyRowCellWrapperFixed: `${tableBodyPrefix}__row__cellWrapper--fixed`,
25
+ bodyRowCellWrapperFixedStuck: `${tableBodyPrefix}__row__cellWrapper--fixed--stuck`,
26
+ bodyRowExpandedTableWrapper: `${tableBodyPrefix}__row__expandedTableWrapper`,
27
+ bodyRowExpandedTable: `${tableBodyPrefix}__row__expandedTable`,
28
+ bodyRowExpandedTableRow: `${tableBodyPrefix}__row__expandedTableRow`,
29
+ cell: tableCellPrefix,
30
+ cellEllipsis: `${tableCellPrefix}__ellipsis`,
31
+ selections: `${tablePrefix}__selections`,
32
+ icon: `${tablePrefix}__icon`,
33
+ iconClickable: `${tablePrefix}__icon--clickable`,
34
+ collapseAction: `${tablePrefix}__collapseAction`,
35
+ pagination: `${tablePrefix}__pagination`,
36
+ paginationIndicator: `${tablePrefix}__pagination__indicator`,
37
+ paginationActions: `${tablePrefix}__pagination__actions`,
38
+ refresh: `${tablePrefix}__refresh`,
39
+ };
40
+ /** styling */
41
+ function getColumnStyle(column) {
42
+ if (!column)
43
+ return {};
44
+ let style = {};
45
+ if (column.width) {
46
+ style = {
47
+ ...style,
48
+ width: column.width,
49
+ maxWidth: column.width,
50
+ flex: 'auto',
51
+ };
52
+ }
53
+ return style;
54
+ }
55
+ function getCellStyle(column) {
56
+ if (!column)
57
+ return {};
58
+ let style = {};
59
+ if (column.align) {
60
+ style = {
61
+ ...style,
62
+ justifyContent: column.align === 'center' ? column.align : `flex-${column.align}`,
63
+ };
64
+ }
65
+ return style;
66
66
  }
67
67
 
68
68
  export { getCellStyle, getColumnStyle, tableBodyPrefix, tableCellPrefix, tableClasses, tableHeaderFixedPrefix, tableHeaderPrefix, tableLoadingPrefix, tablePrefix, tableScrollContainerPrefix };
package/tabs/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './tabs';
1
+ export * from './tabs';
package/tabs/tabs.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- export declare const tabsPrefix = "mzn-tabs";
2
- export declare const tabsClasses: {
3
- readonly host: "mzn-tabs";
4
- readonly tabBar: "mzn-tabs__tab-bar";
5
- readonly overflow: "mzn-tabs--overflow";
6
- readonly tabs: "mzn-tabs__tabs";
7
- readonly scrollBtn: "mzn-tabs__scroll-btn";
8
- readonly tab: "mzn-tabs__tab";
9
- readonly tabActive: "mzn-tabs__tab--active";
10
- readonly pane: "mzn-tabs__pane";
11
- };
1
+ export declare const tabsPrefix = "mzn-tabs";
2
+ export declare const tabsClasses: {
3
+ readonly host: "mzn-tabs";
4
+ readonly tabBar: "mzn-tabs__tab-bar";
5
+ readonly overflow: "mzn-tabs--overflow";
6
+ readonly tabs: "mzn-tabs__tabs";
7
+ readonly scrollBtn: "mzn-tabs__scroll-btn";
8
+ readonly tab: "mzn-tabs__tab";
9
+ readonly tabActive: "mzn-tabs__tab--active";
10
+ readonly pane: "mzn-tabs__pane";
11
+ };
package/tabs/tabs.js CHANGED
@@ -1,13 +1,13 @@
1
- const tabsPrefix = 'mzn-tabs';
2
- const tabsClasses = {
3
- host: tabsPrefix,
4
- tabBar: `${tabsPrefix}__tab-bar`,
5
- overflow: `${tabsPrefix}--overflow`,
6
- tabs: `${tabsPrefix}__tabs`,
7
- scrollBtn: `${tabsPrefix}__scroll-btn`,
8
- tab: `${tabsPrefix}__tab`,
9
- tabActive: `${tabsPrefix}__tab--active`,
10
- pane: `${tabsPrefix}__pane`,
1
+ const tabsPrefix = 'mzn-tabs';
2
+ const tabsClasses = {
3
+ host: tabsPrefix,
4
+ tabBar: `${tabsPrefix}__tab-bar`,
5
+ overflow: `${tabsPrefix}--overflow`,
6
+ tabs: `${tabsPrefix}__tabs`,
7
+ scrollBtn: `${tabsPrefix}__scroll-btn`,
8
+ tab: `${tabsPrefix}__tab`,
9
+ tabActive: `${tabsPrefix}__tab--active`,
10
+ pane: `${tabsPrefix}__pane`,
11
11
  };
12
12
 
13
13
  export { tabsClasses, tabsPrefix };
package/tag/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './tag';
1
+ export * from './tag';
package/tag/tag.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { Size } from '@mezzanine-ui/system/size';
2
- export declare type TagSize = Size;
3
- export declare const tagPrefix = "mzn-tag";
4
- export declare const tagClasses: {
5
- readonly host: "mzn-tag";
6
- readonly label: "mzn-tag__label";
7
- readonly closeIcon: "mzn-tag__close-icon";
8
- readonly disabled: "mzn-tag--disabled";
9
- readonly size: (size: TagSize) => string;
10
- };
1
+ import { Size } from '@mezzanine-ui/system/size';
2
+ export type TagSize = Size;
3
+ export declare const tagPrefix = "mzn-tag";
4
+ export declare const tagClasses: {
5
+ readonly host: "mzn-tag";
6
+ readonly label: "mzn-tag__label";
7
+ readonly closeIcon: "mzn-tag__close-icon";
8
+ readonly disabled: "mzn-tag--disabled";
9
+ readonly size: (size: TagSize) => string;
10
+ };
package/tag/tag.js CHANGED
@@ -1,10 +1,10 @@
1
- const tagPrefix = 'mzn-tag';
2
- const tagClasses = {
3
- host: tagPrefix,
4
- label: `${tagPrefix}__label`,
5
- closeIcon: `${tagPrefix}__close-icon`,
6
- disabled: `${tagPrefix}--disabled`,
7
- size: (size) => `${tagPrefix}--${size}`,
1
+ const tagPrefix = 'mzn-tag';
2
+ const tagClasses = {
3
+ host: tagPrefix,
4
+ label: `${tagPrefix}__label`,
5
+ closeIcon: `${tagPrefix}__close-icon`,
6
+ disabled: `${tagPrefix}--disabled`,
7
+ size: (size) => `${tagPrefix}--${size}`,
8
8
  };
9
9
 
10
10
  export { tagClasses, tagPrefix };
@@ -1 +1 @@
1
- export * from './textField';
1
+ export * from './textField';
@@ -1,19 +1,19 @@
1
- import { Size } from '@mezzanine-ui/system/size';
2
- export declare type TextFieldSize = Size;
3
- export declare const textFieldPrefix = "mzn-text-field";
4
- export declare const textFieldClasses: {
5
- readonly host: "mzn-text-field";
6
- readonly active: "mzn-text-field--active";
7
- readonly clearable: "mzn-text-field--clearable";
8
- readonly disabled: "mzn-text-field--disabled";
9
- readonly error: "mzn-text-field--error";
10
- readonly fullWidth: "mzn-text-field--full-width";
11
- readonly size: (size: TextFieldSize) => string;
12
- readonly withPrefix: "mzn-text-field--prefix";
13
- readonly withSuffix: "mzn-text-field--suffix";
14
- readonly placeholder: "mzn-text-field__placeholder";
15
- readonly prefix: "mzn-text-field__prefix";
16
- readonly suffix: "mzn-text-field__suffix";
17
- readonly clearIcon: "mzn-text-field__clear-icon";
18
- readonly actionIcon: "mzn-text-field__action-icon";
19
- };
1
+ import { Size } from '@mezzanine-ui/system/size';
2
+ export type TextFieldSize = Size;
3
+ export declare const textFieldPrefix = "mzn-text-field";
4
+ export declare const textFieldClasses: {
5
+ readonly host: "mzn-text-field";
6
+ readonly active: "mzn-text-field--active";
7
+ readonly clearable: "mzn-text-field--clearable";
8
+ readonly disabled: "mzn-text-field--disabled";
9
+ readonly error: "mzn-text-field--error";
10
+ readonly fullWidth: "mzn-text-field--full-width";
11
+ readonly size: (size: TextFieldSize) => string;
12
+ readonly withPrefix: "mzn-text-field--prefix";
13
+ readonly withSuffix: "mzn-text-field--suffix";
14
+ readonly placeholder: "mzn-text-field__placeholder";
15
+ readonly prefix: "mzn-text-field__prefix";
16
+ readonly suffix: "mzn-text-field__suffix";
17
+ readonly clearIcon: "mzn-text-field__clear-icon";
18
+ readonly actionIcon: "mzn-text-field__action-icon";
19
+ };
@@ -1,19 +1,19 @@
1
- const textFieldPrefix = 'mzn-text-field';
2
- const textFieldClasses = {
3
- host: textFieldPrefix,
4
- active: `${textFieldPrefix}--active`,
5
- clearable: `${textFieldPrefix}--clearable`,
6
- disabled: `${textFieldPrefix}--disabled`,
7
- error: `${textFieldPrefix}--error`,
8
- fullWidth: `${textFieldPrefix}--full-width`,
9
- size: (size) => `${textFieldPrefix}--${size}`,
10
- withPrefix: `${textFieldPrefix}--prefix`,
11
- withSuffix: `${textFieldPrefix}--suffix`,
12
- placeholder: `${textFieldPrefix}__placeholder`,
13
- prefix: `${textFieldPrefix}__prefix`,
14
- suffix: `${textFieldPrefix}__suffix`,
15
- clearIcon: `${textFieldPrefix}__clear-icon`,
16
- actionIcon: `${textFieldPrefix}__action-icon`,
1
+ const textFieldPrefix = 'mzn-text-field';
2
+ const textFieldClasses = {
3
+ host: textFieldPrefix,
4
+ active: `${textFieldPrefix}--active`,
5
+ clearable: `${textFieldPrefix}--clearable`,
6
+ disabled: `${textFieldPrefix}--disabled`,
7
+ error: `${textFieldPrefix}--error`,
8
+ fullWidth: `${textFieldPrefix}--full-width`,
9
+ size: (size) => `${textFieldPrefix}--${size}`,
10
+ withPrefix: `${textFieldPrefix}--prefix`,
11
+ withSuffix: `${textFieldPrefix}--suffix`,
12
+ placeholder: `${textFieldPrefix}__placeholder`,
13
+ prefix: `${textFieldPrefix}__prefix`,
14
+ suffix: `${textFieldPrefix}__suffix`,
15
+ clearIcon: `${textFieldPrefix}__clear-icon`,
16
+ actionIcon: `${textFieldPrefix}__action-icon`,
17
17
  };
18
18
 
19
19
  export { textFieldClasses, textFieldPrefix };
@@ -1 +1 @@
1
- export * from './textarea';
1
+ export * from './textarea';
@@ -1,9 +1,9 @@
1
- import { Size } from '@mezzanine-ui/system/size';
2
- export declare type TextareaSize = Size;
3
- export declare const textareaPrefix = "mzn-textarea";
4
- export declare const textareaClasses: {
5
- readonly host: "mzn-textarea";
6
- readonly size: (size: TextareaSize) => string;
7
- readonly upperLimit: "mzn-textarea--upper-limit";
8
- readonly count: "mzn-textarea__count";
9
- };
1
+ import { Size } from '@mezzanine-ui/system/size';
2
+ export type TextareaSize = Size;
3
+ export declare const textareaPrefix = "mzn-textarea";
4
+ export declare const textareaClasses: {
5
+ readonly host: "mzn-textarea";
6
+ readonly size: (size: TextareaSize) => string;
7
+ readonly upperLimit: "mzn-textarea--upper-limit";
8
+ readonly count: "mzn-textarea__count";
9
+ };