@equinor/amplify-component-lib 0.0.1 → 8.0.0

package/dist/molecules/RichTextEditor/index.js

@@ -0,0 +1 @@
+import{AmplifyKit as t}from"./custom-extensions/AmplifyKit.js";import{AmplifyBar as r}from"./MenuBar/MenuBar.js";import{EditorProvider as o}from"./EditorProvider.js";import{EditorStyling as i,EditorContent as e}from"./RichTextEditor.styles.js";import"react/jsx-runtime";import"./RichTextEditor.types.js";const m={Styling:i,Provider:o,Content:e,Bar:r,Kit:t};export{m as RichText};

package/dist/molecules/Search/Search.js

@@ -0,0 +1,13 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Search as r}from"@equinor/eds-core-react";import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import i from"styled-components";const{colors:s}=t,n=i(r)`
+  input {
+    color: ${s.text.static_icons__default.rgba};
+  }
+
+  div:focus-within {
+    outline: none !important;
+
+    input {
+      box-shadow: inset 0 -2px 0 0 ${s.interactive.primary__resting.rgba};
+    }
+  }
+`,a=o(((o,r)=>e(n,{...o,ref:r,autoComplete:"off"})));a.displayName="HeaderDrawer";export{a as Search};

package/dist/molecules/Select/Select.styles.d.ts

@@ -0,0 +1,110 @@
+import { Button } from '@equinor/eds-core-react';
+import { Variants } from './Select.types';
+export declare const VARIANT_COLORS: Record<Variants, string>;
+interface ContainerProps {
+    $lightBackground?: boolean;
+    $variant?: Variants;
+    $shouldShowTopMargin?: boolean;
+}
+declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
+declare const Section: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
+    as?: import("react").ElementType | undefined;
+} & {
+    color?: "primary" | "secondary" | "danger";
+    variant?: "ghost_icon" | "contained" | "contained_icon" | "outlined" | "ghost";
+    href?: string;
+    disabled?: boolean;
+    type?: string;
+    fullWidth?: boolean;
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, "href" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "variant" | "fullWidth">, never>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").ButtonProps, HTMLButtonElement> & {
+    Group: typeof import("@equinor/eds-core-react/dist/types/components/Button/ButtonGroup").ButtonGroup;
+    Toggle: typeof import("@equinor/eds-core-react/dist/types/components/Button/ToggleButton/ToggleButton").ToggleButton;
+}, keyof import("react").Component<any, {}, any>>;
+interface StyledChipProps {
+    $tryingToRemove: boolean;
+    $lightBackground?: boolean;
+    className: string;
+}
+declare const StyledChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Chip/Chip").BaseChipProps, StyledChipProps>> & string & Omit<{
+    ({ children, variant, disabled, onClick, onDelete, ...otherProps }: import("../Chip/Chip").BaseChipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, keyof import("react").Component<any, {}, any>>;
+interface CustomMenuItemProps {
+    $paddedLeft?: boolean;
+}
+declare const StyledMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
+    as?: import("react").ElementType | undefined;
+} & {
+    index?: number;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+    closeMenuOnClick?: boolean;
+    as?: import("react").ElementType;
+} & import("react").HTMLAttributes<HTMLButtonElement> & Omit<any, "as" | "disabled" | "active" | "index" | keyof import("react").HTMLAttributes<HTMLButtonElement> | "closeMenuOnClick">, CustomMenuItemProps>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").MenuItemProps, HTMLButtonElement> & {
+    displayName?: string;
+}, keyof import("react").Component<any, {}, any>>;
+declare const MenuItemSpacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
+declare const PlaceholderText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<({
+    as?: import("react").ElementType | undefined;
+} & import("@equinor/eds-core-react").TypographyProps & Omit<any, "nonce" | "link" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bold" | "variant" | "italic" | "group" | "token" | "lines">) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").TypographyProps, HTMLElement>, keyof import("react").Component<any, {}, any>>;
+declare const ValueText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<{
+    as?: import("react").ElementType | undefined;
+} & {
+    variant?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").TypographyVariants;
+    group?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").TypographyGroups;
+    bold?: boolean;
+    italic?: boolean;
+    link?: boolean;
+    color?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").ColorVariants | string;
+    token?: Partial<import("@equinor/eds-tokens").Typography>;
+    lines?: number;
+} & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Omit<any, "nonce" | "link" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bold" | "variant" | "italic" | "group" | "token" | "lines">, never> | import("styled-components").FastOmit<{
+    as?: import("react").ElementType | undefined;
+} & {
+    variant?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").TypographyVariants;
+    group?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").TypographyGroups;
+    bold?: boolean;
+    italic?: boolean;
+    link?: boolean;
+    color?: import("@equinor/eds-core-react/dist/types/components/Typography/Typography.tokens").ColorVariants | string;
+    token?: Partial<import("@equinor/eds-tokens").Typography>;
+    lines?: number;
+} & import("react").HTMLAttributes<HTMLElement> & Omit<any, "nonce" | "link" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bold" | "variant" | "italic" | "group" | "token" | "lines">, never>, import("styled-components/dist/types").BaseObject>> & string;
+declare const NoItemsFoundText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<({
+    as?: import("react").ElementType | undefined;
+} & import("@equinor/eds-core-react").TypographyProps & Omit<any, "nonce" | "link" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bold" | "variant" | "italic" | "group" | "token" | "lines">) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").TypographyProps, HTMLElement>, keyof import("react").Component<any, {}, any>>;
+declare const StyledMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
+    anchorEl?: HTMLElement | null;
+    open: boolean;
+    onClose?: () => void;
+    placement?: import("@floating-ui/utils").Placement;
+    matchAnchorWidth?: boolean;
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
+    anchorEl?: HTMLElement | null;
+    open: boolean;
+    onClose?: () => void;
+    placement?: import("@floating-ui/utils").Placement;
+    matchAnchorWidth?: boolean;
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: typeof import("@equinor/eds-core-react/dist/types/components/Menu/MenuItem").MenuItem;
+    Section: typeof import("@equinor/eds-core-react/dist/types/components/Menu/MenuSection").MenuSection;
+}, keyof import("react").Component<any, {}, any>>;
+declare const MenuItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const SmallButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
+    as?: import("react").ElementType | undefined;
+} & {
+    color?: "primary" | "secondary" | "danger";
+    variant?: "ghost_icon" | "contained" | "contained_icon" | "outlined" | "ghost";
+    href?: string;
+    disabled?: boolean;
+    type?: string;
+    fullWidth?: boolean;
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Omit<any, "href" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "variant" | "fullWidth">, never>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").ButtonProps, HTMLButtonElement> & {
+    Group: typeof import("@equinor/eds-core-react/dist/types/components/Button/ButtonGroup").ButtonGroup;
+    Toggle: typeof import("@equinor/eds-core-react/dist/types/components/Button/ToggleButton/ToggleButton").ToggleButton;
+}, keyof import("react").Component<any, {}, any>>;
+export { Button, ClearButton, Container, MenuItemSpacer, StyledMenu, NoItemsFoundText, PlaceholderText, StyledChip, Section, MenuItemWrapper, SmallButton, StyledMenuItem, ValueText, };

package/dist/molecules/Select/Select.utils.js

@@ -0,0 +1 @@
+const t=t=>{const n=t=>{if(!t?.length)return[];const r=t.flatMap((({children:t,value:n})=>t?.map((t=>({...t,parent:n})))??[]));return[...r,...n(r)]};return[...t,...n(t)]};export{t as flattenOptions};

package/dist/molecules/Sieve/Filter.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { FilterValues, SieveOption } from './Sieve.types';
+export interface FilterOption {
+    label: string;
+    options: SieveOption[];
+}
+interface FilterProps {
+    options: FilterOption[];
+    filterValues: FilterValues | undefined;
+    setFilterValues: (values: FilterValues | undefined) => void;
+}
+declare const Filter: FC<FilterProps>;
+export default Filter;

package/dist/molecules/Sieve/Filter.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as t,jsx as l}from"react/jsx-runtime";import{useRef as r,useState as n}from"react";import{Icon as i,Menu as o}from"@equinor/eds-core-react";import{filter_list as a,arrow_drop_right as c,checkbox as s,checkbox_outline as u}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Chip as d,MenuItem as p}from"./Sieve.styles.js";import{useOutsideClick as f}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";const{colors:h}=m,b=({options:m,filterValues:b,setFilterValues:g})=>{const v=r(null),[k,_]=n(null),y=r(null),j=r(null),[x,q]=n(-1),[C,F]=n(!1);f(v.current,(e=>{null===k&&C&&y.current&&!y.current.contains(e.target)?F(!1):C&&null!==k&&y.current&&!y.current.contains(e.target)&&j.current&&!j.current.contains(e.target)&&(F(!1),q(-1),_(null))}));return 0===m.length?null:e(t,{children:[e(d,{ref:v,onClick:()=>{F(!C),q(-1),_(null)},children:["Filter by ",l(i,{data:a})]}),C&&l(o,{open:!0,ref:y,anchorEl:v.current,placement:"bottom-start",children:l(o.Section,{title:"Filter by",children:m.map(((t,r)=>e(p,{active:x===r,onClick:e=>((e,t)=>{x===t?(q(-1),_(null)):(q(t),_(e.currentTarget))})(e,r),children:[t.label,l(i,{data:c,color:h.text.static_icons__tertiary.rgba})]},`filter-menu-item-${t.label}`)))})}),-1!==x&&l(o,{open:!0,anchorEl:k,ref:j,placement:"right-start",children:l(o.Section,{title:m[x].label,children:m[x]?.options.map((t=>e(p,{onClick:()=>((e,t)=>{let l={...b};if(e in l&&l[e].some((e=>e.value===t.value))){const r=l[e].findIndex((e=>e.value===t.value));l[e].splice(r,1),0===l[e].length&&delete l[e]}else l[e]?l[e].push(t):l[e]=[t];0===Object.keys(l).flatMap((e=>l?.[e])).length&&(l=void 0),g(l)})(m[x].label,t),children:[t.label,l(i,{data:b?.[m[x].label]?.some((e=>e.value===t.value))?s:u,color:h.interactive.primary__resting.rgba})]},`filter-option-${t.label}`)))})})]})};export{b as default};

package/dist/molecules/Sieve/Sieve.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SieveProps } from './Sieve.types';
+export declare const Sieve: FC<SieveProps>;

package/dist/molecules/Sieve/Sieve.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as l,useEffect as a,useCallback as s}from"react";import{useSearchParams as o}from"react-router-dom";import i from"./Filter.js";import{Wrapper as n,Container as c,Search as u,FilterChip as d}from"./Sieve.styles.js";import f from"./Sort.js";import{l as h}from"../../node_modules/lodash/lodash.js";const p=({searchPlaceholder:p,sortOptions:V,filterOptions:m,sieveValue:v,onUpdate:g,showChips:O=!0,minSearchWidth:b="24rem",syncWithSearchParams:y=!1,isLoadingOptions:S=!1,debounceSearchValue:j=!1,onIsTyping:C})=>{const[N,w]=r(v.searchValue??""),J=l(!1),[L,k]=o(),x=l(!1);a((()=>{if(!x.current&&y&&!S){const e=L.get("search")??void 0,t=m?.map((e=>e.label))??[],r={};for(const e of t){const t=m?.find((t=>t.label===e))?.options,l=JSON.parse(L.get(e.toLowerCase())??"[]");void 0!==t&&(r[e]=t.filter((e=>l.includes(e.label))))}g({searchValue:e,filterValues:r,sortValue:v.sortValue}),x.current=!0}}),[m,x,S,g,L,v.sortValue,y]);const W=l("{}");a((()=>{if(y&&x.current&&!S&&JSON.stringify(v)!==W.current){void 0===v.searchValue?L.delete("search"):L.set("search",v.searchValue);const e=m?.map((e=>e.label))??[],t=v.filterValues;for(const r of e)t?.[r]&&t[r].length>0?L.set(r.toLowerCase(),JSON.stringify(t[r].map((e=>e.label)))):L.delete(r.toLowerCase());W.current=JSON.stringify(v),k(L),g(v)}}),[m,x,S,g,L,k,v,y]);const D=s(((e,t)=>{const r={...v,[e]:t};g(r)}),[g,v]),F=s(h.debounce(((e,t)=>{D(e,t),C?.(!1),J.current=!1}),800),[D,C]);return e(n,{className:"sieve-container",children:[e(c,{children:[t(u,{style:{minWidth:b},placeholder:p,value:j?N:v.searchValue??"",onChange:e=>{j?(w(e.target.value),""===e.target.value?(F.cancel(),D("searchValue",void 0),C?.(!1),J.current=!1):(F("searchValue",e.target.value),J.current||(C?.(!0),J.current=!0))):D("searchValue",""!==e.target.value?e.target.value:void 0)}}),void 0!==V&&t(f,{options:V,selectedOption:v.sortValue,setSelectedOption:e=>D("sortValue",e)}),void 0!==m&&t(i,{options:m,filterValues:v.filterValues,setFilterValues:e=>D("filterValues",e)})]}),O&&e(c,{children:[Object.keys(v.filterValues??{}).map((e=>v.filterValues?.[e].map((r=>t(d,{onDelete:()=>((e,t)=>{let r={...v.filterValues};const l=r[e].findIndex((e=>e.value===t.value));r[e].splice(l,1),0===r[e].length&&delete r[e],0===Object.keys(r).flatMap((e=>r?.[e])).length&&(r=void 0),D("filterValues",r)})(e,r),children:r?.label},`filter-chip-${r?.value}`))))),v.filterValues&&Object.keys(v.filterValues).flatMap((e=>v.filterValues?.[e])).length>1&&t(d,{onDelete:()=>{D("filterValues",void 0)},children:"Remove all"})]})]})};export{p as Sieve};

package/dist/molecules/Sieve/Sieve.styles.d.ts

@@ -0,0 +1,40 @@
+declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const FilterChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
+    disabled?: boolean;
+    onDelete?: (Event: any) => void;
+    variant?: "active" | "error" | "default";
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
+    disabled?: boolean;
+    onDelete?: (Event: any) => void;
+    variant?: "active" | "error" | "default";
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+declare const Search: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@equinor/eds-core-react").SearchProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@equinor/eds-core-react").SearchProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
+declare const MenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
+    as?: import("react").ElementType | undefined;
+} & {
+    index?: number;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+    closeMenuOnClick?: boolean;
+    as?: import("react").ElementType;
+} & import("react").HTMLAttributes<HTMLButtonElement> & Omit<any, "as" | "disabled" | "active" | "index" | keyof import("react").HTMLAttributes<HTMLButtonElement> | "closeMenuOnClick">, never>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").MenuItemProps, HTMLButtonElement> & {
+    displayName?: string;
+}, keyof import("react").Component<any, {}, any>>;
+declare const Chip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
+    disabled?: boolean;
+    onDelete?: (Event: any) => void;
+    variant?: "active" | "error" | "default";
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
+    disabled?: boolean;
+    onDelete?: (Event: any) => void;
+    variant?: "active" | "error" | "default";
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export { Chip, Container, FilterChip, MenuItem, Search, Wrapper };

package/dist/molecules/Sieve/Sieve.styles.js

@@ -0,0 +1,39 @@
+import{Chip as o,Search as e,Menu as i}from"@equinor/eds-core-react";import{tokens as t}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as n}from"../../atoms/style/spacings.js";import a from"styled-components";const{colors:r}=t,s=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.medium};
+`,d=a.div`
+  display: flex;
+  gap: ${n.medium};
+  align-items: center;
+`,u=a(o)`
+  color: ${r.text.static_icons__default.rgba};
+  background: ${r.ui.background__light.rgba};
+  border: 1px solid ${r.ui.background__medium.rgba};
+  line-height: normal;
+  transition: background 0.15s ease-in;
+
+  svg {
+    z-index: auto;
+    fill: ${r.text.static_icons__default.rgba};
+  }
+`,c=a(e)`
+  > div {
+    box-shadow: none;
+    outline: none !important;
+    background: ${r.ui.background__default.rgba};
+    > input {
+      color: ${r.text.static_icons__default.rgba};
+    }
+    > input:focus {
+      box-shadow: inset 0px -2px 0px 0px ${r.interactive.primary__resting.rgba};
+    }
+  }
+`,l=a(i.Item)`
+  outline: none !important;
+  > div {
+    grid-template-columns: 1fr auto;
+  }
+`,m=a(o)`
+  background: none;
+`;export{m as Chip,d as Container,u as FilterChip,l as MenuItem,c as Search,s as Wrapper};

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

@@ -0,0 +1,25 @@
+import { FilterOption } from './Filter';
+interface SieveOption {
+    label: string;
+    value: string;
+}
+type FilterValues = Record<string, SieveOption[]>;
+interface SieveValue {
+    searchValue: string | undefined;
+    sortValue: SieveOption | undefined;
+    filterValues: FilterValues | undefined;
+}
+interface SieveProps {
+    searchPlaceholder: string;
+    sortOptions?: SieveOption[];
+    filterOptions?: FilterOption[];
+    sieveValue: SieveValue;
+    onUpdate: (value: SieveValue) => void;
+    showChips?: boolean;
+    minSearchWidth?: string;
+    syncWithSearchParams?: boolean;
+    isLoadingOptions?: boolean;
+    debounceSearchValue?: boolean;
+    onIsTyping?: (value: boolean) => void;
+}
+export type { FilterValues, SieveOption, SieveProps, SieveValue };

package/dist/molecules/Sieve/Sort.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { SieveOption } from './Sieve.types';
+interface SortProps {
+    options: SieveOption[];
+    selectedOption: SieveOption | undefined;
+    setSelectedOption: (value: SieveOption) => void;
+}
+declare const Sort: FC<SortProps>;
+export default Sort;

package/dist/molecules/Sieve/Sort.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{useRef as t,useState as n}from"react";import{Icon as i,Menu as l}from"@equinor/eds-core-react";import{sort as s,radio_button_selected as c,radio_button_unselected as a}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Chip as d,MenuItem as p}from"./Sieve.styles.js";const{colors:u}=m,f=({options:m,selectedOption:f,setSelectedOption:h})=>{const b=t(null),[v,S]=n(!1);return 0===m.length?null:e(o,{children:[e(d,{ref:b,onClick:()=>{S(!v)},children:["Sort by ",r(i,{data:s})]}),v&&r(l,{open:!0,anchorEl:b.current,onClose:()=>{S(!1)},placement:"bottom-start",children:r(l.Section,{title:"Sort by",children:m.map((o=>e(p,{onClick:()=>(e=>{h(e)})(o),children:[o.label,r(i,{data:f?.value===o.value?c:a,color:u.interactive.primary__resting.rgba})]},`sort-item-${o.value}`)))})})]})};export{f as default};

package/dist/molecules/SingleFilterMenu/SingleFilterMenu.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { IconData } from '@equinor/eds-icons';
+export interface SingleFilterMenuProps {
+    onChange: (selectedId: string | undefined | null) => void;
+    customIcon?: IconData;
+    menuTitle: string;
+    data: string[];
+    showChip?: boolean;
+    chipColor?: string;
+}
+export declare const SingleFilterMenu: FC<SingleFilterMenuProps>;

package/dist/molecules/SingleFilterMenu/SingleFilterMenu.js

@@ -0,0 +1,20 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as n}from"react";import{Chip as i,Button as t,Menu as a,Icon as r,Typography as d}from"@equinor/eds-core-react";import{filter_list as l}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as c}from"../../atoms/style/spacings.js";import u from"styled-components";const{colors:m}=s,p=u.div`
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 25px;
+`,g=u(i)`
+  background: ${e=>e.$backgroundColor};
+`,f=u(t)`
+  justify-self: flex-end;
+`,h=u(a)`
+  overflow-y: auto;
+`,v=u.div`
+  padding: ${c.medium};
+  padding-left: ${c.large};
+`,b=u(a.Item)`
+  &:focus {
+    outline: none;
+    background: ${m.ui.background__light.rgba};
+  }
+`,C=({onChange:i,customIcon:t,menuTitle:a,data:s,showChip:c=!1,chipColor:u=m.ui.background__default.rgba})=>{const[C,k]=n(!1),[_,x]=n(null),[y,$]=n(),j=()=>k(!1);return e(p,{children:[c&&y&&o(g,{"data-testid":"chip",onDelete:()=>{j(),i(void 0),$(void 0)},variant:"default",$backgroundColor:u,children:y}),o(f,{"data-testid":"menuButton",variant:"ghost_icon",onClick:e=>(e=>{const o=e.target;x(o),k(!C)})(e),children:o(r,{data:t??l})}),e(h,{open:C,anchorEl:_,onClose:j,placement:"bottom-end","data-testid":"menuContainer",children:[o(v,{children:o(d,{group:"navigation",variant:"label",children:a})}),s.map(((e,n)=>o(b,{onClick:()=>{return o=e,k(!1),void(y===o?($(void 0),i(void 0)):($(o),i(o)));var o},disabled:y===e&&c,active:y===e&&!c,children:o(d,{group:"navigation",variant:"menu_title",as:"span",children:e})},e+n)))]})]})};C.displayName="SingleFilterMenu";export{C as SingleFilterMenu};

package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts

@@ -0,0 +1,6 @@
+export declare const skeletonBaseloading: import("styled-components/dist/models/Keyframes").default;
+export interface SkeletonBaseProps {
+    $offset?: number;
+}
+export declare const SkeletonBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
+export default SkeletonBase;

package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.js

@@ -0,0 +1,28 @@
+import{COLORS as t}from"../Skeleton.styles.js";import e,{keyframes as n}from"styled-components";const o=n`
+  to {
+    transform: translateX(100%);
+  }
+`,i=e.div`
+  background: ${t.START};
+  overflow: hidden;
+  position: relative;
+  z-index: 2;
+  &:after {
+    background: linear-gradient(
+      90deg,
+      ${t.START} 0%,
+      ${t.END} 50%,
+      ${t.START} 100%
+    );
+    animation: ${o} 1.5s infinite;
+    content: '';
+    height: 100%;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    transform: translateX(-100%);
+    z-index: 1;
+    ${t=>t.$offset&&`\n    animation-delay: ${t.$offset}ms;\n  `};
+  }
+`;export{i as SkeletonBase,i as default,o as skeletonBaseloading};

package/dist/molecules/Skeleton/SkeletonGradient/SkeletonGradient.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface SkeletonGradientProps {
+    duration?: string;
+}
+export declare const SkeletonGradient: FC<SkeletonGradientProps>;

package/dist/molecules/Skeleton/SkeletonGradient/SkeletonGradient.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{COLORS as o}from"../Skeleton.styles.js";const r=({duration:r="1.5s"})=>t("linearGradient",{id:"skeleton-gradient",x1:"0%",x2:"100%",gradientTransform:"translate(-0.1)",children:[e("stop",{stopColor:o.START,offset:"0%"}),e("stop",{stopColor:o.END,offset:"50%"}),e("stop",{stopColor:o.START,offset:"100%"}),e("animateTransform",{attributeName:"gradientTransform",type:"translate",begin:"0s",dur:r,repeatCount:"indefinite",values:"-1; 1; 1"})]});export{r as SkeletonGradient};

package/dist/molecules/Stepper/Step.js

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

package/dist/molecules/Stepper/StepLine.js

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

package/dist/molecules/Stepper/Stepper.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export interface StepperProps {
+    current: number;
+    setCurrent: (value: number) => void;
+    steps: string[];
+    onlyShowCurrentStepLabel?: boolean;
+    maxWidth?: string;
+}
+export declare const Stepper: FC<StepperProps>;

package/dist/molecules/Stepper/Stepper.js

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

package/dist/molecules/TextField/TextField.js

@@ -0,0 +1,3 @@
+import{jsx as t}from"react/jsx-runtime";import{TextField as n}from"@equinor/eds-core-react";import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o from"styled-components";const{colors:r}=e,i=o(n)`
+  ${t=>t.variant?`\n    input, textarea {\n      color: ${r.text.static_icons__default.rgba}\n      }\n    `:`\n      input, textarea {\n      color: ${r.text.static_icons__default.rgba}\n      }\n        div:focus-within {\n          outline: none !important;\n          input, textarea{\n              box-shadow: inset 0 -2px 0 0 ${r.interactive.primary__resting.rgba};\n          }\n        }\n        `}
+`,a=n=>t(i,{...n});export{a as TextField};

package/dist/molecules/Waves/WaveShapeWithNoise.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface WaveShapeWithNoiseProps {
+    index?: number;
+    isAltWave?: boolean;
+}
+export declare const WaveShapeWithNoise: FC<WaveShapeWithNoiseProps>;
+export {};

package/dist/molecules/Waves/WaveShapeWithNoise.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";const i=({index:i,isAltWave:r})=>e("svg",{width:"100%",height:"100%",viewBox:"0 0 100% 100%",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("defs",{children:[t("filter",{id:"noiseFilter",children:t("feTurbulence",{type:"fractalNoise",baseFrequency:.5,numOctaves:3,stitchTiles:"stitch"})}),e("linearGradient",{id:"gradient",x1:"0",y1:"100%",x2:"0",y2:"0%",children:[t("stop",{offset:"0%",stopColor:"black"}),t("stop",{offset:"100%",stopColor:"white"})]}),t("pattern",{id:"wavePattern"+i,x:"0",y:"0",width:"117px",height:"100%",patternUnits:"userSpaceOnUse",children:t("path",r?{d:"M0 0C24.548 0 30.0502 23 58.5 23C86.9498 23 92.452 0 117 0V834.5H0V0Z",fill:"url(#gradient)"}:{d:"M58.5 0C33.952 0 28.4498 23 0 23V834.5H117V23C88.5502 23 83.048 0 58.5 0Z",fill:"url(#gradient)"})}),t("mask",{id:"waveMask"+i,x:"0",y:"0",width:"100%",height:"1",children:t("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:"url(#wavePattern"+i+")"})})]}),t("rect",{width:"100%",height:"100%",filter:"url(#noiseFilter)",mask:"url(#waveMask"+i+")"})]});export{i as WaveShapeWithNoise};

package/dist/molecules/Waves/Waves.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface WavesProps {
+    waveIntervalDist?: number;
+    waveDelay?: number;
+    numWaves?: number;
+    heightFromBottom?: number;
+}
+export declare const Waves: FC<WavesProps>;

package/dist/molecules/Waves/Waves.js

@@ -0,0 +1,48 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{WaveShapeWithNoise as r}from"./WaveShapeWithNoise.js";import a,{keyframes as o}from"styled-components";const i=a.div`
+  --topGradientColor: #77d9dd;
+  --bottomGradientColor: #407577;
+
+  height: calc(100vh - 64px);
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  background: linear-gradient(
+    180deg,
+    var(--bottomGradientColor) 0%,
+    var(--topGradientColor) 100%
+  );
+  > svg {
+    position: absolute;
+    filter: grayscale(1);
+    mix-blend-mode: color-burn;
+    z-index: 0;
+  }
+`,n=a.div`
+  --heightFromBottom: ${({heightFromBottom:t})=>`${t}px`};
+  bottom: var(--heightFromBottom);
+  width: 100%;
+  --rotate3d: rotateX(330deg) rotateY(-15deg) scaleX(1.2);
+  position: absolute;
+`,l=o`
+    0% {
+      transform: var(--rotate3d) translateY(-2px) rotateX(0) scaleY(1);
+    }
+    50% {
+      transform: var(--rotate3d) translateY(5px) rotateX(60deg) scaleY(0.8);
+    }
+    100% {
+      transform: var(--rotate3d) translateY(-2px) rotateX(0) scaleY(1);
+    }
+`,s=a.div`
+  position: absolute;
+  height: 100%;
+  min-height: 1000px;
+  width: 100%;
+  top: ${({waveIntervalDist:t})=>`${t}rem`};
+  transform-origin: top;
+  transform: var(--rotate3d) translateY(-2px) scaleY(1);
+  filter: grayscale(1);
+  mix-blend-mode: overlay;
+
+  animation: ${l} 5.5s infinite ease alternate;
+`,d=()=>t("svg",{viewBox:"0 0 1500 1500",xmlns:"http://www.w3.org/2000/svg",children:[e("filter",{id:"noiseFilter",children:e("feTurbulence",{type:"fractalNoise",baseFrequency:1.5,numOctaves:3,stitchTiles:"stitch"})}),e("rect",{width:"100%",height:"100%",filter:"url(#noiseFilter)"})]}),m=({waveIntervalDist:a=3,waveDelay:o=.75,numWaves:l=10,heightFromBottom:m=600})=>{const h=Array.from({length:l},((t,e)=>({waveIntervalDist:e*a,delay:e*o,altWave:e%2==0})));return t(i,{children:[e(d,{}),e(n,{heightFromBottom:m,children:h.map(((t,a)=>e(s,{waveIntervalDist:t.waveIntervalDist,style:{animationDelay:`${t.delay}s`},children:e(r,{index:a,isAltWave:t.altWave})},a)))})]})};export{m as Waves};