@base-framework/ui 0.0.0
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.
- package/LICENSE +21 -0
- package/README.md +106 -0
- package/dist/aside-template-D0KANPjh.js +35 -0
- package/dist/atoms.es.js +39 -0
- package/dist/bside-template-CDbINL4X.js +15 -0
- package/dist/calendar-DR_svCOR.js +424 -0
- package/dist/confirmation-D1Y_SgzE.js +1526 -0
- package/dist/icon-B9QUT2NY.js +47 -0
- package/dist/icons.es.js +658 -0
- package/dist/index.es.js +154 -0
- package/dist/inputs-BF3C3KfF.js +204 -0
- package/dist/mobile-nav-wrapper-7Qul1-mt.js +578 -0
- package/dist/molecules.es.js +45 -0
- package/dist/organisms.es.js +55 -0
- package/dist/pages.es.js +12 -0
- package/dist/sidebar-menu-page-M8hr9onX.js +224 -0
- package/dist/style.css +1 -0
- package/dist/tab-C_dZb2qH.js +1425 -0
- package/dist/templates.es.js +10 -0
- package/dist/tooltip-DCszmsxe.js +324 -0
- package/dist/types/components/atoms/atoms.d.ts +15 -0
- package/dist/types/components/atoms/badges/badge.d.ts +8 -0
- package/dist/types/components/atoms/buttons/buttons.d.ts +17 -0
- package/dist/types/components/atoms/cards/card.d.ts +8 -0
- package/dist/types/components/atoms/form/fieldset.d.ts +9 -0
- package/dist/types/components/atoms/form/inputs/checkbox.d.ts +10 -0
- package/dist/types/components/atoms/form/inputs/input-classes.d.ts +30 -0
- package/dist/types/components/atoms/form/inputs/inputs.d.ts +113 -0
- package/dist/types/components/atoms/form/inputs/range-slider.d.ts +10 -0
- package/dist/types/components/atoms/form/legend.d.ts +9 -0
- package/dist/types/components/atoms/form/select.d.ts +8 -0
- package/dist/types/components/atoms/icon.d.ts +8 -0
- package/dist/types/components/atoms/progress/circle-graph.d.ts +7 -0
- package/dist/types/components/atoms/progress/progress-bar.d.ts +9 -0
- package/dist/types/components/atoms/progress/semi-circle-graph.d.ts +7 -0
- package/dist/types/components/atoms/skeleton.d.ts +2 -0
- package/dist/types/components/atoms/tooltip.d.ts +12 -0
- package/dist/types/components/atoms/veil.d.ts +26 -0
- package/dist/types/components/icons/icons.d.ts +10 -0
- package/dist/types/components/molecules/alert.d.ts +7 -0
- package/dist/types/components/molecules/avatars/avatar.d.ts +15 -0
- package/dist/types/components/molecules/avatars/static-status-indicator.d.ts +2 -0
- package/dist/types/components/molecules/avatars/status-indicator.d.ts +2 -0
- package/dist/types/components/molecules/avatars/statuses.d.ts +13 -0
- package/dist/types/components/molecules/breadcrumb/breadcrumb.d.ts +11 -0
- package/dist/types/components/molecules/breadcrumb/dots-indicator.d.ts +12 -0
- package/dist/types/components/molecules/combobox/combobox.d.ts +10 -0
- package/dist/types/components/molecules/counters/atoms.d.ts +3 -0
- package/dist/types/components/molecules/counters/counter.d.ts +11 -0
- package/dist/types/components/molecules/date-time/date-picker.d.ts +11 -0
- package/dist/types/components/molecules/date-time/time-frame.d.ts +1 -0
- package/dist/types/components/molecules/date-time/time-picker.d.ts +10 -0
- package/dist/types/components/molecules/delay-component.d.ts +18 -0
- package/dist/types/components/molecules/dialogs/confirmation.d.ts +27 -0
- package/dist/types/components/molecules/dialogs/dialog-container.d.ts +8 -0
- package/dist/types/components/molecules/dialogs/dialog.d.ts +78 -0
- package/dist/types/components/molecules/dropdowns/dropdown-item.d.ts +1 -0
- package/dist/types/components/molecules/dropdowns/dropdown-menu.d.ts +61 -0
- package/dist/types/components/molecules/dropdowns/dropdown.d.ts +1 -0
- package/dist/types/components/molecules/form/form-atoms.d.ts +40 -0
- package/dist/types/components/molecules/form/form-control.d.ts +10 -0
- package/dist/types/components/molecules/form/form-field.d.ts +10 -0
- package/dist/types/components/molecules/form/form.d.ts +14 -0
- package/dist/types/components/molecules/modals/atoms.d.ts +17 -0
- package/dist/types/components/molecules/modals/modal-container.d.ts +8 -0
- package/dist/types/components/molecules/modals/modal.d.ts +124 -0
- package/dist/types/components/molecules/molecules.d.ts +31 -0
- package/dist/types/components/molecules/notifications/notification-container.d.ts +31 -0
- package/dist/types/components/molecules/notifications/notification.d.ts +79 -0
- package/dist/types/components/molecules/popover.d.ts +57 -0
- package/dist/types/components/molecules/theme-toggle.d.ts +8 -0
- package/dist/types/components/molecules/toggle/toggle.d.ts +11 -0
- package/dist/types/components/organisms/button-group.d.ts +23 -0
- package/dist/types/components/organisms/calendar/calendar.d.ts +77 -0
- package/dist/types/components/organisms/calendar/month/calendar-cells.d.ts +1 -0
- package/dist/types/components/organisms/calendar/month/day-cell.d.ts +1 -0
- package/dist/types/components/organisms/calendar/month/day-header.d.ts +1 -0
- package/dist/types/components/organisms/calendar/month/month-calendar.d.ts +1 -0
- package/dist/types/components/organisms/calendar/month/navigation-button.d.ts +1 -0
- package/dist/types/components/organisms/calendar/utils.d.ts +3 -0
- package/dist/types/components/organisms/calendar/week/utils.d.ts +6 -0
- package/dist/types/components/organisms/calendar/week/week-calendar.d.ts +90 -0
- package/dist/types/components/organisms/calendar/week/week-cell.d.ts +1 -0
- package/dist/types/components/organisms/calendar/week/week-cells.d.ts +1 -0
- package/dist/types/components/organisms/calendar/week/week-header.d.ts +1 -0
- package/dist/types/components/organisms/lists/checkbox-col.d.ts +1 -0
- package/dist/types/components/organisms/lists/data-table-body.d.ts +5 -0
- package/dist/types/components/organisms/lists/data-table.d.ts +13 -0
- package/dist/types/components/organisms/lists/header-col.d.ts +2 -0
- package/dist/types/components/organisms/lists/table-header.d.ts +5 -0
- package/dist/types/components/organisms/lists/user-list.d.ts +15 -0
- package/dist/types/components/organisms/navigation/inline-navigation.d.ts +75 -0
- package/dist/types/components/organisms/navigation/main-link.d.ts +81 -0
- package/dist/types/components/organisms/navigation/mobile/nav-wrapper/mobile-nav-wrapper.d.ts +14 -0
- package/dist/types/components/organisms/navigation/mobile/nav-wrapper/navigation-popover.d.ts +36 -0
- package/dist/types/components/organisms/navigation/mobile/nav-wrapper/popup-header.d.ts +1 -0
- package/dist/types/components/organisms/navigation/mobile/nav-wrapper/title-header.d.ts +2 -0
- package/dist/types/components/organisms/navigation/nav-button-link.d.ts +44 -0
- package/dist/types/components/organisms/navigation/navigation-atoms.d.ts +8 -0
- package/dist/types/components/organisms/navigation/navigation-menu/navigation-menu.d.ts +58 -0
- package/dist/types/components/organisms/navigation/navigation.d.ts +58 -0
- package/dist/types/components/organisms/navigation/sidebar-menu/sidebar-menu.d.ts +2 -0
- package/dist/types/components/organisms/organisms.d.ts +38 -0
- package/dist/types/components/organisms/overlays/dockable-overlay.d.ts +38 -0
- package/dist/types/components/organisms/overlays/inline-overlay.d.ts +18 -0
- package/dist/types/components/organisms/overlays/overlay.d.ts +73 -0
- package/dist/types/components/organisms/panel.d.ts +22 -0
- package/dist/types/components/organisms/search/dropdown.d.ts +8 -0
- package/dist/types/components/organisms/search/search-dropdown.d.ts +10 -0
- package/dist/types/components/organisms/search/search-input.d.ts +7 -0
- package/dist/types/components/organisms/tabs/button-tab.d.ts +65 -0
- package/dist/types/components/organisms/tabs/tab-group.d.ts +48 -0
- package/dist/types/components/organisms/tabs/tab-navigation.d.ts +62 -0
- package/dist/types/components/organisms/tabs/tab.d.ts +35 -0
- package/dist/types/components/pages/basic-page.d.ts +19 -0
- package/dist/types/components/pages/blank-page.d.ts +17 -0
- package/dist/types/components/pages/center-page.d.ts +17 -0
- package/dist/types/components/pages/full-contain-page.d.ts +17 -0
- package/dist/types/components/pages/full-page.d.ts +25 -0
- package/dist/types/components/pages/fullscreen-page.d.ts +17 -0
- package/dist/types/components/pages/main-section.d.ts +8 -0
- package/dist/types/components/pages/page.d.ts +16 -0
- package/dist/types/components/pages/pages.d.ts +10 -0
- package/dist/types/components/pages/sidebar-menu-page.d.ts +70 -0
- package/dist/types/components/pages/templates/aside-template.d.ts +8 -0
- package/dist/types/components/pages/templates/bside-template.d.ts +8 -0
- package/dist/types/components/pages/templates/full-template.d.ts +8 -0
- package/dist/types/components/pages/templates/row.d.ts +8 -0
- package/dist/types/components/pages/templates/template-atoms.d.ts +16 -0
- package/dist/types/components/pages/templates/template.d.ts +8 -0
- package/dist/types/components/pages/templates/templates.d.ts +5 -0
- package/dist/types/ui.d.ts +6 -0
- package/dist/veil-B9GQfH0d.js +29 -0
- package/package.json +57 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FullPage
|
|
3
|
+
*
|
|
4
|
+
* This will create a full page.
|
|
5
|
+
*
|
|
6
|
+
* @class
|
|
7
|
+
* @extends BasicPage
|
|
8
|
+
*/
|
|
9
|
+
export class FullPage extends BasicPage {
|
|
10
|
+
/**
|
|
11
|
+
* @member {string} title
|
|
12
|
+
*/
|
|
13
|
+
title: string;
|
|
14
|
+
/**
|
|
15
|
+
* @member {string} description
|
|
16
|
+
*/
|
|
17
|
+
description: string;
|
|
18
|
+
/**
|
|
19
|
+
* This will render the page.
|
|
20
|
+
*
|
|
21
|
+
* @returns {object}
|
|
22
|
+
*/
|
|
23
|
+
render(): object;
|
|
24
|
+
}
|
|
25
|
+
import { BasicPage } from './basic-page.js';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FullscreenPage
|
|
3
|
+
*
|
|
4
|
+
* This will create a full screen page.
|
|
5
|
+
*
|
|
6
|
+
* @class
|
|
7
|
+
* @extends Page
|
|
8
|
+
*/
|
|
9
|
+
export class FullscreenPage extends Page {
|
|
10
|
+
/**
|
|
11
|
+
* This will render the page.
|
|
12
|
+
*
|
|
13
|
+
* @returns {object}
|
|
14
|
+
*/
|
|
15
|
+
render(): object;
|
|
16
|
+
}
|
|
17
|
+
import { Page } from './page.js';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Page
|
|
3
|
+
*
|
|
4
|
+
* This will create a module to extend
|
|
5
|
+
* to all child modules.
|
|
6
|
+
*
|
|
7
|
+
* @class
|
|
8
|
+
* @extends Component
|
|
9
|
+
*/
|
|
10
|
+
export class Page extends Component {
|
|
11
|
+
/**
|
|
12
|
+
* @member {string} class
|
|
13
|
+
*/
|
|
14
|
+
class: string;
|
|
15
|
+
}
|
|
16
|
+
import { Component } from '@base-framework/base';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export * from "./basic-page.js";
|
|
2
|
+
export * from "./blank-page.js";
|
|
3
|
+
export * from "./center-page.js";
|
|
4
|
+
export * from "./full-contain-page.js";
|
|
5
|
+
export * from "./full-page.js";
|
|
6
|
+
export * from "./fullscreen-page.js";
|
|
7
|
+
export * from "./main-section.js";
|
|
8
|
+
export * from "./page.js";
|
|
9
|
+
export * from "./pages.js";
|
|
10
|
+
export * from "./sidebar-menu-page.js";
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SidebarMenuPage
|
|
3
|
+
*
|
|
4
|
+
* This will create an a side page.
|
|
5
|
+
*
|
|
6
|
+
* @class
|
|
7
|
+
* @extends BasicPage
|
|
8
|
+
*/
|
|
9
|
+
export class SidebarMenuPage extends BasicPage {
|
|
10
|
+
/**
|
|
11
|
+
* @member {array} routes
|
|
12
|
+
*/
|
|
13
|
+
routes: any[];
|
|
14
|
+
/**
|
|
15
|
+
* @member {array} switch
|
|
16
|
+
*/
|
|
17
|
+
switch: any[];
|
|
18
|
+
/**
|
|
19
|
+
* @member {array} links
|
|
20
|
+
*/
|
|
21
|
+
links: any[];
|
|
22
|
+
/**
|
|
23
|
+
* @member {string} title
|
|
24
|
+
*/
|
|
25
|
+
title: string;
|
|
26
|
+
/**
|
|
27
|
+
* This will render the page.
|
|
28
|
+
*
|
|
29
|
+
* @returns {object}
|
|
30
|
+
*/
|
|
31
|
+
render(): object;
|
|
32
|
+
/**
|
|
33
|
+
* This will add the routes.
|
|
34
|
+
*
|
|
35
|
+
* @returns {array}
|
|
36
|
+
*/
|
|
37
|
+
addRoutes(): any[];
|
|
38
|
+
/**
|
|
39
|
+
* This will add the sidebar of the page.
|
|
40
|
+
*
|
|
41
|
+
* @returns {object}
|
|
42
|
+
*/
|
|
43
|
+
addSidebar(): object;
|
|
44
|
+
/**
|
|
45
|
+
* This will add the body of the page.
|
|
46
|
+
*
|
|
47
|
+
* @returns {object}
|
|
48
|
+
*/
|
|
49
|
+
addBody(): object;
|
|
50
|
+
/**
|
|
51
|
+
* This will add the switch of the page.
|
|
52
|
+
*
|
|
53
|
+
* @returns {array}
|
|
54
|
+
*/
|
|
55
|
+
addSwitch(): any[];
|
|
56
|
+
/**
|
|
57
|
+
* This will add the navigation of the page.
|
|
58
|
+
*
|
|
59
|
+
* @returns {object}
|
|
60
|
+
*/
|
|
61
|
+
addNavigation(): object;
|
|
62
|
+
/**
|
|
63
|
+
* This will get the links.
|
|
64
|
+
*
|
|
65
|
+
* @returns {array}
|
|
66
|
+
*/
|
|
67
|
+
getLinks(): any[];
|
|
68
|
+
}
|
|
69
|
+
export default SidebarMenuPage;
|
|
70
|
+
import { BasicPage } from './basic-page.js';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This will create a top bar.
|
|
3
|
+
*
|
|
4
|
+
* @param {object} props
|
|
5
|
+
* @param {array} children
|
|
6
|
+
* @returns {object}
|
|
7
|
+
*/
|
|
8
|
+
export const TopBar: Function;
|
|
9
|
+
/**
|
|
10
|
+
* This will create a main column.
|
|
11
|
+
*
|
|
12
|
+
* @param {object} props
|
|
13
|
+
* @param {array} children
|
|
14
|
+
* @returns {object}
|
|
15
|
+
*/
|
|
16
|
+
export const MainColumn: Function;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from "./components/atoms/atoms.js";
|
|
2
|
+
export * from "./components/icons/icons.js";
|
|
3
|
+
export * from "./components/molecules/molecules.js";
|
|
4
|
+
export * from "./components/organisms/organisms.js";
|
|
5
|
+
export * from "./components/pages/pages.js";
|
|
6
|
+
export * from "./components/pages/templates/templates.js";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Component as o, Jot as i } from "@base-framework/base";
|
|
2
|
+
class l extends o {
|
|
3
|
+
/**
|
|
4
|
+
* This will get the child scope instance of the component.
|
|
5
|
+
*
|
|
6
|
+
* @returns {object}
|
|
7
|
+
*/
|
|
8
|
+
getChildScope() {
|
|
9
|
+
return this.parent ?? this;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* This will set the component context.
|
|
13
|
+
*
|
|
14
|
+
* @param {object|null} context
|
|
15
|
+
* @returns {object|null}
|
|
16
|
+
*/
|
|
17
|
+
setContext(p) {
|
|
18
|
+
var n, a, r, s;
|
|
19
|
+
if (this.data)
|
|
20
|
+
return null;
|
|
21
|
+
const e = ((n = this == null ? void 0 : this.parent) == null ? void 0 : n.data) ?? ((r = (a = this == null ? void 0 : this.parent) == null ? void 0 : a.context) == null ? void 0 : r.data) ?? ((s = this == null ? void 0 : this.parent) == null ? void 0 : s.state) ?? null;
|
|
22
|
+
return e ? { data: e } : null;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
const u = (t) => i(t, l);
|
|
26
|
+
export {
|
|
27
|
+
l as V,
|
|
28
|
+
u as a
|
|
29
|
+
};
|
package/package.json
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@base-framework/ui",
|
|
3
|
+
"version": "0.0.0",
|
|
4
|
+
"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
|
|
5
|
+
"main": "./dist/index.es.js",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "vite build && tsc",
|
|
9
|
+
"preview": "vite preview"
|
|
10
|
+
},
|
|
11
|
+
"type": "module",
|
|
12
|
+
"keywords": [
|
|
13
|
+
"JavaScript",
|
|
14
|
+
"Framework",
|
|
15
|
+
"Base",
|
|
16
|
+
"ES6",
|
|
17
|
+
"UI"
|
|
18
|
+
],
|
|
19
|
+
"author": "Chris Durfee",
|
|
20
|
+
"license": "ISC",
|
|
21
|
+
"repository": {
|
|
22
|
+
"type": "git",
|
|
23
|
+
"url": "git+https://github.com/chrisdurfee/ui.git"
|
|
24
|
+
},
|
|
25
|
+
"bugs": {
|
|
26
|
+
"url": "https://github.com/chrisdurfee/ui/issues"
|
|
27
|
+
},
|
|
28
|
+
"devDependencies": {
|
|
29
|
+
"autoprefixer": "^10.4.20",
|
|
30
|
+
"esbuild": "^0.15.7",
|
|
31
|
+
"postcss": "^8.4.47",
|
|
32
|
+
"tailwindcss": "^3.4.13"
|
|
33
|
+
},
|
|
34
|
+
"dependencies": {
|
|
35
|
+
"@base-framework/base": "^3.0.122",
|
|
36
|
+
"@base-framework/atoms": "^1.0.20",
|
|
37
|
+
"@base-framework/organisms": "^1.0.54",
|
|
38
|
+
"d3": "^7.9.0",
|
|
39
|
+
"tailwindcss-animate": "^1.0.7",
|
|
40
|
+
"typescript": "^5.4.2",
|
|
41
|
+
"vite": "^5.4.9"
|
|
42
|
+
},
|
|
43
|
+
"types": "dist/types/ui.d.ts",
|
|
44
|
+
"files": [
|
|
45
|
+
"pacakge.json",
|
|
46
|
+
"readme.md",
|
|
47
|
+
"dist"
|
|
48
|
+
],
|
|
49
|
+
"exports": {
|
|
50
|
+
"./package.json": "./package.json",
|
|
51
|
+
".": {
|
|
52
|
+
"import": "./dist/ui.es.js",
|
|
53
|
+
"require": "./dist/ui.cjs"
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
"homepage": "https://github.com/chrisdurfee/organisms#readme"
|
|
57
|
+
}
|