@yogiswara/honcho-editor-ui 3.3.1 → 3.3.3

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 (3) hide show
  1. package/dist/components/editor/HSliderColorMobile.js +5 -1
  2. package/dist/components/editor/HSliderLightMobile.js +7 -1
  3. package/package.json +1 -1
package/dist/components/editor/HSliderColorMobile.js CHANGED
@@ -109,7 +109,7 @@ export default function HSliderColorMobile(props) {
109
109
  borderBottom: 'none',
110
110
  pl: '2px',
111
111
  };
112
- return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1, m: "0px", userSelect: 'none' }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: tempInput.handleDoubleClick, children: "Temperature" }), _jsx(Typography, { sx: {
112
+ return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1, m: "0px", userSelect: 'none' }, onTouchStart: (e) => e.stopPropagation(), children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px', '&:focus-within .MuiFilledInput-input': focusedInputStyle }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: tempInput.handleDoubleClick, children: "Temperature" }), _jsx(Typography, { sx: {
113
113
  ...typography.bodyMedium, // Use your standard typography
114
114
  color: colors.surface,
115
115
  width: "40px", // Keep the fixed width for alignment
@@ -122,6 +122,7 @@ export default function HSliderColorMobile(props) {
122
122
  left: 0,
123
123
  right: 0,
124
124
  zIndex: 1,
125
+ touchAction: 'pan-y', // ✅ 1. Add this to make double-tap reliable on mobile
125
126
  userSelect: 'none',
126
127
  } }), _jsx(Slider, { sx: {
127
128
  width: "100%",
@@ -160,6 +161,7 @@ export default function HSliderColorMobile(props) {
160
161
  left: 0,
161
162
  right: 0,
162
163
  zIndex: 1,
164
+ touchAction: 'pan-y', // ✅ 1. Add this to make double-tap reliable on mobile
163
165
  userSelect: 'none',
164
166
  } }), _jsx(Slider, { sx: {
165
167
  width: "100%",
@@ -198,6 +200,7 @@ export default function HSliderColorMobile(props) {
198
200
  left: 0,
199
201
  right: 0,
200
202
  zIndex: 1,
203
+ touchAction: 'pan-y', // ✅ 1. Add this to make double-tap reliable on mobile
201
204
  userSelect: 'none',
202
205
  } }), _jsx(Slider, { sx: {
203
206
  width: "100%",
@@ -236,6 +239,7 @@ export default function HSliderColorMobile(props) {
236
239
  left: 0,
237
240
  right: 0,
238
241
  zIndex: 1,
242
+ touchAction: 'pan-y', // ✅ 1. Add this to make double-tap reliable on mobile
239
243
  userSelect: 'none',
240
244
  } }), _jsx(Slider, { sx: {
241
245
  width: "100%",
package/dist/components/editor/HSliderLightMobile.js CHANGED
@@ -91,7 +91,7 @@ export default function HSliderLightMobile(props) {
91
91
  const shadowsInput = useAdjustmentField(props.shadowScore, (val) => props.onShadowsChange("shadowsScore", val), props.onDragStart, props.onDragEnd, props.isBatchMode);
92
92
  const whitesInput = useAdjustmentField(props.whiteScore, (val) => props.onWhitesChange("whitesScore", val), props.onDragStart, props.onDragEnd, props.isBatchMode);
93
93
  const blacksInput = useAdjustmentField(props.blackScore, (val) => props.onBlacksChange("blacksScore", val), props.onDragStart, props.onDragEnd, props.isBatchMode);
94
- return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1, userSelect: 'none' }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: exposureInput.handleDoubleClick, children: "Exposure" }), _jsx(Typography, { sx: {
94
+ return (_jsx(_Fragment, { children: _jsxs(Stack, { spacing: 0, direction: "column", sx: { width: '100%', paddingX: 1, userSelect: 'none' }, onTouchStart: (e) => e.stopPropagation(), children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { pt: '10px', pb: '0px' }, children: [_jsx(Typography, { sx: { ...typography.bodyMedium, color: colors.surface, userSelect: 'none' }, onDoubleClick: exposureInput.handleDoubleClick, children: "Exposure" }), _jsx(Typography, { sx: {
95
95
  ...typography.bodyMedium, // Use your standard typography
96
96
  color: colors.surface,
97
97
  width: "40px", // Keep the fixed width for alignment
@@ -104,6 +104,7 @@ export default function HSliderLightMobile(props) {
104
104
  left: 0,
105
105
  right: 0,
106
106
  zIndex: 1,
107
+ touchAction: 'pan-y', // ✅ 1. Add this to make double-tap reliable on mobile
107
108
  userSelect: 'none',
108
109
  } }), _jsx(Slider, { sx: {
109
110
  width: "100%",
@@ -143,6 +144,7 @@ export default function HSliderLightMobile(props) {
143
144
  left: 0,
144
145
  right: 0,
145
146
  zIndex: 1,
147
+ touchAction: 'pan-y', // ✅ 1. Add this to make double-tap reliable on mobile
146
148
  userSelect: 'none',
147
149
  } }), _jsx(Slider, { sx: {
148
150
  width: "100%",
@@ -182,6 +184,7 @@ export default function HSliderLightMobile(props) {
182
184
  left: 0,
183
185
  right: 0,
184
186
  zIndex: 1,
187
+ touchAction: 'pan-y', // ✅ 1. Add this to make double-tap reliable on mobile
185
188
  userSelect: 'none',
186
189
  } }), _jsx(Slider, { sx: {
187
190
  width: "100%",
@@ -221,6 +224,7 @@ export default function HSliderLightMobile(props) {
221
224
  left: 0,
222
225
  right: 0,
223
226
  zIndex: 1,
227
+ touchAction: 'pan-y', // ✅ 1. Add this to make double-tap reliable on mobile
224
228
  userSelect: 'none',
225
229
  } }), _jsx(Slider, { sx: {
226
230
  width: "100%",
@@ -260,6 +264,7 @@ export default function HSliderLightMobile(props) {
260
264
  left: 0,
261
265
  right: 0,
262
266
  zIndex: 1,
267
+ touchAction: 'pan-y', // ✅ 1. Add this to make double-tap reliable on mobile
263
268
  userSelect: 'none',
264
269
  } }), _jsx(Slider, { sx: {
265
270
  width: "100%",
@@ -299,6 +304,7 @@ export default function HSliderLightMobile(props) {
299
304
  left: 0,
300
305
  right: 0,
301
306
  zIndex: 1,
307
+ touchAction: 'pan-y', // ✅ 1. Add this to make double-tap reliable on mobile
302
308
  userSelect: 'none',
303
309
  } }), _jsx(Slider, { sx: {
304
310
  width: "100%",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yogiswara/honcho-editor-ui",
3
- "version": "3.3.1",
3
+ "version": "3.3.3",
4
4
  "description": "A complete UI component library for the Honcho photo editor.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",