@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport dayjs from 'dayjs';\nimport {Button} from '../button';\nimport DateRangeClasses from './DateRange.module.css';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\nexport type DateRangePickerValue = [Date | null, Date | null];\nexport interface DateRangePickerInlineCalendarProps\n extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n /**\n * Initial selected range\n */\n initialRange: DateRangePickerValue;\n /**\n * Function called when the user applies the new date range\n *\n * @param range the newly selected dates\n */\n onApply: (range: DateRangePickerValue) => void;\n /**\n * Function called when the user click on the cancel button\n */\n onCancel: () => void;\n /**\n * The presets to display\n *\n * @default {}\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n */\n presets?: Record<string, DateRangePickerPreset>;\n /**\n * Props for RangeCalendar displayed in the popover\n */\n rangeCalendarProps?: Omit<\n DatePickerBaseProps,\n 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n >;\n}\n\nconst isDateRangePickerValue = (value: unknown): value is DateRangePickerValue =>\n Array.isArray(value) && value.length === 2;\n\nconst endOfDay = (value: Date): Date => (value ? dayjs(value).endOf('day').toDate() : value);\n\nexport const DateRangePickerInlineCalendar = ({\n initialRange,\n onApply,\n onCancel,\n presets,\n startProps,\n endProps,\n rangeCalendarProps,\n}: DateRangePickerInlineCalendarProps) => {\n const form = useForm({\n initialValues: {\n dates: initialRange,\n },\n });\n const calendarInputProps = form.getInputProps('dates');\n\n const onCalendarChange = (range: Date | Date[] | DateRangePickerValue): void => {\n const normalized = isDateRangePickerValue(range) && range[1] ? [range[0], endOfDay(range[1])] : range;\n calendarInputProps.onChange(normalized);\n };\n\n const onCalendarApply = () => {\n // In case the user only clicked the start date, but not the end date,\n // assume a single day was meant to be selected.\n if (!form.values.dates[1]) {\n form.values.dates[1] = endOfDay(form.values.dates[0]);\n }\n onApply(form.values.dates);\n };\n\n return (\n <>\n <Group align=\"center\" gap=\"xs\" grow px=\"md\" py=\"sm\" className={DateRangeClasses.picker}>\n <EditableDateRangePicker\n value={calendarInputProps.value}\n {...calendarInputProps}\n startProps={startProps}\n endProps={endProps}\n />\n {presets ? (\n <>\n <Space w=\"sm\" />\n <DateRangePickerPresetSelect\n value={calendarInputProps.value}\n presets={presets}\n {...calendarInputProps}\n selectProps={{comboboxProps: {withinPortal: false}}}\n />\n </>\n ) : null}\n </Group>\n\n <Center py=\"sm\" px=\"md\">\n <DatePicker\n numberOfColumns={2}\n columnsToScroll={1}\n type=\"range\"\n styles={{day: {textAlign: 'center'}}}\n firstDayOfWeek={0}\n allowSingleDateInRange\n {...rangeCalendarProps}\n {...calendarInputProps}\n onChange={onCalendarChange}\n />\n </Center>\n\n <Group justify=\"right\" gap=\"xs\" px=\"md\" py=\"sm\" className={DateRangeClasses.save}>\n <Button
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport dayjs from 'dayjs';\nimport {Button} from '../button';\nimport DateRangeClasses from './DateRange.module.css';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\nexport type DateRangePickerValue = [Date | null, Date | null];\nexport interface DateRangePickerInlineCalendarProps\n extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n /**\n * Initial selected range\n */\n initialRange: DateRangePickerValue;\n /**\n * Function called when the user applies the new date range\n *\n * @param range the newly selected dates\n */\n onApply: (range: DateRangePickerValue) => void;\n /**\n * Function called when the user click on the cancel button\n */\n onCancel: () => void;\n /**\n * The presets to display\n *\n * @default {}\n * @example\n * {\n * january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n * february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n * }\n */\n presets?: Record<string, DateRangePickerPreset>;\n /**\n * Props for RangeCalendar displayed in the popover\n */\n rangeCalendarProps?: Omit<\n DatePickerBaseProps,\n 'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n >;\n}\n\nconst isDateRangePickerValue = (value: unknown): value is DateRangePickerValue =>\n Array.isArray(value) && value.length === 2;\n\nconst endOfDay = (value: Date): Date => (value ? dayjs(value).endOf('day').toDate() : value);\n\nexport const DateRangePickerInlineCalendar = ({\n initialRange,\n onApply,\n onCancel,\n presets,\n startProps,\n endProps,\n rangeCalendarProps,\n}: DateRangePickerInlineCalendarProps) => {\n const form = useForm({\n initialValues: {\n dates: initialRange,\n },\n });\n const calendarInputProps = form.getInputProps('dates');\n\n const onCalendarChange = (range: Date | Date[] | DateRangePickerValue): void => {\n const normalized = isDateRangePickerValue(range) && range[1] ? [range[0], endOfDay(range[1])] : range;\n calendarInputProps.onChange(normalized);\n };\n\n const onCalendarApply = () => {\n // In case the user only clicked the start date, but not the end date,\n // assume a single day was meant to be selected.\n if (!form.values.dates[1]) {\n form.values.dates[1] = endOfDay(form.values.dates[0]);\n }\n onApply(form.values.dates);\n };\n\n return (\n <>\n <Group align=\"center\" gap=\"xs\" grow px=\"md\" py=\"sm\" className={DateRangeClasses.picker}>\n <EditableDateRangePicker\n value={calendarInputProps.value}\n {...calendarInputProps}\n startProps={startProps}\n endProps={endProps}\n />\n {presets ? (\n <>\n <Space w=\"sm\" />\n <DateRangePickerPresetSelect\n value={calendarInputProps.value}\n presets={presets}\n {...calendarInputProps}\n selectProps={{comboboxProps: {withinPortal: false}}}\n />\n </>\n ) : null}\n </Group>\n\n <Center py=\"sm\" px=\"md\">\n <DatePicker\n numberOfColumns={2}\n columnsToScroll={1}\n type=\"range\"\n styles={{day: {textAlign: 'center'}}}\n firstDayOfWeek={0}\n allowSingleDateInRange\n {...rangeCalendarProps}\n {...calendarInputProps}\n onChange={onCalendarChange}\n />\n </Center>\n\n <Group justify=\"right\" gap=\"xs\" px=\"md\" py=\"sm\" className={DateRangeClasses.save}>\n <Button.Tertiary onClick={onCancel}>Cancel</Button.Tertiary>\n <Button.Primary onClick={onCalendarApply}>Apply</Button.Primary>\n </Group>\n </>\n );\n};\n"],"names":["DateRangePickerInlineCalendar","isDateRangePickerValue","value","Array","isArray","length","endOfDay","dayjs","endOf","toDate","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","useForm","initialValues","dates","calendarInputProps","getInputProps","onCalendarChange","range","normalized","onChange","onCalendarApply","values","Group","align","gap","grow","px","py","className","DateRangeClasses","picker","EditableDateRangePicker","Space","w","DateRangePickerPresetSelect","selectProps","comboboxProps","withinPortal","Center","DatePicker","numberOfColumns","columnsToScroll","type","styles","day","textAlign","firstDayOfWeek","allowSingleDateInRange","justify","save","Button","Tertiary","onClick","Primary"],"mappings":";;;;+BAoDaA;;;eAAAA;;;;;;;oBApDsB;qBACW;oBACxB;8DAEJ;sBACG;2EACQ;2CACoC;uCACG;AAuCpE,IAAMC,yBAAyB,SAACC;WAC5BC,MAAMC,OAAO,CAACF,UAAUA,MAAMG,MAAM,KAAK;;AAE7C,IAAMC,WAAW,SAACJ;WAAuBA,QAAQK,IAAAA,cAAK,EAACL,OAAOM,KAAK,CAAC,OAAOC,MAAM,KAAKP;;AAE/E,IAAMF,gCAAgC;QACzCU,qBAAAA,cACAC,gBAAAA,SACAC,iBAAAA,UACAC,gBAAAA,SACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAAMC,OAAOC,IAAAA,aAAO,EAAC;QACjBC,eAAe;YACXC,OAAOV;QACX;IACJ;IACA,IAAMW,qBAAqBJ,KAAKK,aAAa,CAAC;IAE9C,IAAMC,mBAAmB,SAACC;QACtB,IAAMC,aAAaxB,uBAAuBuB,UAAUA,KAAK,CAAC,EAAE,GAAG;YAACA,KAAK,CAAC,EAAE;YAAElB,SAASkB,KAAK,CAAC,EAAE;SAAE,GAAGA;QAChGH,mBAAmBK,QAAQ,CAACD;IAChC;IAEA,IAAME,kBAAkB;QACpB,sEAAsE;QACtE,gDAAgD;QAChD,IAAI,CAACV,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,EAAE;YACvBH,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,GAAGd,SAASW,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE;QACxD;QACAT,QAAQM,KAAKW,MAAM,CAACR,KAAK;IAC7B;IAEA,qBACI;;0BACI,sBAACS,WAAK;gBAACC,OAAM;gBAASC,KAAI;gBAAKC,IAAI;gBAACC,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACC,MAAM;;kCAClF,qBAACC,gDAAuB;wBACpBpC,OAAOmB,mBAAmBnB,KAAK;uBAC3BmB;wBACJP,YAAYA;wBACZC,UAAUA;;oBAEbF,wBACG;;0CACI,qBAAC0B,WAAK;gCAACC,GAAE;;0CACT,qBAACC,wDAA2B;gCACxBvC,OAAOmB,mBAAmBnB,KAAK;gCAC/BW,SAASA;+BACLQ;gCACJqB,aAAa;oCAACC,eAAe;wCAACC,cAAc;oCAAK;gCAAC;;;yBAG1D;;;0BAGR,qBAACC,YAAM;gBAACX,IAAG;gBAAKD,IAAG;0BACf,cAAA,qBAACa,iBAAU;oBACPC,iBAAiB;oBACjBC,iBAAiB;oBACjBC,MAAK;oBACLC,QAAQ;wBAACC,KAAK;4BAACC,WAAW;wBAAQ;oBAAC;oBACnCC,gBAAgB;oBAChBC,sBAAsB;mBAClBtC,oBACAK;oBACJK,UAAUH;;;0BAIlB,sBAACM,WAAK;gBAAC0B,SAAQ;gBAAQxB,KAAI;gBAAKE,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACoB,IAAI;;kCAC5E,qBAACC,cAAM,CAACC,QAAQ;wBAACC,SAAS/C;kCAAU;;kCACpC,qBAAC6C,cAAM,CAACG,OAAO;wBAACD,SAAShC;kCAAiB;;;;;;AAI1D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAa,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,UAAU,mCAAoC,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAC/G,2CAA2C;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAEhD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,
|
|
1
|
+
{"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAa,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,UAAU,mCAAoC,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAC/G,2CAA2C;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAEhD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,GAAI,uFAQ5C,mCAAmC,4CAuDrC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,iCAAiC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B
|
|
1
|
+
{"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,iCAAiC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B,GAAI,4CAKzC,iCAAiC,4CAwCnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,GAAI,qDAMrC,4BAA4B,4CA8B9B,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { Factory, GroupProps, StylesApiProps } from '@mantine/core';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { HeaderRight, HeaderRightStyleNames } from './HeaderRight/HeaderRight';
|
|
4
4
|
import { HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
5
5
|
import { HeaderDocAnchor, HeaderDocAnchorStyleNames } from './HeaderDocAnchor/HeaderDocAnchor';
|
|
6
|
-
export type {
|
|
6
|
+
export type { HeaderRightProps } from './HeaderRight/HeaderRight';
|
|
7
7
|
export type { HeaderBreadcrumbsProps } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
8
8
|
export type { HeaderDocAnchorProps } from './HeaderDocAnchor/HeaderDocAnchor';
|
|
9
9
|
export type HeaderVariant = 'primary' | 'secondary';
|
|
10
|
-
export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames |
|
|
11
|
-
export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars'> {
|
|
10
|
+
export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | 'body' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderRightStyleNames;
|
|
11
|
+
export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'> {
|
|
12
12
|
/**
|
|
13
13
|
* The description text displayed inside the header underneath the title
|
|
14
14
|
*/
|
|
@@ -35,8 +35,12 @@ export type HeaderFactory = Factory<{
|
|
|
35
35
|
stylesNames: HeaderStyleNames;
|
|
36
36
|
staticComponents: {
|
|
37
37
|
Breadcrumbs: typeof HeaderBreadcrumbs;
|
|
38
|
-
|
|
38
|
+
Right: typeof HeaderRight;
|
|
39
39
|
DocAnchor: typeof HeaderDocAnchor;
|
|
40
|
+
/**
|
|
41
|
+
* @deprecated use Header.Right instead
|
|
42
|
+
*/
|
|
43
|
+
Actions: typeof HeaderRight;
|
|
40
44
|
};
|
|
41
45
|
}>;
|
|
42
46
|
export declare const Header: import("@mantine/core").MantineComponent<{
|
|
@@ -46,8 +50,12 @@ export declare const Header: import("@mantine/core").MantineComponent<{
|
|
|
46
50
|
stylesNames: HeaderStyleNames;
|
|
47
51
|
staticComponents: {
|
|
48
52
|
Breadcrumbs: typeof HeaderBreadcrumbs;
|
|
49
|
-
|
|
53
|
+
Right: typeof HeaderRight;
|
|
50
54
|
DocAnchor: typeof HeaderDocAnchor;
|
|
55
|
+
/**
|
|
56
|
+
* @deprecated use Header.Right instead
|
|
57
|
+
*/
|
|
58
|
+
Actions: typeof HeaderRight;
|
|
51
59
|
};
|
|
52
60
|
}>;
|
|
53
61
|
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AACrG,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,mCAAmC,CAAC;AAE7F,YAAY,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAClF,YAAY,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,yBAAyB,GACzB,2BAA2B,GAC3B,qBAAqB,CAAC;AAE5B,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IAClE;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC;;WAEG;QACH,OAAO,EAAE,OAAO,WAAW,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAQH,eAAO,MAAM,MAAM;WArBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC;;WAEG;QACH,OAAO,EAAE,OAAO,WAAW,CAAC;KAC/B;EAkEH,CAAC"}
|
|
@@ -17,7 +17,7 @@ var _core = require("@mantine/core");
|
|
|
17
17
|
var _react = require("react");
|
|
18
18
|
var _Headercontext = require("./Header.context");
|
|
19
19
|
var _Headermodulecss = /*#__PURE__*/ _interop_require_default._(require("./Header.module.css"));
|
|
20
|
-
var
|
|
20
|
+
var _HeaderRight = require("./HeaderRight/HeaderRight");
|
|
21
21
|
var _HeaderBreadcrumbs = require("./HeaderBreadcrumbs/HeaderBreadcrumbs");
|
|
22
22
|
var _HeaderDocAnchor = require("./HeaderDocAnchor/HeaderDocAnchor");
|
|
23
23
|
var defaultProps = {
|
|
@@ -58,14 +58,14 @@ var Header = (0, _core.factory)(function(_props, ref) {
|
|
|
58
58
|
var breadcrumbs = convertedChildren.find(function(child) {
|
|
59
59
|
return child.type === _HeaderBreadcrumbs.HeaderBreadcrumbs;
|
|
60
60
|
});
|
|
61
|
-
var
|
|
62
|
-
return child.type ===
|
|
61
|
+
var right = convertedChildren.find(function(child) {
|
|
62
|
+
return child.type === _HeaderRight.HeaderRight;
|
|
63
63
|
});
|
|
64
64
|
var docAnchor = convertedChildren.find(function(child) {
|
|
65
65
|
return child.type === _HeaderDocAnchor.HeaderDocAnchor;
|
|
66
66
|
});
|
|
67
67
|
var otherChildren = convertedChildren.filter(function(child) {
|
|
68
|
-
return child.type !== _HeaderBreadcrumbs.HeaderBreadcrumbs && child.type !==
|
|
68
|
+
return child.type !== _HeaderBreadcrumbs.HeaderBreadcrumbs && child.type !== _HeaderRight.HeaderRight && child.type !== _HeaderDocAnchor.HeaderDocAnchor;
|
|
69
69
|
});
|
|
70
70
|
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Headercontext.HeaderProvider, {
|
|
71
71
|
value: {
|
|
@@ -96,7 +96,7 @@ var Header = (0, _core.factory)(function(_props, ref) {
|
|
|
96
96
|
}))
|
|
97
97
|
]
|
|
98
98
|
}),
|
|
99
|
-
|
|
99
|
+
right
|
|
100
100
|
]
|
|
101
101
|
})),
|
|
102
102
|
borderBottom ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, _object_spread_props._(_object_spread._({}, getStyles('divider', stylesApiProps)), {
|
|
@@ -106,7 +106,10 @@ var Header = (0, _core.factory)(function(_props, ref) {
|
|
|
106
106
|
});
|
|
107
107
|
});
|
|
108
108
|
Header.Breadcrumbs = _HeaderBreadcrumbs.HeaderBreadcrumbs;
|
|
109
|
-
Header.
|
|
109
|
+
Header.Right = _HeaderRight.HeaderRight;
|
|
110
110
|
Header.DocAnchor = _HeaderDocAnchor.HeaderDocAnchor;
|
|
111
|
+
/**
|
|
112
|
+
* @deprecated use Header.Right instead
|
|
113
|
+
*/ Header.Actions = _HeaderRight.HeaderRight;
|
|
111
114
|
|
|
112
115
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n Divider,\n Factory,\n Group,\n GroupProps,\n Stack,\n StylesApiProps,\n Text,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n Divider,\n Factory,\n Group,\n GroupProps,\n Stack,\n StylesApiProps,\n Text,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight';\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n | 'root'\n | 'title'\n | 'description'\n | 'divider'\n | 'body'\n | HeaderDocAnchorStyleNames\n | HeaderBreadcrumbsStyleNames\n | HeaderRightStyleNames;\n\nexport interface HeaderProps\n extends StylesApiProps<HeaderFactory>,\n Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'> {\n /**\n * The description text displayed inside the header underneath the title\n */\n description?: ReactNode;\n /**\n * Whether the header should have a border on the bottom\n */\n borderBottom?: boolean;\n /**\n * Use the primary variant for page header and secondary variant elsewhere\n *\n * @default 'primary'\n */\n variant?: 'primary' | 'secondary';\n /**\n * The title of the header.\n */\n children: ReactNode;\n}\n\nexport type HeaderFactory = Factory<{\n props: HeaderProps;\n ref: HTMLDivElement;\n variant: HeaderVariant;\n stylesNames: HeaderStyleNames;\n staticComponents: {\n Breadcrumbs: typeof HeaderBreadcrumbs;\n Right: typeof HeaderRight;\n DocAnchor: typeof HeaderDocAnchor;\n /**\n * @deprecated use Header.Right instead\n */\n Actions: typeof HeaderRight;\n };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n variant: 'primary',\n justify: 'space-between',\n wrap: 'nowrap',\n};\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n const props = useProps('PlasmaHeader', defaultProps, _props);\n const {\n className,\n description,\n borderBottom,\n variant,\n children,\n style,\n classNames,\n unstyled,\n vars,\n styles,\n ...others\n } = props;\n const getStyles = useStyles<HeaderFactory>({\n name: 'PlasmaHeader',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n const right = convertedChildren.find((child) => child.type === HeaderRight);\n const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n const otherChildren = convertedChildren.filter(\n (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n );\n return (\n <HeaderProvider value={{getStyles}}>\n <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n <Stack gap={0}>\n {breadcrumbs}\n <Title\n variant={variant}\n order={variant === 'primary' ? 1 : 3}\n {...getStyles('title', stylesApiProps)}\n >\n {otherChildren}\n {docAnchor}\n </Title>\n <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n {description}\n </Text>\n </Stack>\n {right}\n </Group>\n {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n </HeaderProvider>\n );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n/**\n * @deprecated use Header.Right instead\n */\nHeader.Actions = HeaderRight;\n"],"names":["Header","defaultProps","variant","justify","wrap","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","order","Text","size","Divider","Breadcrumbs","Right","DocAnchor","Actions"],"mappings":";;;;+BAgFaA;;;eAAAA;;;;;;;;oBApEN;qBACyC;6BACnB;wEACT;2BAC6B;iCACY;+BACJ;AAwDzD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEO,IAAMJ,SAASK,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBR,cAAcK;IACrD,IACII,YAWAF,MAXAE,WACAC,cAUAH,MAVAG,aACAC,eASAJ,MATAI,cACAV,UAQAM,MARAN,SACAW,WAOAL,MAPAK,UACAC,QAMAN,MANAM,OACAC,aAKAP,MALAO,YACAC,WAIAR,MAJAQ,UACAC,OAGAT,MAHAS,MACAC,SAEAV,MAFAU,QACGC,sCACHX;QAXAE;QACAC;QACAC;QACAV;QACAW;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAME,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNd,OAAAA;QACAe,SAAAA,wBAAO;QACPb,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMO,iBAAiB;QAACT,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMO,oBAAoBC,eAAQ,CAACC,OAAO,CAACd;IAC3C,IAAMe,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAAClC,KAAKA;gBAAKL,SAASA;eAAakB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAK;;4BACPf;0CACD,sBAACgB,WAAK;gCACF1C,SAASA;gCACT2C,OAAO3C,YAAY,YAAY,IAAI;+BAC/BkB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACW,UAAI,8CAAK1B,UAAU,eAAeI;gCAAiBuB,MAAM7C,YAAY,YAAY,OAAO;0CACpFS;;;;oBAGRsB;;;YAEJrB,6BAAe,qBAACoC,aAAO,8CAAK5B,UAAU,WAAWI;gBAAiBuB,MAAK;kBAAU;;;AAG9F;AAEA/C,OAAOiD,WAAW,GAAGjB,oCAAiB;AACtChC,OAAOkD,KAAK,GAAGhB,wBAAW;AAC1BlC,OAAOmD,SAAS,GAAGf,gCAAe;AAClC;;CAEC,GACDpC,OAAOoD,OAAO,GAAGlB,wBAAW"}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
& .description {
|
|
8
8
|
color: var(--mantine-color-dimmed);
|
|
9
|
-
font-weight:
|
|
9
|
+
font-weight: 400;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
|
|
@@ -19,12 +19,3 @@
|
|
|
19
19
|
margin-left: var(--mantine-spacing-xs);
|
|
20
20
|
vertical-align: middle;
|
|
21
21
|
}
|
|
22
|
-
|
|
23
|
-
.breadcrumbs {
|
|
24
|
-
font-size: var(--mantine-font-size-sm);
|
|
25
|
-
font-weight: 300;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.breadcrumbsSeparator {
|
|
29
|
-
color: var(--mantine-color-dimmed);
|
|
30
|
-
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CompoundStylesApiProps, Factory, GroupProps } from '@mantine/core';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
export type HeaderRightStyleNames = 'right';
|
|
4
|
+
export interface HeaderRightProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>, CompoundStylesApiProps<HeaderRightFactory> {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export type HeaderRightFactory = Factory<{
|
|
8
|
+
props: HeaderRightProps;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
|
+
stylesNames: HeaderRightStyleNames;
|
|
11
|
+
compound: true;
|
|
12
|
+
}>;
|
|
13
|
+
export declare const HeaderRight: import("@mantine/core").MantineComponent<{
|
|
14
|
+
props: HeaderRightProps;
|
|
15
|
+
ref: HTMLDivElement;
|
|
16
|
+
stylesNames: HeaderRightStyleNames;
|
|
17
|
+
compound: true;
|
|
18
|
+
}>;
|
|
19
|
+
//# sourceMappingURL=HeaderRight.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderRight.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAE,OAAO,EAAS,UAAU,EAAoB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC,EACnE,sBAAsB,CAAC,kBAAkB,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;IACnC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,qBAAqB;cACxB,IAAI;EAsBhB,CAAC"}
|
package/dist/cjs/components/header/{HeaderActions/HeaderActions.js → HeaderRight/HeaderRight.js}
RENAMED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
Object.defineProperty(exports, "
|
|
5
|
+
Object.defineProperty(exports, "HeaderRight", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return HeaderRight;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
@@ -17,8 +17,8 @@ var _Headercontext = require("../Header.context");
|
|
|
17
17
|
var defaultProps = {
|
|
18
18
|
gap: 'sm'
|
|
19
19
|
};
|
|
20
|
-
var
|
|
21
|
-
var props = (0, _core.useProps)('
|
|
20
|
+
var HeaderRight = (0, _core.factory)(function(_props, ref) {
|
|
21
|
+
var props = (0, _core.useProps)('HeaderRight', 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('right', {
|
|
36
36
|
className: className,
|
|
37
37
|
style: style,
|
|
38
38
|
classNames: classNames,
|
|
@@ -43,4 +43,4 @@ var HeaderActions = (0, _core.factory)(function(_props, ref) {
|
|
|
43
43
|
}));
|
|
44
44
|
});
|
|
45
45
|
|
|
46
|
-
//# sourceMappingURL=
|
|
46
|
+
//# sourceMappingURL=HeaderRight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderRightStyleNames = 'right';\n\nexport interface HeaderRightProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n CompoundStylesApiProps<HeaderRightFactory> {\n children: ReactNode;\n}\n\nexport type HeaderRightFactory = Factory<{\n props: HeaderRightProps;\n ref: HTMLDivElement;\n stylesNames: HeaderRightStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderRightProps> = {\n gap: 'sm',\n};\n\nexport const HeaderRight = factory<HeaderRightFactory>((_props, ref) => {\n const props = useProps('HeaderRight', 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('right', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["HeaderRight","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,eAA0C;IAC5CC,KAAK;AACT;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,QAAQC;IAC5D,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,eAAeN,cAAcG;IACpD,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,SAAS;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACnEQ;kBAEHF;;AAGb"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from './accordion';
|
|
1
2
|
export * from './action-icon';
|
|
2
3
|
export * from './alert';
|
|
3
4
|
export * from './badge';
|
|
@@ -10,6 +11,7 @@ export * from './copyToClipboard';
|
|
|
10
11
|
export * from './date-range-picker';
|
|
11
12
|
export * from './ellipsis-text';
|
|
12
13
|
export * from './header';
|
|
14
|
+
export * from './info-token';
|
|
13
15
|
export * from './inline-confirm';
|
|
14
16
|
export * from './menu';
|
|
15
17
|
export * from './modal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./accordion"), exports);
|
|
6
7
|
_export_star._(require("./action-icon"), exports);
|
|
7
8
|
_export_star._(require("./alert"), exports);
|
|
8
9
|
_export_star._(require("./badge"), exports);
|
|
@@ -15,6 +16,7 @@ _export_star._(require("./copyToClipboard"), exports);
|
|
|
15
16
|
_export_star._(require("./date-range-picker"), exports);
|
|
16
17
|
_export_star._(require("./ellipsis-text"), exports);
|
|
17
18
|
_export_star._(require("./header"), exports);
|
|
19
|
+
_export_star._(require("./info-token"), exports);
|
|
18
20
|
_export_star._(require("./inline-confirm"), exports);
|
|
19
21
|
_export_star._(require("./menu"), exports);
|
|
20
22
|
_export_star._(require("./modal"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './accordion';\nexport * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './info-token';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { BoxProps, Factory, MantineSize, polymorphicFactory, StylesApiProps } from '@mantine/core';
|
|
2
|
+
export type InfoTokenFactory = Factory<{
|
|
3
|
+
props: InfoTokenProps;
|
|
4
|
+
defaultRef: HTMLDivElement;
|
|
5
|
+
defaultComponent: 'div';
|
|
6
|
+
stylesNames: InfoTokenComponentStylesNames;
|
|
7
|
+
vars: InfoTokenCssVariables;
|
|
8
|
+
variant: InfoTokenVariant;
|
|
9
|
+
}>;
|
|
10
|
+
export type InfoTokenComponentStylesNames = 'root';
|
|
11
|
+
export type InfoTokenVariant = 'information' | 'advice' | 'warning' | 'error' | 'question';
|
|
12
|
+
export type InfoTokenCssVariables = {
|
|
13
|
+
root: '--info-token-color';
|
|
14
|
+
};
|
|
15
|
+
export interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {
|
|
16
|
+
/**
|
|
17
|
+
* The variant of the token.
|
|
18
|
+
*
|
|
19
|
+
* @default 'information'
|
|
20
|
+
*/
|
|
21
|
+
variant?: InfoTokenVariant;
|
|
22
|
+
/**
|
|
23
|
+
* The size of the info token.
|
|
24
|
+
*
|
|
25
|
+
* @default 'sm'
|
|
26
|
+
*/
|
|
27
|
+
size?: MantineSize;
|
|
28
|
+
}
|
|
29
|
+
export declare const InfoToken: ReturnType<typeof polymorphicFactory<InfoTokenFactory>>;
|
|
30
|
+
//# sourceMappingURL=InfoToken.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/info-token/InfoToken.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEH,QAAQ,EAER,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,cAAc,EAGjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAC3F,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,oBAAoB,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAgED,eAAO,MAAM,SAAS,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,gBAAgB,CAAC,CAkC7E,CAAC"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "InfoToken", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return InfoToken;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
12
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
13
|
+
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
14
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
15
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
16
|
+
var _plasmareacticons = require("@coveord/plasma-react-icons");
|
|
17
|
+
var _core = require("@mantine/core");
|
|
18
|
+
var _InfoTokenmodulecss = /*#__PURE__*/ _interop_require_default._(require("./InfoToken.module.css"));
|
|
19
|
+
var defaultProps = {
|
|
20
|
+
variant: 'information',
|
|
21
|
+
size: 'xs'
|
|
22
|
+
};
|
|
23
|
+
var colorResolver = function(variant) {
|
|
24
|
+
switch(variant){
|
|
25
|
+
case 'error':
|
|
26
|
+
return 'var(--mantine-color-error)';
|
|
27
|
+
case 'advice':
|
|
28
|
+
return 'var(--mantine-primary-color-filled)';
|
|
29
|
+
case 'question':
|
|
30
|
+
return 'var(--mantine-primary-color-filled)';
|
|
31
|
+
case 'warning':
|
|
32
|
+
return 'var(--mantine-color-yellow-filled)';
|
|
33
|
+
case 'information':
|
|
34
|
+
default:
|
|
35
|
+
return 'var(--mantine-color-gray-filled)';
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
var sizeResolver = function(size) {
|
|
39
|
+
if (typeof size === 'number') {
|
|
40
|
+
return size;
|
|
41
|
+
}
|
|
42
|
+
switch(size){
|
|
43
|
+
case 'sm':
|
|
44
|
+
return 20;
|
|
45
|
+
case 'md':
|
|
46
|
+
return 24;
|
|
47
|
+
case 'lg':
|
|
48
|
+
return 32;
|
|
49
|
+
case 'xl':
|
|
50
|
+
return 40;
|
|
51
|
+
case 'xs':
|
|
52
|
+
default:
|
|
53
|
+
return 16;
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
var iconResolver = function(variant) {
|
|
57
|
+
switch(variant){
|
|
58
|
+
case 'error':
|
|
59
|
+
return _plasmareacticons.IconAlertSquareFilled;
|
|
60
|
+
case 'information':
|
|
61
|
+
return _plasmareacticons.IconInfoCircleFilled;
|
|
62
|
+
case 'question':
|
|
63
|
+
return _plasmareacticons.IconHelpCircle;
|
|
64
|
+
case 'warning':
|
|
65
|
+
return _plasmareacticons.IconAlertTriangleFilled;
|
|
66
|
+
case 'advice':
|
|
67
|
+
default:
|
|
68
|
+
return _plasmareacticons.IconBulbFilled;
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
var varsResolver = (0, _core.createVarsResolver)(function(_theme, param) {
|
|
72
|
+
var variant = param.variant;
|
|
73
|
+
var color = colorResolver(variant);
|
|
74
|
+
return {
|
|
75
|
+
root: {
|
|
76
|
+
'--info-token-color': color
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
});
|
|
80
|
+
var InfoToken = (0, _core.polymorphicFactory)(function(_props, ref) {
|
|
81
|
+
var props = (0, _core.useProps)('InfoToken', defaultProps, _props);
|
|
82
|
+
var variant = props.variant, vars = props.vars, className = props.className, style = props.style, unstyled = props.unstyled, styles = props.styles, classNames = props.classNames, size = props.size, others = _object_without_properties._(props, [
|
|
83
|
+
"variant",
|
|
84
|
+
"vars",
|
|
85
|
+
"className",
|
|
86
|
+
"style",
|
|
87
|
+
"unstyled",
|
|
88
|
+
"styles",
|
|
89
|
+
"classNames",
|
|
90
|
+
"size"
|
|
91
|
+
]);
|
|
92
|
+
var getStyles = (0, _core.useStyles)({
|
|
93
|
+
name: 'InfoToken',
|
|
94
|
+
classes: _InfoTokenmodulecss.default,
|
|
95
|
+
className: className,
|
|
96
|
+
props: props,
|
|
97
|
+
style: style,
|
|
98
|
+
styles: styles,
|
|
99
|
+
unstyled: unstyled,
|
|
100
|
+
vars: vars,
|
|
101
|
+
varsResolver: varsResolver
|
|
102
|
+
});
|
|
103
|
+
var IconComponent = iconResolver(variant);
|
|
104
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
|
|
105
|
+
ref: ref,
|
|
106
|
+
variant: variant,
|
|
107
|
+
role: "img",
|
|
108
|
+
size: size
|
|
109
|
+
}, getStyles('root', {
|
|
110
|
+
className: className,
|
|
111
|
+
style: style,
|
|
112
|
+
styles: styles,
|
|
113
|
+
classNames: classNames
|
|
114
|
+
}), others), {
|
|
115
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(IconComponent, {
|
|
116
|
+
size: sizeResolver(size)
|
|
117
|
+
})
|
|
118
|
+
}));
|
|
119
|
+
});
|
|
120
|
+
|
|
121
|
+
//# sourceMappingURL=InfoToken.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/info-token/InfoToken.tsx"],"sourcesContent":["import {\n IconAlertSquareFilled,\n IconAlertTriangleFilled,\n IconBulbFilled,\n IconHelpCircle,\n IconInfoCircleFilled,\n TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n Factory,\n MantineSize,\n polymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n props: InfoTokenProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: InfoTokenComponentStylesNames;\n vars: InfoTokenCssVariables;\n variant: InfoTokenVariant;\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenVariant = 'information' | 'advice' | 'warning' | 'error' | 'question';\nexport type InfoTokenCssVariables = {\n root: '--info-token-color';\n};\n\nexport interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n /**\n * The variant of the token.\n *\n * @default 'information'\n */\n variant?: InfoTokenVariant;\n /**\n * The size of the info token.\n *\n * @default 'sm'\n */\n size?: MantineSize;\n}\n\nconst defaultProps: Partial<InfoTokenProps> = {variant: 'information', size: 'xs'};\n\nconst colorResolver = (variant: InfoTokenVariant): string => {\n switch (variant) {\n case 'error':\n return 'var(--mantine-color-error)';\n case 'advice':\n return 'var(--mantine-primary-color-filled)';\n case 'question':\n return 'var(--mantine-primary-color-filled)';\n case 'warning':\n return 'var(--mantine-color-yellow-filled)';\n case 'information':\n default:\n return 'var(--mantine-color-gray-filled)';\n }\n};\n\nconst sizeResolver = (size: MantineSize): number => {\n if (typeof size === 'number') {\n return size;\n }\n switch (size) {\n case 'sm':\n return 20;\n case 'md':\n return 24;\n case 'lg':\n return 32;\n case 'xl':\n return 40;\n case 'xs':\n default:\n return 16;\n }\n};\n\nconst iconResolver = (variant: InfoTokenVariant): TablerIcon => {\n switch (variant) {\n case 'error':\n return IconAlertSquareFilled;\n case 'information':\n return IconInfoCircleFilled;\n case 'question':\n return IconHelpCircle;\n case 'warning':\n return IconAlertTriangleFilled;\n case 'advice':\n default:\n return IconBulbFilled;\n }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {variant}) => {\n const color = colorResolver(variant);\n return {\n root: {\n '--info-token-color': color,\n },\n };\n});\n\nexport const InfoToken: ReturnType<typeof polymorphicFactory<InfoTokenFactory>> = polymorphicFactory<InfoTokenFactory>(\n (_props, ref) => {\n const props = useProps('InfoToken', defaultProps, _props);\n const {variant, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n const getStyles = useStyles<InfoTokenFactory>({\n name: 'InfoToken',\n classes,\n className,\n props,\n style,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const IconComponent = iconResolver(variant);\n return (\n <Box\n ref={ref}\n variant={variant}\n role=\"img\"\n size={size}\n {...getStyles('root', {\n className,\n style,\n styles,\n classNames,\n })}\n {...others}\n >\n <IconComponent size={sizeResolver(size)} />\n </Box>\n );\n },\n);\n"],"names":["InfoToken","defaultProps","variant","size","colorResolver","sizeResolver","iconResolver","IconAlertSquareFilled","IconInfoCircleFilled","IconHelpCircle","IconAlertTriangleFilled","IconBulbFilled","varsResolver","createVarsResolver","_theme","color","root","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role"],"mappings":";;;;+BAgHaA;;;eAAAA;;;;;;;;gCAzGN;oBAWA;2EACa;AA+BpB,IAAMC,eAAwC;IAACC,SAAS;IAAeC,MAAM;AAAI;AAEjF,IAAMC,gBAAgB,SAACF;IACnB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,IAAMG,eAAe,SAACF;IAClB,IAAI,OAAOA,SAAS,UAAU;QAC1B,OAAOA;IACX;IACA,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,IAAMG,eAAe,SAACJ;IAClB,OAAQA;QACJ,KAAK;YACD,OAAOK,uCAAqB;QAChC,KAAK;YACD,OAAOC,sCAAoB;QAC/B,KAAK;YACD,OAAOC,gCAAc;QACzB,KAAK;YACD,OAAOC,yCAAuB;QAClC,KAAK;QACL;YACI,OAAOC,gCAAc;IAC7B;AACJ;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAmB,SAACC;QAASZ,gBAAAA;IAChE,IAAMa,QAAQX,cAAcF;IAC5B,OAAO;QACHc,MAAM;YACF,sBAAsBD;QAC1B;IACJ;AACJ;AAEO,IAAMf,YAAqEiB,IAAAA,wBAAkB,EAChG,SAACC,QAAQC;IACL,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,aAAapB,cAAciB;IAClD,IAAOhB,UAAkFkB,MAAlFlB,SAASoB,OAAyEF,MAAzEE,MAAMC,YAAmEH,MAAnEG,WAAWC,QAAwDJ,MAAxDI,OAAOC,WAAiDL,MAAjDK,UAAUC,SAAuCN,MAAvCM,QAAQC,aAA+BP,MAA/BO,YAAYxB,OAAmBiB,MAAnBjB,MAASyB,sCAAUR;QAAlFlB;QAASoB;QAAMC;QAAWC;QAAOC;QAAUC;QAAQC;QAAYxB;;IACtE,IAAM0B,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,WAAAA;QACAH,OAAAA;QACAI,OAAAA;QACAE,QAAAA;QACAD,UAAAA;QACAH,MAAAA;QACAV,cAAAA;IACJ;IACA,IAAMqB,gBAAgB3B,aAAaJ;IACnC,qBACI,qBAACgC,SAAG;QACAf,KAAKA;QACLjB,SAASA;QACTiC,MAAK;QACLhC,MAAMA;OACF0B,UAAU,QAAQ;QAClBN,WAAAA;QACAC,OAAAA;QACAE,QAAAA;QACAC,YAAAA;IACJ,IACIC;kBAEJ,cAAA,qBAACK;YAAc9B,MAAME,aAAaF;;;AAG9C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/info-token/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/info-token/index.ts"],"sourcesContent":["export * from './InfoToken';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -11,13 +11,13 @@ interface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineC
|
|
|
11
11
|
/**
|
|
12
12
|
* Confirm button element
|
|
13
13
|
*
|
|
14
|
-
* @default <Button
|
|
14
|
+
* @default <Button.DestructivePrimary>Delete</Button.DestructivePrimary>
|
|
15
15
|
*/
|
|
16
16
|
confirm?: ReactElement;
|
|
17
17
|
/**
|
|
18
18
|
* Cancel button element
|
|
19
19
|
*
|
|
20
|
-
* @default <Button
|
|
20
|
+
* @default <Button.Tertiary>Cancel</Button.Tertiary>
|
|
21
21
|
*/
|
|
22
22
|
cancel?: ReactElement;
|
|
23
23
|
/**
|
|
@@ -18,12 +18,10 @@ var _Button = require("../button/Button");
|
|
|
18
18
|
var _InlineConfirmContext = require("./InlineConfirmContext");
|
|
19
19
|
var defaultProps = {
|
|
20
20
|
label: 'Are you sure?',
|
|
21
|
-
confirm: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button, {
|
|
22
|
-
color: "red",
|
|
21
|
+
confirm: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.DestructivePrimary, {
|
|
23
22
|
children: "Delete"
|
|
24
23
|
}),
|
|
25
|
-
cancel: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button, {
|
|
26
|
-
variant: "outline",
|
|
24
|
+
cancel: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.Tertiary, {
|
|
27
25
|
children: "Cancel"
|
|
28
26
|
}),
|
|
29
27
|
gap: 'xs',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n /**\n * Label element\n *\n * @default Are you sure?\n */\n label?: ReactNode;\n /**\n * Confirm button element\n *\n * @default <Button
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n /**\n * Label element\n *\n * @default Are you sure?\n */\n label?: ReactNode;\n /**\n * Confirm button element\n *\n * @default <Button.DestructivePrimary>Delete</Button.DestructivePrimary>\n */\n confirm?: ReactElement;\n /**\n * Cancel button element\n *\n * @default <Button.Tertiary>Cancel</Button.Tertiary>\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.DestructivePrimary>Delete</Button.DestructivePrimary>,\n cancel: <Button.Tertiary>Cancel</Button.Tertiary>,\n gap: 'xs',\n wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n const {inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n 'InlineConfirmPrompt',\n defaultProps,\n props,\n );\n const {confirmingId, clearConfirm} = useInlineConfirm();\n\n if (!isElement(cancel) || !isElement(confirm)) {\n throw new Error(\n 'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n );\n }\n const cancelEl = cloneElement(cancel, {\n onClick: () => {\n cancel.props.onClick?.();\n onCancel?.();\n clearConfirm();\n },\n });\n const confirmEl = cloneElement(confirm, {\n onClick: () => {\n confirm.props.onClick?.();\n onConfirm?.();\n clearConfirm();\n },\n });\n\n useEffect(() => {\n if (confirmingId !== inlineConfirmId) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === inlineConfirmId) {\n return (\n <Group ref={ref} {...others}>\n {label}\n {confirmEl}\n {cancelEl}\n </Group>\n );\n }\n return null;\n});\n"],"names":["InlineConfirmPrompt","defaultProps","label","confirm","Button","DestructivePrimary","cancel","Tertiary","gap","wrap","factory","props","ref","useProps","inlineConfirmId","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"mappings":";;;;+BAkDaA;;;eAAAA;;;;;;;oBAlD0D;qBACR;sBAC1C;oCAGU;AAqC/B,IAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,qBAACC,cAAM,CAACC,kBAAkB;kBAAC;;IACpCC,sBAAQ,qBAACF,cAAM,CAACG,QAAQ;kBAAC;;IACzBC,KAAK;IACLC,MAAM;AACV;AAEO,IAAMT,sBAAsBU,IAAAA,aAAO,EAA6B,SAACC,OAAOC;IAC3E,IAAkFC,YAAAA,IAAAA,cAAQ,EACtF,uBACAZ,cACAU,QAHGG,kBAA2ED,UAA3EC,iBAAiBZ,QAA0DW,UAA1DX,OAAOC,UAAmDU,UAAnDV,SAASG,SAA0CO,UAA1CP,QAAQS,YAAkCF,UAAlCE,WAAWC,WAAuBH,UAAvBG,UAAaC,sCAAUJ;QAA3EC;QAAiBZ;QAAOC;QAASG;QAAQS;QAAWC;;IAK3D,IAAqCE,oBAAAA,IAAAA,sCAAgB,KAA9CC,eAA8BD,kBAA9BC,cAAcC,eAAgBF,kBAAhBE;IAErB,IAAI,CAACC,IAAAA,eAAS,EAACf,WAAW,CAACe,IAAAA,eAAS,EAAClB,UAAU;QAC3C,MAAM,IAAImB,MACN;IAER;IACA,IAAMC,yBAAWC,IAAAA,mBAAY,EAAClB,QAAQ;QAClCmB,SAAS;gBACLnB,uBAAAA;aAAAA,wBAAAA,CAAAA,gBAAAA,OAAOK,KAAK,EAACc,OAAO,cAApBnB,4CAAAA,2BAAAA;YACAU,qBAAAA,+BAAAA;YACAI;QACJ;IACJ;IACA,IAAMM,0BAAYF,IAAAA,mBAAY,EAACrB,SAAS;QACpCsB,SAAS;gBACLtB,wBAAAA;aAAAA,yBAAAA,CAAAA,iBAAAA,QAAQQ,KAAK,EAACc,OAAO,cAArBtB,6CAAAA,4BAAAA;YACAY,sBAAAA,gCAAAA;YACAK;QACJ;IACJ;IAEAO,IAAAA,gBAAS,EAAC;QACN,IAAIR,iBAAiBL,iBAAiB;YAClCM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,iBAAiB;QAClC,qBACI,sBAACc,WAAK;YAAChB,KAAKA;WAASK;;gBAChBf;gBACAwB;gBACAH;;;IAGb;IACA,OAAO;AACX"}
|