@ynput/ayon-frontend-shared 0.2.23 → 0.2.24

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.cjs.js

@@ -0,0 +1,160 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const styled = require("styled-components");
+const TableContainer = styled.div`
+  display: flex;
+
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+  padding: 4px;
+  padding-top: 8px;
+
+  &.isLoading {
+    overflow: hidden;
+  }
+
+  /* make error icon smaller */
+  .empty-placeholder {
+    width: 100%;
+    padding: 8px;
+    max-width: 240px;
+    .icon {
+      font-size: 32px;
+    }
+    h3 {
+      ${ayonReactComponents.theme.titleMedium}
+    }
+  }
+
+  table {
+    height: fit-content;
+    width: 100%;
+    display: grid;
+  }
+
+  thead {
+    display: none;
+  }
+
+  tbody {
+    position: relative;
+    display: grid;
+  }
+
+  tr {
+    position: absolute;
+    display: flex;
+    width: 100%;
+    /* transform: set on dynamically */
+  }
+
+  td {
+    padding: 1px 0px;
+    width: 100%;
+  }
+`;
+const Cell = styled.div`
+  width: 100%;
+  min-height: 32px;
+  user-select: none;
+  padding: 0px 4px;
+
+  display: flex;
+  gap: var(--base-gap-small);
+  align-items: center;
+  cursor: pointer;
+
+  border-radius: var(--border-radius-m);
+
+  .value {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .path {
+    display: flex;
+    gap: var(--base-gap-small);
+  }
+
+  .loading {
+    pointer-events: none;
+  }
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-hover);
+  }
+
+  &.selected {
+    background-color: var(--md-sys-color-primary-container);
+
+    &,
+    .icon {
+      color: var(--md-sys-color-on-primary-container);
+    }
+  }
+`;
+const Expander = styled(ayonReactComponents.Button)`
+  &.expander {
+    background-color: unset;
+    padding: 2px;
+    cursor: pointer;
+    &:hover {
+      background-color: var(--md-sys-color-surface-container-high-hover);
+    }
+  }
+`;
+const Container = styled.div`
+  border-radius: var(--border-radius-m);
+  overflow: hidden;
+  background-color: var(--md-sys-color-surface-container-low);
+  height: 100%;
+  flex: 1;
+
+  display: flex;
+  flex-direction: column;
+  position: relative;
+`;
+const Header = styled.div`
+  padding: 2px;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+
+  display: flex;
+  gap: var(--base-gap-small);
+
+  border-bottom: 1px solid var(--md-sys-color-outline-variant);
+`;
+const HeaderButton = styled(ayonReactComponents.Button)`
+  background-color: unset !important;
+  z-index: 110;
+  position: relative;
+
+  &.hasIcon {
+    padding: 4px;
+  }
+
+  &.open {
+    background-color: unset !important;
+  }
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-hover) !important;
+  }
+
+  &.active {
+    background-color: var(--md-sys-color-surface-container-hover) !important;
+  }
+`;
+exports.Cell = Cell;
+exports.Container = Container;
+exports.Expander = Expander;
+exports.Header = Header;
+exports.HeaderButton = HeaderButton;
+exports.TableContainer = TableContainer;
+//# sourceMappingURL=SimpleTable.styled.cjs.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTable.styled.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 4px;\n  padding-top: 8px;\n\n  &.isLoading {\n    overflow: hidden;\n  }\n\n  /* make error icon smaller */\n  .empty-placeholder {\n    width: 100%;\n    padding: 8px;\n    max-width: 240px;\n    .icon {\n      font-size: 32px;\n    }\n    h3 {\n      ${theme.titleMedium}\n    }\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n\n  tr {\n    position: absolute;\n    display: flex;\n    width: 100%;\n    /* transform: set on dynamically */\n  }\n\n  td {\n    padding: 1px 0px;\n    width: 100%;\n  }\n`\n\nexport const Cell = styled.div`\n  width: 100%;\n  min-height: 32px;\n  user-select: none;\n  padding: 0px 4px;\n\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  cursor: pointer;\n\n  border-radius: var(--border-radius-m);\n\n  .value {\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .path {\n    display: flex;\n    gap: var(--base-gap-small);\n  }\n\n  .loading {\n    pointer-events: none;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n  }\n`\n\nexport const Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n  border-radius: var(--border-radius-m);\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  height: 100%;\n  flex: 1;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`\n\nexport const Header = styled.div`\n  padding: 2px;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n\n  display: flex;\n  gap: var(--base-gap-small);\n\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n  background-color: unset !important;\n  z-index: 110;\n  position: relative;\n\n  &.hasIcon {\n    padding: 4px;\n  }\n\n  &.open {\n    background-color: unset !important;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n\n  &.active {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n`\n"],"names":["theme","Button"],"mappings":";;;;AAGO,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsB7BA,0BAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgClB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Cd,MAAA,WAAW,OAAOC,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY9B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYzB,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAahB,MAAA,eAAe,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;"}

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.es.js

@@ -0,0 +1,160 @@
+import { theme, Button } from "@ynput/ayon-react-components";
+import styled from "styled-components";
+const TableContainer = styled.div`
+  display: flex;
+
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+  padding: 4px;
+  padding-top: 8px;
+
+  &.isLoading {
+    overflow: hidden;
+  }
+
+  /* make error icon smaller */
+  .empty-placeholder {
+    width: 100%;
+    padding: 8px;
+    max-width: 240px;
+    .icon {
+      font-size: 32px;
+    }
+    h3 {
+      ${theme.titleMedium}
+    }
+  }
+
+  table {
+    height: fit-content;
+    width: 100%;
+    display: grid;
+  }
+
+  thead {
+    display: none;
+  }
+
+  tbody {
+    position: relative;
+    display: grid;
+  }
+
+  tr {
+    position: absolute;
+    display: flex;
+    width: 100%;
+    /* transform: set on dynamically */
+  }
+
+  td {
+    padding: 1px 0px;
+    width: 100%;
+  }
+`;
+const Cell = styled.div`
+  width: 100%;
+  min-height: 32px;
+  user-select: none;
+  padding: 0px 4px;
+
+  display: flex;
+  gap: var(--base-gap-small);
+  align-items: center;
+  cursor: pointer;
+
+  border-radius: var(--border-radius-m);
+
+  .value {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .path {
+    display: flex;
+    gap: var(--base-gap-small);
+  }
+
+  .loading {
+    pointer-events: none;
+  }
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-hover);
+  }
+
+  &.selected {
+    background-color: var(--md-sys-color-primary-container);
+
+    &,
+    .icon {
+      color: var(--md-sys-color-on-primary-container);
+    }
+  }
+`;
+const Expander = styled(Button)`
+  &.expander {
+    background-color: unset;
+    padding: 2px;
+    cursor: pointer;
+    &:hover {
+      background-color: var(--md-sys-color-surface-container-high-hover);
+    }
+  }
+`;
+const Container = styled.div`
+  border-radius: var(--border-radius-m);
+  overflow: hidden;
+  background-color: var(--md-sys-color-surface-container-low);
+  height: 100%;
+  flex: 1;
+
+  display: flex;
+  flex-direction: column;
+  position: relative;
+`;
+const Header = styled.div`
+  padding: 2px;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+
+  display: flex;
+  gap: var(--base-gap-small);
+
+  border-bottom: 1px solid var(--md-sys-color-outline-variant);
+`;
+const HeaderButton = styled(Button)`
+  background-color: unset !important;
+  z-index: 110;
+  position: relative;
+
+  &.hasIcon {
+    padding: 4px;
+  }
+
+  &.open {
+    background-color: unset !important;
+  }
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-hover) !important;
+  }
+
+  &.active {
+    background-color: var(--md-sys-color-surface-container-hover) !important;
+  }
+`;
+export {
+  Cell,
+  Container,
+  Expander,
+  Header,
+  HeaderButton,
+  TableContainer
+};
+//# sourceMappingURL=SimpleTable.styled.es.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTable.styled.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 4px;\n  padding-top: 8px;\n\n  &.isLoading {\n    overflow: hidden;\n  }\n\n  /* make error icon smaller */\n  .empty-placeholder {\n    width: 100%;\n    padding: 8px;\n    max-width: 240px;\n    .icon {\n      font-size: 32px;\n    }\n    h3 {\n      ${theme.titleMedium}\n    }\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n\n  tr {\n    position: absolute;\n    display: flex;\n    width: 100%;\n    /* transform: set on dynamically */\n  }\n\n  td {\n    padding: 1px 0px;\n    width: 100%;\n  }\n`\n\nexport const Cell = styled.div`\n  width: 100%;\n  min-height: 32px;\n  user-select: none;\n  padding: 0px 4px;\n\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  cursor: pointer;\n\n  border-radius: var(--border-radius-m);\n\n  .value {\n    width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .path {\n    display: flex;\n    gap: var(--base-gap-small);\n  }\n\n  .loading {\n    pointer-events: none;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n  }\n`\n\nexport const Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n  border-radius: var(--border-radius-m);\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  height: 100%;\n  flex: 1;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`\n\nexport const Header = styled.div`\n  padding: 2px;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n\n  display: flex;\n  gap: var(--base-gap-small);\n\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n  background-color: unset !important;\n  z-index: 110;\n  position: relative;\n\n  &.hasIcon {\n    padding: 4px;\n  }\n\n  &.open {\n    background-color: unset !important;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n\n  &.active {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n`\n"],"names":[],"mappings":";;AAGO,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsB7B,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgClB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Cd,MAAA,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY9B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYzB,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAahB,MAAA,eAAe,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/SimpleTable/SimpleTableRowTemplate.cjs.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const SimpleTable_styled = require("./SimpleTable.styled.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const RowExpander = ({
+  isRowExpandable,
+  isRowExpanded,
+  isTableExpandable,
+  onExpandClick
+}) => isRowExpandable ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  SimpleTable_styled.Expander,
+  {
+    onClick: (e) => {
+      e.stopPropagation();
+      onExpandClick == null ? void 0 : onExpandClick();
+    },
+    icon: isRowExpanded ? "expand_more" : "chevron_right",
+    className: "expander",
+    style: { cursor: "pointer" }
+  }
+) : isTableExpandable && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { style: { display: "inline-block", minWidth: 24 } });
+const SimpleTableCellTemplate = React.forwardRef(
+  ({
+    value,
+    icon,
+    parents,
+    iconColor,
+    isRowExpandable,
+    isRowExpanded,
+    isTableExpandable,
+    onExpandClick,
+    startContent,
+    endContent,
+    depth = 0,
+    style,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+      SimpleTable_styled.Cell,
+      {
+        ...props,
+        ref,
+        style: {
+          ...style,
+          paddingLeft: `calc(${depth * 0.5}rem + 4px)`
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            RowExpander,
+            {
+              isRowExpandable,
+              isRowExpanded,
+              isTableExpandable,
+              onExpandClick
+            }
+          ),
+          startContent && startContent,
+          icon && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon, style: { color: iconColor } }),
+          parents && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "path", children: parents.map((part, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: part }, index + "-path"),
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: "/" }, index + "-separator")
+          ] }, index)) }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "value", children: value }),
+          endContent && endContent
+        ]
+      }
+    );
+  }
+);
+exports.RowExpander = RowExpander;
+exports.SimpleTableCellTemplate = SimpleTableCellTemplate;
+//# sourceMappingURL=SimpleTableRowTemplate.cjs.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTableRowTemplate.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTableRowTemplate.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, Fragment } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon } from '@ynput/ayon-react-components'\n\nexport type RowExpanderProps = {\n  isRowExpandable?: boolean\n  isRowExpanded?: boolean\n  isTableExpandable?: boolean\n  onExpandClick?: () => void\n}\n\nexport const RowExpander = ({\n  isRowExpandable,\n  isRowExpanded,\n  isTableExpandable,\n  onExpandClick,\n}: RowExpanderProps) =>\n  isRowExpandable ? (\n    <Styled.Expander\n      onClick={(e) => {\n        e.stopPropagation()\n        onExpandClick?.()\n      }}\n      icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n      className=\"expander\"\n      style={{ cursor: 'pointer' }}\n    />\n  ) : (\n    isTableExpandable && <div style={{ display: 'inline-block', minWidth: 24 }} />\n  )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string\n  icon?: string\n  parents?: string[]\n  iconColor?: string\n  isRowExpandable?: boolean\n  isRowExpanded?: boolean\n  isTableExpandable?: boolean\n  onExpandClick?: () => void\n  //  when used as a template\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  depth?: number\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n  (\n    {\n      value,\n      icon,\n      parents,\n      iconColor,\n      isRowExpandable,\n      isRowExpanded,\n      isTableExpandable,\n      onExpandClick,\n      startContent,\n      endContent,\n      depth = 0,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.Cell\n        {...props}\n        ref={ref}\n        style={{\n          ...style,\n          paddingLeft: `calc(${depth * 0.5}rem + 4px)`,\n        }}\n      >\n        <RowExpander\n          isRowExpandable={isRowExpandable}\n          isRowExpanded={isRowExpanded}\n          isTableExpandable={isTableExpandable}\n          onExpandClick={onExpandClick}\n        />\n        {startContent && startContent}\n        {icon && <Icon icon={icon} style={{ color: iconColor }} />}\n        {parents && (\n          <span className=\"path\">\n            {parents.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n          </span>\n        )}\n        <span className=\"value\">{value}</span>\n        {endContent && endContent}\n      </Styled.Cell>\n    )\n  },\n)\n"],"names":["jsx","Styled.Expander","forwardRef","jsxs","Styled.Cell","Icon","Fragment"],"mappings":";;;;;;AAWO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,kBACEA,2BAAA,kBAAA;AAAA,EAACC,mBAAO;AAAA,EAAP;AAAA,IACC,SAAS,CAAC,MAAM;AACd,QAAE,gBAAgB;AACF;AAAA,IAClB;AAAA,IACA,MAAM,gBAAgB,gBAAgB;AAAA,IACtC,WAAU;AAAA,IACV,OAAO,EAAE,QAAQ,UAAU;AAAA,EAAA;AAC7B,IAEA,sEAAsB,OAAI,EAAA,OAAO,EAAE,SAAS,gBAAgB,UAAU,KAAM,CAAA;AAkBzE,MAAM,0BAA0BC,MAAA;AAAA,EACrC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AAED,WAAAC,2BAAA,kBAAA;AAAA,MAACC,mBAAO;AAAA,MAAP;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,UACL,GAAG;AAAA,UACH,aAAa,QAAQ,QAAQ,GAAG;AAAA,QAClC;AAAA,QAEA,UAAA;AAAA,UAAAJ,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,UACC,gBAAgB;AAAA,UAChB,yDAASK,oBAAAA,MAAK,EAAA,MAAY,OAAO,EAAE,OAAO,aAAa;AAAA,UACvD,WACEL,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,QACb,UAAQ,QAAA,IAAI,CAAC,MAAM,UAClBG,2BAAA,kBAAA,KAACG,MACC,UAAA,EAAA,UAAA;AAAA,YAACN,2BAAA,kBAAA,IAAA,QAAA,EAA4B,UAAlB,KAAA,GAAA,QAAQ,OAAe;AAAA,YACjCA,2BAAA,kBAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAA,QAAQ,YAAe;AAAA,UAAA,KAFrB,KAGf,CACD,GACH;AAAA,UAEDA,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,UAC9B,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;;;"}

package/dist/shared/src/containers/SimpleTable/SimpleTableRowTemplate.es.js

@@ -0,0 +1,74 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef, Fragment } from "react";
+import { Cell, Expander } from "./SimpleTable.styled.es.js";
+import { Icon } from "@ynput/ayon-react-components";
+const RowExpander = ({
+  isRowExpandable,
+  isRowExpanded,
+  isTableExpandable,
+  onExpandClick
+}) => isRowExpandable ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  Expander,
+  {
+    onClick: (e) => {
+      e.stopPropagation();
+      onExpandClick == null ? void 0 : onExpandClick();
+    },
+    icon: isRowExpanded ? "expand_more" : "chevron_right",
+    className: "expander",
+    style: { cursor: "pointer" }
+  }
+) : isTableExpandable && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "inline-block", minWidth: 24 } });
+const SimpleTableCellTemplate = forwardRef(
+  ({
+    value,
+    icon,
+    parents,
+    iconColor,
+    isRowExpandable,
+    isRowExpanded,
+    isTableExpandable,
+    onExpandClick,
+    startContent,
+    endContent,
+    depth = 0,
+    style,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Cell,
+      {
+        ...props,
+        ref,
+        style: {
+          ...style,
+          paddingLeft: `calc(${depth * 0.5}rem + 4px)`
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            RowExpander,
+            {
+              isRowExpandable,
+              isRowExpanded,
+              isTableExpandable,
+              onExpandClick
+            }
+          ),
+          startContent && startContent,
+          icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon, style: { color: iconColor } }),
+          parents && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "path", children: parents.map((part, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: part }, index + "-path"),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "/" }, index + "-separator")
+          ] }, index)) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "value", children: value }),
+          endContent && endContent
+        ]
+      }
+    );
+  }
+);
+export {
+  RowExpander,
+  SimpleTableCellTemplate
+};
+//# sourceMappingURL=SimpleTableRowTemplate.es.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTableRowTemplate.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTableRowTemplate.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, Fragment } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon } from '@ynput/ayon-react-components'\n\nexport type RowExpanderProps = {\n  isRowExpandable?: boolean\n  isRowExpanded?: boolean\n  isTableExpandable?: boolean\n  onExpandClick?: () => void\n}\n\nexport const RowExpander = ({\n  isRowExpandable,\n  isRowExpanded,\n  isTableExpandable,\n  onExpandClick,\n}: RowExpanderProps) =>\n  isRowExpandable ? (\n    <Styled.Expander\n      onClick={(e) => {\n        e.stopPropagation()\n        onExpandClick?.()\n      }}\n      icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n      className=\"expander\"\n      style={{ cursor: 'pointer' }}\n    />\n  ) : (\n    isTableExpandable && <div style={{ display: 'inline-block', minWidth: 24 }} />\n  )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string\n  icon?: string\n  parents?: string[]\n  iconColor?: string\n  isRowExpandable?: boolean\n  isRowExpanded?: boolean\n  isTableExpandable?: boolean\n  onExpandClick?: () => void\n  //  when used as a template\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  depth?: number\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n  (\n    {\n      value,\n      icon,\n      parents,\n      iconColor,\n      isRowExpandable,\n      isRowExpanded,\n      isTableExpandable,\n      onExpandClick,\n      startContent,\n      endContent,\n      depth = 0,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.Cell\n        {...props}\n        ref={ref}\n        style={{\n          ...style,\n          paddingLeft: `calc(${depth * 0.5}rem + 4px)`,\n        }}\n      >\n        <RowExpander\n          isRowExpandable={isRowExpandable}\n          isRowExpanded={isRowExpanded}\n          isTableExpandable={isTableExpandable}\n          onExpandClick={onExpandClick}\n        />\n        {startContent && startContent}\n        {icon && <Icon icon={icon} style={{ color: iconColor }} />}\n        {parents && (\n          <span className=\"path\">\n            {parents.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n          </span>\n        )}\n        <span className=\"value\">{value}</span>\n        {endContent && endContent}\n      </Styled.Cell>\n    )\n  },\n)\n"],"names":["jsx","Styled.Expander","jsxs","Styled.Cell"],"mappings":";;;;AAWO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,kBACEA,kCAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS,CAAC,MAAM;AACd,QAAE,gBAAgB;AACF;AAAA,IAClB;AAAA,IACA,MAAM,gBAAgB,gBAAgB;AAAA,IACtC,WAAU;AAAA,IACV,OAAO,EAAE,QAAQ,UAAU;AAAA,EAAA;AAC7B,IAEA,2DAAsB,OAAI,EAAA,OAAO,EAAE,SAAS,gBAAgB,UAAU,KAAM,CAAA;AAkBzE,MAAM,0BAA0B;AAAA,EACrC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AAED,WAAAC,kCAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,UACL,GAAG;AAAA,UACH,aAAa,QAAQ,QAAQ,GAAG;AAAA,QAClC;AAAA,QAEA,UAAA;AAAA,UAAAH,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,UACC,gBAAgB;AAAA,UAChB,8CAAS,MAAK,EAAA,MAAY,OAAO,EAAE,OAAO,aAAa;AAAA,UACvD,WACEA,kCAAA,IAAA,QAAA,EAAK,WAAU,QACb,UAAQ,QAAA,IAAI,CAAC,MAAM,UAClBE,kCAAA,KAAC,UACC,EAAA,UAAA;AAAA,YAACF,kCAAA,IAAA,QAAA,EAA4B,UAAlB,KAAA,GAAA,QAAQ,OAAe;AAAA,YACjCA,kCAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAA,QAAQ,YAAe;AAAA,UAAA,KAFrB,KAGf,CACD,GACH;AAAA,UAEDA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,UAC9B,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;"}

package/dist/shared/src/containers/SimpleTable/context/SimpleTableContext.cjs.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const SimpleTableContext = React.createContext(void 0);
+const SimpleTableProvider = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SimpleTableContext.Provider, { value: { ...props }, children });
+};
+const useSimpleTableContext = () => {
+  const context = React.useContext(SimpleTableContext);
+  if (context === void 0) {
+    throw new Error("useSimpleTableContext must be used within a SimpleTableProvider");
+  }
+  return context;
+};
+exports.SimpleTableProvider = SimpleTableProvider;
+exports.default = SimpleTableContext;
+exports.useSimpleTableContext = useSimpleTableContext;
+//# sourceMappingURL=SimpleTableContext.cjs.js.map

package/dist/shared/src/containers/SimpleTable/context/SimpleTableContext.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTableContext.cjs.js","sources":["../../../../../../src/containers/SimpleTable/context/SimpleTableContext.tsx"],"sourcesContent":["import { ExpandedState, RowPinningState, RowSelectionState, Table } from '@tanstack/react-table'\nimport { createContext, useContext, ReactNode } from 'react'\n\ninterface SimpleTableContextValue {\n  // forwarded from props\n  expanded?: ExpandedState\n  setExpanded?: React.Dispatch<React.SetStateAction<ExpandedState>>\n  onExpandedChange?: (expanded: ExpandedState) => void\n  rowSelection: RowSelectionState\n  onRowSelectionChange: (selection: RowSelectionState) => void // should be used most of the time\n  setRowSelection?: (rowSelection: RowSelectionState) => void // used to directly update the row selection\n  rowPinning?: RowPinningState\n  onRowPinningChange?: (rowPinning: RowPinningState) => void\n  data?: any\n}\n\nconst SimpleTableContext = createContext<SimpleTableContextValue | undefined>(undefined)\n\ninterface SimpleTableProviderProps {\n  children: ReactNode\n  expanded?: SimpleTableContextValue['expanded']\n  setExpanded?: SimpleTableContextValue['setExpanded']\n  onExpandedChange?: SimpleTableContextValue['onExpandedChange']\n  rowSelection: SimpleTableContextValue['rowSelection']\n  onRowSelectionChange: SimpleTableContextValue['onRowSelectionChange']\n  setRowSelection?: SimpleTableContextValue['setRowSelection']\n  rowPinning?: SimpleTableContextValue['rowPinning']\n  onRowPinningChange?: SimpleTableContextValue['onRowPinningChange']\n  data?: SimpleTableContextValue['data']\n}\n\nexport const SimpleTableProvider = ({ children, ...props }: SimpleTableProviderProps) => {\n  return <SimpleTableContext.Provider value={{ ...props }}>{children}</SimpleTableContext.Provider>\n}\n\nexport const useSimpleTableContext = () => {\n  const context = useContext(SimpleTableContext)\n  if (context === undefined) {\n    throw new Error('useSimpleTableContext must be used within a SimpleTableProvider')\n  }\n  return context\n}\n\nexport default SimpleTableContext\n"],"names":["createContext","jsx","useContext"],"mappings":";;;;AAgBM,MAAA,qBAAqBA,oBAAmD,MAAS;AAehF,MAAM,sBAAsB,CAAC,EAAE,UAAU,GAAG,YAAsC;AAChF,SAAAC,2BAAA,kBAAA,IAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,GAAG,SAAU,UAAS;AACrE;AAEO,MAAM,wBAAwB,MAAM;AACnC,QAAA,UAAUC,iBAAW,kBAAkB;AAC7C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,iEAAiE;AAAA,EAAA;AAE5E,SAAA;AACT;;;;"}

package/dist/shared/src/containers/SimpleTable/context/SimpleTableContext.es.js

@@ -0,0 +1,19 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { createContext, useContext } from "react";
+const SimpleTableContext = createContext(void 0);
+const SimpleTableProvider = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SimpleTableContext.Provider, { value: { ...props }, children });
+};
+const useSimpleTableContext = () => {
+  const context = useContext(SimpleTableContext);
+  if (context === void 0) {
+    throw new Error("useSimpleTableContext must be used within a SimpleTableProvider");
+  }
+  return context;
+};
+export {
+  SimpleTableProvider,
+  SimpleTableContext as default,
+  useSimpleTableContext
+};
+//# sourceMappingURL=SimpleTableContext.es.js.map

package/dist/shared/src/containers/SimpleTable/context/SimpleTableContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTableContext.es.js","sources":["../../../../../../src/containers/SimpleTable/context/SimpleTableContext.tsx"],"sourcesContent":["import { ExpandedState, RowPinningState, RowSelectionState, Table } from '@tanstack/react-table'\nimport { createContext, useContext, ReactNode } from 'react'\n\ninterface SimpleTableContextValue {\n  // forwarded from props\n  expanded?: ExpandedState\n  setExpanded?: React.Dispatch<React.SetStateAction<ExpandedState>>\n  onExpandedChange?: (expanded: ExpandedState) => void\n  rowSelection: RowSelectionState\n  onRowSelectionChange: (selection: RowSelectionState) => void // should be used most of the time\n  setRowSelection?: (rowSelection: RowSelectionState) => void // used to directly update the row selection\n  rowPinning?: RowPinningState\n  onRowPinningChange?: (rowPinning: RowPinningState) => void\n  data?: any\n}\n\nconst SimpleTableContext = createContext<SimpleTableContextValue | undefined>(undefined)\n\ninterface SimpleTableProviderProps {\n  children: ReactNode\n  expanded?: SimpleTableContextValue['expanded']\n  setExpanded?: SimpleTableContextValue['setExpanded']\n  onExpandedChange?: SimpleTableContextValue['onExpandedChange']\n  rowSelection: SimpleTableContextValue['rowSelection']\n  onRowSelectionChange: SimpleTableContextValue['onRowSelectionChange']\n  setRowSelection?: SimpleTableContextValue['setRowSelection']\n  rowPinning?: SimpleTableContextValue['rowPinning']\n  onRowPinningChange?: SimpleTableContextValue['onRowPinningChange']\n  data?: SimpleTableContextValue['data']\n}\n\nexport const SimpleTableProvider = ({ children, ...props }: SimpleTableProviderProps) => {\n  return <SimpleTableContext.Provider value={{ ...props }}>{children}</SimpleTableContext.Provider>\n}\n\nexport const useSimpleTableContext = () => {\n  const context = useContext(SimpleTableContext)\n  if (context === undefined) {\n    throw new Error('useSimpleTableContext must be used within a SimpleTableProvider')\n  }\n  return context\n}\n\nexport default SimpleTableContext\n"],"names":["jsx"],"mappings":";;AAgBM,MAAA,qBAAqB,cAAmD,MAAS;AAehF,MAAM,sBAAsB,CAAC,EAAE,UAAU,GAAG,YAAsC;AAChF,SAAAA,kCAAA,IAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,GAAG,SAAU,UAAS;AACrE;AAEO,MAAM,wBAAwB,MAAM;AACnC,QAAA,UAAU,WAAW,kBAAkB;AAC7C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,iEAAiE;AAAA,EAAA;AAE5E,SAAA;AACT;"}

package/dist/shared/src/containers/Views/ViewItem/ViewItem.cjs.js

@@ -7,6 +7,7 @@ const clsx = require("clsx");
 const platform = require("../../../util/platform.cjs.js");
 require("lodash");
 require("react-toastify");
+require("uuid");
 require("../../../util/pubsub.cjs.js");
 const ViewItem = React.forwardRef(
   ({

package/dist/shared/src/containers/Views/ViewItem/ViewItem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewItem.cjs.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\nimport * as Styled from './ViewItem.styled'\nimport clsx from 'clsx'\nimport { getPlatformShortcutKey, KeyMode } from '@shared/util'\n\nexport interface ViewItem {\n  id: string\n  label: string\n  startContent?: ReactNode\n  endContent?: ReactNode\n  isSelected?: boolean\n  isEditable?: boolean\n  isSaveable?: boolean // can this be saved from working view (shows little save button)\n  highlighted?: 'save' | 'edit' // highlights a button\n  onEdit?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  onSave?: (e: React.MouseEvent<HTMLButtonElement>) => void // saves the view settings from selected view\n  onResetView?: (e: React.MouseEvent<HTMLButtonElement>) => void // resets working view\n  onClick?: (e: React.MouseEvent<HTMLLIElement>) => void\n}\n\nexport interface ViewMenuItemProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>,\n    ViewItem {}\n\nexport const ViewItem = forwardRef<HTMLLIElement, ViewMenuItemProps>(\n  (\n    {\n      label,\n      startContent,\n      endContent,\n      isSelected,\n      isEditable,\n      isSaveable,\n      highlighted,\n      onEdit,\n      onSave,\n      onResetView,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.ViewItem {...props} className={clsx(className, { selected: isSelected })} ref={ref}>\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {/* Reset button (e.g., for working view) - shows if handler is provided */}\n        {onResetView && (\n          <Styled.ActionButton\n            icon=\"restart_alt\"\n            variant=\"text\"\n            className=\"reset\"\n            onClick={onResetView}\n            data-tooltip=\"Reset this view to default\"\n            data-shortcut={getPlatformShortcutKey('0', [KeyMode.Shift, KeyMode.Ctrl])}\n          />\n        )}\n        {isEditable && isSaveable && !isSelected && (\n          <Styled.ActionButton\n            icon=\"save\"\n            variant=\"text\"\n            className={clsx('save', { active: highlighted === 'save' })}\n            onClick={onSave}\n            data-tooltip=\"Save view settings from current view\"\n          />\n        )}\n        {isEditable && onEdit && (\n          <Styled.ActionButton\n            variant=\"text\"\n            icon=\"more_horiz\"\n            className={clsx('more', { active: highlighted === 'edit' })}\n            onClick={onEdit}\n            data-tooltip=\"Edit view\"\n          />\n        )}\n        {endContent && endContent}\n      </Styled.ViewItem>\n    )\n  },\n)\n"],"names":["forwardRef","jsxs","Styled.ViewItem","jsx","Styled.ActionButton","getPlatformShortcutKey","KeyMode"],"mappings":";;;;;;;;;;AAwBO,MAAM,WAAWA,MAAA;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,WACGC,2BAAA,kBAAA,KAAAC,gBAAA,UAAA,EAAiB,GAAG,OAAO,WAAW,KAAK,WAAW,EAAE,UAAU,WAAY,CAAA,GAAG,KAC/E,UAAA;AAAA,MAAgB,gBAAA;AAAA,MAChBC,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,MAE9B,eACCA,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UACT,gBAAa;AAAA,UACb,iBAAeC,gCAAuB,KAAK,CAACC,iBAAQ,OAAOA,SAAA,QAAQ,IAAI,CAAC;AAAA,QAAA;AAAA,MAC1E;AAAA,MAED,cAAc,cAAc,CAAC,cAC5BH,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc,UACbD,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc;AAAA,IAAA,GACjB;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"ViewItem.cjs.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\nimport * as Styled from './ViewItem.styled'\nimport clsx from 'clsx'\nimport { getPlatformShortcutKey, KeyMode } from '@shared/util'\n\nexport interface ViewItem {\n  id: string\n  label: string\n  startContent?: ReactNode\n  endContent?: ReactNode\n  isSelected?: boolean\n  isEditable?: boolean\n  isSaveable?: boolean // can this be saved from working view (shows little save button)\n  highlighted?: 'save' | 'edit' // highlights a button\n  onEdit?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  onSave?: (e: React.MouseEvent<HTMLButtonElement>) => void // saves the view settings from selected view\n  onResetView?: (e: React.MouseEvent<HTMLButtonElement>) => void // resets working view\n  onClick?: (e: React.MouseEvent<HTMLLIElement>) => void\n}\n\nexport interface ViewMenuItemProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>,\n    ViewItem {}\n\nexport const ViewItem = forwardRef<HTMLLIElement, ViewMenuItemProps>(\n  (\n    {\n      label,\n      startContent,\n      endContent,\n      isSelected,\n      isEditable,\n      isSaveable,\n      highlighted,\n      onEdit,\n      onSave,\n      onResetView,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.ViewItem {...props} className={clsx(className, { selected: isSelected })} ref={ref}>\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {/* Reset button (e.g., for working view) - shows if handler is provided */}\n        {onResetView && (\n          <Styled.ActionButton\n            icon=\"restart_alt\"\n            variant=\"text\"\n            className=\"reset\"\n            onClick={onResetView}\n            data-tooltip=\"Reset this view to default\"\n            data-shortcut={getPlatformShortcutKey('0', [KeyMode.Shift, KeyMode.Ctrl])}\n          />\n        )}\n        {isEditable && isSaveable && !isSelected && (\n          <Styled.ActionButton\n            icon=\"save\"\n            variant=\"text\"\n            className={clsx('save', { active: highlighted === 'save' })}\n            onClick={onSave}\n            data-tooltip=\"Save view settings from current view\"\n          />\n        )}\n        {isEditable && onEdit && (\n          <Styled.ActionButton\n            variant=\"text\"\n            icon=\"more_horiz\"\n            className={clsx('more', { active: highlighted === 'edit' })}\n            onClick={onEdit}\n            data-tooltip=\"Edit view\"\n          />\n        )}\n        {endContent && endContent}\n      </Styled.ViewItem>\n    )\n  },\n)\n"],"names":["forwardRef","jsxs","Styled.ViewItem","jsx","Styled.ActionButton","getPlatformShortcutKey","KeyMode"],"mappings":";;;;;;;;;;;AAwBO,MAAM,WAAWA,MAAA;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,WACGC,2BAAA,kBAAA,KAAAC,gBAAA,UAAA,EAAiB,GAAG,OAAO,WAAW,KAAK,WAAW,EAAE,UAAU,WAAY,CAAA,GAAG,KAC/E,UAAA;AAAA,MAAgB,gBAAA;AAAA,MAChBC,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,MAE9B,eACCA,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UACT,gBAAa;AAAA,UACb,iBAAeC,gCAAuB,KAAK,CAACC,iBAAQ,OAAOA,SAAA,QAAQ,IAAI,CAAC;AAAA,QAAA;AAAA,MAC1E;AAAA,MAED,cAAc,cAAc,CAAC,cAC5BH,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc,UACbD,2BAAA,kBAAA;AAAA,QAACC,gBAAO;AAAA,QAAP;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc;AAAA,IAAA,GACjB;AAAA,EAAA;AAGN;;"}

package/dist/shared/src/containers/Views/ViewItem/ViewItem.es.js

@@ -5,6 +5,7 @@ import clsx from "clsx";
 import { getPlatformShortcutKey, KeyMode } from "../../../util/platform.es.js";
 import "lodash";
 import "react-toastify";
+import "uuid";
 import "../../../util/pubsub.es.js";
 const ViewItem = forwardRef(
   ({

package/dist/shared/src/containers/Views/ViewItem/ViewItem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewItem.es.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\nimport * as Styled from './ViewItem.styled'\nimport clsx from 'clsx'\nimport { getPlatformShortcutKey, KeyMode } from '@shared/util'\n\nexport interface ViewItem {\n  id: string\n  label: string\n  startContent?: ReactNode\n  endContent?: ReactNode\n  isSelected?: boolean\n  isEditable?: boolean\n  isSaveable?: boolean // can this be saved from working view (shows little save button)\n  highlighted?: 'save' | 'edit' // highlights a button\n  onEdit?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  onSave?: (e: React.MouseEvent<HTMLButtonElement>) => void // saves the view settings from selected view\n  onResetView?: (e: React.MouseEvent<HTMLButtonElement>) => void // resets working view\n  onClick?: (e: React.MouseEvent<HTMLLIElement>) => void\n}\n\nexport interface ViewMenuItemProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>,\n    ViewItem {}\n\nexport const ViewItem = forwardRef<HTMLLIElement, ViewMenuItemProps>(\n  (\n    {\n      label,\n      startContent,\n      endContent,\n      isSelected,\n      isEditable,\n      isSaveable,\n      highlighted,\n      onEdit,\n      onSave,\n      onResetView,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.ViewItem {...props} className={clsx(className, { selected: isSelected })} ref={ref}>\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {/* Reset button (e.g., for working view) - shows if handler is provided */}\n        {onResetView && (\n          <Styled.ActionButton\n            icon=\"restart_alt\"\n            variant=\"text\"\n            className=\"reset\"\n            onClick={onResetView}\n            data-tooltip=\"Reset this view to default\"\n            data-shortcut={getPlatformShortcutKey('0', [KeyMode.Shift, KeyMode.Ctrl])}\n          />\n        )}\n        {isEditable && isSaveable && !isSelected && (\n          <Styled.ActionButton\n            icon=\"save\"\n            variant=\"text\"\n            className={clsx('save', { active: highlighted === 'save' })}\n            onClick={onSave}\n            data-tooltip=\"Save view settings from current view\"\n          />\n        )}\n        {isEditable && onEdit && (\n          <Styled.ActionButton\n            variant=\"text\"\n            icon=\"more_horiz\"\n            className={clsx('more', { active: highlighted === 'edit' })}\n            onClick={onEdit}\n            data-tooltip=\"Edit view\"\n          />\n        )}\n        {endContent && endContent}\n      </Styled.ViewItem>\n    )\n  },\n)\n"],"names":["jsxs","Styled.ViewItem","jsx","Styled.ActionButton"],"mappings":";;;;;;;;AAwBO,MAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,WACGA,kCAAA,KAAAC,YAAA,EAAiB,GAAG,OAAO,WAAW,KAAK,WAAW,EAAE,UAAU,WAAY,CAAA,GAAG,KAC/E,UAAA;AAAA,MAAgB,gBAAA;AAAA,MAChBC,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,MAE9B,eACCA,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UACT,gBAAa;AAAA,UACb,iBAAe,uBAAuB,KAAK,CAAC,QAAQ,OAAO,QAAQ,IAAI,CAAC;AAAA,QAAA;AAAA,MAC1E;AAAA,MAED,cAAc,cAAc,CAAC,cAC5BD,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc,UACbD,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc;AAAA,IAAA,GACjB;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ViewItem.es.js","sources":["../../../../../../src/containers/Views/ViewItem/ViewItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react'\nimport * as Styled from './ViewItem.styled'\nimport clsx from 'clsx'\nimport { getPlatformShortcutKey, KeyMode } from '@shared/util'\n\nexport interface ViewItem {\n  id: string\n  label: string\n  startContent?: ReactNode\n  endContent?: ReactNode\n  isSelected?: boolean\n  isEditable?: boolean\n  isSaveable?: boolean // can this be saved from working view (shows little save button)\n  highlighted?: 'save' | 'edit' // highlights a button\n  onEdit?: (e: React.MouseEvent<HTMLButtonElement>) => void\n  onSave?: (e: React.MouseEvent<HTMLButtonElement>) => void // saves the view settings from selected view\n  onResetView?: (e: React.MouseEvent<HTMLButtonElement>) => void // resets working view\n  onClick?: (e: React.MouseEvent<HTMLLIElement>) => void\n}\n\nexport interface ViewMenuItemProps\n  extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>,\n    ViewItem {}\n\nexport const ViewItem = forwardRef<HTMLLIElement, ViewMenuItemProps>(\n  (\n    {\n      label,\n      startContent,\n      endContent,\n      isSelected,\n      isEditable,\n      isSaveable,\n      highlighted,\n      onEdit,\n      onSave,\n      onResetView,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Styled.ViewItem {...props} className={clsx(className, { selected: isSelected })} ref={ref}>\n        {startContent && startContent}\n        <span className=\"label\">{label}</span>\n        {/* Reset button (e.g., for working view) - shows if handler is provided */}\n        {onResetView && (\n          <Styled.ActionButton\n            icon=\"restart_alt\"\n            variant=\"text\"\n            className=\"reset\"\n            onClick={onResetView}\n            data-tooltip=\"Reset this view to default\"\n            data-shortcut={getPlatformShortcutKey('0', [KeyMode.Shift, KeyMode.Ctrl])}\n          />\n        )}\n        {isEditable && isSaveable && !isSelected && (\n          <Styled.ActionButton\n            icon=\"save\"\n            variant=\"text\"\n            className={clsx('save', { active: highlighted === 'save' })}\n            onClick={onSave}\n            data-tooltip=\"Save view settings from current view\"\n          />\n        )}\n        {isEditable && onEdit && (\n          <Styled.ActionButton\n            variant=\"text\"\n            icon=\"more_horiz\"\n            className={clsx('more', { active: highlighted === 'edit' })}\n            onClick={onEdit}\n            data-tooltip=\"Edit view\"\n          />\n        )}\n        {endContent && endContent}\n      </Styled.ViewItem>\n    )\n  },\n)\n"],"names":["jsxs","Styled.ViewItem","jsx","Styled.ActionButton"],"mappings":";;;;;;;;;AAwBO,MAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,KAEL,QACG;AACH,WACGA,kCAAA,KAAAC,YAAA,EAAiB,GAAG,OAAO,WAAW,KAAK,WAAW,EAAE,UAAU,WAAY,CAAA,GAAG,KAC/E,UAAA;AAAA,MAAgB,gBAAA;AAAA,MAChBC,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAM,OAAA;AAAA,MAE9B,eACCA,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UACT,gBAAa;AAAA,UACb,iBAAe,uBAAuB,KAAK,CAAC,QAAQ,OAAO,QAAQ,IAAI,CAAC;AAAA,QAAA;AAAA,MAC1E;AAAA,MAED,cAAc,cAAc,CAAC,cAC5BD,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc,UACbD,kCAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAW,KAAK,QAAQ,EAAE,QAAQ,gBAAgB,QAAQ;AAAA,UAC1D,SAAS;AAAA,UACT,gBAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAED,cAAc;AAAA,IAAA,GACjB;AAAA,EAAA;AAGN;"}