@payloadcms/ui 3.0.0-alpha.9 → 3.0.0-beta.0

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import type { CommonProps, GroupBase, Props as ReactSelectStateManagerProps } from 'react-select';
-import type { DocumentDrawerProps } from '../DocumentDrawer/types';
+import type { DocumentDrawerProps } from '../DocumentDrawer/types.js';
 type CustomSelectProps = {
     disableKeyDown?: boolean;
     disableMouseDown?: boolean;
@@ -42,6 +42,7 @@ export type Props = {
         label: string;
         value: string;
     }, search: string) => boolean) | undefined;
+    getOptionValue?: ReactSelectStateManagerProps<Option, boolean, GroupBase<Option>>['getOptionValue'];
     inputId?: string;
     isClearable?: boolean;
     /** Allows you to create own values in the UI despite them not being pre-specified */
@@ -58,6 +59,7 @@ export type Props = {
     numberOnly?: boolean;
     onChange?: (value: any) => void;
     onInputChange?: (val: string) => void;
+    onMenuClose?: () => void;
     onMenuOpen?: () => void;
     onMenuScrollToBottom?: () => void;
     options: Option[] | OptionGroup[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,IAAI,4BAA4B,EAAE,MAAM,cAAc,CAAA;AAEjG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAElE,KAAK,iBAAiB,GAAG;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9C,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CAC5C,CAAA;AAKD,OAAO,QAAQ,2CAA2C,CAAC;IACzD,UAAiB,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC;QACrF,WAAW,CAAC,EAAE,iBAAiB,CAAA;KAChC;CACF;AAKD,OAAO,QAAQ,oCAAoC,CAAC;IAClD,UAAiB,uBAAuB,CACtC,MAAM,EACN,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CAC/B,SAAQ,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;QAC3C,WAAW,CAAC,EAAE,4BAA4B,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,iBAAiB,CAAA;KACvF;CACF;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IAEtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE;QACX,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;KAC7B,CAAA;IACD,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EACT,CAAC,CACC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EACtE,MAAM,EAAE,MAAM,KACX,OAAO,CAAC,GACb,SAAS,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qFAAqF;IACrF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/types.ts"],"names":[],"mappings":"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"}

package/dist/elements/ReactSelect/types.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/ReactSelect/types.ts"],"sourcesContent":["import type { CommonProps, GroupBase, Props as ReactSelectStateManagerProps } from 'react-select'\n\nimport type { DocumentDrawerProps } from '../DocumentDrawer/types.js'\n\ntype CustomSelectProps = {\n  disableKeyDown?: boolean\n  disableMouseDown?: boolean\n  draggableProps?: any\n  droppableRef?: React.RefObject<HTMLDivElement>\n  onSave?: DocumentDrawerProps['onSave']\n  setDrawerIsOpen?: (isOpen: boolean) => void\n}\n\n// augment the types for the `Select` component from `react-select`\n// this is to include the `selectProps` prop at the top-level `Select` component\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src/Select' {\n  export interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {\n    customProps?: CustomSelectProps\n  }\n}\n\n// augment the types for the `CommonPropsAndClassName` from `react-select`\n// this will include the `selectProps` prop to every `react-select` component automatically\n// @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\ndeclare module 'react-select/dist/declarations/src' {\n  export interface CommonPropsAndClassName<\n    Option,\n    IsMulti extends boolean,\n    Group extends GroupBase<Option>,\n  > extends CommonProps<Option, IsMulti, Group> {\n    customProps?: ReactSelectStateManagerProps<Option, IsMulti, Group> & CustomSelectProps\n  }\n}\n\nexport type Option = {\n  [key: string]: unknown\n  //* The ID is used to identify the option in the UI. If it doesn't exist and value cannot be transformed into a string, sorting won't work */\n  id?: string\n  value: unknown\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type Props = {\n  backspaceRemovesValue?: boolean\n  blurInputOnSelect?: boolean\n  className?: string\n  components?: {\n    [key: string]: React.FC<any>\n  }\n  customProps?: CustomSelectProps\n  disabled?: boolean\n  filterOption?:\n    | ((\n        { data, label, value }: { data: Option; label: string; value: string },\n        search: string,\n      ) => boolean)\n    | undefined\n  getOptionValue?: ReactSelectStateManagerProps<\n    Option,\n    boolean,\n    GroupBase<Option>\n  >['getOptionValue']\n  inputId?: string\n  isClearable?: boolean\n  /** Allows you to create own values in the UI despite them not being pre-specified */\n  isCreatable?: boolean\n  isLoading?: boolean\n  /** Allows you to specify multiple values instead of just one */\n  isMulti?: boolean\n  isOptionSelected?: any\n  isSearchable?: boolean\n  isSortable?: boolean\n  noOptionsMessage?: (obj: { inputValue: string }) => string\n  numberOnly?: boolean\n  onChange?: (value: any) => void // eslint-disable-line @typescript-eslint/no-explicit-any\n  onInputChange?: (val: string) => void\n  onMenuClose?: () => void\n  onMenuOpen?: () => void\n  onMenuScrollToBottom?: () => void\n  options: Option[] | OptionGroup[]\n  placeholder?: string\n  showError?: boolean\n  value?: Option | Option[]\n}\n"],"names":[],"rangeMappings":"","mappings":"AA+CA,WAyCC"}

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

@@ -1,7 +1,8 @@
 import React from 'react';
-export declare const RenderCustomComponent: React.FC<{
+export type RenderCustomComponentProps = {
     CustomComponent?: React.ComponentType<any>;
     DefaultComponent: React.ComponentType<any>;
     componentProps?: Record<string, any>;
-}>;
+};
+export declare const RenderCustomComponent: React.FC<RenderCustomComponentProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderCustomComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC1C,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACrC,CAYA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderCustomComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,0BAA0B,GAAG;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC1C,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAYtE,CAAA"}

package/dist/elements/RenderCustomComponent/index.js

@@ -1,28 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "RenderCustomComponent", {
-    enumerable: true,
-    get: function() {
-        return RenderCustomComponent;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const RenderCustomComponent = (props)=>{
+import React from 'react';
+export const RenderCustomComponent = (props)=>{
     const { CustomComponent, DefaultComponent, componentProps = {} } = props;
     if (CustomComponent) {
-        return /*#__PURE__*/ _react.default.createElement(CustomComponent, componentProps);
+        return /*#__PURE__*/ React.createElement(CustomComponent, componentProps);
     }
     if (DefaultComponent) {
-        return /*#__PURE__*/ _react.default.createElement(DefaultComponent, componentProps);
+        return /*#__PURE__*/ React.createElement(DefaultComponent, componentProps);
     }
     return null;
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9SZW5kZXJDdXN0b21Db21wb25lbnQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuZXhwb3J0IGNvbnN0IFJlbmRlckN1c3RvbUNvbXBvbmVudDogUmVhY3QuRkM8e1xuICBDdXN0b21Db21wb25lbnQ/OiBSZWFjdC5Db21wb25lbnRUeXBlPGFueT5cbiAgRGVmYXVsdENvbXBvbmVudDogUmVhY3QuQ29tcG9uZW50VHlwZTxhbnk+XG4gIGNvbXBvbmVudFByb3BzPzogUmVjb3JkPHN0cmluZywgYW55PlxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBDdXN0b21Db21wb25lbnQsIERlZmF1bHRDb21wb25lbnQsIGNvbXBvbmVudFByb3BzID0ge30gfSA9IHByb3BzXG5cbiAgaWYgKEN1c3RvbUNvbXBvbmVudCkge1xuICAgIHJldHVybiA8Q3VzdG9tQ29tcG9uZW50IHsuLi5jb21wb25lbnRQcm9wc30gLz5cbiAgfVxuXG4gIGlmIChEZWZhdWx0Q29tcG9uZW50KSB7XG4gICAgcmV0dXJuIDxEZWZhdWx0Q29tcG9uZW50IHsuLi5jb21wb25lbnRQcm9wc30gLz5cbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXSwibmFtZXMiOlsiUmVuZGVyQ3VzdG9tQ29tcG9uZW50IiwicHJvcHMiLCJDdXN0b21Db21wb25lbnQiLCJEZWZhdWx0Q29tcG9uZW50IiwiY29tcG9uZW50UHJvcHMiXSwibWFwcGluZ3MiOiI7Ozs7K0JBRWFBOzs7ZUFBQUE7Ozs4REFGSzs7Ozs7O0FBRVgsTUFBTUEsd0JBSVIsQ0FBQ0M7SUFDSixNQUFNLEVBQUVDLGVBQWUsRUFBRUMsZ0JBQWdCLEVBQUVDLGlCQUFpQixDQUFDLENBQUMsRUFBRSxHQUFHSDtJQUVuRSxJQUFJQyxpQkFBaUI7UUFDbkIscUJBQU8sNkJBQUNBLGlCQUFvQkU7SUFDOUI7SUFFQSxJQUFJRCxrQkFBa0I7UUFDcEIscUJBQU8sNkJBQUNBLGtCQUFxQkM7SUFDL0I7SUFFQSxPQUFPO0FBQ1QifQ==
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/RenderCustomComponent/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport type RenderCustomComponentProps = {\n  CustomComponent?: React.ComponentType<any>\n  DefaultComponent: React.ComponentType<any>\n  componentProps?: Record<string, any>\n}\n\nexport const RenderCustomComponent: React.FC<RenderCustomComponentProps> = (props) => {\n  const { CustomComponent, DefaultComponent, componentProps = {} } = props\n\n  if (CustomComponent) {\n    return <CustomComponent {...componentProps} />\n  }\n\n  if (DefaultComponent) {\n    return <DefaultComponent {...componentProps} />\n  }\n\n  return null\n}\n"],"names":["React","RenderCustomComponent","props","CustomComponent","DefaultComponent","componentProps"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAQzB,OAAO,MAAMC,wBAA8D,CAACC;IAC1E,MAAM,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,iBAAiB,CAAC,CAAC,EAAE,GAAGH;IAEnE,IAAIC,iBAAiB;QACnB,qBAAO,oBAACA,iBAAoBE;IAC9B;IAEA,IAAID,kBAAkB;QACpB,qBAAO,oBAACA,kBAAqBC;IAC/B;IAEA,OAAO;AACT,EAAC"}

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

@@ -1,6 +1,11 @@
 import React from 'react';
-import type { Props } from './types';
 import './index.scss';
-declare const RenderTitle: React.FC<Props>;
-export default RenderTitle;
+export type RenderTitleProps = {
+    className?: string;
+    element?: React.ElementType;
+    fallback?: string;
+    fallbackToID?: boolean;
+    title?: string;
+};
+export declare const RenderTitle: React.FC<RenderTitleProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderTitle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBhC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderTitle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuBlD,CAAA"}

package/dist/elements/RenderTitle/index.js

@@ -1,42 +1,26 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _DocumentInfo = require("../../providers/DocumentInfo");
-const _IDLabel = /*#__PURE__*/ _interop_require_default(require("../IDLabel"));
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { IDLabel } from '../IDLabel/index.js';
 const baseClass = 'render-title';
-const RenderTitle = (props)=>{
-    const { className, element = 'h1', title: titleFromProps } = props;
-    const { id, title: titleFromContext } = (0, _DocumentInfo.useDocumentInfo)();
-    const title = titleFromProps || titleFromContext;
+export const RenderTitle = (props)=>{
+    const { className, element = 'h1', fallback, title: titleFromProps } = props;
+    const documentInfo = useDocumentInfo();
+    const { id, title: titleFromContext } = documentInfo;
+    const title = titleFromProps || titleFromContext || fallback;
     const idAsTitle = title === id;
     const Tag = element;
-    return /*#__PURE__*/ _react.default.createElement(Tag, {
+    return /*#__PURE__*/ React.createElement(Tag, {
         className: [
             className,
             baseClass,
             idAsTitle && `${baseClass}--has-id`
         ].filter(Boolean).join(' '),
         title: title
-    }, idAsTitle ? /*#__PURE__*/ _react.default.createElement(_IDLabel.default, {
+    }, idAsTitle ? /*#__PURE__*/ React.createElement(IDLabel, {
         className: `${baseClass}__id`,
         id: id
-    }) : title);
+    }) : title || null);
 };
-const _default = RenderTitle;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9SZW5kZXJUaXRsZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyB1c2VEb2N1bWVudEluZm8gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvRG9jdW1lbnRJbmZvJ1xuaW1wb3J0IElETGFiZWwgZnJvbSAnLi4vSURMYWJlbCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAncmVuZGVyLXRpdGxlJ1xuXG5jb25zdCBSZW5kZXJUaXRsZTogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBlbGVtZW50ID0gJ2gxJywgdGl0bGU6IHRpdGxlRnJvbVByb3BzIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgaWQsIHRpdGxlOiB0aXRsZUZyb21Db250ZXh0IH0gPSB1c2VEb2N1bWVudEluZm8oKVxuXG4gIGNvbnN0IHRpdGxlID0gdGl0bGVGcm9tUHJvcHMgfHwgdGl0bGVGcm9tQ29udGV4dFxuXG4gIGNvbnN0IGlkQXNUaXRsZSA9IHRpdGxlID09PSBpZFxuXG4gIGNvbnN0IFRhZyA9IGVsZW1lbnRcblxuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIGNsYXNzTmFtZT17W2NsYXNzTmFtZSwgYmFzZUNsYXNzLCBpZEFzVGl0bGUgJiYgYCR7YmFzZUNsYXNzfS0taGFzLWlkYF1cbiAgICAgICAgLmZpbHRlcihCb29sZWFuKVxuICAgICAgICAuam9pbignICcpfVxuICAgICAgdGl0bGU9e3RpdGxlfVxuICAgID5cbiAgICAgIHtpZEFzVGl0bGUgPyA8SURMYWJlbCBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2lkYH0gaWQ9e2lkfSAvPiA6IHRpdGxlfVxuICAgIDwvVGFnPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlbmRlclRpdGxlXG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiUmVuZGVyVGl0bGUiLCJwcm9wcyIsImNsYXNzTmFtZSIsImVsZW1lbnQiLCJ0aXRsZSIsInRpdGxlRnJvbVByb3BzIiwiaWQiLCJ0aXRsZUZyb21Db250ZXh0IiwidXNlRG9jdW1lbnRJbmZvIiwiaWRBc1RpdGxlIiwiVGFnIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJJRExhYmVsIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBa0NBOzs7ZUFBQTs7OzhEQWpDa0I7OEJBSWM7Z0VBQ1o7UUFDYjs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxjQUErQixDQUFDQztJQUNwQyxNQUFNLEVBQUVDLFNBQVMsRUFBRUMsVUFBVSxJQUFJLEVBQUVDLE9BQU9DLGNBQWMsRUFBRSxHQUFHSjtJQUU3RCxNQUFNLEVBQUVLLEVBQUUsRUFBRUYsT0FBT0csZ0JBQWdCLEVBQUUsR0FBR0MsSUFBQUEsNkJBQWU7SUFFdkQsTUFBTUosUUFBUUMsa0JBQWtCRTtJQUVoQyxNQUFNRSxZQUFZTCxVQUFVRTtJQUU1QixNQUFNSSxNQUFNUDtJQUVaLHFCQUNFLDZCQUFDTztRQUNDUixXQUFXO1lBQUNBO1lBQVdIO1lBQVdVLGFBQWEsQ0FBQyxFQUFFVixVQUFVLFFBQVEsQ0FBQztTQUFDLENBQ25FWSxNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztRQUNSVCxPQUFPQTtPQUVOSywwQkFBWSw2QkFBQ0ssZ0JBQU87UUFBQ1osV0FBVyxDQUFDLEVBQUVILFVBQVUsSUFBSSxDQUFDO1FBQUVPLElBQUlBO1NBQVNGO0FBR3hFO01BRUEsV0FBZUoifQ==
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/RenderTitle/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'render-title'\n\nexport type RenderTitleProps = {\n  className?: string\n  element?: React.ElementType\n  fallback?: string\n  fallbackToID?: boolean\n  title?: string\n}\n\nexport const RenderTitle: React.FC<RenderTitleProps> = (props) => {\n  const { className, element = 'h1', fallback, title: titleFromProps } = props\n\n  const documentInfo = useDocumentInfo()\n\n  const { id, title: titleFromContext } = documentInfo\n\n  const title = titleFromProps || titleFromContext || fallback\n\n  const idAsTitle = title === id\n\n  const Tag = element\n\n  return (\n    <Tag\n      className={[className, baseClass, idAsTitle && `${baseClass}--has-id`]\n        .filter(Boolean)\n        .join(' ')}\n      title={title}\n    >\n      {idAsTitle ? <IDLabel className={`${baseClass}__id`} id={id} /> : title || null}\n    </Tag>\n  )\n}\n"],"names":["React","useDocumentInfo","IDLabel","baseClass","RenderTitle","props","className","element","fallback","title","titleFromProps","documentInfo","id","titleFromContext","idAsTitle","Tag","filter","Boolean","join"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,OAAO,QAAQ,sBAAqB;AAG7C,MAAMC,YAAY;AAUlB,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EAAEC,SAAS,EAAEC,UAAU,IAAI,EAAEC,QAAQ,EAAEC,OAAOC,cAAc,EAAE,GAAGL;IAEvE,MAAMM,eAAeV;IAErB,MAAM,EAAEW,EAAE,EAAEH,OAAOI,gBAAgB,EAAE,GAAGF;IAExC,MAAMF,QAAQC,kBAAkBG,oBAAoBL;IAEpD,MAAMM,YAAYL,UAAUG;IAE5B,MAAMG,MAAMR;IAEZ,qBACE,oBAACQ;QACCT,WAAW;YAACA;YAAWH;YAAWW,aAAa,CAAC,EAAEX,UAAU,QAAQ,CAAC;SAAC,CACnEa,MAAM,CAACC,SACPC,IAAI,CAAC;QACRT,OAAOA;OAENK,0BAAY,oBAACZ;QAAQI,WAAW,CAAC,EAAEH,UAAU,IAAI,CAAC;QAAES,IAAIA;SAASH,SAAS;AAGjF,EAAC"}

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

@@ -1,7 +1,9 @@
-import type { CustomSaveButtonProps } from 'payload/types';
 import React from 'react';
+export declare const DefaultSaveButton: React.FC<{
+    label?: string;
+}>;
 type Props = {
-    CustomComponent?: CustomSaveButtonProps;
+    CustomComponent?: React.ReactNode;
 };
 export declare const Save: React.FC<Props>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Save/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAA0B,MAAM,eAAe,CAAA;AAElF,OAAO,KAAiB,MAAM,OAAO,CAAA;AA4BrC,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,qBAAqB,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAehC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Save/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAQrC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CA0B1D,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIhC,CAAA"}

package/dist/elements/Save/index.js

@@ -1,71 +1,17 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Save", {
-    enumerable: true,
-    get: function() {
-        return Save;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _RenderCustomComponent = require("../../elements/RenderCustomComponent");
-const _context = require("../../forms/Form/context");
-const _Submit = /*#__PURE__*/ _interop_require_default(require("../../forms/Submit"));
-const _useHotkey = /*#__PURE__*/ _interop_require_default(require("../../hooks/useHotkey"));
-const _EditDepth = require("../../providers/EditDepth");
-const _Translation = require("../../providers/Translation");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const DefaultSaveButton = ({ label, save })=>{
-    const ref = (0, _react.useRef)(null);
-    const editDepth = (0, _EditDepth.useEditDepth)();
-    (0, _useHotkey.default)({
+import React, { useRef } from 'react';
+import { useForm } from '../../forms/Form/context.js';
+import { FormSubmit } from '../../forms/Submit/index.js';
+import { useHotkey } from '../../hooks/useHotkey.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+export const DefaultSaveButton = ({ label: labelProp })=>{
+    const { t } = useTranslation();
+    const { submit } = useForm();
+    const label = labelProp || t('general:save');
+    const ref = useRef(null);
+    const editDepth = useEditDepth();
+    useHotkey({
         cmdCtrlKey: true,
         editDepth,
         keyCodes: [
@@ -78,26 +24,17 @@ const DefaultSaveButton = ({ label, save })=>{
             ref.current.click();
         }
     });
-    return /*#__PURE__*/ _react.default.createElement(_Submit.default, {
+    return /*#__PURE__*/ React.createElement(FormSubmit, {
         buttonId: "action-save",
-        onClick: save,
+        onClick: ()=>submit(),
         ref: ref,
         size: "small",
         type: "button"
     }, label);
 };
-const Save = ({ CustomComponent })=>{
-    const { t } = (0, _Translation.useTranslation)();
-    const { submit } = (0, _context.useForm)();
-    return /*#__PURE__*/ _react.default.createElement(_RenderCustomComponent.RenderCustomComponent, {
-        CustomComponent: CustomComponent,
-        DefaultComponent: DefaultSaveButton,
-        componentProps: {
-            DefaultButton: DefaultSaveButton,
-            label: t('general:save'),
-            save: submit
-        }
-    });
+export const Save = ({ CustomComponent })=>{
+    if (CustomComponent) return CustomComponent;
+    return /*#__PURE__*/ React.createElement(DefaultSaveButton, null);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9TYXZlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgQ3VzdG9tU2F2ZUJ1dHRvblByb3BzLCBEZWZhdWx0U2F2ZUJ1dHRvblByb3BzIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBSZW5kZXJDdXN0b21Db21wb25lbnQgfSBmcm9tICcuLi8uLi9lbGVtZW50cy9SZW5kZXJDdXN0b21Db21wb25lbnQnXG5pbXBvcnQgeyB1c2VGb3JtIH0gZnJvbSAnLi4vLi4vZm9ybXMvRm9ybS9jb250ZXh0J1xuaW1wb3J0IEZvcm1TdWJtaXQgZnJvbSAnLi4vLi4vZm9ybXMvU3VibWl0J1xuaW1wb3J0IHVzZUhvdGtleSBmcm9tICcuLi8uLi9ob29rcy91c2VIb3RrZXknXG5pbXBvcnQgeyB1c2VFZGl0RGVwdGggfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvRWRpdERlcHRoJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5cbmNvbnN0IERlZmF1bHRTYXZlQnV0dG9uOiBSZWFjdC5GQzxEZWZhdWx0U2F2ZUJ1dHRvblByb3BzPiA9ICh7IGxhYmVsLCBzYXZlIH0pID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKVxuICBjb25zdCBlZGl0RGVwdGggPSB1c2VFZGl0RGVwdGgoKVxuXG4gIHVzZUhvdGtleSh7IGNtZEN0cmxLZXk6IHRydWUsIGVkaXREZXB0aCwga2V5Q29kZXM6IFsncyddIH0sIChlKSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKVxuICAgIGlmIChyZWY/LmN1cnJlbnQpIHtcbiAgICAgIHJlZi5jdXJyZW50LmNsaWNrKClcbiAgICB9XG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybVN1Ym1pdCBidXR0b25JZD1cImFjdGlvbi1zYXZlXCIgb25DbGljaz17c2F2ZX0gcmVmPXtyZWZ9IHNpemU9XCJzbWFsbFwiIHR5cGU9XCJidXR0b25cIj5cbiAgICAgIHtsYWJlbH1cbiAgICA8L0Zvcm1TdWJtaXQ+XG4gIClcbn1cblxudHlwZSBQcm9wcyA9IHtcbiAgQ3VzdG9tQ29tcG9uZW50PzogQ3VzdG9tU2F2ZUJ1dHRvblByb3BzXG59XG5cbmV4cG9ydCBjb25zdCBTYXZlOiBSZWFjdC5GQzxQcm9wcz4gPSAoeyBDdXN0b21Db21wb25lbnQgfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKClcbiAgY29uc3QgeyBzdWJtaXQgfSA9IHVzZUZvcm0oKVxuXG4gIHJldHVybiAoXG4gICAgPFJlbmRlckN1c3RvbUNvbXBvbmVudFxuICAgICAgQ3VzdG9tQ29tcG9uZW50PXtDdXN0b21Db21wb25lbnR9XG4gICAgICBEZWZhdWx0Q29tcG9uZW50PXtEZWZhdWx0U2F2ZUJ1dHRvbn1cbiAgICAgIGNvbXBvbmVudFByb3BzPXt7XG4gICAgICAgIERlZmF1bHRCdXR0b246IERlZmF1bHRTYXZlQnV0dG9uLFxuICAgICAgICBsYWJlbDogdCgnZ2VuZXJhbDpzYXZlJyksXG4gICAgICAgIHNhdmU6IHN1Ym1pdCxcbiAgICAgIH19XG4gICAgLz5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIlNhdmUiLCJEZWZhdWx0U2F2ZUJ1dHRvbiIsImxhYmVsIiwic2F2ZSIsInJlZiIsInVzZVJlZiIsImVkaXREZXB0aCIsInVzZUVkaXREZXB0aCIsInVzZUhvdGtleSIsImNtZEN0cmxLZXkiLCJrZXlDb2RlcyIsImUiLCJwcmV2ZW50RGVmYXVsdCIsInN0b3BQcm9wYWdhdGlvbiIsImN1cnJlbnQiLCJjbGljayIsIkZvcm1TdWJtaXQiLCJidXR0b25JZCIsIm9uQ2xpY2siLCJzaXplIiwidHlwZSIsIkN1c3RvbUNvbXBvbmVudCIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsInN1Ym1pdCIsInVzZUZvcm0iLCJSZW5kZXJDdXN0b21Db21wb25lbnQiLCJEZWZhdWx0Q29tcG9uZW50IiwiY29tcG9uZW50UHJvcHMiLCJEZWZhdWx0QnV0dG9uIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBbUNhQTs7O2VBQUFBOzs7K0RBaENpQjt1Q0FFUTt5QkFDZDsrREFDRDtrRUFDRDsyQkFDTzs2QkFDRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFL0IsTUFBTUMsb0JBQXNELENBQUMsRUFBRUMsS0FBSyxFQUFFQyxJQUFJLEVBQUU7SUFDMUUsTUFBTUMsTUFBTUMsSUFBQUEsYUFBTSxFQUFvQjtJQUN0QyxNQUFNQyxZQUFZQyxJQUFBQSx1QkFBWTtJQUU5QkMsSUFBQUEsa0JBQVMsRUFBQztRQUFFQyxZQUFZO1FBQU1IO1FBQVdJLFVBQVU7WUFBQztTQUFJO0lBQUMsR0FBRyxDQUFDQztRQUMzREEsRUFBRUMsY0FBYztRQUNoQkQsRUFBRUUsZUFBZTtRQUNqQixJQUFJVCxLQUFLVSxTQUFTO1lBQ2hCVixJQUFJVSxPQUFPLENBQUNDLEtBQUs7UUFDbkI7SUFDRjtJQUVBLHFCQUNFLDZCQUFDQyxlQUFVO1FBQUNDLFVBQVM7UUFBY0MsU0FBU2Y7UUFBTUMsS0FBS0E7UUFBS2UsTUFBSztRQUFRQyxNQUFLO09BQzNFbEI7QUFHUDtBQU1PLE1BQU1GLE9BQXdCLENBQUMsRUFBRXFCLGVBQWUsRUFBRTtJQUN2RCxNQUFNLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUM1QixNQUFNLEVBQUVDLE1BQU0sRUFBRSxHQUFHQyxJQUFBQSxnQkFBTztJQUUxQixxQkFDRSw2QkFBQ0MsNENBQXFCO1FBQ3BCTCxpQkFBaUJBO1FBQ2pCTSxrQkFBa0IxQjtRQUNsQjJCLGdCQUFnQjtZQUNkQyxlQUFlNUI7WUFDZkMsT0FBT29CLEVBQUU7WUFDVG5CLE1BQU1xQjtRQUNSOztBQUdOIn0=
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Save/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useRef } from 'react'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const DefaultSaveButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      onClick={() => submit()}\n      ref={ref}\n      size=\"small\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: React.ReactNode\n}\n\nexport const Save: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return CustomComponent\n\n  return <DefaultSaveButton />\n}\n"],"names":["React","useRef","useForm","FormSubmit","useHotkey","useEditDepth","useTranslation","DefaultSaveButton","label","labelProp","t","submit","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","onClick","size","type","Save","CustomComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,SAASC,MAAM,QAAQ,QAAO;AAErC,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,oBAAkD,CAAC,EAAEC,OAAOC,SAAS,EAAE;IAClF,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IACd,MAAM,EAAEK,MAAM,EAAE,GAAGT;IACnB,MAAMM,QAAQC,aAAaC,EAAE;IAC7B,MAAME,MAAMX,OAA0B;IACtC,MAAMY,YAAYR;IAElBD,UAAU;QAAEU,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3DA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,oBAACjB;QACCkB,UAAS;QACTC,SAAS,IAAMX;QACfC,KAAKA;QACLW,MAAK;QACLC,MAAK;OAEJhB;AAGP,EAAC;AAMD,OAAO,MAAMiB,OAAwB,CAAC,EAAEC,eAAe,EAAE;IACvD,IAAIA,iBAAiB,OAAOA;IAE5B,qBAAO,oBAACnB;AACV,EAAC"}

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

@@ -1,7 +1,6 @@
-import type { CustomSaveDraftButtonProps } from 'payload/types';
 import React from 'react';
 type Props = {
-    CustomComponent?: CustomSaveDraftButtonProps;
+    CustomComponent?: React.ReactNode;
 };
 export declare const SaveDraft: React.FC<Props>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveDraft/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAA+B,MAAM,eAAe,CAAA;AAE5F,OAAO,KAA8B,MAAM,OAAO,CAAA;AAkDlD,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,0BAA0B,CAAA;CAC7C,CAAA;AACD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiDrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveDraft/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AA8ElD,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIrC,CAAA"}

package/dist/elements/SaveDraft/index.js

@@ -1,110 +1,24 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "SaveDraft", {
-    enumerable: true,
-    get: function() {
-        return SaveDraft;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _RenderCustomComponent = require("../../elements/RenderCustomComponent");
-const _context = require("../../forms/Form/context");
-const _Submit = /*#__PURE__*/ _interop_require_default(require("../../forms/Submit"));
-const _useHotkey = /*#__PURE__*/ _interop_require_default(require("../../hooks/useHotkey"));
-const _Config = require("../../providers/Config");
-const _DocumentInfo = require("../../providers/DocumentInfo");
-const _EditDepth = require("../../providers/EditDepth");
-const _Locale = require("../../providers/Locale");
-const _Translation = require("../../providers/Translation");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import React, { useCallback, useRef } from 'react';
+import { useForm, useFormModified } from '../../forms/Form/context.js';
+import { FormSubmit } from '../../forms/Submit/index.js';
+import { useHotkey } from '../../hooks/useHotkey.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'save-draft';
-const DefaultSaveDraftButton = ({ disabled, label, saveDraft })=>{
-    const ref = (0, _react.useRef)(null);
-    const editDepth = (0, _EditDepth.useEditDepth)();
-    (0, _useHotkey.default)({
-        cmdCtrlKey: true,
-        editDepth,
-        keyCodes: [
-            's'
-        ]
-    }, (e)=>{
-        if (disabled) {
-            return;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        if (ref?.current) {
-            ref.current.click();
-        }
-    });
-    return /*#__PURE__*/ _react.default.createElement(_Submit.default, {
-        buttonId: "action-save-draft",
-        buttonStyle: "secondary",
-        className: baseClass,
-        disabled: disabled,
-        onClick: saveDraft,
-        ref: ref,
-        size: "small",
-        type: "button"
-    }, label);
-};
-const SaveDraft = ({ CustomComponent })=>{
-    const { routes: { api }, serverURL } = (0, _Config.useConfig)();
-    const { submit } = (0, _context.useForm)();
-    const { id, collectionSlug, globalSlug } = (0, _DocumentInfo.useDocumentInfo)();
-    const modified = (0, _context.useFormModified)();
-    const { code: locale } = (0, _Locale.useLocale)();
-    const { t } = (0, _Translation.useTranslation)();
-    const canSaveDraft = modified;
-    const saveDraft = (0, _react.useCallback)(async ()=>{
+const DefaultSaveDraftButton = ()=>{
+    const { routes: { api }, serverURL } = useConfig();
+    const { id, collectionSlug, globalSlug } = useDocumentInfo();
+    const modified = useFormModified();
+    const { code: locale } = useLocale();
+    const ref = useRef(null);
+    const editDepth = useEditDepth();
+    const { t } = useTranslation();
+    const { submit } = useForm();
+    const saveDraft = useCallback(async ()=>{
         const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`;
         let action;
         let method = 'POST';
@@ -132,16 +46,36 @@ const SaveDraft = ({ CustomComponent })=>{
         locale,
         id
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_RenderCustomComponent.RenderCustomComponent, {
-        CustomComponent: CustomComponent,
-        DefaultComponent: DefaultSaveDraftButton,
-        componentProps: {
-            DefaultButton: DefaultSaveDraftButton,
-            disabled: !canSaveDraft,
-            label: t('version:saveDraft'),
-            saveDraft
+    useHotkey({
+        cmdCtrlKey: true,
+        editDepth,
+        keyCodes: [
+            's'
+        ]
+    }, (e)=>{
+        if (!modified) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        if (ref?.current) {
+            ref.current.click();
         }
     });
+    return /*#__PURE__*/ React.createElement(FormSubmit, {
+        buttonId: "action-save-draft",
+        buttonStyle: "secondary",
+        className: baseClass,
+        disabled: !modified,
+        onClick: saveDraft,
+        ref: ref,
+        size: "small",
+        type: "button"
+    }, t('version:saveDraft'));
+};
+export const SaveDraft = ({ CustomComponent })=>{
+    if (CustomComponent) return CustomComponent;
+    return /*#__PURE__*/ React.createElement(DefaultSaveDraftButton, null);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9TYXZlRHJhZnQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHR5cGUgeyBDdXN0b21TYXZlRHJhZnRCdXR0b25Qcm9wcywgRGVmYXVsdFNhdmVEcmFmdEJ1dHRvblByb3BzIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgUmVuZGVyQ3VzdG9tQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZWxlbWVudHMvUmVuZGVyQ3VzdG9tQ29tcG9uZW50J1xuaW1wb3J0IHsgdXNlRm9ybSwgdXNlRm9ybU1vZGlmaWVkIH0gZnJvbSAnLi4vLi4vZm9ybXMvRm9ybS9jb250ZXh0J1xuaW1wb3J0IEZvcm1TdWJtaXQgZnJvbSAnLi4vLi4vZm9ybXMvU3VibWl0J1xuaW1wb3J0IHVzZUhvdGtleSBmcm9tICcuLi8uLi9ob29rcy91c2VIb3RrZXknXG5pbXBvcnQgeyB1c2VDb25maWcgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvQ29uZmlnJ1xuaW1wb3J0IHsgdXNlRG9jdW1lbnRJbmZvIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0RvY3VtZW50SW5mbydcbmltcG9ydCB7IHVzZUVkaXREZXB0aCB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9FZGl0RGVwdGgnXG5pbXBvcnQgeyB1c2VMb2NhbGUgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvTG9jYWxlJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdzYXZlLWRyYWZ0J1xuXG5jb25zdCBEZWZhdWx0U2F2ZURyYWZ0QnV0dG9uOiBSZWFjdC5GQzxEZWZhdWx0U2F2ZURyYWZ0QnV0dG9uUHJvcHM+ID0gKHtcbiAgZGlzYWJsZWQsXG4gIGxhYmVsLFxuICBzYXZlRHJhZnQsXG59KSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbClcbiAgY29uc3QgZWRpdERlcHRoID0gdXNlRWRpdERlcHRoKClcblxuICB1c2VIb3RrZXkoeyBjbWRDdHJsS2V5OiB0cnVlLCBlZGl0RGVwdGgsIGtleUNvZGVzOiBbJ3MnXSB9LCAoZSkgPT4ge1xuICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKVxuICAgIGlmIChyZWY/LmN1cnJlbnQpIHtcbiAgICAgIHJlZi5jdXJyZW50LmNsaWNrKClcbiAgICB9XG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybVN1Ym1pdFxuICAgICAgYnV0dG9uSWQ9XCJhY3Rpb24tc2F2ZS1kcmFmdFwiXG4gICAgICBidXR0b25TdHlsZT1cInNlY29uZGFyeVwiXG4gICAgICBjbGFzc05hbWU9e2Jhc2VDbGFzc31cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIG9uQ2xpY2s9e3NhdmVEcmFmdH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgID5cbiAgICAgIHtsYWJlbH1cbiAgICA8L0Zvcm1TdWJtaXQ+XG4gIClcbn1cblxudHlwZSBQcm9wcyA9IHtcbiAgQ3VzdG9tQ29tcG9uZW50PzogQ3VzdG9tU2F2ZURyYWZ0QnV0dG9uUHJvcHNcbn1cbmV4cG9ydCBjb25zdCBTYXZlRHJhZnQ6IFJlYWN0LkZDPFByb3BzPiA9ICh7IEN1c3RvbUNvbXBvbmVudCB9KSA9PiB7XG4gIGNvbnN0IHtcbiAgICByb3V0ZXM6IHsgYXBpIH0sXG4gICAgc2VydmVyVVJMLFxuICB9ID0gdXNlQ29uZmlnKClcbiAgY29uc3QgeyBzdWJtaXQgfSA9IHVzZUZvcm0oKVxuICBjb25zdCB7IGlkLCBjb2xsZWN0aW9uU2x1ZywgZ2xvYmFsU2x1ZyB9ID0gdXNlRG9jdW1lbnRJbmZvKClcbiAgY29uc3QgbW9kaWZpZWQgPSB1c2VGb3JtTW9kaWZpZWQoKVxuICBjb25zdCB7IGNvZGU6IGxvY2FsZSB9ID0gdXNlTG9jYWxlKClcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpXG5cbiAgY29uc3QgY2FuU2F2ZURyYWZ0ID0gbW9kaWZpZWRcblxuICBjb25zdCBzYXZlRHJhZnQgPSB1c2VDYWxsYmFjayhhc3luYyAoKSA9PiB7XG4gICAgY29uc3Qgc2VhcmNoID0gYD9sb2NhbGU9JHtsb2NhbGV9JmRlcHRoPTAmZmFsbGJhY2stbG9jYWxlPW51bGwmZHJhZnQ9dHJ1ZWBcbiAgICBsZXQgYWN0aW9uXG4gICAgbGV0IG1ldGhvZCA9ICdQT1NUJ1xuXG4gICAgaWYgKGNvbGxlY3Rpb25TbHVnKSB7XG4gICAgICBhY3Rpb24gPSBgJHtzZXJ2ZXJVUkx9JHthcGl9LyR7Y29sbGVjdGlvblNsdWd9JHtpZCA/IGAvJHtpZH1gIDogJyd9JHtzZWFyY2h9YFxuICAgICAgaWYgKGlkKSBtZXRob2QgPSAnUEFUQ0gnXG4gICAgfVxuXG4gICAgaWYgKGdsb2JhbFNsdWcpIHtcbiAgICAgIGFjdGlvbiA9IGAke3NlcnZlclVSTH0ke2FwaX0vZ2xvYmFscy8ke2dsb2JhbFNsdWd9JHtzZWFyY2h9YFxuICAgIH1cblxuICAgIGF3YWl0IHN1Ym1pdCh7XG4gICAgICBhY3Rpb24sXG4gICAgICBtZXRob2QsXG4gICAgICBvdmVycmlkZXM6IHtcbiAgICAgICAgX3N0YXR1czogJ2RyYWZ0JyxcbiAgICAgIH0sXG4gICAgICBza2lwVmFsaWRhdGlvbjogdHJ1ZSxcbiAgICB9KVxuICB9LCBbc3VibWl0LCBjb2xsZWN0aW9uU2x1ZywgZ2xvYmFsU2x1Zywgc2VydmVyVVJMLCBhcGksIGxvY2FsZSwgaWRdKVxuXG4gIHJldHVybiAoXG4gICAgPFJlbmRlckN1c3RvbUNvbXBvbmVudFxuICAgICAgQ3VzdG9tQ29tcG9uZW50PXtDdXN0b21Db21wb25lbnR9XG4gICAgICBEZWZhdWx0Q29tcG9uZW50PXtEZWZhdWx0U2F2ZURyYWZ0QnV0dG9ufVxuICAgICAgY29tcG9uZW50UHJvcHM9e3tcbiAgICAgICAgRGVmYXVsdEJ1dHRvbjogRGVmYXVsdFNhdmVEcmFmdEJ1dHRvbixcbiAgICAgICAgZGlzYWJsZWQ6ICFjYW5TYXZlRHJhZnQsXG4gICAgICAgIGxhYmVsOiB0KCd2ZXJzaW9uOnNhdmVEcmFmdCcpLFxuICAgICAgICBzYXZlRHJhZnQsXG4gICAgICB9fVxuICAgIC8+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJTYXZlRHJhZnQiLCJiYXNlQ2xhc3MiLCJEZWZhdWx0U2F2ZURyYWZ0QnV0dG9uIiwiZGlzYWJsZWQiLCJsYWJlbCIsInNhdmVEcmFmdCIsInJlZiIsInVzZVJlZiIsImVkaXREZXB0aCIsInVzZUVkaXREZXB0aCIsInVzZUhvdGtleSIsImNtZEN0cmxLZXkiLCJrZXlDb2RlcyIsImUiLCJwcmV2ZW50RGVmYXVsdCIsInN0b3BQcm9wYWdhdGlvbiIsImN1cnJlbnQiLCJjbGljayIsIkZvcm1TdWJtaXQiLCJidXR0b25JZCIsImJ1dHRvblN0eWxlIiwiY2xhc3NOYW1lIiwib25DbGljayIsInNpemUiLCJ0eXBlIiwiQ3VzdG9tQ29tcG9uZW50Iiwicm91dGVzIiwiYXBpIiwic2VydmVyVVJMIiwidXNlQ29uZmlnIiwic3VibWl0IiwidXNlRm9ybSIsImlkIiwiY29sbGVjdGlvblNsdWciLCJnbG9iYWxTbHVnIiwidXNlRG9jdW1lbnRJbmZvIiwibW9kaWZpZWQiLCJ1c2VGb3JtTW9kaWZpZWQiLCJjb2RlIiwibG9jYWxlIiwidXNlTG9jYWxlIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiY2FuU2F2ZURyYWZ0IiwidXNlQ2FsbGJhY2siLCJzZWFyY2giLCJhY3Rpb24iLCJtZXRob2QiLCJvdmVycmlkZXMiLCJfc3RhdHVzIiwic2tpcFZhbGlkYXRpb24iLCJSZW5kZXJDdXN0b21Db21wb25lbnQiLCJEZWZhdWx0Q29t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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/SaveDraft/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'save-draft'\n\nconst DefaultSaveDraftButton: React.FC = () => {\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n\n  const saveDraft = useCallback(async () => {\n    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) method = 'PATCH'\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [submit, collectionSlug, globalSlug, serverURL, api, locale, id])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (!modified) {\n      return\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save-draft\"\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={!modified}\n      onClick={saveDraft}\n      ref={ref}\n      size=\"small\"\n      type=\"button\"\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: React.ReactNode\n}\n\nexport const SaveDraft: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return CustomComponent\n\n  return <DefaultSaveDraftButton />\n}\n"],"names":["React","useCallback","useRef","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useTranslation","baseClass","DefaultSaveDraftButton","routes","api","serverURL","id","collectionSlug","globalSlug","modified","code","locale","ref","editDepth","t","submit","saveDraft","search","action","method","overrides","_status","skipValidation","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","disabled","onClick","size","type","SaveDraft","CustomComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,MAAMC,yBAAmC;IACvC,MAAM,EACJC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGT;IACJ,MAAM,EAAEU,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGX;IAC3C,MAAMY,WAAWhB;IACjB,MAAM,EAAEiB,MAAMC,MAAM,EAAE,GAAGZ;IACzB,MAAMa,MAAMrB,OAA0B;IACtC,MAAMsB,YAAYf;IAClB,MAAM,EAAEgB,CAAC,EAAE,GAAGd;IACd,MAAM,EAAEe,MAAM,EAAE,GAAGvB;IAEnB,MAAMwB,YAAY1B,YAAY;QAC5B,MAAM2B,SAAS,CAAC,QAAQ,EAAEN,OAAO,wCAAwC,CAAC;QAC1E,IAAIO;QACJ,IAAIC,SAAS;QAEb,IAAIZ,gBAAgB;YAClBW,SAAS,CAAC,EAAEb,UAAU,EAAED,IAAI,CAAC,EAAEG,eAAe,EAAED,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,EAAEW,OAAO,CAAC;YAC7E,IAAIX,IAAIa,SAAS;QACnB;QAEA,IAAIX,YAAY;YACdU,SAAS,CAAC,EAAEb,UAAU,EAAED,IAAI,SAAS,EAAEI,WAAW,EAAES,OAAO,CAAC;QAC9D;QAEA,MAAMF,OAAO;YACXG;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;IACF,GAAG;QAACP;QAAQR;QAAgBC;QAAYH;QAAWD;QAAKO;QAAQL;KAAG;IAEnEX,UAAU;QAAE4B,YAAY;QAAMV;QAAWW,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAI,CAAChB,UAAU;YACb;QACF;QAEAgB,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIf,KAAKgB,SAAS;YAChBhB,IAAIgB,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,oBAACnC;QACCoC,UAAS;QACTC,aAAY;QACZC,WAAW/B;QACXgC,UAAU,CAACxB;QACXyB,SAASlB;QACTJ,KAAKA;QACLuB,MAAK;QACLC,MAAK;OAEJtB,EAAE;AAGT;AAMA,OAAO,MAAMuB,YAA6B,CAAC,EAAEC,eAAe,EAAE;IAC5D,IAAIA,iBAAiB,OAAOA;IAE5B,qBAAO,oBAACpC;AACV,EAAC"}

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

@@ -1,6 +1,11 @@
 import React from 'react';
-import type { Props } from './types';
+export type SearchFilterProps = {
+    fieldLabel?: string;
+    fieldName?: string;
+    handleChange?: (search: string) => void;
+    listSearchableFields?: MappedField[];
+};
+import type { MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js';
 import './index.scss';
-declare const SearchFilter: React.FC<Props>;
-export default SearchFilter;
+export declare const SearchFilter: React.FC<SearchFilterProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SearchFilter/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAMpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiFjC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SearchFilter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,oBAAoB,CAAC,EAAE,WAAW,EAAE,CAAA;CACrC,CAAA;AAED,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAA;AAM1F,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2EpD,CAAA"}