@licklist/design 0.75.0 → 0.75.1-dev.1

package/dist/assets/dashboard/managerRole.svg.js

@@ -1,18 +0,0 @@
-import * as React from 'react';
-
-var _path;
-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 SvgManagerRole = props => /*#__PURE__*/React.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 48,
-  height: 48,
-  fill: "none"
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: 2,
-  d: "M35.936 23.36 39.018 30h5.958a1.47 1.47 0 0 1 1.036 2.566l-5.164 5.124 2.884 6.628a1.571 1.571 0 0 1-2.238 1.964l-6.972-3.922-6.974 3.922a1.572 1.572 0 0 1-2.238-1.964l2.89-6.622-5.2-5.124A1.468 1.468 0 0 1 24.018 30h6l3.088-6.646a1.6 1.6 0 0 1 2.83.006M23.664 23.466A12.04 12.04 0 0 0 13.5 18a12 12 0 0 0-12 10.5M6.75 8.25a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0M27.75 6.75a5.25 5.25 0 1 0 10.5 0 5.25 5.25 0 0 0-10.5 0M40.8 18a9 9 0 0 0-14.568-1.42"
-})));
-
-export { SvgManagerRole as ReactComponent };

package/dist/assets/dashboard/subManagerRole.svg.js

@@ -1,24 +0,0 @@
-import * as React from 'react';
-
-var _path, _path2;
-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 SvgSubManagerRole = props => /*#__PURE__*/React.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 48,
-  height: 48,
-  fill: "none"
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: 2,
-  d: "M31.5 33a3 3 0 1 0 6 0 3 3 0 0 0-6 0"
-})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: 2,
-  d: "m37.048 21.4.884 2.906a1.986 1.986 0 0 0 2.346 1.362l2.946-.684a2.678 2.678 0 0 1 2.548 4.438l-2.06 2.222a2 2 0 0 0 0 2.724l2.06 2.222a2.676 2.676 0 0 1-2.548 4.436l-2.946-.682a1.984 1.984 0 0 0-2.346 1.362l-.884 2.894a2.662 2.662 0 0 1-5.098 0l-.884-2.904a1.984 1.984 0 0 0-2.346-1.362l-2.946.682a2.676 2.676 0 0 1-2.548-4.436l2.06-2.222a2 2 0 0 0 0-2.724l-2.06-2.222a2.678 2.678 0 0 1 2.548-4.438l2.946.684a1.986 1.986 0 0 0 2.346-1.362l.884-2.906a2.662 2.662 0 0 1 5.098.01M20.512 20.2A12.13 12.13 0 0 0 13.5 18a12 12 0 0 0-12 10.5M6.75 8.25a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0M27.75 6.75a5.25 5.25 0 1 0 10.5 0 5.25 5.25 0 0 0-10.5 0M39.052 15.842a9 9 0 0 0-12.828.738"
-})));
-
-export { SvgSubManagerRole as ReactComponent };

package/dist/assets/dashboard/viewerRole.svg.js

@@ -1,24 +0,0 @@
-import * as React from 'react';
-
-var _path, _path2;
-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 SvgViewerRole = props => /*#__PURE__*/React.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 48,
-  height: 48,
-  fill: "none"
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: 2,
-  d: "M34.998 32.001c-4.3-.072-8.746 2.933-11.542 6.01a1.774 1.774 0 0 0 0 2.374c2.735 3.013 7.169 6.087 11.542 6.013 4.374.074 8.809-3 11.546-6.013a1.774 1.774 0 0 0 0-2.374c-2.799-3.077-7.246-6.082-11.546-6.01"
-})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-  stroke: "#000",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: 2,
-  d: "M38.999 39.2a4 4 0 1 1-8.001-.002 4 4 0 0 1 8 .002M20.512 20.2A12.13 12.13 0 0 0 13.5 18a12 12 0 0 0-12 10.5M6.75 8.25a6.75 6.75 0 1 0 13.5 0 6.75 6.75 0 0 0-13.5 0M27.75 6.75a5.25 5.25 0 1 0 10.5 0 5.25 5.25 0 0 0-10.5 0M39.052 15.842a9 9 0 0 0-12.828.738"
-})));
-
-export { SvgViewerRole as ReactComponent };

package/dist/provider/company/index.d.ts

@@ -1,2 +0,0 @@
-export * from './user-form';
-//# sourceMappingURL=index.d.ts.map

package/dist/provider/company/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/provider/company/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/provider/company/user-form/UserForm.d.ts

@@ -1,17 +0,0 @@
-import { User } from '@licklist/core/dist/DataMapper/User/UserDataMapper';
-import { VIEWER_ROLE, MANAGER_ROLE, SUBMANAGER_ROLE } from '@licklist/core/dist/DataMapper/User/UserRoleDataMapper';
-export type UserFormValues = {
-    email?: User['email'];
-    role?: typeof VIEWER_ROLE | typeof MANAGER_ROLE | typeof SUBMANAGER_ROLE;
-};
-export type UserFormProps = {
-    defaultValues?: UserFormValues;
-    onSubmit: (values: {
-        email: User['email'];
-        role: typeof VIEWER_ROLE | typeof MANAGER_ROLE | typeof SUBMANAGER_ROLE;
-    }) => void;
-    isLoading?: boolean;
-    hasPermission: boolean;
-};
-export declare const UserForm: ({ defaultValues, onSubmit, isLoading, hasPermission, }: UserFormProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=UserForm.d.ts.map

package/dist/provider/company/user-form/UserForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserForm.d.ts","sourceRoot":"","sources":["../../../../src/provider/company/user-form/UserForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,oDAAoD,CAAA;AACzE,OAAO,EACL,WAAW,EACX,YAAY,EACZ,eAAe,EAChB,MAAM,wDAAwD,CAAA;AAQ/D,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,WAAW,GAAG,OAAO,YAAY,GAAG,OAAO,eAAe,CAAA;CACzE,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE;QACjB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;QACpB,IAAI,EAAE,OAAO,WAAW,GAAG,OAAO,YAAY,GAAG,OAAO,eAAe,CAAA;KACxE,KAAK,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,QAAQ,2DAKlB,aAAa,4CAiHf,CAAA"}

package/dist/provider/company/user-form/UserForm.js

@@ -1,205 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Form, Row, Col, Button } from 'react-bootstrap';
-import { useForm, Controller } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import clsx from 'clsx';
-import { MANAGER_ROLE, SUBMANAGER_ROLE, VIEWER_ROLE } from '@licklist/core/dist/DataMapper/User/UserRoleDataMapper';
-import emailRule from '@licklist/plugins/dist/validation/Rules/emailRule';
-import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService';
-import Logo from '../../../logo/Logo.js';
-import { ReactComponent as SvgManagerRole } from '../../../assets/dashboard/managerRole.svg.js';
-import { ReactComponent as SvgSubManagerRole } from '../../../assets/dashboard/subManagerRole.svg.js';
-import { ReactComponent as SvgViewerRole } from '../../../assets/dashboard/viewerRole.svg.js';
-
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-var UserForm = function(param) {
-    var _param_defaultValues = param.defaultValues, defaultValues = _param_defaultValues === void 0 ? {} : _param_defaultValues, onSubmit = param.onSubmit, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, hasPermission = param.hasPermission;
-    var t = useTranslation([
-        'Design',
-        'User',
-        'Validation'
-    ]).t;
-    var _useForm = useForm({
-        defaultValues: defaultValues
-    }), control = _useForm.control, register = _useForm.register, handleSubmit = _useForm.handleSubmit, errors = _useForm.formState.errors;
-    var rolesOptions = [
-        {
-            value: MANAGER_ROLE,
-            label: t('Design:manager'),
-            description: t('Design:managerAccessMessage'),
-            component: /*#__PURE__*/ jsx(SvgManagerRole, {})
-        },
-        {
-            value: SUBMANAGER_ROLE,
-            label: t('Design:subManager'),
-            description: t('Design:subManagerAccessMessage'),
-            component: /*#__PURE__*/ jsx(SvgSubManagerRole, {})
-        },
-        {
-            value: VIEWER_ROLE,
-            label: t('Design:viewer'),
-            description: t('Design:viewerAccessMessage'),
-            component: /*#__PURE__*/ jsx(SvgViewerRole, {})
-        }
-    ];
-    return /* @ts-expect-error 2345 */ /*#__PURE__*/ jsxs(Form, {
-        className: "company-user-form",
-        onSubmit: handleSubmit(onSubmit),
-        children: [
-            /*#__PURE__*/ jsx(Row, {
-                children: /*#__PURE__*/ jsx(Col, {
-                    xl: 6,
-                    lg: 6,
-                    sm: 12,
-                    children: /*#__PURE__*/ jsxs(Form.Group, {
-                        children: [
-                            /*#__PURE__*/ jsxs(Form.Label, {
-                                children: [
-                                    t('User:email'),
-                                    "*"
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({
-                                isInvalid: !!errors.email
-                            }, register('email', {
-                                pattern: emailRule,
-                                required: true
-                            })), {
-                                disabled: isLoading || Boolean(defaultValues.email)
-                            })),
-                            /*#__PURE__*/ jsxs(Form.Control.Feedback, {
-                                type: "invalid",
-                                children: [
-                                    HookFormService.hasError(errors.email, 'required') && t('Validation:fieldRequired', {
-                                        attribute: t('User:email')
-                                    }),
-                                    HookFormService.hasError(errors.email, 'pattern') && t('Validation:fieldValidEmail', {
-                                        attribute: t('User:email')
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsx(Row, {
-                children: /*#__PURE__*/ jsx(Col, {
-                    children: /*#__PURE__*/ jsx(Controller, {
-                        render: function(param) {
-                            var _param_field = param.field, onChange = _param_field.onChange, fieldValue = _param_field.value, error = param.fieldState.error;
-                            return /*#__PURE__*/ jsxs(Form.Group, {
-                                className: clsx('roles-form-group', !!error && 'is-invalid'),
-                                children: [
-                                    /*#__PURE__*/ jsxs(Form.Label, {
-                                        children: [
-                                            t('User:role'),
-                                            "*"
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsx("div", {
-                                        className: "roles-wrapper",
-                                        children: rolesOptions.map(function(param) {
-                                            var value = param.value, label = param.label, description = param.description, component = param.component;
-                                            return /*#__PURE__*/ jsxs("button", {
-                                                onClick: function() {
-                                                    return onChange(value);
-                                                },
-                                                className: clsx('role', {
-                                                    active: fieldValue === value
-                                                }),
-                                                type: "button",
-                                                children: [
-                                                    /*#__PURE__*/ jsx(Logo, {
-                                                        logo: component
-                                                    }),
-                                                    /*#__PURE__*/ jsx("p", {
-                                                        className: "label",
-                                                        children: label
-                                                    }),
-                                                    /*#__PURE__*/ jsx("p", {
-                                                        className: "description",
-                                                        children: description
-                                                    })
-                                                ]
-                                            }, value);
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                                        type: "invalid",
-                                        children: error === null || error === void 0 ? void 0 : error.message
-                                    })
-                                ]
-                            });
-                        },
-                        control: control,
-                        name: "role",
-                        rules: {
-                            required: t('Validation:fieldRequired', {
-                                fieldName: t('User:role')
-                            })
-                        }
-                    })
-                })
-            }),
-            hasPermission && /*#__PURE__*/ jsx(Button, {
-                type: "submit",
-                size: "lg",
-                disabled: isLoading,
-                children: defaultValues.email ? t('User:submit') : t('Design:addUser')
-            })
-        ]
-    });
-};
-
-export { UserForm };

package/dist/provider/company/user-form/index.d.ts

@@ -1,2 +0,0 @@
-export * from './UserForm';
-//# sourceMappingURL=index.d.ts.map

package/dist/provider/company/user-form/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/provider/company/user-form/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/src/provider/company/index.ts

@@ -1 +0,0 @@
-export * from './user-form'

package/src/provider/company/user-form/UserForm.stories.tsx

@@ -1,18 +0,0 @@
-import { Meta, Story } from '@storybook/react'
-import { UserForm, UserFormProps } from './UserForm'
-
-export default {
-  title: 'Provider/Company/User form',
-  component: UserForm,
-} as Meta
-
-export const Default: Story<UserFormProps> = (args) => {
-  return <UserForm {...args} />
-}
-
-Default.args = {
-  onSubmit: (values) => console.log(values),
-  isLoading: false,
-  defaultValues: {},
-  hasPermission: true,
-}

package/src/provider/company/user-form/UserForm.tsx

@@ -1,151 +0,0 @@
-import { Button, Col, Form, Row } from 'react-bootstrap'
-import { useForm, Controller } from 'react-hook-form'
-import { useTranslation } from 'react-i18next'
-import clsx from 'clsx'
-import { User } from '@licklist/core/dist/DataMapper/User/UserDataMapper'
-import {
-  VIEWER_ROLE,
-  MANAGER_ROLE,
-  SUBMANAGER_ROLE,
-} from '@licklist/core/dist/DataMapper/User/UserRoleDataMapper'
-import emailRule from '@licklist/plugins/dist/validation/Rules/emailRule'
-import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService'
-import Logo from '../../../logo/Logo'
-import { ReactComponent as ManagerRoleImg } from '../../../assets/dashboard/managerRole.svg'
-import { ReactComponent as SubManagerRoleImg } from '../../../assets/dashboard/subManagerRole.svg'
-import { ReactComponent as ViewerRoleImg } from '../../../assets/dashboard/viewerRole.svg'
-
-export type UserFormValues = {
-  email?: User['email']
-  role?: typeof VIEWER_ROLE | typeof MANAGER_ROLE | typeof SUBMANAGER_ROLE
-}
-
-export type UserFormProps = {
-  defaultValues?: UserFormValues
-  onSubmit: (values: {
-    email: User['email']
-    role: typeof VIEWER_ROLE | typeof MANAGER_ROLE | typeof SUBMANAGER_ROLE
-  }) => void
-  isLoading?: boolean
-  hasPermission: boolean
-}
-
-export const UserForm = ({
-  defaultValues = {},
-  onSubmit,
-  isLoading = false,
-  hasPermission,
-}: UserFormProps) => {
-  const { t } = useTranslation(['Design', 'User', 'Validation'])
-  const {
-    control,
-    register,
-    handleSubmit,
-    formState: { errors },
-  } = useForm<UserFormValues>({
-    defaultValues,
-  })
-
-  const rolesOptions = [
-    {
-      value: MANAGER_ROLE,
-      label: t('Design:manager'),
-      description: t('Design:managerAccessMessage'),
-      component: <ManagerRoleImg />,
-    },
-    {
-      value: SUBMANAGER_ROLE,
-      label: t('Design:subManager'),
-      description: t('Design:subManagerAccessMessage'),
-      component: <SubManagerRoleImg />,
-    },
-    {
-      value: VIEWER_ROLE,
-      label: t('Design:viewer'),
-      description: t('Design:viewerAccessMessage'),
-      component: <ViewerRoleImg />,
-    },
-  ]
-
-  return (
-    /* @ts-expect-error 2345 */
-    <Form className='company-user-form' onSubmit={handleSubmit(onSubmit)}>
-      <Row>
-        <Col xl={6} lg={6} sm={12}>
-          <Form.Group>
-            <Form.Label>{t('User:email')}*</Form.Label>
-            <Form.Control
-              isInvalid={!!errors.email}
-              {...register('email', {
-                pattern: emailRule,
-                required: true,
-              })}
-              disabled={isLoading || Boolean(defaultValues.email)}
-            />
-
-            <Form.Control.Feedback type='invalid'>
-              {HookFormService.hasError(errors.email, 'required') &&
-                t('Validation:fieldRequired', {
-                  attribute: t('User:email'),
-                })}
-              {HookFormService.hasError(errors.email, 'pattern') &&
-                t('Validation:fieldValidEmail', {
-                  attribute: t('User:email'),
-                })}
-            </Form.Control.Feedback>
-          </Form.Group>
-        </Col>
-      </Row>
-
-      <Row>
-        <Col>
-          <Controller
-            render={({
-              field: { onChange, value: fieldValue },
-              fieldState: { error },
-            }) => (
-              <Form.Group
-                className={clsx('roles-form-group', !!error && 'is-invalid')}
-              >
-                <Form.Label>{t('User:role')}*</Form.Label>
-                <div className='roles-wrapper'>
-                  {rolesOptions.map(
-                    ({ value, label, description, component }) => (
-                      <button
-                        key={value}
-                        onClick={() => onChange(value)}
-                        className={clsx('role', {
-                          active: fieldValue === value,
-                        })}
-                        type='button'
-                      >
-                        <Logo logo={component} />
-                        <p className='label'>{label}</p>
-                        <p className='description'>{description}</p>
-                      </button>
-                    ),
-                  )}
-                </div>
-                <Form.Control.Feedback type='invalid'>
-                  {error?.message}
-                </Form.Control.Feedback>
-              </Form.Group>
-            )}
-            control={control}
-            name='role'
-            rules={{
-              required: t('Validation:fieldRequired', {
-                fieldName: t('User:role'),
-              }) as string,
-            }}
-          />
-        </Col>
-      </Row>
-      {hasPermission && (
-        <Button type='submit' size='lg' disabled={isLoading}>
-          {defaultValues.email ? t('User:submit') : t('Design:addUser')}
-        </Button>
-      )}
-    </Form>
-  )
-}

package/src/provider/company/user-form/index.ts

@@ -1 +0,0 @@
-export * from './UserForm'