dinocollab-core 2.2.14 → 2.2.15

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as i}from"react/jsx-runtime";import{useMemo as r,useState as o,createRef as n}from"react";import{styled as t,TextField as a,Button as s,Box as u}from"@mui/material";import{createChipViewers as c}from"../components/chip-viewer.js";import{getErrorMessage as m,convertFormDataToJson as v}from"../../form/helpers.js";import{ButtonBack as d,ChipDark as p,FilterLogicToggle as f}from"../components/ui.units.js";import{PopperContent as b,PopperBody as g,PopperFooter as h}from"../components/popper-custom.js";function y(t){var y=c();return function(c){var C,j=r(function(){return Object.assign({},c.currentConfig,null==t?void 0:t.config)},[null==t?void 0:t.config,c.currentConfig]),z=n(),A=c.value,k=void 0===A?{values:[],logic:"or"}:A,T=o(k.logic),B=e(T,2),F=B[0],R=B[1],S=null!==(C=null==j?void 0:j.label)&&void 0!==C?C:j.field.toString(),w=o({}),I=e(w,2),V=I[0],D=I[1],E=function(e){c.onSubmit(j.field,e,j)},H=m(V,j.field),L=r(function(){var e=Array.isArray(k.values)?k.values:[k.values];return{field:j.field,items:e.map(function(e){return{value:e}})}},[j.field,k]),M=[];return c.isLoading&&M.push("disabled"),l(x,{className:M.join(" "),noValidate:!0,onSubmit:function(e){var l;e.preventDefault(),e.stopPropagation();var i=new FormData(e.currentTarget),r=v(i),o=null===(l=c.validator)||void 0===l?void 0:l.run(r);if(D(o||{}),!o||0===Object.keys(o).length){var n=j.field,t=Array.isArray(r[n])?r[n]:[r[n]];E({values:t,logic:F}),z.current&&(z.current.blur(),z.current.value="")}},children:i(b,{title:"Filter by ".concat(S),onClose:c.onClose,slots:{beforeTitle:l(d,{size:"small",onClick:c.onBack}),afterTitle:j.singleValue?l(p,{sx:{ml:1.5},size:"small",label:"Last value only"}):!k.values||k.values.length<2?null:l(f,{sx:{ml:1},value:F,onChange:function(e,l){return function(e){R(e);var l={values:k.values,logic:e};E(l)}(l)}})},children:[i(g,{children:[l(y,{sx:{mb:1,borderBottom:"none!important"},label:"Applied",placement:"horizontal",enableMinimalesticView:!0,value:L,onRemove:c.onRemove}),l(a,{inputRef:z,autoFocus:!0,name:j.field.toString(),size:"small",fullWidth:!0,placeholder:"Enter value",error:H.error,helperText:H.message,sx:{".MuiInputBase-root":{minHeight:"42px"}}})]}),i(h,{children:[l(s,{size:"small",color:"error",variant:"text",disabled:!k.values||0===k.values.length,onClick:function(){var e;null===(e=c.onRemoveField)||void 0===e||e.call(c,j.field)},children:"Clear All"}),l(u,{sx:{flex:1}}),l(s,{size:"small",color:"inherit",variant:"text",onClick:c.onClose,children:"Cancel"}),l(s,{size:"small",type:"submit",color:"primary",variant:"contained",children:"Apply"})]})]})})}}var x=t("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{y as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as i}from"react/jsx-runtime";import{useMemo as o,useState as r,createRef as n}from"react";import{styled as t,TextField as a,Button as s,Box as u}from"@mui/material";import{createChipViewers as c}from"../components/chip-viewer.js";import{getErrorMessage as m,convertFormDataToJson as v}from"../../form/helpers.js";import{ButtonBack as d,ChipDark as f,FilterLogicToggle as p}from"../components/ui.units.js";import{PopperContent as b,PopperBody as g,PopperFooter as h}from"../components/popper-custom.js";function y(t){var y=c();return function(c){var C,j,z=o(function(){return Object.assign({},c.currentConfig,null==t?void 0:t.config)},[null==t?void 0:t.config,c.currentConfig]),A=n(),k=c.value,T=void 0===k?{values:[],logic:null!==(C=null==z?void 0:z.defaultLogic)&&void 0!==C?C:"or"}:k,B=r(T.logic),F=e(B,2),R=F[0],S=F[1],w=null!==(j=null==z?void 0:z.label)&&void 0!==j?j:z.field.toString(),I=r({}),L=e(I,2),V=L[0],D=L[1],E=function(e){c.onSubmit(z.field,e,z)},H=m(V,z.field),M=o(function(){var e=Array.isArray(T.values)?T.values:[T.values];return{field:z.field,items:e.map(function(e){return{value:e}})}},[z.field,T]),O=[];return c.isLoading&&O.push("disabled"),l(x,{className:O.join(" "),noValidate:!0,onSubmit:function(e){var l;e.preventDefault(),e.stopPropagation();var i=new FormData(e.currentTarget),o=v(i),r=null===(l=c.validator)||void 0===l?void 0:l.run(o);if(D(r||{}),!r||0===Object.keys(r).length){var n=z.field,t=Array.isArray(o[n])?o[n]:[o[n]];E({values:t,logic:R}),A.current&&(A.current.blur(),A.current.value="")}},children:i(b,{title:"Filter by ".concat(w),onClose:c.onClose,slots:{beforeTitle:l(d,{size:"small",onClick:c.onBack}),afterTitle:z.singleValue?l(f,{sx:{ml:1.5},size:"small",label:"Last value only"}):!T.values||T.values.length<2?null:l(p,{sx:{ml:1},value:R,onChange:function(e,l){return function(e){S(e);var l={values:T.values,logic:e};E(l)}(l)}})},children:[i(g,{children:[l(y,{sx:{mb:1,borderBottom:"none!important"},label:"Applied",placement:"horizontal",enableMinimalesticView:!0,value:M,onRemove:c.onRemove}),l(a,{inputRef:A,autoFocus:!0,name:z.field.toString(),size:"small",fullWidth:!0,placeholder:"Enter value",error:H.error,helperText:H.message,sx:{".MuiInputBase-root":{minHeight:"42px"}}})]}),i(h,{children:[l(s,{size:"small",color:"error",variant:"text",disabled:!T.values||0===T.values.length,onClick:function(){var e;null===(e=c.onRemoveField)||void 0===e||e.call(c,z.field)},children:"Clear All"}),l(u,{sx:{flex:1}}),l(s,{size:"small",color:"inherit",variant:"text",onClick:c.onClose,children:"Cancel"}),l(s,{size:"small",type:"submit",color:"primary",variant:"contained",children:"Apply"})]})]})})}}var x=t("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{y as default};
 //# sourceMappingURL=create-form-field-string.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"create-form-field-string.js","sources":["../../../../src/filter-bar/menu/create-form-field-string.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { createRef, useMemo, useState } from 'react'\r\nimport { Box, Button, styled, TextField } from '@mui/material'\r\nimport { createChipViewers } from '../components/chip-viewer'\r\nimport { convertFormDataToJson, getErrorMessage } from '../../form/helpers'\r\nimport { ButtonBack, ChipDark, FilterLogicToggle } from '../components/ui.units'\r\nimport { PopperBody, PopperContent, PopperFooter } from '../components/popper-custom'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { IPartialError } from '../../form/validator'\r\nimport type { TChipViewerGroup } from '../components/chip-viewer'\r\nimport type { IFieldMenuConfig, IFilterMenuFormProps } from './types'\r\nimport type { TFieldModelValid, TFieldValid, TFieldValue, TLogic } from '../types'\r\n\r\nexport interface IFormFieldStringProps<T> extends IFilterMenuFormProps<T> {}\r\n\r\nexport interface IFormFieldStringParam<T> {\r\n  /** Optional configuration for the form field */\r\n  config?: IFieldMenuConfig<T>\r\n}\r\n\r\nfunction createFormFieldString<T>(params?: IFormFieldStringParam<T>) {\r\n  const ChipViewers = createChipViewers<T>()\r\n\r\n  const FormFieldString: FC<IFormFieldStringProps<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 refInput = createRef<HTMLInputElement>()\r\n    const { value = { values: [], logic: 'or' } } = props\r\n    const [filterLogic, setFilterLogic] = useState<TLogic>(value.logic!)\r\n\r\n    const label = mergedConfig?.label ?? mergedConfig.field.toString()\r\n\r\n    const [errorData, setErrorData] = useState<IPartialError<TFieldModelValid<T>>>({})\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() // Prevent default form submission behavior\r\n      event.stopPropagation() // Stop the event from bubbling up to parent elements (like Popper) which might cause it to close prematurely\r\n      const formData = new FormData(event.currentTarget)\r\n      const obj = convertFormDataToJson<TFieldModelValid<T>>(formData)\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 { field } = mergedConfig\r\n        const newValues = (Array.isArray(obj[field]) ? obj[field] : [obj[field]]) as TFieldValid[]\r\n        const newValue: TFieldValue = { values: newValues, logic: filterLogic }\r\n        handleSubmit(newValue)\r\n\r\n        if (refInput.current) {\r\n          refInput.current.blur()\r\n          refInput.current.value = ''\r\n        }\r\n      }\r\n    }\r\n\r\n    const error = getErrorMessage(errorData, mergedConfig.field)\r\n\r\n    const filterViewerValue = useMemo<TChipViewerGroup<T>>(() => {\r\n      const items = Array.isArray(value.values) ? value.values : [value.values]\r\n      return { field: mergedConfig.field, items: items.map((v) => ({ value: v })) }\r\n    }, [mergedConfig.field, value])\r\n\r\n    const handleChangeLogic = (newLogic: TLogic) => {\r\n      setFilterLogic(newLogic)\r\n      const newValue: TFieldValue = { values: value.values, logic: newLogic }\r\n      handleSubmit(newValue)\r\n    }\r\n\r\n    const handleClearAll = () => {\r\n      props.onRemoveField?.(mergedConfig.field)\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 (!value.values || value.values.length < 2) return null\r\n      return <FilterLogicToggle sx={{ ml: 1 }} value={filterLogic} 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            <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            <TextField\r\n              inputRef={refInput}\r\n              autoFocus\r\n              name={mergedConfig.field.toString()}\r\n              size='small'\r\n              fullWidth\r\n              placeholder='Enter value'\r\n              error={error.error}\r\n              helperText={error.message}\r\n              sx={{ '.MuiInputBase-root': { minHeight: '42px' } }}\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'>\r\n              Apply\r\n            </Button>\r\n          </PopperFooter>\r\n        </PopperContent>\r\n      </RootStyled>\r\n    )\r\n  }\r\n\r\n  return FormFieldString\r\n}\r\n\r\nexport default createFormFieldString\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})\r\n"],"names":["createFormFieldString","params","ChipViewers","createChipViewers","props","_mergedConfig$label","mergedConfig","useMemo","Object","assign","currentConfig","config","refInput","createRef","_props$value","value","values","logic","_useState","useState","_useState2","_slicedToArray","filterLogic","setFilterLogic","label","field","toString","_useState3","_useState4","errorData","setErrorData","handleSubmit","newValue","onSubmit","error","getErrorMessage","filterViewerValue","items","Array","isArray","map","v","rootClasses","isLoading","push","_jsx","RootStyled","className","join","noValidate","event","_props$validator","preventDefault","stopPropagation","formData","FormData","currentTarget","obj","convertFormDataToJson","validator","run","keys","length","newValues","current","blur","children","_jsxs","PopperContent","title","concat","onClose","slots","beforeTitle","ButtonBack","size","onClick","onBack","afterTitle","singleValue","ChipDark","sx","ml","FilterLogicToggle","onChange","_","nVal","newLogic","handleChangeLogic","PopperBody","mb","borderBottom","placement","enableMinimalesticView","onRemove","TextField","inputRef","autoFocus","name","fullWidth","placeholder","helperText","message","minHeight","PopperFooter","Button","color","variant","disabled","_props$onRemoveField","onRemoveField","call","Box","flex","type","styled","position","content","display","inset","backgroundColor","filter","zIndex","opacity","transition","visibility","pointerEvents"],"mappings":"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"}
+{"version":3,"file":"create-form-field-string.js","sources":["../../../../src/filter-bar/menu/create-form-field-string.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { createRef, useMemo, useState } from 'react'\r\nimport { Box, Button, styled, TextField } from '@mui/material'\r\nimport { createChipViewers } from '../components/chip-viewer'\r\nimport { convertFormDataToJson, getErrorMessage } from '../../form/helpers'\r\nimport { ButtonBack, ChipDark, FilterLogicToggle } from '../components/ui.units'\r\nimport { PopperBody, PopperContent, PopperFooter } from '../components/popper-custom'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { IPartialError } from '../../form/validator'\r\nimport type { TChipViewerGroup } from '../components/chip-viewer'\r\nimport type { IFieldMenuConfig, IFilterMenuFormProps } from './types'\r\nimport type { TFieldModelValid, TFieldValid, TFieldValue, TLogic } from '../types'\r\n\r\n/** Props for the `FormFieldString` component returned by `createFormFieldString`. Extends the base filter-menu form props. */\r\nexport interface IFormFieldStringProps<T> extends IFilterMenuFormProps<T> {}\r\n\r\n/** Parameters passed to `createFormFieldString` to configure the generated component. */\r\nexport interface IFormFieldStringParam<T> {\r\n  /** Optional configuration for the form field */\r\n  config?: IFieldMenuConfig<T>\r\n}\r\n\r\n/**\r\n * Factory function that creates a `FormFieldString` filter-menu component.\r\n *\r\n * The generated component renders a free-text input inside a popper/menu panel,\r\n * letting the user type arbitrary string values as filter criteria. It supports:\r\n * - OR / AND logic toggle when more than one value is applied\r\n * - Chip viewers showing the currently applied values\r\n * - Auto-focus and input reset after each successful submission\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 (optional field config override)\r\n * @returns A React FC ready to be used as a free-text filter-menu field component\r\n */\r\nfunction createFormFieldString<T>(params?: IFormFieldStringParam<T>) {\r\n  const ChipViewers = createChipViewers<T>()\r\n\r\n  const FormFieldString: FC<IFormFieldStringProps<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 refInput = createRef<HTMLInputElement>()\r\n    const { value = { values: [], logic: mergedConfig?.defaultLogic ?? 'or' } } = props\r\n    const [filterLogic, setFilterLogic] = useState<TLogic>(value.logic!)\r\n\r\n    const label = mergedConfig?.label ?? mergedConfig.field.toString()\r\n\r\n    const [errorData, setErrorData] = useState<IPartialError<TFieldModelValid<T>>>({})\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() // Prevent default form submission behavior\r\n      event.stopPropagation() // Stop the event from bubbling up to parent elements (like Popper) which might cause it to close prematurely\r\n      const formData = new FormData(event.currentTarget)\r\n      const obj = convertFormDataToJson<TFieldModelValid<T>>(formData)\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 { field } = mergedConfig\r\n        const newValues = (Array.isArray(obj[field]) ? obj[field] : [obj[field]]) as TFieldValid[]\r\n        const newValue: TFieldValue = { values: newValues, logic: filterLogic }\r\n        handleSubmit(newValue)\r\n\r\n        if (refInput.current) {\r\n          refInput.current.blur()\r\n          refInput.current.value = ''\r\n        }\r\n      }\r\n    }\r\n\r\n    const error = getErrorMessage(errorData, mergedConfig.field)\r\n\r\n    const filterViewerValue = useMemo<TChipViewerGroup<T>>(() => {\r\n      const items = Array.isArray(value.values) ? value.values : [value.values]\r\n      return { field: mergedConfig.field, items: items.map((v) => ({ value: v })) }\r\n    }, [mergedConfig.field, value])\r\n\r\n    const handleChangeLogic = (newLogic: TLogic) => {\r\n      setFilterLogic(newLogic)\r\n      const newValue: TFieldValue = { values: value.values, logic: newLogic }\r\n      handleSubmit(newValue)\r\n    }\r\n\r\n    const handleClearAll = () => {\r\n      props.onRemoveField?.(mergedConfig.field)\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 (!value.values || value.values.length < 2) return null\r\n      return <FilterLogicToggle sx={{ ml: 1 }} value={filterLogic} 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            <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            <TextField\r\n              inputRef={refInput}\r\n              autoFocus\r\n              name={mergedConfig.field.toString()}\r\n              size='small'\r\n              fullWidth\r\n              placeholder='Enter value'\r\n              error={error.error}\r\n              helperText={error.message}\r\n              sx={{ '.MuiInputBase-root': { minHeight: '42px' } }}\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'>\r\n              Apply\r\n            </Button>\r\n          </PopperFooter>\r\n        </PopperContent>\r\n      </RootStyled>\r\n    )\r\n  }\r\n\r\n  return FormFieldString\r\n}\r\n\r\nexport default createFormFieldString\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})\r\n"],"names":["createFormFieldString","params","ChipViewers","createChipViewers","props","_mergedConfig$default","_mergedConfig$label","mergedConfig","useMemo","Object","assign","currentConfig","config","refInput","createRef","_props$value","value","values","logic","defaultLogic","_useState","useState","_useState2","_slicedToArray","filterLogic","setFilterLogic","label","field","toString","_useState3","_useState4","errorData","setErrorData","handleSubmit","newValue","onSubmit","error","getErrorMessage","filterViewerValue","items","Array","isArray","map","v","rootClasses","isLoading","push","_jsx","RootStyled","className","join","noValidate","event","_props$validator","preventDefault","stopPropagation","formData","FormData","currentTarget","obj","convertFormDataToJson","validator","run","keys","length","newValues","current","blur","children","_jsxs","PopperContent","title","concat","onClose","slots","beforeTitle","ButtonBack","size","onClick","onBack","afterTitle","singleValue","ChipDark","sx","ml","FilterLogicToggle","onChange","_","nVal","newLogic","handleChangeLogic","PopperBody","mb","borderBottom","placement","enableMinimalesticView","onRemove","TextField","inputRef","autoFocus","name","fullWidth","placeholder","helperText","message","minHeight","PopperFooter","Button","color","variant","disabled","_props$onRemoveField","onRemoveField","call","Box","flex","type","styled","position","content","display","inset","backgroundColor","filter","zIndex","opacity","transition","visibility","pointerEvents"],"mappings":"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"}

package/dist/src/filter-bar/menu/create.js

@@ -1,2 +1,2 @@
-import{defineProperty as e,objectWithoutProperties as n,objectSpread2 as r,slicedToArray as t,asyncToGenerator as o,regenerator as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as a}from"react/jsx-runtime";import{useState as u,useContext as c,useMemo as s,createRef as m}from"react";import{styled as d,Box as f,MenuList as p,Tooltip as v,IconButton as h,Badge as b,MenuItem as g,Typography as y,Button as j}from"@mui/material";import F from"@mui/icons-material/FilterList";import C from"@mui/material/ClickAwayListener";import{KeySpecial as k}from"../types.js";import{useFilterActions as I}from"../hooks.js";import{FilterBarContext as x}from"../index.context.js";import{mapSpecialLabel as S,mapSpecialTexts as w}from"../helpers.js";import{SingleRuleValidate as P,FormValidator as R}from"../../form/validator.js";import{PopperCustom as q,PopperContent as T,PopperFooter as A}from"../components/popper-custom.js";import{FilterMenuNoField as B}from"../components/ui.units.js";import O from"./create-form-field-string.js";var M=["fields","validation","enableQuickSearch"];function D(d){var f=L,p=function(e){var t=e.fields,o=e.validation,i=e.enableQuickSearch,l=void 0===i||i,a=n(e,M),u=k.quickSearch,c=r({},t);if(l){var s=c[u],m=null!=s&&s.label?s.label:S[u],d=Object.assign({},c[u],{field:u,label:m,singleValue:!0});c[u]=d}else delete c[u];var f=Object.keys(c),p=f.reduce(function(e,n){var t=c[n];return t?(e[n]=r(r({},t),{},{field:n}),e):e},{}),v=r({},o);return f.forEach(function(e){var n,r,t,o=v[e],i=null!==(n=null!==(r=null==o?void 0:o.label)&&void 0!==r?r:null===(t=c[e])||void 0===t?void 0:t.label)&&void 0!==n?n:e.toString();o?o.Rules.some(function(e){return e.rule===P.Required})||(o.label=i,o.Rules.push({rule:P.Required})):v[e]={Rules:[{rule:P.Required}],label:i}}),r(r({},a),{},{fields:p,validation:v,enableQuickSearch:l})}(d),D=function(n){return Object.keys(n.fields).reduce(function(r,t){var o,i=t,l=null===(o=n.validation)||void 0===o?void 0:o[i];return l&&(r[i]=new R(e({},i,l))),r},{})}(p),V=function(e){var n=e.fields;return Object.keys(n).reduce(function(e,r){var t,o=r,i=n[o];return i&&(e[o]=null!==(t=i.FormComponent)&&void 0!==t?t:O()),e},{})}(p),z=d.quickSearchHint;return function(e){var n=m(),S=u(null),P=t(S,2),R=P[0],O=P[1],M=Boolean(R),L=c(x),E=I(L),H=u(null),_=t(H,2),G=_[0],W=_[1],J=s(function(){var n=d.popperProps,r=d.rootProps;return Object.assign({},{popperProps:n,rootProps:r},e.slots)},[d,e.slots]),K=function(){O(null),setTimeout(function(){W(null)},300)},U=function(){E.clearAllFilters(),K()},X=function(){var e=o(i().m(function e(n,r,t){return i().w(function(e){for(;;)switch(e.n){case 0:if(r){e.n=1;break}return e.a(2);case 1:null!=t&&t.singleValue?E.replaceFilter(n,r,{logic:r.logic}):E.upsertManyFilter(n,r,{logic:r.logic});case 2:return e.a(2)}},e)}));return function(n,r,t){return e.apply(this,arguments)}}(),Y=s(function(){var e=Object.values(p.fields);return Array.from(e)},[p.fields]),Z=E.getTotalCount(),$="".concat(Z," Filter").concat(1!==Z?"s":"");return l(C,{onClickAway:K,children:a(N,r(r({className:f.root},J.rootProps),{},{children:[l(v,{title:$,arrow:!0,placement:"top",children:l(h,{size:"small",ref:n,onClick:function(){W(null),O(n.current)},children:l(b,{badgeContent:Z,color:"primary",invisible:0===Z,children:l(F,{fontSize:"small"})})})}),l(q,r(r({open:M,anchorEl:R,placement:"bottom",transition:!0,disablePortal:!0},J.popperProps),{},{children:function(){if(0===Y.length)return l(B,{onClose:K});var e=G?p.fields[G]:void 0;if(G&&e){var n,t=V[G];if(!t)return null;var o=r({},e);null!=o&&o.FormComponent&&delete o.FormComponent;var i=null===(n=L.filterState.storeFilter)||void 0===n?void 0:n[G];return l(t,{currentConfig:o,value:i,isLoading:L.isLoading,onRemove:E.removeFilterByFieldValue,validator:D[G],onSubmit:X,onClose:K,onRemoveField:function(e){return E.removeFilter(e)},onBack:function(){return W(null)}})}return a(T,{title:"Filter by",onClose:K,children:[l(Q,{className:f.menu,children:Y.map(function(e){var n,r,t=e.field.toString();if(!t)return null;var o=E.getFieldInfo(e.field),i=null!==(n=null==o?void 0:o.values.join(", "))&&void 0!==n?n:"",u=o?o.values.length:0,c=u>0?" (".concat(u,")"):"",s=null!==(r=e.label)&&void 0!==r?r:t.toString(),m=u>0?"Filter by ".concat(s,": ").concat(i):void 0;if(e.field===k.quickSearch){var d=w.qsTooltip;m="function"==typeof z?z(d):null!=z?z:d}return l(g,{className:f.menuItem,sx:{justifyContent:"space-between"},onClick:function(){return n=e.field,void W(n);var n},children:l(v,{title:m,placement:"right",arrow:!0,children:a("div",{className:f.menuItemInner,children:[l(y,{variant:"body2",children:s}),l(y,{variant:"caption",sx:{ml:1,color:"text.secondary"},children:c})]})})},t)})}),l(A,{children:l(j,{color:"error",disabled:0===Z,onClick:U,children:"Clear All"})})]})}()}))]}))})}}var L={root:"DinoFilterMenu-root",menu:"DinoFilterMenu-menu",menuItem:"DinoFilterMenu-menuItem",menuItemInner:"DinoFilterMenu-menuItemInner"},N=d(f)(e({},"&.".concat(L.root),{display:"inline-flex",justifyContent:"center",alignItems:"center",flex:"0 0 auto"})),Q=d(p)(e(e({},".".concat(L.menuItem),{paddingTop:0,paddingBottom:0}),".".concat(L.menuItemInner),{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"4px",paddingTop:"6px",paddingBottom:"6px"}));export{D as createFilterMenu,L as filterMenuClasses};
+import{defineProperty as e,objectWithoutProperties as n,objectSpread2 as r,slicedToArray as o,asyncToGenerator as t,regenerator as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs as a}from"react/jsx-runtime";import{useState as u,useContext as c,useMemo as s,createRef as d}from"react";import{styled as m,Box as f,MenuList as p,Tooltip as v,IconButton as h,Badge as b,MenuItem as g,Typography as y,Button as j}from"@mui/material";import F from"@mui/icons-material/FilterList";import C from"@mui/material/ClickAwayListener";import{KeySpecial as k}from"../types.js";import{useFilterActions as I}from"../hooks.js";import{FilterBarContext as x}from"../index.context.js";import{FilterMenuNoField as S}from"../components/ui.units.js";import{mapSpecialLabel as w,mapSpecialTexts as P}from"../helpers.js";import{SingleRuleValidate as R,FormValidator as q}from"../../form/validator.js";import{PopperCustom as T,PopperContent as A,PopperFooter as B}from"../components/popper-custom.js";import O from"./create-form-field-string.js";var M=["fields","validation","enableQuickSearch"];function D(m){var f=L,p=function(e){var o=e.fields,t=e.validation,i=e.enableQuickSearch,l=void 0===i||i,a=n(e,M),u=k.quickSearch,c=r({},o);if(l){var s=c[u],d=null!=s&&s.label?s.label:w[u],m=Object.assign({},c[u],{field:u,label:d,singleValue:!0});c[u]=m}else delete c[u];var f=Object.keys(c),p=f.reduce(function(e,n){var o=c[n];return o?(e[n]=r(r({},o),{},{field:n}),e):e},{}),v=r({},t);return f.forEach(function(e){var n,r,o,t=v[e],i=null!==(n=null!==(r=null==t?void 0:t.label)&&void 0!==r?r:null===(o=c[e])||void 0===o?void 0:o.label)&&void 0!==n?n:e.toString();t?t.Rules.some(function(e){return e.rule===R.Required})||(t.label=i,t.Rules.push({rule:R.Required})):v[e]={Rules:[{rule:R.Required}],label:i}}),r(r({},a),{},{fields:p,validation:v,enableQuickSearch:l})}(m),D=function(n){return Object.keys(n.fields).reduce(function(r,o){var t,i=o,l=null===(t=n.validation)||void 0===t?void 0:t[i];return l&&(r[i]=new q(e({},i,l))),r},{})}(p),V=function(e){var n=e.fields;return Object.keys(n).reduce(function(e,r){var o,t=r,i=n[t];return i&&(e[t]=null!==(o=i.FormComponent)&&void 0!==o?o:O()),e},{})}(p),z=m.quickSearchHint;return function(e){var n=d(),w=u(null),R=o(w,2),q=R[0],O=R[1],M=Boolean(q),L=c(x),E=I(L),H=u(null),_=o(H,2),G=_[0],W=_[1],J=s(function(){var n=m.popperProps,r=m.rootProps;return Object.assign({},{popperProps:n,rootProps:r},e.slots)},[m,e.slots]),K=function(){O(null),setTimeout(function(){W(null)},300)},U=function(){E.clearAllFilters(),K()},X=function(){var e=t(i().m(function e(n,r,o){return i().w(function(e){for(;;)switch(e.n){case 0:if(r){e.n=1;break}return e.a(2);case 1:null!=o&&o.singleValue?E.replaceFilter(n,r,{logic:r.logic}):E.upsertManyFilter(n,r,{logic:r.logic});case 2:return e.a(2)}},e)}));return function(n,r,o){return e.apply(this,arguments)}}(),Y=s(function(){var e=Object.values(p.fields);return Array.from(e)},[p.fields]),Z=E.getTotalCount(),$="".concat(Z," Filter").concat(1!==Z?"s":"");return l(C,{onClickAway:K,children:a(N,r(r({className:f.root},J.rootProps),{},{children:[l(v,{title:$,arrow:!0,placement:"top",children:l(h,{size:"small",ref:n,onClick:function(){W(null),O(n.current)},children:l(b,{badgeContent:Z,color:"primary",invisible:0===Z,children:l(F,{fontSize:"small"})})})}),l(T,r(r({open:M,anchorEl:q,placement:"bottom",transition:!0,disablePortal:!0},J.popperProps),{},{children:function(){if(0===Y.length)return l(S,{onClose:K});var e=G?p.fields[G]:void 0;if(G&&e){var n,o=V[G];if(!o)return null;var t=r({},e);null!=t&&t.FormComponent&&delete t.FormComponent;var i=null===(n=L.filterState.storeFilter)||void 0===n?void 0:n[G];return l(o,{currentConfig:t,value:i,isLoading:L.isLoading,onRemove:E.removeFilterByFieldValue,validator:D[G],onSubmit:X,onClose:K,onRemoveField:function(e){return E.removeFilter(e)},onBack:function(){return W(null)}})}return a(A,{title:"Filter by",onClose:K,children:[l(Q,{className:f.menu,children:Y.map(function(e){var n,r,o=e.field.toString();if(!o)return null;var t=E.getFieldInfo(e.field),i=null!==(n=null==t?void 0:t.values.join(", "))&&void 0!==n?n:"",u=t?t.values.length:0,c=u>0?" (".concat(u,")"):"",s=null!==(r=e.label)&&void 0!==r?r:o.toString(),d=u>0?"Filter by ".concat(s,": ").concat(i):void 0;if(e.field===k.quickSearch){var m=P.qsTooltip;d="function"==typeof z?z(m):null!=z?z:m}else if(e.tooltip){var p,h="function"==typeof e.tooltip?e.tooltip(null==t?void 0:t.values):e.tooltip;d=(null!==(p=null==t?void 0:t.values.length)&&void 0!==p?p:0)>0?h:void 0}return l(g,{className:f.menuItem,sx:{justifyContent:"space-between"},onClick:function(){return n=e.field,void W(n);var n},children:l(v,{title:d,placement:"right",arrow:!0,children:a("div",{className:f.menuItemInner,children:[l(y,{variant:"body2",children:s}),l(y,{variant:"caption",sx:{ml:1,color:"text.secondary"},children:c})]})})},o)})}),l(B,{children:l(j,{color:"error",disabled:0===Z,onClick:U,children:"Clear All"})})]})}()}))]}))})}}var L={root:"DinoFilterMenu-root",menu:"DinoFilterMenu-menu",menuItem:"DinoFilterMenu-menuItem",menuItemInner:"DinoFilterMenu-menuItemInner"},N=m(f)(e({},"&.".concat(L.root),{display:"inline-flex",justifyContent:"center",alignItems:"center",flex:"0 0 auto"})),Q=m(p)(e(e({},".".concat(L.menuItem),{paddingTop:0,paddingBottom:0}),".".concat(L.menuItemInner),{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"4px",paddingTop:"6px",paddingBottom:"6px"}));export{D as createFilterMenu,L as filterMenuClasses};
 //# sourceMappingURL=create.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"create.js","sources":["../../../../src/filter-bar/menu/create.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { createRef, useContext, useMemo, useState } from 'react'\r\nimport { Badge, Box, Button, IconButton, MenuItem, MenuList, styled, Tooltip, Typography } from '@mui/material'\r\nimport FilterListIcon from '@mui/icons-material/FilterList'\r\nimport ClickAwayListener from '@mui/material/ClickAwayListener'\r\nimport { KeySpecial } from '../types'\r\nimport { useFilterActions } from '../hooks'\r\nimport { FilterBarContext } from '../index.context'\r\nimport { mapSpecialLabel, mapSpecialTexts } from '../helpers'\r\nimport { FormValidator, SingleRuleValidate } from '../../form/validator'\r\nimport { PopperContent, PopperCustom, PopperFooter } from '../components/popper-custom'\r\nimport { FilterMenuNoField } from '../components/ui.units'\r\nimport createFormFieldString from './create-form-field-string'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { IFilterBarContext } from '../index.context'\r\nimport type { TFieldModelValid, TFieldType, TFieldValue } from '../types'\r\nimport type { IConfigValue, IFormValidatorConfig } from '../../form/validator'\r\nimport type { IFilterMenuConfigInternal, TFieldMenuConfigsInternal } from './types'\r\nimport type { IFilterMenuProps, IFilterMenuSlots, TFieldMenuConfigs } from './types'\r\nimport type { IFieldMenuConfig, IFilterMenuConfig, IFilterMenuFormProps } from './types'\r\n\r\nfunction generateValidatorMap<T>(config: IFilterMenuConfig<T>) {\r\n  const keys = Object.keys(config.fields) as TFieldType<T>[]\r\n  const validateMaps = keys.reduce(\r\n    (acc, key) => {\r\n      const fieldKey = key as TFieldType<T>\r\n      const fieldConfig = config.validation?.[fieldKey]\r\n      if (fieldConfig) {\r\n        acc[fieldKey] = new FormValidator({ [fieldKey]: fieldConfig } as IFormValidatorConfig<Partial<TFieldModelValid<T>>>)\r\n      }\r\n      return acc\r\n    },\r\n    {} as Record<TFieldType<T>, FormValidator<Partial<TFieldModelValid<T>>>>\r\n  )\r\n  return validateMaps\r\n}\r\n\r\nfunction generateFormInputMap<T>(config: IFilterMenuConfig<T>) {\r\n  const { fields } = config\r\n  const keys = Object.keys(fields) as TFieldType<T>[]\r\n  const formInputMaps = keys.reduce(\r\n    (acc, key) => {\r\n      const fieldKey = key as TFieldType<T>\r\n      const fieldConfig = fields[fieldKey] as IFieldMenuConfig<T>\r\n      if (fieldConfig) {\r\n        acc[fieldKey] = fieldConfig.FormComponent ?? createFormFieldString()\r\n      }\r\n      return acc\r\n    },\r\n    {} as Record<TFieldType<T>, React.ComponentType<IFilterMenuFormProps<T>>>\r\n  )\r\n  return formInputMaps\r\n}\r\n\r\nfunction generateConfigs<T>(config: IFilterMenuConfig<T>): IFilterMenuConfigInternal<T> {\r\n  const { fields, validation, enableQuickSearch = true, ...rest } = config\r\n  const qsKey = KeySpecial.quickSearch\r\n\r\n  // Merge quick search field if enabled\r\n  const mergedFields: TFieldMenuConfigs<T> = { ...fields }\r\n  if (enableQuickSearch) {\r\n    const item = mergedFields[qsKey]\r\n    const label = item?.label ? item.label : mapSpecialLabel[qsKey]\r\n    const temp = Object.assign({}, mergedFields[qsKey], { field: qsKey, label, singleValue: true })\r\n    mergedFields[qsKey] = temp\r\n  } else {\r\n    delete mergedFields[qsKey]\r\n  }\r\n\r\n  const keys = Object.keys(mergedFields) as TFieldType<T>[]\r\n  const finalFields = keys.reduce<TFieldMenuConfigsInternal<T>>((acc, key) => {\r\n    const fieldConfig = mergedFields[key]\r\n    if (!fieldConfig) return acc\r\n    acc[key] = { ...fieldConfig, field: key }\r\n    return acc\r\n  }, {} as TFieldMenuConfigsInternal<T>)\r\n\r\n  // Merge validation config with default required rule\r\n  const mergedValidation: IFormValidatorConfig<Partial<TFieldModelValid<T>>> = { ...validation }\r\n  keys.forEach((key) => {\r\n    const item: IConfigValue<Partial<TFieldModelValid<T>>> | undefined = mergedValidation[key]\r\n    const label = item?.label ?? mergedFields[key]?.label ?? key.toString()\r\n    if (!item) {\r\n      mergedValidation[key] = { Rules: [{ rule: SingleRuleValidate.Required }], label }\r\n    } else if (!item.Rules.some((r) => r.rule === SingleRuleValidate.Required)) {\r\n      item.label = label\r\n      item.Rules.push({ rule: SingleRuleValidate.Required })\r\n    }\r\n  })\r\n\r\n  return { ...rest, fields: finalFields, validation: mergedValidation, enableQuickSearch }\r\n}\r\n\r\nexport function createFilterMenu<T>(config: IFilterMenuConfig<T>) {\r\n  const classes = filterMenuClasses\r\n  const mergedConfigs = generateConfigs(config)\r\n  const validateMaps = generateValidatorMap(mergedConfigs)\r\n  const formInputMaps = generateFormInputMap(mergedConfigs)\r\n  const quickSearchHint = config.quickSearchHint\r\n\r\n  // Component\r\n  const FilterMenu: FC<IFilterMenuProps<T>> = (props) => {\r\n    const refButton = createRef<HTMLButtonElement>()\r\n\r\n    const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\r\n    const isOpen = Boolean(anchorEl)\r\n\r\n    const context = useContext(FilterBarContext) as IFilterBarContext<T>\r\n    const filterActions = useFilterActions<T>(context)\r\n\r\n    const [fieldSelected, setFieldSelected] = useState<TFieldType<T> | null>(null)\r\n\r\n    const mergedSlots = useMemo<IFilterMenuSlots>(() => {\r\n      const { popperProps, rootProps } = config\r\n      return Object.assign({}, { popperProps, rootProps }, props.slots)\r\n    }, [config, props.slots])\r\n\r\n    const handleClose = () => {\r\n      setAnchorEl(null)\r\n      setTimeout(() => {\r\n        setFieldSelected(null)\r\n      }, 300)\r\n    }\r\n\r\n    const handleOpen = () => {\r\n      setFieldSelected(null)\r\n      setAnchorEl(refButton.current)\r\n    }\r\n\r\n    const handleMenuItemClick = (field: TFieldType<T>) => {\r\n      setFieldSelected(field)\r\n    }\r\n\r\n    const handleClearAll = () => {\r\n      filterActions.clearAllFilters()\r\n      handleClose()\r\n    }\r\n\r\n    const handleSubmit = async (key: TFieldType<T>, value?: TFieldValue, config?: IFieldMenuConfig<T>) => {\r\n      if (!value) return\r\n      if (config?.singleValue) {\r\n        filterActions.replaceFilter(key, value, { logic: value.logic })\r\n      } else {\r\n        filterActions.upsertManyFilter(key, value, { logic: value.logic })\r\n      }\r\n    }\r\n\r\n    const data = useMemo(() => {\r\n      const keys = Object.values(mergedConfigs.fields)\r\n      return Array.from(keys) as IFieldMenuConfig<T>[]\r\n    }, [mergedConfigs.fields])\r\n\r\n    const renderContent = () => {\r\n      if (data.length === 0) {\r\n        return <FilterMenuNoField onClose={handleClose} />\r\n      }\r\n      const currentConfig = fieldSelected ? mergedConfigs.fields[fieldSelected] : undefined\r\n\r\n      if (fieldSelected && currentConfig) {\r\n        const FormComponent = formInputMaps[fieldSelected] as React.ComponentType<IFilterMenuFormProps<T>>\r\n        if (!FormComponent) return null\r\n\r\n        const config: IFieldMenuConfig<T> = { ...currentConfig }\r\n        // Remove FormComponent from config before passing to form, as it's not needed there and can cause unnecessary re-renders\r\n        if (config?.FormComponent) delete config.FormComponent\r\n\r\n        const value = context.filterState.storeFilter?.[fieldSelected]\r\n        return (\r\n          <FormComponent\r\n            currentConfig={config}\r\n            value={value}\r\n            isLoading={context.isLoading}\r\n            onRemove={filterActions.removeFilterByFieldValue}\r\n            validator={validateMaps[fieldSelected]}\r\n            onSubmit={handleSubmit}\r\n            onClose={handleClose}\r\n            onRemoveField={(f) => filterActions.removeFilter(f)}\r\n            onBack={() => setFieldSelected(null)}\r\n          />\r\n        )\r\n      }\r\n\r\n      return (\r\n        <PopperContent title='Filter by' onClose={handleClose}>\r\n          <MenuListCustom className={classes.menu}>\r\n            {data.map((item) => {\r\n              const key = item.field.toString()\r\n              if (!key) return null\r\n              const info = filterActions.getFieldInfo(item.field)\r\n              const note = info?.values.join(', ') ?? ''\r\n              const fieldCount = info ? info.values.length : 0\r\n              const suffix = fieldCount > 0 ? ` (${fieldCount})` : ''\r\n              const label = item.label ?? key.toString()\r\n              let tooltipTitle = fieldCount > 0 ? `Filter by ${label}: ${note}` : undefined\r\n              if (item.field === KeySpecial.quickSearch) {\r\n                const txt = mapSpecialTexts.qsTooltip\r\n                tooltipTitle = typeof quickSearchHint === 'function' ? quickSearchHint(txt) : (quickSearchHint ?? txt)\r\n              }\r\n              return (\r\n                <MenuItem\r\n                  key={key}\r\n                  className={classes.menuItem}\r\n                  sx={{ justifyContent: 'space-between' }}\r\n                  onClick={() => handleMenuItemClick(item.field)}\r\n                >\r\n                  <Tooltip title={tooltipTitle} placement='right' arrow>\r\n                    <div className={classes.menuItemInner}>\r\n                      <Typography variant='body2'>{label}</Typography>\r\n                      <Typography variant='caption' sx={{ ml: 1, color: 'text.secondary' }}>\r\n                        {suffix}\r\n                      </Typography>\r\n                    </div>\r\n                  </Tooltip>\r\n                </MenuItem>\r\n              )\r\n            })}\r\n          </MenuListCustom>\r\n          <PopperFooter>\r\n            <Button color='error' disabled={filterCount === 0} onClick={handleClearAll}>\r\n              Clear All\r\n            </Button>\r\n          </PopperFooter>\r\n        </PopperContent>\r\n      )\r\n    }\r\n\r\n    const filterCount = filterActions.getTotalCount()\r\n    const iconTitle = `${filterCount} Filter${filterCount !== 1 ? 's' : ''}`\r\n    return (\r\n      <ClickAwayListener onClickAway={handleClose}>\r\n        <FilterInputStyled className={classes.root} {...mergedSlots.rootProps}>\r\n          <Tooltip title={iconTitle} arrow placement='top'>\r\n            <IconButton size='small' ref={refButton} onClick={handleOpen}>\r\n              <Badge badgeContent={filterCount} color='primary' invisible={filterCount === 0}>\r\n                <FilterListIcon fontSize='small' />\r\n              </Badge>\r\n            </IconButton>\r\n          </Tooltip>\r\n          <PopperCustom open={isOpen} anchorEl={anchorEl} placement='bottom' transition disablePortal {...mergedSlots.popperProps}>\r\n            {renderContent()}\r\n          </PopperCustom>\r\n        </FilterInputStyled>\r\n      </ClickAwayListener>\r\n    )\r\n  }\r\n  return FilterMenu\r\n}\r\n\r\n// styles\r\nexport const filterMenuClasses = {\r\n  root: 'DinoFilterMenu-root',\r\n  input: 'DinoFilterMenu-input',\r\n  beforeInput: 'DinoFilterMenu-beforeInput',\r\n  menu: 'DinoFilterMenu-menu',\r\n  menuItem: 'DinoFilterMenu-menuItem',\r\n  menuItemInner: 'DinoFilterMenu-menuItemInner'\r\n}\r\n\r\nconst FilterInputStyled = styled(Box)({\r\n  [`&.${filterMenuClasses.root}`]: {\r\n    display: 'inline-flex',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    flex: '0 0 auto'\r\n  }\r\n})\r\n\r\nconst MenuListCustom = styled(MenuList)({\r\n  [`.${filterMenuClasses.menuItem}`]: {\r\n    paddingTop: 0,\r\n    paddingBottom: 0\r\n  },\r\n  [`.${filterMenuClasses.menuItemInner}`]: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    alignItems: 'center',\r\n    width: '100%',\r\n    gap: '4px',\r\n    paddingTop: '6px',\r\n    paddingBottom: '6px'\r\n  }\r\n})\r\n"],"names":["createFilterMenu","config","classes","filterMenuClasses","mergedConfigs","fields","validation","_config$enableQuickSe","enableQuickSearch","rest","_objectWithoutProperties","_excluded","qsKey","KeySpecial","quickSearch","mergedFields","_objectSpread","item","label","mapSpecialLabel","temp","Object","assign","field","singleValue","keys","finalFields","reduce","acc","key","fieldConfig","mergedValidation","forEach","_ref","_item$label","_mergedFields$key","toString","Rules","some","r","rule","SingleRuleValidate","Required","push","generateConfigs","validateMaps","_config$validation","fieldKey","FormValidator","_defineProperty","generateValidatorMap","formInputMaps","_fieldConfig$FormComp","FormComponent","createFormFieldString","generateFormInputMap","quickSearchHint","props","refButton","createRef","_useState","useState","_useState2","_slicedToArray","anchorEl","setAnchorEl","isOpen","Boolean","context","useContext","FilterBarContext","filterActions","useFilterActions","_useState3","_useState4","fieldSelected","setFieldSelected","mergedSlots","useMemo","popperProps","rootProps","slots","handleClose","setTimeout","handleClearAll","clearAllFilters","handleSubmit","_ref2","_asyncToGenerator","_regenerator","m","_callee","value","w","_context","n","a","replaceFilter","logic","upsertManyFilter","_x","_x2","_x3","apply","this","arguments","data","values","Array","from","filterCount","getTotalCount","iconTitle","concat","_jsx","ClickAwayListener","onClickAway","children","_jsxs","FilterInputStyled","className","root","Tooltip","title","arrow","placement","IconButton","size","ref","onClick","current","Badge","badgeContent","color","invisible","FilterListIcon","fontSize","PopperCustom","open","transition","disablePortal","length","FilterMenuNoField","onClose","currentConfig","undefined","_context$filterState$","filterState","storeFilter","isLoading","onRemove","removeFilterByFieldValue","validator","onSubmit","onRemoveField","f","removeFilter","onBack","PopperContent","MenuListCustom","menu","map","_info$values$join","_item$label2","info","getFieldInfo","note","join","fieldCount","suffix","tooltipTitle","txt","mapSpecialTexts","qsTooltip","MenuItem","menuItem","sx","justifyContent","menuItemInner","Typography","variant","ml","PopperFooter","Button","disabled","renderContent","styled","Box","display","alignItems","flex","MenuList","paddingTop","paddingBottom","width","gap"],"mappings":"0kCAgGM,SAAUA,EAAoBC,GAClC,IAAMC,EAAUC,EACVC,EAzCR,SAA4BH,GAC1B,IAAQI,EAA0DJ,EAA1DI,OAAQC,EAAkDL,EAAlDK,WAAUC,EAAwCN,EAAtCO,kBAAAA,OAAoB,IAAHD,GAAOA,EAAKE,EAAIC,EAAKT,EAAMU,GAClEC,EAAQC,EAAWC,YAGnBC,EAAYC,EAAA,CAAA,EAA8BX,GAChD,GAAIG,EAAmB,CACrB,IAAMS,EAAOF,EAAaH,GACpBM,EAAQD,SAAAA,EAAMC,MAAQD,EAAKC,MAAQC,EAAgBP,GACnDQ,EAAOC,OAAOC,OAAO,CAAA,EAAIP,EAAaH,GAAQ,CAAEW,MAAOX,EAAOM,MAAAA,EAAOM,aAAa,IACxFT,EAAaH,GAASQ,CACvB,aACQL,EAAaH,GAGtB,IAAMa,EAAOJ,OAAOI,KAAKV,GACnBW,EAAcD,EAAKE,OAAqC,SAACC,EAAKC,GAClE,IAAMC,EAAcf,EAAac,GACjC,OAAKC,GACLF,EAAIC,GAAIb,EAAAA,KAAQc,GAAW,GAAA,CAAEP,MAAOM,IAC7BD,GAFkBA,CAG1B,EAAE,IAGGG,EAAgBf,EAAA,CAAA,EAA4DV,GAYlF,OAXAmB,EAAKO,QAAQ,SAACH,GAAO,IAAAI,EAAAC,EAAAC,EACblB,EAA+Dc,EAAiBF,GAChFX,EAA+Ce,QAA1CA,UAAAC,EAAGjB,aAAI,EAAJA,EAAMC,aAAK,IAAAgB,EAAAA,UAAAC,EAAIpB,EAAac,UAAI,IAAAM,OAAA,EAAjBA,EAAmBjB,iBAAKe,EAAAA,EAAIJ,EAAIO,WACxDnB,EAEOA,EAAKoB,MAAMC,KAAK,SAACC,GAAC,OAAKA,EAAEC,OAASC,EAAmBC,QAAQ,KACvEzB,EAAKC,MAAQA,EACbD,EAAKoB,MAAMM,KAAK,CAAEH,KAAMC,EAAmBC,YAH3CX,EAAiBF,GAAO,CAAEQ,MAAO,CAAC,CAAEG,KAAMC,EAAmBC,WAAaxB,MAAAA,EAK9E,GAEAF,EAAAA,EAAA,CAAA,EAAYP,GAAI,CAAA,EAAA,CAAEJ,OAAQqB,EAAapB,WAAYyB,EAAkBvB,kBAAAA,GACvE,CAIwBoC,CAAgB3C,GAChC4C,EA3ER,SAAiC5C,GAa/B,OAZaoB,OAAOI,KAAKxB,EAAOI,QACNsB,OACxB,SAACC,EAAKC,GAAO,IAAAiB,EACLC,EAAWlB,EACXC,EAA+B,QAApBgB,EAAG7C,EAAOK,kBAAU,IAAAwC,OAAA,EAAjBA,EAAoBC,GAIxC,OAHIjB,IACFF,EAAImB,GAAY,IAAIC,EAAaC,EAAIF,GAAAA,EAAWjB,KAE3CF,CACR,EACD,GAGJ,CA6DuBsB,CAAqB9C,GACpC+C,EA5DR,SAAiClD,GAC/B,IAAQI,EAAWJ,EAAXI,OAaR,OAZagB,OAAOI,KAAKpB,GACEsB,OACzB,SAACC,EAAKC,GACJ,IAEiBuB,EAFXL,EAAWlB,EACXC,EAAczB,EAAO0C,GAI3B,OAHIjB,IACFF,EAAImB,GAAqC,QAA5BK,EAAGtB,EAAYuB,qBAAaD,IAAAA,EAAAA,EAAIE,KAExC1B,CACR,EACD,GAGJ,CA6CwB2B,CAAqBnD,GACrCoD,EAAkBvD,EAAOuD,gBAmJ/B,OAhJ4C,SAACC,GAC3C,IAAMC,EAAYC,IAElBC,EAAgCC,EAA6B,MAAKC,EAAAC,EAAAH,EAAA,GAA3DI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GACtBI,EAASC,QAAQH,GAEjBI,EAAUC,EAAWC,GACrBC,EAAgBC,EAAoBJ,GAE1CK,EAA0CZ,EAA+B,MAAKa,EAAAX,EAAAU,EAAA,GAAvEE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAcC,EAA0B,WAC5C,IAAQC,EAA2B9E,EAA3B8E,YAAaC,EAAc/E,EAAd+E,UACrB,OAAO3D,OAAOC,OAAO,GAAI,CAAEyD,YAAAA,EAAaC,UAAAA,GAAavB,EAAMwB,MAC5D,EAAE,CAAChF,EAAQwD,EAAMwB,QAEZC,EAAc,WAClBjB,EAAY,MACZkB,WAAW,WACTP,EAAiB,KAClB,EAAE,IACJ,EAWKQ,EAAiB,WACrBb,EAAcc,kBACdH,GACD,EAEKI,EAAY,WAAA,IAAAC,EAAAC,EAAAC,IAAAC,EAAG,SAAAC,EAAO9D,EAAoB+D,EAAqB3F,GAA4B,OAAAwF,IAAAI,EAAA,SAAAC,GAAA,cAAAA,EAAAC,GAAA,KAAA,EAAA,GAC1FH,EAAK,CAAAE,EAAAC,EAAA,EAAA,KAAA,CAAA,OAAAD,EAAAE,EAAA,GAAA,KAAA,EACN/F,SAAAA,EAAQuB,YACV+C,EAAc0B,cAAcpE,EAAK+D,EAAO,CAAEM,MAAON,EAAMM,QAEvD3B,EAAc4B,iBAAiBtE,EAAK+D,EAAO,CAAEM,MAAON,EAAMM,QAC3D,KAAA,EAAA,OAAAJ,EAAAE,EAAA,GAAA,EAAAL,MACF,OAAA,SAPiBS,EAAAC,EAAAC,GAAA,OAAAf,EAAAgB,MAAAC,KAAAC,UAAA,EAAA,GASZC,EAAO5B,EAAQ,WACnB,IAAMrD,EAAOJ,OAAOsF,OAAOvG,EAAcC,QACzC,OAAOuG,MAAMC,KAAKpF,EACpB,EAAG,CAACrB,EAAcC,SA4EZyG,EAAcvC,EAAcwC,gBAC5BC,EAAS,GAAAC,OAAMH,EAAWG,WAAAA,OAA0B,IAAhBH,EAAoB,IAAM,IACpE,OACEI,EAACC,EAAiB,CAACC,YAAalC,EAC9BmC,SAAAC,EAACC,EAAiBvG,EAAAA,EAAA,CAACwG,UAAWtH,EAAQuH,MAAU5C,EAAYG,WAAS,GAAA,CAAAqC,SAAA,CACnEH,EAACQ,EAAQ,CAAAC,MAAOX,EAAWY,OAAK,EAACC,UAAU,MACzCR,SAAAH,EAACY,EAAU,CAACC,KAAK,QAAQC,IAAKtE,EAAWuE,QA5G9B,WACjBrD,EAAiB,MACjBX,EAAYP,EAAUwE,QACvB,EAyGmEb,SAC1DH,EAACiB,EAAM,CAAAC,aAActB,EAAauB,MAAM,UAAUC,UAA2B,IAAhBxB,EAAiBO,SAC5EH,EAACqB,EAAc,CAACC,SAAS,gBAI/BtB,EAACuB,EAAYzH,EAAAA,EAAA,CAAC0H,KAAMxE,EAAQF,SAAUA,EAAU6D,UAAU,SAASc,YAAU,EAACC,eAAkB,GAAA/D,EAAYE,aAAW,GAAA,CACpHsC,SAvFa,WACpB,GAAoB,IAAhBX,EAAKmC,OACP,OAAO3B,EAAC4B,EAAiB,CAACC,QAAS7D,IAErC,IAAM8D,EAAgBrE,EAAgBvE,EAAcC,OAAOsE,QAAiBsE,EAE5E,GAAItE,GAAiBqE,EAAe,CAAA,IAAAE,EAC5B7F,EAAgBF,EAAcwB,GACpC,IAAKtB,EAAe,OAAO,KAE3B,IAAMpD,EAAMe,EAAA,CAAA,EAA6BgI,GAErC/I,SAAAA,EAAQoD,sBAAsBpD,EAAOoD,cAEzC,IAAMuC,UAAKsD,EAAG9E,EAAQ+E,YAAYC,mBAAW,IAAAF,OAAA,EAA/BA,EAAkCvE,GAChD,OACEuC,EAAC7D,EAAa,CACZ2F,cAAe/I,EACf2F,MAAOA,EACPyD,UAAWjF,EAAQiF,UACnBC,SAAU/E,EAAcgF,yBACxBC,UAAW3G,EAAa8B,GACxB8E,SAAUnE,EACVyD,QAAS7D,EACTwE,cAAe,SAACC,GAAC,OAAKpF,EAAcqF,aAAaD,EAAE,EACnDE,OAAQ,WAAF,OAAQjF,EAAiB,KAAK,GAGzC,CAED,OACE0C,EAACwC,EAAa,CAACnC,MAAM,YAAYoB,QAAS7D,EAAWmC,SAAA,CACnDH,EAAC6C,EAAe,CAAAvC,UAAWtH,EAAQ8J,KAChC3C,SAAAX,EAAKuD,IAAI,SAAChJ,GAAQ,IAAAiJ,EAAAC,EACXtI,EAAMZ,EAAKM,MAAMa,WACvB,IAAKP,EAAK,OAAO,KACjB,IAAMuI,EAAO7F,EAAc8F,aAAapJ,EAAKM,OACvC+I,UAAIJ,EAAGE,eAAAA,EAAMzD,OAAO4D,KAAK,aAAK,IAAAL,EAAAA,EAAI,GAClCM,EAAaJ,EAAOA,EAAKzD,OAAOkC,OAAS,EACzC4B,EAASD,EAAa,OAACvD,OAAQuD,EAAU,KAAM,GAC/CtJ,EAAkB,QAAbiJ,EAAGlJ,EAAKC,aAAK,IAAAiJ,EAAAA,EAAItI,EAAIO,WAC5BsI,EAAeF,EAAa,EAACvD,aAAAA,OAAgB/F,EAAK+F,MAAAA,OAAKqD,QAASrB,EACpE,GAAIhI,EAAKM,QAAUV,EAAWC,YAAa,CACzC,IAAM6J,EAAMC,EAAgBC,UAC5BH,EAA0C,mBAApBlH,EAAiCA,EAAgBmH,GAAQnH,QAAAA,EAAmBmH,CACnG,CACD,OACEzD,EAAC4D,GAECtD,UAAWtH,EAAQ6K,SACnBC,GAAI,CAAEC,eAAgB,iBACtBhD,QAAS,WAAF,OA1EQ1G,EA0EoBN,EAAKM,WAzEpDqD,EAAiBrD,GADS,IAACA,CA0E+B,EAE9C8F,SAAAH,EAACQ,EAAQ,CAAAC,MAAO+C,EAAc7C,UAAU,QAAQD,OAAK,EAAAP,SACnDC,EAAK,MAAA,CAAAE,UAAWtH,EAAQgL,cACtB7D,SAAA,CAAAH,EAACiE,EAAW,CAAAC,QAAQ,QAAO/D,SAAEnG,IAC7BgG,EAACiE,EAAU,CAACC,QAAQ,UAAUJ,GAAI,CAAEK,GAAI,EAAGhD,MAAO,kBAC/ChB,SAAAoD,UATF5I,EAeV,KAEHqF,EAACoE,EACC,CAAAjE,SAAAH,EAACqE,EAAM,CAAClD,MAAM,QAAQmD,SAA0B,IAAhB1E,EAAmBmB,QAAS7C,EAEnDiC,SAAA,kBAIhB,CAeQoE,WAKV,CAEH,CAGO,IAAMtL,EAAoB,CAC/BsH,KAAM,sBAGNuC,KAAM,sBACNe,SAAU,0BACVG,cAAe,gCAGX3D,EAAoBmE,EAAOC,EAAPD,CAAWzI,EAAA,GAAA,KAAAgE,OAC7B9G,EAAkBsH,MAAS,CAC/BmE,QAAS,cACTX,eAAgB,SAChBY,WAAY,SACZC,KAAM,cAIJ/B,EAAiB2B,EAAOK,EAAPL,CAAgBzI,EAAAA,SAAAgE,OAChC9G,EAAkB4K,UAAa,CAClCiB,WAAY,EACZC,cAAe,QAChBhF,OACI9G,EAAkB+K,eAAkB,CACvCU,QAAS,OACTX,eAAgB,gBAChBY,WAAY,SACZK,MAAO,OACPC,IAAK,MACLH,WAAY,MACZC,cAAe"}
+{"version":3,"file":"create.js","sources":["../../../../src/filter-bar/menu/create.tsx"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n// imports\r\nimport { createRef, useContext, useMemo, useState } from 'react'\r\nimport { Badge, Box, Button, IconButton, MenuItem, MenuList, styled, Tooltip, Typography } from '@mui/material'\r\nimport FilterListIcon from '@mui/icons-material/FilterList'\r\nimport ClickAwayListener from '@mui/material/ClickAwayListener'\r\nimport { KeySpecial } from '../types'\r\nimport { useFilterActions } from '../hooks'\r\nimport { FilterBarContext } from '../index.context'\r\nimport { FilterMenuNoField } from '../components/ui.units'\r\nimport { mapSpecialLabel, mapSpecialTexts } from '../helpers'\r\nimport { FormValidator, SingleRuleValidate } from '../../form/validator'\r\nimport { PopperContent, PopperCustom, PopperFooter } from '../components/popper-custom'\r\nimport createFormFieldString from './create-form-field-string'\r\n// types\r\nimport type { FC } from 'react'\r\nimport type { IFilterBarContext } from '../index.context'\r\nimport type { TFieldModelValid, TFieldType, TFieldValue } from '../types'\r\nimport type { IConfigValue, IFormValidatorConfig } from '../../form/validator'\r\nimport type { IFilterMenuConfigInternal, TFieldMenuConfigsInternal } from './types'\r\nimport type { IFilterMenuProps, IFilterMenuSlots, TFieldMenuConfigs } from './types'\r\nimport type { IFieldMenuConfig, IFilterMenuConfig, IFilterMenuFormProps } from './types'\r\n\r\n// #region utils\r\n/**\r\n * Builds a map of `FormValidator` instances keyed by field name.\r\n * Each validator is constructed from the validation rules defined in `config.validation`.\r\n * Fields with no validation config are skipped.\r\n *\r\n * @internal\r\n */\r\nfunction generateValidatorMap<T>(config: IFilterMenuConfig<T>) {\r\n  const keys = Object.keys(config.fields) as TFieldType<T>[]\r\n  const validateMaps = keys.reduce(\r\n    (acc, key) => {\r\n      const fieldKey = key as TFieldType<T>\r\n      const fieldConfig = config.validation?.[fieldKey]\r\n      if (fieldConfig) {\r\n        acc[fieldKey] = new FormValidator({ [fieldKey]: fieldConfig } as IFormValidatorConfig<Partial<TFieldModelValid<T>>>)\r\n      }\r\n      return acc\r\n    },\r\n    {} as Record<TFieldType<T>, FormValidator<Partial<TFieldModelValid<T>>>>\r\n  )\r\n  return validateMaps\r\n}\r\n\r\n/**\r\n * Builds a map of form input components keyed by field name.\r\n * If a field defines a custom `FormComponent`, that is used; otherwise falls back to\r\n * the default `createFormFieldString()` free-text component.\r\n *\r\n * @internal\r\n */\r\nfunction generateFormInputMap<T>(config: IFilterMenuConfig<T>) {\r\n  const { fields } = config\r\n  const keys = Object.keys(fields) as TFieldType<T>[]\r\n  const formInputMaps = keys.reduce(\r\n    (acc, key) => {\r\n      const fieldKey = key as TFieldType<T>\r\n      const fieldConfig = fields[fieldKey] as IFieldMenuConfig<T>\r\n      if (fieldConfig) {\r\n        acc[fieldKey] = fieldConfig.FormComponent ?? createFormFieldString()\r\n      }\r\n      return acc\r\n    },\r\n    {} as Record<TFieldType<T>, React.ComponentType<IFilterMenuFormProps<T>>>\r\n  )\r\n  return formInputMaps\r\n}\r\n\r\n/**\r\n * Normalises a raw `IFilterMenuConfig` into the internal format used by the menu:\r\n * - Injects the quick-search pseudo-field when `enableQuickSearch` is `true` (default)\r\n * - Stamps each field entry with its own `field` key\r\n * - Ensures every field has at least a `Required` validation rule\r\n *\r\n * @internal\r\n */\r\nfunction generateConfigs<T>(config: IFilterMenuConfig<T>): IFilterMenuConfigInternal<T> {\r\n  const { fields, validation, enableQuickSearch = true, ...rest } = config\r\n  const qsKey = KeySpecial.quickSearch\r\n\r\n  // Merge quick search field if enabled\r\n  const mergedFields: TFieldMenuConfigs<T> = { ...fields }\r\n  if (enableQuickSearch) {\r\n    const item = mergedFields[qsKey]\r\n    const label = item?.label ? item.label : mapSpecialLabel[qsKey]\r\n    const temp = Object.assign({}, mergedFields[qsKey], { field: qsKey, label, singleValue: true })\r\n    mergedFields[qsKey] = temp\r\n  } else {\r\n    delete mergedFields[qsKey]\r\n  }\r\n\r\n  const keys = Object.keys(mergedFields) as TFieldType<T>[]\r\n  const finalFields = keys.reduce<TFieldMenuConfigsInternal<T>>((acc, key) => {\r\n    const fieldConfig = mergedFields[key]\r\n    if (!fieldConfig) return acc\r\n    acc[key] = { ...fieldConfig, field: key }\r\n    return acc\r\n  }, {} as TFieldMenuConfigsInternal<T>)\r\n\r\n  // Merge validation config with default required rule\r\n  const mergedValidation: IFormValidatorConfig<Partial<TFieldModelValid<T>>> = { ...validation }\r\n  keys.forEach((key) => {\r\n    const item: IConfigValue<Partial<TFieldModelValid<T>>> | undefined = mergedValidation[key]\r\n    const label = item?.label ?? mergedFields[key]?.label ?? key.toString()\r\n    if (!item) {\r\n      mergedValidation[key] = { Rules: [{ rule: SingleRuleValidate.Required }], label }\r\n    } else if (!item.Rules.some((r) => r.rule === SingleRuleValidate.Required)) {\r\n      item.label = label\r\n      item.Rules.push({ rule: SingleRuleValidate.Required })\r\n    }\r\n  })\r\n\r\n  return { ...rest, fields: finalFields, validation: mergedValidation, enableQuickSearch }\r\n}\r\n// #endregion\r\n\r\n// #region main\r\n/**\r\n * Factory function that creates a `FilterMenu` component from a static field configuration.\r\n *\r\n * The generated component renders a badge icon button that opens a popper panel with:\r\n * - A **field list** view — lists all configured filter fields with applied-value counts\r\n * - A **field form** view — renders the appropriate input component for the selected field\r\n * - A **quick-search** field (opt-out via `enableQuickSearch: false`)\r\n * - OR / AND logic toggle support per field\r\n * - \"Clear All\" action to reset all active filters at once\r\n *\r\n * All state (open/close, selected field) is local; filter values are read/written through\r\n * `FilterBarContext` via `useFilterActions`.\r\n *\r\n * @param config - Static filter-menu configuration (fields, validation, slots, etc.)\r\n * @returns A React FC ready to be dropped anywhere inside a `FilterBarProvider`\r\n */\r\nexport function createFilterMenu<T>(config: IFilterMenuConfig<T>) {\r\n  const classes = filterMenuClasses\r\n  const mergedConfigs = generateConfigs(config)\r\n  const validateMaps = generateValidatorMap(mergedConfigs)\r\n  const formInputMaps = generateFormInputMap(mergedConfigs)\r\n  const quickSearchHint = config.quickSearchHint\r\n\r\n  // Component\r\n  const FilterMenu: FC<IFilterMenuProps<T>> = (props) => {\r\n    const refButton = createRef<HTMLButtonElement>()\r\n\r\n    const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\r\n    const isOpen = Boolean(anchorEl)\r\n\r\n    const context = useContext(FilterBarContext) as IFilterBarContext<T>\r\n    const filterActions = useFilterActions<T>(context)\r\n\r\n    const [fieldSelected, setFieldSelected] = useState<TFieldType<T> | null>(null)\r\n\r\n    const mergedSlots = useMemo<IFilterMenuSlots>(() => {\r\n      const { popperProps, rootProps } = config\r\n      return Object.assign({}, { popperProps, rootProps }, props.slots)\r\n    }, [config, props.slots])\r\n\r\n    const handleClose = () => {\r\n      setAnchorEl(null)\r\n      setTimeout(() => {\r\n        setFieldSelected(null)\r\n      }, 300)\r\n    }\r\n\r\n    const handleOpen = () => {\r\n      setFieldSelected(null)\r\n      setAnchorEl(refButton.current)\r\n    }\r\n\r\n    const handleMenuItemClick = (field: TFieldType<T>) => {\r\n      setFieldSelected(field)\r\n    }\r\n\r\n    const handleClearAll = () => {\r\n      filterActions.clearAllFilters()\r\n      handleClose()\r\n    }\r\n\r\n    const handleSubmit = async (key: TFieldType<T>, value?: TFieldValue, config?: IFieldMenuConfig<T>) => {\r\n      if (!value) return\r\n      if (config?.singleValue) {\r\n        filterActions.replaceFilter(key, value, { logic: value.logic })\r\n      } else {\r\n        filterActions.upsertManyFilter(key, value, { logic: value.logic })\r\n      }\r\n    }\r\n\r\n    const data = useMemo(() => {\r\n      const keys = Object.values(mergedConfigs.fields)\r\n      return Array.from(keys) as IFieldMenuConfig<T>[]\r\n    }, [mergedConfigs.fields])\r\n\r\n    const renderContent = () => {\r\n      if (data.length === 0) {\r\n        return <FilterMenuNoField onClose={handleClose} />\r\n      }\r\n      const currentConfig = fieldSelected ? mergedConfigs.fields[fieldSelected] : undefined\r\n\r\n      if (fieldSelected && currentConfig) {\r\n        const FormComponent = formInputMaps[fieldSelected] as React.ComponentType<IFilterMenuFormProps<T>>\r\n        if (!FormComponent) return null\r\n\r\n        const config: IFieldMenuConfig<T> = { ...currentConfig }\r\n        // Remove FormComponent from config before passing to form, as it's not needed there and can cause unnecessary re-renders\r\n        if (config?.FormComponent) delete config.FormComponent\r\n\r\n        const value = context.filterState.storeFilter?.[fieldSelected]\r\n        return (\r\n          <FormComponent\r\n            currentConfig={config}\r\n            value={value}\r\n            isLoading={context.isLoading}\r\n            onRemove={filterActions.removeFilterByFieldValue}\r\n            validator={validateMaps[fieldSelected]}\r\n            onSubmit={handleSubmit}\r\n            onClose={handleClose}\r\n            onRemoveField={(f) => filterActions.removeFilter(f)}\r\n            onBack={() => setFieldSelected(null)}\r\n          />\r\n        )\r\n      }\r\n\r\n      return (\r\n        <PopperContent title='Filter by' onClose={handleClose}>\r\n          <MenuListCustom className={classes.menu}>\r\n            {data.map((item) => {\r\n              const key = item.field.toString()\r\n              if (!key) return null\r\n              const info = filterActions.getFieldInfo(item.field)\r\n              const note = info?.values.join(', ') ?? ''\r\n              const fieldCount = info ? info.values.length : 0\r\n              const suffix = fieldCount > 0 ? ` (${fieldCount})` : ''\r\n              const label = item.label ?? key.toString()\r\n              let tooltipTitle = fieldCount > 0 ? `Filter by ${label}: ${note}` : undefined\r\n              if (item.field === KeySpecial.quickSearch) {\r\n                const txt = mapSpecialTexts.qsTooltip\r\n                tooltipTitle = typeof quickSearchHint === 'function' ? quickSearchHint(txt) : (quickSearchHint ?? txt)\r\n              } else if (item.tooltip) {\r\n                const tooltip = typeof item.tooltip === 'function' ? item.tooltip(info?.values) : item.tooltip\r\n                tooltipTitle = (info?.values.length ?? 0) > 0 ? tooltip : undefined\r\n              }\r\n              return (\r\n                <MenuItem\r\n                  key={key}\r\n                  className={classes.menuItem}\r\n                  sx={{ justifyContent: 'space-between' }}\r\n                  onClick={() => handleMenuItemClick(item.field)}\r\n                >\r\n                  <Tooltip title={tooltipTitle} placement='right' arrow>\r\n                    <div className={classes.menuItemInner}>\r\n                      <Typography variant='body2'>{label}</Typography>\r\n                      <Typography variant='caption' sx={{ ml: 1, color: 'text.secondary' }}>\r\n                        {suffix}\r\n                      </Typography>\r\n                    </div>\r\n                  </Tooltip>\r\n                </MenuItem>\r\n              )\r\n            })}\r\n          </MenuListCustom>\r\n          <PopperFooter>\r\n            <Button color='error' disabled={filterCount === 0} onClick={handleClearAll}>\r\n              Clear All\r\n            </Button>\r\n          </PopperFooter>\r\n        </PopperContent>\r\n      )\r\n    }\r\n\r\n    const filterCount = filterActions.getTotalCount()\r\n    const iconTitle = `${filterCount} Filter${filterCount !== 1 ? 's' : ''}`\r\n    return (\r\n      <ClickAwayListener onClickAway={handleClose}>\r\n        <FilterInputStyled className={classes.root} {...mergedSlots.rootProps}>\r\n          <Tooltip title={iconTitle} arrow placement='top'>\r\n            <IconButton size='small' ref={refButton} onClick={handleOpen}>\r\n              <Badge badgeContent={filterCount} color='primary' invisible={filterCount === 0}>\r\n                <FilterListIcon fontSize='small' />\r\n              </Badge>\r\n            </IconButton>\r\n          </Tooltip>\r\n          <PopperCustom open={isOpen} anchorEl={anchorEl} placement='bottom' transition disablePortal {...mergedSlots.popperProps}>\r\n            {renderContent()}\r\n          </PopperCustom>\r\n        </FilterInputStyled>\r\n      </ClickAwayListener>\r\n    )\r\n  }\r\n  return FilterMenu\r\n}\r\n// #endregion\r\n\r\n// #region styles\r\n/** CSS class names used by the `FilterMenu` component for external style overrides. */\r\nexport const filterMenuClasses = {\r\n  root: 'DinoFilterMenu-root',\r\n  input: 'DinoFilterMenu-input',\r\n  beforeInput: 'DinoFilterMenu-beforeInput',\r\n  menu: 'DinoFilterMenu-menu',\r\n  menuItem: 'DinoFilterMenu-menuItem',\r\n  menuItemInner: 'DinoFilterMenu-menuItemInner'\r\n}\r\n\r\nconst FilterInputStyled = styled(Box)({\r\n  [`&.${filterMenuClasses.root}`]: {\r\n    display: 'inline-flex',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    flex: '0 0 auto'\r\n  }\r\n})\r\n\r\nconst MenuListCustom = styled(MenuList)({\r\n  [`.${filterMenuClasses.menuItem}`]: { paddingTop: 0, paddingBottom: 0 },\r\n  [`.${filterMenuClasses.menuItemInner}`]: {\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    alignItems: 'center',\r\n    width: '100%',\r\n    gap: '4px',\r\n    paddingTop: '6px',\r\n    paddingBottom: '6px'\r\n  }\r\n})\r\n// #endregion\r\n"],"names":["createFilterMenu","config","classes","filterMenuClasses","mergedConfigs","fields","validation","_config$enableQuickSe","enableQuickSearch","rest","_objectWithoutProperties","_excluded","qsKey","KeySpecial","quickSearch","mergedFields","_objectSpread","item","label","mapSpecialLabel","temp","Object","assign","field","singleValue","keys","finalFields","reduce","acc","key","fieldConfig","mergedValidation","forEach","_ref","_item$label","_mergedFields$key","toString","Rules","some","r","rule","SingleRuleValidate","Required","push","generateConfigs","validateMaps","_config$validation","fieldKey","FormValidator","_defineProperty","generateValidatorMap","formInputMaps","_fieldConfig$FormComp","FormComponent","createFormFieldString","generateFormInputMap","quickSearchHint","props","refButton","createRef","_useState","useState","_useState2","_slicedToArray","anchorEl","setAnchorEl","isOpen","Boolean","context","useContext","FilterBarContext","filterActions","useFilterActions","_useState3","_useState4","fieldSelected","setFieldSelected","mergedSlots","useMemo","popperProps","rootProps","slots","handleClose","setTimeout","handleClearAll","clearAllFilters","handleSubmit","_ref2","_asyncToGenerator","_regenerator","m","_callee","value","w","_context","n","a","replaceFilter","logic","upsertManyFilter","_x","_x2","_x3","apply","this","arguments","data","values","Array","from","filterCount","getTotalCount","iconTitle","concat","_jsx","ClickAwayListener","onClickAway","children","_jsxs","FilterInputStyled","className","root","Tooltip","title","arrow","placement","IconButton","size","ref","onClick","current","Badge","badgeContent","color","invisible","FilterListIcon","fontSize","PopperCustom","open","transition","disablePortal","length","FilterMenuNoField","onClose","currentConfig","undefined","_context$filterState$","filterState","storeFilter","isLoading","onRemove","removeFilterByFieldValue","validator","onSubmit","onRemoveField","f","removeFilter","onBack","PopperContent","MenuListCustom","menu","map","_info$values$join","_item$label2","info","getFieldInfo","note","join","fieldCount","suffix","tooltipTitle","txt","mapSpecialTexts","qsTooltip","tooltip","_info$values$length","MenuItem","menuItem","sx","justifyContent","menuItemInner","Typography","variant","ml","PopperFooter","Button","disabled","renderContent","styled","Box","display","alignItems","flex","MenuList","paddingTop","paddingBottom","width","gap"],"mappings":"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"}

package/dist/src/filter-bar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/filter-bar/types.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n/**\r\n * @en\r\n * - Allowed primitive values for filter fields.\r\n * - Runtime types: string, number, boolean.\r\n * - Use ISO date strings or a discriminated union if date/serialization handling is needed.\r\n * @vi\r\n * - Gia tri nguyen thuy hop le cho cac field filter.\r\n * - Kieu runtime: string, number, boolean.\r\n * - Neu can xu ly Date qua mang/serialize thi dung chuoi ISO hoac discriminated union.\r\n */\r\nexport type TFieldValid = string | number | boolean\r\n/**\r\n * @en\r\n * - Special UI-only filter keys (e.g. quickSearch).\r\n * - Kept as const so `TypeScript` preserves literal types.\r\n * @vi\r\n * - Khoa filter dac biet cho UI (vi dụ: quickSearch).\r\n * - Giu const de `TypeScript` giu literal types.\r\n */\r\nexport const KeySpecial = {\r\n  quickSearch: 'quickSearch',\r\n  sortShuffle: 'sortShuffle'\r\n} as const\r\nexport type KeySpecial = keyof typeof KeySpecial\r\n/**\r\n * @en\r\n * - Union of model field keys and special filter keys used by the filter system.\r\n * - Purpose: allow filters to reference either a model property or a special UI key.\r\n * @vi\r\n * - Tap hop cac khoa cua model va cac khoa filter dac biet cho he thong filter.\r\n * - Muc dich: cho phep filter tham chieu truong model hoac key UI dac biet.\r\n */\r\nexport type TFieldType<T> = keyof T | keyof typeof KeySpecial\r\n/**\r\n * @en\r\n * - Merge external model with special filter keys so filters can reference both.\r\n * - Purpose: extend a model type with UI special keys (e.g. quickSearch) for safe typing.\r\n * @vi\r\n * - Gop model ngoai voi cac key filter dac biet de filter co the tham chieu ca hai.\r\n * - Muc dich: mo rong kieu model de chua cac key UI (vd quickSearch) de type an toan.\r\n */\r\nexport type TFieldModelValid<T> = T & Record<keyof typeof KeySpecial, any>\r\n\r\n/**\r\n * @en Sorting direction for fields.\r\n * @vi Huong sap xep cho cac truong.\r\n */\r\nexport type TDirection = 'asc' | 'desc'\r\n/**\r\n * @en Interface for defining sorting behavior on a field.\r\n * @vi Giao dien de dinh nghia cach sap xep tren mot truong.\r\n */\r\nexport type TFieldSort<T> = {\r\n  field: TFieldType<T>\r\n  /** Sorting direction. Optional. Default is 'desc'. */\r\n  direction?: TDirection\r\n}\r\n/**\r\n * @en Definition of core types for the filter bar system, including filter values, field types, and overall filter state structure.\r\n * @vi Dinh nghia cac kieu co ban cho he thong filter bar, bao gom gia tri filter, kieu field va cau truc tong the cua filter state.\r\n */\r\nexport type TLogic = 'and' | 'or'\r\n/**\r\n * @en\r\n * - Structure for storing filter values and their logical relationship (AND/OR) for each field.\r\n * @vi\r\n * - Cau truc de luu tru cac gia tri filter va moi quan he logic (AND/OR) cho moi field.\r\n */\r\nexport type TFieldValue = {\r\n  /** Logical operator for combining values within this field. Default is 'and'. */\r\n  logic?: TLogic\r\n  values: TFieldValid[]\r\n}\r\n/**\r\n * @en\r\n * - Type for storing active filters in the filter state, mapping field keys to their filter values.\r\n * @vi\r\n * - Kieu de luu tru cac filter dang hoat dong trong filter state, map cac khoa field voi gia tri filter cua chung.\r\n */\r\nexport type TFieldStore<T> = Partial<Record<TFieldType<T>, TFieldValue>>\r\n/**\r\n * @en\r\n * - Overall filter state structure, including the logical operator for combining filters and optional storage for active filters and sorting.\r\n * @vi\r\n * - Cau truc tong the cho filter state, bao gom toan tu logic de ket hop cac filter va luu tru tuy chon cho cac filter dang hoat dong va sap xep.\r\n */\r\nexport type TFilterState<T> = {\r\n  /** Logical operator for combining filters. Default is 'and'. */\r\n  filterLogic?: TLogic\r\n  storeFilter?: TFieldStore<T>\r\n  storeSort?: TFieldSort<T>\r\n}\r\n"],"names":["KeySpecial","quickSearch","sortShuffle"],"mappings":"AAqBO,IAAMA,EAAa,CACxBC,YAAa,cACbC,YAAa"}
+{"version":3,"file":"types.js","sources":["../../../src/filter-bar/types.ts"],"sourcesContent":["// Copyright (c) 2024-present, Dinocollab Technologies, Inc. and its affiliates. All rights reserved.\r\n\r\n/**\r\n * @en\r\n * - Allowed primitive values for filter fields.\r\n * - Runtime types: string, number, boolean.\r\n * - Use ISO date strings or a discriminated union if date/serialization handling is needed.\r\n * @vi\r\n * - Gia tri nguyen thuy hop le cho cac field filter.\r\n * - Kieu runtime: string, number, boolean.\r\n * - Neu can xu ly Date qua mang/serialize thi dung chuoi ISO hoac discriminated union.\r\n */\r\nexport type TFieldValid = string | number | boolean\r\n/**\r\n * @en\r\n * - Special UI-only filter keys (e.g. quickSearch).\r\n * - Kept as const so `TypeScript` preserves literal types.\r\n * @vi\r\n * - Khoa filter dac biet cho UI (vi dụ: quickSearch).\r\n * - Giu const de `TypeScript` giu literal types.\r\n */\r\nexport const KeySpecial = {\r\n  quickSearch: 'quickSearch',\r\n  sortShuffle: 'sortShuffle'\r\n} as const\r\nexport type KeySpecial = keyof typeof KeySpecial\r\n/**\r\n * @en\r\n * - Union of model field keys and special filter keys used by the filter system.\r\n * - Purpose: allow filters to reference either a model property or a special UI key.\r\n * @vi\r\n * - Tap hop cac khoa cua model va cac khoa filter dac biet cho he thong filter.\r\n * - Muc dich: cho phep filter tham chieu truong model hoac key UI dac biet.\r\n */\r\nexport type TFieldType<T> = keyof T | keyof typeof KeySpecial\r\n/**\r\n * @en\r\n * - Merge external model with special filter keys so filters can reference both.\r\n * - Purpose: extend a model type with UI special keys (e.g. quickSearch) for safe typing.\r\n * @vi\r\n * - Gop model ngoai voi cac key filter dac biet de filter co the tham chieu ca hai.\r\n * - Muc dich: mo rong kieu model de chua cac key UI (vd quickSearch) de type an toan.\r\n */\r\nexport type TFieldModelValid<T> = T & Record<keyof typeof KeySpecial, any>\r\n\r\n/**\r\n * @en Sorting direction for fields.\r\n * @vi Huong sap xep cho cac truong.\r\n */\r\nexport type TDirection = 'asc' | 'desc'\r\n/**\r\n * @en Interface for defining sorting behavior on a field.\r\n * @vi Giao dien de dinh nghia cach sap xep tren mot truong.\r\n */\r\nexport type TFieldSort<T> = {\r\n  field: TFieldType<T>\r\n  /** Sorting direction. Optional. Default is 'desc'. */\r\n  direction?: TDirection\r\n}\r\n/**\r\n * @en Definition of core types for the filter bar system, including filter values, field types, and overall filter state structure.\r\n * @vi Dinh nghia cac kieu co ban cho he thong filter bar, bao gom gia tri filter, kieu field va cau truc tong the cua filter state.\r\n */\r\nexport type TLogic = 'and' | 'or'\r\n\r\nexport type TDateLogic = 'before' | 'after' | 'on' | 'range'\r\n/**\r\n * @en\r\n * - Structure for storing filter values and their logical relationship (AND/OR) for each field.\r\n * @vi\r\n * - Cau truc de luu tru cac gia tri filter va moi quan he logic (AND/OR) cho moi field.\r\n */\r\nexport type TFieldValue = {\r\n  /** Logical operator for combining values within this field. Default is 'and'. */\r\n  logic?: TLogic\r\n  /** Logical operator for date-specific filtering. Optional. */\r\n  dateLogic?: TDateLogic\r\n  values: TFieldValid[]\r\n}\r\n/**\r\n * @en\r\n * - Type for storing active filters in the filter state, mapping field keys to their filter values.\r\n * @vi\r\n * - Kieu de luu tru cac filter dang hoat dong trong filter state, map cac khoa field voi gia tri filter cua chung.\r\n */\r\nexport type TFieldStore<T> = Partial<Record<TFieldType<T>, TFieldValue>>\r\n/**\r\n * @en\r\n * - Overall filter state structure, including the logical operator for combining filters and optional storage for active filters and sorting.\r\n * @vi\r\n * - Cau truc tong the cho filter state, bao gom toan tu logic de ket hop cac filter va luu tru tuy chon cho cac filter dang hoat dong va sap xep.\r\n */\r\nexport type TFilterState<T> = {\r\n  /** Logical operator for combining filters. Default is 'and'. */\r\n  filterLogic?: TLogic\r\n  storeFilter?: TFieldStore<T>\r\n  storeSort?: TFieldSort<T>\r\n}\r\n"],"names":["KeySpecial","quickSearch","sortShuffle"],"mappings":"AAqBO,IAAMA,EAAa,CACxBC,YAAa,cACbC,YAAa"}

package/dist/src/form/create.form-grid-layout.units.js

@@ -1,2 +1,2 @@
-import{defineProperty as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{styled as i,Box as e,colors as a,Button as n}from"@mui/material";var m={root:"DinoFormGridLayout-root",form:"DinoFormGridLayout-form",bottomBar:"DinoFormGridLayout-bottomBar",autoHeight:"DinoFormGridLayout-autoHeight"},p=i(e)(function(t){var r=t.theme;return o({padding:r.spacing(2,1.5,0),maxHeight:"calc(100vh - ".concat(120,"px)"),overflowY:"auto",overflowX:"hidden"},"&.".concat(m.autoHeight),{maxHeight:"none",height:"fit-content",overflow:"visible"})});function l(){return function(o){return t(u,{className:m.bottomBar,children:[r(e,{sx:{flex:1},children:o.before}),r(n,{variant:"contained",type:"submit",size:"small",children:"Submit"})]})}}var u=i(e)({display:"flex",alignItems:"center",padding:"0 12px",boxShadow:"rgba(145, 158, 171, 0.2) 0px 0px 2px 0px,rgba(145, 158, 171, 0.12) 0px 12px 24px -4px",position:"sticky",bottom:0,backgroundColor:a.common.white,zIndex:1,height:"48px"});export{l as CreateFormBottomBar,u as FormBottomBarWrap,p as FormGridLayoutStyled,m as formGridLayoutClasses};
+import{defineProperty as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{styled as e,Box as i,Button as a}from"@mui/material";var n={root:"DinoFormGridLayout-root",form:"DinoFormGridLayout-form",bottomBar:"DinoFormGridLayout-bottomBar",autoHeight:"DinoFormGridLayout-autoHeight"},m=e(i)(function(t){var r=t.theme;return o({padding:r.spacing(2,1.5,0),maxHeight:"calc(100vh - ".concat(120,"px)"),overflowY:"auto",overflowX:"hidden"},"&.".concat(n.autoHeight),{maxHeight:"none",height:"fit-content",overflow:"visible"})});function p(){return function(o){return t(u,{className:n.bottomBar,children:[r(i,{sx:{flex:1},children:o.before}),r(a,{variant:"contained",type:"submit",size:"small",children:"Submit"})]})}}var u=e(i)(function(o){return{display:"flex",alignItems:"center",padding:"0 12px",boxShadow:"rgba(145, 158, 171, 0.2) 0px 0px 2px 0px,rgba(145, 158, 171, 0.12) 0px 12px 24px -4px",position:"sticky",bottom:0,backgroundColor:o.theme.palette.background.paper,zIndex:1,height:"48px"}});export{p as CreateFormBottomBar,u as FormBottomBarWrap,m as FormGridLayoutStyled,n as formGridLayoutClasses};
 //# sourceMappingURL=create.form-grid-layout.units.js.map

package/dist/src/form/create.form-grid-layout.units.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.form-grid-layout.units.js","sources":["../../../src/form/create.form-grid-layout.units.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react'\r\nimport { Box, Button, colors, styled } from '@mui/material'\r\nimport { IFormBase } from './types'\r\n\r\nexport const formGridLayoutClasses = {\r\n  root: 'DinoFormGridLayout-root',\r\n  form: 'DinoFormGridLayout-form',\r\n  bottomBar: 'DinoFormGridLayout-bottomBar',\r\n  // status\r\n  autoHeight: 'DinoFormGridLayout-autoHeight'\r\n}\r\n\r\nexport const FormGridLayoutStyled = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 1.5, 0),\r\n  maxHeight: `calc(100vh - ${48 * 2 + 12 * 2}px)`,\r\n  overflowY: 'auto',\r\n  overflowX: 'hidden',\r\n  [`&.${formGridLayoutClasses.autoHeight}`]: {\r\n    maxHeight: 'none',\r\n    height: 'fit-content',\r\n    overflow: 'visible'\r\n  }\r\n}))\r\n\r\nexport interface IFormBottomBarProps<T> extends IFormBase<T> {\r\n  before?: ReactNode\r\n}\r\n\r\nexport function CreateFormBottomBar<T>() {\r\n  const FormBottomBar: FC<IFormBottomBarProps<T>> = (props) => (\r\n    <FormBottomBarWrap className={formGridLayoutClasses.bottomBar}>\r\n      <Box sx={{ flex: 1 }}>{props.before}</Box>\r\n      <Button variant='contained' type='submit' size='small'>\r\n        Submit\r\n      </Button>\r\n    </FormBottomBarWrap>\r\n  )\r\n  return FormBottomBar\r\n}\r\n\r\nexport const FormBottomBarWrap = styled(Box)({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  padding: '0 12px',\r\n  boxShadow: 'rgba(145, 158, 171, 0.2) 0px 0px 2px 0px,rgba(145, 158, 171, 0.12) 0px 12px 24px -4px',\r\n  position: 'sticky',\r\n  bottom: 0,\r\n  backgroundColor: colors.common.white,\r\n  zIndex: 1,\r\n  height: '48px'\r\n})\r\n"],"names":["formGridLayoutClasses","root","form","bottomBar","autoHeight","FormGridLayoutStyled","styled","Box","_ref","theme","_defineProperty","padding","spacing","maxHeight","concat","overflowY","overflowX","height","overflow","CreateFormBottomBar","props","_jsxs","FormBottomBarWrap","className","children","_jsx","sx","flex","before","Button","variant","type","size","display","alignItems","boxShadow","position","bottom","backgroundColor","colors","common","white","zIndex"],"mappings":"uMAIO,IAAMA,EAAwB,CACnCC,KAAM,0BACNC,KAAM,0BACNC,UAAW,+BAEXC,WAAY,iCAGDC,EAAuBC,EAAOC,EAAPD,CAAY,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAA,CACtDC,QAASF,EAAMG,QAAQ,EAAG,IAAK,GAC/BC,UAAS,gBAAAC,OAAkB,IAAoB,OAC/CC,UAAW,OACXC,UAAW,UAAQ,KAAAF,OACbd,EAAsBI,YAAe,CACzCS,UAAW,OACXI,OAAQ,cACRC,SAAU,WACX,YAOaC,IASd,OARkD,SAACC,GAAK,OACtDC,EAACC,EAAiB,CAACC,UAAWvB,EAAsBG,UAClDqB,SAAA,CAAAC,EAAClB,EAAI,CAAAmB,GAAI,CAAEC,KAAM,GAAGH,SAAGJ,EAAMQ,SAC7BH,EAACI,EAAM,CAACC,QAAQ,YAAYC,KAAK,SAASC,KAAK,QAAOR,SAAA,aAIzD,CAEH,KAEaF,EAAoBhB,EAAOC,EAAPD,CAAY,CAC3C2B,QAAS,OACTC,WAAY,SACZvB,QAAS,SACTwB,UAAW,wFACXC,SAAU,SACVC,OAAQ,EACRC,gBAAiBC,EAAOC,OAAOC,MAC/BC,OAAQ,EACRzB,OAAQ"}
+{"version":3,"file":"create.form-grid-layout.units.js","sources":["../../../src/form/create.form-grid-layout.units.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react'\r\nimport { Box, Button, colors, styled } from '@mui/material'\r\nimport { IFormBase } from './types'\r\n\r\nexport const formGridLayoutClasses = {\r\n  root: 'DinoFormGridLayout-root',\r\n  form: 'DinoFormGridLayout-form',\r\n  bottomBar: 'DinoFormGridLayout-bottomBar',\r\n  // status\r\n  autoHeight: 'DinoFormGridLayout-autoHeight'\r\n}\r\n\r\nexport const FormGridLayoutStyled = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 1.5, 0),\r\n  maxHeight: `calc(100vh - ${48 * 2 + 12 * 2}px)`,\r\n  overflowY: 'auto',\r\n  overflowX: 'hidden',\r\n  [`&.${formGridLayoutClasses.autoHeight}`]: {\r\n    maxHeight: 'none',\r\n    height: 'fit-content',\r\n    overflow: 'visible'\r\n  }\r\n}))\r\n\r\nexport interface IFormBottomBarProps<T> extends IFormBase<T> {\r\n  before?: ReactNode\r\n}\r\n\r\nexport function CreateFormBottomBar<T>() {\r\n  const FormBottomBar: FC<IFormBottomBarProps<T>> = (props) => (\r\n    <FormBottomBarWrap className={formGridLayoutClasses.bottomBar}>\r\n      <Box sx={{ flex: 1 }}>{props.before}</Box>\r\n      <Button variant='contained' type='submit' size='small'>\r\n        Submit\r\n      </Button>\r\n    </FormBottomBarWrap>\r\n  )\r\n  return FormBottomBar\r\n}\r\n\r\nexport const FormBottomBarWrap = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  padding: '0 12px',\r\n  boxShadow: 'rgba(145, 158, 171, 0.2) 0px 0px 2px 0px,rgba(145, 158, 171, 0.12) 0px 12px 24px -4px',\r\n  position: 'sticky',\r\n  bottom: 0,\r\n  backgroundColor: theme.palette.background.paper,\r\n  zIndex: 1,\r\n  height: '48px'\r\n}))\r\n"],"names":["formGridLayoutClasses","root","form","bottomBar","autoHeight","FormGridLayoutStyled","styled","Box","_ref","theme","_defineProperty","padding","spacing","maxHeight","concat","overflowY","overflowX","height","overflow","CreateFormBottomBar","props","_jsxs","FormBottomBarWrap","className","children","_jsx","sx","flex","before","Button","variant","type","size","_ref3","display","alignItems","boxShadow","position","bottom","backgroundColor","palette","background","paper","zIndex"],"mappings":"2LAIO,IAAMA,EAAwB,CACnCC,KAAM,0BACNC,KAAM,0BACNC,UAAW,+BAEXC,WAAY,iCAGDC,EAAuBC,EAAOC,EAAPD,CAAY,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAA,CACtDC,QAASF,EAAMG,QAAQ,EAAG,IAAK,GAC/BC,UAAS,gBAAAC,OAAkB,IAAoB,OAC/CC,UAAW,OACXC,UAAW,UAAQ,KAAAF,OACbd,EAAsBI,YAAe,CACzCS,UAAW,OACXI,OAAQ,cACRC,SAAU,WACX,YAOaC,IASd,OARkD,SAACC,GAAK,OACtDC,EAACC,EAAiB,CAACC,UAAWvB,EAAsBG,UAClDqB,SAAA,CAAAC,EAAClB,EAAI,CAAAmB,GAAI,CAAEC,KAAM,GAAGH,SAAGJ,EAAMQ,SAC7BH,EAACI,EAAM,CAACC,QAAQ,YAAYC,KAAK,SAASC,KAAK,QAAOR,SAAA,aAIzD,CAEH,CAEO,IAAMF,EAAoBhB,EAAOC,EAAPD,CAAY,SAAA2B,GAAQ,MAAQ,CAC3DC,QAAS,OACTC,WAAY,SACZxB,QAAS,SACTyB,UAAW,wFACXC,SAAU,SACVC,OAAQ,EACRC,gBAPmDN,EAALxB,MAOvB+B,QAAQC,WAAWC,MAC1CC,OAAQ,EACR1B,OAAQ,OACT"}

package/dist/src/table/create.table.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as o,defineProperty as i,inherits as r,createClass as a,classCallCheck as t,callSuper as l,toConsumableArray as n}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as s}from"react/jsx-runtime";import{Component as d,Fragment as u}from"react";import{styled as p,Box as c}from"@mui/material";import{DataGrid as g}from"@mui/x-data-grid";import{mergeObjects as m}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{TableBaseContext as h}from"./context.js";import{customFilterOperators as f}from"./custom.filter-operators.js";import v,{dinoTableClasses as b}from"./helpers.js";import y from"./toolbar-pannel.js";import{GlobalModal as C,mapGlobalModalContext as P}from"../api-context/global-modal.js";var w=["children"];function S(e){return function(){function p(r){var a;return t(this,p),a=l(this,p,[r]),i(a,"setTableQueryParams",function(e){a.tableQueryParams=m({},a.tableQueryParams,e)}),i(a,"renderWrapContext",function(o){var i=e.disableGlobalModalProvider?u:C;return s(i,{children:P(function(e){return s(h.Provider,{value:{showModal:e.show,closeModal:e.close},children:o})})})}),i(a,"getDataGridProps",function(){var o,i,r,t,l=v.mapInitialState(a.props.query,{columns:{columnVisibilityModel:e.columnVisibilityModel}}),n={getRowId:e.getRowId,initialState:l,columns:a.columns,rows:null!==(o=null===(i=a.props.data)||void 0===i?void 0:i.items)&&void 0!==o?o:[],checkboxSelection:!0,pagination:!0,density:null!==(r=null===(t=a.props.slots)||void 0===t?void 0:t.density)&&void 0!==r?r:"standard",filterDebounceMs:800,sx:{border:0},slots:{toolbar:a.mergeConfig.toolbar},rowSelectionModel:a.rowSelecteds,onRowSelectionModelChange:a.handleRowSelectionChange};if("server"===e.featureMode){var s,d,u={filterMode:"server",sortingMode:"server",paginationMode:"server",onPaginationModelChange:a.onPaginationModelChange,onFilterModelChange:a.onFilterModelChange,onSortModelChange:a.onSortModelChange,rowCount:null!==(s=null===(d=a.props.data)||void 0===d?void 0:d.rowTotal)&&void 0!==s?s:0,paginationModel:a.tableQueryParams.pagination,filterModel:a.tableQueryParams.filter,sortModel:v.mapSortModel(a.tableQueryParams.sort),loading:a.mergeConfig.loading};Object.assign(n,u)}return m(n,a.mergeConfig.dataGridProps)}),i(a,"initialColumns",function(){var i,r,t=a.mergeConfig,l=t.ActionRow,d=t.disableActionRow,u=[];return l&&!0!==d&&u.push(o({field:"Actions",minWidth:100,headerAlign:"right",align:"right",filterable:!1,sortable:!1,disableExport:!0,renderCell:function(e){return s(l,{value:e.row})}},e.actionRow)),i=u,r=Object.keys(e.columns).map(function(i){var r=o({field:i},e.columns[i]);return r.filterOperators=e.filterOperators?e.filterOperators(r):f(r),r}),i&&i.length>0&&r.push.apply(r,n(i)),r}),i(a,"onPaginationModelChange",function(e,o){a.mergeConfig.loading||(a.setTableQueryParams({pagination:e,detail:"pagination"}),a.handleChange())}),i(a,"onFilterModelChange",function(e,o){var i;if(!a.mergeConfig.loading){var r=a.tableQueryParams.pagination;a.setTableQueryParams({filter:e,pagination:{page:0,pageSize:null!==(i=null==r?void 0:r.pageSize)&&void 0!==i?i:25},detail:v.detectSearchType(e)}),a.handleChange()}}),i(a,"onSortModelChange",function(e,o){if(!a.mergeConfig.loading){var i,r,t,l,n,s=e,d=a.tableQueryParams.sort;if(null!=d&&d.length&&!s.length)if((null==d||null===(i=d[0])||void 0===i?void 0:i.field)===(null===(r=a.defaultTableQueryParams.sort)||void 0===r||null===(r=r[0])||void 0===r?void 0:r.field))s=[{field:null===(t=d[0])||void 0===t?void 0:t.field,sort:"desc"===(null===(l=d[0])||void 0===l?void 0:l.sort)?"asc":"desc"}];else s=null!==(n=a.defaultTableQueryParams.sort)&&void 0!==n?n:[];a.setTableQueryParams({sort:s,detail:"sort"}),a.handleChange()}}),i(a,"handleChange",function(){a.changeTimeout&&clearTimeout(a.changeTimeout),a.changeTimeout=setTimeout(function(){a.props.onChange&&a.props.onChange(a.tableQueryParams)},300)}),i(a,"handleRowSelectionChange",function(e,o){a.mergeConfig.maxSelcion&&e.length>a.mergeConfig.maxSelcion?a.rowSelecteds=e.slice(0,a.mergeConfig.maxSelcion):a.rowSelecteds=e,a.props.onRowSelectionChange&&a.props.onRowSelectionChange(a.rowSelecteds,o),a.forceUpdate()}),a.columns=a.initialColumns(),a.tableQueryParams=o({},r.query),a.defaultTableQueryParams=a.tableQueryParams,a.rowSelecteds=[],a}return r(p,d),a(p,[{key:"mergeConfig",get:function(){var i,r,a,t,l,n,d,u,p,c,g=m({},null==e?void 0:e.toolbarProps,null===(i=this.props.slots)||void 0===i?void 0:i.toolbarProps);return{toolbar:null!==(r=null===(a=this.props.slots)||void 0===a?void 0:a.toolbar)&&void 0!==r?r:function(){return s(y,o({},g))},ActionRow:null===(t=this.props.slots)||void 0===t?void 0:t.actionRow,disableActionRow:e.disableActionRow,columnVisibilityModel:e.columnVisibilityModel,maxSelcion:null!==(l=null===(n=this.props.slots)||void 0===n?void 0:n.maxSelection)&&void 0!==l?l:e.maxSelection,dataGridProps:m({},e.dataGridProps,null===(d=this.props.slots)||void 0===d?void 0:d.dataGridProps),wrapProps:m({},e.wrapProps,null===(u=this.props.slots)||void 0===u?void 0:u.wrapProps),loading:null!==(p=void 0!==this.props.loading?this.props.loading:null===(c=this.tableQueryParams)||void 0===c?void 0:c.loading)&&void 0!==p&&p}}},{key:"componentWillUnmount",value:function(){this.changeTimeout&&clearTimeout(this.changeTimeout)}},{key:"shouldComponentUpdate",value:function(o){var i;return"server"!==e.featureMode||(v.equalTableQueryParams(o.query,this.props.query)?JSON.stringify(o.data)!==JSON.stringify(this.props.data)||o.loading!==this.props.loading:(this.setTableQueryParams(null!==(i=o.query)&&void 0!==i?i:{}),!0))}},{key:"render",value:function(){return this.renderWrapContext(s(M,o(o({},this.mergeConfig.wrapProps),{},{children:s(g,o({loading:this.props.loading},this.getDataGridProps()))})))}}])}()}var M=p(function(i){var r=i.children,a=e(i,w);return s(c,o(o({},a),{},{children:s("div",{children:r})}))})(i(i({flex:1,position:"relative","& > div":{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflowY:"auto"},".MuiDataGrid-root":{"--unstable_DataGrid-radius":0,overflow:"hidden"}},".MuiDataGrid-cell.".concat(b.whiteSpacePre," .MuiDataGrid-cellContent"),{whiteSpace:"pre"}),".MuiTablePagination-root p",{marginBottom:0}));export{S as CreateTable,S as default};
+import{inherits as e,createClass as o,objectSpread2 as r,classCallCheck as i,callSuper as a,defineProperty as t,toConsumableArray as l}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import{Component as s,Fragment as d}from"react";import{DataGrid as u}from"@mui/x-data-grid";import{mergeObjects as p}from"../utils/helpers.js";import"../utils/dayjs-config.js";import"../utils/query-param.js";import{TableBaseContext as g}from"./context.js";import{customFilterOperators as m}from"./custom.filter-operators.js";import c from"./helpers.js";import f from"./toolbar-pannel.js";import{dinoTableClasses as h,TableStyled as v}from"./styled.js";import{GlobalModal as b,mapGlobalModalContext as y}from"../api-context/global-modal.js";function C(C){return function(){function P(e){var o;return i(this,P),o=a(this,P,[e]),t(o,"setTableQueryParams",function(e){o.tableQueryParams=p({},o.tableQueryParams,e)}),t(o,"renderWrapContext",function(e){var o=C.disableGlobalModalProvider?d:b;return n(o,{children:y(function(o){return n(g.Provider,{value:{showModal:o.show,closeModal:o.close},children:e})})})}),t(o,"getDataGridProps",function(){var e,r,i,a,t=c.mapInitialState(o.props.query,{columns:{columnVisibilityModel:C.columnVisibilityModel}}),l={getRowId:C.getRowId,initialState:t,columns:o.columns,rows:null!==(e=null===(r=o.props.data)||void 0===r?void 0:r.items)&&void 0!==e?e:[],checkboxSelection:!0,pagination:!0,density:null!==(i=null===(a=o.props.slots)||void 0===a?void 0:a.density)&&void 0!==i?i:"standard",filterDebounceMs:800,sx:{border:0},slots:{toolbar:o.mergeConfig.toolbar},rowSelectionModel:o.rowSelecteds,onRowSelectionModelChange:o.handleRowSelectionChange};if("server"===C.featureMode){var n,s,d={filterMode:"server",sortingMode:"server",paginationMode:"server",onPaginationModelChange:o.onPaginationModelChange,onFilterModelChange:o.onFilterModelChange,onSortModelChange:o.onSortModelChange,rowCount:null!==(n=null===(s=o.props.data)||void 0===s?void 0:s.rowTotal)&&void 0!==n?n:0,paginationModel:o.tableQueryParams.pagination,filterModel:o.tableQueryParams.filter,sortModel:c.mapSortModel(o.tableQueryParams.sort),loading:o.mergeConfig.loading};Object.assign(l,d)}return p(l,o.mergeConfig.dataGridProps)}),t(o,"initialColumns",function(){var e,i,a=o.mergeConfig,t=a.ActionRow,s=a.disableActionRow,d=[];return t&&!0!==s&&d.push(r({field:"Actions",minWidth:100,headerAlign:"right",align:"right",filterable:!1,sortable:!1,disableExport:!0,renderCell:function(e){return n(t,{value:e.row})}},C.actionRow)),e=d,i=Object.keys(C.columns).map(function(e){var o=r({field:e},C.columns[e]);return o.filterOperators=C.filterOperators?C.filterOperators(o):m(o),o}),e&&e.length>0&&i.push.apply(i,l(e)),i}),t(o,"onPaginationModelChange",function(e,r){o.mergeConfig.loading||(o.setTableQueryParams({pagination:e,detail:"pagination"}),o.handleChange())}),t(o,"onFilterModelChange",function(e,r){var i;if(!o.mergeConfig.loading){var a=o.tableQueryParams.pagination;o.setTableQueryParams({filter:e,pagination:{page:0,pageSize:null!==(i=null==a?void 0:a.pageSize)&&void 0!==i?i:25},detail:c.detectSearchType(e)}),o.handleChange()}}),t(o,"onSortModelChange",function(e,r){if(!o.mergeConfig.loading){var i,a,t,l,n,s=e,d=o.tableQueryParams.sort;if(null!=d&&d.length&&!s.length)if((null==d||null===(i=d[0])||void 0===i?void 0:i.field)===(null===(a=o.defaultTableQueryParams.sort)||void 0===a||null===(a=a[0])||void 0===a?void 0:a.field))s=[{field:null===(t=d[0])||void 0===t?void 0:t.field,sort:"desc"===(null===(l=d[0])||void 0===l?void 0:l.sort)?"asc":"desc"}];else s=null!==(n=o.defaultTableQueryParams.sort)&&void 0!==n?n:[];o.setTableQueryParams({sort:s,detail:"sort"}),o.handleChange()}}),t(o,"handleChange",function(){o.changeTimeout&&clearTimeout(o.changeTimeout),o.changeTimeout=setTimeout(function(){o.props.onChange&&o.props.onChange(o.tableQueryParams)},300)}),t(o,"handleRowSelectionChange",function(e,r){o.mergeConfig.maxSelcion&&e.length>o.mergeConfig.maxSelcion?o.rowSelecteds=e.slice(0,o.mergeConfig.maxSelcion):o.rowSelecteds=e,o.props.onRowSelectionChange&&o.props.onRowSelectionChange(o.rowSelecteds,r),o.forceUpdate()}),o.columns=o.initialColumns(),o.tableQueryParams=r({},e.query),o.defaultTableQueryParams=o.tableQueryParams,o.rowSelecteds=[],o}return e(P,s),o(P,[{key:"mergeConfig",get:function(){var e,o,i,a,t,l,s,d,u,g,m=p({},null==C?void 0:C.toolbarProps,null===(e=this.props.slots)||void 0===e?void 0:e.toolbarProps);return{toolbar:null!==(o=null===(i=this.props.slots)||void 0===i?void 0:i.toolbar)&&void 0!==o?o:function(){return n(f,r({},m))},ActionRow:null===(a=this.props.slots)||void 0===a?void 0:a.actionRow,disableActionRow:C.disableActionRow,columnVisibilityModel:C.columnVisibilityModel,maxSelcion:null!==(t=null===(l=this.props.slots)||void 0===l?void 0:l.maxSelection)&&void 0!==t?t:C.maxSelection,dataGridProps:p({},C.dataGridProps,null===(s=this.props.slots)||void 0===s?void 0:s.dataGridProps),wrapProps:p({},C.wrapProps,null===(d=this.props.slots)||void 0===d?void 0:d.wrapProps),loading:null!==(u=void 0!==this.props.loading?this.props.loading:null===(g=this.tableQueryParams)||void 0===g?void 0:g.loading)&&void 0!==u&&u}}},{key:"componentWillUnmount",value:function(){this.changeTimeout&&clearTimeout(this.changeTimeout)}},{key:"shouldComponentUpdate",value:function(e){var o;return"server"!==C.featureMode||(c.equalTableQueryParams(e.query,this.props.query)?JSON.stringify(e.data)!==JSON.stringify(this.props.data)||e.loading!==this.props.loading:(this.setTableQueryParams(null!==(o=e.query)&&void 0!==o?o:{}),!0))}},{key:"render",value:function(){var e,o=[h.root,null===(e=this.mergeConfig.wrapProps)||void 0===e?void 0:e.className];return this.renderWrapContext(n(v,r(r({},this.mergeConfig.wrapProps),{},{className:o.filter(function(e){return!!e}).join(" "),children:n(u,r({loading:this.props.loading},this.getDataGridProps()))})))}}])}()}export{C as CreateTable,C as default};
 //# sourceMappingURL=create.table.js.map

package/dist/src/table/create.table.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.table.js","sources":["../../../src/table/create.table.tsx"],"sourcesContent":["import { Component, Fragment } from 'react'\r\nimport { Box, BoxProps, styled } from '@mui/material'\r\nimport { DataGrid, DataGridProps, GridColDef, GridFeatureMode, GridFilterOperator } from '@mui/x-data-grid'\r\nimport { GridSortModel, GridValidRowModel, GridRowIdGetter, GridRowSelectionModel } from '@mui/x-data-grid'\r\nimport { GridCallbackDetails, GridColumnVisibilityModel, GridDensity, GridFilterModel, GridPaginationModel } from '@mui/x-data-grid'\r\nimport type { ComponentType, ReactNode } from 'react'\r\nimport { mergeObjects } from '../utils'\r\nimport { TableBaseContext } from './context'\r\nimport { IActionRowProps } from './create.action-row'\r\nimport { customFilterOperators } from './custom.filter-operators'\r\nimport { GlobalModal, mapGlobalModalContext } from '../api-context'\r\nimport { ICustomGridColDef, ICustomGridFilterModel, ICustomGridSortModel, ITableData, ITableQueryParams } from './types'\r\nimport TableHelper, { dinoTableClasses } from './helpers'\r\nimport ToolbarPannel, { IToolbarPannelProps } from './toolbar-pannel'\r\n\r\nexport interface ITableSlots<T> {\r\n  maxSelection?: number\r\n  density?: GridDensity\r\n  toolbar?: ComponentType<IToolbarPannelProps>\r\n  actionRow?: ComponentType<IActionRowProps<T>>\r\n  toolbarProps?: IToolbarPannelProps\r\n  dataGridProps?: DataGridProps\r\n  wrapProps?: BoxProps\r\n}\r\n\r\nexport type ITableParamsSlots<T> = Pick<ITableSlots<T>, 'maxSelection' | 'toolbarProps' | 'dataGridProps' | 'wrapProps'>\r\n\r\nexport interface ITableProps<T> {\r\n  data?: ITableData<T>\r\n  query?: ITableQueryParams<T>\r\n  loading?: boolean\r\n  onChange?: (query: ITableQueryParams<T>) => void\r\n  onRowSelectionChange?: DataGridProps['onRowSelectionModelChange']\r\n  slots?: ITableSlots<T>\r\n}\r\n\r\nexport interface ITableParams<T extends GridValidRowModel> extends ITableParamsSlots<T> {\r\n  featureMode?: GridFeatureMode\r\n  getRowId: GridRowIdGetter<T>\r\n  columns: ICustomGridColDef<T>\r\n  filterOperators?: (config: GridColDef) => GridFilterOperator[]\r\n  columnVisibilityModel?: Partial<Record<keyof T, boolean>>\r\n  actionRow?: Omit<GridColDef, 'field'>\r\n  disableActionRow?: boolean\r\n  disableGlobalModalProvider?: boolean\r\n}\r\n\r\nexport function CreateTable<T extends GridValidRowModel>(params: ITableParams<T>): ComponentType<ITableProps<T>> {\r\n  const generateColumns = (extendColDefs?: GridColDef[]) => {\r\n    const columns = Object.keys(params.columns).map<GridColDef>((key) => {\r\n      const obj = { field: key, ...params.columns[key] }\r\n      obj.filterOperators = params.filterOperators ? params.filterOperators(obj) : customFilterOperators(obj)\r\n      return obj\r\n    })\r\n\r\n    if (!!extendColDefs && extendColDefs.length > 0) columns.push(...extendColDefs)\r\n    return columns\r\n  }\r\n\r\n  class Table extends Component<ITableProps<T>> {\r\n    private tableQueryParams: ITableQueryParams<T>\r\n    // private tableQueryParamsCache: ITableQueryParams<T> = {}\r\n    private defaultTableQueryParams: ITableQueryParams<T>\r\n    private columns: GridColDef<T>[]\r\n    private rowSelecteds: GridRowSelectionModel\r\n    private changeTimeout?: ReturnType<typeof setTimeout>\r\n    constructor(props: ITableProps<T>) {\r\n      super(props)\r\n      this.columns = this.initialColumns()\r\n      this.tableQueryParams = { ...props.query }\r\n      this.defaultTableQueryParams = this.tableQueryParams\r\n      this.rowSelecteds = []\r\n    }\r\n\r\n    get mergeConfig() {\r\n      const toolbarPannelProps = mergeObjects({}, params?.toolbarProps, this.props.slots?.toolbarProps)\r\n      return {\r\n        toolbar: this.props.slots?.toolbar ?? (() => <ToolbarPannel {...toolbarPannelProps} />),\r\n        ActionRow: this.props.slots?.actionRow,\r\n        disableActionRow: params.disableActionRow,\r\n        columnVisibilityModel: params.columnVisibilityModel,\r\n        maxSelcion: this.props.slots?.maxSelection ?? params.maxSelection,\r\n        dataGridProps: mergeObjects({}, params.dataGridProps, this.props.slots?.dataGridProps),\r\n        wrapProps: mergeObjects({}, params.wrapProps, this.props.slots?.wrapProps),\r\n        loading: (this.props.loading !== undefined ? this.props.loading : this.tableQueryParams?.loading) ?? false\r\n      }\r\n    }\r\n\r\n    setTableQueryParams = (value: Partial<ITableQueryParams<T>>) => {\r\n      this.tableQueryParams = mergeObjects({}, this.tableQueryParams, value)\r\n    }\r\n\r\n    componentWillUnmount() {\r\n      if (this.changeTimeout) {\r\n        clearTimeout(this.changeTimeout)\r\n      }\r\n    }\r\n\r\n    shouldComponentUpdate(nextProps: Readonly<ITableProps<T>>): boolean {\r\n      if (params.featureMode === 'server') {\r\n        // Check if query changed\r\n        if (!TableHelper.equalTableQueryParams(nextProps.query, this.props.query)) {\r\n          this.setTableQueryParams(nextProps.query ?? {})\r\n          return true\r\n        }\r\n        // Check if data or loading changed\r\n        if (JSON.stringify(nextProps.data) !== JSON.stringify(this.props.data) || nextProps.loading !== this.props.loading) {\r\n          return true\r\n        }\r\n        return false\r\n      } else {\r\n        return true\r\n      }\r\n    }\r\n\r\n    render() {\r\n      return this.renderWrapContext(\r\n        <Wrap {...this.mergeConfig.wrapProps}>\r\n          <DataGrid loading={this.props.loading} {...this.getDataGridProps()} />\r\n        </Wrap>\r\n      )\r\n    }\r\n\r\n    renderWrapContext = (children: ReactNode) => {\r\n      const WrapComponent = params.disableGlobalModalProvider ? Fragment : GlobalModal\r\n      return (\r\n        <WrapComponent>\r\n          {mapGlobalModalContext((context) => (\r\n            <TableBaseContext.Provider value={{ showModal: context.show, closeModal: context.close }}>{children}</TableBaseContext.Provider>\r\n          ))}\r\n        </WrapComponent>\r\n      )\r\n    }\r\n\r\n    getDataGridProps = (): DataGridProps<T> => {\r\n      const initialState = TableHelper.mapInitialState(this.props.query, {\r\n        columns: { columnVisibilityModel: params.columnVisibilityModel as GridColumnVisibilityModel }\r\n      })\r\n      const obj: DataGridProps<T> = {\r\n        getRowId: params.getRowId,\r\n        initialState,\r\n        columns: this.columns,\r\n        rows: this.props.data?.items ?? [],\r\n        checkboxSelection: true,\r\n        pagination: true,\r\n        density: this.props.slots?.density ?? 'standard',\r\n        filterDebounceMs: 800,\r\n        sx: { border: 0 },\r\n        slots: { toolbar: this.mergeConfig.toolbar },\r\n        rowSelectionModel: this.rowSelecteds,\r\n        onRowSelectionModelChange: this.handleRowSelectionChange\r\n      }\r\n      if (params.featureMode === 'server') {\r\n        const objServer: Partial<DataGridProps<T>> = {\r\n          filterMode: 'server',\r\n          sortingMode: 'server',\r\n          paginationMode: 'server',\r\n          onPaginationModelChange: this.onPaginationModelChange,\r\n          onFilterModelChange: this.onFilterModelChange,\r\n          onSortModelChange: this.onSortModelChange,\r\n          rowCount: this.props.data?.rowTotal ?? 0,\r\n          paginationModel: this.tableQueryParams.pagination,\r\n          filterModel: this.tableQueryParams.filter as GridFilterModel,\r\n          sortModel: TableHelper.mapSortModel(this.tableQueryParams.sort),\r\n          loading: this.mergeConfig.loading\r\n        }\r\n        Object.assign(obj, objServer)\r\n      }\r\n      return mergeObjects(obj, this.mergeConfig.dataGridProps)\r\n    }\r\n\r\n    initialColumns = (): GridColDef<T>[] => {\r\n      const { ActionRow, disableActionRow } = this.mergeConfig\r\n      const list: GridColDef<T>[] = []\r\n      if (!!ActionRow && disableActionRow !== true) {\r\n        list.push({\r\n          field: 'Actions',\r\n          minWidth: 100,\r\n          headerAlign: 'right',\r\n          align: 'right',\r\n          filterable: false,\r\n          sortable: false,\r\n          disableExport: true,\r\n          renderCell: (value) => <ActionRow value={value.row} />,\r\n          ...params.actionRow\r\n        })\r\n      }\r\n      return generateColumns(list)\r\n    }\r\n\r\n    onPaginationModelChange = (model: GridPaginationModel, details: GridCallbackDetails<'pagination'>) => {\r\n      if (this.mergeConfig.loading) return\r\n      this.setTableQueryParams({ pagination: model, detail: 'pagination' })\r\n      this.handleChange()\r\n    }\r\n\r\n    onFilterModelChange = (model: GridFilterModel, details: GridCallbackDetails<'filter'>) => {\r\n      if (this.mergeConfig.loading) return\r\n      const { pagination } = this.tableQueryParams\r\n      this.setTableQueryParams({\r\n        filter: model as ICustomGridFilterModel<T>,\r\n        pagination: { page: 0, pageSize: pagination?.pageSize ?? 25 },\r\n        detail: TableHelper.detectSearchType(model)\r\n      })\r\n      this.handleChange()\r\n    }\r\n\r\n    onSortModelChange = (model: GridSortModel, details: GridCallbackDetails<any>) => {\r\n      if (this.mergeConfig.loading) return\r\n      let sortValue = model as ICustomGridSortModel<T>\r\n      const { sort } = this.tableQueryParams\r\n      if (!!sort?.length && !sortValue.length) {\r\n        if (sort?.[0]?.field === this.defaultTableQueryParams.sort?.[0]?.field) {\r\n          sortValue = [{ field: sort[0]?.field, sort: sort[0]?.sort === 'desc' ? 'asc' : 'desc' }]\r\n        } else {\r\n          sortValue = this.defaultTableQueryParams.sort ?? []\r\n        }\r\n      }\r\n      this.setTableQueryParams({ sort: sortValue, detail: 'sort' })\r\n      this.handleChange()\r\n    }\r\n\r\n    handleChange = () => {\r\n      if (this.changeTimeout) clearTimeout(this.changeTimeout)\r\n      this.changeTimeout = setTimeout(() => {\r\n        this.props.onChange && this.props.onChange(this.tableQueryParams)\r\n      }, 300)\r\n    }\r\n\r\n    handleRowSelectionChange = (value: GridRowSelectionModel, details: GridCallbackDetails) => {\r\n      if (this.mergeConfig.maxSelcion && value.length > this.mergeConfig.maxSelcion) {\r\n        this.rowSelecteds = value.slice(0, this.mergeConfig.maxSelcion)\r\n      } else {\r\n        this.rowSelecteds = value\r\n      }\r\n      this.props.onRowSelectionChange && this.props.onRowSelectionChange(this.rowSelecteds, details)\r\n      this.forceUpdate()\r\n    }\r\n  }\r\n\r\n  return Table\r\n}\r\n\r\nexport default CreateTable\r\n\r\nconst Wrap = styled(({ children, ...p }: BoxProps) => (\r\n  <Box {...p}>\r\n    <div>{children}</div>\r\n  </Box>\r\n))({\r\n  flex: 1,\r\n  position: 'relative',\r\n  '& > div': {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n    overflowY: 'auto'\r\n  },\r\n  '.MuiDataGrid-root': {\r\n    '--unstable_DataGrid-radius': 0,\r\n    overflow: 'hidden'\r\n  },\r\n  [`.MuiDataGrid-cell.${dinoTableClasses.whiteSpacePre} .MuiDataGrid-cellContent`]: {\r\n    whiteSpace: 'pre'\r\n  },\r\n  [`.MuiTablePagination-root p`]: {\r\n    marginBottom: 0\r\n  }\r\n})\r\n"],"names":["CreateTable","params","Table","props","_this","_classCallCheck","_callSuper","_defineProperty","value","tableQueryParams","mergeObjects","children","WrapComponent","disableGlobalModalProvider","Fragment","GlobalModal","_jsx","mapGlobalModalContext","context","TableBaseContext","Provider","showModal","show","closeModal","close","_this$props$data$item","_this$props$data","_this$props$slots$den","_this$props$slots","initialState","TableHelper","mapInitialState","query","columns","columnVisibilityModel","obj","getRowId","rows","data","items","checkboxSelection","pagination","density","slots","filterDebounceMs","sx","border","toolbar","mergeConfig","rowSelectionModel","rowSelecteds","onRowSelectionModelChange","handleRowSelectionChange","featureMode","_this$props$data$rowT","_this$props$data2","objServer","filterMode","sortingMode","paginationMode","onPaginationModelChange","onFilterModelChange","onSortModelChange","rowCount","rowTotal","paginationModel","filterModel","filter","sortModel","mapSortModel","sort","loading","Object","assign","dataGridProps","extendColDefs","_this$mergeConfig","ActionRow","disableActionRow","list","push","_objectSpread","field","minWidth","headerAlign","align","filterable","sortable","disableExport","renderCell","row","actionRow","keys","map","key","filterOperators","customFilterOperators","length","apply","_toConsumableArray","model","details","setTableQueryParams","detail","handleChange","_pagination$pageSize","page","pageSize","detectSearchType","_sort$","_this$defaultTableQue","_sort$2","_sort$3","_this$defaultTableQue2","sortValue","defaultTableQueryParams","changeTimeout","clearTimeout","setTimeout","onChange","maxSelcion","slice","onRowSelectionChange","forceUpdate","initialColumns","_inherits","Component","_createClass","get","_this$props$slots2","_this$props$slots$too","_this$props$slots3","_this$props$slots4","_this$props$slots$max","_this$props$slots5","_this$props$slots6","_this$props$slots7","_ref","_this$tableQueryParam","toolbarPannelProps","toolbarProps","this","ToolbarPannel","maxSelection","wrapProps","undefined","nextProps","_nextProps$query","equalTableQueryParams","JSON","stringify","renderWrapContext","Wrap","DataGrid","getDataGridProps","styled","_ref2","p","_objectWithoutProperties","_excluded","Box","flex","position","top","left","width","height","overflowY","overflow","concat","dinoTableClasses","whiteSpacePre","whiteSpace","marginBottom"],"mappings":"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"}
+{"version":3,"file":"create.table.js","sources":["../../../src/table/create.table.tsx"],"sourcesContent":["import { Component, Fragment } from 'react'\r\nimport { Box, BoxProps, styled } from '@mui/material'\r\nimport { DataGrid, DataGridProps, GridColDef, GridFeatureMode, GridFilterOperator } from '@mui/x-data-grid'\r\nimport { GridSortModel, GridValidRowModel, GridRowIdGetter, GridRowSelectionModel } from '@mui/x-data-grid'\r\nimport { GridCallbackDetails, GridColumnVisibilityModel, GridDensity, GridFilterModel, GridPaginationModel } from '@mui/x-data-grid'\r\nimport type { ComponentType, ReactNode } from 'react'\r\nimport { mergeObjects } from '../utils'\r\nimport { TableBaseContext } from './context'\r\nimport { IActionRowProps } from './create.action-row'\r\nimport { customFilterOperators } from './custom.filter-operators'\r\nimport { GlobalModal, mapGlobalModalContext } from '../api-context'\r\nimport { ICustomGridColDef, ICustomGridFilterModel, ICustomGridSortModel, ITableData, ITableQueryParams } from './types'\r\nimport TableHelper from './helpers'\r\nimport ToolbarPannel, { IToolbarPannelProps } from './toolbar-pannel'\r\nimport { dinoTableClasses, TableStyled } from './styled'\r\n\r\nexport interface ITableSlots<T> {\r\n  maxSelection?: number\r\n  density?: GridDensity\r\n  toolbar?: ComponentType<IToolbarPannelProps>\r\n  actionRow?: ComponentType<IActionRowProps<T>>\r\n  toolbarProps?: IToolbarPannelProps\r\n  dataGridProps?: DataGridProps\r\n  wrapProps?: BoxProps\r\n}\r\n\r\nexport type ITableParamsSlots<T> = Pick<ITableSlots<T>, 'maxSelection' | 'toolbarProps' | 'dataGridProps' | 'wrapProps'>\r\n\r\nexport interface ITableProps<T> {\r\n  data?: ITableData<T>\r\n  query?: ITableQueryParams<T>\r\n  loading?: boolean\r\n  onChange?: (query: ITableQueryParams<T>) => void\r\n  onRowSelectionChange?: DataGridProps['onRowSelectionModelChange']\r\n  slots?: ITableSlots<T>\r\n}\r\n\r\nexport interface ITableParams<T extends GridValidRowModel> extends ITableParamsSlots<T> {\r\n  featureMode?: GridFeatureMode\r\n  getRowId: GridRowIdGetter<T>\r\n  columns: ICustomGridColDef<T>\r\n  filterOperators?: (config: GridColDef) => GridFilterOperator[]\r\n  columnVisibilityModel?: Partial<Record<keyof T, boolean>>\r\n  actionRow?: Omit<GridColDef, 'field'>\r\n  disableActionRow?: boolean\r\n  disableGlobalModalProvider?: boolean\r\n}\r\n\r\nexport function CreateTable<T extends GridValidRowModel>(params: ITableParams<T>): ComponentType<ITableProps<T>> {\r\n  const generateColumns = (extendColDefs?: GridColDef[]) => {\r\n    const columns = Object.keys(params.columns).map<GridColDef>((key) => {\r\n      const obj = { field: key, ...params.columns[key] }\r\n      obj.filterOperators = params.filterOperators ? params.filterOperators(obj) : customFilterOperators(obj)\r\n      return obj\r\n    })\r\n\r\n    if (!!extendColDefs && extendColDefs.length > 0) columns.push(...extendColDefs)\r\n    return columns\r\n  }\r\n\r\n  class Table extends Component<ITableProps<T>> {\r\n    private tableQueryParams: ITableQueryParams<T>\r\n    // private tableQueryParamsCache: ITableQueryParams<T> = {}\r\n    private defaultTableQueryParams: ITableQueryParams<T>\r\n    private columns: GridColDef<T>[]\r\n    private rowSelecteds: GridRowSelectionModel\r\n    private changeTimeout?: ReturnType<typeof setTimeout>\r\n    constructor(props: ITableProps<T>) {\r\n      super(props)\r\n      this.columns = this.initialColumns()\r\n      this.tableQueryParams = { ...props.query }\r\n      this.defaultTableQueryParams = this.tableQueryParams\r\n      this.rowSelecteds = []\r\n    }\r\n\r\n    get mergeConfig() {\r\n      const toolbarPannelProps = mergeObjects({}, params?.toolbarProps, this.props.slots?.toolbarProps)\r\n      return {\r\n        toolbar: this.props.slots?.toolbar ?? (() => <ToolbarPannel {...toolbarPannelProps} />),\r\n        ActionRow: this.props.slots?.actionRow,\r\n        disableActionRow: params.disableActionRow,\r\n        columnVisibilityModel: params.columnVisibilityModel,\r\n        maxSelcion: this.props.slots?.maxSelection ?? params.maxSelection,\r\n        dataGridProps: mergeObjects({}, params.dataGridProps, this.props.slots?.dataGridProps),\r\n        wrapProps: mergeObjects({}, params.wrapProps, this.props.slots?.wrapProps),\r\n        loading: (this.props.loading !== undefined ? this.props.loading : this.tableQueryParams?.loading) ?? false\r\n      }\r\n    }\r\n\r\n    setTableQueryParams = (value: Partial<ITableQueryParams<T>>) => {\r\n      this.tableQueryParams = mergeObjects({}, this.tableQueryParams, value)\r\n    }\r\n\r\n    componentWillUnmount() {\r\n      if (this.changeTimeout) {\r\n        clearTimeout(this.changeTimeout)\r\n      }\r\n    }\r\n\r\n    shouldComponentUpdate(nextProps: Readonly<ITableProps<T>>): boolean {\r\n      if (params.featureMode === 'server') {\r\n        // Check if query changed\r\n        if (!TableHelper.equalTableQueryParams(nextProps.query, this.props.query)) {\r\n          this.setTableQueryParams(nextProps.query ?? {})\r\n          return true\r\n        }\r\n        // Check if data or loading changed\r\n        if (JSON.stringify(nextProps.data) !== JSON.stringify(this.props.data) || nextProps.loading !== this.props.loading) {\r\n          return true\r\n        }\r\n        return false\r\n      } else {\r\n        return true\r\n      }\r\n    }\r\n\r\n    render() {\r\n      const rootClasses = [dinoTableClasses.root, this.mergeConfig.wrapProps?.className]\r\n      return this.renderWrapContext(\r\n        <TableStyled {...this.mergeConfig.wrapProps} className={rootClasses.filter((x) => !!x).join(' ')}>\r\n          <DataGrid loading={this.props.loading} {...this.getDataGridProps()} />\r\n        </TableStyled>\r\n      )\r\n    }\r\n\r\n    renderWrapContext = (children: ReactNode) => {\r\n      const WrapComponent = params.disableGlobalModalProvider ? Fragment : GlobalModal\r\n      return (\r\n        <WrapComponent>\r\n          {mapGlobalModalContext((context) => (\r\n            <TableBaseContext.Provider value={{ showModal: context.show, closeModal: context.close }}>{children}</TableBaseContext.Provider>\r\n          ))}\r\n        </WrapComponent>\r\n      )\r\n    }\r\n\r\n    getDataGridProps = (): DataGridProps<T> => {\r\n      const initialState = TableHelper.mapInitialState(this.props.query, {\r\n        columns: { columnVisibilityModel: params.columnVisibilityModel as GridColumnVisibilityModel }\r\n      })\r\n      const obj: DataGridProps<T> = {\r\n        getRowId: params.getRowId,\r\n        initialState,\r\n        columns: this.columns,\r\n        rows: this.props.data?.items ?? [],\r\n        checkboxSelection: true,\r\n        pagination: true,\r\n        density: this.props.slots?.density ?? 'standard',\r\n        filterDebounceMs: 800,\r\n        sx: { border: 0 },\r\n        slots: { toolbar: this.mergeConfig.toolbar },\r\n        rowSelectionModel: this.rowSelecteds,\r\n        onRowSelectionModelChange: this.handleRowSelectionChange\r\n      }\r\n      if (params.featureMode === 'server') {\r\n        const objServer: Partial<DataGridProps<T>> = {\r\n          filterMode: 'server',\r\n          sortingMode: 'server',\r\n          paginationMode: 'server',\r\n          onPaginationModelChange: this.onPaginationModelChange,\r\n          onFilterModelChange: this.onFilterModelChange,\r\n          onSortModelChange: this.onSortModelChange,\r\n          rowCount: this.props.data?.rowTotal ?? 0,\r\n          paginationModel: this.tableQueryParams.pagination,\r\n          filterModel: this.tableQueryParams.filter as GridFilterModel,\r\n          sortModel: TableHelper.mapSortModel(this.tableQueryParams.sort),\r\n          loading: this.mergeConfig.loading\r\n        }\r\n        Object.assign(obj, objServer)\r\n      }\r\n      return mergeObjects(obj, this.mergeConfig.dataGridProps)\r\n    }\r\n\r\n    initialColumns = (): GridColDef<T>[] => {\r\n      const { ActionRow, disableActionRow } = this.mergeConfig\r\n      const list: GridColDef<T>[] = []\r\n      if (!!ActionRow && disableActionRow !== true) {\r\n        list.push({\r\n          field: 'Actions',\r\n          minWidth: 100,\r\n          headerAlign: 'right',\r\n          align: 'right',\r\n          filterable: false,\r\n          sortable: false,\r\n          disableExport: true,\r\n          renderCell: (value) => <ActionRow value={value.row} />,\r\n          ...params.actionRow\r\n        })\r\n      }\r\n      return generateColumns(list)\r\n    }\r\n\r\n    onPaginationModelChange = (model: GridPaginationModel, details: GridCallbackDetails<'pagination'>) => {\r\n      if (this.mergeConfig.loading) return\r\n      this.setTableQueryParams({ pagination: model, detail: 'pagination' })\r\n      this.handleChange()\r\n    }\r\n\r\n    onFilterModelChange = (model: GridFilterModel, details: GridCallbackDetails<'filter'>) => {\r\n      if (this.mergeConfig.loading) return\r\n      const { pagination } = this.tableQueryParams\r\n      this.setTableQueryParams({\r\n        filter: model as ICustomGridFilterModel<T>,\r\n        pagination: { page: 0, pageSize: pagination?.pageSize ?? 25 },\r\n        detail: TableHelper.detectSearchType(model)\r\n      })\r\n      this.handleChange()\r\n    }\r\n\r\n    onSortModelChange = (model: GridSortModel, details: GridCallbackDetails<any>) => {\r\n      if (this.mergeConfig.loading) return\r\n      let sortValue = model as ICustomGridSortModel<T>\r\n      const { sort } = this.tableQueryParams\r\n      if (!!sort?.length && !sortValue.length) {\r\n        if (sort?.[0]?.field === this.defaultTableQueryParams.sort?.[0]?.field) {\r\n          sortValue = [{ field: sort[0]?.field, sort: sort[0]?.sort === 'desc' ? 'asc' : 'desc' }]\r\n        } else {\r\n          sortValue = this.defaultTableQueryParams.sort ?? []\r\n        }\r\n      }\r\n      this.setTableQueryParams({ sort: sortValue, detail: 'sort' })\r\n      this.handleChange()\r\n    }\r\n\r\n    handleChange = () => {\r\n      if (this.changeTimeout) clearTimeout(this.changeTimeout)\r\n      this.changeTimeout = setTimeout(() => {\r\n        this.props.onChange && this.props.onChange(this.tableQueryParams)\r\n      }, 300)\r\n    }\r\n\r\n    handleRowSelectionChange = (value: GridRowSelectionModel, details: GridCallbackDetails) => {\r\n      if (this.mergeConfig.maxSelcion && value.length > this.mergeConfig.maxSelcion) {\r\n        this.rowSelecteds = value.slice(0, this.mergeConfig.maxSelcion)\r\n      } else {\r\n        this.rowSelecteds = value\r\n      }\r\n      this.props.onRowSelectionChange && this.props.onRowSelectionChange(this.rowSelecteds, details)\r\n      this.forceUpdate()\r\n    }\r\n  }\r\n\r\n  return Table\r\n}\r\n\r\nexport default CreateTable\r\n"],"names":["CreateTable","params","Table","props","_this","_classCallCheck","_callSuper","_defineProperty","value","tableQueryParams","mergeObjects","children","WrapComponent","disableGlobalModalProvider","Fragment","GlobalModal","_jsx","mapGlobalModalContext","context","TableBaseContext","Provider","showModal","show","closeModal","close","_this$props$data$item","_this$props$data","_this$props$slots$den","_this$props$slots","initialState","TableHelper","mapInitialState","query","columns","columnVisibilityModel","obj","getRowId","rows","data","items","checkboxSelection","pagination","density","slots","filterDebounceMs","sx","border","toolbar","mergeConfig","rowSelectionModel","rowSelecteds","onRowSelectionModelChange","handleRowSelectionChange","featureMode","_this$props$data$rowT","_this$props$data2","objServer","filterMode","sortingMode","paginationMode","onPaginationModelChange","onFilterModelChange","onSortModelChange","rowCount","rowTotal","paginationModel","filterModel","filter","sortModel","mapSortModel","sort","loading","Object","assign","dataGridProps","extendColDefs","_this$mergeConfig","ActionRow","disableActionRow","list","push","_objectSpread","field","minWidth","headerAlign","align","filterable","sortable","disableExport","renderCell","row","actionRow","keys","map","key","filterOperators","customFilterOperators","length","apply","_toConsumableArray","model","details","setTableQueryParams","detail","handleChange","_pagination$pageSize","page","pageSize","detectSearchType","_sort$","_this$defaultTableQue","_sort$2","_sort$3","_this$defaultTableQue2","sortValue","defaultTableQueryParams","changeTimeout","clearTimeout","setTimeout","onChange","maxSelcion","slice","onRowSelectionChange","forceUpdate","initialColumns","_inherits","Component","_createClass","get","_this$props$slots2","_this$props$slots$too","_this$props$slots3","_this$props$slots4","_this$props$slots$max","_this$props$slots5","_this$props$slots6","_this$props$slots7","_ref","_this$tableQueryParam","toolbarPannelProps","toolbarProps","this","ToolbarPannel","maxSelection","wrapProps","undefined","nextProps","_nextProps$query","equalTableQueryParams","JSON","stringify","_this$mergeConfig$wra","rootClasses","dinoTableClasses","root","className","renderWrapContext","TableStyled","x","join","DataGrid","getDataGridProps"],"mappings":"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"}

package/dist/src/table/helpers.js

@@ -1,2 +1,2 @@
-import{createClass as t,classCallCheck as e,defineProperty as r,objectSpread2 as i}from"../../_virtual/_rollupPluginBabelHelpers.js";import{encodeBase64 as l,tryParseObject as a,decodeBase64 as n}from"../utils/helpers.js";import"../utils/dayjs-config.js";import{QueryParam as u}from"../utils/query-param.js";var s={whiteSpacePre:"white-space-pre-wrap"},o=new(t(function t(){var s=this;e(this,t),r(this,"extractTableQueryParams",function(t){return t?{pagination:t.pagination,filter:t.filter,sort:t.sort,loading:t.loading}:{}}),r(this,"isEmpty",function(t,e){var r,i=s.extractTableQueryParams(t),l=!i.filter||i.filter.items.filter(function(t){return!!t.value}).length<1,a=!(null!==(r=t.filter)&&void 0!==r&&r.quickFilterValues)||t.filter.quickFilterValues.length<1;return l||a}),r(this,"equalTableQueryParams",function(t,e){return JSON.stringify(s.extractTableQueryParams(t))===JSON.stringify(s.extractTableQueryParams(e))}),r(this,"mapInitialState",function(t,e){return t?i({pagination:{paginationModel:t.pagination},filter:{filterModel:t.filter},sorting:{sortModel:s.mapSortModel(t.sort)}},e):null!=e?e:{}}),r(this,"mapSortModel",function(t){return null==t?void 0:t.map(function(t){return{field:t.field.toString(),sort:t.sort}})}),r(this,"detectSearchType",function(t){var e=t.quickFilterValues&&t.quickFilterValues.length>0,r=t.items&&t.items.length>0;return e&&!r?"quickSearch":r?"filter":void 0}),r(this,"extractToUrlQuery",function(t){var e,r=t.filter,i={filter:r,sort:t.sort,pagination:t.pagination},l=!(null!=r&&null!==(e=r.quickFilterValues)&&void 0!==e&&e.filter(function(t){return!!t}).length);return null!=r&&r.items.length||!l||(i.filter=void 0),i}),r(this,"equals",function(t,e){return JSON.stringify(s.extractToUrlQuery(t))===JSON.stringify(s.extractToUrlQuery(e))}),r(this,"setUrlQuery",function(t,e){try{if(s.equals(t,e))u.deletes("table");else{var r=s.extractToUrlQuery(t),i={table:l(JSON.stringify(r))};u.patch(i)}}catch(t){console.log("Set URL Query error:",t)}}),r(this,"getUrlQuery",function(t){var e,r=u.getAll();if(null==r||!r.table)return t;var i=a(n(null!==(e=r.table)&&void 0!==e?e:""),{});return Object.keys(i).length<1?t:i})}));export{o as default,s as dinoTableClasses};
+import{createClass as t,classCallCheck as r,defineProperty as e,objectSpread2 as i}from"../../_virtual/_rollupPluginBabelHelpers.js";import{encodeBase64 as l,tryParseObject as a,decodeBase64 as n}from"../utils/helpers.js";import"../utils/dayjs-config.js";import{QueryParam as u}from"../utils/query-param.js";var s=new(t(function t(){var s=this;r(this,t),e(this,"extractTableQueryParams",function(t){return t?{pagination:t.pagination,filter:t.filter,sort:t.sort,loading:t.loading}:{}}),e(this,"isEmpty",function(t,r){var e,i=s.extractTableQueryParams(t),l=!i.filter||i.filter.items.filter(function(t){return!!t.value}).length<1,a=!(null!==(e=t.filter)&&void 0!==e&&e.quickFilterValues)||t.filter.quickFilterValues.length<1;return l||a}),e(this,"equalTableQueryParams",function(t,r){return JSON.stringify(s.extractTableQueryParams(t))===JSON.stringify(s.extractTableQueryParams(r))}),e(this,"mapInitialState",function(t,r){return t?i({pagination:{paginationModel:t.pagination},filter:{filterModel:t.filter},sorting:{sortModel:s.mapSortModel(t.sort)}},r):null!=r?r:{}}),e(this,"mapSortModel",function(t){return null==t?void 0:t.map(function(t){return{field:t.field.toString(),sort:t.sort}})}),e(this,"detectSearchType",function(t){var r=t.quickFilterValues&&t.quickFilterValues.length>0,e=t.items&&t.items.length>0;return r&&!e?"quickSearch":e?"filter":void 0}),e(this,"extractToUrlQuery",function(t){var r,e=t.filter,i={filter:e,sort:t.sort,pagination:t.pagination},l=!(null!=e&&null!==(r=e.quickFilterValues)&&void 0!==r&&r.filter(function(t){return!!t}).length);return null!=e&&e.items.length||!l||(i.filter=void 0),i}),e(this,"equals",function(t,r){return JSON.stringify(s.extractToUrlQuery(t))===JSON.stringify(s.extractToUrlQuery(r))}),e(this,"setUrlQuery",function(t,r){try{if(s.equals(t,r))u.deletes("table");else{var e=s.extractToUrlQuery(t),i={table:l(JSON.stringify(e))};u.patch(i)}}catch(t){console.log("Set URL Query error:",t)}}),e(this,"getUrlQuery",function(t){var r,e=u.getAll();if(null==e||!e.table)return t;var i=a(n(null!==(r=e.table)&&void 0!==r?r:""),{});return Object.keys(i).length<1?t:i})}));export{s as default};
 //# sourceMappingURL=helpers.js.map

package/dist/src/table/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/table/helpers.ts"],"sourcesContent":["import { GridFilterModel, GridSortItem, GridSortModel } from '@mui/x-data-grid'\r\nimport { GridInitialStateCommunity } from '@mui/x-data-grid/models/gridStateCommunity'\r\nimport { ICustomGridSortModel, ITableQueryParams, ITableQueryDetail } from './types'\r\nimport { decodeBase64, encodeBase64, QueryParam, tryParseObject } from '../utils'\r\n\r\nexport const dinoTableClasses = {\r\n  whiteSpacePre: 'white-space-pre-wrap'\r\n}\r\n\r\nexport interface ITableQueryParamModel {\r\n  table?: string\r\n}\r\n\r\nclass TableHelperBase {\r\n  private extractTableQueryParams = <T>(data?: ITableQueryParams<T>): ITableQueryParams<T> => {\r\n    if (!data) return {}\r\n    const { pagination, filter, sort, loading } = data\r\n    return { pagination, filter, sort, loading }\r\n  }\r\n\r\n  isEmpty = <T>(value: ITableQueryParams<T>, defaultValue?: ITableQueryParams<T>): boolean => {\r\n    const obj = this.extractTableQueryParams<T>(value)\r\n    const check1 = !obj.filter || obj.filter.items.filter((x) => !!x.value).length < 1\r\n    const check2 = !value.filter?.quickFilterValues || value.filter.quickFilterValues.length < 1\r\n    // const check3 =\r\n    return check1 || check2\r\n  }\r\n\r\n  equalTableQueryParams = <T>(ti1?: ITableQueryParams<T>, ti2?: ITableQueryParams<T>): boolean => {\r\n    return JSON.stringify(this.extractTableQueryParams<T>(ti1)) === JSON.stringify(this.extractTableQueryParams<T>(ti2))\r\n  }\r\n\r\n  mapInitialState = <T>(value?: ITableQueryParams<T>, initialState?: GridInitialStateCommunity): GridInitialStateCommunity => {\r\n    if (!value) return initialState ?? {}\r\n    return {\r\n      pagination: { paginationModel: value.pagination },\r\n      filter: { filterModel: value.filter as GridFilterModel },\r\n      sorting: { sortModel: this.mapSortModel(value.sort) },\r\n      ...initialState\r\n    }\r\n  }\r\n\r\n  mapSortModel = <T>(value?: ICustomGridSortModel<T>): GridSortModel | undefined => {\r\n    return value?.map<GridSortItem>((x) => ({ field: x.field.toString(), sort: x.sort }))\r\n  }\r\n\r\n  detectSearchType = (data: GridFilterModel): ITableQueryDetail => {\r\n    const hasQuickSearch = data.quickFilterValues && data.quickFilterValues.length > 0\r\n    const hasFilter = data.items && data.items.length > 0\r\n    if (hasQuickSearch && !hasFilter) return 'quickSearch'\r\n    if (hasFilter) return 'filter'\r\n  }\r\n\r\n  //#region Query Params\r\n  private extractToUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>): Partial<ITableQueryParams<TModel>> => {\r\n    const { filter, sort, pagination } = tableInfo\r\n    const obj = { filter, sort, pagination }\r\n    const isQuickSearchEmpty = !filter?.quickFilterValues?.filter((x) => !!x).length\r\n    if (!filter?.items.length && isQuickSearchEmpty) {\r\n      obj.filter = undefined\r\n    }\r\n    return obj\r\n  }\r\n\r\n  private equals = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, tableInfoOld: Partial<ITableQueryParams<TModel>>) => {\r\n    return JSON.stringify(this.extractToUrlQuery(tableInfo)) === JSON.stringify(this.extractToUrlQuery(tableInfoOld))\r\n  }\r\n\r\n  setUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, defaultValue: ITableQueryParams<TModel>) => {\r\n    try {\r\n      if (!this.equals(tableInfo, defaultValue)) {\r\n        const data = this.extractToUrlQuery(tableInfo)\r\n        const tqp: ITableQueryParamModel = { table: encodeBase64(JSON.stringify(data)) }\r\n        QueryParam.patch(tqp)\r\n      } else {\r\n        QueryParam.deletes<ITableQueryParamModel>('table')\r\n      }\r\n    } catch (error) {\r\n      console.log('Set URL Query error:', error)\r\n    }\r\n  }\r\n\r\n  getUrlQuery = <TModel>(defaultValue: ITableQueryParams<TModel>): ITableQueryParams<TModel> => {\r\n    const temp = QueryParam.getAll() as ITableQueryParamModel\r\n    if (!temp?.table) return defaultValue\r\n    const data = tryParseObject<ITableQueryParams<TModel>>(decodeBase64(temp.table ?? ''), {})\r\n    if (Object.keys(data).length < 1) return defaultValue\r\n    return data\r\n  }\r\n  //#endregion\r\n}\r\n\r\nconst TableHelper = new TableHelperBase()\r\nexport default TableHelper\r\n"],"names":["dinoTableClasses","whiteSpacePre","TableHelper","_createClass","TableHelperBase","_this","this","_classCallCheck","_defineProperty","data","pagination","filter","sort","loading","value","defaultValue","_value$filter","obj","extractTableQueryParams","check1","items","x","length","check2","quickFilterValues","ti1","ti2","JSON","stringify","initialState","_objectSpread","paginationModel","filterModel","sorting","sortModel","mapSortModel","map","field","toString","hasQuickSearch","hasFilter","tableInfo","_filter$quickFilterVa","isQuickSearchEmpty","undefined","tableInfoOld","extractToUrlQuery","equals","QueryParam","deletes","tqp","table","encodeBase64","patch","error","console","log","_temp$table","temp","getAll","tryParseObject","decodeBase64","Object","keys"],"mappings":"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"}
+{"version":3,"file":"helpers.js","sources":["../../../src/table/helpers.ts"],"sourcesContent":["import { GridFilterModel, GridSortItem, GridSortModel } from '@mui/x-data-grid'\r\nimport { GridInitialStateCommunity } from '@mui/x-data-grid/models/gridStateCommunity'\r\nimport { ICustomGridSortModel, ITableQueryParams, ITableQueryDetail } from './types'\r\nimport { decodeBase64, encodeBase64, QueryParam, tryParseObject } from '../utils'\r\n\r\nexport interface ITableQueryParamModel {\r\n  table?: string\r\n}\r\n\r\nclass TableHelperBase {\r\n  private extractTableQueryParams = <T>(data?: ITableQueryParams<T>): ITableQueryParams<T> => {\r\n    if (!data) return {}\r\n    const { pagination, filter, sort, loading } = data\r\n    return { pagination, filter, sort, loading }\r\n  }\r\n\r\n  isEmpty = <T>(value: ITableQueryParams<T>, defaultValue?: ITableQueryParams<T>): boolean => {\r\n    const obj = this.extractTableQueryParams<T>(value)\r\n    const check1 = !obj.filter || obj.filter.items.filter((x) => !!x.value).length < 1\r\n    const check2 = !value.filter?.quickFilterValues || value.filter.quickFilterValues.length < 1\r\n    // const check3 =\r\n    return check1 || check2\r\n  }\r\n\r\n  equalTableQueryParams = <T>(ti1?: ITableQueryParams<T>, ti2?: ITableQueryParams<T>): boolean => {\r\n    return JSON.stringify(this.extractTableQueryParams<T>(ti1)) === JSON.stringify(this.extractTableQueryParams<T>(ti2))\r\n  }\r\n\r\n  mapInitialState = <T>(value?: ITableQueryParams<T>, initialState?: GridInitialStateCommunity): GridInitialStateCommunity => {\r\n    if (!value) return initialState ?? {}\r\n    return {\r\n      pagination: { paginationModel: value.pagination },\r\n      filter: { filterModel: value.filter as GridFilterModel },\r\n      sorting: { sortModel: this.mapSortModel(value.sort) },\r\n      ...initialState\r\n    }\r\n  }\r\n\r\n  mapSortModel = <T>(value?: ICustomGridSortModel<T>): GridSortModel | undefined => {\r\n    return value?.map<GridSortItem>((x) => ({ field: x.field.toString(), sort: x.sort }))\r\n  }\r\n\r\n  detectSearchType = (data: GridFilterModel): ITableQueryDetail => {\r\n    const hasQuickSearch = data.quickFilterValues && data.quickFilterValues.length > 0\r\n    const hasFilter = data.items && data.items.length > 0\r\n    if (hasQuickSearch && !hasFilter) return 'quickSearch'\r\n    if (hasFilter) return 'filter'\r\n  }\r\n\r\n  //#region Query Params\r\n  private extractToUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>): Partial<ITableQueryParams<TModel>> => {\r\n    const { filter, sort, pagination } = tableInfo\r\n    const obj = { filter, sort, pagination }\r\n    const isQuickSearchEmpty = !filter?.quickFilterValues?.filter((x) => !!x).length\r\n    if (!filter?.items.length && isQuickSearchEmpty) {\r\n      obj.filter = undefined\r\n    }\r\n    return obj\r\n  }\r\n\r\n  private equals = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, tableInfoOld: Partial<ITableQueryParams<TModel>>) => {\r\n    return JSON.stringify(this.extractToUrlQuery(tableInfo)) === JSON.stringify(this.extractToUrlQuery(tableInfoOld))\r\n  }\r\n\r\n  setUrlQuery = <TModel>(tableInfo: Partial<ITableQueryParams<TModel>>, defaultValue: ITableQueryParams<TModel>) => {\r\n    try {\r\n      if (!this.equals(tableInfo, defaultValue)) {\r\n        const data = this.extractToUrlQuery(tableInfo)\r\n        const tqp: ITableQueryParamModel = { table: encodeBase64(JSON.stringify(data)) }\r\n        QueryParam.patch(tqp)\r\n      } else {\r\n        QueryParam.deletes<ITableQueryParamModel>('table')\r\n      }\r\n    } catch (error) {\r\n      console.log('Set URL Query error:', error)\r\n    }\r\n  }\r\n\r\n  getUrlQuery = <TModel>(defaultValue: ITableQueryParams<TModel>): ITableQueryParams<TModel> => {\r\n    const temp = QueryParam.getAll() as ITableQueryParamModel\r\n    if (!temp?.table) return defaultValue\r\n    const data = tryParseObject<ITableQueryParams<TModel>>(decodeBase64(temp.table ?? ''), {})\r\n    if (Object.keys(data).length < 1) return defaultValue\r\n    return data\r\n  }\r\n  //#endregion\r\n}\r\n\r\nconst TableHelper = new TableHelperBase()\r\nexport default TableHelper\r\n"],"names":["TableHelper","_createClass","TableHelperBase","_this","this","_classCallCheck","_defineProperty","data","pagination","filter","sort","loading","value","defaultValue","_value$filter","obj","extractTableQueryParams","check1","items","x","length","check2","quickFilterValues","ti1","ti2","JSON","stringify","initialState","_objectSpread","paginationModel","filterModel","sorting","sortModel","mapSortModel","map","field","toString","hasQuickSearch","hasFilter","tableInfo","_filter$quickFilterVa","isQuickSearchEmpty","undefined","tableInfoOld","extractToUrlQuery","equals","QueryParam","deletes","tqp","table","encodeBase64","patch","error","console","log","_temp$table","temp","getAll","tryParseObject","decodeBase64","Object","keys"],"mappings":"oTAGiF,IAqF3EA,EAAc,IA/ECC,EAAA,SAAAC,IAAA,IAAAC,EAAAC,KAAAC,OAAAH,GAAAI,EAAAF,KAAA,0BACe,SAAIG,GACpC,OAAKA,EAEE,CAAEC,WADqCD,EAAtCC,WACaC,OADyBF,EAA1BE,OACSC,KADiBH,EAAlBG,KACOC,QADWJ,EAAZI,SADhB,CAAE,IAGrBL,EAESF,KAAA,UAAA,SAAIQ,EAA6BC,GAAgD,IAAAC,EACnFC,EAAMZ,EAAKa,wBAA2BJ,GACtCK,GAAUF,EAAIN,QAAUM,EAAIN,OAAOS,MAAMT,OAAO,SAACU,GAAC,QAAOA,EAAEP,QAAOQ,OAAS,EAC3EC,IAAsB,QAAbP,EAACF,EAAMH,cAAM,IAAAK,GAAZA,EAAcQ,oBAAqBV,EAAMH,OAAOa,kBAAkBF,OAAS,EAE3F,OAAOH,GAAUI,IAClBf,EAEuBF,KAAA,wBAAA,SAAImB,EAA4BC,GACtD,OAAOC,KAAKC,UAAUvB,EAAKa,wBAA2BO,MAAUE,KAAKC,UAAUvB,EAAKa,wBAA2BQ,MAChHlB,EAEiBF,KAAA,kBAAA,SAAIQ,EAA8Be,GAClD,OAAKf,EACLgB,EAAA,CACEpB,WAAY,CAAEqB,gBAAiBjB,EAAMJ,YACrCC,OAAQ,CAAEqB,YAAalB,EAAMH,QAC7BsB,QAAS,CAAEC,UAAW7B,EAAK8B,aAAarB,EAAMF,QAC3CiB,GALcA,QAAAA,EAAgB,CAAE,IAOtCrB,EAAAF,KAAA,eAEc,SAAIQ,GACjB,OAAOA,aAAK,EAALA,EAAOsB,IAAkB,SAACf,GAAC,MAAM,CAAEgB,MAAOhB,EAAEgB,MAAMC,WAAY1B,KAAMS,EAAET,KAAM,KACpFJ,EAAAF,KAAA,mBAEkB,SAACG,GAClB,IAAM8B,EAAiB9B,EAAKe,mBAAqBf,EAAKe,kBAAkBF,OAAS,EAC3EkB,EAAY/B,EAAKW,OAASX,EAAKW,MAAME,OAAS,EACpD,OAAIiB,IAAmBC,EAAkB,cACrCA,EAAkB,cAAtB,IAGFhC,EAAAF,KAAA,oBAC4B,SAASmC,GAAqF,IAAAC,EAChH/B,EAA6B8B,EAA7B9B,OACFM,EAAM,CAAEN,OAAAA,EAAQC,KADe6B,EAArB7B,KACYF,WADS+B,EAAf/B,YAEhBiC,IAAsBhC,SAAyB,QAAnB+B,EAAN/B,EAAQa,yBAARkB,IAAyBA,GAAzBA,EAA2B/B,OAAO,SAACU,GAAC,QAAOA,CAAC,GAAEC,QAI1E,OAHKX,SAAAA,EAAQS,MAAME,SAAUqB,IAC3B1B,EAAIN,YAASiC,GAER3B,IACRT,EAEgBF,KAAA,SAAA,SAASmC,EAA+CI,GACvE,OAAOlB,KAAKC,UAAUvB,EAAKyC,kBAAkBL,MAAgBd,KAAKC,UAAUvB,EAAKyC,kBAAkBD,MACpGrC,EAEaF,KAAA,cAAA,SAASmC,EAA+C1B,GACpE,IACE,GAAKV,EAAK0C,OAAON,EAAW1B,GAK1BiC,EAAWC,QAA+B,aALD,CACzC,IAAMxC,EAAOJ,EAAKyC,kBAAkBL,GAC9BS,EAA6B,CAAEC,MAAOC,EAAazB,KAAKC,UAAUnB,KACxEuC,EAAWK,MAAMH,EAClB,CAGF,CAAC,MAAOI,GACPC,QAAQC,IAAI,uBAAwBF,EACrC,IACF9C,EAAAF,KAAA,cAEa,SAASS,GAAsE,IAAA0C,EACrFC,EAAOV,EAAWW,SACxB,GAAKD,UAAAA,EAAMP,MAAO,OAAOpC,EACzB,IAAMN,EAAOmD,EAA0CC,EAAuBJ,QAAXA,EAACC,EAAKP,iBAAKM,EAAAA,EAAI,IAAK,CAAA,GACvF,OAAIK,OAAOC,KAAKtD,GAAMa,OAAS,EAAUP,EAClCN,GACR"}

package/dist/src/table/styled.js

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as e,objectSpread2 as i,defineProperty as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t}from"react/jsx-runtime";import{styled as o,Box as a}from"@mui/material";var l=["children"],n={root:"DinoTable-root",whiteSpacePre:"DinoTable-white-space-pre-wrap"},p=o(function(r){var o=r.children,n=e(r,l);return t(a,i(i({},n),{},{children:t("div",{children:o})}))})(r(r({flex:1,position:"relative","& > div":{position:"absolute",top:0,left:0,width:"100%",height:"100%",overflowY:"auto"},".MuiDataGrid-root":{"--unstable_DataGrid-radius":0,overflow:"hidden"}},".MuiDataGrid-cell.".concat(n.whiteSpacePre," .MuiDataGrid-cellContent"),{whiteSpace:"pre"}),".MuiTablePagination-root p",{marginBottom:0}));export{p as TableStyled,n as dinoTableClasses};
+//# sourceMappingURL=styled.js.map

package/dist/src/table/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../src/table/styled.tsx"],"sourcesContent":["import { Box, BoxProps, styled } from '@mui/material'\r\n\r\nexport const dinoTableClasses = {\r\n  root: 'DinoTable-root',\r\n  whiteSpacePre: 'DinoTable-white-space-pre-wrap'\r\n}\r\n\r\nexport const TableStyled = styled(({ children, ...p }: BoxProps) => (\r\n  <Box {...p}>\r\n    <div>{children}</div>\r\n  </Box>\r\n))({\r\n  flex: 1,\r\n  position: 'relative',\r\n  '& > div': {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    width: '100%',\r\n    height: '100%',\r\n    overflowY: 'auto'\r\n  },\r\n  '.MuiDataGrid-root': {\r\n    '--unstable_DataGrid-radius': 0,\r\n    overflow: 'hidden'\r\n  },\r\n  [`.MuiDataGrid-cell.${dinoTableClasses.whiteSpacePre} .MuiDataGrid-cellContent`]: {\r\n    whiteSpace: 'pre'\r\n  },\r\n  [`.MuiTablePagination-root p`]: {\r\n    marginBottom: 0\r\n  }\r\n})\r\n"],"names":["dinoTableClasses","root","whiteSpacePre","TableStyled","styled","_ref","children","p","_objectWithoutProperties","_excluded","_jsx","Box","_objectSpread","_defineProperty","flex","position","top","left","width","height","overflowY","overflow","concat","whiteSpace","marginBottom"],"mappings":"wOAEaA,EAAmB,CAC9BC,KAAM,iBACNC,cAAe,kCAGJC,EAAcC,EAAO,SAAAC,GAAA,IAAGC,EAAQD,EAARC,SAAaC,EAACC,EAAAH,EAAAI,GAAA,OACjDC,EAACC,EAAGC,EAAAA,KAAKL,GAAC,GAAA,CAAAD,SACRI,EAAM,MAAA,CAAAJ,SAAAA,MACF,EAHmBF,CAIzBS,EAAAA,EAAA,CACAC,KAAM,EACNC,SAAU,WACV,UAAW,CACTA,SAAU,WACVC,IAAK,EACLC,KAAM,EACNC,MAAO,OACPC,OAAQ,OACRC,UAAW,QAEb,oBAAqB,CACnB,6BAA8B,EAC9BC,SAAU,WACX,qBAAAC,OACqBtB,EAAiBE,cAA2C,6BAAA,CAChFqB,WAAY,QAEkB,6BAAA,CAC9BC,aAAc"}

package/dist/src/table/toolbar-pannel.js

@@ -1,2 +1,2 @@
-import{defineProperty as t,inherits as i,createClass as r,objectSpread2 as e,classCallCheck as o,callSuper as a}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as l,Fragment as s}from"react/jsx-runtime";import{Component as c}from"react";import{GridToolbarColumnsButton as p,GridToolbarFilterButton as d,GridToolbarDensitySelector as h,GridToolbarQuickFilter as m}from"@mui/x-data-grid";import{styled as u,Box as f,Typography as b}from"@mui/material";import{BtnFormCreate as v}from"./ui.buttons.js";import{CustomExportButton as g}from"./custom.export-button.js";import{Breadcrumbs as x}from"../components/breadcrumbs.js";import{HelpTooltip as T}from"../components/help-tooltip.js";var y=function(){function u(){var i;o(this,u);for(var r=arguments.length,c=new Array(r),p=0;p<r;p++)c[p]=arguments[p];return i=a(this,u,[].concat(c)),t(i,"renderTitle",function(){var t,r=i.props,o=r.title,a=r.afterTitle,c=r.breadcrumbs,p=r.icon,d="".concat(P.titleWrap).concat(null!==(t=i.props.titleProps)&&void 0!==t&&t.className?" ".concat(i.props.titleProps.className):"");if(!(!!o||!!c||!!a))return l(s,{});var h=o;return"string"==typeof o&&(h=l(b,{noWrap:!0,variant:"subtitle1",className:P.titleText,children:o})),c&&(h=l(x,{value:c})),n(f,e(e({},i.props.titleProps),{},{className:d,children:[p&&l("div",{className:P.icon,children:p}),h,a]}))}),t(i,"renderEndAdornment",function(){return!i.props.searchInclude||i.props.searchInclude.length<=0?l(s,{}):l(T,{title:"The search includes",small:!0,children:l("ul",{className:P.searchHelp,children:i.props.searchInclude.map(function(t,i){return l("li",{children:l(b,{variant:"body2",children:t})},i)})})})}),i}return i(u,c),r(u,[{key:"render",value:function(){var t,i,r,o;return n(W,{className:P.root,sx:this.props.sx,children:[this.renderTitle(),this.props.aboveAction,n(f,e(e({className:P.actionsRow},this.props.actionWrapProps),{},{children:[n(f,{className:P.actionsLeft,children:[n(f,{className:P.gridToolbar,children:[!1!==(null===(t=this.props.visibilityToolbar)||void 0===t?void 0:t.columns)&&l(p,{}),!1!==(null===(i=this.props.visibilityToolbar)||void 0===i?void 0:i.filters)&&l(d,{}),!1!==(null===(r=this.props.visibilityToolbar)||void 0===r?void 0:r.density)&&l(h,{}),!1!==(null===(o=this.props.visibilityToolbar)||void 0===o?void 0:o.export)&&l(g,{csvOptions:this.props.exportCsvOptions})]}),this.props.formCreate&&l(v,{children:this.props.formCreate}),this.props.afterAction]}),l(f,{className:P.actionsRight,children:n(f,{className:P.quickFilterWrap,children:[l(m,{fullWidth:!0,variant:"standard",size:"small",debounceMs:800,quickFilterParser:function(t){return[t]}}),this.renderEndAdornment()]})})]})),this.props.belowAction]})}}])}(),P={root:"Dino-ToolbarPannel-root",actionsRow:"Dino-ToolbarPannel-actionsRow",actionsLeft:"Dino-ToolbarPannel-actionsLeft",actionsRight:"Dino-ToolbarPannel-actionsRight",quickFilterWrap:"Dino-ToolbarPannel-quickFilterWrap",gridToolbar:"Dino-ToolbarPannel-gridToolbar",titleWrap:"Dino-ToolbarPannel-titleWrap",titleText:"Dino-ToolbarPannel-titleText",searchHelp:"Dino-ToolbarPannel-searchHelp",icon:"Dino-ToolbarPannel-icon"},W=u(f)(function(i){var r=i.theme;return t(t(t(t(t(t(t(t(t(t({padding:r.spacing(1,2,0)},".".concat(P.actionsRow),{display:"flex",flexWrap:"wrap"}),".".concat(P.actionsLeft),{flex:1,display:"flex",alignItems:"center",flexWrap:"wrap"}),".".concat(P.actionsRight),t({display:"flex",gap:"8px",alignItems:"center",width:"auto"},r.breakpoints.down("md"),{width:"100%"})),".".concat(P.quickFilterWrap),{display:"flex",alignItems:"center"}),".".concat(P.gridToolbar),{padding:0}),".".concat(P.titleWrap),{height:"var(--height-table-topbar, 48px)",display:"flex",alignItems:"center"}),".".concat(P.titleText),{fontWeight:700,flex:1}),".".concat(P.icon),{marginRight:8,display:"flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto"}),".".concat(P.searchHelp),{margin:"0 0 0 18px",padding:0,li:{position:"relative"},"li::after":{content:'"►"',display:"inline-block",top:"50%",transform:"translateY(-50%)",position:"absolute",left:"-18px"}}),r.breakpoints.down("md"),{padding:r.spacing(1,1,0)})});export{y as default};
+import{defineProperty as e,inherits as t,createClass as r,createForOfIteratorHelper as i,objectSpread2 as o,classCallCheck as n,callSuper as a}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as l,Fragment as s,jsx as p}from"react/jsx-runtime";import{Component as c}from"react";import{GridToolbarColumnsButton as d,GridToolbarFilterButton as u,GridToolbarDensitySelector as m,GridToolbarQuickFilter as h}from"@mui/x-data-grid";import{styled as b,Box as f,GlobalStyles as v,Typography as x}from"@mui/material";import{BtnFormCreate as g}from"./ui.buttons.js";import{CustomExportButton as y}from"./custom.export-button.js";import{Breadcrumbs as T}from"../components/breadcrumbs.js";import{HelpTooltip as w}from"../components/help-tooltip.js";var P=function(){function b(){var t;n(this,b);for(var r=arguments.length,i=new Array(r),c=0;c<r;c++)i[c]=arguments[c];return t=a(this,b,[].concat(i)),e(t,"_popperObserver",null),e(t,"_elementObserver",null),e(t,"_observedPopper",null),e(t,"renderTitle",function(){var e,r=t.props,i=r.title,n=r.afterTitle,a=r.breadcrumbs,c=r.icon,d="".concat(_.titleWrap).concat(null!==(e=t.props.titleProps)&&void 0!==e&&e.className?" ".concat(t.props.titleProps.className):"");if(!(!!i||!!a||!!n))return p(s,{});var u=i;return"string"==typeof i&&(u=p(x,{noWrap:!0,variant:"subtitle1",className:_.titleText,children:i})),a&&(u=p(T,{value:a})),l(f,o(o({},t.props.titleProps),{},{className:d,children:[c&&p("div",{className:_.icon,children:c}),u,n]}))}),e(t,"renderEndAdornment",function(){return!t.props.searchInclude||t.props.searchInclude.length<=0?p(s,{}):p(w,{title:"The search includes",small:!0,children:p("ul",{className:_.searchHelp,children:t.props.searchInclude.map(function(e,t){return p("li",{children:p(x,{variant:"body2",children:e})},t)})})})}),t}return t(b,c),r(b,[{key:"componentDidMount",value:function(){var e=this;this._popperObserver=new MutationObserver(function(){var t=document.querySelector(".MuiDataGrid-panel");if(t&&window.matchMedia("(max-width:768px)").matches&&e._observedPopper!==t){e._observedPopper=t;var r=function(){var e=(t.style.transform||"").match(/translate3d\([^,]+,\s*([^,]+),\s*[^\)]+\)/),r=e?e[1].trim():"0px";t.style.transform="translate3d(8px, ".concat(r,", 0px)")};r(),e._elementObserver&&e._elementObserver.disconnect(),e._elementObserver=new MutationObserver(function(e){var o,n=i(e);try{for(n.s();!(o=n.n()).done;){if("style"===o.value.attributeName)(t.style.transform||"").startsWith("translate3d(8px")||r()}}catch(e){n.e(e)}finally{n.f()}}),e._elementObserver.observe(t,{attributes:!0,attributeFilter:["style"]})}}),this._popperObserver.observe(document.body,{childList:!0,subtree:!0})}},{key:"componentWillUnmount",value:function(){this._popperObserver&&(this._popperObserver.disconnect(),this._popperObserver=null),this._elementObserver&&(this._elementObserver.disconnect(),this._elementObserver=null),this._observedPopper=null}},{key:"render",value:function(){var e,t,r,i;return l(s,{children:[p(v,{styles:{"@media (max-width:768px)":{".MuiDataGrid-panel":{left:"8px !important",overflow:"hidden",maxWidth:"calc(100svw - 16px)",width:"100%",".MuiPaper-root, .MuiDataGrid-paper":{margin:"0 8px"},".MuiDataGrid-panelContent":{overflow:"auto",".MuiFormControl-root":{width:"auto"},".MuiDataGrid-filterFormValueInput":{width:"100px"}}}}}}),l(O,{className:_.root,sx:this.props.sx,children:[this.renderTitle(),this.props.aboveAction,l(f,o(o({className:_.actionsRow},this.props.actionWrapProps),{},{children:[l(f,{className:_.actionsLeft,children:[l(f,{className:_.gridToolbar,children:[!1!==(null===(e=this.props.visibilityToolbar)||void 0===e?void 0:e.columns)&&p(d,{}),!1!==(null===(t=this.props.visibilityToolbar)||void 0===t?void 0:t.filters)&&p(u,{}),!1!==(null===(r=this.props.visibilityToolbar)||void 0===r?void 0:r.density)&&p(m,{}),!1!==(null===(i=this.props.visibilityToolbar)||void 0===i?void 0:i.export)&&p(y,{csvOptions:this.props.exportCsvOptions})]}),this.props.formCreate&&p(g,{children:this.props.formCreate}),this.props.afterAction]}),p(f,{className:_.actionsRight,children:l(f,{className:_.quickFilterWrap,children:[p(h,{fullWidth:!0,variant:"standard",size:"small",debounceMs:800,quickFilterParser:function(e){return[e]}}),this.renderEndAdornment()]})})]})),this.props.belowAction]})]})}}])}(),_={root:"Dino-ToolbarPannel-root",actionsRow:"Dino-ToolbarPannel-actionsRow",actionsLeft:"Dino-ToolbarPannel-actionsLeft",actionsRight:"Dino-ToolbarPannel-actionsRight",quickFilterWrap:"Dino-ToolbarPannel-quickFilterWrap",gridToolbar:"Dino-ToolbarPannel-gridToolbar",titleWrap:"Dino-ToolbarPannel-titleWrap",titleText:"Dino-ToolbarPannel-titleText",searchHelp:"Dino-ToolbarPannel-searchHelp",icon:"Dino-ToolbarPannel-icon"},O=b(f)(function(t){var r=t.theme;return e(e(e(e(e(e(e(e(e(e({padding:r.spacing(1,2,0)},".".concat(_.actionsRow),{display:"flex",flexWrap:"wrap"}),".".concat(_.actionsLeft),{flex:1,display:"flex",alignItems:"center",flexWrap:"wrap"}),".".concat(_.actionsRight),e({display:"flex",gap:"8px",alignItems:"center",width:"auto"},r.breakpoints.down("md"),{width:"100%"})),".".concat(_.quickFilterWrap),{display:"flex",alignItems:"center"}),".".concat(_.gridToolbar),{padding:0}),".".concat(_.titleWrap),{height:"var(--height-table-topbar, 48px)",display:"flex",alignItems:"center"}),".".concat(_.titleText),{fontWeight:700,flex:1}),".".concat(_.icon),{marginRight:8,display:"flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto"}),".".concat(_.searchHelp),{margin:"0 0 0 18px",padding:0,li:{position:"relative"},"li::after":{content:'"►"',display:"inline-block",top:"50%",transform:"translateY(-50%)",position:"absolute",left:"-18px"}}),r.breakpoints.down("md"),{padding:r.spacing(1,1,0)})});export{P as default};
 //# sourceMappingURL=toolbar-pannel.js.map