@ayasofyazilim/ui 0.0.0 → 0.0.2

package/dist/custom/schema-form/widgets/date.js

@@ -0,0 +1,56 @@
+import { jsx } from "react/jsx-runtime";
+import { DatePicker } from "@repo/ayasofyazilim-ui/custom/date-picker";
+const DateWidget = (props) => {
+  const { value, onChange, disabled, uiSchema } = props;
+  const initialDate = value && !Number.isNaN(new Date(value).getTime()) ? new Date(new Date(value).toJSON()) : void 0;
+  return /* @__PURE__ */ jsx(
+    DatePicker,
+    {
+      id: props.id,
+      defaultValue: initialDate,
+      disabled,
+      classNames: {
+        dateInput: " shadow-xs date-input"
+      },
+      onChange: (selectedDate) => {
+        if (selectedDate) {
+          if (props.schema.format === "date") {
+            onChange(selectedDate.toISOString().split("T").at(0));
+          } else {
+            onChange(selectedDate.toISOString());
+          }
+        }
+      }
+    }
+  );
+};
+const DateTimeWidget = (props) => {
+  const { value, onChange, disabled, uiSchema } = props;
+  const initialDate = value && !Number.isNaN(new Date(value).getTime()) ? new Date(new Date(value).toJSON()) : void 0;
+  return /* @__PURE__ */ jsx(
+    DatePicker,
+    {
+      id: props.id,
+      defaultValue: initialDate,
+      useTime: true,
+      disabled,
+      classNames: {
+        dateInput: "shadow-xs date-input"
+      },
+      onChange: (selectedDate) => {
+        if (selectedDate) {
+          if (props.schema.format === "date") {
+            onChange(selectedDate.toISOString().split("T").at(0));
+          } else {
+            onChange(selectedDate.toISOString());
+          }
+        }
+      }
+    }
+  );
+};
+export {
+  DateTimeWidget,
+  DateWidget
+};
+//# sourceMappingURL=date.js.map

package/dist/custom/schema-form/widgets/date.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/widgets/date.tsx"],"sourcesContent":["import { DatePicker } from \"@repo/ayasofyazilim-ui/custom/date-picker\";\r\nimport { WidgetProps } from \"@rjsf/utils\";\r\n\r\nexport const DateWidget = (props: WidgetProps) => {\r\n  const { value, onChange, disabled, uiSchema } = props;\r\n\r\n  const initialDate =\r\n    value && !Number.isNaN(new Date(value).getTime())\r\n      ? new Date(new Date(value).toJSON())\r\n      : undefined;\r\n  return (\r\n    <DatePicker\r\n      id={props.id}\r\n      defaultValue={initialDate}\r\n      disabled={disabled}\r\n      classNames={{\r\n        dateInput: \" shadow-xs date-input\",\r\n      }}\r\n      onChange={(selectedDate) => {\r\n        if (selectedDate) {\r\n          if (props.schema.format === \"date\") {\r\n            onChange(selectedDate.toISOString().split(\"T\").at(0));\r\n          } else {\r\n            onChange(selectedDate.toISOString());\r\n          }\r\n        }\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport const DateTimeWidget = (props: WidgetProps) => {\r\n  const { value, onChange, disabled, uiSchema } = props;\r\n\r\n  const initialDate =\r\n    value && !Number.isNaN(new Date(value).getTime())\r\n      ? new Date(new Date(value).toJSON())\r\n      : undefined;\r\n  return (\r\n    <DatePicker\r\n      id={props.id}\r\n      defaultValue={initialDate}\r\n      useTime\r\n      disabled={disabled}\r\n      classNames={{\r\n        dateInput: \"shadow-xs date-input\",\r\n      }}\r\n      onChange={(selectedDate) => {\r\n        if (selectedDate) {\r\n          if (props.schema.format === \"date\") {\r\n            onChange(selectedDate.toISOString().split(\"T\").at(0));\r\n          } else {\r\n            onChange(selectedDate.toISOString());\r\n          }\r\n        }\r\n      }}\r\n    />\r\n  );\r\n};\r\n"],"mappings":"AAWI;AAXJ,SAAS,kBAAkB;AAGpB,MAAM,aAAa,CAAC,UAAuB;AAChD,QAAM,EAAE,OAAO,UAAU,UAAU,SAAS,IAAI;AAEhD,QAAM,cACJ,SAAS,CAAC,OAAO,MAAM,IAAI,KAAK,KAAK,EAAE,QAAQ,CAAC,IAC5C,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,OAAO,CAAC,IACjC;AACN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV,cAAc;AAAA,MACd;AAAA,MACA,YAAY;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA,UAAU,CAAC,iBAAiB;AAC1B,YAAI,cAAc;AAChB,cAAI,MAAM,OAAO,WAAW,QAAQ;AAClC,qBAAS,aAAa,YAAY,EAAE,MAAM,GAAG,EAAE,GAAG,CAAC,CAAC;AAAA,UACtD,OAAO;AACL,qBAAS,aAAa,YAAY,CAAC;AAAA,UACrC;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,iBAAiB,CAAC,UAAuB;AACpD,QAAM,EAAE,OAAO,UAAU,UAAU,SAAS,IAAI;AAEhD,QAAM,cACJ,SAAS,CAAC,OAAO,MAAM,IAAI,KAAK,KAAK,EAAE,QAAQ,CAAC,IAC5C,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,OAAO,CAAC,IACjC;AACN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV,cAAc;AAAA,MACd,SAAO;AAAA,MACP;AAAA,MACA,YAAY;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA,UAAU,CAAC,iBAAiB;AAC1B,YAAI,cAAc;AAChB,cAAI,MAAM,OAAO,WAAW,QAAQ;AAClC,qBAAS,aAAa,YAAY,EAAE,MAAM,GAAG,EAAE,GAAG,CAAC,CAAC;AAAA,UACtD,OAAO;AACL,qBAAS,aAAa,YAAY,CAAC;AAAA,UACrC;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/custom/schema-form/widgets/email.js

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { EmailInput } from "@repo/ayasofyazilim-ui/custom/email-input";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { useState } from "react";
+const EmailInputWidget = (props) => {
+  const {
+    uiSchema,
+    className,
+    onChange,
+    value,
+    defaultValue,
+    disabled,
+    readOnly
+  } = props;
+  const [email, setEmail] = useState(value || "");
+  return /* @__PURE__ */ jsx(
+    EmailInput,
+    {
+      disabled,
+      id: props.id,
+      value: email,
+      onValueChange: (val) => {
+        setEmail(val);
+        onChange(val);
+      },
+      defaultValue,
+      readOnly,
+      placeholder: props.placeholder || "Try typing 'john@gmail.com'",
+      className: cn("w-full", className),
+      suggestions: uiSchema?.["ui:baseList"] ?? []
+    }
+  );
+};
+export {
+  EmailInputWidget
+};
+//# sourceMappingURL=email.js.map

package/dist/custom/schema-form/widgets/email.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/widgets/email.tsx"],"sourcesContent":["import { EmailInput } from \"@repo/ayasofyazilim-ui/custom/email-input\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { WidgetProps } from \"@rjsf/utils\";\r\nimport { useState } from \"react\";\r\n\r\nexport const EmailInputWidget = (props: WidgetProps) => {\r\n  const {\r\n    uiSchema,\r\n    className,\r\n    onChange,\r\n    value,\r\n    defaultValue,\r\n    disabled,\r\n    readOnly,\r\n  } = props;\r\n\r\n  const [email, setEmail] = useState(value || \"\");\r\n  return (\r\n    <EmailInput\r\n      disabled={disabled}\r\n      id={props.id}\r\n      value={email}\r\n      onValueChange={(val) => {\r\n        setEmail(val);\r\n        onChange(val);\r\n      }}\r\n      defaultValue={defaultValue}\r\n      readOnly={readOnly}\r\n      placeholder={props.placeholder || \"Try typing 'john@gmail.com'\"}\r\n      className={cn(\"w-full\", className)}\r\n      suggestions={uiSchema?.[\"ui:baseList\"] ?? []}\r\n    />\r\n  );\r\n};\r\n"],"mappings":"AAkBI;AAlBJ,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAEnB,SAAS,gBAAgB;AAElB,MAAM,mBAAmB,CAAC,UAAuB;AACtD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,SAAS,EAAE;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI,MAAM;AAAA,MACV,OAAO;AAAA,MACP,eAAe,CAAC,QAAQ;AACtB,iBAAS,GAAG;AACZ,iBAAS,GAAG;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,MAAM,eAAe;AAAA,MAClC,WAAW,GAAG,UAAU,SAAS;AAAA,MACjC,aAAa,WAAW,aAAa,KAAK,CAAC;AAAA;AAAA,EAC7C;AAEJ;","names":[]}

package/dist/custom/schema-form/widgets/index.js

@@ -0,0 +1,11 @@
+export * from "./boolean";
+export * from "./combobox";
+export * from "./date";
+export * from "./email";
+export * from "./password";
+export * from "./url";
+export * from "./phone";
+export * from "./selectable";
+export * from "./select";
+export * from "./string-array";
+//# sourceMappingURL=index.js.map

package/dist/custom/schema-form/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/widgets/index.tsx"],"sourcesContent":["export * from \"./boolean\";\r\nexport * from \"./combobox\";\r\nexport * from \"./date\";\r\nexport * from \"./email\";\r\nexport * from \"./password\";\r\nexport * from \"./url\";\r\nexport * from \"./phone\";\r\nexport * from \"./selectable\";\r\nexport * from \"./select\";\r\nexport * from \"./string-array\";\r\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/custom/schema-form/widgets/password.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { PasswordInput } from "@repo/ayasofyazilim-ui/custom/password-input";
+const PasswordInputWidget = (props) => {
+  const {
+    uiSchema,
+    id,
+    className,
+    onChange,
+    value,
+    defaultValue,
+    disabled,
+    readOnly
+  } = props;
+  const required = uiSchema?.["ui:required"] || props.required;
+  return /* @__PURE__ */ jsx(
+    PasswordInput,
+    {
+      id,
+      "data-testid": id,
+      onBlur: props.onBlur && ((event) => props.onBlur(id, event.target.value)),
+      className,
+      required,
+      onChange: (event) => {
+        if (event.target.value === "") {
+          onChange(void 0);
+        } else {
+          onChange(event.target.value);
+        }
+      },
+      defaultValue: value || defaultValue,
+      readOnly,
+      disabled,
+      autoComplete: uiSchema?.["ui:autocomplete"],
+      showGenerator: uiSchema?.["ui:showGenerator"],
+      passwordLength: uiSchema?.["ui:passwordLength"] || 10
+    }
+  );
+};
+export {
+  PasswordInputWidget
+};
+//# sourceMappingURL=password.js.map

package/dist/custom/schema-form/widgets/password.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/widgets/password.tsx"],"sourcesContent":["import { WidgetProps } from \"@rjsf/utils\";\r\nimport { PasswordInput } from \"@repo/ayasofyazilim-ui/custom/password-input\";\r\n\r\nexport const PasswordInputWidget = (props: WidgetProps) => {\r\n  const {\r\n    uiSchema,\r\n    id,\r\n    className,\r\n    onChange,\r\n    value,\r\n    defaultValue,\r\n    disabled,\r\n    readOnly,\r\n  } = props;\r\n\r\n  const required = uiSchema?.[\"ui:required\"] || props.required;\r\n\r\n  return (\r\n    <PasswordInput\r\n      id={id}\r\n      data-testid={id}\r\n      onBlur={props.onBlur && ((event) => props.onBlur(id, event.target.value))}\r\n      className={className}\r\n      required={required}\r\n      onChange={(event) => {\r\n        if (event.target.value === \"\") {\r\n          onChange(undefined);\r\n        } else {\r\n          onChange(event.target.value);\r\n        }\r\n      }}\r\n      defaultValue={value || defaultValue}\r\n      readOnly={readOnly}\r\n      disabled={disabled}\r\n      autoComplete={uiSchema?.[\"ui:autocomplete\"]}\r\n      showGenerator={uiSchema?.[\"ui:showGenerator\"]}\r\n      passwordLength={uiSchema?.[\"ui:passwordLength\"] || 10}\r\n    />\r\n  );\r\n};\r\n"],"mappings":"AAkBI;AAjBJ,SAAS,qBAAqB;AAEvB,MAAM,sBAAsB,CAAC,UAAuB;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,WAAW,WAAW,aAAa,KAAK,MAAM;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,QAAQ,MAAM,WAAW,CAAC,UAAU,MAAM,OAAO,IAAI,MAAM,OAAO,KAAK;AAAA,MACvE;AAAA,MACA;AAAA,MACA,UAAU,CAAC,UAAU;AACnB,YAAI,MAAM,OAAO,UAAU,IAAI;AAC7B,mBAAS,MAAS;AAAA,QACpB,OAAO;AACL,mBAAS,MAAM,OAAO,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,MACA,cAAc,SAAS;AAAA,MACvB;AAAA,MACA;AAAA,MACA,cAAc,WAAW,iBAAiB;AAAA,MAC1C,eAAe,WAAW,kBAAkB;AAAA,MAC5C,gBAAgB,WAAW,mBAAmB,KAAK;AAAA;AAAA,EACrD;AAEJ;","names":[]}

package/dist/custom/schema-form/widgets/phone.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  PhoneInput
+} from "@repo/ayasofyazilim-ui/custom/phone-input";
+function CustomPhoneFieldWithParse(props) {
+  const required = props.required || props.uiSchema?.["ui:required"];
+  return /* @__PURE__ */ jsx(
+    PhoneInput,
+    {
+      ...props,
+      id: props.id || "",
+      required,
+      defaultValue: void 0
+    }
+  );
+}
+const PhoneWithParseWidget = CustomPhoneFieldWithParse;
+const PhoneWithValueWidget = function CustomPhoneFieldWithValue(props) {
+  const { onChange, uiSchema } = props;
+  const required = uiSchema?.["ui:required"] || props.required;
+  return /* @__PURE__ */ jsx(
+    PhoneInput,
+    {
+      ...props,
+      required,
+      defaultValue: void 0,
+      onChange: (values) => {
+        onChange(values.value);
+      }
+    }
+  );
+};
+export {
+  CustomPhoneFieldWithParse,
+  PhoneWithParseWidget,
+  PhoneWithValueWidget
+};
+//# sourceMappingURL=phone.js.map

package/dist/custom/schema-form/widgets/phone.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/widgets/phone.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  PhoneInput,\r\n  PhoneInputProps,\r\n} from \"@repo/ayasofyazilim-ui/custom/phone-input\";\r\nimport { WidgetProps } from \"@rjsf/utils\";\r\n\r\nexport function CustomPhoneFieldWithParse<T>(\r\n  props: Partial<Omit<WidgetProps<T>, \"onChange\" | \"id\">> &\r\n    Omit<PhoneInputProps, \"required\" | \"defaultValue\" | \"id\">\r\n) {\r\n  const required = props.required || props.uiSchema?.[\"ui:required\"];\r\n  return (\r\n    <PhoneInput\r\n      {...props}\r\n      id={props.id || \"\"}\r\n      required={required}\r\n      defaultValue={undefined}\r\n    />\r\n  );\r\n}\r\nexport const PhoneWithParseWidget = CustomPhoneFieldWithParse;\r\n\r\nexport const PhoneWithValueWidget = function CustomPhoneFieldWithValue(\r\n  props: WidgetProps & { defaultCountry?: string }\r\n) {\r\n  const { onChange, uiSchema } = props;\r\n  const required = uiSchema?.[\"ui:required\"] || props.required;\r\n  return (\r\n    <PhoneInput\r\n      {...props}\r\n      required={required}\r\n      defaultValue={undefined}\r\n      onChange={(values) => {\r\n        onChange(values.value);\r\n      }}\r\n    />\r\n  );\r\n};\r\n"],"mappings":";AAcI;AAZJ;AAAA,EACE;AAAA,OAEK;AAGA,SAAS,0BACd,OAEA;AACA,QAAM,WAAW,MAAM,YAAY,MAAM,WAAW,aAAa;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,IAAI,MAAM,MAAM;AAAA,MAChB;AAAA,MACA,cAAc;AAAA;AAAA,EAChB;AAEJ;AACO,MAAM,uBAAuB;AAE7B,MAAM,uBAAuB,SAAS,0BAC3C,OACA;AACA,QAAM,EAAE,UAAU,SAAS,IAAI;AAC/B,QAAM,WAAW,WAAW,aAAa,KAAK,MAAM;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,cAAc;AAAA,MACd,UAAU,CAAC,WAAW;AACpB,iBAAS,OAAO,KAAK;AAAA,MACvB;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/custom/schema-form/widgets/select.js

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@repo/ayasofyazilim-ui/components/select";
+import { Selectable } from "@repo/ayasofyazilim-ui/custom/selectable";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+function SelectWidget({
+  id,
+  options,
+  required,
+  disabled,
+  value,
+  multiple,
+  onChange,
+  rawErrors = [],
+  className
+}) {
+  const { enumOptions, enumDisabled, emptyValue: optEmptyValue } = options;
+  const items = enumOptions?.map(
+    ({ value: value2, label }) => {
+      return {
+        value: value2,
+        label,
+        disabled: Array.isArray(enumDisabled) && enumDisabled.includes(value2)
+      };
+    }
+  );
+  const cnClassName = cn(
+    "w-full",
+    { "border-destructive": rawErrors.length > 0 },
+    className
+  );
+  return !multiple ? /* @__PURE__ */ jsxs(
+    Select,
+    {
+      required,
+      value,
+      onValueChange: (val) => {
+        onChange(val);
+      },
+      children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: cnClassName, id, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: optEmptyValue }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: items.map((item) => {
+          return /* @__PURE__ */ jsx(
+            SelectItem,
+            {
+              disabled: item.disabled,
+              value: item.value,
+              children: item.label
+            },
+            item.value
+          );
+        }) })
+      ]
+    }
+  ) : /* @__PURE__ */ jsx(
+    Selectable,
+    {
+      id,
+      getKey: (opt) => opt.value,
+      getLabel: (opt) => opt.label,
+      options: items,
+      onChange: (val) => {
+        onChange(val.map((item) => item.value));
+      },
+      disabled,
+      makeAChoiceText: optEmptyValue
+    }
+  );
+}
+export {
+  SelectWidget
+};
+//# sourceMappingURL=select.js.map

package/dist/custom/schema-form/widgets/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/widgets/select.tsx"],"sourcesContent":["import {\r\n  FormContextType,\r\n  RJSFSchema,\r\n  StrictRJSFSchema,\r\n  WidgetProps,\r\n} from \"@rjsf/utils\";\r\n\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from \"@repo/ayasofyazilim-ui/components/select\";\r\nimport { Selectable } from \"@repo/ayasofyazilim-ui/custom/selectable\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\n/** The `SelectWidget` is a widget for rendering dropdowns.\r\n *  It is typically used with string properties constrained with enum options.\r\n *\r\n * @param props - The `WidgetProps` for this component\r\n */\r\n\r\ninterface EnumOption {\r\n  value: string;\r\n  label: string;\r\n  // Add other properties if your options have them (e.g., key, rawData)\r\n}\r\n\r\n// 2. Define the shape of the transformed item (optional, but good for clarity)\r\ninterface MappedItem {\r\n  value: string;\r\n  label: string;\r\n  disabled: boolean;\r\n}\r\n\r\nexport function SelectWidget<\r\n  T = any,\r\n  S extends StrictRJSFSchema = RJSFSchema,\r\n  F extends FormContextType = any,\r\n>({\r\n  id,\r\n  options,\r\n  required,\r\n  disabled,\r\n  value,\r\n  multiple,\r\n  onChange,\r\n  rawErrors = [],\r\n  className,\r\n}: WidgetProps<T, S, F>) {\r\n  const { enumOptions, enumDisabled, emptyValue: optEmptyValue } = options;\r\n  const items: MappedItem[] = (enumOptions as EnumOption[])?.map(\r\n    ({ value, label }: EnumOption) => {\r\n      return {\r\n        value,\r\n        label,\r\n        disabled: Array.isArray(enumDisabled) && enumDisabled.includes(value),\r\n      };\r\n    }\r\n  );\r\n  const cnClassName = cn(\r\n    \"w-full\",\r\n    { \"border-destructive\": rawErrors.length > 0 },\r\n    className\r\n  );\r\n  return !multiple ? (\r\n    <Select\r\n      required={required}\r\n      value={value}\r\n      onValueChange={(val) => {\r\n        onChange(val);\r\n      }}\r\n    >\r\n      <SelectTrigger className={cnClassName} id={id}>\r\n        <SelectValue placeholder={optEmptyValue} />\r\n      </SelectTrigger>\r\n      <SelectContent>\r\n        {items.map((item) => {\r\n          return (\r\n            <SelectItem\r\n              disabled={item.disabled}\r\n              key={item.value}\r\n              value={item.value}\r\n            >\r\n              {item.label}\r\n            </SelectItem>\r\n          );\r\n        })}\r\n      </SelectContent>\r\n    </Select>\r\n  ) : (\r\n    <Selectable<MappedItem>\r\n      id={id}\r\n      getKey={(opt) => opt.value}\r\n      getLabel={(opt) => opt.label}\r\n      options={items}\r\n      onChange={(val) => {\r\n        onChange(val.map((item) => item.value));\r\n      }}\r\n      disabled={disabled}\r\n      makeAChoiceText={optEmptyValue}\r\n    />\r\n  );\r\n}\r\n"],"mappings":"AAmEI,SAQI,KARJ;AA5DJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAqBZ,SAAS,aAId;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb;AACF,GAAyB;AACvB,QAAM,EAAE,aAAa,cAAc,YAAY,cAAc,IAAI;AACjE,QAAM,QAAuB,aAA8B;AAAA,IACzD,CAAC,EAAE,OAAAA,QAAO,MAAM,MAAkB;AAChC,aAAO;AAAA,QACL,OAAAA;AAAA,QACA;AAAA,QACA,UAAU,MAAM,QAAQ,YAAY,KAAK,aAAa,SAASA,MAAK;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AACA,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,EAAE,sBAAsB,UAAU,SAAS,EAAE;AAAA,IAC7C;AAAA,EACF;AACA,SAAO,CAAC,WACN;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAe,CAAC,QAAQ;AACtB,iBAAS,GAAG;AAAA,MACd;AAAA,MAEA;AAAA,4BAAC,iBAAc,WAAW,aAAa,IACrC,8BAAC,eAAY,aAAa,eAAe,GAC3C;AAAA,QACA,oBAAC,iBACE,gBAAM,IAAI,CAAC,SAAS;AACnB,iBACE;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,KAAK;AAAA,cAEf,OAAO,KAAK;AAAA,cAEX,eAAK;AAAA;AAAA,YAHD,KAAK;AAAA,UAIZ;AAAA,QAEJ,CAAC,GACH;AAAA;AAAA;AAAA,EACF,IAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ,CAAC,QAAQ,IAAI;AAAA,MACrB,UAAU,CAAC,QAAQ,IAAI;AAAA,MACvB,SAAS;AAAA,MACT,UAAU,CAAC,QAAQ;AACjB,iBAAS,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;AAAA,MACxC;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA;AAAA,EACnB;AAEJ;","names":["value"]}

package/dist/custom/schema-form/widgets/selectable.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  Selectable
+} from "@repo/ayasofyazilim-ui/custom/selectable";
+function CustomSelectableWidget(selectableProps) {
+  const { getKey } = selectableProps;
+  function Widget(widgetProps) {
+    const handleChange = (values) => {
+      widgetProps.onChange(values.map((item) => getKey(item)));
+    };
+    return /* @__PURE__ */ jsx(
+      Selectable,
+      {
+        ...widgetProps,
+        ...selectableProps,
+        onChange: handleChange
+      }
+    );
+  }
+  return Widget;
+}
+export {
+  CustomSelectableWidget
+};
+//# sourceMappingURL=selectable.js.map

package/dist/custom/schema-form/widgets/selectable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/widgets/selectable.tsx"],"sourcesContent":["import {\r\n  Selectable,\r\n  SelectableProps,\r\n} from \"@repo/ayasofyazilim-ui/custom/selectable\";\r\nimport { WidgetProps } from \"@rjsf/utils\";\r\n\r\nexport function CustomSelectableWidget<T>(\r\n  selectableProps: Omit<SelectableProps<T>, \"onChange\">\r\n) {\r\n  const { getKey } = selectableProps;\r\n\r\n  function Widget(widgetProps: Omit<WidgetProps, \"options\">) {\r\n    const handleChange = (values: T[]) => {\r\n      widgetProps.onChange(values.map((item) => getKey(item)));\r\n    };\r\n    return (\r\n      <Selectable<T>\r\n        {...widgetProps}\r\n        {...selectableProps}\r\n        onChange={handleChange}\r\n      />\r\n    );\r\n  }\r\n  return Widget;\r\n}\r\n"],"mappings":"AAgBM;AAhBN;AAAA,EACE;AAAA,OAEK;AAGA,SAAS,uBACd,iBACA;AACA,QAAM,EAAE,OAAO,IAAI;AAEnB,WAAS,OAAO,aAA2C;AACzD,UAAM,eAAe,CAAC,WAAgB;AACpC,kBAAY,SAAS,OAAO,IAAI,CAAC,SAAS,OAAO,IAAI,CAAC,CAAC;AAAA,IACzD;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,UAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACA,SAAO;AACT;","names":[]}

package/dist/custom/schema-form/widgets/string-array.js

@@ -0,0 +1,237 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText
+} from "@repo/ayasofyazilim-ui/components/input-group";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "@repo/ayasofyazilim-ui/components/tooltip";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { PlusIcon, Trash2Icon } from "lucide-react";
+import { useCallback, useState } from "react";
+function CustomStringArrayWidget(config = {}) {
+  const {
+    classNames = {},
+    icons = {},
+    iconSizes = { add: "icon-xs", remove: "icon-xs" },
+    buttonVariants = { add: "default", remove: "secondary" },
+    buttonSizes = { add: "icon-xs", remove: void 0 },
+    maxItems,
+    maxHeight = "max-h-52",
+    allowDuplicates = false,
+    trimValues = true,
+    validateValue,
+    transformValue,
+    renderItem,
+    emptyState,
+    placeholder,
+    addButtonLabel,
+    removeButtonLabel,
+    errorMessages = {},
+    messages = {},
+    inputProps = {},
+    onAdd,
+    onRemove,
+    disabled = false
+  } = config;
+  const AddIcon = icons.add || PlusIcon;
+  const RemoveIcon = icons.remove || Trash2Icon;
+  const Widget = (props) => {
+    const [inputValue, setInputValue] = useState("");
+    const [error, setError] = useState("");
+    const currentValues = props.value || [];
+    const handleValue = useCallback(
+      (value) => {
+        const processedValue = trimValues ? value.trim() : value;
+        if (!processedValue) {
+          return;
+        }
+        const finalValue = transformValue ? transformValue(processedValue) : processedValue;
+        if (!allowDuplicates && currentValues.includes(finalValue)) {
+          if (errorMessages.duplicate) {
+            setError(errorMessages.duplicate);
+          }
+          return;
+        }
+        if (validateValue) {
+          const validationResult = validateValue(finalValue);
+          if (validationResult === false) {
+            if (errorMessages.invalid) {
+              setError(errorMessages.invalid);
+            }
+            return;
+          }
+          if (typeof validationResult === "string") {
+            setError(validationResult);
+            return;
+          }
+        }
+        if (maxItems && currentValues.length >= maxItems) {
+          if (errorMessages.maxItems) {
+            setError(errorMessages.maxItems(maxItems));
+          }
+          return;
+        }
+        setError("");
+        props.onChange([...currentValues, finalValue]);
+        setInputValue("");
+        if (onAdd) {
+          onAdd(finalValue);
+        }
+      },
+      [currentValues, props]
+    );
+    const handleRemove = useCallback(
+      (index) => {
+        const valueToRemove = currentValues[index];
+        const newValues = currentValues.filter(
+          (_, i) => i !== index
+        );
+        props.onChange(newValues);
+        if (onRemove) {
+          onRemove(valueToRemove, index);
+        }
+      },
+      [currentValues, props, onRemove]
+    );
+    const isDisabled = disabled || props.disabled;
+    const isMaxReached = !!(maxItems && currentValues.length >= maxItems);
+    return /* @__PURE__ */ jsxs(
+      InputGroup,
+      {
+        className: cn(
+          "p-1.5",
+          currentValues.length === 0 && "p-0",
+          classNames.container
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            InputGroupAddon,
+            {
+              align: "block-end",
+              className: cn(
+                "flex-col gap-1.5",
+                maxHeight,
+                "overflow-auto p-0",
+                classNames.listContainer || ""
+              ),
+              children: currentValues.length === 0 && emptyState ? emptyState : currentValues.map((value, index) => {
+                if (renderItem) {
+                  return renderItem(value, index, () => handleRemove(index));
+                }
+                return /* @__PURE__ */ jsxs(
+                  InputGroupText,
+                  {
+                    className: cn(
+                      "bg-accent relative w-full overflow-hidden pl-2 pr-1 min-h-8 h-8 rounded-md",
+                      classNames.listItem || ""
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "truncate text-ellipsis",
+                            classNames.listItemText || ""
+                          ),
+                          children: value
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        InputGroupButton,
+                        {
+                          className: cn(
+                            "rounded-md ml-auto",
+                            classNames.removeButton || ""
+                          ),
+                          variant: buttonVariants.remove,
+                          size: buttonSizes.remove,
+                          onClick: () => handleRemove(index),
+                          disabled: isDisabled,
+                          "aria-label": removeButtonLabel,
+                          children: /* @__PURE__ */ jsx(RemoveIcon, { className: iconSizes.remove })
+                        }
+                      )
+                    ]
+                  },
+                  `${value}-${index}`
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            InputGroupAddon,
+            {
+              align: "block-end",
+              className: cn(
+                "p-0 justify-between",
+                currentValues.length === 0 && "pr-1.5 ",
+                classNames.inputContainer || ""
+              ),
+              children: [
+                /* @__PURE__ */ jsxs(Tooltip, { open: !!error, children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                    InputGroupInput,
+                    {
+                      className: cn(
+                        "pl-2",
+                        error && "text-destructive",
+                        classNames.input || ""
+                      ),
+                      placeholder: placeholder || props.options.placeholder,
+                      value: inputValue,
+                      onChange: (e) => {
+                        setInputValue(e.target.value);
+                        setError("");
+                      },
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter") {
+                          e.preventDefault();
+                          handleValue(inputValue);
+                        }
+                      },
+                      ...inputProps
+                    }
+                  ) }) }),
+                  error && /* @__PURE__ */ jsx(TooltipContent, { children: error })
+                ] }),
+                /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                    InputGroupButton,
+                    {
+                      type: "button",
+                      variant: buttonVariants.add,
+                      className: cn(
+                        "rounded-md ml-auto",
+                        classNames.addButton || ""
+                      ),
+                      size: buttonSizes.add,
+                      onClick: () => handleValue(inputValue),
+                      disabled: isDisabled || isMaxReached || !inputValue,
+                      "aria-label": addButtonLabel,
+                      children: [
+                        /* @__PURE__ */ jsx(AddIcon, { className: iconSizes.add }),
+                        /* @__PURE__ */ jsx("span", { className: "sr-only", children: addButtonLabel })
+                      ]
+                    }
+                  ) }) }),
+                  isMaxReached && messages.maxReached && /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: messages.maxReached(maxItems) })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  };
+  return Widget;
+}
+export {
+  CustomStringArrayWidget
+};
+//# sourceMappingURL=string-array.js.map

package/dist/custom/schema-form/widgets/string-array.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/widgets/string-array.tsx"],"sourcesContent":["import { ButtonProps } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  InputGroup,\r\n  InputGroupAddon,\r\n  InputGroupButton,\r\n  InputGroupInput,\r\n  InputGroupText,\r\n} from \"@repo/ayasofyazilim-ui/components/input-group\";\r\nimport {\r\n  Tooltip,\r\n  TooltipContent,\r\n  TooltipTrigger,\r\n} from \"@repo/ayasofyazilim-ui/components/tooltip\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { WidgetProps } from \"@rjsf/utils\";\r\nimport { PlusIcon, Trash2Icon } from \"lucide-react\";\r\nimport { useCallback, useState } from \"react\";\r\n\r\ninterface StringArrayWidgetConfig {\r\n  classNames?: {\r\n    container?: string;\r\n    listContainer?: string;\r\n    listItem?: string;\r\n    listItemText?: string;\r\n    removeButton?: string;\r\n    inputContainer?: string;\r\n    input?: string;\r\n    addButton?: string;\r\n  };\r\n  icons?: {\r\n    add?: React.ComponentType<{ className?: string }>;\r\n    remove?: React.ComponentType<{ className?: string }>;\r\n  };\r\n  iconSizes?: {\r\n    add?: string;\r\n    remove?: string;\r\n  };\r\n  buttonVariants?: {\r\n    add?: ButtonProps[\"variant\"];\r\n    remove?: ButtonProps[\"variant\"];\r\n  };\r\n  buttonSizes?: {\r\n    add?: \"icon-xs\" | \"sm\" | \"icon-sm\" | \"xs\";\r\n    remove?: \"icon-xs\" | \"sm\" | \"icon-sm\" | \"xs\";\r\n  };\r\n  maxItems?: number;\r\n  maxHeight?: string;\r\n  allowDuplicates?: boolean;\r\n  trimValues?: boolean;\r\n  validateValue?: (value: string) => boolean | string;\r\n  transformValue?: (value: string) => string;\r\n  renderItem?: (\r\n    value: string,\r\n    index: number,\r\n    onRemove: () => void\r\n  ) => React.ReactNode;\r\n  emptyState?: React.ReactNode;\r\n  placeholder?: string;\r\n  addButtonLabel?: string;\r\n  removeButtonLabel?: string;\r\n  errorMessages?: {\r\n    duplicate?: string;\r\n    invalid?: string;\r\n    maxItems?: (max: number) => string;\r\n  };\r\n  messages?: {\r\n    maxReached?: (max: number) => string;\r\n  };\r\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\r\n  onAdd?: (value: string) => void;\r\n  onRemove?: (value: string, index: number) => void;\r\n  disabled?: boolean;\r\n}\r\n\r\nexport function CustomStringArrayWidget(config: StringArrayWidgetConfig = {}) {\r\n  const {\r\n    classNames = {},\r\n    icons = {},\r\n    iconSizes = { add: \"icon-xs\", remove: \"icon-xs\" },\r\n    buttonVariants = { add: \"default\", remove: \"secondary\" },\r\n    buttonSizes = { add: \"icon-xs\", remove: undefined },\r\n    maxItems,\r\n    maxHeight = \"max-h-52\",\r\n    allowDuplicates = false,\r\n    trimValues = true,\r\n    validateValue,\r\n    transformValue,\r\n    renderItem,\r\n    emptyState,\r\n    placeholder,\r\n    addButtonLabel,\r\n    removeButtonLabel,\r\n    errorMessages = {},\r\n    messages = {},\r\n    inputProps = {},\r\n    onAdd,\r\n    onRemove,\r\n    disabled = false,\r\n  } = config;\r\n\r\n  const AddIcon = icons.add || PlusIcon;\r\n  const RemoveIcon = icons.remove || Trash2Icon;\r\n\r\n  const Widget = (props: WidgetProps) => {\r\n    const [inputValue, setInputValue] = useState(\"\");\r\n    const [error, setError] = useState<string>(\"\");\r\n\r\n    const currentValues = props.value || [];\r\n\r\n    const handleValue = useCallback(\r\n      (value: string) => {\r\n        const processedValue = trimValues ? value.trim() : value;\r\n\r\n        if (!processedValue) {\r\n          return;\r\n        }\r\n        const finalValue = transformValue\r\n          ? transformValue(processedValue)\r\n          : processedValue;\r\n        if (!allowDuplicates && currentValues.includes(finalValue)) {\r\n          if (errorMessages.duplicate) {\r\n            setError(errorMessages.duplicate);\r\n          }\r\n          return;\r\n        }\r\n        if (validateValue) {\r\n          const validationResult = validateValue(finalValue);\r\n          if (validationResult === false) {\r\n            if (errorMessages.invalid) {\r\n              setError(errorMessages.invalid);\r\n            }\r\n            return;\r\n          }\r\n          if (typeof validationResult === \"string\") {\r\n            setError(validationResult);\r\n            return;\r\n          }\r\n        }\r\n        if (maxItems && currentValues.length >= maxItems) {\r\n          if (errorMessages.maxItems) {\r\n            setError(errorMessages.maxItems(maxItems));\r\n          }\r\n          return;\r\n        }\r\n        setError(\"\");\r\n        props.onChange([...currentValues, finalValue]);\r\n        setInputValue(\"\");\r\n        if (onAdd) {\r\n          onAdd(finalValue);\r\n        }\r\n      },\r\n      [currentValues, props]\r\n    );\r\n\r\n    const handleRemove = useCallback(\r\n      (index: number) => {\r\n        const valueToRemove = currentValues[index];\r\n        const newValues = currentValues.filter(\r\n          (_: string, i: number) => i !== index\r\n        );\r\n        props.onChange(newValues);\r\n        if (onRemove) {\r\n          onRemove(valueToRemove, index);\r\n        }\r\n      },\r\n      [currentValues, props, onRemove]\r\n    );\r\n\r\n    const isDisabled = disabled || props.disabled;\r\n    const isMaxReached = !!(maxItems && currentValues.length >= maxItems);\r\n\r\n    return (\r\n      <InputGroup\r\n        className={cn(\r\n          \"p-1.5\",\r\n          currentValues.length === 0 && \"p-0\",\r\n          classNames.container\r\n        )}\r\n      >\r\n        <InputGroupAddon\r\n          align=\"block-end\"\r\n          className={cn(\r\n            \"flex-col gap-1.5\",\r\n            maxHeight,\r\n            \"overflow-auto p-0\",\r\n            classNames.listContainer || \"\"\r\n          )}\r\n        >\r\n          {currentValues.length === 0 && emptyState\r\n            ? emptyState\r\n            : currentValues.map((value: string, index: number) => {\r\n                if (renderItem) {\r\n                  return renderItem(value, index, () => handleRemove(index));\r\n                }\r\n\r\n                return (\r\n                  <InputGroupText\r\n                    className={cn(\r\n                      \"bg-accent relative w-full overflow-hidden pl-2 pr-1 min-h-8 h-8 rounded-md\",\r\n                      classNames.listItem || \"\"\r\n                    )}\r\n                    key={`${value}-${index}`}\r\n                  >\r\n                    <span\r\n                      className={cn(\r\n                        \"truncate text-ellipsis\",\r\n                        classNames.listItemText || \"\"\r\n                      )}\r\n                    >\r\n                      {value}\r\n                    </span>\r\n                    <InputGroupButton\r\n                      className={cn(\r\n                        \"rounded-md ml-auto\",\r\n                        classNames.removeButton || \"\"\r\n                      )}\r\n                      variant={buttonVariants.remove}\r\n                      size={buttonSizes.remove}\r\n                      onClick={() => handleRemove(index)}\r\n                      disabled={isDisabled}\r\n                      aria-label={removeButtonLabel}\r\n                    >\r\n                      <RemoveIcon className={iconSizes.remove} />\r\n                    </InputGroupButton>\r\n                  </InputGroupText>\r\n                );\r\n              })}\r\n        </InputGroupAddon>\r\n        <InputGroupAddon\r\n          align=\"block-end\"\r\n          className={cn(\r\n            \"p-0 justify-between\",\r\n            currentValues.length === 0 && \"pr-1.5 \",\r\n            classNames.inputContainer || \"\"\r\n          )}\r\n        >\r\n          <Tooltip open={!!error}>\r\n            <TooltipTrigger asChild>\r\n              <div>\r\n                <InputGroupInput\r\n                  className={cn(\r\n                    \"pl-2\",\r\n                    error && \"text-destructive\",\r\n                    classNames.input || \"\"\r\n                  )}\r\n                  placeholder={placeholder || props.options.placeholder}\r\n                  value={inputValue}\r\n                  onChange={(e) => {\r\n                    setInputValue(e.target.value);\r\n                    setError(\"\");\r\n                  }}\r\n                  onKeyDown={(e) => {\r\n                    if (e.key === \"Enter\") {\r\n                      e.preventDefault();\r\n                      handleValue(inputValue);\r\n                    }\r\n                  }}\r\n                  {...inputProps}\r\n                />\r\n              </div>\r\n            </TooltipTrigger>\r\n            {error && <TooltipContent>{error}</TooltipContent>}\r\n          </Tooltip>\r\n          <Tooltip>\r\n            <TooltipTrigger asChild>\r\n              <div>\r\n                <InputGroupButton\r\n                  type=\"button\"\r\n                  variant={buttonVariants.add}\r\n                  className={cn(\r\n                    \"rounded-md ml-auto\",\r\n                    classNames.addButton || \"\"\r\n                  )}\r\n                  size={buttonSizes.add}\r\n                  onClick={() => handleValue(inputValue)}\r\n                  disabled={isDisabled || isMaxReached || !inputValue}\r\n                  aria-label={addButtonLabel}\r\n                >\r\n                  <AddIcon className={iconSizes.add} />\r\n                  <span className=\"sr-only\">{addButtonLabel}</span>\r\n                </InputGroupButton>\r\n              </div>\r\n            </TooltipTrigger>\r\n            {isMaxReached && messages.maxReached && (\r\n              <TooltipContent side=\"bottom\">\r\n                {messages.maxReached(maxItems!)}\r\n              </TooltipContent>\r\n            )}\r\n          </Tooltip>\r\n        </InputGroupAddon>\r\n      </InputGroup>\r\n    );\r\n  };\r\n\r\n  return Widget;\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/custom/schema-form/widgets/url.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  InputGroupText
+} from "@repo/ayasofyazilim-ui/components/input-group";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+const URLInputWidget = (props) => {
+  const {
+    uiSchema,
+    id,
+    className,
+    onChange,
+    value,
+    defaultValue,
+    disabled,
+    readOnly
+  } = props;
+  const required = uiSchema?.["ui:required"] || props.required;
+  return /* @__PURE__ */ jsxs(InputGroup, { children: [
+    /* @__PURE__ */ jsx(
+      InputGroupInput,
+      {
+        placeholder: "example.com",
+        id,
+        "data-testid": id,
+        onBlur: props.onBlur && ((event) => props.onBlur(id, event.target.value)),
+        className: cn("pl-1!", className),
+        required,
+        onChange: (event) => {
+          if (event.target.value === "") {
+            onChange(void 0);
+          } else {
+            onChange(event.target.value);
+          }
+        },
+        defaultValue: value || defaultValue,
+        readOnly,
+        disabled,
+        autoComplete: uiSchema?.["ui:autocomplete"],
+        onKeyDown: (e) => {
+          e.key === "Enter" && e.preventDefault();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(InputGroupText, { children: props.placeholder }) })
+  ] });
+};
+export {
+  URLInputWidget
+};
+//# sourceMappingURL=url.js.map