@bbl-digital/snorre 3.1.56 → 3.1.58

package/lib/core/Divider/index.js

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
+
 import React from 'react';
 import styles from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const Divider = ({
   className,
   color,
@@ -17,5 +17,4 @@ const Divider = ({
     css: theme => [styles.default(color), subtle && styles.subtle(theme), margin && styles.margin(margin), height && styles.height(height), lightGray && styles.lightGray, css && css]
   });
 };
-
 export default Divider;

package/lib/core/Divider/styles.d.ts

@@ -1,10 +1,10 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (color?: string) => import("@emotion/react").SerializedStyles;
-    subtle: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    margin: (margin: string) => import("@emotion/react").SerializedStyles;
-    height: (height: number) => import("@emotion/react").SerializedStyles;
-    lightGray: import("@emotion/react").SerializedStyles;
+    default: (color?: string) => import("@emotion/utils").SerializedStyles;
+    subtle: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    margin: (margin: string) => import("@emotion/utils").SerializedStyles;
+    height: (height: number) => import("@emotion/utils").SerializedStyles;
+    lightGray: import("@emotion/utils").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/Divider/styles.js

@@ -1,5 +1,4 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 const styles = {
   default: (color = '#f7f7f7') => /*#__PURE__*/css("height:1px;background-color:", color, ";border:none;margin:1em 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0RpdmlkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlxQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9EaXZpZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6IChjb2xvciA9ICcjZjdmN2Y3JykgPT4gY3NzYFxuICAgIGhlaWdodDogMXB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBtYXJnaW46IDFlbSAwO1xuICBgLFxuICBzdWJ0bGU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5zdWJ0bGVUZXh0fTtcbiAgYCxcbiAgbWFyZ2luOiAobWFyZ2luOiBzdHJpbmcpID0+IGNzc2BcbiAgICBtYXJnaW46ICR7bWFyZ2lufSAwO1xuICBgLFxuICBoZWlnaHQ6IChoZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxuICAgIGhlaWdodDogJHtoZWlnaHR9cHg7XG4gIGAsXG4gIGxpZ2h0R3JheTogY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICNkN2Q3ZDc7XG4gIGAsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),

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

@@ -0,0 +1,23 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Background: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const CustomLabel: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Icon: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithTimeout: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Dropdown.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":";AAIA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAQnB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAQtB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAQvB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAQhB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAQvB,CAAA"}

package/lib/core/Dropdown/Dropdown.stories.js

@@ -0,0 +1,53 @@
+import Dropdown from '.';
+import IconEye from '../../icons/General/IconEye';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Dropdown',
+  component: Dropdown
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Dropdown, {
+    children: /*#__PURE__*/_jsx("p", {
+      children: "Stuff"
+    })
+  }),
+  name: 'Default'
+};
+export const Background = {
+  render: () => /*#__PURE__*/_jsx(Dropdown, {
+    background: "transparent",
+    children: /*#__PURE__*/_jsx("p", {
+      children: "Stuff"
+    })
+  }),
+  name: 'Background'
+};
+export const CustomLabel = {
+  render: () => /*#__PURE__*/_jsx(Dropdown, {
+    label: "Label",
+    children: /*#__PURE__*/_jsx("p", {
+      children: "Stuff"
+    })
+  }),
+  name: 'Custom label'
+};
+export const Icon = {
+  render: () => /*#__PURE__*/_jsx(Dropdown, {
+    icon: /*#__PURE__*/_jsx(IconEye, {}),
+    label: "Dropdown icon",
+    children: /*#__PURE__*/_jsx("p", {
+      children: "Hello"
+    })
+  }),
+  name: 'Icon'
+};
+export const WithTimeout = {
+  render: () => /*#__PURE__*/_jsx(Dropdown, {
+    label: "Click outside timeout",
+    clickOutsideTimeout: 1000,
+    children: /*#__PURE__*/_jsx("p", {
+      children: "Adds timeout before close on click outside of dropdown"
+    })
+  }),
+  name: 'With timeout'
+};

package/lib/core/Dropdown/index.js

@@ -6,7 +6,6 @@ import IconCaretDown from '../../icons/General/IconCaretDown';
 import { styles } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const Dropdown = ({
   label,
   icon,
@@ -22,20 +21,16 @@ const Dropdown = ({
   const ref = /*#__PURE__*/createRef();
   const [open, toggleOpen] = useState(false);
   const theme = useTheme();
-
   const onClick = function () {
     toggleOpen(!open);
   };
-
   useEffect(() => {
     const handleClickOutside = e => {
       // TODO type
       const node = ref.current;
-
       if (node && node.contains(e.target)) {
         return;
       }
-
       if (clickOutsideTimeout !== undefined) {
         setTimeout(() => {
           toggleOpen(false);
@@ -44,13 +39,11 @@ const Dropdown = ({
         toggleOpen(false);
       }
     };
-
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
       document.removeEventListener('mousedown', handleClickOutside);
     }
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
@@ -82,5 +75,4 @@ const Dropdown = ({
     })]
   });
 };
-
 export default Dropdown;

package/lib/core/Dropdown/styles.d.ts

@@ -1,8 +1,8 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    icon: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    background: (bg: string) => import("@emotion/react").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    icon: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    background: (bg: string) => import("@emotion/utils").SerializedStyles;
 };
 export default styles;
 export { styles };

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

@@ -0,0 +1,15 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithCounterProp: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const WithClassname: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=DropdownMenu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";AAKA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAanB,CAAA;AAED,eAAO,MAAM,eAAe;;;CAgB3B,CAAA;AAED,eAAO,MAAM,aAAa;;;CAUzB,CAAA"}

package/lib/core/DropdownMenu/DropdownMenu.stories.js

@@ -0,0 +1,47 @@
+import DropdownMenu from '.';
+import DropdownMenuOption from './DropdownMenuOption';
+import IconMail from '../../icons/General/IconMail';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Core/DropdownMenu',
+  component: DropdownMenu
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsxs(DropdownMenu, {
+    icon: /*#__PURE__*/_jsx(IconMail, {}),
+    children: [/*#__PURE__*/_jsx(DropdownMenuOption, {
+      onClick: () => console.log('Option 1 clicked'),
+      children: "Option 1"
+    }), /*#__PURE__*/_jsx(DropdownMenuOption, {
+      onClick: () => console.log('Option 2 clicked'),
+      children: "Option 2"
+    })]
+  }),
+  name: 'Default'
+};
+export const WithCounterProp = {
+  render: () => /*#__PURE__*/_jsxs(DropdownMenu, {
+    icon: /*#__PURE__*/_jsx(IconMail, {}),
+    children: [/*#__PURE__*/_jsx(DropdownMenuOption, {
+      onClick: () => console.log('Option 1 clicked'),
+      counter: 3,
+      children: "With counter"
+    }), /*#__PURE__*/_jsx(DropdownMenuOption, {
+      onClick: () => console.log('Option 2 clicked'),
+      children: "Option 2"
+    })]
+  }),
+  name: 'With counter prop'
+};
+export const WithClassname = {
+  render: () => /*#__PURE__*/_jsx(DropdownMenu, {
+    icon: /*#__PURE__*/_jsx(IconMail, {}),
+    className: "my-class",
+    children: /*#__PURE__*/_jsx(DropdownMenuOption, {
+      onClick: () => console.log('Option 1 clicked'),
+      children: "This menu has a classname"
+    })
+  }),
+  name: 'With classname'
+};

package/lib/core/DropdownMenu/DropdownMenuOption.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { dropdownMenuOption } from './styles';
 import Link from '../Link';
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-
 const DropdownMenuOption = ({
   counter,
   onClick,
@@ -19,5 +18,4 @@ const DropdownMenuOption = ({
     children: [children ? children : '', counter ? ` (${counter})` : '']
   });
 };
-
 export default DropdownMenuOption;

package/lib/core/DropdownMenu/index.js

@@ -3,7 +3,6 @@ import { Wrapper, Content } from './styles';
 import Button from '../Button';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const DropdownMenu = ({
   icon,
   className,
@@ -16,13 +15,11 @@ const DropdownMenu = ({
         setOpen(false);
       }, 200);
     };
-
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
     } else {
       document.removeEventListener('mousedown', handleClickOutside);
     }
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
@@ -41,5 +38,4 @@ const DropdownMenu = ({
     })]
   });
 };
-
 export default DropdownMenu;

package/lib/core/DropdownMenu/styles.d.ts

@@ -8,5 +8,5 @@ export declare const Content: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const dropdownMenuOption: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+export declare const dropdownMenuOption: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/DropdownMenu/styles.js

@@ -1,9 +1,7 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e3ttgez1"
 } : {
   target: "e3ttgez1",
@@ -17,7 +15,7 @@ export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0Ryb3Bkb3duTWVudS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLXdpZHRoOiAyMzBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgei1pbmRleDogMTAwMTtcbmBcblxuZXhwb3J0IGNvbnN0IGRyb3Bkb3duTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDUycHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmb250LXdlaWdodDogNjAwO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuYmd9O1xuICB9XG5cbiAgJjpudGgtb2YtdHlwZSgxKSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const Content = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e3ttgez0"
 } : {
   target: "e3ttgez0",

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

@@ -0,0 +1,23 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const Rich: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const ValidElements: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const InvalidElements: {
+    render: () => JSX.Element;
+    name: string;
+};
+export declare const AllProps: {
+    render: () => JSX.Element;
+    name: string;
+};
+//# sourceMappingURL=Editor.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Editor/Editor.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAKnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAWhB,CAAA;AAED,eAAO,MAAM,aAAa;;;CAWzB,CAAA;AAED,eAAO,MAAM,eAAe;;;CAU3B,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAmBpB,CAAA"}

package/lib/core/Editor/Editor.stories.js

@@ -0,0 +1,54 @@
+import Editor from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/Editor',
+  component: Editor
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Editor, {
+    onChange: e => console.log(e),
+    label: "Editor-label"
+  }),
+  name: 'Default'
+};
+export const Rich = {
+  render: () => /*#__PURE__*/_jsx(Editor, {
+    onChange: e => console.log(e),
+    label: "Editor-label",
+    type: "rich",
+    allowImages: true
+  }),
+  name: 'Rich'
+};
+export const ValidElements = {
+  render: () => /*#__PURE__*/_jsx(Editor, {
+    onChange: e => console.log(e),
+    validElements: "strong,p,span,em",
+    type: "custom",
+    customToolbar: "bold italic underline"
+  }),
+  name: 'Valid elements'
+};
+export const InvalidElements = {
+  render: () => /*#__PURE__*/_jsx(Editor, {
+    onChange: e => console.log(e),
+    pasteAsText: false,
+    invalidElements: "button,a,h1,h2,h3,h4,h5,h6"
+  }),
+  name: 'Invalid elements'
+};
+export const AllProps = {
+  render: () => /*#__PURE__*/_jsx(Editor, {
+    label: "Label",
+    type: "rich",
+    initialValue: '<p><img src="https://i.ytimg.com/vi/CZFKWt3S2Ys/maxresdefault.jpg" alt="testimage" width="444" height="250" /></p><br/><p>"wow" - Owen Wilson</p>',
+    allowImages: true,
+    invalidElements: "",
+    invalidMessage: "Memes are not allowed",
+    height: 400,
+    maxHeight: 600,
+    onChange: (e, length) => console.log(e, length),
+    onBlur: () => console.log('blur')
+  }),
+  name: 'Props'
+};

package/lib/core/Editor/index.js

@@ -12,7 +12,6 @@ import { useEffect } from 'react';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TINYMCE_API_KEY = 'v1hbb9qthd0z2fr0keceoglnwbzhyjqwsj4q7n193ovikt8s';
-
 const Editor = ({
   initialValue,
   overrideValue,
@@ -38,20 +37,18 @@ const Editor = ({
     alert
   } = useTheme();
   const isMobile = useIsMobile();
-
   const handleChange = (html, editor) => {
     setValue(html);
     onChange(html, editor.getContent({
       format: 'text'
     }).length);
   };
-
   const handleBlur = () => onBlur?.(value);
-
   const toolbar = type === 'basic' ? basicToolbar : type === 'rich' ? richToolbar : customToolbar;
   useEffect(() => {
     if (overrideValue === undefined) return;
-    setValue(() => overrideValue); // eslint-disable-next-line react-hooks/exhaustive-deps
+    setValue(() => overrideValue);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [overrideValue]);
   return _jsxs("div", {
     css: theme => [styles.default(theme), !loaded && styles.hideEditor],
@@ -111,5 +108,4 @@ const Editor = ({
     })]
   });
 };
-
 export default Editor;

package/lib/core/Editor/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { IAppTheme } from '../../app-shell/theme';
 export declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    hideEditor: import("@emotion/react").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    hideEditor: import("@emotion/utils").SerializedStyles;
 };
 export declare const Label: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/lib/core/Editor/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 export const styles = {
   default: theme => /*#__PURE__*/css("display:flex;flex-direction:column;gap:4px;.tox-tinymce{border:1px solid ", theme.border, ";border-radius:3px;}.tox-toolbar__group{border-color:", theme.border, "!important;}.tox-toolbar__primary{background:none!important;border-bottom:1px solid ", theme.border, ";}.tox-statusbar{border-top:none!important;}.editor-wrapper{display:grid;.tox-toolbar--scrolling,.tox-edit-area{&::-webkit-scrollbar{width:2px;height:2px;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IDRweDtcblxuICAgIC50b3gtdGlueW1jZSB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgfVxuICAgIC50b3gtdG9vbGJhcl9fZ3JvdXAge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmJvcmRlcn0gIWltcG9ydGFudDtcbiAgICB9XG4gICAgLnRveC10b29sYmFyX19wcmltYXJ5IHtcbiAgICAgIGJhY2tncm91bmQ6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gICAgfVxuICAgIC50b3gtc3RhdHVzYmFyIHtcbiAgICAgIGJvcmRlci10b3A6IG5vbmUgIWltcG9ydGFudDtcbiAgICB9XG4gICAgLmVkaXRvci13cmFwcGVyIHtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG5cbiAgICAgIC50b3gtdG9vbGJhci0tc2Nyb2xsaW5nLFxuICAgICAgLnRveC1lZGl0LWFyZWEge1xuICAgICAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgd2lkdGg6IDJweDtcbiAgICAgICAgICBoZWlnaHQ6IDJweDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYCxcbiAgaGlkZUVkaXRvcjogY3NzYFxuICAgIC5lZGl0b3Itd3JhcHBlciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAyMnB4O1xuICBmb250LXNpemU6IDFlbTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuYFxuXG5leHBvcnQgY29uc3QgRXJyb3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcblxuICAmID4gc3BhbiB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gIH1cbmBcbiJdfQ== */"),
@@ -15,7 +13,7 @@ export const styles = {
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }
 };
-export const Label = _styled("span", process.env.NODE_ENV === "production" ? {
+export const Label = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e1b0idrw1"
 } : {
   target: "e1b0idrw1",
@@ -29,7 +27,7 @@ export const Label = _styled("span", process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0VkaXRvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9FZGl0b3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgZGVmYXVsdDogKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiA0cHg7XG5cbiAgICAudG94LXRpbnltY2Uge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIH1cbiAgICAudG94LXRvb2xiYXJfX2dyb3VwIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5ib3JkZXJ9ICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIC50b3gtdG9vbGJhcl9fcHJpbWFyeSB7XG4gICAgICBiYWNrZ3JvdW5kOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5ib3JkZXJ9O1xuICAgIH1cbiAgICAudG94LXN0YXR1c2JhciB7XG4gICAgICBib3JkZXItdG9wOiBub25lICFpbXBvcnRhbnQ7XG4gICAgfVxuICAgIC5lZGl0b3Itd3JhcHBlciB7XG4gICAgICBkaXNwbGF5OiBncmlkO1xuXG4gICAgICAudG94LXRvb2xiYXItLXNjcm9sbGluZyxcbiAgICAgIC50b3gtZWRpdC1hcmVhIHtcbiAgICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICAgIHdpZHRoOiAycHg7XG4gICAgICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIGAsXG4gIGhpZGVFZGl0b3I6IGNzc2BcbiAgICAuZWRpdG9yLXdyYXBwZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBsaW5lLWhlaWdodDogMjJweDtcbiAgZm9udC1zaXplOiAxZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IEVycm9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG5cbiAgJiA+IHNwYW4ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDZweDtcbiAgICBtYXJnaW4tbGVmdDogMnB4O1xuICB9XG5gXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const ErrorWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const ErrorWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1b0idrw0"
 } : {
   target: "e1b0idrw0",

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

@@ -0,0 +1,15 @@
+import FileInput from '.';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof FileInput>;
+export default meta;
+declare type Story = StoryObj<typeof FileInput>;
+export declare const Default: Story;
+export declare const Multiple: Story;
+export declare const WithError: Story;
+export declare const FilePdf: Story;
+export declare const HideFileList: Story;
+export declare const InitialFile: Story;
+export declare const Maxsize: Story;
+export declare const NoStyle: Story;
+export declare const RotateIcon: Story;
+//# sourceMappingURL=FileInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/FileInput/FileInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,GAAG,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAGxB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAOvC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA"}

package/lib/core/FileInput/FileInput.stories.js

@@ -0,0 +1,77 @@
+import FileInput from '.';
+const meta = {
+  title: 'Core/FileInput',
+  component: FileInput
+};
+export default meta;
+const initialFile = new File([''], 'attachment.pdf', {
+  type: 'application/pdf',
+  lastModified: new Date().getTime()
+});
+export const Default = {
+  name: 'Default',
+  args: {
+    onChange: e => console.log('CB', e)
+  }
+};
+export const Multiple = {
+  name: 'Multiple',
+  args: {
+    onChange: e => console.log('CB', e),
+    multiple: true
+  }
+};
+export const WithError = {
+  name: 'With error',
+  args: {
+    onChange: e => console.log('CB', e),
+    invalidMessage: 'This is an uninformative error',
+    label: 'Should contain error'
+  }
+};
+export const FilePdf = {
+  name: 'File pdf',
+  args: {
+    onChange: e => console.log('CB', e),
+    accept: '.pdf',
+    text: 'Last opp PDF'
+  }
+};
+export const HideFileList = {
+  name: 'Hide file list',
+  args: {
+    hideFileList: true,
+    onChange: e => console.log('CB', e)
+  }
+};
+export const InitialFile = {
+  name: 'Initial file',
+  args: {
+    onChange: e => console.log('CB', e),
+    initialFiles: [initialFile]
+  }
+};
+export const Maxsize = {
+  name: 'Maxsize',
+  args: {
+    multiple: true,
+    fileMaxsixe: 512000,
+    onChange: e => console.log('CB', e)
+  }
+};
+export const NoStyle = {
+  name: 'No style',
+  args: {
+    nostyle: true,
+    hideFileList: true,
+    multiple: true,
+    onChange: e => console.log('CB', e)
+  }
+};
+export const RotateIcon = {
+  name: 'Rotate icon',
+  args: {
+    rotateIcon: true,
+    onChange: e => console.log('CB', e)
+  }
+};

package/lib/core/FileInput/index.js

@@ -7,7 +7,6 @@ import Alert from '../Alert';
 import { formatBytes, isAllFilesValid } from '../../utils/file';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const FileInput = ({
   multiple,
   accept,
@@ -25,31 +24,25 @@ const FileInput = ({
   const [sizeError, setSizeError] = useState(false);
   const theme = useTheme();
   const hiddenFileInput = useRef(null);
-
   const handleClick = () => {
     const node = hiddenFileInput.current;
     node.click();
   };
-
   const handleChange = e => {
     if (!e.target.files[0]) return;
     let filesFromEvent = [...Array.from(e.target.files)];
     let valid = true;
     if (fileMaxsixe) valid = isAllFilesValid(filesFromEvent, fileMaxsixe);
-
     if (!valid && fileMaxsixe) {
       filesFromEvent = filesFromEvent.filter(x => x.size <= fileMaxsixe); // Filter out invalid files
-
       setSizeError(true);
     }
-
     if (!multiple) {
       setFiles([filesFromEvent[0]]);
       onChange(filesFromEvent[0]);
       e.target.value = null;
       return;
     }
-
     let newFiles = [...files];
     filesFromEvent.forEach(file => {
       newFiles.push(file);
@@ -57,23 +50,21 @@ const FileInput = ({
     setFiles(newFiles);
     onChange(newFiles);
   };
-
   const handleDelete = index => {
     if (!multiple) {
       setFiles([]);
       onChange(null);
       return;
     }
-
     const arr = [...files];
     arr.splice(index, 1);
     setFiles(arr);
-    onChange(arr); // resets value of input to trigger on change if user removes and readds same file
+    onChange(arr);
 
+    // resets value of input to trigger on change if user removes and readds same file
     const node = hiddenFileInput.current;
     if (node) node.value = null;
   };
-
   return /*#__PURE__*/_jsxs(Wrapper, {
     children: [label && /*#__PURE__*/_jsx(Label, {
       children: label
@@ -123,5 +114,4 @@ const FileInput = ({
     })]
   });
 };
-
 export default FileInput;