@navikt/ds-react 0.9.2 → 0.10.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.
- package/cjs/form/index.js +2 -1
- package/cjs/index.js +0 -1
- package/esm/form/index.d.ts +1 -1
- package/esm/form/index.js +1 -1
- package/esm/form/index.js.map +1 -1
- package/esm/index.d.ts +0 -1
- package/esm/index.js +0 -1
- package/esm/index.js.map +1 -1
- package/esm/popover/Popover.d.ts +1 -1
- package/package.json +4 -4
- package/src/form/index.ts +2 -0
- package/src/index.ts +0 -1
- package/src/popover/Popover.tsx +1 -1
- package/cjs/internal-header/InternalHeader.js +0 -42
- package/cjs/internal-header/InternalHeaderTitle.js +0 -42
- package/cjs/internal-header/InternalHeaderUser.js +0 -44
- package/cjs/internal-header/index.js +0 -25
- package/cjs/internal-header/package.json +0 -6
- package/esm/internal-header/InternalHeader.d.ts +0 -9
- package/esm/internal-header/InternalHeader.js +0 -19
- package/esm/internal-header/InternalHeader.js.map +0 -1
- package/esm/internal-header/InternalHeaderTitle.d.ts +0 -14
- package/esm/internal-header/InternalHeaderTitle.js +0 -19
- package/esm/internal-header/InternalHeaderTitle.js.map +0 -1
- package/esm/internal-header/InternalHeaderUser.d.ts +0 -13
- package/esm/internal-header/InternalHeaderUser.js +0 -21
- package/esm/internal-header/InternalHeaderUser.js.map +0 -1
- package/esm/internal-header/index.d.ts +0 -6
- package/esm/internal-header/index.js +0 -7
- package/esm/internal-header/index.js.map +0 -1
- package/src/internal-header/InternalHeader.tsx +0 -23
- package/src/internal-header/InternalHeaderTitle.tsx +0 -26
- package/src/internal-header/InternalHeaderUser.tsx +0 -31
- package/src/internal-header/index.ts +0 -6
- package/src/internal-header/stories/internal-header.stories.tsx +0 -56
- package/src/internal-header/stories/internalheader.stories.mdx +0 -71
package/cjs/form/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ConfirmationPanel = exports.TextField = exports.Textarea = exports.Counter = exports.ErrorSummaryItem = exports.ErrorSummary = exports.Select = exports.SearchFieldInput = exports.SearchField = exports.RadioGroup = exports.Radio = exports.FieldsetContext = exports.Fieldset = exports.CheckboxGroup = exports.Checkbox = void 0;
|
|
6
|
+
exports.ConfirmationPanel = exports.TextField = exports.Textarea = exports.Counter = exports.ErrorSummaryItem = exports.ErrorSummary = exports.Select = exports.SearchFieldClearButton = exports.SearchFieldInput = exports.SearchField = exports.RadioGroup = exports.Radio = exports.FieldsetContext = exports.Fieldset = exports.CheckboxGroup = exports.Checkbox = void 0;
|
|
7
7
|
var checkbox_1 = require("./checkbox");
|
|
8
8
|
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
|
|
9
9
|
Object.defineProperty(exports, "CheckboxGroup", { enumerable: true, get: function () { return checkbox_1.CheckboxGroup; } });
|
|
@@ -16,6 +16,7 @@ Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function (
|
|
|
16
16
|
var search_field_1 = require("./search-field");
|
|
17
17
|
Object.defineProperty(exports, "SearchField", { enumerable: true, get: function () { return search_field_1.SearchField; } });
|
|
18
18
|
Object.defineProperty(exports, "SearchFieldInput", { enumerable: true, get: function () { return search_field_1.SearchFieldInput; } });
|
|
19
|
+
Object.defineProperty(exports, "SearchFieldClearButton", { enumerable: true, get: function () { return search_field_1.SearchFieldClearButton; } });
|
|
19
20
|
var Select_1 = require("./Select");
|
|
20
21
|
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return __importDefault(Select_1).default; } });
|
|
21
22
|
var error_summary_1 = require("./error-summary");
|
package/cjs/index.js
CHANGED
|
@@ -18,7 +18,6 @@ __exportStar(require("./copy-to-clipboard"), exports);
|
|
|
18
18
|
__exportStar(require("./form"), exports);
|
|
19
19
|
__exportStar(require("./grid"), exports);
|
|
20
20
|
__exportStar(require("./help-text"), exports);
|
|
21
|
-
__exportStar(require("./internal-header"), exports);
|
|
22
21
|
__exportStar(require("./guide-panel"), exports);
|
|
23
22
|
__exportStar(require("./link"), exports);
|
|
24
23
|
__exportStar(require("./link-panel"), exports);
|
package/esm/form/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { Checkbox, CheckboxProps, CheckboxGroup, CheckboxGroupProps, } from "./checkbox";
|
|
2
2
|
export { default as Fieldset, FieldsetContext, FieldsetProps, } from "./Fieldset";
|
|
3
3
|
export { Radio, RadioGroup, RadioGroupProps, RadioProps } from "./radio";
|
|
4
|
-
export { SearchField, SearchFieldProps, SearchFieldInput, SearchFieldInputProps, } from "./search-field";
|
|
4
|
+
export { SearchField, SearchFieldProps, SearchFieldInput, SearchFieldInputProps, SearchFieldClearButton, SearchFieldClearButtonProps, } from "./search-field";
|
|
5
5
|
export { default as Select, SelectProps } from "./Select";
|
|
6
6
|
export { ErrorSummary, ErrorSummaryProps, ErrorSummaryItem, ErrorSummaryItemProps, } from "./error-summary";
|
|
7
7
|
export { Counter, default as Textarea, TextareaProps } from "./Textarea";
|
package/esm/form/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { Checkbox, CheckboxGroup, } from "./checkbox";
|
|
2
2
|
export { default as Fieldset, FieldsetContext, } from "./Fieldset";
|
|
3
3
|
export { Radio, RadioGroup } from "./radio";
|
|
4
|
-
export { SearchField, SearchFieldInput, } from "./search-field";
|
|
4
|
+
export { SearchField, SearchFieldInput, SearchFieldClearButton, } from "./search-field";
|
|
5
5
|
export { default as Select } from "./Select";
|
|
6
6
|
export { ErrorSummary, ErrorSummaryItem, } from "./error-summary";
|
|
7
7
|
export { Counter, default as Textarea } from "./Textarea";
|
package/esm/form/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,aAAa,GAEd,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,eAAe,GAEhB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,EAAE,UAAU,EAA+B,MAAM,SAAS,CAAC;AACzE,OAAO,EACL,WAAW,EAEX,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,aAAa,GAEd,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,eAAe,GAEhB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,EAAE,UAAU,EAA+B,MAAM,SAAS,CAAC;AACzE,OAAO,EACL,WAAW,EAEX,gBAAgB,EAEhB,sBAAsB,GAEvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAe,MAAM,UAAU,CAAC;AAC1D,OAAO,EACL,YAAY,EAEZ,gBAAgB,GAEjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAkB,MAAM,aAAa,CAAC;AACnE,OAAO,EACL,OAAO,IAAI,iBAAiB,GAE7B,MAAM,qBAAqB,CAAC"}
|
package/esm/index.d.ts
CHANGED
package/esm/index.js
CHANGED
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AAEvB,6BAA6B;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}
|
package/esm/popover/Popover.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "NAV designsystem react components",
|
|
6
6
|
"author": "NAV Designsystem team",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"/src"
|
|
28
28
|
],
|
|
29
29
|
"scripts": {
|
|
30
|
-
"create-package-json-pointers-to-esm": "node
|
|
30
|
+
"create-package-json-pointers-to-esm": "node ../../../utilities/scripts/createPackageJsonsWithESMPointers.js",
|
|
31
31
|
"clean": "rimraf cjs esm",
|
|
32
32
|
"build": "yarn run clean && tsc && tsc -p tsconfig-esm.json && yarn create-package-json-pointers-to-esm",
|
|
33
33
|
"watch": "tsc --watch -p tsconfig-esm.json",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@material-ui/core": "^4.12.3",
|
|
38
|
-
"@navikt/ds-icons": "^0.5.
|
|
38
|
+
"@navikt/ds-icons": "^0.5.4",
|
|
39
39
|
"@popperjs/core": "^2.10.1",
|
|
40
40
|
"classnames": "^2.2.6",
|
|
41
41
|
"copy-to-clipboard": "^3.3.1",
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
"peerDependencies": {
|
|
65
65
|
"react": "^16.8.0 || ^17.0.0"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "d98bff30f6ecce6013f5b2c1dba2784fc9d442f8"
|
|
68
68
|
}
|
package/src/form/index.ts
CHANGED
package/src/index.ts
CHANGED
package/src/popover/Popover.tsx
CHANGED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
22
|
-
var t = {};
|
|
23
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
24
|
-
t[p] = s[p];
|
|
25
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
26
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
28
|
-
t[p[i]] = s[p[i]];
|
|
29
|
-
}
|
|
30
|
-
return t;
|
|
31
|
-
};
|
|
32
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
33
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
|
-
};
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
const react_1 = __importStar(require("react"));
|
|
37
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
38
|
-
const InternalHeader = (0, react_1.forwardRef)((_a, ref) => {
|
|
39
|
-
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
40
|
-
return (react_1.default.createElement("header", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-interal-header", className) }, rest), children));
|
|
41
|
-
});
|
|
42
|
-
exports.default = InternalHeader;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
22
|
-
var t = {};
|
|
23
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
24
|
-
t[p] = s[p];
|
|
25
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
26
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
28
|
-
t[p[i]] = s[p[i]];
|
|
29
|
-
}
|
|
30
|
-
return t;
|
|
31
|
-
};
|
|
32
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
33
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
|
-
};
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
const react_1 = __importStar(require("react"));
|
|
37
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
38
|
-
const InternalHeaderTitle = (0, react_1.forwardRef)((_a, ref) => {
|
|
39
|
-
var { element = "h1", children, className } = _a, rest = __rest(_a, ["element", "children", "className"]);
|
|
40
|
-
return (0, react_1.createElement)(element, Object.assign(Object.assign({}, rest), { ref, className: (0, classnames_1.default)("navds-interal-header__title", "navds-label", className), children: react_1.default.createElement("span", null, children) }));
|
|
41
|
-
});
|
|
42
|
-
exports.default = InternalHeaderTitle;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
22
|
-
var t = {};
|
|
23
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
24
|
-
t[p] = s[p];
|
|
25
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
26
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
28
|
-
t[p[i]] = s[p[i]];
|
|
29
|
-
}
|
|
30
|
-
return t;
|
|
31
|
-
};
|
|
32
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
33
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
|
-
};
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
const react_1 = __importStar(require("react"));
|
|
37
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
38
|
-
const InternalHeaderUser = (0, react_1.forwardRef)((_a, ref) => {
|
|
39
|
-
var { className, name, ident } = _a, rest = __rest(_a, ["className", "name", "ident"]);
|
|
40
|
-
return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)("navds-interal-header__user", className) }, rest),
|
|
41
|
-
react_1.default.createElement("span", { className: "navds-interal-header__name navds-body-short navds-body--s" }, name),
|
|
42
|
-
react_1.default.createElement("span", { className: "navds-detail navds-detail--s" }, ident)));
|
|
43
|
-
});
|
|
44
|
-
exports.default = InternalHeaderUser;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
-
};
|
|
15
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
-
exports.InternalHeaderUser = exports.InternalHeaderTitle = exports.InternalHeader = void 0;
|
|
17
|
-
var InternalHeader_1 = require("./InternalHeader");
|
|
18
|
-
Object.defineProperty(exports, "InternalHeader", { enumerable: true, get: function () { return __importDefault(InternalHeader_1).default; } });
|
|
19
|
-
__exportStar(require("./InternalHeader"), exports);
|
|
20
|
-
var InternalHeaderTitle_1 = require("./InternalHeaderTitle");
|
|
21
|
-
Object.defineProperty(exports, "InternalHeaderTitle", { enumerable: true, get: function () { return __importDefault(InternalHeaderTitle_1).default; } });
|
|
22
|
-
__exportStar(require("./InternalHeaderTitle"), exports);
|
|
23
|
-
var InternalHeaderUser_1 = require("./InternalHeaderUser");
|
|
24
|
-
Object.defineProperty(exports, "InternalHeaderUser", { enumerable: true, get: function () { return __importDefault(InternalHeaderUser_1).default; } });
|
|
25
|
-
__exportStar(require("./InternalHeaderUser"), exports);
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from "react";
|
|
2
|
-
export interface InternalHeaderProps extends HTMLAttributes<HTMLElement> {
|
|
3
|
-
/**
|
|
4
|
-
* Component content
|
|
5
|
-
*/
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
declare const InternalHeader: React.ForwardRefExoticComponent<InternalHeaderProps & React.RefAttributes<HTMLElement>>;
|
|
9
|
-
export default InternalHeader;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef } from "react";
|
|
13
|
-
import cl from "classnames";
|
|
14
|
-
const InternalHeader = forwardRef((_a, ref) => {
|
|
15
|
-
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
16
|
-
return (React.createElement("header", Object.assign({ ref: ref, className: cl("navds-interal-header", className) }, rest), children));
|
|
17
|
-
});
|
|
18
|
-
export default InternalHeader;
|
|
19
|
-
//# sourceMappingURL=InternalHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;AAS5B,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACzC,8CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAC5C,IAAI,GAEP,QAAQ,CACF,CACV,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from "react";
|
|
2
|
-
export interface InternalHeaderTitleProps extends HTMLAttributes<HTMLElement> {
|
|
3
|
-
/**
|
|
4
|
-
* Component content
|
|
5
|
-
*/
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Tag this component will use. Usefull for defining a button/link
|
|
9
|
-
* @default "h1"
|
|
10
|
-
*/
|
|
11
|
-
element?: keyof React.ReactHTML;
|
|
12
|
-
}
|
|
13
|
-
declare const InternalHeaderTitle: React.ForwardRefExoticComponent<InternalHeaderTitleProps & React.RefAttributes<HTMLElement>>;
|
|
14
|
-
export default InternalHeaderTitle;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef, createElement } from "react";
|
|
13
|
-
import cl from "classnames";
|
|
14
|
-
const InternalHeaderTitle = forwardRef((_a, ref) => {
|
|
15
|
-
var { element = "h1", children, className } = _a, rest = __rest(_a, ["element", "children", "className"]);
|
|
16
|
-
return createElement(element, Object.assign(Object.assign({}, rest), { ref, className: cl("navds-interal-header__title", "navds-label", className), children: React.createElement("span", null, children) }));
|
|
17
|
-
});
|
|
18
|
-
export default InternalHeaderTitle;
|
|
19
|
-
//# sourceMappingURL=InternalHeaderTitle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeaderTitle.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,aAAa,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,MAAM,YAAY,CAAC;AAc5B,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,oCAAgD,CAAF;IAC7C,OAAA,aAAa,CAAC,OAAO,kCAChB,IAAI,KACP,GAAG,EACH,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,aAAa,EAAE,SAAS,CAAC,EACtE,QAAQ,EAAE,kCAAO,QAAQ,CAAQ,IACjC,CAAA;CAAA,CACL,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from "react";
|
|
2
|
-
export interface InternalHeaderUserProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
/**
|
|
4
|
-
* user name
|
|
5
|
-
*/
|
|
6
|
-
name: string;
|
|
7
|
-
/**
|
|
8
|
-
* user ident
|
|
9
|
-
*/
|
|
10
|
-
ident: string;
|
|
11
|
-
}
|
|
12
|
-
declare const InternalHeaderUser: React.ForwardRefExoticComponent<InternalHeaderUserProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
-
export default InternalHeaderUser;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { forwardRef } from "react";
|
|
13
|
-
import cl from "classnames";
|
|
14
|
-
const InternalHeaderUser = forwardRef((_a, ref) => {
|
|
15
|
-
var { className, name, ident } = _a, rest = __rest(_a, ["className", "name", "ident"]);
|
|
16
|
-
return (React.createElement("div", Object.assign({ ref: ref, className: cl("navds-interal-header__user", className) }, rest),
|
|
17
|
-
React.createElement("span", { className: "navds-interal-header__name navds-body-short navds-body--s" }, name),
|
|
18
|
-
React.createElement("span", { className: "navds-detail navds-detail--s" }, ident)));
|
|
19
|
-
});
|
|
20
|
-
export default InternalHeaderUser;
|
|
21
|
-
//# sourceMappingURL=InternalHeaderUser.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeaderUser.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderUser.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;AAc5B,MAAM,kBAAkB,GAAG,UAAU,CACnC,CAAC,EAAmC,EAAE,GAAG,EAAE,EAAE;QAA5C,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,OAAW,EAAN,IAAI,cAAjC,8BAAmC,CAAF;IAAY,OAAA,CAC5C,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAClD,IAAI;QAER,8BAAM,SAAS,EAAC,2DAA2D,IACxE,IAAI,CACA;QACP,8BAAM,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAQ,CACzD,CACP,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { default as InternalHeader } from "./InternalHeader";
|
|
2
|
-
export * from "./InternalHeader";
|
|
3
|
-
export { default as InternalHeaderTitle } from "./InternalHeaderTitle";
|
|
4
|
-
export * from "./InternalHeaderTitle";
|
|
5
|
-
export { default as InternalHeaderUser } from "./InternalHeaderUser";
|
|
6
|
-
export * from "./InternalHeaderUser";
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export { default as InternalHeader } from "./InternalHeader";
|
|
2
|
-
export * from "./InternalHeader";
|
|
3
|
-
export { default as InternalHeaderTitle } from "./InternalHeaderTitle";
|
|
4
|
-
export * from "./InternalHeaderTitle";
|
|
5
|
-
export { default as InternalHeaderUser } from "./InternalHeaderUser";
|
|
6
|
-
export * from "./InternalHeaderUser";
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef, HTMLAttributes } from "react";
|
|
2
|
-
import cl from "classnames";
|
|
3
|
-
|
|
4
|
-
export interface InternalHeaderProps extends HTMLAttributes<HTMLElement> {
|
|
5
|
-
/**
|
|
6
|
-
* Component content
|
|
7
|
-
*/
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
const InternalHeader = forwardRef<HTMLElement, InternalHeaderProps>(
|
|
12
|
-
({ children, className, ...rest }, ref) => (
|
|
13
|
-
<header
|
|
14
|
-
ref={ref}
|
|
15
|
-
className={cl("navds-interal-header", className)}
|
|
16
|
-
{...rest}
|
|
17
|
-
>
|
|
18
|
-
{children}
|
|
19
|
-
</header>
|
|
20
|
-
)
|
|
21
|
-
);
|
|
22
|
-
|
|
23
|
-
export default InternalHeader;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef, HTMLAttributes, createElement } from "react";
|
|
2
|
-
import cl from "classnames";
|
|
3
|
-
|
|
4
|
-
export interface InternalHeaderTitleProps extends HTMLAttributes<HTMLElement> {
|
|
5
|
-
/**
|
|
6
|
-
* Component content
|
|
7
|
-
*/
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
/**
|
|
10
|
-
* Tag this component will use. Usefull for defining a button/link
|
|
11
|
-
* @default "h1"
|
|
12
|
-
*/
|
|
13
|
-
element?: keyof React.ReactHTML;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
const InternalHeaderTitle = forwardRef<HTMLElement, InternalHeaderTitleProps>(
|
|
17
|
-
({ element = "h1", children, className, ...rest }, ref) =>
|
|
18
|
-
createElement(element, {
|
|
19
|
-
...rest,
|
|
20
|
-
ref,
|
|
21
|
-
className: cl("navds-interal-header__title", "navds-label", className),
|
|
22
|
-
children: <span>{children}</span>,
|
|
23
|
-
})
|
|
24
|
-
);
|
|
25
|
-
|
|
26
|
-
export default InternalHeaderTitle;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef, HTMLAttributes } from "react";
|
|
2
|
-
import cl from "classnames";
|
|
3
|
-
|
|
4
|
-
export interface InternalHeaderUserProps
|
|
5
|
-
extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
-
/**
|
|
7
|
-
* user name
|
|
8
|
-
*/
|
|
9
|
-
name: string;
|
|
10
|
-
/**
|
|
11
|
-
* user ident
|
|
12
|
-
*/
|
|
13
|
-
ident: string;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
const InternalHeaderUser = forwardRef<HTMLDivElement, InternalHeaderUserProps>(
|
|
17
|
-
({ className, name, ident, ...rest }, ref) => (
|
|
18
|
-
<div
|
|
19
|
-
ref={ref}
|
|
20
|
-
className={cl("navds-interal-header__user", className)}
|
|
21
|
-
{...rest}
|
|
22
|
-
>
|
|
23
|
-
<span className="navds-interal-header__name navds-body-short navds-body--s">
|
|
24
|
-
{name}
|
|
25
|
-
</span>
|
|
26
|
-
<span className="navds-detail navds-detail--s">{ident}</span>
|
|
27
|
-
</div>
|
|
28
|
-
)
|
|
29
|
-
);
|
|
30
|
-
|
|
31
|
-
export default InternalHeaderUser;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { default as InternalHeader } from "./InternalHeader";
|
|
2
|
-
export * from "./InternalHeader";
|
|
3
|
-
export { default as InternalHeaderTitle } from "./InternalHeaderTitle";
|
|
4
|
-
export * from "./InternalHeaderTitle";
|
|
5
|
-
export { default as InternalHeaderUser } from "./InternalHeaderUser";
|
|
6
|
-
export * from "./InternalHeaderUser";
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { HashRouter as Router, Link } from "react-router-dom";
|
|
3
|
-
import {
|
|
4
|
-
InternalHeader,
|
|
5
|
-
InternalHeaderTitle,
|
|
6
|
-
InternalHeaderUser,
|
|
7
|
-
} from "../index";
|
|
8
|
-
|
|
9
|
-
export default {
|
|
10
|
-
title: "ds-react/internal-header",
|
|
11
|
-
component: InternalHeader,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export const All = () => (
|
|
15
|
-
<div>
|
|
16
|
-
<InternalHeader>
|
|
17
|
-
<InternalHeaderTitle>NAV Sykepenger</InternalHeaderTitle>
|
|
18
|
-
<InternalHeaderUser name="Kong Harald" ident="D123456" />
|
|
19
|
-
</InternalHeader>
|
|
20
|
-
|
|
21
|
-
<h1>Uten innhold</h1>
|
|
22
|
-
<InternalHeader />
|
|
23
|
-
|
|
24
|
-
<h1>Title</h1>
|
|
25
|
-
<InternalHeader>
|
|
26
|
-
<InternalHeaderTitle>Tittel</InternalHeaderTitle>
|
|
27
|
-
</InternalHeader>
|
|
28
|
-
|
|
29
|
-
<h1>Title but not heading</h1>
|
|
30
|
-
<InternalHeader>
|
|
31
|
-
<InternalHeaderTitle element="span">Tittel</InternalHeaderTitle>
|
|
32
|
-
</InternalHeader>
|
|
33
|
-
|
|
34
|
-
<h1>Title with link</h1>
|
|
35
|
-
<InternalHeader>
|
|
36
|
-
<InternalHeaderTitle>
|
|
37
|
-
<a href="/#">Tittel med lenke</a>
|
|
38
|
-
</InternalHeaderTitle>
|
|
39
|
-
</InternalHeader>
|
|
40
|
-
|
|
41
|
-
<h1>Title with react-router link</h1>
|
|
42
|
-
<Router>
|
|
43
|
-
<InternalHeader>
|
|
44
|
-
<InternalHeaderTitle>
|
|
45
|
-
<Link to="/">Tittel med lenke</Link>
|
|
46
|
-
</InternalHeaderTitle>
|
|
47
|
-
</InternalHeader>
|
|
48
|
-
</Router>
|
|
49
|
-
|
|
50
|
-
<h1>Title + User</h1>
|
|
51
|
-
<InternalHeader>
|
|
52
|
-
<InternalHeaderTitle>NAV Sykepenger</InternalHeaderTitle>
|
|
53
|
-
<InternalHeaderUser name="Kong Harald" ident="D123456" />
|
|
54
|
-
</InternalHeader>
|
|
55
|
-
</div>
|
|
56
|
-
);
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { Meta, Canvas } from "@storybook/addon-docs";
|
|
2
|
-
import {
|
|
3
|
-
InternalHeader,
|
|
4
|
-
InternalHeaderTitle,
|
|
5
|
-
InternalHeaderUser,
|
|
6
|
-
} from "../../index.ts";
|
|
7
|
-
|
|
8
|
-
<Meta title="ds-react/internal-header/intro" />
|
|
9
|
-
|
|
10
|
-
# Hvordan ta i bruk InternalHeader
|
|
11
|
-
|
|
12
|
-
Denne header-komponenten vil forgå en del endringer og er for det meste nå
|
|
13
|
-
bare en enkel wrapper med lit enkel styling. Bruk på egen risiko
|
|
14
|
-
|
|
15
|
-
```jsx
|
|
16
|
-
<InternalHeader>
|
|
17
|
-
<InternalHeaderTitle>NAV Internside</InternalHeaderTitle>
|
|
18
|
-
<InternalHeaderUser name="Ola Normann" ident="D123456" />
|
|
19
|
-
</InternalHeader>
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
<Canvas>
|
|
23
|
-
<InternalHeader>
|
|
24
|
-
<InternalHeaderTitle>NAV Internside</InternalHeaderTitle>
|
|
25
|
-
<InternalHeaderUser name="Ola Normann" ident="D123456" />
|
|
26
|
-
</InternalHeader>
|
|
27
|
-
</Canvas>
|
|
28
|
-
|
|
29
|
-
## Uten innhold (wrapper)
|
|
30
|
-
|
|
31
|
-
```jsx
|
|
32
|
-
<InternalHeader></InternalHeader>
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
<Canvas>
|
|
36
|
-
<InternalHeader />
|
|
37
|
-
</Canvas>
|
|
38
|
-
|
|
39
|
-
## Tittel, men ikke heading (h-element)
|
|
40
|
-
|
|
41
|
-
```jsx
|
|
42
|
-
<InternalHeader>
|
|
43
|
-
<InternalHeaderTitle element="span">NAV Internside</InternalHeaderTitle>
|
|
44
|
-
</InternalHeader>
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
<Canvas>
|
|
48
|
-
<InternalHeader>
|
|
49
|
-
<InternalHeaderTitle element="span">NAV Internside</InternalHeaderTitle>
|
|
50
|
-
</InternalHeader>
|
|
51
|
-
</Canvas>
|
|
52
|
-
|
|
53
|
-
## Heading med link
|
|
54
|
-
|
|
55
|
-
Focus-stylingen her er bare placeholder for nå
|
|
56
|
-
|
|
57
|
-
```jsx
|
|
58
|
-
<InternalHeader>
|
|
59
|
-
<InternalHeaderTitle>
|
|
60
|
-
<a href="/#">NAV Internside med lenke</a>
|
|
61
|
-
</InternalHeaderTitle>
|
|
62
|
-
</InternalHeader>
|
|
63
|
-
```
|
|
64
|
-
|
|
65
|
-
<Canvas>
|
|
66
|
-
<InternalHeader>
|
|
67
|
-
<InternalHeaderTitle>
|
|
68
|
-
<a href="/#">NAV Internside med lenke</a>
|
|
69
|
-
</InternalHeaderTitle>
|
|
70
|
-
</InternalHeader>
|
|
71
|
-
</Canvas>
|