@toptal/picasso-tagselector 1.0.22 → 1.0.24

package/dist-package/src/TagSelectorInput/TagSelectorInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagSelectorInput.d.ts","sourceRoot":"","sources":["../../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAezC,eAAO,MAAM,gBAAgB,qHA6F5B,CAAA;AAUD,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"TagSelectorInput.d.ts","sourceRoot":"","sources":["../../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAczC,eAAO,MAAM,gBAAgB,qHAwF5B,CAAA;AAUD,eAAe,gBAAgB,CAAA"}

package/dist-package/src/TagSelectorInput/TagSelectorInput.js

@@ -14,7 +14,6 @@ import cx from 'classnames';
 import { makeStyles } from '@material-ui/core/styles';
 import { OutlinedInput } from '@toptal/picasso-outlined-input';
 import { usePropDeprecationWarning } from '@toptal/picasso-utils';
-import { useFieldsLayoutContext } from '@toptal/picasso-form';
 import styles from './styles';
 const useStyles = makeStyles(styles, {
     name: 'PicassoTagSelectorInput',
@@ -35,7 +34,6 @@ export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref)
         description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.',
     });
     const classes = useStyles();
-    const { layout } = useFieldsLayoutContext();
     let usedEndAdornment = null;
     if (endAdornment) {
         usedEndAdornment = React.cloneElement(endAdornment, {
@@ -44,10 +42,7 @@ export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref)
     }
     return (React.createElement(OutlinedInput, { inputRef: ref, style: style, className: cx(classes.inputBase, {
             [classes.withEndAdornment]: Boolean(endAdornment),
-            [classes.horizontalLayout]: layout === 'horizontal',
-        }), classes: {
-            root: cx({ [classes.highlightAutofill]: highlight === 'autofill' }),
-        }, id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, status: error ? 'error' : status, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, multiline: multiline, rows: rows, rowsMax: rowsMax, type: type, width: width, 
+        }), highlight: highlight, id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, status: error ? 'error' : status, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, multiline: multiline, rows: rows, rowsMax: rowsMax, type: type, width: width, 
         // html attributes
         inputProps: Object.assign(Object.assign({}, rest), inputProps), testIds: testIds, endAdornment: usedEndAdornment, startAdornment: startAdornment, onChange: onChange }, children));
 });

package/dist-package/src/TagSelectorInput/TagSelectorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagSelectorInput.js","sourceRoot":"","sources":["../../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagSelectorInput.js","sourceRoot":"","sources":["../../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAGjE,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,YAAY;IACZ,6DAA6D;IAC7D,YAAY;IACZ,6DAA6D;IAC7D,WAAW,EACX,UAAU,EACV,OAAO,EACP,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK;IAET,kBAAkB;MA/BZ,2SA6BL,CAAQ,CAAA;IAET,kBAAkB;IAClB,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,kBAAkB;QACjC,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,IAAI,gBAAgB,GAAG,IAAI,CAAA;IAE3B,IAAI,YAAY,EAAE;QAChB,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC,YAA4B,EAAE;YAClE,SAAS,EAAE,OAAO,CAAC,YAAY;SAChC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE;YAC/B,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC;SAClD,CAAC,EACF,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;QACZ,kBAAkB;QAClB,UAAU,kCACL,IAAI,GACJ,UAAU,GAEf,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,YAAY,GAAG;IAC9B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}

package/dist-package/src/TagSelectorInput/styles.d.ts

@@ -1,5 +1,4 @@
-import type { Theme } from '@material-ui/core/styles';
 export declare const TAG_SELECTOR_INPUT_GUTTER_SIZE: string;
-declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "inputBase" | "withEndAdornment" | "endAdornment" | "horizontalLayout" | "highlightAutofill">;
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "inputBase" | "withEndAdornment" | "endAdornment" | "horizontalLayout">;
 export default _default;
 //# sourceMappingURL=styles.d.ts.map

package/dist-package/src/TagSelectorInput/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TagSelectorInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAKrD,eAAO,MAAM,8BAA8B,QAAa,CAAA;gCAIjC,KAAK;AAA5B,wBAkCI"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TagSelectorInput/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,8BAA8B,QAAa,CAAA;;AAIxD,wBAiCI"}

package/dist-package/src/TagSelectorInput/styles.js

@@ -1,10 +1,10 @@
 import { createStyles } from '@material-ui/core/styles';
 import { rem } from '@toptal/picasso-shared';
-import { highlightStyles as highlightAutofillStyles } from '@toptal/picasso-input';
 export const TAG_SELECTOR_INPUT_GUTTER_SIZE = rem('4px');
 const END_ADORNMENT_PADDING = '0.625em';
 const END_ADORNMENT_HEIGHT = '1em';
-export default (theme) => createStyles(Object.assign(Object.assign({ inputBase: {
+export default () => createStyles({
+    inputBase: {
         display: 'flex',
         flexWrap: 'wrap',
         height: 'auto',
@@ -21,14 +21,18 @@ export default (theme) => createStyles(Object.assign(Object.assign({ inputBase:
             paddingRight: 0,
             marginBottom: 0,
         },
-    } }, highlightAutofillStyles(theme)), { withEndAdornment: {
+    },
+    withEndAdornment: {
         paddingRight: `calc(2*${END_ADORNMENT_PADDING} + ${END_ADORNMENT_HEIGHT})`,
-    }, endAdornment: {
+    },
+    endAdornment: {
         position: 'absolute',
         top: `calc(50% - 0.5 * ${END_ADORNMENT_HEIGHT})`,
         right: '0.625em',
         height: END_ADORNMENT_HEIGHT,
-    }, horizontalLayout: {
+    },
+    horizontalLayout: {
         width: '100%',
-    } }));
+    },
+});
 //# sourceMappingURL=styles.js.map

package/dist-package/src/TagSelectorInput/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TagSelectorInput/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAE,eAAe,IAAI,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAElF,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;AACxD,MAAM,qBAAqB,GAAG,SAAS,CAAA;AACvC,MAAM,oBAAoB,GAAG,KAAK,CAAA;AAElC,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,+BACV,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,8BAA8B;QAC7C,WAAW,EAAE,8BAA8B;QAC3C,UAAU,EAAE,8BAA8B;QAC1C,MAAM,EAAE,SAAS;QAEjB,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;YACnB,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC;YACvB,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,CAAC;SAChB;KACF,IACE,uBAAuB,CAAC,KAAK,CAAC,KACjC,gBAAgB,EAAE;QAChB,YAAY,EAAE,UAAU,qBAAqB,MAAM,oBAAoB,GAAG;KAC3E,EACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,oBAAoB,oBAAoB,GAAG;QAChD,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,oBAAoB;KAC7B,EACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM;KACd,IACD,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TagSelectorInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;AACxD,MAAM,qBAAqB,GAAG,SAAS,CAAA;AACvC,MAAM,oBAAoB,GAAG,KAAK,CAAA;AAElC,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,8BAA8B;QAC7C,WAAW,EAAE,8BAA8B;QAC3C,UAAU,EAAE,8BAA8B;QAC1C,MAAM,EAAE,SAAS;QAEjB,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;YACnB,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC;YACvB,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,CAAC;SAChB;KACF;IACD,gBAAgB,EAAE;QAChB,YAAY,EAAE,UAAU,qBAAqB,MAAM,oBAAoB,GAAG;KAC3E;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,oBAAoB,oBAAoB,GAAG;QAChD,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,oBAAoB;KAC7B;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-tagselector",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "description": "Toptal UI components library - Tagselector",
   "publishConfig": {
     "access": "public"
@@ -22,12 +22,11 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-autocomplete": "1.0.20",
-    "@toptal/picasso-form": "3.0.3",
-    "@toptal/picasso-input": "2.0.1",
-    "@toptal/picasso-outlined-input": "1.0.18",
+    "@toptal/picasso-autocomplete": "1.0.22",
+    "@toptal/picasso-form": "3.0.4",
+    "@toptal/picasso-outlined-input": "1.1.0",
     "@toptal/picasso-shared": "15.0.0",
-    "@toptal/picasso-tag": "2.0.1",
+    "@toptal/picasso-tag": "2.0.2",
     "@toptal/picasso-utils": "1.0.3",
     "classnames": "^2.5.1"
   },

package/src/TagSelectorInput/TagSelectorInput.tsx

@@ -6,7 +6,6 @@ import { makeStyles } from '@material-ui/core/styles'
 import { OutlinedInput } from '@toptal/picasso-outlined-input'
 import { usePropDeprecationWarning } from '@toptal/picasso-utils'
 import type { Props as InputProps } from '@toptal/picasso-input'
-import { useFieldsLayoutContext } from '@toptal/picasso-form'
 
 import styles from './styles'
 
@@ -58,8 +57,6 @@ export const TagSelectorInput = forwardRef<HTMLInputElement, InputProps>(
 
     const classes = useStyles()
 
-    const { layout } = useFieldsLayoutContext()
-
     let usedEndAdornment = null
 
     if (endAdornment) {
@@ -74,11 +71,8 @@ export const TagSelectorInput = forwardRef<HTMLInputElement, InputProps>(
         style={style}
         className={cx(classes.inputBase, {
           [classes.withEndAdornment]: Boolean(endAdornment),
-          [classes.horizontalLayout]: layout === 'horizontal',
         })}
-        classes={{
-          root: cx({ [classes.highlightAutofill]: highlight === 'autofill' }),
-        }}
+        highlight={highlight}
         id={id}
         name={name}
         defaultValue={defaultValue}

package/src/TagSelectorInput/styles.ts

@@ -1,13 +1,11 @@
-import type { Theme } from '@material-ui/core/styles'
 import { createStyles } from '@material-ui/core/styles'
 import { rem } from '@toptal/picasso-shared'
-import { highlightStyles as highlightAutofillStyles } from '@toptal/picasso-input'
 
 export const TAG_SELECTOR_INPUT_GUTTER_SIZE = rem('4px')
 const END_ADORNMENT_PADDING = '0.625em'
 const END_ADORNMENT_HEIGHT = '1em'
 
-export default (theme: Theme) =>
+export default () =>
   createStyles({
     inputBase: {
       display: 'flex',
@@ -28,7 +26,6 @@ export default (theme: Theme) =>
         marginBottom: 0,
       },
     },
-    ...highlightAutofillStyles(theme),
     withEndAdornment: {
       paddingRight: `calc(2*${END_ADORNMENT_PADDING} + ${END_ADORNMENT_HEIGHT})`,
     },