@mintlify/msft-sdk 1.1.23 → 1.1.24

package/dist/api-playground/ApiPlayground/Request/inputs/ArrayInput.js

@@ -0,0 +1,94 @@
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
+import { useState as w, useMemo as E } from "react";
+import { generateUniqueString as f } from "../../../../utils/uuid.js";
+import { useGenerateNextItems as N } from "../../../../hooks/useGenerateNextItems.js";
+import { AddRegular as C } from "@fluentui/react-icons";
+import "@mintlify/validation";
+import { cn as k } from "../../../../utils/cn.js";
+import { InputContainer as K } from "../../components/InputContainer.js";
+import { RecursiveInput as V } from "./RecursiveInput.js";
+const H = ({
+  name: n,
+  schema: m,
+  typeDropdown: i,
+  value: t,
+  setValue: o,
+  clearValue: g,
+  depth: p,
+  parentNames: x
+}) => {
+  const [l, u] = w((t == null ? void 0 : t.map(f)) ?? []), h = N(m), A = E(() => {
+    const c = (t == null ? void 0 : t.map((d, e) => /* @__PURE__ */ r(
+      V,
+      {
+        schemaArray: h,
+        value: d,
+        setValue: (s) => {
+          const a = [...t];
+          a[e] = s, o(a);
+        },
+        clearValue: () => {
+          const s = [...t];
+          s.splice(e, 1), u((a) => {
+            const y = [...a];
+            return y.splice(e, 1), y;
+          }), o(s);
+        },
+        depth: p + 1,
+        arrayIndex: e
+      },
+      l[e]
+    ))) ?? [], I = () => {
+      u((d) => [...d, f()]), o([...t ?? [], void 0]);
+    };
+    return c.push(
+      /* @__PURE__ */ r(
+        j,
+        {
+          label: "Add an item",
+          className: k(c.length > 0 && "mint:mt-4"),
+          onClick: I,
+          dataTestId: n + "-add-item-button"
+        },
+        "add-button"
+      )
+    ), c;
+  }, [l, h, t, o, p, n]);
+  return /* @__PURE__ */ r(
+    K,
+    {
+      name: n,
+      typeDropdown: i,
+      schema: m,
+      onClear: g,
+      parentNames: x,
+      isArray: !0,
+      children: A
+    }
+  );
+};
+function j({
+  className: n,
+  onClick: m,
+  label: i,
+  dataTestId: t
+}) {
+  return /* @__PURE__ */ r("div", { className: n, children: /* @__PURE__ */ b(
+    "button",
+    {
+      "aria-label": i,
+      className: "mint:flex mint:text-playground-input mint:w-fit mint:items-center mint:gap-x-1.5 mint:py-1! mint:px-2! mint:hover:bg-gray-50 mint:dark:hover:bg-white/[0.03] mint:cursor-pointer",
+      onClick: m,
+      "data-testid": t,
+      children: [
+        /* @__PURE__ */ r(C, { className: "mint:h-3 mint:w-3" }),
+        /* @__PURE__ */ r("span", { className: "mint:text-gray-600 mint:dark:text-gray-200", children: i })
+      ]
+    }
+  ) });
+}
+export {
+  j as AddAdditionalItemButton,
+  H as ArrayInput
+};
+//# sourceMappingURL=ArrayInput.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/ArrayInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayInput.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/ArrayInput.tsx"],"sourcesContent":["'use client';\n\nimport { ArraySchema, IncrementalArraySchema } from '@mintlify/validation';\nimport { useMemo, useState } from 'react';\nimport { generateUniqueString } from '@/utils/uuid';\n\nimport { useGenerateNextItems } from '@/hooks/useGenerateNextItems';\nimport { AddRegular } from '@fluentui/react-icons';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { InputContainer } from '../../components/InputContainer';\nimport { RecursiveInput } from './RecursiveInput';\n\nexport const ArrayInput: RecursiveInput<ArraySchema | IncrementalArraySchema> = ({\n  name,\n  schema,\n  typeDropdown,\n  value,\n  setValue,\n  clearValue,\n  depth,\n  parentNames,\n}) => {\n  const [childKeys, setChildKeys] = useState(value?.map(generateUniqueString) ?? []);\n  const items = useGenerateNextItems(schema);\n\n  const children = useMemo(() => {\n    const elementInputs =\n      value?.map((elemValue, i) => {\n        const setElemValue = (newElemValue: unknown) => {\n          const newArr = [...value];\n          newArr[i] = newElemValue;\n          setValue(newArr);\n        };\n\n        const clearElemValue = () => {\n          const newArr = [...value];\n          newArr.splice(i, 1);\n          setChildKeys((prev) => {\n            const newKeys = [...prev];\n            newKeys.splice(i, 1);\n            return newKeys;\n          });\n          setValue(newArr);\n        };\n\n        return (\n          <RecursiveInput\n            key={childKeys[i]}\n            schemaArray={items}\n            value={elemValue}\n            setValue={setElemValue}\n            clearValue={clearElemValue}\n            depth={depth + 1}\n            arrayIndex={i}\n          />\n        );\n      }) ?? [];\n\n    const onAddElement = () => {\n      setChildKeys((prev) => [...prev, generateUniqueString()]);\n      setValue([...(value ?? []), undefined]);\n    };\n    elementInputs.push(\n      <AddAdditionalItemButton\n        label=\"Add an item\"\n        key=\"add-button\"\n        className={cn(elementInputs.length > 0 && 'mint:mt-4')}\n        onClick={onAddElement}\n        dataTestId={name + '-add-item-button'}\n      />\n    );\n    return elementInputs;\n  }, [childKeys, items, value, setValue, depth, name]);\n\n  return (\n    <InputContainer\n      name={name}\n      typeDropdown={typeDropdown}\n      schema={schema}\n      onClear={clearValue}\n      parentNames={parentNames}\n      isArray\n    >\n      {children}\n    </InputContainer>\n  );\n};\n\nexport function AddAdditionalItemButton({\n  className,\n  onClick,\n  label,\n  dataTestId,\n}: {\n  className?: string;\n  onClick: () => void;\n  label: string;\n  dataTestId?: string;\n}) {\n  return (\n    <div className={className}>\n      <button\n        aria-label={label}\n        className=\"mint:flex mint:text-playground-input mint:w-fit mint:items-center mint:gap-x-1.5 mint:py-1! mint:px-2! mint:hover:bg-gray-50 mint:dark:hover:bg-white/[0.03] mint:cursor-pointer\"\n        onClick={onClick}\n        data-testid={dataTestId}\n      >\n        <AddRegular className=\"mint:h-3 mint:w-3\" />\n        <span className=\"mint:text-gray-600 mint:dark:text-gray-200\">{label}</span>\n      </button>\n    </div>\n  );\n}\n"],"names":["ArrayInput","name","schema","typeDropdown","value","setValue","clearValue","depth","parentNames","childKeys","setChildKeys","useState","generateUniqueString","items","useGenerateNextItems","children","useMemo","elementInputs","elemValue","i","jsx","RecursiveInput","newElemValue","newArr","prev","newKeys","onAddElement","AddAdditionalItemButton","cn","InputContainer","className","onClick","label","dataTestId","jsxs","AddRegular"],"mappings":";;;;;;;;;AAaO,MAAMA,IAAmE,CAAC;AAAA,EAC/E,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,GAASP,KAAA,gBAAAA,EAAO,IAAIQ,OAAyB,EAAE,GAC3EC,IAAQC,EAAqBZ,CAAM,GAEnCa,IAAWC,EAAQ,MAAM;AAC7B,UAAMC,KACJb,KAAA,gBAAAA,EAAO,IAAI,CAACc,GAAWC,MAmBnB,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,aAAaR;AAAA,QACb,OAAOK;AAAA,QACP,UAtBiB,CAACI,MAA0B;AAC9C,gBAAMC,IAAS,CAAC,GAAGnB,CAAK;AACxB,UAAAmB,EAAOJ,CAAC,IAAIG,GACZjB,EAASkB,CAAM;AAAA,QACjB;AAAA,QAmBI,YAjBmB,MAAM;AAC3B,gBAAMA,IAAS,CAAC,GAAGnB,CAAK;AACxB,UAAAmB,EAAO,OAAOJ,GAAG,CAAC,GAClBT,EAAa,CAACc,MAAS;AACrB,kBAAMC,IAAU,CAAC,GAAGD,CAAI;AACxB,mBAAAC,EAAQ,OAAON,GAAG,CAAC,GACZM;AAAA,UACT,CAAC,GACDpB,EAASkB,CAAM;AAAA,QACjB;AAAA,QASI,OAAOhB,IAAQ;AAAA,QACf,YAAYY;AAAA,MAAA;AAAA,MANPV,EAAUU,CAAC;AAAA,IAAA,OAShB,CAAA,GAEFO,IAAe,MAAM;AACzB,MAAAhB,EAAa,CAACc,MAAS,CAAC,GAAGA,GAAMZ,EAAA,CAAsB,CAAC,GACxDP,EAAS,CAAC,GAAID,KAAS,CAAA,GAAK,MAAS,CAAC;AAAA,IACxC;AACA,WAAAa,EAAc;AAAA,MACZ,gBAAAG;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UAEN,WAAWC,EAAGX,EAAc,SAAS,KAAK,WAAW;AAAA,UACrD,SAASS;AAAA,UACT,YAAYzB,IAAO;AAAA,QAAA;AAAA,QAHf;AAAA,MAAA;AAAA,IAIN,GAEKgB;AAAA,EACT,GAAG,CAACR,GAAWI,GAAOT,GAAOC,GAAUE,GAAON,CAAI,CAAC;AAEnD,SACE,gBAAAmB;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,MAAA5B;AAAA,MACA,cAAAE;AAAA,MACA,QAAAD;AAAA,MACA,SAASI;AAAA,MACT,aAAAE;AAAA,MACA,SAAO;AAAA,MAEN,UAAAO;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASY,EAAwB;AAAA,EACtC,WAAAG;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AACF,GAKG;AACD,SACE,gBAAAb,EAAC,SAAI,WAAAU,GACH,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAYF;AAAA,MACZ,WAAU;AAAA,MACV,SAAAD;AAAA,MACA,eAAaE;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAb,EAACe,GAAA,EAAW,WAAU,oBAAA,CAAoB;AAAA,QAC1C,gBAAAf,EAAC,QAAA,EAAK,WAAU,8CAA8C,UAAAY,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAExE;AAEJ;"}

package/dist/api-playground/ApiPlayground/Request/inputs/DifferentiatedInput.js

@@ -0,0 +1,91 @@
+import { jsx as f } from "react/jsx-runtime";
+import { isInteger as c, isNumber as m, isString as p, isArray as y, isObject as j, isBoolean as S } from "../../../../common/guards.js";
+import { useSetDefaultValue as d } from "../../../../hooks/useSetDefaultValue.js";
+import { ArrayInput as w } from "./ArrayInput.js";
+import { FileInput as x } from "./FileInput.js";
+import { NullInput as N } from "./NullInput.js";
+import { NumberInput as I } from "./NumberInput.js";
+import { ObjectInput as a } from "./ObjectInput.js";
+import { SelectInput as u } from "./SelectInput.js";
+import { StringInput as A } from "./StringInput.js";
+import { TextInput as D } from "./TextInput.js";
+const H = ({
+  schema: o,
+  value: n,
+  depth: e,
+  isBody: b,
+  setValue: i,
+  defaultExpanded: g,
+  renderedRefs: l,
+  prefillDisabled: s,
+  ...r
+}) => {
+  switch (d(o, n, i, s), o.type) {
+    case "string": {
+      const t = p(n) ? n : void 0;
+      return /* @__PURE__ */ f(b && e === 0 ? D : A, { schema: o, value: t, setValue: i, ...r });
+    }
+    case "number": {
+      const t = m(n) ? n : void 0;
+      return /* @__PURE__ */ f(I, { schema: o, value: t, setValue: i, ...r });
+    }
+    case "boolean": {
+      const t = S(n) ? n : void 0;
+      return /* @__PURE__ */ f(u, { schema: o, value: t, setValue: i, ...r });
+    }
+    case "object": {
+      const t = j(n) ? n : void 0;
+      return /* @__PURE__ */ f(
+        a,
+        {
+          schema: o,
+          value: t,
+          setValue: i,
+          depth: e,
+          defaultExpanded: g,
+          renderedRefs: l,
+          ...r
+        }
+      );
+    }
+    case "integer": {
+      const t = c(n) ? n : void 0;
+      return /* @__PURE__ */ f(I, { schema: o, value: t, setValue: i, ...r });
+    }
+    case "array": {
+      const t = y(n) ? n : void 0;
+      return /* @__PURE__ */ f(
+        w,
+        {
+          schema: o,
+          value: t,
+          setValue: i,
+          depth: e,
+          ...r
+        }
+      );
+    }
+    case "enum<string>": {
+      const t = p(n) ? n : void 0;
+      return /* @__PURE__ */ f(u, { schema: o, value: t, setValue: i, ...r });
+    }
+    case "enum<number>": {
+      const t = m(n) ? n : void 0;
+      return /* @__PURE__ */ f(u, { schema: o, value: t, setValue: i, ...r });
+    }
+    case "enum<integer>": {
+      const t = c(n) ? n : void 0;
+      return /* @__PURE__ */ f(u, { schema: o, value: t, setValue: i, ...r });
+    }
+    case "file": {
+      const t = typeof window < "u" && n instanceof File ? n : void 0;
+      return /* @__PURE__ */ f(x, { schema: o, value: t, setValue: i, ...r });
+    }
+    case "null":
+      return /* @__PURE__ */ f(N, { schema: o, value: n === null ? null : void 0, setValue: i, ...r });
+  }
+};
+export {
+  H as DifferentiatedInput
+};
+//# sourceMappingURL=DifferentiatedInput.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/DifferentiatedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DifferentiatedInput.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/DifferentiatedInput.tsx"],"sourcesContent":["import { isString, isNumber, isInteger, isObject, isArray, isBoolean } from '../../../../common/guards';\nimport { AnySchema, DataSchema, IncrementalDataSchema } from '@mintlify/validation';\nimport { ReactNode } from 'react';\n\nimport { useSetDefaultValue } from '@/hooks/useSetDefaultValue';\n\nimport { ArrayInput } from './ArrayInput';\nimport { FileInput } from './FileInput';\nimport { NullInput } from './NullInput';\nimport { NumberInput } from './NumberInput';\nimport { ObjectInput } from './ObjectInput';\nimport { SelectInput } from './SelectInput';\nimport { StringInput } from './StringInput';\nimport { TextInput } from './TextInput';\nimport { RenderedRefs } from '@/api-playground-2/types/api';\n\nexport type DifferentiatedInputParams = {\n  name?: string;\n  schema: Exclude<DataSchema | IncrementalDataSchema, AnySchema>;\n  typeDropdown: ReactNode;\n  value: unknown;\n  setValue: (value: unknown) => void;\n  clearValue: (() => void) | undefined;\n  isBody?: boolean;\n  depth: number;\n  parentNames?: string[];\n  arrayIndex?: number;\n  defaultExpanded?: boolean;\n  renderedRefs?: RenderedRefs;\n  style?: string;\n  explode?: boolean;\n  prefillDisabled?: boolean;\n};\n\nexport const DifferentiatedInput = ({\n  schema,\n  value,\n  depth,\n  isBody,\n  setValue,\n  defaultExpanded,\n  renderedRefs,\n  prefillDisabled,\n  ...sharedProps\n}: DifferentiatedInputParams) => {\n  useSetDefaultValue(schema, value, setValue, prefillDisabled);\n\n  switch (schema.type) {\n    case 'string': {\n      const safeValue = isString(value) ? value : undefined;\n      const Input = isBody && depth === 0 ? TextInput : StringInput;\n      return <Input schema={schema} value={safeValue} setValue={setValue} {...sharedProps} />;\n    }\n    case 'number': {\n      const safeValue = isNumber(value) ? value : undefined;\n      return <NumberInput schema={schema} value={safeValue} setValue={setValue} {...sharedProps} />;\n    }\n    case 'boolean': {\n      const safeValue = isBoolean(value) ? value : undefined;\n      return <SelectInput schema={schema} value={safeValue} setValue={setValue} {...sharedProps} />;\n    }\n    case 'object': {\n      const safeValue = isObject(value) ? value : undefined;\n      return (\n        <ObjectInput\n          schema={schema}\n          value={safeValue}\n          setValue={setValue}\n          depth={depth}\n          defaultExpanded={defaultExpanded}\n          renderedRefs={renderedRefs}\n          {...sharedProps}\n        />\n      );\n    }\n    case 'integer': {\n      const safeValue = isInteger(value) ? value : undefined;\n      return <NumberInput schema={schema} value={safeValue} setValue={setValue} {...sharedProps} />;\n    }\n    case 'array': {\n      const safeValue = isArray(value) ? value : undefined;\n      return (\n        <ArrayInput\n          schema={schema}\n          value={safeValue}\n          setValue={setValue}\n          depth={depth}\n          {...sharedProps}\n        />\n      );\n    }\n    case 'enum<string>': {\n      const safeValue = isString(value) ? value : undefined;\n      return <SelectInput schema={schema} value={safeValue} setValue={setValue} {...sharedProps} />;\n    }\n    case 'enum<number>': {\n      const safeValue = isNumber(value) ? value : undefined;\n      return <SelectInput schema={schema} value={safeValue} setValue={setValue} {...sharedProps} />;\n    }\n    case 'enum<integer>': {\n      const safeValue = isInteger(value) ? value : undefined;\n      return <SelectInput schema={schema} value={safeValue} setValue={setValue} {...sharedProps} />;\n    }\n    case 'file': {\n      const safeValue = typeof window !== 'undefined' && value instanceof File ? value : undefined;\n      return <FileInput schema={schema} value={safeValue} setValue={setValue} {...sharedProps} />;\n    }\n    case 'null': {\n      const safeValue = value === null ? null : undefined;\n      return <NullInput schema={schema} value={safeValue} setValue={setValue} {...sharedProps} />;\n    }\n  }\n};\n"],"names":["DifferentiatedInput","schema","value","depth","isBody","setValue","defaultExpanded","renderedRefs","prefillDisabled","sharedProps","useSetDefaultValue","safeValue","isString","TextInput","StringInput","isNumber","NumberInput","isBoolean","SelectInput","isObject","jsx","ObjectInput","isInteger","isArray","ArrayInput","FileInput","NullInput"],"mappings":";;;;;;;;;;;AAkCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAiC;AAG/B,UAFAC,EAAmBT,GAAQC,GAAOG,GAAUG,CAAe,GAEnDP,EAAO,MAAA;AAAA,IACb,KAAK,UAAU;AACb,YAAMU,IAAYC,EAASV,CAAK,IAAIA,IAAQ;AAE5C,+BADcE,KAAUD,MAAU,IAAIU,IAAYC,GAC1C,EAAM,QAAAb,GAAgB,OAAOU,GAAW,UAAAN,GAAqB,GAAGI,GAAa;AAAA,IACvF;AAAA,IACA,KAAK,UAAU;AACb,YAAME,IAAYI,EAASb,CAAK,IAAIA,IAAQ;AAC5C,+BAAQc,GAAA,EAAY,QAAAf,GAAgB,OAAOU,GAAW,UAAAN,GAAqB,GAAGI,GAAa;AAAA,IAC7F;AAAA,IACA,KAAK,WAAW;AACd,YAAME,IAAYM,EAAUf,CAAK,IAAIA,IAAQ;AAC7C,+BAAQgB,GAAA,EAAY,QAAAjB,GAAgB,OAAOU,GAAW,UAAAN,GAAqB,GAAGI,GAAa;AAAA,IAC7F;AAAA,IACA,KAAK,UAAU;AACb,YAAME,IAAYQ,EAASjB,CAAK,IAAIA,IAAQ;AAC5C,aACE,gBAAAkB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,QAAApB;AAAA,UACA,OAAOU;AAAA,UACP,UAAAN;AAAA,UACA,OAAAF;AAAA,UACA,iBAAAG;AAAA,UACA,cAAAC;AAAA,UACC,GAAGE;AAAA,QAAA;AAAA,MAAA;AAAA,IAGV;AAAA,IACA,KAAK,WAAW;AACd,YAAME,IAAYW,EAAUpB,CAAK,IAAIA,IAAQ;AAC7C,+BAAQc,GAAA,EAAY,QAAAf,GAAgB,OAAOU,GAAW,UAAAN,GAAqB,GAAGI,GAAa;AAAA,IAC7F;AAAA,IACA,KAAK,SAAS;AACZ,YAAME,IAAYY,EAAQrB,CAAK,IAAIA,IAAQ;AAC3C,aACE,gBAAAkB;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAAvB;AAAA,UACA,OAAOU;AAAA,UACP,UAAAN;AAAA,UACA,OAAAF;AAAA,UACC,GAAGM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGV;AAAA,IACA,KAAK,gBAAgB;AACnB,YAAME,IAAYC,EAASV,CAAK,IAAIA,IAAQ;AAC5C,+BAAQgB,GAAA,EAAY,QAAAjB,GAAgB,OAAOU,GAAW,UAAAN,GAAqB,GAAGI,GAAa;AAAA,IAC7F;AAAA,IACA,KAAK,gBAAgB;AACnB,YAAME,IAAYI,EAASb,CAAK,IAAIA,IAAQ;AAC5C,+BAAQgB,GAAA,EAAY,QAAAjB,GAAgB,OAAOU,GAAW,UAAAN,GAAqB,GAAGI,GAAa;AAAA,IAC7F;AAAA,IACA,KAAK,iBAAiB;AACpB,YAAME,IAAYW,EAAUpB,CAAK,IAAIA,IAAQ;AAC7C,+BAAQgB,GAAA,EAAY,QAAAjB,GAAgB,OAAOU,GAAW,UAAAN,GAAqB,GAAGI,GAAa;AAAA,IAC7F;AAAA,IACA,KAAK,QAAQ;AACX,YAAME,IAAY,OAAO,SAAW,OAAeT,aAAiB,OAAOA,IAAQ;AACnF,+BAAQuB,GAAA,EAAU,QAAAxB,GAAgB,OAAOU,GAAW,UAAAN,GAAqB,GAAGI,GAAa;AAAA,IAC3F;AAAA,IACA,KAAK;AAEH,+BAAQiB,GAAA,EAAU,QAAAzB,GAAgB,OADhBC,MAAU,OAAO,OAAO,QACU,UAAAG,GAAqB,GAAGI,GAAa;AAAA,EAC3F;AAEJ;"}

package/dist/api-playground/ApiPlayground/Request/inputs/FileInput.js

@@ -0,0 +1,63 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { useSelectedLocale as x } from "../../../../utils/locales/index.js";
+import "@mintlify/validation";
+import { cn as h } from "../../../../utils/cn.js";
+import { InputContainer as g } from "../../components/InputContainer.js";
+const w = ({
+  name: l,
+  schema: i,
+  typeDropdown: a,
+  value: t,
+  setValue: m,
+  clearValue: p,
+  parentNames: c,
+  arrayIndex: d
+}) => {
+  const f = x(), n = u(null);
+  return /* @__PURE__ */ s(
+    g,
+    {
+      name: l,
+      typeDropdown: a,
+      schema: i,
+      onClear: p,
+      parentNames: c,
+      arrayIndex: d,
+      children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            "aria-label": f["aria.fileUploadButton"],
+            className: h(
+              "mint:text-left mint:flex mint:text-playground-input mint:overflow-hidden",
+              t ? "mint:text-gray-900! mint:dark:text-gray-100!" : "mint:text-gray-400! mint:dark:text-white/30!"
+            ),
+            onClick: () => {
+              var e;
+              return (e = n.current) == null ? void 0 : e.click();
+            },
+            children: (t == null ? void 0 : t.name) ?? i.placeholder ?? "Drop a file here or click to upload"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            type: "file",
+            "data-testid": "file-input",
+            onChange: (e) => {
+              var r;
+              return m((r = e.target.files) == null ? void 0 : r[0]);
+            },
+            ref: n,
+            className: "mint:hidden"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  w as FileInput
+};
+//# sourceMappingURL=FileInput.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/FileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/FileInput.tsx"],"sourcesContent":["'use client';\n\nimport { FileSchema } from '@mintlify/validation';\nimport { useRef } from 'react';\n\nimport { useSelectedLocale } from '@/utils/locales';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { InputContainer } from '../../components/InputContainer';\nimport { GenericInput } from './RecursiveInput';\n\nexport const FileInput: GenericInput<FileSchema> = ({\n  name,\n  schema,\n  typeDropdown,\n  value,\n  setValue,\n  clearValue,\n  parentNames,\n  arrayIndex,\n}) => {\n  const locale = useSelectedLocale();\n  const hiddenInputRef = useRef<HTMLInputElement>(null);\n\n  return (\n    <InputContainer\n      name={name}\n      typeDropdown={typeDropdown}\n      schema={schema}\n      onClear={clearValue}\n      parentNames={parentNames}\n      arrayIndex={arrayIndex}\n    >\n      <button\n        aria-label={locale['aria.fileUploadButton']}\n        className={cn(\n          'mint:text-left mint:flex mint:text-playground-input mint:overflow-hidden',\n          value ? 'mint:text-gray-900! mint:dark:text-gray-100!' : 'mint:text-gray-400! mint:dark:text-white/30!'\n        )}\n        onClick={() => hiddenInputRef.current?.click()}\n      >\n        {value?.name ?? schema.placeholder ?? 'Drop a file here or click to upload'}\n      </button>\n      {/* HACK: file inputs are notoriously hard to style, so hide the native input and click it programmatically */}\n      <input\n        type=\"file\"\n        data-testid=\"file-input\"\n        onChange={(event) => setValue(event.target.files?.[0])}\n        ref={hiddenInputRef}\n        className=\"mint:hidden\"\n      />\n    </InputContainer>\n  );\n};\n"],"names":["FileInput","name","schema","typeDropdown","value","setValue","clearValue","parentNames","arrayIndex","locale","useSelectedLocale","hiddenInputRef","useRef","jsxs","InputContainer","jsx","cn","_a","event"],"mappings":";;;;;;AAWO,MAAMA,IAAsC,CAAC;AAAA,EAClD,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAASC,EAAA,GACTC,IAAiBC,EAAyB,IAAI;AAEpD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAb;AAAA,MACA,cAAAE;AAAA,MACA,QAAAD;AAAA,MACA,SAASI;AAAA,MACT,aAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAYN,EAAO,uBAAuB;AAAA,YAC1C,WAAWO;AAAA,cACT;AAAA,cACAZ,IAAQ,iDAAiD;AAAA,YAAA;AAAA,YAE3D,SAAS,MAAA;;AAAM,sBAAAa,IAAAN,EAAe,YAAf,gBAAAM,EAAwB;AAAA;AAAA,YAEtC,WAAAb,KAAA,gBAAAA,EAAO,SAAQF,EAAO,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxC,gBAAAa;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,eAAY;AAAA,YACZ,UAAU,CAACG;;AAAU,qBAAAb,GAASY,IAAAC,EAAM,OAAO,UAAb,gBAAAD,EAAqB,EAAE;AAAA;AAAA,YACrD,KAAKN;AAAA,YACL,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/api-playground/ApiPlayground/Request/inputs/NullInput.js

@@ -0,0 +1,34 @@
+import { jsx as t } from "react/jsx-runtime";
+import { InputContainer as a } from "../../components/InputContainer.js";
+const u = ({
+  name: n,
+  schema: e,
+  typeDropdown: i,
+  clearValue: r,
+  parentNames: l,
+  arrayIndex: o
+}) => /* @__PURE__ */ t(
+  a,
+  {
+    name: n,
+    typeDropdown: i,
+    schema: e,
+    onClear: r,
+    parentNames: l,
+    arrayIndex: o,
+    children: /* @__PURE__ */ t(
+      "input",
+      {
+        className: "mint:flex-1 mint:min-w-0 mint:outline-0 mint:bg-transparent mint:text-playground-input",
+        type: "text",
+        placeholder: "--",
+        contentEditable: "false",
+        disabled: !0
+      }
+    )
+  }
+);
+export {
+  u as NullInput
+};
+//# sourceMappingURL=NullInput.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/NullInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NullInput.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/NullInput.tsx"],"sourcesContent":["'use client';\n\nimport { NullSchema } from '@mintlify/validation';\n\nimport { InputContainer } from '../../components/InputContainer';\nimport { GenericInput } from './RecursiveInput';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const NullInput: GenericInput<NullSchema> = ({\n  name,\n  schema,\n  typeDropdown,\n  clearValue,\n  parentNames,\n  arrayIndex,\n}) => {\n  return (\n    <InputContainer\n      name={name}\n      typeDropdown={typeDropdown}\n      schema={schema}\n      onClear={clearValue}\n      parentNames={parentNames}\n      arrayIndex={arrayIndex}\n    >\n      <input\n        className=\"mint:flex-1 mint:min-w-0 mint:outline-0 mint:bg-transparent mint:text-playground-input\"\n        type=\"text\"\n        placeholder=\"--\"\n        contentEditable=\"false\"\n        disabled\n      />\n    </InputContainer>\n  );\n};\n"],"names":["NullInput","name","schema","typeDropdown","clearValue","parentNames","arrayIndex","jsx","InputContainer"],"mappings":";;AAQO,MAAMA,IAAsC,CAAC;AAAA,EAClD,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAP;AAAA,IACA,cAAAE;AAAA,IACA,QAAAD;AAAA,IACA,SAASE;AAAA,IACT,aAAAC;AAAA,IACA,YAAAC;AAAA,IAEA,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACV;AAAA;"}

package/dist/api-playground/ApiPlayground/Request/inputs/NumberInput.js

@@ -0,0 +1,62 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useCallback as g } from "react";
+import { useSelectedLocale as s } from "../../../../utils/locales/index.js";
+import { InputContainer as c } from "../../components/InputContainer.js";
+import { Ids as y } from "../../../../api-playground-2/types/index.js";
+const C = ({
+  name: n,
+  typeDropdown: o,
+  schema: r,
+  value: i,
+  setValue: t,
+  clearValue: p,
+  arrayIndex: u,
+  ...m
+}) => {
+  const d = s(), f = g(
+    (e) => {
+      if (e.target.value.length === 0) {
+        t(void 0);
+        return;
+      }
+      if (r.type === "integer") {
+        const a = parseInt(e.target.value);
+        if (isNaN(a))
+          return;
+        t(a);
+      } else
+        t(parseFloat(e.target.value));
+    },
+    [t, r.type]
+  );
+  return /* @__PURE__ */ l(
+    c,
+    {
+      name: n,
+      typeDropdown: o,
+      schema: r,
+      onClear: p,
+      parentNames: m.parentNames,
+      arrayIndex: u,
+      children: /* @__PURE__ */ l(
+        "input",
+        {
+          id: y.APIPlaygroundInput,
+          className: "mint:flex-1 mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input",
+          placeholder: r.placeholder ?? `enter ${n ?? "value"}`,
+          "aria-label": r.placeholder ?? d["aria.enterValue"].replace("{name}", n ?? "value"),
+          onKeyDown: (e) => {
+            (e.key === "e" || e.key === "." && r.type === "integer") && e.preventDefault();
+          },
+          type: "number",
+          value: i ?? "",
+          onChange: f
+        }
+      )
+    }
+  );
+};
+export {
+  C as NumberInput
+};
+//# sourceMappingURL=NumberInput.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/NumberInput.tsx"],"sourcesContent":["'use client';\n\nimport { NumberSchema } from '@mintlify/validation';\nimport { ChangeEvent, useCallback } from 'react';\n\nimport { useSelectedLocale } from '@/utils/locales';\n\nimport { InputContainer } from '../../components/InputContainer';\nimport { GenericInput } from './RecursiveInput';\nimport { Ids } from '@/api-playground-2/types';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const NumberInput: GenericInput<NumberSchema> = ({\n  name,\n  typeDropdown,\n  schema,\n  value,\n  setValue,\n  clearValue,\n  arrayIndex,\n  ...sharedProps\n}) => {\n  const locale = useSelectedLocale();\n  const onChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      if (event.target.value.length === 0) {\n        setValue(undefined);\n        return;\n      }\n\n      if (schema.type === 'integer') {\n        const parsedInteger = parseInt(event.target.value);\n        if (isNaN(parsedInteger)) {\n          return;\n        }\n        setValue(parsedInteger);\n      } else {\n        setValue(parseFloat(event.target.value));\n      }\n    },\n    [setValue, schema.type]\n  );\n\n  return (\n    <InputContainer\n      name={name}\n      typeDropdown={typeDropdown}\n      schema={schema}\n      onClear={clearValue}\n      parentNames={sharedProps.parentNames}\n      arrayIndex={arrayIndex}\n    >\n      <input\n        id={Ids.APIPlaygroundInput}\n        className=\"mint:flex-1 mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input\"\n        placeholder={schema.placeholder ?? `enter ${name ?? 'value'}`}\n        aria-label={\n          schema.placeholder ?? locale['aria.enterValue'].replace('{name}', name ?? 'value')\n        }\n        onKeyDown={(event) => {\n          // disallow \"e\", and disallow \".\" for integer inputs\n          if (event.key === 'e' || (event.key === '.' && schema.type === 'integer')) {\n            event.preventDefault();\n          }\n        }}\n        type=\"number\"\n        value={value ?? ''}\n        onChange={onChange}\n      />\n    </InputContainer>\n  );\n};\n"],"names":["NumberInput","name","typeDropdown","schema","value","setValue","clearValue","arrayIndex","sharedProps","locale","useSelectedLocale","onChange","useCallback","event","parsedInteger","jsx","InputContainer","Ids"],"mappings":";;;;;AAYO,MAAMA,IAA0C,CAAC;AAAA,EACtD,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAASC,EAAA,GACTC,IAAWC;AAAA,IACf,CAACC,MAAyC;AACxC,UAAIA,EAAM,OAAO,MAAM,WAAW,GAAG;AACnC,QAAAR,EAAS,MAAS;AAClB;AAAA,MACF;AAEA,UAAIF,EAAO,SAAS,WAAW;AAC7B,cAAMW,IAAgB,SAASD,EAAM,OAAO,KAAK;AACjD,YAAI,MAAMC,CAAa;AACrB;AAEF,QAAAT,EAASS,CAAa;AAAA,MACxB;AACE,QAAAT,EAAS,WAAWQ,EAAM,OAAO,KAAK,CAAC;AAAA,IAE3C;AAAA,IACA,CAACR,GAAUF,EAAO,IAAI;AAAA,EAAA;AAGxB,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAf;AAAA,MACA,cAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAASG;AAAA,MACT,aAAaE,EAAY;AAAA,MACzB,YAAAD;AAAA,MAEA,UAAA,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAIE,EAAI;AAAA,UACR,WAAU;AAAA,UACV,aAAad,EAAO,eAAe,SAASF,KAAQ,OAAO;AAAA,UAC3D,cACEE,EAAO,eAAeM,EAAO,iBAAiB,EAAE,QAAQ,UAAUR,KAAQ,OAAO;AAAA,UAEnF,WAAW,CAACY,MAAU;AAEpB,aAAIA,EAAM,QAAQ,OAAQA,EAAM,QAAQ,OAAOV,EAAO,SAAS,cAC7DU,EAAM,eAAA;AAAA,UAEV;AAAA,UACA,MAAK;AAAA,UACL,OAAOT,KAAS;AAAA,UAChB,UAAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/api-playground/ApiPlayground/Request/inputs/ObjectChildren.js

@@ -0,0 +1,110 @@
+import { jsx as R } from "react/jsx-runtime";
+import { getNextPropertiesByType as g } from "../../../../utils/api-reference/getNextPropertiesByType.js";
+import { RecursiveInput as V } from "./RecursiveInput.js";
+const B = ({
+  properties: p,
+  additionalProperties: i,
+  value: e,
+  setValue: o,
+  name: s,
+  parentNames: f,
+  defaultExpanded: d,
+  depth: t,
+  refId: m,
+  refs: x,
+  style: A,
+  explode: S
+}) => {
+  const u = new Set(x);
+  m && u.add(m);
+  const h = [], w = F(p, i, e);
+  return u.size > 0 ? w.map((j) => {
+    const {
+      key: n,
+      schema: l,
+      value: a,
+      isAdditionalProperty: b
+    } = j, I = (r) => {
+      const N = { ...e };
+      N[n] = r, o(N);
+    }, O = a === void 0 && !b ? void 0 : () => {
+      const r = { ...e };
+      delete r[n], o(r);
+    }, P = s ? [...f ?? [], s] : void 0, c = l[0], y = g(c), C = Object.values(y).some(
+      (r) => typeof r == "string" && u.has(r)
+    );
+    h.push(
+      /* @__PURE__ */ R(
+        V,
+        {
+          name: n,
+          schemaArray: l,
+          value: a,
+          setValue: I,
+          clearValue: O,
+          depth: t + 1,
+          parentNames: P,
+          defaultExpanded: C ? !1 : d,
+          renderedRefs: new Set(u),
+          style: A,
+          explode: S
+        },
+        n
+      )
+    );
+  }) : w.map((j) => {
+    const {
+      key: n,
+      schema: l,
+      value: a,
+      isAdditionalProperty: b
+    } = j, I = (c) => {
+      const y = { ...e };
+      y[n] = c, o(y);
+    }, O = a === void 0 && !b ? void 0 : () => {
+      const c = { ...e };
+      delete c[n], o(c);
+    }, P = s ? [...f ?? [], s] : void 0;
+    h.push(
+      /* @__PURE__ */ R(
+        V,
+        {
+          name: n,
+          schemaArray: l,
+          value: a,
+          setValue: I,
+          clearValue: O,
+          depth: t + 1,
+          parentNames: P,
+          defaultExpanded: d,
+          style: A,
+          explode: S,
+          renderedRefs: /* @__PURE__ */ new Set()
+        },
+        n
+      )
+    );
+  }), h;
+}, F = (p, i, e) => {
+  const o = Object.entries(p).map(([t, m]) => ({
+    key: t,
+    schema: m,
+    value: e == null ? void 0 : e[t],
+    isAdditionalProperty: !1
+  }));
+  if (i === !1)
+    return o;
+  const s = typeof i == "object" ? i : [{ type: "any" }], d = Object.keys(e ?? {}).filter(
+    (t) => !Object.keys(p).includes(t)
+  ).map((t) => ({
+    key: t,
+    schema: s,
+    value: e == null ? void 0 : e[t],
+    isAdditionalProperty: !0
+  }));
+  return [...o, ...d];
+};
+export {
+  B as calculateObjectInputChildren
+};
+//# sourceMappingURL=ObjectChildren.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/ObjectChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectChildren.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/ObjectChildren.tsx"],"sourcesContent":["import { DataSchemaArray, IncrementalDataSchemaArray } from '@mintlify/validation';\n\nimport { getNextPropertiesByType } from '@/utils/api-reference/getNextPropertiesByType';\n\nimport { RecursiveInput } from './RecursiveInput';\nimport { RenderedRefs } from '@/api-playground-2/types/api';\n\ntype calculateObjectInputChildrenProps = {\n  properties: Record<string, DataSchemaArray | IncrementalDataSchemaArray>;\n  additionalProperties: DataSchemaArray | IncrementalDataSchemaArray | boolean | undefined;\n  value: Record<string, unknown> | undefined;\n  setValue: (value: Record<string, unknown> | undefined) => void;\n  name: string | undefined;\n  parentNames: string[] | undefined;\n  defaultExpanded: boolean | undefined;\n  depth: number;\n  refId: string | undefined;\n  refs: RenderedRefs;\n  style?: string;\n  explode?: boolean;\n};\n\nexport const calculateObjectInputChildren = ({\n  properties,\n  additionalProperties,\n  value,\n  setValue,\n  name,\n  parentNames,\n  defaultExpanded,\n  depth,\n  refId,\n  refs,\n  style,\n  explode,\n}: calculateObjectInputChildrenProps): React.ReactNode[] => {\n  const currentLevelRefs = new Set(refs);\n\n  if (refId) {\n    currentLevelRefs.add(refId);\n  }\n\n  const children: React.ReactNode[] = [];\n  const inputInfo = getInputInfoForObject(properties, additionalProperties, value);\n\n  if (currentLevelRefs.size > 0) {\n    inputInfo.map((input) => {\n      const {\n        key: inputName,\n        schema: inputSchema,\n        value: inputValue,\n        isAdditionalProperty,\n      } = input;\n\n      const setInputValue = (newPropValue: unknown) => {\n        const newObj = { ...value };\n        newObj[inputName] = newPropValue;\n        setValue(newObj);\n      };\n\n      const clearInput =\n        inputValue === undefined && !isAdditionalProperty\n          ? undefined\n          : () => {\n              const newObj = { ...value };\n              delete newObj[inputName];\n              setValue(newObj);\n            };\n\n      const parentNamesForChild = name ? [...(parentNames ?? []), name] : undefined;\n\n      const nextSchemaArray = inputSchema[0];\n      const nextSchemaArrayProperties = getNextPropertiesByType(nextSchemaArray);\n      const containsCircularReference = Object.values(nextSchemaArrayProperties).some(\n        (value) => typeof value === 'string' && currentLevelRefs.has(value)\n      );\n      children.push(\n        <RecursiveInput\n          key={inputName}\n          name={inputName}\n          schemaArray={inputSchema}\n          value={inputValue}\n          setValue={setInputValue}\n          clearValue={clearInput}\n          depth={depth + 1}\n          parentNames={parentNamesForChild}\n          defaultExpanded={containsCircularReference ? false : defaultExpanded}\n          renderedRefs={new Set(currentLevelRefs)}\n          style={style}\n          explode={explode}\n        />\n      );\n    });\n  } else {\n    inputInfo.map((input) => {\n      const {\n        key: inputName,\n        schema: inputSchema,\n        value: inputValue,\n        isAdditionalProperty,\n      } = input;\n\n      const setInputValue = (newPropValue: unknown) => {\n        const newObj = { ...value };\n        newObj[inputName] = newPropValue;\n        setValue(newObj);\n      };\n\n      const clearInput =\n        inputValue === undefined && !isAdditionalProperty\n          ? undefined\n          : () => {\n              const newObj = { ...value };\n              delete newObj[inputName];\n              setValue(newObj);\n            };\n\n      const parentNamesForChild = name ? [...(parentNames ?? []), name] : undefined;\n\n      children.push(\n        <RecursiveInput\n          key={inputName}\n          name={inputName}\n          schemaArray={inputSchema}\n          value={inputValue}\n          setValue={setInputValue}\n          clearValue={clearInput}\n          depth={depth + 1}\n          parentNames={parentNamesForChild}\n          defaultExpanded={defaultExpanded}\n          style={style}\n          explode={explode}\n          renderedRefs={new Set()}\n        />\n      );\n    });\n  }\n\n  return children;\n};\n\nconst getInputInfoForObject = (\n  properties: Record<string, DataSchemaArray | IncrementalDataSchemaArray>,\n  additionalProperties: DataSchemaArray | IncrementalDataSchemaArray | boolean | undefined,\n  value: Record<string, unknown> | undefined\n) => {\n  const namedPropertyInfo = Object.entries(properties).map(([key, schema]) => ({\n    key,\n    schema,\n    value: value?.[key],\n    isAdditionalProperty: false,\n  }));\n\n  // explicitly check for `false`, since `undefined` should be treated as `true`\n  if (additionalProperties === false) {\n    return namedPropertyInfo;\n  }\n\n  const additionalPropertiesSchema: DataSchemaArray | IncrementalDataSchemaArray =\n    typeof additionalProperties === 'object' ? additionalProperties : [{ type: 'any' }];\n\n  const additionalPropertyKeys = Object.keys(value ?? {}).filter(\n    (key) => !Object.keys(properties).includes(key)\n  );\n  const additionalPropertyInfo = additionalPropertyKeys.map((key) => ({\n    key,\n    schema: additionalPropertiesSchema,\n    value: value?.[key],\n    isAdditionalProperty: true,\n  }));\n\n  return [...namedPropertyInfo, ...additionalPropertyInfo];\n};\n"],"names":["calculateObjectInputChildren","properties","additionalProperties","value","setValue","name","parentNames","defaultExpanded","depth","refId","refs","style","explode","currentLevelRefs","children","inputInfo","getInputInfoForObject","input","inputName","inputSchema","inputValue","isAdditionalProperty","setInputValue","newPropValue","newObj","clearInput","parentNamesForChild","nextSchemaArray","nextSchemaArrayProperties","getNextPropertiesByType","containsCircularReference","jsx","RecursiveInput","namedPropertyInfo","key","schema","additionalPropertiesSchema","additionalPropertyInfo"],"mappings":"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"}

package/dist/api-playground/ApiPlayground/Request/inputs/ObjectInput.js

@@ -0,0 +1,88 @@
+import { jsxs as w, jsx as B } from "react/jsx-runtime";
+import { useState as C, useMemo as S } from "react";
+import { generateUniqueString as b } from "../../../../utils/uuid.js";
+import { useGenerateNextAdditionalProperties as k } from "../../../../hooks/useGenerateNextAdditionalProperties.js";
+import { useGenerateNextProperties as x } from "../../../../hooks/useGenerateNextProperties.js";
+import { AdditionalPropertyButton as G } from "../../components/AdditionalPropertyButton.js";
+import { InputContainer as q } from "../../components/InputContainer.js";
+import { calculateObjectInputChildren as M } from "./ObjectChildren.js";
+const Q = ({
+  name: o,
+  schema: t,
+  typeDropdown: l,
+  setValue: i,
+  clearValue: m,
+  value: r,
+  depth: n,
+  parentNames: e,
+  arrayIndex: I,
+  defaultExpanded: s,
+  style: p,
+  explode: d,
+  renderedRefs: c
+}) => {
+  const [K, O] = C(b()), a = t.additionalProperties !== !1, A = [...Object.keys(r ?? {}), ...Object.keys(t.properties)], f = x(t), u = k(t), j = t.refIdentifier, y = S(
+    () => M({
+      properties: f,
+      additionalProperties: u,
+      value: r,
+      setValue: i,
+      name: o,
+      parentNames: e,
+      defaultExpanded: s,
+      depth: n,
+      refId: j,
+      refs: new Set(c),
+      style: p,
+      explode: d
+    }),
+    [
+      u,
+      s,
+      n,
+      o,
+      e,
+      f,
+      j,
+      c,
+      i,
+      r,
+      p,
+      d
+    ]
+  );
+  return n === 0 ? y : /* @__PURE__ */ w(
+    q,
+    {
+      name: o,
+      typeDropdown: l,
+      schema: t,
+      onClear: m,
+      isObject: !0,
+      parentNames: e,
+      arrayIndex: I,
+      defaultExpanded: s,
+      style: p,
+      explode: d,
+      children: [
+        y,
+        a ? /* @__PURE__ */ B(
+          G,
+          {
+            onAddKey: (g) => {
+              const P = { ...r };
+              P[g] = void 0, i(P), O(b());
+            },
+            existingKeys: A,
+            dataTestId: o + "-additional-property-button"
+          },
+          K
+        ) : null
+      ]
+    }
+  );
+};
+export {
+  Q as ObjectInput
+};
+//# sourceMappingURL=ObjectInput.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/ObjectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectInput.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/ObjectInput.tsx"],"sourcesContent":["'use client';\n\nimport { IncrementalObjectSchema, ObjectSchema } from '@mintlify/validation';\nimport { useMemo, useState } from 'react';\nimport { generateUniqueString } from '@/utils/uuid';\n\nimport { useGenerateNextAdditionalProperties } from '@/hooks/useGenerateNextAdditionalProperties';\nimport { useGenerateNextProperties } from '@/hooks/useGenerateNextProperties';\n\nimport { AdditionalPropertyButton } from '../../components/AdditionalPropertyButton';\nimport { InputContainer } from '../../components/InputContainer';\nimport { calculateObjectInputChildren } from './ObjectChildren';\nimport { RecursiveInput } from './RecursiveInput';\n\nexport const ObjectInput: RecursiveInput<ObjectSchema | IncrementalObjectSchema> = ({\n  name,\n  schema,\n  typeDropdown,\n  setValue,\n  clearValue,\n  value,\n  depth,\n  parentNames,\n  arrayIndex,\n  defaultExpanded,\n  style,\n  explode,\n  renderedRefs,\n}) => {\n  const [additionalPropButtonKey, setAdditionalPropButtonKey] = useState(generateUniqueString());\n  const allowsAdditionalProperties = schema.additionalProperties !== false;\n  const existingKeys = [...Object.keys(value ?? {}), ...Object.keys(schema.properties)];\n\n  const properties = useGenerateNextProperties(schema);\n  const additionalProperties = useGenerateNextAdditionalProperties(schema);\n\n  const refIdentifier = schema.refIdentifier;\n\n  const inputs: React.ReactNode[] = useMemo(\n    () =>\n      calculateObjectInputChildren({\n        properties,\n        additionalProperties,\n        value,\n        setValue,\n        name,\n        parentNames,\n        defaultExpanded,\n        depth,\n        refId: refIdentifier,\n        refs: new Set(renderedRefs),\n        style,\n        explode,\n      }),\n    [\n      additionalProperties,\n      defaultExpanded,\n      depth,\n      name,\n      parentNames,\n      properties,\n      refIdentifier,\n      renderedRefs,\n      setValue,\n      value,\n      style,\n      explode,\n    ]\n  );\n\n  if (depth === 0) {\n    return inputs;\n  }\n\n  const addKey = (key: string) => {\n    const newObj = { ...value };\n    newObj[key] = undefined;\n    setValue(newObj);\n    setAdditionalPropButtonKey(generateUniqueString());\n  };\n\n  return (\n    <InputContainer\n      name={name}\n      typeDropdown={typeDropdown}\n      schema={schema}\n      onClear={clearValue}\n      isObject\n      parentNames={parentNames}\n      arrayIndex={arrayIndex}\n      defaultExpanded={defaultExpanded}\n      style={style}\n      explode={explode}\n    >\n      {inputs}\n      {allowsAdditionalProperties ? (\n        <AdditionalPropertyButton\n          key={additionalPropButtonKey}\n          onAddKey={addKey}\n          existingKeys={existingKeys}\n          dataTestId={name + '-additional-property-button'}\n        />\n      ) : null}\n    </InputContainer>\n  );\n};\n"],"names":["ObjectInput","name","schema","typeDropdown","setValue","clearValue","value","depth","parentNames","arrayIndex","defaultExpanded","style","explode","renderedRefs","additionalPropButtonKey","setAdditionalPropButtonKey","useState","generateUniqueString","allowsAdditionalProperties","existingKeys","properties","useGenerateNextProperties","additionalProperties","useGenerateNextAdditionalProperties","refIdentifier","inputs","useMemo","calculateObjectInputChildren","jsxs","InputContainer","jsx","AdditionalPropertyButton","key","newObj"],"mappings":";;;;;;;;AAcO,MAAMA,IAAsE,CAAC;AAAA,EAClF,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAyBC,CAA0B,IAAIC,EAASC,GAAsB,GACvFC,IAA6BhB,EAAO,yBAAyB,IAC7DiB,IAAe,CAAC,GAAG,OAAO,KAAKb,KAAS,EAAE,GAAG,GAAG,OAAO,KAAKJ,EAAO,UAAU,CAAC,GAE9EkB,IAAaC,EAA0BnB,CAAM,GAC7CoB,IAAuBC,EAAoCrB,CAAM,GAEjEsB,IAAgBtB,EAAO,eAEvBuB,IAA4BC;AAAA,IAChC,MACEC,EAA6B;AAAA,MAC3B,YAAAP;AAAA,MACA,sBAAAE;AAAA,MACA,OAAAhB;AAAA,MACA,UAAAF;AAAA,MACA,MAAAH;AAAA,MACA,aAAAO;AAAA,MACA,iBAAAE;AAAA,MACA,OAAAH;AAAA,MACA,OAAOiB;AAAA,MACP,MAAM,IAAI,IAAIX,CAAY;AAAA,MAC1B,OAAAF;AAAA,MACA,SAAAC;AAAA,IAAA,CACD;AAAA,IACH;AAAA,MACEU;AAAA,MACAZ;AAAA,MACAH;AAAA,MACAN;AAAA,MACAO;AAAA,MACAY;AAAA,MACAI;AAAA,MACAX;AAAA,MACAT;AAAA,MACAE;AAAA,MACAK;AAAA,MACAC;AAAA,IAAA;AAAA,EACF;AAGF,SAAIL,MAAU,IACLkB,IAWP,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAA5B;AAAA,MACA,cAAAE;AAAA,MACA,QAAAD;AAAA,MACA,SAASG;AAAA,MACT,UAAQ;AAAA,MACR,aAAAG;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MAEC,UAAA;AAAA,QAAAa;AAAA,QACAP,IACC,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,UAxBO,CAACC,MAAgB;AAC9B,oBAAMC,IAAS,EAAE,GAAG3B,EAAA;AACpB,cAAA2B,EAAOD,CAAG,IAAI,QACd5B,EAAS6B,CAAM,GACflB,EAA2BE,GAAsB;AAAA,YACnD;AAAA,YAoBQ,cAAAE;AAAA,YACA,YAAYlB,IAAO;AAAA,UAAA;AAAA,UAHda;AAAA,QAAA,IAKL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;"}