@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.
Files changed (179) hide show
  1. package/dist/affiliate/form/AffiliateForm.d.ts.map +1 -1
  2. package/dist/assets/dashboard/chartBar.svg.js +2 -2
  3. package/dist/auth/Login/LoginComponent.js +1 -2
  4. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts +1 -2
  5. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts.map +1 -1
  6. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.js +2 -3
  7. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts +1 -2
  8. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts.map +1 -1
  9. package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.js +2 -3
  10. package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.d.ts +1 -2
  11. package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.d.ts.map +1 -1
  12. package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.js +4 -6
  13. package/dist/events/edit-event-modal/utils/getDefaultProductSet.js +1 -1
  14. package/dist/events/event-statistic-modal/EventStatisticModal.d.ts +1 -2
  15. package/dist/events/event-statistic-modal/EventStatisticModal.d.ts.map +1 -1
  16. package/dist/events/event-statistic-modal/EventStatisticModal.js +2 -2
  17. package/dist/events/event-statistic-modal/hooks/useTableData.d.ts +1 -1
  18. package/dist/events/event-statistic-modal/hooks/useTableData.d.ts.map +1 -1
  19. package/dist/events/event-statistic-modal/hooks/useTableData.js +1 -2
  20. package/dist/events/event-statistic-modal/utils/index.js +3 -3
  21. package/dist/events/event-venue-map/EventVenueMap.d.ts.map +1 -1
  22. package/dist/events/event-venue-map/EventVenueMap.js +0 -1
  23. package/dist/events/event-venue-map/hooks/useCanvasSize.d.ts.map +1 -1
  24. package/dist/events/event-venue-map/hooks/useCanvasSize.js +4 -11
  25. package/dist/iframe/ProductWithModifierModal/ModifierSetModal/ProductWithModifierSetModal.js +3 -2
  26. package/dist/iframe/ProductWithModifierModal/ModifierSetModal/controll/ModifierSetControll.d.ts.map +1 -1
  27. package/dist/iframe/ProductWithModifierModal/ModifierSetModal/controll/ModifierSetControll.js +11 -4
  28. package/dist/iframe/order-process/components/BookingSummary/components/ProductSummary/ProductSummary.d.ts.map +1 -1
  29. package/dist/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.d.ts.map +1 -1
  30. package/dist/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js +0 -13
  31. package/dist/iframe/payment/order-items-table/utils/paymentSummary.d.ts.map +1 -1
  32. package/dist/iframe/ryft/utils/ryft-form.d.ts.map +1 -1
  33. package/dist/iframe/ryft/utils/ryft-form.js +5 -4
  34. package/dist/layout/DropDown.d.ts +1 -2
  35. package/dist/layout/DropDown.d.ts.map +1 -1
  36. package/dist/notification/email-template/control/EmailTemplateControl.d.ts.map +1 -1
  37. package/dist/notification/email-template/control/EmailTemplateControl.js +0 -3
  38. package/dist/product-set/control/ProductSetControl.d.ts +1 -4
  39. package/dist/product-set/control/ProductSetControl.d.ts.map +1 -1
  40. package/dist/product-set/control/ProductSetControl.js +2 -13
  41. package/dist/product-set/form/ProductCategoriesControl.d.ts +1 -2
  42. package/dist/product-set/form/ProductCategoriesControl.d.ts.map +1 -1
  43. package/dist/product-set/form/ProductCategoriesControl.js +2 -3
  44. package/dist/product-set/form/ProductSetForm.d.ts +4 -7
  45. package/dist/product-set/form/ProductSetForm.d.ts.map +1 -1
  46. package/dist/product-set/form/ProductSetForm.js +3 -5
  47. package/dist/product-set/form/ProductZonesControl.d.ts.map +1 -1
  48. package/dist/product-set/form/ProductZonesControl.js +2 -0
  49. package/dist/product-set/form/ProductsControl.d.ts +1 -2
  50. package/dist/product-set/form/ProductsControl.d.ts.map +1 -1
  51. package/dist/product-set/form/ProductsControl.js +3 -7
  52. package/dist/product-set/form/StepsControl.d.ts +1 -2
  53. package/dist/product-set/form/StepsControl.d.ts.map +1 -1
  54. package/dist/product-set/form/StepsControl.js +3 -5
  55. package/dist/product-set/form/SubProductsControl.d.ts.map +1 -1
  56. package/dist/product-set/form/SubProductsControl.js +3 -1
  57. package/dist/product-set/form/VenueMapsControl.d.ts.map +1 -1
  58. package/dist/product-set/form/VenueMapsControl.js +3 -0
  59. package/dist/product-set/form/context.d.ts +2 -1
  60. package/dist/product-set/form/context.d.ts.map +1 -1
  61. package/dist/product-set/product/ProductControl.d.ts +2 -6
  62. package/dist/product-set/product/ProductControl.d.ts.map +1 -1
  63. package/dist/product-set/product/ProductControl.js +1 -36
  64. package/dist/product-set/product/booking-management/ProductBookingManagementControl.d.ts.map +1 -1
  65. package/dist/product-set/product/booking-management/ProductBookingManagementControl.js +0 -6
  66. package/dist/product-set/product/deposit/ProductDepositControl.d.ts.map +1 -1
  67. package/dist/product-set/product/deposit/ProductDepositControl.js +0 -3
  68. package/dist/product-set/product/duration/ProductDurationControl.d.ts.map +1 -1
  69. package/dist/product-set/product/duration/ProductDurationControl.js +0 -6
  70. package/dist/product-set/product/price/ProductPriceControl.d.ts.map +1 -1
  71. package/dist/product-set/product/price/ProductPriceControl.js +0 -3
  72. package/dist/product-set/product/quantity/ProductQuantityConstantControl.d.ts.map +1 -1
  73. package/dist/product-set/product/quantity/ProductQuantityConstantControl.js +0 -6
  74. package/dist/product-set/product/quantity/ProductQuantityControl.d.ts.map +1 -1
  75. package/dist/product-set/product/quantity/ProductQuantityControl.js +0 -6
  76. package/dist/product-set/product/quantity/ProductQuantityRechargingControl.d.ts.map +1 -1
  77. package/dist/product-set/product/quantity/ProductQuantityRechargingControl.js +1 -4
  78. package/dist/product-set/product-category/ProductCategoryControl.d.ts.map +1 -1
  79. package/dist/product-set/product-category/ProductCategoryControl.js +0 -12
  80. package/dist/product-set/utils/index.d.ts +1 -5
  81. package/dist/product-set/utils/index.d.ts.map +1 -1
  82. package/dist/recurrence-input/RecurrenceEndInput.d.ts.map +1 -1
  83. package/dist/recurrence-input/RecurrenceEndInput.js +0 -3
  84. package/dist/recurring-date-picker-input/RecurrenceEndInput.d.ts.map +1 -1
  85. package/dist/resource/form/components/CapacityControl.d.ts.map +1 -1
  86. package/dist/resource/form/components/CapacityControl.js +0 -3
  87. package/dist/resource/form/components/SortControl.d.ts.map +1 -1
  88. package/dist/resource/form/components/SortControl.js +0 -3
  89. package/dist/sales/booking/results/components/ResultCard.d.ts.map +1 -1
  90. package/dist/sales/booking/results/components/ResultCard.js +2 -0
  91. package/dist/sales/coupon/control/CouponFormControl.d.ts.map +1 -1
  92. package/dist/sales/coupon/control/CouponFormControl.js +0 -21
  93. package/dist/setting/dashboard/DashboardSettingForm.d.ts.map +1 -1
  94. package/dist/setting/dashboard/DashboardSettingForm.js +1 -4
  95. package/dist/sortable-tree/SortableTreeItem.d.ts.map +1 -1
  96. package/dist/static/CurrencyNumberInput.d.ts.map +1 -1
  97. package/dist/static/CurrencyNumberInput.js +0 -3
  98. package/dist/static/form-number-input/FormNumberInput.d.ts.map +1 -1
  99. package/dist/static/form-number-input/FormNumberInput.js +0 -3
  100. package/dist/static/number-input/NumberInput.d.ts.map +1 -1
  101. package/dist/static/number-input/NumberInput.js +0 -3
  102. package/dist/styles/form/CustomCheckbox.scss +0 -31
  103. package/dist/styles/iframe-events/Calendar.scss +1 -1
  104. package/dist/styles/iframe-external-modal/IframeExternalModal.scss +2 -2
  105. package/dist/styles/product-set/ProductSetForm.scss +3 -2
  106. package/dist/styles/ryft-payment-form/RyftPaymentForm.scss +3 -1
  107. package/dist/styles/sales/BookingResults.scss +1 -1
  108. package/dist/zone/form/components/GameDurationControl.d.ts.map +1 -1
  109. package/dist/zone/form/components/GameDurationControl.js +0 -3
  110. package/dist/zone/form/components/SortControl.d.ts.map +1 -1
  111. package/dist/zone/form/components/SortControl.js +0 -3
  112. package/package.json +6 -8
  113. package/src/affiliate/form/AffiliateForm.tsx +0 -1
  114. package/src/auth/Login/LoginComponent.tsx +1 -1
  115. package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx +7 -15
  116. package/src/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.tsx +0 -3
  117. package/src/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.tsx +0 -3
  118. package/src/events/edit-event-modal/utils/getDefaultProductSet.ts +1 -1
  119. package/src/events/event-statistic-modal/EventStatisticModal.tsx +1 -3
  120. package/src/events/event-statistic-modal/hooks/useTableData.tsx +1 -2
  121. package/src/events/event-statistic-modal/utils/index.ts +4 -4
  122. package/src/events/event-venue-map/EventVenueMap.tsx +0 -1
  123. package/src/events/event-venue-map/hooks/useCanvasSize.ts +1 -5
  124. package/src/iframe/ProductWithModifierModal/ModifierSetModal/ProductWithModifierSetModal.tsx +2 -2
  125. package/src/iframe/ProductWithModifierModal/ModifierSetModal/controll/ModifierSetControll.tsx +13 -5
  126. package/src/iframe/order-process/components/BookingSummary/components/ProductSummary/ProductSummary.tsx +0 -1
  127. package/src/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.tsx +0 -9
  128. package/src/iframe/payment/order-items-table/utils/paymentSummary.tsx +0 -1
  129. package/src/iframe/ryft/utils/ryft-form.ts +5 -6
  130. package/src/layout/DropDown.tsx +1 -1
  131. package/src/notification/email-template/control/EmailTemplateControl.tsx +0 -1
  132. package/src/product-set/control/ProductSetControl.tsx +0 -17
  133. package/src/product-set/form/ProductCategoriesControl.tsx +0 -3
  134. package/src/product-set/form/ProductSetForm.tsx +6 -10
  135. package/src/product-set/form/ProductZonesControl.tsx +4 -1
  136. package/src/product-set/form/ProductsControl.tsx +7 -6
  137. package/src/product-set/form/StepsControl.tsx +3 -4
  138. package/src/product-set/form/SubProductsControl.tsx +3 -1
  139. package/src/product-set/form/VenueMapsControl.tsx +3 -0
  140. package/src/product-set/form/context.tsx +5 -2
  141. package/src/product-set/product/ProductControl.tsx +18 -57
  142. package/src/product-set/product/advanced-options/AdvancedOptions.tsx +1 -1
  143. package/src/product-set/product/booking-management/ProductBookingManagementControl.tsx +0 -2
  144. package/src/product-set/product/deposit/ProductDepositControl.tsx +0 -1
  145. package/src/product-set/product/duration/ProductDurationControl.tsx +0 -2
  146. package/src/product-set/product/price/ProductPriceControl.tsx +0 -1
  147. package/src/product-set/product/quantity/ProductQuantityConstantControl.tsx +0 -2
  148. package/src/product-set/product/quantity/ProductQuantityControl.tsx +0 -2
  149. package/src/product-set/product/quantity/ProductQuantityRechargingControl.tsx +0 -1
  150. package/src/product-set/product-category/ProductCategoryControl.tsx +0 -4
  151. package/src/product-set/product-zone/ProductZoneControl.tsx +1 -1
  152. package/src/recurrence-input/RecurrenceEndInput.tsx +0 -1
  153. package/src/recurring-date-picker-input/RecurrenceEndInput.tsx +0 -1
  154. package/src/resource/form/components/CapacityControl.tsx +0 -1
  155. package/src/resource/form/components/SortControl.tsx +0 -1
  156. package/src/sales/booking/results/components/ResultCard.tsx +2 -0
  157. package/src/sales/coupon/control/CouponFormControl.tsx +0 -7
  158. package/src/setting/dashboard/DashboardSettingForm.tsx +0 -1
  159. package/src/sortable-tree/SortableTreeItem.tsx +6 -1
  160. package/src/static/CurrencyNumberInput.tsx +0 -1
  161. package/src/static/form-number-input/FormNumberInput.tsx +0 -1
  162. package/src/static/number-input/NumberInput.tsx +0 -1
  163. package/src/styles/form/CustomCheckbox.scss +0 -31
  164. package/src/styles/iframe-events/Calendar.scss +1 -1
  165. package/src/styles/iframe-external-modal/IframeExternalModal.scss +2 -2
  166. package/src/styles/product-set/ProductSetForm.scss +3 -2
  167. package/src/styles/ryft-payment-form/RyftPaymentForm.scss +3 -1
  168. package/src/styles/sales/BookingResults.scss +1 -1
  169. package/src/zone/form/components/GameDurationControl.tsx +0 -1
  170. package/src/zone/form/components/SortControl.tsx +0 -1
  171. package/yarn.lock +847 -827
  172. package/dist/product-set/product/scanRange/ProductScanRangeControl.d.ts +0 -12
  173. package/dist/product-set/product/scanRange/ProductScanRangeControl.d.ts.map +0 -1
  174. package/dist/product-set/product/scanRange/ProductScanRangeControl.js +0 -153
  175. package/dist/product-set/product/scanRange/index.d.ts +0 -2
  176. package/dist/product-set/product/scanRange/index.d.ts.map +0 -1
  177. package/src/product-set/product/scanRange/ProductScanRangeControl.stories.ts +0 -45
  178. package/src/product-set/product/scanRange/ProductScanRangeControl.tsx +0 -163
  179. 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,2 +0,0 @@
1
- export * from './ProductScanRangeControl';
2
- //# sourceMappingURL=index.d.ts.map
@@ -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'