@licklist/design 0.72.72-dev.2 → 0.72.72-dev.4

package/dist/header/Header.js

@@ -1,81 +0,0 @@
-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;
-    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(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: item.href,
-                            children: item.label
-                        }, "".concat(item.href).concat(item.label));
-                    })
-                })
-            })
-        ]
-    });
-}
-
-export { Header as default };

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

@@ -1,11 +0,0 @@
-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 +0,0 @@
-{"version":3,"file":"CompanySelector.d.ts","sourceRoot":"","sources":["../../../src/header/elements/CompanySelector.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC5D;AAED,iBAAS,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAmCvE;AAED,eAAe,eAAe,CAAA"}

package/dist/header/elements/CompanySelector.js

@@ -1,36 +0,0 @@
-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 +0,0 @@
-import CompanySelector from './CompanySelector';
-export { CompanySelector };
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/header/elements/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/header/index.d.ts

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

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

@@ -1 +0,0 @@
-{"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/src/header/BookeditHeader.tsx

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

package/src/header/Header.stories.tsx

@@ -1,72 +0,0 @@
-import React from 'react'
-import StyledButton from '../static/StyledButton'
-import BookeditHeader from './BookeditHeader'
-import CompanySelector from './elements/CompanySelector'
-import { NavigationItem } from './Header'
-
-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 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>
-)
-
-Bookedit.story = {
-  parameters: {
-    info: `
-      Bookedit header component
-    `,
-  },
-}
-
-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}
-  />
-)
-
-BookeditWithElements.story = {
-  name: 'Bookedit with elements',
-
-  parameters: {
-    info: `
-      Bookedit header component
-    `,
-  },
-}

package/src/header/Header.tsx

@@ -1,107 +0,0 @@
-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'
-
-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
-  logo?: ReactNode
-  leftNavs?: ReactNode | ReactNode[]
-  navItems?: NavigationItem[]
-  renderMobileNavigation?: (navigationItems: NavigationItem[]) => ReactNode
-}
-
-function Header({
-  children,
-  href,
-  logo,
-  leftNavs,
-  navItems,
-  renderMobileNavigation,
-}: Props) {
-  return (
-    <Navbar
-      className='header'
-      variant='light'
-      collapseOnSelect
-      expand={false}
-      bg='none'
-    >
-      <div className='header-logo-container'>
-        <Navbar.Brand href={href} className='p-0'>
-          {logo}
-        </Navbar.Brand>
-        {navItems?.length && (
-          <>
-            <Navbar.Toggle
-              aria-controls='header-navbar-nav'
-              className='d-block d-md-none ml-2 border-0'
-            />
-          </>
-        )}
-      </div>
-      <Nav className='mr-auto my-auto'>{leftNavs}</Nav>
-      <div className='user-section ml-3 my-auto'>{children}</div>
-      {navItems?.length && (
-        <Navbar.Collapse id='header-navbar-nav'>
-          {renderMobileNavigation ? (
-            renderMobileNavigation(navItems)
-          ) : (
-            <Nav className='mr-auto'>
-              {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>
-      )}
-    </Navbar>
-  )
-}
-
-export default Header

package/src/header/elements/CompanySelector.tsx

@@ -1,47 +0,0 @@
-import { isEmpty } from 'lodash'
-import { Form } from 'react-bootstrap'
-
-export interface CompanySelectorProps {
-  value: number
-  list: { id: number; title: string }[]
-  onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void
-}
-
-function CompanySelector({ value, list, onChange }: CompanySelectorProps) {
-  const hasItems = !isEmpty(list)
-  const hasOneItem = list.length === 1
-
-  return (
-    <div className='header-company-selector-container'>
-      {hasOneItem && (
-        <span className='company-selector-item company-selector-item__disabled'>
-          {list[0].title}
-        </span>
-      )}
-
-      {hasItems && !hasOneItem && (
-        <Form.Group className='m-0'>
-          <Form.Control
-            className='header-company-selector'
-            defaultValue={value}
-            as='select'
-            onChange={onChange}
-          >
-            {hasItems &&
-              list.map((item) => (
-                <option
-                  className='company-selector-item'
-                  key={item.id}
-                  value={item.id}
-                >
-                  {item.title}
-                </option>
-              ))}
-          </Form.Control>
-        </Form.Group>
-      )}
-    </div>
-  )
-}
-
-export default CompanySelector

package/src/header/elements/Elements.stories.tsx

@@ -1,33 +0,0 @@
-import { Meta, Story } from '@storybook/react'
-import {
-  CompanySelectorProps,
-  default as CompanySelectorComponent,
-} from './CompanySelector'
-
-export default {
-  title: 'Header/Elements',
-} as Meta
-
-export const CompanySelector: Story<CompanySelectorProps> = (args) => {
-  return <CompanySelectorComponent {...args} />
-}
-CompanySelector.args = {
-  value: 1,
-  list: [
-    { id: 1, title: 'Company #1' },
-    { id: 2, title: 'Company #2' },
-    { id: 3, title: 'Company #3' },
-  ],
-  onChange: (e) => console.info(e),
-}
-
-export const CompanySelectorWithOneItem: Story<CompanySelectorProps> = (
-  args,
-) => {
-  return <CompanySelectorComponent {...args} />
-}
-CompanySelectorWithOneItem.args = {
-  value: 1,
-  list: [{ id: 1, title: 'Company #1' }],
-  onChange: (e) => console.info(e),
-}

package/src/header/elements/index.ts

@@ -1,3 +0,0 @@
-import CompanySelector from './CompanySelector'
-
-export { CompanySelector }

package/src/header/index.ts

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