@licklist/design 0.44.485-dev.54 → 0.44.485-dev.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),o=e(r),a=require("react-i18next"),n=require("react-hook-form"),s=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=require("../../sortable-tree/SortableTreeItem.js"),l=require("../../sortable-tree/SortableTree.js"),d=e(require("react-bootstrap/Badge")),u=require("../item/CreateProductSetItem.js"),c=require("../step/StepControl.js"),m=require("./ProductCategoriesControl.js");exports.StepsControl=function(e){var p=e.isLoading,v=n.useFormContext(),g=a.useTranslation("Design").t,f=t.__read(r.useState(!1),2),C=f[0],b=f[1],S=v.control,E=v.formState,q=E.errors,I=E.isSubmitting,N=v.clearErrors,h=v.getValues,y=v.setFocus,j=n.useFieldArray({name:"steps",control:S,keyName:"_id"}),x=j.fields,P=j.append,_=j.remove;r.useEffect((function(){I&&b(!I)}),[I]);var k=1===x.length;return o.createElement(o.Fragment,null,x.map((function(e,t){var r="steps.".concat(t),a=h(r);return o.createElement(n.Controller,{key:"step-".concat(e._id),name:"".concat(r,".name"),control:S,rules:{required:g("Validation:fieldRequired",{attribute:g("name")})},render:function(n){var s,u,v=n.field,f
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),o=e(r),a=require("react-i18next"),n=require("react-hook-form"),s=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=require("../../sortable-tree/SortableTreeItem.js"),l=require("../../sortable-tree/SortableTree.js"),d=e(require("react-bootstrap/Badge")),u=require("../item/CreateProductSetItem.js"),c=require("../step/StepControl.js"),m=require("./ProductCategoriesControl.js");exports.StepsControl=function(e){var p=e.isLoading,v=n.useFormContext(),g=a.useTranslation("Design").t,f=t.__read(r.useState(!1),2),C=f[0],b=f[1],S=v.control,E=v.formState,q=E.errors,I=E.isSubmitting,N=v.clearErrors,h=v.getValues,y=v.setFocus,j=n.useFieldArray({name:"steps",control:S,keyName:"_id"}),x=j.fields,P=j.append,_=j.remove;r.useEffect((function(){I&&b(!I)}),[I]);var k=1===x.length;return o.createElement(o.Fragment,null,x.map((function(e,t){var r="steps.".concat(t),a=h(r);return o.createElement(n.Controller,{key:"step-".concat(e._id),name:"".concat(r,".name"),control:S,rules:{required:g("Validation:fieldRequired",{attribute:g("name")})},render:function(n){var s,u,v,f=n.field,b=f.value,S=f.onChange;return o.createElement(l.SortableTree.Item,{id:e._id,title:b,badge:o.createElement(d,{className:"step-badge"},g("step")),isExpanded:k||!!(null===(s=q.steps)||void 0===s?void 0:s[t]),isInvalid:!!(null===(u=q.steps)||void 0===u?void 0:u[t]),isIconInHeader:!1,modalLabel:g("addNewStep"),modalClass:i.ProductSetModalClasses.step,isNewAdded:C,subTitle:o.createElement("div",{className:"product-set-badges-container"},o.createElement("div",{className:"product-set-subtitle-dot product-set-subtitle-step-dot"}),o.createElement("span",null,null===(v=a.productCategories)||void 0===v?void 0:v.length," ",g("categories"))),treeLineIconColor:"#D52902",body:o.createElement(c.StepControl,{isLoading:p,stepIndex:t,stepName:b,onStepNameChange:S}),onDelete:function(){return _(t)},sortableItems:e.productCategories?e.productCategories.map((function(e){var t=e.id;return String(t)})):[],validate:function(){var e,o,a=null===(o=null===(e=q.steps)||void 0===e?void 0:e[t])||void 0===o?void 0:o.name;return a&&y("".concat(r,".name")),Promise.resolve(!a)}},o.createElement(m.ProductCategoriesControl,{isLoading:p,stepIndex:t}))}})})),o.createElement(u.CreateProductSetItem,{title:g("addStep"),onClick:function(){var e;P({id:null,name:"".concat(g("step")," ").concat(x.length+1),productCategories:[],weight:0,hasMap:!1,venueMapSetId:null}),b(!0),(null===(e=q.steps)||void 0===e?void 0:e.type)===s.manualErrorType&&N("steps")}}),o.createElement("div",{className:"manual-form-error"},q.steps&&q.steps.message))};
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
|
|
61
61
|
.left-block-container {
|
|
62
62
|
height: calc(100svh - 12rem);
|
|
63
|
+
scrollbar-width: none;
|
|
63
64
|
overflow: scroll;
|
|
64
65
|
|
|
65
66
|
.iframe-event-card {
|
|
@@ -119,6 +120,7 @@
|
|
|
119
120
|
|
|
120
121
|
&.show {
|
|
121
122
|
overflow: scroll;
|
|
123
|
+
scrollbar-width: none;
|
|
122
124
|
overflow-x: hidden;
|
|
123
125
|
}
|
|
124
126
|
|
package/package.json
CHANGED
|
@@ -77,7 +77,7 @@ export function StepsControl({ isLoading }: StepsControlProps) {
|
|
|
77
77
|
id={step._id}
|
|
78
78
|
title={value}
|
|
79
79
|
badge={<Badge className="step-badge">{t("step")}</Badge>}
|
|
80
|
-
isExpanded={isFirstStepAdded}
|
|
80
|
+
isExpanded={isFirstStepAdded || !!errors.steps?.[index]}
|
|
81
81
|
isInvalid={!!errors.steps?.[index]}
|
|
82
82
|
isIconInHeader={false}
|
|
83
83
|
modalLabel={t("addNewStep")}
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
|
|
61
61
|
.left-block-container {
|
|
62
62
|
height: calc(100svh - 12rem);
|
|
63
|
+
scrollbar-width: none;
|
|
63
64
|
overflow: scroll;
|
|
64
65
|
|
|
65
66
|
.iframe-event-card {
|
|
@@ -119,6 +120,7 @@
|
|
|
119
120
|
|
|
120
121
|
&.show {
|
|
121
122
|
overflow: scroll;
|
|
123
|
+
scrollbar-width: none;
|
|
122
124
|
overflow-x: hidden;
|
|
123
125
|
}
|
|
124
126
|
|