@bookjane2/bookjane-design-library 7.3.2 → 7.3.3-4.1

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.context.js

@@ -1,34 +1,34 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useMemo, useState } from 'react';
-const BKJEllipsisMenuUIStateContext = createContext({
-    isOpen: false,
-    openMenu: () => void 0,
-    closeMenu: () => void 0,
-    toggleMenu: () => void 0,
-});
-export const BKJEllipsisMenuUIStateProvider = ({ children }) => {
-    const [isOpen, setOpen] = useState(false);
-    const openMenu = useCallback(() => {
-        setOpen(true);
-        return void 0;
-    }, []);
-    const closeMenu = useCallback(() => {
-        setOpen(false);
-        return void 0;
-    }, []);
-    const toggleMenu = useCallback((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setOpen(!isOpen);
-        return void 0;
-    }, [isOpen]);
-    const contextValue = useMemo(() => ({
-        isOpen,
-        openMenu,
-        closeMenu,
-        toggleMenu,
-    }), [closeMenu, isOpen, openMenu, toggleMenu]);
-    return (_jsx(BKJEllipsisMenuUIStateContext.Provider, Object.assign({ value: contextValue }, { children: children }), void 0));
-};
-export const useBKJEllipsisMenuUIStateContext = () => useContext(BKJEllipsisMenuUIStateContext);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from 'react';
+const BKJEllipsisMenuUIStateContext = createContext({
+    isOpen: false,
+    openMenu: () => void 0,
+    closeMenu: () => void 0,
+    toggleMenu: () => void 0,
+});
+export const BKJEllipsisMenuUIStateProvider = ({ children }) => {
+    const [isOpen, setOpen] = useState(false);
+    const openMenu = useCallback(() => {
+        setOpen(true);
+        return void 0;
+    }, []);
+    const closeMenu = useCallback(() => {
+        setOpen(false);
+        return void 0;
+    }, []);
+    const toggleMenu = useCallback((event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setOpen(!isOpen);
+        return void 0;
+    }, [isOpen]);
+    const contextValue = useMemo(() => ({
+        isOpen,
+        openMenu,
+        closeMenu,
+        toggleMenu,
+    }), [closeMenu, isOpen, openMenu, toggleMenu]);
+    return (_jsx(BKJEllipsisMenuUIStateContext.Provider, Object.assign({ value: contextValue }, { children: children }), void 0));
+};
+export const useBKJEllipsisMenuUIStateContext = () => useContext(BKJEllipsisMenuUIStateContext);
 //# sourceMappingURL=BKJEllipsisMenu.context.js.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { IBKJEllipsisMenuProps } from './BKJEllipsisMenu.types.js';
-export declare const BKJEllipsisMenu: FC<IBKJEllipsisMenuProps>;
+import { FC } from 'react';
+import { IBKJEllipsisMenuProps } from './BKJEllipsisMenu.types.js';
+export declare const BKJEllipsisMenu: FC<IBKJEllipsisMenuProps>;
 //# sourceMappingURL=BKJEllipsisMenu.d.ts.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.js

@@ -1,17 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useRef } from 'react';
-import { BKJIcon } from '../BKJIcon/index.js';
-import { Flex } from '../Flex/index.js';
-import { BKJEllipsisMenuUIStateProvider, useBKJEllipsisMenuUIStateContext, } from './BKJEllipsisMenu.context.js';
-import { BKJEllipsisMenuIconWrapper } from './BKJEllipsisMenu.styled.js';
-import { BKJEllipsisMenuDropdown } from './BKJEllipsisMenuDropdown.js';
-const Component = ({ triggerRef, children }) => {
-    const { toggleMenu, isOpen } = useBKJEllipsisMenuUIStateContext();
-    return (_jsxs(Fragment, { children: [_jsx(BKJEllipsisMenuIconWrapper, Object.assign({ onClick: toggleMenu }, { children: _jsx(Flex, Object.assign({ ref: triggerRef, height: "38px", minHeight: "38px", justifyContent: "center", alignItems: "center" }, { children: _jsx(BKJIcon, { iconName: "Ellipsis" }, void 0) }), void 0) }), void 0),
-            isOpen && triggerRef.current && (_jsx(BKJEllipsisMenuDropdown, Object.assign({ triggerRef: triggerRef }, { children: children }), void 0))] }, void 0));
-};
-export const BKJEllipsisMenu = ({ children, ...props }) => {
-    const triggerRef = useRef(null);
-    return (_jsx(BKJEllipsisMenuUIStateProvider, { children: _jsx(Component, Object.assign({}, props, { triggerRef: triggerRef }, { children: children }), void 0) }, void 0));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useRef } from 'react';
+import { BKJIcon } from '../BKJIcon/index.js';
+import { Flex } from '../Flex/index.js';
+import { BKJEllipsisMenuUIStateProvider, useBKJEllipsisMenuUIStateContext, } from './BKJEllipsisMenu.context.js';
+import { BKJEllipsisMenuIconWrapper } from './BKJEllipsisMenu.styled.js';
+import { BKJEllipsisMenuDropdown } from './BKJEllipsisMenuDropdown.js';
+const Component = ({ triggerRef, children }) => {
+    const { toggleMenu, isOpen } = useBKJEllipsisMenuUIStateContext();
+    return (_jsxs(Fragment, { children: [_jsx(BKJEllipsisMenuIconWrapper, Object.assign({ onClick: toggleMenu }, { children: _jsx(Flex, Object.assign({ ref: triggerRef, height: "38px", minHeight: "38px", justifyContent: "center", alignItems: "center" }, { children: _jsx(BKJIcon, { iconName: "Ellipsis" }, void 0) }), void 0) }), void 0),
+            isOpen && triggerRef.current && (_jsx(BKJEllipsisMenuDropdown, Object.assign({ triggerRef: triggerRef }, { children: children }), void 0))] }, void 0));
+};
+export const BKJEllipsisMenu = ({ children, ...props }) => {
+    const triggerRef = useRef(null);
+    return (_jsx(BKJEllipsisMenuUIStateProvider, { children: _jsx(Component, Object.assign({}, props, { triggerRef: triggerRef }, { children: children }), void 0) }, void 0));
+};
 //# sourceMappingURL=BKJEllipsisMenu.js.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.stories.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJEllipsisMenuProps } from './BKJEllipsisMenu.types.js';
-declare const _default: {
-    title: string;
-    component: import("react").FC<IBKJEllipsisMenuProps>;
-    argTypes: {};
-};
-export default _default;
-export declare const Default: Story<IBKJEllipsisMenuProps>;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJEllipsisMenuProps } from './BKJEllipsisMenu.types.js';
+declare const _default: {
+    title: string;
+    component: import("react").FC<IBKJEllipsisMenuProps>;
+    argTypes: {};
+};
+export default _default;
+export declare const Default: Story<IBKJEllipsisMenuProps>;
 //# sourceMappingURL=BKJEllipsisMenu.stories.d.ts.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.stories.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BKJMenuItem } from '../BKJMenuItem/index.js';
-import { Flex } from '../Flex/index.js';
-import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
-export default {
-    title: 'Basic Elements/BKJEllipsisMenu',
-    component: BKJEllipsisMenu,
-    argTypes: {},
-};
-const BKJMenuTemplate = () => {
-    return (_jsx(Flex, Object.assign({ flexDirection: "row-reverse", width: "100%" }, { children: _jsxs(BKJEllipsisMenu, { children: [_jsx(BKJMenuItem, { children: "Export CSV" }, void 0),
-                _jsx(BKJMenuItem, { children: "Export XLSX" }, void 0)] }, void 0) }), void 0));
-};
-export const Default = BKJMenuTemplate.bind({});
-Default.args = {};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BKJMenuItem } from '../BKJMenuItem/index.js';
+import { Flex } from '../Flex/index.js';
+import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
+export default {
+    title: 'Basic Elements/BKJEllipsisMenu',
+    component: BKJEllipsisMenu,
+    argTypes: {},
+};
+const BKJMenuTemplate = () => {
+    return (_jsx(Flex, Object.assign({ flexDirection: "row-reverse", width: "100%" }, { children: _jsxs(BKJEllipsisMenu, { children: [_jsx(BKJMenuItem, { children: "Export CSV" }, void 0),
+                _jsx(BKJMenuItem, { children: "Export XLSX" }, void 0)] }, void 0) }), void 0));
+};
+export const Default = BKJMenuTemplate.bind({});
+Default.args = {};
 //# sourceMappingURL=BKJEllipsisMenu.stories.js.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.styled.d.ts

@@ -1,4 +1,4 @@
-export declare const BKJEllipsisMenuIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    ref?: any;
-}, never>;
+export declare const BKJEllipsisMenuIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    ref?: any;
+}, never>;
 //# sourceMappingURL=BKJEllipsisMenu.styled.d.ts.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.styled.js

@@ -1,14 +1,14 @@
-import styled from 'styled-components';
-export const BKJEllipsisMenuIconWrapper = styled.div `
-  min-height: 38px;
-  height: 38px;
-  width: 38px;
-  min-width: 38px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  &:hover {
-    cursor: pointer;
-  }
-`;
+import styled from 'styled-components';
+export const BKJEllipsisMenuIconWrapper = styled.div `
+  min-height: 38px;
+  height: 38px;
+  width: 38px;
+  min-width: 38px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  &:hover {
+    cursor: pointer;
+  }
+`;
 //# sourceMappingURL=BKJEllipsisMenu.styled.js.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.types.d.ts

@@ -1,13 +1,13 @@
-import React, { ForwardedRef } from 'react';
-export interface IBKJEllipsisMenuProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-export interface IBKJEllipsisMenuDropdownProps extends React.HTMLAttributes<HTMLDivElement> {
-    triggerRef?: any;
-}
-export interface IBKJEllipsisMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    ref?: ForwardedRef<unknown> | undefined;
-}
-export interface IBKJEllipsisMenuWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
-    ref?: ForwardedRef<unknown> | undefined;
-}
+import React, { ForwardedRef } from 'react';
+export interface IBKJEllipsisMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface IBKJEllipsisMenuDropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    triggerRef?: any;
+}
+export interface IBKJEllipsisMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: ForwardedRef<unknown> | undefined;
+}
+export interface IBKJEllipsisMenuWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: ForwardedRef<unknown> | undefined;
+}
 //# sourceMappingURL=BKJEllipsisMenu.types.d.ts.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenu.types.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=BKJEllipsisMenu.types.js.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenuDropdown.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { IBKJEllipsisMenuDropdownProps } from './BKJEllipsisMenu.types.js';
-export declare const BKJEllipsisMenuDropdown: FC<IBKJEllipsisMenuDropdownProps>;
+import { FC } from 'react';
+import { IBKJEllipsisMenuDropdownProps } from './BKJEllipsisMenu.types.js';
+export declare const BKJEllipsisMenuDropdown: FC<IBKJEllipsisMenuDropdownProps>;
 //# sourceMappingURL=BKJEllipsisMenuDropdown.d.ts.map

package/lib/components/BKJEllipsisMenu/BKJEllipsisMenuDropdown.js

@@ -1,28 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment, useEffect, useState } from 'react';
-import { usePopper } from 'react-popper';
-import { useClickOutside } from '../../hooks/index.js';
-import { BKJMenu } from '../BKJMenu/index.js';
-import { getDesignLibraryElementNode } from '../BKJSelect/utils/getDesignLibraryElementNode.js';
-import { Portal } from '../Portal/Portal.js';
-import { useBKJEllipsisMenuUIStateContext } from './BKJEllipsisMenu.context.js';
-export const BKJEllipsisMenuDropdown = ({ triggerRef, children, }) => {
-    const { closeMenu } = useBKJEllipsisMenuUIStateContext();
-    const [dropdownRef, setDropdownRef] = useState(null);
-    const [targetElement, setTargetElement] = useState(getDesignLibraryElementNode('dropdown-root'));
-    const { styles, attributes } = usePopper(triggerRef.current, dropdownRef, {
-        placement: 'bottom-start',
-        modifiers: [{}],
-    });
-    useEffect(() => {
-        if (!targetElement) {
-            const element = document.createElement('div');
-            element.setAttribute('id', 'dropdown-root');
-            document.body.prepend(element);
-            setTargetElement(element);
-        }
-    }, []); // eslint-disable-line
-    useClickOutside([dropdownRef], closeMenu, false);
-    return (_jsx(Fragment, { children: targetElement && (_jsx(Portal, Object.assign({ targetElement: targetElement }, { children: _jsx(BKJMenu, Object.assign({ closeMenu: closeMenu, isMenuOpen: true, ref: setDropdownRef }, attributes['popper'], { css: { width: '100%', minWidth: '1000px' }, style: styles['popper'] }, { children: children }), void 0) }), void 0)) }, void 0));
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment, useEffect, useState } from 'react';
+import { usePopper } from 'react-popper';
+import { useClickOutside } from '../../hooks/index.js';
+import { BKJMenu } from '../BKJMenu/index.js';
+import { getDesignLibraryElementNode } from '../BKJSelect/utils/getDesignLibraryElementNode.js';
+import { Portal } from '../Portal/Portal.js';
+import { useBKJEllipsisMenuUIStateContext } from './BKJEllipsisMenu.context.js';
+export const BKJEllipsisMenuDropdown = ({ triggerRef, children, }) => {
+    const { closeMenu } = useBKJEllipsisMenuUIStateContext();
+    const [dropdownRef, setDropdownRef] = useState(null);
+    const [targetElement, setTargetElement] = useState(getDesignLibraryElementNode('dropdown-root'));
+    const { styles, attributes } = usePopper(triggerRef.current, dropdownRef, {
+        placement: 'bottom-start',
+        modifiers: [{}],
+    });
+    useEffect(() => {
+        if (!targetElement) {
+            const element = document.createElement('div');
+            element.setAttribute('id', 'dropdown-root');
+            document.body.prepend(element);
+            setTargetElement(element);
+        }
+    }, []); // eslint-disable-line
+    useClickOutside([dropdownRef], closeMenu, false);
+    return (_jsx(Fragment, { children: targetElement && (_jsx(Portal, Object.assign({ targetElement: targetElement }, { children: _jsx(BKJMenu, Object.assign({ closeMenu: closeMenu, isMenuOpen: true, ref: setDropdownRef }, attributes['popper'], { css: { width: '100%', minWidth: '1000px' }, style: styles['popper'] }, { children: children }), void 0) }), void 0)) }, void 0));
+};
 //# sourceMappingURL=BKJEllipsisMenuDropdown.js.map

package/lib/components/BKJEllipsisMenu/index.d.ts

@@ -1,3 +1,3 @@
-import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
-export { BKJEllipsisMenu };
+import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
+export { BKJEllipsisMenu };
 //# sourceMappingURL=index.d.ts.map

package/lib/components/BKJEllipsisMenu/index.js

@@ -1,3 +1,3 @@
-import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
-export { BKJEllipsisMenu };
+import { BKJEllipsisMenu } from './BKJEllipsisMenu.js';
+export { BKJEllipsisMenu };
 //# sourceMappingURL=index.js.map

package/lib/components/BKJFileInput/BKJFileInput.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { IBKJFileInputProps } from './BKJFileInput.types.js';
-export declare const BKJFileInput: FC<IBKJFileInputProps>;
+import { FC } from 'react';
+import { IBKJFileInputProps } from './BKJFileInput.types.js';
+export declare const BKJFileInput: FC<IBKJFileInputProps>;
 //# sourceMappingURL=BKJFileInput.d.ts.map

package/lib/components/BKJFileInput/BKJFileInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BKJFileInput.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,EAAE,EAA4B,MAAM,OAAO,CAAC;AAgBzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CA6D/C,CAAC"}
+{"version":3,"file":"BKJFileInput.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,EAAE,EAA4B,MAAM,OAAO,CAAC;AAgBzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAiE/C,CAAC"}

package/lib/components/BKJFileInput/BKJFileInput.js

@@ -1,27 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef } from 'react';
-import { BKJTextInputFieldSet, BKJTextInputLabel, BKJTextInputRequiredAsterisk, } from '../BKJTextInput/BKJTextInput.styled.js';
-import { BKJFileInputLabel, BKJFileInputText, CloseIcon, DocumentIcon, ErrorText, FileWrapper, InnerWrapper, Input, } from './BKJFileInput.styled.js';
-export const BKJFileInput = (props) => {
-    const { className, labelProps, label, required, name, disabled, error, value, onChange = () => { }, onClear, ...rest } = props;
-    const inputRef = useRef();
-    const handleChange = useCallback((event) => {
-        onChange({
-            target: { ...event.target, name, value: event?.target?.files[0] },
-        });
-    }, [name, onChange]);
-    const handleClear = (e) => {
-        e.stopPropagation();
-        onChange({ target: { value: undefined, name } });
-        if (onClear)
-            onClear();
-    };
-    return (_jsxs(BKJTextInputFieldSet, { children: [props.label && (_jsxs(BKJTextInputLabel, Object.assign({}, labelProps, { variant: "RoundEdges", elementType: "Label" }, { children: [props.label, props.required && _jsx(BKJTextInputRequiredAsterisk, { children: "\u00A0*" }, void 0)] }), void 0)),
-            _jsxs(InnerWrapper, Object.assign({ error: !!error }, { children: [value && _jsx(CloseIcon, { iconName: "CloseBold", onClick: handleClear }, void 0),
-                    _jsxs(FileWrapper, Object.assign({ isFileSelected: !!value }, { children: [_jsx(DocumentIcon, { iconName: "Document" }, void 0),
-                            _jsx(BKJFileInputText, Object.assign({ title: value && value.name, error: !!error, isFileSelected: !!value }, { children: !!value ? value.name : 'No file selected.' }), void 0),
-                            _jsx(Input, Object.assign({}, rest, { ref: inputRef, type: "file", onChange: handleChange }), void 0)] }), void 0),
-                    _jsx(BKJFileInputLabel, Object.assign({ onClick: () => inputRef.current?.click() }, { children: !!value ? 'Replace' : 'Select a File' }), void 0)] }), void 0),
-            _jsx(ErrorText, { children: error }, void 0)] }, void 0));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import { BKJTextInputFieldSet, BKJTextInputLabel, BKJTextInputRequiredAsterisk, } from '../BKJTextInput/BKJTextInput.styled.js';
+import { BKJFileInputLabel, BKJFileInputText, CloseIcon, DocumentIcon, ErrorText, FileWrapper, InnerWrapper, Input, } from './BKJFileInput.styled.js';
+import i18next from 'i18next';
+export const BKJFileInput = (props) => {
+    const { className, labelProps, label, required, name, disabled, error, value, onChange = () => { }, onClear, ...rest } = props;
+    const inputRef = useRef();
+    const handleChange = useCallback((event) => {
+        const selectedFile = event?.target?.files && event.target.files[0];
+        if (selectedFile) {
+            onChange({
+                target: { ...event.target, name, value: selectedFile },
+            });
+        }
+    }, [name, onChange]);
+    const handleClear = (e) => {
+        e.stopPropagation();
+        onChange({ target: { value: undefined, name } });
+        if (inputRef.current) {
+            inputRef.current.value = '';
+        }
+        if (onClear)
+            onClear();
+    };
+    return (_jsxs(BKJTextInputFieldSet, { children: [props.label && (_jsxs(BKJTextInputLabel, Object.assign({}, labelProps, { variant: "RoundEdges", elementType: "Label" }, { children: [props.label, props.required && _jsx(BKJTextInputRequiredAsterisk, { children: "\u00A0*" }, void 0)] }), void 0)),
+            _jsxs(InnerWrapper, Object.assign({ error: !!error }, { children: [value && _jsx(CloseIcon, { iconName: "CloseBold", onClick: handleClear }, void 0),
+                    _jsxs(FileWrapper, Object.assign({ isFileSelected: !!value }, { children: [_jsx(DocumentIcon, { iconName: "Document" }, void 0),
+                            _jsx(BKJFileInputText, Object.assign({ title: value && value.name, error: !!error, isFileSelected: !!value }, { children: !!value ? value.name : i18next.t('translations:NO_FILE_SELECTED') }), void 0),
+                            _jsx(Input, Object.assign({}, rest, { ref: inputRef, type: "file", onChange: handleChange }), void 0)] }), void 0),
+                    _jsx(BKJFileInputLabel, Object.assign({ onClick: () => inputRef.current?.click() }, { children: !!value ? i18next.t('translations:REPLACE') : i18next.t('translations:SELECT_A_FILE') }), void 0)] }), void 0),
+            _jsx(ErrorText, { children: error }, void 0)] }, void 0));
+};
 //# sourceMappingURL=BKJFileInput.js.map

package/lib/components/BKJFileInput/BKJFileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BKJFileInput.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+B,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,4BAA4B,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,KAAK,GACN,MAAM,uBAAuB,CAAC;AAG/B,MAAM,CAAC,MAAM,YAAY,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EACJ,SAAS,EACT,UAAU,EACV,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,MAAM,EAAoB,CAAC;IAE5C,MAAM,YAAY,GAAmC,WAAW,CAC9D,CAAC,KAAK,EAAE,EAAE;QACR,QAAQ,CAAC;YACP,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAM,CAAC,CAAC,CAAC,EAAE;SACnE,CAAC,CAAC;IACL,CAAC,EACD,CAAC,IAAI,EAAE,QAAQ,CAAC,CACjB,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAM,EAAE,EAAE;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QACjD,IAAI,OAAO;YAAE,OAAO,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,oBAAoB,eAClB,KAAK,CAAC,KAAK,IAAI,CACd,MAAC,iBAAiB,oBAAK,UAAU,IAAE,OAAO,EAAC,YAAY,EAAC,WAAW,EAAC,OAAO,iBACxE,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,QAAQ,IAAI,KAAC,4BAA4B,kCAAuC,aACrE,CACrB;YACD,MAAC,YAAY,kBAAC,KAAK,EAAE,CAAC,CAAC,KAAK,iBACzB,KAAK,IAAI,KAAC,SAAS,IAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,WAAI;oBAClE,MAAC,WAAW,kBAAC,cAAc,EAAE,CAAC,CAAC,KAAK,iBAClC,KAAC,YAAY,IAAC,QAAQ,EAAC,UAAU,WAAG;4BACpC,KAAC,gBAAgB,kBAAC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC,KAAK,gBAClF,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,YAC1B;4BACnB,KAAC,KAAK,oBACA,IAAI,IACR,GAAG,EAAE,QAA4C,EACjD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,YAA+D,YACzE,aACU;oBACd,KAAC,iBAAiB,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,gBACxD,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,YACpB,aACP;YACf,KAAC,SAAS,cAAE,KAAK,WAAa,YACT,CACxB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BKJFileInput.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.tsx"],"names":[],"mappings":"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"}

package/lib/components/BKJFileInput/BKJFileInput.stories.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { IBKJFileInputProps } from './BKJFileInput.types.js';
-declare const setup: {
-    title: string;
-    component: import("react").FC<IBKJFileInputProps>;
-    argTypes: {
-        error: {
-            name: string;
-        };
-    };
-};
-export declare const Default: Story<IBKJFileInputProps>;
-export default setup;
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IBKJFileInputProps } from './BKJFileInput.types.js';
+declare const setup: {
+    title: string;
+    component: import("react").FC<IBKJFileInputProps>;
+    argTypes: {
+        error: {
+            name: string;
+        };
+    };
+};
+export declare const Default: Story<IBKJFileInputProps>;
+export default setup;
 //# sourceMappingURL=BKJFileInput.stories.d.ts.map

package/lib/components/BKJFileInput/BKJFileInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BKJFileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,KAAK;;;;;;;;CAQV,CAAC;AAWF,eAAO,MAAM,OAAO,2BAAoB,CAAC;AAIzC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"BKJFileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,KAAK;;;;;;;;CAQV,CAAC;AAUF,eAAO,MAAM,OAAO,2BAAoB,CAAC;AAIzC,eAAe,KAAK,CAAC"}

package/lib/components/BKJFileInput/BKJFileInput.stories.js

@@ -1,24 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFormBehaviors } from '../../hooks/index.js';
-import { BKJFileInput } from './BKJFileInput.js';
-const setup = {
-    title: 'Input Elements/BKJUpload',
-    component: BKJFileInput,
-    argTypes: {
-        error: {
-            name: 'Error Message',
-        },
-    },
-};
-const Template = () => {
-    const { values, onChange } = useFormBehaviors({
-        initialState: { file: undefined },
-        onSubmit: () => { },
-    });
-    console.log(values);
-    return _jsx(BKJFileInput, { name: "file", value: values.file, label: "Upload a file", onChange: onChange }, void 0);
-};
-export const Default = Template.bind({});
-Default.args = {};
-export default setup;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormBehaviors } from '../../hooks/index.js';
+import { BKJFileInput } from './BKJFileInput.js';
+const setup = {
+    title: 'Input Elements/BKJUpload',
+    component: BKJFileInput,
+    argTypes: {
+        error: {
+            name: 'Error Message',
+        },
+    },
+};
+const Template = () => {
+    const { values, onChange } = useFormBehaviors({
+        initialState: { file: undefined },
+        onSubmit: () => { },
+    });
+    return _jsx(BKJFileInput, { name: "file", value: values.file, label: "Upload a file", onChange: onChange }, void 0);
+};
+export const Default = Template.bind({});
+Default.args = {};
+export default setup;
 //# sourceMappingURL=BKJFileInput.stories.js.map

package/lib/components/BKJFileInput/BKJFileInput.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BKJFileInput.stories.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,eAAe;SACtB;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAA8B,GAAG,EAAE;IAC/C,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;QAC5C,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QACjC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACnB,CAAC,CAAC;IACH,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,OAAO,KAAC,YAAY,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,QAAQ,WAAI,CAAC;AACpG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAElB,eAAe,KAAK,CAAC"}
+{"version":3,"file":"BKJFileInput.stories.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,eAAe;SACtB;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAA8B,GAAG,EAAE;IAC/C,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;QAC5C,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QACjC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACnB,CAAC,CAAC;IACH,OAAO,KAAC,YAAY,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,QAAQ,WAAI,CAAC;AACpG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAElB,eAAe,KAAK,CAAC"}

package/lib/components/BKJFileInput/BKJFileInput.styled.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-export declare const InnerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    error: boolean;
-}, never>;
-export declare const FileWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isFileSelected: boolean;
-}, never>;
-export declare const CloseIcon: import("styled-components").StyledComponent<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const DocumentIcon: import("styled-components").StyledComponent<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export declare const BKJFileInputText: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
-    isFileSelected: boolean;
-    error: boolean;
-}, never>;
-export declare const BKJFileInputLabel: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
-export declare const ErrorText: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const InnerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    error: boolean;
+}, never>;
+export declare const FileWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isFileSelected: boolean;
+}, never>;
+export declare const CloseIcon: import("styled-components").StyledComponent<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const DocumentIcon: import("styled-components").StyledComponent<import("react").FC<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const BKJFileInputText: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    isFileSelected: boolean;
+    error: boolean;
+}, never>;
+export declare const BKJFileInputLabel: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const ErrorText: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 //# sourceMappingURL=BKJFileInput.styled.d.ts.map