@licklist/design 0.72.73 → 0.73.0

package/dist/header/BookeditHeader.d.ts

@@ -1,8 +1,5 @@
 import { ReactNode } from 'react';
-interface NavigationItem {
-    href: string;
-    label: string;
-}
+import { NavigationItem } from './Header';
 interface Props {
     children?: ReactNode | ReactNode[];
     href?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"BookeditHeader.d.ts","sourceRoot":"","sources":["../../src/header/BookeditHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AACD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;IAC3B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAA;CAC1E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,2CAYP;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"BookeditHeader.d.ts","sourceRoot":"","sources":["../../src/header/BookeditHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEjD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;IAC3B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAA;CAC1E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,2CAYP;AAED,eAAe,cAAc,CAAA"}

package/dist/header/Header.d.ts

@@ -1,8 +1,16 @@
 import { ReactNode } from 'react';
-interface NavigationItem {
+export type NavigationItem = {
     href: string;
     label: string;
-}
+    pathname: string[];
+} | {
+    label: string;
+    links: {
+        href: string;
+        label: string;
+        pathname: string[];
+    }[];
+};
 type Props = {
     children?: ReactNode | ReactNode[];
     href?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;IAC3B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAA;CAC1E,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,2CAyCP;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,GACD;IACE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,EAAE,CAAA;KACnB,EAAE,CAAA;CACJ,CAAA;AAEL,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;IAC3B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAA;CAC1E,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,2CAmEP;AAED,eAAe,MAAM,CAAA"}

package/dist/header/Header.js

@@ -1,6 +1,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Accordion } from '@mantine/core';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
+import { NavLink } from 'react-router-dom';
 
 function Header(param) {
     var children = param.children, href = param.href, logo = param.logo, leftNavs = param.leftNavs, navItems = param.navItems, renderMobileNavigation = param.renderMobileNavigation;
@@ -39,12 +41,36 @@ function Header(param) {
                 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;
+                    children: navItems.map(function(item) {
+                        if ('links' in item) {
+                            return /*#__PURE__*/ jsx(Accordion, {
+                                defaultValue: "Apples",
+                                children: /*#__PURE__*/ jsxs(Accordion.Item, {
+                                    value: item.label,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Accordion.Control, {
+                                            children: item.label
+                                        }),
+                                        item.links.map(function(subItem) {
+                                            return /*#__PURE__*/ jsx(Accordion.Panel, {
+                                                children: /*#__PURE__*/ jsx(Nav.Item, {
+                                                    children: /*#__PURE__*/ jsx(NavLink, {
+                                                        exact: true,
+                                                        to: subItem.href,
+                                                        className: "nav-link",
+                                                        children: subItem.label
+                                                    })
+                                                }, "".concat(subItem.label, "-").concat(subItem.href))
+                                            }, subItem.href + subItem.label);
+                                        })
+                                    ]
+                                })
+                            });
+                        }
                         return /*#__PURE__*/ jsx(Nav.Link, {
-                            href: href,
-                            children: label
-                        }, "".concat(href).concat(label));
+                            href: item.href,
+                            children: item.label
+                        }, "".concat(item.href).concat(item.label));
                     })
                 })
             })

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 };
+export { BookeditHeader, Header };
+export type { NavigationItem } from './Header';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,CAAA;AACjC,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA"}

package/dist/index.js

@@ -30,7 +30,6 @@ export { EventStatisticModal } from './events/event-statistic-modal/EventStatist
 export { EventVenueMap } from './events/event-venue-map/EventVenueMap.js';
 export { FileUpload } from './file-upload/FileUpload.js';
 export { default as BookeditHeader } from './header/BookeditHeader.js';
-export { default as LicklistHeader } from './header/LicklistHeader.js';
 export { default as Header } from './header/Header.js';
 export { default as CompanySelector } from './header/elements/CompanySelector.js';
 export { Example, ExampleContent, ExampleToggle } from './help/example/Example.js';

package/dist/sales/coupon/form/CouponFrom.d.ts

@@ -23,9 +23,10 @@ export interface CouponFormProps {
     productGroups?: ProductGroup[];
     defaultValues?: CouponFormValues;
     onSubmit: (values: CouponFormValues) => void;
+    onCancel: () => void;
     isLoading?: boolean;
     hasPermission: boolean;
     serverErrors?: ServerError;
 }
-export declare const CouponForm: ({ onSubmit, defaultValues, isLoading, productGroups, hasPermission, serverErrors, }: CouponFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CouponForm: ({ onSubmit, onCancel, defaultValues, isLoading, productGroups, hasPermission, serverErrors, }: CouponFormProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CouponFrom.d.ts.map

package/dist/sales/coupon/form/CouponFrom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CouponFrom.d.ts","sourceRoot":"","sources":["../../../../src/sales/coupon/form/CouponFrom.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,eAAe,EAChB,MAAM,+DAA+D,CAAA;AACtE,OAAO,EACL,eAAe,EACf,UAAU,EACX,MAAM,yDAAyD,CAAA;AAIhE,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAK3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,UAAU,CAAA;IACxB,eAAe,EAAE,eAAe,EAAE,CAAA;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,eAAe,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B;AAED,eAAO,MAAM,UAAU,wFAOpB,eAAe,4CAkCjB,CAAA"}
+{"version":3,"file":"CouponFrom.d.ts","sourceRoot":"","sources":["../../../../src/sales/coupon/form/CouponFrom.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,eAAe,EAChB,MAAM,+DAA+D,CAAA;AACtE,OAAO,EACL,eAAe,EACf,UAAU,EACX,MAAM,yDAAyD,CAAA;AAIhE,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAI3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,UAAU,CAAA;IACxB,eAAe,EAAE,eAAe,EAAE,CAAA;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,eAAe,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B;AAED,eAAO,MAAM,UAAU,kGAQpB,eAAe,4CA6CjB,CAAA"}

package/dist/sales/coupon/form/CouponFrom.js

@@ -59,7 +59,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 var CouponForm = function(param) {
-    var onSubmit = param.onSubmit, defaultValues = param.defaultValues, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, productGroups = param.productGroups, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? false : _param_hasPermission, serverErrors = param.serverErrors;
+    var onSubmit = param.onSubmit, onCancel = param.onCancel, defaultValues = param.defaultValues, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, productGroups = param.productGroups, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? false : _param_hasPermission, serverErrors = param.serverErrors;
     var form = useForm({
         defaultValues: defaultValues
     });
@@ -85,11 +85,24 @@ var CouponForm = function(param) {
                     productGroups: productGroups,
                     isLoading: isLoading
                 }),
-                hasPermission && /*#__PURE__*/ jsx(Button, {
-                    className: "mt-5 d-no dne d-md-block",
-                    type: "submit",
-                    disabled: isLoading,
-                    children: t('save')
+                hasPermission && /*#__PURE__*/ jsxs("div", {
+                    className: "tw-flex tw-gap-4",
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            className: "d-md-block mt-5",
+                            type: "submit",
+                            disabled: isLoading,
+                            children: t('save')
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            className: "mt-5 d-md-block",
+                            variant: "outline-primary",
+                            type: "reset",
+                            onClick: onCancel,
+                            disabled: isLoading,
+                            children: t('cancel')
+                        })
+                    ]
                 })
             ]
         })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.72.73",
+  "version": "0.73.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -94,7 +94,7 @@
     "@wojtekmaj/react-daterange-picker": "4.1.0",
     "bootstrap": "4.6.0",
     "bootstrap-social": "5.1.1",
-    "clsx": "1.1.1",
+    "clsx": "2.1.1",
     "date-fns": "2.29.3",
     "emojibase": "6.1.0",
     "emojibase-data": "7.0.1",

package/src/header/BookeditHeader.tsx

@@ -1,12 +1,8 @@
 import { ReactNode } from 'react'
 import { ReactComponent as LogoSvg } from '../assets/logo/bookedit.svg'
 import Logo from '../logo/Logo'
-import Header from './Header'
+import Header, { NavigationItem } from './Header'
 
-interface NavigationItem {
-  href: string
-  label: string
-}
 interface Props {
   children?: ReactNode | ReactNode[]
   href?: string

package/src/header/Header.stories.tsx

@@ -1,87 +1,38 @@
-import Nav from 'react-bootstrap/Nav'
+import React from 'react'
 import StyledButton from '../static/StyledButton'
 import BookeditHeader from './BookeditHeader'
 import CompanySelector from './elements/CompanySelector'
-import LicklistHeader from './LicklistHeader'
+import { NavigationItem } from './Header'
 
-const providerNavItems = [
-  { href: `/profile`, label: 'profile' },
-  { href: `/events`, label: 'events' },
-  { href: `/sales`, label: 'salesAndEnquiries' },
-  { href: `/product-sets`, label: 'productSets' },
-  { href: `/affiliates`, label: 'affiliates' },
-  { href: `/product-groups`, label: 'productGroups' },
-  { href: '/#', label: 'loyalty' },
-  { href: '/#', label: 'emailAndSms' },
-  { href: '/#', label: 'followersAndProfiles' },
+const providerNavItems: NavigationItem[] = [
+  { href: `/profile`, label: 'profile', pathname: [] },
+  { href: `/events`, label: 'events', pathname: [] },
+  { href: `/sales`, label: 'salesAndEnquiries', pathname: [] },
+  { href: `/product-sets`, label: 'productSets', pathname: [] },
+  { href: `/affiliates`, label: 'affiliates', pathname: [] },
+  { href: `/product-groups`, label: 'productGroups', pathname: [] },
+  { href: '/#', label: 'loyalty', pathname: [] },
+  { href: '/#', label: 'emailAndSms', pathname: [] },
+  { href: '/#', label: 'followersAndProfiles', pathname: [] },
 ]
 
 export default {
   title: 'Header',
 }
 
-export const Licklist = () => (
-  <>
-    <LicklistHeader
-      leftNavs={
-        <>
-          <ul className='navbar-nav bd-navbar-nav flex-row navbar-nav-primary'>
-            <li className='nav-item px-3 px-sm-3 px-lg-4'>
-              <Nav.Link href='#'>
-                <FaSearch />
-              </Nav.Link>
-            </li>
-            <li className='nav-item px-3 px-sm-4 d-none d-sm-inline'>
-              <Nav.Link href='#' className='nav-link-light-grey'>
-                Explore
-              </Nav.Link>
-            </li>
-            <li className='nav-item px-3 px-sm-4 d-none d-sm-inline'>
-              <Nav.Link href='#' className=''>
-                Galleries
-              </Nav.Link>
-            </li>
-          </ul>
-        </>
-      }
-    >
-      <StyledButton size='sm' className='rounded-pill mr-2'>
-        Login
-      </StyledButton>
-      <StyledButton
-        size='sm'
-        className='rounded-pill'
-        variant='outline-secondary'
-      >
-        Sign up
-      </StyledButton>
-    </LicklistHeader>
-  </>
-)
-
-Licklist.story = {
-  parameters: {
-    info: `
-      Licklist header component
-    `,
-  },
-}
-
 export const Bookedit = () => (
-  <>
-    <BookeditHeader navItems={providerNavItems}>
-      <StyledButton size='sm' className='rounded-pill mr-2'>
-        Login
-      </StyledButton>
-      <StyledButton
-        size='sm'
-        className='rounded-pill'
-        variant='outline-secondary'
-      >
-        Sign up
-      </StyledButton>
-    </BookeditHeader>
-  </>
+  <BookeditHeader navItems={providerNavItems}>
+    <StyledButton size='sm' className='rounded-pill mr-2'>
+      Login
+    </StyledButton>
+    <StyledButton
+      size='sm'
+      className='rounded-pill'
+      variant='outline-secondary'
+    >
+      Sign up
+    </StyledButton>
+  </BookeditHeader>
 )
 
 Bookedit.story = {
@@ -93,23 +44,21 @@ Bookedit.story = {
 }
 
 export const BookeditWithElements = () => (
-  <>
-    <BookeditHeader
-      leftNavs={
-        <div className='header-elements'>
-          <CompanySelector
-            value={1}
-            list={[
-              { id: 1, title: 'Company #1' },
-              { id: 2, title: 'Company #2' },
-            ]}
-            onChange={() => null}
-          />
-        </div>
-      }
-      navItems={providerNavItems}
-    />
-  </>
+  <BookeditHeader
+    leftNavs={
+      <div className='header-elements'>
+        <CompanySelector
+          value={1}
+          list={[
+            { id: 1, title: 'Company #1' },
+            { id: 2, title: 'Company #2' },
+          ]}
+          onChange={() => null}
+        />
+      </div>
+    }
+    navItems={providerNavItems}
+  />
 )
 
 BookeditWithElements.story = {

package/src/header/Header.tsx

@@ -1,11 +1,23 @@
+import { Accordion } from '@mantine/core'
 import { ReactNode } from 'react'
 import Nav from 'react-bootstrap/Nav'
 import Navbar from 'react-bootstrap/Navbar'
+import { NavLink } from 'react-router-dom'
 
-interface NavigationItem {
-  href: string
-  label: string
-}
+export type NavigationItem =
+  | {
+      href: string
+      label: string
+      pathname: string[]
+    }
+  | {
+      label: string
+      links: {
+        href: string
+        label: string
+        pathname: string[]
+      }[]
+    }
 
 type Props = {
   children?: ReactNode | ReactNode[]
@@ -53,11 +65,37 @@ function Header({
             renderMobileNavigation(navItems)
           ) : (
             <Nav className='mr-auto'>
-              {navItems.map(({ label, href }) => (
-                <Nav.Link href={href} key={`${href}${label}`}>
-                  {label}
-                </Nav.Link>
-              ))}
+              {navItems.map((item) => {
+                if ('links' in item) {
+                  return (
+                    <Accordion defaultValue='Apples'>
+                      <Accordion.Item value={item.label}>
+                        <Accordion.Control>{item.label}</Accordion.Control>
+                        {item.links.map((subItem) => (
+                          <Accordion.Panel key={subItem.href + subItem.label}>
+                            <Nav.Item key={`${subItem.label}-${subItem.href}`}>
+                              {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
+                              {/* @ts-ignore */}
+                              <NavLink
+                                exact
+                                to={subItem.href}
+                                className='nav-link'
+                              >
+                                {subItem.label}
+                              </NavLink>
+                            </Nav.Item>
+                          </Accordion.Panel>
+                        ))}
+                      </Accordion.Item>
+                    </Accordion>
+                  )
+                }
+                return (
+                  <Nav.Link href={item.href} key={`${item.href}${item.label}`}>
+                    {item.label}
+                  </Nav.Link>
+                )
+              })}
             </Nav>
           )}
         </Navbar.Collapse>

package/src/header/index.ts

@@ -1,7 +1,7 @@
 import BookeditHeader from './BookeditHeader'
-import LicklistHeader from './LicklistHeader'
 import Header from './Header'
 
 export * from './elements'
 
-export { LicklistHeader, BookeditHeader, Header }
+export { BookeditHeader, Header }
+export type { NavigationItem } from './Header'

package/src/sales/coupon/form/CouponFrom.tsx

@@ -12,7 +12,6 @@ import { useForm, FormProvider } from 'react-hook-form'
 import { useTranslation } from 'react-i18next'
 import { ServerError } from '@licklist/plugins/dist/hooks/Api/useHttpQuery'
 import FormErrorService from '@licklist/plugins/dist/services/Form/FormErrorService'
-
 import { CouponFormControl } from '../control'
 
 export interface CouponFormValues {
@@ -38,6 +37,7 @@ export interface CouponFormProps {
   productGroups?: ProductGroup[]
   defaultValues?: CouponFormValues
   onSubmit: (values: CouponFormValues) => void
+  onCancel: () => void
   isLoading?: boolean
   hasPermission: boolean
   serverErrors?: ServerError
@@ -45,6 +45,7 @@ export interface CouponFormProps {
 
 export const CouponForm = ({
   onSubmit,
+  onCancel,
   defaultValues,
   isLoading = false,
   productGroups,
@@ -73,13 +74,24 @@ export const CouponForm = ({
           isLoading={isLoading}
         />
         {hasPermission && (
-          <Button
-            className='mt-5 d-no dne d-md-block'
-            type='submit'
-            disabled={isLoading}
-          >
-            {t('save')}
-          </Button>
+          <div className='tw-flex tw-gap-4'>
+            <Button
+              className='d-md-block mt-5'
+              type='submit'
+              disabled={isLoading}
+            >
+              {t('save')}
+            </Button>
+            <Button
+              className='mt-5 d-md-block'
+              variant='outline-primary'
+              type='reset'
+              onClick={onCancel}
+              disabled={isLoading}
+            >
+              {t('cancel')}
+            </Button>
+          </div>
         )}
       </Form>
     </FormProvider>

package/yarn.lock

@@ -2584,7 +2584,7 @@ __metadata:
     babel-loader: "npm:8.2.2"
     bootstrap: "npm:4.6.0"
     bootstrap-social: "npm:5.1.1"
-    clsx: "npm:1.1.1"
+    clsx: "npm:2.1.1"
     css-loader: "npm:5.1.1"
     cssnano: "npm:7.0.6"
     date-fns: "npm:2.29.3"
@@ -5971,11 +5971,11 @@ __metadata:
   linkType: hard
 
 "@types/react@npm:*, @types/react@npm:>=16.14.8, @types/react@npm:>=16.9.11":
-  version: 19.1.1
-  resolution: "@types/react@npm:19.1.1"
+  version: 19.1.2
+  resolution: "@types/react@npm:19.1.2"
   dependencies:
     csstype: "npm:^3.0.2"
-  checksum: 10c0/d22417857460ade4250806135a3d1e2558737a7ae76f120f88afbc6419ab04312977a5208a70d4f85059b9493c0f1f16c9ba1483aa8ea1dad581da666c95773e
+  checksum: 10c0/76ffe71395c713d4adc3c759465012d3c956db00af35ab7c6d0d91bd07b274b7ce69caa0478c0760311587bd1e38c78ffc9688ebc629f2b266682a19d8750947
   languageName: node
   linkType: hard
 
@@ -8108,9 +8108,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001109, caniuse-lite@npm:^1.0.30001125, caniuse-lite@npm:^1.0.30001646, caniuse-lite@npm:^1.0.30001688":
-  version: 1.0.30001713
-  resolution: "caniuse-lite@npm:1.0.30001713"
-  checksum: 10c0/f5468abfe73ce30e29cc8bde2ea67df2aab69032bdd93345e0640efefb76b7901c84fe1d28d591a797e65fe52fc24cae97060bb5552f9f9740322aff95ce2f9d
+  version: 1.0.30001715
+  resolution: "caniuse-lite@npm:1.0.30001715"
+  checksum: 10c0/0109a7da797ffbe1aa197baa5242b205011098eecec1087ef3d0c58ceea19be325ab6679b2751a78660adc3051a9f77e99d5789938fd1eb1235e6fdf6a1dbf8e
   languageName: node
   linkType: hard
 
@@ -8253,8 +8253,8 @@ __metadata:
   linkType: hard
 
 "chromatic@npm:^11.4.0":
-  version: 11.28.0
-  resolution: "chromatic@npm:11.28.0"
+  version: 11.28.2
+  resolution: "chromatic@npm:11.28.2"
   peerDependencies:
     "@chromatic-com/cypress": ^0.*.* || ^1.0.0
     "@chromatic-com/playwright": ^0.*.* || ^1.0.0
@@ -8267,7 +8267,7 @@ __metadata:
     chroma: dist/bin.js
     chromatic: dist/bin.js
     chromatic-cli: dist/bin.js
-  checksum: 10c0/ae0bb035e531852f9a6dbd5be133a2a4759ef39ece13fcbcdf635db4de0129f7bca8f58f7a0411a7eafb4dc09319df6aaece5646d9944ee4347ee0e38de52d65
+  checksum: 10c0/0e30c01adae08708b871c5e27462af14a8426e0fe443d0c42afb2477326703504b02fa96a02e64c858072f535d149b96f207c43b147ba1492de83bb5f505e59e
   languageName: node
   linkType: hard
 
@@ -8409,6 +8409,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clsx@npm:2.1.1, clsx@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "clsx@npm:2.1.1"
+  checksum: 10c0/c4c8eb865f8c82baab07e71bfa8897c73454881c4f99d6bc81585aecd7c441746c1399d08363dc096c550cceaf97bd4ce1e8854e1771e9998d9f94c4fe075839
+  languageName: node
+  linkType: hard
+
 "clsx@npm:^1.0.4, clsx@npm:^1.1.1, clsx@npm:^1.2.1":
   version: 1.2.1
   resolution: "clsx@npm:1.2.1"
@@ -8416,13 +8423,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clsx@npm:^2.0.0":
-  version: 2.1.1
-  resolution: "clsx@npm:2.1.1"
-  checksum: 10c0/c4c8eb865f8c82baab07e71bfa8897c73454881c4f99d6bc81585aecd7c441746c1399d08363dc096c550cceaf97bd4ce1e8854e1771e9998d9f94c4fe075839
-  languageName: node
-  linkType: hard
-
 "code-point-at@npm:^1.0.0":
   version: 1.1.0
   resolution: "code-point-at@npm:1.1.0"
@@ -9897,9 +9897,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.3.564, electron-to-chromium@npm:^1.5.73":
-  version: 1.5.136
-  resolution: "electron-to-chromium@npm:1.5.136"
-  checksum: 10c0/6a207e397638b0428b31c87d409a73f6bd953598cb7359ee4c3c175e645c3ae0cc99fc5128eaca19e2f1052200fd016eb4bb1012a55e5824eb1dce85b0396184
+  version: 1.5.141
+  resolution: "electron-to-chromium@npm:1.5.141"
+  checksum: 10c0/3e17fecee4420cfa312f5c38333b9428dec4fae8ebcc54bf20754e781d7551adfa2cd3b96f597e8323f2ac015d6050e60cc311011084ecd61ec7aaeff1b67dcf
   languageName: node
   linkType: hard
 
@@ -11037,15 +11037,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fdir@npm:^6.4.3":
-  version: 6.4.3
-  resolution: "fdir@npm:6.4.3"
+"fdir@npm:^6.4.4":
+  version: 6.4.4
+  resolution: "fdir@npm:6.4.4"
   peerDependencies:
     picomatch: ^3 || ^4
   peerDependenciesMeta:
     picomatch:
       optional: true
-  checksum: 10c0/d13c10120e9625adf21d8d80481586200759928c19405a816b77dd28eaeb80e7c59c5def3e2941508045eb06d34eb47fad865ccc8bf98e6ab988bb0ed160fb6f
+  checksum: 10c0/6ccc33be16945ee7bc841e1b4178c0b4cf18d3804894cb482aa514651c962a162f96da7ffc6ebfaf0df311689fb70091b04dd6caffe28d56b9ebdc0e7ccadfdd
   languageName: node
   linkType: hard
 
@@ -13824,9 +13824,9 @@ __metadata:
   linkType: hard
 
 "libphonenumber-js@npm:^1.9.11":
-  version: 1.12.6
-  resolution: "libphonenumber-js@npm:1.12.6"
-  checksum: 10c0/7218d8ce96a19c76c677a89da41c6b55c89c07f64999b464b5fde605d2abfcbefe2afc5bbb13f08be0f5a3dfa9ac27ac9b7ab7b65450563467fa82fb91579389
+  version: 1.12.7
+  resolution: "libphonenumber-js@npm:1.12.7"
+  checksum: 10c0/ac732b5e8bfe093b4c2aa470a69f52304ebe7cfefebe3ef902ba0cbbf2c159da00993cae0425c7e497961ca015d46082925f37a6c8626b07e98e1bb9e45414cb
   languageName: node
   linkType: hard
 
@@ -14293,11 +14293,11 @@ __metadata:
   linkType: hard
 
 "markdown-to-jsx@npm:^7.1.3":
-  version: 7.7.4
-  resolution: "markdown-to-jsx@npm:7.7.4"
+  version: 7.7.6
+  resolution: "markdown-to-jsx@npm:7.7.6"
   peerDependencies:
     react: ">= 0.14.0"
-  checksum: 10c0/692323e3cb5573ecce5f1f40c3b1a8d67bca40f2b4907ec266c23e7dffa2dcab466f738ea6569f8a5e6234ddcdccacbfeeb97b5e2f647b94bf29fa441f0083be
+  checksum: 10c0/be645e0e07cc54e52f2f934c879b10459e33a83f2592d8d7c03eb9ef2c91cdbd777f667040b3d15a5f6fb3b3d77fb7b3428d49e90573581eb85a21011533ee67
   languageName: node
   linkType: hard
 
@@ -16938,13 +16938,13 @@ __metadata:
   linkType: hard
 
 "prosemirror-dropcursor@npm:^1.5.0":
-  version: 1.8.1
-  resolution: "prosemirror-dropcursor@npm:1.8.1"
+  version: 1.8.2
+  resolution: "prosemirror-dropcursor@npm:1.8.2"
   dependencies:
     prosemirror-state: "npm:^1.0.0"
     prosemirror-transform: "npm:^1.1.0"
     prosemirror-view: "npm:^1.1.0"
-  checksum: 10c0/2948cac48efb32757b212bd7cc5a50697ea6c3f6e4cd7752a2696c56b758fa0a16a5a6e288174a649544a0260a6b70d29e0fcb8839a05926c1c3a02f8de03aed
+  checksum: 10c0/c3d9e456a64fecc77a6e6a0350116598550dee8cb55f74e8b66fdb26150c48340ddd1f43184134b24d0f2e710b6879ff6ec72c215dc618a6a673320a91c90478
   languageName: node
   linkType: hard
 
@@ -17004,23 +17004,23 @@ __metadata:
   linkType: hard
 
 "prosemirror-menu@npm:^1.2.1":
-  version: 1.2.4
-  resolution: "prosemirror-menu@npm:1.2.4"
+  version: 1.2.5
+  resolution: "prosemirror-menu@npm:1.2.5"
   dependencies:
     crelt: "npm:^1.0.0"
     prosemirror-commands: "npm:^1.0.0"
     prosemirror-history: "npm:^1.0.0"
     prosemirror-state: "npm:^1.0.0"
-  checksum: 10c0/7c12e618f99c0ca4de5b117a40c6df4b321607e7b4395e181de8cfcd5cb803784363c1bb4ef8603f6e2f7f6fc7859cb165bd33d43d6c1b211b00d868144f8361
+  checksum: 10c0/a4da649aa3c7bfb74128da203984009b44fd48638ff76ec7b209635fafd23b05d7d5bed9520282cdcf886f73eafcfbda4e77f55d81a92db333f8807d84ded2f9
   languageName: node
   linkType: hard
 
 "prosemirror-model@npm:^1.0.0, prosemirror-model@npm:^1.16.1, prosemirror-model@npm:^1.18.1, prosemirror-model@npm:^1.20.0, prosemirror-model@npm:^1.21.0, prosemirror-model@npm:^1.25.0":
-  version: 1.25.0
-  resolution: "prosemirror-model@npm:1.25.0"
+  version: 1.25.1
+  resolution: "prosemirror-model@npm:1.25.1"
   dependencies:
     orderedmap: "npm:^2.0.0"
-  checksum: 10c0/5845436dfa4da6334622942d3487a6b48c1fb1be0379432733d804a6889c3fcdaf9737eb7b625c7041df56664580fad6c153d4e698778051f19e7f73afcef7b8
+  checksum: 10c0/0974fec71f1d0fcfaa5c0350864dcdbfd95092a026460bbc96208c7b8d84f86444504cb746fd558009102a7debbde32c35d9d98da97382ad729ccaeaef729131
   languageName: node
   linkType: hard
 
@@ -17056,15 +17056,15 @@ __metadata:
   linkType: hard
 
 "prosemirror-tables@npm:^1.3.0":
-  version: 1.7.0
-  resolution: "prosemirror-tables@npm:1.7.0"
+  version: 1.7.1
+  resolution: "prosemirror-tables@npm:1.7.1"
   dependencies:
     prosemirror-keymap: "npm:^1.2.2"
     prosemirror-model: "npm:^1.25.0"
     prosemirror-state: "npm:^1.4.3"
     prosemirror-transform: "npm:^1.10.3"
     prosemirror-view: "npm:^1.39.1"
-  checksum: 10c0/e4c42234761a53d7de010c34cc2aa7261e24757d5fdab69a27ee026ac3b33b6eede941d7f82ac3328919259e50f25f835c5a54cd4a6af3c2fd2d8d249e0888ea
+  checksum: 10c0/4e7f3993fe4f81582afa7845030d372acfc332c48bb04e952ed78204b3e8ee86e4f0ea7a146cbf1574c2e873b4643619ca4d88aa92f60793315c3c1e181d6812
   languageName: node
   linkType: hard
 
@@ -17083,22 +17083,22 @@ __metadata:
   linkType: hard
 
 "prosemirror-transform@npm:^1.0.0, prosemirror-transform@npm:^1.1.0, prosemirror-transform@npm:^1.10.2, prosemirror-transform@npm:^1.10.3, prosemirror-transform@npm:^1.3.3, prosemirror-transform@npm:^1.7.0, prosemirror-transform@npm:^1.7.3":
-  version: 1.10.3
-  resolution: "prosemirror-transform@npm:1.10.3"
+  version: 1.10.4
+  resolution: "prosemirror-transform@npm:1.10.4"
   dependencies:
     prosemirror-model: "npm:^1.21.0"
-  checksum: 10c0/736630453cbc3c19c4e0146fe99cbd15df7738686bf77415195498a6efcbec7bb11f64b20cbe27cbbb91a0d92f88981fcf9174a8d48b52308652910a5a7f7473
+  checksum: 10c0/01a7b79d8e2bf61b3414f60f8790a19f2cebb85a2050f64594cbff54f62d5c5f56160a66bbfa089462239189b4667952ede738e68b9e154a3505845720230a1c
   languageName: node
   linkType: hard
 
 "prosemirror-view@npm:^1.0.0, prosemirror-view@npm:^1.1.0, prosemirror-view@npm:^1.23.6, prosemirror-view@npm:^1.27.0, prosemirror-view@npm:^1.28.2, prosemirror-view@npm:^1.31.0, prosemirror-view@npm:^1.39.1":
-  version: 1.39.1
-  resolution: "prosemirror-view@npm:1.39.1"
+  version: 1.39.2
+  resolution: "prosemirror-view@npm:1.39.2"
   dependencies:
     prosemirror-model: "npm:^1.20.0"
     prosemirror-state: "npm:^1.0.0"
     prosemirror-transform: "npm:^1.1.0"
-  checksum: 10c0/44e641a51f741449c4065708ba5d7e28a1d777daf50260563e4fd2072c6d90157a5ac4b0ed18ea97ec8c5805ffa8eda6fa05b0667b71fc244393f45cd4d7c8d0
+  checksum: 10c0/b175284082a3ab1be223ba1860931d094f996c0eabf046a78271fc8136c4e9b63de2c9a51c09a1fe73a9618d269402e30a611d260f153fba595fe465f0a94cee
   languageName: node
   linkType: hard
 
@@ -20691,12 +20691,12 @@ __metadata:
   linkType: hard
 
 "tinyglobby@npm:^0.2.12":
-  version: 0.2.12
-  resolution: "tinyglobby@npm:0.2.12"
+  version: 0.2.13
+  resolution: "tinyglobby@npm:0.2.13"
   dependencies:
-    fdir: "npm:^6.4.3"
+    fdir: "npm:^6.4.4"
     picomatch: "npm:^4.0.2"
-  checksum: 10c0/7c9be4fd3625630e262dcb19015302aad3b4ba7fc620f269313e688f2161ea8724d6cb4444baab5ef2826eb6bed72647b169a33ec8eea37501832a2526ff540f
+  checksum: 10c0/ef07dfaa7b26936601d3f6d999f7928a4d1c6234c5eb36896bb88681947c0d459b7ebe797022400e555fe4b894db06e922b95d0ce60cb05fd827a0a66326b18c
   languageName: node
   linkType: hard
 

package/dist/assets/logo/licklist.sm.svg.js

@@ -1,33 +0,0 @@
-import * as React from 'react';
-
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const SvgLicklistsm = props => /*#__PURE__*/React.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 28,
-  height: 28
-}, props), /*#__PURE__*/React.createElement("g", {
-  style: {
-    fill: "none",
-    stroke: "none"
-  },
-  transform: "matrix(.33735 0 0 .33735 0 0)"
-}, /*#__PURE__*/React.createElement("rect", {
-  width: 83,
-  height: 83,
-  rx: 32,
-  style: {
-    fill: "currentColor"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M62.362 29.68q-4.846.696-4.846 4.613c0 3.916 3.86 14.4 2.234 21.184s-5.923 11.108-14.343 13.09c-8.42 1.983-18.22 1.06-22.055-11.404-3.835-12.463 3.206-21.725 7.56-25.196 4.352-3.47 8.58-2.288 8.76-2.288-4.442 0-6.078 5.233-6.078 11.786q0 7.077 5.086 11.741-1.898-8.754.285-14.997c2.183-6.242 4.584-9.01 8.716-9.984q6.992-1.518 14.68 1.454",
-  style: {
-    fill: "#fff"
-  }
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M61.572 27.468q-8.333-6.474-14.031-7.886c-5.7-1.411-8.559 1.073-11.107 2.965-.742-.942-2.359-2.238-4.267-2.238s-4.808 1.285-5.549 4.978q-.74 3.693.73 7.687-5.628-5.715-4.433-10.427c1.194-4.711 6.285-8.645 14.242-8.294s10.029 1.864 15.19 5.33q5.16 3.465 9.225 7.885",
-  style: {
-    fill: "#fff"
-  }
-})));
-
-export { SvgLicklistsm as ReactComponent };

package/dist/assets/logo/licklist.svg.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-
-var _desc, _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const SvgLicklist = props => /*#__PURE__*/React.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 118 28"
-}, props), _desc || (_desc = /*#__PURE__*/React.createElement("desc", null, "Social nightlife")), _g || (_g = /*#__PURE__*/React.createElement("g", {
-  fill: "currentColor"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M41.426 20.343v4.093H27.345V2.75h4.46v17.594zm3.32-13.99q-1.16 0-1.894-.733-.733-.733-.733-1.863t.733-1.878q.733-.75 1.894-.749 1.16 0 1.894.749.732.748.733 1.878 0 1.131-.733 1.863-.734.734-1.894.733m-2.169 18.083V8.431h4.337v16.005zm14.132-3.482q1.192 0 2.077-.672a2.95 2.95 0 0 0 1.13-1.74l4.338.732q-.489 2.23-2.413 3.88t-5.101 1.649q-3.482 0-5.758-2.398-2.276-2.397-2.276-5.972 0-3.573 2.276-5.971t5.758-2.398q3.177 0 5.101 1.65t2.413 3.879l-4.337.733a2.95 2.95 0 0 0-1.13-1.741q-.886-.672-2.078-.672-1.71 0-2.688 1.237-.977 1.238-.977 3.283 0 2.048.977 3.284.978 1.237 2.688 1.237M75.973 8.431h5.437l-5.986 6.811 6.414 9.194h-5.132l-4.154-6.323-2.413 2.75v3.573h-4.337V1.527h4.337V15.7zM86.38 24.436h-4.337V1.527h4.337zm4.969-18.083q-1.16 0-1.894-.733-.733-.733-.733-1.863t.733-1.878q.733-.75 1.894-.749 1.16 0 1.894.749.733.748.733 1.878 0 1.131-.733 1.863-.733.734-1.894.733m-2.169 18.083V8.431h4.338v16.005zm5.916-4.673 4.307-.611q.06.946.733 1.558.672.61 1.955.61 1.221 0 1.863-.396.641-.397.641-1.07 0-.733-.916-1.084-.915-.35-2.2-.565a24 24 0 0 1-2.58-.58q-1.299-.367-2.215-1.436-.916-1.07-.916-2.84 0-2.23 1.771-3.758 1.773-1.527 4.643-1.527 3.025 0 4.597 1.42 1.575 1.42 1.91 3.376l-4.094.763q-.06-.916-.687-1.496-.626-.58-1.756-.58-1.039 0-1.62.442-.58.443-.58 1.115 0 .61.657.962.657.351 1.634.474.978.121 2.108.397 1.13.275 2.108.702.977.428 1.634 1.451t.657 2.581q0 2.23-1.818 3.681-1.817 1.45-4.963 1.45-6.201 0-6.873-5.04m22.868.825v3.757q-.733.183-2.046.183-4.918 0-4.918-4.887v-7.79h-2.169v-3.42H111V4.46h4.337v3.97h2.658v3.422h-2.658v7.33q0 1.559 1.62 1.558zM20.989 7.844q-2.536.354-2.536 2.343c0 1.988 2.02 7.312 1.169 10.757-.85 3.444-3.099 5.64-7.504 6.646-4.406 1.007-9.534.538-11.54-5.79C-1.43 15.47 2.256 10.768 4.533 9.006s4.49-1.162 4.584-1.162c-2.324 0-3.18 2.657-3.18 5.984q0 3.594 2.661 5.962-.993-4.445.149-7.615c1.142-3.17 2.398-4.575 4.56-5.07q3.66-.77 7.682.74"
-}), /*#__PURE__*/React.createElement("path", {
-  d: "M20.576 6.722q-4.36-3.288-7.342-4.005C10.252 2 8.756 3.262 7.423 4.222c-.388-.478-1.234-1.136-2.233-1.136-.998 0-2.515.653-2.903 2.528q-.387 1.874.381 3.903Q-.275 6.614.35 4.222C.974 1.83 3.638-.168 7.801.012c4.164.177 5.247.945 7.948 2.705a26.7 26.7 0 0 1 4.827 4.005"
-}))));
-
-export { SvgLicklist as ReactComponent };

package/dist/header/LicklistHeader.d.ts

@@ -1,15 +0,0 @@
-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 +0,0 @@
-{"version":3,"file":"LicklistHeader.d.ts","sourceRoot":"","sources":["../../src/header/LicklistHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAClC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;IAC3B,sBAAsB,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,SAAS,CAAA;CAC1E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,sBAAsB,GACvB,EAAE,KAAK,2CAkBP;AAED,eAAe,cAAc,CAAA"}

package/dist/header/LicklistHeader.js

@@ -1,23 +0,0 @@
-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/src/header/LicklistHeader.tsx

@@ -1,46 +0,0 @@
-import { ReactNode } from 'react'
-import { ReactComponent as LogoSmSvg } from '../assets/logo/licklist.sm.svg'
-import { ReactComponent as LogoSvg } from '../assets/logo/licklist.svg'
-import Logo from '../logo/Logo'
-import Header from './Header'
-
-interface NavigationItem {
-  href: string
-  label: string
-}
-
-interface Props {
-  children?: ReactNode | ReactNode[]
-  href?: string
-  leftNavs?: ReactNode | ReactNode[]
-  navItems?: NavigationItem[]
-  renderMobileNavigation?: (navigationItems: NavigationItem[]) => ReactNode
-}
-
-function LicklistHeader({
-  children,
-  href,
-  leftNavs,
-  navItems,
-  renderMobileNavigation,
-}: Props) {
-  return (
-    <Header
-      logo={
-        <Logo
-          logo={<LogoSvg />}
-          logoSm={<LogoSmSvg />}
-          className='mt-auto mr-0 mr-sm-3'
-        />
-      }
-      href={href}
-      leftNavs={leftNavs}
-      navItems={navItems}
-      renderMobileNavigation={renderMobileNavigation}
-    >
-      {children}
-    </Header>
-  )
-}
-
-export default LicklistHeader