pollination-react-io 0.0.18 → 0.0.19

package/build/PreviewBakeGeometry/PreviewBakeGeometry.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { PreviewBakeGeometryProps } from "./PreviewBakeGeometry.types";
-declare const PreviewBakeGeometry: React.FC<PreviewBakeGeometryProps>;
+export declare const PreviewBakeGeometry: React.FC<PreviewBakeGeometryProps>;
 export default PreviewBakeGeometry;

package/build/PreviewBakeModel/PreviewBakeModel.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { PreviewBakeModelProps } from "./PreviewBakeModel.types";
-declare const PreviewBakeModel: React.FC<PreviewBakeModelProps>;
+export declare const PreviewBakeModel: React.FC<PreviewBakeModelProps>;
 export default PreviewBakeModel;

package/build/index.esm.js

@@ -3461,20 +3461,59 @@ if (process.env.NODE_ENV !== 'production') {
 
 var PropTypes = propTypes;
 
-var _excluded$3 = ["color", "size", "title"];
+var _excluded$6 = ["color", "size", "title"];
 
-function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 
-function _objectWithoutProperties$3(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$3(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutProperties$6(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$6(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function _objectWithoutPropertiesLoose$3(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose$6(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var ArrowClockwise = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var color = _ref.color,
+      size = _ref.size,
+      title = _ref.title,
+      rest = _objectWithoutProperties$6(_ref, _excluded$6);
+
+  return /*#__PURE__*/React__default.createElement("svg", _extends$7({
+    ref: ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    width: size,
+    height: size,
+    fill: color
+  }, rest), title ? /*#__PURE__*/React__default.createElement("title", null, title) : null, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z"
+  }));
+});
+ArrowClockwise.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  title: PropTypes.string
+};
+ArrowClockwise.defaultProps = {
+  color: 'currentColor',
+  size: '1em',
+  title: null
+};
+var ArrowClockwise$1 = ArrowClockwise;
+
+var _excluded$5 = ["color", "size", "title"];
+
+function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+
+function _objectWithoutProperties$5(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$5(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose$5(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var ArrowRepeat = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutProperties$3(_ref, _excluded$3);
+      rest = _objectWithoutProperties$5(_ref, _excluded$5);
 
-  return /*#__PURE__*/React__default.createElement("svg", _extends$4({
+  return /*#__PURE__*/React__default.createElement("svg", _extends$6({
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -3500,6 +3539,82 @@ ArrowRepeat.defaultProps = {
 };
 var ArrowRepeat$1 = ArrowRepeat;
 
+var _excluded$4 = ["color", "size", "title"];
+
+function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+
+function _objectWithoutProperties$4(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$4(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose$4(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var BoundingBox = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var color = _ref.color,
+      size = _ref.size,
+      title = _ref.title,
+      rest = _objectWithoutProperties$4(_ref, _excluded$4);
+
+  return /*#__PURE__*/React__default.createElement("svg", _extends$5({
+    ref: ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    width: size,
+    height: size,
+    fill: color
+  }, rest), title ? /*#__PURE__*/React__default.createElement("title", null, title) : null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M5 2V0H0v5h2v6H0v5h5v-2h6v2h5v-5h-2V5h2V0h-5v2H5zm6 1v2h2v6h-2v2H5v-2H3V5h2V3h6zm1-2h3v3h-3V1zm3 11v3h-3v-3h3zM4 15H1v-3h3v3zM1 4V1h3v3H1z"
+  }));
+});
+BoundingBox.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  title: PropTypes.string
+};
+BoundingBox.defaultProps = {
+  color: 'currentColor',
+  size: '1em',
+  title: null
+};
+var BoundingBox$1 = BoundingBox;
+
+var _excluded$3 = ["color", "size", "title"];
+
+function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+
+function _objectWithoutProperties$3(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$3(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose$3(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var BoxArrowInLeft = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var color = _ref.color,
+      size = _ref.size,
+      title = _ref.title,
+      rest = _objectWithoutProperties$3(_ref, _excluded$3);
+
+  return /*#__PURE__*/React__default.createElement("svg", _extends$4({
+    ref: ref,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    width: size,
+    height: size,
+    fill: color
+  }, rest), title ? /*#__PURE__*/React__default.createElement("title", null, title) : null, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 3.5a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 1 1 0v2A1.5 1.5 0 0 1 9.5 14h-8A1.5 1.5 0 0 1 0 12.5v-9A1.5 1.5 0 0 1 1.5 2h8A1.5 1.5 0 0 1 11 3.5v2a.5.5 0 0 1-1 0v-2z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H14.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"
+  }));
+});
+BoxArrowInLeft.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  title: PropTypes.string
+};
+BoxArrowInLeft.defaultProps = {
+  color: 'currentColor',
+  size: '1em',
+  title: null
+};
+var BoxArrowInLeft$1 = BoxArrowInLeft;
+
 var _excluded$2 = ["color", "size", "title"];
 
 function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
@@ -3507,7 +3622,7 @@ function _extends$3() { _extends$3 = Object.assign || function (target) { for (v
 function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$2(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var BoundingBox = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var CaretDownFill = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
@@ -3521,20 +3636,20 @@ var BoundingBox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     height: size,
     fill: color
   }, rest), title ? /*#__PURE__*/React__default.createElement("title", null, title) : null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M5 2V0H0v5h2v6H0v5h5v-2h6v2h5v-5h-2V5h2V0h-5v2H5zm6 1v2h2v6h-2v2H5v-2H3V5h2V3h6zm1-2h3v3h-3V1zm3 11v3h-3v-3h3zM4 15H1v-3h3v3zM1 4V1h3v3H1z"
+    d: "M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"
   }));
 });
-BoundingBox.propTypes = {
+CaretDownFill.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   title: PropTypes.string
 };
-BoundingBox.defaultProps = {
+CaretDownFill.defaultProps = {
   color: 'currentColor',
   size: '1em',
   title: null
 };
-var BoundingBox$1 = BoundingBox;
+var CaretDownFill$1 = CaretDownFill;
 
 var _excluded$1 = ["color", "size", "title"];
 
@@ -3543,7 +3658,7 @@ function _extends$2() { _extends$2 = Object.assign || function (target) { for (v
 function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var CaretDownFill = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var CheckCircle = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
@@ -3557,20 +3672,22 @@ var CaretDownFill = /*#__PURE__*/forwardRef(function (_ref, ref) {
     height: size,
     fill: color
   }, rest), title ? /*#__PURE__*/React__default.createElement("title", null, title) : null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"
+    d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z"
   }));
 });
-CaretDownFill.propTypes = {
+CheckCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   title: PropTypes.string
 };
-CaretDownFill.defaultProps = {
+CheckCircle.defaultProps = {
   color: 'currentColor',
   size: '1em',
   title: null
 };
-var CaretDownFill$1 = CaretDownFill;
+var CheckCircle$1 = CheckCircle;
 
 var _excluded = ["color", "size", "title"];
 
@@ -3579,7 +3696,7 @@ function _extends$1() { _extends$1 = Object.assign || function (target) { for (v
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var CheckCircle = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var Eye = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
       title = _ref.title,
@@ -3593,22 +3710,22 @@ var CheckCircle = /*#__PURE__*/forwardRef(function (_ref, ref) {
     height: size,
     fill: color
   }, rest), title ? /*#__PURE__*/React__default.createElement("title", null, title) : null, /*#__PURE__*/React__default.createElement("path", {
-    d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"
+    d: "M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z"
+    d: "M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"
   }));
 });
-CheckCircle.propTypes = {
+Eye.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   title: PropTypes.string
 };
-CheckCircle.defaultProps = {
+Eye.defaultProps = {
   color: 'currentColor',
   size: '1em',
   title: null
 };
-var CheckCircle$1 = CheckCircle;
+var Eye$1 = Eye;
 
 const useLayoutEffect=Boolean(null===globalThis||void 0===globalThis?void 0:globalThis.document)?React.useLayoutEffect:()=>{};
 
@@ -4811,6 +4928,130 @@ var GetModel = function (_a) {
                         undefined }));
 };
 
+// Generated with util/create-component.js
+var PreviewBakeGeometry = function (_a) {
+    var geometry = _a.geometry;
+    var _b = useState(false), loadingPreview = _b[0], setLoadingPreview = _b[1];
+    var _c = useState(false), loadingBake = _c[0], setLoadingBake = _c[1];
+    var _d = useState(performance.now().toString()), key = _d[0]; _d[1];
+    var _e = useSendGeometry(); _e.host; _e.state; var sendGeometry = _e.sendGeometry;
+    var handlePreviewBake = useCallback(function (data, preview) {
+        sendGeometry(preview ? 'CombinedRendering' : 'BakeGeometry', {
+            data: data,
+            uniqueId: key,
+            options: {
+                layer: 'StreamlitLayer',
+                units: 'Meters',
+            },
+        });
+    }, [key, sendGeometry]);
+    var previewGeometry = useCallback(function () {
+        if (typeof geometry === 'object') {
+            handlePreviewBake(geometry, true);
+        }
+        else {
+            setLoadingPreview(true);
+            geometry().then(function (data) {
+                handlePreviewBake(data, true);
+            })
+                .finally(function () {
+                setLoadingPreview(false);
+            });
+        }
+    }, [geometry, handlePreviewBake]);
+    var bakeGeometry = useCallback(function () {
+        if (typeof geometry === 'object') {
+            handlePreviewBake(geometry, false);
+        }
+        else {
+            setLoadingBake(true);
+            geometry().then(function (data) {
+                handlePreviewBake(data, false);
+            })
+                .finally(function () {
+                setLoadingBake(false);
+            });
+        }
+    }, [geometry, handlePreviewBake]);
+    return (React__default.createElement(ConditionalWrapper, { condition: !sendGeometry, wrapper: function (children) { return React__default.createElement(Tooltip, { content: 'Available in Pollination CAD Plugins' }, children); } },
+        React__default.createElement("div", { style: {
+                width: '100%',
+                display: 'flex',
+                justifyContent: 'center',
+                padding: 4,
+                marginTop: 8,
+            } },
+            React__default.createElement("div", { className: "btn-group ".concat(!sendGeometry && 'btn-group-disabled') },
+                React__default.createElement("button", { disabled: !sendGeometry, onClick: previewGeometry },
+                    loadingPreview ? React__default.createElement(ArrowClockwise$1, null) : React__default.createElement(Eye$1, null),
+                    "Preview"),
+                React__default.createElement("button", { disabled: !sendGeometry, onClick: bakeGeometry },
+                    loadingBake ? React__default.createElement(ArrowClockwise$1, null) : React__default.createElement(BoxArrowInLeft$1, null),
+                    "Bake")))));
+};
+
+// Generated with util/create-component.js
+var PreviewBakeModel = function (_a) {
+    var hbjson = _a.hbjson;
+    var _b = useState(false), loadingPreview = _b[0], setLoadingPreview = _b[1];
+    var _c = useState(false), loadingBake = _c[0], setLoadingBake = _c[1];
+    var _d = useState(performance.now().toString()), key = _d[0]; _d[1];
+    var _e = useSendHbjson(); _e.host; _e.state; var sendHbjson = _e.sendHbjson;
+    var handlePreviewBake = useCallback(function (data, preview) {
+        sendHbjson(preview ? 'CombinedRenderingPollinationModel' : 'BakePollinationModel', {
+            data: data,
+            uniqueId: key,
+            options: {
+                layer: 'StreamlitLayer',
+                units: 'Meters',
+            },
+        });
+    }, [key, sendHbjson]);
+    var previewHbjson = useCallback(function () {
+        if (typeof hbjson === 'object') {
+            handlePreviewBake(hbjson, true);
+        }
+        else if (typeof hbjson === 'function') {
+            setLoadingPreview(true);
+            hbjson().then(function (data) {
+                handlePreviewBake(data, true);
+            })
+                .finally(function () {
+                setLoadingPreview(false);
+            });
+        }
+    }, [hbjson, handlePreviewBake]);
+    var bakeHbjson = useCallback(function () {
+        if (typeof hbjson === 'object') {
+            handlePreviewBake(hbjson, false);
+        }
+        else if (typeof hbjson === 'function') {
+            setLoadingBake(true);
+            hbjson().then(function (data) {
+                handlePreviewBake(data, false);
+            })
+                .finally(function () {
+                setLoadingBake(false);
+            });
+        }
+    }, [handlePreviewBake, hbjson]);
+    return (React__default.createElement(ConditionalWrapper, { condition: !sendHbjson, wrapper: function (children) { return React__default.createElement(Tooltip, { content: 'Available in Pollination CAD Plugins' }, children); } },
+        React__default.createElement("div", { style: {
+                width: '100%',
+                display: 'flex',
+                justifyContent: 'center',
+                padding: 4,
+                marginTop: 8,
+            } },
+            React__default.createElement("div", { className: "btn-group ".concat(!sendHbjson && 'btn-group-disabled') },
+                React__default.createElement("button", { disabled: !sendHbjson, onClick: previewHbjson },
+                    loadingPreview ? React__default.createElement(ArrowClockwise$1, null) : React__default.createElement(Eye$1, null),
+                    "Preview"),
+                React__default.createElement("button", { disabled: !sendHbjson, onClick: bakeHbjson },
+                    loadingBake ? React__default.createElement(ArrowClockwise$1, null) : React__default.createElement(BoxArrowInLeft$1, null),
+                    "Bake")))));
+};
+
 var css_248z = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary0: #e6f7ff;\n  --grey5: #8c8c8c;\n  --grey3: #d0d7de;\n  --secondary: #fff566;\n  --font-color: #494949;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --background: #3c3c3c;\n    --font-color: #fafafa;\n  }\n}";
 styleInject(css_248z);
 
@@ -4993,5 +5234,5 @@ var SendModel = function (_a) {
             }], label: "".concat(selOpt ? selOpt.split('-').map(function (o) { return o.charAt(0).toUpperCase() + o.slice(1); }).join(' ') : 'Send', " Model") }));
 };
 
-export { GetGeometry, GetModel, SendGeometry, SendModel, checkDotNet, checkRuby, getHost, sendMessageDotNet, sendMessageRuby, subscribeDotNet, useGetGeometry, useGetHbjson, useHbjsontoVTK, useManageSettings, useRunCommand, useSendGeometry, useSendHbjson };
+export { GetGeometry, GetModel, PreviewBakeGeometry, PreviewBakeModel, SendGeometry, SendModel, checkDotNet, checkRuby, getHost, sendMessageDotNet, sendMessageRuby, subscribeDotNet, useGetGeometry, useGetHbjson, useHbjsontoVTK, useManageSettings, useRunCommand, useSendGeometry, useSendHbjson };
 //# sourceMappingURL=index.esm.js.map