@equinor/amplify-component-lib 0.0.1 → 8.0.0

package/dist/molecules/FileProgress/CompactFileProgress.styles.js

@@ -0,0 +1,86 @@
+import{Typography as r,Tooltip as i,CircularProgress as t}from"@equinor/eds-core-react";import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o from"styled-components";import{spacings as s}from"../../atoms/style/spacings.js";const{colors:a}=e,n=o.div`
+  border-radius: 4px;
+  margin: 10px 0;
+  width: 88px;
+  height: 88px;
+  box-sizing: border-box;
+  position: relative;
+  transition: 0.3s;
+  ${({$isError:r})=>r&&`&:hover { \n        background: ${a.ui.background__warning.rgba}\n    }`}
+`;o(r)`
+  margin: ${s.small} ${s.small} 0 ${s.small};
+  color: ${a.text.static_icons__tertiary.rgba};
+`;const d=o.div`
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  border: 1px dashed ${a.ui.background__medium.rgba};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+`,c=o.div`
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  border: 1px solid ${a.ui.background__light.rgba};
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  > img {
+    width: 100%;
+    overflow: hidden;
+    text-align: center;
+  }
+`,g=o.div`
+  display: grid;
+  grid-template-rows: 1fr 1fr 1fr;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  font-size: 11px;
+  justify-items: center;
+  text-align: center;
+  border-radius: 4px;
+  border: 1px dashed ${a.interactive.warning__text.rgba};
+  gap: 0;
+  > svg {
+    grid-row: 2/3;
+  }
+  > div {
+    grid-row: 3/4;
+    color: ${a.interactive.warning__text.rgba};
+  }
+`,l=o.div`
+  background-color: ${a.text.static_icons__tertiary.rgba};
+  border-radius: 50%;
+  border: 2px solid ${a.text.static_icons__primary_white.rgba};
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  right: -10px;
+  cursor: pointer;
+  top: -10px;
+  > svg {
+    width: 18px;
+    height: 18px;
+    fill: ${a.text.static_icons__primary_white.rgba};
+  }
+`,p=o(r)`
+  font-size: 10px;
+  padding-top: ${s.x_small};
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,h=o(i)`
+  white-space: pre;
+`,x=o(t)`
+  circle {
+    stroke: ${a.interactive.primary__resting.rgba};
+  }
+  circle:first-child {
+    stroke: ${a.interactive.primary__hover_alt.rgba};
+  }
+`;export{p as AdditionalText,x as CircularProgress,l as CloseButton,n as CompactFileProgressContainer,h as FileTooltip,c as ImageWrapper,d as LoadingWrapper,g as Rejection};

package/dist/molecules/FileProgress/FileProgress.d.ts

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { FileWithPath } from 'react-dropzone';
+interface FileProgressBaseProps {
+    onDelete: () => void;
+    file: FileWithPath | File;
+    isDone?: boolean;
+    progressPercent?: number;
+    onCancel?: () => void;
+    isError?: boolean;
+}
+export interface RegularFileProgressBaseProps extends FileProgressBaseProps {
+    compact?: false;
+    fullErrorText?: string;
+    customLoadingText?: string;
+    customCompleteText?: string;
+    onRetry?: () => void;
+}
+export interface CompactFileProgressBaseProps extends FileProgressBaseProps {
+    compact: true;
+    shortErrorText?: string;
+    fullErrorText?: string;
+}
+export interface FileProgressPropsExtension {
+    showCompleteState: boolean;
+    handleOnClick: () => void;
+}
+export declare const FileProgress: FC<RegularFileProgressBaseProps | CompactFileProgressBaseProps>;
+export {};

package/dist/molecules/FileProgress/FileProgress.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useMemo as e}from"react";import r from"./CompactFileProgress.js";import t from"./RegularFileProgress.js";const n=n=>{const s=e((()=>!!(n.isError??void 0===n.isDone)||n.isDone),[n.isError,n.isDone]),i=()=>{!s&&n.onCancel?n.onCancel():n.onDelete()};return n.compact?o(r,{...n,showCompleteState:s,handleOnClick:i}):o(t,{...n,showCompleteState:s,handleOnClick:i})};export{n as FileProgress};

package/dist/molecules/FileProgress/RegularFileProgress.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useMemo as e}from"react";import{Icon as t,Typography as o,Button as n}from"@equinor/eds-core-react";import{file as s,delete_to_trash as a,close_circle_outlined as c,refresh as l}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../RichTextEditor/RichTextEditor.types.js";import"proj4";import d from"../../atoms/utils/size.js";import{Container as p,RegularFileProgressWrapper as u,FileName as h,ProgressWrapper as g,LinearProgress as v,RegularFileProgressDetails as f}from"./RegularFileProgress.styles.js";const{colors:_}=m,{formatBytes:j}=d,x=({onRetry:m,file:d,progressPercent:x,customLoadingText:z,customCompleteText:y,isError:E,fullErrorText:b,showCompleteState:C,handleOnClick:T})=>{const k=e((()=>{if(!d?.size||!x)return 1;const r=d.size/100*x;return j(r,1)}),[d?.size,x]),P=e((()=>{if(E)return b??"An error has occurred";return C?y??"File uploaded!":z??"loading..."}),[y,z,b,C,E]);return r(p,{$isError:E,children:[i(t,{data:s,color:E?_.interactive.danger__hover.rgba:_.interactive.primary__resting.rgba,size:32}),r(u,{children:[r(h,{children:[i(o,{variant:"caption",children:d.name}),r("div",{children:[i(n,{variant:"ghost_icon",onClick:T,children:i(t,{data:C?a:c,color:_.text.static_icons__tertiary.rgba,size:24})}),E&&m&&i(n,{variant:"ghost_icon",onClick:m,children:i(t,{data:l,color:_.text.static_icons__tertiary.rgba,size:24})})]})]}),i(g,{children:!C&&i(v,{variant:void 0===x?"indeterminate":"determinate",value:x})}),r(f,{children:[i(o,{variant:"overline",children:P}),d?.size&&i(o,{variant:"overline",children:C?j(d.size,1):`${k} of ${j(d.size,1)}`})]})]})]})};export{x as default};

package/dist/molecules/FileProgress/RegularFileProgress.styles.js

@@ -0,0 +1,32 @@
+import{LinearProgress as e}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 t from"styled-components";const{colors:o}=i,n=t.div`
+  max-width: 555px;
+  padding: ${r.medium} ${r.large};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: ${r.medium};
+  border: 1px solid
+    ${({$isError:e})=>e?o.ui.background__danger.rgba:o.ui.background__medium.rgba};
+  border-radius: 4px;
+`,s=t.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,a=t.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,d=t.div`
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  padding-top: ${r.small};
+`,m=t.div`
+  min-height: 4px;
+`,c=t(e)`
+  background-color: ${o.interactive.primary__hover_alt.rgba};
+
+  div {
+    background-color: ${o.interactive.primary__resting.rgba};
+  }
+`;export{n as Container,a as FileName,c as LinearProgress,m as ProgressWrapper,d as RegularFileProgressDetails,s as RegularFileProgressWrapper};

package/dist/molecules/FileUploadArea/FileUploadArea.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { DropzoneOptions } from 'react-dropzone';
+export type FileUploadAreaProps = {
+    compact?: boolean;
+} & DropzoneOptions;
+export declare const FileUploadArea: FC<FileUploadAreaProps>;

package/dist/molecules/FileUploadArea/FileUploadArea.js

@@ -0,0 +1,32 @@
+import{jsxs as r,jsx as e,Fragment as t}from"react/jsx-runtime";import{useMemo as i}from"react";import{useDropzone as o}from"react-dropzone";import{Icon as a,Typography as n}from"@equinor/eds-core-react";import{add as c,upload as d}from"@equinor/eds-icons";import{tokens as p}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import s from"styled-components";const{colors:l}=p,g=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  min-width: 300px;
+  height: 152px;
+  border: 2px dotted ${l.interactive.primary__resting.rgba};
+  border-radius: 15px;
+  margin-top: 10px;
+  :hover {
+    background-color: #deedee;
+    cursor: pointer;
+  }
+  /* c8 ignore next */
+  background-color: ${r=>r.$isDragActive?"#deedee":""};
+`,u=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 88px;
+  height: 88px;
+  border: 1px dashed ${l.interactive.primary__resting.rgba};
+  border-radius: 4px;
+  transition: background-color 0.1s ease-in;
+  &:hover {
+    background-color: ${l.interactive.primary__hover_alt.rgba};
+    cursor: pointer;
+  }
+  /* c8 ignore next */
+  background-color: ${r=>r.$isDragActive?"#deedee":""};
+`,m=({compact:p,...s})=>{const{getRootProps:m,getInputProps:v,isDragActive:h}=o({...s}),b=i((()=>{if(s.accept)return Object.values(s.accept).join(", ")}),[s.accept]);return p?r(u,{...m(),$isDragActive:h,children:[e("input",{"data-testid":"file-upload-area-input",...v()}),e(a,{data:c,color:l.interactive.primary__resting.rgba})]}):r(g,{...m(),$isDragActive:h,children:[e("input",{"data-testid":"file-upload-area-input",...v()}),h?e(n,{variant:"h6",children:"Drop to upload your files"}):r(t,{children:[e(a,{data:d,color:l.interactive.primary__resting.rgba}),r(n,{group:"navigation",variant:"button",children:["Drop files or"," ",e(n,{color:l.interactive.primary__resting.rgba,as:"span",children:"browse"})," ","to upload"]}),s.accept&&e(n,{group:"paragraph",variant:"meta",children:r(t,{children:["Supported filetypes: ",b]})})]})]})};export{m as FileUploadArea};

package/dist/molecules/FullPageSpinner/FullPageSpinner.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface FullPageSpinnerProps {
+    variant?: 'equinor' | 'circle' | 'dots' | 'application';
+    withScrim?: boolean;
+}
+export declare const FullPageSpinner: FC<FullPageSpinnerProps>;

package/dist/molecules/FullPageSpinner/FullPageSpinner.js

@@ -0,0 +1,18 @@
+import{jsx as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{Progress as e,StarProgress as i,Scrim as o}from"@equinor/eds-core-react";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{environment as a}from"../../atoms/utils/auth_environment.js";import{ApplicationIcon as c}from"../ApplicationIcon/ApplicationIcon.js";import s from"styled-components";const{getAppName:m}=a,{colors:p}=n,l=s.div`
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  z-index: 500;
+  top: 0;
+  left: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+`,d=s(e.Circular)`
+  circle {
+    stroke: ${p.interactive.primary__resting.rgba};
+  }
+  circle:first-child {
+    stroke: ${p.interactive.primary__hover_alt.rgba};
+  }
+`,u=({variant:n="application",withScrim:a=!1})=>{const s=t((()=>{switch(n){case"dots":return r(e.Dots,{color:"primary"});case"circle":return r(d,{});case"equinor":return r(i,{});case"application":return r(c,{name:m(import.meta.env.VITE_NAME),animationState:"loading"})}}),[n]);return a?r(o,{open:!0,children:s}):r(l,{children:s})};export{u as FullPageSpinner};

package/dist/molecules/InfoElement/CopyText.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+export interface CopyTextProps {
+    textToCopy: string;
+    children: ReactNode;
+}
+/**
+ * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
+ */
+declare const CopyText: FC<CopyTextProps>;
+export default CopyText;

package/dist/molecules/InfoElement/CopyText.js

@@ -0,0 +1,41 @@
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useRef as e,useState as t,useEffect as i}from"react";import{Icon as n,Typography as a}from"@equinor/eds-core-react";import{copy as s}from"@equinor/eds-icons";import{tokens as d}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as m}from"../../atoms/style/spacings.js";import c,{keyframes as p}from"styled-components";const{colors:u}=d,l=c.div`
+  position: relative;
+  pointer-events: auto;
+  width: fit-content;
+  &:hover {
+    cursor: pointer;
+  }
+`,g=p`
+  from {
+    opacity: 0;
+    background: none;
+  }
+
+  to {
+    opacity: 1;
+    background: ${u.ui.background__light.rgba};
+  }
+`,b=c.div`
+  position: absolute;
+  padding: ${m.xx_small};
+  z-index: 1000;
+  top: 50%;
+  right: -${m.x_small};
+  transform: translate(100%, -50%);
+  animation: ${g} 0.25s;
+  background: ${u.ui.background__light.rgba};
+  border: 1px solid ${u.ui.background__medium.rgba};
+  border-radius: 2px;
+  p,
+  svg {
+    color: ${u.interactive.primary__hover.rgba};
+  }
+  p {
+    font-weight: 700;
+    margin-top: 2px;
+  }
+  display: grid;
+  grid-template-columns: auto 2.75rem;
+  grid-gap: ${m.xx_small};
+  align-items: center;
+`,x=({children:d,textToCopy:m})=>{const c=e(!1),[p,u]=t(!1),[g,x]=t("Copy");return i((()=>(c.current=!0,()=>{c.current=!1})),[]),o(l,{onClick:()=>{navigator.clipboard.writeText(m),x("Copied!"),setTimeout((()=>{c.current&&x("Copy")}),3e3)},onMouseOver:()=>u(!0),onMouseOut:()=>u(!1),children:[d,p&&o(b,{children:[r(n,{data:s,size:16}),r(a,{variant:"overline",children:g})]})]})};export{x as default};

package/dist/molecules/InfoElement/InfoElement.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactElement } from 'react';
+export interface InfoElementProps {
+    title: string;
+    content: ReactElement | string;
+    capitalizeContent?: boolean;
+    copyableContent?: boolean;
+}
+export declare const InfoElement: React.ForwardRefExoticComponent<InfoElementProps & React.RefAttributes<HTMLDivElement>>;

package/dist/molecules/InfoElement/InfoElement.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import{forwardRef as i}from"react";import"../AnimatedCheckmark/AnimatedCheckmark.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.js";import"../EquinorLogo/EquinorLogo.js";import{Typography as e}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../RichTextEditor/RichTextEditor.types.js";import"proj4";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../../node_modules/lodash/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../ListItem/ListItem.js";import o from"./CopyText.js";const s=i((({title:i,content:s,copyableContent:p,capitalizeContent:n},a)=>{const m=n&&"string"==typeof s?s.toUpperCase():s;return t("div",{ref:a,children:[r(e,{group:"paragraph",variant:"overline",children:i?.toUpperCase()}),"string"==typeof s?p?r(o,{textToCopy:s,children:r(e,{variant:"h6",children:m})}):r(e,{variant:"h6",children:m}):s]})}));s.displayName="InfoElement";export{s as InfoElement};

package/dist/molecules/ListItem/ListItem.d.ts

@@ -0,0 +1,14 @@
+import { FocusEventHandler, MouseEventHandler } from 'react';
+import { IconData } from '@equinor/eds-icons';
+export interface ListItemProps {
+    label: string;
+    icon: IconData;
+    onClick: MouseEventHandler<HTMLButtonElement>;
+    onFocus?: FocusEventHandler<HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLButtonElement>;
+    iconPosition?: 'leading' | 'trailing';
+    disabled?: boolean;
+    selected?: boolean;
+    isChild?: boolean;
+}
+export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/molecules/ListItem/ListItem.js

@@ -0,0 +1,26 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../AnimatedCheckmark/AnimatedCheckmark.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.js";import"../EquinorLogo/EquinorLogo.js";import{Icon as r,Typography as o}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../RichTextEditor/RichTextEditor.types.js";import"proj4";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../../node_modules/lodash/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import{animation as s}from"../../atoms/style/animation.js";import{spacings as n}from"../../atoms/style/spacings.js";import a from"styled-components";const{colors:l}=e,m=a.button`
+  display: flex;
+  gap: ${n.small};
+  align-items: center;
+  height: 48px;
+  min-width: 210px;
+  padding: ${({$isChild:t})=>{const i=`${n.small} ${n.large} ${n.small}`;return t?`${i} ${n.xx_large}`:`${i} ${n.medium}`}};
+  background: ${({$selected:t})=>t?l.interactive.primary__selected_highlight.rgba:"transparent"};
+  transition: background ${s.transitionMS};
+  &:disabled {
+      cursor: not-allowed;
+      background: transparent;
+      > section > p {
+        color: ${l.interactive.disabled__text.rgba};
+      }
+  }
+  &:focus:not(:disabled) {
+      outline: 1px dashed ${l.interactive.primary__resting.rgba};
+  }
+  &:hover:not(:disabled) {
+    background: ${({$selected:t})=>t?l.interactive.primary__selected_hover.rgba:l.interactive.primary__hover_alt.rgba};
+  }
+  > section {
+      padding: ${n.small} 0};
+  }
+`,p=i((({label:i,icon:e,onClick:s,onFocus:n,onBlur:a,iconPosition:p="leading",disabled:d=!1,isChild:c=!1,selected:u=!1},g)=>{const h=t(r,{data:e,color:l.interactive.primary__resting.rgba}),j=t("section",{children:t(o,{variant:"button",group:"navigation",children:i})});return t(m,{ref:g,$isChild:c,$selected:u,disabled:d,onClick:s,onFocus:n,onBlur:a,children:"trailing"===p?[j,h]:[h,j]})}));p.displayName="ListItem";export{p as ListItem};

package/dist/molecules/OptionDrawer/OptionDrawer.d.ts

@@ -0,0 +1,34 @@
+import { ChangeEvent, Dispatch, MouseEvent, SetStateAction } from 'react';
+export interface ToggleEventProps<T> {
+    items: T[];
+    toggle: boolean;
+    event: MouseEvent | ChangeEvent;
+}
+export interface OptionDrawerProps<T extends {
+    id: string;
+    label: string;
+    parentId?: string;
+    children?: T[];
+}> {
+    item: T;
+    onToggle: ({ items, toggle, event }: ToggleEventProps<T>) => void;
+    section?: number;
+    selectedItems?: T[];
+    singleSelect?: boolean;
+    siblings?: number;
+    animateCheck?: boolean;
+    animateUncheck?: boolean;
+    animateParent?: Dispatch<SetStateAction<boolean>>;
+    openAll?: boolean;
+    showIntermediateParent?: boolean;
+    parentHasNestedItems?: boolean;
+}
+export declare const OptionDrawer: {
+    <T extends {
+        id: string;
+        label: string;
+        parentId?: string;
+        children?: T[];
+    }>({ item, onToggle, section, selectedItems, singleSelect, siblings, animateCheck, animateUncheck, animateParent, openAll, showIntermediateParent, parentHasNestedItems, }: OptionDrawerProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/molecules/OptionDrawer/OptionDrawer.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{Button as r,Checkbox as o}from"@equinor/eds-core-react";import{chevron_down as d,chevron_right as a}from"@equinor/eds-icons";import{StyledOptionWrapper as l,StyledOptionItem as c,StyledIcon as s,StyledOption as E}from"./OptionDrawer.styles.js";const m=e=>{if(0===e.length)return[];let t=[];return e.forEach((e=>{const n=m(e?.children??[]);t=[e,...t,...n]})),t},h=(e,t,n,i)=>{if(void 0!==t.find((t=>t.id===e.id)))return"CHECKED";if(void 0===e.children||0===e.children.length||n&&!i)return"NONE";const r=m(e?.children).map((e=>void 0!==t.find((t=>t.id===e.id))));return!n&&r.every(Boolean)?"CHECKED":r.every((e=>!e))?"NONE":"INTERMEDIATE"},p=({item:m,onToggle:g,section:C=0,selectedItems:N=[],singleSelect:f=!1,siblings:u,animateCheck:D,animateUncheck:I,animateParent:T,openAll:v,showIntermediateParent:H=!1,parentHasNestedItems:O=!1})=>{const[K,k]=n(!1),[y,A]=n(h(m,N,f,H)),[$,w]=n(!1);i((()=>{A(h(m,N,f,H))}),[m,N,f,H]),i((()=>{k(!!v)}),[v]);const M=e=>{const t=0===m.children?.length||f||void 0===m.children?[m]:[...m.children];"CHECKED"===y?(g({items:t,toggle:!1,event:e}),k(!1)):"NONE"!==y&&"INTERMEDIATE"!==y||(g({items:t,toggle:!0,event:e}),k(!0)),w(!1)},P=(e,t)=>{t&&T?(T(!0),A("CHECKED"===y?"NONE":"CHECKED"),setTimeout((()=>{M(e)}),400)):u?M(e):(w(!0),A("CHECKED"===y?"NONE":"CHECKED"),setTimeout((()=>{M(e)}),400))},R=e=>{if(u&&T){const t=N.filter((e=>e.id.includes(m.parentId??""))).length;if(!e&&D&&t===u-1)return!0;if(e&&I&&1===t)return!0}return!1},S=e=>{"CHECKED"===y&&I?P(e,R(!0)):"NONE"!==y&&"INTERMEDIATE"!==y||!D?M(e):P(e,R(!1))},b=m.children&&0!==m.children.length;return e(l,{$section:C,$animationActive:$,"data-testid":$?"animated-"+m.id:m.id,children:[e(c,{$paddedLeft:O&&!b,children:[b&&t(r,{variant:"ghost_icon",onClick:()=>{k((e=>!e))},"data-testid":"chevron-toggler-option-drawer",children:t(s,{data:K?d:a})}),e(E,{$section:C,onClick:e=>{m.children&&0!==m.children.length&&k((e=>!e)),S(e)},children:[t(o,{indeterminate:"INTERMEDIATE"===y,checked:"CHECKED"===y,color:"secondary",onChange:()=>null}),m.label]})]}),K&&m.children?.map((e=>t(p,{section:C+1,onToggle:g,selectedItems:N,item:e,singleSelect:f,siblings:m.children?.length,animateCheck:D,animateUncheck:I,animateParent:w,openAll:v,showIntermediateParent:H,parentHasNestedItems:!0},`OptionDrawer-${e.id}`)))]},$?`animated-StyledOptionWrapper-${m.id}`:`StyledOptionWrapper-${m.id}`)};p.displayName="OptionDrawer";export{p as OptionDrawer};

package/dist/molecules/OptionDrawer/OptionDrawer.styles.js

@@ -0,0 +1,37 @@
+import{Icon as e}from"@equinor/eds-core-react";import{tokens as i}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o,{keyframes as t,css as r}from"styled-components";const{colors:n}=i,a=t`
+  0% {
+    opacity: 1;
+  }
+  90% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0;
+    display: none;
+  }
+`,s=o.div`
+  margin-left: ${({$section:e})=>e>0?"22px":""};
+  opacity: 1;
+  color: ${n.text.static_icons__default.rgba};
+  animation: ${({$animationActive:e})=>e?r`
+          ${a} 400ms ease-in
+        `:"none"};
+`,c=o.div`
+  position: relative;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  cursor: pointer;
+  transition: background-color 0.1s ease-in;
+  &:hover {
+    background-color: ${n.interactive.primary__hover_alt.rgba};
+  }
+
+  svg {
+    fill: ${n.interactive.primary__resting.rgba};
+  }
+`,l=o(e)``,d=o.div`
+  display: flex;
+  align-items: center;
+  ${({$paddedLeft:e})=>e&&"margin-left: 40px"};
+`;export{l as StyledIcon,c as StyledOption,d as StyledOptionItem,s as StyledOptionWrapper};

package/dist/molecules/OptionDrawer/OptionDrawer.types.d.ts

@@ -0,0 +1,6 @@
+export interface OptionDrawerSelectItem<T> {
+    object: T;
+    id: string;
+    label: string;
+    children: OptionDrawerSelectItem<T>[];
+}

package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts

@@ -0,0 +1,12 @@
+import { TooltipProps } from '@equinor/eds-core-react';
+export type OptionalTooltipProps = {
+    textTransform?: string;
+} & TooltipProps;
+export declare const OptionalTooltip: import("react").ForwardRefExoticComponent<{
+    textTransform?: string;
+} & {
+    placement?: import("@floating-ui/utils").Placement;
+    title?: string;
+    children: React.ReactElement & React.RefAttributes<HTMLElement>;
+    enterDelay?: number;
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/molecules/OptionalTooltip/OptionalTooltip.js

@@ -0,0 +1,4 @@
+import{jsx as t,Fragment as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Tooltip as e}from"@equinor/eds-core-react";import i from"styled-components";const m=i(e)`
+  color: white;
+  text-transform: ${t=>t.textTransform};
+`,l=r((({title:r,children:e,...i},l)=>void 0===r?t(o,{children:e}):t(m,{ref:l,title:r,...i,children:e})));l.displayName="OptionalTooltip";export{l as OptionalTooltip};

package/dist/molecules/PageWithTitle/PageWithTitle.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface PageWithTitleProps {
+    title: string;
+    children: ReactNode;
+}
+export declare const PageWithTitle: FC<PageWithTitleProps>;
+export {};

package/dist/molecules/PageWithTitle/PageWithTitle.js

@@ -0,0 +1 @@
+import{useEffect as t}from"react";const e=({children:e,title:o})=>(t((()=>{document.title!==o&&(document.title=o)}),[o]),e);export{e as PageWithTitle};

package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts

@@ -0,0 +1,8 @@
+export declare function nameToInitials(name: string): string | undefined;
+export interface ProfileAvatarProps {
+    url?: string;
+    name?: string;
+    size?: 'small' | 'small-medium' | 'medium' | 'large' | 'x-large' | number;
+    disabled?: boolean;
+}
+export declare const ProfileAvatar: import("react").ForwardRefExoticComponent<ProfileAvatarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/molecules/ProfileAvatar/ProfileAvatar.js

@@ -0,0 +1,21 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useMemo as t}from"react";import{Icon as i,Avatar as a}from"@equinor/eds-core-react";import{person as n}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o from"styled-components";const{colors:c,shape:d,typography:l}=s,u=[c.infographic.primary__energy_red_55.rgba,c.infographic.primary__moss_green_55.rgba,c.infographic.substitute__green_mint.rgba,c.infographic.substitute__blue_overcast.rgba];function m(e){const r=e.replace(/ *\([^)]*\) */g,"").toUpperCase(),t=r.split(" "),i=r.includes(",");return 1===t.length&&""!==t[0]?t[0].charAt(0):i?(e=>e.split(",")[1].trim().charAt(0))(r)+t[0].charAt(0):t.length>=2?t[0].charAt(0)+t[t.length-1].charAt(0):void 0}function h(e){let r=0;if(e)for(let t=0;t<e.length;t++)r+=e.charCodeAt(t);return u[r%u.length]}const g=o.div`
+  width: ${e=>e.$size}px;
+  height: ${e=>e.$size}px;
+  font-size: ${e=>e.$fontSize}px;
+  font-family: ${l.heading.h6.fontFamily};
+  border-radius: ${d.circle.borderRadius};
+  background: ${e=>e.disabled?c.interactive.disabled__border.rgba:e.$background};
+  color: ${e=>e.disabled?c.text.static_icons__default.rgba:c.text.static_icons__primary_white.rgba};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,p=o(i)`
+  width: 70%;
+`,f=o.div`
+  width: ${({$size:e})=>e}px;
+  height: ${({$size:e})=>e}px;
+  > div {
+    width: inherit;
+    height: inherit;
+  }
+`,b=r((({url:r,name:i,size:s="medium",disabled:o=!1},c)=>{const d=t((()=>{const r=e(p,{data:n});return i&&0!==i.trim().length?m(i):r}),[i]),l=t((()=>{switch(s){case"small":return 16;case"small-medium":return 24;case"medium":case void 0:return 32;case"large":return 40;case"x-large":return 48;default:return s}}),[s]),u=t((()=>{switch(s){case"small":return 6;case"small-medium":return 10;case"medium":case void 0:return 14;case"large":return 16;case"x-large":return 18;default:return s/2}}),[s]),b=t((()=>{const{btoa:e,atob:t}=window;if(r)try{if(e(t(r))===r)return`data:image/png;base64, ${r}`}catch{return r}return""}),[r]);return""!==b?e(f,{$size:l,"data-testid":"avatar-wrapper",children:e(a,{alt:`user-avatar-${i}`,src:b,disabled:o,ref:c})}):e(g,{$background:h(i),$size:l,$fontSize:u,disabled:o,ref:c,children:d})}));b.displayName="ProfileAvatar";export{b as ProfileAvatar,m as nameToInitials};

package/dist/molecules/RichTextDisplay/RichTextDisplay.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface RichTextDisplayProps {
+    value: string | null | undefined;
+    imgReadToken?: string;
+    lightBackground?: boolean;
+    padding?: 'sm' | 'md' | 'lg' | 'none';
+}
+export declare const RichTextDisplay: FC<RichTextDisplayProps>;

package/dist/molecules/RichTextDisplay/RichTextDisplay.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useRef as r,useEffect as o}from"react";import{useEditor as e}from"@tiptap/react";import"../AnimatedCheckmark/AnimatedCheckmark.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.js";import"../EquinorLogo/EquinorLogo.js";import"@equinor/eds-core-react";import"@equinor/eds-icons";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"../RichTextEditor/RichTextEditor.types.js";import"proj4";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import{AmplifyKit as i}from"../RichTextEditor/custom-extensions/AmplifyKit.js";import{RichText as s}from"../RichTextEditor/index.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../../node_modules/lodash/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../ListItem/ListItem.js";const n=({value:n,imgReadToken:m,lightBackground:p=!0,padding:a="md"})=>{const l=e({extensions:[i],content:m?n?.replaceAll(/(<img src=")(.+)("\/>)/g,`$1$2?${m}$3`):n,editable:!1}),c=r(n);return o((()=>{l&&n&&n!==c.current&&(l.commands.setContent(n),c.current=n)}),[l,n]),t(s.Styling,{$lightBackground:p,$padding:a,children:t(s.Content,{editor:l,readOnly:!0})})};export{n as RichTextDisplay};

package/dist/molecules/RichTextEditor/EditorProvider.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { Editor, Extensions } from '@tiptap/react';
+import { OnImageUploadFn, RichTextEditorFeatures } from './RichTextEditor.types';
+export interface EditorProviderProps {
+    children: (editor: Editor) => JSX.Element;
+    content: string | null | undefined;
+    extensions?: Extensions;
+    onUpdate?: (html: string) => void;
+    placeholder?: string;
+    onImageUpload?: OnImageUploadFn;
+    features?: RichTextEditorFeatures[];
+}
+export declare const EditorProvider: FC<EditorProviderProps>;

package/dist/molecules/RichTextEditor/EditorProvider.js

@@ -0,0 +1 @@
+import{useEditor as e}from"@tiptap/react";import{useAmplifyKit as o}from"../../atoms/hooks/useAmplifyKit.js";const t=({children:t,content:n,features:r,placeholder:a,onUpdate:p,onImageUpload:s,extensions:l=[]})=>{const i=o({features:r,placeholder:a,onImageUpload:s}),c=e({content:n,extensions:[i,...l],onUpdate:({editor:e})=>p?.(e.getHTML())});return c?t(c):null};export{t as EditorProvider};

package/dist/molecules/RichTextEditor/MenuBar/AddImageButton.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { EditorPanel, OnImageUploadFn } from '../RichTextEditor.types';
+export interface AddImageProps extends EditorPanel {
+    onImageUpload?: OnImageUploadFn;
+}
+export declare const AddImageButton: FC<AddImageProps>;

package/dist/molecules/RichTextEditor/MenuBar/AddImageButton.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{useRef as i}from"react";import{camera_add_photo as n}from"@equinor/eds-icons";import{EditorMenu as o}from"./MenuBar.js";import{RichTextEditorFeatures as c}from"../RichTextEditor.types.js";const u=({onImageUpload:u,editor:s,features:a})=>{const l=i(null);if(!u)return null;if(a&&!a.includes(c.IMAGES))return null;return e(t,{children:[r("input",{ref:l,type:"file",id:"img-input",multiple:!1,onChange:async e=>{const t=e.target.files;if(!t?.[0])return void console.error("Files undefined");const r=await u(t[0]);r&&s?.chain().focus().setImage({src:r.b64,alt:r.url}).run()},style:{display:"none"},accept:"image/*, video/*"}),r(o.Button,{"data-testid":"add-image-button",icon:n,onClick:()=>{l.current&&l.current.click()}})]})};export{u as AddImageButton};

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.d.ts

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { Editor } from '@tiptap/react';
+import { OnImageUploadFn, RichTextEditorFeatures } from '../RichTextEditor.types';
+export interface MenuBarProps {
+    editor: Editor;
+    features: RichTextEditorFeatures[];
+    onImageUpload?: OnImageUploadFn;
+}
+export declare const AmplifyBar: FC<MenuBarProps>;
+export declare const EditorMenu: {
+    Bar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Bars: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Button: import("react").ForwardRefExoticComponent<Omit<import("./MenuButton").MenuButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Section: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+    AddImageButton: FC<import("./AddImageButton").AddImageProps>;
+};
+export declare const EditorText: {
+    History: FC<import("../RichTextEditor.types").EditorPanel>;
+    Formating: FC<import("../RichTextEditor.types").EditorPanel>;
+    Headers: FC<import("../RichTextEditor.types").EditorPanel>;
+    Lists: FC<import("../RichTextEditor.types").EditorPanel>;
+    Color: FC<import("../RichTextEditor.types").EditorPanel>;
+    Code: FC<import("../RichTextEditor.types").EditorPanel>;
+    Links: FC<import("../RichTextEditor.types").EditorPanel>;
+    Table: FC<import("../RichTextEditor.types").EditorPanel>;
+    Alignment: FC<import("../RichTextEditor.types").EditorPanel>;
+    ClearFormating: FC<import("../RichTextEditor.types").EditorPanel>;
+};

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.js

@@ -0,0 +1,10 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{tokens as o}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{TextTable as t}from"./Table/Table.js";import{TableMenuBar as i}from"./Table/TableBar.js";import{AddImageButton as s}from"./AddImageButton.js";import{MenuSection as m}from"./MenuBar.styles.js";import{MenuButton as a}from"./MenuButton.js";import{TextAlignment as d}from"./TextAlignment.js";import{TextClearFormating as l}from"./TextClearFormating.js";import{TextCode as n}from"./TextCode.js";import{TextColor as f}from"./TextColor.js";import{TextFormating as p}from"./TextFormating.js";import{TextHeaders as u}from"./TextHeaders.js";import{TextHistory as x}from"./TextHistory.js";import{TextLinks as g}from"./TextLinks.js";import{TextLists as j}from"./TextLists.js";import T from"styled-components";const{colors:c,spacings:b}=o,B=T.div`
+  display: flex;
+  flex-direction: column;
+`,y=T.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${b.comfortable.small};
+  padding: ${b.comfortable.small};
+  border-bottom: 1px solid ${c.ui.background__medium.rgba};
+`,C=({editor:o,features:m,onImageUpload:a})=>0===m.length?null:e(B,{children:[e(y,{children:[r(x,{editor:o,features:m}),r(p,{editor:o,features:m}),r(u,{editor:o,features:m}),r(j,{editor:o,features:m}),r(f,{editor:o,features:m}),r(n,{editor:o,features:m}),r(d,{editor:o,features:m}),r(g,{editor:o,features:m}),r(s,{editor:o,features:m,onImageUpload:a}),r(t,{editor:o,features:m}),r(l,{editor:o,features:m})]}),r(i,{editor:o})]}),k={Bar:y,Bars:B,Button:a,Section:m,AddImageButton:s},A={History:x,Formating:p,Headers:u,Lists:j,Color:f,Code:n,Links:g,Table:t,Alignment:d,ClearFormating:l};export{C as AmplifyBar,k as EditorMenu,A as EditorText};

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.styles.d.ts

@@ -0,0 +1,11 @@
+export declare const MenuSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+interface MenuButtonProps {
+    $active: boolean;
+    $customColors?: {
+        resting: string;
+        hover: string;
+        backgroundHover: string;
+    };
+}
+export declare const MenuButtonStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, MenuButtonProps>> & string;
+export {};