@osdk/react-components 0.2.0-beta.19 → 0.2.0-beta.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/build/browser/action-form/ActionForm.js +5 -1
- package/build/browser/action-form/ActionForm.js.map +1 -1
- package/build/browser/action-form/BaseForm.js +4 -8
- package/build/browser/action-form/BaseForm.js.map +1 -1
- package/build/browser/action-form/FormFieldApi.js.map +1 -1
- package/build/browser/action-form/fields/DropdownField.js +104 -0
- package/build/browser/action-form/fields/DropdownField.js.map +1 -0
- package/build/browser/action-form/fields/FormFieldRenderer.js +23 -12
- package/build/browser/action-form/fields/FormFieldRenderer.js.map +1 -1
- package/build/browser/action-form/fields/TextInputField.js +8 -9
- package/build/browser/action-form/fields/TextInputField.js.map +1 -1
- package/build/browser/base-components/combobox/Combobox.js +25 -3
- package/build/browser/base-components/combobox/Combobox.js.map +1 -1
- package/build/browser/base-components/combobox/Combobox.module.css +226 -46
- package/build/browser/base-components/combobox/Combobox.module.css.js +1 -0
- package/build/browser/base-components/select/Select.js +7 -1
- package/build/browser/base-components/select/Select.js.map +1 -1
- package/build/browser/base-components/select/Select.module.css +132 -35
- package/build/browser/base-components/select/Select.module.css.js +2 -0
- package/build/browser/base-components/skeleton/SkeletonBar.js +36 -0
- package/build/browser/base-components/skeleton/SkeletonBar.js.map +1 -0
- package/build/browser/base-components/skeleton/SkeletonBar.module.css +39 -0
- package/build/browser/base-components/skeleton/SkeletonBar.module.css.js +7 -0
- package/build/browser/filter-list/FilterList.js +42 -5
- package/build/browser/filter-list/FilterList.js.map +1 -1
- package/build/browser/filter-list/FilterListApi.js.map +1 -1
- package/build/browser/filter-list/base/AddFilterPopover.js +45 -0
- package/build/browser/filter-list/base/AddFilterPopover.js.map +1 -0
- package/build/browser/filter-list/base/AddFilterPopover.module.css +83 -0
- package/build/browser/filter-list/base/AddFilterPopover.module.css.js +9 -0
- package/build/browser/filter-list/base/inputs/CheckboxListInput.js +16 -27
- package/build/browser/filter-list/base/inputs/CheckboxListInput.js.map +1 -1
- package/build/browser/filter-list/base/inputs/CheckboxListInput.module.css +15 -5
- package/build/browser/filter-list/base/inputs/CheckboxListSkeleton.js +46 -0
- package/build/browser/filter-list/base/inputs/CheckboxListSkeleton.js.map +1 -0
- package/build/browser/filter-list/base/inputs/CheckboxListSkeleton.module.css +32 -0
- package/build/browser/filter-list/base/inputs/CheckboxListSkeleton.module.css.js +8 -0
- package/build/browser/filter-list/base/inputs/ListogramInput.js +21 -12
- package/build/browser/filter-list/base/inputs/ListogramInput.js.map +1 -1
- package/build/browser/filter-list/base/inputs/ListogramInput.module.css +13 -1
- package/build/browser/filter-list/base/inputs/ListogramSkeleton.js +45 -0
- package/build/browser/filter-list/base/inputs/ListogramSkeleton.js.map +1 -0
- package/build/browser/filter-list/base/inputs/ListogramSkeleton.module.css +32 -0
- package/build/browser/filter-list/base/inputs/ListogramSkeleton.module.css.js +8 -0
- package/build/browser/filter-list/base/inputs/MultiSelectInput.js +1 -1
- package/build/browser/filter-list/base/inputs/MultiSelectInput.js.map +1 -1
- package/build/browser/filter-list/base/inputs/RangeInput.js +13 -13
- package/build/browser/filter-list/base/inputs/RangeInput.js.map +1 -1
- package/build/browser/filter-list/base/inputs/RangeInput.module.css +23 -0
- package/build/browser/filter-list/base/inputs/TextTagsInput.js +1 -1
- package/build/browser/filter-list/base/inputs/TextTagsInput.js.map +1 -1
- package/build/browser/filter-list/base/inputs/useStaleData.js +29 -0
- package/build/browser/filter-list/base/inputs/useStaleData.js.map +1 -0
- package/build/browser/filter-list/hooks/useFilterVisibility.js +68 -0
- package/build/browser/filter-list/hooks/useFilterVisibility.js.map +1 -0
- package/build/browser/object-table/DefaultCellRenderer.js +13 -3
- package/build/browser/object-table/DefaultCellRenderer.js.map +1 -1
- package/build/browser/object-table/EditableCell.js +7 -6
- package/build/browser/object-table/EditableCell.js.map +1 -1
- package/build/browser/object-table/LoadingCell.js +6 -3
- package/build/browser/object-table/LoadingCell.js.map +1 -1
- package/build/browser/object-table/LoadingRow.js +2 -1
- package/build/browser/object-table/LoadingRow.js.map +1 -1
- package/build/browser/object-table/ObjectTableApi.js.map +1 -1
- package/build/browser/object-table/Table.js.map +1 -1
- package/build/browser/object-table/TableCell.module.css +1 -0
- package/build/browser/object-table/components/AsyncValueCell.js +35 -0
- package/build/browser/object-table/components/AsyncValueCell.js.map +1 -0
- package/build/browser/object-table/hooks/useColumnDefs.js +3 -1
- package/build/browser/object-table/hooks/useColumnDefs.js.map +1 -1
- package/build/browser/object-table/hooks/useFunctionColumnsData.js +270 -0
- package/build/browser/object-table/hooks/useFunctionColumnsData.js.map +1 -0
- package/build/browser/object-table/hooks/useObjectTableData.js +34 -13
- package/build/browser/object-table/hooks/useObjectTableData.js.map +1 -1
- package/build/browser/object-table/utils/AsyncCellData.js +30 -0
- package/build/browser/object-table/utils/AsyncCellData.js.map +1 -0
- package/build/browser/object-table/utils/constants.js +1 -0
- package/build/browser/object-table/utils/constants.js.map +1 -1
- package/build/browser/pdf-viewer/PdfRenderer.js +88 -0
- package/build/browser/pdf-viewer/PdfRenderer.js.map +1 -0
- package/build/browser/pdf-viewer/PdfViewer.js +197 -0
- package/build/browser/pdf-viewer/PdfViewer.js.map +1 -0
- package/build/browser/pdf-viewer/PdfViewer.module.css +95 -0
- package/build/browser/pdf-viewer/PdfViewer.module.css.js +16 -0
- package/build/browser/pdf-viewer/PdfViewerAnnotationLayer.js +74 -0
- package/build/browser/pdf-viewer/PdfViewerAnnotationLayer.js.map +1 -0
- package/build/browser/pdf-viewer/PdfViewerAnnotationLayer.module.css +65 -0
- package/build/browser/pdf-viewer/PdfViewerAnnotationLayer.module.css.js +11 -0
- package/build/browser/pdf-viewer/PdfViewerSearchBar.js +84 -0
- package/build/browser/pdf-viewer/PdfViewerSearchBar.js.map +1 -0
- package/build/browser/pdf-viewer/PdfViewerSearchBar.module.css +65 -0
- package/build/browser/pdf-viewer/PdfViewerSearchBar.module.css.js +10 -0
- package/build/browser/pdf-viewer/PdfViewerSidebar.js +74 -0
- package/build/browser/pdf-viewer/PdfViewerSidebar.js.map +1 -0
- package/build/browser/pdf-viewer/PdfViewerSidebar.module.css +46 -0
- package/build/browser/pdf-viewer/PdfViewerSidebar.module.css.js +11 -0
- package/build/browser/pdf-viewer/PdfViewerThumbnail.js +100 -0
- package/build/browser/pdf-viewer/PdfViewerThumbnail.js.map +1 -0
- package/build/browser/pdf-viewer/PdfViewerThumbnail.module.css +26 -0
- package/build/browser/pdf-viewer/PdfViewerThumbnail.module.css.js +8 -0
- package/build/browser/pdf-viewer/PdfViewerToolbar.js +167 -0
- package/build/browser/pdf-viewer/PdfViewerToolbar.js.map +1 -0
- package/build/browser/pdf-viewer/PdfViewerToolbar.module.css +86 -0
- package/build/browser/pdf-viewer/PdfViewerToolbar.module.css.js +12 -0
- package/build/browser/pdf-viewer/constants.js +43 -0
- package/build/browser/pdf-viewer/constants.js.map +1 -0
- package/build/browser/pdf-viewer/hooks/usePdfAnnotationPortals.js +54 -0
- package/build/browser/pdf-viewer/hooks/usePdfAnnotationPortals.js.map +1 -0
- package/build/browser/pdf-viewer/hooks/usePdfDocument.js +67 -0
- package/build/browser/pdf-viewer/hooks/usePdfDocument.js.map +1 -0
- package/build/browser/pdf-viewer/hooks/usePdfViewer.js +69 -0
- package/build/browser/pdf-viewer/hooks/usePdfViewer.js.map +1 -0
- package/build/browser/pdf-viewer/hooks/usePdfViewerSearch.js +106 -0
- package/build/browser/pdf-viewer/hooks/usePdfViewerSearch.js.map +1 -0
- package/build/browser/pdf-viewer/hooks/usePdfViewerSync.js +71 -0
- package/build/browser/pdf-viewer/hooks/usePdfViewerSync.js.map +1 -0
- package/build/browser/pdf-viewer/types.js +2 -0
- package/build/browser/pdf-viewer/types.js.map +1 -0
- package/build/browser/public/experimental.js +4 -0
- package/build/browser/public/experimental.js.map +1 -1
- package/build/browser/styles.css +1008 -87
- package/build/cjs/public/experimental.cjs +2311 -895
- package/build/cjs/public/experimental.cjs.map +1 -1
- package/build/cjs/public/experimental.css +678 -153
- package/build/cjs/public/experimental.css.map +1 -1
- package/build/cjs/public/experimental.d.cts +114 -13
- package/build/esm/action-form/ActionForm.js +5 -1
- package/build/esm/action-form/ActionForm.js.map +1 -1
- package/build/esm/action-form/BaseForm.js +4 -8
- package/build/esm/action-form/BaseForm.js.map +1 -1
- package/build/esm/action-form/FormFieldApi.js.map +1 -1
- package/build/esm/action-form/fields/DropdownField.js +104 -0
- package/build/esm/action-form/fields/DropdownField.js.map +1 -0
- package/build/esm/action-form/fields/FormFieldRenderer.js +23 -12
- package/build/esm/action-form/fields/FormFieldRenderer.js.map +1 -1
- package/build/esm/action-form/fields/TextInputField.js +8 -9
- package/build/esm/action-form/fields/TextInputField.js.map +1 -1
- package/build/esm/base-components/combobox/Combobox.js +25 -3
- package/build/esm/base-components/combobox/Combobox.js.map +1 -1
- package/build/esm/base-components/combobox/Combobox.module.css +226 -46
- package/build/esm/base-components/select/Select.js +7 -1
- package/build/esm/base-components/select/Select.js.map +1 -1
- package/build/esm/base-components/select/Select.module.css +132 -35
- package/build/esm/base-components/skeleton/SkeletonBar.js +36 -0
- package/build/esm/base-components/skeleton/SkeletonBar.js.map +1 -0
- package/build/esm/base-components/skeleton/SkeletonBar.module.css +39 -0
- package/build/esm/filter-list/FilterList.js +42 -5
- package/build/esm/filter-list/FilterList.js.map +1 -1
- package/build/esm/filter-list/FilterListApi.js.map +1 -1
- package/build/esm/filter-list/base/AddFilterPopover.js +45 -0
- package/build/esm/filter-list/base/AddFilterPopover.js.map +1 -0
- package/build/esm/filter-list/base/AddFilterPopover.module.css +83 -0
- package/build/esm/filter-list/base/inputs/CheckboxListInput.js +16 -27
- package/build/esm/filter-list/base/inputs/CheckboxListInput.js.map +1 -1
- package/build/esm/filter-list/base/inputs/CheckboxListInput.module.css +15 -5
- package/build/esm/filter-list/base/inputs/CheckboxListSkeleton.js +46 -0
- package/build/esm/filter-list/base/inputs/CheckboxListSkeleton.js.map +1 -0
- package/build/esm/filter-list/base/inputs/CheckboxListSkeleton.module.css +32 -0
- package/build/esm/filter-list/base/inputs/ListogramInput.js +21 -12
- package/build/esm/filter-list/base/inputs/ListogramInput.js.map +1 -1
- package/build/esm/filter-list/base/inputs/ListogramInput.module.css +13 -1
- package/build/esm/filter-list/base/inputs/ListogramSkeleton.js +45 -0
- package/build/esm/filter-list/base/inputs/ListogramSkeleton.js.map +1 -0
- package/build/esm/filter-list/base/inputs/ListogramSkeleton.module.css +32 -0
- package/build/esm/filter-list/base/inputs/MultiSelectInput.js +1 -1
- package/build/esm/filter-list/base/inputs/MultiSelectInput.js.map +1 -1
- package/build/esm/filter-list/base/inputs/RangeInput.js +13 -13
- package/build/esm/filter-list/base/inputs/RangeInput.js.map +1 -1
- package/build/esm/filter-list/base/inputs/RangeInput.module.css +23 -0
- package/build/esm/filter-list/base/inputs/TextTagsInput.js +1 -1
- package/build/esm/filter-list/base/inputs/TextTagsInput.js.map +1 -1
- package/build/esm/filter-list/base/inputs/useStaleData.js +29 -0
- package/build/esm/filter-list/base/inputs/useStaleData.js.map +1 -0
- package/build/esm/filter-list/hooks/useFilterVisibility.js +68 -0
- package/build/esm/filter-list/hooks/useFilterVisibility.js.map +1 -0
- package/build/esm/object-table/DefaultCellRenderer.js +13 -3
- package/build/esm/object-table/DefaultCellRenderer.js.map +1 -1
- package/build/esm/object-table/EditableCell.js +7 -6
- package/build/esm/object-table/EditableCell.js.map +1 -1
- package/build/esm/object-table/LoadingCell.js +6 -3
- package/build/esm/object-table/LoadingCell.js.map +1 -1
- package/build/esm/object-table/LoadingRow.js +2 -1
- package/build/esm/object-table/LoadingRow.js.map +1 -1
- package/build/esm/object-table/ObjectTableApi.js.map +1 -1
- package/build/esm/object-table/Table.js.map +1 -1
- package/build/esm/object-table/TableCell.module.css +1 -0
- package/build/esm/object-table/components/AsyncValueCell.js +35 -0
- package/build/esm/object-table/components/AsyncValueCell.js.map +1 -0
- package/build/esm/object-table/hooks/useColumnDefs.js +3 -1
- package/build/esm/object-table/hooks/useColumnDefs.js.map +1 -1
- package/build/esm/object-table/hooks/useFunctionColumnsData.js +270 -0
- package/build/esm/object-table/hooks/useFunctionColumnsData.js.map +1 -0
- package/build/esm/object-table/hooks/useObjectTableData.js +34 -13
- package/build/esm/object-table/hooks/useObjectTableData.js.map +1 -1
- package/build/esm/object-table/utils/AsyncCellData.js +30 -0
- package/build/esm/object-table/utils/AsyncCellData.js.map +1 -0
- package/build/esm/object-table/utils/constants.js +1 -0
- package/build/esm/object-table/utils/constants.js.map +1 -1
- package/build/esm/pdf-viewer/PdfRenderer.js +88 -0
- package/build/esm/pdf-viewer/PdfRenderer.js.map +1 -0
- package/build/esm/pdf-viewer/PdfViewer.js +197 -0
- package/build/esm/pdf-viewer/PdfViewer.js.map +1 -0
- package/build/esm/pdf-viewer/PdfViewer.module.css +95 -0
- package/build/esm/pdf-viewer/PdfViewerAnnotationLayer.js +74 -0
- package/build/esm/pdf-viewer/PdfViewerAnnotationLayer.js.map +1 -0
- package/build/esm/pdf-viewer/PdfViewerAnnotationLayer.module.css +65 -0
- package/build/esm/pdf-viewer/PdfViewerSearchBar.js +84 -0
- package/build/esm/pdf-viewer/PdfViewerSearchBar.js.map +1 -0
- package/build/esm/pdf-viewer/PdfViewerSearchBar.module.css +65 -0
- package/build/esm/pdf-viewer/PdfViewerSidebar.js +74 -0
- package/build/esm/pdf-viewer/PdfViewerSidebar.js.map +1 -0
- package/build/esm/pdf-viewer/PdfViewerSidebar.module.css +46 -0
- package/build/esm/pdf-viewer/PdfViewerThumbnail.js +100 -0
- package/build/esm/pdf-viewer/PdfViewerThumbnail.js.map +1 -0
- package/build/esm/pdf-viewer/PdfViewerThumbnail.module.css +26 -0
- package/build/esm/pdf-viewer/PdfViewerToolbar.js +167 -0
- package/build/esm/pdf-viewer/PdfViewerToolbar.js.map +1 -0
- package/build/esm/pdf-viewer/PdfViewerToolbar.module.css +86 -0
- package/build/esm/pdf-viewer/constants.js +43 -0
- package/build/esm/pdf-viewer/constants.js.map +1 -0
- package/build/esm/pdf-viewer/hooks/usePdfAnnotationPortals.js +54 -0
- package/build/esm/pdf-viewer/hooks/usePdfAnnotationPortals.js.map +1 -0
- package/build/esm/pdf-viewer/hooks/usePdfDocument.js +67 -0
- package/build/esm/pdf-viewer/hooks/usePdfDocument.js.map +1 -0
- package/build/esm/pdf-viewer/hooks/usePdfViewer.js +69 -0
- package/build/esm/pdf-viewer/hooks/usePdfViewer.js.map +1 -0
- package/build/esm/pdf-viewer/hooks/usePdfViewerSearch.js +106 -0
- package/build/esm/pdf-viewer/hooks/usePdfViewerSearch.js.map +1 -0
- package/build/esm/pdf-viewer/hooks/usePdfViewerSync.js +71 -0
- package/build/esm/pdf-viewer/hooks/usePdfViewerSync.js.map +1 -0
- package/build/esm/pdf-viewer/types.js +2 -0
- package/build/esm/pdf-viewer/types.js.map +1 -0
- package/build/esm/public/experimental.js +4 -0
- package/build/esm/public/experimental.js.map +1 -1
- package/build/types/action-form/FormFieldApi.d.ts +48 -37
- package/build/types/action-form/FormFieldApi.d.ts.map +1 -1
- package/build/types/action-form/fields/DropdownField.d.ts +6 -0
- package/build/types/action-form/fields/DropdownField.d.ts.map +1 -0
- package/build/types/action-form/fields/FormFieldRenderer.d.ts.map +1 -1
- package/build/types/action-form/fields/TextInputField.d.ts +3 -1
- package/build/types/action-form/fields/TextInputField.d.ts.map +1 -1
- package/build/types/base-components/combobox/Combobox.d.ts +9 -1
- package/build/types/base-components/combobox/Combobox.d.ts.map +1 -1
- package/build/types/base-components/select/Select.d.ts +8 -2
- package/build/types/base-components/select/Select.d.ts.map +1 -1
- package/build/types/base-components/skeleton/SkeletonBar.d.ts +9 -0
- package/build/types/base-components/skeleton/SkeletonBar.d.ts.map +1 -0
- package/build/types/filter-list/FilterList.d.ts.map +1 -1
- package/build/types/filter-list/FilterListApi.d.ts +24 -6
- package/build/types/filter-list/FilterListApi.d.ts.map +1 -1
- package/build/types/filter-list/base/AddFilterPopover.d.ts +12 -0
- package/build/types/filter-list/base/AddFilterPopover.d.ts.map +1 -0
- package/build/types/filter-list/base/inputs/CheckboxListInput.d.ts +2 -1
- package/build/types/filter-list/base/inputs/CheckboxListInput.d.ts.map +1 -1
- package/build/types/filter-list/base/inputs/CheckboxListSkeleton.d.ts +2 -0
- package/build/types/filter-list/base/inputs/CheckboxListSkeleton.d.ts.map +1 -0
- package/build/types/filter-list/base/inputs/ListogramInput.d.ts +2 -1
- package/build/types/filter-list/base/inputs/ListogramInput.d.ts.map +1 -1
- package/build/types/filter-list/base/inputs/ListogramSkeleton.d.ts +2 -0
- package/build/types/filter-list/base/inputs/ListogramSkeleton.d.ts.map +1 -0
- package/build/types/filter-list/base/inputs/RangeInput.d.ts.map +1 -1
- package/build/types/filter-list/base/inputs/useStaleData.d.ts +1 -0
- package/build/types/filter-list/base/inputs/useStaleData.d.ts.map +1 -0
- package/build/types/filter-list/hooks/useFilterVisibility.d.ts +8 -0
- package/build/types/filter-list/hooks/useFilterVisibility.d.ts.map +1 -0
- package/build/types/object-table/DefaultCellRenderer.d.ts.map +1 -1
- package/build/types/object-table/EditableCell.d.ts.map +1 -1
- package/build/types/object-table/LoadingCell.d.ts +1 -0
- package/build/types/object-table/LoadingCell.d.ts.map +1 -1
- package/build/types/object-table/LoadingRow.d.ts.map +1 -1
- package/build/types/object-table/ObjectTableApi.d.ts +51 -15
- package/build/types/object-table/ObjectTableApi.d.ts.map +1 -1
- package/build/types/object-table/Table.d.ts +1 -0
- package/build/types/object-table/Table.d.ts.map +1 -1
- package/build/types/object-table/components/AsyncValueCell.d.ts +5 -0
- package/build/types/object-table/components/AsyncValueCell.d.ts.map +1 -0
- package/build/types/object-table/hooks/useFunctionColumnsData.d.ts +13 -0
- package/build/types/object-table/hooks/useFunctionColumnsData.d.ts.map +1 -0
- package/build/types/object-table/hooks/useObjectTableData.d.ts +8 -1
- package/build/types/object-table/hooks/useObjectTableData.d.ts.map +1 -1
- package/build/types/object-table/utils/AsyncCellData.d.ts +8 -0
- package/build/types/object-table/utils/AsyncCellData.d.ts.map +1 -0
- package/build/types/object-table/utils/constants.d.ts +1 -0
- package/build/types/object-table/utils/constants.d.ts.map +1 -1
- package/build/types/pdf-viewer/PdfRenderer.d.ts +8 -0
- package/build/types/pdf-viewer/PdfRenderer.d.ts.map +1 -0
- package/build/types/pdf-viewer/PdfViewer.d.ts +4 -0
- package/build/types/pdf-viewer/PdfViewer.d.ts.map +1 -0
- package/build/types/pdf-viewer/PdfViewerAnnotationLayer.d.ts +10 -0
- package/build/types/pdf-viewer/PdfViewerAnnotationLayer.d.ts.map +1 -0
- package/build/types/pdf-viewer/PdfViewerSearchBar.d.ts +12 -0
- package/build/types/pdf-viewer/PdfViewerSearchBar.d.ts.map +1 -0
- package/build/types/pdf-viewer/PdfViewerSidebar.d.ts +10 -0
- package/build/types/pdf-viewer/PdfViewerSidebar.d.ts.map +1 -0
- package/build/types/pdf-viewer/PdfViewerThumbnail.d.ts +10 -0
- package/build/types/pdf-viewer/PdfViewerThumbnail.d.ts.map +1 -0
- package/build/types/pdf-viewer/PdfViewerToolbar.d.ts +14 -0
- package/build/types/pdf-viewer/PdfViewerToolbar.d.ts.map +1 -0
- package/build/types/pdf-viewer/constants.d.ts +17 -0
- package/build/types/pdf-viewer/constants.d.ts.map +1 -0
- package/build/types/pdf-viewer/hooks/usePdfAnnotationPortals.d.ts +10 -0
- package/build/types/pdf-viewer/hooks/usePdfAnnotationPortals.d.ts.map +1 -0
- package/build/types/pdf-viewer/hooks/usePdfDocument.d.ts +9 -0
- package/build/types/pdf-viewer/hooks/usePdfDocument.d.ts.map +1 -0
- package/build/types/pdf-viewer/hooks/usePdfViewer.d.ts +9 -0
- package/build/types/pdf-viewer/hooks/usePdfViewer.d.ts.map +1 -0
- package/build/types/pdf-viewer/hooks/usePdfViewerSearch.d.ts +15 -0
- package/build/types/pdf-viewer/hooks/usePdfViewerSearch.d.ts.map +1 -0
- package/build/types/pdf-viewer/hooks/usePdfViewerSync.d.ts +15 -0
- package/build/types/pdf-viewer/hooks/usePdfViewerSync.d.ts.map +1 -0
- package/build/types/pdf-viewer/types.d.ts +44 -0
- package/build/types/pdf-viewer/types.d.ts.map +1 -0
- package/build/types/public/experimental.d.ts +4 -1
- package/build/types/public/experimental.d.ts.map +1 -1
- package/package.json +5 -4
|
@@ -14,25 +14,24 @@
|
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
|
-
import
|
|
17
|
+
import { Input } from "@base-ui/react/input";
|
|
18
|
+
import React from "react";
|
|
18
19
|
export function TextInputField({
|
|
20
|
+
id,
|
|
19
21
|
value,
|
|
20
22
|
onChange,
|
|
21
23
|
placeholder,
|
|
22
24
|
minLength,
|
|
23
25
|
maxLength
|
|
24
26
|
}) {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}, [onChange]);
|
|
28
|
-
return /*#__PURE__*/React.createElement("input", {
|
|
27
|
+
return /*#__PURE__*/React.createElement(Input, {
|
|
28
|
+
id: id,
|
|
29
29
|
type: "text",
|
|
30
|
-
value: value,
|
|
31
|
-
|
|
30
|
+
value: value ?? "",
|
|
31
|
+
onValueChange: onChange,
|
|
32
32
|
placeholder: placeholder,
|
|
33
33
|
minLength: minLength,
|
|
34
|
-
maxLength: maxLength
|
|
35
|
-
"data-testid": "text-input-field"
|
|
34
|
+
maxLength: maxLength
|
|
36
35
|
});
|
|
37
36
|
}
|
|
38
37
|
//# sourceMappingURL=TextInputField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputField.js","names":["
|
|
1
|
+
{"version":3,"file":"TextInputField.js","names":["Input","React","TextInputField","id","value","onChange","placeholder","minLength","maxLength","createElement","type","onValueChange"],"sources":["TextInputField.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { Input } from \"@base-ui/react/input\";\nimport React from \"react\";\nimport type { TextInputFieldProps } from \"../FormFieldApi.js\";\n\nexport function TextInputField({\n id,\n value,\n onChange,\n placeholder,\n minLength,\n maxLength,\n}: TextInputFieldProps & { id?: string }): React.ReactElement {\n return (\n <Input\n id={id}\n type=\"text\"\n value={value ?? \"\"}\n onValueChange={onChange}\n placeholder={placeholder}\n minLength={minLength}\n maxLength={maxLength}\n />\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,sBAAsB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAGzB,OAAO,SAASC,cAAcA,CAAC;EAC7BC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,SAAS;EACTC;AACqC,CAAC,EAAsB;EAC5D,oBACEP,KAAA,CAAAQ,aAAA,CAACT,KAAK;IACJG,EAAE,EAAEA,EAAG;IACPO,IAAI,EAAC,MAAM;IACXN,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBO,aAAa,EAAEN,QAAS;IACxBC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -20,7 +20,7 @@ import { Cross, Search } from "@blueprintjs/icons";
|
|
|
20
20
|
import classnames from "classnames";
|
|
21
21
|
import React from "react";
|
|
22
22
|
import styles from "./Combobox.module.css";
|
|
23
|
-
function
|
|
23
|
+
function ComboboxSearchInput({
|
|
24
24
|
className,
|
|
25
25
|
...rest
|
|
26
26
|
}) {
|
|
@@ -33,6 +33,14 @@ function ComboboxInput({
|
|
|
33
33
|
className: styles.osdkComboboxInput
|
|
34
34
|
}, rest)));
|
|
35
35
|
}
|
|
36
|
+
function ComboboxInput({
|
|
37
|
+
className,
|
|
38
|
+
...rest
|
|
39
|
+
}) {
|
|
40
|
+
return /*#__PURE__*/React.createElement(BaseUICombobox.Input, _extends({
|
|
41
|
+
className: classnames(styles.osdkComboboxInput, className)
|
|
42
|
+
}, rest));
|
|
43
|
+
}
|
|
36
44
|
function ComboboxPositioner({
|
|
37
45
|
className,
|
|
38
46
|
children,
|
|
@@ -66,7 +74,9 @@ function ComboboxChips({
|
|
|
66
74
|
className
|
|
67
75
|
}) {
|
|
68
76
|
return /*#__PURE__*/React.createElement(BaseUICombobox.Chips, {
|
|
69
|
-
|
|
77
|
+
render: props => /*#__PURE__*/React.createElement("div", _extends({}, props, {
|
|
78
|
+
className: classnames(styles.osdkComboboxInputWrapper, className)
|
|
79
|
+
}), props.children)
|
|
70
80
|
}, children);
|
|
71
81
|
}
|
|
72
82
|
function ComboboxChip({
|
|
@@ -108,17 +118,29 @@ function ComboboxEmpty({
|
|
|
108
118
|
className: classnames(styles.osdkComboboxEmpty, className)
|
|
109
119
|
}, children);
|
|
110
120
|
}
|
|
121
|
+
function ComboboxList({
|
|
122
|
+
className,
|
|
123
|
+
children,
|
|
124
|
+
...rest
|
|
125
|
+
}) {
|
|
126
|
+
return /*#__PURE__*/React.createElement(BaseUICombobox.List, _extends({
|
|
127
|
+
className: classnames(styles.osdkComboboxList, className)
|
|
128
|
+
}, rest), children);
|
|
129
|
+
}
|
|
111
130
|
export const Combobox = {
|
|
112
131
|
Root: BaseUICombobox.Root,
|
|
132
|
+
SearchInput: ComboboxSearchInput,
|
|
113
133
|
Input: ComboboxInput,
|
|
114
134
|
Portal: BaseUICombobox.Portal,
|
|
115
135
|
Positioner: ComboboxPositioner,
|
|
116
136
|
Popup: ComboboxPopup,
|
|
137
|
+
List: ComboboxList,
|
|
117
138
|
Item: ComboboxItem,
|
|
118
139
|
Chips: ComboboxChips,
|
|
119
140
|
Chip: ComboboxChip,
|
|
120
141
|
ChipRemove: ComboboxChipRemove,
|
|
121
142
|
Clear: ComboboxClear,
|
|
122
|
-
Empty: ComboboxEmpty
|
|
143
|
+
Empty: ComboboxEmpty,
|
|
144
|
+
Value: BaseUICombobox.Value
|
|
123
145
|
};
|
|
124
146
|
//# sourceMappingURL=Combobox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","names":["Combobox","BaseUICombobox","Cross","Search","classnames","React","styles","ComboboxInput","className","rest","createElement","osdkComboboxInputWrapper","osdkComboboxSearchIcon","color","Input","_extends","osdkComboboxInput","ComboboxPositioner","children","Positioner","osdkComboboxPositioner","sideOffset","ComboboxPopup","Popup","osdkComboboxPopup","ComboboxItem","Item","osdkComboboxItem","ComboboxChips","Chips","osdkComboboxChips","ComboboxChip","Chip","osdkComboboxChip","ComboboxChipRemove","ChipRemove","osdkComboboxChipRemove","ComboboxClear","Clear","osdkComboboxClear","ComboboxEmpty","Empty","osdkComboboxEmpty","Root","Portal"],"sources":["Combobox.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 {\n Combobox as BaseUICombobox,\n type ComboboxChipProps,\n type ComboboxChipRemoveProps,\n type ComboboxClearProps,\n type ComboboxInputProps,\n type ComboboxItemProps,\n type ComboboxPopupProps,\n type ComboboxPositionerProps,\n} from \"@base-ui/react/combobox\";\nimport { Cross, Search } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Combobox.module.css\";\n\ninterface ComboboxInputComponentProps\n extends Omit<ComboboxInputProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxInput({\n className,\n ...rest\n}: ComboboxInputComponentProps): React.ReactElement {\n return (\n <div className={classnames(styles.osdkComboboxInputWrapper, className)}>\n <Search className={styles.osdkComboboxSearchIcon} color=\"currentColor\" />\n <BaseUICombobox.Input\n className={styles.osdkComboboxInput}\n {...rest}\n />\n </div>\n );\n}\n\ninterface ComboboxPositionerComponentProps\n extends Omit<ComboboxPositionerProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxPositioner({\n className,\n children,\n ...rest\n}: ComboboxPositionerComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Positioner\n className={classnames(styles.osdkComboboxPositioner, className)}\n sideOffset={4}\n {...rest}\n >\n {children}\n </BaseUICombobox.Positioner>\n );\n}\n\ninterface ComboboxPopupComponentProps\n extends Omit<ComboboxPopupProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxPopup({\n className,\n children,\n ...rest\n}: ComboboxPopupComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Popup\n className={classnames(styles.osdkComboboxPopup, className)}\n {...rest}\n >\n {children}\n </BaseUICombobox.Popup>\n );\n}\n\ninterface ComboboxItemComponentProps\n extends Omit<ComboboxItemProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...rest\n}: ComboboxItemComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Item\n className={classnames(styles.osdkComboboxItem, className)}\n {...rest}\n >\n {children}\n </BaseUICombobox.Item>\n );\n}\n\nfunction ComboboxChips({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}): React.ReactElement {\n return (\n <BaseUICombobox.Chips\n className={classnames(styles.osdkComboboxChips, className)}\n >\n {children}\n </BaseUICombobox.Chips>\n );\n}\n\ninterface ComboboxChipComponentProps\n extends Omit<ComboboxChipProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxChip({\n className,\n children,\n ...rest\n}: ComboboxChipComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Chip\n className={classnames(styles.osdkComboboxChip, className)}\n {...rest}\n >\n {children}\n </BaseUICombobox.Chip>\n );\n}\n\ninterface ComboboxChipRemoveComponentProps\n extends Omit<ComboboxChipRemoveProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxChipRemove({\n className,\n ...rest\n}: ComboboxChipRemoveComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.ChipRemove\n className={classnames(styles.osdkComboboxChipRemove, className)}\n aria-label=\"Remove\"\n {...rest}\n >\n <Cross color=\"currentColor\" />\n </BaseUICombobox.ChipRemove>\n );\n}\n\ninterface ComboboxClearComponentProps\n extends Omit<ComboboxClearProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxClear({\n className,\n ...rest\n}: ComboboxClearComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Clear\n className={classnames(styles.osdkComboboxClear, className)}\n aria-label=\"Clear all\"\n {...rest}\n >\n <Cross color=\"currentColor\" />\n </BaseUICombobox.Clear>\n );\n}\n\nfunction ComboboxEmpty({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}): React.ReactElement {\n return (\n <BaseUICombobox.Empty\n className={classnames(styles.osdkComboboxEmpty, className)}\n >\n {children}\n </BaseUICombobox.Empty>\n );\n}\n\nexport const Combobox: {\n Root: typeof BaseUICombobox.Root;\n Input: typeof ComboboxInput;\n Portal: typeof BaseUICombobox.Portal;\n Positioner: typeof ComboboxPositioner;\n Popup: typeof ComboboxPopup;\n Item: typeof ComboboxItem;\n Chips: typeof ComboboxChips;\n Chip: typeof ComboboxChip;\n ChipRemove: typeof ComboboxChipRemove;\n Clear: typeof ComboboxClear;\n Empty: typeof ComboboxEmpty;\n} = {\n Root: BaseUICombobox.Root,\n Input: ComboboxInput,\n Portal: BaseUICombobox.Portal,\n Positioner: ComboboxPositioner,\n Popup: ComboboxPopup,\n Item: ComboboxItem,\n Chips: ComboboxChips,\n Chip: ComboboxChip,\n ChipRemove: ComboboxChipRemove,\n Clear: ComboboxClear,\n Empty: ComboboxEmpty,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Combobox.js","names":["Combobox","BaseUICombobox","Cross","Search","classnames","React","styles","ComboboxSearchInput","className","rest","createElement","osdkComboboxInputWrapper","osdkComboboxSearchIcon","color","Input","_extends","osdkComboboxInput","ComboboxInput","ComboboxPositioner","children","Positioner","osdkComboboxPositioner","sideOffset","ComboboxPopup","Popup","osdkComboboxPopup","ComboboxItem","Item","osdkComboboxItem","ComboboxChips","Chips","render","props","ComboboxChip","Chip","osdkComboboxChip","ComboboxChipRemove","ChipRemove","osdkComboboxChipRemove","ComboboxClear","Clear","osdkComboboxClear","ComboboxEmpty","Empty","osdkComboboxEmpty","ComboboxList","List","osdkComboboxList","Root","SearchInput","Portal","Value"],"sources":["Combobox.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 {\n Combobox as BaseUICombobox,\n type ComboboxChipProps,\n type ComboboxChipRemoveProps,\n type ComboboxClearProps,\n type ComboboxInputProps,\n type ComboboxItemProps,\n type ComboboxListProps,\n type ComboboxPopupProps,\n type ComboboxPositionerProps,\n} from \"@base-ui/react/combobox\";\nimport { Cross, Search } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Combobox.module.css\";\n\ninterface ComboboxInputComponentProps\n extends Omit<ComboboxInputProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxSearchInput({\n className,\n ...rest\n}: ComboboxInputComponentProps): React.ReactElement {\n return (\n <div className={classnames(styles.osdkComboboxInputWrapper, className)}>\n <Search className={styles.osdkComboboxSearchIcon} color=\"currentColor\" />\n <BaseUICombobox.Input className={styles.osdkComboboxInput} {...rest} />\n </div>\n );\n}\n\nfunction ComboboxInput({\n className,\n ...rest\n}: ComboboxInputComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Input\n className={classnames(styles.osdkComboboxInput, className)}\n {...rest}\n />\n );\n}\n\ninterface ComboboxPositionerComponentProps\n extends Omit<ComboboxPositionerProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxPositioner({\n className,\n children,\n ...rest\n}: ComboboxPositionerComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Positioner\n className={classnames(styles.osdkComboboxPositioner, className)}\n sideOffset={4}\n {...rest}\n >\n {children}\n </BaseUICombobox.Positioner>\n );\n}\n\ninterface ComboboxPopupComponentProps\n extends Omit<ComboboxPopupProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxPopup({\n className,\n children,\n ...rest\n}: ComboboxPopupComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Popup\n className={classnames(styles.osdkComboboxPopup, className)}\n {...rest}\n >\n {children}\n </BaseUICombobox.Popup>\n );\n}\n\ninterface ComboboxItemComponentProps\n extends Omit<ComboboxItemProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...rest\n}: ComboboxItemComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Item\n className={classnames(styles.osdkComboboxItem, className)}\n {...rest}\n >\n {children}\n </BaseUICombobox.Item>\n );\n}\n\nfunction ComboboxChips({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}): React.ReactElement {\n return (\n <BaseUICombobox.Chips\n render={(props) => (\n <div\n {...props}\n className={classnames(styles.osdkComboboxInputWrapper, className)}\n >\n {props.children}\n </div>\n )}\n >\n {children}\n </BaseUICombobox.Chips>\n );\n}\n\ninterface ComboboxChipComponentProps\n extends Omit<ComboboxChipProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxChip({\n className,\n children,\n ...rest\n}: ComboboxChipComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Chip\n className={classnames(styles.osdkComboboxChip, className)}\n {...rest}\n >\n {children}\n </BaseUICombobox.Chip>\n );\n}\n\ninterface ComboboxChipRemoveComponentProps\n extends Omit<ComboboxChipRemoveProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxChipRemove({\n className,\n ...rest\n}: ComboboxChipRemoveComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.ChipRemove\n className={classnames(styles.osdkComboboxChipRemove, className)}\n aria-label=\"Remove\"\n {...rest}\n >\n <Cross color=\"currentColor\" />\n </BaseUICombobox.ChipRemove>\n );\n}\n\ninterface ComboboxClearComponentProps\n extends Omit<ComboboxClearProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxClear({\n className,\n ...rest\n}: ComboboxClearComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.Clear\n className={classnames(styles.osdkComboboxClear, className)}\n aria-label=\"Clear all\"\n {...rest}\n >\n <Cross color=\"currentColor\" />\n </BaseUICombobox.Clear>\n );\n}\n\nfunction ComboboxEmpty({\n children,\n className,\n}: {\n children: React.ReactNode;\n className?: string;\n}): React.ReactElement {\n return (\n <BaseUICombobox.Empty\n className={classnames(styles.osdkComboboxEmpty, className)}\n >\n {children}\n </BaseUICombobox.Empty>\n );\n}\n\ninterface ComboboxListComponentProps\n extends Omit<ComboboxListProps, \"className\">\n{\n className?: string;\n}\n\nfunction ComboboxList({\n className,\n children,\n ...rest\n}: ComboboxListComponentProps): React.ReactElement {\n return (\n <BaseUICombobox.List\n className={classnames(styles.osdkComboboxList, className)}\n {...rest}\n >\n {children}\n </BaseUICombobox.List>\n );\n}\n\nexport const Combobox: {\n Root: typeof BaseUICombobox.Root;\n SearchInput: typeof ComboboxSearchInput;\n Input: typeof ComboboxInput;\n Portal: typeof BaseUICombobox.Portal;\n Positioner: typeof ComboboxPositioner;\n Popup: typeof ComboboxPopup;\n List: typeof ComboboxList;\n Item: typeof ComboboxItem;\n Chips: typeof ComboboxChips;\n Chip: typeof ComboboxChip;\n ChipRemove: typeof ComboboxChipRemove;\n Clear: typeof ComboboxClear;\n Empty: typeof ComboboxEmpty;\n Value: typeof BaseUICombobox.Value;\n} = {\n Root: BaseUICombobox.Root,\n SearchInput: ComboboxSearchInput,\n Input: ComboboxInput,\n Portal: BaseUICombobox.Portal,\n Positioner: ComboboxPositioner,\n Popup: ComboboxPopup,\n List: ComboboxList,\n Item: ComboboxItem,\n Chips: ComboboxChips,\n Chip: ComboboxChip,\n ChipRemove: ComboboxChipRemove,\n Clear: ComboboxClear,\n Empty: ComboboxEmpty,\n Value: BaseUICombobox.Value,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
.osdkComboboxInputWrapper {
|
|
18
18
|
display: flex;
|
|
19
|
+
flex-wrap: wrap;
|
|
19
20
|
align-items: center;
|
|
20
21
|
gap: var(--osdk-combobox-spacing, var(--osdk-surface-spacing));
|
|
21
22
|
width: 100%;
|
|
@@ -23,18 +24,35 @@
|
|
|
23
24
|
padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5)
|
|
24
25
|
calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 2);
|
|
25
26
|
box-sizing: border-box;
|
|
26
|
-
border-radius: var(
|
|
27
|
-
|
|
27
|
+
border-radius: var(
|
|
28
|
+
--osdk-combobox-border-radius,
|
|
29
|
+
var(--osdk-surface-border-radius)
|
|
30
|
+
);
|
|
31
|
+
border: var(--osdk-combobox-border-width, var(--osdk-surface-border-width))
|
|
32
|
+
solid
|
|
28
33
|
var(--osdk-combobox-border-color, var(--osdk-surface-border-color-default));
|
|
29
|
-
background-color: var(
|
|
30
|
-
|
|
34
|
+
background-color: var(
|
|
35
|
+
--osdk-combobox-input-bg,
|
|
36
|
+
var(--osdk-surface-background-color-default-rest)
|
|
37
|
+
);
|
|
38
|
+
transition: border-color
|
|
39
|
+
var(
|
|
40
|
+
--osdk-combobox-transition-duration,
|
|
41
|
+
var(--osdk-emphasis-transition-duration)
|
|
42
|
+
)
|
|
31
43
|
var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
|
|
32
44
|
|
|
33
45
|
&:focus-within {
|
|
34
|
-
border-color: var(
|
|
35
|
-
|
|
36
|
-
var(--osdk-
|
|
37
|
-
|
|
46
|
+
border-color: var(
|
|
47
|
+
--osdk-combobox-focus-border-color,
|
|
48
|
+
var(--osdk-intent-primary-rest)
|
|
49
|
+
);
|
|
50
|
+
outline: var(--osdk-combobox-focus-width, var(--osdk-emphasis-focus-width))
|
|
51
|
+
solid var(--osdk-combobox-focus-color, var(--osdk-emphasis-focus-color));
|
|
52
|
+
outline-offset: var(
|
|
53
|
+
--osdk-combobox-focus-offset,
|
|
54
|
+
var(--osdk-emphasis-focus-offset)
|
|
55
|
+
);
|
|
38
56
|
}
|
|
39
57
|
}
|
|
40
58
|
|
|
@@ -46,16 +64,76 @@
|
|
|
46
64
|
.osdkComboboxInput {
|
|
47
65
|
flex: 1;
|
|
48
66
|
min-width: 0;
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
67
|
+
width: 100%;
|
|
68
|
+
box-sizing: border-box;
|
|
69
|
+
padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5)
|
|
70
|
+
calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 2);
|
|
71
|
+
border-radius: var(
|
|
72
|
+
--osdk-combobox-border-radius,
|
|
73
|
+
var(--osdk-surface-border-radius)
|
|
74
|
+
);
|
|
75
|
+
border: var(--osdk-combobox-border-width, var(--osdk-surface-border-width))
|
|
76
|
+
solid
|
|
77
|
+
var(--osdk-combobox-border-color, var(--osdk-surface-border-color-default));
|
|
78
|
+
background-color: var(
|
|
79
|
+
--osdk-combobox-input-bg,
|
|
80
|
+
var(--osdk-surface-background-color-default-rest)
|
|
81
|
+
);
|
|
82
|
+
transition: border-color
|
|
83
|
+
var(
|
|
84
|
+
--osdk-combobox-transition-duration,
|
|
85
|
+
var(--osdk-emphasis-transition-duration)
|
|
86
|
+
)
|
|
87
|
+
var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
|
|
88
|
+
|
|
89
|
+
&:focus {
|
|
90
|
+
border-color: var(
|
|
91
|
+
--osdk-combobox-focus-border-color,
|
|
92
|
+
var(--osdk-intent-primary-rest)
|
|
93
|
+
);
|
|
94
|
+
outline: var(--osdk-combobox-focus-width, var(--osdk-emphasis-focus-width))
|
|
95
|
+
solid var(--osdk-combobox-focus-color, var(--osdk-emphasis-focus-color));
|
|
96
|
+
outline-offset: var(
|
|
97
|
+
--osdk-combobox-focus-offset,
|
|
98
|
+
var(--osdk-emphasis-focus-offset)
|
|
99
|
+
);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.osdkComboboxInputWrapper & {
|
|
103
|
+
padding: 0;
|
|
104
|
+
border: none;
|
|
105
|
+
border-radius: 0;
|
|
106
|
+
background: transparent;
|
|
107
|
+
|
|
108
|
+
&:focus {
|
|
109
|
+
border-color: unset;
|
|
110
|
+
outline: none;
|
|
111
|
+
outline-offset: unset;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
font-family: var(
|
|
115
|
+
--osdk-combobox-font-family,
|
|
116
|
+
var(--osdk-typography-family-default)
|
|
117
|
+
);
|
|
118
|
+
font-size: var(
|
|
119
|
+
--osdk-combobox-font-size,
|
|
120
|
+
var(--osdk-typography-size-body-medium)
|
|
121
|
+
);
|
|
122
|
+
line-height: var(
|
|
123
|
+
--osdk-combobox-line-height,
|
|
124
|
+
var(--osdk-typography-line-height-default)
|
|
125
|
+
);
|
|
126
|
+
color: var(
|
|
127
|
+
--osdk-combobox-input-color,
|
|
128
|
+
var(--osdk-typography-color-default-rest)
|
|
129
|
+
);
|
|
55
130
|
outline: none;
|
|
56
131
|
|
|
57
132
|
&::placeholder {
|
|
58
|
-
color: var(
|
|
133
|
+
color: var(
|
|
134
|
+
--osdk-combobox-placeholder-color,
|
|
135
|
+
var(--osdk-typography-color-muted)
|
|
136
|
+
);
|
|
59
137
|
}
|
|
60
138
|
}
|
|
61
139
|
|
|
@@ -69,12 +147,21 @@
|
|
|
69
147
|
min-width: var(--anchor-width);
|
|
70
148
|
max-height: var(--available-height);
|
|
71
149
|
overflow-y: auto;
|
|
72
|
-
padding: calc(
|
|
150
|
+
padding: calc(
|
|
151
|
+
var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5
|
|
152
|
+
);
|
|
73
153
|
box-sizing: border-box;
|
|
74
|
-
border-radius: var(
|
|
75
|
-
|
|
154
|
+
border-radius: var(
|
|
155
|
+
--osdk-combobox-border-radius,
|
|
156
|
+
var(--osdk-surface-border-radius)
|
|
157
|
+
);
|
|
158
|
+
border: var(--osdk-combobox-border-width, var(--osdk-surface-border-width))
|
|
159
|
+
solid
|
|
76
160
|
var(--osdk-combobox-border-color, var(--osdk-surface-border-color-default));
|
|
77
|
-
background-color: var(
|
|
161
|
+
background-color: var(
|
|
162
|
+
--osdk-combobox-popup-bg,
|
|
163
|
+
var(--osdk-surface-background-color-default-rest)
|
|
164
|
+
);
|
|
78
165
|
box-shadow: var(--osdk-combobox-popup-shadow, var(--osdk-surface-shadow-2));
|
|
79
166
|
}
|
|
80
167
|
|
|
@@ -83,23 +170,51 @@
|
|
|
83
170
|
align-items: center;
|
|
84
171
|
padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5)
|
|
85
172
|
calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 2);
|
|
86
|
-
border-radius: var(
|
|
173
|
+
border-radius: var(
|
|
174
|
+
--osdk-combobox-border-radius,
|
|
175
|
+
var(--osdk-surface-border-radius)
|
|
176
|
+
);
|
|
87
177
|
cursor: pointer;
|
|
88
|
-
font-family: var(
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
178
|
+
font-family: var(
|
|
179
|
+
--osdk-combobox-font-family,
|
|
180
|
+
var(--osdk-typography-family-default)
|
|
181
|
+
);
|
|
182
|
+
font-size: var(
|
|
183
|
+
--osdk-combobox-font-size,
|
|
184
|
+
var(--osdk-typography-size-body-medium)
|
|
185
|
+
);
|
|
186
|
+
line-height: var(
|
|
187
|
+
--osdk-combobox-line-height,
|
|
188
|
+
var(--osdk-typography-line-height-default)
|
|
189
|
+
);
|
|
190
|
+
color: var(
|
|
191
|
+
--osdk-combobox-item-color,
|
|
192
|
+
var(--osdk-typography-color-default-rest)
|
|
193
|
+
);
|
|
194
|
+
transition: background-color
|
|
195
|
+
var(
|
|
196
|
+
--osdk-combobox-transition-duration,
|
|
197
|
+
var(--osdk-emphasis-transition-duration)
|
|
198
|
+
)
|
|
93
199
|
var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
|
|
94
200
|
|
|
95
201
|
&[data-highlighted] {
|
|
96
|
-
background-color: var(
|
|
202
|
+
background-color: var(
|
|
203
|
+
--osdk-combobox-item-bg-highlighted,
|
|
204
|
+
var(--osdk-surface-background-color-default-hover)
|
|
205
|
+
);
|
|
97
206
|
outline: none;
|
|
98
207
|
}
|
|
99
208
|
|
|
100
209
|
&[data-selected] {
|
|
101
|
-
background-color: var(
|
|
102
|
-
|
|
210
|
+
background-color: var(
|
|
211
|
+
--osdk-combobox-item-bg-selected,
|
|
212
|
+
var(--osdk-surface-layer-primary)
|
|
213
|
+
);
|
|
214
|
+
color: var(
|
|
215
|
+
--osdk-combobox-item-color-selected,
|
|
216
|
+
var(--osdk-intent-primary-rest)
|
|
217
|
+
);
|
|
103
218
|
}
|
|
104
219
|
|
|
105
220
|
&[data-disabled] {
|
|
@@ -112,7 +227,9 @@
|
|
|
112
227
|
display: flex;
|
|
113
228
|
flex-wrap: wrap;
|
|
114
229
|
gap: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5);
|
|
115
|
-
margin-bottom: calc(
|
|
230
|
+
margin-bottom: calc(
|
|
231
|
+
var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 2
|
|
232
|
+
);
|
|
116
233
|
}
|
|
117
234
|
|
|
118
235
|
.osdkComboboxChip {
|
|
@@ -121,12 +238,30 @@
|
|
|
121
238
|
gap: var(--osdk-combobox-spacing, var(--osdk-surface-spacing));
|
|
122
239
|
padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 0.5)
|
|
123
240
|
calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5);
|
|
124
|
-
border-radius: var(
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
241
|
+
border-radius: var(
|
|
242
|
+
--osdk-combobox-border-radius,
|
|
243
|
+
var(--osdk-surface-border-radius)
|
|
244
|
+
);
|
|
245
|
+
background-color: var(
|
|
246
|
+
--osdk-combobox-chip-bg,
|
|
247
|
+
var(--osdk-surface-background-color-default-hover)
|
|
248
|
+
);
|
|
249
|
+
font-family: var(
|
|
250
|
+
--osdk-combobox-font-family,
|
|
251
|
+
var(--osdk-typography-family-default)
|
|
252
|
+
);
|
|
253
|
+
font-size: var(
|
|
254
|
+
--osdk-combobox-chip-font-size,
|
|
255
|
+
var(--osdk-typography-size-body-small)
|
|
256
|
+
);
|
|
257
|
+
line-height: var(
|
|
258
|
+
--osdk-combobox-line-height,
|
|
259
|
+
var(--osdk-typography-line-height-default)
|
|
260
|
+
);
|
|
261
|
+
color: var(
|
|
262
|
+
--osdk-combobox-chip-color,
|
|
263
|
+
var(--osdk-typography-color-default-rest)
|
|
264
|
+
);
|
|
130
265
|
}
|
|
131
266
|
|
|
132
267
|
.osdkComboboxChipRemove {
|
|
@@ -137,12 +272,22 @@
|
|
|
137
272
|
border: none;
|
|
138
273
|
background: transparent;
|
|
139
274
|
cursor: pointer;
|
|
140
|
-
color: var(
|
|
141
|
-
|
|
275
|
+
color: var(
|
|
276
|
+
--osdk-combobox-chip-remove-color,
|
|
277
|
+
var(--osdk-iconography-color-muted)
|
|
278
|
+
);
|
|
279
|
+
transition: color
|
|
280
|
+
var(
|
|
281
|
+
--osdk-combobox-transition-duration,
|
|
282
|
+
var(--osdk-emphasis-transition-duration)
|
|
283
|
+
)
|
|
142
284
|
var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
|
|
143
285
|
|
|
144
286
|
&:hover {
|
|
145
|
-
color: var(
|
|
287
|
+
color: var(
|
|
288
|
+
--osdk-combobox-chip-remove-color-hover,
|
|
289
|
+
var(--osdk-typography-color-default-rest)
|
|
290
|
+
);
|
|
146
291
|
}
|
|
147
292
|
}
|
|
148
293
|
|
|
@@ -150,28 +295,63 @@
|
|
|
150
295
|
display: flex;
|
|
151
296
|
align-items: center;
|
|
152
297
|
justify-content: center;
|
|
153
|
-
padding: calc(
|
|
298
|
+
padding: calc(
|
|
299
|
+
var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 0.5
|
|
300
|
+
);
|
|
154
301
|
border: none;
|
|
155
302
|
background: transparent;
|
|
156
303
|
cursor: pointer;
|
|
157
304
|
color: var(--osdk-combobox-clear-color, var(--osdk-iconography-color-muted));
|
|
158
|
-
border-radius: var(
|
|
159
|
-
|
|
305
|
+
border-radius: var(
|
|
306
|
+
--osdk-combobox-border-radius,
|
|
307
|
+
var(--osdk-surface-border-radius)
|
|
308
|
+
);
|
|
309
|
+
transition:
|
|
310
|
+
color
|
|
311
|
+
var(
|
|
312
|
+
--osdk-combobox-transition-duration,
|
|
313
|
+
var(--osdk-emphasis-transition-duration)
|
|
314
|
+
)
|
|
160
315
|
var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default)),
|
|
161
|
-
background-color
|
|
316
|
+
background-color
|
|
317
|
+
var(
|
|
318
|
+
--osdk-combobox-transition-duration,
|
|
319
|
+
var(--osdk-emphasis-transition-duration)
|
|
320
|
+
)
|
|
162
321
|
var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
|
|
163
322
|
|
|
164
323
|
&:hover {
|
|
165
|
-
color: var(
|
|
166
|
-
|
|
324
|
+
color: var(
|
|
325
|
+
--osdk-combobox-clear-color-hover,
|
|
326
|
+
var(--osdk-typography-color-default-rest)
|
|
327
|
+
);
|
|
328
|
+
background-color: var(
|
|
329
|
+
--osdk-combobox-clear-bg-hover,
|
|
330
|
+
var(--osdk-surface-background-color-default-hover)
|
|
331
|
+
);
|
|
167
332
|
}
|
|
168
333
|
}
|
|
169
334
|
|
|
335
|
+
.osdkComboboxList {
|
|
336
|
+
display: flex;
|
|
337
|
+
flex-direction: column;
|
|
338
|
+
}
|
|
339
|
+
|
|
170
340
|
.osdkComboboxEmpty {
|
|
171
341
|
padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 3)
|
|
172
342
|
calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 2);
|
|
173
343
|
text-align: center;
|
|
174
344
|
color: var(--osdk-combobox-empty-color, var(--osdk-typography-color-muted));
|
|
175
|
-
font-family: var(
|
|
176
|
-
|
|
345
|
+
font-family: var(
|
|
346
|
+
--osdk-combobox-font-family,
|
|
347
|
+
var(--osdk-typography-family-default)
|
|
348
|
+
);
|
|
349
|
+
font-size: var(
|
|
350
|
+
--osdk-combobox-font-size,
|
|
351
|
+
var(--osdk-typography-size-body-medium)
|
|
352
|
+
);
|
|
353
|
+
|
|
354
|
+
&:empty {
|
|
355
|
+
display: none;
|
|
356
|
+
}
|
|
177
357
|
}
|
|
@@ -34,7 +34,13 @@ function SelectTrigger({
|
|
|
34
34
|
}) {
|
|
35
35
|
return /*#__PURE__*/React.createElement(BaseUISelect.Trigger, _extends({
|
|
36
36
|
className: classnames(styles.osdkSelectTrigger, className)
|
|
37
|
-
}, rest), children ?? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
|
37
|
+
}, rest), children ?? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
38
|
+
className: styles.osdkSelectValueContainer
|
|
39
|
+
}, /*#__PURE__*/React.createElement(BaseUISelect.Value, {
|
|
40
|
+
className: styles.osdkSelectValue
|
|
41
|
+
}), placeholder != null && /*#__PURE__*/React.createElement("span", {
|
|
42
|
+
className: styles.osdkSelectPlaceholder
|
|
43
|
+
}, placeholder)), /*#__PURE__*/React.createElement(BaseUISelect.Icon, {
|
|
38
44
|
className: styles.osdkSelectIcon
|
|
39
45
|
}, /*#__PURE__*/React.createElement(CaretDown, {
|
|
40
46
|
color: "currentColor"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","names":["Select","BaseUISelect","CaretDown","classnames","React","styles","SelectRoot","children","rest","createElement","Root","SelectTrigger","className","placeholder","Trigger","_extends","osdkSelectTrigger","Fragment","Value","
|
|
1
|
+
{"version":3,"file":"Select.js","names":["Select","BaseUISelect","CaretDown","classnames","React","styles","SelectRoot","children","rest","createElement","Root","SelectTrigger","className","placeholder","Trigger","_extends","osdkSelectTrigger","Fragment","osdkSelectValueContainer","Value","osdkSelectValue","osdkSelectPlaceholder","Icon","osdkSelectIcon","color","SelectValue","props","SelectPositioner","Positioner","osdkSelectPositioner","sideOffset","SelectPopup","Popup","osdkSelectPopup","SelectItem","Item","osdkSelectItem","ItemText","Portal"],"sources":["Select.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 {\n Select as BaseUISelect,\n type SelectItemProps,\n type SelectPopupProps,\n type SelectPositionerProps,\n type SelectRootProps,\n type SelectTriggerProps,\n type SelectValueProps,\n} from \"@base-ui/react/select\";\nimport { CaretDown } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Select.module.css\";\n\nexport interface SelectProps<Value, Multiple extends boolean = false>\n extends Omit<SelectRootProps<Value, Multiple>, \"className\">\n{}\n\nfunction SelectRoot<Value, Multiple extends boolean = false>({\n children,\n ...rest\n}: SelectProps<Value, Multiple>): React.ReactElement {\n return (\n <BaseUISelect.Root<Value, Multiple> {...rest}>{children}</BaseUISelect.Root>\n );\n}\n\ninterface SelectTriggerComponentProps\n extends Omit<SelectTriggerProps, \"className\">\n{\n className?: string;\n placeholder?: string;\n}\n\nfunction SelectTrigger({\n className,\n placeholder,\n children,\n ...rest\n}: SelectTriggerComponentProps): React.ReactElement {\n return (\n <BaseUISelect.Trigger\n className={classnames(styles.osdkSelectTrigger, className)}\n {...rest}\n >\n {children ?? (\n <>\n <div className={styles.osdkSelectValueContainer}>\n <BaseUISelect.Value className={styles.osdkSelectValue} />\n {placeholder != null && (\n <span className={styles.osdkSelectPlaceholder}>\n {placeholder}\n </span>\n )}\n </div>\n <BaseUISelect.Icon className={styles.osdkSelectIcon}>\n <CaretDown color=\"currentColor\" />\n </BaseUISelect.Icon>\n </>\n )}\n </BaseUISelect.Trigger>\n );\n}\n\nfunction SelectValue(\n props: Omit<SelectValueProps, \"className\"> & { className?: string },\n): React.ReactElement {\n const { className, ...rest } = props;\n return (\n <BaseUISelect.Value\n className={classnames(styles.osdkSelectValue, className)}\n {...rest}\n />\n );\n}\n\ninterface SelectPositionerComponentProps\n extends Omit<SelectPositionerProps, \"className\">\n{\n className?: string;\n}\n\nfunction SelectPositioner({\n className,\n children,\n ...rest\n}: SelectPositionerComponentProps): React.ReactElement {\n return (\n <BaseUISelect.Positioner\n className={classnames(styles.osdkSelectPositioner, className)}\n sideOffset={4}\n {...rest}\n >\n {children}\n </BaseUISelect.Positioner>\n );\n}\n\ninterface SelectPopupComponentProps\n extends Omit<SelectPopupProps, \"className\">\n{\n className?: string;\n}\n\nfunction SelectPopup({\n className,\n children,\n ...rest\n}: SelectPopupComponentProps): React.ReactElement {\n return (\n <BaseUISelect.Popup\n className={classnames(styles.osdkSelectPopup, className)}\n {...rest}\n >\n {children}\n </BaseUISelect.Popup>\n );\n}\n\ninterface SelectItemComponentProps extends Omit<SelectItemProps, \"className\"> {\n className?: string;\n}\n\nfunction SelectItem({\n className,\n children,\n ...rest\n}: SelectItemComponentProps): React.ReactElement {\n return (\n <BaseUISelect.Item\n className={classnames(styles.osdkSelectItem, className)}\n {...rest}\n >\n <BaseUISelect.ItemText>{children}</BaseUISelect.ItemText>\n </BaseUISelect.Item>\n );\n}\n\nexport const Select: {\n Root: typeof SelectRoot;\n Trigger: typeof SelectTrigger;\n Value: typeof SelectValue;\n Portal: typeof BaseUISelect.Portal;\n Positioner: typeof SelectPositioner;\n Popup: typeof SelectPopup;\n Item: typeof SelectItem;\n} = {\n Root: SelectRoot,\n Trigger: SelectTrigger,\n Value: SelectValue,\n Portal: BaseUISelect.Portal,\n Positioner: SelectPositioner,\n Popup: SelectPopup,\n Item: SelectItem,\n};\n"],"mappings":"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","ignoreList":[]}
|