@coveord/plasma-mantine 53.1.0 → 53.1.4
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 +35 -35
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/action-icon/ActionIcon.js +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 +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.js.map +1 -1
- package/dist/cjs/components/browser-preview/index.js.map +1 -1
- package/dist/cjs/components/button/Button.js +3 -3
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/ButtonWithDisabledTooltip.js +3 -3
- 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 +15 -18
- 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 +5 -5
- package/dist/cjs/components/code-editor/languages/xml.js.map +1 -1
- package/dist/cjs/components/code-editor/search/Search.js +2 -2
- 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.js +16 -22
- package/dist/cjs/components/collection/Collection.js.map +1 -1
- package/dist/cjs/components/collection/CollectionContext.js +1 -1
- package/dist/cjs/components/collection/CollectionContext.js.map +1 -1
- package/dist/cjs/components/collection/CollectionItem.js +5 -5
- package/dist/cjs/components/collection/CollectionItem.js.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.js +4 -5
- 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 +2 -2
- package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js +2 -3
- package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.js +1 -2
- package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.js.map +1 -1
- package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js +10 -13
- 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.js +1 -1
- package/dist/cjs/components/header/Header.context.js.map +1 -1
- package/dist/cjs/components/header/Header.js +11 -11
- package/dist/cjs/components/header/Header.js.map +1 -1
- package/dist/cjs/components/header/HeaderActions/HeaderActions.js +3 -3
- package/dist/cjs/components/header/HeaderActions/HeaderActions.js.map +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js +2 -2
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
- package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.js +4 -4
- 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.js +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirm.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmContext.js +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmContext.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js +9 -9
- package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.js +1 -2
- 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.js +3 -3
- 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 +2 -2
- 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 +5 -5
- 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.js +18 -21
- 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.js +5 -5
- 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 +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 +3 -3
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.js +10 -12
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.js +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.js +2 -2
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js +2 -2
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActions.js +3 -3
- package/dist/cjs/components/table/table-actions/TableActions.js.map +1 -1
- package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js +8 -9
- package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
- package/dist/cjs/components/table/table-column/TableSelectableColumn.js +4 -8
- package/dist/cjs/components/table/table-column/TableSelectableColumn.js.map +1 -1
- package/dist/cjs/components/table/table-columns-selector/TableColumnsSelector.js +10 -11
- package/dist/cjs/components/table/table-columns-selector/TableColumnsSelector.js.map +1 -1
- package/dist/cjs/components/table/table-consumer/TableConsumer.js.map +1 -1
- package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js +5 -5
- package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
- package/dist/cjs/components/table/table-filter/TableFilter.js +6 -6
- package/dist/cjs/components/table/table-filter/TableFilter.js.map +1 -1
- package/dist/cjs/components/table/table-footer/TableFooter.js +2 -2
- package/dist/cjs/components/table/table-footer/TableFooter.js.map +1 -1
- package/dist/cjs/components/table/table-header/TableHeader.js +6 -6
- package/dist/cjs/components/table/table-header/TableHeader.js.map +1 -1
- package/dist/cjs/components/table/table-header/Th.js +7 -7
- package/dist/cjs/components/table/table-header/Th.js.map +1 -1
- package/dist/cjs/components/table/table-last-updated/TableLastUpdated.js +5 -5
- 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-pagination/TablePagination.js +9 -10
- 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 +3 -5
- 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 +6 -6
- package/dist/cjs/components/table/table-predicate/TablePredicate.js.map +1 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useClickWithLoading.js +2 -2
- package/dist/cjs/hooks/useClickWithLoading.js.map +1 -1
- package/dist/cjs/hooks/useControlledList.js +3 -6
- package/dist/cjs/hooks/useControlledList.js.map +1 -1
- package/dist/cjs/hooks/useParentHeight.js.map +1 -1
- package/dist/cjs/hooks/useRowSelection.js +5 -6
- package/dist/cjs/hooks/useRowSelection.js.map +1 -1
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/index.js.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 +48 -48
- 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 +2 -2
- 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.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.js.map +1 -1
- package/dist/cjs/vars/Notification.vars.js +3 -3
- package/dist/cjs/vars/Notification.vars.js.map +1 -1
- package/dist/cjs/vars/Text.vars.js +1 -1
- package/dist/cjs/vars/Text.vars.js.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.js.map +1 -1
- package/dist/esm/components/browser-preview/index.js.map +1 -1
- package/dist/esm/components/button/Button.js.map +1 -1
- 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 +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.js.map +1 -1
- package/dist/esm/components/code-editor/search/index.js.map +1 -1
- package/dist/esm/components/collection/Collection.js.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.js.map +1 -1
- package/dist/esm/components/collection/index.js.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.js.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.js.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.js.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.js.map +1 -1
- package/dist/esm/components/inline-confirm/index.js.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.js.map +1 -1
- package/dist/esm/components/table/Table.types.js.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.js.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.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js.map +1 -1
- package/dist/esm/components/table/table-actions/TableActions.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 +2 -6
- 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-consumer/TableConsumer.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.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-pagination/TablePagination.js +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/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useClickWithLoading.js.map +1 -1
- package/dist/esm/hooks/useControlledList.js.map +1 -1
- package/dist/esm/hooks/useParentHeight.js.map +1 -1
- package/dist/esm/hooks/useRowSelection.js.map +1 -1
- package/dist/esm/index.js.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.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.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 +31 -31
- package/src/__tests__/VitestSetup.ts +1 -1
- package/src/components/code-editor/CodeEditor.tsx +1 -1
- package/src/components/table/__tests__/TablePagination.spec.tsx +22 -0
- package/src/components/table/table-column/TableSelectableColumn.tsx +2 -2
- package/src/components/table/table-pagination/TablePagination.tsx +1 -1
|
@@ -15,10 +15,10 @@ var _jsxruntime = require("react/jsx-runtime");
|
|
|
15
15
|
var _core = require("@mantine/core");
|
|
16
16
|
var _Headercontext = require("../Header.context");
|
|
17
17
|
var defaultProps = {
|
|
18
|
-
gap:
|
|
18
|
+
gap: 'sm'
|
|
19
19
|
};
|
|
20
20
|
var HeaderActions = (0, _core.factory)(function(_props, ref) {
|
|
21
|
-
var props = (0, _core.useProps)(
|
|
21
|
+
var props = (0, _core.useProps)('HeaderActions', defaultProps, _props);
|
|
22
22
|
var gap = props.gap, className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, children = props.children, vars = props.vars, others = _object_without_properties._(props, [
|
|
23
23
|
"gap",
|
|
24
24
|
"className",
|
|
@@ -32,7 +32,7 @@ var HeaderActions = (0, _core.factory)(function(_props, ref) {
|
|
|
32
32
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
|
|
33
33
|
ref: ref,
|
|
34
34
|
gap: gap
|
|
35
|
-
}, ctx.getStyles(
|
|
35
|
+
}, ctx.getStyles('actions', {
|
|
36
36
|
className: className,
|
|
37
37
|
style: style,
|
|
38
38
|
classNames: classNames,
|
|
@@ -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"],"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
|
+
{"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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"}
|
|
@@ -26,14 +26,14 @@ var HeaderBreadcrumbs = (0, _core.factory)(function(props, ref) {
|
|
|
26
26
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Breadcrumbs, _object_spread_props._(_object_spread._({
|
|
27
27
|
ref: ref,
|
|
28
28
|
classNames: {
|
|
29
|
-
breadcrumb: ctx.getStyles(
|
|
29
|
+
breadcrumb: ctx.getStyles('breadcrumbsRoot', {
|
|
30
30
|
className: className,
|
|
31
31
|
classNames: classNames,
|
|
32
32
|
styles: styles,
|
|
33
33
|
style: style,
|
|
34
34
|
props: props
|
|
35
35
|
}).className,
|
|
36
|
-
separator: ctx.getStyles(
|
|
36
|
+
separator: ctx.getStyles('breadcrumbsSeparator', {
|
|
37
37
|
classNames: classNames,
|
|
38
38
|
styles: styles,
|
|
39
39
|
props: props
|
|
@@ -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"],"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
|
+
{"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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"}
|
|
@@ -16,13 +16,13 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
|
|
|
16
16
|
var _core = require("@mantine/core");
|
|
17
17
|
var _Headercontext = require("../Header.context");
|
|
18
18
|
var defaultProps = {
|
|
19
|
-
position:
|
|
19
|
+
position: 'right',
|
|
20
20
|
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.QuestionSize16Px, {
|
|
21
21
|
height: 16
|
|
22
22
|
})
|
|
23
23
|
};
|
|
24
24
|
var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
|
|
25
|
-
var props = (0, _core.useProps)(
|
|
25
|
+
var props = (0, _core.useProps)('PlasmaHeaderActions', defaultProps, _props);
|
|
26
26
|
var className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, children = props.children, label = props.label, position = props.position, vars = props.vars, others = _object_without_properties._(props, [
|
|
27
27
|
"className",
|
|
28
28
|
"classNames",
|
|
@@ -39,7 +39,7 @@ var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
|
|
|
39
39
|
disabled: !label,
|
|
40
40
|
position: position,
|
|
41
41
|
classNames: {
|
|
42
|
-
tooltip: ctx.getStyles(
|
|
42
|
+
tooltip: ctx.getStyles('docAnchorTooltip', {
|
|
43
43
|
classNames: classNames,
|
|
44
44
|
styles: styles,
|
|
45
45
|
props: props
|
|
@@ -49,7 +49,7 @@ var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
|
|
|
49
49
|
ref: ref,
|
|
50
50
|
inline: true,
|
|
51
51
|
target: "_blank"
|
|
52
|
-
}, ctx.getStyles(
|
|
52
|
+
}, ctx.getStyles('docAnchor', {
|
|
53
53
|
classNames: classNames,
|
|
54
54
|
styles: styles,
|
|
55
55
|
props: props,
|
|
@@ -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"],"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
|
+
{"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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":[],"mappings":";;;;;uBAAc"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/header/index.ts"],"sourcesContent":["export * from './Header';\n"],"names":[],"rangeMappings":";;;;;","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":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
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":[],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -17,7 +17,7 @@ var _InlineConfirmPrompt = require("./InlineConfirmPrompt");
|
|
|
17
17
|
var _InlineConfirmTarget = require("./InlineConfirmTarget");
|
|
18
18
|
var defaultProps = {};
|
|
19
19
|
var InlineConfirm = function(_props) {
|
|
20
|
-
var children = (0, _core.useProps)(
|
|
20
|
+
var children = (0, _core.useProps)('InlineConfirm', defaultProps, _props).children;
|
|
21
21
|
var _useState = _sliced_to_array._((0, _react.useState)(null), 2), confirmingId = _useState[0], setConfirmingId = _useState[1];
|
|
22
22
|
var convertedChildren = _react.Children.toArray(children);
|
|
23
23
|
var prompt = convertedChildren.find(function(child) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, StylesApiProps, useProps} from '@mantine/core';\nimport {MantineComponent} from '@mantine/core/lib/core/factory/factory';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget';\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 === InlineConfirmPrompt && child.props.id === confirmingId,\n );\n const clearConfirm = () => setConfirmingId(null);\n\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","InlineConfirmPrompt","props","id","clearConfirm","InlineConfirmProvider","value","Prompt","Target","InlineConfirmTarget"],"mappings":";;;;+BA0BaA;;;eAAAA;;;;;oBA1BmC;qBAEU;oCACtB;mCACF;mCAEA;AAkBlC,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;eAAUA,MAAMC,IAAI,KAAKC,wCAAmB,IAAIF,MAAMG,KAAK,CAACC,EAAE,KAAKX;;IAExE,IAAMY,eAAe;eAAMX,gBAAgB;;IAE3C,qBACI,qBAACY,2CAAqB;QAACC,OAAO;YAACd,cAAAA;YAAcC,iBAAAA;YAAiBW,cAAAA;QAAY;kBACrEP,mBAAAA,oBAAAA,SAAUR;;AAGvB;AAEAH,cAAcqB,MAAM,GAAGN,wCAAmB;AAC1Cf,cAAcsB,MAAM,GAAGC,wCAAmB"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, StylesApiProps, useProps} from '@mantine/core';\nimport {MantineComponent} from '@mantine/core/lib/core/factory/factory';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget';\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 === InlineConfirmPrompt && child.props.id === confirmingId,\n );\n const clearConfirm = () => setConfirmingId(null);\n\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","InlineConfirmPrompt","props","id","clearConfirm","InlineConfirmProvider","value","Prompt","Target","InlineConfirmTarget"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0BaA;;;eAAAA;;;;;oBA1BmC;qBAEU;oCACtB;mCACF;mCAEA;AAkBlC,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;eAAUA,MAAMC,IAAI,KAAKC,wCAAmB,IAAIF,MAAMG,KAAK,CAACC,EAAE,KAAKX;;IAExE,IAAMY,eAAe;eAAMX,gBAAgB;;IAE3C,qBACI,qBAACY,2CAAqB;QAACC,OAAO;YAACd,cAAAA;YAAcC,iBAAAA;YAAiBW,cAAAA;QAAY;kBACrEP,mBAAAA,oBAAAA,SAAUR;;AAGvB;AAEAH,cAAcqB,MAAM,GAAGN,wCAAmB;AAC1Cf,cAAcsB,MAAM,GAAGC,wCAAmB"}
|
|
@@ -18,7 +18,7 @@ _export(exports, {
|
|
|
18
18
|
});
|
|
19
19
|
var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
|
|
20
20
|
var _core = require("@mantine/core");
|
|
21
|
-
var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)(
|
|
21
|
+
var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)('InlineConfirm component was not found in tree'), 2);
|
|
22
22
|
var InlineConfirmProvider = _createSafeContext[0], useInlineConfirm = _createSafeContext[1];
|
|
23
23
|
|
|
24
24
|
//# sourceMappingURL=InlineConfirmContext.js.map
|
|
@@ -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"],"mappings":";;;;;;;;;;;IAQcA,qBAAqB;eAArBA;;IAAuBC,gBAAgB;eAAhBA;;;;oBARL;IAQyBC,wCAAAA,IAAAA,uBAAiB,EACtE;AADG,IAAOF,wBAA2CE,uBAApBD,mBAAoBC"}
|
|
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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQcA,qBAAqB;eAArBA;;IAAuBC,gBAAgB;eAAhBA;;;;oBARL;IAQyBC,wCAAAA,IAAAA,uBAAiB,EACtE;AADG,IAAOF,wBAA2CE,uBAApBD,mBAAoBC"}
|
|
@@ -17,7 +17,7 @@ var _react = require("react");
|
|
|
17
17
|
var _InlineConfirmContext = require("./InlineConfirmContext");
|
|
18
18
|
var _Button = require("../button/Button");
|
|
19
19
|
var defaultProps = {
|
|
20
|
-
label:
|
|
20
|
+
label: 'Are you sure?',
|
|
21
21
|
confirm: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button, {
|
|
22
22
|
color: "red",
|
|
23
23
|
children: "Delete"
|
|
@@ -26,11 +26,11 @@ var defaultProps = {
|
|
|
26
26
|
variant: "outline",
|
|
27
27
|
children: "Cancel"
|
|
28
28
|
}),
|
|
29
|
-
gap:
|
|
30
|
-
wrap:
|
|
29
|
+
gap: 'xs',
|
|
30
|
+
wrap: 'nowrap'
|
|
31
31
|
};
|
|
32
32
|
var InlineConfirmPrompt = (0, _core.factory)(function(props, ref) {
|
|
33
|
-
var _useProps = (0, _core.useProps)(
|
|
33
|
+
var _useProps = (0, _core.useProps)('InlineConfirmPrompt', defaultProps, props), id = _useProps.id, label = _useProps.label, confirm = _useProps.confirm, cancel = _useProps.cancel, onConfirm = _useProps.onConfirm, onCancel = _useProps.onCancel, others = _object_without_properties._(_useProps, [
|
|
34
34
|
"id",
|
|
35
35
|
"label",
|
|
36
36
|
"confirm",
|
|
@@ -40,21 +40,21 @@ var InlineConfirmPrompt = (0, _core.factory)(function(props, ref) {
|
|
|
40
40
|
]);
|
|
41
41
|
var _useInlineConfirm = (0, _InlineConfirmContext.useInlineConfirm)(), confirmingId = _useInlineConfirm.confirmingId, clearConfirm = _useInlineConfirm.clearConfirm;
|
|
42
42
|
if (!(0, _core.isElement)(cancel) || !(0, _core.isElement)(confirm)) {
|
|
43
|
-
throw new Error(
|
|
43
|
+
throw new Error('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');
|
|
44
44
|
}
|
|
45
45
|
var cancelEl = /*#__PURE__*/ (0, _react.cloneElement)(cancel, {
|
|
46
46
|
onClick: function() {
|
|
47
|
-
var _cancel_props_onClick, _cancel_props
|
|
47
|
+
var _cancel_props_onClick, _cancel_props;
|
|
48
48
|
(_cancel_props_onClick = (_cancel_props = cancel.props).onClick) === null || _cancel_props_onClick === void 0 ? void 0 : _cancel_props_onClick.call(_cancel_props);
|
|
49
|
-
|
|
49
|
+
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
50
50
|
clearConfirm();
|
|
51
51
|
}
|
|
52
52
|
});
|
|
53
53
|
var confirmEl = /*#__PURE__*/ (0, _react.cloneElement)(confirm, {
|
|
54
54
|
onClick: function() {
|
|
55
|
-
var _confirm_props_onClick, _confirm_props
|
|
55
|
+
var _confirm_props_onClick, _confirm_props;
|
|
56
56
|
(_confirm_props_onClick = (_confirm_props = confirm.props).onClick) === null || _confirm_props_onClick === void 0 ? void 0 : _confirm_props_onClick.call(_confirm_props);
|
|
57
|
-
|
|
57
|
+
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
|
|
58
58
|
clearConfirm();
|
|
59
59
|
}
|
|
60
60
|
});
|
|
@@ -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';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\nimport {Button} from '../button/Button';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'> {\n /**\n * Unique id to map the prompt to the target\n */\n id: string;\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 {id, 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 !== id) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === id) {\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","id","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;oBArD0D;qBACR;oCAEhC;sBACV;AAyCrB,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,IAAqEC,YAAAA,IAAAA,cAAQ,EACzE,uBACAZ,cACAU,QAHGG,KAA8DD,UAA9DC,IAAIZ,QAA0DW,UAA1DX,OAAOC,UAAmDU,UAAnDV,SAASG,SAA0CO,UAA1CP,QAAQS,YAAkCF,UAAlCE,WAAWC,WAAuBH,UAAvBG,UAAaC,sCAAUJ;QAA9DC;QAAIZ;QAAOC;QAASG;QAAQS;QAAWC;;IAK9C,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
|
|
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';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\nimport {Button} from '../button/Button';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'> {\n /**\n * Unique id to map the prompt to the target\n */\n id: string;\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 {id, 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 !== id) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === id) {\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","id","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;oBArD0D;qBACR;oCAEhC;sBACV;AAyCrB,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,IAAqEC,YAAAA,IAAAA,cAAQ,EACzE,uBACAZ,cACAU,QAHGG,KAA8DD,UAA9DC,IAAIZ,QAA0DW,UAA1DX,OAAOC,UAAmDU,UAAnDV,SAASG,SAA0CO,UAA1CP,QAAQS,YAAkCF,UAAlCE,WAAWC,WAAuBH,UAAvBG,UAAaC,sCAAUJ;QAA9DC;QAAIZ;QAAOC;QAASG;QAAQS;QAAWC;;IAK9C,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,IAAI;YACrBM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,IAAI;QACrB,qBACI,sBAACc,WAAK;YAAChB,KAAKA;WAASK;;gBAChBf;gBACAwB;gBACAH;;;IAGb;IACA,OAAO;AACX"}
|
|
@@ -23,9 +23,8 @@ var InlineConfirmTarget = (0, _core.createPolymorphicComponent)(/*#__PURE__*/ (0
|
|
|
23
23
|
]);
|
|
24
24
|
var setConfirmingId = (0, _InlineConfirmContext.useInlineConfirm)().setConfirmingId;
|
|
25
25
|
var handleOnClick = function(e) {
|
|
26
|
-
var _onClick;
|
|
27
26
|
setConfirmingId(id);
|
|
28
|
-
|
|
27
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
29
28
|
};
|
|
30
29
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread._({
|
|
31
30
|
ref: ref,
|
|
@@ -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 {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps {\n id: string;\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n forwardRef(\n (\n {onClick, id, component: Component = Button, ...others}: InlineConfirmTargetProps & {component?: any},\n ref,\n ) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(id);\n onClick?.(e);\n };\n\n return <Component ref={ref} onClick={handleOnClick} {...others} />;\n },\n ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","ref","onClick","id","Component","component","Button","others","setConfirmingId","useInlineConfirm","handleOnClick","e"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;oBAV4B;qBACG;sBACV;oCACH;AAOxB,IAAMA,sBAAsBC,IAAAA,gCAA0B,gBACzDC,IAAAA,iBAAU,EACN,iBAEIC;QADCC,iBAAAA,SAASC,YAAAA,IAAeC,aAAXC,WAAWD,YAAAA,iBAAYE,cAAM,GAAlBF,KAAuBG;QAA/CL;QAASC;QAAIE;;IAGd,IAAM,AAACG,kBAAmBC,IAAAA,sCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;
|
|
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 {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps {\n id: string;\n onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n forwardRef(\n (\n {onClick, id, component: Component = Button, ...others}: InlineConfirmTargetProps & {component?: any},\n ref,\n ) => {\n const {setConfirmingId} = useInlineConfirm();\n const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n setConfirmingId(id);\n onClick?.(e);\n };\n\n return <Component ref={ref} onClick={handleOnClick} {...others} />;\n },\n ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","ref","onClick","id","Component","component","Button","others","setConfirmingId","useInlineConfirm","handleOnClick","e"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;;;oBAV4B;qBACG;sBACV;oCACH;AAOxB,IAAMA,sBAAsBC,IAAAA,gCAA0B,gBACzDC,IAAAA,iBAAU,EACN,iBAEIC;QADCC,iBAAAA,SAASC,YAAAA,IAAeC,aAAXC,WAAWD,YAAAA,iBAAYE,cAAM,GAAlBF,KAAuBG;QAA/CL;QAASC;QAAIE;;IAGd,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":[],"mappings":";;;;;uBAAc;uBACA"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}
|
|
@@ -15,13 +15,13 @@ var _core = require("@mantine/core");
|
|
|
15
15
|
var _react = require("react");
|
|
16
16
|
var _utils = require("../../utils");
|
|
17
17
|
var _ButtonWithDisabledTooltip = require("../button/ButtonWithDisabledTooltip");
|
|
18
|
-
var _MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref)
|
|
18
|
+
var _MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
|
|
19
19
|
var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, others = _object_without_properties._(_param, [
|
|
20
20
|
"disabledTooltip",
|
|
21
21
|
"disabled",
|
|
22
22
|
"disabledTooltipProps"
|
|
23
23
|
]);
|
|
24
|
-
return (0, _jsxruntime.jsx)(_ButtonWithDisabledTooltip.ButtonWithDisabledTooltip, {
|
|
24
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonWithDisabledTooltip.ButtonWithDisabledTooltip, {
|
|
25
25
|
disabled: disabled,
|
|
26
26
|
disabledTooltip: disabledTooltip,
|
|
27
27
|
disabledTooltipProps: disabledTooltipProps,
|
|
@@ -33,7 +33,7 @@ var _MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) /*#__
|
|
|
33
33
|
});
|
|
34
34
|
var MenuItem = (0, _utils.createPolymorphicComponent)(_MenuItem);
|
|
35
35
|
var Menu = (0, _utils.overrideComponent)(_core.Menu, {
|
|
36
|
-
displayName:
|
|
36
|
+
displayName: '@coveord/plasma-mantine/Menu',
|
|
37
37
|
Item: MenuItem
|
|
38
38
|
});
|
|
39
39
|
|
|
@@ -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"],"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;;
|
|
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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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":[],"mappings":";;;;;uBAAc"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/menu/index.ts"],"sourcesContent":["export * from './Menu';\n"],"names":[],"rangeMappings":";;;;;","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"],"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
|
+
{"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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"}
|
|
@@ -13,11 +13,11 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
|
13
13
|
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
14
14
|
var _jsxruntime = require("react/jsx-runtime");
|
|
15
15
|
var _stickyfooter = require("../sticky-footer");
|
|
16
|
-
var PromptFooter = function(_param)
|
|
16
|
+
var PromptFooter = function(_param) {
|
|
17
17
|
var children = _param.children, otherProps = _object_without_properties._(_param, [
|
|
18
18
|
"children"
|
|
19
19
|
]);
|
|
20
|
-
return (0, _jsxruntime.jsx)(_stickyfooter.StickyFooter, _object_spread_props._(_object_spread._({
|
|
20
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stickyfooter.StickyFooter, _object_spread_props._(_object_spread._({
|
|
21
21
|
p: 0,
|
|
22
22
|
pt: "lg"
|
|
23
23
|
}, otherProps), {
|
|
@@ -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"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;
|
|
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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","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":[],"mappings":";;;;;uBAAc"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
|
|
@@ -18,11 +18,11 @@ var _core = require("@mantine/core");
|
|
|
18
18
|
var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
|
|
19
19
|
var _StickyFootermodulecss = /*#__PURE__*/ _interop_require_default._(require("./StickyFooter.module.css"));
|
|
20
20
|
var defaultProps = {
|
|
21
|
-
gap:
|
|
22
|
-
justify:
|
|
21
|
+
gap: 'sm',
|
|
22
|
+
justify: 'flex-end'
|
|
23
23
|
};
|
|
24
24
|
var StickyFooter = (0, _core.factory)(function(props, ref) {
|
|
25
|
-
var _useProps = (0, _core.useProps)(
|
|
25
|
+
var _useProps = (0, _core.useProps)('StickyFooter', defaultProps, props), borderTop = _useProps.borderTop, justify = _useProps.justify, gap = _useProps.gap, children = _useProps.children, className = _useProps.className, classNames = _useProps.classNames, style = _useProps.style, styles = _useProps.styles, unstyled = _useProps.unstyled, vars = _useProps.vars, others = _object_without_properties._(_useProps, [
|
|
26
26
|
"borderTop",
|
|
27
27
|
"justify",
|
|
28
28
|
"gap",
|
|
@@ -35,7 +35,7 @@ var StickyFooter = (0, _core.factory)(function(props, ref) {
|
|
|
35
35
|
"vars"
|
|
36
36
|
]);
|
|
37
37
|
var getStyles = (0, _core.useStyles)({
|
|
38
|
-
name:
|
|
38
|
+
name: 'StickyFooter',
|
|
39
39
|
classes: _StickyFootermodulecss.default,
|
|
40
40
|
props: props,
|
|
41
41
|
className: className,
|
|
@@ -44,7 +44,7 @@ var StickyFooter = (0, _core.factory)(function(props, ref) {
|
|
|
44
44
|
styles: styles,
|
|
45
45
|
unstyled: unstyled
|
|
46
46
|
});
|
|
47
|
-
var css = getStyles(
|
|
47
|
+
var css = getStyles('root');
|
|
48
48
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
|
|
49
49
|
justify: justify,
|
|
50
50
|
gap: gap,
|
|
@@ -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"],"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
|
+
{"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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":[],"mappings":";;;;;uBAAc"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
|
|
@@ -59,8 +59,8 @@ var defaultProps = {
|
|
|
59
59
|
options: {}
|
|
60
60
|
};
|
|
61
61
|
var Table = function(props) {
|
|
62
|
-
var
|
|
63
|
-
var _useProps = (0, _core.useProps)(
|
|
62
|
+
var _form_values, _form_values_dateRange, _form_values_dateRange1;
|
|
63
|
+
var _useProps = (0, _core.useProps)('PlasmaTable', defaultProps, props), data = _useProps.data, getRowId = _useProps.getRowId, noDataChildren = _useProps.noDataChildren, getExpandChildren = _useProps.getExpandChildren, initialState = _useProps.initialState, columns = _useProps.columns, layouts = _useProps.layouts, onMount = _useProps.onMount, onChange = _useProps.onChange, children = _useProps.children, loading = _useProps.loading, doubleClickAction = _useProps.doubleClickAction, multiRowSelectionEnabled = _useProps.multiRowSelectionEnabled, disableRowSelection = _useProps.disableRowSelection, onRowSelectionChange = _useProps.onRowSelectionChange, additionalRootNodes = _useProps.additionalRootNodes, options = _useProps.options, ref = _useProps.ref, // Style props
|
|
64
64
|
style = _useProps.style, className = _useProps.className, classNames = _useProps.classNames, styles = _useProps.styles, unstyled = _useProps.unstyled, others = _object_without_properties._(_useProps, [
|
|
65
65
|
"data",
|
|
66
66
|
"getRowId",
|
|
@@ -87,7 +87,7 @@ var Table = function(props) {
|
|
|
87
87
|
"unstyled"
|
|
88
88
|
]);
|
|
89
89
|
var getStyles = (0, _core.useStyles)({
|
|
90
|
-
name:
|
|
90
|
+
name: 'PlasmaTable',
|
|
91
91
|
classes: _Tablemodulecss.default,
|
|
92
92
|
props: props,
|
|
93
93
|
className: className,
|
|
@@ -116,33 +116,32 @@ var Table = function(props) {
|
|
|
116
116
|
var _initialState_predicates, _initialState_dateRange, _initialState_layout;
|
|
117
117
|
var form = (0, _form.useForm)({
|
|
118
118
|
initialValues: {
|
|
119
|
-
predicates: (_initialState_predicates =
|
|
120
|
-
dateRange: (_initialState_dateRange =
|
|
119
|
+
predicates: (_initialState_predicates = initialState === null || initialState === void 0 ? void 0 : initialState.predicates) !== null && _initialState_predicates !== void 0 ? _initialState_predicates : {},
|
|
120
|
+
dateRange: (_initialState_dateRange = initialState === null || initialState === void 0 ? void 0 : initialState.dateRange) !== null && _initialState_dateRange !== void 0 ? _initialState_dateRange : [
|
|
121
121
|
null,
|
|
122
122
|
null
|
|
123
123
|
],
|
|
124
|
-
layout: (_initialState_layout =
|
|
124
|
+
layout: (_initialState_layout = initialState === null || initialState === void 0 ? void 0 : initialState.layout) !== null && _initialState_layout !== void 0 ? _initialState_layout : layouts[0].displayName
|
|
125
125
|
}
|
|
126
126
|
});
|
|
127
|
-
var _ref;
|
|
128
127
|
var table = (0, _reacttable.useReactTable)(_object_spread._({
|
|
129
128
|
initialState: (0, _lodashdefaultsdeep.default)(initialStateWithoutForm, {
|
|
130
129
|
pagination: {
|
|
131
130
|
pageSize: _TablePerPage.TablePerPage.DEFAULT_SIZE
|
|
132
131
|
},
|
|
133
|
-
globalFilter:
|
|
132
|
+
globalFilter: ''
|
|
134
133
|
}),
|
|
135
134
|
data: data,
|
|
136
135
|
columns: multiRowSelectionEnabled ? [
|
|
137
136
|
_TableSelectableColumn.TableSelectableColumn
|
|
138
137
|
].concat(columns) : columns,
|
|
139
138
|
getCoreRowModel: (0, _reacttable.getCoreRowModel)(),
|
|
140
|
-
manualPagination: (
|
|
139
|
+
manualPagination: (options === null || options === void 0 ? void 0 : options.getPaginationRowModel) === undefined,
|
|
141
140
|
enableMultiRowSelection: !!multiRowSelectionEnabled,
|
|
142
141
|
getRowId: getRowId,
|
|
143
142
|
getRowCanExpand: function(row) {
|
|
144
|
-
var
|
|
145
|
-
return (_ref = !!(
|
|
143
|
+
var _ref;
|
|
144
|
+
return (_ref = !!(getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original))) !== null && _ref !== void 0 ? _ref : false;
|
|
146
145
|
},
|
|
147
146
|
enableRowSelection: !loading,
|
|
148
147
|
defaultColumn: {
|
|
@@ -170,12 +169,10 @@ var Table = function(props) {
|
|
|
170
169
|
return !!form.values.predicates[predicate];
|
|
171
170
|
}) || !!((_form_values_dateRange = form.values.dateRange) === null || _form_values_dateRange === void 0 ? void 0 : _form_values_dateRange[0]) || !!((_form_values_dateRange1 = form.values.dateRange) === null || _form_values_dateRange1 === void 0 ? void 0 : _form_values_dateRange1[1]);
|
|
172
171
|
var triggerChange = (0, _lodashdebounce.default)(function() {
|
|
173
|
-
|
|
174
|
-
return (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(_object_spread._({}, state, form.values));
|
|
172
|
+
return onChange === null || onChange === void 0 ? void 0 : onChange(_object_spread._({}, state, form.values));
|
|
175
173
|
}, 500);
|
|
176
174
|
(0, _react.useEffect)(function() {
|
|
177
|
-
|
|
178
|
-
(_onMount = onMount) === null || _onMount === void 0 ? void 0 : _onMount(_object_spread._({}, state, form.values));
|
|
175
|
+
onMount === null || onMount === void 0 ? void 0 : onMount(_object_spread._({}, state, form.values));
|
|
179
176
|
return function() {
|
|
180
177
|
triggerChange.cancel();
|
|
181
178
|
};
|
|
@@ -194,10 +191,10 @@ var Table = function(props) {
|
|
|
194
191
|
]);
|
|
195
192
|
var clearFilters = (0, _react.useCallback)(function() {
|
|
196
193
|
var _initialState_predicates;
|
|
197
|
-
form.setFieldValue(
|
|
194
|
+
form.setFieldValue('predicates', (_initialState_predicates = initialState.predicates) !== null && _initialState_predicates !== void 0 ? _initialState_predicates : {});
|
|
198
195
|
setState(function(prevState) {
|
|
199
196
|
return _object_spread_props._(_object_spread._({}, prevState), {
|
|
200
|
-
globalFilter:
|
|
197
|
+
globalFilter: ''
|
|
201
198
|
});
|
|
202
199
|
});
|
|
203
200
|
}, []);
|
|
@@ -217,7 +214,7 @@ var Table = function(props) {
|
|
|
217
214
|
var _lastUpdated_props_dependencies;
|
|
218
215
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
|
|
219
216
|
ref: containerRef
|
|
220
|
-
}, others, getStyles(
|
|
217
|
+
}, others, getStyles('root')), {
|
|
221
218
|
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableContext.TableStylesProvider, {
|
|
222
219
|
value: {
|
|
223
220
|
getStyles: getStyles
|
|
@@ -247,10 +244,10 @@ var Table = function(props) {
|
|
|
247
244
|
children: [
|
|
248
245
|
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Box, _object_spread_props._(_object_spread._({
|
|
249
246
|
component: "table"
|
|
250
|
-
}, getStyles(
|
|
247
|
+
}, getStyles('table')), {
|
|
251
248
|
pb: "sm",
|
|
252
249
|
children: [
|
|
253
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)("thead", _object_spread_props._(_object_spread._({}, getStyles(
|
|
250
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)("thead", _object_spread_props._(_object_spread._({}, getStyles('header')), {
|
|
254
251
|
children: [
|
|
255
252
|
!!header ? /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
|
|
256
253
|
children: /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
|
|
@@ -269,7 +266,7 @@ var Table = function(props) {
|
|
|
269
266
|
})
|
|
270
267
|
]
|
|
271
268
|
})),
|
|
272
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)("tbody", _object_spread_props._(_object_spread._({}, getStyles(
|
|
269
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)("tbody", _object_spread_props._(_object_spread._({}, getStyles('body')), {
|
|
273
270
|
children: hasRows ? /*#__PURE__*/ (0, _jsxruntime.jsx)(Layout.Body, {
|
|
274
271
|
table: table,
|
|
275
272
|
doubleClickAction: doubleClickAction,
|