@equinor/amplify-component-lib 8.4.1 → 8.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms/index.d.ts +6 -0
- package/dist/atoms/index.js +1 -0
- package/dist/atoms/style/index.js +1 -0
- package/dist/index.js +1 -1
- package/dist/molecules/ApplicationIcon/ApplicationIcon.d.ts +1 -0
- package/dist/molecules/ApplicationIcon/ApplicationIcon.js +1 -1
- package/dist/molecules/ApplicationIcon/ApplicationIcon.utils.d.ts +1 -0
- package/dist/molecules/ApplicationIcon/ApplicationIconBase.js +1 -1
- package/dist/molecules/ApplicationIcon/ApplicationIconBase.styles.d.ts +1 -0
- package/dist/molecules/ApplicationIcon/ApplicationIconBase.styles.js +17 -4
- package/package.json +5 -1
package/dist/atoms/index.d.ts
CHANGED
|
@@ -4,3 +4,9 @@ export type * from './types';
|
|
|
4
4
|
export * from './enums';
|
|
5
5
|
export * from './icons';
|
|
6
6
|
export * from './utils';
|
|
7
|
+
import * as styleTemp from './style';
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated - Use direct export instead
|
|
10
|
+
*/
|
|
11
|
+
declare const style: typeof styleTemp;
|
|
12
|
+
export { style };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"react";import"../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../molecules/RichTextEditor/RichTextEditor.types.js";import"../node_modules/lodash/lodash.js";import"@equinor/subsurface-app-management";import"@tanstack/react-query";export{auth,environment}from"./utils/auth_environment.js";import"@microsoft/signalr";export{EnvironmentType}from"./enums/Environment.js";export{useNotification}from"../organisms/TopBar/Notifications/NotificationProvider.js";export{useAuth}from"../providers/AuthProvider/AuthProvider.js";export{useSideBar}from"../providers/SideBarProvider.js";export{useSnackbar}from"../providers/SnackbarProvider.js";export{useTableOfContents}from"../providers/TableOfContentsProvider.js";export{useTutorialSteps}from"../providers/TutorialStepsProvider.js";import*as r from"./style/index.js";export{ErrorType}from"./enums/Errors.js";import"react/jsx-runtime";import"../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";const o=r;export{o as style};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{animation}from"./animation.js";export{colors}from"./colors.js";export{spacings}from"./spacings.js";
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
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{
|
|
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{style}from"./atoms/index.js";export{AnimatedCheckmark}from"./molecules/AnimatedCheckmark/AnimatedCheckmark.js";export{ApplicationIcon}from"./molecules/ApplicationIcon/ApplicationIcon.js";export{Badge}from"./molecules/Badge/Badge.js";export{Banner}from"./molecules/Banner/Banner.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{Checkbox}from"./molecules/SelectionControls/Checkbox/Checkbox.js";export{Radio}from"./molecules/SelectionControls/Radio/Radio.js";export{Switch}from"./molecules/SelectionControls/Switch/Switch.js";export{Breadcrumbs,Button,Card,CircularProgress,Dialog,Divider,DotProgress,Icon,LinearProgress,Menu,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/index.js";export{TopBar}from"./organisms/TopBar/index.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{useSelect}from"./atoms/hooks/useSelect.js";export{useDebounce}from"./atoms/hooks/useDebounce.js";export{useFakeProgress}from"./atoms/hooks/useFakeProgress.js";export{useLocalStorage}from"./atoms/hooks/useLocalStorage.js";export{useNotification}from"./organisms/TopBar/Notifications/NotificationProvider.js";export{useOnScreenMultiple}from"./atoms/hooks/useOnScreenMultiple.js";export{usePrevious}from"./atoms/hooks/usePrevious.js";export{useReleaseNotesQuery}from"./atoms/hooks/useReleaseNotesQuery.js";export{useSignalRMessages}from"./atoms/hooks/useSignalRMessages.js";export{useAmplifyKit}from"./atoms/hooks/useAmplifyKit.js";export{spacings}from"./atoms/style/spacings.js";export{colors}from"./atoms/style/colors.js";export{animation}from"./atoms/style/animation.js";export{ErrorType}from"./atoms/enums/Errors.js";export{EnvironmentType}from"./atoms/enums/Environment.js";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{formatLatLng,formatUtm}from"./atoms/utils/coordinate.js";export{formatDate,formatDateTime,formatRelativeDateTime,isBetweenDates}from"./atoms/utils/date.js";export{getErrorContent,getListOfErrors}from"./atoms/utils/errors.js";export{exportComponent}from"./atoms/utils/export.js";export{setupIcons}from"./atoms/utils/favicon.js";export{convertLatLngToUtm,convertUtmToLatLng,degrees2radians,distanceLatLng,utmProjection}from"./atoms/utils/map.js";export{defaultQueryOptions}from"./atoms/utils/reactquery.js";export{IMG_WITH_ALT,IMG_WITH_SRC_AND_ALT,cleanRichTextValue,extractImageUrls,getFeatures,imageToB64}from"./atoms/utils/richtext.js";export{formatBytes,formatDataSize,formatKiloBytes}from"./atoms/utils/size.js";export{sortByDate,sortByWellboreName}from"./atoms/utils/sort.js";export{Empty,capitalize}from"./atoms/utils/string.js";export{isValidUrl}from"./atoms/utils/url.js";export{coordinate,date,errors,favicon,map,reactquery,richtext,size,sort,string,url}from"./atoms/utils/index.js";export{RichTextEditor}from"./molecules/RichTextEditor/RichTextEditor.js";export{ExpandingIconButton}from"./deprecated/ExpandingIconButton/ExpandingIconButton.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as a}from"react/jsx-runtime";import{amplify as o,bravos as t,embark as n,premo as i,dasha as r,acquire as e,orca as p,pwex as c,ltg as l,inpress as g,equinor as m,fallback as s}from"./ApplicationIconData/ApplicationIconCollection.js";import{ApplicationIconBase as v}from"./ApplicationIconBase.js";const S=[{appName:"amplify",iconSvg:o.svgPathData,rotationVariant:1,color:"blue"},{appName:"bravos",iconSvg:t.svgPathData,rotationVariant:2,color:"blue"},{appName:"embark",iconSvg:n.svgPathData,rotationVariant:2,color:"green"},{appName:"premo",iconSvg:i.svgPathData,rotationVariant:3,color:"purple"},{appName:"dasha",iconSvg:r.svgPathData,rotationVariant:0,color:"red"},{appName:"acquire",iconSvg:e.svgPathData,rotationVariant:1,color:"yellow"},{appName:"orca",iconSvg:p.svgPathData,rotationVariant:2,color:"magenta"},{appName:"pwex",iconSvg:c.svgPathData,rotationVariant:3,color:"blue"},{appName:"ltg",iconSvg:l.svgPathData,rotationVariant:0,color:"green"},{appName:"inpress",iconSvg:g.svgPathData,rotationVariant:1,color:"green"},{appName:"equinor",iconSvg:m.svgPathData,rotationVariant:1,color:"purple"},{appName:"fallback",iconSvg:s.svgPathData,rotationVariant:2,color:"blue"}],D=({name:o="amplify",size:t=64,animationState:n="none"})=>{let
|
|
1
|
+
import{jsx as a}from"react/jsx-runtime";import{amplify as o,bravos as t,embark as n,premo as i,dasha as r,acquire as e,orca as p,pwex as c,ltg as l,inpress as g,equinor as m,fallback as s}from"./ApplicationIconData/ApplicationIconCollection.js";import{ApplicationIconBase as v}from"./ApplicationIconBase.js";const S=[{appName:"amplify",iconSvg:o.svgPathData,rotationVariant:1,color:"blue"},{appName:"bravos",iconSvg:t.svgPathData,rotationVariant:2,color:"blue"},{appName:"embark",iconSvg:n.svgPathData,rotationVariant:2,color:"green"},{appName:"premo",iconSvg:i.svgPathData,rotationVariant:3,color:"purple"},{appName:"dasha",iconSvg:r.svgPathData,rotationVariant:0,color:"red"},{appName:"acquire",iconSvg:e.svgPathData,rotationVariant:1,color:"yellow"},{appName:"orca",iconSvg:p.svgPathData,rotationVariant:2,color:"magenta"},{appName:"pwex",iconSvg:c.svgPathData,rotationVariant:3,color:"blue"},{appName:"ltg",iconSvg:l.svgPathData,rotationVariant:0,color:"green"},{appName:"inpress",iconSvg:g.svgPathData,rotationVariant:1,color:"green"},{appName:"equinor",iconSvg:m.svgPathData,rotationVariant:1,color:"purple"},{appName:"fallback",iconSvg:s.svgPathData,rotationVariant:2,color:"blue"}],D=({name:o="amplify",size:t=64,animationState:n="none",iconOnly:i=!1})=>{let r=S.find((a=>a.appName.includes(o.toLowerCase())));r||(r={appName:"fallback",iconSvg:s.svgPathData,rotationVariant:1,color:"blue"});const{iconSvg:e}=r;return a(v,{size:t,color:r.color,rotationVariant:r.rotationVariant,animationState:n,appIconData:e,iconOnly:i})};D.displayName="ApplicationIcon";export{D as ApplicationIcon};
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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:m=512,color:d="blue",rotationVariant:p=1,hasLargeWaves:h=!1,animationState:W="none",appIconData:y,iconOnly:D})=>{const I=Array.from({length:8},((a,e)=>{const t=h?e*(1.15*c):e*c;return m<=128&&(h=!0),{waveIntervalDist:t,size:m,delay:"animated"===W?750*e:50*(e+1),altWave:e%2==0,hasLargeWaves:h,animationState:W,appIconData:y}}));return a(i,{$size:m,$color:d,$animationState:W,$iconOnly:D,"data-testid":"app-icon-container",children:[e(n,{"data-testid":"icon-container",children:e(t,{paths:y})}),!D&&e(s,{$animationState:W,"data-testid":"waves-container",children:a(o,{$color:d,$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})]}),I.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 ApplicationIconBase};
|
|
@@ -4,6 +4,7 @@ interface AppIconContainerProps {
|
|
|
4
4
|
$size: number;
|
|
5
5
|
$color: AllowedColors;
|
|
6
6
|
$animationState: AnimationState;
|
|
7
|
+
$iconOnly: boolean;
|
|
7
8
|
}
|
|
8
9
|
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>, AppIconContainerProps>> & string;
|
|
9
10
|
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;
|
|
@@ -53,7 +53,20 @@ import{colorMap as t,darkenColor as o}from"./ApplicationIcon.utils.js";import e,
|
|
|
53
53
|
}
|
|
54
54
|
`:""}
|
|
55
55
|
position: relative;
|
|
56
|
-
${({$color:t})
|
|
56
|
+
${({$color:t,$iconOnly:e})=>e?a`
|
|
57
|
+
> div {
|
|
58
|
+
svg {
|
|
59
|
+
filter: none;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
`:a`
|
|
63
|
+
box-shadow:
|
|
64
|
+
0 105px 68px 0 ${o(t,0,"00")},
|
|
65
|
+
0 96px 62px 0 ${o(t,.1,"03")},
|
|
66
|
+
0 56px 52px 0 ${o(t,.5,"0D")},
|
|
67
|
+
0 32px 39px 0 ${o(t,.9,"17")},
|
|
68
|
+
0 8px 21px 0 ${o(t,.1,"1a")};
|
|
69
|
+
`}
|
|
57
70
|
`,p=e.div`
|
|
58
71
|
--pos: 12.5%;
|
|
59
72
|
position: absolute;
|
|
@@ -75,7 +88,7 @@ import{colorMap as t,darkenColor as o}from"./ApplicationIcon.utils.js";import e,
|
|
|
75
88
|
width: 100%;
|
|
76
89
|
height: 100%;
|
|
77
90
|
background-color: ${({$color:o})=>t[o]};
|
|
78
|
-
transform: ${({$rotationVariant:t})=>
|
|
91
|
+
transform: ${({$rotationVariant:t})=>x(t)};
|
|
79
92
|
position: absolute;
|
|
80
93
|
|
|
81
94
|
.noiseShape {
|
|
@@ -112,7 +125,7 @@ import{colorMap as t,darkenColor as o}from"./ApplicationIcon.utils.js";import e,
|
|
|
112
125
|
transition-delay: 200ms;
|
|
113
126
|
}
|
|
114
127
|
`;default:return a``}}}
|
|
115
|
-
`,
|
|
128
|
+
`,m=e.div`
|
|
116
129
|
position: absolute;
|
|
117
130
|
top: ${({$waveIntervalDist:t})=>`${t}%`};
|
|
118
131
|
transform-origin: bottom;
|
|
@@ -127,4 +140,4 @@ import{colorMap as t,darkenColor as o}from"./ApplicationIcon.utils.js";import e,
|
|
|
127
140
|
position: absolute;
|
|
128
141
|
left: 0;
|
|
129
142
|
}
|
|
130
|
-
`,
|
|
143
|
+
`,x=(t=0)=>{const o=["rotate(-45deg)","rotate(45deg)","rotate(135deg)","rotate(225deg)"];return o[t%o.length]};export{n as AppIconContainer,p as IconContainer,m as Wave,d as WaveInnerContainer,l as Waves};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/amplify-component-lib",
|
|
3
|
-
"version": "8.4.
|
|
3
|
+
"version": "8.4.3",
|
|
4
4
|
"description": "Frontend Typescript components for the Amplify team",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -8,6 +8,10 @@
|
|
|
8
8
|
"author": "Amplify Team",
|
|
9
9
|
"license": "ISC",
|
|
10
10
|
"homepage": "https://github.com/equinor/amplify-component-lib#readme",
|
|
11
|
+
"repository": {
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "git+https://github.com/equinor/amplify-component-lib.git"
|
|
14
|
+
},
|
|
11
15
|
"bugs": {
|
|
12
16
|
"url": "https://github.com/equinor/amplify-component-lib/issues"
|
|
13
17
|
},
|