@licklist/design 0.74.0-dev.1 → 0.74.0
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.
- package/dist/affiliate/form/AffiliateForm.d.ts.map +1 -1
- package/dist/assets/dashboard/chartBar.svg.js +2 -2
- package/dist/auth/Login/LoginComponent.js +1 -2
- package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts +1 -2
- package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts.map +1 -1
- package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.js +2 -3
- package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts +1 -2
- package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts.map +1 -1
- package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.js +2 -3
- package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.d.ts +1 -2
- package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.d.ts.map +1 -1
- package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.js +4 -6
- package/dist/events/edit-event-modal/utils/getDefaultProductSet.js +1 -1
- package/dist/events/event-statistic-modal/EventStatisticModal.d.ts +1 -2
- package/dist/events/event-statistic-modal/EventStatisticModal.d.ts.map +1 -1
- package/dist/events/event-statistic-modal/EventStatisticModal.js +2 -2
- package/dist/events/event-statistic-modal/hooks/useTableData.d.ts +1 -1
- package/dist/events/event-statistic-modal/hooks/useTableData.d.ts.map +1 -1
- package/dist/events/event-statistic-modal/hooks/useTableData.js +1 -2
- package/dist/events/event-statistic-modal/utils/index.js +3 -3
- package/dist/events/event-venue-map/EventVenueMap.d.ts.map +1 -1
- package/dist/events/event-venue-map/EventVenueMap.js +0 -1
- package/dist/events/event-venue-map/hooks/useCanvasSize.d.ts.map +1 -1
- package/dist/events/event-venue-map/hooks/useCanvasSize.js +4 -11
- package/dist/iframe/ProductWithModifierModal/ModifierSetModal/ProductWithModifierSetModal.js +3 -2
- package/dist/iframe/ProductWithModifierModal/ModifierSetModal/controll/ModifierSetControll.d.ts.map +1 -1
- package/dist/iframe/ProductWithModifierModal/ModifierSetModal/controll/ModifierSetControll.js +11 -4
- package/dist/iframe/order-process/components/BookingSummary/components/ProductSummary/ProductSummary.d.ts.map +1 -1
- package/dist/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js +0 -13
- package/dist/iframe/payment/order-items-table/utils/paymentSummary.d.ts.map +1 -1
- package/dist/iframe/ryft/utils/ryft-form.d.ts.map +1 -1
- package/dist/iframe/ryft/utils/ryft-form.js +5 -4
- package/dist/layout/DropDown.d.ts +1 -2
- package/dist/layout/DropDown.d.ts.map +1 -1
- package/dist/notification/email-template/control/EmailTemplateControl.d.ts.map +1 -1
- package/dist/notification/email-template/control/EmailTemplateControl.js +0 -3
- package/dist/product-set/control/ProductSetControl.d.ts +1 -4
- package/dist/product-set/control/ProductSetControl.d.ts.map +1 -1
- package/dist/product-set/control/ProductSetControl.js +2 -13
- package/dist/product-set/form/ProductCategoriesControl.d.ts +1 -2
- package/dist/product-set/form/ProductCategoriesControl.d.ts.map +1 -1
- package/dist/product-set/form/ProductCategoriesControl.js +2 -3
- package/dist/product-set/form/ProductSetForm.d.ts +4 -7
- package/dist/product-set/form/ProductSetForm.d.ts.map +1 -1
- package/dist/product-set/form/ProductSetForm.js +3 -5
- package/dist/product-set/form/ProductZonesControl.d.ts.map +1 -1
- package/dist/product-set/form/ProductZonesControl.js +2 -0
- package/dist/product-set/form/ProductsControl.d.ts +1 -2
- package/dist/product-set/form/ProductsControl.d.ts.map +1 -1
- package/dist/product-set/form/ProductsControl.js +3 -7
- package/dist/product-set/form/StepsControl.d.ts +1 -2
- package/dist/product-set/form/StepsControl.d.ts.map +1 -1
- package/dist/product-set/form/StepsControl.js +3 -5
- package/dist/product-set/form/SubProductsControl.d.ts.map +1 -1
- package/dist/product-set/form/SubProductsControl.js +3 -1
- package/dist/product-set/form/VenueMapsControl.d.ts.map +1 -1
- package/dist/product-set/form/VenueMapsControl.js +3 -0
- package/dist/product-set/form/context.d.ts +2 -1
- package/dist/product-set/form/context.d.ts.map +1 -1
- package/dist/product-set/product/ProductControl.d.ts +2 -6
- package/dist/product-set/product/ProductControl.d.ts.map +1 -1
- package/dist/product-set/product/ProductControl.js +1 -36
- package/dist/product-set/product/booking-management/ProductBookingManagementControl.d.ts.map +1 -1
- package/dist/product-set/product/booking-management/ProductBookingManagementControl.js +0 -6
- package/dist/product-set/product/deposit/ProductDepositControl.d.ts.map +1 -1
- package/dist/product-set/product/deposit/ProductDepositControl.js +0 -3
- package/dist/product-set/product/duration/ProductDurationControl.d.ts.map +1 -1
- package/dist/product-set/product/duration/ProductDurationControl.js +0 -6
- package/dist/product-set/product/price/ProductPriceControl.d.ts.map +1 -1
- package/dist/product-set/product/price/ProductPriceControl.js +0 -3
- package/dist/product-set/product/quantity/ProductQuantityConstantControl.d.ts.map +1 -1
- package/dist/product-set/product/quantity/ProductQuantityConstantControl.js +0 -6
- package/dist/product-set/product/quantity/ProductQuantityControl.d.ts.map +1 -1
- package/dist/product-set/product/quantity/ProductQuantityControl.js +0 -6
- package/dist/product-set/product/quantity/ProductQuantityRechargingControl.d.ts.map +1 -1
- package/dist/product-set/product/quantity/ProductQuantityRechargingControl.js +1 -4
- package/dist/product-set/product-category/ProductCategoryControl.d.ts.map +1 -1
- package/dist/product-set/product-category/ProductCategoryControl.js +0 -12
- package/dist/product-set/utils/index.d.ts +1 -5
- package/dist/product-set/utils/index.d.ts.map +1 -1
- package/dist/recurrence-input/RecurrenceEndInput.d.ts.map +1 -1
- package/dist/recurrence-input/RecurrenceEndInput.js +0 -3
- package/dist/recurring-date-picker-input/RecurrenceEndInput.d.ts.map +1 -1
- package/dist/resource/form/components/CapacityControl.d.ts.map +1 -1
- package/dist/resource/form/components/CapacityControl.js +0 -3
- package/dist/resource/form/components/SortControl.d.ts.map +1 -1
- package/dist/resource/form/components/SortControl.js +0 -3
- package/dist/sales/booking/results/components/ResultCard.d.ts.map +1 -1
- package/dist/sales/booking/results/components/ResultCard.js +2 -0
- package/dist/sales/coupon/control/CouponFormControl.d.ts.map +1 -1
- package/dist/sales/coupon/control/CouponFormControl.js +0 -21
- package/dist/setting/dashboard/DashboardSettingForm.d.ts.map +1 -1
- package/dist/setting/dashboard/DashboardSettingForm.js +1 -4
- package/dist/sortable-tree/SortableTreeItem.d.ts.map +1 -1
- package/dist/static/CurrencyNumberInput.d.ts.map +1 -1
- package/dist/static/CurrencyNumberInput.js +0 -3
- package/dist/static/form-number-input/FormNumberInput.d.ts.map +1 -1
- package/dist/static/form-number-input/FormNumberInput.js +0 -3
- package/dist/static/number-input/NumberInput.d.ts.map +1 -1
- package/dist/static/number-input/NumberInput.js +0 -3
- package/dist/styles/form/CustomCheckbox.scss +0 -31
- package/dist/styles/iframe-events/Calendar.scss +1 -1
- package/dist/styles/iframe-external-modal/IframeExternalModal.scss +2 -2
- package/dist/styles/product-set/ProductSetForm.scss +3 -2
- package/dist/styles/ryft-payment-form/RyftPaymentForm.scss +3 -1
- package/dist/styles/sales/BookingResults.scss +1 -1
- package/dist/zone/form/components/GameDurationControl.d.ts.map +1 -1
- package/dist/zone/form/components/GameDurationControl.js +0 -3
- package/dist/zone/form/components/SortControl.d.ts.map +1 -1
- package/dist/zone/form/components/SortControl.js +0 -3
- package/package.json +6 -8
- package/src/affiliate/form/AffiliateForm.tsx +0 -1
- package/src/auth/Login/LoginComponent.tsx +1 -1
- package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx +7 -15
- package/src/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.tsx +0 -3
- package/src/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.tsx +0 -3
- package/src/events/edit-event-modal/utils/getDefaultProductSet.ts +1 -1
- package/src/events/event-statistic-modal/EventStatisticModal.tsx +1 -3
- package/src/events/event-statistic-modal/hooks/useTableData.tsx +1 -2
- package/src/events/event-statistic-modal/utils/index.ts +4 -4
- package/src/events/event-venue-map/EventVenueMap.tsx +0 -1
- package/src/events/event-venue-map/hooks/useCanvasSize.ts +1 -5
- package/src/iframe/ProductWithModifierModal/ModifierSetModal/ProductWithModifierSetModal.tsx +2 -2
- package/src/iframe/ProductWithModifierModal/ModifierSetModal/controll/ModifierSetControll.tsx +13 -5
- package/src/iframe/order-process/components/BookingSummary/components/ProductSummary/ProductSummary.tsx +0 -1
- package/src/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.tsx +0 -9
- package/src/iframe/payment/order-items-table/utils/paymentSummary.tsx +0 -1
- package/src/iframe/ryft/utils/ryft-form.ts +5 -6
- package/src/layout/DropDown.tsx +1 -1
- package/src/notification/email-template/control/EmailTemplateControl.tsx +0 -1
- package/src/product-set/control/ProductSetControl.tsx +0 -17
- package/src/product-set/form/ProductCategoriesControl.tsx +0 -3
- package/src/product-set/form/ProductSetForm.tsx +6 -10
- package/src/product-set/form/ProductZonesControl.tsx +4 -1
- package/src/product-set/form/ProductsControl.tsx +7 -6
- package/src/product-set/form/StepsControl.tsx +3 -4
- package/src/product-set/form/SubProductsControl.tsx +3 -1
- package/src/product-set/form/VenueMapsControl.tsx +3 -0
- package/src/product-set/form/context.tsx +5 -2
- package/src/product-set/product/ProductControl.tsx +18 -57
- package/src/product-set/product/advanced-options/AdvancedOptions.tsx +1 -1
- package/src/product-set/product/booking-management/ProductBookingManagementControl.tsx +0 -2
- package/src/product-set/product/deposit/ProductDepositControl.tsx +0 -1
- package/src/product-set/product/duration/ProductDurationControl.tsx +0 -2
- package/src/product-set/product/price/ProductPriceControl.tsx +0 -1
- package/src/product-set/product/quantity/ProductQuantityConstantControl.tsx +0 -2
- package/src/product-set/product/quantity/ProductQuantityControl.tsx +0 -2
- package/src/product-set/product/quantity/ProductQuantityRechargingControl.tsx +0 -1
- package/src/product-set/product-category/ProductCategoryControl.tsx +0 -4
- package/src/product-set/product-zone/ProductZoneControl.tsx +1 -1
- package/src/recurrence-input/RecurrenceEndInput.tsx +0 -1
- package/src/recurring-date-picker-input/RecurrenceEndInput.tsx +0 -1
- package/src/resource/form/components/CapacityControl.tsx +0 -1
- package/src/resource/form/components/SortControl.tsx +0 -1
- package/src/sales/booking/results/components/ResultCard.tsx +2 -0
- package/src/sales/coupon/control/CouponFormControl.tsx +0 -7
- package/src/setting/dashboard/DashboardSettingForm.tsx +0 -1
- package/src/sortable-tree/SortableTreeItem.tsx +6 -1
- package/src/static/CurrencyNumberInput.tsx +0 -1
- package/src/static/form-number-input/FormNumberInput.tsx +0 -1
- package/src/static/number-input/NumberInput.tsx +0 -1
- package/src/styles/form/CustomCheckbox.scss +0 -31
- package/src/styles/iframe-events/Calendar.scss +1 -1
- package/src/styles/iframe-external-modal/IframeExternalModal.scss +2 -2
- package/src/styles/product-set/ProductSetForm.scss +3 -2
- package/src/styles/ryft-payment-form/RyftPaymentForm.scss +3 -1
- package/src/styles/sales/BookingResults.scss +1 -1
- package/src/zone/form/components/GameDurationControl.tsx +0 -1
- package/src/zone/form/components/SortControl.tsx +0 -1
- package/yarn.lock +847 -827
- package/dist/product-set/product/scanRange/ProductScanRangeControl.d.ts +0 -12
- package/dist/product-set/product/scanRange/ProductScanRangeControl.d.ts.map +0 -1
- package/dist/product-set/product/scanRange/ProductScanRangeControl.js +0 -153
- package/dist/product-set/product/scanRange/index.d.ts +0 -2
- package/dist/product-set/product/scanRange/index.d.ts.map +0 -1
- package/src/product-set/product/scanRange/ProductScanRangeControl.stories.ts +0 -45
- package/src/product-set/product/scanRange/ProductScanRangeControl.tsx +0 -163
- package/src/product-set/product/scanRange/index.ts +0 -1
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { FieldNamePrefixPath, FormValues } from '@licklist/plugins/dist/types/services/Form/hook-form-service';
|
|
2
|
-
export interface ProductScanRangeControlValues extends FormValues {
|
|
3
|
-
scanRangeStart: number;
|
|
4
|
-
scanRangeEnd: number;
|
|
5
|
-
}
|
|
6
|
-
export interface ProductScanRangeControlProps<T> extends FieldNamePrefixPath<T> {
|
|
7
|
-
isLoading: boolean;
|
|
8
|
-
onFocus?: (e: React.SyntheticEvent) => void;
|
|
9
|
-
isOverrides?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare function ProductScanRangeControl<T extends FormValues>(props: ProductScanRangeControlProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
//# sourceMappingURL=ProductScanRangeControl.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProductScanRangeControl.d.ts","sourceRoot":"","sources":["../../../../src/product-set/product/scanRange/ProductScanRangeControl.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EACnB,UAAU,EACX,MAAM,8DAA8D,CAAA;AAWrE,MAAM,WAAW,6BAA8B,SAAQ,UAAU;IAC/D,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,4BAA4B,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC7E,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,UAAU,EAC1D,KAAK,EAAE,4BAA4B,CAAC,CAAC,CAAC,2CAuIvC"}
|
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService';
|
|
3
|
-
import { useId } from '@react-aria/utils';
|
|
4
|
-
import { Form } from 'react-bootstrap';
|
|
5
|
-
import Col from 'react-bootstrap/Col';
|
|
6
|
-
import InputGroup from 'react-bootstrap/InputGroup';
|
|
7
|
-
import Row from 'react-bootstrap/Row';
|
|
8
|
-
import { useFormContext, Controller } from 'react-hook-form';
|
|
9
|
-
import { useTranslation } from 'react-i18next';
|
|
10
|
-
import { ReactComponent as SvgIncrement } from '../../../assets/dashboard/increment.svg.js';
|
|
11
|
-
|
|
12
|
-
function ProductScanRangeControl(props) {
|
|
13
|
-
var _props_isLoading = props.isLoading, isLoading = _props_isLoading === void 0 ? false : _props_isLoading, fieldNamePrefix = props.fieldNamePrefix, onFocus = props.onFocus, isOverrides = props.isOverrides;
|
|
14
|
-
var _useFormContext = useFormContext(), control = _useFormContext.control, errors = _useFormContext.formState.errors, setValue = _useFormContext.setValue, watch = _useFormContext.watch;
|
|
15
|
-
var t = useTranslation('Design').t;
|
|
16
|
-
var scanRangeStartId = useId();
|
|
17
|
-
var scanRangeEndId = useId();
|
|
18
|
-
var scanRangeStartValue = watch("".concat(fieldNamePrefix, ".scanRangeStart"));
|
|
19
|
-
var scanRangeEndValue = watch("".concat(fieldNamePrefix, ".scanRangeEnd"));
|
|
20
|
-
return /*#__PURE__*/ jsxs(Fragment, {
|
|
21
|
-
children: [
|
|
22
|
-
/*#__PURE__*/ jsx(Form.Label, {
|
|
23
|
-
children: t('scanningRange')
|
|
24
|
-
}),
|
|
25
|
-
/*#__PURE__*/ jsxs(Row, {
|
|
26
|
-
children: [
|
|
27
|
-
/*#__PURE__*/ jsx(Col, {
|
|
28
|
-
xs: 12,
|
|
29
|
-
sm: 6,
|
|
30
|
-
children: /*#__PURE__*/ jsxs(Form.Group, {
|
|
31
|
-
controlId: scanRangeStartId,
|
|
32
|
-
children: [
|
|
33
|
-
/*#__PURE__*/ jsx(Form.Label, {
|
|
34
|
-
children: t('beforeEventStart')
|
|
35
|
-
}),
|
|
36
|
-
/*#__PURE__*/ jsxs(InputGroup, {
|
|
37
|
-
hasValidation: true,
|
|
38
|
-
children: [
|
|
39
|
-
/*#__PURE__*/ jsx(InputGroup.Prepend, {
|
|
40
|
-
className: "arrow-up-btn",
|
|
41
|
-
onClick: function() {
|
|
42
|
-
setValue("".concat(fieldNamePrefix, ".scanRangeStart"), Number(scanRangeStartValue) + 1);
|
|
43
|
-
},
|
|
44
|
-
children: /*#__PURE__*/ jsx(InputGroup.Text, {
|
|
45
|
-
className: "py-0 px-3",
|
|
46
|
-
children: /*#__PURE__*/ jsx(SvgIncrement, {})
|
|
47
|
-
})
|
|
48
|
-
}),
|
|
49
|
-
/*#__PURE__*/ jsx(Controller, {
|
|
50
|
-
render: function(param) {
|
|
51
|
-
var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange, ref = _param_field.ref;
|
|
52
|
-
return /*#__PURE__*/ jsx(Form.Control, {
|
|
53
|
-
ref: ref,
|
|
54
|
-
type: "number",
|
|
55
|
-
min: 0,
|
|
56
|
-
step: 1,
|
|
57
|
-
onWheel: function(event) {
|
|
58
|
-
return event.currentTarget.blur();
|
|
59
|
-
},
|
|
60
|
-
value: value,
|
|
61
|
-
onChange: onChange,
|
|
62
|
-
onFocus: onFocus,
|
|
63
|
-
disabled: isLoading || isOverrides
|
|
64
|
-
});
|
|
65
|
-
},
|
|
66
|
-
control: control,
|
|
67
|
-
name: "".concat(fieldNamePrefix, ".scanRangeStart"),
|
|
68
|
-
rules: {
|
|
69
|
-
min: {
|
|
70
|
-
value: 0,
|
|
71
|
-
message: t('Validation:fieldMinNumber', {
|
|
72
|
-
attribute: t('scanRangeStart'),
|
|
73
|
-
min: 0
|
|
74
|
-
})
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}),
|
|
78
|
-
/*#__PURE__*/ jsx(Form.Control.Feedback, {
|
|
79
|
-
type: "invalid",
|
|
80
|
-
children: HookFormService.getErrors("".concat(fieldNamePrefix, ".scanRangeStart"), errors)
|
|
81
|
-
})
|
|
82
|
-
]
|
|
83
|
-
})
|
|
84
|
-
]
|
|
85
|
-
})
|
|
86
|
-
}),
|
|
87
|
-
/*#__PURE__*/ jsx(Col, {
|
|
88
|
-
xs: 12,
|
|
89
|
-
sm: 6,
|
|
90
|
-
children: /*#__PURE__*/ jsxs(Form.Group, {
|
|
91
|
-
controlId: scanRangeEndId,
|
|
92
|
-
children: [
|
|
93
|
-
/*#__PURE__*/ jsx(Form.Label, {
|
|
94
|
-
children: t('AfterEventStart')
|
|
95
|
-
}),
|
|
96
|
-
/*#__PURE__*/ jsxs(InputGroup, {
|
|
97
|
-
hasValidation: true,
|
|
98
|
-
children: [
|
|
99
|
-
/*#__PURE__*/ jsx(InputGroup.Prepend, {
|
|
100
|
-
className: "arrow-up-btn",
|
|
101
|
-
onClick: function() {
|
|
102
|
-
setValue("".concat(fieldNamePrefix, ".scanRangeEnd"), Number(scanRangeEndValue) + 1);
|
|
103
|
-
},
|
|
104
|
-
children: /*#__PURE__*/ jsx(InputGroup.Text, {
|
|
105
|
-
className: "py-0 px-3",
|
|
106
|
-
children: /*#__PURE__*/ jsx(SvgIncrement, {})
|
|
107
|
-
})
|
|
108
|
-
}),
|
|
109
|
-
/*#__PURE__*/ jsx(Controller, {
|
|
110
|
-
render: function(param) {
|
|
111
|
-
var _param_field = param.field, value = _param_field.value, onChange = _param_field.onChange, ref = _param_field.ref;
|
|
112
|
-
return /*#__PURE__*/ jsx(Form.Control, {
|
|
113
|
-
ref: ref,
|
|
114
|
-
type: "number",
|
|
115
|
-
min: 0,
|
|
116
|
-
step: 1,
|
|
117
|
-
onWheel: function(event) {
|
|
118
|
-
return event.currentTarget.blur();
|
|
119
|
-
},
|
|
120
|
-
value: value && value,
|
|
121
|
-
onFocus: onFocus,
|
|
122
|
-
onChange: onChange,
|
|
123
|
-
disabled: isLoading || isOverrides
|
|
124
|
-
});
|
|
125
|
-
},
|
|
126
|
-
control: control,
|
|
127
|
-
name: "".concat(fieldNamePrefix, ".scanRangeEnd"),
|
|
128
|
-
rules: {
|
|
129
|
-
min: {
|
|
130
|
-
value: 0,
|
|
131
|
-
message: t('Validation:fieldMinNumber', {
|
|
132
|
-
attribute: t('scanRangeEnd'),
|
|
133
|
-
min: 0
|
|
134
|
-
})
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
}),
|
|
138
|
-
/*#__PURE__*/ jsx(Form.Control.Feedback, {
|
|
139
|
-
type: "invalid",
|
|
140
|
-
children: HookFormService.getErrors("".concat(fieldNamePrefix, ".scanRangeEnd"), errors)
|
|
141
|
-
})
|
|
142
|
-
]
|
|
143
|
-
})
|
|
144
|
-
]
|
|
145
|
-
})
|
|
146
|
-
})
|
|
147
|
-
]
|
|
148
|
-
})
|
|
149
|
-
]
|
|
150
|
-
});
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
export { ProductScanRangeControl };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/product-set/product/scanRange/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
// ProductScanRangeControl.stories.tsx
|
|
2
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
-
import { FormProvider, useForm } from 'react-hook-form';
|
|
4
|
-
import Form from 'react-bootstrap/Form';
|
|
5
|
-
|
|
6
|
-
import {
|
|
7
|
-
ProductScanRangeControl,
|
|
8
|
-
ProductScanRangeControlProps,
|
|
9
|
-
ProductScanRangeControlValues,
|
|
10
|
-
} from './ProductScanRangeControl';
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
const meta: Meta<typeof ProductScanRangeControl> = {
|
|
14
|
-
title: 'Product Set/Product/Scan Range',
|
|
15
|
-
component: ProductScanRangeControl,
|
|
16
|
-
};
|
|
17
|
-
export default meta;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
type Story = StoryObj<typeof ProductScanRangeControl>;
|
|
21
|
-
|
|
22
|
-
export const Default: Story = {
|
|
23
|
-
args: {
|
|
24
|
-
isLoading: false,
|
|
25
|
-
},
|
|
26
|
-
|
|
27
|
-
render: (args: ProductScanRangeControlProps<{}>) => {
|
|
28
|
-
const methods = useForm<ProductScanRangeControlValues>({ mode: 'onChange' });
|
|
29
|
-
const onSubmit = (data: ProductScanRangeControlValues) =>
|
|
30
|
-
console.log('onSubmit', data);
|
|
31
|
-
|
|
32
|
-
return (
|
|
33
|
-
<FormProvider {...methods}>
|
|
34
|
-
<Form
|
|
35
|
-
className="d-flex flex-column"
|
|
36
|
-
noValidate
|
|
37
|
-
onSubmit={methods.handleSubmit(onSubmit)}
|
|
38
|
-
>
|
|
39
|
-
<ProductScanRangeControl {...args} />
|
|
40
|
-
</Form>
|
|
41
|
-
</FormProvider>
|
|
42
|
-
);
|
|
43
|
-
},
|
|
44
|
-
};
|
|
45
|
-
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService'
|
|
2
|
-
import {
|
|
3
|
-
FieldNamePrefixPath,
|
|
4
|
-
FormValues,
|
|
5
|
-
} from '@licklist/plugins/dist/types/services/Form/hook-form-service'
|
|
6
|
-
import { useId } from '@react-aria/utils'
|
|
7
|
-
import { Form } from 'react-bootstrap'
|
|
8
|
-
import Col from 'react-bootstrap/Col'
|
|
9
|
-
import InputGroup from 'react-bootstrap/InputGroup'
|
|
10
|
-
import Row from 'react-bootstrap/Row'
|
|
11
|
-
import { Controller, Path, useFormContext } from 'react-hook-form'
|
|
12
|
-
import { useTranslation } from 'react-i18next'
|
|
13
|
-
|
|
14
|
-
import { ReactComponent as IncrementIcon } from '../../../assets/dashboard/increment.svg'
|
|
15
|
-
|
|
16
|
-
export interface ProductScanRangeControlValues extends FormValues {
|
|
17
|
-
scanRangeStart: number
|
|
18
|
-
scanRangeEnd: number
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export interface ProductScanRangeControlProps<T> extends FieldNamePrefixPath<T> {
|
|
22
|
-
isLoading: boolean
|
|
23
|
-
onFocus?: (e: React.SyntheticEvent) => void
|
|
24
|
-
isOverrides?: boolean
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export function ProductScanRangeControl<T extends FormValues>(
|
|
28
|
-
props: ProductScanRangeControlProps<T>,
|
|
29
|
-
) {
|
|
30
|
-
const { isLoading = false, fieldNamePrefix, onFocus, isOverrides } = props
|
|
31
|
-
const {
|
|
32
|
-
control,
|
|
33
|
-
formState: { errors },
|
|
34
|
-
setValue,
|
|
35
|
-
watch
|
|
36
|
-
} = useFormContext<T>()
|
|
37
|
-
const { t } = useTranslation('Design')
|
|
38
|
-
|
|
39
|
-
const scanRangeStartId = useId()
|
|
40
|
-
const scanRangeEndId = useId()
|
|
41
|
-
|
|
42
|
-
const scanRangeStartValue = watch(`${fieldNamePrefix}.scanRangeStart` as Path<T>)
|
|
43
|
-
const scanRangeEndValue = watch(`${fieldNamePrefix}.scanRangeEnd` as Path<T>)
|
|
44
|
-
|
|
45
|
-
return (
|
|
46
|
-
<>
|
|
47
|
-
<Form.Label>{t('scanningRange')}</Form.Label>
|
|
48
|
-
<Row>
|
|
49
|
-
<Col xs={12} sm={6}>
|
|
50
|
-
<Form.Group controlId={scanRangeStartId}>
|
|
51
|
-
<Form.Label>{t('beforeEventStart')}</Form.Label>
|
|
52
|
-
|
|
53
|
-
<InputGroup hasValidation>
|
|
54
|
-
<InputGroup.Prepend
|
|
55
|
-
className='arrow-up-btn'
|
|
56
|
-
onClick={() => {
|
|
57
|
-
setValue(
|
|
58
|
-
`${fieldNamePrefix}.scanRangeStart` as Path<T>,
|
|
59
|
-
(Number(scanRangeStartValue) + 1) as any,
|
|
60
|
-
)
|
|
61
|
-
}}
|
|
62
|
-
>
|
|
63
|
-
<InputGroup.Text className='py-0 px-3'>
|
|
64
|
-
<IncrementIcon />
|
|
65
|
-
</InputGroup.Text>
|
|
66
|
-
</InputGroup.Prepend>
|
|
67
|
-
|
|
68
|
-
<Controller
|
|
69
|
-
render={({ field: { value, onChange, ref } }) => (
|
|
70
|
-
<Form.Control
|
|
71
|
-
ref={ref}
|
|
72
|
-
type='number'
|
|
73
|
-
min={0}
|
|
74
|
-
step={1}
|
|
75
|
-
onWheel={(event) => event.currentTarget.blur()}
|
|
76
|
-
value={value as string}
|
|
77
|
-
onChange={onChange}
|
|
78
|
-
onFocus={onFocus}
|
|
79
|
-
disabled={isLoading || isOverrides}
|
|
80
|
-
/>
|
|
81
|
-
)}
|
|
82
|
-
control={control}
|
|
83
|
-
name={`${fieldNamePrefix}.scanRangeStart` as Path<T>}
|
|
84
|
-
rules={{
|
|
85
|
-
min: {
|
|
86
|
-
value: 0,
|
|
87
|
-
message: t('Validation:fieldMinNumber', {
|
|
88
|
-
attribute: t('scanRangeStart'),
|
|
89
|
-
min: 0,
|
|
90
|
-
}) as string,
|
|
91
|
-
},
|
|
92
|
-
}}
|
|
93
|
-
/>
|
|
94
|
-
|
|
95
|
-
<Form.Control.Feedback type='invalid'>
|
|
96
|
-
{HookFormService.getErrors<T>(
|
|
97
|
-
`${fieldNamePrefix}.scanRangeStart` as Path<T>,
|
|
98
|
-
errors,
|
|
99
|
-
)}
|
|
100
|
-
</Form.Control.Feedback>
|
|
101
|
-
</InputGroup>
|
|
102
|
-
</Form.Group>
|
|
103
|
-
</Col>
|
|
104
|
-
|
|
105
|
-
<Col xs={12} sm={6}>
|
|
106
|
-
<Form.Group controlId={scanRangeEndId}>
|
|
107
|
-
<Form.Label>{t('AfterEventStart')}</Form.Label>
|
|
108
|
-
|
|
109
|
-
<InputGroup hasValidation>
|
|
110
|
-
<InputGroup.Prepend
|
|
111
|
-
className='arrow-up-btn'
|
|
112
|
-
onClick={() => {
|
|
113
|
-
setValue(
|
|
114
|
-
`${fieldNamePrefix}.scanRangeEnd` as Path<T>,
|
|
115
|
-
(Number(scanRangeEndValue) + 1) as any,
|
|
116
|
-
)
|
|
117
|
-
}}
|
|
118
|
-
>
|
|
119
|
-
<InputGroup.Text className='py-0 px-3'>
|
|
120
|
-
<IncrementIcon />
|
|
121
|
-
</InputGroup.Text>
|
|
122
|
-
</InputGroup.Prepend>
|
|
123
|
-
|
|
124
|
-
<Controller
|
|
125
|
-
render={({ field: { value, onChange, ref } }) => (
|
|
126
|
-
<Form.Control
|
|
127
|
-
ref={ref}
|
|
128
|
-
type='number'
|
|
129
|
-
min={0}
|
|
130
|
-
step={1}
|
|
131
|
-
onWheel={(event) => event.currentTarget.blur()}
|
|
132
|
-
value={value && (value as string)}
|
|
133
|
-
onFocus={onFocus}
|
|
134
|
-
onChange={onChange}
|
|
135
|
-
disabled={isLoading || isOverrides}
|
|
136
|
-
/>
|
|
137
|
-
)}
|
|
138
|
-
control={control}
|
|
139
|
-
name={`${fieldNamePrefix}.scanRangeEnd` as Path<T>}
|
|
140
|
-
rules={{
|
|
141
|
-
min: {
|
|
142
|
-
value: 0,
|
|
143
|
-
message: t('Validation:fieldMinNumber', {
|
|
144
|
-
attribute: t('scanRangeEnd'),
|
|
145
|
-
min: 0,
|
|
146
|
-
}) as string,
|
|
147
|
-
},
|
|
148
|
-
}}
|
|
149
|
-
/>
|
|
150
|
-
|
|
151
|
-
<Form.Control.Feedback type='invalid'>
|
|
152
|
-
{HookFormService.getErrors<T>(
|
|
153
|
-
`${fieldNamePrefix}.scanRangeEnd` as Path<T>,
|
|
154
|
-
errors,
|
|
155
|
-
)}
|
|
156
|
-
</Form.Control.Feedback>
|
|
157
|
-
</InputGroup>
|
|
158
|
-
</Form.Group>
|
|
159
|
-
</Col>
|
|
160
|
-
</Row>
|
|
161
|
-
</>
|
|
162
|
-
)
|
|
163
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ProductScanRangeControl'
|