superdesk-ui-framework 3.0.0-beta.0 → 3.0.1-beta.3

package/react/components/Dropdown.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -24,11 +24,11 @@ var React = __importStar(require("react"));
 var ReactDOM = __importStar(require("react-dom"));
 var core_1 = require("@popperjs/core");
 var react_id_generator_1 = require("react-id-generator");
-exports.Dropdown = function (_a) {
+var Dropdown = function (_a) {
     var items = _a.items, header = _a.header, footer = _a.footer, children = _a.children, append = _a.append, align = _a.align;
     var _b = React.useState(false), open = _b[0], setOpen = _b[1];
     var _c = React.useState(false), change = _c[0], setChange = _c[1];
-    var menuID = react_id_generator_1.useId()[0];
+    var menuID = (0, react_id_generator_1.useId)()[0];
     var DROPDOWN_ID = "react-placeholder";
     var ref = React.useRef(null);
     var refSubMenu = React.useRef(null);
@@ -94,7 +94,7 @@ exports.Dropdown = function (_a) {
                 menuRef_1 = ref.current;
                 var toggleRef = buttonRef.current;
                 if (toggleRef && menuRef_1) {
-                    core_1.createPopper(toggleRef, menuRef_1, {
+                    (0, core_1.createPopper)(toggleRef, menuRef_1, {
                         placement: checkAlign() ? 'bottom-end' : 'bottom-start',
                     });
                 }
@@ -104,7 +104,7 @@ exports.Dropdown = function (_a) {
                     menuRef_1 = ref.current;
                     var toggleRef = buttonRef.current;
                     if (toggleRef && menuRef_1) {
-                        core_1.createPopper(toggleRef, menuRef_1, {
+                        (0, core_1.createPopper)(toggleRef, menuRef_1, {
                             placement: checkAlign() ? 'bottom-end' : 'bottom-start',
                             strategy: 'fixed',
                         });
@@ -158,7 +158,7 @@ exports.Dropdown = function (_a) {
                             var subMenuRef = refSubMenu.current;
                             var subToggleRef = refButtonSubMenu.current;
                             if (subMenuRef && subToggleRef) {
-                                core_1.createPopper(subToggleRef, subMenuRef, {
+                                (0, core_1.createPopper)(subToggleRef, subMenuRef, {
                                     placement: 'right-start',
                                 });
                             }
@@ -181,7 +181,7 @@ exports.Dropdown = function (_a) {
             return (React.createElement("li", { className: "dropdown__menu-divider", key: index }));
         }
         else {
-            return (React.createElement(DropdownItem, { key: index, label: item['label'], icon: item['icon'], onSelect: item['onSelect'] }));
+            return (React.createElement(DropdownItem, { key: index, label: item['label'], icon: item['icon'], active: item['active'], onSelect: item['onSelect'] }));
         }
     }
     return (React.createElement("div", { className: 'dropdown ' + (open ? 'open' : '') },
@@ -221,9 +221,10 @@ exports.Dropdown = function (_a) {
             }
         })()));
 };
+exports.Dropdown = Dropdown;
 var DropdownItem = function (_a) {
-    var label = _a.label, icon = _a.icon, onSelect = _a.onSelect;
-    return (React.createElement("li", { role: 'none' },
+    var label = _a.label, icon = _a.icon, active = _a.active, onSelect = _a.onSelect;
+    return (React.createElement("li", { role: 'none', className: active ? 'dropdown__menu-item--active' : '' },
         React.createElement("button", { tabIndex: 0, role: 'menuitem', onClick: onSelect },
             React.createElement("i", { className: icon ? ('icon-' + icon) : '' }),
             label)));

package/react/components/DropdownFirst.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -25,7 +25,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownFooter = exports.DropdownBody = exports.DropdownHeader = exports.DropdownLabel = exports.DropdownDivider = exports.DropdownItem = exports.DropdownFirst = void 0;
 var React = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-exports.DropdownFirst = function (_a) {
+var DropdownFirst = function (_a) {
     var _b, _c;
     var name = _a.name, align = _a.align, side = _a.side, level = _a.level, icon = _a.icon, headerFooter = _a.headerFooter, navDropdown = _a.navDropdown, children = _a.children;
     var _d = React.useState(false), open = _d[0], setOpen = _d[1];
@@ -60,10 +60,10 @@ exports.DropdownFirst = function (_a) {
             clearTimeout(inDebounce);
         };
     }, [open]);
-    var classes = classnames_1.default('dropdown', (_b = {},
+    var classes = (0, classnames_1.default)('dropdown', (_b = {},
         _b['open'] = open,
         _b['dropdown--align-right'] = align === 'right',
-        _b["dropdown--drop" + side] = side,
+        _b["dropdown--drop".concat(side)] = side,
         _b['dropdown--dropup'] = height,
         _b));
     function isOpen() {
@@ -112,7 +112,7 @@ exports.DropdownFirst = function (_a) {
     }
     else {
         if (level) {
-            var classesMenu = classnames_1.default('dropdown__menu', (_c = {},
+            var classesMenu = (0, classnames_1.default)('dropdown__menu', (_c = {},
                 _c['dropdown__menu--submenu-left'] = align === 'left',
                 _c));
             return (React.createElement("li", null,
@@ -133,7 +133,8 @@ exports.DropdownFirst = function (_a) {
         }
     }
 };
-exports.DropdownItem = function (_a) {
+exports.DropdownFirst = DropdownFirst;
+var DropdownItem = function (_a) {
     var text = _a.text, icon = _a.icon, noLink = _a.noLink, onSelect = _a.onSelect;
     if (noLink) {
         return React.createElement("li", { className: 'dropdown__menu-item--no-link' }, text);
@@ -145,32 +146,38 @@ exports.DropdownItem = function (_a) {
                 text)));
     }
 };
-exports.DropdownDivider = function (_a) {
+exports.DropdownItem = DropdownItem;
+var DropdownDivider = function (_a) {
     return (React.createElement("li", { className: "dropdown__menu-divider" }));
 };
-exports.DropdownLabel = function (_a) {
+exports.DropdownDivider = DropdownDivider;
+var DropdownLabel = function (_a) {
     var text = _a.text;
     return (React.createElement("li", null,
         React.createElement("div", { className: "dropdown__menu-label" }, text)));
 };
-exports.DropdownHeader = function (_a) {
+exports.DropdownLabel = DropdownLabel;
+var DropdownHeader = function (_a) {
     var title = _a.title, children = _a.children;
     return (React.createElement("ul", { className: 'dropdown__menu-header' },
         React.createElement(exports.DropdownLabel, { text: title }),
         children));
 };
-exports.DropdownBody = function (_a) {
+exports.DropdownHeader = DropdownHeader;
+var DropdownBody = function (_a) {
     var title = _a.title, children = _a.children;
     return (React.createElement("ul", { className: 'dropdown__menu-body' },
         React.createElement(exports.DropdownLabel, { text: title }),
         children));
 };
-exports.DropdownFooter = function (_a) {
+exports.DropdownBody = DropdownBody;
+var DropdownFooter = function (_a) {
     var title = _a.title, children = _a.children;
     return (React.createElement("ul", { className: 'dropdown__menu-footer dropdown__menu-footer--has-list' },
         React.createElement(exports.DropdownLabel, { text: title }),
         children));
 };
+exports.DropdownFooter = DropdownFooter;
 exports.DropdownFirst.Item = exports.DropdownItem;
 exports.DropdownFirst.Divider = exports.DropdownDivider;
 exports.DropdownFirst.Label = exports.DropdownLabel;

package/react/components/EmptyState.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,7 +29,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -45,12 +47,12 @@ var EmptyState = /** @class */ (function (_super) {
     }
     EmptyState.prototype.render = function () {
         var _a;
-        var classes = classnames_1.default('content-state__image', (_a = {
+        var classes = (0, classnames_1.default)('content-state__image', (_a = {
                 'content-state__image--small': this.props.size === undefined
             },
-            _a["content-state__image--" + this.props.size] = this.props.size || this.props.size !== undefined,
+            _a["content-state__image--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
             _a));
-        var image = require("../../app/img/empty_states/empty-state--" + (this.props.size ? this.props.size : 'small') + "-" + (this.props.illustration ? this.props.illustration : '1') + ".svg");
+        var image = require("../../app/img/empty_states/empty-state--".concat(this.props.size ? this.props.size : 'small', "-").concat(this.props.illustration ? this.props.illustration : '1', ".svg"));
         return (React.createElement("div", { className: 'content-state--empty-container' },
             React.createElement("div", { className: 'content-state__empty-info' },
                 React.createElement("figure", { className: classes },

package/react/components/Form/FormGroup.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface IProps {
+    children: React.ReactNode;
+    rows?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    spaces?: 'default' | 'condensed' | 'relaxed';
+    marginBottom?: '0' | '1' | '2' | '3' | '4';
+    inlineLabel?: boolean;
+}
+export declare class FormGroup extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/react/components/Form/FormGroup.js

@@ -0,0 +1,63 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormGroup = void 0;
+var React = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var FormGroup = /** @class */ (function (_super) {
+    __extends(FormGroup, _super);
+    function FormGroup() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormGroup.prototype.render = function () {
+        var _a;
+        var classes = (0, classnames_1.default)('form__group', (_a = {
+                'form__group--rows': this.props.rows
+            },
+            _a["form__group--vertical"] = this.props.orientation === 'vertical',
+            _a["form__group--default"] = this.props.spaces === undefined,
+            _a["form__group--".concat(this.props.spaces)] = this.props.spaces,
+            _a["form__group--mb-".concat(this.props.marginBottom)] = this.props.marginBottom,
+            _a['form__group--inline-label'] = this.props.inlineLabel,
+            _a));
+        return (React.createElement("div", { className: classes }, this.props.children));
+    };
+    return FormGroup;
+}(React.PureComponent));
+exports.FormGroup = FormGroup;

package/react/components/Form/FormItem.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface IProps {
+    children: React.ReactNode;
+    autoWidth?: boolean;
+}
+export declare class FormItem extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/react/components/Form/FormItem.js

@@ -0,0 +1,56 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormItem = void 0;
+var React = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var FormItem = /** @class */ (function (_super) {
+    __extends(FormItem, _super);
+    function FormItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormItem.prototype.render = function () {
+        var classes = (0, classnames_1.default)('form__item', {
+            'form__item--auto-width': this.props.autoWidth,
+        });
+        return (React.createElement("div", { className: classes }, this.props.children));
+    };
+    return FormItem;
+}(React.PureComponent));
+exports.FormItem = FormItem;

package/react/components/Form/FormLabel.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface IProps {
+    style?: 'normal' | 'light';
+    text: string;
+    forId?: string;
+}
+export declare class FormLabel extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/react/components/Form/FormLabel.js

@@ -0,0 +1,56 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormLabel = void 0;
+var React = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var FormLabel = /** @class */ (function (_super) {
+    __extends(FormLabel, _super);
+    function FormLabel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormLabel.prototype.render = function () {
+        var classes = (0, classnames_1.default)('form-label', {
+            'form-label--light': this.props.style === 'light',
+        });
+        return (React.createElement("label", { htmlFor: this.props.forId, className: classes }, this.props.text));
+    };
+    return FormLabel;
+}(React.PureComponent));
+exports.FormLabel = FormLabel;

package/react/components/Form/FormRow.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface IProps {
+    children: React.ReactNode;
+    flex?: boolean;
+    noPadding?: boolean;
+    smallPadding?: boolean;
+    sPadding?: boolean;
+    lPadding?: boolean;
+    xlPadding?: boolean;
+    inner?: boolean;
+    bordered?: boolean;
+    flexNew?: boolean;
+}
+export declare class FormRow extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/react/components/Form/FormRow.js

@@ -0,0 +1,64 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormRow = void 0;
+var React = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var FormRow = /** @class */ (function (_super) {
+    __extends(FormRow, _super);
+    function FormRow() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormRow.prototype.render = function () {
+        var classes = (0, classnames_1.default)('form__row', {
+            'form__row--flex': this.props.flex,
+            'form__row--no-padding': this.props.noPadding,
+            'form__row--small-padding': this.props.smallPadding,
+            'form__row--s-padding': this.props.sPadding,
+            'form__row--l-padding': this.props.lPadding,
+            'form__row--xl-padding': this.props.xlPadding,
+            'form__row--innder': this.props.inner,
+            'form__row--bordered': this.props.bordered,
+            'form__row--flex-NEW': this.props.flexNew,
+        });
+        return (React.createElement("div", { className: classes }, this.props.children));
+    };
+    return FormRow;
+}(React.PureComponent));
+exports.FormRow = FormRow;

package/react/components/Form/FormText.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface IProps {
+    children?: React.ReactNode;
+}
+export declare class FormText extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/react/components/Form/FormText.js

@@ -0,0 +1,49 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormText = void 0;
+var React = __importStar(require("react"));
+var FormText = /** @class */ (function (_super) {
+    __extends(FormText, _super);
+    function FormText() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FormText.prototype.render = function () {
+        return (React.createElement("div", { className: "form__text-block" }, this.props.children));
+    };
+    return FormText;
+}(React.PureComponent));
+exports.FormText = FormText;

package/react/components/Form/index.d.ts

@@ -0,0 +1,5 @@
+export { FormRow } from './FormRow';
+export { FormGroup } from './FormGroup';
+export { FormItem } from './FormItem';
+export { FormText } from './FormText';
+export { FormLabel } from './FormLabel';

package/react/components/Form/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormLabel = exports.FormText = exports.FormItem = exports.FormGroup = exports.FormRow = void 0;
+var FormRow_1 = require("./FormRow");
+Object.defineProperty(exports, "FormRow", { enumerable: true, get: function () { return FormRow_1.FormRow; } });
+var FormGroup_1 = require("./FormGroup");
+Object.defineProperty(exports, "FormGroup", { enumerable: true, get: function () { return FormGroup_1.FormGroup; } });
+var FormItem_1 = require("./FormItem");
+Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
+var FormText_1 = require("./FormText");
+Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
+var FormLabel_1 = require("./FormLabel");
+Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });

package/react/components/FormLabel.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,7 +29,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -44,7 +46,7 @@ var FormLabel = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     FormLabel.prototype.render = function () {
-        var classes = classnames_1.default('form-label form-label--block', {
+        var classes = (0, classnames_1.default)('form-label form-label--block', {
             'form-label--light': this.props.style === 'light',
         });
         return (React.createElement("div", { className: classes }, this.props.text));