@satoshibits/react-json-schema-builder 1.0.3 → 1.1.1

package/dist/index.es42.js

@@ -1,27 +1,63 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Root as n } from "./index.es55.js";
-import { cn as e } from "./index.es21.js";
-function d({
-  className: o,
-  orientation: t = "horizontal",
-  decorative: r = !0,
-  ...a
-}) {
-  return /* @__PURE__ */ i(
-    n,
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { Label as h } from "./index.es15.js";
+import { Input as x } from "./index.es28.js";
+import { InputErrorWrapper as y } from "./index.es29.js";
+import { useState as p } from "react";
+import E from "./index.es30.js";
+const w = ({
+  values: t,
+  onAddValue: s,
+  renderValues: o,
+  maxValues: n,
+  onRemoveValue: c,
+  ...u
+}) => {
+  const [i, d] = p(), [l, f] = p();
+  return /* @__PURE__ */ m(
+    y,
     {
-      "data-slot": "separator-root",
-      decorative: r,
-      orientation: t,
-      className: e(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        o
-      ),
-      ...a
+      errorCode: i,
+      errorDescription: l,
+      showError: !!i,
+      className: "space-y-2",
+      children: [
+        /* @__PURE__ */ e(h, { children: "Add Input" }),
+        /* @__PURE__ */ e(
+          x,
+          {
+            ...u,
+            onKeyDown: (r) => {
+              r.key === "Enter" && (r.preventDefault(), r.stopPropagation());
+            },
+            onKeyUp: (r) => {
+              if (r.key === "Enter") {
+                if (n && t.length >= n) {
+                  d("Maximum reached"), f(
+                    "You have reached the maximum number of values"
+                  );
+                  return;
+                }
+                s?.(r.currentTarget.value), r.currentTarget.value = "";
+              }
+            }
+          }
+        ),
+        o ? o() : /* @__PURE__ */ e("div", { className: "space-x-2 flex", children: t.map((r, a) => /* @__PURE__ */ m(
+          "div",
+          {
+            className: "flex items-center text-xs border rounded p-1 w-max mt-2",
+            children: [
+              /* @__PURE__ */ e("span", { children: r }),
+              /* @__PURE__ */ e("button", { onClick: () => c(a), children: /* @__PURE__ */ e(E, { size: 16 }) })
+            ]
+          },
+          `${a}-${r}`
+        )) })
+      ]
     }
   );
-}
+};
 export {
-  d as Separator
+  w as default
 };
 //# sourceMappingURL=index.es42.js.map

package/dist/index.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/components/ui/separator.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator-root\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive.Root","cn"],"mappings":";;;AAOA,SAASA,EAAU;AAAA,EACjB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,GAAyD;AAErD,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAN;AAAA,MACF;AAAA,MACC,GAAGG;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"index.es42.js","sources":["../src/components/multi-input.tsx"],"sourcesContent":["import { Label } from \"@/components/ui/label\";\nimport { Input } from \"@/components/ui/input\";\nimport { X } from \"lucide-react\";\nimport { InputErrorWrapper } from \"@/components/input-error\";\nimport { useState } from \"react\";\n\ninterface MultiInputProps {\n  renderValues?: () => React.ReactNode;\n  values: string[];\n  onAddValue: (newVal: string) => void;\n  onRemoveValue: (index: number) => void;\n  maxValues?: number;\n}\n\nconst MultiInput = ({\n  values,\n  onAddValue,\n  renderValues,\n  maxValues,\n  onRemoveValue,\n  ...props\n}: MultiInputProps &\n  Omit<React.ComponentProps<\"input\">, \"value\" | \"onChange\">) => {\n  const [primaryError, setPrimaryError] = useState<string>();\n  const [errorDescription, setErrorDescription] = useState<string>();\n\n  return (\n    <InputErrorWrapper\n      errorCode={primaryError}\n      errorDescription={errorDescription}\n      showError={!!primaryError}\n      className=\"space-y-2\"\n    >\n      <Label>Add Input</Label>\n      <Input\n        {...props}\n        onKeyDown={(e) => {\n          // Prevent form submission on Enter key press\n          if (e.key === \"Enter\") {\n            e.preventDefault();\n            //prevent bubbling up\n            e.stopPropagation();\n          }\n        }}\n        onKeyUp={(e) => {\n          // Add value on Enter key press\n          if (e.key === \"Enter\") {\n            if (maxValues && values.length >= maxValues) {\n              setPrimaryError(\"Maximum reached\");\n              setErrorDescription(\n                \"You have reached the maximum number of values\",\n              );\n              return;\n            }\n            onAddValue?.(e.currentTarget.value);\n            e.currentTarget.value = \"\";\n          }\n        }}\n      />\n      {renderValues ? (\n        renderValues()\n      ) : (\n        <div className=\"space-x-2 flex\">\n          {values.map((value, i) => (\n            <div\n              key={`${i}-${value}`}\n              className=\"flex items-center text-xs border rounded p-1 w-max mt-2\"\n            >\n              <span>{value}</span>\n              <button onClick={() => onRemoveValue(i)}>\n                <X size={16} />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </InputErrorWrapper>\n  );\n};\n\nexport default MultiInput;\n"],"names":["MultiInput","values","onAddValue","renderValues","maxValues","onRemoveValue","props","primaryError","setPrimaryError","useState","errorDescription","setErrorDescription","jsxs","InputErrorWrapper","jsx","Label","Input","e","value","i","X"],"mappings":";;;;;;AAcA,MAAMA,IAAa,CAAC;AAAA,EAClB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MACgE;AAC9D,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiB,GACnD,CAACC,GAAkBC,CAAmB,IAAIF,EAAiB;AAG/D,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,MACX,kBAAAG;AAAA,MACA,WAAW,CAAC,CAACH;AAAA,MACb,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAO,EAACC,KAAM,UAAS,YAAA,CAAA;AAAA,QAChB,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAGV;AAAA,YACJ,WAAW,CAACW,MAAM;AAEZ,cAAAA,EAAE,QAAQ,YACZA,EAAE,eAAe,GAEjBA,EAAE,gBAAgB;AAAA,YAEtB;AAAA,YACA,SAAS,CAACA,MAAM;AAEV,kBAAAA,EAAE,QAAQ,SAAS;AACjB,oBAAAb,KAAaH,EAAO,UAAUG,GAAW;AAC3C,kBAAAI,EAAgB,iBAAiB,GACjCG;AAAA,oBACE;AAAA,kBACF;AACA;AAAA,gBAAA;AAEW,gBAAAT,IAAAe,EAAE,cAAc,KAAK,GAClCA,EAAE,cAAc,QAAQ;AAAA,cAAA;AAAA,YAC1B;AAAA,UACF;AAAA,QACF;AAAA,QACCd,IACCA,EAAa,IAEZ,gBAAAW,EAAA,OAAA,EAAI,WAAU,kBACZ,UAAOb,EAAA,IAAI,CAACiB,GAAOC,MAClB,gBAAAP;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAE,EAAC,UAAM,UAAMI,EAAA,CAAA;AAAA,cACb,gBAAAJ,EAAC,UAAO,EAAA,SAAS,MAAMT,EAAcc,CAAC,GACpC,UAAC,gBAAAL,EAAAM,GAAA,EAAE,MAAM,GAAI,CAAA,EACf,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UANK,GAAGD,CAAC,IAAID,CAAK;AAAA,QAAA,CAQrB,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}