@ruya.sa/ui 3.71.3

package/dist/fields/Relationship/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/types.ts"],"names":[],"mappings":"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"}

package/dist/fields/Relationship/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/fields/Relationship/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Relationship/types.ts"],"sourcesContent":["import type { I18nClient } from '@ruya.sa/translations'\nimport type {\n  ClientCollectionConfig,\n  ClientConfig,\n  CollectionSlug,\n  FilterOptionsResult,\n  LabelFunction,\n  StaticDescription,\n  StaticLabel,\n  ValueWithRelation,\n} from '@ruya.sa/payload'\n\nexport type Option = {\n  allowEdit: boolean\n  label: string\n  options?: Option[]\n  relationTo?: string\n  value: number | string\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type MonomorphicRelationValue = number | string\n\nexport type Value =\n  | MonomorphicRelationValue\n  | MonomorphicRelationValue[]\n  | ValueWithRelation\n  | ValueWithRelation[]\n\ntype CLEAR = {\n  exemptValues?: ValueWithRelation | ValueWithRelation[]\n  type: 'CLEAR'\n}\n\ntype UPDATE = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  doc: any\n  i18n: I18nClient\n  type: 'UPDATE'\n}\n\ntype ADD = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  docs: any[]\n  i18n: I18nClient\n  ids?: (number | string)[]\n  sort?: boolean\n  type: 'ADD'\n}\n\ntype REMOVE = {\n  collection: ClientCollectionConfig\n  config: ClientConfig\n  i18n: I18nClient\n  id: string\n  type: 'REMOVE'\n}\n\nexport type Action = ADD | CLEAR | REMOVE | UPDATE\n\nexport type HasManyValueUnion =\n  | {\n      hasMany: false\n      value?: ValueWithRelation\n    }\n  | {\n      hasMany: true\n      value?: ValueWithRelation[]\n    }\n\nexport type UpdateResults = (\n  args: {\n    filterOptions?: FilterOptionsResult\n    lastFullyLoadedRelation?: number\n    lastLoadedPage: Record<string, number>\n    onSuccess?: () => void\n    search?: string\n    sort?: boolean\n  } & HasManyValueUnion,\n) => void\n\nexport type RelationshipInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly allowCreate?: boolean\n  readonly allowEdit?: boolean\n  readonly appearance?: 'drawer' | 'select'\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly filterOptions?: FilterOptionsResult\n  readonly formatDisplayedOptions?: (options: OptionGroup[]) => Option[] | OptionGroup[]\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly maxResultsPerRequest?: number\n  readonly maxRows?: number\n  readonly minRows?: number\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly relationTo: string[]\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly sortOptions?: Partial<Record<CollectionSlug, string>>\n  readonly style?: React.CSSProperties\n} & SharedRelationshipInputProps\n\ntype SharedRelationshipInputProps =\n  | {\n      readonly hasMany: false\n      readonly initialValue?: null | ValueWithRelation\n      readonly onChange: (value: ValueWithRelation) => void\n      readonly value?: null | ValueWithRelation\n    }\n  | {\n      readonly hasMany: true\n      readonly initialValue?: null | ValueWithRelation[]\n      readonly onChange: (value: ValueWithRelation[]) => void\n      readonly value?: null | ValueWithRelation[]\n    }\n"],"mappings":"AAuFA","ignoreList":[]}

package/dist/fields/RichText/index.d.ts

@@ -0,0 +1,4 @@
+import type { RichTextFieldClientProps } from '@ruya.sa/payload';
+import type React from 'react';
+export declare const RichTextField: React.FC<RichTextFieldClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/RichText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RichText/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAE5D,CAAA"}

package/dist/fields/RichText/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+export const RichTextField = () => {
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/fields/RichText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["RichTextField"],"sources":["../../../src/fields/RichText/index.tsx"],"sourcesContent":["'use client'\nimport type { RichTextFieldClientProps } from '@ruya.sa/payload'\nimport type React from 'react'\n\nexport const RichTextField: React.FC<RichTextFieldClientProps> = () => {\n  return null\n}\n"],"mappings":"AAAA;;AAIA,OAAO,MAAMA,aAAA,GAAoDA,CAAA;EAC/D,OAAO;AACT","ignoreList":[]}

package/dist/fields/Row/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.scss';
+export declare const RowField: React.FC<Omit<import("@ruya.sa/payload").FieldPaths, "path"> & Pick<import("@ruya.sa/payload").ClientComponentProps, "forceRender"> & {
+    readonly field: Omit<import("@ruya.sa/payload").RowFieldClient, "type"> & Partial<Pick<import("@ruya.sa/payload").RowFieldClient, "type">>;
+} & Omit<import("@ruya.sa/payload").ClientComponentProps, "customComponents" | "field">>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAsCrB,eAAO,MAAM,QAAQ;;wFAAmC,CAAA"}

package/dist/fields/Row/index.js

@@ -0,0 +1,46 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { RenderFields } from '../../forms/RenderFields/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+import { fieldBaseClass } from '../shared/index.js';
+import './index.scss';
+import { RowProvider } from './provider.js';
+const baseClass = 'row';
+const RowFieldComponent = props => {
+  const {
+    field: {
+      admin: {
+        className,
+        style
+      } = {},
+      fields
+    },
+    forceRender = false,
+    indexPath = '',
+    parentPath = '',
+    parentSchemaPath = '',
+    permissions,
+    readOnly
+  } = props;
+  return /*#__PURE__*/_jsx(RowProvider, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: [fieldBaseClass, baseClass, className].filter(Boolean).join(' '),
+      style: style || undefined,
+      children: /*#__PURE__*/_jsx(RenderFields, {
+        className: `${baseClass}__fields`,
+        fields: fields,
+        forceRender: forceRender,
+        margins: false,
+        parentIndexPath: indexPath,
+        parentPath: parentPath,
+        parentSchemaPath: parentSchemaPath,
+        permissions: permissions,
+        readOnly: readOnly
+      })
+    })
+  });
+};
+export const RowField = withCondition(RowFieldComponent);
+//# sourceMappingURL=index.js.map

package/dist/fields/Row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","RenderFields","withCondition","fieldBaseClass","RowProvider","baseClass","RowFieldComponent","props","field","admin","className","style","fields","forceRender","indexPath","parentPath","parentSchemaPath","permissions","readOnly","_jsx","filter","Boolean","join","undefined","margins","parentIndexPath","RowField"],"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldClientComponent } from '@ruya.sa/payload'\n\nimport React from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider } from './provider.js'\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: RowFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className, style } = {}, fields },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    permissions,\n    readOnly,\n  } = props\n\n  return (\n    <RowProvider>\n      <div\n        className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}\n        style={style || undefined}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          margins={false}\n          parentIndexPath={indexPath}\n          parentPath={parentPath}\n          parentSchemaPath={parentSchemaPath}\n          permissions={permissions}\n          readOnly={readOnly}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,WAAW,QAAQ;AAE5B,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAA8CC,KAAA;EAClD,MAAM;IACJC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,SAAS;QAAEC;MAAK,CAAE,GAAG,CAAC,CAAC;MAAEC;IAAM,CAAE;IACnDC,WAAA,GAAc,KAAK;IACnBC,SAAA,GAAY,EAAE;IACdC,UAAA,GAAa,EAAE;IACfC,gBAAA,GAAmB,EAAE;IACrBC,WAAW;IACXC;EAAQ,CACT,GAAGX,KAAA;EAEJ,oBACEY,IAAA,CAACf,WAAA;cACC,aAAAe,IAAA,CAAC;MACCT,SAAA,EAAW,CAACP,cAAA,EAAgBE,SAAA,EAAWK,SAAA,CAAU,CAACU,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;MACvEX,KAAA,EAAOA,KAAA,IAASY,SAAA;gBAEhB,aAAAJ,IAAA,CAAClB,YAAA;QACCS,SAAA,EAAW,GAAGL,SAAA,UAAmB;QACjCO,MAAA,EAAQA,MAAA;QACRC,WAAA,EAAaA,WAAA;QACbW,OAAA,EAAS;QACTC,eAAA,EAAiBX,SAAA;QACjBC,UAAA,EAAYA,UAAA;QACZC,gBAAA,EAAkBA,gBAAA;QAClBC,WAAA,EAAaA,WAAA;QACbC,QAAA,EAAUA;;;;AAKpB;AAEA,OAAO,MAAMQ,QAAA,GAAWxB,aAAA,CAAcI,iBAAA","ignoreList":[]}

package/dist/fields/Row/index.scss

@@ -0,0 +1,52 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .field-type.row {
+    margin-bottom: 0;
+
+    .row__fields {
+      display: flex;
+      flex-wrap: wrap;
+      row-gap: calc(var(--base) * 0.8);
+
+      > * {
+        flex: 0 1 var(--field-width);
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+      }
+
+      // add margin if the row has children
+      &:has(> *:nth-child(1)) {
+        margin-bottom: var(--base);
+      }
+
+      // If there is more than one child, add inline-margins to space them out.
+      &:has(> *:nth-child(2)) {
+        margin-inline: calc(var(--base) / -4); // add negative margin to counteract the gap.
+
+        > * {
+          flex: 0 1 calc(var(--field-width) - var(--base) * 0.5);
+          margin-inline: calc(var(--base) / 4);
+        }
+      }
+    }
+
+    @include mid-break {
+      .row__fields {
+        display: block;
+        margin-left: 0;
+        margin-right: 0;
+        width: 100%;
+
+        > * {
+          margin-left: 0;
+          margin-right: 0;
+          width: 100% !important;
+          padding-left: 0;
+          padding-right: 0;
+        }
+      }
+    }
+  }
+}

package/dist/fields/Row/provider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const Context: React.Context<boolean>;
+export declare const RowProvider: React.FC<{
+    children?: React.ReactNode;
+    withinRow?: boolean;
+}>;
+export declare const useRow: () => boolean;
+//# sourceMappingURL=provider.d.ts.map

package/dist/fields/Row/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,eAAO,MAAM,OAAO,wBAAuB,CAAA;AAE3C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAKrF,CAAA;AAED,eAAO,MAAM,MAAM,QAAO,OAAuB,CAAA"}

package/dist/fields/Row/provider.js

@@ -0,0 +1,16 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, use } from 'react';
+export const Context = /*#__PURE__*/createContext(false);
+export const RowProvider = ({
+  children,
+  withinRow = true
+}) => {
+  return /*#__PURE__*/_jsx(Context, {
+    value: withinRow,
+    children: children
+  });
+};
+export const useRow = () => use(Context);
+//# sourceMappingURL=provider.js.map

package/dist/fields/Row/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","names":["React","createContext","use","Context","RowProvider","children","withinRow","_jsx","value","useRow"],"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const Context = createContext(false)\n\nexport const RowProvider: React.FC<{ children?: React.ReactNode; withinRow?: boolean }> = ({\n  children,\n  withinRow = true,\n}) => {\n  return <Context value={withinRow}>{children}</Context>\n}\n\nexport const useRow = (): boolean => use(Context)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,OAAO,MAAMC,OAAA,gBAAUF,aAAA,CAAc;AAErC,OAAO,MAAMG,WAAA,GAA6EA,CAAC;EACzFC,QAAQ;EACRC,SAAA,GAAY;AAAI,CACjB;EACC,oBAAOC,IAAA,CAACJ,OAAA;IAAQK,KAAA,EAAOF,SAAA;cAAYD;;AACrC;AAEA,OAAO,MAAMI,MAAA,GAASA,CAAA,KAAeP,GAAA,CAAIC,OAAA","ignoreList":[]}

package/dist/fields/Select/Input.d.ts

@@ -0,0 +1,33 @@
+import type { LabelFunction, OptionObject, StaticDescription, StaticLabel } from '@ruya.sa/payload';
+import React from 'react';
+import type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js';
+import './index.scss';
+export type SelectInputProps = {
+    readonly AfterInput?: React.ReactNode;
+    readonly BeforeInput?: React.ReactNode;
+    readonly className?: string;
+    readonly Description?: React.ReactNode;
+    readonly description?: StaticDescription;
+    readonly Error?: React.ReactNode;
+    readonly filterOption?: ReactSelectAdapterProps['filterOption'];
+    readonly hasMany?: boolean;
+    readonly id?: string;
+    readonly isClearable?: boolean;
+    readonly isSortable?: boolean;
+    readonly Label?: React.ReactNode;
+    readonly label?: StaticLabel;
+    readonly localized?: boolean;
+    readonly name: string;
+    readonly onChange?: ReactSelectAdapterProps['onChange'];
+    readonly onInputChange?: ReactSelectAdapterProps['onInputChange'];
+    readonly options?: OptionObject[];
+    readonly path: string;
+    readonly placeholder?: LabelFunction | string;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly showError?: boolean;
+    readonly style?: React.CSSProperties;
+    readonly value?: string | string[];
+};
+export declare const SelectInput: React.FC<SelectInputProps>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/fields/Select/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAGnG,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AASlF,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAA;IAC/D,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;IACvD,QAAQ,CAAC,aAAa,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAA;IACjE,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE,aAAa,GAAG,MAAM,CAAA;IAC7C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsGlD,CAAA"}

package/dist/fields/Select/Input.js

@@ -0,0 +1,184 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { ReactSelect } from '../../elements/ReactSelect/index.js';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { FieldDescription } from '../../fields/FieldDescription/index.js';
+import { FieldError } from '../../fields/FieldError/index.js';
+import { FieldLabel } from '../../fields/FieldLabel/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { fieldBaseClass } from '../shared/index.js';
+import './index.scss';
+export const SelectInput = props => {
+  const $ = _c(37);
+  const {
+    id,
+    AfterInput,
+    BeforeInput,
+    className,
+    Description,
+    description,
+    Error,
+    filterOption,
+    hasMany: t0,
+    isClearable: t1,
+    isSortable: t2,
+    label,
+    Label,
+    localized,
+    onChange,
+    onInputChange,
+    options,
+    path,
+    placeholder,
+    readOnly,
+    required,
+    showError,
+    style,
+    value
+  } = props;
+  const hasMany = t0 === undefined ? false : t0;
+  const isClearable = t1 === undefined ? true : t1;
+  const isSortable = t2 === undefined ? true : t2;
+  const {
+    i18n
+  } = useTranslation();
+  let t3;
+  if ($[0] !== AfterInput || $[1] !== BeforeInput || $[2] !== Description || $[3] !== Error || $[4] !== Label || $[5] !== className || $[6] !== description || $[7] !== filterOption || $[8] !== hasMany || $[9] !== i18n || $[10] !== id || $[11] !== isClearable || $[12] !== isSortable || $[13] !== label || $[14] !== localized || $[15] !== onChange || $[16] !== onInputChange || $[17] !== options || $[18] !== path || $[19] !== placeholder || $[20] !== readOnly || $[21] !== required || $[22] !== showError || $[23] !== style || $[24] !== value) {
+    let valueToRender;
+    if (hasMany && Array.isArray(value)) {
+      let t4;
+      if ($[26] !== i18n || $[27] !== options) {
+        t4 = val => {
+          const matchingOption = options.find(option => option.value === val);
+          return {
+            label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,
+            value: matchingOption?.value ?? val
+          };
+        };
+        $[26] = i18n;
+        $[27] = options;
+        $[28] = t4;
+      } else {
+        t4 = $[28];
+      }
+      valueToRender = value.map(t4);
+    } else {
+      if (value) {
+        let t4;
+        if ($[29] !== value) {
+          t4 = option_0 => option_0.value === value;
+          $[29] = value;
+          $[30] = t4;
+        } else {
+          t4 = $[30];
+        }
+        const matchingOption_0 = options.find(t4);
+        valueToRender = {
+          label: matchingOption_0 ? getTranslation(matchingOption_0.label, i18n) : value,
+          value: matchingOption_0?.value ?? value
+        };
+      } else {
+        valueToRender = null;
+      }
+    }
+    const t4 = showError && "error";
+    const t5 = readOnly && "read-only";
+    let t6;
+    if ($[31] !== className || $[32] !== t4 || $[33] !== t5) {
+      t6 = [fieldBaseClass, "select", className, t4, t5].filter(Boolean);
+      $[31] = className;
+      $[32] = t4;
+      $[33] = t5;
+      $[34] = t6;
+    } else {
+      t6 = $[34];
+    }
+    let t7;
+    if ($[35] !== i18n) {
+      t7 = option_1 => ({
+        ...option_1,
+        label: getTranslation(option_1.label, i18n)
+      });
+      $[35] = i18n;
+      $[36] = t7;
+    } else {
+      t7 = $[36];
+    }
+    t3 = _jsxs("div", {
+      className: t6.join(" "),
+      id: `field-${path.replace(/\./g, "__")}`,
+      style,
+      children: [_jsx(RenderCustomComponent, {
+        CustomComponent: Label,
+        Fallback: _jsx(FieldLabel, {
+          label,
+          localized,
+          path,
+          required
+        })
+      }), _jsxs("div", {
+        className: `${fieldBaseClass}__wrap`,
+        children: [_jsx(RenderCustomComponent, {
+          CustomComponent: Error,
+          Fallback: _jsx(FieldError, {
+            path,
+            showError
+          })
+        }), BeforeInput, _jsx(ReactSelect, {
+          disabled: readOnly,
+          filterOption,
+          id,
+          isClearable,
+          isMulti: hasMany,
+          isSortable,
+          onChange,
+          onInputChange,
+          options: options.map(t7),
+          placeholder,
+          showError,
+          value: valueToRender
+        }), AfterInput]
+      }), _jsx(RenderCustomComponent, {
+        CustomComponent: Description,
+        Fallback: _jsx(FieldDescription, {
+          description,
+          path
+        })
+      })]
+    });
+    $[0] = AfterInput;
+    $[1] = BeforeInput;
+    $[2] = Description;
+    $[3] = Error;
+    $[4] = Label;
+    $[5] = className;
+    $[6] = description;
+    $[7] = filterOption;
+    $[8] = hasMany;
+    $[9] = i18n;
+    $[10] = id;
+    $[11] = isClearable;
+    $[12] = isSortable;
+    $[13] = label;
+    $[14] = localized;
+    $[15] = onChange;
+    $[16] = onInputChange;
+    $[17] = options;
+    $[18] = path;
+    $[19] = placeholder;
+    $[20] = readOnly;
+    $[21] = required;
+    $[22] = showError;
+    $[23] = style;
+    $[24] = value;
+    $[25] = t3;
+  } else {
+    t3 = $[25];
+  }
+  return t3;
+};
+//# sourceMappingURL=Input.js.map

package/dist/fields/Select/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","$","id","AfterInput","BeforeInput","className","Description","description","Error","filterOption","hasMany","t0","isClearable","t1","isSortable","t2","label","Label","localized","onChange","onInputChange","options","path","placeholder","readOnly","required","showError","style","value","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","option_0","matchingOption_0","t5","t6","filter","Boolean","t7","option_1","_jsxs","join","replace","children","_jsx","CustomComponent","Fallback","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { LabelFunction, OptionObject, StaticDescription, StaticLabel } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly filterOption?: ReactSelectAdapterProps['filterOption']\n  readonly hasMany?: boolean\n  readonly id?: string\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly onInputChange?: ReactSelectAdapterProps['onInputChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    id,\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    filterOption,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    onChange,\n    onInputChange,\n    options,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  let valueToRender\n\n  if (hasMany && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  } else {\n    // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state\n    valueToRender = null\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'select',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <ReactSelect\n          disabled={readOnly}\n          filterOption={filterOption}\n          id={id}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          onInputChange={onInputChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          placeholder={placeholder}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Select/index.d.ts

@@ -0,0 +1,15 @@
+import type { Option, OptionObject } from '@ruya.sa/payload';
+import React from 'react';
+import type { SelectInputProps } from './Input.js';
+import { SelectInput } from './Input.js';
+export declare const formatOptions: (options: Option[]) => OptionObject[];
+export declare const SelectField: React.FC<{
+    readonly onChange?: (e: string | string[]) => void;
+    readonly path: string;
+    readonly validate?: import("@ruya.sa/payload").SelectFieldValidation;
+    readonly value?: string | string[];
+} & {
+    readonly field: Omit<import("@ruya.sa/payload").SelectFieldClient, "type"> & Partial<Pick<import("@ruya.sa/payload").SelectFieldClient, "type">>;
+} & Omit<import("@ruya.sa/payload").ClientComponentProps, "customComponents" | "field">>;
+export { SelectInput, type SelectInputProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,MAAM,EACN,YAAY,EAGb,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAA+B,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,eAAO,MAAM,aAAa,YAAa,MAAM,EAAE,KAAG,YAAY,EAU1D,CAAA;AAgHJ,eAAO,MAAM,WAAW;;;;;;;wFAAsC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}

package/dist/fields/Select/index.js

@@ -0,0 +1,120 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useMemo } from 'react';
+import { useField } from '../../forms/useField/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+import { mergeFieldStyles } from '../mergeFieldStyles.js';
+import { SelectInput } from './Input.js';
+export const formatOptions = options => options.map(option => {
+  if (typeof option === 'object' && (option.value || option.value === '')) {
+    return option;
+  }
+  return {
+    label: option,
+    value: option
+  };
+});
+const SelectFieldComponent = props => {
+  const {
+    field,
+    field: {
+      name,
+      admin: {
+        className,
+        description,
+        isClearable = true,
+        isSortable = true,
+        placeholder
+      } = {},
+      hasMany = false,
+      label,
+      localized,
+      options: optionsFromProps = [],
+      required
+    },
+    onChange: onChangeFromProps,
+    path: pathFromProps,
+    readOnly,
+    validate
+  } = props;
+  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps]);
+  const memoizedValidate = useCallback((value, validationOptions) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...validationOptions,
+        hasMany,
+        options,
+        required
+      });
+    }
+  }, [validate, required, hasMany, options]);
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
+    disabled,
+    path,
+    selectFilterOptions,
+    setValue,
+    showError,
+    value: value_0
+  } = useField({
+    potentiallyStalePath: pathFromProps,
+    validate: memoizedValidate
+  });
+  const onChange = useCallback(selectedOption => {
+    if (!readOnly || disabled) {
+      let newValue = null;
+      if (selectedOption && hasMany) {
+        if (Array.isArray(selectedOption)) {
+          newValue = selectedOption.map(option => option.value);
+        } else {
+          newValue = [];
+        }
+      } else if (selectedOption && !Array.isArray(selectedOption)) {
+        newValue = selectedOption.value;
+      }
+      if (typeof onChangeFromProps === 'function') {
+        onChangeFromProps(newValue);
+      }
+      setValue(newValue);
+    }
+  }, [readOnly, disabled, hasMany, setValue, onChangeFromProps]);
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsx(SelectInput, {
+    AfterInput: AfterInput,
+    BeforeInput: BeforeInput,
+    className: className,
+    Description: Description,
+    description: description,
+    Error: Error,
+    filterOption: selectFilterOptions ? ({
+      label: label_0,
+      value: value_1
+    }, search) => selectFilterOptions?.some(option_0 => (typeof option_0 === 'string' ? option_0 : option_0.value) === value_1) && label_0.toLowerCase().includes(search.toLowerCase()) : undefined,
+    hasMany: hasMany,
+    isClearable: isClearable,
+    isSortable: isSortable,
+    Label: Label,
+    label: label,
+    localized: localized,
+    name: name,
+    onChange: onChange,
+    options: options,
+    path: path,
+    placeholder: placeholder,
+    readOnly: readOnly || disabled,
+    required: required,
+    showError: showError,
+    style: styles,
+    value: value_0
+  });
+};
+export const SelectField = withCondition(SelectFieldComponent);
+export { SelectInput };
+//# sourceMappingURL=index.js.map

package/dist/fields/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","placeholder","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","styles","_jsx","filterOption","search","some","toLowerCase","includes","undefined","style","SelectField"],"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Option,\n  OptionObject,\n  SelectFieldClientComponent,\n  SelectFieldClientProps,\n} from '@ruya.sa/payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { SelectInput } from './Input.js'\n\nexport const formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ label, value }, search) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              ) && label.toLowerCase().includes(search.toLowerCase())\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Select/index.scss

@@ -0,0 +1,27 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .field-type.select {
+    position: relative;
+  }
+
+  html[data-theme='light'] {
+    .field-type.select {
+      &.error {
+        .rs__control {
+          @include lightInputError;
+        }
+      }
+    }
+  }
+
+  html[data-theme='dark'] {
+    .field-type.select {
+      &.error {
+        .rs__control {
+          @include darkInputError;
+        }
+      }
+    }
+  }
+}

package/dist/fields/Slug/index.d.ts

@@ -0,0 +1,8 @@
+import type { SlugFieldClientProps } from '@ruya.sa/payload';
+import React from 'react';
+import './index.scss';
+/**
+ * @experimental This component is experimental and may change or be removed in the future. Use at your own risk.
+ */
+export declare const SlugField: React.FC<SlugFieldClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Slug/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Slug/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE5D,OAAO,KAAgC,MAAM,OAAO,CAAA;AAUpD,OAAO,cAAc,CAAA;AAErB;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+EpD,CAAA"}