@orfium/ictinus 4.46.0 → 4.48.0

package/dist/components/Slider/components/SliderTrack/SliderTrack.js

@@ -0,0 +1,54 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactRange = require("react-range");
+
+var _useTheme = _interopRequireDefault(require("../../../../hooks/useTheme"));
+
+var _Slider = require("../../Slider");
+
+var _SliderTrack = require("./SliderTrack.style");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 SliderTrack = function SliderTrack(_ref) {
+  var values = _ref.values,
+      disabled = _ref.disabled,
+      isSelector = _ref.isSelector,
+      _ref$dataTestPrefixId = _ref.dataTestPrefixId,
+      dataTestPrefixId = _ref$dataTestPrefixId === void 0 ? '' : _ref$dataTestPrefixId,
+      restProps = _ref.restProps,
+      children = _ref.children;
+  var theme = (0, _useTheme["default"])();
+  var backgroundStyle = (0, React.useMemo)(function () {
+    return (0, _reactRange.getTrackBackground)({
+      values: values,
+      colors: isSelector ? [theme.utils.getColor('blue', disabled ? 250 : 500), theme.utils.getColor('blue', disabled ? 250 : 150)] : [theme.utils.getColor('blue', disabled ? 250 : 150), theme.utils.getColor('blue', disabled ? 250 : 500), theme.utils.getColor('blue', disabled ? 250 : 150)],
+      min: _Slider.MIN,
+      max: _Slider.MAX,
+      rtl: false
+    });
+  }, [disabled, isSelector, theme.utils, values]);
+  return (0, _react2.jsx)(_SliderTrack.Track, _extends({
+    "data-testid": dataTestPrefixId + "track_component"
+  }, restProps, {
+    disabled: disabled,
+    restStyleProps: restProps.style,
+    background: backgroundStyle
+  }), children);
+};
+
+var _default = SliderTrack;
+exports["default"] = _default;

package/dist/components/Slider/components/SliderTrack/SliderTrack.style.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+export declare const Track: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    background: string;
+    restStyleProps: CSSProperties;
+    disabled: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Slider/components/SliderTrack/SliderTrack.style.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Track = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _polished = require("polished");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Track = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ecb6cmq0"
+} : {
+  target: "ecb6cmq0",
+  label: "Track"
+})("height:", (0, _polished.rem)(3), ";border-radius:4px;background:", function (_ref) {
+  var background = _ref.background;
+  return background;
+}, ";cursor:", function (_ref2) {
+  var disabled = _ref2.disabled;
+  return disabled ? 'not-allowed' : 'unset';
+}, "!important;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NsaWRlci9jb21wb25lbnRzL1NsaWRlclRyYWNrL1NsaWRlclRyYWNrLnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TbGlkZXIvY29tcG9uZW50cy9TbGlkZXJUcmFjay9TbGlkZXJUcmFjay5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgVHJhY2sgPSBzdHlsZWQuZGl2PHtcbiAgYmFja2dyb3VuZDogc3RyaW5nO1xuICByZXN0U3R5bGVQcm9wczogQ1NTUHJvcGVydGllcztcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XG59PmBcbiAgaGVpZ2h0OiAke3JlbSgzKX07XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYmFja2dyb3VuZDogJHsoeyBiYWNrZ3JvdW5kIH0pID0+IGJhY2tncm91bmR9O1xuICBjdXJzb3I6ICR7KHsgZGlzYWJsZWQgfSkgPT4gKGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICd1bnNldCcpfSAhaW1wb3J0YW50O1xuYDtcbiJdfQ== */"));
+exports.Track = Track;

package/dist/components/Slider/components/SliderTrack/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SliderTrack';

package/dist/components/Slider/components/SliderTrack/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _SliderTrack = _interopRequireDefault(require("./SliderTrack"));
+
+exports["default"] = _SliderTrack["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Slider';

package/dist/components/Slider/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _Slider = _interopRequireDefault(require("./Slider"));
+
+exports["default"] = _Slider["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/Switch/Switch.style.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/components/Table/Table.d.ts

@@ -49,9 +49,11 @@ declare type Props<T> = {
     topRightArea?: (data: Row<T>[], selectionData?: Selection[]) => React.Component | JSX.Element;
     /** Action cell width for Table with Expandable Rows (in %)*/
     actionWidth?: number;
+    /** If true, table's expandable rows will be expanded on initial render. */
+    initialExpanded?: boolean;
     /** Data test id prefix for all th/td elements */
     dataTestIdPrefix?: string;
 };
-declare function Table<T>({ data, columns, type, fixedHeader, fixedCTA, onCheck, padded, onSort, initialSort, sortDir, topLeftText, topRightArea, actionWidth, dataTestIdPrefix, }: Props<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Table<T>({ data, columns, type, fixedHeader, fixedCTA, onCheck, padded, onSort, initialSort, sortDir, topLeftText, topRightArea, actionWidth, initialExpanded, dataTestIdPrefix, }: Props<T>): import("@emotion/react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Table>;
 export default _default;

package/dist/components/Table/Table.js

@@ -69,6 +69,8 @@ function Table(_ref) {
       topLeftText = _ref.topLeftText,
       topRightArea = _ref.topRightArea,
       actionWidth = _ref.actionWidth,
+      _ref$initialExpanded = _ref.initialExpanded,
+      initialExpanded = _ref$initialExpanded === void 0 ? false : _ref$initialExpanded,
       dataTestIdPrefix = _ref.dataTestIdPrefix;
   var breakpoints = (0, _useBreakpoints["default"])();
   var actionCellWidth = actionWidth ? actionWidth + "%" : breakpoints.des1920 ? '5%' : '7%';
@@ -258,6 +260,7 @@ function Table(_ref) {
         onSelectionChangeExist: Boolean(onCheck),
         expanded: Boolean(row.expanded),
         actionWidth: actionWidth,
+        initialExpanded: initialExpanded,
         dataTestIdPrefix: dataTestIdPrefix,
         rowIndex: index + 1
       })

package/dist/components/Table/components/RenderRowOrNestedRow/RenderRowOrNestedRow.d.ts

@@ -2,10 +2,11 @@ import { Row } from '../../Table';
 declare const _default: {
     <T extends {
         [key: string]: unknown;
-    }>({ row, dataTestIdPrefix, rowIndex, }: {
+    }>({ row, dataTestIdPrefix, rowIndex, initialExpanded, }: {
         row: Row<T>;
         dataTestIdPrefix?: string | undefined;
         rowIndex?: number | undefined;
+        initialExpanded: boolean;
     }): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Table/components/RenderRowOrNestedRow/RenderRowOrNestedRow.js

@@ -124,7 +124,8 @@ RenderRowWithCells.displayName = 'RenderRowWithCells';
 var RenderRowOrNestedRow = function RenderRowOrNestedRow(_ref3) {
   var row = _ref3.row,
       dataTestIdPrefix = _ref3.dataTestIdPrefix,
-      rowIndex = _ref3.rowIndex;
+      rowIndex = _ref3.rowIndex,
+      initialExpanded = _ref3.initialExpanded;
 
   var _React$useContext2 = React.useContext(_TableRowContext.TableRowContext),
       isRowSelected = _React$useContext2.isRowSelected,
@@ -133,7 +134,7 @@ var RenderRowOrNestedRow = function RenderRowOrNestedRow(_ref3) {
 
   var expanded = row.expanded;
 
-  var _useToggle = (0, _useToggle2["default"])(false),
+  var _useToggle = (0, _useToggle2["default"])(initialExpanded),
       checked = _useToggle[0],
       toggleChecked = _useToggle[1];
 

package/dist/components/Table/components/TableRowWrapper/TableRowWrapper.d.ts

@@ -12,6 +12,7 @@ declare type TableRowWrapperProps<T> = {
     type: TableType;
     expanded: boolean;
     actionWidth?: number;
+    initialExpanded: boolean;
     dataTestIdPrefix?: string;
     rowIndex?: number;
 };

package/dist/components/Table/components/TableRowWrapper/TableRowWrapper.js

@@ -26,6 +26,7 @@ var TableRowWrapper = function TableRowWrapper(props) {
       onSelectionChangeExist = props.onSelectionChangeExist,
       expanded = props.expanded,
       actionWidth = props.actionWidth,
+      initialExpanded = props.initialExpanded,
       dataTestIdPrefix = props.dataTestIdPrefix,
       rowIndex = props.rowIndex;
 
@@ -51,7 +52,8 @@ var TableRowWrapper = function TableRowWrapper(props) {
   }, (0, _react2.jsx)(_RenderRowOrNestedRow["default"], {
     row: row,
     dataTestIdPrefix: dataTestIdPrefix,
-    rowIndex: rowIndex
+    rowIndex: rowIndex,
+    initialExpanded: initialExpanded
   }));
 };
 

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

@@ -14,6 +14,9 @@ export declare type Props = {
     onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
     /** Callback fired when the `input` value typed is changed */
     onInput?: React.EventHandler<any>;
+    /** @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;
 } & TextInputWrapperProps;
 declare const TextField: React.ForwardRefExoticComponent<{
     /** The id of the text field that will be used as for in label too */
@@ -28,5 +31,8 @@ declare const TextField: React.ForwardRefExoticComponent<{
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
     /** Callback fired when the `input` value typed is changed */
     onInput?: ((event: any) => void) | undefined;
+    /** @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;
 } & TextInputWrapperProps & Partial<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/components/TextField/TextField.js

@@ -23,7 +23,7 @@ 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"];
+var _excluded = ["id", "rightIcon", "leftIcon", "label", "placeholder", "required", "disabled", "locked", "size", "dark", "lean", "hintMsg", "styleType", "readOnly", "status", "hasMinWidthCompat"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -33,13 +33,15 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 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');
+
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "15zzq99",
   styles: "width:100% "
 } : {
   name: "1rlc0zw-TextField",
   styles: "width:100% ;label:TextField;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERFRkFVTFRfU0laRSB9IGZyb20gJ3V0aWxzL3NpemUtdXRpbHMnO1xuXG5pbXBvcnQgeyBUZXN0UHJvcHMgfSBmcm9tICcuLi8uLi91dGlscy90eXBlcyc7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9MYWJlbCc7XG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4vY29tcG9uZW50cy9jb21tb25zJztcbmltcG9ydCB7IEFjY2VwdGVkSWNvbk5hbWVzIH0gZnJvbSAnY29tcG9uZW50cy9JY29uL3R5cGVzJztcbmltcG9ydCBUZXh0SW5wdXRCYXNlLCB7IFByb3BzIGFzIFRleHRJbnB1dFdyYXBwZXJQcm9wcyB9IGZyb20gJ2NvbXBvbmVudHMvVGV4dElucHV0QmFzZSc7XG5pbXBvcnQgeyBpbnB1dFN0eWxlIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlL1RleHRJbnB1dEJhc2Uuc3R5bGUnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgLyoqIFRoZSBpZCBvZiB0aGUgdGV4dCBmaWVsZCB0aGF0IHdpbGwgYmUgdXNlZCBhcyBmb3IgaW4gbGFiZWwgdG9vICovXG4gIGlkPzogc3RyaW5nO1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBibHVycmVkLiAqL1xuICBvbkJsdXI/OiBSZWFjdC5Gb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD47XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGNoYW5nZWQuICovXG4gIG9uQ2hhbmdlPzogUmVhY3QuQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQgfCBIVE1MSW5wdXRFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgZm9jdXNlZC4gKi9cbiAgb25Gb2N1cz86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaGFzIGEga2V5IGRvd24gZXZlbnQuICovXG4gIG9uS2V5RG93bj86IFJlYWN0LktleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQgfCBIVE1MSW5wdXRFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgdmFsdWUgdHlwZWQgaXMgY2hhbmdlZCAqL1xuICBvbklucHV0PzogUmVhY3QuRXZlbnRIYW5kbGVyPGFueT47XG59ICYgVGV4dElucHV0V3JhcHBlclByb3BzO1xuXG50eXBlIElucHV0UHJvcHMgPSBQYXJ0aWFsPE9taXQ8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3NpemUnPj47XG5cbmNvbnN0IFRleHRGaWVsZCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHMgJiBJbnB1dFByb3BzICYgVGVzdFByb3BzPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpZCA9IHVuZGVmaW5lZCxcbiAgICAgIHJpZ2h0SWNvbiA9IG51bGwsXG4gICAgICBsZWZ0SWNvbiA9IG51bGwsXG4gICAgICBsYWJlbCxcbiAgICAgIHBsYWNlaG9sZGVyID0gJycsXG4gICAgICByZXF1aXJlZCA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsb2NrZWQgPSBmYWxzZSxcbiAgICAgIHNpemUgPSBERUZBVUxUX1NJWkUsXG4gICAgICBkYXJrID0gZmFsc2UsXG4gICAgICBsZWFuLFxuICAgICAgaGludE1zZzogX19oaW50TXNnLFxuICAgICAgc3R5bGVUeXBlOiBfX3N0eWxlVHlwZSxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgc3RhdHVzLFxuICAgICAgLi4ucmVzdFxuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBnZXRJY29uID0gKGljb246IEFjY2VwdGVkSWNvbk5hbWVzIHwgSlNYLkVsZW1lbnQgfCBudWxsKSA9PlxuICAgICAgaWNvbiA/IChcbiAgICAgICAgdHlwZW9mIGljb24gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpY29uIGFzIEFjY2VwdGVkSWNvbk5hbWVzfVxuICAgICAgICAgICAgc2l6ZT17MjR9XG4gICAgICAgICAgICBjb2xvcj17dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBpY29uXG4gICAgICAgIClcbiAgICAgICkgOiBudWxsO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgPFRleHRJbnB1dEJhc2Ugey4uLnByb3BzfT5cbiAgICAgICAgICB7bGVmdEljb24gJiYgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J2xlZnQnfT57Z2V0SWNvbihsZWZ0SWNvbil9PC9JY29uV3JhcHBlcj59XG4gICAgICAgICAgPGRpdiBjc3M9e3sgd2lkdGg6ICcxMDAlICcgfX0+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICBjc3M9e2lucHV0U3R5bGUoeyBsYWJlbCwgcGxhY2Vob2xkZXIsIHNpemUsIGRhcmssIGxlYW4gfSl9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXshbGFiZWwgJiYgcGxhY2Vob2xkZXIgPyBgJHtwbGFjZWhvbGRlcn0gJHtyZXF1aXJlZCA/ICcqJyA6ICcnfWAgOiBsYWJlbH1cbiAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBsb2NrZWR9XG4gICAgICAgICAgICAgIHsuLi5vbWl0KHJlc3QsICdkYXRhVGVzdElkJyl9XG4gICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICAgICAgICBhbmltYXRlVG9Ub3A9e0Jvb2xlYW4ocmVzdC52YWx1ZSl9XG4gICAgICAgICAgICAgICAgZXJyb3I9e3N0YXR1cyA9PT0gJ2Vycm9yJ31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAge3JpZ2h0SWNvbiAmJiAhbG9ja2VkICYmIChcbiAgICAgICAgICAgIDxJY29uV3JhcHBlciBpY29uUG9zaXRpb249eydyaWdodCd9PntnZXRJY29uKHJpZ2h0SWNvbil9PC9JY29uV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtsb2NrZWQgJiYgKFxuICAgICAgICAgICAgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J3JpZ2h0J30+XG4gICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgbmFtZT1cImxvY2tcIlxuICAgICAgICAgICAgICAgIHNpemU9e3NpemUgPT09ICdtZCcgPyAyMCA6IDE2fVxuICAgICAgICAgICAgICAgIGNvbG9yPXt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgNjUwKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0SW5wdXRCYXNlPlxuICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICApO1xuICB9XG4pO1xuXG5UZXh0RmllbGQuZGlzcGxheU5hbWUgPSAnVGV4dEZpZWxkJztcblxuZXhwb3J0IGRlZmF1bHQgVGV4dEZpZWxkO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRGaWVsZC9UZXh0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB1c2VUaGVtZSBmcm9tICdob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgb21pdCBmcm9tICdsb2Rhc2gvb21pdCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgREVGQVVMVF9TSVpFIH0gZnJvbSAndXRpbHMvc2l6ZS11dGlscyc7XG5cbmltcG9ydCB7IFRlc3RQcm9wcyB9IGZyb20gJy4uLy4uL3V0aWxzL3R5cGVzJztcbmltcG9ydCBJY29uIGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL0xhYmVsJztcbmltcG9ydCB7IEljb25XcmFwcGVyIH0gZnJvbSAnLi9jb21wb25lbnRzL2NvbW1vbnMnO1xuaW1wb3J0IHsgQWNjZXB0ZWRJY29uTmFtZXMgfSBmcm9tICdjb21wb25lbnRzL0ljb24vdHlwZXMnO1xuaW1wb3J0IFRleHRJbnB1dEJhc2UsIHsgUHJvcHMgYXMgVGV4dElucHV0V3JhcHBlclByb3BzIH0gZnJvbSAnY29tcG9uZW50cy9UZXh0SW5wdXRCYXNlJztcbmltcG9ydCB7IGlucHV0U3R5bGUgfSBmcm9tICdjb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS5zdHlsZSc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICAvKiogVGhlIGlkIG9mIHRoZSB0ZXh0IGZpZWxkIHRoYXQgd2lsbCBiZSB1c2VkIGFzIGZvciBpbiBsYWJlbCB0b28gKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKiBDYWxsYmFjayBmaXJlZCB3aGVuIHRoZSBgaW5wdXRgIGlzIGJsdXJyZWQuICovXG4gIG9uQmx1cj86IFJlYWN0LkZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBpbnB1dGAgaXMgY2hhbmdlZC4gKi9cbiAgb25DaGFuZ2U/OiBSZWFjdC5DaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBpcyBmb2N1c2VkLiAqL1xuICBvbkZvY3VzPzogUmVhY3QuRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCBoYXMgYSBrZXkgZG93biBldmVudC4gKi9cbiAgb25LZXlEb3duPzogUmVhY3QuS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudCB8IEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKiogQ2FsbGJhY2sgZmlyZWQgd2hlbiB0aGUgYGlucHV0YCB2YWx1ZSB0eXBlZCBpcyBjaGFuZ2VkICovXG4gIG9uSW5wdXQ/OiBSZWFjdC5FdmVudEhhbmRsZXI8YW55PjtcbiAgLyoqIEBkZXByZWNhdGVkIFRoaXMgaXMgYSBjb21wYXRpYmlsaXR5IHByb3AgdGhhdCB3aWxsIGJlIHJlbW92ZWQgaW4gdGhlIG5leHQgdmVyc2lvbiwgYWxvbmcgd2l0aCB0aGUgbWluLXdpZHRoIHZhbHVlXG4gICAqIG9mIHRoZSBUZXh0RmllbGQuIEl0IHdpbGwgYmUgcmVwbGFjZWQgYnkgYSBmdWxsV2lkdGggcHJvcC4gKi9cbiAgaGFzTWluV2lkdGhDb21wYXQ/OiBib29sZWFuO1xufSAmIFRleHRJbnB1dFdyYXBwZXJQcm9wcztcblxudHlwZSBJbnB1dFByb3BzID0gUGFydGlhbDxPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdzaXplJz4+O1xuXG5jb25zb2xlLndhcm4oXG4gICdEZXByZWNhdGlvbiB3YXJuaW5nISBtaW4td2lkdGggd2lsbCBiZSByZW1vdmVkIGZyb20gdGhlIGNvbXBvbmVudCBpbiB2NSBvZiBpY3RpbnVzLiAnICtcbiAgICAnaGFzTWluV2lkdGhDb21wYXQgcHJvcCBoYXMgYmVlbiBhZGRlZCB0byB0ZW1wb3JhcmlseSBkaXNhYmxlIG1pbi13aWR0aCB3aGVuIG5lY2Vzc2FyeSdcbik7XG5cbmNvbnN0IFRleHRGaWVsZCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUHJvcHMgJiBJbnB1dFByb3BzICYgVGVzdFByb3BzPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpZCA9IHVuZGVmaW5lZCxcbiAgICAgIHJpZ2h0SWNvbiA9IG51bGwsXG4gICAgICBsZWZ0SWNvbiA9IG51bGwsXG4gICAgICBsYWJlbCxcbiAgICAgIHBsYWNlaG9sZGVyID0gJycsXG4gICAgICByZXF1aXJlZCA9IGZhbHNlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsb2NrZWQgPSBmYWxzZSxcbiAgICAgIHNpemUgPSBERUZBVUxUX1NJWkUsXG4gICAgICBkYXJrID0gZmFsc2UsXG4gICAgICBsZWFuLFxuICAgICAgaGludE1zZzogX19oaW50TXNnLFxuICAgICAgc3R5bGVUeXBlOiBfX3N0eWxlVHlwZSxcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgc3RhdHVzLFxuICAgICAgaGFzTWluV2lkdGhDb21wYXQgPSB0cnVlLFxuICAgICAgLi4ucmVzdFxuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBnZXRJY29uID0gKGljb246IEFjY2VwdGVkSWNvbk5hbWVzIHwgSlNYLkVsZW1lbnQgfCBudWxsKSA9PlxuICAgICAgaWNvbiA/IChcbiAgICAgICAgdHlwZW9mIGljb24gPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpY29uIGFzIEFjY2VwdGVkSWNvbk5hbWVzfVxuICAgICAgICAgICAgc2l6ZT17MjR9XG4gICAgICAgICAgICBjb2xvcj17dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBpY29uXG4gICAgICAgIClcbiAgICAgICkgOiBudWxsO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgPFRleHRJbnB1dEJhc2Ugey4uLnByb3BzfSBoYXNNaW5XaWR0aENvbXBhdD17aGFzTWluV2lkdGhDb21wYXR9PlxuICAgICAgICAgIHtsZWZ0SWNvbiAmJiA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsnbGVmdCd9PntnZXRJY29uKGxlZnRJY29uKX08L0ljb25XcmFwcGVyPn1cbiAgICAgICAgICA8ZGl2IGNzcz17eyB3aWR0aDogJzEwMCUgJyB9fT5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgIGNzcz17aW5wdXRTdHlsZSh7IGxhYmVsLCBwbGFjZWhvbGRlciwgc2l6ZSwgZGFyaywgbGVhbiB9KX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9eyFsYWJlbCAmJiBwbGFjZWhvbGRlciA/IGAke3BsYWNlaG9sZGVyfSAke3JlcXVpcmVkID8gJyonIDogJyd9YCA6IGxhYmVsfVxuICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvY2tlZH1cbiAgICAgICAgICAgICAgey4uLm9taXQocmVzdCwgJ2RhdGFUZXN0SWQnKX1cbiAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFuaW1hdGVUb1RvcD17Qm9vbGVhbihyZXN0LnZhbHVlKX1cbiAgICAgICAgICAgICAgICBlcnJvcj17c3RhdHVzID09PSAnZXJyb3InfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB7cmlnaHRJY29uICYmICFsb2NrZWQgJiYgKFxuICAgICAgICAgICAgPEljb25XcmFwcGVyIGljb25Qb3NpdGlvbj17J3JpZ2h0J30+e2dldEljb24ocmlnaHRJY29uKX08L0ljb25XcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2xvY2tlZCAmJiAoXG4gICAgICAgICAgICA8SWNvbldyYXBwZXIgaWNvblBvc2l0aW9uPXsncmlnaHQnfT5cbiAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICBuYW1lPVwibG9ja1wiXG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZSA9PT0gJ21kJyA/IDIwIDogMTZ9XG4gICAgICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRJbnB1dEJhc2U+XG4gICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICk7XG4gIH1cbik7XG5cblRleHRGaWVsZC5kaXNwbGF5TmFtZSA9ICdUZXh0RmllbGQnO1xuXG5leHBvcnQgZGVmYXVsdCBUZXh0RmllbGQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -67,6 +69,8 @@ var TextField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
       __styleType = props.styleType,
       readOnly = props.readOnly,
       status = props.status,
+      _props$hasMinWidthCom = props.hasMinWidthCompat,
+      hasMinWidthCompat = _props$hasMinWidthCom === void 0 ? true : _props$hasMinWidthCom,
       rest = _objectWithoutPropertiesLoose(props, _excluded);
 
   var theme = (0, _useTheme["default"])();
@@ -79,7 +83,9 @@ var TextField = /*#__PURE__*/_react["default"].forwardRef(function (props, ref)
     }) : icon : null;
   };
 
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TextInputBase["default"], props, leftIcon && (0, _react2.jsx)(_commons.IconWrapper, {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TextInputBase["default"], _extends({}, props, {
+    hasMinWidthCompat: hasMinWidthCompat
+  }), leftIcon && (0, _react2.jsx)(_commons.IconWrapper, {
     iconPosition: 'left'
   }, getIcon(leftIcon)), (0, _react2.jsx)("div", {
     css: _ref

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

@@ -9,9 +9,11 @@ export declare type Props = {
     label?: string;
     /** The placeholder of the input that will be used. This is shown if no label exists */
     placeholder?: string;
-    /** An optional icon to show to the left */
+    /** An optional icon to show to the left
+     * TODO This prop will be renamed to 'prefix', like: https://ant.design/components/input/#components-input-demo-presuffix */
     leftIcon?: AcceptedIconNames | JSX.Element | null;
-    /** An optional icon to show to the right */
+    /** An optional icon to show to the right
+     * TODO This prop will be renamed to 'suffix', like: https://ant.design/components/input/#components-input-demo-presuffix */
     rightIcon?: AcceptedIconNames | JSX.Element | null;
     /** If the text field value is required */
     required?: boolean;
@@ -39,6 +41,9 @@ export declare type Props = {
         textField?: CSSObject;
         input?: CSSObject;
     };
+    /** @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;
 };
 /** This Component is a wrapper for all primitives that hold text like Select, TextArea, TextInput. Here we keep the
  * logic of all the hover, focus status etc and the styling of these centralized **/

package/dist/components/TextInputBase/TextInputBase.js

@@ -38,7 +38,9 @@ var TextInputBase = function TextInputBase(_ref) {
       _ref$dark = _ref.dark,
       dark = _ref$dark === void 0 ? false : _ref$dark,
       children = _ref.children,
-      sx = _ref.sx;
+      sx = _ref.sx,
+      _ref$hasMinWidthCompa = _ref.hasMinWidthCompat,
+      hasMinWidthCompat = _ref$hasMinWidthCompa === void 0 ? true : _ref$hasMinWidthCompa;
   var theme = (0, _useTheme["default"])();
   var hintMessageToShow = hintMsg && (0, _react2.jsx)("div", {
     "data-testid": (0, _helpers.generateTestDataId)('error', dataTestId),
@@ -60,7 +62,8 @@ var TextInputBase = function TextInputBase(_ref) {
       lean: lean,
       styleType: styleType,
       size: size,
-      sx: sx
+      sx: sx,
+      hasMinWidthCompat: hasMinWidthCompat
     })
   }, (0, _react2.jsx)("div", {
     css: (0, _TextInputBase.textFieldStyle)({

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

@@ -5,7 +5,7 @@ import { Props } from './TextInputBase';
  * this wrapper must remain simple and not mess with children properties as it will be used
  * in custom implementation needed eg: datepicker
  * */
-export declare const wrapperStyle: ({ disabled, locked, status, lean, dark, size, sx }: Props) => (theme: Theme) => SerializedStyles;
+export declare const wrapperStyle: ({ disabled, locked, status, lean, dark, size, sx, hasMinWidthCompat, }: Props) => (theme: Theme) => SerializedStyles;
 export declare const textFieldStyle: ({ lean, sx }: Props) => (theme: Theme) => SerializedStyles;
 export declare const inputStyle: ({ label, placeholder, size, dark, sx }: Props) => (theme: Theme) => SerializedStyles;
 export declare const errorMsgStyle: ({ status }: Props) => (theme: Theme) => SerializedStyles;