@ayasofyazilim/ui 0.0.0 → 0.0.1

package/dist/custom/phone-input.js

@@ -0,0 +1,127 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, PhoneIcon } from "lucide-react";
+import React, { useState } from "react";
+import PhoneInputWithCountrySelect, {
+  getCountryCallingCode,
+  parsePhoneNumber
+} from "react-phone-number-input";
+import flags from "react-phone-number-input/flags";
+import { Input } from "@repo/ayasofyazilim-ui/components/input";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../components/select";
+function PhoneInput({
+  id,
+  name,
+  placeholder,
+  defaultValue,
+  value: initialValue,
+  onChange,
+  disabled,
+  required,
+  className,
+  defaultCountry = "US"
+}) {
+  const [value, setValue] = useState(initialValue || defaultValue || "");
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    PhoneInputWithCountrySelect,
+    {
+      className: cn("flex rounded-r-md shadow-xs", className),
+      international: true,
+      flagComponent: FlagComponent,
+      defaultCountry,
+      countrySelectComponent: (props) => CountrySelect({ ...props, id }),
+      inputComponent: _PhoneInput,
+      id,
+      required,
+      "data-testid": id,
+      disabled,
+      name,
+      placeholder,
+      value,
+      onChange: (newValue) => {
+        setValue(newValue ?? "");
+        if (onChange) {
+          onChange({
+            value: newValue ?? void 0,
+            parsed: parsePhoneNumber(newValue || "")
+          });
+        }
+      }
+    }
+  ) });
+}
+const _PhoneInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Input,
+  {
+    "data-testid": `${props.id}_input`,
+    "data-slot": "phone-input",
+    className: cn(
+      "-ms-px rounded-s-none rounded-l-none! shadow-none focus-visible:z-10",
+      className
+    ),
+    ref,
+    ...props
+  }
+));
+_PhoneInput.displayName = "_PhoneInput";
+const CountrySelect = ({
+  id,
+  disabled,
+  value,
+  onChange,
+  options
+}) => {
+  const handleSelect = (value2) => {
+    if (!onChange) return;
+    onChange(value2);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "border-input bg-background text-muted-foreground focus-within:border-ring focus-within:ring-ring/50 hover:bg-accent hover:text-foreground has-aria-invalid:border-destructive/60 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 relative inline-flex items-center self-stretch rounded-s-md border py-2 ps-3 pe-2 transition-[color,box-shadow] outline-none focus-within:z-10 focus-within:ring-[3px] has-disabled:pointer-events-none has-disabled:opacity-50", children: [
+    /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/80", children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16, "aria-hidden": "true" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        disabled,
+        value,
+        "data-testid": `${id}_select`,
+        onValueChange: handleSelect,
+        "aria-label": "Select country",
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "absolute inset-0 text-sm opacity-0", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a country" }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: options.filter((x) => x.value).map((option, i) => {
+            if (!option.value) return null;
+            return /* @__PURE__ */ jsxs(
+              SelectItem,
+              {
+                value: option.value,
+                "data-testid": `${id}_${option.value}`,
+                children: [
+                  option.label,
+                  option.value && `+${getCountryCallingCode(option.value)}`
+                ]
+              },
+              option.value
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+};
+const FlagComponent = ({ country, countryName }) => {
+  const Flag = flags[country];
+  return /* @__PURE__ */ jsx("span", { className: "w-5 overflow-hidden rounded-sm", children: Flag ? /* @__PURE__ */ jsx(Flag, { title: countryName }) : /* @__PURE__ */ jsx(PhoneIcon, { size: 16, "aria-hidden": "true" }) });
+};
+export {
+  PhoneInput
+};
+//# sourceMappingURL=phone-input.js.map

package/dist/custom/phone-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/custom/phone-input.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ChevronDownIcon, PhoneIcon } from \"lucide-react\";\r\nimport React, { useState } from \"react\";\r\nimport PhoneInputWithCountrySelect, {\r\n  Country,\r\n  FlagProps,\r\n  getCountryCallingCode,\r\n  parsePhoneNumber,\r\n} from \"react-phone-number-input\";\r\nimport flags from \"react-phone-number-input/flags\";\r\n\r\nimport { Input } from \"@repo/ayasofyazilim-ui/components/input\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from \"../components/select\";\r\n// import { FieldErrorTemplate } from \"./schema-form/fields\";\r\nexport type PhoneInputValues = {\r\n  value: string | undefined;\r\n  parsed: ReturnType<typeof parsePhoneNumber>;\r\n};\r\nexport type PhoneInputProps = {\r\n  id: string;\r\n  name?: string;\r\n  placeholder?: string;\r\n  defaultValue?: string | undefined;\r\n  value?: string;\r\n  onChange?: (values: PhoneInputValues) => void;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  required?: boolean;\r\n  defaultCountry?: string;\r\n};\r\nexport function PhoneInput({\r\n  id,\r\n  name,\r\n  placeholder,\r\n  defaultValue,\r\n  value: initialValue,\r\n  onChange,\r\n  disabled,\r\n  required,\r\n  className,\r\n  defaultCountry = \"US\",\r\n}: PhoneInputProps) {\r\n  const [value, setValue] = useState(initialValue || defaultValue || \"\");\r\n  return (\r\n    <>\r\n      <PhoneInputWithCountrySelect\r\n        className={cn(\"flex rounded-r-md shadow-xs\", className)}\r\n        international\r\n        flagComponent={FlagComponent}\r\n        defaultCountry={defaultCountry as Country}\r\n        countrySelectComponent={(props) => CountrySelect({ ...props, id })}\r\n        inputComponent={_PhoneInput}\r\n        id={id}\r\n        required={required}\r\n        data-testid={id}\r\n        disabled={disabled}\r\n        name={name}\r\n        placeholder={placeholder}\r\n        value={value}\r\n        onChange={(newValue) => {\r\n          setValue(newValue ?? \"\");\r\n          if (onChange) {\r\n            onChange({\r\n              value: newValue ?? undefined,\r\n              parsed: parsePhoneNumber(newValue || \"\"),\r\n            });\r\n          }\r\n        }}\r\n      />\r\n    </>\r\n  );\r\n}\r\n\r\n// Use forwardRef to support refs from react-phone-number-input\r\nconst _PhoneInput = React.forwardRef<\r\n  HTMLInputElement,\r\n  React.ComponentProps<\"input\">\r\n>(({ className, ...props }, ref) => (\r\n  <Input\r\n    data-testid={`${props.id}_input`}\r\n    data-slot=\"phone-input\"\r\n    className={cn(\r\n      \"-ms-px rounded-s-none rounded-l-none! shadow-none focus-visible:z-10\",\r\n      className\r\n    )}\r\n    ref={ref}\r\n    {...props}\r\n  />\r\n));\r\n\r\n_PhoneInput.displayName = \"_PhoneInput\";\r\n\r\ntype CountrySelectProps = {\r\n  id: string;\r\n  disabled?: boolean;\r\n  value: Country;\r\n  onChange?: (value: Country) => void;\r\n  options: { label: string; value: Country | undefined }[];\r\n};\r\n\r\nconst CountrySelect = ({\r\n  id,\r\n  disabled,\r\n  value,\r\n  onChange,\r\n  options,\r\n}: CountrySelectProps) => {\r\n  const handleSelect = (value: Country) => {\r\n    if (!onChange) return;\r\n    onChange(value);\r\n  };\r\n  return (\r\n    <div className=\"border-input bg-background text-muted-foreground focus-within:border-ring focus-within:ring-ring/50 hover:bg-accent hover:text-foreground has-aria-invalid:border-destructive/60 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 relative inline-flex items-center self-stretch rounded-s-md border py-2 ps-3 pe-2 transition-[color,box-shadow] outline-none focus-within:z-10 focus-within:ring-[3px] has-disabled:pointer-events-none has-disabled:opacity-50\">\r\n      <div className=\"inline-flex items-center gap-1\" aria-hidden=\"true\">\r\n        <FlagComponent country={value} countryName={value} aria-hidden=\"true\" />\r\n        <span className=\"text-muted-foreground/80\">\r\n          <ChevronDownIcon size={16} aria-hidden=\"true\" />\r\n        </span>\r\n      </div>\r\n      <Select\r\n        disabled={disabled}\r\n        value={value}\r\n        data-testid={`${id}_select`}\r\n        onValueChange={handleSelect}\r\n        aria-label=\"Select country\"\r\n      >\r\n        <SelectTrigger className=\"absolute inset-0 text-sm opacity-0\">\r\n          <SelectValue placeholder=\"Select a country\" />\r\n        </SelectTrigger>\r\n        <SelectContent>\r\n          {options\r\n            .filter((x) => x.value)\r\n            .map((option, i) => {\r\n              if (!option.value) return null;\r\n              return (\r\n                <SelectItem\r\n                  key={option.value}\r\n                  value={option.value}\r\n                  data-testid={`${id}_${option.value}`}\r\n                >\r\n                  {option.label}\r\n                  {option.value && `+${getCountryCallingCode(option.value)}`}\r\n                </SelectItem>\r\n              );\r\n            })}\r\n        </SelectContent>\r\n      </Select>\r\n    </div>\r\n  );\r\n};\r\n\r\nconst FlagComponent = ({ country, countryName }: FlagProps) => {\r\n  const Flag = flags[country];\r\n\r\n  return (\r\n    <span className=\"w-5 overflow-hidden rounded-sm\">\r\n      {Flag ? (\r\n        <Flag title={countryName} />\r\n      ) : (\r\n        <PhoneIcon size={16} aria-hidden=\"true\" />\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n"],"mappings":"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","names":["value"]}

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

@@ -0,0 +1,2 @@
+export * from "./label";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/custom/index.tsx"],"sourcesContent":["export * from \"./label\";\r\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/custom/schema-form/custom/label.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Label } from "@repo/ayasofyazilim-ui/components/label";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "@repo/ayasofyazilim-ui/components/tooltip";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { InfoIcon } from "lucide-react";
+function FieldLabel({
+  id,
+  className,
+  required,
+  label,
+  description
+}) {
+  if (!label) return null;
+  return /* @__PURE__ */ jsxs(
+    Label,
+    {
+      "data-testid": `${id}_label`,
+      htmlFor: id,
+      className: cn("flex items-center gap-0 text-nowrap", className),
+      children: [
+        label,
+        required ? /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" }) : null,
+        description && typeof description === "string" && description.length > 0 ? /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(InfoIcon, { className: "size-3.5 ml-1 text-muted-foreground cursor-help" }) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: description })
+        ] }) }) : description
+      ]
+    }
+  );
+}
+export {
+  FieldLabel
+};
+//# sourceMappingURL=label.js.map

package/dist/custom/schema-form/custom/label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/custom/label.tsx"],"sourcesContent":["import { Label } from \"@repo/ayasofyazilim-ui/components/label\";\r\nimport {\r\n  Tooltip,\r\n  TooltipContent,\r\n  TooltipProvider,\r\n  TooltipTrigger,\r\n} from \"@repo/ayasofyazilim-ui/components/tooltip\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { InfoIcon } from \"lucide-react\";\r\nimport { JSXElementConstructor, ReactElement } from \"react\";\r\n\r\nexport function FieldLabel({\r\n  id,\r\n  className,\r\n  required,\r\n  label,\r\n  description,\r\n}: {\r\n  label: string | undefined;\r\n  id: string | undefined;\r\n  className?: string;\r\n  required?: boolean;\r\n  description?:\r\n    | ReactElement<unknown, string | JSXElementConstructor<any>>\r\n    | string\r\n    | undefined;\r\n}) {\r\n  if (!label) return null;\r\n  return (\r\n    <Label\r\n      data-testid={`${id}_label`}\r\n      htmlFor={id}\r\n      className={cn(\"flex items-center gap-0 text-nowrap\", className)}\r\n    >\r\n      {label}\r\n      {required ? <span className=\"text-destructive\">*</span> : null}\r\n      {description &&\r\n      typeof description === \"string\" &&\r\n      description.length > 0 ? (\r\n        <TooltipProvider>\r\n          <Tooltip>\r\n            <TooltipTrigger asChild>\r\n              <InfoIcon className=\"size-3.5 ml-1 text-muted-foreground cursor-help\" />\r\n            </TooltipTrigger>\r\n            <TooltipContent>{description}</TooltipContent>\r\n          </Tooltip>\r\n        </TooltipProvider>\r\n      ) : (\r\n        description\r\n      )}\r\n    </Label>\r\n  );\r\n}\r\n"],"mappings":"AAmCkB,cAKR,YALQ;AAnClB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB,SAAS,gBAAgB;AAGlB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,MAAI,CAAC,MAAO,QAAO;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,EAAE;AAAA,MAClB,SAAS;AAAA,MACT,WAAW,GAAG,uCAAuC,SAAS;AAAA,MAE7D;AAAA;AAAA,QACA,WAAW,oBAAC,UAAK,WAAU,oBAAmB,eAAC,IAAU;AAAA,QACzD,eACD,OAAO,gBAAgB,YACvB,YAAY,SAAS,IACnB,oBAAC,mBACC,+BAAC,WACC;AAAA,8BAAC,kBAAe,SAAO,MACrB,8BAAC,YAAS,WAAU,mDAAkD,GACxE;AAAA,UACA,oBAAC,kBAAgB,uBAAY;AAAA,WAC/B,GACF,IAEA;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/custom/schema-form/fields/base-input-field.js

@@ -0,0 +1,73 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Input } from "@repo/ayasofyazilim-ui/components/input";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import {
+  ariaDescribedByIds,
+  examplesId,
+  getInputProps
+} from "@rjsf/utils";
+function BaseInputTemplate({
+  id,
+  htmlName,
+  placeholder,
+  required,
+  readonly,
+  disabled,
+  type,
+  value,
+  onChange,
+  onChangeOverride,
+  onBlur,
+  onFocus,
+  autofocus,
+  options,
+  schema,
+  rawErrors = [],
+  children,
+  extraProps,
+  className
+}) {
+  const inputProps = {
+    ...extraProps,
+    ...getInputProps(schema, type, options)
+  };
+  const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
+  const _onBlur = ({ target }) => onBlur(id, target && target.value);
+  const _onFocus = ({ target }) => onFocus(id, target && target.value);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        name: htmlName || id,
+        type,
+        placeholder,
+        autoFocus: autofocus,
+        required,
+        disabled,
+        readOnly: readonly,
+        className: cn(
+          { "border-destructive focus-visible:ring-0": rawErrors.length > 0 },
+          className
+        ),
+        list: schema.examples ? examplesId(id) : void 0,
+        ...inputProps,
+        value: value || value === 0 ? value : "",
+        onChange: onChangeOverride || _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
+      }
+    ),
+    children,
+    Array.isArray(schema.examples) ? /* @__PURE__ */ jsx("datalist", { id: examplesId(id), children: schema.examples.concat(
+      schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []
+    ).map((example) => {
+      return /* @__PURE__ */ jsx("option", { value: example }, example);
+    }) }) : null
+  ] });
+}
+export {
+  BaseInputTemplate
+};
+//# sourceMappingURL=base-input-field.js.map

package/dist/custom/schema-form/fields/base-input-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/fields/base-input-field.tsx"],"sourcesContent":["import { Input } from \"@repo/ayasofyazilim-ui/components/input\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport {\r\n  ariaDescribedByIds,\r\n  BaseInputTemplateProps,\r\n  examplesId,\r\n  getInputProps,\r\n} from \"@rjsf/utils\";\r\nimport { ChangeEvent, FocusEvent } from \"react\";\r\n\r\nexport function BaseInputTemplate({\r\n  id,\r\n  htmlName,\r\n  placeholder,\r\n  required,\r\n  readonly,\r\n  disabled,\r\n  type,\r\n  value,\r\n  onChange,\r\n  onChangeOverride,\r\n  onBlur,\r\n  onFocus,\r\n  autofocus,\r\n  options,\r\n  schema,\r\n  rawErrors = [],\r\n  children,\r\n  extraProps,\r\n  className,\r\n}: BaseInputTemplateProps) {\r\n  const inputProps = {\r\n    ...extraProps,\r\n    ...getInputProps(schema, type, options),\r\n  };\r\n  const _onChange = ({ target: { value } }: ChangeEvent<HTMLInputElement>) =>\r\n    onChange(value === \"\" ? options.emptyValue : value);\r\n  const _onBlur = ({ target }: FocusEvent<HTMLInputElement>) =>\r\n    onBlur(id, target && target.value);\r\n  const _onFocus = ({ target }: FocusEvent<HTMLInputElement>) =>\r\n    onFocus(id, target && target.value);\r\n\r\n  return (\r\n    <>\r\n      <Input\r\n        id={id}\r\n        name={htmlName || id}\r\n        type={type}\r\n        placeholder={placeholder}\r\n        autoFocus={autofocus}\r\n        required={required}\r\n        disabled={disabled}\r\n        readOnly={readonly}\r\n        className={cn(\r\n          { \"border-destructive focus-visible:ring-0\": rawErrors.length > 0 },\r\n          className\r\n        )}\r\n        list={schema.examples ? examplesId(id) : undefined}\r\n        {...inputProps}\r\n        value={value || value === 0 ? value : \"\"}\r\n        onChange={onChangeOverride || _onChange}\r\n        onBlur={_onBlur}\r\n        onFocus={_onFocus}\r\n        aria-describedby={ariaDescribedByIds(id, !!schema.examples)}\r\n      />\r\n      {children}\r\n      {Array.isArray(schema.examples) ? (\r\n        <datalist id={examplesId(id)}>\r\n          {(schema.examples as string[])\r\n            .concat(\r\n              schema.default && !schema.examples.includes(schema.default)\r\n                ? ([schema.default] as string[])\r\n                : []\r\n            )\r\n            .map((example: any) => {\r\n              return <option key={example} value={example} />;\r\n            })}\r\n        </datalist>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n"],"mappings":"AA2CI,mBACE,KADF;AA3CJ,SAAS,aAAa;AACtB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH,GAAG,cAAc,QAAQ,MAAM,OAAO;AAAA,EACxC;AACA,QAAM,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAAA,OAAM,EAAE,MACrC,SAASA,WAAU,KAAK,QAAQ,aAAaA,MAAK;AACpD,QAAM,UAAU,CAAC,EAAE,OAAO,MACxB,OAAO,IAAI,UAAU,OAAO,KAAK;AACnC,QAAM,WAAW,CAAC,EAAE,OAAO,MACzB,QAAQ,IAAI,UAAU,OAAO,KAAK;AAEpC,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,YAAY;AAAA,QAClB;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,WAAW;AAAA,UACT,EAAE,2CAA2C,UAAU,SAAS,EAAE;AAAA,UAClE;AAAA,QACF;AAAA,QACA,MAAM,OAAO,WAAW,WAAW,EAAE,IAAI;AAAA,QACxC,GAAG;AAAA,QACJ,OAAO,SAAS,UAAU,IAAI,QAAQ;AAAA,QACtC,UAAU,oBAAoB;AAAA,QAC9B,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,oBAAkB,mBAAmB,IAAI,CAAC,CAAC,OAAO,QAAQ;AAAA;AAAA,IAC5D;AAAA,IACC;AAAA,IACA,MAAM,QAAQ,OAAO,QAAQ,IAC5B,oBAAC,cAAS,IAAI,WAAW,EAAE,GACvB,iBAAO,SACN;AAAA,MACC,OAAO,WAAW,CAAC,OAAO,SAAS,SAAS,OAAO,OAAO,IACrD,CAAC,OAAO,OAAO,IAChB,CAAC;AAAA,IACP,EACC,IAAI,CAAC,YAAiB;AACrB,aAAO,oBAAC,YAAqB,OAAO,WAAhB,OAAyB;AAAA,IAC/C,CAAC,GACL,IACE;AAAA,KACN;AAEJ;","names":["value"]}

package/dist/custom/schema-form/fields/field.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TableCell } from "@repo/ayasofyazilim-ui/components/table";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { FieldLabel } from "../custom";
+const FieldTemplate = (props) => {
+  const {
+    id,
+    classNames,
+    style,
+    label,
+    help,
+    required,
+    description,
+    errors,
+    children,
+    displayLabel,
+    hidden,
+    schema,
+    registry
+  } = props;
+  const shouldRenderLabel = label && displayLabel && schema.type !== "boolean";
+  if (hidden) return null;
+  const isInArray = /root_\w+_\d+/.test(id);
+  const { useTableForArrayFields } = registry.formContext;
+  if (schema.type === "object" && isInArray && useTableForArrayFields)
+    return children;
+  if (isInArray && useTableForArrayFields)
+    return /* @__PURE__ */ jsx(
+      TableCell,
+      {
+        className: cn(
+          "p-0",
+          "*:data-wrapper:border-0 *:data-wrapper:shadow-none *:data-wrapper:rounded-none *:data-wrapper:justify-center",
+          "**:[[role=combobox]]:border-0 **:[[role=combobox]]:shadow-none **:[[role=combobox]]:rounded-none",
+          "**:data-[slot=input]:border-0 **:data-[slot=input]:shadow-none **:data-[slot=input]:rounded-none",
+          "**:data-rac:border-0 **:data-rac:shadow-none **:data-rac:rounded-none",
+          "*:data-[slot=drawer-trigger]:border-0"
+        ),
+        children
+      }
+    );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-1.5 h-max",
+        props.schema.type === "object" && "gap-3",
+        classNames,
+        label
+      ),
+      style,
+      children: [
+        shouldRenderLabel && /* @__PURE__ */ jsx(
+          FieldLabel,
+          {
+            id,
+            label,
+            description,
+            required
+          }
+        ),
+        children,
+        errors,
+        help
+      ]
+    }
+  );
+};
+export {
+  FieldTemplate
+};
+//# sourceMappingURL=field.js.map

package/dist/custom/schema-form/fields/field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/fields/field.tsx"],"sourcesContent":["import { TableCell } from \"@repo/ayasofyazilim-ui/components/table\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { FieldTemplateProps } from \"@rjsf/utils\";\r\nimport { FieldLabel } from \"../custom\";\r\n\r\nexport const FieldTemplate = (props: FieldTemplateProps) => {\r\n  const {\r\n    id,\r\n    classNames,\r\n    style,\r\n    label,\r\n    help,\r\n    required,\r\n    description,\r\n    errors,\r\n    children,\r\n    displayLabel,\r\n    hidden,\r\n    schema,\r\n    registry,\r\n  } = props;\r\n\r\n  const shouldRenderLabel = label && displayLabel && schema.type !== \"boolean\";\r\n  if (hidden) return null;\r\n  const isInArray = /root_\\w+_\\d+/.test(id);\r\n  const { useTableForArrayFields } = registry.formContext;\r\n  if (schema.type === \"object\" && isInArray && useTableForArrayFields)\r\n    return children;\r\n  if (isInArray && useTableForArrayFields)\r\n    return (\r\n      <TableCell\r\n        className={cn(\r\n          \"p-0\",\r\n          \"*:data-wrapper:border-0 *:data-wrapper:shadow-none *:data-wrapper:rounded-none *:data-wrapper:justify-center\",\r\n          \"**:[[role=combobox]]:border-0 **:[[role=combobox]]:shadow-none **:[[role=combobox]]:rounded-none\",\r\n          \"**:data-[slot=input]:border-0 **:data-[slot=input]:shadow-none **:data-[slot=input]:rounded-none\",\r\n          \"**:data-rac:border-0 **:data-rac:shadow-none **:data-rac:rounded-none\",\r\n          \"*:data-[slot=drawer-trigger]:border-0\"\r\n        )}\r\n      >\r\n        {children}\r\n      </TableCell>\r\n    );\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"flex flex-col gap-1.5 h-max\",\r\n        props.schema.type === \"object\" && \"gap-3\",\r\n        classNames,\r\n        label\r\n      )}\r\n      style={style}\r\n    >\r\n      {shouldRenderLabel && (\r\n        <FieldLabel\r\n          id={id}\r\n          label={label}\r\n          description={description}\r\n          required={required}\r\n        />\r\n      )}\r\n      {children}\r\n      {errors}\r\n      {help}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"AA8BM,cAcF,YAdE;AA9BN,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,CAAC,UAA8B;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,oBAAoB,SAAS,gBAAgB,OAAO,SAAS;AACnE,MAAI,OAAQ,QAAO;AACnB,QAAM,YAAY,eAAe,KAAK,EAAE;AACxC,QAAM,EAAE,uBAAuB,IAAI,SAAS;AAC5C,MAAI,OAAO,SAAS,YAAY,aAAa;AAC3C,WAAO;AACT,MAAI,aAAa;AACf,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,IACH;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,MAAM,OAAO,SAAS,YAAY;AAAA,QAClC;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MAEC;AAAA,6BACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QAED;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -0,0 +1,6 @@
+export * from "./field";
+export * from "./object";
+export * from "./table-array/array-field-item";
+export * from "./table-array/array-field-template";
+export * from "./base-input-field";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/fields/index.tsx"],"sourcesContent":["export * from \"./field\";\r\nexport * from \"./object\";\r\nexport * from \"./table-array/array-field-item\";\r\nexport * from \"./table-array/array-field-template\";\r\nexport * from \"./base-input-field\";\r\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/custom/schema-form/fields/object.js

@@ -0,0 +1,9 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment2 } from "react";
+const ObjectFieldTemplate = (props) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: props.properties.map((element, idx) => /* @__PURE__ */ jsx(Fragment2, { children: element.content }, element.name + idx)) });
+};
+export {
+  ObjectFieldTemplate
+};
+//# sourceMappingURL=object.js.map

package/dist/custom/schema-form/fields/object.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/schema-form/fields/object.tsx"],"sourcesContent":["import { ObjectFieldTemplateProps } from \"@rjsf/utils\";\r\nimport { Fragment } from \"react\";\r\n\r\nexport const ObjectFieldTemplate = (props: ObjectFieldTemplateProps) => {\r\n  return (\r\n    <>\r\n      {props.properties.map((element, idx) => (\r\n        <Fragment key={element.name + idx}>{element.content}</Fragment>\r\n      ))}\r\n    </>\r\n  );\r\n};\r\n"],"mappings":"AAKI,mBAEI,WAFJ;AAJJ,SAAS,YAAAA,iBAAgB;AAElB,MAAM,sBAAsB,CAAC,UAAoC;AACtE,SACE,gCACG,gBAAM,WAAW,IAAI,CAAC,SAAS,QAC9B,oBAACA,WAAA,EAAmC,kBAAQ,WAA7B,QAAQ,OAAO,GAAsB,CACrD,GACH;AAEJ;","names":["Fragment"]}

package/dist/custom/schema-form/fields/table-array/array-field-item.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { ButtonGroup } from "@repo/ayasofyazilim-ui/components/button-group";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "@repo/ayasofyazilim-ui/components/popover";
+import { TableCell, TableRow } from "@repo/ayasofyazilim-ui/components/table";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import {
+  ArrowDownIcon,
+  ArrowUpIcon,
+  ClipboardCheck,
+  MoreHorizontal,
+  Trash2
+} from "lucide-react";
+function ArrayFieldItemTemplate(props) {
+  const { children, buttonsProps, hasToolbar } = props;
+  const {
+    hasCopy,
+    hasMoveDown,
+    hasMoveUp,
+    hasRemove,
+    onCopyItem,
+    onMoveDownItem,
+    onMoveUpItem,
+    onRemoveItem
+  } = buttonsProps;
+  const isMultipleToolbar = hasRemove && (hasCopy || hasMoveDown || hasMoveUp);
+  return /* @__PURE__ */ jsxs(TableRow, { className: cn("divide-x", props.className), children: [
+    children,
+    /* @__PURE__ */ jsxs(TableCell, { className: "p-0", children: [
+      hasToolbar && hasRemove && !isMultipleToolbar && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          type: "button",
+          onClick: buttonsProps.onRemoveItem,
+          children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+        }
+      ),
+      hasToolbar && isMultipleToolbar && /* @__PURE__ */ jsxs(Popover, { children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", type: "button", className: "", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(PopoverContent, { className: "p-0 border-0 min-w-max", children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+          hasCopy && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onCopyItem, children: /* @__PURE__ */ jsx(ClipboardCheck, { className: "size-4" }) }),
+          hasMoveUp && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onMoveUpItem, children: /* @__PURE__ */ jsx(ArrowUpIcon, { className: "size-4" }) }),
+          hasRemove && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onRemoveItem, children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" }) }),
+          hasMoveDown && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onMoveDownItem, children: /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4" }) })
+        ] }) })
+      ] })
+    ] })
+  ] }, props.itemKey);
+}
+export {
+  ArrayFieldItemTemplate
+};
+//# sourceMappingURL=array-field-item.js.map

package/dist/custom/schema-form/fields/table-array/array-field-item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/schema-form/fields/table-array/array-field-item.tsx"],"sourcesContent":["import { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport { ButtonGroup } from \"@repo/ayasofyazilim-ui/components/button-group\";\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from \"@repo/ayasofyazilim-ui/components/popover\";\r\nimport { TableCell, TableRow } from \"@repo/ayasofyazilim-ui/components/table\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport {\r\n  ArrayFieldItemTemplateProps,\r\n  FormContextType,\r\n  RJSFSchema,\r\n  StrictRJSFSchema,\r\n} from \"@rjsf/utils\";\r\nimport {\r\n  ArrowDownIcon,\r\n  ArrowUpIcon,\r\n  ClipboardCheck,\r\n  MoreHorizontal,\r\n  Trash2,\r\n} from \"lucide-react\";\r\n\r\nexport function ArrayFieldItemTemplate<\r\n  T = any,\r\n  S extends StrictRJSFSchema = RJSFSchema,\r\n  F extends FormContextType = any,\r\n>(props: ArrayFieldItemTemplateProps<T, S, F>) {\r\n  const { children, buttonsProps, hasToolbar } = props;\r\n  const {\r\n    hasCopy,\r\n    hasMoveDown,\r\n    hasMoveUp,\r\n    hasRemove,\r\n    onCopyItem,\r\n    onMoveDownItem,\r\n    onMoveUpItem,\r\n    onRemoveItem,\r\n  } = buttonsProps;\r\n  const isMultipleToolbar = hasRemove && (hasCopy || hasMoveDown || hasMoveUp);\r\n  return (\r\n    <TableRow className={cn(\"divide-x\", props.className)} key={props.itemKey}>\r\n      {children}\r\n      <TableCell className=\"p-0\">\r\n        {hasToolbar && hasRemove && !isMultipleToolbar && (\r\n          <Button\r\n            variant=\"ghost\"\r\n            type=\"button\"\r\n            onClick={buttonsProps.onRemoveItem}\r\n          >\r\n            <Trash2 className=\"size-4\" />\r\n          </Button>\r\n        )}\r\n        {hasToolbar && isMultipleToolbar && (\r\n          <Popover>\r\n            <PopoverTrigger asChild>\r\n              <Button variant=\"ghost\" type=\"button\" className=\"\">\r\n                <MoreHorizontal className=\"size-4\" />\r\n              </Button>\r\n            </PopoverTrigger>\r\n            <PopoverContent className=\"p-0 border-0 min-w-max\">\r\n              <ButtonGroup>\r\n                {hasCopy && (\r\n                  <Button variant=\"outline\" onClick={onCopyItem}>\r\n                    <ClipboardCheck className=\"size-4\" />\r\n                  </Button>\r\n                )}\r\n                {hasMoveUp && (\r\n                  <Button variant=\"outline\" onClick={onMoveUpItem}>\r\n                    <ArrowUpIcon className=\"size-4\" />\r\n                  </Button>\r\n                )}\r\n                {hasRemove && (\r\n                  <Button variant=\"outline\" onClick={onRemoveItem}>\r\n                    <Trash2 className=\"size-4\" />\r\n                  </Button>\r\n                )}\r\n                {hasMoveDown && (\r\n                  <Button variant=\"outline\" onClick={onMoveDownItem}>\r\n                    <ArrowDownIcon className=\"size-4\" />\r\n                  </Button>\r\n                )}\r\n              </ButtonGroup>\r\n            </PopoverContent>\r\n          </Popover>\r\n        )}\r\n      </TableCell>\r\n    </TableRow>\r\n  );\r\n}\r\n"],"mappings":"AAkDY,cAWE,YAXF;AAlDZ,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,gBAAgB;AACpC,SAAS,UAAU;AAOnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,uBAId,OAA6C;AAC7C,QAAM,EAAE,UAAU,cAAc,WAAW,IAAI;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,oBAAoB,cAAc,WAAW,eAAe;AAClE,SACE,qBAAC,YAAS,WAAW,GAAG,YAAY,MAAM,SAAS,GAChD;AAAA;AAAA,IACD,qBAAC,aAAU,WAAU,OAClB;AAAA,oBAAc,aAAa,CAAC,qBAC3B;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,aAAa;AAAA,UAEtB,8BAAC,UAAO,WAAU,UAAS;AAAA;AAAA,MAC7B;AAAA,MAED,cAAc,qBACb,qBAAC,WACC;AAAA,4BAAC,kBAAe,SAAO,MACrB,8BAAC,UAAO,SAAQ,SAAQ,MAAK,UAAS,WAAU,IAC9C,8BAAC,kBAAe,WAAU,UAAS,GACrC,GACF;AAAA,QACA,oBAAC,kBAAe,WAAU,0BACxB,+BAAC,eACE;AAAA,qBACC,oBAAC,UAAO,SAAQ,WAAU,SAAS,YACjC,8BAAC,kBAAe,WAAU,UAAS,GACrC;AAAA,UAED,aACC,oBAAC,UAAO,SAAQ,WAAU,SAAS,cACjC,8BAAC,eAAY,WAAU,UAAS,GAClC;AAAA,UAED,aACC,oBAAC,UAAO,SAAQ,WAAU,SAAS,cACjC,8BAAC,UAAO,WAAU,UAAS,GAC7B;AAAA,UAED,eACC,oBAAC,UAAO,SAAQ,WAAU,SAAS,gBACjC,8BAAC,iBAAc,WAAU,UAAS,GACpC;AAAA,WAEJ,GACF;AAAA,SACF;AAAA,OAEJ;AAAA,OA7CyD,MAAM,OA8CjE;AAEJ;","names":[]}

package/dist/custom/schema-form/fields/table-array/array-field-template.js

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import {
+  Table,
+  TableBody,
+  TableCaption,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "@repo/ayasofyazilim-ui/components/table";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import {
+  buttonId,
+  getTemplate,
+  getUiOptions
+} from "@rjsf/utils";
+import { PlusCircle } from "lucide-react";
+function ArrayFieldTemplate(props) {
+  const {
+    canAdd,
+    disabled,
+    fieldPathId,
+    uiSchema,
+    items,
+    optionalDataControl,
+    onAddClick,
+    readonly,
+    registry,
+    required,
+    schema,
+    title
+  } = props;
+  const uiOptions = getUiOptions(uiSchema);
+  const ArrayFieldDescriptionTemplate = getTemplate(
+    "ArrayFieldDescriptionTemplate",
+    registry,
+    uiOptions
+  );
+  const ArrayFieldTitleTemplate = getTemplate(
+    "ArrayFieldTitleTemplate",
+    registry,
+    uiOptions
+  );
+  const showOptionalDataControlInTitle = !readonly && !disabled;
+  return /* @__PURE__ */ jsx("div", { className: "border rounded-md overflow-hidden", children: /* @__PURE__ */ jsxs(Table, { className: "caption-top", children: [
+    !showOptionalDataControlInTitle ? optionalDataControl : void 0,
+    /* @__PURE__ */ jsxs(TableCaption, { className: "border-b mt-0  [&_h5]:font-medium [&_h5]:text-black **:data-[slot=separator]:hidden", children: [
+      /* @__PURE__ */ jsx(
+        ArrayFieldTitleTemplate,
+        {
+          fieldPathId,
+          title: uiOptions.title || title,
+          schema,
+          uiSchema,
+          required,
+          registry,
+          optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ArrayFieldDescriptionTemplate,
+        {
+          fieldPathId,
+          description: uiOptions.description || schema.description,
+          schema,
+          uiSchema,
+          registry
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { className: "divide-x", children: [
+      Object.keys(
+        schema?.items?.properties || {}
+      ).map((item) => {
+        const itemsUiSchema = typeof uiSchema?.items === "function" ? void 0 : uiSchema?.items;
+        const title2 = itemsUiSchema?.[item]?.["ui:title"] || item;
+        return /* @__PURE__ */ jsx(
+          TableHead,
+          {
+            className: cn("h-9", !canAdd && "nth-last-2:border-0!"),
+            children: title2
+          },
+          item
+        );
+      }),
+      /* @__PURE__ */ jsx(TableHead, { className: cn("p-0 size-9"), children: canAdd && /* @__PURE__ */ jsx(
+        Button,
+        {
+          id: buttonId(fieldPathId, "add"),
+          onClick: onAddClick,
+          disabled: disabled || readonly,
+          className: "rounded-none h-full",
+          variant: "ghost",
+          children: /* @__PURE__ */ jsx(PlusCircle, { className: "size-4" })
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { className: "[&_tr:last-child>td]:rounded-md", children: items })
+  ] }, `array-item-list-${fieldPathId.$id}`) });
+}
+export {
+  ArrayFieldTemplate
+};
+//# sourceMappingURL=array-field-template.js.map

package/dist/custom/schema-form/fields/table-array/array-field-template.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/schema-form/fields/table-array/array-field-template.tsx"],"sourcesContent":["import { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCaption,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from \"@repo/ayasofyazilim-ui/components/table\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport {\r\n  ArrayFieldTemplateProps,\r\n  buttonId,\r\n  getTemplate,\r\n  getUiOptions,\r\n} from \"@rjsf/utils\";\r\nimport { PlusCircle } from \"lucide-react\";\r\n\r\nexport function ArrayFieldTemplate(props: ArrayFieldTemplateProps) {\r\n  const {\r\n    canAdd,\r\n    disabled,\r\n    fieldPathId,\r\n    uiSchema,\r\n    items,\r\n    optionalDataControl,\r\n    onAddClick,\r\n    readonly,\r\n    registry,\r\n    required,\r\n    schema,\r\n    title,\r\n  } = props;\r\n  const uiOptions = getUiOptions(uiSchema);\r\n  const ArrayFieldDescriptionTemplate = getTemplate(\r\n    \"ArrayFieldDescriptionTemplate\",\r\n    registry,\r\n    uiOptions\r\n  );\r\n  const ArrayFieldTitleTemplate = getTemplate(\r\n    \"ArrayFieldTitleTemplate\",\r\n    registry,\r\n    uiOptions\r\n  );\r\n  const showOptionalDataControlInTitle = !readonly && !disabled;\r\n\r\n  return (\r\n    <div className=\"border rounded-md overflow-hidden\">\r\n      <Table key={`array-item-list-${fieldPathId.$id}`} className=\"caption-top\">\r\n        {!showOptionalDataControlInTitle ? optionalDataControl : undefined}\r\n        <TableCaption className=\"border-b mt-0  [&_h5]:font-medium [&_h5]:text-black **:data-[slot=separator]:hidden\">\r\n          <ArrayFieldTitleTemplate\r\n            fieldPathId={fieldPathId}\r\n            title={uiOptions.title || title}\r\n            schema={schema}\r\n            uiSchema={uiSchema}\r\n            required={required}\r\n            registry={registry}\r\n            optionalDataControl={\r\n              showOptionalDataControlInTitle ? optionalDataControl : undefined\r\n            }\r\n          />\r\n          <ArrayFieldDescriptionTemplate\r\n            fieldPathId={fieldPathId}\r\n            description={uiOptions.description || schema.description}\r\n            schema={schema}\r\n            uiSchema={uiSchema}\r\n            registry={registry}\r\n          />\r\n        </TableCaption>\r\n        <TableHeader>\r\n          <TableRow className=\"divide-x\">\r\n            {Object.keys(\r\n              (schema?.items as { properties: Record<string, string> })\r\n                ?.properties || {}\r\n            ).map((item) => {\r\n              const itemsUiSchema =\r\n                typeof uiSchema?.items === \"function\"\r\n                  ? undefined\r\n                  : (uiSchema?.items as\r\n                      | Record<string, { \"ui:title\": string }>\r\n                      | undefined);\r\n              const title =\r\n                itemsUiSchema?.[item as string]?.[\"ui:title\"] || item;\r\n              return (\r\n                <TableHead\r\n                  key={item}\r\n                  className={cn(\"h-9\", !canAdd && \"nth-last-2:border-0!\")}\r\n                >\r\n                  {title}\r\n                </TableHead>\r\n              );\r\n            })}\r\n            <TableHead className={cn(\"p-0 size-9\")}>\r\n              {canAdd && (\r\n                <Button\r\n                  id={buttonId(fieldPathId, \"add\")}\r\n                  onClick={onAddClick}\r\n                  disabled={disabled || readonly}\r\n                  className=\"rounded-none h-full\"\r\n                  variant=\"ghost\"\r\n                >\r\n                  <PlusCircle className=\"size-4\" />\r\n                </Button>\r\n              )}\r\n            </TableHead>\r\n          </TableRow>\r\n        </TableHeader>\r\n        <TableBody className=\"[&_tr:last-child>td]:rounded-md\">\r\n          {items}\r\n        </TableBody>\r\n      </Table>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"AAkDQ,SACE,KADF;AAlDR,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AACnB;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAEpB,SAAS,mBAAmB,OAAgC;AACjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,YAAY,aAAa,QAAQ;AACvC,QAAM,gCAAgC;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,0BAA0B;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,iCAAiC,CAAC,YAAY,CAAC;AAErD,SACE,oBAAC,SAAI,WAAU,qCACb,+BAAC,SAAiD,WAAU,eACzD;AAAA,KAAC,iCAAiC,sBAAsB;AAAA,IACzD,qBAAC,gBAAa,WAAU,uFACtB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,UAAU,SAAS;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBACE,iCAAiC,sBAAsB;AAAA;AAAA,MAE3D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,aAAa,UAAU,eAAe,OAAO;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IACA,oBAAC,eACC,+BAAC,YAAS,WAAU,YACjB;AAAA,aAAO;AAAA,QACL,QAAQ,OACL,cAAc,CAAC;AAAA,MACrB,EAAE,IAAI,CAAC,SAAS;AACd,cAAM,gBACJ,OAAO,UAAU,UAAU,aACvB,SACC,UAAU;AAGjB,cAAMA,SACJ,gBAAgB,IAAc,IAAI,UAAU,KAAK;AACnD,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,GAAG,OAAO,CAAC,UAAU,sBAAsB;AAAA,YAErD,UAAAA;AAAA;AAAA,UAHI;AAAA,QAIP;AAAA,MAEJ,CAAC;AAAA,MACD,oBAAC,aAAU,WAAW,GAAG,YAAY,GAClC,oBACC;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,SAAS,aAAa,KAAK;AAAA,UAC/B,SAAS;AAAA,UACT,UAAU,YAAY;AAAA,UACtB,WAAU;AAAA,UACV,SAAQ;AAAA,UAER,8BAAC,cAAW,WAAU,UAAS;AAAA;AAAA,MACjC,GAEJ;AAAA,OACF,GACF;AAAA,IACA,oBAAC,aAAU,WAAU,mCAClB,iBACH;AAAA,OA9DU,mBAAmB,YAAY,GAAG,EA+D9C,GACF;AAEJ;","names":["title"]}