@uniai-fe/ui-legacy 0.1.16 → 0.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/ui-legacy",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "Legacy UI Toolkit for UNIAI FE Projects",
   "type": "module",
   "private": false,
@@ -10,7 +10,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "packageManager": "pnpm@10.28.0",
+  "packageManager": "pnpm@10.32.1",
   "engines": {
     "node": ">=24",
     "pnpm": ">=10"
@@ -34,7 +34,8 @@
     "module:typecheck": "pnpm typecheck",
     "module:build": "pnpm build",
     "ui-legacy:build": "pnpm run build",
-    "ui-legacy:dev": "pnpm run dev"
+    "ui-legacy:dev": "pnpm run dev",
+    "publish:public": "bash ../../../scripts/npm-publish.sh"
   },
   "module": "./src/index.tsx",
   "main": "./src/index.tsx",
@@ -69,7 +70,18 @@
     "styled-components": ">= 6",
     "react-daum-postcode": ">= 3",
     "@dnd-kit/core": ">= 6",
-    "@dnd-kit/utilities": ">= 3"
+    "@dnd-kit/utilities": ">= 3",
+    "@tiptap/react": ">= 3",
+    "@uniai-fe/i18n": ">= 0.1.5",
+    "@uniai-fe/react-hooks": ">= 0.1.8",
+    "@uniai-fe/util-functions": ">= 0.2.11",
+    "@uniai-fe/util-next": ">= 0.2.8",
+    "clsx": ">= 2",
+    "flatpickr": ">= 4",
+    "react-flatpickr": ">= 3",
+    "react-hook-form": ">= 7",
+    "simplebar-core": ">= 1",
+    "simplebar-react": ">= 3"
   },
   "peerDependenciesMeta": {
     "next": {
@@ -80,33 +92,33 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@mantine/core": "^8.3.12",
-    "@mantine/dates": "^8.3.12",
-    "@mantine/hooks": "^8.3.12",
-    "@mantine/tiptap": "^8.3.12",
-    "@tanstack/react-query": "^5.90.16",
-    "@tiptap/extension-blockquote": "^3.15.3",
-    "@tiptap/extension-bold": "^3.15.3",
-    "@tiptap/extension-code": "^3.15.3",
-    "@tiptap/extension-code-block": "^3.15.3",
-    "@tiptap/extension-document": "^3.15.3",
-    "@tiptap/extension-hard-break": "^3.15.3",
-    "@tiptap/extension-heading": "^3.15.3",
-    "@tiptap/extension-horizontal-rule": "^3.15.3",
-    "@tiptap/extension-italic": "^3.15.3",
-    "@tiptap/extension-link": "^3.15.3",
-    "@tiptap/extension-list": "^3.15.3",
-    "@tiptap/extension-paragraph": "^3.15.3",
-    "@tiptap/extension-placeholder": "^3.15.3",
-    "@tiptap/extension-strike": "^3.15.3",
-    "@tiptap/extension-text": "^3.15.3",
-    "@tiptap/extension-text-align": "^3.15.3",
-    "@tiptap/extension-underline": "^3.15.3",
-    "@tiptap/pm": "^3.15.3",
-    "@tiptap/react": "^3.15.3",
-    "@tiptap/starter-kit": "^3.15.3",
+    "@mantine/core": "^8.3.17",
+    "@mantine/dates": "^8.3.17",
+    "@mantine/hooks": "^8.3.17",
+    "@mantine/tiptap": "^8.3.17",
+    "@tanstack/react-query": "^5.90.21",
+    "@tiptap/extension-blockquote": "^3.20.2",
+    "@tiptap/extension-bold": "^3.20.2",
+    "@tiptap/extension-code": "^3.20.2",
+    "@tiptap/extension-code-block": "^3.20.2",
+    "@tiptap/extension-document": "^3.20.2",
+    "@tiptap/extension-hard-break": "^3.20.2",
+    "@tiptap/extension-heading": "^3.20.2",
+    "@tiptap/extension-horizontal-rule": "^3.20.2",
+    "@tiptap/extension-italic": "^3.20.2",
+    "@tiptap/extension-link": "^3.20.2",
+    "@tiptap/extension-list": "^3.20.2",
+    "@tiptap/extension-paragraph": "^3.20.2",
+    "@tiptap/extension-placeholder": "^3.20.2",
+    "@tiptap/extension-strike": "^3.20.2",
+    "@tiptap/extension-text": "^3.20.2",
+    "@tiptap/extension-text-align": "^3.20.2",
+    "@tiptap/extension-underline": "^3.20.2",
+    "@tiptap/pm": "^3.20.2",
+    "@tiptap/react": "^3.20.2",
+    "@tiptap/starter-kit": "^3.20.2",
     "@types/node": "^24.10.2",
-    "@types/react": "^19.2.8",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/react-flatpickr": "^3.8.11",
     "@uniai-fe/eslint-config": "workspace:*",
@@ -118,25 +130,25 @@
     "@uniai-fe/util-next": "workspace:*",
     "@uniai-fe/util-react": "workspace:*",
     "airtable": "^0.12.2",
-    "autoprefixer": "^10.4.23",
+    "autoprefixer": "^10.4.27",
     "clsx": "^2.1.1",
-    "dayjs": "^1.11.19",
+    "dayjs": "^1.11.20",
     "eslint": "^9.39.2",
     "flatpickr": "^4.6.13",
-    "jotai": "^2.16.1",
+    "jotai": "^2.18.1",
     "next": "^15.5.11",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.8",
     "postcss-preset-mantine": "^1.18.0",
     "postcss-simple-vars": "^7.0.1",
     "pretendard": "^1.3.9",
     "pretendard-jp": "^1.3.9",
-    "prettier": "^3.7.4",
-    "react": "^19.2.3",
-    "react-daum-postcode": "^3.2.0",
-    "react-dom": "^19.2.3",
+    "prettier": "^3.8.1",
+    "react": "^19.2.4",
+    "react-daum-postcode": "^4.0.0",
+    "react-dom": "^19.2.4",
     "react-flatpickr": "3.10.13",
-    "react-hook-form": "^7.71.0",
-    "sass": "^1.97.2",
+    "react-hook-form": "^7.71.2",
+    "sass": "^1.98.0",
     "simplebar-core": "^1.3.2",
     "simplebar-react": "3.3.2",
     "styled-components": "6.1.19",

package/src/form-field/input/components/text/Box.tsx

@@ -87,14 +87,14 @@ export default function InputBox({
   return (
     <InputContainer
       className={clsx("field-item-input-box", className, activeState, {
-        focus: isFocused,
+        focus: !isReadonly && isFocused,
       })}
       fieldType="box"
       selectorId={selectorId}
       label={label}
       wrapperOptions={{
         state: activeState,
-        focus: isFocused,
+        focus: !isReadonly && isFocused,
       }}
       icon={!!icon}
     >
@@ -106,7 +106,7 @@ export default function InputBox({
       <StyledInputBase.box
         ref={updateInputRef}
         className={clsx("input-box", {
-          focus: isFocused,
+          focus: !isReadonly && isFocused,
           readonly: isReadonly,
         })}
         type="text"

package/src/form-field/select/components/assets/dropdown/Default.tsx

@@ -63,6 +63,7 @@ export default function SelectDropdownDefault({
         : styleOptions?.width?.[type],
     [styleOptions?.width],
   );
+
   return (
     <DropdownParentContainer ref={dropdownRef} width={widthStyle("parent")}>
       <SelectSelected

package/src/form-field/select/styles/styled-components/base.ts

@@ -22,6 +22,11 @@ const selectedBox = styled.div<StyledBoxProps>`
 
     strong,
     span {
+      flex: 1;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+
       font-size: var(--select-selected-text-size);
       color: var(--select-selected-text-default);
       font-weight: 500;

package/src/icon/components/arrow/dropdown/Select.tsx

@@ -14,7 +14,12 @@ export default function IconArrowDropdownSelect({
     <StyledIconArrow.container
       className={clsx("icon-arrow icon-arrow-dropdown-select", className)}
     >
-      <SelectIcon viewBox="0 0 12 7" width={12} height={7} />
+      <SelectIcon
+        viewBox="0 0 12 7"
+        width={12}
+        height={7}
+        preserveAspectRatio="xMinYMin meet"
+      />
     </StyledIconArrow.container>
   );
 }