synapse-react-client 4.0.38 → 4.0.41

package/dist/components/FormTemplateEditor/schemaFieldUtils.d.ts

@@ -0,0 +1,25 @@
+import { RJSFSchema } from '@rjsf/utils';
+/**
+ * The set of property shapes the simple editor knows how to author. Anything
+ * outside this set surfaces in the UI as "advanced" and must be edited via the
+ * raw JSON Schema view.
+ */
+export type SimpleFieldType = 'text' | 'number' | 'boolean' | 'choice' | 'file';
+export declare const FIELD_TYPE_OPTIONS: {
+    value: SimpleFieldType;
+    label: string;
+}[];
+export declare function detectFieldType(prop: RJSFSchema | undefined): SimpleFieldType | null;
+export declare function fieldTypeLabel(type: SimpleFieldType | null): string;
+/** Build a fresh schema body for the given simple type, preserving label and help text. */
+export declare function applyFieldType(prev: RJSFSchema, type: SimpleFieldType): RJSFSchema;
+/** Derive a unique camelCase JSON property key from a display title. */
+export declare function generatePropertyKey(title: string, existingKeys: Set<string>): string;
+/**
+ * Sanitize a manually-typed property key: strip characters that aren't
+ * valid in a JSON Schema property key used as a JS identifier, preserving
+ * the editor's casing (unlike `generatePropertyKey`, which derives a
+ * camelCase key from a display title).
+ */
+export declare function sanitizePropertyKey(raw: string): string;
+//# sourceMappingURL=schemaFieldUtils.d.ts.map

package/dist/components/FormTemplateEditor/schemaFieldUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemaFieldUtils.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/schemaFieldUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE/E,eAAO,MAAM,kBAAkB,EAAE;IAAE,KAAK,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAMzE,CAAA;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,UAAU,GAAG,SAAS,GAC3B,eAAe,GAAG,IAAI,CAQxB;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,MAAM,CAGnE;AAED,2FAA2F;AAC3F,wBAAgB,cAAc,CAC5B,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,eAAe,GACpB,UAAU,CA4BZ;AAED,wEAAwE;AACxE,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,GACxB,MAAM,CAiBR;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAGvD"}

package/dist/components/FormTemplateEditor/schemaFieldUtils.js

@@ -0,0 +1,66 @@
+//#region src/components/FormTemplateEditor/schemaFieldUtils.ts
+var e = [
+	{
+		value: "text",
+		label: "Text"
+	},
+	{
+		value: "number",
+		label: "Number"
+	},
+	{
+		value: "boolean",
+		label: "Yes / No"
+	},
+	{
+		value: "choice",
+		label: "Multiple choice"
+	},
+	{
+		value: "file",
+		label: "File upload"
+	}
+];
+function t(e) {
+	return !e || typeof e != "object" ? null : e.format === "synapse-filehandle-id" ? "file" : e.type === "string" && Array.isArray(e.enum) ? "choice" : e.type === "string" && !e.format ? "text" : e.type === "number" || e.type === "integer" ? "number" : e.type === "boolean" ? "boolean" : null;
+}
+function n(t) {
+	return t === null ? "Advanced" : e.find((e) => e.value === t)?.label ?? "Advanced";
+}
+function r(e, t) {
+	let n = {
+		title: e.title,
+		description: e.description
+	};
+	switch (t) {
+		case "text":
+			n.type = "string";
+			break;
+		case "number":
+			n.type = "number";
+			break;
+		case "boolean":
+			n.type = "boolean";
+			break;
+		case "choice":
+			n.type = "string", n.enum = Array.isArray(e.enum) && e.enum.length > 0 ? e.enum : ["Option 1"];
+			break;
+		case "file":
+			n.type = "number", n.format = "synapse-filehandle-id";
+			break;
+	}
+	return n;
+}
+function i(e, t) {
+	let n = e.toLowerCase().replace(/[^a-z0-9\s]/g, "").trim().split(/\s+/).filter(Boolean).map((e, t) => t === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)).join("") || "field", r = n, i = 1;
+	for (; t.has(r);) i += 1, r = `${n}${i}`;
+	return r;
+}
+function a(e) {
+	let t = e.replace(/[^A-Za-z0-9_]/g, "");
+	return /^[0-9]/.test(t) ? `_${t}` : t;
+}
+//#endregion
+export { e as FIELD_TYPE_OPTIONS, r as applyFieldType, t as detectFieldType, n as fieldTypeLabel, i as generatePropertyKey, a as sanitizePropertyKey };
+
+//# sourceMappingURL=schemaFieldUtils.js.map

package/dist/components/FormTemplateEditor/schemaFieldUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemaFieldUtils.js","names":[],"sources":["../../../src/components/FormTemplateEditor/schemaFieldUtils.ts"],"sourcesContent":["import { RJSFSchema } from '@rjsf/utils'\n\n/**\n * The set of property shapes the simple editor knows how to author. Anything\n * outside this set surfaces in the UI as \"advanced\" and must be edited via the\n * raw JSON Schema view.\n */\nexport type SimpleFieldType = 'text' | 'number' | 'boolean' | 'choice' | 'file'\n\nexport const FIELD_TYPE_OPTIONS: { value: SimpleFieldType; label: string }[] = [\n  { value: 'text', label: 'Text' },\n  { value: 'number', label: 'Number' },\n  { value: 'boolean', label: 'Yes / No' },\n  { value: 'choice', label: 'Multiple choice' },\n  { value: 'file', label: 'File upload' },\n]\n\nexport function detectFieldType(\n  prop: RJSFSchema | undefined,\n): SimpleFieldType | null {\n  if (!prop || typeof prop !== 'object') return null\n  if (prop.format === 'synapse-filehandle-id') return 'file'\n  if (prop.type === 'string' && Array.isArray(prop.enum)) return 'choice'\n  if (prop.type === 'string' && !prop.format) return 'text'\n  if (prop.type === 'number' || prop.type === 'integer') return 'number'\n  if (prop.type === 'boolean') return 'boolean'\n  return null\n}\n\nexport function fieldTypeLabel(type: SimpleFieldType | null): string {\n  if (type === null) return 'Advanced'\n  return FIELD_TYPE_OPTIONS.find(opt => opt.value === type)?.label ?? 'Advanced'\n}\n\n/** Build a fresh schema body for the given simple type, preserving label and help text. */\nexport function applyFieldType(\n  prev: RJSFSchema,\n  type: SimpleFieldType,\n): RJSFSchema {\n  const next: RJSFSchema = {\n    title: prev.title,\n    description: prev.description,\n  }\n  switch (type) {\n    case 'text':\n      next.type = 'string'\n      break\n    case 'number':\n      next.type = 'number'\n      break\n    case 'boolean':\n      next.type = 'boolean'\n      break\n    case 'choice':\n      next.type = 'string'\n      next.enum =\n        Array.isArray(prev.enum) && prev.enum.length > 0\n          ? prev.enum\n          : ['Option 1']\n      break\n    case 'file':\n      next.type = 'number'\n      next.format = 'synapse-filehandle-id'\n      break\n  }\n  return next\n}\n\n/** Derive a unique camelCase JSON property key from a display title. */\nexport function generatePropertyKey(\n  title: string,\n  existingKeys: Set<string>,\n): string {\n  const base =\n    title\n      .toLowerCase()\n      .replace(/[^a-z0-9\\s]/g, '')\n      .trim()\n      .split(/\\s+/)\n      .filter(Boolean)\n      .map((w, i) => (i === 0 ? w : w.charAt(0).toUpperCase() + w.slice(1)))\n      .join('') || 'field'\n  let key = base\n  let i = 1\n  while (existingKeys.has(key)) {\n    i += 1\n    key = `${base}${i}`\n  }\n  return key\n}\n\n/**\n * Sanitize a manually-typed property key: strip characters that aren't\n * valid in a JSON Schema property key used as a JS identifier, preserving\n * the editor's casing (unlike `generatePropertyKey`, which derives a\n * camelCase key from a display title).\n */\nexport function sanitizePropertyKey(raw: string): string {\n  const stripped = raw.replace(/[^A-Za-z0-9_]/g, '')\n  return /^[0-9]/.test(stripped) ? `_${stripped}` : stripped\n}\n"],"mappings":";AASA,IAAa,IAAkE;CAC7E;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAW,OAAO;CAAW;CACtC;EAAE,OAAO;EAAU,OAAO;CAAkB;CAC5C;EAAE,OAAO;EAAQ,OAAO;CAAc;AACxC;AAEA,SAAgB,EACd,GACwB;CAOxB,OANI,CAAC,KAAQ,OAAO,KAAS,WAAiB,OAC1C,EAAK,WAAW,0BAAgC,SAChD,EAAK,SAAS,YAAY,MAAM,QAAQ,EAAK,IAAI,IAAU,WAC3D,EAAK,SAAS,YAAY,CAAC,EAAK,SAAe,SAC/C,EAAK,SAAS,YAAY,EAAK,SAAS,YAAkB,WAC1D,EAAK,SAAS,YAAkB,YAC7B;AACT;AAEA,SAAgB,EAAe,GAAsC;CAEnE,OADI,MAAS,OAAa,aACnB,EAAmB,MAAK,MAAO,EAAI,UAAU,CAAI,GAAG,SAAS;AACtE;AAGA,SAAgB,EACd,GACA,GACY;CACZ,IAAM,IAAmB;EACvB,OAAO,EAAK;EACZ,aAAa,EAAK;CACpB;CACA,QAAQ,GAAR;EACE,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GAEH,AADA,EAAK,OAAO,UACZ,EAAK,OACH,MAAM,QAAQ,EAAK,IAAI,KAAK,EAAK,KAAK,SAAS,IAC3C,EAAK,OACL,CAAC,UAAU;GACjB;EACF,KAAK;GAEH,AADA,EAAK,OAAO,UACZ,EAAK,SAAS;GACd;CACJ;CACA,OAAO;AACT;AAGA,SAAgB,EACd,GACA,GACQ;CACR,IAAM,IACJ,EACG,YAAY,EACZ,QAAQ,gBAAgB,EAAE,EAC1B,KAAK,EACL,MAAM,KAAK,EACX,OAAO,OAAO,EACd,KAAK,GAAG,MAAO,MAAM,IAAI,IAAI,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,CAAE,EACpE,KAAK,EAAE,KAAK,SACb,IAAM,GACN,IAAI;CACR,OAAO,EAAa,IAAI,CAAG,IAEzB,AADA,KAAK,GACL,IAAM,GAAG,IAAO;CAElB,OAAO;AACT;AAQA,SAAgB,EAAoB,GAAqB;CACvD,IAAM,IAAW,EAAI,QAAQ,kBAAkB,EAAE;CACjD,OAAO,SAAS,KAAK,CAAQ,IAAI,IAAI,MAAa;AACpD"}

package/dist/components/FormTemplateEditor/useSaveFormTemplate.d.ts

@@ -0,0 +1,28 @@
+import { FormTemplate } from '@sage-bionetworks/synapse-client';
+import { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError';
+import { RJSFSchema } from '@rjsf/utils';
+import { UseMutationOptions } from '@tanstack/react-query';
+import { EditableFormTemplateStep } from './utils';
+import { FormTemplateFieldValidationError } from './formTemplateValidation';
+export type SaveFormTemplateDraftParams = {
+    initialTemplate?: FormTemplate;
+    initialJsonSchema?: RJSFSchema;
+    name: string;
+    jsonSchema: RJSFSchema;
+    steps: EditableFormTemplateStep[];
+};
+export type SaveFormTemplateDraftResult = {
+    ok: true;
+    template: FormTemplate;
+} | {
+    ok: false;
+    validationErrors: FormTemplateFieldValidationError[];
+};
+/**
+ * Owns the create-schema, create-template, and update-template mutations, and sequences them
+ * into a single save mutation. A validation failure resolves as `{ ok: false, validationErrors }`
+ * rather than rejecting; a network failure (including a 412 conflict from a concurrent edit)
+ * rejects normally, surfaced via the returned mutation's `error`.
+ */
+export declare function useSaveFormTemplate(options?: Omit<UseMutationOptions<SaveFormTemplateDraftResult, SynapseClientError, SaveFormTemplateDraftParams>, 'mutationFn'>): import("@tanstack/react-query").UseMutationResult<SaveFormTemplateDraftResult, SynapseClientError, SaveFormTemplateDraftParams, unknown>;
+//# sourceMappingURL=useSaveFormTemplate.d.ts.map

package/dist/components/FormTemplateEditor/useSaveFormTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveFormTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAc,MAAM,kCAAkC,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAA;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAe,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AACvE,OAAO,EAAE,wBAAwB,EAAuB,MAAM,SAAS,CAAA;AACvE,OAAO,EACL,gCAAgC,EAEjC,MAAM,0BAA0B,CAAA;AAEjC,MAAM,MAAM,2BAA2B,GAAG;IACxC,eAAe,CAAC,EAAE,YAAY,CAAA;IAC9B,iBAAiB,CAAC,EAAE,UAAU,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,wBAAwB,EAAE,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,2BAA2B,GACnC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAA;CAAE,GACpC;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,gBAAgB,EAAE,gCAAgC,EAAE,CAAA;CAAE,CAAA;AAEvE;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,CAAC,EAAE,IAAI,CACZ,kBAAkB,CAChB,2BAA2B,EAC3B,kBAAkB,EAClB,2BAA2B,CAC5B,EACD,YAAY,CACb,4IAuDF"}

package/dist/components/FormTemplateEditor/useSaveFormTemplate.js

@@ -0,0 +1,39 @@
+import { useCreateFormTemplate as e, useUpdateFormTemplate as t } from "../../synapse-queries/dataaccess/useFormTemplate.js";
+import { useCreateJsonSchema as n } from "../../synapse-queries/jsonschema/useCreateJsonSchema.js";
+import { validateFormTemplateFields as r } from "./formTemplateValidation.js";
+import { toFormTemplateSteps as i } from "./utils.js";
+import { useMutation as a } from "@tanstack/react-query";
+import o from "lodash-es/isEqual";
+//#region src/components/FormTemplateEditor/useSaveFormTemplate.ts
+function s(s) {
+	let c = n(), l = e(), u = t();
+	return a({
+		...s,
+		mutationFn: async (e) => {
+			let t = i(e.steps), n = r(t, e.jsonSchema);
+			if (n.length > 0) return {
+				ok: !1,
+				validationErrors: n
+			};
+			let a = e.initialTemplate?.schema$id ?? "";
+			(!o(e.jsonSchema, e.initialJsonSchema) || !a) && (a = (await c.mutateAsync(e.jsonSchema)).newVersionInfo.$id);
+			let s = {
+				...e.initialTemplate,
+				name: e.name,
+				schema$id: a,
+				steps: t
+			};
+			return {
+				ok: !0,
+				template: e.initialTemplate?.id ? await u.mutateAsync({
+					templateId: e.initialTemplate.id,
+					formTemplate: s
+				}) : await l.mutateAsync(s)
+			};
+		}
+	});
+}
+//#endregion
+export { s as useSaveFormTemplate };
+
+//# sourceMappingURL=useSaveFormTemplate.js.map

package/dist/components/FormTemplateEditor/useSaveFormTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveFormTemplate.js","names":[],"sources":["../../../src/components/FormTemplateEditor/useSaveFormTemplate.ts"],"sourcesContent":["/*\n * Network orchestration for saving a FormTemplate draft: pre-flight client-side validation\n * (mirroring the server's per-field rules, since the server only returns a flat message),\n * registering a new JSON Schema version when the schema body changed, and creating or updating\n * the FormTemplate against that schema version.\n */\nimport { useCreateJsonSchema } from '@/synapse-queries/jsonschema/useCreateJsonSchema'\nimport {\n  useCreateFormTemplate,\n  useUpdateFormTemplate,\n} from '@/synapse-queries/dataaccess/useFormTemplate'\nimport { FormTemplate, JsonSchema } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { RJSFSchema } from '@rjsf/utils'\nimport isEqual from 'lodash-es/isEqual'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\nimport { EditableFormTemplateStep, toFormTemplateSteps } from './utils'\nimport {\n  FormTemplateFieldValidationError,\n  validateFormTemplateFields,\n} from './formTemplateValidation'\n\nexport type SaveFormTemplateDraftParams = {\n  initialTemplate?: FormTemplate\n  initialJsonSchema?: RJSFSchema\n  name: string\n  jsonSchema: RJSFSchema\n  steps: EditableFormTemplateStep[]\n}\n\nexport type SaveFormTemplateDraftResult =\n  | { ok: true; template: FormTemplate }\n  | { ok: false; validationErrors: FormTemplateFieldValidationError[] }\n\n/**\n * Owns the create-schema, create-template, and update-template mutations, and sequences them\n * into a single save mutation. A validation failure resolves as `{ ok: false, validationErrors }`\n * rather than rejecting; a network failure (including a 412 conflict from a concurrent edit)\n * rejects normally, surfaced via the returned mutation's `error`.\n */\nexport function useSaveFormTemplate(\n  options?: Omit<\n    UseMutationOptions<\n      SaveFormTemplateDraftResult,\n      SynapseClientError,\n      SaveFormTemplateDraftParams\n    >,\n    'mutationFn'\n  >,\n) {\n  const createSchema = useCreateJsonSchema()\n  const createTemplate = useCreateFormTemplate()\n  const updateTemplate = useUpdateFormTemplate()\n\n  return useMutation<\n    SaveFormTemplateDraftResult,\n    SynapseClientError,\n    SaveFormTemplateDraftParams\n  >({\n    ...options,\n    mutationFn: async params => {\n      const formTemplateSteps = toFormTemplateSteps(params.steps)\n\n      const validationErrors = validateFormTemplateFields(\n        formTemplateSteps,\n        params.jsonSchema,\n      )\n      if (validationErrors.length > 0) {\n        return { ok: false, validationErrors }\n      }\n\n      // The schema registry has no update operation — every save that changed the schema body\n      // registers a fresh, immutable version. Re-registering an unchanged body would still create\n      // an unnecessary version, so skip it when the draft's schema matches what was last resolved.\n      let schema$id = params.initialTemplate?.schema$id ?? ''\n      const schemaChanged = !isEqual(\n        params.jsonSchema,\n        params.initialJsonSchema,\n      )\n      if (schemaChanged || !schema$id) {\n        const response = await createSchema.mutateAsync(\n          params.jsonSchema as JsonSchema,\n        )\n        schema$id = response.newVersionInfo!.$id!\n      }\n\n      const formTemplate: FormTemplate = {\n        ...params.initialTemplate,\n        name: params.name,\n        schema$id,\n        steps: formTemplateSteps,\n      }\n\n      const template = params.initialTemplate?.id\n        ? await updateTemplate.mutateAsync({\n            templateId: params.initialTemplate.id,\n            formTemplate,\n          })\n        : await createTemplate.mutateAsync(formTemplate)\n\n      return { ok: true, template }\n    },\n  })\n}\n"],"mappings":";;;;;;;AAwCA,SAAgB,EACd,GAQA;CACA,IAAM,IAAe,EAAoB,GACnC,IAAiB,EAAsB,GACvC,IAAiB,EAAsB;CAE7C,OAAO,EAIL;EACA,GAAG;EACH,YAAY,OAAM,MAAU;GAC1B,IAAM,IAAoB,EAAoB,EAAO,KAAK,GAEpD,IAAmB,EACvB,GACA,EAAO,UACT;GACA,IAAI,EAAiB,SAAS,GAC5B,OAAO;IAAE,IAAI;IAAO;GAAiB;GAMvC,IAAI,IAAY,EAAO,iBAAiB,aAAa;GAKrD,CAAI,CAJmB,EACrB,EAAO,YACP,EAAO,iBACT,KACqB,CAAC,OAIpB,KAAY,MAHW,EAAa,YAClC,EAAO,UACT,GACqB,eAAgB;GAGvC,IAAM,IAA6B;IACjC,GAAG,EAAO;IACV,MAAM,EAAO;IACb;IACA,OAAO;GACT;GASA,OAAO;IAAE,IAAI;IAAM,UAPF,EAAO,iBAAiB,KACrC,MAAM,EAAe,YAAY;KAC/B,YAAY,EAAO,gBAAgB;KACnC;IACF,CAAC,IACD,MAAM,EAAe,YAAY,CAAY;GAErB;EAC9B;CACF,CAAC;AACH"}

package/dist/components/FormTemplateEditor/utils.d.ts

@@ -0,0 +1,21 @@
+import { FormTemplateStep } from '@sage-bionetworks/synapse-client';
+export { moveItem } from '@/utils/functions/ArrayUtils';
+/**
+ * A `FormTemplateStep` with a client-only stable identity, used as a React
+ * key and drag-and-drop sortable id. Steps have no natural unique field
+ * (unlike fields, whose identity is their `schemaPath`), so the editor
+ * tracks one here. `uiKey` never leaves this component tree — strip it with
+ * `toFormTemplateSteps` before handing steps back to a caller.
+ */
+export type EditableFormTemplateStep = FormTemplateStep & {
+    uiKey: string;
+};
+/** Create a new empty step with a fresh identity. */
+export declare function createEditableStep(): EditableFormTemplateStep;
+/** Attach a fresh identity to each step loaded from outside the editor. */
+export declare function toEditableSteps(steps: FormTemplateStep[]): EditableFormTemplateStep[];
+/** Strip the client-only identity before handing steps back to a caller. */
+export declare function toFormTemplateSteps(steps: EditableFormTemplateStep[]): FormTemplateStep[];
+/** Normalize a JSON pointer (ensure leading slash). */
+export declare function normalizePointer(p: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/FormTemplateEditor/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAIvD;;;;;;GAMG;AACH,MAAM,MAAM,wBAAwB,GAAG,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE3E,qDAAqD;AACrD,wBAAgB,kBAAkB,IAAI,wBAAwB,CAO7D;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,CAC7B,KAAK,EAAE,gBAAgB,EAAE,GACxB,wBAAwB,EAAE,CAE5B;AAED,4EAA4E;AAC5E,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,EAAE,GAChC,gBAAgB,EAAE,CAEpB;AAED,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAGlD"}

package/dist/components/FormTemplateEditor/utils.js

@@ -0,0 +1,27 @@
+import { moveItem as e } from "../../utils/functions/ArrayUtils.js";
+//#region src/components/FormTemplateEditor/utils.ts
+var t = 0;
+function n() {
+	return {
+		title: "New Step",
+		description: "",
+		fields: [],
+		uiKey: `step-${t++}`
+	};
+}
+function r(e) {
+	return e.map((e) => ({
+		...e,
+		uiKey: `step-${t++}`
+	}));
+}
+function i(e) {
+	return e.map(({ uiKey: e, ...t }) => t);
+}
+function a(e) {
+	return e && (e.startsWith("/") ? e : `/${e}`);
+}
+//#endregion
+export { n as createEditableStep, e as moveItem, a as normalizePointer, r as toEditableSteps, i as toFormTemplateSteps };
+
+//# sourceMappingURL=utils.js.map

package/dist/components/FormTemplateEditor/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/FormTemplateEditor/utils.ts"],"sourcesContent":["import { FormTemplateStep } from '@sage-bionetworks/synapse-client'\n\nexport { moveItem } from '@/utils/functions/ArrayUtils'\n\nlet nextUiKeySeq = 0\n\n/**\n * A `FormTemplateStep` with a client-only stable identity, used as a React\n * key and drag-and-drop sortable id. Steps have no natural unique field\n * (unlike fields, whose identity is their `schemaPath`), so the editor\n * tracks one here. `uiKey` never leaves this component tree — strip it with\n * `toFormTemplateSteps` before handing steps back to a caller.\n */\nexport type EditableFormTemplateStep = FormTemplateStep & { uiKey: string }\n\n/** Create a new empty step with a fresh identity. */\nexport function createEditableStep(): EditableFormTemplateStep {\n  return {\n    title: 'New Step',\n    description: '',\n    fields: [],\n    uiKey: `step-${nextUiKeySeq++}`,\n  }\n}\n\n/** Attach a fresh identity to each step loaded from outside the editor. */\nexport function toEditableSteps(\n  steps: FormTemplateStep[],\n): EditableFormTemplateStep[] {\n  return steps.map(step => ({ ...step, uiKey: `step-${nextUiKeySeq++}` }))\n}\n\n/** Strip the client-only identity before handing steps back to a caller. */\nexport function toFormTemplateSteps(\n  steps: EditableFormTemplateStep[],\n): FormTemplateStep[] {\n  return steps.map(({ uiKey: _uiKey, ...rest }) => rest)\n}\n\n/** Normalize a JSON pointer (ensure leading slash). */\nexport function normalizePointer(p: string): string {\n  if (!p) return p\n  return p.startsWith('/') ? p : `/${p}`\n}\n"],"mappings":";;AAIA,IAAI,IAAe;AAYnB,SAAgB,IAA+C;CAC7D,OAAO;EACL,OAAO;EACP,aAAa;EACb,QAAQ,CAAC;EACT,OAAO,QAAQ;CACjB;AACF;AAGA,SAAgB,EACd,GAC4B;CAC5B,OAAO,EAAM,KAAI,OAAS;EAAE,GAAG;EAAM,OAAO,QAAQ;CAAiB,EAAE;AACzE;AAGA,SAAgB,EACd,GACoB;CACpB,OAAO,EAAM,KAAK,EAAE,OAAO,GAAQ,GAAG,QAAW,CAAI;AACvD;AAGA,SAAgB,EAAiB,GAAmB;CAElD,OADK,MACE,EAAE,WAAW,GAAG,IAAI,IAAI,IAAI;AACrC"}

package/dist/components/HasAccess/AccessIcon.d.ts

@@ -9,7 +9,9 @@ export declare enum RestrictionUiType {
     AccessBlockedByRestrictionWithRejectedRDCADAPRequest = "AccessBlockedByRestrictionWithRejectedRDCADAPRequest",
     AccessBlockedByACL = "AccessBlockedByACL",
     AccessBlockedToAnonymous = "AccessBlockedToAnonymous",
-    AccessibleExternalFileHandle = "AccessibleExternalFileHandle"
+    AccessibleExternalFileHandle = "AccessibleExternalFileHandle",
+    AccessibleOnRDCADAP = "AccessibleOnRDCADAP",
+    AccessBlockedByRDCADAPAccountNotLinked = "AccessBlockedByRDCADAPAccountNotLinked"
 }
 declare function AccessIcon(props: {
     restrictionUiType: RestrictionUiType;

package/dist/components/HasAccess/AccessIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccessIcon.d.ts","sourceRoot":"","sources":["../../../src/components/HasAccess/AccessIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAY,MAAM,eAAe,CAAA;AAGxD,oBAAY,iBAAiB;IAC3B,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,0BAA0B,+BAA+B;IACzD,4CAA4C,iDAAiD;IAC7F,oDAAoD,yDAAyD;IAC7G,mDAAmD,wDAAwD;IAC3G,oDAAoD,yDAAyD;IAC7G,kBAAkB,uBAAuB;IACzC,wBAAwB,6BAA6B;IACrD,4BAA4B,iCAAiC;CAC9D;AA2DD,iBAAS,UAAU,CAAC,KAAK,EAAE;IACzB,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACpB,2CAqBA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"AccessIcon.d.ts","sourceRoot":"","sources":["../../../src/components/HasAccess/AccessIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAY,MAAM,eAAe,CAAA;AAGxD,oBAAY,iBAAiB;IAC3B,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,0BAA0B,+BAA+B;IACzD,4CAA4C,iDAAiD;IAC7F,oDAAoD,yDAAyD;IAC7G,mDAAmD,wDAAwD;IAC3G,oDAAoD,yDAAyD;IAC7G,kBAAkB,uBAAuB;IACzC,wBAAwB,6BAA6B;IACrD,4BAA4B,iCAAiC;IAC7D,mBAAmB,wBAAwB;IAC3C,sCAAsC,2CAA2C;CAClF;AAqED,iBAAS,UAAU,CAAC,KAAK,EAAE;IACzB,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACpB,2CAqBA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/HasAccess/AccessIcon.js

@@ -3,7 +3,7 @@ import { useTheme as t } from "@mui/material";
 import { Fragment as n, jsx as r } from "react/jsx-runtime";
 //#region src/components/HasAccess/AccessIcon.tsx
 var i = /* @__PURE__ */ function(e) {
-	return e.Accessible = "Accessible", e.AccessibleWithTerms = "AccessibleWithTerms", e.AccessBlockedByRestriction = "AccessBlockedByRestriction", e.AccessBlockedByRestrictionWithPendingRequest = "AccessBlockedByRestrictionWithPendingRequest", e.AccessBlockedByRestrictionWithPendingExternalRequest = "AccessBlockedByRestrictionWithPendingExternalRequest", e.AccessBlockedByRestrictionWithPendingRDCADAPRequest = "AccessBlockedByRestrictionWithPendingRDCADAPRequest", e.AccessBlockedByRestrictionWithRejectedRDCADAPRequest = "AccessBlockedByRestrictionWithRejectedRDCADAPRequest", e.AccessBlockedByACL = "AccessBlockedByACL", e.AccessBlockedToAnonymous = "AccessBlockedToAnonymous", e.AccessibleExternalFileHandle = "AccessibleExternalFileHandle", e;
+	return e.Accessible = "Accessible", e.AccessibleWithTerms = "AccessibleWithTerms", e.AccessBlockedByRestriction = "AccessBlockedByRestriction", e.AccessBlockedByRestrictionWithPendingRequest = "AccessBlockedByRestrictionWithPendingRequest", e.AccessBlockedByRestrictionWithPendingExternalRequest = "AccessBlockedByRestrictionWithPendingExternalRequest", e.AccessBlockedByRestrictionWithPendingRDCADAPRequest = "AccessBlockedByRestrictionWithPendingRDCADAPRequest", e.AccessBlockedByRestrictionWithRejectedRDCADAPRequest = "AccessBlockedByRestrictionWithRejectedRDCADAPRequest", e.AccessBlockedByACL = "AccessBlockedByACL", e.AccessBlockedToAnonymous = "AccessBlockedToAnonymous", e.AccessibleExternalFileHandle = "AccessibleExternalFileHandle", e.AccessibleOnRDCADAP = "AccessibleOnRDCADAP", e.AccessBlockedByRDCADAPAccountNotLinked = "AccessBlockedByRDCADAPAccountNotLinked", e;
 }({}), a = {
 	AccessBlockedToAnonymous: {
 		icon: "accessClosed",
@@ -35,6 +35,11 @@ var i = /* @__PURE__ */ function(e) {
 		color: (e) => e.palette.warning.main,
 		tooltipText: "Your access request has been denied by RDCA-DAP."
 	},
+	AccessBlockedByRDCADAPAccountNotLinked: {
+		icon: "linkOff",
+		color: (e) => e.palette.warning.main,
+		tooltipText: "Link your RDCA-DAP account to request access to this item."
+	},
 	AccessBlockedByACL: {
 		icon: "accessClosed",
 		color: (e) => e.palette.warning.main,
@@ -50,6 +55,11 @@ var i = /* @__PURE__ */ function(e) {
 		color: (e) => e.palette.success.main,
 		tooltipText: "You have access to this item."
 	},
+	AccessibleOnRDCADAP: {
+		icon: "accessOpen",
+		color: (e) => e.palette.success.main,
+		tooltipText: "You have access to this item on RDCA-DAP."
+	},
 	AccessibleExternalFileHandle: {
 		icon: "linkOff",
 		color: (e) => e.palette.grey[700],

package/dist/components/HasAccess/AccessIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessIcon.js","names":[],"sources":["../../../src/components/HasAccess/AccessIcon.tsx"],"sourcesContent":["import { SxProps, Theme, useTheme } from '@mui/material'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nexport enum RestrictionUiType {\n  Accessible = 'Accessible',\n  AccessibleWithTerms = 'AccessibleWithTerms',\n  AccessBlockedByRestriction = 'AccessBlockedByRestriction',\n  AccessBlockedByRestrictionWithPendingRequest = 'AccessBlockedByRestrictionWithPendingRequest',\n  AccessBlockedByRestrictionWithPendingExternalRequest = 'AccessBlockedByRestrictionWithPendingExternalRequest',\n  AccessBlockedByRestrictionWithPendingRDCADAPRequest = 'AccessBlockedByRestrictionWithPendingRDCADAPRequest',\n  AccessBlockedByRestrictionWithRejectedRDCADAPRequest = 'AccessBlockedByRestrictionWithRejectedRDCADAPRequest',\n  AccessBlockedByACL = 'AccessBlockedByACL',\n  AccessBlockedToAnonymous = 'AccessBlockedToAnonymous',\n  AccessibleExternalFileHandle = 'AccessibleExternalFileHandle',\n}\n\nconst iconConfiguration: Record<\n  RestrictionUiType,\n  { icon: IconName; color: (theme: Theme) => string; tooltipText: string }\n> = {\n  [RestrictionUiType.AccessBlockedToAnonymous]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You must sign in to access this item.',\n  },\n  [RestrictionUiType.AccessBlockedByRestriction]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You must request access to this restricted item.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingRequest]: {\n    icon: 'accessPending',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request is pending approval.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingExternalRequest]: {\n    icon: 'accessPendingCloud',\n    color: theme => theme.palette.warning.main,\n    tooltipText:\n      'Your access request is pending approval from an external system.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingRDCADAPRequest]: {\n    icon: 'accessPendingCloud',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request is pending approval by RDCA-DAP.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithRejectedRDCADAPRequest]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request has been denied by RDCA-DAP.',\n  },\n  [RestrictionUiType.AccessBlockedByACL]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You do not have download access for this item.',\n  },\n  [RestrictionUiType.AccessibleWithTerms]: {\n    icon: 'accessOpen',\n    color: theme => theme.palette.success.main,\n    tooltipText: 'View Terms',\n  },\n  [RestrictionUiType.Accessible]: {\n    icon: 'accessOpen',\n    color: theme => theme.palette.success.main,\n    tooltipText: 'You have access to this item.',\n  },\n  [RestrictionUiType.AccessibleExternalFileHandle]: {\n    icon: 'linkOff',\n    color: theme => theme.palette.grey[700],\n    tooltipText: 'Access may be controlled by an external system.',\n  },\n}\n\nfunction AccessIcon(props: {\n  restrictionUiType: RestrictionUiType\n  wrap?: boolean\n  sx?: SxProps<Theme>\n}) {\n  const { restrictionUiType, wrap = true, sx } = props\n  const theme = useTheme()\n  if (restrictionUiType) {\n    const configuration = iconConfiguration[restrictionUiType]\n    return (\n      <IconSvg\n        icon={configuration.icon}\n        label={configuration.tooltipText}\n        wrap={wrap}\n        sx={{\n          color: configuration.color(theme),\n          height: '16px',\n          verticalAlign: 'text-top',\n          ...sx,\n        }}\n      />\n    )\n  }\n  // nothing is rendered until downloadType is determined\n  return <></>\n}\n\nexport default AccessIcon\n"],"mappings":";;;;AAGA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,aAAA,cACA,EAAA,sBAAA,uBACA,EAAA,6BAAA,8BACA,EAAA,+CAAA,gDACA,EAAA,uDAAA,wDACA,EAAA,sDAAA,uDACA,EAAA,uDAAA,wDACA,EAAA,qBAAA,sBACA,EAAA,2BAAA,4BACA,EAAA,+BAAA;AACF,EAAA,CAAA,CAAA,GAEM,IAGF;2BAC4C;EAC5C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;6BACgD;EAC9C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;+CACkE;EAChE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;uDAC0E;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aACE;CACJ;sDACyE;EACvE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;uDAC0E;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;qBACwC;EACtC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;sBACyC;EACvC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;aACgC;EAC9B,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;+BACkD;EAChD,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,KAAK;EACnC,aAAa;CACf;AACF;AAEA,SAAS,EAAW,GAIjB;CACD,IAAM,EAAE,sBAAmB,UAAO,IAAM,UAAO,GACzC,IAAQ,EAAS;CACvB,IAAI,GAAmB;EACrB,IAAM,IAAgB,EAAkB;EACxC,OACE,kBAAC,GAAD;GACE,MAAM,EAAc;GACpB,OAAO,EAAc;GACf;GACN,IAAI;IACF,OAAO,EAAc,MAAM,CAAK;IAChC,QAAQ;IACR,eAAe;IACf,GAAG;GACL;EACD,CAAA;CAEL;CAEA,OAAO,kBAAA,GAAA,CAAI,CAAA;AACb"}
+{"version":3,"file":"AccessIcon.js","names":[],"sources":["../../../src/components/HasAccess/AccessIcon.tsx"],"sourcesContent":["import { SxProps, Theme, useTheme } from '@mui/material'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nexport enum RestrictionUiType {\n  Accessible = 'Accessible',\n  AccessibleWithTerms = 'AccessibleWithTerms',\n  AccessBlockedByRestriction = 'AccessBlockedByRestriction',\n  AccessBlockedByRestrictionWithPendingRequest = 'AccessBlockedByRestrictionWithPendingRequest',\n  AccessBlockedByRestrictionWithPendingExternalRequest = 'AccessBlockedByRestrictionWithPendingExternalRequest',\n  AccessBlockedByRestrictionWithPendingRDCADAPRequest = 'AccessBlockedByRestrictionWithPendingRDCADAPRequest',\n  AccessBlockedByRestrictionWithRejectedRDCADAPRequest = 'AccessBlockedByRestrictionWithRejectedRDCADAPRequest',\n  AccessBlockedByACL = 'AccessBlockedByACL',\n  AccessBlockedToAnonymous = 'AccessBlockedToAnonymous',\n  AccessibleExternalFileHandle = 'AccessibleExternalFileHandle',\n  AccessibleOnRDCADAP = 'AccessibleOnRDCADAP',\n  AccessBlockedByRDCADAPAccountNotLinked = 'AccessBlockedByRDCADAPAccountNotLinked',\n}\n\nconst iconConfiguration: Record<\n  RestrictionUiType,\n  { icon: IconName; color: (theme: Theme) => string; tooltipText: string }\n> = {\n  [RestrictionUiType.AccessBlockedToAnonymous]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You must sign in to access this item.',\n  },\n  [RestrictionUiType.AccessBlockedByRestriction]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You must request access to this restricted item.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingRequest]: {\n    icon: 'accessPending',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request is pending approval.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingExternalRequest]: {\n    icon: 'accessPendingCloud',\n    color: theme => theme.palette.warning.main,\n    tooltipText:\n      'Your access request is pending approval from an external system.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithPendingRDCADAPRequest]: {\n    icon: 'accessPendingCloud',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request is pending approval by RDCA-DAP.',\n  },\n  [RestrictionUiType.AccessBlockedByRestrictionWithRejectedRDCADAPRequest]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Your access request has been denied by RDCA-DAP.',\n  },\n  [RestrictionUiType.AccessBlockedByRDCADAPAccountNotLinked]: {\n    icon: 'linkOff',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'Link your RDCA-DAP account to request access to this item.',\n  },\n  [RestrictionUiType.AccessBlockedByACL]: {\n    icon: 'accessClosed',\n    color: theme => theme.palette.warning.main,\n    tooltipText: 'You do not have download access for this item.',\n  },\n  [RestrictionUiType.AccessibleWithTerms]: {\n    icon: 'accessOpen',\n    color: theme => theme.palette.success.main,\n    tooltipText: 'View Terms',\n  },\n  [RestrictionUiType.Accessible]: {\n    icon: 'accessOpen',\n    color: theme => theme.palette.success.main,\n    tooltipText: 'You have access to this item.',\n  },\n  [RestrictionUiType.AccessibleOnRDCADAP]: {\n    icon: 'accessOpen',\n    color: theme => theme.palette.success.main,\n    tooltipText: 'You have access to this item on RDCA-DAP.',\n  },\n  [RestrictionUiType.AccessibleExternalFileHandle]: {\n    icon: 'linkOff',\n    color: theme => theme.palette.grey[700],\n    tooltipText: 'Access may be controlled by an external system.',\n  },\n}\n\nfunction AccessIcon(props: {\n  restrictionUiType: RestrictionUiType\n  wrap?: boolean\n  sx?: SxProps<Theme>\n}) {\n  const { restrictionUiType, wrap = true, sx } = props\n  const theme = useTheme()\n  if (restrictionUiType) {\n    const configuration = iconConfiguration[restrictionUiType]\n    return (\n      <IconSvg\n        icon={configuration.icon}\n        label={configuration.tooltipText}\n        wrap={wrap}\n        sx={{\n          color: configuration.color(theme),\n          height: '16px',\n          verticalAlign: 'text-top',\n          ...sx,\n        }}\n      />\n    )\n  }\n  // nothing is rendered until downloadType is determined\n  return <></>\n}\n\nexport default AccessIcon\n"],"mappings":";;;;AAGA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,aAAA,cACA,EAAA,sBAAA,uBACA,EAAA,6BAAA,8BACA,EAAA,+CAAA,gDACA,EAAA,uDAAA,wDACA,EAAA,sDAAA,uDACA,EAAA,uDAAA,wDACA,EAAA,qBAAA,sBACA,EAAA,2BAAA,4BACA,EAAA,+BAAA,gCACA,EAAA,sBAAA,uBACA,EAAA,yCAAA;AACF,EAAA,CAAA,CAAA,GAEM,IAGF;2BAC4C;EAC5C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;6BACgD;EAC9C,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;+CACkE;EAChE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;uDAC0E;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aACE;CACJ;sDACyE;EACvE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;uDAC0E;EACxE,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;yCAC4D;EAC1D,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;qBACwC;EACtC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;sBACyC;EACvC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;aACgC;EAC9B,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;sBACyC;EACvC,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,QAAQ;EACtC,aAAa;CACf;+BACkD;EAChD,MAAM;EACN,QAAO,MAAS,EAAM,QAAQ,KAAK;EACnC,aAAa;CACf;AACF;AAEA,SAAS,EAAW,GAIjB;CACD,IAAM,EAAE,sBAAmB,UAAO,IAAM,UAAO,GACzC,IAAQ,EAAS;CACvB,IAAI,GAAmB;EACrB,IAAM,IAAgB,EAAkB;EACxC,OACE,kBAAC,GAAD;GACE,MAAM,EAAc;GACpB,OAAO,EAAc;GACf;GACN,IAAI;IACF,OAAO,EAAc,MAAM,CAAK;IAChC,QAAQ;IACR,eAAe;IACf,GAAG;GACL;EACD,CAAA;CAEL;CAEA,OAAO,kBAAA,GAAA,CAAI,CAAA;AACb"}

package/dist/components/JsonSchemaForm/CustomFormContext.d.ts

@@ -13,7 +13,7 @@ export interface CustomFormContext extends FormContextType {
     /**
      * Allows varying the appearance of descriptions in the UI as either a popover or an expand/collapse control
      */
-    descriptionVariant?: 'popover' | 'expand';
+    descriptionVariant?: 'popover' | 'expand' | 'inline';
     /**
      * Allows varying the format of the description in the UI. If 'table', then the description and type are both shown
      * in a table format. If 'string', then the description is shown as a string.

package/dist/components/JsonSchemaForm/CustomFormContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFormContext.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/CustomFormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD;;;;;;;;OAQG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAA;IAEtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAEzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEtC;;OAEG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAA;IAE1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;CAC3C"}
+{"version":3,"file":"CustomFormContext.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/CustomFormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD;;;;;;;;OAQG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAA;IAEtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAEpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEtC;;OAEG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAA;IAE1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;CAC3C"}

package/dist/components/JsonSchemaForm/JsonSchemaForm.css

@@ -1 +1 @@
-._jsonSchemaForm_sosz4_1{grid-template-rows:auto auto auto auto auto;margin-bottom:15px;display:grid}._jsonSchemaForm_sosz4_1 .react-select-container>.form-control{height:53.33px}._jsonSchemaForm_sosz4_1 .form-group.rjsf-field-array{margin-bottom:0}._jsonSchemaForm_sosz4_1 .form-control{height:unset}._jsonSchemaForm_sosz4_1 .MuiTextField-root:not(.datetime-picker){display:flex}._jsonSchemaForm_sosz4_1 .rjsf-array-item .LabelContainer{display:none!important}._jsonSchemaForm_sosz4_1>.form-group{grid-row-start:1}._jsonSchemaForm_sosz4_1>hr{grid-row-start:4;width:100%}._jsonSchemaForm_sosz4_1 .row{padding:0 10px}._jsonSchemaForm_sosz4_1 .rjsf-field-array>.field-description{margin-top:0;margin-bottom:8px}._jsonSchemaForm_sosz4_1 .rjsf-array-item .field-description,._jsonSchemaForm_sosz4_1 .rjsf-array-item .HelpButton{display:none}._jsonSchemaForm_sosz4_1 .rjsf-array-item .form-control,._jsonSchemaForm_sosz4_1 .rjsf-array-item .react-select-container{grid-row-start:widget}._jsonSchemaForm_sosz4_1 .rjsf-array-item div{grid-row-start:errors}._jsonSchemaForm_sosz4_1 .LabelContainer{display:flex}._jsonSchemaForm_sosz4_1 .LabelContainer label{flex-grow:1}._jsonSchemaForm_sosz4_1 .LabelContainer label span.required{color:var(--synapse-red-required);margin-left:2px}._jsonSchemaForm_sosz4_1 select{background-color:var(--synapse-gray-light)}._jsonSchemaForm_sosz4_1 .rjsf-field-array>.rjsf-array-item>label.form-label{display:none}._jsonSchemaForm_sosz4_1 .HelpButton{float:right;cursor:pointer;margin:0 0 .5rem}._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr th,._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr td{vertical-align:middle;padding:3px 0}._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr th .field-description,._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr td .field-description{margin-bottom:0}._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr th{color:var(--synapse-text-color-disabled);padding-right:25px;font-weight:400}
+._jsonSchemaForm_zdhfc_1{grid-template-rows:auto auto auto auto auto;margin-bottom:15px;display:grid}._jsonSchemaForm_zdhfc_1 .react-select-container>.form-control{height:53.33px}._jsonSchemaForm_zdhfc_1 .form-group.rjsf-field-array{margin-bottom:0}._jsonSchemaForm_zdhfc_1 .form-control{height:unset}._jsonSchemaForm_zdhfc_1 .MuiTextField-root:not(.datetime-picker){display:flex}._jsonSchemaForm_zdhfc_1 .rjsf-array-item .LabelContainer{display:none!important}._jsonSchemaForm_zdhfc_1>.form-group{grid-row-start:1}._jsonSchemaForm_zdhfc_1>hr{grid-row-start:4;width:100%}._jsonSchemaForm_zdhfc_1 .row{padding:0 10px}._jsonSchemaForm_zdhfc_1 .field-description-inline{margin-bottom:8px}._jsonSchemaForm_zdhfc_1 .rjsf-field-array>.field-description{margin-top:0;margin-bottom:8px}._jsonSchemaForm_zdhfc_1 .rjsf-array-item .field-description,._jsonSchemaForm_zdhfc_1 .rjsf-array-item .field-description-inline,._jsonSchemaForm_zdhfc_1 .rjsf-array-item .HelpButton{display:none}._jsonSchemaForm_zdhfc_1 .rjsf-array-item .form-control,._jsonSchemaForm_zdhfc_1 .rjsf-array-item .react-select-container{grid-row-start:widget}._jsonSchemaForm_zdhfc_1 .rjsf-array-item div{grid-row-start:errors}._jsonSchemaForm_zdhfc_1 .LabelContainer{display:flex}._jsonSchemaForm_zdhfc_1 .LabelContainer label{flex-grow:1}._jsonSchemaForm_zdhfc_1 .LabelContainer label span.required{color:var(--synapse-red-required);margin-left:2px}._jsonSchemaForm_zdhfc_1 select{background-color:var(--synapse-gray-light)}._jsonSchemaForm_zdhfc_1 .rjsf-field-array>.rjsf-array-item>label.form-label{display:none}._jsonSchemaForm_zdhfc_1 .HelpButton{float:right;cursor:pointer;margin:0 0 .5rem}._jsonSchemaForm_zdhfc_1 table.FieldDescriptionTable tr th,._jsonSchemaForm_zdhfc_1 table.FieldDescriptionTable tr td{vertical-align:middle;padding:3px 0}._jsonSchemaForm_zdhfc_1 table.FieldDescriptionTable tr th .field-description,._jsonSchemaForm_zdhfc_1 table.FieldDescriptionTable tr td .field-description{margin-bottom:0}._jsonSchemaForm_zdhfc_1 table.FieldDescriptionTable tr th{color:var(--synapse-text-color-disabled);padding-right:25px;font-weight:400}

package/dist/components/JsonSchemaForm/JsonSchemaForm.module.js

@@ -1,4 +1,4 @@
-import './JsonSchemaForm.css';var e = { jsonSchemaForm: "_jsonSchemaForm_sosz4_1" };
+import './JsonSchemaForm.css';var e = { jsonSchemaForm: "_jsonSchemaForm_zdhfc_1" };
 //#endregion
 export { e as default };
 

package/dist/components/JsonSchemaForm/JsonSchemaForm.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonSchemaForm.module.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.module.scss"],"sourcesContent":[".jsonSchemaForm {\n  display: grid;\n  // We can't rearrange the order of the HTML elements, so we use grid rows to reorder them.\n  grid-template-rows: auto auto auto auto auto;\n  margin-bottom: 15px;\n\n  :global(.react-select-container) > :global(.form-control) {\n    height: 53.33px;\n  }\n\n  :global(.form-group.rjsf-field-array) {\n    margin-bottom: 0px;\n  }\n\n  :global(.form-control) {\n    height: unset;\n  }\n\n  :global(.MuiTextField-root):not(:global(.datetime-picker)) {\n    display: flex;\n  }\n\n  :global(.rjsf-array-item) :global(.LabelContainer) {\n    display: none !important;\n  }\n\n  > :global(.form-group) {\n    grid-row-start: 1;\n  }\n\n  > hr {\n    grid-row-start: 4;\n    width: 100%;\n  }\n\n  :global(.row) {\n    padding: 0px 10px;\n  }\n\n  :global(.rjsf-field-array) > :global(.field-description) {\n    margin-top: 0px;\n    margin-bottom: 8px;\n  }\n\n  :global(.rjsf-array-item) {\n    :global(.field-description) {\n      display: none;\n    }\n\n    :global(.HelpButton) {\n      display: none;\n    }\n\n    :global(.form-control),\n    :global(.react-select-container) {\n      grid-row-start: widget;\n    }\n\n    div {\n      grid-row-start: errors;\n    }\n  }\n\n  :global(.LabelContainer) {\n    display: flex;\n    label {\n      flex-grow: 1;\n      span:global(.required) {\n        color: var(--synapse-red-required);\n        margin-left: 2px;\n      }\n    }\n  }\n\n  select {\n    background-color: var(--synapse-gray-light);\n  }\n\n  :global(.rjsf-field-array)\n    > :global(.rjsf-array-item)\n    > label:global(.form-label) {\n    display: none;\n  }\n\n  :global(.HelpButton) {\n    float: right;\n    margin: 0 0 0.5rem;\n    cursor: pointer;\n  }\n\n  table:global(.FieldDescriptionTable) {\n    tr {\n      th,\n      td {\n        padding: 3px 0px;\n        vertical-align: middle;\n\n        :global(.field-description) {\n          margin-bottom: 0;\n        }\n      }\n      th {\n        padding-right: 25px;\n        font-weight: 400;\n        color: var(--synapse-text-color-disabled);\n      }\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"JsonSchemaForm.module.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.module.scss"],"sourcesContent":[".jsonSchemaForm {\n  display: grid;\n  // We can't rearrange the order of the HTML elements, so we use grid rows to reorder them.\n  grid-template-rows: auto auto auto auto auto;\n  margin-bottom: 15px;\n\n  :global(.react-select-container) > :global(.form-control) {\n    height: 53.33px;\n  }\n\n  :global(.form-group.rjsf-field-array) {\n    margin-bottom: 0px;\n  }\n\n  :global(.form-control) {\n    height: unset;\n  }\n\n  :global(.MuiTextField-root):not(:global(.datetime-picker)) {\n    display: flex;\n  }\n\n  :global(.rjsf-array-item) :global(.LabelContainer) {\n    display: none !important;\n  }\n\n  > :global(.form-group) {\n    grid-row-start: 1;\n  }\n\n  > hr {\n    grid-row-start: 4;\n    width: 100%;\n  }\n\n  :global(.row) {\n    padding: 0px 10px;\n  }\n\n  :global(.field-description-inline) {\n    margin-bottom: 8px;\n  }\n\n  :global(.rjsf-field-array) > :global(.field-description) {\n    margin-top: 0px;\n    margin-bottom: 8px;\n  }\n\n  :global(.rjsf-array-item) {\n    :global(.field-description),\n    :global(.field-description-inline) {\n      display: none;\n    }\n\n    :global(.HelpButton) {\n      display: none;\n    }\n\n    :global(.form-control),\n    :global(.react-select-container) {\n      grid-row-start: widget;\n    }\n\n    div {\n      grid-row-start: errors;\n    }\n  }\n\n  :global(.LabelContainer) {\n    display: flex;\n    label {\n      flex-grow: 1;\n      span:global(.required) {\n        color: var(--synapse-red-required);\n        margin-left: 2px;\n      }\n    }\n  }\n\n  select {\n    background-color: var(--synapse-gray-light);\n  }\n\n  :global(.rjsf-field-array)\n    > :global(.rjsf-array-item)\n    > label:global(.form-label) {\n    display: none;\n  }\n\n  :global(.HelpButton) {\n    float: right;\n    margin: 0 0 0.5rem;\n    cursor: pointer;\n  }\n\n  table:global(.FieldDescriptionTable) {\n    tr {\n      th,\n      td {\n        padding: 3px 0px;\n        vertical-align: middle;\n\n        :global(.field-description) {\n          margin-bottom: 0;\n        }\n      }\n      th {\n        padding-right: 25px;\n        font-weight: 400;\n        color: var(--synapse-text-color-disabled);\n      }\n    }\n  }\n}\n"],"mappings":""}

package/dist/components/JsonSchemaForm/JsonSchemaForm.module.scss

@@ -37,13 +37,18 @@
     padding: 0px 10px;
   }
 
+  :global(.field-description-inline) {
+    margin-bottom: 8px;
+  }
+
   :global(.rjsf-field-array) > :global(.field-description) {
     margin-top: 0px;
     margin-bottom: 8px;
   }
 
   :global(.rjsf-array-item) {
-    :global(.field-description) {
+    :global(.field-description),
+    :global(.field-description-inline) {
       display: none;
     }
 

package/dist/components/JsonSchemaForm/templates/RJSFInputLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RJSFInputLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,QAAQ,EACR,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAEnD,KAAK,mBAAmB,CACtB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,IAC7B,iBAAiB,CAAC;IACpB;wBACoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,4CAA4C;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;CAC5B,CAAC,CAAA;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAmDpC"}
+{"version":3,"file":"RJSFInputLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,QAAQ,EACR,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAEnD,KAAK,mBAAmB,CACtB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,IAC7B,iBAAiB,CAAC;IACpB;wBACoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,4CAA4C;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;CAC5B,CAAC,CAAA;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAsDpC"}

package/dist/components/JsonSchemaForm/templates/RJSFInputLabel.js

@@ -35,6 +35,10 @@ function u(u) {
 				})
 			]
 		}),
+		!d && g === "inline" && p && /* @__PURE__ */ o("div", {
+			className: "field-description-inline",
+			children: p
+		}),
 		h,
 		!d && g === "expand" && /* @__PURE__ */ o(n, {
 			className: "field-description",

package/dist/components/JsonSchemaForm/templates/RJSFInputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RJSFInputLabel.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"sourcesContent":["import { StyledPopover } from '@/components/styled/StyledPopover'\nimport { HelpOutline, HelpTwoTone } from '@mui/icons-material'\nimport { Collapse, IconButton, Tooltip } from '@mui/material'\nimport {\n  FormContextType,\n  Registry,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { PropsWithChildren, useState } from 'react'\n\ntype RJSFInputLabelProps<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n> = PropsWithChildren<{\n  /** If true, the label will not be shown\n   * @default false */\n  hideLabel?: boolean\n  /** The rendered label of the field */\n  fieldLabel: React.ReactNode\n  /** The rendered description of the field */\n  description: React.ReactNode\n  /** The `registry` object */\n  registry: Registry<T, S, F>\n}>\n\n/**\n * Component that handles rendering our custom input label and description fields for RJSF.\n */\nexport function RJSFInputLabelWrapper<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: RJSFInputLabelProps<T, S, F>) {\n  const {\n    hideLabel = false,\n    fieldLabel,\n    description,\n    registry,\n    children,\n  } = props\n  const descriptionVariant =\n    registry.formContext.descriptionVariant || 'popover'\n\n  const [showDetails, setShowDetails] = useState(false)\n\n  const expandButton = (\n    <Tooltip title={'More Info'}>\n      <IconButton\n        onClick={e => {\n          e.preventDefault()\n          setShowDetails(!showDetails)\n        }}\n        aria-expanded={showDetails}\n        size={'small'}\n      >\n        <HelpOutline color={'primary'} sx={{ width: '16px', height: '16px' }} />\n      </IconButton>\n    </Tooltip>\n  )\n\n  const popoverButton = (\n    <StyledPopover popoverContent={description} maxWidth=\"350px\">\n      <HelpTwoTone className={`HelpButton`} />\n    </StyledPopover>\n  )\n\n  return (\n    <>\n      {!hideLabel && (\n        <div className=\"LabelContainer\">\n          {fieldLabel}\n          {description && descriptionVariant === 'popover' && popoverButton}\n          {description && descriptionVariant === 'expand' && expandButton}\n        </div>\n      )}\n      {children}\n      {!hideLabel && descriptionVariant === 'expand' && (\n        <Collapse className=\"field-description\" in={showDetails}>\n          {description}\n        </Collapse>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AA8BA,SAAgB,EAId,GAAqC;CACrC,IAAM,EACJ,eAAY,IACZ,eACA,gBACA,aACA,gBACE,GACE,IACJ,EAAS,YAAY,sBAAsB,WAEvC,CAAC,GAAa,KAAkB,EAAS,EAAK;CAuBpD,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,CAAC,KACA,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG;IACA,KAAe,MAAuB,aAV7C,kBAAC,GAAD;KAAe,gBAAgB;KAAa,UAAS;eACnD,kBAAC,GAAD,EAAa,WAAW,aAAe,CAAA;IAC1B,CAQ2C;IACnD,KAAe,MAAuB,YA1B7C,kBAAC,GAAD;KAAS,OAAO;eACd,kBAAC,GAAD;MACE,UAAS,MAAK;OAEZ,AADA,EAAE,eAAe,GACjB,EAAe,CAAC,CAAW;MAC7B;MACA,iBAAe;MACf,MAAM;gBAEN,kBAAC,GAAD;OAAa,OAAO;OAAW,IAAI;QAAE,OAAO;QAAQ,QAAQ;OAAO;MAAI,CAAA;KAC7D,CAAA;IACL,CAegD;GAChD;;EAEN;EACA,CAAC,KAAa,MAAuB,YACpC,kBAAC,GAAD;GAAU,WAAU;GAAoB,IAAI;aACzC;EACO,CAAA;CAEZ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"RJSFInputLabel.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"sourcesContent":["import { StyledPopover } from '@/components/styled/StyledPopover'\nimport { HelpOutline, HelpTwoTone } from '@mui/icons-material'\nimport { Collapse, IconButton, Tooltip } from '@mui/material'\nimport {\n  FormContextType,\n  Registry,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { PropsWithChildren, useState } from 'react'\n\ntype RJSFInputLabelProps<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n> = PropsWithChildren<{\n  /** If true, the label will not be shown\n   * @default false */\n  hideLabel?: boolean\n  /** The rendered label of the field */\n  fieldLabel: React.ReactNode\n  /** The rendered description of the field */\n  description: React.ReactNode\n  /** The `registry` object */\n  registry: Registry<T, S, F>\n}>\n\n/**\n * Component that handles rendering our custom input label and description fields for RJSF.\n */\nexport function RJSFInputLabelWrapper<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: RJSFInputLabelProps<T, S, F>) {\n  const {\n    hideLabel = false,\n    fieldLabel,\n    description,\n    registry,\n    children,\n  } = props\n  const descriptionVariant =\n    registry.formContext.descriptionVariant || 'popover'\n\n  const [showDetails, setShowDetails] = useState(false)\n\n  const expandButton = (\n    <Tooltip title={'More Info'}>\n      <IconButton\n        onClick={e => {\n          e.preventDefault()\n          setShowDetails(!showDetails)\n        }}\n        aria-expanded={showDetails}\n        size={'small'}\n      >\n        <HelpOutline color={'primary'} sx={{ width: '16px', height: '16px' }} />\n      </IconButton>\n    </Tooltip>\n  )\n\n  const popoverButton = (\n    <StyledPopover popoverContent={description} maxWidth=\"350px\">\n      <HelpTwoTone className={`HelpButton`} />\n    </StyledPopover>\n  )\n\n  return (\n    <>\n      {!hideLabel && (\n        <div className=\"LabelContainer\">\n          {fieldLabel}\n          {description && descriptionVariant === 'popover' && popoverButton}\n          {description && descriptionVariant === 'expand' && expandButton}\n        </div>\n      )}\n      {!hideLabel && descriptionVariant === 'inline' && description && (\n        <div className=\"field-description-inline\">{description}</div>\n      )}\n      {children}\n      {!hideLabel && descriptionVariant === 'expand' && (\n        <Collapse className=\"field-description\" in={showDetails}>\n          {description}\n        </Collapse>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AA8BA,SAAgB,EAId,GAAqC;CACrC,IAAM,EACJ,eAAY,IACZ,eACA,gBACA,aACA,gBACE,GACE,IACJ,EAAS,YAAY,sBAAsB,WAEvC,CAAC,GAAa,KAAkB,EAAS,EAAK;CAuBpD,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,CAAC,KACA,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG;IACA,KAAe,MAAuB,aAV7C,kBAAC,GAAD;KAAe,gBAAgB;KAAa,UAAS;eACnD,kBAAC,GAAD,EAAa,WAAW,aAAe,CAAA;IAC1B,CAQ2C;IACnD,KAAe,MAAuB,YA1B7C,kBAAC,GAAD;KAAS,OAAO;eACd,kBAAC,GAAD;MACE,UAAS,MAAK;OAEZ,AADA,EAAE,eAAe,GACjB,EAAe,CAAC,CAAW;MAC7B;MACA,iBAAe;MACf,MAAM;gBAEN,kBAAC,GAAD;OAAa,OAAO;OAAW,IAAI;QAAE,OAAO;QAAQ,QAAQ;OAAO;MAAI,CAAA;KAC7D,CAAA;IACL,CAegD;GAChD;;EAEN,CAAC,KAAa,MAAuB,YAAY,KAChD,kBAAC,OAAD;GAAK,WAAU;aAA4B;EAAiB,CAAA;EAE7D;EACA,CAAC,KAAa,MAAuB,YACpC,kBAAC,GAAD;GAAU,WAAU;GAAoB,IAAI;aACzC;EACO,CAAA;CAEZ,EAAA,CAAA;AAEN"}

package/dist/components/PortalHomePageHeader/PortalHomePageHeader.d.ts

@@ -8,7 +8,8 @@ export type PortalHomePageHeaderProps = {
     backgroundMp4?: string;
     backgroundMp4Css?: string;
     textAreaWidth?: string;
+    children?: React.ReactNode;
 };
-declare const PortalHomePageHeader: ({ backgroundCss, buttonLink, title, subTitle, description, backgroundMp4, backgroundMp4Css, textAreaWidth, }: PortalHomePageHeaderProps) => React.ReactNode;
+declare const PortalHomePageHeader: ({ backgroundCss, buttonLink, title, subTitle, description, backgroundMp4, backgroundMp4Css, textAreaWidth, children, }: PortalHomePageHeaderProps) => React.ReactNode;
 export default PortalHomePageHeader;
 //# sourceMappingURL=PortalHomePageHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PortalHomePageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PortalHomePageHeader/PortalHomePageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,oBAAoB,GAAI,8GAS3B,yBAAyB,KAAG,KAAK,CAAC,SAiGpC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"PortalHomePageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PortalHomePageHeader/PortalHomePageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,oBAAoB,GAAI,wHAU3B,yBAAyB,KAAG,KAAK,CAAC,SA4HpC,CAAA;AAED,eAAe,oBAAoB,CAAA"}