@mintlify/msft-sdk 1.1.22 → 1.1.24

package/dist/api-playground-2/components/Request/inputs/FileInput.js

@@ -0,0 +1,43 @@
+import { jsxs as x, Fragment as y, jsx as a } from "react/jsx-runtime";
+import { useRef as I } from "react";
+import { usePlaygroundInputsStore as k } from "../../../hooks/usePlaygroundInputsStore.js";
+import { getSchemaPlaceholder as w, getUniqueInputKey as v } from "../../../schemaGraph/utils.js";
+import { useSelectedLocale as F } from "../../../../utils/locales/index.js";
+import { cn as P } from "../../../../utils/cn.js";
+const N = ({ name: c, schema: n, inputKeyPrefix: m, arrayIndex: u }) => {
+  const { getInput: d, setInput: p } = k(), s = F(), o = I(null), f = w(n) ?? "Drop a file here or click to upload", i = v(m, n, u), r = d(i), t = typeof window < "u" && r instanceof File ? r : void 0, h = (t == null ? void 0 : t.name) ?? f, g = (e) => {
+    var l;
+    p(i, (l = e.target.files) == null ? void 0 : l[0]);
+  };
+  return /* @__PURE__ */ x(y, { children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        "aria-label": s["aria.fileUploadButton"],
+        className: P(
+          "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 = o.current) == null ? void 0 : e.click();
+        },
+        children: h
+      }
+    ),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "file",
+        "data-testid": `${c ?? "file"}-input`,
+        onChange: g,
+        ref: o,
+        className: "mint:hidden"
+      }
+    )
+  ] });
+};
+export {
+  N as FileInput
+};
+//# sourceMappingURL=FileInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/FileInput.tsx"],"sourcesContent":["import { ChangeEvent, useRef } from 'react';\n\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { cn, getSchemaPlaceholder, getUniqueInputKey } from '@/api-playground-2/schemaGraph/utils';\nimport { useSelectedLocale } from '@/utils/locales';\n\nimport { InputParams } from './DifferentiatedInput';\n\nexport const FileInput = ({ name, schema, inputKeyPrefix, arrayIndex }: InputParams) => {\n  const { getInput, setInput } = usePlaygroundInputsStore();\n  const locale = useSelectedLocale();\n  const hiddenInputRef = useRef<HTMLInputElement>(null);\n\n  const schemaPlaceholder = getSchemaPlaceholder(schema) ?? 'Drop a file here or click to upload';\n  const uniqueInputKey = getUniqueInputKey(inputKeyPrefix, schema, arrayIndex);\n  const value = getInput(uniqueInputKey);\n\n  const safeValue = typeof window !== 'undefined' && value instanceof File ? value : undefined;\n\n  const placeholder = safeValue?.name ?? schemaPlaceholder;\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInput(uniqueInputKey, event.target.files?.[0]);\n  };\n\n  return (\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          safeValue ? '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        {placeholder}\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={`${name ?? 'file'}-input`}\n        onChange={onChange}\n        ref={hiddenInputRef}\n        className=\"mint:hidden\"\n      />\n    </>\n  );\n};\n"],"names":["FileInput","name","schema","inputKeyPrefix","arrayIndex","getInput","setInput","usePlaygroundInputsStore","locale","useSelectedLocale","hiddenInputRef","useRef","schemaPlaceholder","getSchemaPlaceholder","uniqueInputKey","getUniqueInputKey","value","safeValue","placeholder","onChange","event","_a","jsxs","Fragment","jsx","cn"],"mappings":";;;;;;AAQO,MAAMA,IAAY,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,gBAAAC,GAAgB,YAAAC,QAA8B;AACtF,QAAM,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaC,EAAA,GACzBC,IAASC,EAAA,GACTC,IAAiBC,EAAyB,IAAI,GAE9CC,IAAoBC,EAAqBX,CAAM,KAAK,uCACpDY,IAAiBC,EAAkBZ,GAAgBD,GAAQE,CAAU,GACrEY,IAAQX,EAASS,CAAc,GAE/BG,IAAY,OAAO,SAAW,OAAeD,aAAiB,OAAOA,IAAQ,QAE7EE,KAAcD,KAAA,gBAAAA,EAAW,SAAQL,GAEjCO,IAAW,CAACC,MAAyC;;AACzD,IAAAd,EAASQ,IAAgBO,IAAAD,EAAM,OAAO,UAAb,gBAAAC,EAAqB,EAAE;AAAA,EAClD;AAEA,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAYhB,EAAO,uBAAuB;AAAA,QAC1C,WAAWiB;AAAA,UACT;AAAA,UACAR,IAAY,iDAAiD;AAAA,QAAA;AAAA,QAE/D,SAAS,MAAA;;AAAM,kBAAAI,IAAAX,EAAe,YAAf,gBAAAW,EAAwB;AAAA;AAAA,QAEtC,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAa,GAAGvB,KAAQ,MAAM;AAAA,QAC9B,UAAAkB;AAAA,QACA,KAAKT;AAAA,QACL,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}

package/dist/api-playground-2/components/Request/inputs/InputContainer.js

@@ -0,0 +1,127 @@
+import { jsxs as e, Fragment as l, jsx as i } from "react/jsx-runtime";
+import { useState as N } from "react";
+import { isEnum as g } from "../../../schemaGraph/utils.js";
+import { ArrayCount as $ } from "../../../../api-playground/ApiPlayground/components/ArrayCount.js";
+import { ObjectExpandButton as O } from "../../../../api-playground/ApiPlayground/components/ObjectExpandButton.js";
+import { TrashButton as P } from "../../../../api-playground/ApiPlayground/components/TrashButton.js";
+import { Description as x } from "../../../../api-playground/EndpointFields/components/Description.js";
+import { InfoPill as T, RequiredPill as q, DeprecatedPill as A } from "../../../../components/Api/Param.js";
+import { containsMarkdownTable as B } from "../../../../utils/containsMarkdownTable.js";
+import { cn as m } from "../../../../utils/cn.js";
+const J = ({
+  name: d,
+  schema: t,
+  defaultExpanded: a = !0,
+  typeDropdown: p,
+  arrayIndex: o,
+  parentNames: n,
+  clearValue: y,
+  style: b,
+  explode: v,
+  children: u
+}) => {
+  const [s, k] = N(a), f = g(t) && t.description && B(t.description), h = t.format && typeof t.format == "string" ? `${t.type}<${t.format}>` : g(t) ? `enum<${t.type}>` : t.type, c = t.type === "array", r = t.type === "object", w = r ? Object.keys(t.properties ?? {}).length : 0;
+  return /* @__PURE__ */ e(l, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: m(
+          "mint:flex mint:space-x-3 mint:items-start",
+          o != null && !r && "mint:flex mint:items-center"
+        ),
+        children: [
+          o != null && /* @__PURE__ */ i($, { className: m(r && "mint:mt-8"), children: o + 1 }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: m(
+                "mint:flex-1 mint:lg:grid-cols-2 mint:gap-x-12 mint:gap-y-4 mint:py-5 mint:max-w-full",
+                !c && !r && "mint:grid",
+                c && "mint:flex mint:flex-col",
+                r && "mint:gap-y-0 mint:flex mint:flex-col mint:border mint:border-gray-50 mint:dark:border-white/5 mint:rounded-xl mint:px-4 mint:py-0 mint:my-5",
+                o !== void 0 && "mint:py-1 mint:my-2"
+              ),
+              children: [
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: m(
+                      "mint:space-y-2",
+                      r && "mint:py-5 mint:border-b mint:border-gray-50 mint:dark:border-white/5",
+                      !s && "mint:border-none",
+                      o != null && !r && "mint:flex mint:items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:justify-between mint:font-mono mint:font-bold", children: [
+                        /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: "mint:flex mint:flex-wrap mint:items-center mint:gap-2 mint:text-xs mint:truncate",
+                            title: n && n.length > 0 ? `${n.join(".")}.${d}` : d,
+                            children: [
+                              /* @__PURE__ */ i("div", { className: m("mint:text-sm mint:truncate", d == null && "mint:hidden"), children: n && n.length > 0 && b === "deepObject" && v ? /* @__PURE__ */ e(l, { children: [
+                                /* @__PURE__ */ i("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: n.map((j, C) => /* @__PURE__ */ e(l, { children: [
+                                  j,
+                                  C === 0 ? "[" : "]["
+                                ] })) }),
+                                /* @__PURE__ */ i("span", { className: "mint:font-semibold mint:text-gray-900 mint:dark:text-gray-100", children: d }),
+                                /* @__PURE__ */ i("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: "]" })
+                              ] }) : /* @__PURE__ */ e(l, { children: [
+                                /* @__PURE__ */ i("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: n ? `${n.join(".")}.` : "" }),
+                                /* @__PURE__ */ i("span", { className: "mint:font-semibold mint:text-gray-900 mint:dark:text-gray-100", children: d })
+                              ] }) }),
+                              p ?? /* @__PURE__ */ i(T, { children: h }),
+                              t.isRequired && /* @__PURE__ */ i(q, {}),
+                              t.deprecated && /* @__PURE__ */ i(A, {})
+                            ]
+                          }
+                        ),
+                        r && /* @__PURE__ */ i(
+                          O,
+                          {
+                            onClick: () => k(!s),
+                            count: w,
+                            labeled: a == !1
+                          }
+                        )
+                      ] }),
+                      t.description && !f && /* @__PURE__ */ i(
+                        x,
+                        {
+                          markdown: t.description,
+                          className: "mint:text-gray-500 mint:dark:text-gray-400"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                s && /* @__PURE__ */ i(
+                  "div",
+                  {
+                    className: m(
+                      "mint:grid mint:grid-cols-1 mint:w-full mint:items-start mint:divide-y mint:divide-gray-50 mint:dark:divide-white/5",
+                      c && "mint:divide-y-0"
+                    ),
+                    children: u
+                  }
+                )
+              ]
+            }
+          ),
+          (o != null || n) && y && /* @__PURE__ */ i(
+            P,
+            {
+              className: m(r && "mint:mt-8", n && "mint:mt-7"),
+              onClick: () => y()
+            }
+          )
+        ]
+      }
+    ),
+    t.description && f && /* @__PURE__ */ i(x, { markdown: t.description, className: "mint:text-gray-500 mint:dark:text-gray-400" })
+  ] });
+};
+export {
+  J as InputContainer
+};
+//# sourceMappingURL=InputContainer.js.map

package/dist/api-playground-2/components/Request/inputs/InputContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputContainer.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/InputContainer.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { isEnum } from '@/api-playground-2/schemaGraph/utils';\nimport { ArrayCount } from '@/api-playground/ApiPlayground/components/ArrayCount';\nimport { ObjectExpandButton } from '@/api-playground/ApiPlayground/components/ObjectExpandButton';\nimport { TrashButton } from '@/api-playground/ApiPlayground/components/TrashButton';\nimport { Description } from '@/api-playground/EndpointFields/components/Description';\nimport { DeprecatedPill, InfoPill, RequiredPill } from '../../../../components/Api/Param';\nimport { containsMarkdownTable } from '../../../../utils/containsMarkdownTable';\n\nimport { InputContainerParams } from './DifferentiatedInput';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const InputContainer = ({\n  name,\n  schema,\n  defaultExpanded = true,\n  typeDropdown,\n  arrayIndex,\n  parentNames,\n  clearValue,\n  style,\n  explode,\n  children,\n}: InputContainerParams) => {\n  const [showChildren, setShowChildren] = useState(defaultExpanded);\n  const descriptionContainsTable =\n    isEnum(schema) && schema.description && containsMarkdownTable(schema.description);\n  const typeLabel =\n    schema.format && typeof schema.format === 'string'\n      ? `${schema.type}<${schema.format}>`\n      : isEnum(schema)\n        ? `enum<${schema.type}>`\n        : schema.type;\n  const isArray = schema.type === 'array';\n  const isObject = schema.type === 'object';\n  const propertiesCount = isObject ? Object.keys(schema.properties ?? {}).length : 0;\n  return (\n    <>\n      <div\n        className={cn(\n          'mint:flex mint:space-x-3 mint:items-start',\n          arrayIndex != undefined && !isObject && 'mint:flex mint:items-center'\n        )}\n      >\n        {arrayIndex != undefined && (\n          <ArrayCount className={cn(isObject && 'mint:mt-8')}>{arrayIndex + 1}</ArrayCount>\n        )}\n        <div\n          className={cn(\n            'mint:flex-1 mint:lg:grid-cols-2 mint:gap-x-12 mint:gap-y-4 mint:py-5 mint:max-w-full',\n            !isArray && !isObject && \"mint:grid\",\n            isArray && 'mint:flex mint:flex-col',\n            isObject &&\n              'mint:gap-y-0 mint:flex mint:flex-col mint:border mint:border-gray-50 mint:dark:border-white/5 mint:rounded-xl mint:px-4 mint:py-0 mint:my-5',\n            arrayIndex !== undefined && 'mint:py-1 mint:my-2'\n          )}\n        >\n          <div\n            className={cn(\n              'mint:space-y-2',\n              isObject && 'mint:py-5 mint:border-b mint:border-gray-50 mint:dark:border-white/5',\n              !showChildren && 'mint:border-none',\n              arrayIndex != undefined && !isObject && 'mint:flex mint:items-center'\n            )}\n          >\n            <div className=\"mint:flex mint:items-center mint:justify-between mint:font-mono mint:font-bold\">\n              <div\n                className=\"mint:flex mint:flex-wrap mint:items-center mint:gap-2 mint:text-xs mint:truncate\"\n                title={\n                  parentNames && parentNames.length > 0 ? `${parentNames.join('.')}.${name}` : name\n                }\n              >\n                <div className={cn(\"mint:text-sm mint:truncate\", name == undefined && 'mint:hidden')}>\n                  {parentNames && parentNames.length > 0 && style === 'deepObject' && explode ? (\n                    <>\n                      <span className=\"mint:text-gray-500 mint:dark:text-gray-400\">\n                        {parentNames.map((parentName, index) => (\n                          <>\n                            {parentName}\n                            {index === 0 ? '[' : ']['}\n                          </>\n                        ))}\n                      </span>\n                      <span className=\"mint:font-semibold mint:text-gray-900 mint:dark:text-gray-100\">{name}</span>\n                      <span className=\"mint:text-gray-500 mint:dark:text-gray-400\">{']'}</span>\n                    </>\n                  ) : (\n                    <>\n                      <span className=\"mint:text-gray-500 mint:dark:text-gray-400\">\n                        {parentNames ? `${parentNames.join('.')}.` : ''}\n                      </span>\n                      <span className=\"mint:font-semibold mint:text-gray-900 mint:dark:text-gray-100\">{name}</span>\n                    </>\n                  )}\n                </div>\n                {typeDropdown != undefined ? typeDropdown : <InfoPill>{typeLabel}</InfoPill>}\n                {schema.isRequired && <RequiredPill />}\n                {schema.deprecated && <DeprecatedPill />}\n              </div>\n              {isObject && (\n                <ObjectExpandButton\n                  onClick={() => setShowChildren(!showChildren)}\n                  count={propertiesCount}\n                  labeled={defaultExpanded == false}\n                />\n              )}\n            </div>\n            {schema.description && !descriptionContainsTable && (\n              <Description\n                markdown={schema.description}\n                className=\"mint:text-gray-500 mint:dark:text-gray-400\"\n              />\n            )}\n          </div>\n          {showChildren && (\n            <div\n              className={cn(\n                'mint:grid mint:grid-cols-1 mint:w-full mint:items-start mint:divide-y mint:divide-gray-50 mint:dark:divide-white/5',\n                isArray && 'mint:divide-y-0'\n              )}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n        {/* // TODO - Api Playground Refactor: make sure clearValue works to delete keys */}\n        {(arrayIndex != undefined || parentNames) && clearValue && (\n          <TrashButton\n            className={cn(isObject && 'mint:mt-8', parentNames && 'mint:mt-7')}\n            onClick={() => clearValue()}\n          />\n        )}\n      </div>\n      {schema.description && descriptionContainsTable && (\n        <Description markdown={schema.description} className=\"mint:text-gray-500 mint:dark:text-gray-400\" />\n      )}\n    </>\n  );\n};\n"],"names":["InputContainer","name","schema","defaultExpanded","typeDropdown","arrayIndex","parentNames","clearValue","style","explode","children","showChildren","setShowChildren","useState","descriptionContainsTable","isEnum","containsMarkdownTable","typeLabel","isArray","isObject","propertiesCount","jsxs","Fragment","cn","ArrayCount","jsx","parentName","index","InfoPill","RequiredPill","DeprecatedPill","ObjectExpandButton","Description","TrashButton"],"mappings":"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"}

package/dist/api-playground-2/components/Request/inputs/NullInput.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+const e = () => /* @__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 {
+  e as NullInput
+};
+//# sourceMappingURL=NullInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NullInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/NullInput.tsx"],"sourcesContent":["import { cn } from \"../../../../utils/cn\";\nexport const NullInput = () => {\n  return (\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  );\n};\n"],"names":["NullInput","jsx"],"mappings":";AACO,MAAMA,IAAY,MAErB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,UAAQ;AAAA,EAAA;AAAA;"}

package/dist/api-playground-2/components/Request/inputs/NumberInput.js

@@ -0,0 +1,46 @@
+import { jsx as y } from "react/jsx-runtime";
+import { isInteger as b, isNumber as N } from "../../../../common/guards.js";
+import { usePlaygroundInputsStore as h } from "../../../hooks/usePlaygroundInputsStore.js";
+import { getSchemaPlaceholder as P, getUniqueInputKey as S } from "../../../schemaGraph/utils.js";
+import { useSelectedLocale as v } from "../../../../utils/locales/index.js";
+import { Ids as x } from "../../../types/index.js";
+const A = ({
+  name: a,
+  schema: n,
+  inputKeyPrefix: l,
+  numberType: s,
+  arrayIndex: p
+}) => {
+  const m = v(), { getInput: c, setInput: o } = h(), u = P(n), r = S(l, n, p), g = c(r), f = u ?? `enter ${a ?? "value"}`, i = n.type, d = ((e, t) => e === "integer" ? b(t) ? t : void 0 : N(t) ? t : void 0)(s, g), I = (e) => {
+    if (e.target.value.length === 0) {
+      o(r, void 0);
+      return;
+    }
+    if (i === "integer") {
+      const t = parseInt(e.target.value);
+      if (isNaN(t))
+        return;
+      o(r, t);
+    } else
+      o(r, parseFloat(e.target.value));
+  };
+  return /* @__PURE__ */ y(
+    "input",
+    {
+      id: x.APIPlaygroundInput,
+      className: "mint:flex-1 mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input",
+      placeholder: f,
+      "aria-label": u ?? m["aria.enterValue"].replace("{name}", a ?? "value"),
+      onKeyDown: (e) => {
+        (e.key === "e" || e.key === "." && i === "integer") && e.preventDefault();
+      },
+      type: "number",
+      value: d ?? "",
+      onChange: I
+    }
+  );
+};
+export {
+  A as NumberInput
+};
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/NumberInput.tsx"],"sourcesContent":["import { isInteger, isNumber } from '../../../../common/guards';\nimport { ChangeEvent } from 'react';\n\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { getSchemaPlaceholder, getUniqueInputKey } from '@/api-playground-2/schemaGraph/utils';\nimport { useSelectedLocale } from '@/utils/locales';\n\nimport { InputParams } from './DifferentiatedInput';\nimport { Ids } from '@/api-playground-2/types';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const NumberInput = ({\n  name,\n  schema,\n  inputKeyPrefix,\n  numberType,\n  arrayIndex,\n}: InputParams & { numberType: string }) => {\n  const locale = useSelectedLocale();\n  const { getInput, setInput } = usePlaygroundInputsStore();\n  const schemaPlaceholder = getSchemaPlaceholder(schema);\n  const uniqueInputKey = getUniqueInputKey(inputKeyPrefix, schema, arrayIndex);\n  const value = getInput(uniqueInputKey);\n  const placeholder = schemaPlaceholder ?? `enter ${name ?? 'value'}`;\n  const schemaType = schema.type;\n\n  const getSafeNumberValue = (numberType: string, value: unknown) => {\n    if (numberType === 'integer') {\n      return isInteger(value) ? value : undefined;\n    } else {\n      return isNumber(value) ? value : undefined;\n    }\n  };\n  const safeValue = getSafeNumberValue(numberType, value);\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value.length === 0) {\n      setInput(uniqueInputKey, undefined);\n      return;\n    }\n\n    if (schemaType === 'integer') {\n      const parsedInteger = parseInt(event.target.value);\n      if (isNaN(parsedInteger)) {\n        return;\n      }\n      setInput(uniqueInputKey, parsedInteger);\n    } else {\n      setInput(uniqueInputKey, parseFloat(event.target.value));\n    }\n  };\n\n  return (\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={placeholder}\n      aria-label={schemaPlaceholder ?? locale['aria.enterValue'].replace('{name}', name ?? 'value')}\n      onKeyDown={(event) => {\n        // disallow \"e\", and disallow \".\" for integer inputs\n        if (event.key === 'e' || (event.key === '.' && schemaType === 'integer')) {\n          event.preventDefault();\n        }\n      }}\n      type=\"number\"\n      value={safeValue ?? ''}\n      onChange={onChange}\n    />\n  );\n};\n"],"names":["NumberInput","name","schema","inputKeyPrefix","numberType","arrayIndex","locale","useSelectedLocale","getInput","setInput","usePlaygroundInputsStore","schemaPlaceholder","getSchemaPlaceholder","uniqueInputKey","getUniqueInputKey","value","placeholder","schemaType","safeValue","isInteger","isNumber","onChange","event","parsedInteger","jsx","Ids"],"mappings":";;;;;;AAWO,MAAMA,IAAc,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AACF,MAA4C;AAC1C,QAAMC,IAASC,EAAA,GACT,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaC,EAAA,GACzBC,IAAoBC,EAAqBV,CAAM,GAC/CW,IAAiBC,EAAkBX,GAAgBD,GAAQG,CAAU,GACrEU,IAAQP,EAASK,CAAc,GAC/BG,IAAcL,KAAqB,SAASV,KAAQ,OAAO,IAC3DgB,IAAaf,EAAO,MASpBgB,KAPqB,CAACd,GAAoBW,MAC1CX,MAAe,YACVe,EAAUJ,CAAK,IAAIA,IAAQ,SAE3BK,EAASL,CAAK,IAAIA,IAAQ,QAGAX,GAAYW,CAAK,GAEhDM,IAAW,CAACC,MAAyC;AACzD,QAAIA,EAAM,OAAO,MAAM,WAAW,GAAG;AACnC,MAAAb,EAASI,GAAgB,MAAS;AAClC;AAAA,IACF;AAEA,QAAII,MAAe,WAAW;AAC5B,YAAMM,IAAgB,SAASD,EAAM,OAAO,KAAK;AACjD,UAAI,MAAMC,CAAa;AACrB;AAEF,MAAAd,EAASI,GAAgBU,CAAa;AAAA,IACxC;AACE,MAAAd,EAASI,GAAgB,WAAWS,EAAM,OAAO,KAAK,CAAC;AAAA,EAE3D;AAEA,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIC,EAAI;AAAA,MACR,WAAU;AAAA,MACV,aAAAT;AAAA,MACA,cAAYL,KAAqBL,EAAO,iBAAiB,EAAE,QAAQ,UAAUL,KAAQ,OAAO;AAAA,MAC5F,WAAW,CAACqB,MAAU;AAEpB,SAAIA,EAAM,QAAQ,OAAQA,EAAM,QAAQ,OAAOL,MAAe,cAC5DK,EAAM,eAAA;AAAA,MAEV;AAAA,MACA,MAAK;AAAA,MACL,OAAOJ,KAAa;AAAA,MACpB,UAAAG;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/api-playground-2/components/Request/inputs/ObjectInput.js

@@ -0,0 +1,104 @@
+import { jsx as r, Fragment as K, jsxs as T } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { v4 as q } from "uuid";
+import { isSchemaObject as u, getUniqueInputKey as b, convertAnySchemaToOneOfs as w } from "../../../schemaGraph/utils.js";
+import { AdditionalPropertyButton as B } from "../../../../api-playground/ApiPlayground/components/AdditionalPropertyButton.js";
+import { DifferentiatedInput as f } from "./DifferentiatedInput.js";
+const G = ({
+  schema: t,
+  depth: s,
+  parentNames: m,
+  style: a,
+  explode: d,
+  inputKeyPrefix: e,
+  name: l
+}) => {
+  const O = [];
+  Object.entries(t.properties ?? {}).forEach(([o, n]) => {
+    if (u(n)) {
+      const i = l ? [l] : void 0;
+      O.push(
+        /* @__PURE__ */ r(
+          f,
+          {
+            name: o,
+            schema: n,
+            depth: (s ?? 0) + 1,
+            parentNames: i,
+            style: a,
+            explode: d,
+            inputKeyPrefix: e
+          },
+          o
+        )
+      );
+    }
+  });
+  const h = t.additionalProperties !== void 0 && t.additionalProperties !== !1, j = q(), [p, v] = g([]), c = [];
+  p.forEach((o) => {
+    var n;
+    if (u(t.additionalProperties)) {
+      const i = b(e, t, void 0, o);
+      c.push(
+        /* @__PURE__ */ r(
+          f,
+          {
+            name: o,
+            schema: { ...t.additionalProperties, uniqueKey: i },
+            depth: (s ?? 0) + 1,
+            parentNames: m,
+            style: a,
+            explode: d,
+            inputKeyPrefix: e
+          },
+          o
+        )
+      );
+    } else {
+      const i = b(e, t, void 0, o), y = {
+        oneOf: (n = w().oneOf) == null ? void 0 : n.map((S) => ({
+          ...S,
+          uniqueKey: i
+        }))
+      };
+      u(y) && c.push(
+        /* @__PURE__ */ r(
+          f,
+          {
+            name: o,
+            schema: y,
+            depth: (s ?? 0) + 1,
+            parentNames: m,
+            style: a,
+            explode: d,
+            inputKeyPrefix: e
+          },
+          o
+        )
+      );
+    }
+  });
+  const P = [...O, ...c];
+  if (s === 0)
+    return /* @__PURE__ */ r(K, { children: P });
+  const A = (o) => {
+    const n = [...p, o];
+    v(n);
+  }, I = [...Object.keys(t.properties ?? {}), ...p];
+  return /* @__PURE__ */ T(K, { children: [
+    P,
+    h ? /* @__PURE__ */ r(
+      B,
+      {
+        existingKeys: I,
+        onAddKey: A,
+        dataTestId: ("name" in t && t.name ? t.name : "") + "-additional-property-button"
+      },
+      "add-property-button" + j
+    ) : null
+  ] });
+};
+export {
+  G as ObjectInput
+};
+//# sourceMappingURL=ObjectInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/ObjectInput.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n  convertAnySchemaToOneOfs,\n  getUniqueInputKey,\n  isSchemaObject,\n} from '@/api-playground-2/schemaGraph/utils';\nimport { AdditionalPropertyButton } from '@/api-playground/ApiPlayground/components/AdditionalPropertyButton';\n\nimport { DifferentiatedInput, InputParams } from './DifferentiatedInput';\n\nexport const ObjectInput = ({\n  schema,\n  depth,\n  parentNames,\n  style,\n  explode,\n  inputKeyPrefix,\n  name,\n}: InputParams) => {\n  const propertiesInputs: React.ReactNode[] = [];\n\n  Object.entries(schema.properties ?? {}).forEach(([propName, propSchema]) => {\n    if (isSchemaObject(propSchema)) {\n      const newParentNames = name ? [name] : undefined;\n\n      propertiesInputs.push(\n        <DifferentiatedInput\n          key={propName}\n          name={propName}\n          schema={propSchema}\n          depth={(depth ?? 0) + 1}\n          parentNames={newParentNames}\n          style={style}\n          explode={explode}\n          inputKeyPrefix={inputKeyPrefix}\n        />\n      );\n    }\n  });\n\n  const allowsAdditionalProperties =\n    schema.additionalProperties !== undefined && schema.additionalProperties !== false;\n  const additionalPropButtonKey = uuidv4();\n  const [additionalPropKeys, setAdditionalPropKeys] = useState<string[]>([]);\n  const additionalPropertiesInputs: React.ReactNode[] = [];\n\n  additionalPropKeys.forEach((key) => {\n    if (isSchemaObject(schema.additionalProperties)) {\n      const uniqueKey = getUniqueInputKey(inputKeyPrefix, schema, undefined, key);\n      additionalPropertiesInputs.push(\n        <DifferentiatedInput\n          key={key}\n          name={key}\n          schema={{ ...schema.additionalProperties, uniqueKey }}\n          depth={(depth ?? 0) + 1}\n          parentNames={parentNames}\n          style={style}\n          explode={explode}\n          inputKeyPrefix={inputKeyPrefix}\n        />\n      );\n    } else {\n      const uniqueKey = getUniqueInputKey(inputKeyPrefix, schema, undefined, key);\n      const anySchemaToOneOfSchema = convertAnySchemaToOneOfs();\n      const oneOfWithKeys = {\n        oneOf: anySchemaToOneOfSchema.oneOf?.map((schema) => {\n          return {\n            ...schema,\n            uniqueKey,\n          };\n        }),\n      };\n\n      if (isSchemaObject(oneOfWithKeys)) {\n        additionalPropertiesInputs.push(\n          <DifferentiatedInput\n            key={key}\n            name={key}\n            schema={oneOfWithKeys}\n            depth={(depth ?? 0) + 1}\n            parentNames={parentNames}\n            style={style}\n            explode={explode}\n            inputKeyPrefix={inputKeyPrefix}\n          />\n        );\n      }\n    }\n  });\n\n  const children = [...propertiesInputs, ...additionalPropertiesInputs];\n\n  if (depth === 0) {\n    return <>{children}</>;\n  }\n\n  const addKey = (key: string) => {\n    const newAdditionalPropKeys = [...additionalPropKeys, key];\n    setAdditionalPropKeys(newAdditionalPropKeys);\n  };\n\n  const existingKeys = [...Object.keys(schema.properties ?? {}), ...additionalPropKeys];\n\n  return (\n    <>\n      {children}\n      {allowsAdditionalProperties ? (\n        <AdditionalPropertyButton\n          key={'add-property-button' + additionalPropButtonKey}\n          existingKeys={existingKeys}\n          onAddKey={addKey}\n          dataTestId={\n            ('name' in schema && schema.name ? schema.name : '') + '-additional-property-button'\n          }\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["ObjectInput","schema","depth","parentNames","style","explode","inputKeyPrefix","name","propertiesInputs","propName","propSchema","isSchemaObject","newParentNames","jsx","DifferentiatedInput","allowsAdditionalProperties","additionalPropButtonKey","uuidv4","additionalPropKeys","setAdditionalPropKeys","useState","additionalPropertiesInputs","key","uniqueKey","getUniqueInputKey","oneOfWithKeys","_a","convertAnySchemaToOneOfs","children","addKey","newAdditionalPropKeys","existingKeys","jsxs","Fragment","AdditionalPropertyButton"],"mappings":"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"}

package/dist/api-playground-2/components/Request/inputs/OneOfInput.js

@@ -0,0 +1,77 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { generateSimpleSchemaLabel as T, generateSchemaOptionLabels as w } from "../../EndpointFields/fields/SimpleSchemaField.js";
+import { usePlaygroundInputsStore as D } from "../../../hooks/usePlaygroundInputsStore.js";
+import { isSchemaObject as L } from "../../../schemaGraph/utils.js";
+import { TypeDropdown as j } from "../../TypeDropdown.js";
+import { DifferentiatedInput as b } from "./DifferentiatedInput.js";
+import { Tabs as k } from "../../../../components/content-components/tabs/tabs.js";
+import { Tab as q } from "../../../../components/content-components/tabs/tab.js";
+const G = ({
+  name: m,
+  schema: r,
+  clearValue: l,
+  parentNames: c,
+  style: p,
+  explode: a,
+  inputKeyPrefix: s
+}) => {
+  const [i, S] = g(0), n = "oneOf" in r && r.oneOf ? r.oneOf.filter(L) : [], y = n.some((e) => e.type === "null"), O = n.map((e) => ({
+    label: T(e, y),
+    schema: e
+  })), t = n[i], { setInput: f } = D(), d = `${s}.${r.uniqueKey}`, u = (e) => {
+    t && "type" in t && t.type === "null" ? f(d, null) : f(d, void 0), S(e);
+  };
+  if (!t) return null;
+  if (n.every((e) => e.type === "object")) {
+    const e = w(n);
+    return /* @__PURE__ */ o(
+      k,
+      {
+        defaultTab: i,
+        onChange: u,
+        className: "mint:border-gray-100! mint:mb-4! mint:dark:border-white/10!",
+        children: e.map((h) => /* @__PURE__ */ o(q, { title: h, children: /* @__PURE__ */ o(
+          b,
+          {
+            skipContainer: !0,
+            name: m,
+            schema: t,
+            clearValue: l,
+            parentNames: c,
+            style: p,
+            explode: a,
+            inputKeyPrefix: s
+          }
+        ) }, h))
+      }
+    );
+  }
+  const I = O.filter(
+    ({ schema: e }) => e.type !== "null"
+  );
+  return /* @__PURE__ */ o(
+    b,
+    {
+      name: m,
+      schema: t,
+      typeDropdown: /* @__PURE__ */ o(
+        j,
+        {
+          options: I,
+          selectedIndex: i,
+          onSelectOption: u
+        }
+      ),
+      clearValue: l,
+      parentNames: c,
+      style: p,
+      explode: a,
+      inputKeyPrefix: s
+    }
+  );
+};
+export {
+  G as OneOfInput
+};
+//# sourceMappingURL=OneOfInput.js.map

package/dist/api-playground-2/components/Request/inputs/OneOfInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneOfInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/OneOfInput.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport {\n  generateSchemaOptionLabels,\n  generateSimpleSchemaLabel,\n} from '@/api-playground-2/components/EndpointFields/fields/SimpleSchemaField';\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { isSchemaObject } from '@/api-playground-2/schemaGraph/utils';\nimport { Tabs, Tab } from '../../../../components/content-components/tabs';\n\nimport { TypeDropdown } from '../../TypeDropdown';\nimport { DifferentiatedInput, InputParams } from './DifferentiatedInput';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const OneOfInput = ({\n  name,\n  schema,\n  clearValue,\n  parentNames,\n  style,\n  explode,\n  inputKeyPrefix,\n}: InputParams & { value?: unknown }) => {\n  const [selectedSchemaIndex, setSelectedSchemaIndex] = useState(0);\n  const schemas = 'oneOf' in schema && schema.oneOf ? schema.oneOf.filter(isSchemaObject) : [];\n  const nullable = schemas.some((schema) => schema.type === 'null');\n  // TODO - Api Playground Refactor: equivalent of schemasWithLabelInfo from RecursiveInput\n  const schemasWithLabels = schemas.map((schema) => ({\n    label: generateSimpleSchemaLabel(schema, nullable),\n    schema: schema,\n  }));\n  const selectedSchema = schemas[selectedSchemaIndex];\n\n  const { setInput } = usePlaygroundInputsStore();\n  const uniqueKey = `${inputKeyPrefix}.${schema.uniqueKey}`;\n\n  const onSelectTypeOption = (index: number) => {\n    if (selectedSchema && 'type' in selectedSchema && selectedSchema.type === 'null') {\n      setInput(uniqueKey, null);\n    } else {\n      setInput(uniqueKey, undefined);\n    }\n    setSelectedSchemaIndex(index);\n  };\n\n  if (!selectedSchema) return null;\n\n  if (schemas.every((schema) => schema.type === 'object')) {\n    const oneOfOptions = generateSchemaOptionLabels(schemas);\n    return (\n      <Tabs\n        defaultTab={selectedSchemaIndex}\n        onChange={onSelectTypeOption}\n        className=\"mint:border-gray-100! mint:mb-4! mint:dark:border-white/10!\"\n      >\n        {oneOfOptions.map((option) => (\n          <Tab title={option} key={option}>\n            <DifferentiatedInput\n              skipContainer\n              name={name}\n              schema={selectedSchema}\n              clearValue={clearValue}\n              parentNames={parentNames}\n              style={style}\n              explode={explode}\n              inputKeyPrefix={inputKeyPrefix}\n            />\n          </Tab>\n        ))}\n      </Tabs>\n    );\n  }\n\n  const filteredSchemasWithLabels = schemasWithLabels.filter(\n    ({ schema }) => schema.type !== 'null'\n  );\n\n  const typeDropdown = (\n    <TypeDropdown\n      options={filteredSchemasWithLabels}\n      selectedIndex={selectedSchemaIndex}\n      onSelectOption={onSelectTypeOption}\n    />\n  );\n\n  return (\n    <DifferentiatedInput\n      name={name}\n      schema={selectedSchema}\n      typeDropdown={typeDropdown}\n      clearValue={clearValue}\n      parentNames={parentNames}\n      style={style}\n      explode={explode}\n      inputKeyPrefix={inputKeyPrefix}\n    />\n  );\n};\n"],"names":["OneOfInput","name","schema","clearValue","parentNames","style","explode","inputKeyPrefix","selectedSchemaIndex","setSelectedSchemaIndex","useState","schemas","isSchemaObject","nullable","schemasWithLabels","generateSimpleSchemaLabel","selectedSchema","setInput","usePlaygroundInputsStore","uniqueKey","onSelectTypeOption","index","oneOfOptions","generateSchemaOptionLabels","jsx","Tabs","option","Tab","DifferentiatedInput","filteredSchemasWithLabels","TypeDropdown"],"mappings":";;;;;;;;;AAcO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,MAAyC;AACvC,QAAM,CAACC,GAAqBC,CAAsB,IAAIC,EAAS,CAAC,GAC1DC,IAAU,WAAWT,KAAUA,EAAO,QAAQA,EAAO,MAAM,OAAOU,CAAc,IAAI,CAAA,GACpFC,IAAWF,EAAQ,KAAK,CAACT,MAAWA,EAAO,SAAS,MAAM,GAE1DY,IAAoBH,EAAQ,IAAI,CAACT,OAAY;AAAA,IACjD,OAAOa,EAA0Bb,GAAQW,CAAQ;AAAA,IACjD,QAAQX;AAAAA,EAAA,EACR,GACIc,IAAiBL,EAAQH,CAAmB,GAE5C,EAAE,UAAAS,EAAA,IAAaC,EAAA,GACfC,IAAY,GAAGZ,CAAc,IAAIL,EAAO,SAAS,IAEjDkB,IAAqB,CAACC,MAAkB;AAC5C,IAAIL,KAAkB,UAAUA,KAAkBA,EAAe,SAAS,SACxEC,EAASE,GAAW,IAAI,IAExBF,EAASE,GAAW,MAAS,GAE/BV,EAAuBY,CAAK;AAAA,EAC9B;AAEA,MAAI,CAACL,EAAgB,QAAO;AAE5B,MAAIL,EAAQ,MAAM,CAACT,MAAWA,EAAO,SAAS,QAAQ,GAAG;AACvD,UAAMoB,IAAeC,EAA2BZ,CAAO;AACvD,WACE,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,YAAYjB;AAAA,QACZ,UAAUY;AAAA,QACV,WAAU;AAAA,QAET,YAAa,IAAI,CAACM,MACjB,gBAAAF,EAACG,GAAA,EAAI,OAAOD,GACV,UAAA,gBAAAF;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,eAAa;AAAA,YACb,MAAA3B;AAAA,YACA,QAAQe;AAAA,YACR,YAAAb;AAAA,YACA,aAAAC;AAAA,YACA,OAAAC;AAAA,YACA,SAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA,EACF,GAVuBmB,CAWzB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,QAAMG,IAA4Bf,EAAkB;AAAA,IAClD,CAAC,EAAE,QAAAZ,QAAaA,EAAO,SAAS;AAAA,EAAA;AAWlC,SACE,gBAAAsB;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAA3B;AAAA,MACA,QAAQe;AAAA,MACR,cAXF,gBAAAQ;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,SAASD;AAAA,UACT,eAAerB;AAAA,UACf,gBAAgBY;AAAA,QAAA;AAAA,MAAA;AAAA,MAShB,YAAAjB;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/api-playground-2/components/Request/inputs/SelectInput.js

@@ -0,0 +1,54 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { isBoolean as S, isString as b, isNumber as v, isInteger as y } from "../../../../common/guards.js";
+import { ChevronDownIcon as I } from "lucide-react";
+import { usePlaygroundInputsStore as w } from "../../../hooks/usePlaygroundInputsStore.js";
+import { getSchemaPlaceholder as N, getUniqueInputKey as k } from "../../../schemaGraph/utils.js";
+import { useSelectedLocale as P } from "../../../../utils/locales/index.js";
+import { cn as j } from "../../../../utils/cn.js";
+const U = ({
+  name: a,
+  schema: n,
+  inputKeyPrefix: u,
+  enumType: m,
+  arrayIndex: p
+}) => {
+  const g = P(), { getInput: d, setInput: s } = w(), l = N(n), f = n.type === "boolean" ? [!0, !1] : n.enum ?? [], r = k(u, n, p), h = d(r), i = ((t, e) => {
+    switch (t) {
+      case "integer":
+        return y(e) ? e : void 0;
+      case "number":
+        return v(e) ? e : void 0;
+      case "string":
+        return b(e) ? e : void 0;
+      case "boolean":
+        return S(e) ? e : void 0;
+      default:
+        return;
+    }
+  })(m, h), x = (t) => {
+    m === "boolean" ? s(r, t.target.value === "true") : s(r, t.target.value);
+  };
+  return /* @__PURE__ */ c("div", { className: "mint:relative", children: [
+    /* @__PURE__ */ c(
+      "select",
+      {
+        className: j(
+          "mint:relative mint:text-playground-input mint:w-full mint:text-left mint:flex-1 mint:outline-0 mint:cursor-pointer mint:bg-transparent",
+          i !== void 0 ? "mint:text-gray-900! mint:dark:text-gray-100!" : "mint:text-gray-400! mint:dark:text-white/30!"
+        ),
+        value: (i == null ? void 0 : i.toString()) ?? "",
+        "aria-label": l ?? g["aria.selectOption"].replace("{name}", a || "option"),
+        onChange: x,
+        children: [
+          /* @__PURE__ */ o("option", { value: "", disabled: !0, children: l ?? `select ${a || "option"}` }),
+          f.map((t) => /* @__PURE__ */ o("option", { value: t.toString(), children: t.toString() }, t.toString()))
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(I, { className: "mint:absolute mint:right-2 mint:top-1/2 mint:-translate-y-1/2 mint:h-4 mint:w-4 mint:text-gray-400 mint:dark:text-white/30 mint:pointer-events-none" })
+  ] });
+};
+export {
+  U as SelectInput
+};
+//# sourceMappingURL=SelectInput.js.map

package/dist/api-playground-2/components/Request/inputs/SelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/SelectInput.tsx"],"sourcesContent":["import { isString, isNumber, isInteger, isBoolean } from '../../../../common/guards';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { ChangeEvent } from 'react';\n\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { getSchemaPlaceholder, getUniqueInputKey } from '@/api-playground-2/schemaGraph/utils';\nimport { useSelectedLocale } from '@/utils/locales';\nimport { InputParams } from './DifferentiatedInput';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const SelectInput = ({\n  name,\n  schema,\n  inputKeyPrefix,\n  enumType,\n  arrayIndex,\n}: InputParams & { enumType: string }) => {\n  const locale = useSelectedLocale();\n  const { getInput, setInput } = usePlaygroundInputsStore();\n  const schemaPlaceholder = getSchemaPlaceholder(schema);\n  const options = schema.type === 'boolean' ? [true, false] : schema.enum ?? [];\n\n  const uniqueInputKey = getUniqueInputKey(inputKeyPrefix, schema, arrayIndex);\n  const value = getInput(uniqueInputKey);\n\n  const getSafeEnumValue = (enumType: string, value: unknown) => {\n    switch (enumType) {\n      case 'integer': {\n        return isInteger(value) ? value : undefined;\n      }\n      case 'number': {\n        return isNumber(value) ? value : undefined;\n      }\n      case 'string': {\n        return isString(value) ? value : undefined;\n      }\n      case 'boolean': {\n        return isBoolean(value) ? value : undefined;\n      }\n      default: {\n        return undefined;\n      }\n    }\n  };\n\n  const safeValue = getSafeEnumValue(enumType, value);\n\n  const onChange = (event: ChangeEvent<HTMLSelectElement>) => {\n    if (enumType === 'boolean') {\n      setInput(uniqueInputKey, event.target.value === 'true');\n    } else {\n      setInput(uniqueInputKey, event.target.value);\n    }\n  };\n\n  return (\n    <div className=\"mint:relative\">\n      <select\n        className={cn(\n          'mint:relative mint:text-playground-input mint:w-full mint:text-left mint:flex-1 mint:outline-0 mint:cursor-pointer mint:bg-transparent',\n          safeValue !== undefined\n            ? 'mint:text-gray-900! mint:dark:text-gray-100!'\n            : 'mint:text-gray-400! mint:dark:text-white/30!'\n        )}\n        value={safeValue?.toString() ?? ''}\n        aria-label={\n          schemaPlaceholder ?? locale['aria.selectOption'].replace('{name}', name || 'option')\n        }\n        onChange={onChange}\n      >\n        <option value=\"\" disabled>\n          {schemaPlaceholder ?? `select ${name || 'option'}`}\n        </option>\n        {options.map((opt) => (\n          <option key={opt.toString()} value={opt.toString()}>\n            {opt.toString()}\n          </option>\n        ))}\n      </select>\n      <ChevronDownIcon className=\"mint:absolute mint:right-2 mint:top-1/2 mint:-translate-y-1/2 mint:h-4 mint:w-4 mint:text-gray-400 mint:dark:text-white/30 mint:pointer-events-none\" />\n    </div>\n  );\n};\n"],"names":["SelectInput","name","schema","inputKeyPrefix","enumType","arrayIndex","locale","useSelectedLocale","getInput","setInput","usePlaygroundInputsStore","schemaPlaceholder","getSchemaPlaceholder","options","uniqueInputKey","getUniqueInputKey","value","safeValue","isInteger","isNumber","isString","isBoolean","onChange","event","jsxs","cn","jsx","opt","ChevronDownIcon"],"mappings":";;;;;;;AAUO,MAAMA,IAAc,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAA0C;AACxC,QAAMC,IAASC,EAAA,GACT,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaC,EAAA,GACzBC,IAAoBC,EAAqBV,CAAM,GAC/CW,IAAUX,EAAO,SAAS,YAAY,CAAC,IAAM,EAAK,IAAIA,EAAO,QAAQ,CAAA,GAErEY,IAAiBC,EAAkBZ,GAAgBD,GAAQG,CAAU,GACrEW,IAAQR,EAASM,CAAc,GAsB/BG,KApBmB,CAACb,GAAkBY,MAAmB;AAC7D,YAAQZ,GAAAA;AAAAA,MACN,KAAK;AACH,eAAOc,EAAUF,CAAK,IAAIA,IAAQ;AAAA,MAEpC,KAAK;AACH,eAAOG,EAASH,CAAK,IAAIA,IAAQ;AAAA,MAEnC,KAAK;AACH,eAAOI,EAASJ,CAAK,IAAIA,IAAQ;AAAA,MAEnC,KAAK;AACH,eAAOK,EAAUL,CAAK,IAAIA,IAAQ;AAAA,MAEpC;AACE;AAAA,IACF;AAAA,EAEJ,GAEmCZ,GAAUY,CAAK,GAE5CM,IAAW,CAACC,MAA0C;AAC1D,IAAInB,MAAa,YACfK,EAASK,GAAgBS,EAAM,OAAO,UAAU,MAAM,IAEtDd,EAASK,GAAgBS,EAAM,OAAO,KAAK;AAAA,EAE/C;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAR,MAAc,SACV,iDACA;AAAA,QAAA;AAAA,QAEN,QAAOA,KAAA,gBAAAA,EAAW,eAAc;AAAA,QAChC,cACEN,KAAqBL,EAAO,mBAAmB,EAAE,QAAQ,UAAUL,KAAQ,QAAQ;AAAA,QAErF,UAAAqB;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAI,EAAC,UAAA,EAAO,OAAM,IAAG,UAAQ,IACtB,UAAAf,KAAqB,UAAUV,KAAQ,QAAQ,GAAA,CAClD;AAAA,UACCY,EAAQ,IAAI,CAACc,MACZ,gBAAAD,EAAC,YAA4B,OAAOC,EAAI,SAAA,GACrC,YAAI,SAAA,EAAS,GADHA,EAAI,UAEjB,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAD,EAACE,GAAA,EAAgB,WAAU,sJAAA,CAAsJ;AAAA,EAAA,GACnL;AAEJ;"}

package/dist/api-playground-2/components/Request/inputs/StringInput.js

@@ -0,0 +1,44 @@
+import { jsxs as y, jsx as c } from "react/jsx-runtime";
+import { isString as I } from "../../../../common/guards.js";
+import { usePlaygroundInputsStore as b } from "../../../hooks/usePlaygroundInputsStore.js";
+import { getSchemaPlaceholder as P, getUniqueInputKey as S } from "../../../schemaGraph/utils.js";
+import { useSelectedLocale as j } from "../../../../utils/locales/index.js";
+import { Ids as k } from "../../../types/index.js";
+const A = ({ name: t, schema: i, inputKeyPrefix: p, arrayIndex: d }) => {
+  const g = j(), { getInput: f, setInput: l } = b(), s = P(i), { prefix: e, placeholder: a } = w(i.format), r = S(p, i, d), m = f(r), n = I(m) ? m : void 0, x = e && (n != null && n.startsWith(e)) ? n.substring(e.length) : n, h = (o) => {
+    const u = `${e ?? ""}${o}`;
+    u ? l(r, u) : l(r, void 0);
+  }, v = (o) => {
+    h(o.target.value);
+  };
+  return /* @__PURE__ */ y("div", { className: "mint:relative mint:flex mint:flex-1 mint:items-center", children: [
+    /* @__PURE__ */ c("div", { className: "mint:absolute mint:left-2.5 mint:top-0 mint:bottom-0 mint:flex mint:items-center mint:justify-center mint:text-sm mint:text-gray-800 mint:dark:text-gray-100", children: e }),
+    /* @__PURE__ */ c(
+      "input",
+      {
+        id: k.APIPlaygroundInput,
+        className: "mint:flex-1 mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input",
+        style: { paddingLeft: e ? e.length * 0.52 + "rem" : void 0 },
+        placeholder: s ?? a ?? `enter ${t ?? "value"}`,
+        "aria-label": s ?? a ?? g["aria.enterValue"].replace("{name}", t ?? "value"),
+        type: "text",
+        value: x ?? "",
+        onChange: v,
+        spellCheck: !1
+      }
+    )
+  ] });
+}, w = (t) => {
+  switch (t == null ? void 0 : t.toLowerCase()) {
+    case "bearer":
+      return {
+        prefix: "Bearer ",
+        placeholder: "enter bearer token"
+      };
+  }
+  return {};
+};
+export {
+  A as StringInput
+};
+//# sourceMappingURL=StringInput.js.map

package/dist/api-playground-2/components/Request/inputs/StringInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/StringInput.tsx"],"sourcesContent":["import { isString } from '../../../../common/guards';\nimport { ChangeEvent } from 'react';\n\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { getSchemaPlaceholder, getUniqueInputKey } from '@/api-playground-2/schemaGraph/utils';\nimport { useSelectedLocale } from '@/utils/locales';\n\nimport { InputParams } from './DifferentiatedInput';\nimport { Ids } from '@/api-playground-2/types';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const StringInput = ({ name, schema, inputKeyPrefix, arrayIndex }: InputParams) => {\n  const locale = useSelectedLocale();\n  const { getInput, setInput } = usePlaygroundInputsStore();\n  const schemaPlaceholder = getSchemaPlaceholder(schema);\n  const { prefix, placeholder } = getInputAttributesForFormat(schema.format);\n  const uniqueInputKey = getUniqueInputKey(inputKeyPrefix, schema, arrayIndex);\n  const value = getInput(uniqueInputKey);\n\n  const safeValue = isString(value) ? value : undefined;\n\n  // remove modifications\n  const unmodifiedValue =\n    prefix && safeValue?.startsWith(prefix) ? safeValue.substring(prefix.length) : safeValue;\n\n  const setModifiedValue = (newValue: string) => {\n    // apply modifications\n    const modifiedValue = `${prefix ?? ''}${newValue}`;\n\n    if (!modifiedValue) setInput(uniqueInputKey, undefined);\n    else setInput(uniqueInputKey, modifiedValue);\n  };\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setModifiedValue(event.target.value);\n  };\n\n  return (\n    <div className=\"mint:relative mint:flex mint:flex-1 mint:items-center\">\n      <div className=\"mint:absolute mint:left-2.5 mint:top-0 mint:bottom-0 mint:flex mint:items-center mint:justify-center mint:text-sm mint:text-gray-800 mint:dark:text-gray-100\">\n        {prefix}\n      </div>\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        style={{ paddingLeft: prefix ? prefix.length * 0.52 + 'rem' : undefined }}\n        placeholder={schemaPlaceholder ?? placeholder ?? `enter ${name ?? 'value'}`}\n        aria-label={\n          schemaPlaceholder ??\n          placeholder ??\n          locale['aria.enterValue'].replace('{name}', name ?? 'value')\n        }\n        type=\"text\"\n        value={unmodifiedValue ?? ''}\n        onChange={onChange}\n        spellCheck={false}\n      />\n    </div>\n  );\n};\n\ntype InputAttributes = {\n  prefix?: string;\n  placeholder?: string;\n};\n\nconst getInputAttributesForFormat = (format: string | undefined): InputAttributes => {\n  switch (format?.toLowerCase()) {\n    case 'bearer':\n      return {\n        prefix: 'Bearer ',\n        placeholder: 'enter bearer token',\n      };\n  }\n  return {};\n};\n"],"names":["StringInput","name","schema","inputKeyPrefix","arrayIndex","locale","useSelectedLocale","getInput","setInput","usePlaygroundInputsStore","schemaPlaceholder","getSchemaPlaceholder","prefix","placeholder","getInputAttributesForFormat","uniqueInputKey","getUniqueInputKey","value","safeValue","isString","unmodifiedValue","setModifiedValue","newValue","modifiedValue","onChange","event","jsxs","jsx","Ids","format"],"mappings":";;;;;;AAWO,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,gBAAAC,GAAgB,YAAAC,QAA8B;AACxF,QAAMC,IAASC,EAAA,GACT,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaC,EAAA,GACzBC,IAAoBC,EAAqBT,CAAM,GAC/C,EAAE,QAAAU,GAAQ,aAAAC,EAAA,IAAgBC,EAA4BZ,EAAO,MAAM,GACnEa,IAAiBC,EAAkBb,GAAgBD,GAAQE,CAAU,GACrEa,IAAQV,EAASQ,CAAc,GAE/BG,IAAYC,EAASF,CAAK,IAAIA,IAAQ,QAGtCG,IACJR,MAAUM,KAAA,QAAAA,EAAW,WAAWN,MAAUM,EAAU,UAAUN,EAAO,MAAM,IAAIM,GAE3EG,IAAmB,CAACC,MAAqB;AAE7C,UAAMC,IAAgB,GAAGX,KAAU,EAAE,GAAGU,CAAQ;AAEhD,IAAKC,IACAf,EAASO,GAAgBQ,CAAa,IADvBf,EAASO,GAAgB,MAAS;AAAA,EAExD,GAEMS,IAAW,CAACC,MAAyC;AACzD,IAAAJ,EAAiBI,EAAM,OAAO,KAAK;AAAA,EACrC;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,yDACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gKACZ,UAAAf,GACH;AAAA,IACA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIC,EAAI;AAAA,QACR,WAAU;AAAA,QACV,OAAO,EAAE,aAAahB,IAASA,EAAO,SAAS,OAAO,QAAQ,OAAA;AAAA,QAC9D,aAAaF,KAAqBG,KAAe,SAASZ,KAAQ,OAAO;AAAA,QACzE,cACES,KACAG,KACAR,EAAO,iBAAiB,EAAE,QAAQ,UAAUJ,KAAQ,OAAO;AAAA,QAE7D,MAAK;AAAA,QACL,OAAOmB,KAAmB;AAAA,QAC1B,UAAAI;AAAA,QACA,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ,GAOMV,IAA8B,CAACe,MAAgD;AACnF,UAAQA,KAAA,gBAAAA,EAAQ,eAAY;AAAA,IAC1B,KAAK;AACH,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,EACf;AAEJ,SAAO,CAAA;AACT;"}