sccoreui 6.3.73 → 6.3.75

package/dist/App.js

@@ -3,8 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("./App.scss");
 // import Home from "./pages/home";
+// import DataTableClientSide from "./pages/aggrid/TestingWithAdminClientSide";
+// import Home from "./pages/home";
+// import Home from "./pages/home";
 const App = () => {
     // const [selectedCountries, setSelectedCountries] = useState(null);
-    return (0, jsx_runtime_1.jsx)("div", { className: "m-6" });
+    return ((0, jsx_runtime_1.jsx)("div", { className: "m-6" }));
 };
 exports.default = App;

package/dist/assets/sccoreui.css

@@ -1152,7 +1152,7 @@ a {
 }
 
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight::after {
-  /* content: url('./svg/check.svg'); */
+  content: url("./svg/check.svg");
   width: 20px;
   height: 20px;
   position: absolute;

package/dist/components/ag-charts/AGCharts.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ag_charts_enterprise_1 = require("ag-charts-enterprise");
+const LicenceKey_1 = require("../ag-grid/LicenceKey");
+// Set your license key here
+ag_charts_enterprise_1.LicenseManager.setLicenseKey(LicenceKey_1.AG_CHARTS_LICENSEKEY);
+// type Props = {
+//   options: AgChartOptions;
+// };
+const AGCharts = ({ options }) => {
+    const chartRef = (0, react_1.useRef)(null);
+    const chartInstanceRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        debugger;
+        if (!chartRef.current)
+            return undefined;
+        const chartOptions = Object.assign(Object.assign({}, options), { container: chartRef.current });
+        if (!chartInstanceRef.current) {
+            chartInstanceRef.current = ag_charts_enterprise_1.AgCharts.create(chartOptions);
+        }
+        else {
+            chartInstanceRef.current.update(chartOptions);
+        }
+        return () => {
+            if (chartInstanceRef.current) {
+                chartInstanceRef.current.destroy();
+                chartInstanceRef.current = null;
+            }
+        };
+    }, [options]);
+    return (0, jsx_runtime_1.jsx)("div", { ref: chartRef });
+};
+exports.default = AGCharts;

package/dist/components/ag-grid/LicenceKey.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LICENSEKEY = void 0;
+exports.AG_CHARTS_LICENSEKEY = exports.LICENSEKEY = void 0;
 exports.LICENSEKEY = "Using_this_{AG_Grid}_Enterprise_key_{AG-056800}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Sellers_Commerce_LLC}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{SellersCommerce}_only_for_{2}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{SellersCommerce}_need_to_be_licensed___{SellersCommerce}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{14_April_2025}____[v3]_[01]_MTc0NDU4NTIwMDAwMA==895f2234e1659afcfba586110daf0549";
+exports.AG_CHARTS_LICENSEKEY = "Using_this_{AG_Charts_and_AG_Grid}_Enterprise_key_{AG-058800}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Sellers_Commerce_LLC}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{SellersCommerce}_only_for_{2}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{SellersCommerce}_need_to_be_licensed___{SellersCommerce}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Charts_and_AG_Grid}_Enterprise_versions_released_before_{14_April_2025}____[v3]_[0102]_MTc0NDU4NTIwMDAwMA==15a0fcf3657abde81fe561ca3a6780e3";

package/dist/components/list-box-dropdown/list-box-dropdown.js

@@ -9,14 +9,15 @@ const button_1 = require("primereact/button");
 const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
 // import { InputText } from "primereact/inputtext";
 // import { Checkbox } from "primereact/checkbox";
-const ListBoxDropdown = ({ selectAll, 
-// onSelectAll,
-onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, 
-// buttonClassName,
-showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, emptyFilterMessage, emptyMessage, }) => {
+const ListBoxDropdown = (props) => {
+    const boxRef = (0, react_1.useRef)();
+    const { selectAll, 
+    // onSelectAll,
+    onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, optionsMenuRef = boxRef, 
+    // buttonClassName,
+    showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, emptyFilterMessage, emptyMessage, } = props;
     const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
     // const [inpValue, setInpValue] = useState<any>();
-    const optionsMenuRef = (0, react_1.useRef)();
     // const [checked, setChecked] = useState<boolean>(false);
     const [buttonPosition, setButtonPosition] = (0, react_1.useState)(null);
     const buttonRef = (0, react_1.useRef)(null);
@@ -111,9 +112,29 @@ showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, re
                                                 : listItems
                                             : listItems, optionLabel: optionLabel, className: `${listBoxclassName
                                             ? listBoxclassName
-                                            : "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "Search ", emptyFilterMessage: emptyFilterMessage
+                                            : "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "Search ", 
+                                        // filterTemplate={() => (
+                                        //   <div className="p-input-icon-right w-full">
+                                        //     {
+                                        //         inpValue?.length > 0 && <span className="p-input-suffix" onClick={removeItems}>
+                                        //         <SvgComponent icon="x-close" size={18} />
+                                        //       </span>
+                                        //     }
+                                        //     <InputText
+                                        //       id="email"
+                                        //       value={inpValue}
+                                        //       onChange={(e) => {
+                                        //         setInpValue(e.target.value);
+                                        //       }}
+                                        //       disabled={false}
+                                        //       placeholder="Search"
+                                        //       className="font-normal text-gray-500 hover:text-gray-900 w-full"
+                                        //     />
+                                        //   </div>
+                                        // )}
+                                        emptyFilterMessage: emptyFilterMessage
                                             ? emptyFilterMessage
-                                            : "No Result Found", emptyMessage: emptyMessage ? emptyMessage : "No Data Found" }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
+                                            : "No Results Found", emptyMessage: emptyMessage ? emptyMessage : "No Data Found" }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
                         },
                     ] }), !showChips ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event) })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-wrap gap-2" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", 
                             // className={`list_box_button focus:shadow-none p-0 h-max h-auto mx-2`}

package/dist/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProgressSpinner = exports.Skeleton = exports.Chip = exports.Chips = exports.Rating = exports.InputTextarea = exports.InputSwitch = exports.InputMask = exports.SpeedDial = exports.SplitButton = exports.DataViewLayoutOptions = exports.DataView = exports.Toast = exports.InputNumber = exports.OverlayPanel = exports.Tag = exports.Carousel = exports.ToggleButton = exports.CustomSlider = exports.Card = exports.Dialog = exports.Password = exports.confirmPopup = exports.ConfirmDialog = exports.RadioButton = exports.Badge = exports.Tooltip = exports.Calendar = exports.Image = exports.AvatarGroup = exports.Avatar = exports.classNames = exports.Paginator = exports.ScMultiSelect = exports.MultiSelect = exports.FileUpload = exports.TabMenu = exports.TabPanel = exports.TabView = exports.Sidebar = exports.Column = exports.DataTable = exports.Checkbox = exports.AutoComplete = exports.ColorPicker = exports.AccordionTab = exports.Accordion = exports.InputText = exports.Dropdown = exports.Button = void 0;
 exports.ScrollTop = exports.InplaceContent = exports.InplaceDisplay = exports.Inplace = exports.BlockUI = exports.Messages = exports.Message = exports.TieredMenu = exports.Steps = exports.SlideMenu = exports.PanelMenu = exports.Menubar = exports.Menu = exports.Dock = exports.ContextMenu = exports.Toolbar = exports.SplitterPanel = exports.Splitter = exports.ScrollPanel = exports.Panel = exports.Fieldset = exports.DeferredContent = exports.Timeline = exports.TreeTable = exports.Tree = exports.PickList = exports.OrganizationChart = exports.OrderList = exports.DataScroller = exports.TriStateCheckbox = exports.TreeSelect = exports.SelectButton = exports.MultiStateCheckbox = exports.Mention = exports.ListBox = exports.Knob = exports.Editor = exports.CascadeSelect = exports.FilterOperator = exports.FilterMatchMode = exports.Slider = exports.Galleria = exports.SvgComponent = exports.CircleProgressComponent = exports.ProgressSteps = exports.ProgressBar = exports.Divider = exports.MegaMenu = exports.BreadCrumb = exports.Chart = void 0;
-exports.SCLoader = exports.AGGridComponent = exports.useOverlayScrollListener = exports.useOverlayListener = exports.useClickOutside = exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaEditorTextBox = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.FormulaCoponent = exports.MultiSelectDropDown = exports.Terminal = exports.StyleClass = void 0;
+exports.AGCharts = exports.SCLoader = exports.AGGridComponent = exports.useOverlayScrollListener = exports.useOverlayListener = exports.useClickOutside = exports.CustomColorPicker = exports.ListBoxDropdown = exports.FroalaEditorTextBox = exports.FroalaTextEditor = exports.FormFields = exports.FormComponent = exports.TreeDropdownSelect = exports.DatePicker = exports.FormulaCoponent = exports.MultiSelectDropDown = exports.Terminal = exports.StyleClass = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const client_1 = tslib_1.__importDefault(require("react-dom/client"));
@@ -234,4 +234,6 @@ var parent_for_grid_1 = require("./components/ag-grid/parent-for-grid");
 Object.defineProperty(exports, "AGGridComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(parent_for_grid_1).default; } });
 var Loader_1 = require("./components/loader/Loader");
 Object.defineProperty(exports, "SCLoader", { enumerable: true, get: function () { return tslib_1.__importDefault(Loader_1).default; } });
+var AGCharts_1 = require("./components/ag-charts/AGCharts");
+Object.defineProperty(exports, "AGCharts", { enumerable: true, get: function () { return tslib_1.__importDefault(AGCharts_1).default; } });
 client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));

package/dist/types/components/ag-charts/AGCharts.d.ts

@@ -0,0 +1,2 @@
+declare const AGCharts: ({ options }: any) => import("react/jsx-runtime").JSX.Element;
+export default AGCharts;

package/dist/types/components/ag-grid/LicenceKey.d.ts

@@ -1 +1,2 @@
 export declare const LICENSEKEY = "Using_this_{AG_Grid}_Enterprise_key_{AG-056800}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Sellers_Commerce_LLC}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{SellersCommerce}_only_for_{2}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{SellersCommerce}_need_to_be_licensed___{SellersCommerce}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{14_April_2025}____[v3]_[01]_MTc0NDU4NTIwMDAwMA==895f2234e1659afcfba586110daf0549";
+export declare const AG_CHARTS_LICENSEKEY = "Using_this_{AG_Charts_and_AG_Grid}_Enterprise_key_{AG-058800}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Sellers_Commerce_LLC}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{SellersCommerce}_only_for_{2}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{SellersCommerce}_need_to_be_licensed___{SellersCommerce}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Charts_and_AG_Grid}_Enterprise_versions_released_before_{14_April_2025}____[v3]_[0102]_MTc0NDU4NTIwMDAwMA==15a0fcf3657abde81fe561ca3a6780e3";

package/dist/types/components/list-box-dropdown/list-box-dropdown.d.ts

@@ -1,3 +1,3 @@
 import { ListBoxDropdownTypes } from "../types/type";
-declare const ListBoxDropdown: ({ selectAll, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, emptyFilterMessage, emptyMessage, }: ListBoxDropdownTypes) => import("react/jsx-runtime").JSX.Element;
+declare const ListBoxDropdown: (props: ListBoxDropdownTypes) => import("react/jsx-runtime").JSX.Element;
 export default ListBoxDropdown;

package/dist/types/components/types/type.d.ts

@@ -261,6 +261,7 @@ export interface ListBoxDropdownTypes {
     type?: any;
     emptyFilterMessage?: any;
     emptyMessage?: any;
+    optionsMenuRef?: any;
 }
 export interface DatePickerTypes {
     value: any;

package/dist/types/index.d.ts

@@ -106,6 +106,7 @@ export { default as CustomColorPicker } from "./components/custom-color-picker/c
 export { useClickOutside, useOverlayListener, useOverlayScrollListener } from 'primereact/hooks';
 export { default as AGGridComponent } from './components/ag-grid/parent-for-grid';
 export { default as SCLoader } from "./components/loader/Loader";
+export { default as AGCharts } from "./components/ag-charts/AGCharts";
 import { DropdownChangeEvent } from "primereact/dropdown";
 import { ColorPickerChangeEvent } from "primereact/colorpicker";
 import { SliderChangeEvent } from "primereact/slider";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.3.73",
+  "version": "6.3.75",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -59,6 +59,7 @@
     "@types/react": "18",
     "@types/react-dom": "18",
     "@yaireo/tagify": "^4.33.2",
+    "ag-charts-enterprise": "^11.2.0",
     "ag-grid-react": "^31.2.1",
     "axios": "^1.6.8",
     "chart.js": "^4.3.0",