@wpmoo/ui 0.7.1 → 0.8.1
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/README.md +18 -9
- package/certification.json +4 -2
- package/dist/assets/css/moo-ui.css +1116 -35
- package/dist/assets/css/moo-ui.min.css +2 -2
- package/dist/assets/css/moo.css +949 -17
- package/dist/assets/css/moo.min.css +2 -2
- package/dist/js/context-menu.js +274 -0
- package/dist/js/datatable.js +1080 -0
- package/package.json +6 -3
- package/THIRD_PARTY_NOTICES.md +0 -41
package/README.md
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
<p align="center">
|
|
6
6
|
<a href="https://github.com/wpmoo-org/ui/actions/workflows/ui-ci.yml"><img alt="CI" src="https://img.shields.io/github/actions/workflow/status/wpmoo-org/ui/ui-ci.yml?branch=main&label=CI"></a>
|
|
7
|
+
<a href="https://github.com/wpmoo-org/ui"><img alt="GitHub" src="https://img.shields.io/badge/GitHub-181717?logo=github&logoColor=white"></a>
|
|
7
8
|
<a href="https://www.npmjs.com/package/@wpmoo/ui"><img alt="npm" src="https://img.shields.io/npm/v/@wpmoo/ui?label=npm&logo=npm&color=cb3837"></a>
|
|
8
9
|
<a href="LICENSE"><img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-blue.svg"></a>
|
|
9
10
|
</p>
|
|
@@ -26,7 +27,7 @@
|
|
|
26
27
|
Moo UI preserves Bootstrap markup, variables, and JavaScript plugins wherever
|
|
27
28
|
Bootstrap already provides the contract. For patterns Bootstrap does not
|
|
28
29
|
provide, Moo UI adds small documented extensions, including optional ESM for
|
|
29
|
-
Combobox and Sidebar.
|
|
30
|
+
Combobox, Context Menu, DataTable, and Sidebar.
|
|
30
31
|
|
|
31
32
|
- **CSS-first.** Most components need only the stylesheet and ordinary HTML.
|
|
32
33
|
- **Bootstrap owns native behavior.** Keep using Bootstrap's bundle for its
|
|
@@ -57,6 +58,8 @@ instead of another Bootstrap stylesheet, not in addition to one.
|
|
|
57
58
|
| Static HTML and CSS components | Browser + Bootstrap markup | `moo-ui.css`, or Bootstrap CSS followed by scoped `moo.css` |
|
|
58
59
|
| Dropdown, Modal, Offcanvas, Tooltip, Popover, Toast, and other Bootstrap plugins | Bootstrap | Bootstrap's JavaScript bundle and documented initialization |
|
|
59
60
|
| Combobox | Optional Moo ESM | `@wpmoo/ui/combobox.js`, then explicit initialization |
|
|
61
|
+
| Context Menu pointer and keyboard invocation | Optional Moo ESM, composed with Bootstrap Dropdown | `@wpmoo/ui/context-menu.js`, then explicit initialization |
|
|
62
|
+
| DataTable sorting, filtering, selection, pagination, and responsive card sync | Optional Moo ESM, composed with Bootstrap Table and controls | `@wpmoo/ui/datatable.js`, then explicit initialization |
|
|
60
63
|
| Sidebar state and responsive coordination | Optional Moo ESM, composed with Bootstrap plugins | `@wpmoo/ui/sidebar.js`, then explicit initialization |
|
|
61
64
|
|
|
62
65
|
Moo UI does not replace Bootstrap plugins and does not publish a mandatory
|
|
@@ -100,9 +103,13 @@ Initialize only the documented behavior gaps you use:
|
|
|
100
103
|
|
|
101
104
|
```js
|
|
102
105
|
import Combobox from "@wpmoo/ui/combobox.js";
|
|
106
|
+
import ContextMenu from "@wpmoo/ui/context-menu.js";
|
|
107
|
+
import DataTable from "@wpmoo/ui/datatable.js";
|
|
103
108
|
import Sidebar from "@wpmoo/ui/sidebar.js";
|
|
104
109
|
|
|
105
110
|
Combobox.getOrCreateInstance(document.querySelector(".combobox"));
|
|
111
|
+
ContextMenu.getOrCreateInstance(document.querySelector(".context-menu"));
|
|
112
|
+
DataTable.getOrCreateInstance(document.querySelector(".datatable"));
|
|
106
113
|
Sidebar.getOrCreateInstance(document.querySelector('[data-slot="sidebar-wrapper"]'));
|
|
107
114
|
```
|
|
108
115
|
|
|
@@ -117,7 +124,7 @@ recipes, load order, and troubleshooting.
|
|
|
117
124
|
| Existing Bootstrap application | Load `moo.css` after Bootstrap CSS and add `.moo-ui` around migrated regions. |
|
|
118
125
|
| Static page with no interactive plugins | Load CSS only. |
|
|
119
126
|
| Page using Bootstrap plugins | Keep Bootstrap's bundle and its documented initialization. |
|
|
120
|
-
| Page using Combobox or Sidebar | Add only the corresponding optional Moo ESM module. |
|
|
127
|
+
| Page using Combobox, Context Menu, DataTable, or Sidebar | Add only the corresponding optional Moo ESM module. |
|
|
121
128
|
|
|
122
129
|
## Public Package Surface
|
|
123
130
|
|
|
@@ -130,14 +137,16 @@ recipes, load order, and troubleshooting.
|
|
|
130
137
|
| `@wpmoo/ui/moo.css` | Scoped expanded component layer for `.moo-ui` |
|
|
131
138
|
| `@wpmoo/ui/moo.min.css` | Scoped minified component layer |
|
|
132
139
|
| `@wpmoo/ui/combobox.js` | Optional Combobox ESM lifecycle |
|
|
140
|
+
| `@wpmoo/ui/context-menu.js` | Optional Context Menu ESM lifecycle |
|
|
141
|
+
| `@wpmoo/ui/datatable.js` | Optional DataTable ESM lifecycle |
|
|
133
142
|
| `@wpmoo/ui/sidebar.js` | Optional Sidebar ESM lifecycle |
|
|
134
143
|
| `@wpmoo/ui/certification.json` | Versioned support/evidence manifest |
|
|
135
144
|
| `@wpmoo/ui/package.json` | Package metadata |
|
|
136
145
|
|
|
137
|
-
The tarball also contains `README.md`, `LICENSE`, `ASSET_LICENSE.md
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
146
|
+
The tarball also contains `README.md`, `LICENSE`, and `ASSET_LICENSE.md`. It
|
|
147
|
+
does not publish catalog templates, preview artwork, catalog JavaScript, SCSS
|
|
148
|
+
source, or a Sass facade. Internal Sass partials and
|
|
149
|
+
Jinja macros are repository build tools, not npm APIs.
|
|
141
150
|
|
|
142
151
|
## Why Bootstrap Teams Try It
|
|
143
152
|
|
|
@@ -147,8 +156,8 @@ partials and Jinja macros are repository build tools, not npm APIs.
|
|
|
147
156
|
- Inspect static rendered examples and copy the resulting HTML contracts.
|
|
148
157
|
- Start with one scoped region or replace the full stylesheet after review.
|
|
149
158
|
|
|
150
|
-
Representative components include Button, Field, Table,
|
|
151
|
-
Combobox, and Sidebar. Browse the [component catalog](https://ui.wpmoo.org/components/)
|
|
159
|
+
Representative components include Button, Field, Table, DataTable, Dialog,
|
|
160
|
+
Toast, Sheet, Combobox, Context Menu, and Sidebar. Browse the [component catalog](https://ui.wpmoo.org/components/)
|
|
152
161
|
and composed [blocks](https://ui.wpmoo.org/blocks/).
|
|
153
162
|
|
|
154
163
|
## Designed, Not Just Restyled
|
|
@@ -165,7 +174,7 @@ are not part of the npm package.
|
|
|
165
174
|
|
|
166
175
|
## Status And Support
|
|
167
176
|
|
|
168
|
-
Moo UI is in the `0.x` series. Current package: `@wpmoo/ui@0.
|
|
177
|
+
Moo UI is in the `0.x` series. Current package: `@wpmoo/ui@0.8.1`. The
|
|
169
178
|
package's certification manifest currently has `preview` status; catalog
|
|
170
179
|
availability is WPMoo-maintained preview evidence, not independent or
|
|
171
180
|
accredited certification. Read [Support & Evidence](https://ui.wpmoo.org/support/)
|
package/certification.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": "0.1",
|
|
3
3
|
"status": "preview",
|
|
4
|
-
"coreVersion": "0.
|
|
4
|
+
"coreVersion": "0.8.1",
|
|
5
5
|
"bootstrap": {
|
|
6
6
|
"canonicalVersion": "5.3.3",
|
|
7
7
|
"targetRange": ">=5.3.0 <5.4",
|
|
@@ -22,7 +22,9 @@
|
|
|
22
22
|
],
|
|
23
23
|
"esm": [
|
|
24
24
|
"./combobox.js",
|
|
25
|
-
"./sidebar.js"
|
|
25
|
+
"./sidebar.js",
|
|
26
|
+
"./context-menu.js",
|
|
27
|
+
"./datatable.js"
|
|
26
28
|
],
|
|
27
29
|
"sass": []
|
|
28
30
|
},
|