coles-solid-library 0.2.2 → 0.2.7

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 (19) hide show
  1. package/dist/components/Button/Button.d.ts +2 -3
  2. package/dist/components/Icon/icon.d.ts +35 -24
  3. package/dist/components/Menu/menuDropdown.d.ts +7 -0
  4. package/dist/components/TableV2/droprow.d.ts +8 -0
  5. package/dist/components/TableV2/row.d.ts +2 -0
  6. package/dist/components/TableV2/tableProvider.d.ts +8 -3
  7. package/dist/index.d.ts +6 -6
  8. package/dist/index.esm.js +602 -108131
  9. package/package.json +5 -3
  10. package/readme.md +10 -2
  11. package/dist/components/Header/header.d.ts +0 -7
  12. package/dist/components/Table/innerTable.d.ts +0 -30
  13. package/dist/components/Table/rowProvider.d.ts +0 -15
  14. package/dist/components/Table/table.d.ts +0 -16
  15. package/dist/components/Table/tableProvider.d.ts +0 -25
  16. package/dist/components/Table2/table.d.ts +0 -13
  17. package/dist/components/Tabs/tabs.d.ts +0 -22
  18. package/dist/styles.css +0 -1036
  19. package/dist/tools.d.ts +0 -17
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "coles-solid-library",
3
- "version": "0.2.2",
3
+ "version": "0.2.7",
4
4
  "description": "A SolidJS mostly UI library",
5
5
  "module": "dist/index.esm.js",
6
6
  "types": "dist/index.d.ts",
@@ -23,20 +23,22 @@
23
23
  "solid-js": "^1.8.11"
24
24
  },
25
25
  "dependencies": {
26
- "@tabler/icons-solidjs": "^3.31.0"
26
+ "@material-symbols/svg-400": "^0.29.2"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@babel/core": "^7.26.9",
30
30
  "@rollup/plugin-babel": "^6.0.4",
31
31
  "@rollup/plugin-commonjs": "^28.0.3",
32
32
  "@rollup/plugin-node-resolve": "^16.0.0",
33
- "@rollup/plugin-typescript": "^12.1.2",
33
+ "@svgr/rollup": "^8.1.0",
34
34
  "@types/node": "^22.13.9",
35
35
  "autoprefixer": "^10.4.20",
36
36
  "babel": "^6.23.0",
37
37
  "babel-preset-solid": "^1.9.5",
38
38
  "rollup": "^4.34.9",
39
+ "rollup-plugin-glob-import": "^0.5.0",
39
40
  "rollup-plugin-postcss": "^4.0.2",
41
+ "rollup-plugin-typescript2": "^0.36.0",
40
42
  "tslib": "^2.8.1",
41
43
  "typescript": "^5.8.2"
42
44
  }
package/readme.md CHANGED
@@ -55,7 +55,7 @@ const App: Component = () => {
55
55
  addTheme();
56
56
  return (
57
57
  <div >
58
- <Body>
58
+ <Container theme='surface'>
59
59
  <Table style={{"border": "1px solid white"}} data={data()} columns={['name', 'age']}>
60
60
  <Column name='name' >
61
61
  <Header>Name</Header>
@@ -75,7 +75,7 @@ const App: Component = () => {
75
75
  <Row class={styles.textCenter} style={{"border-bottom": "1px solid white"}} rowNumber={2} />
76
76
  <Row footer />
77
77
  </Table>
78
- </Body>
78
+ </Container>
79
79
  </div>
80
80
  );
81
81
  };
@@ -83,6 +83,14 @@ const App: Component = () => {
83
83
  export default App;
84
84
 
85
85
  ```
86
+ ## Credits
87
+
88
+ This project wouldn’t be possible without the incredible support from these resources:
89
+
90
+ - **[SolidJS](https://solidjs.com/):** A fast and reactive JavaScript library for building user interfaces.
91
+ - **[Sass](https://sass-lang.com/):** A powerful CSS extension language that streamlines styling.
92
+ - **Material Icons/Symbols:** A comprehensive set of symbols by Google’s Material Design.
93
+
86
94
 
87
95
  ## License
88
96
 
package/dist/components/Header/header.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { Component, JSX } from "solid-js";
2
- interface HeaderProps extends JSX.HTMLAttributes<HTMLDivElement> {
3
- children: JSX.Element | JSX.Element[] | undefined;
4
- }
5
- export declare const HeaderBar: Component<HeaderProps>;
6
- export declare const SubHeaderBar: Component<HeaderProps>;
7
- export {};
package/dist/components/Table/innerTable.d.ts DELETED
@@ -1,30 +0,0 @@
1
- import { JSX } from "solid-js";
2
- import { ColumnState } from "./table";
3
- interface ColumnProps<T> {
4
- children: [JSX.Element, JSX.Element, JSX.Element?];
5
- name: string;
6
- multipleRows?: boolean;
7
- }
8
- declare const Column: <T>(props: ColumnProps<T>) => JSX.Element;
9
- interface HeaderProps extends JSX.HTMLAttributes<HTMLTableHeaderCellElement> {
10
- children: JSX.Element;
11
- }
12
- declare const Header: <T>(props: HeaderProps) => JSX.Element;
13
- interface CellProps<T> {
14
- children: ColumnState<T>;
15
- classes?: string;
16
- style?: JSX.CSSProperties;
17
- [key: string]: any;
18
- }
19
- declare const Cell: <T = any>(props: CellProps<T>) => JSX.Element;
20
- interface RowProps extends JSX.HTMLAttributes<HTMLTableRowElement> {
21
- }
22
- declare const Row: <T>(props: RowProps) => JSX.Element;
23
- interface DropRowProps<T> {
24
- children: ColumnState<T>;
25
- classes?: string;
26
- style?: JSX.CSSProperties;
27
- [key: string]: any;
28
- }
29
- declare const SecondRow: <T>(props: DropRowProps<T>) => JSX.Element;
30
- export { Column, Header, Cell, SecondRow, Row };
package/dist/components/Table/rowProvider.d.ts DELETED
@@ -1,15 +0,0 @@
1
- import { Accessor, JSX, Setter } from "solid-js";
2
- interface RowContext {
3
- getRowI: Accessor<number>;
4
- setRowI: Setter<number>;
5
- getRowItem: Accessor<any>;
6
- setRowItem: Setter<any>;
7
- }
8
- interface RowProviderProps<T> {
9
- children: JSX.Element;
10
- rowI: number;
11
- rowItem: T;
12
- }
13
- export declare const RowProvider: <T>(props: RowProviderProps<T>) => JSX.Element;
14
- export declare function useRowContext(): RowContext | undefined;
15
- export {};
package/dist/components/Table/table.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import { JSX, type Accessor } from "solid-js";
2
- export type ColumnState<T> = (item: T, index: number) => JSX.Element;
3
- interface TableProps<T> extends JSX.HTMLAttributes<HTMLTableElement> {
4
- data?: Accessor<T[]>;
5
- columns: string[];
6
- children: JSX.Element;
7
- dropdown?: boolean;
8
- formName?: string;
9
- dropdownArrow?: {
10
- width: string;
11
- height: string;
12
- };
13
- }
14
- declare const Table: <T>(props: TableProps<T>) => JSX.Element;
15
- export { Table };
16
- export default Table;
package/dist/components/Table/tableProvider.d.ts DELETED
@@ -1,25 +0,0 @@
1
- import { Accessor, Setter, JSX } from "solid-js";
2
- type StateType<T = any> = T;
3
- export interface TableState<T = any> {
4
- headers: JSX.Element[];
5
- rowTransform: ((item: T, index: number) => JSX.Element)[];
6
- dropTransform?: ((item: T, index: number) => JSX.Element);
7
- cellProps?: JSX.HTMLAttributes<HTMLTableDataCellElement>[];
8
- rowProps?: JSX.HTMLAttributes<HTMLTableRowElement>;
9
- dropProps?: JSX.HTMLAttributes<HTMLTableRowElement>;
10
- currentColumns: string[];
11
- multipleRows?: boolean;
12
- }
13
- export interface TableContext<T = any> {
14
- tableState: Accessor<TableState<StateType<T>>>;
15
- setTableState: Setter<TableState<StateType<T>>>;
16
- formName?: string;
17
- }
18
- interface TableProviderProps<T = any> {
19
- children: JSX.Element;
20
- value: TableState<StateType<T>>;
21
- }
22
- export declare const TableProvider: <T>(props: TableProviderProps<T>) => JSX.Element;
23
- export declare function getTableContext<T>(): TableContext<T>;
24
- export type ColumnState<T> = (item: T, index: number) => JSX.Element;
25
- export {};
package/dist/components/Table2/table.d.ts DELETED
@@ -1,13 +0,0 @@
1
- import { JSX, type Accessor, type Setter } from "solid-js";
2
- interface ProviderProps<T> {
3
- children: JSX.Element;
4
- value: T;
5
- }
6
- type StateType<T = any> = T;
7
- export declare const TableProvider: <T>(props: ProviderProps<[Accessor<TableState<StateType<T>>>, Setter<TableState<StateType<T>>>]>) => JSX.Element;
8
- interface TableState<T> {
9
- data: T[];
10
- headers: any[];
11
- columns: any[];
12
- }
13
- export {};
package/dist/components/Tabs/tabs.d.ts DELETED
@@ -1,22 +0,0 @@
1
- import { Accessor, Component, JSX, Setter } from "solid-js";
2
- interface ITabStore {
3
- [name: string]: JSX.Element;
4
- }
5
- export declare function getTabContext(): {
6
- tabs: Accessor<ITabStore>;
7
- setTabs: Setter<ITabStore>;
8
- };
9
- declare const Tabs: Component<Props>;
10
- interface Props {
11
- children: JSX.Element;
12
- styleType?: "primary" | "accent" | "tertiary";
13
- transparent?: boolean;
14
- }
15
- interface TabProps {
16
- children: JSX.Element;
17
- name: string;
18
- hidden?: Accessor<boolean>;
19
- }
20
- declare const Tab: Component<TabProps>;
21
- export { Tab, Tabs };
22
- export default Tabs;