@zambon-dev/ui 0.0.1-bootstrap.0 → 1.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/CHANGELOG.md +4 -0
- package/README.md +81 -81
- package/fesm2022/zambon-dev-ui-framework.mjs +5943 -3980
- package/fesm2022/zambon-dev-ui-framework.mjs.map +1 -1
- package/fesm2022/zambon-dev-ui-library.mjs +5787 -4272
- package/fesm2022/zambon-dev-ui-library.mjs.map +1 -1
- package/fesm2022/zambon-dev-ui-shared.mjs +2505 -1790
- package/fesm2022/zambon-dev-ui-shared.mjs.map +1 -1
- package/fesm2022/zambon-dev-ui-testing.mjs +73 -77
- package/fesm2022/zambon-dev-ui-testing.mjs.map +1 -1
- package/fesm2022/zambon-dev-ui.mjs +3 -8
- package/i18n/framework/en.json +63 -63
- package/i18n/framework/pt.json +63 -63
- package/i18n/shared/external-content/en.json +12 -12
- package/i18n/shared/external-content/pt.json +12 -12
- package/i18n/shared/language-selector/en.json +5 -5
- package/i18n/shared/language-selector/pt.json +5 -5
- package/i18n/shared/login/en.json +14 -14
- package/i18n/shared/login/pt.json +14 -14
- package/i18n/shared/operations-history/en.json +5 -5
- package/i18n/shared/operations-history/pt.json +5 -5
- package/i18n/shared/services-history/en.json +14 -14
- package/i18n/shared/services-history/pt.json +14 -14
- package/i18n/shared/top-bar/en.json +7 -7
- package/i18n/shared/top-bar/pt.json +7 -7
- package/package.json +1 -1
- package/styles/common.scss +10 -10
- package/styles/components/button.scss +101 -101
- package/styles/components/card.scss +13 -13
- package/styles/components/dropdown-static.scss +35 -35
- package/styles/components/input-group.scss +44 -44
- package/styles/components/input.scss +99 -99
- package/styles/components/label.scss +3 -3
- package/styles/components/row.scss +48 -48
- package/styles/mixins/background.scss +31 -31
- package/styles/theme.css +75 -75
- package/styles/variables.scss +60 -60
- package/types/zambon-dev-ui-framework.d.ts +1459 -1029
- package/types/zambon-dev-ui-library.d.ts +1607 -1165
- package/types/zambon-dev-ui-shared.d.ts +563 -543
- package/types/zambon-dev-ui-testing.d.ts +25 -30
- package/types/zambon-dev-ui.d.ts +3 -3
- package/fesm2022/zambon-dev-ui.mjs.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -23,6 +23,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
23
23
|
|
|
24
24
|
### ⚠ Breaking Changes / Migration
|
|
25
25
|
|
|
26
|
+
## [1.0.0] - 2026-10-24
|
|
27
|
+
|
|
28
|
+
### ⚠ Breaking Changes / Migration
|
|
29
|
+
|
|
26
30
|
- **The layers in this release are `library` 4.0.5, `framework` 5.0.5 and `shared` 6.0.4.**
|
|
27
31
|
Moving here from an earlier version of any of the three means taking that layer's remaining
|
|
28
32
|
releases too; they are under **Package history** below. The one worth naming is
|
package/README.md
CHANGED
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
# @zambon-dev/ui
|
|
2
|
-
|
|
3
|
-
Angular UI components, an application shell and a shared application layer for Zambon
|
|
4
|
-
applications, in one package on one version.
|
|
5
|
-
|
|
6
|
-
The three layers are separate entry points, and they stack one way: `shared` builds on
|
|
7
|
-
`framework`, `framework` builds on `library`, and `library` builds on neither.
|
|
8
|
-
|
|
9
|
-
| Import | What is in it |
|
|
10
|
-
| -------------------------- | ------------------------------------------------------------- |
|
|
11
|
-
| `@zambon-dev/ui` | all three layers |
|
|
12
|
-
| `@zambon-dev/ui/library` | form controls, data grids, modals, the ribbon and the sidebar |
|
|
13
|
-
| `@zambon-dev/ui/framework` | tabbed navigation, view base classes, ribbon buttons |
|
|
14
|
-
| `@zambon-dev/ui/shared` | authentication, layouts, audit-history features |
|
|
15
|
-
| `@zambon-dev/ui/testing` | a test harness for rendering under an OnPush ancestor |
|
|
16
|
-
|
|
17
|
-
Importing a layer directly keeps the dependency honest and the bundle smaller; importing the root
|
|
18
|
-
is fine where the layer does not matter.
|
|
19
|
-
|
|
20
|
-
## Install
|
|
21
|
-
|
|
22
|
-
```bash
|
|
23
|
-
npm i @zambon-dev/ui
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
Peer dependencies are the union of what the three layers need, and all are required:
|
|
27
|
-
`@angular/cdk`, `@angular/common`, `@angular/core`, `@angular/forms`, `@angular/platform-browser`,
|
|
28
|
-
`@angular/router`, `@auth0/angular-jwt`, `@microsoft/signalr`, `@ngx-translate/core`,
|
|
29
|
-
`ngx-resize-observer`, `ngx-translate-multi-http-loader` and `rxjs`. Angular 22 or later.
|
|
30
|
-
|
|
31
|
-
**Coming from the three separate packages?** See
|
|
32
|
-
[the migration guide](../../docs/guides/migrating-to-ui.md).
|
|
33
|
-
|
|
34
|
-
## Styles
|
|
35
|
-
|
|
36
|
-
Each stylesheet is named by its own subpath:
|
|
37
|
-
|
|
38
|
-
```scss
|
|
39
|
-
@use '@zambon-dev/ui/styles/variables.scss';
|
|
40
|
-
@use '@zambon-dev/ui/styles/common.scss';
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
`@zambon-dev/ui/styles/theme.css` is the Tailwind entry point and carries the design tokens. An
|
|
44
|
-
application that uses the components' Tailwind utilities needs it in its own build.
|
|
45
|
-
|
|
46
|
-
## Translations
|
|
47
|
-
|
|
48
|
-
The shipped translation files live under `i18n/framework` and `i18n/shared`. Spread the exported
|
|
49
|
-
asset patterns into your build rather than writing the paths out:
|
|
50
|
-
|
|
51
|
-
```typescript
|
|
52
|
-
import { ZAMBON_FRAMEWORK_I18N_ASSET, provideZambonFrameworkTranslateService } from '@zambon-dev/ui/framework';
|
|
53
|
-
import { ZAMBON_SHARED_I18N_ASSET } from '@zambon-dev/ui/shared';
|
|
54
|
-
```
|
|
55
|
-
|
|
56
|
-
## Selectors
|
|
57
|
-
|
|
58
|
-
Each layer kept the prefix it published under, so a selector still says which layer it came from:
|
|
59
|
-
`<lib-*>` for library, `<framework-*>` for framework, `<shared-*>` for shared.
|
|
60
|
-
|
|
61
|
-
## Development
|
|
62
|
-
|
|
63
|
-
```bash
|
|
64
|
-
npx nx build ui # production package into dist/libs/ui
|
|
65
|
-
npx nx test ui # Jest
|
|
66
|
-
npx nx lint ui # ESLint
|
|
67
|
-
npx nx storybook ui # Storybook on :4400
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
Every change under `src/` needs an entry under `## [Unreleased]` in `CHANGELOG.md`; CI enforces
|
|
71
|
-
it. The release pipeline stamps the version — do not write it yourself.
|
|
72
|
-
|
|
73
|
-
## Layering
|
|
74
|
-
|
|
75
|
-
The one-way rule is enforced by `no-restricted-imports` overrides in `eslint.config.mjs`, which
|
|
76
|
-
reject both the published subpath and the equivalent relative path. As three packages the rule
|
|
77
|
-
held because npm cannot express a cycle; inside one package only the lint rule holds it.
|
|
78
|
-
|
|
79
|
-
## License
|
|
80
|
-
|
|
81
|
-
MIT © Ricardo Zambon
|
|
1
|
+
# @zambon-dev/ui
|
|
2
|
+
|
|
3
|
+
Angular UI components, an application shell and a shared application layer for Zambon
|
|
4
|
+
applications, in one package on one version.
|
|
5
|
+
|
|
6
|
+
The three layers are separate entry points, and they stack one way: `shared` builds on
|
|
7
|
+
`framework`, `framework` builds on `library`, and `library` builds on neither.
|
|
8
|
+
|
|
9
|
+
| Import | What is in it |
|
|
10
|
+
| -------------------------- | ------------------------------------------------------------- |
|
|
11
|
+
| `@zambon-dev/ui` | all three layers |
|
|
12
|
+
| `@zambon-dev/ui/library` | form controls, data grids, modals, the ribbon and the sidebar |
|
|
13
|
+
| `@zambon-dev/ui/framework` | tabbed navigation, view base classes, ribbon buttons |
|
|
14
|
+
| `@zambon-dev/ui/shared` | authentication, layouts, audit-history features |
|
|
15
|
+
| `@zambon-dev/ui/testing` | a test harness for rendering under an OnPush ancestor |
|
|
16
|
+
|
|
17
|
+
Importing a layer directly keeps the dependency honest and the bundle smaller; importing the root
|
|
18
|
+
is fine where the layer does not matter.
|
|
19
|
+
|
|
20
|
+
## Install
|
|
21
|
+
|
|
22
|
+
```bash
|
|
23
|
+
npm i @zambon-dev/ui
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
Peer dependencies are the union of what the three layers need, and all are required:
|
|
27
|
+
`@angular/cdk`, `@angular/common`, `@angular/core`, `@angular/forms`, `@angular/platform-browser`,
|
|
28
|
+
`@angular/router`, `@auth0/angular-jwt`, `@microsoft/signalr`, `@ngx-translate/core`,
|
|
29
|
+
`ngx-resize-observer`, `ngx-translate-multi-http-loader` and `rxjs`. Angular 22 or later.
|
|
30
|
+
|
|
31
|
+
**Coming from the three separate packages?** See
|
|
32
|
+
[the migration guide](../../docs/guides/migrating-to-ui.md).
|
|
33
|
+
|
|
34
|
+
## Styles
|
|
35
|
+
|
|
36
|
+
Each stylesheet is named by its own subpath:
|
|
37
|
+
|
|
38
|
+
```scss
|
|
39
|
+
@use '@zambon-dev/ui/styles/variables.scss';
|
|
40
|
+
@use '@zambon-dev/ui/styles/common.scss';
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
`@zambon-dev/ui/styles/theme.css` is the Tailwind entry point and carries the design tokens. An
|
|
44
|
+
application that uses the components' Tailwind utilities needs it in its own build.
|
|
45
|
+
|
|
46
|
+
## Translations
|
|
47
|
+
|
|
48
|
+
The shipped translation files live under `i18n/framework` and `i18n/shared`. Spread the exported
|
|
49
|
+
asset patterns into your build rather than writing the paths out:
|
|
50
|
+
|
|
51
|
+
```typescript
|
|
52
|
+
import { ZAMBON_FRAMEWORK_I18N_ASSET, provideZambonFrameworkTranslateService } from '@zambon-dev/ui/framework';
|
|
53
|
+
import { ZAMBON_SHARED_I18N_ASSET } from '@zambon-dev/ui/shared';
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
## Selectors
|
|
57
|
+
|
|
58
|
+
Each layer kept the prefix it published under, so a selector still says which layer it came from:
|
|
59
|
+
`<lib-*>` for library, `<framework-*>` for framework, `<shared-*>` for shared.
|
|
60
|
+
|
|
61
|
+
## Development
|
|
62
|
+
|
|
63
|
+
```bash
|
|
64
|
+
npx nx build ui # production package into dist/libs/ui
|
|
65
|
+
npx nx test ui # Jest
|
|
66
|
+
npx nx lint ui # ESLint
|
|
67
|
+
npx nx storybook ui # Storybook on :4400
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
Every change under `src/` needs an entry under `## [Unreleased]` in `CHANGELOG.md`; CI enforces
|
|
71
|
+
it. The release pipeline stamps the version — do not write it yourself.
|
|
72
|
+
|
|
73
|
+
## Layering
|
|
74
|
+
|
|
75
|
+
The one-way rule is enforced by `no-restricted-imports` overrides in `eslint.config.mjs`, which
|
|
76
|
+
reject both the published subpath and the equivalent relative path. As three packages the rule
|
|
77
|
+
held because npm cannot express a cycle; inside one package only the lint rule holds it.
|
|
78
|
+
|
|
79
|
+
## License
|
|
80
|
+
|
|
81
|
+
MIT © Ricardo Zambon
|