@spaziodati/atoka-design-system 2.0.72-beta

package/Button/Button.d.ts

@@ -0,0 +1,29 @@
+import React, { SyntheticEvent } from 'react';
+import './Button.less';
+import { IconDefinition } from '@fortawesome/pro-light-svg-icons';
+import { PropsWithClassName } from '../Utils';
+declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'tertiary-danger' | 'danger' | 'primary-orange' | 'primary-white' | 'primary-danger';
+declare type ButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+interface ButtonProps extends PropsWithClassName {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    icon?: IconDefinition;
+    iconLeft?: IconDefinition;
+    iconRight?: IconDefinition;
+    disabled: boolean;
+    block: boolean;
+    onClick?: (e?: SyntheticEvent) => void;
+    href?: string;
+    target?: string;
+}
+declare class Button extends React.PureComponent<ButtonProps> {
+    static displayName: string;
+    static defaultProps: Partial<ButtonProps>;
+    private renderIcon;
+    private renderChildren;
+    private renderLeftSide;
+    private renderRightSide;
+    private renderContent;
+    render(): React.ReactNode;
+}
+export { Button, ButtonVariant, ButtonSize, ButtonProps };

package/Button/Button.storiesConfig.d.ts

@@ -0,0 +1,68 @@
+import React from 'react';
+import { Button } from './Button';
+export declare const config: {
+    component: typeof Button;
+    title: string;
+    decorators: ((storyFn: () => React.ReactNode) => React.ReactNode)[];
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+    argTypes: {
+        onClick: {
+            action: string;
+            table: {
+                category: string;
+            };
+        };
+        icon: {
+            control: {
+                disable: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        iconLeft: {
+            control: {
+                disable: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        iconRight: {
+            control: {
+                disable: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        href: {
+            control: {
+                disable: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        target: {
+            control: {
+                disable: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        className: {
+            control: {
+                disable: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+    };
+};

package/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/Button/index.js

@@ -0,0 +1,323 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Button"));
+	else if(typeof define === 'function' && define.amd)
+		define("atoka-design-system", ["@fortawesome/react-fontawesome", "classnames", "react", "react-bootstrap/Button"], factory);
+	else if(typeof exports === 'object')
+		exports["atoka-design-system"] = factory(require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Button"));
+	else
+		root["atoka-design-system"] = factory(root["@fortawesome/react-fontawesome"], root["classnames"], root["react"], root["react-bootstrap/Button"]);
+})(self, function(__WEBPACK_EXTERNAL_MODULE__5692__, __WEBPACK_EXTERNAL_MODULE__8310__, __WEBPACK_EXTERNAL_MODULE__8156__, __WEBPACK_EXTERNAL_MODULE__8926__) {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 1710:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "z": () => (/* binding */ Button)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8156);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8310);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8926);
+/* harmony import */ var react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5692);
+/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__);
+var __extends = (undefined && undefined.__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]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+
+var Button = /** @class */ (function (_super) {
+    __extends(Button, _super);
+    function Button() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Button.prototype.renderIcon = function () {
+        if (this.props.icon == null) {
+            return null;
+        }
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, { icon: this.props.icon });
+    };
+    Button.prototype.renderChildren = function () {
+        if (this.props.children == null) {
+            return null;
+        }
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: 'btn-children' }, this.props.children);
+    };
+    Button.prototype.renderLeftSide = function () {
+        if (this.props.iconLeft == null) {
+            if (this.props.iconRight == null) {
+                return null;
+            }
+            return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, { icon: this.props.iconRight, className: 'invisible' });
+        }
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, { icon: this.props.iconLeft });
+    };
+    Button.prototype.renderRightSide = function () {
+        if (this.props.iconRight == null) {
+            if (this.props.iconLeft == null) {
+                return null;
+            }
+            return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, { icon: this.props.iconLeft, className: 'invisible' });
+        }
+        return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, { icon: this.props.iconRight });
+    };
+    Button.prototype.renderContent = function () {
+        if (this.props.icon != null && this.props.children == null) {
+            return this.renderIcon();
+        }
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: 'button-content-center-container' },
+            this.renderIcon(),
+            this.renderChildren()));
+    };
+    Button.prototype.render = function () {
+        var className = classnames__WEBPACK_IMPORTED_MODULE_1___default()('atoka-btn', "btn-" + this.props.size, this.props.className, {
+            'btn-icon-only': this.props.icon != null && this.props.children == null,
+        });
+        return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react_bootstrap_Button__WEBPACK_IMPORTED_MODULE_2___default()), { className: className, variant: this.props.variant, disabled: this.props.disabled, block: this.props.block, onClick: this.props.onClick, href: this.props.href, target: this.props.target },
+            this.renderLeftSide(),
+            this.renderContent(),
+            this.renderRightSide()));
+    };
+    Button.displayName = 'Button';
+    Button.defaultProps = {
+        variant: 'primary',
+        size: 'md',
+        disabled: false,
+        block: false,
+    };
+    return Button;
+}((react__WEBPACK_IMPORTED_MODULE_0___default().PureComponent)));
+
+
+
+/***/ }),
+
+/***/ 125:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Button": () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.z)
+/* harmony export */ });
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1710);
+// use the star because of this issue: https://github.com/babel/babel-loader/issues/603
+
+
+
+/***/ }),
+
+/***/ 5692:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;
+
+/***/ }),
+
+/***/ 8310:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8310__;
+
+/***/ }),
+
+/***/ 8156:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8156__;
+
+/***/ }),
+
+/***/ 8926:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8926__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = __webpack_modules__;
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/chunk loaded */
+/******/ 	(() => {
+/******/ 		var deferred = [];
+/******/ 		__webpack_require__.O = (result, chunkIds, fn, priority) => {
+/******/ 			if(chunkIds) {
+/******/ 				priority = priority || 0;
+/******/ 				for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
+/******/ 				deferred[i] = [chunkIds, fn, priority];
+/******/ 				return;
+/******/ 			}
+/******/ 			var notFulfilled = Infinity;
+/******/ 			for (var i = 0; i < deferred.length; i++) {
+/******/ 				var [chunkIds, fn, priority] = deferred[i];
+/******/ 				var fulfilled = true;
+/******/ 				for (var j = 0; j < chunkIds.length; j++) {
+/******/ 					if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
+/******/ 						chunkIds.splice(j--, 1);
+/******/ 					} else {
+/******/ 						fulfilled = false;
+/******/ 						if(priority < notFulfilled) notFulfilled = priority;
+/******/ 					}
+/******/ 				}
+/******/ 				if(fulfilled) {
+/******/ 					deferred.splice(i--, 1)
+/******/ 					var r = fn();
+/******/ 					if (r !== undefined) result = r;
+/******/ 				}
+/******/ 			}
+/******/ 			return result;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/jsonp chunk loading */
+/******/ 	(() => {
+/******/ 		// no baseURI
+/******/ 		
+/******/ 		// object to store loaded and loading chunks
+/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
+/******/ 		var installedChunks = {
+/******/ 			6615: 0,
+/******/ 			1981: 0
+/******/ 		};
+/******/ 		
+/******/ 		// no chunk on demand loading
+/******/ 		
+/******/ 		// no prefetching
+/******/ 		
+/******/ 		// no preloaded
+/******/ 		
+/******/ 		// no HMR
+/******/ 		
+/******/ 		// no HMR manifest
+/******/ 		
+/******/ 		__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
+/******/ 		
+/******/ 		// install a JSONP callback for chunk loading
+/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
+/******/ 			var [chunkIds, moreModules, runtime] = data;
+/******/ 			// add "moreModules" to the modules object,
+/******/ 			// then flag all "chunkIds" as loaded and fire callback
+/******/ 			var moduleId, chunkId, i = 0;
+/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
+/******/ 				for(moduleId in moreModules) {
+/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
+/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
+/******/ 					}
+/******/ 				}
+/******/ 				if(runtime) var result = runtime(__webpack_require__);
+/******/ 			}
+/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
+/******/ 			for(;i < chunkIds.length; i++) {
+/******/ 				chunkId = chunkIds[i];
+/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 					installedChunks[chunkId][0]();
+/******/ 				}
+/******/ 				installedChunks[chunkIds[i]] = 0;
+/******/ 			}
+/******/ 			return __webpack_require__.O(result);
+/******/ 		}
+/******/ 		
+/******/ 		var chunkLoadingGlobal = self["webpackChunkatoka_design_system"] = self["webpackChunkatoka_design_system"] || [];
+/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
+/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module depends on other loaded chunks and execution need to be delayed
+/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, [1981], () => (__webpack_require__(125)))
+/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
+/******/ 	
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=index.js.map

package/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button/index.js","mappings":"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CA;;UAEA;UACA;UACA;;UAEA;UACA;;;;;WCzBA;WACA;WACA;WACA;WACA,+BAA+B,wCAAwC;WACvE;WACA;WACA;WACA;WACA,iBAAiB,qBAAqB;WACtC;WACA;WACA,kBAAkB,qBAAqB;WACvC;WACA;WACA,KAAK;WACL;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;;;;WC3BA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;;WAEA;;WAEA;;WAEA;;WAEA;;WAEA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,MAAM,qBAAqB;WAC3B;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;;;;;UEjDA;UACA;UACA;UACA;UACA","sources":["webpack://atoka-design-system/webpack/universalModuleDefinition","webpack://atoka-design-system/./src/components/Button/Button.tsx","webpack://atoka-design-system/./src/components/Button/index.ts","webpack://atoka-design-system/external umd \"@fortawesome/react-fontawesome\"","webpack://atoka-design-system/external umd \"classnames\"","webpack://atoka-design-system/external umd \"react\"","webpack://atoka-design-system/external umd \"react-bootstrap/Button\"","webpack://atoka-design-system/webpack/bootstrap","webpack://atoka-design-system/webpack/runtime/chunk loaded","webpack://atoka-design-system/webpack/runtime/compat get default export","webpack://atoka-design-system/webpack/runtime/define property getters","webpack://atoka-design-system/webpack/runtime/hasOwnProperty shorthand","webpack://atoka-design-system/webpack/runtime/make namespace object","webpack://atoka-design-system/webpack/runtime/jsonp chunk loading","webpack://atoka-design-system/webpack/before-startup","webpack://atoka-design-system/webpack/startup","webpack://atoka-design-system/webpack/after-startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"@fortawesome/react-fontawesome\"), require(\"classnames\"), require(\"react\"), require(\"react-bootstrap/Button\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"atoka-design-system\", [\"@fortawesome/react-fontawesome\", \"classnames\", \"react\", \"react-bootstrap/Button\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"atoka-design-system\"] = factory(require(\"@fortawesome/react-fontawesome\"), require(\"classnames\"), require(\"react\"), require(\"react-bootstrap/Button\"));\n\telse\n\t\troot[\"atoka-design-system\"] = factory(root[\"@fortawesome/react-fontawesome\"], root[\"classnames\"], root[\"react\"], root[\"react-bootstrap/Button\"]);\n})(self, function(__WEBPACK_EXTERNAL_MODULE__5692__, __WEBPACK_EXTERNAL_MODULE__8310__, __WEBPACK_EXTERNAL_MODULE__8156__, __WEBPACK_EXTERNAL_MODULE__8926__) {\nreturn ","import React, {SyntheticEvent} from 'react';\nimport classnames from 'classnames';\nimport BsButton from 'react-bootstrap/Button';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\n\nimport './Button.less';\nimport {IconDefinition} from '@fortawesome/pro-light-svg-icons';\nimport {PropsWithClassName} from '../Utils';\n\ntype ButtonVariant =\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'tertiary-danger'\n    | 'danger'\n    | 'primary-orange'\n    | 'primary-white'\n    | 'primary-danger';\ntype ButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';\ninterface ButtonProps extends PropsWithClassName {\n    variant: ButtonVariant;\n    size: ButtonSize;\n\n    icon?: IconDefinition;\n    iconLeft?: IconDefinition;\n    iconRight?: IconDefinition;\n\n    disabled: boolean;\n    block: boolean;\n\n    onClick?: (e?: SyntheticEvent) => void;\n\n    href?: string;\n    target?: string;\n}\n\nclass Button extends React.PureComponent<ButtonProps> {\n    static displayName: string = 'Button';\n\n    public static defaultProps: Partial<ButtonProps> = {\n        variant: 'primary',\n        size: 'md',\n        disabled: false,\n        block: false,\n    };\n\n    private renderIcon(): React.ReactNode {\n        if (this.props.icon == null) {\n            return null;\n        }\n\n        return <FontAwesomeIcon icon={this.props.icon} />;\n    }\n\n    private renderChildren(): React.ReactNode {\n        if (this.props.children == null) {\n            return null;\n        }\n\n        return <span className='btn-children'>{this.props.children}</span>;\n    }\n\n    private renderLeftSide(): React.ReactNode {\n        if (this.props.iconLeft == null) {\n            if (this.props.iconRight == null) {\n                return null;\n            }\n            return <FontAwesomeIcon icon={this.props.iconRight} className='invisible' />;\n        }\n\n        return <FontAwesomeIcon icon={this.props.iconLeft} />;\n    }\n\n    private renderRightSide(): React.ReactNode {\n        if (this.props.iconRight == null) {\n            if (this.props.iconLeft == null) {\n                return null;\n            }\n            return <FontAwesomeIcon icon={this.props.iconLeft} className='invisible' />;\n        }\n\n        return <FontAwesomeIcon icon={this.props.iconRight} />;\n    }\n\n    private renderContent(): React.ReactNode {\n        if (this.props.icon != null && this.props.children == null) {\n            return this.renderIcon();\n        }\n\n        return (\n            <div className='button-content-center-container'>\n                {this.renderIcon()}\n                {this.renderChildren()}\n            </div>\n        );\n    }\n\n    public render(): React.ReactNode {\n        const className: string = classnames('atoka-btn', `btn-${this.props.size}`, this.props.className, {\n            'btn-icon-only': this.props.icon != null && this.props.children == null,\n        });\n\n        return (\n            <BsButton\n                className={className}\n                variant={this.props.variant}\n                disabled={this.props.disabled}\n                block={this.props.block}\n                onClick={this.props.onClick}\n                href={this.props.href}\n                target={this.props.target}\n            >\n                {this.renderLeftSide()}\n                {this.renderContent()}\n                {this.renderRightSide()}\n            </BsButton>\n        );\n    }\n}\n\nexport {Button, ButtonVariant, ButtonSize, ButtonProps};\n","// use the star because of this issue: https://github.com/babel/babel-loader/issues/603\nexport * from './Button';\n","module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;","module.exports = __WEBPACK_EXTERNAL_MODULE__8310__;","module.exports = __WEBPACK_EXTERNAL_MODULE__8156__;","module.exports = __WEBPACK_EXTERNAL_MODULE__8926__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = (result, chunkIds, fn, priority) => {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar [chunkIds, fn, priority] = deferred[i];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t6615: 0,\n\t1981: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkIds[i]] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkatoka_design_system\"] = self[\"webpackChunkatoka_design_system\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [1981], () => (__webpack_require__(125)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n",""],"names":[],"sourceRoot":""}

package/ButtonDropdown/ButtonDropdown.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import './ButtonDropdown.less';
+import { Button } from '../Button';
+import { ButtonProps } from '../Button/Button';
+interface ButtonDropdownState {
+    isButtonDropdownOpen: boolean;
+}
+export interface ButtonDropdownProps extends Omit<ButtonProps, 'onClick' | 'iconRight' | 'block' | 'variant'> {
+    toggleText: React.ReactNode;
+}
+export declare class ButtonDropdown extends React.Component<ButtonDropdownProps, ButtonDropdownState> {
+    static displayName: string;
+    static defaultProps: typeof Button.defaultProps;
+    private wrapperRef;
+    state: ButtonDropdownState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private handleClickOutside;
+    private onToggle;
+    private renderChildren;
+    render(): React.ReactNode;
+}
+export {};

package/ButtonDropdown/index.d.ts

@@ -0,0 +1,2 @@
+import { ButtonDropdown } from './ButtonDropdown';
+export { ButtonDropdown };