@equinor/amplify-component-lib 8.19.0 → 9.0.0

package/dist/deprecated/DataCard.js

@@ -1,27 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Card as t,Typography as i,Tooltip as n,Icon as a}from"@equinor/eds-core-react";import{tokens as l}from"../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import s from"styled-components";import"../atoms/style/colors.js";import{spacings as d}from"../atoms/style/spacings.js";const{colors:c,elevation:m}=l,p=s(t)`
-  box-shadow: ${m.raised};
-  grid-gap: 0;
-  padding: ${d.medium};
-  transition: box-shadow 400ms;
-  ${e=>{if(e.onClick)return`&:hover {\n        box-shadow: ${m.overlay};\n        cursor: pointer;\n      }`}}
-`,h=s.div`
-  display: grid;
-  grid-template-columns: 80% auto;
-  overflow: hidden;
-`,f=s(i)`
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,u=s.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-`,v=s.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-`,g=s(i)`
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,x=o((({headerText:o,title:t,tooltipOnTitle:i=!1,rightIcon:l,rightElement:s,body:d,className:m,onClick:x,onContextMenu:w},y)=>{if(l&&s)throw new Error("Only use one; rightIcon or rightElement");return e(p,{ref:y,className:m??"",onClick:x,"data-testid":"dataCard",onContextMenu:e=>{w?.(e)},children:[e(h,{children:[e(u,{children:[r(f,{group:"paragraph",variant:"overline",children:o}),i?r(n,{title:t,placement:"top",children:r(g,{variant:"h6",children:t})}):r(g,{variant:"h6",children:t})]}),e(v,{children:[l&&r(a,{data:l,size:24,color:c.interactive.primary__resting.rgba}),s&&s]})]}),d&&d]})}));x.displayName="DataCard";export{x as default};

package/dist/deprecated/EditableField.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactElement, ReactNode } from 'react';
-export interface EditableFieldProps {
-    editable: boolean;
-    inputField?: ReactElement;
-    value?: string;
-    onChange?: (value: string) => void;
-    children?: ReactNode;
-}
-/**
- * @deprecated Was only used in Recap, implementation moved into Recap
- */
-declare const EditableField: React.FC<EditableFieldProps>;
-export default EditableField;

package/dist/deprecated/EditableField.js

@@ -1,20 +0,0 @@
-import{jsxs as e,jsx as i,Fragment as t}from"react/jsx-runtime";import{useState as o,useEffect as n}from"react";import{Icon as r,TextField as a,Typography as s}from"@equinor/eds-core-react";import{edit as d}from"@equinor/eds-icons";import{tokens as l}from"../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../atoms/style/colors.js";import{spacings as c}from"../atoms/style/spacings.js";import m from"styled-components";const{colors:u}=l,p=m.div`
-  display: flex;
-
-  &:hover {
-    cursor: ${e=>e.$editable?"pointer":void 0};
-  }
-
-  & > div {
-    width: 85%;
-  }
-`,f=m(r)`
-  margin-left: ${c.small};
-  height: 20px;
-`,g=m(a)`
-  ${e=>e.$editing&&`\n   > div > input {\n     font-family: Equinor;\n      font-size: 1rem;\n      font-weight: 500;\n      padding: 0;\n      color: ${u.text.static_icons__default.rgba};\n      box-shadow: inset 0 -1px 0 0 ${u.interactive.disabled__border.rgba};\n      &:focus {\n        box-shadow: inset 0 -2px 0 0 ${u.interactive.primary__resting.rgba};\n      }\n   }\n   \n  `}
-
-  div:focus-within {
-    outline: none;
-  }
-`,h=({editable:r,value:a,inputField:l,onChange:c,children:m})=>{const[h,b]=o(!1),[v,x]=o(a);n((()=>{x(a)}),[a]),n((()=>{r||b(!1)}),[r]);return e(p,{$editable:r,"data-testid":"editablefield",onClick:()=>{r&&(h||b(!0))},children:[!h&&!m&&i(s,{variant:"h6",children:v}),!h&&m&&m,h&&i(t,{children:l||i(g,{autoFocus:!0,$editing:h,id:`edit-${a}`,onBlur:e=>{c&&c(e.target.value),b(!1)},onChange:e=>{x(e.target.value)},value:v})}),r&&!h&&i(f,{"data-testid":"editableicon",color:u.interactive.primary__resting.rgba,data:d})]})};export{h as default};

package/dist/deprecated/ErrorPage/Action.d.ts

@@ -1,6 +0,0 @@
-interface ActionProps {
-    buttonText?: string;
-    onClick?: () => void;
-}
-export declare const Action: import("react").ForwardRefExoticComponent<ActionProps & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/deprecated/ErrorPage/Action.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Button as t}from"@equinor/eds-core-react";const e=o((({buttonText:o="Back to last page",onClick:e},c)=>r(t,{ref:c,onClick:e,children:o})));e.displayName="ErrorPage.Action";export{e as Action};

package/dist/deprecated/ErrorPage/Description.d.ts

@@ -1,5 +0,0 @@
-interface DescriptionProps {
-    text?: string;
-}
-export declare const Description: import("react").ForwardRefExoticComponent<DescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/deprecated/ErrorPage/Description.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import{Typography as r}from"@equinor/eds-core-react";import"../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/style/colors.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"./illustrations/GlitchAnimation.js";import"./illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";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/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.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"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";const t=o((({text:o="Try again later or use our feedback form if the problem persists."},t)=>e("div",{ref:t,children:e(r,{variant:"h4","data-testid":"description",children:o})})));t.displayName="ErrorPage.Description";export{t as Description};

package/dist/deprecated/ErrorPage/Details.d.ts

@@ -1,5 +0,0 @@
-interface DetailsProps {
-    text?: string;
-}
-export declare const Details: import("react").ForwardRefExoticComponent<DetailsProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/deprecated/ErrorPage/Details.js

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

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export interface ErrorContentProps {
-    illustration?: ReactNode;
-    children: ReactNode;
-}
-export declare const ErrorPage: import("react").ForwardRefExoticComponent<ErrorContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/deprecated/ErrorPage/ErrorPage.js

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

package/dist/deprecated/ErrorPage/MissingAccesses.d.ts

@@ -1,10 +0,0 @@
-interface AccessType {
-    url?: string;
-    title: string;
-}
-interface MissingAccessesProps {
-    accesses?: AccessType[];
-    text?: string;
-}
-export declare const MissingAccesses: import("react").ForwardRefExoticComponent<MissingAccessesProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/deprecated/ErrorPage/MissingAccesses.js

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

package/dist/deprecated/ErrorPage/Title.d.ts

@@ -1,5 +0,0 @@
-interface TitleProps {
-    title?: string;
-}
-export declare const Title: import("react").ForwardRefExoticComponent<TitleProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/deprecated/ErrorPage/Title.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import{Typography as r}from"@equinor/eds-core-react";import"../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/style/colors.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"./illustrations/GlitchAnimation.js";import"./illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";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/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.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"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";const t=o((({title:o="Oops! Something went wrong."},t)=>e("div",{ref:t,children:e(r,{variant:"h3","data-testid":"title",children:o})})));t.displayName="ErrorPage.Title";export{t as Title};

package/dist/deprecated/ErrorPage/collections/OldPageNotFound.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-/**
- * @deprecated - Use "PageNotFound" instead
- */
-export declare const OldPageNotFound: FC;

package/dist/deprecated/ErrorPage/collections/OldPageNotFound.js

@@ -1 +0,0 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import{useNavigate as t}from"react-router";import"react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../atoms/enums/Environment.js";import{environment as i}from"../../../atoms/utils/auth_environment.js";import"../../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../providers/StepperProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/style/colors.js";import{ErrorType as e}from"../../../atoms/enums/Errors.js";import"../../../atoms/enums/Theme.js";import"../../../atoms/enums/SpacingsMode.js";import{errors as s}from"../../../atoms/utils/index.js";import{ErrorPage as m}from"../index.js";const{getErrorContent:p}=s,{getAppName:n}=i,a=()=>{const i=p(n(import.meta.env.VITE_NAME),e.ERROR_404),s=t();return r(m,{illustration:i.illustration,children:[o(m.Title,{title:i.title}),o(m.Description,{text:i.description}),o(m.Action,{onClick:()=>s(-1)})]})};export{a as OldPageNotFound};

package/dist/deprecated/ErrorPage/collections/OldUnauthorized.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-/**
- *
- * @deprecated - Use "MissingAccessToApp" or "MissingPermissions" instead
- */
-export declare const OldUnauthorized: FC;

package/dist/deprecated/ErrorPage/collections/OldUnauthorized.js

@@ -1,4 +0,0 @@
-import{jsx as r,jsxs as t}from"react/jsx-runtime";import"react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../atoms/enums/Environment.js";import{environment as o}from"../../../atoms/utils/auth_environment.js";import"../../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../providers/StepperProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/ThemeProvider/ThemeProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../../../atoms/style/colors.js";import{ErrorType as i}from"../../../atoms/enums/Errors.js";import"../../../atoms/enums/Theme.js";import"../../../atoms/enums/SpacingsMode.js";import{getErrorContent as e}from"../../../atoms/utils/errors.js";import"proj4";import"html2canvas";import{ErrorPage as s}from"../index.js";import m from"styled-components";const{getAppName:p}=o,n=m.div`
-  display: flex;
-  height: 100vh;
-`,a=()=>{const o=e(p(import.meta.env.VITE_NAME),i.ERROR_401);return r(n,{children:t(s,{illustration:o.illustration,children:[r(s.Title,{title:o.title}),r(s.Description,{text:o.description}),r(s.Action,{buttonText:o.button?.text,onClick:o.button?.onClick})]})})};export{a as OldUnauthorized};

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

@@ -1,2 +0,0 @@
-export { OldUnauthorized } from './OldUnauthorized';
-export { OldPageNotFound } from './OldPageNotFound';

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

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-/**
- * @deprecated - Use Status component instead
- */
-export declare const GlitchAnimation: FC;

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

@@ -1,18 +0,0 @@
-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/deprecated/ErrorPage/illustrations/QuestioningAnimation.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-/**
- * @deprecated - Use Status component instead
- */
-export declare const QuestioningAnimation: FC;

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

@@ -1,18 +0,0 @@
-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/deprecated/ErrorPage/index.d.ts

@@ -1,18 +0,0 @@
-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;
-};
-/**
- * @deprecated - Use Status component instead
- */
-export declare const ErrorPage: ErrorPageType;
-export type { ErrorContentProps };

package/dist/deprecated/ErrorPage/index.js

@@ -1 +0,0 @@
-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/deprecated/FullPageStatus/FullPageStatus.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-export interface FullPageStatusProps {
-    loading: boolean;
-    error: boolean;
-    errorMessage: string;
-}
-/**
- * @deprecated This component will be replaced by the Status component in a future update
- */
-export declare const FullPageStatus: FC<FullPageStatusProps>;

package/dist/deprecated/FullPageStatus/FullPageStatus.js

@@ -1,18 +0,0 @@
-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 s}from"@equinor/eds-icons";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import a from"styled-components";import"../../atoms/style/colors.js";import{spacings as c}from"../../atoms/style/spacings.js";const{colors:l}=n,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:n,errorMessage:a})=>r(m,{children:[i&&e(p,{}),n&&!i&&r(d,{children:[e(t,{data:s,size:48,color:l.interactive.warning__resting.rgba}),e(o,{variant:"h5",children:a})]})]});export{g as FullPageStatus};

package/dist/deprecated/HeaderDrawer.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export interface HeaderDrawerProps extends HTMLAttributes<'h6'> {
-    title: string;
-    children: ReactNode;
-    openByDefault?: boolean;
-}
-/**
- * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
- */
-declare const HeaderDrawer: import("react").ForwardRefExoticComponent<HeaderDrawerProps & import("react").RefAttributes<HTMLHeadingElement>>;
-export default HeaderDrawer;

package/dist/deprecated/HeaderDrawer.js

@@ -1,21 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as o,useState as i,useRef as t,useEffect as n}from"react";import{Typography as d,Icon as s}from"@equinor/eds-core-react";import{chevron_up as a,chevron_down as c}from"@equinor/eds-icons";import{tokens as m}from"../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{motion as l,AnimatePresence as h}from"framer-motion";import p from"styled-components";import"../atoms/style/colors.js";import{spacings as f}from"../atoms/style/spacings.js";const{colors:u,elevation:b,shape:v}=m,g=p(l.div)`
-  overflow: hidden;
-`,x=p.button`
-  display: flex;
-  gap: ${f.medium};
-  width: fit-content;
-  border: none;
-  background: none;
-  cursor: pointer;
-  &:hover {
-    > div {
-      box-shadow: ${b.overlay};
-    }
-  }
-`,y=p.div`
-  transition: box-shadow 200ms;
-  box-shadow: ${b.raised};
-  display: flex;
-  align-items: center;
-  border-radius: ${v.circle.borderRadius};
-`,w=o((({title:o,openByDefault:m=!1,id:l,children:p},f)=>{const[b,v]=i(m),w=t(m?"fit-content":0);return n((()=>{"fit-content"!==w.current||b||(w.current=0)}),[b]),e("div",{children:[e(x,{onClick:()=>v((e=>!e)),children:[r(d,{variant:"h6",ref:f,id:l,children:o}),r(y,{children:r(s,{data:b?a:c,color:u.interactive.primary__resting.rgba})})]}),r(h,{children:b&&r(g,{initial:{height:w.current},animate:{height:"fit-content"},exit:{height:0},children:p})})]})}));w.displayName="HeaderDrawer";export{w as default};

package/dist/deprecated/MultiSelectDrawer.d.ts

@@ -1,29 +0,0 @@
-import { CSSProperties } from 'react';
-export interface MultiSelectDrawerProps<T extends {
-    id: string;
-    label: string;
-    children?: T[];
-}> {
-    disabled?: boolean;
-    id?: string;
-    items: T[];
-    selectedItems: T[];
-    label: string;
-    meta?: string;
-    onChange: (values: T[]) => void;
-    placeholder?: string;
-    readOnly?: boolean;
-    style?: CSSProperties;
-}
-/**
- * @deprecated Use ComboBox instead
- */
-declare const MultiSelectDrawer: {
-    <T extends {
-        id: string;
-        label: string;
-        children?: T[];
-    }>({ disabled, id, items, selectedItems, label, meta, onChange, placeholder, readOnly, style, }: MultiSelectDrawerProps<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default MultiSelectDrawer;

package/dist/deprecated/MultiSelectDrawer.js

@@ -1,28 +0,0 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as r}from"react";import{Button as l,Label as a,Input as s,Icon as n}from"@equinor/eds-core-react";import{close as d,arrow_drop_up as c,arrow_drop_down as m}from"@equinor/eds-icons";import{tokens as p}from"../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../atoms/style/colors.js";import{spacings as h}from"../atoms/style/spacings.js";import{OptionDrawer as g}from"../molecules/OptionDrawer/OptionDrawer.js";import u from"styled-components";import{useOutsideClick as f}from"../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";const{colors:b,elevation:v}=p,w=u.div`
-  position: relative;
-`,x=u.div`
-  position: relative;
-`,y=u(l)`
-  position: absolute;
-  right: ${h.small};
-  height: ${h.large};
-  width: ${h.large};
-  top: 6px;
-`,C=u(l)`
-  position: absolute;
-  right: ${h.x_large};
-  height: ${h.large};
-  width: ${h.large};
-  top: 6px;
-`,$=u.div`
-  background: ${b.ui.background__default.rgba};
-  box-shadow: ${v.raised};
-  overflow-y: scroll;
-  max-height: 300px;
-  padding: 0;
-  margin-top: 4px;
-  position: absolute;
-  right: 0;
-  left: 0;
-  z-index: 50;
-`,k=(e,o)=>e.map((e=>{if(e.children&&e.children.length>0){const t=k(e.children,o).filter((e=>e));return t.length>0?{...e,children:t}:e.label.toLowerCase().includes(o.toLowerCase())?{...e,children:void 0}:void 0}return e.label.toLowerCase().includes(o.toLowerCase())?e:void 0})).filter((e=>e)),_=({disabled:l=!1,id:p,items:h=[],selectedItems:u=[],label:b,meta:v,onChange:_,placeholder:j,readOnly:O=!1,style:q})=>{const[L,D]=t(""),[S,z]=t(h),[E,I]=t(!1),[A,F]=t(!1),M=i(null),N=i(null);f(N.current,(e=>{N.current?.contains(e.target)||M.current?.contains(e.target)||I(!1)}));return r((()=>{""!==L?(z(k(h,L)),F(!0)):(z(h),F(!1))}),[L,h]),e(w,{style:q,children:[o(a,{label:b,meta:v,disabled:l}),e(x,{ref:M,children:[o(s,{id:p,disabled:l,value:L,readOnly:O,onFocus:()=>I(!0),onChange:e=>D(e.target.value),placeholder:j}),""!==L&&o(C,{variant:"ghost_icon","aria-label":"close search",title:"open",onClick:()=>D(""),children:o(n,{data:d,size:16})}),o(y,{variant:"ghost_icon","aria-label":"toggle options",title:"open",onClick:()=>I((e=>!e)),disabled:l,children:o(n,{data:E?c:m})})]}),o($,{ref:N,children:E&&S.map((e=>o(g,{onToggle:e=>((e,o)=>{o?e.forEach((e=>{_([...u,e])})):e.forEach((e=>{_(u.filter((o=>o.id!==e.id)))})),D("")})(e.items,e.toggle),selectedItems:u,item:e,singleSelect:!0,openAll:A},e.id)))})]})};_.displayName="SimpleMultiSelectDrawer";export{_ as default};

package/dist/deprecated/SingleSelectDrawer.d.ts

@@ -1,27 +0,0 @@
-import { CSSProperties } from 'react';
-export interface SingleSelectDrawerProps<T extends {
-    id: string;
-    label: string;
-}> {
-    disabled?: boolean;
-    id?: string;
-    items: T[];
-    initialItem: T | undefined;
-    label: string;
-    meta?: string;
-    onChange?: (value: T | undefined) => void;
-    placeholder?: string;
-    readOnly?: boolean;
-    style?: CSSProperties;
-}
-/**
- * @deprecated Use ComboBox instead
- */
-declare const SingleSelectDrawer: {
-    <T extends {
-        id: string;
-        label: string;
-    }>({ disabled, onChange, items, label, initialItem, meta, readOnly, placeholder, }: SingleSelectDrawerProps<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default SingleSelectDrawer;

package/dist/deprecated/SingleSelectDrawer.js

@@ -1,25 +0,0 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as r}from"react";import{Button as l,Label as a,Input as s,Icon as n}from"@equinor/eds-core-react";import{arrow_drop_up as d,arrow_drop_down as m}from"@equinor/eds-icons";import{tokens as c}from"../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../atoms/style/colors.js";import{spacings as p}from"../atoms/style/spacings.js";import{OptionDrawer as u}from"../molecules/OptionDrawer/OptionDrawer.js";import g from"styled-components";import{useOutsideClick as f}from"../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";const{colors:h,elevation:b}=c,v=g.div`
-  position: relative;
-`,x=g.div`
-  position: relative;
-  input {
-    color: ${h.text.static_icons__default.rgba};
-  }
-`,w=g(l)`
-  position: absolute;
-  right: ${p.small};
-  height: ${p.large};
-  width: ${p.large};
-  top: 6px;
-`,_=g.div`
-  background: ${h.ui.background__default.rgba};
-  box-shadow: ${b.raised};
-  overflow-y: scroll;
-  max-height: 300px;
-  padding: 0;
-  margin-top: 4px;
-  position: absolute;
-  right: 0;
-  left: 0;
-  z-index: 50;
-`,y=({disabled:l=!1,onChange:c,items:p=[],label:g,initialItem:h,meta:b,readOnly:y=!1,placeholder:j})=>{const[k,C]=t(p.find((e=>e?.id===h?.id))),[$,O]=t(p),[q,D]=t(""),[S,E]=t(!1),I=i(null),L=i(null);f(L.current,(e=>{L.current?.contains(e.target)||I.current?.contains(e.target)||E(!1)})),r((()=>{O(""!==q?p.filter((e=>e.label.toLowerCase().includes(q.toLowerCase()))):p)}),[q,p]);return e(v,{children:[o(a,{label:g,meta:b,disabled:l}),e(x,{ref:I,children:[o(s,{value:q,readOnly:y,onFocus:()=>E(!0),onChange:e=>D(e.target.value),placeholder:j,disabled:l}),o(w,{variant:"ghost_icon","aria-label":"toggle options",title:"open",onClick:()=>E((e=>!e)),disabled:l,children:o(n,{data:S?d:m})})]}),o(_,{ref:L,children:S&&$.map((e=>o(u,{onToggle:e=>((e,o)=>{o?e.forEach((e=>{C(e),c?.(e)})):e.forEach((()=>{C(void 0),c?.(void 0)}))})(e.items,e.toggle),selectedItems:k?[k]:[],singleSelect:!0,item:e},e.id)))})]})};y.displayName="SingleSelectDrawer";export{y as default};

package/dist/deprecated/Tutorial/HighlightBlocks/HighlightBlocks.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-interface HighlightBlocksProps {
-    children: ReactNode;
-    active: boolean;
-    className?: string;
-}
-/**
- * @deprecated since version 6.3.0. We use TutorialProvider instead, and add tutorials to a database on amplify-portal.
- * You can read a small guide in the front-end docs on the JS devops (JS devops -> Overview -> Wiki -> Documentation ->
- * Front-end docs -> Guides -> Creating tutorial for TutorialProvider)
- */
-export declare const HighlightBlocks: import("react").ForwardRefExoticComponent<HighlightBlocksProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/deprecated/Tutorial/HighlightBlocks/HighlightBlocks.js

@@ -1,14 +0,0 @@
-import{jsx as i,Fragment as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t,{keyframes as s}from"styled-components";const{colors:a}=r,m=s`
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-`,d=t.div`
-  background: white;
-  outline: 4px solid ${a.interactive.primary__resting.rgba};
-  animation: ${m} 500ms;
-  border-radius: 4px;
-  z-index: 1600;
-`,n=o((({children:o,className:r,active:t},s)=>t?i(d,{className:r?`${r} highlighted`:"highlighted",ref:s,children:o}):i(e,{children:o})));n.displayName="HighlightBlocks";export{n as HighlightBlocks};

package/dist/deprecated/Tutorial/Tutorial.d.ts

@@ -1,20 +0,0 @@
-import { ReactElement } from 'react';
-export interface Step {
-    key: string;
-    title: string;
-    body: ReactElement;
-    button: string;
-}
-export interface TutorialProps {
-    steps: Step[];
-    tutorialTitle: string;
-    imageSource?: string;
-    tutorialIntro: string;
-}
-/**
- * @deprecated since version 6.3.0. We use TutorialProvider instead, and add tutorials to a database on amplify-portal.
- * You can read a small guide in the front-end docs on the JS devops (JS devops -> Overview -> Wiki -> Documentation ->
- * Front-end docs -> Guides -> Creating tutorial for TutorialProvider)
- */
-declare const Tutorial: import("react").ForwardRefExoticComponent<TutorialProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Tutorial;

package/dist/deprecated/Tutorial/Tutorial.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import{forwardRef as o,useState as e}from"react";import i from"./TutorialStart.js";import s from"./TutorialSteps.js";import{useTutorialSteps as a}from"../../providers/TutorialStepsProvider.js";const u=o((({steps:o,tutorialTitle:u,tutorialIntro:l,imageSource:m},p)=>{const{showTutorialIntro:n,setTutorialStep:c,setShowTutorialIntro:T}=a(),[d,f]=e(!1);return t("div",{ref:p,children:[r(i,{show:n,acceptTour:()=>{c(o[0].key),T(!1),f(!0)},denyTour:()=>{c(""),T(!1)},title:u,content:l,imageSource:m}),r(s,{steps:o,show:d,onClose:()=>{f(!1)}})]})}));u.displayName="Tutorial";export{u as default};

package/dist/deprecated/Tutorial/TutorialStart.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-interface TutorialStartProps {
-    title: string;
-    imageSource?: string;
-    content: string;
-    show: boolean;
-    acceptTour: () => void;
-    denyTour: () => void;
-}
-declare const TutorialStart: FC<TutorialStartProps>;
-export default TutorialStart;

package/dist/deprecated/Tutorial/TutorialStart.js

@@ -1,39 +0,0 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";import{Dialog as e,Typography as a,Button as r}from"@equinor/eds-core-react";import"../../atoms/style/colors.js";import{spacings as o}from"../../atoms/style/spacings.js";import n,{keyframes as l}from"styled-components";const c=l`
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-`,m=n(e)`
-  animation: ${c} 1s;
-  width: fit-content;
-`,s=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  flex-wrap: wrap;
-  align-items: center;
-  align-content: center;
-  gap: ${o.medium};
-  width: 25vw;
-`,d=n.img`
-  width: 100%;
-  max-width: 100%;
-  height: auto;
-  object-fit: cover;
-  margin-bottom: ${o.xx_small};
-`,p=n.div`
-  margin-top: ${o.large};
-`,g=n(a)`
-  text-align: center;
-  width: 80%;
-  margin-bottom: ${o.xx_small};
-`,h=n.div`
-  display: flex;
-  gap: ${o.small};
-  margin-bottom: ${o.large};
-`,f=n(r)`
-  margin: ${o.small} 0;
-  padding: 0 ${o.large};
-`,u=({title:e,imageSource:r,content:o,show:n,acceptTour:l,denyTour:c})=>t(m,{open:n,children:i(s,{children:[t(p,{children:t(a,{variant:"h5",children:e})}),t(g,{variant:"h5",children:o}),r&&t(d,{alt:`tutorial-${e}-image`,src:r}),i(h,{children:[" ",t(f,{variant:"ghost",onClick:c,"data-testid":"skip",children:"Skip"}),t(f,{onClick:l,"data-testid":"start-tour",children:"Start tour"})]})]})});export{u as default};

package/dist/deprecated/Tutorial/TutorialSteps.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { Step } from './Tutorial';
-interface TutorialStepsProps {
-    show: boolean;
-    onClose: () => void;
-    steps: Step[];
-}
-declare const TutorialSteps: FC<TutorialStepsProps>;
-export default TutorialSteps;