@orfium/ictinus 4.66.0 → 4.67.1

package/dist/components/Table/Table.js

@@ -87,24 +87,17 @@ function Table(_ref) {
     return Boolean(row.expanded);
   });
   var columnCount = getColumnCount(columns, onCheck, hasExpandableRows);
-  (0, _react.useEffect)(function () {
-    if (onSort) {
-      onSort(sorting.column, sorting.order);
-    }
-  }, [onSort, sorting]);
   /** when the selection of ids change then inform the user if onCheck callback provided **/
 
-  _react["default"].useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (onCheck && selectedIds) {
       onCheck(selectedIds);
     }
   }, [onCheck, selectedIds]);
-
-  _react["default"].useEffect(function () {
+  (0, _react.useEffect)(function () {
     // when data are fresh initialize the selectedIds state
     setSelectedIds(undefined);
-  }, [data]); // @ts-ignore
-
+  }, [data]);
 
   var onSelectionAdd = _react["default"].useCallback(function (rowId) {
     setSelectedIds(function (selectedIds) {
@@ -148,6 +141,7 @@ function Table(_ref) {
   var handleSorting = function handleSorting(column) {
     setSorting(function (prevState) {
       if (sortDir) {
+        onSort == null ? void 0 : onSort(column, sortDir);
         return {
           column: column,
           order: sortDir
@@ -155,12 +149,14 @@ function Table(_ref) {
       }
 
       if (prevState.column !== column) {
+        onSort == null ? void 0 : onSort(column, 'asc');
         return {
           column: column,
           order: 'asc'
         };
       }
 
+      onSort == null ? void 0 : onSort(column, prevState.order === 'asc' ? 'desc' : 'asc');
       return {
         column: column,
         order: prevState.order === 'asc' ? 'desc' : 'asc'
@@ -268,6 +264,6 @@ function Table(_ref) {
   }))));
 }
 
-var _default = /*#__PURE__*/_react["default"].memo(Table, _reactFastCompare["default"]);
+var _default = /*#__PURE__*/(0, _react.memo)(Table, _reactFastCompare["default"]);
 
 exports["default"] = _default;

package/dist/components/TextField/TextField.d.ts

@@ -17,6 +17,18 @@ export declare type Props = {
     /** @deprecated This is a compatibility prop that will be removed in the next version, along with the min-width value
      * of the TextField. It will be replaced by a fullWidth prop. */
     hasMinWidthCompat?: boolean;
+    /** If true the user can enter multiple values by pressing 'Enter' */
+    multi?: boolean;
+    /** The initial multi values */
+    multiValues?: string[];
+    /** Maximum multi values */
+    maxMultiValues?: number;
+    /** A callback for when a Chip value is created */
+    onMultiValueCreate?: (value?: string) => void;
+    /** A callback for when a Chip value is deleted */
+    onMultiValueDelete?: (value?: string) => void;
+    /** A callback for when all values are deleted (the Clear All icon is clicked) */
+    onClearAllValues?: () => void;
 } & TextInputWrapperProps;
 export declare type InputProps = Partial<Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>>;
 declare const TextField: React.ForwardRefExoticComponent<{
@@ -35,5 +47,17 @@ declare const TextField: React.ForwardRefExoticComponent<{
     /** @deprecated This is a compatibility prop that will be removed in the next version, along with the min-width value
      * of the TextField. It will be replaced by a fullWidth prop. */
     hasMinWidthCompat?: boolean | undefined;
+    /** If true the user can enter multiple values by pressing 'Enter' */
+    multi?: boolean | undefined;
+    /** The initial multi values */
+    multiValues?: string[] | undefined;
+    /** Maximum multi values */
+    maxMultiValues?: number | undefined;
+    /** A callback for when a Chip value is created */
+    onMultiValueCreate?: ((value?: string | undefined) => void) | undefined;
+    /** A callback for when a Chip value is deleted */
+    onMultiValueDelete?: ((value?: string | undefined) => void) | undefined;
+    /** A callback for when all values are deleted (the Clear All icon is clicked) */
+    onClearAllValues?: (() => void) | undefined;
 } & TextInputWrapperProps & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/components/TextField/TextField.js

@@ -17,20 +17,24 @@ var _Label = _interopRequireDefault(require("../Label"));
 
 var _commons = require("./components/commons");
 
+var _useMultiTextFieldUtils = _interopRequireDefault(require("./hooks/useMultiTextFieldUtils"));
+
+var _MultiTextFieldBase = _interopRequireDefault(require("../MultiTextFieldBase/MultiTextFieldBase"));
+
 var _TextInputBase = _interopRequireDefault(require("../TextInputBase"));
 
 var _TextInputBase2 = require("../TextInputBase/TextInputBase.style");
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["id", "rightIcon", "leftIcon", "label", "placeholder", "required", "disabled", "locked", "size", "dark", "lean", "hintMsg", "styleType", "readOnly", "status", "hasMinWidthCompat"];
+var _excluded = ["id", "rightIcon", "leftIcon", "label", "placeholder", "required", "disabled", "locked", "size", "dark", "lean", "hintMsg", "styleType", "readOnly", "status", "hasMinWidthCompat", "onInput", "multi", "multiValues", "maxMultiValues", "onMultiValueCreate", "onMultiValueDelete", "onClearAllValues"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 console.warn('Deprecation warning! min-width will be removed from the component in v5 of ictinus. ' + 'hasMinWidthCompat prop has been added to temporarily disable min-width when necessary');
@@ -41,7 +45,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1rlc0zw-TextField",
   styles: "width:100% ;label:TextField;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgREVGQVVMVF9TSVpFIH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJy4uLy4uL3V0aWxzL3R5cGVzJztcbmltcG9ydCBJY29uIGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL0xhYmVsJztcbmltcG9ydCB7IEljb25XcmFwcGVyIH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbW1vbnMnO1xuaW1wb3J0IHsgQWNjZXB0ZWRJY29uTmFtZXMgfSBmcm9tICdjb21wb25lbnRzL0ljb24vdHlwZXMnO1xuaW1wb3J0IFRleHRJbnB1dEJhc2UsIHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55PjtcbiAgLyoqIEBkZXByZWNhdGVkIFRoaXMgaXMgYSBjb21wYXRpYmlsaXR5IHByb3AgdGhhdCB3aWxsIGJlIHJlbW92ZWQgaW4gdGhlIG5leHQgdmVyc2lvbiwgYWxvbmcgd2l0aCB0aGUgbWluLXdpZHRoIHZhbHVlXG4gICAqIG9mIHRoZSBUZXh0RmllbGQuIEl0IHdpbGwgYmUgcmVwbGFjZWQgYnkgYSBmdWxsV2lkdGggcHJvcC4gKi9cbiAgaGFzTWluV2lkdGhDb21wYXQ/OiBib29sZWFuO1xufSAmIFRleHRJbnB1dFdyYXBwZXJQcm9wcztcblxuZXhwb3J0IHR5cGUgSW5wdXRQcm9wcyA9IFBhcnRpYWw8T21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnc2l6ZSc+PjtcblxuY29uc29sZS53YXJuKFxuICAnRGVwcmVjYXRpb24gd2FybmluZyEgbWluLXdpZHRoIHdpbGwgYmUgcmVtb3ZlZCBmcm9tIHRoZSBjb21wb25lbnQgaW4gdjUgb2YgaWN0aW51cy4gJyArXG4gICAgJ2hhc01pbldpZHRoQ29tcGF0IHByb3AgaGFzIGJlZW4gYWRkZWQgdG8gdGVtcG9yYXJpbHkgZGlzYWJsZSBtaW4td2lkdGggd2hlbiBuZWNlc3NhcnknXG4pO1xuXG5jb25zdCBUZXh0RmllbGQgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFByb3BzICYgSW5wdXRQcm9wcyAmIFRlc3RQcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgaWQgPSB1bmRlZmluZWQsXG4gICAgICByaWdodEljb24gPSBudWxsLFxuICAgICAgbGVmdEljb24gPSBudWxsLFxuICAgICAgbGFiZWwsXG4gICAgICBwbGFjZWhvbGRlciA9ICcnLFxuICAgICAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgbG9ja2VkID0gZmFsc2UsXG4gICAgICBzaXplID0gREVGQVVMVF9TSVpFLFxuICAgICAgZGFyayA9IGZhbHNlLFxuICAgICAgbGVhbixcbiAgICAgIGhpbnRNc2c6IF9faGludE1zZyxcbiAgICAgIHN0eWxlVHlwZTogX19zdHlsZVR5cGUsXG4gICAgICByZWFkT25seSxcbiAgICAgIHN0YXR1cyxcbiAgICAgIGhhc01pbldpZHRoQ29tcGF0ID0gdHJ1ZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9ID0gcHJvcHM7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgZ2V0SWNvbiA9IChpY29uOiBBY2NlcHRlZEljb25OYW1lcyB8IEpTWC5FbGVtZW50IHwgbnVsbCkgPT5cbiAgICAgIGljb24gPyAoXG4gICAgICAgIHR5cGVvZiBpY29uID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgbmFtZT17aWNvbiBhcyBBY2NlcHRlZEljb25OYW1lc31cbiAgICAgICAgICAgIHNpemU9ezI0fVxuICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaWNvblxuICAgICAgICApXG4gICAgICApIDogbnVsbDtcblxuICAgIHJldHVybiAoXG4gICAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICAgIDxUZXh0SW5wdXRCYXNlIHsuLi5wcm9wc30gaGFzTWluV2lkdGhDb21wYXQ9e2hhc01pbldpZHRoQ29tcGF0fT5cbiAgICAgICAgICB7bGVmdEljb24gJiYgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J2xlZnQnfT57Z2V0SWNvbihsZWZ0SWNvbil9PC9JY29uV3JhcHBlcj59XG4gICAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlICcgfX0+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICBjc3M9e2lucHV0U3R5bGUoeyBsYWJlbCwgcGxhY2Vob2xkZXIsIHNpemUsIGRhcmssIGxlYW4gfSl9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXshbGFiZWwgJiYgcGxhY2Vob2xkZXIgPyBgJHtwbGFjZWhvbGRlcn0gJHtyZXF1aXJlZCA/ICcqJyA6ICcnfWAgOiBsYWJlbH1cbiAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBsb2NrZWR9XG4gICAgICAgICAgICAgIHsuLi5vbWl0KHJlc3QsICdkYXRhVGVzdElkJyl9XG4gICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICAgICAgICBhbmltYXRlVG9Ub3A9e0Jvb2xlYW4ocmVzdC52YWx1ZSl9XG4gICAgICAgICAgICAgICAgZXJyb3I9e3N0YXR1cyA9PT0gJ2Vycm9yJ31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAge3JpZ2h0SWNvbiAmJiAhbG9ja2VkICYmIChcbiAgICAgICAgICAgIDxJY29uV3JhcHBlciBpY29uUG9zaXRpb249eydyaWdodCd9PntnZXRJY29uKHJpZ2h0SWNvbil9PC9JY29uV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtsb2NrZWQgJiYgKFxuICAgICAgICAgICAgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J3JpZ2h0J30+XG4gICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgbmFtZT1cImxvY2tcIlxuICAgICAgICAgICAgICAgIHNpemU9e3NpemUgPT09ICdtZCcgPyAyMCA6IDE2fVxuICAgICAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0SW5wdXRCYXNlPlxuICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICApO1xuICB9XG4pO1xuXG5UZXh0RmllbGQuZGlzcGxheU5hbWUgPSAnVGV4dEZpZWxkJztcblxuZXhwb3J0IGRlZmF1bHQgVGV4dEZpZWxkO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdJZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERFRkFVTFRfU0laRSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBUZXN0UHJvcHMgfSBmcm9tICcuLi8uLi91dGlscy90eXBlcyc7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9MYWJlbCc7XG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4vY29tcG9uZW50cy9jb21tb25zJztcbmltcG9ydCB1c2VNdWx0aVRleHRGaWVsZFV0aWxzIGZyb20gJy4vaG9va3MvdXNlTXVsdGlUZXh0RmllbGRVdGlscyc7XG5pbXBvcnQgeyBBY2NlcHRlZEljb25OYW1lcyB9IGZyb20gJ2NvbXBvbmVudHMvSWNvbi90eXBlcyc7XG5pbXBvcnQgTXVsdGlUZXh0RmllbGRCYXNlIGZyb20gJ2NvbXBvbmVudHMvTXVsdGlUZXh0RmllbGRCYXNlL011bHRpVGV4dEZpZWxkQmFzZSc7XG5pbXBvcnQgeyBTZWxlY3RPcHRpb24gfSBmcm9tICdjb21wb25lbnRzL1NlbGVjdC9TZWxlY3QnO1xuaW1wb3J0IFRleHRJbnB1dEJhc2UsIHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55PjtcbiAgLyoqIEBkZXByZWNhdGVkIFRoaXMgaXMgYSBjb21wYXRpYmlsaXR5IHByb3AgdGhhdCB3aWxsIGJlIHJlbW92ZWQgaW4gdGhlIG5leHQgdmVyc2lvbiwgYWxvbmcgd2l0aCB0aGUgbWluLXdpZHRoIHZhbHVlXG4gICAqIG9mIHRoZSBUZXh0RmllbGQuIEl0IHdpbGwgYmUgcmVwbGFjZWQgYnkgYSBmdWxsV2lkdGggcHJvcC4gKi9cbiAgaGFzTWluV2lkdGhDb21wYXQ/OiBib29sZWFuO1xuICAvKiogSWYgdHJ1ZSB0aGUgdXNlciBjYW4gZW50ZXIgbXVsdGlwbGUgdmFsdWVzIGJ5IHByZXNzaW5nICdFbnRlcicgKi9cbiAgbXVsdGk/OiBib29sZWFuO1xuICAvKiogVGhlIGluaXRpYWwgbXVsdGkgdmFsdWVzICovXG4gIG11bHRpVmFsdWVzPzogc3RyaW5nW107XG4gIC8qKiBNYXhpbXVtIG11bHRpIHZhbHVlcyAqL1xuICBtYXhNdWx0aVZhbHVlcz86IG51bWJlcjtcbiAgLyoqIEEgY2FsbGJhY2sgZm9yIHdoZW4gYSBDaGlwIHZhbHVlIGlzIGNyZWF0ZWQgKi9cbiAgb25NdWx0aVZhbHVlQ3JlYXRlPzogKHZhbHVlPzogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogQSBjYWxsYmFjayBmb3Igd2hlbiBhIENoaXAgdmFsdWUgaXMgZGVsZXRlZCAqL1xuICBvbk11bHRpVmFsdWVEZWxldGU/OiAodmFsdWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKiBBIGNhbGxiYWNrIGZvciB3aGVuIGFsbCB2YWx1ZXMgYXJlIGRlbGV0ZWQgKHRoZSBDbGVhciBBbGwgaWNvbiBpcyBjbGlja2VkKSAqL1xuICBvbkNsZWFyQWxsVmFsdWVzPzogKCkgPT4gdm9pZDtcbn0gJiBUZXh0SW5wdXRXcmFwcGVyUHJvcHM7XG5cbmV4cG9ydCB0eXBlIElucHV0UHJvcHMgPSBQYXJ0aWFsPE9taXQ8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3NpemUnPj47XG5cbmNvbnNvbGUud2FybihcbiAgJ0RlcHJlY2F0aW9uIHdhcm5pbmchIG1pbi13aWR0aCB3aWxsIGJlIHJlbW92ZWQgZnJvbSB0aGUgY29tcG9uZW50IGluIHY1IG9mIGljdGludXMuICcgK1xuICAgICdoYXNNaW5XaWR0aENvbXBhdCBwcm9wIGhhcyBiZWVuIGFkZGVkIHRvIHRlbXBvcmFyaWx5IGRpc2FibGUgbWluLXdpZHRoIHdoZW4gbmVjZXNzYXJ5J1xuKTtcblxuY29uc3QgVGV4dEZpZWxkID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBQcm9wcyAmIElucHV0UHJvcHMgJiBUZXN0UHJvcHM+KFxuICAocHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGlkID0gdW5kZWZpbmVkLFxuICAgICAgcmlnaHRJY29uID0gbnVsbCxcbiAgICAgIGxlZnRJY29uID0gbnVsbCxcbiAgICAgIGxhYmVsLFxuICAgICAgcGxhY2Vob2xkZXIgPSAnJyxcbiAgICAgIHJlcXVpcmVkID0gZmFsc2UsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGxvY2tlZCA9IGZhbHNlLFxuICAgICAgc2l6ZSA9IERFRkFVTFRfU0laRSxcbiAgICAgIGRhcmsgPSBmYWxzZSxcbiAgICAgIGxlYW4sXG4gICAgICBoaW50TXNnOiBfX2hpbnRNc2csXG4gICAgICBzdHlsZVR5cGU6IF9fc3R5bGVUeXBlLFxuICAgICAgcmVhZE9ubHksXG4gICAgICBzdGF0dXMsXG4gICAgICBoYXNNaW5XaWR0aENvbXBhdCA9IHRydWUsXG4gICAgICBvbklucHV0LFxuICAgICAgbXVsdGkgPSBmYWxzZSxcbiAgICAgIG11bHRpVmFsdWVzID0gW10sXG4gICAgICBtYXhNdWx0aVZhbHVlcyxcbiAgICAgIG9uTXVsdGlWYWx1ZUNyZWF0ZSxcbiAgICAgIG9uTXVsdGlWYWx1ZURlbGV0ZSxcbiAgICAgIG9uQ2xlYXJBbGxWYWx1ZXMsXG4gICAgICAuLi5yZXN0XG4gICAgfSA9IHByb3BzO1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGdldEljb24gPSAoaWNvbjogQWNjZXB0ZWRJY29uTmFtZXMgfCBKU1guRWxlbWVudCB8IG51bGwpID0+XG4gICAgICBpY29uID8gKFxuICAgICAgICB0eXBlb2YgaWNvbiA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2ljb24gYXMgQWNjZXB0ZWRJY29uTmFtZXN9XG4gICAgICAgICAgICBzaXplPXsyNH1cbiAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGljb25cbiAgICAgICAgKVxuICAgICAgKSA6IG51bGw7XG5cbiAgICBjb25zdCB7XG4gICAgICBpbnB1dFZhbHVlLFxuICAgICAgdmFsdWVzLFxuICAgICAgaGFuZGxlVmFsdWVEZWxldGUsXG4gICAgICBoYW5kbGVDbGVhckFsbFZhbHVlcyxcbiAgICAgIGhhbmRsZUtleURvd24sXG4gICAgICBoYW5kbGVUeXBpbmcsXG4gICAgfSA9IHVzZU11bHRpVGV4dEZpZWxkVXRpbHMoe1xuICAgICAgbXVsdGlWYWx1ZXMsXG4gICAgICBtYXhNdWx0aVZhbHVlcyxcbiAgICAgIG9uTXVsdGlWYWx1ZUNyZWF0ZSxcbiAgICAgIG9uTXVsdGlWYWx1ZURlbGV0ZSxcbiAgICAgIG9uQ2xlYXJBbGxWYWx1ZXMsXG4gICAgICBvbklucHV0LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIG11bHRpID8gKFxuICAgICAgPE11bHRpVGV4dEZpZWxkQmFzZVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGlzVGV4dGZpZWxkXG4gICAgICAgIG9uT3B0aW9uRGVsZXRlPXtoYW5kbGVWYWx1ZURlbGV0ZSBhcyAob3B0aW9uPzogc3RyaW5nIHwgU2VsZWN0T3B0aW9uKSA9PiB2b2lkfVxuICAgICAgICBvbkNsZWFyQWxsT3B0aW9ucz17aGFuZGxlQ2xlYXJBbGxWYWx1ZXN9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgb25JbnB1dD17aGFuZGxlVHlwaW5nfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICAgIHNlbGVjdGVkT3B0aW9ucz17dmFsdWVzfVxuICAgICAgICB2YWx1ZT17aW5wdXRWYWx1ZX1cbiAgICAgIC8+XG4gICAgKSA6IChcbiAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgPFRleHRJbnB1dEJhc2Ugey4uLnByb3BzfSBoYXNNaW5XaWR0aENvbXBhdD17aGFzTWluV2lkdGhDb21wYXR9PlxuICAgICAgICAgIHtsZWZ0SWNvbiAmJiA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsnbGVmdCd9PntnZXRJY29uKGxlZnRJY29uKX08L0ljb25XcmFwcGVyPn1cbiAgICAgICAgICA8ZGl2IGNzcz17eyB3aWR0aDogJzEwMCUgJyB9fT5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgIGNzcz17aW5wdXRTdHlsZSh7IGxhYmVsLCBwbGFjZWhvbGRlciwgc2l6ZSwgZGFyaywgbGVhbiB9KX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9eyFsYWJlbCAmJiBwbGFjZWhvbGRlciA/IGAke3BsYWNlaG9sZGVyfSAke3JlcXVpcmVkID8gJyonIDogJyd9YCA6IGxhYmVsfVxuICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvY2tlZH1cbiAgICAgICAgICAgICAgb25JbnB1dD17b25JbnB1dH1cbiAgICAgICAgICAgICAgey4uLm9taXQocmVzdCwgJ2RhdGFUZXN0SWQnKX1cbiAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFuaW1hdGVUb1RvcD17Qm9vbGVhbihyZXN0LnZhbHVlKX1cbiAgICAgICAgICAgICAgICBlcnJvcj17c3RhdHVzID09PSAnZXJyb3InfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB7cmlnaHRJY29uICYmICFsb2NrZWQgJiYgKFxuICAgICAgICAgICAgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J3JpZ2h0J30+e2dldEljb24ocmlnaHRJY29uKX08L0ljb25XcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2xvY2tlZCAmJiAoXG4gICAgICAgICAgICA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsncmlnaHQnfT5cbiAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICBuYW1lPVwibG9ja1wiXG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZSA9PT0gJ21kJyA/IDIwIDogMTZ9XG4gICAgICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRJbnB1dEJhc2U+XG4gICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICk7XG4gIH1cbik7XG5cblRleHRGaWVsZC5kaXNwbGF5TmFtZSA9ICdUZXh0RmllbGQnO1xuXG5leHBvcnQgZGVmYXVsdCBUZXh0RmllbGQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -71,6 +75,15 @@ var TextField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
       status = props.status,
       _props$hasMinWidthCom = props.hasMinWidthCompat,
       hasMinWidthCompat = _props$hasMinWidthCom === void 0 ? true : _props$hasMinWidthCom,
+      onInput = props.onInput,
+      _props$multi = props.multi,
+      multi = _props$multi === void 0 ? false : _props$multi,
+      _props$multiValues = props.multiValues,
+      multiValues = _props$multiValues === void 0 ? [] : _props$multiValues,
+      maxMultiValues = props.maxMultiValues,
+      onMultiValueCreate = props.onMultiValueCreate,
+      onMultiValueDelete = props.onMultiValueDelete,
+      onClearAllValues = props.onClearAllValues,
       rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   var theme = (0, _useTheme["default"])();
@@ -83,7 +96,31 @@ var TextField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
     }) : icon : null;
   };
 
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TextInputBase["default"], _extends({}, props, {
+  var _useMultiTextFieldUti = (0, _useMultiTextFieldUtils["default"])({
+    multiValues: multiValues,
+    maxMultiValues: maxMultiValues,
+    onMultiValueCreate: onMultiValueCreate,
+    onMultiValueDelete: onMultiValueDelete,
+    onClearAllValues: onClearAllValues,
+    onInput: onInput
+  }),
+      inputValue = _useMultiTextFieldUti.inputValue,
+      values = _useMultiTextFieldUti.values,
+      handleValueDelete = _useMultiTextFieldUti.handleValueDelete,
+      handleClearAllValues = _useMultiTextFieldUti.handleClearAllValues,
+      handleKeyDown = _useMultiTextFieldUti.handleKeyDown,
+      handleTyping = _useMultiTextFieldUti.handleTyping;
+
+  return multi ? (0, _react2.jsx)(_MultiTextFieldBase["default"], _extends({}, props, {
+    isTextfield: true,
+    onOptionDelete: handleValueDelete,
+    onClearAllOptions: handleClearAllValues,
+    label: label,
+    onInput: handleTyping,
+    onKeyDown: handleKeyDown,
+    selectedOptions: values,
+    value: inputValue
+  })) : (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TextInputBase["default"], _extends({}, props, {
     hasMinWidthCompat: hasMinWidthCompat
   }), leftIcon && (0, _react2.jsx)(_commons.IconWrapper, {
     iconPosition: 'left'
@@ -101,7 +138,8 @@ var TextField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
     placeholder: !label && placeholder ? placeholder + " " + (required ? '*' : '') : label,
     required: required,
     id: id,
-    disabled: disabled || locked
+    disabled: disabled || locked,
+    onInput: onInput
   }, (0, _omit["default"])(rest, 'dataTestId'), {
     ref: ref
   })), label && (0, _react2.jsx)(_Label["default"], {

package/dist/components/TextField/hooks/useMultiTextFieldUtils.d.ts

@@ -0,0 +1,11 @@
+import { Props as TextFieldProps } from '../TextField';
+declare type Props = Pick<TextFieldProps, 'multiValues' | 'maxMultiValues' | 'onMultiValueCreate' | 'onMultiValueDelete' | 'onClearAllValues' | 'onInput'>;
+declare const useMultiTextFieldUtils: ({ multiValues, maxMultiValues, onMultiValueCreate, onMultiValueDelete, onClearAllValues, onInput, }: Props) => {
+    values: string[];
+    handleValueDelete: (option?: string | undefined) => void;
+    handleClearAllValues: () => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleTyping: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    inputValue: string;
+};
+export default useMultiTextFieldUtils;

package/dist/components/TextField/hooks/useMultiTextFieldUtils.js

@@ -0,0 +1,97 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var useMultiTextFieldUtils = function useMultiTextFieldUtils(_ref) {
+  var _ref$multiValues = _ref.multiValues,
+      multiValues = _ref$multiValues === void 0 ? [] : _ref$multiValues,
+      maxMultiValues = _ref.maxMultiValues,
+      onMultiValueCreate = _ref.onMultiValueCreate,
+      onMultiValueDelete = _ref.onMultiValueDelete,
+      onClearAllValues = _ref.onClearAllValues,
+      onInput = _ref.onInput;
+
+  var _useState = (0, _react.useState)(multiValues),
+      values = _useState[0],
+      setValues = _useState[1];
+
+  var _useState2 = (0, _react.useState)(''),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  var handleValueDelete = function handleValueDelete(option) {
+    if (option) {
+      setValues(values.filter(function (opt) {
+        return opt !== option;
+      }));
+
+      if (onMultiValueDelete) {
+        onMultiValueDelete(option);
+      }
+    } else {
+      if (values.length > 0) {
+        var lastItem = values[values.length - 1];
+        setValues(values.filter(function (opt) {
+          return opt !== lastItem;
+        }));
+      }
+    }
+  };
+
+  var handleClearAllValues = function handleClearAllValues() {
+    setValues([]);
+    setInputValue('');
+
+    if (onClearAllValues) {
+      onClearAllValues();
+    }
+  };
+
+  var handleTyping = function handleTyping(event) {
+    setInputValue(event.target.value);
+
+    if (onInput) {
+      onInput(event);
+    }
+  };
+
+  var handleKeyDown = function handleKeyDown(event) {
+    if (maxMultiValues && values.length >= maxMultiValues) {
+      event.preventDefault();
+      return;
+    }
+
+    if (event.key === 'Enter') {
+      if (inputValue === '') {
+        event.preventDefault();
+      }
+
+      setValues([].concat(values, [inputValue]));
+
+      if (onMultiValueCreate) {
+        onMultiValueCreate(inputValue);
+      }
+
+      setInputValue('');
+    } else if (event.key === 'Backspace') {
+      if (inputValue === '') {
+        handleValueDelete();
+      }
+    }
+  };
+
+  return {
+    values: values,
+    handleValueDelete: handleValueDelete,
+    handleClearAllValues: handleClearAllValues,
+    handleKeyDown: handleKeyDown,
+    handleTyping: handleTyping,
+    inputValue: inputValue
+  };
+};
+
+var _default = useMultiTextFieldUtils;
+exports["default"] = _default;

package/dist/components/TextInputBase/config.d.ts

@@ -4,6 +4,7 @@ export declare const SM = "sm";
 export declare const MD_HEIGHT = 46;
 export declare const SM_HEIGHT = 28;
 export declare const MIN_WIDTH = 150;
+export declare const MULTI_WIDTH = 220;
 export declare const textInputSizes: readonly ["md", "sm"];
 export declare const textInputStates: readonly ["default", "pressed", "error"];
 declare type TextInputType = {
@@ -11,9 +12,9 @@ declare type TextInputType = {
         border: {
             width: number;
             color: {
-                [key in (typeof textInputStates)[number]]: {
-                    name: (typeof flatColors)[number];
-                    shade: (typeof colorShades)[number];
+                [key in typeof textInputStates[number]]: {
+                    name: typeof flatColors[number];
+                    shade: typeof colorShades[number];
                 };
             };
         };

package/dist/components/TextInputBase/config.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.textInputConfig = exports.textInputStates = exports.textInputSizes = exports.MIN_WIDTH = exports.SM_HEIGHT = exports.MD_HEIGHT = exports.SM = exports.MD = void 0;
+exports.textInputConfig = exports.textInputStates = exports.textInputSizes = exports.MULTI_WIDTH = exports.MIN_WIDTH = exports.SM_HEIGHT = exports.MD_HEIGHT = exports.SM = exports.MD = void 0;
 var MD = 'md';
 exports.MD = MD;
 var SM = 'sm';
@@ -12,6 +12,8 @@ var SM_HEIGHT = 28;
 exports.SM_HEIGHT = SM_HEIGHT;
 var MIN_WIDTH = 150;
 exports.MIN_WIDTH = MIN_WIDTH;
+var MULTI_WIDTH = 220;
+exports.MULTI_WIDTH = MULTI_WIDTH;
 var textInputSizes = [MD, SM];
 exports.textInputSizes = textInputSizes;
 var textInputStates = ['default', 'pressed', 'error'];

package/dist/utils/size-utils.d.ts

@@ -2,9 +2,10 @@ import { Theme } from '../theme';
 declare type Size = 'md' | 'sm';
 export declare const DEFAULT_SIZE: Size;
 export declare const getTextFieldHeight: (size?: Size | undefined) => string;
-export declare const getTextFieldSize: (hasMinWidthCompat?: boolean, size?: Size | undefined) => {
+export declare const getTextFieldSize: (hasMinWidthCompat?: boolean, size?: Size | undefined, multi?: boolean) => {
     minWidth?: string;
     height: string;
+    width?: string;
 };
 export declare const getSpacingBySize: (size: Size, theme: Theme) => string;
 export {};

package/dist/utils/size-utils.js

@@ -7,6 +7,8 @@ var _polished = require("polished");
 
 var _config = require("../components/TextInputBase/config");
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var DEFAULT_SIZE = 'md';
 exports.DEFAULT_SIZE = DEFAULT_SIZE;
 
@@ -38,21 +40,27 @@ var getTextFieldWidth = function getTextFieldWidth(size) {
   }
 };
 
-var getTextFieldSize = function getTextFieldSize(hasMinWidthCompat, size) {
+var getTextFieldSize = function getTextFieldSize(hasMinWidthCompat, size, multi) {
   if (hasMinWidthCompat === void 0) {
     hasMinWidthCompat = true;
   }
 
+  if (multi === void 0) {
+    multi = false;
+  }
+
   if (!hasMinWidthCompat) {
     return {
       height: getTextFieldHeight(size)
     };
   }
 
-  return {
+  return _extends({
     minWidth: getTextFieldWidth(size),
     height: getTextFieldHeight(size)
-  };
+  }, multi ? {
+    width: (0, _polished.rem)(_config.MULTI_WIDTH)
+  } : {});
 };
 
 exports.getTextFieldSize = getTextFieldSize;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.66.0",
+  "version": "4.67.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -84,6 +84,7 @@
     "styled-components": "^5.2.0",
     "ts-jest": "^26.5.6",
     "ts-loader": "^9.1.2",
+    "tsc-watch": "^5.0.3",
     "typedoc": "^0.22.12",
     "typescript": "4.2.4",
     "url-loader": "^4.1.0"
@@ -129,6 +130,8 @@
     "build:lib": "yarn build:partial:style && yarn build:partial:nostyle && yarn build:partial:types",
     "build": "build-storybook -o build/",
     "lint": "eslint './src/**/*.{ts,tsx}'",
+    "yalc:watch": "tsc-watch --noClear -p ./tsconfig.json --onSuccess \"yarn yalc:push\"",
+    "yalc:push": "yalc publish --push",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:update": "jest -u",

package/dist/components/MultiSelectBase/MultiSelectBase.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { TestProps } from 'utils/types';
-import { SelectOption } from 'components/Select/Select';
-import { Props as TextFieldProps } from 'components/TextField/TextField';
-declare const MultiSelectBase: React.ForwardRefExoticComponent<{
-    /** the values of the MultiSelect if MultiSelect is controlled */
-    selectedOptions?: SelectOption[] | undefined;
-    /** Callback fired when the `input` value typed is changed */
-    onInput?: ((event: any) => void) | undefined;
-    /** Value of the `input` element */
-    value?: string | number | undefined;
-    /** Callback fired when the Delete button of each Chip is clicked */
-    onOptionDelete: (option?: SelectOption | undefined) => void;
-    /** Callback fired when the Delete button of the whole MultiSelect is clicked */
-    onClearAllOptions: () => void;
-    /** If the component is loading */
-    isLoading?: boolean | undefined;
-    /** Whether the Textfield should change its styles when hovered/focused etc */
-    isInteractive?: boolean | undefined;
-    /** If true, the TextField has a dynamic width, bounded by max and min width values  */
-    isResponsive?: boolean | undefined;
-} & Omit<TextFieldProps, "size"> & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
-export default MultiSelectBase;