@reapit/elements 5.0.0-beta.83 → 5.0.0-beta.85
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/README.md +3 -7
- package/dist/codemods/apply-textarea-field-sizing/transform.js +742 -709
- package/dist/codemods/at-a-glance-article-card/transform.js +791 -756
- package/dist/codemods/bin.js +1913 -2910
- package/dist/codemods/replace-deprecated-label/transform.js +1127 -850
- package/dist/codemods/replace-deprecated-pagination/transform.js +903 -822
- package/dist/codemods/replace-deprecated-use-click-outside/transform.js +764 -712
- package/dist/codemods/replace-lab-mobile-nav-item/transform.js +776 -745
- package/dist/codemods/replace-lab-radio/transform.js +1103 -877
- package/dist/codemods/replace-lab-radio-group/transform.js +1116 -866
- package/dist/codemods/replace-lab-search-input/transform.js +1188 -889
- package/dist/codemods/replace-lab-table/transform.js +760 -733
- package/dist/codemods/rewrite-combobox-imports/transform.js +719 -697
- package/dist/codemods/rewrite-text-font-imports/transform.js +722 -700
- package/dist/codemods/rewrite-v4-imports/transform.js +731 -701
- package/dist/codemods/rewrite-v5-imports/transform.js +1034 -708
- package/dist/codemods/upgrade-deprecated-badge/transform.js +1233 -878
- package/dist/codemods/upgrade-deprecated-button/transform.js +852 -830
- package/dist/codemods/upgrade-deprecated-button-group/transform.js +1220 -883
- package/dist/codemods/upgrade-deprecated-icon/transform.js +760 -734
- package/dist/codemods/upgrade-deprecated-split-button/transform.js +799 -770
- package/dist/codemods/upgrade-deprecated-tag/transform.js +884 -825
- package/dist/codemods/upgrade-deprecated-use-media-query/transform.js +737 -712
- package/dist/js/{accordion-BeA_kgW0.js → accordion-Dhvt8Fkd.js} +9 -9
- package/dist/js/{combobox-KaqLoE4E.js → combobox-BMv0P3Ap.js} +6 -5
- package/dist/js/{compact-select-CXm-gNFr.js → compact-select-o1dGwi-f.js} +1 -1
- package/dist/js/core/accordion-group.js +18 -0
- package/dist/js/core/accordion.js +2 -4
- package/dist/js/core/alert-banner.js +0 -1
- package/dist/js/core/app-switcher.js +0 -13
- package/dist/js/core/at-a-glance.js +0 -5
- package/dist/js/core/autocomplete-control.js +0 -14
- package/dist/js/core/autocomplete.js +1 -13
- package/dist/js/core/badge.js +0 -2
- package/dist/js/core/bottom-bar.js +0 -5
- package/dist/js/core/breadcrumbs.js +0 -1
- package/dist/js/core/checkbox-control.js +0 -4
- package/dist/js/core/checkbox-group-control.js +0 -4
- package/dist/js/core/checkbox-input.js +0 -1
- package/dist/js/core/checkbox.js +0 -4
- package/dist/js/core/chip-group.js +0 -2
- package/dist/js/core/chip.js +0 -1
- package/dist/js/core/compact-select-native.js +0 -1
- package/dist/js/core/compact-select.js +1 -16
- package/dist/js/core/date-time-control.js +0 -5
- package/dist/js/core/date-time-input.js +0 -5
- package/dist/js/core/dialog.js +0 -4
- package/dist/js/core/drawer.js +0 -2
- package/dist/js/core/empty-data.js +0 -1
- package/dist/js/core/features.js +0 -3
- package/dist/js/core/menu.js +0 -2
- package/dist/js/core/office-switcher.js +2 -13
- package/dist/js/core/pagination.js +0 -4
- package/dist/js/core/radio-group-control.js +0 -3
- package/dist/js/core/radio-input.js +0 -1
- package/dist/js/core/search-input.js +0 -5
- package/dist/js/core/section-message.js +0 -2
- package/dist/js/core/select-control.js +0 -14
- package/dist/js/core/select-native-control.js +0 -2
- package/dist/js/core/select-native.js +0 -1
- package/dist/js/core/select.js +1 -14
- package/dist/js/core/side-bar.js +0 -4
- package/dist/js/core/split-button.js +0 -6
- package/dist/js/core/table.js +2 -11
- package/dist/js/core/tooltip.js +0 -1
- package/dist/js/core/top-bar.js +0 -10
- package/dist/js/deprecated/accordion.js +0 -1
- package/dist/js/deprecated/breadcrumb.js +0 -2
- package/dist/js/deprecated/drawer.js +0 -1
- package/dist/js/deprecated/file-input.js +0 -5
- package/dist/js/deprecated/input-group.js +0 -1
- package/dist/js/deprecated/key-value-list.js +48 -5
- package/dist/js/deprecated/mobile-controls.js +0 -1
- package/dist/js/deprecated/multi-select.js +0 -1
- package/dist/js/deprecated/nav.js +0 -2
- package/dist/js/deprecated/page-header.js +0 -4
- package/dist/js/deprecated/persistent-notification.js +0 -1
- package/dist/js/deprecated/searchable-dropdown.js +0 -11
- package/dist/js/deprecated/snack.js +0 -1
- package/dist/js/deprecated/styles.js +9 -0
- package/dist/js/deprecated/table.js +0 -2
- package/dist/js/deprecated/use-drawer.js +0 -3
- package/dist/js/deprecated/use-modal.js +0 -1
- package/dist/js/deprecated/use-snack.js +0 -3
- package/dist/js/deprecated-typography-D-LvJPh5.js +4 -0
- package/dist/js/icons/add.js +0 -1
- package/dist/js/icons/announcement.js +0 -1
- package/dist/js/icons/app-switcher.js +0 -1
- package/dist/js/icons/archive.js +0 -1
- package/dist/js/icons/arrow-down.js +0 -1
- package/dist/js/icons/arrow-left.js +0 -1
- package/dist/js/icons/arrow-right.js +0 -1
- package/dist/js/icons/arrow-up.js +0 -1
- package/dist/js/icons/asterisk.js +0 -1
- package/dist/js/icons/attachment.js +0 -1
- package/dist/js/icons/automation.js +0 -1
- package/dist/js/icons/bath.js +0 -1
- package/dist/js/icons/bed.js +0 -1
- package/dist/js/icons/bill-bulk.js +0 -1
- package/dist/js/icons/bill.js +0 -1
- package/dist/js/icons/bookmark-bulk.js +0 -1
- package/dist/js/icons/bookmark.js +0 -1
- package/dist/js/icons/buy.js +0 -1
- package/dist/js/icons/calculator.js +0 -1
- package/dist/js/icons/calendar-user.js +0 -1
- package/dist/js/icons/calendar.js +0 -1
- package/dist/js/icons/camera.js +0 -1
- package/dist/js/icons/car.js +0 -1
- package/dist/js/icons/change-log.js +0 -1
- package/dist/js/icons/check-outline.js +0 -1
- package/dist/js/icons/check.js +0 -1
- package/dist/js/icons/checkbox-disabled.js +0 -1
- package/dist/js/icons/checkbox-indeterminate.js +0 -1
- package/dist/js/icons/checkbox-selected.js +0 -1
- package/dist/js/icons/checkbox.js +0 -1
- package/dist/js/icons/chevron-down.js +0 -1
- package/dist/js/icons/chevron-left.js +0 -1
- package/dist/js/icons/chevron-right.js +0 -1
- package/dist/js/icons/chevron-up.js +0 -1
- package/dist/js/icons/circular-add-solid.js +0 -1
- package/dist/js/icons/circular-add.js +0 -1
- package/dist/js/icons/circular-remove-solid.js +0 -1
- package/dist/js/icons/circular-remove.js +0 -1
- package/dist/js/icons/clear.js +0 -1
- package/dist/js/icons/close.js +0 -1
- package/dist/js/icons/cloud.js +0 -1
- package/dist/js/icons/compliance.js +0 -1
- package/dist/js/icons/consolidate.js +0 -1
- package/dist/js/icons/contact.js +0 -1
- package/dist/js/icons/contacts-alt.js +0 -1
- package/dist/js/icons/contacts.js +0 -1
- package/dist/js/icons/copy.js +0 -1
- package/dist/js/icons/dashboard.js +0 -1
- package/dist/js/icons/drag-indicator-alt.js +0 -1
- package/dist/js/icons/drag-indicator.js +0 -1
- package/dist/js/icons/edit.js +0 -1
- package/dist/js/icons/email-disabled.js +0 -1
- package/dist/js/icons/email-fill.js +0 -1
- package/dist/js/icons/email.js +0 -1
- package/dist/js/icons/error.js +0 -1
- package/dist/js/icons/euro.js +0 -1
- package/dist/js/icons/exit.js +0 -1
- package/dist/js/icons/expand.js +0 -1
- package/dist/js/icons/export.js +0 -1
- package/dist/js/icons/favourite.js +0 -1
- package/dist/js/icons/feather.js +0 -1
- package/dist/js/icons/feed.js +0 -1
- package/dist/js/icons/file-attached.js +0 -1
- package/dist/js/icons/file-audio.js +0 -1
- package/dist/js/icons/file-document.js +0 -1
- package/dist/js/icons/file-download.js +0 -1
- package/dist/js/icons/file-excel.js +0 -1
- package/dist/js/icons/file-image.js +0 -1
- package/dist/js/icons/file-pdf.js +0 -1
- package/dist/js/icons/file-powerpoint.js +0 -1
- package/dist/js/icons/file-spreadsheet.js +0 -1
- package/dist/js/icons/file-upload.js +0 -1
- package/dist/js/icons/file-video.js +0 -1
- package/dist/js/icons/file-word.js +0 -1
- package/dist/js/icons/file-zip.js +0 -1
- package/dist/js/icons/file.js +0 -1
- package/dist/js/icons/filter.js +0 -1
- package/dist/js/icons/folder.js +0 -1
- package/dist/js/icons/forward.js +0 -1
- package/dist/js/icons/fullscreen-exit.js +0 -1
- package/dist/js/icons/fullscreen.js +0 -1
- package/dist/js/icons/help.js +0 -1
- package/dist/js/icons/info-outline.js +0 -1
- package/dist/js/icons/info.js +0 -1
- package/dist/js/icons/insights.js +0 -1
- package/dist/js/icons/inspection-template.js +0 -1
- package/dist/js/icons/inspection.js +0 -1
- package/dist/js/icons/insurance.js +0 -1
- package/dist/js/icons/key.js +0 -1
- package/dist/js/icons/keyboard.js +0 -1
- package/dist/js/icons/land-size.js +0 -1
- package/dist/js/icons/laptop.js +0 -1
- package/dist/js/icons/link.js +0 -1
- package/dist/js/icons/location-alt.js +0 -1
- package/dist/js/icons/location-disabled.js +0 -1
- package/dist/js/icons/location-outline.js +0 -1
- package/dist/js/icons/location.js +0 -1
- package/dist/js/icons/lock-outline.js +0 -1
- package/dist/js/icons/lock.js +0 -1
- package/dist/js/icons/maintenance-alt.js +0 -1
- package/dist/js/icons/maintenance.js +0 -1
- package/dist/js/icons/marketplace.js +0 -1
- package/dist/js/icons/menu-alt.js +0 -1
- package/dist/js/icons/menu-collapse.js +0 -1
- package/dist/js/icons/menu-expand.js +0 -1
- package/dist/js/icons/menu.js +0 -1
- package/dist/js/icons/message-alt.js +0 -1
- package/dist/js/icons/message-disabled.js +0 -1
- package/dist/js/icons/message-typing.js +0 -1
- package/dist/js/icons/message.js +0 -1
- package/dist/js/icons/mic-off.js +0 -1
- package/dist/js/icons/mic-on.js +0 -1
- package/dist/js/icons/minus.js +0 -1
- package/dist/js/icons/mobile.js +0 -1
- package/dist/js/icons/money.js +0 -1
- package/dist/js/icons/monitor.js +0 -1
- package/dist/js/icons/mood-happy.js +0 -1
- package/dist/js/icons/mood-neutral.js +0 -1
- package/dist/js/icons/mood-unhappy.js +0 -1
- package/dist/js/icons/more-vert.js +0 -1
- package/dist/js/icons/more.js +0 -1
- package/dist/js/icons/note.js +0 -1
- package/dist/js/icons/notification.js +0 -1
- package/dist/js/icons/payment.js +0 -1
- package/dist/js/icons/people-alt.js +0 -1
- package/dist/js/icons/phone-disabled.js +0 -1
- package/dist/js/icons/phone.js +0 -1
- package/dist/js/icons/photo.js +0 -1
- package/dist/js/icons/pin.js +0 -1
- package/dist/js/icons/pound.js +0 -1
- package/dist/js/icons/power-on.js +0 -1
- package/dist/js/icons/printer.js +0 -1
- package/dist/js/icons/priority-high.js +0 -1
- package/dist/js/icons/priority-low.js +0 -1
- package/dist/js/icons/priority-medium.js +0 -1
- package/dist/js/icons/property-checked.js +0 -1
- package/dist/js/icons/property.js +0 -1
- package/dist/js/icons/radio-disabled.js +0 -1
- package/dist/js/icons/radio-selected.js +0 -1
- package/dist/js/icons/radio.js +0 -1
- package/dist/js/icons/refresh.js +0 -1
- package/dist/js/icons/rent.js +0 -1
- package/dist/js/icons/repeat.js +0 -1
- package/dist/js/icons/reply-all.js +0 -1
- package/dist/js/icons/reply.js +0 -1
- package/dist/js/icons/report.js +0 -1
- package/dist/js/icons/restore.js +0 -1
- package/dist/js/icons/sale.js +0 -1
- package/dist/js/icons/search.js +0 -1
- package/dist/js/icons/send.js +0 -1
- package/dist/js/icons/separator-dot.js +0 -1
- package/dist/js/icons/separator-line.js +0 -1
- package/dist/js/icons/settings-alt.js +0 -1
- package/dist/js/icons/settings.js +0 -1
- package/dist/js/icons/share.js +0 -1
- package/dist/js/icons/skip.js +0 -1
- package/dist/js/icons/social-facebook.js +0 -1
- package/dist/js/icons/social-instagram.js +0 -1
- package/dist/js/icons/social-linkedin.js +0 -1
- package/dist/js/icons/social-x.js +0 -1
- package/dist/js/icons/social-youtube.js +0 -1
- package/dist/js/icons/sort-ascend.js +0 -1
- package/dist/js/icons/sort-descend.js +0 -1
- package/dist/js/icons/sort.js +0 -1
- package/dist/js/icons/sprout.js +0 -1
- package/dist/js/icons/star.js +0 -1
- package/dist/js/icons/status-bad.js +0 -1
- package/dist/js/icons/status-good.js +0 -1
- package/dist/js/icons/status-paused.js +0 -1
- package/dist/js/icons/status-unknown.js +0 -1
- package/dist/js/icons/status.js +0 -1
- package/dist/js/icons/tag.js +0 -1
- package/dist/js/icons/task.js +0 -1
- package/dist/js/icons/time.js +0 -1
- package/dist/js/icons/trash.js +0 -1
- package/dist/js/icons/unarchive.js +0 -1
- package/dist/js/icons/user-outline.js +0 -1
- package/dist/js/icons/user.js +0 -1
- package/dist/js/icons/video.js +0 -1
- package/dist/js/icons/view-disabled.js +0 -1
- package/dist/js/icons/view.js +0 -1
- package/dist/js/icons/w3w.js +0 -1
- package/dist/js/icons/walking.js +0 -1
- package/dist/js/icons/wand.js +0 -1
- package/dist/js/icons/warning-outline.js +0 -1
- package/dist/js/icons/warning.js +0 -1
- package/dist/js/icons/web.js +0 -1
- package/dist/js/icons/workflow.js +0 -1
- package/dist/js/image-B8BoeAah.js +266 -0
- package/dist/js/index.js +283 -284
- package/dist/js/lab/table.js +0 -4
- package/dist/js/style.css +1 -1
- package/dist/js/{table-DOaobKax.js → table-BuT1Vhgh.js} +80 -80
- package/dist/js/utils/combobox.js +1 -14
- package/dist/js/utils/image.js +2 -191
- package/dist/js/utils/line-clamp.js +0 -2
- package/dist/js/utils/media-fallback.js +23 -0
- package/dist/js/utils/video.js +68 -0
- package/dist/types/core/accordion/summary/styles.d.ts +1 -1
- package/dist/types/core/accordion/summary/summary.d.ts +8 -3
- package/dist/types/core/accordion/summary/summary.d.ts.map +1 -1
- package/dist/types/core/accordion/summary/summary.figma.d.ts +2 -0
- package/dist/types/core/accordion/summary/summary.figma.d.ts.map +1 -0
- package/dist/types/core/accordion/summary/summary.stories.d.ts +5 -3
- package/dist/types/core/accordion/summary/summary.stories.d.ts.map +1 -1
- package/dist/types/core/accordion-group/__tests__/accordion-group.test.d.ts +2 -0
- package/dist/types/core/accordion-group/__tests__/accordion-group.test.d.ts.map +1 -0
- package/dist/types/core/accordion-group/accordion-group.d.ts +14 -0
- package/dist/types/core/accordion-group/accordion-group.d.ts.map +1 -0
- package/dist/types/core/accordion-group/accordion-group.figma.d.ts +2 -0
- package/dist/types/core/accordion-group/accordion-group.figma.d.ts.map +1 -0
- package/dist/types/core/accordion-group/accordion-group.stories.d.ts +15 -0
- package/dist/types/core/accordion-group/accordion-group.stories.d.ts.map +1 -0
- package/dist/types/core/accordion-group/index.d.ts +3 -0
- package/dist/types/core/accordion-group/index.d.ts.map +1 -0
- package/dist/types/core/accordion-group/styles.d.ts +2 -0
- package/dist/types/core/accordion-group/styles.d.ts.map +1 -0
- package/dist/types/core/at-a-glance/article-card/article-card.figma.d.ts +2 -0
- package/dist/types/core/at-a-glance/article-card/article-card.figma.d.ts.map +1 -0
- package/dist/types/core/at-a-glance/carousel/styles.d.ts.map +1 -1
- package/dist/types/core/autocomplete/autocomplete.stories.d.ts +7 -0
- package/dist/types/core/autocomplete/autocomplete.stories.d.ts.map +1 -1
- package/dist/types/core/focused-layout/product-logo/product-logo.figma.d.ts +2 -0
- package/dist/types/core/focused-layout/product-logo/product-logo.figma.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/__tests__/dialog.test.d.ts +2 -0
- package/dist/types/core/gallery-viewer/dialog/__tests__/dialog.test.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/content/__tests__/content.test.d.ts +2 -0
- package/dist/types/core/gallery-viewer/dialog/content/__tests__/content.test.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/content/content.d.ts +15 -0
- package/dist/types/core/gallery-viewer/dialog/content/content.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/content/content.stories.d.ts +293 -0
- package/dist/types/core/gallery-viewer/dialog/content/content.stories.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/content/index.d.ts +2 -0
- package/dist/types/core/gallery-viewer/dialog/content/index.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/content/styles.d.ts +2 -0
- package/dist/types/core/gallery-viewer/dialog/content/styles.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/context.d.ts +19 -0
- package/dist/types/core/gallery-viewer/dialog/context.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/dialog.d.ts +63 -0
- package/dist/types/core/gallery-viewer/dialog/dialog.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/dialog.stories.d.ts +34 -0
- package/dist/types/core/gallery-viewer/dialog/dialog.stories.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/header/__tests__/header.test.d.ts +2 -0
- package/dist/types/core/gallery-viewer/dialog/header/__tests__/header.test.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/header/close-button.d.ts +13 -0
- package/dist/types/core/gallery-viewer/dialog/header/close-button.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/header/header.d.ts +15 -0
- package/dist/types/core/gallery-viewer/dialog/header/header.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/header/header.stories.d.ts +302 -0
- package/dist/types/core/gallery-viewer/dialog/header/header.stories.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/header/index.d.ts +2 -0
- package/dist/types/core/gallery-viewer/dialog/header/index.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/header/styles.d.ts +4 -0
- package/dist/types/core/gallery-viewer/dialog/header/styles.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/index.d.ts +6 -0
- package/dist/types/core/gallery-viewer/dialog/index.d.ts.map +1 -0
- package/dist/types/core/gallery-viewer/dialog/styles.d.ts +2 -0
- package/dist/types/core/gallery-viewer/dialog/styles.d.ts.map +1 -0
- package/dist/types/core/index.d.ts +1 -0
- package/dist/types/core/index.d.ts.map +1 -1
- package/dist/types/core/select/select.stories.d.ts +7 -0
- package/dist/types/core/select/select.stories.d.ts.map +1 -1
- package/dist/types/core/supplementary-info/supplementary-info-item.stories.d.ts +2 -3
- package/dist/types/core/supplementary-info/supplementary-info-item.stories.d.ts.map +1 -1
- package/dist/types/core/table/body-row/styles.d.ts.map +1 -1
- package/dist/types/core/table/checkbox/styles.d.ts.map +1 -1
- package/dist/types/core/table/index.d.ts +0 -1
- package/dist/types/core/table/index.d.ts.map +1 -1
- package/dist/types/core/table/more-actions/styles.d.ts.map +1 -1
- package/dist/types/core/table/primary-action/styles.d.ts.map +1 -1
- package/dist/types/core/theme-provider/index.d.ts +1 -0
- package/dist/types/core/theme-provider/index.d.ts.map +1 -1
- package/dist/types/deprecated/index.d.ts +1 -1
- package/dist/types/deprecated/index.d.ts.map +1 -1
- package/dist/types/deprecated/styles/index.d.ts +11 -0
- package/dist/types/deprecated/styles/index.d.ts.map +1 -0
- package/dist/types/lab/index.d.ts +0 -1
- package/dist/types/lab/index.d.ts.map +1 -1
- package/dist/types/utils/combobox/button/button.d.ts +4 -1
- package/dist/types/utils/combobox/button/button.d.ts.map +1 -1
- package/dist/types/utils/combobox/button/button.stories.d.ts +8 -0
- package/dist/types/utils/combobox/button/button.stories.d.ts.map +1 -1
- package/dist/types/utils/combobox/button/styles.d.ts.map +1 -1
- package/dist/types/utils/image/image.d.ts +2 -2
- package/dist/types/utils/image/image.d.ts.map +1 -1
- package/dist/types/utils/image/index.d.ts +0 -1
- package/dist/types/utils/image/index.d.ts.map +1 -1
- package/dist/types/utils/image/styles.d.ts +0 -4
- package/dist/types/utils/image/styles.d.ts.map +1 -1
- package/dist/types/utils/index.d.ts +2 -0
- package/dist/types/utils/index.d.ts.map +1 -1
- package/dist/types/utils/media-fallback/__tests__/media-fallback.test.d.ts +2 -0
- package/dist/types/utils/media-fallback/__tests__/media-fallback.test.d.ts.map +1 -0
- package/dist/types/utils/media-fallback/index.d.ts +3 -0
- package/dist/types/utils/media-fallback/index.d.ts.map +1 -0
- package/dist/types/utils/{image/image-fallback.d.ts → media-fallback/media-fallback.d.ts} +5 -5
- package/dist/types/utils/media-fallback/media-fallback.d.ts.map +1 -0
- package/dist/types/utils/media-fallback/styles.d.ts +5 -0
- package/dist/types/utils/media-fallback/styles.d.ts.map +1 -0
- package/dist/types/utils/video/__tests__/video.test.d.ts +2 -0
- package/dist/types/utils/video/__tests__/video.test.d.ts.map +1 -0
- package/dist/types/utils/video/index.d.ts +4 -0
- package/dist/types/utils/video/index.d.ts.map +1 -0
- package/dist/types/utils/video/styles.d.ts +3 -0
- package/dist/types/utils/video/styles.d.ts.map +1 -0
- package/dist/types/utils/video/use-video.d.ts +19 -0
- package/dist/types/utils/video/use-video.d.ts.map +1 -0
- package/dist/types/utils/video/video.d.ts +25 -0
- package/dist/types/utils/video/video.d.ts.map +1 -0
- package/dist/types/utils/video/video.stories.d.ts +48 -0
- package/dist/types/utils/video/video.stories.d.ts.map +1 -0
- package/package.json +14 -19
- package/dist/js/image-DnCb83Fu.js +0 -95
- package/dist/js/key-value-list-zoqFOL6c.js +0 -47
- package/dist/js/lab/search-input.js +0 -50
- package/dist/js/lab/select-custom.js +0 -259
- package/dist/types/core/at-a-glance/card/card.figma.d.ts +0 -2
- package/dist/types/core/at-a-glance/card/card.figma.d.ts.map +0 -1
- package/dist/types/core/table/constants.d.ts +0 -9
- package/dist/types/core/table/constants.d.ts.map +0 -1
- package/dist/types/lab/search-input/__tests__/search-input.test.d.ts +0 -2
- package/dist/types/lab/search-input/__tests__/search-input.test.d.ts.map +0 -1
- package/dist/types/lab/search-input/index.d.ts +0 -3
- package/dist/types/lab/search-input/index.d.ts.map +0 -1
- package/dist/types/lab/search-input/search-input.d.ts +0 -32
- package/dist/types/lab/search-input/search-input.d.ts.map +0 -1
- package/dist/types/lab/search-input/search-input.stories.d.ts +0 -34
- package/dist/types/lab/search-input/search-input.stories.d.ts.map +0 -1
- package/dist/types/lab/search-input/styles.d.ts +0 -3
- package/dist/types/lab/search-input/styles.d.ts.map +0 -1
- package/dist/types/lab/select-custom/__tests__/helper.test.d.ts +0 -2
- package/dist/types/lab/select-custom/__tests__/helper.test.d.ts.map +0 -1
- package/dist/types/lab/select-custom/__tests__/select-custom.test.d.ts +0 -2
- package/dist/types/lab/select-custom/__tests__/select-custom.test.d.ts.map +0 -1
- package/dist/types/lab/select-custom/context.d.ts +0 -29
- package/dist/types/lab/select-custom/context.d.ts.map +0 -1
- package/dist/types/lab/select-custom/group/__tests__/group.test.d.ts +0 -2
- package/dist/types/lab/select-custom/group/__tests__/group.test.d.ts.map +0 -1
- package/dist/types/lab/select-custom/group/group.d.ts +0 -7
- package/dist/types/lab/select-custom/group/group.d.ts.map +0 -1
- package/dist/types/lab/select-custom/group/group.stories.d.ts +0 -24
- package/dist/types/lab/select-custom/group/group.stories.d.ts.map +0 -1
- package/dist/types/lab/select-custom/group/index.d.ts +0 -2
- package/dist/types/lab/select-custom/group/index.d.ts.map +0 -1
- package/dist/types/lab/select-custom/helper.d.ts +0 -22
- package/dist/types/lab/select-custom/helper.d.ts.map +0 -1
- package/dist/types/lab/select-custom/index.d.ts +0 -6
- package/dist/types/lab/select-custom/index.d.ts.map +0 -1
- package/dist/types/lab/select-custom/option/__tests__/option.test.d.ts +0 -2
- package/dist/types/lab/select-custom/option/__tests__/option.test.d.ts.map +0 -1
- package/dist/types/lab/select-custom/option/index.d.ts +0 -2
- package/dist/types/lab/select-custom/option/index.d.ts.map +0 -1
- package/dist/types/lab/select-custom/option/option.d.ts +0 -11
- package/dist/types/lab/select-custom/option/option.d.ts.map +0 -1
- package/dist/types/lab/select-custom/option/option.stories.d.ts +0 -55
- package/dist/types/lab/select-custom/option/option.stories.d.ts.map +0 -1
- package/dist/types/lab/select-custom/select-custom.d.ts +0 -41
- package/dist/types/lab/select-custom/select-custom.d.ts.map +0 -1
- package/dist/types/lab/select-custom/select-custom.stories.d.ts +0 -26
- package/dist/types/lab/select-custom/select-custom.stories.d.ts.map +0 -1
- package/dist/types/lab/select-custom/styles.d.ts +0 -16
- package/dist/types/lab/select-custom/styles.d.ts.map +0 -1
- package/dist/types/lab/select-custom/use-select-keyboard-navigation.d.ts +0 -2
- package/dist/types/lab/select-custom/use-select-keyboard-navigation.d.ts.map +0 -1
- package/dist/types/utils/image/__tests__/image-fallback.test.d.ts +0 -2
- package/dist/types/utils/image/__tests__/image-fallback.test.d.ts.map +0 -1
- package/dist/types/utils/image/image-fallback.d.ts.map +0 -1
|
@@ -1,259 +0,0 @@
|
|
|
1
|
-
import { t as e } from "../dist-DLc9lUhF.js";
|
|
2
|
-
import "../make-icon-Cez0iOAn.js";
|
|
3
|
-
import { t } from "../chevron-down-BJacFTxw.js";
|
|
4
|
-
import { t as n } from "../close-DmeJ8DiA.js";
|
|
5
|
-
import { t as r } from "../button-jgaS-YWF.js";
|
|
6
|
-
import { t as i } from "../check-CFmQeZXr.js";
|
|
7
|
-
import { t as a } from "../popover-DY4LMxoS.js";
|
|
8
|
-
import "../anchor-positioning-XqfCUAUX.js";
|
|
9
|
-
import { t as o } from "../chip-group-BQqToHL0.js";
|
|
10
|
-
import { LabelText as s } from "../core/label-text.js";
|
|
11
|
-
import { Badge as c } from "../core/badge.js";
|
|
12
|
-
import { Text as l } from "../utils/text.js";
|
|
13
|
-
import { createContext as u, useContext as d, useEffect as f, useRef as p, useState as m } from "react";
|
|
14
|
-
import { jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
15
|
-
//#region src/lab/select-custom/styles.tsx
|
|
16
|
-
var _ = /* @__PURE__ */ e("div")({
|
|
17
|
-
name: "ElExperimentalSelectCustomContainer",
|
|
18
|
-
class: "el-experimental-select-custom-container",
|
|
19
|
-
propsAsIs: !1
|
|
20
|
-
}), v = /* @__PURE__ */ e(r)({
|
|
21
|
-
name: "ElExperimentalSelectCustomInputField",
|
|
22
|
-
class: "el-experimental-select-custom-input-field",
|
|
23
|
-
propsAsIs: !0
|
|
24
|
-
}), y = /* @__PURE__ */ e("div")({
|
|
25
|
-
name: "ElExperimentalSelectCustomContent",
|
|
26
|
-
class: "el-experimental-select-custom-content",
|
|
27
|
-
propsAsIs: !1
|
|
28
|
-
}), b = /* @__PURE__ */ e("div")({
|
|
29
|
-
name: "ElExperimentalSelectCustomPlaceholder",
|
|
30
|
-
class: "el-experimental-select-custom-placeholder",
|
|
31
|
-
propsAsIs: !1
|
|
32
|
-
}), x = "el-experimental-select-custom-popover", S = /* @__PURE__ */ e("div")({
|
|
33
|
-
name: "ElExperimentalSelectCustomOptionGroup",
|
|
34
|
-
class: "el-experimental-select-custom-option-group",
|
|
35
|
-
propsAsIs: !1
|
|
36
|
-
}), C = "el-experimental-select-custom-group-title", w = /* @__PURE__ */ e("li")({
|
|
37
|
-
name: "ElExperimentalSelectCustomOption",
|
|
38
|
-
class: "el-experimental-select-custom-option",
|
|
39
|
-
propsAsIs: !1
|
|
40
|
-
}), T = /* @__PURE__ */ e("div")({
|
|
41
|
-
name: "ElExperimentalSelectCustomLabelContainer",
|
|
42
|
-
class: "el-experimental-select-custom-label-container",
|
|
43
|
-
propsAsIs: !1
|
|
44
|
-
}), E = /* @__PURE__ */ e("div")({
|
|
45
|
-
name: "ElExperimentalSelectCustomLabelItem",
|
|
46
|
-
class: "el-experimental-select-custom-label-item",
|
|
47
|
-
propsAsIs: !1
|
|
48
|
-
}), D = /* @__PURE__ */ e("div")({
|
|
49
|
-
name: "ElExperimentalSelectCustomAdditionalInfo1",
|
|
50
|
-
class: "el-experimental-select-custom-additional-info1",
|
|
51
|
-
propsAsIs: !1
|
|
52
|
-
}), O = /* @__PURE__ */ e("div")({
|
|
53
|
-
name: "ElExperimentalSelectCustomAdditionalInfo2",
|
|
54
|
-
class: "el-experimental-select-custom-additional-info2",
|
|
55
|
-
propsAsIs: !1
|
|
56
|
-
}), k = ({ label: e, children: t }) => /* @__PURE__ */ g(S, {
|
|
57
|
-
role: "group",
|
|
58
|
-
children: [e && /* @__PURE__ */ h(s, {
|
|
59
|
-
size: "xs",
|
|
60
|
-
children: e
|
|
61
|
-
}), t]
|
|
62
|
-
}), A = u({
|
|
63
|
-
selectedValues: [],
|
|
64
|
-
onSelect: () => {},
|
|
65
|
-
isMultiple: !1
|
|
66
|
-
});
|
|
67
|
-
function j() {
|
|
68
|
-
return d(A);
|
|
69
|
-
}
|
|
70
|
-
//#endregion
|
|
71
|
-
//#region src/lab/select-custom/option/option.tsx
|
|
72
|
-
var M = ({ value: e, label: t, badge: n, additionalInfo1: r, additionalInfo2: a }) => {
|
|
73
|
-
let { selectedValues: o, onSelect: l } = j(), u = o.some((t) => t.value === e), d = () => l({
|
|
74
|
-
value: e,
|
|
75
|
-
label: t
|
|
76
|
-
});
|
|
77
|
-
return /* @__PURE__ */ g(w, {
|
|
78
|
-
role: "option",
|
|
79
|
-
"aria-selected": u,
|
|
80
|
-
tabIndex: -1,
|
|
81
|
-
onClick: d,
|
|
82
|
-
children: [
|
|
83
|
-
/* @__PURE__ */ g(T, { children: [/* @__PURE__ */ g(E, { children: [/* @__PURE__ */ h(s, {
|
|
84
|
-
size: "xs",
|
|
85
|
-
children: t
|
|
86
|
-
}), n && /* @__PURE__ */ h(c, {
|
|
87
|
-
colour: "neutral",
|
|
88
|
-
children: n
|
|
89
|
-
})] }), u && /* @__PURE__ */ h(i, {
|
|
90
|
-
size: "md",
|
|
91
|
-
color: "secondary"
|
|
92
|
-
})] }),
|
|
93
|
-
r && /* @__PURE__ */ h(D, { children: r }),
|
|
94
|
-
a && /* @__PURE__ */ h(O, { children: a })
|
|
95
|
-
]
|
|
96
|
-
});
|
|
97
|
-
}, N = (e) => {
|
|
98
|
-
let t = p(null), [n, r] = m(0);
|
|
99
|
-
return f(() => {
|
|
100
|
-
let i = t.current;
|
|
101
|
-
if (!i) return;
|
|
102
|
-
let a = (t) => {
|
|
103
|
-
let a = i.querySelectorAll("[role=\"option\"]");
|
|
104
|
-
a.length && (t.key === "ArrowDown" ? (t.preventDefault(), r((e) => (e + 1) % a.length)) : t.key === "ArrowUp" ? (t.preventDefault(), r((e) => (e - 1 + a.length) % a.length)) : t.key === "Enter" ? (t.preventDefault(), a[n]?.click()) : t.key === "Escape" && (t.preventDefault(), document.getElementById(e)?.hidePopover?.()));
|
|
105
|
-
};
|
|
106
|
-
return i.addEventListener("keydown", a), () => i.removeEventListener("keydown", a);
|
|
107
|
-
}, [n, e]), f(() => {
|
|
108
|
-
let e = t.current;
|
|
109
|
-
if (!e) return;
|
|
110
|
-
let r = e.querySelectorAll("[role=\"option\"]");
|
|
111
|
-
r.forEach((e, t) => {
|
|
112
|
-
e.setAttribute("tabindex", t === n ? "0" : "-1");
|
|
113
|
-
}), r[n]?.focus();
|
|
114
|
-
}, [n]), f(() => {
|
|
115
|
-
let n = document.getElementById(e);
|
|
116
|
-
if (!n) return;
|
|
117
|
-
let i = new MutationObserver(() => {
|
|
118
|
-
if (n.matches(":popover-open")) {
|
|
119
|
-
let e = t.current?.querySelectorAll("[role=\"option\"]");
|
|
120
|
-
e && e.length > 0 && (r(0), e[0].focus());
|
|
121
|
-
}
|
|
122
|
-
});
|
|
123
|
-
return i.observe(n, {
|
|
124
|
-
attributes: !0,
|
|
125
|
-
attributeFilter: ["popover"]
|
|
126
|
-
}), () => i.disconnect();
|
|
127
|
-
}, [e]), t;
|
|
128
|
-
}, P = (e, t) => {
|
|
129
|
-
let n = [], r = (e) => {
|
|
130
|
-
if (e) {
|
|
131
|
-
if (Array.isArray(e)) e.forEach(r);
|
|
132
|
-
else if (typeof e == "object" && "props" in e) {
|
|
133
|
-
let t = e.props;
|
|
134
|
-
e.type === M && t.selected && n.push({
|
|
135
|
-
value: t.value,
|
|
136
|
-
label: t.label
|
|
137
|
-
}), e.type === k && r(t.children);
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
};
|
|
141
|
-
return r(e), !t && n.length > 1 ? [n[0]] : n;
|
|
142
|
-
}, F = (e) => {
|
|
143
|
-
let t = 0, n = (e) => {
|
|
144
|
-
if (e) {
|
|
145
|
-
if (Array.isArray(e)) e.forEach(n);
|
|
146
|
-
else if (typeof e == "object" && "props" in e) {
|
|
147
|
-
let r = e.props;
|
|
148
|
-
e.type === M && (t += 1), e.type === k && n(r.children);
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
};
|
|
152
|
-
return n(e), t;
|
|
153
|
-
};
|
|
154
|
-
//#endregion
|
|
155
|
-
//#region src/lab/select-custom/select-custom.tsx
|
|
156
|
-
function I({ id: e, size: r = "medium", label: i, children: c, helperText: u, errorMessage: d, isMultiple: p = !1, isClearable: S = !1, isRequired: C = !1, isDisabled: w = !1, popoverMaxHeight: T, popoverPlacement: E }) {
|
|
157
|
-
let [D, O] = m(() => P(c, p)), [k, j] = m(0), M = `select-popover-${e.replace(/\s+/g, "-").toLowerCase()}`, I = `select-input-${e.replace(/\s+/g, "-").toLowerCase()}`, L = N(M), R = () => {
|
|
158
|
-
document.getElementById(M)?.hidePopover?.();
|
|
159
|
-
}, z = (e) => {
|
|
160
|
-
O((t) => p ? t.find((t) => t.value === e.value) ? t.filter((t) => t.value !== e.value) : [...t, e] : [e]), p || R();
|
|
161
|
-
}, B = () => O([]), V = p ? "" : D[0]?.label || "", H = a.getTriggerProps({
|
|
162
|
-
id: I,
|
|
163
|
-
popoverTarget: M,
|
|
164
|
-
popoverTargetAction: "toggle"
|
|
165
|
-
}), U = `${e}-description`, W = d || u, G = !!d, K = F(c), q = p && D.length >= K;
|
|
166
|
-
return f(() => {
|
|
167
|
-
q && R();
|
|
168
|
-
}, [q]), f(() => {
|
|
169
|
-
let e = document.getElementById(I);
|
|
170
|
-
if (!e) return;
|
|
171
|
-
let t = () => j(e.offsetWidth);
|
|
172
|
-
t();
|
|
173
|
-
let n = new ResizeObserver(t);
|
|
174
|
-
return n.observe(e), () => n.disconnect();
|
|
175
|
-
}, [I]), /* @__PURE__ */ g(_, {
|
|
176
|
-
id: e,
|
|
177
|
-
children: [
|
|
178
|
-
i && /* @__PURE__ */ h(s, {
|
|
179
|
-
size: r === "large" ? "sm" : "xs",
|
|
180
|
-
isRequired: C,
|
|
181
|
-
children: i
|
|
182
|
-
}),
|
|
183
|
-
/* @__PURE__ */ g(v, {
|
|
184
|
-
variant: "secondary",
|
|
185
|
-
size: r,
|
|
186
|
-
...H,
|
|
187
|
-
type: "button",
|
|
188
|
-
role: "combobox",
|
|
189
|
-
"aria-expanded": "false",
|
|
190
|
-
"aria-disabled": w || q,
|
|
191
|
-
"aria-describedby": W ? U : void 0,
|
|
192
|
-
"aria-invalid": G || !1,
|
|
193
|
-
children: [V ? /* @__PURE__ */ h(y, { children: /* @__PURE__ */ h(l, {
|
|
194
|
-
as: "span",
|
|
195
|
-
colour: "primary",
|
|
196
|
-
font: "text-xs/regular",
|
|
197
|
-
overflow: "truncate",
|
|
198
|
-
children: V
|
|
199
|
-
}) }) : /* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(l, {
|
|
200
|
-
as: "span",
|
|
201
|
-
colour: "placeholder",
|
|
202
|
-
font: "text-xs/regular",
|
|
203
|
-
overflow: "truncate",
|
|
204
|
-
children: "Select an option"
|
|
205
|
-
}) }), S && !p && D.length > 0 ? /* @__PURE__ */ h(n, {
|
|
206
|
-
color: "primary",
|
|
207
|
-
size: "sm",
|
|
208
|
-
onClick: (e) => {
|
|
209
|
-
e.stopPropagation(), B();
|
|
210
|
-
}
|
|
211
|
-
}) : /* @__PURE__ */ h(t, {
|
|
212
|
-
size: "sm",
|
|
213
|
-
color: "primary"
|
|
214
|
-
})]
|
|
215
|
-
}),
|
|
216
|
-
/* @__PURE__ */ h(a, {
|
|
217
|
-
id: M,
|
|
218
|
-
anchorId: I,
|
|
219
|
-
placement: E || "bottom-start",
|
|
220
|
-
popover: "auto",
|
|
221
|
-
className: x,
|
|
222
|
-
maxHeight: T,
|
|
223
|
-
style: { minWidth: k },
|
|
224
|
-
gap: "var(--spacing-1)",
|
|
225
|
-
children: /* @__PURE__ */ h(A.Provider, {
|
|
226
|
-
value: {
|
|
227
|
-
selectedValues: D,
|
|
228
|
-
onSelect: z,
|
|
229
|
-
isMultiple: p
|
|
230
|
-
},
|
|
231
|
-
children: /* @__PURE__ */ h("ul", {
|
|
232
|
-
role: "listbox",
|
|
233
|
-
ref: L,
|
|
234
|
-
tabIndex: -1,
|
|
235
|
-
children: c
|
|
236
|
-
})
|
|
237
|
-
})
|
|
238
|
-
}),
|
|
239
|
-
W && /* @__PURE__ */ h(s, {
|
|
240
|
-
id: U,
|
|
241
|
-
size: "xs",
|
|
242
|
-
"data-error": !!G,
|
|
243
|
-
children: W
|
|
244
|
-
}),
|
|
245
|
-
p && D.length > 0 && /* @__PURE__ */ h(o, {
|
|
246
|
-
variant: "selection",
|
|
247
|
-
children: D.map((e, t) => /* @__PURE__ */ h(o.Item, {
|
|
248
|
-
variant: "filter",
|
|
249
|
-
onClick: () => z(e),
|
|
250
|
-
"aria-disabled": w,
|
|
251
|
-
children: e.label
|
|
252
|
-
}, `${e.value}-${t}`))
|
|
253
|
-
})
|
|
254
|
-
]
|
|
255
|
-
});
|
|
256
|
-
}
|
|
257
|
-
I.Group = k, I.Option = M;
|
|
258
|
-
//#endregion
|
|
259
|
-
export { D as ElExperimentalSelectCustomAdditionalInfo1, O as ElExperimentalSelectCustomAdditionalInfo2, _ as ElExperimentalSelectCustomContainer, y as ElExperimentalSelectCustomContent, v as ElExperimentalSelectCustomInputField, T as ElExperimentalSelectCustomLabelContainer, E as ElExperimentalSelectCustomLabelItem, w as ElExperimentalSelectCustomOption, S as ElExperimentalSelectCustomOptionGroup, b as ElExperimentalSelectCustomPlaceholder, M as ExperimentalSelectCustomOption, k as ExperimentalSelectCustomOptionGroup, I as SelectCustom, C as elExperimentalSelectCustomGroupTitle, x as elExperimentalSelectCustomPopover, N as useSelectKeyboardNavigation };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.figma.d.ts","sourceRoot":"","sources":["../../../../../src/core/at-a-glance/card/card.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/** The z-index of the table row's primary action. */
|
|
2
|
-
export declare const TABLE_ROW_PRIMARY_ACTION_Z_INDEX = 1;
|
|
3
|
-
/**
|
|
4
|
-
* The z-index of other interactive elements in the table row. Must be greater than
|
|
5
|
-
* row's primary action z-index, otherwise the row's primary action will cover the other
|
|
6
|
-
* interactive elements and they will not be clickable.
|
|
7
|
-
*/
|
|
8
|
-
export declare const TABLE_ROW_INTERACTIVE_ELEMENT_Z_INDEX = 2;
|
|
9
|
-
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/core/table/constants.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,eAAO,MAAM,gCAAgC,IAAI,CAAA;AAEjD;;;;GAIG;AACH,eAAO,MAAM,qCAAqC,IAAI,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search-input.test.d.ts","sourceRoot":"","sources":["../../../../../src/lab/search-input/__tests__/search-input.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lab/search-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { FC, InputHTMLAttributes } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Props for the SearchInput component.
|
|
4
|
-
*/
|
|
5
|
-
export interface SearchInputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
6
|
-
/**
|
|
7
|
-
* Controls the size of the search input.
|
|
8
|
-
* @default "medium"
|
|
9
|
-
*/
|
|
10
|
-
inputSize?: 'small' | 'medium' | 'large';
|
|
11
|
-
/**
|
|
12
|
-
* If `true`, the input will be disabled and changes will be ignored.
|
|
13
|
-
* @default false
|
|
14
|
-
*/
|
|
15
|
-
isDisabled?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Callback fired whenever the input value changes or when the clear button is pressed.
|
|
18
|
-
* Considered unstable because it may be removed in future when the component is standardised
|
|
19
|
-
* in `@reapit/elements/core`.
|
|
20
|
-
*/
|
|
21
|
-
unstable_onSearch?: (value: string) => void;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* A controlled search input component with:
|
|
25
|
-
* - A leading search icon (visible when the field is empty).
|
|
26
|
-
* - A clear button (visible when the field has a value).
|
|
27
|
-
* - Support for custom sizes and disabled state.
|
|
28
|
-
*
|
|
29
|
-
* @deprecated
|
|
30
|
-
*/
|
|
31
|
-
export declare const SearchInput: FC<SearchInputProps>;
|
|
32
|
-
//# sourceMappingURL=search-input.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../../src/lab/search-input/search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,EAAe,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAMtE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoC5C,CAAA"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: import("react").FC<import("./search-input").SearchInputProps>;
|
|
5
|
-
argTypes: {
|
|
6
|
-
inputSize: {
|
|
7
|
-
control: "radio";
|
|
8
|
-
options: string[];
|
|
9
|
-
};
|
|
10
|
-
isDisabled: {
|
|
11
|
-
control: "boolean";
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
type Story = StoryObj<typeof meta>;
|
|
17
|
-
/**
|
|
18
|
-
* Renders a `SearchInput` with the default configuration:
|
|
19
|
-
* - `inputSize` = `"medium"`
|
|
20
|
-
* - `isDisabled` = `false`
|
|
21
|
-
*/
|
|
22
|
-
export declare const Default: Story;
|
|
23
|
-
/**
|
|
24
|
-
* Renders a `SearchInput` in a disabled state:
|
|
25
|
-
* - `isDisabled` = `true`
|
|
26
|
-
* - User interaction is blocked.
|
|
27
|
-
*/
|
|
28
|
-
export declare const IsDisabled: Story;
|
|
29
|
-
/**
|
|
30
|
-
* Renders a `SearchInput` with a larger input field:
|
|
31
|
-
* - `inputSize` = `"large"`
|
|
32
|
-
*/
|
|
33
|
-
export declare const SizeLarge: Story;
|
|
34
|
-
//# sourceMappingURL=search-input.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search-input.stories.d.ts","sourceRoot":"","sources":["../../../../src/lab/search-input/search-input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAY0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAA"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare const ElExperimentalSearchInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
|
2
|
-
export declare const ElExperimentalSearchInputContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
3
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/lab/search-input/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,8KAiBrC,CAAA;AAED,eAAO,MAAM,kCAAkC,qKA4D9C,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"helper.test.d.ts","sourceRoot":"","sources":["../../../../../src/lab/select-custom/__tests__/helper.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"select-custom.test.d.ts","sourceRoot":"","sources":["../../../../../src/lab/select-custom/__tests__/select-custom.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Represents an item that can be selected in the custom select component.
|
|
3
|
-
*/
|
|
4
|
-
export interface SelectedItem {
|
|
5
|
-
/** The value of the selected item */
|
|
6
|
-
value: string;
|
|
7
|
-
/** The label displayed for the selected item */
|
|
8
|
-
label: string;
|
|
9
|
-
}
|
|
10
|
-
export declare namespace SelectCustomContext {
|
|
11
|
-
interface Value {
|
|
12
|
-
/** Currently selected items */
|
|
13
|
-
selectedValues: SelectedItem[];
|
|
14
|
-
/** Function to select or deselect an item */
|
|
15
|
-
onSelect: (item: SelectedItem) => void;
|
|
16
|
-
/** Determines if multiple selections are allowed */
|
|
17
|
-
isMultiple: boolean;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Context provided to `Option` and `Group` components within `SelectCustom`.
|
|
22
|
-
* Manages selection state and behavior for the custom select component.
|
|
23
|
-
*/
|
|
24
|
-
export declare const SelectCustomContext: import("react").Context<SelectCustomContext.Value>;
|
|
25
|
-
/**
|
|
26
|
-
* Returns the current SelectCustomContext value.
|
|
27
|
-
*/
|
|
28
|
-
export declare function useSelectCustomContext(): SelectCustomContext.Value;
|
|
29
|
-
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/lab/select-custom/context.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAK;QACpB,+BAA+B;QAC/B,cAAc,EAAE,YAAY,EAAE,CAAA;QAC9B,6CAA6C;QAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;QACtC,oDAAoD;QACpD,UAAU,EAAE,OAAO,CAAA;KACpB;CACF;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,oDAI9B,CAAA;AAEF;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,mBAAmB,CAAC,KAAK,CAElE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"group.test.d.ts","sourceRoot":"","sources":["../../../../../../src/lab/select-custom/group/__tests__/group.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../../../src/lab/select-custom/group/group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIrC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,mCAAmC,EAAE,EAAE,CAAC,gBAAgB,CAOpE,CAAA"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: import("react").FC<import("./group").OptionGroupProps>;
|
|
5
|
-
argTypes: {
|
|
6
|
-
label: {
|
|
7
|
-
control: "text";
|
|
8
|
-
description: string;
|
|
9
|
-
};
|
|
10
|
-
children: {
|
|
11
|
-
control: false;
|
|
12
|
-
description: string;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
type Story = StoryObj<typeof meta>;
|
|
18
|
-
/**
|
|
19
|
-
* Default story for the `Group` component.
|
|
20
|
-
*
|
|
21
|
-
* Displays a group labeled "Group 1" containing two options.
|
|
22
|
-
*/
|
|
23
|
-
export declare const Default: Story;
|
|
24
|
-
//# sourceMappingURL=group.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"group.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lab/select-custom/group/group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAakD,CAAA;AAE5D,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lab/select-custom/group/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/** Extract initial selected values from children Option components */
|
|
2
|
-
import type { ReactNode } from 'react';
|
|
3
|
-
import type { SelectedItem } from './context';
|
|
4
|
-
/**
|
|
5
|
-
* Extracts the initially selected values from a tree of Option and Group components.
|
|
6
|
-
* Traverses the ReactNode children recursively to find Option components with the `selected` prop.
|
|
7
|
-
*
|
|
8
|
-
* @param {ReactNode} children - The children nodes of the Select component (can include Option and Group components).
|
|
9
|
-
* @param {boolean} isMultiple - Indicates if multiple selections are allowed.
|
|
10
|
-
* If false, only the first selected value is returned.
|
|
11
|
-
* @returns {SelectedItem[]} An array of selected items, each containing `value` and `label`.
|
|
12
|
-
*/
|
|
13
|
-
export declare const getInitialSelected: (children: ReactNode, isMultiple: boolean) => SelectedItem[];
|
|
14
|
-
/**
|
|
15
|
-
* Counts the total number of Option components within a tree of ReactNode children.
|
|
16
|
-
* Useful for determining if all options are selected to potentially disable the Select component.
|
|
17
|
-
*
|
|
18
|
-
* @param {ReactNode} nodes - The children nodes of the Select component (can include Option and Group components).
|
|
19
|
-
* @returns {number} The total count of Option components.
|
|
20
|
-
*/
|
|
21
|
-
export declare const getTotalOptions: (nodes: ReactNode) => number;
|
|
22
|
-
//# sourceMappingURL=helper.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../src/lab/select-custom/helper.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAI7C;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,SAAS,EAAE,YAAY,OAAO,KAAG,YAAY,EAwBzF,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS,KAAG,MAgBlD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lab/select-custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kCAAkC,CAAA;AAChD,cAAc,UAAU,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"option.test.d.ts","sourceRoot":"","sources":["../../../../../../src/lab/select-custom/option/__tests__/option.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lab/select-custom/option/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ReactNode, FC } from 'react';
|
|
2
|
-
export interface OptionProps {
|
|
3
|
-
value: string;
|
|
4
|
-
label: string;
|
|
5
|
-
badge?: string;
|
|
6
|
-
additionalInfo1?: ReactNode;
|
|
7
|
-
additionalInfo2?: ReactNode;
|
|
8
|
-
selected?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const ExperimentalSelectCustomOption: FC<OptionProps>;
|
|
11
|
-
//# sourceMappingURL=option.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../../../src/lab/select-custom/option/option.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAerC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAAC,WAAW,CA6B1D,CAAA"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: import("react").FC<import("./option").OptionProps>;
|
|
5
|
-
argTypes: {
|
|
6
|
-
value: {
|
|
7
|
-
control: "text";
|
|
8
|
-
description: string;
|
|
9
|
-
};
|
|
10
|
-
label: {
|
|
11
|
-
control: "text";
|
|
12
|
-
description: string;
|
|
13
|
-
};
|
|
14
|
-
badge: {
|
|
15
|
-
control: "text";
|
|
16
|
-
description: string;
|
|
17
|
-
};
|
|
18
|
-
additionalInfo1: {
|
|
19
|
-
control: "radio";
|
|
20
|
-
description: string;
|
|
21
|
-
options: string[];
|
|
22
|
-
mapping: {
|
|
23
|
-
Default: import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
'Additional Info 1': import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
'Additional Info 2': import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
additionalInfo2: {
|
|
29
|
-
control: "radio";
|
|
30
|
-
description: string;
|
|
31
|
-
options: string[];
|
|
32
|
-
mapping: {
|
|
33
|
-
Default: import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
'Additional Info 1': import("react/jsx-runtime").JSX.Element;
|
|
35
|
-
'Additional Info 2': import("react/jsx-runtime").JSX.Element;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
selected: {
|
|
39
|
-
control: false;
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
export default meta;
|
|
44
|
-
type Story = StoryObj<typeof meta>;
|
|
45
|
-
/**
|
|
46
|
-
* Default story for the `Option` component.
|
|
47
|
-
* Displays a basic option with only a value and label.
|
|
48
|
-
*/
|
|
49
|
-
export declare const Default: Story;
|
|
50
|
-
/**
|
|
51
|
-
* Custom usage story for the `Option` component.
|
|
52
|
-
* Demonstrates how to use badges and additional info JSX elements.
|
|
53
|
-
*/
|
|
54
|
-
export declare const CustomUsage: Story;
|
|
55
|
-
//# sourceMappingURL=option.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"option.stories.d.ts","sourceRoot":"","sources":["../../../../../src/lab/select-custom/option/option.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgE6C,CAAA;AAEvD,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA"}
|