@bigbinary/neeto-slack-frontend 1.0.0 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-slack-frontend",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Slack integration step UI",
   "author": "Bonnie Simon",
   "license": "UNLICENSED",
@@ -19,7 +19,8 @@
     "prepare": "husky install",
     "start": "NODE_ENV=development rm -rf dist && webpack-dev-server --mode development",
     "build": "NODE_ENV=production rollup -c rollup.config.js",
-    "build-preview": "NODE_ENV=production webpack"
+    "build-preview": "NODE_ENV=production webpack",
+    "release": "yarn build && yalc push --sig"
   },
   "lint-staged": {
     "{src,example}/**/*.{js,jsx,json}": [

package/types.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Fn } from "ramda";
-import { ButtonProps } from "neetoui";
+import { ButtonProps, PaneProps } from "neetoui";
 
 declare global {
   declare module "assets/*"
@@ -36,14 +36,31 @@ export function Finish(props: {
   onBack: Fn;
 }): JSX.Element;
 
-export function Settings(props: {
-  loading?: boolean;
+interface Field {
+  name: string;
+  value: string;
+}
+interface SettingsProps {
   children?: Fn | React.ReactNode;
   teamName: string;
+  fields: Field[];
+  className?: string;
+  onEdit: Fn;
+}
+
+interface SettingsPaneProps {
   initialFormValues: object;
   handleSubmit: Fn;
   isSubmitting?: boolean;
-  className?: string;
   validationSchema?: object;
   channelRefreshHandler?: Fn;
-}): JSX.Element;
+  title?: string;
+  isPaneOpen: boolean;
+  children?: Fn | React.ReactNode;
+  onClose: Fn;
+  paneProps?: Partial<PaneProps>;
+}
+
+export const Settings: React.FC<SettingsProps> & {
+  EditPane: React.FC<SettingsPaneProps>;
+};