@base-framework/ui 1.0.75 → 1.0.79

package/dist/types/components/molecules/delay-component.d.ts

@@ -14,5 +14,11 @@ export class DelayComponent extends Component {
      * @default ''
      */
     removingClass: string;
+    /**
+     * This will remove the component from the DOM after a delay.
+     *
+     * @returns {void}
+     */
+    remove(): void;
 }
 import { Component } from "@base-framework/base";

package/dist/types/components/organisms/lists/data-table.d.ts

@@ -6,8 +6,96 @@
  * @param {object} props
  * @returns {object}
  */
-export const DataTable: typeof import("@base-framework/base").Component;
+export class DataTable extends Component {
+    /**
+     * Initializes component data.
+     *
+     * @returns {Data}
+     */
+    setData(): Data;
+    /**
+     * This will toggle all selected rows.
+     *
+     * @returns {boolean}
+     */
+    toggleAllSelectedRows(): boolean;
+    /**
+     * This will update the selected state.
+     *
+     * @returns {void}
+     */
+    updateSelected(): void;
+    /**
+     * This will get the selected rows.
+     *
+     * @returns {Array<object>}
+     */
+    getSelectedRows(): Array<object>;
+    /**
+     * This will update the table rows.
+     *
+     * @protected
+     * @param {boolean} selected
+     * @returns {void}
+     */
+    protected updateTable(selected: boolean): void;
+    /**
+     * Handles row selection.
+     *
+     * @param {object} row
+     */
+    selectRow(row: object): void;
+    /**
+     * Renders the DataTable component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will remove items from the list.
+     *
+     * @public
+     * @param {array} items
+     * @returns {void}
+     */
+    public remove(items: any[]): void;
+    /**
+     * This will set the items in the list.
+     *
+     * @public
+     * @param {array} rows
+     * @returns {void}
+     */
+    public setRows(rows: any[]): void;
+    /**
+     * This will append items to the list.
+     *
+     * @public
+     * @param {array|object} items
+     * @returns {void}
+     */
+    public append(items: any[] | object): void;
+    /**
+     * This will mingle the new items with the old items.
+     *
+     * @public
+     * @param {Array<Object>} newItems
+     * @param {boolean} withDelete
+     * @returns {void}
+     */
+    public mingle(newItems: Array<any>, withDelete?: boolean): void;
+    /**
+     * This will prepend items to the list.
+     *
+     * @public
+     * @param {array|object} items
+     * @returns {void}
+     */
+    public prepend(items: any[] | object): void;
+}
 import { CheckboxCol } from './table-header.js';
 import { HeaderCol } from './table-header.js';
 import { TableHeader } from './table-header.js';
+import { Component } from '@base-framework/base';
+import { Data } from '@base-framework/base';
 export { CheckboxCol, HeaderCol, TableHeader };

package/dist/types/components/organisms/lists/scrollable-data-table.d.ts

@@ -12,7 +12,11 @@
  * @property {string} [props.key] - The key to use to identify the items.
  * @property {array} [props.rows] - The initial rows.
  * @property {function} [props.rowItem] - The row item.
- * @property {string} [props.containerClass] - The class to add to the scroll container.
+ * @property {array} [props.headers] - The table headers.
+ * @property {object} [props.customHeader] - The custom header.
+ * @property {function} [props.selectRow] - The function to select a row.
+ * @property {string} [props.border] - The border to add to the table.
+ * @property {object} [props.data] - The table data.
  * @returns {object}
  */
 export const ScrollableDataTable: Function;

package/dist/types/components/organisms/lists/scrollable-table.d.ts

@@ -0,0 +1,26 @@
+export function ScrollableDataTableBody(props: object): object;
+/**
+ * ScrollableDataTable Component
+ *
+ * This will create a scrollable data table.
+ *
+ * @param {object} props
+ * @property {HTMLElement} [props.scrollContainer] - The container element for scroll events. Defaults to window.
+ * @property {function} [props.loadMoreItems] - A function to fetch/generate additional items.
+ * @property {number} [props.offset] - The initial offset. Defaults to 0.
+ * @property {number} [props.limit] - Number of items to load per batch. Defaults to 20.
+ * @property {string} [props.class] - The class to add to the list.
+ * @property {string} [props.key] - The key to use to identify the items.
+ * @property {array} [props.rows] - The initial rows.
+ * @property {function} [props.rowItem] - The row item.
+ * @property {string} [props.containerClass] - The class to add to the scroll container.
+ * @returns {object}
+ */
+export class ScrollableTable extends DataTable {
+}
+export default ScrollableTable;
+import { CheckboxCol } from './table-header.js';
+import { HeaderCol } from './table-header.js';
+import { TableHeader } from './table-header.js';
+import { DataTable } from './data-table.js';
+export { CheckboxCol, HeaderCol, TableHeader };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.75",
+	"version": "1.0.79",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {