@orion-studios/payload-studio 0.6.0-beta.27 → 0.6.0-beta.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/admin/client.js +7 -26
  2. package/dist/admin/client.mjs +7 -26
  3. package/dist/admin-app/styles.css +6 -9
  4. package/package.json +1 -1
package/dist/admin/client.js CHANGED
@@ -8882,43 +8882,24 @@ function AdminStudioFormDetailView(props) {
8882
8882
  }
8883
8883
  )
8884
8884
  ] }),
8885
- editorState.steps.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-workflow-map", "aria-label": "Form step flow", children: editorState.steps.map((step, stepIndex) => {
8886
- const fields = getFields(step);
8887
- const requiredCount = fields.filter((field) => field.required === true).length;
8888
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-workflow-node", children: [
8889
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-workflow-node-number", children: stepIndex + 1 }),
8890
- /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-workflow-node-body", children: [
8891
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: getStepTitle(step, stepIndex) }),
8892
- /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { children: [
8893
- fields.length,
8894
- " field",
8895
- fields.length === 1 ? "" : "s",
8896
- requiredCount > 0 ? ` \xB7 ${requiredCount} required` : ""
8897
- ] })
8898
- ] }),
8899
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-workflow-node-destination", children: getStepDestination(stepIndex, editorState.steps.length) })
8900
- ] }, `flow-step-${stepIndex}`);
8901
- }) }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-empty-state", children: [
8885
+ editorState.steps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-empty-state", children: [
8902
8886
  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "No steps configured" }),
8903
8887
  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Add a first step to start building the public form flow." })
8904
- ] }),
8888
+ ] }) : null,
8905
8889
  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "orion-admin-step-editor-list", children: editorState.steps.map((step, stepIndex) => {
8906
8890
  const fields = getFields(step);
8891
+ const requiredCount = fields.filter((field) => field.required === true).length;
8907
8892
  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("details", { className: "orion-admin-step-editor", open: true, children: [
8908
8893
  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("summary", { className: "orion-admin-step-editor-summary", children: [
8909
- /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "orion-admin-step-editor-index", children: [
8910
- "Step ",
8911
- stepIndex + 1
8912
- ] }),
8894
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-workflow-node-number", children: stepIndex + 1 }),
8913
8895
  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-step-editor-title", children: getStepTitle(step, stepIndex) }),
8914
8896
  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "orion-admin-step-editor-meta", children: [
8915
8897
  fields.length,
8916
8898
  " field",
8917
8899
  fields.length === 1 ? "" : "s",
8918
- " \xB7",
8919
- " ",
8920
- getStepDestination(stepIndex, editorState.steps.length)
8921
- ] })
8900
+ requiredCount > 0 ? ` \xB7 ${requiredCount} required` : ""
8901
+ ] }),
8902
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "orion-admin-workflow-node-destination", children: getStepDestination(stepIndex, editorState.steps.length) })
8922
8903
  ] }),
8923
8904
  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-step-editor-body", children: [
8924
8905
  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-step-editor-actions", children: [
package/dist/admin/client.mjs CHANGED
@@ -6552,43 +6552,24 @@ function AdminStudioFormDetailView(props) {
6552
6552
  }
6553
6553
  )
6554
6554
  ] }),
6555
- editorState.steps.length > 0 ? /* @__PURE__ */ jsx30("div", { className: "orion-admin-workflow-map", "aria-label": "Form step flow", children: editorState.steps.map((step, stepIndex) => {
6556
- const fields = getFields(step);
6557
- const requiredCount = fields.filter((field) => field.required === true).length;
6558
- return /* @__PURE__ */ jsxs27("div", { className: "orion-admin-workflow-node", children: [
6559
- /* @__PURE__ */ jsx30("div", { className: "orion-admin-workflow-node-number", children: stepIndex + 1 }),
6560
- /* @__PURE__ */ jsxs27("div", { className: "orion-admin-workflow-node-body", children: [
6561
- /* @__PURE__ */ jsx30("strong", { children: getStepTitle(step, stepIndex) }),
6562
- /* @__PURE__ */ jsxs27("span", { children: [
6563
- fields.length,
6564
- " field",
6565
- fields.length === 1 ? "" : "s",
6566
- requiredCount > 0 ? ` \xB7 ${requiredCount} required` : ""
6567
- ] })
6568
- ] }),
6569
- /* @__PURE__ */ jsx30("div", { className: "orion-admin-workflow-node-destination", children: getStepDestination(stepIndex, editorState.steps.length) })
6570
- ] }, `flow-step-${stepIndex}`);
6571
- }) }) : /* @__PURE__ */ jsxs27("div", { className: "orion-admin-empty-state", children: [
6555
+ editorState.steps.length === 0 ? /* @__PURE__ */ jsxs27("div", { className: "orion-admin-empty-state", children: [
6572
6556
  /* @__PURE__ */ jsx30("strong", { children: "No steps configured" }),
6573
6557
  /* @__PURE__ */ jsx30("span", { children: "Add a first step to start building the public form flow." })
6574
- ] }),
6558
+ ] }) : null,
6575
6559
  /* @__PURE__ */ jsx30("div", { className: "orion-admin-step-editor-list", children: editorState.steps.map((step, stepIndex) => {
6576
6560
  const fields = getFields(step);
6561
+ const requiredCount = fields.filter((field) => field.required === true).length;
6577
6562
  return /* @__PURE__ */ jsxs27("details", { className: "orion-admin-step-editor", open: true, children: [
6578
6563
  /* @__PURE__ */ jsxs27("summary", { className: "orion-admin-step-editor-summary", children: [
6579
- /* @__PURE__ */ jsxs27("span", { className: "orion-admin-step-editor-index", children: [
6580
- "Step ",
6581
- stepIndex + 1
6582
- ] }),
6564
+ /* @__PURE__ */ jsx30("span", { className: "orion-admin-workflow-node-number", children: stepIndex + 1 }),
6583
6565
  /* @__PURE__ */ jsx30("span", { className: "orion-admin-step-editor-title", children: getStepTitle(step, stepIndex) }),
6584
6566
  /* @__PURE__ */ jsxs27("span", { className: "orion-admin-step-editor-meta", children: [
6585
6567
  fields.length,
6586
6568
  " field",
6587
6569
  fields.length === 1 ? "" : "s",
6588
- " \xB7",
6589
- " ",
6590
- getStepDestination(stepIndex, editorState.steps.length)
6591
- ] })
6570
+ requiredCount > 0 ? ` \xB7 ${requiredCount} required` : ""
6571
+ ] }),
6572
+ /* @__PURE__ */ jsx30("span", { className: "orion-admin-workflow-node-destination", children: getStepDestination(stepIndex, editorState.steps.length) })
6592
6573
  ] }),
6593
6574
  /* @__PURE__ */ jsxs27("div", { className: "orion-admin-step-editor-body", children: [
6594
6575
  /* @__PURE__ */ jsxs27("div", { className: "orion-admin-step-editor-actions", children: [
package/dist/admin-app/styles.css CHANGED
@@ -1640,11 +1640,6 @@
1640
1640
  justify-content: space-between;
1641
1641
  }
1642
1642
 
1643
- .orion-admin-workflow-map {
1644
- display: grid;
1645
- gap: 0.75rem;
1646
- }
1647
-
1648
1643
  .orion-admin-workflow-node {
1649
1644
  align-items: center;
1650
1645
  background:
@@ -1658,11 +1653,11 @@
1658
1653
  position: relative;
1659
1654
  }
1660
1655
 
1661
- .orion-admin-workflow-node:not(:last-child)::after {
1656
+ .orion-admin-step-editor:not(:last-child)::after {
1662
1657
  background: color-mix(in srgb, var(--orion-admin-accent) 34%, var(--orion-admin-card-border));
1663
- bottom: -0.75rem;
1658
+ bottom: -0.85rem;
1664
1659
  content: '';
1665
- height: 0.75rem;
1660
+ height: 0.85rem;
1666
1661
  left: 1.42rem;
1667
1662
  position: absolute;
1668
1663
  width: 2px;
@@ -1731,6 +1726,7 @@
1731
1726
  border: 1px solid color-mix(in srgb, var(--orion-admin-card-border) 84%, transparent);
1732
1727
  border-radius: var(--orion-admin-radius-md);
1733
1728
  overflow: hidden;
1729
+ position: relative;
1734
1730
  }
1735
1731
 
1736
1732
  .orion-admin-step-editor-summary,
@@ -1739,7 +1735,7 @@
1739
1735
  cursor: pointer;
1740
1736
  display: grid;
1741
1737
  gap: 0.65rem;
1742
- grid-template-columns: auto minmax(0, 1fr) minmax(96px, auto) auto;
1738
+ grid-template-columns: auto minmax(0, 1fr) minmax(96px, auto) auto auto;
1743
1739
  list-style: none;
1744
1740
  min-height: 52px;
1745
1741
  padding: 0.75rem 0.9rem;
@@ -1800,6 +1796,7 @@
1800
1796
  }
1801
1797
 
1802
1798
  .orion-admin-field-editor-summary {
1799
+ grid-template-columns: auto minmax(0, 1fr) minmax(96px, auto) auto;
1803
1800
  padding: 0.68rem 0.75rem;
1804
1801
  }
1805
1802
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orion-studios/payload-studio",
3
- "version": "0.6.0-beta.27",
3
+ "version": "0.6.0-beta.28",
4
4
  "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
5
5
  "types": "./dist/index.d.ts",
6
6
  "main": "./dist/index.js",