@navikt/ds-react 8.1.0 → 8.2.0

package/cjs/data/action-bar/root/DataActionBarRoot.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+interface DataActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /**
+     * Number of selected rows
+     */
+    numOfSelectedRows: number;
+    /**
+     * Callback for the clear button
+     */
+    onClear: () => void;
+}
+/**
+ * TODO
+ *
+ * @see 🏷️ {@link DataActionBarProps}
+ * @example
+ * ```tsx
+ * <DataActionBar numOfSelectedRows={selectedRows.length} onClear={handleClear}>
+ *   TODO
+ * </DataActionBar>
+ * ```
+ */
+declare const DataActionBar: React.ForwardRefExoticComponent<DataActionBarProps & React.RefAttributes<HTMLDivElement>>;
+export default DataActionBar;
+export { DataActionBar };
+export type { DataActionBarProps };

package/cjs/data/action-bar/root/DataActionBarRoot.js

@@ -0,0 +1,49 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataActionBar = void 0;
+const react_1 = __importDefault(require("react"));
+const button_1 = require("../../../button");
+const box_1 = require("../../../layout/box");
+const stack_1 = require("../../../layout/stack");
+const typography_1 = require("../../../typography");
+/**
+ * TODO
+ *
+ * @see 🏷️ {@link DataActionBarProps}
+ * @example
+ * ```tsx
+ * <DataActionBar numOfSelectedRows={selectedRows.length} onClear={handleClear}>
+ *   TODO
+ * </DataActionBar>
+ * ```
+ */
+const DataActionBar = react_1.default.forwardRef((_a, forwardRef) => {
+    var { children, numOfSelectedRows, onClear } = _a, rest = __rest(_a, ["children", "numOfSelectedRows", "onClear"]);
+    return (react_1.default.createElement(box_1.Box, { asChild: true, borderWidth: "1", borderRadius: "16", borderColor: "neutral", background: "raised", padding: "space-16", "data-color": "neutral" },
+        react_1.default.createElement(stack_1.HStack, Object.assign({ gap: "space-16", align: "center", ref: forwardRef }, rest),
+            react_1.default.createElement(typography_1.BodyShort, { textColor: "subtle" },
+                numOfSelectedRows,
+                " rad",
+                numOfSelectedRows > 1 ? "er" : "",
+                " valgt"),
+            react_1.default.createElement(button_1.Button, { variant: "secondary", size: "small", onClick: onClear }, "Nullstill valg"),
+            react_1.default.createElement(stack_1.Spacer, null),
+            children)));
+});
+exports.DataActionBar = DataActionBar;
+exports.default = DataActionBar;
+//# sourceMappingURL=DataActionBarRoot.js.map

package/cjs/data/action-bar/root/DataActionBarRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataActionBarRoot.js","sourceRoot":"","sources":["../../../../src/data/action-bar/root/DataActionBarRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAAyC;AACzC,6CAA0C;AAC1C,iDAAuD;AACvD,oDAAgD;AAchD;;;;;;;;;;GAUG;AACH,MAAM,aAAa,GAAG,eAAK,CAAC,UAAU,CACpC,CAAC,EAAiD,EAAE,UAAU,EAAE,EAAE;QAAjE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,OAAO,OAAW,EAAN,IAAI,cAA/C,4CAAiD,CAAF;IAC9C,OAAO,CACL,8BAAC,SAAG,IACF,OAAO,QACP,WAAW,EAAC,GAAG,EACf,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,SAAS,EACrB,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAC,UAAU,gBACP,SAAS;QAEpB,8BAAC,cAAM,kBAAC,GAAG,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,UAAU,IAAM,IAAI;YAC7D,8BAAC,sBAAS,IAAC,SAAS,EAAC,QAAQ;gBAC1B,iBAAiB;;gBAAM,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;yBAC/C;YACZ,8BAAC,eAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,qBAEhD;YACT,8BAAC,cAAM,OAAG;YACT,QAAQ,CACF,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,sCAAa;AADtB,kBAAe,aAAa,CAAC"}

package/cjs/data/filter/index.d.ts

@@ -0,0 +1,2 @@
+export { DataFilter, DataFilterItem } from "./root/DataFilterRoot";
+export type { DataFilterProps, DataFilterItemProps, } from "./root/DataFilterRoot";

package/cjs/data/filter/index.js

@@ -0,0 +1,8 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataFilterItem = exports.DataFilter = void 0;
+var DataFilterRoot_1 = require("./root/DataFilterRoot");
+Object.defineProperty(exports, "DataFilter", { enumerable: true, get: function () { return DataFilterRoot_1.DataFilter; } });
+Object.defineProperty(exports, "DataFilterItem", { enumerable: true, get: function () { return DataFilterRoot_1.DataFilterItem; } });
+//# sourceMappingURL=index.js.map

package/cjs/data/filter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data/filter/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,wDAAmE;AAA1D,4GAAA,UAAU,OAAA;AAAE,gHAAA,cAAc,OAAA"}

package/cjs/data/filter/item/DataFilterItem.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+type DataFilterItemProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DataFilterItem: React.ForwardRefExoticComponent<DataFilterItemProps & React.RefAttributes<HTMLDivElement>>;
+export { DataFilterItem };
+export type { DataFilterItemProps };

package/cjs/data/filter/item/DataFilterItem.js

@@ -0,0 +1,24 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataFilterItem = void 0;
+const react_1 = __importDefault(require("react"));
+const DataFilterItem = react_1.default.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return react_1.default.createElement("div", Object.assign({ className: className, ref: ref }, props));
+});
+exports.DataFilterItem = DataFilterItem;
+//# sourceMappingURL=DataFilterItem.js.map

package/cjs/data/filter/item/DataFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataFilterItem.js","sourceRoot":"","sources":["../../../../src/data/filter/item/DataFilterItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,MAAM,cAAc,GAAG,eAAK,CAAC,UAAU,CACrC,CAAC,EAAuB,EAAE,GAAG,EAAE,EAAE;QAAhC,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IACpB,OAAO,qDAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC5D,CAAC,CACF,CAAC;AAEO,wCAAc"}

package/cjs/data/filter/root/DataFilterRoot.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { DataFilterItem, type DataFilterItemProps } from "../item/DataFilterItem";
+interface DataFilterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+interface DataFilterRootComponent extends React.ForwardRefExoticComponent<DataFilterProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link DataFilterItemProps}
+     * @example
+     * ```tsx
+     * <DataFilter>
+     *   <DataFilter.Item />
+     *   <DataFilter.Item />
+     *   <DataFilter.Item />
+     * </DataFilter>
+     * ```
+     */
+    Item: typeof DataFilterItem;
+}
+declare const DataFilter: DataFilterRootComponent;
+export default DataFilter;
+export { DataFilter, DataFilterItem };
+export type { DataFilterProps, DataFilterItemProps };

package/cjs/data/filter/root/DataFilterRoot.js

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataFilterItem = exports.DataFilter = void 0;
+const react_1 = __importDefault(require("react"));
+const DataFilterItem_1 = require("../item/DataFilterItem");
+Object.defineProperty(exports, "DataFilterItem", { enumerable: true, get: function () { return DataFilterItem_1.DataFilterItem; } });
+const DataFilter = react_1.default.forwardRef((_a, forwardRef) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (react_1.default.createElement("div", Object.assign({ ref: forwardRef }, rest), children));
+});
+exports.DataFilter = DataFilter;
+DataFilter.Item = DataFilterItem_1.DataFilterItem;
+exports.default = DataFilter;
+//# sourceMappingURL=DataFilterRoot.js.map

package/cjs/data/filter/root/DataFilterRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataFilterRoot.js","sourceRoot":"","sources":["../../../../src/data/filter/root/DataFilterRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,2DAGgC;AAoCX,+FAtCnB,+BAAc,OAsCmB;AAbnC,MAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CACjC,CAAC,EAAqB,EAAE,UAAU,EAAE,EAAE;QAArC,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IAClB,OAAO,CACL,qDAAK,GAAG,EAAE,UAAU,IAAM,IAAI,GAC3B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACyB,CAAC;AAKpB,gCAAU;AAHnB,UAAU,CAAC,IAAI,GAAG,+BAAc,CAAC;AAEjC,kBAAe,UAAU,CAAC"}

package/cjs/data/stories/dummy-data.d.ts

@@ -0,0 +1,17 @@
+interface PersonInfo {
+    name: string;
+    nationalId: string;
+    dayJob: string;
+    supervisor: string;
+    dateReceived: string;
+    message: string;
+    age: number;
+    forceSensitive: boolean;
+    homeSystem: string;
+    skills: string[];
+}
+export declare const columns: import("@tanstack/react-table").AccessorKeyColumnDef<PersonInfo, string[]>[];
+export declare const homeSystemOptions: string[];
+export declare const skillOptions: string[];
+export declare const sampleData: PersonInfo[];
+export {};