dinocollab-core 2.2.36 → 2.2.37

package/dist/src/filter-bar/menu/create-form-field-select-multiple.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as l,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as o}from"react/jsx-runtime";import{useMemo as a,useState as t}from"react";import{styled as r,Typography as u,FormGroup as c,FormControlLabel as s,Checkbox as d,Button as v,Box as m}from"@mui/material";import{createChipViewers as f}from"../components/chip-viewer.js";import{PopperContent as p,PopperBody as b,PopperFooter as g}from"../components/popper-custom.js";import{ButtonBack as h,ChipDark as x,FilterLogicToggle as C}from"../components/ui.units.js";import{getErrorMessage as y}from"../../form/helpers.js";function A(r){var A=f(),k=(r||{}).options,j=void 0===k?[]:k;return function(f){var k,z,S,L=a(function(){return Object.assign({},f.currentConfig,null==r?void 0:r.config)},[null==r?void 0:r.config,f.currentConfig]),w=f.value,B=void 0===w?{values:[],logic:null!==(k=null==L?void 0:L.defaultLogic)&&void 0!==k?k:"or"}:w,R=t(B.logic),T=e(R,2),F=T[0],I=T[1],M=null!==(z=null==r?void 0:r.forceLogic)&&void 0!==z?z:F,N=null!==(S=null==L?void 0:L.label)&&void 0!==S?S:L.field.toString(),O=a(function(){var e=Array.isArray(B.values)?B.values:[B.values];return j.filter(function(l){return e.includes(l.value)}).map(function(e){return e.value})},[]),P=t(O),_=e(P,2),D=_[0],E=_[1],H=Array.isArray(B.values)?B.values:[],U=F!==B.logic,q=D.length!==H.length||D.some(function(e){return!H.includes(e)}),G=!q&&!U,J=t({}),K=e(J,2),Q=K[0],W=K[1],X=function(e){f.onSubmit(L.field,e,L)},Y=y(Q,L.field),Z=a(function(){var e=Array.isArray(B.values)?B.values:[B.values];return{field:L.field,items:e.map(function(e){var l;return{value:e,label:null===(l=j.find(function(l){return l.value===e}))||void 0===l?void 0:l.label}})}},[L.field,B]),$=null!=(null==r?void 0:r.maxValueCount)&&D.length>r.maxValueCount,ee=null!=(null==r?void 0:r.maxValueCount)&&D.length>=r.maxValueCount,le=[];return f.isLoading&&le.push("disabled"),i(V,{className:le.join(" "),noValidate:!0,onSubmit:function(e){var n;if(e.preventDefault(),q){if(!$){var i=l({},L.field,D),o=null===(n=f.validator)||void 0===n?void 0:n.run(i);if(W(o||{}),!o||0===Object.keys(o).length)X({values:D,logic:M})}}else U&&X({values:B.values,logic:M})},children:o(p,{title:"Filter by ".concat(N),onClose:f.onClose,slots:{beforeTitle:i(h,{size:"small",onClick:f.onBack}),afterTitle:L.singleValue?i(x,{sx:{ml:1.5},size:"small",label:"Last value only"}):null!=r&&r.forceLogic?null:i(C,{sx:{ml:1},value:M,onChange:function(e,l){I(l)}})},children:[o(b,{children:[L.description&&i(u,{variant:"caption",color:"text.secondary",sx:{mb:1,display:"block"},children:L.description}),null!=(null==r?void 0:r.maxValueCount)&&i(u,{variant:"caption",color:$?"warning.main":"text.secondary",sx:{mb:.5,display:"block"},children:null!=r&&r.maxValueCount?$?"Maximum ".concat(r.maxValueCount," value").concat(r.maxValueCount>1?"s":""," selected (limit reached)"):"Up to ".concat(r.maxValueCount," value").concat(r.maxValueCount>1?"s":""," can be selected"):""}),i(A,{sx:{mb:1,borderBottom:"none!important"},label:"Applied",placement:"horizontal",enableMinimalesticView:!0,value:Z,onRemove:f.onRemove}),i(c,{className:Y.error?"error":"",children:j.map(function(e,l){var o,a=D.includes(e.value),t=Z.items.some(function(l){return l.value===e.value})&&!0===(null==r?void 0:r.disabledAfterSubmit),u=!a&ⅇreturn i(s,{value:e.value,disabled:t||u,label:null!==(o=e.label)&&void 0!==o?o:e.value,control:i(d,{name:L.field.toString(),checked:a,onChange:function(l){return i=e.value,o=l.target.checked,void E(function(e){return o?[].concat(n(e),[i]):e.filter(function(e){return e!==i})});var i,o}})},e.value.toString()+l)})})]}),o(g,{children:[i(v,{size:"small",color:"error",variant:"text",disabled:!B.values||0===B.values.length,onClick:function(){var e,l;null===(e=f.onRemoveField)||void 0===e||e.call(f,L.field),!1!==(null==r||null===(l=r.config)||void 0===l?void 0:l.closeAfterClear)&&f.onClose()},children:"Clear All"}),i(m,{sx:{flex:1}}),i(v,{size:"small",color:"inherit",variant:"text",onClick:f.onClose,children:"Cancel"}),i(v,{size:"small",type:"submit",color:"primary",variant:"contained",disabled:G,children:"Apply"})]})]})})}}var V=r("form")({position:"relative","&::after":{content:'""',display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, 0.2)",filter:"blur(2px)",zIndex:-1,opacity:0,transition:"opacity 0.3s",visibility:"hidden"},"&.disabled":{pointerEvents:"none","&::after":{zIndex:1,opacity:1,visibility:"visible"}}});export{A as default};
+import{slicedToArray as e,defineProperty as l,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useMemo as t,useState as r,useEffect as a}from"react";import{styled as u,Typography as c,Box as s,CircularProgress as d,FormGroup as v,FormControlLabel as m,Checkbox as f,Button as p}from"@mui/material";import"../../form/validator.js";import"../../form/dino-form.js";import{getErrorMessage as b}from"../../form/helpers.js";import"../../../_virtual/Reflect.js";import"../../form/decorator.form.js";import"../../form/create.form-grid-layout.units.js";import{createChipViewers as g}from"../components/chip-viewer.js";import{PopperContent as h,PopperBody as x,PopperFooter as y}from"../components/popper-custom.js";import{ButtonBack as C,ChipDark as j,FilterLogicToggle as A}from"../components/ui.units.js";function V(u){var V=g(),z=(u||{}).options,S=void 0===z?[]:z;return function(g){var z,L,O,w=t(function(){return Object.assign({},g.currentConfig,null==u?void 0:u.config)},[null==u?void 0:u.config,g.currentConfig]),R=g.value,B=void 0===R?{values:[],logic:null!==(z=null==w?void 0:w.defaultLogic)&&void 0!==z?z:"or"}:R,N=r(B.logic),T=e(N,2),_=T[0],E=T[1],F=null!==(L=null==u?void 0:u.forceLogic)&&void 0!==L?L:_,I=null!==(O=null==w?void 0:w.label)&&void 0!==O?O:w.field.toString(),M=r([]),P=e(M,2),D=P[0],H=P[1],U=r(!1),q=e(U,2),G=q[0],J=q[1];a(function(){if(null!=u&&u.fetchOptions){var e=new AbortController;return J(!0),u.fetchOptions(e.signal).then(H).catch(function(e){"AbortError"!==(null==e?void 0:e.name)&&console.error(e)}).finally(function(){return J(!1)}),function(){return e.abort()}}},[]);var K=null!=u&&u.fetchOptions?D:S,Q=t(function(){var e=Array.isArray(B.values)?B.values:[B.values];return K.filter(function(l){return e.includes(l.value)}).map(function(e){return e.value})},[]),W=r(Q),X=e(W,2),Y=X[0],Z=X[1],$=Array.isArray(B.values)?B.values:[],ee=_!==B.logic,le=Y.length!==$.length||Y.some(function(e){return!$.includes(e)}),ne=!le&&!ee,oe=r({}),ie=e(oe,2),te=ie[0],re=ie[1],ae=function(e){g.onSubmit(w.field,e,w)},ue=b(te,w.field),ce=t(function(){var e=Array.isArray(B.values)?B.values:[B.values];return{field:w.field,items:e.map(function(e){var l;return{value:e,label:null===(l=K.find(function(l){return l.value===e}))||void 0===l?void 0:l.label}})}},[w.field,B]),se=null!=(null==u?void 0:u.maxValueCount)&&Y.length>u.maxValueCount,de=null!=(null==u?void 0:u.maxValueCount)&&Y.length>=u.maxValueCount,ve=[];return(g.isLoading||G)&&ve.push("disabled"),o(k,{className:ve.join(" "),noValidate:!0,onSubmit:function(e){var n;if(e.preventDefault(),le){if(!se){var o=l({},w.field,Y),i=null===(n=g.validator)||void 0===n?void 0:n.run(o);if(re(i||{}),!i||0===Object.keys(i).length)ae({values:Y,logic:F})}}else ee&&ae({values:B.values,logic:F})},children:i(h,{title:"Filter by ".concat(I),onClose:g.onClose,slots:{beforeTitle:o(C,{size:"small",onClick:g.onBack}),afterTitle:null!=u&&u.forceLogic?null:w.singleValue?o(j,{sx:{ml:1.5},size:"small",label:"Last value only"}):o(A,{sx:{ml:1},value:F,onChange:function(e,l){E(l)}})},children:[i(x,{children:[w.description&&o(c,{variant:"caption",color:"text.secondary",sx:{mb:1,display:"block"},children:w.description}),null!=(null==u?void 0:u.maxValueCount)&&o(c,{variant:"caption",color:se?"warning.main":"text.secondary",sx:{mb:.5,display:"block"},children:null!=u&&u.maxValueCount?se?"Maximum ".concat(u.maxValueCount," value").concat(u.maxValueCount>1?"s":""," selected (limit reached)"):"Up to ".concat(u.maxValueCount," value").concat(u.maxValueCount>1?"s":""," can be selected"):""}),o(V,{sx:{mb:1,borderBottom:"none!important"},label:"Applied",placement:"horizontal",enableMinimalesticView:!0,value:ce,onRemove:g.onRemove}),0===K.length&&G&&o(s,{sx:{display:"flex",justifyContent:"center",mt:2},children:o(d,{size:20})}),0===K.length&&!G&&o(c,{variant:"body2",color:"text.secondary",sx:{mt:2},children:"No options available"}),o(v,{className:ue.error?"error":"",children:K.map(function(e,l){var i,t=Y.includes(e.value),r=ce.items.some(function(l){return l.value===e.value})&&!0===(null==u?void 0:u.disabledAfterSubmit),a=!t&&de;return o(m,{value:e.value,disabled:r||a,label:null!==(i=e.label)&&void 0!==i?i:e.value,control:o(f,{name:w.field.toString(),checked:t,onChange:function(l){return o=e.value,i=l.target.checked,void Z(function(e){return i?[].concat(n(e),[o]):e.filter(function(e){return e!==o})});var o,i}})},e.value.toString()+l)})})]}),i(y,{children:[o(p,{size:"small",color:"error",variant:"text",disabled:!B.values||0===B.values.length,onClick:function(){var e,l;null===(e=g.onRemoveField)||void 0===e||e.call(g,w.field),!1!==(null==u||null===(l=u.config)||void 0===l?void 0:l.closeAfterClear)&&g.onClose()},children:"Clear All"}),o(s,{sx:{flex:1}}),o(p,{size:"small",color:"inherit",variant:"text",onClick:g.onClose,children:"Cancel"}),o(p,{size:"small",type:"submit",color:"primary",variant:"contained",disabled:ne,children:"Apply"})]})]})})}}var k=u("form")({position:"relative","&::after":{content:'""',display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, 0.12)",filter:"blur(2px)",zIndex:-1,opacity:0,transition:"opacity 0.3s",visibility:"hidden"},"&.disabled":{pointerEvents:"none","&::after":{zIndex:1,opacity:1,visibility:"visible"}}});export{V as default};
 //# sourceMappingURL=create-form-field-select-multiple.js.map

package/dist/src/filter-bar/menu/create-form-field-select-multiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-form-field-select-multiple.js","sources":["../../../../src/filter-bar/menu/create-form-field-select-multiple.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useMemo, useState } from 'react'\r\nimport { Box, Button, Checkbox, FormControlLabel, FormGroup, formGroupClasses, styled, Typography } from '@mui/material'\r\nimport { getErrorMessage } from '../../form'\r\nimport { createChipViewers, TChipViewerGroup } from '../components/chip-viewer'\r\nimport { PopperBody, PopperContent, PopperFooter } from '../components/popper-custom'\r\nimport { ButtonBack, ChipDark, FilterLogicToggle } from '../components/ui.units'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { IPartialError } from '../../form/validator'\r\nimport type { IFieldSelectOption } from './create-form-field-select'\r\nimport type { TFieldModelValid, TFieldValid, TFieldValue, TLogic } from '../types'\r\nimport type { IFieldMenuConfig, IFilterMenuFormProps } from './types'\r\n\r\n/** Props for the `FormFieldSelectMultiple` component returned by `createFormFieldSelectMultiple`. Extends the base filter-menu form props. */\r\nexport interface IFormFieldSelectMultipleProps<T> extends IFilterMenuFormProps<T> {}\r\n\r\n/** Parameters passed to `createFormFieldSelectMultiple` to configure the generated component. */\r\nexport interface IFormFieldSelectMultipleParam<T> {\r\n  /** Optional configuration for the form field */\r\n  config?: IFieldMenuConfig<T>\r\n  /** List of options for the select field */\r\n  options: IFieldSelectOption[]\r\n  /** If true, disables the field after submission. @default false */\r\n  disabledAfterSubmit?: boolean\r\n  /** Force a fixed logic value, hiding the logic toggle */\r\n  forceLogic?: TLogic\r\n  /** Maximum number of values that can be selected */\r\n  maxValueCount?: number\r\n}\r\n\r\n/**\r\n * Factory function that creates a `FormFieldSelectMultiple` filter-menu component.\r\n *\r\n * The generated component renders a checkbox list of options inside a\r\n * popper/menu panel, allowing the user to select **multiple values** at once.\r\n * It supports:\r\n * - Controlled checkbox state to prevent uncontrolled→controlled React warnings\r\n * - OR / AND logic toggle when more than one value is applied\r\n * - Chip viewers showing the currently applied values\r\n * - Built-in validation via an optional `validator` prop\r\n * - A loading overlay that disables interaction while `isLoading` is true\r\n *\r\n * @param params - Static configuration (option list, optional field config override)\r\n * @returns A React FC ready to be used as a multi-select filter-menu field component\r\n */\r\nfunction createFormFieldSelectMultiple<T>(params?: IFormFieldSelectMultipleParam<T>) {\r\n  const ChipViewers = createChipViewers<T>()\r\n  const { options = [] } = params || {}\r\n\r\n  const FormFieldSelectMultiple: FC<IFormFieldSelectMultipleProps<T>> = (props) => {\r\n    /** Merge `props.currentConfig` with `params.config` (if provided).\r\n     * Fields from `params.config` override the corresponding keys in `props.currentConfig`.\r\n     * Any keys not present in `params.config` are preserved from `props.currentConfig`.\r\n     */\r\n    const mergedConfig = useMemo(() => Object.assign({}, props.currentConfig, params?.config), [params?.config, props.currentConfig])\r\n\r\n    const { value = { values: [], logic: mergedConfig?.defaultLogic ?? 'or' } } = props\r\n    const [filterLogic, setFilterLogic] = useState<TLogic>(value.logic!)\r\n    const effectiveLogic = params?.forceLogic ?? filterLogic\r\n\r\n    const label = mergedConfig?.label ?? mergedConfig.field.toString()\r\n\r\n    // Track checked values as controlled state to avoid the uncontrolled→controlled MUI warning\r\n    const initialChecked = useMemo<TFieldValid[]>(() => {\r\n      const values = Array.isArray(value.values) ? value.values : [value.values]\r\n      return options.filter((opt) => values.includes(opt.value)).map((opt) => opt.value)\r\n    }, [])\r\n    const [checkedValues, setCheckedValues] = useState<TFieldValid[]>(initialChecked)\r\n\r\n    const appliedValues = Array.isArray(value.values) ? value.values : []\r\n    const hasLogicChange = filterLogic !== value.logic\r\n    const hasDataChange = checkedValues.length !== appliedValues.length || checkedValues.some(v => !appliedValues.includes(v))\r\n    const isApplyDisabled = !hasDataChange && !hasLogicChange\r\n\r\n    const [errorData, setErrorData] = useState<IPartialError<TFieldModelValid<T>>>({})\r\n\r\n    const handleCheckboxChange = (optionValue: TFieldValid, checked: boolean) => {\r\n      setCheckedValues((prev) => (checked ? [...prev, optionValue] : prev.filter((v) => v !== optionValue)))\r\n    }\r\n\r\n    const handleSubmit = (newValue: TFieldValue) => {\r\n      props.onSubmit(mergedConfig.field, newValue, mergedConfig)\r\n    }\r\n\r\n    const handleSubmitForm = (event: React.FormEvent<HTMLFormElement>) => {\r\n      event.preventDefault()\r\n\r\n      if (!hasDataChange) {\r\n        if (hasLogicChange) {\r\n          handleSubmit({ values: value.values, logic: effectiveLogic })\r\n        }\r\n        return\r\n      }\r\n\r\n      if (isMaxReached) return\r\n\r\n      const obj = { [mergedConfig.field]: checkedValues } as Partial<TFieldModelValid<T>>\r\n      let errorData = props.validator?.run(obj) as IPartialError<TFieldModelValid<T>>\r\n\r\n      setErrorData(errorData || {})\r\n\r\n      if (!errorData || Object.keys(errorData).length === 0) {\r\n        const newValue: TFieldValue = { values: checkedValues, logic: effectiveLogic }\r\n        handleSubmit(newValue)\r\n      }\r\n    }\r\n\r\n    const errorResult = getErrorMessage(errorData, mergedConfig.field)\r\n    const filterViewerValue = useMemo<TChipViewerGroup<T>>(() => {\r\n      const items = Array.isArray(value.values) ? value.values : [value.values]\r\n      return {\r\n        field: mergedConfig.field,\r\n        items: items.map((v) => ({ value: v, label: options.find((o) => o.value === v)?.label }))\r\n      }\r\n    }, [mergedConfig.field, value])\r\n\r\n    const isMaxReached = params?.maxValueCount != null && checkedValues.length > params.maxValueCount\r\n    const isMaxReachedValid = params?.maxValueCount != null && checkedValues.length >= params.maxValueCount\r\n\r\n    const handleChangeLogic = (newLogic: TLogic) => {\r\n      setFilterLogic(newLogic)\r\n    }\r\n\r\n    const handleClearAll = () => {\r\n      props.onRemoveField?.(mergedConfig.field)\r\n      if (params?.config?.closeAfterClear !== false) props.onClose()\r\n    }\r\n\r\n    const getMaxReachedText = () => {\r\n      if (!params?.maxValueCount) return ''\r\n      if (isMaxReached) {\r\n        return `Maximum ${params.maxValueCount} value${params.maxValueCount > 1 ? 's' : ''} selected (limit reached)`\r\n      } else {\r\n        return `Up to ${params.maxValueCount} value${params.maxValueCount > 1 ? 's' : ''} can be selected`\r\n      }\r\n    }\r\n\r\n    const renderAfterTitle = () => {\r\n      if (mergedConfig.singleValue) return <ChipDark sx={{ ml: 1.5 }} size='small' label='Last value only' />\r\n      if (params?.forceLogic) return null\r\n      return <FilterLogicToggle sx={{ ml: 1 }} value={effectiveLogic} onChange={(_, nVal) => handleChangeLogic(nVal)} />\r\n    }\r\n\r\n    const rootClasses: string[] = []\r\n    if (props.isLoading) rootClasses.push('disabled')\r\n\r\n    return (\r\n      <RootStyled className={rootClasses.join(' ')} noValidate onSubmit={handleSubmitForm}>\r\n        <PopperContent\r\n          title={`Filter by ${label}`}\r\n          onClose={props.onClose}\r\n          slots={{\r\n            beforeTitle: <ButtonBack size='small' onClick={props.onBack} />,\r\n            afterTitle: renderAfterTitle()\r\n          }}\r\n        >\r\n          <PopperBody>\r\n            {mergedConfig.description && (\r\n              <Typography variant='caption' color='text.secondary' sx={{ mb: 1, display: 'block' }}>\r\n                {mergedConfig.description}\r\n              </Typography>\r\n            )}\r\n            {params?.maxValueCount != null && (\r\n              <Typography variant='caption' color={isMaxReached ? 'warning.main' : 'text.secondary'} sx={{ mb: 0.5, display: 'block' }}>\r\n                {getMaxReachedText()}\r\n              </Typography>\r\n            )}\r\n            <ChipViewers\r\n              sx={{ mb: 1, borderBottom: 'none!important' }}\r\n              label='Applied'\r\n              placement='horizontal'\r\n              enableMinimalesticView\r\n              value={filterViewerValue}\r\n              onRemove={props.onRemove}\r\n            />\r\n            <FormGroup className={errorResult.error ? 'error' : ''}>\r\n              {options.map((x, i) => {\r\n                const isChecked = checkedValues.includes(x.value as TFieldValid)\r\n                const isSelected = filterViewerValue.items.some((item) => item.value === x.value)\r\n                const disabled = isSelected && params?.disabledAfterSubmit === true\r\n                const disableDueToMax = !isChecked && isMaxReachedValid\r\n                return (\r\n                  <FormControlLabel\r\n                    key={x.value.toString() + i}\r\n                    value={x.value}\r\n                    disabled={disabled || disableDueToMax}\r\n                    label={x.label ?? x.value}\r\n                    control={\r\n                      <Checkbox\r\n                        name={mergedConfig.field.toString()}\r\n                        checked={isChecked}\r\n                        onChange={(e) => handleCheckboxChange(x.value as TFieldValid, e.target.checked)}\r\n                      />\r\n                    }\r\n                  />\r\n                )\r\n              })}\r\n            </FormGroup>\r\n          </PopperBody>\r\n          <PopperFooter>\r\n            <Button size='small' color='error' variant='text' disabled={!value.values || value.values.length === 0} onClick={handleClearAll}>\r\n              Clear All\r\n            </Button>\r\n            <Box sx={{ flex: 1 }} />\r\n            <Button size='small' color='inherit' variant='text' onClick={props.onClose}>\r\n              Cancel\r\n            </Button>\r\n            <Button size='small' type='submit' color='primary' variant='contained' disabled={isApplyDisabled}>\r\n              Apply\r\n            </Button>\r\n          </PopperFooter>\r\n        </PopperContent>\r\n      </RootStyled>\r\n    )\r\n  }\r\n\r\n  return FormFieldSelectMultiple\r\n}\r\n\r\nexport default createFormFieldSelectMultiple\r\n\r\nconst RootStyled = styled('form')({\r\n  position: 'relative',\r\n  '&::after': {\r\n    content: '\"\"',\r\n    display: 'block',\r\n    position: 'absolute',\r\n    inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n    backgroundColor: 'rgba(0, 0, 0, 0.2)',\r\n    filter: 'blur(2px)',\r\n    zIndex: -1,\r\n    opacity: 0,\r\n    transition: 'opacity 0.3s',\r\n    visibility: 'hidden'\r\n  },\r\n  '&.disabled': {\r\n    pointerEvents: 'none',\r\n    '&::after': {\r\n      zIndex: 1,\r\n      opacity: 1,\r\n      visibility: 'visible'\r\n    }\r\n  }\r\n  // [`.${formGroupClasses.root}`]: {}\r\n})\r\n"],"names":["createFormFieldSelectMultiple","params","ChipViewers","createChipViewers","_ref$options","options","props","_mergedConfig$default","_params$forceLogic","_mergedConfig$label","mergedConfig","useMemo","Object","assign","currentConfig","config","_props$value","value","values","logic","defaultLogic","_useState","useState","_useState2","_slicedToArray","filterLogic","setFilterLogic","effectiveLogic","forceLogic","label","field","toString","initialChecked","Array","isArray","filter","opt","includes","map","_useState3","_useState4","checkedValues","setCheckedValues","appliedValues","hasLogicChange","hasDataChange","length","some","v","isApplyDisabled","_useState5","_useState6","errorData","setErrorData","handleSubmit","newValue","onSubmit","errorResult","getErrorMessage","filterViewerValue","items","_options$find","find","o","isMaxReached","maxValueCount","isMaxReachedValid","rootClasses","isLoading","push","_jsx","RootStyled","className","join","noValidate","event","_props$validator","preventDefault","obj","_defineProperty","validator","run","keys","children","_jsxs","PopperContent","title","concat","onClose","slots","beforeTitle","ButtonBack","size","onClick","onBack","afterTitle","singleValue","ChipDark","sx","ml","FilterLogicToggle","onChange","_","nVal","PopperBody","description","Typography","variant","color","mb","display","borderBottom","placement","enableMinimalesticView","onRemove","FormGroup","error","x","i","_x$label","isChecked","disabled","item","disabledAfterSubmit","disableDueToMax","FormControlLabel","control","Checkbox","name","checked","e","optionValue","target","prev","_toConsumableArray","PopperFooter","Button","_props$onRemoveField","_params$config","onRemoveField","call","closeAfterClear","Box","flex","type","styled","position","content","inset","backgroundColor","zIndex","opacity","transition","visibility","pointerEvents"],"mappings":"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"}
+{"version":3,"file":"create-form-field-select-multiple.js","sources":["../../../../src/filter-bar/menu/create-form-field-select-multiple.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { useEffect, useMemo, useState } from 'react'\r\nimport { Box, Button, Checkbox, CircularProgress, FormControlLabel, FormGroup, formGroupClasses, styled, Typography } from '@mui/material'\r\nimport { getErrorMessage } from '../../form'\r\nimport { createChipViewers, TChipViewerGroup } from '../components/chip-viewer'\r\nimport { PopperBody, PopperContent, PopperFooter } from '../components/popper-custom'\r\nimport { ButtonBack, ChipDark, FilterLogicToggle } from '../components/ui.units'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { IPartialError } from '../../form/validator'\r\nimport type { IFieldSelectOption } from './create-form-field-select'\r\nimport type { TFieldModelValid, TFieldValid, TFieldValue, TLogic } from '../types'\r\nimport type { IFieldMenuConfig, IFilterMenuFormProps } from './types'\r\n\r\n/** Props for the `FormFieldSelectMultiple` component returned by `createFormFieldSelectMultiple`. Extends the base filter-menu form props. */\r\nexport interface IFormFieldSelectMultipleProps<T> extends IFilterMenuFormProps<T> {}\r\n\r\n/** Parameters passed to `createFormFieldSelectMultiple` to configure the generated component. */\r\nexport interface IFormFieldSelectMultipleParam<T> {\r\n  /** Optional configuration for the form field */\r\n  config?: IFieldMenuConfig<T>\r\n  /** List of options for the select field */\r\n  options?: IFieldSelectOption[]\r\n  /** Function to fetch options asynchronously */\r\n  fetchOptions?: (signal?: AbortSignal) => Promise<IFieldSelectOption[]>\r\n  /** If true, disables the field after submission. @default false */\r\n  disabledAfterSubmit?: boolean\r\n  /** Force a fixed logic value, hiding the logic toggle */\r\n  forceLogic?: TLogic\r\n  /** Maximum number of values that can be selected */\r\n  maxValueCount?: number\r\n}\r\n\r\n/**\r\n * Factory function that creates a `FormFieldSelectMultiple` filter-menu component.\r\n *\r\n * The generated component renders a checkbox list of options inside a\r\n * popper/menu panel, allowing the user to select **multiple values** at once.\r\n * It supports:\r\n * - Controlled checkbox state to prevent uncontrolled→controlled React warnings\r\n * - OR / AND logic toggle when more than one value is applied\r\n * - Chip viewers showing the currently applied values\r\n * - Built-in validation via an optional `validator` prop\r\n * - A loading overlay that disables interaction while `isLoading` is true\r\n *\r\n * @param params - Static configuration (option list, optional field config override)\r\n * @returns A React FC ready to be used as a multi-select filter-menu field component\r\n */\r\nfunction createFormFieldSelectMultiple<T>(params?: IFormFieldSelectMultipleParam<T>) {\r\n  const ChipViewers = createChipViewers<T>()\r\n  const { options: staticOptions = [] } = params || {}\r\n\r\n  const FormFieldSelectMultiple: FC<IFormFieldSelectMultipleProps<T>> = (props) => {\r\n    /** Merge `props.currentConfig` with `params.config` (if provided).\r\n     * Fields from `params.config` override the corresponding keys in `props.currentConfig`.\r\n     * Any keys not present in `params.config` are preserved from `props.currentConfig`.\r\n     */\r\n    const mergedConfig = useMemo(() => Object.assign({}, props.currentConfig, params?.config), [params?.config, props.currentConfig])\r\n\r\n    const { value = { values: [], logic: mergedConfig?.defaultLogic ?? 'or' } } = props\r\n    const [filterLogic, setFilterLogic] = useState<TLogic>(value.logic!)\r\n    const effectiveLogic = params?.forceLogic ?? filterLogic\r\n\r\n    const label = mergedConfig?.label ?? mergedConfig.field.toString()\r\n\r\n    const [fetchedOptions, setFetchedOptions] = useState<IFieldSelectOption[]>([])\r\n    const [isFetchLoading, setIsFetchLoading] = useState(false)\r\n\r\n    useEffect(() => {\r\n      if (!params?.fetchOptions) return\r\n      const controller = new AbortController()\r\n      setIsFetchLoading(true)\r\n      params\r\n        .fetchOptions(controller.signal)\r\n        .then(setFetchedOptions)\r\n        .catch((err) => {\r\n          if (err?.name !== 'AbortError') console.error(err)\r\n        })\r\n        .finally(() => setIsFetchLoading(false))\r\n      return () => controller.abort()\r\n    }, [])\r\n\r\n    const options = params?.fetchOptions ? fetchedOptions : staticOptions\r\n\r\n    // Track checked values as controlled state to avoid the uncontrolled→controlled MUI warning\r\n    const initialChecked = useMemo<TFieldValid[]>(() => {\r\n      const values = Array.isArray(value.values) ? value.values : [value.values]\r\n      return options.filter((opt) => values.includes(opt.value)).map((opt) => opt.value)\r\n    }, [])\r\n    const [checkedValues, setCheckedValues] = useState<TFieldValid[]>(initialChecked)\r\n\r\n    const appliedValues = Array.isArray(value.values) ? value.values : []\r\n    const hasLogicChange = filterLogic !== value.logic\r\n    const hasDataChange = checkedValues.length !== appliedValues.length || checkedValues.some((v) => !appliedValues.includes(v))\r\n    const isApplyDisabled = !hasDataChange && !hasLogicChange\r\n\r\n    const [errorData, setErrorData] = useState<IPartialError<TFieldModelValid<T>>>({})\r\n\r\n    const handleCheckboxChange = (optionValue: TFieldValid, checked: boolean) => {\r\n      setCheckedValues((prev) => (checked ? [...prev, optionValue] : prev.filter((v) => v !== optionValue)))\r\n    }\r\n\r\n    const handleSubmit = (newValue: TFieldValue) => {\r\n      props.onSubmit(mergedConfig.field, newValue, mergedConfig)\r\n    }\r\n\r\n    const handleSubmitForm = (event: React.FormEvent<HTMLFormElement>) => {\r\n      event.preventDefault()\r\n\r\n      if (!hasDataChange) {\r\n        if (hasLogicChange) {\r\n          handleSubmit({ values: value.values, logic: effectiveLogic })\r\n        }\r\n        return\r\n      }\r\n\r\n      if (isMaxReached) return\r\n\r\n      const obj = { [mergedConfig.field]: checkedValues } as Partial<TFieldModelValid<T>>\r\n      let errorData = props.validator?.run(obj) as IPartialError<TFieldModelValid<T>>\r\n\r\n      setErrorData(errorData || {})\r\n\r\n      if (!errorData || Object.keys(errorData).length === 0) {\r\n        const newValue: TFieldValue = { values: checkedValues, logic: effectiveLogic }\r\n        handleSubmit(newValue)\r\n      }\r\n    }\r\n\r\n    const errorResult = getErrorMessage(errorData, mergedConfig.field)\r\n    const filterViewerValue = useMemo<TChipViewerGroup<T>>(() => {\r\n      const items = Array.isArray(value.values) ? value.values : [value.values]\r\n      return {\r\n        field: mergedConfig.field,\r\n        items: items.map((v) => ({ value: v, label: options.find((o) => o.value === v)?.label }))\r\n      }\r\n    }, [mergedConfig.field, value])\r\n\r\n    const isMaxReached = params?.maxValueCount != null && checkedValues.length > params.maxValueCount\r\n    const isMaxReachedValid = params?.maxValueCount != null && checkedValues.length >= params.maxValueCount\r\n\r\n    const handleChangeLogic = (newLogic: TLogic) => {\r\n      setFilterLogic(newLogic)\r\n    }\r\n\r\n    const handleClearAll = () => {\r\n      props.onRemoveField?.(mergedConfig.field)\r\n      if (params?.config?.closeAfterClear !== false) props.onClose()\r\n    }\r\n\r\n    const getMaxReachedText = () => {\r\n      if (!params?.maxValueCount) return ''\r\n      if (isMaxReached) {\r\n        return `Maximum ${params.maxValueCount} value${params.maxValueCount > 1 ? 's' : ''} selected (limit reached)`\r\n      } else {\r\n        return `Up to ${params.maxValueCount} value${params.maxValueCount > 1 ? 's' : ''} can be selected`\r\n      }\r\n    }\r\n\r\n    const renderAfterTitle = () => {\r\n      if (params?.forceLogic) return null\r\n      if (mergedConfig.singleValue) return <ChipDark sx={{ ml: 1.5 }} size='small' label='Last value only' />\r\n      return <FilterLogicToggle sx={{ ml: 1 }} value={effectiveLogic} onChange={(_, nVal) => handleChangeLogic(nVal)} />\r\n    }\r\n\r\n    const rootClasses: string[] = []\r\n    if (props.isLoading || isFetchLoading) rootClasses.push('disabled')\r\n\r\n    return (\r\n      <RootStyled className={rootClasses.join(' ')} noValidate onSubmit={handleSubmitForm}>\r\n        <PopperContent\r\n          title={`Filter by ${label}`}\r\n          onClose={props.onClose}\r\n          slots={{\r\n            beforeTitle: <ButtonBack size='small' onClick={props.onBack} />,\r\n            afterTitle: renderAfterTitle()\r\n          }}\r\n        >\r\n          <PopperBody>\r\n            {mergedConfig.description && (\r\n              <Typography variant='caption' color='text.secondary' sx={{ mb: 1, display: 'block' }}>\r\n                {mergedConfig.description}\r\n              </Typography>\r\n            )}\r\n            {params?.maxValueCount != null && (\r\n              <Typography variant='caption' color={isMaxReached ? 'warning.main' : 'text.secondary'} sx={{ mb: 0.5, display: 'block' }}>\r\n                {getMaxReachedText()}\r\n              </Typography>\r\n            )}\r\n            <ChipViewers\r\n              sx={{ mb: 1, borderBottom: 'none!important' }}\r\n              label='Applied'\r\n              placement='horizontal'\r\n              enableMinimalesticView\r\n              value={filterViewerValue}\r\n              onRemove={props.onRemove}\r\n            />\r\n            {options.length === 0 && isFetchLoading && (\r\n              <Box sx={{ display: 'flex', justifyContent: 'center', mt: 2 }}>\r\n                <CircularProgress size={20} />\r\n              </Box>\r\n            )}\r\n            {options.length === 0 && !isFetchLoading && (\r\n              <Typography variant='body2' color='text.secondary' sx={{ mt: 2 }}>\r\n                No options available\r\n              </Typography>\r\n            )}\r\n            <FormGroup className={errorResult.error ? 'error' : ''}>\r\n              {options.map((x, i) => {\r\n                const isChecked = checkedValues.includes(x.value as TFieldValid)\r\n                const isSelected = filterViewerValue.items.some((item) => item.value === x.value)\r\n                const disabled = isSelected && params?.disabledAfterSubmit === true\r\n                const disableDueToMax = !isChecked && isMaxReachedValid\r\n                return (\r\n                  <FormControlLabel\r\n                    key={x.value.toString() + i}\r\n                    value={x.value}\r\n                    disabled={disabled || disableDueToMax}\r\n                    label={x.label ?? x.value}\r\n                    control={\r\n                      <Checkbox\r\n                        name={mergedConfig.field.toString()}\r\n                        checked={isChecked}\r\n                        onChange={(e) => handleCheckboxChange(x.value as TFieldValid, e.target.checked)}\r\n                      />\r\n                    }\r\n                  />\r\n                )\r\n              })}\r\n            </FormGroup>\r\n          </PopperBody>\r\n          <PopperFooter>\r\n            <Button size='small' color='error' variant='text' disabled={!value.values || value.values.length === 0} onClick={handleClearAll}>\r\n              Clear All\r\n            </Button>\r\n            <Box sx={{ flex: 1 }} />\r\n            <Button size='small' color='inherit' variant='text' onClick={props.onClose}>\r\n              Cancel\r\n            </Button>\r\n            <Button size='small' type='submit' color='primary' variant='contained' disabled={isApplyDisabled}>\r\n              Apply\r\n            </Button>\r\n          </PopperFooter>\r\n        </PopperContent>\r\n      </RootStyled>\r\n    )\r\n  }\r\n\r\n  return FormFieldSelectMultiple\r\n}\r\n\r\nexport default createFormFieldSelectMultiple\r\n\r\nconst RootStyled = styled('form')({\r\n  position: 'relative',\r\n  '&::after': {\r\n    content: '\"\"',\r\n    display: 'block',\r\n    position: 'absolute',\r\n    inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n    backgroundColor: 'rgba(0, 0, 0, 0.12)',\r\n    filter: 'blur(2px)',\r\n    zIndex: -1,\r\n    opacity: 0,\r\n    transition: 'opacity 0.3s',\r\n    visibility: 'hidden'\r\n  },\r\n  '&.disabled': {\r\n    pointerEvents: 'none',\r\n    '&::after': {\r\n      zIndex: 1,\r\n      opacity: 1,\r\n      visibility: 'visible'\r\n    }\r\n  }\r\n  // [`.${formGroupClasses.root}`]: {}\r\n})\r\n"],"names":["createFormFieldSelectMultiple","params","ChipViewers","createChipViewers","_ref$options","options","staticOptions","props","_mergedConfig$default","_params$forceLogic","_mergedConfig$label","mergedConfig","useMemo","Object","assign","currentConfig","config","_props$value","value","values","logic","defaultLogic","_useState","useState","_useState2","_slicedToArray","filterLogic","setFilterLogic","effectiveLogic","forceLogic","label","field","toString","_useState3","_useState4","fetchedOptions","setFetchedOptions","_useState5","_useState6","isFetchLoading","setIsFetchLoading","useEffect","fetchOptions","controller","AbortController","signal","then","err","name","console","error","abort","initialChecked","Array","isArray","filter","opt","includes","map","_useState7","_useState8","checkedValues","setCheckedValues","appliedValues","hasLogicChange","hasDataChange","length","some","v","isApplyDisabled","_useState9","_useState0","errorData","setErrorData","handleSubmit","newValue","onSubmit","errorResult","getErrorMessage","filterViewerValue","items","_options$find","find","o","isMaxReached","maxValueCount","isMaxReachedValid","rootClasses","isLoading","push","_jsx","RootStyled","className","join","noValidate","event","_props$validator","preventDefault","obj","_defineProperty","validator","run","keys","children","_jsxs","PopperContent","title","concat","onClose","slots","beforeTitle","ButtonBack","size","onClick","onBack","afterTitle","singleValue","ChipDark","sx","ml","FilterLogicToggle","onChange","_","nVal","PopperBody","description","Typography","variant","color","mb","display","borderBottom","placement","enableMinimalesticView","onRemove","Box","justifyContent","mt","CircularProgress","FormGroup","x","i","_x$label","isChecked","disabled","item","disabledAfterSubmit","disableDueToMax","FormControlLabel","control","Checkbox","checked","e","optionValue","target","prev","_toConsumableArray","PopperFooter","Button","_props$onRemoveField","_params$config","onRemoveField","call","closeAfterClear","flex","type","styled","position","content","inset","backgroundColor","zIndex","opacity","transition","visibility","pointerEvents"],"mappings":"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"}

package/dist/src/filter-bar/menu/create-form-field-select.js

@@ -1,2 +1,2 @@
-import{defineProperty as l,slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useMemo as n,useState as r}from"react";import{styled as a,radioGroupClasses as t,Typography as u,RadioGroup as c,FormControlLabel as s,Radio as d,Button as m,Box as v}from"@mui/material";import{getErrorMessage as f}from"../../form/helpers.js";import{createChipViewers as p}from"../components/chip-viewer.js";import{ButtonBack as b,ChipDark as g,FilterLogicToggle as x}from"../components/ui.units.js";import{PopperContent as C,PopperBody as h,PopperFooter as y}from"../components/popper-custom.js";function V(a){var t=p(),V=a.options;return function(p){var j,z,A,L=n(function(){return Object.assign({},p.currentConfig,null==a?void 0:a.config)},[null==a?void 0:a.config,p.currentConfig]),M=p.value,S=void 0===M?{values:[],logic:null!==(j=null==L?void 0:L.defaultLogic)&&void 0!==j?j:"or"}:M,F=r(S.logic),R=e(F,2),w=R[0],B=R[1],T=null!==(z=a.forceLogic)&&void 0!==z?z:w,I=r(null),N=e(I,2),O=N[0],P=N[1],_=w!==S.logic,D=null!==O,E=!D&&!_,H=null!==(A=null==L?void 0:L.label)&&void 0!==A?A:L.field.toString(),U=r({}),q=e(U,2),G=q[0],J=q[1],K=function(l){p.onSubmit(L.field,l,L)},Q=f(G,L.field),W=n(function(){var l=Array.isArray(S.values)?S.values:[S.values];return{field:L.field,items:l.map(function(l){var e;return{value:l,label:null===(e=V.find(function(e){return e.value===l}))||void 0===e?void 0:e.label}})}},[L.field,S]),X=null!=a.maxValueCount&&W.items.length>=a.maxValueCount,Y=[];return p.isLoading&&Y.push("disabled"),o(k,{className:Y.join(" "),noValidate:!0,onSubmit:function(e){var o;if(e.preventDefault(),D){if(!X){var i=l({},L.field,O),n=null===(o=p.validator)||void 0===o?void 0:o.run(i);if(J(n||{}),!n||0===Object.keys(n).length)K({values:[O],logic:T}),P(null)}}else _&&K({values:S.values,logic:T})},children:i(C,{title:"Filter by ".concat(H),onClose:p.onClose,slots:{beforeTitle:o(b,{size:"small",onClick:p.onBack}),afterTitle:L.singleValue?o(g,{sx:{ml:1.5},size:"small",label:"Last value only"}):a.forceLogic?null:o(x,{sx:{ml:1},value:T,onChange:function(l,e){B(e)}})},children:[i(h,{children:[L.description&&o(u,{variant:"caption",color:"text.secondary",sx:{mb:1,display:"block"},children:L.description}),null!=a.maxValueCount&&o(u,{variant:"caption",color:X?"warning.main":"text.secondary",sx:{mb:.5,display:"block"},children:a.maxValueCount?X?"Maximum ".concat(a.maxValueCount," value").concat(a.maxValueCount>1?"s":""," selected (limit reached)"):"Up to ".concat(a.maxValueCount," value").concat(a.maxValueCount>1?"s":""," can be selected"):""}),o(t,{sx:{mb:1,borderBottom:"none!important"},label:"Applied",placement:"horizontal",enableMinimalesticView:!0,value:W,onRemove:p.onRemove}),o(c,{sx:{mx:-1},name:L.field.toString(),value:null!=O?O:"",onChange:function(l){return P(l.target.value)},className:Q.error?"error":"",children:V.map(function(l,e){var i,n=W.items.some(function(e){return e.value===l.value});return o(s,{disabled:n||X,value:l.value,control:o(d,{size:"small"}),label:o(u,{variant:"body2",children:null!==(i=l.label)&&void 0!==i?i:l.value})},l.value.toString()+e)})}),Q.error&&o(u,{variant:"caption",color:"error",sx:{mt:.5},children:Q.message})]}),i(y,{children:[o(m,{size:"small",color:"error",variant:"text",disabled:!S.values||0===S.values.length,onClick:function(){var l,e;null===(l=p.onRemoveField)||void 0===l||l.call(p,L.field),!1!==(null==a||null===(e=a.config)||void 0===e?void 0:e.closeAfterClear)&&p.onClose()},children:"Clear All"}),o(v,{sx:{flex:1}}),o(m,{size:"small",color:"inherit",variant:"text",onClick:p.onClose,children:"Cancel"}),o(m,{size:"small",type:"submit",color:"primary",variant:"contained",disabled:E,children:"Apply"})]})]})})}}var k=a("form")(l({position:"relative","&::after":{content:'""',display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, 0.2)",filter:"blur(2px)",zIndex:-1,opacity:0,transition:"opacity 0.3s",visibility:"hidden"},"&.disabled":{pointerEvents:"none","&::after":{zIndex:1,opacity:1,visibility:"visible"}}},".".concat(t.root),{"&.error .MuiRadio-root":{color:"#d32f2f"},".MuiFormControlLabel-root":{margin:0},".MuiFormControlLabel-root:hover":{backgroundColor:"rgba(25, 118, 210, 0.04)"}}));export{V as default};
+import{defineProperty as e,slicedToArray as l}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useMemo as i,useState as r,useEffect as t}from"react";import{styled as a,radioGroupClasses as u,Typography as c,Box as s,CircularProgress as d,RadioGroup as m,FormControlLabel as v,Radio as f,Button as p}from"@mui/material";import{getErrorMessage as b}from"../../form/helpers.js";import{createChipViewers as g}from"../components/chip-viewer.js";import{ButtonBack as h,ChipDark as x,FilterLogicToggle as C}from"../components/ui.units.js";import{PopperContent as y,PopperBody as V,PopperFooter as j}from"../components/popper-custom.js";function k(a){var u=g(),k=a.options;return function(g){var A,L,M,O=i(function(){return Object.assign({},g.currentConfig,null==a?void 0:a.config)},[null==a?void 0:a.config,g.currentConfig]),S=g.value,w=void 0===S?{values:[],logic:null!==(A=null==O?void 0:O.defaultLogic)&&void 0!==A?A:"or"}:S,F=r(w.logic),R=l(F,2),B=R[0],N=R[1],T=null!==(L=a.forceLogic)&&void 0!==L?L:B,E=r(null),I=l(E,2),P=I[0],_=I[1],D=r([]),H=l(D,2),U=H[0],q=H[1],G=r(!1),J=l(G,2),K=J[0],Q=J[1];t(function(){if(a.fetchOptions){var e=new AbortController;return Q(!0),a.fetchOptions(e.signal).then(q).catch(function(e){"AbortError"!==(null==e?void 0:e.name)&&console.error(e)}).finally(function(){return Q(!1)}),function(){return e.abort()}}},[]);var W=a.fetchOptions?U:null!=k?k:[],X=B!==w.logic,Y=null!==P,Z=!Y&&!X,$=null!==(M=null==O?void 0:O.label)&&void 0!==M?M:O.field.toString(),ee=r({}),le=l(ee,2),oe=le[0],ne=le[1],ie=function(e){g.onSubmit(O.field,e,O)},re=b(oe,O.field),te=i(function(){var e=Array.isArray(w.values)?w.values:[w.values];return{field:O.field,items:e.map(function(e){var l;return{value:e,label:null===(l=W.find(function(l){return l.value===e}))||void 0===l?void 0:l.label}})}},[O.field,w,W]),ae=null!=a.maxValueCount&&te.items.length>=a.maxValueCount,ue=[];return(g.isLoading||K)&&ue.push("disabled"),o(z,{className:ue.join(" "),noValidate:!0,onSubmit:function(l){var o;if(l.preventDefault(),Y){if(!ae){var n=e({},O.field,P),i=null===(o=g.validator)||void 0===o?void 0:o.run(n);if(ne(i||{}),!i||0===Object.keys(i).length)ie({values:[P],logic:T}),_(null)}}else X&&ie({values:w.values,logic:T})},children:n(y,{title:"Filter by ".concat($),onClose:g.onClose,slots:{beforeTitle:o(h,{size:"small",onClick:g.onBack}),afterTitle:a.forceLogic?null:O.singleValue?o(x,{sx:{ml:1.5},size:"small",label:"Last value only"}):o(C,{sx:{ml:1},value:T,onChange:function(e,l){N(l)}})},children:[n(V,{children:[O.description&&o(c,{variant:"caption",color:"text.secondary",sx:{mb:1,display:"block"},children:O.description}),null!=a.maxValueCount&&o(c,{variant:"caption",color:ae?"warning.main":"text.secondary",sx:{mb:.5,display:"block"},children:a.maxValueCount?ae?"Maximum ".concat(a.maxValueCount," value").concat(a.maxValueCount>1?"s":""," selected (limit reached)"):"Up to ".concat(a.maxValueCount," value").concat(a.maxValueCount>1?"s":""," can be selected"):""}),o(u,{sx:{mb:1,borderBottom:"none!important"},label:"Applied",placement:"horizontal",enableMinimalesticView:!0,value:te,onRemove:g.onRemove}),0===W.length&&K&&o(s,{sx:{display:"flex",justifyContent:"center",mt:2},children:o(d,{size:20})}),0===W.length&&!K&&o(c,{variant:"body2",color:"text.secondary",sx:{mt:2},children:"No options available"}),o(m,{sx:{mx:-1},name:O.field.toString(),value:null!=P?P:"",onChange:function(e){return _(e.target.value)},className:re.error?"error":"",children:W.map(function(e,l){var n,i=te.items.some(function(l){return l.value===e.value});return o(v,{disabled:i||ae,value:e.value,control:o(f,{size:"small"}),label:o(c,{variant:"body2",children:null!==(n=e.label)&&void 0!==n?n:e.value})},e.value.toString()+l)})}),re.error&&o(c,{variant:"caption",color:"error",sx:{mt:.5},children:re.message})]}),n(j,{children:[o(p,{size:"small",color:"error",variant:"text",disabled:!w.values||0===w.values.length,onClick:function(){var e,l;null===(e=g.onRemoveField)||void 0===e||e.call(g,O.field),!1!==(null==a||null===(l=a.config)||void 0===l?void 0:l.closeAfterClear)&&g.onClose()},children:"Clear All"}),o(s,{sx:{flex:1}}),o(p,{size:"small",color:"inherit",variant:"text",onClick:g.onClose,children:"Cancel"}),o(p,{size:"small",type:"submit",color:"primary",variant:"contained",disabled:Z,children:"Apply"})]})]})})}}var z=a("form")(e({position:"relative","&::after":{content:'""',display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, 0.12)",filter:"blur(2px)",zIndex:-1,opacity:0,transition:"opacity 0.3s",visibility:"hidden"},"&.disabled":{pointerEvents:"none","&::after":{zIndex:1,opacity:1,visibility:"visible"}}},".".concat(u.root),{"&.error .MuiRadio-root":{color:"#d32f2f"},".MuiFormControlLabel-root":{margin:0},".MuiFormControlLabel-root:hover":{backgroundColor:"rgba(25, 118, 210, 0.04)"}}));export{k as default};
 //# sourceMappingURL=create-form-field-select.js.map

package/dist/src/filter-bar/menu/create-form-field-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-form-field-select.js","sources":["../../../../src/filter-bar/menu/create-form-field-select.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\r\nimport { Box, Button, FormControlLabel, Radio, RadioGroup, radioGroupClasses, styled, Typography } from '@mui/material'\r\nimport { getErrorMessage } from '../../form/helpers'\r\nimport { createChipViewers, TChipViewerGroup } from '../components/chip-viewer'\r\nimport { ButtonBack, ChipDark, FilterLogicToggle } from '../components/ui.units'\r\nimport { PopperBody, PopperContent, PopperFooter } from '../components/popper-custom'\r\nimport type { IPartialError } from '../../form/validator'\r\nimport type { IFieldMenuConfig, IFilterMenuFormProps } from './types'\r\nimport type { TFieldModelValid, TFieldValid, TFieldValue, TLogic } from '../types'\r\n\r\n/** Props for the `FormFieldSelect` component returned by `createFormFieldSelect`. Extends the base filter-menu form props. */\r\nexport interface IFormFieldSelectProps<T> extends IFilterMenuFormProps<T> {}\r\n\r\n/** A single option item rendered as a radio button inside the select filter menu. */\r\nexport interface IFieldSelectOption {\r\n  value: TFieldValid\r\n  label?: string\r\n}\r\n\r\n/** Parameters passed to `createFormFieldSelect` to configure the generated component. */\r\nexport interface IFormFieldSelectParams<T> {\r\n  /** Optional configuration for the form field */\r\n  config?: IFieldMenuConfig<T>\r\n  /** List of options for the select field */\r\n  options: IFieldSelectOption[]\r\n  /** Force a specific logic (and/or) for this field, overriding the default or user-selected logic */\r\n  forceLogic?: TLogic\r\n  /** Maximum number of values that can be selected for this field */\r\n  maxValueCount?: number\r\n}\r\n\r\n/**\r\n * Factory function that creates a `FormFieldSelect` filter-menu component.\r\n *\r\n * The generated component renders a radio-button list of options inside a\r\n * popper/menu panel. It supports:\r\n * - Single or multi-value selection (controlled by `config.singleValue`)\r\n * - OR / AND logic toggle when more than one value is selected\r\n * - Chip viewers showing the currently applied values\r\n * - Built-in validation via an optional `validator` prop\r\n * - A loading overlay that disables interaction while `isLoading` is true\r\n *\r\n * @param params - Static configuration (option list, optional field config override)\r\n * @returns A React FC ready to be used as a filter-menu field component\r\n */\r\nfunction createFormFieldSelect<T>(params: IFormFieldSelectParams<T>) {\r\n  const ChipViewers = createChipViewers<T>()\r\n  const { options } = params\r\n\r\n  const FormFieldSelect: FC<IFormFieldSelectProps<T>> = (props) => {\r\n    /** Merge `props.currentConfig` with `params.config` (if provided).\r\n     * Fields from `params.config` override the corresponding keys in `props.currentConfig`.\r\n     * Any keys not present in `params.config` are preserved from `props.currentConfig`.\r\n     */\r\n    const mergedConfig = useMemo(() => Object.assign({}, props.currentConfig, params?.config), [params?.config, props.currentConfig])\r\n\r\n    const { value = { values: [], logic: mergedConfig?.defaultLogic ?? 'or' } } = props\r\n    const [filterLogic, setFilterLogic] = useState<TLogic>(value.logic!)\r\n    const effectiveLogic = params.forceLogic ?? filterLogic\r\n    const [selectedValue, setSelectedValue] = useState<TFieldValid | null>(null)\r\n    const hasLogicChange = filterLogic !== value.logic\r\n    const hasDataChange = selectedValue !== null\r\n    const isApplyDisabled = !hasDataChange && !hasLogicChange\r\n\r\n    const label = mergedConfig?.label ?? mergedConfig.field.toString()\r\n\r\n    const [errorData, setErrorData] = useState<IPartialError<TFieldModelValid<T>>>({})\r\n    const handleSubmit = (newValue: TFieldValue) => {\r\n      props.onSubmit(mergedConfig.field, newValue, mergedConfig)\r\n    }\r\n\r\n    const handleSubmitForm = (event: React.FormEvent<HTMLFormElement>) => {\r\n      event.preventDefault()\r\n\r\n      if (!hasDataChange) {\r\n        if (hasLogicChange) {\r\n          handleSubmit({ values: value.values, logic: effectiveLogic })\r\n        }\r\n        return\r\n      }\r\n\r\n      if (isMaxReached) return\r\n\r\n      const obj = { [mergedConfig.field]: selectedValue } as Partial<TFieldModelValid<T>>\r\n      let errorData = props.validator?.run(obj) as IPartialError<TFieldModelValid<T>>\r\n\r\n      setErrorData(errorData || {})\r\n\r\n      if (!errorData || Object.keys(errorData).length === 0) {\r\n        const newValue: TFieldValue = { values: [selectedValue!] as TFieldValid[], logic: effectiveLogic }\r\n        handleSubmit(newValue)\r\n        setSelectedValue(null)\r\n      }\r\n    }\r\n\r\n    const errorResult = getErrorMessage(errorData, mergedConfig.field)\r\n    const filterViewerValue = useMemo<TChipViewerGroup<T>>(() => {\r\n      const items = Array.isArray(value.values) ? value.values : [value.values]\r\n      return {\r\n        field: mergedConfig.field,\r\n        items: items.map((v) => ({ value: v, label: options.find((o) => o.value === v)?.label }))\r\n      }\r\n    }, [mergedConfig.field, value])\r\n\r\n    const isMaxReached = params.maxValueCount != null && filterViewerValue.items.length >= params.maxValueCount\r\n\r\n    const handleChangeLogic = (newLogic: TLogic) => {\r\n      setFilterLogic(newLogic)\r\n    }\r\n\r\n    const handleClearAll = () => {\r\n      props.onRemoveField?.(mergedConfig.field)\r\n      if (params?.config?.closeAfterClear !== false) props.onClose()\r\n    }\r\n\r\n    const renderAfterTitle = () => {\r\n      if (mergedConfig.singleValue) return <ChipDark sx={{ ml: 1.5 }} size='small' label='Last value only' />\r\n      if (params.forceLogic) return null\r\n      return <FilterLogicToggle sx={{ ml: 1 }} value={effectiveLogic} onChange={(_, nVal) => handleChangeLogic(nVal)} />\r\n    }\r\n\r\n    const getMaxReachedText = () => {\r\n      if (!params.maxValueCount) return ''\r\n      if (isMaxReached) {\r\n        return `Maximum ${params.maxValueCount} value${params.maxValueCount > 1 ? 's' : ''} selected (limit reached)`\r\n      } else {\r\n        return `Up to ${params.maxValueCount} value${params.maxValueCount > 1 ? 's' : ''} can be selected`\r\n      }\r\n    }\r\n\r\n    const rootClasses: string[] = []\r\n    if (props.isLoading) rootClasses.push('disabled')\r\n\r\n    return (\r\n      <RootStyled className={rootClasses.join(' ')} noValidate onSubmit={handleSubmitForm}>\r\n        <PopperContent\r\n          title={`Filter by ${label}`}\r\n          onClose={props.onClose}\r\n          slots={{\r\n            beforeTitle: <ButtonBack size='small' onClick={props.onBack} />,\r\n            afterTitle: renderAfterTitle()\r\n          }}\r\n        >\r\n          <PopperBody>\r\n            {mergedConfig.description && (\r\n              <Typography variant='caption' color='text.secondary' sx={{ mb: 1, display: 'block' }}>\r\n                {mergedConfig.description}\r\n              </Typography>\r\n            )}\r\n            {params.maxValueCount != null && (\r\n              <Typography variant='caption' color={isMaxReached ? 'warning.main' : 'text.secondary'} sx={{ mb: 0.5, display: 'block' }}>\r\n                {getMaxReachedText()}\r\n              </Typography>\r\n            )}\r\n            <ChipViewers\r\n              sx={{ mb: 1, borderBottom: 'none!important' }}\r\n              label='Applied'\r\n              placement='horizontal'\r\n              enableMinimalesticView\r\n              value={filterViewerValue}\r\n              onRemove={props.onRemove}\r\n            />\r\n            <RadioGroup sx={{ mx: -1 }} name={mergedConfig.field.toString()} value={selectedValue ?? ''} onChange={(e) => setSelectedValue(e.target.value as TFieldValid)} className={errorResult.error ? 'error' : ''}>\r\n              {options.map((x, i) => {\r\n                const isSelected = filterViewerValue.items.some((item) => item.value === x.value)\r\n                const disabled = isSelected || isMaxReached\r\n                return (\r\n                  <FormControlLabel\r\n                    disabled={disabled}\r\n                    key={x.value.toString() + i}\r\n                    value={x.value}\r\n                    control={<Radio size='small' />}\r\n                    label={<Typography variant='body2'>{x.label ?? x.value}</Typography>}\r\n                  />\r\n                )\r\n              })}\r\n            </RadioGroup>\r\n            {errorResult.error && (\r\n              <Typography variant='caption' color='error' sx={{ mt: 0.5 }}>\r\n                {errorResult.message}\r\n              </Typography>\r\n            )}\r\n          </PopperBody>\r\n          <PopperFooter>\r\n            <Button size='small' color='error' variant='text' disabled={!value.values || value.values.length === 0} onClick={handleClearAll}>\r\n              Clear All\r\n            </Button>\r\n            <Box sx={{ flex: 1 }} />\r\n            <Button size='small' color='inherit' variant='text' onClick={props.onClose}>\r\n              Cancel\r\n            </Button>\r\n            <Button size='small' type='submit' color='primary' variant='contained' disabled={isApplyDisabled}>\r\n              Apply\r\n            </Button>\r\n          </PopperFooter>\r\n        </PopperContent>\r\n      </RootStyled>\r\n    )\r\n  }\r\n\r\n  return FormFieldSelect\r\n}\r\n\r\nexport default createFormFieldSelect\r\n\r\nconst RootStyled = styled('form')({\r\n  position: 'relative',\r\n  '&::after': {\r\n    content: '\"\"',\r\n    display: 'block',\r\n    position: 'absolute',\r\n    inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n    backgroundColor: 'rgba(0, 0, 0, 0.2)',\r\n    filter: 'blur(2px)',\r\n    zIndex: -1,\r\n    opacity: 0,\r\n    transition: 'opacity 0.3s',\r\n    visibility: 'hidden'\r\n  },\r\n  '&.disabled': {\r\n    pointerEvents: 'none',\r\n    '&::after': {\r\n      zIndex: 1,\r\n      opacity: 1,\r\n      visibility: 'visible'\r\n    }\r\n  },\r\n  [`.${radioGroupClasses.root}`]: {\r\n    '&.error .MuiRadio-root': { color: '#d32f2f' },\r\n    '.MuiFormControlLabel-root': { margin: 0 },\r\n    '.MuiFormControlLabel-root:hover': { backgroundColor: 'rgba(25, 118, 210, 0.04)' }\r\n  }\r\n})\r\n"],"names":["createFormFieldSelect","params","ChipViewers","createChipViewers","options","props","_mergedConfig$default","_params$forceLogic","_mergedConfig$label","mergedConfig","useMemo","Object","assign","currentConfig","config","_props$value","value","values","logic","defaultLogic","_useState","useState","_useState2","_slicedToArray","filterLogic","setFilterLogic","effectiveLogic","forceLogic","_useState3","_useState4","selectedValue","setSelectedValue","hasLogicChange","hasDataChange","isApplyDisabled","label","field","toString","_useState5","_useState6","errorData","setErrorData","handleSubmit","newValue","onSubmit","errorResult","getErrorMessage","filterViewerValue","items","Array","isArray","map","v","_options$find","find","o","isMaxReached","maxValueCount","length","rootClasses","isLoading","push","_jsx","RootStyled","className","join","noValidate","event","_props$validator","preventDefault","obj","_defineProperty","validator","run","keys","children","_jsxs","PopperContent","title","concat","onClose","slots","beforeTitle","ButtonBack","size","onClick","onBack","afterTitle","singleValue","ChipDark","sx","ml","FilterLogicToggle","onChange","_","nVal","PopperBody","description","Typography","variant","color","mb","display","borderBottom","placement","enableMinimalesticView","onRemove","RadioGroup","mx","name","e","target","error","x","i","_x$label","isSelected","some","item","FormControlLabel","disabled","control","Radio","mt","message","PopperFooter","Button","_props$onRemoveField","_params$config","onRemoveField","call","closeAfterClear","Box","flex","type","styled","position","content","inset","backgroundColor","filter","zIndex","opacity","transition","visibility","pointerEvents","radioGroupClasses","root","margin"],"mappings":"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"}
+{"version":3,"file":"create-form-field-select.js","sources":["../../../../src/filter-bar/menu/create-form-field-select.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react'\r\nimport { Box, Button, CircularProgress, FormControlLabel, Radio, RadioGroup, radioGroupClasses, styled, Typography } from '@mui/material'\r\nimport { getErrorMessage } from '../../form/helpers'\r\nimport { createChipViewers, TChipViewerGroup } from '../components/chip-viewer'\r\nimport { ButtonBack, ChipDark, FilterLogicToggle } from '../components/ui.units'\r\nimport { PopperBody, PopperContent, PopperFooter } from '../components/popper-custom'\r\nimport type { IPartialError } from '../../form/validator'\r\nimport type { IFieldMenuConfig, IFilterMenuFormProps } from './types'\r\nimport type { TFieldModelValid, TFieldValid, TFieldValue, TLogic } from '../types'\r\n\r\n/** Props for the `FormFieldSelect` component returned by `createFormFieldSelect`. Extends the base filter-menu form props. */\r\nexport interface IFormFieldSelectProps<T> extends IFilterMenuFormProps<T> {}\r\n\r\n/** A single option item rendered as a radio button inside the select filter menu. */\r\nexport interface IFieldSelectOption {\r\n  value: TFieldValid\r\n  label?: string\r\n}\r\n\r\n/** Parameters passed to `createFormFieldSelect` to configure the generated component. */\r\nexport interface IFormFieldSelectParams<T> {\r\n  /** Optional configuration for the form field */\r\n  config?: IFieldMenuConfig<T>\r\n  /** List of options for the select field */\r\n  options?: IFieldSelectOption[]\r\n  /** Function to fetch options asynchronously based on user input */\r\n  fetchOptions?: (signal?: AbortSignal) => Promise<IFieldSelectOption[]>\r\n  /** Force a specific logic (and/or) for this field, overriding the default or user-selected logic */\r\n  forceLogic?: TLogic\r\n  /** Maximum number of values that can be selected for this field */\r\n  maxValueCount?: number\r\n}\r\n\r\n/**\r\n * Factory function that creates a `FormFieldSelect` filter-menu component.\r\n *\r\n * The generated component renders a radio-button list of options inside a\r\n * popper/menu panel. It supports:\r\n * - Single or multi-value selection (controlled by `config.singleValue`)\r\n * - OR / AND logic toggle when more than one value is selected\r\n * - Chip viewers showing the currently applied values\r\n * - Built-in validation via an optional `validator` prop\r\n * - A loading overlay that disables interaction while `isLoading` is true\r\n *\r\n * @param params - Static configuration (option list, optional field config override)\r\n * @returns A React FC ready to be used as a filter-menu field component\r\n */\r\nfunction createFormFieldSelect<T>(params: IFormFieldSelectParams<T>) {\r\n  const ChipViewers = createChipViewers<T>()\r\n  const { options } = params\r\n\r\n  const FormFieldSelect: FC<IFormFieldSelectProps<T>> = (props) => {\r\n    /** Merge `props.currentConfig` with `params.config` (if provided).\r\n     * Fields from `params.config` override the corresponding keys in `props.currentConfig`.\r\n     * Any keys not present in `params.config` are preserved from `props.currentConfig`.\r\n     */\r\n    const mergedConfig = useMemo(() => Object.assign({}, props.currentConfig, params?.config), [params?.config, props.currentConfig])\r\n\r\n    const { value = { values: [], logic: mergedConfig?.defaultLogic ?? 'or' } } = props\r\n    const [filterLogic, setFilterLogic] = useState<TLogic>(value.logic!)\r\n    const effectiveLogic = params.forceLogic ?? filterLogic\r\n    const [selectedValue, setSelectedValue] = useState<TFieldValid | null>(null)\r\n    const [fetchedOptions, setFetchedOptions] = useState<IFieldSelectOption[]>([])\r\n    const [isFetchLoading, setIsFetchLoading] = useState(false)\r\n\r\n    useEffect(() => {\r\n      if (!params.fetchOptions) return\r\n      const controller = new AbortController()\r\n      setIsFetchLoading(true)\r\n      params\r\n        .fetchOptions(controller.signal)\r\n        .then(setFetchedOptions)\r\n        .catch((err) => {\r\n          if (err?.name !== 'AbortError') console.error(err)\r\n        })\r\n        .finally(() => setIsFetchLoading(false))\r\n      return () => controller.abort()\r\n    }, [])\r\n\r\n    const effectiveOptions = params.fetchOptions ? fetchedOptions : (options ?? [])\r\n    const hasLogicChange = filterLogic !== value.logic\r\n    const hasDataChange = selectedValue !== null\r\n    const isApplyDisabled = !hasDataChange && !hasLogicChange\r\n\r\n    const label = mergedConfig?.label ?? mergedConfig.field.toString()\r\n\r\n    const [errorData, setErrorData] = useState<IPartialError<TFieldModelValid<T>>>({})\r\n    const handleSubmit = (newValue: TFieldValue) => {\r\n      props.onSubmit(mergedConfig.field, newValue, mergedConfig)\r\n    }\r\n\r\n    const handleSubmitForm = (event: React.FormEvent<HTMLFormElement>) => {\r\n      event.preventDefault()\r\n\r\n      if (!hasDataChange) {\r\n        if (hasLogicChange) {\r\n          handleSubmit({ values: value.values, logic: effectiveLogic })\r\n        }\r\n        return\r\n      }\r\n\r\n      if (isMaxReached) return\r\n\r\n      const obj = { [mergedConfig.field]: selectedValue } as Partial<TFieldModelValid<T>>\r\n      let errorData = props.validator?.run(obj) as IPartialError<TFieldModelValid<T>>\r\n\r\n      setErrorData(errorData || {})\r\n\r\n      if (!errorData || Object.keys(errorData).length === 0) {\r\n        const newValue: TFieldValue = { values: [selectedValue!] as TFieldValid[], logic: effectiveLogic }\r\n        handleSubmit(newValue)\r\n        setSelectedValue(null)\r\n      }\r\n    }\r\n\r\n    const errorResult = getErrorMessage(errorData, mergedConfig.field)\r\n    const filterViewerValue = useMemo<TChipViewerGroup<T>>(() => {\r\n      const items = Array.isArray(value.values) ? value.values : [value.values]\r\n      return {\r\n        field: mergedConfig.field,\r\n        items: items.map((v) => ({ value: v, label: effectiveOptions.find((o) => o.value === v)?.label }))\r\n      }\r\n    }, [mergedConfig.field, value, effectiveOptions])\r\n\r\n    const isMaxReached = params.maxValueCount != null && filterViewerValue.items.length >= params.maxValueCount\r\n\r\n    const handleChangeLogic = (newLogic: TLogic) => {\r\n      setFilterLogic(newLogic)\r\n    }\r\n\r\n    const handleClearAll = () => {\r\n      props.onRemoveField?.(mergedConfig.field)\r\n      if (params?.config?.closeAfterClear !== false) props.onClose()\r\n    }\r\n\r\n    const renderAfterTitle = () => {\r\n      if (params.forceLogic) return null\r\n      if (mergedConfig.singleValue) return <ChipDark sx={{ ml: 1.5 }} size='small' label='Last value only' />\r\n      return <FilterLogicToggle sx={{ ml: 1 }} value={effectiveLogic} onChange={(_, nVal) => handleChangeLogic(nVal)} />\r\n    }\r\n\r\n    const getMaxReachedText = () => {\r\n      if (!params.maxValueCount) return ''\r\n      if (isMaxReached) {\r\n        return `Maximum ${params.maxValueCount} value${params.maxValueCount > 1 ? 's' : ''} selected (limit reached)`\r\n      } else {\r\n        return `Up to ${params.maxValueCount} value${params.maxValueCount > 1 ? 's' : ''} can be selected`\r\n      }\r\n    }\r\n\r\n    const rootClasses: string[] = []\r\n    if (props.isLoading || isFetchLoading) rootClasses.push('disabled')\r\n\r\n    return (\r\n      <RootStyled className={rootClasses.join(' ')} noValidate onSubmit={handleSubmitForm}>\r\n        <PopperContent\r\n          title={`Filter by ${label}`}\r\n          onClose={props.onClose}\r\n          slots={{\r\n            beforeTitle: <ButtonBack size='small' onClick={props.onBack} />,\r\n            afterTitle: renderAfterTitle()\r\n          }}\r\n        >\r\n          <PopperBody>\r\n            {mergedConfig.description && (\r\n              <Typography variant='caption' color='text.secondary' sx={{ mb: 1, display: 'block' }}>\r\n                {mergedConfig.description}\r\n              </Typography>\r\n            )}\r\n            {params.maxValueCount != null && (\r\n              <Typography variant='caption' color={isMaxReached ? 'warning.main' : 'text.secondary'} sx={{ mb: 0.5, display: 'block' }}>\r\n                {getMaxReachedText()}\r\n              </Typography>\r\n            )}\r\n            <ChipViewers\r\n              sx={{ mb: 1, borderBottom: 'none!important' }}\r\n              label='Applied'\r\n              placement='horizontal'\r\n              enableMinimalesticView\r\n              value={filterViewerValue}\r\n              onRemove={props.onRemove}\r\n            />\r\n            {effectiveOptions.length === 0 && isFetchLoading && (\r\n              <Box sx={{ display: 'flex', justifyContent: 'center', mt: 2 }}>\r\n                <CircularProgress size={20} />\r\n              </Box>\r\n            )}\r\n            {effectiveOptions.length === 0 && !isFetchLoading && (\r\n              <Typography variant='body2' color='text.secondary' sx={{ mt: 2 }}>\r\n                No options available\r\n              </Typography>\r\n            )}\r\n            <RadioGroup\r\n              sx={{ mx: -1 }}\r\n              name={mergedConfig.field.toString()}\r\n              value={selectedValue ?? ''}\r\n              onChange={(e) => setSelectedValue(e.target.value as TFieldValid)}\r\n              className={errorResult.error ? 'error' : ''}\r\n            >\r\n              {effectiveOptions.map((x, i) => {\r\n                const isSelected = filterViewerValue.items.some((item) => item.value === x.value)\r\n                const disabled = isSelected || isMaxReached\r\n                return (\r\n                  <FormControlLabel\r\n                    disabled={disabled}\r\n                    key={x.value.toString() + i}\r\n                    value={x.value}\r\n                    control={<Radio size='small' />}\r\n                    label={<Typography variant='body2'>{x.label ?? x.value}</Typography>}\r\n                  />\r\n                )\r\n              })}\r\n            </RadioGroup>\r\n            {errorResult.error && (\r\n              <Typography variant='caption' color='error' sx={{ mt: 0.5 }}>\r\n                {errorResult.message}\r\n              </Typography>\r\n            )}\r\n          </PopperBody>\r\n          <PopperFooter>\r\n            <Button size='small' color='error' variant='text' disabled={!value.values || value.values.length === 0} onClick={handleClearAll}>\r\n              Clear All\r\n            </Button>\r\n            <Box sx={{ flex: 1 }} />\r\n            <Button size='small' color='inherit' variant='text' onClick={props.onClose}>\r\n              Cancel\r\n            </Button>\r\n            <Button size='small' type='submit' color='primary' variant='contained' disabled={isApplyDisabled}>\r\n              Apply\r\n            </Button>\r\n          </PopperFooter>\r\n        </PopperContent>\r\n      </RootStyled>\r\n    )\r\n  }\r\n\r\n  return FormFieldSelect\r\n}\r\n\r\nexport default createFormFieldSelect\r\n\r\nconst RootStyled = styled('form')({\r\n  position: 'relative',\r\n  '&::after': {\r\n    content: '\"\"',\r\n    display: 'block',\r\n    position: 'absolute',\r\n    inset: 0, // top: 0, left: 0, right: 0, bottom: 0\r\n    backgroundColor: 'rgba(0, 0, 0, 0.12)',\r\n    filter: 'blur(2px)',\r\n    zIndex: -1,\r\n    opacity: 0,\r\n    transition: 'opacity 0.3s',\r\n    visibility: 'hidden'\r\n  },\r\n  '&.disabled': {\r\n    pointerEvents: 'none',\r\n    '&::after': {\r\n      zIndex: 1,\r\n      opacity: 1,\r\n      visibility: 'visible'\r\n    }\r\n  },\r\n  [`.${radioGroupClasses.root}`]: {\r\n    '&.error .MuiRadio-root': { color: '#d32f2f' },\r\n    '.MuiFormControlLabel-root': { margin: 0 },\r\n    '.MuiFormControlLabel-root:hover': { backgroundColor: 'rgba(25, 118, 210, 0.04)' }\r\n  }\r\n})\r\n"],"names":["createFormFieldSelect","params","ChipViewers","createChipViewers","options","props","_mergedConfig$default","_params$forceLogic","_mergedConfig$label","mergedConfig","useMemo","Object","assign","currentConfig","config","_props$value","value","values","logic","defaultLogic","_useState","useState","_useState2","_slicedToArray","filterLogic","setFilterLogic","effectiveLogic","forceLogic","_useState3","_useState4","selectedValue","setSelectedValue","_useState5","_useState6","fetchedOptions","setFetchedOptions","_useState7","_useState8","isFetchLoading","setIsFetchLoading","useEffect","fetchOptions","controller","AbortController","signal","then","err","name","console","error","abort","effectiveOptions","hasLogicChange","hasDataChange","isApplyDisabled","label","field","toString","_useState9","_useState0","errorData","setErrorData","handleSubmit","newValue","onSubmit","errorResult","getErrorMessage","filterViewerValue","items","Array","isArray","map","v","_effectiveOptions$fin","find","o","isMaxReached","maxValueCount","length","rootClasses","isLoading","push","_jsx","RootStyled","className","join","noValidate","event","_props$validator","preventDefault","obj","_defineProperty","validator","run","keys","children","_jsxs","PopperContent","title","concat","onClose","slots","beforeTitle","ButtonBack","size","onClick","onBack","afterTitle","singleValue","ChipDark","sx","ml","FilterLogicToggle","onChange","_","nVal","PopperBody","description","Typography","variant","color","mb","display","borderBottom","placement","enableMinimalesticView","onRemove","Box","justifyContent","mt","CircularProgress","RadioGroup","mx","e","target","x","i","_x$label","isSelected","some","item","FormControlLabel","disabled","control","Radio","message","PopperFooter","Button","_props$onRemoveField","_params$config","onRemoveField","call","closeAfterClear","flex","type","styled","position","content","inset","backgroundColor","filter","zIndex","opacity","transition","visibility","pointerEvents","radioGroupClasses","root","margin"],"mappings":"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"}

package/dist/types/filter-bar/menu/create-form-field-select-multiple.d.ts

@@ -10,7 +10,9 @@ export interface IFormFieldSelectMultipleParam<T> {
     /** Optional configuration for the form field */
     config?: IFieldMenuConfig<T>;
     /** List of options for the select field */
-    options: IFieldSelectOption[];
+    options?: IFieldSelectOption[];
+    /** Function to fetch options asynchronously */
+    fetchOptions?: (signal?: AbortSignal) => Promise<IFieldSelectOption[]>;
     /** If true, disables the field after submission. @default false */
     disabledAfterSubmit?: boolean;
     /** Force a fixed logic value, hiding the logic toggle */

package/dist/types/filter-bar/menu/create-form-field-select.d.ts

@@ -14,7 +14,9 @@ export interface IFormFieldSelectParams<T> {
     /** Optional configuration for the form field */
     config?: IFieldMenuConfig<T>;
     /** List of options for the select field */
-    options: IFieldSelectOption[];
+    options?: IFieldSelectOption[];
+    /** Function to fetch options asynchronously based on user input */
+    fetchOptions?: (signal?: AbortSignal) => Promise<IFieldSelectOption[]>;
     /** Force a specific logic (and/or) for this field, overriding the default or user-selected logic */
     forceLogic?: TLogic;
     /** Maximum number of values that can be selected for this field */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dinocollab-core",
-  "version": "2.2.36",
+  "version": "2.2.37",
   "description": "Dinocollab core - libraries for building collaborative applications with React 18",
   "main": "dist/index.js",
   "module": "dist/index.js",