pollination-react-io 1.52.0 → 1.52.2

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 (6) hide show
  1. package/build/atoms/SettingsButton/index.d.ts +1 -1
  2. package/build/index.esm.js +41 -23
  3. package/build/index.esm.js.map +1 -1
  4. package/build/index.js +41 -23
  5. package/build/index.js.map +1 -1
  6. package/package.json +1 -1
package/build/index.js CHANGED
@@ -13411,7 +13411,10 @@ var Dropdown = function (_a) {
13411
13411
  var _a;
13412
13412
  switch (o.type) {
13413
13413
  case 'checkbox':
13414
- return (React__default["default"].createElement($d08ef79370b62062$export$16ce288f89fa631c, __assign({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, checked: o.checked, disabled: o.disabled }, itemProps),
13414
+ return (React__default["default"].createElement($d08ef79370b62062$export$16ce288f89fa631c, __assign({ key: o.id, className: "poll-select-item", onSelect: function (e) {
13415
+ e.stopPropagation();
13416
+ o.onSelect && o.onSelect(o);
13417
+ }, checked: o.checked, disabled: o.disabled }, itemProps),
13415
13418
  React__default["default"].createElement($d08ef79370b62062$export$c3468e2714d175fa, { style: {
13416
13419
  position: 'absolute',
13417
13420
  display: 'inline-flex',
@@ -13426,7 +13429,10 @@ var Dropdown = function (_a) {
13426
13429
  } }, o.icon),
13427
13430
  o.label));
13428
13431
  case 'radio':
13429
- return (React__default["default"].createElement($d08ef79370b62062$export$371ab307eab489c0, __assign({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, textValue: o.label, value: o.id, disabled: o.disabled }, itemProps),
13432
+ return (React__default["default"].createElement($d08ef79370b62062$export$371ab307eab489c0, __assign({ key: o.id, className: "poll-select-item", onSelect: function (e) {
13433
+ e.stopPropagation();
13434
+ o.onSelect && o.onSelect(o);
13435
+ }, textValue: o.label, value: o.id, disabled: o.disabled }, itemProps),
13430
13436
  React__default["default"].createElement($d08ef79370b62062$export$c3468e2714d175fa, { style: {
13431
13437
  position: 'absolute',
13432
13438
  display: 'inline-flex',
@@ -13438,7 +13444,10 @@ var Dropdown = function (_a) {
13438
13444
  return (React__default["default"].createElement($d08ef79370b62062$export$b04be29aa201d4f5, { key: o.id }, o.label));
13439
13445
  case 'link':
13440
13446
  return (React__default["default"].createElement("a", { href: (_a = o.to) !== null && _a !== void 0 ? _a : '/', key: o.id, style: { color: 'unset' } },
13441
- React__default["default"].createElement($d08ef79370b62062$export$6d08773d2e66f8f2, __assign({ className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps),
13447
+ React__default["default"].createElement($d08ef79370b62062$export$6d08773d2e66f8f2, __assign({ className: "poll-select-item", onSelect: function (e) {
13448
+ e.stopPropagation();
13449
+ o.onSelect && o.onSelect(o);
13450
+ } }, itemProps),
13442
13451
  React__default["default"].createElement("div", { style: {
13443
13452
  position: 'absolute',
13444
13453
  display: 'inline-flex',
@@ -13446,7 +13455,10 @@ var Dropdown = function (_a) {
13446
13455
  } }, o.icon),
13447
13456
  o.label)));
13448
13457
  default:
13449
- return (React__default["default"].createElement($d08ef79370b62062$export$6d08773d2e66f8f2, __assign({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, disabled: o.disabled }, itemProps),
13458
+ return (React__default["default"].createElement($d08ef79370b62062$export$6d08773d2e66f8f2, __assign({ key: o.id, className: "poll-select-item", onSelect: function (e) {
13459
+ e.stopPropagation();
13460
+ o.onSelect && o.onSelect(o);
13461
+ }, disabled: o.disabled }, itemProps),
13450
13462
  React__default["default"].createElement("div", { style: {
13451
13463
  position: 'absolute',
13452
13464
  display: 'inline-flex',
@@ -15749,10 +15761,13 @@ var SettingsButton = function (_a) {
15749
15761
  React__default["default"].createElement(React__default["default"].Fragment, null, options.reduce(function (p, c) { return __spreadArray(__spreadArray([], p, true), c.options, true); }, []).map(function (o) {
15750
15762
  var _a;
15751
15763
  return React__default["default"].createElement("button", { type: 'button', key: o.id, style: __assign(__assign({}, style), { boxShadow: !disabled && o.checked
15752
- ? style['highlight']
15764
+ ? style && style['highlight']
15753
15765
  ? "inset 0px 0px 9px 4px ".concat(style['highlight'])
15754
15766
  : 'inset 0px 0px 9px 4px #096dd9'
15755
- : undefined }), onClick: function (e) { return o.onSelect && o.onSelect(o); } }, (_a = o.icon) !== null && _a !== void 0 ? _a : o.label);
15767
+ : undefined }), onClick: function (e) {
15768
+ e.stopPropagation();
15769
+ o.onSelect && o.onSelect(o);
15770
+ } }, (_a = o.icon) !== null && _a !== void 0 ? _a : o.label);
15756
15771
  }))
15757
15772
  :
15758
15773
  React__default["default"].createElement(Dropdown, { trigger: (React__default["default"].createElement("button", { type: 'button' }, triggerIcon)), optionGroups: options, contentProps: {
@@ -44349,7 +44364,8 @@ var SendResults = function (_a) {
44349
44364
  });
44350
44365
  };
44351
44366
  }, [disabled, geometryOptions, key, results, selOpt, sendMessage]);
44352
- return (React__default["default"].createElement(SettingsButton, { style: style, disabled: disabled, onClick: function () {
44367
+ return (React__default["default"].createElement(SettingsButton, { style: style, disabled: disabled, onClick: function (e) {
44368
+ e.stopPropagation();
44353
44369
  if (disabled)
44354
44370
  return;
44355
44371
  sendMessage(getAction$2(selOpt), {
@@ -44367,7 +44383,7 @@ var SendResults = function (_a) {
44367
44383
  id: Action$2.preview,
44368
44384
  label: 'Preview',
44369
44385
  checked: selOpt === Action$2.preview,
44370
- icon: React__default["default"].createElement(Eyeglasses$1, { size: 16, color: style['color'] }),
44386
+ icon: React__default["default"].createElement(Eyeglasses$1, { size: 16, color: style && style['color'] }),
44371
44387
  disabled: disabled,
44372
44388
  onSelect: function () {
44373
44389
  setSelOpt(function (state) { return (state === Action$2.preview ? undefined : Action$2.preview); });
@@ -44378,7 +44394,7 @@ var SendResults = function (_a) {
44378
44394
  id: Action$2.add,
44379
44395
  label: 'Add',
44380
44396
  checked: selOpt === Action$2.add,
44381
- icon: React__default["default"].createElement(Building$1, { size: 16, color: style['color'] }),
44397
+ icon: React__default["default"].createElement(Building$1, { size: 16, color: style && style['color'] }),
44382
44398
  disabled: disabled,
44383
44399
  onSelect: function () {
44384
44400
  setSelOpt(function (state) { return (state === Action$2.add ? undefined : Action$2.add); });
@@ -44389,7 +44405,7 @@ var SendResults = function (_a) {
44389
44405
  id: Action$2.delete,
44390
44406
  label: 'Delete',
44391
44407
  checked: selOpt === Action$2.delete,
44392
- icon: React__default["default"].createElement(Trash$1, { size: 16 }),
44408
+ icon: React__default["default"].createElement(Trash$1, { size: 16, color: style && style['color'] }),
44393
44409
  disabled: disabled,
44394
44410
  onSelect: function () {
44395
44411
  setSelOpt(function (state) { return (state === Action$2.delete ? undefined : Action$2.delete); });
@@ -44400,7 +44416,7 @@ var SendResults = function (_a) {
44400
44416
  id: Action$2.clear,
44401
44417
  label: 'Clear',
44402
44418
  checked: selOpt === Action$2.clear,
44403
- icon: React__default["default"].createElement(Recycle$1, { size: 16, color: style['color'] }),
44419
+ icon: React__default["default"].createElement(Recycle$1, { size: 16, color: style && style['color'] }),
44404
44420
  disabled: disabled,
44405
44421
  onSelect: function () {
44406
44422
  setSelOpt(function (state) { return (state === Action$2.clear ? undefined : Action$2.clear); });
@@ -44411,7 +44427,7 @@ var SendResults = function (_a) {
44411
44427
  id: Action$2.subscribePreview,
44412
44428
  label: 'Subscribe Preview',
44413
44429
  checked: selOpt === Action$2.subscribePreview,
44414
- icon: React__default["default"].createElement(ArrowRepeat$1, { size: 16, color: style['color'] }),
44430
+ icon: React__default["default"].createElement(ArrowRepeat$1, { size: 16, color: style && style['color'] }),
44415
44431
  disabled: disabled,
44416
44432
  onSelect: function () {
44417
44433
  setSelOpt(function (state) { return (state === Action$2.subscribePreview ? undefined : Action$2.subscribePreview); });
@@ -46851,7 +46867,8 @@ var SendGeometry = function (_a) {
46851
46867
  });
46852
46868
  };
46853
46869
  }, [disabled, geometry, geometryOptions, key, selOpt, sendMessage]);
46854
- return (React__default["default"].createElement(SettingsButton, { style: style, disabled: disabled, onClick: function () {
46870
+ return (React__default["default"].createElement(SettingsButton, { style: style, disabled: disabled, onClick: function (e) {
46871
+ e.stopPropagation();
46855
46872
  if (disabled)
46856
46873
  return;
46857
46874
  sendMessage(getAction$1(selOpt), {
@@ -46869,7 +46886,7 @@ var SendGeometry = function (_a) {
46869
46886
  id: Action$1.preview,
46870
46887
  label: 'Preview',
46871
46888
  checked: selOpt === Action$1.preview,
46872
- icon: React__default["default"].createElement(Eyeglasses$1, { size: 16, color: style['color'] }),
46889
+ icon: React__default["default"].createElement(Eyeglasses$1, { size: 16, color: style && style['color'] }),
46873
46890
  disabled: disabled,
46874
46891
  onSelect: function () {
46875
46892
  setSelOpt(function (state) { return (state === Action$1.preview ? undefined : Action$1.preview); });
@@ -46880,7 +46897,7 @@ var SendGeometry = function (_a) {
46880
46897
  id: Action$1.add,
46881
46898
  label: 'Add',
46882
46899
  checked: selOpt === Action$1.add,
46883
- icon: React__default["default"].createElement(Building$1, { size: 16, color: style['color'] }),
46900
+ icon: React__default["default"].createElement(Building$1, { size: 16, color: style && style['color'] }),
46884
46901
  disabled: disabled,
46885
46902
  onSelect: function () {
46886
46903
  setSelOpt(function (state) { return (state === Action$1.add ? undefined : Action$1.add); });
@@ -46891,7 +46908,7 @@ var SendGeometry = function (_a) {
46891
46908
  id: Action$1.delete,
46892
46909
  label: 'Delete',
46893
46910
  checked: selOpt === Action$1.delete,
46894
- icon: React__default["default"].createElement(Trash$1, { size: 16, color: style['color'] }),
46911
+ icon: React__default["default"].createElement(Trash$1, { size: 16, color: style && style['color'] }),
46895
46912
  disabled: disabled,
46896
46913
  onSelect: function () {
46897
46914
  setSelOpt(function (state) { return (state === Action$1.delete ? undefined : Action$1.delete); });
@@ -46902,7 +46919,7 @@ var SendGeometry = function (_a) {
46902
46919
  id: Action$1.clear,
46903
46920
  label: 'Clear',
46904
46921
  checked: selOpt === Action$1.clear,
46905
- icon: React__default["default"].createElement(Recycle$1, { size: 16, color: style['color'] }),
46922
+ icon: React__default["default"].createElement(Recycle$1, { size: 16, color: style && style['color'] }),
46906
46923
  disabled: disabled,
46907
46924
  onSelect: function () {
46908
46925
  setSelOpt(function (state) { return (state === Action$1.clear ? undefined : Action$1.clear); });
@@ -46913,7 +46930,7 @@ var SendGeometry = function (_a) {
46913
46930
  id: Action$1.subscribePreview,
46914
46931
  label: 'Subscribe Preview',
46915
46932
  checked: selOpt === Action$1.subscribePreview,
46916
- icon: React__default["default"].createElement(ArrowRepeat$1, { size: 16, color: style['color'] }),
46933
+ icon: React__default["default"].createElement(ArrowRepeat$1, { size: 16, color: style && style['color'] }),
46917
46934
  disabled: disabled,
46918
46935
  onSelect: function () {
46919
46936
  setSelOpt(function (state) { return (state === Action$1.subscribePreview ? undefined : Action$1.subscribePreview); });
@@ -46984,7 +47001,8 @@ var SendModel = function (_a) {
46984
47001
  });
46985
47002
  };
46986
47003
  }, [disabled, hbjson, key, selOpt, sendHbjson]);
46987
- return (React__default["default"].createElement(SettingsButton, { style: style, disabled: disabled, onClick: function () {
47004
+ return (React__default["default"].createElement(SettingsButton, { style: style, disabled: disabled, onClick: function (e) {
47005
+ e.stopPropagation();
46988
47006
  if (disabled)
46989
47007
  return;
46990
47008
  sendHbjson(getAction(selOpt), {
@@ -47005,7 +47023,7 @@ var SendModel = function (_a) {
47005
47023
  id: Action.preview,
47006
47024
  label: 'Preview',
47007
47025
  checked: selOpt === Action.preview,
47008
- icon: React__default["default"].createElement(Eyeglasses$1, { size: 16, color: style['color'] }),
47026
+ icon: React__default["default"].createElement(Eyeglasses$1, { size: 16, color: style && style['color'] }),
47009
47027
  disabled: disabled,
47010
47028
  onSelect: function () {
47011
47029
  setSelOpt(function (state) { return (state === Action.preview ? undefined : Action.preview); });
@@ -47016,7 +47034,7 @@ var SendModel = function (_a) {
47016
47034
  id: Action.add,
47017
47035
  label: 'Add',
47018
47036
  checked: selOpt === Action.add,
47019
- icon: React__default["default"].createElement(Building$1, { size: 16, color: style['color'] }),
47037
+ icon: React__default["default"].createElement(Building$1, { size: 16, color: style && style['color'] }),
47020
47038
  disabled: disabled,
47021
47039
  onSelect: function () {
47022
47040
  setSelOpt(function (state) { return (state === Action.add ? undefined : Action.add); });
@@ -47027,7 +47045,7 @@ var SendModel = function (_a) {
47027
47045
  id: Action.clear,
47028
47046
  label: 'Clear',
47029
47047
  checked: selOpt === Action.clear,
47030
- icon: React__default["default"].createElement(Recycle$1, { size: 16, color: style['color'] }),
47048
+ icon: React__default["default"].createElement(Recycle$1, { size: 16, color: style && style['color'] }),
47031
47049
  disabled: disabled,
47032
47050
  onSelect: function () {
47033
47051
  setSelOpt(function (state) { return (state === Action.clear ? undefined : Action.clear); });
@@ -47038,7 +47056,7 @@ var SendModel = function (_a) {
47038
47056
  id: Action.subscribePreview,
47039
47057
  label: 'Subscribe Preview',
47040
47058
  checked: selOpt === Action.subscribePreview,
47041
- icon: React__default["default"].createElement(ArrowRepeat$1, { size: 16, color: style['color'] }),
47059
+ icon: React__default["default"].createElement(ArrowRepeat$1, { size: 16, color: style && style['color'] }),
47042
47060
  disabled: disabled,
47043
47061
  onSelect: function () {
47044
47062
  setSelOpt(function (state) { return (state === Action.subscribePreview ? undefined : Action.subscribePreview); });