@digital-ai/dot-components 4.4.2 → 4.5.0

package/index.esm.js

@@ -237,6 +237,10 @@ const StyledTextField = styled(TextField)`
       }
       .MuiOutlinedInput-input {
         padding: ${InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`};
+        &::placeholder {
+          opacity: 1;
+          color: ${theme.palette.figma.typography.gray};
+        }
       }
       .MuiInputBase-inputSizeSmall {
         padding-top: 10.5px;
@@ -303,8 +307,13 @@ const StyledTextField = styled(TextField)`
         }
       }
 
+      .MuiInputLabel-root,
       .MuiInputLabel-root.Mui-error {
-        color: ${theme.palette.figma.typography.black};
+        color: ${theme.palette.figma.typography.gray};
+
+        &.MuiInputLabel-shrink {
+          color: ${theme.palette.figma.typography.black};
+        }
       }
 
       .MuiInputBase-root {
@@ -4231,12 +4240,17 @@ const DotClickAwayListener = ({
   });
 };
 
+const TYPEABLE_INPUTS_TYPES = ['date', 'datetime-local', 'email', 'month', 'number', 'password', 'search', 'tel', 'text', 'time', 'url', 'week'];
+const isTypableElement = element => {
+  const type = element.getAttribute('type');
+  return element.nodeName === 'TEXTAREA' || element.nodeName === 'INPUT' && (!type || TYPEABLE_INPUTS_TYPES.includes(type));
+};
 const useKeyPress = (key, callback, dependencies) => {
   useEffect(() => {
     if (!key) return;
     const handleKeyPress = event => {
       const element = event.target;
-      if (event.key === key && !['INPUT', 'TEXTAREA'].includes(element.nodeName) && !element.isContentEditable) {
+      if (event.key === key && !isTypableElement(element) && !element.isContentEditable) {
         callback();
       }
     };
@@ -12513,7 +12527,7 @@ function DotDashboardBanner({
   });
 }
 function getDashboardBanner(dashboard, isEdit, onExitEditMode, onPublishChanges, currentUser, modifiedAuthorUser) {
-  if (dashboard.is_being_modified && currentUser) {
+  if (dashboard.is_being_modified && currentUser && isEdit) {
     if (dashboard.modified_author_id === currentUser.id) {
       // We're in Edit mode for a published dashboard, and the dashboard is being modified by the current user.
       return jsx(DotDashboardBanner, {
@@ -12762,7 +12776,7 @@ const DotEmptyFilterState = ({
   ariaLabel,
   className,
   'data-testid': dataTestId,
-  illustrationId = 'empty',
+  illustrationId = 'no-filters',
   imageAltText = 'no results found'
 }) => {
   return jsx(DotEmptyState, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "4.4.2",
+  "version": "4.5.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/hooks/useKeyPress.d.ts

@@ -1 +1,2 @@
+export declare const TYPEABLE_INPUTS_TYPES: string[];
 export declare const useKeyPress: (key: string, callback: () => void, dependencies: unknown[]) => void;