@bbl-digital/snorre 4.2.74 → 4.2.75

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

@@ -4,67 +4,66 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithError: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithLoading: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithSecondaryLabel: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithActions: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithTags: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithButtonForLabelText: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithValuesAndTags: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithValues: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithCustomObjectsValues: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithNormalValuesAndFuzzy: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithCustomValueInput: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithCustomValueInputAndTags: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithCustomValueInputAndTagsWithCustomValueHeight: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithCustomOpen: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
 export declare const WithAlmostAllProps: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=Autocomplete.stories.d.ts.map

package/lib/core/Autocomplete/Autocomplete.stories.js

@@ -1,333 +1,165 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithValuesAndTags = exports.WithValues = exports.WithTags = exports.WithSecondaryLabel = exports.WithNormalValuesAndFuzzy = exports.WithLoading = exports.WithError = exports.WithCustomValueInputAndTagsWithCustomValueHeight = exports.WithCustomValueInputAndTags = exports.WithCustomValueInput = exports.WithCustomOpen = exports.WithCustomObjectsValues = exports.WithButtonForLabelText = exports.WithAlmostAllProps = exports.WithActions = exports.Default = void 0;
-var _addonActions = require("@storybook/addon-actions");
-var _ = _interopRequireDefault(require("."));
-var _Tag = _interopRequireDefault(require("../Tag"));
-var _Card = _interopRequireDefault(require("../Card"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/Autocomplete',
-  component: _.default
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from '@storybook/addon-actions';
+import Autocomplete from '.';
+import Tag from '../Tag';
+import Card from '../Card';
+import Text from '../Text';
+import Button from '../Button';
+export default {
+    title: 'Core/Autocomplete',
+    component: Autocomplete,
+};
+export const Default = {
+    render: () => _jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text" }),
+    name: 'Default',
+};
+export const WithError = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", validation: true, invalid: true, invalidMessage: "Something went wrong" })),
+    name: 'With error',
+};
+export const WithLoading = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", loading: true })),
+    name: 'With loading',
+};
+export const WithSecondaryLabel = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", labelSecondary: _jsx(Text, { small: true, italic: true, children: "Secondary label" }) })),
+    name: 'With secondary label',
+};
+export const WithActions = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", loading: true, actions: _jsx(Text, { small: true, primary: true, children: "Hello" }) })),
+    name: 'With actions',
+};
+export const WithTags = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", renderOptions: _jsxs("div", { style: {
+                margin: '5px 0',
+                display: 'flex',
+                gap: '0.25em',
+            }, children: [_jsx(Tag, { strictClose: true, children: "Here" }), _jsx(Tag, { withclose: true, children: "Here" }), _jsx(Tag, { withclose: true, children: "Here" })] }) })),
+    name: 'With tags',
+};
+export const WithButtonForLabelText = {
+    render: () => (_jsx(Autocomplete, { onLabelClick: () => console.log('clicked'), label: "Label", placeholder: "Placeholder text" })),
+    name: 'With button for label text',
+};
+export const WithValuesAndTags = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", validation: true, invalid: true, onSelectItem: action('onChange'), invalidMessage: "Something went wrong", renderOptions: _jsxs("div", { style: {
+                margin: '5px 0',
+                display: 'flex',
+                gap: '0.25em',
+            }, children: [_jsx(Tag, { strictClose: true, children: "Here" }), _jsx(Tag, { withclose: true, children: "Here" }), _jsx(Tag, { withclose: true, children: "Here" })] }), values: [
+            {
+                label: 'Here',
+                key: '1',
+            },
+            {
+                label: 'Here two',
+                key: '2',
+            },
+            {
+                label: 'Here three',
+                key: '3',
+            },
+        ] })),
+    name: 'With values and tags',
+};
+export const WithValues = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", values: [
+            {
+                label: 'Here',
+                key: '1',
+            },
+            {
+                label: 'Here two',
+                key: '2',
+            },
+            {
+                label: 'Here three',
+                key: '3',
+            },
+        ] })),
+    name: 'With values',
+};
+export const WithCustomObjectsValues = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", labelFromValues: "option", keyFromValues: "id", onSelectItem: action('onChange'), values: [
+            {
+                id: '1',
+                option: 'One',
+            },
+            {
+                id: '2',
+                option: 'Two',
+            },
+            {
+                id: '3',
+                option: 'Three',
+            },
+        ] })),
+    name: 'With custom objects values',
+};
+export const WithNormalValuesAndFuzzy = {
+    render: () => (_jsx("div", { style: {
+            height: '12em',
+        }, children: _jsx(Autocomplete, { fuzzy: true, chevron: true, value: "Hello", placeholder: "Placeholder", onSelectItem: console.log, values: [
+                {
+                    key: '1',
+                    label: 'Hello',
+                },
+                {
+                    key: '2',
+                    label: 'I am ',
+                },
+                {
+                    key: '3',
+                    label: 'I am north',
+                },
+                {
+                    key: '4',
+                    label: 'I am south',
+                },
+                {
+                    key: '5',
+                    label: 'I am east',
+                },
+                {
+                    key: '6',
+                    label: 'I am west',
+                },
+                {
+                    key: '7',
+                    label: 'Testtext',
+                },
+            ] }) })),
+    name: 'With normal values and fuzzy',
+};
+export const WithCustomValueInput = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", renderCustomValueInput: _jsx(Card, { withhover: true, children: "Hover me!" }) })),
+    name: 'With custom value input',
+};
+export const WithCustomValueInputAndTags = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", renderCustomValueInput: _jsx(Card, { withhover: true, children: "Hover me!" }), renderOptions: _jsxs("div", { style: {
+                margin: '5px 0',
+                display: 'flex',
+                gap: '0.25em',
+            }, children: [_jsx(Tag, { strictClose: true, children: "Here" }), _jsx(Tag, { withclose: true, children: "Here" }), _jsx(Tag, { withclose: true, children: "Here" })] }) })),
+    name: 'With custom value input and tags',
+};
+export const WithCustomValueInputAndTagsWithCustomValueHeight = {
+    render: () => (_jsx(Autocomplete, { dynamicallyPlaceInput: true, label: "Label", placeholder: "Placeholder text", renderCustomValueInput: _jsx(Card, { withhover: true, children: "Hover me!" }), renderOptions: _jsxs("div", { style: {
+                margin: '5px 0',
+                display: 'flex',
+                gap: '0.25em',
+            }, children: [_jsx(Tag, { strictClose: true, children: "Here" }), _jsx(Tag, { withclose: true, children: "Here" }), _jsx(Tag, { withclose: true, children: "Here" })] }) })),
+    name: 'With custom value input and tags with custom value height',
+};
+export const WithCustomOpen = {
+    render: () => (_jsx(Autocomplete, { label: "Label", placeholder: "Placeholder text", isOpen: true, renderCustomValueInput: _jsx(Card, { withhover: true, children: "Hover me!" }) })),
+    name: 'With custom open',
+};
+export const WithAlmostAllProps = {
+    render: () => (_jsx(Autocomplete, { dynamicallyPlaceInput: true, label: "Label", placeholder: "Placeholder text", onSelectItem: (v) => console.log('action', v), onKeyDown: (e) => console.log('keydown', e), openCustomValueInputOnKeyPress: true, renderCustomValueInput: _jsxs(Card, { children: ["Hover me!", _jsx(Button, { children: "This is here to click on" })] }), renderOptions: _jsxs("div", { style: {
+                margin: '5px 0',
+                display: 'flex',
+                gap: '0.25em',
+            }, children: [_jsx(Tag, { strictClose: true, children: "Here" }), _jsx(Tag, { withclose: true, children: "Here" }), _jsx(Tag, { withclose: true, children: "Here" })] }), validation: true, invalid: true, invalidMessage: "Something went wrong", actions: _jsx(Text, { small: true, primary: true, children: "Hello" }) })),
+    name: 'With almost all props',
 };
-const Default = exports.Default = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text"
-  }),
-  name: 'Default'
-};
-const WithError = exports.WithError = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    validation: true,
-    invalid: true,
-    invalidMessage: "Something went wrong"
-  }),
-  name: 'With error'
-};
-const WithLoading = exports.WithLoading = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    loading: true
-  }),
-  name: 'With loading'
-};
-const WithSecondaryLabel = exports.WithSecondaryLabel = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    labelSecondary: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-      small: true,
-      italic: true,
-      children: "Secondary label"
-    })
-  }),
-  name: 'With secondary label'
-};
-const WithActions = exports.WithActions = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    loading: true,
-    actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-      small: true,
-      primary: true,
-      children: "Hello"
-    })
-  }),
-  name: 'With actions'
-};
-const WithTags = exports.WithTags = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    renderOptions: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: {
-        margin: '5px 0',
-        display: 'flex',
-        gap: '0.25em'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        strictClose: true,
-        children: "Here"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        withclose: true,
-        children: "Here"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        withclose: true,
-        children: "Here"
-      })]
-    })
-  }),
-  name: 'With tags'
-};
-const WithButtonForLabelText = exports.WithButtonForLabelText = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    onLabelClick: () => console.log('clicked'),
-    label: "Label",
-    placeholder: "Placeholder text"
-  }),
-  name: 'With button for label text'
-};
-const WithValuesAndTags = exports.WithValuesAndTags = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    validation: true,
-    invalid: true,
-    onSelectItem: (0, _addonActions.action)('onChange'),
-    invalidMessage: "Something went wrong",
-    renderOptions: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: {
-        margin: '5px 0',
-        display: 'flex',
-        gap: '0.25em'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        strictClose: true,
-        children: "Here"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        withclose: true,
-        children: "Here"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        withclose: true,
-        children: "Here"
-      })]
-    }),
-    values: [{
-      label: 'Here',
-      key: '1'
-    }, {
-      label: 'Here two',
-      key: '2'
-    }, {
-      label: 'Here three',
-      key: '3'
-    }]
-  }),
-  name: 'With values and tags'
-};
-const WithValues = exports.WithValues = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    values: [{
-      label: 'Here',
-      key: '1'
-    }, {
-      label: 'Here two',
-      key: '2'
-    }, {
-      label: 'Here three',
-      key: '3'
-    }]
-  }),
-  name: 'With values'
-};
-const WithCustomObjectsValues = exports.WithCustomObjectsValues = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    labelFromValues: "option",
-    keyFromValues: "id",
-    onSelectItem: (0, _addonActions.action)('onChange'),
-    values: [{
-      id: '1',
-      option: 'One'
-    }, {
-      id: '2',
-      option: 'Two'
-    }, {
-      id: '3',
-      option: 'Three'
-    }]
-  }),
-  name: 'With custom objects values'
-};
-const WithNormalValuesAndFuzzy = exports.WithNormalValuesAndFuzzy = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      height: '12em'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      fuzzy: true,
-      chevron: true,
-      value: "Hello",
-      placeholder: "Placeholder",
-      onSelectItem: console.log,
-      values: [{
-        key: '1',
-        label: 'Hello'
-      }, {
-        key: '2',
-        label: 'I am '
-      }, {
-        key: '3',
-        label: 'I am north'
-      }, {
-        key: '4',
-        label: 'I am south'
-      }, {
-        key: '5',
-        label: 'I am east'
-      }, {
-        key: '6',
-        label: 'I am west'
-      }, {
-        key: '7',
-        label: 'Testtext'
-      }]
-    })
-  }),
-  name: 'With normal values and fuzzy'
-};
-const WithCustomValueInput = exports.WithCustomValueInput = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    renderCustomValueInput: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
-      withhover: true,
-      children: "Hover me!"
-    })
-  }),
-  name: 'With custom value input'
-};
-const WithCustomValueInputAndTags = exports.WithCustomValueInputAndTags = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    renderCustomValueInput: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
-      withhover: true,
-      children: "Hover me!"
-    }),
-    renderOptions: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: {
-        margin: '5px 0',
-        display: 'flex',
-        gap: '0.25em'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        strictClose: true,
-        children: "Here"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        withclose: true,
-        children: "Here"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        withclose: true,
-        children: "Here"
-      })]
-    })
-  }),
-  name: 'With custom value input and tags'
-};
-const WithCustomValueInputAndTagsWithCustomValueHeight = exports.WithCustomValueInputAndTagsWithCustomValueHeight = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    dynamicallyPlaceInput: true,
-    label: "Label",
-    placeholder: "Placeholder text",
-    renderCustomValueInput: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
-      withhover: true,
-      children: "Hover me!"
-    }),
-    renderOptions: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: {
-        margin: '5px 0',
-        display: 'flex',
-        gap: '0.25em'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        strictClose: true,
-        children: "Here"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        withclose: true,
-        children: "Here"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        withclose: true,
-        children: "Here"
-      })]
-    })
-  }),
-  name: 'With custom value input and tags with custom value height'
-};
-const WithCustomOpen = exports.WithCustomOpen = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    label: "Label",
-    placeholder: "Placeholder text",
-    isOpen: true,
-    renderCustomValueInput: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
-      withhover: true,
-      children: "Hover me!"
-    })
-  }),
-  name: 'With custom open'
-};
-const WithAlmostAllProps = exports.WithAlmostAllProps = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    dynamicallyPlaceInput: true,
-    label: "Label",
-    placeholder: "Placeholder text",
-    onSelectItem: v => console.log('action', v),
-    onKeyDown: e => console.log('keydown', e),
-    openCustomValueInputOnKeyPress: true,
-    renderCustomValueInput: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.default, {
-      children: ["Hover me!", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        children: "This is here to click on"
-      })]
-    }),
-    renderOptions: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: {
-        margin: '5px 0',
-        display: 'flex',
-        gap: '0.25em'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        strictClose: true,
-        children: "Here"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        withclose: true,
-        children: "Here"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
-        withclose: true,
-        children: "Here"
-      })]
-    }),
-    validation: true,
-    invalid: true,
-    invalidMessage: "Something went wrong",
-    actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-      small: true,
-      primary: true,
-      children: "Hello"
-    })
-  }),
-  name: 'With almost all props'
-};

package/lib/core/Autocomplete/hooks/useAutocomplete.d.ts

@@ -17,4 +17,3 @@ declare const useAutocomplete: (props: IProps) => {
     renderedValues: IValuesProps[];
 };
 export default useAutocomplete;
-//# sourceMappingURL=useAutocomplete.d.ts.map