@layerfi/components 0.1.112-alpha.2 → 0.1.112-alpha.4

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@layerfi/components",
3
- "version": "0.1.112-alpha.2",
3
+ "version": "0.1.112-alpha.4",
4
4
  "description": "Layer React Components",
5
5
  "main": "dist/cjs/index.cjs",
6
6
  "module": "dist/esm/index.mjs",
@@ -20,13 +20,15 @@
20
20
  ],
21
21
  "scripts": {
22
22
  "typecheck": "tsc --noEmit",
23
- "build": "node bin/build.js",
23
+ "build": "vite build --config vite/vite.config.ts --mode esm && vite build --config vite/vite.config.ts --mode cjs",
24
24
  "build:clean": "rm -rf ./dist && npm run build",
25
- "dev": "node bin/build.js -- --watch",
25
+ "dev": "vite build --config vite/vite.config.ts --mode esm --watch",
26
26
  "prepack": "npm run typecheck && npm run build:clean",
27
27
  "lint": "eslint . && stylelint '**/*.{css,scss}'",
28
28
  "lint:eslint": "eslint .",
29
- "lint:stylelint": "stylelint '**/*.{css,scss}'"
29
+ "lint:stylelint": "stylelint '**/*.{css,scss}'",
30
+ "clear:react": "rm -rf ./node_modules/react && rm -rf ./node_modules/react-dom",
31
+ "prepare": "husky"
30
32
  },
31
33
  "repository": {
32
34
  "type": "git",
@@ -52,16 +54,18 @@
52
54
  "@stylistic/stylelint-config": "^2.0.0",
53
55
  "@stylistic/stylelint-plugin": "^3.1.2",
54
56
  "@types/lodash": "^4.17.16",
57
+ "@types/node": "^24.9.0",
55
58
  "@types/pluralize": "^0.0.33",
56
59
  "@types/react": "^18.2.0",
57
60
  "@types/react-datepicker": "^6.2.0",
58
61
  "@types/react-dom": "^18.2.0",
59
- "esbuild": "^0.25.3",
60
- "esbuild-sass-plugin": "^3.3.1",
62
+ "@vitejs/plugin-react": "^5.0.4",
61
63
  "eslint": "^9.26.0",
62
64
  "eslint-plugin-react": "^7.37.5",
63
65
  "eslint-plugin-react-hooks": "^5.2.0",
64
66
  "eslint-plugin-unused-imports": "^4.1.4",
67
+ "husky": "^9.1.7",
68
+ "lint-staged": "^16.2.3",
65
69
  "lodash": "^4.17.21",
66
70
  "npm-dts": "^1.3.13",
67
71
  "react": "^18.2.0",
@@ -71,7 +75,12 @@
71
75
  "stylelint-config-standard-scss": "^15.0.1",
72
76
  "stylelint-order": "^7.0.0",
73
77
  "typescript": "^5.8.3",
74
- "typescript-eslint": "^8.32.0"
78
+ "typescript-eslint": "^8.32.0",
79
+ "vite": "^6.4.0",
80
+ "vite-plugin-dts": "^4.5.4"
81
+ },
82
+ "lint-staged": {
83
+ "*.{css,scss}": "stylelint --fix"
75
84
  },
76
85
  "dependencies": {
77
86
  "@floating-ui/react": "^0.27.8",
@@ -79,10 +88,12 @@
79
88
  "@tanstack/react-form": "^1.19.0",
80
89
  "@tanstack/react-table": "^8.21.3",
81
90
  "@tanstack/react-virtual": "^3.13.9",
91
+ "calendar-link": "^2.11.0",
82
92
  "classnames": "^2.5.1",
83
93
  "date-fns": "^4.1.0",
84
94
  "effect": "^3.16.3",
85
95
  "libphonenumber-js": "^1.12.7",
96
+ "lodash": "^4.17.21",
86
97
  "lucide-react": "^0.507.0",
87
98
  "pluralize": "^8.0.0",
88
99
  "react-aria-components": "^1.8.0",
@@ -94,6 +105,7 @@
94
105
  "react-select": "^5.10.1",
95
106
  "recharts": "^2.15.3",
96
107
  "swr": "^2.3.3",
108
+ "ts-ics": "^2.4.0",
97
109
  "uuid": "^11.1.0",
98
110
  "zustand": "^5.0.4"
99
111
  }
@@ -1,74 +0,0 @@
1
- /* src/components/BulkActionsHeader/bulkActionsHeader.scss */
2
- .Layer__bulk-actions-header__selection-container {
3
- height: 2.25rem;
4
- min-width: 11rem;
5
- border-radius: var(--border-radius-2xs);
6
- border: 1px solid var(--color-base-300);
7
- }
8
-
9
- /* src/components/Journal/JournalEntryForm/journalEntryLineItem.scss */
10
- .Layer__JournalEntryForm__LineItem {
11
- display: flex;
12
- gap: var(--spacing-xs);
13
- align-items: flex-end;
14
- }
15
- .Layer__JournalEntryForm__LineItem .Layer__JournalEntryForm__Field--accountName {
16
- flex: 1 1 12rem;
17
- max-width: 20rem;
18
- }
19
- .Layer__JournalEntryForm__LineItem .Layer__JournalEntryForm__Field--amount {
20
- flex: 0 1 12rem;
21
- max-width: 12rem;
22
- }
23
- .Layer__JournalEntryForm__LineItem .Layer__JournalEntryForm__Field--tag {
24
- flex: 0 0 auto;
25
- min-width: 12rem;
26
- }
27
- .Layer__JournalEntryForm__LineItem .Layer__JournalEntryForm__Field--memo {
28
- flex: 2 1 12rem;
29
- }
30
- .Layer__JournalEntryForm__LineItem--readonly .Layer__JournalEntryForm__Field--removeButton {
31
- display: none;
32
- }
33
- @media (width <= 768px) {
34
- .Layer__JournalEntryForm__LineItem {
35
- flex-direction: column;
36
- gap: var(--spacing-sm);
37
- align-items: stretch;
38
- }
39
- .Layer__JournalEntryForm__LineItem .Layer__JournalEntryForm__Field {
40
- flex: 1 1 auto;
41
- max-width: 16rem;
42
- }
43
- }
44
-
45
- /* src/components/Journal/JournalEntryForm/journalEntryForm.scss */
46
- .Layer__JournalEntryForm {
47
- padding-top: var(--spacing-xl);
48
- }
49
- .Layer__JournalEntryForm .Layer__JournalEntryForm__Row {
50
- display: flex;
51
- gap: var(--spacing-md);
52
- padding: 0 var(--spacing-xl);
53
- }
54
- .Layer__JournalEntryForm .Layer__JournalEntryForm__Row > * {
55
- flex: 0 0 clamp(16rem, 100%, 24rem);
56
- }
57
- @container (max-width: 760px) {
58
- .Layer__JournalEntryForm .Layer__JournalEntryForm__Row {
59
- flex-direction: column;
60
- }
61
- .Layer__JournalEntryForm .Layer__JournalEntryForm__Row > * {
62
- flex: 1;
63
- max-width: clamp(12rem, 100%, 16rem);
64
- }
65
- }
66
- .Layer__JournalEntryForm .Layer__JournalEntryForm__Metadata {
67
- border-top: 1px solid var(--color-base-300);
68
- background-color: var(--color-base-50);
69
- }
70
- .Layer__JournalEntryForm .Layer__JournalEntryForm__AdditionalTextFields {
71
- flex: 1;
72
- min-width: 20rem;
73
- max-width: 32rem;
74
- }
@@ -1,74 +0,0 @@
1
- /* src/components/BulkActionsHeader/bulkActionsHeader.scss */
2
- .Layer__bulk-actions-header__selection-container {
3
- height: 2.25rem;
4
- min-width: 11rem;
5
- border-radius: var(--border-radius-2xs);
6
- border: 1px solid var(--color-base-300);
7
- }
8
-
9
- /* src/components/Journal/JournalEntryForm/journalEntryLineItem.scss */
10
- .Layer__JournalEntryForm__LineItem {
11
- display: flex;
12
- gap: var(--spacing-xs);
13
- align-items: flex-end;
14
- }
15
- .Layer__JournalEntryForm__LineItem .Layer__JournalEntryForm__Field--accountName {
16
- flex: 1 1 12rem;
17
- max-width: 20rem;
18
- }
19
- .Layer__JournalEntryForm__LineItem .Layer__JournalEntryForm__Field--amount {
20
- flex: 0 1 12rem;
21
- max-width: 12rem;
22
- }
23
- .Layer__JournalEntryForm__LineItem .Layer__JournalEntryForm__Field--tag {
24
- flex: 0 0 auto;
25
- min-width: 12rem;
26
- }
27
- .Layer__JournalEntryForm__LineItem .Layer__JournalEntryForm__Field--memo {
28
- flex: 2 1 12rem;
29
- }
30
- .Layer__JournalEntryForm__LineItem--readonly .Layer__JournalEntryForm__Field--removeButton {
31
- display: none;
32
- }
33
- @media (width <= 768px) {
34
- .Layer__JournalEntryForm__LineItem {
35
- flex-direction: column;
36
- gap: var(--spacing-sm);
37
- align-items: stretch;
38
- }
39
- .Layer__JournalEntryForm__LineItem .Layer__JournalEntryForm__Field {
40
- flex: 1 1 auto;
41
- max-width: 16rem;
42
- }
43
- }
44
-
45
- /* src/components/Journal/JournalEntryForm/journalEntryForm.scss */
46
- .Layer__JournalEntryForm {
47
- padding-top: var(--spacing-xl);
48
- }
49
- .Layer__JournalEntryForm .Layer__JournalEntryForm__Row {
50
- display: flex;
51
- gap: var(--spacing-md);
52
- padding: 0 var(--spacing-xl);
53
- }
54
- .Layer__JournalEntryForm .Layer__JournalEntryForm__Row > * {
55
- flex: 0 0 clamp(16rem, 100%, 24rem);
56
- }
57
- @container (max-width: 760px) {
58
- .Layer__JournalEntryForm .Layer__JournalEntryForm__Row {
59
- flex-direction: column;
60
- }
61
- .Layer__JournalEntryForm .Layer__JournalEntryForm__Row > * {
62
- flex: 1;
63
- max-width: clamp(12rem, 100%, 16rem);
64
- }
65
- }
66
- .Layer__JournalEntryForm .Layer__JournalEntryForm__Metadata {
67
- border-top: 1px solid var(--color-base-300);
68
- background-color: var(--color-base-50);
69
- }
70
- .Layer__JournalEntryForm .Layer__JournalEntryForm__AdditionalTextFields {
71
- flex: 1;
72
- min-width: 20rem;
73
- max-width: 32rem;
74
- }