@base-framework/ui 1.0.166 → 1.0.168

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.
@@ -3,24 +3,8 @@
3
3
  *
4
4
  * This will create a date picker component.
5
5
  *
6
- * @class
6
+ * @type {typeof Veil}
7
7
  */
8
- export class DatePicker extends Veil {
9
- /**
10
- * The initial state of the DatePicker.
11
- *
12
- * @member {object} state
13
- */
14
- setupStates(): {
15
- selectedDate: any;
16
- open: boolean;
17
- };
18
- /**
19
- * Renders the DatePicker component.
20
- *
21
- * @returns {object}
22
- */
23
- render(): object;
24
- }
8
+ export const DatePicker: typeof Veil;
25
9
  export default DatePicker;
26
10
  import { Veil } from '../../atoms/veil.js';
@@ -0,0 +1,27 @@
1
+ /**
2
+ * DynamicDataTable Component
3
+ *
4
+ * This will create a dynamic data table.
5
+ *
6
+ * @param {object} props
7
+ * @property {function} [props.loadMoreItems] - A function to fetch/generate additional items.
8
+ * @property {number} [props.offset] - The initial offset. Defaults to 0.
9
+ * @property {number} [props.limit] - Number of items to load per batch. Defaults to 20.
10
+ * @property {string} [props.class] - The class to add to the list.
11
+ * @property {string} [props.key] - The key to use to identify the items.
12
+ * @property {array} [props.rows] - The initial rows.
13
+ * @property {function} [props.rowItem] - The row item.
14
+ * @property {array} [props.headers] - The table headers.
15
+ * @property {object} [props.customHeader] - The custom header.
16
+ * @property {function} [props.selectRow] - The function to select a row.
17
+ * @property {string} [props.border] - The border to add to the table.
18
+ * @property {object} [props.data] - The table data.
19
+ * @property {string} [props.cache] - The table cache identifier.
20
+ * @returns {object}
21
+ */
22
+ export const DynamicDataTable: Function;
23
+ export default DynamicDataTable;
24
+ import { CheckboxCol } from './table-header.js';
25
+ import { HeaderCol } from './table-header.js';
26
+ import { TableHeader } from './table-header.js';
27
+ export { CheckboxCol, HeaderCol, TableHeader };
@@ -0,0 +1,32 @@
1
+ export function DynamicTableBody(props: object): object;
2
+ /**
3
+ * DynamicTable Component
4
+ *
5
+ * This will create a dynamic data table.
6
+ *
7
+ * @param {object} props
8
+ * @property {function} [props.loadMoreItems] - A function to fetch/generate additional items.
9
+ * @property {number} [props.offset] - The initial offset. Defaults to 0.
10
+ * @property {number} [props.limit] - Number of items to load per batch. Defaults to 20.
11
+ * @property {string} [props.class] - The class to add to the list.
12
+ * @property {string} [props.key] - The key to use to identify the items.
13
+ * @property {object} [props.tableData] - The table data.
14
+ * @property {array} [props.rows] - The initial rows.
15
+ * @property {function} [props.rowItem] - The row item.
16
+ * @property {string} [props.containerClass] - The class to add to the scroll container.
17
+ * @returns {object}
18
+ */
19
+ export class DynamicTable extends DataTable {
20
+ /**
21
+ * Refreshes the list.
22
+ *
23
+ * @returns {void}
24
+ */
25
+ refresh(): void;
26
+ }
27
+ export default DynamicTable;
28
+ import { CheckboxCol } from './table-header.js';
29
+ import { HeaderCol } from './table-header.js';
30
+ import { TableHeader } from './table-header.js';
31
+ import { DataTable } from './data-table.js';
32
+ export { CheckboxCol, HeaderCol, TableHeader };
@@ -14,6 +14,7 @@ export * from "./calendar/utils.js";
14
14
  export * from "./lists/checkbox-col.js";
15
15
  export * from "./lists/data-table-body.js";
16
16
  export * from "./lists/data-table.js";
17
+ export * from "./lists/dynamic-data-table.js";
17
18
  export * from "./lists/header-col.js";
18
19
  export * from "./lists/scrollable-data-table.js";
19
20
  export * from "./lists/table-header.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.166",
3
+ "version": "1.0.168",
4
4
  "description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
5
5
  "main": "./dist/index.es.js",
6
6
  "scripts": {