@coveord/plasma-mantine 54.0.2 → 54.0.3
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/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +41 -41
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/action-icon/ActionIcon.d.ts +5 -5
- package/dist/cjs/components/action-icon/ActionIcon.d.ts.map +1 -1
- package/dist/cjs/components/action-icon/ActionIcon.js.map +1 -1
- package/dist/cjs/components/action-icon/index.js.map +1 -1
- package/dist/cjs/components/blank-slate/BlankSlate.js.map +1 -1
- package/dist/cjs/components/blank-slate/index.js.map +1 -1
- package/dist/cjs/components/browser-preview/BrowserPreview.d.ts.map +1 -1
- package/dist/cjs/components/browser-preview/BrowserPreview.js.map +1 -1
- package/dist/cjs/components/browser-preview/index.js.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +5 -5
- package/dist/cjs/components/button/Button.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/ButtonWithDisabledTooltip.d.ts +2 -2
- package/dist/cjs/components/button/ButtonWithDisabledTooltip.js.map +1 -1
- package/dist/cjs/components/button/index.js.map +1 -1
- package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
- package/dist/cjs/components/code-editor/index.js.map +1 -1
- package/dist/cjs/components/code-editor/languages/xml.js.map +1 -1
- package/dist/cjs/components/code-editor/search/Search.d.ts +0 -1
- package/dist/cjs/components/code-editor/search/Search.d.ts.map +1 -1
- package/dist/cjs/components/code-editor/search/Search.js.map +1 -1
- package/dist/cjs/components/code-editor/search/index.js.map +1 -1
- package/dist/cjs/components/collection/Collection.d.ts.map +1 -1
- package/dist/cjs/components/collection/Collection.js.map +1 -1
- package/dist/cjs/components/collection/CollectionContext.d.ts +2 -3
- package/dist/cjs/components/collection/CollectionContext.d.ts.map +1 -1
- package/dist/cjs/components/collection/CollectionContext.js.map +1 -1
- package/dist/cjs/components/collection/CollectionItem.js.map +1 -1
- package/dist/cjs/components/collection/enhanceWithCollectionProps.d.ts +1 -1
- package/dist/cjs/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
- package/dist/cjs/components/collection/enhanceWithCollectionProps.js.map +1 -1
- package/dist/cjs/components/collection/index.js.map +1 -1
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.d.ts +0 -1
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.d.ts.map +1 -1
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/cjs/components/copyToClipboard/index.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.js.map +1 -1
- package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
- package/dist/cjs/components/date-range-picker/index.js.map +1 -1
- package/dist/cjs/components/header/Header.context.d.ts +2 -3
- package/dist/cjs/components/header/Header.context.d.ts.map +1 -1
- package/dist/cjs/components/header/Header.context.js.map +1 -1
- package/dist/cjs/components/header/Header.d.ts.map +1 -1
- package/dist/cjs/components/header/Header.js.map +1 -1
- package/dist/cjs/components/header/HeaderActions/HeaderActions.js.map +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
- package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map +1 -1
- package/dist/cjs/components/header/index.js.map +1 -1
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirm.d.ts +1 -8
- package/dist/cjs/components/inline-confirm/InlineConfirm.d.ts.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirm.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmContext.d.ts +2 -3
- package/dist/cjs/components/inline-confirm/InlineConfirmContext.d.ts.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmContext.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts +9 -24
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.js.map +1 -1
- package/dist/cjs/components/inline-confirm/index.js.map +1 -1
- package/dist/cjs/components/menu/Menu.d.ts +3 -4
- package/dist/cjs/components/menu/Menu.d.ts.map +1 -1
- package/dist/cjs/components/menu/Menu.js.map +1 -1
- package/dist/cjs/components/menu/index.js.map +1 -1
- package/dist/cjs/components/prompt/Prompt.js.map +1 -1
- package/dist/cjs/components/prompt/PromptFooter.js.map +1 -1
- package/dist/cjs/components/prompt/index.js.map +1 -1
- package/dist/cjs/components/sticky-footer/StickyFooter.js.map +1 -1
- package/dist/cjs/components/sticky-footer/index.js.map +1 -1
- package/dist/cjs/components/table/Table.d.ts +7 -7
- package/dist/cjs/components/table/Table.d.ts.map +1 -1
- package/dist/cjs/components/table/Table.js +2 -2
- package/dist/cjs/components/table/Table.js.map +1 -1
- package/dist/cjs/components/table/Table.types.js.map +1 -1
- package/dist/cjs/components/table/TableContext.d.ts.map +1 -1
- package/dist/cjs/components/table/TableContext.js.map +1 -1
- package/dist/cjs/components/table/index.js.map +1 -1
- package/dist/cjs/components/table/layouts/TableLayoutControl.js.map +1 -1
- package/dist/cjs/components/table/layouts/TableLayouts.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.d.ts.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.d.ts +2 -3
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.d.ts.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.d.ts.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionContext.d.ts +2 -3
- package/dist/cjs/components/table/table-actions/TableActionContext.d.ts.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionContext.js.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionItem.d.ts +5 -5
- package/dist/cjs/components/table/table-actions/TableActionItem.d.ts.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionItem.js.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.d.ts +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.d.ts.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.js.map +1 -1
- package/dist/cjs/components/table/table-actions/TableHeaderActions.js.map +1 -1
- package/dist/cjs/components/table/table-actions/index.js.map +1 -1
- package/dist/cjs/components/table/table-column/TableActionsColumn.js.map +1 -1
- package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
- package/dist/cjs/components/table/table-column/TableSelectableColumn.js.map +1 -1
- package/dist/cjs/components/table/table-columns-selector/TableColumnsSelector.js.map +1 -1
- package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
- package/dist/cjs/components/table/table-filter/TableFilter.js.map +1 -1
- package/dist/cjs/components/table/table-footer/TableFooter.js.map +1 -1
- package/dist/cjs/components/table/table-header/TableHeader.js.map +1 -1
- package/dist/cjs/components/table/table-header/Th.d.ts.map +1 -1
- package/dist/cjs/components/table/table-header/Th.js.map +1 -1
- package/dist/cjs/components/table/table-last-updated/TableLastUpdated.js.map +1 -1
- package/dist/cjs/components/table/table-loading/TableLoading.js.map +1 -1
- package/dist/cjs/components/table/table-no-data/TableNoData.js.map +1 -1
- package/dist/cjs/components/table/table-pagination/TablePagination.js.map +1 -1
- package/dist/cjs/components/table/table-pagination/TablePagination.types.js.map +1 -1
- package/dist/cjs/components/table/table-per-page/TablePerPage.js.map +1 -1
- package/dist/cjs/components/table/table-per-page/TablePerPage.types.js.map +1 -1
- package/dist/cjs/components/table/table-predicate/TablePredicate.js.map +1 -1
- package/dist/cjs/components/table/use-table.d.ts +0 -1
- package/dist/cjs/components/table/use-table.d.ts.map +1 -1
- package/dist/cjs/components/table/use-table.js.map +1 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useClickWithLoading.d.ts.map +1 -1
- package/dist/cjs/hooks/useClickWithLoading.js.map +1 -1
- package/dist/cjs/hooks/useControlledList.d.ts.map +1 -1
- package/dist/cjs/hooks/useControlledList.js.map +1 -1
- package/dist/cjs/hooks/useParentHeight.d.ts.map +1 -1
- package/dist/cjs/hooks/useParentHeight.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/theme/PlasmaColors.d.ts.map +1 -1
- package/dist/cjs/theme/PlasmaColors.js.map +1 -1
- package/dist/cjs/theme/Plasmantine.js.map +1 -1
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/cjs/theme/index.js.map +1 -1
- package/dist/cjs/theme/mergeCSSVariablesResolvers.js.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/dist/cjs/types/css/index.d.js.map +1 -1
- package/dist/cjs/utils/createFactoryComponent.d.ts.map +1 -1
- package/dist/cjs/utils/createFactoryComponent.js.map +1 -1
- package/dist/cjs/utils/createPolymorphicComponent.js.map +1 -1
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/cjs/utils/overrideComponent.d.ts.map +1 -1
- package/dist/cjs/utils/overrideComponent.js.map +1 -1
- package/dist/cjs/vars/Notification.vars.js.map +1 -1
- package/dist/cjs/vars/Text.vars.js.map +1 -1
- package/dist/esm/components/action-icon/ActionIcon.d.ts +5 -5
- package/dist/esm/components/action-icon/ActionIcon.d.ts.map +1 -1
- package/dist/esm/components/action-icon/ActionIcon.js.map +1 -1
- package/dist/esm/components/action-icon/index.js.map +1 -1
- package/dist/esm/components/blank-slate/BlankSlate.js.map +1 -1
- package/dist/esm/components/blank-slate/index.js.map +1 -1
- package/dist/esm/components/browser-preview/BrowserPreview.d.ts.map +1 -1
- package/dist/esm/components/browser-preview/BrowserPreview.js.map +1 -1
- package/dist/esm/components/browser-preview/index.js.map +1 -1
- package/dist/esm/components/button/Button.d.ts +5 -5
- package/dist/esm/components/button/Button.d.ts.map +1 -1
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/ButtonWithDisabledTooltip.d.ts +2 -2
- package/dist/esm/components/button/ButtonWithDisabledTooltip.js.map +1 -1
- package/dist/esm/components/button/index.js.map +1 -1
- package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
- package/dist/esm/components/code-editor/index.js.map +1 -1
- package/dist/esm/components/code-editor/languages/xml.js.map +1 -1
- package/dist/esm/components/code-editor/search/Search.d.ts +0 -1
- package/dist/esm/components/code-editor/search/Search.d.ts.map +1 -1
- package/dist/esm/components/code-editor/search/Search.js.map +1 -1
- package/dist/esm/components/code-editor/search/index.js.map +1 -1
- package/dist/esm/components/collection/Collection.d.ts.map +1 -1
- package/dist/esm/components/collection/Collection.js.map +1 -1
- package/dist/esm/components/collection/CollectionContext.d.ts +2 -3
- package/dist/esm/components/collection/CollectionContext.d.ts.map +1 -1
- package/dist/esm/components/collection/CollectionContext.js.map +1 -1
- package/dist/esm/components/collection/CollectionItem.js.map +1 -1
- package/dist/esm/components/collection/enhanceWithCollectionProps.d.ts +1 -1
- package/dist/esm/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
- package/dist/esm/components/collection/enhanceWithCollectionProps.js.map +1 -1
- package/dist/esm/components/collection/index.js.map +1 -1
- package/dist/esm/components/copyToClipboard/CopyToClipboard.d.ts +0 -1
- package/dist/esm/components/copyToClipboard/CopyToClipboard.d.ts.map +1 -1
- package/dist/esm/components/copyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/esm/components/copyToClipboard/index.js.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js.map +1 -1
- package/dist/esm/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
- package/dist/esm/components/date-range-picker/index.js.map +1 -1
- package/dist/esm/components/header/Header.context.d.ts +2 -3
- package/dist/esm/components/header/Header.context.d.ts.map +1 -1
- package/dist/esm/components/header/Header.context.js.map +1 -1
- package/dist/esm/components/header/Header.d.ts.map +1 -1
- package/dist/esm/components/header/Header.js.map +1 -1
- package/dist/esm/components/header/HeaderActions/HeaderActions.js.map +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
- package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map +1 -1
- package/dist/esm/components/header/index.js.map +1 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirm.d.ts +1 -8
- package/dist/esm/components/inline-confirm/InlineConfirm.d.ts.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirm.js.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmContext.d.ts +2 -3
- package/dist/esm/components/inline-confirm/InlineConfirmContext.d.ts.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmContext.js.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts +9 -24
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.js.map +1 -1
- package/dist/esm/components/inline-confirm/index.js.map +1 -1
- package/dist/esm/components/menu/Menu.d.ts +3 -4
- package/dist/esm/components/menu/Menu.d.ts.map +1 -1
- package/dist/esm/components/menu/Menu.js.map +1 -1
- package/dist/esm/components/menu/index.js.map +1 -1
- package/dist/esm/components/prompt/Prompt.js.map +1 -1
- package/dist/esm/components/prompt/PromptFooter.js.map +1 -1
- package/dist/esm/components/prompt/index.js.map +1 -1
- package/dist/esm/components/sticky-footer/StickyFooter.js.map +1 -1
- package/dist/esm/components/sticky-footer/index.js.map +1 -1
- package/dist/esm/components/table/Table.d.ts +7 -7
- package/dist/esm/components/table/Table.d.ts.map +1 -1
- package/dist/esm/components/table/Table.js +1 -1
- package/dist/esm/components/table/Table.js.map +1 -1
- package/dist/esm/components/table/Table.types.js.map +1 -1
- package/dist/esm/components/table/TableContext.d.ts.map +1 -1
- package/dist/esm/components/table/TableContext.js.map +1 -1
- package/dist/esm/components/table/index.js.map +1 -1
- package/dist/esm/components/table/layouts/TableLayoutControl.js.map +1 -1
- package/dist/esm/components/table/layouts/TableLayouts.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayout.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.d.ts.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutContext.d.ts +2 -3
- package/dist/esm/components/table/layouts/row-layout/RowLayoutContext.d.ts.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutContext.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.d.ts.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionContext.d.ts +2 -3
- package/dist/esm/components/table/table-actions/TableActionContext.d.ts.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionContext.js.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionItem.d.ts +5 -5
- package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionItem.js.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.d.ts +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.d.ts.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.js.map +1 -1
- package/dist/esm/components/table/table-actions/TableHeaderActions.js.map +1 -1
- package/dist/esm/components/table/table-actions/index.js.map +1 -1
- package/dist/esm/components/table/table-column/TableActionsColumn.js.map +1 -1
- package/dist/esm/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
- package/dist/esm/components/table/table-column/TableSelectableColumn.js.map +1 -1
- package/dist/esm/components/table/table-columns-selector/TableColumnsSelector.js.map +1 -1
- package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
- package/dist/esm/components/table/table-filter/TableFilter.js.map +1 -1
- package/dist/esm/components/table/table-footer/TableFooter.js.map +1 -1
- package/dist/esm/components/table/table-header/TableHeader.js.map +1 -1
- package/dist/esm/components/table/table-header/Th.d.ts.map +1 -1
- package/dist/esm/components/table/table-header/Th.js.map +1 -1
- package/dist/esm/components/table/table-last-updated/TableLastUpdated.js.map +1 -1
- package/dist/esm/components/table/table-loading/TableLoading.js.map +1 -1
- package/dist/esm/components/table/table-no-data/TableNoData.js.map +1 -1
- package/dist/esm/components/table/table-pagination/TablePagination.js.map +1 -1
- package/dist/esm/components/table/table-pagination/TablePagination.types.js.map +1 -1
- package/dist/esm/components/table/table-per-page/TablePerPage.js.map +1 -1
- package/dist/esm/components/table/table-per-page/TablePerPage.types.js.map +1 -1
- package/dist/esm/components/table/table-predicate/TablePredicate.js.map +1 -1
- package/dist/esm/components/table/use-table.d.ts +0 -1
- package/dist/esm/components/table/use-table.d.ts.map +1 -1
- package/dist/esm/components/table/use-table.js.map +1 -1
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useClickWithLoading.d.ts.map +1 -1
- package/dist/esm/hooks/useClickWithLoading.js.map +1 -1
- package/dist/esm/hooks/useControlledList.d.ts.map +1 -1
- package/dist/esm/hooks/useControlledList.js.map +1 -1
- package/dist/esm/hooks/useParentHeight.d.ts.map +1 -1
- package/dist/esm/hooks/useParentHeight.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/theme/PlasmaColors.d.ts.map +1 -1
- package/dist/esm/theme/PlasmaColors.js.map +1 -1
- package/dist/esm/theme/Plasmantine.js.map +1 -1
- package/dist/esm/theme/Theme.js.map +1 -1
- package/dist/esm/theme/index.js.map +1 -1
- package/dist/esm/theme/mergeCSSVariablesResolvers.js.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/dist/esm/types/css/index.d.js.map +1 -1
- package/dist/esm/utils/createFactoryComponent.d.ts.map +1 -1
- package/dist/esm/utils/createFactoryComponent.js.map +1 -1
- package/dist/esm/utils/createPolymorphicComponent.js.map +1 -1
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/overrideComponent.d.ts.map +1 -1
- package/dist/esm/utils/overrideComponent.js.map +1 -1
- package/dist/esm/vars/Notification.vars.js.map +1 -1
- package/dist/esm/vars/Text.vars.js.map +1 -1
- package/package.json +19 -19
- package/src/components/table/Table.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport {Button} from '../button';\nimport DateRangeClasses from './DateRange.module.css';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\nexport type DateRangePickerValue = [Date | null, Date | null];\nexport interface DateRangePickerInlineCalendarProps\n extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n /**\n * Initial selected range\n */\n initialRange: DateRangePickerValue;\n /**\n * Function called when the user applies the new date range\n *\n * @param range the newly selected dates\n */\n onApply: (range: DateRangePickerValue) => void;\n /**\n * Function called when the user click on the cancel button\n */\n onCancel: () => void;\n /**\n * The presets to display\n *\n * @default {}\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n */\n presets?: Record<string, DateRangePickerPreset>;\n /**\n * Props for RangeCalendar displayed in the popover\n */\n rangeCalendarProps?: Omit<\n DatePickerBaseProps,\n 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n >;\n}\n\nexport const DateRangePickerInlineCalendar = ({\n initialRange,\n onApply,\n onCancel,\n presets,\n startProps,\n endProps,\n rangeCalendarProps,\n}: DateRangePickerInlineCalendarProps) => {\n const form = useForm({\n initialValues: {\n dates: initialRange,\n },\n });\n const calendarInputProps = form.getInputProps('dates');\n\n const onCalendarApply = () => {\n if (!form.values.dates[1]) {\n form.values.dates[1] = form.values.dates[0]; // when date range is the same day\n }\n onApply(form.values.dates);\n };\n\n return (\n <>\n <Group align=\"center\" gap=\"xs\" grow px=\"md\" py=\"sm\" className={DateRangeClasses.picker}>\n <EditableDateRangePicker\n value={calendarInputProps.value}\n {...calendarInputProps}\n startProps={startProps}\n endProps={endProps}\n />\n {presets ? (\n <>\n <Space w=\"sm\" />\n <DateRangePickerPresetSelect\n value={calendarInputProps.value}\n presets={presets}\n {...calendarInputProps}\n selectProps={{comboboxProps: {withinPortal: false}}}\n />\n </>\n ) : null}\n </Group>\n\n <Center py=\"sm\" px=\"md\">\n <DatePicker\n numberOfColumns={2}\n type=\"range\"\n styles={{day: {textAlign: 'center'}}}\n firstDayOfWeek={0}\n allowSingleDateInRange\n {...rangeCalendarProps}\n {...calendarInputProps}\n />\n </Center>\n\n <Group justify=\"right\" gap=\"xs\" px=\"md\" py=\"sm\" className={DateRangeClasses.save}>\n <Button variant=\"outline\" size=\"xs\" onClick={onCancel}>\n Cancel\n </Button>\n <Button size=\"xs\" onClick={onCalendarApply}>\n Apply\n </Button>\n </Group>\n </>\n );\n};\n"],"names":["DateRangePickerInlineCalendar","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","useForm","initialValues","dates","calendarInputProps","getInputProps","onCalendarApply","values","Group","align","gap","grow","px","py","className","DateRangeClasses","picker","EditableDateRangePicker","value","Space","w","DateRangePickerPresetSelect","selectProps","comboboxProps","withinPortal","Center","DatePicker","numberOfColumns","type","styles","day","textAlign","firstDayOfWeek","allowSingleDateInRange","justify","save","Button","variant","size","onClick"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport {Button} from '../button';\nimport DateRangeClasses from './DateRange.module.css';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\nexport type DateRangePickerValue = [Date | null, Date | null];\nexport interface DateRangePickerInlineCalendarProps\n extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n /**\n * Initial selected range\n */\n initialRange: DateRangePickerValue;\n /**\n * Function called when the user applies the new date range\n *\n * @param range the newly selected dates\n */\n onApply: (range: DateRangePickerValue) => void;\n /**\n * Function called when the user click on the cancel button\n */\n onCancel: () => void;\n /**\n * The presets to display\n *\n * @default {}\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n */\n presets?: Record<string, DateRangePickerPreset>;\n /**\n * Props for RangeCalendar displayed in the popover\n */\n rangeCalendarProps?: Omit<\n DatePickerBaseProps,\n 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n >;\n}\n\nexport const DateRangePickerInlineCalendar = ({\n initialRange,\n onApply,\n onCancel,\n presets,\n startProps,\n endProps,\n rangeCalendarProps,\n}: DateRangePickerInlineCalendarProps) => {\n const form = useForm({\n initialValues: {\n dates: initialRange,\n },\n });\n const calendarInputProps = form.getInputProps('dates');\n\n const onCalendarApply = () => {\n if (!form.values.dates[1]) {\n form.values.dates[1] = form.values.dates[0]; // when date range is the same day\n }\n onApply(form.values.dates);\n };\n\n return (\n <>\n <Group align=\"center\" gap=\"xs\" grow px=\"md\" py=\"sm\" className={DateRangeClasses.picker}>\n <EditableDateRangePicker\n value={calendarInputProps.value}\n {...calendarInputProps}\n startProps={startProps}\n endProps={endProps}\n />\n {presets ? (\n <>\n <Space w=\"sm\" />\n <DateRangePickerPresetSelect\n value={calendarInputProps.value}\n presets={presets}\n {...calendarInputProps}\n selectProps={{comboboxProps: {withinPortal: false}}}\n />\n </>\n ) : null}\n </Group>\n\n <Center py=\"sm\" px=\"md\">\n <DatePicker\n numberOfColumns={2}\n type=\"range\"\n styles={{day: {textAlign: 'center'}}}\n firstDayOfWeek={0}\n allowSingleDateInRange\n {...rangeCalendarProps}\n {...calendarInputProps}\n />\n </Center>\n\n <Group justify=\"right\" gap=\"xs\" px=\"md\" py=\"sm\" className={DateRangeClasses.save}>\n <Button variant=\"outline\" size=\"xs\" onClick={onCancel}>\n Cancel\n </Button>\n <Button size=\"xs\" onClick={onCalendarApply}>\n Apply\n </Button>\n </Group>\n </>\n );\n};\n"],"names":["DateRangePickerInlineCalendar","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","useForm","initialValues","dates","calendarInputProps","getInputProps","onCalendarApply","values","Group","align","gap","grow","px","py","className","DateRangeClasses","picker","EditableDateRangePicker","value","Space","w","DateRangePickerPresetSelect","selectProps","comboboxProps","withinPortal","Center","DatePicker","numberOfColumns","type","styles","day","textAlign","firstDayOfWeek","allowSingleDateInRange","justify","save","Button","variant","size","onClick"],"mappings":";;;;+BA8CaA;;;eAAAA;;;;;;;oBA9CsB;qBACW;oBACxB;sBAED;2EACQ;2CACoC;uCACG;AAuC7D,IAAMA,gCAAgC;QACzCC,qBAAAA,cACAC,gBAAAA,SACAC,iBAAAA,UACAC,gBAAAA,SACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAAMC,OAAOC,IAAAA,aAAO,EAAC;QACjBC,eAAe;YACXC,OAAOV;QACX;IACJ;IACA,IAAMW,qBAAqBJ,KAAKK,aAAa,CAAC;IAE9C,IAAMC,kBAAkB;QACpB,IAAI,CAACN,KAAKO,MAAM,CAACJ,KAAK,CAAC,EAAE,EAAE;YACvBH,KAAKO,MAAM,CAACJ,KAAK,CAAC,EAAE,GAAGH,KAAKO,MAAM,CAACJ,KAAK,CAAC,EAAE,EAAE,kCAAkC;QACnF;QACAT,QAAQM,KAAKO,MAAM,CAACJ,KAAK;IAC7B;IAEA,qBACI;;0BACI,sBAACK,WAAK;gBAACC,OAAM;gBAASC,KAAI;gBAAKC,IAAI;gBAACC,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACC,MAAM;;kCAClF,qBAACC,gDAAuB;wBACpBC,OAAOd,mBAAmBc,KAAK;uBAC3Bd;wBACJP,YAAYA;wBACZC,UAAUA;;oBAEbF,wBACG;;0CACI,qBAACuB,WAAK;gCAACC,GAAE;;0CACT,qBAACC,wDAA2B;gCACxBH,OAAOd,mBAAmBc,KAAK;gCAC/BtB,SAASA;+BACLQ;gCACJkB,aAAa;oCAACC,eAAe;wCAACC,cAAc;oCAAK;gCAAC;;;yBAG1D;;;0BAGR,qBAACC,YAAM;gBAACZ,IAAG;gBAAKD,IAAG;0BACf,cAAA,qBAACc,iBAAU;oBACPC,iBAAiB;oBACjBC,MAAK;oBACLC,QAAQ;wBAACC,KAAK;4BAACC,WAAW;wBAAQ;oBAAC;oBACnCC,gBAAgB;oBAChBC,sBAAsB;mBAClBlC,oBACAK;;0BAIZ,sBAACI,WAAK;gBAAC0B,SAAQ;gBAAQxB,KAAI;gBAAKE,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACoB,IAAI;;kCAC5E,qBAACC,cAAM;wBAACC,SAAQ;wBAAUC,MAAK;wBAAKC,SAAS5C;kCAAU;;kCAGvD,qBAACyC,cAAM;wBAACE,MAAK;wBAAKC,SAASjC;kCAAiB;;;;;;AAM5D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAa,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,UAAU,mCAAmC,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAClH,2CAA2C;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAEhD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,
|
|
1
|
+
{"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAa,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,UAAU,mCAAmC,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAClH,2CAA2C;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAEhD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,OAAO,yFAQ7D,mCAAmC,CAAC,CAAC,CAAC,4CAqDxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"sourcesContent":["import {Group, Popover, Space} from '@mantine/core';\nimport {CalendarBaseProps, DatePicker} from '@mantine/dates';\nimport {useClickOutside, useUncontrolled} from '@mantine/hooks';\nimport {useState} from 'react';\n\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\ninterface DateRangePickerPopoverCalendarProps<T> extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n /** Default value for uncontrolled input */\n defaultValue?: DateRangePickerValue;\n /** Value for controlled input */\n value?: DateRangePickerValue;\n /** onChange value for controlled input */\n onChange?(value: DateRangePickerValue): void;\n /**\n * The presets to display\n *\n * @default {}\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n */\n presets?: Record<string, DateRangePickerPreset>;\n\n /**\n * Props for RangeCalendar\n */\n rangeCalendarProps?: Omit<\n CalendarBaseProps,\n 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n >;\n}\n\nexport const DateRangePickerPopoverCalendar = <T extends unknown>({\n presets,\n value,\n defaultValue,\n onChange,\n startProps,\n endProps,\n rangeCalendarProps,\n}: DateRangePickerPopoverCalendarProps<T>) => {\n const [opened, setOpened] = useState(false);\n const ref = useClickOutside(() => setOpened(false));\n\n const [_value, handleChange] = useUncontrolled<DateRangePickerValue>({\n value,\n defaultValue,\n onChange,\n finalValue: [null, null],\n });\n\n const onCalendarChange = (dates: DateRangePickerValue) => {\n handleChange?.(dates);\n if (dates[1] !== null) {\n setOpened(false);\n }\n };\n\n return (\n <>\n <Group align=\"center\">\n <EditableDateRangePicker\n value={_value}\n onChange={handleChange}\n onFocus={() => setOpened(true)}\n startProps={startProps}\n endProps={endProps}\n />\n {presets ? (\n <>\n <Space w=\"sm\" />\n <DateRangePickerPresetSelect presets={presets} value={_value} onChange={handleChange} />\n </>\n ) : null}\n </Group>\n\n <Popover opened={opened} onChange={setOpened} trapFocus>\n <Popover.Dropdown>\n <DatePicker\n ref={ref}\n type=\"range\"\n styles={{day: {textAlign: 'center'}}}\n numberOfColumns={2}\n firstDayOfWeek={0}\n allowSingleDateInRange\n value={_value}\n onChange={onCalendarChange}\n {...rangeCalendarProps}\n />\n </Popover.Dropdown>\n </Popover>\n </>\n );\n};\n"],"names":["DateRangePickerPopoverCalendar","presets","value","defaultValue","onChange","startProps","endProps","rangeCalendarProps","useState","opened","setOpened","ref","useClickOutside","useUncontrolled","finalValue","_value","handleChange","onCalendarChange","dates","Group","align","EditableDateRangePicker","onFocus","Space","w","DateRangePickerPresetSelect","Popover","trapFocus","Dropdown","DatePicker","type","styles","day","textAlign","numberOfColumns","firstDayOfWeek","allowSingleDateInRange"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"sourcesContent":["import {Group, Popover, Space} from '@mantine/core';\nimport {CalendarBaseProps, DatePicker} from '@mantine/dates';\nimport {useClickOutside, useUncontrolled} from '@mantine/hooks';\nimport {useState} from 'react';\n\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\ninterface DateRangePickerPopoverCalendarProps<T> extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n /** Default value for uncontrolled input */\n defaultValue?: DateRangePickerValue;\n /** Value for controlled input */\n value?: DateRangePickerValue;\n /** onChange value for controlled input */\n onChange?(value: DateRangePickerValue): void;\n /**\n * The presets to display\n *\n * @default {}\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n */\n presets?: Record<string, DateRangePickerPreset>;\n\n /**\n * Props for RangeCalendar\n */\n rangeCalendarProps?: Omit<\n CalendarBaseProps,\n 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n >;\n}\n\nexport const DateRangePickerPopoverCalendar = <T extends unknown>({\n presets,\n value,\n defaultValue,\n onChange,\n startProps,\n endProps,\n rangeCalendarProps,\n}: DateRangePickerPopoverCalendarProps<T>) => {\n const [opened, setOpened] = useState(false);\n const ref = useClickOutside(() => setOpened(false));\n\n const [_value, handleChange] = useUncontrolled<DateRangePickerValue>({\n value,\n defaultValue,\n onChange,\n finalValue: [null, null],\n });\n\n const onCalendarChange = (dates: DateRangePickerValue) => {\n handleChange?.(dates);\n if (dates[1] !== null) {\n setOpened(false);\n }\n };\n\n return (\n <>\n <Group align=\"center\">\n <EditableDateRangePicker\n value={_value}\n onChange={handleChange}\n onFocus={() => setOpened(true)}\n startProps={startProps}\n endProps={endProps}\n />\n {presets ? (\n <>\n <Space w=\"sm\" />\n <DateRangePickerPresetSelect presets={presets} value={_value} onChange={handleChange} />\n </>\n ) : null}\n </Group>\n\n <Popover opened={opened} onChange={setOpened} trapFocus>\n <Popover.Dropdown>\n <DatePicker\n ref={ref}\n type=\"range\"\n styles={{day: {textAlign: 'center'}}}\n numberOfColumns={2}\n firstDayOfWeek={0}\n allowSingleDateInRange\n value={_value}\n onChange={onCalendarChange}\n {...rangeCalendarProps}\n />\n </Popover.Dropdown>\n </Popover>\n </>\n );\n};\n"],"names":["DateRangePickerPopoverCalendar","presets","value","defaultValue","onChange","startProps","endProps","rangeCalendarProps","useState","opened","setOpened","ref","useClickOutside","useUncontrolled","finalValue","_value","handleChange","onCalendarChange","dates","Group","align","EditableDateRangePicker","onFocus","Space","w","DateRangePickerPresetSelect","Popover","trapFocus","Dropdown","DatePicker","type","styles","day","textAlign","numberOfColumns","firstDayOfWeek","allowSingleDateInRange"],"mappings":";;;;+BAqCaA;;;eAAAA;;;;;;oBArCuB;qBACQ;qBACG;qBACxB;2CAG0C;uCACG;AA8B7D,IAAMA,iCAAiC;QAC1CC,gBAAAA,SACAC,cAAAA,OACAC,qBAAAA,cACAC,iBAAAA,UACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAA4BC,+BAAAA,IAAAA,eAAQ,EAAC,YAA9BC,SAAqBD,cAAbE,YAAaF;IAC5B,IAAMG,MAAMC,IAAAA,sBAAe,EAAC;eAAMF,UAAU;;IAE5C,IAA+BG,sCAAAA,IAAAA,sBAAe,EAAuB;QACjEX,OAAAA;QACAC,cAAAA;QACAC,UAAAA;QACAU,YAAY;YAAC;YAAM;SAAK;IAC5B,QALOC,SAAwBF,qBAAhBG,eAAgBH;IAO/B,IAAMI,mBAAmB,SAACC;QACtBF,yBAAAA,mCAAAA,aAAeE;QACf,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YACnBR,UAAU;QACd;IACJ;IAEA,qBACI;;0BACI,sBAACS,WAAK;gBAACC,OAAM;;kCACT,qBAACC,gDAAuB;wBACpBnB,OAAOa;wBACPX,UAAUY;wBACVM,SAAS;mCAAMZ,UAAU;;wBACzBL,YAAYA;wBACZC,UAAUA;;oBAEbL,wBACG;;0CACI,qBAACsB,WAAK;gCAACC,GAAE;;0CACT,qBAACC,wDAA2B;gCAACxB,SAASA;gCAASC,OAAOa;gCAAQX,UAAUY;;;yBAE5E;;;0BAGR,qBAACU,aAAO;gBAACjB,QAAQA;gBAAQL,UAAUM;gBAAWiB,SAAS;0BACnD,cAAA,qBAACD,aAAO,CAACE,QAAQ;8BACb,cAAA,qBAACC,iBAAU;wBACPlB,KAAKA;wBACLmB,MAAK;wBACLC,QAAQ;4BAACC,KAAK;gCAACC,WAAW;4BAAQ;wBAAC;wBACnCC,iBAAiB;wBACjBC,gBAAgB;wBAChBC,sBAAsB;wBACtBlC,OAAOa;wBACPX,UAAUa;uBACNV;;;;;AAM5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,iCAAiC,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B,
|
|
1
|
+
{"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,iCAAiC,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,OAAO,8CAK1D,iCAAiC,CAAC,CAAC,CAAC,4CAwCtC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"sourcesContent":["import {ComboboxItem, Select, SelectProps} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport {useEffect, useState} from 'react';\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\n\nexport interface DateRangePickerPreset {\n label: string;\n range: DateRangePickerValue;\n}\n\ninterface DateRangePickerPresetsSelectProps<T> {\n presets: Record<string, DateRangePickerPreset>;\n value: DateRangePickerValue;\n onChange?(value: DateRangePickerValue): void;\n selectProps?: Partial<Omit<SelectProps, 'data' | 'value' | 'onChange'>>;\n}\n\nexport const DateRangePickerPresetSelect = <T extends unknown>({\n presets,\n value,\n onChange,\n selectProps = {},\n}: DateRangePickerPresetsSelectProps<T>) => {\n const selectData: ComboboxItem[] = Object.entries(presets).map(([val, {label}]) => ({value: val, label}));\n\n const getSelectedPreset = () => {\n if (value[0] !== null && value[1] !== null && dayjs(value[0]).unix() !== dayjs(value[1]).unix()) {\n const selected = Object.entries(presets).find(\n ([id, {range}]) => dayjs(range[0]!).isSame(value[0]) && dayjs(value[1]!).isSame(value[1]!),\n );\n if (selected) {\n return selected[0];\n }\n }\n return null;\n };\n\n const [selectedPreset, setSelectedPreset] = useState<string | null>(getSelectedPreset());\n\n useEffect(() => {\n const newPreset = getSelectedPreset();\n if (newPreset !== selectedPreset) {\n setSelectedPreset(newPreset);\n }\n }, [value]);\n\n const onChangePreset = (presetId: keyof typeof presets) => {\n const range = presets[presetId].range as any;\n onChange?.(range);\n };\n\n return (\n <Select\n label=\"Date range\"\n placeholder=\"Select a date range\"\n {...selectProps}\n value={selectedPreset}\n onChange={onChangePreset}\n data={selectData}\n maxDropdownHeight={240}\n />\n );\n};\n"],"names":["DateRangePickerPresetSelect","presets","value","onChange","selectProps","selectData","Object","entries","map","val","label","getSelectedPreset","dayjs","unix","selected","find","id","range","isSame","useState","selectedPreset","setSelectedPreset","useEffect","newPreset","onChangePreset","presetId","Select","placeholder","data","maxDropdownHeight"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"sourcesContent":["import {ComboboxItem, Select, SelectProps} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport {useEffect, useState} from 'react';\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\n\nexport interface DateRangePickerPreset {\n label: string;\n range: DateRangePickerValue;\n}\n\ninterface DateRangePickerPresetsSelectProps<T> {\n presets: Record<string, DateRangePickerPreset>;\n value: DateRangePickerValue;\n onChange?(value: DateRangePickerValue): void;\n selectProps?: Partial<Omit<SelectProps, 'data' | 'value' | 'onChange'>>;\n}\n\nexport const DateRangePickerPresetSelect = <T extends unknown>({\n presets,\n value,\n onChange,\n selectProps = {},\n}: DateRangePickerPresetsSelectProps<T>) => {\n const selectData: ComboboxItem[] = Object.entries(presets).map(([val, {label}]) => ({value: val, label}));\n\n const getSelectedPreset = () => {\n if (value[0] !== null && value[1] !== null && dayjs(value[0]).unix() !== dayjs(value[1]).unix()) {\n const selected = Object.entries(presets).find(\n ([id, {range}]) => dayjs(range[0]!).isSame(value[0]) && dayjs(value[1]!).isSame(value[1]!),\n );\n if (selected) {\n return selected[0];\n }\n }\n return null;\n };\n\n const [selectedPreset, setSelectedPreset] = useState<string | null>(getSelectedPreset());\n\n useEffect(() => {\n const newPreset = getSelectedPreset();\n if (newPreset !== selectedPreset) {\n setSelectedPreset(newPreset);\n }\n }, [value]);\n\n const onChangePreset = (presetId: keyof typeof presets) => {\n const range = presets[presetId].range as any;\n onChange?.(range);\n };\n\n return (\n <Select\n label=\"Date range\"\n placeholder=\"Select a date range\"\n {...selectProps}\n value={selectedPreset}\n onChange={onChangePreset}\n data={selectData}\n maxDropdownHeight={240}\n />\n );\n};\n"],"names":["DateRangePickerPresetSelect","presets","value","onChange","selectProps","selectData","Object","entries","map","val","label","getSelectedPreset","dayjs","unix","selected","find","id","range","isSame","useState","selectedPreset","setSelectedPreset","useEffect","newPreset","onChangePreset","presetId","Select","placeholder","data","maxDropdownHeight"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;;;oBAjBmC;8DAC9B;qBACgB;AAe3B,IAAMA,8BAA8B;QACvCC,gBAAAA,SACAC,cAAAA,OACAC,iBAAAA,qCACAC,aAAAA,8CAAc,CAAC;IAEf,IAAMC,aAA6BC,OAAOC,OAAO,CAACN,SAASO,GAAG,CAAC;mDAAEC,iBAAK,AAACC,kBAAAA;eAAa;YAACR,OAAOO;YAAKC,OAAAA;QAAK;;IAEtG,IAAMC,oBAAoB;QACtB,IAAIT,KAAK,CAAC,EAAE,KAAK,QAAQA,KAAK,CAAC,EAAE,KAAK,QAAQU,IAAAA,cAAK,EAACV,KAAK,CAAC,EAAE,EAAEW,IAAI,OAAOD,IAAAA,cAAK,EAACV,KAAK,CAAC,EAAE,EAAEW,IAAI,IAAI;YAC7F,IAAMC,WAAWR,OAAOC,OAAO,CAACN,SAASc,IAAI,CACzC;2DAAEC,gBAAI,AAACC,kBAAAA;uBAAYL,IAAAA,cAAK,EAACK,KAAK,CAAC,EAAE,EAAGC,MAAM,CAAChB,KAAK,CAAC,EAAE,KAAKU,IAAAA,cAAK,EAACV,KAAK,CAAC,EAAE,EAAGgB,MAAM,CAAChB,KAAK,CAAC,EAAE;;YAE5F,IAAIY,UAAU;gBACV,OAAOA,QAAQ,CAAC,EAAE;YACtB;QACJ;QACA,OAAO;IACX;IAEA,IAA4CK,+BAAAA,IAAAA,eAAQ,EAAgBR,0BAA7DS,iBAAqCD,cAArBE,oBAAqBF;IAE5CG,IAAAA,gBAAS,EAAC;QACN,IAAMC,YAAYZ;QAClB,IAAIY,cAAcH,gBAAgB;YAC9BC,kBAAkBE;QACtB;IACJ,GAAG;QAACrB;KAAM;IAEV,IAAMsB,iBAAiB,SAACC;QACpB,IAAMR,QAAQhB,OAAO,CAACwB,SAAS,CAACR,KAAK;QACrCd,qBAAAA,+BAAAA,SAAWc;IACf;IAEA,qBACI,qBAACS,YAAM;QACHhB,OAAM;QACNiB,aAAY;OACRvB;QACJF,OAAOkB;QACPjB,UAAUqB;QACVI,MAAMvB;QACNwB,mBAAmB;;AAG/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\n\nexport interface EditableDateRangePickerProps {\n value: DateRangePickerValue;\n onChange?(value: DateRangePickerValue): void;\n onFocus?: () => void;\n /**\n * Props for the start input\n */\n startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n /**\n * Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: Date) => {\n onChange?.([dayjs(date).startOf('day').toDate(), value?.[1]]);\n };\n const onChangeEnd = (date: Date) => {\n onChange?.([value?.[0], dayjs(date).endOf('day').toDate()]);\n };\n\n return (\n <>\n <DateInput\n clearable={false}\n label=\"Start\"\n value={value?.[0]}\n onChange={onChangeStart}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n styles={{...startProps.styles}}\n />\n <DateInput\n clearable={false}\n label=\"End\"\n value={value?.[1]}\n onChange={onChangeEnd}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n styles={{...endProps.styles}}\n />\n </>\n );\n};\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","dayjs","startOf","toDate","onChangeEnd","endOf","DateInput","clearable","label","popoverProps","styles","dropdown","display"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\n\nexport interface EditableDateRangePickerProps {\n value: DateRangePickerValue;\n onChange?(value: DateRangePickerValue): void;\n onFocus?: () => void;\n /**\n * Props for the start input\n */\n startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n /**\n * Props for the end input\n */\n endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n value,\n onChange,\n onFocus,\n startProps = {},\n endProps = {},\n}: EditableDateRangePickerProps) => {\n const onChangeStart = (date: Date) => {\n onChange?.([dayjs(date).startOf('day').toDate(), value?.[1]]);\n };\n const onChangeEnd = (date: Date) => {\n onChange?.([value?.[0], dayjs(date).endOf('day').toDate()]);\n };\n\n return (\n <>\n <DateInput\n clearable={false}\n label=\"Start\"\n value={value?.[0]}\n onChange={onChangeStart}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n styles={{...startProps.styles}}\n />\n <DateInput\n clearable={false}\n label=\"End\"\n value={value?.[1]}\n onChange={onChangeEnd}\n onFocus={onFocus}\n popoverProps={{styles: {dropdown: {display: 'none'}}}}\n styles={{...endProps.styles}}\n />\n </>\n );\n};\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","dayjs","startOf","toDate","onChangeEnd","endOf","DateInput","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;qBAlB4B;8DACvB;AAiBX,IAAMA,0BAA0B;QACnCC,cAAAA,OACAC,iBAAAA,UACAC,gBAAAA,mCACAC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;IAEZ,IAAMC,gBAAgB,SAACC;QACnBL,qBAAAA,+BAAAA,SAAW;YAACM,IAAAA,cAAK,EAACD,MAAME,OAAO,CAAC,OAAOC,MAAM;YAAIT,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;SAAC;IAChE;IACA,IAAMU,cAAc,SAACJ;QACjBL,qBAAAA,+BAAAA,SAAW;YAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;YAAEO,IAAAA,cAAK,EAACD,MAAMK,KAAK,CAAC,OAAOF,MAAM;SAAG;IAC9D;IAEA,qBACI;;0BACI,qBAACG,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUI;gBACVH,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ,qBAAIb,WAAWa,MAAM;;0BAEjC,qBAACJ,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUS;gBACVR,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ,qBAAIZ,SAASY,MAAM;;;;AAI3C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/date-range-picker/index.tsx"],"sourcesContent":["export * from './DateRangePickerInlineCalendar';\nexport * from './DateRangePickerPopoverCalendar';\nexport * from './DateRangePickerPresetSelect';\n"],"names":[],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/date-range-picker/index.tsx"],"sourcesContent":["export * from './DateRangePickerInlineCalendar';\nexport * from './DateRangePickerPopoverCalendar';\nexport * from './DateRangePickerPresetSelect';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { GetStylesApi } from '@mantine/core';
|
|
3
2
|
import type { HeaderFactory } from './Header';
|
|
4
3
|
export interface HeaderContextValue {
|
|
@@ -6,6 +5,6 @@ export interface HeaderContextValue {
|
|
|
6
5
|
}
|
|
7
6
|
export declare const HeaderProvider: ({ children, value }: {
|
|
8
7
|
value: HeaderContextValue;
|
|
9
|
-
children:
|
|
10
|
-
}) => import("react/jsx-runtime").JSX.Element, useHeaderContext: () => HeaderContextValue;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element, useHeaderContext: () => HeaderContextValue & ({} | undefined);
|
|
11
10
|
//# sourceMappingURL=Header.context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.context.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.context.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Header.context.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED,eAAO,MAAO,cAAc;;cAHxB,MAAO,SAAS;aAAe,mBAG5B,eAAuB,gBAAgB,6CAE7C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/header/Header.context.ts"],"sourcesContent":["import {GetStylesApi, createSafeContext} from '@mantine/core';\nimport type {HeaderFactory} from './Header';\n\nexport interface HeaderContextValue {\n getStyles: GetStylesApi<HeaderFactory>;\n}\n\nexport const [HeaderProvider, useHeaderContext] = createSafeContext<HeaderContextValue>(\n 'Header component was not found in tree',\n);\n"],"names":["HeaderProvider","useHeaderContext","createSafeContext"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/header/Header.context.ts"],"sourcesContent":["import {GetStylesApi, createSafeContext} from '@mantine/core';\nimport type {HeaderFactory} from './Header';\n\nexport interface HeaderContextValue {\n getStyles: GetStylesApi<HeaderFactory>;\n}\n\nexport const [HeaderProvider, useHeaderContext] = createSafeContext<HeaderContextValue>(\n 'Header component was not found in tree',\n);\n"],"names":["HeaderProvider","useHeaderContext","createSafeContext"],"mappings":";;;;;;;;;;;IAOcA,cAAc;eAAdA;;IAAgBC,gBAAgB;eAAhBA;;;;oBAPgB;IAOIC,wCAAAA,IAAAA,uBAAiB,EAC/D;AADG,IAAOF,iBAAoCE,uBAApBD,mBAAoBC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAC,aAAa,EAAE,uBAAuB,EAAC,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AACrG,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,mCAAmC,CAAC;AAE7F,YAAY,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAClF,YAAY,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,yBAAyB,GACzB,2BAA2B,GAC3B,uBAAuB,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClH;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAQH,eAAO,MAAM,MAAM;WAjBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAC,aAAa,EAAE,uBAAuB,EAAC,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AACrG,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,mCAAmC,CAAC;AAE7F,YAAY,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAClF,YAAY,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,yBAAyB,GACzB,2BAA2B,GAC3B,uBAAuB,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClH;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAQH,eAAO,MAAM,MAAM;WAjBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC;EAkEH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n Divider,\n Factory,\n Group,\n GroupProps,\n Stack,\n StylesApiProps,\n Text,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {HeaderActions, HeaderActionsStyleNames} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderActionsProps} from './HeaderActions/HeaderActions';\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n | 'root'\n | 'title'\n | 'description'\n | 'divider'\n | HeaderDocAnchorStyleNames\n | HeaderBreadcrumbsStyleNames\n | HeaderActionsStyleNames;\n\nexport interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars'> {\n /**\n * The description text displayed inside the header underneath the title\n */\n description?: ReactNode;\n /**\n * Whether the header should have a border on the bottom\n */\n borderBottom?: boolean;\n /**\n * Use the primary variant for page header and secondary variant elsewhere\n *\n * @default 'primary'\n */\n variant?: 'primary' | 'secondary';\n /**\n * The title of the header.\n */\n children: ReactNode;\n}\n\nexport type HeaderFactory = Factory<{\n props: HeaderProps;\n ref: HTMLDivElement;\n variant: HeaderVariant;\n stylesNames: HeaderStyleNames;\n staticComponents: {\n Breadcrumbs: typeof HeaderBreadcrumbs;\n Actions: typeof HeaderActions;\n DocAnchor: typeof HeaderDocAnchor;\n };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n variant: 'primary',\n justify: 'space-between',\n wrap: 'nowrap',\n};\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n const props = useProps('PlasmaHeader', defaultProps, _props);\n const {\n className,\n description,\n borderBottom,\n variant,\n children,\n style,\n classNames,\n unstyled,\n vars,\n styles,\n ...others\n } = props;\n const getStyles = useStyles<HeaderFactory>({\n name: 'PlasmaHeader',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n const actions = convertedChildren.find((child) => child.type === HeaderActions);\n const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n const otherChildren = convertedChildren.filter(\n (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor,\n );\n return (\n <HeaderProvider value={{getStyles}}>\n <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n <Stack gap={0}>\n {breadcrumbs}\n <Title\n variant={variant}\n order={variant === 'primary' ? 1 : 3}\n {...getStyles('title', stylesApiProps)}\n >\n {otherChildren}\n {docAnchor}\n </Title>\n <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n {description}\n </Text>\n </Stack>\n {actions}\n </Group>\n {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n </HeaderProvider>\n );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Actions = HeaderActions;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","actions","HeaderActions","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","order","Text","size","Divider","Breadcrumbs","Actions","DocAnchor"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n Divider,\n Factory,\n Group,\n GroupProps,\n Stack,\n StylesApiProps,\n Text,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {HeaderActions, HeaderActionsStyleNames} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderActionsProps} from './HeaderActions/HeaderActions';\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n | 'root'\n | 'title'\n | 'description'\n | 'divider'\n | HeaderDocAnchorStyleNames\n | HeaderBreadcrumbsStyleNames\n | HeaderActionsStyleNames;\n\nexport interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars'> {\n /**\n * The description text displayed inside the header underneath the title\n */\n description?: ReactNode;\n /**\n * Whether the header should have a border on the bottom\n */\n borderBottom?: boolean;\n /**\n * Use the primary variant for page header and secondary variant elsewhere\n *\n * @default 'primary'\n */\n variant?: 'primary' | 'secondary';\n /**\n * The title of the header.\n */\n children: ReactNode;\n}\n\nexport type HeaderFactory = Factory<{\n props: HeaderProps;\n ref: HTMLDivElement;\n variant: HeaderVariant;\n stylesNames: HeaderStyleNames;\n staticComponents: {\n Breadcrumbs: typeof HeaderBreadcrumbs;\n Actions: typeof HeaderActions;\n DocAnchor: typeof HeaderDocAnchor;\n };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n variant: 'primary',\n justify: 'space-between',\n wrap: 'nowrap',\n};\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n const props = useProps('PlasmaHeader', defaultProps, _props);\n const {\n className,\n description,\n borderBottom,\n variant,\n children,\n style,\n classNames,\n unstyled,\n vars,\n styles,\n ...others\n } = props;\n const getStyles = useStyles<HeaderFactory>({\n name: 'PlasmaHeader',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n const actions = convertedChildren.find((child) => child.type === HeaderActions);\n const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n const otherChildren = convertedChildren.filter(\n (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor,\n );\n return (\n <HeaderProvider value={{getStyles}}>\n <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n <Stack gap={0}>\n {breadcrumbs}\n <Title\n variant={variant}\n order={variant === 'primary' ? 1 : 3}\n {...getStyles('title', stylesApiProps)}\n >\n {otherChildren}\n {docAnchor}\n </Title>\n <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n {description}\n </Text>\n </Stack>\n {actions}\n </Group>\n {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n </HeaderProvider>\n );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Actions = HeaderActions;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","actions","HeaderActions","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","order","Text","size","Divider","Breadcrumbs","Actions","DocAnchor"],"mappings":";;;;+BAyEaA;;;eAAAA;;;;;;;;oBA7DN;qBACyC;6BACnB;wEACT;6BACiC;iCACQ;+BACJ;AAiDzD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEO,IAAMJ,SAASK,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBR,cAAcK;IACrD,IACII,YAWAF,MAXAE,WACAC,cAUAH,MAVAG,aACAC,eASAJ,MATAI,cACAV,UAQAM,MARAN,SACAW,WAOAL,MAPAK,UACAC,QAMAN,MANAM,OACAC,aAKAP,MALAO,YACAC,WAIAR,MAJAQ,UACAC,OAGAT,MAHAS,MACAC,SAEAV,MAFAU,QACGC,sCACHX;QAXAE;QACAC;QACAC;QACAV;QACAW;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAME,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNd,OAAAA;QACAe,SAAAA,wBAAO;QACPb,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMO,iBAAiB;QAACT,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMO,oBAAoBC,eAAQ,CAACC,OAAO,CAACd;IAC3C,IAAMe,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,UAAUR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,4BAAa;;IAC9E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,4BAAa,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAEjH,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAAClC,KAAKA;gBAAKL,SAASA;eAAakB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAK;;4BACPf;0CACD,sBAACgB,WAAK;gCACF1C,SAASA;gCACT2C,OAAO3C,YAAY,YAAY,IAAI;+BAC/BkB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACW,UAAI,8CAAK1B,UAAU,eAAeI;gCAAiBuB,MAAM7C,YAAY,YAAY,OAAO;0CACpFS;;;;oBAGRsB;;;YAEJrB,6BAAe,qBAACoC,aAAO,8CAAK5B,UAAU,WAAWI;gBAAiBuB,MAAK;kBAAU;;;AAG9F;AAEA/C,OAAOiD,WAAW,GAAGjB,oCAAiB;AACtChC,OAAOkD,OAAO,GAAGhB,4BAAa;AAC9BlC,OAAOmD,SAAS,GAAGf,gCAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderActionsStyleNames = 'actions';\n\nexport interface HeaderActionsProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n CompoundStylesApiProps<HeaderActionsFactory> {\n children: ReactNode;\n}\n\nexport type HeaderActionsFactory = Factory<{\n props: HeaderActionsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderActionsStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n gap: 'sm',\n};\n\nexport const HeaderActions = factory<HeaderActionsFactory>((_props, ref) => {\n const props = useProps('HeaderActions', defaultProps, _props);\n const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Group\n ref={ref}\n gap={gap}\n {...ctx.getStyles('actions', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["HeaderActions","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles"],"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderActionsStyleNames = 'actions';\n\nexport interface HeaderActionsProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n CompoundStylesApiProps<HeaderActionsFactory> {\n children: ReactNode;\n}\n\nexport type HeaderActionsFactory = Factory<{\n props: HeaderActionsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderActionsStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n gap: 'sm',\n};\n\nexport const HeaderActions = factory<HeaderActionsFactory>((_props, ref) => {\n const props = useProps('HeaderActions', defaultProps, _props);\n const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Group\n ref={ref}\n gap={gap}\n {...ctx.getStyles('actions', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["HeaderActions","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;oBAvBuE;6BAErD;AAiB/B,IAAMC,eAA4C;IAC9CC,KAAK;AACT;AAEO,IAAMF,gBAAgBG,IAAAA,aAAO,EAAuB,SAACC,QAAQC;IAChE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,iBAAiBN,cAAcG;IACtD,IAAOF,MAAwEI,MAAxEJ,KAAKM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,SAA4CJ,MAA5CI,QAAQC,QAAoCL,MAApCK,OAAOC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAxEJ;QAAKM;QAAWC;QAAYC;QAAQC;QAAOC;QAAUC;;IAC5D,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,WAAK;QACFZ,KAAKA;QACLH,KAAKA;OACDa,IAAIG,SAAS,CAAC,WAAW;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACrEQ;kBAEHF;;AAGb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderBreadcrumbsStyleNames;\n compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n const {children, className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Breadcrumbs\n ref={ref}\n classNames={{\n breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n }}\n {...others}\n >\n {children}\n </Breadcrumbs>\n );\n});\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator"],"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderBreadcrumbsStyleNames;\n compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n const {children, className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Breadcrumbs\n ref={ref}\n classNames={{\n breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n }}\n {...others}\n >\n {children}\n </Breadcrumbs>\n );\n});\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;oBAfyE;6BACvD;AAcxB,IAAMA,oBAAoBC,IAAAA,aAAO,EAA2B,SAACC,OAAOC;IACvE,IAAOC,WAA6DF,MAA7DE,UAAUC,YAAmDH,MAAnDG,WAAWC,aAAwCJ,MAAxCI,YAAYC,SAA4BL,MAA5BK,QAAQC,QAAoBN,MAApBM,OAAUC,sCAAUP;QAA7DE;QAAUC;QAAWC;QAAYC;QAAQC;;IAChD,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,iBAAW;QACRT,KAAKA;QACLG,YAAY;YACRO,YAAYH,IAAII,SAAS,CAAC,mBAAmB;gBAACT,WAAAA;gBAAWC,YAAAA;gBAAYC,QAAAA;gBAAQC,OAAAA;gBAAON,OAAAA;YAAK,GAAGG,SAAS;YACrGU,WAAWL,IAAII,SAAS,CAAC,wBAAwB;gBAACR,YAAAA;gBAAYC,QAAAA;gBAAQL,OAAAA;YAAK,GAAGG,SAAS;QAC3F;OACII;kBAEHL;;AAGb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Anchor,\n AnchorProps,\n CompoundStylesApiProps,\n Factory,\n Tooltip,\n TooltipProps,\n factory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n extends Pick<TooltipProps, 'position'>,\n CompoundStylesApiProps<HeaderDocAnchorFactory>,\n Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\n /**\n * A href pointing to documentation related to the current panel.\n * When provided, an info icon is rendered next to the title as link to this documentation\n */\n href: string;\n /**\n * The tooltip text shown when hovering over the doc link icon\n */\n label?: ReactNode;\n /**\n * React component to add the tooltip and anchor on\n */\n children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n props: HeaderDocAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderDocAnchorStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n position: 'right',\n children: <QuestionSize16Px height={16} />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n const ctx = useHeaderContext();\n\n return (\n <Tooltip\n label={label}\n disabled={!label}\n position={position}\n classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n >\n <Anchor\n ref={ref}\n inline\n target=\"_blank\"\n {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n {...others}\n >\n {children}\n </Anchor>\n </Tooltip>\n );\n});\n"],"names":["HeaderDocAnchor","defaultProps","position","children","QuestionSize16Px","height","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target"],"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Anchor,\n AnchorProps,\n CompoundStylesApiProps,\n Factory,\n Tooltip,\n TooltipProps,\n factory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n extends Pick<TooltipProps, 'position'>,\n CompoundStylesApiProps<HeaderDocAnchorFactory>,\n Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\n /**\n * A href pointing to documentation related to the current panel.\n * When provided, an info icon is rendered next to the title as link to this documentation\n */\n href: string;\n /**\n * The tooltip text shown when hovering over the doc link icon\n */\n label?: ReactNode;\n /**\n * React component to add the tooltip and anchor on\n */\n children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n props: HeaderDocAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderDocAnchorStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n position: 'right',\n children: <QuestionSize16Px height={16} />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n const ctx = useHeaderContext();\n\n return (\n <Tooltip\n label={label}\n disabled={!label}\n position={position}\n classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n >\n <Anchor\n ref={ref}\n inline\n target=\"_blank\"\n {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n {...others}\n >\n {children}\n </Anchor>\n </Tooltip>\n );\n});\n"],"names":["HeaderDocAnchor","defaultProps","position","children","QuestionSize16Px","height","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;gCA/CkB;oBAUxB;6BAEwB;AA8B/B,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,kCAAgB;QAACC,QAAQ;;AACxC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR;QAApFE;QAAWC;QAAYC;QAAQC;QAAOX;QAAUY;QAAOb;QAAUc;;IAExE,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/header/index.ts"],"sourcesContent":["export * from './Header';\n"],"names":[],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/header/index.ts"],"sourcesContent":["export * from './Header';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './browser-preview';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './button';\nexport * from './action-icon';\nexport * from './menu';\nexport * from './copyToClipboard';\n"],"names":[],"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './browser-preview';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './button';\nexport * from './action-icon';\nexport * from './menu';\nexport * from './copyToClipboard';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -25,12 +25,5 @@ export type InlineConfirmFactory = Factory<{
|
|
|
25
25
|
Target: typeof InlineConfirmTarget;
|
|
26
26
|
};
|
|
27
27
|
}>;
|
|
28
|
-
export declare const InlineConfirm: MantineComponent<
|
|
29
|
-
props: InlineConfirmProps;
|
|
30
|
-
ref: never;
|
|
31
|
-
staticComponents: {
|
|
32
|
-
Prompt: typeof InlineConfirmPrompt;
|
|
33
|
-
Target: typeof InlineConfirmTarget;
|
|
34
|
-
};
|
|
35
|
-
}>;
|
|
28
|
+
export declare const InlineConfirm: MantineComponent<InlineConfirmFactory>;
|
|
36
29
|
//# sourceMappingURL=InlineConfirm.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAW,MAAM,eAAe,CAAC;AAClF,OAAO,EAAyB,SAAS,EAAW,MAAM,OAAO,CAAC;AAElE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC5E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,KAAK,CAAC;IACX,gBAAgB,EAAE;QACd,MAAM,EAAE,OAAO,mBAAmB,CAAC;QACnC,MAAM,EAAE,OAAO,mBAAmB,CAAC;KACtC,CAAC;CACL,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"InlineConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAW,MAAM,eAAe,CAAC;AAClF,OAAO,EAAyB,SAAS,EAAW,MAAM,OAAO,CAAC;AAElE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC5E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,KAAK,CAAC;IACX,gBAAgB,EAAE;QACd,MAAM,EAAE,OAAO,mBAAmB,CAAC;QACnC,MAAM,EAAE,OAAO,mBAAmB,CAAC;KACtC,CAAC;CACL,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa,EAcpB,gBAAgB,CAAC,oBAAoB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, MantineComponent, StylesApiProps, useProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget';\n\n/**\n * Direct children of InlineConfirm that wraps an InlineConfirm.Prompt need this prop\n */\nexport interface InlineConfirmComponentsProps {\n /**\n * Unique id to map the prompt to the target\n */\n inlineConfirmId: string;\n}\n\nexport interface InlineConfirmProps extends StylesApiProps<InlineConfirmFactory> {\n /**\n * The content of the component. Should contain at least one `InlineConfirm.Target` and one `InlineConfirm.Prompt` with matching ids\n */\n children: ReactNode;\n}\n\nexport type InlineConfirmFactory = Factory<{\n props: InlineConfirmProps;\n ref: never;\n staticComponents: {\n Prompt: typeof InlineConfirmPrompt;\n Target: typeof InlineConfirmTarget;\n };\n}>;\n\nconst defaultProps: Partial<InlineConfirmProps> = {};\n\nexport const InlineConfirm = ((_props) => {\n const {children} = useProps('InlineConfirm', defaultProps, _props);\n const [confirmingId, setConfirmingId] = useState<string | null>(null);\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const prompt = convertedChildren.find(\n (child) => child.type !== InlineConfirmTarget && child.props?.inlineConfirmId === confirmingId,\n );\n const clearConfirm = () => setConfirmingId(null);\n return (\n <InlineConfirmProvider value={{confirmingId, setConfirmingId, clearConfirm}}>\n {prompt ?? children}\n </InlineConfirmProvider>\n );\n}) as MantineComponent<InlineConfirmFactory>;\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Target = InlineConfirmTarget;\n"],"names":["InlineConfirm","defaultProps","_props","children","useProps","useState","confirmingId","setConfirmingId","convertedChildren","Children","toArray","prompt","find","child","type","InlineConfirmTarget","props","inlineConfirmId","clearConfirm","InlineConfirmProvider","value","Prompt","InlineConfirmPrompt","Target"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, MantineComponent, StylesApiProps, useProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget';\n\n/**\n * Direct children of InlineConfirm that wraps an InlineConfirm.Prompt need this prop\n */\nexport interface InlineConfirmComponentsProps {\n /**\n * Unique id to map the prompt to the target\n */\n inlineConfirmId: string;\n}\n\nexport interface InlineConfirmProps extends StylesApiProps<InlineConfirmFactory> {\n /**\n * The content of the component. Should contain at least one `InlineConfirm.Target` and one `InlineConfirm.Prompt` with matching ids\n */\n children: ReactNode;\n}\n\nexport type InlineConfirmFactory = Factory<{\n props: InlineConfirmProps;\n ref: never;\n staticComponents: {\n Prompt: typeof InlineConfirmPrompt;\n Target: typeof InlineConfirmTarget;\n };\n}>;\n\nconst defaultProps: Partial<InlineConfirmProps> = {};\n\nexport const InlineConfirm = ((_props) => {\n const {children} = useProps('InlineConfirm', defaultProps, _props);\n const [confirmingId, setConfirmingId] = useState<string | null>(null);\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const prompt = convertedChildren.find(\n (child) => child.type !== InlineConfirmTarget && child.props?.inlineConfirmId === confirmingId,\n );\n const clearConfirm = () => setConfirmingId(null);\n return (\n <InlineConfirmProvider value={{confirmingId, setConfirmingId, clearConfirm}}>\n {prompt ?? children}\n </InlineConfirmProvider>\n );\n}) as MantineComponent<InlineConfirmFactory>;\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Target = InlineConfirmTarget;\n"],"names":["InlineConfirm","defaultProps","_props","children","useProps","useState","confirmingId","setConfirmingId","convertedChildren","Children","toArray","prompt","find","child","type","InlineConfirmTarget","props","inlineConfirmId","clearConfirm","InlineConfirmProvider","value","Prompt","InlineConfirmPrompt","Target"],"mappings":";;;;+BAmCaA;;;eAAAA;;;;;oBAnCqD;qBACR;oCACtB;mCACF;mCAEA;AA4BlC,IAAMC,eAA4C,CAAC;AAE5C,IAAMD,gBAAiB,SAACE;IAC3B,IAAM,AAACC,WAAYC,IAAAA,cAAQ,EAAC,iBAAiBH,cAAcC,QAApDC;IACP,IAAwCE,+BAAAA,IAAAA,eAAQ,EAAgB,WAAzDC,eAAiCD,cAAnBE,kBAAmBF;IAExC,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAC3C,IAAMQ,SAASH,kBAAkBI,IAAI,CACjC,SAACC;YAAgDA;eAAtCA,MAAMC,IAAI,KAAKC,wCAAmB,IAAIF,EAAAA,eAAAA,MAAMG,KAAK,cAAXH,mCAAAA,aAAaI,eAAe,MAAKX;;IAEtF,IAAMY,eAAe;eAAMX,gBAAgB;;IAC3C,qBACI,qBAACY,2CAAqB;QAACC,OAAO;YAACd,cAAAA;YAAcC,iBAAAA;YAAiBW,cAAAA;QAAY;kBACrEP,mBAAAA,oBAAAA,SAAUR;;AAGvB;AAEAH,cAAcqB,MAAM,GAAGC,wCAAmB;AAC1CtB,cAAcuB,MAAM,GAAGR,wCAAmB"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
type InlineConfirmContextType = {
|
|
3
2
|
confirmingId: string;
|
|
4
3
|
setConfirmingId: (id: string) => void;
|
|
@@ -6,7 +5,7 @@ type InlineConfirmContextType = {
|
|
|
6
5
|
};
|
|
7
6
|
export declare const InlineConfirmProvider: ({ children, value }: {
|
|
8
7
|
value: InlineConfirmContextType;
|
|
9
|
-
children:
|
|
10
|
-
}) => import("react/jsx-runtime").JSX.Element, useInlineConfirm: () => InlineConfirmContextType;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element, useInlineConfirm: () => InlineConfirmContextType & ({} | undefined);
|
|
11
10
|
export {};
|
|
12
11
|
//# sourceMappingURL=InlineConfirmContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineConfirmContext.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InlineConfirmContext.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"names":[],"mappings":"AAEA,KAAK,wBAAwB,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAO,qBAAqB;;cAJM,MACpC,SAAS;aACd,mBAEc,eAAuB,gBAAgB,mDAEpD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"sourcesContent":["import {createSafeContext} from '@mantine/core';\n\ntype InlineConfirmContextType = {\n confirmingId: string;\n setConfirmingId: (id: string) => void;\n clearConfirm: () => void;\n};\n\nexport const [InlineConfirmProvider, useInlineConfirm] = createSafeContext<InlineConfirmContextType>(\n 'InlineConfirm component was not found in tree',\n);\n"],"names":["InlineConfirmProvider","useInlineConfirm","createSafeContext"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"sourcesContent":["import {createSafeContext} from '@mantine/core';\n\ntype InlineConfirmContextType = {\n confirmingId: string;\n setConfirmingId: (id: string) => void;\n clearConfirm: () => void;\n};\n\nexport const [InlineConfirmProvider, useInlineConfirm] = createSafeContext<InlineConfirmContextType>(\n 'InlineConfirm component was not found in tree',\n);\n"],"names":["InlineConfirmProvider","useInlineConfirm","createSafeContext"],"mappings":";;;;;;;;;;;IAQcA,qBAAqB;eAArBA;;IAAuBC,gBAAgB;eAAhBA;;;;oBARL;IAQyBC,wCAAAA,IAAAA,uBAAiB,EACtE;AADG,IAAOF,wBAA2CE,uBAApBD,mBAAoBC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n /**\n * Label element\n *\n * @default Are you sure?\n */\n label?: ReactNode;\n /**\n * Confirm button element\n *\n * @default <Button color=\"red\">Delete</Button>\n */\n confirm?: ReactElement;\n /**\n * Cancel button element\n *\n * @default <Button variant=\"outline\">Cancel</Button>\n */\n cancel?: ReactElement;\n /**\n * Function called when the confirm button is clicked\n */\n onConfirm?(): void;\n\n /**\n * Function called when the cancel button is clicked\n */\n onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n props: InlineConfirmPromptProps;\n ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n label: 'Are you sure?',\n confirm: <Button color=\"red\">Delete</Button>,\n cancel: <Button variant=\"outline\">Cancel</Button>,\n gap: 'xs',\n wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n const {inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n 'InlineConfirmPrompt',\n defaultProps,\n props,\n );\n const {confirmingId, clearConfirm} = useInlineConfirm();\n\n if (!isElement(cancel) || !isElement(confirm)) {\n throw new Error(\n 'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n );\n }\n const cancelEl = cloneElement(cancel, {\n onClick: () => {\n cancel.props.onClick?.();\n onCancel?.();\n clearConfirm();\n },\n });\n const confirmEl = cloneElement(confirm, {\n onClick: () => {\n confirm.props.onClick?.();\n onConfirm?.();\n clearConfirm();\n },\n });\n\n useEffect(() => {\n if (confirmingId !== inlineConfirmId) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === inlineConfirmId) {\n return (\n <Group ref={ref} {...others}>\n {label}\n {confirmEl}\n {cancelEl}\n </Group>\n );\n }\n return null;\n});\n"],"names":["InlineConfirmPrompt","defaultProps","label","confirm","Button","color","cancel","variant","gap","wrap","factory","props","ref","useProps","inlineConfirmId","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n /**\n * Label element\n *\n * @default Are you sure?\n */\n label?: ReactNode;\n /**\n * Confirm button element\n *\n * @default <Button color=\"red\">Delete</Button>\n */\n confirm?: ReactElement;\n /**\n * Cancel button element\n *\n * @default <Button variant=\"outline\">Cancel</Button>\n */\n cancel?: ReactElement;\n /**\n * Function called when the confirm button is clicked\n */\n onConfirm?(): void;\n\n /**\n * Function called when the cancel button is clicked\n */\n onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n props: InlineConfirmPromptProps;\n ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n label: 'Are you sure?',\n confirm: <Button color=\"red\">Delete</Button>,\n cancel: <Button variant=\"outline\">Cancel</Button>,\n gap: 'xs',\n wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n const {inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n 'InlineConfirmPrompt',\n defaultProps,\n props,\n );\n const {confirmingId, clearConfirm} = useInlineConfirm();\n\n if (!isElement(cancel) || !isElement(confirm)) {\n throw new Error(\n 'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n );\n }\n const cancelEl = cloneElement(cancel, {\n onClick: () => {\n cancel.props.onClick?.();\n onCancel?.();\n clearConfirm();\n },\n });\n const confirmEl = cloneElement(confirm, {\n onClick: () => {\n confirm.props.onClick?.();\n onConfirm?.();\n clearConfirm();\n },\n });\n\n useEffect(() => {\n if (confirmingId !== inlineConfirmId) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === inlineConfirmId) {\n return (\n <Group ref={ref} {...others}>\n {label}\n {confirmEl}\n {cancelEl}\n </Group>\n );\n }\n return null;\n});\n"],"names":["InlineConfirmPrompt","defaultProps","label","confirm","Button","color","cancel","variant","gap","wrap","factory","props","ref","useProps","inlineConfirmId","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"mappings":";;;;+BAkDaA;;;eAAAA;;;;;;;oBAlD0D;qBACR;sBAC1C;oCAGU;AAqC/B,IAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,qBAACC,cAAM;QAACC,OAAM;kBAAM;;IAC7BC,sBAAQ,qBAACF,cAAM;QAACG,SAAQ;kBAAU;;IAClCC,KAAK;IACLC,MAAM;AACV;AAEO,IAAMT,sBAAsBU,IAAAA,aAAO,EAA6B,SAACC,OAAOC;IAC3E,IAAkFC,YAAAA,IAAAA,cAAQ,EACtF,uBACAZ,cACAU,QAHGG,kBAA2ED,UAA3EC,iBAAiBZ,QAA0DW,UAA1DX,OAAOC,UAAmDU,UAAnDV,SAASG,SAA0CO,UAA1CP,QAAQS,YAAkCF,UAAlCE,WAAWC,WAAuBH,UAAvBG,UAAaC,sCAAUJ;QAA3EC;QAAiBZ;QAAOC;QAASG;QAAQS;QAAWC;;IAK3D,IAAqCE,oBAAAA,IAAAA,sCAAgB,KAA9CC,eAA8BD,kBAA9BC,cAAcC,eAAgBF,kBAAhBE;IAErB,IAAI,CAACC,IAAAA,eAAS,EAACf,WAAW,CAACe,IAAAA,eAAS,EAAClB,UAAU;QAC3C,MAAM,IAAImB,MACN;IAER;IACA,IAAMC,yBAAWC,IAAAA,mBAAY,EAAClB,QAAQ;QAClCmB,SAAS;gBACLnB,uBAAAA;aAAAA,wBAAAA,CAAAA,gBAAAA,OAAOK,KAAK,EAACc,OAAO,cAApBnB,4CAAAA,2BAAAA;YACAU,qBAAAA,+BAAAA;YACAI;QACJ;IACJ;IACA,IAAMM,0BAAYF,IAAAA,mBAAY,EAACrB,SAAS;QACpCsB,SAAS;gBACLtB,wBAAAA;aAAAA,yBAAAA,CAAAA,iBAAAA,QAAQQ,KAAK,EAACc,OAAO,cAArBtB,6CAAAA,4BAAAA;YACAY,sBAAAA,gCAAAA;YACAK;QACJ;IACJ;IAEAO,IAAAA,gBAAS,EAAC;QACN,IAAIR,iBAAiBL,iBAAiB;YAClCM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,iBAAiB;QAClC,qBACI,sBAACc,WAAK;YAAChB,KAAKA;WAASK;;gBAChBf;gBACAwB;gBACAH;;;IAGb;IACA,OAAO;AACX"}
|
|
@@ -4,14 +4,14 @@ import { InlineConfirmComponentsProps } from './InlineConfirm';
|
|
|
4
4
|
export interface InlineConfirmTargetProps extends ButtonProps, InlineConfirmComponentsProps {
|
|
5
5
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
6
6
|
}
|
|
7
|
-
export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import("@mantine/core").PolymorphicComponentProps<C_1, ButtonProps>) =>
|
|
7
|
+
export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import("@mantine/core").PolymorphicComponentProps<C_1, ButtonProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(ButtonProps & {
|
|
8
8
|
component?: any;
|
|
9
9
|
} & Omit<Omit<any, "ref">, "component" | keyof ButtonProps> & {
|
|
10
10
|
ref?: any;
|
|
11
|
-
renderRoot?: (props: any) => any;
|
|
11
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
12
12
|
}) | (ButtonProps & {
|
|
13
13
|
component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
|
|
14
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
14
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
15
15
|
})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
16
16
|
props: ButtonProps;
|
|
17
17
|
defaultRef: HTMLButtonElement;
|
|
@@ -20,12 +20,7 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
|
|
|
20
20
|
vars: import("@mantine/core").ButtonCssVariables;
|
|
21
21
|
variant: import("@mantine/core").ButtonVariant;
|
|
22
22
|
staticComponents: {
|
|
23
|
-
Group: import("@mantine/core").
|
|
24
|
-
props: import("@mantine/core").ButtonGroupProps;
|
|
25
|
-
ref: HTMLDivElement;
|
|
26
|
-
stylesNames: "group";
|
|
27
|
-
vars: import("@mantine/core").ButtonGroupCssVariables;
|
|
28
|
-
}>;
|
|
23
|
+
Group: typeof import("@mantine/core").ButtonGroup;
|
|
29
24
|
};
|
|
30
25
|
}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
|
|
31
26
|
props: ButtonProps;
|
|
@@ -35,27 +30,17 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
|
|
|
35
30
|
vars: import("@mantine/core").ButtonCssVariables;
|
|
36
31
|
variant: import("@mantine/core").ButtonVariant;
|
|
37
32
|
staticComponents: {
|
|
38
|
-
Group: import("@mantine/core").
|
|
39
|
-
props: import("@mantine/core").ButtonGroupProps;
|
|
40
|
-
ref: HTMLDivElement;
|
|
41
|
-
stylesNames: "group";
|
|
42
|
-
vars: import("@mantine/core").ButtonGroupCssVariables;
|
|
43
|
-
}>;
|
|
33
|
+
Group: typeof import("@mantine/core").ButtonGroup;
|
|
44
34
|
};
|
|
45
35
|
}> & {
|
|
46
|
-
Group: import("@mantine/core").
|
|
47
|
-
|
|
48
|
-
ref: HTMLDivElement;
|
|
49
|
-
stylesNames: "group";
|
|
50
|
-
vars: import("@mantine/core").ButtonGroupCssVariables;
|
|
51
|
-
}>;
|
|
52
|
-
}>(props: import("@mantine/core").PolymorphicComponentProps<C, InlineConfirmTargetProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(InlineConfirmTargetProps & {
|
|
36
|
+
Group: typeof import("@mantine/core").ButtonGroup;
|
|
37
|
+
}>(props: import("@mantine/core").PolymorphicComponentProps<C, InlineConfirmTargetProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(InlineConfirmTargetProps & {
|
|
53
38
|
component?: any;
|
|
54
39
|
} & Omit<Omit<any, "ref">, "component" | keyof InlineConfirmTargetProps> & {
|
|
55
40
|
ref?: any;
|
|
56
|
-
renderRoot?: (props: any) => any;
|
|
41
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
57
42
|
}) | (InlineConfirmTargetProps & {
|
|
58
43
|
component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
|
|
59
|
-
renderRoot?: (props: Record<string, any>) => any;
|
|
44
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
60
45
|
})>, never> & Record<string, never>;
|
|
61
46
|
//# sourceMappingURL=InlineConfirmTarget.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB
|
|
1
|
+
{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGACpB,MACJ,YACH;;;;;;sBAQiC,OAAO,gCAC1B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;6FAKE,MAAO,YAAY;;;;;;sBAImI,OAAO,gCAAgC,OAAO;;mCAD/N,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\nimport {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps, InlineConfirmComponentsProps {\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n forwardRef(\n (\n {\n onClick,\n inlineConfirmId,\n component: Component = Button,\n ...others\n }: InlineConfirmTargetProps & {component?: any},\n ref,\n ) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(inlineConfirmId);\n onClick?.(e);\n };\n\n return <Component ref={ref} onClick={handleOnClick} {...others} />;\n },\n ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","ref","onClick","inlineConfirmId","Component","component","Button","others","setConfirmingId","useInlineConfirm","handleOnClick","e"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\nimport {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps, InlineConfirmComponentsProps {\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n forwardRef(\n (\n {\n onClick,\n inlineConfirmId,\n component: Component = Button,\n ...others\n }: InlineConfirmTargetProps & {component?: any},\n ref,\n ) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(inlineConfirmId);\n onClick?.(e);\n };\n\n return <Component ref={ref} onClick={handleOnClick} {...others} />;\n },\n ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","ref","onClick","inlineConfirmId","Component","component","Button","others","setConfirmingId","useInlineConfirm","handleOnClick","e"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;oBAV4B;qBACG;sBACV;oCAEH;AAMxB,IAAMA,sBAAsBC,IAAAA,gCAA0B,gBACzDC,IAAAA,iBAAU,EACN,iBAOIC;QALIC,iBAAAA,SACAC,yBAAAA,iBACWC,aAAXC,WAAWD,YAAAA,iBAAYE,cAAM,GAAlBF,KACRG;QAHHL;QACAC;QACAE;;IAKJ,IAAM,AAACG,kBAAmBC,IAAAA,sCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;QACzDH,gBAAgBL;QAChBD,oBAAAA,8BAAAA,QAAUS;IACd;IAEA,qBAAO,qBAACP;QAAUH,KAAKA;QAAKC,SAASQ;OAAmBH;AAC5D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { Menu as MantineMenu, MenuItemProps as MantineMenuItemProps } from '@mantine/core';
|
|
3
2
|
import { ButtonWithDisabledTooltipProps } from '../button';
|
|
4
3
|
export interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {
|
|
5
4
|
}
|
|
6
|
-
export declare const Menu: ((_props: import("@mantine/core").MenuProps) =>
|
|
5
|
+
export declare const Menu: ((_props: import("@mantine/core").MenuProps) => ReturnType<typeof MantineMenu>) & typeof MantineMenu & {
|
|
7
6
|
displayName: string;
|
|
8
|
-
Item: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, MenuItemProps>) => import("react").ReactElement
|
|
7
|
+
Item: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, MenuItemProps>) => import("react").ReactElement) & Omit<import("react").FunctionComponent<(MenuItemProps & {
|
|
9
8
|
component?: any;
|
|
10
9
|
} & Omit<Pick<any, string | number | symbol>, "component" | keyof MenuItemProps> & {
|
|
11
10
|
ref?: any;
|
|
12
11
|
}) | (MenuItemProps & {
|
|
13
|
-
component: import("react").ElementType<any
|
|
12
|
+
component: import("react").ElementType<any>;
|
|
14
13
|
})>, never> & Record<string, never>;
|
|
15
14
|
};
|
|
16
15
|
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,IAAI,WAAW,EAAE,aAAa,IAAI,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAIzF,OAAO,EAAC,8BAA8B,EAAC,MAAM,WAAW,CAAC;AAGzD,MAAM,WAAW,aAAc,SAAQ,oBAAoB,EAAE,8BAA8B;CAAG;AAgB9F,eAAO,MAAM,IAAI;;;;;;;;;CAGf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {Menu as MantineMenu, MenuItemProps as MantineMenuItemProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nimport {createPolymorphicComponent, overrideComponent} from '../../utils';\nimport {ButtonWithDisabledTooltipProps} from '../button';\nimport {ButtonWithDisabledTooltip} from '../button/ButtonWithDisabledTooltip';\n\nexport interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {}\n\nconst _MenuItem = forwardRef<HTMLButtonElement, MenuItemProps>(\n ({disabledTooltip, disabled, disabledTooltipProps, ...others}, ref) => (\n <ButtonWithDisabledTooltip\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n >\n <MantineMenu.Item ref={ref} disabled={disabled} {...others} />\n </ButtonWithDisabledTooltip>\n ),\n);\n\nconst MenuItem = createPolymorphicComponent<'button', MenuItemProps>(_MenuItem);\n\nexport const Menu = overrideComponent(MantineMenu, {\n displayName: '@coveord/plasma-mantine/Menu',\n Item: MenuItem,\n});\n"],"names":["Menu","_MenuItem","forwardRef","ref","disabledTooltip","disabled","disabledTooltipProps","others","ButtonWithDisabledTooltip","MantineMenu","Item","MenuItem","createPolymorphicComponent","overrideComponent","displayName"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {Menu as MantineMenu, MenuItemProps as MantineMenuItemProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nimport {createPolymorphicComponent, overrideComponent} from '../../utils';\nimport {ButtonWithDisabledTooltipProps} from '../button';\nimport {ButtonWithDisabledTooltip} from '../button/ButtonWithDisabledTooltip';\n\nexport interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {}\n\nconst _MenuItem = forwardRef<HTMLButtonElement, MenuItemProps>(\n ({disabledTooltip, disabled, disabledTooltipProps, ...others}, ref) => (\n <ButtonWithDisabledTooltip\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n >\n <MantineMenu.Item ref={ref} disabled={disabled} {...others} />\n </ButtonWithDisabledTooltip>\n ),\n);\n\nconst MenuItem = createPolymorphicComponent<'button', MenuItemProps>(_MenuItem);\n\nexport const Menu = overrideComponent(MantineMenu, {\n displayName: '@coveord/plasma-mantine/Menu',\n Item: MenuItem,\n});\n"],"names":["Menu","_MenuItem","forwardRef","ref","disabledTooltip","disabled","disabledTooltipProps","others","ButtonWithDisabledTooltip","MantineMenu","Item","MenuItem","createPolymorphicComponent","overrideComponent","displayName"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;oBAvB4D;qBAChD;qBAEmC;yCAEpB;AAIxC,IAAMC,0BAAYC,IAAAA,iBAAU,EACxB,iBAA+DC;QAA7DC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAyBC;QAApDH;QAAiBC;QAAUC;;yBACzB,qBAACE,oDAAyB;QACtBH,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;kBAEtB,cAAA,qBAACG,UAAW,CAACC,IAAI;YAACP,KAAKA;YAAKE,UAAUA;WAAcE;;;AAKhE,IAAMI,WAAWC,IAAAA,iCAA0B,EAA0BX;AAE9D,IAAMD,OAAOa,IAAAA,wBAAiB,EAACJ,UAAW,EAAE;IAC/CK,aAAa;IACbJ,MAAMC;AACV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/menu/index.ts"],"sourcesContent":["export * from './Menu';\n"],"names":[],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/menu/index.ts"],"sourcesContent":["export * from './Menu';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {Box, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport PromptClasses from './Prompt.module.css';\nimport {PromptFooter} from './PromptFooter';\n\nexport interface PromptProps extends ModalProps {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: 'success' | 'warning' | 'critical' | 'info';\n children: ReactNode;\n}\ninterface PromptType {\n (props: PromptProps): ReactElement;\n Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, ...otherProps}) => {\n const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n const convertedChildren = Children.toArray(children) as ReactElement[];\n\n const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n const classNames = {\n root: PromptClasses.root,\n header: PromptClasses.header,\n close: PromptClasses.whiteClose,\n body: PromptClasses.body,\n title: PromptClasses.title,\n };\n\n return (\n <Modal variant=\"prompt\" classNames={{...classNames, ...classesProps}} size=\"sm\" {...otherPropsWithoutClasses}>\n <Box className={PromptClasses.innerBody}>{otherChildren}</Box>\n {footer}\n </Modal>\n );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","children","otherProps","classNames","classesProps","otherPropsWithoutClasses","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","root","PromptClasses","header","close","whiteClose","body","title","Modal","variant","size","Box","className","innerBody","Footer"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {Box, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport PromptClasses from './Prompt.module.css';\nimport {PromptFooter} from './PromptFooter';\n\nexport interface PromptProps extends ModalProps {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: 'success' | 'warning' | 'critical' | 'info';\n children: ReactNode;\n}\ninterface PromptType {\n (props: PromptProps): ReactElement;\n Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, ...otherProps}) => {\n const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n const convertedChildren = Children.toArray(children) as ReactElement[];\n\n const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n const classNames = {\n root: PromptClasses.root,\n header: PromptClasses.header,\n close: PromptClasses.whiteClose,\n body: PromptClasses.body,\n title: PromptClasses.title,\n };\n\n return (\n <Modal variant=\"prompt\" classNames={{...classNames, ...classesProps}} size=\"sm\" {...otherPropsWithoutClasses}>\n <Box className={PromptClasses.innerBody}>{otherChildren}</Box>\n {footer}\n </Modal>\n );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","children","otherProps","classNames","classesProps","otherPropsWithoutClasses","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","root","PromptClasses","header","close","whiteClose","body","title","Modal","variant","size","Box","className","innerBody","Footer"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;;oBAnBwB;qBACW;wEACtB;4BACC;AAgBpB,IAAMA,SAAqB;QAAEC,kBAAAA,UAAaC;QAAbD;;IAChC,IAAOE,AAAYC,eAA6CF,WAAzDC,YAA6BE,wDAA4BH;QAAzDC;;IACP,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAE3C,IAAMQ,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,IAAMV,aAAa;QACfa,MAAMC,wBAAa,CAACD,IAAI;QACxBE,QAAQD,wBAAa,CAACC,MAAM;QAC5BC,OAAOF,wBAAa,CAACG,UAAU;QAC/BC,MAAMJ,wBAAa,CAACI,IAAI;QACxBC,OAAOL,wBAAa,CAACK,KAAK;IAC9B;IAEA,qBACI,sBAACC,WAAK;QAACC,SAAQ;QAASrB,YAAY,qBAAIA,YAAeC;QAAeqB,MAAK;OAASpB;;0BAChF,qBAACqB,SAAG;gBAACC,WAAWV,wBAAa,CAACW,SAAS;0BAAGnB;;YACzCK;;;AAGb;AAEAd,OAAO6B,MAAM,GAAGhB,0BAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n <StickyFooter p={0} pt=\"lg\" {...otherProps}>\n {children}\n </StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter","p","pt"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n <StickyFooter p={0} pt=\"lg\" {...otherProps}>\n {children}\n </StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter","p","pt"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;yBACnF,qBAACE,0BAAY;QAACC,GAAG;QAAGC,IAAG;OAASH;kBAC3BD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {Factory, Group, GroupProps, StylesApiProps, factory, useProps, useStyles} from '@mantine/core';\nimport clsx from 'clsx';\nimport {ReactNode} from 'react';\nimport classes from './StickyFooter.module.css';\n\nexport interface StickyFooterProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n StylesApiProps<StickyFooterFactory> {\n /**\n * Whether a border is render on top of the footer\n */\n borderTop?: boolean;\n /**\n * Footer's children, usually buttons\n */\n children?: ReactNode;\n /**\n * Use variant 'modal-footer' when rendering the `StickyFooter` inside `Modal`.\n *\n * The 'modal-footer' removes the modal's default padding so that the footer properly hugs the bottom of the modal.\n * It also adds a border on top of the footer.\n */\n variant?: 'default' | 'modal-footer';\n}\n\nexport type StickyFooterStylesNames = 'root';\n\nexport type StickyFooterFactory = Factory<{\n props: StickyFooterProps;\n ref: HTMLDivElement;\n stylesNames: StickyFooterStylesNames;\n}>;\n\nconst defaultProps: Partial<StickyFooterProps> = {\n gap: 'sm',\n justify: 'flex-end',\n};\n\nexport const StickyFooter = factory<StickyFooterFactory>((props, ref) => {\n const {borderTop, justify, gap, children, className, classNames, style, styles, unstyled, vars, ...others} =\n useProps('StickyFooter', defaultProps, props);\n const getStyles = useStyles<StickyFooterFactory>({\n name: 'StickyFooter',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const css = getStyles('root');\n\n return (\n <Group\n justify={justify}\n gap={gap}\n className={clsx(css.className, {[classes.border]: !!borderTop})}\n style={css.style}\n ref={ref}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["StickyFooter","defaultProps","gap","justify","factory","props","ref","useProps","borderTop","children","className","classNames","style","styles","unstyled","vars","others","getStyles","useStyles","name","classes","css","Group","clsx","border"],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {Factory, Group, GroupProps, StylesApiProps, factory, useProps, useStyles} from '@mantine/core';\nimport clsx from 'clsx';\nimport {ReactNode} from 'react';\nimport classes from './StickyFooter.module.css';\n\nexport interface StickyFooterProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n StylesApiProps<StickyFooterFactory> {\n /**\n * Whether a border is render on top of the footer\n */\n borderTop?: boolean;\n /**\n * Footer's children, usually buttons\n */\n children?: ReactNode;\n /**\n * Use variant 'modal-footer' when rendering the `StickyFooter` inside `Modal`.\n *\n * The 'modal-footer' removes the modal's default padding so that the footer properly hugs the bottom of the modal.\n * It also adds a border on top of the footer.\n */\n variant?: 'default' | 'modal-footer';\n}\n\nexport type StickyFooterStylesNames = 'root';\n\nexport type StickyFooterFactory = Factory<{\n props: StickyFooterProps;\n ref: HTMLDivElement;\n stylesNames: StickyFooterStylesNames;\n}>;\n\nconst defaultProps: Partial<StickyFooterProps> = {\n gap: 'sm',\n justify: 'flex-end',\n};\n\nexport const StickyFooter = factory<StickyFooterFactory>((props, ref) => {\n const {borderTop, justify, gap, children, className, classNames, style, styles, unstyled, vars, ...others} =\n useProps('StickyFooter', defaultProps, props);\n const getStyles = useStyles<StickyFooterFactory>({\n name: 'StickyFooter',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const css = getStyles('root');\n\n return (\n <Group\n justify={justify}\n gap={gap}\n className={clsx(css.className, {[classes.border]: !!borderTop})}\n style={css.style}\n ref={ref}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["StickyFooter","defaultProps","gap","justify","factory","props","ref","useProps","borderTop","children","className","classNames","style","styles","unstyled","vars","others","getStyles","useStyles","name","classes","css","Group","clsx","border"],"mappings":";;;;+BAsCaA;;;eAAAA;;;;;;;;;oBAtC0E;6DACtE;8EAEG;AA8BpB,IAAMC,eAA2C;IAC7CC,KAAK;IACLC,SAAS;AACb;AAEO,IAAMH,eAAeI,IAAAA,aAAO,EAAsB,SAACC,OAAOC;IAC7D,IACIC,YAAAA,IAAAA,cAAQ,EAAC,gBAAgBN,cAAcI,QADpCG,YACHD,UADGC,WAAWL,UACdI,UADcJ,SAASD,MACvBK,UADuBL,KAAKO,WAC5BF,UAD4BE,UAAUC,YACtCH,UADsCG,WAAWC,aACjDJ,UADiDI,YAAYC,QAC7DL,UAD6DK,OAAOC,SACpEN,UADoEM,QAAQC,WAC5EP,UAD4EO,UAAUC,OACtFR,UADsFQ,MAASC,sCAC/FT;QADGC;QAAWL;QAASD;QAAKO;QAAUC;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IAE1F,IAAME,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPf,OAAAA;QACAK,WAAAA;QACAE,OAAAA;QACAD,YAAAA;QACAE,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAMO,MAAMJ,UAAU;IAEtB,qBACI,qBAACK,WAAK;QACFnB,SAASA;QACTD,KAAKA;QACLQ,WAAWa,IAAAA,aAAI,EAACF,IAAIX,SAAS,EAAG,uBAACU,8BAAO,CAACI,MAAM,EAAG,CAAC,CAAChB;QACpDI,OAAOS,IAAIT,KAAK;QAChBN,KAAKA;OACDU;kBAEHP;;AAGb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"mappings":";;;;;uBAAc"}
|