@pathscale/ui 2.2.2 → 2.3.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 (68) hide show
  1. package/dist/components/data-grid/DataGrid.css +247 -0
  2. package/dist/components/data-grid/DataGrid.generated.d.ts +41 -0
  3. package/dist/components/data-grid/DataGrid.generated.js +408 -0
  4. package/dist/components/data-grid/DataGrid.interactions.d.ts +11 -0
  5. package/dist/components/data-grid/DataGrid.interactions.js +25 -0
  6. package/dist/components/data-grid/DataGrid.recipe.d.ts +52 -0
  7. package/dist/components/data-grid/DataGrid.recipe.js +96 -0
  8. package/dist/components/data-grid/createDataGrid.d.ts +121 -0
  9. package/dist/components/data-grid/createDataGrid.js +252 -0
  10. package/dist/components/data-grid/index.d.ts +8 -0
  11. package/dist/components/data-grid/index.js +5 -0
  12. package/dist/components/spinner/Spinner.css +28 -9
  13. package/dist/components/spinner/Spinner.generated.d.ts +2 -2
  14. package/dist/components/spinner/Spinner.generated.js +1 -1
  15. package/dist/components/spinner/Spinner.recipe.d.ts +11 -10
  16. package/dist/components/spinner/Spinner.recipe.js +21 -19
  17. package/dist/components/table/ExpandToggle.generated.js +2 -2
  18. package/dist/components/table/InlineConfirm.generated.js +2 -2
  19. package/dist/components/table/MobileListView.generated.js +2 -2
  20. package/dist/components/table/SortIcon.generated.js +2 -2
  21. package/dist/components/table/Table.context.d.ts +23 -0
  22. package/dist/components/table/Table.context.js +22 -0
  23. package/dist/components/table/Table.d.ts +18 -0
  24. package/dist/components/table/Table.js +33 -0
  25. package/dist/components/table/Table.recipe.d.ts +130 -16
  26. package/dist/components/table/Table.recipe.js +420 -78
  27. package/dist/components/table/TableBody.generated.d.ts +6 -0
  28. package/dist/components/table/TableBody.generated.js +33 -0
  29. package/dist/components/table/TableCell.generated.d.ts +6 -0
  30. package/dist/components/table/TableCell.generated.js +33 -0
  31. package/dist/components/table/TableColumn.generated.d.ts +11 -0
  32. package/dist/components/table/TableColumn.generated.js +89 -0
  33. package/dist/components/table/TableColumnResizer.generated.d.ts +6 -0
  34. package/dist/components/table/TableColumnResizer.generated.js +42 -0
  35. package/dist/components/table/TableContent.generated.d.ts +10 -0
  36. package/dist/components/table/TableContent.generated.js +50 -0
  37. package/dist/components/table/TableExpandedRow.generated.d.ts +11 -0
  38. package/dist/components/table/TableExpandedRow.generated.js +50 -0
  39. package/dist/components/table/TableFooter.generated.d.ts +6 -0
  40. package/dist/components/table/TableFooter.generated.js +33 -0
  41. package/dist/components/table/TableHeader.generated.d.ts +6 -0
  42. package/dist/components/table/TableHeader.generated.js +33 -0
  43. package/dist/components/table/TableLoadMore.generated.d.ts +6 -0
  44. package/dist/components/table/TableLoadMore.generated.js +33 -0
  45. package/dist/components/table/TableLoadMoreContent.generated.d.ts +6 -0
  46. package/dist/components/table/TableLoadMoreContent.generated.js +33 -0
  47. package/dist/components/table/TablePageSize.generated.d.ts +13 -0
  48. package/dist/components/table/TablePageSize.generated.js +57 -0
  49. package/dist/components/table/TableResizableContainer.generated.d.ts +6 -0
  50. package/dist/components/table/TableResizableContainer.generated.js +33 -0
  51. package/dist/components/table/TableRoot.generated.d.ts +10 -0
  52. package/dist/components/table/TableRoot.generated.js +45 -0
  53. package/dist/components/table/TableRow.generated.d.ts +6 -0
  54. package/dist/components/table/TableRow.generated.js +33 -0
  55. package/dist/components/table/TableScrollContainer.generated.d.ts +6 -0
  56. package/dist/components/table/TableScrollContainer.generated.js +33 -0
  57. package/dist/components/table/VirtualSpacerRow.generated.js +2 -2
  58. package/dist/components/table/index.d.ts +43 -13
  59. package/dist/components/table/index.js +21 -5
  60. package/dist/index.d.ts +3 -0
  61. package/dist/index.js +1 -0
  62. package/dist/layouts.manifest.json +4 -1
  63. package/dist/purge-manifest.json +496 -14
  64. package/dist/styles/themes/dark.css +3 -0
  65. package/dist/styles/themes/light.css +3 -0
  66. package/package.json +2 -2
  67. package/dist/components/table/Table.generated.d.ts +0 -94
  68. package/dist/components/table/Table.generated.js +0 -551
@@ -0,0 +1,22 @@
1
+ import { createContext, useContext } from "solid-js";
2
+ const TableContext = createContext();
3
+ const TableContentContext = createContext();
4
+ const useTableContext = ()=>{
5
+ const context = useContext(TableContext);
6
+ if (context) return context;
7
+ return {
8
+ variant: ()=>"primary"
9
+ };
10
+ };
11
+ const useTableContentContext = ()=>{
12
+ const context = useContext(TableContentContext);
13
+ if (context) return context;
14
+ return {
15
+ sortDescriptor: ()=>void 0
16
+ };
17
+ };
18
+ const invokeEventHandler = (handler, event)=>{
19
+ if ("function" == typeof handler) return void handler(event);
20
+ if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
21
+ };
22
+ export { TableContentContext, TableContext, invokeEventHandler, useTableContentContext, useTableContext };
@@ -0,0 +1,18 @@
1
+ declare const _default: import("solid-js").Component<import("./TableRoot.generated").TableRootProps> & {
2
+ Root: import("solid-js").Component<import("./TableRoot.generated").TableRootProps>;
3
+ ScrollContainer: import("solid-js").Component<import("./TableScrollContainer.generated").TableScrollContainerProps>;
4
+ Content: import("solid-js").Component<import("./TableContent.generated").TableContentProps>;
5
+ Header: import("solid-js").Component<import("./TableHeader.generated").TableHeaderProps>;
6
+ Column: import("solid-js").Component<import("./TableColumn.generated").TableColumnProps>;
7
+ Body: import("solid-js").Component<import("./TableBody.generated").TableBodyProps>;
8
+ Row: import("solid-js").Component<import("./TableRow.generated").TableRowProps>;
9
+ Cell: import("solid-js").Component<import("./TableCell.generated").TableCellProps>;
10
+ ExpandedRow: import("solid-js").Component<import("./TableExpandedRow.generated").TableExpandedRowProps>;
11
+ Footer: import("solid-js").Component<import("./TableFooter.generated").TableFooterProps>;
12
+ PageSize: import("solid-js").Component<import("./TablePageSize.generated").TablePageSizeProps>;
13
+ ResizableContainer: import("solid-js").Component<import("./TableResizableContainer.generated").TableResizableContainerProps>;
14
+ ColumnResizer: import("solid-js").Component<import("./TableColumnResizer.generated").TableColumnResizerProps>;
15
+ LoadMore: import("solid-js").Component<import("./TableLoadMore.generated").TableLoadMoreProps>;
16
+ LoadMoreContent: import("solid-js").Component<import("./TableLoadMoreContent.generated").TableLoadMoreContentProps>;
17
+ };
18
+ export default _default;
@@ -0,0 +1,33 @@
1
+ import TableBody_generated from "./TableBody.generated.js";
2
+ import TableCell_generated from "./TableCell.generated.js";
3
+ import TableColumn_generated from "./TableColumn.generated.js";
4
+ import TableColumnResizer_generated from "./TableColumnResizer.generated.js";
5
+ import TableContent_generated from "./TableContent.generated.js";
6
+ import TableExpandedRow_generated from "./TableExpandedRow.generated.js";
7
+ import TableFooter_generated from "./TableFooter.generated.js";
8
+ import TableHeader_generated from "./TableHeader.generated.js";
9
+ import TableLoadMore_generated from "./TableLoadMore.generated.js";
10
+ import TableLoadMoreContent_generated from "./TableLoadMoreContent.generated.js";
11
+ import TablePageSize_generated from "./TablePageSize.generated.js";
12
+ import TableResizableContainer_generated from "./TableResizableContainer.generated.js";
13
+ import TableRoot_generated from "./TableRoot.generated.js";
14
+ import TableRow_generated from "./TableRow.generated.js";
15
+ import TableScrollContainer_generated from "./TableScrollContainer.generated.js";
16
+ const Table = Object.assign(TableRoot_generated, {
17
+ Root: TableRoot_generated,
18
+ ScrollContainer: TableScrollContainer_generated,
19
+ Content: TableContent_generated,
20
+ Header: TableHeader_generated,
21
+ Column: TableColumn_generated,
22
+ Body: TableBody_generated,
23
+ Row: TableRow_generated,
24
+ Cell: TableCell_generated,
25
+ ExpandedRow: TableExpandedRow_generated,
26
+ Footer: TableFooter_generated,
27
+ PageSize: TablePageSize_generated,
28
+ ResizableContainer: TableResizableContainer_generated,
29
+ ColumnResizer: TableColumnResizer_generated,
30
+ LoadMore: TableLoadMore_generated,
31
+ LoadMoreContent: TableLoadMoreContent_generated
32
+ });
33
+ export default Table;
@@ -29,30 +29,144 @@ export declare const componentRecipe: import("solid-layouts").Recipe<{
29
29
  readonly slots: {
30
30
  readonly root: {};
31
31
  readonly table: {};
32
+ };
33
+ }>;
34
+ export declare const tableScrollContainerRecipe: import("solid-layouts").Recipe<{
35
+ readonly component: "table-scroll-container";
36
+ readonly slots: {
37
+ readonly root: {};
38
+ readonly "table-scroll-container": {};
39
+ };
40
+ }>;
41
+ export declare const tableContentRecipe: import("solid-layouts").Recipe<{
42
+ readonly component: "table-content";
43
+ readonly slots: {
44
+ readonly root: {};
45
+ readonly "table-content": {};
46
+ };
47
+ }>;
48
+ export declare const tableHeaderRecipe: import("solid-layouts").Recipe<{
49
+ readonly component: "table-header";
50
+ readonly slots: {
51
+ readonly root: {};
52
+ readonly "table-header": {};
53
+ };
54
+ }>;
55
+ export declare const tableColumnRecipe: import("solid-layouts").Recipe<{
56
+ readonly component: "table-column";
57
+ readonly slots: {
58
+ readonly root: {};
59
+ readonly "table-column": {};
60
+ };
61
+ }>;
62
+ export declare const tableBodyRecipe: import("solid-layouts").Recipe<{
63
+ readonly component: "table-body";
64
+ readonly slots: {
65
+ readonly root: {};
32
66
  readonly "table-body": {};
67
+ };
68
+ }>;
69
+ export declare const tableRowRecipe: import("solid-layouts").Recipe<{
70
+ readonly component: "table-row";
71
+ readonly slots: {
72
+ readonly root: {};
73
+ readonly "table-row": {};
74
+ };
75
+ }>;
76
+ export declare const tableCellRecipe: import("solid-layouts").Recipe<{
77
+ readonly component: "table-cell";
78
+ readonly slots: {
79
+ readonly root: {};
33
80
  readonly "table-cell": {};
34
- readonly "table-column": {};
35
- readonly "table-column-resizer": {};
36
- readonly "table-content": {};
37
- readonly "table-expand-toggle": {};
81
+ };
82
+ }>;
83
+ export declare const tableExpandedRowRecipe: import("solid-layouts").Recipe<{
84
+ readonly component: "table-expanded-row";
85
+ readonly slots: {
86
+ readonly root: {};
38
87
  readonly "table-expanded-row": {};
88
+ };
89
+ }>;
90
+ export declare const tableFooterRecipe: import("solid-layouts").Recipe<{
91
+ readonly component: "table-footer";
92
+ readonly slots: {
93
+ readonly root: {};
39
94
  readonly "table-footer": {};
40
- readonly "table-header": {};
41
- readonly "table-inline-confirm": {};
42
- readonly "table-inline-confirm-actions": {};
43
- readonly "table-inline-confirm-prompt": {};
44
- readonly "table-load-more": {};
45
- readonly "table-load-more-content": {};
46
- readonly "table-mobile-list-view": {};
47
- readonly "table-mobile-list-view-empty": {};
48
- readonly "table-mobile-list-view-item": {};
49
- readonly "table-mobile-list-view-list": {};
95
+ };
96
+ }>;
97
+ export declare const tablePageSizeRecipe: import("solid-layouts").Recipe<{
98
+ readonly component: "table-page-size";
99
+ readonly slots: {
100
+ readonly root: {};
50
101
  readonly "table-page-size": {};
51
102
  readonly "table-page-size-label": {};
103
+ };
104
+ }>;
105
+ export declare const tableResizableContainerRecipe: import("solid-layouts").Recipe<{
106
+ readonly component: "table-resizable-container";
107
+ readonly slots: {
108
+ readonly root: {};
52
109
  readonly "table-resizable-container": {};
53
- readonly "table-row": {};
54
- readonly "table-scroll-container": {};
110
+ };
111
+ }>;
112
+ export declare const tableColumnResizerRecipe: import("solid-layouts").Recipe<{
113
+ readonly component: "table-column-resizer";
114
+ readonly slots: {
115
+ readonly root: {};
116
+ readonly "table-column-resizer": {};
117
+ };
118
+ }>;
119
+ export declare const tableLoadMoreRecipe: import("solid-layouts").Recipe<{
120
+ readonly component: "table-load-more";
121
+ readonly slots: {
122
+ readonly root: {};
123
+ readonly "table-load-more": {};
124
+ };
125
+ }>;
126
+ export declare const tableLoadMoreContentRecipe: import("solid-layouts").Recipe<{
127
+ readonly component: "table-load-more-content";
128
+ readonly slots: {
129
+ readonly root: {};
130
+ readonly "table-load-more-content": {};
131
+ };
132
+ }>;
133
+ export declare const tableSortIconRecipe: import("solid-layouts").Recipe<{
134
+ readonly component: "table-sort-icon";
135
+ readonly slots: {
136
+ readonly root: {};
55
137
  readonly "table-sort-icon": {};
138
+ };
139
+ }>;
140
+ export declare const tableExpandToggleRecipe: import("solid-layouts").Recipe<{
141
+ readonly component: "table-expand-toggle";
142
+ readonly slots: {
143
+ readonly root: {};
144
+ readonly "table-expand-toggle": {};
145
+ };
146
+ }>;
147
+ export declare const tableVirtualSpacerRowRecipe: import("solid-layouts").Recipe<{
148
+ readonly component: "table-virtual-spacer-row";
149
+ readonly slots: {
150
+ readonly root: {};
56
151
  readonly "table-virtual-spacer-row": {};
57
152
  };
58
153
  }>;
154
+ export declare const tableMobileListViewRecipe: import("solid-layouts").Recipe<{
155
+ readonly component: "table-mobile-list-view";
156
+ readonly slots: {
157
+ readonly root: {};
158
+ readonly "table-mobile-list-view": {};
159
+ readonly "table-mobile-list-view-list": {};
160
+ readonly "table-mobile-list-view-item": {};
161
+ readonly "table-mobile-list-view-empty": {};
162
+ };
163
+ }>;
164
+ export declare const tableInlineConfirmRecipe: import("solid-layouts").Recipe<{
165
+ readonly component: "table-inline-confirm";
166
+ readonly slots: {
167
+ readonly root: {};
168
+ readonly "table-inline-confirm": {};
169
+ readonly "table-inline-confirm-prompt": {};
170
+ readonly "table-inline-confirm-actions": {};
171
+ };
172
+ }>;