@tipp/ui 1.2.2 → 1.2.3

package/dist/index.js

@@ -8,48 +8,40 @@ import {
 import {
   scrollTo
 } from "./chunk-ZXQZRIRS.js";
-import "./chunk-O4ZYERRL.js";
 import {
-  DatePicker
-} from "./chunk-3N7K3FKM.js";
+  useThemeContext
+} from "./chunk-MMGP4GEQ.js";
+import "./chunk-O4ZYERRL.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "./chunk-WBWP37HC.js";
+} from "./chunk-PK47U6MH.js";
 import "./chunk-JFKC7O5G.js";
+import {
+  DatePicker
+} from "./chunk-3N7K3FKM.js";
 import {
   DotNavigation
 } from "./chunk-EDTEVEJW.js";
 import {
   Navigation
-} from "./chunk-ZAVNBNID.js";
+} from "./chunk-RZGULSXM.js";
 import {
   Stepper
-} from "./chunk-UXHC4TWB.js";
+} from "./chunk-DDCFN3P4.js";
 import {
   TagSelector
-} from "./chunk-CGR5CDCB.js";
+} from "./chunk-GN35VNXA.js";
+import "./chunk-PSINRHYW.js";
 import {
-  useThemeContext
-} from "./chunk-MMGP4GEQ.js";
+  EchartDefaultProps
+} from "./chunk-2QFSCWES.js";
+import {
+  HorizontalBarChart
+} from "./chunk-SGMO4KBC.js";
 import "./chunk-BSTJBBEX.js";
 import "./chunk-NDUKDKGB.js";
 import "./chunk-76JGDATZ.js";
-import {
-  TextArea
-} from "./chunk-ILRUXI2E.js";
-import {
-  TextField
-} from "./chunk-JPIZP2PZ.js";
-import {
-  Select
-} from "./chunk-3JRNKBMN.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
 import {
   Spinner
 } from "./chunk-FR2GDOU2.js";
@@ -66,14 +58,11 @@ import {
   Tabs
 } from "./chunk-5ZITU5L7.js";
 import {
-  Progress
-} from "./chunk-365QMK4D.js";
-import {
-  Quote
-} from "./chunk-YO3BQW6S.js";
+  TextArea
+} from "./chunk-ILRUXI2E.js";
 import {
-  RadioCards
-} from "./chunk-6IVCARWS.js";
+  TextField
+} from "./chunk-JPIZP2PZ.js";
 import {
   RadioGroup
 } from "./chunk-6DJOIRMF.js";
@@ -90,8 +79,14 @@ import {
   SegmentedControl
 } from "./chunk-TVDKGMBI.js";
 import {
-  HoverCard
-} from "./chunk-O3T3TM3V.js";
+  Select
+} from "./chunk-3JRNKBMN.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Skeleton
+} from "./chunk-5H3YPCZK.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
@@ -103,28 +98,22 @@ import {
 } from "./chunk-SIM6HKVI.js";
 import {
   Pagination
-} from "./chunk-ZTEJRYCB.js";
+} from "./chunk-CCXV7EK4.js";
 import {
   Popover
 } from "./chunk-5AVBYDPB.js";
 import {
-  DropdownMenu
-} from "./chunk-4WFMOFN2.js";
-import {
-  EllipsisTooltip
-} from "./chunk-E3Z3D4EY.js";
+  Progress
+} from "./chunk-365QMK4D.js";
 import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
+  Quote
+} from "./chunk-YO3BQW6S.js";
 import {
-  Em
-} from "./chunk-2DZ2Y3JI.js";
+  RadioCards
+} from "./chunk-6IVCARWS.js";
 import {
   FieldErrorWrapper
-} from "./chunk-QDZS4B6A.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
+} from "./chunk-DJN2IEY6.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -138,14 +127,8 @@ import {
   Heading
 } from "./chunk-WMZAV6PQ.js";
 import {
-  CheckboxGroup
-} from "./chunk-IQEEPHOY.js";
-import {
-  Checkbox
-} from "./chunk-LHCDPZ5E.js";
-import {
-  Code
-} from "./chunk-OHMOP5PV.js";
+  HoverCard
+} from "./chunk-O3T3TM3V.js";
 import {
   Collapse
 } from "./chunk-KGLIAFTI.js";
@@ -175,14 +158,20 @@ import {
   IconButton
 } from "./chunk-O3DNDMV3.js";
 import {
-  Avatar
-} from "./chunk-3SSSCLJ5.js";
+  DropdownMenu
+} from "./chunk-4WFMOFN2.js";
 import {
-  Badge
-} from "./chunk-EFMOJ6IL.js";
+  EllipsisTooltip
+} from "./chunk-E3Z3D4EY.js";
 import {
-  Blockquote
-} from "./chunk-YGL6SWKN.js";
+  Tooltip
+} from "./chunk-ACVANQJ4.js";
+import {
+  Typo
+} from "./chunk-52MVZ6AN.js";
+import {
+  Em
+} from "./chunk-2DZ2Y3JI.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -198,6 +187,15 @@ import {
 import {
   CheckboxCards
 } from "./chunk-MIMJ7LON.js";
+import {
+  CheckboxGroup
+} from "./chunk-IQEEPHOY.js";
+import {
+  Checkbox
+} from "./chunk-LHCDPZ5E.js";
+import {
+  Code
+} from "./chunk-OHMOP5PV.js";
 import {
   ArchiveIcon,
   BackpackIcon,
@@ -231,13 +229,6 @@ import {
   PlusIcon,
   TrashIcon
 } from "./chunk-AW44EUZH.js";
-import "./chunk-PSINRHYW.js";
-import {
-  EchartDefaultProps
-} from "./chunk-2QFSCWES.js";
-import {
-  HorizontalBarChart
-} from "./chunk-SGMO4KBC.js";
 import {
   AlertDialog
 } from "./chunk-J242TTFH.js";
@@ -247,6 +238,15 @@ import {
 import {
   AutoSizingInput
 } from "./chunk-YJCCE5WP.js";
+import {
+  Avatar
+} from "./chunk-3SSSCLJ5.js";
+import {
+  Badge
+} from "./chunk-EFMOJ6IL.js";
+import {
+  Blockquote
+} from "./chunk-YGL6SWKN.js";
 import "./chunk-N552FDTV.js";
 export {
   AlertDialog,

package/dist/molecules/expand-table/index.js

@@ -1,48 +1,40 @@
 import {
   ExpandTable,
   createColumnHelper
-} from "../../chunk-WBWP37HC.js";
+} from "../../chunk-PK47U6MH.js";
 import "../../chunk-JFKC7O5G.js";
 import "../../chunk-BSTJBBEX.js";
 import "../../chunk-NDUKDKGB.js";
 import "../../chunk-76JGDATZ.js";
-import "../../chunk-ILRUXI2E.js";
-import "../../chunk-JPIZP2PZ.js";
-import "../../chunk-3JRNKBMN.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-365QMK4D.js";
-import "../../chunk-YO3BQW6S.js";
-import "../../chunk-6IVCARWS.js";
+import "../../chunk-ILRUXI2E.js";
+import "../../chunk-JPIZP2PZ.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-3JRNKBMN.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-5H3YPCZK.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
-import "../../chunk-ZTEJRYCB.js";
+import "../../chunk-CCXV7EK4.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-4WFMOFN2.js";
-import "../../chunk-E3Z3D4EY.js";
-import "../../chunk-ACVANQJ4.js";
-import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-QDZS4B6A.js";
-import "../../chunk-52MVZ6AN.js";
+import "../../chunk-365QMK4D.js";
+import "../../chunk-YO3BQW6S.js";
+import "../../chunk-6IVCARWS.js";
+import "../../chunk-DJN2IEY6.js";
 import "../../chunk-25HMMI7R.js";
 import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-WMZAV6PQ.js";
-import "../../chunk-IQEEPHOY.js";
-import "../../chunk-LHCDPZ5E.js";
-import "../../chunk-OHMOP5PV.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-KGLIAFTI.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
@@ -51,18 +43,26 @@ import "../../chunk-ZZXCFJOT.js";
 import "../../chunk-BVBX6IJ3.js";
 import "../../chunk-NJ2U2TVS.js";
 import "../../chunk-O3DNDMV3.js";
-import "../../chunk-3SSSCLJ5.js";
-import "../../chunk-EFMOJ6IL.js";
-import "../../chunk-YGL6SWKN.js";
+import "../../chunk-4WFMOFN2.js";
+import "../../chunk-E3Z3D4EY.js";
+import "../../chunk-ACVANQJ4.js";
+import "../../chunk-52MVZ6AN.js";
+import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-4B77ZZOP.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
 import "../../chunk-MIMJ7LON.js";
+import "../../chunk-IQEEPHOY.js";
+import "../../chunk-LHCDPZ5E.js";
+import "../../chunk-OHMOP5PV.js";
 import "../../chunk-AW44EUZH.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-YJCCE5WP.js";
+import "../../chunk-3SSSCLJ5.js";
+import "../../chunk-EFMOJ6IL.js";
+import "../../chunk-YGL6SWKN.js";
 import "../../chunk-N552FDTV.js";
 export {
   ExpandTable,

package/dist/molecules/expand-table/row.js

@@ -2,43 +2,35 @@ import {
   Row
 } from "../../chunk-JFKC7O5G.js";
 import "../../chunk-76JGDATZ.js";
-import "../../chunk-ILRUXI2E.js";
-import "../../chunk-JPIZP2PZ.js";
-import "../../chunk-3JRNKBMN.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-365QMK4D.js";
-import "../../chunk-YO3BQW6S.js";
-import "../../chunk-6IVCARWS.js";
+import "../../chunk-ILRUXI2E.js";
+import "../../chunk-JPIZP2PZ.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-3JRNKBMN.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-5H3YPCZK.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
-import "../../chunk-ZTEJRYCB.js";
+import "../../chunk-CCXV7EK4.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-4WFMOFN2.js";
-import "../../chunk-E3Z3D4EY.js";
-import "../../chunk-ACVANQJ4.js";
-import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-QDZS4B6A.js";
-import "../../chunk-52MVZ6AN.js";
+import "../../chunk-365QMK4D.js";
+import "../../chunk-YO3BQW6S.js";
+import "../../chunk-6IVCARWS.js";
+import "../../chunk-DJN2IEY6.js";
 import "../../chunk-25HMMI7R.js";
 import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-WMZAV6PQ.js";
-import "../../chunk-IQEEPHOY.js";
-import "../../chunk-LHCDPZ5E.js";
-import "../../chunk-OHMOP5PV.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-KGLIAFTI.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
@@ -47,18 +39,26 @@ import "../../chunk-ZZXCFJOT.js";
 import "../../chunk-BVBX6IJ3.js";
 import "../../chunk-NJ2U2TVS.js";
 import "../../chunk-O3DNDMV3.js";
-import "../../chunk-3SSSCLJ5.js";
-import "../../chunk-EFMOJ6IL.js";
-import "../../chunk-YGL6SWKN.js";
+import "../../chunk-4WFMOFN2.js";
+import "../../chunk-E3Z3D4EY.js";
+import "../../chunk-ACVANQJ4.js";
+import "../../chunk-52MVZ6AN.js";
+import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-4B77ZZOP.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
 import "../../chunk-MIMJ7LON.js";
+import "../../chunk-IQEEPHOY.js";
+import "../../chunk-LHCDPZ5E.js";
+import "../../chunk-OHMOP5PV.js";
 import "../../chunk-AW44EUZH.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-YJCCE5WP.js";
+import "../../chunk-3SSSCLJ5.js";
+import "../../chunk-EFMOJ6IL.js";
+import "../../chunk-YGL6SWKN.js";
 import "../../chunk-N552FDTV.js";
 export {
   Row

package/dist/molecules/index.cjs

@@ -863,7 +863,9 @@ function TagSelector(props) {
     tagRender,
     placeholder,
     maxCount = 0,
-    DropdownContainer = DefaultDropdownContainer
+    DropdownContainer = DefaultDropdownContainer,
+    onChange,
+    size = "medium"
   } = props;
   const [selected, setSelected] = (0, import_react13.useState)(props.selected || []);
   const [value, setValue] = (0, import_react13.useState)("");
@@ -885,7 +887,7 @@ function TagSelector(props) {
       setTimeout(() => {
         setValue("");
       }, 100);
-    }, 100);
+    }, 300);
   }, []);
   const onChangeValue = (0, import_react13.useCallback)(
     (e) => {
@@ -990,18 +992,52 @@ function TagSelector(props) {
       filteredOptions
     ]
   );
+  const placeholderVisible = (0, import_react13.useMemo)(() => {
+    if (selectedItem.length)
+      return false;
+    if (value)
+      return false;
+    if (focus)
+      return false;
+    return true;
+  }, [focus, selectedItem.length, value]);
+  (0, import_react13.useEffect)(() => {
+    onChange == null ? void 0 : onChange(selected);
+  }, [[...selected].sort().join(",")]);
+  (0, import_react13.useEffect)(() => {
+    setSelected(props.selected || []);
+  }, [[...props.selected || []].sort().join(",")]);
   (0, import_react13.useEffect)(() => {
     setFocusIndex(null);
   }, [open]);
   (0, import_react13.useEffect)(() => {
     setFocusIndex(0);
   }, [filteredOptions]);
+  const badgeSize = (0, import_react13.useMemo)(() => {
+    switch (size) {
+      case "large":
+        return "large";
+      case "medium":
+      case "small":
+      default:
+        return "small";
+    }
+  }, [size]);
+  const placeholderVariant = (0, import_react13.useMemo)(() => {
+    switch (size) {
+      case "large":
+        return "subtitle";
+      case "medium":
+      default:
+        return "body";
+    }
+  }, [size]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes9.Popover.Root, { open: Boolean(filteredOptions.length) && open, children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes9.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       import_themes5.Grid,
       {
         align: "center",
-        className: `tag-selector ${focus ? "focused" : ""}`,
+        className: `tag-selector ${focus ? "focused" : ""} ${size}`,
         columns: "1fr auto",
         gap: "1",
         onClick: () => {
@@ -1019,7 +1055,7 @@ function TagSelector(props) {
               wrap: "wrap",
               children: [
                 selectedItem.map((item) => {
-                  return tagRender ? tagRender(item) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Badge, { children: [
+                  return tagRender ? tagRender(item) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Badge, { size: badgeSize, children: [
                     item.name,
                     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       Button,
@@ -1033,6 +1069,7 @@ function TagSelector(props) {
                     )
                   ] }, item.id);
                 }),
+                placeholderVisible ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typo, { color: "gray", variant: placeholderVariant, children: placeholder }) : null,
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   AutoSizingInput,
                   {
@@ -1040,7 +1077,6 @@ function TagSelector(props) {
                     onChange: onChangeValue,
                     onFocus,
                     onKeyDown: handleKeyDown,
-                    placeholder,
                     ref: fieldRef,
                     value
                   }