@krrli/cm-designsystem 1.34.4 → 1.34.6

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 (10) hide show
  1. package/dist/components/tabs/Tabs.d.ts +2 -7
  2. package/dist/components/tabs/Tabs.d.ts.map +1 -1
  3. package/dist/components/tabs/Tabs.js +15 -28
  4. package/dist/components/toggle/Toggle.d.ts +2 -1
  5. package/dist/components/toggle/Toggle.d.ts.map +1 -1
  6. package/dist/components/toggle/Toggle.js +3 -1
  7. package/dist/compositions/response/Response.d.ts +2 -0
  8. package/dist/compositions/response/Response.d.ts.map +1 -1
  9. package/dist/compositions/response/Response.js +2 -0
  10. package/package.json +2 -2
package/dist/components/tabs/Tabs.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import { default as React } from 'react';
2
2
  import { VariantProps } from 'tailwind-variants';
3
- import { TabItemProps } from './TabItem';
4
3
  declare const tabStyles: import('tailwind-variants').TVReturnType<{
5
4
  selected: {
6
5
  false: {
@@ -54,15 +53,11 @@ declare const tabStyles: import('tailwind-variants').TVReturnType<{
54
53
  trigger: string[];
55
54
  }, undefined, unknown, unknown, undefined>>;
56
55
  type TabVariants = VariantProps<typeof tabStyles>;
57
- export interface TabLabelProps {
58
- value: string;
59
- label: string;
60
- }
61
56
  export interface TabProps extends TabVariants {
62
57
  value: string;
63
58
  onChange?: (value: string) => void;
64
- children: React.ReactElement<TabItemProps>[];
59
+ children: React.ReactNode;
65
60
  }
66
- export declare const Tabs: (props: TabProps) => import("react/jsx-runtime").JSX.Element;
61
+ export declare const Tabs: ({ value, onChange, children, ...variants }: TabProps) => import("react/jsx-runtime").JSX.Element;
67
62
  export {};
68
63
  //# sourceMappingURL=Tabs.d.ts.map
package/dist/components/tabs/Tabs.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmDb,CAAC;AAEH,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;CAC9C;AAED,eAAO,MAAM,IAAI,GAAI,OAAO,QAAQ,4CAsCnC,CAAC"}
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA6Cb,CAAC;AAEH,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAElD,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,GAAI,4CAA4C,QAAQ,4CA+BxE,CAAC"}
package/dist/components/tabs/Tabs.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs, jsx } from "react/jsx-runtime";
2
3
  import * as RadixTabs from "@radix-ui/react-tabs";
3
4
  import React from "react";
@@ -35,54 +36,40 @@ const tabStyles = tv({
35
36
  {
36
37
  selected: true,
37
38
  effect: "first",
38
- class: {
39
- trigger: ["group-hover:pr-6"]
40
- }
39
+ class: { trigger: ["group-hover:pr-6"] }
41
40
  },
42
41
  {
43
42
  selected: true,
44
43
  effect: "middle",
45
- class: {
46
- trigger: ["group-hover:pr-6", "group-hover:pl-6"]
47
- }
44
+ class: { trigger: ["group-hover:pr-6", "group-hover:pl-6"] }
48
45
  },
49
46
  {
50
47
  selected: true,
51
48
  effect: "last",
52
- class: {
53
- trigger: ["group-hover:pl-6"]
54
- }
49
+ class: { trigger: ["group-hover:pl-6"] }
55
50
  }
56
51
  ]
57
52
  });
58
- const Tabs = (props) => {
59
- const { list, trigger } = tabStyles(props);
60
- const [currentSelection, setSelection] = React.useState(props.value);
61
- const getEffectVariant = (index, max) => index === 0 ? "first" : max === index ? "last" : "middle";
62
- const onClick = (value) => {
63
- setSelection(value);
64
- props.onChange?.(value);
65
- };
66
- return /* @__PURE__ */ jsxs(RadixTabs.Root, { defaultValue: props.value, children: [
67
- /* @__PURE__ */ jsx(RadixTabs.List, { className: list(), children: props.children.map((child, index) => /* @__PURE__ */ jsx(
53
+ const Tabs = ({ value, onChange, children, ...variants }) => {
54
+ const { list, trigger } = tabStyles(variants);
55
+ const items = React.Children.toArray(children).filter(
56
+ (child) => React.isValidElement(child)
57
+ );
58
+ const getEffectVariant = (index, max) => index === 0 ? "first" : index === max ? "last" : "middle";
59
+ return /* @__PURE__ */ jsxs(RadixTabs.Root, { value, onValueChange: onChange, children: [
60
+ /* @__PURE__ */ jsx(RadixTabs.List, { className: list(), children: items.map((child, index) => /* @__PURE__ */ jsx(
68
61
  RadixTabs.Trigger,
69
62
  {
70
63
  value: child.props.value,
71
64
  className: trigger({
72
- selected: child.props.value === currentSelection,
73
- effect: getEffectVariant(index, props.children.length - 1)
65
+ selected: child.props.value === value,
66
+ effect: getEffectVariant(index, items.length - 1)
74
67
  }),
75
- onClick: () => onClick(child.props.value),
76
68
  children: /* @__PURE__ */ jsx(Label, { size: "lg", children: child.props.label })
77
69
  },
78
70
  child.props.value
79
71
  )) }),
80
- React.Children.map(props.children, (child, index) => {
81
- if (React.isValidElement(child)) {
82
- return React.cloneElement(child, { key: props.value || index });
83
- }
84
- return child;
85
- })
72
+ items
86
73
  ] });
87
74
  };
88
75
  export {
package/dist/components/toggle/Toggle.d.ts CHANGED
@@ -57,7 +57,8 @@ interface ToggleProps extends ToggleVariants {
57
57
  labelText: string;
58
58
  pressed?: boolean;
59
59
  onToggle: (toggled: boolean) => void;
60
+ disabled?: boolean;
60
61
  }
61
- export declare const Toggle: ({ ariaLabel, labelText, pressed, onToggle, }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
62
+ export declare const Toggle: ({ ariaLabel, labelText, pressed, onToggle, disabled, }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
62
63
  export {};
63
64
  //# sourceMappingURL=Toggle.d.ts.map
package/dist/components/toggle/Toggle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA0DhB,CAAC;AACH,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAExD,UAAU,WAAY,SAAQ,cAAc;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,MAAM,GAAI,8CAKpB,WAAW,4CAwBb,CAAC"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA0DhB,CAAC;AACH,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAExD,UAAU,WAAY,SAAQ,cAAc;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,GAAI,wDAMpB,WAAW,4CAyBb,CAAC"}
package/dist/components/toggle/Toggle.js CHANGED
@@ -68,7 +68,8 @@ const Toggle = ({
68
68
  ariaLabel,
69
69
  labelText,
70
70
  pressed = false,
71
- onToggle
71
+ onToggle,
72
+ disabled = false
72
73
  }) => {
73
74
  const { base, icon, label: labelSlot } = toggleStyles({ pressed });
74
75
  return /* @__PURE__ */ jsxs(
@@ -78,6 +79,7 @@ const Toggle = ({
78
79
  className: base(),
79
80
  pressed,
80
81
  onPressedChange: onToggle,
82
+ disabled,
81
83
  children: [
82
84
  /* @__PURE__ */ jsx(
83
85
  "span",
package/dist/compositions/response/Response.d.ts CHANGED
@@ -72,6 +72,8 @@ interface ResponseProps extends ResponseVariants {
72
72
  onLikeClick: () => void;
73
73
  /** Callback fired when the share button is clicked. */
74
74
  onShareClick: () => void;
75
+ /** Whether the comment button is disabled. */
76
+ commentsDisabled?: boolean;
75
77
  }
76
78
  /**
77
79
  * Detailed Response component displaying user info, text content,
package/dist/compositions/response/Response.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Response.d.ts","sourceRoot":"","sources":["../../../src/compositions/response/Response.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQ1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAYlB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5D,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,uDAAuD;IACvD,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yDAAyD;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,sDAAsD;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,uDAAuD;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwD5C,CAAC"}
1
+ {"version":3,"file":"Response.d.ts","sourceRoot":"","sources":["../../../src/compositions/response/Response.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQ1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAYlB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5D,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,uDAAuD;IACvD,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yDAAyD;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,sDAAsD;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,uDAAuD;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;IAEzB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0D5C,CAAC"}
package/dist/compositions/response/Response.js CHANGED
@@ -26,6 +26,7 @@ const ResponseStyles = tv({
26
26
  const Response = ({
27
27
  nbrOfLikes = 0,
28
28
  nbrOfComments = 0,
29
+ commentsDisabled = false,
29
30
  ...props
30
31
  }) => {
31
32
  const { base, content, text, action } = ResponseStyles(props);
@@ -55,6 +56,7 @@ const Response = ({
55
56
  /* @__PURE__ */ jsx(
56
57
  Toggle,
57
58
  {
59
+ disabled: commentsDisabled,
58
60
  ariaLabel: "Comment",
59
61
  labelText: nbrOfComments === 0 ? "Comment" : nbrOfComments === 1 ? "1 Comment" : `${nbrOfComments} Comments`,
60
62
  pressed: nbrOfComments !== 0,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@krrli/cm-designsystem",
3
3
  "repository": "https://github.com/ost-cas-fea-25-26/cm-designsystem",
4
- "version": "1.34.4",
4
+ "version": "1.34.6",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -77,7 +77,7 @@
77
77
  "eslint-plugin-unused-imports": "4.3.0",
78
78
  "globals": "16.5.0",
79
79
  "jsdom": "27.3.0",
80
- "knip": "5.75.1",
80
+ "knip": "5.75.2",
81
81
  "playwright": "1.57.0",
82
82
  "prettier": "3.7.4",
83
83
  "prettier-plugin-tailwindcss": "0.7.2",