@athoscommerce/snap-preact 1.2.2 → 1.2.3-beta.1

package/dist/esm/components/src/components/Molecules/Slideout/Slideout.js

@@ -72,18 +72,33 @@ export const Slideout = observer((properties) => {
     // state
     const [isActive, setActive] = useState(Boolean(active));
     const [renderContent, setRenderContent] = useState(Boolean(active));
-    const toggleActive = () => {
-        if (isActive) {
-            setActive(false);
-            if (rerender) {
-                setTimeout(() => {
-                    setRenderContent(false);
-                }, 250);
+    const toggleActive = (force) => {
+        if (typeof force !== 'undefined') {
+            setActive(force);
+            if (force == false) {
+                if (rerender) {
+                    setTimeout(() => {
+                        setRenderContent(false);
+                    }, 250);
+                }
+            }
+            else {
+                setRenderContent(true);
             }
         }
         else {
-            setActive(true);
-            setRenderContent(true);
+            if (isActive) {
+                setActive(false);
+                if (rerender) {
+                    setTimeout(() => {
+                        setRenderContent(false);
+                    }, 250);
+                }
+            }
+            else {
+                setActive(true);
+                setRenderContent(true);
+            }
         }
         document.body.style.overflow = isActive ? 'hidden' : '';
     };
@@ -102,8 +117,11 @@ export const Slideout = observer((properties) => {
     useEffect(() => {
         if (buttonSelector) {
             let button;
+            let buttons;
             if (typeof buttonSelector == 'string') {
-                button = document.querySelector(buttonSelector);
+                buttons = document.querySelectorAll(buttonSelector);
+                // for quickview should this be "setActive" instead of toggle?
+                buttons.forEach((button) => button.addEventListener('click', () => toggleActive(true)));
             }
             else {
                 button = buttonSelector;
@@ -112,7 +130,7 @@ export const Slideout = observer((properties) => {
                 button.addEventListener('click', () => toggleActive());
             }
         }
-    }, []);
+    });
     return isVisible || !rerender ? (_jsxs(CacheProvider, { children: [buttonContent &&
-                (noButtonWrapper ? (cloneWithProps(buttonContent, { toggleActive, active: isActive, treePath })) : (_jsx("div", { className: "ss__slideout__button", onClick: () => toggleActive(), children: cloneWithProps(buttonContent, { active: isActive, treePath }) }))), _jsx("div", { className: classnames('ss__slideout', className, internalClassName, { 'ss__slideout--active': isActive }), style: { visibility: !rerender ? (isVisible ? 'visible' : 'hidden') : 'visible' }, ...styling, children: renderContent && cloneWithProps(children, { toggleActive, active: isActive, treePath }) }), _jsx(Overlay, { ...subProps.overlay, active: isActive, onClick: toggleActive })] })) : null;
+                (noButtonWrapper ? (cloneWithProps(buttonContent, { toggleActive, active: isActive, treePath })) : (_jsx("div", { className: "ss__slideout__button", onClick: () => toggleActive(), children: cloneWithProps(buttonContent, { active: isActive, treePath }) }))), _jsx("div", { className: classnames('ss__slideout', className, internalClassName, { 'ss__slideout--active': isActive }), style: { visibility: !rerender ? (isVisible ? 'visible' : 'hidden') : 'visible' }, ...styling, children: renderContent && cloneWithProps(children, { toggleActive, active: isActive, treePath }) }), _jsx(Overlay, { ...subProps.overlay, active: isActive, onClick: () => toggleActive(false) })] })) : null;
 });

package/dist/esm/components/src/components/Organisms/Chat/Chat.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps } from '../../../types';
+import type { ChatController } from '@athoscommerce/snap-controller';
+export declare const Chat: ((properties: ChatProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface ChatProps extends ComponentProps {
+    controller: ChatController;
+    logo?: string;
+    title?: string;
+    subtitle?: string;
+    offset?: string | number;
+    multiselectFacets?: boolean;
+}
+//# sourceMappingURL=Chat.d.ts.map

package/dist/esm/components/src/components/Organisms/Chat/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/Chat.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAu+BrE,eAAO,MAAM,IAAI,gBAAyB,SAAS,KAAG,GAAG,CAAC,OAAO;;CAirC/D,CAAC;AAEH,MAAM,WAAW,SAAU,SAAQ,cAAc;IAChD,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B"}