@solidxai/core-ui 0.1.4-beta.1 → 0.1.4

package/dist/components/core/common/SolidGlobalSearchElement.tsx

@@ -806,11 +806,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
 
     useEffect(() => {
         const fn = async () => {
-            console.log("Effect fired");
-            console.log("filterPredicates:", filterPredicates);
             if (filterPredicates) {
-                console.log("inside filterPredicates");
-
                 if (filterPredicates?.custom_filter_predicate && filterPredicates?.custom_filter_predicate !== customFilter) {
                     setCustomFilter(filterPredicates?.custom_filter_predicate);
                     const rules: FilterRule = transformFiltersToRules(filterPredicates.custom_filter_predicate);

package/dist/components/core/dashboard/SolidDashboard.d.ts

@@ -11,7 +11,7 @@ export interface DashboardVariableRecord {
     id: number;
     variableName: string;
     variableType: DashboardVariableType;
-    selectionStaticValues?: string[];
+    selectionStaticValues?: string;
     selectionDynamicSourceType?: SOURCE_TYPE;
     selectionDynamicProviderName?: string;
     selectionDynamicSQL?: string;

package/dist/components/core/dashboard/SolidDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"AAoBA,oBAAY,qBAAqB;IAC/B,IAAI,SAAS;IACb,gBAAgB,oBAAoB;IACpC,iBAAiB,qBAAqB;CACvC;AAED,aAAK,WAAW;IACd,GAAG,QAAQ;IACX,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,qBAAqB,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,0BAA0B,CAAC,EAAE,WAAW,CAAC;IACzC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAwED,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,cAAc,WAAY,uBAAuB,4CAiNtD,CAAA;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SolidDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"AAoBA,oBAAY,qBAAqB;IAC/B,IAAI,SAAS;IACb,gBAAgB,oBAAoB;IACpC,iBAAiB,qBAAqB;CACvC;AAED,aAAK,WAAW;IACd,GAAG,QAAQ;IACX,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,qBAAqB,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0BAA0B,CAAC,EAAE,WAAW,CAAC;IACzC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAwED,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,cAAc,WAAY,uBAAuB,4CAiNtD,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/components/core/dashboard/SolidDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboard.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { DashboardResponse, useGetDashboardQuery } from '../../../redux/api/dashboardApi';\nimport { SqlExpression } from '../../../types/solid-core';\nimport { Button } from 'primereact/button';\nimport { Tooltip } from \"primereact/tooltip\";\nimport qs from 'qs';\nimport { Dispatch, SetStateAction, useEffect, useState } from 'react';\nimport { SolidXAIIcon } from '../solid-ai/SolidXAIIcon';\nimport styles from './SolidDashboard.module.css';\nimport SolidDashboardBody from './SolidDashboardBody';\nimport SolidDashboardVariable from './SolidDashboardVariable';\nimport { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper';\nimport { SolidDashboardFilterRequired } from './SolidDashboardFilterRequired';\nimport { SolidDashboardLoading } from './SolidDashboardLoading';\nimport { SolidDashboardRenderError } from './SolidDashboardRenderError';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showNavbar, toggleNavbar } from \"../../../redux/features/navbarSlice\";\nimport SolidDashboardNotAvailable from './SolidDashboardNotAvailable';\nimport { useLazyGetMcpUrlQuery, useLazyGetSolidSettingsQuery } from '../../../redux/api/solidSettingsApi';\n\nexport enum DashboardVariableType {\n  DATE = 'date',\n  SELECTION_STATIC = 'selectionStatic',\n  SELECTION_DYNAMIC = 'selectionDynamic',\n}\n\nenum SOURCE_TYPE {\n  SQL = 'sql',\n  PROVIDER = 'provider',\n}\n\nexport interface DashboardVariableRecord {\n  id: number;\n  variableName: string;\n  variableType: DashboardVariableType;\n  selectionStaticValues?: string[];\n  selectionDynamicSourceType?: SOURCE_TYPE;\n  selectionDynamicProviderName?: string;\n  selectionDynamicSQL?: string;\n  isMultiSelect?: boolean;\n  defaultValue?: string;\n  defaultOperator?: string;\n}\n\nfunction handleDashboardData(\n  data: DashboardResponse,\n  setDashboardVariables: Dispatch<SetStateAction<DashboardVariableRecord[]>>,\n  setQuestions: Dispatch<SetStateAction<any[]>>,\n) {\n  const { records, meta } = data;\n  if (records && records.length > 0) {\n    // Set the layout options for the dashboard body\n    const dashboardData = records[0]; // Assuming we want the first dashboard\n\n    // Set the dashboard variables\n    setDashboardVariables(dashboardData.dashboardVariables || []);\n\n    // Set the dashboard questions\n    setQuestions(dashboardData.questions)\n\n  }\n}\n\nfunction getQueryParams(moduleName: string, dashboardId?: number, dashboardName?: string) {\n  const filters: any = {\n    module: {\n      name: {\n        $eq: moduleName\n      }\n    }\n  };\n\n  if (dashboardId !== undefined) {\n    filters.id = { $eq: dashboardId };\n  } else if (dashboardName !== undefined) {\n    filters.name = { $eq: dashboardName };\n  }\n\n  const query = {\n    filters,\n    populate: ['dashboardVariables', 'questions']\n  };\n  const urlQuery = qs.stringify(query, {\n    encodeValuesOnly: true,\n  });\n  return urlQuery;\n}\n\n// Render the dashboard body only if:\n// 1. There are dashboard questions\n// AND\n// (\n// 1. There are dashboard variables and all dashboard variable filter rules have been applied i.e (all dashboard variables have been selected)\n//. OR\n// 2. There are no dashboard variables\n// )\n// \nfunction isRenderDashboardBody(questions: any[], dashboardVariables: DashboardVariableRecord[], filters: SqlExpression[]) {\n  if (questions.length === 0) {\n    return false;\n  }\n\n  if (dashboardVariables.length === 0) {\n    return true;\n  }\n\n  // Check if all dashboard variables have corresponding filters applied\n  const allVariablesFiltered = dashboardVariables.every(variable =>\n    filters.some(filter => filter.variableName === variable.variableName)\n  );\n\n  return allVariablesFiltered;\n}\n\ntype SolidDashboardViewProps = {\n  moduleName: string;\n  dashboardId?: number;\n  dashboardName?: string;\n};\n\nconst SolidDashboard = (params: SolidDashboardViewProps) => {\n  const { data, isLoading, error } = useGetDashboardQuery(getQueryParams(params.moduleName, params.dashboardId, params.dashboardName)) // FIXME : error handling should be done properly\n  // Define a state called layoutOption and pass it after destructing the widgetOptions and dashboardOptions from layoutOption\n  // TODO [HP]: Shouldn't the type of this state variable be something different? Why are we muddling this with layout but calling it body props? \n  // TODO [HP]: Body props should be clearly made up of Gridstack layout options, the questions that make up the body & the filter[] which is an array of SqlExpressions\n  // TODO [HP]: This is fully CONFUSED\n  // const [layoutOption, setLayoutOption] = useState<SolidDashboardBodyProps>({\n  //   filters: [],\n  //   questions: [],\n  // });\n\n  // TODO [HP]: replace dashboardVariableFilterRules with filters everywhere...\n  // const [dashboardVariableFilterRules, setDashboardVariableFilterRules] = useState<ISolidDashboardVariableFilterRule[]>([]);\n  const dispatch = useDispatch();\n  const visibleNavbar = useSelector((state: any) => state.navbarState?.visibleNavbar);\n  const [filters, setFilters] = useState<SqlExpression[]>([]);\n  const [isOpenSolidXAiPanel, setIsOpenSolidXAiPanel] = useState(false);\n  const [chatterWidth, setChatterWidth] = useState(380);\n  const [isResizing, setIsResizing] = useState(false);\n  const [questions, setQuestions] = useState<any[]>([]);\n  const [dashboardVariables, setDashboardVariables] = useState<DashboardVariableRecord[]>([]);\n\n\n  useEffect(() => {\n    // Invoke the dashboard api to fetch the dashboard data\n    // console.log('Dashboard Data testing:', isLoading, data, error);\n    if (!isLoading && data) {\n      // Assuming data contains the layout options\n      handleDashboardData(data, setDashboardVariables, setQuestions);\n    }\n  }, [isLoading, data]);\n\n  useEffect(() => {\n    const storedOpen = localStorage.getItem('d_solidxai_open');\n    const storedWidth = localStorage.getItem('d_solidxai_width');\n\n    if (storedOpen !== null) {\n      setIsOpenSolidXAiPanel(storedOpen === 'true');\n    }\n\n    if (storedWidth !== null) {\n      const width = parseInt(storedWidth, 10);\n      if (!isNaN(width)) {\n        setChatterWidth(width);\n      }\n    }\n  }, []);\n\n\n  useEffect(() => {\n    if (isResizing) {\n      const handleMouseMove = (e: MouseEvent) => {\n        const newWidth = window.innerWidth - e.clientX;\n        const clampedWidth = Math.max(280, Math.min(newWidth, 700));\n        setChatterWidth(clampedWidth);\n        localStorage.setItem('d_solidxai_width', clampedWidth.toString());\n      };\n\n      const handleMouseUp = () => {\n        setIsResizing(false);\n      };\n\n      window.addEventListener('mousemove', handleMouseMove);\n      window.addEventListener('mouseup', handleMouseUp);\n\n      return () => {\n        window.removeEventListener('mousemove', handleMouseMove);\n        window.removeEventListener('mouseup', handleMouseUp);\n      };\n    }\n  }, [isResizing]);\n\n\n  const handleOpen = () => {\n    setIsOpenSolidXAiPanel(true);\n    localStorage.setItem('d_solidxai_open', 'true');\n  };\n\n  const handleClose = () => {\n    setIsOpenSolidXAiPanel(false);\n    localStorage.setItem('d_solidxai_open', 'false');\n  };\n\n  const toggleBothSidebars = () => {\n    if (visibleNavbar) {\n      dispatch(toggleNavbar());   // close both\n    } else {\n      dispatch(showNavbar());     // open both\n    }\n  };\n\n\n\n  const [mcpUrl, setMcpUrl] = useState<string | null>(null);\n  const [getMcpUrl] = useLazyGetMcpUrlQuery();\n\n  const [trigger, { data: solidSettingsData }] = useLazyGetSolidSettingsQuery();\n  useEffect(() => {\n    trigger(\"\") // Fetch settings on mount\n  }, [])\n\n  useEffect(() => {\n    if (solidSettingsData?.data?.mcpEnabled && solidSettingsData?.data?.mcpServerUrl) {\n      enableSolidXAiPanel();\n    }\n  }, [solidSettingsData]);\n\n  const enableSolidXAiPanel = async () => {\n    try {\n      const queryData = {\n        showHeader: \"true\",\n        inListView: \"true\"\n      };\n      const queryString = qs.stringify({ ...queryData }, { encodeValuesOnly: true });\n      const response = await getMcpUrl(queryString).unwrap();\n      console.log(\"response\", response);\n      if (response && response?.data?.mcpUrl) {\n        setMcpUrl(response?.data?.mcpUrl);\n      }\n    } catch (error) {\n\n    }\n  }\n\n\n  return (\n    <div className={`h-screen surface-0 flex`}>\n      <div className={`h-full flex-grow-1 ${styles.SolidDashboardPageContentWrapper}`}>\n        {isLoading && <SolidDashboardLoading />}\n        {error && <SolidDashboardRenderError />}\n        {!isLoading && !error && data && data.records.length === 0 && (\n          <SolidDashboardNotAvailable />\n        )}\n        {!isLoading && !error && data && data.records.length > 0 && (\n          <>\n            <div className=\"page-header\" style={{ borderBottom: '1px solid var(--primary-light-color)' }}>\n              <div className='flex align-items-center gap-2'>\n                <div className=\"apps-icon block md:hidden cursor-pointer\" onClick={toggleBothSidebars}>\n                  <i className=\"pi pi-th-large\"></i>\n                </div>\n                <p className={`view-title solid-text-wrapper flex align-items-center gap-1 ${styles.SolidDashboardTitle}`}>\n                  {data?.records[0]?.displayName ? data?.records[0]?.displayName : data?.records[0]?.name}\n                  {data?.records[0]?.description &&\n                    <>\n                      <Tooltip className='solid-field-tooltip' target=\".solid-field-tooltip-icon\" />\n                      <i className=\"pi pi-info-circle solid-field-tooltip-icon\"\n                        data-pr-tooltip={data?.records[0]?.description}\n                        data-pr-position={'right'}\n                      />\n                    </>\n                  }\n                </p>\n              </div>\n              {dashboardVariables && dashboardVariables.length > 0 && <SolidDashboardVariable dashboardVariables={dashboardVariables} filters={filters} setFilters={setFilters} />}\n            </div>\n            {!isRenderDashboardBody(questions, dashboardVariables, filters) && <SolidDashboardFilterRequired />}\n            {isRenderDashboardBody(questions, dashboardVariables, filters) && <SolidDashboardBody questions={questions} filters={filters} />}\n          </>\n        )}\n      </div>\n      {mcpUrl && (\n        <div className={`chatter-section ${isOpenSolidXAiPanel === false ? 'collapsed' : 'open'}`} style={{ width: chatterWidth }}>\n          {isOpenSolidXAiPanel && (\n            <div\n              style={{\n                width: 5,\n                cursor: 'col-resize',\n                position: 'absolute',\n                left: 0,\n                top: 0,\n                bottom: 0,\n                height: '100%',\n                zIndex: 9,\n              }}\n              onMouseDown={() => setIsResizing(true)}\n            />\n          )}\n          {isOpenSolidXAiPanel &&\n            <Button\n              icon=\"pi pi-angle-double-right\"\n              size=\"small\"\n              text\n              className=\"chatter-collapse-btn\"\n              style={{ width: 30, height: 30, aspectRatio: '1/1' }}\n              onClick={handleClose}\n            />\n          }\n\n          {isOpenSolidXAiPanel === false ?\n            <div className=\"flex flex-column gap-2 justify-content-center p-2\">\n              <div className=\"chatter-collapsed-content\" onClick={handleOpen}>\n                <div className=\"flex gap-2\"> <SolidXAIIcon /> SolidX AI </div>\n              </div>\n              <Button\n                icon=\"pi pi-chevron-left\"\n                size=\"small\"\n                className=\"px-0\"\n                style={{ width: 30 }}\n                onClick={handleOpen}\n              />\n            </div>\n            :\n            <SolidAiMainWrapper mcpUrl={mcpUrl} />\n          }\n        </div>\n      )}\n\n    </div>\n  );\n}\n\nexport default SolidDashboard;\n"]}
+{"version":3,"file":"SolidDashboard.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { DashboardResponse, useGetDashboardQuery } from '../../../redux/api/dashboardApi';\nimport { SqlExpression } from '../../../types/solid-core';\nimport { Button } from 'primereact/button';\nimport { Tooltip } from \"primereact/tooltip\";\nimport qs from 'qs';\nimport { Dispatch, SetStateAction, useEffect, useState } from 'react';\nimport { SolidXAIIcon } from '../solid-ai/SolidXAIIcon';\nimport styles from './SolidDashboard.module.css';\nimport SolidDashboardBody from './SolidDashboardBody';\nimport SolidDashboardVariable from './SolidDashboardVariable';\nimport { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper';\nimport { SolidDashboardFilterRequired } from './SolidDashboardFilterRequired';\nimport { SolidDashboardLoading } from './SolidDashboardLoading';\nimport { SolidDashboardRenderError } from './SolidDashboardRenderError';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showNavbar, toggleNavbar } from \"../../../redux/features/navbarSlice\";\nimport SolidDashboardNotAvailable from './SolidDashboardNotAvailable';\nimport { useLazyGetMcpUrlQuery, useLazyGetSolidSettingsQuery } from '../../../redux/api/solidSettingsApi';\n\nexport enum DashboardVariableType {\n  DATE = 'date',\n  SELECTION_STATIC = 'selectionStatic',\n  SELECTION_DYNAMIC = 'selectionDynamic',\n}\n\nenum SOURCE_TYPE {\n  SQL = 'sql',\n  PROVIDER = 'provider',\n}\n\nexport interface DashboardVariableRecord {\n  id: number;\n  variableName: string;\n  variableType: DashboardVariableType;\n  selectionStaticValues?: string;\n  selectionDynamicSourceType?: SOURCE_TYPE;\n  selectionDynamicProviderName?: string;\n  selectionDynamicSQL?: string;\n  isMultiSelect?: boolean;\n  defaultValue?: string;\n  defaultOperator?: string;\n}\n\nfunction handleDashboardData(\n  data: DashboardResponse,\n  setDashboardVariables: Dispatch<SetStateAction<DashboardVariableRecord[]>>,\n  setQuestions: Dispatch<SetStateAction<any[]>>,\n) {\n  const { records, meta } = data;\n  if (records && records.length > 0) {\n    // Set the layout options for the dashboard body\n    const dashboardData = records[0]; // Assuming we want the first dashboard\n\n    // Set the dashboard variables\n    setDashboardVariables(dashboardData.dashboardVariables || []);\n\n    // Set the dashboard questions\n    setQuestions(dashboardData.questions)\n\n  }\n}\n\nfunction getQueryParams(moduleName: string, dashboardId?: number, dashboardName?: string) {\n  const filters: any = {\n    module: {\n      name: {\n        $eq: moduleName\n      }\n    }\n  };\n\n  if (dashboardId !== undefined) {\n    filters.id = { $eq: dashboardId };\n  } else if (dashboardName !== undefined) {\n    filters.name = { $eq: dashboardName };\n  }\n\n  const query = {\n    filters,\n    populate: ['dashboardVariables', 'questions']\n  };\n  const urlQuery = qs.stringify(query, {\n    encodeValuesOnly: true,\n  });\n  return urlQuery;\n}\n\n// Render the dashboard body only if:\n// 1. There are dashboard questions\n// AND\n// (\n// 1. There are dashboard variables and all dashboard variable filter rules have been applied i.e (all dashboard variables have been selected)\n//. OR\n// 2. There are no dashboard variables\n// )\n// \nfunction isRenderDashboardBody(questions: any[], dashboardVariables: DashboardVariableRecord[], filters: SqlExpression[]) {\n  if (questions.length === 0) {\n    return false;\n  }\n\n  if (dashboardVariables.length === 0) {\n    return true;\n  }\n\n  // Check if all dashboard variables have corresponding filters applied\n  const allVariablesFiltered = dashboardVariables.every(variable =>\n    filters.some(filter => filter.variableName === variable.variableName)\n  );\n\n  return allVariablesFiltered;\n}\n\ntype SolidDashboardViewProps = {\n  moduleName: string;\n  dashboardId?: number;\n  dashboardName?: string;\n};\n\nconst SolidDashboard = (params: SolidDashboardViewProps) => {\n  const { data, isLoading, error } = useGetDashboardQuery(getQueryParams(params.moduleName, params.dashboardId, params.dashboardName)) // FIXME : error handling should be done properly\n  // Define a state called layoutOption and pass it after destructing the widgetOptions and dashboardOptions from layoutOption\n  // TODO [HP]: Shouldn't the type of this state variable be something different? Why are we muddling this with layout but calling it body props? \n  // TODO [HP]: Body props should be clearly made up of Gridstack layout options, the questions that make up the body & the filter[] which is an array of SqlExpressions\n  // TODO [HP]: This is fully CONFUSED\n  // const [layoutOption, setLayoutOption] = useState<SolidDashboardBodyProps>({\n  //   filters: [],\n  //   questions: [],\n  // });\n\n  // TODO [HP]: replace dashboardVariableFilterRules with filters everywhere...\n  // const [dashboardVariableFilterRules, setDashboardVariableFilterRules] = useState<ISolidDashboardVariableFilterRule[]>([]);\n  const dispatch = useDispatch();\n  const visibleNavbar = useSelector((state: any) => state.navbarState?.visibleNavbar);\n  const [filters, setFilters] = useState<SqlExpression[]>([]);\n  const [isOpenSolidXAiPanel, setIsOpenSolidXAiPanel] = useState(false);\n  const [chatterWidth, setChatterWidth] = useState(380);\n  const [isResizing, setIsResizing] = useState(false);\n  const [questions, setQuestions] = useState<any[]>([]);\n  const [dashboardVariables, setDashboardVariables] = useState<DashboardVariableRecord[]>([]);\n\n\n  useEffect(() => {\n    // Invoke the dashboard api to fetch the dashboard data\n    // console.log('Dashboard Data testing:', isLoading, data, error);\n    if (!isLoading && data) {\n      // Assuming data contains the layout options\n      handleDashboardData(data, setDashboardVariables, setQuestions);\n    }\n  }, [isLoading, data]);\n\n  useEffect(() => {\n    const storedOpen = localStorage.getItem('d_solidxai_open');\n    const storedWidth = localStorage.getItem('d_solidxai_width');\n\n    if (storedOpen !== null) {\n      setIsOpenSolidXAiPanel(storedOpen === 'true');\n    }\n\n    if (storedWidth !== null) {\n      const width = parseInt(storedWidth, 10);\n      if (!isNaN(width)) {\n        setChatterWidth(width);\n      }\n    }\n  }, []);\n\n\n  useEffect(() => {\n    if (isResizing) {\n      const handleMouseMove = (e: MouseEvent) => {\n        const newWidth = window.innerWidth - e.clientX;\n        const clampedWidth = Math.max(280, Math.min(newWidth, 700));\n        setChatterWidth(clampedWidth);\n        localStorage.setItem('d_solidxai_width', clampedWidth.toString());\n      };\n\n      const handleMouseUp = () => {\n        setIsResizing(false);\n      };\n\n      window.addEventListener('mousemove', handleMouseMove);\n      window.addEventListener('mouseup', handleMouseUp);\n\n      return () => {\n        window.removeEventListener('mousemove', handleMouseMove);\n        window.removeEventListener('mouseup', handleMouseUp);\n      };\n    }\n  }, [isResizing]);\n\n\n  const handleOpen = () => {\n    setIsOpenSolidXAiPanel(true);\n    localStorage.setItem('d_solidxai_open', 'true');\n  };\n\n  const handleClose = () => {\n    setIsOpenSolidXAiPanel(false);\n    localStorage.setItem('d_solidxai_open', 'false');\n  };\n\n  const toggleBothSidebars = () => {\n    if (visibleNavbar) {\n      dispatch(toggleNavbar());   // close both\n    } else {\n      dispatch(showNavbar());     // open both\n    }\n  };\n\n\n\n  const [mcpUrl, setMcpUrl] = useState<string | null>(null);\n  const [getMcpUrl] = useLazyGetMcpUrlQuery();\n\n  const [trigger, { data: solidSettingsData }] = useLazyGetSolidSettingsQuery();\n  useEffect(() => {\n    trigger(\"\") // Fetch settings on mount\n  }, [])\n\n  useEffect(() => {\n    if (solidSettingsData?.data?.mcpEnabled && solidSettingsData?.data?.mcpServerUrl) {\n      enableSolidXAiPanel();\n    }\n  }, [solidSettingsData]);\n\n  const enableSolidXAiPanel = async () => {\n    try {\n      const queryData = {\n        showHeader: \"true\",\n        inListView: \"true\"\n      };\n      const queryString = qs.stringify({ ...queryData }, { encodeValuesOnly: true });\n      const response = await getMcpUrl(queryString).unwrap();\n      console.log(\"response\", response);\n      if (response && response?.data?.mcpUrl) {\n        setMcpUrl(response?.data?.mcpUrl);\n      }\n    } catch (error) {\n\n    }\n  }\n\n\n  return (\n    <div className={`h-screen surface-0 flex`}>\n      <div className={`h-full flex-grow-1 ${styles.SolidDashboardPageContentWrapper}`}>\n        {isLoading && <SolidDashboardLoading />}\n        {error && <SolidDashboardRenderError />}\n        {!isLoading && !error && data && data.records.length === 0 && (\n          <SolidDashboardNotAvailable />\n        )}\n        {!isLoading && !error && data && data.records.length > 0 && (\n          <>\n            <div className=\"page-header\" style={{ borderBottom: '1px solid var(--primary-light-color)' }}>\n              <div className='flex align-items-center gap-2'>\n                <div className=\"apps-icon block md:hidden cursor-pointer\" onClick={toggleBothSidebars}>\n                  <i className=\"pi pi-th-large\"></i>\n                </div>\n                <p className={`view-title solid-text-wrapper flex align-items-center gap-1 ${styles.SolidDashboardTitle}`}>\n                  {data?.records[0]?.displayName ? data?.records[0]?.displayName : data?.records[0]?.name}\n                  {data?.records[0]?.description &&\n                    <>\n                      <Tooltip className='solid-field-tooltip' target=\".solid-field-tooltip-icon\" />\n                      <i className=\"pi pi-info-circle solid-field-tooltip-icon\"\n                        data-pr-tooltip={data?.records[0]?.description}\n                        data-pr-position={'right'}\n                      />\n                    </>\n                  }\n                </p>\n              </div>\n              {dashboardVariables && dashboardVariables.length > 0 && <SolidDashboardVariable dashboardVariables={dashboardVariables} filters={filters} setFilters={setFilters} />}\n            </div>\n            {!isRenderDashboardBody(questions, dashboardVariables, filters) && <SolidDashboardFilterRequired />}\n            {isRenderDashboardBody(questions, dashboardVariables, filters) && <SolidDashboardBody questions={questions} filters={filters} />}\n          </>\n        )}\n      </div>\n      {mcpUrl && (\n        <div className={`chatter-section ${isOpenSolidXAiPanel === false ? 'collapsed' : 'open'}`} style={{ width: chatterWidth }}>\n          {isOpenSolidXAiPanel && (\n            <div\n              style={{\n                width: 5,\n                cursor: 'col-resize',\n                position: 'absolute',\n                left: 0,\n                top: 0,\n                bottom: 0,\n                height: '100%',\n                zIndex: 9,\n              }}\n              onMouseDown={() => setIsResizing(true)}\n            />\n          )}\n          {isOpenSolidXAiPanel &&\n            <Button\n              icon=\"pi pi-angle-double-right\"\n              size=\"small\"\n              text\n              className=\"chatter-collapse-btn\"\n              style={{ width: 30, height: 30, aspectRatio: '1/1' }}\n              onClick={handleClose}\n            />\n          }\n\n          {isOpenSolidXAiPanel === false ?\n            <div className=\"flex flex-column gap-2 justify-content-center p-2\">\n              <div className=\"chatter-collapsed-content\" onClick={handleOpen}>\n                <div className=\"flex gap-2\"> <SolidXAIIcon /> SolidX AI </div>\n              </div>\n              <Button\n                icon=\"pi pi-chevron-left\"\n                size=\"small\"\n                className=\"px-0\"\n                style={{ width: 30 }}\n                onClick={handleOpen}\n              />\n            </div>\n            :\n            <SolidAiMainWrapper mcpUrl={mcpUrl} />\n          }\n        </div>\n      )}\n\n    </div>\n  );\n}\n\nexport default SolidDashboard;\n"]}

package/dist/components/core/dashboard/SolidDashboard.tsx

@@ -33,7 +33,7 @@ export interface DashboardVariableRecord {
   id: number;
   variableName: string;
   variableType: DashboardVariableType;
-  selectionStaticValues?: string[];
+  selectionStaticValues?: string;
   selectionDynamicSourceType?: SOURCE_TYPE;
   selectionDynamicProviderName?: string;
   selectionDynamicSQL?: string;

package/dist/components/core/dashboard/SolidDashboardVariable.js

@@ -115,7 +115,7 @@ export var SelectionStaticVariableFilterComponent = function (_a) {
     // Selection Static Values
     var _b = useState(defaultStaticValues), selectionStaticValues = _b[0], setSelectionStaticValues = _b[1];
     var _c = useState([]), filteredStaticItems = _c[0], setFilteredStaticItems = _c[1];
-    var staticValues = dashboardVariable.selectionStaticValues || [];
+    var staticValues = JSON.parse(dashboardVariable.selectionStaticValues || '[]') || [];
     // The values are in the format val:label, we need to extract the labels
     var staticValueItems = staticValues.map(function (val) { return ({ value: val.split(':')[0], label: val.split(':')[1] }); });
     // Static search

package/dist/components/core/dashboard/SolidDashboardVariable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboardVariable.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariable.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { SqlExpression } from \"../../../types/solid-core\";\nimport { AutoComplete, AutoCompleteChangeEvent, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { Calendar } from \"primereact/calendar\";\nimport { Nullable } from \"primereact/ts-helpers\";\nimport React, { Dispatch, SetStateAction, useEffect, useState } from \"react\";\nimport styles from './SolidDashboard.module.css';\nimport { useGetDashboardVariableSelectionDynamicValuesQuery } from \"../../../redux/api/dashboardApi\";\nimport { ProgressSpinner } from \"primereact/progressspinner\";\nimport { DashboardVariableRecord } from \"./SolidDashboard\";\nimport { Button } from \"primereact/button\";\n\n\nexport interface DashboardVariableFilterProps {\n  setFilters: Dispatch<SetStateAction<SqlExpression[]>>;\n  clearSignal: number;\n  dashboardVariable: DashboardVariableRecord;\n}\n\nexport const DateVariableFilterComponent: React.FC<DashboardVariableFilterProps> = ({ setFilters, clearSignal, dashboardVariable }) => {\n  // Initialize the default dates state\n  // If the dashboardVariable has a defaultOperator as Between and a defaultValue as two dates, we can set those as the initial values, otherwise null\n  const defaultDatesString = dashboardVariable.defaultOperator === '$between' && dashboardVariable.defaultValue\n  const defaultDatesArray = JSON.parse(defaultDatesString || '[]');\n  // Map the defaultDatesArray to Date objects\n  const defaultDates: Nullable<(Date | null)[]> = defaultDatesArray.length === 2 ? [\n    new Date(defaultDatesArray[0]),\n    new Date(defaultDatesArray[1])\n  ] : null;\n  const [dates, setDates] = useState<Nullable<(Date | null)[]>>(defaultDates);\n\n  useEffect(() => {\n    setDates(null);  // reset UI\n  }, [clearSignal]);\n  \n  return (\n    <div className={`flex align-items-center ${styles.SolidDashboardDateRangeFilterWrapper}`}>\n      <Calendar value={dates} onChange={(e) => {\n        console.log(`Calendar changed values are: `);\n        console.log(e.value);\n        const newDates = e.value as Date[] | null;\n        setDates(newDates);\n\n        if (newDates && newDates.length === 2 && newDates[0] && newDates[1]) {\n          const filter: SqlExpression = {\n            variableName: dashboardVariable.variableName,\n            // @ts-ignore\n            operator: '$between',\n            value: [\n              newDates[0].toISOString().split('T')[0],\n              newDates[1].toISOString().split('T')[0]\n            ]\n          };\n          setFilters(prev => {\n            // Remove any existing dashboardDate filter and replace with the new one\n            // const filtered = prev.filter(f => f.variableName !== 'dashboardDate');\n            return [filter];\n          });\n        }\n\n      }} selectionMode=\"range\" readOnlyInput hideOnRangeSelection inputStyle={{ height: 36.38 }} className={styles.SolidDashboardDateRangeFilter} />\n      <div className=\"px-2\">\n        <i className=\"pi pi-calendar opacity-50\"></i>\n      </div>\n    </div>\n  )\n}\n\nexport const SelectionDynamicVariableFilterComponent: React.FC<DashboardVariableFilterProps> = ({ setFilters, clearSignal, dashboardVariable }) => {\n  // Initialize the selection dynamic values state\n  // Pick the values from defaultValue if present, for default operator $in\n  const defaultDynamicValuesString = dashboardVariable.defaultOperator === '$in' && dashboardVariable.defaultValue;\n  const defaultDynamicValues = JSON.parse(defaultDynamicValuesString || '[]');\n\n  // Selection Dynamic Values\n  const [selectionDynamicValues, setSelectionDynamicValues] = useState<string[]>(defaultDynamicValues);\n  const [filteredItems, setFilteredItems] = useState<string[]>([]);\n\n  // Using rtk query to fetch dynamic values based on variableId\n  const variableId = dashboardVariable.id;\n  const queryString = `variableId=${variableId}`;\n  const { data: dynamicValues, isLoading, isError } = useGetDashboardVariableSelectionDynamicValuesQuery(queryString);\n\n  const allItems = dynamicValues ? dynamicValues : [];\n\n  // Dynamic search\n  const searchDynamic = (event: AutoCompleteCompleteEvent) => {\n    const query = event.query.toLowerCase();\n    const filtered = allItems.map(item => item.label).filter(item =>\n      item.toLowerCase().includes(query)\n    );\n    setFilteredItems(filtered);\n  };\n\n  // Set the filters whenever selectionDynamicValues change\n  useEffect(() => {\n    console.log(`Selection Dynamic Values changed:`, selectionDynamicValues);\n    if (selectionDynamicValues.length > 0) {\n      const filter: SqlExpression = {\n        variableName: dashboardVariable.variableName,\n        // @ts-ignore\n        operator: '$in',\n        value: selectionDynamicValues\n      };\n      setFilters(prev => {\n        // Remove any existing filter for this variable and replace with the new one\n        const filtered = prev.filter(f => f.variableName !== dashboardVariable.variableName);\n        return [...filtered, filter];\n      });\n    }\n    // else {\n    //   // If no values selected, remove the filter for this variable\n    //   setFilters(prev => prev.filter(f => f.variableName !== dashboardVariable.variableName));\n    // }\n  }, [selectionDynamicValues]);\n\n  useEffect(() => {\n    setSelectionDynamicValues([]);\n  }, [clearSignal]);\n\n  return (\n    <>\n      {isLoading && <ProgressSpinner></ProgressSpinner>}\n      {isError && <div>Error loading values</div>}\n      {!isLoading && !isError &&\n        <AutoComplete\n          value={selectionDynamicValues}\n          suggestions={filteredItems}\n          completeMethod={searchDynamic}\n          onChange={(e: AutoCompleteChangeEvent) => {\n            console.log('AutoComplete changed values are:');\n            console.log(e);\n            setSelectionDynamicValues(e.value)\n          }}\n          multiple\n          dropdown\n          placeholder={dashboardVariable.variableName}\n          className=\"solid-standard-autocomplete\"\n          style={{ minHeight: 38 }}\n        />\n      }\n    </>\n  );\n}\n\nexport const SelectionStaticVariableFilterComponent: React.FC<DashboardVariableFilterProps> = ({ setFilters, clearSignal, dashboardVariable }) => {\n  // Initialize the selection static values state\n  // Pick the values from defaultValue if present, for default operator $in\n  const defaultStaticValuesString = dashboardVariable.defaultOperator === '$in' && dashboardVariable.defaultValue;\n  const defaultStaticValues = JSON.parse(defaultStaticValuesString || '[]');\n\n  // Selection Static Values\n  const [selectionStaticValues, setSelectionStaticValues] = useState<string[]>(defaultStaticValues);\n  const [filteredStaticItems, setFilteredStaticItems] = useState<string[]>([]);\n  const staticValues = dashboardVariable.selectionStaticValues || [];\n\n  // The values are in the format val:label, we need to extract the labels\n  const staticValueItems = staticValues.map((val: any) => ({ value: val.split(':')[0], label: val.split(':')[1] }));\n\n  // Static search\n  const searchStatic = (event: AutoCompleteCompleteEvent) => {\n    const query = event.query.toLowerCase();\n    const filtered = staticValueItems.map(\n      (item: { label: any; }) => item.label\n    ).filter((item: string) =>\n      item.toLowerCase().includes(query)\n    );\n    setFilteredStaticItems(filtered);\n  };\n\n  // Set the filters whenever selectionStaticValues change\n  useEffect(() => {\n    // console.log(`Selection Static Values changed:`, selectionStaticValues);\n    if (selectionStaticValues.length > 0) {\n      const filter: SqlExpression = {\n        variableName: dashboardVariable.variableName,\n        // @ts-ignore\n        operator: '$in',\n        value: selectionStaticValues\n      };\n      setFilters(prev => {\n        // Remove any existing filter for this variable and replace with the new one\n        const filtered = prev.filter(f => f.variableName !== dashboardVariable.variableName);\n        return [...filtered, filter];\n      });\n    }\n    // else {\n    //   // If no values selected, remove the filter for this variable\n    //   setFilters(prev => prev.filter(f => f.variableName !== dashboardVariable.variableName));\n    // }\n  }, [selectionStaticValues]);\n\n  useEffect(() => {\n    setSelectionStaticValues([]);\n  }, [clearSignal]);\n\n  return (\n    <AutoComplete\n      value={selectionStaticValues}\n      suggestions={filteredStaticItems}\n      completeMethod={searchStatic}\n      onChange={(e: AutoCompleteChangeEvent) => setSelectionStaticValues(e.value)}\n      multiple\n      dropdown\n      placeholder={dashboardVariable.variableName}\n      className=\"solid-standard-autocomplete\"\n      style={{ minHeight: 38 }}\n    />\n  );\n}\n\nexport interface SolidDashboardVariableProps {\n  dashboardVariables: any;\n  filters: SqlExpression[];\n  setFilters: Dispatch<SetStateAction<SqlExpression[]>>;\n}\n\nconst SolidDashboardVariable: React.FC<SolidDashboardVariableProps> = ({ dashboardVariables, filters, setFilters }) => {\n  const [clearSignal, setClearSignal] = useState(0);\n  const dashboardVariableComponents = dashboardVariables.map((dashboardVariable: any, index: number) => {\n    switch (dashboardVariable.variableType) {\n      case 'date':\n        return <DateVariableFilterComponent key={index} setFilters={setFilters} clearSignal={clearSignal} dashboardVariable={dashboardVariable} />;\n      case 'selectionStatic':\n        return <SelectionStaticVariableFilterComponent key={index} setFilters={setFilters} clearSignal={clearSignal} dashboardVariable={dashboardVariable} />;\n      case 'selectionDynamic':\n        return <SelectionDynamicVariableFilterComponent key={index} setFilters={setFilters} clearSignal={clearSignal} dashboardVariable={dashboardVariable} />;\n      default:\n        return null;\n    }\n  });\n\n  const clearAllFilters = () => {\n    setFilters([]);\n    setClearSignal(prev => prev + 1);  // triggers children to reset\n  };\n\n  // TODO [HP]: Currently this is static, we need this to be dynamic how we are invoking setFilters below has to be fully dynamic...\n  return (\n    <div className=\"flex align-items-center gap-3\">\n      {dashboardVariableComponents}\n      {filters.length > 0 && (\n        <Button\n          onClick={clearAllFilters}\n          size=\"small\"\n          outlined\n          // severity=\"info\"\n          icon=\"pi pi-filter-slash\"\n        />\n      )}\n    </div>\n  );\n}\n\nexport default SolidDashboardVariable;\n\n"]}
+{"version":3,"file":"SolidDashboardVariable.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariable.tsx"],"names":[],"mappings":";;;;;;;;;;AAEA,OAAO,EAAE,YAAY,EAAsD,MAAM,yBAAyB,CAAC;AAC3G,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAc,EAA4B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,kDAAkD,EAAE,MAAM,iCAAiC,CAAC;AACrG,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAS3C,MAAM,CAAC,IAAM,2BAA2B,GAA2C,UAAC,EAA8C;QAA5C,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,iBAAiB,uBAAA;IAC9H,qCAAqC;IACrC,oJAAoJ;IACpJ,IAAM,kBAAkB,GAAG,iBAAiB,CAAC,eAAe,KAAK,UAAU,IAAI,iBAAiB,CAAC,YAAY,CAAA;IAC7G,IAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,IAAI,IAAI,CAAC,CAAC;IACjE,4CAA4C;IAC5C,IAAM,YAAY,GAA8B,iBAAiB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC;QAC/E,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;KAC/B,CAAC,CAAC,CAAC,IAAI,CAAC;IACH,IAAA,KAAoB,QAAQ,CAA4B,YAAY,CAAC,EAApE,KAAK,QAAA,EAAE,QAAQ,QAAqD,CAAC;IAE5E,SAAS,CAAC;QACR,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAE,WAAW;IAC9B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,eAAK,SAAS,EAAE,kCAA2B,MAAM,CAAC,oCAAoC,CAAE,aACtF,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAC,CAAC;oBAClC,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;oBAC7C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;oBACrB,IAAM,QAAQ,GAAG,CAAC,CAAC,KAAsB,CAAC;oBAC1C,QAAQ,CAAC,QAAQ,CAAC,CAAC;oBAEnB,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;wBACnE,IAAM,QAAM,GAAkB;4BAC5B,YAAY,EAAE,iBAAiB,CAAC,YAAY;4BAC5C,aAAa;4BACb,QAAQ,EAAE,UAAU;4BACpB,KAAK,EAAE;gCACL,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gCACvC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;6BACxC;yBACF,CAAC;wBACF,UAAU,CAAC,UAAA,IAAI;4BACb,wEAAwE;4BACxE,yEAAyE;4BACzE,OAAO,CAAC,QAAM,CAAC,CAAC;wBAClB,CAAC,CAAC,CAAC;qBACJ;gBAEH,CAAC,EAAE,aAAa,EAAC,OAAO,EAAC,aAAa,QAAC,oBAAoB,QAAC,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,6BAA6B,GAAI,EAC9I,cAAK,SAAS,EAAC,MAAM,YACnB,YAAG,SAAS,EAAC,2BAA2B,GAAK,GACzC,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,uCAAuC,GAA2C,UAAC,EAA8C;QAA5C,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,iBAAiB,uBAAA;IAC1I,gDAAgD;IAChD,yEAAyE;IACzE,IAAM,0BAA0B,GAAG,iBAAiB,CAAC,eAAe,KAAK,KAAK,IAAI,iBAAiB,CAAC,YAAY,CAAC;IACjH,IAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,0BAA0B,IAAI,IAAI,CAAC,CAAC;IAE5E,2BAA2B;IACrB,IAAA,KAAsD,QAAQ,CAAW,oBAAoB,CAAC,EAA7F,sBAAsB,QAAA,EAAE,yBAAyB,QAA4C,CAAC;IAC/F,IAAA,KAAoC,QAAQ,CAAW,EAAE,CAAC,EAAzD,aAAa,QAAA,EAAE,gBAAgB,QAA0B,CAAC;IAEjE,8DAA8D;IAC9D,IAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,CAAC;IACxC,IAAM,WAAW,GAAG,qBAAc,UAAU,CAAE,CAAC;IACzC,IAAA,KAA8C,kDAAkD,CAAC,WAAW,CAAC,EAArG,aAAa,UAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAoE,CAAC;IAEpH,IAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpD,iBAAiB;IACjB,IAAM,aAAa,GAAG,UAAC,KAAgC;QACrD,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACxC,IAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,KAAK,EAAV,CAAU,CAAC,CAAC,MAAM,CAAC,UAAA,IAAI;YAC3D,OAAA,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAlC,CAAkC,CACnC,CAAC;QACF,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,yDAAyD;IACzD,SAAS,CAAC;QACR,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,sBAAsB,CAAC,CAAC;QACzE,IAAI,sBAAsB,CAAC,MAAM,GAAG,CAAC,EAAE;YACrC,IAAM,QAAM,GAAkB;gBAC5B,YAAY,EAAE,iBAAiB,CAAC,YAAY;gBAC5C,aAAa;gBACb,QAAQ,EAAE,KAAK;gBACf,KAAK,EAAE,sBAAsB;aAC9B,CAAC;YACF,UAAU,CAAC,UAAA,IAAI;gBACb,4EAA4E;gBAC5E,IAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,YAAY,KAAK,iBAAiB,CAAC,YAAY,EAAjD,CAAiD,CAAC,CAAC;gBACrF,uCAAW,QAAQ,UAAE,QAAM,UAAE;YAC/B,CAAC,CAAC,CAAC;SACJ;QACD,SAAS;QACT,kEAAkE;QAClE,6FAA6F;QAC7F,IAAI;IACN,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAE7B,SAAS,CAAC;QACR,yBAAyB,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,8BACG,SAAS,IAAI,KAAC,eAAe,KAAmB,EAChD,OAAO,IAAI,iDAA+B,EAC1C,CAAC,SAAS,IAAI,CAAC,OAAO;gBACrB,KAAC,YAAY,IACX,KAAK,EAAE,sBAAsB,EAC7B,WAAW,EAAE,aAAa,EAC1B,cAAc,EAAE,aAAa,EAC7B,QAAQ,EAAE,UAAC,CAA0B;wBACnC,OAAO,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAC;wBAChD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;wBACf,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;oBACpC,CAAC,EACD,QAAQ,QACR,QAAQ,QACR,WAAW,EAAE,iBAAiB,CAAC,YAAY,EAC3C,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,GACxB,IAEH,CACJ,CAAC;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,sCAAsC,GAA2C,UAAC,EAA8C;QAA5C,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,iBAAiB,uBAAA;IACzI,+CAA+C;IAC/C,yEAAyE;IACzE,IAAM,yBAAyB,GAAG,iBAAiB,CAAC,eAAe,KAAK,KAAK,IAAI,iBAAiB,CAAC,YAAY,CAAC;IAChH,IAAM,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,yBAAyB,IAAI,IAAI,CAAC,CAAC;IAE1E,0BAA0B;IACpB,IAAA,KAAoD,QAAQ,CAAW,mBAAmB,CAAC,EAA1F,qBAAqB,QAAA,EAAE,wBAAwB,QAA2C,CAAC;IAC5F,IAAA,KAAgD,QAAQ,CAAW,EAAE,CAAC,EAArE,mBAAmB,QAAA,EAAE,sBAAsB,QAA0B,CAAC;IAC7E,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;IAEvF,wEAAwE;IACxE,IAAM,gBAAgB,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAxD,CAAwD,CAAC,CAAC;IAElH,gBAAgB;IAChB,IAAM,YAAY,GAAG,UAAC,KAAgC;QACpD,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACxC,IAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CACnC,UAAC,IAAqB,IAAK,OAAA,IAAI,CAAC,KAAK,EAAV,CAAU,CACtC,CAAC,MAAM,CAAC,UAAC,IAAY;YACpB,OAAA,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAlC,CAAkC,CACnC,CAAC;QACF,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,wDAAwD;IACxD,SAAS,CAAC;QACR,0EAA0E;QAC1E,IAAI,qBAAqB,CAAC,MAAM,GAAG,CAAC,EAAE;YACpC,IAAM,QAAM,GAAkB;gBAC5B,YAAY,EAAE,iBAAiB,CAAC,YAAY;gBAC5C,aAAa;gBACb,QAAQ,EAAE,KAAK;gBACf,KAAK,EAAE,qBAAqB;aAC7B,CAAC;YACF,UAAU,CAAC,UAAA,IAAI;gBACb,4EAA4E;gBAC5E,IAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,YAAY,KAAK,iBAAiB,CAAC,YAAY,EAAjD,CAAiD,CAAC,CAAC;gBACrF,uCAAW,QAAQ,UAAE,QAAM,UAAE;YAC/B,CAAC,CAAC,CAAC;SACJ;QACD,SAAS;QACT,kEAAkE;QAClE,6FAA6F;QAC7F,IAAI;IACN,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,SAAS,CAAC;QACR,wBAAwB,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,qBAAqB,EAC5B,WAAW,EAAE,mBAAmB,EAChC,cAAc,EAAE,YAAY,EAC5B,QAAQ,EAAE,UAAC,CAA0B,IAAK,OAAA,wBAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjC,CAAiC,EAC3E,QAAQ,QACR,QAAQ,QACR,WAAW,EAAE,iBAAiB,CAAC,YAAY,EAC3C,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,GACxB,CACH,CAAC;AACJ,CAAC,CAAA;AAQD,IAAM,sBAAsB,GAA0C,UAAC,EAA2C;QAAzC,kBAAkB,wBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA;IACxG,IAAA,KAAgC,QAAQ,CAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAC;IAClD,IAAM,2BAA2B,GAAG,kBAAkB,CAAC,GAAG,CAAC,UAAC,iBAAsB,EAAE,KAAa;QAC/F,QAAQ,iBAAiB,CAAC,YAAY,EAAE;YACtC,KAAK,MAAM;gBACT,OAAO,KAAC,2BAA2B,IAAa,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,IAA7F,KAAK,CAA4F,CAAC;YAC7I,KAAK,iBAAiB;gBACpB,OAAO,KAAC,sCAAsC,IAAa,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,IAA7F,KAAK,CAA4F,CAAC;YACxJ,KAAK,kBAAkB;gBACrB,OAAO,KAAC,uCAAuC,IAAa,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,IAA7F,KAAK,CAA4F,CAAC;YACzJ;gBACE,OAAO,IAAI,CAAC;SACf;IACH,CAAC,CAAC,CAAC;IAEH,IAAM,eAAe,GAAG;QACtB,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,cAAc,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,GAAG,CAAC,EAAR,CAAQ,CAAC,CAAC,CAAE,6BAA6B;IAClE,CAAC,CAAC;IAEF,kIAAkI;IAClI,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC3C,2BAA2B,EAC3B,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,KAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,OAAO,EACZ,QAAQ;gBACR,kBAAkB;gBAClB,IAAI,EAAC,oBAAoB,GACzB,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["\nimport { SqlExpression } from \"../../../types/solid-core\";\nimport { AutoComplete, AutoCompleteChangeEvent, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { Calendar } from \"primereact/calendar\";\nimport { Nullable } from \"primereact/ts-helpers\";\nimport React, { Dispatch, SetStateAction, useEffect, useState } from \"react\";\nimport styles from './SolidDashboard.module.css';\nimport { useGetDashboardVariableSelectionDynamicValuesQuery } from \"../../../redux/api/dashboardApi\";\nimport { ProgressSpinner } from \"primereact/progressspinner\";\nimport { DashboardVariableRecord } from \"./SolidDashboard\";\nimport { Button } from \"primereact/button\";\n\n\nexport interface DashboardVariableFilterProps {\n  setFilters: Dispatch<SetStateAction<SqlExpression[]>>;\n  clearSignal: number;\n  dashboardVariable: DashboardVariableRecord;\n}\n\nexport const DateVariableFilterComponent: React.FC<DashboardVariableFilterProps> = ({ setFilters, clearSignal, dashboardVariable }) => {\n  // Initialize the default dates state\n  // If the dashboardVariable has a defaultOperator as Between and a defaultValue as two dates, we can set those as the initial values, otherwise null\n  const defaultDatesString = dashboardVariable.defaultOperator === '$between' && dashboardVariable.defaultValue\n  const defaultDatesArray = JSON.parse(defaultDatesString || '[]');\n  // Map the defaultDatesArray to Date objects\n  const defaultDates: Nullable<(Date | null)[]> = defaultDatesArray.length === 2 ? [\n    new Date(defaultDatesArray[0]),\n    new Date(defaultDatesArray[1])\n  ] : null;\n  const [dates, setDates] = useState<Nullable<(Date | null)[]>>(defaultDates);\n\n  useEffect(() => {\n    setDates(null);  // reset UI\n  }, [clearSignal]);\n  \n  return (\n    <div className={`flex align-items-center ${styles.SolidDashboardDateRangeFilterWrapper}`}>\n      <Calendar value={dates} onChange={(e) => {\n        console.log(`Calendar changed values are: `);\n        console.log(e.value);\n        const newDates = e.value as Date[] | null;\n        setDates(newDates);\n\n        if (newDates && newDates.length === 2 && newDates[0] && newDates[1]) {\n          const filter: SqlExpression = {\n            variableName: dashboardVariable.variableName,\n            // @ts-ignore\n            operator: '$between',\n            value: [\n              newDates[0].toISOString().split('T')[0],\n              newDates[1].toISOString().split('T')[0]\n            ]\n          };\n          setFilters(prev => {\n            // Remove any existing dashboardDate filter and replace with the new one\n            // const filtered = prev.filter(f => f.variableName !== 'dashboardDate');\n            return [filter];\n          });\n        }\n\n      }} selectionMode=\"range\" readOnlyInput hideOnRangeSelection inputStyle={{ height: 36.38 }} className={styles.SolidDashboardDateRangeFilter} />\n      <div className=\"px-2\">\n        <i className=\"pi pi-calendar opacity-50\"></i>\n      </div>\n    </div>\n  )\n}\n\nexport const SelectionDynamicVariableFilterComponent: React.FC<DashboardVariableFilterProps> = ({ setFilters, clearSignal, dashboardVariable }) => {\n  // Initialize the selection dynamic values state\n  // Pick the values from defaultValue if present, for default operator $in\n  const defaultDynamicValuesString = dashboardVariable.defaultOperator === '$in' && dashboardVariable.defaultValue;\n  const defaultDynamicValues = JSON.parse(defaultDynamicValuesString || '[]');\n\n  // Selection Dynamic Values\n  const [selectionDynamicValues, setSelectionDynamicValues] = useState<string[]>(defaultDynamicValues);\n  const [filteredItems, setFilteredItems] = useState<string[]>([]);\n\n  // Using rtk query to fetch dynamic values based on variableId\n  const variableId = dashboardVariable.id;\n  const queryString = `variableId=${variableId}`;\n  const { data: dynamicValues, isLoading, isError } = useGetDashboardVariableSelectionDynamicValuesQuery(queryString);\n\n  const allItems = dynamicValues ? dynamicValues : [];\n\n  // Dynamic search\n  const searchDynamic = (event: AutoCompleteCompleteEvent) => {\n    const query = event.query.toLowerCase();\n    const filtered = allItems.map(item => item.label).filter(item =>\n      item.toLowerCase().includes(query)\n    );\n    setFilteredItems(filtered);\n  };\n\n  // Set the filters whenever selectionDynamicValues change\n  useEffect(() => {\n    console.log(`Selection Dynamic Values changed:`, selectionDynamicValues);\n    if (selectionDynamicValues.length > 0) {\n      const filter: SqlExpression = {\n        variableName: dashboardVariable.variableName,\n        // @ts-ignore\n        operator: '$in',\n        value: selectionDynamicValues\n      };\n      setFilters(prev => {\n        // Remove any existing filter for this variable and replace with the new one\n        const filtered = prev.filter(f => f.variableName !== dashboardVariable.variableName);\n        return [...filtered, filter];\n      });\n    }\n    // else {\n    //   // If no values selected, remove the filter for this variable\n    //   setFilters(prev => prev.filter(f => f.variableName !== dashboardVariable.variableName));\n    // }\n  }, [selectionDynamicValues]);\n\n  useEffect(() => {\n    setSelectionDynamicValues([]);\n  }, [clearSignal]);\n\n  return (\n    <>\n      {isLoading && <ProgressSpinner></ProgressSpinner>}\n      {isError && <div>Error loading values</div>}\n      {!isLoading && !isError &&\n        <AutoComplete\n          value={selectionDynamicValues}\n          suggestions={filteredItems}\n          completeMethod={searchDynamic}\n          onChange={(e: AutoCompleteChangeEvent) => {\n            console.log('AutoComplete changed values are:');\n            console.log(e);\n            setSelectionDynamicValues(e.value)\n          }}\n          multiple\n          dropdown\n          placeholder={dashboardVariable.variableName}\n          className=\"solid-standard-autocomplete\"\n          style={{ minHeight: 38 }}\n        />\n      }\n    </>\n  );\n}\n\nexport const SelectionStaticVariableFilterComponent: React.FC<DashboardVariableFilterProps> = ({ setFilters, clearSignal, dashboardVariable }) => {\n  // Initialize the selection static values state\n  // Pick the values from defaultValue if present, for default operator $in\n  const defaultStaticValuesString = dashboardVariable.defaultOperator === '$in' && dashboardVariable.defaultValue;\n  const defaultStaticValues = JSON.parse(defaultStaticValuesString || '[]');\n\n  // Selection Static Values\n  const [selectionStaticValues, setSelectionStaticValues] = useState<string[]>(defaultStaticValues);\n  const [filteredStaticItems, setFilteredStaticItems] = useState<string[]>([]);\n  const staticValues = JSON.parse(dashboardVariable.selectionStaticValues || '[]') || [];\n\n  // The values are in the format val:label, we need to extract the labels\n  const staticValueItems = staticValues.map((val: any) => ({ value: val.split(':')[0], label: val.split(':')[1] }));\n\n  // Static search\n  const searchStatic = (event: AutoCompleteCompleteEvent) => {\n    const query = event.query.toLowerCase();\n    const filtered = staticValueItems.map(\n      (item: { label: any; }) => item.label\n    ).filter((item: string) =>\n      item.toLowerCase().includes(query)\n    );\n    setFilteredStaticItems(filtered);\n  };\n\n  // Set the filters whenever selectionStaticValues change\n  useEffect(() => {\n    // console.log(`Selection Static Values changed:`, selectionStaticValues);\n    if (selectionStaticValues.length > 0) {\n      const filter: SqlExpression = {\n        variableName: dashboardVariable.variableName,\n        // @ts-ignore\n        operator: '$in',\n        value: selectionStaticValues\n      };\n      setFilters(prev => {\n        // Remove any existing filter for this variable and replace with the new one\n        const filtered = prev.filter(f => f.variableName !== dashboardVariable.variableName);\n        return [...filtered, filter];\n      });\n    }\n    // else {\n    //   // If no values selected, remove the filter for this variable\n    //   setFilters(prev => prev.filter(f => f.variableName !== dashboardVariable.variableName));\n    // }\n  }, [selectionStaticValues]);\n\n  useEffect(() => {\n    setSelectionStaticValues([]);\n  }, [clearSignal]);\n\n  return (\n    <AutoComplete\n      value={selectionStaticValues}\n      suggestions={filteredStaticItems}\n      completeMethod={searchStatic}\n      onChange={(e: AutoCompleteChangeEvent) => setSelectionStaticValues(e.value)}\n      multiple\n      dropdown\n      placeholder={dashboardVariable.variableName}\n      className=\"solid-standard-autocomplete\"\n      style={{ minHeight: 38 }}\n    />\n  );\n}\n\nexport interface SolidDashboardVariableProps {\n  dashboardVariables: any;\n  filters: SqlExpression[];\n  setFilters: Dispatch<SetStateAction<SqlExpression[]>>;\n}\n\nconst SolidDashboardVariable: React.FC<SolidDashboardVariableProps> = ({ dashboardVariables, filters, setFilters }) => {\n  const [clearSignal, setClearSignal] = useState(0);\n  const dashboardVariableComponents = dashboardVariables.map((dashboardVariable: any, index: number) => {\n    switch (dashboardVariable.variableType) {\n      case 'date':\n        return <DateVariableFilterComponent key={index} setFilters={setFilters} clearSignal={clearSignal} dashboardVariable={dashboardVariable} />;\n      case 'selectionStatic':\n        return <SelectionStaticVariableFilterComponent key={index} setFilters={setFilters} clearSignal={clearSignal} dashboardVariable={dashboardVariable} />;\n      case 'selectionDynamic':\n        return <SelectionDynamicVariableFilterComponent key={index} setFilters={setFilters} clearSignal={clearSignal} dashboardVariable={dashboardVariable} />;\n      default:\n        return null;\n    }\n  });\n\n  const clearAllFilters = () => {\n    setFilters([]);\n    setClearSignal(prev => prev + 1);  // triggers children to reset\n  };\n\n  // TODO [HP]: Currently this is static, we need this to be dynamic how we are invoking setFilters below has to be fully dynamic...\n  return (\n    <div className=\"flex align-items-center gap-3\">\n      {dashboardVariableComponents}\n      {filters.length > 0 && (\n        <Button\n          onClick={clearAllFilters}\n          size=\"small\"\n          outlined\n          // severity=\"info\"\n          icon=\"pi pi-filter-slash\"\n        />\n      )}\n    </div>\n  );\n}\n\nexport default SolidDashboardVariable;\n\n"]}

package/dist/components/core/dashboard/SolidDashboardVariable.tsx

@@ -152,7 +152,7 @@ export const SelectionStaticVariableFilterComponent: React.FC<DashboardVariableF
   // Selection Static Values
   const [selectionStaticValues, setSelectionStaticValues] = useState<string[]>(defaultStaticValues);
   const [filteredStaticItems, setFilteredStaticItems] = useState<string[]>([]);
-  const staticValues = dashboardVariable.selectionStaticValues || [];
+  const staticValues = JSON.parse(dashboardVariable.selectionStaticValues || '[]') || [];
 
   // The values are in the format val:label, we need to extract the labels
   const staticValueItems = staticValues.map((val: any) => ({ value: val.split(':')[0], label: val.split(':')[1] }));

package/dist/components/core/list/SolidListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListView.tsx"],"names":[],"mappings":";AAgCA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AAyBxD,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAGF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAgB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,MAAM,kBAUhE,CAAC;AAGF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,MAAM,kBAUlF,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B,CAAC,EAAE,GAAG,CAAC;IACpC,8BAA8B,CAAC,EAAE,GAAG,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IACzE;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;SAAE,EAAE,CAAC;QAClD,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,qHA61DxB,CAAC"}
+{"version":3,"file":"SolidListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListView.tsx"],"names":[],"mappings":";AAgCA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AAyBxD,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAGF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAgB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,MAAM,kBAUhE,CAAC;AAGF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,MAAM,kBAUlF,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B,CAAC,EAAE,GAAG,CAAC;IACpC,8BAA8B,CAAC,EAAE,GAAG,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,CAAC,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IACzE;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;SAAE,EAAE,CAAC;QAClD,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,qHA41DxB,CAAC"}

package/dist/components/core/list/SolidListView.js

@@ -158,7 +158,7 @@ export var setFilterObjectToLocalStorageByUrl = function (url, queryObject) {
     return null;
 };
 export var SolidListView = forwardRef(function (params, ref) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36;
     var session = useSession();
     var user = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user;
     var dispatch = useDispatch();
@@ -168,41 +168,41 @@ export var SolidListView = forwardRef(function (params, ref) {
     var router = useRouter();
     var searchParams = useSearchParams();
     var localeName = searchParams.get("locale");
-    var _36 = useState(null), solidListViewMetaData = _36[0], setSolidListViewMetaData = _36[1];
-    var _37 = useState(null), solidListViewLayout = _37[0], setSolidListViewLayout = _37[1];
-    var _38 = useState(false), isDraftPublishWorkflowEnabled = _38[0], setIsDraftPublishWorkflowEnabled = _38[1];
+    var _37 = useState(null), solidListViewMetaData = _37[0], setSolidListViewMetaData = _37[1];
+    var _38 = useState(null), solidListViewLayout = _38[0], setSolidListViewLayout = _38[1];
+    var _39 = useState(false), isDraftPublishWorkflowEnabled = _39[0], setIsDraftPublishWorkflowEnabled = _39[1];
     // Filter query realted states
-    var _39 = useState(null), filters = _39[0], setFilters = _39[1];
-    var _40 = useState(0), totalRecords = _40[0], setTotalRecords = _40[1];
-    var _41 = useState(0), first = _41[0], setFirst = _41[1];
-    var _42 = useState(((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize) ? (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize : 10), rows = _42[0], setRows = _42[1];
-    var _43 = useState([{ field: "id", order: -1 }]), multiSortMeta = _43[0], setMultiSortMeta = _43[1];
-    var _44 = useState([]), toPopulate = _44[0], setToPopulate = _44[1];
-    var _45 = useState([]), toPopulateMedia = _45[0], setToPopulateMedia = _45[1];
-    var _46 = useState([]), actionsAllowed = _46[0], setActionsAllowed = _46[1];
-    var _47 = useState(false), isOpenSolidXAiPanel = _47[0], setIsOpenSolidXAiPanel = _47[1];
-    var _48 = useState(380), chatterWidth = _48[0], setChatterWidth = _48[1];
-    var _49 = useState(false), isResizing = _49[0], setIsResizing = _49[1];
+    var _40 = useState(null), filters = _40[0], setFilters = _40[1];
+    var _41 = useState(0), totalRecords = _41[0], setTotalRecords = _41[1];
+    var _42 = useState(0), first = _42[0], setFirst = _42[1];
+    var _43 = useState(((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize) ? (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize : 10), rows = _43[0], setRows = _43[1];
+    var _44 = useState([{ field: "id", order: -1 }]), multiSortMeta = _44[0], setMultiSortMeta = _44[1];
+    var _45 = useState([]), toPopulate = _45[0], setToPopulate = _45[1];
+    var _46 = useState([]), toPopulateMedia = _46[0], setToPopulateMedia = _46[1];
+    var _47 = useState([]), actionsAllowed = _47[0], setActionsAllowed = _47[1];
+    var _48 = useState(false), isOpenSolidXAiPanel = _48[0], setIsOpenSolidXAiPanel = _48[1];
+    var _49 = useState(380), chatterWidth = _49[0], setChatterWidth = _49[1];
+    var _50 = useState(false), isResizing = _50[0], setIsResizing = _50[1];
     // All list view state.
-    var _50 = useState([]), listViewData = _50[0], setListViewData = _50[1];
-    var _51 = useState([]), selectedRecords = _51[0], setSelectedRecords = _51[1];
-    var _52 = useState([]), selectedRecoverRecords = _52[0], setSelectedRecoverRecords = _52[1];
-    var _53 = useState(true), loading = _53[0], setLoading = _53[1];
-    var _54 = useState(false), isDialogVisible = _54[0], setDialogVisible = _54[1];
-    var _55 = useState(false), isRecoverDialogVisible = _55[0], setRecoverDialogVisible = _55[1];
-    var _56 = useState(), createButtonUrl = _56[0], setCreateButtonUrl = _56[1];
-    var _57 = useState(), editButtonUrl = _57[0], setEditButtonUrl = _57[1];
-    var _58 = useState({}), createActionQueryParams = _58[0], setCreateActionQueryParams = _58[1];
-    var _59 = useState({}), editActionQueryParams = _59[0], setEditActionQueryParams = _59[1];
-    var _60 = useState(false), showArchived = _60[0], setShowArchived = _60[1];
-    var _61 = useState(false), queryDataLoaded = _61[0], setQueryDataLoaded = _61[1];
-    var _62 = useState(null), filterPredicates = _62[0], setFilterPredicates = _62[1];
-    var _63 = useState(false), showSaveFilterPopup = _63[0], setShowSaveFilterPopup = _63[1];
+    var _51 = useState([]), listViewData = _51[0], setListViewData = _51[1];
+    var _52 = useState([]), selectedRecords = _52[0], setSelectedRecords = _52[1];
+    var _53 = useState([]), selectedRecoverRecords = _53[0], setSelectedRecoverRecords = _53[1];
+    var _54 = useState(true), loading = _54[0], setLoading = _54[1];
+    var _55 = useState(false), isDialogVisible = _55[0], setDialogVisible = _55[1];
+    var _56 = useState(false), isRecoverDialogVisible = _56[0], setRecoverDialogVisible = _56[1];
+    var _57 = useState(), createButtonUrl = _57[0], setCreateButtonUrl = _57[1];
+    var _58 = useState(), editButtonUrl = _58[0], setEditButtonUrl = _58[1];
+    var _59 = useState({}), createActionQueryParams = _59[0], setCreateActionQueryParams = _59[1];
+    var _60 = useState({}), editActionQueryParams = _60[0], setEditActionQueryParams = _60[1];
+    var _61 = useState(false), showArchived = _61[0], setShowArchived = _61[1];
+    var _62 = useState(false), queryDataLoaded = _62[0], setQueryDataLoaded = _62[1];
+    var _63 = useState(null), filterPredicates = _63[0], setFilterPredicates = _63[1];
+    var _64 = useState(false), showSaveFilterPopup = _64[0], setShowSaveFilterPopup = _64[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
-    var _64 = useState(null), mcpUrl = _64[0], setMcpUrl = _64[1];
+    var _65 = useState(null), mcpUrl = _65[0], setMcpUrl = _65[1];
     var getMcpUrl = useLazyGetMcpUrlQuery()[0];
-    var _65 = useLazyGetSolidSettingsQuery(), trigger = _65[0], solidSettingsData = _65[1].data;
+    var _66 = useLazyGetSolidSettingsQuery(), trigger = _66[0], solidSettingsData = _66[1].data;
     useEffect(function () {
         trigger(""); // Fetch settings on mount
     }, []);
@@ -329,7 +329,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, {
         encodeValuesOnly: true,
     });
-    var _66 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _66.data, solidListViewMetaDataError = _66.error, solidListViewMetaDataIsLoading = _66.isLoading, solidListViewMetaDataIsError = _66.isError, refetch = _66.refetch;
+    var _67 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _67.data, solidListViewMetaDataError = _67.error, solidListViewMetaDataIsLoading = _67.isLoading, solidListViewMetaDataIsError = _67.isError, refetch = _67.refetch;
     var initialFilterMethod = function () {
         var _a, _b, _c, _d;
         var solidView = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView;
@@ -342,7 +342,6 @@ export var SolidListView = forwardRef(function (params, ref) {
             var column = currentLayout === null || currentLayout === void 0 ? void 0 : currentLayout.children[i];
             var fieldMetadata = solidFieldsMetadata === null || solidFieldsMetadata === void 0 ? void 0 : solidFieldsMetadata[column.attrs.name];
             if (!(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
-                console.log("Some problem in rendering column: ", column);
                 showFieldError(ERROR_MESSAGES.FIELD_NOT_IN_METADATA(column.attrs.label));
                 // return;
             }
@@ -456,16 +455,16 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _67 = useState(sizeOptions[1].value), size = _67[0], setSize = _67[1];
-    var _68 = useState([]), viewModes = _68[0], setViewModes = _68[1];
+    var _68 = useState(sizeOptions[1].value), size = _68[0], setSize = _68[1];
+    var _69 = useState([]), viewModes = _69[0], setViewModes = _69[1];
     // Custom Row Action
-    var _69 = useState(false), listViewRowActionPopupState = _69[0], setListViewRowActionPopupState = _69[1];
-    var _70 = useState(), listViewRowActionData = _70[0], setListRowActionData = _70[1];
+    var _70 = useState(false), listViewRowActionPopupState = _70[0], setListViewRowActionPopupState = _70[1];
+    var _71 = useState(), listViewRowActionData = _71[0], setListRowActionData = _71[1];
     var toast = useRef(null);
     // Get the list view data.
-    var _71 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _71[0], _72 = _71[1], solidEntityListViewData = _72.data, isLoading = _72.isLoading, error = _72.error;
-    var _73 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _73[0], _74 = _73[1], recoverByIdData = _74.data, recoverByIdIsLoading = _74.isLoading, recoverByIdError = _74.error, recoverByIdIsError = _74.isError, recoverByIdIsSuccess = _74.isSuccess;
-    var _75 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _75[0], _76 = _75[1], recoverByData = _76.data, recoverByIsLoading = _76.isLoading, recoverError = _76.error, recoverIsError = _76.isError, recoverByIsSuccess = _76.isSuccess;
+    var _72 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _72[0], _73 = _72[1], solidEntityListViewData = _73.data, isLoading = _73.isLoading, error = _73.error;
+    var _74 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _74[0], _75 = _74[1], recoverByIdData = _75.data, recoverByIdIsLoading = _75.isLoading, recoverByIdError = _75.error, recoverByIdIsError = _75.isError, recoverByIdIsSuccess = _75.isSuccess;
+    var _76 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _76[0], _77 = _76[1], recoverByData = _77.data, recoverByIsLoading = _77.isLoading, recoverError = _77.error, recoverIsError = _77.isError, recoverByIsSuccess = _77.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -497,12 +496,11 @@ export var SolidListView = forwardRef(function (params, ref) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _77 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _77[0], isDeleteSolidSingleEntitySuccess = _77[1].isSuccess;
+    var _78 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _78[0], isDeleteSolidSingleEntitySuccess = _78[1].isSuccess;
     // Delete mutation
-    var _78 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _78[0], _79 = _78[1], isSolidEntitiesDeleted = _79.isLoading, isDeleteSolidEntitiesSucess = _79.isSuccess, isSolidEntitiesDeleteError = _79.isError, SolidEntitiesDeleteError = _79.error, DeletedSolidEntities = _79.data;
+    var _79 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _79[0], _80 = _79[1], isSolidEntitiesDeleted = _80.isLoading, isDeleteSolidEntitiesSucess = _80.isSuccess, isSolidEntitiesDeleteError = _80.isError, SolidEntitiesDeleteError = _80.error, DeletedSolidEntities = _80.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
-        console.log("useEffect: [isDeleteSolidEntitiesSucess, isDeleteSolidSingleEntitySuccess, recoverByIdIsSuccess, recoverByIsSuccess, solidListViewMetaData]");
         setQueryDataLoaded(false);
         if (solidListViewMetaData && solidListViewLayout) {
             var queryObject = getFilterObjectFromLocalStorage();
@@ -629,7 +627,6 @@ export var SolidListView = forwardRef(function (params, ref) {
         latestFilterPredicatesRef.current = filterPredicates;
     }, [filterPredicates]);
     useEffect(function () {
-        console.log("useEffect: [first- ".concat(first, ", rows- ").concat(rows, ", multiSortMeta- ").concat(multiSortMeta, ", showArchived- ").concat(showArchived, ", toPopulate- ").concat(toPopulate, ", toPopulateMedia- ").concat(toPopulateMedia, ", queryDataLoaded- ").concat(queryDataLoaded, ", filterPredicates- ").concat(filterPredicates, "]"));
         if (queryDataLoaded && filters && (filterPredicates || params.embeded == true)) {
             setQueryString();
         }
@@ -853,10 +850,10 @@ export var SolidListView = forwardRef(function (params, ref) {
         loading,
         listViewData,
     ]);
-    var _80 = useState(), selectedSolidViewData = _80[0], setSelectedSolidViewData = _80[1];
+    var _81 = useState(), selectedSolidViewData = _81[0], setSelectedSolidViewData = _81[1];
     var selectedDataRef = useRef();
     var op = useRef(null);
-    var _81 = useState(false), deleteEntity = _81[0], setDeleteEntity = _81[1];
+    var _82 = useState(false), deleteEntity = _82[0], setDeleteEntity = _82[1];
     // clickable link allowing one to open the detail / form view.
     var detailsBodyTemplate = function (solidViewData) {
         return (_jsx("div", { children: _jsx(Button, { type: "button", text: true, size: "small", className: "", onClick: function (e) {
@@ -979,9 +976,9 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecords([]);
         setSelectedRecoverRecords([]);
     };
-    var _82 = useState(false), openLightbox = _82[0], setOpenLightbox = _82[1];
-    var _83 = useState({}), lightboxUrls = _83[0], setLightboxUrls = _83[1];
-    var _84 = useState(false), showGlobalSearchElement = _84[0], setShowGlobalSearchElement = _84[1];
+    var _83 = useState(false), openLightbox = _83[0], setOpenLightbox = _83[1];
+    var _84 = useState({}), lightboxUrls = _84[0], setLightboxUrls = _84[1];
+    var _85 = useState(false), showGlobalSearchElement = _85[0], setShowGlobalSearchElement = _85[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -1256,19 +1253,22 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                             } })) }));
                                                 } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
                                                 ((_22 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _22 === void 0 ? void 0 : _22.delete) !== false &&
-                                                ((_23 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _23 === void 0 ? void 0 : _23.showRowDeleteInContextMenu) !==
-                                                    true && (_jsx(Column, { header: "Delete", body: function (rowData) {
-                                                    var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
-                                                    return (_jsx(_Fragment, { children: (!shouldHideEditOrDeleteButton || params.embeded) && (_jsx(Button, { text: true, type: "button", className: "", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () {
-                                                                if ((params === null || params === void 0 ? void 0 : params.embededFieldRelationType) === "many-to-many") {
-                                                                    params === null || params === void 0 ? void 0 : params.handleDeleteClick(rowData.id);
-                                                                }
-                                                                else {
-                                                                    setSelectedSolidViewData(rowData);
-                                                                    setDeleteEntity(true);
-                                                                }
-                                                            } })) }));
-                                                } })), hasAnyContextMenuActions && (_jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
+                                                (params.embeded ||
+                                                    (((_23 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _23 === void 0 ? void 0 : _23.showRowDeleteInContextMenu) !== undefined &&
+                                                        ((_24 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _24 === void 0 ? void 0 : _24.showRowDeleteInContextMenu) !== true))
+                                                &&
+                                                    (_jsx(Column, { header: "Delete", body: function (rowData) {
+                                                            var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
+                                                            return (_jsx(_Fragment, { children: (!shouldHideEditOrDeleteButton) && (_jsx(Button, { text: true, type: "button", className: "", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () {
+                                                                        if ((params === null || params === void 0 ? void 0 : params.embededFieldRelationType) === "many-to-many") {
+                                                                            params === null || params === void 0 ? void 0 : params.handleDeleteClick(rowData.id);
+                                                                        }
+                                                                        else {
+                                                                            setSelectedSolidViewData(rowData);
+                                                                            setDeleteEntity(true);
+                                                                        }
+                                                                    } })) }));
+                                                        } })), hasAnyContextMenuActions && (_jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
                                                     var _a, _b, _c;
                                                     return (rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt) ? (_jsx("a", { onClick: function (event) {
                                                             event.stopPropagation();
@@ -1287,7 +1287,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                                                         catch (e) { }
                                                                                         router.push("".concat(editBaseUrl, "/").concat((_b = selectedDataRef.current) === null || _b === void 0 ? void 0 : _b.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
                                                                                     }
-                                                                                } })), hasDeleteInContextMenu && params.embeded !== true && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () { return setDeleteEntity(true); } })), hasCustomContextMenuButtons && ((_c = (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons) === null || _c === void 0 ? void 0 : _c.filter(function (rb) {
+                                                                                } })), hasDeleteInContextMenu && !params.embeded && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () { return setDeleteEntity(true); } })), hasCustomContextMenuButtons && ((_c = (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons) === null || _c === void 0 ? void 0 : _c.filter(function (rb) {
                                                                                 var _a, _b;
                                                                                 return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true &&
                                                                                     ((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.visible) !== false;
@@ -1309,14 +1309,14 @@ export var SolidListView = forwardRef(function (params, ref) {
                             zIndex: 9,
                         }, onMouseDown: function () { return setIsResizing(true); } })), isOpenSolidXAiPanel && (_jsx(Button, { icon: "pi pi-angle-double-right", size: "small", text: true, className: "chatter-collapse-btn", style: { width: 30, height: 30, aspectRatio: "1/1" }, onClick: handleCloseSolidXAIPanel })), isOpenSolidXAiPanel === false ? (_jsxs("div", { className: "flex flex-column gap-2 justify-content-center p-2", children: [_jsx("div", { className: "chatter-collapsed-content", onClick: handleOpenSolidXAIPanel, children: _jsxs("div", { className: "flex gap-2", children: [" ", _jsx(SolidXAIIcon, {}), " SolidX AI", " "] }) }), _jsx(Button, { icon: "pi pi-chevron-left", size: "small", className: "px-0", style: { width: 30 }, onClick: handleOpenSolidXAIPanel })] })) : (_jsx(SolidAiMainWrapper, { mcpUrl: mcpUrl }))] })), _jsxs(Dialog, { visible: isDialogVisible, header: "Confirm Delete", onHide: function () { return setDialogVisible(false); }, headerClassName: "py-2", contentClassName: "px-0 pb-0", 
                 // style={{ width: '20vw' }}
-                breakpoints: { '1199px': '30rem', '550px': '85vw' }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete the selected records?" }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "Cancel", size: "small", onClick: onDeleteClose, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: function () { return setRecoverDialogVisible(false); } })] })); }, onHide: function () { return setRecoverDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to recover all records?" }) }), listViewRowActionData && (_jsx(Dialog, { visible: listViewRowActionPopupState, modal: true, onHide: closeListViewRowActionPopup, children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })), _jsxs(Dialog, { header: "Delete ".concat(((_26 = (_25 = (_24 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _24 === void 0 ? void 0 : _24.solidView) === null || _25 === void 0 ? void 0 : _25.model) === null || _26 === void 0 ? void 0 : _26.displayName)
-                    ? (_29 = (_28 = (_27 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _27 === void 0 ? void 0 : _27.solidView) === null || _28 === void 0 ? void 0 : _28.model) === null || _29 === void 0 ? void 0 : _29.displayName
+                breakpoints: { '1199px': '30rem', '550px': '85vw' }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete the selected records?" }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "Cancel", size: "small", onClick: onDeleteClose, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: function () { return setRecoverDialogVisible(false); } })] })); }, onHide: function () { return setRecoverDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to recover all records?" }) }), listViewRowActionData && (_jsx(Dialog, { visible: listViewRowActionPopupState, modal: true, onHide: closeListViewRowActionPopup, children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })), _jsxs(Dialog, { header: "Delete ".concat(((_27 = (_26 = (_25 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _25 === void 0 ? void 0 : _25.solidView) === null || _26 === void 0 ? void 0 : _26.model) === null || _27 === void 0 ? void 0 : _27.displayName)
+                    ? (_30 = (_29 = (_28 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _28 === void 0 ? void 0 : _28.solidView) === null || _29 === void 0 ? void 0 : _29.model) === null || _30 === void 0 ? void 0 : _30.displayName
                     : params === null || params === void 0 ? void 0 : params.modelName), headerClassName: "py-2", contentClassName: "px-0 pb-0", visible: deleteEntity, style: { width: "20vw" }, onHide: function () {
                     if (!deleteEntity)
                         return;
                     setDeleteEntity(false);
-                }, className: "solid-confirm-dialog", children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete this ".concat(((_32 = (_31 = (_30 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _30 === void 0 ? void 0 : _30.solidView) === null || _31 === void 0 ? void 0 : _31.model) === null || _32 === void 0 ? void 0 : _32.displayName)
-                                    ? (_35 = (_34 = (_33 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _33 === void 0 ? void 0 : _33.solidView) === null || _34 === void 0 ? void 0 : _34.model) === null || _35 === void 0 ? void 0 : _35.displayName
+                }, className: "solid-confirm-dialog", children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete this ".concat(((_33 = (_32 = (_31 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _31 === void 0 ? void 0 : _31.solidView) === null || _32 === void 0 ? void 0 : _32.model) === null || _33 === void 0 ? void 0 : _33.displayName)
+                                    ? (_36 = (_35 = (_34 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _34 === void 0 ? void 0 : _34.solidView) === null || _35 === void 0 ? void 0 : _35.model) === null || _36 === void 0 ? void 0 : _36.displayName
                                     : params === null || params === void 0 ? void 0 : params.modelName, "?") }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity }), _jsx(Button, { label: "Cancel", size: "small", onClick: function () { return setDeleteEntity(false); }, outlined: true, className: 'bg-primary-reverse' })] })] })] }), openLightbox && (_jsx(Lightbox, __assign({ open: openLightbox, plugins: hasMedia
                     ? [Counter, Download, Video] // add Video plugin if needed
                     : [Counter, Download], close: function () { return setOpenLightbox(false); }, slides: __spreadArray([], slides, true) }, (hasMedia && {