@spaziodati/atoka-design-system 2.1.6 → 2.1.7

package/EllipsableContent/index.js

@@ -1,786 +1 @@
-(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/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"), require("react-bootstrap/OverlayTrigger"));
-	else if(typeof define === 'function' && define.amd)
-		define("atoka-design-system", ["@fortawesome/react-fontawesome", "classnames", "react", "react-bootstrap/Form", "react-bootstrap/FormControl", "react-bootstrap/FormText", "react-bootstrap/OverlayTrigger"], factory);
-	else if(typeof exports === 'object')
-		exports["atoka-design-system"] = factory(require("@fortawesome/react-fontawesome"), require("classnames"), require("react"), require("react-bootstrap/Form"), require("react-bootstrap/FormControl"), require("react-bootstrap/FormText"), require("react-bootstrap/OverlayTrigger"));
-	else
-		root["atoka-design-system"] = factory(root["@fortawesome/react-fontawesome"], root["classnames"], root["react"], root["react-bootstrap/Form"], root["react-bootstrap/FormControl"], root["react-bootstrap/FormText"], root["react-bootstrap/OverlayTrigger"]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__5692__, __WEBPACK_EXTERNAL_MODULE__8310__, __WEBPACK_EXTERNAL_MODULE__8156__, __WEBPACK_EXTERNAL_MODULE__8721__, __WEBPACK_EXTERNAL_MODULE__1082__, __WEBPACK_EXTERNAL_MODULE__8763__, __WEBPACK_EXTERNAL_MODULE__6043__) {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 9629:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "EllipsableContent": () => (/* reexport */ EllipsableContent)
-});
-
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: ./src/components/Tooltip/index.ts + 1 modules
-var Tooltip = __webpack_require__(4603);
-// EXTERNAL MODULE: ./src/components/Utils/Utils.tsx
-var Utils = __webpack_require__(4915);
-;// CONCATENATED MODULE: ./src/components/EllipsableContent/EllipsableContent.tsx
-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 (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 __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-
-
-
-
-var Prepend = function (props) { return (external_react_default().createElement("div", { className: 'ellipsable-content-prepend' }, props.children)); };
-Prepend.displayName = 'EllipsableContent.Prepend';
-var Append = function (props) { return (external_react_default().createElement("div", { className: 'ellipsable-content-append' }, props.children)); };
-Append.displayName = 'EllipsableContent.Append';
-var Content = function (props) {
-    var contentElement = external_react_default().createElement("div", { className: 'ellipsable-content-content' }, props.children);
-    if (props.tooltip == null) {
-        return contentElement;
-    }
-    return (external_react_default().createElement(Tooltip.Tooltip, __assign({}, props.tooltipProps, { content: props.tooltip }), contentElement));
-};
-Content.displayName = 'EllipsableContent.Content';
-var EllipsableContent = /** @class */ (function (_super) {
-    __extends(EllipsableContent, _super);
-    function EllipsableContent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    EllipsableContent.prototype.renderFullContent = function () {
-        var prependElement = (0,Utils/* findChildByComponent */.z8)(this.props.children, EllipsableContent.Prepend), contentElement = (0,Utils/* findChildByComponent */.z8)(this.props.children, EllipsableContent.Content), appendElement = (0,Utils/* findChildByComponent */.z8)(this.props.children, EllipsableContent.Append);
-        if (contentElement == null && (prependElement != null || appendElement != null)) {
-            console.error('You must set a .Content alongside the .Append or .Prepend');
-            return null;
-        }
-        if (contentElement == null) {
-            contentElement = external_react_default().createElement(EllipsableContent.Content, null, this.props.children);
-        }
-        if (this.props.tooltip != null) {
-            contentElement = (external_react_default().createElement(contentElement.type, __assign({}, contentElement.props, { tooltip: this.props.tooltip, tooltipProps: this.props.tooltipProps })));
-        }
-        return (external_react_default().createElement((external_react_default()).Fragment, null,
-            prependElement,
-            contentElement,
-            appendElement));
-    };
-    EllipsableContent.prototype.render = function () {
-        var className = external_classnames_default()('ellipsable-content-container', this.props.className, {
-            'ellipsable-with-tooltip': this.props.tooltip != null,
-        }), fullContent = this.renderFullContent();
-        if (fullContent == null) {
-            return null;
-        }
-        return (external_react_default().createElement("div", { className: className, style: this.props.style }, fullContent));
-    };
-    EllipsableContent.displayName = 'EllipsableContent';
-    EllipsableContent.Prepend = Prepend;
-    EllipsableContent.Append = Append;
-    EllipsableContent.Content = Content;
-    return EllipsableContent;
-}((external_react_default()).PureComponent));
-
-
-;// CONCATENATED MODULE: ./src/components/EllipsableContent/index.ts
-
-
-
-/***/ }),
-
-/***/ 8352:
-/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
-
-
-// UNUSED EXPORTS: Form
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react-bootstrap/Form"
-var Form_ = __webpack_require__(8721);
-var Form_default = /*#__PURE__*/__webpack_require__.n(Form_);
-;// CONCATENATED MODULE: ./src/components/Form/FormLabel.tsx
-
-
-
-
-var FormLabel = external_react_default().memo(function (props) {
-    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form-label');
-    return external_react_default().createElement((Form_default()).Label, { className: className }, props.children);
-});
-FormLabel.displayName = 'FormLabel';
-
-// EXTERNAL MODULE: ./src/components/Form/FormControl.tsx + 1 modules
-var FormControl = __webpack_require__(2048);
-;// CONCATENATED MODULE: ./src/components/Form/FormCheckbox.tsx
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-
-
-
-var FormCheckbox = function (props) {
-    var _a;
-    var className = external_classnames_default()('atoka-form-checkbox', props === null || props === void 0 ? void 0 : props.className);
-    return external_react_default().createElement((Form_default()).Check, __assign({ type: 'checkbox' }, props, { custom: true, className: className, label: (_a = props.label) !== null && _a !== void 0 ? _a : '' }));
-};
-FormCheckbox.displayName = 'FormCheckbox';
-
-;// CONCATENATED MODULE: ./src/components/Form/FormRadio.tsx
-var FormRadio_assign = (undefined && undefined.__assign) || function () {
-    FormRadio_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return FormRadio_assign.apply(this, arguments);
-};
-
-
-
-
-var FormRadio = function (props) {
-    var _a;
-    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form-radio');
-    return external_react_default().createElement((Form_default()).Check, FormRadio_assign({ type: 'radio' }, props, { custom: true, className: className, label: (_a = props.label) !== null && _a !== void 0 ? _a : '' }));
-};
-FormRadio.displayName = 'FormRadio';
-
-// EXTERNAL MODULE: external "react-bootstrap/FormText"
-var FormText_ = __webpack_require__(8763);
-var FormText_default = /*#__PURE__*/__webpack_require__.n(FormText_);
-;// CONCATENATED MODULE: ./src/components/Form/FormHelp.tsx
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-
-var FormHelp = external_react_default().memo(function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var className = external_classnames_default()('d-block', props === null || props === void 0 ? void 0 : props.className);
-    return (external_react_default().createElement((FormText_default()), { bsPrefix: 'atoka-form-help', className: className }, children));
-});
-FormHelp.displayName = 'FormHelp';
-
-;// CONCATENATED MODULE: ./src/components/Form/Form.tsx
-var Form_assign = (undefined && undefined.__assign) || function () {
-    Form_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return Form_assign.apply(this, arguments);
-};
-
-
-
-
-
-
-
-
-
-var Form = function (props) {
-    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form');
-    return (external_react_default().createElement((Form_default()), Form_assign({}, props, { className: className }), props.children));
-};
-Form.displayName = 'Form';
-Form.Control = FormControl/* FormControl */.N;
-Form.Label = FormLabel;
-Form.Checkbox = FormCheckbox;
-Form.Radio = FormRadio;
-Form.File = (Form_default()).File;
-Form.Switch = (Form_default()).Switch;
-Form.Help = FormHelp;
-Form.Group = (Form_default()).Group;
-
-
-
-/***/ }),
-
-/***/ 2048:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "N": () => (/* binding */ FormControl)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react-bootstrap/FormControl"
-var FormControl_ = __webpack_require__(1082);
-var FormControl_default = /*#__PURE__*/__webpack_require__.n(FormControl_);
-;// CONCATENATED MODULE: ./src/components/Form/FormControlFeedBack.tsx
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-var FormControlFeedBack = external_react_default().memo(function (_a) {
-    var _b = _a.show, show = _b === void 0 ? true : _b, props = __rest(_a, ["show"]);
-    var className = external_classnames_default()(props === null || props === void 0 ? void 0 : props.className, 'atoka-form-control-feedback', {
-        'd-block': show,
-    });
-    return (external_react_default().createElement((FormControl_default()).Feedback, { type: props.type, className: className }, props.children));
-});
-FormControlFeedBack.displayName = ' FormControlFeedBack';
-
-;// CONCATENATED MODULE: ./src/components/Form/FormControl.tsx
-var FormControl_rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-
-
-var FormControlComponent = external_react_default().forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 'md' : _b, props = FormControl_rest(_a, ["size"]);
-    var className = external_classnames_default()('atoka-form-control', props === null || props === void 0 ? void 0 : props.className, {
-        'atoka-shadow': props.withShadow,
-        'disabled': props.disabled,
-    });
-    return (external_react_default().createElement((FormControl_default()), { as: props.as, rows: props.rows, cols: props.cols, placeholder: props.placeholder, className: className, disabled: props.disabled, readOnly: props.readOnly, value: props.value, onChange: props.onChange, onKeyPress: props.onKeyPress, onKeyDown: props.onKeyDown, defaultValue: props.defaultValue, size: size === 'md' ? undefined : size, type: props.type, id: props.id, isValid: props.isValid, isInvalid: props.isInvalid, ref: ref, autoComplete: 'off' }, props.children));
-});
-FormControlComponent.displayName = 'FormControlComponent';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-var FormControl = FormControlComponent;
-FormControl.FeedBack = FormControlFeedBack;
-FormControl.displayName = 'FormControl';
-
-
-
-/***/ }),
-
-/***/ 4603:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Tooltip": () => (/* reexport */ Tooltip)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(8156);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(8310);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react-bootstrap/OverlayTrigger"
-var OverlayTrigger_ = __webpack_require__(6043);
-var OverlayTrigger_default = /*#__PURE__*/__webpack_require__.n(OverlayTrigger_);
-;// CONCATENATED MODULE: ./src/components/Tooltip/Tooltip.tsx
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-
-/**
- * ### Overview
- *
- * A tooltip is a short message which is triggered when the users hovers or clicks on a specific element inside the interface.
- *
- * ### Best practices
- * - Don’t use a tooltip when the information you want to place inside it is vital for the user to complete the task
- * - The text inside the tooltip should be brief but helpful
- * - Use tooltips to describe the action of icon-only buttons
- * - Make sure that the tooltip’s placement doesn’t hide its related content behind it
- */
-var Tooltip = external_react_default().memo(function (props) {
-    var _a;
-    var bs4v3Wrapper = document.querySelector('.bs4-v3-external-container'), placement = (_a = props.placement) !== null && _a !== void 0 ? _a : 'top', classNames = external_classnames_default()('tooltip atoka-tooltip', props.className, {
-        'top bs-tooltip-top': placement.indexOf('top') === 0,
-        'right bs-tooltip-right': placement.indexOf('right') === 0,
-        'bottom bs-tooltip-bottom': placement.indexOf('bottom') === 0,
-        'left bs-tooltip-left': placement.indexOf('left') === 0,
-    });
-    var content = props.content, overlayProps = __rest(props, ["content"]), renderTooltip = function (_a) {
-        var arrowProps = _a.arrowProps, tooltipProps = __rest(_a, ["arrowProps"]);
-        // {vrut} do not pass show to the component, this will raise an error, see PANDA-439
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        var show = tooltipProps.show, rest = __rest(tooltipProps, ["show"]), component = (external_react_default().createElement("div", __assign({}, rest, { className: classNames, role: 'tooltip' }),
-            external_react_default().createElement("div", { className: 'tooltip-inner' },
-                external_react_default().createElement("div", __assign({ className: 'arrow arrow-back' }, arrowProps)),
-                content,
-                external_react_default().createElement("div", __assign({ className: 'arrow arrow-front' }, arrowProps)))));
-        return component;
-    };
-    return (external_react_default().createElement((OverlayTrigger_default()), __assign({}, overlayProps, { container: bs4v3Wrapper, overlay: renderTooltip }), props.children));
-});
-Tooltip.displayName = 'Tooltip';
-
-;// CONCATENATED MODULE: ./src/components/Tooltip/index.ts
-
-
-
-/***/ }),
-
-/***/ 4915:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "z8": () => (/* binding */ findChildByComponent)
-/* harmony export */ });
-/* unused harmony exports findChildrenByComponent, hasChildIconOrCheckboxComponent, scrollToTop, zip, sortObjDesc, clone, getDebouncer, deepEqual, rgbToHex */
-/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5692);
-/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8156);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _Form_Form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8352);
-var __read = (undefined && undefined.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-
-
-
-function findChildrenByComponent(children, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-component) {
-    var ret = [];
-    react__WEBPACK_IMPORTED_MODULE_1___default().Children.forEach(children, function (element) {
-        if ((element === null || element === void 0 ? void 0 : element.type) === component) {
-            ret.push(element);
-        }
-    });
-    return ret;
-}
-function findChildByComponent(children, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-component) {
-    var _a, _b;
-    return (_b = (_a = findChildrenByComponent(children, component)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null;
-}
-function hasChildIconOrCheckboxComponent(children) {
-    var ret = false;
-    React.Children.forEach(children, function (element) {
-        if ((element === null || element === void 0 ? void 0 : element.type) != null &&
-            ((element === null || element === void 0 ? void 0 : element.type) === FontAwesomeIcon || (element === null || element === void 0 ? void 0 : element.type) === 'i' || (element === null || element === void 0 ? void 0 : element.type) === Form.Checkbox)) {
-            ret = true;
-            return;
-        }
-    });
-    return ret;
-}
-function scrollToTop() {
-    window.scrollTo(0, 0);
-}
-function zip(arr1, arr2) {
-    var ret = [];
-    var i = 0;
-    while (arr1[i]) {
-        ret.push(arr1[i]);
-        ret.push(arr2[i++]);
-    }
-    return ret;
-}
-// eslint-disable-next-line @typescript-eslint/ban-types
-function sortObjDesc(accessor) {
-    return function (a, b) {
-        var leftVal = 0, rightVal = 0;
-        if ((a === null || a === void 0 ? void 0 : a[accessor]) != null) {
-            leftVal = a === null || a === void 0 ? void 0 : a[accessor];
-        }
-        if ((b === null || b === void 0 ? void 0 : b[accessor]) != null) {
-            rightVal = b === null || b === void 0 ? void 0 : b[accessor];
-        }
-        return leftVal > rightVal ? -1 : 1;
-    };
-}
-function clone(ob) {
-    return JSON.parse(JSON.stringify(ob));
-}
-function getDebouncer(delay) {
-    if (delay === void 0) { delay = 1; }
-    var debounceTimeout = null;
-    return function debounce(f) {
-        if (debounceTimeout !== null) {
-            clearTimeout(debounceTimeout);
-        }
-        debounceTimeout = window.setTimeout(f, delay);
-    };
-}
-function isObject(obj) {
-    return typeof obj === 'object' && obj != null;
-}
-function deepEqual(obj1, obj2) {
-    if (obj1 === obj2) {
-        return true;
-    }
-    if (isObject(obj1) && isObject(obj2)) {
-        if (Object.keys(obj1).length !== Object.keys(obj2).length) {
-            return false;
-        }
-        for (var prop in obj1) {
-            if (!deepEqual(obj1[prop], obj2[prop])) {
-                return false;
-            }
-        }
-        return true;
-    }
-    return false;
-}
-function componentToHex(c) {
-    if (isNaN(c)) {
-        throw Error('The color has not been written correctly');
-    }
-    var hex = c.toString(16).toUpperCase();
-    return hex.length === 1 ? '0' + hex : hex;
-}
-function cleanSingleColor(c) {
-    return c.replace(/"|'/g, '').trim();
-}
-function rgbToHex(rgb) {
-    if (rgb.includes('rgba')) {
-        throw Error('not implemented');
-    }
-    var _a = __read(rgb
-        .replace('rgb', '')
-        .replace(/\(|\)/gi, '')
-        .split(',')
-        .map(function (c) { return parseInt(cleanSingleColor(c), 10); }), 3), _b = _a[0], r = _b === void 0 ? 0 : _b, _c = _a[1], g = _c === void 0 ? 0 : _c, _d = _a[2], b = _d === void 0 ? 0 : _d;
-    return '#' + componentToHex(r) + componentToHex(g) + componentToHex(b);
-}
-
-
-/***/ }),
-
-/***/ 5692:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__5692__;
-
-/***/ }),
-
-/***/ 8310:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8310__;
-
-/***/ }),
-
-/***/ 8156:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8156__;
-
-/***/ }),
-
-/***/ 8721:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8721__;
-
-/***/ }),
-
-/***/ 1082:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__1082__;
-
-/***/ }),
-
-/***/ 8763:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__8763__;
-
-/***/ }),
-
-/***/ 6043:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__6043__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// 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 = {
-/******/ 			3099: 0,
-/******/ 			2823: 0,
-/******/ 			5785: 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, [5785], () => (__webpack_require__(9629)))
-/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=index.js.map
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger")):"function"==typeof define&&define.amd?define("atoka-design-system",["@fortawesome/react-fontawesome","classnames","react","react-bootstrap/Form","react-bootstrap/FormControl","react-bootstrap/FormText","react-bootstrap/OverlayTrigger"],t):"object"==typeof exports?exports["atoka-design-system"]=t(require("@fortawesome/react-fontawesome"),require("classnames"),require("react"),require("react-bootstrap/Form"),require("react-bootstrap/FormControl"),require("react-bootstrap/FormText"),require("react-bootstrap/OverlayTrigger")):e["atoka-design-system"]=t(e["@fortawesome/react-fontawesome"],e.classnames,e.react,e["react-bootstrap/Form"],e["react-bootstrap/FormControl"],e["react-bootstrap/FormText"],e["react-bootstrap/OverlayTrigger"])}(self,(function(e,t,r,o,n,a,l){return(()=>{"use strict";var i,s={9629:(e,t,r)=>{r.r(t),r.d(t,{EllipsableContent:()=>y});var o,n=r(8310),a=r.n(n),l=r(8156),i=r.n(l),s=r(4603),p=r(4915),c=(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),u=function(){return u=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},u.apply(this,arguments)},d=function(e){return i().createElement("div",{className:"ellipsable-content-prepend"},e.children)};d.displayName="EllipsableContent.Prepend";var f=function(e){return i().createElement("div",{className:"ellipsable-content-append"},e.children)};f.displayName="EllipsableContent.Append";var m=function(e){var t=i().createElement("div",{className:"ellipsable-content-content"},e.children);return null==e.tooltip?t:i().createElement(s.Tooltip,u({},e.tooltipProps,{content:e.tooltip}),t)};m.displayName="EllipsableContent.Content";var y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.prototype.renderFullContent=function(){var e=(0,p.z8)(this.props.children,t.Prepend),r=(0,p.z8)(this.props.children,t.Content),o=(0,p.z8)(this.props.children,t.Append);return null!=r||null==e&&null==o?(null==r&&(r=i().createElement(t.Content,null,this.props.children)),null!=this.props.tooltip&&(r=i().createElement(r.type,u({},r.props,{tooltip:this.props.tooltip,tooltipProps:this.props.tooltipProps}))),i().createElement(i().Fragment,null,e,r,o)):(console.error("You must set a .Content alongside the .Append or .Prepend"),null)},t.prototype.render=function(){var e=a()("ellipsable-content-container",this.props.className,{"ellipsable-with-tooltip":null!=this.props.tooltip}),t=this.renderFullContent();return null==t?null:i().createElement("div",{className:e,style:this.props.style},t)},t.displayName="EllipsableContent",t.Prepend=d,t.Append=f,t.Content=m,t}(i().PureComponent)},8352:(e,t,r)=>{var o=r(8156),n=r.n(o),a=r(8310),l=r.n(a),i=r(8721),s=r.n(i),p=n().memo((function(e){var t=l()(null==e?void 0:e.className,"atoka-form-label");return n().createElement(s().Label,{className:t},e.children)}));p.displayName="FormLabel";var c=r(2048),u=function(){return u=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},u.apply(this,arguments)},d=function(e){var t,r=l()("atoka-form-checkbox",null==e?void 0:e.className);return n().createElement(s().Check,u({type:"checkbox"},e,{custom:!0,className:r,label:null!==(t=e.label)&&void 0!==t?t:""}))};d.displayName="FormCheckbox";var f=function(){return f=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},f.apply(this,arguments)},m=function(e){var t,r=l()(null==e?void 0:e.className,"atoka-form-radio");return n().createElement(s().Check,f({type:"radio"},e,{custom:!0,className:r,label:null!==(t=e.label)&&void 0!==t?t:""}))};m.displayName="FormRadio";var y=r(8763),b=r.n(y),v=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},h=n().memo((function(e){var t=e.children,r=v(e,["children"]),o=l()("d-block",null==r?void 0:r.className);return n().createElement(b(),{bsPrefix:"atoka-form-help",className:o},t)}));h.displayName="FormHelp";var O=function(){return O=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},O.apply(this,arguments)},w=function(e){var t=l()(null==e?void 0:e.className,"atoka-form");return n().createElement(s(),O({},e,{className:t}),e.children)};w.displayName="Form",w.Control=c.N,w.Label=p,w.Checkbox=d,w.Radio=m,w.File=s().File,w.Switch=s().Switch,w.Help=h,w.Group=s().Group},2048:(e,t,r)=>{r.d(t,{N:()=>f});var o=r(8156),n=r.n(o),a=r(8310),l=r.n(a),i=r(1082),s=r.n(i),p=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},c=n().memo((function(e){var t=e.show,r=void 0===t||t,o=p(e,["show"]),a=l()(null==o?void 0:o.className,"atoka-form-control-feedback",{"d-block":r});return n().createElement(s().Feedback,{type:o.type,className:a},o.children)}));c.displayName=" FormControlFeedBack";var u=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},d=n().forwardRef((function(e,t){var r=e.size,o=void 0===r?"md":r,a=u(e,["size"]),i=l()("atoka-form-control",null==a?void 0:a.className,{"atoka-shadow":a.withShadow,disabled:a.disabled});return n().createElement(s(),{as:a.as,rows:a.rows,cols:a.cols,placeholder:a.placeholder,className:i,disabled:a.disabled,readOnly:a.readOnly,value:a.value,onChange:a.onChange,onKeyPress:a.onKeyPress,onKeyDown:a.onKeyDown,defaultValue:a.defaultValue,size:"md"===o?void 0:o,type:a.type,id:a.id,isValid:a.isValid,isInvalid:a.isInvalid,ref:t,autoComplete:"off"},a.children)}));d.displayName="FormControlComponent";var f=d;f.FeedBack=c,f.displayName="FormControl"},4603:(e,t,r)=>{r.d(t,{Tooltip:()=>u});var o=r(8156),n=r.n(o),a=r(8310),l=r.n(a),i=r(6043),s=r.n(i),p=function(){return p=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},p.apply(this,arguments)},c=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},u=n().memo((function(e){var t,r=document.querySelector(".bs4-v3-external-container"),o=null!==(t=e.placement)&&void 0!==t?t:"top",a=l()("tooltip atoka-tooltip",e.className,{"top bs-tooltip-top":0===o.indexOf("top"),"right bs-tooltip-right":0===o.indexOf("right"),"bottom bs-tooltip-bottom":0===o.indexOf("bottom"),"left bs-tooltip-left":0===o.indexOf("left")}),i=e.content,u=c(e,["content"]);return n().createElement(s(),p({},u,{container:r,overlay:function(e){var t=e.arrowProps,r=c(e,["arrowProps"]),o=(r.show,c(r,["show"]));return n().createElement("div",p({},o,{className:a,role:"tooltip"}),n().createElement("div",{className:"tooltip-inner"},n().createElement("div",p({className:"arrow arrow-back"},t)),i,n().createElement("div",p({className:"arrow arrow-front"},t))))}}),e.children)}));u.displayName="Tooltip"},4915:(e,t,r)=>{r.d(t,{z8:()=>a});r(5692);var o=r(8156),n=r.n(o);r(8352);function a(e,t){var r,o;return null!==(o=null===(r=function(e,t){var r=[];return n().Children.forEach(e,(function(e){(null==e?void 0:e.type)===t&&r.push(e)})),r}(e,t))||void 0===r?void 0:r[0])&&void 0!==o?o:null}},5692:t=>{t.exports=e},8310:e=>{e.exports=t},8156:e=>{e.exports=r},8721:e=>{e.exports=o},1082:e=>{e.exports=n},8763:e=>{e.exports=a},6043:e=>{e.exports=l}},p={};function c(e){var t=p[e];if(void 0!==t)return t.exports;var r=p[e]={exports:{}};return s[e](r,r.exports,c),r.exports}c.m=s,i=[],c.O=(e,t,r,o)=>{if(!t){var n=1/0;for(p=0;p<i.length;p++){for(var[t,r,o]=i[p],a=!0,l=0;l<t.length;l++)(!1&o||n>=o)&&Object.keys(c.O).every((e=>c.O[e](t[l])))?t.splice(l--,1):(a=!1,o<n&&(n=o));if(a){i.splice(p--,1);var s=r();void 0!==s&&(e=s)}}return e}o=o||0;for(var p=i.length;p>0&&i[p-1][2]>o;p--)i[p]=i[p-1];i[p]=[t,r,o]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3099:0,2823:0,8699:0};c.O.j=t=>0===e[t];var t=(t,r)=>{var o,n,[a,l,i]=r,s=0;if(a.some((t=>0!==e[t]))){for(o in l)c.o(l,o)&&(c.m[o]=l[o]);if(i)var p=i(c)}for(t&&t(r);s<a.length;s++)n=a[s],c.o(e,n)&&e[n]&&e[n][0](),e[a[s]]=0;return c.O(p)},r=self.webpackChunkatoka_design_system=self.webpackChunkatoka_design_system||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var u=c.O(void 0,[8699],(()=>c(9629)));return u=c.O(u)})()}));