@payloadcms/ui 3.0.0-alpha.48 → 3.0.0-alpha.49

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ReactSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { KeyboardEventHandler } from 'react'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport Select from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\n\nimport type { Option } from './types.js'\nimport type { Props as ReactSelectAdapterProps } from './types.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport DraggableSortable from '../DraggableSortable/index.js'\nimport { ClearIndicator } from './ClearIndicator/index.js'\nimport { Control } from './Control/index.js'\nimport { MultiValue } from './MultiValue/index.js'\nimport { MultiValueLabel } from './MultiValueLabel/index.js'\nimport { MultiValueRemove } from './MultiValueRemove/index.js'\nimport { SingleValue } from './SingleValue/index.js'\nimport { ValueContainer } from './ValueContainer/index.js'\nimport './index.scss'\n\nconst createOption = (label: string) => ({\n  label,\n  value: label,\n})\n\nconst SelectAdapter: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { i18n, t } = useTranslation()\n  const [inputValue, setInputValue] = React.useState('') // for creatable select\n\n  const {\n    className,\n    components,\n    customProps,\n    disabled = false,\n    filterOption = undefined,\n    isClearable = true,\n    isCreatable,\n    isLoading,\n    isSearchable = true,\n    noOptionsMessage,\n    numberOnly = false,\n    onChange,\n    onMenuOpen,\n    options,\n    placeholder = t('general:selectValue'),\n    showError,\n    value,\n  } = props\n\n  const classes = [className, 'react-select', showError && 'react-select--error']\n    .filter(Boolean)\n    .join(' ')\n\n  if (!isCreatable) {\n    return (\n      <Select\n        captureMenuScroll\n        customProps={customProps}\n        isLoading={isLoading}\n        placeholder={getTranslation(placeholder, i18n)}\n        {...props}\n        className={classes}\n        classNamePrefix=\"rs\"\n        components={{\n          ClearIndicator,\n          Control,\n          DropdownIndicator: Chevron,\n          MultiValue,\n          MultiValueLabel,\n          MultiValueRemove,\n          SingleValue,\n          ValueContainer,\n          ...components,\n        }}\n        filterOption={filterOption}\n        isClearable={isClearable}\n        isDisabled={disabled}\n        isSearchable={isSearchable}\n        menuPlacement=\"auto\"\n        noOptionsMessage={noOptionsMessage}\n        onChange={onChange}\n        onMenuOpen={onMenuOpen}\n        options={options}\n        value={value}\n      />\n    )\n  }\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    // eslint-disable-next-line no-restricted-globals\n    if (numberOnly === true) {\n      const acceptableKeys = [\n        'Tab',\n        'Escape',\n        'Backspace',\n        'Enter',\n        'ArrowRight',\n        'ArrowLeft',\n        'ArrowUp',\n        'ArrowDown',\n      ]\n      const isNumber = !/\\D/.test(event.key)\n      const isActionKey = acceptableKeys.includes(event.key)\n      if (!isNumber && !isActionKey) {\n        event.preventDefault()\n        return\n      }\n    }\n    if (!value || !inputValue || inputValue.trim() === '') return\n    if (filterOption && !filterOption(null, inputValue)) {\n      return\n    }\n    switch (event.key) {\n      case 'Enter':\n      case 'Tab':\n        onChange([...(value as Option[]), createOption(inputValue)])\n        setInputValue('')\n        event.preventDefault()\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <CreatableSelect\n      captureMenuScroll\n      isLoading={isLoading}\n      placeholder={getTranslation(placeholder, i18n)}\n      {...props}\n      className={classes}\n      classNamePrefix=\"rs\"\n      components={{\n        ClearIndicator,\n        Control,\n        DropdownIndicator: Chevron,\n        MultiValue,\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n        ValueContainer,\n        ...components,\n      }}\n      filterOption={filterOption}\n      inputValue={inputValue}\n      isClearable={isClearable}\n      isDisabled={disabled}\n      isSearchable={isSearchable}\n      menuPlacement=\"auto\"\n      noOptionsMessage={noOptionsMessage}\n      onChange={onChange}\n      onInputChange={(newValue) => setInputValue(newValue)}\n      onKeyDown={handleKeyDown}\n      onMenuOpen={onMenuOpen}\n      options={options}\n      value={value}\n    />\n  )\n}\n\nconst SortableSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { onChange, value } = props\n\n  let ids: string[] = []\n  if (value)\n    ids = Array.isArray(value)\n      ? value.map((item) => item?.id ?? `${item?.value}`)\n      : [value?.id || `${value?.value}`]\n\n  return (\n    <DraggableSortable\n      className=\"react-select-container\"\n      ids={ids}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        let sorted = value\n        if (value && Array.isArray(value)) {\n          sorted = arrayMove(value, moveFromIndex, moveToIndex)\n        }\n        onChange(sorted)\n      }}\n    >\n      <SelectAdapter {...props} />\n    </DraggableSortable>\n  )\n}\n\nconst ReactSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { isMulti, isSortable } = props\n\n  if (isMulti && isSortable) {\n    return <SortableSelect {...props} />\n  }\n\n  return <SelectAdapter {...props} />\n}\n\nexport default ReactSelect\n"],"names":["arrayMove","getTranslation","React","Select","CreatableSelect","Chevron","useTranslation","DraggableSortable","ClearIndicator","Control","MultiValue","MultiValueLabel","MultiValueRemove","SingleValue","ValueContainer","createOption","label","value","SelectAdapter","props","i18n","t","inputValue","setInputValue","useState","className","components","customProps","disabled","filterOption","undefined","isClearable","isCreatable","isLoading","isSearchable","noOptionsMessage","numberOnly","onChange","onMenuOpen","options","placeholder","showError","classes","filter","Boolean","join","captureMenuScroll","classNamePrefix","DropdownIndicator","isDisabled","menuPlacement","handleKeyDown","event","acceptableKeys","isNumber","test","key","isActionKey","includes","preventDefault","trim","onInputChange","newValue","onKeyDown","SortableSelect","ids","Array","isArray","map","item","id","onDragEnd","moveFromIndex","moveToIndex","sorted","ReactSelect","isMulti","isSortable"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/ReactSelect/index.tsx"],"sourcesContent":["'use client'\nimport type { KeyboardEventHandler } from 'react'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport Select from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\n\nimport type { Option } from './types.js'\nimport type { Props as ReactSelectAdapterProps } from './types.js'\nexport type { Option } from './types.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { ClearIndicator } from './ClearIndicator/index.js'\nimport { Control } from './Control/index.js'\nimport { MultiValue } from './MultiValue/index.js'\nimport { MultiValueLabel } from './MultiValueLabel/index.js'\nimport { MultiValueRemove } from './MultiValueRemove/index.js'\nimport { SingleValue } from './SingleValue/index.js'\nimport { ValueContainer } from './ValueContainer/index.js'\nimport './index.scss'\n\nconst createOption = (label: string) => ({\n  label,\n  value: label,\n})\n\nconst SelectAdapter: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { i18n, t } = useTranslation()\n  const [inputValue, setInputValue] = React.useState('') // for creatable select\n\n  const {\n    className,\n    components,\n    customProps,\n    disabled = false,\n    filterOption = undefined,\n    isClearable = true,\n    isCreatable,\n    isLoading,\n    isSearchable = true,\n    noOptionsMessage,\n    numberOnly = false,\n    onChange,\n    onMenuOpen,\n    options,\n    placeholder = t('general:selectValue'),\n    showError,\n    value,\n  } = props\n\n  const classes = [className, 'react-select', showError && 'react-select--error']\n    .filter(Boolean)\n    .join(' ')\n\n  if (!isCreatable) {\n    return (\n      <Select\n        captureMenuScroll\n        customProps={customProps}\n        isLoading={isLoading}\n        placeholder={getTranslation(placeholder, i18n)}\n        {...props}\n        className={classes}\n        classNamePrefix=\"rs\"\n        components={{\n          ClearIndicator,\n          Control,\n          DropdownIndicator: Chevron,\n          MultiValue,\n          MultiValueLabel,\n          MultiValueRemove,\n          SingleValue,\n          ValueContainer,\n          ...components,\n        }}\n        filterOption={filterOption}\n        isClearable={isClearable}\n        isDisabled={disabled}\n        isSearchable={isSearchable}\n        menuPlacement=\"auto\"\n        noOptionsMessage={noOptionsMessage}\n        onChange={onChange}\n        onMenuOpen={onMenuOpen}\n        options={options}\n        value={value}\n      />\n    )\n  }\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    // eslint-disable-next-line no-restricted-globals\n    if (numberOnly === true) {\n      const acceptableKeys = [\n        'Tab',\n        'Escape',\n        'Backspace',\n        'Enter',\n        'ArrowRight',\n        'ArrowLeft',\n        'ArrowUp',\n        'ArrowDown',\n      ]\n      const isNumber = !/\\D/.test(event.key)\n      const isActionKey = acceptableKeys.includes(event.key)\n      if (!isNumber && !isActionKey) {\n        event.preventDefault()\n        return\n      }\n    }\n    if (!value || !inputValue || inputValue.trim() === '') return\n    if (filterOption && !filterOption(null, inputValue)) {\n      return\n    }\n    switch (event.key) {\n      case 'Enter':\n      case 'Tab':\n        onChange([...(value as Option[]), createOption(inputValue)])\n        setInputValue('')\n        event.preventDefault()\n        break\n      default:\n        break\n    }\n  }\n\n  return (\n    <CreatableSelect\n      captureMenuScroll\n      isLoading={isLoading}\n      placeholder={getTranslation(placeholder, i18n)}\n      {...props}\n      className={classes}\n      classNamePrefix=\"rs\"\n      components={{\n        ClearIndicator,\n        Control,\n        DropdownIndicator: Chevron,\n        MultiValue,\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n        ValueContainer,\n        ...components,\n      }}\n      filterOption={filterOption}\n      inputValue={inputValue}\n      isClearable={isClearable}\n      isDisabled={disabled}\n      isSearchable={isSearchable}\n      menuPlacement=\"auto\"\n      noOptionsMessage={noOptionsMessage}\n      onChange={onChange}\n      onInputChange={(newValue) => setInputValue(newValue)}\n      onKeyDown={handleKeyDown}\n      onMenuOpen={onMenuOpen}\n      options={options}\n      value={value}\n    />\n  )\n}\n\nconst SortableSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { onChange, value } = props\n\n  let ids: string[] = []\n  if (value)\n    ids = Array.isArray(value)\n      ? value.map((item) => item?.id ?? `${item?.value}`)\n      : [value?.id || `${value?.value}`]\n\n  return (\n    <DraggableSortable\n      className=\"react-select-container\"\n      ids={ids}\n      onDragEnd={({ moveFromIndex, moveToIndex }) => {\n        let sorted = value\n        if (value && Array.isArray(value)) {\n          sorted = arrayMove(value, moveFromIndex, moveToIndex)\n        }\n        onChange(sorted)\n      }}\n    >\n      <SelectAdapter {...props} />\n    </DraggableSortable>\n  )\n}\n\nexport const ReactSelect: React.FC<ReactSelectAdapterProps> = (props) => {\n  const { isMulti, isSortable } = props\n\n  if (isMulti && isSortable) {\n    return <SortableSelect {...props} />\n  }\n\n  return <SelectAdapter {...props} />\n}\n"],"names":["arrayMove","getTranslation","React","Select","CreatableSelect","Chevron","useTranslation","DraggableSortable","ClearIndicator","Control","MultiValue","MultiValueLabel","MultiValueRemove","SingleValue","ValueContainer","createOption","label","value","SelectAdapter","props","i18n","t","inputValue","setInputValue","useState","className","components","customProps","disabled","filterOption","undefined","isClearable","isCreatable","isLoading","isSearchable","noOptionsMessage","numberOnly","onChange","onMenuOpen","options","placeholder","showError","classes","filter","Boolean","join","captureMenuScroll","classNamePrefix","DropdownIndicator","isDisabled","menuPlacement","handleKeyDown","event","acceptableKeys","isNumber","test","key","isActionKey","includes","preventDefault","trim","onInputChange","newValue","onKeyDown","SortableSelect","ids","Array","isArray","map","item","id","onDragEnd","moveFromIndex","moveToIndex","sorted","ReactSelect","isMulti","isSortable"],"mappings":"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"}

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.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RenderCustomComponent/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const RenderCustomComponent: React.FC<{\n  CustomComponent?: React.ComponentType<any>\n  DefaultComponent: React.ComponentType<any>\n  componentProps?: Record<string, any>\n}> = (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"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,wBAIR,CAACC;IACJ,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"}
+{"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"],"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,5 +1,11 @@
 import React from 'react';
-import type { Props } from './types.js';
 import './index.scss';
-export declare const RenderTitle: React.FC<Props>;
+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,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuBvC,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,7 +1,7 @@
 'use client';
 import React from 'react';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
-import IDLabel from '../IDLabel/index.js';
+import { IDLabel } from '../IDLabel/index.js';
 const baseClass = 'render-title';
 export const RenderTitle = (props)=>{
     const { className, element = 'h1', fallback, title: titleFromProps } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RenderTitle/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport IDLabel from '../IDLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'render-title'\n\nexport const RenderTitle: React.FC<Props> = (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"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,eAAe,QAAQ,wCAAuC;AACvE,OAAOC,aAAa,sBAAqB;AAGzC,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAA+B,CAACC;IAC3C,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"}
+{"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"],"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.js

@@ -2,8 +2,8 @@
 import React, { useRef } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useForm } from '../../forms/Form/context.js';
-import FormSubmit from '../../forms/Submit/index.js';
-import useHotkey from '../../hooks/useHotkey.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';
 const DefaultSaveButton = ({ label, save })=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Save/index.tsx"],"sourcesContent":["'use client'\nimport type { CustomSaveButtonProps, DefaultSaveButtonProps } from 'payload/types'\n\nimport React, { useRef } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\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\nconst DefaultSaveButton: React.FC<DefaultSaveButtonProps> = ({ label, 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 buttonId=\"action-save\" onClick={save} ref={ref} size=\"small\" type=\"button\">\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: CustomSaveButtonProps\n}\n\nexport const Save: React.FC<Props> = ({ CustomComponent }) => {\n  const { t } = useTranslation()\n  const { submit } = useForm()\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultSaveButton}\n      componentProps={{\n        DefaultButton: DefaultSaveButton,\n        label: t('general:save'),\n        save: submit,\n      }}\n    />\n  )\n}\n"],"names":["React","useRef","RenderCustomComponent","useForm","FormSubmit","useHotkey","useEditDepth","useTranslation","DefaultSaveButton","label","save","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","onClick","size","type","Save","CustomComponent","t","submit","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAGA,OAAOA,SAASC,MAAM,QAAQ,QAAO;AAErC,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,OAAO,QAAQ,8BAA6B;AACrD,OAAOC,gBAAgB,8BAA6B;AACpD,OAAOC,eAAe,2BAA0B;AAChD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,oBAAsD,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAE;IAC1E,MAAMC,MAAMV,OAA0B;IACtC,MAAMW,YAAYN;IAElBD,UAAU;QAAEQ,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,oBAACf;QAAWgB,UAAS;QAAcC,SAASX;QAAMC,KAAKA;QAAKW,MAAK;QAAQC,MAAK;OAC3Ed;AAGP;AAMA,OAAO,MAAMe,OAAwB,CAAC,EAAEC,eAAe,EAAE;IACvD,MAAM,EAAEC,CAAC,EAAE,GAAGnB;IACd,MAAM,EAAEoB,MAAM,EAAE,GAAGxB;IAEnB,qBACE,oBAACD;QACCuB,iBAAiBA;QACjBG,kBAAkBpB;QAClBqB,gBAAgB;YACdC,eAAetB;YACfC,OAAOiB,EAAE;YACThB,MAAMiB;QACR;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/Save/index.tsx"],"sourcesContent":["'use client'\nimport type { CustomSaveButtonProps, DefaultSaveButtonProps } from 'payload/types'\n\nimport React, { useRef } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\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\nconst DefaultSaveButton: React.FC<DefaultSaveButtonProps> = ({ label, 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 buttonId=\"action-save\" onClick={save} ref={ref} size=\"small\" type=\"button\">\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: CustomSaveButtonProps\n}\n\nexport const Save: React.FC<Props> = ({ CustomComponent }) => {\n  const { t } = useTranslation()\n  const { submit } = useForm()\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultSaveButton}\n      componentProps={{\n        DefaultButton: DefaultSaveButton,\n        label: t('general:save'),\n        save: submit,\n      }}\n    />\n  )\n}\n"],"names":["React","useRef","RenderCustomComponent","useForm","FormSubmit","useHotkey","useEditDepth","useTranslation","DefaultSaveButton","label","save","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","onClick","size","type","Save","CustomComponent","t","submit","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAGA,OAAOA,SAASC,MAAM,QAAQ,QAAO;AAErC,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,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,MAAMC,oBAAsD,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAE;IAC1E,MAAMC,MAAMV,OAA0B;IACtC,MAAMW,YAAYN;IAElBD,UAAU;QAAEQ,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,oBAACf;QAAWgB,UAAS;QAAcC,SAASX;QAAMC,KAAKA;QAAKW,MAAK;QAAQC,MAAK;OAC3Ed;AAGP;AAMA,OAAO,MAAMe,OAAwB,CAAC,EAAEC,eAAe,EAAE;IACvD,MAAM,EAAEC,CAAC,EAAE,GAAGnB;IACd,MAAM,EAAEoB,MAAM,EAAE,GAAGxB;IAEnB,qBACE,oBAACD;QACCuB,iBAAiBA;QACjBG,kBAAkBpB;QAClBqB,gBAAgB;YACdC,eAAetB;YACfC,OAAOiB,EAAE;YACThB,MAAMiB;QACR;;AAGN,EAAC"}

package/dist/elements/SaveDraft/index.js

@@ -2,8 +2,8 @@
 import React, { useCallback, useRef } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
-import FormSubmit from '../../forms/Submit/index.js';
-import useHotkey from '../../hooks/useHotkey.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';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SaveDraft/index.tsx"],"sourcesContent":["'use client'\nimport type { CustomSaveDraftButtonProps, DefaultSaveDraftButtonProps } from 'payload/types'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\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<DefaultSaveDraftButtonProps> = ({\n  disabled,\n  label,\n  saveDraft,\n}) => {\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\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={disabled}\n      onClick={saveDraft}\n      ref={ref}\n      size=\"small\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: CustomSaveDraftButtonProps\n}\nexport const SaveDraft: React.FC<Props> = ({ CustomComponent }) => {\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { submit } = useForm()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const { t } = useTranslation()\n\n  const canSaveDraft = modified\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  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultSaveDraftButton}\n      componentProps={{\n        DefaultButton: DefaultSaveDraftButton,\n        disabled: !canSaveDraft,\n        label: t('version:saveDraft'),\n        saveDraft,\n      }}\n    />\n  )\n}\n"],"names":["React","useCallback","useRef","RenderCustomComponent","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useTranslation","baseClass","DefaultSaveDraftButton","disabled","label","saveDraft","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","onClick","size","type","SaveDraft","CustomComponent","routes","api","serverURL","submit","id","collectionSlug","globalSlug","modified","code","locale","t","canSaveDraft","search","action","method","overrides","_status","skipValidation","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAGA,OAAOA,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,OAAOC,gBAAgB,8BAA6B;AACpD,OAAOC,eAAe,2BAA0B;AAChD,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,yBAAgE,CAAC,EACrEC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACV;IACC,MAAMC,MAAMhB,OAA0B;IACtC,MAAMiB,YAAYT;IAElBH,UAAU;QAAEa,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIP,UAAU;YACZ;QACF;QAEAO,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,oBAACpB;QACCqB,UAAS;QACTC,aAAY;QACZC,WAAWhB;QACXE,UAAUA;QACVe,SAASb;QACTC,KAAKA;QACLa,MAAK;QACLC,MAAK;OAEJhB;AAGP;AAKA,OAAO,MAAMiB,YAA6B,CAAC,EAAEC,eAAe,EAAE;IAC5D,MAAM,EACJC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG7B;IACJ,MAAM,EAAE8B,MAAM,EAAE,GAAGlC;IACnB,MAAM,EAAEmC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGhC;IAC3C,MAAMiC,WAAWrC;IACjB,MAAM,EAAEsC,MAAMC,MAAM,EAAE,GAAGjC;IACzB,MAAM,EAAEkC,CAAC,EAAE,GAAGjC;IAEd,MAAMkC,eAAeJ;IAErB,MAAMzB,YAAYhB,YAAY;QAC5B,MAAM8C,SAAS,CAAC,QAAQ,EAAEH,OAAO,wCAAwC,CAAC;QAC1E,IAAII;QACJ,IAAIC,SAAS;QAEb,IAAIT,gBAAgB;YAClBQ,SAAS,CAAC,EAAEX,UAAU,EAAED,IAAI,CAAC,EAAEI,eAAe,EAAED,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,EAAEQ,OAAO,CAAC;YAC7E,IAAIR,IAAIU,SAAS;QACnB;QAEA,IAAIR,YAAY;YACdO,SAAS,CAAC,EAAEX,UAAU,EAAED,IAAI,SAAS,EAAEK,WAAW,EAAEM,OAAO,CAAC;QAC9D;QAEA,MAAMT,OAAO;YACXU;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;IACF,GAAG;QAACd;QAAQE;QAAgBC;QAAYJ;QAAWD;QAAKQ;QAAQL;KAAG;IAEnE,qBACE,oBAACpC;QACC+B,iBAAiBA;QACjBmB,kBAAkBvC;QAClBwC,gBAAgB;YACdC,eAAezC;YACfC,UAAU,CAAC+B;YACX9B,OAAO6B,EAAE;YACT5B;QACF;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/SaveDraft/index.tsx"],"sourcesContent":["'use client'\nimport type { CustomSaveDraftButtonProps, DefaultSaveDraftButtonProps } from 'payload/types'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\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<DefaultSaveDraftButtonProps> = ({\n  disabled,\n  label,\n  saveDraft,\n}) => {\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\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={disabled}\n      onClick={saveDraft}\n      ref={ref}\n      size=\"small\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: CustomSaveDraftButtonProps\n}\nexport const SaveDraft: React.FC<Props> = ({ CustomComponent }) => {\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { submit } = useForm()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const { t } = useTranslation()\n\n  const canSaveDraft = modified\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  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultSaveDraftButton}\n      componentProps={{\n        DefaultButton: DefaultSaveDraftButton,\n        disabled: !canSaveDraft,\n        label: t('version:saveDraft'),\n        saveDraft,\n      }}\n    />\n  )\n}\n"],"names":["React","useCallback","useRef","RenderCustomComponent","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useTranslation","baseClass","DefaultSaveDraftButton","disabled","label","saveDraft","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","onClick","size","type","SaveDraft","CustomComponent","routes","api","serverURL","submit","id","collectionSlug","globalSlug","modified","code","locale","t","canSaveDraft","search","action","method","overrides","_status","skipValidation","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAGA,OAAOA,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,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,yBAAgE,CAAC,EACrEC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACV;IACC,MAAMC,MAAMhB,OAA0B;IACtC,MAAMiB,YAAYT;IAElBH,UAAU;QAAEa,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIP,UAAU;YACZ;QACF;QAEAO,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,oBAACpB;QACCqB,UAAS;QACTC,aAAY;QACZC,WAAWhB;QACXE,UAAUA;QACVe,SAASb;QACTC,KAAKA;QACLa,MAAK;QACLC,MAAK;OAEJhB;AAGP;AAKA,OAAO,MAAMiB,YAA6B,CAAC,EAAEC,eAAe,EAAE;IAC5D,MAAM,EACJC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG7B;IACJ,MAAM,EAAE8B,MAAM,EAAE,GAAGlC;IACnB,MAAM,EAAEmC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGhC;IAC3C,MAAMiC,WAAWrC;IACjB,MAAM,EAAEsC,MAAMC,MAAM,EAAE,GAAGjC;IACzB,MAAM,EAAEkC,CAAC,EAAE,GAAGjC;IAEd,MAAMkC,eAAeJ;IAErB,MAAMzB,YAAYhB,YAAY;QAC5B,MAAM8C,SAAS,CAAC,QAAQ,EAAEH,OAAO,wCAAwC,CAAC;QAC1E,IAAII;QACJ,IAAIC,SAAS;QAEb,IAAIT,gBAAgB;YAClBQ,SAAS,CAAC,EAAEX,UAAU,EAAED,IAAI,CAAC,EAAEI,eAAe,EAAED,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,EAAEQ,OAAO,CAAC;YAC7E,IAAIR,IAAIU,SAAS;QACnB;QAEA,IAAIR,YAAY;YACdO,SAAS,CAAC,EAAEX,UAAU,EAAED,IAAI,SAAS,EAAEK,WAAW,EAAEM,OAAO,CAAC;QAC9D;QAEA,MAAMT,OAAO;YACXU;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;IACF,GAAG;QAACd;QAAQE;QAAgBC;QAAYJ;QAAWD;QAAKQ;QAAQL;KAAG;IAEnE,qBACE,oBAACpC;QACC+B,iBAAiBA;QACjBmB,kBAAkBvC;QAClBwC,gBAAgB;YACdC,eAAezC;YACfC,UAAU,CAAC+B;YACX9B,OAAO6B,EAAE;YACT5B;QACF;;AAGN,EAAC"}

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

@@ -1,6 +1,11 @@
+import type { FieldAffectingData } from 'payload/types';
 import React from 'react';
-import type { Props } from './types.js';
+export type SearchFilterProps = {
+    fieldLabel?: string;
+    fieldName?: string;
+    handleChange?: (search: string) => void;
+    listSearchableFields?: FieldAffectingData[];
+};
 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,YAAY,CAAA;AAMvC,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":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAKvD,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,kBAAkB,EAAE,CAAA;CAC5C,CAAA;AAMD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkEpD,CAAA"}

package/dist/elements/SearchFilter/index.js

@@ -1,15 +1,14 @@
 import { getTranslation } from '@payloadcms/translations';
 // TODO: abstract the `next/navigation` dependency out from this component
 import { usePathname, useRouter } from 'next/navigation.js';
-import queryString from 'qs';
 import React, { useEffect, useRef, useState } from 'react';
-import useDebounce from '../../hooks/useDebounce.js';
+import { useDebounce } from '../../hooks/useDebounce.js';
 import { Search } from '../../icons/Search/index.js';
 import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'search-filter';
-const SearchFilter = (props)=>{
-    const { fieldLabel = 'ID', fieldName = 'id', handleChange, listSearchableFields, modifySearchQuery = true } = props;
+export const SearchFilter = (props)=>{
+    const { fieldLabel = 'ID', fieldName = 'id', handleChange, listSearchableFields } = props;
     const { searchParams } = useSearchParams();
     const router = useRouter();
     const pathname = usePathname();
@@ -23,14 +22,6 @@ const SearchFilter = (props)=>{
     useEffect(()=>{
         if (debouncedSearch !== previousSearch) {
             if (handleChange) handleChange(debouncedSearch);
-            if (modifySearchQuery) {
-                const search = queryString.stringify({
-                    ...searchParams,
-                    page: 1,
-                    search: debouncedSearch || undefined
-                });
-                router.replace(`${pathname}?${search}`);
-            }
             setPreviousSearch(debouncedSearch);
         }
     }, [
@@ -40,22 +31,21 @@ const SearchFilter = (props)=>{
         fieldName,
         searchParams,
         handleChange,
-        modifySearchQuery,
         listSearchableFields,
         pathname
     ]);
     useEffect(()=>{
         if (listSearchableFields?.length > 0) {
-            placeholder.current = listSearchableFields.reduce((prev, curr, i)=>{
+            placeholder.current = listSearchableFields.reduce((placeholderText, field, i)=>{
                 if (i === 0) {
                     return `${t('general:searchBy', {
-                        label: getTranslation(curr.label || curr.name, i18n)
+                        label: getTranslation(field.label || field.name, i18n)
                     })}`;
                 }
                 if (i === listSearchableFields.length - 1) {
-                    return `${prev} ${t('general:or')} ${getTranslation(curr.label || curr.name, i18n)}`;
+                    return `${placeholderText} ${t('general:or')} ${getTranslation(field.label || field.name, i18n)}`;
                 }
-                return `${prev}, ${getTranslation(curr.label || curr.name, i18n)}`;
+                return `${placeholderText}, ${getTranslation(field?.label || field?.name, i18n)}`;
             }, '');
         } else {
             placeholder.current = t('general:searchBy', {
@@ -78,6 +68,5 @@ const SearchFilter = (props)=>{
         value: search || ''
     }), /*#__PURE__*/ React.createElement(Search, null));
 };
-export default SearchFilter;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SearchFilter/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport queryString from 'qs'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport useDebounce from '../../hooks/useDebounce.js'\nimport { Search } from '../../icons/Search/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'search-filter'\n\nconst SearchFilter: React.FC<Props> = (props) => {\n  const {\n    fieldLabel = 'ID',\n    fieldName = 'id',\n    handleChange,\n    listSearchableFields,\n    modifySearchQuery = true,\n  } = props\n\n  const { searchParams } = useSearchParams()\n  const router = useRouter()\n  const pathname = usePathname()\n  const { i18n, t } = useTranslation()\n\n  const [search, setSearch] = useState(\n    typeof searchParams?.search === 'string' ? searchParams?.search : '',\n  )\n  const [previousSearch, setPreviousSearch] = useState('')\n\n  const placeholder = useRef(t('general:searchBy', { label: getTranslation(fieldLabel, i18n) }))\n\n  const debouncedSearch = useDebounce(search, 300)\n\n  useEffect(() => {\n    if (debouncedSearch !== previousSearch) {\n      if (handleChange) handleChange(debouncedSearch)\n\n      if (modifySearchQuery) {\n        const search = queryString.stringify({\n          ...searchParams,\n          page: 1,\n          search: debouncedSearch || undefined,\n        })\n\n        router.replace(`${pathname}?${search}`)\n      }\n\n      setPreviousSearch(debouncedSearch)\n    }\n  }, [\n    debouncedSearch,\n    previousSearch,\n    router,\n    fieldName,\n    searchParams,\n    handleChange,\n    modifySearchQuery,\n    listSearchableFields,\n    pathname,\n  ])\n\n  useEffect(() => {\n    if (listSearchableFields?.length > 0) {\n      placeholder.current = listSearchableFields.reduce<string>((prev, curr, i) => {\n        if (i === 0) {\n          return `${t('general:searchBy', {\n            label: getTranslation(curr.label || curr.name, i18n),\n          })}`\n        }\n        if (i === listSearchableFields.length - 1) {\n          return `${prev} ${t('general:or')} ${getTranslation(curr.label || curr.name, i18n)}`\n        }\n        return `${prev}, ${getTranslation(curr.label || curr.name, i18n)}`\n      }, '')\n    } else {\n      placeholder.current = t('general:searchBy', { label: getTranslation(fieldLabel, i18n) })\n    }\n  }, [t, listSearchableFields, i18n, fieldLabel])\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={(e) => setSearch(e.target.value)}\n        placeholder={placeholder.current}\n        type=\"text\"\n        value={search || ''}\n      />\n      <Search />\n    </div>\n  )\n}\n\nexport default SearchFilter\n"],"names":["getTranslation","usePathname","useRouter","queryString","React","useEffect","useRef","useState","useDebounce","Search","useSearchParams","useTranslation","baseClass","SearchFilter","props","fieldLabel","fieldName","handleChange","listSearchableFields","modifySearchQuery","searchParams","router","pathname","i18n","t","search","setSearch","previousSearch","setPreviousSearch","placeholder","label","debouncedSearch","stringify","page","undefined","replace","length","current","reduce","prev","curr","i","name","div","className","input","onChange","e","target","value","type"],"mappings":"AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,0EAA0E;AAC1E,SAASC,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,iBAAiB,KAAI;AAC5B,OAAOC,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAI1D,OAAOC,iBAAiB,6BAA4B;AACpD,SAASC,MAAM,QAAQ,8BAA6B;AACpD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,MAAMC,eAAgC,CAACC;IACrC,MAAM,EACJC,aAAa,IAAI,EACjBC,YAAY,IAAI,EAChBC,YAAY,EACZC,oBAAoB,EACpBC,oBAAoB,IAAI,EACzB,GAAGL;IAEJ,MAAM,EAAEM,YAAY,EAAE,GAAGV;IACzB,MAAMW,SAASnB;IACf,MAAMoB,WAAWrB;IACjB,MAAM,EAAEsB,IAAI,EAAEC,CAAC,EAAE,GAAGb;IAEpB,MAAM,CAACc,QAAQC,UAAU,GAAGnB,SAC1B,OAAOa,cAAcK,WAAW,WAAWL,cAAcK,SAAS;IAEpE,MAAM,CAACE,gBAAgBC,kBAAkB,GAAGrB,SAAS;IAErD,MAAMsB,cAAcvB,OAAOkB,EAAE,oBAAoB;QAAEM,OAAO9B,eAAee,YAAYQ;IAAM;IAE3F,MAAMQ,kBAAkBvB,YAAYiB,QAAQ;IAE5CpB,UAAU;QACR,IAAI0B,oBAAoBJ,gBAAgB;YACtC,IAAIV,cAAcA,aAAac;YAE/B,IAAIZ,mBAAmB;gBACrB,MAAMM,SAAStB,YAAY6B,SAAS,CAAC;oBACnC,GAAGZ,YAAY;oBACfa,MAAM;oBACNR,QAAQM,mBAAmBG;gBAC7B;gBAEAb,OAAOc,OAAO,CAAC,CAAC,EAAEb,SAAS,CAAC,EAAEG,OAAO,CAAC;YACxC;YAEAG,kBAAkBG;QACpB;IACF,GAAG;QACDA;QACAJ;QACAN;QACAL;QACAI;QACAH;QACAE;QACAD;QACAI;KACD;IAEDjB,UAAU;QACR,IAAIa,sBAAsBkB,SAAS,GAAG;YACpCP,YAAYQ,OAAO,GAAGnB,qBAAqBoB,MAAM,CAAS,CAACC,MAAMC,MAAMC;gBACrE,IAAIA,MAAM,GAAG;oBACX,OAAO,CAAC,EAAEjB,EAAE,oBAAoB;wBAC9BM,OAAO9B,eAAewC,KAAKV,KAAK,IAAIU,KAAKE,IAAI,EAAEnB;oBACjD,GAAG,CAAC;gBACN;gBACA,IAAIkB,MAAMvB,qBAAqBkB,MAAM,GAAG,GAAG;oBACzC,OAAO,CAAC,EAAEG,KAAK,CAAC,EAAEf,EAAE,cAAc,CAAC,EAAExB,eAAewC,KAAKV,KAAK,IAAIU,KAAKE,IAAI,EAAEnB,MAAM,CAAC;gBACtF;gBACA,OAAO,CAAC,EAAEgB,KAAK,EAAE,EAAEvC,eAAewC,KAAKV,KAAK,IAAIU,KAAKE,IAAI,EAAEnB,MAAM,CAAC;YACpE,GAAG;QACL,OAAO;YACLM,YAAYQ,OAAO,GAAGb,EAAE,oBAAoB;gBAAEM,OAAO9B,eAAee,YAAYQ;YAAM;QACxF;IACF,GAAG;QAACC;QAAGN;QAAsBK;QAAMR;KAAW;IAE9C,qBACE,oBAAC4B;QAAIC,WAAWhC;qBACd,oBAACiC;QACCD,WAAW,CAAC,EAAEhC,UAAU,OAAO,CAAC;QAChCkC,UAAU,CAACC,IAAMrB,UAAUqB,EAAEC,MAAM,CAACC,KAAK;QACzCpB,aAAaA,YAAYQ,OAAO;QAChCa,MAAK;QACLD,OAAOxB,UAAU;sBAEnB,oBAAChB;AAGP;AAEA,eAAeI,aAAY"}
+{"version":3,"sources":["../../../src/elements/SearchFilter/index.tsx"],"sourcesContent":["import type { FieldAffectingData } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport React, { useEffect, useRef, useState } from 'react'\n\nexport type SearchFilterProps = {\n  fieldLabel?: string\n  fieldName?: string\n  handleChange?: (search: string) => void\n  listSearchableFields?: FieldAffectingData[]\n}\n\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { Search } from '../../icons/Search/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'search-filter'\n\nexport const SearchFilter: React.FC<SearchFilterProps> = (props) => {\n  const { fieldLabel = 'ID', fieldName = 'id', handleChange, listSearchableFields } = props\n\n  const { searchParams } = useSearchParams()\n  const router = useRouter()\n  const pathname = usePathname()\n  const { i18n, t } = useTranslation()\n\n  const [search, setSearch] = useState(\n    typeof searchParams?.search === 'string' ? searchParams?.search : '',\n  )\n  const [previousSearch, setPreviousSearch] = useState('')\n\n  const placeholder = useRef(t('general:searchBy', { label: getTranslation(fieldLabel, i18n) }))\n\n  const debouncedSearch = useDebounce(search, 300)\n\n  useEffect(() => {\n    if (debouncedSearch !== previousSearch) {\n      if (handleChange) handleChange(debouncedSearch)\n      setPreviousSearch(debouncedSearch)\n    }\n  }, [\n    debouncedSearch,\n    previousSearch,\n    router,\n    fieldName,\n    searchParams,\n    handleChange,\n    listSearchableFields,\n    pathname,\n  ])\n\n  useEffect(() => {\n    if (listSearchableFields?.length > 0) {\n      placeholder.current = listSearchableFields.reduce(\n        (placeholderText: string, field, i: number) => {\n          if (i === 0) {\n            return `${t('general:searchBy', {\n              label: getTranslation(field.label || field.name, i18n),\n            })}`\n          }\n          if (i === listSearchableFields.length - 1) {\n            return `${placeholderText} ${t('general:or')} ${getTranslation(field.label || field.name, i18n)}`\n          }\n          return `${placeholderText}, ${getTranslation(field?.label || field?.name, i18n)}`\n        },\n        '',\n      )\n    } else {\n      placeholder.current = t('general:searchBy', { label: getTranslation(fieldLabel, i18n) })\n    }\n  }, [t, listSearchableFields, i18n, fieldLabel])\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={(e) => setSearch(e.target.value)}\n        placeholder={placeholder.current}\n        type=\"text\"\n        value={search || ''}\n      />\n      <Search />\n    </div>\n  )\n}\n"],"names":["getTranslation","usePathname","useRouter","React","useEffect","useRef","useState","useDebounce","Search","useSearchParams","useTranslation","baseClass","SearchFilter","props","fieldLabel","fieldName","handleChange","listSearchableFields","searchParams","router","pathname","i18n","t","search","setSearch","previousSearch","setPreviousSearch","placeholder","label","debouncedSearch","length","current","reduce","placeholderText","field","i","name","div","className","input","onChange","e","target","value","type"],"mappings":"AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,0EAA0E;AAC1E,SAASC,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAS1D,SAASC,WAAW,QAAQ,6BAA4B;AACxD,SAASC,MAAM,QAAQ,8BAA6B;AACpD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EAAEC,aAAa,IAAI,EAAEC,YAAY,IAAI,EAAEC,YAAY,EAAEC,oBAAoB,EAAE,GAAGJ;IAEpF,MAAM,EAAEK,YAAY,EAAE,GAAGT;IACzB,MAAMU,SAASjB;IACf,MAAMkB,WAAWnB;IACjB,MAAM,EAAEoB,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IAEpB,MAAM,CAACa,QAAQC,UAAU,GAAGlB,SAC1B,OAAOY,cAAcK,WAAW,WAAWL,cAAcK,SAAS;IAEpE,MAAM,CAACE,gBAAgBC,kBAAkB,GAAGpB,SAAS;IAErD,MAAMqB,cAActB,OAAOiB,EAAE,oBAAoB;QAAEM,OAAO5B,eAAec,YAAYO;IAAM;IAE3F,MAAMQ,kBAAkBtB,YAAYgB,QAAQ;IAE5CnB,UAAU;QACR,IAAIyB,oBAAoBJ,gBAAgB;YACtC,IAAIT,cAAcA,aAAaa;YAC/BH,kBAAkBG;QACpB;IACF,GAAG;QACDA;QACAJ;QACAN;QACAJ;QACAG;QACAF;QACAC;QACAG;KACD;IAEDhB,UAAU;QACR,IAAIa,sBAAsBa,SAAS,GAAG;YACpCH,YAAYI,OAAO,GAAGd,qBAAqBe,MAAM,CAC/C,CAACC,iBAAyBC,OAAOC;gBAC/B,IAAIA,MAAM,GAAG;oBACX,OAAO,CAAC,EAAEb,EAAE,oBAAoB;wBAC9BM,OAAO5B,eAAekC,MAAMN,KAAK,IAAIM,MAAME,IAAI,EAAEf;oBACnD,GAAG,CAAC;gBACN;gBACA,IAAIc,MAAMlB,qBAAqBa,MAAM,GAAG,GAAG;oBACzC,OAAO,CAAC,EAAEG,gBAAgB,CAAC,EAAEX,EAAE,cAAc,CAAC,EAAEtB,eAAekC,MAAMN,KAAK,IAAIM,MAAME,IAAI,EAAEf,MAAM,CAAC;gBACnG;gBACA,OAAO,CAAC,EAAEY,gBAAgB,EAAE,EAAEjC,eAAekC,OAAON,SAASM,OAAOE,MAAMf,MAAM,CAAC;YACnF,GACA;QAEJ,OAAO;YACLM,YAAYI,OAAO,GAAGT,EAAE,oBAAoB;gBAAEM,OAAO5B,eAAec,YAAYO;YAAM;QACxF;IACF,GAAG;QAACC;QAAGL;QAAsBI;QAAMP;KAAW;IAE9C,qBACE,oBAACuB;QAAIC,WAAW3B;qBACd,oBAAC4B;QACCD,WAAW,CAAC,EAAE3B,UAAU,OAAO,CAAC;QAChC6B,UAAU,CAACC,IAAMjB,UAAUiB,EAAEC,MAAM,CAACC,KAAK;QACzChB,aAAaA,YAAYI,OAAO;QAChCa,MAAK;QACLD,OAAOpB,UAAU;sBAEnB,oBAACf;AAGP,EAAC"}

package/dist/elements/SelectAll/index.js

@@ -1,7 +1,7 @@
 'use client';
 import React from 'react';
-import { CheckboxInput } from '../../forms/fields/Checkbox/Input.js';
-import { SelectAllStatus, useSelection } from '../../providers/SelectionProvider/index.js';
+import { CheckboxInput } from '../../fields/Checkbox/Input.js';
+import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 const baseClass = 'select-all';
 export const SelectAll = ()=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SelectAll/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../forms/fields/Checkbox/Input.js'\nimport { SelectAllStatus, useSelection } from '../../providers/SelectionProvider/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-all'\n\nexport const SelectAll: React.FC = () => {\n  const { selectAll, toggleAll } = useSelection()\n  const { i18n } = useTranslation()\n\n  return (\n    <CheckboxInput\n      aria-label={\n        selectAll === SelectAllStatus.None\n          ? i18n.t('general:selectAllRows')\n          : i18n.t('general:deselectAllRows')\n      }\n      checked={\n        selectAll === SelectAllStatus.AllInPage || selectAll === SelectAllStatus.AllAvailable\n      }\n      className={`${baseClass}__checkbox`}\n      id=\"select-all\"\n      name=\"select-all\"\n      onToggle={() => toggleAll()}\n      partialChecked={selectAll === SelectAllStatus.Some}\n    />\n  )\n}\n"],"names":["React","CheckboxInput","SelectAllStatus","useSelection","useTranslation","baseClass","SelectAll","selectAll","toggleAll","i18n","aria-label","None","t","checked","AllInPage","AllAvailable","className","id","name","onToggle","partialChecked","Some"],"mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,uCAAsC;AACpE,SAASC,eAAe,EAAEC,YAAY,QAAQ,6CAA4C;AAC1F,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAAsB;IACjC,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGL;IACjC,MAAM,EAAEM,IAAI,EAAE,GAAGL;IAEjB,qBACE,oBAACH;QACCS,cACEH,cAAcL,gBAAgBS,IAAI,GAC9BF,KAAKG,CAAC,CAAC,2BACPH,KAAKG,CAAC,CAAC;QAEbC,SACEN,cAAcL,gBAAgBY,SAAS,IAAIP,cAAcL,gBAAgBa,YAAY;QAEvFC,WAAW,CAAC,EAAEX,UAAU,UAAU,CAAC;QACnCY,IAAG;QACHC,MAAK;QACLC,UAAU,IAAMX;QAChBY,gBAAgBb,cAAcL,gBAAgBmB,IAAI;;AAGxD,EAAC"}
+{"version":3,"sources":["../../../src/elements/SelectAll/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-all'\n\nexport const SelectAll: React.FC = () => {\n  const { selectAll, toggleAll } = useSelection()\n  const { i18n } = useTranslation()\n\n  return (\n    <CheckboxInput\n      aria-label={\n        selectAll === SelectAllStatus.None\n          ? i18n.t('general:selectAllRows')\n          : i18n.t('general:deselectAllRows')\n      }\n      checked={\n        selectAll === SelectAllStatus.AllInPage || selectAll === SelectAllStatus.AllAvailable\n      }\n      className={`${baseClass}__checkbox`}\n      id=\"select-all\"\n      name=\"select-all\"\n      onToggle={() => toggleAll()}\n      partialChecked={selectAll === SelectAllStatus.Some}\n    />\n  )\n}\n"],"names":["React","CheckboxInput","SelectAllStatus","useSelection","useTranslation","baseClass","SelectAll","selectAll","toggleAll","i18n","aria-label","None","t","checked","AllInPage","AllAvailable","className","id","name","onToggle","partialChecked","Some"],"mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAAsB;IACjC,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGL;IACjC,MAAM,EAAEM,IAAI,EAAE,GAAGL;IAEjB,qBACE,oBAACH;QACCS,cACEH,cAAcL,gBAAgBS,IAAI,GAC9BF,KAAKG,CAAC,CAAC,2BACPH,KAAKG,CAAC,CAAC;QAEbC,SACEN,cAAcL,gBAAgBY,SAAS,IAAIP,cAAcL,gBAAgBa,YAAY;QAEvFC,WAAW,CAAC,EAAEX,UAAU,UAAU,CAAC;QACnCY,IAAG;QACHC,MAAK;QACLC,UAAU,IAAMX;QAChBY,gBAAgBb,cAAcL,gBAAgBmB,IAAI;;AAGxD,EAAC"}

package/dist/elements/SelectRow/index.js

@@ -1,8 +1,8 @@
 'use client';
 import React from 'react';
 import { useTableCell } from '../../elements/Table/TableCellProvider/index.js';
-import { CheckboxInput } from '../../forms/fields/Checkbox/Input.js';
-import { useSelection } from '../../providers/SelectionProvider/index.js';
+import { CheckboxInput } from '../../fields/Checkbox/Input.js';
+import { useSelection } from '../../providers/Selection/index.js';
 const baseClass = 'select-row';
 export const SelectRow = ()=>{
     const { selected, setSelection } = useSelection();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SelectRow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useTableCell } from '../../elements/Table/TableCellProvider/index.js'\nimport { CheckboxInput } from '../../forms/fields/Checkbox/Input.js'\nimport { useSelection } from '../../providers/SelectionProvider/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-row'\n\nexport const SelectRow: React.FC = () => {\n  const { selected, setSelection } = useSelection()\n  const { rowData } = useTableCell()\n\n  return (\n    <CheckboxInput\n      checked={selected?.[rowData?.id]}\n      className={`${baseClass}__checkbox`}\n      onToggle={() => setSelection(rowData.id)}\n    />\n  )\n}\n"],"names":["React","useTableCell","CheckboxInput","useSelection","baseClass","SelectRow","selected","setSelection","rowData","checked","id","className","onToggle"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,kDAAiD;AAC9E,SAASC,aAAa,QAAQ,uCAAsC;AACpE,SAASC,YAAY,QAAQ,6CAA4C;AAGzE,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAAsB;IACjC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,EAAE,GAAGJ;IACnC,MAAM,EAAEK,OAAO,EAAE,GAAGP;IAEpB,qBACE,oBAACC;QACCO,SAASH,UAAU,CAACE,SAASE,GAAG;QAChCC,WAAW,CAAC,EAAEP,UAAU,UAAU,CAAC;QACnCQ,UAAU,IAAML,aAAaC,QAAQE,EAAE;;AAG7C,EAAC"}
+{"version":3,"sources":["../../../src/elements/SelectRow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useTableCell } from '../../elements/Table/TableCellProvider/index.js'\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useSelection } from '../../providers/Selection/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-row'\n\nexport const SelectRow: React.FC = () => {\n  const { selected, setSelection } = useSelection()\n  const { rowData } = useTableCell()\n\n  return (\n    <CheckboxInput\n      checked={selected?.[rowData?.id]}\n      className={`${baseClass}__checkbox`}\n      onToggle={() => setSelection(rowData.id)}\n    />\n  )\n}\n"],"names":["React","useTableCell","CheckboxInput","useSelection","baseClass","SelectRow","selected","setSelection","rowData","checked","id","className","onToggle"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,kDAAiD;AAC9E,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,YAAY,QAAQ,qCAAoC;AAGjE,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAAsB;IACjC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,EAAE,GAAGJ;IACnC,MAAM,EAAEK,OAAO,EAAE,GAAGP;IAEpB,qBACE,oBAACC;QACCO,SAASH,UAAU,CAACE,SAASE,GAAG;QAChCC,WAAW,CAAC,EAAEP,UAAU,UAAU,CAAC;QACnCQ,UAAU,IAAML,aAAaC,QAAQE,EAAE;;AAG7C,EAAC"}

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

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import './index.scss';
-type ShimmerEffectT = {
+export type ShimmerEffectProps = {
     animationDelay?: string;
     height?: number | string;
     width?: number | string;
 };
-export declare const ShimmerEffect: React.FC<ShimmerEffectT>;
-type StaggeredShimmersT = {
+export declare const ShimmerEffect: React.FC<ShimmerEffectProps>;
+export type StaggeredShimmersProps = {
     className?: string;
     count: number;
     height?: number | string;
@@ -15,6 +15,5 @@ type StaggeredShimmersT = {
     shimmerItemClassName?: string;
     width?: number | string;
 };
-export declare const StaggeredShimmers: React.FC<StaggeredShimmersT>;
-export {};
+export declare const StaggeredShimmers: React.FC<StaggeredShimmersProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ShimmerEffect/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,cAAc,CAAA;AAErB,KAAK,cAAc,GAAG;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqBlD,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AACD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2B1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ShimmerEffect/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqBtD,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA2B9D,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ShimmerEffect/index.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from '../../hooks/useDelay.js'\nimport './index.scss'\n\ntype ShimmerEffectT = {\n  animationDelay?: string\n  height?: number | string\n  width?: number | string\n}\nexport const ShimmerEffect: React.FC<ShimmerEffectT> = ({\n  animationDelay = '0ms',\n  height = '60px',\n  width = '100%',\n}) => {\n  return (\n    <div\n      className=\"shimmer-effect\"\n      style={{\n        height: typeof height === 'number' ? `${height}px` : height,\n        width: typeof width === 'number' ? `${width}px` : width,\n      }}\n    >\n      <div\n        className=\"shimmer-effect__shine\"\n        style={{\n          animationDelay,\n        }}\n      />\n    </div>\n  )\n}\n\ntype StaggeredShimmersT = {\n  className?: string\n  count: number\n  height?: number | string\n  renderDelay?: number\n  shimmerDelay?: number | string\n  shimmerItemClassName?: string\n  width?: number | string\n}\nexport const StaggeredShimmers: React.FC<StaggeredShimmersT> = ({\n  className,\n  count,\n  height,\n  renderDelay = 500,\n  shimmerDelay = 25,\n  shimmerItemClassName,\n  width,\n}) => {\n  const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay\n  const [hasDelayed] = useDelay(renderDelay, true)\n\n  if (!hasDelayed) return null\n\n  return (\n    <div className={className}>\n      {[...Array(count)].map((_, i) => (\n        <div className={shimmerItemClassName} key={i}>\n          <ShimmerEffect\n            animationDelay={`calc(${i} * ${shimmerDelayToPass})`}\n            height={height}\n            width={width}\n          />\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"names":["React","useDelay","ShimmerEffect","animationDelay","height","width","div","className","style","StaggeredShimmers","count","renderDelay","shimmerDelay","shimmerItemClassName","shimmerDelayToPass","hasDelayed","Array","map","_","i","key"],"mappings":"AAAA;AACA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,0BAAyB;AAQlD,OAAO,MAAMC,gBAA0C,CAAC,EACtDC,iBAAiB,KAAK,EACtBC,SAAS,MAAM,EACfC,QAAQ,MAAM,EACf;IACC,qBACE,oBAACC;QACCC,WAAU;QACVC,OAAO;YACLJ,QAAQ,OAAOA,WAAW,WAAW,CAAC,EAAEA,OAAO,EAAE,CAAC,GAAGA;YACrDC,OAAO,OAAOA,UAAU,WAAW,CAAC,EAAEA,MAAM,EAAE,CAAC,GAAGA;QACpD;qBAEA,oBAACC;QACCC,WAAU;QACVC,OAAO;YACLL;QACF;;AAIR,EAAC;AAWD,OAAO,MAAMM,oBAAkD,CAAC,EAC9DF,SAAS,EACTG,KAAK,EACLN,MAAM,EACNO,cAAc,GAAG,EACjBC,eAAe,EAAE,EACjBC,oBAAoB,EACpBR,KAAK,EACN;IACC,MAAMS,qBAAqB,OAAOF,iBAAiB,WAAW,CAAC,EAAEA,aAAa,EAAE,CAAC,GAAGA;IACpF,MAAM,CAACG,WAAW,GAAGd,SAASU,aAAa;IAE3C,IAAI,CAACI,YAAY,OAAO;IAExB,qBACE,oBAACT;QAAIC,WAAWA;OACb;WAAIS,MAAMN;KAAO,CAACO,GAAG,CAAC,CAACC,GAAGC,kBACzB,oBAACb;YAAIC,WAAWM;YAAsBO,KAAKD;yBACzC,oBAACjB;YACCC,gBAAgB,CAAC,KAAK,EAAEgB,EAAE,GAAG,EAAEL,mBAAmB,CAAC,CAAC;YACpDV,QAAQA;YACRC,OAAOA;;AAMnB,EAAC"}
+{"version":3,"sources":["../../../src/elements/ShimmerEffect/index.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from '../../hooks/useDelay.js'\nimport './index.scss'\n\nexport type ShimmerEffectProps = {\n  animationDelay?: string\n  height?: number | string\n  width?: number | string\n}\n\nexport const ShimmerEffect: React.FC<ShimmerEffectProps> = ({\n  animationDelay = '0ms',\n  height = '60px',\n  width = '100%',\n}) => {\n  return (\n    <div\n      className=\"shimmer-effect\"\n      style={{\n        height: typeof height === 'number' ? `${height}px` : height,\n        width: typeof width === 'number' ? `${width}px` : width,\n      }}\n    >\n      <div\n        className=\"shimmer-effect__shine\"\n        style={{\n          animationDelay,\n        }}\n      />\n    </div>\n  )\n}\n\nexport type StaggeredShimmersProps = {\n  className?: string\n  count: number\n  height?: number | string\n  renderDelay?: number\n  shimmerDelay?: number | string\n  shimmerItemClassName?: string\n  width?: number | string\n}\n\nexport const StaggeredShimmers: React.FC<StaggeredShimmersProps> = ({\n  className,\n  count,\n  height,\n  renderDelay = 500,\n  shimmerDelay = 25,\n  shimmerItemClassName,\n  width,\n}) => {\n  const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay\n  const [hasDelayed] = useDelay(renderDelay, true)\n\n  if (!hasDelayed) return null\n\n  return (\n    <div className={className}>\n      {[...Array(count)].map((_, i) => (\n        <div className={shimmerItemClassName} key={i}>\n          <ShimmerEffect\n            animationDelay={`calc(${i} * ${shimmerDelayToPass})`}\n            height={height}\n            width={width}\n          />\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"names":["React","useDelay","ShimmerEffect","animationDelay","height","width","div","className","style","StaggeredShimmers","count","renderDelay","shimmerDelay","shimmerItemClassName","shimmerDelayToPass","hasDelayed","Array","map","_","i","key"],"mappings":"AAAA;AACA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,0BAAyB;AASlD,OAAO,MAAMC,gBAA8C,CAAC,EAC1DC,iBAAiB,KAAK,EACtBC,SAAS,MAAM,EACfC,QAAQ,MAAM,EACf;IACC,qBACE,oBAACC;QACCC,WAAU;QACVC,OAAO;YACLJ,QAAQ,OAAOA,WAAW,WAAW,CAAC,EAAEA,OAAO,EAAE,CAAC,GAAGA;YACrDC,OAAO,OAAOA,UAAU,WAAW,CAAC,EAAEA,MAAM,EAAE,CAAC,GAAGA;QACpD;qBAEA,oBAACC;QACCC,WAAU;QACVC,OAAO;YACLL;QACF;;AAIR,EAAC;AAYD,OAAO,MAAMM,oBAAsD,CAAC,EAClEF,SAAS,EACTG,KAAK,EACLN,MAAM,EACNO,cAAc,GAAG,EACjBC,eAAe,EAAE,EACjBC,oBAAoB,EACpBR,KAAK,EACN;IACC,MAAMS,qBAAqB,OAAOF,iBAAiB,WAAW,CAAC,EAAEA,aAAa,EAAE,CAAC,GAAGA;IACpF,MAAM,CAACG,WAAW,GAAGd,SAASU,aAAa;IAE3C,IAAI,CAACI,YAAY,OAAO;IAExB,qBACE,oBAACT;QAAIC,WAAWA;OACb;WAAIS,MAAMN;KAAO,CAACO,GAAG,CAAC,CAACC,GAAGC,kBACzB,oBAACb;YAAIC,WAAWM;YAAsBO,KAAKD;yBACzC,oBAACjB;YACCC,gBAAgB,CAAC,KAAK,EAAEgB,EAAE,GAAG,EAAEL,mBAAmB,CAAC,CAAC;YACpDV,QAAQA;YACRC,OAAOA;;AAMnB,EAAC"}

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

@@ -1,6 +1,9 @@
 import React from 'react';
-import type { Props } from './types.js';
+export type SortColumnProps = {
+    disable?: boolean;
+    label: Record<string, string> | string;
+    name: string;
+};
 import './index.scss';
-export declare const SortColumn: React.FC<Props>;
-export default SortColumn;
+export declare const SortColumn: React.FC<SortColumnProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortColumn/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgEtC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortColumn/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAKD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgEhD,CAAA"}

package/dist/elements/SortColumn/index.js

@@ -70,6 +70,5 @@ export const SortColumn = (props)=>{
         type: "button"
     }, /*#__PURE__*/ React.createElement(Chevron, null))));
 };
-export default SortColumn;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortColumn/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport queryString from 'qs'\nimport React, { useCallback } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-column'\n\nexport const SortColumn: React.FC<Props> = (props) => {\n  const { name, disable = false, label } = props\n  const { searchParams } = useSearchParams()\n  const router = useRouter()\n  const pathname = usePathname()\n  const { i18n, t } = useTranslation()\n\n  const { sort } = searchParams\n\n  const desc = `-${name}`\n  const asc = name\n\n  const ascClasses = [`${baseClass}__asc`]\n  if (sort === asc) ascClasses.push(`${baseClass}--active`)\n\n  const descClasses = [`${baseClass}__desc`]\n  if (sort === desc) descClasses.push(`${baseClass}--active`)\n\n  const setSort = useCallback(\n    (newSort) => {\n      const search = queryString.stringify(\n        {\n          ...searchParams,\n          sort: newSort,\n        },\n        { addQueryPrefix: true },\n      )\n\n      router.replace(`${pathname}?${search}`)\n    },\n    [searchParams, pathname, router],\n  )\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__label`}>{getTranslation(label, i18n)}</span>\n      {!disable && (\n        <div className={`${baseClass}__buttons`}>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:ascending'),\n              label: getTranslation(label, i18n),\n            })}\n            className={[...ascClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => setSort(asc)}\n            type=\"button\"\n          >\n            <Chevron direction=\"up\" />\n          </button>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:descending'),\n              label: getTranslation(label, i18n),\n            })}\n            className={[...descClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => setSort(desc)}\n            type=\"button\"\n          >\n            <Chevron />\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default SortColumn\n"],"names":["getTranslation","usePathname","useRouter","queryString","React","useCallback","Chevron","useSearchParams","useTranslation","baseClass","SortColumn","props","name","disable","label","searchParams","router","pathname","i18n","t","sort","desc","asc","ascClasses","push","descClasses","setSort","newSort","search","stringify","addQueryPrefix","replace","div","className","span","button","aria-label","direction","filter","Boolean","join","onClick","type"],"mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,0EAA0E;AAC1E,SAASC,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,iBAAiB,KAAI;AAC5B,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAA8B,CAACC;IAC1C,MAAM,EAAEC,IAAI,EAAEC,UAAU,KAAK,EAAEC,KAAK,EAAE,GAAGH;IACzC,MAAM,EAAEI,YAAY,EAAE,GAAGR;IACzB,MAAMS,SAASd;IACf,MAAMe,WAAWhB;IACjB,MAAM,EAAEiB,IAAI,EAAEC,CAAC,EAAE,GAAGX;IAEpB,MAAM,EAAEY,IAAI,EAAE,GAAGL;IAEjB,MAAMM,OAAO,CAAC,CAAC,EAAET,KAAK,CAAC;IACvB,MAAMU,MAAMV;IAEZ,MAAMW,aAAa;QAAC,CAAC,EAAEd,UAAU,KAAK,CAAC;KAAC;IACxC,IAAIW,SAASE,KAAKC,WAAWC,IAAI,CAAC,CAAC,EAAEf,UAAU,QAAQ,CAAC;IAExD,MAAMgB,cAAc;QAAC,CAAC,EAAEhB,UAAU,MAAM,CAAC;KAAC;IAC1C,IAAIW,SAASC,MAAMI,YAAYD,IAAI,CAAC,CAAC,EAAEf,UAAU,QAAQ,CAAC;IAE1D,MAAMiB,UAAUrB,YACd,CAACsB;QACC,MAAMC,SAASzB,YAAY0B,SAAS,CAClC;YACE,GAAGd,YAAY;YACfK,MAAMO;QACR,GACA;YAAEG,gBAAgB;QAAK;QAGzBd,OAAOe,OAAO,CAAC,CAAC,EAAEd,SAAS,CAAC,EAAEW,OAAO,CAAC;IACxC,GACA;QAACb;QAAcE;QAAUD;KAAO;IAGlC,qBACE,oBAACgB;QAAIC,WAAWxB;qBACd,oBAACyB;QAAKD,WAAW,CAAC,EAAExB,UAAU,OAAO,CAAC;OAAGT,eAAec,OAAOI,QAC9D,CAACL,yBACA,oBAACmB;QAAIC,WAAW,CAAC,EAAExB,UAAU,SAAS,CAAC;qBACrC,oBAAC0B;QACCC,cAAYjB,EAAE,gCAAgC;YAC5CkB,WAAWlB,EAAE;YACbL,OAAOd,eAAec,OAAOI;QAC/B;QACAe,WAAW;eAAIV;YAAY,CAAC,EAAEd,UAAU,QAAQ,CAAC;SAAC,CAAC6B,MAAM,CAACC,SAASC,IAAI,CAAC;QACxEC,SAAS,IAAMf,QAAQJ;QACvBoB,MAAK;qBAEL,oBAACpC;QAAQ+B,WAAU;uBAErB,oBAACF;QACCC,cAAYjB,EAAE,gCAAgC;YAC5CkB,WAAWlB,EAAE;YACbL,OAAOd,eAAec,OAAOI;QAC/B;QACAe,WAAW;eAAIR;YAAa,CAAC,EAAEhB,UAAU,QAAQ,CAAC;SAAC,CAAC6B,MAAM,CAACC,SAASC,IAAI,CAAC;QACzEC,SAAS,IAAMf,QAAQL;QACvBqB,MAAK;qBAEL,oBAACpC;AAMb,EAAC;AAED,eAAeI,WAAU"}
+{"version":3,"sources":["../../../src/elements/SortColumn/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport queryString from 'qs'\nimport React, { useCallback } from 'react'\n\nexport type SortColumnProps = {\n  disable?: boolean\n  label: Record<string, string> | string\n  name: string\n}\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-column'\n\nexport const SortColumn: React.FC<SortColumnProps> = (props) => {\n  const { name, disable = false, label } = props\n  const { searchParams } = useSearchParams()\n  const router = useRouter()\n  const pathname = usePathname()\n  const { i18n, t } = useTranslation()\n\n  const { sort } = searchParams\n\n  const desc = `-${name}`\n  const asc = name\n\n  const ascClasses = [`${baseClass}__asc`]\n  if (sort === asc) ascClasses.push(`${baseClass}--active`)\n\n  const descClasses = [`${baseClass}__desc`]\n  if (sort === desc) descClasses.push(`${baseClass}--active`)\n\n  const setSort = useCallback(\n    (newSort) => {\n      const search = queryString.stringify(\n        {\n          ...searchParams,\n          sort: newSort,\n        },\n        { addQueryPrefix: true },\n      )\n\n      router.replace(`${pathname}?${search}`)\n    },\n    [searchParams, pathname, router],\n  )\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__label`}>{getTranslation(label, i18n)}</span>\n      {!disable && (\n        <div className={`${baseClass}__buttons`}>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:ascending'),\n              label: getTranslation(label, i18n),\n            })}\n            className={[...ascClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => setSort(asc)}\n            type=\"button\"\n          >\n            <Chevron direction=\"up\" />\n          </button>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:descending'),\n              label: getTranslation(label, i18n),\n            })}\n            className={[...descClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => setSort(desc)}\n            type=\"button\"\n          >\n            <Chevron />\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","usePathname","useRouter","queryString","React","useCallback","Chevron","useSearchParams","useTranslation","baseClass","SortColumn","props","name","disable","label","searchParams","router","pathname","i18n","t","sort","desc","asc","ascClasses","push","descClasses","setSort","newSort","search","stringify","addQueryPrefix","replace","div","className","span","button","aria-label","direction","filter","Boolean","join","onClick","type"],"mappings":"AAAA;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,0EAA0E;AAC1E,SAASC,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,iBAAiB,KAAI;AAC5B,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAQ1C,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EAAEC,IAAI,EAAEC,UAAU,KAAK,EAAEC,KAAK,EAAE,GAAGH;IACzC,MAAM,EAAEI,YAAY,EAAE,GAAGR;IACzB,MAAMS,SAASd;IACf,MAAMe,WAAWhB;IACjB,MAAM,EAAEiB,IAAI,EAAEC,CAAC,EAAE,GAAGX;IAEpB,MAAM,EAAEY,IAAI,EAAE,GAAGL;IAEjB,MAAMM,OAAO,CAAC,CAAC,EAAET,KAAK,CAAC;IACvB,MAAMU,MAAMV;IAEZ,MAAMW,aAAa;QAAC,CAAC,EAAEd,UAAU,KAAK,CAAC;KAAC;IACxC,IAAIW,SAASE,KAAKC,WAAWC,IAAI,CAAC,CAAC,EAAEf,UAAU,QAAQ,CAAC;IAExD,MAAMgB,cAAc;QAAC,CAAC,EAAEhB,UAAU,MAAM,CAAC;KAAC;IAC1C,IAAIW,SAASC,MAAMI,YAAYD,IAAI,CAAC,CAAC,EAAEf,UAAU,QAAQ,CAAC;IAE1D,MAAMiB,UAAUrB,YACd,CAACsB;QACC,MAAMC,SAASzB,YAAY0B,SAAS,CAClC;YACE,GAAGd,YAAY;YACfK,MAAMO;QACR,GACA;YAAEG,gBAAgB;QAAK;QAGzBd,OAAOe,OAAO,CAAC,CAAC,EAAEd,SAAS,CAAC,EAAEW,OAAO,CAAC;IACxC,GACA;QAACb;QAAcE;QAAUD;KAAO;IAGlC,qBACE,oBAACgB;QAAIC,WAAWxB;qBACd,oBAACyB;QAAKD,WAAW,CAAC,EAAExB,UAAU,OAAO,CAAC;OAAGT,eAAec,OAAOI,QAC9D,CAACL,yBACA,oBAACmB;QAAIC,WAAW,CAAC,EAAExB,UAAU,SAAS,CAAC;qBACrC,oBAAC0B;QACCC,cAAYjB,EAAE,gCAAgC;YAC5CkB,WAAWlB,EAAE;YACbL,OAAOd,eAAec,OAAOI;QAC/B;QACAe,WAAW;eAAIV;YAAY,CAAC,EAAEd,UAAU,QAAQ,CAAC;SAAC,CAAC6B,MAAM,CAACC,SAASC,IAAI,CAAC;QACxEC,SAAS,IAAMf,QAAQJ;QACvBoB,MAAK;qBAEL,oBAACpC;QAAQ+B,WAAU;uBAErB,oBAACF;QACCC,cAAYjB,EAAE,gCAAgC;YAC5CkB,WAAWlB,EAAE;YACbL,OAAOd,eAAec,OAAOI;QAC/B;QACAe,WAAW;eAAIR;YAAa,CAAC,EAAEhB,UAAU,QAAQ,CAAC;SAAC,CAAC6B,MAAM,CAACC,SAASC,IAAI,CAAC;QACzEC,SAAS,IAAMf,QAAQL;QACvBqB,MAAK;qBAEL,oBAACpC;AAMb,EAAC"}

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

@@ -1,6 +1,11 @@
+import type { SanitizedCollectionConfig } from 'payload/types';
 import React from 'react';
-import type { Props } from './types.js';
+export type SortComplexProps = {
+    collection: SanitizedCollectionConfig;
+    handleChange?: (sort: string) => void;
+    modifySearchQuery?: boolean;
+    sort?: string;
+};
 import './index.scss';
-declare const SortComplex: React.FC<Props>;
-export default SortComplex;
+export declare const SortComplex: React.FC<SortComplexProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortComplex/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0EhC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortComplex/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAQ9D,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,yBAAyB,CAAA;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAKD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0ElD,CAAA"}

package/dist/elements/SortComplex/index.js

@@ -7,9 +7,9 @@ import queryString from 'qs';
 import React, { useEffect, useState } from 'react';
 import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import ReactSelect from '../ReactSelect/index.js';
+import { ReactSelect } from '../ReactSelect/index.js';
 const baseClass = 'sort-complex';
-const SortComplex = (props)=>{
+export const SortComplex = (props)=>{
     const { collection, handleChange, modifySearchQuery = true } = props;
     const router = useRouter();
     const pathname = usePathname();
@@ -96,6 +96,5 @@ const SortComplex = (props)=>{
         value: sortOrder
     })))));
 };
-export default SortComplex;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortComplex/index.tsx"],"sourcesContent":["import type { OptionObject } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport { sortableFieldTypes } from 'payload/fields/index'\nimport { fieldAffectsData } from 'payload/types'\nimport queryString from 'qs'\nimport React, { useEffect, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport ReactSelect from '../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-complex'\n\nconst SortComplex: React.FC<Props> = (props) => {\n  const { collection, handleChange, modifySearchQuery = true } = props\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const { searchParams } = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const [sortOptions, setSortOptions] = useState<OptionObject[]>()\n\n  const [sortFields] = useState(() =>\n    collection.fields.reduce((fields, field) => {\n      if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {\n        return [\n          ...fields,\n          { label: getTranslation(field.label || field.name, i18n), value: field.name },\n        ]\n      }\n      return fields\n    }, []),\n  )\n\n  const [sortField, setSortField] = useState(sortFields[0])\n  const [initialSort] = useState(() => ({ label: t('general:descending'), value: '-' }))\n  const [sortOrder, setSortOrder] = useState(initialSort)\n\n  useEffect(() => {\n    if (sortField?.value) {\n      const newSortValue = `${sortOrder.value}${sortField.value}`\n\n      if (handleChange) handleChange(newSortValue)\n\n      if (searchParams.sort !== newSortValue && modifySearchQuery) {\n        const search = queryString.stringify(\n          {\n            ...searchParams,\n            sort: newSortValue,\n          },\n          { addQueryPrefix: true },\n        )\n\n        router.replace(`${pathname}${search}`)\n      }\n    }\n  }, [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange])\n\n  useEffect(() => {\n    setSortOptions([\n      { label: t('general:ascending'), value: '' },\n      { label: t('general:descending'), value: '-' },\n    ])\n  }, [i18n, t])\n\n  return (\n    <div className={baseClass}>\n      <React.Fragment>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:columnToSort')}</div>\n            <ReactSelect onChange={setSortField} options={sortFields} value={sortField} />\n          </div>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:order')}</div>\n            <ReactSelect\n              onChange={(incomingSort) => {\n                setSortOrder(incomingSort || initialSort)\n              }}\n              options={sortOptions}\n              value={sortOrder}\n            />\n          </div>\n        </div>\n      </React.Fragment>\n    </div>\n  )\n}\n\nexport default SortComplex\n"],"names":["getTranslation","usePathname","useRouter","sortableFieldTypes","fieldAffectsData","queryString","React","useEffect","useState","useSearchParams","useTranslation","ReactSelect","baseClass","SortComplex","props","collection","handleChange","modifySearchQuery","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","sortFields","fields","reduce","field","indexOf","type","label","name","value","sortField","setSortField","initialSort","sortOrder","setSortOrder","newSortValue","sort","search","stringify","addQueryPrefix","replace","div","className","Fragment","onChange","options","incomingSort"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/SortComplex/index.tsx"],"sourcesContent":["import type { OptionObject } from 'payload/types'\nimport type { SanitizedCollectionConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport { sortableFieldTypes } from 'payload/fields/index'\nimport { fieldAffectsData } from 'payload/types'\nimport queryString from 'qs'\nimport React, { useEffect, useState } from 'react'\n\nexport type SortComplexProps = {\n  collection: SanitizedCollectionConfig\n  handleChange?: (sort: string) => void\n  modifySearchQuery?: boolean\n  sort?: string\n}\n\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-complex'\n\nexport const SortComplex: React.FC<SortComplexProps> = (props) => {\n  const { collection, handleChange, modifySearchQuery = true } = props\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const { searchParams } = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const [sortOptions, setSortOptions] = useState<OptionObject[]>()\n\n  const [sortFields] = useState(() =>\n    collection.fields.reduce((fields, field) => {\n      if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {\n        return [\n          ...fields,\n          { label: getTranslation(field.label || field.name, i18n), value: field.name },\n        ]\n      }\n      return fields\n    }, []),\n  )\n\n  const [sortField, setSortField] = useState(sortFields[0])\n  const [initialSort] = useState(() => ({ label: t('general:descending'), value: '-' }))\n  const [sortOrder, setSortOrder] = useState(initialSort)\n\n  useEffect(() => {\n    if (sortField?.value) {\n      const newSortValue = `${sortOrder.value}${sortField.value}`\n\n      if (handleChange) handleChange(newSortValue)\n\n      if (searchParams.sort !== newSortValue && modifySearchQuery) {\n        const search = queryString.stringify(\n          {\n            ...searchParams,\n            sort: newSortValue,\n          },\n          { addQueryPrefix: true },\n        )\n\n        router.replace(`${pathname}${search}`)\n      }\n    }\n  }, [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange])\n\n  useEffect(() => {\n    setSortOptions([\n      { label: t('general:ascending'), value: '' },\n      { label: t('general:descending'), value: '-' },\n    ])\n  }, [i18n, t])\n\n  return (\n    <div className={baseClass}>\n      <React.Fragment>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:columnToSort')}</div>\n            <ReactSelect onChange={setSortField} options={sortFields} value={sortField} />\n          </div>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:order')}</div>\n            <ReactSelect\n              onChange={(incomingSort) => {\n                setSortOrder(incomingSort || initialSort)\n              }}\n              options={sortOptions}\n              value={sortOrder}\n            />\n          </div>\n        </div>\n      </React.Fragment>\n    </div>\n  )\n}\n"],"names":["getTranslation","usePathname","useRouter","sortableFieldTypes","fieldAffectsData","queryString","React","useEffect","useState","useSearchParams","useTranslation","ReactSelect","baseClass","SortComplex","props","collection","handleChange","modifySearchQuery","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","sortFields","fields","reduce","field","indexOf","type","label","name","value","sortField","setSortField","initialSort","sortOrder","setSortOrder","newSortValue","sort","search","stringify","addQueryPrefix","replace","div","className","Fragment","onChange","options","incomingSort"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 import React from 'react';
 import './index.scss';
-declare const Status: React.FC;
-export default Status;
+export declare const Status: React.FC;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Status/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EA+LnB,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Status/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAiM1B,CAAA"}