slackblock 0.4.0 → 1.0.0-0

package/lib/transformers/block/image.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = (function (child) {
-    var _a = child.props, url = _a.url, alt = _a.alt;
-    return {
-        type: 'image',
-        url: url,
-        alt: alt
-    };
-});

package/lib/transformers/block/text.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = (function (elem) {
-    var _a = elem.props, plainText = _a.plainText, children = _a.children, emoji = _a.emoji, verbatim = _a.verbatim;
-    var res = {
-        type: plainText ? 'plain_text' : 'mrkdwn',
-        text: children
-    };
-    if (emoji) {
-        res.emoji = true;
-    }
-    if (verbatim) {
-        res.verbatim = true;
-    }
-    return res;
-});

package/lib/transformers/index.js

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var get_type_1 = __importDefault(require("../utils/get-type"));
-var text_1 = __importDefault(require("./block/text"));
-var confirmation_1 = __importDefault(require("./block/confirmation"));
-var button_1 = __importDefault(require("./block/button"));
-var image_1 = __importDefault(require("./block/image"));
-var container_1 = __importDefault(require("./layout/container"));
-var section_1 = __importDefault(require("./layout/section"));
-var actions_1 = __importDefault(require("./layout/actions"));
-var context_1 = __importDefault(require("./layout/context"));
-var divider_1 = __importDefault(require("./layout/divider"));
-var file_1 = __importDefault(require("./layout/file"));
-var image_2 = __importDefault(require("./layout/image"));
-var input_1 = __importDefault(require("./layout/input"));
-var text_2 = __importDefault(require("./input/text"));
-var date_picker_1 = __importDefault(require("./input/date-picker"));
-var select_1 = __importDefault(require("./input/select"));
-var option_1 = __importDefault(require("./input/option"));
-var option_group_1 = __importDefault(require("./input/option-group"));
-var overflow_1 = __importDefault(require("./input/overflow"));
-var radio_group_1 = __importDefault(require("./input/radio-group"));
-var Transformers = {
-    Container: container_1.default,
-    Section: section_1.default,
-    Actions: actions_1.default,
-    Context: context_1.default,
-    Divider: divider_1.default,
-    File: file_1.default,
-    ImageLayout: image_2.default,
-    Input: input_1.default,
-    Text: text_1.default,
-    Confirmation: confirmation_1.default,
-    Button: button_1.default,
-    Image: image_1.default,
-    TextInput: text_2.default,
-    DatePicker: date_picker_1.default,
-    Select: select_1.default,
-    Overflow: overflow_1.default,
-    RadioGroup: radio_group_1.default,
-    Option: option_1.default,
-    OptionGroup: option_group_1.default
-};
-exports.default = Transformers;
-exports.transform = function (elem) {
-    var type = get_type_1.default(elem);
-    if (!Transformers[type]) {
-        throw new Error("No transformer exists for type '" + type + "'");
-    }
-    return Transformers[type](elem);
-};

package/lib/transformers/input/date-picker.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var __1 = require("..");
-var text_1 = __importDefault(require("../../components/block/text"));
-exports.default = (function (child) {
-    var _a = child.props, actionId = _a.actionId, placeholder = _a.placeholder, initialDate = _a.initialDate, confirm = _a.confirm;
-    var res = {
-        type: 'datepicker',
-        action_id: actionId
-    };
-    if (placeholder) {
-        res.placeholder = __1.transform(react_1.default.createElement(text_1.default, { plainText: true }, placeholder));
-    }
-    if (initialDate) {
-        var dateRegex = /^(\d{4})-(\d{2})-(\d{2})$/g;
-        var date = new Date(initialDate);
-        if (Number.isNaN(date.getTime()) || !dateRegex.test(initialDate)) {
-            throw new Error('Date must be valid and in format YYY-MM-DD.');
-        }
-        res.initial_date = initialDate;
-    }
-    if (confirm) {
-        res.confirm = __1.transform(confirm);
-    }
-    return res;
-});

package/lib/transformers/input/option-group.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var text_1 = __importDefault(require("../../components/block/text"));
-var __1 = require("..");
-exports.default = (function (child) {
-    var _a = child.props, label = _a.label, children = _a.children;
-    var options = children;
-    if (!Array.isArray(options)) {
-        options = [options];
-    }
-    return {
-        label: __1.transform(react_1.default.createElement(text_1.default, { plainText: true }, label)),
-        options: options.map(function (option) { return __1.transform(option); })
-    };
-});

package/lib/transformers/input/option.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var text_1 = __importDefault(require("../../components/block/text"));
-var __1 = require("..");
-exports.default = (function (child) {
-    var _a = child.props, text = _a.children, value = _a.value, url = _a.url;
-    var res = {
-        text: __1.transform(react_1.default.createElement(text_1.default, { plainText: true }, text)),
-        value: value
-    };
-    if (url) {
-        res.url = url;
-    }
-    return res;
-});

package/lib/transformers/input/overflow.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var __1 = require("..");
-exports.default = (function (child) {
-    var _a = child.props, actionId = _a.actionId, children = _a.children, confirm = _a.confirm;
-    var elements = children;
-    if (!Array.isArray(elements)) {
-        elements = [elements];
-    }
-    var res = {
-        type: 'overflow',
-        action_id: actionId,
-        options: elements.map(function (element) { return __1.transform(element); })
-    };
-    if (confirm) {
-        res.confirm = __1.transform(confirm);
-    }
-    return res;
-});

package/lib/transformers/input/radio-group.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var __1 = require("..");
-exports.default = (function (child) {
-    var _a = child.props, actionId = _a.actionId, children = _a.children, initialOption = _a.initialOption, confirm = _a.confirm;
-    var elements = children;
-    if (!Array.isArray(elements)) {
-        elements = [elements];
-    }
-    var res = {
-        type: 'radio_buttons',
-        action_id: actionId,
-        options: elements.map(function (element) { return __1.transform(element); })
-    };
-    if (initialOption) {
-        res.initial_option = __1.transform(initialOption);
-    }
-    if (confirm) {
-        res.confirm = __1.transform(confirm);
-    }
-    return res;
-});

package/lib/transformers/input/select.js

@@ -1,84 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var select_1 = require("../../components/input/select");
-var text_1 = __importDefault(require("../../components/block/text"));
-var __1 = require("..");
-var get_type_1 = __importDefault(require("../../utils/get-type"));
-var OPTION = 'Option';
-var OPTION_GROUP = 'OptionGroup';
-var types = (_a = {},
-    _a[select_1.selectTypes.STATIC] = 'static_select',
-    _a[select_1.selectTypes.EXTERNAL] = 'external_select',
-    _a[select_1.selectTypes.USER] = 'users_select',
-    _a[select_1.selectTypes.CONVERSATION] = 'conversations_select',
-    _a[select_1.selectTypes.CHANNEL] = 'channels_select',
-    _a);
-var MULTI_PREFIX = 'multi_';
-exports.default = (function (child) {
-    var _a = child.props, placeholder = _a.placeholder, actionId = _a.actionId, multi = _a.multi, children = _a.children, initialOptions = _a.initialOptions, confirm = _a.confirm, maxSelectedItems = _a.maxSelectedItems, typeProp = _a.type, initialUsers = _a.initialUsers, initialConversations = _a.initialConversations, initialChannels = _a.initialChannels;
-    var type = typeProp || select_1.selectTypes.STATIC;
-    var typeString = "" + (multi ? MULTI_PREFIX : '') + types[type];
-    var res = {
-        type: typeString,
-        placeholder: __1.transform(react_1.default.createElement(text_1.default, { plainText: true }, placeholder)),
-        action_id: actionId
-    };
-    var elements = children;
-    if (!Array.isArray(elements)) {
-        elements = [elements];
-    }
-    if (type === select_1.selectTypes.STATIC) {
-        var type_1 = get_type_1.default(elements[0]);
-        if (elements.some(function (element) { return get_type_1.default(element) !== type_1; })) {
-            if (type_1 === OPTION && elements.some(function (element) { return get_type_1.default(element) !== OPTION_GROUP; })) {
-                throw new TypeError('You cannot mix OptionGroup types with Option types in a Select block.');
-            }
-            else if (type_1 === OPTION_GROUP && elements.some(function (element) { return get_type_1.default(element) !== OPTION; })) {
-                throw new TypeError('You cannot mix OptionGroup types with Option types in a Select block.');
-            }
-            throw new TypeError('Only allowed types are Option OR OptionGroup');
-        }
-        if (type_1 === OPTION) {
-            elements = elements;
-            res.options = elements.map(function (element) { return __1.transform(element); });
-        }
-        else if (type_1 === OPTION_GROUP) {
-            elements = elements;
-            res.option_groups = elements.map(function (element) { return __1.transform(element); });
-        }
-    }
-    if (confirm) {
-        res.confirm = __1.transform(confirm);
-    }
-    if (type !== select_1.selectTypes.USER && initialOptions) {
-    }
-    switch (type) {
-        case select_1.selectTypes.USER:
-            if (initialUsers) {
-                res.initial_users = initialUsers;
-            }
-            break;
-        case select_1.selectTypes.CONVERSATION:
-            if (initialConversations) {
-                res.initial_conversations = initialConversations;
-            }
-            break;
-        case select_1.selectTypes.CHANNEL:
-            if (initialChannels) {
-                res.initial_channels = initialChannels;
-            }
-        default:
-            if (initialOptions) {
-                res.initial_options = initialOptions.map(function (element) { return __1.transform(element); });
-            }
-    }
-    if (maxSelectedItems) {
-        res.max_selected_items = maxSelectedItems;
-    }
-    return res;
-});

package/lib/transformers/input/text.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var text_1 = __importDefault(require("../../components/block/text"));
-var __1 = require("..");
-exports.default = (function (child) {
-    var _a = child.props, actionId = _a.actionId, placeholder = _a.placeholder, initial = _a.initial, multiline = _a.multiline, minLength = _a.minLength, maxLength = _a.maxLength;
-    var res = {
-        type: 'plain_text_input',
-        action_id: actionId
-    };
-    if (placeholder) {
-        res.placeholder = __1.transform(react_1.default.createElement(text_1.default, { plainText: true }, placeholder));
-    }
-    if (initial) {
-        res.initial_value = initial;
-    }
-    if (multiline) {
-        res.multiline = true;
-    }
-    if (minLength) {
-        res.min_length = minLength;
-    }
-    if (maxLength) {
-        res.max_length = maxLength;
-    }
-    return res;
-});

package/lib/transformers/layout/actions.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var __1 = require("..");
-exports.default = (function (child) {
-    var _a = child.props, children = _a.children, blockId = _a.blockId;
-    var elements = children;
-    if (!Array.isArray(elements)) {
-        elements = [elements];
-    }
-    var res = {
-        type: 'actions',
-        elements: elements.map(function (element) { return __1.transform(element); })
-    };
-    if (blockId) {
-        res.block_id = blockId;
-    }
-    return res;
-});

package/lib/transformers/layout/container.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var __1 = require("..");
-exports.default = (function (child) {
-    var children = child.props.children;
-    var elements = children;
-    if (!Array.isArray(elements)) {
-        elements = [elements];
-    }
-    return elements.map(function (element) { return __1.transform(element); });
-});

package/lib/transformers/layout/context.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var __1 = require("..");
-exports.default = (function (child) {
-    var _a = child.props, children = _a.children, blockId = _a.blockId;
-    var elements = children;
-    if (!Array.isArray(elements)) {
-        elements = [elements];
-    }
-    var res = {
-        type: 'context',
-        elements: elements.map(function (element) { return __1.transform(element); })
-    };
-    if (blockId) {
-        res.block_id = blockId;
-    }
-    return res;
-});

package/lib/transformers/layout/divider.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = (function (child) {
-    var blockId = child.props.blockId;
-    var res = { type: 'divider' };
-    if (blockId) {
-        res.block_id = blockId;
-    }
-    return res;
-});

package/lib/transformers/layout/file.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = (function (child) {
-    var _a = child.props, externalId = _a.externalId, blockId = _a.blockId;
-    var res = {
-        type: 'file',
-        source: 'remote',
-        external_id: externalId
-    };
-    if (blockId) {
-        res.block_id = blockId;
-    }
-    return res;
-});

package/lib/transformers/layout/image.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var __1 = require("..");
-var text_1 = __importDefault(require("../../components/block/text"));
-exports.default = (function (child) {
-    var _a = child.props, url = _a.url, alt = _a.alt, title = _a.title, blockId = _a.blockId;
-    var res = {
-        type: 'image',
-        image_url: url,
-        alt_text: alt
-    };
-    if (title) {
-        res.title = __1.transform(react_1.default.createElement(text_1.default, { plainText: true }, title));
-    }
-    if (blockId) {
-        res.block_id = blockId;
-    }
-    return res;
-});

package/lib/transformers/layout/input.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var __1 = require("..");
-var text_1 = __importDefault(require("../../components/block/text"));
-exports.default = (function (child) {
-    var _a = child.props, label = _a.label, element = _a.element, hint = _a.hint, optional = _a.optional, blockId = _a.blockId;
-    var res = {
-        type: 'input',
-        label: __1.transform(react_1.default.createElement(text_1.default, { plainText: true }, label)),
-        element: __1.transform(element)
-    };
-    if (hint) {
-        res.hint = __1.transform(react_1.default.createElement(text_1.default, { plainText: true }, hint));
-    }
-    if (optional) {
-        res.optional = true;
-    }
-    if (blockId) {
-        res.block_id = blockId;
-    }
-    return res;
-});

package/lib/transformers/layout/section.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var __1 = require("..");
-exports.default = (function (elem) {
-    var _a = elem.props, text = _a.text, blockId = _a.blockId, children = _a.children, accessory = _a.accessory;
-    var res = {
-        type: 'section',
-        text: __1.transform(text)
-    };
-    if (blockId) {
-        res.block_id = blockId;
-    }
-    if (accessory) {
-        res.accessory = __1.transform(accessory);
-    }
-    if (children) {
-        res.fields = [];
-        var fields = children;
-        if (!Array.isArray(fields)) {
-            fields = [fields];
-        }
-        for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {
-            var field = fields_1[_i];
-            if (field) {
-                var t = __1.transform(field);
-                res.fields.push(t);
-            }
-        }
-    }
-    return res;
-});

package/lib/utils/get-type.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = (function (element) {
-    if (typeof element === 'string') {
-        return 'string';
-    }
-    if (element === null) {
-        return 'null';
-    }
-    if (Array.isArray(element)) {
-        throw new TypeError('Cannot type arrays');
-    }
-    var type = element.type;
-    var fn = type;
-    return fn.name || type;
-});

package/lib/utils/type-helpers.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/components/block/button.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import Confirmation from './confirmation';
-
-type TopProps = {
-  children: string;
-  actionId: string;
-  url?: string;
-  value?: string;
-  style?: 'primary' | 'danger';
-};
-
-export type ButtonProps = TopProps & {
-  confirm?: Confirmation;
-};
-
-type Props = TopProps & {
-  confirm?: React.ReactElement<Confirmation>;
-};
-
-export default class Button extends React.Component<Props> {}

package/src/components/block/confirmation.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import Text from './text';
-
-type TopProps = {
-  title: string;
-  confirm: string;
-  deny: string;
-};
-
-/* This is a dumb workaround to merging props */
-export type ConfirmationProps = TopProps & {
-  children: Text;
-};
-
-type Props = TopProps & {
-  children: React.ReactElement<Text>;
-};
-
-export default class Confirmation extends React.Component<Props> {}

package/src/components/block/image.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-
-export type Props = {
-  url: string;
-  alt: string;
-};
-
-export default class Image extends React.Component<Props> {}

package/src/components/block/text.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-export type Props = {
-  children: string;
-  plainText?: boolean;
-  emoji?: boolean;
-  verbatim?: boolean;
-}
-
-export default class Text extends React.Component<Props> {}

package/src/components/index.ts

@@ -1,23 +0,0 @@
-export {default as Message} from './message';
-
-export {default as Button} from './block/button';
-export {default as Confirmation} from './block/confirmation';
-export {default as Image} from './block/image';
-export {default as Text} from './block/text';
-
-export {default as DatePicker} from './input/date-picker';
-export {default as OptionGroup} from './input/option-group';
-export {default as Option} from './input/option';
-export {default as Overflow} from './input/overflow';
-export {default as RadioGroup} from './input/radio-group';
-export {default as Select} from './input/select';
-export {default as TextInput} from './input/text';
-
-export {default as Actions} from './layout/actions';
-export {default as Context} from './layout/context';
-export {default as Divider} from './layout/divider';
-export {default as File} from './layout/file';
-export {default as ImageLayout} from './layout/image';
-export {default as Input} from './layout/input';
-export {default as Section} from './layout/section';
-export {default as Container} from './layout/container';

package/src/components/input/date-picker.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import Confirmation from '../block/confirmation';
-
-export type Props = {
-  actionId: string;
-  placeholder?: string;
-  initialDate?: string;
-  confirm?: React.ReactElement<Confirmation>;
-};
-
-export default class DatePicker extends React.Component<Props> {}

package/src/components/input/option-group.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import Option from './option';
-
-export type Props = {
-  label: string;
-  children: React.ReactElement<Option> | React.ReactElement<Option>[];
-};
-
-export default class OptionGroup extends React.Component<Props> {}

package/src/components/input/option.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-export type Props = {
-  children: string;
-  value: string;
-  url?: string;
-};
-
-export default class Option extends React.Component<Props> {}

package/src/components/input/overflow.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import Confirmation from '../block/confirmation';
-import Option from './option';
-import {SingleOrArray} from '../../utils/type-helpers';
-
-export type Props = {
-  actionId: string;
-  children: SingleOrArray<React.ReactElement<Option>>;
-  confirm?: React.ReactElement<Confirmation>;
-};
-
-export default class Overflow extends React.Component<Props> {}

package/src/components/input/radio-group.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import Option from './option';
-import Confirmation from '../block/confirmation';
-import {SingleOrArray} from '../../utils/type-helpers';
-
-export type Props = {
-  actionId: string;
-  children: SingleOrArray<React.ReactElement<Option>>;
-  initialOption?: React.ReactElement<Option>;
-  confirm?: React.ReactElement<Confirmation>;
-};
-
-export default class RadioGroup extends React.Component<Props> {}