mod-arch-shared 0.1.0

package/dist/components/EditableTextDescriptionListGroup.js

@@ -0,0 +1,45 @@
+import { __awaiter, __generator, __read } from "tslib";
+import * as React from 'react';
+import { ExpandableSection, TextArea, TextInput } from '@patternfly/react-core';
+import DashboardDescriptionListGroup from '../components/DashboardDescriptionListGroup';
+import FormFieldset from '../components/FormFieldset';
+import { useThemeContext } from '../context/ThemeContext';
+var EditableTextDescriptionListGroup = function (_a) {
+    var title = _a.title, contentWhenEmpty = _a.contentWhenEmpty, value = _a.value, isArchive = _a.isArchive, saveEditedValue = _a.saveEditedValue, baseTestId = _a.baseTestId, editableVariant = _a.editableVariant;
+    var _b = __read(React.useState(false), 2), isEditing = _b[0], setIsEditing = _b[1];
+    var _c = __read(React.useState(value), 2), unsavedValue = _c[0], setUnsavedValue = _c[1];
+    var _d = __read(React.useState(false), 2), isSavingEdits = _d[0], setIsSavingEdits = _d[1];
+    var _e = __read(React.useState(false), 2), isTextExpanded = _e[0], setIsTextExpanded = _e[1];
+    var isMUITheme = useThemeContext().isMUITheme;
+    var editableTextArea = editableVariant === 'TextInput' ? (React.createElement(TextInput, { autoFocus: true, "data-testid": baseTestId && "".concat(baseTestId, "-input"), "aria-label": "Text input for editing ".concat(title), value: unsavedValue, onChange: function (_event, v) { return setUnsavedValue(v); }, isDisabled: isSavingEdits })) : (React.createElement(TextArea, { autoFocus: true, "data-testid": baseTestId && "".concat(baseTestId, "-input"), "aria-label": "Text box for editing ".concat(title), value: unsavedValue, onChange: function (_event, v) { return setUnsavedValue(v); }, isDisabled: isSavingEdits, rows: 24, resizeOrientation: "vertical" }));
+    return (React.createElement(DashboardDescriptionListGroup, { title: title, isEmpty: !value, contentWhenEmpty: contentWhenEmpty, isEditable: !isArchive, isEditing: isEditing, isSavingEdits: isSavingEdits, groupTestId: baseTestId && "".concat(baseTestId, "-group"), editButtonTestId: baseTestId && "".concat(baseTestId, "-edit"), saveButtonTestId: baseTestId && "".concat(baseTestId, "-save"), cancelButtonTestId: baseTestId && "".concat(baseTestId, "-cancel"), contentWhenEditing: isMUITheme ? React.createElement(FormFieldset, { component: editableTextArea }) : editableTextArea, onEditClick: function () {
+            setUnsavedValue(value);
+            setIsEditing(true);
+        }, onSaveEditsClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setIsSavingEdits(true);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, , 3, 4]);
+                        return [4 /*yield*/, saveEditedValue(unsavedValue)];
+                    case 2:
+                        _a.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        setIsSavingEdits(false);
+                        return [7 /*endfinally*/];
+                    case 4:
+                        setIsEditing(false);
+                        return [2 /*return*/];
+                }
+            });
+        }); }, onDiscardEditsClick: function () {
+            setUnsavedValue(value);
+            setIsEditing(false);
+        } },
+        React.createElement(ExpandableSection, { "data-testid": baseTestId, variant: "truncate", truncateMaxLines: 12, toggleText: isTextExpanded ? 'Show less' : 'Show more', onToggle: function (_event, isExpanded) { return setIsTextExpanded(isExpanded); }, isExpanded: isTextExpanded }, value)));
+};
+export default EditableTextDescriptionListGroup;
+//# sourceMappingURL=EditableTextDescriptionListGroup.js.map

package/dist/components/EditableTextDescriptionListGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableTextDescriptionListGroup.js","sourceRoot":"","sources":["../../components/EditableTextDescriptionListGroup.tsx"],"names":[],"mappings":"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"}

package/dist/components/EmptyStateErrorMessage.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+type EmptyStateErrorMessageProps = {
+    children?: React.ReactNode;
+    title: string;
+    bodyText: string;
+};
+declare const EmptyStateErrorMessage: React.FC<EmptyStateErrorMessageProps>;
+export default EmptyStateErrorMessage;
+//# sourceMappingURL=EmptyStateErrorMessage.d.ts.map

package/dist/components/EmptyStateErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateErrorMessage.d.ts","sourceRoot":"","sources":["../../components/EmptyStateErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,KAAK,2BAA2B,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAejE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/EmptyStateErrorMessage.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { EmptyState, EmptyStateBody, Stack, StackItem, EmptyStateFooter, } from '@patternfly/react-core';
+import { PathMissingIcon } from '@patternfly/react-icons';
+var EmptyStateErrorMessage = function (_a) {
+    var title = _a.title, bodyText = _a.bodyText, children = _a.children;
+    return (React.createElement(EmptyState, { headingLevel: "h2", icon: PathMissingIcon, titleText: title },
+        React.createElement(EmptyStateFooter, null,
+            React.createElement(Stack, { hasGutter: true },
+                React.createElement(StackItem, null,
+                    React.createElement(EmptyStateBody, null, bodyText)),
+                children && React.createElement(StackItem, null, children)))));
+};
+export default EmptyStateErrorMessage;
+//# sourceMappingURL=EmptyStateErrorMessage.js.map

package/dist/components/EmptyStateErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateErrorMessage.js","sourceRoot":"","sources":["../../components/EmptyStateErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,UAAU,EACV,cAAc,EACd,KAAK,EACL,SAAS,EACT,gBAAgB,GACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAQ1D,IAAM,sBAAsB,GAA0C,UAAC,EAItE;QAHC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA;IACJ,OAAA,CACJ,oBAAC,UAAU,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK;QACnE,oBAAC,gBAAgB;YACf,oBAAC,KAAK,IAAC,SAAS;gBACd,oBAAC,SAAS;oBACR,oBAAC,cAAc,QAAE,QAAQ,CAAkB,CACjC;gBACX,QAAQ,IAAI,oBAAC,SAAS,QAAE,QAAQ,CAAa,CACxC,CACS,CACR,CACd;AAXK,CAWL,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/FieldGroupHelpLabelIcon.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Popover } from '@patternfly/react-core';
+type FieldGroupHelpLabelIconProps = {
+    content: React.ComponentProps<typeof Popover>['bodyContent'];
+};
+declare const FieldGroupHelpLabelIcon: React.FC<FieldGroupHelpLabelIconProps>;
+export default FieldGroupHelpLabelIcon;
+//# sourceMappingURL=FieldGroupHelpLabelIcon.d.ts.map

package/dist/components/FieldGroupHelpLabelIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupHelpLabelIcon.d.ts","sourceRoot":"","sources":["../../components/FieldGroupHelpLabelIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAIjD,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;CAC9D,CAAC;AAEF,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAInE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/FieldGroupHelpLabelIcon.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Popover } from '@patternfly/react-core';
+import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
+import DashboardPopupIconButton from '../components/dashboard/DashboardPopupIconButton';
+var FieldGroupHelpLabelIcon = function (_a) {
+    var content = _a.content;
+    return (React.createElement(Popover, { bodyContent: content },
+        React.createElement(DashboardPopupIconButton, { icon: React.createElement(OutlinedQuestionCircleIcon, null), "aria-label": "More info" })));
+};
+export default FieldGroupHelpLabelIcon;
+//# sourceMappingURL=FieldGroupHelpLabelIcon.js.map

package/dist/components/FieldGroupHelpLabelIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupHelpLabelIcon.js","sourceRoot":"","sources":["../../components/FieldGroupHelpLabelIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAMvF,IAAM,uBAAuB,GAA2C,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CACvF,oBAAC,OAAO,IAAC,WAAW,EAAE,OAAO;QAC3B,oBAAC,wBAAwB,IAAC,IAAI,EAAE,oBAAC,0BAA0B,OAAG,gBAAa,WAAW,GAAG,CACjF,CACX;AAJwF,CAIxF,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/FormFieldset.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+interface FormFieldsetProps {
+    component: ReactNode;
+    field?: string;
+    className?: string;
+}
+declare const FormFieldset: React.FC<FormFieldsetProps>;
+export default FormFieldset;
+//# sourceMappingURL=FormFieldset.d.ts.map

package/dist/components/FormFieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldset.d.ts","sourceRoot":"","sources":["../../components/FormFieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,iBAAiB;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAW7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/FormFieldset.js

@@ -0,0 +1,10 @@
+import React from 'react';
+var FormFieldset = function (_a) {
+    var component = _a.component, field = _a.field, className = _a.className;
+    return (React.createElement("div", { className: className !== null && className !== void 0 ? className : 'form-fieldset-wrapper' },
+        component,
+        React.createElement("fieldset", { "aria-hidden": "true", className: "form-fieldset" }, field && (React.createElement("legend", { className: "form-fieldset-legend" },
+            React.createElement("span", null, field))))));
+};
+export default FormFieldset;
+//# sourceMappingURL=FormFieldset.js.map

package/dist/components/FormFieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldset.js","sourceRoot":"","sources":["../../components/FormFieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAQzC,IAAM,YAAY,GAAgC,UAAC,EAA+B;QAA7B,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA;IAAO,OAAA,CACrF,6BAAK,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAuB;QACjD,SAAS;QACV,iDAAsB,MAAM,EAAC,SAAS,EAAC,eAAe,IACnD,KAAK,IAAI,CACR,gCAAQ,SAAS,EAAC,sBAAsB;YACtC,kCAAO,KAAK,CAAQ,CACb,CACV,CACQ,CACP,CACP;AAXsF,CAWtF,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/InlineTruncatedClipboardCopy.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+type Props = {
+    textToCopy: string;
+    truncatePosition?: 'middle' | 'end';
+    testId?: string;
+    maxWidth?: number;
+};
+/** Hopefully PF will add some flexibility with ClipboardCopy
+ *  in the future and this will not be necessary
+ * https://github.com/patternfly/patternfly-react/issues/10890
+ **/
+declare const InlineTruncatedClipboardCopy: React.FC<Props>;
+export default InlineTruncatedClipboardCopy;
+//# sourceMappingURL=InlineTruncatedClipboardCopy.d.ts.map

package/dist/components/InlineTruncatedClipboardCopy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineTruncatedClipboardCopy.d.ts","sourceRoot":"","sources":["../../components/InlineTruncatedClipboardCopy.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;IAGI;AAGJ,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoBjD,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/components/InlineTruncatedClipboardCopy.js

@@ -0,0 +1,19 @@
+import { ClipboardCopy, ClipboardCopyVariant, Truncate } from '@patternfly/react-core';
+import * as React from 'react';
+/** Hopefully PF will add some flexibility with ClipboardCopy
+ *  in the future and this will not be necessary
+ * https://github.com/patternfly/patternfly-react/issues/10890
+ **/
+// TODO: Fix this when PF 6 supports a ReactNode as a child for the ClipboardCopy component
+var InlineTruncatedClipboardCopy = function (_a) {
+    var textToCopy = _a.textToCopy, testId = _a.testId, maxWidth = _a.maxWidth, truncatePosition = _a.truncatePosition;
+    return (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    React.createElement(ClipboardCopy, { variant: ClipboardCopyVariant.inlineCompact, style: { display: 'inline-flex', maxWidth: maxWidth }, hoverTip: "Copy", clickTip: "Copied", "data-testid": testId, onCopy: function () {
+            navigator.clipboard.writeText(textToCopy);
+        } },
+        React.createElement(Truncate, { content: textToCopy, position: truncatePosition })));
+};
+export default InlineTruncatedClipboardCopy;
+//# sourceMappingURL=InlineTruncatedClipboardCopy.js.map

package/dist/components/InlineTruncatedClipboardCopy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineTruncatedClipboardCopy.js","sourceRoot":"","sources":["../../components/InlineTruncatedClipboardCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;IAGI;AAEJ,2FAA2F;AAC3F,IAAM,4BAA4B,GAAoB,UAAC,EAKtD;QAJC,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IACZ,OAAA;IACJ,6DAA6D;IAC7D,aAAa;IACb,oBAAC,aAAa,IACZ,OAAO,EAAE,oBAAoB,CAAC,aAAa,EAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,UAAA,EAAE,EAC3C,QAAQ,EAAC,MAAM,EACf,QAAQ,EAAC,QAAQ,iBACJ,MAAM,EACnB,MAAM,EAAE;YACN,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC5C,CAAC;QAED,oBAAC,QAAQ,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,GAAI,CAC/C,CACjB;AAfK,CAeL,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/components/InlineTruncatedClipboardCopy.scss

@@ -0,0 +1,4 @@
+.pf-v6-c-truncate {
+    --pf-v6-c-truncate--MinWidth: 0;
+    --pf-v6-c-truncate__start--MinWidth: 0;
+  }

package/dist/components/KubeflowDocs.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+type Props = {
+    buttonLabel?: string;
+    docsLink?: string;
+    isInline?: boolean;
+    linkTestId?: string;
+};
+declare const KubeflowDocs: React.FC<Props>;
+export default KubeflowDocs;
+//# sourceMappingURL=KubeflowDocs.d.ts.map

package/dist/components/KubeflowDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KubeflowDocs.d.ts","sourceRoot":"","sources":["../../components/KubeflowDocs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiBjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/KubeflowDocs.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Button } from '@patternfly/react-core';
+import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
+var KubeflowDocs = function (_a) {
+    var _b = _a.buttonLabel, buttonLabel = _b === void 0 ? 'Kubeflow Docs' : _b, _c = _a.docsLink, docsLink = _c === void 0 ? 'https://www.kubeflow.org/docs/components/model-registry/installation/#installing-model-registry' : _c, isInline = _a.isInline, linkTestId = _a.linkTestId;
+    return (React.createElement(Button, { isInline: isInline, variant: "link", icon: React.createElement(OutlinedQuestionCircleIcon, null), "data-testid": linkTestId, onClick: function () {
+            window.open(docsLink);
+        } }, buttonLabel));
+};
+export default KubeflowDocs;
+//# sourceMappingURL=KubeflowDocs.js.map

package/dist/components/KubeflowDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KubeflowDocs.js","sourceRoot":"","sources":["../../components/KubeflowDocs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AASrE,IAAM,YAAY,GAAoB,UAAC,EAKtC;QAJC,mBAA6B,EAA7B,WAAW,mBAAG,eAAe,KAAA,EAC7B,gBAA4G,EAA5G,QAAQ,mBAAG,iGAAiG,KAAA,EAC5G,QAAQ,cAAA,EACR,UAAU,gBAAA;IACN,OAAA,CACJ,oBAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,oBAAC,0BAA0B,OAAG,iBACvB,UAAU,EACvB,OAAO,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC,IAEA,WAAW,CACL,CACV;AAZK,CAYL,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/MarkdownView.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './MarkdownView.scss';
+type MarkdownViewProps = {
+    markdown?: string;
+    className?: string;
+    /** Strips some padding out so the content can fit as an inline-block effort */
+    conciseDisplay?: boolean;
+    component?: 'div' | 'span';
+};
+declare const MarkdownView: React.FC<MarkdownViewProps & React.HTMLAttributes<HTMLDivElement>>;
+export default MarkdownView;
+//# sourceMappingURL=MarkdownView.d.ts.map

package/dist/components/MarkdownView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownView.d.ts","sourceRoot":"","sources":["../../components/MarkdownView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,qBAAqB,CAAC;AAE7B,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAiBpF,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/MarkdownView.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import classNames from 'classnames';
+import { markdownConverter } from '../utilities/markdown';
+import './MarkdownView.scss';
+var MarkdownView = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.markdown, markdown = _c === void 0 ? '' : _c, conciseDisplay = _a.conciseDisplay, _d = _a.component, component = _d === void 0 ? 'div' : _d, props = __rest(_a, ["className", "markdown", "conciseDisplay", "component"]);
+    var Component = component;
+    return (React.createElement(Component, __assign({ className: classNames('kubeflow-markdown-view', className, {
+            'kubeflow-markdown-view--with-padding': !conciseDisplay,
+        }) }, props, { dangerouslySetInnerHTML: { __html: markdownConverter.makeHtml(markdown) } })));
+};
+export default MarkdownView;
+//# sourceMappingURL=MarkdownView.js.map

package/dist/components/MarkdownView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownView.js","sourceRoot":"","sources":["../../components/MarkdownView.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,qBAAqB,CAAC;AAU7B,IAAM,YAAY,GAAuE,UAAC,EAMzF;IALC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,cAAc,oBAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,KAAK,cALgF,wDAMzF,CADS;IAER,IAAM,SAAS,GAAG,SAAS,CAAC;IAC5B,OAAO,CACL,oBAAC,SAAS,aACR,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,EAAE;YACzD,sCAAsC,EAAE,CAAC,cAAc;SACxD,CAAC,IACE,KAAK,IACT,uBAAuB,EAAE,EAAE,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,IACzE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/MarkdownView.scss

@@ -0,0 +1,88 @@
+.kubeflow-markdown-view {
+  word-break: break-word;
+
+  &--with-padding {
+    padding-bottom: var(--pf-v6-global--spacer--md);
+
+    p {
+      margin-bottom: var(--pf-v6-global--spacer--sm);
+    }
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: var(--pf-v6-global--FontFamily--heading--sans-serif);
+    font-weight: var(--pf-v6-global--FontWeight--normal);
+    margin-top: var(--pf-v6-global--spacer--md);
+    margin-bottom: var(--pf-v6-global--spacer--sm);
+  }
+
+  h1 {
+    font-size: var(--pf-v6-global--FontSize--2xl);
+  }
+
+  h2 {
+    font-size: var(--pf-v6-global--FontSize--xl);
+  }
+
+  h3 {
+    font-size: var(--pf-v6-global--FontSize--lg);
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: var(--pf-v6-global--FontSize--md);
+    margin-top: var(--pf-v6-global--spacer--sm);
+  }
+
+  ul,
+  ol {
+    margin-top: 0;
+    margin-bottom: var(--pf-v6-global--spacer--sm);
+  }
+
+  ul {
+    list-style: initial;
+  }
+
+  li {
+    margin-left: var(--pf-v6-global--spacer--lg);
+  }
+
+  code,
+  pre {
+    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
+    background-color: var(--pf-v6-global--BackgroundColor--200);
+    border-radius: var(--pf-v6-global--BorderRadius--sm);
+  }
+
+  code {
+    padding: 2px 4px;
+    font-size: 85%;
+    color: var(--pf-v6-global--danger-color--100);
+  }
+
+  pre {
+    display: block;
+    padding: var(--pf-v6-global--spacer--sm);
+    margin-bottom: var(--pf-v6-global--spacer--sm);
+    font-size: var(--pf-v6-global--FontSize--sm);
+    color: var(--pf-v6-global--Color--300);
+    word-break: break-all;
+    word-wrap: break-word;
+    background-color: var(--pf-v6-global--BackgroundColor--200);
+    border: var(--pf-v6-global--BorderWidth--sm) solid var(--pf-v6-global--Color--light-300);
+    border-radius: var(--pf-v6-global--BorderRadius--sm);
+    code {
+      padding: 0;
+      font-size: inherit;
+      color: inherit;
+      white-space: pre-wrap;
+    }
+  }
+}

package/dist/components/NavBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface NavBarProps {
+    username?: string;
+    onLogout: () => void;
+}
+declare const NavBar: React.FC<NavBarProps>;
+export default NavBar;
+//# sourceMappingURL=NavBar.d.ts.map

package/dist/components/NavBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../components/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/NavBar.js

@@ -0,0 +1,48 @@
+import { __read } from "tslib";
+import React from 'react';
+import { Brand, Dropdown, DropdownItem, DropdownList, Masthead, MastheadBrand, MastheadContent, MastheadLogo, MastheadMain, MastheadToggle, MenuToggle, PageToggleButton, Toolbar, ToolbarContent, ToolbarGroup, ToolbarItem, } from '@patternfly/react-core';
+import { SimpleSelect } from '@patternfly/react-templates';
+import { BarsIcon } from '@patternfly/react-icons';
+import { NamespaceSelectorContext } from '../context/NamespaceSelectorContext';
+import logoDarkTheme from '../images/logo-dark-theme.svg';
+import { useThemeContext } from '../context/ThemeContext';
+var NavBar = function (_a) {
+    var username = _a.username, onLogout = _a.onLogout;
+    var _b = React.useContext(NamespaceSelectorContext), namespaces = _b.namespaces, preferredNamespace = _b.preferredNamespace, updatePreferredNamespace = _b.updatePreferredNamespace;
+    var isMUITheme = useThemeContext().isMUITheme;
+    var _c = __read(React.useState(false), 2), userMenuOpen = _c[0], setUserMenuOpen = _c[1];
+    var options = namespaces.map(function (namespace) { return ({
+        content: namespace.name,
+        value: namespace.name,
+        selected: namespace.name === (preferredNamespace === null || preferredNamespace === void 0 ? void 0 : preferredNamespace.name),
+    }); });
+    var handleLogout = function () {
+        setUserMenuOpen(false);
+        onLogout();
+    };
+    var userMenuItems = [
+        React.createElement(DropdownItem, { key: "logout", onClick: handleLogout }, "Log out"),
+    ];
+    return (React.createElement(Masthead, null,
+        React.createElement(MastheadMain, null,
+            React.createElement(MastheadToggle, null,
+                React.createElement(PageToggleButton, { id: "page-nav-toggle", variant: "plain", "aria-label": "Dashboard navigation" },
+                    React.createElement(BarsIcon, null))),
+            !isMUITheme ? (React.createElement(MastheadBrand, null,
+                React.createElement(MastheadLogo, { component: "a" },
+                    React.createElement(Brand, { src: logoDarkTheme, alt: "Kubeflow", heights: { default: '36px' } })))) : ('')),
+        React.createElement(MastheadContent, null,
+            React.createElement(Toolbar, null,
+                React.createElement(ToolbarContent, null,
+                    React.createElement(ToolbarGroup, { variant: "action-group-plain", align: { default: 'alignStart' } },
+                        React.createElement(ToolbarItem, { className: "kubeflow-u-namespace-select" },
+                            React.createElement(SimpleSelect, { initialOptions: options, onSelect: function (_ev, selection) {
+                                    updatePreferredNamespace({ name: String(selection) });
+                                } }))),
+                    username && (React.createElement(ToolbarGroup, { variant: "action-group-plain", align: { default: 'alignEnd' } },
+                        React.createElement(ToolbarItem, null,
+                            React.createElement(Dropdown, { popperProps: { position: 'right' }, onOpenChange: function (isOpen) { return setUserMenuOpen(isOpen); }, toggle: function (toggleRef) { return (React.createElement(MenuToggle, { "aria-label": "User menu", id: "user-menu-toggle", "data-testid": "user-menu-toggle-button", ref: toggleRef, onClick: function () { return setUserMenuOpen(!userMenuOpen); }, isExpanded: userMenuOpen }, username)); }, isOpen: userMenuOpen },
+                                React.createElement(DropdownList, null, userMenuItems))))))))));
+};
+export default NavBar;
+//# sourceMappingURL=NavBar.js.map

package/dist/components/NavBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../components/NavBar.tsx"],"names":[],"mappings":"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"}

package/dist/components/NavSidebar.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { NavDataItem } from '../types/common';
+export type NavSidebarProps = {
+    navData: NavDataItem[];
+};
+declare const NavSidebar: React.FC<NavSidebarProps>;
+export default NavSidebar;
+//# sourceMappingURL=NavSidebar.d.ts.map

package/dist/components/NavSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavSidebar.d.ts","sourceRoot":"","sources":["../../components/NavSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAA6C,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA8BxF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/NavSidebar.js

@@ -0,0 +1,31 @@
+import { __read } from "tslib";
+import * as React from 'react';
+import { NavLink } from 'react-router-dom';
+import { Brand, Nav, NavExpandable, NavItem, NavList, PageSidebar, PageSidebarBody, } from '@patternfly/react-core';
+import { LOGO_LIGHT } from '../utilities/const';
+import { isNavDataGroup } from '../types/common';
+var NavHref = function (_a) {
+    var item = _a.item;
+    return (React.createElement(NavItem, { key: item.label, "data-id": item.label, itemId: item.label },
+        React.createElement(NavLink, { to: item.path }, item.label)));
+};
+var NavGroup = function (_a) {
+    var item = _a.item;
+    var children = item.children;
+    var _b = __read(React.useState(false), 2), expanded = _b[0], setExpanded = _b[1];
+    return (React.createElement(NavExpandable, { "data-id": item.label, key: item.label, id: item.label, title: item.label, groupId: item.label, isExpanded: expanded, onExpand: function (e, val) { return setExpanded(val); }, "aria-label": item.label }, children.map(function (childItem) { return (React.createElement(NavHref, { key: childItem.label, "data-id": childItem.label, item: childItem })); })));
+};
+var NavSidebar = function (_a) {
+    var navData = _a.navData;
+    return (React.createElement(PageSidebar, null,
+        React.createElement(PageSidebarBody, null,
+            React.createElement(Nav, { id: "nav-primary-simple" },
+                React.createElement(NavList, { id: "nav-list-simple" },
+                    React.createElement(NavItem, null,
+                        React.createElement(Brand, { className: "kubeflow_brand", src: "/images/".concat(LOGO_LIGHT), alt: "Kubeflow Logo" })),
+                    navData.map(function (item) {
+                        return isNavDataGroup(item) ? (React.createElement(NavGroup, { key: item.label, item: item })) : (React.createElement(NavHref, { key: item.label, item: item }));
+                    }))))));
+};
+export default NavSidebar;
+//# sourceMappingURL=NavSidebar.js.map

package/dist/components/NavSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavSidebar.js","sourceRoot":"","sources":["../../components/NavSidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EACL,KAAK,EACL,GAAG,EACH,aAAa,EACb,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAA0C,MAAM,gBAAgB,CAAC;AAExF,IAAM,OAAO,GAAoC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CAC7D,oBAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,aAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK;QAC/D,oBAAC,OAAO,IAAC,EAAE,EAAE,IAAI,CAAC,IAAI,IAAG,IAAI,CAAC,KAAK,CAAW,CACtC,CACX;AAJ8D,CAI9D,CAAC;AAEF,IAAM,QAAQ,GAAqC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAChD,IAAA,QAAQ,GAAK,IAAI,SAAT,CAAU;IACpB,IAAA,KAAA,OAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,OAAO,CACL,oBAAC,aAAa,eACH,IAAI,CAAC,KAAK,EACnB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,UAAC,CAAC,EAAE,GAAG,IAAK,OAAA,WAAW,CAAC,GAAG,CAAC,EAAhB,CAAgB,gBAC1B,IAAI,CAAC,KAAK,IAErB,QAAQ,CAAC,GAAG,CAAC,UAAC,SAAS,IAAK,OAAA,CAC3B,oBAAC,OAAO,IAAC,GAAG,EAAE,SAAS,CAAC,KAAK,aAAW,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,GAAI,CAC7E,EAF4B,CAE5B,CAAC,CACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAMF,IAAM,UAAU,GAA8B,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CAC7D,oBAAC,WAAW;QACV,oBAAC,eAAe;YACd,oBAAC,GAAG,IAAC,EAAE,EAAC,oBAAoB;gBAC1B,oBAAC,OAAO,IAAC,EAAE,EAAC,iBAAiB;oBAC3B,oBAAC,OAAO;wBACN,oBAAC,KAAK,IAAC,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,kBAAW,UAAU,CAAE,EAAE,GAAG,EAAC,eAAe,GAAG,CAC9E;oBACT,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI;wBAChB,OAAA,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACrB,oBAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC1C,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACzC;oBAJD,CAIC,CACF,CACO,CACN,CACU,CACN,CACf;AAnB8D,CAmB9D,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/NotebookController.scss

@@ -0,0 +1,113 @@
+.kubeflow-notebook-controller {
+  &__page {
+    &-content {
+      max-width: 1000px;
+    }
+    .pf-v6-c-menu-toggle {
+      width: 70%;
+    }
+    .pf-v6-c-form__section:not(:first-child) {
+      margin-top: var(--pf-t--global--spacer--sm);
+      padding-top: var(--pf-t--global--spacer--sm);
+      border-top: 1px solid var(--pf-t--global--border--color--default);
+    }
+  }
+  &__env-var {
+    gap: var(--pf-t--global--spacer--gutter--default);
+    .pf-v6-c-form__section-title {
+      margin-bottom: var(--pf-t--global--spacer--sm);
+    }
+    &-add-button {
+      margin-left: var(--pf-t--global--spacer--md);
+    }
+    &-row {
+      width: 85%;
+      .pf-v6-c-menu-toggle {
+        width: 70%;
+      }
+      & ~ & {
+        padding-top: var(--pf-t--global--spacer--md);
+        border-top: 1px solid var(--pf-t--global--border--color--default);
+      }
+    }
+    &-field {
+      margin-left: var(--pf-t--global--spacer--md);
+      .pf-v6-c-form-control,
+      .pf-v6-c-input-group {
+        width: calc(70%);
+      }
+      &__value .pf-v6-c-form-control {
+        width: 100%;
+      }
+    }
+  }
+  &__server-details {
+    &-title {
+      font-size: var(--pf-t--global--font--size--lg);
+      padding-bottom: var(--pf-t--global--spacer--md);
+    }
+    &-image-name {
+      padding-bottom: var(--pf-t--global--spacer--md);
+    }
+    .pf-v6-c-description-list {
+      font-size: small;
+      padding-bottom: var(--pf-t--global--spacer--xl);
+    }
+  }
+  &__notebook-image {
+    &-option {
+      .pf-v6-c-radio__label {
+        white-space: nowrap;
+      }
+    }
+    &-tags {
+      margin-left: var(--pf-t--global--spacer--md);
+      .pf-v6-c-expandable-section__content {
+        margin-top: 0;
+        margin-left: var(--pf-t--global--spacer--md);
+      }
+      .kubeflow-data-projects__notebook-image-option:not(:last-of-type) {
+        margin-bottom: var(--pf-t--global--spacer--sm);
+      }
+    }
+    &-title {
+      > svg,
+      &-version {
+        margin-left: var(--pf-t--global--spacer--xs);
+      }
+      .pf-v6-c-label {
+        margin-left: var(--pf-t--global--spacer--sm);
+      }
+    }
+    &-popover {
+      &-title {
+        font-weight: var(--pf-t--global--font--weight--heading--bold);
+        margin-bottom: var(--pf-t--global--spacer--sm);
+      }
+      &-package-title {
+        font-weight: var(--pf-t--global--font--weight--heading--bold);
+      }
+    }
+  }
+  &__start-server-modal {
+    .pf-v6-c-list {
+      font-size: var(--pf-t--global--font--size--body--sm);
+    }
+    .pf-v6-c-expandable-section {
+      width: 100%;
+      padding-right: var(--pf-t--global--spacer--lg);
+      margin-top: var(--pf-t--global--spacer--sm);
+      &__content {
+        margin-top: 0;
+        max-height: 250px;
+        overflow: auto;
+      }
+    }
+    .pf-v6-c-progress {
+      margin-bottom: var(--pf-t--global--spacer--md);
+    }
+    .pf-v6-c-alert {
+      margin-bottom: var(--pf-t--global--spacer--md);
+    }
+  }
+}

package/dist/components/PopoverListContent.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ContentProps } from '@patternfly/react-core';
+type PopoverListContentProps = ContentProps & {
+    leadText?: React.ReactNode;
+    listHeading?: React.ReactNode;
+    listItems: React.ReactNode[];
+};
+declare const PopoverListContent: React.FC<PopoverListContentProps>;
+export default PopoverListContent;
+//# sourceMappingURL=PopoverListContent.d.ts.map

package/dist/components/PopoverListContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverListContent.d.ts","sourceRoot":"","sources":["../../components/PopoverListContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE/D,KAAK,uBAAuB,GAAG,YAAY,GAAG;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC9B,CAAC;AAQF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiBzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/PopoverListContent.js

@@ -0,0 +1,17 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { Content } from '@patternfly/react-core';
+var ContentText = function (_a) {
+    var children = _a.children;
+    return (React.createElement(Content, { component: "small", style: { color: 'var(--pf-t--global--text--color--regular)' } }, children));
+};
+var PopoverListContent = function (_a) {
+    var leadText = _a.leadText, listHeading = _a.listHeading, listItems = _a.listItems, props = __rest(_a, ["leadText", "listHeading", "listItems"]);
+    return (React.createElement(Content, __assign({}, props),
+        leadText ? React.createElement(ContentText, null, leadText) : null,
+        listHeading ? React.createElement(Content, { component: "h4" }, listHeading) : null,
+        React.createElement(Content, { component: "ul", style: { margin: 0 } }, listItems.map(function (item, index) { return (React.createElement(Content, { component: "li", key: index },
+            React.createElement(ContentText, null, item))); }))));
+};
+export default PopoverListContent;
+//# sourceMappingURL=PopoverListContent.js.map