@licklist/design 0.66.13 → 0.67.0

package/dist/file-upload/FileUpload.js

@@ -1 +1,226 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var l=require("tslib"),t=require("react"),n=e(t),a=require("../static/loader/LoaderIndicator.js"),i=require("react-i18next"),r=e(require("@licklist/plugins/dist/context/app/hooks/useNotification")),o=require("react-bootstrap"),s=e(require("clsx"));require("../static/index.js");var u=require("./FilePreview.js"),d=require("../assets/dashboard/addImage.svg.js");var c=function(e){var n=e.allowMultiple,a=e.allowedExtensions,o=e.onFileRemove,s=l.__read(t.useState(null),2),u=s[0],d=s[1],c=l.__read(t.useState(!1),2),f=c[0],g=c[1],m=r(),v=i.useTranslation("Design").t;return{handleFilesUploading:function(e){Array.from(e).forEach((function(e){var t=e.name.split(".").pop();-1!==a.indexOf(t.toLowerCase())?function(e){void 0!==(null==u?void 0:u.find((function(l){return l.name===e.name})))||d((function(t){return null!==t&&n?l.__spreadArray(l.__spreadArray([],l.__read(t),!1),[e],!1):[e]}))}(e):m.danger({title:v("fileNotUploaded",{fileName:e.name}),message:v("invalidExtension",{extension:t})})}))},handleFileRemove:function(e,l,t){null!==u&&d((function(l){return l.filter((function(l){return l.name!==e}))})),o&&o(Number(e),l,t)},files:u,isDragged:f,setIsDragged:g,t:v}};exports.FileUpload=function(e){var l=e.allowMultiple,i=void 0!==l&&l,r=e.onFilesChange,f=e.allowedExtensions,g=e.className,m=e.enablePreview,v=e.defaultFiles,p=e.onFileRemove,h=e.title,b=void 0===h?"Drag file here":h,E=e.subTitle,F=void 0===E?"":E,w=e.secondSubtitle,x=e.isLoading,D=void 0!==x&&x,N=e.withIcon,_=void 0!==N&&N,q=e.disabled,L=void 0!==q&&q,j=c({allowedExtensions:f,allowMultiple:i,onFileRemove:p}),R=j.files,U=j.isDragged,k=j.setIsDragged,y=j.handleFilesUploading,I=j.handleFileRemove,C=j.t,M=s("licklist-file-upload-label",D&&"licklist-file-upload-label--loading",g,U&&"drag-over");t.useEffect((function(){null!==R&&r(R)}),[R]);var P=f.map((function(e){return".".concat(e)})).join(),T=null!=R?R:[],A=null!=v?v:[];return n.createElement("label",{className:M,onDragEnter:function(){return k(!0)},onDragLeave:function(){return k(!1)},onDragOver:function(e){e.preventDefault(),k(!0)},onDrop:function(e){e.preventDefault();var l=e.dataTransfer.files;k(!1),y(l)}},n.createElement("input",{type:"file",className:"licklist-file-upload",multiple:i,title:"Upload Files",accept:P,onClick:function(e){return e.currentTarget.value=null},onChange:function(e){y(e.target.files)},disabled:L}),(null==R?void 0:R.length)>0&&n.createElement("h5",{className:"drag-title"},C("filesUploaded",{argument:"".concat(R.length," ").concat(1%R.length==0?C("file"):C("files"))})),m&&n.createElement(u.FilePreview,{files:T.length?T:A,onRemove:I,isLoading:D,disabled:D}),_&&!(null==R?void 0:R.length)&&!(null==A?void 0:A.length)&&n.createElement(d.ReactComponent,null),n.createElement("h5",{className:"drag-title"},b),F?n.createElement("span",{className:"drag-sub-title"},F):n.createElement("h5",{className:"browse-title"},C("browseFiles")),!(null==R?void 0:R.length)&&!(null==A?void 0:A.length)&&!D&&w&&n.createElement(o.Form.Label,null,w," "),n.createElement(a.LoaderIndicator,{isLoaded:!D,className:"file-upload-loader"}))},exports.useFileUpload=c;
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useEffect, useState } from 'react';
+import clsx from 'clsx';
+import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification';
+import { useTranslation } from 'react-i18next';
+import { Form } from 'react-bootstrap';
+import '../static/index.js';
+import { FilePreview } from './FilePreview.js';
+import { ReactComponent as SvgAddImage } from '../assets/dashboard/addImage.svg.js';
+import { LoaderIndicator } from '../static/loader/LoaderIndicator.js';
+import '@licklist/plugins/dist/hooks/Media/useWindowDimensions';
+
+/* eslint-disable no-return-assign */ /* eslint-disable react-hooks/exhaustive-deps */ function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function FileUpload(param) {
+    var _param_allowMultiple = param.allowMultiple, allowMultiple = _param_allowMultiple === void 0 ? false : _param_allowMultiple, onFilesChange = param.onFilesChange, allowedExtensions = param.allowedExtensions, className = param.className, enablePreview = param.enablePreview, defaultFiles = param.defaultFiles, onFileRemove = param.onFileRemove, _param_title = param.title, title = _param_title === void 0 ? "Drag file here" : _param_title, _param_subTitle = param.subTitle, subTitle = _param_subTitle === void 0 ? "" : _param_subTitle, secondSubtitle = param.secondSubtitle, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_withIcon = param.withIcon, withIcon = _param_withIcon === void 0 ? false : _param_withIcon, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled;
+    var _useFileUpload = useFileUpload({
+        allowedExtensions: allowedExtensions,
+        allowMultiple: allowMultiple,
+        onFileRemove: onFileRemove
+    }), files = _useFileUpload.files, isDragged = _useFileUpload.isDragged, setIsDragged = _useFileUpload.setIsDragged, handleFilesUploading = _useFileUpload.handleFilesUploading, handleFileRemove = _useFileUpload.handleFileRemove, t = _useFileUpload.t;
+    var classNames = clsx("licklist-file-upload-label", isLoading && "licklist-file-upload-label--loading", className, isDragged && "drag-over");
+    useEffect(function() {
+        if (files !== null) {
+            onFilesChange(files);
+        }
+    }, [
+        files
+    ]);
+    var acceptableExtensions = allowedExtensions.map(function(extension) {
+        return ".".concat(extension);
+    }).join();
+    var previewFiles = files !== null && files !== void 0 ? files : [];
+    var previewDefaultImages = defaultFiles !== null && defaultFiles !== void 0 ? defaultFiles : [];
+    return /*#__PURE__*/ jsxs("label", {
+        className: classNames,
+        onDragEnter: function() {
+            return setIsDragged(true);
+        },
+        onDragLeave: function() {
+            return setIsDragged(false);
+        },
+        onDragOver: function(e) {
+            e.preventDefault();
+            setIsDragged(true);
+        },
+        onDrop: function(e) {
+            e.preventDefault();
+            var uploadedFiles = e.dataTransfer.files;
+            setIsDragged(false);
+            handleFilesUploading(uploadedFiles);
+        },
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                type: "file",
+                className: "licklist-file-upload",
+                multiple: allowMultiple,
+                title: "Upload Files",
+                accept: acceptableExtensions,
+                // Clear file input
+                onClick: function(e) {
+                    return e.currentTarget.value = null;
+                },
+                onChange: function(e) {
+                    handleFilesUploading(e.target.files);
+                },
+                disabled: disabled
+            }),
+            (files === null || files === void 0 ? void 0 : files.length) > 0 && /*#__PURE__*/ jsx("h5", {
+                className: "drag-title",
+                children: t("filesUploaded", {
+                    argument: "".concat(files.length, " ").concat(1 % files.length === 0 ? t("file") : t("files"))
+                })
+            }),
+            enablePreview && /*#__PURE__*/ jsx(FilePreview, {
+                files: previewFiles.length ? previewFiles : previewDefaultImages,
+                onRemove: handleFileRemove,
+                isLoading: isLoading,
+                disabled: isLoading
+            }),
+            withIcon && !(files === null || files === void 0 ? void 0 : files.length) && !(previewDefaultImages === null || previewDefaultImages === void 0 ? void 0 : previewDefaultImages.length) && /*#__PURE__*/ jsx(SvgAddImage, {}),
+            /*#__PURE__*/ jsx("h5", {
+                className: "drag-title",
+                children: title
+            }),
+            subTitle ? /*#__PURE__*/ jsx("span", {
+                className: "drag-sub-title",
+                children: subTitle
+            }) : /*#__PURE__*/ jsx("h5", {
+                className: "browse-title",
+                children: t("browseFiles")
+            }),
+            !(files === null || files === void 0 ? void 0 : files.length) && !(previewDefaultImages === null || previewDefaultImages === void 0 ? void 0 : previewDefaultImages.length) && !isLoading && secondSubtitle && /*#__PURE__*/ jsxs(Form.Label, {
+                children: [
+                    secondSubtitle,
+                    " "
+                ]
+            }),
+            /*#__PURE__*/ jsx(LoaderIndicator, {
+                isLoaded: !isLoading,
+                className: "file-upload-loader"
+            })
+        ]
+    });
+}
+var useFileUpload = function(param) {
+    var allowMultiple = param.allowMultiple, allowedExtensions = param.allowedExtensions, onFileRemove = param.onFileRemove;
+    var _useState = _sliced_to_array(useState(null), 2), files = _useState[0], setFiles = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), isDragged = _useState1[0], setIsDragged = _useState1[1];
+    var notification = useNotification();
+    var t = useTranslation("Design").t;
+    var uploadFile = function(file) {
+        var sameFile = files === null || files === void 0 ? void 0 : files.find(function(uploadedFile) {
+            return uploadedFile.name === file.name;
+        });
+        var isFileAlreadyUploaded = sameFile !== undefined;
+        if (!isFileAlreadyUploaded) {
+            setFiles(function(prevFiles) {
+                var allowUploadMultipleFiles = prevFiles !== null && allowMultiple;
+                return allowUploadMultipleFiles ? _to_consumable_array(prevFiles).concat([
+                    file
+                ]) : [
+                    file
+                ];
+            });
+        }
+    };
+    var handleFilesUploading = function(uploadedFiles) {
+        var filesArray = Array.from(uploadedFiles);
+        filesArray.forEach(function(file) {
+            var fileExtension = file.name.split(".").pop();
+            var extensionIndex = allowedExtensions.indexOf(fileExtension.toLowerCase());
+            var isExtensionValid = extensionIndex !== -1;
+            if (isExtensionValid) {
+                uploadFile(file);
+            } else {
+                notification.danger({
+                    title: t("fileNotUploaded", {
+                        fileName: file.name
+                    }),
+                    message: t("invalidExtension", {
+                        extension: fileExtension
+                    })
+                });
+            }
+        });
+    };
+    var handleFileRemove = function(id, path, type) {
+        if (files !== null) {
+            setFiles(function(prevFiles) {
+                return prevFiles.filter(function(file) {
+                    return file.name !== id;
+                });
+            });
+        }
+        if (onFileRemove) {
+            onFileRemove(Number(id), path, type);
+        }
+    };
+    return {
+        handleFilesUploading: handleFilesUploading,
+        handleFileRemove: handleFileRemove,
+        files: files,
+        isDragged: isDragged,
+        setIsDragged: setIsDragged,
+        t: t
+    };
+};
+
+export { FileUpload, useFileUpload };

package/dist/file-upload/index.d.ts

@@ -1,2 +1,2 @@
-export { FileUpload } from "./FileUpload";
+export { FileUpload } from "./FileUpload";
 //# sourceMappingURL=index.d.ts.map

package/dist/header/BookeditHeader.d.ts

@@ -1,15 +1,15 @@
-import { ReactNode } from "react";
-interface NavigationItem {
-    href: string;
-    label: string;
-}
-interface Props {
-    children?: ReactNode | ReactNode[];
-    href?: string;
-    leftNavs?: ReactNode | ReactNode[];
-    navItems?: NavigationItem[];
-    renderMobileNavigation?: (navigationItems: NavigationItem[]) => ReactNode;
-}
-declare function BookeditHeader({ children, href, leftNavs, navItems, renderMobileNavigation, }: Props): JSX.Element;
-export default BookeditHeader;
+import { ReactNode } from "react";
+interface NavigationItem {
+    href: string;
+    label: string;
+}
+interface Props {
+    children?: ReactNode | ReactNode[];
+    href?: string;
+    leftNavs?: ReactNode | ReactNode[];
+    navItems?: NavigationItem[];
+    renderMobileNavigation?: (navigationItems: NavigationItem[]) => ReactNode;
+}
+declare function BookeditHeader({ children, href, leftNavs, navItems, renderMobileNavigation, }: Props): import("react/jsx-runtime").JSX.Element;
+export default BookeditHeader;
 //# sourceMappingURL=BookeditHeader.d.ts.map

package/dist/header/BookeditHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookeditHeader.d.ts","sourceRoot":"","sources":["../../src/header/BookeditHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AACD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAC;CAC3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,eAYP;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BookeditHeader.d.ts","sourceRoot":"","sources":["../../src/header/BookeditHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AACD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAC;CAC3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,2CAYP;AAED,eAAe,cAAc,CAAC"}

package/dist/header/BookeditHeader.js

@@ -1 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../logo/Logo.js"),o=require("../assets/logo/bookedit.svg.js"),l=require("./Header.js");exports.default=function(e){var t=e.children,s=e.href,n=e.leftNavs,i=e.navItems,u=e.renderMobileNavigation;return r.createElement(l.default,{logo:r.createElement(a.default,{logo:r.createElement(o.ReactComponent,null),className:"mt-auto mr-0 mr-sm-3"}),href:s,leftNavs:n,navItems:i,renderMobileNavigation:u},t)};
+import { jsx } from 'react/jsx-runtime';
+import { ReactComponent as SvgBookedit } from '../assets/logo/bookedit.svg.js';
+import Logo from '../logo/Logo.js';
+import Header from './Header.js';
+
+function BookeditHeader(param) {
+    var children = param.children, href = param.href, leftNavs = param.leftNavs, navItems = param.navItems, renderMobileNavigation = param.renderMobileNavigation;
+    return /*#__PURE__*/ jsx(Header, {
+        logo: /*#__PURE__*/ jsx(Logo, {
+            logo: /*#__PURE__*/ jsx(SvgBookedit, {}),
+            className: "mt-auto mr-0 mr-sm-3"
+        }),
+        href: href,
+        leftNavs: leftNavs,
+        navItems: navItems,
+        renderMobileNavigation: renderMobileNavigation,
+        children: children
+    });
+}
+
+export { BookeditHeader as default };

package/dist/header/Header.d.ts

@@ -1,16 +1,16 @@
-import { ReactNode } from "react";
-interface NavigationItem {
-    href: string;
-    label: string;
-}
-type Props = {
-    children?: ReactNode | ReactNode[];
-    href?: string;
-    logo?: ReactNode;
-    leftNavs?: ReactNode | ReactNode[];
-    navItems?: NavigationItem[];
-    renderMobileNavigation?: (navigationItems: NavigationItem[]) => ReactNode;
-};
-declare function Header({ children, href, logo, leftNavs, navItems, renderMobileNavigation, }: Props): JSX.Element;
-export default Header;
+import { ReactNode } from "react";
+interface NavigationItem {
+    href: string;
+    label: string;
+}
+type Props = {
+    children?: ReactNode | ReactNode[];
+    href?: string;
+    logo?: ReactNode;
+    leftNavs?: ReactNode | ReactNode[];
+    navItems?: NavigationItem[];
+    renderMobileNavigation?: (navigationItems: NavigationItem[]) => ReactNode;
+};
+declare function Header({ children, href, logo, leftNavs, navItems, renderMobileNavigation, }: Props): import("react/jsx-runtime").JSX.Element;
+export default Header;
 //# sourceMappingURL=Header.d.ts.map

package/dist/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAC;CAC3E,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,eAyCP;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAC;CAC3E,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,2CAyCP;AAED,eAAe,MAAM,CAAC"}

package/dist/header/Header.js

@@ -1 +1,55 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=e(require("react")),t=e(require("react-bootstrap/Nav")),r=e(require("react-bootstrap/Navbar"));exports.default=function(e){var n=e.children,l=e.href,o=e.logo,c=e.leftNavs,s=e.navItems,m=e.renderMobileNavigation;return a.createElement(r,{className:"header",variant:"light",collapseOnSelect:!0,expand:!1,bg:"none"},a.createElement("div",{className:"header-logo-container"},a.createElement(r.Brand,{href:l,className:"p-0"},o),(null==s?void 0:s.length)&&a.createElement(a.Fragment,null,a.createElement(r.Toggle,{"aria-controls":"header-navbar-nav",className:"d-block d-md-none ml-2 border-0"}))),a.createElement(t,{className:"mr-auto my-auto"},c),a.createElement("div",{className:"user-section ml-3 my-auto"},n),(null==s?void 0:s.length)&&a.createElement(r.Collapse,{id:"header-navbar-nav"},m?m(s):a.createElement(t,{className:"mr-auto"},s.map((function(e){var r=e.label,n=e.href;return a.createElement(t.Link,{href:n,key:"".concat(n).concat(r)},r)})))))};
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import Nav from 'react-bootstrap/Nav';
+import Navbar from 'react-bootstrap/Navbar';
+
+function Header(param) {
+    var children = param.children, href = param.href, logo = param.logo, leftNavs = param.leftNavs, navItems = param.navItems, renderMobileNavigation = param.renderMobileNavigation;
+    return /*#__PURE__*/ jsxs(Navbar, {
+        className: "header",
+        variant: "light",
+        collapseOnSelect: true,
+        expand: false,
+        bg: "none",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "header-logo-container",
+                children: [
+                    /*#__PURE__*/ jsx(Navbar.Brand, {
+                        href: href,
+                        className: "p-0",
+                        children: logo
+                    }),
+                    (navItems === null || navItems === void 0 ? void 0 : navItems.length) && /*#__PURE__*/ jsx(Fragment, {
+                        children: /*#__PURE__*/ jsx(Navbar.Toggle, {
+                            "aria-controls": "header-navbar-nav",
+                            className: "d-block d-md-none ml-2 border-0"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Nav, {
+                className: "mr-auto my-auto",
+                children: leftNavs
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "user-section ml-3 my-auto",
+                children: children
+            }),
+            (navItems === null || navItems === void 0 ? void 0 : navItems.length) && /*#__PURE__*/ jsx(Navbar.Collapse, {
+                id: "header-navbar-nav",
+                children: renderMobileNavigation ? renderMobileNavigation(navItems) : /*#__PURE__*/ jsx(Nav, {
+                    className: "mr-auto",
+                    children: navItems.map(function(param) {
+                        var label = param.label, href = param.href;
+                        return /*#__PURE__*/ jsx(Nav.Link, {
+                            href: href,
+                            children: label
+                        }, "".concat(href).concat(label));
+                    })
+                })
+            })
+        ]
+    });
+}
+
+export { Header as default };

package/dist/header/LicklistHeader.d.ts

@@ -1,15 +1,15 @@
-import { ReactNode } from "react";
-interface NavigationItem {
-    href: string;
-    label: string;
-}
-interface Props {
-    children?: ReactNode | ReactNode[];
-    href?: string;
-    leftNavs?: ReactNode | ReactNode[];
-    navItems?: NavigationItem[];
-    renderMobileNavigation?: (navigationItems: NavigationItem[]) => ReactNode;
-}
-declare function LicklistHeader({ children, href, leftNavs, navItems, renderMobileNavigation, }: Props): JSX.Element;
-export default LicklistHeader;
+import { ReactNode } from "react";
+interface NavigationItem {
+    href: string;
+    label: string;
+}
+interface Props {
+    children?: ReactNode | ReactNode[];
+    href?: string;
+    leftNavs?: ReactNode | ReactNode[];
+    navItems?: NavigationItem[];
+    renderMobileNavigation?: (navigationItems: NavigationItem[]) => ReactNode;
+}
+declare function LicklistHeader({ children, href, leftNavs, navItems, renderMobileNavigation, }: Props): import("react/jsx-runtime").JSX.Element;
+export default LicklistHeader;
 //# sourceMappingURL=LicklistHeader.d.ts.map

package/dist/header/LicklistHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LicklistHeader.d.ts","sourceRoot":"","sources":["../../src/header/LicklistHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAC;CAC3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,eAkBP;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"LicklistHeader.d.ts","sourceRoot":"","sources":["../../src/header/LicklistHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAC;CAC3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,2CAkBP;AAED,eAAe,cAAc,CAAC"}

package/dist/header/LicklistHeader.js

@@ -1 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,l=require("../logo/Logo.js"),o=require("./Header.js"),a=require("../assets/logo/licklist.sm.svg.js"),s=require("../assets/logo/licklist.svg.js");exports.default=function(e){var t=e.children,n=e.href,i=e.leftNavs,u=e.navItems,c=e.renderMobileNavigation;return r.createElement(o.default,{logo:r.createElement(l.default,{logo:r.createElement(s.ReactComponent,null),logoSm:r.createElement(a.ReactComponent,null),className:"mt-auto mr-0 mr-sm-3"}),href:n,leftNavs:i,navItems:u,renderMobileNavigation:c},t)};
+import { jsx } from 'react/jsx-runtime';
+import { ReactComponent as SvgLicklistsm } from '../assets/logo/licklist.sm.svg.js';
+import { ReactComponent as SvgLicklist } from '../assets/logo/licklist.svg.js';
+import Logo from '../logo/Logo.js';
+import Header from './Header.js';
+
+function LicklistHeader(param) {
+    var children = param.children, href = param.href, leftNavs = param.leftNavs, navItems = param.navItems, renderMobileNavigation = param.renderMobileNavigation;
+    return /*#__PURE__*/ jsx(Header, {
+        logo: /*#__PURE__*/ jsx(Logo, {
+            logo: /*#__PURE__*/ jsx(SvgLicklist, {}),
+            logoSm: /*#__PURE__*/ jsx(SvgLicklistsm, {}),
+            className: "mt-auto mr-0 mr-sm-3"
+        }),
+        href: href,
+        leftNavs: leftNavs,
+        navItems: navItems,
+        renderMobileNavigation: renderMobileNavigation,
+        children: children
+    });
+}
+
+export { LicklistHeader as default };

package/dist/header/elements/CompanySelector.d.ts

@@ -1,12 +1,11 @@
-import React from "react";
-export interface CompanySelectorProps {
-    value: number;
-    list: {
-        id: number;
-        title: string;
-    }[];
-    onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-}
-declare function CompanySelector({ value, list, onChange }: CompanySelectorProps): JSX.Element;
-export default CompanySelector;
+export interface CompanySelectorProps {
+    value: number;
+    list: {
+        id: number;
+        title: string;
+    }[];
+    onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+}
+declare function CompanySelector({ value, list, onChange }: CompanySelectorProps): import("react/jsx-runtime").JSX.Element;
+export default CompanySelector;
 //# sourceMappingURL=CompanySelector.d.ts.map

package/dist/header/elements/CompanySelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompanySelector.d.ts","sourceRoot":"","sources":["../../../src/header/elements/CompanySelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,iBAAS,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,oBAAoB,eAmCvE;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CompanySelector.d.ts","sourceRoot":"","sources":["../../../src/header/elements/CompanySelector.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,iBAAS,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAmCvE;AAED,eAAe,eAAe,CAAC"}

package/dist/header/elements/CompanySelector.js

@@ -1 +1,36 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-bootstrap"),l=require("lodash");exports.default=function(e){var t=e.value,o=e.list,c=e.onChange,n=!l.isEmpty(o),s=1===o.length;return a.createElement("div",{className:"header-company-selector-container"},s&&a.createElement("span",{className:"company-selector-item company-selector-item__disabled"},o[0].title),n&&!s&&a.createElement(r.Form.Group,{className:"m-0"},a.createElement(r.Form.Control,{className:"header-company-selector",defaultValue:t,as:"select",onChange:c},n&&o.map((function(e){return a.createElement("option",{className:"company-selector-item",key:e.id,value:e.id},e.title)})))))};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { isEmpty } from 'lodash';
+import { Form } from 'react-bootstrap';
+
+function CompanySelector(param) {
+    var value = param.value, list = param.list, onChange = param.onChange;
+    var hasItems = !isEmpty(list);
+    var hasOneItem = list.length === 1;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "header-company-selector-container",
+        children: [
+            hasOneItem && /*#__PURE__*/ jsx("span", {
+                className: "company-selector-item company-selector-item__disabled",
+                children: list[0].title
+            }),
+            hasItems && !hasOneItem && /*#__PURE__*/ jsx(Form.Group, {
+                className: "m-0",
+                children: /*#__PURE__*/ jsx(Form.Control, {
+                    className: "header-company-selector",
+                    defaultValue: value,
+                    as: "select",
+                    onChange: onChange,
+                    children: hasItems && list.map(function(item) {
+                        return /*#__PURE__*/ jsx("option", {
+                            className: "company-selector-item",
+                            value: item.id,
+                            children: item.title
+                        }, item.id);
+                    })
+                })
+            })
+        ]
+    });
+}
+
+export { CompanySelector as default };

package/dist/header/elements/index.d.ts

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

package/dist/header/index.d.ts

@@ -1,6 +1,6 @@
-import BookeditHeader from "./BookeditHeader";
-import LicklistHeader from "./LicklistHeader";
-import Header from "./Header";
-export * from "./elements";
-export { LicklistHeader, BookeditHeader, Header };
+import BookeditHeader from "./BookeditHeader";
+import LicklistHeader from "./LicklistHeader";
+import Header from "./Header";
+export * from "./elements";
+export { LicklistHeader, BookeditHeader, Header };
 //# sourceMappingURL=index.d.ts.map

package/dist/help/example/Example.d.ts

@@ -1,23 +1,23 @@
-import React from "react";
-export type ExampleContentProps = {
-    id: string;
-    isActive: boolean;
-    children?: React.ReactElement | React.ReactElement[];
-    title?: string;
-};
-export type ExampleToggleProps = {
-    id: string;
-    isActive: boolean;
-    onToggle: () => void;
-};
-export type ExampleChildrenProps = {
-    toggle: ExampleToggleProps;
-    content: ExampleContentProps;
-};
-export type ExampleProps = {
-    children?: (props: ExampleChildrenProps) => React.ReactElement | React.ReactElement[];
-};
-export declare function ExampleContent({ isActive, children, title, id, }: ExampleContentProps): JSX.Element;
-export declare function ExampleToggle({ id, isActive, onToggle }: ExampleToggleProps): JSX.Element;
-export declare function Example({ children }: ExampleProps): React.ReactElement;
+import { ReactElement } from "react";
+export type ExampleContentProps = {
+    id: string;
+    isActive: boolean;
+    children?: ReactElement | ReactElement[];
+    title?: string;
+};
+export type ExampleToggleProps = {
+    id: string;
+    isActive: boolean;
+    onToggle: () => void;
+};
+export type ExampleChildrenProps = {
+    toggle: ExampleToggleProps;
+    content: ExampleContentProps;
+};
+export type ExampleProps = {
+    children?: (props: ExampleChildrenProps) => ReactElement | ReactElement[];
+};
+export declare function ExampleContent({ isActive, children, title, id, }: ExampleContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExampleToggle({ id, isActive, onToggle }: ExampleToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Example({ children }: ExampleProps): ReactElement;
 //# sourceMappingURL=Example.d.ts.map

package/dist/help/example/Example.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Example.d.ts","sourceRoot":"","sources":["../../../src/help/example/Example.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,OAAO,EAAE,mBAAmB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,oBAAoB,KACxB,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;CAChD,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,EAAE,GACH,EAAE,mBAAmB,eAuGrB;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,eAa3E;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAuBtE"}
+{"version":3,"file":"Example.d.ts","sourceRoot":"","sources":["../../../src/help/example/Example.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAwC,MAAM,OAAO,CAAC;AAM3E,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,OAAO,EAAE,mBAAmB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,YAAY,GAAG,YAAY,EAAE,CAAC;CAC3E,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,EAAE,GACH,EAAE,mBAAmB,2CAuGrB;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAa3E;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG,YAAY,CAuBhE"}