@fellesdatakatalog/ui 1.0.9 → 1.0.11

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.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("classnames"),r=require("react"),l=require("@digdir/designsystemet-react");let o=0;const n=r.useId;function a(e){var t;if(void 0!==n){return n().replace(/(:)/g,"")}return null!==(t=function(e){const[t,l]=r.useState(e),n=e||t;return r.useEffect(()=>{null==t&&(o+=1,l(`aksel-icon-${o}`))},[t]),n}(e))&&void 0!==t?t:""}const i=r.forwardRef((e,t)=>{var{title:l,titleId:o}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r}(e,["title","titleId"]);let i=a();return i=l?o||"title-"+i:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":i},n),l?r.createElement("title",{id:i},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75",clipRule:"evenodd"}))});const c=r.forwardRef((e,t)=>{var{title:l,titleId:o}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r}(e,["title","titleId"]);let i=a();return i=l?o||"title-"+i:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":i},n),l?r.createElement("title",{id:i},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z",clipRule:"evenodd"}))});const s=r.forwardRef((e,t)=>{var{title:l,titleId:o}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r}(e,["title","titleId"]);let i=a();return i=l?o||"title-"+i:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":i},n),l?r.createElement("title",{id:i},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5",clipRule:"evenodd"}))}),d="_orgLogo_8xxnq_1",p=({className:r,orgLogoSrc:l,...o})=>e.jsx("div",{className:t(d,r),...o,children:l?e.jsx("img",{"aria-hidden":!0,src:l,alt:""}):e.jsx(i,{"aria-hidden":!0})}),v="_appBar_w0gn2_1",u="_wrapper_1dyfs_1",f=({children:r,className:l,...o})=>e.jsx("div",{className:t(u,l),...o,children:r}),m="_wrapper_m33an_1",h="_helptext_1o0ls_1",g=r.forwardRef(function({placement:t="right",children:r,...o},n){return e.jsxs(l.Popover.TriggerContext,{children:[e.jsx(l.Popover.Trigger,{className:h,ref:n,variant:"tertiary","data-color":"info",...o}),e.jsx(l.Popover,{placement:t,"data-color":"info",children:r})]})});exports.AppBar=()=>e.jsx("div",{className:v,children:e.jsx(p,{})}),exports.CopyButton=({copyLabel:t,copiedLabel:o,copyOnClick:n,buttonProps:a,...i})=>{const[d,p]=r.useState(!1);return e.jsx(l.Tooltip,{content:d?e.jsxs(f,{children:[e.jsx(c,{color:"#D1F4E1",fontSize:"1.2em"}),o]}):t,placement:"top",children:e.jsxs(l.Button,{"data-size":"sm",variant:"secondary",onClick:()=>{return e=n,p(!0),void navigator.clipboard.writeText(e);var e},onMouseOver:()=>p(!1),...a,children:[e.jsx(s,{"aria-hidden":!0}),e.jsx("span",{className:"sr-only",children:t})]})})},exports.HStack=f,exports.HelpText=g,exports.OrgLogo=p,exports.VStack=({children:t,...r})=>e.jsx("div",{className:m,...r,children:t});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("classnames"),r=require("react"),l=require("@digdir/designsystemet-react");let o=0;const n=r.useId;function a(e){var t;if(void 0!==n){return n().replace(/(:)/g,"")}return null!==(t=function(e){const[t,l]=r.useState(e),n=e||t;return r.useEffect(()=>{null==t&&(o+=1,l(`aksel-icon-${o}`))},[t]),n}(e))&&void 0!==t?t:""}const i=r.forwardRef((e,t)=>{var{title:l,titleId:o}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r}(e,["title","titleId"]);let i=a();return i=l?o||"title-"+i:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":i},n),l?r.createElement("title",{id:i},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75",clipRule:"evenodd"}))});const c=r.forwardRef((e,t)=>{var{title:l,titleId:o}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r}(e,["title","titleId"]);let i=a();return i=l?o||"title-"+i:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":i},n),l?r.createElement("title",{id:i},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z",clipRule:"evenodd"}))});const s=r.forwardRef((e,t)=>{var{title:l,titleId:o}=e,n=function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r}(e,["title","titleId"]);let i=a();return i=l?o||"title-"+i:void 0,r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",focusable:!1,role:"img",ref:t,"aria-labelledby":i},n),l?r.createElement("title",{id:i},l):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5",clipRule:"evenodd"}))}),d="_orgLogo_8xxnq_1",p=({className:r,orgLogoSrc:l,...o})=>e.jsx("div",{className:t(d,r),...o,children:l?e.jsx("img",{"aria-hidden":!0,src:l,alt:""}):e.jsx(i,{"aria-hidden":!0})}),v="_appBar_w0gn2_1",f="_wrapper_1dyfs_1",m=({children:r,className:l,...o})=>e.jsx("div",{className:t(f,l),...o,children:r}),u="_wrapper_m33an_1",h="_helptext_1o0ls_1",g=r.forwardRef(function({placement:t="right",children:r,...o},n){return e.jsxs(l.Popover.TriggerContext,{children:[e.jsx(l.Popover.Trigger,{className:h,ref:n,variant:"tertiary","data-color":"info",...o}),e.jsx(l.Popover,{placement:t,"data-color":"info",children:r})]})});exports.AppBar=()=>e.jsx("div",{className:v,children:e.jsx(p,{})}),exports.CopyButton=({copyLabel:t,copiedLabel:o,copyOnClick:n,...a})=>{const[i,d]=r.useState(!1);return e.jsx(l.Tooltip,{content:i?e.jsxs(m,{children:[e.jsx(c,{color:"#D1F4E1",fontSize:"1.2em"}),o]}):t,placement:"top",children:e.jsxs(l.Button,{"data-size":"sm",variant:"secondary",onClick:()=>{return e=n,d(!0),void navigator.clipboard.writeText(e);var e},onMouseOver:()=>d(!1),...a,children:[e.jsx(s,{"aria-hidden":!0}),e.jsx("span",{className:"sr-only",children:t})]})})},exports.HStack=m,exports.HelpText=g,exports.OrgLogo=p,exports.VStack=({children:t,...r})=>e.jsx("div",{className:u,...r,children:t});
2
2
  //# sourceMappingURL=shared-ui.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"shared-ui.cjs","sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/index.tsx","../src/components/hstack/index.tsx","../src/components/helptext/index.tsx","../src/components/app-bar/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n const [defaultId, setDefaultId] = useState(idOverride);\n const id = idOverride || defaultId;\n useEffect(() => {\n if (defaultId == null) {\n // Fallback to this default id when possible.\n // Use the incrementing value for client-side rendering only.\n // We can't use it server-side.\n // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n globalId += 1;\n setDefaultId(`aksel-icon-${globalId}`);\n }\n }, [defaultId]);\n return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n var _a;\n if (maybeReactUseId !== undefined) {\n const reactId = maybeReactUseId();\n return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n }\n // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n orgLogoSrc?: string | null;\n className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n return (\n <div className={cn(styles.orgLogo, className)} {...props}>\n {orgLogoSrc ? (\n <img\n aria-hidden\n src={orgLogoSrc}\n alt=''\n />\n ) : (\n <Buildings3Icon aria-hidden />\n )}\n </div>\n );\n};\n\nexport { OrgLogo };\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default HStack;\n","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n /**\n * Required descriptive label for screen readers.\n **/\n \"aria-label\": string;\n /**\n * Placement of the Popover.\n * @default 'right'\n */\n placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n \n export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n function HelpText(\n { placement = \"right\", children, ...rest },\n ref\n ) {\n return (\n <Popover.TriggerContext>\n <Popover.Trigger\n className={styles.helptext}\n ref={ref}\n variant=\"tertiary\"\n data-color=\"info\"\n {...rest}\n />\n <Popover placement={placement} data-color=\"info\">\n {children}\n </Popover>\n </Popover.TriggerContext>\n );\n }\n );","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n return (\n <div className={styles.appBar}>\n <OrgLogo />\n </div>\n );\n};\n\nexport { AppBar };","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n copyLabel: string;\n copiedLabel: string;\n copyOnClick: string;\n buttonProps?: ButtonProps;\n};\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, buttonProps, ...props }: CopyButtonProps) => {\n const [clicked, setClicked] = useState(false);\n\n const copyToClipboard = (text: string) => {\n setClicked(true);\n navigator.clipboard.writeText(text);\n };\n\n return (\n <Tooltip\n // @ts-expect-error: ignore complaint that Element cannot be set as content\n content={\n clicked ? (\n <HStack>\n <CheckmarkCircleFillIcon\n color='#D1F4E1'\n fontSize='1.2em'\n />\n {copiedLabel}\n </HStack>\n ) : (\n copyLabel\n )\n }\n placement='top'\n >\n <Button\n data-size='sm'\n variant='secondary'\n onClick={() => copyToClipboard(copyOnClick)}\n onMouseOver={() => setClicked(false)}\n {...buttonProps}\n >\n <FilesIcon aria-hidden />\n <span className={'sr-only'}>{copyLabel}</span>\n </Button>\n </Tooltip>\n );\n};\n\nexport default CopyButton;\n","import React from 'react';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={styles.wrapper}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default VStack;\n"],"names":["globalId","maybeReactUseId","React","useId","idOverride","_a","replace","defaultId","setDefaultId","useState","id","useEffect","useGlobalId","SvgBuildings3","forwardRef","ref","title","titleId","_titleId","props","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","__rest","createElement","assign","xmlns","width","height","fill","viewBox","focusable","role","fillRule","d","clipRule","SvgCheckmarkCircleFill","SvgFiles","OrgLogo","className","orgLogoSrc","jsx","cn","styles","children","src","alt","Buildings3Icon","HStack","HelpText","placement","rest","Popover","TriggerContext","Trigger","variant","copyLabel","copiedLabel","copyOnClick","buttonProps","clicked","setClicked","Tooltip","content","jsxs","CheckmarkCircleFillIcon","color","fontSize","Button","onClick","copyToClipboard","text","navigator","clipboard","writeText","onMouseOver","FilesIcon"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
1
+ {"version":3,"file":"shared-ui.cjs","sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/index.tsx","../src/components/hstack/index.tsx","../src/components/helptext/index.tsx","../src/components/app-bar/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n const [defaultId, setDefaultId] = useState(idOverride);\n const id = idOverride || defaultId;\n useEffect(() => {\n if (defaultId == null) {\n // Fallback to this default id when possible.\n // Use the incrementing value for client-side rendering only.\n // We can't use it server-side.\n // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n globalId += 1;\n setDefaultId(`aksel-icon-${globalId}`);\n }\n }, [defaultId]);\n return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n var _a;\n if (maybeReactUseId !== undefined) {\n const reactId = maybeReactUseId();\n return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n }\n // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n orgLogoSrc?: string | null;\n className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n return (\n <div className={cn(styles.orgLogo, className)} {...props}>\n {orgLogoSrc ? (\n <img\n aria-hidden\n src={orgLogoSrc}\n alt=''\n />\n ) : (\n <Buildings3Icon aria-hidden />\n )}\n </div>\n );\n};\n\nexport { OrgLogo };\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default HStack;\n","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n /**\n * Required descriptive label for screen readers.\n **/\n \"aria-label\": string;\n /**\n * Placement of the Popover.\n * @default 'right'\n */\n placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n \n export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n function HelpText(\n { placement = \"right\", children, ...rest },\n ref\n ) {\n return (\n <Popover.TriggerContext>\n <Popover.Trigger\n className={styles.helptext}\n ref={ref}\n variant=\"tertiary\"\n data-color=\"info\"\n {...rest}\n />\n <Popover placement={placement} data-color=\"info\">\n {children}\n </Popover>\n </Popover.TriggerContext>\n );\n }\n );","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n return (\n <div className={styles.appBar}>\n <OrgLogo />\n </div>\n );\n};\n\nexport { AppBar };","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n copyLabel: string;\n copiedLabel: string;\n copyOnClick: string;\n};\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps & ButtonProps) => {\n const [clicked, setClicked] = useState(false);\n\n const copyToClipboard = (text: string) => {\n setClicked(true);\n navigator.clipboard.writeText(text);\n };\n\n return (\n <Tooltip\n // @ts-expect-error: ignore complaint that Element cannot be set as content\n content={\n clicked ? (\n <HStack>\n <CheckmarkCircleFillIcon\n color='#D1F4E1'\n fontSize='1.2em'\n />\n {copiedLabel}\n </HStack>\n ) : (\n copyLabel\n )\n }\n placement='top'\n >\n <Button\n data-size='sm'\n variant='secondary'\n onClick={() => copyToClipboard(copyOnClick)}\n onMouseOver={() => setClicked(false)}\n {...props}\n >\n <FilesIcon aria-hidden />\n <span className={'sr-only'}>{copyLabel}</span>\n </Button>\n </Tooltip>\n );\n};\n\nexport default CopyButton;\n","import React from 'react';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={styles.wrapper}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default VStack;\n"],"names":["globalId","maybeReactUseId","React","useId","idOverride","_a","replace","defaultId","setDefaultId","useState","id","useEffect","useGlobalId","SvgBuildings3","forwardRef","ref","title","titleId","_titleId","props","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","__rest","createElement","assign","xmlns","width","height","fill","viewBox","focusable","role","fillRule","d","clipRule","SvgCheckmarkCircleFill","SvgFiles","OrgLogo","className","orgLogoSrc","jsx","cn","styles","children","src","alt","Buildings3Icon","HStack","HelpText","placement","rest","Popover","TriggerContext","Trigger","variant","copyLabel","copiedLabel","copyOnClick","clicked","setClicked","Tooltip","content","jsxs","CheckmarkCircleFillIcon","color","fontSize","Button","onClick","copyToClipboard","text","navigator","clipboard","writeText","onMouseOver","FilesIcon"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
@@ -127,7 +127,7 @@ const HStack = ({ children, className, ...props }) => {
127
127
  }
128
128
  );
129
129
  };
130
- const CopyButton = ({ copyLabel, copiedLabel, copyOnClick, buttonProps, ...props }) => {
130
+ const CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }) => {
131
131
  const [clicked, setClicked] = useState(false);
132
132
  const copyToClipboard = (text) => {
133
133
  setClicked(true);
@@ -154,7 +154,7 @@ const CopyButton = ({ copyLabel, copiedLabel, copyOnClick, buttonProps, ...props
154
154
  variant: "secondary",
155
155
  onClick: () => copyToClipboard(copyOnClick),
156
156
  onMouseOver: () => setClicked(false),
157
- ...buttonProps,
157
+ ...props,
158
158
  children: [
159
159
  /* @__PURE__ */ jsx(SvgFiles, { "aria-hidden": true }),
160
160
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: copyLabel })
@@ -1 +1 @@
1
- {"version":3,"file":"shared-ui.es.js","sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/index.tsx","../src/components/app-bar/index.tsx","../src/components/hstack/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/index.tsx","../src/components/helptext/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n const [defaultId, setDefaultId] = useState(idOverride);\n const id = idOverride || defaultId;\n useEffect(() => {\n if (defaultId == null) {\n // Fallback to this default id when possible.\n // Use the incrementing value for client-side rendering only.\n // We can't use it server-side.\n // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n globalId += 1;\n setDefaultId(`aksel-icon-${globalId}`);\n }\n }, [defaultId]);\n return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n var _a;\n if (maybeReactUseId !== undefined) {\n const reactId = maybeReactUseId();\n return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n }\n // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n orgLogoSrc?: string | null;\n className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n return (\n <div className={cn(styles.orgLogo, className)} {...props}>\n {orgLogoSrc ? (\n <img\n aria-hidden\n src={orgLogoSrc}\n alt=''\n />\n ) : (\n <Buildings3Icon aria-hidden />\n )}\n </div>\n );\n};\n\nexport { OrgLogo };\n","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n return (\n <div className={styles.appBar}>\n <OrgLogo />\n </div>\n );\n};\n\nexport { AppBar };","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default HStack;\n","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n copyLabel: string;\n copiedLabel: string;\n copyOnClick: string;\n buttonProps?: ButtonProps;\n};\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, buttonProps, ...props }: CopyButtonProps) => {\n const [clicked, setClicked] = useState(false);\n\n const copyToClipboard = (text: string) => {\n setClicked(true);\n navigator.clipboard.writeText(text);\n };\n\n return (\n <Tooltip\n // @ts-expect-error: ignore complaint that Element cannot be set as content\n content={\n clicked ? (\n <HStack>\n <CheckmarkCircleFillIcon\n color='#D1F4E1'\n fontSize='1.2em'\n />\n {copiedLabel}\n </HStack>\n ) : (\n copyLabel\n )\n }\n placement='top'\n >\n <Button\n data-size='sm'\n variant='secondary'\n onClick={() => copyToClipboard(copyOnClick)}\n onMouseOver={() => setClicked(false)}\n {...buttonProps}\n >\n <FilesIcon aria-hidden />\n <span className={'sr-only'}>{copyLabel}</span>\n </Button>\n </Tooltip>\n );\n};\n\nexport default CopyButton;\n","import React from 'react';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={styles.wrapper}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default VStack;\n","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n /**\n * Required descriptive label for screen readers.\n **/\n \"aria-label\": string;\n /**\n * Placement of the Popover.\n * @default 'right'\n */\n placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n \n export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n function HelpText(\n { placement = \"right\", children, ...rest },\n ref\n ) {\n return (\n <Popover.TriggerContext>\n <Popover.Trigger\n className={styles.helptext}\n ref={ref}\n variant=\"tertiary\"\n data-color=\"info\"\n {...rest}\n />\n <Popover placement={placement} data-color=\"info\">\n {children}\n </Popover>\n </Popover.TriggerContext>\n );\n }\n );"],"names":["__rest","styles","Buildings3Icon","CheckmarkCircleFillIcon","FilesIcon","HelpText"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
1
+ {"version":3,"file":"shared-ui.es.js","sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/index.tsx","../src/components/app-bar/index.tsx","../src/components/hstack/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/index.tsx","../src/components/helptext/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n const [defaultId, setDefaultId] = useState(idOverride);\n const id = idOverride || defaultId;\n useEffect(() => {\n if (defaultId == null) {\n // Fallback to this default id when possible.\n // Use the incrementing value for client-side rendering only.\n // We can't use it server-side.\n // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n globalId += 1;\n setDefaultId(`aksel-icon-${globalId}`);\n }\n }, [defaultId]);\n return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n var _a;\n if (maybeReactUseId !== undefined) {\n const reactId = maybeReactUseId();\n return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n }\n // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n orgLogoSrc?: string | null;\n className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n return (\n <div className={cn(styles.orgLogo, className)} {...props}>\n {orgLogoSrc ? (\n <img\n aria-hidden\n src={orgLogoSrc}\n alt=''\n />\n ) : (\n <Buildings3Icon aria-hidden />\n )}\n </div>\n );\n};\n\nexport { OrgLogo };\n","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n return (\n <div className={styles.appBar}>\n <OrgLogo />\n </div>\n );\n};\n\nexport { AppBar };","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default HStack;\n","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n copyLabel: string;\n copiedLabel: string;\n copyOnClick: string;\n};\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps & ButtonProps) => {\n const [clicked, setClicked] = useState(false);\n\n const copyToClipboard = (text: string) => {\n setClicked(true);\n navigator.clipboard.writeText(text);\n };\n\n return (\n <Tooltip\n // @ts-expect-error: ignore complaint that Element cannot be set as content\n content={\n clicked ? (\n <HStack>\n <CheckmarkCircleFillIcon\n color='#D1F4E1'\n fontSize='1.2em'\n />\n {copiedLabel}\n </HStack>\n ) : (\n copyLabel\n )\n }\n placement='top'\n >\n <Button\n data-size='sm'\n variant='secondary'\n onClick={() => copyToClipboard(copyOnClick)}\n onMouseOver={() => setClicked(false)}\n {...props}\n >\n <FilesIcon aria-hidden />\n <span className={'sr-only'}>{copyLabel}</span>\n </Button>\n </Tooltip>\n );\n};\n\nexport default CopyButton;\n","import React from 'react';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={styles.wrapper}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default VStack;\n","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n /**\n * Required descriptive label for screen readers.\n **/\n \"aria-label\": string;\n /**\n * Placement of the Popover.\n * @default 'right'\n */\n placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n \n export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n function HelpText(\n { placement = \"right\", children, ...rest },\n ref\n ) {\n return (\n <Popover.TriggerContext>\n <Popover.Trigger\n className={styles.helptext}\n ref={ref}\n variant=\"tertiary\"\n data-color=\"info\"\n {...rest}\n />\n <Popover placement={placement} data-color=\"info\">\n {children}\n </Popover>\n </Popover.TriggerContext>\n );\n }\n );"],"names":["__rest","styles","Buildings3Icon","CheckmarkCircleFillIcon","FilesIcon","HelpText"],"mappings":";;;;AAEA,IAAI,WAAW;AACf,SAAS,YAAY,YAAY;AAC7B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,UAAU;AACrD,QAAM,KAAK,cAAc;AACzB,YAAU,MAAM;AACZ,QAAI,aAAa,MAAM;AAKnB,kBAAY;AACZ,mBAAa,cAAc,QAAQ,EAAE;AAAA,IACzC;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AACd,SAAO;AACX;AACA,MAAM,kBAAkB;AAAA,EAAM;AAAA;AAC9B;AAOO,SAAS,MAAM,YAAY;AAC9B,MAAI;AACJ,MAAI,oBAAoB,QAAW;AAC/B,UAAM,UAAU,gBAAe;AAC/B,WAAmE,QAAQ,QAAQ,QAAQ,EAAE;AAAA,EACjG;AAEA,UAAQ,KAAK,YAAY,UAAU,OAAO,QAAQ,OAAO,SAAS,KAAK;AAC3E;ACjCA,IAAIA,WAAkC,SAAU,GAAG,GAAG;AAClD,MAAI,IAAI,CAAA;AACR,WAAS,KAAK,EAAG,KAAI,OAAO,UAAU,eAAe,KAAK,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI;AAC9E,MAAE,CAAC,IAAI,EAAE,CAAC;AACd,MAAI,KAAK,QAAQ,OAAO,OAAO,0BAA0B;AACrD,aAAS,IAAI,GAAG,IAAI,OAAO,sBAAsB,CAAC,GAAG,IAAI,EAAE,QAAQ,KAAK;AACpE,UAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,UAAU,qBAAqB,KAAK,GAAG,EAAE,CAAC,CAAC;AACzE,UAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAAA,IACxB;AACJ,SAAO;AACX;AAGA,MAAM,gBAAgB,WAAW,CAAC,IAAI,QAAQ;AAC1C,MAAI,EAAE,OAAO,SAAS,SAAQ,IAAK,IAAI,QAAQA,SAAO,IAAI,CAAC,SAAS,SAAS,CAAC;AAC9E,MAAI,UAAU,MAAK;AACnB,YAAU,QAAQ,WAAW,WAAW,WAAW,UAAU;AAC7D,SAAO,MAAM;AAAA,IAAc;AAAA,IAAO,OAAO,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,MAAM,QAAQ,SAAS,aAAa,WAAW,OAAO,MAAM,OAAO,KAAU,mBAAmB,QAAO,GAAI,KAAK;AAAA,IAChO,QAAQ,MAAM,cAAc,SAAS,EAAE,IAAI,QAAO,GAAI,KAAK,IAAI;AAAA,IAC/D,MAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,UAAU,WAAW,GAAG,gfAAgf,UAAU,UAAS,CAAE;AAAA,EAAC;AAC1lB,CAAC;ACpBD,IAAIA,WAAkC,SAAU,GAAG,GAAG;AAClD,MAAI,IAAI,CAAA;AACR,WAAS,KAAK,EAAG,KAAI,OAAO,UAAU,eAAe,KAAK,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI;AAC9E,MAAE,CAAC,IAAI,EAAE,CAAC;AACd,MAAI,KAAK,QAAQ,OAAO,OAAO,0BAA0B;AACrD,aAAS,IAAI,GAAG,IAAI,OAAO,sBAAsB,CAAC,GAAG,IAAI,EAAE,QAAQ,KAAK;AACpE,UAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,UAAU,qBAAqB,KAAK,GAAG,EAAE,CAAC,CAAC;AACzE,UAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAAA,IACxB;AACJ,SAAO;AACX;AAGA,MAAM,yBAAyB,WAAW,CAAC,IAAI,QAAQ;AACnD,MAAI,EAAE,OAAO,SAAS,SAAQ,IAAK,IAAI,QAAQA,SAAO,IAAI,CAAC,SAAS,SAAS,CAAC;AAC9E,MAAI,UAAU,MAAK;AACnB,YAAU,QAAQ,WAAW,WAAW,WAAW,UAAU;AAC7D,SAAO,MAAM;AAAA,IAAc;AAAA,IAAO,OAAO,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,MAAM,QAAQ,SAAS,aAAa,WAAW,OAAO,MAAM,OAAO,KAAU,mBAAmB,QAAO,GAAI,KAAK;AAAA,IAChO,QAAQ,MAAM,cAAc,SAAS,EAAE,IAAI,QAAO,GAAI,KAAK,IAAI;AAAA,IAC/D,MAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,UAAU,WAAW,GAAG,+NAA+N,UAAU,UAAS,CAAE;AAAA,EAAC;AACzU,CAAC;ACpBD,IAAI,SAAkC,SAAU,GAAG,GAAG;AAClD,MAAI,IAAI,CAAA;AACR,WAAS,KAAK,EAAG,KAAI,OAAO,UAAU,eAAe,KAAK,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI;AAC9E,MAAE,CAAC,IAAI,EAAE,CAAC;AACd,MAAI,KAAK,QAAQ,OAAO,OAAO,0BAA0B;AACrD,aAAS,IAAI,GAAG,IAAI,OAAO,sBAAsB,CAAC,GAAG,IAAI,EAAE,QAAQ,KAAK;AACpE,UAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,UAAU,qBAAqB,KAAK,GAAG,EAAE,CAAC,CAAC;AACzE,UAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAAA,IACxB;AACJ,SAAO;AACX;AAGA,MAAM,WAAW,WAAW,CAAC,IAAI,QAAQ;AACrC,MAAI,EAAE,OAAO,SAAS,SAAQ,IAAK,IAAI,QAAQ,OAAO,IAAI,CAAC,SAAS,SAAS,CAAC;AAC9E,MAAI,UAAU,MAAK;AACnB,YAAU,QAAQ,WAAW,WAAW,WAAW,UAAU;AAC7D,SAAO,MAAM;AAAA,IAAc;AAAA,IAAO,OAAO,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,MAAM,QAAQ,SAAS,aAAa,WAAW,OAAO,MAAM,OAAO,KAAU,mBAAmB,QAAO,GAAI,KAAK;AAAA,IAChO,QAAQ,MAAM,cAAc,SAAS,EAAE,IAAI,QAAO,GAAI,KAAK,IAAI;AAAA,IAC/D,MAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,UAAU,WAAW,GAAG,yYAAyY,UAAU,UAAS,CAAE;AAAA,EAAC;AACnf,CAAC;;;;;ACXD,MAAM,UAAU,CAAC,EAAE,WAAW,YAAY,GAAG,YAA0B;AACnE,SACI,oBAAC,OAAA,EAAI,WAAW,GAAGC,SAAO,SAAS,SAAS,GAAI,GAAG,OAC9C,UAAA,aACG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,eAAW;AAAA,MACX,KAAK;AAAA,MACL,KAAI;AAAA,IAAA;AAAA,EAAA,IAGR,oBAACC,eAAA,EAAe,eAAW,MAAC,EAAA,CAEpC;AAER;;;;;ACrBA,MAAM,SAAS,MAAM;AACjB,6BACK,OAAA,EAAI,WAAWD,SAAO,QACnB,UAAA,oBAAC,WAAQ,EAAA,CACb;AAER;;;;;ACJA,MAAM,SAAS,CAAC,EAAE,UAAU,WAAW,GAAG,YAAkD;AACxF,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,GAAGA,SAAO,SAAS,SAAS;AAAA,MACtC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb;ACDA,MAAM,aAAa,CAAC,EAAE,WAAW,aAAa,aAAa,GAAG,YAA2C;AACrG,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,kBAAkB,CAAC,SAAiB;AACtC,eAAW,IAAI;AACf,cAAU,UAAU,UAAU,IAAI;AAAA,EACtC;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,SACI,UACI,qBAAC,QAAA,EACG,UAAA;AAAA,QAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,UAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ;AAAA,MAAA,EAAA,CACL,IAEA;AAAA,MAGR,WAAU;AAAA,MAEV,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAU;AAAA,UACV,SAAQ;AAAA,UACR,SAAS,MAAM,gBAAgB,WAAW;AAAA,UAC1C,aAAa,MAAM,WAAW,KAAK;AAAA,UAClC,GAAG;AAAA,UAEJ,UAAA;AAAA,YAAA,oBAACC,UAAA,EAAU,eAAW,KAAA,CAAC;AAAA,YACvB,oBAAC,QAAA,EAAK,WAAW,WAAY,UAAA,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3C;AAAA,EAAA;AAGZ;;;;;AC/CA,MAAM,SAAS,CAAC,EAAE,UAAU,GAAG,YAAkD;AAC7E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWH,SAAO;AAAA,MACjB,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb;;;;;ACGS,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASI,UACP,EAAE,YAAY,SAAS,UAAU,GAAG,KAAA,GACpC,KACA;AACA,WACE,qBAAC,QAAQ,gBAAR,EACC,UAAA;AAAA,MAAA;AAAA,QAAC,QAAQ;AAAA,QAAR;AAAA,UACC,WAAW,OAAO;AAAA,UAClB;AAAA,UACA,SAAQ;AAAA,UACR,cAAW;AAAA,UACV,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAEN,oBAAC,SAAA,EAAQ,WAAsB,cAAW,QACvC,SAAA,CACH;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;","x_google_ignoreList":[0,1,2,3]}
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { AppBar } from '.';
3
+ declare const meta: Meta<typeof AppBar>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof AppBar>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ declare const AppBar: () => import("react/jsx-runtime").JSX.Element;
2
+ export { AppBar };
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import CopyButton from '.';
3
+ declare const meta: Meta<typeof CopyButton>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof CopyButton>;
6
+ export declare const Primary: Story;
@@ -0,0 +1,8 @@
1
+ import { type ButtonProps } from '@digdir/designsystemet-react';
2
+ type CopyButtonProps = {
3
+ copyLabel: string;
4
+ copiedLabel: string;
5
+ copyOnClick: string;
6
+ };
7
+ declare const CopyButton: ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps & ButtonProps) => import("react/jsx-runtime").JSX.Element;
8
+ export default CopyButton;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { HelpText } from '.';
3
+ declare const meta: Meta<typeof HelpText>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof HelpText>;
6
+ export declare const Default: Story;
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ export type HelpTextProps = {
3
+ /**
4
+ * Required descriptive label for screen readers.
5
+ **/
6
+ "aria-label": string;
7
+ /**
8
+ * Placement of the Popover.
9
+ * @default 'right'
10
+ */
11
+ placement?: "right" | "bottom" | "left" | "top";
12
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color">;
13
+ export declare const HelpText: React.ForwardRefExoticComponent<{
14
+ /**
15
+ * Required descriptive label for screen readers.
16
+ **/
17
+ "aria-label": string;
18
+ /**
19
+ * Placement of the Popover.
20
+ * @default 'right'
21
+ */
22
+ placement?: "right" | "bottom" | "left" | "top";
23
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import HStack from '.';
3
+ declare const meta: Meta<typeof HStack>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof HStack>;
6
+ export declare const Primary: Story;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const HStack: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default HStack;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export type OrgLogoProps = {
3
+ orgLogoSrc?: string | null;
4
+ className?: string;
5
+ } & React.HTMLAttributes<HTMLDivElement>;
6
+ declare const OrgLogo: ({ className, orgLogoSrc, ...props }: OrgLogoProps) => import("react/jsx-runtime").JSX.Element;
7
+ export { OrgLogo };
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { OrgLogo } from '.';
3
+ declare const meta: Meta<typeof OrgLogo>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof OrgLogo>;
6
+ export declare const Default: Story;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const VStack: ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default VStack;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import VStack from '.';
3
+ declare const meta: Meta<typeof VStack>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof VStack>;
6
+ export declare const Primary: Story;
@@ -1,2 +1,6 @@
1
- export * from '../index'
2
- export {}
1
+ export * from './components/app-bar';
2
+ export * from './components/org-logo';
3
+ export { default as CopyButton } from './components/copy-button';
4
+ export { default as HStack } from './components/hstack';
5
+ export { default as VStack } from './components/vstack';
6
+ export { HelpText } from './components/helptext';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fellesdatakatalog/ui",
3
- "version": "1.0.9",
3
+ "version": "1.0.11",
4
4
  "description": "React UI components for Felles Datakatalog",
5
5
  "main": "dist/shared-ui.cjs",
6
6
  "module": "dist/shared-ui.es.js",
@@ -17,7 +17,7 @@
17
17
  "README.md"
18
18
  ],
19
19
  "scripts": {
20
- "build": "vite build",
20
+ "build": "vite build && npm run build:types",
21
21
  "build:types": "tsc --emitDeclarationOnly",
22
22
  "test": "vitest",
23
23
  "storybook": "storybook dev -p 6006",