@base-framework/ui 0.0.0

package/dist/types/components/molecules/notifications/notification.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Notification
+ *
+ * A component that displays notifications.
+ *
+ * @class
+ * @extends DelayComponent
+ */
+export class Notification extends DelayComponent {
+    /**
+     * @member {function|null} secondaryAction
+     */
+    secondaryAction: any;
+    /**
+     * @member {function|null} primaryAction
+     */
+    primaryAction: any;
+    /**
+     * @member {boolean} primary
+     */
+    primary: boolean;
+    /**
+     * @member {boolean} secondary
+     */
+    secondary: boolean;
+    /**
+     * @member {string} title
+     */
+    title: any;
+    /**
+     * @member {string} description
+     */
+    description: any;
+    /**
+     * @member {string} icon
+     */
+    icon: any;
+    /**
+     * @member {function} onClick
+     */
+    onClick: any;
+    duration: any;
+    /**
+     * This will render the component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    timer: Timer;
+    /**
+     * This will get the style properties based on the notification type.
+     *
+     * @returns {object}
+     */
+    getTypeStyles(): object;
+    /**
+     * This will get the buttons for the notification.
+     *
+     * @returns {array}
+     */
+    getButtons(): any[];
+    /**
+     * This will get the children for the notification.
+     *
+     * @param {string} iconColor
+     * @returns {array}
+     */
+    getChildren(iconColor: string): any[];
+    /**
+     * This will close the notification.
+     *
+     * @param {object} e The event object.
+     * @returns {void}
+     */
+    close(e: object): void;
+}
+export default Notification;
+import { DelayComponent } from "../delay-component.js";
+import { Timer } from "@base-framework/organisms";

package/dist/types/components/molecules/popover.d.ts

@@ -0,0 +1,57 @@
+export function getPosition(button: object, container: object): object;
+/**
+ * PopOver
+ *
+ * This will create a absolute cotnainer component.
+ *
+ * @export
+ * @class PopOver
+ * @extends {Component}
+ */
+export class PopOver extends Component {
+    /**
+     * This will set up the data.
+     *
+     * @returns {object}
+     */
+    setData(): object;
+    /**
+     * This will get the class size.
+     *
+     * @returns {string}
+     */
+    getSize(): string;
+    /**
+     * This will render the modal component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will setup the states.
+     *
+     * @returns {object}
+     */
+    setupStates(): object;
+    /**
+     * Updates the dropdown position.
+     *
+     * @returns {void}
+     */
+    updatePosition(): void;
+    /**
+     * This will check if the element clicked was in the
+     * component of the button.
+     *
+     * @param {object} element
+     * @returns {boolean}
+     */
+    isOutsideClick(element: object): boolean;
+    /**
+     * This will override the set up to use the app shell.
+     *
+     * @param {object} container
+     */
+    setContainer(container: object): void;
+}
+import { Component } from '@base-framework/base';

package/dist/types/components/molecules/theme-toggle.d.ts

@@ -0,0 +1,8 @@
+/**
+ * ButtonGroup
+ *
+ * This will create a button group.
+ *
+ * @class
+ */
+export const ThemeToggle: import("node_modules/@base-framework/base/dist/types/modules/component/jot.js").ComponentConstructor;

package/dist/types/components/molecules/toggle/toggle.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Toggle
+ *
+ * This will create a toggle switch component.
+ *
+ * @param {object} props
+ * @param {array} children
+ * @returns {ComponentConstructor}
+ */
+export const Toggle: import("node_modules/@base-framework/base/dist/types/modules/component/jot.js").ComponentConstructor;
+export default Toggle;

package/dist/types/components/organisms/button-group.d.ts

@@ -0,0 +1,23 @@
+/**
+ * ButtonGroup
+ *
+ * This will create a button group.
+ *
+ * @class
+ * @extends Component
+ */
+export default class ButtonGroup extends Component {
+    /**
+     * This will render the component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will setup the states.
+     *
+     * @returns {object}
+     */
+    setupStates(): object;
+}
+import { Component } from '@base-framework/base';

package/dist/types/components/organisms/calendar/calendar.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Calendar
+ *
+ * This will create a calendar component.
+ *
+ * @class Calendar
+ */
+export class Calendar extends Component {
+    /**
+     * This will set the selected date.
+     * @member {string} selectedDate
+     * @default null
+     */
+    selectedDate: any;
+    /**
+     * This will set the selected call back.
+     * @member {function} selectedCallBack
+     * @default null
+     */
+    selectedCallBack: any;
+    /**
+     * This will get the selected data.
+     *
+     * @param {object} today
+     * @returns {Date}
+     */
+    getSelectedDate(today: object): Date;
+    /**
+     * This will set up the data for the calendar.
+     *
+     * @returns {Data}
+     */
+    setData(): Data;
+    /**
+     * This will get the name of the month.
+     *
+     * @param {number} month
+     * @returns {string}
+     */
+    getMonthName(month: number): string;
+    /**
+     * This will go to the previous month.
+     *
+     * @returns {void}
+     */
+    goToPreviousMonth(): void;
+    /**
+     * This will go to the next month.
+     *
+     * @returns {void}
+     */
+    goToNextMonth(): void;
+    /**
+     * This will set the current month and year.
+     *
+     * @param {number} month
+     * @param {number} year
+     * @param {number} [date=null]
+     * @returns {void}
+     */
+    setCurrentDate(month: number, year: number, date?: number): void;
+    /**
+     * This will select a date.
+     *
+     * @param {string} date
+     * @returns {void}
+     */
+    selectDate(date: string): void;
+    /**
+     * This will render the calendar.
+     *
+     * @returns {object}
+     */
+    render(): object;
+}
+import { Component } from '@base-framework/base';
+import { Data } from '@base-framework/base';

package/dist/types/components/organisms/calendar/month/calendar-cells.d.ts

@@ -0,0 +1 @@
+export function CalendarCells(current: object, today: object, selectCallBack: Function): object;

package/dist/types/components/organisms/calendar/month/day-cell.d.ts

@@ -0,0 +1 @@
+export function DayCell({ day, currentDate, date, isToday, isOutsideMonth, select }: object): object;

package/dist/types/components/organisms/calendar/month/day-header.d.ts

@@ -0,0 +1 @@
+export function DayHeader(day: string | number): object;

package/dist/types/components/organisms/calendar/month/month-calendar.d.ts

@@ -0,0 +1 @@
+export function MonthCalendar(props: object): object;

package/dist/types/components/organisms/calendar/month/navigation-button.d.ts

@@ -0,0 +1 @@
+export function NavigationButton({ label, click }: object): object;

package/dist/types/components/organisms/calendar/utils.d.ts

@@ -0,0 +1,3 @@
+export function pad(number: number): string;
+export function addTime(date: string): string;
+export function FormatDate(year: number, month: number, day: number): string;

package/dist/types/components/organisms/calendar/week/utils.d.ts

@@ -0,0 +1,6 @@
+export function calculateWeekNumber(date: Date): object;
+export function getPreviousMonthDays(year: number, month: number, firstDay: number): Date[];
+export function getNextMonthDays(year: number, month: number, remainingDays: number): Date[];
+export function getDateFromWeek(week: number, year: number): Date;
+export function generateWeeks(year: number, month: number): any[];
+export function getMonthDays(year: number, month: number): Array<Array<Date>>;

package/dist/types/components/organisms/calendar/week/week-calendar.d.ts

@@ -0,0 +1,90 @@
+/**
+ * WeekCalendar
+ *
+ * A navigable calendar focusing on weeks.
+ *
+ * @class
+ */
+export class WeekCalendar extends Component {
+    /**
+     * The selected date.
+     * @member {string} selectedDate
+     * @default null
+     */
+    selectedDate: any;
+    /**
+     * The selected week.
+     * @member {number} selectedWeek
+     * @default null
+     */
+    selectedWeek: any;
+    /**
+     * The selected call back.
+     * @member {function} selectedCallBack
+     * @default null
+     */
+    selectedCallBack: any;
+    /**
+     * Initializes the calendar data.
+     *
+     * @returns {Data}
+     */
+    setData(): Data;
+    /**
+     * Determines the current selected date.
+     *
+     * @param {Date} today
+     * @returns {Date}
+     */
+    getSelectedDate(today: Date): Date;
+    /**
+     * Calculates the ISO week number for a given date.
+     *
+     * @param {Date} date
+     * @returns {number}
+     */
+    calculateCurrentWeek(date: Date): number;
+    /**
+     * Gets the name of the month.
+     *
+     * @param {number} month
+     * @returns {string}
+     */
+    getMonthName(month: number): string;
+    /**
+     * Updates the calendar to show the previous month.
+     *
+     * @returns {void}
+     */
+    goToPreviousMonth(): void;
+    /**
+     * Updates the calendar to show the next month.
+     *
+     * @returns {void}
+     */
+    goToNextMonth(): void;
+    /**
+     * Sets the selected date.
+     *
+     * @param {number} month
+     * @param {number} year
+     * @param {number|null} [date=null]
+     * @returns {void}
+     */
+    setDate(month: number, year: number, date?: number | null): void;
+    /**
+     * Handles week selection.
+     *
+     * @param {number} weekNumber
+     * @returns {void}
+     */
+    selectWeek(weekNumber: number, year: any): void;
+    /**
+     * Renders the WeekCalendar component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+}
+import { Component } from '@base-framework/base';
+import { Data } from '@base-framework/base';

package/dist/types/components/organisms/calendar/week/week-cell.d.ts

@@ -0,0 +1 @@
+export function WeekCell({ day, month, year, weekNumber, selectWeek }: object): object;

package/dist/types/components/organisms/calendar/week/week-cells.d.ts

@@ -0,0 +1 @@
+export function WeekCells({ selectWeek }: object): object;

package/dist/types/components/organisms/calendar/week/week-header.d.ts

@@ -0,0 +1 @@
+export function WeekHeader({ next, previous }: object): object;

package/dist/types/components/organisms/lists/checkbox-col.d.ts

@@ -0,0 +1 @@
+export function CheckboxCol(props: object): object;

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

@@ -0,0 +1,5 @@
+export function DataTableBody({ key, rows, selectRow, rowItem }: object): object;
+import { CheckboxCol } from './table-header.js';
+import { HeaderCol } from './table-header.js';
+import { TableHeader } from './table-header.js';
+export { CheckboxCol, HeaderCol, TableHeader };

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

@@ -0,0 +1,13 @@
+/**
+ * DataTable Component
+ *
+ * Manages data, filtering, pagination, and selection within a table.
+ *
+ * @param {object} props
+ * @returns {object}
+ */
+export const DataTable: import("node_modules/@base-framework/base/dist/types/modules/component/jot.js").ComponentConstructor;
+import { CheckboxCol } from './table-header.js';
+import { HeaderCol } from './table-header.js';
+import { TableHeader } from './table-header.js';
+export { CheckboxCol, HeaderCol, TableHeader };

package/dist/types/components/organisms/lists/header-col.d.ts

@@ -0,0 +1,2 @@
+export function HeaderCol({ align, sortable, key, label, sort, class: className }: object): object;
+export default HeaderCol;

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

@@ -0,0 +1,5 @@
+export function TableHeader(props: object): object;
+export default TableHeader;
+import { CheckboxCol } from './checkbox-col.js';
+import { HeaderCol } from './header-col.js';
+export { CheckboxCol, HeaderCol };

package/dist/types/components/organisms/lists/user-list.d.ts

@@ -0,0 +1,15 @@
+/**
+ * User List Item Atom.
+ *
+ * @param {object} user
+ * @returns {object}
+ */
+export const UserListItem: Function;
+/**
+ * User List Atom
+ *
+ * @param {object} props
+ * @returns {object}
+ */
+export const UserList: Function;
+export default UserList;

package/dist/types/components/organisms/navigation/inline-navigation.d.ts

@@ -0,0 +1,75 @@
+/**
+ * InlineNavigation
+ *
+ * This will create a navigation that has sub
+ * navigations. The sub navigations items will
+ * display below the parent.
+ *
+ * @class
+ * @augments Navigation
+ */
+export class InlineNavigation extends Navigation {
+    links: any[];
+    /**
+     * This will set up the sub nav.
+     *
+     * @param {object} link
+     * @returns {object}
+     */
+    setupSubNav(link: object): object;
+    /**
+     * This will add a sub navigation.
+     *
+     * @param {object} link
+     * @returns {object}
+     */
+    addSubNav(link: object): object;
+}
+/**
+ * SubNavigation
+ *
+ * This will create a nested navigation.
+ * @class
+ * @augments InlineNavigation
+ */
+export class SubNavigation extends InlineNavigation {
+    /**
+     * This will set the parent link.
+     * @member {object} parentLink
+     * @default null
+     */
+    parentLink: any;
+    /**
+     * This will set the main class name.
+     * @member {string} mainClassName
+     * @default ''
+     */
+    mainClassName: string;
+    /**
+     * This will add awatcher to update the links
+     * when the path changes.
+     *
+     * @returns {object}
+     */
+    addWatcher(): object;
+    /**
+     * This will set up the on state.
+     *
+     * @returns {array}
+     */
+    onState(): any[];
+    /**
+     * This will set up the states.
+     *
+     * @returns {object}
+     */
+    setupStates(): object;
+    /**
+     * This will update the links.
+     *
+     * @param {string} value
+     * @returns {void}
+     */
+    updateLinks(value: string): void;
+}
+import { Navigation } from './navigation.js';

package/dist/types/components/organisms/navigation/main-link.d.ts

@@ -0,0 +1,81 @@
+/**
+ * MainLink
+ *
+ * This will setup a navigation link.
+ *
+ * @class
+ */
+export class MainLink extends Component {
+    /**
+     * This will set the label.
+     * @member {string} label
+     * @default ''
+     */
+    label: string;
+    /**
+     * This will set the icon.
+     * @member {string} icon
+     * @default null
+     */
+    icon: any;
+    /**
+     * This will set the href.
+     * @member {string} href
+     * @default null
+     */
+    href: any;
+    /**
+     * This will set the exact.
+     * @member {boolean} exact
+     * @default false
+     */
+    exact: boolean;
+    /**
+     * This will set the options.
+     * @member {array} options
+     */
+    options: any[];
+    /**
+     * This will set the content.
+     * @member {array} content
+     * @default null
+     */
+    content: any;
+    /**
+     * This will set the call back.
+     * @member {function} callBack
+     */
+    callBack: any;
+    /**
+     * This will set the check call back.
+     * @member {function} checkCallBack
+     */
+    checkCallBack: any;
+    /**
+     * This will set the link.
+     * @member {object} link
+     */
+    link: any;
+    /**
+     * This will render the component.
+     *
+     * @override
+     * @returns {object}
+     */
+    override render(): object;
+    /**
+     * This will add the link.
+     *
+     * @returns {object}
+     * @protected
+     */
+    protected addLink(): object;
+    /**
+     * This will check if the link is selected.
+     *
+     * @returns {boolean}
+     */
+    isSelected(): boolean;
+    update(selected: any): void;
+}
+import { Component } from '@base-framework/base';

package/dist/types/components/organisms/navigation/mobile/nav-wrapper/mobile-nav-wrapper.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This will create a mobile navigation button.
+ *
+ * @param {object} props
+ * @return {object}
+ */
+export const MobileNavButton: Function;
+/**
+ * This will create a mobile navigation wrapper.
+ *
+ * @param {object} props
+ * @return {object}
+ */
+export const MobileNavWrapper: Function;

package/dist/types/components/organisms/navigation/mobile/nav-wrapper/navigation-popover.d.ts

@@ -0,0 +1,36 @@
+export function Backdrop(): object;
+/**
+ * PopOver
+ *
+ * This will create a absolute cotnainer component.
+ *
+ * @export
+ * @class PopOver
+ * @extends {Component}
+ */
+export class NavigationPopover extends Component {
+    /**
+     * This will set the title.
+     * @member {string} title
+     */
+    title: string;
+    /**
+     * This will render the modal component.
+     *
+     * @returns {object}
+     */
+    render(): object;
+    /**
+     * This will setup the states.
+     *
+     * @returns {object}
+     */
+    setupStates(): object;
+    /**
+     * This will override the set up to use the body.
+     *
+     * @param {object} container
+     */
+    setContainer(container: object): void;
+}
+import { Component } from "@base-framework/base";

package/dist/types/components/organisms/navigation/mobile/nav-wrapper/popup-header.d.ts

@@ -0,0 +1 @@
+export function PopupHeader(props: object): object;

package/dist/types/components/organisms/navigation/mobile/nav-wrapper/title-header.d.ts

@@ -0,0 +1,2 @@
+export function NavButton(props: object): object;
+export function TitleHeader(props: object): object;