sccoreui 5.9.31 → 5.9.33

package/dist/App.scss

@@ -1908,6 +1908,25 @@ button[aria-expanded="true"] {
   background-color: var(--gray-100);
 }
 
+/* ErrorBoundary.module.css */
+.errorContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  margin: auto;
+  border-radius: 5px;
+  background-color: var(--red-50);
+  width: 100vw;
+  height: 100vh;
+  text-align: center;
+}
+
+.error_description {
+  width: 750px;
+}
+
 .ag-theme-quartz {
   --ag-active-color: var(--gray-300);
 }

package/dist/assets/images/empty-state-icon.svg

@@ -0,0 +1,53 @@
+<svg width="152" height="120" viewBox="0 0 152 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="76" cy="52" r="52" fill="#A8B2EF"/>
+<g filter="url(#filter0_dd_14081_96769)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M77.6 16C66.8273 16 57.2978 21.3233 51.4987 29.4829C49.605 29.0363 47.6301 28.8 45.6 28.8C31.4615 28.8 20 40.2615 20 54.4C20 68.5385 31.4615 80 45.6 80L45.62 80H109.6C121.971 80 132 69.9712 132 57.6C132 45.2288 121.971 35.2 109.6 35.2C108.721 35.2 107.854 35.2506 107.002 35.349C102.098 23.9677 90.7797 16 77.6 16Z" fill="#E2E5FA"/>
+<ellipse cx="45.6" cy="54.3969" rx="25.6" ry="25.6" fill="url(#paint0_linear_14081_96769)"/>
+<circle cx="77.6016" cy="48" r="32" fill="url(#paint1_linear_14081_96769)"/>
+<ellipse cx="109.603" cy="57.6031" rx="22.4" ry="22.4" fill="url(#paint2_linear_14081_96769)"/>
+</g>
+<circle cx="21" cy="19" r="5" fill="#CED4F6"/>
+<circle cx="18" cy="109" r="7" fill="#CED4F6"/>
+<circle cx="145" cy="35" r="7" fill="#CED4F6"/>
+<circle cx="134" cy="8" r="4" fill="#CED4F6"/>
+<g filter="url(#filter1_b_14081_96769)">
+<rect x="52" y="62" width="48" height="48" rx="24" fill="#6941C6" fill-opacity="0.4"/>
+<path d="M85 95L81.5001 91.5M84 85.5C84 90.1944 80.1944 94 75.5 94C70.8056 94 67 90.1944 67 85.5C67 80.8056 70.8056 77 75.5 77C80.1944 77 84 80.8056 84 85.5Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<filter id="filter0_dd_14081_96769" x="0" y="16" width="152" height="104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect1_dropShadow_14081_96769"/>
+<feOffset dy="8"/>
+<feGaussianBlur stdDeviation="4"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_14081_96769"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect2_dropShadow_14081_96769"/>
+<feOffset dy="20"/>
+<feGaussianBlur stdDeviation="12"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_14081_96769" result="effect2_dropShadow_14081_96769"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_14081_96769" result="shape"/>
+</filter>
+<filter id="filter1_b_14081_96769" x="44" y="54" width="64" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_14081_96769"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_14081_96769" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_14081_96769" x1="25.9429" y1="37.4826" x2="71.2" y2="79.9968" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E9D7FE"/>
+<stop offset="0.350715" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_14081_96769" x1="53.0301" y1="26.8571" x2="109.602" y2="80" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E9D7FE"/>
+<stop offset="0.350715" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_14081_96769" x1="92.4031" y1="42.8031" x2="132.003" y2="80.0031" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E9D7FE"/>
+<stop offset="0.350715" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js

@@ -125,6 +125,6 @@ const TableFilter = () => {
                                 ? "#243DC6"
                                 : "#667085" }) })), (globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length) >= 1 && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "flex gap-2 align-items-center text-primary-400" }, { children: [`${globalFilters === null || globalFilters === void 0 ? void 0 : globalFilters.filter((each) => each.isActive).length} Selected`, (0, jsx_runtime_1.jsx)("span", Object.assign({ onClick: onresetFilter }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 18, color: "#243DC6" }) }))] })))] })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showFilter, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: "table-filter-overlay" }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-lg font-semibold line-height-3 text-gray-900" }, { children: "Filters" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-sm text-gray-600" }, { children: "Streamline Your Search With Filters" }))] })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "max-h-14rem\toverflow-auto" }, { children: conditionsArray.map((eachCondition, index) => {
                                     return ((0, jsx_runtime_1.jsx)("div", { children: renderCondtion(eachCondition, index) }, index));
-                                }) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(button_1.Button, { text: true, className: "focus:shadow-none", label: "Reset Filter", onClick: onresetFilter }) }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base px-2 font-semibold text-primary-400 flex gap-2 p-1 focus:shadow-none mr-3", label: "Create View", onClick: () => "", text: true, iconPos: "left", icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "plus", color: "text-primary-400 mr-2" }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-gray-600 p-1 focus:shadow-none text-white w-4rem", label: "Apply", onClick: onApplyFilter, disabled: !allFieldsFilled })] }))] }))] }) }))] }));
+                                }) })) })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(button_1.Button, { text: true, className: "focus:shadow-none", label: "Reset Filter", onClick: onresetFilter }) }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center" }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-gray-600 p-1 focus:shadow-none text-white w-4rem", label: "Apply", onClick: onApplyFilter, disabled: !allFieldsFilled }) }))] }))] }) }))] }));
 };
 exports.default = TableFilter;

package/dist/components/ag-grid/error-ui.js

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
+const button_1 = tslib_1.__importDefault(require("../button/button"));
 function ErrorBoundary({ children }) {
     const [hasError, setHasError] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
@@ -20,7 +23,7 @@ function ErrorBoundary({ children }) {
     if (hasError) {
         console.log(hasError, 'error occured');
         // Fallback UI for when an error occurs
-        return (0, jsx_runtime_1.jsx)("div", { children: " Something went wrong please refresh and try" });
+        return (0, jsx_runtime_1.jsx)("div", Object.assign({ role: "alert", className: "errorContainer bg-red-50" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `flex align-items-center justify-content-center border-1 border-red-200 border-round-xl` }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-3 flex-column align-items-center border-round-lg p-6 error_description" }, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "my-0 text-gray-900" }, { children: "Fail to connect" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "my-0 text-gray-600" }, { children: "Something went wrong! please refresh the page and try again." })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-3 mt-6" }, { children: [(0, jsx_runtime_1.jsxs)(button_1.default, Object.assign({ onClick: () => window.location.reload(), outlined: true, className: "flex bg-white focus:border-gray-400 align-items-center gap-3 px-4 py-3" }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "refresh-ccw-02" }), " Refresh"] })), (0, jsx_runtime_1.jsxs)(button_1.default, Object.assign({ className: "flex align-items-center gap-3 px-4 py-3", onClick: () => (window.location.href = window.location.origin) }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "arrow-narrow-left", color: "#fff" }), " Go Back"] }))] }))] })) })) }));
     }
     return children;
 }

package/dist/components/formula-template/FormulaCoponent.js

@@ -22,7 +22,7 @@ const FormulaComponent = (props) => {
         "addition": '+',
         "subtraction": '-',
         "multiplication": '*',
-        "division": '÷',
+        "division": '/',
         "percentile": '%',
         "openBracket": "(",
         "closeBracket": ")",

package/dist/types/directives/svg-component.d.ts

@@ -1,5 +1,6 @@
+import { ReactNode } from "react";
 interface icon {
-    icon?: string;
+    icon?: string | ReactNode;
     color?: string;
     size?: number;
     className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "5.9.31",
+  "version": "5.9.33",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",