@activecollab/components 2.0.421 → 2.0.422

package/dist/cjs/presentation/shared/portfolioDetails.js

@@ -0,0 +1,566 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sampleProjectOptionIds = exports.leaderShortName = exports.isPortfolioDetailsValid = exports.defaultPortfolioName = exports.contextFieldLabel = exports.VISIBILITY_OPTIONS = exports.PortfolioDetailsFields = exports.PORTFOLIO_TYPES = exports.LEADERS_LIST = exports.EditPortfolioDialog = exports.DEFAULT_PORTFOLIO_FORM_VALUES = exports.CLIENTS = exports.CATEGORIES = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Button = require("../../components/Button");
+var _Dialog = require("../../components/Dialog");
+var _IconButton = require("../../components/IconButton");
+var _Icons = require("../../components/Icons");
+var _Input = require("../../components/Input");
+var _Label = require("../../components/Label");
+var _RadioGroup = require("../../components/RadioGroup");
+var _Select = require("../../components/Select");
+var _SelectTrigger = require("../../components/SelectTrigger");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/*
+  Portfolio details form — the shared "step 2" of the Create Portfolio wizard,
+  reused verbatim as the Edit Portfolio dialog.
+
+  This mirrors a pattern used across the app: the fields that make up the final
+  step of a creation wizard are the same fields shown, later, when the object is
+  edited. So the form body (name, the type's picker, visibility) and its
+  validation live here once, and two consumers render it:
+
+    - The Create Portfolio wizard (PortfoliosList.stories.tsx) renders
+      <PortfolioDetailsFields> inside its step-2 <Dialog.Content>, with a
+      "Create Portfolio" action.
+    - <EditPortfolioDialog> (opened from PortfolioOptionsMenu's Edit item)
+      renders the SAME <PortfolioDetailsFields> inside a standalone <Dialog>,
+      with a "Save Changes" action.
+
+  Both use isPortfolioDetailsValid() and the same always-enabled-submit,
+  outline-on-submit validation rule.
+*/
+
+/* ------------------------------------------------------------------ */
+/* Domain types                                                        */
+/* ------------------------------------------------------------------ */
+
+/** How a portfolio decides its members (two kinds, three context types). */
+
+/** Grouping of the projects multi-select — matches Invite-to-Projects. */
+
+/** The editable shape shared by create step 2 and the edit dialog. */
+
+/** A blank custom portfolio — the fallback seed for the edit dialog. */
+var DEFAULT_PORTFOLIO_FORM_VALUES = exports.DEFAULT_PORTFOLIO_FORM_VALUES = {
+  type: "custom",
+  name: "",
+  context: undefined,
+  projectIds: [],
+  groupBy: "favorites",
+  visibility: "everyone"
+};
+
+/* ------------------------------------------------------------------ */
+/* Pickers' mock data                                                  */
+/* ------------------------------------------------------------------ */
+
+var LEADERS_LIST = exports.LEADERS_LIST = [{
+  name: "Theo Brandt",
+  short: "Theo B."
+}, {
+  name: "Isabel Cortez",
+  short: "Isabel C."
+}, {
+  name: "Grace Bauer",
+  short: "Grace B."
+}, {
+  name: "Noah Mercer",
+  short: "Noah M."
+}];
+var CATEGORIES = exports.CATEGORIES = ["Brand & Identity", "Web & Product", "Marketing", "Internal Ops"];
+var CLIENTS = exports.CLIENTS = ["Aperture Studio", "Orbit Telecom", "Northwind Traders", "Meridian Health"];
+var PICKER_PROJECTS = [{
+  id: 1,
+  name: "Website Redesign",
+  client: "Aperture Studio",
+  category: "Web & Product",
+  label: "Design",
+  leader: "Theo Brandt",
+  favorite: true
+}, {
+  id: 2,
+  name: "Brand Refresh",
+  client: "Aperture Studio",
+  category: "Brand & Identity",
+  label: "Design",
+  leader: "Isabel Cortez",
+  favorite: true
+}, {
+  id: 3,
+  name: "Mobile App",
+  client: "Orbit Telecom",
+  category: "Web & Product",
+  label: "Build",
+  leader: "Grace Bauer",
+  favorite: false
+}, {
+  id: 4,
+  name: "Q3 Campaign",
+  client: "Orbit Telecom",
+  category: "Marketing",
+  label: "Campaign",
+  leader: "Noah Mercer",
+  favorite: true
+}, {
+  id: 5,
+  name: "Internal Wiki",
+  client: "",
+  category: "Internal Ops",
+  label: "",
+  leader: "Theo Brandt",
+  favorite: false
+}, {
+  id: 6,
+  name: "Packaging System",
+  client: "Northwind Traders",
+  category: "Brand & Identity",
+  label: "Design",
+  leader: "Isabel Cortez",
+  favorite: false
+}, {
+  id: 7,
+  name: "Support Portal",
+  client: "Meridian Health",
+  category: "Web & Product",
+  label: "Build",
+  leader: "Grace Bauer",
+  favorite: false
+}, {
+  id: 8,
+  name: "Annual Report",
+  client: "Northwind Traders",
+  category: "Marketing",
+  label: "Campaign",
+  leader: "Noah Mercer",
+  favorite: true
+}];
+
+/* Group-by options and default match the Invite-to-Projects picker exactly. */
+var GROUP_BY_OPTIONS = [{
+  id: "favorites",
+  name: "Favorites"
+}, {
+  id: "labels",
+  name: "Label"
+}, {
+  id: "companies",
+  name: "Client"
+}, {
+  id: "categories",
+  name: "Category"
+}, {
+  id: "leaders",
+  name: "Project Leader"
+}];
+var projectOptionId = function projectOptionId(project) {
+  return "p".concat(project.id);
+};
+
+/** A small deterministic set of project option ids — seeds a custom
+    portfolio's edit dialog so the picker reads as an existing selection. */
+var sampleProjectOptionIds = exports.sampleProjectOptionIds = function sampleProjectOptionIds(count) {
+  return PICKER_PROJECTS.slice(0, Math.max(0, count)).map(projectOptionId);
+};
+var toProjectOptions = function toProjectOptions(projects) {
+  return projects.map(function (project) {
+    return {
+      id: projectOptionId(project),
+      name: project.name
+    };
+  }).sort(function (a, b) {
+    return a.name.localeCompare(b.name);
+  });
+};
+
+/* Build the grouped option tree the Select expects. Alphabetical rows and
+   groups; the "Without ..." / "Other" bucket sits last; the Favorites grouping
+   collapses to a flat list when it is the only group (as the app's does). */
+var groupPickerProjects = function groupPickerProjects(groupBy) {
+  if (groupBy === "favorites") {
+    var favorite = PICKER_PROJECTS.filter(function (project) {
+      return project.favorite;
+    });
+    var other = PICKER_PROJECTS.filter(function (project) {
+      return !project.favorite;
+    });
+    var groups = [];
+    if (favorite.length) {
+      groups.push({
+        id: "g-fav",
+        name: "Favorite",
+        options: toProjectOptions(favorite)
+      });
+    }
+    if (other.length) {
+      groups.push({
+        id: "g-other",
+        name: "Other",
+        options: toProjectOptions(other)
+      });
+    }
+    return groups.length === 1 ? groups[0].options : groups;
+  }
+  var field = groupBy === "labels" ? "label" : groupBy === "companies" ? "client" : groupBy === "categories" ? "category" : "leader";
+  var without = groupBy === "labels" ? "Without Label" : groupBy === "companies" ? "Without Client" : groupBy === "categories" ? "Without Category" : "Without Leader";
+  var buckets = new Map();
+  PICKER_PROJECTS.forEach(function (project) {
+    var _buckets$get;
+    var key = project[field] || without;
+    if (!buckets.has(key)) {
+      buckets.set(key, []);
+    }
+    (_buckets$get = buckets.get(key)) === null || _buckets$get === void 0 || _buckets$get.push(project);
+  });
+  return Array.from(buckets.entries()).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      name = _ref2[0],
+      projects = _ref2[1];
+    return {
+      id: "g-".concat(name),
+      name,
+      options: toProjectOptions(projects)
+    };
+  }).sort(function (a, b) {
+    return a.name === without ? 1 : b.name === without ? -1 : a.name.localeCompare(b.name);
+  });
+};
+
+/* ------------------------------------------------------------------ */
+/* Type + visibility option copy                                       */
+/* ------------------------------------------------------------------ */
+
+var PORTFOLIO_TYPES = exports.PORTFOLIO_TYPES = [{
+  id: "custom",
+  title: "Custom Portfolio",
+  description: "The projects you pick by hand. Nothing joins automatically."
+}, {
+  id: "client",
+  title: "Client Portfolio",
+  description: "All projects for a client company. New ones join automatically."
+}, {
+  id: "leader",
+  title: "Project Leader Portfolio",
+  description: "All projects led by a person. New ones join automatically."
+}, {
+  id: "category",
+  title: "Category Portfolio",
+  description: "All projects in a project category. New ones join automatically."
+}];
+var VISIBILITY_OPTIONS = exports.VISIBILITY_OPTIONS = [{
+  id: "everyone",
+  title: "Visible to Everyone",
+  description: "Anyone who can use portfolios sees this one. They still only see the projects they already have access to."
+}, {
+  id: "me",
+  title: "Visible Only to Me",
+  description: "Nobody else sees this portfolio."
+}];
+var contextFieldLabel = exports.contextFieldLabel = function contextFieldLabel(type) {
+  return type === "custom" ? "Projects" : type === "category" ? "Category" : type === "client" ? "Client" : "Project leader";
+};
+var leaderShortName = exports.leaderShortName = function leaderShortName(name) {
+  var _LEADERS_LIST$find$sh, _LEADERS_LIST$find;
+  return (_LEADERS_LIST$find$sh = (_LEADERS_LIST$find = LEADERS_LIST.find(function (leader) {
+    return leader.name === name;
+  })) === null || _LEADERS_LIST$find === void 0 ? void 0 : _LEADERS_LIST$find.short) !== null && _LEADERS_LIST$find$sh !== void 0 ? _LEADERS_LIST$find$sh : name;
+};
+
+/* Default names: "{Category} Projects", "{Client} Projects", "Lead by {N.}". */
+var defaultPortfolioName = exports.defaultPortfolioName = function defaultPortfolioName(type, context) {
+  if (!context) return "";
+  if (type === "category" || type === "client") return "".concat(context, " Projects");
+  if (type === "leader") return "Lead by ".concat(leaderShortName(context));
+  return "";
+};
+
+/* ------------------------------------------------------------------ */
+/* Validation (shared by create step 2 and the edit dialog)            */
+/* ------------------------------------------------------------------ */
+
+/** Name is required; a custom portfolio needs at least one project, a context
+    portfolio needs its context chosen. Same rule for create and edit. */
+var isPortfolioDetailsValid = exports.isPortfolioDetailsValid = function isPortfolioDetailsValid(values) {
+  return values.name.trim().length > 0 && (values.type === "custom" ? values.projectIds.length > 0 : Boolean(values.context));
+};
+
+/* ------------------------------------------------------------------ */
+/* Pickers                                                             */
+/* ------------------------------------------------------------------ */
+
+/* Group-by control: the SortGeneralIcon button the Invite-to-Projects picker
+   shows as the search bar's right-side adornment. Controls grouping, not sort. */
+var ProjectsGroupBy = function ProjectsGroupBy(_ref3) {
+  var selected = _ref3.selected,
+    _onChange = _ref3.onChange;
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    keepSameOptionsOrder: true,
+    disableSearch: true,
+    disabledInternalSort: true,
+    forceCloseMenu: true,
+    position: "bottom-end",
+    selected: selected,
+    onChange: function onChange(value) {
+      return _onChange(value);
+    },
+    options: GROUP_BY_OPTIONS,
+    target: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+      type: "button",
+      variant: "text gray"
+    }, /*#__PURE__*/_react.default.createElement(_Icons.SortGeneralIcon, null))
+  });
+};
+var ProjectsPicker = function ProjectsPicker(_ref4) {
+  var selected = _ref4.selected,
+    _onChange2 = _ref4.onChange,
+    groupBy = _ref4.groupBy,
+    onGroupBy = _ref4.onGroupBy,
+    invalid = _ref4.invalid;
+  var options = (0, _react.useMemo)(function () {
+    return groupPickerProjects(groupBy);
+  }, [groupBy]);
+  var count = selected.length;
+  var triggerText = count === 0 ? "Choose projects" : count === 1 ? "1 project selected" : "".concat(count, " projects selected");
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    type: "multiple",
+    options: options,
+    selected: selected,
+    onChange: function onChange(value) {
+      return _onChange2(value);
+    },
+    noResultText: "No results",
+    endAdornment: /*#__PURE__*/_react.default.createElement(ProjectsGroupBy, {
+      selected: groupBy,
+      onChange: onGroupBy
+    }),
+    target: /*#__PURE__*/_react.default.createElement(_SelectTrigger.SelectTrigger, {
+      id: "pf-projects",
+      className: "pf-trigger",
+      invalid: invalid,
+      typographyProps: {
+        color: count > 0 ? "primary" : "quaternary"
+      }
+    }, triggerText)
+  });
+};
+var ContextPicker = function ContextPicker(_ref5) {
+  var type = _ref5.type,
+    value = _ref5.value,
+    _onChange3 = _ref5.onChange,
+    invalid = _ref5.invalid;
+  var options = type === "category" ? CATEGORIES.map(function (name) {
+    return {
+      id: name,
+      name
+    };
+  }) : type === "client" ? CLIENTS.map(function (name) {
+    return {
+      id: name,
+      name
+    };
+  }) : LEADERS_LIST.map(function (leader) {
+    return {
+      id: leader.name,
+      name: leader.name
+    };
+  });
+  var placeholder = type === "category" ? "Choose a category" : type === "client" ? "Choose a client" : "Choose a project leader";
+  return /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    forceCloseMenu: true,
+    options: options,
+    selected: value !== null && value !== void 0 ? value : "",
+    onChange: function onChange(next) {
+      return _onChange3(String(next));
+    },
+    target: /*#__PURE__*/_react.default.createElement(_SelectTrigger.SelectTrigger, {
+      id: "pf-context",
+      className: "pf-trigger",
+      invalid: invalid,
+      typographyProps: {
+        color: value ? "primary" : "quaternary"
+      }
+    }, value !== null && value !== void 0 ? value : placeholder)
+  });
+};
+
+/* ------------------------------------------------------------------ */
+/* The reusable form body                                              */
+/* ------------------------------------------------------------------ */
+
+var StyledDetailsForm = _styledComponents.default.div.withConfig({
+  displayName: "portfolioDetails__StyledDetailsForm",
+  componentId: "sc-yxi1uj-0"
+})(["display:flex;flex-direction:column;gap:24px;.field{display:flex;flex-direction:column;gap:8px;}.field .c-input-wrapper{width:100%;}.field .pf-trigger{width:100%;}"]);
+/** Name + the type's picker + visibility. No Dialog wrappers and no action
+    button — the consumer (create step or edit dialog) supplies those. */
+var PortfolioDetailsFields = exports.PortfolioDetailsFields = function PortfolioDetailsFields(_ref6) {
+  var values = _ref6.values,
+    onName = _ref6.onName,
+    onContext = _ref6.onContext,
+    onProjects = _ref6.onProjects,
+    onGroupBy = _ref6.onGroupBy,
+    onVisibility = _ref6.onVisibility,
+    showErrors = _ref6.showErrors;
+  var type = values.type,
+    name = values.name,
+    context = values.context,
+    projectIds = values.projectIds,
+    groupBy = values.groupBy,
+    visibility = values.visibility;
+  var nameInvalid = showErrors && name.trim().length === 0;
+  var pickerInvalid = showErrors && (type === "custom" ? projectIds.length === 0 : !context);
+  return /*#__PURE__*/_react.default.createElement(StyledDetailsForm, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/_react.default.createElement(_Label.Label, {
+    htmlFor: "pf-name"
+  }, "Name"), /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    id: "pf-name",
+    value: name,
+    placeholder: "Portfolio name",
+    invalid: nameInvalid,
+    onChange: function onChange(event) {
+      return onName(event.target.value);
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/_react.default.createElement(_Label.Label, {
+    htmlFor: type === "custom" ? "pf-projects" : "pf-context"
+  }, contextFieldLabel(type)), type === "custom" ? /*#__PURE__*/_react.default.createElement(ProjectsPicker, {
+    selected: projectIds,
+    onChange: onProjects,
+    groupBy: groupBy,
+    onGroupBy: onGroupBy,
+    invalid: pickerInvalid
+  }) : /*#__PURE__*/_react.default.createElement(ContextPicker, {
+    type: type,
+    value: context,
+    onChange: onContext,
+    invalid: pickerInvalid
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
+    label: "Visibility",
+    variant: "plain",
+    value: visibility,
+    onChange: function onChange(value) {
+      return onVisibility(value);
+    },
+    options: VISIBILITY_OPTIONS.map(function (option) {
+      return {
+        id: option.id,
+        name: option.title,
+        description: option.description
+      };
+    })
+  })));
+};
+PortfolioDetailsFields.displayName = "PortfolioDetailsFields";
+
+/* ------------------------------------------------------------------ */
+/* Edit Portfolio dialog — the create wizard's step 2, on its own      */
+/* ------------------------------------------------------------------ */
+
+/*
+  Same fields, same validation as create step 2. The type is fixed to the
+  portfolio's kind (edit changes the details, not the kind), so there is no
+  type radio here — only the name, the type's picker, and visibility.
+*/
+var EditPortfolioDialog = exports.EditPortfolioDialog = function EditPortfolioDialog(_ref7) {
+  var open = _ref7.open,
+    initialValues = _ref7.initialValues,
+    onClose = _ref7.onClose,
+    onSave = _ref7.onSave;
+  var _useState = (0, _react.useState)(initialValues),
+    _useState2 = _slicedToArray(_useState, 2),
+    values = _useState2[0],
+    setValues = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showErrors = _useState4[0],
+    setShowErrors = _useState4[1];
+
+  /* Re-seed from the portfolio each time the dialog opens. */
+  (0, _react.useEffect)(function () {
+    if (open) {
+      setValues(initialValues);
+      setShowErrors(false);
+    }
+    // Seed on open only — initialValues is read at that moment by design.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open]);
+  var patch = function patch(next) {
+    return setValues(function (current) {
+      return _objectSpread(_objectSpread({}, current), next);
+    });
+  };
+  var handleSave = function handleSave() {
+    if (!isPortfolioDetailsValid(values)) {
+      setShowErrors(true);
+      return;
+    }
+    onSave === null || onSave === void 0 || onSave(values);
+    onClose();
+  };
+  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    open: open,
+    onClose: onClose,
+    disableCloseOnEsc: true
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Title, null, "Edit Portfolio"), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, /*#__PURE__*/_react.default.createElement(PortfolioDetailsFields, {
+    values: values,
+    onName: function onName(name) {
+      return patch({
+        name
+      });
+    },
+    onContext: function onContext(context) {
+      return patch({
+        context
+      });
+    },
+    onProjects: function onProjects(projectIds) {
+      return patch({
+        projectIds
+      });
+    },
+    onGroupBy: function onGroupBy(groupBy) {
+      return patch({
+        groupBy
+      });
+    },
+    onVisibility: function onVisibility(visibility) {
+      return patch({
+        visibility
+      });
+    },
+    showErrors: showErrors
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Actions, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "primary",
+    style: {
+      marginRight: "12px"
+    },
+    onClick: handleSave
+  }, "Save Changes"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "secondary",
+    "data-action": "cancel",
+    onClick: onClose
+  }, "Cancel")));
+};
+EditPortfolioDialog.displayName = "EditPortfolioDialog";
+//# sourceMappingURL=portfolioDetails.js.map