@licklist/design 0.67.6 → 0.68.0-dev.1

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

@@ -21,6 +21,7 @@ export const Disabled: Story<TipTapEditorProps> = (args) => (
   <TipTapEditor {...args} />
 );
 
+
 const content = `
   <h2>
     Hi there,
@@ -53,23 +54,24 @@ 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,6 +13,7 @@ export default {
   component: TipTapMenu,
 } as Meta;
 
+
 export const Default = () => {
   const editor = useEditor({
     extensions: [
@@ -25,7 +26,9 @@ export const Default = () => {
       EmojiReplacer,
     ],
     content: "",
-  });
+  })
 
-  return <TipTapMenu withEmoji editor={editor} />;
+  return (
+    <TipTapMenu withEmoji editor={editor} />
+  );
 };

package/src/typeahead/Typeahead.tsx

@@ -12,10 +12,13 @@ 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({
@@ -24,6 +27,9 @@ function Typeahead({
   isRequired = false,
   isMultipleChoise,
   name = "",
+  value,
+  onChangeValue,
+  containerStyles,
   isCouponForm = false,
   noOptionsMessage = "",
   isInvalid,
@@ -53,15 +59,23 @@ function Typeahead({
         render={({ field }) => (
           <Select
             placeholder={placeholder}
-            value={field.value}
+            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,7 +13,8 @@ export type ZoneFormProps = {
   onSubmit: (values: Partial<Zone>) => void;
   serverErrors?: ServerError;
   isLoading?: boolean;
-  workHours?: WorkHour[];
+  workHours: WorkHour[] | undefined;
+  timeZone: string;
 };
 
 export type ZoneFormValues = Partial<Zone> & {
@@ -25,6 +26,8 @@ export const ZoneForm = ({
   onSubmit,
   serverErrors,
   isLoading = false,
+  workHours,
+  timeZone,
 }: ZoneFormProps) => {
   const { t } = useTranslation("Design");
   const form = useForm<ZoneFormValues>({
@@ -54,7 +57,11 @@ export const ZoneForm = ({
   return (
     <FormProvider {...form}>
       <Form onSubmit={handleSubmit(onFormSubmit)}>
-        <ZoneControl isLoading={isLoading} />
+        <ZoneControl
+          isLoading={isLoading}
+          workHours={workHours}
+          timeZone={timeZone}
+        />
         <Row>
           <Col md={6} sm={12} />
           <Col

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

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

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

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

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

@@ -53,18 +53,17 @@ export const getCheckboxesByWorkHours = (workHours?: WorkHour[]) => {
   if (!workHours || !workHours.length)
     return getTimeCheckboxRanges(DEFAULT_START_DAY_TIME, DEFAULT_END_DAY_TIME);
 
-  const providerWorkHoursByWeek = workHours.reduce(
-    (workHoursNextArray: { start: string; end: string }[], currentWorkHour) => {
-      const { start, end } = currentWorkHour;
+  const providerWorkHoursByWeek = workHours.reduce<
+    { start: string; end: string }[]
+  >((workHoursNextArray, 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

@@ -2398,18 +2398,6 @@ __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"
@@ -2566,14 +2554,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@licklist/core@npm:0.29.0":
-  version: 0.29.0
-  resolution: "@licklist/core@npm:0.29.0"
+"@licklist/core@npm:0.29.1-dev.2":
+  version: 0.29.1-dev.2
+  resolution: "@licklist/core@npm:0.29.1-dev.2"
   dependencies:
     "@sentry/browser": "npm:6.2.0"
     axios: "npm:0.26.0"
     i18next: "npm:19.4.5"
-    luxon: "npm:1.26.0"
+    luxon: "npm:3.5.0"
     react: "npm:17.0.2"
     react-dom: "npm:17.0.2"
     react-i18next: "npm:11.8.8"
@@ -2583,23 +2571,23 @@ __metadata:
   peerDependencies:
     "@licklist/eslint-config": 0.5.5
     axios: 0.26.0
-    luxon: 1.26.0
+    luxon: 3.5.0
     react: 17.0.2
     react-dom: 17.0.2
     react-i18next: 11.8.8
     react-intl: 6.6.8
-  checksum: 10c0/bf197dd2f2c63f720fd7d8329c1dc02be894d356b749e0e05522bb4b9cb6ff76eeebb37c95ccea395e2f7d34b36f3eab14ecaba9d5c4c005abe1057901f0bedb
+  checksum: 10c0/cacb058eb075b8e42fe9135877aa90f5104b661a0a99addbadfe916604ee35d468d07f9ce4e349fad573015044977bf77821b92dc385bab23393bc4d72677c4f
   languageName: node
   linkType: hard
 
-"@licklist/core@npm:0.29.3":
-  version: 0.29.3
-  resolution: "@licklist/core@npm:0.29.3"
+"@licklist/core@npm:0.29.1-dev.3":
+  version: 0.29.1-dev.3
+  resolution: "@licklist/core@npm:0.29.1-dev.3"
   dependencies:
     "@sentry/browser": "npm:6.2.0"
     axios: "npm:0.26.0"
     i18next: "npm:19.4.5"
-    luxon: "npm:1.26.0"
+    luxon: "npm:3.5.0"
     react: "npm:17.0.2"
     react-dom: "npm:17.0.2"
     react-i18next: "npm:11.8.8"
@@ -2609,12 +2597,12 @@ __metadata:
   peerDependencies:
     "@licklist/eslint-config": 0.5.5
     axios: 0.26.0
-    luxon: 1.26.0
+    luxon: 3.5.0
     react: 17.0.2
     react-dom: 17.0.2
     react-i18next: 11.8.8
     react-intl: 6.6.8
-  checksum: 10c0/203fcc6bb4752d0df83f6e3c96255abb3636543717e51e7b70d50e179b0526b70269b82db5dd89283e907900bdbc7f2ee39f2828af2ebdb54f8fc0e7734df53d
+  checksum: 10c0/8a31309e88f15d193557a93c875d1fceeedde7be0e6a870b3a4d80a25dca7a445b23e1dd7878ca6ffd5b65cc71aa8a53127131e719bd4f37178833c83fc3b22e
   languageName: node
   linkType: hard
 
@@ -2629,10 +2617,9 @@ __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"
-    "@fortawesome/react-fontawesome": "npm:0.1.9"
-    "@licklist/core": "npm:0.29.3"
+    "@licklist/core": "npm:0.29.1-dev.3"
     "@licklist/eslint-config": "npm:0.5.5"
-    "@licklist/plugins": "npm:0.32.0"
+    "@licklist/plugins": "npm:0.32.0-dev.3"
     "@mdx-js/react": "npm:1.6.22"
     "@popperjs/core": "npm:2.11.8"
     "@react-aria/utils": "npm:3.9.0"
@@ -2671,7 +2658,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:1.26.2"
+    "@types/luxon": "npm:3.4.2"
     "@types/mdx-js__react": "npm:1.5.3"
     "@types/node": "npm:20.9.0"
     "@types/react": "npm:17.0.80"
@@ -2708,7 +2695,7 @@ __metadata:
     konva: "npm:6.0.0"
     lint-staged: "npm:12.3.2"
     lodash: "npm:4.17.21"
-    luxon: "npm:1.26.0"
+    luxon: "npm:3.5.0"
     moment: "npm:2.29.1"
     prettier: "npm:3.3.3"
     react: "npm:17.0.2"
@@ -2754,11 +2741,11 @@ __metadata:
     vite-plugin-svgr: "npm:4.2.0"
     vite-tsconfig-paths: "npm:5.0.1"
   peerDependencies:
-    "@licklist/core": 0.29.3
+    "@licklist/core": 0.29.1-dev.3
     "@licklist/eslint-config": 0.5.5
-    "@licklist/plugins": 0.32.0
+    "@licklist/plugins": 0.32.0-dev.3
     lodash: 4.17.21
-    luxon: 1.26.0
+    luxon: 3.5.0
     react: 17.0.2
     react-dom: 17.0.2
     react-hook-form: 7.52.2
@@ -2787,17 +2774,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@licklist/plugins@npm:0.32.0":
-  version: 0.32.0
-  resolution: "@licklist/plugins@npm:0.32.0"
+"@licklist/plugins@npm:0.32.0-dev.3":
+  version: 0.32.0-dev.3
+  resolution: "@licklist/plugins@npm:0.32.0-dev.3"
   dependencies:
-    "@licklist/core": "npm:0.29.0"
+    "@licklist/core": "npm:0.29.1-dev.2"
     "@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:1.26.0"
+    luxon: "npm:3.5.0"
     moment: "npm:2.27.0"
     pusher-js: "npm:8.2.0"
     react: "npm:17.0.2"
@@ -2812,11 +2799,11 @@ __metadata:
     rrule: "npm:2.6.8"
     use-debounce: "npm:7.0.1"
   peerDependencies:
-    "@licklist/core": 0.29.0
+    "@licklist/core": 0.29.1-dev.2
     "@licklist/eslint-config": 0.5.5
     axios: 0.26.0
     lodash: 4.17.21
-    luxon: 1.26.0
+    luxon: 3.5.0
     react: 17.0.2
     react-dom: 17.0.2
     react-hook-form: 7.52.2
@@ -2824,7 +2811,7 @@ __metadata:
     react-loader: 2.4.7
     react-query: 3.34.12
     react-router-dom: 5.2.0
-  checksum: 10c0/b5fc01110148f64bcb819b7eb71cd716464342e9b81efe8668c7cd7ab6025590f9abcd8d007ec32be2512a7c09f4ca10d7db8ba56b374e0d12fc70199cf21d77
+  checksum: 10c0/a713a713d8f6d481245243a938f74874eb2ee531890807e1d5a1781a6150ddfac1c9558bc056bc809bbdb64f312129dec93dfac527a89037f6bf69eb6770fd4a
   languageName: node
   linkType: hard
 
@@ -5522,10 +5509,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/luxon@npm:1.26.2":
-  version: 1.26.2
-  resolution: "@types/luxon@npm:1.26.2"
-  checksum: 10c0/7526b265d0b93ab8e1a01ec8e1e9940addac2ef75ebc14fb9c17fa0c6150bed9f3715fc05198b500d6c80a8cb2dece882b30ea9173fa229c5df8b2dc44a8398f
+"@types/luxon@npm:3.4.2":
+  version: 3.4.2
+  resolution: "@types/luxon@npm:3.4.2"
+  checksum: 10c0/d835467de3daf7e17ba78b50bb5a14efd94272439ca067990d71332a54b311544459c69623eddd243b511b28d70194c9591a9ee8cf9c038962c965f991affd7e
   languageName: node
   linkType: hard
 
@@ -6160,26 +6147,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/compiler-core@npm:3.5.10":
-  version: 3.5.10
-  resolution: "@vue/compiler-core@npm:3.5.10"
+"@vue/compiler-core@npm:3.5.11":
+  version: 3.5.11
+  resolution: "@vue/compiler-core@npm:3.5.11"
   dependencies:
     "@babel/parser": "npm:^7.25.3"
-    "@vue/shared": "npm:3.5.10"
+    "@vue/shared": "npm:3.5.11"
     entities: "npm:^4.5.0"
     estree-walker: "npm:^2.0.2"
     source-map-js: "npm:^1.2.0"
-  checksum: 10c0/fb84f4cca8d9890289ac2e880edab8bd07231b0255cbc5578d99a6c07c299ae80a328eb0be1f1ab1d211d80d7d5fe156e573c81b3b30956257eb78f1ac7ecf8c
+  checksum: 10c0/1f6859dcbb12b59e2f53ddbf42f1d549cc0f871ab3bef5d913b4f1071764cd3e80f652df2815fec59b9cffda7022c0e774504efbaa72c97bccbceb97e8c91b18
   languageName: node
   linkType: hard
 
 "@vue/compiler-dom@npm:^3.4.0":
-  version: 3.5.10
-  resolution: "@vue/compiler-dom@npm:3.5.10"
+  version: 3.5.11
+  resolution: "@vue/compiler-dom@npm:3.5.11"
   dependencies:
-    "@vue/compiler-core": "npm:3.5.10"
-    "@vue/shared": "npm:3.5.10"
-  checksum: 10c0/30c9a0ee414b5d77d8479a17f7cf2e613a351e322edf039ffa827bb93d97750a1002089747f85cf93a9155748df898287417f52473cab17caf6507716cff570e
+    "@vue/compiler-core": "npm:3.5.11"
+    "@vue/shared": "npm:3.5.11"
+  checksum: 10c0/41bb6bd370300ae8ff6d3bc468a20e467fd10338dc8eb056726ca4cef6a33067812dd11ed8813ffdc435357e8174cb05c5a1459853e3fe8bb9275bd2956e1efd
   languageName: node
   linkType: hard
 
@@ -6214,10 +6201,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/shared@npm:3.5.10, @vue/shared@npm:^3.4.0":
-  version: 3.5.10
-  resolution: "@vue/shared@npm:3.5.10"
-  checksum: 10c0/cb3d06b6ba2026b6baa57a1f60110546cb1530e81d970fc770901c6a61adfe8a705d43cafb317f3b9b7c8f8f152b640a1a7a56e964bee7777c646c69b15e1e3f
+"@vue/shared@npm:3.5.11, @vue/shared@npm:^3.4.0":
+  version: 3.5.11
+  resolution: "@vue/shared@npm:3.5.11"
+  checksum: 10c0/9f39e183ff350729a463f3748465b3f4f86577ff6e60e65f74bd857376e326c0a41541a97fbf28d128381b2083636b56d8aded0b55791fd7b0e741fcb611a5e6
   languageName: node
   linkType: hard
 
@@ -7936,9 +7923,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.30001109, caniuse-lite@npm:^1.0.30001125, caniuse-lite@npm:^1.0.30001663":
-  version: 1.0.30001666
-  resolution: "caniuse-lite@npm:1.0.30001666"
-  checksum: 10c0/2d49e9be676233c24717f12aad3d01b3e5f902b457fe1deefaa8d82e64786788a8f79381ae437c61b50e15c9aea8aeb59871b1d54cb4c28b9190d53d292e2339
+  version: 1.0.30001667
+  resolution: "caniuse-lite@npm:1.0.30001667"
+  checksum: 10c0/6bc8555a47603e1e76eaef9b185d6fdeeca7d9c20a283f7c32c971eb1b52ea3a80e6ec086920f088f06abe619240f1023a2d3a08b5b1f2f11df1475695e9f71c
   languageName: node
   linkType: hard
 
@@ -9590,9 +9577,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.3.564, electron-to-chromium@npm:^1.5.28":
-  version: 1.5.31
-  resolution: "electron-to-chromium@npm:1.5.31"
-  checksum: 10c0/e8aecd88c4c6d50a9d459b4b222865b855bab8f1b52e82913804e18b7884f2887bd76c61b3aa08c2ccbdcda098dd8486443f75bf770f0138f21dd9e63548fca7
+  version: 1.5.32
+  resolution: "electron-to-chromium@npm:1.5.32"
+  checksum: 10c0/d0c0c418fae6f7714fb6cfeb8f6a74a9504cf41ed6a4119d5388d94442ee224238c331bacc5917f2c89e3ffebd1b9f870ea5c0951c473ca7e58debef0f3e9137
   languageName: node
   linkType: hard
 
@@ -13756,10 +13743,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"luxon@npm:1.26.0":
-  version: 1.26.0
-  resolution: "luxon@npm:1.26.0"
-  checksum: 10c0/06e7db9ab9e39069554ce12f84be7246e2e0948d3790ad991e7be676a263be137547ccd9911239b66cee6d8ef2bee6030a5400e0214494a7ea33a7fa4305dc62
+"luxon@npm:3.5.0":
+  version: 3.5.0
+  resolution: "luxon@npm:3.5.0"
+  checksum: 10c0/335789bba95077db831ef99894edadeb23023b3eb2137a1b56acd0d290082b691cf793143d69e30bc069ec95f0b49f36419f48e951c68014f19ffe12045e3494
   languageName: node
   linkType: hard
 

package/dist/assets/iframe/selectArrow.svg.js

@@ -1,17 +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 SvgSelectArrow = props => /*#__PURE__*/React.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 12,
-  height: 12,
-  fill: "none"
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  fillRule: "evenodd",
-  d: "M.759 1.34A1 1 0 0 1 2.28.487l7.61 4.66a1 1 0 0 1 0 1.706l-7.61 4.66a1 1 0 0 1-1.522-.852z",
-  clipRule: "evenodd"
-})));
-
-export { SvgSelectArrow as ReactComponent };