@fattureincloud/fic-design-system 0.3.18 → 0.3.22

package/dist/components/form/inputHelper/inputHelper.stories.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__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);
+};
+import { boolean } from '@storybook/addon-knobs';
+import React from 'react';
+import { getRandomIcon } from '../../../common/utils/iconsUtils';
+import InputHelper from './InputHelper';
+import { inputHelperStatusesArray } from './types';
+export var WithKnobs = function (args) {
+    var customIcon = boolean('customIcon', false);
+    var icon = customIcon ? getRandomIcon() : undefined;
+    return React.createElement(InputHelper, __assign({}, args, { icon: icon }));
+};
+var InputHelperStories = {
+    title: 'New Components/InputHelper',
+    component: InputHelper,
+    args: {
+        status: 'normal',
+        message: 'Messaggio di esempio',
+    },
+    argTypes: {
+        status: {
+            options: inputHelperStatusesArray,
+            control: { type: 'select' },
+        },
+    },
+};
+export default InputHelperStories;
+//# sourceMappingURL=inputHelper.stories.js.map

package/dist/components/form/inputHelper/inputHelper.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputHelper.stories.js","sourceRoot":"","sources":["../../../../src/components/form/inputHelper/inputHelper.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,WAAiC,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,CAAC,IAAM,SAAS,GAA4B,UAAA,IAAI;IACpD,IAAM,UAAU,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;IAE/C,IAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IAErD,OAAO,oBAAC,WAAW,eAAK,IAAI,IAAE,IAAI,EAAE,IAAI,IAAI,CAAA;AAC9C,CAAC,CAAA;AAED,IAAM,kBAAkB,GAA2B;IACjD,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,sBAAsB;KAChC;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,wBAAwB;YACjC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;KACF;CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/form/inputHelper/inputHelperPalette.js

@@ -0,0 +1,31 @@
+import { faCheckCircle, faExclamationTriangle, faInfoCircle, faTimesCircle } from '@fortawesome/pro-solid-svg-icons';
+import defaultPalette from '../../../styles/defaultPalette';
+var inputHelperPalette = {
+    normal: {
+        color: defaultPalette.black[100],
+        background: defaultPalette.grey[100],
+        defaultIcon: null,
+    },
+    error: {
+        color: defaultPalette.red[900],
+        background: defaultPalette.red[50],
+        defaultIcon: { icon: faTimesCircle },
+    },
+    warning: {
+        color: defaultPalette.yellow[900],
+        background: defaultPalette.yellow[50],
+        defaultIcon: { icon: faExclamationTriangle },
+    },
+    info: {
+        color: defaultPalette.blue[900],
+        background: defaultPalette.blue[50],
+        defaultIcon: { icon: faInfoCircle },
+    },
+    success: {
+        color: defaultPalette.green[900],
+        background: defaultPalette.green[50],
+        defaultIcon: { icon: faCheckCircle },
+    },
+};
+export default inputHelperPalette;
+//# sourceMappingURL=inputHelperPalette.js.map

package/dist/components/form/inputHelper/inputHelperPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputHelperPalette.js","sourceRoot":"","sources":["../../../../src/components/form/inputHelper/inputHelperPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAGpH,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAY3D,IAAM,kBAAkB,GAAuB;IAC7C,MAAM,EAAE;QACN,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,WAAW,EAAE,IAAI;KAClB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;QAC9B,UAAU,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;QAClC,WAAW,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE;KACrC;IACD,OAAO,EAAE;QACP,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;QACjC,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QACrC,WAAW,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE;KAC7C;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QAC/B,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACnC,WAAW,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;KACpC;IACD,OAAO,EAAE;QACP,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACpC,WAAW,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE;KACrC;CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/form/inputHelper/types.js

@@ -0,0 +1,2 @@
+export var inputHelperStatusesArray = ['normal', 'error', 'warning', 'info', 'success'];
+//# sourceMappingURL=types.js.map

package/dist/components/form/inputHelper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/form/inputHelper/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,wBAAwB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA"}

package/dist/components/form/inputText/InputText.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__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 = (this && this.__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;
+};
+import React from 'react';
+import ComplexInputWrapper from '../common/components/ComplexInputWrapper';
+import InputHelper from '../inputHelper/InputHelper';
+import { Label } from '../label';
+import InputElement from './components/InputElement';
+var InputText = function (props) {
+    var label = props.label, className = props.className, inputProps = __rest(props, ["label", "className"]);
+    var isDisabled = props.isDisabled, required = props.required, helper = props.helper;
+    return (React.createElement(ComplexInputWrapper, { className: className },
+        React.createElement(Label, { label: label, isDisabled: isDisabled, required: required }),
+        React.createElement(InputElement, __assign({}, inputProps)),
+        helper && React.createElement(InputHelper, __assign({}, helper))));
+};
+export default InputText;
+//# sourceMappingURL=InputText.js.map

package/dist/components/form/inputText/InputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../src/components/form/inputText/InputText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,0CAA0C,CAAA;AAC1E,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAA;AAC5C,OAAO,YAAY,MAAM,2BAA2B,CAAA;AAKpD,IAAM,SAAS,GAAG,UAAC,KAAqB;IAC9B,IAAA,mBAAK,EAAE,2BAAS,EAAE,kDAAa,CAAU;IACzC,IAAA,6BAAU,EAAE,yBAAQ,EAAE,qBAAM,CAAU;IAE9C,OAAO,CACL,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS;QACvC,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI;QACnE,oBAAC,YAAY,eAAK,UAAU,EAAI;QAC/B,MAAM,IAAI,oBAAC,WAAW,eAAK,MAAM,EAAI,CAClB,CACvB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/form/inputText/components/InputElement.js

@@ -0,0 +1,49 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__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);
+};
+import React, { useCallback, useRef } from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../../icon';
+import { boxedInputWrapperStyle } from '../../common/styles';
+import StatusIcon from './StatusIcon';
+import { StyledInput } from './styled';
+import { getInputTextStyles } from './utils';
+var InputElement = function (_a) {
+    var autoFocus = _a.autoFocus, onBlur = _a.onBlur, onChange = _a.onChange, _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, isDisabled = _a.isDisabled, name = _a.name, inputSize = _a.inputSize, leadingIcon = _a.leadingIcon, onKeyPress = _a.onKeyPress, _d = _a.status, status = _d === void 0 ? 'normal' : _d, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, inputType = _a.inputType, onFocus = _a.onFocus, className = _a.className, actionIcon = _a.actionIcon, setValue = _a.setValue;
+    var ref = useRef(null);
+    var onClick = useCallback(function () { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus(); }, []);
+    var actualValue = (value === null || value === void 0 ? void 0 : value.toString()) || '';
+    var handleChange = useCallback(function (e) {
+        setValue === null || setValue === void 0 ? void 0 : setValue(e.currentTarget.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    }, [onChange, setValue]);
+    var handleBlur = useCallback(function (e) {
+        setValue === null || setValue === void 0 ? void 0 : setValue(e.target.value.trim());
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [onBlur, setValue]);
+    return (React.createElement(Wrapper, { onClick: onClick, isDisabled: isDisabled, status: status, className: className },
+        leadingIcon && React.createElement(InputIcon, __assign({}, leadingIcon, { isDisabled: isDisabled })),
+        React.createElement(StyledInput, { ref: ref, type: inputType, autoFocus: autoFocus, value: actualValue, placeholder: "" + placeholder, disabled: isDisabled, name: name, inputSize: inputSize, onChange: handleChange, onFocus: onFocus, onBlur: handleBlur, onKeyPress: onKeyPress, onKeyDown: onKeyDown, onKeyUp: onKeyUp }),
+        React.createElement(StatusIcon, { status: status }),
+        actionIcon && React.createElement(InputIcon, __assign({}, actionIcon, { isDisabled: isDisabled }))));
+};
+var Wrapper = styled.div.attrs(getInputTextStyles)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  gap: 8px;\n  padding: 0 8px;\n"], ["\n  ", ";\n\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  gap: 8px;\n  padding: 0 8px;\n"])), boxedInputWrapperStyle);
+var InputIcon = styled(Icon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 14px;\n"], ["\n  color: ", ";\n  font-size: 14px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.black[100];
+});
+export default InputElement;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=InputElement.js.map

package/dist/components/form/inputText/components/InputElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputElement.js","sourceRoot":"","sources":["../../../../../src/components/form/inputText/components/InputElement.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/inputText/components/StatusIcon.js

@@ -0,0 +1,52 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__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);
+};
+import { faCheckCircle, faExclamationTriangle, faTimesCircle } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../../icon';
+var warningIcon = {
+    icon: faExclamationTriangle,
+    fixedWidth: true,
+};
+var errorIcon = {
+    icon: faTimesCircle,
+    fixedWidth: true,
+};
+var successIcon = {
+    icon: faCheckCircle,
+    fixedWidth: true,
+};
+var iconMap = {
+    normal: undefined,
+    warning: warningIcon,
+    error: errorIcon,
+    success: successIcon,
+};
+var StatusIcon = function (_a) {
+    var status = _a.status;
+    var icon = iconMap[status];
+    if (!icon) {
+        return null;
+    }
+    return React.createElement(StyledIcon, __assign({}, icon, { status: status }));
+};
+var StyledIcon = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme, status = _a.status;
+    return theme.components.inputText[status].iconColor;
+});
+export default StatusIcon;
+var templateObject_1;
+//# sourceMappingURL=StatusIcon.js.map

package/dist/components/form/inputText/components/StatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.js","sourceRoot":"","sources":["../../../../../src/components/form/inputText/components/StatusIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEtG,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAM/C,IAAM,WAAW,GAAc;IAC7B,IAAI,EAAE,qBAAqB;IAC3B,UAAU,EAAE,IAAI;CACjB,CAAA;AAED,IAAM,SAAS,GAAc;IAC3B,IAAI,EAAE,aAAa;IACnB,UAAU,EAAE,IAAI;CACjB,CAAA;AAED,IAAM,WAAW,GAAc;IAC7B,IAAI,EAAE,aAAa;IACnB,UAAU,EAAE,IAAI;CACjB,CAAA;AAED,IAAM,OAAO,GAAmD;IAC9D,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,WAAW;CACrB,CAAA;AAED,IAAM,UAAU,GAAG,UAAC,EAAiB;QAAf,kBAAM;IAC1B,IAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAE5B,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,oBAAC,UAAU,eAAK,IAAI,IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;AACjD,CAAC,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,uFAAO,aAC3B,EAAmE,KAC7E,KADU,UAAC,EAAiB;QAAf,gBAAK,EAAE,kBAAM;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,SAAS;AAA5C,CAA4C,CAC7E,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/form/inputText/components/styled.js

@@ -0,0 +1,19 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { inputTextHTMLInputBootstrapFixes } from '../../../../common/cssFixes/inputTextFixes';
+export var StyledInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n\n  height: ", "px;\n\n  border: 0;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  ", "\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ", "\n"], ["\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n\n  height: ", "px;\n\n  border: 0;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  ",
+    "\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ", "\n"])), function (_a) {
+    var inputSize = _a.inputSize;
+    return (inputSize === 'large' ? 40 : 30);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[200];
+}, function (_a) {
+    var type = _a.type;
+    return type === 'password' && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      letter-spacing: 1px;\n    "], ["\n      letter-spacing: 1px;\n    "])));
+}, inputTextHTMLInputBootstrapFixes);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styled.js.map

package/dist/components/form/inputText/components/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/components/form/inputText/components/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,gCAAgC,EAAE,MAAM,4CAA4C,CAAA;AAO7F,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,8UAAO,yFAKlC,EAAoD,mGAOnD,EAAsC,cAG/C;IAIC,qDAKD,EAAgC,IACnC,KApBW,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAAjC,CAAiC,EAOnD,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAG/C,UAAC,EAAQ;QAAN,cAAI;IACP,OAAA,IAAI,KAAK,UAAU,IACnB,GAAG,uGAAA,oCAEF,IAAA;AAHD,CAGC,EAKD,gCAAgC,CACnC,CAAA"}

package/dist/components/form/inputText/components/utils.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__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);
+};
+export var getInputTextStyles = function (_a) {
+    var theme = _a.theme, isDisabled = _a.isDisabled, _b = _a.status, status = _b === void 0 ? 'normal' : _b;
+    var actualStatus = isDisabled ? 'disabled' : status;
+    var styles = theme.components.inputText[actualStatus];
+    return __assign(__assign({}, styles), { normalFocused: theme.components.inputText['normalFocused'] });
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/form/inputText/components/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/form/inputText/components/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AASA,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAA4D;QAA1D,gBAAK,EAAE,0BAAU,EAAE,cAAiB,EAAjB,sCAAiB;IACvE,IAAM,YAAY,GAA2B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAA;IAC7E,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;IAEvD,6BACK,MAAM,KACT,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,eAAe,CAAC,IAC3D;AACH,CAAC,CAAA"}

package/dist/components/form/inputText/index.js

@@ -0,0 +1,4 @@
+import InputText from './InputText';
+import inputTextPalette from './inputTextPalette';
+export { InputText, inputTextPalette };
+//# sourceMappingURL=index.js.map

package/dist/components/form/inputText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/inputText/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAA6B,MAAM,aAAa,CAAA;AACvD,OAAO,gBAAsC,MAAM,oBAAoB,CAAA;AAEvE,OAAO,EAAE,SAAS,EAAoC,gBAAgB,EAAE,CAAA"}

package/dist/components/form/inputText/inputText.stories.js

@@ -0,0 +1,51 @@
+var __assign = (this && this.__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);
+};
+import React, { useState } from 'react';
+import { getRandomIcon } from '../../../common/utils/iconsUtils';
+import { errorHelper, warningHelper } from '../common/exampleHelpers';
+import { inputSizeArray, statusesArray } from '../common/types';
+import InputText from './InputText';
+import { inputTypesArray } from './types';
+export var WithKnobs = function (args) {
+    var _a = useState(''), value = _a[0], setValue = _a[1];
+    var helper = value === 'error' ? errorHelper : value === 'warning' ? warningHelper : undefined;
+    return (React.createElement(InputText, __assign({}, args, { value: value, setValue: setValue, actionIcon: getRandomIcon(), leadingIcon: getRandomIcon(), helper: helper })));
+};
+var InputTextStories = {
+    title: 'New Components/InputText',
+    component: InputText,
+    args: {
+        inputSize: 'large',
+        status: 'normal',
+        label: 'Label',
+        required: true,
+        isDisabled: false,
+        placeholder: 'Placeholder text',
+        inputType: 'text',
+    },
+    argTypes: {
+        inputSize: {
+            options: inputSizeArray,
+            control: { type: 'inline-radio' },
+        },
+        status: {
+            options: statusesArray,
+            control: { type: 'inline-radio' },
+        },
+        inputType: {
+            options: inputTypesArray,
+            control: { type: 'inline-radio' },
+        },
+    },
+};
+export default InputTextStories;
+//# sourceMappingURL=inputText.stories.js.map

package/dist/components/form/inputText/inputText.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputText.stories.js","sourceRoot":"","sources":["../../../../src/components/form/inputText/inputText.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/D,OAAO,SAA6B,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,MAAM,CAAC,IAAM,SAAS,GAA0B,UAAA,IAAI;IAC5C,IAAA,iBAAgC,EAA/B,aAAK,EAAE,gBAAwB,CAAA;IACtC,IAAM,MAAM,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhG,OAAO,CACL,oBAAC,SAAS,eACJ,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,aAAa,EAAE,EAC3B,WAAW,EAAE,aAAa,EAAE,EAC5B,MAAM,EAAE,MAAM,IACd,CACH,CAAA;AACH,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAyB;IAC7C,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE;QACJ,SAAS,EAAE,OAAO;QAClB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,kBAAkB;QAC/B,SAAS,EAAE,MAAM;KAClB;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;QACD,SAAS,EAAE;YACT,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;KACF;CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/form/inputText/inputTextPalette.js

@@ -0,0 +1,40 @@
+import defaultPalette from '../../../styles/defaultPalette';
+var inputTextPalette = {
+    normal: {
+        background: defaultPalette.white[100],
+        color: defaultPalette.black[100],
+        iconColor: defaultPalette.black[100],
+        borderColor: defaultPalette.grey[500],
+    },
+    normalFocused: {
+        background: defaultPalette.white[100],
+        color: defaultPalette.black[100],
+        borderColor: defaultPalette.blue[300],
+    },
+    success: {
+        background: defaultPalette.green[50],
+        color: defaultPalette.black[100],
+        iconColor: defaultPalette.green[900],
+        borderColor: defaultPalette.green[300],
+    },
+    warning: {
+        background: defaultPalette.yellow[50],
+        color: defaultPalette.black[100],
+        iconColor: defaultPalette.yellow[900],
+        borderColor: defaultPalette.yellow[300],
+    },
+    error: {
+        background: defaultPalette.red[50],
+        color: defaultPalette.black[100],
+        iconColor: defaultPalette.red[900],
+        borderColor: defaultPalette.red[300],
+    },
+    disabled: {
+        background: defaultPalette.grey[100],
+        color: defaultPalette.black[16],
+        iconColor: defaultPalette.black[16],
+        borderColor: 'transparent',
+    },
+};
+export default inputTextPalette;
+//# sourceMappingURL=inputTextPalette.js.map

package/dist/components/form/inputText/inputTextPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputTextPalette.js","sourceRoot":"","sources":["../../../../src/components/form/inputText/inputTextPalette.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAiB3D,IAAM,gBAAgB,GAAqB;IACzC,MAAM,EAAE;QACN,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACpC,WAAW,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACtC;IACD,aAAa,EAAE;QACb,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,WAAW,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACtC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACpC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACpC,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;KACvC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QACrC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;QACrC,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;KACxC;IACD,KAAK,EAAE;QACL,UAAU,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;QAClC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,SAAS,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;QAClC,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;KACrC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACnC,WAAW,EAAE,aAAa;KAC3B;CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/form/inputText/types.js

@@ -0,0 +1,2 @@
+export var inputTypesArray = ['password', 'text', 'number'];
+//# sourceMappingURL=types.js.map

package/dist/components/form/inputText/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/form/inputText/types.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA"}

package/dist/components/form/label/Label.js

@@ -0,0 +1,28 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { inputTextHTMLLabelBootstrapFixes } from '../../../common/cssFixes/labelFixes';
+var Label = function (_a) {
+    var label = _a.label, isDisabled = _a.isDisabled, required = _a.required;
+    if (!label) {
+        return null;
+    }
+    return (React.createElement(Wrapper, { isDisabled: isDisabled, required: required }, label));
+};
+var requiredCss = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:after {\n    color: ", ";\n    content: '*';\n    display: inline;\n  }\n"], ["\n  &:after {\n    color: ", ";\n    content: '*';\n    display: inline;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.red[500];
+});
+var Wrapper = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 12px;\n  line-height: 18px;\n\n  color: ", ";\n  ", "\n\n  /* Bootstrap Fixes */\n  ", "\n"], ["\n  font-size: 12px;\n  line-height: 18px;\n\n  color: ", ";\n  ", "\n\n  /* Bootstrap Fixes */\n  ", "\n"])), function (_a) {
+    var palette = _a.theme.palette, isDisabled = _a.isDisabled;
+    return (isDisabled ? palette.grey[300] : palette.black[100]);
+}, function (_a) {
+    var required = _a.required;
+    return required && requiredCss;
+}, inputTextHTMLLabelBootstrapFixes);
+export default Label;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Label.js.map

package/dist/components/form/label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/form/label/Label.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAA;AAMtF,IAAM,KAAK,GAAG,UAAC,EAA2C;QAAzC,gBAAK,EAAE,0BAAU,EAAE,sBAAQ;IAC1C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,oBAAC,OAAO,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,IAChD,KAAK,CACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAM,WAAW,GAAG,GAAG,oJAAA,4BAEV,EAAqC,mDAIjD,KAJY,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;AAAtB,CAAsB,CAIjD,CAAA;AAOD,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,8KAAc,yDAI/B,EAA6F,OACpG,EAAyC,iCAGzC,EAAgC,IACnC,KALU,UAAC,EAAkC;QAAvB,0BAAO,EAAI,0BAAU;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAArD,CAAqD,EACpG,UAAC,EAAY;QAAV,sBAAQ;IAAO,OAAA,QAAQ,IAAI,WAAW;AAAvB,CAAuB,EAGzC,gCAAgC,CACnC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/form/label/index.js

@@ -0,0 +1,3 @@
+import Label from './Label';
+export { Label };
+//# sourceMappingURL=index.js.map

package/dist/components/form/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,SAAS,CAAA;AAE3C,OAAO,EAAc,KAAK,EAAE,CAAA"}

package/dist/components/form/select/Select.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { OptionType } from './components/Option';
+import { SelectProps } from './types';
+export declare const Select: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
+export declare const CreatableSelect: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select/creatable").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
+export declare const AsyncSelect: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select/async").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
+export declare const AsyncCreatableSelect: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select/async-creatable").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;

package/dist/components/form/select/Select.js

@@ -0,0 +1,70 @@
+var __assign = (this && this.__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 = (this && this.__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;
+};
+import React, { useMemo } from 'react';
+import ReactSelect from 'react-select';
+import Async from 'react-select/async';
+import AsyncCreatable from 'react-select/async-creatable';
+import Creatable from 'react-select/creatable';
+import ComplexInputWrapper from '../common/components/ComplexInputWrapper';
+import InputHelper from '../inputHelper/InputHelper';
+import { Label } from '../label';
+import { customComponents as _components } from './components';
+import useSelectThemeStyles from './hooks/useSelectThemeStyles';
+import { SelectWrapper } from './SelectWrapper';
+var SelectsWrapper = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    var label = rest.label, isDisabled = rest.isDisabled, required = rest.required, helper = rest.helper, _b = rest.status, status = _b === void 0 ? 'normal' : _b, inputSize = rest.inputSize;
+    return (React.createElement(ComplexInputWrapper, null,
+        React.createElement(Label, { label: label, isDisabled: isDisabled, required: required }),
+        React.createElement(SelectWrapper, { isDisabled: isDisabled, status: status, inputSize: inputSize }, children),
+        helper && React.createElement(InputHelper, __assign({}, helper))));
+};
+export var Select = function (props) {
+    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
+    var styles = useSelectThemeStyles({ status: status });
+    var customComponents = useMemo(function () { return (__assign(__assign({}, _components), components)); }, [components]);
+    return (React.createElement(SelectsWrapper, __assign({}, props),
+        React.createElement(ReactSelect, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
+};
+export var CreatableSelect = function (props) {
+    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
+    var styles = useSelectThemeStyles({ status: status });
+    var customComponents = useMemo(function () { return (__assign(__assign({}, _components), components)); }, [components]);
+    return (React.createElement(SelectsWrapper, __assign({}, props),
+        React.createElement(Creatable, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
+};
+export var AsyncSelect = function (props) {
+    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
+    var styles = useSelectThemeStyles({ status: status });
+    var customComponents = useMemo(function () { return (__assign(__assign({}, _components), components)); }, [components]);
+    return (React.createElement(SelectsWrapper, __assign({}, props),
+        React.createElement(Async, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
+};
+export var AsyncCreatableSelect = function (props) {
+    var _a = props.status, status = _a === void 0 ? 'normal' : _a, components = props.components;
+    var styles = useSelectThemeStyles({ status: status });
+    var customComponents = useMemo(function () { return (__assign(__assign({}, _components), components)); }, [components]);
+    return (React.createElement(SelectsWrapper, __assign({}, props),
+        React.createElement(AsyncCreatable, __assign({}, props, { components: customComponents, backspaceRemoves: true, styles: styles }))));
+};
+//# sourceMappingURL=Select.js.map

package/dist/components/form/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/form/select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/select/SelectInputParts.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { Props as ReactSelectProps } from 'react-select/src/Select';
+import { BoxedInputWrapperProps } from '../common/styles';
+import { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
+import { SelectProps } from './Select';
+export interface SelectInputPartsProps extends CommonFormTypes, LabelProps {
+    children?: ReactNode;
+}
+declare const SelectInputParts: (props: SelectInputPartsProps) => JSX.Element;
+export declare type SelectWrapperProps = Pick<SelectProps<ReactSelectProps>, 'isDisabled' | 'status' | 'inputSize'>;
+export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export default SelectInputParts;

package/dist/components/form/select/SelectWrapper.d.ts

@@ -0,0 +1,5 @@
+import { BoxedInputWrapperProps } from '../common/styles';
+import { SelectProps } from './types';
+export declare type SelectWrapperProps = Pick<SelectProps, 'isDisabled' | 'status' | 'inputSize'>;
+export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background"> & Pick<SelectProps<false, import("react-select").Props<import("./components/Option").OptionType, false, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>, "isDisabled" | "status" | "inputSize">, "borderColor" | "normalFocused" | "color" | "background">;

package/dist/components/form/select/SelectWrapper.js

@@ -0,0 +1,16 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { boxedInputWrapperStyle } from '../common/styles';
+import { getSelectStyles } from './utils';
+export var SelectWrapper = styled.span.attrs(getSelectStyles)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & > div:first-child {\n    ", ";\n    & > div:nth-child(2) {\n      height: ", "px;\n      min-height: ", "px;\n    }\n  }\n"], ["\n  & > div:first-child {\n    ", ";\n    & > div:nth-child(2) {\n      height: ", "px;\n      min-height: ", "px;\n    }\n  }\n"])), boxedInputWrapperStyle, function (_a) {
+    var inputSize = _a.inputSize;
+    return (inputSize === 'large' ? 40 : 30);
+}, function (_a) {
+    var inputSize = _a.inputSize;
+    return (inputSize === 'large' ? 40 : 30);
+});
+var templateObject_1;
+//# sourceMappingURL=SelectWrapper.js.map

package/dist/components/form/select/SelectWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectWrapper.js","sourceRoot":"","sources":["../../../../src/components/form/select/SelectWrapper.ts"],"names":[],"mappings":";;;;AACA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAA0B,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAEjF,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKzC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAmC,eAAe,CAAC,qMAAoB,iCAE/G,EAAsB,+CAEZ,EAAoD,yBAChD,EAAoD,mBAGvE,KANK,sBAAsB,EAEZ,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAAjC,CAAiC,EAChD,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAAjC,CAAiC,CAGvE,CAAA"}

package/dist/components/form/select/components/ClearIndicator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ClearIndicator: <IsMulti extends boolean = false>({ isDisabled, clearValue, }: import("react-select").IndicatorProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").IndicatorProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default ClearIndicator;

package/dist/components/form/select/components/ClearIndicator.js

@@ -0,0 +1,17 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faTimes } from '@fortawesome/pro-light-svg-icons';
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../../icon';
+var ClearIndicator = function (_a) {
+    var isDisabled = _a.isDisabled, clearValue = _a.clearValue;
+    var onClick = useCallback(function () { return !isDisabled && clearValue(); }, [clearValue, isDisabled]);
+    return React.createElement(CaretIcon, { icon: faTimes, onClick: onClick });
+};
+var CaretIcon = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0.5em;\n"], ["\n  margin: 0.5em;\n"])));
+export default ClearIndicator;
+var templateObject_1;
+//# sourceMappingURL=ClearIndicator.js.map