@doist/reactist 10.0.0-beta.7 → 11.0.0

package/es/components/icon/index.js

@@ -1,6 +0,0 @@
-import { Icon } from './icon.js';
-
-
-
-export default Icon;
-//# sourceMappingURL=index.js.map

package/es/components/icon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/icons/ThinQuestionMarkIcon.svg.js

@@ -1,24 +0,0 @@
-import React__default from 'react';
-
-var ThinQuestionMark = function ThinQuestionMark() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "18px",
-    height: "18px",
-    viewBox: "0 0 18 18"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    fill: "#979797"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 Z M9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 Z",
-    fillRule: "nonzero"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M5.625,6.671875 L6.9609375,6.671875 C7.046875,5.5546875 7.796875,4.859375 8.9765625,4.859375 C10.140625,4.859375 10.890625,5.5703125 10.890625,6.5390625 C10.890625,7.375 10.5390625,7.8671875 9.6328125,8.421875 C8.5625,9.0625 8.0625,9.765625 8.0703125,10.796875 L8.0703125,11.515625 L9.4375,11.515625 L9.4375,11.0078125 C9.4375,10.1875 9.71875,9.75 10.7109375,9.1640625 C11.7109375,8.5625 12.34375,7.6953125 12.34375,6.46875 C12.34375,4.859375 11,3.640625 9.03125,3.640625 C6.8359375,3.640625 5.7109375,4.984375 5.625,6.671875 Z M8.859375,15.140625 C9.4921875,15.140625 9.9375,14.6875 9.9375,14.0546875 C9.9375,13.4140625 9.4921875,12.9609375 8.859375,12.9609375 C8.2265625,12.9609375 7.7734375,13.4140625 7.7734375,14.0546875 C7.7734375,14.6875 8.2265625,15.140625 8.859375,15.140625 Z"
-  }))));
-};
-
-export default ThinQuestionMark;
-//# sourceMappingURL=ThinQuestionMarkIcon.svg.js.map

package/es/components/icons/ThinQuestionMarkIcon.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThinQuestionMarkIcon.svg.js","sources":["../../../src/components/icons/ThinQuestionMarkIcon.svg.tsx"],"sourcesContent":["import React from 'react'\n\nconst ThinQuestionMark = () => (\n    <svg width=\"18px\" height=\"18px\" viewBox=\"0 0 18 18\">\n        <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n            <g fill=\"#979797\">\n                <path\n                    d=\"M9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 Z M9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 Z\"\n                    fillRule=\"nonzero\"\n                />\n                <path d=\"M5.625,6.671875 L6.9609375,6.671875 C7.046875,5.5546875 7.796875,4.859375 8.9765625,4.859375 C10.140625,4.859375 10.890625,5.5703125 10.890625,6.5390625 C10.890625,7.375 10.5390625,7.8671875 9.6328125,8.421875 C8.5625,9.0625 8.0625,9.765625 8.0703125,10.796875 L8.0703125,11.515625 L9.4375,11.515625 L9.4375,11.0078125 C9.4375,10.1875 9.71875,9.75 10.7109375,9.1640625 C11.7109375,8.5625 12.34375,7.6953125 12.34375,6.46875 C12.34375,4.859375 11,3.640625 9.03125,3.640625 C6.8359375,3.640625 5.7109375,4.984375 5.625,6.671875 Z M8.859375,15.140625 C9.4921875,15.140625 9.9375,14.6875 9.9375,14.0546875 C9.9375,13.4140625 9.4921875,12.9609375 8.859375,12.9609375 C8.2265625,12.9609375 7.7734375,13.4140625 7.7734375,14.0546875 C7.7734375,14.6875 8.2265625,15.140625 8.859375,15.140625 Z\" />\n            </g>\n        </g>\n    </svg>\n)\n\nexport default ThinQuestionMark\n"],"names":["ThinQuestionMark","React","width","height","viewBox","stroke","strokeWidth","fill","fillRule","d"],"mappings":";;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,sBACrBC,4BAAA,MAAA;AAAKC,IAAAA,KAAK,EAAC;AAAOC,IAAAA,MAAM,EAAC;AAAOC,IAAAA,OAAO,EAAC;GAAxC,eACIH,4BAAA,IAAA;AAAGI,IAAAA,MAAM,EAAC;AAAOC,IAAAA,WAAW,EAAC;AAAIC,IAAAA,IAAI,EAAC;AAAOC,IAAAA,QAAQ,EAAC;GAAtD,eACIP,4BAAA,IAAA;AAAGM,IAAAA,IAAI,EAAC;GAAR,eACIN,4BAAA,OAAA;AACIQ,IAAAA,CAAC,EAAC;AACFD,IAAAA,QAAQ,EAAC;GAFb,CADJ,eAKIP,4BAAA,OAAA;AAAMQ,IAAAA,CAAC,EAAC;GAAR,CALJ,CADJ,CADJ,CADqB;AAAA,CAAzB;;;;"}

package/es/components/icons/ThreeDotsIcon.svg.js

@@ -1,40 +0,0 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-
-var ThreeDotsIcon = function ThreeDotsIcon(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? '#A5A5A5' : _ref$color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "26px",
-    height: "26px",
-    viewBox: "0 0 26 26"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("circle", {
-    fill: color,
-    cx: "19",
-    cy: "13",
-    r: "2"
-  }), /*#__PURE__*/React__default.createElement("circle", {
-    fill: color,
-    cx: "13",
-    cy: "13",
-    r: "2"
-  }), /*#__PURE__*/React__default.createElement("circle", {
-    fill: color,
-    cx: "7",
-    cy: "13",
-    r: "2"
-  })));
-};
-
-ThreeDotsIcon.propTypes = {
-  /** Color of the icon. */
-  color: PropTypes.string
-};
-
-export default ThreeDotsIcon;
-//# sourceMappingURL=ThreeDotsIcon.svg.js.map

package/es/components/icons/ThreeDotsIcon.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThreeDotsIcon.svg.js","sources":["../../../src/components/icons/ThreeDotsIcon.svg.tsx"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst ThreeDotsIcon = ({ color = '#A5A5A5' }) => (\n    <svg width=\"26px\" height=\"26px\" viewBox=\"0 0 26 26\">\n        <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n            <circle fill={color} cx=\"19\" cy=\"13\" r=\"2\" />\n            <circle fill={color} cx=\"13\" cy=\"13\" r=\"2\" />\n            <circle fill={color} cx=\"7\" cy=\"13\" r=\"2\" />\n        </g>\n    </svg>\n)\nThreeDotsIcon.propTypes = {\n    /** Color of the icon. */\n    color: PropTypes.string,\n}\n\nexport default ThreeDotsIcon\n"],"names":["ThreeDotsIcon","color","React","width","height","viewBox","stroke","strokeWidth","fill","fillRule","cx","cy","r","propTypes","PropTypes","string"],"mappings":";;;AAGA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,wBAAGC,KAAH;AAAA,MAAGA,KAAH,2BAAW,SAAX;AAAA,sBAClBC,4BAAA,MAAA;AAAKC,IAAAA,KAAK,EAAC;AAAOC,IAAAA,MAAM,EAAC;AAAOC,IAAAA,OAAO,EAAC;GAAxC,eACIH,4BAAA,IAAA;AAAGI,IAAAA,MAAM,EAAC;AAAOC,IAAAA,WAAW,EAAC;AAAIC,IAAAA,IAAI,EAAC;AAAOC,IAAAA,QAAQ,EAAC;GAAtD,eACIP,4BAAA,SAAA;AAAQM,IAAAA,IAAI,EAAEP;AAAOS,IAAAA,EAAE,EAAC;AAAKC,IAAAA,EAAE,EAAC;AAAKC,IAAAA,CAAC,EAAC;GAAvC,CADJ,eAEIV,4BAAA,SAAA;AAAQM,IAAAA,IAAI,EAAEP;AAAOS,IAAAA,EAAE,EAAC;AAAKC,IAAAA,EAAE,EAAC;AAAKC,IAAAA,CAAC,EAAC;GAAvC,CAFJ,eAGIV,4BAAA,SAAA;AAAQM,IAAAA,IAAI,EAAEP;AAAOS,IAAAA,EAAE,EAAC;AAAIC,IAAAA,EAAE,EAAC;AAAKC,IAAAA,CAAC,EAAC;GAAtC,CAHJ,CADJ,CADkB;AAAA,CAAtB;;AASAZ,aAAa,CAACa,SAAd,GAA0B;AACtB;AACAZ,EAAAA,KAAK,EAAEa,SAAS,CAACC;AAFK,CAA1B;;;;"}

package/es/components/range-input/index.js

@@ -1,6 +0,0 @@
-import { RangeInput } from './range-input.js';
-
-
-
-export default RangeInput;
-//# sourceMappingURL=index.js.map

package/es/components/range-input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/range-input/range-input.js

@@ -1,55 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-
-function RangeInput(_ref) {
-  var _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value,
-      _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 100 : _ref$max,
-      _ref$stepSize = _ref.stepSize,
-      stepSize = _ref$stepSize === void 0 ? 1 : _ref$stepSize,
-      onPlus = _ref.onPlus,
-      onMinus = _ref.onMinus,
-      _onChange = _ref.onChange,
-      className = _ref.className;
-
-  if (typeof onPlus !== 'function') {
-    onPlus = _onChange;
-  }
-
-  if (typeof onMinus !== 'function') {
-    onMinus = _onChange;
-  }
-
-  var rangeInputClassName = classNames('reactist_range_input', className);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: rangeInputClassName
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "range_btn minus",
-    onClick: function onClick() {
-      return value > min && onMinus && onMinus(value - stepSize);
-    }
-  }), /*#__PURE__*/React__default.createElement("input", {
-    value: value,
-    className: "range_slider",
-    type: "range",
-    min: min,
-    max: max,
-    step: stepSize,
-    onChange: function onChange(event) {
-      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(parseInt(event.target.value));
-    }
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: "range_btn plus",
-    onClick: function onClick() {
-      return value < max && onPlus && onPlus(value + stepSize);
-    }
-  }));
-}
-
-RangeInput.displayName = 'RangeInput';
-
-export { RangeInput };
-//# sourceMappingURL=range-input.js.map

package/es/components/range-input/range-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range-input.js","sources":["../../../src/components/range-input/range-input.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './range-input.less'\n\ntype Props = {\n    /** Optional css class that is applied to the range input. */\n    className?: string\n    /** Current value of the range input. */\n    value?: number\n    /** Minimum value of the range input. */\n    min?: number\n    /** Maximum value of the range input. */\n    max?: number\n    /** Step size of the range input and the plus/minus buttons. */\n    stepSize?: number\n    /** Optional function that is called when plus button is clicked. If not supplied onChange will be called with the next value. */\n    onPlus?: (value: number) => void\n    /** Optional function that is called when minus button is clicked. If not supplied onChange will be called with the next value. */\n    onMinus?: (value: number) => void\n    /** Callback function that is called whenever the range input value changes. When onPlus or onMinus is supplied this will not be called for button clicks. */\n    onChange?: (value: number) => void\n}\n\nfunction RangeInput({\n    value = 0,\n    min = 0,\n    max = 100,\n    stepSize = 1,\n    onPlus,\n    onMinus,\n    onChange,\n    className,\n}: Props) {\n    if (typeof onPlus !== 'function') {\n        onPlus = onChange\n    }\n    if (typeof onMinus !== 'function') {\n        onMinus = onChange\n    }\n    const rangeInputClassName = classNames('reactist_range_input', className)\n    return (\n        <div className={rangeInputClassName}>\n            <span\n                className=\"range_btn minus\"\n                onClick={() => value > min && onMinus && onMinus(value - stepSize)}\n            />\n            <input\n                value={value}\n                className=\"range_slider\"\n                type=\"range\"\n                min={min}\n                max={max}\n                step={stepSize}\n                onChange={(event) => onChange?.(parseInt(event.target.value))}\n            />\n            <span\n                className=\"range_btn plus\"\n                onClick={() => value < max && onPlus && onPlus(value + stepSize)}\n            />\n        </div>\n    )\n}\nRangeInput.displayName = 'RangeInput'\n\nexport { RangeInput }\n"],"names":["RangeInput","value","min","max","stepSize","onPlus","onMinus","onChange","className","rangeInputClassName","classNames","React","onClick","type","step","event","parseInt","target","displayName"],"mappings":";;;AAwBA,SAASA,UAAT;wBACIC;MAAAA,gCAAQ;sBACRC;MAAAA,4BAAM;sBACNC;MAAAA,4BAAM;2BACNC;MAAAA,sCAAW;MACXC,cAAAA;MACAC,eAAAA;MACAC,iBAAAA;MACAC,iBAAAA;;AAEA,MAAI,OAAOH,MAAP,KAAkB,UAAtB,EAAkC;AAC9BA,IAAAA,MAAM,GAAGE,SAAT;AACH;;AACD,MAAI,OAAOD,OAAP,KAAmB,UAAvB,EAAmC;AAC/BA,IAAAA,OAAO,GAAGC,SAAV;AACH;;AACD,MAAME,mBAAmB,GAAGC,UAAU,CAAC,sBAAD,EAAyBF,SAAzB,CAAtC;AACA,sBACIG,4BAAA,MAAA;AAAKH,IAAAA,SAAS,EAAEC;GAAhB,eACIE,4BAAA,OAAA;AACIH,IAAAA,SAAS,EAAC;AACVI,IAAAA,OAAO,EAAE;AAAA,aAAMX,KAAK,GAAGC,GAAR,IAAeI,OAAf,IAA0BA,OAAO,CAACL,KAAK,GAAGG,QAAT,CAAvC;AAAA;GAFb,CADJ,eAKIO,4BAAA,QAAA;AACIV,IAAAA,KAAK,EAAEA;AACPO,IAAAA,SAAS,EAAC;AACVK,IAAAA,IAAI,EAAC;AACLX,IAAAA,GAAG,EAAEA;AACLC,IAAAA,GAAG,EAAEA;AACLW,IAAAA,IAAI,EAAEV;AACNG,IAAAA,QAAQ,EAAE,kBAACQ,KAAD;AAAA,aAAWR,SAAX,aAAWA,SAAX,uBAAWA,SAAQ,CAAGS,QAAQ,CAACD,KAAK,CAACE,MAAN,CAAahB,KAAd,CAAX,CAAnB;AAAA;GAPd,CALJ,eAcIU,4BAAA,OAAA;AACIH,IAAAA,SAAS,EAAC;AACVI,IAAAA,OAAO,EAAE;AAAA,aAAMX,KAAK,GAAGE,GAAR,IAAeE,MAAf,IAAyBA,MAAM,CAACJ,KAAK,GAAGG,QAAT,CAArC;AAAA;GAFb,CAdJ,CADJ;AAqBH;;AACDJ,UAAU,CAACkB,WAAX,GAAyB,YAAzB;;;;"}

package/es/components/tip/index.js

@@ -1,6 +0,0 @@
-import { Tip } from './tip.js';
-
-
-
-export default Tip;
-//# sourceMappingURL=index.js.map

package/es/components/tip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/tip/tip.js

@@ -1,30 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import Dropdown from '../dropdown/index.js';
-import ThinQuestionMark from '../icons/ThinQuestionMarkIcon.svg.js';
-
-function Tip(_ref) {
-  var title = _ref.title,
-      message = _ref.message,
-      top = _ref.top,
-      className = _ref.className;
-  var tipClass = classNames('reactist_tip__container', className);
-  return /*#__PURE__*/React__default.createElement(Dropdown.Box, {
-    top: top,
-    className: tipClass
-  }, /*#__PURE__*/React__default.createElement(Dropdown.Trigger, null, /*#__PURE__*/React__default.createElement(ThinQuestionMark, null)), /*#__PURE__*/React__default.createElement(Dropdown.Body, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "reactist_tip"
-  }, /*#__PURE__*/React__default.createElement("p", {
-    className: "reactist_tip--title"
-  }, title), /*#__PURE__*/React__default.createElement("p", {
-    className: "reactist_tip--message"
-  }, message))));
-}
-
-Tip.displayName = 'Tip';
-Tip.defaultProps = {
-  top: false
-};
-
-export { Tip };
-//# sourceMappingURL=tip.js.map

package/es/components/tip/tip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tip.js","sources":["../../../src/components/tip/tip.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport ThinQuestionMark from '../icons/ThinQuestionMarkIcon.svg'\nimport Dropdown from '../dropdown'\n\nimport './tip.less'\n\ntype Props = {\n    /** Additional css class that is applied to the Tip. */\n    className?: string\n    /** Title of the tip. */\n    title?: React.ReactNode\n    /** Message of the tip. */\n    message?: React.ReactNode\n    /** Whether the tip content should be displayed to the top or not. Maps to the Dropdown.Box top property. */\n    top?: boolean\n}\n\nfunction Tip({ title, message, top, className }: Props) {\n    const tipClass = classNames('reactist_tip__container', className)\n    return (\n        <Dropdown.Box top={top} className={tipClass}>\n            <Dropdown.Trigger>\n                <ThinQuestionMark />\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div className=\"reactist_tip\">\n                    <p className=\"reactist_tip--title\">{title}</p>\n                    <p className=\"reactist_tip--message\">{message}</p>\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    )\n}\nTip.displayName = 'Tip'\nTip.defaultProps = {\n    top: false,\n}\n\nexport { Tip }\n"],"names":["Tip","title","message","top","className","tipClass","classNames","React","Dropdown","Box","Trigger","ThinQuestionMark","Body","displayName","defaultProps"],"mappings":";;;;;AAmBA,SAASA,GAAT;MAAeC,aAAAA;MAAOC,eAAAA;MAASC,WAAAA;MAAKC,iBAAAA;AAChC,MAAMC,QAAQ,GAAGC,UAAU,CAAC,yBAAD,EAA4BF,SAA5B,CAA3B;AACA,sBACIG,4BAAA,CAACC,QAAQ,CAACC,GAAV;AAAcN,IAAAA,GAAG,EAAEA;AAAKC,IAAAA,SAAS,EAAEC;GAAnC,eACIE,4BAAA,CAACC,QAAQ,CAACE,OAAV,MAAA,eACIH,4BAAA,CAACI,gBAAD,MAAA,CADJ,CADJ,eAIIJ,4BAAA,CAACC,QAAQ,CAACI,IAAV,MAAA,eACIL,4BAAA,MAAA;AAAKH,IAAAA,SAAS,EAAC;GAAf,eACIG,4BAAA,IAAA;AAAGH,IAAAA,SAAS,EAAC;GAAb,EAAoCH,KAApC,CADJ,eAEIM,4BAAA,IAAA;AAAGH,IAAAA,SAAS,EAAC;GAAb,EAAsCF,OAAtC,CAFJ,CADJ,CAJJ,CADJ;AAaH;;AACDF,GAAG,CAACa,WAAJ,GAAkB,KAAlB;AACAb,GAAG,CAACc,YAAJ,GAAmB;AACfX,EAAAA,GAAG,EAAE;AADU,CAAnB;;;;"}

package/lib/components/error-message/error-message.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import './error-message.less';
-declare type Props = {
-    timeout?: number;
-    onHide?: () => void;
-    message?: string;
-};
-declare type State = {
-    visible: boolean;
-};
-declare class ErrorMessage extends React.Component<Props, State> {
-    static displayName: string;
-    static defaultProps: Props;
-    constructor(props: Props, context: unknown);
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    timeout?: number;
-    _isValidMessage(message?: string): boolean;
-    _clearTimeout: () => void;
-    _triggerDelayedHide: () => void;
-    _hide: () => void;
-    render(): false | JSX.Element;
-}
-export { ErrorMessage };

package/lib/components/error-message/error-message.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("../../_virtual/_rollupPluginBabelHelpers.js"),i=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,s=function(e){function s(t,i){var s;(s=e.call(this,t,i)||this)._clearTimeout=function(){s.timeout&&clearTimeout(s.timeout)},s._triggerDelayedHide=function(){s._clearTimeout(),s.timeout=setTimeout(s._hide,s.props.timeout)},s._hide=function(){var e,t;s._clearTimeout(),s.setState((function(){return{visible:!1}})),null===(e=(t=s.props).onHide)||void 0===e||e.call(t)};var r=s._isValidMessage(t.message);return r&&s._triggerDelayedHide(),s.state={visible:r},s}t.inheritsLoose(s,e);var r=s.prototype;return r.UNSAFE_componentWillReceiveProps=function(e){this._isValidMessage(e.message)&&(this.setState((function(){return{visible:!0}})),this._triggerDelayedHide())},r._isValidMessage=function(e){return"string"==typeof e&&e.length>0},r.render=function(){var e=this.props.message;return!(!this.state.visible||!this._isValidMessage(e))&&i.createElement("div",{className:"reactist_error_message"},i.createElement("p",null,e),i.createElement("div",{onClick:this._hide,className:"dismiss_icon"}))},s}(i.Component);s.displayName="ErrorMessage",s.defaultProps={timeout:2500},exports.ErrorMessage=s;
-//# sourceMappingURL=error-message.js.map

package/lib/components/error-message/error-message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-message.js","sources":["../../../src/components/error-message/error-message.tsx"],"sourcesContent":["import React from 'react'\n\nimport './error-message.less'\n\ntype Props = {\n    timeout?: number\n    onHide?: () => void\n    message?: string\n}\n\ntype State = {\n    visible: boolean\n}\n\nclass ErrorMessage extends React.Component<Props, State> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props, context: unknown) {\n        super(props, context)\n\n        const isValidMessage = this._isValidMessage(props.message)\n        if (isValidMessage) {\n            this._triggerDelayedHide()\n        }\n        this.state = { visible: isValidMessage }\n    }\n\n    UNSAFE_componentWillReceiveProps(nextProps: Props) {\n        if (this._isValidMessage(nextProps.message)) {\n            this.setState(() => ({ visible: true }))\n            this._triggerDelayedHide()\n        }\n    }\n\n    timeout?: number\n\n    _isValidMessage(message?: string) {\n        return typeof message === 'string' && message.length > 0\n    }\n\n    _clearTimeout = () => {\n        this.timeout && clearTimeout(this.timeout)\n    }\n\n    _triggerDelayedHide = () => {\n        this._clearTimeout()\n        this.timeout = setTimeout(this._hide, this.props.timeout)\n    }\n\n    _hide = () => {\n        this._clearTimeout()\n        this.setState(() => ({ visible: false }))\n        this.props.onHide?.()\n    }\n\n    render() {\n        const { message } = this.props\n        if (!this.state.visible || !this._isValidMessage(message)) {\n            return false\n        }\n\n        return (\n            <div className=\"reactist_error_message\">\n                <p>{message}</p>\n                <div onClick={this._hide} className=\"dismiss_icon\" />\n            </div>\n        )\n    }\n}\nErrorMessage.displayName = 'ErrorMessage'\nErrorMessage.defaultProps = {\n    timeout: 2500,\n}\n\nexport { ErrorMessage }\n"],"names":["ErrorMessage","props","context","timeout","clearTimeout","_this","_clearTimeout","setTimeout","_hide","setState","visible","onHide","isValidMessage","_isValidMessage","message","_triggerDelayedHide","state","UNSAFE_componentWillReceiveProps","nextProps","this","length","render","React","className","onClick","Component","displayName","defaultProps"],"mappings":"yMAcMA,yBAIUC,EAAcC,wBAChBD,EAAOC,wBAsBD,aACPC,SAAWC,aAAaC,EAAKF,gCAGhB,aACbG,kBACAH,QAAUI,WAAWF,EAAKG,MAAOH,EAAKJ,MAAME,kBAG7C,qBACCG,kBACAG,UAAS,iBAAO,CAAEC,SAAS,qBAC3BT,OAAMU,oCAhCLC,EAAiBP,EAAKQ,gBAAgBZ,EAAMa,gBAC9CF,KACKG,wBAEJC,MAAQ,CAAEN,QAASE,qDAG5BK,iCAAA,SAAiCC,GACzBC,KAAKN,gBAAgBK,EAAUJ,gBAC1BL,UAAS,iBAAO,CAAEC,SAAS,WAC3BK,0BAMbF,gBAAA,SAAgBC,SACc,iBAAZA,GAAwBA,EAAQM,OAAS,KAkB3DC,OAAA,eACYP,EAAYK,KAAKlB,MAAjBa,iBACHK,KAAKH,MAAMN,UAAYS,KAAKN,gBAAgBC,KAK7CQ,uBAAKC,UAAU,0BACXD,yBAAIR,GACJQ,uBAAKE,QAASL,KAAKX,MAAOe,UAAU,sBAnDzBD,EAAMG,WAwDjCzB,EAAa0B,YAAc,eAC3B1B,EAAa2B,aAAe,CACxBxB,QAAS"}

package/lib/components/error-message/error-message.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/error-message/index.d.ts

@@ -1,2 +0,0 @@
-import { ErrorMessage } from './error-message';
-export default ErrorMessage;

package/lib/components/error-message/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./error-message.js");exports.default=e.ErrorMessage;
-//# sourceMappingURL=index.js.map

package/lib/components/error-message/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/icon/icon.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import './icon.less';
-declare type Props = {
-    /** Callback that is called when icon is clicked. */
-    onClick?: () => void;
-    /** Whether hte icon is disabled. Disabled icons can't be clicked and displayed with less opacity. */
-    disabled?: boolean;
-    /** Additional css class that is applied to the icon */
-    className?: string;
-    /** URL to the image that should be displayed as icon. */
-    image?: string;
-    /** Optional URL to the image that should be displayed when the icon is hovered. */
-    hoveredImage?: string;
-    /** Icon component to render, defaults to three dots. */
-    icon?: React.ReactNode;
-    /** Text of the tooltip of the icon. */
-    tooltip?: React.ReactNode;
-};
-declare type State = {
-    hovered: boolean;
-};
-declare class Icon extends React.Component<Props, State> {
-    static displayName: string;
-    static defaultProps: Props;
-    constructor(props: Props, context: unknown);
-    _onClick: (event: React.MouseEvent) => void;
-    _hover: () => void;
-    _unhover: () => void;
-    render(): JSX.Element;
-}
-export { Icon };

package/lib/components/icon/icon.js

@@ -1,2 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../_virtual/_rollupPluginBabelHelpers.js"),o=e(require("react")),r=e(require("classnames")),n=require("../tooltip/tooltip.js"),i=require("../icons/ThreeDotsIcon.svg.js"),s=function(e){function s(t,o){var r;return(r=e.call(this,t,o)||this)._onClick=function(e){e.preventDefault(),r.props.onClick&&!r.props.disabled&&r.props.onClick()},r._hover=function(){r.setState((function(){return{hovered:!0}}))},r._unhover=function(){r.setState((function(){return{hovered:!1}}))},r.state={hovered:!1},r}return t.inheritsLoose(s,e),s.prototype.render=function(){var e=this.props,t=e.image,s=e.hoveredImage,a=e.icon,c=e.tooltip,l=r("reactist_icon",{"reactist_icon--component":!t,disabled:e.disabled},this.props.className),u="string"==typeof t?this.state.hovered&&s?{backgroundImage:"url("+s+")"}:{backgroundImage:"url("+t+")"}:void 0,p=!t&&(a||o.createElement(i.default,{color:this.state.hovered?"#474747":void 0})),d=o.createElement("a",{href:"#",style:u,onClick:this._onClick,className:l,onMouseEnter:this._hover,onMouseLeave:this._unhover},p&&p);return c?o.createElement(n.Tooltip,{content:c},d):d},s}(o.Component);s.displayName="Icon",s.defaultProps={disabled:!1},exports.Icon=s;
-//# sourceMappingURL=icon.js.map

package/lib/components/icon/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../tooltip'\nimport ThreeDotsIcon from '../icons/ThreeDotsIcon.svg'\n\nimport './icon.less'\n\ntype Props = {\n    /** Callback that is called when icon is clicked. */\n    onClick?: () => void\n    /** Whether hte icon is disabled. Disabled icons can't be clicked and displayed with less opacity. */\n    disabled?: boolean\n    /** Additional css class that is applied to the icon */\n    className?: string\n    /** URL to the image that should be displayed as icon. */\n    image?: string\n    /** Optional URL to the image that should be displayed when the icon is hovered. */\n    hoveredImage?: string\n    /** Icon component to render, defaults to three dots. */\n    icon?: React.ReactNode\n    /** Text of the tooltip of the icon. */\n    tooltip?: React.ReactNode\n}\n\ntype State = {\n    hovered: boolean\n}\n\nclass Icon extends React.Component<Props, State> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props, context: unknown) {\n        super(props, context)\n\n        this.state = { hovered: false }\n    }\n\n    _onClick = (event: React.MouseEvent) => {\n        event.preventDefault()\n\n        if (this.props.onClick && !this.props.disabled) {\n            this.props.onClick()\n        }\n    }\n\n    _hover = () => {\n        this.setState(() => ({ hovered: true }))\n    }\n    _unhover = () => {\n        this.setState(() => ({ hovered: false }))\n    }\n\n    render() {\n        const { image, hoveredImage, icon, tooltip, disabled } = this.props\n        const className = classNames(\n            'reactist_icon',\n            {\n                'reactist_icon--component': !image,\n                disabled,\n            },\n            this.props.className,\n        )\n\n        const style: React.CSSProperties | undefined =\n            typeof image === 'string'\n                ? this.state.hovered && hoveredImage\n                    ? { backgroundImage: `url(${hoveredImage})` }\n                    : { backgroundImage: `url(${image})` }\n                : undefined // only apply style for image components\n        const iconComponent =\n            !image &&\n            (icon ? icon : <ThreeDotsIcon color={this.state.hovered ? '#474747' : undefined} />) // only set icon component for non-image components\n\n        const component = (\n            /* eslint-disable jsx-a11y/anchor-is-valid */\n            <a\n                href=\"#\"\n                style={style}\n                onClick={this._onClick}\n                className={className}\n                onMouseEnter={this._hover}\n                onMouseLeave={this._unhover}\n            >\n                {iconComponent && iconComponent}\n            </a>\n            /* eslint-enable jsx-a11y/anchor-is-valid */\n        )\n        return tooltip ? <Tooltip content={tooltip}>{component}</Tooltip> : component\n    }\n}\nIcon.displayName = 'Icon'\nIcon.defaultProps = {\n    disabled: false,\n}\n\nexport { Icon }\n"],"names":["Icon","props","context","event","preventDefault","_this","onClick","disabled","setState","hovered","state","render","this","image","hoveredImage","icon","tooltip","className","classNames","style","backgroundImage","undefined","iconComponent","React","ThreeDotsIcon","color","component","href","_onClick","onMouseEnter","_hover","onMouseLeave","_unhover","Tooltip","content","Component","displayName","defaultProps"],"mappings":"sUA6BMA,yBAIUC,EAAcC,8BAChBD,EAAOC,mBAKN,SAACC,GACRA,EAAMC,iBAEFC,EAAKJ,MAAMK,UAAYD,EAAKJ,MAAMM,YAC7BN,MAAMK,oBAIV,aACAE,UAAS,iBAAO,CAAEC,SAAS,kBAEzB,aACFD,UAAS,iBAAO,CAAEC,SAAS,SAf3BC,MAAQ,CAAED,SAAS,6CAkB5BE,OAAA,iBAC6DC,KAAKX,MAAtDY,IAAAA,MAAOC,IAAAA,aAAcC,IAAAA,KAAMC,IAAAA,QAC7BC,EAAYC,EACd,gBACA,6BACiCL,EAC7BN,WALoCA,UAOxCK,KAAKX,MAAMgB,WAGTE,EACe,iBAAVN,EACDD,KAAKF,MAAMD,SAAWK,EAClB,CAAEM,uBAAwBN,OAC1B,CAAEM,uBAAwBP,YAC9BQ,EACJC,GACDT,IACAE,GAAcQ,gBAACC,WAAcC,MAAOb,KAAKF,MAAMD,QAAU,eAAYY,KAEpEK,EAEFH,qBACII,KAAK,IACLR,MAAOA,EACPb,QAASM,KAAKgB,SACdX,UAAWA,EACXY,aAAcjB,KAAKkB,OACnBC,aAAcnB,KAAKoB,UAElBV,GAAiBA,UAInBN,EAAUO,gBAACU,WAAQC,QAASlB,GAAUU,GAAuBA,MA5DzDH,EAAMY,WA+DzBnC,EAAKoC,YAAc,OACnBpC,EAAKqC,aAAe,CAChB9B,UAAU"}

package/lib/components/icon/icon.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/icon/index.d.ts

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

package/lib/components/icon/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./icon.js");exports.default=e.Icon;
-//# sourceMappingURL=index.js.map

package/lib/components/icon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/icons/ThinQuestionMarkIcon.svg.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e;exports.default=function(){return t.createElement("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18"},t.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},t.createElement("g",{fill:"#979797"},t.createElement("path",{d:"M9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 Z M9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 Z",fillRule:"nonzero"}),t.createElement("path",{d:"M5.625,6.671875 L6.9609375,6.671875 C7.046875,5.5546875 7.796875,4.859375 8.9765625,4.859375 C10.140625,4.859375 10.890625,5.5703125 10.890625,6.5390625 C10.890625,7.375 10.5390625,7.8671875 9.6328125,8.421875 C8.5625,9.0625 8.0625,9.765625 8.0703125,10.796875 L8.0703125,11.515625 L9.4375,11.515625 L9.4375,11.0078125 C9.4375,10.1875 9.71875,9.75 10.7109375,9.1640625 C11.7109375,8.5625 12.34375,7.6953125 12.34375,6.46875 C12.34375,4.859375 11,3.640625 9.03125,3.640625 C6.8359375,3.640625 5.7109375,4.984375 5.625,6.671875 Z M8.859375,15.140625 C9.4921875,15.140625 9.9375,14.6875 9.9375,14.0546875 C9.9375,13.4140625 9.4921875,12.9609375 8.859375,12.9609375 C8.2265625,12.9609375 7.7734375,13.4140625 7.7734375,14.0546875 C7.7734375,14.6875 8.2265625,15.140625 8.859375,15.140625 Z"}))))};
-//# sourceMappingURL=ThinQuestionMarkIcon.svg.js.map

package/lib/components/icons/ThinQuestionMarkIcon.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThinQuestionMarkIcon.svg.js","sources":["../../../src/components/icons/ThinQuestionMarkIcon.svg.tsx"],"sourcesContent":["import React from 'react'\n\nconst ThinQuestionMark = () => (\n    <svg width=\"18px\" height=\"18px\" viewBox=\"0 0 18 18\">\n        <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n            <g fill=\"#979797\">\n                <path\n                    d=\"M9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 Z M9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 Z\"\n                    fillRule=\"nonzero\"\n                />\n                <path d=\"M5.625,6.671875 L6.9609375,6.671875 C7.046875,5.5546875 7.796875,4.859375 8.9765625,4.859375 C10.140625,4.859375 10.890625,5.5703125 10.890625,6.5390625 C10.890625,7.375 10.5390625,7.8671875 9.6328125,8.421875 C8.5625,9.0625 8.0625,9.765625 8.0703125,10.796875 L8.0703125,11.515625 L9.4375,11.515625 L9.4375,11.0078125 C9.4375,10.1875 9.71875,9.75 10.7109375,9.1640625 C11.7109375,8.5625 12.34375,7.6953125 12.34375,6.46875 C12.34375,4.859375 11,3.640625 9.03125,3.640625 C6.8359375,3.640625 5.7109375,4.984375 5.625,6.671875 Z M8.859375,15.140625 C9.4921875,15.140625 9.9375,14.6875 9.9375,14.0546875 C9.9375,13.4140625 9.4921875,12.9609375 8.859375,12.9609375 C8.2265625,12.9609375 7.7734375,13.4140625 7.7734375,14.0546875 C7.7734375,14.6875 8.2265625,15.140625 8.859375,15.140625 Z\" />\n            </g>\n        </g>\n    </svg>\n)\n\nexport default ThinQuestionMark\n"],"names":["React","width","height","viewBox","stroke","strokeWidth","fill","fillRule","d"],"mappings":"gKAEyB,kBACrBA,uBAAKC,MAAM,OAAOC,OAAO,OAAOC,QAAQ,aACpCH,qBAAGI,OAAO,OAAOC,YAAY,IAAIC,KAAK,OAAOC,SAAS,WAClDP,qBAAGM,KAAK,WACJN,wBACIQ,EAAE,0QACFD,SAAS,YAEbP,wBAAMQ,EAAE"}

package/lib/components/icons/ThreeDotsIcon.svg.js

@@ -1,2 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("react")),t=e(require("prop-types")),l=function(e){var t=e.color,l=void 0===t?"#A5A5A5":t;return r.createElement("svg",{width:"26px",height:"26px",viewBox:"0 0 26 26"},r.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},r.createElement("circle",{fill:l,cx:"19",cy:"13",r:"2"}),r.createElement("circle",{fill:l,cx:"13",cy:"13",r:"2"}),r.createElement("circle",{fill:l,cx:"7",cy:"13",r:"2"})))};l.propTypes={color:t.string},exports.default=l;
-//# sourceMappingURL=ThreeDotsIcon.svg.js.map

package/lib/components/icons/ThreeDotsIcon.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThreeDotsIcon.svg.js","sources":["../../../src/components/icons/ThreeDotsIcon.svg.tsx"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst ThreeDotsIcon = ({ color = '#A5A5A5' }) => (\n    <svg width=\"26px\" height=\"26px\" viewBox=\"0 0 26 26\">\n        <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n            <circle fill={color} cx=\"19\" cy=\"13\" r=\"2\" />\n            <circle fill={color} cx=\"13\" cy=\"13\" r=\"2\" />\n            <circle fill={color} cx=\"7\" cy=\"13\" r=\"2\" />\n        </g>\n    </svg>\n)\nThreeDotsIcon.propTypes = {\n    /** Color of the icon. */\n    color: PropTypes.string,\n}\n\nexport default ThreeDotsIcon\n"],"names":["ThreeDotsIcon","color","React","width","height","viewBox","stroke","strokeWidth","fill","fillRule","cx","cy","r","propTypes","PropTypes","string"],"mappings":"+LAGMA,EAAgB,oBAAGC,MAAAA,aAAQ,mBAC7BC,uBAAKC,MAAM,OAAOC,OAAO,OAAOC,QAAQ,aACpCH,qBAAGI,OAAO,OAAOC,YAAY,IAAIC,KAAK,OAAOC,SAAS,WAClDP,0BAAQM,KAAMP,EAAOS,GAAG,KAAKC,GAAG,KAAKC,EAAE,MACvCV,0BAAQM,KAAMP,EAAOS,GAAG,KAAKC,GAAG,KAAKC,EAAE,MACvCV,0BAAQM,KAAMP,EAAOS,GAAG,IAAIC,GAAG,KAAKC,EAAE,SAIlDZ,EAAca,UAAY,CAEtBZ,MAAOa,EAAUC"}

package/lib/components/range-input/index.d.ts

@@ -1,2 +0,0 @@
-import { RangeInput } from './range-input';
-export default RangeInput;

package/lib/components/range-input/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./range-input.js");exports.default=e.RangeInput;
-//# sourceMappingURL=index.js.map

package/lib/components/range-input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/range-input/range-input.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import './range-input.less';
-declare type Props = {
-    /** Optional css class that is applied to the range input. */
-    className?: string;
-    /** Current value of the range input. */
-    value?: number;
-    /** Minimum value of the range input. */
-    min?: number;
-    /** Maximum value of the range input. */
-    max?: number;
-    /** Step size of the range input and the plus/minus buttons. */
-    stepSize?: number;
-    /** Optional function that is called when plus button is clicked. If not supplied onChange will be called with the next value. */
-    onPlus?: (value: number) => void;
-    /** Optional function that is called when minus button is clicked. If not supplied onChange will be called with the next value. */
-    onMinus?: (value: number) => void;
-    /** Callback function that is called whenever the range input value changes. When onPlus or onMinus is supplied this will not be called for button clicks. */
-    onChange?: (value: number) => void;
-};
-declare function RangeInput({ value, min, max, stepSize, onPlus, onMinus, onChange, className, }: Props): JSX.Element;
-declare namespace RangeInput {
-    var displayName: string;
-}
-export { RangeInput };

package/lib/components/range-input/range-input.js

@@ -1,2 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=e(require("react")),t=e(require("classnames"));function a(e){var a=e.value,r=void 0===a?0:a,u=e.min,i=void 0===u?0:u,s=e.max,o=void 0===s?100:s,l=e.stepSize,c=void 0===l?1:l,p=e.onPlus,m=e.onMinus,f=e.onChange;"function"!=typeof p&&(p=f),"function"!=typeof m&&(m=f);var v=t("reactist_range_input",e.className);return n.createElement("div",{className:v},n.createElement("span",{className:"range_btn minus",onClick:function(){return r>i&&m&&m(r-c)}}),n.createElement("input",{value:r,className:"range_slider",type:"range",min:i,max:o,step:c,onChange:function(e){return null==f?void 0:f(parseInt(e.target.value))}}),n.createElement("span",{className:"range_btn plus",onClick:function(){return r<o&&p&&p(r+c)}}))}a.displayName="RangeInput",exports.RangeInput=a;
-//# sourceMappingURL=range-input.js.map

package/lib/components/range-input/range-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range-input.js","sources":["../../../src/components/range-input/range-input.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './range-input.less'\n\ntype Props = {\n    /** Optional css class that is applied to the range input. */\n    className?: string\n    /** Current value of the range input. */\n    value?: number\n    /** Minimum value of the range input. */\n    min?: number\n    /** Maximum value of the range input. */\n    max?: number\n    /** Step size of the range input and the plus/minus buttons. */\n    stepSize?: number\n    /** Optional function that is called when plus button is clicked. If not supplied onChange will be called with the next value. */\n    onPlus?: (value: number) => void\n    /** Optional function that is called when minus button is clicked. If not supplied onChange will be called with the next value. */\n    onMinus?: (value: number) => void\n    /** Callback function that is called whenever the range input value changes. When onPlus or onMinus is supplied this will not be called for button clicks. */\n    onChange?: (value: number) => void\n}\n\nfunction RangeInput({\n    value = 0,\n    min = 0,\n    max = 100,\n    stepSize = 1,\n    onPlus,\n    onMinus,\n    onChange,\n    className,\n}: Props) {\n    if (typeof onPlus !== 'function') {\n        onPlus = onChange\n    }\n    if (typeof onMinus !== 'function') {\n        onMinus = onChange\n    }\n    const rangeInputClassName = classNames('reactist_range_input', className)\n    return (\n        <div className={rangeInputClassName}>\n            <span\n                className=\"range_btn minus\"\n                onClick={() => value > min && onMinus && onMinus(value - stepSize)}\n            />\n            <input\n                value={value}\n                className=\"range_slider\"\n                type=\"range\"\n                min={min}\n                max={max}\n                step={stepSize}\n                onChange={(event) => onChange?.(parseInt(event.target.value))}\n            />\n            <span\n                className=\"range_btn plus\"\n                onClick={() => value < max && onPlus && onPlus(value + stepSize)}\n            />\n        </div>\n    )\n}\nRangeInput.displayName = 'RangeInput'\n\nexport { RangeInput }\n"],"names":["RangeInput","value","min","max","stepSize","onPlus","onMinus","onChange","rangeInputClassName","classNames","className","React","onClick","type","step","event","parseInt","target","displayName"],"mappings":"+LAwBA,SAASA,aACLC,MAAAA,aAAQ,QACRC,IAAAA,aAAM,QACNC,IAAAA,aAAM,UACNC,SAAAA,aAAW,IACXC,IAAAA,OACAC,IAAAA,QACAC,IAAAA,SAGsB,mBAAXF,IACPA,EAASE,GAEU,mBAAZD,IACPA,EAAUC,OAERC,EAAsBC,EAAW,yBARvCC,kBAUIC,uBAAKD,UAAWF,GACZG,wBACID,UAAU,kBACVE,QAAS,kBAAMX,EAAQC,GAAOI,GAAWA,EAAQL,EAAQG,MAE7DO,yBACIV,MAAOA,EACPS,UAAU,eACVG,KAAK,QACLX,IAAKA,EACLC,IAAKA,EACLW,KAAMV,EACNG,SAAU,SAACQ,UAAUR,MAAAA,SAAAA,EAAWS,SAASD,EAAME,OAAOhB,WAE1DU,wBACID,UAAU,iBACVE,QAAS,kBAAMX,EAAQE,GAAOE,GAAUA,EAAOJ,EAAQG,OAKvEJ,EAAWkB,YAAc"}

package/lib/components/range-input/range-input.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/tip/index.d.ts

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

package/lib/components/tip/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tip.js");exports.default=e.Tip;
-//# sourceMappingURL=index.js.map

package/lib/components/tip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/tip/tip.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import './tip.less';
-declare type Props = {
-    /** Additional css class that is applied to the Tip. */
-    className?: string;
-    /** Title of the tip. */
-    title?: React.ReactNode;
-    /** Message of the tip. */
-    message?: React.ReactNode;
-    /** Whether the tip content should be displayed to the top or not. Maps to the Dropdown.Box top property. */
-    top?: boolean;
-};
-declare function Tip({ title, message, top, className }: Props): JSX.Element;
-declare namespace Tip {
-    var displayName: string;
-    var defaultProps: {
-        top: boolean;
-    };
-}
-export { Tip };

package/lib/components/tip/tip.js

@@ -1,2 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=e(require("classnames")),r=require("../dropdown/index.js"),s=require("../icons/ThinQuestionMarkIcon.svg.js");function l(e){var l=e.title,i=e.message,n=e.top,c=a("reactist_tip__container",e.className);return t.createElement(r.default.Box,{top:n,className:c},t.createElement(r.default.Trigger,null,t.createElement(s.default,null)),t.createElement(r.default.Body,null,t.createElement("div",{className:"reactist_tip"},t.createElement("p",{className:"reactist_tip--title"},l),t.createElement("p",{className:"reactist_tip--message"},i))))}l.displayName="Tip",l.defaultProps={top:!1},exports.Tip=l;
-//# sourceMappingURL=tip.js.map

package/lib/components/tip/tip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tip.js","sources":["../../../src/components/tip/tip.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport ThinQuestionMark from '../icons/ThinQuestionMarkIcon.svg'\nimport Dropdown from '../dropdown'\n\nimport './tip.less'\n\ntype Props = {\n    /** Additional css class that is applied to the Tip. */\n    className?: string\n    /** Title of the tip. */\n    title?: React.ReactNode\n    /** Message of the tip. */\n    message?: React.ReactNode\n    /** Whether the tip content should be displayed to the top or not. Maps to the Dropdown.Box top property. */\n    top?: boolean\n}\n\nfunction Tip({ title, message, top, className }: Props) {\n    const tipClass = classNames('reactist_tip__container', className)\n    return (\n        <Dropdown.Box top={top} className={tipClass}>\n            <Dropdown.Trigger>\n                <ThinQuestionMark />\n            </Dropdown.Trigger>\n            <Dropdown.Body>\n                <div className=\"reactist_tip\">\n                    <p className=\"reactist_tip--title\">{title}</p>\n                    <p className=\"reactist_tip--message\">{message}</p>\n                </div>\n            </Dropdown.Body>\n        </Dropdown.Box>\n    )\n}\nTip.displayName = 'Tip'\nTip.defaultProps = {\n    top: false,\n}\n\nexport { Tip }\n"],"names":["Tip","title","message","top","tipClass","classNames","className","React","Dropdown","Box","Trigger","ThinQuestionMark","Body","displayName","defaultProps"],"mappings":"mRAmBA,SAASA,SAAMC,IAAAA,MAAOC,IAAAA,QAASC,IAAAA,IACrBC,EAAWC,EAAW,4BADIC,kBAG5BC,gBAACC,UAASC,KAAIN,IAAKA,EAAKG,UAAWF,GAC/BG,gBAACC,UAASE,aACNH,gBAACI,iBAELJ,gBAACC,UAASI,UACNL,uBAAKD,UAAU,gBACXC,qBAAGD,UAAU,uBAAuBL,GACpCM,qBAAGD,UAAU,yBAAyBJ,MAM1DF,EAAIa,YAAc,MAClBb,EAAIc,aAAe,CACfX,KAAK"}

package/lib/components/tip/tip.test.d.ts

@@ -1 +0,0 @@
-export {};

package/styles/error-message.css

@@ -1 +0,0 @@
-.reactist_error_message{padding:10px 10px 0;margin-bottom:10px;background-color:#f8d9d8;border:1px solid #de4c4a}.reactist_error_message p{font-size:.875rem;color:#de4c4a;font-weight:400;line-height:1.7;margin:0 0 10px}.reactist_error_message .dismiss_icon{height:20px;width:20px;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjN2MjNIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTEuMTcgMTAuMjg2TDcuMjgyIDYuMzk5YS43NS43NSAwIDEwLTEuMDYgMS4wNmwzLjg4NyAzLjg4Ny0zLjcxIDMuNzFhLjc1Ljc1IDAgMTAxLjA2IDEuMDZsMy43MS0zLjcwOSAzLjg4OCAzLjg4N2EuNzUuNzUgMCAxMDEuMDYtMS4wNmwtMy44ODctMy44ODggNC4wNjQtNC4wNjRhLjc1Ljc1IDAgMTAtMS4wNi0xLjA2bC00LjA2NCA0LjA2NHoiIGZpbGw9IiNERTRDNEEiLz48L2c+PC9zdmc+");float:right;position:relative;top:-30px}.reactist_error_message .dismiss_icon:hover{cursor:pointer}

package/styles/icon.css

@@ -1,2 +0,0 @@
-.reactist_tooltip{font-size:.81rem;color:#202020;font-weight:400;line-height:1.6;text-align:center;text-overflow:ellipsis;overflow:hidden;max-width:100%;padding:5px 10px;background-color:#333;color:#fff;border:none;border-radius:3px;z-index:1000}
-.reactist_icon{flex:0 0 auto;display:block;width:40px;height:40px;background-size:25px;background-position:50%;background-repeat:no-repeat}.reactist_icon.disabled{opacity:.4}.reactist_icon--component{display:flex;align-items:center;justify-content:center}

package/styles/range-input.css

@@ -1 +0,0 @@
-.reactist_range_input .range_btn{height:30px;width:30px;background-size:20px;display:inline-block;background-position:50%;background-repeat:no-repeat}.reactist_range_input .range_btn.plus{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAwaDIzdjIzSDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZmlsbD0iIzk3OTc5NyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTEuNSAyMWE5LjUgOS41IDAgMTAwLTE5IDkuNSA5LjUgMCAwMDAgMTl6bTAgMUM1LjcwMSAyMiAxIDE3LjI5OSAxIDExLjVTNS43MDEgMSAxMS41IDEgMjIgNS43MDEgMjIgMTEuNSAxNy4yOTkgMjIgMTEuNSAyMnoiIG1hc2s9InVybCgjYikiLz48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSI5IiB4PSIxMC41IiB5PSI3IiBmaWxsPSIjOTc5Nzk3IiBtYXNrPSJ1cmwoI2IpIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTEuNSAxMS41KSIvPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjkiIHg9IjEwLjUiIHk9IjciIGZpbGw9IiM5Nzk3OTciIG1hc2s9InVybCgjYikiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDExLjUgMTEuNSkiLz48L2c+PC9zdmc+")}.reactist_range_input .range_btn.minus{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAwaDIzdjIzSDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iOSIgeD0iMTAuNSIgeT0iNyIgZmlsbD0iIzk3OTc5NyIgbWFzaz0idXJsKCNiKSIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKDkwIDExLjUgMTEuNSkiLz48cGF0aCBmaWxsPSIjOTc5Nzk3IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMS41IDIxYTkuNSA5LjUgMCAxMDAtMTkgOS41IDkuNSAwIDAwMCAxOXptMCAxQzUuNzAxIDIyIDEgMTcuMjk5IDEgMTEuNVM1LjcwMSAxIDExLjUgMSAyMiA1LjcwMSAyMiAxMS41IDE3LjI5OSAyMiAxMS41IDIyeiIgbWFzaz0idXJsKCNiKSIvPjwvZz48L3N2Zz4=")}.reactist_range_input .range_btn:hover{cursor:pointer}.reactist_range_input input[type=range]{-webkit-appearance:none;width:200px;height:30px}.reactist_range_input input[type=range]:focus{outline:none}.reactist_range_input input[type=range]::-webkit-slider-runnable-track{width:200px;height:2px;cursor:pointer;animate:.2s;background:grey}.reactist_range_input input[type=range]::-webkit-slider-thumb{box-sizing:border-box;border:1px solid #3f82ef;height:20px;width:20px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-9px}.reactist_range_input input[type=range]:focus::-webkit-slider-runnable-track{background:#8d8d8d}.reactist_range_input input[type=range]::-moz-range-track{width:200px;height:2px;cursor:pointer;animate:.2s;background:grey}.reactist_range_input input[type=range]::-moz-range-thumb{box-sizing:border-box;border:1px solid #3f82ef;height:20px;width:20px;border-radius:50%;background:#fff;cursor:pointer}.reactist_range_input input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:20px 0;color:transparent}.reactist_range_input input[type=range]::-ms-fill-lower{width:200px;height:2px;cursor:pointer;animate:.2s;background:#737373}.reactist_range_input input[type=range]::-ms-fill-upper{width:200px;height:2px;cursor:pointer;animate:.2s;background:grey}.reactist_range_input input[type=range]::-ms-thumb{box-sizing:border-box;border:1px solid #3f82ef;height:20px;width:20px;border-radius:50%;background:#fff;cursor:pointer}.reactist_range_input input[type=range]:focus::-ms-fill-lower{background:grey}.reactist_range_input input[type=range]:focus::-ms-fill-upper{background:#8d8d8d}

package/styles/tip.css

@@ -1,4 +0,0 @@
-.reactist_tooltip{font-size:.81rem;color:#202020;font-weight:400;line-height:1.6;text-align:center;text-overflow:ellipsis;overflow:hidden;max-width:100%;padding:5px 10px;background-color:#333;color:#fff;border:none;border-radius:3px;z-index:1000}
-.reactist_button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;border:none;background-color:transparent;padding:0}.reactist_button[aria-disabled=true]{opacity:.4;cursor:not-allowed}.reactist_button--small{font-size:.81rem;color:#202020;font-weight:400;line-height:1.6}.reactist_button--danger,.reactist_button--primary,.reactist_button--secondary{font-size:.875rem;color:#202020;font-weight:400;line-height:1.7;box-sizing:border-box;padding:5px 15px;border:1px solid rgba(0,0,0,.1);border-radius:3px}.reactist_button--danger.reactist_button--small,.reactist_button--primary.reactist_button--small,.reactist_button--secondary.reactist_button--small{padding:5px 10px}.reactist_button--danger.reactist_button--large,.reactist_button--primary.reactist_button--large,.reactist_button--secondary.reactist_button--large{padding:10px 15px}.reactist_button--primary{background-color:#3f82ef;color:#fff}.reactist_button--primary:not([disabled]):hover{background-color:#3b7be2}.reactist_button--danger{background-color:#de4c4a;color:#fff}.reactist_button--danger:not([disabled]):hover{background-color:#cf2826}.reactist_button--secondary{background-color:#fff;color:#202020;border-color:#dcdcdc}.reactist_button--secondary:not([disabled]):hover{background-color:#f9f9f9}.reactist_button--link{color:#3f82ef;text-decoration:none}.reactist_button--link:disabled{color:grey}.reactist_button--link:not(:disabled):hover{text-decoration:underline}.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large){font-size:inherit}.reactist_button--danger.reactist_button--loading,.reactist_button--primary.reactist_button--loading,.reactist_button--secondary.reactist_button--loading{cursor:progress!important}.reactist_button--danger.reactist_button--loading:after,.reactist_button--primary.reactist_button--loading:after,.reactist_button--secondary.reactist_button--loading:after{background-repeat:no-repeat;background-size:15px;content:"";display:inline-block;height:15px;margin-left:12px;vertical-align:middle;width:15px;animation-duration:1s;animation-iteration-count:infinite;animation-name:reactistRotateRight;animation-timing-function:linear;color:#fff;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4yNTciIGhlaWdodD0iMTYuMjU3IiB2aWV3Qm94PSItMTQ3LjgxMyAyMDYuNzUgMTYuMjU3IDE2LjI1NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMTQ3LjgxMyAyMDYuNzUgMTYuMjU3IDE2LjI1NyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMikiPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iLTE0Ny42ODQiIHk9IjIxMC45MjkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMy45NSI+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAiLz48L2ZpbHRlcj48L2RlZnM+PG1hc2sgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iLTE0Ny42ODQiIHk9IjIxMC45MjkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMy45NSIgaWQ9ImIiPjxnIGZpbHRlcj0idXJsKCNhKSI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTS0xNDguNTg0IDIwNy45NzloMTh2MThoLTE4eiIvPjwvZz48L21hc2s+PHBhdGggbWFzaz0idXJsKCNiKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTS0xNDQuNjM0IDIxMS45MjlhNi45OTkgNi45OTkgMCAwMDAgOS44OTloMGE2Ljk5OSA2Ljk5OSAwIDAwOS44OTkgMCA2Ljk5OSA2Ljk5OSAwIDAwMC05Ljg5OSIvPjwvZz48L3N2Zz4=")}.reactist_button--secondary.reactist_button--loading{border-color:#dcdcdc;background-color:#dcdcdc;color:grey}@keyframes reactistRotateRight{0%{transform:rotate(0deg);transform-origin:center center}to{transform:rotate(1turn);transform-origin:center center}}
-.reactist_dropdown .trigger{cursor:pointer;display:block}.reactist_dropdown .body{border-radius:3px;border:1px solid #dcdcdc;overflow:hidden;box-shadow:0 1px 8px 0 rgba(0,0,0,.08);z-index:1;background-color:#fff}.reactist_dropdown hr{border:none;height:1px;background-color:#dcdcdc;margin:0 5px}.reactist_dropdown .with_arrow:after,.reactist_dropdown .with_arrow:before{z-index:1;content:"";display:block;position:absolute;width:0;height:0;border-style:solid;border-width:6px;right:14px}.reactist_dropdown .with_arrow:after{top:-11px;border-color:transparent transparent #fff}.reactist_dropdown .with_arrow:before{top:-12px;border-color:transparent transparent #dcdcdc}.reactist_dropdown .with_arrow.top:after{top:-1px;border-color:#fff transparent transparent}.reactist_dropdown .with_arrow.top:before{top:-1px;right:13px;border-width:7px;border-color:#dcdcdc transparent transparent}
-.reactist_tip{width:250px;padding:10px 20px}.reactist_tip__container{width:20px;height:20px}.reactist_tip--title{margin:0 0 10px;font-weight:700}.reactist_tip--message,.reactist_tip--title{font-size:.875rem;color:#202020;line-height:1.7}.reactist_tip--message{margin:0;font-weight:400}