catchup-library-web 2.6.15 → 2.6.17

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 (8) hide show
  1. package/dist/index.js +10 -3
  2. package/dist/index.mjs +10 -3
  3. package/package.json +1 -1
  4. package/src/components/activities/material-contents/FillInTheBlanksActivityMaterialContent.tsx +1 -0
  5. package/src/components/activities/material-contents/GroupingActivityMaterialContent.tsx +1 -1
  6. package/src/components/activities/material-contents/MatchingActivityMaterialContent.tsx +1 -1
  7. package/src/components/activities/material-contents/OrderingActivityMaterialContent.tsx +1 -0
  8. package/src/components/groups/InputGroup.tsx +6 -0
package/dist/index.js CHANGED
@@ -4181,7 +4181,8 @@ var InputGroup = ({
4181
4181
  borderRadius: 16,
4182
4182
  paddingTop: 10,
4183
4183
  paddingBottom: 10,
4184
- boxShadow: "0px 0px 6px 0px rgba(0, 0, 0, 0.25)"
4184
+ boxShadow: "0px 0px 6px 0px rgba(0, 0, 0, 0.25)",
4185
+ zIndex: 1e6
4185
4186
  }),
4186
4187
  option: (baseStyles, state) => __spreadProps(__spreadValues({}, baseStyles), {
4187
4188
  color: state.isSelected ? "#2b3a41" : "#2b3a41",
@@ -4197,8 +4198,12 @@ var InputGroup = ({
4197
4198
  "&:hover": {
4198
4199
  color: state.isFocused ? "#57c2d3" : "#55777f"
4199
4200
  }
4201
+ }),
4202
+ menuPortal: (baseStyles) => __spreadProps(__spreadValues({}, baseStyles), {
4203
+ zIndex: 1e6
4200
4204
  })
4201
4205
  },
4206
+ menuPortalTarget: document.body,
4202
4207
  components: {
4203
4208
  IndicatorSeparator: () => null
4204
4209
  },
@@ -5098,6 +5103,7 @@ var FillInTheBlanksActivityMaterialContent = ({
5098
5103
  "div",
5099
5104
  {
5100
5105
  className: "flex flex-col h-full",
5106
+ style: { touchAction: draggedOption ? "none" : "auto" },
5101
5107
  onMouseMove: handleMouseMove,
5102
5108
  onMouseUp: handleMouseUp,
5103
5109
  children: [
@@ -5596,7 +5602,7 @@ var GroupingActivityMaterialContent = ({
5596
5602
  }
5597
5603
  };
5598
5604
  const filteredMaterialList = retrieveFilteredMaterialList(displayAnswerMap);
5599
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col h-full", onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, children: [
5605
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col h-full", style: { touchAction: draggedValue ? "none" : "auto" }, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, children: [
5600
5606
  draggedValue && mousePosition.x > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
5601
5607
  "div",
5602
5608
  {
@@ -6051,7 +6057,7 @@ var MatchingActivityMaterialContent = ({
6051
6057
  }
6052
6058
  };
6053
6059
  const filteredMaterialList = retrieveFilteredMaterialList(displayAnswerMap);
6054
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col h-full", onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, children: [
6060
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col h-full", style: { touchAction: draggedValue ? "none" : "auto" }, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, children: [
6055
6061
  draggedValue && mousePosition.x > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
6056
6062
  "div",
6057
6063
  {
@@ -6964,6 +6970,7 @@ var OrderingActivityMaterialContent = ({
6964
6970
  "div",
6965
6971
  {
6966
6972
  className: "flex flex-col h-full",
6973
+ style: { touchAction: draggedKey ? "none" : "auto" },
6967
6974
  onMouseMove: handleMouseMove,
6968
6975
  onMouseUp: handleMouseUp,
6969
6976
  children: [
package/dist/index.mjs CHANGED
@@ -3943,7 +3943,8 @@ var InputGroup = ({
3943
3943
  borderRadius: 16,
3944
3944
  paddingTop: 10,
3945
3945
  paddingBottom: 10,
3946
- boxShadow: "0px 0px 6px 0px rgba(0, 0, 0, 0.25)"
3946
+ boxShadow: "0px 0px 6px 0px rgba(0, 0, 0, 0.25)",
3947
+ zIndex: 1e6
3947
3948
  }),
3948
3949
  option: (baseStyles, state) => __spreadProps(__spreadValues({}, baseStyles), {
3949
3950
  color: state.isSelected ? "#2b3a41" : "#2b3a41",
@@ -3959,8 +3960,12 @@ var InputGroup = ({
3959
3960
  "&:hover": {
3960
3961
  color: state.isFocused ? "#57c2d3" : "#55777f"
3961
3962
  }
3963
+ }),
3964
+ menuPortal: (baseStyles) => __spreadProps(__spreadValues({}, baseStyles), {
3965
+ zIndex: 1e6
3962
3966
  })
3963
3967
  },
3968
+ menuPortalTarget: document.body,
3964
3969
  components: {
3965
3970
  IndicatorSeparator: () => null
3966
3971
  },
@@ -4860,6 +4865,7 @@ var FillInTheBlanksActivityMaterialContent = ({
4860
4865
  "div",
4861
4866
  {
4862
4867
  className: "flex flex-col h-full",
4868
+ style: { touchAction: draggedOption ? "none" : "auto" },
4863
4869
  onMouseMove: handleMouseMove,
4864
4870
  onMouseUp: handleMouseUp,
4865
4871
  children: [
@@ -5358,7 +5364,7 @@ var GroupingActivityMaterialContent = ({
5358
5364
  }
5359
5365
  };
5360
5366
  const filteredMaterialList = retrieveFilteredMaterialList(displayAnswerMap);
5361
- return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col h-full", onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, children: [
5367
+ return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col h-full", style: { touchAction: draggedValue ? "none" : "auto" }, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, children: [
5362
5368
  draggedValue && mousePosition.x > 0 && /* @__PURE__ */ jsx32(
5363
5369
  "div",
5364
5370
  {
@@ -5813,7 +5819,7 @@ var MatchingActivityMaterialContent = ({
5813
5819
  }
5814
5820
  };
5815
5821
  const filteredMaterialList = retrieveFilteredMaterialList(displayAnswerMap);
5816
- return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col h-full", onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, children: [
5822
+ return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col h-full", style: { touchAction: draggedValue ? "none" : "auto" }, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, children: [
5817
5823
  draggedValue && mousePosition.x > 0 && /* @__PURE__ */ jsx34(
5818
5824
  "div",
5819
5825
  {
@@ -6726,6 +6732,7 @@ var OrderingActivityMaterialContent = ({
6726
6732
  "div",
6727
6733
  {
6728
6734
  className: "flex flex-col h-full",
6735
+ style: { touchAction: draggedKey ? "none" : "auto" },
6729
6736
  onMouseMove: handleMouseMove,
6730
6737
  onMouseUp: handleMouseUp,
6731
6738
  children: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "catchup-library-web",
3
- "version": "2.6.15",
3
+ "version": "2.6.17",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/components/activities/material-contents/FillInTheBlanksActivityMaterialContent.tsx CHANGED
@@ -188,6 +188,7 @@ const FillInTheBlanksActivityMaterialContent = ({
188
188
  return (
189
189
  <div
190
190
  className="flex flex-col h-full"
191
+ style={{ touchAction: draggedOption ? "none" : "auto" }}
191
192
  onMouseMove={handleMouseMove}
192
193
  onMouseUp={handleMouseUp}
193
194
  >
package/src/components/activities/material-contents/GroupingActivityMaterialContent.tsx CHANGED
@@ -266,7 +266,7 @@ const GroupingActivityMaterialContent = ({
266
266
  const filteredMaterialList = retrieveFilteredMaterialList(displayAnswerMap);
267
267
 
268
268
  return (
269
- <div className="flex flex-col h-full" onMouseMove={handleMouseMove} onMouseUp={handleMouseUp}>
269
+ <div className="flex flex-col h-full" style={{ touchAction: draggedValue ? "none" : "auto" }} onMouseMove={handleMouseMove} onMouseUp={handleMouseUp}>
270
270
  {/* Floating drag preview for mouse */}
271
271
  {draggedValue && mousePosition.x > 0 && (
272
272
  <div
package/src/components/activities/material-contents/MatchingActivityMaterialContent.tsx CHANGED
@@ -265,7 +265,7 @@ const MatchingActivityMaterialContent = ({
265
265
  const filteredMaterialList = retrieveFilteredMaterialList(displayAnswerMap);
266
266
 
267
267
  return (
268
- <div className="flex flex-col h-full" onMouseMove={handleMouseMove} onMouseUp={handleMouseUp}>
268
+ <div className="flex flex-col h-full" style={{ touchAction: draggedValue ? "none" : "auto" }} onMouseMove={handleMouseMove} onMouseUp={handleMouseUp}>
269
269
  {draggedValue && mousePosition.x > 0 && (
270
270
  <div
271
271
  className="fixed pointer-events-none z-50 opacity-80"
package/src/components/activities/material-contents/OrderingActivityMaterialContent.tsx CHANGED
@@ -166,6 +166,7 @@ const OrderingActivityMaterialContent = ({
166
166
  return (
167
167
  <div
168
168
  className="flex flex-col h-full"
169
+ style={{ touchAction: draggedKey ? "none" : "auto" }}
169
170
  onMouseMove={handleMouseMove}
170
171
  onMouseUp={handleMouseUp}
171
172
  >
package/src/components/groups/InputGroup.tsx CHANGED
@@ -358,6 +358,7 @@ const InputGroup = ({
358
358
  paddingTop: 10,
359
359
  paddingBottom: 10,
360
360
  boxShadow: "0px 0px 6px 0px rgba(0, 0, 0, 0.25)",
361
+ zIndex: 1000000,
361
362
  }),
362
363
  option: (baseStyles: any, state: any) => ({
363
364
  ...baseStyles,
@@ -376,7 +377,12 @@ const InputGroup = ({
376
377
  color: state.isFocused ? "#57c2d3" : "#55777f",
377
378
  },
378
379
  }),
380
+ menuPortal: (baseStyles: any) => ({
381
+ ...baseStyles,
382
+ zIndex: 1000000,
383
+ }),
379
384
  }}
385
+ menuPortalTarget={document.body}
380
386
  components={{
381
387
  IndicatorSeparator: () => null,
382
388
  }}