@equinor/amplify-component-lib 9.15.2 → 9.15.3

package/dist/atoms/style/spacingTokens.js

@@ -0,0 +1,50 @@
+import{css as e}from"styled-components";const t=e`
+  /*Comfortable, by default*/
+  html {
+    --eds_spacing_xxx_large: 48px;
+    --eds_spacing_xx_large: 40px;
+    --eds_spacing_x_large: 32px;
+    --eds_spacing_large: 24px;
+    --eds_spacing_medium: 16px;
+    --eds_spacing_medium_small: 12px;
+    --eds_spacing_small: 8px;
+    --eds_spacing_x_small: 4px;
+    --eds_spacing_xx_small: 2px;
+    /* Override button padding variables to make it work with spacings */
+    --eds_button__padding_x: var(--eds_spacing_medium);
+
+    --eds_icon-button__size: 40px;
+    --eds_button__height: 36px;
+  }
+
+  /*Compact*/
+  [data-spacing-mode='compact'] {
+    --eds_spacing_xxx_large: 40px;
+    --eds_spacing_xx_large: 32px;
+    --eds_spacing_x_large: 40px;
+    --eds_spacing_large: 16px;
+    --eds_spacing_medium: 12px;
+    --eds_spacing_medium_small: 8px;
+    --eds_spacing_small: 4px;
+    --eds_spacing_x_small: 2px;
+    --eds_spacing_xx_small: 0px;
+
+    --eds_icon-button__size: 32px;
+    --eds_button__height: 28px;
+  }
+
+  /*Extra Compact*/
+  [data-spacing-mode='extra-compact'] {
+    --eds_spacing_xxx_large: 32px;
+    --eds_spacing_xx_large: 24px;
+    --eds_spacing_x_large: 16px;
+    --eds_spacing_large: 12px;
+    --eds_spacing_medium: 8px;
+    --eds_spacing_medium_small: 4px;
+    --eds_spacing_small: 2px;
+    --eds_spacing_x_small: 0px;
+    --eds_spacing_xx_small: 0px;
+    --eds_icon-button__size: 28px;
+    --eds_button__height: 20px;
+  }
+`;export{t as spacingTokens};

package/dist/atoms/style/spacings.d.ts

@@ -0,0 +1,14 @@
+//#region src/atoms/style/spacings.d.ts
+declare const spacings: {
+  readonly xxx_large: "var(--eds_spacing_xxx_large, 48px)";
+  readonly xx_large: "var(--eds_spacing_xx_large, 40px)";
+  readonly x_large: "var(--eds_spacing_x_large, 32px)";
+  readonly large: "var(--eds_spacing_large, 24px)";
+  readonly medium: "var(--eds_spacing_medium, 16px)";
+  readonly medium_small: "var(--eds_spacing_medium_small, 12px)";
+  readonly small: "var(--eds_spacing_small, 8px)";
+  readonly x_small: "var(--eds_spacing_x-small, 4px)";
+  readonly xx_small: "var(--eds_spacing_xx_small, 2px)";
+};
+//#endregion
+export { spacings };

package/dist/atoms/style/spacings.js

@@ -0,0 +1 @@
+const e={xxx_large:`var(--eds_spacing_xxx_large, 48px)`,xx_large:`var(--eds_spacing_xx_large, 40px)`,x_large:`var(--eds_spacing_x_large, 32px)`,large:`var(--eds_spacing_large, 24px)`,medium:`var(--eds_spacing_medium, 16px)`,medium_small:`var(--eds_spacing_medium_small, 12px)`,small:`var(--eds_spacing_small, 8px)`,x_small:`var(--eds_spacing_x-small, 4px)`,xx_small:`var(--eds_spacing_xx_small, 2px)`};export{e as spacings};

package/dist/atoms/types/Errors.d.ts

@@ -0,0 +1,16 @@
+import { ErrorType } from "../enums/Errors.js";
+import { ReactNode } from "react";
+
+//#region src/atoms/types/Errors.d.ts
+interface ErrorContentType {
+  type: ErrorType;
+  illustration: ReactNode;
+  title: string;
+  description?: string;
+  button?: {
+    text?: string;
+    onClick?: () => void;
+  };
+}
+//#endregion
+export { ErrorContentType };

package/dist/atoms/types/Field.d.ts

@@ -0,0 +1,8 @@
+//#region src/atoms/types/Field.d.ts
+interface Field {
+  uuid: string | null | undefined;
+  name: string | null | undefined;
+  country: string | null | undefined;
+}
+//#endregion
+export { Field };

package/dist/atoms/types/Guidelines.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement, ReactNode } from "react";
+import { IconData } from "@equinor/eds-icons";
+
+//#region src/atoms/types/Guidelines.d.ts
+interface IconItem {
+  title: string;
+  icon: IconData;
+  color: string;
+  colorBox?: ReactNode;
+}
+interface ElementItem {
+  title: string;
+  element: ReactNode;
+}
+type GuidelineItem = IconItem | ElementItem | ReactElement;
+//#endregion
+export { ElementItem, GuidelineItem, IconItem };

package/dist/atoms/types/Icon.d.ts

@@ -0,0 +1,10 @@
+//#region src/atoms/types/Icon.d.ts
+interface AppIconProps {
+  size: 16 | 18 | 24 | 32 | 40 | 48 | number;
+  iconOnly: boolean;
+  withHover: boolean;
+  grayScale: boolean;
+}
+type SizeIconProps = Pick<AppIconProps, 'size'>;
+//#endregion
+export { AppIconProps, SizeIconProps };

package/dist/atoms/types/SideBar.d.ts

@@ -0,0 +1,25 @@
+import { HTMLAttributes } from "react";
+import { IconData } from "@equinor/eds-icons";
+
+//#region src/atoms/types/SideBar.d.ts
+interface SideBarMenuItemBase {
+  icon: IconData;
+  name: string;
+  link: string;
+  featureUuid?: string;
+}
+type BasicSideBarMenuItem = {
+  onClick?: () => void;
+  replace?: boolean;
+} & SideBarMenuItemBase & Omit<HTMLAttributes<HTMLAnchorElement>, 'children' | 'href' | 'onClick'>;
+interface SideBarMenuItemWithItems extends Omit<HTMLAttributes<HTMLButtonElement>, 'children'> {
+  icon: IconData;
+  name: string;
+  featureUuid?: string;
+  items: (Omit<SideBarMenuItemBase, 'icon'> & {
+    disabled?: boolean;
+  })[];
+}
+type SideBarMenuItem = SideBarMenuItemWithItems | BasicSideBarMenuItem;
+//#endregion
+export { BasicSideBarMenuItem, SideBarMenuItem, SideBarMenuItemWithItems };

package/dist/atoms/types/variants.d.ts

@@ -0,0 +1,4 @@
+//#region src/atoms/types/variants.d.ts
+type Variants = 'error' | 'warning' | 'success' | 'dirty';
+//#endregion
+export { Variants };

package/dist/atoms/utils/auth_environment.d.ts

@@ -0,0 +1,54 @@
+import { EnvironmentType } from "../enums/Environment.js";
+import { PublicClientApplication } from "@azure/msal-browser";
+
+//#region src/atoms/utils/auth_environment.d.ts
+interface EnvVariables {
+  CLIENT_ID: string;
+  NAME: string;
+  API_URL: string;
+  API_SCOPE: string;
+  API_CLIENT_ID: string;
+  ENVIRONMENT_NAME: string;
+  SERVICE_NOW_CONFIGURATION_ITEM: string;
+  ALLOWED_PARENT_DOMAINS: string;
+}
+declare const auth: {
+  fetchMsGraph: (url: string, accessToken: string) => Promise<Response>;
+  GRAPH_SCOPES: {
+    OPENID: string;
+    PROFILE: string;
+    USER_READ: string;
+  };
+  GRAPH_REQUESTS_LOGIN: {
+    scopes: string[];
+  };
+  GRAPH_REQUESTS_PHOTO: {
+    scopes: string[];
+  };
+  GRAPH_REQUESTS_BACKEND: (apiScope: string) => {
+    scopes: string[];
+  };
+  GRAPH_ENDPOINTS: {
+    PHOTO: string;
+  };
+  msalApp: PublicClientApplication;
+  getToken: () => Promise<string>;
+  isReaderOnly: (roles: string[] | undefined) => boolean;
+  isInIframe: () => boolean;
+};
+declare const environment: {
+  getConfig: (param: keyof EnvVariables) => string;
+  getAppName: (appName: string | undefined) => string;
+  getClientId: (clientId: string | undefined) => string;
+  getApiUrl: (apiUrl: string | undefined) => string;
+  getApiScope: (apiScope: string | undefined) => string;
+  getApiClientId: (apiClientId: string | undefined) => string;
+  getEnvironmentName: (environmentName: string | EnvironmentType | undefined) => EnvironmentType;
+  getIsMock: (isMock: string | undefined) => boolean;
+  getMockUserPhoto: (isMockingUserPhoto: string | undefined) => string | undefined;
+  getMockRoles: (mockedRoles: string | undefined) => string[];
+  getServiceNowConfigurationItem: (configurationItem: string | undefined) => string;
+  PORTAL_URL_WITHOUT_LOCALHOST: string;
+};
+//#endregion
+export { auth, environment };

package/dist/atoms/utils/auth_environment.js

@@ -0,0 +1 @@
+import{EnvironmentType as e}from"../enums/Environment.js";import{PublicClientApplication as t}from"@azure/msal-browser";const n=[`IS_MOCK`,`ALLOWED_PARENT_DOMAINS`,`SERVICE_NOW_CONFIGURATION_ITEM`,`API_CLIENT_ID`],r=e=>{if(!window._env_)return``;if(window._env_[e]===void 0&&!n.includes(e))throw Error(`Missing required environment variable: `+e);return window._env_[e]},i=e=>e||r(`NAME`),a=e=>e||r(`CLIENT_ID`),o=e=>e||r(`API_URL`),s=e=>e||r(`API_SCOPE`),c=e=>e||r(`API_CLIENT_ID`),l=e=>e||r(`ENVIRONMENT_NAME`),u=e=>e||r(`SERVICE_NOW_CONFIGURATION_ITEM`),d=e=>e===void 0?!1:e===`true`,f=e=>e===void 0?[`admin`]:JSON.parse(e),p=e=>e?e.split(`;`):r(`ALLOWED_PARENT_DOMAINS`)?.split(`;`)||[],m=e=>{if(e!==void 0)return`https://avatars.githubusercontent.com/u/97165289`};function h(){let t=import.meta.env.VITE_ENVIRONMENT_NAME;if(t||=r(`ENVIRONMENT_NAME`),t===e.PRODUCTION)return`https://jsembark.equinor.com`;let n=t===e.LOCALHOST?e.DEVELOP:t;return`https://client-amplify-portal-${n}.radix.equinor.com`}const g=h(),_={PHOTO:`https://graph.microsoft.com/v1.0/me/photos/96x96/$value`},v=(e,t)=>fetch(e,{headers:{Authorization:`Bearer ${t}`}}),y={OPENID:`openid`,PROFILE:`profile`,USER_READ:`User.Read`},b={scopes:[y.OPENID,y.PROFILE,y.USER_READ]},x={scopes:[y.USER_READ]},S=e=>({scopes:[e]}),C=()=>window.self!==window.top,w=new t({auth:{clientId:a(import.meta.env.VITE_CLIENT_ID),authority:`https://login.microsoftonline.com/StatoilSRM.onmicrosoft.com/`,redirectUri:window.location.origin},cache:{cacheLocation:`localStorage`,storeAuthStateInCookie:!1}}),T=p(import.meta.env.ALLOWED_PARENT_DOMAINS);window.addEventListener(`message`,async e=>{if(T.includes(e.origin)){let t=e.data;if(t){await w.initialize();try{await w.ssoSilent({sid:t}),console.log(`postMessage successfully logged in user!`)}catch(e){console.error(`Something went wrong with postMessage`),console.error(e)}}}});const E=async()=>{if(d(import.meta.env.VITE_IS_MOCK))return``;let e=w.getActiveAccount(),t=w.getAllAccounts();if(!e&&t.length===0)return``;let n=await w.acquireTokenSilent(S(s(import.meta.env.VITE_API_SCOPE)));return n.accessToken},D=e=>{if(e){let t=e.some(e=>e.includes(`WRITE`));return!t}else return!0},O={fetchMsGraph:v,GRAPH_SCOPES:y,GRAPH_REQUESTS_LOGIN:b,GRAPH_REQUESTS_PHOTO:x,GRAPH_REQUESTS_BACKEND:S,GRAPH_ENDPOINTS:_,msalApp:w,getToken:E,isReaderOnly:D,isInIframe:C},k={getConfig:r,getAppName:i,getClientId:a,getApiUrl:o,getApiScope:s,getApiClientId:c,getEnvironmentName:l,getIsMock:d,getMockUserPhoto:m,getMockRoles:f,getServiceNowConfigurationItem:u,PORTAL_URL_WITHOUT_LOCALHOST:g};export{O as auth,k as environment};

package/dist/atoms/utils/coordinate.d.ts

@@ -0,0 +1,5 @@
+//#region src/atoms/utils/coordinate.d.ts
+declare function formatLatLng(coordinate: number): string;
+declare function formatUtm(coordinate: number, decimals?: number): string;
+//#endregion
+export { formatLatLng, formatUtm };

package/dist/atoms/utils/coordinate.js

@@ -0,0 +1 @@
+function e(e){let t=e.toString().split(`.`);return`${t[0]}.${t[1].substring(0,7)}`}function t(e,t=2){let n=e.toString().split(`.`);return`${n[0]}.${n[1].substring(0,t)}m`}export{e as formatLatLng,t as formatUtm};

package/dist/atoms/utils/date.d.ts

@@ -0,0 +1,23 @@
+//#region src/atoms/utils/date.d.ts
+type FormatDateOptions = {
+  format: 'DD. month YYYY' | 'DD. month';
+  month?: 'short' | 'long';
+} | {
+  format: 'DD.MM.YYYY' | 'YYYY-MM-DD' | 'DD.MM.YY';
+};
+/**
+ * @param date - The date obj / date string to format
+ * @param options - Default is { format: 'DD. month YYYY', month: 'long' }
+ */
+declare const formatDate: (date: Date | string | null | undefined, options?: FormatDateOptions & {
+  useUTC?: boolean;
+}) => string | undefined;
+declare const formatDateTime: (date: Date | string | null | undefined, options?: {
+  month?: "short" | "long";
+  hideYear?: boolean;
+  isGMT?: boolean;
+}) => string | undefined;
+declare const formatRelativeDateTime: (date: Date | string | null | undefined, isGMT?: boolean) => string | undefined;
+declare const isBetweenDates: (date: Date | string | null | undefined, dates: [Date, Date]) => boolean;
+//#endregion
+export { formatDate, formatDateTime, formatRelativeDateTime, isBetweenDates };

package/dist/atoms/utils/date.js

@@ -0,0 +1 @@
+const e=(e,t={format:`DD. month YYYY`,month:`long`})=>{if(e){let n=new Date(e);if(n.getTime()){if(t?.format===`DD. month YYYY`){let e=n.toLocaleDateString(`en-GB`,{day:`numeric`,timeZone:t.useUTC?`UTC`:void 0});return`${e}. ${n.toLocaleString(`en-GB`,{month:t?.month??`long`,year:`numeric`,timeZone:t.useUTC?`UTC`:void 0})}`}let e=t?.useUTC?n.getUTCDate():n.getDate(),r=t?.useUTC?n.getUTCMonth()+1:n.getMonth()+1,i=t?.useUTC?n.getUTCFullYear():n.getFullYear();if(t?.format===`DD. month`){let e=n.toLocaleDateString(`en-GB`,{day:`numeric`,timeZone:t.useUTC?`UTC`:void 0});return`${e}. ${n.toLocaleString(`en-GB`,{month:t.month??`long`,timeZone:t.useUTC?`UTC`:void 0})}`}return t?.format===`YYYY-MM-DD`?`${i.toString().padStart(4,`0`)}-${r.toString().padStart(2,`0`)}-${e.toString().padStart(2,`0`)}`:t?.format===`DD.MM.YY`?`${e.toString().padStart(2,`0`)}.${r.toString().padStart(2,`0`)}.${i.toString().padStart(4,`0`).slice(-2)}`:`${e.toString().padStart(2,`0`)}.${r.toString().padStart(2,`0`)}.${i.toString().padStart(4,`0`)}`}}},t=(e,t={month:`long`,hideYear:!1,isGMT:!1})=>{if(e){let n=new Date(e);if(n.getTime()){(t.isGMT??!1)&&n.setTime(n.getTime()+n.getTimezoneOffset()*6e4);let e=n.toLocaleDateString(`en-GB`,{day:`numeric`});return`${e}. ${n.toLocaleString(`en-GB`,{month:t.month??`long`,year:t.hideYear?void 0:`numeric`,hour:`2-digit`,minute:`2-digit`})}`}}},n=(e,n=!1)=>{if(e){let r=new Date(e),i=new Date;if(r.getTime()){n&&r.setTime(r.getTime()+r.getTimezoneOffset()*6e4);let a=r<i?i.getTime()-r.getTime():r.getTime()-i.getTime(),o=a/(1e3*3600*24),s=r.toLocaleTimeString(`en-GB`,{hour:`2-digit`,minute:`2-digit`});return o<1&&r.getDate()===i.getDate()?`Today at ${s}`:o<2&&r<i?`Yesterday at ${s}`:o<2&&o>=0?`Tomorrow at ${s}`:o>2&&o<7&&r>i?`${r.toLocaleString(`en-GB`,{weekday:`long`})} at ${s}`:t(e,{hideYear:r.getFullYear()===i.getFullYear()})}}},r=(e,t)=>{if(e){let n=new Date(e);if(n.getTime())return n>=t[0]&&n<=t[1]}return!1};export{e as formatDate,t as formatDateTime,n as formatRelativeDateTime,r as isBetweenDates};

package/dist/atoms/utils/export.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+
+//#region src/atoms/utils/export.d.ts
+declare const exportComponent: (node: RefObject<HTMLElement>, backgroundColor?: string) => Promise<Blob>;
+//#endregion
+export { exportComponent };

package/dist/atoms/utils/export.js

@@ -0,0 +1 @@
+import e from"html2canvas";function t(e){let t=window.atob(e.split(`,`)[1]),n=e.split(`,`)[0].split(`:`)[1].split(`;`)[0],r=new ArrayBuffer(t.length),i=new Uint8Array(r);for(let e=0;e<t.length;e++)i[e]=t.charCodeAt(e);return new Blob([r],{type:n})}const n=(n,r)=>{if(!n.current)throw Error(`'node' must be a RefObject`);let i=n.current,a=i.scrollWidth,o=i.scrollHeight;return i.setAttribute(`style`,`box-shadow: none`),i.setAttribute(`style`,`overflow: visible`),e(i,{scrollY:-window.scrollY,useCORS:!0,backgroundColor:r||`#FFFFFF`,width:a,height:o}).then(e=>(i.removeAttribute(`style`),t(e.toDataURL(`image/png`,1))))};export{n as exportComponent};

package/dist/atoms/utils/favicon.d.ts

@@ -0,0 +1,4 @@
+//#region src/atoms/utils/favicon.d.ts
+declare function setupIcons(lightFaviconId: string, darkFaviconId: string): void;
+//#endregion
+export { setupIcons };

package/dist/atoms/utils/favicon.js

@@ -0,0 +1 @@
+function e(e,t){let n=document.querySelector(`link#${e}`),r=document.querySelector(`link#${t}`);function i(){r&&n&&(document.head.removeChild(r),document.head.appendChild(n))}function a(){r&&n&&(document.head.removeChild(n),document.head.appendChild(r))}let o=window.matchMedia(`(prefers-color-scheme:dark)`),s=()=>{o.matches?a():i()};o.addEventListener(`change`,s),s()}export{e as setupIcons};

package/dist/atoms/utils/forms.d.ts

@@ -0,0 +1,7 @@
+import { Variants } from "../types/variants.js";
+import { IconData } from "@equinor/eds-icons";
+
+//#region src/atoms/utils/forms.d.ts
+declare function getVariantIcon(variant: Variants | undefined): IconData;
+//#endregion
+export { getVariantIcon };

package/dist/atoms/utils/forms.js

@@ -0,0 +1 @@
+import{error_outlined as e,info_circle as t,thumbs_up as n,warning_outlined as r}from"@equinor/eds-icons";function i(i){switch(i){case`error`:return e;case`warning`:return r;case`success`:return n;case`dirty`:case void 0:return t}}export{i as getVariantIcon};

package/dist/atoms/utils/map.d.ts

@@ -0,0 +1,12 @@
+//#region src/atoms/utils/map.d.ts
+declare function degrees2radians(degrees: number): number;
+interface Point {
+  lat: number;
+  lng: number;
+}
+declare function distanceLatLng(x: Point, y: Point): number;
+declare const utmProjection = "+proj=utm +zone=31 +ellps=intl +towgs84=-90.365,-101.13,-123.384,0.333,0.077,0.894,1.994 +units=m +no_defs";
+declare function convertUtmToLatLng(x: string | number, y: string | number): Point;
+declare function convertLatLngToUtm(coordinate: Point): [number, number];
+//#endregion
+export { convertLatLngToUtm, convertUtmToLatLng, degrees2radians, distanceLatLng, utmProjection };

package/dist/atoms/utils/map.js

@@ -0,0 +1 @@
+import e from"proj4";function t(e){return e*(Math.PI/180)}function n(e,n){let r=t(n.lat-e.lat),i=t(n.lng-e.lng),a=Math.sin(r/2)*Math.sin(r/2)+Math.cos(t(e.lat))*Math.cos(t(n.lat))*Math.sin(i/2)*Math.sin(i/2),o=2*Math.atan2(Math.sqrt(a),Math.sqrt(1-a));return 6371*o}const r=`+proj=utm +zone=31 +ellps=intl +towgs84=-90.365,-101.13,-123.384,0.333,0.077,0.894,1.994 +units=m +no_defs`;function i(t,n){let i=e(r,`EPSG:4326`,[Number(t),Number(n)]);return{lat:i[1],lng:i[0]}}function a(t){let n=e(`EPSG:4326`,r,[t.lng,t.lat]);return[n[0],n[1]]}export{a as convertLatLngToUtm,i as convertUtmToLatLng,t as degrees2radians,n as distanceLatLng,r as utmProjection};

package/dist/atoms/utils/reactquery.d.ts

@@ -0,0 +1,6 @@
+import { DefaultOptions } from "@tanstack/react-query";
+
+//#region src/atoms/utils/reactquery.d.ts
+declare const defaultQueryOptions: DefaultOptions;
+//#endregion
+export { defaultQueryOptions };

package/dist/atoms/utils/reactquery.js

@@ -0,0 +1 @@
+const e={queries:{gcTime:1e3*60*60,refetchOnWindowFocus:!1,retry:(e,t)=>t?.status!==404&&e<=2}};export{e as defaultQueryOptions};

package/dist/atoms/utils/richtext.d.ts

@@ -0,0 +1,37 @@
+import { ImageExtensionFnProps, RichTextEditorFeatures } from "../../molecules/RichTextEditor/RichTextEditor.types.js";
+
+//#region src/atoms/utils/richtext.d.ts
+interface FeaturesProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
+  features?: RichTextEditorFeatures[];
+  extendFeatures?: RichTextEditorFeatures[];
+  removeFeatures?: RichTextEditorFeatures[];
+}
+declare function getFeatures({
+  features,
+  extendFeatures,
+  removeFeatures,
+  onImageUpload
+}: FeaturesProps): RichTextEditorFeatures[];
+/**
+ * @deprecated - Use the onImageRead prop instead of tokens
+ */
+declare const IMG_WITH_SRC_AND_ALT: RegExp;
+/**
+ * @deprecated - Use the onImageRead prop instead of tokens
+ */
+declare const IMG_WITH_ALT: RegExp;
+/**
+ * @deprecated - Use the onImageRead prop instead of tokens
+ */
+declare function extractImageUrls(value: string | undefined): string[];
+/**
+ * @deprecated - Use the onImageRead prop instead of tokens
+ */
+declare function imageToB64(file: File): Promise<string>;
+/**
+ * @deprecated - Use the onImageRead prop instead of tokens
+ */
+declare function cleanRichTextValue(value: string): string;
+declare function getImagesFromRichText(value: string): string[];
+//#endregion
+export { FeaturesProps, IMG_WITH_ALT, IMG_WITH_SRC_AND_ALT, cleanRichTextValue, extractImageUrls, getFeatures, getImagesFromRichText, imageToB64 };

package/dist/atoms/utils/richtext.js

@@ -0,0 +1,2 @@
+import{DEFAULT_FEATURES as e,RichTextEditorFeatures as t}from"../../molecules/RichTextEditor/RichTextEditor.types.js";function n({features:n,extendFeatures:r,removeFeatures:i,onImageUpload:a}){let o=n??e,s=r??[],c=[...o,...s].filter(e=>!i?.includes(e)).filter((e,t,n)=>t===n.indexOf(e));if(c.includes(t.IMAGES)&&a===void 0)throw Error(`onImageUpload cannot be undefined when features include images!
+      Either add the onImageUpload function or remove RichTextEditorFeatures.IMAGES from the features array`);return c}const r=/(<img src=".*?" alt="(.*?)">)/g,i=/(<img alt="(.*?)" \/>)/g;function a(e){if(!e)return[];let t=[],n=e.matchAll(i);for(let e of n)t.push(e[2]);return t}function o(e){return new Promise((t,n)=>{let r=new FileReader;r.readAsDataURL(e),r.onload=()=>{typeof r.result==`string`&&t(r.result)},r.onerror=n})}function s(e){return e.replaceAll(r,`<img alt="$2" />`)}function c(e){let t=[],n=e.matchAll(/(<img src="(.*?)" alt=".*?">)/g);for(let e of n)t.push(e[2]);return t}export{i as IMG_WITH_ALT,r as IMG_WITH_SRC_AND_ALT,s as cleanRichTextValue,a as extractImageUrls,n as getFeatures,c as getImagesFromRichText,o as imageToB64};

package/dist/atoms/utils/size.d.ts

@@ -0,0 +1,28 @@
+//#region src/atoms/utils/size.d.ts
+/**
+ * @deprecated - Use new 'formatDataSize' instead
+ */
+declare const formatBytes: (bytes: number, decimals?: number) => string;
+/**
+ * @deprecated - Use new 'formatDataSize' instead
+ */
+declare const formatKiloBytes: (kiloBytes: number, decimals?: number) => string;
+type InputFormats = 'B' | 'KiB' | 'MiB' | 'GiB' | 'TiB' | 'PiB' | 'EiB' | 'ZiB' | 'YiB';
+interface FormatDataSizeParams {
+  size: number;
+  decimals?: number;
+  inputFormat?: InputFormats;
+}
+/**
+ * @param size - Size in whatever the input format is set to
+ * @param decimals - Amount of decimals to round to, defaults to 2
+ * @param inputFormat - The format that size is in, defaults to 'KiB'
+ * @returns - Formatted data size to human readable, i.e. '1024 KiB' = '1 MiB'
+ */
+declare function formatDataSize({
+  size,
+  decimals,
+  inputFormat
+}: FormatDataSizeParams): string;
+//#endregion
+export { formatBytes, formatDataSize, formatKiloBytes };

package/dist/atoms/utils/size.js

@@ -0,0 +1 @@
+const e=1024,t=(t,n=2)=>{if(t<0||t===0)return`0 Bytes`;if(t===1)return`1 Byte`;let r=n<0?0:n,i=[`Bytes`,`KB`,`MB`,`GB`,`TB`,`PB`,`EB`,`ZB`,`YB`],a=Math.floor(Math.log(t)/Math.log(e));return parseFloat((t/e**+a).toFixed(r))+` `+i[a]},n=(n,r=2)=>t(n*e,r),r=[`B`,`KiB`,`MiB`,`GiB`,`TiB`,`PiB`,`EiB`,`ZiB`,`YiB`];function i({size:e,decimals:t=2,inputFormat:n=`KiB`}){if(e<0)throw Error(`Invalid size, must be a positive integer`);if(t<0)throw Error(`Invalid decimals, must be a positive integer`);if(e===0)return`${e} ${n}`;let i=r.indexOf(n),a=e*1024**i,o=Math.floor(Math.log(a)/Math.log(1024)),s=parseFloat((a/1024**o).toFixed(t));return`${s} ${r[o]}`}export{t as formatBytes,i as formatDataSize,n as formatKiloBytes};

package/dist/atoms/utils/skeleton.js

@@ -0,0 +1 @@
+import{spacings as e}from"../style/spacings.js";function t({meta:e,label:t}){return e||t?`1rem`:`0`}function n({label:t,helperText:n,helperIcon:r}){return`calc(100% - ${t?`1rem`:`0px`} - ${n||r?`1.5rem`:`0px`} - ${e.small})`}export{n as getSkeletonHeight,t as getSkeletonTop};

package/dist/atoms/utils/sort.d.ts

@@ -0,0 +1,8 @@
+//#region src/atoms/utils/sort.d.ts
+declare function sortByDate(a: Date | string, b: Date | string): number;
+interface WellBore {
+  wellboreName?: string | null;
+}
+declare function sortByWellboreName(a: string | WellBore, b: string | WellBore): number;
+//#endregion
+export { sortByDate, sortByWellboreName };

package/dist/atoms/utils/sort.js

@@ -0,0 +1 @@
+function e(e,t){let n=typeof e==`string`?new Date(e):e,r=typeof t==`string`?new Date(t):t;return n>r?-1:n<r?1:0}function t(e,t){let n=typeof e==`string`?e:e.wellboreName,r=typeof t==`string`?t:t.wellboreName;return n&&r?n.localeCompare(r,void 0,{numeric:!0,sensitivity:`base`}):0}export{e as sortByDate,t as sortByWellboreName};

package/dist/atoms/utils/string.d.ts

@@ -0,0 +1,5 @@
+//#region src/atoms/utils/string.d.ts
+declare const Empty = "";
+declare const capitalize: (str: string) => string;
+//#endregion
+export { Empty, capitalize };

package/dist/atoms/utils/string.js

@@ -0,0 +1 @@
+const e=``,t=e=>e.toLowerCase().split(` `).map(e=>e.charAt(0).toUpperCase()+e.substring(1)).join(` `);export{e as Empty,t as capitalize};

package/dist/atoms/utils/tutorials.d.ts

@@ -0,0 +1,16 @@
+//#region src/atoms/utils/tutorials.d.ts
+/**
+ *
+ * @param tutorialId - ID of the relevant tutorial in SAM
+ * @param stepNum - Which step in the tutorial, starts at 0
+ */
+declare function highlightTutorialElementID(tutorialId: string, stepNum: number): string;
+interface TutorialHighlight extends Pick<DOMRect, 'top' | 'left' | 'height' | 'width'> {
+  id: string;
+}
+declare function getHighlightElementBoundingBox(tutorialId: string, stepNum: number, windowSize: {
+  width: number;
+  height: number;
+}): Promise<TutorialHighlight | undefined>;
+//#endregion
+export { TutorialHighlight, getHighlightElementBoundingBox, highlightTutorialElementID };

package/dist/atoms/utils/tutorials.js

@@ -0,0 +1 @@
+function e(e,t){if(t<0)throw Error(`[TutorialHighlightingProvider]: stepNum must be greater than or equal to 0, received ${t}`);return`sam-tutorial-${e}-${t}`}async function t(t,n,r){let i=e(t,n),a=document.getElementById(i),o=!1;for(;!a&&!o;)await new Promise(e=>setTimeout(e,200)),a=document.getElementById(i),o=!0;if(!a){console.warn(`[TutorialHighlightingProvider]: Element with ID ${i} not found`);return}let s=a.getBoundingClientRect(),c=document.getElementById(`content`).scrollTop;return(s.top<=0||s.left<=0||s.bottom>=r.height||s.right>=r.width)&&a.scrollIntoView({behavior:`smooth`,block:`center`}),{id:t,top:s.top-5+c,left:s.left-5,width:s.width+10,height:s.height+10}}export{t as getHighlightElementBoundingBox,e as highlightTutorialElementID};

package/dist/atoms/utils/url.d.ts

@@ -0,0 +1,4 @@
+//#region src/atoms/utils/url.d.ts
+declare function isValidUrl(str: string): boolean;
+//#endregion
+export { isValidUrl };

package/dist/atoms/utils/url.js

@@ -0,0 +1 @@
+function e(e){let t=RegExp(`^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$`,`i`);return t.test(e)}export{e as isValidUrl};

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

@@ -0,0 +1,17 @@
+import * as react1 from "react";
+import { IconData } from "@equinor/eds-icons";
+
+//#region src/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts
+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
+ */
+declare const ExpandingIconButton: react1.ForwardRefExoticComponent<ExpandingIconButtonProps & react1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ExpandingIconButton };

package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.js

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

package/dist/deprecated/IconToggleButton.d.ts

@@ -0,0 +1,26 @@
+import * as react3 from "react";
+import { IconData } from "@equinor/eds-icons";
+
+//#region src/deprecated/IconToggleButton.d.ts
+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;
+}
+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: react3.ForwardRefExoticComponent<IconToggleButtonProps & react3.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { IconToggleButton };

package/dist/deprecated/IconToggleButton.js

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

package/dist/deprecated/OldStepper/OldStep.js

@@ -0,0 +1,29 @@
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../atoms/style/spacings.js";import{useMemo as n,useState as r}from"react";import{Icon as i,Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{check as l}from"@equinor/eds-icons";const{colors:u,shape:d}=e,f=o.div`
+  display: flex;
+  gap: ${t.small};
+  align-items: center;
+  white-space: nowrap;
+  ${e=>e.$clickable&&`
+    &:hover {
+        cursor: pointer;
+    }
+  `}
+`,p=o.span`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 22px;
+  height: 22px;
+  border-radius: ${d.circle.borderRadius};
+  border: 2px solid
+    ${e=>e.$filled??e.$outlined?u.interactive.primary__resting.rgba:u.interactive.disabled__text.rgba};
+  background: ${e=>e.$filled?u.interactive.primary__resting.rgba:`none`};
+  > p {
+    // Ensure text icons are not squished
+    padding: 8px;
+    color: ${e=>e.$filled?u.text.static_icons__primary_white.rgba:u.interactive.disabled__text.rgba};
+  }
+  > svg {
+    transform: scale(0.9);
+  }
+`,m=({currentIndex:e,setCurrentIndex:t,index:o,onlyShowCurrentStepLabel:d=!1,children:m})=>{let[h,g]=r(null),_=n(()=>o>=e?s(p,{$filled:o===e,children:s(a,{variant:`caption`,children:o+1})}):s(p,{$outlined:!0,"data-testid":`wrapper`,children:s(i,{data:l,color:u.interactive.primary__resting.rgba})}),[o,e]),v=n(()=>o<e?`body_short`:`body_short_bold`,[e,o]),y=n(()=>o>e?u.interactive.disabled__text.rgba:u.text.static_icons__default.rgba,[e,o]),b=()=>{o<e&&t(o)};return c(f,{"data-testid":`step`,ref:e=>{h===null&&e!==null&&g(e)},style:h!==null&&!d?{width:`calc(${h.clientWidth}px)`}:void 0,$clickable:o<e,onClick:b,children:[_,(!d||e===o)&&s(a,{variant:v,color:y,children:m})]})};export{m as OldStep};

package/dist/deprecated/OldStepper/OldStepLine.js

@@ -0,0 +1,7 @@
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useMemo as t}from"react";import n from"styled-components";import{jsx as r}from"react/jsx-runtime";const{colors:i}=e,a=n.hr`
+  height: 1px;
+  width: 100%;
+  background: ${e=>e.$background};
+  border: none;
+  margin: 0;
+`,o=({done:e})=>{let n=t(()=>e?i.interactive.primary__resting.rgba:i.interactive.disabled__text.rgba,[e]);return r(a,{$background:n})};export{o as default};

package/dist/deprecated/OldStepper/OldStepper.d.ts

@@ -0,0 +1,16 @@
+import { FC } from "react";
+
+//#region src/deprecated/OldStepper/OldStepper.d.ts
+interface OldStepperProps {
+  current: number;
+  setCurrent: (value: number) => void;
+  steps: string[];
+  onlyShowCurrentStepLabel?: boolean;
+  maxWidth?: string;
+}
+/**
+ * @deprecated Use the new Stepper + StepperProvider component instead
+ */
+declare const OldStepper: FC<OldStepperProps>;
+//#endregion
+export { OldStepper };

package/dist/deprecated/OldStepper/OldStepper.js

@@ -0,0 +1,10 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{OldStep as t}from"./OldStep.js";import n from"./OldStepLine.js";import{useMemo as r}from"react";import i from"styled-components";import{jsx as a}from"react/jsx-runtime";const o=i.div`
+  display: grid;
+  grid-template-columns:
+    repeat(${({$stepAmount:e})=>e-1}, auto 1fr)
+    auto;
+  grid-gap: ${e.small};
+  align-items: center;
+  width: 100%;
+  ${({$maxWidth:e})=>e&&`max-width: ${e}`}
+`,s=({current:e,setCurrent:i,steps:s,onlyShowCurrentStepLabel:c=!1,maxWidth:l})=>{let u=r(()=>{let r=[];return s.forEach((o,l)=>{r.push(a(t,{index:l,currentIndex:e,setCurrentIndex:i,onlyShowCurrentStepLabel:c,children:o},`step-${l}`)),l!==s.length-1&&r.push(a(n,{done:e>l},`step-line-${l}`))}),r},[e,c,i,s]);return a(o,{$stepAmount:s.length,$maxWidth:l,"data-testid":`stepper-container`,children:u})};export{s as OldStepper};