@uniai-fe/ui-legacy 0.1.16 → 0.1.18

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 (5) hide show
  1. package/package.json +52 -40
  2. package/src/form-field/input/components/text/Box.tsx +3 -3
  3. package/src/form-field/select/components/assets/dropdown/Default.tsx +1 -0
  4. package/src/form-field/select/styles/styled-components/base.ts +7 -0
  5. package/src/icon/components/arrow/dropdown/Select.tsx +6 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/ui-legacy",
3
- "version": "0.1.16",
3
+ "version": "0.1.18",
4
4
  "description": "Legacy UI Toolkit for UNIAI FE Projects",
5
5
  "type": "module",
6
6
  "private": false,
@@ -10,7 +10,7 @@
10
10
  "publishConfig": {
11
11
  "access": "public"
12
12
  },
13
- "packageManager": "pnpm@10.28.0",
13
+ "packageManager": "pnpm@10.32.1",
14
14
  "engines": {
15
15
  "node": ">=24",
16
16
  "pnpm": ">=10"
@@ -34,7 +34,8 @@
34
34
  "module:typecheck": "pnpm typecheck",
35
35
  "module:build": "pnpm build",
36
36
  "ui-legacy:build": "pnpm run build",
37
- "ui-legacy:dev": "pnpm run dev"
37
+ "ui-legacy:dev": "pnpm run dev",
38
+ "publish:public": "bash ../../../scripts/npm-publish.sh"
38
39
  },
39
40
  "module": "./src/index.tsx",
40
41
  "main": "./src/index.tsx",
@@ -69,7 +70,18 @@
69
70
  "styled-components": ">= 6",
70
71
  "react-daum-postcode": ">= 3",
71
72
  "@dnd-kit/core": ">= 6",
72
- "@dnd-kit/utilities": ">= 3"
73
+ "@dnd-kit/utilities": ">= 3",
74
+ "@tiptap/react": ">= 3",
75
+ "@uniai-fe/i18n": ">= 0.1.5",
76
+ "@uniai-fe/react-hooks": ">= 0.1.8",
77
+ "@uniai-fe/util-functions": ">= 0.2.11",
78
+ "@uniai-fe/util-next": ">= 0.2.8",
79
+ "clsx": ">= 2",
80
+ "flatpickr": ">= 4",
81
+ "react-flatpickr": ">= 3",
82
+ "react-hook-form": ">= 7",
83
+ "simplebar-core": ">= 1",
84
+ "simplebar-react": ">= 3"
73
85
  },
74
86
  "peerDependenciesMeta": {
75
87
  "next": {
@@ -80,33 +92,33 @@
80
92
  "@dnd-kit/core": "^6.3.1",
81
93
  "@dnd-kit/sortable": "^10.0.0",
82
94
  "@dnd-kit/utilities": "^3.2.2",
83
- "@mantine/core": "^8.3.12",
84
- "@mantine/dates": "^8.3.12",
85
- "@mantine/hooks": "^8.3.12",
86
- "@mantine/tiptap": "^8.3.12",
87
- "@tanstack/react-query": "^5.90.16",
88
- "@tiptap/extension-blockquote": "^3.15.3",
89
- "@tiptap/extension-bold": "^3.15.3",
90
- "@tiptap/extension-code": "^3.15.3",
91
- "@tiptap/extension-code-block": "^3.15.3",
92
- "@tiptap/extension-document": "^3.15.3",
93
- "@tiptap/extension-hard-break": "^3.15.3",
94
- "@tiptap/extension-heading": "^3.15.3",
95
- "@tiptap/extension-horizontal-rule": "^3.15.3",
96
- "@tiptap/extension-italic": "^3.15.3",
97
- "@tiptap/extension-link": "^3.15.3",
98
- "@tiptap/extension-list": "^3.15.3",
99
- "@tiptap/extension-paragraph": "^3.15.3",
100
- "@tiptap/extension-placeholder": "^3.15.3",
101
- "@tiptap/extension-strike": "^3.15.3",
102
- "@tiptap/extension-text": "^3.15.3",
103
- "@tiptap/extension-text-align": "^3.15.3",
104
- "@tiptap/extension-underline": "^3.15.3",
105
- "@tiptap/pm": "^3.15.3",
106
- "@tiptap/react": "^3.15.3",
107
- "@tiptap/starter-kit": "^3.15.3",
95
+ "@mantine/core": "^8.3.17",
96
+ "@mantine/dates": "^8.3.17",
97
+ "@mantine/hooks": "^8.3.17",
98
+ "@mantine/tiptap": "^8.3.17",
99
+ "@tanstack/react-query": "^5.90.21",
100
+ "@tiptap/extension-blockquote": "^3.20.2",
101
+ "@tiptap/extension-bold": "^3.20.2",
102
+ "@tiptap/extension-code": "^3.20.2",
103
+ "@tiptap/extension-code-block": "^3.20.2",
104
+ "@tiptap/extension-document": "^3.20.2",
105
+ "@tiptap/extension-hard-break": "^3.20.2",
106
+ "@tiptap/extension-heading": "^3.20.2",
107
+ "@tiptap/extension-horizontal-rule": "^3.20.2",
108
+ "@tiptap/extension-italic": "^3.20.2",
109
+ "@tiptap/extension-link": "^3.20.2",
110
+ "@tiptap/extension-list": "^3.20.2",
111
+ "@tiptap/extension-paragraph": "^3.20.2",
112
+ "@tiptap/extension-placeholder": "^3.20.2",
113
+ "@tiptap/extension-strike": "^3.20.2",
114
+ "@tiptap/extension-text": "^3.20.2",
115
+ "@tiptap/extension-text-align": "^3.20.2",
116
+ "@tiptap/extension-underline": "^3.20.2",
117
+ "@tiptap/pm": "^3.20.2",
118
+ "@tiptap/react": "^3.20.2",
119
+ "@tiptap/starter-kit": "^3.20.2",
108
120
  "@types/node": "^24.10.2",
109
- "@types/react": "^19.2.8",
121
+ "@types/react": "^19.2.14",
110
122
  "@types/react-dom": "^19.2.3",
111
123
  "@types/react-flatpickr": "^3.8.11",
112
124
  "@uniai-fe/eslint-config": "workspace:*",
@@ -118,25 +130,25 @@
118
130
  "@uniai-fe/util-next": "workspace:*",
119
131
  "@uniai-fe/util-react": "workspace:*",
120
132
  "airtable": "^0.12.2",
121
- "autoprefixer": "^10.4.23",
133
+ "autoprefixer": "^10.4.27",
122
134
  "clsx": "^2.1.1",
123
- "dayjs": "^1.11.19",
135
+ "dayjs": "^1.11.20",
124
136
  "eslint": "^9.39.2",
125
137
  "flatpickr": "^4.6.13",
126
- "jotai": "^2.16.1",
138
+ "jotai": "^2.18.1",
127
139
  "next": "^15.5.11",
128
- "postcss": "^8.5.6",
140
+ "postcss": "^8.5.8",
129
141
  "postcss-preset-mantine": "^1.18.0",
130
142
  "postcss-simple-vars": "^7.0.1",
131
143
  "pretendard": "^1.3.9",
132
144
  "pretendard-jp": "^1.3.9",
133
- "prettier": "^3.7.4",
134
- "react": "^19.2.3",
135
- "react-daum-postcode": "^3.2.0",
136
- "react-dom": "^19.2.3",
145
+ "prettier": "^3.8.1",
146
+ "react": "^19.2.4",
147
+ "react-daum-postcode": "^4.0.0",
148
+ "react-dom": "^19.2.4",
137
149
  "react-flatpickr": "3.10.13",
138
- "react-hook-form": "^7.71.0",
139
- "sass": "^1.97.2",
150
+ "react-hook-form": "^7.71.2",
151
+ "sass": "^1.98.0",
140
152
  "simplebar-core": "^1.3.2",
141
153
  "simplebar-react": "3.3.2",
142
154
  "styled-components": "6.1.19",
package/src/form-field/input/components/text/Box.tsx CHANGED
@@ -87,14 +87,14 @@ export default function InputBox({
87
87
  return (
88
88
  <InputContainer
89
89
  className={clsx("field-item-input-box", className, activeState, {
90
- focus: isFocused,
90
+ focus: !isReadonly && isFocused,
91
91
  })}
92
92
  fieldType="box"
93
93
  selectorId={selectorId}
94
94
  label={label}
95
95
  wrapperOptions={{
96
96
  state: activeState,
97
- focus: isFocused,
97
+ focus: !isReadonly && isFocused,
98
98
  }}
99
99
  icon={!!icon}
100
100
  >
@@ -106,7 +106,7 @@ export default function InputBox({
106
106
  <StyledInputBase.box
107
107
  ref={updateInputRef}
108
108
  className={clsx("input-box", {
109
- focus: isFocused,
109
+ focus: !isReadonly && isFocused,
110
110
  readonly: isReadonly,
111
111
  })}
112
112
  type="text"
package/src/form-field/select/components/assets/dropdown/Default.tsx CHANGED
@@ -63,6 +63,7 @@ export default function SelectDropdownDefault({
63
63
  : styleOptions?.width?.[type],
64
64
  [styleOptions?.width],
65
65
  );
66
+
66
67
  return (
67
68
  <DropdownParentContainer ref={dropdownRef} width={widthStyle("parent")}>
68
69
  <SelectSelected
package/src/form-field/select/styles/styled-components/base.ts CHANGED
@@ -22,9 +22,16 @@ const selectedBox = styled.div<StyledBoxProps>`
22
22
 
23
23
  strong,
24
24
  span {
25
+ flex: 1;
26
+ max-width: 100%;
27
+ overflow: hidden;
28
+ text-overflow: ellipsis;
29
+
25
30
  font-size: var(--select-selected-text-size);
26
31
  color: var(--select-selected-text-default);
27
32
  font-weight: 500;
33
+
34
+ text-align: left;
28
35
  }
29
36
  &.open {
30
37
  --button-bottom-radius: 0px;
package/src/icon/components/arrow/dropdown/Select.tsx CHANGED
@@ -14,7 +14,12 @@ export default function IconArrowDropdownSelect({
14
14
  <StyledIconArrow.container
15
15
  className={clsx("icon-arrow icon-arrow-dropdown-select", className)}
16
16
  >
17
- <SelectIcon viewBox="0 0 12 7" width={12} height={7} />
17
+ <SelectIcon
18
+ viewBox="0 0 12 7"
19
+ width={12}
20
+ height={7}
21
+ preserveAspectRatio="xMinYMin meet"
22
+ />
18
23
  </StyledIconArrow.container>
19
24
  );
20
25
  }