@payloadcms/ui 3.0.0-beta.12 → 3.0.0-beta.121

package/dist/elements/Upload/index.scss

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

@@ -1,12 +1,13 @@
+import type { DescriptionFunction, MappedComponent, StaticDescription } from 'payload';
 import React from 'react';
 import './index.scss';
-export type DescriptionFunction = () => string;
-export type DescriptionComponent = React.ComponentType<any>;
-type Description = DescriptionComponent | DescriptionFunction | Record<string, string> | string;
+export type ViewDescriptionComponent = React.ComponentType<any>;
+type Description = DescriptionFunction | StaticDescription | string | ViewDescriptionComponent;
 export type ViewDescriptionProps = {
-    description?: Description;
+    readonly Description?: MappedComponent;
+    readonly description?: StaticDescription;
 };
-export declare function isComponent(description: Description): description is DescriptionComponent;
+export declare function isComponent(description: Description): description is ViewDescriptionComponent;
 export declare const ViewDescription: React.FC<ViewDescriptionProps>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ViewDescription/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,mBAAmB,GAAG,MAAM,MAAM,CAAA;AAE9C,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;AAE3D,KAAK,WAAW,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;AAE/F,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,wBAAgB,WAAW,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,oBAAoB,CAEzF;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkB1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ViewDescription/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGtF,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAErB,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,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;CACzC,CAAA;AAED,wBAAgB,WAAW,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,IAAI,wBAAwB,CAE7F;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAa1D,CAAA"}

package/dist/elements/ViewDescription/index.js

@@ -1,23 +1,72 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import './index.scss';
 export function isComponent(description) {
-    return /*#__PURE__*/ React.isValidElement(description);
+  return /*#__PURE__*/React.isValidElement(description);
 }
-export const ViewDescription = (props)=>{
-    const { i18n } = useTranslation();
-    const { description } = props;
-    if (isComponent(description)) {
-        const Description = description;
-        return /*#__PURE__*/ React.createElement(Description, null);
+export const ViewDescription = props => {
+  const $ = _c(11);
+  const {
+    i18n
+  } = useTranslation();
+  let Description;
+  let description;
+  let rest;
+  if ($[0] !== props) {
+    ({
+      Description,
+      description,
+      ...rest
+    } = props);
+    $[0] = props;
+    $[1] = Description;
+    $[2] = description;
+    $[3] = rest;
+  } else {
+    Description = $[1];
+    description = $[2];
+    rest = $[3];
+  }
+  if (Description) {
+    let t0;
+    if ($[4] !== description || $[5] !== rest || $[6] !== Description) {
+      t0 = _jsx(RenderComponent, {
+        clientProps: {
+          description,
+          ...rest
+        },
+        mappedComponent: Description
+      });
+      $[4] = description;
+      $[5] = rest;
+      $[6] = Description;
+      $[7] = t0;
+    } else {
+      t0 = $[7];
     }
-    if (description) {
-        return /*#__PURE__*/ React.createElement("div", {
-            className: "view-description"
-        }, typeof description === 'function' ? description() : getTranslation(description, i18n));
+    return t0;
+  }
+  if (description) {
+    let t0;
+    if ($[8] !== description || $[9] !== i18n) {
+      t0 = _jsx("div", {
+        className: "view-description",
+        children: getTranslation(description, i18n)
+      });
+      $[8] = description;
+      $[9] = i18n;
+      $[10] = t0;
+    } else {
+      t0 = $[10];
     }
-    return null;
+    return t0;
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nexport type DescriptionFunction = () => string\n\nexport type DescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionComponent | DescriptionFunction | Record<string, string> | string\n\nexport type ViewDescriptionProps = {\n  description?: Description\n}\n\nexport function isComponent(description: Description): description is DescriptionComponent {\n  return React.isValidElement(description)\n}\n\nexport const ViewDescription: React.FC<ViewDescriptionProps> = (props) => {\n  const { i18n } = useTranslation()\n  const { description } = props\n\n  if (isComponent(description)) {\n    const Description = description\n    return <Description />\n  }\n\n  if (description) {\n    return (\n      <div className=\"view-description\">\n        {typeof description === 'function' ? description() : getTranslation(description, i18n)}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["getTranslation","React","useTranslation","isComponent","description","isValidElement","ViewDescription","props","i18n","Description","div","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,uCAAsC;AAarE,OAAO,SAASC,YAAYC,WAAwB;IAClD,qBAAOH,MAAMI,cAAc,CAACD;AAC9B;AAEA,OAAO,MAAME,kBAAkD,CAACC;IAC9D,MAAM,EAAEC,IAAI,EAAE,GAAGN;IACjB,MAAM,EAAEE,WAAW,EAAE,GAAGG;IAExB,IAAIJ,YAAYC,cAAc;QAC5B,MAAMK,cAAcL;QACpB,qBAAO,oBAACK;IACV;IAEA,IAAIL,aAAa;QACf,qBACE,oBAACM;YAAIC,WAAU;WACZ,OAAOP,gBAAgB,aAAaA,gBAAgBJ,eAAeI,aAAaI;IAGvF;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","RenderComponent","useTranslation","isComponent","description","isValidElement","ViewDescription","props","$","i18n","Description","rest","t0","_jsx","clientProps","mappedComponent","className","children"],"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { DescriptionFunction, MappedComponent, StaticDescription } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nexport type ViewDescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionFunction | StaticDescription | string | ViewDescriptionComponent\n\nexport type ViewDescriptionProps = {\n  readonly Description?: MappedComponent\n  readonly description?: StaticDescription\n}\n\nexport function isComponent(description: Description): description is ViewDescriptionComponent {\n  return React.isValidElement(description)\n}\n\nexport const ViewDescription: React.FC<ViewDescriptionProps> = (props) => {\n  const { i18n } = useTranslation()\n  const { Description, description, ...rest } = props\n\n  if (Description) {\n    return <RenderComponent clientProps={{ description, ...rest }} mappedComponent={Description} />\n  }\n\n  if (description) {\n    return <div className=\"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,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAWP,OAAO,SAASC,YAAYC,WAAwB;EAClD,oBAAOJ,KAAA,CAAMK,cAAc,CAACD,WAAA;AAC9B;AAEA,OAAO,MAAME,eAAA,GAAkDC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAC7D;IAAAW;EAAA,IAAiBP,cAAA;EAAA,IAAAQ,WAAA;EAAA,IAAAN,WAAA;EAAA,IAAAO,IAAA;EAAA,IAAAH,CAAA,QAAAD,KAAA;IACjB;MAAAG,WAAA;MAAAN,WAAA;MAAA,GAAAO;IAAA,IAA8CJ,KAAA;IAAAC,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAE,WAAA;IAAAF,CAAA,MAAAJ,WAAA;IAAAI,CAAA,MAAAG,IAAA;EAAA;IAAAD,WAAA,GAAAF,CAAA;IAAAJ,WAAA,GAAAI,CAAA;IAAAG,IAAA,GAAAH,CAAA;EAAA;EAAA,IAE1CE,WAAA;IAAA,IAAAE,EAAA;IAAA,IAAAJ,CAAA,QAAAJ,WAAA,IAAAI,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAE,WAAA;MACKE,EAAA,GAAAC,IAAA,CAAAZ,eAAA;QAAAa,WAAA;UAAAV,WAAA;UAAA,GAAgDO;QAAI;QAAAI,eAAA,EAAqBL;MAAA,C;;;;;;;;WAAzEE,E;;MAGLR,WAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAJ,CAAA,QAAAJ,WAAA,IAAAI,CAAA,QAAAC,IAAA;MACKG,EAAA,GAAAC,IAAA,CAAC;QAAAG,SAAA,EAAc;QAAAC,QAAA,EAAoBlB,cAAA,CAAeK,WAAA,EAAaK,IAAA;MAAA,C;;;;;;;WAA/DG,E;;;CAIX","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ViewDescription/types.ts"],"names":[],"rangeMappings":"","mappings":""}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQrC,CAAA"}

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

@@ -1,16 +1,26 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { DatePickerField } from '../../../DatePicker/index.js';
 const baseClass = 'condition-value-date';
-export const DateField = ({ admin, disabled, onChange, value })=>{
-    const { date } = admin || {};
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(DatePickerField, {
-        ...date,
-        onChange: onChange,
-        readOnly: disabled,
-        value: value
-    }));
+export const DateField = ({
+  admin,
+  disabled,
+  onChange,
+  value
+}) => {
+  const {
+    date
+  } = admin || {};
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsx(DatePickerField, {
+      ...date,
+      onChange: onChange,
+      readOnly: disabled,
+      value: value
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateField: React.FC<Props> = ({ admin, disabled, onChange, value }) => {\n  const { date } = admin || {}\n\n  return (\n    <div className={baseClass}>\n      <DatePickerField {...date} onChange={onChange} readOnly={disabled} value={value} />\n    </div>\n  )\n}\n"],"names":["React","DatePickerField","baseClass","DateField","admin","disabled","onChange","value","date","div","className","readOnly"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,eAAe,QAAQ,+BAA8B;AAE9D,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAA6B,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE;IAC7E,MAAM,EAAEC,IAAI,EAAE,GAAGJ,SAAS,CAAC;IAE3B,qBACE,oBAACK;QAAIC,WAAWR;qBACd,oBAACD;QAAiB,GAAGO,IAAI;QAAEF,UAAUA;QAAUK,UAAUN;QAAUE,OAAOA;;AAGhF,EAAC"}
+{"version":3,"file":"index.js","names":["React","DatePickerField","baseClass","DateField","admin","disabled","onChange","value","date","_jsx","className","readOnly"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateField: React.FC<Props> = ({ admin, disabled, onChange, value }) => {\n  const { date } = admin || {}\n\n  return (\n    <div className={baseClass}>\n      <DatePickerField {...date} onChange={onChange} readOnly={disabled} value={value} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAIlB,SAASC,eAAe,QAAQ;AAEhC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAA6BA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAK,CAAE;EAC7E,MAAM;IAAEC;EAAI,CAAE,GAAGJ,KAAA,IAAS,CAAC;EAE3B,oBACEK,IAAA,CAAC;IAAIC,SAAA,EAAWR,SAAA;cACd,aAAAO,IAAA,CAACR,eAAA;MAAiB,GAAGO,IAAI;MAAEF,QAAA,EAAUA,QAAA;MAAUK,QAAA,EAAUN,QAAA;MAAUE,KAAA,EAAOA;;;AAGhF","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/types.ts"],"sourcesContent":["import type { Props as DateType } from '../../../../elements/DatePicker/types.js'\n\nexport type Props = {\n  admin?: {\n    date?: DateType\n  }\n  disabled?: boolean\n  onChange: () => void\n  value: Date\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAOC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/types.ts"],"sourcesContent":["import type { Props as DateType } from '../../../../elements/DatePicker/types.js'\n\nexport type Props = {\n  admin?: {\n    date?: DateType\n  }\n  disabled?: boolean\n  onChange: () => void\n  value: Date\n}\n"],"mappings":"AAEA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAYvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAYvC,CAAA"}

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

@@ -1,16 +1,47 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../../../providers/Translation/index.js';
+import './index.scss';
 const baseClass = 'condition-value-number';
-export const NumberField = ({ disabled, onChange, value })=>{
-    const { t } = useTranslation();
-    return /*#__PURE__*/ React.createElement("input", {
-        className: baseClass,
-        disabled: disabled,
-        onChange: (e)=>onChange(e.target.value),
-        placeholder: t('general:enterAValue'),
-        type: "number",
-        value: value
+export const NumberField = t0 => {
+  const $ = _c(7);
+  const {
+    disabled,
+    onChange,
+    value
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== onChange) {
+    t1 = e => onChange(e.target.value);
+    $[0] = onChange;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t || $[3] !== disabled || $[4] !== t1 || $[5] !== value) {
+    t2 = _jsx("input", {
+      className: baseClass,
+      disabled,
+      onChange: t1,
+      placeholder: t("general:enterAValue"),
+      type: "number",
+      value
     });
+    $[2] = t;
+    $[3] = disabled;
+    $[4] = t1;
+    $[5] = value;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-number'\n\nexport const NumberField: React.FC<Props> = ({ disabled, onChange, value }) => {\n  const { t } = useTranslation()\n  return (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"number\"\n      value={value}\n    />\n  )\n}\n"],"names":["React","useTranslation","baseClass","NumberField","disabled","onChange","value","t","input","className","e","target","placeholder","type"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAG3E,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAA+B,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE;IACxE,MAAM,EAAEC,CAAC,EAAE,GAAGN;IACd,qBACE,oBAACO;QACCC,WAAWP;QACXE,UAAUA;QACVC,UAAU,CAACK,IAAML,SAASK,EAAEC,MAAM,CAACL,KAAK;QACxCM,aAAaL,EAAE;QACfM,MAAK;QACLP,OAAOA;;AAGb,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","baseClass","NumberField","t0","$","disabled","onChange","value","t","t1","e","target","t2","_jsx","className","placeholder","type"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-number'\n\nexport const NumberField: React.FC<Props> = ({ disabled, onChange, value }) => {\n  const { t } = useTranslation()\n  return (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"number\"\n      value={value}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAA+BC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA6B;EACxE;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAKAG,EAAA,GAAAC,CAAA,IAAOJ,QAAA,CAASI,CAAA,CAAAC,MAAA,CAAAJ,KAAc;IAAAH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAG,KAAA;IAH1CK,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAI,QAAA;MAAAC,QAAA,EAGWG,EAA8B;MAAAM,WAAA,EAC3BP,CAAA,CAAE;MAAAQ,IAAA,EACV;MAAAT;IAAA,C;;;;;;;;;SALPK,E;CASJ","ignoreList":[]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/types.ts"],"sourcesContent":["export type Props = {\n  disabled?: boolean\n  onChange: (e: string) => void\n  value: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAIC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/types.ts"],"sourcesContent":["export type Props = {\n  disabled?: boolean\n  onChange: (e: string) => void\n  value: string\n}\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAG3E,OAAO,KAAK,EAAc,KAAK,EAAqB,MAAM,YAAY,CAAA;AAMtE,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoS7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAG3E,OAAO,KAAK,EAAE,KAAK,EAAqB,MAAM,YAAY,CAAA;AAM1D,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgV7C,CAAA"}