npm - @sendbird/uikit-react-native-foundation - Versions diffs - 2.3.0 → 2.4.1 - Mend

@sendbird/uikit-react-native-foundation 2.3.0 → 2.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

package/lib/commonjs/theme/LightUIKitTheme.js CHANGED Viewed

@@ -11,207 +11,248 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const LightUIKitTheme = (0, _createTheme.default)({
   colorScheme: 'light',
-  colors: palette => ({
-    primary: palette.primary300,
-    secondary: palette.secondary300,
-    error: palette.error300,
-    background: palette.background50,
-    text: palette.onBackgroundLight01,
-    onBackground01: palette.onBackgroundLight01,
-    onBackground02: palette.onBackgroundLight02,
-    onBackground03: palette.onBackgroundLight03,
-    onBackground04: palette.onBackgroundLight04,
-    onBackgroundReverse01: palette.onBackgroundDark01,
-    onBackgroundReverse02: palette.onBackgroundDark02,
-    onBackgroundReverse03: palette.onBackgroundDark03,
-    onBackgroundReverse04: palette.onBackgroundDark04,
-    ui: {
-      header: {
-        nav: {
-          none: {
-            background: palette.background50,
-            borderBottom: palette.onBackgroundLight04
-          }
-        }
-      },
-      button: {
-        contained: {
-          enabled: {
-            background: palette.primary300,
-            content: palette.onBackgroundDark01
-          },
-          pressed: {
-            background: palette.primary400,
-            content: palette.onBackgroundDark01
-          },
-          disabled: {
-            background: palette.background100,
-            content: palette.onBackgroundLight04
-          }
+  colors: palette => {
+    const groupChannelMessage = {
+      incoming: {
+        enabled: {
+          textMsg: palette.onBackgroundLight01,
+          textEdited: palette.onBackgroundLight02,
+          textTime: palette.onBackgroundLight03,
+          textSenderName: palette.onBackgroundLight02,
+          background: palette.background100
         },
-        text: {
-          enabled: {
-            background: palette.transparent,
-            content: palette.primary300
-          },
-          pressed: {
-            background: palette.transparent,
-            content: palette.primary300
-          },
-          disabled: {
-            background: palette.transparent,
-            content: palette.onBackgroundLight04
-          }
+        pressed: {
+          textMsg: palette.onBackgroundLight01,
+          textEdited: palette.onBackgroundLight02,
+          textTime: palette.onBackgroundLight03,
+          textSenderName: palette.onBackgroundLight02,
+          background: palette.primary100
         }
       },
-      dialog: {
-        default: {
-          none: {
-            background: palette.background50,
-            text: palette.onBackgroundLight01,
-            message: palette.onBackgroundLight02,
-            highlight: palette.primary300,
-            destructive: palette.error300
-          }
+      outgoing: {
+        enabled: {
+          textMsg: palette.onBackgroundDark01,
+          textEdited: palette.onBackgroundDark02,
+          textTime: palette.onBackgroundLight03,
+          textSenderName: palette.transparent,
+          background: palette.primary300
+        },
+        pressed: {
+          textMsg: palette.onBackgroundDark01,
+          textEdited: palette.onBackgroundDark02,
+          textTime: palette.onBackgroundLight03,
+          textSenderName: palette.transparent,
+          background: palette.primary400
         }
-      },
-      input: {
-        default: {
-          active: {
-            text: palette.onBackgroundLight01,
-            placeholder: palette.onBackgroundLight03,
-            background: palette.background100,
-            highlight: palette.primary300
-          },
-          disabled: {
-            text: palette.onBackgroundLight04,
-            placeholder: palette.onBackgroundLight04,
-            background: palette.background100,
-            highlight: palette.onBackgroundLight04
+      }
+    };
+    return {
+      primary: palette.primary300,
+      secondary: palette.secondary300,
+      error: palette.error300,
+      background: palette.background50,
+      text: palette.onBackgroundLight01,
+      onBackground01: palette.onBackgroundLight01,
+      onBackground02: palette.onBackgroundLight02,
+      onBackground03: palette.onBackgroundLight03,
+      onBackground04: palette.onBackgroundLight04,
+      onBackgroundReverse01: palette.onBackgroundDark01,
+      onBackgroundReverse02: palette.onBackgroundDark02,
+      onBackgroundReverse03: palette.onBackgroundDark03,
+      onBackgroundReverse04: palette.onBackgroundDark04,
+      ui: {
+        header: {
+          nav: {
+            none: {
+              background: palette.background50,
+              borderBottom: palette.onBackgroundLight04
+            }
           }
         },
-        underline: {
-          active: {
-            text: palette.onBackgroundLight01,
-            placeholder: palette.onBackgroundLight03,
-            background: palette.transparent,
-            highlight: palette.primary300
+        button: {
+          contained: {
+            enabled: {
+              background: palette.primary300,
+              content: palette.onBackgroundDark01
+            },
+            pressed: {
+              background: palette.primary400,
+              content: palette.onBackgroundDark01
+            },
+            disabled: {
+              background: palette.background100,
+              content: palette.onBackgroundLight04
+            }
           },
-          disabled: {
-            text: palette.onBackgroundLight04,
-            placeholder: palette.onBackgroundLight04,
-            background: palette.transparent,
-            highlight: palette.onBackgroundLight04
-          }
-        }
-      },
-      badge: {
-        default: {
-          none: {
-            text: palette.background50,
-            background: palette.primary300
+          text: {
+            enabled: {
+              background: palette.transparent,
+              content: palette.primary300
+            },
+            pressed: {
+              background: palette.transparent,
+              content: palette.primary300
+            },
+            disabled: {
+              background: palette.transparent,
+              content: palette.onBackgroundLight04
+            }
           }
-        }
-      },
-      placeholder: {
-        default: {
-          none: {
-            content: palette.onBackgroundLight03,
-            highlight: palette.primary300
+        },
+        dialog: {
+          default: {
+            none: {
+              background: palette.background50,
+              text: palette.onBackgroundLight01,
+              message: palette.onBackgroundLight02,
+              highlight: palette.primary300,
+              destructive: palette.error300
+            }
           }
-        }
-      },
-      message: {
-        incoming: {
-          enabled: {
-            textMsg: palette.onBackgroundLight01,
-            textEdited: palette.onBackgroundLight02,
-            textTime: palette.onBackgroundLight03,
-            textSenderName: palette.onBackgroundLight02,
-            background: palette.background100
+        },
+        input: {
+          default: {
+            active: {
+              text: palette.onBackgroundLight01,
+              placeholder: palette.onBackgroundLight03,
+              background: palette.background100,
+              highlight: palette.primary300
+            },
+            disabled: {
+              text: palette.onBackgroundLight04,
+              placeholder: palette.onBackgroundLight04,
+              background: palette.background100,
+              highlight: palette.onBackgroundLight04
+            }
           },
-          pressed: {
-            textMsg: palette.onBackgroundLight01,
-            textEdited: palette.onBackgroundLight02,
-            textTime: palette.onBackgroundLight03,
-            textSenderName: palette.onBackgroundLight02,
-            background: palette.primary100
+          underline: {
+            active: {
+              text: palette.onBackgroundLight01,
+              placeholder: palette.onBackgroundLight03,
+              background: palette.transparent,
+              highlight: palette.primary300
+            },
+            disabled: {
+              text: palette.onBackgroundLight04,
+              placeholder: palette.onBackgroundLight04,
+              background: palette.transparent,
+              highlight: palette.onBackgroundLight04
+            }
           }
         },
-        outgoing: {
-          enabled: {
-            textMsg: palette.onBackgroundDark01,
-            textEdited: palette.onBackgroundDark02,
-            textTime: palette.onBackgroundLight03,
-            textSenderName: palette.transparent,
-            background: palette.primary300
-          },
-          pressed: {
-            textMsg: palette.onBackgroundDark01,
-            textEdited: palette.onBackgroundDark02,
-            textTime: palette.onBackgroundLight03,
-            textSenderName: palette.transparent,
-            background: palette.primary400
+        badge: {
+          default: {
+            none: {
+              text: palette.background50,
+              background: palette.primary300
+            }
           }
-        }
-      },
-      dateSeparator: {
-        default: {
-          none: {
-            text: palette.onBackgroundDark01,
-            background: palette.overlay02
+        },
+        placeholder: {
+          default: {
+            none: {
+              content: palette.onBackgroundLight03,
+              highlight: palette.primary300
+            }
           }
-        }
-      },
-      groupChannelPreview: {
-        default: {
-          none: {
-            textTitle: palette.onBackgroundLight01,
-            textTitleCaption: palette.onBackgroundLight03,
-            textBody: palette.onBackgroundLight03,
-            bodyIcon: palette.onBackgroundLight02,
-            memberCount: palette.onBackgroundLight02,
-            background: palette.background50,
-            coverBackground: palette.onBackgroundLight04,
-            bodyIconBackground: palette.background100,
-            separator: palette.onBackgroundLight04
+        },
+        message: groupChannelMessage,
+        dateSeparator: {
+          default: {
+            none: {
+              text: palette.onBackgroundDark01,
+              background: palette.overlay02
+            }
           }
-        }
-      },
-      profileCard: {
-        default: {
-          none: {
-            textUsername: palette.onBackgroundLight01,
-            textBodyLabel: palette.onBackgroundLight02,
-            textBody: palette.onBackgroundLight01,
-            background: palette.background50
+        },
+        groupChannelMessage,
+        groupChannelPreview: {
+          default: {
+            none: {
+              textTitle: palette.onBackgroundLight01,
+              textTitleCaption: palette.onBackgroundLight03,
+              textBody: palette.onBackgroundLight03,
+              bodyIcon: palette.onBackgroundLight02,
+              memberCount: palette.onBackgroundLight02,
+              background: palette.background50,
+              coverBackground: palette.onBackgroundLight04,
+              bodyIconBackground: palette.background100,
+              separator: palette.onBackgroundLight04
+            }
           }
-        }
-      },
-      reaction: {
-        default: {
-          enabled: {
-            background: palette.transparent,
-            highlight: palette.onBackgroundLight03
-          },
-          selected: {
-            background: palette.primary100,
-            highlight: palette.primary300
+        },
+        profileCard: {
+          default: {
+            none: {
+              textUsername: palette.onBackgroundLight01,
+              textBodyLabel: palette.onBackgroundLight02,
+              textBody: palette.onBackgroundLight01,
+              background: palette.background50
+            }
           }
         },
-        rounded: {
-          enabled: {
-            background: palette.background100,
-            highlight: palette.transparent
+        reaction: {
+          default: {
+            enabled: {
+              background: palette.transparent,
+              highlight: palette.onBackgroundLight03
+            },
+            selected: {
+              background: palette.primary100,
+              highlight: palette.primary300
+            }
           },
-          selected: {
-            background: palette.primary100,
-            highlight: palette.transparent
+          rounded: {
+            enabled: {
+              background: palette.background100,
+              highlight: palette.transparent
+            },
+            selected: {
+              background: palette.primary100,
+              highlight: palette.transparent
+            }
+          }
+        },
+        openChannelMessage: {
+          default: {
+            enabled: {
+              background: palette.transparent,
+              bubbleBackground: palette.background100,
+              adminBackground: palette.background100,
+              textMsg: palette.onBackgroundLight01,
+              textMsgPostfix: palette.onBackgroundLight02,
+              textSenderName: palette.onBackgroundLight02,
+              textTime: palette.onBackgroundLight03,
+              textOperator: palette.secondary300
+            },
+            pressed: {
+              background: palette.background100,
+              bubbleBackground: palette.background300,
+              adminBackground: palette.background100,
+              textMsg: palette.onBackgroundLight01,
+              textMsgPostfix: palette.onBackgroundLight02,
+              textSenderName: palette.onBackgroundLight02,
+              textTime: palette.onBackgroundLight03,
+              textOperator: palette.secondary300
+            }
+          }
+        },
+        openChannelPreview: {
+          default: {
+            none: {
+              textTitle: palette.onBackgroundLight01,
+              textParticipants: palette.onBackgroundLight02,
+              frozenIcon: palette.primary300,
+              participantsIcon: palette.onBackgroundLight02,
+              background: palette.background50,
+              coverBackground: palette.background300,
+              separator: palette.onBackgroundLight04
+            }
           }
         }
       }
-    }
-  })
+    };
+  }
 });
 var _default = LightUIKitTheme;
 exports.default = _default;

package/lib/commonjs/theme/LightUIKitTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["LightUIKitTheme","createTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => ({\n primary: palette.primary300,\n secondary: palette.secondary300,\n error: palette.error300,\n background: palette.background50,\n text: palette.onBackgroundLight01,\n onBackground01: palette.onBackgroundLight01,\n onBackground02: palette.onBackgroundLight02,\n onBackground03: palette.onBackgroundLight03,\n onBackground04: palette.onBackgroundLight04,\n onBackgroundReverse01: palette.onBackgroundDark01,\n onBackgroundReverse02: palette.onBackgroundDark02,\n onBackgroundReverse03: palette.onBackgroundDark03,\n onBackgroundReverse04: palette.onBackgroundDark04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background50,\n borderBottom: palette.onBackgroundLight04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary300,\n content: palette.onBackgroundDark01,\n },\n pressed: {\n background: palette.primary400,\n content: palette.onBackgroundDark01,\n },\n disabled: {\n background: palette.background100,\n content: palette.onBackgroundLight04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary300,\n },\n pressed: {\n background: palette.transparent,\n content: palette.primary300,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundLight04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background50,\n text: palette.onBackgroundLight01,\n message: palette.onBackgroundLight02,\n highlight: palette.primary300,\n destructive: palette.error300,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.background100,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.background100,\n highlight: palette.onBackgroundLight04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.transparent,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.transparent,\n highlight: palette.onBackgroundLight04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background50,\n background: palette.primary300,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundLight03,\n highlight: palette.primary300,\n },\n },\n },\n message: {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.background100,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.primary100,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary400,\n },\n },\n },\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\n },\n },\n },\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textTitleCaption: palette.onBackgroundLight03,\n textBody: palette.onBackgroundLight03,\n bodyIcon: palette.onBackgroundLight02,\n memberCount: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.onBackgroundLight04,\n bodyIconBackground: palette.background100,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundLight01,\n textBodyLabel: palette.onBackgroundLight02,\n textBody: palette.onBackgroundLight01,\n background: palette.background50,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundLight03,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.primary300,\n },\n },\n rounded: {\n enabled: {\n background: palette.background100,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.transparent,\n },\n },\n },\n },\n }),\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
1	+ {"version":3,"names":["LightUIKitTheme","createTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundLight01","textEdited","onBackgroundLight02","textTime","onBackgroundLight03","textSenderName","background","background100","pressed","primary100","outgoing","onBackgroundDark01","onBackgroundDark02","transparent","primary300","primary400","primary","secondary","secondary300","error","error300","background50","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","content","disabled","dialog","default","message","highlight","destructive","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => {\n const groupChannelMessage = {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.background100,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.primary100,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary400,\n },\n },\n };\n\n return {\n primary: palette.primary300,\n secondary: palette.secondary300,\n error: palette.error300,\n background: palette.background50,\n text: palette.onBackgroundLight01,\n onBackground01: palette.onBackgroundLight01,\n onBackground02: palette.onBackgroundLight02,\n onBackground03: palette.onBackgroundLight03,\n onBackground04: palette.onBackgroundLight04,\n onBackgroundReverse01: palette.onBackgroundDark01,\n onBackgroundReverse02: palette.onBackgroundDark02,\n onBackgroundReverse03: palette.onBackgroundDark03,\n onBackgroundReverse04: palette.onBackgroundDark04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background50,\n borderBottom: palette.onBackgroundLight04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary300,\n content: palette.onBackgroundDark01,\n },\n pressed: {\n background: palette.primary400,\n content: palette.onBackgroundDark01,\n },\n disabled: {\n background: palette.background100,\n content: palette.onBackgroundLight04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary300,\n },\n pressed: {\n background: palette.transparent,\n content: palette.primary300,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundLight04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background50,\n text: palette.onBackgroundLight01,\n message: palette.onBackgroundLight02,\n highlight: palette.primary300,\n destructive: palette.error300,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.background100,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.background100,\n highlight: palette.onBackgroundLight04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.transparent,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.transparent,\n highlight: palette.onBackgroundLight04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background50,\n background: palette.primary300,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundLight03,\n highlight: palette.primary300,\n },\n },\n },\n message: groupChannelMessage,\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage,\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textTitleCaption: palette.onBackgroundLight03,\n textBody: palette.onBackgroundLight03,\n bodyIcon: palette.onBackgroundLight02,\n memberCount: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.onBackgroundLight04,\n bodyIconBackground: palette.background100,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundLight01,\n textBodyLabel: palette.onBackgroundLight02,\n textBody: palette.onBackgroundLight01,\n background: palette.background50,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundLight03,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.primary300,\n },\n },\n rounded: {\n enabled: {\n background: palette.background100,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background100,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n pressed: {\n background: palette.background100,\n bubbleBackground: palette.background300,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textParticipants: palette.onBackgroundLight02,\n frozenIcon: palette.primary300,\n participantsIcon: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.background300,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n },\n };\n },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}

package/lib/commonjs/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n h1: FontAttributes;\n h2: FontAttributes;\n subtitle1: FontAttributes;\n subtitle2: FontAttributes;\n body1: FontAttributes;\n body2: FontAttributes;\n body3: FontAttributes;\n button: FontAttributes;\n caption1: FontAttributes;\n caption2: FontAttributes;\n caption3: FontAttributes;\n caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' \| 'fontSize' \| 'lineHeight' \| 'letterSpacing' \| 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' \| 'dark';\nexport interface UIKitTheme {\n colorScheme: UIKitColorScheme;\n select<V>(options: { [key in UIKitColorScheme \| 'default']?: V }): V;\n\n palette: UIKitPalette;\n colors: UIKitColors;\n\n typography: UIKitTypography;\n}\n\nexport type Component =\n \| 'Header'\n \| 'Button'\n \| 'Dialog'\n \| 'Input'\n \| 'Badge'\n \| 'Placeholder'\n \| '~~Message~~'\n \| '~~DateSeparator~~'\n \| 'GroupChannelPreview'\n \| 'ProfileCard'\n \| 'Reaction';\n\nexport type GetColorTree<\n Tree extends {\n Variant: {\n [key in Component]: string;\n };\n State: {\n [key in Component]: string;\n };\n ColorPart: {\n [key in Component]: string;\n };\n },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n Variant: {\n Header: 'nav';\n Button: 'contained' \| 'text';\n Dialog: 'default';\n Input: 'default' \| 'underline';\n Badge: 'default';\n Placeholder: 'default';\n ~~Message~~: 'incoming' \| 'outgoing';\n ~~DateSeparator~~: 'default';\n ~~GroupChannelPreview~~: 'default';\n ~~ProfileCard~~: 'default';\n ~~Reaction~~: 'default' \| '~~rounded~~';\n };\n State: {\n Header: 'none';\n Button: 'enabled' \| 'pressed' \| 'disabled';\n Dialog: 'none';\n Input: 'active' \| 'disabled';\n Badge: 'none';\n Placeholder: 'none';\n ~~Message~~: 'enabled' \| 'pressed';\n ~~DateSeparator~~: 'none';\n ~~GroupChannelPreview~~: 'none';\n ~~ProfileCard~~: 'none';\n ~~Reaction~~: 'enabled' \| '~~selected~~';\n };\n ColorPart: {\n Header: 'background' \| 'borderBottom';\n Button: 'background' \| 'content';\n Dialog: 'background' \| 'text' \| 'message' \| 'highlight' \| 'destructive';\n Input: 'text' \| 'placeholder' \| 'background' \| 'highlight';\n Badge: 'text' \| 'background';\n Placeholder: 'content' \| 'highlight';\n ~~Message~~: '~~textMsg~~' \| '~~textEdited~~' \| '~~textSenderName~~' \| '~~textTime~~' \| '~~background~~'~~;\n DateSeparator:~~ '~~text~~' \| 'background';\n GroupChannelPreview:\n \| 'textTitle'\n \| 'textTitleCaption'\n \| 'textBody'\n \| 'memberCount'\n \| 'bodyIcon'\n \| 'background'\n \| 'coverBackground'\n \| 'bodyIconBackground'\n \| 'separator';\n ProfileCard: 'textUsername' \| 'textBodyLabel' \| 'textBody' \| 'background';\n Reaction: 'background' \| 'highlight';\n };\n}>;\nexport type ComponentColors<T extends Component> = {\n [key in ComponentColorTree['Variant'][T]]: {\n [key in ComponentColorTree['State'][T]]: {\n [key in ComponentColorTree['ColorPart'][T]]: string;\n };\n };\n};\n\nexport interface UIKitColors {\n primary: string;\n secondary: string;\n error: string;\n background: string;\n text: string;\n onBackground01: string;\n onBackground02: string;\n onBackground03: string;\n onBackground04: string;\n onBackgroundReverse01: string;\n onBackgroundReverse02: string;\n onBackgroundReverse03: string;\n onBackgroundReverse04: string;\n /\n UI Colors has below structure\n * Component.{Variant}.{State}.{ColorPart}\n * @example\n * ```\n * const { colors } = useUIKitTheme();\n * colors.ui.button.contained.disabled.backgroundColor\n * ```\n * */\n ui: {\n header: ComponentColors<'Header'>;\n button: ComponentColors<'Button'>;\n dialog: ComponentColors<'Dialog'>;\n input: ComponentColors<'Input'>;\n badge: ComponentColors<'Badge'>;\n placeholder: ComponentColors<'Placeholder'>;\n ~~message~~: ComponentColors<'~~Message~~'>;\n ~~dateSeparator~~: ComponentColors<'~~DateSeparator~~'>;\n groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n profileCard: ComponentColors<'ProfileCard'>;\n reaction: ComponentColors<'Reaction'>;\n };\n}\n\nexport type HeaderElement = string \| ReactElement \| null;\nexport type HeaderPartProps = {\n title?: HeaderElement;\n right?: HeaderElement;\n left?: HeaderElement;\n onPressLeft?: (...params: any[]) => any;\n onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n titleAlign?: 'left' \| 'center' \| 'right';\n children?: ReactNode;\n} & HeaderParts &\n AdditionalProps;\nexport interface UIKitPalette {\n primary100: string;\n primary200: string;\n primary300: string;\n primary400: string;\n primary500: string;\n\n secondary100: string;\n secondary200: string;\n secondary300: string;\n secondary400: string;\n secondary500: string;\n\n error100: string;\n error200: string;\n error300: string;\n error400: string;\n error500: string;\n\n background50: string;\n background100: string;\n background200: string;\n background300: string;\n background400: string;\n background500: string;\n background600: string;\n background700: string;\n\n overlay01: string;\n overlay02: string;\n\n information: string;\n highlight: string;\n transparent: 'transparent';\n\n onBackgroundLight01: string;\n onBackgroundLight02: string;\n onBackgroundLight03: string;\n onBackgroundLight04: string;\n\n onBackgroundDark01: string;\n onBackgroundDark02: string;\n onBackgroundDark03: string;\n onBackgroundDark04: string;\n}\n"],"mappings":""}
1	+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n h1: FontAttributes;\n h2: FontAttributes;\n subtitle1: FontAttributes;\n subtitle2: FontAttributes;\n body1: FontAttributes;\n body2: FontAttributes;\n body3: FontAttributes;\n button: FontAttributes;\n caption1: FontAttributes;\n caption2: FontAttributes;\n caption3: FontAttributes;\n caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' \| 'fontSize' \| 'lineHeight' \| 'letterSpacing' \| 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' \| 'dark';\nexport interface UIKitTheme {\n colorScheme: UIKitColorScheme;\n select<V>(options: { [key in UIKitColorScheme \| 'default']?: V }): V;\n\n palette: UIKitPalette;\n colors: UIKitColors;\n\n typography: UIKitTypography;\n}\n\nexport type Component =\n \| 'Header'\n \| 'Button'\n \| 'Dialog'\n \| 'Input'\n \| 'Badge'\n \| 'Placeholder'\n \| 'DateSeparator'\n \| 'GroupChannelMessage'\n \| 'GroupChannelPreview'\n \| 'ProfileCard'\n \| 'Reaction'\n \| 'OpenChannelMessage'\n \| 'OpenChannelPreview'\n \| 'Message';\n\nexport type GetColorTree<\n Tree extends {\n Variant: {\n [key in Component]: string;\n };\n State: {\n [key in Component]: string;\n };\n ColorPart: {\n [key in Component]: string;\n };\n },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n Variant: {\n Header: 'nav';\n Button: 'contained' \| 'text';\n Dialog: 'default';\n Input: 'default' \| 'underline';\n Badge: 'default';\n Placeholder: 'default';\n DateSeparator: 'default';\n GroupChannelMessage: 'incoming' \| 'outgoing';\n GroupChannelPreview: 'default';\n ProfileCard: 'default';\n Reaction: 'default' \| 'rounded';\n OpenChannelMessage: 'default';\n OpenChannelPreview: 'default';\n /* @deprecated /\n Message: 'incoming' \| 'outgoing';\n };\n State: {\n Header: 'none';\n Button: 'enabled' \| 'pressed' \| 'disabled';\n Dialog: 'none';\n Input: 'active' \| 'disabled';\n Badge: 'none';\n Placeholder: 'none';\n DateSeparator: 'none';\n GroupChannelMessage: 'enabled' \| 'pressed';\n GroupChannelPreview: 'none';\n ProfileCard: 'none';\n Reaction: 'enabled' \| 'selected';\n OpenChannelMessage: 'enabled' \| 'pressed';\n OpenChannelPreview: 'none';\n / @deprecated /\n Message: 'enabled' \| 'pressed';\n };\n ColorPart: {\n Header: 'background' \| 'borderBottom';\n Button: 'background' \| 'content';\n Dialog: 'background' \| 'text' \| 'message' \| 'highlight' \| 'destructive';\n Input: 'text' \| 'placeholder' \| 'background' \| 'highlight';\n Badge: 'text' \| 'background';\n Placeholder: 'content' \| 'highlight';\n DateSeparator: 'text' \| 'background';\n GroupChannelMessage: 'textMsg' \| 'textEdited' \| 'textSenderName' \| 'textTime' \| 'background';\n GroupChannelPreview:\n \| 'textTitle'\n \| 'textTitleCaption'\n \| 'textBody'\n \| 'memberCount'\n \| 'bodyIcon'\n \| 'background'\n \| 'coverBackground'\n \| 'bodyIconBackground'\n \| 'separator';\n ProfileCard: 'textUsername' \| 'textBodyLabel' \| 'textBody' \| 'background';\n Reaction: 'background' \| 'highlight';\n OpenChannelMessage:\n \| 'textMsg'\n \| 'textMsgPostfix'\n \| 'textSenderName'\n \| 'textTime'\n \| 'textOperator'\n \| 'background'\n \| 'bubbleBackground'\n \| 'adminBackground';\n OpenChannelPreview:\n \| 'textTitle'\n \| 'textParticipants'\n \| 'frozenIcon'\n \| 'participantsIcon'\n \| 'background'\n \| 'coverBackground'\n \| 'separator';\n\n / @deprecated /\n Message: 'textMsg' \| 'textEdited' \| 'textSenderName' \| 'textTime' \| 'background';\n };\n}>;\nexport type ComponentColors<T extends Component> = {\n [key in ComponentColorTree['Variant'][T]]: {\n [key in ComponentColorTree['State'][T]]: {\n [key in ComponentColorTree['ColorPart'][T]]: string;\n };\n };\n};\n\nexport interface UIKitColors {\n primary: string;\n secondary: string;\n error: string;\n background: string;\n text: string;\n onBackground01: string;\n onBackground02: string;\n onBackground03: string;\n onBackground04: string;\n onBackgroundReverse01: string;\n onBackgroundReverse02: string;\n onBackgroundReverse03: string;\n onBackgroundReverse04: string;\n /\n * UI Colors has below structure\n * Component.{Variant}.{State}.{ColorPart}\n * @example\n * ```\n * const { colors } = useUIKitTheme();\n * colors.ui.button.contained.disabled.backgroundColor\n * ```\n * /\n ui: {\n header: ComponentColors<'Header'>;\n button: ComponentColors<'Button'>;\n dialog: ComponentColors<'Dialog'>;\n input: ComponentColors<'Input'>;\n badge: ComponentColors<'Badge'>;\n placeholder: ComponentColors<'Placeholder'>;\n dateSeparator: ComponentColors<'DateSeparator'>;\n groupChannelMessage: ComponentColors<'GroupChannelMessage'>;\n groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n profileCard: ComponentColors<'ProfileCard'>;\n reaction: ComponentColors<'Reaction'>;\n openChannelMessage: ComponentColors<'OpenChannelMessage'>;\n openChannelPreview: ComponentColors<'OpenChannelPreview'>;\n /* @deprecated Please use `colors.ui.groupChannelMessage` **/\n message: ComponentColors<'Message'>;\n };\n}\n\nexport type HeaderElement = string \| ReactElement \| null;\nexport type HeaderPartProps = {\n title?: HeaderElement;\n right?: HeaderElement;\n left?: HeaderElement;\n onPressLeft?: (...params: any[]) => any;\n onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n titleAlign?: 'left' \| 'center' \| 'right';\n children?: ReactNode;\n} & HeaderParts &\n AdditionalProps;\nexport interface UIKitPalette {\n primary100: string;\n primary200: string;\n primary300: string;\n primary400: string;\n primary500: string;\n\n secondary100: string;\n secondary200: string;\n secondary300: string;\n secondary400: string;\n secondary500: string;\n\n error100: string;\n error200: string;\n error300: string;\n error400: string;\n error500: string;\n\n background50: string;\n background100: string;\n background200: string;\n background300: string;\n background400: string;\n background500: string;\n background600: string;\n background700: string;\n\n overlay01: string;\n overlay02: string;\n\n information: string;\n highlight: string;\n transparent: 'transparent';\n\n onBackgroundLight01: string;\n onBackgroundLight02: string;\n onBackgroundLight03: string;\n onBackgroundLight04: string;\n\n onBackgroundDark01: string;\n onBackgroundDark02: string;\n onBackgroundDark03: string;\n onBackgroundDark04: string;\n}\n"],"mappings":""}

package/lib/commonjs/ui/Header/index.js CHANGED Viewed

@@ -41,6 +41,7 @@ const Header = _ref => {
     onPressLeft,
     onPressRight,
     clearTitleMargin = false,
+    clearStatusBarTopInset = false,
     statusBarTopInsetAs = 'padding'
   } = _ref;
   const {
@@ -56,11 +57,12 @@ const Header = _ref => {
     right: paddingRight
   } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
   const actualTitleAlign = titleAlign ?? defaultTitleAlign;
+  const actualTopInset = clearStatusBarTopInset ? 0 : topInset;
   if (!title && !left && !right) {
     return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: {
-        paddingTop: topInset,
+        paddingTop: actualTopInset,
         backgroundColor: colors.ui.header.nav.none.background
       }
     }, children);
@@ -68,7 +70,7 @@ const Header = _ref => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, {
-      [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: topInset,
+      [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: actualTopInset,
       paddingLeft: paddingLeft + styles.container.paddingHorizontal,
       paddingRight: paddingRight + styles.container.paddingHorizontal,
       backgroundColor: colors.ui.header.nav.none.background,

package/lib/commonjs/ui/Header/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["AlignMapper","left","center","right","Header","children","titleAlign","title","onPressLeft","onPressRight","clearTitleMargin","statusBarTopInsetAs","topInset","defaultTitleAlign","defaultHeight","useHeaderStyle","colors","useUIKitTheme","paddingLeft","paddingRight","useSafeAreaInsets","actualTitleAlign","paddingTop","backgroundColor","ui","header","nav","none","background","styles","container","paddingHorizontal","borderBottomColor","borderBottom","height","marginHorizontal","justifyContent","LeftSide","RightSide","HeaderTitle","style","props","HeaderSubtitle","onBackground03","HeaderButton","disabled","onPress","color","button","e","conditionChaining","createStyleSheet","borderBottomWidth","flexDirection","flex","alignItems","minWidth","marginRight","marginLeft","padding","Button","Title","Subtitle"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Text, { TextProps } from '../../components/Text';\nimport type { BaseHeaderProps } from '../../index';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype HeaderElement = string \| React.ReactElement \| null;\nexport type HeaderProps = BaseHeaderProps<\n {\n title?: HeaderElement;\n left?: HeaderElement;\n right?: HeaderElement;\n onPressLeft?: () => void;\n onPressRight?: () => void;\n },\n {\n clearTitleMargin?: boolean;\n statusBarTopInsetAs?: 'padding' \| 'margin';\n }\n>;\n\nconst AlignMapper = { left: 'flex-start', center: 'center', right: 'flex-end' } as const;\nconst Header: ((props: HeaderProps) => JSX.Element) & {\n Button: typeof HeaderButton;\n Title: typeof HeaderTitle;\n Subtitle: typeof HeaderSubtitle;\n} = ({\n children,\n titleAlign,\n title = null,\n left = null,\n right = null,\n onPressLeft,\n onPressRight,\n clearTitleMargin = false,\n statusBarTopInsetAs = 'padding',\n}) => {\n const { topInset, defaultTitleAlign, defaultHeight } = useHeaderStyle();\n\n const { colors } = useUIKitTheme();\n const { left: paddingLeft, right: paddingRight } = useSafeAreaInsets();\n\n const actualTitleAlign = titleAlign ?? defaultTitleAlign;\n\n if (!title && !left && !right) {\n return (\n <View style={{ paddingTop: topInset, backgroundColor: colors.ui.header.nav.none.background }}>{children}</View>\n );\n }\n\n return (\n <View\n style={[\n styles.container,\n {\n [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: topInset,\n paddingLeft: paddingLeft + styles.container.paddingHorizontal,\n paddingRight: paddingRight + styles.container.paddingHorizontal,\n backgroundColor: colors.ui.header.nav.none.background,\n borderBottomColor: colors.ui.header.nav.none.borderBottom,\n },\n ]}\n >\n <View style={[styles.header, { height: defaultHeight }]}>\n <LeftSide titleAlign={actualTitleAlign} left={left} onPressLeft={onPressLeft} />\n <View\n style={[\n styles.title,\n clearTitleMargin && { marginHorizontal: 0 },\n { justifyContent: AlignMapper[actualTitleAlign] },\n ]}\n >\n {typeof title === 'string' ? <HeaderTitle>{title}</HeaderTitle> : title}\n </View>\n <RightSide titleAlign={actualTitleAlign} right={right} onPressRight={onPressRight} />\n </View>\n {children}\n </View>\n );\n};\n\nconst LeftSide = ({ titleAlign, onPressLeft, left }: HeaderProps) => {\n if (titleAlign === 'center') {\n return <View style={styles.left}>{left && <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>}</View>;\n }\n if (!left) return null;\n return (\n <View style={styles.left}>\n <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>\n </View>\n );\n};\n\nconst RightSide = ({ titleAlign, onPressRight, right }: HeaderProps) => {\n if (titleAlign === 'center') {\n return <View style={styles.right}>{right && <HeaderButton onPress={onPressRight}>{right}</HeaderButton>}</View>;\n }\n if (!right) return null;\n return (\n <View style={styles.right}>\n <HeaderButton onPress={onPressRight}>{right}</HeaderButton>\n </View>\n );\n};\n\nconst HeaderTitle = ({ children, style, ...props }: TextProps) => {\n return (\n <Text {...props} h1 numberOfLines={1} style={style}>\n {children}\n </Text>\n );\n};\nconst HeaderSubtitle = ({ children, style, ...props }: TextProps) => {\n const { colors } = useUIKitTheme();\n return (\n <Text color={colors.onBackground03} {...props} caption2 numberOfLines={1} style={style}>\n {children}\n </Text>\n );\n};\nconst HeaderButton = ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & { color?: string }) => {\n return (\n <TouchableOpacity\n style={styles.button}\n {...props}\n disabled={!onPress \|\| disabled}\n onPress={(e) => onPress?.(e)}\n activeOpacity={0.7}\n >\n {conditionChaining(\n [typeof children === 'string' \|\| typeof children === 'number'],\n [\n <Text button numberOfLines={1} color={color}>\n {children}\n </Text>,\n children,\n ],\n )}\n </TouchableOpacity>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n paddingHorizontal: 12,\n borderBottomWidth: 1,\n },\n header: {\n flexDirection: 'row',\n },\n title: {\n flex: 1,\n flexDirection: 'row',\n alignItems: 'center',\n marginHorizontal: 12,\n },\n left: {\n height: '100%',\n minWidth: 32,\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: 12,\n },\n right: {\n height: '100%',\n minWidth: 32,\n alignItems: 'center',\n justifyContent: 'center',\n marginLeft: 12,\n },\n button: {\n padding: 4,\n },\n});\n\nHeader.Button = HeaderButton;\nHeader.Title = HeaderTitle;\nHeader.Subtitle = HeaderSubtitle;\nexport default Header;\n"],"mappings":"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"}
1	+ {"version":3,"names":["AlignMapper","left","center","right","Header","children","titleAlign","title","onPressLeft","onPressRight","clearTitleMargin","clearStatusBarTopInset","statusBarTopInsetAs","topInset","defaultTitleAlign","defaultHeight","useHeaderStyle","colors","useUIKitTheme","paddingLeft","paddingRight","useSafeAreaInsets","actualTitleAlign","actualTopInset","paddingTop","backgroundColor","ui","header","nav","none","background","styles","container","paddingHorizontal","borderBottomColor","borderBottom","height","marginHorizontal","justifyContent","LeftSide","RightSide","HeaderTitle","style","props","HeaderSubtitle","onBackground03","HeaderButton","disabled","onPress","color","button","e","conditionChaining","createStyleSheet","borderBottomWidth","flexDirection","flex","alignItems","minWidth","marginRight","marginLeft","padding","Button","Title","Subtitle"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Text, { TextProps } from '../../components/Text';\nimport type { BaseHeaderProps } from '../../index';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype HeaderElement = string \| React.ReactElement \| null;\nexport type HeaderProps = BaseHeaderProps<\n {\n title?: HeaderElement;\n left?: HeaderElement;\n right?: HeaderElement;\n onPressLeft?: () => void;\n onPressRight?: () => void;\n },\n {\n clearTitleMargin?: boolean;\n clearStatusBarTopInset?: boolean;\n statusBarTopInsetAs?: 'padding' \| 'margin';\n }\n>;\n\nconst AlignMapper = { left: 'flex-start', center: 'center', right: 'flex-end' } as const;\nconst Header: ((props: HeaderProps) => JSX.Element) & {\n Button: typeof HeaderButton;\n Title: typeof HeaderTitle;\n Subtitle: typeof HeaderSubtitle;\n} = ({\n children,\n titleAlign,\n title = null,\n left = null,\n right = null,\n onPressLeft,\n onPressRight,\n clearTitleMargin = false,\n clearStatusBarTopInset = false,\n statusBarTopInsetAs = 'padding',\n}) => {\n const { topInset, defaultTitleAlign, defaultHeight } = useHeaderStyle();\n\n const { colors } = useUIKitTheme();\n const { left: paddingLeft, right: paddingRight } = useSafeAreaInsets();\n\n const actualTitleAlign = titleAlign ?? defaultTitleAlign;\n const actualTopInset = clearStatusBarTopInset ? 0 : topInset;\n\n if (!title && !left && !right) {\n return (\n <View style={{ paddingTop: actualTopInset, backgroundColor: colors.ui.header.nav.none.background }}>\n {children}\n </View>\n );\n }\n\n return (\n <View\n style={[\n styles.container,\n {\n [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: actualTopInset,\n paddingLeft: paddingLeft + styles.container.paddingHorizontal,\n paddingRight: paddingRight + styles.container.paddingHorizontal,\n backgroundColor: colors.ui.header.nav.none.background,\n borderBottomColor: colors.ui.header.nav.none.borderBottom,\n },\n ]}\n >\n <View style={[styles.header, { height: defaultHeight }]}>\n <LeftSide titleAlign={actualTitleAlign} left={left} onPressLeft={onPressLeft} />\n <View\n style={[\n styles.title,\n clearTitleMargin && { marginHorizontal: 0 },\n { justifyContent: AlignMapper[actualTitleAlign] },\n ]}\n >\n {typeof title === 'string' ? <HeaderTitle>{title}</HeaderTitle> : title}\n </View>\n <RightSide titleAlign={actualTitleAlign} right={right} onPressRight={onPressRight} />\n </View>\n {children}\n </View>\n );\n};\n\nconst LeftSide = ({ titleAlign, onPressLeft, left }: HeaderProps) => {\n if (titleAlign === 'center') {\n return <View style={styles.left}>{left && <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>}</View>;\n }\n if (!left) return null;\n return (\n <View style={styles.left}>\n <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>\n </View>\n );\n};\n\nconst RightSide = ({ titleAlign, onPressRight, right }: HeaderProps) => {\n if (titleAlign === 'center') {\n return <View style={styles.right}>{right && <HeaderButton onPress={onPressRight}>{right}</HeaderButton>}</View>;\n }\n if (!right) return null;\n return (\n <View style={styles.right}>\n <HeaderButton onPress={onPressRight}>{right}</HeaderButton>\n </View>\n );\n};\n\nconst HeaderTitle = ({ children, style, ...props }: TextProps) => {\n return (\n <Text {...props} h1 numberOfLines={1} style={style}>\n {children}\n </Text>\n );\n};\nconst HeaderSubtitle = ({ children, style, ...props }: TextProps) => {\n const { colors } = useUIKitTheme();\n return (\n <Text color={colors.onBackground03} {...props} caption2 numberOfLines={1} style={style}>\n {children}\n </Text>\n );\n};\nconst HeaderButton = ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & { color?: string }) => {\n return (\n <TouchableOpacity\n style={styles.button}\n {...props}\n disabled={!onPress \|\| disabled}\n onPress={(e) => onPress?.(e)}\n activeOpacity={0.7}\n >\n {conditionChaining(\n [typeof children === 'string' \|\| typeof children === 'number'],\n [\n <Text button numberOfLines={1} color={color}>\n {children}\n </Text>,\n children,\n ],\n )}\n </TouchableOpacity>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n paddingHorizontal: 12,\n borderBottomWidth: 1,\n },\n header: {\n flexDirection: 'row',\n },\n title: {\n flex: 1,\n flexDirection: 'row',\n alignItems: 'center',\n marginHorizontal: 12,\n },\n left: {\n height: '100%',\n minWidth: 32,\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: 12,\n },\n right: {\n height: '100%',\n minWidth: 32,\n alignItems: 'center',\n justifyContent: 'center',\n marginLeft: 12,\n },\n button: {\n padding: 4,\n },\n});\n\nHeader.Button = HeaderButton;\nHeader.Title = HeaderTitle;\nHeader.Subtitle = HeaderSubtitle;\nexport default Header;\n"],"mappings":"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"}