@ynput/ayon-frontend-shared 0.3.29 → 0.3.31

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

@@ -0,0 +1,429 @@
+import o from "styled-components";
+import { Button as r } from "@ynput/ayon-react-components";
+const t = o.tr`
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 36px;
+
+  border-radius: var(--border-radius-m);
+  overflow: hidden;
+
+  /* ROW COLOR */
+  .inner-td {
+    background-color: var(--md-sys-color-surface-container);
+    border-top: 2px solid var(--md-sys-color-surface-container);
+    border-bottom: 2px solid var(--md-sys-color-surface-container);
+  }
+
+  td:first-child .inner-td {
+    border-left: 2px solid var(--md-sys-color-surface-container);
+  }
+
+  td:last-child .inner-td {
+    border-right: 2px solid var(--md-sys-color-surface-container);
+  }
+
+  &:hover {
+    .inner-td {
+      background-color: var(--md-sys-color-surface-container-hover);
+      border-top-color: var(--md-sys-color-surface-container-hover);
+      border-bottom-color: var(--md-sys-color-surface-container-hover);
+    }
+
+    td:first-child .inner-td {
+      border-left-color: var(--md-sys-color-surface-container-hover);
+    }
+
+    td:last-child .inner-td {
+      border-right-color: var(--md-sys-color-surface-container-hover);
+    }
+  }
+
+  &.selected {
+    .inner-td {
+      background-color: var(--md-sys-color-primary-container);
+      border-top: 2px solid var(--md-sys-color-primary);
+      border-bottom: 2px solid var(--md-sys-color-primary);
+    }
+  }
+
+  &.selected td:first-child .inner-td {
+    border-left: 2px solid var(--md-sys-color-primary);
+  }
+
+  &.selected td:last-child .inner-td {
+    border-right: 2px solid var(--md-sys-color-primary);
+  }
+
+  &.inactive {
+    color: var(--md-sys-color-outline);
+  }
+
+  &.dragging {
+    opacity: 0;
+  }
+
+  &.group-row {
+    background-color: transparent;
+
+    &:hover,
+    &.expanded {
+      background-color: var(--md-sys-color-surface-container-hover);
+    }
+  }
+
+  &.placeholder-row {
+    background-color: transparent;
+
+    .inner-td {
+      background-color: transparent;
+      border-color: transparent;
+    }
+
+    &:hover {
+      .inner-td {
+        background-color: transparent;
+        border-color: transparent;
+      }
+    }
+  }
+`, n = o.td`
+  position: relative;
+  height: 100%;
+
+  background-color: transparent;
+  user-select: none;
+
+  &:first-child .inner-td {
+    border-top-left-radius: var(--border-radius-m);
+    border-bottom-left-radius: var(--border-radius-m);
+  }
+
+  &:last-child .inner-td {
+    border-top-right-radius: var(--border-radius-m);
+    border-bottom-right-radius: var(--border-radius-m);
+  }
+
+  &:focus-visible {
+    outline: none;
+  }
+`, a = o.div`
+  position: absolute;
+  inset: 0;
+
+  padding: 0 var(--padding-m);
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  cursor: pointer;
+  box-sizing: border-box;
+  min-width: 0;
+`, s = o.div`
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  color: var(--md-sys-color-on-surface-variant);
+  font-style: italic;
+  pointer-events: none;
+`, d = o.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding: var(--padding-s);
+  overflow: hidden;
+  min-width: 0;
+
+  & > * {
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+    min-width: 0;
+  }
+`, l = o.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-height: 28px;
+  padding: 0 var(--padding-s);
+  border-radius: var(--border-radius-m);
+  transition: background-color 120ms ease, outline-color 120ms ease;
+  overflow: hidden;
+  min-width: 0;
+
+  & > * {
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+    min-width: 0;
+  }
+
+  &:hover:not(.editing):not(.boolean) {
+    background-color: var(--md-sys-color-surface-container-high);
+  }
+
+  &.editing:not(.boolean) {
+    background-color: var(--md-sys-color-surface-container);
+  }
+`;
+o.div`
+  overflow: hidden;
+  position: absolute;
+  inset: 0;
+  border-radius: var(--border-radius-m);
+  background-color: var(--md-sys-color-surface-container-low);
+`;
+const c = o.div`
+  position: relative;
+  display: flex;
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+  padding: 8px;
+  padding-top: 0;
+  outline: none;
+  background-color: var(--md-sys-color-surface-container-low);
+  border-radius: var(--border-radius-m);
+
+  &[data-hover-frozen] .th-actions {
+    visibility: hidden !important;
+    pointer-events: none !important;
+  }
+
+  table {
+    height: fit-content;
+    width: 100%;
+    display: grid;
+  }
+
+  tbody {
+    position: relative;
+    display: grid;
+  }
+`, p = o.table`
+  width: 100%;
+  text-align: left;
+  font-size: var(--font-size-s);
+  color: var(--md-sys-color-on-surface);
+  display: grid;
+`, v = o.thead`
+  display: grid !important;
+  position: sticky;
+  top: 0;
+  min-height: 34px;
+  z-index: 10;
+  background-color: var(--md-sys-color-surface-container-low);
+`, h = o.tr`
+  display: flex;
+  width: 100%;
+`;
+o.th`
+  position: relative;
+  background-color: transparent;
+  display: flex;
+  align-items: center;
+  padding: 0 var(--padding-m);
+  font-weight: 600;
+  color: var(--md-sys-color-on-surface-variant);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-height: fit-content;
+`;
+const u = o.tbody`
+  display: grid;
+  width: 100%;
+  position: relative;
+`, g = o.tr`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  padding: var(--padding-m);
+  color: var(--md-sys-color-outline);
+`, m = o.tr`
+  display: flex;
+  width: 100%;
+  background-color: var(--md-sys-color-surface-container-high);
+  outline: 2px solid var(--md-sys-color-primary);
+  border-radius: var(--border-radius-m);
+  cursor: grabbing;
+  z-index: 50;
+
+  &.inactive {
+    color: var(--md-sys-color-on-surface-variant);
+  }
+`, b = o.th`
+  position: relative;
+  background-color: transparent;
+  display: flex;
+  align-items: center;
+  padding: 0 var(--padding-m);
+  font-weight: 600;
+  color: var(--md-sys-color-on-surface-variant);
+  overflow: visible;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-height: fit-content;
+  cursor: default;
+  user-select: none;
+  transition: opacity 100ms ease, transform 200ms ease;
+
+  &.grab {
+    cursor: grab;
+  }
+
+  &.dragging {
+    opacity: 0;
+  }
+
+  /* Hide action buttons by default — they are absolutely positioned so no layout space */
+  .th-actions {
+    visibility: hidden;
+    pointer-events: none;
+  }
+
+  &:hover .th-actions,
+  &.menu-open .th-actions {
+    visibility: visible;
+    pointer-events: auto;
+    background-color: var(--md-sys-color-surface-container-low);
+  }
+
+  &:hover .resize-handle {
+    opacity: 1;
+  }
+
+  &.sorted .th-actions {
+    visibility: visible;
+    pointer-events: auto;
+  }
+
+  &.resizing .th-actions {
+    visibility: hidden;
+    pointer-events: none;
+  }
+
+  &.resizing .resize-handle:not(.resizing) {
+    opacity: 0;
+  }
+`, f = o.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 0 var(--padding-m);
+  width: 100%;
+  height: 100%;
+  font-size: var(--font-size-s);
+  font-weight: 600;
+  color: var(--md-sys-color-on-surface-variant);
+  cursor: pointer;
+  user-select: none;
+`, y = o(r)`
+  &.expander {
+    background-color: unset;
+    padding: 2px;
+
+    &:hover {
+      background-color: var(--md-sys-color-surface-container-high-hover);
+    }
+  }
+  cursor: pointer;
+`, w = o.td`
+  position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+`, x = o.span`
+  font-weight: 400;
+  color: var(--md-sys-color-outline);
+  opacity: 0.7;
+`, k = o.span`
+  width: 10px;
+  height: 10px;
+  border-radius: 2px;
+  flex-shrink: 0;
+`, z = o.th`
+  position: relative;
+  cursor: grabbing;
+  background-color: var(--md-sys-color-surface-container-high);
+  border-radius: var(--border-radius-m);
+  display: flex;
+  align-items: center;
+  padding: 0 var(--padding-m);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  z-index: 50;
+  height: 30px;
+`, T = o.span`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  user-select: none;
+`, C = o.div.attrs({ className: "th-actions" })`
+  position: absolute;
+  right: var(--padding-m);
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  flex-shrink: 0;
+  z-index: 1;
+`, R = o.div`
+  position: absolute;
+  right: -3px;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+  cursor: col-resize;
+  z-index: 2;
+  opacity: 0;
+  background-color: var(--md-sys-color-surface-container-high);
+
+  &.resizing {
+    background-color: var(--md-sys-color-primary);
+    opacity: 1;
+  }
+`;
+export {
+  z as DraggedColumnHeader,
+  l as EditableCellValue,
+  y as Expander,
+  k as GroupColorDot,
+  x as GroupCount,
+  f as GroupRowContent,
+  w as GroupTD,
+  h as HeaderTR,
+  d as ListTableCellWrapper,
+  g as LoaderTR,
+  m as OverlayTR,
+  s as PlaceholderRowContent,
+  R as ResizeHandle,
+  b as SortableTHStyled,
+  u as TBody,
+  n as TD,
+  a as TDInner,
+  C as THActions,
+  T as THContent,
+  v as THead,
+  t as TR,
+  p as Table,
+  c as TableContainer
+};
+//# sourceMappingURL=ListTable.styled.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListTable.styled.es.js","sources":["../../../../../src/containers/ListTable/ListTable.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '@ynput/ayon-react-components'\n\nexport const TR = styled.tr`\n  display: flex;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 36px;\n\n  border-radius: var(--border-radius-m);\n  overflow: hidden;\n\n  /* ROW COLOR */\n  .inner-td {\n    background-color: var(--md-sys-color-surface-container);\n    border-top: 2px solid var(--md-sys-color-surface-container);\n    border-bottom: 2px solid var(--md-sys-color-surface-container);\n  }\n\n  td:first-child .inner-td {\n    border-left: 2px solid var(--md-sys-color-surface-container);\n  }\n\n  td:last-child .inner-td {\n    border-right: 2px solid var(--md-sys-color-surface-container);\n  }\n\n  &:hover {\n    .inner-td {\n      background-color: var(--md-sys-color-surface-container-hover);\n      border-top-color: var(--md-sys-color-surface-container-hover);\n      border-bottom-color: var(--md-sys-color-surface-container-hover);\n    }\n\n    td:first-child .inner-td {\n      border-left-color: var(--md-sys-color-surface-container-hover);\n    }\n\n    td:last-child .inner-td {\n      border-right-color: var(--md-sys-color-surface-container-hover);\n    }\n  }\n\n  &.selected {\n    .inner-td {\n      background-color: var(--md-sys-color-primary-container);\n      border-top: 2px solid var(--md-sys-color-primary);\n      border-bottom: 2px solid var(--md-sys-color-primary);\n    }\n  }\n\n  &.selected td:first-child .inner-td {\n    border-left: 2px solid var(--md-sys-color-primary);\n  }\n\n  &.selected td:last-child .inner-td {\n    border-right: 2px solid var(--md-sys-color-primary);\n  }\n\n  &.inactive {\n    color: var(--md-sys-color-outline);\n  }\n\n  &.dragging {\n    opacity: 0;\n  }\n\n  &.group-row {\n    background-color: transparent;\n\n    &:hover,\n    &.expanded {\n      background-color: var(--md-sys-color-surface-container-hover);\n    }\n  }\n\n  &.placeholder-row {\n    background-color: transparent;\n\n    .inner-td {\n      background-color: transparent;\n      border-color: transparent;\n    }\n\n    &:hover {\n      .inner-td {\n        background-color: transparent;\n        border-color: transparent;\n      }\n    }\n  }\n`\n\nexport const TD = styled.td`\n  position: relative;\n  height: 100%;\n\n  background-color: transparent;\n  user-select: none;\n\n  &:first-child .inner-td {\n    border-top-left-radius: var(--border-radius-m);\n    border-bottom-left-radius: var(--border-radius-m);\n  }\n\n  &:last-child .inner-td {\n    border-top-right-radius: var(--border-radius-m);\n    border-bottom-right-radius: var(--border-radius-m);\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const TDInner = styled.div`\n  position: absolute;\n  inset: 0;\n\n  padding: 0 var(--padding-m);\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  box-sizing: border-box;\n  min-width: 0;\n`\n\nexport const PlaceholderRowContent = styled.div`\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  color: var(--md-sys-color-on-surface-variant);\n  font-style: italic;\n  pointer-events: none;\n`\n\n// convenience cell wrapper div use of cell container prop\nexport const ListTableCellWrapper = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: var(--padding-s);\n  overflow: hidden;\n  min-width: 0;\n\n  & > * {\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n    min-width: 0;\n  }\n`\n\nexport const EditableCellValue = styled.div<{ $isEditing?: boolean }>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: 28px;\n  padding: 0 var(--padding-s);\n  border-radius: var(--border-radius-m);\n  transition: background-color 120ms ease, outline-color 120ms ease;\n  overflow: hidden;\n  min-width: 0;\n\n  & > * {\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n    min-width: 0;\n  }\n\n  &:hover:not(.editing):not(.boolean) {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.editing:not(.boolean) {\n    background-color: var(--md-sys-color-surface-container);\n  }\n`\n\nexport const TableWrapper = styled.div`\n  overflow: hidden;\n  position: absolute;\n  inset: 0;\n  border-radius: var(--border-radius-m);\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const TableContainer = styled.div`\n  position: relative;\n  display: flex;\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 8px;\n  padding-top: 0;\n  outline: none;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: var(--border-radius-m);\n\n  &[data-hover-frozen] .th-actions {\n    visibility: hidden !important;\n    pointer-events: none !important;\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n`\n\nexport const Table = styled.table`\n  width: 100%;\n  text-align: left;\n  font-size: var(--font-size-s);\n  color: var(--md-sys-color-on-surface);\n  display: grid;\n`\n\nexport const THead = styled.thead`\n  display: grid !important;\n  position: sticky;\n  top: 0;\n  min-height: 34px;\n  z-index: 10;\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const HeaderTR = styled.tr`\n  display: flex;\n  width: 100%;\n`\n\nexport const TH = styled.th`\n  position: relative;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  padding: 0 var(--padding-m);\n  font-weight: 600;\n  color: var(--md-sys-color-on-surface-variant);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-height: fit-content;\n`\n\nexport const TBody = styled.tbody`\n  display: grid;\n  width: 100%;\n  position: relative;\n`\n\nexport const LoaderTR = styled.tr`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  padding: var(--padding-m);\n  color: var(--md-sys-color-outline);\n`\n\nexport const OverlayTR = styled.tr`\n  display: flex;\n  width: 100%;\n  background-color: var(--md-sys-color-surface-container-high);\n  outline: 2px solid var(--md-sys-color-primary);\n  border-radius: var(--border-radius-m);\n  cursor: grabbing;\n  z-index: 50;\n\n  &.inactive {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n`\n\nexport const SortableTHStyled = styled.th`\n  position: relative;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  padding: 0 var(--padding-m);\n  font-weight: 600;\n  color: var(--md-sys-color-on-surface-variant);\n  overflow: visible;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-height: fit-content;\n  cursor: default;\n  user-select: none;\n  transition: opacity 100ms ease, transform 200ms ease;\n\n  &.grab {\n    cursor: grab;\n  }\n\n  &.dragging {\n    opacity: 0;\n  }\n\n  /* Hide action buttons by default — they are absolutely positioned so no layout space */\n  .th-actions {\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  &:hover .th-actions,\n  &.menu-open .th-actions {\n    visibility: visible;\n    pointer-events: auto;\n    background-color: var(--md-sys-color-surface-container-low);\n  }\n\n  &:hover .resize-handle {\n    opacity: 1;\n  }\n\n  &.sorted .th-actions {\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  &.resizing .th-actions {\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  &.resizing .resize-handle:not(.resizing) {\n    opacity: 0;\n  }\n`\n\nexport const GroupRowContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0 var(--padding-m);\n  width: 100%;\n  height: 100%;\n  font-size: var(--font-size-s);\n  font-weight: 600;\n  color: var(--md-sys-color-on-surface-variant);\n  cursor: pointer;\n  user-select: none;\n`\n\nexport const Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n  cursor: pointer;\n`\n\nexport const GroupTD = styled.td`\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n`\n\nexport const GroupCount = styled.span`\n  font-weight: 400;\n  color: var(--md-sys-color-outline);\n  opacity: 0.7;\n`\n\nexport const GroupColorDot = styled.span`\n  width: 10px;\n  height: 10px;\n  border-radius: 2px;\n  flex-shrink: 0;\n`\n\nexport const DraggedColumnHeader = styled.th`\n  position: relative;\n  cursor: grabbing;\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-m);\n  display: flex;\n  align-items: center;\n  padding: 0 var(--padding-m);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  z-index: 50;\n  height: 30px;\n`\n\nexport const THContent = styled.span`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  user-select: none;\n`\n\nexport const THActions = styled.div.attrs({ className: 'th-actions' })`\n  position: absolute;\n  right: var(--padding-m);\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n  z-index: 1;\n`\n\nexport const ResizeHandle = styled.div`\n  position: absolute;\n  right: -3px;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  cursor: col-resize;\n  z-index: 2;\n  opacity: 0;\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &.resizing {\n    background-color: var(--md-sys-color-primary);\n    opacity: 1;\n  }\n`\n"],"names":["TR","styled","TD","TDInner","PlaceholderRowContent","ListTableCellWrapper","EditableCellValue","TableContainer","Table","THead","HeaderTR","TBody","LoaderTR","OverlayTR","SortableTHStyled","GroupRowContent","Expander","Button","GroupTD","GroupCount","GroupColorDot","DraggedColumnHeader","THContent","THActions","ResizeHandle"],"mappings":"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"}

package/dist/shared/src/containers/ListTable/ListTableCell.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),v=require("@tanstack/react-table"),l=require("./ListTable.styled.cjs.js"),j=require("./ListTableWidgets.cjs.js"),_=require("clsx");require("react");require("@tanstack/react-virtual");require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");const $=require("../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../components/AccessUser/AccessUser.cjs.js");require("../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../components/Badge/Badge.cjs.js");require("../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../components/LinksManager/CellEditingDialog.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("../Feed/context/FeedContext.cjs.js");require("../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../Slicer/components/Slicer.cjs.js");require("../Slicer/context/SlicerContext.cjs.js");require("../Slicer/hooks/useTableDataBySlice.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../Actions/Actions.styled.cjs.js");require("../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../Actions/ActionIcon.cjs.js");require("../Views/ViewsMenu/ViewsMenu.cjs.js");require("../Views/context/ViewsContextInstance.cjs.js");require("../Views/Views.styled.cjs.js");require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("./ListTableRow.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../components/EntityPath/EntityPath.styled.cjs.js");require("../../components/EntityPath/SegmentProvider.cjs.js");require("../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../components/Feedback/SupportBubble.cjs.js");require("../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../components/LinksManager/LinksManager.styled.cjs.js");require("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/FreeTrialLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/SizeSlider/SizeSlider.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/StyledLink/StyledLink.cjs.js");require("../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/Menu/Menu.styled.cjs.js");require("../../components/Menu/MenuItem.cjs.js");require("../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../components/ColumnHeaderMenuUI.cjs.js");require("../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");const D="editable",A=e=>!!e&&typeof e=="object"&&"__listTablePlaceholder"in e,G=({cell:e,row:u,rowIndex:E,attributeData:a,dataTypeWidgets:n,editingState:q,callbacks:g,isReadOnly:s})=>{const r=a?.type;if(!r||!n?.[r])return null;const o=n[r];if(!o)return null;const d=e.column.id,t=j.getListTableCellId(u.id,d),m={row:u,cell:e,value:e.getValue(),rowIndex:E,columnId:d,cellId:t,attributeData:a,isEditing:q.editingCellId===t,isReadOnly:s,startEditing:()=>q.startEditingCell(t),stopEditing:q.stopEditingCell,updateValue:f=>{g.onUpdateRow(d,f,u.id),q.stopEditingCell()},openViewer:()=>g.onOpenViewer?.(u.original),getDraftValue:q.getDraftValue,setDraftValue:q.setDraftValue};return o(m)},O=({row:e,cellWrapper:u,columnAttributeData:E,dataTypeWidgets:a,editingState:n,callbacks:q,editable:g=!0})=>{const s=A(e.original);if(s){const r=e.original&&typeof e.original=="object"&&"label"in e.original?String(e.original.label??""):"";return i.jsxRuntimeExports.jsx(l.TD,{style:{width:"100%"},children:i.jsxRuntimeExports.jsx(l.TDInner,{style:{left:0,paddingLeft:`calc(var(--padding-m) + ${e.depth*16}px)`},children:i.jsxRuntimeExports.jsx(l.PlaceholderRowContent,{children:r})})},`${e.id}-placeholder`)}return i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:e.getVisibleCells().map((r,o,d)=>{const t=j.getListTableCellId(e.id,r.column.id),m=E?.[r.column.id],f=!!r.column.columnDef.meta?.listTableCustomCell,x=m?.type,b=!!x&&!f,V=!!(x&&a?.[x]),T=n.editingCellId===t,h=g&&r.column.columnDef.meta?.editable!==!1,L=!b||s?null:G({cell:r,row:e,rowIndex:e.index,attributeData:m,dataTypeWidgets:a,editingState:n,callbacks:q,isReadOnly:!h}),C=!b||s?v.flexRender(r.column.columnDef.cell,r.getContext()):L??j.renderListTableFallbackValue(r.getValue());let c=C;u!==null&&(u?c=u(e,C)||C:c=i.jsxRuntimeExports.jsx(l.ListTableCellWrapper,{children:C}));const y=h&&b&&V&&!s;return y&&(c=i.jsxRuntimeExports.jsx(l.EditableCellValue,{className:_(D,x,{editing:T}),children:c})),i.jsxRuntimeExports.jsx(l.TD,{id:t,style:{width:`calc(var(--col-${r.column.id}-size) * 1px)`,paddingRight:o===d.length-1?"var(--padding-m)":void 0,flexGrow:o===d.length-1?1:void 0},onDoubleClick:y?p=>{p.stopPropagation(),n.startEditingCell(t)}:void 0,onClick:p=>{const R=p.target;if(T&&R.closest(".editing"))p.stopPropagation();else if(h){const I=R.closest(`.${D}`),P=R.closest(`.${$.EDIT_TRIGGER_CLASS}, input, textarea, select, [contenteditable="true"]`);(I||P)&&(n.startEditingCell(t),p.stopPropagation())}},children:i.jsxRuntimeExports.jsx(l.TDInner,{className:"inner-td",style:{left:o===0?`calc(var(--padding-m) + ${e.depth*16}px)`:void 0},children:c})},r.id)})})};exports.RowCells=O;
+//# sourceMappingURL=ListTableCell.cjs.js.map

package/dist/shared/src/containers/ListTable/ListTableCell.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListTableCell.cjs.js","sources":["../../../../../src/containers/ListTable/ListTableCell.tsx"],"sourcesContent":["import React from 'react'\nimport { Cell, flexRender, Row, RowData } from '@tanstack/react-table'\nimport * as Styled from './ListTable.styled'\nimport {\n  getListTableCellId,\n  ListTableColumnAttributeData,\n  ListTableDataTypeWidgets,\n  ListTableWidgetRenderContext,\n  renderListTableFallbackValue,\n} from './ListTableWidgets'\nimport clsx from 'clsx'\nimport { EDIT_TRIGGER_CLASS } from '../ProjectTreeTable'\n\nconst EDITABLE_CELL_CLASS = 'editable'\n\nconst isPlaceholderRowValue = (value: unknown): value is { __listTablePlaceholder: true } =>\n  !!value && typeof value === 'object' && '__listTablePlaceholder' in (value as object)\n\n// 1. Refactored Type: Pass 'content' to the function so it can wrap it naturally\nexport type CellWrapperRenderer<TData extends RowData> =\n  | ((row: Row<TData>, content: React.ReactNode) => React.ReactElement | null)\n  | null\n\nexport interface ListTableCellEditingState {\n  editingCellId: string | null\n  startEditingCell: (cellId: string) => void\n  stopEditingCell: () => void\n  getDraftValue: () => string | null\n  setDraftValue: (value: string | null) => void\n}\n\nexport interface ListTableCellCallbacks<TData extends RowData> {\n  onUpdateRow: (columnId: string, value: unknown, rowId: string) => void\n  onOpenViewer?: (row: TData) => void\n}\n\ninterface RowCellsProps<TData extends RowData> {\n  row: Row<TData>\n  cellWrapper?: CellWrapperRenderer<TData>\n  columnAttributeData?: ListTableColumnAttributeData\n  dataTypeWidgets?: ListTableDataTypeWidgets<TData>\n  editingState: ListTableCellEditingState\n  callbacks: ListTableCellCallbacks<TData>\n  editable?: boolean\n}\n\nconst renderTypedCellContent = <TData extends RowData>({\n  cell,\n  row,\n  rowIndex,\n  attributeData,\n  dataTypeWidgets,\n  editingState,\n  callbacks,\n  isReadOnly,\n}: {\n  cell: Cell<TData, unknown>\n  row: Row<TData>\n  rowIndex: number\n  attributeData?: ListTableColumnAttributeData[string]\n  dataTypeWidgets?: ListTableDataTypeWidgets<TData>\n  editingState: ListTableCellEditingState\n  callbacks: ListTableCellCallbacks<TData>\n  isReadOnly: boolean\n}) => {\n  const attributeType = attributeData?.type\n  if (!attributeType || !dataTypeWidgets?.[attributeType]) {\n    return null\n  }\n\n  const renderer = dataTypeWidgets[attributeType]\n  if (!renderer) {\n    return null\n  }\n\n  const columnId = cell.column.id\n  const cellId = getListTableCellId(row.id, columnId)\n  const context: ListTableWidgetRenderContext<TData> = {\n    row,\n    cell,\n    value: cell.getValue(),\n    rowIndex,\n    columnId,\n    cellId,\n    attributeData,\n    isEditing: editingState.editingCellId === cellId,\n    isReadOnly,\n    startEditing: () => editingState.startEditingCell(cellId),\n    stopEditing: editingState.stopEditingCell,\n    updateValue: (value) => {\n      callbacks.onUpdateRow(columnId, value, row.id)\n      editingState.stopEditingCell()\n    },\n    openViewer: () => callbacks.onOpenViewer?.(row.original),\n    getDraftValue: editingState.getDraftValue,\n    setDraftValue: editingState.setDraftValue,\n  }\n\n  return renderer(context)\n}\n\nexport const RowCells = <TData extends RowData>({\n  row,\n  cellWrapper,\n  columnAttributeData,\n  dataTypeWidgets,\n  editingState,\n  callbacks,\n  editable = true,\n}: RowCellsProps<TData>) => {\n  const isPlaceholderRow = isPlaceholderRowValue(row.original)\n\n  if (isPlaceholderRow) {\n    const message =\n      row.original && typeof row.original === 'object' && 'label' in row.original\n        ? String((row.original as { label?: string }).label ?? '')\n        : ''\n\n    return (\n      <Styled.TD key={`${row.id}-placeholder`} style={{ width: '100%' }}>\n        <Styled.TDInner\n          style={{ left: 0, paddingLeft: `calc(var(--padding-m) + ${row.depth * 16}px)` }}\n        >\n          <Styled.PlaceholderRowContent>{message}</Styled.PlaceholderRowContent>\n        </Styled.TDInner>\n      </Styled.TD>\n    )\n  }\n\n  return (\n    <>\n      {row.getVisibleCells().map((cell, cellIndex, visibleCells) => {\n        const cellId = getListTableCellId(row.id, cell.column.id)\n        const attributeData = columnAttributeData?.[cell.column.id]\n        const hasCustomCellRenderer = !!cell.column.columnDef.meta?.listTableCustomCell\n        const attributeType = attributeData?.type\n        const shouldUseTypedWidget = !!attributeType && !hasCustomCellRenderer\n        const hasTypedWidget = !!(attributeType && dataTypeWidgets?.[attributeType])\n        const isEditing = editingState.editingCellId === cellId\n        const isColumnEditable = editable && cell.column.columnDef.meta?.editable !== false\n        const typedContent =\n          !shouldUseTypedWidget || isPlaceholderRow\n            ? null\n            : renderTypedCellContent({\n                cell,\n                row,\n                rowIndex: row.index,\n                attributeData,\n                dataTypeWidgets,\n                editingState,\n                callbacks,\n                isReadOnly: !isColumnEditable,\n              })\n\n        const content =\n          !shouldUseTypedWidget || isPlaceholderRow\n            ? flexRender(cell.column.columnDef.cell, cell.getContext())\n            : typedContent ?? renderListTableFallbackValue(cell.getValue())\n        let wrappedContent: React.ReactNode = content\n\n        if (cellWrapper !== null) {\n          if (cellWrapper) {\n            wrappedContent = cellWrapper(row, content) || content\n          } else {\n            wrappedContent = <Styled.ListTableCellWrapper>{content}</Styled.ListTableCellWrapper>\n          }\n        }\n\n        const canStartTypedEdit =\n          isColumnEditable && shouldUseTypedWidget && hasTypedWidget && !isPlaceholderRow\n        if (canStartTypedEdit) {\n          wrappedContent = (\n            <Styled.EditableCellValue\n              className={clsx(EDITABLE_CELL_CLASS, attributeType, { editing: isEditing })}\n            >\n              {wrappedContent}\n            </Styled.EditableCellValue>\n          )\n        }\n\n        return (\n          <Styled.TD\n            key={cell.id}\n            id={cellId}\n            style={{\n              width: `calc(var(--col-${cell.column.id}-size) * 1px)`,\n              paddingRight: cellIndex === visibleCells.length - 1 ? 'var(--padding-m)' : undefined,\n              flexGrow: cellIndex === visibleCells.length - 1 ? 1 : undefined,\n            }}\n            onDoubleClick={\n              canStartTypedEdit\n                ? (e) => {\n                    e.stopPropagation()\n                    editingState.startEditingCell(cellId)\n                  }\n                : undefined\n            }\n            onClick={(e) => {\n              const target = e.target as HTMLElement\n              // check if the click is within an editing cell\n              if (isEditing && target.closest('.editing')) {\n                e.stopPropagation() // prevent row click when interacting with the editing cell\n              } else if (isColumnEditable) {\n                // check if clicking an editable input or trigger element\n                const editableElement = target.closest(`.${EDITABLE_CELL_CLASS}`)\n                const triggerElement = target.closest(\n                  `.${EDIT_TRIGGER_CLASS}, input, textarea, select, [contenteditable=\"true\"]`,\n                )\n                if (editableElement || triggerElement) {\n                  editingState.startEditingCell(cellId)\n                  e.stopPropagation() // prevent row click when interacting with the editing cell\n                }\n              }\n            }}\n          >\n            <Styled.TDInner\n              className=\"inner-td\"\n              style={{\n                left: cellIndex === 0 ? `calc(var(--padding-m) + ${row.depth * 16}px)` : undefined,\n              }}\n            >\n              {wrappedContent}\n            </Styled.TDInner>\n          </Styled.TD>\n        )\n      })}\n    </>\n  )\n}\n"],"names":["EDITABLE_CELL_CLASS","isPlaceholderRowValue","value","renderTypedCellContent","cell","row","rowIndex","attributeData","dataTypeWidgets","editingState","callbacks","isReadOnly","attributeType","renderer","columnId","cellId","getListTableCellId","context","RowCells","cellWrapper","columnAttributeData","editable","isPlaceholderRow","message","jsx","Styled.TD","Styled.TDInner","Styled.PlaceholderRowContent","Fragment","cellIndex","visibleCells","hasCustomCellRenderer","shouldUseTypedWidget","hasTypedWidget","isEditing","isColumnEditable","typedContent","content","flexRender","renderListTableFallbackValue","wrappedContent","Styled.ListTableCellWrapper","canStartTypedEdit","Styled.EditableCellValue","clsx","e","target","editableElement","triggerElement","EDIT_TRIGGER_CLASS"],"mappings":"q4fAaA,MAAMA,EAAsB,WAEtBC,EAAyBC,GAC7B,CAAC,CAACA,GAAS,OAAOA,GAAU,UAAY,2BAA6BA,EA8BjEC,EAAyB,CAAwB,CACrD,KAAAC,EACA,IAAAC,EACA,SAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,UAAAC,EACA,WAAAC,CACF,IASM,CACJ,MAAMC,EAAgBL,GAAe,KACrC,GAAI,CAACK,GAAiB,CAACJ,IAAkBI,CAAa,EACpD,OAAO,KAGT,MAAMC,EAAWL,EAAgBI,CAAa,EAC9C,GAAI,CAACC,EACH,OAAO,KAGT,MAAMC,EAAWV,EAAK,OAAO,GACvBW,EAASC,EAAAA,mBAAmBX,EAAI,GAAIS,CAAQ,EAC5CG,EAA+C,CACnD,IAAAZ,EACA,KAAAD,EACA,MAAOA,EAAK,SAAA,EACZ,SAAAE,EACA,SAAAQ,EACA,OAAAC,EACA,cAAAR,EACA,UAAWE,EAAa,gBAAkBM,EAC1C,WAAAJ,EACA,aAAc,IAAMF,EAAa,iBAAiBM,CAAM,EACxD,YAAaN,EAAa,gBAC1B,YAAcP,GAAU,CACtBQ,EAAU,YAAYI,EAAUZ,EAAOG,EAAI,EAAE,EAC7CI,EAAa,gBAAA,CACf,EACA,WAAY,IAAMC,EAAU,eAAeL,EAAI,QAAQ,EACvD,cAAeI,EAAa,cAC5B,cAAeA,EAAa,aAAA,EAG9B,OAAOI,EAASI,CAAO,CACzB,EAEaC,EAAW,CAAwB,CAC9C,IAAAb,EACA,YAAAc,EACA,oBAAAC,EACA,gBAAAZ,EACA,aAAAC,EACA,UAAAC,EACA,SAAAW,EAAW,EACb,IAA4B,CAC1B,MAAMC,EAAmBrB,EAAsBI,EAAI,QAAQ,EAE3D,GAAIiB,EAAkB,CACpB,MAAMC,EACJlB,EAAI,UAAY,OAAOA,EAAI,UAAa,UAAY,UAAWA,EAAI,SAC/D,OAAQA,EAAI,SAAgC,OAAS,EAAE,EACvD,GAEN,OACEmB,EAAAA,kBAAAA,IAACC,EAAAA,GAAA,CAAwC,MAAO,CAAE,MAAO,QACvD,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,QAAA,CACC,MAAO,CAAE,KAAM,EAAG,YAAa,2BAA2BrB,EAAI,MAAQ,EAAE,KAAA,EAExE,SAAAmB,EAAAA,kBAAAA,IAACG,EAAAA,sBAAA,CAA8B,SAAAJ,CAAA,CAAQ,CAAA,CAAA,CACzC,EALc,GAAGlB,EAAI,EAAE,cAMzB,CAEJ,CAEA,OACEmB,wBAAAI,EAAAA,kBAAAA,SAAA,CACG,WAAI,gBAAA,EAAkB,IAAI,CAACxB,EAAMyB,EAAWC,IAAiB,CAC5D,MAAMf,EAASC,EAAAA,mBAAmBX,EAAI,GAAID,EAAK,OAAO,EAAE,EAClDG,EAAgBa,IAAsBhB,EAAK,OAAO,EAAE,EACpD2B,EAAwB,CAAC,CAAC3B,EAAK,OAAO,UAAU,MAAM,oBACtDQ,EAAgBL,GAAe,KAC/ByB,EAAuB,CAAC,CAACpB,GAAiB,CAACmB,EAC3CE,EAAiB,CAAC,EAAErB,GAAiBJ,IAAkBI,CAAa,GACpEsB,EAAYzB,EAAa,gBAAkBM,EAC3CoB,EAAmBd,GAAYjB,EAAK,OAAO,UAAU,MAAM,WAAa,GACxEgC,EACJ,CAACJ,GAAwBV,EACrB,KACAnB,EAAuB,CACrB,KAAAC,EACA,IAAAC,EACA,SAAUA,EAAI,MACd,cAAAE,EACA,gBAAAC,EACA,aAAAC,EACA,UAAAC,EACA,WAAY,CAACyB,CAAA,CACd,EAEDE,EACJ,CAACL,GAAwBV,EACrBgB,EAAAA,WAAWlC,EAAK,OAAO,UAAU,KAAMA,EAAK,YAAY,EACxDgC,GAAgBG,EAAAA,6BAA6BnC,EAAK,UAAU,EAClE,IAAIoC,EAAkCH,EAElClB,IAAgB,OACdA,EACFqB,EAAiBrB,EAAYd,EAAKgC,CAAO,GAAKA,EAE9CG,EAAiBhB,EAAAA,kBAAAA,IAACiB,EAAAA,qBAAA,CAA6B,SAAAJ,CAAA,CAAQ,GAI3D,MAAMK,EACJP,GAAoBH,GAAwBC,GAAkB,CAACX,EACjE,OAAIoB,IACFF,EACEhB,EAAAA,kBAAAA,IAACmB,EAAAA,kBAAA,CACC,UAAWC,EAAK5C,EAAqBY,EAAe,CAAE,QAASsB,EAAW,EAEzE,SAAAM,CAAA,CAAA,GAMLhB,EAAAA,kBAAAA,IAACC,EAAAA,GAAA,CAEC,GAAIV,EACJ,MAAO,CACL,MAAO,kBAAkBX,EAAK,OAAO,EAAE,gBACvC,aAAcyB,IAAcC,EAAa,OAAS,EAAI,mBAAqB,OAC3E,SAAUD,IAAcC,EAAa,OAAS,EAAI,EAAI,MAAA,EAExD,cACEY,EACKG,GAAM,CACLA,EAAE,gBAAA,EACFpC,EAAa,iBAAiBM,CAAM,CACtC,EACA,OAEN,QAAU8B,GAAM,CACd,MAAMC,EAASD,EAAE,OAEjB,GAAIX,GAAaY,EAAO,QAAQ,UAAU,EACxCD,EAAE,gBAAA,UACOV,EAAkB,CAE3B,MAAMY,EAAkBD,EAAO,QAAQ,IAAI9C,CAAmB,EAAE,EAC1DgD,EAAiBF,EAAO,QAC5B,IAAIG,EAAAA,kBAAkB,qDAAA,GAEpBF,GAAmBC,KACrBvC,EAAa,iBAAiBM,CAAM,EACpC8B,EAAE,gBAAA,EAEN,CACF,EAEA,SAAArB,EAAAA,kBAAAA,IAACE,EAAAA,QAAA,CACC,UAAU,WACV,MAAO,CACL,KAAMG,IAAc,EAAI,2BAA2BxB,EAAI,MAAQ,EAAE,MAAQ,MAAA,EAG1E,SAAAmC,CAAA,CAAA,CACH,EAxCKpC,EAAK,EAAA,CA2ChB,CAAC,CAAA,CACH,CAEJ"}