commit before merge

.docz/app/db.json

@@ -0,0 +1,32 @@
+{
+  "config": {
+    "title": "Slack Chat",
+    "description": "A CRUD (Create, Read, Update, Delete) chat application built with Typescript, React, Firebase and Immutable.JS",
+    "themeConfig": {
+      "mode": "dark",
+      "radii": "4px",
+      "styles": {
+        "container": {
+          "width": [1200, "100%"],
+          "padding": ["20px", "0 40px 40px"]
+        },
+        "table": {
+          "overflowY": "hidden",
+          "overflowX": ["initial", "initial", "initial", "hidden"],
+          "display": ["block", "block", "block", "table"],
+          "width": "100%",
+          "marginBottom": [20, 40],
+          "fontFamily": "Source Code Pro, monospace",
+          "fontSize": 14
+        }
+      }
+    },
+    "menu": [],
+    "ordering": "descending",
+    "version": "1.0.0",
+    "repository": "https://github.com/csantiago132/chat-app",
+    "native": false,
+    "codeSandbox": false
+  },
+  "entries": {}
+}

.docz/app/imports.js

@@ -0,0 +1 @@
+export const imports = {}

.docz/cache/04635d0a8e667f4d4848f871e55344fd.json

@@ -0,0 +1,56 @@
+{
+  "remainingRequest": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-core/node_modules/babel-loader/lib/index.js?{\"presets\":[[\"/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/babel-preset-docz/dist/index.js\",{\"flow\":false,\"typescript\":true,\"parseProps\":false}]],\"plugins\":[[\"/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-utils/lib/named-asset-import.js\",{\"loaderMap\":{\"svg\":{\"ReactComponent\":\"@svgr/webpack?-prettier,-svgo![path]\"}}}]],\"cacheDirectory\":true,\"babelrc\":false}!/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/react-docgen-typescript-loader/dist/index.js!/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/src/setup/theme/src/color.ts",
+  "dependencies": [
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/src/setup/theme/src/color.ts",
+      "mtime": 1541635072843
+    },
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-core/node_modules/cache-loader/dist/cjs.js",
+      "mtime": 1541429074980
+    },
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-core/node_modules/babel-loader/lib/index.js",
+      "mtime": 1538779637905
+    },
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/react-docgen-typescript-loader/dist/index.js",
+      "mtime": 1541429075984
+    }
+  ],
+  "contextDependencies": [],
+  "result": [
+    "/**\n * Colors\n * \n * Settings for the colors of the app \n * \n */\nvar color = {\n  color_white: '#ffffff',\n  color_offwhite: '#f9f9f9',\n  color_offsetgray: '#efefef',\n  color_lightgray: '#edeef3',\n  color_gray: '#b2b2b7',\n  color_darkgray: '#5c6366',\n  color_black: '#1b1a1a',\n  color_background_color: '#ffffff',\n  color_darkblue: '#0f1a26',\n  color_accent_color: '#ff8722',\n  color_shadow_color: '#c5c0c0',\n  color_blue_accent_color: '#13ccca',\n  color_interactive: '#e01563',\n  color_hover: '#3eb991',\n  color_active: '#e9a820',\n  color_focus: '#6ecadc',\n  color_error: '#ef1617',\n  color_shadowColor: '#c5c0c0'\n};\nexport default color;",
+    {
+      "version": 3,
+      "sources": [
+        "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/src/setup/theme/src/color.ts"
+      ],
+      "names": [
+        "color",
+        "color_white",
+        "color_offwhite",
+        "color_offsetgray",
+        "color_lightgray",
+        "color_gray",
+        "color_darkgray",
+        "color_black",
+        "color_background_color",
+        "color_darkblue",
+        "color_accent_color",
+        "color_shadow_color",
+        "color_blue_accent_color",
+        "color_interactive",
+        "color_hover",
+        "color_active",
+        "color_focus",
+        "color_error",
+        "color_shadowColor"
+      ],
+      "mappings": "AAAA;;;;;;AA4BA,IAAMA,KAAK,GAAG;AACZC,EAAAA,WAAW,EAAE,SADD;AAEZC,EAAAA,cAAc,EAAE,SAFJ;AAGZC,EAAAA,gBAAgB,EAAE,SAHN;AAIZC,EAAAA,eAAe,EAAE,SAJL;AAKZC,EAAAA,UAAU,EAAE,SALA;AAMZC,EAAAA,cAAc,EAAE,SANJ;AAOZC,EAAAA,WAAW,EAAE,SAPD;AAQZC,EAAAA,sBAAsB,EAAE,SARZ;AASZC,EAAAA,cAAc,EAAE,SATJ;AAUZC,EAAAA,kBAAkB,EAAE,SAVR;AAWZC,EAAAA,kBAAkB,EAAE,SAXR;AAYZC,EAAAA,uBAAuB,EAAE,SAZb;AAaZC,EAAAA,iBAAiB,EAAE,SAbP;AAcZC,EAAAA,WAAW,EAAE,SAdD;AAeZC,EAAAA,YAAY,EAAE,SAfF;AAgBZC,EAAAA,WAAW,EAAE,SAhBD;AAiBZC,EAAAA,WAAW,EAAE,SAjBD;AAkBZC,EAAAA,iBAAiB,EAAE;AAlBP,CAAd;AAqBA,eAAelB,KAAf",
+      "sourcesContent": [
+        "/**\n * Colors\n * \n * Settings for the colors of the app \n * \n */\n\n export interface IColor {\n  color_white: string;\n  color_offwhite: string;\n  color_offsetgray: string;\n  color_lightgray: string;\n  color_gray: string;\n  color_darkgray: string;\n  color_black: string;\n  color_background_color: string;\n  color_darkblue: string;\n  color_accent_color: string;\n  color_shadow_color: string;\n  color_blue_accent_color: string;\n  color_interactive: string;\n  color_hover: string;\n  color_active: string;\n  color_focus: string;\n  color_error: string;\n  color_shadowColor: string;\n }\n\nconst color = {\n  color_white: '#ffffff',\n  color_offwhite: '#f9f9f9',\n  color_offsetgray: '#efefef',\n  color_lightgray: '#edeef3',\n  color_gray: '#b2b2b7',\n  color_darkgray: '#5c6366',\n  color_black: '#1b1a1a',\n  color_background_color: '#ffffff',\n  color_darkblue: '#0f1a26',\n  color_accent_color: '#ff8722',\n  color_shadow_color: '#c5c0c0',\n  color_blue_accent_color: '#13ccca',\n  color_interactive: '#e01563',\n  color_hover: '#3eb991',\n  color_active: '#e9a820',\n  color_focus: '#6ecadc',\n  color_error: '#ef1617',\n  color_shadowColor: '#c5c0c0'\n};\n\nexport default color;"
+      ]
+    }
+  ]
+}

.docz/cache/061156960a542cef5d31fa3358acee85.json

@@ -0,0 +1,47 @@
+{
+  "remainingRequest": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-core/node_modules/babel-loader/lib/index.js?{\"presets\":[[\"/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/babel-preset-docz/dist/index.js\",{\"flow\":false,\"typescript\":true,\"parseProps\":false}]],\"plugins\":[[\"/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-utils/lib/named-asset-import.js\",{\"loaderMap\":{\"svg\":{\"ReactComponent\":\"@svgr/webpack?-prettier,-svgo![path]\"}}}]],\"cacheDirectory\":true,\"babelrc\":false}!/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/react-docgen-typescript-loader/dist/index.js!/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/.docz/app/root.jsx",
+  "dependencies": [
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/.docz/app/root.jsx",
+      "mtime": 1542040190672
+    },
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-core/node_modules/cache-loader/dist/cjs.js",
+      "mtime": 1541429074980
+    },
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-core/node_modules/babel-loader/lib/index.js",
+      "mtime": 1538779637905
+    },
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/react-docgen-typescript-loader/dist/index.js",
+      "mtime": 1541429075984
+    }
+  ],
+  "contextDependencies": [],
+  "result": [
+    "import React from 'react';\nimport { setConfig, hot } from 'react-hot-loader';\nimport Theme from 'docz-theme-default';\nimport { imports } from './imports';\nimport db from './db.json';\nimport Wrapper from '../../src/setup/docz_wrapper/wrapper';\n\nvar Root = function Root() {\n  return React.createElement(Theme, {\n    db: db,\n    imports: imports,\n    hashRouter: false,\n    wrapper: Wrapper\n  });\n}; // TODO: this is temporary until react-hot-loader fix hooks issues\n\n\nsetConfig({\n  pureSFC: true\n});\nexport default hot(module)(Root);",
+    {
+      "version": 3,
+      "sources": [
+        "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/.docz/app/root.jsx"
+      ],
+      "names": [
+        "React",
+        "setConfig",
+        "hot",
+        "Theme",
+        "imports",
+        "db",
+        "Wrapper",
+        "Root",
+        "pureSFC",
+        "module"
+      ],
+      "mappings": "AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,GAApB,QAA+B,kBAA/B;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,SAASC,OAAT,QAAwB,WAAxB;AACA,OAAOC,EAAP,MAAe,WAAf;AAEA,OAAOC,OAAP,MAAoB,sCAApB;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO;AAAA,SACX,oBAAC,KAAD;AAAO,IAAA,EAAE,EAAEF,EAAX;AAAe,IAAA,OAAO,EAAED,OAAxB;AAAiC,IAAA,UAAU,EAAE,KAA7C;AAAoD,IAAA,OAAO,EAAEE;AAA7D,IADW;AAAA,CAAb,C,CAIA;;;AACAL,SAAS,CAAC;AACRO,EAAAA,OAAO,EAAE;AADD,CAAD,CAAT;AAIA,eAAeN,GAAG,CAACO,MAAD,CAAH,CAAYF,IAAZ,CAAf",
+      "sourcesContent": [
+        "import React from 'react'\nimport { setConfig, hot } from 'react-hot-loader'\nimport Theme from 'docz-theme-default'\n\nimport { imports } from './imports'\nimport db from './db.json'\n\nimport Wrapper from '../../src/setup/docz_wrapper/wrapper'\n\nconst Root = () => (\n  <Theme db={db} imports={imports} hashRouter={false} wrapper={Wrapper} />\n)\n\n// TODO: this is temporary until react-hot-loader fix hooks issues\nsetConfig({\n  pureSFC: true,\n})\n\nexport default hot(module)(Root)\n"
+      ]
+    }
+  ]
+}

.docz/cache/09fdab586e806ba4ba266b4cbdd89647.json

@@ -0,0 +1,47 @@
+{
+  "remainingRequest": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-core/node_modules/babel-loader/lib/index.js?{\"presets\":[[\"/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/babel-preset-docz/dist/index.js\",{\"flow\":false,\"typescript\":true,\"parseProps\":false}]],\"plugins\":[[\"/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-utils/lib/named-asset-import.js\",{\"loaderMap\":{\"svg\":{\"ReactComponent\":\"@svgr/webpack?-prettier,-svgo![path]\"}}}],\"/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/react-hot-loader/babel.js\"],\"cacheDirectory\":true,\"babelrc\":false}!/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/react-docgen-typescript-loader/dist/index.js!/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/src/setup/theme/components/_buttons.tsx",
+  "dependencies": [
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/src/setup/theme/components/_buttons.tsx",
+      "mtime": 1541631218342
+    },
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-core/node_modules/cache-loader/dist/cjs.js",
+      "mtime": 1541429074980
+    },
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/docz-core/node_modules/babel-loader/lib/index.js",
+      "mtime": 1538779637905
+    },
+    {
+      "path": "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/node_modules/react-docgen-typescript-loader/dist/index.js",
+      "mtime": 1541429075984
+    }
+  ],
+  "contextDependencies": [],
+  "result": [
+    "(function () {\n  var enterModule = require('react-hot-loader').enterModule;\n\n  enterModule && enterModule(module);\n})();\n\nfunction _templateObject2() {\n  var data = _taggedTemplateLiteral([\"\\n      background: \", \";\\n      cursor: not-allowed;\\n      border: none;\\n      outline: none;\\n    \"]);\n\n  _templateObject2 = function _templateObject2() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _templateObject() {\n  var data = _taggedTemplateLiteral([\"\\n      background: \", \";\\n      cursor: pointer;\\n      border: none;\\n      outline: none;\\n      \\n      &:hover {\\n        background: \", \";\\n      }\\n\\n      &:active {\\n        background: \", \";\\n      }\\n    \"]);\n\n  _templateObject = function _templateObject() {\n    return data;\n  };\n\n  return data;\n}\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\n/**\n * Button template to reuse across the project\n * \n * Has only basic styling, no width and height since those can be set \n * on each individual component where these base styles\n * are going to be used\n * \n * interface is being used to provide auto-complete\n * \n * Example:\n * \n * interface IExampleButton {\n *  isDisabled: boolean;\n * }\n *  \n * const ExampleButton = styled.button<IExampleButton>`\n *  ${props => props.theme.base_styles.theme_button.default}\n *  \n *  width: 40px;\n *  height: 200px;\n * \n *  ${({isDisable}) => isDisable && `\n *    ${props => props.theme.base_styles.theme_button.disabled};\n *    width: 80px;\n *    height: 300px;\n *  `}\n * `;\n */\nimport { css } from '../index';\nimport { theme } from '../theme';\nexport var theme_buttons = {\n  default: function _default() {\n    return css(_templateObject(), theme.color.color_interactive, theme.color.color_hover, theme.color.color_active);\n  },\n  disabled: function disabled() {\n    return css(_templateObject2(), theme.color.color_darkgray);\n  }\n};\n;\n\n(function () {\n  var reactHotLoader = require('react-hot-loader').default;\n\n  var leaveModule = require('react-hot-loader').leaveModule;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(theme_buttons, \"theme_buttons\", \"/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/src/setup/theme/components/_buttons.tsx\");\n  leaveModule(module);\n})();\n\n;",
+    {
+      "version": 3,
+      "sources": [
+        "/Users/carlossantiago/Dropbox/_Local/Github/slack-chat/src/setup/theme/components/_buttons.tsx"
+      ],
+      "names": [
+        "css",
+        "theme",
+        "theme_buttons",
+        "default",
+        "color",
+        "color_interactive",
+        "color_hover",
+        "color_active",
+        "disabled",
+        "color_darkgray"
+      ],
+      "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAASA,GAAT,QAAoB,UAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;AAOA,OAAO,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE,oBAAM;AACb,WAAQH,GAAR,oBACgBC,KAAK,CAACG,KAAN,CAAYC,iBAD5B,EAOkBJ,KAAK,CAACG,KAAN,CAAYE,WAP9B,EAWkBL,KAAK,CAACG,KAAN,CAAYG,YAX9B;AAcD,GAhB0B;AAkB3BC,EAAAA,QAAQ,EAAE,oBAAM;AACd,WAAQR,GAAR,qBACgBC,KAAK,CAACG,KAAN,CAAYK,cAD5B;AAMD;AAzB0B,CAAtB;;;;;;;;;;;;0BAAMP,a",
+      "sourcesContent": [
+        "/**\n * Button template to reuse across the project\n * \n * Has only basic styling, no width and height since those can be set \n * on each individual component where these base styles\n * are going to be used\n * \n * interface is being used to provide auto-complete\n * \n * Example:\n * \n * interface IExampleButton {\n *  isDisabled: boolean;\n * }\n *  \n * const ExampleButton = styled.button<IExampleButton>`\n *  ${props => props.theme.base_styles.theme_button.default}\n *  \n *  width: 40px;\n *  height: 200px;\n * \n *  ${({isDisable}) => isDisable && `\n *    ${props => props.theme.base_styles.theme_button.disabled};\n *    width: 80px;\n *    height: 300px;\n *  `}\n * `;\n */\nimport { css } from '../index';\nimport { theme } from '../theme';\n\nexport default interface IButtons {\n  default: MethodDecorator;\n  disabled: MethodDecorator;\n}\n\nexport const theme_buttons = {\n  default: () => {\n    return (css`\n      background: ${theme.color.color_interactive};\n      cursor: pointer;\n      border: none;\n      outline: none;\n      \n      &:hover {\n        background: ${theme.color.color_hover};\n      }\n\n      &:active {\n        background: ${theme.color.color_active};\n      }\n    `)\n  },\n\n  disabled: () => {\n    return (css`\n      background: ${theme.color.color_darkgray};\n      cursor: not-allowed;\n      border: none;\n      outline: none;\n    `)\n  }\n};"
+      ]
+    }
+  ]
+}