@licklist/design 0.68.1-dev.0 → 0.68.1

package/dist/zone/form/components/ZoneTypeControl.js

@@ -62,22 +62,22 @@ var ZoneTypeControl = function(param) {
     var isLoading = param.isLoading;
     var nameId = useId();
     var t = useTranslation([
-        'Design',
-        'Validation'
+        "Design",
+        "Validation"
     ]).t;
     var _useFormContext = useFormContext(), register = _useFormContext.register, errors = _useFormContext.formState.errors;
     return /*#__PURE__*/ jsxs(Form.Group, {
         controlId: nameId,
         children: [
             /*#__PURE__*/ jsx(Form.Label, {
-                children: t('Design:zoneType')
+                children: t("Design:zoneType")
             }),
             /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({
                 as: "select"
-            }, register('type', {
+            }, register("type", {
                 required: true
             })), {
-                placeholder: t('Design:zoneType'),
+                placeholder: t("Design:zoneType"),
                 isInvalid: Boolean(errors.type),
                 disabled: isLoading,
                 children: ZONE_TYPES.map(function(zoneType) {
@@ -89,8 +89,8 @@ var ZoneTypeControl = function(param) {
             })),
             /*#__PURE__*/ jsx(Form.Control.Feedback, {
                 type: "invalid",
-                children: HookFormService.hasError(errors.type, 'required') && t('Validation:fieldRequired', {
-                    attribute: t('Design:name')
+                children: HookFormService.hasError(errors.type, "required") && t("Validation:fieldRequired", {
+                    attribute: t("Design:name")
                 })
             })
         ]

package/dist/zone/form/index.d.ts

@@ -1,3 +1,3 @@
-export { ZoneForm } from './ZoneForm';
-export type { ZoneFormProps } from './ZoneForm';
+export { ZoneForm } from "./ZoneForm";
+export type { ZoneFormProps } from "./ZoneForm";
 //# sourceMappingURL=index.d.ts.map

package/dist/zone/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/zone/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/zone/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/zone/form/utils/dates.d.ts

@@ -1,4 +1,4 @@
-import { WorkHour } from '@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper';
+import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 export declare const getTimeCheckboxRanges: (startTime: string, endTime: string, range?: number) => string[];
 export declare const getCheckboxesByWorkHours: (workHours?: WorkHour[]) => string[];
 //# sourceMappingURL=dates.d.ts.map

package/dist/zone/form/utils/dates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/utils/dates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAOrF,eAAO,MAAM,qBAAqB,cACrB,MAAM,WACR,MAAM,6BAuChB,CAAA;AAED,eAAO,MAAM,wBAAwB,eAAgB,QAAQ,EAAE,aAyC9D,CAAA"}
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/utils/dates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAOtF,eAAO,MAAM,qBAAqB,cACrB,MAAM,WACR,MAAM,6BAuChB,CAAC;AAEF,eAAO,MAAM,wBAAwB,eAAgB,QAAQ,EAAE,aAyC9D,CAAC"}

package/dist/zone/form/utils/dates.js

@@ -60,14 +60,14 @@ function _unsupported_iterable_to_array(o, minLen) {
     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);
 }
-var DEFAULT_START_DAY_TIME = '00:00';
-var DEFAULT_END_DAY_TIME = '23:59';
+var DEFAULT_START_DAY_TIME = "00:00";
+var DEFAULT_END_DAY_TIME = "23:59";
 var getTimeCheckboxRanges = function(startTime, endTime) {
     var range = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 5;
     var today = new Date();
     var _startTime_split = _sliced_to_array(startTime.split(TIME_SEPARATOR), 2), startHour = _startTime_split[0], startMinutes = _startTime_split[1];
     var _endTime_split = _sliced_to_array(endTime.split(TIME_SEPARATOR), 2), endHour = _endTime_split[0], endMinutes = _endTime_split[1];
-    var startDate = DateTime.now().setZone('UTC').set({
+    var startDate = DateTime.now().setZone("UTC").set({
         year: today.getFullYear(),
         month: today.getMonth() + 1,
         day: today.getDate(),
@@ -75,7 +75,7 @@ var getTimeCheckboxRanges = function(startTime, endTime) {
         minute: Number(startMinutes),
         second: 0
     });
-    var endDate = DateTime.now().setZone('UTC').set({
+    var endDate = DateTime.now().setZone("UTC").set({
         year: today.getFullYear(),
         month: today.getMonth() + 1,
         day: today.getDate(),
@@ -88,7 +88,7 @@ var getTimeCheckboxRanges = function(startTime, endTime) {
     ];
     var count = 0;
     while(endDate.diff(startDate, [
-        'minutes'
+        "minutes"
     ]).minutes >= range){
         startDate = startDate.plus({
             minutes: range

package/dist/zone/index.d.ts

@@ -1,3 +1,3 @@
-export * from './card';
-export * from './form';
+export * from "./card";
+export * from "./form";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/zone/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/zone/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.68.1-dev.0",
+  "version": "0.68.1",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -18,12 +18,12 @@
     "build": "rollup -c",
     "watch": "rollup -c --watch",
     "lint": "eslint --ext .ts,.tsx .",
-    "lint:fix": "yarn lint --fix",
+    "lint:fix": "yarn run lint --fix",
     "lint:format": "prettier \"**/*.{md,json,yml,scss}\" --check",
     "lint:format:fix": "prettier \"**/*.{md,json,yml,scss}\" --write",
     "prepare": "husky install",
     "tests": "yarn tests-staged",
-    "prettier-write": "prettier --write .",
+    "prettier-write": "prettier --write",
     "tsc": "bash -c tsc -p tsconfig.json -b",
     "vite": "tsc && vite build"
   },
@@ -42,9 +42,9 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.30.0-dev.0",
-    "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.33.0-dev.0",
+    "@licklist/core": "0.30.0",
+    "@licklist/eslint-config": "0.5.5",
+    "@licklist/plugins": "0.33.0",
     "lodash": "4.17.21",
     "luxon": "3.5.0",
     "react": "17.0.2",
@@ -61,9 +61,9 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.30.0-dev.0",
-    "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.33.0-dev.0",
+    "@licklist/core": "0.30.0",
+    "@licklist/eslint-config": "0.5.5",
+    "@licklist/plugins": "0.33.0",
     "@mdx-js/react": "1.6.22",
     "@popperjs/core": "2.11.8",
     "@react-aria/utils": "3.9.0",
@@ -164,7 +164,9 @@
     "css-loader": "5.1.1",
     "eslint": "7.32.0",
     "eslint-config-airbnb": "18.2.1",
+    "eslint-config-prettier": "8.3.0",
     "eslint-plugin-jsx-a11y": "6.5.1",
+    "eslint-plugin-prettier": "5.2.1",
     "eslint-plugin-react-hooks": "4.2.0",
     "husky": "7.0.4",
     "lint-staged": "12.3.2",
@@ -188,15 +190,13 @@
   },
   "lint-staged": {
     "*.{ts,tsx}": [
-      "yarn lint:fix",
       "yarn prettier-write",
+      "yarn lint:fix",
       "yarn tsc"
     ]
   },
-  "packageManager": "yarn@4.4.0",
   "volta": {
     "node": "20.9.0",
     "yarn": "4.4.0"
-  },
-  "stableVersion": "0.66.7-dev.5"
+  }
 }

package/rollup.config.js

@@ -1,26 +1,26 @@
-import image from '@rollup/plugin-image'
-import svgr from '@svgr/rollup'
-import copy from 'rollup-plugin-copy'
-import typescript from 'rollup-plugin-typescript2'
-import external from 'rollup-plugin-peer-deps-external'
-import autoExternal from 'rollup-plugin-auto-external'
-import purge from 'rollup-plugin-delete'
-import json from '@rollup/plugin-json'
-import { swc } from 'rollup-plugin-swc3'
+import image from "@rollup/plugin-image";
+import svgr from "@svgr/rollup";
+import copy from "rollup-plugin-copy";
+import typescript from "rollup-plugin-typescript2";
+import external from "rollup-plugin-peer-deps-external";
+import autoExternal from "rollup-plugin-auto-external";
+import purge from "rollup-plugin-delete";
+import json from "@rollup/plugin-json";
+import { swc } from "rollup-plugin-swc3";
 
 export default [
   {
-    input: 'src/index.ts',
+    input: "src/index.ts",
     output: {
-      format: 'esm',
-      dir: 'dist',
-      exports: 'named',
+      format: "esm",
+      dir: "dist",
+      exports: "named",
       preserveModules: true,
-      preserveModulesRoot: 'src',
+      preserveModulesRoot: "src",
     },
     plugins: [
       purge({
-        targets: ['./dist'],
+        targets: ["./dist"],
       }),
 
       autoExternal(),
@@ -31,26 +31,26 @@ export default [
 
       copy({
         targets: [
-          { src: './src/assets/*', dest: './dist/assets' },
-          { src: './src/styles/*', dest: './dist/styles' },
+          { src: "./src/assets/*", dest: "./dist/assets" },
+          { src: "./src/styles/*", dest: "./dist/styles" },
         ],
       }),
 
       typescript({
-        tsconfig: './tsconfig.build.json',
+        tsconfig: "./tsconfig.build.json",
         clean: true,
       }),
     ],
-    external: ['tslib', /node_modules/],
+    external: ["tslib", /node_modules/],
   },
   {
-    input: 'src/index.ts',
+    input: "src/index.ts",
     output: {
-      format: 'esm',
-      dir: 'dist',
-      exports: 'named',
+      format: "esm",
+      dir: "dist",
+      exports: "named",
       preserveModules: true,
-      preserveModulesRoot: 'src',
+      preserveModulesRoot: "src",
     },
     plugins: [
       autoExternal(),
@@ -62,7 +62,7 @@ export default [
       swc({
         jsc: {
           parser: {
-            syntax: 'typescript',
+            syntax: "typescript",
             tsx: true,
             dynamicImport: false,
             privateMethod: false,
@@ -77,10 +77,10 @@ export default [
           },
           transform: {
             react: {
-              runtime: 'automatic',
+              runtime: "automatic",
             },
           },
-          target: 'es5',
+          target: "es5",
           loose: false,
           externalHelpers: false,
           // Requires v1.2.50 or upper and requires target to be es2016 or upper.
@@ -89,6 +89,6 @@ export default [
         isModule: true,
       }),
     ],
-    external: ['tslib', /node_modules/],
+    external: ["tslib", /node_modules/],
   },
-]
+];

package/src/affiliate/card/AffiliateCard.stories.tsx

@@ -1,18 +1,18 @@
-import { Meta, Story } from '@storybook/react'
-import { AffiliateCard, AffiliateCardProps } from './AffiliateCard'
+import { Meta, Story } from "@storybook/react";
+import { AffiliateCard, AffiliateCardProps } from "./AffiliateCard";
 
 export default {
-  title: 'Affiliate/Card',
+  title: "Affiliate/Card",
   component: AffiliateCard,
-} as Meta
+} as Meta;
 
 export const Default: Story<AffiliateCardProps> = (args) => (
   <AffiliateCard {...args} />
-)
+);
 
 Default.args = {
-  name: 'Mobile Ordering',
+  name: "Mobile Ordering",
   hasPermission: true,
   views: 1000,
   sales: 2000,
-}
+};

package/src/affiliate/card/AffiliateCard.tsx

@@ -1,21 +1,21 @@
-import { useState } from 'react'
-import { ListGroup, OverlayTrigger, Popover } from 'react-bootstrap'
-import { useTranslation } from 'react-i18next'
-import clsx from 'clsx'
-import { useId } from '@react-aria/utils'
-import { HasPermissionProp } from '@licklist/plugins/dist/types/permission/Permission'
-import { FaEllipsisH, FaEye, FaTrashAlt } from 'react-icons/fa'
-import { ConfirmModal } from '../../modals'
-import { MenuButton } from '../../table/MenuButton'
+import { useState } from "react";
+import { ListGroup, OverlayTrigger, Popover } from "react-bootstrap";
+import { useTranslation } from "react-i18next";
+import clsx from "clsx";
+import { useId } from "@react-aria/utils";
+import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
+import { FaEllipsisH, FaEye, FaTrashAlt } from "react-icons/fa";
+import { ConfirmModal } from "../../modals";
+import { MenuButton } from "../../table/MenuButton";
 
 export interface AffiliateCardProps extends HasPermissionProp {
-  name: string
-  sales?: number | string
-  views?: number | string
-  onRemove?: () => void
-  onClick?: () => void
-  className?: string
-  isHeader?: boolean
+  name: string;
+  sales?: number | string;
+  views?: number | string;
+  onRemove?: () => void;
+  onClick?: () => void;
+  className?: string;
+  isHeader?: boolean;
 }
 
 export function AffiliateCard({
@@ -25,13 +25,13 @@ export function AffiliateCard({
   hasPermission = true,
   sales,
   views,
-  className = '',
+  className = "",
   isHeader,
 }: AffiliateCardProps) {
-  const { t } = useTranslation('Design')
-  const popoverId = useId()
-  const [isOverlayVisibile, setIsOverlayVisible] = useState(false)
-  const affiliateClass = `affiliate-card ${className}`
+  const { t } = useTranslation("Design");
+  const popoverId = useId();
+  const [isOverlayVisibile, setIsOverlayVisible] = useState(false);
+  const affiliateClass = `affiliate-card ${className}`;
 
   return (
     <div
@@ -39,9 +39,9 @@ export function AffiliateCard({
       tabIndex={0}
       aria-disabled={isHeader}
       className={[
-        'border-0 affiliate-card-wrapper w-100 pb-0',
-        isHeader ? 'disabled-div grey-text' : '',
-      ].join(' ')}
+        "border-0 affiliate-card-wrapper w-100 pb-0",
+        isHeader ? "disabled-div grey-text" : "",
+      ].join(" ")}
       onClick={onClick}
       onKeyUp={onClick}
     >
@@ -55,7 +55,7 @@ export function AffiliateCard({
           {(views || views === 0) && (
             <div className="affilates-statistic">{views}</div>
           )}
-          <div className={['d-flex', isHeader ? 'invisible' : ''].join(' ')}>
+          <div className={["d-flex", isHeader ? "invisible" : ""].join(" ")}>
             <div className="affiliate-card-menu-eye-container">
               <FaEye color="#0E8CE2" size={20} />
             </div>
@@ -68,8 +68,8 @@ export function AffiliateCard({
                 <Popover
                   id={popoverId}
                   className={clsx(
-                    'affiliate-card-popover',
-                    !isOverlayVisibile && 'd-none',
+                    "affiliate-card-popover",
+                    !isOverlayVisibile && "d-none",
                   )}
                 >
                   <Popover.Content
@@ -85,10 +85,10 @@ export function AffiliateCard({
                               {(confirm) => (
                                 <MenuButton
                                   onClick={() => {
-                                    setIsOverlayVisible(false)
-                                    confirm(onRemove)
+                                    setIsOverlayVisible(false);
+                                    confirm(onRemove);
                                   }}
-                                  name={t('remove')}
+                                  name={t("remove")}
                                   icon={<FaTrashAlt size={12} />}
                                   className="affiliate-card-menu-item-text d-flex w-100 align-items-center"
                                   rightIcon
@@ -107,8 +107,8 @@ export function AffiliateCard({
                 type="button"
                 className="affiliate-card-menu-button"
                 onClick={(e) => {
-                  e.stopPropagation()
-                  setIsOverlayVisible(true)
+                  e.stopPropagation();
+                  setIsOverlayVisible(true);
                 }}
               >
                 <FaEllipsisH />
@@ -118,5 +118,5 @@ export function AffiliateCard({
         </div>
       </div>
     </div>
-  )
+  );
 }

package/src/affiliate/card/index.ts

@@ -1 +1 @@
-export * from './AffiliateCard'
+export * from "./AffiliateCard";

package/src/affiliate/form/AffiliateControl.tsx

@@ -1,52 +1,52 @@
-import { useId } from '@react-aria/utils'
-import { useCallback } from 'react'
-import { Button, Form } from 'react-bootstrap'
-import { useFormContext } from 'react-hook-form'
-import { useTranslation } from 'react-i18next'
-import urlRule from '@licklist/plugins/dist/validation/Rules/urlRule'
-import { AffiliateFormValues, GenerateLinkFunction } from '../types'
+import { useId } from "@react-aria/utils";
+import { useCallback } from "react";
+import { Button, Form } from "react-bootstrap";
+import { useFormContext } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import urlRule from "@licklist/plugins/dist/validation/Rules/urlRule";
+import { AffiliateFormValues, GenerateLinkFunction } from "../types";
 
 interface AffiliateControlProps {
-  isLoading: boolean
-  generateLink: GenerateLinkFunction
+  isLoading: boolean;
+  generateLink: GenerateLinkFunction;
 }
 
 export const AffiliateControl = ({
   isLoading,
   generateLink,
 }: AffiliateControlProps) => {
-  const { t } = useTranslation(['Design', 'Validation'])
+  const { t } = useTranslation(["Design", "Validation"]);
   const {
     register,
     watch,
     setValue,
     formState: { errors },
-  } = useFormContext<AffiliateFormValues>()
-  const nameId = useId()
-  const targetId = useId()
-  const targetLink = watch('targetLink')
+  } = useFormContext<AffiliateFormValues>();
+  const nameId = useId();
+  const targetId = useId();
+  const targetLink = watch("targetLink");
 
   const handleGenerateLink = useCallback(async () => {
-    const result = await generateLink(targetLink)
+    const result = await generateLink(targetLink);
     if (!result || !(result?.link && result?.token)) {
-      return
+      return;
     }
-    setValue('link', result?.link)
-    setValue('token', result?.token)
-  }, [generateLink, targetLink, setValue])
+    setValue("link", result?.link);
+    setValue("token", result?.token);
+  }, [generateLink, targetLink, setValue]);
 
   return (
     <div className="affiliate-control">
       <Form.Group controlId={nameId} className="mb-5">
-        <Form.Label>{t('Design:name')}</Form.Label>
+        <Form.Label>{t("Design:name")}</Form.Label>
         <Form.Control
-          {...register('name', {
-            required: t('Validation:fieldRequired', {
-              attribute: t('name'),
+          {...register("name", {
+            required: t("Validation:fieldRequired", {
+              attribute: t("name"),
             }) as string,
             maxLength: 255,
           })}
-          placeholder={t('Design:placeholderAffiliateName')}
+          placeholder={t("Design:placeholderAffiliateName")}
           isInvalid={Boolean(errors.name)}
         />
         <Form.Control.Feedback type="invalid">
@@ -54,16 +54,16 @@ export const AffiliateControl = ({
         </Form.Control.Feedback>
       </Form.Group>
       <Form.Group controlId={targetId} className="target-link-container">
-        <Form.Label>{t('Design:targetLink')}</Form.Label>
+        <Form.Label>{t("Design:targetLink")}</Form.Label>
         <Form.Control
-          {...register('targetLink', {
-            required: t('Validation:fieldRequired', {
-              attribute: t('targetLink'),
+          {...register("targetLink", {
+            required: t("Validation:fieldRequired", {
+              attribute: t("targetLink"),
             }) as string,
             maxLength: 255,
             pattern: urlRule,
           })}
-          placeholder={t('Design:placeholderTargetLink')}
+          placeholder={t("Design:placeholderTargetLink")}
           isInvalid={Boolean(errors.name)}
         />
         <Form.Control.Feedback type="invalid">
@@ -76,13 +76,13 @@ export const AffiliateControl = ({
         disabled={isLoading || !!errors.targetLink || !targetLink}
         onClick={handleGenerateLink}
       >
-        {t('Design:generateLink')}
+        {t("Design:generateLink")}
       </Button>
 
       <Form.Control
-        {...register('link', {
-          required: t('Validation:fieldRequired', {
-            attribute: t('link'),
+        {...register("link", {
+          required: t("Validation:fieldRequired", {
+            attribute: t("link"),
           }) as string,
           maxLength: 255,
         })}
@@ -90,5 +90,5 @@ export const AffiliateControl = ({
         disabled
       />
     </div>
-  )
-}
+  );
+};

package/src/affiliate/form/AffiliateForm.stories.tsx

@@ -1,16 +1,16 @@
-import { Meta, Story } from '@storybook/react'
-import { AffiliateForm, AffiliateFormProps } from './AffiliateForm'
+import { Meta, Story } from "@storybook/react";
+import { AffiliateForm, AffiliateFormProps } from "./AffiliateForm";
 
 export default {
-  title: 'Affiliate/Form',
+  title: "Affiliate/Form",
   component: AffiliateForm,
-} as Meta
+} as Meta;
 
 export const Default: Story<AffiliateFormProps> = (args) => (
   <AffiliateForm {...args} />
-)
+);
 
 Default.args = {
   isLoading: false,
   onSubmit: () => {},
-}
+};