(chore): updated stem and constants.

src/components/stem/index.tsx

@@ -193,7 +193,7 @@ const ScoutbarStemCell: React.FC<{
     );
 
     const options: ActionOptions = {
-      close: (val = false) => setScoutbarReveal?.(val),
+      close: setScoutbarReveal,
       clearSearch: () => setInputValue?.(''),
       // ...
     };

src/helpers/action-helpers.ts

@@ -1,9 +1,8 @@
 /* --------------------------- Internal Dependency -------------------------- */
-import React from 'react';
 import { guidGenerator } from 'utils';
 
 export interface ActionOptions {
-  close?: (val?: boolean) => void;
+  close?: (value: boolean) => void;
   clearSearch?: () => void;
 }
 
@@ -19,6 +18,7 @@ export interface IScoutAction {
   target?: string;
   rel?: string;
   keyboardShortcut?: string[];
+  disableIdledAction?: boolean;
   icon?: HTMLElement | string;
   description?: string;
   ariaLabel?: string;

src/utils/constants.ts

@@ -0,0 +1,6 @@
+import { getOS } from 'utils';
+
+export const SCOUTBAR_ROOT_ID = 'scoutbar___root';
+export const FOCUSABLE_ELEMENTS = `body > div:not(#${SCOUTBAR_ROOT_ID})`;
+export const ROOT_SHORTCUT =
+  getOS() === 'Mac' ? ['meta', 'k'] : ['control', 'k'];

src/utils/index.ts

@@ -71,3 +71,20 @@ export const getOS = () => {
 
   return os;
 };
+
+export const print = (
+  data: string,
+  type: 'error' | 'warn' = 'warn',
+  isSystemDefault = false
+) => {
+  const message = `%c[${type === 'error' ? '⛔️' : '⚠️'} Scoutbar]: ${data}`;
+  const options = `color: ${
+    type === 'error' ? '#eb1c1c' : '#ae832c'
+  }; font-weight: bold; background: #eaeaea; padding: 5px; border-radius: 5px; border: 2px solid ${
+    type === 'error' ? '#eb1c1c' : '#ae832c'
+  }; font-size: 13px; font-family: sans-serif;`;
+
+  if (isSystemDefault) return console[type](message, options);
+
+  return console.log(message, options);
+};