@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.
Files changed (36) hide show
  1. package/cjs/form/index.js +2 -1
  2. package/cjs/index.js +0 -1
  3. package/esm/form/index.d.ts +1 -1
  4. package/esm/form/index.js +1 -1
  5. package/esm/form/index.js.map +1 -1
  6. package/esm/index.d.ts +0 -1
  7. package/esm/index.js +0 -1
  8. package/esm/index.js.map +1 -1
  9. package/esm/popover/Popover.d.ts +1 -1
  10. package/package.json +4 -4
  11. package/src/form/index.ts +2 -0
  12. package/src/index.ts +0 -1
  13. package/src/popover/Popover.tsx +1 -1
  14. package/cjs/internal-header/InternalHeader.js +0 -42
  15. package/cjs/internal-header/InternalHeaderTitle.js +0 -42
  16. package/cjs/internal-header/InternalHeaderUser.js +0 -44
  17. package/cjs/internal-header/index.js +0 -25
  18. package/cjs/internal-header/package.json +0 -6
  19. package/esm/internal-header/InternalHeader.d.ts +0 -9
  20. package/esm/internal-header/InternalHeader.js +0 -19
  21. package/esm/internal-header/InternalHeader.js.map +0 -1
  22. package/esm/internal-header/InternalHeaderTitle.d.ts +0 -14
  23. package/esm/internal-header/InternalHeaderTitle.js +0 -19
  24. package/esm/internal-header/InternalHeaderTitle.js.map +0 -1
  25. package/esm/internal-header/InternalHeaderUser.d.ts +0 -13
  26. package/esm/internal-header/InternalHeaderUser.js +0 -21
  27. package/esm/internal-header/InternalHeaderUser.js.map +0 -1
  28. package/esm/internal-header/index.d.ts +0 -6
  29. package/esm/internal-header/index.js +0 -7
  30. package/esm/internal-header/index.js.map +0 -1
  31. package/src/internal-header/InternalHeader.tsx +0 -23
  32. package/src/internal-header/InternalHeaderTitle.tsx +0 -26
  33. package/src/internal-header/InternalHeaderUser.tsx +0 -31
  34. package/src/internal-header/index.ts +0 -6
  35. package/src/internal-header/stories/internal-header.stories.tsx +0 -56
  36. 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);
@@ -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";
@@ -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,GAEjB,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"}
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
@@ -6,7 +6,6 @@ export * from "./copy-to-clipboard";
6
6
  export * from "./form";
7
7
  export * from "./grid";
8
8
  export * from "./help-text";
9
- export * from "./internal-header";
10
9
  export * from "./guide-panel";
11
10
  export * from "./link";
12
11
  export * from "./link-panel";
package/esm/index.js CHANGED
@@ -6,7 +6,6 @@ export * from "./copy-to-clipboard";
6
6
  export * from "./form";
7
7
  export * from "./grid";
8
8
  export * from "./help-text";
9
- export * from "./internal-header";
10
9
  export * from "./guide-panel";
11
10
  export * from "./link";
12
11
  export * from "./link-panel";
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,mBAAmB,CAAC;AAClC,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"}
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"}
@@ -5,7 +5,7 @@ export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
5
5
  /**
6
6
  * Element popover anchors to
7
7
  */
8
- anchorEl: HTMLElement | null;
8
+ anchorEl: Element | null;
9
9
  /**
10
10
  * Open state
11
11
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "0.9.2",
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 ../../utilities/scripts/createPackageJsonsWithESMPointers.js",
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.3",
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": "40d8d369a4c6c111cee4d89b7975bc343f066b3c"
67
+ "gitHead": "d98bff30f6ecce6013f5b2c1dba2784fc9d442f8"
68
68
  }
package/src/form/index.ts CHANGED
@@ -15,6 +15,8 @@ export {
15
15
  SearchFieldProps,
16
16
  SearchFieldInput,
17
17
  SearchFieldInputProps,
18
+ SearchFieldClearButton,
19
+ SearchFieldClearButtonProps,
18
20
  } from "./search-field";
19
21
  export { default as Select, SelectProps } from "./Select";
20
22
  export {
package/src/index.ts CHANGED
@@ -6,7 +6,6 @@ export * from "./copy-to-clipboard";
6
6
  export * from "./form";
7
7
  export * from "./grid";
8
8
  export * from "./help-text";
9
- export * from "./internal-header";
10
9
  export * from "./guide-panel";
11
10
  export * from "./link";
12
11
  export * from "./link-panel";
@@ -16,7 +16,7 @@ export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
16
16
  /**
17
17
  * Element popover anchors to
18
18
  */
19
- anchorEl: HTMLElement | null;
19
+ anchorEl: Element | null;
20
20
  /**
21
21
  * Open state
22
22
  */
@@ -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,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "main": "./index.js",
4
- "module": "../../esm/internal-header/index.js",
5
- "types": "../../esm/internal-header/index.d.ts"
6
- }
@@ -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>