@12-apps/ui 6.14.0 → 6.15.1
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/components-catalog.md +8 -1
- package/dist/_internal/components/data-display/Badge/Badge.js +2 -2
- package/dist/_internal/components/data-display/CardKit/CardKebab.js +3 -3
- package/dist/_internal/components/data-display/CardKit/use-remove-confirm.js +7 -7
- package/dist/_internal/components/data-display/CardKit/use-row-confirm.js +7 -7
- package/dist/_internal/components/data-display/Carousel/Carousel.js +2 -2
- package/dist/_internal/components/data-display/Chart/Chart.js +3 -3
- package/dist/_internal/components/data-display/Chart/SpecChart.js +6 -6
- package/dist/_internal/components/data-display/Chart/chart-renderers.js +2 -2
- package/dist/_internal/components/data-display/Chart/chart-spec.js +2 -2
- package/dist/_internal/components/data-display/DataGrid/DataGrid.js +3 -3
- package/dist/_internal/components/data-display/DataViews/DataViewsGrid.js +55 -54
- package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js +72 -71
- package/dist/_internal/components/data-display/DataViews/DeleteViewDialog.js +3 -3
- package/dist/_internal/components/data-display/DataViews/ManageViewsDialog.js +7 -7
- package/dist/_internal/components/data-display/DataViews/SaveViewModal.js +6 -5
- package/dist/_internal/components/data-display/DataViews/base-list-card-geometry.js +4 -4
- package/dist/_internal/components/data-display/DataViews/base-list-card-slots.js +3 -3
- package/dist/_internal/components/data-display/DataViews/base-list-card.js +6 -6
- package/dist/_internal/components/data-display/DataViews/data-views-category-pill.js +16 -15
- package/dist/_internal/components/data-display/DataViews/data-views-columns.js +4 -4
- package/dist/_internal/components/data-display/DataViews/data-views-display-panel.js +5 -5
- package/dist/_internal/components/data-display/DataViews/data-views-empty.js +3 -3
- package/dist/_internal/components/data-display/DataViews/data-views-export.js +3 -3
- package/dist/_internal/components/data-display/DataViews/data-views-filter-panel.js +22 -21
- package/dist/_internal/components/data-display/DataViews/data-views-grid-bodies.js +10 -10
- package/dist/_internal/components/data-display/DataViews/data-views-grid-helpers.js +3 -3
- package/dist/_internal/components/data-display/DataViews/data-views-grid-parts.js +50 -49
- package/dist/_internal/components/data-display/DataViews/data-views-inline-bar.js +24 -23
- package/dist/_internal/components/data-display/DataViews/data-views-more-fields.js +6 -6
- package/dist/_internal/components/data-display/DataViews/data-views-more-filters.js +9 -9
- package/dist/_internal/components/data-display/DataViews/data-views-range-pill.js +2 -2
- package/dist/_internal/components/data-display/DataViews/data-views-scope-tabs.js +2 -2
- package/dist/_internal/components/data-display/DataViews/data-views-select-all-strip.js +3 -3
- package/dist/_internal/components/data-display/DataViews/data-views-shell-toolbar.js +12 -12
- package/dist/_internal/components/data-display/DataViews/data-views-table-parts.js +15 -14
- package/dist/_internal/components/data-display/DataViews/data-views-toolbar.js +11 -11
- package/dist/_internal/components/data-display/DataViews/data-views-view-nav.js +3 -3
- package/dist/_internal/components/data-display/DataViews/list-card-rails.js +2 -2
- package/dist/_internal/components/data-display/DataViews/use-data-views-state.js +7 -7
- package/dist/_internal/components/data-display/HoverCard/HoverCard.js +2 -2
- package/dist/_internal/components/data-display/InteractiveTooltip/InteractiveTooltip.js +2 -2
- package/dist/_internal/components/data-display/Lightbox/Lightbox.js +6 -6
- package/dist/_internal/components/data-display/MapPreview/MapDecorations.js +2 -2
- package/dist/_internal/components/data-display/MapPreview/MapLayers.js +3 -3
- package/dist/_internal/components/data-display/MapPreview/MapPreview.hooks.js +2 -2
- package/dist/_internal/components/data-display/MapPreview/MapPreview.js +11 -11
- package/dist/_internal/components/data-display/MapPreview/MapTiles.js +2 -2
- package/dist/_internal/components/data-display/MapPreview/StaticMapView.js +4 -4
- package/dist/_internal/components/data-display/MapPreview/useMapPreview.js +3 -3
- package/dist/_internal/components/data-display/Sheet/Sheet.hooks.js +2 -2
- package/dist/_internal/components/data-display/Sheet/Sheet.js +4 -4
- package/dist/_internal/components/data-display/Table/Table.js +2 -2
- package/dist/_internal/components/data-display/index.js +45 -45
- package/dist/_internal/components/feedback/ConfirmAction/ConfirmAction.js +2 -2
- package/dist/_internal/components/feedback/ConfirmAction/ConfirmButton.js +5 -5
- package/dist/_internal/components/feedback/ConfirmAction/with-confirmation.js +2 -2
- package/dist/_internal/components/feedback/StackedModal/StackedModal.js +6 -6
- package/dist/_internal/components/feedback/index.js +15 -15
- package/dist/_internal/components/form/AddressAutocomplete/AddressAutocomplete.hooks.js +2 -2
- package/dist/_internal/components/form/AddressAutocomplete/AddressAutocomplete.js +10 -9
- package/dist/_internal/components/form/AddressAutocomplete/AddressAutocompleteField.js +5 -4
- package/dist/_internal/components/form/AddressAutocomplete/AddressFallbackField.js +3 -2
- package/dist/_internal/components/form/AddressAutocomplete/AddressInputField.js +3 -2
- package/dist/_internal/components/form/AddressAutocomplete/AddressTextField.js +2 -1
- package/dist/_internal/components/form/Autocomplete/Autocomplete.js +2 -2
- package/dist/_internal/components/form/Button/Button.js +2 -2
- package/dist/_internal/components/form/Calendar/Calendar.js +4 -4
- package/dist/_internal/components/form/Calendar/CalendarDayCell.js +2 -2
- package/dist/_internal/components/form/Calendar/CalendarMonth.js +3 -3
- package/dist/_internal/components/form/CategorySelect/CategoryPanel.js +8 -7
- package/dist/_internal/components/form/CategorySelect/CategoryPanelFoot.js +3 -2
- package/dist/_internal/components/form/CategorySelect/CategoryPanelHead.js +3 -2
- package/dist/_internal/components/form/CategorySelect/CategoryPanelList.js +5 -4
- package/dist/_internal/components/form/CategorySelect/CategoryRows.js +4 -3
- package/dist/_internal/components/form/CategorySelect/CategorySelect.js +12 -11
- package/dist/_internal/components/form/CategorySelect/CategorySelect.styles.js +2 -1
- package/dist/_internal/components/form/CategorySelect/CategoryTrigger.js +3 -2
- package/dist/_internal/components/form/CepField/CepField.js +4 -3
- package/dist/_internal/components/form/CodeEditor/CodeEditor.js +4 -3
- package/dist/_internal/components/form/CreatableSelect/CreatableSelect.js +2 -1
- package/dist/_internal/components/form/DateRangePicker/DateRangePicker.js +7 -7
- package/dist/_internal/components/form/HeaderActions/HeaderActions.js +11 -0
- package/dist/_internal/components/form/HeaderActions/HeaderActions.js.map +1 -0
- package/dist/_internal/components/form/HeaderActions/HeaderActions.types.js +1 -0
- package/dist/_internal/components/form/HeaderActions/HeaderActions.types.js.map +1 -0
- package/dist/_internal/components/form/Input/Input.js +3 -2
- package/dist/_internal/components/form/Input/Input.styles.js +2 -1
- package/dist/_internal/components/form/InputOTP/InputOTP.js +3 -2
- package/dist/_internal/components/form/InputOTP/InputOTP.styles.js +2 -1
- package/dist/_internal/components/form/Label/Label.js +2 -2
- package/dist/_internal/components/form/PhoneInput/PhoneInput.js +2 -1
- package/dist/_internal/components/form/RadioGroup/RadioGroup.js +4 -3
- package/dist/_internal/components/form/RadioGroup/RadioGroup.styles.js +2 -1
- package/dist/_internal/components/form/RadioGroup/RadioGroup.variants.js +3 -2
- package/dist/_internal/components/form/RichTextEditor/RichTextEditor.js +3 -2
- package/dist/_internal/components/form/Select/Select.js +2 -1
- package/dist/_internal/components/form/Textarea/Textarea.js +3 -2
- package/dist/_internal/components/form/Textarea/Textarea.styles.js +2 -1
- package/dist/_internal/components/form/Textarea/TextareaRichEditor.js +5 -2
- package/dist/_internal/components/form/Textarea/TextareaRichEditor.js.map +1 -1
- package/dist/_internal/components/form/Toggle/Toggle.js +3 -2
- package/dist/_internal/components/form/Toggle/Toggle.styles.js +2 -1
- package/dist/_internal/components/form/index.js +60 -59
- package/dist/_internal/components/form/total-form/Fields/CategoryField.js +13 -12
- package/dist/_internal/components/form/total-form/Fields/CepField.js +5 -4
- package/dist/_internal/components/form/total-form/Fields/SelectField.js +3 -2
- package/dist/_internal/components/form/total-form/Fields/TextField.js +4 -3
- package/dist/_internal/components/form/total-form/Fields/index.js +25 -24
- package/dist/_internal/components/form/total-form/SubmitButton.js +3 -3
- package/dist/_internal/components/index.js +160 -157
- package/dist/_internal/components/layout/Dashboard/Dashboard.js +4 -2
- package/dist/_internal/components/layout/Dashboard/DashboardParts.js +5 -1
- package/dist/_internal/components/layout/ScrollArea/ScrollArea.js +3 -3
- package/dist/_internal/components/layout/index.js +22 -20
- package/dist/_internal/components/navigation/AppHeader/AppHeader.details.js +7 -7
- package/dist/_internal/components/navigation/CommandPalette/CommandPalette.js +3 -3
- package/dist/_internal/components/navigation/NavigationMenu/NavigationMegaSection.js +3 -3
- package/dist/_internal/components/navigation/NavigationMenu/NavigationMenu.js +5 -5
- package/dist/_internal/components/navigation/NavigationMenu/NavigationMenuItem.js +2 -2
- package/dist/_internal/components/navigation/NavigationMenu/NavigationStandardBody.js +3 -3
- package/dist/_internal/components/navigation/index.js +19 -19
- package/dist/_internal/components/typography/index.js +3 -3
- package/dist/_internal/components/utility/InstallPrompt/InstallPrompt.js +2 -2
- package/dist/_internal/components/utility/index.js +7 -7
- package/dist/_internal/en-US.data-display.js +2 -2
- package/dist/_internal/social-login-button/social-login-button.js +3 -3
- package/dist/_internal/tokens/field-edge.js +10 -0
- package/dist/_internal/tokens/field-edge.js.map +1 -0
- package/dist/_internal/user-avatar/user-avatar.js +3 -3
- package/dist/charts.js +11 -11
- package/dist/{chunk-WQSL6MCA.js → chunk-23FCBIUN.js} +4 -4
- package/dist/{chunk-QIKTIKO6.js → chunk-24LW52EU.js} +2 -2
- package/dist/{chunk-4VPCZFF3.js → chunk-2W4CIWTW.js} +7 -4
- package/dist/chunk-2W4CIWTW.js.map +1 -0
- package/dist/{chunk-75KRWRJA.js → chunk-2ZDTGI5V.js} +7 -7
- package/dist/{chunk-XPS7FWZS.js → chunk-3LO5JWTC.js} +3 -3
- package/dist/{chunk-MYOFULG4.js → chunk-3ORFVLI3.js} +2 -2
- package/dist/{chunk-EIGELK2H.js → chunk-3P4THDBM.js} +4 -4
- package/dist/{chunk-SJIBPRPB.js → chunk-3T2I6BYA.js} +4 -4
- package/dist/{chunk-J72KWTHC.js → chunk-45N6LXUU.js} +5 -3
- package/dist/chunk-45N6LXUU.js.map +1 -0
- package/dist/{chunk-ZNGUDGKW.js → chunk-45OIUWGO.js} +9 -9
- package/dist/{chunk-4ETQRBZC.js → chunk-46UPILLK.js} +4 -4
- package/dist/{chunk-S7CAXRRP.js → chunk-4Y65Q3CR.js} +2 -2
- package/dist/{chunk-XN5AYC5S.js → chunk-5SYD23V4.js} +7 -4
- package/dist/chunk-5SYD23V4.js.map +1 -0
- package/dist/{chunk-2UCJJACD.js → chunk-5VVM2PPV.js} +12 -12
- package/dist/{chunk-JE6RZ5L6.js → chunk-5ZOJLYD2.js} +4 -4
- package/dist/{chunk-B2324WXJ.js → chunk-64IEKEMQ.js} +7 -4
- package/dist/chunk-64IEKEMQ.js.map +1 -0
- package/dist/{chunk-AVGTTWTE.js → chunk-65DLYC4S.js} +4 -4
- package/dist/{chunk-O6V7KKW7.js → chunk-6CBYPMYQ.js} +5 -5
- package/dist/{chunk-BPCYXLWY.js → chunk-6HNEEJES.js} +4 -4
- package/dist/{chunk-WXVHZHSJ.js → chunk-6RFL7HGI.js} +3 -3
- package/dist/{chunk-UENDC45F.js → chunk-6TYSEAAT.js} +3 -3
- package/dist/{chunk-FXMZMX5E.js → chunk-6XPNJLXE.js} +6 -2
- package/dist/chunk-6XPNJLXE.js.map +1 -0
- package/dist/{chunk-R7MX5KPJ.js → chunk-6YLAVHV4.js} +4 -4
- package/dist/{chunk-A43SJQYE.js → chunk-74LYLKO2.js} +4 -2
- package/dist/chunk-74LYLKO2.js.map +1 -0
- package/dist/{chunk-A2WJMZX5.js → chunk-7DBFEZRC.js} +5 -2
- package/dist/chunk-7DBFEZRC.js.map +1 -0
- package/dist/{chunk-RXSGHPCR.js → chunk-7FOOLP5H.js} +4 -4
- package/dist/{chunk-EICVL6GS.js → chunk-7HPPUO2A.js} +2 -2
- package/dist/{chunk-3BR2CLAM.js → chunk-A3KY6NUA.js} +2 -2
- package/dist/{chunk-5QQWAIZO.js → chunk-ACDYA5WC.js} +6 -2
- package/dist/chunk-ACDYA5WC.js.map +1 -0
- package/dist/{chunk-2I5B5NNT.js → chunk-AX7UFG2U.js} +2 -2
- package/dist/{chunk-7DNQHMDO.js → chunk-B6IURHSZ.js} +4 -4
- package/dist/{chunk-CZJLWCEG.js → chunk-BPYPUEM5.js} +2 -2
- package/dist/{chunk-5VZPVDUF.js → chunk-COSJTD6Z.js} +2 -2
- package/dist/{chunk-AP3PVR3T.js → chunk-CXA6UNFF.js} +5 -5
- package/dist/{chunk-MNZ2NT5A.js → chunk-DCEMUZJQ.js} +6 -2
- package/dist/chunk-DCEMUZJQ.js.map +1 -0
- package/dist/{chunk-LPNF4YJ7.js → chunk-DGMR3IMM.js} +6 -6
- package/dist/{chunk-MUFI3ZXS.js → chunk-DQIQKIEA.js} +2 -2
- package/dist/{chunk-LQR2IVSL.js → chunk-DWUMMMLR.js} +4 -4
- package/dist/{chunk-56SMIHWE.js → chunk-EE2LBAJH.js} +9 -9
- package/dist/{chunk-SHDIZSN5.js → chunk-EGRFMPGD.js} +6 -6
- package/dist/{chunk-M6365FGG.js → chunk-ELYLG4F7.js} +7 -7
- package/dist/{chunk-PHA3NFZM.js → chunk-ENK4XGKF.js} +4 -4
- package/dist/{chunk-XFUNJYFT.js → chunk-EPNUVSNK.js} +7 -7
- package/dist/{chunk-FLSSV4TH.js → chunk-EWGVRRUF.js} +23 -2
- package/dist/chunk-EWGVRRUF.js.map +1 -0
- package/dist/{chunk-QTPKACVO.js → chunk-EY4LPLIR.js} +2 -2
- package/dist/{chunk-XCT2ZLA6.js → chunk-FCOEJCUP.js} +6 -2
- package/dist/chunk-FCOEJCUP.js.map +1 -0
- package/dist/{chunk-GNAAHDCN.js → chunk-FF55LRSV.js} +2 -2
- package/dist/{chunk-L6KEVPXN.js → chunk-FH4VARZ7.js} +7 -7
- package/dist/{chunk-J4DDXHLB.js → chunk-FJHNNSD3.js} +6 -6
- package/dist/{chunk-ONZPM6FP.js → chunk-G7CFUI4I.js} +2 -2
- package/dist/{chunk-KDIWFARU.js → chunk-GBB6XQ56.js} +2 -2
- package/dist/{chunk-UHXNEXOC.js → chunk-GFBNUWT5.js} +3 -3
- package/dist/{chunk-PLOOVF43.js → chunk-GGE7Y53F.js} +2 -2
- package/dist/{chunk-R6SBP5M5.js → chunk-GOWBYHYW.js} +4 -4
- package/dist/{chunk-HDNK7BAX.js → chunk-GT7C6TSM.js} +3 -3
- package/dist/{chunk-7SZ3PFZW.js → chunk-HBAPVB7T.js} +2 -2
- package/dist/{chunk-V7TPSQOH.js → chunk-HBZIN6IQ.js} +2 -2
- package/dist/{chunk-LS42VJAI.js → chunk-HEDOL2RV.js} +2 -2
- package/dist/{chunk-RPWEXIAW.js → chunk-HEG7JIBM.js} +5 -5
- package/dist/{chunk-AZUFGKMQ.js → chunk-HJOABXKN.js} +4 -4
- package/dist/{chunk-6HLRXICF.js → chunk-IAQFQNBL.js} +4 -4
- package/dist/{chunk-PUBPZOQJ.js → chunk-IPE5FFFD.js} +2 -2
- package/dist/{chunk-FSMQF5P5.js → chunk-IXZ44HJF.js} +2 -2
- package/dist/{chunk-RRO2EOJB.js → chunk-JB67KPGM.js} +4 -4
- package/dist/{chunk-PDGAFQ6Z.js → chunk-JPDKRGYI.js} +3 -3
- package/dist/{chunk-MNJVOU7T.js → chunk-K2T2CQSZ.js} +4 -4
- package/dist/{chunk-LFB4H7Y6.js → chunk-KNNBIXWJ.js} +2 -2
- package/dist/{chunk-CKZFYGBY.js → chunk-KSF7TLXH.js} +7 -7
- package/dist/{chunk-IIUB4IOH.js → chunk-LKF5KQ2Q.js} +4 -4
- package/dist/{chunk-AZSFIQIA.js → chunk-LUWATXU4.js} +13 -13
- package/dist/{chunk-CZPU5TW3.js → chunk-LYSSO6WC.js} +4 -4
- package/dist/{chunk-J7VY6KNP.js → chunk-M3RIC6JI.js} +2 -2
- package/dist/{chunk-5ZZPQ3MT.js → chunk-MHFJBNDP.js} +10 -10
- package/dist/chunk-MLOWPVVW.js +44 -0
- package/dist/chunk-MLOWPVVW.js.map +1 -0
- package/dist/{chunk-V44U7H4M.js → chunk-MUAVYVDJ.js} +6 -6
- package/dist/chunk-N4JEQJBL.js +93 -0
- package/dist/chunk-N4JEQJBL.js.map +1 -0
- package/dist/{chunk-LPYB4Y7C.js → chunk-N4WANJI3.js} +5 -5
- package/dist/{chunk-ECIGNYSI.js → chunk-O3OU2PPT.js} +2 -2
- package/dist/{chunk-62WEMJV3.js → chunk-PLK7UGO6.js} +3 -3
- package/dist/{chunk-U7SO3N42.js → chunk-PMFW55F5.js} +3 -3
- package/dist/{chunk-AGYGNNOM.js → chunk-PQECNGDE.js} +2 -2
- package/dist/{chunk-GPVB3FQP.js → chunk-PU3AAKRR.js} +2 -2
- package/dist/{chunk-KEDI6IRA.js → chunk-QETBO7EC.js} +2 -2
- package/dist/{chunk-WBKWIFXA.js → chunk-QYNCPS5W.js} +6 -6
- package/dist/{chunk-DFLTUI7W.js → chunk-QZBUGUOY.js} +4 -4
- package/dist/{chunk-OLZTGVBT.js → chunk-REMK55JI.js} +4 -4
- package/dist/{chunk-3AEY5TYV.js → chunk-RMSH2I3O.js} +8 -4
- package/dist/chunk-RMSH2I3O.js.map +1 -0
- package/dist/{chunk-CPNSVIIB.js → chunk-RP3W6IQO.js} +5 -5
- package/dist/{chunk-4QQVIGRG.js → chunk-RQ4EQ5FJ.js} +2 -2
- package/dist/{chunk-BLT5ZBVL.js → chunk-RRX6ZTNX.js} +2 -2
- package/dist/{chunk-QL7L6RHR.js → chunk-RX6DWIIW.js} +2 -2
- package/dist/{chunk-RGBS6N72.js → chunk-SEH7KOVG.js} +2 -2
- package/dist/{chunk-GJQYM3PM.js → chunk-SHQWIDD5.js} +4 -4
- package/dist/chunk-SIZOJNB2.js +1 -0
- package/dist/chunk-SIZOJNB2.js.map +1 -0
- package/dist/{chunk-NQCYVYP3.js → chunk-SLYZMJEL.js} +2 -2
- package/dist/{chunk-HKROKM3Z.js → chunk-SM3NRN7L.js} +2 -2
- package/dist/{chunk-PMS3H3OO.js → chunk-T53L42XW.js} +10 -10
- package/dist/{chunk-LNIVT62P.js → chunk-TPUIIZN2.js} +13 -13
- package/dist/{chunk-U5RIDMMV.js → chunk-TUAIPMU7.js} +6 -6
- package/dist/{chunk-SQAU5QUY.js → chunk-UMDXGIRZ.js} +6 -3
- package/dist/chunk-UMDXGIRZ.js.map +1 -0
- package/dist/{chunk-ZYRW7FVY.js → chunk-URWGRPL7.js} +6 -2
- package/dist/chunk-URWGRPL7.js.map +1 -0
- package/dist/{chunk-7QVYJQN4.js → chunk-VJKRJYZL.js} +3 -3
- package/dist/{chunk-Q6HJMJBH.js → chunk-VSLUFBMT.js} +7 -3
- package/dist/chunk-VSLUFBMT.js.map +1 -0
- package/dist/{chunk-7EGHRNIA.js → chunk-VVXRIPV5.js} +8 -8
- package/dist/{chunk-2SWQ6HIK.js → chunk-W3FAKT3D.js} +4 -4
- package/dist/{chunk-ZOUWHGV3.js → chunk-WC3W36AM.js} +4 -4
- package/dist/{chunk-VJFH2AXT.js → chunk-WEH5TCPE.js} +8 -8
- package/dist/{chunk-CESQKLIR.js → chunk-WFX5GASM.js} +2 -2
- package/dist/{chunk-O6MZPB64.js → chunk-WR6F6J43.js} +4 -4
- package/dist/{chunk-V5P5Q6HM.js → chunk-X24P3ZYW.js} +10 -10
- package/dist/{chunk-BVGR7OYA.js → chunk-XULTDO56.js} +4 -4
- package/dist/{chunk-OGGHD64H.js → chunk-Y5UCOBQN.js} +4 -4
- package/dist/{chunk-2A3OMYCB.js → chunk-YRUCIKPO.js} +4 -4
- package/dist/{chunk-K25MT3GZ.js → chunk-YVW7VPK4.js} +2 -2
- package/dist/{chunk-XQ2BNVXL.js → chunk-ZBNTFWTG.js} +2 -2
- package/dist/{chunk-G5ZVD5IJ.js → chunk-ZDWU52DJ.js} +2 -2
- package/dist/data-display/Badge.js +2 -2
- package/dist/data-display/CardKit.js +15 -15
- package/dist/data-display/Carousel.js +2 -2
- package/dist/data-display/Chart.js +11 -11
- package/dist/data-display/DataGrid.js +3 -3
- package/dist/data-display/DataViews.js +91 -90
- package/dist/data-display/HoverCard.js +2 -2
- package/dist/data-display/InteractiveTooltip.js +2 -2
- package/dist/data-display/Lightbox.js +6 -6
- package/dist/data-display/MapPreview.js +11 -11
- package/dist/data-display/Sheet.js +4 -4
- package/dist/data-display/Table.js +2 -2
- package/dist/en-US.js +8 -8
- package/dist/feedback/ConfirmAction.js +9 -9
- package/dist/feedback/StackedModal.js +6 -6
- package/dist/form/AddressAutocomplete.js +10 -9
- package/dist/form/Autocomplete.js +2 -2
- package/dist/form/Button.js +2 -2
- package/dist/form/Calendar.js +4 -4
- package/dist/form/CategorySelect.js +12 -11
- package/dist/form/CepField.js +4 -3
- package/dist/form/CodeEditor.js +4 -3
- package/dist/form/CreatableSelect.js +2 -1
- package/dist/form/DateRangePicker.js +7 -7
- package/dist/form/HeaderActions.js +11 -0
- package/dist/form/HeaderActions.js.map +1 -0
- package/dist/form/Input.js +3 -2
- package/dist/form/InputOTP.js +3 -2
- package/dist/form/Label.js +2 -2
- package/dist/form/PhoneInput.js +2 -1
- package/dist/form/RadioGroup.js +4 -3
- package/dist/form/RichTextEditor.js +3 -2
- package/dist/form/Select.js +2 -1
- package/dist/form/Textarea.js +3 -2
- package/dist/form/Toggle.js +3 -2
- package/dist/form/total-form.js +31 -30
- package/dist/layout/ContentToolbar.js +9 -9
- package/dist/layout/Dashboard.js +4 -2
- package/dist/layout/ScrollArea.js +3 -3
- package/dist/locales.js +11 -11
- package/dist/navigation/AppHeader.js +7 -7
- package/dist/navigation/CommandPalette.js +3 -3
- package/dist/navigation/NavigationMenu.js +5 -5
- package/dist/pt-BR.js +4 -4
- package/dist/social-login-button.js +3 -3
- package/dist/types/components/form/AddressAutocomplete/AddressTextField.d.ts.map +1 -1
- package/dist/types/components/form/CategorySelect/CategorySelect.styles.d.ts.map +1 -1
- package/dist/types/components/form/CodeEditor/CodeEditor.d.ts.map +1 -1
- package/dist/types/components/form/CreatableSelect/CreatableSelect.d.ts.map +1 -1
- package/dist/types/components/form/HeaderActions/HeaderActions.d.ts +48 -0
- package/dist/types/components/form/HeaderActions/HeaderActions.d.ts.map +1 -0
- package/dist/types/components/form/HeaderActions/HeaderActions.types.d.ts +62 -0
- package/dist/types/components/form/HeaderActions/HeaderActions.types.d.ts.map +1 -0
- package/dist/types/components/form/HeaderActions/index.d.ts +3 -0
- package/dist/types/components/form/HeaderActions/index.d.ts.map +1 -0
- package/dist/types/components/form/Input/Input.styles.d.ts.map +1 -1
- package/dist/types/components/form/InputOTP/InputOTP.styles.d.ts.map +1 -1
- package/dist/types/components/form/PhoneInput/PhoneInput.d.ts.map +1 -1
- package/dist/types/components/form/RadioGroup/RadioGroup.styles.d.ts.map +1 -1
- package/dist/types/components/form/RichTextEditor/RichTextEditor.d.ts.map +1 -1
- package/dist/types/components/form/Select/Select.d.ts.map +1 -1
- package/dist/types/components/form/Textarea/Textarea.d.ts.map +1 -1
- package/dist/types/components/form/Textarea/Textarea.styles.d.ts.map +1 -1
- package/dist/types/components/form/Textarea/TextareaRichEditor.d.ts.map +1 -1
- package/dist/types/components/form/Toggle/Toggle.styles.d.ts.map +1 -1
- package/dist/types/components/layout/Dashboard/Dashboard.d.ts +4 -0
- package/dist/types/components/layout/Dashboard/Dashboard.d.ts.map +1 -1
- package/dist/types/components/layout/Dashboard/Dashboard.types.d.ts +10 -0
- package/dist/types/components/layout/Dashboard/Dashboard.types.d.ts.map +1 -1
- package/dist/types/components/layout/Dashboard/DashboardParts.d.ts +22 -1
- package/dist/types/components/layout/Dashboard/DashboardParts.d.ts.map +1 -1
- package/dist/types/components/layout/Dashboard/index.d.ts +1 -1
- package/dist/types/components/layout/Dashboard/index.d.ts.map +1 -1
- package/dist/types/tokens/field-edge.d.ts +80 -0
- package/dist/types/tokens/field-edge.d.ts.map +1 -0
- package/dist/user-avatar.js +3 -3
- package/dist/utility/InstallPrompt.js +2 -2
- package/package.json +5 -1
- package/src/components/form/AddressAutocomplete/AddressTextField.tsx +3 -1
- package/src/components/form/CategorySelect/CategorySelect.styles.ts +3 -1
- package/src/components/form/CodeEditor/CodeEditor.tsx +3 -1
- package/src/components/form/CreatableSelect/CreatableSelect.tsx +4 -2
- package/src/components/form/HeaderActions/HeaderActions.md +72 -0
- package/src/components/form/HeaderActions/HeaderActions.tsx +134 -0
- package/src/components/form/HeaderActions/HeaderActions.types.ts +64 -0
- package/src/components/form/HeaderActions/index.ts +2 -0
- package/src/components/form/Input/Input.styles.ts +5 -3
- package/src/components/form/InputOTP/InputOTP.styles.ts +3 -1
- package/src/components/form/PhoneInput/PhoneInput.tsx +3 -1
- package/src/components/form/RadioGroup/RadioGroup.styles.ts +4 -2
- package/src/components/form/RichTextEditor/RichTextEditor.tsx +3 -1
- package/src/components/form/Select/Select.tsx +4 -2
- package/src/components/form/Textarea/Textarea.styles.ts +3 -1
- package/src/components/form/Textarea/Textarea.tsx +4 -2
- package/src/components/form/Textarea/TextareaRichEditor.tsx +3 -1
- package/src/components/form/Toggle/Toggle.styles.ts +3 -1
- package/src/components/layout/Dashboard/Dashboard.md +9 -2
- package/src/components/layout/Dashboard/Dashboard.tsx +2 -0
- package/src/components/layout/Dashboard/Dashboard.types.ts +12 -0
- package/src/components/layout/Dashboard/DashboardParts.tsx +36 -0
- package/src/components/layout/Dashboard/index.ts +1 -0
- package/src/tokens/field-edge.ts +141 -0
- package/dist/chunk-3AEY5TYV.js.map +0 -1
- package/dist/chunk-4VPCZFF3.js.map +0 -1
- package/dist/chunk-5QQWAIZO.js.map +0 -1
- package/dist/chunk-A2WJMZX5.js.map +0 -1
- package/dist/chunk-A43SJQYE.js.map +0 -1
- package/dist/chunk-B2324WXJ.js.map +0 -1
- package/dist/chunk-FLSSV4TH.js.map +0 -1
- package/dist/chunk-FXMZMX5E.js.map +0 -1
- package/dist/chunk-J72KWTHC.js.map +0 -1
- package/dist/chunk-MNZ2NT5A.js.map +0 -1
- package/dist/chunk-Q6HJMJBH.js.map +0 -1
- package/dist/chunk-SQAU5QUY.js.map +0 -1
- package/dist/chunk-XCT2ZLA6.js.map +0 -1
- package/dist/chunk-XN5AYC5S.js.map +0 -1
- package/dist/chunk-ZYRW7FVY.js.map +0 -1
- /package/dist/{chunk-WQSL6MCA.js.map → chunk-23FCBIUN.js.map} +0 -0
- /package/dist/{chunk-QIKTIKO6.js.map → chunk-24LW52EU.js.map} +0 -0
- /package/dist/{chunk-75KRWRJA.js.map → chunk-2ZDTGI5V.js.map} +0 -0
- /package/dist/{chunk-XPS7FWZS.js.map → chunk-3LO5JWTC.js.map} +0 -0
- /package/dist/{chunk-MYOFULG4.js.map → chunk-3ORFVLI3.js.map} +0 -0
- /package/dist/{chunk-EIGELK2H.js.map → chunk-3P4THDBM.js.map} +0 -0
- /package/dist/{chunk-SJIBPRPB.js.map → chunk-3T2I6BYA.js.map} +0 -0
- /package/dist/{chunk-ZNGUDGKW.js.map → chunk-45OIUWGO.js.map} +0 -0
- /package/dist/{chunk-4ETQRBZC.js.map → chunk-46UPILLK.js.map} +0 -0
- /package/dist/{chunk-S7CAXRRP.js.map → chunk-4Y65Q3CR.js.map} +0 -0
- /package/dist/{chunk-2UCJJACD.js.map → chunk-5VVM2PPV.js.map} +0 -0
- /package/dist/{chunk-JE6RZ5L6.js.map → chunk-5ZOJLYD2.js.map} +0 -0
- /package/dist/{chunk-AVGTTWTE.js.map → chunk-65DLYC4S.js.map} +0 -0
- /package/dist/{chunk-O6V7KKW7.js.map → chunk-6CBYPMYQ.js.map} +0 -0
- /package/dist/{chunk-BPCYXLWY.js.map → chunk-6HNEEJES.js.map} +0 -0
- /package/dist/{chunk-WXVHZHSJ.js.map → chunk-6RFL7HGI.js.map} +0 -0
- /package/dist/{chunk-UENDC45F.js.map → chunk-6TYSEAAT.js.map} +0 -0
- /package/dist/{chunk-R7MX5KPJ.js.map → chunk-6YLAVHV4.js.map} +0 -0
- /package/dist/{chunk-RXSGHPCR.js.map → chunk-7FOOLP5H.js.map} +0 -0
- /package/dist/{chunk-EICVL6GS.js.map → chunk-7HPPUO2A.js.map} +0 -0
- /package/dist/{chunk-3BR2CLAM.js.map → chunk-A3KY6NUA.js.map} +0 -0
- /package/dist/{chunk-2I5B5NNT.js.map → chunk-AX7UFG2U.js.map} +0 -0
- /package/dist/{chunk-7DNQHMDO.js.map → chunk-B6IURHSZ.js.map} +0 -0
- /package/dist/{chunk-CZJLWCEG.js.map → chunk-BPYPUEM5.js.map} +0 -0
- /package/dist/{chunk-5VZPVDUF.js.map → chunk-COSJTD6Z.js.map} +0 -0
- /package/dist/{chunk-AP3PVR3T.js.map → chunk-CXA6UNFF.js.map} +0 -0
- /package/dist/{chunk-LPNF4YJ7.js.map → chunk-DGMR3IMM.js.map} +0 -0
- /package/dist/{chunk-MUFI3ZXS.js.map → chunk-DQIQKIEA.js.map} +0 -0
- /package/dist/{chunk-LQR2IVSL.js.map → chunk-DWUMMMLR.js.map} +0 -0
- /package/dist/{chunk-56SMIHWE.js.map → chunk-EE2LBAJH.js.map} +0 -0
- /package/dist/{chunk-SHDIZSN5.js.map → chunk-EGRFMPGD.js.map} +0 -0
- /package/dist/{chunk-M6365FGG.js.map → chunk-ELYLG4F7.js.map} +0 -0
- /package/dist/{chunk-PHA3NFZM.js.map → chunk-ENK4XGKF.js.map} +0 -0
- /package/dist/{chunk-XFUNJYFT.js.map → chunk-EPNUVSNK.js.map} +0 -0
- /package/dist/{chunk-QTPKACVO.js.map → chunk-EY4LPLIR.js.map} +0 -0
- /package/dist/{chunk-GNAAHDCN.js.map → chunk-FF55LRSV.js.map} +0 -0
- /package/dist/{chunk-L6KEVPXN.js.map → chunk-FH4VARZ7.js.map} +0 -0
- /package/dist/{chunk-J4DDXHLB.js.map → chunk-FJHNNSD3.js.map} +0 -0
- /package/dist/{chunk-ONZPM6FP.js.map → chunk-G7CFUI4I.js.map} +0 -0
- /package/dist/{chunk-KDIWFARU.js.map → chunk-GBB6XQ56.js.map} +0 -0
- /package/dist/{chunk-UHXNEXOC.js.map → chunk-GFBNUWT5.js.map} +0 -0
- /package/dist/{chunk-PLOOVF43.js.map → chunk-GGE7Y53F.js.map} +0 -0
- /package/dist/{chunk-R6SBP5M5.js.map → chunk-GOWBYHYW.js.map} +0 -0
- /package/dist/{chunk-HDNK7BAX.js.map → chunk-GT7C6TSM.js.map} +0 -0
- /package/dist/{chunk-7SZ3PFZW.js.map → chunk-HBAPVB7T.js.map} +0 -0
- /package/dist/{chunk-V7TPSQOH.js.map → chunk-HBZIN6IQ.js.map} +0 -0
- /package/dist/{chunk-LS42VJAI.js.map → chunk-HEDOL2RV.js.map} +0 -0
- /package/dist/{chunk-RPWEXIAW.js.map → chunk-HEG7JIBM.js.map} +0 -0
- /package/dist/{chunk-AZUFGKMQ.js.map → chunk-HJOABXKN.js.map} +0 -0
- /package/dist/{chunk-6HLRXICF.js.map → chunk-IAQFQNBL.js.map} +0 -0
- /package/dist/{chunk-PUBPZOQJ.js.map → chunk-IPE5FFFD.js.map} +0 -0
- /package/dist/{chunk-FSMQF5P5.js.map → chunk-IXZ44HJF.js.map} +0 -0
- /package/dist/{chunk-RRO2EOJB.js.map → chunk-JB67KPGM.js.map} +0 -0
- /package/dist/{chunk-PDGAFQ6Z.js.map → chunk-JPDKRGYI.js.map} +0 -0
- /package/dist/{chunk-MNJVOU7T.js.map → chunk-K2T2CQSZ.js.map} +0 -0
- /package/dist/{chunk-LFB4H7Y6.js.map → chunk-KNNBIXWJ.js.map} +0 -0
- /package/dist/{chunk-CKZFYGBY.js.map → chunk-KSF7TLXH.js.map} +0 -0
- /package/dist/{chunk-IIUB4IOH.js.map → chunk-LKF5KQ2Q.js.map} +0 -0
- /package/dist/{chunk-AZSFIQIA.js.map → chunk-LUWATXU4.js.map} +0 -0
- /package/dist/{chunk-CZPU5TW3.js.map → chunk-LYSSO6WC.js.map} +0 -0
- /package/dist/{chunk-J7VY6KNP.js.map → chunk-M3RIC6JI.js.map} +0 -0
- /package/dist/{chunk-5ZZPQ3MT.js.map → chunk-MHFJBNDP.js.map} +0 -0
- /package/dist/{chunk-V44U7H4M.js.map → chunk-MUAVYVDJ.js.map} +0 -0
- /package/dist/{chunk-LPYB4Y7C.js.map → chunk-N4WANJI3.js.map} +0 -0
- /package/dist/{chunk-ECIGNYSI.js.map → chunk-O3OU2PPT.js.map} +0 -0
- /package/dist/{chunk-62WEMJV3.js.map → chunk-PLK7UGO6.js.map} +0 -0
- /package/dist/{chunk-U7SO3N42.js.map → chunk-PMFW55F5.js.map} +0 -0
- /package/dist/{chunk-AGYGNNOM.js.map → chunk-PQECNGDE.js.map} +0 -0
- /package/dist/{chunk-GPVB3FQP.js.map → chunk-PU3AAKRR.js.map} +0 -0
- /package/dist/{chunk-KEDI6IRA.js.map → chunk-QETBO7EC.js.map} +0 -0
- /package/dist/{chunk-WBKWIFXA.js.map → chunk-QYNCPS5W.js.map} +0 -0
- /package/dist/{chunk-DFLTUI7W.js.map → chunk-QZBUGUOY.js.map} +0 -0
- /package/dist/{chunk-OLZTGVBT.js.map → chunk-REMK55JI.js.map} +0 -0
- /package/dist/{chunk-CPNSVIIB.js.map → chunk-RP3W6IQO.js.map} +0 -0
- /package/dist/{chunk-4QQVIGRG.js.map → chunk-RQ4EQ5FJ.js.map} +0 -0
- /package/dist/{chunk-BLT5ZBVL.js.map → chunk-RRX6ZTNX.js.map} +0 -0
- /package/dist/{chunk-QL7L6RHR.js.map → chunk-RX6DWIIW.js.map} +0 -0
- /package/dist/{chunk-RGBS6N72.js.map → chunk-SEH7KOVG.js.map} +0 -0
- /package/dist/{chunk-GJQYM3PM.js.map → chunk-SHQWIDD5.js.map} +0 -0
- /package/dist/{chunk-NQCYVYP3.js.map → chunk-SLYZMJEL.js.map} +0 -0
- /package/dist/{chunk-HKROKM3Z.js.map → chunk-SM3NRN7L.js.map} +0 -0
- /package/dist/{chunk-PMS3H3OO.js.map → chunk-T53L42XW.js.map} +0 -0
- /package/dist/{chunk-LNIVT62P.js.map → chunk-TPUIIZN2.js.map} +0 -0
- /package/dist/{chunk-U5RIDMMV.js.map → chunk-TUAIPMU7.js.map} +0 -0
- /package/dist/{chunk-7QVYJQN4.js.map → chunk-VJKRJYZL.js.map} +0 -0
- /package/dist/{chunk-7EGHRNIA.js.map → chunk-VVXRIPV5.js.map} +0 -0
- /package/dist/{chunk-2SWQ6HIK.js.map → chunk-W3FAKT3D.js.map} +0 -0
- /package/dist/{chunk-ZOUWHGV3.js.map → chunk-WC3W36AM.js.map} +0 -0
- /package/dist/{chunk-VJFH2AXT.js.map → chunk-WEH5TCPE.js.map} +0 -0
- /package/dist/{chunk-CESQKLIR.js.map → chunk-WFX5GASM.js.map} +0 -0
- /package/dist/{chunk-O6MZPB64.js.map → chunk-WR6F6J43.js.map} +0 -0
- /package/dist/{chunk-V5P5Q6HM.js.map → chunk-X24P3ZYW.js.map} +0 -0
- /package/dist/{chunk-BVGR7OYA.js.map → chunk-XULTDO56.js.map} +0 -0
- /package/dist/{chunk-OGGHD64H.js.map → chunk-Y5UCOBQN.js.map} +0 -0
- /package/dist/{chunk-2A3OMYCB.js.map → chunk-YRUCIKPO.js.map} +0 -0
- /package/dist/{chunk-K25MT3GZ.js.map → chunk-YVW7VPK4.js.map} +0 -0
- /package/dist/{chunk-XQ2BNVXL.js.map → chunk-ZBNTFWTG.js.map} +0 -0
- /package/dist/{chunk-G5ZVD5IJ.js.map → chunk-ZDWU52DJ.js.map} +0 -0
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { HeaderActionsProps } from './HeaderActions.types';
|
|
3
|
+
/**
|
|
4
|
+
* The page header's actions, as ONE control that scales with how many there
|
|
5
|
+
* are: nothing, a button, or a button plus an overflow menu.
|
|
6
|
+
*
|
|
7
|
+
* | actions | renders |
|
|
8
|
+
* |---|---|
|
|
9
|
+
* | 0 | nothing at all — not an empty box, and not a menu with no items |
|
|
10
|
+
* | 1 | that action, as an ordinary `HeaderButton` |
|
|
11
|
+
* | n | the FIRST as a button; the other n−1 inside one dropdown |
|
|
12
|
+
*
|
|
13
|
+
* ## Why the first one stays a button
|
|
14
|
+
*
|
|
15
|
+
* A header whose every action lives behind a menu costs two clicks for the
|
|
16
|
+
* thing the page is FOR — "Novo produto" on a catalog, "Nova categoria" on the
|
|
17
|
+
* categories list. Folding it in with the exports and the reorder screens
|
|
18
|
+
* would treat a merchant's daily action as equal to the one they use monthly.
|
|
19
|
+
* So the array is in PRIORITY order and index 0 keeps its button; everything
|
|
20
|
+
* after it is secondary by the caller's own declaration.
|
|
21
|
+
*
|
|
22
|
+
* ## Why this takes a list and not children
|
|
23
|
+
*
|
|
24
|
+
* The 0/1/n decision is only decidable over data. A component handed JSX can
|
|
25
|
+
* count `React.Children`, but it cannot tell a gated-away action from an
|
|
26
|
+
* absent one, cannot read a label to put in a menu row, and cannot re-render
|
|
27
|
+
* a `<Button>` as a `<MenuItem>` without reaching into its props. Every
|
|
28
|
+
* caller in the estate had therefore hand-written the row, which is how four
|
|
29
|
+
* equally-weighted buttons ended up wrapping the line on a catalog page.
|
|
30
|
+
*
|
|
31
|
+
* ## One element, so the spacing is the component's and not the mount's
|
|
32
|
+
*
|
|
33
|
+
* It renders an `inline-flex` box rather than a fragment. A fragment inherits
|
|
34
|
+
* whatever gap its parent happens to set, and the two mounts here set
|
|
35
|
+
* different ones — a `Dashboard.Header` spaces its children, a
|
|
36
|
+
* `Dashboard.Action` slot does not, which is why the pair of buttons in that
|
|
37
|
+
* slot sat flush against each other. The gap belongs to the control.
|
|
38
|
+
*
|
|
39
|
+
* ## The ids survive the move
|
|
40
|
+
*
|
|
41
|
+
* An action that overflows keeps its `dataTestId` on its `MenuItem`. It is a
|
|
42
|
+
* different element in a different place, and it must still answer to the same
|
|
43
|
+
* selector: otherwise adding a fifth action to a header silently breaks the
|
|
44
|
+
* suite of the action that got pushed out, which is the last place anyone
|
|
45
|
+
* would look.
|
|
46
|
+
*/
|
|
47
|
+
export declare function HeaderActions({ actions, moreLabel, collapseBelow, testIdPrefix, }: HeaderActionsProps): React.JSX.Element | null;
|
|
48
|
+
//# sourceMappingURL=HeaderActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AASA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAoB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAWlF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,aAAoB,EACpB,YAA+B,GAChC,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6D/C"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { HeaderButtonProps } from '../HeaderButton';
|
|
3
|
+
/**
|
|
4
|
+
* One page-header action, declared as DATA rather than composed as an element.
|
|
5
|
+
*
|
|
6
|
+
* That is the whole point of the type. A header that composes its buttons as
|
|
7
|
+
* JSX can only ever render all of them, because nothing can count a fragment's
|
|
8
|
+
* children without walking React internals — so "three actions" and "seven
|
|
9
|
+
* actions" produce the same row, and the seventh button is what wraps the line
|
|
10
|
+
* on a laptop. A list can be measured, so the component can decide.
|
|
11
|
+
*/
|
|
12
|
+
export interface HeaderActionItem {
|
|
13
|
+
/**
|
|
14
|
+
* Stable identity. Used as the React key, and as the `data-testid` fallback
|
|
15
|
+
* so an action that MOVES into the overflow menu keeps the selector it had
|
|
16
|
+
* as a button — a suite driving it by id must not care where it ended up.
|
|
17
|
+
*/
|
|
18
|
+
id: string;
|
|
19
|
+
/** The label. Shown beside the icon as a button; alone in the menu row. */
|
|
20
|
+
text: ReactNode;
|
|
21
|
+
/** Leading icon. Always visible as a button, and in the menu row. */
|
|
22
|
+
icon: ReactNode;
|
|
23
|
+
onClick?: () => void;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Drop this action entirely when false. Present so a caller can declare a
|
|
27
|
+
* permission- or plan-gated action inline, instead of building the array
|
|
28
|
+
* conditionally and losing the reason it is missing.
|
|
29
|
+
*
|
|
30
|
+
* @default true
|
|
31
|
+
*/
|
|
32
|
+
visible?: boolean;
|
|
33
|
+
/** Overrides the `data-testid`, which otherwise falls back to {@link id}. */
|
|
34
|
+
dataTestId?: string;
|
|
35
|
+
/** MUI variant for the PRIMARY rendering. Ignored inside the menu. */
|
|
36
|
+
variant?: HeaderButtonProps['variant'];
|
|
37
|
+
/** MUI color for the PRIMARY rendering. Ignored inside the menu. */
|
|
38
|
+
color?: HeaderButtonProps['color'];
|
|
39
|
+
}
|
|
40
|
+
/** Props for {@link HeaderActions}. */
|
|
41
|
+
export interface HeaderActionsProps {
|
|
42
|
+
/**
|
|
43
|
+
* The actions, in priority order — the first is the one that stays a button.
|
|
44
|
+
*
|
|
45
|
+
* `false`/`null`/`undefined` entries are dropped, so a caller can write
|
|
46
|
+
* `[edit, canDelete && del]` without pre-filtering.
|
|
47
|
+
*/
|
|
48
|
+
actions: Array<HeaderActionItem | false | null | undefined>;
|
|
49
|
+
/**
|
|
50
|
+
* The overflow trigger's label, which is also its accessible name. REQUIRED:
|
|
51
|
+
* this package ships no copy of its own, in any language.
|
|
52
|
+
*/
|
|
53
|
+
moreLabel: string;
|
|
54
|
+
/** Width below which every button collapses to icon-only. @default 'md' */
|
|
55
|
+
collapseBelow?: HeaderButtonProps['collapseBelow'];
|
|
56
|
+
/**
|
|
57
|
+
* Prefix for the overflow trigger's and menu's own test ids. The ACTIONS
|
|
58
|
+
* keep their own ids either way. @default 'header-actions'
|
|
59
|
+
*/
|
|
60
|
+
testIdPrefix?: string;
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=HeaderActions.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderActions.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/HeaderActions/HeaderActions.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;;;;GAQG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,2EAA2E;IAC3E,IAAI,EAAE,SAAS,CAAC;IAChB,qEAAqE;IACrE,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACvC,oEAAoE;IACpE,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IACjC;;;;;OAKG;IACH,OAAO,EAAE,KAAK,CAAC,gBAAgB,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC5D;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/HeaderActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,KAAK,YAAY,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;AAkBvD,yFAAyF;AACzF,eAAO,MAAM,aAAa,GAAI,SAAS,YAAY,KAAG,UAAU,GAAG,QAAQ,GAAG,UAU7E,CAAC;AAIF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMpB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,KAAG,SAOxC,CAAC;AAIH,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,KAAG,SAgBzC,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,KAAG,SASjD,CAAC;AAEH,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK,EAAE,UAAU,YAAY,KAAG,SAkCtE,CAAC;AAmCF,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,KAAG,SAc5C,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,OAAO,KAAK,KAAG,SAQ1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputOTP.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/InputOTP/InputOTP.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"InputOTP.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/InputOTP/InputOTP.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AA4DtE,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,OAAO,YAAY,KAAG,SA+B7D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,EAAE,EAAC,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAc,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,EAAE,EAAC,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAc,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAqRtE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA2E1C,CAAC;AAGF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/RadioGroup/RadioGroup.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioGroup.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/RadioGroup/RadioGroup.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AA2FtE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,EAAE,QAAQ,OAAO,EAAE,QAAQ,OAAO,KAAG,SAY3E,CAAC;AAuCH,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,EAAE,OAAO,YAAY,KAAG,SAwB/D,CAAC;AA6CF,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,EAAE,OAAO,YAAY,KAAG,SAmBjE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,KAAK,EACZ,QAAQ,OAAO,EACf,oBAAuB,KACtB,SAcF,CAAC;AAkBF,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK,EAAE,OAAO,YAAY,KAAG,SA4BnE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,mBAAmB,EAAiB,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,mBAAmB,EAAiB,MAAM,wBAAwB,CAAC;AA4EjF,eAAO,MAAM,cAAc,4FAoE1B,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA8KlD,eAAO,MAAM,MAAM,iGAiFlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAwBxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/Textarea.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAwBxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAoMtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+E5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/Textarea.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/Textarea.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AA6BtE,eAAO,MAAM,cAAc;;;;;UAU1B,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AA6BF,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,KAAG,eAa/D,CAAC;AAKF,eAAO,MAAM,sBAAsB,GAAI,iDAMpC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,KAAG,SAuCH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaRichEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/TextareaRichEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"TextareaRichEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Textarea/TextareaRichEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AA6T3D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC;;;;OAIG;IACH,IAAI,EAAE,qBAAqB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAyCA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAgB,KAAK,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAgB,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAepF,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAiBD,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,KAAG,aAqB/D,CAAC;AAUF,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,cAAc,aAAa,EAC3B,YAAY,MAAM,KACjB,SAoED,CAAC;AAEH,eAAO,MAAM,aAAa,GACxB,eAAe,MAAM,GAAG,SAAS,EACjC,cAAc,aAAa,KAC1B,SA2BF,CAAC;AAEF,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAID,eAAO,MAAM,YAAY,GACvB,OAAO,KAAK,EACZ,cAAc,aAAa,EAC3B,2BAA2B,aAAa,KACvC,SA0BD,CAAC"}
|
|
@@ -82,6 +82,10 @@ export declare const Dashboard: {
|
|
|
82
82
|
({ children }: import("./Dashboard.types").DashboardActionProps): React.JSX.Element;
|
|
83
83
|
displayName: string;
|
|
84
84
|
};
|
|
85
|
+
Actions: {
|
|
86
|
+
({ actions, moreLabel, collapseBelow, }: import("./Dashboard.types").DashboardActionsProps): React.JSX.Element;
|
|
87
|
+
displayName: string;
|
|
88
|
+
};
|
|
85
89
|
Filters: {
|
|
86
90
|
({ children, className }: DashboardFiltersProps): React.JSX.Element;
|
|
87
91
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/Dashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA4B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/Dashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,KAAK,EACV,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,QAAA,MAAM,UAAU,sDAAuD,CAAC;AACxE,sEAAsE;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAKxD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,aAAa,GAAG,CAAC,CAGzE;AAwBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS;uFAMnB,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;4CA6ClC,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;yCAkDU,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAuB9C,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;8BAyBxB,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;kCA6BjE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;CA3IrF,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { ElementType, ReactNode } from 'react';
|
|
2
|
+
import type { HeaderActionsProps } from '../../form/HeaderActions';
|
|
2
3
|
/** A single breadcrumb entry for `<Dashboard.Breadcrumb>`. */
|
|
3
4
|
export interface DashboardBreadcrumbItem {
|
|
4
5
|
/** Visible label. */
|
|
@@ -123,6 +124,15 @@ export interface DashboardExportProps {
|
|
|
123
124
|
export interface DashboardActionProps {
|
|
124
125
|
children: ReactNode;
|
|
125
126
|
}
|
|
127
|
+
/**
|
|
128
|
+
* Props for `<Dashboard.Actions>` — the header's actions DECLARED, rather than
|
|
129
|
+
* composed one `<Dashboard.Action>` at a time.
|
|
130
|
+
*
|
|
131
|
+
* `testIdPrefix` is not among them: the Dashboard already has one, from its
|
|
132
|
+
* root, and letting the part carry a second would give one page two answers to
|
|
133
|
+
* "what is this header called".
|
|
134
|
+
*/
|
|
135
|
+
export type DashboardActionsProps = Omit<HeaderActionsProps, 'testIdPrefix'>;
|
|
126
136
|
/** Props for `<Dashboard.Filters>` — the collapsible search/filter region. */
|
|
127
137
|
export interface DashboardFiltersProps {
|
|
128
138
|
/** Filter controls (search input, pills, `<Dashboard.MoreFilters>`, …). */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dashboard.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/Dashboard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,8DAA8D;AAC9D,MAAM,WAAW,uBAAuB;IACtC,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wDAAwD;AACxD,MAAM,WAAW,cAAc;IAC7B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,0CAA0C;AAC1C,MAAM,WAAW,wBAAwB;IACvC,kCAAkC;IAClC,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8EAA8E;AAC9E,MAAM,WAAW,oBAAoB;IACnC,kBAAkB;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4EAA4E;AAC5E,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8DAA8D;AAC9D,MAAM,WAAW,0BAA0B;IACzC,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,6DAA6D;AAC7D,UAAU,0BAA0B;IAClC,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,4BAA6B,SAAQ,0BAA0B;IAC9E,2EAA2E;IAC3E,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA2B,SAAQ,0BAA0B;IAC5E,sEAAsE;IACtE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,sBAAsB,GAC9B,4BAA4B,GAC5B,0BAA0B,CAAC;AAE/B,8DAA8D;AAC9D,MAAM,WAAW,qBAAqB;IACpC,yDAAyD;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,4DAA4D;AAC5D,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,OAAO,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAClC,yCAAyC;IACzC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,8EAA8E;AAC9E,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,8EAA8E;AAC9E,MAAM,WAAW,qBAAqB;IACpC,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4EAA4E;AAC5E,MAAM,WAAW,yBAAyB;IACxC,sEAAsE;IACtE,QAAQ,EAAE,SAAS,CAAC;IACpB,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,6EAA6E;AAC7E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
1
|
+
{"version":3,"file":"Dashboard.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/Dashboard.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { DashboardActionProps, DashboardExportProps, DashboardFilterToggleProps, DashboardInfoProps, DashboardSettingsProps } from './Dashboard.types';
|
|
2
|
+
import type { DashboardActionProps, DashboardActionsProps, DashboardExportProps, DashboardFilterToggleProps, DashboardInfoProps, DashboardSettingsProps } from './Dashboard.types';
|
|
3
3
|
/** Flexible spacer — everything composed after it is pushed to the right. */
|
|
4
4
|
export declare const DashboardSpacer: {
|
|
5
5
|
(): React.JSX.Element;
|
|
@@ -25,4 +25,25 @@ export declare const DashboardAction: {
|
|
|
25
25
|
({ children }: DashboardActionProps): React.JSX.Element;
|
|
26
26
|
displayName: string;
|
|
27
27
|
};
|
|
28
|
+
/**
|
|
29
|
+
* The header's actions, declared as a LIST — `<Dashboard.Action>`'s plural.
|
|
30
|
+
*
|
|
31
|
+
* `<Dashboard.Action>` is a slot: it renders whatever you hand it, once per
|
|
32
|
+
* action, and a page with five of them draws five equally-loud buttons. That is
|
|
33
|
+
* the right primitive for one button and the wrong one for five, and the pages
|
|
34
|
+
* here that grew a fifth action all grew it the same way — by adding a fifth
|
|
35
|
+
* slot, because the slot was the only thing on offer.
|
|
36
|
+
*
|
|
37
|
+
* This part answers the question the slot cannot: given N actions, how many
|
|
38
|
+
* belong on the bar? See {@link HeaderActions} for the rule (0 ⇒ nothing,
|
|
39
|
+
* 1 ⇒ a button, n ⇒ a button and a menu of the rest).
|
|
40
|
+
*
|
|
41
|
+
* Both stay. A header still composes `<Dashboard.Action>` for the one control
|
|
42
|
+
* that is not an action at all — a link, a toggle, a status pill — and reaches
|
|
43
|
+
* for this when it has actions to rank.
|
|
44
|
+
*/
|
|
45
|
+
export declare const DashboardActions: {
|
|
46
|
+
({ actions, moreLabel, collapseBelow, }: DashboardActionsProps): React.JSX.Element;
|
|
47
|
+
displayName: string;
|
|
48
|
+
};
|
|
28
49
|
//# sourceMappingURL=DashboardParts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/DashboardParts.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DashboardParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/DashboardParts.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EAErB,oBAAoB,EACpB,0BAA0B,EAC1B,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAE3B,6EAA6E;AAC7E,eAAO,MAAM,eAAe;QAAO,KAAK,CAAC,GAAG,CAAC,OAAO;;CAAwC,CAAC;AAG7F,eAAO,MAAM,aAAa;sCAIvB,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAkCxC,CAAC;AAGF,eAAO,MAAM,qBAAqB;oBAAmB,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAmBlG,CAAC;AAGF,eAAO,MAAM,iBAAiB;uEAO3B,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAiD5C,CAAC;AASF,eAAO,MAAM,eAAe;oCAIzB,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAiC1C,CAAC;AAGF,eAAO,MAAM,eAAe;mBAAkB,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAErF,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB;6CAI1B,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAU3C,CAAC"}
|
|
@@ -2,5 +2,5 @@ export { Dashboard, markDashboardSlot } from './Dashboard';
|
|
|
2
2
|
export type { DashboardSlot } from './Dashboard';
|
|
3
3
|
export { DashboardContext, useDashboardContext } from './DashboardContext';
|
|
4
4
|
export type { DashboardContextValue } from './DashboardContext';
|
|
5
|
-
export type { DashboardActionProps, DashboardBodyProps, DashboardBreadcrumbItem, DashboardBreadcrumbProps, DashboardExportFormat, DashboardExportProps, DashboardFiltersProps, DashboardFilterToggleProps, DashboardHeaderProps, DashboardInfoProps, DashboardMoreFiltersProps, DashboardProps, DashboardSettingsProps, } from './Dashboard.types';
|
|
5
|
+
export type { DashboardActionProps, DashboardActionsProps, DashboardBodyProps, DashboardBreadcrumbItem, DashboardBreadcrumbProps, DashboardExportFormat, DashboardExportProps, DashboardFiltersProps, DashboardFilterToggleProps, DashboardHeaderProps, DashboardInfoProps, DashboardMoreFiltersProps, DashboardProps, DashboardSettingsProps, } from './Dashboard.types';
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,0BAA0B,EAC1B,oBAAoB,EACpB,kBAAkB,EAClB,yBAAyB,EACzB,cAAc,EACd,sBAAsB,GACvB,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,0BAA0B,EAC1B,oBAAoB,EACpB,kBAAkB,EAClB,yBAAyB,EACzB,cAAc,EACd,sBAAsB,GACvB,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import type { Theme } from '@mui/material/styles/index.js';
|
|
2
|
+
/**
|
|
3
|
+
* THE EDGE THAT TELLS YOU WHERE A FIELD IS.
|
|
4
|
+
*
|
|
5
|
+
* Every outlined control in this package drew its resting border from
|
|
6
|
+
* `alpha(theme.palette.divider, 0.23)` — or 0.2, or 0.18, or 0.42 for the
|
|
7
|
+
* underline. On the MUI default theme that expression is harmless, and that is
|
|
8
|
+
* exactly why it survived: MUI's own light `divider` is `rgba(0, 0, 0, 0.12)`,
|
|
9
|
+
* and `alpha()` REPLACES the alpha channel rather than multiplying it, so
|
|
10
|
+
* `alpha(divider, 0.23)` resolves to `rgba(0, 0, 0, 0.23)` — byte for byte the
|
|
11
|
+
* border MUI's own `OutlinedInput` ships. The line reads like a restatement of
|
|
12
|
+
* the default because, against the default, it is one.
|
|
13
|
+
*
|
|
14
|
+
* Give it a theme whose `divider` is an OPAQUE hex and the same expression
|
|
15
|
+
* collapses. A themed divider is already a hairline — a pale warm cream, a pale
|
|
16
|
+
* green-grey — chosen to separate two rows INSIDE a card. Fading that to 23%
|
|
17
|
+
* over the card it sits on leaves a border the same colour as the card:
|
|
18
|
+
*
|
|
19
|
+
* | theme | resolved border | ratio |
|
|
20
|
+
* |--------------------------------|-----------------|-------|
|
|
21
|
+
* | MUI default (`rgba(0,0,0,.12)`)| `#C4C4C4` | 1.74:1|
|
|
22
|
+
* | a warm hairline `#EBD9C7` | `#FAF6F2` | 1.08:1|
|
|
23
|
+
* | a cool hairline `#D7DDD5` | `#EDF0EC` | 1.06:1|
|
|
24
|
+
*
|
|
25
|
+
* 1.06:1 is not a faint border, it is no border: the field is invisible until
|
|
26
|
+
* you click into it. Both failing rows are real adopter themes, and neither
|
|
27
|
+
* adopter did anything wrong — they set `palette.divider`, which is what a theme
|
|
28
|
+
* is for.
|
|
29
|
+
*
|
|
30
|
+
* **So the fault is using `divider` for this at all**, not the alpha on top of
|
|
31
|
+
* it. Even at FULL strength those hairlines are 1.26:1 and 1.27:1 against their
|
|
32
|
+
* own paper. A row separator and a control boundary are different jobs with
|
|
33
|
+
* different floors, and only one of them has a number in the spec.
|
|
34
|
+
*
|
|
35
|
+
* ## The floor, and why it is measured rather than picked
|
|
36
|
+
*
|
|
37
|
+
* WCAG 2.1 SC 1.4.11 (Non-text Contrast) puts a control's own boundary at
|
|
38
|
+
* {@link MIN_UI_CONTRAST}. A hex cannot satisfy that on its own, because the
|
|
39
|
+
* ratio is a fact about a PAIR — the same border is fine on white and gone on a
|
|
40
|
+
* dark card. So {@link fieldEdge} takes the theme's hairline as a SEED and walks
|
|
41
|
+
* it away from the surface until it clears, which means:
|
|
42
|
+
*
|
|
43
|
+
* - a theme whose divider already clears keeps its own colour, untouched;
|
|
44
|
+
* - one that does not gets the nearest tone of ITS OWN hairline that does, so
|
|
45
|
+
* the border still looks like the theme's, just visible;
|
|
46
|
+
* - dark mode needs no second table — the walk lightens on a dark surface for
|
|
47
|
+
* the same reason it darkens on a light one.
|
|
48
|
+
*
|
|
49
|
+
* This is the argument `readableInk` makes for text in `@12-apps/app-shell`,
|
|
50
|
+
* applied to the boundary rather than the ink. It is not imported from there:
|
|
51
|
+
* that package depends on THIS one, so the edge would be a cycle.
|
|
52
|
+
*
|
|
53
|
+
* ## What this does NOT touch
|
|
54
|
+
*
|
|
55
|
+
* Hover and focus, which every control already draws in `primary.main` — a
|
|
56
|
+
* corrected brand colour that clears the floor by construction. The resting
|
|
57
|
+
* state was the only one you could not see, and it is the one that matters,
|
|
58
|
+
* because it is the state a field is in before anyone has found it.
|
|
59
|
+
*/
|
|
60
|
+
/**
|
|
61
|
+
* WCAG 2.1 SC 1.4.11 — the contrast a control's own boundary owes the surface
|
|
62
|
+
* behind it.
|
|
63
|
+
*
|
|
64
|
+
* 3:1 rather than the 4.5:1 the same spec asks of body text: a border is a
|
|
65
|
+
* shape, not a glyph, so it stays findable at a lower ratio. It is a FLOOR and
|
|
66
|
+
* not a target — {@link fieldEdge} stops at the first tone that clears it, so a
|
|
67
|
+
* theme with a stronger hairline keeps the stronger one.
|
|
68
|
+
*/
|
|
69
|
+
export declare const MIN_UI_CONTRAST = 3;
|
|
70
|
+
/**
|
|
71
|
+
* The resting boundary for a form control on `surface`.
|
|
72
|
+
*
|
|
73
|
+
* `surface` defaults to `background.paper` because that is what a field sits on
|
|
74
|
+
* in the overwhelming majority of cases — a dialog, a card, a form panel. A
|
|
75
|
+
* control on a deliberately different ground (a tinted strip, a glass pane over
|
|
76
|
+
* a photo) should pass the ground it is actually on; the answer is only as good
|
|
77
|
+
* as the pair it is given.
|
|
78
|
+
*/
|
|
79
|
+
export declare function fieldEdge(theme: Theme, surface?: string): string;
|
|
80
|
+
//# sourceMappingURL=field-edge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field-edge.d.ts","sourceRoot":"","sources":["../../../src/tokens/field-edge.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AAkCjC;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAkBhE"}
|
package/dist/user-avatar.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
UserAvatar,
|
|
3
3
|
UserMenu
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-DQIQKIEA.js";
|
|
5
5
|
import "./chunk-UDQSIRAP.js";
|
|
6
6
|
import "./chunk-QIV73V2X.js";
|
|
7
7
|
import "./chunk-LYNJJV2X.js";
|
|
@@ -12,9 +12,9 @@ import "./chunk-D2IASECY.js";
|
|
|
12
12
|
import "./chunk-VMF3UXM4.js";
|
|
13
13
|
import "./chunk-RI5JZLZL.js";
|
|
14
14
|
import "./chunk-BA4RHQ3B.js";
|
|
15
|
-
import "./chunk-
|
|
16
|
-
import "./chunk-NYUGX76C.js";
|
|
15
|
+
import "./chunk-IAQFQNBL.js";
|
|
17
16
|
import "./chunk-AUYC5K5K.js";
|
|
17
|
+
import "./chunk-NYUGX76C.js";
|
|
18
18
|
import "./chunk-VRHBJXZ7.js";
|
|
19
19
|
import "./chunk-PZ5AY32C.js";
|
|
20
20
|
export {
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import "../chunk-3QQVEYOR.js";
|
|
2
2
|
import {
|
|
3
3
|
InstallPrompt
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-5ZOJLYD2.js";
|
|
5
|
+
import "../chunk-GY62N32G.js";
|
|
5
6
|
import {
|
|
6
7
|
usePwaInstall
|
|
7
8
|
} from "../chunk-5GMHJ7Y5.js";
|
|
@@ -13,7 +14,6 @@ import {
|
|
|
13
14
|
readPwaInstallStash,
|
|
14
15
|
resetPwaInstallStash
|
|
15
16
|
} from "../chunk-UUL44SUX.js";
|
|
16
|
-
import "../chunk-GY62N32G.js";
|
|
17
17
|
import "../chunk-PZ5AY32C.js";
|
|
18
18
|
export {
|
|
19
19
|
InstallPrompt,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@12-apps/ui",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.15.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"packageManager": "pnpm@10.34.5",
|
|
6
6
|
"type": "module",
|
|
@@ -312,6 +312,10 @@
|
|
|
312
312
|
"types": "./dist/types/components/form/Form/index.d.ts",
|
|
313
313
|
"default": "./dist/form/Form.js"
|
|
314
314
|
},
|
|
315
|
+
"./form/HeaderActions": {
|
|
316
|
+
"types": "./dist/types/components/form/HeaderActions/index.d.ts",
|
|
317
|
+
"default": "./dist/form/HeaderActions.js"
|
|
318
|
+
},
|
|
315
319
|
"./form/HeaderButton": {
|
|
316
320
|
"types": "./dist/types/components/form/HeaderButton/index.d.ts",
|
|
317
321
|
"default": "./dist/form/HeaderButton.js"
|
|
@@ -6,6 +6,8 @@ import React from 'react';
|
|
|
6
6
|
|
|
7
7
|
import type { AddressAutocompleteProps } from './AddressAutocomplete.types';
|
|
8
8
|
|
|
9
|
+
import { fieldEdge } from '../../../tokens/field-edge';
|
|
10
|
+
|
|
9
11
|
// Kept module-local on purpose: the inferred type of a styled() component cannot
|
|
10
12
|
// be named across a module boundary here (TS2742), so the plain component below
|
|
11
13
|
// is what the rest of the folder imports.
|
|
@@ -14,7 +16,7 @@ const GlassTextField = styled(TextField)(({ theme }) => ({
|
|
|
14
16
|
background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.8)} 0%, ${alpha(theme.palette.background.paper, 0.6)} 100%)`,
|
|
15
17
|
backdropFilter: 'blur(10px)',
|
|
16
18
|
WebkitBackdropFilter: 'blur(10px)',
|
|
17
|
-
border: `1px solid ${
|
|
19
|
+
border: `1px solid ${fieldEdge(theme)}`,
|
|
18
20
|
transition: theme.transitions.create(['border-color', 'box-shadow', 'background']),
|
|
19
21
|
'&:hover': {
|
|
20
22
|
background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.7)} 100%)`,
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { alpha, type CSSObject, type Theme } from '@mui/material/styles/index.js';
|
|
2
2
|
|
|
3
|
+
import { fieldEdge } from '../../../tokens/field-edge';
|
|
4
|
+
|
|
3
5
|
/**
|
|
4
6
|
* The prototype's METRICS, verbatim.
|
|
5
7
|
*
|
|
@@ -51,7 +53,7 @@ export const triggerSx = (theme: Theme, selected: boolean, open: boolean): CSSOb
|
|
|
51
53
|
height: METRICS.triggerHeight,
|
|
52
54
|
padding: '0 10px 0 12px',
|
|
53
55
|
borderRadius: `${METRICS.triggerRadius}px`,
|
|
54
|
-
border: `1px solid ${open || selected ? brand.edge : theme
|
|
56
|
+
border: `1px solid ${open || selected ? brand.edge : fieldEdge(theme)}`,
|
|
55
57
|
background: selected ? brand.soft : theme.palette.background.paper,
|
|
56
58
|
color: selected ? brand.ink : theme.palette.text.primary,
|
|
57
59
|
font: 'inherit',
|
|
@@ -12,6 +12,8 @@ import { useCodeEditor } from './CodeEditor.hooks';
|
|
|
12
12
|
import type { CodeEditorProps } from './CodeEditor.types';
|
|
13
13
|
import { EditorToolbar } from './CodeEditorToolbar';
|
|
14
14
|
|
|
15
|
+
import { fieldEdge } from '../../../tokens/field-edge';
|
|
16
|
+
|
|
15
17
|
// Styled components
|
|
16
18
|
const EditorContainer = styled(Paper)(({ theme }) => ({
|
|
17
19
|
display: 'flex',
|
|
@@ -19,7 +21,7 @@ const EditorContainer = styled(Paper)(({ theme }) => ({
|
|
|
19
21
|
background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,
|
|
20
22
|
backdropFilter: 'blur(10px)',
|
|
21
23
|
WebkitBackdropFilter: 'blur(10px)',
|
|
22
|
-
border: `1px solid ${
|
|
24
|
+
border: `1px solid ${fieldEdge(theme)}`,
|
|
23
25
|
borderRadius: theme.shape.borderRadius * 2,
|
|
24
26
|
overflow: 'hidden' }));
|
|
25
27
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import type { Theme } from '@mui/material/styles/index.js';
|
|
4
4
|
import Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete/index.js';
|
|
5
5
|
import type { AutocompleteRenderInputParams } from '@mui/material/Autocomplete/index.js';
|
|
6
6
|
import CircularProgress from '@mui/material/CircularProgress/index.js';
|
|
@@ -12,6 +12,8 @@ import { FormControl, FormLabel, FormMessage } from '../Form';
|
|
|
12
12
|
import type { CreatableSelectOption, CreatableSelectProps } from './CreatableSelect.types';
|
|
13
13
|
import type { SizeValue } from '../../../tokens/scales';
|
|
14
14
|
|
|
15
|
+
import { fieldEdge } from '../../../tokens/field-edge';
|
|
16
|
+
|
|
15
17
|
/** Internal option shape: a real option, or the synthetic "create new" row. */
|
|
16
18
|
interface InternalOption extends CreatableSelectOption {
|
|
17
19
|
/** True for the synthetic row that triggers {@link CreatableSelectProps.onCreate}. */
|
|
@@ -35,7 +37,7 @@ const MUI_SIZE = { xs: 'small', sm: 'small', md: 'medium', lg: 'medium', xl: 'me
|
|
|
35
37
|
const fieldSx = {
|
|
36
38
|
'& .MuiOutlinedInput-root': {
|
|
37
39
|
'& fieldset': {
|
|
38
|
-
borderColor: (theme:
|
|
40
|
+
borderColor: (theme: Theme) => fieldEdge(theme),
|
|
39
41
|
},
|
|
40
42
|
'&:hover fieldset': { borderColor: 'primary.main' },
|
|
41
43
|
'&.Mui-focused fieldset': { borderColor: 'primary.main', borderWidth: 2 },
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
# HeaderActions
|
|
2
|
+
|
|
3
|
+
The page header's actions as ONE control, sized to how many there are.
|
|
4
|
+
|
|
5
|
+
```tsx
|
|
6
|
+
import { HeaderActions } from '@12-apps/ui/form/HeaderActions';
|
|
7
|
+
|
|
8
|
+
<HeaderActions
|
|
9
|
+
moreLabel={copy.moreActions}
|
|
10
|
+
actions={[
|
|
11
|
+
{ id: 'new-product', text: 'Novo produto', icon: <AddIcon fontSize="small" />, onClick: onCreate },
|
|
12
|
+
{ id: 'order-highlights', text: 'Ordenar destaques', icon: <ListIcon fontSize="small" />, onClick: onOrder },
|
|
13
|
+
{ id: 'export-sheet', text: 'Exportar planilha', icon: <DownloadIcon fontSize="small" />, onClick: onExport },
|
|
14
|
+
canImport && { id: 'import-sheet', text: 'Importar planilha', icon: <UploadIcon fontSize="small" />, onClick: onImport },
|
|
15
|
+
]}
|
|
16
|
+
/>
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
| actions | renders |
|
|
20
|
+
| --- | --- |
|
|
21
|
+
| 0 | nothing at all — not an empty box, and not a menu with no items |
|
|
22
|
+
| 1 | that action, as an ordinary `HeaderButton` |
|
|
23
|
+
| n | the FIRST as a button; the other n−1 inside one dropdown |
|
|
24
|
+
|
|
25
|
+
## The array is in priority order
|
|
26
|
+
|
|
27
|
+
Index 0 is the action that keeps its button, so the order you declare is the
|
|
28
|
+
ranking you get. Put the thing the page is FOR first — "Novo produto" on a
|
|
29
|
+
catalog — and everything the merchant reaches for monthly after it.
|
|
30
|
+
|
|
31
|
+
## Falsy entries are dropped
|
|
32
|
+
|
|
33
|
+
`[edit, canDelete && del]` is a legal array, and so is
|
|
34
|
+
`{ …, visible: false }`. Both mean the same thing and both keep the gate at the
|
|
35
|
+
call site, where a reader can see WHY an action is missing, instead of in an
|
|
36
|
+
array built somewhere above.
|
|
37
|
+
|
|
38
|
+
## Test ids survive the overflow
|
|
39
|
+
|
|
40
|
+
An action that moves into the menu keeps its `dataTestId` (falling back to its
|
|
41
|
+
`id`) on the `MenuItem`. Adding a fifth action to a header must not silently
|
|
42
|
+
break the suite of the action it pushed out.
|
|
43
|
+
|
|
44
|
+
The overflow trigger and its menu take their ids from `testIdPrefix`
|
|
45
|
+
(`header-actions` by default): `…-more-trigger` and `…-more-menu`.
|
|
46
|
+
|
|
47
|
+
## It brings its own spacing
|
|
48
|
+
|
|
49
|
+
The component renders one `inline-flex` box, not a fragment. A fragment inherits
|
|
50
|
+
whatever gap its parent sets, and the two mounts set different ones — a
|
|
51
|
+
`Dashboard.Header` spaces its children, a `Dashboard.Action` slot does not.
|
|
52
|
+
|
|
53
|
+
## Copy
|
|
54
|
+
|
|
55
|
+
`moreLabel` is REQUIRED and has no default. This package ships no words of its
|
|
56
|
+
own, in any language — the label is also the trigger's accessible name, so a
|
|
57
|
+
default would be read out to a screen-reader user in the wrong language.
|
|
58
|
+
|
|
59
|
+
## Inside a Dashboard
|
|
60
|
+
|
|
61
|
+
`<Dashboard.Actions>` is the same component wired to the Dashboard's own
|
|
62
|
+
`testIdPrefix`; prefer it when the header is a `<Dashboard.Header>`.
|
|
63
|
+
|
|
64
|
+
```tsx
|
|
65
|
+
<Dashboard.Header title="Produtos">
|
|
66
|
+
<Dashboard.Spacer />
|
|
67
|
+
<Dashboard.Actions moreLabel={copy.moreActions} actions={actions} />
|
|
68
|
+
</Dashboard.Header>
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
`<Dashboard.Action>` (singular) stays for the one header control that is not an
|
|
72
|
+
action at all — a link, a toggle, a status pill.
|