@toptal/picasso 25.3.2 → 25.3.3-alpha-fix-select-ref.5

package/Select/Select.d.ts

@@ -1,23 +1,6 @@
+import React from 'react';
 import { SelectProps, ValueType } from '../SelectBase';
-export declare const Select: {
-    <T extends ValueType, M extends boolean = false>({ native, ...props }: SelectProps<T, M, M extends true ? T[] : T>): JSX.Element;
-    defaultProps: {
-        disabled: boolean;
-        getDisplayValue: (option: import("../SelectBase").Option<string | number> | null) => string;
-        iconPosition: string;
-        loading: boolean;
-        noOptionsText: string;
-        onChange: () => void;
-        onBlur: () => void;
-        renderOption: (option: import("../SelectBase").Option<string | number>) => string;
-        size: string;
-        width: string;
-        searchThreshold: number;
-        limit: number;
-        enableAutofill: boolean;
-        searchPlaceholder: string;
-        native: boolean;
-        status: string;
-    };
-};
+export declare const Select: import("../utils/forward-ref").Component<(<T extends ValueType, M extends boolean = false>(props: SelectProps<T, M, M extends true ? T[] : T> & {
+    ref?: React.Ref<HTMLInputElement> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null), unknown>;
 export default Select;

package/Select/Select.js

@@ -16,6 +16,7 @@ import disableUnsupportedProps from '../utils/disable-unsupported-props';
 import noop from '../utils/noop';
 import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
 import { DEFAULT_LIMIT, DEFAULT_SEARCH_THRESHOLD, getOptionText, renderOption } from '../SelectBase';
+import { documentable, forwardRef } from '../utils';
 const purifyProps = (props) => {
     const sizeOptions = {
         featureProps: {
@@ -28,7 +29,7 @@ const purifyProps = (props) => {
     };
     return disableUnsupportedProps('Select', props, sizeOptions);
 };
-export const Select = (_a) => {
+export const Select = documentable(forwardRef((_a, ref) => {
     var { native } = _a, props = __rest(_a, ["native"]);
     usePropDeprecationWarning({
         props,
@@ -38,10 +39,10 @@ export const Select = (_a) => {
     });
     return native ? (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement(NativeSelect, Object.assign({}, purifyProps(props)))) : (
+    React.createElement(NativeSelect, Object.assign({}, purifyProps(props), { ref: ref }))) : (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement(NonNativeSelect, Object.assign({}, purifyProps(props))));
-};
+    React.createElement(NonNativeSelect, Object.assign({}, purifyProps(props), { ref: ref })));
+}));
 Select.defaultProps = {
     disabled: false,
     getDisplayValue: getOptionText,

package/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,uBAEN,MAAM,oCAAoC,CAAA;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAGL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,EACb,MAAM,eAAe,CAAA;AAEtB,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAiD,EAGnD,EAAE,EAAE;QAH+C,EACrE,MAAM,OAEY,EADf,KAAK,cAF6D,UAGtE,CADS;IAER,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CACzC,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CAC5C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,uBAEN,MAAM,oCAAoC,CAAA;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAGL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,EACb,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEnD,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAChC,UAAU,CACR,CACE,EAAuC,EACvC,GAAuC,EACvC,EAAE;QAFF,EAAE,MAAM,OAA+B,EAA1B,KAAK,cAAlB,UAAoB,CAAF;IAGlB,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,IAAE,GAAG,EAAE,GAAG,IAAI,CACnD,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,IAAE,GAAG,EAAE,GAAG,IAAI,CACtD,CAAA;AACH,CAAC,CACF,CACF,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso",
-  "version": "25.3.2",
+  "version": "25.3.3-alpha-fix-select-ref.5+0a3635e1",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public",
@@ -31,8 +31,8 @@
     "typescript": "4.6.x"
   },
   "dependencies": {
-    "@toptal/picasso-provider": "^1.1.4",
-    "@toptal/picasso-shared": "^8.2.2",
+    "@toptal/picasso-provider": "1.1.5-alpha-fix-select-ref.5+0a3635e1",
+    "@toptal/picasso-shared": "8.2.3-alpha-fix-select-ref.5+0a3635e1",
     "ap-style-title-case": "^1.1.2",
     "classnames": "^2.3.1",
     "d3": "^6.7.0",
@@ -80,5 +80,6 @@
   "sideEffects": [
     "**/styles.ts",
     "**/styles.js"
-  ]
+  ],
+  "gitHead": "0a3635e12528f3394941e1f19e2a39a8903b9e3d"
 }

package/utils/forward-ref.d.ts

@@ -5,7 +5,7 @@ export declare type Component<T, P> = T & {
 };
 /**
  * Wraps the exotic generic functional component type returned by the `forwardRef`.
- * This function adopts the type of the exotic compoennt to take `defaultProps` and
+ * This function adopts the type of the exotic component to take `defaultProps` and
  * `displayName`.
  *
  * @see forwardRef

package/utils/forward-ref.js

@@ -1,7 +1,7 @@
 import React from 'react';
 /**
  * Wraps the exotic generic functional component type returned by the `forwardRef`.
- * This function adopts the type of the exotic compoennt to take `defaultProps` and
+ * This function adopts the type of the exotic component to take `defaultProps` and
  * `displayName`.
  *
  * @see forwardRef