@situaction/traq-ui-ste 1.1.32 → 1.1.33

package/dist/components/editable-select/EditableSelect.d.ts

@@ -1,14 +1,29 @@
 import { SelectItem } from '../select/Select';
 
 interface EditableSelectProps {
+    /** Label displayed above the select or static value */
     label: string;
+    /** List of selectable items */
     listItems: SelectItem[];
+    /** Static text value shown when not in edit mode */
     value?: string;
+    /** Placeholder shown when no item is selected */
     placeholder?: string;
+    /** Determines if the select is editable or read-only */
     edit: boolean;
+    /** Callback triggered when an item is selected */
     onSelect?: (selected: SelectItem) => void;
+    /** The currently selected item */
     selected?: SelectItem;
-    autoCloseCondition: boolean;
+    /** Condition that automatically closes the dropdown */
+    autoCloseCondition?: boolean;
+    /** If true, the select takes full width */
+    fullWidth?: boolean;
 }
-export declare const EditableSelect: ({ label, listItems, value, placeholder, edit, onSelect, selected, autoCloseCondition }: EditableSelectProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * EditableSelect is a component that toggles between a static text display
+ * and a Select dropdown based on the `edit` prop. It is commonly used
+ * in forms or data views where inline editing is required.
+ */
+export declare const EditableSelect: ({ label, listItems, value, placeholder, edit, onSelect, selected, autoCloseCondition, fullWidth }: EditableSelectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/editable-select/EditableSelect.js

@@ -1,12 +1,22 @@
-import { jsxs as i, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { Select as S } from "../select/Select.js";
-import '../../styles/EditableSelect.css';const x = "_editableSelect_6vsm4_30", p = "_statiqueField_6vsm4_40", l = {
-  editableSelect: x,
-  statiqueField: p
-}, F = ({ label: s, listItems: a, value: t, placeholder: c, edit: d, onSelect: m, selected: r, autoCloseCondition: n }) => d ? /* @__PURE__ */ i(o, { children: [
+import { jsxs as l, Fragment as S, jsx as e } from "react/jsx-runtime";
+import { Select as x } from "../select/Select.js";
+import '../../styles/EditableSelect.css';const p = "_editableSelect_6vsm4_30", _ = "_statiqueField_6vsm4_40", i = {
+  editableSelect: p,
+  statiqueField: _
+}, F = ({
+  label: s,
+  listItems: a,
+  value: t,
+  placeholder: c,
+  edit: d,
+  onSelect: m,
+  selected: r,
+  autoCloseCondition: n = !1,
+  fullWidth: o = !1
+}) => d ? /* @__PURE__ */ l(S, { children: [
   /* @__PURE__ */ e("span", { className: "textSmall", children: s }),
   /* @__PURE__ */ e(
-    S,
+    x,
     {
       size: "s",
       listItem: a,
@@ -14,12 +24,13 @@ import '../../styles/EditableSelect.css';const x = "_editableSelect_6vsm4_30", p
       modeDisplay: "text",
       onSelect: m,
       selected: r,
-      autoCloseCondition: n
+      autoCloseCondition: n,
+      fullWidth: o
     }
   )
-] }) : /* @__PURE__ */ i("div", { className: l.editableSelect, children: [
+] }) : /* @__PURE__ */ l("div", { className: i.editableSelect, children: [
   /* @__PURE__ */ e("span", { className: "textSmall", children: s }),
-  /* @__PURE__ */ e("div", { className: `${l.statiqueField} textSmall`, children: (t == null ? void 0 : t.trim()) || "-" })
+  /* @__PURE__ */ e("div", { className: `${i.statiqueField} textSmall`, children: (t == null ? void 0 : t.trim()) || "-" })
 ] });
 export {
   F as EditableSelect

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.1.32",
+  "version": "1.1.33",
   "description": "library react component Situaction",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",