seat-editor 3.2.11 → 3.2.12

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/layer-v4/index.jsx +11 -11
  2. package/dist/features/view-only-3/index.d.ts +1 -1
  3. package/package.json +1 -1
package/dist/components/layer-v4/index.jsx CHANGED
@@ -248,7 +248,7 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
248
248
  unhighlightGroup(group);
249
249
  }}>
250
250
  <g transform={`rotate(${rotation}, 0,0)`}>
251
- <rect key={`${id}-rect`} width={width} height={height} fill={fill} rx={radius} {...omit(item, ["x", "y", "label", "points"])} {...commonProps}/>
251
+ <rect key={`${id}-rect`} width={width} height={height} fill={fill} rx={radius} {...omit(item, ["x", "y", "label", "points", "tags"])} {...commonProps}/>
252
252
  {renderTags(tags)}
253
253
  {showLabels && (<g transform={`rotate(${-rotation}, ${width / 2}, ${height / 2})`} pointerEvents="none">
254
254
  {labels === null || labels === void 0 ? void 0 : labels.map((_, index) => {
@@ -314,7 +314,7 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
314
314
  }}>
315
315
  {" "}
316
316
  <g transform={`rotate(${-rotation}, 0, 0)`}>
317
- <circle key={id} cx={width / 2} cy={height / 2} r={Math.min(height, width) / 2} fill={fill} {...commonProps}/>
317
+ <circle key={id} cx={width / 2} cy={height / 2} r={Math.min(height, width) / 2} fill={fill} {...commonProps} {...omit(item, ["x", "y", "label", "points", "tags"])}/>
318
318
  {renderTags(tags)}
319
319
  {showLabels && (<g transform={`rotate(${-rotation}, ${width / 2}, ${height / 2})`}>
320
320
  {labels === null || labels === void 0 ? void 0 : labels.map((_, index) => {
@@ -391,9 +391,9 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
391
391
  unhighlightGroup(group);
392
392
  }}>
393
393
  <g transform={`rotate(${rotation}, 0, 0)`}>
394
- <circle cx={centerX} cy={centerY} r={tableRadius} fill={selectedTableColor !== null && selectedTableColor !== void 0 ? selectedTableColor : fill} {...commonProps}/>
394
+ <circle cx={centerX} cy={centerY} r={tableRadius} fill={selectedTableColor !== null && selectedTableColor !== void 0 ? selectedTableColor : fill} {...omit(item, ["x", "y", "label", "points", "tags"])} {...commonProps}/>
395
395
  <g data-seat={`${id}-seats`}>
396
- {seatCircles.map(({ cx, cy }, i) => (<circle key={`${id}-seat-${i}`} cx={cx} cy={cy} r={seatRadius} fill={seatFill}/>))}
396
+ {seatCircles.map(({ cx, cy }, i) => (<circle key={`${id}-seat-${i}`} cx={cx} cy={cy} r={seatRadius} fill={seatFill} className={item === null || item === void 0 ? void 0 : item.className}/>))}
397
397
  </g>
398
398
 
399
399
  {renderTags(tags)}
@@ -531,9 +531,9 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
531
531
  }}>
532
532
  <g transform={`rotate(${rotation}, 0, 0)`}>
533
533
  {/* Seats */}
534
- <circle cx={width / 2} cy={height / 2} r={tableRadius} {...commonProps} fill={fill}/>
534
+ <circle cx={width / 2} cy={height / 2} r={tableRadius} fill={fill} {...omit(item, ["x", "y", "label", "points", "tags"])} {...commonProps}/>
535
535
  <g key={`${id}-seats`} data-seat={`${id}-seats`}>
536
- {seats === null || seats === void 0 ? void 0 : seats.map(({ height, width, x, y, id }, i) => (<rect x={x} y={y} key={`${id}-seat-${i}`} id={`seat-${id}`} height={height} width={width} rx={radius / 4} fill={seatFill}/>))}
536
+ {seats === null || seats === void 0 ? void 0 : seats.map(({ height, width, x, y, id }, i) => (<rect x={x} y={y} key={`${id}-seat-${i}`} id={`seat-${id}`} height={height} width={width} rx={radius / 4} fill={seatFill} className={item === null || item === void 0 ? void 0 : item.className}/>))}
537
537
  </g>
538
538
  {renderTags(tags)}
539
539
  {showLabels && (<g transform={`rotate(${-rotation}, ${width / 2}, ${height / 2})`}>
@@ -647,12 +647,12 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
647
647
  }}>
648
648
  <g transform={`rotate(${rotate}, 0, 0)`}>
649
649
  {/* Square Table */}
650
- <rect width={width} height={height} {...commonProps} fill={selectedTableColor !== null && selectedTableColor !== void 0 ? selectedTableColor : fill}/>
650
+ <rect width={width} height={height} {...commonProps} fill={selectedTableColor !== null && selectedTableColor !== void 0 ? selectedTableColor : fill} {...omit(item, ["x", "y", "label", "points", "tags"])}/>
651
651
  {renderTags(tags)}
652
652
 
653
653
  {/* Seats */}
654
654
  <g key={`${id}-seats`} data-seat={`${id}-seats`} transform={`translate(${-x}, ${-y})`}>
655
- {[...topSeats, ...bottomSeats, ...leftSeats, ...rightSeats].map(({ cx, cy, id }, i) => (<circle key={`${id}-seat-${i}`} id={`seat-${id}`} cx={cx} cy={cy} r={r} fill={seatFill}/>))}
655
+ {[...topSeats, ...bottomSeats, ...leftSeats, ...rightSeats].map(({ cx, cy, id }, i) => (<circle key={`${id}-seat-${i}`} id={`seat-${id}`} cx={cx} cy={cy} r={r} fill={seatFill} className={item === null || item === void 0 ? void 0 : item.className}/>))}
656
656
  </g>
657
657
  {showLabels && (<g transform={`rotate(${-rotation}, ${width / 2}, ${height / 2})`}>
658
658
  {labels === null || labels === void 0 ? void 0 : labels.map((_, index) => {
@@ -769,9 +769,9 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
769
769
  }}>
770
770
  <g transform={`rotate(${rotation}, 0, 0)`}>
771
771
  {/* Seats */}
772
- <rect width={width} height={height} rx={radius} {...commonProps} fill={fill}/>
772
+ <rect width={width} height={height} rx={radius} {...commonProps} fill={fill} {...omit(item, ["x", "y", "label", "points", "tags"])}/>
773
773
  <g key={`${id}-seats`} data-seat={`${id}-seats`}>
774
- {seats === null || seats === void 0 ? void 0 : seats.map(({ d, id }, i) => (<path key={`${id}-seat-${i}`} id={`seat-${id}`} d={d} fill="white"/>))}
774
+ {seats === null || seats === void 0 ? void 0 : seats.map(({ d, id }, i) => (<path key={`${id}-seat-${i}`} id={`seat-${id}`} d={d} fill="white" className={item === null || item === void 0 ? void 0 : item.className}/>))}
775
775
  </g>
776
776
  {renderTags(tags)}
777
777
  {showLabels && (<g transform={`rotate(${-rotation}, ${width / 2}, ${height / 2})`}>
@@ -913,7 +913,7 @@ const Layers = ({ components, selectedTable, iconTags, eventMatchTable, onHighli
913
913
  }}>
914
914
  <g transform={`rotate(${rotation}, 0, 0)`}>
915
915
  {/* Seats */}
916
- <rect width={width} height={height} rx={radius} {...commonProps} fill={fill}/>
916
+ <rect width={width} height={height} rx={radius} {...commonProps} fill={fill} {...omit(item, ["x", "y", "label", "points", "tags"])}/>
917
917
  <g key={`${id}-seats`} data-seat={`${id}-seats`} transform={`translate(${-x}, ${-y})`}>
918
918
  {seats === null || seats === void 0 ? void 0 : seats.map(({ height, width, x, y, id }, i) => (<rect x={x} y={y} key={`${id}-seat-${i}`} id={`seat-${id}`} height={height} width={width} rx={radius / 4} fill={seatFill}/>))}
919
919
  </g>
package/dist/features/view-only-3/index.d.ts CHANGED
@@ -8,7 +8,7 @@ export type TableGhost = {
8
8
  };
9
9
  export type TableMatchKey = {
10
10
  key: string | number;
11
- properties: PropertiesProps;
11
+ properties?: PropertiesProps;
12
12
  className?: string;
13
13
  };
14
14
  export type TableMatchEvent = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "seat-editor",
3
- "version": "3.2.11",
3
+ "version": "3.2.12",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",