@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/core/SearchSelect/SearchSelect.stories.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { action } from '@storybook/addon-actions';
-import SearchSelect from '.';
-export default {
-    title: 'Core/SearchSelect',
-    component: SearchSelect,
-};
-const values = [
-    {
-        id: '1',
-        label: 'one',
-    },
-    {
-        id: '2',
-        label: 'two',
-    },
-    {
-        id: '3',
-        label: 'three',
-    },
-    {
-        id: '4',
-        label: 'four',
-    },
-    {
-        id: '5',
-        label: 'five',
-    },
-    {
-        id: '6',
-        label: 'six',
-    },
-    {
-        id: '7',
-        label: 'seven',
-    },
-    {
-        id: '8',
-        label: 'eight',
-    },
-];
-export const Default = {
-    render: () => (_jsx(SearchSelect, { defaultValue: "Default", values: values, fuzzyKeys: ['id', 'label'], onChange: action('onChange') })),
-    name: 'Default',
-};
-export const CreateLabelName = {
-    render: () => (_jsx(SearchSelect, { defaultValue: "createLabelName", values: values, createLabelName: (item) => `(${item.id}) ${item.labelName}`, labelName: "labelName", fuzzyKeys: ['id', 'labelName'], onChange: action('onChange') })),
-    name: 'createLabelName',
-};

package/lib/core/SearchSelect/hooks/useSelectSearch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelectSearch.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/SearchSelect/hooks/useSelectSearch.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAE1D,QAAA,MAAM,eAAe,GAAI,OAAO,MAAM;;;;;;CAuBrC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/core/SearchSelect/hooks/useSelectSearch.js

@@ -1,21 +0,0 @@
-import { matchSorter } from 'match-sorter';
-import { useMemo, useState } from 'react';
-const useSelectSearch = (props) => {
-    const [open, setOpen] = useState(false);
-    const [search, setSearch] = useState('');
-    const values = useMemo(() => {
-        const fuzzyOptions = {
-            keys: props.fuzzyKeys,
-        };
-        return matchSorter(props.values, search || '', fuzzyOptions);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.values, search]);
-    return {
-        open,
-        search,
-        values,
-        setOpen,
-        setSearch,
-    };
-};
-export default useSelectSearch;

package/lib/core/SearchSelect/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SearchSelect/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA4B,MAAM,OAAO,CAAA;AAOhD,OAAO,EAAE,MAAM,EAAgB,MAAM,oBAAoB,CAAA;AASzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0GlC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/SearchSelect/index.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { useRef, useEffect } from 'react';
-import IconChevronDown from '../../icons/General/IconChevronDown';
-import Button from '../Button';
-import Input from '../Input';
-import List from '../List';
-import { Option } from '../Select';
-import useSelectSearch from './hooks/useSelectSearch';
-import { OptionsWrapper, StyledLabel, Wrapper, ListWrapper, styles, } from './styles';
-const SelectSearch = (props) => {
-    const ref = useRef(null);
-    const inputRef = useRef(null);
-    const { open, values, search, setSearch, setOpen } = useSelectSearch(props);
-    const handleClickOutside = (e) => {
-        const node = ref.current;
-        if (node && node.contains(e.target))
-            return;
-        setOpen(false);
-        setSearch('');
-    };
-    useEffect(() => {
-        if (open) {
-            document.addEventListener('mousedown', handleClickOutside);
-            return;
-        }
-        document.removeEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [open, ref]);
-    useEffect(() => {
-        if (open && inputRef.current) {
-            inputRef?.current?.focus();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [inputRef?.current, open]);
-    const handleOnClick = () => {
-        setOpen(!open);
-        if (!open)
-            setSearch('');
-    };
-    const handleOnItemClick = (item) => () => {
-        props.onChange(item);
-        setOpen(false);
-    };
-    const getDisplayedValue = (selected) => {
-        const item = values.find((v) => v[props.keyName || 'id'] === selected);
-        if (!item)
-            return null;
-        return props.createLabelName?.(item);
-    };
-    return (_jsxs(Wrapper, { ref: ref, css: () => [props.type === 'opacity08' && styles.opacity08], children: [props.label && _jsx(StyledLabel, { children: props.label }), _jsx(Button, { nostyle: true, afterIcon: _jsx(IconChevronDown, { flipVertical: open, size: 14 }), onClick: handleOnClick, trackingName: props.trackingName, trackingEvent: props.trackingEvent, children: (props?.createLabelName && getDisplayedValue(props.selectedValue)) ||
-                    props.selectedValue ||
-                    props.defaultValue ||
-                    '' }), _jsx(OptionsWrapper, { children: open ? (_jsxs(_Fragment, { children: [_jsx(Input, { ref: inputRef, height: "36px", type: "search", highlight: true, placeholder: props.inputPlaceholder || '', value: search, onChange: (e) => setSearch(e.target.value) }), _jsx(ListWrapper, { children: _jsx(List, { children: values.map((item) => (_jsx(Option, { onChange: handleOnItemClick(item), children: props.createLabelName?.(item) ||
-                                        item[props.labelName || 'label'] }, item[item.keyName || 'id']))) }) })] })) : null })] }));
-};
-export default SelectSearch;

package/lib/core/SearchSelect/interface/IProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IProps.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/SearchSelect/interface/IProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAGlC,wCAAwC;IAGxC,0FAA0F;IAC1F,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,MAAM;IACrB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,wEAAwE;IACxE,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAC9B,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wDAAwD;IACxD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,MAAM,CAAA;IAC/C,wBAAwB;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAA;IACrC,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yDAAyD;IACzD,SAAS,EAAE,MAAM,EAAE,CAAA;CACpB"}

package/lib/core/SearchSelect/interface/IProps.js

@@ -1 +0,0 @@
-export {};

package/lib/core/SearchSelect/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SearchSelect/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;SA0Bd,MAAO,WAAW;2GArB3B,CAAA;AACD,eAAO,MAAM,OAAO;;SAoBV,MAAO,WAAW;2GAd3B,CAAA;AAED,eAAO,MAAM,cAAc;;SAYjB,MAAO,WAAW;yGAG3B,CAAA;AAED,eAAO,MAAM,WAAW;;SALd,MAAO,WAAW;yGAS3B,CAAA;AAED,eAAO,MAAM,MAAM;;CA6BlB,CAAA"}

package/lib/core/SearchSelect/styles.js

@@ -1,66 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const StyledLabel = styled.span `
-  line-height: 22px;
-  font-size: 1em;
-  font-weight: 600;
-  margin-bottom: 4px;
-`;
-export const Wrapper = styled.span `
-  position: relative;
-
-  ul {
-    border-top: none;
-  }
-`;
-export const OptionsWrapper = styled.div `
-  position: absolute;
-  left: 0;
-  right: 0;
-  min-width: 150px;
-  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
-  border-radius: 10px;
-  overflow: hidden;
-  background: #fff;
-  width: max-content;
-
-  @media (max-width: 768px) {
-    width: auto;
-  }
-`;
-export const ListWrapper = styled.div `
-  max-height: 10em;
-  overflow-x: hidden;
-  overflow-y: auto;
-`;
-export const styles = {
-    opacity08: css `
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 0.5em;
-    height: 39px;
-    background-color: rgba(216, 216, 216, 0.08);
-    border: 1px solid rgba(255, 255, 255, 0.24);
-    border-radius: 5px;
-    color: white;
-
-    & > button > span {
-      color: white;
-      font-weight: 400;
-    }
-
-    button svg polygon {
-      fill: white;
-    }
-
-    button {
-      width: 100%;
-    }
-
-    button + div {
-      top: 40px;
-    }
-  `,
-};

package/lib/core/Select/Option.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/Option.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAM;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAA;IAC1B,eAAe;IACf,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,sBAAsB;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC9C,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6B5B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/core/Select/Option.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import React from 'react';
-import { optionButton } from './styles';
-import ListItem from '../List/Item';
-import Button from '../Button';
-const Option = ({ trackingEvent, trackingName, ...props }) => {
-    const onChange = () => {
-        if (props.onChange && !props.disabled) {
-            props.onChange({ value: props.value });
-        }
-    };
-    return (_jsx(ListItem, { children: _jsx(Button, { nostyle: true, css: optionButton(props.indent), onClick: onChange, trackingEvent: trackingEvent, trackingName: trackingName, disabled: props.disabled, children: React.Children.map(props.children, (child) => {
-                return child;
-            }) }, props.key) }));
-};
-export default Option;

package/lib/core/Select/Select.stories.d.ts

@@ -1,47 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const SelectDefault: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Width: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const OptionsWidth: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const SelectNative: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Input: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Icon: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Primary10: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Opacity08: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const MaxHeight: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const Disabled: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithInfoButton: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/lib/core/Select/Select.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAKlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,aAAa;;;CAYzB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAiBjB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAgBxB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAYxB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAYjB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAiBhB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAgBrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAmBrB,CAAA;AAED,eAAO,MAAM,SAAS;;;CA4BrB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CASpB,CAAA;AAED,eAAO,MAAM,cAAc;;;CAkB1B,CAAA"}

package/lib/core/Select/Select.stories.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { action } from '@storybook/addon-actions';
-import Select from '.';
-import Option from './Option';
-import IconTypeOfBuilding from '../../icons/General/IconTypeOfBuilding';
-export default {
-    title: 'Core/Select',
-    component: Select,
-};
-export const SelectDefault = {
-    render: () => (_jsxs(Select, { text: "Sorter etter", onChange: action('onChange'), children: [_jsx(Option, { disabled: true, value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" }), _jsx(Option, { value: "3", children: "Option 3" })] })),
-    name: 'Select',
-};
-export const Width = {
-    render: () => (_jsxs(Select, { text: "Sorter etter", type: "primary10", width: "400px", onChange: action('onChange'), children: [_jsx(Option, { disabled: true, value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" }), _jsx(Option, { value: "3", children: "Option 3" })] })),
-    name: 'Width',
-};
-export const OptionsWidth = {
-    render: () => (_jsxs(Select, { text: "Sorter etter", optionsWidth: "400px", onChange: action('onChange'), children: [_jsx(Option, { disabled: true, value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" }), _jsx(Option, { value: "3", children: "Option 3" })] })),
-    name: 'Options width',
-};
-export const SelectNative = {
-    render: () => (_jsxs(Select, { text: "Sorter etter", native: true, onChange: action('onChange'), children: [_jsx(Option, { disabled: true, value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" }), _jsx(Option, { value: "3", children: "Option 3" })] })),
-    name: 'Select - native',
-};
-export const Input = {
-    render: () => (_jsxs(Select, { text: "Velg en", label: "Label", input: true, onChange: action('onChange'), children: [_jsx(Option, { disabled: true, value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" }), _jsx(Option, { value: "3", children: "Option 3" })] })),
-    name: 'Input',
-};
-export const Icon = {
-    render: () => (_jsxs(Select, { text: "Velg en", label: "Label", icon: _jsx(IconTypeOfBuilding, { primary: true }), onChange: action('onChange'), children: [_jsx(Option, { disabled: true, value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" }), _jsx(Option, { value: "3", children: "Option 3" })] })),
-    name: 'Icon',
-};
-export const Primary10 = {
-    render: () => (_jsxs(Select, { text: "Background with 10 opacity", type: "primary10", onChange: action('onChange'), children: [_jsx(Option, { disabled: true, value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" }), _jsx(Option, { value: "3", children: "Option 3" })] })),
-    name: 'Primary10',
-};
-export const Opacity08 = {
-    render: () => (_jsx("div", { style: {
-            backgroundColor: '#04112D',
-            padding: '2em',
-        }, children: _jsxs(Select, { text: "Opacity08", type: "opacity08", onChange: action('onChange'), children: [_jsx(Option, { disabled: true, value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" }), _jsx(Option, { value: "3", children: "Option 3" })] }) })),
-    name: 'Opacity08',
-};
-export const MaxHeight = {
-    render: () => (_jsx("div", { style: {
-            backgroundColor: '#04112D',
-            padding: '2em',
-        }, children: _jsxs(Select, { text: "maxHeight", type: "opacity08", onChange: action('onChange'), maxHeight: "100px", children: [_jsx(Option, { disabled: true, value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" }), _jsx(Option, { value: "3", children: "Option 3" }), _jsx(Option, { value: "3", children: "Option 4" }), _jsx(Option, { value: "3", children: "Option 5" }), _jsx(Option, { value: "3", children: "Option 6" }), _jsx(Option, { value: "3", children: "Option 7" })] }) })),
-    name: 'MaxHeight',
-};
-export const Disabled = {
-    render: () => (_jsxs(Select, { text: "Im disabled", input: true, disabled: true, children: [_jsx(Option, { value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" })] })),
-    name: 'Disabled',
-};
-export const WithInfoButton = {
-    render: () => (_jsxs(Select, { text: "Velg en", label: "With info button", input: true, onChange: action('onChange'), info: "Ullamco nisi excepteur quis ut sint ipsum deserunt dolor. Nulla cillum exercitation labore fugiat nulla do duis irure dolore.", children: [_jsx(Option, { disabled: true, value: "1", children: "Option 1" }), _jsx(Option, { value: "2", children: "Option 2" }), _jsx(Option, { value: "3", children: "Option 3" })] })),
-    name: 'With Info Button',
-};

package/lib/core/Select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,MAAM,MAAM,UAAU,CAAA;AAQ7B,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,UAAU,MAAM;IACd,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,wBAAwB;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IACjC,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,GAAG,CAAA;IACrC,2CAA2C;IAC3C,QAAQ,EAAE,SAAS,EAAE,CAAA;IACrB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,gGAAgG;IAChG,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,CAAA;IAC5C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,kDAAkD;IAClD,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;CACpD;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0K5B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/core/Select/index.js

@@ -1,100 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import React, { useState, createRef, useEffect, } from 'react';
-import Option from './Option';
-import { SelectWrapper, OptionsWrapper, styles, StyledLabel } from './styles';
-import InfoButton from '../InfoButton';
-import IconHelp from '../../icons/General/IconHelp';
-import Button from '../Button';
-import IconChevronDown from '../../icons/General/IconChevronDown';
-import List from '../List';
-export { Option };
-const Select = ({ input, icon, type = 'default', native, optionsWidth, width, maxHeight, focus, customOpenstyle, customStyle, trackingEvent, trackingName, disabled, label, closeKey, className, info, infoPlacement = 'left', ...props }) => {
-    const ref = createRef();
-    const [open, toggleOpen] = useState(false);
-    const onClick = function () {
-        toggleOpen(!open && !disabled);
-        props.onOpenChange?.(!open);
-    };
-    const handleOpen = (open) => {
-        toggleOpen(open);
-        props.onOpenChange?.(open);
-    };
-    useEffect(() => {
-        if (closeKey) {
-            handleOpen(false);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [closeKey]);
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            const node = ref.current;
-            if (node && node.contains(e.target)) {
-                return;
-            }
-            handleOpen(false);
-        };
-        if (open) {
-            const firstOption = ref.current?.querySelector('button, a, [tabindex]');
-            if (firstOption) {
-                firstOption.focus();
-            }
-            document.addEventListener('mousedown', handleClickOutside);
-        }
-        else {
-            document.removeEventListener('mousedown', handleClickOutside);
-        }
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [open, ref]);
-    const onChange = (value) => {
-        if (props.onChange && !disabled) {
-            props.onChange(value);
-            handleOpen(false);
-        }
-    };
-    const Label = _jsx(StyledLabel, { withInfo: Boolean(info), children: label });
-    const NonNative = (_jsxs(SelectWrapper, { ref: ref, className: className, css: (theme) => [
-            styles.default,
-            input && styles.input(theme),
-            input && open && styles.open(theme),
-            type === 'primary10' && styles.primary10(theme),
-            icon && styles.withIcon,
-            type === 'opacity08' && styles.opacity08(theme),
-            width && styles.width(width),
-            maxHeight && styles.maxHeight(maxHeight),
-            customStyle && customStyle,
-            open && customOpenstyle && customOpenstyle,
-            disabled && styles.disabled(theme),
-        ], "aria-expanded": open, "aria-label": label ? label : 'Select', children: [input && label && Label, info && (_jsx("span", { css: styles.infoButton, children: _jsx(InfoButton, { icon: _jsx(IconHelp, { primary: true }), place: infoPlacement, children: info }) })), _jsx(Button, { nostyle: true, afterIcon: _jsx(IconChevronDown, { flipVertical: open, size: 14 }), onClick: onClick, beforeIcon: icon, autoFocus: focus, trackingName: trackingName, trackingEvent: trackingEvent, tabIndex: disabled ? -1 : undefined, children: props.selectedValue ? props.selectedValue : props.text || '' }), _jsx(OptionsWrapper, { css: [
-                    input && styles.inputstyle(!!label),
-                    optionsWidth && styles.optionsWidth(optionsWidth),
-                ], children: open ? (_jsx(List, { selectList: true, children: props.children
-                        .filter((x) => x)
-                        .map((child, key) => {
-                        if (!child) {
-                            return null;
-                        }
-                        return React.cloneElement(child, {
-                            onChange: onChange,
-                            key,
-                        });
-                    }) })) : null })] }));
-    const Native = (_jsx("select", { className: className, css: (theme) => [
-            styles.default,
-            input && styles.input(theme),
-            input && open && styles.open(theme),
-            type === 'primary10' && styles.primary10(theme),
-            icon && styles.withIcon,
-        ], value: props.selectedValue ? props.selectedValue : props.text || '', onChange: (e) => onChange(e.target.value), children: props.children
-            .filter((x) => x)
-            .map((child, key) => {
-            if (!child) {
-                return null;
-            }
-            return (_jsx("option", { value: child.props.value, children: child.props.children }, key));
-        }) }));
-    return native ? Native : NonNative;
-};
-export default Select;

package/lib/core/Select/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAWjD,QAAA,MAAM,YAAY,GAAI,SAAS,MAAM,8CAYpC,CAAA;AAED,QAAA,MAAM,aAAa;;SAHkB,MAGnC,WAAW;2GAMZ,CAAA;AAED,QAAA,MAAM,cAAc;;SAXiB,MAGnC,WAAW;yGAiBZ,CAAA;AAED,QAAA,MAAM,WAAW;;SAtBoB,MAGnC,WAAW;;cAoBgB,OAAO;2GAWnC,CAAA;AAED,QAAA,MAAM,MAAM;;0BAYY,MAAM,GAAG,SAAS;mBAGzB,MAAM,GAAG,SAAS;mBAKlB,SAAS;kBA4BV,SAAS;uBAIJ,SAAS;2BAUL,OAAO;;uBASX,SAAS;2BA4BL,MAAM;sBAMX,SAAS;;CAsB5B,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,CAAA"}

package/lib/core/Select/styles.js

@@ -1,179 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-const calculateIndent = (indent) => {
-    const BASE = 8;
-    const INDENT_PADDING_LI = indent === 1 ? BASE * 2 : (indent + 1) * BASE;
-    return css `
-    padding-left: ${INDENT_PADDING_LI}px !important;
-  `;
-};
-const optionButton = (indent) => css `
-  padding-left: 8px;
-  padding-right: 8px;
-  justify-content: flex-start;
-  height: 100%;
-  width: 100%;
-
-  &:disabled {
-    opacity: 0.5;
-  }
-
-  ${indent && calculateIndent(indent)}
-`;
-const SelectWrapper = styled.span `
-  position: relative;
-
-  ul {
-    border-top: none;
-  }
-`;
-const OptionsWrapper = styled.div `
-  position: absolute;
-  left: 0;
-  right: 0;
-  min-width: 150px;
-  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
-  border-radius: 10px;
-  overflow: hidden;
-`;
-const StyledLabel = styled.span(({ withInfo }) => css `
-    line-height: 22px;
-    font-size: 1em;
-    font-weight: 600;
-    margin-bottom: 4px;
-
-    ${withInfo &&
-    css `
-      padding-right: 25px;
-    `}
-  `);
-const styles = {
-    default: css `
-    button {
-      height: 36px;
-      padding-left: 8px;
-      padding-right: 8px;
-
-      svg {
-        margin-left: 8px;
-      }
-    }
-  `,
-    optionsWidth: (width) => css `
-    width: ${width ? width : 'auto'};
-  `,
-    width: (width) => css `
-    & > button {
-      width: ${width ? width : 'auto'};
-    }
-  `,
-    input: (theme) => css `
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    position: unset;
-    border-color: ${theme.border};
-    position: relative;
-
-    &:focus-within > span:first-of-type {
-      color: ${theme.primary};
-    }
-
-    & > button {
-      display: flex;
-      border: 1px solid;
-      padding: 0 10px 0 10px;
-      border-radius: 5px;
-      height: 38px;
-      border-color: inherit;
-
-      &:hover,
-      &:focus,
-      &:active {
-        border: 1px solid ${theme.primary};
-        text-decoration: none;
-      }
-    }
-  `,
-    open: (theme) => css `
-    border-color: ${theme.primary};
-    color: ${theme.primary};
-  `,
-    primary10: (theme) => css `
-    & > button,
-    & > button:hover,
-    & > button:focus {
-      background-color: ${theme.illustrationPrimary10};
-      border-radius: 9px;
-      padding: 0 0.7em;
-      height: 34px;
-    }
-  `,
-    inputstyle: (hasLabel) => css `
-    top: calc(${hasLabel ? '22px' : '0px'} + 38px + 5px);
-  `,
-    withIcon: css `
-    svg:first-of-type,
-    polygon:first-of-type {
-      margin-left: 0;
-    }
-  `,
-    opacity08: (theme) => css `
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 0.5em;
-    height: 39px;
-    background-color: rgba(216, 216, 216, 0.08);
-    border: 1px solid rgba(255, 255, 255, 0.24);
-    border-radius: 5px;
-    color: white;
-
-    & > button > span {
-      color: white;
-      font-weight: 400;
-    }
-
-    button svg polygon {
-      fill: white;
-    }
-
-    button {
-      width: 100%;
-    }
-
-    button + div {
-      top: 40px;
-    }
-  `,
-    maxHeight: (maxHeight) => css `
-    ul {
-      overflow-y: scroll;
-      max-height: ${maxHeight};
-    }
-  `,
-    disabled: (theme) => css `
-    & > button,
-    & > button:hover,
-    & > button:focus {
-      background-color: ${theme.disabled};
-      color: #999;
-      border-color: ${theme.border};
-      cursor: not-allowed;
-      text-decoration: none;
-    }
-  `,
-    infoButton: css `
-    position: absolute;
-    right: 0;
-    top: 0;
-
-    button {
-      display: block;
-      height: 24px !important;
-      padding: 0 !important;
-    }
-  `,
-};
-export { optionButton, SelectWrapper, OptionsWrapper, styles, StyledLabel };

package/lib/core/SimpleBarChart/SimpleBarChart.stories.d.ts

@@ -1,29 +0,0 @@
-import { Meta } from '@storybook/react';
-import { LoadedType } from '../../shared/types/LoadedType';
-declare const _default: Meta;
-export default _default;
-export declare const storyDataKostnadBudsjett: {
-    name: string;
-    kostnad: number;
-    budsjett: number;
-}[];
-export declare const storyDataSimpleNumbers: {
-    name: string;
-    amount: number;
-}[];
-export declare const Default: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithXAxisLineAndYAxisLine: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const VerticalBarChart: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithSimpleNumbers: {
-    render: (_args: unknown, { loaded: { theme } }: LoadedType) => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};