@ziky/ui 0.1.8 → 0.2.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.
Files changed (57) hide show
  1. package/README.md +38 -6
  2. package/dist/components/FilePicker.d.ts +22 -0
  3. package/dist/components/FilePicker.d.ts.map +1 -0
  4. package/dist/components/FilePicker.js +93 -0
  5. package/dist/components/FilePicker.js.map +1 -0
  6. package/dist/components/ImageUploadField.d.ts +21 -0
  7. package/dist/components/ImageUploadField.d.ts.map +1 -0
  8. package/dist/components/ImageUploadField.js +35 -0
  9. package/dist/components/ImageUploadField.js.map +1 -0
  10. package/dist/components/SmartAvatar.d.ts +16 -0
  11. package/dist/components/SmartAvatar.d.ts.map +1 -0
  12. package/dist/components/SmartAvatar.js +57 -0
  13. package/dist/components/SmartAvatar.js.map +1 -0
  14. package/dist/components/SmartCheckbox.d.ts +33 -0
  15. package/dist/components/SmartCheckbox.d.ts.map +1 -0
  16. package/dist/components/SmartCheckbox.js +53 -0
  17. package/dist/components/SmartCheckbox.js.map +1 -0
  18. package/dist/components/SmartDataTable/SmartDataTable.d.ts +30 -0
  19. package/dist/components/SmartDataTable/SmartDataTable.d.ts.map +1 -0
  20. package/dist/components/SmartDataTable/SmartDataTable.js +132 -0
  21. package/dist/components/SmartDataTable/SmartDataTable.js.map +1 -0
  22. package/dist/components/SmartDataTable/applyClientQuery.d.ts +9 -0
  23. package/dist/components/SmartDataTable/applyClientQuery.d.ts.map +1 -0
  24. package/dist/components/SmartDataTable/applyClientQuery.js +52 -0
  25. package/dist/components/SmartDataTable/applyClientQuery.js.map +1 -0
  26. package/dist/components/SmartDataTable/types.d.ts +17 -0
  27. package/dist/components/SmartDataTable/types.d.ts.map +1 -0
  28. package/dist/components/SmartDataTable/types.js +3 -0
  29. package/dist/components/SmartDataTable/types.js.map +1 -0
  30. package/dist/components/SmartDataTable/urlState.d.ts +20 -0
  31. package/dist/components/SmartDataTable/urlState.d.ts.map +1 -0
  32. package/dist/components/SmartDataTable/urlState.js +117 -0
  33. package/dist/components/SmartDataTable/urlState.js.map +1 -0
  34. package/dist/index.d.ts +8 -0
  35. package/dist/index.d.ts.map +1 -1
  36. package/dist/index.js +11 -1
  37. package/dist/index.js.map +1 -1
  38. package/dist/layout/AppTopbar.d.ts.map +1 -1
  39. package/dist/layout/AppTopbar.js +2 -1
  40. package/dist/layout/AppTopbar.js.map +1 -1
  41. package/dist/providers/RidinProviders.d.ts.map +1 -1
  42. package/dist/providers/RidinProviders.js +2 -1
  43. package/dist/providers/RidinProviders.js.map +1 -1
  44. package/dist/providers/SmartDialogProvider.d.ts +19 -0
  45. package/dist/providers/SmartDialogProvider.d.ts.map +1 -0
  46. package/dist/providers/SmartDialogProvider.js +74 -0
  47. package/dist/providers/SmartDialogProvider.js.map +1 -0
  48. package/dist/styles/components/filepicker.css +69 -0
  49. package/dist/styles/components/smartcheckbox.css +33 -0
  50. package/dist/styles/index.d.ts +2 -0
  51. package/dist/styles/index.d.ts.map +1 -1
  52. package/dist/styles/index.js +2 -0
  53. package/dist/styles/index.js.map +1 -1
  54. package/dist/styles/index.ts +2 -0
  55. package/dist/styles/layout/_smartdatatable.scss +38 -0
  56. package/dist/styles/layout/layout.scss +5 -4
  57. package/package.json +3 -1
@@ -0,0 +1,33 @@
1
+ .sakai-smart-checkbox {
2
+ display: inline-flex;
3
+ flex-direction: column;
4
+ gap: 0.25rem;
5
+ }
6
+
7
+ .sakai-smart-checkbox__row {
8
+ display: inline-flex;
9
+ align-items: center;
10
+ gap: 0.5rem;
11
+ }
12
+
13
+ .sakai-smart-checkbox__label {
14
+ cursor: pointer;
15
+ user-select: none;
16
+ }
17
+
18
+ .sakai-smart-checkbox--disabled .sakai-smart-checkbox__label {
19
+ cursor: default;
20
+ }
21
+
22
+ .sakai-smart-checkbox__required {
23
+ color: var(--red-500, #ef4444);
24
+ }
25
+
26
+ .sakai-smart-checkbox__helper {
27
+ font-size: 0.875rem;
28
+ color: var(--text-color-secondary, #6b7280);
29
+ }
30
+
31
+ .sakai-smart-checkbox--invalid .sakai-smart-checkbox__helper {
32
+ color: var(--red-500, #ef4444);
33
+ }
@@ -1,5 +1,7 @@
1
1
  import 'primeflex/primeflex.css';
2
2
  import 'primereact/resources/primereact.min.css';
3
3
  import 'primeicons/primeicons.css';
4
+ import './components/filepicker.css';
5
+ import './components/smartcheckbox.css';
4
6
  import './layout/layout.scss';
5
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC;AACjD,OAAO,2BAA2B,CAAC;AACnC,OAAO,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC;AACjD,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sBAAsB,CAAC"}
@@ -3,5 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  require("primeflex/primeflex.css");
4
4
  require("primereact/resources/primereact.min.css");
5
5
  require("primeicons/primeicons.css");
6
+ require("./components/filepicker.css");
7
+ require("./components/smartcheckbox.css");
6
8
  require("./layout/layout.scss");
7
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":";;AAAA,mCAAiC;AACjC,mDAAiD;AACjD,qCAAmC;AACnC,gCAA8B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":";;AAAA,mCAAiC;AACjC,mDAAiD;AACjD,qCAAmC;AACnC,uCAAqC;AACrC,0CAAwC;AACxC,gCAA8B"}
@@ -1,4 +1,6 @@
1
1
  import 'primeflex/primeflex.css';
2
2
  import 'primereact/resources/primereact.min.css';
3
3
  import 'primeicons/primeicons.css';
4
+ import './components/filepicker.css';
5
+ import './components/smartcheckbox.css';
4
6
  import './layout/layout.scss';
@@ -0,0 +1,38 @@
1
+ .rd-smart-table__header {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ gap: 1rem;
5
+ flex-wrap: wrap;
6
+ align-items: center;
7
+ }
8
+
9
+ .rd-smart-table__header-left {
10
+ display: flex;
11
+ gap: 0.75rem;
12
+ flex-wrap: wrap;
13
+ align-items: center;
14
+ min-width: 0;
15
+ }
16
+
17
+ .rd-smart-table__header-right {
18
+ display: flex;
19
+ gap: 0.5rem;
20
+ flex-wrap: wrap;
21
+ align-items: center;
22
+ justify-content: flex-end;
23
+ }
24
+
25
+ .rd-smart-table__title {
26
+ font-weight: 700;
27
+ color: var(--text-color, #111827);
28
+ }
29
+
30
+ .rd-smart-table__search .p-inputtext {
31
+ width: min(360px, 72vw);
32
+ }
33
+
34
+ .rd-smart-table__error {
35
+ margin-bottom: 0.5rem;
36
+ color: var(--red-600, #dc2626);
37
+ }
38
+
@@ -7,7 +7,8 @@
7
7
  @use './_content' as *;
8
8
  @use './_footer' as *;
9
9
  @use './_dialog' as *;
10
- @use './_responsive' as *;
11
- @use './_utils' as *;
12
- @use './_typography' as *;
13
- @use './_dashboard' as *;
10
+ @use './_responsive' as *;
11
+ @use './_utils' as *;
12
+ @use './_typography' as *;
13
+ @use './_dashboard' as *;
14
+ @use './_smartdatatable' as *;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ziky/ui",
3
- "version": "0.1.8",
3
+ "version": "0.2.0",
4
4
  "description": "Shared UI components/layout for RIDIN MFEs",
5
5
  "license": "UNLICENSED",
6
6
  "sideEffects": ["**/*.css", "**/*.scss", "**/*.sass"],
@@ -17,6 +17,8 @@
17
17
  "scripts": {
18
18
  "build": "npm run build:lib",
19
19
  "build:lib": "node scripts/build.mjs",
20
+ "prepare": "npm run build:lib",
21
+ "prepack": "npm run build:lib",
20
22
  "storybook": "storybook dev -p 6006 --disable-telemetry",
21
23
  "build-storybook": "storybook build --disable-telemetry",
22
24
  "prepublishOnly": "npm run build:lib",