@kopexa/section-row 0.0.2 → 0.0.4

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 (8) hide show
  1. package/dist/{chunk-U2XTSYLK.mjs → chunk-RAGLADU5.mjs} +20 -18
  2. package/dist/index.js +20 -18
  3. package/dist/index.mjs +1 -1
  4. package/dist/section-row.d.mts +7 -0
  5. package/dist/section-row.d.ts +7 -0
  6. package/dist/section-row.js +20 -18
  7. package/dist/section-row.mjs +1 -1
  8. package/package.json +2 -2
package/dist/{chunk-U2XTSYLK.mjs → chunk-RAGLADU5.mjs} RENAMED
@@ -7,7 +7,7 @@ import {
7
7
  } from "@kopexa/theme";
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
9
9
  var SectionRow = (props) => {
10
- const { className, classNames, title, value, actions, ...rest } = props;
10
+ const { className, classNames, title, value, actions, info, ...rest } = props;
11
11
  const isValueString = typeof value === "string" || !value;
12
12
  const hasActions = !!actions;
13
13
  const styles = sectionRow({
@@ -22,28 +22,30 @@ var SectionRow = (props) => {
22
22
  ...rest,
23
23
  children: [
24
24
  /* @__PURE__ */ jsx("div", { className: styles.title({ className: classNames == null ? void 0 : classNames.title }), children: title }),
25
- /* @__PURE__ */ jsx(
25
+ /* @__PURE__ */ jsxs(
26
26
  "div",
27
27
  {
28
28
  className: styles.valueContainer({
29
29
  className: classNames == null ? void 0 : classNames.valueContainer
30
30
  }),
31
- children: isValueString ? /* @__PURE__ */ jsx(
32
- "span",
33
- {
34
- className: styles.valueText({ className: classNames == null ? void 0 : classNames.valueText }),
35
- children: value != null ? value : "-"
36
- }
37
- ) : value
38
- }
39
- ),
40
- actions && /* @__PURE__ */ jsx(
41
- "div",
42
- {
43
- className: styles.action({
44
- className: classNames == null ? void 0 : classNames.action
45
- }),
46
- children: actions
31
+ children: [
32
+ isValueString ? /* @__PURE__ */ jsx(
33
+ "span",
34
+ {
35
+ className: styles.valueText({ className: classNames == null ? void 0 : classNames.valueText }),
36
+ children: value != null ? value : "-"
37
+ }
38
+ ) : value,
39
+ actions && /* @__PURE__ */ jsx(
40
+ "div",
41
+ {
42
+ className: styles.action({
43
+ className: classNames == null ? void 0 : classNames.action
44
+ }),
45
+ children: actions
46
+ }
47
+ )
48
+ ]
47
49
  }
48
50
  )
49
51
  ]
package/dist/index.js CHANGED
@@ -30,7 +30,7 @@ var import_shared_utils = require("@kopexa/shared-utils");
30
30
  var import_theme = require("@kopexa/theme");
31
31
  var import_jsx_runtime = require("react/jsx-runtime");
32
32
  var SectionRow = (props) => {
33
- const { className, classNames, title, value, actions, ...rest } = props;
33
+ const { className, classNames, title, value, actions, info, ...rest } = props;
34
34
  const isValueString = typeof value === "string" || !value;
35
35
  const hasActions = !!actions;
36
36
  const styles = (0, import_theme.sectionRow)({
@@ -45,28 +45,30 @@ var SectionRow = (props) => {
45
45
  ...rest,
46
46
  children: [
47
47
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.title({ className: classNames == null ? void 0 : classNames.title }), children: title }),
48
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
48
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
49
49
  "div",
50
50
  {
51
51
  className: styles.valueContainer({
52
52
  className: classNames == null ? void 0 : classNames.valueContainer
53
53
  }),
54
- children: isValueString ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
55
- "span",
56
- {
57
- className: styles.valueText({ className: classNames == null ? void 0 : classNames.valueText }),
58
- children: value != null ? value : "-"
59
- }
60
- ) : value
61
- }
62
- ),
63
- actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
64
- "div",
65
- {
66
- className: styles.action({
67
- className: classNames == null ? void 0 : classNames.action
68
- }),
69
- children: actions
54
+ children: [
55
+ isValueString ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
56
+ "span",
57
+ {
58
+ className: styles.valueText({ className: classNames == null ? void 0 : classNames.valueText }),
59
+ children: value != null ? value : "-"
60
+ }
61
+ ) : value,
62
+ actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
63
+ "div",
64
+ {
65
+ className: styles.action({
66
+ className: classNames == null ? void 0 : classNames.action
67
+ }),
68
+ children: actions
69
+ }
70
+ )
71
+ ]
70
72
  }
71
73
  )
72
74
  ]
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  SectionRow
4
- } from "./chunk-U2XTSYLK.mjs";
4
+ } from "./chunk-RAGLADU5.mjs";
5
5
  export {
6
6
  SectionRow
7
7
  };
package/dist/section-row.d.mts CHANGED
@@ -9,6 +9,13 @@ type SectionRowProps = Omit<ComponentProps<"div">, "children"> & {
9
9
  * This is typically used to display the name or title of the section.
10
10
  */
11
11
  title: string;
12
+ /**
13
+ * Optional info to render inside the section row.
14
+ * This can be used to provide additional context or information about the section.
15
+ * It can be a string or a ReactNode, and it will be displayed alongside the title.
16
+ * If not provided, no info will be displayed.
17
+ */
18
+ info?: ReactNode | string | null;
12
19
  /**
13
20
  * Optional children to render inside the section row.
14
21
  * This can be any React node, such as text, icons, or other components.
package/dist/section-row.d.ts CHANGED
@@ -9,6 +9,13 @@ type SectionRowProps = Omit<ComponentProps<"div">, "children"> & {
9
9
  * This is typically used to display the name or title of the section.
10
10
  */
11
11
  title: string;
12
+ /**
13
+ * Optional info to render inside the section row.
14
+ * This can be used to provide additional context or information about the section.
15
+ * It can be a string or a ReactNode, and it will be displayed alongside the title.
16
+ * If not provided, no info will be displayed.
17
+ */
18
+ info?: ReactNode | string | null;
12
19
  /**
13
20
  * Optional children to render inside the section row.
14
21
  * This can be any React node, such as text, icons, or other components.
package/dist/section-row.js CHANGED
@@ -28,7 +28,7 @@ var import_shared_utils = require("@kopexa/shared-utils");
28
28
  var import_theme = require("@kopexa/theme");
29
29
  var import_jsx_runtime = require("react/jsx-runtime");
30
30
  var SectionRow = (props) => {
31
- const { className, classNames, title, value, actions, ...rest } = props;
31
+ const { className, classNames, title, value, actions, info, ...rest } = props;
32
32
  const isValueString = typeof value === "string" || !value;
33
33
  const hasActions = !!actions;
34
34
  const styles = (0, import_theme.sectionRow)({
@@ -43,28 +43,30 @@ var SectionRow = (props) => {
43
43
  ...rest,
44
44
  children: [
45
45
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.title({ className: classNames == null ? void 0 : classNames.title }), children: title }),
46
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
46
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
47
47
  "div",
48
48
  {
49
49
  className: styles.valueContainer({
50
50
  className: classNames == null ? void 0 : classNames.valueContainer
51
51
  }),
52
- children: isValueString ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
53
- "span",
54
- {
55
- className: styles.valueText({ className: classNames == null ? void 0 : classNames.valueText }),
56
- children: value != null ? value : "-"
57
- }
58
- ) : value
59
- }
60
- ),
61
- actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
62
- "div",
63
- {
64
- className: styles.action({
65
- className: classNames == null ? void 0 : classNames.action
66
- }),
67
- children: actions
52
+ children: [
53
+ isValueString ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
54
+ "span",
55
+ {
56
+ className: styles.valueText({ className: classNames == null ? void 0 : classNames.valueText }),
57
+ children: value != null ? value : "-"
58
+ }
59
+ ) : value,
60
+ actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
61
+ "div",
62
+ {
63
+ className: styles.action({
64
+ className: classNames == null ? void 0 : classNames.action
65
+ }),
66
+ children: actions
67
+ }
68
+ )
69
+ ]
68
70
  }
69
71
  )
70
72
  ]
package/dist/section-row.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  SectionRow
4
- } from "./chunk-U2XTSYLK.mjs";
4
+ } from "./chunk-RAGLADU5.mjs";
5
5
  export {
6
6
  SectionRow
7
7
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/section-row",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "section-row"
@@ -28,7 +28,7 @@
28
28
  "react": ">=19.0.0-rc.0",
29
29
  "react-dom": ">=19.0.0-rc.0",
30
30
  "motion": ">=12.23.6",
31
- "@kopexa/theme": "1.6.2"
31
+ "@kopexa/theme": "1.6.4"
32
32
  },
33
33
  "dependencies": {
34
34
  "@kopexa/shared-utils": "1.1.5",