@licklist/design 0.71.18-dev.5 → 0.71.18-dev.6

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductsControl.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,YAAY,EAAE,MAAM,kEAAkE,CAAA;AAC/F,OAAO,EAAkB,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAI9E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAQhD,UAAU,oBAAqB,SAAQ,aAAa;IAClD,YAAY,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC,cAAc,CAAC,CAAA;IACvE,SAAS,EAAE,MAAM,CAAA;IACjB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,YAAY,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AA+BD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,YAAY,EACZ,SAAS,EACT,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,oBAAoB,2CAyOtB"}
+{"version":3,"file":"ProductsControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductsControl.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,YAAY,EAAE,MAAM,kEAAkE,CAAA;AAC/F,OAAO,EAAkB,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAI9E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAQhD,UAAU,oBAAqB,SAAQ,aAAa;IAClD,YAAY,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC,cAAc,CAAC,CAAA;IACvE,SAAS,EAAE,MAAM,CAAA;IACjB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,YAAY,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AA+BD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,YAAY,EACZ,SAAS,EACT,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,oBAAoB,2CAkPtB"}

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

@@ -168,6 +168,12 @@ function ProductsControl(param) {
             return "".concat(productControlFieldName, ".").concat(index, ".isUnlimited");
         }))
     });
+    var modifierSets = useWatch({
+        control: control,
+        name: _to_consumable_array(fields.map(function(_, index) {
+            return "".concat(productControlFieldName, ".").concat(index, ".modifiersSet");
+        }))
+    });
     var categoryProductErrors = errors === null || errors === void 0 ? void 0 : (_errors_steps = errors.steps) === null || _errors_steps === void 0 ? void 0 : (_errors_steps_stepIndex = _errors_steps[stepIndex]) === null || _errors_steps_stepIndex === void 0 ? void 0 : (_errors_steps_stepIndex_productCategories = _errors_steps_stepIndex.productCategories) === null || _errors_steps_stepIndex_productCategories === void 0 ? void 0 : (_errors_steps_stepIndex_productCategories_productCategoryIndex = _errors_steps_stepIndex_productCategories[productCategoryIndex]) === null || _errors_steps_stepIndex_productCategories_productCategoryIndex === void 0 ? void 0 : _errors_steps_stepIndex_productCategories_productCategoryIndex.products;
     var isFirstProductAdded = fields.length === 1;
     var mouseSensor = useSensor(MouseSensor, {
@@ -211,9 +217,10 @@ function ProductsControl(param) {
                     mouseSensor
                 ],
                 children: fields.map(function(product, index) {
+                    var _modifierSets_index;
                     var isOverridesProductSet = isEventEditProductSet ? !!product.id : isOverrides && !!product.originalProductId;
-                    var modifierSets = (product === null || product === void 0 ? void 0 : product.modifiersSet.length) || 0;
                     var isNewProductOverrides = isCreateNewOverrides && !!product.id;
+                    var modifiersSets = ((_modifierSets_index = modifierSets[index]) === null || _modifierSets_index === void 0 ? void 0 : _modifierSets_index.length) || 0;
                     return /*#__PURE__*/ jsx(Controller, {
                         control: control,
                         name: "".concat(productControlFieldName, ".").concat(index, ".name"),
@@ -256,9 +263,9 @@ function ProductsControl(param) {
                                                 })
                                             ]
                                         }),
-                                        !!modifierSets && /*#__PURE__*/ jsx(Badge, {
+                                        !!modifiersSets && /*#__PURE__*/ jsx(Badge, {
                                             className: "modifier-badge",
-                                            children: "".concat(modifierSets, " ").concat(t('modifiersSets'))
+                                            children: "".concat(modifiersSets, " ").concat(t('modifiersSets'))
                                         })
                                     ]
                                 }),

package/dist/styles/product-set/EditProductSetElement.scss

@@ -90,6 +90,7 @@
     }
     label.btn-link {
       width: 4.5rem;
+      z-index: 0;
       display: flex;
       justify-content: center;
       span {

package/dist/styles/product-set/ProductSetForm.scss

@@ -90,6 +90,7 @@
   .modifier-badge {
     background-color: #e9f5ea;
     color: #269b36;
+    height: 1rem;
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.71.18-dev.5",
+  "version": "0.71.18-dev.6",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,7 +42,7 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.31.2-dev.10",
+    "@licklist/core": "0.31.2-dev.11",
     "@licklist/eslint-config": "0.5.6",
     "@licklist/plugins": "0.35.1-dev.8",
     "lodash": "4.17.21",
@@ -61,7 +61,7 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.31.2-dev.10",
+    "@licklist/core": "0.31.2-dev.11",
     "@licklist/eslint-config": "0.5.6",
     "@licklist/plugins": "0.35.1-dev.8",
     "@mantine/core": "6.0.22",

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

@@ -141,6 +141,16 @@ export function ProductsControl({
     ],
   })
 
+  const modifierSets = useWatch({
+    control,
+    name: [
+      ...fields.map(
+        (_, index) =>
+          `${productControlFieldName}.${index}.modifiersSet` as const,
+      ),
+    ],
+  })
+
   const categoryProductErrors =
     errors?.steps?.[stepIndex]?.productCategories?.[productCategoryIndex]
       ?.products
@@ -200,9 +210,8 @@ export function ProductsControl({
             ? !!product.id
             : isOverrides && !!product.originalProductId
 
-          const modifierSets = product?.modifiersSet.length || 0
-
           const isNewProductOverrides = isCreateNewOverrides && !!product.id
+          const modifiersSets = modifierSets[index]?.length || 0
 
           return (
             <Controller
@@ -247,8 +256,8 @@ export function ProductsControl({
                           } `}
                         </span>
                       </div>
-                      {!!modifierSets && (
-                        <Badge className='modifier-badge'>{`${modifierSets} ${t('modifiersSets')}`}</Badge>
+                      {!!modifiersSets && (
+                        <Badge className='modifier-badge'>{`${modifiersSets} ${t('modifiersSets')}`}</Badge>
                       )}
                     </div>
                   }

package/src/styles/product-set/EditProductSetElement.scss

@@ -90,6 +90,7 @@
     }
     label.btn-link {
       width: 4.5rem;
+      z-index: 0;
       display: flex;
       justify-content: center;
       span {

package/src/styles/product-set/ProductSetForm.scss

@@ -90,6 +90,7 @@
   .modifier-badge {
     background-color: #e9f5ea;
     color: #269b36;
+    height: 1rem;
   }
 }
 

package/yarn.lock

@@ -2481,6 +2481,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@licklist/core@npm:0.31.2-dev.11":
+  version: 0.31.2-dev.11
+  resolution: "@licklist/core@npm:0.31.2-dev.11"
+  dependencies:
+    "@sentry/browser": "npm:6.2.0"
+    axios: "npm:0.26.0"
+    i18next: "npm:19.4.5"
+    luxon: "npm:3.5.0"
+    react: "npm:17.0.2"
+    react-dom: "npm:17.0.2"
+    react-i18next: "npm:11.8.8"
+    react-intl: "npm:6.6.8"
+    uuid: "npm:9.0.0"
+    wait-for-expect: "npm:3.0.2"
+    zustand: "npm:3.7.2"
+  peerDependencies:
+    "@licklist/eslint-config": 0.5.6
+    axios: 0.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
+    zustand: 3.7.2
+  checksum: 10c0/eabcc95fb4a12a60c00c5b15060a89495f7c6980a53d27fc3dc7325eccb4a5d604e49aa148b68ae0bcb98f5e78f0dc2695833342756a3d5d9d2640bbd93dfaaf
+  languageName: node
+  linkType: hard
+
 "@licklist/design@workspace:.":
   version: 0.0.0-use.local
   resolution: "@licklist/design@workspace:."
@@ -2492,7 +2520,7 @@ __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.31.2-dev.10"
+    "@licklist/core": "npm:0.31.2-dev.11"
     "@licklist/eslint-config": "npm:0.5.6"
     "@licklist/plugins": "npm:0.35.1-dev.8"
     "@mantine/core": "npm:6.0.22"
@@ -2623,7 +2651,7 @@ __metadata:
     vite-plugin-svgr: "npm:4.2.0"
     vite-tsconfig-paths: "npm:5.0.1"
   peerDependencies:
-    "@licklist/core": 0.31.2-dev.10
+    "@licklist/core": 0.31.2-dev.11
     "@licklist/eslint-config": 0.5.6
     "@licklist/plugins": 0.35.1-dev.8
     lodash: 4.17.21
@@ -5147,14 +5175,14 @@ __metadata:
   linkType: hard
 
 "@tiptap/extension-bubble-menu@npm:^2.0.0-beta.56":
-  version: 2.11.3
-  resolution: "@tiptap/extension-bubble-menu@npm:2.11.3"
+  version: 2.11.5
+  resolution: "@tiptap/extension-bubble-menu@npm:2.11.5"
   dependencies:
     tippy.js: "npm:^6.3.7"
   peerDependencies:
     "@tiptap/core": ^2.7.0
     "@tiptap/pm": ^2.7.0
-  checksum: 10c0/3c672b457f5c83cef38f684f7a3fdbfd2c2ec59e3b213485d210011285fbc47d37b8b65f9e41a2d091678faaa8d8768b3dff0aaa53f53d2e89a2a7ce94d455fb
+  checksum: 10c0/a9112df35a19c875085c4065cee36228aec68c2336ddcff25a4e741e25625397325762abce045ede53c18b58df9235216ef909a099f9ac8f5783d137615e3252
   languageName: node
   linkType: hard
 
@@ -5177,14 +5205,14 @@ __metadata:
   linkType: hard
 
 "@tiptap/extension-floating-menu@npm:^2.0.0-beta.51":
-  version: 2.11.3
-  resolution: "@tiptap/extension-floating-menu@npm:2.11.3"
+  version: 2.11.5
+  resolution: "@tiptap/extension-floating-menu@npm:2.11.5"
   dependencies:
     tippy.js: "npm:^6.3.7"
   peerDependencies:
     "@tiptap/core": ^2.7.0
     "@tiptap/pm": ^2.7.0
-  checksum: 10c0/8d6c3ce5999eaaae61bacca56f881090bc9b58b3588e50ed4981008806c7eea70b48ad56e489679d64a6e4d34b1d65c49028ab4160c2e717ffd90973533b7a81
+  checksum: 10c0/45013b8e7ea13950a76bf62498d48b0d681aeaa88e49b3027f45ec42a42b5006e9f8af25251712cb6ed73a732989e2f95d293b905ba83aa82e2c17aabcfed0b0
   languageName: node
   linkType: hard
 
@@ -8217,8 +8245,8 @@ __metadata:
   linkType: hard
 
 "chromatic@npm:^11.4.0":
-  version: 11.25.1
-  resolution: "chromatic@npm:11.25.1"
+  version: 11.25.2
+  resolution: "chromatic@npm:11.25.2"
   peerDependencies:
     "@chromatic-com/cypress": ^0.*.* || ^1.0.0
     "@chromatic-com/playwright": ^0.*.* || ^1.0.0
@@ -8231,7 +8259,7 @@ __metadata:
     chroma: dist/bin.js
     chromatic: dist/bin.js
     chromatic-cli: dist/bin.js
-  checksum: 10c0/869939cf65ddc4c606ac982cbbaba63d3d6cbc8082e24f04f74ee6a5e3979cdec49e8fab2549f87e8cfa8127c15dbda1f86371306642bdabcb43ee9cff46ceae
+  checksum: 10c0/2cb4bb40a062005292a4cd606321f6c9bdaa31e255e66bae12c780bca9b72e883c017ebe48c5a9228db88a010f5977571ef7dfdcdd4195ad0e7b955f9966d7df
   languageName: node
   linkType: hard
 
@@ -10975,11 +11003,11 @@ __metadata:
   linkType: hard
 
 "fastq@npm:^1.6.0":
-  version: 1.18.0
-  resolution: "fastq@npm:1.18.0"
+  version: 1.19.0
+  resolution: "fastq@npm:1.19.0"
   dependencies:
     reusify: "npm:^1.0.4"
-  checksum: 10c0/7be87ecc41762adbddf558d24182f50a4b1a3ef3ee807d33b7623da7aee5faecdcc94fce5aa13fe91df93e269f383232bbcdb2dc5338cd1826503d6063221f36
+  checksum: 10c0/d6a001638f1574a696660fcbba5300d017760432372c801632c325ca7c16819604841c92fd3ccadcdacec0966ca336363a5ff57bc5f0be335d8ea7ac6087b98f
   languageName: node
   linkType: hard
 
@@ -13775,9 +13803,9 @@ __metadata:
   linkType: hard
 
 "libphonenumber-js@npm:^1.9.11":
-  version: 1.11.18
-  resolution: "libphonenumber-js@npm:1.11.18"
-  checksum: 10c0/4877d2521426e4094cbf1991fd30778d3856e702acce655a767a1ba261d8e765901dc17944d627a7ee083992ee4c427007bf9d488207432b6b5dee982b849de4
+  version: 1.11.19
+  resolution: "libphonenumber-js@npm:1.11.19"
+  checksum: 10c0/cf02204746dd89cacbd5830c32e6ea4a7e4593efa84b0707207900d79bb0bbd19bd38eb6da7544f49638d609b8c4b9dcbd7e50ea6506e957cd149f6a3c2c7b2b
   languageName: node
   linkType: hard
 
@@ -17007,15 +17035,15 @@ __metadata:
   linkType: hard
 
 "prosemirror-tables@npm:^1.3.0":
-  version: 1.6.2
-  resolution: "prosemirror-tables@npm:1.6.2"
+  version: 1.6.3
+  resolution: "prosemirror-tables@npm:1.6.3"
   dependencies:
     prosemirror-keymap: "npm:^1.2.2"
     prosemirror-model: "npm:^1.24.1"
     prosemirror-state: "npm:^1.4.3"
     prosemirror-transform: "npm:^1.10.2"
     prosemirror-view: "npm:^1.37.1"
-  checksum: 10c0/cac5a8d88189d4801873f404c86fda3b161b30a637be1b08337e4ba521c668ec070543d09cef728a3f6990d8035146c3da73b9cee812833a424d8780cfef5a30
+  checksum: 10c0/09ded9ffae5c2a9e274cf89c2ff1ba6400bd3d0ad9e68a0de9a4154c9b9210239c90db50e3081487615899eae3b2c7228e097df73acd42150d9cc91076da239b
   languageName: node
   linkType: hard