@equinor/amplify-component-lib 0.0.1 → 8.0.1

package/dist/deprecated/DataCard.js

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

package/dist/deprecated/EditableField.js

@@ -0,0 +1,20 @@
+import{jsxs as e,jsx as i,Fragment as t}from"react/jsx-runtime";import{useState as n,useEffect as o}from"react";import{Icon as r,TextField as a,Typography as d}from"@equinor/eds-core-react";import{edit as s}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 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]=n(!1),[v,x]=n(a);o((()=>{x(a)}),[a]),o((()=>{r||b(!1)}),[r]);return e(p,{$editable:r,"data-testid":"editablefield",onClick:()=>{r&&(h||b(!0))},children:[!h&&!m&&i(d,{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:s})]})};export{h as default};

package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts

@@ -0,0 +1,12 @@
+import { IconData } from '@equinor/eds-icons';
+export interface ExpandingIconButtonProps {
+    text: string;
+    onClick: () => void;
+    className?: string;
+    icon: IconData;
+    iconPosition?: 'left' | 'right';
+}
+/**
+ * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
+ */
+export declare const ExpandingIconButton: import("react").ForwardRefExoticComponent<ExpandingIconButtonProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.js

@@ -0,0 +1,24 @@
+import{jsx as i,jsxs as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Icon as e,Typography as a}from"@equinor/eds-core-react";import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as n}from"../../atoms/style/spacings.js";import{motion as s}from"framer-motion";import l from"styled-components";const{colors:c,shape:m}=o,p=l.div`
+  position: relative;
+  height: 48px;
+  width: 48px;
+`,d=s(l.button`
+  position: absolute;
+  display: flex;
+  border-radius: ${m.icon_button.borderRadius};
+  align-items: center;
+  min-width: 48px;
+  height: 48px;
+  overflow: hidden;
+  > svg {
+    flex-shrink: 0;
+    position: absolute;
+    background: inherit;
+    padding: ${n.medium_small};
+  }
+  > span {
+    flex-shrink: 0;
+    color: ${c.text.static_icons__primary_white.rgba};
+    white-space: nowrap;
+  }
+`),g={closed_left:{width:"48px",left:0,background:c.interactive.primary__resting.rgba},open_left:{width:"auto",left:0,background:c.interactive.primary__hover.rgba},closed_right:{width:"48px",right:0,background:c.interactive.primary__resting.rgba},open_right:{width:"auto",right:0,background:c.interactive.primary__hover.rgba}},h=r((({text:r,icon:o,onClick:s,className:l,iconPosition:m="left"},h)=>i(p,"left"===m?{ref:h,className:l,children:t(d,{variants:g,initial:"closed_left",whileHover:"open_left",onClick:s,children:[i(e,{style:{left:"24px",transform:"translate(-50%, 0)"},data:o,size:24,color:c.text.static_icons__primary_white.rgba}),i(a,{variant:"button",group:"navigation",as:"span",style:{marginLeft:`calc(48px - ${n.x_small})`,marginRight:n.large},children:r})]})}:{ref:h,className:l,children:t(d,{variants:g,initial:"closed_right",whileHover:"open_right",onClick:s,children:[i(a,{variant:"button",group:"navigation",as:"span",style:{marginLeft:n.medium,marginRight:`calc(48px + ${n.x_small})`},children:r}),i(e,{style:{right:"24px",transform:"translate(50%, 0)"},data:o,size:24,color:c.text.static_icons__primary_white.rgba})]})})));h.displayName="ExpandingIconButton";export{h as ExpandingIconButton};

package/dist/deprecated/HeaderDrawer.d.ts

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,21 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as i,useState as o,useRef as t,useEffect as n}from"react";import{Typography as d,Icon as a}from"@equinor/eds-core-react";import{chevron_up as s,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 f from"styled-components";import{spacings as p}from"../atoms/style/spacings.js";const{colors:u,elevation:b,shape:v}=m,g=f(l.div)`
+  overflow: hidden;
+`,x=f.button`
+  display: flex;
+  gap: ${p.medium};
+  width: fit-content;
+  border: none;
+  background: none;
+  cursor: pointer;
+  &:hover {
+    > div {
+      box-shadow: ${b.overlay};
+    }
+  }
+`,y=f.div`
+  transition: box-shadow 200ms;
+  box-shadow: ${b.raised};
+  display: flex;
+  align-items: center;
+  border-radius: ${v.circle.borderRadius};
+`,w=i((({title:i,openByDefault:m=!1,id:l,children:f},p)=>{const[b,v]=o(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:p,id:l,children:i}),r(y,{children:r(a,{data:b?s: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:f})})]})}));w.displayName="HeaderDrawer";export{w as default};

package/dist/deprecated/IconToggleButton.d.ts

@@ -0,0 +1,22 @@
+import { IconData } from '@equinor/eds-icons';
+type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+interface Tooltip {
+    title: string;
+    placement: Placement | string;
+}
+interface Toggle {
+    icon: IconData;
+    onClick?: () => void;
+    tooltip?: Tooltip;
+}
+export interface IconToggleButtonProps {
+    initialState?: boolean;
+    toggleOn: Toggle;
+    toggleOff: Toggle;
+    onClick?: (toggle: boolean) => void;
+}
+/**
+ * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
+ */
+declare const IconToggleButton: import("react").ForwardRefExoticComponent<IconToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default IconToggleButton;

package/dist/deprecated/IconToggleButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o,useState as i}from"react";import{Button as e,Icon as l}from"@equinor/eds-core-react";import{OptionalTooltip as n}from"../molecules/OptionalTooltip/OptionalTooltip.js";const c=o((({initialState:o=!1,toggleOn:c,toggleOff:r,onClick:a},p)=>{const[m,s]=i(o);return t(n,m?{title:c.tooltip?.title,placement:c.tooltip?.placement,children:t(e,{ref:p,variant:"ghost_icon",onClick:()=>{s(!1),a?.(m),c.onClick?.()},children:t(l,{size:24,data:c.icon})})}:{title:r.tooltip?.title,placement:r.tooltip?.placement,children:t(e,{ref:p,variant:"ghost_icon",onClick:()=>{s(!0),a?.(m),r.onClick?.()},children:t(l,{size:24,data:r.icon})})})}));c.displayName="IconToggleButton";export{c as default};

package/dist/deprecated/MultiSelectDrawer.js

@@ -0,0 +1,28 @@
+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{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;
+`,C=u(l)`
+  position: absolute;
+  right: ${h.small};
+  height: ${h.large};
+  width: ${h.large};
+  top: 6px;
+`,y=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(y,{variant:"ghost_icon","aria-label":"close search",title:"open",onClick:()=>D(""),children:o(n,{data:d,size:16})}),o(C,{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.js

@@ -0,0 +1,25 @@
+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 a,Label as l,Input as s,Icon as n}from"@equinor/eds-core-react";import{arrow_drop_up as d,arrow_drop_down as c}from"@equinor/eds-icons";import{tokens as m}from"../node_modules/@equinor/eds-tokens/dist/esm/base/index.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}=m,v=g.div`
+  position: relative;
+`,x=g.div`
+  position: relative;
+  input {
+    color: ${h.text.static_icons__default.rgba};
+  }
+`,w=g(a)`
+  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;
+`,k=({disabled:a=!1,onChange:m,items:p=[],label:g,initialItem:h,meta:b,readOnly:k=!1,placeholder:y})=>{const[C,$]=t(p.find((e=>e?.id===h?.id))),[j,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(l,{label:g,meta:b,disabled:a}),e(x,{ref:I,children:[o(s,{value:q,readOnly:k,onFocus:()=>E(!0),onChange:e=>D(e.target.value),placeholder:y,disabled:a}),o(w,{variant:"ghost_icon","aria-label":"toggle options",title:"open",onClick:()=>E((e=>!e)),disabled:a,children:o(n,{data:S?d:c})})]}),o(_,{ref:L,children:S&&j.map((e=>o(u,{onToggle:e=>((e,o)=>{o?e.forEach((e=>{$(e),m&&m(e)})):e.forEach((()=>{$(void 0),m&&m(void 0)}))})(e.items,e.toggle),selectedItems:C?[C]:[],singleSelect:!0,item:e},e.id)))})]})};k.displayName="SingleSelectDrawer";export{k as default};

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

@@ -0,0 +1,13 @@
+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/Workflow/StatusChip.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties, FC, ReactNode } from 'react';
+export interface StatusChipProps {
+    disabled?: boolean;
+    color?: string;
+    backgroundColor?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/**
+ * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
+ */
+declare const StatusChip: FC<StatusChipProps>;
+export default StatusChip;

package/dist/deprecated/Workflow/StatusChip.js

@@ -0,0 +1,25 @@
+import{jsx as e}from"react/jsx-runtime";import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"styled-components";const{colors:t}=o,i=r.div`
+  height: 1.5em;
+  background-color: ${e=>e.$backgroundColor??t.ui.background__light.rgba};
+  border: 0.063em solid
+    ${e=>e.$color??t.text.static_icons__secondary.rgba};
+  border-radius: 1.563em;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 100;
+  > * {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding: 0 0.625em;
+    line-height: normal;
+    color: ${e=>e.$color??"#000000"};
+  }
+`,d=r(i)`
+  background-color: ${t.interactive.disabled__fill.rgba};
+  border: 0.063em solid ${t.interactive.disabled__border.rgba};
+  p {
+    color: ${t.interactive.disabled__text.rgba};
+  }
+`,l=({disabled:o,color:r,backgroundColor:t,style:l,children:s})=>o?e(d,{style:l,"data-testid":"status-chip",children:s}):e(i,{style:l,$color:r,$backgroundColor:t,"data-testid":"status-chip",children:s});export{l as default};

package/dist/deprecated/Workflow/WorkflowDescription.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+interface WorkflowDescriptionType {
+    color?: string;
+    backgroundColor?: string;
+    label: string;
+    notApprovedLabel?: string;
+    approvedUser?: string;
+    approvedDate?: string;
+}
+export interface WorkflowDescriptionProps {
+    options: WorkflowDescriptionType[];
+}
+/**
+ * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
+ */
+declare const WorkflowDescription: FC<WorkflowDescriptionProps>;
+export default WorkflowDescription;

package/dist/deprecated/Workflow/WorkflowDescription.js

@@ -0,0 +1,24 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Fragment as r}from"react";import{tokens as i}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t from"./StatusChip.js";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 l}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"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/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/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import s from"styled-components";const{colors:a}=i,n=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,m=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 78px;
+  width: 278px;
+  padding: 0 16px;
+  background-color: ${a.ui.background__default.rgba};
+  border: 1px solid ${a.ui.background__medium.rgba};
+  border-radius: 4px;
+  z-index: 100;
+`,p=s(m)`
+  background-color: ${a.interactive.disabled__fill.rgba};
+`,c=s.div`
+  height: 56px;
+  width: 1px;
+  background-color: ${a.ui.background__medium.rgba};
+  /* margin: 0 -1px; */
+  z-index: 10;
+`,d=({options:i})=>e(n,{children:i.map(((s,n)=>o(r,{children:[void 0!==s.approvedDate?o(m,{"data-testid":"approved",children:[o("div",{children:[e(l,{group:"paragraph",variant:"overline",children:s.approvedUser}),e(l,{group:"heading",variant:"h6",children:s.approvedDate})]}),e(t,{style:{width:"120px"},color:s.color??a.text.static_icons__secondary.rgba,backgroundColor:s.backgroundColor??a.ui.background__light.rgba,children:e(l,{group:"ui",variant:"chip__badge",children:s.label})})]}):o(p,{"data-testid":"not-approved",children:[e(l,{group:"heading",variant:"h6",color:"#BEBEBE",children:s.notApprovedLabel}),e(t,{disabled:!0,style:{width:"120px"},children:e(l,{group:"ui",variant:"chip__badge",children:s.label})})]}),i.length!==n+1&&e(c,{})]},`${s.label}-${n}`)))});export{d as default};

package/dist/deprecated/Workflow/WorkflowStatusBar.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+interface WorkflowStatusBarType {
+    color: string;
+    backgroundColor: string;
+    label: string;
+    value: string;
+}
+export interface WorkflowStatusBarProps {
+    options: WorkflowStatusBarType[];
+    disableTooltip?: boolean;
+    tooltipPlacement?: Placement;
+    activeNode: string;
+    highlightActiveNode?: boolean;
+    showAlert?: boolean;
+    lineDefaultColor?: string;
+    lineActiveColor?: string;
+}
+/**
+ * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
+ */
+declare const WorkflowStatusBar: FC<WorkflowStatusBarProps>;
+export default WorkflowStatusBar;

package/dist/deprecated/Workflow/WorkflowStatusBar.js

@@ -0,0 +1,33 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Fragment as i}from"react";import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{OptionalTooltip as t}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import l from"styled-components";const{colors:d}=r,a=l.div`
+  display: flex;
+  align-items: center;
+  height: 1.375em;
+`,n=l.div`
+  height: 0.5em;
+  width: 0.5em;
+  background-color: ${e=>e.$backgroundColor};
+  border: 0.125em solid ${e=>e.$color};
+  border-radius: 50%;
+  display: inline-block;
+  z-index: 100;
+  grid-row: 1;
+  grid-column: 1;
+`,c=l.div`
+  grid-row: 1;
+  grid-column: 1;
+  height: 0.5em;
+  width: 0.5em;
+  border: 0.5em solid ${d.infographic.primary__energy_red_55.rgba};
+  margin: -0.4em;
+  border-radius: 50%;
+  display: inline-block;
+  z-index: 100;
+`,m=l(c)`
+  border-color: ${d.infographic.primary__moss_green_21.rgba};
+`,s=l.div`
+  height: 0.25em;
+  width: 2.375em;
+  background-color: ${e=>e.$active?e.$lineActiveColor:e.$lineDefaultColor};
+  margin: 0 -1px;
+  z-index: 10;
+`,g=({activeNode:r,options:l,disableTooltip:g,tooltipPlacement:p,highlightActiveNode:h,showAlert:u,lineDefaultColor:b=d.ui.background__light.rgba,lineActiveColor:v=d.interactive.primary__resting.rgba})=>{const $=l.findIndex((e=>e.value===r));return e(a,{children:l.map(((r,d)=>o(i,{children:[e(t,{placement:p??"top",title:g?void 0:r.label,children:o("div",{style:{display:"grid",placeItems:"center"},"data-testid":"workflow-option",children:[$===d&&h&&e(m,{"data-testid":"active"}),$===d&&u&&e(c,{"data-testid":"alert"}),e(n,{$color:r.color,$backgroundColor:r.backgroundColor})]})}),l.length!==d+1&&e(s,{$active:$>d,$lineDefaultColor:b,$lineActiveColor:v,"data-testid":"line"})]},r.value)))})};export{g as default};

package/dist/deprecated/index.d.ts

@@ -0,0 +1,31 @@
+export { default as CommentField } from './CommentField/CommentField';
+export { ExpandingIconButton } from './ExpandingIconButton/ExpandingIconButton';
+declare const Popover: import("react").ForwardRefExoticComponent<{
+    placement?: import("@floating-ui/utils").Placement;
+    onClose?: () => void;
+    anchorEl?: HTMLElement | null;
+    open: boolean;
+    withinPortal?: boolean;
+    trapFocus?: boolean;
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
+    Title: typeof import("@equinor/eds-core-react/dist/types/components/Popover/PopoverTitle").PopoverTitle;
+    Content: typeof import("@equinor/eds-core-react/dist/types/components/Popover/PopoverContent").PopoverContent;
+    Header: typeof import("@equinor/eds-core-react/dist/types/components/Popover/PopoverHeader").PopoverHeader;
+    Actions: typeof import("@equinor/eds-core-react/dist/types/components/Popover/PopoverActions").PopoverActions;
+};
+declare const Label: import("react").ForwardRefExoticComponent<{
+    label: import("react").ReactNode;
+    meta?: string;
+    disabled?: boolean;
+} & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLLabelElement>>;
+export { Popover, Label };
+export { default as EditableField } from './EditableField';
+export { default as StatusChip } from './Workflow/StatusChip';
+export { default as WorkflowDescription } from './Workflow/WorkflowDescription';
+export { default as WorkflowStatusBar } from './Workflow/WorkflowStatusBar';
+export { default as ConfirmationPopup } from './ConfirmationPopup';
+export { default as DataCard } from './DataCard';
+export { default as HeaderDrawer } from './HeaderDrawer';
+export { default as MultiSelectDrawer } from './MultiSelectDrawer';
+export { default as SingleSelectDrawer } from './SingleSelectDrawer';
+export { default as IconToggleButton } from './IconToggleButton';

package/dist/deprecated/index.js

@@ -0,0 +1 @@
+export{default as CommentField}from"./CommentField/CommentField.js";export{ExpandingIconButton}from"./ExpandingIconButton/ExpandingIconButton.js";import{Popover as o,Label as e}from"@equinor/eds-core-react";export{default as EditableField}from"./EditableField.js";export{default as StatusChip}from"./Workflow/StatusChip.js";export{default as WorkflowDescription}from"./Workflow/WorkflowDescription.js";export{default as WorkflowStatusBar}from"./Workflow/WorkflowStatusBar.js";export{default as ConfirmationPopup}from"./ConfirmationPopup.js";export{default as DataCard}from"./DataCard.js";export{default as HeaderDrawer}from"./HeaderDrawer.js";export{default as MultiSelectDrawer}from"./MultiSelectDrawer.js";export{default as SingleSelectDrawer}from"./SingleSelectDrawer.js";export{default as IconToggleButton}from"./IconToggleButton.js";const t=o,r=e;export{r as Label,t as Popover};

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export * from './providers';
+export * from './atoms';
+export type * from './atoms';
+export * from './molecules';
+export type * from './molecules';
+export * from './organisms';
+export type * from './organisms';
+export * from './deprecated';
+export type * from './deprecated';

package/dist/index.js

@@ -0,0 +1 @@
+export{AuthProvider,useAuth}from"./providers/AuthProvider/AuthProvider.js";export{SideBarProvider,useSideBar}from"./providers/SideBarProvider.js";export{SnackbarProvider,useSnackbar}from"./providers/SnackbarProvider.js";export{TableOfContentsProvider,useTableOfContents}from"./providers/TableOfContentsProvider.js";export{ReleaseNotesProvider}from"./providers/ReleaseNotesProvider.js";export{TutorialStepsProvider,useTutorialSteps}from"./providers/TutorialStepsProvider.js";export{useAmplifyKit}from"./atoms/hooks/useAmplifyKit.js";export{useDebounce}from"./atoms/hooks/useDebounce.js";export{useFakeProgress}from"./atoms/hooks/useFakeProgress.js";export{useLocalStorage}from"./atoms/hooks/useLocalStorage.js";export{usePrevious}from"./atoms/hooks/usePrevious.js";export{useReleaseNotesQuery}from"./atoms/hooks/useReleaseNotesQuery.js";export{useSelect}from"./atoms/hooks/useSelect.js";export{useSignalRMessages}from"./atoms/hooks/useSignalRMessages.js";export{useOnScreenMultiple}from"./atoms/hooks/useOnScreenMultiple.js";export{useNotification}from"./organisms/TopBar/Notifications/NotificationProvider.js";import*as e from"./atoms/style/index.js";export{e as style};export{amplify_failure,amplify_lwd,amplify_success,amplify_wellbore,amplify_wireline_cased_hole,amplify_wireline_open_hole}from"./atoms/icons/drilling.js";export{amplify_calculator,amplify_overlay,amplify_sidebyside}from"./atoms/icons/map.js";export{amplify_aml,amplify_branch,amplify_info_small,amplify_merged,amplify_overview,amplify_resources,amplify_sharepoint,amplify_shield_person,amplify_small_portal,amplify_snail,amplify_sort_small,amplify_tutorials}from"./atoms/icons/other.js";export{amplify_h1,amplify_h2,amplify_h3,amplify_h4,amplify_table_add_column_left,amplify_table_add_column_right,amplify_table_add_row_above,amplify_table_add_row_below,amplify_table_column_heading,amplify_table_merge_cells,amplify_table_remove_column,amplify_table_remove_row,amplify_table_row_heading,amplify_table_split_cell}from"./atoms/icons/wysiwyg.js";export{auth,environment}from"./atoms/utils/auth_environment.js";export{default as coordinate}from"./atoms/utils/coordinate.js";export{default as date}from"./atoms/utils/date.js";export{default as errors}from"./atoms/utils/errors.js";export{exportComponent}from"./atoms/utils/export.js";export{default as favicon}from"./atoms/utils/favicon.js";export{getFeatures}from"./atoms/utils/getFeatures.js";export{default as map}from"./atoms/utils/map.js";export{default as size}from"./atoms/utils/size.js";export{default as sort}from"./atoms/utils/sort.js";export{default as string}from"./atoms/utils/string.js";export{default as url}from"./atoms/utils/url.js";export{AnimatedCheckmark}from"./molecules/AnimatedCheckmark/AnimatedCheckmark.js";export{ApplicationIcon}from"./molecules/ApplicationIcon/ApplicationIcon.js";export{Badge}from"./molecules/Badge/Badge.js";export{Chip}from"./molecules/Chip/Chip.js";export{ContentMenu}from"./molecules/ContentMenu/ContentMenu.js";export{EquinorLogo}from"./molecules/EquinorLogo/EquinorLogo.js";export{FileProgress}from"./molecules/FileProgress/FileProgress.js";export{FileUploadArea}from"./molecules/FileUploadArea/FileUploadArea.js";export{FullPageSpinner}from"./molecules/FullPageSpinner/FullPageSpinner.js";export{InfoElement}from"./molecules/InfoElement/InfoElement.js";export{OptionalTooltip}from"./molecules/OptionalTooltip/OptionalTooltip.js";export{ProfileAvatar}from"./molecules/ProfileAvatar/ProfileAvatar.js";export{RichTextDisplay}from"./molecules/RichTextDisplay/RichTextDisplay.js";export{RichText}from"./molecules/RichTextEditor/index.js";export{AmplifyBar,EditorMenu,EditorText}from"./molecules/RichTextEditor/MenuBar/MenuBar.js";export{TableMenuBar,TextTable}from"./molecules/RichTextEditor/MenuBar/Table/TableBar.js";export{DEFAULT_FEATURES}from"./molecules/RichTextEditor/RichTextEditor.types.js";export{Search}from"./molecules/Search/Search.js";export{Sieve}from"./molecules/Sieve/Sieve.js";export{SingleFilterMenu}from"./molecules/SingleFilterMenu/SingleFilterMenu.js";export{SkeletonBase,skeletonBaseloading}from"./molecules/Skeleton/SkeletonBase/SkeletonBase.js";export{SkeletonGradient}from"./molecules/Skeleton/SkeletonGradient/SkeletonGradient.js";export{Stepper}from"./molecules/Stepper/Stepper.js";export{OptionDrawer}from"./molecules/OptionDrawer/OptionDrawer.js";export{ComboBox}from"./molecules/Select/ComboBox/ComboBox.js";export{SingleSelect}from"./molecules/Select/SingleSelect/SingleSelect.js";export{PageWithTitle}from"./molecules/PageWithTitle/PageWithTitle.js";export{FeedBackIcon}from"./molecules/FeedBackIcon/FeedBackIcon.js";export{ListItem}from"./molecules/ListItem/ListItem.js";export{Breadcrumbs,Button,Card,Checkbox,CircularProgress,Dialog,Divider,DotProgress,Icon,LinearProgress,Menu,Radio,Switch,Tabs,TextField,Typography}from"@equinor/eds-core-react";export{DataGrid}from"./organisms/DataGrid/DataGrid.js";export{FieldSelector}from"./organisms/FieldSelector/FieldSelector.js";export{SideBar}from"./organisms/SideBar/SideBar.js";export{TopBar}from"./organisms/TopBar/TopBar.js";export{FullPageStatus}from"./organisms/FullPageStatus/FullPageStatus.js";export{ErrorPage}from"./organisms/ErrorPage/index.js";export{GlitchAnimation}from"./organisms/ErrorPage/illustrations/GlitchAnimation.js";export{QuestioningAnimation}from"./organisms/ErrorPage/illustrations/QuestioningAnimation.js";export{Unauthorized}from"./organisms/ErrorPage/collections/Unauthorized.js";export{PageNotFound}from"./organisms/ErrorPage/collections/PageNotFound.js";export{TableOfContents}from"./organisms/TableOfContents/TableOfContents.js";export{Template}from"./organisms/Template/Template.js";export{Label,Popover}from"./deprecated/index.js";export{default as CommentField}from"./deprecated/CommentField/CommentField.js";export{default as EditableField}from"./deprecated/EditableField.js";export{default as StatusChip}from"./deprecated/Workflow/StatusChip.js";export{default as WorkflowDescription}from"./deprecated/Workflow/WorkflowDescription.js";export{default as WorkflowStatusBar}from"./deprecated/Workflow/WorkflowStatusBar.js";export{default as ConfirmationPopup}from"./deprecated/ConfirmationPopup.js";export{default as DataCard}from"./deprecated/DataCard.js";export{default as HeaderDrawer}from"./deprecated/HeaderDrawer.js";export{default as MultiSelectDrawer}from"./deprecated/MultiSelectDrawer.js";export{default as SingleSelectDrawer}from"./deprecated/SingleSelectDrawer.js";export{default as IconToggleButton}from"./deprecated/IconToggleButton.js";export{RichTextEditor}from"./molecules/RichTextEditor/RichTextEditor.js";export{ExpandingIconButton}from"./deprecated/ExpandingIconButton/ExpandingIconButton.js";

package/dist/molecules/AnimatedCheckmark/AnimatedCheckmark.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface AnimatedCheckmarkProps {
+    portal?: boolean;
+}
+export declare const AnimatedCheckmark: FC<AnimatedCheckmarkProps>;
+export {};

package/dist/molecules/AnimatedCheckmark/AnimatedCheckmark.js

@@ -0,0 +1,24 @@
+import{jsx as t}from"react/jsx-runtime";import{tokens as i}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o,{keyframes as s}from"styled-components";const{colors:e}=i,r=s`
+  from {
+    stroke-dasharray: 130;
+    stroke-dashoffset: 130;
+  }
+  to {
+    stroke-dasharray: 130;
+    stroke-dashoffset: 260;
+  }
+`,a=o.div`
+  height: fit-content;
+  width: fit-content;
+
+  svg {
+    width: ${({$isApplication:t})=>t?"84px":"calc(24px * 6)"};
+    height: ${({$isApplication:t})=>t?"84px":"calc(24px * 6)"};
+  }
+  path {
+    fill: transparent;
+    stroke-width: 2;
+    stroke: ${e.interactive.primary__resting.rgba};
+    animation: ${r} 1.5s;
+  }
+`,n=({portal:i})=>t(a,{$isApplication:i,children:t("svg",{width:"43",height:"43",viewBox:"0 0 43 43",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"svg-icon",children:t("path",{d:"M12 22L18 28L30 16M42 21.5C42 32.8218 32.8218 42 21.5 42C10.1782 42 1 32.8218 1 21.5C1 10.1782 10.1782 1 21.5 1C32.8218 1 42 10.1782 42 21.5Z"})})});export{n as AnimatedCheckmark};

package/dist/molecules/ApplicationIcon/ApplicationIcon.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const APP_ICONS: string[];
+export declare const SMALL_WAVES_PATH_DATA: string[];
+export declare const LARGE_WAVES_PATH_DATA: string[];

package/dist/molecules/ApplicationIcon/ApplicationIcon.constants.js

@@ -0,0 +1 @@
+const C=["M484.113 48.5628C513.945 48.3631 531.572 36.2852 547.903 24.3397L547.608 23.9361L547.903 24.3397C548.573 23.8492 549.242 23.3589 549.908 22.8698C565.602 11.3589 580.422 0.5 604.431 0.5C628.552 0.5 643.639 11.4614 659.545 23.0298L659.56 23.0412C660.156 23.4741 660.752 23.9079 661.35 24.3419C677.754 36.2468 695.327 48.2911 724.5 48.5607V724.5H0.5V48.5618C30.1815 48.2968 47.7561 36.2527 64.0414 24.3406C64.712 23.8501 65.3804 23.3598 66.0471 22.8708C81.7404 11.3598 96.5604 0.500978 120.569 0.500978C144.691 0.500978 159.778 11.4624 175.683 23.0308C176.284 23.4675 176.885 23.9051 177.488 24.3428L177.782 23.9382L177.488 24.3428C194.079 36.3837 211.866 48.5663 241.639 48.5663C271.413 48.5663 289.158 36.3833 305.708 24.3421L305.414 23.9378L305.708 24.3421C306.31 23.9043 306.91 23.4667 307.509 23.03C323.374 11.4618 338.422 0.500978 362.542 0.500978C386.664 0.500978 401.751 11.4623 417.656 23.0308C418.257 23.4675 418.858 23.9051 419.462 24.3428C436.052 36.3837 453.839 48.5663 483.613 48.5663H484.113V48.5628Z","M726 778H1.00018L1 1C52.7372 1 64.1022 52.4428 121.833 52.4428C181.63 52.4428 191.962 1 242.667 1C293.371 1 304.736 52.4428 363.5 52.4428C422.264 52.4428 433.629 1 484.333 1C535.038 1 546.403 52.4428 605.167 52.4428C663.931 52.4428 675.295 1 726 1L726 778Z"],L=["M724.5 72.4992V724.499H0.5V72.4954C45.0646 72.1639 71.4097 54.1288 95.8591 36.259C96.8643 35.5244 97.8662 34.79 98.8657 34.0574C122.391 16.8154 144.667 0.5 180.75 0.5C217 0.5 239.677 16.9687 263.52 34.2966C264.42 34.9507 265.321 35.6061 266.226 36.2618L266.519 35.857L266.226 36.2618C291.089 54.2924 317.699 72.5 362.25 72.5C406.801 72.5 433.348 54.2919 458.15 36.2609L457.856 35.8565L458.15 36.2609C459.052 35.6052 459.952 34.9498 460.849 34.2956C484.632 16.9679 507.25 0.5 543.5 0.5C579.75 0.5 602.427 16.9687 626.27 34.2965C627.17 34.9507 628.072 35.6061 628.976 36.2618C653.746 54.2248 680.25 72.3636 724.5 72.4992Z","M726 726H1.00018L1 1C78.6059 1 95.6533 73 182.25 73C271.945 73 287.443 1 363.5 1C439.557 1 456.604 73 544.75 73C632.896 73 649.943 1 726 1L726 726Z"];export{L as LARGE_WAVES_PATH_DATA,C as SMALL_WAVES_PATH_DATA};

package/dist/molecules/ApplicationIcon/ApplicationIcon.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export type ApplicationName = 'amplify' | 'embark' | 'premo' | 'dasha' | 'orca' | 'acquire' | 'pwex' | 'ltg' | 'equinor';
+export interface ApplicationIconProps {
+    name: ApplicationName | string;
+    size?: number;
+    animationState?: 'none' | 'hoverable' | 'animated' | 'loading';
+}
+export declare const ApplicationIcon: FC<ApplicationIconProps>;

package/dist/molecules/ApplicationIcon/ApplicationIcon.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{amplify as o,embark as t,premo as n,dasha as i,acquire as r,orca as e,pwex as p,ltg as c,equinor as l,fallback as m}from"./ApplicationIconData/ApplicationIconCollection.js";import g from"./ApplicationIconBase.js";const s=[{appName:"amplify",iconSvg:o.svgPathData,rotationVariant:1,color:"blue"},{appName:"embark",iconSvg:t.svgPathData,rotationVariant:2,color:"green"},{appName:"premo",iconSvg:n.svgPathData,rotationVariant:3,color:"purple"},{appName:"dasha",iconSvg:i.svgPathData,rotationVariant:0,color:"red"},{appName:"acquire",iconSvg:r.svgPathData,rotationVariant:1,color:"yellow"},{appName:"orca",iconSvg:e.svgPathData,rotationVariant:2,color:"magenta"},{appName:"pwex",iconSvg:p.svgPathData,rotationVariant:3,color:"blue"},{appName:"ltg",iconSvg:c.svgPathData,rotationVariant:0,color:"green"},{appName:"equinor",iconSvg:l.svgPathData,rotationVariant:1,color:"purple"},{appName:"fallback",iconSvg:m.svgPathData,rotationVariant:2,color:"blue"}],v=({name:o="amplify",size:t=64,animationState:n="none"})=>{let i=s.find((a=>a.appName.includes(o.toLowerCase())));i||(i={appName:"fallback",iconSvg:m.svgPathData,rotationVariant:1,color:"blue"});const{iconSvg:r}=i;return a(g,{size:t,color:i.color,rotationVariant:i.rotationVariant,animationState:n,appIconData:r})};v.displayName="ApplicationIcon";export{v as ApplicationIcon};

package/dist/molecules/ApplicationIcon/ApplicationIcon.utils.d.ts

@@ -0,0 +1,13 @@
+export type AllowedColors = 'blue' | 'green' | 'purple' | 'red' | 'yellow' | 'magenta';
+export declare const colorMap: Record<AllowedColors, string>;
+export declare const darkenColor: (color: AllowedColors, percentage: number, alphaHex: string) => string;
+export interface AppBaseProps {
+    waveIntervalDist?: number;
+    size?: number;
+    color?: AllowedColors;
+    rotationVariant?: number;
+    numWaves?: number;
+    hasLargeWaves?: boolean;
+    animationState?: 'none' | 'hoverable' | 'animated' | 'loading';
+    appIconData: string[];
+}

package/dist/molecules/ApplicationIcon/ApplicationIcon.utils.js

@@ -0,0 +1 @@
+const e={blue:"#61ACB2",green:"#62B295",purple:"#BE9FD0",red:"#DB949A",yellow:"#C7A97A",magenta:"#BC6B88"},r=(r,B,l)=>`color-mix(in srgb, ${e[r]}${l}, rgba(0, 0, 0, 1) ${B}%)`;export{e as colorMap,r as darkenColor};

package/dist/molecules/ApplicationIcon/ApplicationIconBase.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AppBaseProps } from './ApplicationIcon.utils';
+declare const ApplicationIconBase: FC<AppBaseProps>;
+export default ApplicationIconBase;

package/dist/molecules/ApplicationIcon/ApplicationIconBase.js

@@ -0,0 +1 @@
+import{jsxs as a,jsx as e}from"react/jsx-runtime";import t from"./ApplicationIconData/AppIconSvg.js";import{AppIconContainer as i,IconContainer as n,Waves as s,WaveInnerContainer as o,Wave as r}from"./ApplicationIconBase.styles.js";import{NoiseShape as l}from"./NoiseShape.js";import{WaveShape as v}from"./WaveShape.js";const c=({waveIntervalDist:c=14.75,size:d=512,color:m="blue",rotationVariant:p=1,hasLargeWaves:h=!1,animationState:W="none",appIconData:g})=>{const y=Array.from({length:8},((a,e)=>{const t=h?e*(1.15*c):e*c;return d<=128&&(h=!0),{waveIntervalDist:t,size:d,delay:"animated"===W?750*e:50*(e+1),altWave:e%2==0,hasLargeWaves:h,animationState:W,appIconData:g}}));return a(i,{size:d,color:m,animationState:W,"data-testid":"app-icon-container",children:[e(n,{"data-testid":"icon-container",children:e(t,{paths:g})}),e(s,{animationState:W,isLoading:"loading"===W,"data-testid":"waves-container",children:a(o,{color:m,rotationVariant:p,children:[a(r,{className:"wave",waveIntervalDist:0,"data-testid":"wave",style:{animationDelay:"0ms",transitionDelay:"0ms"},children:[e(v,{index:-1,isAltWave:!1,hasLargeWaves:h}),e(l,{index:-1,isAltWave:!1,hasLargeWaves:h})]}),y.map(((t,i)=>a(r,{className:"wave",waveIntervalDist:t.waveIntervalDist,"data-testid":"wave",style:{animationDelay:`${t.delay}ms`,transitionDelay:`${t.delay}ms`},children:[e(v,{index:i,isAltWave:t.altWave,hasLargeWaves:t.hasLargeWaves}),e(l,{index:i,isAltWave:t.altWave,hasLargeWaves:t.hasLargeWaves})]},i)))]})})]})};c.displayName="ApplicationIconBase";export{c as default};

package/dist/molecules/ApplicationIcon/ApplicationIconBase.styles.d.ts

@@ -0,0 +1,19 @@
+import { AllowedColors } from './ApplicationIcon.utils';
+export interface WavesProps {
+    animationState: 'none' | 'hoverable' | 'animated' | 'loading';
+    isLoading: boolean;
+}
+export declare const AppIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size: number;
+    color: AllowedColors;
+    animationState: "none" | "hoverable" | "animated" | "loading";
+}>> & string;
+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;
+export declare const WaveInnerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    color: AllowedColors;
+    rotationVariant: number;
+}>> & string;
+export declare const Waves: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WavesProps>> & string;
+export declare const Wave: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    waveIntervalDist: number;
+}>> & string;