@j2-health/design-system 0.2.0 → 0.3.0
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/README.md +38 -9
- package/dist/index.cjs +102 -3614
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +54 -3551
- package/dist/index.js.map +1 -1
- package/dist/src/AppConfigProvider.cjs +13 -0
- package/dist/src/AppConfigProvider.cjs.map +1 -0
- package/dist/src/AppConfigProvider.js +13 -0
- package/dist/src/AppConfigProvider.js.map +1 -0
- package/dist/src/appTheme.cjs +268 -0
- package/dist/src/appTheme.cjs.map +1 -0
- package/dist/src/appTheme.js +268 -0
- package/dist/src/appTheme.js.map +1 -0
- package/dist/src/components/alert/Alert.cjs +95 -0
- package/dist/src/components/alert/Alert.cjs.map +1 -0
- package/dist/src/components/alert/Alert.js +78 -0
- package/dist/src/components/alert/Alert.js.map +1 -0
- package/dist/src/components/alert/Alert.module.css.cjs +9 -0
- package/dist/src/components/alert/Alert.module.css.cjs.map +1 -0
- package/dist/src/components/alert/Alert.module.css.js +9 -0
- package/dist/src/components/alert/Alert.module.css.js.map +1 -0
- package/dist/src/components/barchart/BarChart.cjs +155 -0
- package/dist/src/components/barchart/BarChart.cjs.map +1 -0
- package/dist/src/components/barchart/BarChart.js +155 -0
- package/dist/src/components/barchart/BarChart.js.map +1 -0
- package/dist/src/components/barchart/chart.module.css.cjs +9 -0
- package/dist/src/components/barchart/chart.module.css.cjs.map +1 -0
- package/dist/src/components/barchart/chart.module.css.js +9 -0
- package/dist/src/components/barchart/chart.module.css.js.map +1 -0
- package/dist/src/components/breadcrumb/Breadcrumb.cjs +38 -0
- package/dist/src/components/breadcrumb/Breadcrumb.cjs.map +1 -0
- package/dist/src/components/breadcrumb/Breadcrumb.js +21 -0
- package/dist/src/components/breadcrumb/Breadcrumb.js.map +1 -0
- package/dist/src/components/bulkActionBar/BulkActionBar.cjs +81 -0
- package/dist/src/components/bulkActionBar/BulkActionBar.cjs.map +1 -0
- package/dist/src/components/bulkActionBar/BulkActionBar.js +81 -0
- package/dist/src/components/bulkActionBar/BulkActionBar.js.map +1 -0
- package/dist/src/components/button/Button.cjs +21 -0
- package/dist/src/components/button/Button.cjs.map +1 -0
- package/dist/src/components/button/Button.js +21 -0
- package/dist/src/components/button/Button.js.map +1 -0
- package/dist/src/components/card/Card.cjs +36 -0
- package/dist/src/components/card/Card.cjs.map +1 -0
- package/dist/src/components/card/Card.js +36 -0
- package/dist/src/components/card/Card.js.map +1 -0
- package/dist/src/components/checkbox/Checkbox.cjs +10 -0
- package/dist/src/components/checkbox/Checkbox.cjs.map +1 -0
- package/dist/src/components/checkbox/Checkbox.js +10 -0
- package/dist/src/components/checkbox/Checkbox.js.map +1 -0
- package/dist/src/components/checkboxTree/CheckboxTree.cjs +140 -0
- package/dist/src/components/checkboxTree/CheckboxTree.cjs.map +1 -0
- package/dist/src/components/checkboxTree/CheckboxTree.js +140 -0
- package/dist/src/components/checkboxTree/CheckboxTree.js.map +1 -0
- package/dist/src/components/checkboxTree/TreeNode.cjs +92 -0
- package/dist/src/components/checkboxTree/TreeNode.cjs.map +1 -0
- package/dist/src/components/checkboxTree/TreeNode.js +92 -0
- package/dist/src/components/checkboxTree/TreeNode.js.map +1 -0
- package/dist/src/components/checkboxTree/utils.cjs +59 -0
- package/dist/src/components/checkboxTree/utils.cjs.map +1 -0
- package/dist/src/components/checkboxTree/utils.js +59 -0
- package/dist/src/components/checkboxTree/utils.js.map +1 -0
- package/dist/src/components/collapse/Collapse.cjs +81 -0
- package/dist/src/components/collapse/Collapse.cjs.map +1 -0
- package/dist/src/components/collapse/Collapse.js +64 -0
- package/dist/src/components/collapse/Collapse.js.map +1 -0
- package/dist/src/components/collapse/Collapse.module.css.cjs +13 -0
- package/dist/src/components/collapse/Collapse.module.css.cjs.map +1 -0
- package/dist/src/components/collapse/Collapse.module.css.js +13 -0
- package/dist/src/components/collapse/Collapse.module.css.js.map +1 -0
- package/dist/src/components/drawer/Drawer.cjs +39 -0
- package/dist/src/components/drawer/Drawer.cjs.map +1 -0
- package/dist/src/components/drawer/Drawer.js +39 -0
- package/dist/src/components/drawer/Drawer.js.map +1 -0
- package/dist/src/components/dropdown/Dropdown.cjs +58 -0
- package/dist/src/components/dropdown/Dropdown.cjs.map +1 -0
- package/dist/src/components/dropdown/Dropdown.js +58 -0
- package/dist/src/components/dropdown/Dropdown.js.map +1 -0
- package/dist/src/components/filterform/FilterGroup.cjs +64 -0
- package/dist/src/components/filterform/FilterGroup.cjs.map +1 -0
- package/dist/src/components/filterform/FilterGroup.js +64 -0
- package/dist/src/components/filterform/FilterGroup.js.map +1 -0
- package/dist/src/components/filterform/FilterInput.cjs +238 -0
- package/dist/src/components/filterform/FilterInput.cjs.map +1 -0
- package/dist/src/components/filterform/FilterInput.d.ts +1 -0
- package/dist/src/components/filterform/FilterInput.js +221 -0
- package/dist/src/components/filterform/FilterInput.js.map +1 -0
- package/dist/src/components/filterform/FiltersForm.cjs +168 -0
- package/dist/src/components/filterform/FiltersForm.cjs.map +1 -0
- package/dist/src/components/filterform/FiltersForm.js +168 -0
- package/dist/src/components/filterform/FiltersForm.js.map +1 -0
- package/dist/src/components/filterform/FiltersForm.module.css.cjs +21 -0
- package/dist/src/components/filterform/FiltersForm.module.css.cjs.map +1 -0
- package/dist/src/components/filterform/FiltersForm.module.css.js +21 -0
- package/dist/src/components/filterform/FiltersForm.module.css.js.map +1 -0
- package/dist/src/components/filterform/filterHelpers.cjs +71 -0
- package/dist/src/components/filterform/filterHelpers.cjs.map +1 -0
- package/dist/src/components/filterform/filterHelpers.d.ts +18 -4
- package/dist/src/components/filterform/filterHelpers.js +71 -0
- package/dist/src/components/filterform/filterHelpers.js.map +1 -0
- package/dist/src/components/filterform/index.d.ts +3 -1
- package/dist/src/components/filterform/types.d.ts +4 -2
- package/dist/src/components/filterform/useFilterField.cjs +245 -0
- package/dist/src/components/filterform/useFilterField.cjs.map +1 -0
- package/dist/src/components/filterform/useFilterField.d.ts +17 -1
- package/dist/src/components/filterform/useFilterField.js +228 -0
- package/dist/src/components/filterform/useFilterField.js.map +1 -0
- package/dist/src/components/filterform/useFiltersForm.cjs +160 -0
- package/dist/src/components/filterform/useFiltersForm.cjs.map +1 -0
- package/dist/src/components/filterform/useFiltersForm.js +160 -0
- package/dist/src/components/filterform/useFiltersForm.js.map +1 -0
- package/dist/src/components/form/Form.cjs +11 -0
- package/dist/src/components/form/Form.cjs.map +1 -0
- package/dist/src/components/form/Form.js +11 -0
- package/dist/src/components/form/Form.js.map +1 -0
- package/dist/src/components/icons/index.cjs +27 -0
- package/dist/src/components/icons/index.cjs.map +1 -0
- package/dist/src/components/icons/index.js +3 -0
- package/dist/src/components/icons/index.js.map +1 -0
- package/dist/src/components/input/AntdInput.cjs +13 -0
- package/dist/src/components/input/AntdInput.cjs.map +1 -0
- package/dist/src/components/input/AntdInput.js +13 -0
- package/dist/src/components/input/AntdInput.js.map +1 -0
- package/dist/src/components/input/AntdSearchInput.cjs +13 -0
- package/dist/src/components/input/AntdSearchInput.cjs.map +1 -0
- package/dist/src/components/input/AntdSearchInput.js +13 -0
- package/dist/src/components/input/AntdSearchInput.js.map +1 -0
- package/dist/src/components/input/Input.cjs +9 -0
- package/dist/src/components/input/Input.cjs.map +1 -0
- package/dist/src/components/input/Input.js +9 -0
- package/dist/src/components/input/Input.js.map +1 -0
- package/dist/src/components/inputnumber/InputNumber.cjs +32 -0
- package/dist/src/components/inputnumber/InputNumber.cjs.map +1 -0
- package/dist/src/components/inputnumber/InputNumber.js +32 -0
- package/dist/src/components/inputnumber/InputNumber.js.map +1 -0
- package/dist/src/components/inputnumber/InputNumber.module.css.cjs +9 -0
- package/dist/src/components/inputnumber/InputNumber.module.css.cjs.map +1 -0
- package/dist/src/components/inputnumber/InputNumber.module.css.js +9 -0
- package/dist/src/components/inputnumber/InputNumber.module.css.js.map +1 -0
- package/dist/src/components/legacyNavMenu/LegacyNavMenu.cjs +52 -0
- package/dist/src/components/legacyNavMenu/LegacyNavMenu.cjs.map +1 -0
- package/dist/src/components/legacyNavMenu/LegacyNavMenu.js +52 -0
- package/dist/src/components/legacyNavMenu/LegacyNavMenu.js.map +1 -0
- package/dist/src/components/legacyNavMenu/LegacyNavMenu.module.css.cjs +48 -0
- package/dist/src/components/legacyNavMenu/LegacyNavMenu.module.css.cjs.map +1 -0
- package/dist/src/components/legacyNavMenu/LegacyNavMenu.module.css.js +48 -0
- package/dist/src/components/legacyNavMenu/LegacyNavMenu.module.css.js.map +1 -0
- package/dist/src/components/legacyNavMenu/UserProfile.cjs +78 -0
- package/dist/src/components/legacyNavMenu/UserProfile.cjs.map +1 -0
- package/dist/src/components/legacyNavMenu/UserProfile.js +78 -0
- package/dist/src/components/legacyNavMenu/UserProfile.js.map +1 -0
- package/dist/src/components/legacyNavMenu/UserProfile.module.css.cjs +42 -0
- package/dist/src/components/legacyNavMenu/UserProfile.module.css.cjs.map +1 -0
- package/dist/src/components/legacyNavMenu/UserProfile.module.css.js +42 -0
- package/dist/src/components/legacyNavMenu/UserProfile.module.css.js.map +1 -0
- package/dist/src/components/listpopover/ListPopover.cjs +125 -0
- package/dist/src/components/listpopover/ListPopover.cjs.map +1 -0
- package/dist/src/components/listpopover/ListPopover.js +125 -0
- package/dist/src/components/listpopover/ListPopover.js.map +1 -0
- package/dist/src/components/listpopover/ListPopover.module.css.cjs +9 -0
- package/dist/src/components/listpopover/ListPopover.module.css.cjs.map +1 -0
- package/dist/src/components/listpopover/ListPopover.module.css.js +9 -0
- package/dist/src/components/listpopover/ListPopover.module.css.js.map +1 -0
- package/dist/src/components/menu/Menu.cjs +18 -0
- package/dist/src/components/menu/Menu.cjs.map +1 -0
- package/dist/src/components/menu/Menu.js +18 -0
- package/dist/src/components/menu/Menu.js.map +1 -0
- package/dist/src/components/menu/Menu.module.css.cjs +12 -0
- package/dist/src/components/menu/Menu.module.css.cjs.map +1 -0
- package/dist/src/components/menu/Menu.module.css.js +12 -0
- package/dist/src/components/menu/Menu.module.css.js.map +1 -0
- package/dist/src/components/message/Message.module.css.cjs +9 -0
- package/dist/src/components/message/Message.module.css.cjs.map +1 -0
- package/dist/src/components/message/Message.module.css.js +9 -0
- package/dist/src/components/message/Message.module.css.js.map +1 -0
- package/dist/src/components/message/useMessage.cjs +55 -0
- package/dist/src/components/message/useMessage.cjs.map +1 -0
- package/dist/src/components/message/useMessage.js +55 -0
- package/dist/src/components/message/useMessage.js.map +1 -0
- package/dist/src/components/modal/Modal.cjs +32 -0
- package/dist/src/components/modal/Modal.cjs.map +1 -0
- package/dist/src/components/modal/Modal.js +32 -0
- package/dist/src/components/modal/Modal.js.map +1 -0
- package/dist/src/components/navMenu/NavMenu.cjs +132 -0
- package/dist/src/components/navMenu/NavMenu.cjs.map +1 -0
- package/dist/src/components/navMenu/NavMenu.js +115 -0
- package/dist/src/components/navMenu/NavMenu.js.map +1 -0
- package/dist/src/components/navMenu/NavMenu.module.css.cjs +18 -0
- package/dist/src/components/navMenu/NavMenu.module.css.cjs.map +1 -0
- package/dist/src/components/navMenu/NavMenu.module.css.js +18 -0
- package/dist/src/components/navMenu/NavMenu.module.css.js.map +1 -0
- package/dist/src/components/notification/Notification.module.css.cjs +9 -0
- package/dist/src/components/notification/Notification.module.css.cjs.map +1 -0
- package/dist/src/components/notification/Notification.module.css.js +9 -0
- package/dist/src/components/notification/Notification.module.css.js.map +1 -0
- package/dist/src/components/notification/useNotification.cjs +52 -0
- package/dist/src/components/notification/useNotification.cjs.map +1 -0
- package/dist/src/components/notification/useNotification.js +52 -0
- package/dist/src/components/notification/useNotification.js.map +1 -0
- package/dist/src/components/notificationModal/NotifcationModal.module.css.cjs +21 -0
- package/dist/src/components/notificationModal/NotifcationModal.module.css.cjs.map +1 -0
- package/dist/src/components/notificationModal/NotifcationModal.module.css.js +21 -0
- package/dist/src/components/notificationModal/NotifcationModal.module.css.js.map +1 -0
- package/dist/src/components/notificationModal/NotificationModal.cjs +57 -0
- package/dist/src/components/notificationModal/NotificationModal.cjs.map +1 -0
- package/dist/src/components/notificationModal/NotificationModal.js +57 -0
- package/dist/src/components/notificationModal/NotificationModal.js.map +1 -0
- package/dist/src/components/pagination/Pagination.cjs +65 -0
- package/dist/src/components/pagination/Pagination.cjs.map +1 -0
- package/dist/src/components/pagination/Pagination.js +65 -0
- package/dist/src/components/pagination/Pagination.js.map +1 -0
- package/dist/src/components/pagination/Pagination.module.css.cjs +6 -0
- package/dist/src/components/pagination/Pagination.module.css.cjs.map +1 -0
- package/dist/src/components/pagination/Pagination.module.css.js +7 -0
- package/dist/src/components/pagination/Pagination.module.css.js.map +1 -0
- package/dist/src/components/popover/Popover.cjs +41 -0
- package/dist/src/components/popover/Popover.cjs.map +1 -0
- package/dist/src/components/popover/Popover.js +41 -0
- package/dist/src/components/popover/Popover.js.map +1 -0
- package/dist/src/components/popover/Popover.module.css.cjs +33 -0
- package/dist/src/components/popover/Popover.module.css.cjs.map +1 -0
- package/dist/src/components/popover/Popover.module.css.js +33 -0
- package/dist/src/components/popover/Popover.module.css.js.map +1 -0
- package/dist/src/components/progress/Progress.cjs +9 -0
- package/dist/src/components/progress/Progress.cjs.map +1 -0
- package/dist/src/components/progress/Progress.js +9 -0
- package/dist/src/components/progress/Progress.js.map +1 -0
- package/dist/src/components/radio/Radio.cjs +24 -0
- package/dist/src/components/radio/Radio.cjs.map +1 -0
- package/dist/src/components/radio/Radio.js +24 -0
- package/dist/src/components/radio/Radio.js.map +1 -0
- package/dist/src/components/rate/Rate.cjs +22 -0
- package/dist/src/components/rate/Rate.cjs.map +1 -0
- package/dist/src/components/rate/Rate.js +22 -0
- package/dist/src/components/rate/Rate.js.map +1 -0
- package/dist/src/components/select/AntdSelect.cjs +76 -0
- package/dist/src/components/select/AntdSelect.cjs.map +1 -0
- package/dist/src/components/select/AntdSelect.js +60 -0
- package/dist/src/components/select/AntdSelect.js.map +1 -0
- package/dist/src/components/select/Select.cjs +107 -0
- package/dist/src/components/select/Select.cjs.map +1 -0
- package/dist/src/components/select/Select.js +107 -0
- package/dist/src/components/select/Select.js.map +1 -0
- package/dist/src/components/select/SummarizedSelect.cjs +455 -0
- package/dist/src/components/select/SummarizedSelect.cjs.map +1 -0
- package/dist/src/components/select/SummarizedSelect.js +455 -0
- package/dist/src/components/select/SummarizedSelect.js.map +1 -0
- package/dist/src/components/select/SummarizedSelect.module.css.cjs +30 -0
- package/dist/src/components/select/SummarizedSelect.module.css.cjs.map +1 -0
- package/dist/src/components/select/SummarizedSelect.module.css.js +30 -0
- package/dist/src/components/select/SummarizedSelect.module.css.js.map +1 -0
- package/dist/src/components/skeleton/Skeleton.cjs +14 -0
- package/dist/src/components/skeleton/Skeleton.cjs.map +1 -0
- package/dist/src/components/skeleton/Skeleton.js +14 -0
- package/dist/src/components/skeleton/Skeleton.js.map +1 -0
- package/dist/src/components/spinner/Spinner.cjs +20 -0
- package/dist/src/components/spinner/Spinner.cjs.map +1 -0
- package/dist/src/components/spinner/Spinner.js +20 -0
- package/dist/src/components/spinner/Spinner.js.map +1 -0
- package/dist/src/components/steps/Steps.cjs +50 -0
- package/dist/src/components/steps/Steps.cjs.map +1 -0
- package/dist/src/components/steps/Steps.js +50 -0
- package/dist/src/components/steps/Steps.js.map +1 -0
- package/dist/src/components/steps/useSteps.cjs +56 -0
- package/dist/src/components/steps/useSteps.cjs.map +1 -0
- package/dist/src/components/steps/useSteps.js +56 -0
- package/dist/src/components/steps/useSteps.js.map +1 -0
- package/dist/src/components/switch/Switch.cjs +28 -0
- package/dist/src/components/switch/Switch.cjs.map +1 -0
- package/dist/src/components/switch/Switch.js +28 -0
- package/dist/src/components/switch/Switch.js.map +1 -0
- package/dist/src/components/table/Table.cjs +117 -0
- package/dist/src/components/table/Table.cjs.map +1 -0
- package/dist/src/components/table/Table.js +117 -0
- package/dist/src/components/table/Table.js.map +1 -0
- package/dist/src/components/table/Table.module.css.cjs +12 -0
- package/dist/src/components/table/Table.module.css.cjs.map +1 -0
- package/dist/src/components/table/Table.module.css.js +12 -0
- package/dist/src/components/table/Table.module.css.js.map +1 -0
- package/dist/src/components/tabs/Tabs.cjs +10 -0
- package/dist/src/components/tabs/Tabs.cjs.map +1 -0
- package/dist/src/components/tabs/Tabs.js +10 -0
- package/dist/src/components/tabs/Tabs.js.map +1 -0
- package/dist/src/components/tag/Tag.cjs +74 -0
- package/dist/src/components/tag/Tag.cjs.map +1 -0
- package/dist/src/components/tag/Tag.js +57 -0
- package/dist/src/components/tag/Tag.js.map +1 -0
- package/dist/src/components/tooltip/Tooltip.cjs +14 -0
- package/dist/src/components/tooltip/Tooltip.cjs.map +1 -0
- package/dist/src/components/tooltip/Tooltip.js +14 -0
- package/dist/src/components/tooltip/Tooltip.js.map +1 -0
- package/dist/src/components/vennDiagram/VennDiagram.cjs +53 -0
- package/dist/src/components/vennDiagram/VennDiagram.cjs.map +1 -0
- package/dist/src/components/vennDiagram/VennDiagram.js +53 -0
- package/dist/src/components/vennDiagram/VennDiagram.js.map +1 -0
- package/dist/src/svgs/ProgressCircle.svg.cjs +22 -0
- package/dist/src/svgs/ProgressCircle.svg.cjs.map +1 -0
- package/dist/src/svgs/ProgressCircle.svg.js +6 -0
- package/dist/src/svgs/ProgressCircle.svg.js.map +1 -0
- package/dist/src/svgs/j2-logo-menu-collapse.svg.cjs +22 -0
- package/dist/src/svgs/j2-logo-menu-collapse.svg.cjs.map +1 -0
- package/dist/src/svgs/j2-logo-menu-collapse.svg.js +6 -0
- package/dist/src/svgs/j2-logo-menu-collapse.svg.js.map +1 -0
- package/dist/src/svgs/j2-logo-menu.svg.cjs +22 -0
- package/dist/src/svgs/j2-logo-menu.svg.cjs.map +1 -0
- package/dist/src/svgs/j2-logo-menu.svg.js +6 -0
- package/dist/src/svgs/j2-logo-menu.svg.js.map +1 -0
- package/dist/src/svgs/menu-sidebar-collapse.svg.cjs +22 -0
- package/dist/src/svgs/menu-sidebar-collapse.svg.cjs.map +1 -0
- package/dist/src/svgs/menu-sidebar-collapse.svg.js +6 -0
- package/dist/src/svgs/menu-sidebar-collapse.svg.js.map +1 -0
- package/dist/src/svgs/menu-sidebar-expand.svg.cjs +22 -0
- package/dist/src/svgs/menu-sidebar-expand.svg.cjs.map +1 -0
- package/dist/src/svgs/menu-sidebar-expand.svg.js +6 -0
- package/dist/src/svgs/menu-sidebar-expand.svg.js.map +1 -0
- package/dist/style.css +646 -646
- package/package.json +6 -6
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const modalTitleWithIcon = "_modalTitleWithIcon_5g0kf_1";
|
|
2
|
+
const modalIcon = "_modalIcon_5g0kf_7";
|
|
3
|
+
const modalTitleContent = "_modalTitleContent_5g0kf_16";
|
|
4
|
+
const modalTitleText = "_modalTitleText_5g0kf_21";
|
|
5
|
+
const modalContentWithIcon = "_modalContentWithIcon_5g0kf_30";
|
|
6
|
+
const styles = {
|
|
7
|
+
modalTitleWithIcon,
|
|
8
|
+
modalIcon,
|
|
9
|
+
modalTitleContent,
|
|
10
|
+
modalTitleText,
|
|
11
|
+
modalContentWithIcon
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
styles as default,
|
|
15
|
+
modalContentWithIcon,
|
|
16
|
+
modalIcon,
|
|
17
|
+
modalTitleContent,
|
|
18
|
+
modalTitleText,
|
|
19
|
+
modalTitleWithIcon
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=NotifcationModal.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotifcationModal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const react = require("@phosphor-icons/react");
|
|
5
|
+
const React = require("react");
|
|
6
|
+
const NotifcationModal_module = require("./NotifcationModal.module.css.cjs");
|
|
7
|
+
const Modal = require("../modal/Modal.cjs");
|
|
8
|
+
const getNotificationIcon = (type) => {
|
|
9
|
+
switch (type) {
|
|
10
|
+
case "error":
|
|
11
|
+
return /* @__PURE__ */ jsxRuntime.jsx(react.XCircleIcon, { color: "var(--j2-color-error)", weight: "fill", size: 24 });
|
|
12
|
+
case "success":
|
|
13
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
14
|
+
react.CheckCircleIcon,
|
|
15
|
+
{
|
|
16
|
+
color: "var(--j2-color-success)",
|
|
17
|
+
weight: "fill",
|
|
18
|
+
size: 24
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
case "info":
|
|
22
|
+
return /* @__PURE__ */ jsxRuntime.jsx(react.InfoIcon, { color: "var(--j2-color-info)", weight: "fill", size: 24 });
|
|
23
|
+
case "warning":
|
|
24
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
25
|
+
react.WarningCircleIcon,
|
|
26
|
+
{
|
|
27
|
+
color: "var(--j2-color-warning)",
|
|
28
|
+
weight: "fill",
|
|
29
|
+
size: 24
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
const NotificationModal = ({
|
|
35
|
+
type,
|
|
36
|
+
title,
|
|
37
|
+
children,
|
|
38
|
+
withContentPadding = true,
|
|
39
|
+
...props
|
|
40
|
+
}) => {
|
|
41
|
+
const icon = React.useMemo(() => getNotificationIcon(type), [type]);
|
|
42
|
+
const titleWithIcon = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: NotifcationModal_module.default.modalTitleWithIcon, children: [
|
|
43
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: NotifcationModal_module.default.modalIcon, children: icon }),
|
|
44
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: NotifcationModal_module.default.modalTitleContent, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: NotifcationModal_module.default.modalTitleText, children: title }) })
|
|
45
|
+
] });
|
|
46
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
47
|
+
Modal.Modal,
|
|
48
|
+
{
|
|
49
|
+
title: titleWithIcon,
|
|
50
|
+
withContentPadding,
|
|
51
|
+
...props,
|
|
52
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: NotifcationModal_module.default.modalContentWithIcon, children })
|
|
53
|
+
}
|
|
54
|
+
);
|
|
55
|
+
};
|
|
56
|
+
exports.NotificationModal = NotificationModal;
|
|
57
|
+
//# sourceMappingURL=NotificationModal.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotificationModal.cjs","sources":["../../../../src/components/notificationModal/NotificationModal.tsx"],"sourcesContent":["import { ModalProps } from 'antd'\nimport {\n CheckCircleIcon,\n InfoIcon,\n WarningCircleIcon,\n XCircleIcon,\n} from '@phosphor-icons/react'\nimport { useMemo, ReactNode } from 'react'\nimport { Modal } from '../modal'\nimport styles from './NotifcationModal.module.css'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type NotificationModalProps = {\n type: NotificationType\n withContentPadding?: boolean\n} & Omit<ModalProps, 'title'> & {\n title?: ReactNode\n }\n\nconst getNotificationIcon = (type: NotificationType) => {\n switch (type) {\n case 'error':\n return (\n <XCircleIcon color=\"var(--j2-color-error)\" weight=\"fill\" size={24} />\n )\n case 'success':\n return (\n <CheckCircleIcon\n color=\"var(--j2-color-success)\"\n weight=\"fill\"\n size={24}\n />\n )\n case 'info':\n return <InfoIcon color=\"var(--j2-color-info)\" weight=\"fill\" size={24} />\n case 'warning':\n return (\n <WarningCircleIcon\n color=\"var(--j2-color-warning)\"\n weight=\"fill\"\n size={24}\n />\n )\n }\n}\n\nconst NotificationModal = ({\n type,\n title,\n children,\n withContentPadding = true,\n ...props\n}: NotificationModalProps) => {\n const icon = useMemo(() => getNotificationIcon(type), [type])\n\n const titleWithIcon = (\n <div className={styles.modalTitleWithIcon}>\n <div className={styles.modalIcon}>{icon}</div>\n <div className={styles.modalTitleContent}>\n <div className={styles.modalTitleText}>{title}</div>\n </div>\n </div>\n )\n\n return (\n <Modal\n title={titleWithIcon}\n withContentPadding={withContentPadding}\n {...props}\n >\n <div className={styles.modalContentWithIcon}>{children}</div>\n </Modal>\n )\n}\n\nexport { NotificationModal }\n"],"names":["XCircleIcon","jsx","CheckCircleIcon","InfoIcon","WarningCircleIcon","useMemo","jsxs","styles","Modal"],"mappings":";;;;;;;AAoBA,MAAM,sBAAsB,CAAC,SAA2B;AACtD,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,4CACGA,mBAAA,EAAY,OAAM,yBAAwB,QAAO,QAAO,MAAM,IAAI;AAAA,IAEvE,KAAK;AACH,aACEC,2BAAAA;AAAAA,QAACC,MAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACH,4CAAQC,gBAAA,EAAS,OAAM,wBAAuB,QAAO,QAAO,MAAM,IAAI;AAAA,IACxE,KAAK;AACH,aACEF,2BAAAA;AAAAA,QAACG,MAAAA;AAAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGR;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,GAAG;AACL,MAA8B;AAC5B,QAAM,OAAOC,MAAAA,QAAQ,MAAM,oBAAoB,IAAI,GAAG,CAAC,IAAI,CAAC;AAE5D,QAAM,gBACJC,2BAAAA,KAAC,OAAA,EAAI,WAAWC,wBAAAA,QAAO,oBACrB,UAAA;AAAA,IAAAN,2BAAAA,IAAC,OAAA,EAAI,WAAWM,wBAAAA,QAAO,WAAY,UAAA,MAAK;AAAA,IACxCN,2BAAAA,IAAC,OAAA,EAAI,WAAWM,wBAAAA,QAAO,mBACrB,UAAAN,2BAAAA,IAAC,OAAA,EAAI,WAAWM,wBAAAA,QAAO,gBAAiB,UAAA,MAAA,CAAM,EAAA,CAChD;AAAA,EAAA,GACF;AAGF,SACEN,2BAAAA;AAAAA,IAACO,MAAAA;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACC,GAAG;AAAA,MAEJ,UAAAP,2BAAAA,IAAC,OAAA,EAAI,WAAWM,wBAAAA,QAAO,sBAAuB,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG7D;;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { WarningCircleIcon, InfoIcon, CheckCircleIcon, XCircleIcon } from "@phosphor-icons/react";
|
|
3
|
+
import { useMemo } from "react";
|
|
4
|
+
import styles from "./NotifcationModal.module.css.js";
|
|
5
|
+
import { Modal } from "../modal/Modal.js";
|
|
6
|
+
const getNotificationIcon = (type) => {
|
|
7
|
+
switch (type) {
|
|
8
|
+
case "error":
|
|
9
|
+
return /* @__PURE__ */ jsx(XCircleIcon, { color: "var(--j2-color-error)", weight: "fill", size: 24 });
|
|
10
|
+
case "success":
|
|
11
|
+
return /* @__PURE__ */ jsx(
|
|
12
|
+
CheckCircleIcon,
|
|
13
|
+
{
|
|
14
|
+
color: "var(--j2-color-success)",
|
|
15
|
+
weight: "fill",
|
|
16
|
+
size: 24
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
case "info":
|
|
20
|
+
return /* @__PURE__ */ jsx(InfoIcon, { color: "var(--j2-color-info)", weight: "fill", size: 24 });
|
|
21
|
+
case "warning":
|
|
22
|
+
return /* @__PURE__ */ jsx(
|
|
23
|
+
WarningCircleIcon,
|
|
24
|
+
{
|
|
25
|
+
color: "var(--j2-color-warning)",
|
|
26
|
+
weight: "fill",
|
|
27
|
+
size: 24
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
const NotificationModal = ({
|
|
33
|
+
type,
|
|
34
|
+
title,
|
|
35
|
+
children,
|
|
36
|
+
withContentPadding = true,
|
|
37
|
+
...props
|
|
38
|
+
}) => {
|
|
39
|
+
const icon = useMemo(() => getNotificationIcon(type), [type]);
|
|
40
|
+
const titleWithIcon = /* @__PURE__ */ jsxs("div", { className: styles.modalTitleWithIcon, children: [
|
|
41
|
+
/* @__PURE__ */ jsx("div", { className: styles.modalIcon, children: icon }),
|
|
42
|
+
/* @__PURE__ */ jsx("div", { className: styles.modalTitleContent, children: /* @__PURE__ */ jsx("div", { className: styles.modalTitleText, children: title }) })
|
|
43
|
+
] });
|
|
44
|
+
return /* @__PURE__ */ jsx(
|
|
45
|
+
Modal,
|
|
46
|
+
{
|
|
47
|
+
title: titleWithIcon,
|
|
48
|
+
withContentPadding,
|
|
49
|
+
...props,
|
|
50
|
+
children: /* @__PURE__ */ jsx("div", { className: styles.modalContentWithIcon, children })
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
};
|
|
54
|
+
export {
|
|
55
|
+
NotificationModal
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=NotificationModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotificationModal.js","sources":["../../../../src/components/notificationModal/NotificationModal.tsx"],"sourcesContent":["import { ModalProps } from 'antd'\nimport {\n CheckCircleIcon,\n InfoIcon,\n WarningCircleIcon,\n XCircleIcon,\n} from '@phosphor-icons/react'\nimport { useMemo, ReactNode } from 'react'\nimport { Modal } from '../modal'\nimport styles from './NotifcationModal.module.css'\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error'\n\nexport type NotificationModalProps = {\n type: NotificationType\n withContentPadding?: boolean\n} & Omit<ModalProps, 'title'> & {\n title?: ReactNode\n }\n\nconst getNotificationIcon = (type: NotificationType) => {\n switch (type) {\n case 'error':\n return (\n <XCircleIcon color=\"var(--j2-color-error)\" weight=\"fill\" size={24} />\n )\n case 'success':\n return (\n <CheckCircleIcon\n color=\"var(--j2-color-success)\"\n weight=\"fill\"\n size={24}\n />\n )\n case 'info':\n return <InfoIcon color=\"var(--j2-color-info)\" weight=\"fill\" size={24} />\n case 'warning':\n return (\n <WarningCircleIcon\n color=\"var(--j2-color-warning)\"\n weight=\"fill\"\n size={24}\n />\n )\n }\n}\n\nconst NotificationModal = ({\n type,\n title,\n children,\n withContentPadding = true,\n ...props\n}: NotificationModalProps) => {\n const icon = useMemo(() => getNotificationIcon(type), [type])\n\n const titleWithIcon = (\n <div className={styles.modalTitleWithIcon}>\n <div className={styles.modalIcon}>{icon}</div>\n <div className={styles.modalTitleContent}>\n <div className={styles.modalTitleText}>{title}</div>\n </div>\n </div>\n )\n\n return (\n <Modal\n title={titleWithIcon}\n withContentPadding={withContentPadding}\n {...props}\n >\n <div className={styles.modalContentWithIcon}>{children}</div>\n </Modal>\n )\n}\n\nexport { NotificationModal }\n"],"names":[],"mappings":";;;;;AAoBA,MAAM,sBAAsB,CAAC,SAA2B;AACtD,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,iCACG,aAAA,EAAY,OAAM,yBAAwB,QAAO,QAAO,MAAM,IAAI;AAAA,IAEvE,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ,KAAK;AACH,iCAAQ,UAAA,EAAS,OAAM,wBAAuB,QAAO,QAAO,MAAM,IAAI;AAAA,IACxE,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,EACR;AAGR;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,GAAG;AACL,MAA8B;AAC5B,QAAM,OAAO,QAAQ,MAAM,oBAAoB,IAAI,GAAG,CAAC,IAAI,CAAC;AAE5D,QAAM,gBACJ,qBAAC,OAAA,EAAI,WAAW,OAAO,oBACrB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,WAAY,UAAA,MAAK;AAAA,IACxC,oBAAC,OAAA,EAAI,WAAW,OAAO,mBACrB,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,gBAAiB,UAAA,MAAA,CAAM,EAAA,CAChD;AAAA,EAAA,GACF;AAGF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,sBAAuB,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG7D;"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const antd = require("antd");
|
|
5
|
+
const cx = require("classnames");
|
|
6
|
+
const react = require("@phosphor-icons/react");
|
|
7
|
+
const Pagination_module = require("./Pagination.module.css.cjs");
|
|
8
|
+
const renderIconButton = (icon, isSmall, customClassName) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
9
|
+
antd.Button,
|
|
10
|
+
{
|
|
11
|
+
type: "link",
|
|
12
|
+
size: isSmall ? "small" : "middle",
|
|
13
|
+
className: cx(customClassName, isSmall ? "!w-6" : "!w-8"),
|
|
14
|
+
children: icon
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
const renderJumpItem = (icon, doubleIcon, isSmall) => /* @__PURE__ */ jsxRuntime.jsx("a", { className: "ant-pagination-item-link", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ant-pagination-item-container", children: [
|
|
18
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "ant-pagination-item-ellipsis", children: renderIconButton(icon, isSmall, Pagination_module["jump-button"]) }),
|
|
19
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "ant-pagination-item-link-icon", children: renderIconButton(doubleIcon, isSmall, Pagination_module["jump-button"]) })
|
|
20
|
+
] }) });
|
|
21
|
+
const buildItemRender = ({ paginationTextLabels, isSmall }) => (_page, type, element) => {
|
|
22
|
+
if (type === "prev") {
|
|
23
|
+
return /* @__PURE__ */ jsxRuntime.jsx("a", { children: paginationTextLabels ? "Previous" : renderIconButton(/* @__PURE__ */ jsxRuntime.jsx(react.CaretLeftIcon, {}), isSmall) });
|
|
24
|
+
}
|
|
25
|
+
if (type === "next") {
|
|
26
|
+
return /* @__PURE__ */ jsxRuntime.jsx("a", { children: paginationTextLabels ? "Next" : renderIconButton(/* @__PURE__ */ jsxRuntime.jsx(react.CaretRightIcon, {}), isSmall) });
|
|
27
|
+
}
|
|
28
|
+
if (type === "jump-prev") {
|
|
29
|
+
return renderJumpItem(/* @__PURE__ */ jsxRuntime.jsx(react.DotsThreeIcon, {}), /* @__PURE__ */ jsxRuntime.jsx(react.CaretDoubleLeftIcon, {}), isSmall);
|
|
30
|
+
}
|
|
31
|
+
if (type === "jump-next") {
|
|
32
|
+
return renderJumpItem(
|
|
33
|
+
/* @__PURE__ */ jsxRuntime.jsx(react.DotsThreeIcon, {}),
|
|
34
|
+
/* @__PURE__ */ jsxRuntime.jsx(react.CaretDoubleRightIcon, {}),
|
|
35
|
+
isSmall
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
return element;
|
|
39
|
+
};
|
|
40
|
+
const paginationSelectComponentClass = (selectProps) => /* @__PURE__ */ jsxRuntime.jsx(antd.Select, { ...selectProps, suffixIcon: /* @__PURE__ */ jsxRuntime.jsx(react.CaretDownIcon, {}) });
|
|
41
|
+
const getPaginationLocale = (isSmall) => ({
|
|
42
|
+
jump_to: `Go to ${isSmall ? ": " : ""}`,
|
|
43
|
+
page: isSmall ? "" : "page"
|
|
44
|
+
});
|
|
45
|
+
const withDesignSystemPaginationOverrides = (pagination, { paginationTextLabels = false, isSmall } = {}) => {
|
|
46
|
+
const small = isSmall ?? pagination.size === "small";
|
|
47
|
+
return {
|
|
48
|
+
...pagination,
|
|
49
|
+
locale: { ...getPaginationLocale(small), ...pagination.locale },
|
|
50
|
+
selectComponentClass: paginationSelectComponentClass,
|
|
51
|
+
itemRender: buildItemRender({
|
|
52
|
+
paginationTextLabels,
|
|
53
|
+
isSmall: small
|
|
54
|
+
})
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
const Pagination = ({ paginationTextLabels = false, ...props }) => {
|
|
58
|
+
const enriched = withDesignSystemPaginationOverrides(props, {
|
|
59
|
+
paginationTextLabels
|
|
60
|
+
});
|
|
61
|
+
return /* @__PURE__ */ jsxRuntime.jsx(antd.Pagination, { ...enriched });
|
|
62
|
+
};
|
|
63
|
+
exports.Pagination = Pagination;
|
|
64
|
+
exports.withDesignSystemPaginationOverrides = withDesignSystemPaginationOverrides;
|
|
65
|
+
//# sourceMappingURL=Pagination.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import {\n Pagination as AntdPagination,\n PaginationProps,\n Select,\n SelectProps,\n Button,\n} from 'antd'\nimport cx from 'classnames'\nimport {\n CaretLeftIcon,\n CaretRightIcon,\n CaretDownIcon,\n DotsThreeIcon,\n CaretDoubleLeftIcon,\n CaretDoubleRightIcon,\n} from '@phosphor-icons/react'\n\nimport s from './Pagination.module.css'\n\ntype Overrides = {\n paginationTextLabels?: boolean\n /** Forces small-size rendering independent of the config's own `size`. */\n isSmall?: boolean\n}\n\ntype Props = Expand<PaginationProps & { paginationTextLabels?: boolean }>\n\nconst renderIconButton = (\n icon: React.ReactNode,\n isSmall: boolean,\n customClassName?: string\n) => (\n <Button\n type=\"link\"\n size={isSmall ? 'small' : 'middle'}\n className={cx(customClassName, isSmall ? '!w-6' : '!w-8')}\n >\n {icon}\n </Button>\n)\n\nconst renderJumpItem = (\n icon: React.ReactNode,\n doubleIcon: React.ReactNode,\n isSmall: boolean\n) => (\n <a className=\"ant-pagination-item-link\">\n <div className=\"ant-pagination-item-container\">\n <span className=\"ant-pagination-item-ellipsis\">\n {renderIconButton(icon, isSmall, s['jump-button'])}\n </span>\n <span className=\"ant-pagination-item-link-icon\">\n {renderIconButton(doubleIcon, isSmall, s['jump-button'])}\n </span>\n </div>\n </a>\n)\n\nconst buildItemRender =\n ({ paginationTextLabels, isSmall }: Required<Overrides>) =>\n (\n _page: number,\n type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next',\n element: React.ReactNode\n ) => {\n if (type === 'prev') {\n return (\n <a>\n {paginationTextLabels\n ? 'Previous'\n : renderIconButton(<CaretLeftIcon />, isSmall)}\n </a>\n )\n }\n if (type === 'next') {\n return (\n <a>\n {paginationTextLabels\n ? 'Next'\n : renderIconButton(<CaretRightIcon />, isSmall)}\n </a>\n )\n }\n if (type === 'jump-prev') {\n return renderJumpItem(<DotsThreeIcon />, <CaretDoubleLeftIcon />, isSmall)\n }\n if (type === 'jump-next') {\n return renderJumpItem(\n <DotsThreeIcon />,\n <CaretDoubleRightIcon />,\n isSmall\n )\n }\n return element\n }\n\nconst paginationSelectComponentClass = (selectProps: SelectProps) => (\n <Select {...selectProps} suffixIcon={<CaretDownIcon />} />\n)\n\nconst getPaginationLocale = (isSmall: boolean) => ({\n jump_to: `Go to\\u00A0${isSmall ? ':\\u00A0\\u00A0\\u00A0' : ''}`,\n page: isSmall ? '' : 'page',\n})\n\n/**\n * Applies design-system overrides (Phosphor icons, locale, custom select\n * chrome) to an antd Pagination config. Used by the standalone\n * {@link Pagination} component, and by `<Table>`'s `pagination` prop so\n * both share identical visuals.\n */\nexport const withDesignSystemPaginationOverrides = (\n pagination: PaginationProps,\n { paginationTextLabels = false, isSmall }: Overrides = {}\n): PaginationProps => {\n const small = isSmall ?? pagination.size === 'small'\n return {\n ...pagination,\n locale: { ...getPaginationLocale(small), ...pagination.locale },\n selectComponentClass: paginationSelectComponentClass,\n itemRender: buildItemRender({\n paginationTextLabels,\n isSmall: small,\n }),\n }\n}\n\nconst Pagination = ({ paginationTextLabels = false, ...props }: Props) => {\n const enriched = withDesignSystemPaginationOverrides(props, {\n paginationTextLabels,\n })\n return <AntdPagination {...enriched} />\n}\n\nexport { Pagination }\n"],"names":["jsx","Button","jsxs","s","CaretLeftIcon","CaretRightIcon","DotsThreeIcon","CaretDoubleLeftIcon","CaretDoubleRightIcon","Select","CaretDownIcon","AntdPagination"],"mappings":";;;;;;;AA2BA,MAAM,mBAAmB,CACvB,MACA,SACA,oBAEAA,2BAAAA;AAAAA,EAACC,KAAAA;AAAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,MAAM,UAAU,UAAU;AAAA,IAC1B,WAAW,GAAG,iBAAiB,UAAU,SAAS,MAAM;AAAA,IAEvD,UAAA;AAAA,EAAA;AACH;AAGF,MAAM,iBAAiB,CACrB,MACA,YACA,YAEAD,2BAAAA,IAAC,KAAA,EAAE,WAAU,4BACX,UAAAE,2BAAAA,KAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,EAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,gCACb,UAAA,iBAAiB,MAAM,SAASG,kBAAE,aAAa,CAAC,EAAA,CACnD;AAAA,EACAH,2BAAAA,IAAC,QAAA,EAAK,WAAU,iCACb,UAAA,iBAAiB,YAAY,SAASG,kBAAE,aAAa,CAAC,EAAA,CACzD;AAAA,EAAA,CACF,EAAA,CACF;AAGF,MAAM,kBACJ,CAAC,EAAE,sBAAsB,cACzB,CACE,OACA,MACA,YACG;AACH,MAAI,SAAS,QAAQ;AACnB,WACEH,2BAAAA,IAAC,OACE,UAAA,uBACG,aACA,iBAAiBA,2BAAAA,IAACI,MAAAA,eAAA,CAAA,CAAc,GAAI,OAAO,EAAA,CACjD;AAAA,EAEJ;AACA,MAAI,SAAS,QAAQ;AACnB,WACEJ,2BAAAA,IAAC,OACE,UAAA,uBACG,SACA,iBAAiBA,2BAAAA,IAACK,MAAAA,gBAAA,CAAA,CAAe,GAAI,OAAO,EAAA,CAClD;AAAA,EAEJ;AACA,MAAI,SAAS,aAAa;AACxB,WAAO,eAAeL,+BAACM,MAAAA,eAAA,CAAA,CAAc,GAAIN,2BAAAA,IAACO,MAAAA,qBAAA,EAAoB,GAAI,OAAO;AAAA,EAC3E;AACA,MAAI,SAAS,aAAa;AACxB,WAAO;AAAA,qCACJD,MAAAA,eAAA,EAAc;AAAA,qCACdE,MAAAA,sBAAA,EAAqB;AAAA,MACtB;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;AAEF,MAAM,iCAAiC,CAAC,gBACtCR,2BAAAA,IAACS,KAAAA,QAAA,EAAQ,GAAG,aAAa,YAAYT,2BAAAA,IAACU,qBAAA,CAAA,CAAc,EAAA,CAAI;AAG1D,MAAM,sBAAsB,CAAC,aAAsB;AAAA,EACjD,SAAS,SAAc,UAAU,SAAwB,EAAE;AAAA,EAC3D,MAAM,UAAU,KAAK;AACvB;AAQO,MAAM,sCAAsC,CACjD,YACA,EAAE,uBAAuB,OAAO,QAAA,IAAuB,OACnC;AACpB,QAAM,QAAQ,WAAW,WAAW,SAAS;AAC7C,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ,EAAE,GAAG,oBAAoB,KAAK,GAAG,GAAG,WAAW,OAAA;AAAA,IACvD,sBAAsB;AAAA,IACtB,YAAY,gBAAgB;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,IAAA,CACV;AAAA,EAAA;AAEL;AAEA,MAAM,aAAa,CAAC,EAAE,uBAAuB,OAAO,GAAG,YAAmB;AACxE,QAAM,WAAW,oCAAoC,OAAO;AAAA,IAC1D;AAAA,EAAA,CACD;AACD,SAAOV,+BAACW,KAAAA,YAAA,EAAgB,GAAG,SAAA,CAAU;AACvC;;;"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Pagination as Pagination$1, Select, Button } from "antd";
|
|
3
|
+
import cx from "classnames";
|
|
4
|
+
import { CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretDoubleLeftIcon, DotsThreeIcon, CaretDoubleRightIcon } from "@phosphor-icons/react";
|
|
5
|
+
import s from "./Pagination.module.css.js";
|
|
6
|
+
const renderIconButton = (icon, isSmall, customClassName) => /* @__PURE__ */ jsx(
|
|
7
|
+
Button,
|
|
8
|
+
{
|
|
9
|
+
type: "link",
|
|
10
|
+
size: isSmall ? "small" : "middle",
|
|
11
|
+
className: cx(customClassName, isSmall ? "!w-6" : "!w-8"),
|
|
12
|
+
children: icon
|
|
13
|
+
}
|
|
14
|
+
);
|
|
15
|
+
const renderJumpItem = (icon, doubleIcon, isSmall) => /* @__PURE__ */ jsx("a", { className: "ant-pagination-item-link", children: /* @__PURE__ */ jsxs("div", { className: "ant-pagination-item-container", children: [
|
|
16
|
+
/* @__PURE__ */ jsx("span", { className: "ant-pagination-item-ellipsis", children: renderIconButton(icon, isSmall, s["jump-button"]) }),
|
|
17
|
+
/* @__PURE__ */ jsx("span", { className: "ant-pagination-item-link-icon", children: renderIconButton(doubleIcon, isSmall, s["jump-button"]) })
|
|
18
|
+
] }) });
|
|
19
|
+
const buildItemRender = ({ paginationTextLabels, isSmall }) => (_page, type, element) => {
|
|
20
|
+
if (type === "prev") {
|
|
21
|
+
return /* @__PURE__ */ jsx("a", { children: paginationTextLabels ? "Previous" : renderIconButton(/* @__PURE__ */ jsx(CaretLeftIcon, {}), isSmall) });
|
|
22
|
+
}
|
|
23
|
+
if (type === "next") {
|
|
24
|
+
return /* @__PURE__ */ jsx("a", { children: paginationTextLabels ? "Next" : renderIconButton(/* @__PURE__ */ jsx(CaretRightIcon, {}), isSmall) });
|
|
25
|
+
}
|
|
26
|
+
if (type === "jump-prev") {
|
|
27
|
+
return renderJumpItem(/* @__PURE__ */ jsx(DotsThreeIcon, {}), /* @__PURE__ */ jsx(CaretDoubleLeftIcon, {}), isSmall);
|
|
28
|
+
}
|
|
29
|
+
if (type === "jump-next") {
|
|
30
|
+
return renderJumpItem(
|
|
31
|
+
/* @__PURE__ */ jsx(DotsThreeIcon, {}),
|
|
32
|
+
/* @__PURE__ */ jsx(CaretDoubleRightIcon, {}),
|
|
33
|
+
isSmall
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
return element;
|
|
37
|
+
};
|
|
38
|
+
const paginationSelectComponentClass = (selectProps) => /* @__PURE__ */ jsx(Select, { ...selectProps, suffixIcon: /* @__PURE__ */ jsx(CaretDownIcon, {}) });
|
|
39
|
+
const getPaginationLocale = (isSmall) => ({
|
|
40
|
+
jump_to: `Go to ${isSmall ? ": " : ""}`,
|
|
41
|
+
page: isSmall ? "" : "page"
|
|
42
|
+
});
|
|
43
|
+
const withDesignSystemPaginationOverrides = (pagination, { paginationTextLabels = false, isSmall } = {}) => {
|
|
44
|
+
const small = isSmall ?? pagination.size === "small";
|
|
45
|
+
return {
|
|
46
|
+
...pagination,
|
|
47
|
+
locale: { ...getPaginationLocale(small), ...pagination.locale },
|
|
48
|
+
selectComponentClass: paginationSelectComponentClass,
|
|
49
|
+
itemRender: buildItemRender({
|
|
50
|
+
paginationTextLabels,
|
|
51
|
+
isSmall: small
|
|
52
|
+
})
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
const Pagination = ({ paginationTextLabels = false, ...props }) => {
|
|
56
|
+
const enriched = withDesignSystemPaginationOverrides(props, {
|
|
57
|
+
paginationTextLabels
|
|
58
|
+
});
|
|
59
|
+
return /* @__PURE__ */ jsx(Pagination$1, { ...enriched });
|
|
60
|
+
};
|
|
61
|
+
export {
|
|
62
|
+
Pagination,
|
|
63
|
+
withDesignSystemPaginationOverrides
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=Pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import {\n Pagination as AntdPagination,\n PaginationProps,\n Select,\n SelectProps,\n Button,\n} from 'antd'\nimport cx from 'classnames'\nimport {\n CaretLeftIcon,\n CaretRightIcon,\n CaretDownIcon,\n DotsThreeIcon,\n CaretDoubleLeftIcon,\n CaretDoubleRightIcon,\n} from '@phosphor-icons/react'\n\nimport s from './Pagination.module.css'\n\ntype Overrides = {\n paginationTextLabels?: boolean\n /** Forces small-size rendering independent of the config's own `size`. */\n isSmall?: boolean\n}\n\ntype Props = Expand<PaginationProps & { paginationTextLabels?: boolean }>\n\nconst renderIconButton = (\n icon: React.ReactNode,\n isSmall: boolean,\n customClassName?: string\n) => (\n <Button\n type=\"link\"\n size={isSmall ? 'small' : 'middle'}\n className={cx(customClassName, isSmall ? '!w-6' : '!w-8')}\n >\n {icon}\n </Button>\n)\n\nconst renderJumpItem = (\n icon: React.ReactNode,\n doubleIcon: React.ReactNode,\n isSmall: boolean\n) => (\n <a className=\"ant-pagination-item-link\">\n <div className=\"ant-pagination-item-container\">\n <span className=\"ant-pagination-item-ellipsis\">\n {renderIconButton(icon, isSmall, s['jump-button'])}\n </span>\n <span className=\"ant-pagination-item-link-icon\">\n {renderIconButton(doubleIcon, isSmall, s['jump-button'])}\n </span>\n </div>\n </a>\n)\n\nconst buildItemRender =\n ({ paginationTextLabels, isSmall }: Required<Overrides>) =>\n (\n _page: number,\n type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next',\n element: React.ReactNode\n ) => {\n if (type === 'prev') {\n return (\n <a>\n {paginationTextLabels\n ? 'Previous'\n : renderIconButton(<CaretLeftIcon />, isSmall)}\n </a>\n )\n }\n if (type === 'next') {\n return (\n <a>\n {paginationTextLabels\n ? 'Next'\n : renderIconButton(<CaretRightIcon />, isSmall)}\n </a>\n )\n }\n if (type === 'jump-prev') {\n return renderJumpItem(<DotsThreeIcon />, <CaretDoubleLeftIcon />, isSmall)\n }\n if (type === 'jump-next') {\n return renderJumpItem(\n <DotsThreeIcon />,\n <CaretDoubleRightIcon />,\n isSmall\n )\n }\n return element\n }\n\nconst paginationSelectComponentClass = (selectProps: SelectProps) => (\n <Select {...selectProps} suffixIcon={<CaretDownIcon />} />\n)\n\nconst getPaginationLocale = (isSmall: boolean) => ({\n jump_to: `Go to\\u00A0${isSmall ? ':\\u00A0\\u00A0\\u00A0' : ''}`,\n page: isSmall ? '' : 'page',\n})\n\n/**\n * Applies design-system overrides (Phosphor icons, locale, custom select\n * chrome) to an antd Pagination config. Used by the standalone\n * {@link Pagination} component, and by `<Table>`'s `pagination` prop so\n * both share identical visuals.\n */\nexport const withDesignSystemPaginationOverrides = (\n pagination: PaginationProps,\n { paginationTextLabels = false, isSmall }: Overrides = {}\n): PaginationProps => {\n const small = isSmall ?? pagination.size === 'small'\n return {\n ...pagination,\n locale: { ...getPaginationLocale(small), ...pagination.locale },\n selectComponentClass: paginationSelectComponentClass,\n itemRender: buildItemRender({\n paginationTextLabels,\n isSmall: small,\n }),\n }\n}\n\nconst Pagination = ({ paginationTextLabels = false, ...props }: Props) => {\n const enriched = withDesignSystemPaginationOverrides(props, {\n paginationTextLabels,\n })\n return <AntdPagination {...enriched} />\n}\n\nexport { Pagination }\n"],"names":["AntdPagination"],"mappings":";;;;;AA2BA,MAAM,mBAAmB,CACvB,MACA,SACA,oBAEA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,MAAM,UAAU,UAAU;AAAA,IAC1B,WAAW,GAAG,iBAAiB,UAAU,SAAS,MAAM;AAAA,IAEvD,UAAA;AAAA,EAAA;AACH;AAGF,MAAM,iBAAiB,CACrB,MACA,YACA,YAEA,oBAAC,KAAA,EAAE,WAAU,4BACX,UAAA,qBAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,EAAA,oBAAC,QAAA,EAAK,WAAU,gCACb,UAAA,iBAAiB,MAAM,SAAS,EAAE,aAAa,CAAC,EAAA,CACnD;AAAA,EACA,oBAAC,QAAA,EAAK,WAAU,iCACb,UAAA,iBAAiB,YAAY,SAAS,EAAE,aAAa,CAAC,EAAA,CACzD;AAAA,EAAA,CACF,EAAA,CACF;AAGF,MAAM,kBACJ,CAAC,EAAE,sBAAsB,cACzB,CACE,OACA,MACA,YACG;AACH,MAAI,SAAS,QAAQ;AACnB,WACE,oBAAC,OACE,UAAA,uBACG,aACA,iBAAiB,oBAAC,eAAA,CAAA,CAAc,GAAI,OAAO,EAAA,CACjD;AAAA,EAEJ;AACA,MAAI,SAAS,QAAQ;AACnB,WACE,oBAAC,OACE,UAAA,uBACG,SACA,iBAAiB,oBAAC,gBAAA,CAAA,CAAe,GAAI,OAAO,EAAA,CAClD;AAAA,EAEJ;AACA,MAAI,SAAS,aAAa;AACxB,WAAO,eAAe,oBAAC,eAAA,CAAA,CAAc,GAAI,oBAAC,qBAAA,EAAoB,GAAI,OAAO;AAAA,EAC3E;AACA,MAAI,SAAS,aAAa;AACxB,WAAO;AAAA,0BACJ,eAAA,EAAc;AAAA,0BACd,sBAAA,EAAqB;AAAA,MACtB;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;AAEF,MAAM,iCAAiC,CAAC,gBACtC,oBAAC,QAAA,EAAQ,GAAG,aAAa,YAAY,oBAAC,eAAA,CAAA,CAAc,EAAA,CAAI;AAG1D,MAAM,sBAAsB,CAAC,aAAsB;AAAA,EACjD,SAAS,SAAc,UAAU,SAAwB,EAAE;AAAA,EAC3D,MAAM,UAAU,KAAK;AACvB;AAQO,MAAM,sCAAsC,CACjD,YACA,EAAE,uBAAuB,OAAO,QAAA,IAAuB,OACnC;AACpB,QAAM,QAAQ,WAAW,WAAW,SAAS;AAC7C,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ,EAAE,GAAG,oBAAoB,KAAK,GAAG,GAAG,WAAW,OAAA;AAAA,IACvD,sBAAsB;AAAA,IACtB,YAAY,gBAAgB;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,IAAA,CACV;AAAA,EAAA;AAEL;AAEA,MAAM,aAAa,CAAC,EAAE,uBAAuB,OAAO,GAAG,YAAmB;AACxE,QAAM,WAAW,oCAAoC,OAAO;AAAA,IAC1D;AAAA,EAAA,CACD;AACD,SAAO,oBAACA,cAAA,EAAgB,GAAG,SAAA,CAAU;AACvC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const antd = require("antd");
|
|
5
|
+
const cx = require("classnames");
|
|
6
|
+
const Popover_module = require("./Popover.module.css.cjs");
|
|
7
|
+
const Popover = ({
|
|
8
|
+
children,
|
|
9
|
+
placement = "top",
|
|
10
|
+
scrollable = false,
|
|
11
|
+
contentPadding = true,
|
|
12
|
+
content,
|
|
13
|
+
smallPadding = false,
|
|
14
|
+
paddingSize,
|
|
15
|
+
arrow = false,
|
|
16
|
+
...props
|
|
17
|
+
}) => {
|
|
18
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
19
|
+
antd.Popover,
|
|
20
|
+
{
|
|
21
|
+
overlayClassName: cx(
|
|
22
|
+
Popover_module.default.j2Popover,
|
|
23
|
+
scrollable && Popover_module.default.scrollable,
|
|
24
|
+
smallPadding && Popover_module.default.smallPadding,
|
|
25
|
+
paddingSize && Popover_module.default[`${paddingSize}Padding`]
|
|
26
|
+
),
|
|
27
|
+
...props,
|
|
28
|
+
placement,
|
|
29
|
+
arrow,
|
|
30
|
+
content: () => {
|
|
31
|
+
if (!contentPadding) {
|
|
32
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { children: typeof content == "function" ? content() : content });
|
|
33
|
+
}
|
|
34
|
+
return typeof content == "function" ? content() : content;
|
|
35
|
+
},
|
|
36
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { children })
|
|
37
|
+
}
|
|
38
|
+
);
|
|
39
|
+
};
|
|
40
|
+
exports.Popover = Popover;
|
|
41
|
+
//# sourceMappingURL=Popover.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.cjs","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import { Popover as AntdPopover, PopoverProps as AntdPopoverProps } from 'antd'\nimport cx from 'classnames'\nimport styles from './Popover.module.css'\n\ntype _Props = AntdPopoverProps & {\n contentPadding?: boolean\n scrollable?: boolean\n /* @deprecated use paddingSize instead */\n smallPadding?: boolean\n /* default padding is large */\n paddingSize?: 'xxs' | 'xs' | 'sm' | 'md' | 'xl'\n}\n\nexport type PopoverProps = Expand<_Props>\n\nconst Popover = ({\n children,\n placement = 'top',\n scrollable = false,\n contentPadding = true,\n content,\n smallPadding = false,\n paddingSize,\n arrow = false,\n ...props\n}: PopoverProps) => {\n return (\n <AntdPopover\n overlayClassName={cx(\n styles.j2Popover,\n scrollable && styles.scrollable,\n smallPadding && styles.smallPadding,\n paddingSize && styles[`${paddingSize}Padding`]\n )}\n {...props}\n placement={placement}\n arrow={arrow}\n content={() => {\n if (!contentPadding) {\n return <div>{typeof content == 'function' ? content() : content}</div>\n }\n\n return typeof content == 'function' ? content() : content\n }}\n >\n <div>{children}</div>\n </AntdPopover>\n )\n}\n\nexport { Popover }\n"],"names":["jsx","AntdPopover","styles"],"mappings":";;;;;;AAeA,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,MAAoB;AAClB,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACC,kBAAkB;AAAA,QAChBC,eAAAA,QAAO;AAAA,QACP,cAAcA,eAAAA,QAAO;AAAA,QACrB,gBAAgBA,eAAAA,QAAO;AAAA,QACvB,eAAeA,eAAAA,QAAO,GAAG,WAAW,SAAS;AAAA,MAAA;AAAA,MAE9C,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS,MAAM;AACb,YAAI,CAAC,gBAAgB;AACnB,gDAAQ,OAAA,EAAK,UAAA,OAAO,WAAW,aAAa,YAAY,SAAQ;AAAA,QAClE;AAEA,eAAO,OAAO,WAAW,aAAa,QAAA,IAAY;AAAA,MACpD;AAAA,MAEA,UAAAF,2BAAAA,IAAC,SAAK,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrB;;"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Popover as Popover$1 } from "antd";
|
|
3
|
+
import cx from "classnames";
|
|
4
|
+
import styles from "./Popover.module.css.js";
|
|
5
|
+
const Popover = ({
|
|
6
|
+
children,
|
|
7
|
+
placement = "top",
|
|
8
|
+
scrollable = false,
|
|
9
|
+
contentPadding = true,
|
|
10
|
+
content,
|
|
11
|
+
smallPadding = false,
|
|
12
|
+
paddingSize,
|
|
13
|
+
arrow = false,
|
|
14
|
+
...props
|
|
15
|
+
}) => {
|
|
16
|
+
return /* @__PURE__ */ jsx(
|
|
17
|
+
Popover$1,
|
|
18
|
+
{
|
|
19
|
+
overlayClassName: cx(
|
|
20
|
+
styles.j2Popover,
|
|
21
|
+
scrollable && styles.scrollable,
|
|
22
|
+
smallPadding && styles.smallPadding,
|
|
23
|
+
paddingSize && styles[`${paddingSize}Padding`]
|
|
24
|
+
),
|
|
25
|
+
...props,
|
|
26
|
+
placement,
|
|
27
|
+
arrow,
|
|
28
|
+
content: () => {
|
|
29
|
+
if (!contentPadding) {
|
|
30
|
+
return /* @__PURE__ */ jsx("div", { children: typeof content == "function" ? content() : content });
|
|
31
|
+
}
|
|
32
|
+
return typeof content == "function" ? content() : content;
|
|
33
|
+
},
|
|
34
|
+
children: /* @__PURE__ */ jsx("div", { children })
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
Popover
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import { Popover as AntdPopover, PopoverProps as AntdPopoverProps } from 'antd'\nimport cx from 'classnames'\nimport styles from './Popover.module.css'\n\ntype _Props = AntdPopoverProps & {\n contentPadding?: boolean\n scrollable?: boolean\n /* @deprecated use paddingSize instead */\n smallPadding?: boolean\n /* default padding is large */\n paddingSize?: 'xxs' | 'xs' | 'sm' | 'md' | 'xl'\n}\n\nexport type PopoverProps = Expand<_Props>\n\nconst Popover = ({\n children,\n placement = 'top',\n scrollable = false,\n contentPadding = true,\n content,\n smallPadding = false,\n paddingSize,\n arrow = false,\n ...props\n}: PopoverProps) => {\n return (\n <AntdPopover\n overlayClassName={cx(\n styles.j2Popover,\n scrollable && styles.scrollable,\n smallPadding && styles.smallPadding,\n paddingSize && styles[`${paddingSize}Padding`]\n )}\n {...props}\n placement={placement}\n arrow={arrow}\n content={() => {\n if (!contentPadding) {\n return <div>{typeof content == 'function' ? content() : content}</div>\n }\n\n return typeof content == 'function' ? content() : content\n }}\n >\n <div>{children}</div>\n </AntdPopover>\n )\n}\n\nexport { Popover }\n"],"names":["AntdPopover"],"mappings":";;;;AAeA,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,MAAoB;AAClB,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,kBAAkB;AAAA,QAChB,OAAO;AAAA,QACP,cAAc,OAAO;AAAA,QACrB,gBAAgB,OAAO;AAAA,QACvB,eAAe,OAAO,GAAG,WAAW,SAAS;AAAA,MAAA;AAAA,MAE9C,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS,MAAM;AACb,YAAI,CAAC,gBAAgB;AACnB,qCAAQ,OAAA,EAAK,UAAA,OAAO,WAAW,aAAa,YAAY,SAAQ;AAAA,QAClE;AAEA,eAAO,OAAO,WAAW,aAAa,QAAA,IAAY;AAAA,MACpD;AAAA,MAEA,UAAA,oBAAC,SAAK,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGrB;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const j2Popover = "_j2Popover_1egkj_1";
|
|
4
|
+
const smallPadding = "_smallPadding_1egkj_6";
|
|
5
|
+
const smPadding = "_smPadding_1egkj_7";
|
|
6
|
+
const xxsPadding = "_xxsPadding_1egkj_11";
|
|
7
|
+
const xsPadding = "_xsPadding_1egkj_15";
|
|
8
|
+
const mdPadding = "_mdPadding_1egkj_19";
|
|
9
|
+
const xlPadding = "_xlPadding_1egkj_23";
|
|
10
|
+
const popoverHeader = "_popoverHeader_1egkj_34";
|
|
11
|
+
const scrollable = "_scrollable_1egkj_40";
|
|
12
|
+
const styles = {
|
|
13
|
+
j2Popover,
|
|
14
|
+
smallPadding,
|
|
15
|
+
smPadding,
|
|
16
|
+
xxsPadding,
|
|
17
|
+
xsPadding,
|
|
18
|
+
mdPadding,
|
|
19
|
+
xlPadding,
|
|
20
|
+
popoverHeader,
|
|
21
|
+
scrollable
|
|
22
|
+
};
|
|
23
|
+
exports.default = styles;
|
|
24
|
+
exports.j2Popover = j2Popover;
|
|
25
|
+
exports.mdPadding = mdPadding;
|
|
26
|
+
exports.popoverHeader = popoverHeader;
|
|
27
|
+
exports.scrollable = scrollable;
|
|
28
|
+
exports.smPadding = smPadding;
|
|
29
|
+
exports.smallPadding = smallPadding;
|
|
30
|
+
exports.xlPadding = xlPadding;
|
|
31
|
+
exports.xsPadding = xsPadding;
|
|
32
|
+
exports.xxsPadding = xxsPadding;
|
|
33
|
+
//# sourceMappingURL=Popover.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
const j2Popover = "_j2Popover_1egkj_1";
|
|
2
|
+
const smallPadding = "_smallPadding_1egkj_6";
|
|
3
|
+
const smPadding = "_smPadding_1egkj_7";
|
|
4
|
+
const xxsPadding = "_xxsPadding_1egkj_11";
|
|
5
|
+
const xsPadding = "_xsPadding_1egkj_15";
|
|
6
|
+
const mdPadding = "_mdPadding_1egkj_19";
|
|
7
|
+
const xlPadding = "_xlPadding_1egkj_23";
|
|
8
|
+
const popoverHeader = "_popoverHeader_1egkj_34";
|
|
9
|
+
const scrollable = "_scrollable_1egkj_40";
|
|
10
|
+
const styles = {
|
|
11
|
+
j2Popover,
|
|
12
|
+
smallPadding,
|
|
13
|
+
smPadding,
|
|
14
|
+
xxsPadding,
|
|
15
|
+
xsPadding,
|
|
16
|
+
mdPadding,
|
|
17
|
+
xlPadding,
|
|
18
|
+
popoverHeader,
|
|
19
|
+
scrollable
|
|
20
|
+
};
|
|
21
|
+
export {
|
|
22
|
+
styles as default,
|
|
23
|
+
j2Popover,
|
|
24
|
+
mdPadding,
|
|
25
|
+
popoverHeader,
|
|
26
|
+
scrollable,
|
|
27
|
+
smPadding,
|
|
28
|
+
smallPadding,
|
|
29
|
+
xlPadding,
|
|
30
|
+
xsPadding,
|
|
31
|
+
xxsPadding
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=Popover.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const antd = require("antd");
|
|
5
|
+
const Progress = ({ ...props }) => {
|
|
6
|
+
return /* @__PURE__ */ jsxRuntime.jsx(antd.Progress, { ...props });
|
|
7
|
+
};
|
|
8
|
+
exports.Progress = Progress;
|
|
9
|
+
//# sourceMappingURL=Progress.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.cjs","sources":["../../../../src/components/progress/Progress.tsx"],"sourcesContent":["import { Progress as AntdProgress, ProgressProps } from 'antd'\n\nconst Progress = ({ ...props }: ProgressProps) => {\n return <AntdProgress {...props} />\n}\n\nexport { Progress }\n"],"names":["jsx","AntdProgress"],"mappings":";;;;AAEA,MAAM,WAAW,CAAC,EAAE,GAAG,YAA2B;AAChD,SAAOA,+BAACC,KAAAA,UAAA,EAAc,GAAG,MAAA,CAAO;AAClC;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.js","sources":["../../../../src/components/progress/Progress.tsx"],"sourcesContent":["import { Progress as AntdProgress, ProgressProps } from 'antd'\n\nconst Progress = ({ ...props }: ProgressProps) => {\n return <AntdProgress {...props} />\n}\n\nexport { Progress }\n"],"names":["AntdProgress"],"mappings":";;AAEA,MAAM,WAAW,CAAC,EAAE,GAAG,YAA2B;AAChD,SAAO,oBAACA,YAAA,EAAc,GAAG,MAAA,CAAO;AAClC;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const antd = require("antd");
|
|
5
|
+
const Radio = (props) => {
|
|
6
|
+
return /* @__PURE__ */ jsxRuntime.jsx(antd.Radio, { ...props });
|
|
7
|
+
};
|
|
8
|
+
const RadioGroup = ({
|
|
9
|
+
buttonStyle = "solid",
|
|
10
|
+
optionType = "button",
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
14
|
+
antd.Radio.Group,
|
|
15
|
+
{
|
|
16
|
+
...props,
|
|
17
|
+
buttonStyle,
|
|
18
|
+
optionType
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
};
|
|
22
|
+
exports.Radio = Radio;
|
|
23
|
+
exports.RadioGroup = RadioGroup;
|
|
24
|
+
//# sourceMappingURL=Radio.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.cjs","sources":["../../../../src/components/radio/Radio.tsx"],"sourcesContent":["import {\n Radio as AntdRadio,\n RadioProps as AntdRadioProps,\n RadioGroupProps as AntdRadioGroupProps,\n} from 'antd'\n\ntype RadioProps = Expand<AntdRadioProps>\n\ntype FullRadioGroupProps = AntdRadioGroupProps & {\n buttonStyle?: 'solid' | 'outline'\n optionType?: 'default' | 'button'\n}\ntype RadioGroupProps = Expand<FullRadioGroupProps>\n\nconst Radio = (props: RadioProps) => {\n return <AntdRadio {...props} />\n}\n\nconst RadioGroup = ({\n buttonStyle = 'solid',\n optionType = 'button',\n ...props\n}: RadioGroupProps) => {\n return (\n <AntdRadio.Group\n {...props}\n buttonStyle={buttonStyle}\n optionType={optionType}\n />\n )\n}\n\nexport { Radio, RadioGroup }\n"],"names":["jsx","AntdRadio"],"mappings":";;;;AAcA,MAAM,QAAQ,CAAC,UAAsB;AACnC,SAAOA,+BAACC,KAAAA,OAAA,EAAW,GAAG,MAAA,CAAO;AAC/B;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,GAAG;AACL,MAAuB;AACrB,SACED,2BAAAA;AAAAA,IAACC,KAAAA,MAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;;;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Radio as Radio$1 } from "antd";
|
|
3
|
+
const Radio = (props) => {
|
|
4
|
+
return /* @__PURE__ */ jsx(Radio$1, { ...props });
|
|
5
|
+
};
|
|
6
|
+
const RadioGroup = ({
|
|
7
|
+
buttonStyle = "solid",
|
|
8
|
+
optionType = "button",
|
|
9
|
+
...props
|
|
10
|
+
}) => {
|
|
11
|
+
return /* @__PURE__ */ jsx(
|
|
12
|
+
Radio$1.Group,
|
|
13
|
+
{
|
|
14
|
+
...props,
|
|
15
|
+
buttonStyle,
|
|
16
|
+
optionType
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
Radio,
|
|
22
|
+
RadioGroup
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":["../../../../src/components/radio/Radio.tsx"],"sourcesContent":["import {\n Radio as AntdRadio,\n RadioProps as AntdRadioProps,\n RadioGroupProps as AntdRadioGroupProps,\n} from 'antd'\n\ntype RadioProps = Expand<AntdRadioProps>\n\ntype FullRadioGroupProps = AntdRadioGroupProps & {\n buttonStyle?: 'solid' | 'outline'\n optionType?: 'default' | 'button'\n}\ntype RadioGroupProps = Expand<FullRadioGroupProps>\n\nconst Radio = (props: RadioProps) => {\n return <AntdRadio {...props} />\n}\n\nconst RadioGroup = ({\n buttonStyle = 'solid',\n optionType = 'button',\n ...props\n}: RadioGroupProps) => {\n return (\n <AntdRadio.Group\n {...props}\n buttonStyle={buttonStyle}\n optionType={optionType}\n />\n )\n}\n\nexport { Radio, RadioGroup }\n"],"names":["AntdRadio"],"mappings":";;AAcA,MAAM,QAAQ,CAAC,UAAsB;AACnC,SAAO,oBAACA,SAAA,EAAW,GAAG,MAAA,CAAO;AAC/B;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,GAAG;AACL,MAAuB;AACrB,SACE;AAAA,IAACA,QAAU;AAAA,IAAV;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const react = require("@phosphor-icons/react");
|
|
5
|
+
const antd = require("antd");
|
|
6
|
+
;/* empty css */
|
|
7
|
+
const Rate = ({ count = 5, ...props }) => {
|
|
8
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
9
|
+
antd.Rate,
|
|
10
|
+
{
|
|
11
|
+
...props,
|
|
12
|
+
className: "j2-rate",
|
|
13
|
+
count,
|
|
14
|
+
disabled: true,
|
|
15
|
+
allowHalf: true,
|
|
16
|
+
allowClear: true,
|
|
17
|
+
character: /* @__PURE__ */ jsxRuntime.jsx(react.StarIcon, { weight: "fill" })
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
};
|
|
21
|
+
exports.Rate = Rate;
|
|
22
|
+
//# sourceMappingURL=Rate.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Rate.cjs","sources":["../../../../src/components/rate/Rate.tsx"],"sourcesContent":["import { StarIcon } from '@phosphor-icons/react'\nimport { Rate as AntdRate, RateProps } from 'antd'\nimport './Rate.css'\n\nexport type Props = Expand<RateProps>\n\nexport const Rate = ({ count = 5, ...props }: Props) => {\n return (\n <AntdRate\n {...props}\n className=\"j2-rate\"\n count={count}\n disabled={true}\n allowHalf={true}\n allowClear={true}\n character={<StarIcon weight=\"fill\" />}\n />\n )\n}\n"],"names":["jsx","AntdRate","StarIcon"],"mappings":";;;;;;AAMO,MAAM,OAAO,CAAC,EAAE,QAAQ,GAAG,GAAG,YAAmB;AACtD,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAWD,2BAAAA,IAACE,MAAAA,UAAA,EAAS,QAAO,OAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzC;;"}
|