@equinor/amplify-component-lib 0.0.1 → 8.0.1

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.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as l,useMemo as n}from"react";import{Label as a,CircularProgress as t,Icon as r}from"@equinor/eds-core-react";import{arrow_drop_up as i,arrow_drop_down as c,clear as d}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useSelect as m}from"../../atoms/hooks/useSelect.js";import{GroupedSelectMenu as h}from"./GroupedSelectMenu.js";import{ValueText as u,StyledChip as p,Container as g,Section as b,PlaceholderText as f,ClearButton as v,StyledMenu as y}from"./Select.styles.js";import{SelectMenu as S}from"./SelectMenu.js";const{colors:x}=s,C=s=>{const{clearable:C=!0,loading:O=!1,disabled:k=!1,lightBackground:I=!1,underlineHighlight:R=!1,sortValues:j=!0,placeholder:w="Select...",label:D,meta:$,id:B=`amplify-combobox-${D}`,variant:K}=s,{handleOnClear:T,handleOnItemKeyDown:_,handleOnItemSelect:q,handleOnSearchChange:M,handleOnSearchKeyDown:V,handleToggleOpen:z,itemRefs:H,search:P,selectedValues:A,handleOnClose:E,handleOnOpen:F,handleOnRemoveItem:G,open:N,searchRef:W,tryingToRemoveItem:J}=m({...s,clearable:C,loading:O,disabled:k,lightBackground:I,underlineHighlight:R,sortValues:j,placeholder:w}),L=l(null),Q=n((()=>!!D||!!$),[D,$]),U=n((()=>"value"in s&&s.value?e(u,{children:s.value.label}):A.map((o=>e(p,{"data-testid":"amplify-combobox-chip",className:"amplify-combo-box-chip",onDelete:()=>G(o),$tryingToRemove:J?.value===o.value,$lightBackground:I,children:o.label},o.value)))),[A,J,I,s,G]);return o("div",{children:[o(g,{"data-testid":"combobox-container",ref:L,onClick:F,"aria-expanded":N,$variant:K,$lightBackground:I,$shouldShowTopMargin:Q,children:[Q&&e(a,{label:D,meta:$,htmlFor:B}),o(b,{children:[""===P&&0===A.length&&e(f,{children:w}),(""===P||"values"in s&&A.length>0)&&U,e("input",{id:B,disabled:k||O,ref:W,type:"search",role:"combobox",value:P,autoComplete:"off",onChange:M,onKeyDownCapture:V})]}),O?e(t,{size:16}):e(r,{onClick:z,data:N?i:c,color:x.interactive.primary__resting.rgba}),C&&A.length>0&&!O&&e(v,{variant:"ghost_icon",onClick:T,"data-testid":"clearBtn",children:e(r,{data:d,size:18})})]}),N&&e(y,{open:!0,id:"combobox-menu",anchorEl:L.current,onClose:E,placement:"bottom",matchAnchorWidth:!0,children:s.groups?e(h,{...s,search:P,itemRefs:H,onItemSelect:q,onItemKeyDown:_}):e(S,{...s,search:P,itemRefs:H,onItemSelect:q,onItemKeyDown:_,selectableParent:"values"in s&&s.selectableParent})})]})};export{C as Select};

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.styles.js

@@ -0,0 +1,149 @@
+import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{tokens as a}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as o}from"../../atoms/style/colors.js";import{spacings as i}from"../../atoms/style/spacings.js";import{Chip as n}from"../Chip/Chip.js";import s from"styled-components";const{colors:l,spacings:c}=a,d={warning:l.interactive.warning__resting.rgba,error:l.interactive.danger__resting.rgba,success:l.interactive.success__resting.rgba,dirty:o.dark_blue.rgba},g=s.div`
+  position: relative;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  padding: 6px 8px;
+
+  ${({$variant:r})=>r?`box-shadow: inset 0 -2px 0 0 ${d[r]}`:`box-shadow: inset 0 -1px 0 0 ${l.text.static_icons__tertiary.rgba}`};
+
+  ${({$lightBackground:r})=>r?`background-color: ${l.ui.background__default.rgba}`:`background-color: ${l.ui.background__light.rgba}`};
+
+  &[aria-expanded='true'] {
+    box-shadow: inset 0 -2px 0 0 ${l.interactive.primary__resting.rgba};
+  }
+
+  ${({$shouldShowTopMargin:r})=>r&&"margin-top: 1rem;"};
+
+  > label {
+    left: 0;
+    right: 0;
+    position: absolute;
+    top: -1rem;
+  }
+
+  > svg[role='progressbar'] {
+    overflow: unset;
+  }
+  > svg:not([role='progressbar']) {
+    cursor: pointer;
+    &:hover {
+      background: ${l.interactive.primary__hover_alt.rgba};
+      border-radius: 50%;
+    }
+  }
+
+  &:has(input:disabled) {
+    cursor: not-allowed;
+    box-shadow: none;
+    > svg:not([role='progressbar']) {
+      cursor: not-allowed;
+      fill: ${l.interactive.disabled__text.rgba};
+      &:hover {
+        background: transparent;
+      }
+    }
+    > label {
+      color: ${l.interactive.disabled__text.rgba};
+    }
+  }
+`,p=s.section`
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${i.x_small};
+  min-height: 24px;
+  input[type='search'] {
+    background: transparent;
+    width: 0;
+    flex-grow: 1;
+    padding: 0;
+    font-family: 'Equinor', sans-serif;
+    color: ${l.text.static_icons__default.rgba};
+    outline: none;
+    border: none;
+  }
+  input[type='search']:disabled {
+    cursor: not-allowed;
+  }
+  input[type='search']::-webkit-search-decoration,
+  input[type='search']::-webkit-search-cancel-button,
+  input[type='search']::-webkit-search-results-button,
+  input[type='search']::-webkit-search-results-decoration {
+    appearance: none;
+  }
+  &:has(input:disabled) {
+    > p {
+      color: ${l.interactive.disabled__text.rgba};
+    }
+    > .amplify-combo-box-chip {
+      cursor: not-allowed;
+      background: ${l.interactive.disabled__fill.rgba};
+      color: ${l.interactive.disabled__text.rgba};
+      > svg {
+        fill: ${l.interactive.disabled__text.rgba};
+        &:hover {
+          cursor: not-allowed;
+          background: none;
+        }
+      }
+    }
+  }
+`,b=s(r)`
+  position: absolute;
+  top: 50%;
+  transform: translate(0, -50%);
+  right: 26px;
+  width: 24px;
+  height: 24px;
+  svg {
+    fill: ${l.text.static_icons__secondary.rgba};
+  }
+  &:after {
+    width: 24px;
+    height: 24px;
+    left: 0;
+  }
+`,u=s(n)`
+  background: ${({$tryingToRemove:r,$lightBackground:e})=>r?l.interactive.primary__hover_alt.rgba:e?l.ui.background__light.rgba:l.ui.background__default.rgba} !important;
+`,_=s(e.Item)`
+  flex: 1;
+  border-radius: 2px;
+  ${({$paddedLeft:r})=>r&&"margin-left: 36px"};
+  padding-left: 10px;
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    background: ${l.interactive.primary__hover_alt.rgba};
+  }
+
+  &:hover {
+    background: ${l.interactive.primary__hover_alt.rgba};
+  }
+`,h=s.hr`
+  height: calc(100% + ${c.comfortable.medium} * 2);
+  justify-self: center;
+  width: ${i.x_large};
+`,m=s(t)`
+  position: absolute;
+  color: ${l.text.static_icons__tertiary.rgba};
+  top: calc(50%);
+  transform: translate(0, -50%);
+`,x=s(m)`
+  color: ${l.text.static_icons__default.rgba};
+`,f=s(t)`
+  margin-left: ${c.comfortable.medium};
+`,v=s(e)`
+  max-height: 20rem;
+  overflow: auto;
+`,$=s.div`
+  display: flex;
+  align-items: center;
+  padding: 0 ${i.small};
+`,w=s(r)`
+  width: 36px;
+  height: 36px;
+`;export{b as ClearButton,g as Container,h as MenuItemSpacer,$ as MenuItemWrapper,f as NoItemsFoundText,m as PlaceholderText,p as Section,w as SmallButton,u as StyledChip,v as StyledMenu,_ as StyledMenuItem,d as VARIANT_COLORS,x as ValueText};

package/dist/molecules/Select/SelectMenuItem.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{useState as n,useRef as i,useMemo as l}from"react";import{Icon as c}from"@equinor/eds-core-react";import{checkbox_outline as o,checkbox as a,checkbox_indeterminate as u,chevron_down as s,chevron_right as d}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{MenuItemSpacer as p,MenuItemWrapper as h,SmallButton as f,StyledMenuItem as v}from"./Select.styles.js";import{flattenOptions as y,getChildOffset as g}from"./Select.utils.js";const{colors:w}=m,k=m=>{const{index:b,childOffset:_,depth:x=0,item:C,multiselect:A,itemRefs:D,onItemKeyDown:$,onItemSelect:I,selectableParent:K=!0,parentHasNestedItems:j=!1}=m,[O,S]=n(!1),q=i(-1),P=i([]),R=("values"in m?m.values.map((({value:e})=>e)):[]).includes(C.value),H=l((()=>{if(!A||!C.children||0===C.children.length)return o;if(R)return a;if([C,...C.children].some((e=>m.values.find((r=>r.value===e.value)))))return u;const e=m.values.map((({value:e})=>e)),r=y([C])?.map((({value:e})=>e));return r.some((r=>e.includes(r)))?u:o}),[C,A,m,R]),L=l((()=>new Array(x).fill(0).map(((r,t)=>e(p,{},`spacer-${r+t}`)))),[x]),M=()=>{if(I(C),!A)return void S((e=>!e));const e=!m.values.map((({value:e})=>e)).includes(C.value);S(e)},N=e=>{e.stopPropagation(),S((e=>!e))},U=e=>{"ArrowDown"===e.key?q.current+=1:"ArrowUp"===e.key&&(q.current-=1),q.current<=-1?(D.current[b]?.focus(),q.current=-1):q.current+_===P.current.length?(q.current=-1,$(e),S(!1)):q.current>=0&&q.current<P.current.length-_&&P.current[q.current+_]?.focus()},z=e=>{O||"ArrowDown"!==e.key&&"ArrowUp"!==e.key?"ArrowRight"===e.key||"ArrowLeft"===e.key?S((e=>!e)):O&&"ArrowDown"===e.key&&-1===q.current&&(q.current=0,P.current[q.current+_]?.focus()):$(e)};return C.children&&C.children.length>0&&A?r(t,{children:[r(h,{children:[L,e(f,{variant:"ghost_icon",onClick:N,"data-testid":"toggle-button",children:e(c,{color:w.interactive.primary__resting.rgba,data:O?s:d})}),r(v,{$depth:x,ref:e=>{D.current[b]=e},index:b,closeMenuOnClick:!1,onKeyDownCapture:z,onClick:M,children:[e(c,{color:K?w.interactive.primary__resting.rgba:w.interactive.disabled__fill.rgba,data:H}),C.label]})]}),O&&C.children.map(((r,t)=>e(k,{index:_+t,childOffset:_+g(C.children,t),depth:x+1,multiselect:!0,item:r,itemRefs:P,values:m.values,onItemKeyDown:U,onItemSelect:I,selectableParent:K,parentHasNestedItems:!0},`child-${t}-${r.value}-${C.value}`)))]}):A?r(h,{children:[L,r(v,{$depth:x,$paddedLeft:j,ref:e=>{D.current[b]=e},index:b,tabIndex:x,closeMenuOnClick:!1,onKeyDownCapture:$,onClick:M,children:[e(c,{color:w.interactive.primary__resting.rgba,data:R?a:o}),C.label]})]}):e(h,{children:e(v,{$depth:x,ref:e=>{D.current[b]=e},index:b,onKeyDownCapture:$,onClick:M,children:C.label})})};export{k as SelectMenuItem};

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};