@payloadcms/ui 3.0.0-canary.ff8c8fd → 3.0.0

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

@@ -1,4 +1,4 @@
-import type { Where } from 'payload';
+import type { Operator, Where } from 'payload';
 import type { Action, FieldCondition } from '../types.js';
 export type Props = {
     andIndex: number;
@@ -7,4 +7,10 @@ export type Props = {
     orIndex: number;
     value: Where;
 };
+export type DefaultFilterProps = {
+    readonly disabled: boolean;
+    readonly onChange: (val: any) => void;
+    readonly operator: Operator;
+    readonly value: unknown;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEzD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,KAAK,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEzD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;CACxB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"sourcesContent":["import type { Where } from 'payload'\n\nimport type { Action, FieldCondition } from '../types.js'\n\nexport type Props = {\n  andIndex: number\n  dispatch: (action: Action) => void\n  fields: FieldCondition[]\n  orIndex: number\n  value: Where\n}\n"],"mappings":"AAIA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"sourcesContent":["import type { Operator, Where } from 'payload'\n\nimport type { Action, FieldCondition } from '../types.js'\n\nexport type Props = {\n  andIndex: number\n  dispatch: (action: Action) => void\n  fields: FieldCondition[]\n  orIndex: number\n  value: Where\n}\n\nexport type DefaultFilterProps = {\n  readonly disabled: boolean\n  readonly onChange: (val: any) => void\n  readonly operator: Operator\n  readonly value: unknown\n}\n"],"mappings":"AAYA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAOnD,OAAO,cAAc,CAAA;AAOrB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8NpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAMnD,OAAO,cAAc,CAAA;AAOrB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgOpD,CAAA"}

package/dist/elements/WhereBuilder/index.js

@@ -5,7 +5,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect, useState } from 'react';
 import { useListQuery } from '../../providers/ListQuery/index.js';
-import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import { Condition } from './Condition/index.js';
@@ -19,10 +18,11 @@ const baseClass = 'where-builder';
  * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).
  */
 export const WhereBuilder = props => {
-  const $ = _c(29);
+  const $ = _c(30);
   const {
     collectionPluralLabel,
-    fields
+    fields,
+    renderedFilters
   } = props;
   const {
     i18n,
@@ -61,16 +61,14 @@ export const WhereBuilder = props => {
   }
   useEffect(t1, t2);
   const {
-    searchParams
-  } = useSearchParams();
-  const {
-    handleWhereChange
+    handleWhereChange,
+    query
   } = useListQuery();
   const [shouldUpdateQuery, setShouldUpdateQuery] = React.useState(false);
   let t3;
-  if ($[7] !== searchParams.where) {
+  if ($[7] !== query.where) {
     t3 = () => {
-      const whereFromSearch = searchParams.where;
+      const whereFromSearch = query.where;
       if (whereFromSearch) {
         if (validateWhereQuery(whereFromSearch)) {
           return whereFromSearch.or;
@@ -83,7 +81,7 @@ export const WhereBuilder = props => {
       }
       return [];
     };
-    $[7] = searchParams.where;
+    $[7] = query.where;
     $[8] = t3;
   } else {
     t3 = $[8];
@@ -199,7 +197,7 @@ export const WhereBuilder = props => {
   }
   React.useEffect(t7, t8);
   let t9;
-  if ($[20] !== conditions || $[21] !== collectionPluralLabel || $[22] !== i18n || $[23] !== t || $[24] !== addCondition || $[25] !== reducedFields || $[26] !== removeCondition || $[27] !== updateCondition) {
+  if ($[20] !== conditions || $[21] !== collectionPluralLabel || $[22] !== i18n || $[23] !== t || $[24] !== addCondition || $[25] !== reducedFields || $[26] !== removeCondition || $[27] !== renderedFilters || $[28] !== updateCondition) {
     t9 = _jsxs("div", {
       className: baseClass,
       children: [conditions.length > 0 && _jsxs(React.Fragment, {
@@ -235,6 +233,7 @@ export const WhereBuilder = props => {
                       operator: initialOperator,
                       orIndex: orIndex_2,
                       removeCondition,
+                      RenderedFilter: renderedFilters?.get(initialFieldName),
                       updateCondition
                     })]
                   }, andIndex_2);
@@ -290,10 +289,11 @@ export const WhereBuilder = props => {
     $[24] = addCondition;
     $[25] = reducedFields;
     $[26] = removeCondition;
-    $[27] = updateCondition;
-    $[28] = t9;
+    $[27] = renderedFilters;
+    $[28] = updateCondition;
+    $[29] = t9;
   } else {
-    t9 = $[28];
+    t9 = $[29];
   }
   return t9;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useState","useListQuery","useSearchParams","useTranslation","Button","Condition","reduceClientFields","transformWhereQuery","validateWhereQuery","baseClass","WhereBuilder","props","$","collectionPluralLabel","fields","i18n","t","t0","reducedFields","setReducedColumns","t1","t2","searchParams","handleWhereChange","shouldUpdateQuery","setShouldUpdateQuery","t3","where","whereFromSearch","or","transformedWhere","console","warn","JSON","stringify","conditions","setConditions","t4","t5","andIndex","fieldName","orIndex","relation","newConditions","and","splice","push","addCondition","t6","andIndex_0","fieldName_0","operator","orIndex_0","value","valueArg","existingRowCondition","newRowCondition","newConditions_0","undefined","includes","updateCondition","t7","andIndex_1","orIndex_1","newConditions_1","length","removeCondition","t8","handleChange","t9","_jsxs","className","children","Fragment","_jsx","label","map","orIndex_2","compoundOrKey","Array","isArray","_","andIndex_2","initialFieldName","Object","keys","initialOperator","initialValue","buttonStyle","icon","iconPosition","iconStyle","onClick"],"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport type { WhereBuilderProps } from './types.js'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport './index.scss'\nimport { reduceClientFields } from './reduceClientFields.js'\nimport { transformWhereQuery } from './transformWhereQuery.js'\nimport validateWhereQuery from './validateWhereQuery.js'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view.\n * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const { collectionPluralLabel, fields } = props\n  const { i18n, t } = useTranslation()\n\n  const [reducedFields, setReducedColumns] = useState(() => reduceClientFields({ fields, i18n }))\n\n  useEffect(() => {\n    setReducedColumns(reduceClientFields({ fields, i18n }))\n  }, [fields, i18n])\n\n  const { searchParams } = useSearchParams()\n  const { handleWhereChange } = useListQuery()\n  const [shouldUpdateQuery, setShouldUpdateQuery] = React.useState(false)\n\n  // This handles initializing the where conditions from the search query (URL). That way, if you pass in\n  // query params to the URL, the where conditions will be initialized from those and displayed in the UI.\n  // Example: /admin/collections/posts?where[or][0][and][0][text][equals]=example%20post\n  /*\n    stored conditions look like this:\n    [\n      _or_ & _and_ queries have the same shape:\n      {\n        and: [{\n          category: {\n            equals: 'category-a'\n          }\n        }]\n      },\n\n      {\n        and:[{\n          category: {\n            equals: 'category-b'\n          },\n          text: {\n            not_equals: 'oranges'\n          },\n        }]\n      }\n    ]\n  */\n\n  const [conditions, setConditions] = React.useState(() => {\n    const whereFromSearch = searchParams.where\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\n      }\n      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or\n      }\n\n      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n    }\n\n    return []\n  })\n\n  const addCondition = React.useCallback(\n    ({ andIndex, fieldName, orIndex, relation }) => {\n      const newConditions = [...conditions]\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, { [fieldName]: {} })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [fieldName]: {},\n            },\n          ],\n        })\n      }\n      setConditions(newConditions)\n    },\n    [conditions],\n  )\n\n  const updateCondition = React.useCallback(\n    ({ andIndex, fieldName, operator, orIndex, value: valueArg }) => {\n      const existingRowCondition = conditions[orIndex].and[andIndex]\n      if (typeof existingRowCondition === 'object' && fieldName && operator) {\n        const value = valueArg ?? (operator ? existingRowCondition[operator] : '')\n        const newRowCondition = {\n          [fieldName]: operator ? { [operator]: value } : {},\n        }\n\n        if (JSON.stringify(existingRowCondition) !== JSON.stringify(newRowCondition)) {\n          const newConditions = [...conditions]\n          newConditions[orIndex].and[andIndex] = newRowCondition\n          setConditions(newConditions)\n          if (![null, undefined].includes(value)) {\n            // only update query when field/operator/value are filled out\n            setShouldUpdateQuery(true)\n          }\n        }\n      }\n    },\n    [conditions],\n  )\n\n  const removeCondition = React.useCallback(\n    ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n      setConditions(newConditions)\n      setShouldUpdateQuery(true)\n    },\n    [conditions],\n  )\n\n  React.useEffect(() => {\n    if (shouldUpdateQuery) {\n      async function handleChange() {\n        await handleWhereChange({ or: conditions })\n        setShouldUpdateQuery(false)\n      }\n      void handleChange()\n    }\n  }, [conditions, handleWhereChange, shouldUpdateQuery])\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <div className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </div>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const initialFieldName = Object.keys(conditions[orIndex].and[andIndex])[0]\n                        const initialOperator =\n                          (Object.keys(\n                            conditions[orIndex].and[andIndex]?.[initialFieldName] || {},\n                          )?.[0] as Operator) || undefined\n                        const initialValue =\n                          conditions[orIndex].and[andIndex]?.[initialFieldName]?.[\n                            initialOperator\n                          ] || ''\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldName={initialFieldName}\n                              fields={reducedFields}\n                              initialValue={initialValue}\n                              operator={initialOperator}\n                              orIndex={orIndex}\n                              removeCondition={removeCondition}\n                              updateCondition={updateCondition}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={() => {\n              addCondition({\n                andIndex: 0,\n                fieldName: reducedFields[0].value,\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={() => {\n              if (reducedFields.length > 0) {\n                addCondition({\n                  andIndex: 0,\n                  fieldName: reducedFields[0].value,\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useState","useListQuery","useTranslation","Button","Condition","reduceClientFields","transformWhereQuery","validateWhereQuery","baseClass","WhereBuilder","props","$","collectionPluralLabel","fields","renderedFilters","i18n","t","t0","reducedFields","setReducedColumns","t1","t2","handleWhereChange","query","shouldUpdateQuery","setShouldUpdateQuery","t3","where","whereFromSearch","or","transformedWhere","console","warn","JSON","stringify","conditions","setConditions","t4","t5","andIndex","fieldName","orIndex","relation","newConditions","and","splice","push","addCondition","t6","andIndex_0","fieldName_0","operator","orIndex_0","value","valueArg","existingRowCondition","newRowCondition","newConditions_0","undefined","includes","updateCondition","t7","andIndex_1","orIndex_1","newConditions_1","length","removeCondition","t8","handleChange","t9","_jsxs","className","children","Fragment","_jsx","label","map","orIndex_2","compoundOrKey","Array","isArray","_","andIndex_2","initialFieldName","Object","keys","initialOperator","initialValue","RenderedFilter","get","buttonStyle","icon","iconPosition","iconStyle","onClick"],"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport type { WhereBuilderProps } from './types.js'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport './index.scss'\nimport { reduceClientFields } from './reduceClientFields.js'\nimport { transformWhereQuery } from './transformWhereQuery.js'\nimport validateWhereQuery from './validateWhereQuery.js'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view.\n * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const { collectionPluralLabel, fields, renderedFilters } = props\n  const { i18n, t } = useTranslation()\n\n  const [reducedFields, setReducedColumns] = useState(() => reduceClientFields({ fields, i18n }))\n\n  useEffect(() => {\n    // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n    setReducedColumns(reduceClientFields({ fields, i18n }))\n  }, [fields, i18n])\n\n  const { handleWhereChange, query } = useListQuery()\n  const [shouldUpdateQuery, setShouldUpdateQuery] = React.useState(false)\n\n  // This handles initializing the where conditions from the search query (URL). That way, if you pass in\n  // query params to the URL, the where conditions will be initialized from those and displayed in the UI.\n  // Example: /admin/collections/posts?where[or][0][and][0][text][equals]=example%20post\n  /*\n    stored conditions look like this:\n    [\n      _or_ & _and_ queries have the same shape:\n      {\n        and: [{\n          category: {\n            equals: 'category-a'\n          }\n        }]\n      },\n\n      {\n        and:[{\n          category: {\n            equals: 'category-b'\n          },\n          text: {\n            not_equals: 'oranges'\n          },\n        }]\n      }\n    ]\n  */\n\n  const [conditions, setConditions] = React.useState(() => {\n    const whereFromSearch = query.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\n      }\n      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or\n      }\n\n      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n    }\n\n    return []\n  })\n\n  const addCondition = React.useCallback(\n    ({ andIndex, fieldName, orIndex, relation }) => {\n      const newConditions = [...conditions]\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, { [fieldName]: {} })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [fieldName]: {},\n            },\n          ],\n        })\n      }\n      setConditions(newConditions)\n    },\n    [conditions],\n  )\n\n  const updateCondition = React.useCallback(\n    ({ andIndex, fieldName, operator, orIndex, value: valueArg }) => {\n      const existingRowCondition = conditions[orIndex].and[andIndex]\n      if (typeof existingRowCondition === 'object' && fieldName && operator) {\n        const value = valueArg ?? (operator ? existingRowCondition[operator] : '')\n        const newRowCondition = {\n          [fieldName]: operator ? { [operator]: value } : {},\n        }\n\n        if (JSON.stringify(existingRowCondition) !== JSON.stringify(newRowCondition)) {\n          const newConditions = [...conditions]\n          newConditions[orIndex].and[andIndex] = newRowCondition\n          setConditions(newConditions)\n          if (![null, undefined].includes(value)) {\n            // only update query when field/operator/value are filled out\n            setShouldUpdateQuery(true)\n          }\n        }\n      }\n    },\n    [conditions],\n  )\n\n  const removeCondition = React.useCallback(\n    ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n      setConditions(newConditions)\n      setShouldUpdateQuery(true)\n    },\n    [conditions],\n  )\n\n  React.useEffect(() => {\n    if (shouldUpdateQuery) {\n      async function handleChange() {\n        await handleWhereChange({ or: conditions })\n        setShouldUpdateQuery(false)\n      }\n      void handleChange()\n    }\n  }, [conditions, handleWhereChange, shouldUpdateQuery])\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <div className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </div>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const initialFieldName = Object.keys(conditions[orIndex].and[andIndex])[0]\n                        const initialOperator =\n                          (Object.keys(\n                            conditions[orIndex].and[andIndex]?.[initialFieldName] || {},\n                          )?.[0] as Operator) || undefined\n                        const initialValue =\n                          conditions[orIndex].and[andIndex]?.[initialFieldName]?.[\n                            initialOperator\n                          ] || ''\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldName={initialFieldName}\n                              fields={reducedFields}\n                              initialValue={initialValue}\n                              operator={initialOperator}\n                              orIndex={orIndex}\n                              removeCondition={removeCondition}\n                              RenderedFilter={renderedFilters?.get(initialFieldName)}\n                              updateCondition={updateCondition}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={() => {\n              addCondition({\n                andIndex: 0,\n                fieldName: reducedFields[0].value,\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={() => {\n              if (reducedFields.length > 0) {\n                addCondition({\n                  andIndex: 0,\n                  fieldName: reducedFields[0].value,\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/index.scss

@@ -1,40 +1,42 @@
 @import '../../scss/styles.scss';
 
-.where-builder {
-  background: var(--theme-elevation-50);
-  padding: var(--base);
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--base) / 2);
-
-  .btn {
-    margin: 0;
-    align-self: flex-start;
-  }
-
-  &__no-filters {
+@layer payload-default {
+  .where-builder {
+    background: var(--theme-elevation-50);
+    padding: var(--base);
     display: flex;
     flex-direction: column;
     gap: calc(var(--base) / 2);
-  }
 
-  &__or-filters,
-  &__and-filters {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 2);
+    .btn {
+      margin: 0;
+      align-self: flex-start;
+    }
 
-    li {
+    &__no-filters {
       display: flex;
       flex-direction: column;
       gap: calc(var(--base) / 2);
     }
-  }
 
-  @include small-break {
-    padding: calc(var(--base) / 2);
+    &__or-filters,
+    &__and-filters {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 2);
+
+      li {
+        display: flex;
+        flex-direction: column;
+        gap: calc(var(--base) / 2);
+      }
+    }
+
+    @include small-break {
+      padding: calc(var(--base) / 2);
+    }
   }
 }

package/dist/elements/WhereBuilder/reduceClientFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reduceClientFields.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/reduceClientFields.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAMhD,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,+CAK5B,sBAAsB,KAAG,cAAc,EA6IzC,CAAA"}
+{"version":3,"file":"reduceClientFields.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/reduceClientFields.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAMhD,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,+CAK5B,sBAAsB,KAAG,cAAc,EA2IzC,CAAA"}

package/dist/elements/WhereBuilder/reduceClientFields.js

@@ -16,7 +16,9 @@ export const reduceClientFields = ({
   pathPrefix
 }) => {
   return fields.reduce((reduced, field) => {
-    if (field.admin?.disableListFilter) return reduced;
+    if (field.admin?.disableListFilter) {
+      return reduced;
+    }
     if (field.type === 'tabs' && 'tabs' in field) {
       const tabs = field.tabs;
       tabs.forEach(tab => {
@@ -91,14 +93,10 @@ export const reduceClientFields = ({
       }) : localizedLabel;
       const formattedValue = pathPrefix ? createNestedClientFieldPath(pathPrefix, field) : field.name;
       const formattedField = {
-        Filter: field.admin?.components?.Filter,
         label: formattedLabel,
         value: formattedValue,
         ...fieldTypes[field.type],
-        field: {
-          ...field,
-          ...(field?.admin?.components?.Cell || {})
-        },
+        field,
         operators
       };
       reduced.push(formattedField);

package/dist/elements/WhereBuilder/reduceClientFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"reduceClientFields.js","names":["getTranslation","tabHasName","createNestedClientFieldPath","combineLabel","fieldTypes","reduceClientFields","fields","i18n","labelPrefix","pathPrefix","reduce","reduced","field","admin","disableListFilter","type","tabs","forEach","tab","label","localizedTabLabel","labelWithPrefix","tabPathPrefix","name","push","translatedLabel","pathWithPrefix","operatorKeys","Set","operators","acc","operator","has","value","add","operatorKey","t","localizedLabel","formattedLabel","prefix","formattedValue","formattedField","Filter","components","Cell"],"sources":["../../../src/elements/WhereBuilder/reduceClientFields.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys, I18nClient } from '@payloadcms/translations'\nimport type { ClientField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { tabHasName } from 'payload/shared'\n\nimport type { FieldCondition } from './types.js'\n\nimport { createNestedClientFieldPath } from '../../forms/Form/createNestedClientFieldPath.js'\nimport { combineLabel } from '../FieldSelect/index.js'\nimport fieldTypes from './field-types.js'\n\nexport type ReduceClientFieldsArgs = {\n  fields: ClientField[]\n  i18n: I18nClient\n  labelPrefix?: string\n  pathPrefix?: string\n}\n\n/**\n * Reduces a field map to a flat array of fields with labels and values.\n * Used in the WhereBuilder component to render the fields in the dropdown.\n */\nexport const reduceClientFields = ({\n  fields,\n  i18n,\n  labelPrefix,\n  pathPrefix,\n}: ReduceClientFieldsArgs): FieldCondition[] => {\n  return fields.reduce((reduced, field) => {\n    if (field.admin?.disableListFilter) return reduced\n\n    if (field.type === 'tabs' && 'tabs' in field) {\n      const tabs = field.tabs\n\n      tabs.forEach((tab) => {\n        if (typeof tab.label !== 'boolean') {\n          const localizedTabLabel = getTranslation(tab.label, i18n)\n\n          const labelWithPrefix = labelPrefix\n            ? labelPrefix + ' > ' + localizedTabLabel\n            : localizedTabLabel\n\n          // Make sure we handle nested tabs\n          const tabPathPrefix =\n            tabHasName(tab) && tab.name\n              ? pathPrefix\n                ? pathPrefix + '.' + tab.name\n                : tab.name\n              : pathPrefix\n\n          if (typeof localizedTabLabel === 'string') {\n            reduced.push(\n              ...reduceClientFields({\n                fields: tab.fields,\n                i18n,\n                labelPrefix: labelWithPrefix,\n                pathPrefix: tabPathPrefix,\n              }),\n            )\n          }\n        }\n      })\n      return reduced\n    }\n\n    // Rows cant have labels, so we need to handle them differently\n    if (field.type === 'row' && 'fields' in field) {\n      reduced.push(\n        ...reduceClientFields({\n          fields: field.fields,\n          i18n,\n          labelPrefix,\n          pathPrefix,\n        }),\n      )\n      return reduced\n    }\n\n    if (field.type === 'collapsible' && 'fields' in field) {\n      const localizedTabLabel = getTranslation(field.label || '', i18n)\n\n      const labelWithPrefix = labelPrefix\n        ? labelPrefix + ' > ' + localizedTabLabel\n        : localizedTabLabel\n\n      reduced.push(\n        ...reduceClientFields({\n          fields: field.fields,\n          i18n,\n          labelPrefix: labelWithPrefix,\n          pathPrefix,\n        }),\n      )\n      return reduced\n    }\n\n    if (field.type === 'group' && 'fields' in field) {\n      const translatedLabel = getTranslation(field.label || '', i18n)\n\n      const labelWithPrefix = labelPrefix\n        ? translatedLabel\n          ? labelPrefix + ' > ' + translatedLabel\n          : labelPrefix\n        : translatedLabel\n\n      // Make sure we handle deeply nested groups\n      const pathWithPrefix = field.name\n        ? pathPrefix\n          ? pathPrefix + '.' + field.name\n          : field.name\n        : pathPrefix\n\n      reduced.push(\n        ...reduceClientFields({\n          fields: field.fields,\n          i18n,\n          labelPrefix: labelWithPrefix,\n          pathPrefix: pathWithPrefix,\n        }),\n      )\n      return reduced\n    }\n\n    if (typeof fieldTypes[field.type] === 'object') {\n      const operatorKeys = new Set()\n      const operators = fieldTypes[field.type].operators.reduce((acc, operator) => {\n        if (!operatorKeys.has(operator.value)) {\n          operatorKeys.add(operator.value)\n          const operatorKey = `operators:${operator.label}` as ClientTranslationKeys\n          acc.push({\n            ...operator,\n            label: i18n.t(operatorKey),\n          })\n        }\n        return acc\n      }, [])\n\n      const localizedLabel = getTranslation(field.label || '', i18n)\n\n      const formattedLabel = labelPrefix\n        ? combineLabel({\n            field,\n            prefix: labelPrefix,\n          })\n        : localizedLabel\n\n      const formattedValue = pathPrefix\n        ? createNestedClientFieldPath(pathPrefix, field)\n        : field.name\n\n      const formattedField: FieldCondition = {\n        Filter: field.admin?.components?.Filter,\n        label: formattedLabel,\n        value: formattedValue,\n        ...fieldTypes[field.type],\n        field: {\n          ...field,\n          ...(field?.admin?.components?.Cell || {}),\n        },\n        operators,\n      }\n\n      reduced.push(formattedField)\n      return reduced\n    }\n\n    return reduced\n  }, [])\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"reduceClientFields.js","names":["getTranslation","tabHasName","createNestedClientFieldPath","combineLabel","fieldTypes","reduceClientFields","fields","i18n","labelPrefix","pathPrefix","reduce","reduced","field","admin","disableListFilter","type","tabs","forEach","tab","label","localizedTabLabel","labelWithPrefix","tabPathPrefix","name","push","translatedLabel","pathWithPrefix","operatorKeys","Set","operators","acc","operator","has","value","add","operatorKey","t","localizedLabel","formattedLabel","prefix","formattedValue","formattedField"],"sources":["../../../src/elements/WhereBuilder/reduceClientFields.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys, I18nClient } from '@payloadcms/translations'\nimport type { ClientField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { tabHasName } from 'payload/shared'\n\nimport type { FieldCondition } from './types.js'\n\nimport { createNestedClientFieldPath } from '../../forms/Form/createNestedClientFieldPath.js'\nimport { combineLabel } from '../FieldSelect/index.js'\nimport fieldTypes from './field-types.js'\n\nexport type ReduceClientFieldsArgs = {\n  fields: ClientField[]\n  i18n: I18nClient\n  labelPrefix?: string\n  pathPrefix?: string\n}\n\n/**\n * Reduces a field map to a flat array of fields with labels and values.\n * Used in the WhereBuilder component to render the fields in the dropdown.\n */\nexport const reduceClientFields = ({\n  fields,\n  i18n,\n  labelPrefix,\n  pathPrefix,\n}: ReduceClientFieldsArgs): FieldCondition[] => {\n  return fields.reduce((reduced, field) => {\n    if (field.admin?.disableListFilter) {\n      return reduced\n    }\n\n    if (field.type === 'tabs' && 'tabs' in field) {\n      const tabs = field.tabs\n\n      tabs.forEach((tab) => {\n        if (typeof tab.label !== 'boolean') {\n          const localizedTabLabel = getTranslation(tab.label, i18n)\n\n          const labelWithPrefix = labelPrefix\n            ? labelPrefix + ' > ' + localizedTabLabel\n            : localizedTabLabel\n\n          // Make sure we handle nested tabs\n          const tabPathPrefix =\n            tabHasName(tab) && tab.name\n              ? pathPrefix\n                ? pathPrefix + '.' + tab.name\n                : tab.name\n              : pathPrefix\n\n          if (typeof localizedTabLabel === 'string') {\n            reduced.push(\n              ...reduceClientFields({\n                fields: tab.fields,\n                i18n,\n                labelPrefix: labelWithPrefix,\n                pathPrefix: tabPathPrefix,\n              }),\n            )\n          }\n        }\n      })\n      return reduced\n    }\n\n    // Rows cant have labels, so we need to handle them differently\n    if (field.type === 'row' && 'fields' in field) {\n      reduced.push(\n        ...reduceClientFields({\n          fields: field.fields,\n          i18n,\n          labelPrefix,\n          pathPrefix,\n        }),\n      )\n      return reduced\n    }\n\n    if (field.type === 'collapsible' && 'fields' in field) {\n      const localizedTabLabel = getTranslation(field.label || '', i18n)\n\n      const labelWithPrefix = labelPrefix\n        ? labelPrefix + ' > ' + localizedTabLabel\n        : localizedTabLabel\n\n      reduced.push(\n        ...reduceClientFields({\n          fields: field.fields,\n          i18n,\n          labelPrefix: labelWithPrefix,\n          pathPrefix,\n        }),\n      )\n      return reduced\n    }\n\n    if (field.type === 'group' && 'fields' in field) {\n      const translatedLabel = getTranslation(field.label || '', i18n)\n\n      const labelWithPrefix = labelPrefix\n        ? translatedLabel\n          ? labelPrefix + ' > ' + translatedLabel\n          : labelPrefix\n        : translatedLabel\n\n      // Make sure we handle deeply nested groups\n      const pathWithPrefix = field.name\n        ? pathPrefix\n          ? pathPrefix + '.' + field.name\n          : field.name\n        : pathPrefix\n\n      reduced.push(\n        ...reduceClientFields({\n          fields: field.fields,\n          i18n,\n          labelPrefix: labelWithPrefix,\n          pathPrefix: pathWithPrefix,\n        }),\n      )\n      return reduced\n    }\n\n    if (typeof fieldTypes[field.type] === 'object') {\n      const operatorKeys = new Set()\n      const operators = fieldTypes[field.type].operators.reduce((acc, operator) => {\n        if (!operatorKeys.has(operator.value)) {\n          operatorKeys.add(operator.value)\n          const operatorKey = `operators:${operator.label}` as ClientTranslationKeys\n          acc.push({\n            ...operator,\n            label: i18n.t(operatorKey),\n          })\n        }\n        return acc\n      }, [])\n\n      const localizedLabel = getTranslation(field.label || '', i18n)\n\n      const formattedLabel = labelPrefix\n        ? combineLabel({\n            field,\n            prefix: labelPrefix,\n          })\n        : localizedLabel\n\n      const formattedValue = pathPrefix\n        ? createNestedClientFieldPath(pathPrefix, field)\n        : field.name\n\n      const formattedField: FieldCondition = {\n        label: formattedLabel,\n        value: formattedValue,\n        ...fieldTypes[field.type],\n        field,\n        operators,\n      }\n\n      reduced.push(formattedField)\n      return reduced\n    }\n\n    return reduced\n  }, [])\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +1,11 @@
-import type { ClientField, MappedComponent, Operator, SanitizedCollectionConfig, Where } from 'payload';
+import type { ClientField, Operator, SanitizedCollectionConfig, Where } from 'payload';
 export type WhereBuilderProps = {
     readonly collectionPluralLabel: SanitizedCollectionConfig['labels']['plural'];
     readonly collectionSlug: SanitizedCollectionConfig['slug'];
     readonly fields?: ClientField[];
+    readonly renderedFilters?: Map<string, React.ReactNode>;
 };
 export type FieldCondition = {
-    Filter: MappedComponent;
-    component?: string;
     field: ClientField;
     label: string;
     operators: {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EACf,QAAQ,EACR,yBAAyB,EACzB,KAAK,EACN,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,qBAAqB,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC7E,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,eAAe,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,QAAQ,CAAA;KAChB,EAAE,CAAA;IACH,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAA;AAEnC,MAAM,MAAM,GAAG,GAAG;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,KAAK,EAAE,CAAA;CACZ,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,yBAAyB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEtF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,qBAAqB,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC7E,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IAC/B,QAAQ,CAAC,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CACxD,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,QAAQ,CAAA;KAChB,EAAE,CAAA;IACH,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAA;AAEnC,MAAM,MAAM,GAAG,GAAG;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,KAAK,EAAE,CAAA;CACZ,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/WhereBuilder/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  MappedComponent,\n  Operator,\n  SanitizedCollectionConfig,\n  Where,\n} from 'payload'\n\nexport type WhereBuilderProps = {\n  readonly collectionPluralLabel: SanitizedCollectionConfig['labels']['plural']\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields?: ClientField[]\n}\n\nexport type FieldCondition = {\n  Filter: MappedComponent\n  component?: string\n  field: ClientField\n  label: string\n  operators: {\n    label: string\n    value: Operator\n  }[]\n  value: string\n}\n\nexport type Relation = 'and' | 'or'\n\nexport type ADD = {\n  andIndex?: number\n  field: string\n  orIndex?: number\n  relation?: Relation\n  type: 'add'\n}\n\nexport type REMOVE = {\n  andIndex: number\n  orIndex: number\n  type: 'remove'\n}\n\nexport type UPDATE = {\n  andIndex: number\n  field?: string\n  operator?: string\n  orIndex: number\n  type: 'update'\n  value?: unknown\n}\n\nexport type Action = ADD | REMOVE | UPDATE\n\nexport type State = {\n  or: Where[]\n}\n"],"mappings":"AAqDA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/WhereBuilder/types.ts"],"sourcesContent":["import type { ClientField, Operator, SanitizedCollectionConfig, Where } from 'payload'\n\nexport type WhereBuilderProps = {\n  readonly collectionPluralLabel: SanitizedCollectionConfig['labels']['plural']\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields?: ClientField[]\n  readonly renderedFilters?: Map<string, React.ReactNode>\n}\n\nexport type FieldCondition = {\n  field: ClientField\n  label: string\n  operators: {\n    label: string\n    value: Operator\n  }[]\n  value: string\n}\n\nexport type Relation = 'and' | 'or'\n\nexport type ADD = {\n  andIndex?: number\n  field: string\n  orIndex?: number\n  relation?: Relation\n  type: 'add'\n}\n\nexport type REMOVE = {\n  andIndex: number\n  orIndex: number\n  type: 'remove'\n}\n\nexport type UPDATE = {\n  andIndex: number\n  field?: string\n  operator?: string\n  orIndex: number\n  type: 'update'\n  value?: unknown\n}\n\nexport type Action = ADD | REMOVE | UPDATE\n\nexport type State = {\n  or: Where[]\n}\n"],"mappings":"AA8CA","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-import { WindowInfoProvider, useWindowInfo } from '@faceless-ui/window-info';
-export { WindowInfoProvider, useWindowInfo };
+import { useWindowInfo, WindowInfoProvider } from '@faceless-ui/window-info';
+export { useWindowInfo, WindowInfoProvider };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WindowInfo/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WindowInfo/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/elements/WindowInfo/index.js

@@ -1,5 +1,5 @@
 'use client';
 
-import { WindowInfoProvider, useWindowInfo } from '@faceless-ui/window-info';
-export { WindowInfoProvider, useWindowInfo };
+import { useWindowInfo, WindowInfoProvider } from '@faceless-ui/window-info';
+export { useWindowInfo, WindowInfoProvider };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["WindowInfoProvider","useWindowInfo"],"sources":["../../../src/elements/WindowInfo/index.tsx"],"sourcesContent":["'use client'\nimport { WindowInfoProvider, useWindowInfo } from '@faceless-ui/window-info'\nexport { WindowInfoProvider, useWindowInfo }\n"],"mappings":"AAAA;;AACA,SAASA,kBAAkB,EAAEC,aAAa,QAAQ;AAClD,SAASD,kBAAkB,EAAEC,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useWindowInfo","WindowInfoProvider"],"sources":["../../../src/elements/WindowInfo/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo, WindowInfoProvider } from '@faceless-ui/window-info'\nexport { useWindowInfo, WindowInfoProvider }\n"],"mappings":"AAAA;;AACA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ;AAClD,SAASD,aAAa,EAAEC,kBAAkB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["isReactServerComponentOrFunction","React","WithServerSideProps","Component","serverOnlyProps","rest","passedProps","propsWithServerOnlyProps","_jsx"],"sources":["../../../src/elements/WithServerSideProps/index.tsx"],"sourcesContent":["import type { WithServerSidePropsComponent } from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nexport const WithServerSideProps: WithServerSidePropsComponent = ({\n  Component,\n  serverOnlyProps,\n  ...rest\n}) => {\n  if (Component) {\n    const WithServerSideProps: React.FC = (passedProps) => {\n      const propsWithServerOnlyProps = {\n        ...passedProps,\n        ...(isReactServerComponentOrFunction(Component) ? serverOnlyProps ?? {} : {}),\n      }\n\n      return <Component {...propsWithServerOnlyProps} />\n    }\n\n    return <WithServerSideProps {...rest} />\n  }\n\n  return null\n}\n"],"mappings":";AAEA,SAASA,gCAAgC,QAAQ;AACjD,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,mBAAA,GAAoDA,CAAC;EAChEC,SAAS;EACTC,eAAe;EACf,GAAGC;AAAA,CACJ;EACC,IAAIF,SAAA,EAAW;IACb,MAAMD,mBAAA,GAAiCI,WAAA;MACrC,MAAMC,wBAAA,GAA2B;QAC/B,GAAGD,WAAW;QACd,IAAIN,gCAAA,CAAiCG,SAAA,IAAaC,eAAA,IAAmB,CAAC,IAAI,CAAC,CAAC;MAC9E;MAEA,oBAAOI,IAAA,CAACL,SAAA;QAAW,GAAGI;;IACxB;IAEA,oBAAOC,IAAA,CAACN,mBAAA;MAAqB,GAAGG;;EAClC;EAEA,OAAO;AACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["isReactServerComponentOrFunction","React","WithServerSideProps","Component","serverOnlyProps","rest","passedProps","propsWithServerOnlyProps","_jsx"],"sources":["../../../src/elements/WithServerSideProps/index.tsx"],"sourcesContent":["import type { WithServerSidePropsComponent } from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nexport const WithServerSideProps: WithServerSidePropsComponent = ({\n  Component,\n  serverOnlyProps,\n  ...rest\n}) => {\n  if (Component) {\n    const WithServerSideProps: React.FC = (passedProps) => {\n      const propsWithServerOnlyProps = {\n        ...passedProps,\n        ...(isReactServerComponentOrFunction(Component) ? (serverOnlyProps ?? {}) : {}),\n      }\n\n      return <Component {...propsWithServerOnlyProps} />\n    }\n\n    return <WithServerSideProps {...rest} />\n  }\n\n  return null\n}\n"],"mappings":";AAEA,SAASA,gCAAgC,QAAQ;AACjD,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,mBAAA,GAAoDA,CAAC;EAChEC,SAAS;EACTC,eAAe;EACf,GAAGC;AAAA,CACJ;EACC,IAAIF,SAAA,EAAW;IACb,MAAMD,mBAAA,GAAiCI,WAAA;MACrC,MAAMC,wBAAA,GAA2B;QAC/B,GAAGD,WAAW;QACd,IAAIN,gCAAA,CAAiCG,SAAA,IAAcC,eAAA,IAAmB,CAAC,IAAK,CAAC,CAAC;MAChF;MAEA,oBAAOI,IAAA,CAACL,SAAA;QAAW,GAAGI;;IACxB;IAEA,oBAAOC,IAAA,CAACN,mBAAA;MAAqB,GAAGG;;EAClC;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/exports/client/CodeEditor-DRTCMRCY.js

@@ -0,0 +1,26 @@
+"use client";
+// Workaround for react-datepicker and other cjs dependencies potentially inserting require("react") statements
+import * as requireReact from 'react';
+import * as requireReactDom from 'react-dom';
+
+function require(m) {
+ if (m === 'react') return requireReact;
+ if (m === 'react-dom') return requireReactDom;
+ throw new Error(`Unknown module ${m}`);
+}
+// Workaround end
+
+import{d as ce,h as ue}from"./chunk-PNHVQDTJ.js";import"./chunk-5LKBKI4T.js";import{c as Zt}from"react/compiler-runtime";import{jsx as De}from"react/jsx-runtime";function We(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function le(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function ee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?le(Object(r),!0).forEach(function(n){We(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):le(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Ne(e,t){if(e==null)return{};var r={},n=Object.keys(e),o,i;for(i=0;i<n.length;i++)o=n[i],!(t.indexOf(o)>=0)&&(r[o]=e[o]);return r}function fe(e,t){if(e==null)return{};var r=Ne(e,t),n,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function de(e,t){return ze(e)||He(e,t)||Ue(e,t)||_e()}function ze(e){if(Array.isArray(e))return e}function He(e,t){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(e)))){var r=[],n=!0,o=!1,i=void 0;try{for(var a=e[Symbol.iterator](),u;!(n=(u=a.next()).done)&&(r.push(u.value),!(t&&r.length===t));n=!0);}catch(s){o=!0,i=s}finally{try{!n&&a.return!=null&&a.return()}finally{if(o)throw i}}return r}}function Ue(e,t){if(e){if(typeof e=="string")return se(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return se(e,t)}}function se(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _e(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function pe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function me(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?pe(Object(r),!0).forEach(function(n){$e(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):pe(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function qe(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(n){return t.reduceRight(function(o,i){return i(o)},n)}}function H(e){return function t(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=e.length?e.apply(this,o):function(){for(var a=arguments.length,u=new Array(a),s=0;s<a;s++)u[s]=arguments[s];return t.apply(r,[].concat(o,u))}}}function k(e){return{}.toString.call(e).includes("Object")}function Be(e){return!Object.keys(e).length}function U(e){return typeof e=="function"}function Fe(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function ke(e,t){return k(t)||x("changeType"),Object.keys(t).some(function(r){return!Fe(e,r)})&&x("changeField"),t}function Ke(e){U(e)||x("selectorType")}function Ge(e){U(e)||k(e)||x("handlerType"),k(e)&&Object.values(e).some(function(t){return!U(t)})&&x("handlersType")}function Ye(e){e||x("initialIsRequired"),k(e)||x("initialType"),Be(e)&&x("initialContent")}function Je(e,t){throw new Error(e[t]||e.default)}var Qe={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},x=H(Je)(Qe),F={changes:ke,selector:Ke,handler:Ge,initial:Ye};function Xe(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};F.initial(e),F.handler(t);var r={current:e},n=H(tt)(r,t),o=H(et)(r),i=H(F.changes)(e),a=H(Ze)(r);function u(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(O){return O};return F.selector(d),d(r.current)}function s(d){qe(n,o,i,a)(d)}return[u,s]}function Ze(e,t){return U(t)?t(e.current):t}function et(e,t){return e.current=me(me({},e.current),t),t}function tt(e,t,r){return U(t)?t(e.current):Object.keys(r).forEach(function(n){var o;return(o=t[n])===null||o===void 0?void 0:o.call(t,e.current[n])}),r}var rt={create:Xe},ge=rt;var nt={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.43.0/min/vs"}},he=nt;function ot(e){return function t(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=e.length?e.apply(this,o):function(){for(var a=arguments.length,u=new Array(a),s=0;s<a;s++)u[s]=arguments[s];return t.apply(r,[].concat(o,u))}}}var ve=ot;function it(e){return{}.toString.call(e).includes("Object")}var be=it;function at(e){return e||ye("configIsRequired"),be(e)||ye("configType"),e.urls?(ct(),{paths:{vs:e.urls.monacoBase}}):e}function ct(){console.warn(we.deprecation)}function ut(e,t){throw new Error(e[t]||e.default)}var we={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  `},ye=ve(ut)(we),lt={config:at},Oe=lt;var st=function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return function(o){return r.reduceRight(function(i,a){return a(i)},o)}},je=st;function Me(e,t){return Object.keys(t).forEach(function(r){t[r]instanceof Object&&e[r]&&Object.assign(t[r],Me(e[r],t[r]))}),ee(ee({},e),t)}var Se=Me;var ft={type:"cancelation",msg:"operation is manually canceled"};function dt(e){var t=!1,r=new Promise(function(n,o){e.then(function(i){return t?o(ft):n(i)}),e.catch(o)});return r.cancel=function(){return t=!0},r}var K=dt;var pt=ge.create({config:he,isInitialized:!1,resolve:null,reject:null,monaco:null}),Pe=de(pt,2),_=Pe[0],G=Pe[1];function mt(e){var t=Oe.config(e),r=t.monaco,n=fe(t,["monaco"]);G(function(o){return{config:Se(o.config,n),monaco:r}})}function gt(){var e=_(function(t){var r=t.monaco,n=t.isInitialized,o=t.resolve;return{monaco:r,isInitialized:n,resolve:o}});if(!e.isInitialized){if(G({isInitialized:!0}),e.monaco)return e.resolve(e.monaco),K(te);if(window.monaco&&window.monaco.editor)return Ee(window.monaco),e.resolve(window.monaco),K(te);je(ht,bt)(yt)}return K(te)}function ht(e){return document.body.appendChild(e)}function vt(e){var t=document.createElement("script");return e&&(t.src=e),t}function bt(e){var t=_(function(n){var o=n.config,i=n.reject;return{config:o,reject:i}}),r=vt("".concat(t.config.paths.vs,"/loader.js"));return r.onload=function(){return e()},r.onerror=t.reject,r}function yt(){var e=_(function(r){var n=r.config,o=r.resolve,i=r.reject;return{config:n,resolve:o,reject:i}}),t=window.require;t.config(e.config),t(["vs/editor/editor.main"],function(r){Ee(r),e.resolve(r)},function(r){e.reject(r)})}function Ee(e){_().monaco||G({monaco:e})}function wt(){return _(function(e){var t=e.monaco;return t})}var te=new Promise(function(e,t){return G({resolve:e,reject:t})}),Ot={config:mt,init:gt,__getMonacoInstance:wt},L=Ot;import{memo as jt}from"react";import Mt,{useState as Ie,useRef as R,useCallback as Ce,useEffect as xe}from"react";import{memo as St}from"react";import re from"react";import Et from"react";import{useEffect as Dt}from"react";import{useEffect as Wt,useRef as Nt}from"react";import{useState as Hr}from"react";import{memo as qt}from"react";import Bt,{useState as Te,useEffect as Y,useRef as M,useCallback as Ft}from"react";import{useEffect as kt,useRef as Kt}from"react";var Pt={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},ne=Pt,It={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Ct=It;function xt({children:e}){return Et.createElement("div",{style:Ct.container},e)}var Tt=xt,Lt=Tt;function At({width:e,height:t,isEditorReady:r,loading:n,_ref:o,className:i,wrapperProps:a}){return re.createElement("section",{style:{...ne.wrapper,width:e,height:t},...a},!r&&re.createElement(Lt,null,n),re.createElement("div",{ref:o,style:{...ne.fullWidth,...!r&&ne.hide},className:i}))}var Rt=At,Le=St(Rt);function Vt(e){Dt(e,[])}var Ae=Vt;function zt(e,t,r=!0){let n=Nt(!0);Wt(n.current||!r?()=>{n.current=!1}:e,t)}var w=zt;function $(){}function D(e,t,r,n){return Ht(e,n)||Ut(e,t,r,n)}function Ht(e,t){return e.editor.getModel(Re(e,t))}function Ut(e,t,r,n){return e.editor.createModel(t,r,n?Re(e,n):void 0)}function Re(e,t){return e.Uri.parse(t)}function _t({original:e,modified:t,language:r,originalLanguage:n,modifiedLanguage:o,originalModelPath:i,modifiedModelPath:a,keepCurrentOriginalModel:u=!1,keepCurrentModifiedModel:s=!1,theme:d="light",loading:O="Loading...",options:y={},height:S="100%",width:T="100%",className:P,wrapperProps:E={},beforeMount:I=$,onMount:j=$}){let[p,V]=Ie(!1),[W,m]=Ie(!0),g=R(null),f=R(null),N=R(null),v=R(j),c=R(I),A=R(!1);Ae(()=>{let l=L.init();return l.then(h=>(f.current=h)&&m(!1)).catch(h=>h?.type!=="cancelation"&&console.error("Monaco initialization: error:",h)),()=>g.current?z():l.cancel()}),w(()=>{if(g.current&&f.current){let l=g.current.getOriginalEditor(),h=D(f.current,e||"",n||r||"text",i||"");h!==l.getModel()&&l.setModel(h)}},[i],p),w(()=>{if(g.current&&f.current){let l=g.current.getModifiedEditor(),h=D(f.current,t||"",o||r||"text",a||"");h!==l.getModel()&&l.setModel(h)}},[a],p),w(()=>{let l=g.current.getModifiedEditor();l.getOption(f.current.editor.EditorOption.readOnly)?l.setValue(t||""):t!==l.getValue()&&(l.executeEdits("",[{range:l.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),l.pushUndoStop())},[t],p),w(()=>{g.current?.getModel()?.original.setValue(e||"")},[e],p),w(()=>{let{original:l,modified:h}=g.current.getModel();f.current.editor.setModelLanguage(l,n||r||"text"),f.current.editor.setModelLanguage(h,o||r||"text")},[r,n,o],p),w(()=>{f.current?.editor.setTheme(d)},[d],p),w(()=>{g.current?.updateOptions(y)},[y],p);let q=Ce(()=>{if(!f.current)return;c.current(f.current);let l=D(f.current,e||"",n||r||"text",i||""),h=D(f.current,t||"",o||r||"text",a||"");g.current?.setModel({original:l,modified:h})},[r,t,o,e,n,i,a]),B=Ce(()=>{!A.current&&N.current&&(g.current=f.current.editor.createDiffEditor(N.current,{automaticLayout:!0,...y}),q(),f.current?.editor.setTheme(d),V(!0),A.current=!0)},[y,d,q]);xe(()=>{p&&v.current(g.current,f.current)},[p]),xe(()=>{!W&&!p&&B()},[W,p,B]);function z(){let l=g.current?.getModel();u||l?.original?.dispose(),s||l?.modified?.dispose(),g.current?.dispose()}return Mt.createElement(Le,{width:T,height:S,isEditorReady:p,loading:O,_ref:N,className:P,wrapperProps:E})}var $t=_t,Nr=jt($t);function Gt(e){let t=Kt();return kt(()=>{t.current=e},[e]),t.current}var Yt=Gt,J=new Map;function Jt({defaultValue:e,defaultLanguage:t,defaultPath:r,value:n,language:o,path:i,theme:a="light",line:u,loading:s="Loading...",options:d={},overrideServices:O={},saveViewState:y=!0,keepCurrentModel:S=!1,width:T="100%",height:P="100%",className:E,wrapperProps:I={},beforeMount:j=$,onMount:p=$,onChange:V,onValidate:W=$}){let[m,g]=Te(!1),[f,N]=Te(!0),v=M(null),c=M(null),A=M(null),q=M(p),B=M(j),z=M(),l=M(n),h=Yt(i),ie=M(!1),Q=M(!1);Ae(()=>{let b=L.init();return b.then(C=>(v.current=C)&&N(!1)).catch(C=>C?.type!=="cancelation"&&console.error("Monaco initialization: error:",C)),()=>c.current?Ve():b.cancel()}),w(()=>{let b=D(v.current,e||n||"",t||o||"",i||r||"");b!==c.current?.getModel()&&(y&&J.set(h,c.current?.saveViewState()),c.current?.setModel(b),y&&c.current?.restoreViewState(J.get(i)))},[i],m),w(()=>{c.current?.updateOptions(d)},[d],m),w(()=>{!c.current||n===void 0||(c.current.getOption(v.current.editor.EditorOption.readOnly)?c.current.setValue(n):n!==c.current.getValue()&&(Q.current=!0,c.current.executeEdits("",[{range:c.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),c.current.pushUndoStop(),Q.current=!1))},[n],m),w(()=>{let b=c.current?.getModel();b&&o&&v.current?.editor.setModelLanguage(b,o)},[o],m),w(()=>{u!==void 0&&c.current?.revealLine(u)},[u],m),w(()=>{v.current?.editor.setTheme(a)},[a],m);let ae=Ft(()=>{if(!(!A.current||!v.current)&&!ie.current){B.current(v.current);let b=i||r,C=D(v.current,n||e||"",t||o||"",b||"");c.current=v.current?.editor.create(A.current,{model:C,automaticLayout:!0,...d},O),y&&c.current.restoreViewState(J.get(b)),v.current.editor.setTheme(a),u!==void 0&&c.current.revealLine(u),g(!0),ie.current=!0}},[e,t,r,n,o,i,d,O,y,a,u]);Y(()=>{m&&q.current(c.current,v.current)},[m]),Y(()=>{!f&&!m&&ae()},[f,m,ae]),l.current=n,Y(()=>{m&&V&&(z.current?.dispose(),z.current=c.current?.onDidChangeModelContent(b=>{Q.current||V(c.current.getValue(),b)}))},[m,V]),Y(()=>{if(m){let b=v.current.editor.onDidChangeMarkers(C=>{let X=c.current.getModel()?.uri;if(X&&C.find(Z=>Z.path===X.path)){let Z=v.current.editor.getModelMarkers({resource:X});W?.(Z)}});return()=>{b?.dispose()}}return()=>{}},[m,W]);function Ve(){z.current?.dispose(),S?y&&J.set(i,c.current.saveViewState()):c.current.getModel()?.dispose(),c.current.dispose()}return Bt.createElement(Le,{width:T,height:P,isEditorReady:m,loading:s,_ref:A,className:E,wrapperProps:I})}var Qt=Jt,Xt=qt(Qt),oe=Xt;import{useState as er}from"react";var tr=oe.default||oe,rr="code-editor",nr=e=>{let t=Zt(22),r,n,o,i,a;t[0]!==e?({className:o,maxHeight:a,options:i,readOnly:n,...r}=e,t[0]=e,t[1]=r,t[2]=n,t[3]=o,t[4]=i,t[5]=a):(r=t[1],n=t[2],o=t[3],i=t[4],a=t[5]);let[u,s]=er(20),{theme:d}=ue(),O=r?.defaultLanguage?`language--${r.defaultLanguage}`:"",y=n&&"read-only",S;t[6]!==o||t[7]!==O||t[8]!==y?(S=[rr,o,O,y].filter(Boolean),t[6]=o,t[7]=O,t[8]=y,t[9]=S):S=t[9];let T=S.join(" "),P;if(t[10]!==u||t[11]!==n||t[12]!==i||t[13]!==d||t[14]!==a||t[15]!==r||t[16]!==T){let E;t[18]!==r.onChange?(E=(j,p)=>{r.onChange?.(j,p),s(Math.max(56,j.split(`
+`).length*18+2))},t[18]=r.onChange,t[19]=E):E=t[19];let I;t[20]!==r.onMount?(I=(j,p)=>{r.onMount?.(j,p),s(Math.max(56,j.getValue().split(`
+`).length*18+2))},t[20]=r.onMount,t[21]=I):I=t[21],P=De(tr,{className:T,loading:De(ce,{height:u}),options:{detectIndentation:!0,hideCursorInOverviewRuler:!0,minimap:{enabled:!1},overviewRulerBorder:!1,readOnly:!!n,scrollbar:{alwaysConsumeMouseWheel:!1},scrollBeyondLastLine:!1,tabSize:2,wordWrap:"on",...i},theme:d==="dark"?"vs-dark":"vs",...r,height:a?Math.min(u,a):u,onChange:E,onMount:I}),t[10]=u,t[11]=n,t[12]=i,t[13]=d,t[14]=a,t[15]=r,t[16]=T,t[17]=P}else P=t[17];return P},Zr=nr;export{Zr as default};
+//# sourceMappingURL=CodeEditor-DRTCMRCY.js.map