@coveord/plasma-mantine 55.7.2-next.2 → 55.7.2-next.21
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 +58 -56
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/accordion/Accordion.d.ts +13 -0
- package/dist/cjs/components/accordion/Accordion.d.ts.map +1 -0
- package/dist/cjs/components/accordion/Accordion.js +29 -0
- package/dist/cjs/components/accordion/Accordion.js.map +1 -0
- package/dist/cjs/components/accordion/Accordion.module.css +3 -0
- package/dist/cjs/components/accordion/index.d.ts +2 -0
- package/dist/cjs/components/accordion/index.d.ts.map +1 -0
- package/dist/cjs/components/accordion/index.js +13 -0
- package/dist/cjs/components/accordion/index.js.map +1 -0
- package/dist/cjs/components/action-icon/ActionIcon.d.ts +41 -0
- package/dist/cjs/components/action-icon/ActionIcon.d.ts.map +1 -1
- package/dist/cjs/components/action-icon/ActionIcon.js +49 -0
- package/dist/cjs/components/action-icon/ActionIcon.js.map +1 -1
- package/dist/cjs/components/alert/Alert.d.ts +14 -0
- package/dist/cjs/components/alert/Alert.d.ts.map +1 -1
- package/dist/cjs/components/alert/Alert.js +55 -17
- package/dist/cjs/components/alert/Alert.js.map +1 -1
- package/dist/cjs/components/browser-preview/BrowserPreview.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +41 -5
- package/dist/cjs/components/button/Button.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.js +36 -24
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/ButtonWithDisabledTooltip.d.ts +1 -1
- package/dist/cjs/components/child-form/ChildForm.module.css +2 -2
- package/dist/cjs/components/code-editor/CodeEditor.d.ts +2 -0
- package/dist/cjs/components/code-editor/CodeEditor.d.ts.map +1 -1
- package/dist/cjs/components/code-editor/CodeEditor.js +37 -15
- package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
- package/dist/cjs/components/code-editor/CodeEditor.module.css +1 -1
- package/dist/cjs/components/code-editor/search/Search.d.ts +2 -1
- package/dist/cjs/components/code-editor/search/Search.d.ts.map +1 -1
- package/dist/cjs/components/code-editor/search/Search.js +5 -6
- package/dist/cjs/components/code-editor/search/Search.js.map +1 -1
- package/dist/cjs/components/collection/Collection.d.ts +1 -1
- package/dist/cjs/components/collection/Collection.d.ts.map +1 -1
- package/dist/cjs/components/collection/Collection.js +11 -19
- package/dist/cjs/components/collection/Collection.js.map +1 -1
- package/dist/cjs/components/collection/CollectionItem.d.ts.map +1 -1
- package/dist/cjs/components/collection/CollectionItem.js +5 -4
- package/dist/cjs/components/collection/CollectionItem.js.map +1 -1
- package/dist/cjs/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.d.ts +16 -4
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.d.ts.map +1 -1
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.js +22 -13
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRange.module.css +2 -2
- package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js +2 -5
- 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/DateRangePickerPresetSelect.d.ts.map +1 -1
- package/dist/cjs/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
- package/dist/cjs/components/header/Header.d.ts +14 -6
- package/dist/cjs/components/header/Header.d.ts.map +1 -1
- package/dist/cjs/components/header/Header.js +9 -6
- package/dist/cjs/components/header/Header.js.map +1 -1
- package/dist/cjs/components/header/Header.module.css +1 -10
- package/dist/cjs/components/header/HeaderRight/HeaderRight.d.ts +19 -0
- package/dist/cjs/components/header/HeaderRight/HeaderRight.d.ts.map +1 -0
- package/dist/cjs/components/header/{HeaderActions/HeaderActions.js → HeaderRight/HeaderRight.js} +6 -6
- package/dist/cjs/components/header/HeaderRight/HeaderRight.js.map +1 -0
- package/dist/cjs/components/index.d.ts +2 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/info-token/InfoToken.d.ts +30 -0
- package/dist/cjs/components/info-token/InfoToken.d.ts.map +1 -0
- package/dist/cjs/components/info-token/InfoToken.js +121 -0
- package/dist/cjs/components/info-token/InfoToken.js.map +1 -0
- package/dist/cjs/components/info-token/InfoToken.module.css +8 -0
- package/dist/cjs/components/info-token/index.d.ts +2 -0
- package/dist/cjs/components/info-token/index.d.ts.map +1 -0
- package/dist/cjs/components/info-token/index.js +8 -0
- package/dist/cjs/components/info-token/index.js.map +1 -0
- package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.d.ts +2 -2
- package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js +2 -4
- package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts +32 -0
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/cjs/components/modal/Modal.module.css +1 -1
- package/dist/cjs/components/prompt/Prompt.d.ts +1 -1
- package/dist/cjs/components/prompt/Prompt.d.ts.map +1 -1
- package/dist/cjs/components/prompt/Prompt.js +14 -4
- package/dist/cjs/components/prompt/Prompt.js.map +1 -1
- package/dist/cjs/components/prompt/PromptCancelButton.d.ts.map +1 -1
- package/dist/cjs/components/prompt/PromptCancelButton.js +3 -3
- package/dist/cjs/components/prompt/PromptCancelButton.js.map +1 -1
- package/dist/cjs/components/prompt/PromptConfirmButton.d.ts.map +1 -1
- package/dist/cjs/components/prompt/PromptConfirmButton.js +7 -8
- package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/cjs/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
- package/dist/cjs/components/table/Table.module.css +4 -4
- package/dist/cjs/components/table/Table.types.d.ts +2 -2
- package/dist/cjs/components/table/Table.types.d.ts.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/row-layout/RowLayout.d.ts.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.js +2 -2
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.module.css +11 -17
- package/dist/cjs/components/table/table-actions/TableActionItem.d.ts.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionItem.js +2 -3
- package/dist/cjs/components/table/table-actions/TableActionItem.js.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.d.ts.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.js +4 -4
- package/dist/cjs/components/table/table-actions/TableActionsList.js.map +1 -1
- package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js +7 -6
- package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
- package/dist/cjs/components/table/table-filter/TableFilter.d.ts.map +1 -1
- package/dist/cjs/components/table/table-filter/TableFilter.js +7 -7
- package/dist/cjs/components/table/table-filter/TableFilter.js.map +1 -1
- package/dist/cjs/components/table/table-header/TableHeader.d.ts.map +1 -1
- package/dist/cjs/components/table/table-header/TableHeader.js +1 -2
- package/dist/cjs/components/table/table-header/TableHeader.js.map +1 -1
- package/dist/cjs/components/table/use-table.d.ts.map +1 -1
- package/dist/cjs/components/table/use-url-synced-state.d.ts.map +1 -1
- package/dist/cjs/hooks/useClickWithLoading.d.ts.map +1 -1
- package/dist/cjs/hooks/useControlledList.d.ts.map +1 -1
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +3 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles/ActionIcon.module.css +7 -0
- package/dist/cjs/styles/Alert.module.css +11 -0
- package/dist/cjs/styles/Breadcrumbs.module.css +10 -0
- package/dist/cjs/styles/Button.module.css +8 -0
- package/dist/cjs/styles/Checkbox.module.css +7 -1
- package/dist/cjs/styles/CheckboxIndicator.module.css +5 -0
- package/dist/cjs/styles/Input.module.css +19 -0
- package/dist/cjs/styles/InputWrapper.module.css +12 -2
- package/dist/cjs/styles/NavLink.module.css +1 -1
- package/dist/cjs/styles/Pagination.module.css +5 -0
- package/dist/cjs/styles/Radio.module.css +6 -0
- package/dist/cjs/styles/ReadOnlyInput.module.css +6 -2
- package/dist/cjs/styles/SegmentedControl.module.css +1 -1
- package/dist/cjs/styles/Tabs.module.css +4 -0
- package/dist/cjs/styles/Text.module.css +1 -1
- package/dist/cjs/theme/PlasmaColors.d.ts +12 -12
- package/dist/cjs/theme/PlasmaColors.js +144 -144
- package/dist/cjs/theme/PlasmaColors.js.map +1 -1
- package/dist/cjs/theme/Theme.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.js +55 -10
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/cjs/theme/mergeCSSVariablesResolvers.d.ts.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js +13 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/dist/cjs/utils/createFactoryComponent.d.ts.map +1 -1
- package/dist/cjs/utils/overrideComponent.d.ts.map +1 -1
- package/dist/esm/components/accordion/Accordion.d.ts +13 -0
- package/dist/esm/components/accordion/Accordion.d.ts.map +1 -0
- package/dist/esm/components/accordion/Accordion.js +11 -0
- package/dist/esm/components/accordion/Accordion.js.map +1 -0
- package/dist/esm/components/accordion/Accordion.module.css +3 -0
- package/dist/esm/components/accordion/index.d.ts +2 -0
- package/dist/esm/components/accordion/index.d.ts.map +1 -0
- package/dist/esm/components/accordion/index.js +3 -0
- package/dist/esm/components/accordion/index.js.map +1 -0
- package/dist/esm/components/action-icon/ActionIcon.d.ts +41 -0
- package/dist/esm/components/action-icon/ActionIcon.d.ts.map +1 -1
- package/dist/esm/components/action-icon/ActionIcon.js +45 -0
- package/dist/esm/components/action-icon/ActionIcon.js.map +1 -1
- package/dist/esm/components/alert/Alert.d.ts +14 -0
- package/dist/esm/components/alert/Alert.d.ts.map +1 -1
- package/dist/esm/components/alert/Alert.js +45 -17
- package/dist/esm/components/alert/Alert.js.map +1 -1
- package/dist/esm/components/browser-preview/BrowserPreview.d.ts.map +1 -1
- package/dist/esm/components/button/Button.d.ts +41 -5
- package/dist/esm/components/button/Button.d.ts.map +1 -1
- package/dist/esm/components/button/Button.js +34 -6
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/ButtonWithDisabledTooltip.d.ts +1 -1
- package/dist/esm/components/child-form/ChildForm.module.css +2 -2
- package/dist/esm/components/code-editor/CodeEditor.d.ts +2 -0
- package/dist/esm/components/code-editor/CodeEditor.d.ts.map +1 -1
- package/dist/esm/components/code-editor/CodeEditor.js +14 -3
- package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
- package/dist/esm/components/code-editor/CodeEditor.module.css +1 -1
- package/dist/esm/components/code-editor/search/Search.d.ts +2 -1
- package/dist/esm/components/code-editor/search/Search.d.ts.map +1 -1
- package/dist/esm/components/code-editor/search/Search.js +6 -7
- package/dist/esm/components/code-editor/search/Search.js.map +1 -1
- package/dist/esm/components/collection/Collection.d.ts +1 -1
- package/dist/esm/components/collection/Collection.d.ts.map +1 -1
- package/dist/esm/components/collection/Collection.js +10 -18
- package/dist/esm/components/collection/Collection.js.map +1 -1
- package/dist/esm/components/collection/CollectionItem.d.ts.map +1 -1
- package/dist/esm/components/collection/CollectionItem.js +7 -6
- package/dist/esm/components/collection/CollectionItem.js.map +1 -1
- package/dist/esm/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
- package/dist/esm/components/copyToClipboard/CopyToClipboard.d.ts +16 -4
- package/dist/esm/components/copyToClipboard/CopyToClipboard.d.ts.map +1 -1
- package/dist/esm/components/copyToClipboard/CopyToClipboard.js +14 -12
- package/dist/esm/components/copyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/esm/components/date-range-picker/DateRange.module.css +2 -2
- package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js +2 -5
- 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/DateRangePickerPresetSelect.d.ts.map +1 -1
- package/dist/esm/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
- package/dist/esm/components/header/Header.d.ts +14 -6
- package/dist/esm/components/header/Header.d.ts.map +1 -1
- package/dist/esm/components/header/Header.js +8 -5
- package/dist/esm/components/header/Header.js.map +1 -1
- package/dist/esm/components/header/Header.module.css +1 -10
- package/dist/esm/components/header/HeaderRight/HeaderRight.d.ts +19 -0
- package/dist/esm/components/header/HeaderRight/HeaderRight.d.ts.map +1 -0
- package/dist/esm/components/header/{HeaderActions/HeaderActions.js → HeaderRight/HeaderRight.js} +4 -4
- package/dist/esm/components/header/HeaderRight/HeaderRight.js.map +1 -0
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/info-token/InfoToken.d.ts +30 -0
- package/dist/esm/components/info-token/InfoToken.d.ts.map +1 -0
- package/dist/esm/components/info-token/InfoToken.js +98 -0
- package/dist/esm/components/info-token/InfoToken.js.map +1 -0
- package/dist/esm/components/info-token/InfoToken.module.css +8 -0
- package/dist/esm/components/info-token/index.d.ts +2 -0
- package/dist/esm/components/info-token/index.d.ts.map +1 -0
- package/dist/esm/components/info-token/index.js +3 -0
- package/dist/esm/components/info-token/index.js.map +1 -0
- package/dist/esm/components/inline-confirm/InlineConfirmPrompt.d.ts +2 -2
- package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js +2 -4
- package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts +32 -0
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/esm/components/modal/Modal.module.css +1 -1
- package/dist/esm/components/prompt/Prompt.d.ts +1 -1
- package/dist/esm/components/prompt/Prompt.d.ts.map +1 -1
- package/dist/esm/components/prompt/Prompt.js +12 -5
- package/dist/esm/components/prompt/Prompt.js.map +1 -1
- package/dist/esm/components/prompt/PromptCancelButton.d.ts.map +1 -1
- package/dist/esm/components/prompt/PromptCancelButton.js +3 -3
- package/dist/esm/components/prompt/PromptCancelButton.js.map +1 -1
- package/dist/esm/components/prompt/PromptConfirmButton.d.ts.map +1 -1
- package/dist/esm/components/prompt/PromptConfirmButton.js +7 -8
- package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/esm/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
- package/dist/esm/components/table/Table.module.css +4 -4
- package/dist/esm/components/table/Table.types.d.ts +2 -2
- package/dist/esm/components/table/Table.types.d.ts.map +1 -1
- package/dist/esm/components/table/Table.types.js.map +1 -1
- package/dist/esm/components/table/layouts/TableLayoutControl.js +1 -1
- package/dist/esm/components/table/layouts/TableLayoutControl.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayout.d.ts.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayout.js +2 -2
- package/dist/esm/components/table/layouts/row-layout/RowLayout.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayout.module.css +11 -17
- package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionItem.js +1 -2
- package/dist/esm/components/table/table-actions/TableActionItem.js.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.d.ts.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.js +5 -5
- package/dist/esm/components/table/table-actions/TableActionsList.js.map +1 -1
- package/dist/esm/components/table/table-column/TableCollapsibleColumn.js +8 -7
- package/dist/esm/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
- package/dist/esm/components/table/table-filter/TableFilter.d.ts.map +1 -1
- package/dist/esm/components/table/table-filter/TableFilter.js +9 -9
- package/dist/esm/components/table/table-filter/TableFilter.js.map +1 -1
- package/dist/esm/components/table/table-header/TableHeader.d.ts.map +1 -1
- package/dist/esm/components/table/table-header/TableHeader.js +1 -2
- package/dist/esm/components/table/table-header/TableHeader.js.map +1 -1
- package/dist/esm/components/table/use-table.d.ts.map +1 -1
- package/dist/esm/components/table/use-url-synced-state.d.ts.map +1 -1
- package/dist/esm/hooks/useClickWithLoading.d.ts.map +1 -1
- package/dist/esm/hooks/useControlledList.d.ts.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles/ActionIcon.module.css +7 -0
- package/dist/esm/styles/Alert.module.css +11 -0
- package/dist/esm/styles/Breadcrumbs.module.css +10 -0
- package/dist/esm/styles/Button.module.css +8 -0
- package/dist/esm/styles/Checkbox.module.css +7 -1
- package/dist/esm/styles/CheckboxIndicator.module.css +5 -0
- package/dist/esm/styles/Input.module.css +19 -0
- package/dist/esm/styles/InputWrapper.module.css +12 -2
- package/dist/esm/styles/NavLink.module.css +1 -1
- package/dist/esm/styles/Pagination.module.css +5 -0
- package/dist/esm/styles/Radio.module.css +6 -0
- package/dist/esm/styles/ReadOnlyInput.module.css +6 -2
- package/dist/esm/styles/SegmentedControl.module.css +1 -1
- package/dist/esm/styles/Tabs.module.css +4 -0
- package/dist/esm/styles/Text.module.css +1 -1
- package/dist/esm/theme/PlasmaColors.d.ts +12 -12
- package/dist/esm/theme/PlasmaColors.js +144 -144
- package/dist/esm/theme/PlasmaColors.js.map +1 -1
- package/dist/esm/theme/Theme.d.ts.map +1 -1
- package/dist/esm/theme/Theme.js +53 -13
- package/dist/esm/theme/Theme.js.map +1 -1
- package/dist/esm/theme/mergeCSSVariablesResolvers.d.ts.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.js +13 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/dist/esm/utils/createFactoryComponent.d.ts.map +1 -1
- package/dist/esm/utils/overrideComponent.d.ts.map +1 -1
- package/package.json +25 -24
- package/src/__tests__/VitestSetup.ts +1 -0
- package/src/components/accordion/Accordion.module.css +3 -0
- package/src/components/accordion/Accordion.tsx +22 -0
- package/src/components/accordion/index.ts +1 -0
- package/src/components/action-icon/ActionIcon.tsx +33 -0
- package/src/components/alert/Alert.tsx +47 -5
- package/src/components/button/Button.tsx +32 -6
- package/src/components/child-form/ChildForm.module.css +2 -2
- package/src/components/code-editor/CodeEditor.module.css +1 -1
- package/src/components/code-editor/CodeEditor.tsx +19 -5
- package/src/components/code-editor/__tests__/CodeEditor.spec.tsx +16 -0
- package/src/components/code-editor/search/Search.tsx +8 -7
- package/src/components/collection/Collection.tsx +10 -18
- package/src/components/collection/CollectionItem.tsx +6 -5
- package/src/components/copyToClipboard/CopyToClipboard.tsx +34 -13
- package/src/components/date-range-picker/DateRange.module.css +2 -2
- package/src/components/date-range-picker/DateRangePickerInlineCalendar.tsx +2 -6
- package/src/components/header/Header.module.css +1 -10
- package/src/components/header/Header.tsx +20 -9
- package/src/components/header/{HeaderActions/HeaderActions.tsx → HeaderRight/HeaderRight.tsx} +10 -10
- package/src/components/header/__tests__/Header.spec.tsx +16 -1
- package/src/components/index.ts +2 -0
- package/src/components/info-token/InfoToken.module.css +8 -0
- package/src/components/info-token/InfoToken.tsx +147 -0
- package/src/components/info-token/index.ts +1 -0
- package/src/components/inline-confirm/InlineConfirmPrompt.tsx +4 -4
- package/src/components/modal/Modal.module.css +1 -1
- package/src/components/prompt/Prompt.tsx +20 -3
- package/src/components/prompt/PromptCancelButton.tsx +3 -10
- package/src/components/prompt/PromptConfirmButton.tsx +14 -10
- package/src/components/prompt/__tests__/Prompt.spec.tsx +1 -0
- package/src/components/table/Table.module.css +4 -4
- package/src/components/table/Table.types.ts +2 -2
- package/src/components/table/__tests__/TableFilter.spec.tsx +1 -1
- package/src/components/table/layouts/TableLayoutControl.tsx +1 -1
- package/src/components/table/layouts/__tests__/RowLayout.spec.tsx +7 -7
- package/src/components/table/layouts/row-layout/RowLayout.module.css +11 -17
- package/src/components/table/layouts/row-layout/RowLayout.tsx +2 -2
- package/src/components/table/table-actions/TableActionItem.tsx +2 -3
- package/src/components/table/table-actions/TableActionsList.tsx +7 -9
- package/src/components/table/table-column/TableCollapsibleColumn.tsx +5 -6
- package/src/components/table/table-filter/TableFilter.tsx +7 -6
- package/src/components/table/table-header/TableHeader.tsx +2 -3
- package/src/index.ts +1 -0
- package/src/styles/ActionIcon.module.css +7 -0
- package/src/styles/Alert.module.css +11 -0
- package/src/styles/Breadcrumbs.module.css +10 -0
- package/src/styles/Button.module.css +8 -0
- package/src/styles/Checkbox.module.css +7 -1
- package/src/styles/CheckboxIndicator.module.css +5 -0
- package/src/styles/Input.module.css +19 -0
- package/src/styles/InputWrapper.module.css +12 -2
- package/src/styles/NavLink.module.css +1 -1
- package/src/styles/Pagination.module.css +5 -0
- package/src/styles/Radio.module.css +6 -0
- package/src/styles/ReadOnlyInput.module.css +6 -2
- package/src/styles/SegmentedControl.module.css +1 -1
- package/src/styles/Tabs.module.css +4 -0
- package/src/styles/Text.module.css +1 -1
- package/src/theme/PlasmaColors.ts +144 -144
- package/src/theme/Theme.tsx +49 -9
- package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +12 -30
- package/src/theme/plasmaCSSVariablesResolver.ts +13 -0
- package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts +0 -19
- package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts.map +0 -1
- package/dist/cjs/components/header/HeaderActions/HeaderActions.js.map +0 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts +0 -16
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map +0 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js +0 -24
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js.map +0 -1
- package/dist/esm/components/header/HeaderActions/HeaderActions.d.ts +0 -19
- package/dist/esm/components/header/HeaderActions/HeaderActions.d.ts.map +0 -1
- package/dist/esm/components/header/HeaderActions/HeaderActions.js.map +0 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.d.ts +0 -16
- package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map +0 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js +0 -14
- package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js.map +0 -1
- package/src/components/table/layouts/row-layout/RowLayoutIcon.tsx +0 -22
|
@@ -21,6 +21,14 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
|
|
|
21
21
|
variant: import("@mantine/core").ButtonVariant;
|
|
22
22
|
staticComponents: {
|
|
23
23
|
Group: typeof import("@mantine/core").ButtonGroup;
|
|
24
|
+
Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
25
|
+
Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
26
|
+
Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
27
|
+
Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
28
|
+
DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
29
|
+
DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
30
|
+
DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
31
|
+
DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
24
32
|
};
|
|
25
33
|
}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
|
|
26
34
|
props: ButtonProps;
|
|
@@ -31,6 +39,14 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
|
|
|
31
39
|
variant: import("@mantine/core").ButtonVariant;
|
|
32
40
|
staticComponents: {
|
|
33
41
|
Group: typeof import("@mantine/core").ButtonGroup;
|
|
42
|
+
Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
43
|
+
Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
44
|
+
Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
45
|
+
Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
46
|
+
DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
47
|
+
DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
48
|
+
DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
49
|
+
DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
34
50
|
};
|
|
35
51
|
}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
|
|
36
52
|
props: ButtonProps;
|
|
@@ -41,9 +57,25 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
|
|
|
41
57
|
variant: import("@mantine/core").ButtonVariant;
|
|
42
58
|
staticComponents: {
|
|
43
59
|
Group: typeof import("@mantine/core").ButtonGroup;
|
|
60
|
+
Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
61
|
+
Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
62
|
+
Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
63
|
+
Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
64
|
+
DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
65
|
+
DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
66
|
+
DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
67
|
+
DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
44
68
|
};
|
|
45
69
|
}> & {
|
|
46
70
|
Group: typeof import("@mantine/core").ButtonGroup;
|
|
71
|
+
Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
72
|
+
Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
73
|
+
Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
74
|
+
Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
75
|
+
DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
76
|
+
DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
77
|
+
DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
78
|
+
DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
47
79
|
}>(props: import("@mantine/core").PolymorphicComponentProps<C, InlineConfirmTargetProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(InlineConfirmTargetProps & {
|
|
48
80
|
component?: any;
|
|
49
81
|
} & Omit<Omit<any, "ref">, "component" | keyof InlineConfirmTargetProps> & {
|
|
@@ -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,yGAWM,MAAO,YAAY;;;;;;eAMc,MAAO,WACrE
|
|
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,yGAWM,MAAO,YAAY;;;;;;eAMc,MAAO,WACrE;;;;;;;;;;;6GAhBD,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;;;;;;;;6GAFO,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;;;;;;;;6GAFO,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;yGAFO,MACI,YACX;2GAFO,MACI,YACX;0GAFO,MACI,YACX;4GAFO,MACI,YACX;oHAFO,MACI,YACX;sHAFO,MACI,YACX;qHAFO,MACI,YACX;uHAFO,MACI,YACX;6FAauC,MAAO,YAAY;;;;;;eAI6G,MAAO,WAAW;;mCADzL,CAAC"}
|
|
@@ -7,7 +7,7 @@ export type PromptVariant = 'success' | 'warning' | 'critical' | 'info';
|
|
|
7
7
|
export type PromptVars = {
|
|
8
8
|
root: '--prompt-icon-size';
|
|
9
9
|
};
|
|
10
|
-
export type PromptStylesNames = ModalStylesNames | 'icon' | PromptCancelButtonStylesNamesVariant | PromptConfirmButtonStylesNamesVariant;
|
|
10
|
+
export type PromptStylesNames = Exclude<ModalStylesNames, 'title'> | 'icon' | PromptCancelButtonStylesNamesVariant | PromptConfirmButtonStylesNamesVariant;
|
|
11
11
|
export interface PromptProps extends StylesApiProps<PromptFactory>, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {
|
|
12
12
|
/**
|
|
13
13
|
* Controls prompt appearance
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,OAAO,EAEP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,OAAO,EAEP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAO/B,OAAO,EAAC,kBAAkB,EAAE,oCAAoC,EAAC,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAE,qCAAqC,EAAC,MAAM,uBAAuB,CAAC;AAEjG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG;IAAC,IAAI,EAAE,oBAAoB,CAAA;CAAC,CAAC;AACtD,MAAM,MAAM,iBAAiB,GACvB,OAAO,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAClC,MAAM,GACN,oCAAoC,GACpC,qCAAqC,CAAC;AAE5C,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1D;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,EAAE;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAoBH,eAAO,MAAM,MAAM;WA9BR,WAAW;SACb,cAAc;UACb,UAAU;aACP,aAAa;iBACT,iBAAiB;sBACZ;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC;KAC/B;EAwFH,CAAC"}
|
|
@@ -15,6 +15,7 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
|
|
|
15
15
|
var _jsxruntime = require("react/jsx-runtime");
|
|
16
16
|
var _core = require("@mantine/core");
|
|
17
17
|
var _react = require("react");
|
|
18
|
+
var _header = require("../header");
|
|
18
19
|
var _modal = require("../modal");
|
|
19
20
|
var _criticalsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/critical.svg"));
|
|
20
21
|
var _infosvg = /*#__PURE__*/ _interop_require_default._(require("./icons/info.svg"));
|
|
@@ -77,6 +78,17 @@ var Prompt = (0, _core.factory)(function(_props, ref) {
|
|
|
77
78
|
_react.Children.forEach(children, function(child) {
|
|
78
79
|
(child.type === _modal.Modal.Footer ? footers : otherChildren).push(child);
|
|
79
80
|
});
|
|
81
|
+
var titleContent = typeof title === 'string' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_modal.Modal.Title, {
|
|
82
|
+
component: _header.Header,
|
|
83
|
+
renderRoot: function(p) {
|
|
84
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_header.Header, _object_spread_props._(_object_spread._({
|
|
85
|
+
variant: "secondary"
|
|
86
|
+
}, p), {
|
|
87
|
+
children: p.children
|
|
88
|
+
}));
|
|
89
|
+
},
|
|
90
|
+
children: title
|
|
91
|
+
}) : title;
|
|
80
92
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Promptcontext.PromptContextProvider, {
|
|
81
93
|
value: {
|
|
82
94
|
variant: variant,
|
|
@@ -85,7 +97,7 @@ var Prompt = (0, _core.factory)(function(_props, ref) {
|
|
|
85
97
|
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_modal.Modal.Root, _object_spread_props._(_object_spread._({
|
|
86
98
|
ref: ref,
|
|
87
99
|
variant: "prompt",
|
|
88
|
-
size: "
|
|
100
|
+
size: "sm"
|
|
89
101
|
}, others, getStyles('root')), {
|
|
90
102
|
children: [
|
|
91
103
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_modal.Modal.Overlay, _object_spread._({}, getStyles('overlay', stylesApiProps))),
|
|
@@ -99,9 +111,7 @@ var Prompt = (0, _core.factory)(function(_props, ref) {
|
|
|
99
111
|
}, getStyles('icon', stylesApiProps)), {
|
|
100
112
|
src: PROMPT_VARIANT_ICONS_SRC[variant]
|
|
101
113
|
})),
|
|
102
|
-
|
|
103
|
-
children: title
|
|
104
|
-
})),
|
|
114
|
+
titleContent,
|
|
105
115
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_modal.Modal.CloseButton, _object_spread._({}, getStyles('close', stylesApiProps)))
|
|
106
116
|
]
|
|
107
117
|
})),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n Box,\n createVarsResolver,\n factory,\n Factory,\n Image,\n ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../modal';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n | ModalStylesNames
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n Box,\n createVarsResolver,\n factory,\n Factory,\n Image,\n ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Header} from '../header';\nimport {Modal} from '../modal';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n | Exclude<ModalStylesNames, 'title'>\n | 'icon'\n | PromptCancelButtonStylesNamesVariant\n | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n extends StylesApiProps<PromptFactory>,\n Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: PromptVariant;\n children: ReactNode;\n title: ReactNode;\n icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n props: PromptProps;\n ref: HTMLDivElement;\n vars: PromptVars;\n variant: PromptVariant;\n stylesNames: PromptStylesNames;\n staticComponents: {\n CancelButton: typeof PromptCancelButton;\n ConfirmButton: typeof PromptConfirmButton;\n Footer: typeof Modal.Footer;\n };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n success: Success,\n warning: Warning,\n critical: Critical,\n info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n variant: 'info',\n centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n root: {\n '--prompt-icon-size': icon ? undefined : '88px',\n },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n const props = useProps('Prompt', defaultProps, _props);\n const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n const getStyles = useStyles<PromptFactory>({\n name: 'Prompt',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const stylesApiProps = {classNames, styles};\n\n const footers: ReactElement[] = [];\n const otherChildren: ReactElement[] = [];\n\n Children.forEach(children, (child: ReactElement) => {\n (child.type === Modal.Footer ? footers : otherChildren).push(child);\n });\n\n const titleContent =\n typeof title === 'string' ? (\n <Modal.Title\n component={Header}\n renderRoot={(p) => (\n <Header variant=\"secondary\" {...p}>\n {p.children}\n </Header>\n )}\n >\n {title}\n </Modal.Title>\n ) : (\n title\n );\n\n return (\n <PromptContextProvider value={{variant, getStyles}}>\n <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n <Modal.Content {...getStyles('content', stylesApiProps)}>\n <Modal.Header {...getStyles('header', stylesApiProps)}>\n {icon || icon === null ? (\n icon\n ) : (\n <Image\n alt=\"\"\n role=\"presentation\"\n {...getStyles('icon', stylesApiProps)}\n src={PROMPT_VARIANT_ICONS_SRC[variant]}\n />\n )}\n {titleContent}\n <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n </Modal.Header>\n <Modal.Body {...getStyles('body', stylesApiProps)}>\n <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n </Modal.Body>\n {footers}\n </Modal.Content>\n </Modal.Root>\n </PromptContextProvider>\n );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = Modal.Footer;\n"],"names":["Prompt","PROMPT_VARIANT_ICONS_SRC","success","Success","warning","Warning","critical","Critical","info","Info","defaultProps","variant","centered","varsResolver","createVarsResolver","_theme","icon","root","undefined","factory","_props","ref","props","useProps","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","useStyles","name","classes","stylesApiProps","footers","otherChildren","Children","forEach","child","type","Modal","Footer","push","titleContent","Title","component","Header","renderRoot","p","PromptContextProvider","value","Root","size","Overlay","Content","Image","alt","role","src","CloseButton","Body","Box","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PromptCancelButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"PromptCancelButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAW,OAAO,EAAW,MAAM,eAAe,CAAC;AACjF,OAAO,EAAS,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAGrD,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,uBACb,SAAQ,sBAAsB,CAAC,yBAAyB,CAAC,EACrD,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAEtF,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC5C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oCAAoC,CAAC;IAClD,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,kBAAkB;WARpB,uBAAuB;SACzB,iBAAiB;iBACT,oCAAoC;cACvC,IAAI;EAWhB,CAAC"}
|
|
@@ -12,6 +12,7 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
|
12
12
|
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
13
13
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _core = require("@mantine/core");
|
|
15
|
+
var _Button = require("../button/Button");
|
|
15
16
|
var _Promptcontext = require("./Prompt.context");
|
|
16
17
|
var defaultProps = {};
|
|
17
18
|
var PromptCancelButton = (0, _core.factory)(function(_props, ref) {
|
|
@@ -25,9 +26,8 @@ var PromptCancelButton = (0, _core.factory)(function(_props, ref) {
|
|
|
25
26
|
"unstyled",
|
|
26
27
|
"vars"
|
|
27
28
|
]);
|
|
28
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(
|
|
29
|
-
ref: ref
|
|
30
|
-
variant: "outline"
|
|
29
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.Tertiary, _object_spread._({
|
|
30
|
+
ref: ref
|
|
31
31
|
}, others, getStyles('cancel', {
|
|
32
32
|
style: style,
|
|
33
33
|
styles: styles,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptCancelButtonStylesNamesVariant = 'cancel';\n\nexport interface PromptCancelButtonProps\n extends CompoundStylesApiProps<PromptCancelButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptCancelButtonFactory = Factory<{\n props: PromptCancelButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptCancelButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst defaultProps: Partial<PromptCancelButtonProps> = {};\n\nexport const PromptCancelButton = factory<PromptCancelButtonFactory>((_props, ref) => {\n const {getStyles} = usePromptContext();\n const props = useProps('PromptCancelButton', defaultProps, _props);\n const {className, classNames, style, styles, unstyled, vars, ...others} = props;\n\n return <Button.Tertiary ref={ref} {...others} {...getStyles('cancel', {style, styles, className, classNames})} />;\n});\n"],"names":["PromptCancelButton","defaultProps","factory","_props","ref","getStyles","usePromptContext","props","useProps","className","classNames","style","styles","unstyled","vars","others","Button","Tertiary"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;oBAnBoD;sBAC/B;6BACH;AAe/B,IAAMC,eAAiD,CAAC;AAEjD,IAAMD,qBAAqBE,IAAAA,aAAO,EAA4B,SAACC,QAAQC;IAC1E,IAAM,AAACC,YAAaC,IAAAA,+BAAgB,IAA7BD;IACP,IAAME,QAAQC,IAAAA,cAAQ,EAAC,sBAAsBP,cAAcE;IAC3D,IAAOM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,QAA4CJ,MAA5CI,OAAOC,SAAqCL,MAArCK,QAAQC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAnEE;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IAEvD,qBAAO,qBAACE,cAAM,CAACC,QAAQ;QAACb,KAAKA;OAASW,QAAYV,UAAU,UAAU;QAACM,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAC/G"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PromptConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAW,OAAO,
|
|
1
|
+
{"version":3,"file":"PromptConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAW,OAAO,EAAsC,MAAM,eAAe,CAAC;AAE5G,OAAO,EAAS,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAIrD,MAAM,MAAM,qCAAqC,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,wBACb,SAAQ,sBAAsB,CAAC,0BAA0B,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAEtF,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,qCAAqC,CAAC;IACnD,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAgBH,eAAO,MAAM,mBAAmB;WApBrB,wBAAwB;SAC1B,iBAAiB;iBACT,qCAAqC;cACxC,IAAI;EA2ChB,CAAC"}
|
|
@@ -14,11 +14,11 @@ var _jsxruntime = require("react/jsx-runtime");
|
|
|
14
14
|
var _core = require("@mantine/core");
|
|
15
15
|
var _Button = require("../button/Button");
|
|
16
16
|
var _Promptcontext = require("./Prompt.context");
|
|
17
|
-
var
|
|
18
|
-
success:
|
|
19
|
-
info:
|
|
20
|
-
warning:
|
|
21
|
-
critical:
|
|
17
|
+
var COMPONENT_BY_VARIANT = {
|
|
18
|
+
success: _Button.Button.Primary,
|
|
19
|
+
info: _Button.Button.Primary,
|
|
20
|
+
warning: _Button.Button.DestructivePrimary,
|
|
21
|
+
critical: _Button.Button.DestructivePrimary
|
|
22
22
|
};
|
|
23
23
|
var defaultProps = {};
|
|
24
24
|
var PromptConfirmButton = (0, _core.factory)(function(_props, ref) {
|
|
@@ -35,10 +35,9 @@ var PromptConfirmButton = (0, _core.factory)(function(_props, ref) {
|
|
|
35
35
|
"disabledTooltip",
|
|
36
36
|
"disabledTooltipProps"
|
|
37
37
|
]);
|
|
38
|
-
|
|
38
|
+
var Component = COMPONENT_BY_VARIANT[variant];
|
|
39
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread._({
|
|
39
40
|
ref: ref,
|
|
40
|
-
variant: "filled",
|
|
41
|
-
color: COLOR_BY_VARIANT[variant],
|
|
42
41
|
disabled: disabled,
|
|
43
42
|
disabledTooltip: disabledTooltip,
|
|
44
43
|
disabledTooltipProps: disabledTooltipProps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, PolymorphicComponentProps, useProps} from '@mantine/core';\nimport {JSXElementConstructor, ReactElement} from 'react';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst COMPONENT_BY_VARIANT: Record<\n PromptVariant,\n <L = 'button'>(\n props: PolymorphicComponentProps<L, ButtonProps>,\n ) => ReactElement<any, string | JSXElementConstructor<any>>\n> = {\n success: Button.Primary,\n info: Button.Primary,\n warning: Button.DestructivePrimary,\n critical: Button.DestructivePrimary,\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n const {variant, getStyles} = usePromptContext();\n const props = useProps('PromptConfirmButton', defaultProps, _props);\n const {\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n disabled,\n disabledTooltip,\n disabledTooltipProps,\n ...others\n } = props;\n const Component = COMPONENT_BY_VARIANT[variant];\n return (\n <Component\n ref={ref}\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n {...others}\n {...getStyles('confirm', {style, styles, className, classNames})}\n />\n );\n});\n"],"names":["PromptConfirmButton","COMPONENT_BY_VARIANT","success","Button","Primary","info","warning","DestructivePrimary","critical","defaultProps","factory","_props","ref","usePromptContext","variant","getStyles","props","useProps","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","Component"],"mappings":";;;;+BAiCaA;;;eAAAA;;;;;;oBAjC+E;sBAE1D;6BAEH;AAe/B,IAAMC,uBAKF;IACAC,SAASC,cAAM,CAACC,OAAO;IACvBC,MAAMF,cAAM,CAACC,OAAO;IACpBE,SAASH,cAAM,CAACI,kBAAkB;IAClCC,UAAUL,cAAM,CAACI,kBAAkB;AACvC;AAEA,IAAME,eAAkD,CAAC;AAElD,IAAMT,sBAAsBU,IAAAA,aAAO,EAA6B,SAACC,QAAQC;IAC5E,IAA6BC,oBAAAA,IAAAA,+BAAgB,KAAtCC,UAAsBD,kBAAtBC,SAASC,YAAaF,kBAAbE;IAChB,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcE;IAC5D,IACIO,YAUAF,MAVAE,WACAC,aASAH,MATAG,YACAC,QAQAJ,MARAI,OACAC,SAOAL,MAPAK,QACAC,WAMAN,MANAM,UACAC,OAKAP,MALAO,MACAC,WAIAR,MAJAQ,UACAC,kBAGAT,MAHAS,iBACAC,uBAEAV,MAFAU,sBACGC,sCACHX;QAVAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAME,YAAY3B,oBAAoB,CAACa,QAAQ;IAC/C,qBACI,qBAACc;QACGhB,KAAKA;QACLY,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;OAClBC,QACAZ,UAAU,WAAW;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAG1E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,GAAI,OAAO,YAAY;;;;;;;;;;;;;CAarD,CAAC"}
|
|
@@ -61,14 +61,14 @@
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.filterEmpty {
|
|
64
|
-
color: var(--mantine-color-
|
|
64
|
+
color: var(--mantine-color-dimmed);
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
/* Table.Header */
|
|
68
68
|
.headerRoot {
|
|
69
69
|
border-bottom: 1px solid var(--mantine-color-default-border);
|
|
70
70
|
border-top: 1px solid var(--mantine-color-default-border);
|
|
71
|
-
background-color: var(--mantine-color-gray-
|
|
71
|
+
background-color: var(--mantine-color-gray-light);
|
|
72
72
|
padding: var(--mantine-spacing-sm) var(--mantine-spacing-xl);
|
|
73
73
|
position: relative;
|
|
74
74
|
min-height: 69px;
|
|
@@ -100,11 +100,11 @@
|
|
|
100
100
|
padding-right: var(--mantine-spacing-xl);
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
background-color: var(--mantine-color-gray-
|
|
103
|
+
background-color: var(--mantine-color-gray-light);
|
|
104
104
|
|
|
105
105
|
&[data-control='true'] {
|
|
106
106
|
@mixin hover {
|
|
107
|
-
background-color: var(--mantine-color-gray-
|
|
107
|
+
background-color: var(--mantine-color-gray-light-hover);
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TablerIcon } from '@coveord/plasma-react-icons';
|
|
2
2
|
import { BoxProps, StylesApiProps } from '@mantine/core';
|
|
3
3
|
import { ColumnDef, CoreOptions, Row, TableOptions } from '@tanstack/table-core';
|
|
4
4
|
import { ReactElement, ReactNode } from 'react';
|
|
@@ -18,7 +18,7 @@ export interface TableLayout {
|
|
|
18
18
|
* Icon illustrating the layout.
|
|
19
19
|
* Will be displayed in the layout control
|
|
20
20
|
*/
|
|
21
|
-
Icon?:
|
|
21
|
+
Icon?: TablerIcon;
|
|
22
22
|
/**
|
|
23
23
|
* Header portion of the table.
|
|
24
24
|
* In the standard row layout that is where column headers would be displayed.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -27,7 +27,7 @@ var TableLayoutControl = function() {
|
|
|
27
27
|
Icon ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
28
28
|
children: [
|
|
29
29
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
|
|
30
|
-
|
|
30
|
+
size: 16
|
|
31
31
|
}),
|
|
32
32
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Space, {
|
|
33
33
|
w: "xs"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/table/layouts/TableLayoutControl.tsx"],"sourcesContent":["import {Box, Center, Grid, SegmentedControl, Space} from '@mantine/core';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport const TableLayoutControl = () => {\n const {layouts, store} = useTableContext();\n return layouts.length > 1 ? (\n <Grid.Col order={TableComponentsOrder.LayoutControl} span=\"content\">\n <SegmentedControl\n data={layouts.map(({displayName, Icon}) => ({\n value: displayName,\n label: (\n <Center>\n {Icon ? (\n <>\n <Icon
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/table/layouts/TableLayoutControl.tsx"],"sourcesContent":["import {Box, Center, Grid, SegmentedControl, Space} from '@mantine/core';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport const TableLayoutControl = () => {\n const {layouts, store} = useTableContext();\n return layouts.length > 1 ? (\n <Grid.Col order={TableComponentsOrder.LayoutControl} span=\"content\">\n <SegmentedControl\n data={layouts.map(({displayName, Icon}) => ({\n value: displayName,\n label: (\n <Center>\n {Icon ? (\n <>\n <Icon size={16} />\n <Space w=\"xs\" />\n </>\n ) : null}\n <Box>{displayName}</Box>\n </Center>\n ),\n }))}\n value={store.state.layout === null ? layouts[0].displayName : store.state.layout}\n onChange={store.setLayout}\n />\n </Grid.Col>\n ) : null;\n};\n"],"names":["TableLayoutControl","useTableContext","layouts","store","length","Grid","Col","order","TableComponentsOrder","LayoutControl","span","SegmentedControl","data","map","displayName","Icon","value","label","Center","size","Space","w","Box","state","layout","onChange","setLayout"],"mappings":";;;;+BAIaA;;;eAAAA;;;;oBAJ4C;qBACtB;4BACL;AAEvB,IAAMA,qBAAqB;IAC9B,IAAyBC,mBAAAA,IAAAA,6BAAe,KAAjCC,UAAkBD,iBAAlBC,SAASC,QAASF,iBAATE;IAChB,OAAOD,QAAQE,MAAM,GAAG,kBACpB,qBAACC,UAAI,CAACC,GAAG;QAACC,OAAOC,2BAAoB,CAACC,aAAa;QAAEC,MAAK;kBACtD,cAAA,qBAACC,sBAAgB;YACbC,MAAMV,QAAQW,GAAG,CAAC;oBAAEC,oBAAAA,aAAaC,aAAAA;uBAAW;oBACxCC,OAAOF;oBACPG,qBACI,sBAACC,YAAM;;4BACFH,qBACG;;kDACI,qBAACA;wCAAKI,MAAM;;kDACZ,qBAACC,WAAK;wCAACC,GAAE;;;iCAEb;0CACJ,qBAACC,SAAG;0CAAER;;;;gBAGlB;;YACAE,OAAOb,MAAMoB,KAAK,CAACC,MAAM,KAAK,OAAOtB,OAAO,CAAC,EAAE,CAACY,WAAW,GAAGX,MAAMoB,KAAK,CAACC,MAAM;YAChFC,UAAUtB,MAAMuB,SAAS;;SAGjC;AACR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RowLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAsB,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAgB,wBAAwB,EAAC,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAkB,yBAAyB,EAAC,MAAM,mBAAmB,CAAC;AAE7E,KAAK,oBAAoB,GAAG,yBAAyB,GAAG,wBAAwB,CAAC;AACjF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,cAAc,CAAC;IACtB,WAAW,EAAE,oBAAoB,CAAC;IAClC,gBAAgB,EAAE,WAAW,CAAC;CACjC,CAAC,CAAC;AAGH,eAAO,MAAM,SAAS,EAYhB,gBAAgB,CAAC,gBAAgB,CAAC,CAAC"}
|
|
@@ -10,13 +10,13 @@ Object.defineProperty(exports, "RowLayout", {
|
|
|
10
10
|
});
|
|
11
11
|
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
12
12
|
var _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
var _plasmareacticons = require("@coveord/plasma-react-icons");
|
|
13
14
|
var _core = require("@mantine/core");
|
|
14
15
|
var _utils = require("../../../../utils");
|
|
15
16
|
var _RowLayoutmodulecss = /*#__PURE__*/ _interop_require_default._(require("./RowLayout.module.css"));
|
|
16
17
|
var _RowLayoutBody = require("./RowLayoutBody");
|
|
17
18
|
var _RowLayoutContext = require("./RowLayoutContext");
|
|
18
19
|
var _RowLayoutHeader = require("./RowLayoutHeader");
|
|
19
|
-
var _RowLayoutIcon = require("./RowLayoutIcon");
|
|
20
20
|
var defaultProps = {};
|
|
21
21
|
var RowLayout = function(props) {
|
|
22
22
|
var _useProps = (0, _core.useProps)('PlasmaRowLayout', defaultProps, props), children = _useProps.children, styles = _useProps.styles, classNames = _useProps.classNames, unstyled = _useProps.unstyled;
|
|
@@ -37,7 +37,7 @@ var RowLayout = function(props) {
|
|
|
37
37
|
};
|
|
38
38
|
RowLayout.Body = _RowLayoutBody.RowLayoutBody;
|
|
39
39
|
RowLayout.Header = _RowLayoutHeader.RowLayoutHeader;
|
|
40
|
-
RowLayout.Icon =
|
|
40
|
+
RowLayout.Icon = _plasmareacticons.IconList;
|
|
41
41
|
RowLayout.displayName = 'Rows';
|
|
42
42
|
RowLayout.extend = _utils.identity;
|
|
43
43
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"sourcesContent":["import {Factory, MantineComponent, StylesApiProps, useProps, useStyles} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {identity} from '../../../../utils';\nimport {TableLayout} from '../../Table.types';\nimport classes from './RowLayout.module.css';\nimport {RowLayoutBody, RowLayoutBodyStylesNames} from './RowLayoutBody';\nimport {RowLayoutProvider} from './RowLayoutContext';\nimport {RowLayoutHeader, RowLayoutHeaderStyleNames} from './RowLayoutHeader';\
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"sourcesContent":["import {IconList} from '@coveord/plasma-react-icons';\nimport {Factory, MantineComponent, StylesApiProps, useProps, useStyles} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {identity} from '../../../../utils';\nimport {TableLayout} from '../../Table.types';\nimport classes from './RowLayout.module.css';\nimport {RowLayoutBody, RowLayoutBodyStylesNames} from './RowLayoutBody';\nimport {RowLayoutProvider} from './RowLayoutContext';\nimport {RowLayoutHeader, RowLayoutHeaderStyleNames} from './RowLayoutHeader';\n\ntype RowLayoutStylesNames = RowLayoutHeaderStyleNames | RowLayoutBodyStylesNames;\nexport interface RowLayoutProps extends StylesApiProps<RowLayoutFactory> {\n children: ReactNode;\n}\n\nexport type RowLayoutFactory = Factory<{\n ref?: never;\n props: RowLayoutProps;\n stylesNames: RowLayoutStylesNames;\n staticComponents: TableLayout;\n}>;\nconst defaultProps: Partial<RowLayoutProps> = {};\n\nexport const RowLayout = ((props: RowLayoutProps) => {\n const {children, styles, classNames, unstyled} = useProps('PlasmaRowLayout', defaultProps, props);\n const getStyles = useStyles<RowLayoutFactory>({\n name: 'PlasmaRowLayout',\n classes,\n props,\n styles,\n classNames,\n unstyled,\n });\n\n return <RowLayoutProvider value={{getStyles}}>{children}</RowLayoutProvider>;\n}) as MantineComponent<RowLayoutFactory>;\n\nRowLayout.Body = RowLayoutBody;\nRowLayout.Header = RowLayoutHeader;\nRowLayout.Icon = IconList;\nRowLayout.displayName = 'Rows';\nRowLayout.extend = identity;\n"],"names":["RowLayout","defaultProps","props","useProps","children","styles","classNames","unstyled","getStyles","useStyles","name","classes","RowLayoutProvider","value","Body","RowLayoutBody","Header","RowLayoutHeader","Icon","IconList","displayName","extend","identity"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;gCAvBU;oBACsD;qBAEtD;2EAEH;6BACkC;gCACtB;+BACyB;AAazD,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAa,SAACE;IACvB,IAAiDC,YAAAA,IAAAA,cAAQ,EAAC,mBAAmBF,cAAcC,QAApFE,WAA0CD,UAA1CC,UAAUC,SAAgCF,UAAhCE,QAAQC,aAAwBH,UAAxBG,YAAYC,WAAYJ,UAAZI;IACrC,IAAMC,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,OAAAA;QACAG,QAAAA;QACAC,YAAAA;QACAC,UAAAA;IACJ;IAEA,qBAAO,qBAACK,mCAAiB;QAACC,OAAO;YAACL,WAAAA;QAAS;kBAAIJ;;AACnD;AAEAJ,UAAUc,IAAI,GAAGC,4BAAa;AAC9Bf,UAAUgB,MAAM,GAAGC,gCAAe;AAClCjB,UAAUkB,IAAI,GAAGC,0BAAQ;AACzBnB,UAAUoB,WAAW,GAAG;AACxBpB,UAAUqB,MAAM,GAAGC,eAAQ"}
|
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
.headerRow {
|
|
2
|
-
&[data-selectable='true'] input[type='checkbox'] {
|
|
3
|
-
border-color: var(--mantine-color-gray-4);
|
|
4
|
-
pointer-events: auto;
|
|
5
|
-
cursor: default;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
2
|
&[data-selectable='false'] input[type='checkbox'] {
|
|
9
|
-
background-color: var(--mantine-color-gray-
|
|
10
|
-
border-color: var(--mantine-color-
|
|
3
|
+
background-color: var(--mantine-color-gray-light);
|
|
4
|
+
border-color: var(--mantine-color-default-border);
|
|
11
5
|
pointer-events: none;
|
|
12
6
|
cursor: not-allowed;
|
|
13
7
|
|
|
14
8
|
& + svg {
|
|
15
|
-
color: var(--mantine-color-
|
|
9
|
+
color: var(--mantine-color-dimmed);
|
|
16
10
|
}
|
|
17
11
|
}
|
|
18
12
|
}
|
|
@@ -25,23 +19,23 @@
|
|
|
25
19
|
}
|
|
26
20
|
|
|
27
21
|
@mixin hover {
|
|
28
|
-
background-color: var(--mantine-color-gray-
|
|
22
|
+
background-color: var(--mantine-color-gray-light-hover);
|
|
29
23
|
}
|
|
30
24
|
|
|
31
25
|
&[data-selectable='false'] input[type='checkbox'] {
|
|
32
|
-
background-color: var(--mantine-color-gray-
|
|
33
|
-
border-color: var(--mantine-color-
|
|
26
|
+
background-color: var(--mantine-color-gray-light);
|
|
27
|
+
border-color: var(--mantine-color-default-border);
|
|
34
28
|
pointer-events: none;
|
|
35
29
|
cursor: not-allowed;
|
|
36
30
|
|
|
37
31
|
&:checked + svg {
|
|
38
|
-
color: var(--mantine-color-
|
|
32
|
+
color: var(--mantine-color-dimmed);
|
|
39
33
|
}
|
|
40
34
|
}
|
|
41
35
|
|
|
42
36
|
&[data-selected='true'] {
|
|
43
37
|
&[data-multi-selection='false'] {
|
|
44
|
-
background-color: var(--mantine-color-gray-
|
|
38
|
+
background-color: var(--mantine-color-gray-light);
|
|
45
39
|
}
|
|
46
40
|
|
|
47
41
|
&[data-multi-selection='true'] {
|
|
@@ -61,10 +55,10 @@
|
|
|
61
55
|
/* We must use height instead of minHeight here, otherwise it doesn’t apply */
|
|
62
56
|
height: 56px;
|
|
63
57
|
padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
|
|
64
|
-
border-bottom: rem(1) solid var(--mantine-color-
|
|
58
|
+
border-bottom: rem(1) solid var(--mantine-color-default-border);
|
|
65
59
|
}
|
|
66
60
|
|
|
67
61
|
.collapsibleWrapper {
|
|
68
|
-
border-bottom: rem(1) solid var(--mantine-color-
|
|
69
|
-
background-color: var(--mantine-color-gray-
|
|
62
|
+
border-bottom: rem(1) solid var(--mantine-color-default-border);
|
|
63
|
+
background-color: var(--mantine-color-gray-light);
|
|
70
64
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EAEtB,aAAa,EACb,kBAAkB,EAGrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,WAAW,EAAC,MAAM,cAAc,CAAC;AAIjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EACpG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,EAC9F,sBAAsB,CAAC,sBAAsB,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,sBAAsB,GAAG,kBAAkB,CAAC;IAC7C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,eAAe,wGAdvB,MACD,YAAU;;;;;;eAWJ,MAAO,WAAW;;;WAPjB,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;
|
|
1
|
+
{"version":3,"file":"TableActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EAEtB,aAAa,EACb,kBAAkB,EAGrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,WAAW,EAAC,MAAM,cAAc,CAAC;AAIjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EACpG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,EAC9F,sBAAsB,CAAC,sBAAsB,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,sBAAsB,GAAG,kBAAkB,CAAC;IAC7C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,eAAe,wGAdvB,MACD,YAAU;;;;;;eAWJ,MAAO,WAAW;;;WAPjB,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;EA4CjB,CAAC"}
|
|
@@ -30,10 +30,9 @@ var TableActionItem = (0, _core.polymorphicFactory)(function(props, ref) {
|
|
|
30
30
|
"component"
|
|
31
31
|
]);
|
|
32
32
|
if (primary) {
|
|
33
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_button.Button, _object_spread_props._(_object_spread._({
|
|
33
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_button.Button.Quaternary, _object_spread_props._(_object_spread._({
|
|
34
34
|
component: component,
|
|
35
|
-
ref: ref
|
|
36
|
-
variant: "subtle"
|
|
35
|
+
ref: ref
|
|
37
36
|
}, others, getStyles('actionItemRoot', {
|
|
38
37
|
className: className,
|
|
39
38
|
style: style,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"sourcesContent":["import {\n CompoundStylesApiProps,\n Menu,\n MenuItemProps,\n PolymorphicFactory,\n polymorphicFactory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {Button, ButtonProps} from '../../button';\nimport {useTableContext} from '../TableContext';\nimport {useTableActionContext} from './TableActionContext';\n\nexport type TableActionItemStylesNames = 'actionItemRoot';\n\nexport interface TableActionItemProps\n extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>,\n Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>,\n CompoundStylesApiProps<TableActionItemFactory> {\n /**\n * Action label\n */\n children: ReactNode;\n /**\n * Content to put on the left of the label\n */\n leftSection?: ReactNode;\n}\n\ntype TableActionItemFactory = PolymorphicFactory<{\n props: TableActionItemProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: TableActionItemStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionItemProps> = {};\n\nexport const TableActionItem = polymorphicFactory<TableActionItemFactory>(\n (props: TableActionItemProps & {component?: any}, ref) => {\n const {getStyles} = useTableContext();\n const {primary} = useTableActionContext();\n const {\n classNames,\n className,\n style,\n styles,\n vars: _vars,\n children,\n component,\n ...others\n } = useProps('PlasmaTableActionItem', defaultProps, props);\n\n if (primary) {\n return (\n <Button\n component={component}\n ref={ref}\n
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"sourcesContent":["import {\n CompoundStylesApiProps,\n Menu,\n MenuItemProps,\n PolymorphicFactory,\n polymorphicFactory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {Button, ButtonProps} from '../../button';\nimport {useTableContext} from '../TableContext';\nimport {useTableActionContext} from './TableActionContext';\n\nexport type TableActionItemStylesNames = 'actionItemRoot';\n\nexport interface TableActionItemProps\n extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>,\n Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>,\n CompoundStylesApiProps<TableActionItemFactory> {\n /**\n * Action label\n */\n children: ReactNode;\n /**\n * Content to put on the left of the label\n */\n leftSection?: ReactNode;\n}\n\ntype TableActionItemFactory = PolymorphicFactory<{\n props: TableActionItemProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: TableActionItemStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionItemProps> = {};\n\nexport const TableActionItem = polymorphicFactory<TableActionItemFactory>(\n (props: TableActionItemProps & {component?: any}, ref) => {\n const {getStyles} = useTableContext();\n const {primary} = useTableActionContext();\n const {\n classNames,\n className,\n style,\n styles,\n vars: _vars,\n children,\n component,\n ...others\n } = useProps('PlasmaTableActionItem', defaultProps, props);\n\n if (primary) {\n return (\n <Button.Quaternary\n component={component}\n ref={ref}\n {...others}\n {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n >\n {children}\n </Button.Quaternary>\n );\n }\n\n return (\n <Menu.Item\n component={component}\n ref={ref}\n {...others}\n {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n >\n {children}\n </Menu.Item>\n );\n },\n);\n"],"names":["TableActionItem","defaultProps","polymorphicFactory","props","ref","getStyles","useTableContext","primary","useTableActionContext","useProps","classNames","className","style","styles","vars","_vars","children","component","others","Button","Quaternary","Menu","Item"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;;oBAhCN;sBAE2B;4BACJ;kCACM;AA0BpC,IAAMC,eAA8C,CAAC;AAE9C,IAAMD,kBAAkBE,IAAAA,wBAAkB,EAC7C,SAACC,OAAiDC;IAC9C,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAM,AAACE,UAAWC,IAAAA,yCAAqB,IAAhCD;IACP,IASIE,YAAAA,IAAAA,cAAQ,EAAC,yBAAyBR,cAAcE,QARhDO,aAQAD,UARAC,YACAC,YAOAF,UAPAE,WACAC,QAMAH,UANAG,OACAC,SAKAJ,UALAI,QACAC,AAAMC,QAINN,UAJAK,MACAE,WAGAP,UAHAO,UACAC,YAEAR,UAFAQ,WACGC,sCACHT;QARAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAIJ,IAAIV,SAAS;QACT,qBACI,qBAACY,cAAM,CAACC,UAAU;YACdH,WAAWA;YACXb,KAAKA;WACDc,QACAb,UAAU,kBAAkB;YAACM,WAAAA;YAAWC,OAAAA;YAAOF,YAAAA;YAAYG,QAAAA;QAAM;sBAEpEG;;IAGb;IAEA,qBACI,qBAACK,UAAI,CAACC,IAAI;QACNL,WAAWA;QACXb,KAAKA;OACDc,QACAb,UAAU,kBAAkB;QAACM,WAAAA;QAAWC,OAAAA;QAAOF,YAAAA;QAAYG,QAAAA;IAAM;kBAEpEG;;AAGb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableActionsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"TableActionsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,sBAAsB,EAEtB,eAAe,EACf,OAAO,EAEP,SAAS,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAoB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAI3C,MAAM,MAAM,2BAA2B,GACjC,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,qBAAqB,GACrB,mBAAmB,CAAC;AAE1B,MAAM,WAAW,qBACb,SAAQ,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EACjE,sBAAsB,CAAC,uBAAuB,CAAC;IACnD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,KAAK,uBAAuB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;IACf,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC;CACjC,CAAC,CAAC;AAmBH,eAAO,MAAM,gBAAgB;YAAW,qBAAqB;kBAuI3B,eAAe,CAAC,uBAAuB,CAAC;eA/J/D,qBAAqB;aACvB,cAAc;qBACN,2BAA2B;kBAC9B,IAAI;iBACL,OAAO,GAAG,UAAU;;CAoIhC,CAAC"}
|
|
@@ -17,6 +17,8 @@ var _jsxruntime = require("react/jsx-runtime");
|
|
|
17
17
|
var _plasmareacticons = require("@coveord/plasma-react-icons");
|
|
18
18
|
var _core = require("@mantine/core");
|
|
19
19
|
var _react = require("react");
|
|
20
|
+
var _actionicon = require("../../action-icon");
|
|
21
|
+
var _button = require("../../button");
|
|
20
22
|
var _inlineconfirm = require("../../inline-confirm");
|
|
21
23
|
var _TableContext = require("../TableContext");
|
|
22
24
|
var _TableActionContext = require("./TableActionContext");
|
|
@@ -105,11 +107,10 @@ var TableActionsList = function(props) {
|
|
|
105
107
|
keepMounted: true,
|
|
106
108
|
children: [
|
|
107
109
|
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Menu.Target, {
|
|
108
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(
|
|
110
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_button.Button.Quaternary, _object_spread_props._(_object_spread._({}, getStyles('actionsTarget', {
|
|
109
111
|
styles: styles,
|
|
110
112
|
classNames: classNames
|
|
111
113
|
})), {
|
|
112
|
-
variant: "subtle",
|
|
113
114
|
leftSection: icon,
|
|
114
115
|
children: label
|
|
115
116
|
}))
|
|
@@ -150,12 +151,11 @@ var TableActionsList = function(props) {
|
|
|
150
151
|
styles: styles,
|
|
151
152
|
classNames: classNames
|
|
152
153
|
})), {
|
|
153
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(
|
|
154
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_actionicon.ActionIcon.Quaternary, _object_spread_props._(_object_spread._({}, getStyles('actionsTarget', {
|
|
154
155
|
styles: styles,
|
|
155
156
|
classNames: classNames
|
|
156
157
|
})), {
|
|
157
158
|
onClick: onClick,
|
|
158
|
-
variant: "subtle",
|
|
159
159
|
children: icon
|
|
160
160
|
}))
|
|
161
161
|
}))
|