@ruya.sa/ui 3.71.3

package/dist/elements/Upload/index.scss

@@ -0,0 +1,141 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .file-field {
+    position: relative;
+    margin-bottom: var(--base);
+    background: var(--theme-elevation-50);
+    border-radius: var(--style-radius-s);
+
+    &__upload {
+      display: flex;
+    }
+
+    .tooltip.error-message {
+      z-index: 3;
+      bottom: calc(100% - #{calc(var(--base) * 0.5)});
+    }
+
+    &__file-selected {
+      display: flex;
+    }
+
+    &__thumbnail-wrap {
+      position: relative;
+      width: 150px;
+
+      .thumbnail {
+        position: relative;
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+        border-radius: var(--style-radius-s) 0 0 var(--style-radius-s);
+      }
+    }
+
+    &__remove {
+      margin: calc($baseline * 1.5) $baseline $baseline 0;
+      place-self: flex-start;
+    }
+
+    &__file-adjustments,
+    &__remote-file-wrap {
+      padding: $baseline;
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 2);
+    }
+
+    &__filename,
+    &__remote-file {
+      @include formInput;
+      background-color: var(--theme-bg);
+    }
+
+    &__upload-actions,
+    &__add-file-wrap {
+      display: flex;
+      gap: calc(var(--base) / 2);
+      flex-wrap: wrap;
+    }
+
+    &__upload-actions {
+      margin-top: calc(var(--base) * 0.5);
+    }
+
+    &__previewDrawer {
+      & h2 {
+        margin: 0 var(--base) 0 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: calc(100% - calc(var(--base) * 2));
+      }
+    }
+
+    .dropzone {
+      background-color: transparent;
+      padding-block: calc(var(--base) * 2.25);
+    }
+
+    &__dropzoneContent {
+      display: flex;
+      flex-wrap: wrap;
+      gap: calc(var(--base) * 0.4);
+      justify-content: space-between;
+      width: 100%;
+    }
+
+    &__dropzoneButtons {
+      display: flex;
+      gap: calc(var(--base) * 0.5);
+      align-items: center;
+    }
+
+    &__orText {
+      color: var(--theme-elevation-500);
+      text-transform: lowercase;
+    }
+
+    &__dragAndDropText {
+      flex-shrink: 0;
+      margin: 0;
+      text-transform: lowercase;
+      align-self: center;
+      color: var(--theme-elevation-500);
+    }
+
+    @include small-break {
+      &__upload {
+        flex-wrap: wrap;
+        justify-content: space-between;
+      }
+
+      &__remove {
+        margin: $baseline;
+        order: 2;
+      }
+
+      &__file-adjustments {
+        order: 3;
+        border-top: 2px solid var(--theme-elevation-0);
+        padding: calc($baseline * 0.5);
+        gap: 0;
+      }
+
+      &__thumbnail-wrap {
+        order: 1;
+        width: 50%;
+
+        .thumbnail {
+          width: 100%;
+        }
+      }
+
+      &__edit {
+        display: none;
+      }
+    }
+  }
+}

package/dist/elements/ViewDescription/index.d.ts

@@ -0,0 +1,8 @@
+import type { DescriptionFunction, StaticDescription, ViewDescriptionClientProps } from '@ruya.sa/payload';
+import React from 'react';
+export type ViewDescriptionComponent = React.ComponentType<any>;
+type Description = DescriptionFunction | StaticDescription | string | ViewDescriptionComponent;
+export declare function isComponent(description: Description): description is ViewDescriptionComponent;
+export declare function ViewDescription(props: ViewDescriptionClientProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/ViewDescription/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ViewDescription/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAA;AAG1G,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;AAE/D,KAAK,WAAW,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,MAAM,GAAG,wBAAwB,CAAA;AAE9F,wBAAgB,WAAW,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,wBAAwB,CAE7F;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,0BAA0B,qBAShE"}

package/dist/elements/ViewDescription/index.js

@@ -0,0 +1,36 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { useTranslation } from '../../providers/Translation/index.js';
+export function isComponent(description) {
+  return /*#__PURE__*/React.isValidElement(description);
+}
+export function ViewDescription(props) {
+  const $ = _c(3);
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    description
+  } = props;
+  if (description) {
+    let t0;
+    if ($[0] !== description || $[1] !== i18n) {
+      t0 = _jsx("div", {
+        className: "custom-view-description",
+        children: getTranslation(description, i18n)
+      });
+      $[0] = description;
+      $[1] = i18n;
+      $[2] = t0;
+    } else {
+      t0 = $[2];
+    }
+    return t0;
+  }
+  return null;
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/ViewDescription/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","isComponent","description","isValidElement","ViewDescription","props","$","i18n","t0","_jsx","className","children"],"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { DescriptionFunction, StaticDescription, ViewDescriptionClientProps } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type ViewDescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionFunction | StaticDescription | string | ViewDescriptionComponent\n\nexport function isComponent(description: Description): description is ViewDescriptionComponent {\n  return React.isValidElement(description)\n}\n\nexport function ViewDescription(props: ViewDescriptionClientProps) {\n  const { i18n } = useTranslation()\n  const { description } = props\n\n  if (description) {\n    return <div className=\"custom-view-description\">{getTranslation(description, i18n)}</div>\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAM/B,OAAO,SAASC,YAAYC,WAAwB;EAClD,oBAAOH,KAAA,CAAMI,cAAc,CAACD,WAAA;AAC9B;AAEA,OAAO,SAAAE,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU;EAAA,IAAiBP,cAAA;EACjB;IAAAE;EAAA,IAAwBG,KAAA;EAAA,IAEpBH,WAAA;IAAA,IAAAM,EAAA;IAAA,IAAAF,CAAA,QAAAJ,WAAA,IAAAI,CAAA,QAAAC,IAAA;MACKC,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,EAA2Bb,cAAA,CAAeI,WAAA,EAAaK,IAAA;MAAA,C;;;;;;;WAAtEC,E","ignoreList":[]}

package/dist/elements/ViewDescription/types.d.ts

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

package/dist/elements/ViewDescription/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ViewDescription/types.ts"],"names":[],"mappings":""}

package/dist/elements/ViewDescription/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/elements/ViewDescription/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ViewDescription/types.ts"],"sourcesContent":[null],"mappings":"","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Date/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DateFilterProps as Props } from './types.js';
+export declare const DateFilter: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/WhereBuilder/Condition/Date/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,IAAI,KAAK,EAAE,MAAM,YAAY,CAAA;AAO1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAetC,CAAA"}

package/dist/elements/WhereBuilder/Condition/Date/index.js

@@ -0,0 +1,37 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import { DatePickerField } from '../../../DatePicker/index.js';
+const baseClass = 'condition-value-date';
+export const DateFilter = t0 => {
+  const {
+    disabled,
+    field: t1,
+    onChange,
+    value
+  } = t0;
+  const {
+    admin
+  } = t1;
+  const {
+    date
+  } = admin || {};
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  return _jsx("div", {
+    className: baseClass,
+    children: _jsx(DatePickerField, {
+      ...date,
+      onChange,
+      placeholder: getTranslation(admin.placeholder, i18n) || t("general:enterAValue"),
+      readOnly: disabled,
+      value
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/WhereBuilder/Condition/Date/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","React","useTranslation","DatePickerField","baseClass","DateFilter","t0","disabled","field","t1","onChange","value","admin","date","i18n","t","_jsx","className","children","placeholder","readOnly"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport type { DateFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateFilter: React.FC<Props> = ({ disabled, field: { admin }, onChange, value }) => {\n  const { date } = admin || {}\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <DatePickerField\n        {...date}\n        onChange={onChange}\n        placeholder={getTranslation(admin.placeholder, i18n) || t('general:enterAValue')}\n        readOnly={disabled}\n        value={value as Date}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAC;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,EAA+C;EAA5B;IAAAM;EAAA,IAAAH,EAAS;EACtE;IAAAI;EAAA,IAAiBD,KAAA,MAAU;EAC3B;IAAAE,IAAA;IAAAC;EAAA,IAAoBb,cAAA;EAAA,OAGlBc,IAAA,CAAC;IAAAC,SAAA,EAAAb,SAAA;IAAAc,QAAA,EACCF,IAAA,CAAAb,eAAA;MAAA,GACMU,IAAI;MAAAH,QAAA;MAAAS,WAAA,EAEKnB,cAAA,CAAeY,KAAA,CAAAO,WAAA,EAAmBL,IAAA,KAASC,CAAA,CAAE;MAAAK,QAAA,EAChDb,QAAA;MAAAI;IAAA,C;;CAKlB","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Date/types.d.ts

@@ -0,0 +1,7 @@
+import type { DateFieldClient } from '@ruya.sa/payload';
+import type { DefaultFilterProps } from '../types.js';
+export type DateFilterProps = {
+    readonly field: DateFieldClient;
+    readonly value: Date | string;
+} & DefaultFilterProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/WhereBuilder/Condition/Date/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Date/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,CAAA;CAC9B,GAAG,kBAAkB,CAAA"}

package/dist/elements/WhereBuilder/Condition/Date/types.js

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

package/dist/elements/WhereBuilder/Condition/Date/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/types.ts"],"sourcesContent":["import type { DateFieldClient } from '@ruya.sa/payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type DateFilterProps = {\n  readonly field: DateFieldClient\n  readonly value: Date | string\n} & DefaultFilterProps\n"],"mappings":"AAIA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/DefaultFilter/index.d.ts

@@ -0,0 +1,16 @@
+import type { Operator, Option, ResolvedFilterOptions } from '@ruya.sa/payload';
+import React from 'react';
+import type { ReducedField, Value } from '../../types.js';
+type Props = {
+    booleanSelect: boolean;
+    disabled: boolean;
+    filterOptions: ResolvedFilterOptions;
+    internalField: ReducedField;
+    onChange: React.Dispatch<React.SetStateAction<string>>;
+    operator: Operator;
+    options: Option[];
+    value: Value;
+};
+export declare const DefaultFilter: React.FC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/WhereBuilder/Condition/DefaultFilter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/DefaultFilter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,MAAM,EACN,qBAAqB,EAGtB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAQzD,KAAK,KAAK,GAAG;IACX,aAAa,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,qBAAqB,CAAA;IACpC,aAAa,EAAE,YAAY,CAAA;IAC3B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IACtD,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuFzC,CAAA"}

package/dist/elements/WhereBuilder/Condition/DefaultFilter/index.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { DateFilter } from '../Date/index.js';
+import { NumberFilter } from '../Number/index.js';
+import { RelationshipFilter } from '../Relationship/index.js';
+import { Select } from '../Select/index.js';
+import { Text } from '../Text/index.js';
+export const DefaultFilter = ({
+  booleanSelect,
+  disabled,
+  filterOptions,
+  internalField,
+  onChange,
+  operator,
+  options,
+  value
+}) => {
+  if (booleanSelect || ['radio', 'select'].includes(internalField?.field?.type)) {
+    return /*#__PURE__*/_jsx(Select, {
+      disabled: disabled,
+      field: internalField.field,
+      isClearable: !booleanSelect,
+      onChange: onChange,
+      operator: operator,
+      options: options,
+      value: value
+    });
+  }
+  switch (internalField?.field?.type) {
+    case 'date':
+      {
+        return /*#__PURE__*/_jsx(DateFilter, {
+          disabled: disabled,
+          field: internalField.field,
+          onChange: onChange,
+          operator: operator,
+          value: value
+        });
+      }
+    case 'number':
+      {
+        return /*#__PURE__*/_jsx(NumberFilter, {
+          disabled: disabled,
+          field: internalField.field,
+          onChange: onChange,
+          operator: operator,
+          value: value
+        });
+      }
+    case 'relationship':
+      {
+        return /*#__PURE__*/_jsx(RelationshipFilter, {
+          disabled: disabled,
+          field: internalField.field,
+          filterOptions: filterOptions,
+          onChange: onChange,
+          operator: operator,
+          value: value
+        });
+      }
+    case 'upload':
+      {
+        return /*#__PURE__*/_jsx(RelationshipFilter, {
+          disabled: disabled,
+          field: internalField.field,
+          filterOptions: filterOptions,
+          onChange: onChange,
+          operator: operator,
+          value: value
+        });
+      }
+    default:
+      {
+        return /*#__PURE__*/_jsx(Text, {
+          disabled: disabled,
+          field: internalField?.field,
+          onChange: onChange,
+          operator: operator,
+          value: value
+        });
+      }
+  }
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/WhereBuilder/Condition/DefaultFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","DateFilter","NumberFilter","RelationshipFilter","Select","Text","DefaultFilter","booleanSelect","disabled","filterOptions","internalField","onChange","operator","options","value","includes","field","type","_jsx","isClearable"],"sources":["../../../../../src/elements/WhereBuilder/Condition/DefaultFilter/index.tsx"],"sourcesContent":["import type {\n  Operator,\n  Option,\n  ResolvedFilterOptions,\n  SelectFieldClient,\n  TextFieldClient,\n} from '@ruya.sa/payload'\n\nimport React from 'react'\n\nimport type { ReducedField, Value } from '../../types.js'\n\nimport { DateFilter } from '../Date/index.js'\nimport { NumberFilter } from '../Number/index.js'\nimport { RelationshipFilter } from '../Relationship/index.js'\nimport { Select } from '../Select/index.js'\nimport { Text } from '../Text/index.js'\n\ntype Props = {\n  booleanSelect: boolean\n  disabled: boolean\n  filterOptions: ResolvedFilterOptions\n  internalField: ReducedField\n  onChange: React.Dispatch<React.SetStateAction<string>>\n  operator: Operator\n  options: Option[]\n  value: Value\n}\n\nexport const DefaultFilter: React.FC<Props> = ({\n  booleanSelect,\n  disabled,\n  filterOptions,\n  internalField,\n  onChange,\n  operator,\n  options,\n  value,\n}) => {\n  if (booleanSelect || ['radio', 'select'].includes(internalField?.field?.type)) {\n    return (\n      <Select\n        disabled={disabled}\n        field={internalField.field as SelectFieldClient}\n        isClearable={!booleanSelect}\n        onChange={onChange}\n        operator={operator}\n        options={options}\n        value={value as string}\n      />\n    )\n  }\n\n  switch (internalField?.field?.type) {\n    case 'date': {\n      return (\n        <DateFilter\n          disabled={disabled}\n          field={internalField.field}\n          onChange={onChange}\n          operator={operator}\n          value={value as Date | string}\n        />\n      )\n    }\n\n    case 'number': {\n      return (\n        <NumberFilter\n          disabled={disabled}\n          field={internalField.field}\n          onChange={onChange}\n          operator={operator}\n          value={value as number | number[]}\n        />\n      )\n    }\n\n    case 'relationship': {\n      return (\n        <RelationshipFilter\n          disabled={disabled}\n          field={internalField.field}\n          filterOptions={filterOptions}\n          onChange={onChange}\n          operator={operator}\n          value={value}\n        />\n      )\n    }\n\n    case 'upload': {\n      return (\n        <RelationshipFilter\n          disabled={disabled}\n          field={internalField.field}\n          filterOptions={filterOptions}\n          onChange={onChange}\n          operator={operator}\n          value={value}\n        />\n      )\n    }\n\n    default: {\n      return (\n        <Text\n          disabled={disabled}\n          field={internalField?.field as TextFieldClient}\n          onChange={onChange}\n          operator={operator}\n          value={value as string | string[]}\n        />\n      )\n    }\n  }\n}\n"],"mappings":";AAQA,OAAOA,KAAA,MAAW;AAIlB,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,MAAM,QAAQ;AACvB,SAASC,IAAI,QAAQ;AAarB,OAAO,MAAMC,aAAA,GAAiCA,CAAC;EAC7CC,aAAa;EACbC,QAAQ;EACRC,aAAa;EACbC,aAAa;EACbC,QAAQ;EACRC,QAAQ;EACRC,OAAO;EACPC;AAAK,CACN;EACC,IAAIP,aAAA,IAAiB,CAAC,SAAS,SAAS,CAACQ,QAAQ,CAACL,aAAA,EAAeM,KAAA,EAAOC,IAAA,GAAO;IAC7E,oBACEC,IAAA,CAACd,MAAA;MACCI,QAAA,EAAUA,QAAA;MACVQ,KAAA,EAAON,aAAA,CAAcM,KAAK;MAC1BG,WAAA,EAAa,CAACZ,aAAA;MACdI,QAAA,EAAUA,QAAA;MACVC,QAAA,EAAUA,QAAA;MACVC,OAAA,EAASA,OAAA;MACTC,KAAA,EAAOA;;EAGb;EAEA,QAAQJ,aAAA,EAAeM,KAAA,EAAOC,IAAA;IAC5B,KAAK;MAAQ;QACX,oBACEC,IAAA,CAACjB,UAAA;UACCO,QAAA,EAAUA,QAAA;UACVQ,KAAA,EAAON,aAAA,CAAcM,KAAK;UAC1BL,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVE,KAAA,EAAOA;;MAGb;IAEA,KAAK;MAAU;QACb,oBACEI,IAAA,CAAChB,YAAA;UACCM,QAAA,EAAUA,QAAA;UACVQ,KAAA,EAAON,aAAA,CAAcM,KAAK;UAC1BL,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVE,KAAA,EAAOA;;MAGb;IAEA,KAAK;MAAgB;QACnB,oBACEI,IAAA,CAACf,kBAAA;UACCK,QAAA,EAAUA,QAAA;UACVQ,KAAA,EAAON,aAAA,CAAcM,KAAK;UAC1BP,aAAA,EAAeA,aAAA;UACfE,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVE,KAAA,EAAOA;;MAGb;IAEA,KAAK;MAAU;QACb,oBACEI,IAAA,CAACf,kBAAA;UACCK,QAAA,EAAUA,QAAA;UACVQ,KAAA,EAAON,aAAA,CAAcM,KAAK;UAC1BP,aAAA,EAAeA,aAAA;UACfE,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVE,KAAA,EAAOA;;MAGb;IAEA;MAAS;QACP,oBACEI,IAAA,CAACb,IAAA;UACCG,QAAA,EAAUA,QAAA;UACVQ,KAAA,EAAON,aAAA,EAAeM,KAAA;UACtBL,QAAA,EAAUA,QAAA;UACVC,QAAA,EAAUA,QAAA;UACVE,KAAA,EAAOA;;MAGb;EACF;AACF","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Number/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { NumberFilterProps as Props } from './types.js';
+import './index.scss';
+export declare const NumberFilter: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/WhereBuilder/Condition/Number/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,YAAY,CAAA;AAI5D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+ExC,CAAA"}

package/dist/elements/WhereBuilder/Condition/Number/index.js

@@ -0,0 +1,139 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import { ReactSelect } from '../../../ReactSelect/index.js';
+import './index.scss';
+const baseClass = 'condition-value-number';
+export const NumberFilter = props => {
+  const $ = _c(20);
+  const {
+    disabled,
+    field: t0,
+    onChange,
+    operator,
+    value
+  } = props;
+  const {
+    admin,
+    hasMany
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== hasMany || $[1] !== operator) {
+    t1 = ["in", "not_in"].includes(operator) || hasMany;
+    $[0] = hasMany;
+    $[1] = operator;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const isMulti = t1;
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const [valueToRender, setValueToRender] = React.useState(t2);
+  let t3;
+  if ($[4] !== isMulti || $[5] !== onChange) {
+    t3 = selectedOption => {
+      let newValue;
+      if (!selectedOption) {
+        newValue = [];
+      } else {
+        if (isMulti) {
+          if (Array.isArray(selectedOption)) {
+            newValue = selectedOption.map(_temp);
+          } else {
+            newValue = [Number(selectedOption.value?.value || selectedOption.value)];
+          }
+        }
+      }
+      onChange(newValue);
+    };
+    $[4] = isMulti;
+    $[5] = onChange;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const onSelect = t3;
+  let t4;
+  let t5;
+  if ($[7] !== value) {
+    t4 = () => {
+      if (Array.isArray(value)) {
+        setValueToRender(value.map(_temp2));
+      } else {
+        setValueToRender([]);
+      }
+    };
+    t5 = [value];
+    $[7] = value;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t4 = $[8];
+    t5 = $[9];
+  }
+  React.useEffect(t4, t5);
+  let t6;
+  if ($[10] !== admin?.placeholder || $[11] !== disabled || $[12] !== i18n || $[13] !== isMulti || $[14] !== onChange || $[15] !== onSelect || $[16] !== t || $[17] !== value || $[18] !== valueToRender) {
+    const placeholder = getTranslation(admin?.placeholder, i18n) || t("general:enterAValue");
+    t6 = isMulti ? _jsx(ReactSelect, {
+      disabled,
+      isClearable: true,
+      isCreatable: true,
+      isMulti,
+      isSortable: true,
+      numberOnly: true,
+      onChange: onSelect,
+      options: [],
+      placeholder,
+      value: valueToRender || []
+    }) : _jsx("input", {
+      className: baseClass,
+      disabled,
+      onChange: e => onChange(e.target.value),
+      placeholder,
+      type: "number",
+      value
+    });
+    $[10] = admin?.placeholder;
+    $[11] = disabled;
+    $[12] = i18n;
+    $[13] = isMulti;
+    $[14] = onChange;
+    $[15] = onSelect;
+    $[16] = t;
+    $[17] = value;
+    $[18] = valueToRender;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  return t6;
+};
+function _temp(option) {
+  return Number(option.value?.value || option.value);
+}
+function _temp2(val, index) {
+  return {
+    id: `${val}${index}`,
+    label: `${val}`,
+    value: {
+      toString: () => `${val}${index}`,
+      value: val?.value || val
+    }
+  };
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/WhereBuilder/Condition/Number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","baseClass","NumberFilter","props","$","disabled","field","t0","onChange","operator","value","admin","hasMany","i18n","t","t1","includes","isMulti","t2","Symbol","for","valueToRender","setValueToRender","useState","t3","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t4","t5","_temp2","useEffect","t6","placeholder","_jsx","isClearable","isCreatable","isSortable","numberOnly","options","className","e","target","type","option","Number","val","index","id","label","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport type { NumberFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-number'\n\nexport const NumberFilter: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { admin, hasMany },\n    onChange,\n    operator,\n    value,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  const placeholder = getTranslation(admin?.placeholder, i18n) || t('general:enterAValue')\n\n  return isMulti ? (\n    <ReactSelect\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      numberOnly\n      onChange={onSelect}\n      options={[]}\n      placeholder={placeholder}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={placeholder}\n      type=\"number\"\n      value={value as number}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAAgCC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAC3C;IAAAS,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAMIP,KAAA;EAJK;IAAAQ,KAAA;IAAAC;EAAA,IAAAL,EAAkB;EAM3B;IAAAM,IAAA;IAAAC;EAAA,IAAoBf,cAAA;EAAA,IAAAgB,EAAA;EAAA,IAAAX,CAAA,QAAAQ,OAAA,IAAAR,CAAA,QAAAK,QAAA;IAEJM,EAAA,IAAC,MAAM,UAAAC,QAAA,CAAmBP,QAAA,KAAaG,OAAA;IAAAR,CAAA,MAAAQ,OAAA;IAAAR,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAvD,MAAAa,OAAA,GAAgBF,EAAuC;EAAA,IAAAG,EAAA;EAAA,IAAAd,CAAA,QAAAe,MAAA,CAAAC,GAAA;IAIrDF,EAAA;IAAEd,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAFJ,OAAAiB,aAAA,EAAAC,gBAAA,IAA0CxB,KAAA,CAAAyB,QAAA,CAExCL,EAAE;EAAA,IAAAM,EAAA;EAAA,IAAApB,CAAA,QAAAa,OAAA,IAAAb,CAAA,QAAAI,QAAA;IAGFgB,EAAA,GAAAC,cAAA;MACMC,GAAA,CAAAA,QAAA;MAAA,KACCD,cAAA;QACHC,QAAA,CAAAA,CAAA,CAAAA,EAAA;MAAA;QAAA,IACST,OAAA;UAAA,IACLU,KAAA,CAAAC,OAAA,CAAcH,cAAA;YAChBC,QAAA,CAAAA,CAAA,CAAWD,cAAA,CAAAI,GAAA,CAAAC,KAAyE;UAApF;YAEAJ,QAAA,CAAAA,CAAA,CAAAA,CAAYA,OAAOD,cAAA,CAAAf,KAAA,EAAAA,KAAA,IAA+Be,cAAA,CAAAf,KAAoB;UAAtE;QAAA;MAAA;MAIJF,QAAA,CAASkB,QAAA;IAAA;IACXtB,CAAA,MAAAa,OAAA;IAAAb,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EAdF,MAAA2B,QAAA,GAAiBP,EAeI;EAAA,IAAAQ,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA7B,CAAA,QAAAM,KAAA;IAGLsB,EAAA,GAAAA,CAAA;MAAA,IACVL,KAAA,CAAAC,OAAA,CAAclB,KAAA;QAChBY,gBAAA,CACEZ,KAAA,CAAAmB,GAAA,CAAAK,MASA;MAAA;QAGFZ,gBAAA,GAAmB;MAAA;IAAA;IAEpBW,EAAA,IAACvB,KAAA;IAAMN,CAAA,MAAAM,KAAA;IAAAN,CAAA,MAAA4B,EAAA;IAAA5B,CAAA,MAAA6B,EAAA;EAAA;IAAAD,EAAA,GAAA5B,CAAA;IAAA6B,EAAA,GAAA7B,CAAA;EAAA;EAjBVN,KAAA,CAAAqC,SAAA,CAAgBH,EAiBhB,EAAGC,EAAO;EAAA,IAAAG,EAAA;EAAA,IAAAhC,CAAA,SAAAO,KAAA,EAAA0B,WAAA,IAAAjC,CAAA,SAAAC,QAAA,IAAAD,CAAA,SAAAS,IAAA,IAAAT,CAAA,SAAAa,OAAA,IAAAb,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAA2B,QAAA,IAAA3B,CAAA,SAAAU,CAAA,IAAAV,CAAA,SAAAM,KAAA,IAAAN,CAAA,SAAAiB,aAAA;IAEV,MAAAgB,WAAA,GAAoBxC,cAAA,CAAec,KAAA,EAAA0B,WAAA,EAAoBxB,IAAA,KAASC,CAAA,CAAE;IAE3DsB,EAAA,GAAAnB,OAAA,GACLqB,IAAA,CAAAtC,WAAA;MAAAK,QAAA;MAAAkC,WAAA;MAAAC,WAAA;MAAAvB,OAAA;MAAAwB,UAAA;MAAAC,UAAA;MAAAlC,QAAA,EAOYuB,QAAA;MAAAY,OAAA;MAAAN,WAAA;MAAA3B,KAAA,EAGHW,aAAA;IAAmB,C,IAG5BiB,IAAA,CAAC;MAAAM,SAAA,EAAA3C,SAAA;MAAAI,QAAA;MAAAG,QAAA,EAAAqC,CAAA,IAGkBrC,QAAA,CAASqC,CAAA,CAAAC,MAAA,CAAApC,KAAc;MAAA2B,WAAA;MAAAU,IAAA,EAEnC;MAAArC;IAAA,C;;;;;;;;;;;;;;SAnBF0B,E;CAuBT;AA/E6C,SAAAN,MAAAkB,MAAA;EAAA,OAwBOC,MAAA,CAAOD,MAAA,CAAAtC,KAAA,EAAAA,KAAA,IAAuBsC,MAAA,CAAAtC,KAAY;AAAA;AAxBjD,SAAAwB,OAAAgB,GAAA,EAAAC,KAAA;EAAA;IAAAC,EAAA,EAwC7B,GAAGF,GAAA,GAAMC,KAAA,EAAO;IAAAE,KAAA,EACb,GAAGH,GAAA,EAAK;IAAAxC,KAAA;MAAA4C,QAAA,EAAAA,CAAA,KAEG,GAAGJ,GAAA,GAAMC,KAAA,EAAO;MAAAzC,KAAA,EACzBwC,GAAC,EAAAxC,KAAA,IAAsBwC;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Number/index.scss

@@ -0,0 +1,7 @@
+@import '../../../../scss/styles.scss';
+
+@layer payload-default {
+  .condition-value-number {
+    @include formInput;
+  }
+}

package/dist/elements/WhereBuilder/Condition/Number/types.d.ts

@@ -0,0 +1,8 @@
+import type { NumberFieldClient } from '@ruya.sa/payload';
+import type { DefaultFilterProps } from '../types.js';
+export type NumberFilterProps = {
+    readonly field: NumberFieldClient;
+    readonly onChange: (e: string) => void;
+    readonly value: number | number[];
+} & DefaultFilterProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/WhereBuilder/Condition/Number/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Number/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAClC,GAAG,kBAAkB,CAAA"}

package/dist/elements/WhereBuilder/Condition/Number/types.js

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

package/dist/elements/WhereBuilder/Condition/Number/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/types.ts"],"sourcesContent":["import type { NumberFieldClient } from '@ruya.sa/payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type NumberFilterProps = {\n  readonly field: NumberFieldClient\n  readonly onChange: (e: string) => void\n  readonly value: number | number[]\n} & DefaultFilterProps\n"],"mappings":"AAIA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Relationship/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { RelationshipFilterProps as Props } from './types.js';
+import './index.scss';
+export declare const RelationshipFilter: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/WhereBuilder/Condition/Relationship/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAG3E,OAAO,KAAK,EAAE,uBAAuB,IAAI,KAAK,EAAqB,MAAM,YAAY,CAAA;AAQrF,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwZ9C,CAAA"}