@temp-spotwork/ui 1.8.2 → 1.8.3

package/dist/components/molecules/filter/segmented-control/segmented-control.d.ts

@@ -1,6 +1,10 @@
 export type SegmentedControlOption = {
     id: string;
     label: string;
+    /**
+     * Optional count/status badge rendered after the label (design-system Badge)
+     */
+    badgeText?: string;
 };
 export type SegmentedControlProps = {
     /**

package/dist/components/molecules/filter/segmented-control/segmented-control.js

@@ -1,36 +1,46 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Typography as i } from "../../../styles/typography/typography.js";
-import { getStyles as p, getContainerStyles as f } from "./styles.js";
-import { t as n } from "../../../../bundle-mjs-BjFsLjkg.js";
-function C({
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { Typography as d } from "../../../styles/typography/typography.js";
+import { getStyles as g, getContainerStyles as u } from "./styles.js";
+import { t as i } from "../../../../bundle-mjs-BjFsLjkg.js";
+import { Badge as v } from "../../../atoms/badge/badge.js";
+function w({
   segments: a,
-  handleClick: l,
-  inline: o = !1,
-  activeSegment: t
+  handleClick: m,
+  inline: s = !1,
+  activeSegment: c
 }) {
-  const s = p(o);
-  return /* @__PURE__ */ e(
+  const n = g(s);
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: n(
-        s.container,
-        s.segmentsBorder
+      className: i(
+        n.container,
+        n.segmentsBorder
       ),
-      children: a.map(({ id: r, label: c }) => {
-        const m = f(o, r === t);
-        return /* @__PURE__ */ e(
+      children: a.map(({ id: r, label: l, badgeText: e }) => {
+        const t = r === c, f = u(s, t);
+        return /* @__PURE__ */ p(
           "div",
           {
-            className: n("cursor-pointer", m.container),
-            onClick: () => l(r),
-            children: /* @__PURE__ */ e(
-              i,
-              {
-                children: c,
-                color: r === t ? "active" : "default",
-                swStyle: 1
-              }
-            )
+            className: i("cursor-pointer", f.container),
+            onClick: () => m(r),
+            children: [
+              /* @__PURE__ */ o(
+                d,
+                {
+                  children: l,
+                  color: t ? "active" : "default",
+                  swStyle: 1
+                }
+              ),
+              e != null && e !== "" && /* @__PURE__ */ o(
+                v,
+                {
+                  text: e,
+                  color: t ? "affirmativeInverted" : "affirmative"
+                }
+              )
+            ]
           },
           r
         );
@@ -39,5 +49,5 @@ function C({
   );
 }
 export {
-  C as SegmentedControl
+  w as SegmentedControl
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@temp-spotwork/ui",
   "private": false,
-  "version": "1.8.2",
+  "version": "1.8.3",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",