@equinor/amplify-component-lib 0.0.1 → 8.0.0

package/dist/molecules/index.d.ts

@@ -0,0 +1,52 @@
+export { AnimatedCheckmark } from './AnimatedCheckmark/AnimatedCheckmark';
+export { ApplicationIcon } from './ApplicationIcon/ApplicationIcon';
+export type { ApplicationIconProps } from './ApplicationIcon/ApplicationIcon';
+export { Badge } from './Badge/Badge';
+export type { BadgeProps } from './Badge/Badge';
+export { Chip } from './Chip/Chip';
+export type { BaseChipProps } from './Chip/Chip';
+export { ContentMenu } from './ContentMenu/ContentMenu';
+export type { ContentMenuProps } from './ContentMenu/ContentMenu';
+export { EquinorLogo } from './EquinorLogo/EquinorLogo';
+export type { EquinorLogoProps } from './EquinorLogo/EquinorLogo';
+export { FileProgress } from './FileProgress/FileProgress';
+export type { RegularFileProgressBaseProps, CompactFileProgressBaseProps, FileProgressPropsExtension, } from './FileProgress/FileProgress';
+export { FileUploadArea } from './FileUploadArea/FileUploadArea';
+export type { FileUploadAreaProps } from './FileUploadArea/FileUploadArea';
+export { FullPageSpinner } from './FullPageSpinner/FullPageSpinner';
+export type { FullPageSpinnerProps } from './FullPageSpinner/FullPageSpinner';
+export { InfoElement } from './InfoElement/InfoElement';
+export type { InfoElementProps } from './InfoElement/InfoElement';
+export { OptionalTooltip } from './OptionalTooltip/OptionalTooltip';
+export type { OptionalTooltipProps } from './OptionalTooltip/OptionalTooltip';
+export { ProfileAvatar } from './ProfileAvatar/ProfileAvatar';
+export type { ProfileAvatarProps } from './ProfileAvatar/ProfileAvatar';
+export { RichTextDisplay } from './RichTextDisplay/RichTextDisplay';
+export type { RichTextDisplayProps } from './RichTextDisplay/RichTextDisplay';
+export { RichTextEditor, RichText } from './RichTextEditor';
+export { AmplifyBar, EditorMenu, EditorText, } from './RichTextEditor/MenuBar/MenuBar';
+export type { RichTextEditorProps } from './RichTextEditor/RichTextEditor';
+export { TableMenuBar, TextTable, } from './RichTextEditor/MenuBar/Table/TableBar';
+export { DEFAULT_FEATURES } from './RichTextEditor/RichTextEditor.types';
+export type { RichTextEditorFeatures, OnImageUploadFn, } from './RichTextEditor/RichTextEditor.types';
+export { Search } from './Search/Search';
+export { Sieve } from './Sieve/Sieve';
+export type { SieveProps, SieveValue, FilterValues, SieveOption, } from './Sieve/Sieve.types';
+export { SingleFilterMenu } from './SingleFilterMenu/SingleFilterMenu';
+export type { SingleFilterMenuProps } from './SingleFilterMenu/SingleFilterMenu';
+export { SkeletonBase, skeletonBaseloading, } from './Skeleton/SkeletonBase/SkeletonBase';
+export type { SkeletonBaseProps } from './Skeleton/SkeletonBase/SkeletonBase';
+export { SkeletonGradient } from './Skeleton/SkeletonGradient/SkeletonGradient';
+export type { SkeletonGradientProps } from './Skeleton/SkeletonGradient/SkeletonGradient';
+export { Stepper } from './Stepper/Stepper';
+export type { StepperProps } from './Stepper/Stepper';
+export { OptionDrawer } from './OptionDrawer/OptionDrawer';
+export type { OptionDrawerProps } from './OptionDrawer/OptionDrawer';
+export type { OptionDrawerSelectItem } from './OptionDrawer/OptionDrawer.types';
+export { PageWithTitle } from './PageWithTitle/PageWithTitle';
+export { FeedBackIcon } from './FeedBackIcon/FeedBackIcon';
+export type { FeedBackIconProps } from './FeedBackIcon/FeedBackIcon';
+export { ListItem } from './ListItem/ListItem';
+export type { ListItemProps } from './ListItem/ListItem';
+export { Breadcrumbs, Button, Checkbox, Divider, Dialog, Menu, Radio, Tabs, TextField, Typography, Icon, Switch, CircularProgress, DotProgress, LinearProgress, } from '@equinor/eds-core-react';
+export type { BreadcrumbsProps, BreadcrumbProps, ButtonProps, CheckboxProps, DialogProps, DividerProps, MenuProps, RadioProps, SearchProps, TabsProps, TextFieldProps, TypographyProps, IconProps, SwitchProps, CircularProgressProps, DotProgressProps, LinearProgressProps, } from '@equinor/eds-core-react';

package/dist/organisms/DataGrid/DataGrid.d.ts

@@ -0,0 +1,2 @@
+import { EdsDataGridProps } from '@equinor/eds-data-grid-react';
+export declare const DataGrid: <T>(props: EdsDataGridProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/organisms/DataGrid/DataGrid.js

@@ -0,0 +1,35 @@
+import{jsx as r}from"react/jsx-runtime";import{EdsDataGrid as t}from"@equinor/eds-data-grid-react";import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import e from"styled-components";import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import*as i from"../../atoms/style/index.js";const{colors:s}=o,{spacings:a}=i,n=e.div`
+  table,
+  thead,
+  th {
+    background: transparent;
+  }
+  tr:has(th):hover {
+    background: unset;
+  }
+  thead,
+  th {
+    border: none;
+  }
+  th {
+    color: ${s.text.static_icons__default.rgba};
+    > div {
+      justify-content: space-between;
+      > svg {
+        height: 18px;
+        width: 18px;
+        fill: ${s.interactive.primary__resting.rgba};
+      }
+    }
+  }
+  th,
+  td {
+    padding: ${a.medium_small} ${a.small};
+  }
+  tr:hover,
+  th:hover,
+  th:has(svg) {
+    background: ${s.interactive.primary__hover_alt.rgba};
+  }
+  ${({$enableSorting:r})=>!r&&"\n    cursor: default;\n    tr:hover, th:hover {\n      background: unset;\n      cursor: default;\n    }\n    "}
+`,m=o=>r(n,{$enableSorting:o.enableSorting??!1,"data-testid":"table-wrapper",children:r(t,{...o})});export{m as DataGrid};

package/dist/organisms/ErrorPage/Description.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import{Typography as t}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"./illustrations/GlitchAnimation.js";import"./illustrations/QuestioningAnimation.js";import"html2canvas";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"react-router-dom";import"../../molecules/Sieve/Sieve.styles.js";import"../../node_modules/lodash/lodash.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/ListItem/ListItem.js";const i=o((({text:o="Try again later or use our feedback form if the problem persists."},i)=>e("div",{ref:i,children:e(t,{variant:"h4","data-testid":"description",children:o})})));i.displayName="ErrorPage.Description";export{i as Description};

package/dist/organisms/ErrorPage/Details.js

@@ -0,0 +1,23 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i,useState as r}from"react";import{Typography as o,Button as a,Icon as n}from"@equinor/eds-core-react";import{chevron_up as s,chevron_down as d}from"@equinor/eds-icons";import{tokens as l}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as c}from"../../atoms/style/spacings.js";import p from"styled-components";const{colors:m}=l,g=p.div`
+  display: flex;
+  flex-direction: column;
+  width: 400px;
+  > div:first-child {
+    border-bottom: ${t=>!t.open&&`1px solid ${m.ui.background__medium.rgba}`};
+    > p {
+      color: ${t=>t.open?m.interactive.primary__resting.rgba:m.text.static_icons__default.rgba};
+    }
+    > button > span > svg {
+      fill: ${t=>t.open?m.interactive.primary__resting.rgba:m.text.static_icons__default.rgba};
+    }
+  }
+  > p {
+    padding: 0 ${c.large};
+    text-align: justify;
+  }
+`,f=p.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-left: ${c.medium};
+`,u=i((({text:i},l)=>{const[c,p]=r(!1);return t(g,{ref:l,open:c,children:[t(f,{children:[e(o,{children:"More details"}),e(a,{variant:"ghost_icon",onClick:()=>p(!c),"data-testid":"show-details",children:e(n,{data:c?s:d})})]}),c&&e(o,{group:"paragraph",variant:"body_long","data-testid":"details-text",children:i})]})}));u.displayName="ErrorPage.Details";export{u as Details};

package/dist/organisms/ErrorPage/ErrorPage.js

@@ -0,0 +1,14 @@
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{GlitchAnimation as r}from"./illustrations/GlitchAnimation.js";import{spacings as o}from"../../atoms/style/spacings.js";import m from"styled-components";const n=m.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: ${o.medium};
+  margin: auto;
+  align-items: center;
+  h3,
+  h4 {
+    text-align: center;
+    white-space: pre-line;
+  }
+  width: 500px;
+`,a=e((({children:e,illustration:o=t(r,{})},m)=>i(n,{ref:m,children:[o,e]})));a.displayName="ErrorPage";export{a as ErrorPage};

package/dist/organisms/ErrorPage/MissingAccesses.js

@@ -0,0 +1,11 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Typography as t,Button as i,Icon as s}from"@equinor/eds-core-react";import{external_link as a}from"@equinor/eds-icons";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import c from"styled-components";import{spacings as l}from"../../atoms/style/spacings.js";const{colors:d}=n,p=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${l.small};
+  > div {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: ${l.medium};
+  }
+`,m=r((({accesses:r=[],text:n},c)=>e(p,{ref:c,children:[o(t,{group:"paragraph",variant:"body_long_bold",children:n??"You can apply for access to the app in AccessIT:"}),r?.map(((r,n)=>e("div",{children:[o(t,{group:"paragraph",variant:"body_short",children:r.title}),r.url&&o(i,{"data-testid":`missing-access-button-${r.title}`,variant:"ghost_icon",onClick:()=>window.open(r.url,"_blank"),children:o(s,{data:a,color:d.text.static_icons__default.rgba})})]},n)))]})));m.displayName="ErrorPage.MissingAccesses";export{m as MissingAccesses};

package/dist/organisms/ErrorPage/Title.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import{Typography as t}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"./illustrations/GlitchAnimation.js";import"./illustrations/QuestioningAnimation.js";import"html2canvas";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"react-router-dom";import"../../molecules/Sieve/Sieve.styles.js";import"../../node_modules/lodash/lodash.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/ListItem/ListItem.js";const i=o((({title:o="Oops! Something went wrong."},i)=>e("div",{ref:i,children:e(t,{variant:"h3","data-testid":"title",children:o})})));i.displayName="ErrorPage.Title";export{i as Title};

package/dist/organisms/ErrorPage/collections/PageNotFound.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const PageNotFound: FC;

package/dist/organisms/ErrorPage/collections/PageNotFound.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useNavigate as o}from"react-router";import{ErrorPage as i}from"../index.js";import{ErrorType as e}from"../../../atoms/types/Errors.js";import{environment as m}from"../../../atoms/utils/auth_environment.js";import s from"../../../atoms/utils/errors.js";import"html2canvas";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";const{getErrorContent:n}=s,{getAppName:p}=m,l=()=>{const m=n(p(import.meta.env.VITE_NAME),e.ERROR_404),s=o();return t(i,{illustration:m.illustration,children:[r(i.Title,{title:m.title}),r(i.Description,{text:m.description}),r(i.Action,{onClick:()=>s(-1)})]})};export{l as PageNotFound};

package/dist/organisms/ErrorPage/collections/Unauthorized.js

@@ -0,0 +1,4 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{ErrorPage as r}from"../index.js";import{ErrorType as i}from"../../../atoms/types/Errors.js";import{environment as e}from"../../../atoms/utils/auth_environment.js";import m from"../../../atoms/utils/errors.js";import"html2canvas";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"proj4";import n from"styled-components";const{getErrorContent:s}=m,{getAppName:p}=e,l=n.div`
+  display: flex;
+  height: 100vh;
+`,c=()=>{const e=s(p(import.meta.env.VITE_NAME),i.ERROR_401);return t(l,{children:o(r,{illustration:e.illustration,children:[t(r.Title,{title:e.title}),t(r.Description,{text:e.description}),t(r.Action,{buttonText:e.button?.text,onClick:e.button?.onClick})]})})};export{c as Unauthorized};

package/dist/organisms/ErrorPage/collections/index.d.ts

@@ -0,0 +1,2 @@
+export { Unauthorized } from './Unauthorized';
+export { PageNotFound } from './PageNotFound';

package/dist/organisms/ErrorPage/illustrations/GlitchAnimation.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const GlitchAnimation: FC;

package/dist/organisms/ErrorPage/illustrations/GlitchAnimation.js

@@ -0,0 +1,18 @@
+import{jsx as t}from"react/jsx-runtime";import i,{keyframes as e}from"styled-components";const o=e`
+  100% { background-position: calc(-32640px/1.8); }
+`,n=i.div`
+  width: 400px;
+  height: 200px;
+  position: relative;
+`,r=i.div`
+  height: 300px; // 540 / 1.8 size of the image
+  width: calc(32640px / (1.8 * 34));
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: url('https://raw.githubusercontent.com/equinor/amplify-component-lib/main/static/Glitch_spritesheet.png')
+    left center;
+  background-size: cover;
+  animation: ${o} 4s steps(34) infinite;
+`,s=()=>t(n,{children:t(r,{})});export{s as GlitchAnimation};

package/dist/organisms/ErrorPage/illustrations/QuestioningAnimation.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const QuestioningAnimation: FC;

package/dist/organisms/ErrorPage/illustrations/QuestioningAnimation.js

@@ -0,0 +1,18 @@
+import{jsx as t}from"react/jsx-runtime";import i,{keyframes as e}from"styled-components";const o=e`
+  100% { background-position: calc(-19516px/2); }
+`,n=i.div`
+  width: 400px;
+  height: 200px;
+  position: relative;
+`,r=i.div`
+  height: 307px;
+  width: calc(19516px / (2 * 34));
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: url('https://raw.githubusercontent.com/equinor/amplify-component-lib/main/static/Questioning_spritesheet.png')
+    left center;
+  background-size: cover;
+  animation: ${o} 2.5s steps(34) infinite;
+`,s=()=>t(n,{children:t(r,{})});export{s as QuestioningAnimation};

package/dist/organisms/ErrorPage/index.d.ts

@@ -0,0 +1,15 @@
+import { Action } from './Action';
+import { Description } from './Description';
+import { Details } from './Details';
+import { ErrorContentProps, ErrorPage as DefaultErrorPage } from './ErrorPage';
+import { MissingAccesses } from './MissingAccesses';
+import { Title } from './Title';
+type ErrorPageType = typeof DefaultErrorPage & {
+    Title: typeof Title;
+    Description: typeof Description;
+    Action: typeof Action;
+    Details: typeof Details;
+    MissingAccesses: typeof MissingAccesses;
+};
+export declare const ErrorPage: ErrorPageType;
+export type { ErrorContentProps };

package/dist/organisms/ErrorPage/index.js

@@ -0,0 +1 @@
+import{Action as s}from"./Action.js";import{Description as r}from"./Description.js";import{Details as i}from"./Details.js";import{ErrorPage as o}from"./ErrorPage.js";import{MissingAccesses as t}from"./MissingAccesses.js";import{Title as e}from"./Title.js";const m=o;m.Title=e,m.Description=r,m.Action=s,m.Details=i,m.MissingAccesses=t;export{m as ErrorPage};

package/dist/organisms/FieldSelector/ChangingField.d.ts

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+export declare const LinearProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
+    variant?: "indeterminate" | "determinate";
+    value?: number;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<React.ForwardRefExoticComponent<{
+    variant?: "indeterminate" | "determinate";
+    value?: number;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;
+interface ChangingFieldProps {
+    fieldName: string;
+    onChangedField: () => void;
+    finishedText: string;
+}
+export declare const ChangingField: FC<ChangingFieldProps>;
+export {};

package/dist/organisms/FieldSelector/ChangingField.js

@@ -0,0 +1,24 @@
+import{jsx as r,jsxs as i,Fragment as t}from"react/jsx-runtime";import{LinearProgress as o,Typography as e}from"@equinor/eds-core-react";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import{useFakeProgress as a}from"../../atoms/hooks/useFakeProgress.js";import"../../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import n from"../../atoms/utils/string.js";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import{spacings as m}from"../../atoms/style/spacings.js";import{AnimatedCheckmark as p}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import d from"styled-components";const{colors:l}=s,c=d.div`
+  gap: ${m.medium};
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  min-height: calc(100vh - (${m.xxx_large} * 4));
+  width: 100%;
+  max-width: 370px;
+`,h=d(o)`
+  background-color: ${l.interactive.primary__hover_alt.rgba};
+
+  div {
+    background-color: ${l.interactive.primary__resting.rgba};
+  }
+`,u=d(e)`
+  span {
+    text-transform: capitalize;
+  }
+`,v=({fieldName:o,onChangedField:s,finishedText:m})=>{const{finished:d,progress:l}=a({onDone:s});return r(c,{children:i(t,d?{children:[i(u,{variant:"h3",children:["Changed to ",r("span",{children:n.capitalize(o)})]}),r(p,{}),r(e,{variant:"h6",children:m})]}:{children:[i(e,{variant:"h3",children:["Changing field.",".".repeat(l/35)]}),r(h,{variant:"determinate",value:l})]})})};export{v as ChangingField,h as LinearProgress};

package/dist/organisms/FieldSelector/FieldSelector.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { Field } from '../../atoms/types/Field';
+export interface FieldSelectorProps {
+    setField: (value: Field) => void;
+    fields: Field[];
+    isLoading?: boolean;
+    onChangedField: () => void;
+    showAccessITLink?: boolean;
+    finishedText: string;
+}
+export declare const FieldSelector: FC<FieldSelectorProps>;

package/dist/organisms/FieldSelector/FieldSelector.js

@@ -0,0 +1,15 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as r}from"react";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{SelectorCard as t}from"./SelectorCard/SelectorCard.js";import{SelectorSkeleton as d}from"./SelectorCard/Skeleton.js";import{ChangingField as s}from"./ChangingField.js";import{Waves as a}from"../../molecules/Waves/Waves.js";import c from"styled-components";const{colors:l}=n,m=c.div`
+  margin-top: auto;
+  > svg {
+    margin-bottom: -10px;
+    background-color: ${l.ui.background__light.rgba};
+  }
+`,u=c.div`
+  background-color: ${l.ui.background__light.rgba};
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 64px);
+  max-height: calc(100vh - 64px);
+  width: 100vw;
+`,h=({setField:n,fields:c,isLoading:l,onChangedField:h,finishedText:g,showAccessITLink:f=!0})=>{const[p,x]=i(!1),v=r("");return p?e(s,{fieldName:v.current,onChangedField:h,finishedText:g}):o(u,{className:"select-field",children:[e(m,{children:e(a,{})}),l?e(d,{}):e(t,{availableFields:c,onSelect:e=>{e.name&&e.uuid&&(n({uuid:e.uuid,name:e.name,country:e.country??""}),v.current=e.name,x(!0))},showAccessITLink:f})]})};export{h as FieldSelector};

package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Field } from '../../../atoms/types/Field';
+export interface FieldSelectorType {
+    availableFields: Field[];
+    onSelect: (selectedField: Field) => void;
+    showAccessITLink?: boolean;
+}
+export declare const SelectorCard: FC<FieldSelectorType>;

package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.js

@@ -0,0 +1,70 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo as o}from"react";import{Card as r,Typography as n,Autocomplete as a,Button as s,Icon as d}from"@equinor/eds-core-react";import{arrow_forward as l}from"@equinor/eds-icons";import{tokens as c}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as m}from"../../../atoms/style/spacings.js";import p from"styled-components";const{elevation:h,colors:u,shape:g}=c,f=p(r)`
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  max-height: 60vh;
+  min-height: 150px;
+  transform: translate(-50%, -50%);
+  width: 25rem;
+  height: auto;
+  padding: ${m.large};
+  box-shadow: ${h.above_scrim};
+  border-radius: ${g.corners.borderRadius};
+  display: flex;
+  flex-direction: column;
+  gap: ${m.large};
+  > h3 {
+    color: ${u.text.static_icons__default.rgba};
+  }
+  > div {
+    display: flex;
+    flex-direction: column;
+    gap: ${m.large};
+    section {
+      display: grid;
+      grid-template-columns: 1fr auto;
+      align-items: flex-end;
+      grid-gap: ${m.medium};
+    }
+  }
+`,b=p.div`
+  * {
+    background: none !important;
+    color: ${u.text.static_icons__default.rgba};
+  }
+  *:focus-within {
+    outline: none !important;
+  }
+  input:focus {
+    box-shadow: inset 0 -2px ${u.interactive.primary__resting.rgba};
+  }
+`,x=p.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${m.small};
+  > h6 {
+    text-transform: capitalize;
+  }
+`,v=p.a`
+  padding: ${m.small} ${m.medium};
+  transition: background-color 200ms ease;
+  font-size: 14px;
+  line-height: 16px;
+  font-weight: 500;
+  border-radius: ${g.corners.borderRadius};
+  text-decoration: none;
+  &:visited {
+    color: inherit;
+  }
+  &:focus-within {
+    outline: ${u.interactive.primary__resting.rgba} dashed 2px;
+  }
+  &:active {
+    outline: 0;
+    background-color: ${u.interactive.primary__selected_highlight.rgba};
+  }
+  &:hover {
+    background-color: ${u.interactive.primary__hover_alt.rgba};
+    cursor: pointer;
+  }
+`,_=({availableFields:r,onSelect:c,showAccessITLink:m=!0})=>{const[p,h]=t(),u=o((()=>{const e=[];for(const i of r)i.name?e.push(i):console.error("Field with no name found!:",i);return e}),[r]);return e(f,{children:[i(n,{variant:"h3",children:"Please select a field"}),e("div",{children:[e("section",{children:[i(b,{children:i(a,{autoWidth:!0,options:u,label:"",placeholder:"Select a field",onOptionsChange:e=>{h(e.selectedItems[0])},optionLabel:e=>e.name})}),i(s,{"data-testid":"nextButton",variant:"contained_icon",disabled:void 0===p,onClick:()=>{void 0!==p&&c(p)},children:i(d,{data:l})})]}),m&&e(x,{children:[i(n,{variant:"overline",children:"Missing a field?"}),i(v,{tabIndex:0,"data-testid":"missing-access",href:"https://accessit.equinor.com/#",target:"_blank",children:"Go to AccessIT"})]})]})]})};export{_ as SelectorCard};

package/dist/organisms/FieldSelector/SelectorCard/Skeleton.d.ts

@@ -0,0 +1 @@
+export declare const SelectorSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/organisms/FieldSelector/SelectorCard/Skeleton.js

@@ -0,0 +1,24 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Card as o}from"@equinor/eds-core-react";import{tokens as i}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as r}from"../../../atoms/style/spacings.js";import{SkeletonBase as s}from"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import n from"styled-components";const{elevation:a,shape:m}=i,d=n(o)`
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  max-height: 60vh;
+  min-height: 150px;
+  transform: translate(-50%, -50%);
+  width: 25rem;
+  align-items: center;
+  padding: ${r.large};
+  box-shadow: ${a.raised};
+  border-radius: ${m.corners.borderRadius};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+`,l=n(s)`
+  width: calc((25rem - 2 * ${r.large}) * 0.8);
+  height: calc(${m.button.minHeight});
+`,c=n(s)`
+  width: ${m.icon_button.minWidth};
+  height: ${m.icon_button.minHeight};
+
+  border-radius: ${m.icon_button.borderRadius};
+`,h=()=>e(d,{children:[t(l,{role:"busy"}),t(c,{role:"busy"})]});export{h as SelectorSkeleton};

package/dist/organisms/FullPageStatus/FullPageStatus.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface FullPageStatusProps {
+    loading: boolean;
+    error: boolean;
+    errorMessage: string;
+}
+export declare const FullPageStatus: FC<FullPageStatusProps>;

package/dist/organisms/FullPageStatus/FullPageStatus.js

@@ -0,0 +1,18 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Progress as i,Icon as t,Typography as o}from"@equinor/eds-core-react";import{warning_filled as n}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import a from"styled-components";import{spacings as c}from"../../atoms/style/spacings.js";const{colors:l}=s,m=a.div`
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+`,d=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${c.large};
+`,p=a(i.Circular)`
+  circle {
+    stroke: ${l.interactive.primary__resting.rgba};
+  }
+  circle:first-child {
+    stroke: ${l.interactive.primary__hover_alt.rgba};
+  }
+`,g=({loading:i,error:s,errorMessage:a})=>r(m,{children:[i&&e(p,{}),s&&!i&&r(d,{children:[e(t,{data:n,size:48,color:l.interactive.warning__resting.rgba}),e(o,{variant:"h5",children:a})]})]});export{g as FullPageStatus};

package/dist/organisms/SideBar/CreateItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface CreateItemProps {
+    createLabel: string;
+    onCreate: () => void;
+    disabled?: boolean;
+}
+export declare const CreateItem: FC<CreateItemProps>;

package/dist/organisms/SideBar/CreateItem.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{add as o}from"@equinor/eds-icons";import{OptionalTooltip as t}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{MenuItemContainer as n,CreateButton as a}from"./CreateItem.styles.js";import{useSideBar as d}from"../../providers/SideBarProvider.js";const l=({createLabel:l,onCreate:c,disabled:s=!1})=>{const{isOpen:m}=d();return e(n,m?{children:r(a,{$open:!0,variant:"contained",onClick:c,disabled:s,children:[e(i,{data:o}),l]})}:{children:e(t,{title:l,placement:"right",children:e(a,{variant:"contained",onClick:c,disabled:s,children:e(i,{data:o})})})})};export{l as CreateItem};

package/dist/organisms/SideBar/CreateItem.styles.d.ts

@@ -0,0 +1,19 @@
+import { ButtonProps } from '@equinor/eds-core-react';
+export declare const MenuItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface CreateButtonProps extends ButtonProps {
+    $open?: boolean;
+}
+export declare const CreateButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
+    as?: import("react").ElementType | undefined;
+} & {
+    color?: "primary" | "secondary" | "danger";
+    variant?: "ghost_icon" | "contained" | "contained_icon" | "outlined" | "ghost";
+    href?: string;
+    disabled?: boolean;
+    type?: string;
+    fullWidth?: boolean;
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, "href" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "variant" | "fullWidth">, CreateButtonProps>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<ButtonProps, HTMLButtonElement> & {
+    Group: typeof import("@equinor/eds-core-react/dist/types/components/Button/ButtonGroup").ButtonGroup;
+    Toggle: typeof import("@equinor/eds-core-react/dist/types/components/Button/ToggleButton/ToggleButton").ToggleButton;
+}, keyof import("react").Component<any, {}, any>>;
+export {};

package/dist/organisms/SideBar/CreateItem.styles.js

@@ -0,0 +1,23 @@
+import{Button as o}from"@equinor/eds-core-react";import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"styled-components";const{colors:i,shape:t}=e,s=r.div`
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  height: 64px;
+  padding: 0 14px;
+  border-bottom: 1px solid ${i.ui.background__medium.rgba};
+  box-sizing: border-box;
+`,d=r(o)`
+  width: ${o=>o.$open?"fit-content":"36px"};
+  height: 36px;
+  border-radius: ${t.icon_button.borderRadius};
+  transition: 0.1s ease-out;
+  &:hover {
+    border-radius: ${t.icon_button.borderRadius};
+  }
+  &:disabled {
+    border: 0 solid transparent;
+  }
+  > span {
+    ${o=>o.$open&&"margin-left: -11px"};
+  }
+`;export{d as CreateButton,s as MenuItemContainer};

package/dist/organisms/SideBar/MenuItem.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+import { IconData } from '@equinor/eds-icons';
+export interface MenuItemType {
+    icon: IconData;
+    name: string;
+    link: string;
+    onClick?: () => void;
+    replace?: boolean;
+}
+export type MenuItemProps = {
+    currentUrl?: string;
+    disabled?: boolean;
+} & MenuItemType & HTMLAttributes<HTMLAnchorElement>;
+export declare const MenuItem: import("react").ForwardRefExoticComponent<{
+    currentUrl?: string;
+    disabled?: boolean;
+} & MenuItemType & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/organisms/SideBar/MenuItem.styles.d.ts

@@ -0,0 +1,17 @@
+interface LinkProps {
+    $active?: boolean;
+    $open?: boolean;
+    $disabled?: boolean;
+}
+export declare const Link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, LinkProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface ItemTextProps {
+    $active: boolean;
+    $disabled: boolean;
+}
+export declare const ItemText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<({
+    as?: import("react").ElementType | undefined;
+} & import("../../molecules").TypographyProps & Omit<any, "nonce" | "link" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bold" | "variant" | "italic" | "group" | "token" | "lines">) & import("styled-components/dist/types").BaseObject, ItemTextProps>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("../../molecules").TypographyProps, HTMLElement>, keyof import("react").Component<any, {}, any>>;
+export {};