slackblock 0.4.0 → 1.0.0-0

package/test/transformers/input/select.test.tsx

@@ -1,249 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/input/select';
-import Select from '../../../src/components/input/select';
-
-import optionTransformer from '../../../src/transformers/input/option';
-import Option from '../../../src/components/input/option';
-
-import optionGroupTransformer from '../../../src/transformers/input/option-group';
-import OptionGroup from '../../../src/components/input/option-group';
-
-import confirmationTransformer from '../../../src/transformers/block/confirmation';
-import Confirmation from '../../../src/components/block/confirmation';
-import Text from '../../../src/components/block/text';
-
-test('transforms a select with options', t => {
-  const option = <Option value="v">O</Option>;
-  const options = [optionTransformer(option)];
-
-  const res = transformer(
-    <Select placeholder="placeholder" actionId="aid">
-      {option}
-    </Select>
-  );
-
-  t.deepEqual(res, {
-    type: 'static_select',
-    placeholder: {
-      type: 'plain_text',
-      text: 'placeholder'
-    },
-    action_id: 'aid',
-    options
-  });
-});
-
-test('transforms multi-select with options', t => {
-  const option = <Option value="v">O</Option>;
-  const options = [optionTransformer(option)];
-
-  const res = transformer(
-    <Select placeholder="placeholder" actionId="aid" multi>
-      {option}
-    </Select>
-  );
-
-  t.deepEqual(res, {
-    type: 'multi_static_select',
-    placeholder: {
-      type: 'plain_text',
-      text: 'placeholder'
-    },
-    action_id: 'aid',
-    options
-  });
-});
-
-test('transforms a select with OptionGroups', t => {
-  const option = <Option value="v">O</Option>;
-  const option2 = <Option value="O">V</Option>;
-
-  const optionGroup = <OptionGroup label="ogLabel">{option}{option2}</OptionGroup>;
-  const optionGroups = [optionGroupTransformer(optionGroup)];
-
-  const res = transformer(
-    <Select placeholder="placeholder" actionId="aid">
-      {optionGroup}
-    </Select>
-  );
-
-  t.deepEqual(res, {
-    type: 'static_select',
-    placeholder: {
-      type: 'plain_text',
-      text: 'placeholder'
-    },
-    action_id: 'aid',
-    option_groups: optionGroups
-  });
-});
-
-test('disallows options AND optionGroups in the same select block', t => {
-  const fn = () => transformer(
-    <Select placeholder="p" actionId="a">
-      <Option value="v">O</Option>
-      <OptionGroup label="l">
-        <Option value="o">V</Option>
-      </OptionGroup>
-    </Select>
-  );
-
-  t.throws(fn);
-});
-
-test('it transforms additional options on the Select block', t => {
-  const option = <Option value="v">O</Option>;
-  const option2 = <Option value="c">C</Option>;
-  const options = [option, option2].map(optionTransformer);
-
-  const initialOptions = [option];
-  const transformedInitialOptions = initialOptions.map(optionTransformer);
-  
-  const confirm = (
-    <Confirmation
-      title="cTitle"
-      confirm="confirm"
-      deny="deny"
-    >
-      <Text>cText</Text>
-    </Confirmation>
-  );
-  const transformedConfirm = confirmationTransformer(confirm);
-
-  const res = transformer(
-    <Select
-      placeholder="placeholder"
-      actionId="aid"
-      initialOptions={initialOptions}
-      confirm={confirm}
-      maxSelectedItems={2}
-    >
-      {option}
-      {option2}
-    </Select>
-  );
-
-  t.deepEqual(res, {
-    type: 'static_select',
-    placeholder: {
-      type: 'plain_text',
-      text: 'placeholder'
-    },
-    action_id: 'aid',
-    options,
-    confirm: transformedConfirm,
-    initial_options: transformedInitialOptions,
-    max_selected_items: 2
-  });
-});
-
-test('can transform a selcet with external options', t => {
-  const fn = () => transformer(
-    <Select
-      type="external"
-      placeholder="placeholder"
-      actionId="aid"
-    />
-  );
-
-  t.notThrows(fn);
-  const res = fn();
-
-  t.deepEqual(res, {
-    type: 'external_select',
-    placeholder:  {
-      type: 'plain_text',
-      text: 'placeholder'
-    },
-    action_id: 'aid'
-  });
-});
-
-test('does not transform child options when not static type', t => {
-  const res = transformer(
-    <Select
-      type="external"
-      placeholder="p"
-      actionId="aid"
-    >
-      <Option value="V">O</Option>
-    </Select>
-  );
-
-  t.deepEqual(res, {
-    type: 'external_select',
-    placeholder:  {
-      type: 'plain_text',
-      text: 'p'
-    },
-    action_id: 'aid'
-  });
-});
-
-test('allows initialUsers prop if type is a user select', t => {
-  const users = ['A', 'B', 'C'];
-  const res = transformer(
-    <Select
-      type="user"
-      placeholder="p"
-      actionId="aid"
-      initialUsers={users}
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'users_select',
-    placeholder: {
-      type: 'plain_text',
-      text: 'p'
-    },
-    action_id: 'aid',
-    initial_users: users
-  });
-});
-
-test('allows initialConversations prop if type is conversation', t => {
-  const conversations = ['A', 'B', 'C'];
-  const res = transformer(
-    <Select
-      type="conversation"
-      placeholder="p"
-      actionId="aid"
-      initialConversations={conversations}
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'conversations_select',
-    placeholder: {
-      type: 'plain_text',
-      text: 'p'
-    },
-    action_id: 'aid',
-    initial_conversations: conversations
-  });
-});
-
-test('allows initialChannels prop if type is channel', t => {
-  const channels = ['A', 'B', 'C'];
-  const res = transformer(
-    <Select
-      type="channel"
-      placeholder="p"
-      actionId="aid"
-      initialChannels={channels}
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'channels_select',
-    placeholder: {
-      type: 'plain_text',
-      text: 'p'
-    },
-    action_id: 'aid',
-    initial_channels: channels
-  });
-});

package/test/transformers/input/text.test.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/input/text';
-import Text from '../../../src/components/input/text';
-
-test('it transforms a basic text input', t => {
-  const res = transformer(
-    <Text actionId="actionId"/>
-  );
-
-  t.deepEqual(res, {
-    type: 'plain_text_input',
-    action_id: 'actionId'
-  });
-});
-
-test('it transforms an advanced text input', t => {
-  const res = transformer(
-    <Text
-      actionId="actionId"
-      placeholder="placeholder"
-      initial="initial"
-      minLength={10}
-      maxLength={20}
-      multiline
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'plain_text_input',
-    action_id: 'actionId',
-    placeholder: {
-      type: 'plain_text',
-      text: 'placeholder'
-    },
-    initial_value: 'initial',
-    min_length: 10,
-    max_length: 20,
-    multiline: true
-  });
-});

package/test/transformers/layout/actions.test.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/layout/actions';
-import buttonTransformer from '../../../src/transformers/block/button';
-import Actions from '../../../src/components/layout/actions';
-import Button from '../../../src/components/block/button';
-
-test('transforms a basic actions block', t => {
-  const button = <Button actionId="aid">FooBar</Button>;
-  const transformedButton = buttonTransformer(button);
-
-  const res = transformer(
-    <Actions>
-      {button}
-    </Actions>
-  );
-
-  t.deepEqual(res, {
-    type: 'actions',
-    elements: [transformedButton]
-  });
-});
-
-test('it transforms action blocks with more data', t => {
-  const res = transformer(
-    <Actions blockId="blockId">
-      <Button actionId="aid">Foo</Button>
-    </Actions>
-  );
-
-  t.is(res.block_id, 'blockId');
-});

package/test/transformers/layout/container.test.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import Container from '../../../src/components/layout/container';
-import Text from '../../../src/components/block/text';
-import transformer from '../../../src/transformers/layout/container';
-import textTransformer from '../../../src/transformers/block/text';
-import { Child } from '../../../src/constants/types';
-
-test('passes elements through', t => {
-  const elem = <Text>Foo</Text>
-
-  const res = transformer(
-    <Container>
-      {elem}
-    </Container>
-  );
-
-  t.deepEqual(res, [textTransformer(elem)] as any[]);
-});
-
-test('can pass multiple elements through', t => {
-  const elem = <Text>Foo</Text>;
-  const elem2 = <Text>Bar</Text>;
-
-  const res = transformer(
-    <Container>
-      {elem}
-      {elem2}
-    </Container>
-  );
-
-  t.deepEqual(res, [elem, elem2].map(textTransformer) as any[]);
-});

package/test/transformers/layout/context.test.tsx

@@ -1,43 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/layout/context';
-import textTransformer from '../../../src/transformers/block/text';
-import imageTransformer from '../../../src/transformers/block/image';
-
-import Context from '../../../src/components/layout/context';
-import Text from '../../../src/components/block/text';
-import Image from '../../../src/components/block/image';
-
-test('transforms a basic context block', t => {
-  const text = <Text>FooBar</Text>
-  const image = <Image url="someUrl" alt="someAlt"/>;
-
-  const transformedText = textTransformer(text);
-  const transformedImage = imageTransformer(image);
-
-  const res = transformer(
-    <Context>
-      {text}
-      {image}
-    </Context>
-  );
-
-  t.deepEqual(res, {
-    type: 'context',
-    elements: [
-      transformedText,
-      transformedImage
-    ]
-  });
-});
-
-test('transforms a more complex context block', t => {
-  const res = transformer(
-    <Context blockId="blockId">
-      <Text>FooBar</Text>
-    </Context>
-  );
-
-  t.is(res.block_id, "blockId");
-});

package/test/transformers/layout/divider.test.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/layout/divider';
-import Divider from '../../../src/components/layout/divider';
-
-test('transforms a basic divider', t => {
-  const res = transformer(<Divider/>);
-
-  t.deepEqual(res, {type: 'divider'});
-});
-
-test('transforms a divider with id', t => {
-  const res = transformer(<Divider blockId="blockId"/>);
-
-  t.deepEqual(res, {
-    type: 'divider',
-    block_id: 'blockId'
-  });
-});

package/test/transformers/layout/file.test.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/layout/file';
-import File from '../../../src/components/layout/file';
-
-test('transforms a basic file', t => {
-  const res = transformer(<File externalId="externalId"/>);
-
-  t.deepEqual(res, {
-    type: 'file',
-    source: 'remote',
-    external_id: 'externalId'
-  });
-});
-
-test('transforms a file with block id', t => {
-  const res = transformer(<File externalId="ext" blockId="block"/>);
-
-  t.deepEqual(res, {
-    type: 'file',
-    source: 'remote',
-    external_id: 'ext',
-    block_id: 'block'
-  });
-});

package/test/transformers/layout/image.test.tsx

@@ -1,43 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/layout/image';
-import Image from '../../../src/components/layout/image';
-import Text from '../../../src/components/block/text';
-
-test('transforms a basic image layout', t => {
-  const res = transformer(
-    <Image
-      url="someUrl"
-      alt="someAlt"
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'image',
-    image_url: 'someUrl',
-    alt_text: 'someAlt'
-  });
-});
-
-test('transforms a more advanced image layout', t => {
-  const res = transformer(
-    <Image
-      url="someUrl"
-      alt="someAlt"
-      title="someTitle"
-      blockId="blockId"
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'image',
-    image_url: 'someUrl',
-    alt_text: 'someAlt',
-    title: {
-      type: 'plain_text',
-      text: 'someTitle'
-    },
-    block_id: 'blockId'
-  });
-});

package/test/transformers/layout/input.test.tsx

@@ -1,59 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/layout/input';
-import textTransformer from '../../../src/transformers/input/text';
-
-import Input from '../../../src/components/layout/input';
-import TextInput from '../../../src/components/input/text';
-
-test('transforms a basic input layout block', t => {
-  const plainText = <TextInput actionId="action"/>;
-  const transformedText = textTransformer(plainText);
-
-  const res = transformer(
-    <Input
-      label="someLabel"
-      element={plainText}
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'input',
-    label: {
-      type: 'plain_text',
-      text: 'someLabel'
-    },
-    element: transformedText
-  });
-});
-
-test('transforms an advanced input layout block', t => {
-  const plainText = <TextInput actionId="action"/>;
-  const transformedText = textTransformer(plainText);
-
-  const res = transformer(
-    <Input
-      label="someLabel"
-      element={plainText}
-      blockId="blockId"
-      hint="someHint"
-      optional
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'input',
-    label: {
-      type: 'plain_text',
-      text: 'someLabel'
-    },
-    element: transformedText,
-    block_id: 'blockId',
-    hint: {
-      type: 'plain_text',
-      text: 'someHint'
-    },
-    optional: true
-  });
-});

package/test/transformers/layout/section.test.tsx

@@ -1,89 +0,0 @@
-import React from 'react';
-import test from 'ava';
-import Section from '../../../src/components/layout/section';
-import Text from '../../../src/components/block/text';
-import transformer from '../../../src/transformers/layout/section';
-
-test('it transforms a basic Section component', t => {
-  const elem = (
-    <Section
-      text={ <Text>FooBar</Text> }
-    />
-  );
-
-  const res = transformer(elem);
-
-  t.deepEqual(res, {
-    type: 'section',
-    text: {
-      type: 'mrkdwn',
-      text: 'FooBar'
-    }
-  });
-});
-
-test('it transforms a more complex Section', t => {
-  const fields = [
-    <Text>OtherText</Text>
-  ];
-
-  const res = transformer(
-    <Section
-      text={<Text>FooBar</Text>}
-      blockId="abc123"
-      accessory={<Text>Accessory</Text>}
-    >
-      <Text>OtherText</Text>
-    </Section>
-  );
-
-  t.deepEqual(res, {
-    type: 'section',
-    text: {
-      type: 'mrkdwn',
-      text: 'FooBar'
-    },
-    block_id: 'abc123',
-    fields: [
-      {
-        type: 'mrkdwn',
-        text: 'OtherText'
-      }
-    ],
-    accessory: {
-      type: 'mrkdwn',
-      text: 'Accessory'
-    }
-  });
-});
-
-test('it does not break if there is a null field', t => {
-  const fn = () => transformer(
-    <Section text={<Text>Foo</Text>}>
-      <Text>More text</Text>
-      {null}
-      <Text>Even more</Text>
-    </Section>
-  );
-
-  t.notThrows(fn);
-  const res = fn();
-
-  t.deepEqual(res, {
-    type: 'section',
-    text: {
-      type: 'mrkdwn',
-      text: 'Foo'
-    },
-    fields: [
-      {
-        type: 'mrkdwn',
-        text: 'More text'
-      },
-      {
-        type: 'mrkdwn',
-        text: 'Even more'
-      }
-    ]
-  });
-});

package/test/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "noImplicitAny": true,
-    "removeComments": true,
-    "target": "es5",
-    "jsx": "react",
-    "esModuleInterop": true
-  }
-}

package/test/utils/get-type.test.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import test from 'ava';
-import getType from '../../src/utils/get-type';
-
-class Foo extends React.Component {}
-
-test('it recognizes strings', t => {
-  t.is(getType('Hello'), 'string');
-});
-
-test('it recognizes DOM elements', t => {
-  t.is(getType(<div/>), 'div');
-});
-
-test('it recognizes react elements', t => {
-  t.is(getType(<Foo/>), 'Foo');
-});
-
-test('it recognizes null', t => {
-  t.is(getType(null), 'null');
-});

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "compilerOptions": {
-    "noImplicitAny": true,
-    "removeComments": true,
-    "outDir": "./lib" ,
-    "rootDir": "./src",
-    "target": "es5",
-    "jsx": "react",
-    "baseUrl": ".",
-    "esModuleInterop": true
-  },
-  "exclude": ["node_modules", "test/**/*"],
-  "include": ["src"] 
-}