@stack-spot/portal-components 2.27.0 → 2.27.2

package/src/components/ChatBot.tsx

@@ -1,82 +1,82 @@
-import { Button, Flex, IconBox, Styles } from '@citric/core'
-import { QuestionAnswer, Times } from '@citric/icons'
-import { CHAT_BUTTON_ID, CHAT_BUTTON_WRAPPER_ID, getServiceNowLauncher, hideChatWindow, showChatWindow } from '../hooks/service-now'
-
-const styles: Styles = {
-  content: {
-    position: 'fixed',
-    bottom: '80px',
-    right: '0',
-    visibility: 'visible',
-    '&.opened .times': {
-      display: 'block',
-    },
-    '&.opened .question': {
-      display: 'none',
-    },
-    '.times': {
-      display: 'none',
-    },
-    '.question': {
-      display: 'block',
-    },
-  },
-  button: {
-    position: 'fixed',
-    right: '15px',
-    width: '64px',
-    height: '64px',
-    borderRadius: '50%',
-    border: 'none',
-    opacity: '0',
-    '&.show': {
-      opacity: '1',
-    },
-    '&:hover, &:focus': {
-      background: 'primary.500',
-    },
-  },
-  icon: {
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-  },
-}
-
-/**
- * A button for opening or closing the service-now chat window.
- * 
- * This is a circular orange button with a chat icon if the chat window is closed or a close icon if the chat window is open.
- */
-export const ChatBot = () => {
-  const handleOpenChatBot = () => {
-    const chatIframe = getServiceNowLauncher()
-    if (chatIframe) {
-      const isVisible = chatIframe.classList.contains('show')
-      if (isVisible) {
-        hideChatWindow()
-      } else {
-        showChatWindow()
-      }
-    }
-  }
-
-  return (
-    <Flex id={CHAT_BUTTON_WRAPPER_ID} sx={styles.content}>
-      <Button
-        onClick={handleOpenChatBot}
-        id={CHAT_BUTTON_ID}
-        sx={styles.button}
-      >
-        <IconBox
-          colorIcon="light.400"
-          sx={styles.icon}
-          size="lg">
-          <Times className="times" />
-          <QuestionAnswer className="question" />
-        </IconBox>
-      </Button>
-    </Flex>
-  )
-}
+import { Button, Flex, IconBox, Styles } from '@citric/core'
+import { QuestionAnswer, Times } from '@citric/icons'
+import { CHAT_BUTTON_ID, CHAT_BUTTON_WRAPPER_ID, getServiceNowLauncher, hideChatWindow, showChatWindow } from '../hooks/service-now'
+
+const styles: Styles = {
+  content: {
+    position: 'fixed',
+    bottom: '80px',
+    right: '0',
+    visibility: 'visible',
+    '&.opened .times': {
+      display: 'block',
+    },
+    '&.opened .question': {
+      display: 'none',
+    },
+    '.times': {
+      display: 'none',
+    },
+    '.question': {
+      display: 'block',
+    },
+  },
+  button: {
+    position: 'fixed',
+    right: '15px',
+    width: '64px',
+    height: '64px',
+    borderRadius: '50%',
+    border: 'none',
+    opacity: '0',
+    '&.show': {
+      opacity: '1',
+    },
+    '&:hover, &:focus': {
+      background: 'primary.500',
+    },
+  },
+  icon: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+  },
+}
+
+/**
+ * A button for opening or closing the service-now chat window.
+ * 
+ * This is a circular orange button with a chat icon if the chat window is closed or a close icon if the chat window is open.
+ */
+export const ChatBot = () => {
+  const handleOpenChatBot = () => {
+    const chatIframe = getServiceNowLauncher()
+    if (chatIframe) {
+      const isVisible = chatIframe.classList.contains('show')
+      if (isVisible) {
+        hideChatWindow()
+      } else {
+        showChatWindow()
+      }
+    }
+  }
+
+  return (
+    <Flex id={CHAT_BUTTON_WRAPPER_ID} sx={styles.content}>
+      <Button
+        onClick={handleOpenChatBot}
+        id={CHAT_BUTTON_ID}
+        sx={styles.button}
+      >
+        <IconBox
+          colorIcon="light.400"
+          sx={styles.icon}
+          size="lg">
+          <Times className="times" />
+          <QuestionAnswer className="question" />
+        </IconBox>
+      </Button>
+    </Flex>
+  )
+}

package/src/components/ContentValidateFilter.tsx

@@ -1,15 +1,15 @@
-import { PlaceholderResourceEmptySearch } from './Placeholder'
-
-export const ContentValidateFilter = ({
-  searchText,
-  listLength,
-  children,
-}: {
-  searchText?: string,
-  listLength: number,
-  children: React.ReactNode,
-}) => {
-  if (!listLength && searchText) return <PlaceholderResourceEmptySearch />
-  return <>{children}</>
-}
-
+import { PlaceholderResourceEmptySearch } from './Placeholder'
+
+export const ContentValidateFilter = ({
+  searchText,
+  listLength,
+  children,
+}: {
+  searchText?: string,
+  listLength: number,
+  children: React.ReactNode,
+}) => {
+  if (!listLength && searchText) return <PlaceholderResourceEmptySearch />
+  return <>{children}</>
+}
+