@solidxai/core-ui 0.0.1

package/dist/components/core/common/SolidLayoutViews.d.ts

@@ -0,0 +1,19 @@
+interface Props {
+    sizeOptions: {
+        label: string;
+        value: string;
+        image: string;
+    }[];
+    setSize: (value: string) => void;
+    size: string;
+    viewModes: {
+        label: string;
+        value: string;
+        image: string;
+    }[];
+    setView: (value: string) => void;
+    view: string;
+}
+export declare const SolidLayoutViews: ({ sizeOptions, setSize, size, viewModes, setView, view }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidLayoutViews.d.ts.map

package/dist/components/core/common/SolidLayoutViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLayoutViews.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidLayoutViews.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACX,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/D,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7D,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;CAChB;AACD,eAAO,MAAM,gBAAgB,6DAA8D,KAAK,4CAyE/F,CAAA"}

package/dist/components/core/common/SolidLayoutViews.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from 'primereact/button';
+import { OverlayPanel } from 'primereact/overlaypanel';
+import { RadioButton } from 'primereact/radiobutton';
+import { useRef } from 'react';
+export var SolidLayoutViews = function (_a) {
+    var sizeOptions = _a.sizeOptions, setSize = _a.setSize, size = _a.size, viewModes = _a.viewModes, setView = _a.setView, view = _a.view;
+    var op = useRef(null);
+    return (_jsxs("div", { className: "position-relative", children: [_jsx(Button, { type: "button", size: 'small', severity: 'secondary', icon: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M14.9016 13.1969L10.8031 9.09845L14.9016 5L19 9.09845L14.9016 13.1969ZM5 11.7461V5.94301H10.8031V11.7461H5ZM12.2539 19V13.1969H18.057V19H12.2539ZM5 19V13.1969H10.8031V19H5ZM6.45078 10.2953H9.35233V7.39378H6.45078V10.2953ZM14.9197 11.1658L16.9689 9.11658L14.9197 7.06736L12.8705 9.11658L14.9197 11.1658ZM13.7047 17.5492H16.6062V14.6477H13.7047V17.5492ZM6.45078 17.5492H9.35233V14.6477H6.45078V17.5492Z", fill: "#4B4D52" }) }), className: 'custom-icon-button', outlined: true, 
+                // @ts-ignore
+                onClick: function (e) { return op.current.toggle(e); } }), _jsxs(OverlayPanel, { ref: op, className: 'solid-header-dropdown-panel', children: [_jsxs("div", { className: 'secondary-border-bottom p-1', children: [_jsx("p", { className: 'px-3 pt-2', children: "Density" }), _jsx("div", { className: "flex flex-column gap-1", children: sizeOptions.map(function (option) { return (_jsxs("div", { className: "flex align-items-center ".concat(option.value === size ? 'solid-active-view' : 'solid-view'), children: [_jsx(RadioButton, { inputId: option.value, name: "sizes", value: option.value, onChange: function (e) { return setSize(e.value); }, checked: option.value === size }), _jsxs("label", { htmlFor: option.value, className: "ml-2 flex align-items-center justify-content-between w-full", children: [option.label, _jsx("img", { src: option.image, alt: option.value, className: 'img-fluid position-relative', style: { width: '2.75rem' } })] })] }, option.value)); }) })] }), _jsxs("div", { className: 'p-1', children: [_jsx("p", { className: 'px-3 pt-2', children: "View Mode" }), _jsx("div", { className: "flex flex-column gap-1", children: viewModes.map(function (option) { return (_jsxs("div", { className: "flex align-items-center ".concat(option.value === view ? 'solid-active-view' : 'solid-view'), children: [_jsx(RadioButton, { inputId: option.value, name: "views", value: option.value, onChange: function (e) { return setView(e.value); }, checked: option.value === view }), _jsxs("label", { htmlFor: option.value, className: "ml-2 flex align-items-center justify-content-between w-full", children: [option.label, _jsx("img", { src: option.image, alt: option.value, className: 'img-fluid position-relative', style: { width: '2.75rem' } })] })] }, option.value)); }) })] })] })] }));
+};
+//# sourceMappingURL=SolidLayoutViews.js.map

package/dist/components/core/common/SolidLayoutViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLayoutViews.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidLayoutViews.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,87 @@
+
+import { Button } from 'primereact/button';
+import { OverlayPanel } from 'primereact/overlaypanel';
+import { RadioButton } from 'primereact/radiobutton';
+import { useRef } from 'react';
+interface Props {
+    sizeOptions: { label: string; value: string, image: string }[];
+    setSize: (value: string) => void;
+    size: string;
+    viewModes: { label: string; value: string, image: string }[];
+    setView: (value: string) => void;
+    view: string;
+}
+export const SolidLayoutViews = ({ sizeOptions, setSize, size, viewModes, setView, view }: Props) => {
+    const op = useRef(null);
+
+    return (
+        <div className="position-relative">
+            <Button
+                type="button"
+                size='small'
+                severity='secondary'
+                icon={
+                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none">
+                        <path d="M14.9016 13.1969L10.8031 9.09845L14.9016 5L19 9.09845L14.9016 13.1969ZM5 11.7461V5.94301H10.8031V11.7461H5ZM12.2539 19V13.1969H18.057V19H12.2539ZM5 19V13.1969H10.8031V19H5ZM6.45078 10.2953H9.35233V7.39378H6.45078V10.2953ZM14.9197 11.1658L16.9689 9.11658L14.9197 7.06736L12.8705 9.11658L14.9197 11.1658ZM13.7047 17.5492H16.6062V14.6477H13.7047V17.5492ZM6.45078 17.5492H9.35233V14.6477H6.45078V17.5492Z" fill="#4B4D52" />
+                    </svg>
+                }
+                className='custom-icon-button'
+                outlined
+                // @ts-ignore
+                onClick={(e) => op.current.toggle(e)}
+            />
+            <OverlayPanel ref={op} className='solid-header-dropdown-panel'>
+                <div className='secondary-border-bottom p-1'>
+                    <p className='px-3 pt-2'>Density</p>
+                    <div className="flex flex-column gap-1">
+                        {sizeOptions.map((option) => (
+                            <div key={option.value} className={`flex align-items-center ${option.value === size ? 'solid-active-view' : 'solid-view'}`}>
+                                <RadioButton
+                                    inputId={option.value}
+                                    name="sizes"
+                                    value={option.value}
+                                    onChange={(e) => setSize(e.value)}
+                                    checked={option.value === size}
+                                />
+                                <label htmlFor={option.value} className="ml-2 flex align-items-center justify-content-between w-full">
+                                    {option.label}
+                                    <img
+                                        src={option.image}
+                                        alt={option.value}
+                                        className='img-fluid position-relative'
+                                        style={{ width: '2.75rem' }}
+                                    />
+                                </label>
+                            </div>
+                        ))}
+                    </div>
+                </div>
+                <div className='p-1'>
+                    <p className='px-3 pt-2'>View Mode</p>
+                    <div className="flex flex-column gap-1">
+                        {viewModes.map((option) => (
+                            <div key={option.value} className={`flex align-items-center ${option.value === view ? 'solid-active-view' : 'solid-view'}`}>
+                                <RadioButton
+                                    inputId={option.value}
+                                    name="views"
+                                    value={option.value}
+                                    onChange={(e) => setView(e.value)}
+                                    checked={option.value === view}
+                                />
+                                <label htmlFor={option.value} className="ml-2 flex align-items-center justify-content-between w-full">
+                                    {option.label}
+                                    <img
+                                        src={option.image}
+                                        alt={option.value}
+                                        className='img-fluid position-relative'
+                                        style={{ width: '2.75rem' }}
+                                    />
+                                </label>
+                            </div>
+                        ))}
+                    </div>
+                </div>
+            </OverlayPanel>
+        </div>
+    );
+}

package/dist/components/core/common/SolidListViewOptions.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidListViewOptions: ({}: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidListViewOptions.d.ts.map

package/dist/components/core/common/SolidListViewOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidListViewOptions.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,OAAS,GAAG,4CAyB5C,CAAA"}

package/dist/components/core/common/SolidListViewOptions.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog } from "primereact/dialog";
+import { useState } from "react";
+export var SolidListViewOptions = function (_a) {
+    var _b = useState(false), visible = _b[0], setVisible = _b[1];
+    var _c = useState(["Header", "NonExistentComponent"]), componentsToRender = _c[0], setComponentsToRender = _c[1];
+    return (_jsxs("div", { className: "card flex justify-content-center", children: [_jsx("i", { className: "pi pi-cog", onClick: function () { return setVisible(true); } }), _jsxs(Dialog, { header: "Header", visible: visible, style: { width: '50vw' }, onHide: function () { if (!visible)
+                    return; setVisible(false); }, children: [_jsx("p", { className: "m-0", children: "ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }), _jsx("div", {})] })] }));
+};
+//# sourceMappingURL=SolidListViewOptions.js.map

package/dist/components/core/common/SolidListViewOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidListViewOptions.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidListViewOptions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAAQ;IAEnC,IAAA,KAAwB,QAAQ,CAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAC;IAEjD,IAAA,KAA8C,QAAQ,CAAC,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC,EAAzF,kBAAkB,QAAA,EAAE,qBAAqB,QAAgD,CAAC;IAEjG,OAAO,CACH,eAAK,SAAS,EAAC,kCAAkC,aAC7C,YAAG,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAAM,EAE9D,MAAC,MAAM,IAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,cAAQ,IAAI,CAAC,OAAO;oBAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAC1H,YAAG,SAAS,EAAC,KAAK,wcAKd,EACJ,eAEM,IAED,IACP,CACT,CAAA;AAEL,CAAC,CAAA"}

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

@@ -0,0 +1,31 @@
+
+import { Dialog } from "primereact/dialog";
+import { useState } from "react";
+
+
+export const SolidListViewOptions = ({ }: any) => {
+
+    const [visible, setVisible] = useState<boolean>(false);
+
+    const [componentsToRender, setComponentsToRender] = useState(["Header", "NonExistentComponent"]);
+
+    return (
+        <div className="card flex justify-content-center">
+            <i className="pi pi-cog" onClick={() => setVisible(true)}></i>
+
+            <Dialog header="Header" visible={visible} style={{ width: '50vw' }} onHide={() => { if (!visible) return; setVisible(false); }}>
+                <p className="m-0">
+                    ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+                    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                </p>
+                <div>
+                   
+                </div>
+
+            </Dialog>
+        </div>
+    )
+
+}

package/dist/components/core/common/SolidLoaders/SolidCircularLoader.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidCircularLoader: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidCircularLoader.d.ts.map

package/dist/components/core/common/SolidLoaders/SolidCircularLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidCircularLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidLoaders/SolidCircularLoader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,+CAI/B,CAAA"}

package/dist/components/core/common/SolidLoaders/SolidCircularLoader.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './SolidLoaders.module.css';
+export var SolidCircularLoader = function () {
+    return (_jsx("div", { className: styles.SolidCircularLoader }));
+};
+//# sourceMappingURL=SolidCircularLoader.js.map

package/dist/components/core/common/SolidLoaders/SolidCircularLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidCircularLoader.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidLoaders/SolidCircularLoader.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAE9C,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC/B,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,GAAQ,CACrD,CAAA;AACL,CAAC,CAAA"}

package/dist/components/core/common/SolidLoaders/SolidCircularLoader.tsx

@@ -0,0 +1,7 @@
+import styles from './SolidLoaders.module.css'
+
+export const SolidCircularLoader = () => {
+    return (
+        <div className={styles.SolidCircularLoader}></div>
+    )
+}

package/dist/components/core/common/SolidLoaders/SolidLoaders.module.css

@@ -0,0 +1,20 @@
+.SolidCircularLoader {
+    width: 48px;
+    height: 48px;
+    border: 5px solid var(--primary-color);
+    border-bottom-color: transparent;
+    border-radius: 50%;
+    display: inline-block;
+    box-sizing: border-box;
+    animation: circular-loader-animation 1s linear infinite;
+}
+
+@keyframes circular-loader-animation {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}

package/dist/components/core/common/SolidPasswordHelperText.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface PasswordHelperTextProps {
+    text?: any;
+}
+export declare const SolidPasswordHelperText: React.FC<PasswordHelperTextProps>;
+export {};
+//# sourceMappingURL=SolidPasswordHelperText.d.ts.map

package/dist/components/core/common/SolidPasswordHelperText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidPasswordHelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidPasswordHelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyBrE,CAAC"}

package/dist/components/core/common/SolidPasswordHelperText.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { env } from "../../../adapters/env";
+export var SolidPasswordHelperText = function (_a) {
+    var _b;
+    var text = _a.text;
+    var envPasswordHelperText = (_b = env("NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC")) !== null && _b !== void 0 ? _b : "";
+    if (!text && !envPasswordHelperText)
+        return null;
+    return (_jsx("div", { className: "mt-4 text-sm grid", children: text ?
+            _jsx("div", { dangerouslySetInnerHTML: { __html: text } })
+            :
+                _jsx("div", { className: "col-12", children: _jsx("div", { className: "grid", children: envPasswordHelperText.split("\\n").map(function (line, idx) { return (_jsx("div", { className: "col-6 pt-0", children: _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { children: "\u2022" }), _jsx("span", { children: line })] }) }, idx)); }) }) }) }));
+};
+//# sourceMappingURL=SolidPasswordHelperText.js.map

package/dist/components/core/common/SolidPasswordHelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidPasswordHelperText.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidPasswordHelperText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAM5C,MAAM,CAAC,IAAM,uBAAuB,GAAsC,UAAC,EAAQ;;QAAN,IAAI,UAAA;IAC/E,IAAM,qBAAqB,GAAG,MAAA,GAAG,CAAC,sCAAsC,CAAC,mCAAI,EAAE,CAAC;IAEhF,IAAI,CAAC,IAAI,IAAI,CAAC,qBAAqB;QAAE,OAAO,IAAI,CAAC;IAEjD,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAC/B,IAAI,CAAC,CAAC;YACL,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAQ;YACtD,CAAC;gBACD,cAAK,SAAS,EAAC,QAAQ,YACrB,cAAK,SAAS,EAAC,MAAM,YAClB,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACrD,cAAe,SAAS,EAAC,YAAY,YACnC,eAAK,SAAS,EAAC,YAAY,aACzB,oCAAc,EACd,yBAAO,IAAI,GAAQ,IACf,IAJE,GAAG,CAKP,CACP,EAPsD,CAOtD,CAAC,GACE,GACF,GAEJ,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,33 @@
+import React from "react";
+import { env } from "../../../adapters/env";
+
+interface PasswordHelperTextProps {
+  text?: any;
+}
+
+export const SolidPasswordHelperText: React.FC<PasswordHelperTextProps> = ({ text }) => {
+  const envPasswordHelperText = env("NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC") ?? "";
+
+  if (!text && !envPasswordHelperText) return null;
+
+  return (
+    <div className="mt-4 text-sm grid">
+      {text ?
+        <div dangerouslySetInnerHTML={{ __html: text }}></div>
+        :
+        <div className="col-12">
+          <div className="grid">
+            {envPasswordHelperText.split("\\n").map((line, idx) => (
+              <div key={idx} className="col-6 pt-0">
+                <div className="flex gap-2">
+                  <span>•</span>
+                  <span>{line}</span>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      }
+    </div>
+  );
+};

package/dist/components/core/common/SolidSaveCustomFilterForm.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface SolidSaveCustomFilterFormProps {
+    currentSavedFilterData: any;
+    handleSaveFilter: ({}: {}) => void;
+    closeDialog: any;
+}
+export declare const SolidSaveCustomFilterForm: React.FC<SolidSaveCustomFilterFormProps>;
+export {};
+//# sourceMappingURL=SolidSaveCustomFilterForm.d.ts.map

package/dist/components/core/common/SolidSaveCustomFilterForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSaveCustomFilterForm.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";AAKA,UAAU,8BAA8B;IACpC,sBAAsB,EAAE,GAAG,CAAC;IAC5B,gBAAgB,EAAE,CAAC,EAAG,IAAA,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,GAAG,CAAA;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA8D9E,CAAC"}

package/dist/components/core/common/SolidSaveCustomFilterForm.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "primereact/button";
+import { Checkbox } from "primereact/checkbox";
+import { useState } from "react";
+export var SolidSaveCustomFilterForm = function (_a) {
+    var currentSavedFilterData = _a.currentSavedFilterData, handleSaveFilter = _a.handleSaveFilter, closeDialog = _a.closeDialog;
+    var _b = useState({ name: currentSavedFilterData ? currentSavedFilterData.name : "", isPrivate: currentSavedFilterData ? currentSavedFilterData.isPrivate : false }), formValues = _b[0], setFormValues = _b[1];
+    var handleChange = function (e) {
+        var _a = e.target, name = _a.name, value = _a.value, type = _a.type, checked = _a.checked;
+        setFormValues(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[name] = type === "checkbox" ? checked : value, _a)));
+        });
+    };
+    var handleSubmit = function (e) {
+        e.preventDefault();
+        var formData = {
+            id: currentSavedFilterData ? currentSavedFilterData.id : null,
+            name: formValues.name,
+            isPrivate: formValues.isPrivate === true ? true : "",
+        };
+        handleSaveFilter(formData);
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "name", children: "Name:" }), _jsx("input", { type: "text", id: "name", name: "name", placeholder: "Filter Title", className: "p-inputtext p-inputtext-sm p-component", value: formValues.name, onChange: handleChange, readOnly: currentSavedFilterData })] }), _jsxs("div", { className: "mt-3 flex align-items-center ", children: [_jsx(Checkbox, { inputId: "isPrivate", name: "isPrivate", checked: formValues.isPrivate, onChange: function (e) { return handleChange(e); } }), _jsx("label", { htmlFor: "isPrivate", className: "ml-2", children: "Is Private" })] }), _jsxs("div", { className: "mt-3 flex align-items-center gap-2", children: [_jsx(Button, { type: "submit", label: currentSavedFilterData ? "Update" : "Save", size: "small" }), _jsx(Button, { type: "button", label: "Cancel", size: "small", outlined: true, onClick: function () { return closeDialog(); } })] })] }));
+};
+//# sourceMappingURL=SolidSaveCustomFilterForm.js.map

package/dist/components/core/common/SolidSaveCustomFilterForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSaveCustomFilterForm.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,CAAC,IAAM,yBAAyB,GAA6C,UAAC,EAAyD;QAAvD,sBAAsB,4BAAA,EAAE,gBAAgB,sBAAA,EAAE,WAAW,iBAAA;IACjI,IAAA,KAA8B,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAxL,UAAU,QAAA,EAAE,aAAa,QAA+J,CAAC;IAEhM,IAAM,YAAY,GAAG,UAAC,CAAsC;QAClD,IAAA,KAAiC,CAAC,CAAC,MAAM,EAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAa,CAAC;QAChD,aAAa,CAAC,UAAC,IAAI;;YAAK,OAAA,uBACjB,IAAI,gBACN,IAAI,IAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,OAC/C;QAHsB,CAGtB,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,CAAkB;QACpC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAM,QAAQ,GAAG;YACb,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;YAC7D,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,SAAS,EAAE,UAAU,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;SACvD,CAAA;QACD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,gBAAM,QAAQ,EAAE,YAAY,aACxB,eAAK,SAAS,EAAC,wBAAwB,aACnC,gBAAO,OAAO,EAAC,MAAM,sBAAc,EACnC,gBACI,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,cAAc,EAC1B,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,sBAAsB,GAClC,IACA,EACN,eAAK,SAAS,EAAC,+BAA+B,aAC1C,KAAC,QAAQ,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,UAAU,CAAC,SAAS,EAC7B,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,YAAY,CAAC,CAAC,CAAC,EAAf,CAAe,GAE9B,EACX,gBAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,MAAM,2BAAmB,IAC5D,EACN,eAAK,SAAS,EAAC,oCAAoC,aAC/C,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACjD,IAAI,EAAC,OAAO,GACd,EACF,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,GAC9B,IACA,IACH,CACV,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,75 @@
+
+import { Button } from "primereact/button";
+import { Checkbox } from "primereact/checkbox";
+import { useState } from "react";
+
+interface SolidSaveCustomFilterFormProps {
+    currentSavedFilterData: any,
+    handleSaveFilter: ({ }) => void;
+    closeDialog: any
+}
+
+export const SolidSaveCustomFilterForm: React.FC<SolidSaveCustomFilterFormProps> = ({ currentSavedFilterData, handleSaveFilter, closeDialog }) => {
+    const [formValues, setFormValues] = useState({ name: currentSavedFilterData ? currentSavedFilterData.name : "", isPrivate: currentSavedFilterData ? currentSavedFilterData.isPrivate : false });
+
+    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const { name, value, type, checked } = e.target;
+        setFormValues((prev) => ({
+            ...prev,
+            [name]: type === "checkbox" ? checked : value,
+        }));
+    };
+
+    const handleSubmit = (e: React.FormEvent) => {
+        e.preventDefault();
+        const formData = {
+            id: currentSavedFilterData ? currentSavedFilterData.id : null,
+            name: formValues.name,
+            isPrivate: formValues.isPrivate === true ? true : "",
+        }
+        handleSaveFilter(formData);
+    };
+
+    return (
+        <form onSubmit={handleSubmit}>
+            <div className="flex flex-column gap-2">
+                <label htmlFor="name">Name:</label>
+                <input
+                    type="text"
+                    id="name"
+                    name="name"
+                    placeholder="Filter Title"
+                    className="p-inputtext p-inputtext-sm p-component"
+                    value={formValues.name}
+                    onChange={handleChange}
+                    readOnly={currentSavedFilterData}
+                />
+            </div>
+            <div className="mt-3 flex align-items-center ">
+                <Checkbox
+                    inputId="isPrivate"
+                    name="isPrivate"
+                    checked={formValues.isPrivate}
+                    onChange={(e: any) => handleChange(e)}
+                >
+                </Checkbox>
+                <label htmlFor="isPrivate" className="ml-2">Is Private</label>
+            </div>
+            <div className="mt-3 flex align-items-center gap-2">
+                <Button
+                    type="submit"
+                    label={currentSavedFilterData ? "Update" : "Save"}
+                    size="small"
+                />
+                <Button
+                    type="button"
+                    label="Cancel"
+                    size="small"
+                    outlined
+                    onClick={() => closeDialog()}
+                />
+            </div>
+        </form>
+    );
+};
+

package/dist/components/core/common/SolidSearchBox.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidSearchBox: ({ viewData }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidSearchBox.d.ts.map

package/dist/components/core/common/SolidSearchBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSearchBox.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSearchBox.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,iBAAkB,GAAG,4CAW/C,CAAA"}

package/dist/components/core/common/SolidSearchBox.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AutoComplete } from "primereact/autocomplete";
+import { useState } from "react";
+export var SolidSearchBox = function (_a) {
+    var viewData = _a.viewData;
+    var _b = useState(''), value = _b[0], setValue = _b[1];
+    var _c = useState([]), items = _c[0], setItems = _c[1];
+    var search = function (event) {
+        // setItems([...Array(10).keys()].map(item => event.query + '-' + item));
+    };
+    return (_jsx("div", { className: "card flex justify-content-center", children: _jsx(AutoComplete, { value: value, suggestions: items, completeMethod: search, onChange: function (e) { return setValue(e.value); } }) }));
+};
+//# sourceMappingURL=SolidSearchBox.js.map

package/dist/components/core/common/SolidSearchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSearchBox.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSearchBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAiB;QAAf,QAAQ,cAAA;IAC/B,IAAA,KAAoB,QAAQ,CAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IACzC,IAAA,KAAoB,QAAQ,CAAW,EAAE,CAAC,EAAzC,KAAK,QAAA,EAAE,QAAQ,QAA0B,CAAC;IACjD,IAAM,MAAM,GAAG,UAAC,KAAU;QACtB,yEAAyE;IAC7E,CAAC,CAAA;IACD,OAAO,CACH,cAAK,SAAS,EAAC,kCAAkC,YAC7C,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjB,CAAiB,GAAI,GAC5G,CACT,CAAA;AACL,CAAC,CAAA"}

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

@@ -0,0 +1,17 @@
+
+import { AutoComplete } from "primereact/autocomplete";
+import { useState } from "react";
+
+
+export const SolidSearchBox = ({ viewData }: any) => {
+    const [value, setValue] = useState<string>('');
+    const [items, setItems] = useState<string[]>([]);
+    const search = (event: any) => {
+        // setItems([...Array(10).keys()].map(item => event.query + '-' + item));
+    }
+    return (
+        <div className="card flex justify-content-center">
+            <AutoComplete value={value} suggestions={items} completeMethod={search} onChange={(e) => setValue(e.value)} />
+        </div>
+    )
+}