@licklist/design 0.67.4-dev.0 → 0.67.4

package/src/tiptap-editor/TipTapEditor.stories.tsx

@@ -21,7 +21,6 @@ export const Disabled: Story<TipTapEditorProps> = (args) => (
   <TipTapEditor {...args} />
 );
 
-
 const content = `
   <h2>
     Hi there,
@@ -54,24 +53,23 @@ Default.args = {
   viewMode: false,
   content,
   withEmoji: false,
-}
+};
 
 WithEmoji.args = {
   viewMode: false,
   content,
   withEmoji: true,
-}
+};
 
 ViewMode.args = {
   viewMode: true,
   content,
   withEmoji: true,
-}
+};
 
 Disabled.args = {
   viewMode: false,
   content,
   withEmoji: true,
   disabled: true,
-}
-
+};

package/src/tiptap-editor/TipTapMenu/TipTapMenu.stories.tsx

@@ -13,7 +13,6 @@ export default {
   component: TipTapMenu,
 } as Meta;
 
-
 export const Default = () => {
   const editor = useEditor({
     extensions: [
@@ -26,9 +25,7 @@ export const Default = () => {
       EmojiReplacer,
     ],
     content: "",
-  })
+  });
 
-  return (
-    <TipTapMenu withEmoji editor={editor} />
-  );
+  return <TipTapMenu withEmoji editor={editor} />;
 };

package/src/typeahead/Typeahead.tsx

@@ -12,13 +12,10 @@ export interface TypeaheadProps {
   placeholder: string;
   isRequired?: boolean;
   name: string;
-  value?: TypeaheadOptions;
   isMultipleChoise?: boolean;
   noOptionsMessage: string;
   isInvalid?: boolean;
   isCouponForm?: boolean;
-  containerStyles?: CSSObjectWithLabel;
-  onChangeValue?: (value: TypeaheadOptions) => void;
 }
 
 function Typeahead({
@@ -27,9 +24,6 @@ function Typeahead({
   isRequired = false,
   isMultipleChoise,
   name = "",
-  value,
-  onChangeValue,
-  containerStyles,
   isCouponForm = false,
   noOptionsMessage = "",
   isInvalid,
@@ -59,23 +53,15 @@ function Typeahead({
         render={({ field }) => (
           <Select
             placeholder={placeholder}
-            value={value ?? field.value}
+            value={field.value}
             isMulti={isMultipleChoise}
             styles={{
-              container: (base) => ({
-                ...base,
-                ...containerStyles,
-              }),
               control: (base) => ({
                 ...base,
                 ...getStyle(),
               }),
             }}
             onChange={(value) => {
-              if (onChangeValue) {
-                onChangeValue(value);
-                return;
-              }
               field.onChange(value);
             }}
             options={options}

package/src/zone/form/ZoneForm.tsx

@@ -13,8 +13,7 @@ export type ZoneFormProps = {
   onSubmit: (values: Partial<Zone>) => void;
   serverErrors?: ServerError;
   isLoading?: boolean;
-  workHours: WorkHour[] | undefined;
-  timeZone: string;
+  workHours?: WorkHour[];
 };
 
 export type ZoneFormValues = Partial<Zone> & {
@@ -26,8 +25,6 @@ export const ZoneForm = ({
   onSubmit,
   serverErrors,
   isLoading = false,
-  workHours,
-  timeZone,
 }: ZoneFormProps) => {
   const { t } = useTranslation("Design");
   const form = useForm<ZoneFormValues>({
@@ -57,11 +54,7 @@ export const ZoneForm = ({
   return (
     <FormProvider {...form}>
       <Form onSubmit={handleSubmit(onFormSubmit)}>
-        <ZoneControl
-          isLoading={isLoading}
-          workHours={workHours}
-          timeZone={timeZone}
-        />
+        <ZoneControl isLoading={isLoading} />
         <Row>
           <Col md={6} sm={12} />
           <Col

package/src/zone/form/components/ZoneControl.tsx

@@ -10,20 +10,15 @@ import { GameDurationControl } from "./GameDurationControl";
 
 export type ZoneControlProps = {
   isLoading: boolean;
-  workHours: WorkHour[] | undefined;
-  timeZone: string;
+  workHours?: WorkHour[];
 };
 
-export const ZoneControl = ({
-  isLoading,
-  workHours,
-  timeZone,
-}: ZoneControlProps) => {
+export const ZoneControl = ({ isLoading }: ZoneControlProps) => {
   return (
     <Row>
       <Col md={6} sm={12} className="pr-5">
         <NameControl isLoading={isLoading} />
-        <ZoneRecurrencesControl workHours={workHours} timeZone={timeZone} />
+        <ZoneRecurrencesControl />
         <hr />
         <Row>
           <Col md={6} sm={6}>

package/src/zone/form/components/ZoneRecurrencesControl.tsx

@@ -25,15 +25,12 @@ export interface DateAndRecurrenceInputValues {
   zoneRecurrences?: Partial<ZoneRecurrence>[];
 }
 
-type ZoneRecurrenceControlProps = {
-  workHours: WorkHour[] | undefined;
-  timeZone: string;
+export type ZoneRecurrenceControlProps = {
+  workHours?: WorkHour[];
+  isLoading?: boolean;
 };
 
-export const ZoneRecurrencesControl = ({
-  workHours,
-  timeZone,
-}: ZoneRecurrenceControlProps) => {
+export const ZoneRecurrencesControl = () => {
   const {
     control,
     register,
@@ -72,7 +69,7 @@ export const ZoneRecurrencesControl = ({
     clearEditState();
   });
 
-  const popoverId = useId();
+  const popoverId = useId()!;
 
   const { t } = useTranslation(["Design", "Validation"]);
 
@@ -169,8 +166,6 @@ export const ZoneRecurrencesControl = ({
                 onChange={handleRecurringDateChange}
                 onDelete={handleDelete}
                 setInitialStartDateAfterSelect
-                workHours={workHours}
-                timeZone={timeZone}
               />
             </Popover.Content>
           </Popover>

package/src/zone/form/utils/dates.ts

@@ -53,17 +53,18 @@ export const getCheckboxesByWorkHours = (workHours?: WorkHour[]) => {
   if (!workHours || !workHours.length)
     return getTimeCheckboxRanges(DEFAULT_START_DAY_TIME, DEFAULT_END_DAY_TIME);
 
-  const providerWorkHoursByWeek = workHours.reduce<
-    { start: string; end: string }[]
-  >((workHoursNextArray, currentWorkHour) => {
-    const { start, end } = currentWorkHour;
+  const providerWorkHoursByWeek = workHours.reduce(
+    (workHoursNextArray: { start: string; end: string }[], currentWorkHour) => {
+      const { start, end } = currentWorkHour;
 
-    if (start && end) {
-      return [...workHoursNextArray, { start, end }];
-    }
+      if (start && end) {
+        return [...workHoursNextArray, { start, end }];
+      }
 
-    return workHoursNextArray;
-  }, []);
+      return workHoursNextArray;
+    },
+    [],
+  );
 
   // If venue has filled only 1 work day from wee
   // For another days we use default 00:00 and 23:59

package/yarn.lock

@@ -2405,6 +2405,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@fortawesome/react-fontawesome@npm:0.1.9":
+  version: 0.1.9
+  resolution: "@fortawesome/react-fontawesome@npm:0.1.9"
+  dependencies:
+    prop-types: "npm:^15.7.2"
+  peerDependencies:
+    "@fortawesome/fontawesome-svg-core": ^1.2.20
+    react: 16.x
+  checksum: 10c0/063d93c40704a3f4dc7818c3bfbd07b2a55c2c68f1cd50e6ea2c54a90ce259ce58d45deb9b000ca6e5bbf64d7d026f4a57766b404cbb0aa36c7dcfc167f02233
+  languageName: node
+  linkType: hard
+
 "@gar/promisify@npm:^1.0.1":
   version: 1.1.3
   resolution: "@gar/promisify@npm:1.1.3"
@@ -2561,14 +2573,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@licklist/core@npm:0.29.1-dev.2":
-  version: 0.29.1-dev.2
-  resolution: "@licklist/core@npm:0.29.1-dev.2"
+"@licklist/core@npm:0.29.0":
+  version: 0.29.0
+  resolution: "@licklist/core@npm:0.29.0"
   dependencies:
     "@sentry/browser": "npm:6.2.0"
     axios: "npm:0.26.0"
     i18next: "npm:19.4.5"
-    luxon: "npm:3.5.0"
+    luxon: "npm:1.26.0"
     react: "npm:17.0.2"
     react-dom: "npm:17.0.2"
     react-i18next: "npm:11.8.8"
@@ -2578,23 +2590,23 @@ __metadata:
   peerDependencies:
     "@licklist/eslint-config": 0.5.5
     axios: 0.26.0
-    luxon: 3.5.0
+    luxon: 1.26.0
     react: 17.0.2
     react-dom: 17.0.2
     react-i18next: 11.8.8
     react-intl: 6.6.8
-  checksum: 10c0/cacb058eb075b8e42fe9135877aa90f5104b661a0a99addbadfe916604ee35d468d07f9ce4e349fad573015044977bf77821b92dc385bab23393bc4d72677c4f
+  checksum: 10c0/bf197dd2f2c63f720fd7d8329c1dc02be894d356b749e0e05522bb4b9cb6ff76eeebb37c95ccea395e2f7d34b36f3eab14ecaba9d5c4c005abe1057901f0bedb
   languageName: node
   linkType: hard
 
-"@licklist/core@npm:0.29.1-dev.3":
-  version: 0.29.1-dev.3
-  resolution: "@licklist/core@npm:0.29.1-dev.3"
+"@licklist/core@npm:0.29.1":
+  version: 0.29.1
+  resolution: "@licklist/core@npm:0.29.1"
   dependencies:
     "@sentry/browser": "npm:6.2.0"
     axios: "npm:0.26.0"
     i18next: "npm:19.4.5"
-    luxon: "npm:3.5.0"
+    luxon: "npm:1.26.0"
     react: "npm:17.0.2"
     react-dom: "npm:17.0.2"
     react-i18next: "npm:11.8.8"
@@ -2604,12 +2616,12 @@ __metadata:
   peerDependencies:
     "@licklist/eslint-config": 0.5.5
     axios: 0.26.0
-    luxon: 3.5.0
+    luxon: 1.26.0
     react: 17.0.2
     react-dom: 17.0.2
     react-i18next: 11.8.8
     react-intl: 6.6.8
-  checksum: 10c0/8a31309e88f15d193557a93c875d1fceeedde7be0e6a870b3a4d80a25dca7a445b23e1dd7878ca6ffd5b65cc71aa8a53127131e719bd4f37178833c83fc3b22e
+  checksum: 10c0/90bfe0a2c1c6b57e4900b59827252bc7e1745d67f659ae7b2ccb4a323f142f2296864bc8025f864c9106cabc3a1893c9b88753706558997bb7305e57fa886868
   languageName: node
   linkType: hard
 
@@ -2624,9 +2636,10 @@ __metadata:
     "@dnd-kit/utilities": "npm:2.0.0"
     "@fortawesome/fontawesome-svg-core": "npm:1.2.34"
     "@fortawesome/free-solid-svg-icons": "npm:5.15.2"
-    "@licklist/core": "npm:0.29.1-dev.3"
+    "@fortawesome/react-fontawesome": "npm:0.1.9"
+    "@licklist/core": "npm:0.29.1"
     "@licklist/eslint-config": "npm:0.5.5"
-    "@licklist/plugins": "npm:0.32.0-dev.3"
+    "@licklist/plugins": "npm:0.32.0"
     "@mdx-js/react": "npm:1.6.22"
     "@popperjs/core": "npm:2.11.8"
     "@react-aria/utils": "npm:3.9.0"
@@ -2665,7 +2678,7 @@ __metadata:
     "@tiptap/react": "npm:2.0.0-beta.109"
     "@tiptap/suggestion": "npm:2.0.0-beta.92"
     "@types/lodash": "npm:4.17.5"
-    "@types/luxon": "npm:3.4.2"
+    "@types/luxon": "npm:1.26.2"
     "@types/mdx-js__react": "npm:1.5.3"
     "@types/node": "npm:20.9.0"
     "@types/react": "npm:17.0.80"
@@ -2702,7 +2715,7 @@ __metadata:
     konva: "npm:6.0.0"
     lint-staged: "npm:12.3.2"
     lodash: "npm:4.17.21"
-    luxon: "npm:3.5.0"
+    luxon: "npm:1.26.0"
     moment: "npm:2.29.1"
     prettier: "npm:3.3.3"
     react: "npm:17.0.2"
@@ -2748,11 +2761,11 @@ __metadata:
     vite-plugin-svgr: "npm:4.2.0"
     vite-tsconfig-paths: "npm:5.0.1"
   peerDependencies:
-    "@licklist/core": 0.29.1-dev.3
+    "@licklist/core": 0.29.1
     "@licklist/eslint-config": 0.5.5
-    "@licklist/plugins": 0.32.0-dev.3
+    "@licklist/plugins": 0.32.0
     lodash: 4.17.21
-    luxon: 3.5.0
+    luxon: 1.26.0
     react: 17.0.2
     react-dom: 17.0.2
     react-hook-form: 7.52.2
@@ -2781,17 +2794,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@licklist/plugins@npm:0.32.0-dev.3":
-  version: 0.32.0-dev.3
-  resolution: "@licklist/plugins@npm:0.32.0-dev.3"
+"@licklist/plugins@npm:0.32.0":
+  version: 0.32.0
+  resolution: "@licklist/plugins@npm:0.32.0"
   dependencies:
-    "@licklist/core": "npm:0.29.1-dev.2"
+    "@licklist/core": "npm:0.29.0"
     "@ungap/url-search-params": "npm:0.2.2"
     axios: "npm:0.26.0"
     history: "npm:4.10.1"
     laravel-echo: "npm:1.15.1"
     lodash: "npm:4.17.21"
-    luxon: "npm:3.5.0"
+    luxon: "npm:1.26.0"
     moment: "npm:2.27.0"
     pusher-js: "npm:8.2.0"
     react: "npm:17.0.2"
@@ -2806,11 +2819,11 @@ __metadata:
     rrule: "npm:2.6.8"
     use-debounce: "npm:7.0.1"
   peerDependencies:
-    "@licklist/core": 0.29.1-dev.2
+    "@licklist/core": 0.29.0
     "@licklist/eslint-config": 0.5.5
     axios: 0.26.0
     lodash: 4.17.21
-    luxon: 3.5.0
+    luxon: 1.26.0
     react: 17.0.2
     react-dom: 17.0.2
     react-hook-form: 7.52.2
@@ -2818,7 +2831,7 @@ __metadata:
     react-loader: 2.4.7
     react-query: 3.34.12
     react-router-dom: 5.2.0
-  checksum: 10c0/a713a713d8f6d481245243a938f74874eb2ee531890807e1d5a1781a6150ddfac1c9558bc056bc809bbdb64f312129dec93dfac527a89037f6bf69eb6770fd4a
+  checksum: 10c0/b5fc01110148f64bcb819b7eb71cd716464342e9b81efe8668c7cd7ab6025590f9abcd8d007ec32be2512a7c09f4ca10d7db8ba56b374e0d12fc70199cf21d77
   languageName: node
   linkType: hard
 
@@ -5516,10 +5529,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/luxon@npm:3.4.2":
-  version: 3.4.2
-  resolution: "@types/luxon@npm:3.4.2"
-  checksum: 10c0/d835467de3daf7e17ba78b50bb5a14efd94272439ca067990d71332a54b311544459c69623eddd243b511b28d70194c9591a9ee8cf9c038962c965f991affd7e
+"@types/luxon@npm:1.26.2":
+  version: 1.26.2
+  resolution: "@types/luxon@npm:1.26.2"
+  checksum: 10c0/7526b265d0b93ab8e1a01ec8e1e9940addac2ef75ebc14fb9c17fa0c6150bed9f3715fc05198b500d6c80a8cb2dece882b30ea9173fa229c5df8b2dc44a8398f
   languageName: node
   linkType: hard
 
@@ -13759,10 +13772,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"luxon@npm:3.5.0":
-  version: 3.5.0
-  resolution: "luxon@npm:3.5.0"
-  checksum: 10c0/335789bba95077db831ef99894edadeb23023b3eb2137a1b56acd0d290082b691cf793143d69e30bc069ec95f0b49f36419f48e951c68014f19ffe12045e3494
+"luxon@npm:1.26.0":
+  version: 1.26.0
+  resolution: "luxon@npm:1.26.0"
+  checksum: 10c0/06e7db9ab9e39069554ce12f84be7246e2e0948d3790ad991e7be676a263be137547ccd9911239b66cee6d8ef2bee6030a5400e0214494a7ea33a7fa4305dc62
   languageName: node
   linkType: hard
 

package/dist/product-set/form/ProductSetNameControl.d.ts

@@ -1,6 +0,0 @@
-export declare const ProductSetNameControl: ({ value, onChange, error, }: {
-    value: string;
-    onChange: (value: string) => void;
-    error?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ProductSetNameControl.d.ts.map

package/dist/product-set/form/ProductSetNameControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductSetNameControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductSetNameControl.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,gCAI/B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,4CAeA,CAAC"}

package/dist/product-set/form/ProductSetNameControl.js

@@ -1,35 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Form } from 'react-bootstrap';
-import { useTranslation } from 'react-i18next';
-
-var ProductSetNameControl = function(param) {
-    var value = param.value, onChange = param.onChange, error = param.error;
-    var t = useTranslation([
-        "Design"
-    ]).t;
-    return /*#__PURE__*/ jsxs(Form.Group, {
-        children: [
-            /*#__PURE__*/ jsxs(Form.Label, {
-                children: [
-                    t("Design:ProductSetName"),
-                    "*"
-                ]
-            }),
-            /*#__PURE__*/ jsx(Form.Control, {
-                value: value,
-                maxLength: 255,
-                onChange: function(e) {
-                    return onChange(e.target.value);
-                },
-                placeholder: t("Design:placeholderProductSetName"),
-                isInvalid: Boolean(error)
-            }),
-            /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                type: "invalid",
-                children: error
-            })
-        ]
-    });
-};
-
-export { ProductSetNameControl };

package/src/product-set/form/ProductSetNameControl.tsx

@@ -1,27 +0,0 @@
-import { Form } from "react-bootstrap";
-import { useTranslation } from "react-i18next";
-
-export const ProductSetNameControl = ({
-  value,
-  onChange,
-  error,
-}: {
-  value: string;
-  onChange: (value: string) => void;
-  error?: string;
-}) => {
-  const { t } = useTranslation(["Design"]);
-  return (
-    <Form.Group>
-      <Form.Label>{t("Design:ProductSetName")}*</Form.Label>
-      <Form.Control
-        value={value}
-        maxLength={255}
-        onChange={(e) => onChange(e.target.value)}
-        placeholder={t("Design:placeholderProductSetName")}
-        isInvalid={Boolean(error)}
-      />
-      <Form.Control.Feedback type="invalid">{error}</Form.Control.Feedback>
-    </Form.Group>
-  );
-};