@navikt/ds-react 1.3.0 → 1.3.2

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/_docs.json +21 -0
  2. package/cjs/table/ExpandableRow.js +2 -2
  3. package/esm/table/ExpandableRow.d.ts +5 -0
  4. package/esm/table/ExpandableRow.js +2 -2
  5. package/esm/table/ExpandableRow.js.map +1 -1
  6. package/package.json +3 -3
  7. package/src/help-text/help-text.stories.tsx +4 -1
  8. package/src/table/ExpandableRow.tsx +7 -1
package/_docs.json CHANGED
@@ -5061,6 +5061,27 @@
5061
5061
  "name": "boolean"
5062
5062
  }
5063
5063
  },
5064
+ "colSpan": {
5065
+ "defaultValue": {
5066
+ "value": "999"
5067
+ },
5068
+ "description": "The width of the expanded row's internal cell",
5069
+ "name": "colSpan",
5070
+ "parent": {
5071
+ "fileName": "src/table/ExpandableRow.tsx",
5072
+ "name": "ExpandableRowProps"
5073
+ },
5074
+ "declarations": [
5075
+ {
5076
+ "fileName": "src/table/ExpandableRow.tsx",
5077
+ "name": "ExpandableRowProps"
5078
+ }
5079
+ ],
5080
+ "required": false,
5081
+ "type": {
5082
+ "name": "number"
5083
+ }
5084
+ },
5064
5085
  "selected": {
5065
5086
  "defaultValue": {
5066
5087
  "value": "false"
package/cjs/table/ExpandableRow.js CHANGED
@@ -46,7 +46,7 @@ const AnimateHeight_1 = __importDefault(require("../util/AnimateHeight"));
46
46
  const DataCell_1 = __importDefault(require("./DataCell"));
47
47
  const Row_1 = __importDefault(require("./Row"));
48
48
  exports.ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
49
- var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled"]);
49
+ var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false, colSpan = 999 } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled", "colSpan"]);
50
50
  const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultOpen);
51
51
  const id = (0, __1.useId)();
52
52
  const isOpen = open !== null && open !== void 0 ? open : internalOpen;
@@ -67,7 +67,7 @@ exports.ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
67
67
  react_1.default.createElement(ds_icons_1.ExpandFilled, { className: "navds-table__expandable-icon navds-table__expandable-icon--filled", title: isOpen ? "Vis mindre" : "Vis mer" })))),
68
68
  togglePlacement === "left" && children),
69
69
  react_1.default.createElement("tr", { className: "navds-table__expanded-row", "aria-hidden": !isOpen, id: id },
70
- react_1.default.createElement("td", { colSpan: 999, className: "navds-table__expanded-row-cell" },
70
+ react_1.default.createElement("td", { colSpan: colSpan, className: "navds-table__expanded-row-cell" },
71
71
  react_1.default.createElement(AnimateHeight_1.default, { className: "navds-table__expanded-row-collapse", innerClassName: "navds-table__expanded-row-content", height: isOpen ? "auto" : 0, duration: 250 }, content)))));
72
72
  });
73
73
  exports.default = exports.ExpandableRow;
package/esm/table/ExpandableRow.d.ts CHANGED
@@ -29,6 +29,11 @@ export interface ExpandableRowProps extends RowProps {
29
29
  * @default false
30
30
  */
31
31
  expansionDisabled?: boolean;
32
+ /**
33
+ * The width of the expanded row's internal cell
34
+ * @default 999
35
+ */
36
+ colSpan?: number;
32
37
  }
33
38
  export interface ExpandableRowType extends React.ForwardRefExoticComponent<ExpandableRowProps & React.RefAttributes<HTMLTableRowElement>> {
34
39
  }
package/esm/table/ExpandableRow.js CHANGED
@@ -17,7 +17,7 @@ import AnimateHeight from "../util/AnimateHeight";
17
17
  import DataCell from "./DataCell";
18
18
  import Row from "./Row";
19
19
  export const ExpandableRow = forwardRef((_a, ref) => {
20
- var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled"]);
20
+ var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false, colSpan = 999 } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled", "colSpan"]);
21
21
  const [internalOpen, setInternalOpen] = useState(defaultOpen);
22
22
  const id = useId();
23
23
  const isOpen = open !== null && open !== void 0 ? open : internalOpen;
@@ -38,7 +38,7 @@ export const ExpandableRow = forwardRef((_a, ref) => {
38
38
  React.createElement(ExpandFilled, { className: "navds-table__expandable-icon navds-table__expandable-icon--filled", title: isOpen ? "Vis mindre" : "Vis mer" })))),
39
39
  togglePlacement === "left" && children),
40
40
  React.createElement("tr", { className: "navds-table__expanded-row", "aria-hidden": !isOpen, id: id },
41
- React.createElement("td", { colSpan: 999, className: "navds-table__expanded-row-cell" },
41
+ React.createElement("td", { colSpan: colSpan, className: "navds-table__expanded-row-cell" },
42
42
  React.createElement(AnimateHeight, { className: "navds-table__expanded-row-collapse", innerClassName: "navds-table__expanded-row-content", height: isOpen ? "auto" : 0, duration: 250 }, content)))));
43
43
  });
44
44
  export default ExpandableRow;
package/esm/table/ExpandableRow.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ExpandableRow.js","sourceRoot":"","sources":["../../src/table/ExpandableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAC3B,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,GAAiB,MAAM,OAAO,CAAC;AAsCtC,MAAM,CAAC,MAAM,aAAa,GAAsB,UAAU,CACxD,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,GAAG,MAAM,EACxB,WAAW,GAAG,KAAK,EACnB,IAAI,EACJ,YAAY,EACZ,iBAAiB,GAAG,KAAK,OAE1B,EADI,IAAI,cATT,mHAUC,CADQ;IAIT,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,WAAW,CAAC,CAAC;IACvE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAEnB,MAAM,MAAM,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC;IAEpC,OAAO,CACL;QACE,oBAAC,GAAG,oBACE,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,EAAE;gBACtD,mCAAmC,EAAE,MAAM;aAC5C,CAAC;YAED,eAAe,KAAK,OAAO,IAAI,QAAQ;YACxC,oBAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE;oBAC/C,uCAAuC,EAAE,MAAM;iBAChD,CAAC,IAED,CAAC,iBAAiB,IAAI,CACrB,gCACE,SAAS,EAAC,mCAAmC,mBAC9B,EAAE,mBACF,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,MAAM,CAAC,CAAC;oBACxB,IAAI,IAAI,KAAK,SAAS,EAAE;wBACtB,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;qBAClC;gBACH,CAAC;gBAED,oBAAC,MAAM,IACL,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GACxC;gBACF,oBAAC,YAAY,IACX,SAAS,EAAC,mEAAmE,EAC7E,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GACxC,CACK,CACV,CACQ;YACV,eAAe,KAAK,MAAM,IAAI,QAAQ,CACnC;QACN,4BAAI,SAAS,EAAC,2BAA2B,iBAAc,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE;YACpE,4BAAI,OAAO,EAAE,GAAG,EAAE,SAAS,EAAC,gCAAgC;gBAC1D,oBAAC,aAAa,IACZ,SAAS,EAAC,oCAAoC,EAC9C,cAAc,EAAC,mCAAmC,EAClD,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAC3B,QAAQ,EAAE,GAAG,IAEZ,OAAO,CACM,CACb,CACF,CACJ,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ExpandableRow.js","sourceRoot":"","sources":["../../src/table/ExpandableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAC3B,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,GAAiB,MAAM,OAAO,CAAC;AA2CtC,MAAM,CAAC,MAAM,aAAa,GAAsB,UAAU,CACxD,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,GAAG,MAAM,EACxB,WAAW,GAAG,KAAK,EACnB,IAAI,EACJ,YAAY,EACZ,iBAAiB,GAAG,KAAK,EACzB,OAAO,GAAG,GAAG,OAEd,EADI,IAAI,cAVT,8HAWC,CADQ;IAIT,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,WAAW,CAAC,CAAC;IACvE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAEnB,MAAM,MAAM,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,YAAY,CAAC;IAEpC,OAAO,CACL;QACE,oBAAC,GAAG,oBACE,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,EAAE;gBACtD,mCAAmC,EAAE,MAAM;aAC5C,CAAC;YAED,eAAe,KAAK,OAAO,IAAI,QAAQ;YACxC,oBAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE;oBAC/C,uCAAuC,EAAE,MAAM;iBAChD,CAAC,IAED,CAAC,iBAAiB,IAAI,CACrB,gCACE,SAAS,EAAC,mCAAmC,mBAC9B,EAAE,mBACF,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,MAAM,CAAC,CAAC;oBACxB,IAAI,IAAI,KAAK,SAAS,EAAE;wBACtB,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;qBAClC;gBACH,CAAC;gBAED,oBAAC,MAAM,IACL,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GACxC;gBACF,oBAAC,YAAY,IACX,SAAS,EAAC,mEAAmE,EAC7E,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GACxC,CACK,CACV,CACQ;YACV,eAAe,KAAK,MAAM,IAAI,QAAQ,CACnC;QACN,4BAAI,SAAS,EAAC,2BAA2B,iBAAc,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE;YACpE,4BAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,gCAAgC;gBAC9D,oBAAC,aAAa,IACZ,SAAS,EAAC,oCAAoC,EAC9C,cAAc,EAAC,mCAAmC,EAClD,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAC3B,QAAQ,EAAE,GAAG,IAEZ,OAAO,CACM,CACb,CACF,CACJ,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "description": "NAV designsystem react components",
5
5
  "author": "NAV Designsystem team",
6
6
  "license": "MIT",
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@floating-ui/react-dom-interactions": "0.9.2",
39
- "@navikt/ds-icons": "^1.3.0",
39
+ "@navikt/ds-icons": "^1.3.2",
40
40
  "@radix-ui/react-tabs": "1.0.0",
41
41
  "@radix-ui/react-toggle-group": "1.0.0",
42
42
  "clsx": "^1.1.1",
@@ -74,5 +74,5 @@
74
74
  "optional": true
75
75
  }
76
76
  },
77
- "gitHead": "01a6f250da8c41fc4338fcd951ae5bc148e39b46"
77
+ "gitHead": "b6d65ad80535872c70603f7c8814ce1d4e2f91dd"
78
78
  }
package/src/help-text/help-text.stories.tsx CHANGED
@@ -53,7 +53,10 @@ export const Open = () => {
53
53
 
54
54
  return (
55
55
  <HelpText ref={ref} title="show tooltip" strategy="fixed">
56
- Id ullamco excepteur elit fugiat labore.
56
+ Incididunt laborum eiusmod ullamco id aliquip officia ex irure aliqua
57
+ laboris id ea do nisi. Ex esse ad duis culpa non aliquip exercitation eu
58
+ culpa cupidatat nisi. Deserunt voluptate consectetur cillum elit qui ad
59
+ voluptate pariatur.
57
60
  </HelpText>
58
61
  );
59
62
  };
package/src/table/ExpandableRow.tsx CHANGED
@@ -35,6 +35,11 @@ export interface ExpandableRowProps extends RowProps {
35
35
  * @default false
36
36
  */
37
37
  expansionDisabled?: boolean;
38
+ /**
39
+ * The width of the expanded row's internal cell
40
+ * @default 999
41
+ */
42
+ colSpan?: number;
38
43
  }
39
44
 
40
45
  export interface ExpandableRowType
@@ -53,6 +58,7 @@ export const ExpandableRow: ExpandableRowType = forwardRef(
53
58
  open,
54
59
  onOpenChange,
55
60
  expansionDisabled = false,
61
+ colSpan = 999,
56
62
  ...rest
57
63
  },
58
64
  ref
@@ -103,7 +109,7 @@ export const ExpandableRow: ExpandableRowType = forwardRef(
103
109
  {togglePlacement === "left" && children}
104
110
  </Row>
105
111
  <tr className="navds-table__expanded-row" aria-hidden={!isOpen} id={id}>
106
- <td colSpan={999} className="navds-table__expanded-row-cell">
112
+ <td colSpan={colSpan} className="navds-table__expanded-row-cell">
107
113
  <AnimateHeight
108
114
  className="navds-table__expanded-row-collapse"
109
115
  innerClassName="navds-table__expanded-row-content"