@osdk/react-components 0.3.0-main-20260408093908 → 0.3.0-main-20260408113649

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @osdk/react-components
 
-## 0.3.0-main-20260408093908
+## 0.3.0-main-20260408113649
 
 ### Minor Changes
 
@@ -11,13 +11,14 @@
 
 - 236a88b: Downgrade react-day-picker from v9 to ^8.10.0
 - 79b001e: Add FilePickerField component for attachment and media reference form fields
+- b2b512e: Address FilePickerField PR review comments: memoize computed values, add aria-label, rename CSS token, add keyboard interaction tests
 - Updated dependencies [f8b9f12]
 - Updated dependencies [bcf359f]
 - Updated dependencies [51ccca8]
 - Updated dependencies [fb85818]
-  - @osdk/client@2.9.0-main-20260408093908
-  - @osdk/react@0.11.0-main-20260408093908
-  - @osdk/api@2.9.0-main-20260408093908
+  - @osdk/client@2.9.0-main-20260408113649
+  - @osdk/react@0.11.0-main-20260408113649
+  - @osdk/api@2.9.0-main-20260408113649
 
 ## 0.2.0
 

package/build/browser/action-form/fields/FilePickerField.js

@@ -17,7 +17,7 @@
 import { Button } from "@base-ui/react/button";
 import { Cross } from "@blueprintjs/icons";
 import classnames from "classnames";
-import React, { memo, useCallback, useRef } from "react";
+import React, { memo, useCallback, useMemo, useRef } from "react";
 import styles from "./FilePickerField.module.css.js";
 export const FilePickerField = /*#__PURE__*/memo(function ({
   id,
@@ -60,9 +60,9 @@ export const FilePickerField = /*#__PURE__*/memo(function ({
       openFileDialog();
     }
   }, [openFileDialog]);
-  const displayText = getDisplayText(value);
+  const displayText = useMemo(() => getDisplayText(value), [value]);
   const hasValue = displayText != null;
-  const acceptString = normalizeAccept(accept);
+  const acceptString = useMemo(() => normalizeAccept(accept), [accept]);
   return (
     /*#__PURE__*/
     // The entire component is a single tab stop (tabIndex={0}).
@@ -75,6 +75,7 @@ export const FilePickerField = /*#__PURE__*/memo(function ({
       className: styles.osdkFilePickerTrigger,
       tabIndex: 0,
       role: "button",
+      "aria-label": "Choose file",
       onClick: openFileDialog,
       onKeyDown: handleKeyDown
     }, /*#__PURE__*/React.createElement("input", {

package/build/browser/action-form/fields/FilePickerField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePickerField.js","names":["Button","Cross","classnames","React","memo","useCallback","useRef","styles","FilePickerField","id","value","onChange","isMulti","accept","maxSize","_maxSize","text","buttonText","inputRef","openFileDialog","current","click","handleInputChange","event","files","target","length","Array","from","handleClear","stopPropagation","preventDefault","handleKeyDown","key","displayText","getDisplayText","hasValue","acceptString","normalizeAccept","createElement","className","osdkFilePickerTrigger","tabIndex","role","onClick","onKeyDown","ref","type","osdkFilePickerHiddenInput","multiple","osdkFilePickerText","osdkFilePickerPlaceholder","osdkFilePickerClear","osdkFilePickerBrowse","undefined","isArray","join","map","f","name"],"sources":["FilePickerField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Cross } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useRef } from \"react\";\nimport type { FilePickerProps } from \"../FormFieldApi.js\";\nimport styles from \"./FilePickerField.module.css\";\n\nexport const FilePickerField: React.FC<FilePickerProps> = memo(\n  function FilePickerFieldFn({\n    id,\n    value,\n    onChange,\n    isMulti,\n    accept,\n    // TODO: implement maxSize validation in a follow-up\n    maxSize: _maxSize,\n    text = \"No file chosen\",\n    buttonText = \"Browse\",\n  }): React.ReactElement {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const openFileDialog = useCallback(() => {\n      inputRef.current?.click();\n    }, []);\n\n    const handleInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const files = event.target.files;\n        if (files == null || files.length === 0) {\n          onChange?.(null);\n          return;\n        }\n\n        if (isMulti) {\n          onChange?.(Array.from(files));\n        } else {\n          onChange?.(files[0] ?? null);\n        }\n      },\n      [onChange, isMulti],\n    );\n\n    const handleClear = useCallback(\n      (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n        onChange?.(null);\n        if (inputRef.current != null) {\n          inputRef.current.value = \"\";\n        }\n      },\n      [onChange],\n    );\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          openFileDialog();\n        }\n      },\n      [openFileDialog],\n    );\n\n    const displayText = getDisplayText(value);\n    const hasValue = displayText != null;\n    const acceptString = normalizeAccept(accept);\n    return (\n      // The entire component is a single tab stop (tabIndex={0}).\n      // Text and Browse are <span>s (not buttons) so they don't create\n      // extra tab stops — clicks on them bubble up to the container's onClick.\n      // The clear button is the only inner interactive element and gets its\n      // own tab stop so keyboard users can clear the selection.\n      <div\n        id={id}\n        className={styles.osdkFilePickerTrigger}\n        tabIndex={0}\n        role=\"button\"\n        onClick={openFileDialog}\n        onKeyDown={handleKeyDown}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          className={styles.osdkFilePickerHiddenInput}\n          multiple={isMulti}\n          accept={acceptString}\n          onChange={handleInputChange}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n        />\n        <span\n          className={classnames(\n            styles.osdkFilePickerText,\n            !hasValue && styles.osdkFilePickerPlaceholder,\n          )}\n        >\n          {displayText ?? text}\n        </span>\n        {hasValue && (\n          // stopPropagation + preventDefault prevent the click from\n          // bubbling to the container's onClick which opens the file dialog.\n          <Button\n            className={styles.osdkFilePickerClear}\n            onClick={handleClear}\n            aria-label=\"Clear selection\"\n          >\n            <Cross />\n          </Button>\n        )}\n        <span className={styles.osdkFilePickerBrowse}>{buttonText}</span>\n      </div>\n    );\n  },\n);\n\nfunction normalizeAccept(\n  accept: string | string[] | undefined,\n): string | undefined {\n  if (accept == null) {\n    return undefined;\n  }\n  return Array.isArray(accept) ? accept.join(\",\") : accept;\n}\n\nfunction getDisplayText(value: File | File[] | null): string | undefined {\n  if (value == null) {\n    return undefined;\n  }\n  if (Array.isArray(value)) {\n    return value.map((f) => f.name).join(\", \");\n  }\n  return value.name;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAExD,OAAOC,MAAM,MAAM,8BAA8B;AAEjD,OAAO,MAAMC,eAA0C,gBAAGJ,IAAI,CAC5D,UAA2B;EACzBK,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACN;EACAC,OAAO,EAAEC,QAAQ;EACjBC,IAAI,GAAG,gBAAgB;EACvBC,UAAU,GAAG;AACf,CAAC,EAAsB;EACrB,MAAMC,QAAQ,GAAGZ,MAAM,CAAmB,IAAI,CAAC;EAE/C,MAAMa,cAAc,GAAGd,WAAW,CAAC,MAAM;IACvCa,QAAQ,CAACE,OAAO,EAAEC,KAAK,CAAC,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,iBAAiB,GAAGjB,WAAW,CAClCkB,KAA0C,IAAK;IAC9C,MAAMC,KAAK,GAAGD,KAAK,CAACE,MAAM,CAACD,KAAK;IAChC,IAAIA,KAAK,IAAI,IAAI,IAAIA,KAAK,CAACE,MAAM,KAAK,CAAC,EAAE;MACvCf,QAAQ,GAAG,IAAI,CAAC;MAChB;IACF;IAEA,IAAIC,OAAO,EAAE;MACXD,QAAQ,GAAGgB,KAAK,CAACC,IAAI,CAACJ,KAAK,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLb,QAAQ,GAAGa,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IAC9B;EACF,CAAC,EACD,CAACb,QAAQ,EAAEC,OAAO,CACpB,CAAC;EAED,MAAMiB,WAAW,GAAGxB,WAAW,CAC5BkB,KAAuB,IAAK;IAC3BA,KAAK,CAACO,eAAe,CAAC,CAAC;IACvBP,KAAK,CAACQ,cAAc,CAAC,CAAC;IACtBpB,QAAQ,GAAG,IAAI,CAAC;IAChB,IAAIO,QAAQ,CAACE,OAAO,IAAI,IAAI,EAAE;MAC5BF,QAAQ,CAACE,OAAO,CAACV,KAAK,GAAG,EAAE;IAC7B;EACF,CAAC,EACD,CAACC,QAAQ,CACX,CAAC;EAED,MAAMqB,aAAa,GAAG3B,WAAW,CAC9BkB,KAA0B,IAAK;IAC9B,IAAIA,KAAK,CAACU,GAAG,KAAK,OAAO,IAAIV,KAAK,CAACU,GAAG,KAAK,GAAG,EAAE;MAC9CV,KAAK,CAACQ,cAAc,CAAC,CAAC;MACtBZ,cAAc,CAAC,CAAC;IAClB;EACF,CAAC,EACD,CAACA,cAAc,CACjB,CAAC;EAED,MAAMe,WAAW,GAAGC,cAAc,CAACzB,KAAK,CAAC;EACzC,MAAM0B,QAAQ,GAAGF,WAAW,IAAI,IAAI;EACpC,MAAMG,YAAY,GAAGC,eAAe,CAACzB,MAAM,CAAC;EAC5C;IAAA;IACE;IACA;IACA;IACA;IACA;IACAV,KAAA,CAAAoC,aAAA;MACE9B,EAAE,EAAEA,EAAG;MACP+B,SAAS,EAAEjC,MAAM,CAACkC,qBAAsB;MACxCC,QAAQ,EAAE,CAAE;MACZC,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAEzB,cAAe;MACxB0B,SAAS,EAAEb;IAAc,gBAEzB7B,KAAA,CAAAoC,aAAA;MACEO,GAAG,EAAE5B,QAAS;MACd6B,IAAI,EAAC,MAAM;MACXP,SAAS,EAAEjC,MAAM,CAACyC,yBAA0B;MAC5CC,QAAQ,EAAErC,OAAQ;MAClBC,MAAM,EAAEwB,YAAa;MACrB1B,QAAQ,EAAEW,iBAAkB;MAC5B,eAAY,MAAM;MAClBoB,QAAQ,EAAE,CAAC;IAAE,CACd,CAAC,eACFvC,KAAA,CAAAoC,aAAA;MACEC,SAAS,EAAEtC,UAAU,CACnBK,MAAM,CAAC2C,kBAAkB,EACzB,CAACd,QAAQ,IAAI7B,MAAM,CAAC4C,yBACtB;IAAE,GAEDjB,WAAW,IAAIlB,IACZ,CAAC,EACNoB,QAAQ;IAAA;IACP;IACA;IACAjC,KAAA,CAAAoC,aAAA,CAACvC,MAAM;MACLwC,SAAS,EAAEjC,MAAM,CAAC6C,mBAAoB;MACtCR,OAAO,EAAEf,WAAY;MACrB,cAAW;IAAiB,gBAE5B1B,KAAA,CAAAoC,aAAA,CAACtC,KAAK,MAAE,CACF,CACT,eACDE,KAAA,CAAAoC,aAAA;MAAMC,SAAS,EAAEjC,MAAM,CAAC8C;IAAqB,GAAEpC,UAAiB,CAC7D;EAAC;AAEV,CACF,CAAC;AAED,SAASqB,eAAeA,CACtBzB,MAAqC,EACjB;EACpB,IAAIA,MAAM,IAAI,IAAI,EAAE;IAClB,OAAOyC,SAAS;EAClB;EACA,OAAO3B,KAAK,CAAC4B,OAAO,CAAC1C,MAAM,CAAC,GAAGA,MAAM,CAAC2C,IAAI,CAAC,GAAG,CAAC,GAAG3C,MAAM;AAC1D;AAEA,SAASsB,cAAcA,CAACzB,KAA2B,EAAsB;EACvE,IAAIA,KAAK,IAAI,IAAI,EAAE;IACjB,OAAO4C,SAAS;EAClB;EACA,IAAI3B,KAAK,CAAC4B,OAAO,CAAC7C,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK,CAAC+C,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,CAAC,CAACH,IAAI,CAAC,IAAI,CAAC;EAC5C;EACA,OAAO9C,KAAK,CAACiD,IAAI;AACnB","ignoreList":[]}
+{"version":3,"file":"FilePickerField.js","names":["Button","Cross","classnames","React","memo","useCallback","useMemo","useRef","styles","FilePickerField","id","value","onChange","isMulti","accept","maxSize","_maxSize","text","buttonText","inputRef","openFileDialog","current","click","handleInputChange","event","files","target","length","Array","from","handleClear","stopPropagation","preventDefault","handleKeyDown","key","displayText","getDisplayText","hasValue","acceptString","normalizeAccept","createElement","className","osdkFilePickerTrigger","tabIndex","role","onClick","onKeyDown","ref","type","osdkFilePickerHiddenInput","multiple","osdkFilePickerText","osdkFilePickerPlaceholder","osdkFilePickerClear","osdkFilePickerBrowse","undefined","isArray","join","map","f","name"],"sources":["FilePickerField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Cross } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useRef } from \"react\";\nimport type { FilePickerProps } from \"../FormFieldApi.js\";\nimport styles from \"./FilePickerField.module.css\";\n\nexport const FilePickerField: React.FC<FilePickerProps> = memo(\n  function FilePickerFieldFn({\n    id,\n    value,\n    onChange,\n    isMulti,\n    accept,\n    // TODO: implement maxSize validation in a follow-up\n    maxSize: _maxSize,\n    text = \"No file chosen\",\n    buttonText = \"Browse\",\n  }): React.ReactElement {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const openFileDialog = useCallback(() => {\n      inputRef.current?.click();\n    }, []);\n\n    const handleInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const files = event.target.files;\n        if (files == null || files.length === 0) {\n          onChange?.(null);\n          return;\n        }\n\n        if (isMulti) {\n          onChange?.(Array.from(files));\n        } else {\n          onChange?.(files[0] ?? null);\n        }\n      },\n      [onChange, isMulti],\n    );\n\n    const handleClear = useCallback(\n      (event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n        onChange?.(null);\n        if (inputRef.current != null) {\n          inputRef.current.value = \"\";\n        }\n      },\n      [onChange],\n    );\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          openFileDialog();\n        }\n      },\n      [openFileDialog],\n    );\n\n    const displayText = useMemo(() => getDisplayText(value), [value]);\n    const hasValue = displayText != null;\n    const acceptString = useMemo(\n      () => normalizeAccept(accept),\n      [accept],\n    );\n    return (\n      // The entire component is a single tab stop (tabIndex={0}).\n      // Text and Browse are <span>s (not buttons) so they don't create\n      // extra tab stops — clicks on them bubble up to the container's onClick.\n      // The clear button is the only inner interactive element and gets its\n      // own tab stop so keyboard users can clear the selection.\n      <div\n        id={id}\n        className={styles.osdkFilePickerTrigger}\n        tabIndex={0}\n        role=\"button\"\n        aria-label=\"Choose file\"\n        onClick={openFileDialog}\n        onKeyDown={handleKeyDown}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          className={styles.osdkFilePickerHiddenInput}\n          multiple={isMulti}\n          accept={acceptString}\n          onChange={handleInputChange}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n        />\n        <span\n          className={classnames(\n            styles.osdkFilePickerText,\n            !hasValue && styles.osdkFilePickerPlaceholder,\n          )}\n        >\n          {displayText ?? text}\n        </span>\n        {hasValue && (\n          // stopPropagation + preventDefault prevent the click from\n          // bubbling to the container's onClick which opens the file dialog.\n          <Button\n            className={styles.osdkFilePickerClear}\n            onClick={handleClear}\n            aria-label=\"Clear selection\"\n          >\n            <Cross />\n          </Button>\n        )}\n        <span className={styles.osdkFilePickerBrowse}>{buttonText}</span>\n      </div>\n    );\n  },\n);\n\nfunction normalizeAccept(\n  accept: string | string[] | undefined,\n): string | undefined {\n  if (accept == null) {\n    return undefined;\n  }\n  return Array.isArray(accept) ? accept.join(\",\") : accept;\n}\n\nfunction getDisplayText(value: File | File[] | null): string | undefined {\n  if (value == null) {\n    return undefined;\n  }\n  if (Array.isArray(value)) {\n    return value.map((f) => f.name).join(\", \");\n  }\n  return value.name;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/action-form/fields/FilePickerField.module.css

@@ -19,7 +19,7 @@
   display: flex;
   align-items: center;
   width: 100%;
-  height: var(--osdk-file-picker-trigger-min-height);
+  height: var(--osdk-file-picker-trigger-height);
   border: var(--osdk-file-picker-trigger-border);
   border-radius: var(--osdk-file-picker-trigger-border-radius);
   background: var(--osdk-file-picker-trigger-bg);

package/build/browser/styles.css

@@ -403,7 +403,7 @@
   display: flex;
   align-items: center;
   width: 100%;
-  height: var(--osdk-file-picker-trigger-min-height);
+  height: var(--osdk-file-picker-trigger-height);
   border: var(--osdk-file-picker-trigger-border);
   border-radius: var(--osdk-file-picker-trigger-border-radius);
   background: var(--osdk-file-picker-trigger-bg);

package/build/cjs/public/experimental.cjs

@@ -9040,9 +9040,9 @@ var FilePickerField = /* @__PURE__ */ React76.memo(function FilePickerFieldFn({
       openFileDialog();
     }
   }, [openFileDialog]);
-  const displayText = getDisplayText(value);
+  const displayText = React76.useMemo(() => getDisplayText(value), [value]);
   const hasValue = displayText != null;
-  const acceptString = normalizeAccept(accept);
+  const acceptString = React76.useMemo(() => normalizeAccept(accept), [accept]);
   return (
     // The entire component is a single tab stop (tabIndex={0}).
     // Text and Browse are <span>s (not buttons) so they don't create
@@ -9054,6 +9054,7 @@ var FilePickerField = /* @__PURE__ */ React76.memo(function FilePickerFieldFn({
       className: FilePickerField_default.osdkFilePickerTrigger,
       tabIndex: 0,
       role: "button",
+      "aria-label": "Choose file",
       onClick: openFileDialog,
       onKeyDown: handleKeyDown
     }, /* @__PURE__ */ React76__default.default.createElement("input", {