@solidxai/core-ui 0.1.12-beta.5 → 0.1.12-beta.7

package/dist/components/layout/DashboardHeader.tsx

@@ -0,0 +1,94 @@
+
+import { useState } from "react";
+import { SolidButton, SolidPopover, SolidPopoverContent, SolidPopoverTrigger } from "../shad-cn-ui";
+import { SolidIcon, parseSolidIconMeta } from "../shad-cn-ui/SolidIcon";
+
+const DashboardHeader = () => {
+
+    const [menuOpen, setMenuOpen] = useState(false);
+    const items = [
+        {
+            label: 'Refresh',
+            icon: 'pi pi-refresh'
+        },
+        {
+            label: 'Export',
+            icon: 'pi pi-upload'
+        }
+    ];
+
+    return (
+        <div className="flex justify-content-between  align-items-center px-5 surface-0 border-bottom-1 surface-border relative lg:static" style={{ height: "60px" }}>
+            <div className="flex align-items-center">
+                <SolidButton label="New" size="sm" type="submit" className="small-button" />
+                <SolidPopover open={menuOpen} onOpenChange={setMenuOpen}>
+                    <SolidPopoverTrigger asChild>
+                        <SolidButton
+                            type="button"
+                            icon="pi pi-cog"
+                            variant="ghost"
+                            size="sm"
+                            className="ml-2"
+                        />
+                    </SolidPopoverTrigger>
+                    <SolidPopoverContent side="bottom" align="start" className="solid-form-actions-popover">
+                        <div className="solid-row-actions-menu">
+                            {items.map((item) => (
+                                <button key={item.label} type="button" className="solid-row-action-button" onClick={() => setMenuOpen(false)}>
+                                    {(() => { const m = parseSolidIconMeta(item.icon); return m ? <SolidIcon name={m.name} spin={m.spin} className="solid-row-action-button-icon" /> : <i className={`${item.icon} solid-row-action-button-icon`} />; })()}
+                                    <span className="solid-row-action-button-label">{item.label}</span>
+                                </button>
+                            ))}
+                        </div>
+                    </SolidPopoverContent>
+                </SolidPopover>
+            </div>
+            <div className="flex align-items-center">
+                <div className="bgCircle">
+                    <div style={{ position: "relative" }}>
+                        <SolidIcon name="si-bell" />
+                        <span className="topbar-badge">
+                        </span>
+                    </div>
+                </div>
+                <div className="bgCircle ml-3">
+                    <div style={{ position: "relative" }}>
+                        <SolidIcon name="si-envelope" />
+                        <span className="topbar-badge">
+                        </span>
+                    </div>
+                </div>
+                <div className="topbar-profile">
+                    <button className="topbar-profile-button p-link" type="button">
+                        <img alt="avatar" src="/images/dashboard/Ellipse 1.svg" />
+                        <span className="profile-details">
+                            <span className="profile-name">Gene Russell</span>
+                            <span className="profile-email">ben95@example.com</span>
+                        </span>
+                        <SolidIcon name="si-angle-down" />
+                    </button>
+                    <ul className="list-none p-3 m-0 border-round shadow-2 absolute surface-overlay origin-top w-full sm:w-12rem mt-2 right-0 top-auto hidden">
+                        <li>
+                            <a className="p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
+                                <SolidIcon name="si-user" className="mr-3" />
+                                <span>Profile</span>
+                            </a>
+                            <a className="p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
+                                <SolidIcon name="si-inbox" className="mr-3" />
+                                <span>Inbox</span></a>
+                            <a className="p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
+                                <SolidIcon name="si-cog" className="mr-3" />
+                                <span>Settings</span>
+                            </a>
+                            <a className="p-ripple flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
+                                <SolidIcon name="si-power-off" className="mr-3" />
+                                <span>Sign Out</span>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    );
+}
+export default DashboardHeader;

package/dist/components/shad-cn-ui/SolidSelect.d.ts

@@ -12,7 +12,8 @@ type SolidSelectProps = {
     }) => void;
     id?: string;
     native?: boolean;
+    menuPlacement?: "auto" | "top" | "bottom";
 };
-export declare function SolidSelect({ value, options, optionLabel, optionValue, placeholder, className, disabled, onChange, id, native, }: SolidSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function SolidSelect({ value, options, optionLabel, optionValue, placeholder, className, disabled, onChange, id, native, menuPlacement, }: SolidSelectProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SolidSelect.d.ts.map

package/dist/components/shad-cn-ui/SolidSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelect.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSelect.tsx"],"names":[],"mappings":"AAGA,KAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE7C,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAMF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAY,EACZ,WAAqB,EACrB,WAAqB,EACrB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,MAAa,GACd,EAAE,gBAAgB,2CAiIlB"}
+{"version":3,"file":"SolidSelect.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSelect.tsx"],"names":[],"mappings":"AAGA,KAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE7C,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;CAC3C,CAAC;AAMF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAY,EACZ,WAAqB,EACrB,WAAqB,EACrB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,MAAa,EACb,aAAsB,GACvB,EAAE,gBAAgB,2CA2IlB"}

package/dist/components/shad-cn-ui/SolidSelect.js

@@ -9,9 +9,9 @@ function cx() {
     return parts.filter(Boolean).join(" ");
 }
 export function SolidSelect(_a) {
-    var value = _a.value, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.optionLabel, optionLabel = _c === void 0 ? "label" : _c, _d = _a.optionValue, optionValue = _d === void 0 ? "value" : _d, placeholder = _a.placeholder, className = _a.className, disabled = _a.disabled, onChange = _a.onChange, id = _a.id, _e = _a.native, native = _e === void 0 ? true : _e;
-    var _f = React.useState(false), open = _f[0], setOpen = _f[1];
-    var _g = React.useState(false), openUpward = _g[0], setOpenUpward = _g[1];
+    var value = _a.value, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.optionLabel, optionLabel = _c === void 0 ? "label" : _c, _d = _a.optionValue, optionValue = _d === void 0 ? "value" : _d, placeholder = _a.placeholder, className = _a.className, disabled = _a.disabled, onChange = _a.onChange, id = _a.id, _e = _a.native, native = _e === void 0 ? true : _e, _f = _a.menuPlacement, menuPlacement = _f === void 0 ? "auto" : _f;
+    var _g = React.useState(false), open = _g[0], setOpen = _g[1];
+    var _h = React.useState(false), openUpward = _h[0], setOpenUpward = _h[1];
     var rootRef = React.useRef(null);
     var menuRef = React.useRef(null);
     var normalized = options.map(function (option, index) {
@@ -51,6 +51,14 @@ export function SolidSelect(_a) {
     React.useLayoutEffect(function () {
         if (!open || native || !rootRef.current || !menuRef.current)
             return;
+        if (menuPlacement === "top") {
+            setOpenUpward(true);
+            return;
+        }
+        if (menuPlacement === "bottom") {
+            setOpenUpward(false);
+            return;
+        }
         var rootRect = rootRef.current.getBoundingClientRect();
         var menuHeight = menuRef.current.offsetHeight;
         var viewportHeight = window.innerHeight;
@@ -58,7 +66,7 @@ export function SolidSelect(_a) {
         var spaceAbove = rootRect.top;
         var needsOpenUpward = spaceBelow < menuHeight + 8 && spaceAbove > spaceBelow;
         setOpenUpward(needsOpenUpward);
-    }, [open, native, options.length]);
+    }, [open, native, options.length, menuPlacement]);
     if (!native) {
         return (_jsxs("div", { ref: rootRef, className: cx("solid-select-wrap", "solid-select-wrap-custom", className), children: [_jsxs("button", { id: id, type: "button", className: "solid-select solid-select-trigger", disabled: disabled, "aria-haspopup": "listbox", "aria-expanded": open, onClick: function () {
                         if (disabled)

package/dist/components/shad-cn-ui/SolidSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelect.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { ChevronDown } from \"lucide-react\";\n\ntype SolidSelectOption = Record<string, any>;\n\ntype SolidSelectProps = {\n  value?: any;\n  options?: SolidSelectOption[];\n  optionLabel?: string;\n  optionValue?: string;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  onChange?: (event: { value: any }) => void;\n  id?: string;\n  native?: boolean;\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidSelect({\n  value,\n  options = [],\n  optionLabel = \"label\",\n  optionValue = \"value\",\n  placeholder,\n  className,\n  disabled,\n  onChange,\n  id,\n  native = true,\n}: SolidSelectProps) {\n  const [open, setOpen] = React.useState(false);\n  const [openUpward, setOpenUpward] = React.useState(false);\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const menuRef = React.useRef<HTMLDivElement | null>(null);\n  const normalized = options.map((option, index) => ({\n    key: String(index),\n    label: option?.[optionLabel] ?? \"\",\n    value: option?.[optionValue],\n  }));\n\n  const selectedIndex = normalized.findIndex((item) => item.value === value);\n  const selectedKey = selectedIndex >= 0 ? normalized[selectedIndex].key : \"\";\n  const selectedOption = selectedIndex >= 0 ? normalized[selectedIndex] : null;\n\n  React.useEffect(() => {\n    if (!open) return;\n\n    const handlePointerDown = (event: MouseEvent | TouchEvent) => {\n      if (!rootRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handlePointerDown);\n    document.addEventListener(\"touchstart\", handlePointerDown);\n    document.addEventListener(\"keydown\", handleEscape);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handlePointerDown);\n      document.removeEventListener(\"touchstart\", handlePointerDown);\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [open]);\n\n  React.useLayoutEffect(() => {\n    if (!open || native || !rootRef.current || !menuRef.current) return;\n\n    const rootRect = rootRef.current.getBoundingClientRect();\n    const menuHeight = menuRef.current.offsetHeight;\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - rootRect.bottom;\n    const spaceAbove = rootRect.top;\n    const needsOpenUpward = spaceBelow < menuHeight + 8 && spaceAbove > spaceBelow;\n\n    setOpenUpward(needsOpenUpward);\n  }, [open, native, options.length]);\n\n  if (!native) {\n    return (\n      <div ref={rootRef} className={cx(\"solid-select-wrap\", \"solid-select-wrap-custom\", className)}>\n        <button\n          id={id}\n          type=\"button\"\n          className=\"solid-select solid-select-trigger\"\n          disabled={disabled}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          onClick={() => {\n            if (disabled) return;\n            setOpen((prev) => !prev);\n          }}\n        >\n          <span className={cx(\"solid-select-trigger-label\", !selectedOption && \"solid-select-placeholder\")}>\n            {selectedOption?.label || placeholder || \"Select\"}\n          </span>\n          <span className=\"solid-select-icon\" aria-hidden=\"true\">\n            <ChevronDown size={14} />\n          </span>\n        </button>\n        {open ? (\n          <div\n            ref={menuRef}\n            className={cx(\"solid-select-menu\", openUpward && \"solid-select-menu-top\")}\n            role=\"listbox\"\n          >\n            {normalized.map((item) => (\n              <button\n                key={item.key}\n                type=\"button\"\n                role=\"option\"\n                className={cx(\"solid-select-menu-item\", item.value === value && \"is-selected\")}\n                aria-selected={item.value === value}\n                onClick={() => {\n                  onChange?.({ value: item.value });\n                  setOpen(false);\n                }}\n              >\n                {item.label}\n              </button>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cx(\"solid-select-wrap\", className)}>\n      <select\n        id={id}\n        className=\"solid-select\"\n        value={selectedKey}\n        disabled={disabled}\n        onChange={(event) => {\n          const next = normalized.find((item) => item.key === event.target.value);\n          onChange?.({ value: next?.value });\n        }}\n      >\n        <option value=\"\" disabled>\n          {placeholder || \"Select\"}\n        </option>\n        {normalized.map((item) => (\n          <option key={item.key} value={item.key}>\n            {item.label}\n          </option>\n        ))}\n      </select>\n      <span className=\"solid-select-icon\" aria-hidden=\"true\">\n        <ChevronDown size={14} />\n      </span>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SolidSelect.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { ChevronDown } from \"lucide-react\";\n\ntype SolidSelectOption = Record<string, any>;\n\ntype SolidSelectProps = {\n  value?: any;\n  options?: SolidSelectOption[];\n  optionLabel?: string;\n  optionValue?: string;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  onChange?: (event: { value: any }) => void;\n  id?: string;\n  native?: boolean;\n  menuPlacement?: \"auto\" | \"top\" | \"bottom\";\n};\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidSelect({\n  value,\n  options = [],\n  optionLabel = \"label\",\n  optionValue = \"value\",\n  placeholder,\n  className,\n  disabled,\n  onChange,\n  id,\n  native = true,\n  menuPlacement = \"auto\",\n}: SolidSelectProps) {\n  const [open, setOpen] = React.useState(false);\n  const [openUpward, setOpenUpward] = React.useState(false);\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const menuRef = React.useRef<HTMLDivElement | null>(null);\n  const normalized = options.map((option, index) => ({\n    key: String(index),\n    label: option?.[optionLabel] ?? \"\",\n    value: option?.[optionValue],\n  }));\n\n  const selectedIndex = normalized.findIndex((item) => item.value === value);\n  const selectedKey = selectedIndex >= 0 ? normalized[selectedIndex].key : \"\";\n  const selectedOption = selectedIndex >= 0 ? normalized[selectedIndex] : null;\n\n  React.useEffect(() => {\n    if (!open) return;\n\n    const handlePointerDown = (event: MouseEvent | TouchEvent) => {\n      if (!rootRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handlePointerDown);\n    document.addEventListener(\"touchstart\", handlePointerDown);\n    document.addEventListener(\"keydown\", handleEscape);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handlePointerDown);\n      document.removeEventListener(\"touchstart\", handlePointerDown);\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [open]);\n\n  React.useLayoutEffect(() => {\n    if (!open || native || !rootRef.current || !menuRef.current) return;\n\n    if (menuPlacement === \"top\") {\n      setOpenUpward(true);\n      return;\n    }\n\n    if (menuPlacement === \"bottom\") {\n      setOpenUpward(false);\n      return;\n    }\n\n    const rootRect = rootRef.current.getBoundingClientRect();\n    const menuHeight = menuRef.current.offsetHeight;\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - rootRect.bottom;\n    const spaceAbove = rootRect.top;\n    const needsOpenUpward = spaceBelow < menuHeight + 8 && spaceAbove > spaceBelow;\n\n    setOpenUpward(needsOpenUpward);\n  }, [open, native, options.length, menuPlacement]);\n\n  if (!native) {\n    return (\n      <div ref={rootRef} className={cx(\"solid-select-wrap\", \"solid-select-wrap-custom\", className)}>\n        <button\n          id={id}\n          type=\"button\"\n          className=\"solid-select solid-select-trigger\"\n          disabled={disabled}\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          onClick={() => {\n            if (disabled) return;\n            setOpen((prev) => !prev);\n          }}\n        >\n          <span className={cx(\"solid-select-trigger-label\", !selectedOption && \"solid-select-placeholder\")}>\n            {selectedOption?.label || placeholder || \"Select\"}\n          </span>\n          <span className=\"solid-select-icon\" aria-hidden=\"true\">\n            <ChevronDown size={14} />\n          </span>\n        </button>\n        {open ? (\n          <div\n            ref={menuRef}\n            className={cx(\"solid-select-menu\", openUpward && \"solid-select-menu-top\")}\n            role=\"listbox\"\n          >\n            {normalized.map((item) => (\n              <button\n                key={item.key}\n                type=\"button\"\n                role=\"option\"\n                className={cx(\"solid-select-menu-item\", item.value === value && \"is-selected\")}\n                aria-selected={item.value === value}\n                onClick={() => {\n                  onChange?.({ value: item.value });\n                  setOpen(false);\n                }}\n              >\n                {item.label}\n              </button>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cx(\"solid-select-wrap\", className)}>\n      <select\n        id={id}\n        className=\"solid-select\"\n        value={selectedKey}\n        disabled={disabled}\n        onChange={(event) => {\n          const next = normalized.find((item) => item.key === event.target.value);\n          onChange?.({ value: next?.value });\n        }}\n      >\n        <option value=\"\" disabled>\n          {placeholder || \"Select\"}\n        </option>\n        {normalized.map((item) => (\n          <option key={item.key} value={item.key}>\n            {item.label}\n          </option>\n        ))}\n      </select>\n      <span className=\"solid-select-icon\" aria-hidden=\"true\">\n        <ChevronDown size={14} />\n      </span>\n    </div>\n  );\n}\n"]}

package/dist/components/shad-cn-ui/SolidSelect.tsx

@@ -14,6 +14,7 @@ type SolidSelectProps = {
   onChange?: (event: { value: any }) => void;
   id?: string;
   native?: boolean;
+  menuPlacement?: "auto" | "top" | "bottom";
 };
 
 function cx(...parts: Array<string | false | undefined>) {
@@ -31,6 +32,7 @@ export function SolidSelect({
   onChange,
   id,
   native = true,
+  menuPlacement = "auto",
 }: SolidSelectProps) {
   const [open, setOpen] = React.useState(false);
   const [openUpward, setOpenUpward] = React.useState(false);
@@ -75,6 +77,16 @@ export function SolidSelect({
   React.useLayoutEffect(() => {
     if (!open || native || !rootRef.current || !menuRef.current) return;
 
+    if (menuPlacement === "top") {
+      setOpenUpward(true);
+      return;
+    }
+
+    if (menuPlacement === "bottom") {
+      setOpenUpward(false);
+      return;
+    }
+
     const rootRect = rootRef.current.getBoundingClientRect();
     const menuHeight = menuRef.current.offsetHeight;
     const viewportHeight = window.innerHeight;
@@ -83,7 +95,7 @@ export function SolidSelect({
     const needsOpenUpward = spaceBelow < menuHeight + 8 && spaceAbove > spaceBelow;
 
     setOpenUpward(needsOpenUpward);
-  }, [open, native, options.length]);
+  }, [open, native, options.length, menuPlacement]);
 
   if (!native) {
     return (

package/dist/helpers/# no such endpoints exist, need to calle

@@ -0,0 +1,3 @@
+# no such endpoints exist, need to called user get with populate api key filter
+useGetSelfApiKeysQuery() → GET /iam/api-keys (self mode)
+useGetUserApiKeysQuery(userId) → GET /users/:id/api-keys (admin mode)

package/dist/helpers/ToastContainer.d.ts

@@ -0,0 +1,4 @@
+export declare const ToastContainer: () => import("react/jsx-runtime").JSX.Element;
+export declare const handleError: (errorToast: any) => void;
+export declare const handleSuccess: (successMessage: any) => void;
+//# sourceMappingURL=ToastContainer.d.ts.map

package/dist/helpers/ToastContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../src/helpers/ToastContainer.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,cAAc,+CAI1B,CAAC;AAUF,eAAO,MAAM,WAAW,eAAgB,GAAG,SAqC1C,CAAC;AAEF,eAAO,MAAM,aAAa,mBAAoB,GAAG,SAwBhD,CAAC"}

package/dist/helpers/ToastContainer.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ERROR_MESSAGES } from '../constants/error-messages';
+import { Toast } from 'primereact/toast';
+import { useRef } from 'react';
+var toastRef = null;
+export var ToastContainer = function () {
+    toastRef = useRef(null);
+    return _jsx(Toast, { ref: toastRef });
+};
+function isFetchBaseQueryErrorWithErrorResponse(error) {
+    return error && typeof error === 'object' && 'data' in error && 'message' in error.data;
+}
+var extractErrorMessages = function (errorObj) {
+    return Object.values(errorObj);
+};
+export var handleError = function (errorToast) {
+    var _a;
+    var errorMessage = errorToast ? errorToast : [ERROR_MESSAGES.ERROR_OCCURED];
+    if (typeof errorMessage == 'object') {
+        if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
+            errorMessage = errorToast.data.message;
+        }
+    }
+    // if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
+    //     errorMessage = errorToast.data.message;
+    // } else {
+    //     errorMessage = ['Something went wrong'];
+    // }
+    (_a = toastRef === null || toastRef === void 0 ? void 0 : toastRef.current) === null || _a === void 0 ? void 0 : _a.show({
+        severity: 'error',
+        summary: ERROR_MESSAGES.ERROR,
+        detail: errorMessage,
+        life: 3000,
+        //@ts-ignore
+        content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: Array.isArray(errorMessage) ? (errorMessage.map(function (message, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: message.trim() }) }, index)); })) : (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.trim() }) })) })); },
+    });
+};
+export var handleSuccess = function (successMessage) {
+    var _a;
+    (_a = toastRef === null || toastRef === void 0 ? void 0 : toastRef.current) === null || _a === void 0 ? void 0 : _a.show({
+        severity: 'error',
+        summary: ERROR_MESSAGES.IS_SUCCESS,
+        detail: successMessage,
+        life: 3000,
+        //@ts-ignore
+        content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: Array.isArray(successMessage) ? (successMessage.map(function (message, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: message.trim() }) }, index)); })) : (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: successMessage === null || successMessage === void 0 ? void 0 : successMessage.trim() }) })) })); },
+    });
+};
+//# sourceMappingURL=ToastContainer.js.map

package/dist/helpers/ToastContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.js","sourceRoot":"","sources":["../../src/helpers/ToastContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { ERROR_MESSAGES } from '../constants/error-messages';\nimport { FetchBaseQueryError } from '@reduxjs/toolkit/dist/query';\nimport { Toast } from 'primereact/toast';\nimport React, { useRef } from 'react';\n\n\ninterface ErrorResponseData {\n    message: string;\n    statusCode: number;\n    error: string;\n}\n\n\nlet toastRef: React.MutableRefObject<Toast | null> | null = null;\n\nexport const ToastContainer = () => {\n    toastRef = useRef(null);\n\n    return <Toast ref={toastRef} />;\n};\n\nfunction isFetchBaseQueryErrorWithErrorResponse(error: any): error is FetchBaseQueryError & { data: ErrorResponseData } {\n    return error && typeof error === 'object' && 'data' in error && 'message' in error.data;\n}\nconst extractErrorMessages = (errorObj: Record<string, string>): string[] => {\n    return Object.values(errorObj);\n};\n\n\nexport const handleError = (errorToast: any) => {\n    let errorMessage: any = errorToast ? errorToast : [ERROR_MESSAGES.ERROR_OCCURED];\n\n\n    if (typeof errorMessage == 'object') {\n        if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {\n            errorMessage = errorToast.data.message;\n        }\n    }\n    // if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {\n    //     errorMessage = errorToast.data.message;\n    // } else {\n    //     errorMessage = ['Something went wrong'];\n    // }\n\n    toastRef?.current?.show({\n        severity: 'error',\n        summary: ERROR_MESSAGES.ERROR,\n        detail: errorMessage,\n        life: 3000,\n        //@ts-ignore\n        content: (props) => (\n            <div className=\"flex flex-column align-items-left\" style={{ flex: \"1\" }}>\n                {Array.isArray(errorMessage) ? (\n                    errorMessage.map((message, index) => (\n                        <div className=\"flex align-items-center gap-2\" key={index}>\n                            <span className=\"font-bold text-900\">{message.trim()}</span>\n                        </div>\n                    ))\n                ) : (\n                    <div className=\"flex align-items-center gap-2\">\n                        <span className=\"font-bold text-900\">{errorMessage?.trim()}</span>\n                    </div>\n                )}\n            </div>\n        ),\n    });\n};\n\nexport const handleSuccess = (successMessage: any) => {\n\n    toastRef?.current?.show({\n        severity: 'error',\n        summary: ERROR_MESSAGES.IS_SUCCESS,\n        detail: successMessage,\n        life: 3000,\n        //@ts-ignore\n        content: (props) => (\n            <div className=\"flex flex-column align-items-left\" style={{ flex: \"1\" }}>\n                {Array.isArray(successMessage) ? (\n                    successMessage.map((message, index) => (\n                        <div className=\"flex align-items-center gap-2\" key={index}>\n                            <span className=\"font-bold text-900\">{message.trim()}</span>\n                        </div>\n                    ))\n                ) : (\n                    <div className=\"flex align-items-center gap-2\">\n                        <span className=\"font-bold text-900\">{successMessage?.trim()}</span>\n                    </div>\n                )}\n            </div>\n        ),\n    });\n};\n"]}

package/dist/helpers/ToastContainer.tsx

@@ -0,0 +1,94 @@
+
+import { ERROR_MESSAGES } from '../constants/error-messages';
+import { FetchBaseQueryError } from '@reduxjs/toolkit/dist/query';
+import { Toast } from 'primereact/toast';
+import React, { useRef } from 'react';
+
+
+interface ErrorResponseData {
+    message: string;
+    statusCode: number;
+    error: string;
+}
+
+
+let toastRef: React.MutableRefObject<Toast | null> | null = null;
+
+export const ToastContainer = () => {
+    toastRef = useRef(null);
+
+    return <Toast ref={toastRef} />;
+};
+
+function isFetchBaseQueryErrorWithErrorResponse(error: any): error is FetchBaseQueryError & { data: ErrorResponseData } {
+    return error && typeof error === 'object' && 'data' in error && 'message' in error.data;
+}
+const extractErrorMessages = (errorObj: Record<string, string>): string[] => {
+    return Object.values(errorObj);
+};
+
+
+export const handleError = (errorToast: any) => {
+    let errorMessage: any = errorToast ? errorToast : [ERROR_MESSAGES.ERROR_OCCURED];
+
+
+    if (typeof errorMessage == 'object') {
+        if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
+            errorMessage = errorToast.data.message;
+        }
+    }
+    // if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
+    //     errorMessage = errorToast.data.message;
+    // } else {
+    //     errorMessage = ['Something went wrong'];
+    // }
+
+    toastRef?.current?.show({
+        severity: 'error',
+        summary: ERROR_MESSAGES.ERROR,
+        detail: errorMessage,
+        life: 3000,
+        //@ts-ignore
+        content: (props) => (
+            <div className="flex flex-column align-items-left" style={{ flex: "1" }}>
+                {Array.isArray(errorMessage) ? (
+                    errorMessage.map((message, index) => (
+                        <div className="flex align-items-center gap-2" key={index}>
+                            <span className="font-bold text-900">{message.trim()}</span>
+                        </div>
+                    ))
+                ) : (
+                    <div className="flex align-items-center gap-2">
+                        <span className="font-bold text-900">{errorMessage?.trim()}</span>
+                    </div>
+                )}
+            </div>
+        ),
+    });
+};
+
+export const handleSuccess = (successMessage: any) => {
+
+    toastRef?.current?.show({
+        severity: 'error',
+        summary: ERROR_MESSAGES.IS_SUCCESS,
+        detail: successMessage,
+        life: 3000,
+        //@ts-ignore
+        content: (props) => (
+            <div className="flex flex-column align-items-left" style={{ flex: "1" }}>
+                {Array.isArray(successMessage) ? (
+                    successMessage.map((message, index) => (
+                        <div className="flex align-items-center gap-2" key={index}>
+                            <span className="font-bold text-900">{message.trim()}</span>
+                        </div>
+                    ))
+                ) : (
+                    <div className="flex align-items-center gap-2">
+                        <span className="font-bold text-900">{successMessage?.trim()}</span>
+                    </div>
+                )}
+            </div>
+        ),
+    });
+};

package/dist/helpers/showToast.d.ts

@@ -0,0 +1,5 @@
+import { Toast } from "primereact/toast";
+import { RefObject } from "react";
+declare const showToast: (toast: RefObject<Toast>, severity: "success" | "error" | "info", summary: string, detail: string) => void;
+export default showToast;
+//# sourceMappingURL=showToast.d.ts.map

package/dist/helpers/showToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"showToast.d.ts","sourceRoot":"","sources":["../../src/helpers/showToast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,QAAA,MAAM,SAAS,UAAW,UAAU,KAAK,CAAC,YAAY,SAAS,GAAG,OAAO,GAAG,MAAM,WAAW,MAAM,UAAU,MAAM,SAQlH,CAAC;AACF,eAAe,SAAS,CAAC"}

package/dist/helpers/showToast.js

@@ -0,0 +1,17 @@
+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);
+};
+var showToast = function (toast, severity, summary, detail) {
+    var _a;
+    (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show(__assign({ severity: severity, summary: summary, detail: detail }, (severity === "error" ? { sticky: true } : { life: 3000 })));
+};
+export default showToast;
+//# sourceMappingURL=showToast.js.map

package/dist/helpers/showToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"showToast.js","sourceRoot":"","sources":["../../src/helpers/showToast.ts"],"names":[],"mappings":";;;;;;;;;;;AAGA,IAAM,SAAS,GAAG,UAAC,KAAuB,EAAE,QAAsC,EAAE,OAAe,EAAE,MAAc;;IAC/G,MAAA,KAAK,CAAC,OAAO,0CAAE,IAAI,YACf,QAAQ,UAAA,EACR,OAAO,SAAA,EACP,MAAM,QAAA,IAEH,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAC/D,CAAC;AACP,CAAC,CAAC;AACF,eAAe,SAAS,CAAC","sourcesContent":["import { Toast } from \"primereact/toast\";\nimport { RefObject } from \"react\";\n\nconst showToast = (toast: RefObject<Toast>, severity: \"success\" | \"error\" | \"info\", summary: string, detail: string) => {\n    toast.current?.show({\n        severity,\n        summary,\n        detail,\n        // stays until user closes\n        ...(severity === \"error\" ? { sticky: true } : { life: 3000 }),\n    });\n};\nexport default showToast;"]}

package/dist/helpers/showToast.ts

@@ -0,0 +1,13 @@
+import { Toast } from "primereact/toast";
+import { RefObject } from "react";
+
+const showToast = (toast: RefObject<Toast>, severity: "success" | "error" | "info", summary: string, detail: string) => {
+    toast.current?.show({
+        severity,
+        summary,
+        detail,
+        // stays until user closes
+        ...(severity === "error" ? { sticky: true } : { life: 3000 }),
+    });
+};
+export default showToast;

package/dist/helpers/studioSandbox.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Studio Sandbox Mode API
+ *
+ * This module isolates the application layout from the Solid Studio UI.
+ * It dynamically creates a container to wrap the application root, converting
+ * it into a relative containing block. This prevents \`position: fixed\` elements
+ * within the application from inadvertently overlapping with the global Studio UI.
+ */
+/**
+ * Wraps the app root into the sandbox container.
+ */
+export declare function enableStudioMode(): void;
+/**
+ * Restores the application to its original state.
+ */
+export declare function disableStudioMode(): void;
+/**
+ * Returns the active scroll element based on sandbox state.
+ * When Studio Mode is enabled, the scroll element becomes the container.
+ * Otherwise, it uses the default Window object.
+ */
+export declare function getScrollElement(): HTMLElement | Window;
+/**
+ * Returns the current vertical scroll position.
+ */
+export declare function getScrollY(): number;
+/**
+ * Returns the effective viewport height.
+ */
+export declare function getViewportHeight(): number;
+//# sourceMappingURL=studioSandbox.d.ts.map

package/dist/helpers/studioSandbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"studioSandbox.d.ts","sourceRoot":"","sources":["../../src/helpers/studioSandbox.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAWH;;GAEG;AACH,wBAAgB,gBAAgB,SAgC/B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,SAoBhC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,WAAW,GAAG,MAAM,CAOvD;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,CAOnC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAO1C"}

package/dist/helpers/studioSandbox.js

@@ -0,0 +1,104 @@
+/**
+ * Studio Sandbox Mode API
+ *
+ * This module isolates the application layout from the Solid Studio UI.
+ * It dynamically creates a container to wrap the application root, converting
+ * it into a relative containing block. This prevents \`position: fixed\` elements
+ * within the application from inadvertently overlapping with the global Studio UI.
+ */
+var originalRootParent = null;
+var originalRootNextSibling = null;
+var isSandboxActive = false;
+function getAppRoot() {
+    // Determine the root depending on the framework (Vite uses #root, Next uses #__next)
+    return document.getElementById("root") || document.getElementById("__next") || document.body.firstElementChild;
+}
+/**
+ * Wraps the app root into the sandbox container.
+ */
+export function enableStudioMode() {
+    if (typeof window === "undefined" || isSandboxActive)
+        return;
+    var appRoot = getAppRoot();
+    if (!appRoot || appRoot.id === "solid-studio-root" || appRoot.id === "solid-studio-app-container") {
+        return;
+    }
+    var parent = appRoot.parentNode;
+    if (!parent)
+        return;
+    isSandboxActive = true;
+    originalRootParent = parent;
+    originalRootNextSibling = appRoot.nextSibling;
+    // Create the outer wrapper
+    var studioRoot = document.createElement("div");
+    studioRoot.id = "solid-studio-root";
+    // Create the isolation container
+    var appContainer = document.createElement("div");
+    appContainer.id = "solid-studio-app-container";
+    // Re-parent the app node
+    appContainer.appendChild(appRoot);
+    studioRoot.appendChild(appContainer);
+    // Insert the wrapper into the DOM where the root used to be
+    parent.insertBefore(studioRoot, originalRootNextSibling);
+    // Set a class on the body to indicate Studio Mode
+    document.body.classList.add("solid-studio-active");
+}
+/**
+ * Restores the application to its original state.
+ */
+export function disableStudioMode() {
+    if (typeof window === "undefined" || !isSandboxActive)
+        return;
+    var studioRoot = document.getElementById("solid-studio-root");
+    var appContainer = document.getElementById("solid-studio-app-container");
+    // Find our wrapped app root
+    var appRoot = appContainer === null || appContainer === void 0 ? void 0 : appContainer.firstElementChild;
+    if (studioRoot && appRoot && originalRootParent) {
+        originalRootParent.insertBefore(appRoot, originalRootNextSibling);
+        studioRoot.remove();
+    }
+    isSandboxActive = false;
+    originalRootParent = null;
+    originalRootNextSibling = null;
+    // Remove body class
+    document.body.classList.remove("solid-studio-active");
+}
+/**
+ * Returns the active scroll element based on sandbox state.
+ * When Studio Mode is enabled, the scroll element becomes the container.
+ * Otherwise, it uses the default Window object.
+ */
+export function getScrollElement() {
+    if (typeof window === "undefined")
+        return window;
+    if (isSandboxActive) {
+        var container = document.getElementById("solid-studio-app-container");
+        return container || window;
+    }
+    return window;
+}
+/**
+ * Returns the current vertical scroll position.
+ */
+export function getScrollY() {
+    if (typeof window === "undefined")
+        return 0;
+    if (isSandboxActive) {
+        var container = document.getElementById("solid-studio-app-container");
+        return container ? container.scrollTop : 0;
+    }
+    return window.scrollY;
+}
+/**
+ * Returns the effective viewport height.
+ */
+export function getViewportHeight() {
+    if (typeof window === "undefined")
+        return 0;
+    if (isSandboxActive) {
+        var container = document.getElementById("solid-studio-app-container");
+        return container ? container.clientHeight : window.innerHeight;
+    }
+    return window.innerHeight;
+}
+//# sourceMappingURL=studioSandbox.js.map

package/dist/helpers/studioSandbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"studioSandbox.js","sourceRoot":"","sources":["../../src/helpers/studioSandbox.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Studio Sandbox Mode API\n * \n * This module isolates the application layout from the Solid Studio UI. \n * It dynamically creates a container to wrap the application root, converting\n * it into a relative containing block. This prevents \\`position: fixed\\` elements \n * within the application from inadvertently overlapping with the global Studio UI.\n */\n\nlet originalRootParent: ParentNode | null = null;\nlet originalRootNextSibling: Node | null = null;\nlet isSandboxActive = false;\n\nfunction getAppRoot() {\n    // Determine the root depending on the framework (Vite uses #root, Next uses #__next)\n    return document.getElementById(\"root\") || document.getElementById(\"__next\") || document.body.firstElementChild;\n}\n\n/**\n * Wraps the app root into the sandbox container.\n */\nexport function enableStudioMode() {\n    if (typeof window === \"undefined\" || isSandboxActive) return;\n\n    const appRoot = getAppRoot();\n    if (!appRoot || appRoot.id === \"solid-studio-root\" || appRoot.id === \"solid-studio-app-container\") {\n        return;\n    }\n\n    const parent = appRoot.parentNode;\n    if (!parent) return;\n\n    isSandboxActive = true;\n    originalRootParent = parent;\n    originalRootNextSibling = appRoot.nextSibling;\n\n    // Create the outer wrapper\n    const studioRoot = document.createElement(\"div\");\n    studioRoot.id = \"solid-studio-root\";\n\n    // Create the isolation container\n    const appContainer = document.createElement(\"div\");\n    appContainer.id = \"solid-studio-app-container\";\n\n    // Re-parent the app node\n    appContainer.appendChild(appRoot);\n    studioRoot.appendChild(appContainer);\n\n    // Insert the wrapper into the DOM where the root used to be\n    parent.insertBefore(studioRoot, originalRootNextSibling);\n\n    // Set a class on the body to indicate Studio Mode\n    document.body.classList.add(\"solid-studio-active\");\n}\n\n/**\n * Restores the application to its original state.\n */\nexport function disableStudioMode() {\n    if (typeof window === \"undefined\" || !isSandboxActive) return;\n\n    const studioRoot = document.getElementById(\"solid-studio-root\");\n    const appContainer = document.getElementById(\"solid-studio-app-container\");\n\n    // Find our wrapped app root\n    const appRoot = appContainer?.firstElementChild;\n\n    if (studioRoot && appRoot && originalRootParent) {\n        originalRootParent.insertBefore(appRoot, originalRootNextSibling);\n        studioRoot.remove();\n    }\n\n    isSandboxActive = false;\n    originalRootParent = null;\n    originalRootNextSibling = null;\n\n    // Remove body class\n    document.body.classList.remove(\"solid-studio-active\");\n}\n\n/**\n * Returns the active scroll element based on sandbox state.\n * When Studio Mode is enabled, the scroll element becomes the container.\n * Otherwise, it uses the default Window object.\n */\nexport function getScrollElement(): HTMLElement | Window {\n    if (typeof window === \"undefined\") return window;\n    if (isSandboxActive) {\n        const container = document.getElementById(\"solid-studio-app-container\");\n        return container || window;\n    }\n    return window;\n}\n\n/**\n * Returns the current vertical scroll position.\n */\nexport function getScrollY(): number {\n    if (typeof window === \"undefined\") return 0;\n    if (isSandboxActive) {\n        const container = document.getElementById(\"solid-studio-app-container\");\n        return container ? container.scrollTop : 0;\n    }\n    return window.scrollY;\n}\n\n/**\n * Returns the effective viewport height.\n */\nexport function getViewportHeight(): number {\n    if (typeof window === \"undefined\") return 0;\n    if (isSandboxActive) {\n        const container = document.getElementById(\"solid-studio-app-container\");\n        return container ? container.clientHeight : window.innerHeight;\n    }\n    return window.innerHeight;\n}\n"]}