@openviking/react 0.1.1 → 0.1.3

package/dist/2~0.js

@@ -0,0 +1,122 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function Divider({ orientation = 'vertical', length, thickness = 1, color, className, style, ...rest }) {
+    const vertical = 'vertical' === orientation;
+    const size = vertical ? {
+        flex: 'none',
+        width: thickness,
+        height: length
+    } : {
+        flex: 'none',
+        width: length ?? '100%',
+        height: thickness
+    };
+    return /*#__PURE__*/ jsx("div", {
+        ...rest,
+        role: "separator",
+        "aria-orientation": orientation,
+        className: [
+            'ov-divider',
+            className
+        ].filter(Boolean).join(' '),
+        style: {
+            background: color ?? 'var(--ov-ui-color-border-2, var(--ov-ui-border-2-default, #e1e4f2))',
+            ...size,
+            ...style
+        }
+    });
+}
+function ConnectAgentIcon() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "14",
+        height: "14",
+        viewBox: "0 0 14 14",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.4",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M5.187 1.75V3.736M8.876 1.75V3.736M7.031 10.547V12.25M4.052 3.736H10.011A1.135 1.135 0 0 1 11.147 4.872V8.277A2.27 2.27 0 0 1 8.876 10.547H5.187A2.27 2.27 0 0 1 2.917 8.277V4.872A1.135 1.135 0 0 1 4.052 3.736Z"
+        })
+    });
+}
+function ImportResourcesIcon() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "12",
+        height: "12",
+        viewBox: "0 0 12 12",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.4",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M10.5 7.5V8.1C10.5 8.94008 10.5 9.36012 10.3365 9.68099C10.1927 9.96323 9.96323 10.1927 9.68099 10.3365C9.36012 10.5 8.94008 10.5 8.1 10.5H3.9C3.05992 10.5 2.63988 10.5 2.31901 10.3365C2.03677 10.1927 1.8073 9.96323 1.66349 9.68099C1.5 9.36012 1.5 8.94008 1.5 8.1V7.5M3.5 4L6 1.5L8.5 4M6 1.5V7.5"
+        })
+    });
+}
+const DEFAULT_LABELS = {
+    connectAgent: 'Connect agent',
+    importResources: 'Import resources'
+};
+function FileBrowserEntries({ onConnectAgent, onImportResources, labels, className, ...rest }) {
+    const text = {
+        ...DEFAULT_LABELS,
+        ...labels
+    };
+    if (!onConnectAgent && !onImportResources) return null;
+    return /*#__PURE__*/ jsxs("div", {
+        ...rest,
+        className: [
+            'ov-file-browser-entries',
+            className
+        ].filter(Boolean).join(' '),
+        children: [
+            onConnectAgent ? /*#__PURE__*/ jsxs("button", {
+                type: "button",
+                className: "ov-file-browser-entries__entry",
+                onClick: onConnectAgent,
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-browser-entries__icon",
+                        "aria-hidden": "true",
+                        children: /*#__PURE__*/ jsx(ConnectAgentIcon, {})
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-browser-entries__label",
+                        children: text.connectAgent
+                    })
+                ]
+            }) : null,
+            onConnectAgent && onImportResources ? /*#__PURE__*/ jsx(Divider, {
+                className: "ov-file-browser-entries__divider",
+                length: 12,
+                color: "var(--ov-ui-color-primary, var(--ov-ui-primary-default, #5252ff))",
+                style: {
+                    opacity: 0.5
+                }
+            }) : null,
+            onImportResources ? /*#__PURE__*/ jsxs("button", {
+                type: "button",
+                className: "ov-file-browser-entries__entry",
+                onClick: onImportResources,
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-browser-entries__icon",
+                        "aria-hidden": "true",
+                        children: /*#__PURE__*/ jsx(ImportResourcesIcon, {})
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ov-file-browser-entries__label",
+                        children: text.importResources
+                    })
+                ]
+            }) : null
+        ]
+    });
+}
+export { FileBrowserEntries };