@toptal/picasso-shared 100.0.0 → 100.1.0

package/dist-package/src/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './use-title-case';
 export * from './use-isomorphic-layout-effect';
 export * from './use-has-multiline-counter';
+export * from './use-input-test-id';
 //# sourceMappingURL=index.d.ts.map

package/dist-package/src/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qBAAqB,CAAA"}

package/dist-package/src/hooks/index.js

@@ -1,4 +1,5 @@
 export * from './use-title-case';
 export * from './use-isomorphic-layout-effect';
 export * from './use-has-multiline-counter';
+export * from './use-input-test-id';
 //# sourceMappingURL=index.js.map

package/dist-package/src/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qBAAqB,CAAA"}

package/dist-package/src/hooks/use-input-test-id.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Callback ref that stamps `data-testid` onto the `<input>` a Base UI
+ * primitive renders internally (e.g. the visually-hidden input of
+ * Checkbox/Switch). Base UI exposes that input only through `inputRef` —
+ * no prop reaches the input element itself — so the attribute is applied
+ * imperatively. The ref re-attaches whenever the testid changes, keeping
+ * the attribute in sync (and removing it when the testid is unset).
+ */
+export declare const useInputTestId: (testId?: string) => (input: HTMLInputElement | null) => void;
+//# sourceMappingURL=use-input-test-id.d.ts.map

package/dist-package/src/hooks/use-input-test-id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-test-id.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-input-test-id.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,YAAa,MAAM,aAElC,gBAAgB,GAAG,IAAI,SAYhC,CAAA"}

package/dist-package/src/hooks/use-input-test-id.js

@@ -0,0 +1,21 @@
+import { useCallback } from 'react';
+/**
+ * Callback ref that stamps `data-testid` onto the `<input>` a Base UI
+ * primitive renders internally (e.g. the visually-hidden input of
+ * Checkbox/Switch). Base UI exposes that input only through `inputRef` —
+ * no prop reaches the input element itself — so the attribute is applied
+ * imperatively. The ref re-attaches whenever the testid changes, keeping
+ * the attribute in sync (and removing it when the testid is unset).
+ */
+export const useInputTestId = (testId) => useCallback((input) => {
+    if (!input) {
+        return;
+    }
+    if (testId === undefined) {
+        input.removeAttribute('data-testid');
+    }
+    else {
+        input.setAttribute('data-testid', testId);
+    }
+}, [testId]);
+//# sourceMappingURL=use-input-test-id.js.map

package/dist-package/src/hooks/use-input-test-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-test-id.js","sourceRoot":"","sources":["../../../src/hooks/use-input-test-id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAe,EAAE,EAAE,CAChD,WAAW,CACT,CAAC,KAA8B,EAAE,EAAE;IACjC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAM;IACR,CAAC;IAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,CAAA;IACtC,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IAC3C,CAAC;AACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-shared",
-  "version": "100.0.0",
+  "version": "100.1.0",
   "description": "Shared types, utils for Picasso internal usage",
   "author": "Toptal",
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-shared#readme",

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
 export * from './use-title-case'
 export * from './use-isomorphic-layout-effect'
 export * from './use-has-multiline-counter'
+export * from './use-input-test-id'

package/src/hooks/use-input-test-id.ts

@@ -0,0 +1,25 @@
+import { useCallback } from 'react'
+
+/**
+ * Callback ref that stamps `data-testid` onto the `<input>` a Base UI
+ * primitive renders internally (e.g. the visually-hidden input of
+ * Checkbox/Switch). Base UI exposes that input only through `inputRef` —
+ * no prop reaches the input element itself — so the attribute is applied
+ * imperatively. The ref re-attaches whenever the testid changes, keeping
+ * the attribute in sync (and removing it when the testid is unset).
+ */
+export const useInputTestId = (testId?: string) =>
+  useCallback(
+    (input: HTMLInputElement | null) => {
+      if (!input) {
+        return
+      }
+
+      if (testId === undefined) {
+        input.removeAttribute('data-testid')
+      } else {
+        input.setAttribute('data-testid', testId)
+      }
+    },
+    [testId]
+  )