@thewhatmatters/wmds 0.4.9 → 0.4.28
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 +303 -0
- package/CONSUMING.md +62 -1
- package/README.md +1 -1
- package/bin/wmds-check.mjs +47 -0
- package/dist/colors.css +92 -0
- package/dist/components/atoms/Badge/Badge.d.ts +13 -5
- package/dist/components/atoms/Badge/Badge.d.ts.map +1 -1
- package/dist/components/atoms/Badge/Badge.js +56 -48
- package/dist/components/atoms/Badge/badgeStyles.d.ts +15 -0
- package/dist/components/atoms/Badge/badgeStyles.d.ts.map +1 -1
- package/dist/components/atoms/Badge/badgeStyles.js +42 -20
- package/dist/components/atoms/Band/Band.d.ts +27 -0
- package/dist/components/atoms/Band/Band.d.ts.map +1 -0
- package/dist/components/atoms/Band/Band.js +22 -0
- package/dist/components/atoms/Band/bandStyles.d.ts +20 -0
- package/dist/components/atoms/Band/bandStyles.d.ts.map +1 -0
- package/dist/components/atoms/Band/bandStyles.js +23 -0
- package/dist/components/atoms/Button/Button.d.ts +1 -1
- package/dist/components/atoms/Button/Button.d.ts.map +1 -1
- package/dist/components/atoms/Button/Button.js +67 -48
- package/dist/components/atoms/Button/ButtonStatusButton.d.ts.map +1 -1
- package/dist/components/atoms/Button/ButtonStatusButton.js +12 -5
- package/dist/components/atoms/Button/buttonStatusMotion.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonStatusMotion.js +6 -1
- package/dist/components/atoms/Button/buttonStyles.d.ts +2 -2
- package/dist/components/atoms/Button/buttonStyles.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonStyles.js +16 -14
- package/dist/components/atoms/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.js +69 -68
- package/dist/components/atoms/Checkbox/checkboxStyles.d.ts +1 -1
- package/dist/components/atoms/Checkbox/checkboxStyles.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/checkboxStyles.js +1 -1
- package/dist/components/atoms/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/atoms/IconButton/IconButton.js +13 -12
- package/dist/components/atoms/IconButton/iconButtonStyles.d.ts +2 -2
- package/dist/components/atoms/IconButton/iconButtonStyles.d.ts.map +1 -1
- package/dist/components/atoms/IconButton/iconButtonStyles.js +1 -1
- package/dist/components/atoms/InlinePill/InlinePill.d.ts +42 -0
- package/dist/components/atoms/InlinePill/InlinePill.d.ts.map +1 -0
- package/dist/components/atoms/InlinePill/InlinePill.js +48 -0
- package/dist/components/atoms/InlinePill/inlinePillStyles.d.ts +27 -0
- package/dist/components/atoms/InlinePill/inlinePillStyles.d.ts.map +1 -0
- package/dist/components/atoms/InlinePill/inlinePillStyles.js +19 -0
- package/dist/components/atoms/Input/Input.d.ts +9 -4
- package/dist/components/atoms/Input/Input.d.ts.map +1 -1
- package/dist/components/atoms/Input/Input.js +59 -59
- package/dist/components/atoms/Input/inputShellStyles.d.ts +10 -4
- package/dist/components/atoms/Input/inputShellStyles.d.ts.map +1 -1
- package/dist/components/atoms/Input/inputShellStyles.js +40 -40
- package/dist/components/atoms/RiveHand/RiveHand.d.ts.map +1 -1
- package/dist/components/atoms/RiveHand/RiveHand.js +83 -81
- package/dist/components/atoms/Skeleton/skeletonStyles.js +1 -1
- package/dist/components/atoms/Switch/Switch.d.ts.map +1 -1
- package/dist/components/atoms/Switch/Switch.js +45 -44
- package/dist/components/atoms/Switch/switchStyles.d.ts +1 -1
- package/dist/components/atoms/Switch/switchStyles.d.ts.map +1 -1
- package/dist/components/atoms/Switch/switchStyles.js +1 -1
- package/dist/components/atoms/Table/Table.d.ts +54 -0
- package/dist/components/atoms/Table/Table.d.ts.map +1 -0
- package/dist/components/atoms/Table/Table.js +66 -0
- package/dist/components/atoms/Table/tableStyles.d.ts +18 -0
- package/dist/components/atoms/Table/tableStyles.d.ts.map +1 -0
- package/dist/components/atoms/Table/tableStyles.js +14 -0
- package/dist/components/atoms/TextArea/TextArea.d.ts +6 -0
- package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.js +86 -78
- package/dist/components/atoms/TextArea/textareaShellStyles.d.ts +2 -2
- package/dist/components/atoms/TextArea/textareaShellStyles.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/textareaShellStyles.js +5 -5
- package/dist/components/molecules/Accordion/accordionStyles.d.ts +1 -1
- package/dist/components/molecules/Accordion/accordionStyles.d.ts.map +1 -1
- package/dist/components/molecules/Accordion/accordionStyles.js +1 -1
- package/dist/components/molecules/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/components/molecules/Breadcrumb/Breadcrumb.js +80 -122
- package/dist/components/molecules/Card/Card.d.ts +28 -6
- package/dist/components/molecules/Card/Card.d.ts.map +1 -1
- package/dist/components/molecules/Card/Card.js +83 -42
- package/dist/components/molecules/Card/cardStyles.d.ts +16 -1
- package/dist/components/molecules/Card/cardStyles.d.ts.map +1 -1
- package/dist/components/molecules/Card/cardStyles.js +19 -5
- package/dist/components/molecules/ChatQa/chatQaStyles.d.ts +1 -1
- package/dist/components/molecules/ChatQa/chatQaStyles.d.ts.map +1 -1
- package/dist/components/molecules/ChatQa/chatQaStyles.js +1 -1
- package/dist/components/molecules/Chip/chipStyles.js +9 -9
- package/dist/components/molecules/CopyField/CopyField.d.ts +41 -0
- package/dist/components/molecules/CopyField/CopyField.d.ts.map +1 -0
- package/dist/components/molecules/CopyField/CopyField.js +120 -0
- package/dist/components/molecules/CopyField/copyFieldStyles.d.ts +28 -0
- package/dist/components/molecules/CopyField/copyFieldStyles.d.ts.map +1 -0
- package/dist/components/molecules/CopyField/copyFieldStyles.js +7 -0
- package/dist/components/molecules/DisplayControls/DisplayControls.d.ts +16 -7
- package/dist/components/molecules/DisplayControls/DisplayControls.d.ts.map +1 -1
- package/dist/components/molecules/DisplayControls/DisplayControls.js +41 -39
- package/dist/components/molecules/DisplayControls/displayControlsState.d.ts +21 -0
- package/dist/components/molecules/DisplayControls/displayControlsState.d.ts.map +1 -1
- package/dist/components/molecules/DisplayControls/displayControlsState.js +46 -4
- package/dist/components/molecules/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/molecules/Dropdown/DropdownItem.d.ts +2 -2
- package/dist/components/molecules/Dropdown/DropdownItem.d.ts.map +1 -1
- package/dist/components/molecules/Dropdown/DropdownItem.js +30 -27
- package/dist/components/molecules/Dropdown/dropdownStyles.js +1 -1
- package/dist/components/molecules/Dropdown/resolveOverflow.d.ts +14 -0
- package/dist/components/molecules/Dropdown/resolveOverflow.d.ts.map +1 -0
- package/dist/components/{organisms/Tab/tabOverflow.js → molecules/Dropdown/resolveOverflow.js} +2 -2
- package/dist/components/molecules/Dropdown/useDropdownMenu.d.ts +70 -0
- package/dist/components/molecules/Dropdown/useDropdownMenu.d.ts.map +1 -0
- package/dist/components/molecules/Dropdown/useDropdownMenu.js +155 -0
- package/dist/components/molecules/Dropdown/useOverflowMenu.d.ts +71 -0
- package/dist/components/molecules/Dropdown/useOverflowMenu.d.ts.map +1 -0
- package/dist/components/molecules/Dropdown/useOverflowMenu.js +61 -0
- package/dist/components/molecules/Field/Field.d.ts.map +1 -1
- package/dist/components/molecules/Field/Field.js +11 -10
- package/dist/components/molecules/LogView/LogView.d.ts +31 -0
- package/dist/components/molecules/LogView/LogView.d.ts.map +1 -0
- package/dist/components/molecules/LogView/LogView.js +109 -0
- package/dist/components/molecules/LogView/logViewStyles.d.ts +11 -0
- package/dist/components/molecules/LogView/logViewStyles.d.ts.map +1 -0
- package/dist/components/molecules/LogView/logViewStyles.js +6 -0
- package/dist/components/molecules/NavList/NavList.d.ts +23 -4
- package/dist/components/molecules/NavList/NavList.d.ts.map +1 -1
- package/dist/components/molecules/NavList/NavList.js +65 -52
- package/dist/components/molecules/NavList/navListStyles.d.ts +2 -0
- package/dist/components/molecules/NavList/navListStyles.d.ts.map +1 -1
- package/dist/components/molecules/NavList/navListStyles.js +3 -3
- package/dist/components/molecules/PageHeader/PageHeader.js +3 -3
- package/dist/components/molecules/PillGroup/pillGroupStyles.js +1 -1
- package/dist/components/molecules/Search/searchStyles.js +1 -1
- package/dist/components/molecules/SegmentedControl/segmentedControlStyles.d.ts +1 -1
- package/dist/components/molecules/SegmentedControl/segmentedControlStyles.d.ts.map +1 -1
- package/dist/components/molecules/SegmentedControl/segmentedControlStyles.js +8 -8
- package/dist/components/molecules/Select/Select.d.ts +3 -1
- package/dist/components/molecules/Select/Select.d.ts.map +1 -1
- package/dist/components/molecules/Select/Select.js +75 -119
- package/dist/components/molecules/Select/selectStyles.js +3 -3
- package/dist/components/molecules/Stat/Stat.d.ts +31 -5
- package/dist/components/molecules/Stat/Stat.d.ts.map +1 -1
- package/dist/components/molecules/Stat/Stat.js +83 -49
- package/dist/components/molecules/Stat/statStyles.d.ts +24 -4
- package/dist/components/molecules/Stat/statStyles.d.ts.map +1 -1
- package/dist/components/molecules/Stat/statStyles.js +30 -13
- package/dist/components/molecules/TaskRows/TaskRows.d.ts +13 -3
- package/dist/components/molecules/TaskRows/TaskRows.d.ts.map +1 -1
- package/dist/components/molecules/TaskRows/TaskRows.js +81 -57
- package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts +54 -0
- package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts.map +1 -0
- package/dist/components/molecules/TaskRows/TaskRowsTable.js +200 -0
- package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts +19 -1
- package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts.map +1 -1
- package/dist/components/molecules/TaskRows/taskRowsStyles.js +7 -3
- package/dist/components/molecules/TextSequence/TextSequence.d.ts.map +1 -1
- package/dist/components/molecules/TextSequence/TextSequence.js +35 -35
- package/dist/components/organisms/AppShell/AppShell.d.ts +84 -0
- package/dist/components/organisms/AppShell/AppShell.d.ts.map +1 -0
- package/dist/components/organisms/AppShell/AppShell.js +231 -0
- package/dist/components/organisms/AppShell/appShellStyles.d.ts +20 -0
- package/dist/components/organisms/AppShell/appShellStyles.d.ts.map +1 -0
- package/dist/components/organisms/AppShell/appShellStyles.js +8 -0
- package/dist/components/organisms/Carousel/Carousel.d.ts +9 -1
- package/dist/components/organisms/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/Carousel.js +220 -182
- package/dist/components/organisms/Carousel/carouselMath.d.ts +5 -0
- package/dist/components/organisms/Carousel/carouselMath.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/carouselMath.js +9 -1
- package/dist/components/organisms/Carousel/carouselStyles.d.ts +2 -0
- package/dist/components/organisms/Carousel/carouselStyles.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/carouselStyles.js +8 -7
- package/dist/components/organisms/Chart/Chart.d.ts +5 -1
- package/dist/components/organisms/Chart/Chart.d.ts.map +1 -1
- package/dist/components/organisms/Chart/Chart.js +126 -62
- package/dist/components/organisms/Chart/ChartLegend.d.ts +8 -1
- package/dist/components/organisms/Chart/ChartLegend.d.ts.map +1 -1
- package/dist/components/organisms/Chart/ChartLegend.js +43 -13
- package/dist/components/organisms/Chart/ChartSegmentedRing.d.ts +52 -0
- package/dist/components/organisms/Chart/ChartSegmentedRing.d.ts.map +1 -0
- package/dist/components/organisms/Chart/ChartSegmentedRing.js +95 -0
- package/dist/components/organisms/Chart/chartStyles.d.ts +32 -0
- package/dist/components/organisms/Chart/chartStyles.d.ts.map +1 -1
- package/dist/components/organisms/Chart/chartStyles.js +15 -3
- package/dist/components/organisms/ChatDock/ChatDock.d.ts.map +1 -1
- package/dist/components/organisms/ChatDock/ChatDock.js +29 -25
- package/dist/components/organisms/Dialog/AlertDialog.d.ts +7 -1
- package/dist/components/organisms/Dialog/AlertDialog.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/AlertDialog.js +54 -50
- package/dist/components/organisms/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/Dialog.js +52 -71
- package/dist/components/organisms/Dialog/OverlayPanelHeader.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/OverlayPanelHeader.js +1 -0
- package/dist/components/organisms/Dialog/dialogStyles.d.ts +14 -1
- package/dist/components/organisms/Dialog/dialogStyles.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/dialogStyles.js +3 -3
- package/dist/components/organisms/FilterPanel/FilterPanel.d.ts.map +1 -1
- package/dist/components/organisms/FilterPanel/FilterPanel.js +52 -42
- package/dist/components/organisms/IntakeModal/IntakeModal.d.ts +6 -1
- package/dist/components/organisms/IntakeModal/IntakeModal.d.ts.map +1 -1
- package/dist/components/organisms/IntakeModal/IntakeModal.js +54 -66
- package/dist/components/organisms/MoreMenu/MoreMenu.d.ts.map +1 -1
- package/dist/components/organisms/MoreMenu/MoreMenu.js +45 -101
- package/dist/components/organisms/Panel/Panel.d.ts.map +1 -1
- package/dist/components/organisms/Panel/Panel.js +44 -53
- package/dist/components/organisms/Sheet/Sheet.d.ts +3 -1
- package/dist/components/organisms/Sheet/Sheet.d.ts.map +1 -1
- package/dist/components/organisms/Sheet/Sheet.js +66 -81
- package/dist/components/organisms/Sheet/sheetStyles.d.ts +8 -2
- package/dist/components/organisms/Sheet/sheetStyles.d.ts.map +1 -1
- package/dist/components/organisms/Sheet/sheetStyles.js +16 -11
- package/dist/components/organisms/SiteNav/SiteNav.d.ts +0 -9
- package/dist/components/organisms/SiteNav/SiteNav.d.ts.map +1 -1
- package/dist/components/organisms/SiteNav/SiteNav.js +236 -286
- package/dist/components/organisms/SiteNav/siteNavStyles.js +1 -1
- package/dist/components/organisms/Tab/Tab.d.ts.map +1 -1
- package/dist/components/organisms/Tab/Tab.js +77 -127
- package/dist/components/organisms/Tab/tabStyles.d.ts +2 -1
- package/dist/components/organisms/Tab/tabStyles.d.ts.map +1 -1
- package/dist/components/organisms/Tab/tabStyles.js +7 -7
- package/dist/fonts.css +10 -0
- package/dist/grid.css +38 -0
- package/dist/index.d.ts +16 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +152 -139
- package/dist/lib/chartTheme.d.ts +11 -0
- package/dist/lib/chartTheme.d.ts.map +1 -1
- package/dist/lib/compositionAudit.d.ts.map +1 -1
- package/dist/lib/contrast.d.ts +11 -0
- package/dist/lib/contrast.d.ts.map +1 -0
- package/dist/lib/dialogOverlay.d.ts +34 -1
- package/dist/lib/dialogOverlay.d.ts.map +1 -1
- package/dist/lib/dialogOverlay.js +100 -23
- package/dist/lib/sheetParam/index.d.ts +3 -0
- package/dist/lib/sheetParam/index.d.ts.map +1 -0
- package/dist/lib/sheetParam/sheetParam.d.ts +15 -0
- package/dist/lib/sheetParam/sheetParam.d.ts.map +1 -0
- package/dist/lib/sheetParam/sheetParam.js +26 -0
- package/dist/lib/sheetParam/useSheetParam.d.ts +25 -0
- package/dist/lib/sheetParam/useSheetParam.d.ts.map +1 -0
- package/dist/lib/sheetParam/useSheetParam.js +29 -0
- package/dist/lib/typography.d.ts +1 -1
- package/dist/lib/typography.d.ts.map +1 -1
- package/dist/shape.css +24 -3
- package/dist/styles.css +1 -1
- package/dist/typography.css +55 -8
- package/docs/README.md +1 -1
- package/docs/component-contracts.md +101 -0
- package/docs/components.md +19 -12
- package/docs/exports.json +142 -15
- package/docs/patterns/components-accordion--flush.tsx +1 -1
- package/docs/patterns/components-appshell--portal-dashboard-pattern.tsx +176 -0
- package/docs/patterns/components-avatar--dropdown-row.tsx +1 -1
- package/docs/patterns/components-badge--outline-tags.tsx +1 -1
- package/docs/patterns/components-badge--status-pill.tsx +31 -0
- package/docs/patterns/components-badge--with-avatar.tsx +1 -1
- package/docs/patterns/components-band--page-in-bands.tsx +39 -0
- package/docs/patterns/components-breadcrumb--editorial.tsx +1 -1
- package/docs/patterns/components-breadcrumb--long-path.tsx +1 -1
- package/docs/patterns/components-breadcrumb--path.tsx +1 -1
- package/docs/patterns/components-breadcrumb--router-links.tsx +1 -1
- package/docs/patterns/components-button-button--copy-button.tsx +1 -1
- package/docs/patterns/components-button-button--destructive-action.tsx +1 -1
- package/docs/patterns/components-button-button--external-link.tsx +1 -1
- package/docs/patterns/components-button-button--ghost-action.tsx +1 -1
- package/docs/patterns/components-button-button--inverse-action.tsx +1 -1
- package/docs/patterns/components-button-button--link-render.tsx +1 -1
- package/docs/patterns/components-button-button--multi-state-badge.tsx +1 -1
- package/docs/patterns/components-button-button--outline-mono.tsx +1 -1
- package/docs/patterns/components-button-button--primary-action.tsx +1 -1
- package/docs/patterns/components-button-button--row-hug.tsx +1 -1
- package/docs/patterns/components-button-button--row-layout.tsx +1 -1
- package/docs/patterns/components-button-button--secondary-action.tsx +1 -1
- package/docs/patterns/components-button-button--suggestion-pills.tsx +1 -1
- package/docs/patterns/components-button-button--with-count.tsx +1 -1
- package/docs/patterns/components-button-button--with-icon.tsx +1 -1
- package/docs/patterns/components-button-floatingactionbutton--vertical-actions.tsx +1 -1
- package/docs/patterns/components-calembed--pattern-skip-in-footer.tsx +1 -1
- package/docs/patterns/components-card-card--body-slot-occupancy-history.tsx +1 -1
- package/docs/patterns/components-card-card--headerless-media.tsx +1 -1
- package/docs/patterns/components-card-card--outlined-layout.tsx +1 -1
- package/docs/patterns/components-card-card--pinned-height.tsx +1 -1
- package/docs/patterns/components-card-card--terminal-frame.tsx +48 -0
- package/docs/patterns/components-card-selectablecard--selectable-cards-pattern.tsx +1 -1
- package/docs/patterns/components-carousel--image-carousel.tsx +1 -1
- package/docs/patterns/components-chart--audience-activity-heatmap.tsx +1 -1
- package/docs/patterns/components-chart--cartesian-no-data-gaps.tsx +1 -1
- package/docs/patterns/components-chart--occupancy-history-in-card.tsx +1 -1
- package/docs/patterns/components-chart--occupancy-in-card.tsx +1 -1
- package/docs/patterns/components-chart--post-reach-distribution.tsx +1 -1
- package/docs/patterns/components-chart--ranked-audience-breakdown.tsx +1 -1
- package/docs/patterns/components-chart--revenue-by-line.tsx +68 -0
- package/docs/patterns/components-chart--segmented-ring-pattern.tsx +144 -0
- package/docs/patterns/components-chart--unit-grid-composition.tsx +1 -1
- package/docs/patterns/components-chatdock--pattern-chat-dock.tsx +1 -1
- package/docs/patterns/components-chatdock--pattern-start-project-gate.tsx +1 -1
- package/docs/patterns/components-chatqa--pattern-qa-with-reply.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--default.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--with-count.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--with-description.tsx +1 -1
- package/docs/patterns/components-checkbox-checkboxgroup--default.tsx +1 -1
- package/docs/patterns/components-checkbox-checkboxgroup--option-counts.tsx +1 -1
- package/docs/patterns/components-copyfield--clipboard-blocked.tsx +9 -0
- package/docs/patterns/components-copyfield--copied.tsx +9 -0
- package/docs/patterns/components-copyfield--copy-key.tsx +9 -0
- package/docs/patterns/components-copyfield--on-navy.tsx +29 -0
- package/docs/patterns/components-descriptionlist--details.tsx +1 -1
- package/docs/patterns/components-descriptionlist--post-metadata.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-destructive.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-typed-confirmation.tsx +54 -0
- package/docs/patterns/components-dialog--default-dialog.tsx +1 -1
- package/docs/patterns/components-dialog--form-dialog.tsx +1 -1
- package/docs/patterns/components-displaycontrols--page-utilities.tsx +1 -1
- package/docs/patterns/components-displaycontrols--theme-switch.tsx +35 -0
- package/docs/patterns/components-field--horizontal-input.tsx +1 -1
- package/docs/patterns/components-field--horizontal-text-area.tsx +1 -1
- package/docs/patterns/components-field--multi-control.tsx +1 -1
- package/docs/patterns/components-filterpanel--panel.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-ruled-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-with-gallery-intro.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-page-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--ruled-grid-footer-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--sequenced-marketing-hero.tsx +1 -1
- package/docs/patterns/components-herointro--two-line-intro.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-pattern.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-text-sequence.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-with-gallery-intro.tsx +1 -1
- package/docs/patterns/components-indexlist--post-index.tsx +1 -1
- package/docs/patterns/components-intakeconfirmation--booked-pattern.tsx +1 -1
- package/docs/patterns/components-intakeconfirmation--emailed-pattern.tsx +1 -1
- package/docs/patterns/components-intakeform--about-you-pattern.tsx +1 -1
- package/docs/patterns/components-intakeform--short-form-pattern.tsx +1 -1
- package/docs/patterns/components-intakemodal--intake-modal-pattern.tsx +1 -1
- package/docs/patterns/components-kbd--command-row.tsx +1 -1
- package/docs/patterns/components-kbd--numbered-choices.tsx +1 -1
- package/docs/patterns/components-kbd--shortcut.tsx +1 -1
- package/docs/patterns/components-linktile--resource-tile.tsx +1 -1
- package/docs/patterns/components-linktile--router-link.tsx +1 -1
- package/docs/patterns/components-logview--detail-pane.tsx +80 -0
- package/docs/patterns/components-logview--log-viewer.tsx +20 -0
- package/docs/patterns/components-moremenu--action-menu.tsx +1 -1
- package/docs/patterns/components-moremenu--in-card-header.tsx +1 -1
- package/docs/patterns/components-navlist--app-sidebar.tsx +118 -0
- package/docs/patterns/components-navlist--side-nav-settings.tsx +1 -1
- package/docs/patterns/components-pageheader--app-header-pattern.tsx +1 -1
- package/docs/patterns/components-pageheader--page-section-header.tsx +1 -1
- package/docs/patterns/components-pageheader--toolbar-header.tsx +1 -1
- package/docs/patterns/components-panel--end-detail-rail.tsx +1 -1
- package/docs/patterns/components-pillgroup--pill-group-pattern.tsx +1 -1
- package/docs/patterns/components-promptbar--pattern-prompt-bar.tsx +1 -1
- package/docs/patterns/components-prose--article-body.tsx +1 -1
- package/docs/patterns/components-radio-radiogroup--default.tsx +1 -1
- package/docs/patterns/components-scrollhorizontal--project-gallery-pattern.tsx +1 -1
- package/docs/patterns/components-scrollhorizontal--with-intro.tsx +1 -1
- package/docs/patterns/components-sectioncaption--column-caption.tsx +1 -1
- package/docs/patterns/components-sectioncaption--with-action.tsx +1 -1
- package/docs/patterns/components-sheet--bottom-sheet.tsx +1 -1
- package/docs/patterns/components-sheet--end-sheet.tsx +1 -1
- package/docs/patterns/components-sheet--side-sheet-header-actions.tsx +50 -0
- package/docs/patterns/components-sheet--side-sheet-url-deep-link.tsx +51 -0
- package/docs/patterns/components-sheet--side-sheet.tsx +38 -0
- package/docs/patterns/components-sitenav--brand-and-cta.tsx +1 -1
- package/docs/patterns/components-sitenav--centered-links.tsx +1 -1
- package/docs/patterns/components-sitenav--compact.tsx +1 -1
- package/docs/patterns/components-sitenav--marketing-header.tsx +1 -1
- package/docs/patterns/components-sitenav--mega-menu.tsx +1 -1
- package/docs/patterns/components-stat--hero-stat.tsx +54 -0
- package/docs/patterns/components-stat--insights-row.tsx +1 -1
- package/docs/patterns/components-stepprogress--step-progress-pattern.tsx +1 -1
- package/docs/patterns/components-switch--default.tsx +1 -1
- package/docs/patterns/components-switch--settings-row.tsx +1 -1
- package/docs/patterns/components-tab--settings-pages.tsx +1 -1
- package/docs/patterns/components-table--approvals-with-sheet.tsx +81 -0
- package/docs/patterns/components-table--approvals.tsx +223 -0
- package/docs/patterns/components-table--basic.tsx +60 -0
- package/docs/patterns/components-taskrows--action-details.tsx +1 -1
- package/docs/patterns/components-taskrows--capsules.tsx +1 -1
- package/docs/patterns/components-taskrows--card-with-status-rows.tsx +1 -1
- package/docs/patterns/components-taskrows--controlled-expand.tsx +1 -1
- package/docs/patterns/components-taskrows--custom-slots.tsx +1 -1
- package/docs/patterns/components-taskrows--needs-you-table.tsx +62 -0
- package/docs/patterns/components-taskrows--status-list.tsx +1 -1
- package/docs/patterns/components-taskrows--tag-chips.tsx +1 -1
- package/docs/patterns/components-textarea--save-status.tsx +32 -0
- package/docs/patterns/components-textlink--external-destination.tsx +1 -1
- package/docs/patterns/components-textlink--inline-prose.tsx +1 -1
- package/docs/patterns/components-textlink--quiet-title.tsx +1 -1
- package/docs/patterns/components-textlink--supporting-copy.tsx +1 -1
- package/docs/patterns/components-textsequence--default.tsx +1 -1
- package/docs/patterns/components-textsequence--reduced-motion.tsx +1 -1
- package/docs/patterns/components-textsequence--shapes.tsx +1 -1
- package/docs/patterns/components-tilegrid--masonry.tsx +1 -1
- package/docs/patterns/components-toast--stacked-notifications.tsx +1 -1
- package/docs/patterns/components-tooltip--controlled.tsx +1 -1
- package/docs/patterns/components-tooltip--disabled-control.tsx +1 -1
- package/docs/patterns/components-tooltip--icon-action.tsx +1 -1
- package/docs/patterns/components-tooltip--keyboard-shortcut.tsx +1 -1
- package/docs/patterns/components-tooltip--placement.tsx +1 -1
- package/docs/patterns/foundations-scroll-fade--horizontal-rail.tsx +1 -1
- package/docs/patterns/foundations-scroll-fade--overflowing-list.tsx +1 -1
- package/docs/patterns/guides-chart-explorations--comparison-gallery.tsx +1 -1
- package/docs/patterns/guides-filter-panel--filtered-grid.tsx +1 -1
- package/docs/patterns/guides-filter-panel--filtered-index.tsx +1 -1
- package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
- package/docs/patterns/guides-post-page--post-page.tsx +1 -1
- package/docs/patterns/guides-profile-typography--editorial-profile.tsx +1 -1
- package/docs/patterns/guides-resource-detail--detail.tsx +1 -1
- package/docs/patterns/index.json +193 -1
- package/package.json +1 -1
- package/dist/components/organisms/Tab/tabOverflow.d.ts +0 -14
- package/dist/components/organisms/Tab/tabOverflow.d.ts.map +0 -1
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
|
|
2
|
+
import { type TaskRowsColumn, type TaskRowsRowProps } from "./TaskRowsTable";
|
|
2
3
|
import { type TaskRowStatus, type TaskRowsDetailLayout, type TaskRowsDetailVariant, type TaskRowsVariant } from "./taskRowsStyles";
|
|
3
4
|
export type { TaskRowStatus, TaskRowsDetailLayout, TaskRowsDetailVariant, TaskRowsVariant } from "./taskRowsStyles";
|
|
5
|
+
export type { TaskRowsColumn, TaskRowsRowProps, TaskRowsTableColumnId, TaskRowsTableMetric, TaskRowsTableSource, TaskRowsTableStatus, TaskRowsTableWaiting, } from "./TaskRowsTable";
|
|
6
|
+
export { taskRowsTableColumnIds, taskRowsTableColumnsDefault, taskRowsTableSources, } from "./TaskRowsTable";
|
|
4
7
|
export { taskRowStatuses, taskRowsDetailLayouts, taskRowsDetailVariants, taskRowsVariants, } from "./taskRowsStyles";
|
|
5
8
|
/** Layout-only — not for row colors or status styling overrides. */
|
|
6
9
|
export type TaskRowsLayoutClassName = string;
|
|
@@ -9,11 +12,16 @@ export interface TaskRowsLabels {
|
|
|
9
12
|
failed: string;
|
|
10
13
|
}
|
|
11
14
|
export interface TaskRowsProps extends HTMLAttributes<HTMLDivElement> {
|
|
12
|
-
|
|
13
|
-
|
|
15
|
+
/** Rows. Omit them on `variant="table"` to show `empty`. */
|
|
16
|
+
children?: ReactNode;
|
|
17
|
+
/** `list` — inset panel with dividers. `capsule` — separated rounded rows. `table` — needs-you columns. */
|
|
14
18
|
variant?: TaskRowsVariant;
|
|
15
19
|
/** List only — drop the standalone shell (radius, fill, shadow) inside **Card.Body**. */
|
|
16
20
|
inset?: boolean;
|
|
21
|
+
/** `variant="table"` — column headers. Defaults to Item, Waiting, Metric. */
|
|
22
|
+
columns?: TaskRowsColumn[];
|
|
23
|
+
/** `variant="table"` — shown when there are no rows. Defaults to "Nothing waiting". */
|
|
24
|
+
empty?: ReactNode;
|
|
17
25
|
labels?: Partial<TaskRowsLabels>;
|
|
18
26
|
className?: TaskRowsLayoutClassName;
|
|
19
27
|
}
|
|
@@ -57,11 +65,13 @@ export interface TaskRowsDetailProps {
|
|
|
57
65
|
onPress?: () => void;
|
|
58
66
|
className?: TaskRowsLayoutClassName;
|
|
59
67
|
}
|
|
60
|
-
declare function TaskRowsRoot({ variant, inset, labels, className, children, ...props }: TaskRowsProps): import("react").JSX.Element;
|
|
68
|
+
declare function TaskRowsRoot({ variant, inset, labels, columns, empty, className, children, ...props }: TaskRowsProps): import("react").JSX.Element;
|
|
69
|
+
declare function TaskRowsTableRow(props: TaskRowsRowProps): import("react").JSX.Element | null;
|
|
61
70
|
declare function TaskRowsItem({ label, meta, trailing, leading, icon, status, step, statusLabel, defaultOpen, open, onOpenChange, detailsLayout, detailsLabel, children, className, }: TaskRowsItemProps): import("react").JSX.Element;
|
|
62
71
|
declare function TaskRowsDetail({ label, meta, variant, icon, onPress, className, }: TaskRowsDetailProps): import("react").JSX.Element;
|
|
63
72
|
export declare const TaskRows: typeof TaskRowsRoot & {
|
|
64
73
|
Item: typeof TaskRowsItem;
|
|
65
74
|
Detail: typeof TaskRowsDetail;
|
|
75
|
+
Row: typeof TaskRowsTableRow;
|
|
66
76
|
};
|
|
67
77
|
//# sourceMappingURL=TaskRows.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TaskRows.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/TaskRows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,EAiBL,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpH,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAE1B,oEAAoE;AACpE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;
|
|
1
|
+
{"version":3,"file":"TaskRows.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/TaskRows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAiBL,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpH,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,sBAAsB,EACtB,2BAA2B,EAC3B,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAE1B,oEAAoE;AACpE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAmBD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,yFAAyF;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,uFAAuF;IACvF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,KAAK,EAAE,SAAS,CAAC;IACjB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iGAAiG;IACjG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yGAAyG;IACzG,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iFAAiF;IACjF,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,+FAA+F;IAC/F,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,uDAAuD;IACvD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6HAA6H;IAC7H,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,wFAAwF;IACxF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,iBAAS,YAAY,CAAC,EACpB,OAAgB,EAChB,KAAa,EACb,MAAM,EACN,OAAqC,EACrC,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,+BA2Bf;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,sCAOhD;AA6CD,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAe,EACf,IAAI,EACJ,WAAW,EACX,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,aAAuB,EACvB,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BA4FnB;AAED,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,OAAe,EACf,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,mBAAmB,+BAgCrB;AAED,eAAO,MAAM,QAAQ;;;;CAInB,CAAC"}
|
|
@@ -6,119 +6,142 @@ import { Button as r } from "../../atoms/Button/Button.js";
|
|
|
6
6
|
import { Status as i } from "../../atoms/Status/Status.js";
|
|
7
7
|
import { Accordion as a } from "../Accordion/Accordion.js";
|
|
8
8
|
import { taskRowStatuses as o, taskRowsDetailButtonClasses as s, taskRowsDetailLabelClasses as c, taskRowsDetailLayouts as l, taskRowsDetailMetaClasses as u, taskRowsDetailRowClasses as d, taskRowsDetailVariants as f, taskRowsDetailsActionsClasses as p, taskRowsDetailsChipsClasses as m, taskRowsDetailsExpandOnlyClasses as h, taskRowsDetailsGridClasses as g, taskRowsDetailsLabelClasses as _, taskRowsDetailsListClasses as v, taskRowsDetailsPanelClasses as y, taskRowsDetailsPlainClasses as b, taskRowsDetailsRailClasses as x, taskRowsMetaClasses as S, taskRowsStatusSlotClasses as C, taskRowsTrailingClusterClasses as w, taskRowsVariants as T } from "./taskRowsStyles.js";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
9
|
+
import { TaskRowsRow as E, TaskRowsTable as D, taskRowsTableColumnIds as O, taskRowsTableColumnsDefault as k, taskRowsTableSources as A } from "./TaskRowsTable.js";
|
|
10
|
+
import { createContext as j, useContext as M, useMemo as N } from "react";
|
|
11
|
+
import { Check as P, X as F } from "lucide-react";
|
|
12
|
+
import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
|
|
12
13
|
//#region src/components/molecules/TaskRows/TaskRows.tsx
|
|
13
|
-
var
|
|
14
|
+
var z = {
|
|
14
15
|
completed: "Completed",
|
|
15
16
|
failed: "Failed"
|
|
16
|
-
},
|
|
17
|
+
}, B = j({
|
|
17
18
|
variant: "list",
|
|
18
|
-
labels:
|
|
19
|
+
labels: z,
|
|
20
|
+
columns: k
|
|
19
21
|
});
|
|
20
|
-
function
|
|
21
|
-
let
|
|
22
|
+
function V({ variant: e = "list", inset: t = !1, labels: n, columns: r = k, empty: i, className: o, children: s, ...c }) {
|
|
23
|
+
let l = N(() => ({
|
|
22
24
|
variant: e,
|
|
23
25
|
labels: {
|
|
24
|
-
...
|
|
26
|
+
...z,
|
|
25
27
|
...n
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
},
|
|
29
|
+
columns: r
|
|
30
|
+
}), [
|
|
31
|
+
r,
|
|
32
|
+
n,
|
|
33
|
+
e
|
|
34
|
+
]);
|
|
35
|
+
return e === "table" ? /* @__PURE__ */ L(B.Provider, {
|
|
36
|
+
value: l,
|
|
37
|
+
children: /* @__PURE__ */ L(D, {
|
|
38
|
+
columns: r,
|
|
39
|
+
empty: i,
|
|
40
|
+
className: o,
|
|
41
|
+
...c,
|
|
42
|
+
children: s
|
|
43
|
+
})
|
|
44
|
+
}) : /* @__PURE__ */ L(B.Provider, {
|
|
45
|
+
value: l,
|
|
46
|
+
children: /* @__PURE__ */ L(a, {
|
|
31
47
|
variant: e,
|
|
32
48
|
inset: t,
|
|
33
|
-
className:
|
|
34
|
-
...
|
|
35
|
-
children:
|
|
49
|
+
className: o,
|
|
50
|
+
...c,
|
|
51
|
+
children: s
|
|
36
52
|
})
|
|
37
53
|
});
|
|
38
54
|
}
|
|
39
|
-
function
|
|
55
|
+
function H(e) {
|
|
56
|
+
let { variant: t, columns: n } = M(B);
|
|
57
|
+
return t === "table" ? /* @__PURE__ */ L(E, {
|
|
58
|
+
...e,
|
|
59
|
+
columns: n
|
|
60
|
+
}) : (console.warn("[WMDS TaskRows] TaskRows.Row belongs in variant=\"table\"."), null);
|
|
61
|
+
}
|
|
62
|
+
function U(e) {
|
|
40
63
|
return e === "actions" ? p : e === "chips" ? m : b;
|
|
41
64
|
}
|
|
42
|
-
function
|
|
43
|
-
return e ? /* @__PURE__ */
|
|
65
|
+
function W({ showLeading: e, status: t, detailsLayout: n, detailsLabel: r, children: i }) {
|
|
66
|
+
return e ? /* @__PURE__ */ R("div", {
|
|
44
67
|
className: g,
|
|
45
|
-
children: [/* @__PURE__ */
|
|
68
|
+
children: [/* @__PURE__ */ L("span", {
|
|
46
69
|
"aria-hidden": !0,
|
|
47
70
|
className: x
|
|
48
|
-
}), t === "none" ? /* @__PURE__ */
|
|
71
|
+
}), t === "none" ? /* @__PURE__ */ R("div", {
|
|
49
72
|
className: y,
|
|
50
|
-
children: [r ? /* @__PURE__ */
|
|
73
|
+
children: [r ? /* @__PURE__ */ L("p", {
|
|
51
74
|
className: _,
|
|
52
75
|
children: r
|
|
53
|
-
}) : null, /* @__PURE__ */
|
|
54
|
-
className:
|
|
76
|
+
}) : null, /* @__PURE__ */ L("div", {
|
|
77
|
+
className: U(n),
|
|
55
78
|
children: i
|
|
56
79
|
})]
|
|
57
|
-
}) : /* @__PURE__ */
|
|
80
|
+
}) : /* @__PURE__ */ L("div", {
|
|
58
81
|
className: v,
|
|
59
82
|
children: i
|
|
60
83
|
})]
|
|
61
|
-
}) : /* @__PURE__ */
|
|
84
|
+
}) : /* @__PURE__ */ R("div", {
|
|
62
85
|
className: h,
|
|
63
|
-
children: [r ? /* @__PURE__ */
|
|
86
|
+
children: [r ? /* @__PURE__ */ L("p", {
|
|
64
87
|
className: _,
|
|
65
88
|
children: r
|
|
66
|
-
}) : null, /* @__PURE__ */
|
|
67
|
-
className:
|
|
89
|
+
}) : null, /* @__PURE__ */ L("div", {
|
|
90
|
+
className: U(n),
|
|
68
91
|
children: i
|
|
69
92
|
})]
|
|
70
93
|
});
|
|
71
94
|
}
|
|
72
|
-
function
|
|
73
|
-
let { labels: y } =
|
|
95
|
+
function G({ label: e, meta: r, trailing: o, leading: s, icon: c, status: l = "none", step: u, statusLabel: d, defaultOpen: f = !1, open: p, onOpenChange: m, detailsLayout: h = "stack", detailsLabel: g, children: _, className: v }) {
|
|
96
|
+
let { labels: y } = M(B), b = _ != null, x = s != null || l !== "none" || c != null;
|
|
74
97
|
s == null && c != null && l !== "none" && console.warn("[WMDS TaskRows] `icon` is not combinable with `status` — icon is ignored."), s != null && (l !== "none" || c != null) && console.warn("[WMDS TaskRows] `leading` replaces default status/icon composition — `status` still drives trailing pill when `trailing` is omitted.");
|
|
75
|
-
let T = s ?? (l === "done" ? /* @__PURE__ */
|
|
98
|
+
let T = s ?? (l === "done" ? /* @__PURE__ */ L(t, {
|
|
76
99
|
variant: "success",
|
|
77
|
-
icon: /* @__PURE__ */
|
|
100
|
+
icon: /* @__PURE__ */ L(P, { strokeWidth: 3.5 }),
|
|
78
101
|
iconOnly: !0
|
|
79
|
-
}) : l === "failed" ? /* @__PURE__ */
|
|
102
|
+
}) : l === "failed" ? /* @__PURE__ */ L(t, {
|
|
80
103
|
variant: "destructive",
|
|
81
|
-
icon: /* @__PURE__ */
|
|
104
|
+
icon: /* @__PURE__ */ L(F, { strokeWidth: 3.5 }),
|
|
82
105
|
iconOnly: !0
|
|
83
|
-
}) : l === "running" || l === "pending" ? /* @__PURE__ */
|
|
106
|
+
}) : l === "running" || l === "pending" ? /* @__PURE__ */ L(i, {
|
|
84
107
|
variant: "ring",
|
|
85
108
|
active: l === "running",
|
|
86
109
|
step: u,
|
|
87
110
|
besideLabel: !0
|
|
88
|
-
}) : c ? /* @__PURE__ */
|
|
111
|
+
}) : c ? /* @__PURE__ */ L("span", {
|
|
89
112
|
className: "text-muted",
|
|
90
113
|
"aria-hidden": !0,
|
|
91
|
-
children: /* @__PURE__ */
|
|
114
|
+
children: /* @__PURE__ */ L(n, {
|
|
92
115
|
size: "sm",
|
|
93
116
|
children: c
|
|
94
117
|
})
|
|
95
|
-
}) : null), E = d ?? (l === "done" ? /* @__PURE__ */
|
|
118
|
+
}) : null), E = d ?? (l === "done" ? /* @__PURE__ */ L(t, {
|
|
96
119
|
variant: "success",
|
|
97
120
|
emphasis: "muted",
|
|
98
121
|
children: y.completed
|
|
99
|
-
}) : l === "failed" ? /* @__PURE__ */
|
|
122
|
+
}) : l === "failed" ? /* @__PURE__ */ L(t, {
|
|
100
123
|
variant: "destructive",
|
|
101
124
|
emphasis: "muted",
|
|
102
125
|
children: y.failed
|
|
103
|
-
}) : null),
|
|
126
|
+
}) : null), D = o != null || r != null || E != null, O = o ?? /* @__PURE__ */ R(I, { children: [r == null ? null : /* @__PURE__ */ L("span", {
|
|
104
127
|
className: S,
|
|
105
128
|
children: r
|
|
106
129
|
}), E] });
|
|
107
|
-
return /* @__PURE__ */
|
|
130
|
+
return /* @__PURE__ */ L(a.Item, {
|
|
108
131
|
label: e,
|
|
109
|
-
leading: x ? /* @__PURE__ */
|
|
132
|
+
leading: x ? /* @__PURE__ */ L("span", {
|
|
110
133
|
className: C,
|
|
111
134
|
children: T
|
|
112
135
|
}) : void 0,
|
|
113
|
-
trailing:
|
|
136
|
+
trailing: D ? /* @__PURE__ */ L("span", {
|
|
114
137
|
className: w,
|
|
115
|
-
children:
|
|
138
|
+
children: O
|
|
116
139
|
}) : void 0,
|
|
117
140
|
defaultOpen: f,
|
|
118
141
|
open: p,
|
|
119
142
|
onOpenChange: m,
|
|
120
143
|
className: v,
|
|
121
|
-
children: b ? /* @__PURE__ */
|
|
144
|
+
children: b ? /* @__PURE__ */ L(W, {
|
|
122
145
|
showLeading: x,
|
|
123
146
|
status: l,
|
|
124
147
|
detailsLayout: h,
|
|
@@ -127,8 +150,8 @@ function z({ label: e, meta: r, trailing: o, leading: s, icon: c, status: l = "n
|
|
|
127
150
|
}) : void 0
|
|
128
151
|
});
|
|
129
152
|
}
|
|
130
|
-
function
|
|
131
|
-
if (i === "button") return /* @__PURE__ */
|
|
153
|
+
function K({ label: t, meta: n, variant: i = "row", icon: a, onPress: o, className: l }) {
|
|
154
|
+
if (i === "button") return /* @__PURE__ */ L(r, {
|
|
132
155
|
role: "secondary",
|
|
133
156
|
size: "xs",
|
|
134
157
|
type: "button",
|
|
@@ -137,28 +160,29 @@ function B({ label: t, meta: n, variant: i = "row", icon: a, onPress: o, classNa
|
|
|
137
160
|
onClick: o,
|
|
138
161
|
children: t
|
|
139
162
|
});
|
|
140
|
-
let f = /* @__PURE__ */
|
|
163
|
+
let f = /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("span", {
|
|
141
164
|
className: c,
|
|
142
165
|
children: t
|
|
143
|
-
}), n ? /* @__PURE__ */
|
|
166
|
+
}), n ? /* @__PURE__ */ L("span", {
|
|
144
167
|
className: u,
|
|
145
168
|
children: n
|
|
146
169
|
}) : null] });
|
|
147
|
-
return o ? /* @__PURE__ */
|
|
170
|
+
return o ? /* @__PURE__ */ L(r, {
|
|
148
171
|
role: "ghost",
|
|
149
172
|
layout: "row",
|
|
150
173
|
type: "button",
|
|
151
174
|
onClick: o,
|
|
152
175
|
className: l,
|
|
153
176
|
children: f
|
|
154
|
-
}) : /* @__PURE__ */
|
|
177
|
+
}) : /* @__PURE__ */ L("div", {
|
|
155
178
|
className: e(d, l),
|
|
156
179
|
children: f
|
|
157
180
|
});
|
|
158
181
|
}
|
|
159
|
-
var
|
|
160
|
-
Item:
|
|
161
|
-
Detail:
|
|
182
|
+
var q = Object.assign(V, {
|
|
183
|
+
Item: G,
|
|
184
|
+
Detail: K,
|
|
185
|
+
Row: H
|
|
162
186
|
});
|
|
163
187
|
//#endregion
|
|
164
|
-
export {
|
|
188
|
+
export { q as TaskRows, o as taskRowStatuses, l as taskRowsDetailLayouts, f as taskRowsDetailVariants, O as taskRowsTableColumnIds, k as taskRowsTableColumnsDefault, A as taskRowsTableSources, T as taskRowsVariants };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactElement, type ReactNode } from "react";
|
|
2
|
+
import { type StatusTone } from "../../atoms/Status/Status";
|
|
3
|
+
export declare const taskRowsTableColumnIds: readonly ["title", "waiting", "metric"];
|
|
4
|
+
export type TaskRowsTableColumnId = (typeof taskRowsTableColumnIds)[number];
|
|
5
|
+
export declare const taskRowsTableSources: readonly ["ready", "loading", "error", "unwired"];
|
|
6
|
+
export type TaskRowsTableSource = (typeof taskRowsTableSources)[number];
|
|
7
|
+
export interface TaskRowsColumn {
|
|
8
|
+
id: TaskRowsTableColumnId;
|
|
9
|
+
header: string;
|
|
10
|
+
align?: "start" | "end";
|
|
11
|
+
/** CSS grid track, applied from `md`. Example: `"8rem"`. */
|
|
12
|
+
width?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const taskRowsTableColumnsDefault: TaskRowsColumn[];
|
|
15
|
+
export interface TaskRowsTableStatus {
|
|
16
|
+
tone?: StatusTone;
|
|
17
|
+
label: string;
|
|
18
|
+
pulsing?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface TaskRowsTableWaiting {
|
|
21
|
+
/** Pill label — "22 creators". */
|
|
22
|
+
label: string;
|
|
23
|
+
/** Line under the pill — "4 waiting over 5 days". */
|
|
24
|
+
detail?: string;
|
|
25
|
+
}
|
|
26
|
+
export interface TaskRowsTableMetric {
|
|
27
|
+
value: string;
|
|
28
|
+
detail?: string;
|
|
29
|
+
}
|
|
30
|
+
export interface TaskRowsRowProps {
|
|
31
|
+
title: string;
|
|
32
|
+
/** Plain anchor. `render` wins when both are set. */
|
|
33
|
+
href?: string;
|
|
34
|
+
/** Router link — `render={<Link href="/campaigns/stir" />}`. */
|
|
35
|
+
render?: ReactElement;
|
|
36
|
+
/** Dot and a label such as "Open · 2d". */
|
|
37
|
+
status?: TaskRowsTableStatus;
|
|
38
|
+
waiting?: TaskRowsTableWaiting;
|
|
39
|
+
metric?: TaskRowsTableMetric;
|
|
40
|
+
/** `ready` shows the cells. `loading` is a skeleton. `error` and `unwired` show `note`. */
|
|
41
|
+
source?: TaskRowsTableSource;
|
|
42
|
+
/** Error copy, or the footer note when the source is not wired. */
|
|
43
|
+
note?: string;
|
|
44
|
+
}
|
|
45
|
+
export declare function TaskRowsTable({ columns, empty, className, children, ...props }: {
|
|
46
|
+
columns?: TaskRowsColumn[];
|
|
47
|
+
empty?: ReactNode;
|
|
48
|
+
className?: string;
|
|
49
|
+
children?: ReactNode;
|
|
50
|
+
} & HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
51
|
+
export declare function TaskRowsRow({ title, href, render, status, waiting, metric, source, note, columns, }: TaskRowsRowProps & {
|
|
52
|
+
columns: TaskRowsColumn[];
|
|
53
|
+
}): import("react").JSX.Element;
|
|
54
|
+
//# sourceMappingURL=TaskRowsTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TaskRowsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/TaskRowsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7G,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAuBpE,eAAO,MAAM,sBAAsB,yCAA0C,CAAC;AAE9E,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,eAAO,MAAM,oBAAoB,mDAAoD,CAAC;AAEtF,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,qBAAqB,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,2BAA2B,EAAE,cAAc,EAIvD,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAqC,EACrC,KAAyB,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,cAAc,CAAC,+BA0CjC;AAUD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,MAAgB,EAChB,IAAI,EACJ,OAAO,GACR,EAAE,gBAAgB,GAAG;IAAE,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,+BAuElD"}
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../../lib/cn.js";
|
|
3
|
+
import { Badge as t } from "../../atoms/Badge/Badge.js";
|
|
4
|
+
import { TextLink as n } from "../../atoms/TextLink/TextLink.js";
|
|
5
|
+
import { Skeleton as r } from "../../atoms/Skeleton/Skeleton.js";
|
|
6
|
+
import { Status as i } from "../../atoms/Status/Status.js";
|
|
7
|
+
import { taskRowsTableClasses as a, taskRowsTableColumnsClasses as o, taskRowsTableDetailClasses as s, taskRowsTableEmptyClasses as c, taskRowsTableErrorClasses as l, taskRowsTableHeadCellClasses as u, taskRowsTableHeadClasses as d, taskRowsTableMetricClasses as f, taskRowsTableMetricValueClasses as p, taskRowsTableMobileLineClasses as m, taskRowsTableNoteClasses as h, taskRowsTableRowClasses as g, taskRowsTableStatusClasses as _, taskRowsTableStatusLabelClasses as v, taskRowsTableTitleClasses as y, taskRowsTableWaitingClasses as b } from "./taskRowsStyles.js";
|
|
8
|
+
import { Children as x } from "react";
|
|
9
|
+
import { jsx as S, jsxs as C } from "react/jsx-runtime";
|
|
10
|
+
//#region src/components/molecules/TaskRows/TaskRowsTable.tsx
|
|
11
|
+
var w = [
|
|
12
|
+
"title",
|
|
13
|
+
"waiting",
|
|
14
|
+
"metric"
|
|
15
|
+
], T = [
|
|
16
|
+
"ready",
|
|
17
|
+
"loading",
|
|
18
|
+
"error",
|
|
19
|
+
"unwired"
|
|
20
|
+
], E = [
|
|
21
|
+
{
|
|
22
|
+
id: "title",
|
|
23
|
+
header: "Item"
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
id: "waiting",
|
|
27
|
+
header: "Waiting"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
id: "metric",
|
|
31
|
+
header: "Metric",
|
|
32
|
+
align: "end"
|
|
33
|
+
}
|
|
34
|
+
];
|
|
35
|
+
function D({ columns: t = E, empty: n = "Nothing waiting", className: r, children: i, ...s }) {
|
|
36
|
+
let l = x.toArray(i).filter(Boolean), f = [
|
|
37
|
+
"minmax(0,1.6fr)",
|
|
38
|
+
"minmax(0,1.2fr)",
|
|
39
|
+
"7rem"
|
|
40
|
+
], p = { "--task-rows-columns": t.map((e, t) => e.width ?? f[t] ?? "minmax(0,1fr)").join(" ") };
|
|
41
|
+
return /* @__PURE__ */ C("div", {
|
|
42
|
+
...s,
|
|
43
|
+
role: "table",
|
|
44
|
+
className: e(a, r),
|
|
45
|
+
style: {
|
|
46
|
+
...s.style,
|
|
47
|
+
...p
|
|
48
|
+
},
|
|
49
|
+
children: [/* @__PURE__ */ S("div", {
|
|
50
|
+
role: "row",
|
|
51
|
+
className: e(d, o),
|
|
52
|
+
children: t.map((t) => /* @__PURE__ */ S("div", {
|
|
53
|
+
role: "columnheader",
|
|
54
|
+
className: e(u, t.align === "end" && "md:text-end"),
|
|
55
|
+
children: t.header
|
|
56
|
+
}, t.id))
|
|
57
|
+
}), l.length === 0 ? /* @__PURE__ */ S("div", {
|
|
58
|
+
role: "row",
|
|
59
|
+
children: /* @__PURE__ */ S("div", {
|
|
60
|
+
role: "cell",
|
|
61
|
+
children: /* @__PURE__ */ S("p", {
|
|
62
|
+
className: c,
|
|
63
|
+
role: "status",
|
|
64
|
+
children: n
|
|
65
|
+
})
|
|
66
|
+
})
|
|
67
|
+
}) : l]
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
function O(e, t) {
|
|
71
|
+
return e.some((e) => e.id === t);
|
|
72
|
+
}
|
|
73
|
+
function k(e, t) {
|
|
74
|
+
return e.find((e) => e.id === t)?.align ?? "start";
|
|
75
|
+
}
|
|
76
|
+
function A({ title: n, href: i, render: a, status: c, waiting: u, metric: d, source: _ = "ready", note: v, columns: x }) {
|
|
77
|
+
let w = O(x, "waiting"), T = O(x, "metric"), E = k(x, "metric") === "end", D = _ === "error" || _ === "unwired";
|
|
78
|
+
return /* @__PURE__ */ C("div", {
|
|
79
|
+
role: "row",
|
|
80
|
+
className: e(g, o),
|
|
81
|
+
"aria-busy": _ === "loading" || void 0,
|
|
82
|
+
children: [
|
|
83
|
+
/* @__PURE__ */ C("div", {
|
|
84
|
+
role: "cell",
|
|
85
|
+
className: "min-w-0",
|
|
86
|
+
children: [
|
|
87
|
+
_ === "loading" ? /* @__PURE__ */ S(r, {
|
|
88
|
+
width: 168,
|
|
89
|
+
height: 16,
|
|
90
|
+
radius: "inner",
|
|
91
|
+
index: 0
|
|
92
|
+
}) : /* @__PURE__ */ S("h3", {
|
|
93
|
+
className: y,
|
|
94
|
+
children: /* @__PURE__ */ S(M, {
|
|
95
|
+
title: n,
|
|
96
|
+
href: i,
|
|
97
|
+
render: a
|
|
98
|
+
})
|
|
99
|
+
}),
|
|
100
|
+
_ === "loading" ? /* @__PURE__ */ S(r, {
|
|
101
|
+
width: 120,
|
|
102
|
+
height: 12,
|
|
103
|
+
radius: "inner",
|
|
104
|
+
index: 1,
|
|
105
|
+
className: "mt-2 md:hidden"
|
|
106
|
+
}) : null,
|
|
107
|
+
D && v ? /* @__PURE__ */ S("p", {
|
|
108
|
+
className: _ === "error" ? l : h,
|
|
109
|
+
children: v
|
|
110
|
+
}) : null,
|
|
111
|
+
_ === "ready" && c ? /* @__PURE__ */ S("div", {
|
|
112
|
+
className: "mt-1 max-md:hidden md:block",
|
|
113
|
+
children: /* @__PURE__ */ S(j, { status: c })
|
|
114
|
+
}) : null,
|
|
115
|
+
_ === "ready" ? /* @__PURE__ */ C("div", {
|
|
116
|
+
className: m,
|
|
117
|
+
children: [
|
|
118
|
+
c ? /* @__PURE__ */ S(j, { status: c }) : null,
|
|
119
|
+
w && u?.detail ? /* @__PURE__ */ S("span", {
|
|
120
|
+
className: s,
|
|
121
|
+
children: u.detail
|
|
122
|
+
}) : null,
|
|
123
|
+
T && d ? /* @__PURE__ */ S("span", {
|
|
124
|
+
className: p,
|
|
125
|
+
children: d.value
|
|
126
|
+
}) : null
|
|
127
|
+
]
|
|
128
|
+
}) : null
|
|
129
|
+
]
|
|
130
|
+
}),
|
|
131
|
+
w ? /* @__PURE__ */ C("div", {
|
|
132
|
+
role: "cell",
|
|
133
|
+
className: "max-md:hidden min-w-0 md:block",
|
|
134
|
+
children: [_ === "loading" ? /* @__PURE__ */ S(r, {
|
|
135
|
+
width: 112,
|
|
136
|
+
height: 20,
|
|
137
|
+
radius: "full",
|
|
138
|
+
index: 2
|
|
139
|
+
}) : null, _ === "ready" && u ? /* @__PURE__ */ C("span", {
|
|
140
|
+
className: b,
|
|
141
|
+
children: [/* @__PURE__ */ S(t, {
|
|
142
|
+
emphasis: "muted",
|
|
143
|
+
size: "sm",
|
|
144
|
+
children: u.label
|
|
145
|
+
}), u.detail ? /* @__PURE__ */ S("span", {
|
|
146
|
+
className: s,
|
|
147
|
+
children: u.detail
|
|
148
|
+
}) : null]
|
|
149
|
+
}) : null]
|
|
150
|
+
}) : null,
|
|
151
|
+
T ? /* @__PURE__ */ C("div", {
|
|
152
|
+
role: "cell",
|
|
153
|
+
className: e("max-md:hidden min-w-0 md:block", E && "md:text-end"),
|
|
154
|
+
children: [_ === "loading" ? /* @__PURE__ */ S(r, {
|
|
155
|
+
width: 40,
|
|
156
|
+
height: 16,
|
|
157
|
+
radius: "inner",
|
|
158
|
+
index: 3,
|
|
159
|
+
className: "md:ml-auto"
|
|
160
|
+
}) : null, _ === "ready" && d ? /* @__PURE__ */ C("span", {
|
|
161
|
+
className: f,
|
|
162
|
+
children: [/* @__PURE__ */ S("span", {
|
|
163
|
+
className: p,
|
|
164
|
+
children: d.value
|
|
165
|
+
}), d.detail ? /* @__PURE__ */ S("span", {
|
|
166
|
+
className: s,
|
|
167
|
+
children: d.detail
|
|
168
|
+
}) : null]
|
|
169
|
+
}) : null]
|
|
170
|
+
}) : null
|
|
171
|
+
]
|
|
172
|
+
});
|
|
173
|
+
}
|
|
174
|
+
function j({ status: e }) {
|
|
175
|
+
return /* @__PURE__ */ C("span", {
|
|
176
|
+
className: _,
|
|
177
|
+
children: [/* @__PURE__ */ S(i, {
|
|
178
|
+
variant: "dot",
|
|
179
|
+
tone: e.tone ?? "neutral",
|
|
180
|
+
besideLabel: !0,
|
|
181
|
+
pulsing: e.pulsing
|
|
182
|
+
}), /* @__PURE__ */ S("span", {
|
|
183
|
+
className: v,
|
|
184
|
+
children: e.label
|
|
185
|
+
})]
|
|
186
|
+
});
|
|
187
|
+
}
|
|
188
|
+
function M({ title: e, href: t, render: r }) {
|
|
189
|
+
return r ? (t != null && console.warn("[WMDS TaskRows] `render` wins over `href`."), /* @__PURE__ */ S(n, {
|
|
190
|
+
variant: "quiet",
|
|
191
|
+
render: r,
|
|
192
|
+
children: e
|
|
193
|
+
})) : t == null ? e : /* @__PURE__ */ S(n, {
|
|
194
|
+
variant: "quiet",
|
|
195
|
+
href: t,
|
|
196
|
+
children: e
|
|
197
|
+
});
|
|
198
|
+
}
|
|
199
|
+
//#endregion
|
|
200
|
+
export { A as TaskRowsRow, D as TaskRowsTable, w as taskRowsTableColumnIds, E as taskRowsTableColumnsDefault, T as taskRowsTableSources };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const taskRowsVariants: readonly ["list", "capsule"];
|
|
1
|
+
export declare const taskRowsVariants: readonly ["list", "capsule", "table"];
|
|
2
2
|
export type TaskRowsVariant = (typeof taskRowsVariants)[number];
|
|
3
3
|
export declare const taskRowStatuses: readonly ["none", "done", "running", "pending", "failed"];
|
|
4
4
|
export type TaskRowStatus = (typeof taskRowStatuses)[number];
|
|
@@ -29,4 +29,22 @@ export declare const taskRowsDetailsListClasses = "flex flex-col gap-1.5";
|
|
|
29
29
|
export declare const taskRowsDetailRowClasses = "flex w-full items-center justify-between gap-3 text-left";
|
|
30
30
|
export declare const taskRowsDetailLabelClasses: string;
|
|
31
31
|
export declare const taskRowsDetailMetaClasses: string;
|
|
32
|
+
/** Needs-you table — column headers from `md`, two-line rows below. */
|
|
33
|
+
export declare const taskRowsTableClasses = "flex w-full min-w-0 flex-col";
|
|
34
|
+
export declare const taskRowsTableHeadClasses = "max-md:sr-only md:grid md:items-baseline md:gap-4 md:border-b md:border-border md:pb-2";
|
|
35
|
+
export declare const taskRowsTableHeadCellClasses: string;
|
|
36
|
+
export declare const taskRowsTableColumnsClasses = "md:[grid-template-columns:var(--task-rows-columns)]";
|
|
37
|
+
export declare const taskRowsTableRowClasses = "grid grid-cols-1 gap-1 border-b border-border py-3 last:border-b-0 md:items-center md:gap-4";
|
|
38
|
+
export declare const taskRowsTableTitleClasses: string;
|
|
39
|
+
export declare const taskRowsTableStatusClasses = "flex min-w-0 items-center gap-2 text-muted";
|
|
40
|
+
export declare const taskRowsTableStatusLabelClasses: string;
|
|
41
|
+
export declare const taskRowsTableWaitingClasses = "flex min-w-0 flex-col items-start gap-1";
|
|
42
|
+
export declare const taskRowsTableDetailClasses: string;
|
|
43
|
+
export declare const taskRowsTableMetricClasses = "flex min-w-0 flex-col gap-1 md:items-end";
|
|
44
|
+
export declare const taskRowsTableMetricValueClasses = "font-mono text-sm tabular-nums leading-none text-fg";
|
|
45
|
+
export declare const taskRowsTableMobileLineClasses = "max-md:flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 md:hidden";
|
|
46
|
+
export declare const taskRowsTableNoteClasses: string;
|
|
47
|
+
export declare const taskRowsTableErrorClasses = "type-supporting text-destructive";
|
|
48
|
+
export declare const taskRowsTableEmptyClasses: string;
|
|
49
|
+
export declare const taskRowsTableAlignEndClasses = "md:text-end";
|
|
32
50
|
//# sourceMappingURL=taskRowsStyles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taskRowsStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/taskRowsStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"taskRowsStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/taskRowsStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,uCAAwC,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,eAAe,2DAA4D,CAAC;AAEzF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,qBAAqB,wCAAyC,CAAC;AAE5E,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,sBAAsB,4BAA6B,CAAC;AAEjE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,4FAA4F;AAC5F,eAAO,MAAM,yBAAyB,qDAAqD,CAAC;AAE5F,uGAAuG;AACvG,eAAO,MAAM,8BAA8B,qCAAqC,CAAC;AAEjF,eAAO,MAAM,mBAAmB,QAAmE,CAAC;AAEpG,eAAO,MAAM,0BAA0B,yDACiB,CAAC;AAEzD,qEAAqE;AACrE,eAAO,MAAM,gCAAgC,kBAAkB,CAAC;AAEhE,qEAAqE;AACrE,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AAEnE,4FAA4F;AAC5F,eAAO,MAAM,6BAA6B,kDAAkD,CAAC;AAE7F,oEAAoE;AACpE,eAAO,MAAM,2BAA2B,yCAAyC,CAAC;AAElF,eAAO,MAAM,2BAA2B,QAAkD,CAAC;AAE3F,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AAEnE,6FAA6F;AAC7F,eAAO,MAAM,2BAA2B,uCAAuC,CAAC;AAEhF,eAAO,MAAM,0BAA0B,kCAAkC,CAAC;AAE1E,eAAO,MAAM,0BAA0B,0BAA0B,CAAC;AAElE,eAAO,MAAM,wBAAwB,6DACuB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,QAA6C,CAAC;AAErF,eAAO,MAAM,yBAAyB,QAAoE,CAAC;AAE3G,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,iCAAiC,CAAC;AAEnE,eAAO,MAAM,wBAAwB,2FACqD,CAAC;AAE3F,eAAO,MAAM,4BAA4B,QAA6C,CAAC;AAEvF,eAAO,MAAM,2BAA2B,wDAAwD,CAAC;AAEjG,eAAO,MAAM,uBAAuB,gGAC2D,CAAC;AAEhG,eAAO,MAAM,yBAAyB,QAAmD,CAAC;AAE1F,eAAO,MAAM,0BAA0B,+CAA+C,CAAC;AAEvF,eAAO,MAAM,+BAA+B,QAA6C,CAAC;AAE1F,eAAO,MAAM,2BAA2B,4CAA4C,CAAC;AAErF,eAAO,MAAM,0BAA0B,QAA6C,CAAC;AAErF,eAAO,MAAM,0BAA0B,6CAA6C,CAAC;AAErF,eAAO,MAAM,+BAA+B,wDACW,CAAC;AAExD,eAAO,MAAM,8BAA8B,yEAC6B,CAAC;AAEzE,eAAO,MAAM,wBAAwB,QAA6C,CAAC;AAEnF,eAAO,MAAM,yBAAyB,qCAAqC,CAAC;AAE5E,eAAO,MAAM,yBAAyB,QAA2D,CAAC;AAElG,eAAO,MAAM,4BAA4B,gBAAgB,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { typographyClass as e } from "../../../lib/typography.js";
|
|
3
3
|
//#region src/components/molecules/TaskRows/taskRowsStyles.ts
|
|
4
|
-
var t = [
|
|
4
|
+
var t = [
|
|
5
|
+
"list",
|
|
6
|
+
"capsule",
|
|
7
|
+
"table"
|
|
8
|
+
], n = [
|
|
5
9
|
"none",
|
|
6
10
|
"done",
|
|
7
11
|
"running",
|
|
@@ -11,6 +15,6 @@ var t = ["list", "capsule"], n = [
|
|
|
11
15
|
"stack",
|
|
12
16
|
"actions",
|
|
13
17
|
"chips"
|
|
14
|
-
], i = ["row", "button"], a = "flex size-6 shrink-0 items-center justify-center", o = "flex shrink-0 items-center gap-2", s = `${e("caption")} shrink-0 tabular-nums text-muted`, c = "grid grid-cols-[1.5rem_minmax(0,1fr)] gap-x-2.5 pt-0", l = "flex flex-col", u = "flex flex-col gap-1.5", d = "flex w-full flex-nowrap items-stretch gap-2.5", f = "flex w-full flex-row flex-wrap gap-2", p = `${e("caption")} mb-2 text-muted`, m = "flex min-w-0 flex-col", h = "min-w-max flex-1 whitespace-nowrap", g = "mx-auto h-full w-px bg-border", _ = "flex flex-col gap-1.5", v = "flex w-full items-center justify-between gap-3 text-left", y = `${e("caption")} text-muted`, b = `${e("caption")} font-mono tabular-nums text-muted
|
|
18
|
+
], i = ["row", "button"], a = "flex size-6 shrink-0 items-center justify-center", o = "flex shrink-0 items-center gap-2", s = `${e("caption")} shrink-0 tabular-nums text-muted`, c = "grid grid-cols-[1.5rem_minmax(0,1fr)] gap-x-2.5 pt-0", l = "flex flex-col", u = "flex flex-col gap-1.5", d = "flex w-full flex-nowrap items-stretch gap-2.5", f = "flex w-full flex-row flex-wrap gap-2", p = `${e("caption")} mb-2 text-muted`, m = "flex min-w-0 flex-col", h = "min-w-max flex-1 whitespace-nowrap", g = "mx-auto h-full w-px bg-border", _ = "flex flex-col gap-1.5", v = "flex w-full items-center justify-between gap-3 text-left", y = `${e("caption")} text-muted`, b = `${e("caption")} font-mono tabular-nums text-muted`, x = "flex w-full min-w-0 flex-col", S = "max-md:sr-only md:grid md:items-baseline md:gap-4 md:border-b md:border-border md:pb-2", C = `${e("caption")} text-muted`, w = "md:[grid-template-columns:var(--task-rows-columns)]", T = "grid grid-cols-1 gap-1 border-b border-border py-3 last:border-b-0 md:items-center md:gap-4", E = `${e("ui-label")} min-w-0 text-fg`, D = "flex min-w-0 items-center gap-2 text-muted", O = `${e("caption")} text-muted`, k = "flex min-w-0 flex-col items-start gap-1", A = `${e("caption")} text-muted`, j = "flex min-w-0 flex-col gap-1 md:items-end", M = "font-mono text-sm tabular-nums leading-none text-fg", N = "max-md:flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 md:hidden", P = `${e("caption")} text-muted`, F = "type-supporting text-destructive", I = `${e("body")} py-6 text-center text-muted`, L = "md:text-end";
|
|
15
19
|
//#endregion
|
|
16
|
-
export { n as taskRowStatuses, h as taskRowsDetailButtonClasses, y as taskRowsDetailLabelClasses, r as taskRowsDetailLayouts, b as taskRowsDetailMetaClasses, v as taskRowsDetailRowClasses, i as taskRowsDetailVariants, d as taskRowsDetailsActionsClasses, f as taskRowsDetailsChipsClasses, l as taskRowsDetailsExpandOnlyClasses, c as taskRowsDetailsGridClasses, p as taskRowsDetailsLabelClasses, _ as taskRowsDetailsListClasses, m as taskRowsDetailsPanelClasses, u as taskRowsDetailsPlainClasses, g as taskRowsDetailsRailClasses, s as taskRowsMetaClasses, a as taskRowsStatusSlotClasses, o as taskRowsTrailingClusterClasses, t as taskRowsVariants };
|
|
20
|
+
export { n as taskRowStatuses, h as taskRowsDetailButtonClasses, y as taskRowsDetailLabelClasses, r as taskRowsDetailLayouts, b as taskRowsDetailMetaClasses, v as taskRowsDetailRowClasses, i as taskRowsDetailVariants, d as taskRowsDetailsActionsClasses, f as taskRowsDetailsChipsClasses, l as taskRowsDetailsExpandOnlyClasses, c as taskRowsDetailsGridClasses, p as taskRowsDetailsLabelClasses, _ as taskRowsDetailsListClasses, m as taskRowsDetailsPanelClasses, u as taskRowsDetailsPlainClasses, g as taskRowsDetailsRailClasses, s as taskRowsMetaClasses, a as taskRowsStatusSlotClasses, L as taskRowsTableAlignEndClasses, x as taskRowsTableClasses, w as taskRowsTableColumnsClasses, A as taskRowsTableDetailClasses, I as taskRowsTableEmptyClasses, F as taskRowsTableErrorClasses, C as taskRowsTableHeadCellClasses, S as taskRowsTableHeadClasses, j as taskRowsTableMetricClasses, M as taskRowsTableMetricValueClasses, N as taskRowsTableMobileLineClasses, P as taskRowsTableNoteClasses, T as taskRowsTableRowClasses, D as taskRowsTableStatusClasses, O as taskRowsTableStatusLabelClasses, E as taskRowsTableTitleClasses, k as taskRowsTableWaitingClasses, o as taskRowsTrailingClusterClasses, t as taskRowsVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextSequence.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TextSequence/TextSequence.tsx"],"names":[],"mappings":"AAKA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,iBAAiB,EAElB,MAAM,iDAAiD,CAAC;AASzD,eAAO,MAAM,oBAAoB,8BAA+B,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,oBAAoB,gCAAiC,CAAC;AACnE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,eAAO,MAAM,0BAA0B,OAAO,CAAC;AAC/C,eAAO,MAAM,wBAAwB,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"TextSequence.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TextSequence/TextSequence.tsx"],"names":[],"mappings":"AAKA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,iBAAiB,EAElB,MAAM,iDAAiD,CAAC;AASzD,eAAO,MAAM,oBAAoB,8BAA+B,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,oBAAoB,gCAAiC,CAAC;AACnE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,eAAO,MAAM,0BAA0B,OAAO,CAAC;AAC/C,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAS1C,0DAA0D;AAC1D,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,mBAAmB;IACnB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,KAAK,gCAAgC,EACrC,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,GAC9B,MAAM,iDAAiD,CAAC;AAmBzD,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAE7D;AA6RD,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,OAAoC,EACpC,KAAgC,EAChC,OAAiB,EACjB,IAAY,EACZ,KAAY,EACZ,QAAsB,EACtB,SAAS,GACV,EAAE,iBAAiB,+BAmGnB;AAED,eAAO,MAAM,YAAY;;CAEvB,CAAC"}
|