@teselagen/ove 0.5.21 → 0.5.23

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/index.cjs.js CHANGED
@@ -35202,25 +35202,16 @@ var getIntrinsic = /* @__PURE__ */ __name(function GetIntrinsic(name2, allowMiss
35202
35202
  return value;
35203
35203
  }, "GetIntrinsic");
35204
35204
  var callBind$3 = { exports: {} };
35205
- var esDefineProperty;
35206
- var hasRequiredEsDefineProperty;
35207
- function requireEsDefineProperty() {
35208
- if (hasRequiredEsDefineProperty)
35209
- return esDefineProperty;
35210
- hasRequiredEsDefineProperty = 1;
35211
- var GetIntrinsic3 = getIntrinsic;
35212
- var $defineProperty2 = GetIntrinsic3("%Object.defineProperty%", true) || false;
35213
- if ($defineProperty2) {
35214
- try {
35215
- $defineProperty2({}, "a", { value: 1 });
35216
- } catch (e2) {
35217
- $defineProperty2 = false;
35218
- }
35205
+ var GetIntrinsic$4 = getIntrinsic;
35206
+ var $defineProperty$2 = GetIntrinsic$4("%Object.defineProperty%", true) || false;
35207
+ if ($defineProperty$2) {
35208
+ try {
35209
+ $defineProperty$2({}, "a", { value: 1 });
35210
+ } catch (e2) {
35211
+ $defineProperty$2 = false;
35219
35212
  }
35220
- esDefineProperty = $defineProperty2;
35221
- return esDefineProperty;
35222
35213
  }
35223
- __name(requireEsDefineProperty, "requireEsDefineProperty");
35214
+ var esDefineProperty = $defineProperty$2;
35224
35215
  var GetIntrinsic$3 = getIntrinsic;
35225
35216
  var $gOPD$1 = GetIntrinsic$3("%Object.getOwnPropertyDescriptor%", true);
35226
35217
  if ($gOPD$1) {
@@ -35231,7 +35222,7 @@ if ($gOPD$1) {
35231
35222
  }
35232
35223
  }
35233
35224
  var gopd$1 = $gOPD$1;
35234
- var $defineProperty$1 = requireEsDefineProperty();
35225
+ var $defineProperty$1 = esDefineProperty;
35235
35226
  var $SyntaxError = syntax;
35236
35227
  var $TypeError$4 = type$1;
35237
35228
  var gopd = gopd$1;
@@ -35272,7 +35263,7 @@ var defineDataProperty$1 = /* @__PURE__ */ __name(function defineDataProperty(ob
35272
35263
  throw new $SyntaxError("This environment does not support defining a property as non-configurable, non-writable, or non-enumerable.");
35273
35264
  }
35274
35265
  }, "defineDataProperty");
35275
- var $defineProperty = requireEsDefineProperty();
35266
+ var $defineProperty = esDefineProperty;
35276
35267
  var hasPropertyDescriptors = /* @__PURE__ */ __name(function hasPropertyDescriptors2() {
35277
35268
  return !!$defineProperty;
35278
35269
  }, "hasPropertyDescriptors");
@@ -35341,7 +35332,7 @@ var setFunctionLength = /* @__PURE__ */ __name(function setFunctionLength2(fn4,
35341
35332
  var $apply = GetIntrinsic3("%Function.prototype.apply%");
35342
35333
  var $call = GetIntrinsic3("%Function.prototype.call%");
35343
35334
  var $reflectApply = GetIntrinsic3("%Reflect.apply%", true) || bind3.call($call, $apply);
35344
- var $defineProperty2 = requireEsDefineProperty();
35335
+ var $defineProperty2 = esDefineProperty;
35345
35336
  var $max = GetIntrinsic3("%Math.max%");
35346
35337
  module2.exports = /* @__PURE__ */ __name(function callBind2(originalFunction) {
35347
35338
  if (typeof originalFunction !== "function") {
@@ -89529,7 +89520,13 @@ function getReverseComplementAnnotation(annotation, sequenceLength) {
89529
89520
  start: sequenceLength - (annotation.end + 1),
89530
89521
  end: sequenceLength - (annotation.start + 1),
89531
89522
  forward: !annotation.forward,
89532
- strand: annotation.strand === 1 ? -1 : 1
89523
+ strand: annotation.strand === 1 ? -1 : 1,
89524
+ locations: annotation.locations ? annotation.locations.map((location2) => {
89525
+ return {
89526
+ start: sequenceLength - (location2.end + 1),
89527
+ end: sequenceLength - (location2.start + 1)
89528
+ };
89529
+ }) : void 0
89533
89530
  });
89534
89531
  }
89535
89532
  __name(getReverseComplementAnnotation, "getReverseComplementAnnotation");
@@ -105753,11 +105750,11 @@ function getSelFromWrappedAddon(selectionLayer2, sequenceLength) {
105753
105750
  return selToUse;
105754
105751
  }
105755
105752
  __name(getSelFromWrappedAddon, "getSelFromWrappedAddon");
105756
- function getStripedPattern({ color: color2 }) {
105753
+ function getStripedPattern({ color: color2, id: id2 }) {
105757
105754
  return /* @__PURE__ */ React$2.createElement(
105758
105755
  "pattern",
105759
105756
  {
105760
- id: "diagonalHatch",
105757
+ id: `diagonalHatch-${id2}`,
105761
105758
  patternUnits: "userSpaceOnUse",
105762
105759
  width: "4",
105763
105760
  height: "4"
@@ -119223,14 +119220,14 @@ function PointedAnnotation(props) {
119223
119220
  isProtein: isProtein2,
119224
119221
  readOnly: readOnly2
119225
119222
  })),
119226
- isStriped && getStripedPattern({ color: color2 }),
119223
+ isStriped && getStripedPattern({ color: color2, id: id2 }),
119227
119224
  /* @__PURE__ */ React$2.createElement(
119228
119225
  "path",
119229
119226
  {
119230
119227
  strokeWidth: "1",
119231
119228
  stroke: stroke || "black",
119232
119229
  opacity,
119233
- fill: isStriped ? "url(#diagonalHatch)" : fill || color2,
119230
+ fill: isStriped ? `url(#diagonalHatch-${id2})` : fill || color2,
119234
119231
  transform: forward ? null : "translate(" + width + `,${flipAnnotation ? -extraHeight + 10 : 0}) scale(-1,${flipAnnotation ? "-" : ""}1) `,
119235
119232
  d: path2
119236
119233
  }
@@ -122409,7 +122406,7 @@ function showFileDialog({ multiple = false, onSelect }) {
122409
122406
  }
122410
122407
  __name(showFileDialog, "showFileDialog");
122411
122408
  const name = "@teselagen/ove";
122412
- const version = "0.5.20";
122409
+ const version = "0.5.22";
122413
122410
  const main = "./src/index.js";
122414
122411
  const type = "module";
122415
122412
  const exports$1 = {
@@ -133086,14 +133083,14 @@ function CircularPrimer(props) {
133086
133083
  hasLabel: ellipsizedName,
133087
133084
  labelNeedsFlip
133088
133085
  });
133089
- return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, getStripedPattern({ color: color2 }), /* @__PURE__ */ React$2.createElement(
133086
+ return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, getStripedPattern({ color: color2, id: id2 }), /* @__PURE__ */ React$2.createElement(
133090
133087
  "path",
133091
133088
  {
133092
133089
  className: "vePrimer veCircularViewPrimer",
133093
133090
  id: id2,
133094
133091
  strokeWidth: ".5",
133095
133092
  stroke: "black",
133096
- fill: "url(#diagonalHatch)",
133093
+ fill: `url(#diagonalHatch-${id2})`,
133097
133094
  d: path2.print()
133098
133095
  }
133099
133096
  ), getInternalLabel(__spreadProps(__spreadValues({}, props), { colorToUse: color2, textPath })));
@@ -148975,6 +148972,7 @@ exports.connectToEditor = connectToEditor;
148975
148972
  exports.createVectorEditor = createVectorEditor;
148976
148973
  exports.getOveHotkeyDefs = getOveHotkeyDefs;
148977
148974
  exports.getRangeAnglesSpecial = getRangeAnglesSpecial;
148975
+ exports.getStructuredBases = getStructuredBases;
148978
148976
  exports.getUserGroupLabel = getUserGroupLabel;
148979
148977
  exports.specialCutsiteFilterOptions = specialCutsiteFilterOptions;
148980
148978
  exports.updateEditor = updateEditor;
package/index.d.ts CHANGED
@@ -16,6 +16,7 @@ export { default as PositionAnnotationOnCircle } from './CircularView/PositionAn
16
16
  export { default as EnzymeViewer } from './EnzymeViewer';
17
17
  export { default as AlignmentView } from './AlignmentView';
18
18
  export { default as getOveHotkeyDefs } from './commands/getOveHotkeyDefs';
19
+ export { getStructuredBases } from './RowItem/StackedAnnotations/getStructuredBases';
19
20
  export { default as withEditorProps, connectToEditor } from './withEditorProps';
20
21
  export { default as Editor, Editor as EditorUnconnected } from './Editor';
21
22
  export { default as CutsiteFilter, CutsiteFilter as CutsiteFilterUnconnected } from './CutsiteFilter';
package/index.es.js CHANGED
@@ -35184,25 +35184,16 @@ var getIntrinsic = /* @__PURE__ */ __name(function GetIntrinsic(name2, allowMiss
35184
35184
  return value;
35185
35185
  }, "GetIntrinsic");
35186
35186
  var callBind$3 = { exports: {} };
35187
- var esDefineProperty;
35188
- var hasRequiredEsDefineProperty;
35189
- function requireEsDefineProperty() {
35190
- if (hasRequiredEsDefineProperty)
35191
- return esDefineProperty;
35192
- hasRequiredEsDefineProperty = 1;
35193
- var GetIntrinsic3 = getIntrinsic;
35194
- var $defineProperty2 = GetIntrinsic3("%Object.defineProperty%", true) || false;
35195
- if ($defineProperty2) {
35196
- try {
35197
- $defineProperty2({}, "a", { value: 1 });
35198
- } catch (e2) {
35199
- $defineProperty2 = false;
35200
- }
35187
+ var GetIntrinsic$4 = getIntrinsic;
35188
+ var $defineProperty$2 = GetIntrinsic$4("%Object.defineProperty%", true) || false;
35189
+ if ($defineProperty$2) {
35190
+ try {
35191
+ $defineProperty$2({}, "a", { value: 1 });
35192
+ } catch (e2) {
35193
+ $defineProperty$2 = false;
35201
35194
  }
35202
- esDefineProperty = $defineProperty2;
35203
- return esDefineProperty;
35204
35195
  }
35205
- __name(requireEsDefineProperty, "requireEsDefineProperty");
35196
+ var esDefineProperty = $defineProperty$2;
35206
35197
  var GetIntrinsic$3 = getIntrinsic;
35207
35198
  var $gOPD$1 = GetIntrinsic$3("%Object.getOwnPropertyDescriptor%", true);
35208
35199
  if ($gOPD$1) {
@@ -35213,7 +35204,7 @@ if ($gOPD$1) {
35213
35204
  }
35214
35205
  }
35215
35206
  var gopd$1 = $gOPD$1;
35216
- var $defineProperty$1 = requireEsDefineProperty();
35207
+ var $defineProperty$1 = esDefineProperty;
35217
35208
  var $SyntaxError = syntax;
35218
35209
  var $TypeError$4 = type$1;
35219
35210
  var gopd = gopd$1;
@@ -35254,7 +35245,7 @@ var defineDataProperty$1 = /* @__PURE__ */ __name(function defineDataProperty(ob
35254
35245
  throw new $SyntaxError("This environment does not support defining a property as non-configurable, non-writable, or non-enumerable.");
35255
35246
  }
35256
35247
  }, "defineDataProperty");
35257
- var $defineProperty = requireEsDefineProperty();
35248
+ var $defineProperty = esDefineProperty;
35258
35249
  var hasPropertyDescriptors = /* @__PURE__ */ __name(function hasPropertyDescriptors2() {
35259
35250
  return !!$defineProperty;
35260
35251
  }, "hasPropertyDescriptors");
@@ -35323,7 +35314,7 @@ var setFunctionLength = /* @__PURE__ */ __name(function setFunctionLength2(fn4,
35323
35314
  var $apply = GetIntrinsic3("%Function.prototype.apply%");
35324
35315
  var $call = GetIntrinsic3("%Function.prototype.call%");
35325
35316
  var $reflectApply = GetIntrinsic3("%Reflect.apply%", true) || bind3.call($call, $apply);
35326
- var $defineProperty2 = requireEsDefineProperty();
35317
+ var $defineProperty2 = esDefineProperty;
35327
35318
  var $max = GetIntrinsic3("%Math.max%");
35328
35319
  module2.exports = /* @__PURE__ */ __name(function callBind2(originalFunction) {
35329
35320
  if (typeof originalFunction !== "function") {
@@ -89511,7 +89502,13 @@ function getReverseComplementAnnotation(annotation, sequenceLength) {
89511
89502
  start: sequenceLength - (annotation.end + 1),
89512
89503
  end: sequenceLength - (annotation.start + 1),
89513
89504
  forward: !annotation.forward,
89514
- strand: annotation.strand === 1 ? -1 : 1
89505
+ strand: annotation.strand === 1 ? -1 : 1,
89506
+ locations: annotation.locations ? annotation.locations.map((location2) => {
89507
+ return {
89508
+ start: sequenceLength - (location2.end + 1),
89509
+ end: sequenceLength - (location2.start + 1)
89510
+ };
89511
+ }) : void 0
89515
89512
  });
89516
89513
  }
89517
89514
  __name(getReverseComplementAnnotation, "getReverseComplementAnnotation");
@@ -105735,11 +105732,11 @@ function getSelFromWrappedAddon(selectionLayer2, sequenceLength) {
105735
105732
  return selToUse;
105736
105733
  }
105737
105734
  __name(getSelFromWrappedAddon, "getSelFromWrappedAddon");
105738
- function getStripedPattern({ color: color2 }) {
105735
+ function getStripedPattern({ color: color2, id: id2 }) {
105739
105736
  return /* @__PURE__ */ React__default$1.createElement(
105740
105737
  "pattern",
105741
105738
  {
105742
- id: "diagonalHatch",
105739
+ id: `diagonalHatch-${id2}`,
105743
105740
  patternUnits: "userSpaceOnUse",
105744
105741
  width: "4",
105745
105742
  height: "4"
@@ -119205,14 +119202,14 @@ function PointedAnnotation(props) {
119205
119202
  isProtein: isProtein2,
119206
119203
  readOnly: readOnly2
119207
119204
  })),
119208
- isStriped && getStripedPattern({ color: color2 }),
119205
+ isStriped && getStripedPattern({ color: color2, id: id2 }),
119209
119206
  /* @__PURE__ */ React__default$1.createElement(
119210
119207
  "path",
119211
119208
  {
119212
119209
  strokeWidth: "1",
119213
119210
  stroke: stroke || "black",
119214
119211
  opacity,
119215
- fill: isStriped ? "url(#diagonalHatch)" : fill || color2,
119212
+ fill: isStriped ? `url(#diagonalHatch-${id2})` : fill || color2,
119216
119213
  transform: forward ? null : "translate(" + width + `,${flipAnnotation ? -extraHeight + 10 : 0}) scale(-1,${flipAnnotation ? "-" : ""}1) `,
119217
119214
  d: path2
119218
119215
  }
@@ -122391,7 +122388,7 @@ function showFileDialog({ multiple = false, onSelect }) {
122391
122388
  }
122392
122389
  __name(showFileDialog, "showFileDialog");
122393
122390
  const name = "@teselagen/ove";
122394
- const version = "0.5.20";
122391
+ const version = "0.5.22";
122395
122392
  const main = "./src/index.js";
122396
122393
  const type = "module";
122397
122394
  const exports$1 = {
@@ -133068,14 +133065,14 @@ function CircularPrimer(props) {
133068
133065
  hasLabel: ellipsizedName,
133069
133066
  labelNeedsFlip
133070
133067
  });
133071
- return /* @__PURE__ */ React__default$1.createElement(React__default$1.Fragment, null, getStripedPattern({ color: color2 }), /* @__PURE__ */ React__default$1.createElement(
133068
+ return /* @__PURE__ */ React__default$1.createElement(React__default$1.Fragment, null, getStripedPattern({ color: color2, id: id2 }), /* @__PURE__ */ React__default$1.createElement(
133072
133069
  "path",
133073
133070
  {
133074
133071
  className: "vePrimer veCircularViewPrimer",
133075
133072
  id: id2,
133076
133073
  strokeWidth: ".5",
133077
133074
  stroke: "black",
133078
- fill: "url(#diagonalHatch)",
133075
+ fill: `url(#diagonalHatch-${id2})`,
133079
133076
  d: path2.print()
133080
133077
  }
133081
133078
  ), getInternalLabel(__spreadProps(__spreadValues({}, props), { colorToUse: color2, textPath })));
@@ -148959,6 +148956,7 @@ export {
148959
148956
  getGaps,
148960
148957
  getOveHotkeyDefs,
148961
148958
  getRangeAnglesSpecial,
148959
+ getStructuredBases,
148962
148960
  getUserGroupLabel,
148963
148961
  specialCutsiteFilterOptions,
148964
148962
  updateEditor,
package/index.umd.js CHANGED
@@ -118625,7 +118625,13 @@ ${latestSubscriptionCallbackError.current.stack}
118625
118625
  start: sequenceLength - (annotation.end + 1),
118626
118626
  end: sequenceLength - (annotation.start + 1),
118627
118627
  forward: !annotation.forward,
118628
- strand: annotation.strand === 1 ? -1 : 1
118628
+ strand: annotation.strand === 1 ? -1 : 1,
118629
+ locations: annotation.locations ? annotation.locations.map((location2) => {
118630
+ return {
118631
+ start: sequenceLength - (location2.end + 1),
118632
+ end: sequenceLength - (location2.start + 1)
118633
+ };
118634
+ }) : void 0
118629
118635
  });
118630
118636
  }
118631
118637
  __name(getReverseComplementAnnotation, "getReverseComplementAnnotation");
@@ -134254,11 +134260,11 @@ ${seq.sequence}
134254
134260
  return selToUse;
134255
134261
  }
134256
134262
  __name(getSelFromWrappedAddon, "getSelFromWrappedAddon");
134257
- function getStripedPattern({ color: color2 }) {
134263
+ function getStripedPattern({ color: color2, id: id2 }) {
134258
134264
  return /* @__PURE__ */ React$2.createElement(
134259
134265
  "pattern",
134260
134266
  {
134261
- id: "diagonalHatch",
134267
+ id: `diagonalHatch-${id2}`,
134262
134268
  patternUnits: "userSpaceOnUse",
134263
134269
  width: "4",
134264
134270
  height: "4"
@@ -147724,14 +147730,14 @@ double click --> edit`}`;
147724
147730
  isProtein: isProtein2,
147725
147731
  readOnly: readOnly2
147726
147732
  })),
147727
- isStriped && getStripedPattern({ color: color2 }),
147733
+ isStriped && getStripedPattern({ color: color2, id: id2 }),
147728
147734
  /* @__PURE__ */ React$2.createElement(
147729
147735
  "path",
147730
147736
  {
147731
147737
  strokeWidth: "1",
147732
147738
  stroke: stroke || "black",
147733
147739
  opacity: opacity2,
147734
- fill: isStriped ? "url(#diagonalHatch)" : fill || color2,
147740
+ fill: isStriped ? `url(#diagonalHatch-${id2})` : fill || color2,
147735
147741
  transform: forward ? null : "translate(" + width + `,${flipAnnotation ? -extraHeight + 10 : 0}) scale(-1,${flipAnnotation ? "-" : ""}1) `,
147736
147742
  d: path2
147737
147743
  }
@@ -150876,7 +150882,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
150876
150882
  }
150877
150883
  __name(showFileDialog, "showFileDialog");
150878
150884
  const name = "@teselagen/ove";
150879
- const version = "0.5.20";
150885
+ const version = "0.5.22";
150880
150886
  const main = "./src/index.js";
150881
150887
  const type = "module";
150882
150888
  const exports$1 = {
@@ -159948,14 +159954,14 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
159948
159954
  hasLabel: ellipsizedName,
159949
159955
  labelNeedsFlip
159950
159956
  });
159951
- return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, getStripedPattern({ color: color2 }), /* @__PURE__ */ React$2.createElement(
159957
+ return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, getStripedPattern({ color: color2, id: id2 }), /* @__PURE__ */ React$2.createElement(
159952
159958
  "path",
159953
159959
  {
159954
159960
  className: "vePrimer veCircularViewPrimer",
159955
159961
  id: id2,
159956
159962
  strokeWidth: ".5",
159957
159963
  stroke: "black",
159958
- fill: "url(#diagonalHatch)",
159964
+ fill: `url(#diagonalHatch-${id2})`,
159959
159965
  d: path2.print()
159960
159966
  }
159961
159967
  ), getInternalLabel(__spreadProps(__spreadValues({}, props), { colorToUse: color2, textPath })));
@@ -183215,6 +183221,7 @@ ${seqDataToCopy}\r
183215
183221
  exports2.createVectorEditor = createVectorEditor;
183216
183222
  exports2.getOveHotkeyDefs = getOveHotkeyDefs;
183217
183223
  exports2.getRangeAnglesSpecial = getRangeAnglesSpecial;
183224
+ exports2.getStructuredBases = getStructuredBases;
183218
183225
  exports2.getUserGroupLabel = getUserGroupLabel;
183219
183226
  exports2.specialCutsiteFilterOptions = specialCutsiteFilterOptions;
183220
183227
  exports2.updateEditor = updateEditor;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teselagen/ove",
3
- "version": "0.5.21",
3
+ "version": "0.5.23",
4
4
  "main": "./src/index.js",
5
5
  "exports": {
6
6
  ".": {
@@ -15,7 +15,7 @@
15
15
  "@teselagen/ui": "0.4.18",
16
16
  "@teselagen/file-utils": "0.3.16",
17
17
  "@teselagen/bounce-loader": "0.3.11",
18
- "@teselagen/bio-parsers": "0.4.19",
18
+ "@teselagen/bio-parsers": "0.4.20",
19
19
  "@blueprintjs/core": "3.52.0",
20
20
  "@blueprintjs/datetime": "3.23.19",
21
21
  "@blueprintjs/icons": "3.33.0",
@@ -26,13 +26,13 @@ export default function CircularPrimer(props) {
26
26
  });
27
27
  return (
28
28
  <React.Fragment>
29
- {getStripedPattern({ color })}
29
+ {getStripedPattern({ color, id })}
30
30
  <path
31
31
  className="vePrimer veCircularViewPrimer"
32
32
  id={id}
33
33
  strokeWidth=".5"
34
34
  stroke="black"
35
- fill="url(#diagonalHatch)"
35
+ fill={`url(#diagonalHatch-${id})`}
36
36
  d={path.print()}
37
37
  />
38
38
  {getInternalLabel({ ...props, colorToUse: color, textPath })}
@@ -233,13 +233,13 @@ function PointedAnnotation(props) {
233
233
  })}
234
234
  </title>
235
235
  )}
236
- {isStriped && getStripedPattern({ color })}
236
+ {isStriped && getStripedPattern({ color, id })}
237
237
 
238
238
  <path
239
239
  strokeWidth="1"
240
240
  stroke={stroke || "black"}
241
241
  opacity={opacity}
242
- fill={isStriped ? "url(#diagonalHatch)" : fill || color}
242
+ fill={isStriped ? `url(#diagonalHatch-${id})` : fill || color}
243
243
  transform={
244
244
  forward
245
245
  ? null
package/src/index.js CHANGED
@@ -51,3 +51,4 @@ export { default as PositionAnnotationOnCircle } from "./CircularView/PositionAn
51
51
  export { default as EnzymeViewer } from "./EnzymeViewer";
52
52
  export { default as AlignmentView } from "./AlignmentView";
53
53
  export { default as getOveHotkeyDefs } from "./commands/getOveHotkeyDefs";
54
+ export { getStructuredBases } from "./RowItem/StackedAnnotations/getStructuredBases";
@@ -171,10 +171,10 @@ export function getSelFromWrappedAddon(selectionLayer, sequenceLength) {
171
171
  return selToUse;
172
172
  }
173
173
 
174
- export function getStripedPattern({ color }) {
174
+ export function getStripedPattern({ color, id }) {
175
175
  return (
176
176
  <pattern
177
- id="diagonalHatch"
177
+ id={`diagonalHatch-${id}`}
178
178
  patternUnits="userSpaceOnUse"
179
179
  width="4"
180
180
  height="4"
@@ -30,7 +30,8 @@ export function getClientX(event: any): any;
30
30
  export function getClientY(event: any): any;
31
31
  export function hideAnnByLengthFilter(hideOpts: any, ann: any, seqLen: any): any;
32
32
  export function getSelFromWrappedAddon(selectionLayer: any, sequenceLength: any): any;
33
- export function getStripedPattern({ color }: {
33
+ export function getStripedPattern({ color, id }: {
34
34
  color: any;
35
+ id: any;
35
36
  }): import("react/jsx-runtime").JSX.Element;
36
37
  export function getEnzymeAliases(enzyme: any): any[];