@epilot/base-elements 2.5.10 → 2.5.11

package/dist/TableColumnSettings/TableColumnSettings.js

@@ -0,0 +1,132 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var react_1 = tslib_1.__importStar(require("react"));
+var react_beautiful_dnd_1 = require("react-beautiful-dnd");
+var Checkbox_1 = require("../Checkbox");
+var Form_1 = require("../Form");
+var Icon_1 = require("../Icon");
+var Paper_1 = require("../Paper");
+var Switch_1 = require("../Switch");
+var TextField_1 = require("../TextField");
+var Typography_1 = require("../Typography");
+var TableColumnSettingsStyles_1 = require("./TableColumnSettingsStyles");
+var reorder = function (list, startIndex, endIndex) {
+    var result = Array.from(list);
+    var removed = result.splice(startIndex, 1)[0];
+    result.splice(endIndex, 0, removed);
+    return result;
+};
+var DEFAULT_LOCALES = {
+    searchPlaceholder: 'Search',
+    showAllSwitchLabel: 'Show all',
+    columnShowCheckboxLabel: 'show'
+};
+var useLocales = function (locales) {
+    return react_1.useMemo(function () {
+        if (!locales) {
+            return DEFAULT_LOCALES;
+        }
+        return tslib_1.__assign(tslib_1.__assign({}, DEFAULT_LOCALES), locales);
+    }, [locales]);
+};
+var TableColumnSettings = function (_a) {
+    var columns = _a.columns, onColumnsChange = _a.onColumnsChange, _b = _a.locales, propLocales = _b === void 0 ? {} : _b;
+    var classes = TableColumnSettingsStyles_1.useClasses();
+    var _c = react_1.useState(''), searchQuery = _c[0], setSearchQuery = _c[1];
+    var locales = useLocales(propLocales);
+    var checkedColumnsCount = react_1.useMemo(function () { return columns.filter(function (column) { return column.show; }).length; }, [columns]);
+    var showAll = checkedColumnsCount === columns.length;
+    var filteredColumns = columns;
+    if (searchQuery) {
+        filteredColumns = columns.filter(function (column) {
+            return column.label.toLowerCase().includes(searchQuery.toLowerCase());
+        });
+    }
+    react_1.useEffect(function () {
+        if (checkedColumnsCount === 0) {
+            var _a = tslib_1.__spreadArrays(columns), firstColumn = _a[0], restColumns = _a.slice(1);
+            onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(tslib_1.__spreadArrays([tslib_1.__assign(tslib_1.__assign({}, firstColumn), { show: true })], restColumns));
+        }
+    }, [columns, onColumnsChange, checkedColumnsCount]);
+    var onTextFieldChange = function (event) {
+        setSearchQuery(event.target.value);
+    };
+    var onShowAll = function () {
+        if (showAll) {
+            var _a = tslib_1.__spreadArrays(columns), firstColumn = _a[0], restColumns = _a.slice(1);
+            var restColumnsHidden = restColumns.map(function (column) { return (tslib_1.__assign(tslib_1.__assign({}, column), { show: false })); });
+            onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(tslib_1.__spreadArrays([firstColumn], restColumnsHidden));
+            return;
+        }
+        var columnsAllShow = columns.map(function (column) { return (tslib_1.__assign(tslib_1.__assign({}, column), { show: true })); });
+        onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(columnsAllShow);
+    };
+    var onToggleColumn = function (columnClicked) { return function () {
+        var updatedColumns = columns.map(function (column) {
+            if (column.label === columnClicked.label) {
+                return tslib_1.__assign(tslib_1.__assign({}, column), { show: !column.show });
+            }
+            return column;
+        });
+        onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(updatedColumns);
+    }; };
+    var onDragEnd = function (result) {
+        if (!result.destination) {
+            return;
+        }
+        var updatedColumns = reorder(columns, result.source.index, result.destination.index);
+        onColumnsChange === null || onColumnsChange === void 0 ? void 0 : onColumnsChange(updatedColumns);
+    };
+    return (react_1["default"].createElement("div", { className: classes.container },
+        react_1["default"].createElement("div", { className: classes.header },
+            react_1["default"].createElement(TextField_1.TextField, { InputProps: {
+                    endAdornment: (react_1["default"].createElement(Form_1.InputAdornment, { position: "end" },
+                        react_1["default"].createElement(Icon_1.Icon, { color: "secondary", name: "search" }))),
+                    classes: { root: classes.inputRoot }
+                }, fullWidth: true, label: "Label", onChange: onTextFieldChange, placeholder: locales.searchPlaceholder, value: searchQuery, variant: "outlined" })),
+        react_1["default"].createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: onDragEnd },
+            react_1["default"].createElement(react_beautiful_dnd_1.Droppable, { droppableId: "table-settings-droppable" }, function (provided) { return (react_1["default"].createElement("div", tslib_1.__assign({}, provided.droppableProps, { className: classes.contentContainer, ref: provided.innerRef }),
+                react_1["default"].createElement(Form_1.FormControlLabel, { classes: {
+                        root: classes.formControlRoot,
+                        label: classes.formControlLabel
+                    }, control: react_1["default"].createElement(Switch_1.Switch, { checked: showAll, classes: { track: classes.switchTrack }, onChange: onShowAll, size: "small" }), label: locales.showAllSwitchLabel }),
+                filteredColumns.map(function (column, index) { return (react_1["default"].createElement(ColumnItem, { checkedColumnsCount: checkedColumnsCount, column: column, draggable: !searchQuery, index: index, key: column.label + "-" + index, locales: locales, onToggleColumn: onToggleColumn(column) })); }),
+                provided.placeholder)); }))));
+};
+var ColumnItem = function (_a) {
+    var _b;
+    var column = _a.column, index = _a.index, checkedColumnsCount = _a.checkedColumnsCount, onToggleColumn = _a.onToggleColumn, _c = _a.draggable, draggable = _c === void 0 ? true : _c, locales = _a.locales;
+    var classes = TableColumnSettingsStyles_1.useClasses();
+    if (!draggable) {
+        return (react_1["default"].createElement(Paper_1.Paper, { className: classes.item },
+            react_1["default"].createElement("div", { className: classes.informationContainer },
+                react_1["default"].createElement(Icon_1.Icon, { className: classes.dragIcon + " " + classes.dragIconDisabled, color: "secondary", name: "drag_indicator" }),
+                react_1["default"].createElement(Typography_1.BodyText, { className: classes.text }, column.label)),
+            react_1["default"].createElement("div", { "aria-hidden": "true", className: classnames_1["default"]((_b = {},
+                    _b[classes.showContainer] = true,
+                    _b[classes.noClick] = checkedColumnsCount === 1 && column.show,
+                    _b)), onClick: onToggleColumn },
+                react_1["default"].createElement(Checkbox_1.Checkbox, { checked: column.show, color: "primary", disabled: checkedColumnsCount === 1 && column.show, size: "small" }),
+                react_1["default"].createElement(Typography_1.BodyText, null, "Show"))));
+    }
+    return (react_1["default"].createElement(react_beautiful_dnd_1.Draggable, { draggableId: column.label + "-" + index, index: index, key: column.label + "-" + index }, function (provided, snapshot) {
+        var _a, _b;
+        return (react_1["default"].createElement(Paper_1.Paper, tslib_1.__assign({ className: classnames_1["default"]((_a = {},
+                _a[classes.item] = true,
+                _a[classes.dragItem] = snapshot.isDragging,
+                _a)), ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: provided.draggableProps.style }),
+            react_1["default"].createElement("div", { className: classes.informationContainer },
+                react_1["default"].createElement(Icon_1.Icon, { className: classes.dragIcon, color: "secondary", name: "drag_indicator" }),
+                react_1["default"].createElement(Typography_1.BodyText, { className: classes.text }, column.label)),
+            react_1["default"].createElement("div", { "aria-hidden": "true", className: classnames_1["default"]((_b = {},
+                    _b[classes.showContainer] = true,
+                    _b[classes.noClick] = checkedColumnsCount === 1 && column.show,
+                    _b)), onClick: onToggleColumn },
+                react_1["default"].createElement(Checkbox_1.Checkbox, { checked: column.show, color: "primary", disabled: checkedColumnsCount === 1 && column.show, size: "small" }),
+                react_1["default"].createElement(Typography_1.BodyText, null, locales.columnShowCheckboxLabel))));
+    }));
+};
+exports["default"] = TableColumnSettings;
+//# sourceMappingURL=TableColumnSettings.js.map

package/dist/TableColumnSettings/TableColumnSettings.js.map

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

package/dist/TableColumnSettings/TableColumnSettingsStyles.js

@@ -0,0 +1,84 @@
+"use strict";
+exports.__esModule = true;
+exports.useClasses = void 0;
+var __1 = require("..");
+exports.useClasses = __1.makeStyles(function (theme) {
+    var _a, _b, _c, _d;
+    return __1.createStyles({
+        container: {
+            display: 'flex',
+            flexDirection: 'column',
+            height: '100%'
+        },
+        header: {
+            padding: 16,
+            paddingBottom: 12
+        },
+        inputRoot: {
+            '&:hover': {
+                backgroundColor: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.background["default"]
+            }
+        },
+        formControlRoot: {
+            marginLeft: 'auto',
+            marginBottom: 12
+        },
+        formControlLabel: {
+            fontSize: 14
+        },
+        contentContainer: {
+            flex: 1,
+            display: 'flex',
+            flexDirection: 'column',
+            padding: 16,
+            paddingTop: 0,
+            paddingBottom: 48,
+            overflowY: 'scroll'
+        },
+        item: {
+            minHeight: 56,
+            display: 'flex',
+            boxShadow: '0px 1px 4px rgba(21, 43, 66, 0.16)',
+            paddingLeft: 30,
+            paddingRight: 16,
+            border: "1px solid transparent",
+            '&:not(:last-child)': {
+                margin: '0 0 8px 0'
+            }
+        },
+        dragItem: {
+            border: "1px solid " + ((_b = theme.palette) === null || _b === void 0 ? void 0 : _b.primary[400]),
+            boxShadow: (_c = theme.shadows) === null || _c === void 0 ? void 0 : _c[8]
+        },
+        switchTrack: {
+            backgroundColor: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.grey[70]
+        },
+        informationContainer: {
+            display: 'flex',
+            alignItems: 'center',
+            flex: 1
+        },
+        dragIcon: {
+            marginRight: 16,
+            fontSize: 18
+        },
+        dragIconDisabled: {
+            opacity: 0.5,
+            cursor: 'not-allowed'
+        },
+        text: {
+            fontWeight: 600,
+            flex: 1,
+            marginRight: 16
+        },
+        showContainer: {
+            display: 'flex',
+            alignItems: 'center',
+            cursor: 'pointer'
+        },
+        noClick: {
+            pointerEvents: 'none'
+        }
+    });
+});
+//# sourceMappingURL=TableColumnSettingsStyles.js.map

package/dist/TableColumnSettings/TableColumnSettingsStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnSettingsStyles.js","sourceRoot":"","sources":["../../src/TableColumnSettings/TableColumnSettingsStyles.ts"],"names":[],"mappings":";;;AAAA,wBAA6C;AAGhC,QAAA,UAAU,GAAG,cAAU,CAAC,UAAC,KAAkB;;IACtD,OAAA,gBAAY,CAAC;QACX,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,MAAM;SACf;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,EAAE;SAClB;QACD,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,eAAe,QAAE,KAAK,CAAC,OAAO,0CAAE,UAAU,CAAC,SAAO,CAAA;aACnD;SACF;QACD,eAAe,EAAE;YACf,UAAU,EAAE,MAAM;YAClB,YAAY,EAAE,EAAE;SACjB;QACD,gBAAgB,EAAE;YAChB,QAAQ,EAAE,EAAE;SACb;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,EAAE;YACjB,SAAS,EAAE,QAAQ;SACpB;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,oCAAoC;YAC/C,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;YAChB,MAAM,EAAE,uBAAuB;YAE/B,oBAAoB,EAAE;gBACpB,MAAM,EAAE,WAAW;aACpB;SACF;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,sBAAa,KAAK,CAAC,OAAO,0CAAE,OAAO,CAAC,GAAG,EAAG;YAClD,SAAS,QAAE,KAAK,CAAC,OAAO,0CAAG,CAAC,CAAC;SAC9B;QACD,WAAW,EAAE;YACX,eAAe,QAAE,KAAK,CAAC,OAAO,0CAAE,IAAI,CAAC,EAAE,CAAC;SACzC;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,CAAC;SACR;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,EAAE;YACf,QAAQ,EAAE,EAAE;SACb;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,aAAa;SACtB;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,GAAG;YACf,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,EAAE;SAChB;QACD,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,SAAS;SAClB;QACD,OAAO,EAAE;YACP,aAAa,EAAE,MAAM;SACtB;KACF,CAAC,CAAA;CAAA,CACH,CAAA"}

package/dist/TableColumnSettings/index.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.TableColumnSettings = void 0;
+var tslib_1 = require("tslib");
+var TableColumnSettings_1 = tslib_1.__importDefault(require("./TableColumnSettings"));
+exports.TableColumnSettings = TableColumnSettings_1["default"];
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/TableColumnSettings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TableColumnSettings/index.ts"],"names":[],"mappings":";;;;AAAA,sFAAuD;AAE9C,8BAFF,gCAAmB,CAEE;AAC5B,kDAAuB"}

package/dist/TableColumnSettings/types.js

@@ -0,0 +1,3 @@
+"use strict";
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/TableColumnSettings/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/TableColumnSettings/types.ts"],"names":[],"mappings":""}

package/dist/Tabs/Tabs.js

@@ -0,0 +1,136 @@
+"use strict";
+exports.__esModule = true;
+exports.PrimaryTabs = exports.TabList = exports.useTabContext = exports.TabContext = exports.TabPanel = exports.Tab = exports.Tabs = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var lab_1 = require("@material-ui/lab");
+exports.useTabContext = lab_1.useTabContext;
+var TabList_1 = tslib_1.__importDefault(require("@material-ui/lab/TabList"));
+var TabPanel_1 = tslib_1.__importDefault(require("@material-ui/lab/TabPanel"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var useStyles = core_1.makeStyles(function (theme) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    return core_1.createStyles({
+        buttonsFlat: {
+            '& > div': {
+                '& > div': {
+                    minHeight: 40,
+                    '& > *': {
+                        fontWeight: 400,
+                        fontSize: 16,
+                        color: (_b = (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.secondary,
+                        boxShadow: "inset 0px -1px 0px 0px " + ((_c = theme.palette) === null || _c === void 0 ? void 0 : _c.divider),
+                        minHeight: 40,
+                        '&.Mui-selected': {
+                            color: (_e = (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.text) === null || _e === void 0 ? void 0 : _e.primary,
+                            fontWeight: 600
+                        },
+                        '&:hover': {
+                            backgroundColor: (_f = theme.palette) === null || _f === void 0 ? void 0 : _f.action.hover
+                        }
+                    }
+                }
+            }
+        },
+        buttons3d: {
+            /**
+             * @todo
+             * This is just a hack for overflow:hidden
+             */
+            marginLeft: -8,
+            overflow: 'visible',
+            '& > div': {
+                '& > span': {
+                    backgroundColor: 'transparent'
+                },
+                '& > div': {
+                    minHeight: 56,
+                    overflow: 'visible',
+                    /**
+                     * @todo
+                     * This is just a hack for overflow:hidden
+                     */
+                    paddingLeft: 8,
+                    '& > *': {
+                        fontWeight: 400,
+                        fontSize: 20,
+                        lineHeight: '24px',
+                        color: (_h = (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.text) === null || _h === void 0 ? void 0 : _h.primary,
+                        borderRadius: '8px 8px 0px 0px',
+                        boxShadow: "inset 0px 0px 8px 0px #ffffff3d",
+                        marginTop: '2px',
+                        minHeight: 56,
+                        marginRight: 4,
+                        backgroundColor: ((_j = theme.palette) === null || _j === void 0 ? void 0 : _j.grey[10]) + "CC !important",
+                        opacity: 1,
+                        overflow: 'visible',
+                        '&.Mui-selected': {
+                            fontWeight: 600,
+                            color: (_l = (_k = theme.palette) === null || _k === void 0 ? void 0 : _k.text) === null || _l === void 0 ? void 0 : _l.primary,
+                            overflow: 'visible',
+                            backgroundColor: '#ffffff !important',
+                            boxShadow: "0px 2px 2px rgba(89, 103, 117, 0.2)"
+                        }
+                    }
+                }
+            }
+        }
+    });
+});
+function Tabs(props) {
+    var _a = props.buttonsVariant, buttonsVariant = _a === void 0 ? 'flat' : _a, children = props.children, rest = tslib_1.__rest(props, ["buttonsVariant", "children"]);
+    var classes = useStyles(props);
+    return (react_1["default"].createElement(TabList_1["default"], tslib_1.__assign({ className: buttonsVariant === '3d' ? classes.buttons3d : classes.buttonsFlat }, rest), children));
+}
+exports.Tabs = Tabs;
+function Tab(props) {
+    return react_1["default"].createElement(core_1.Tab, tslib_1.__assign({}, props));
+}
+exports.Tab = Tab;
+function TabPanel(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(TabPanel_1["default"], tslib_1.__assign({}, rest), children);
+}
+exports.TabPanel = TabPanel;
+function TabContext(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(lab_1.TabContext, tslib_1.__assign({}, rest), children);
+}
+exports.TabContext = TabContext;
+function TabList(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(TabList_1["default"], tslib_1.__assign({}, rest), children);
+}
+exports.TabList = TabList;
+var useTabsStyles = core_1.makeStyles(function (theme) {
+    var _a, _b, _c, _d;
+    return core_1.createStyles({
+        buttonsFlat: {
+            '& > div': {
+                '& > div': {
+                    minHeight: 40,
+                    '& > *': {
+                        minHeight: 40,
+                        fontWeight: 400,
+                        fontSize: 16,
+                        color: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.grey[200],
+                        boxShadow: "inset 0px -2px 0px " + ((_b = theme.palette) === null || _b === void 0 ? void 0 : _b.grey[70]),
+                        minWidth: 0,
+                        '&.Mui-selected': {
+                            color: (_d = (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.text) === null || _d === void 0 ? void 0 : _d.primary,
+                            fontWeight: 600,
+                            backgroundColor: 'transparent !important'
+                        }
+                    }
+                }
+            }
+        }
+    });
+});
+function PrimaryTabs(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    var classes = useTabsStyles(props);
+    return (react_1["default"].createElement(TabList_1["default"], tslib_1.__assign({ className: classes.buttonsFlat }, rest), children));
+}
+exports.PrimaryTabs = PrimaryTabs;
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs/Tabs.js.map

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

package/dist/Tabs/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Tabs"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tabs/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,kDAAuB"}

package/dist/Tabs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/Tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Tabs/types.ts"],"names":[],"mappings":""}

package/dist/TextField/CurrencyTextField.js

@@ -0,0 +1,23 @@
+"use strict";
+exports.__esModule = true;
+exports.CurrencyTextField = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Form_1 = require("../Form");
+var TextField_1 = require("./TextField");
+var CurrencyTextField = function (props) {
+    var _a = react_1.useState((props === null || props === void 0 ? void 0 : props.value) || ''), value = _a[0], setValues = _a[1];
+    var handleChange = function (event) {
+        var _a;
+        setValues(event.target.value);
+        (_a = props.onCurrencyChange) === null || _a === void 0 ? void 0 : _a.call(props, event.target.value);
+    };
+    var formattedNumber = react_1.useMemo(function () {
+        return Number(value.replaceAll(',', '')).toLocaleString(navigator.language);
+    }, [value]);
+    return (react_1["default"].createElement(TextField_1.TextField, tslib_1.__assign({}, props, { InputProps: {
+            startAdornment: (react_1["default"].createElement(Form_1.InputAdornment, { position: "start" }, props.currency))
+        }, fullWidth: true, onChange: handleChange, placeholder: props.placeholder, value: formattedNumber })));
+};
+exports.CurrencyTextField = CurrencyTextField;
+//# sourceMappingURL=CurrencyTextField.js.map

package/dist/TextField/CurrencyTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyTextField.js","sourceRoot":"","sources":["../../src/TextField/CurrencyTextField.tsx"],"names":[],"mappings":";;;;AAAA,qDAAgD;AAEhD,gCAAwC;AAExC,yCAAuC;AAGhC,IAAM,iBAAiB,GAAG,UAAC,KAA6B;IACvD,IAAA,KAAqB,gBAAQ,CAAS,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,EAAE,CAAC,EAAxD,KAAK,QAAA,EAAE,SAAS,QAAwC,CAAA;IAE/D,IAAM,YAAY,GAAG,UAAC,KAA0C;;QAC9D,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC7B,MAAA,KAAK,CAAC,gBAAgB,+CAAtB,KAAK,EAAoB,KAAK,CAAC,MAAM,CAAC,KAAK,EAAC;IAC9C,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,eAAO,CAAC;QAC9B,OAAO,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC7E,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,iCAAC,qBAAS,uBACJ,KAAK,IACT,UAAU,EAAE;YACV,cAAc,EAAE,CACd,iCAAC,qBAAc,IAAC,QAAQ,EAAC,OAAO,IAAE,KAAK,CAAC,QAAQ,CAAkB,CACnE;SACF,EACD,SAAS,QACT,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,eAAe,IACtB,CACH,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,iBAAiB,qBA0B7B"}

package/dist/TextField/InlineTextField.js

@@ -0,0 +1,143 @@
+"use strict";
+exports.__esModule = true;
+exports.InlineTextField = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importStar(require("react"));
+var Button_1 = require("../Button");
+var Icon_1 = require("../Icon");
+var styles_1 = require("../styles");
+var useStyles = styles_1.makeStyles(function () {
+    return styles_1.createStyles({
+        withLabel: {
+            '& div': {
+                backgroundColor: 'transparent',
+                '& fieldset': {
+                    borderWidth: 0
+                }
+            }
+        },
+        sizes: function (_a) {
+            var size = _a.size;
+            return ({
+                '& div': getSizeStyle(size)
+            });
+        }
+    });
+});
+function getSizeStyle(size) {
+    switch (size) {
+        case 'medium':
+            return {
+                paddingRight: 14,
+                fontSize: 16,
+                height: 40,
+                '& input': {
+                    paddingLeft: 10
+                },
+                '& i': {
+                    fontSize: '12px !important'
+                }
+            };
+        case 'small':
+            return {
+                paddingRight: 10,
+                fontSize: 14,
+                height: 32,
+                '& input': {
+                    paddingLeft: 8
+                },
+                '& i': {
+                    fontSize: '12px !important'
+                }
+            };
+        case 'large':
+            return {
+                paddingRight: 14,
+                fontSize: 16,
+                height: 48,
+                '& i': {
+                    fontSize: '12px !important'
+                }
+            };
+        case 'veryLarge':
+            return {
+                paddingRight: 16,
+                fontSize: 20,
+                height: 56,
+                '& i': {
+                    fontSize: '16px !important'
+                }
+            };
+        case 'verySmall':
+            return {
+                paddingRight: 8,
+                fontSize: 12,
+                height: 24,
+                '& input': {
+                    paddingLeft: 8
+                },
+                '& i': {
+                    fontSize: '8px !important'
+                }
+            };
+        default:
+            return {};
+    }
+}
+function InlineTextField(props) {
+    var initialValue = props.value, onChange = props.onChange, containerStyle = props.containerStyle, isLabel = props.isLabel, compact = props.compact, _a = props.inputProps, inputProps = _a === void 0 ? {} : _a, labelStyle = props.labelStyle, _b = props.clickAwayAction, clickAwayAction = _b === void 0 ? 'ABORT' : _b, _c = props.size, size = _c === void 0 ? 'medium' : _c, rest = tslib_1.__rest(props, ["value", "onChange", "containerStyle", "isLabel", "compact", "inputProps", "labelStyle", "clickAwayAction", "size"]);
+    var style = inputProps.style, restinputProps = tslib_1.__rest(inputProps, ["style"]);
+    var classes = useStyles(props);
+    var _d = react_1.useState(false), showControls = _d[0], setShowControls = _d[1];
+    var _e = react_1.useState(false), showEditingIcon = _e[0], setShowEditingIcon = _e[1];
+    var _f = react_1.useState(initialValue), value = _f[0], setValue = _f[1];
+    react_1.useEffect(function () {
+        setValue(initialValue);
+    }, [initialValue]);
+    var theme = styles_1.useTheme();
+    var onClickCheck = function () {
+        onChange &&
+            onChange({ target: { value: value } });
+        setShowControls(false);
+    };
+    var onClickCancel = function () {
+        onChange &&
+            onChange({
+                target: { value: initialValue }
+            });
+        setValue(initialValue);
+        setShowControls(false);
+    };
+    var onFormSubmit = function (e) {
+        e.preventDefault();
+        setShowControls(false);
+        onChange &&
+            onChange({ target: { value: value } });
+    };
+    var handleKeyDown = function (e) {
+        if (e && e.keyCode === 27) {
+            onClickCancel();
+        }
+    };
+    return (react_1["default"].createElement("form", { onSubmit: onFormSubmit, style: tslib_1.__assign({ position: 'relative', display: 'inline-flex', flexDirection: 'column', alignItems: 'flex-end' }, containerStyle) },
+        react_1["default"].createElement(core_1.TextField, tslib_1.__assign({ InputProps: {
+                endAdornment: (react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "pencil2", style: {
+                        visibility: showEditingIcon && !showControls ? 'visible' : 'hidden'
+                    } }))
+            }, className: classes.sizes + " " + (isLabel ? classes.withLabel : ''), inputProps: tslib_1.__assign(tslib_1.__assign({ size: compact && typeof value === 'string' ? value.length + 1 : undefined, maxLength: compact && typeof value === 'string' ? value.length + 1 : undefined }, restinputProps), { style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, style), labelStyle), { color: showControls || showEditingIcon
+                        ? theme.palette.text.primary
+                        : (labelStyle === null || labelStyle === void 0 ? void 0 : labelStyle.color) || (style === null || style === void 0 ? void 0 : style.color) }) }), onBlur: function () {
+                return clickAwayAction === 'ABORT' ? onClickCancel() : onClickCheck();
+            }, onChange: function (e) { return setValue(e.target.value); }, onFocus: function () { return setShowControls(true); }, onKeyDown: handleKeyDown, onMouseEnter: function () { return setShowEditingIcon(true); }, onMouseLeave: function () { return setShowEditingIcon(false); }, value: value, variant: "outlined" }, rest)),
+        showControls && renderControls(onClickCheck, onClickCancel)));
+}
+exports.InlineTextField = InlineTextField;
+function renderControls(onClickCheck, onClickCancel) {
+    return (react_1["default"].createElement("span", { style: { position: 'absolute', top: '100%', marginTop: 4, lineHeight: 1 } },
+        react_1["default"].createElement(Button_1.ElevatedIconButton, { onMouseDown: onClickCheck, variant: "rounded" },
+            react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", fontSize: 16, name: "check" })),
+        react_1["default"].createElement(Button_1.ElevatedIconButton, { onMouseDown: onClickCancel, style: { marginLeft: 4 }, variant: "rounded" },
+            react_1["default"].createElement(Icon_1.EIcon, { fontSize: 16, name: "x" }))));
+}
+//# sourceMappingURL=InlineTextField.js.map

package/dist/TextField/InlineTextField.js.map

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

package/dist/TextField/MaskedTextField.js

@@ -0,0 +1,14 @@
+"use strict";
+exports.__esModule = true;
+exports.MaskedTextField = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_input_mask_1 = tslib_1.__importDefault(require("react-input-mask"));
+var TextField_1 = require("./TextField");
+function MaskedTextField(props) {
+    var textFieldProps = props.textFieldProps, required = props.required, inputRef = props.inputRef, rest = tslib_1.__rest(props, ["textFieldProps", "required", "inputRef"]);
+    var onChange = textFieldProps.onChange, onMouseDown = textFieldProps.onMouseDown, onFocus = textFieldProps.onFocus, onBlur = textFieldProps.onBlur, value = textFieldProps.value, disabled = textFieldProps.disabled, otherTextFieldProps = tslib_1.__rest(textFieldProps, ["onChange", "onMouseDown", "onFocus", "onBlur", "value", "disabled"]);
+    return (react_1["default"].createElement(react_input_mask_1["default"], tslib_1.__assign({ disabled: disabled, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onMouseDown: onMouseDown, value: value }, rest), function () { return (react_1["default"].createElement(TextField_1.TextField, tslib_1.__assign({ inputRef: inputRef, required: required }, otherTextFieldProps))); }));
+}
+exports.MaskedTextField = MaskedTextField;
+//# sourceMappingURL=MaskedTextField.js.map

package/dist/TextField/MaskedTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedTextField.js","sourceRoot":"","sources":["../../src/TextField/MaskedTextField.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,8EAAwC;AAExC,yCAAuC;AAGvC,SAAgB,eAAe,CAAC,KAA2B;IACjD,IAAA,cAAc,GAAkC,KAAK,eAAvC,EAAE,QAAQ,GAAwB,KAAK,SAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAAvD,0CAA+C,CAAF,CAAU;IAE3D,IAAA,QAAQ,GAON,cAAc,SAPR,EACR,WAAW,GAMT,cAAc,YANL,EACX,OAAO,GAKL,cAAc,QALT,EACP,MAAM,GAIJ,cAAc,OAJV,EACN,KAAK,GAGH,cAAc,MAHX,EACL,QAAQ,GAEN,cAAc,SAFR,EACL,mBAAmB,kBACpB,cAAc,EARZ,qEAQL,CADuB,CACN;IAElB,OAAO,CACL,iCAAC,6BAAS,qBACR,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAoC,IACvC,IAAI,GAEP,cAAM,OAAA,CACL,iCAAC,qBAAS,qBACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IACd,mBAAmB,EACvB,CACH,EANM,CAMN,CACS,CACb,CAAA;AACH,CAAC;AA/BD,0CA+BC"}

package/dist/TextField/TextField.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+exports.TextField = void 0;
+var core_1 = require("@material-ui/core");
+exports.TextField = core_1.TextField;
+//# sourceMappingURL=TextField.js.map

package/dist/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/TextField/TextField.tsx"],"names":[],"mappings":";;;AAAA,0CAA6C;AAEpC,oBAFA,gBAAS,CAEA"}