norma-library 0.5.80 → 0.5.122
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/.babelrc.json +18 -18
- package/.prettierignore +10 -10
- package/.prettierrc.json +20 -20
- package/.storybook/main.ts +20 -20
- package/.storybook/preview.ts +15 -15
- package/README.md +43 -43
- package/commitlint.config.js +1 -1
- package/dist/esm/components/Box/index.d.ts +4 -0
- package/dist/esm/components/Box/index.js +8 -0
- package/dist/esm/components/Box/index.js.map +1 -0
- package/dist/esm/components/Box/interfaces.d.ts +5 -0
- package/dist/esm/components/Box/interfaces.js +2 -0
- package/dist/esm/components/Box/interfaces.js.map +1 -0
- package/dist/esm/components/Box/styles.d.ts +3 -0
- package/dist/esm/components/Box/styles.js +17 -0
- package/dist/esm/components/Box/styles.js.map +1 -0
- package/dist/esm/components/Breadcrumb/index.d.ts +4 -0
- package/dist/esm/components/Breadcrumb/index.js +18 -0
- package/dist/esm/components/Breadcrumb/index.js.map +1 -0
- package/dist/esm/components/Breadcrumb/interface.d.ts +8 -0
- package/dist/esm/components/Breadcrumb/interface.js +2 -0
- package/dist/esm/components/Breadcrumb/interface.js.map +1 -0
- package/dist/esm/components/Breadcrumb/styles.d.ts +5 -0
- package/dist/esm/components/Breadcrumb/styles.js +8 -0
- package/dist/esm/components/Breadcrumb/styles.js.map +1 -0
- package/dist/esm/components/Card.d.ts +2 -2
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.js +4 -3
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.js.map +1 -1
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.d.ts +1 -1
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.js +1 -1
- package/dist/esm/components/DateInput/index.d.ts +4 -0
- package/dist/esm/components/DateInput/index.js +15 -0
- package/dist/esm/components/DateInput/index.js.map +1 -0
- package/dist/esm/components/DateInput/interface.d.ts +12 -0
- package/dist/esm/components/DateInput/interface.js +2 -0
- package/dist/esm/components/DateInput/interface.js.map +1 -0
- package/dist/esm/components/DateInput/styles.d.ts +5 -0
- package/dist/esm/components/DateInput/styles.js +7 -0
- package/dist/esm/components/DateInput/styles.js.map +1 -0
- package/dist/esm/components/Icons.js.map +1 -1
- package/dist/esm/components/Modal.d.ts +1 -1
- package/dist/esm/components/Modal.js +8 -4
- package/dist/esm/components/Modal.js.map +1 -1
- package/dist/esm/components/MultiSelectInput/components/MultiValue/index.d.ts +3 -0
- package/dist/esm/components/MultiSelectInput/components/MultiValue/index.js +30 -0
- package/dist/esm/components/MultiSelectInput/components/MultiValue/index.js.map +1 -0
- package/dist/esm/components/MultiSelectInput/components/Option/index.d.ts +3 -0
- package/dist/esm/components/MultiSelectInput/components/Option/index.js +36 -0
- package/dist/esm/components/MultiSelectInput/components/Option/index.js.map +1 -0
- package/dist/esm/components/MultiSelectInput/components/Option/styles.d.ts +2 -0
- package/dist/esm/components/MultiSelectInput/components/Option/styles.js +5 -0
- package/dist/esm/components/MultiSelectInput/components/Option/styles.js.map +1 -0
- package/dist/esm/components/MultiSelectInput/index.d.ts +4 -0
- package/dist/esm/components/MultiSelectInput/index.js +33 -0
- package/dist/esm/components/MultiSelectInput/index.js.map +1 -0
- package/dist/esm/components/MultiSelectInput/interfaces.d.ts +15 -0
- package/dist/esm/components/MultiSelectInput/interfaces.js +2 -0
- package/dist/esm/components/MultiSelectInput/interfaces.js.map +1 -0
- package/dist/esm/components/MultiSelectInput/styles.d.ts +3 -0
- package/dist/esm/components/MultiSelectInput/styles.js +6 -0
- package/dist/esm/components/MultiSelectInput/styles.js.map +1 -0
- package/dist/esm/components/ProgressBar.d.ts +1 -1
- package/dist/esm/components/ProgressBar.js +3 -3
- package/dist/esm/components/ProgressBar.js.map +1 -1
- package/dist/esm/components/SelectInput/components/Option/index.d.ts +3 -0
- package/dist/esm/components/SelectInput/components/Option/index.js +34 -0
- package/dist/esm/components/SelectInput/components/Option/index.js.map +1 -0
- package/dist/esm/components/SelectInput/components/Option/styles.d.ts +2 -0
- package/dist/esm/components/SelectInput/components/Option/styles.js +5 -0
- package/dist/esm/components/SelectInput/components/Option/styles.js.map +1 -0
- package/dist/esm/components/SelectInput/index.d.ts +4 -0
- package/dist/esm/components/SelectInput/index.js +19 -0
- package/dist/esm/components/SelectInput/index.js.map +1 -0
- package/dist/esm/components/SelectInput/interfaces.d.ts +15 -0
- package/dist/esm/components/SelectInput/interfaces.js +2 -0
- package/dist/esm/components/SelectInput/interfaces.js.map +1 -0
- package/dist/esm/components/SelectInput/styles.d.ts +3 -0
- package/dist/esm/components/SelectInput/styles.js +6 -0
- package/dist/esm/components/SelectInput/styles.js.map +1 -0
- package/dist/esm/components/Table/components/header/index.d.ts +3 -0
- package/dist/esm/components/Table/components/header/index.js +47 -0
- package/dist/esm/components/Table/components/header/index.js.map +1 -0
- package/dist/esm/components/Table/components/header/styles.d.ts +9 -0
- package/dist/esm/components/Table/components/header/styles.js +12 -0
- package/dist/esm/components/Table/components/header/styles.js.map +1 -0
- package/dist/esm/components/Table/components/index.d.ts +4 -0
- package/dist/esm/components/Table/components/index.js +5 -0
- package/dist/esm/components/Table/components/index.js.map +1 -0
- package/dist/esm/components/Table/components/pagination/index.d.ts +3 -0
- package/dist/esm/components/Table/components/pagination/index.js +26 -0
- package/dist/esm/components/Table/components/pagination/index.js.map +1 -0
- package/dist/esm/components/Table/components/pagination/styles.d.ts +2 -0
- package/dist/esm/components/Table/components/pagination/styles.js +5 -0
- package/dist/esm/components/Table/components/pagination/styles.js.map +1 -0
- package/dist/esm/components/Table/components/tbody/index.d.ts +3 -0
- package/dist/esm/components/Table/components/tbody/index.js +15 -0
- package/dist/esm/components/Table/components/tbody/index.js.map +1 -0
- package/dist/esm/components/Table/components/tbody/styles.d.ts +1 -0
- package/dist/esm/components/Table/components/tbody/styles.js +5 -0
- package/dist/esm/components/Table/components/tbody/styles.js.map +1 -0
- package/dist/esm/components/Table/index.d.ts +4 -0
- package/dist/esm/components/Table/index.js +227 -0
- package/dist/esm/components/Table/index.js.map +1 -0
- package/dist/esm/components/Table/interface.d.ts +26 -0
- package/dist/esm/components/Table/interface.js +2 -0
- package/dist/esm/components/Table/interface.js.map +1 -0
- package/dist/esm/components/Table/styles.d.ts +11 -0
- package/dist/esm/components/Table/styles.js +14 -0
- package/dist/esm/components/Table/styles.js.map +1 -0
- package/dist/esm/components/TextInput/index.d.ts +4 -0
- package/dist/esm/components/TextInput/index.js +16 -0
- package/dist/esm/components/TextInput/index.js.map +1 -0
- package/dist/esm/components/TextInput/interface.d.ts +10 -0
- package/dist/esm/components/TextInput/interface.js +2 -0
- package/dist/esm/components/TextInput/interface.js.map +1 -0
- package/dist/esm/components/TextInput/styles.d.ts +4 -0
- package/dist/esm/components/TextInput/styles.js +7 -0
- package/dist/esm/components/TextInput/styles.js.map +1 -0
- package/dist/esm/components/Typography/Text/index.d.ts +4 -0
- package/dist/esm/components/Typography/Text/index.js +8 -0
- package/dist/esm/components/Typography/Text/index.js.map +1 -0
- package/dist/esm/components/Typography/Text/interfaces.d.ts +7 -0
- package/dist/esm/components/Typography/Text/interfaces.js +2 -0
- package/dist/esm/components/Typography/Text/interfaces.js.map +1 -0
- package/dist/esm/components/Typography/Text/styles.d.ts +3 -0
- package/dist/esm/components/Typography/Text/styles.js +35 -0
- package/dist/esm/components/Typography/Text/styles.js.map +1 -0
- package/dist/esm/components/Typography/Title/index.d.ts +4 -0
- package/dist/esm/components/Typography/Title/index.js +8 -0
- package/dist/esm/components/Typography/Title/index.js.map +1 -0
- package/dist/esm/components/Typography/Title/interfaces.d.ts +8 -0
- package/dist/esm/components/Typography/Title/interfaces.js +2 -0
- package/dist/esm/components/Typography/Title/interfaces.js.map +1 -0
- package/dist/esm/components/Typography/Title/styles.d.ts +3 -0
- package/dist/esm/components/Typography/Title/styles.js +35 -0
- package/dist/esm/components/Typography/Title/styles.js.map +1 -0
- package/dist/esm/components/Typography/index.d.ts +3 -0
- package/dist/esm/components/Typography/index.js +4 -0
- package/dist/esm/components/Typography/index.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/header/index.d.ts +3 -0
- package/dist/esm/components/UncontrolledTable/components/header/index.js +25 -0
- package/dist/esm/components/UncontrolledTable/components/header/index.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts +9 -0
- package/dist/esm/components/UncontrolledTable/components/header/styles.js +12 -0
- package/dist/esm/components/UncontrolledTable/components/header/styles.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/index.d.ts +4 -0
- package/dist/esm/components/UncontrolledTable/components/index.js +5 -0
- package/dist/esm/components/UncontrolledTable/components/index.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/index.d.ts +11 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/index.js +18 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/index.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/styles.d.ts +2 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/styles.js +5 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/styles.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/tbody/index.d.ts +3 -0
- package/dist/esm/components/UncontrolledTable/components/tbody/index.js +15 -0
- package/dist/esm/components/UncontrolledTable/components/tbody/index.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.d.ts +1 -0
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.js +5 -0
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/index.d.ts +4 -0
- package/dist/esm/components/UncontrolledTable/index.js +87 -0
- package/dist/esm/components/UncontrolledTable/index.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/interface.d.ts +38 -0
- package/dist/esm/components/UncontrolledTable/interface.js +2 -0
- package/dist/esm/components/UncontrolledTable/interface.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/styles.d.ts +11 -0
- package/dist/esm/components/UncontrolledTable/styles.js +14 -0
- package/dist/esm/components/UncontrolledTable/styles.js.map +1 -0
- package/dist/esm/components/index.d.ts +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/helpers/alignments.js.map +1 -1
- package/dist/esm/helpers/borders.js.map +1 -1
- package/dist/esm/helpers/colors.js.map +1 -1
- package/dist/esm/helpers/radios.js.map +1 -1
- package/dist/esm/helpers/sizes.js.map +1 -1
- package/dist/esm/index.d.ts +11 -2
- package/dist/esm/index.js +11 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/interfaces/ChatMessageBalloon.d.ts +1 -0
- package/dist/esm/interfaces/Modal.d.ts +2 -1
- package/dist/esm/interfaces/ProgressBar.d.ts +1 -0
- package/dist/esm/interfaces/Select.d.ts +1 -1
- package/dist/esm/interfaces/index.d.ts +0 -1
- package/dist/esm/interfaces/index.js +0 -1
- package/dist/esm/interfaces/index.js.map +1 -1
- package/dist/esm/types/index.d.ts +1 -0
- package/docs/index.md +118 -118
- package/package.json +136 -136
- package/src/components/Accordion.tsx +39 -39
- package/src/components/Avatar.tsx +17 -17
- package/src/components/Badge.tsx +14 -14
- package/src/components/Box/index.tsx +13 -0
- package/src/components/Box/interfaces.ts +4 -0
- package/src/components/Box/styles.tsx +23 -0
- package/src/components/Breadcrumb/index.tsx +27 -0
- package/src/components/Breadcrumb/interface.ts +9 -0
- package/src/components/Breadcrumb/styles.tsx +33 -0
- package/src/components/Button.tsx +26 -26
- package/src/components/Card.tsx +37 -37
- package/src/components/ChatMessage.tsx +87 -87
- package/src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts +56 -56
- package/src/components/ChatMessageBalloon/ChatMessageBalloon.tsx +55 -53
- package/src/components/CheckBox.tsx +21 -21
- package/src/components/DateInput/index.tsx +35 -0
- package/src/components/DateInput/interface.ts +14 -0
- package/src/components/DateInput/styles.tsx +28 -0
- package/src/components/DatePicker.tsx +67 -67
- package/src/components/DropDown.tsx +24 -24
- package/src/components/IconButton.tsx +37 -37
- package/src/components/Icons.tsx +82 -82
- package/src/components/Modal.tsx +113 -113
- package/src/components/MultiSelectInput/components/MultiValue/index.tsx +44 -0
- package/src/components/MultiSelectInput/components/Option/index.tsx +63 -0
- package/src/components/MultiSelectInput/components/Option/styles.tsx +9 -0
- package/src/components/MultiSelectInput/index.tsx +61 -0
- package/src/components/MultiSelectInput/interfaces.ts +16 -0
- package/src/components/MultiSelectInput/styles.tsx +44 -0
- package/src/components/Paper.tsx +12 -12
- package/src/components/ProgressBar.tsx +51 -47
- package/src/components/RadioGroup.tsx +40 -40
- package/src/components/RangerSlider.tsx +65 -65
- package/src/components/Select.tsx +74 -74
- package/src/components/SelectInput/components/Option/index.tsx +62 -0
- package/src/components/SelectInput/components/Option/styles.tsx +9 -0
- package/src/components/SelectInput/index.tsx +46 -0
- package/src/components/SelectInput/interfaces.ts +16 -0
- package/src/components/SelectInput/styles.tsx +32 -0
- package/src/components/Svgs.tsx +506 -506
- package/src/components/Table/components/header/index.tsx +87 -0
- package/src/components/Table/components/header/styles.tsx +60 -0
- package/src/components/Table/components/index.tsx +9 -0
- package/src/components/Table/components/pagination/index.tsx +40 -0
- package/src/components/Table/components/pagination/styles.tsx +29 -0
- package/src/components/Table/components/tbody/index.tsx +31 -0
- package/src/components/Table/components/tbody/styles.tsx +5 -0
- package/src/components/Table/index.tsx +318 -0
- package/src/components/Table/interface.ts +24 -0
- package/src/components/Table/styles.tsx +118 -0
- package/src/components/Tabs.tsx +106 -106
- package/src/components/Tag.tsx +33 -33
- package/src/components/TextField.tsx +19 -19
- package/src/components/TextInput/index.tsx +38 -0
- package/src/components/TextInput/interface.ts +10 -0
- package/src/components/TextInput/styles.tsx +24 -0
- package/src/components/TimeLine.tsx +89 -89
- package/src/components/TimePicker.tsx +78 -78
- package/src/components/Typography/Text/index.tsx +21 -0
- package/src/components/Typography/Text/interfaces.ts +6 -0
- package/src/components/Typography/Text/styles.tsx +41 -0
- package/src/components/Typography/Title/index.tsx +23 -0
- package/src/components/Typography/Title/interfaces.ts +7 -0
- package/src/components/Typography/Title/styles.tsx +41 -0
- package/src/components/Typography/index.tsx +7 -0
- package/src/components/UncontrolledTable/components/header/index.tsx +63 -0
- package/src/components/UncontrolledTable/components/header/styles.tsx +59 -0
- package/src/components/UncontrolledTable/components/index.tsx +9 -0
- package/src/components/UncontrolledTable/components/pagination/index.tsx +43 -0
- package/src/components/UncontrolledTable/components/pagination/styles.tsx +29 -0
- package/src/components/UncontrolledTable/components/tbody/index.tsx +31 -0
- package/src/components/UncontrolledTable/components/tbody/styles.tsx +5 -0
- package/src/components/UncontrolledTable/index.tsx +225 -0
- package/src/components/UncontrolledTable/interface.ts +41 -0
- package/src/components/UncontrolledTable/styles.tsx +120 -0
- package/src/components/index.ts +24 -24
- package/src/helpers/alignments.ts +14 -14
- package/src/helpers/borders.ts +18 -18
- package/src/helpers/colors.ts +206 -206
- package/src/helpers/index.ts +5 -5
- package/src/helpers/radios.ts +24 -24
- package/src/helpers/sizes.ts +72 -72
- package/src/index.css +0 -2
- package/src/index.ts +64 -44
- package/src/interfaces/Accordion.ts +12 -12
- package/src/interfaces/Avatar.tsx +15 -15
- package/src/interfaces/Badge.ts +19 -19
- package/src/interfaces/Button.ts +22 -22
- package/src/interfaces/Card.ts +11 -11
- package/src/interfaces/ChatMessage.ts +12 -12
- package/src/interfaces/ChatMessageBalloon.ts +17 -16
- package/src/interfaces/CheckBox.ts +27 -27
- package/src/interfaces/DatePicker.ts +13 -13
- package/src/interfaces/DropDown.ts +14 -14
- package/src/interfaces/IconButton.ts +22 -22
- package/src/interfaces/Icons.ts +17 -17
- package/src/interfaces/Modal.ts +16 -15
- package/src/interfaces/Paper.ts +12 -12
- package/src/interfaces/ProgressBar.ts +19 -18
- package/src/interfaces/RadioGroup.ts +22 -22
- package/src/interfaces/RangerSlider.ts +21 -21
- package/src/interfaces/Select.ts +17 -17
- package/src/interfaces/Tabs.ts +19 -19
- package/src/interfaces/Tag.ts +17 -17
- package/src/interfaces/TextField.ts +44 -44
- package/src/interfaces/TimeLine.ts +11 -11
- package/src/interfaces/TimePicker.ts +13 -13
- package/src/interfaces/index.ts +23 -24
- package/src/providers/NormaProvider.tsx +13 -13
- package/src/sample-data-2.json +178 -178
- package/src/sample-data.json +177 -178
- package/src/stories/Accordion.stories.tsx +65 -65
- package/src/stories/Avatar.stories.tsx +123 -123
- package/src/stories/Badge.stories.tsx +39 -39
- package/src/stories/Box.stories.tsx +36 -0
- package/src/stories/Breadcrumb.stories.tsx +45 -0
- package/src/stories/Button.stories.tsx +93 -93
- package/src/stories/Card.stories.tsx +39 -39
- package/src/stories/ChatMessage.stories.tsx +84 -84
- package/src/stories/ChatMessageBalloon.stories.tsx +108 -64
- package/src/stories/CheckBox.stories.tsx +88 -88
- package/src/stories/DateInput.stories.tsx +52 -0
- package/src/stories/DatePicker.stories.tsx +50 -50
- package/src/stories/DropDown.stories.tsx +57 -57
- package/src/stories/IconButton.stories.tsx +78 -78
- package/src/stories/Modal.stories.tsx +195 -190
- package/src/stories/MultiSelectInput.stories.tsx +91 -0
- package/src/stories/Paper.stories.tsx +53 -53
- package/src/stories/ProgressBar.stories.tsx +95 -95
- package/src/stories/RadioGroup.stories.tsx +87 -87
- package/src/stories/RangerSlider.stories.tsx +58 -58
- package/src/stories/Select.stories.tsx +100 -100
- package/src/stories/SelectInput.stories.tsx +79 -0
- package/src/stories/Table.stories.tsx +373 -0
- package/src/stories/Tabs.stories.tsx +62 -62
- package/src/stories/Tag.stories.tsx +56 -56
- package/src/stories/Text.stories.tsx +38 -0
- package/src/stories/TextField.stories.tsx +310 -310
- package/src/stories/TextInput.stories.tsx +53 -0
- package/src/stories/TimeLine.stories.tsx +35 -35
- package/src/stories/TimePicker.stories.tsx +87 -87
- package/src/stories/Title.stories.tsx +44 -0
- package/src/stories/UncontrolledTable.stories.tsx +337 -0
- package/src/styles/custom.css +1 -0
- package/src/styles/{globals.css → globals.scss} +18 -21
- package/src/types/index.ts +204 -203
- package/tsconfig.json +1 -1
- package/vite.config.ts +15 -0
- package/.husky/commit-msg +0 -4
- package/dist/Button/index.d.ts +0 -9
- package/dist/Button/types.d.ts +0 -18
- package/dist/Card/Card.d.ts +0 -3
- package/dist/Card/CardHeader.d.ts +0 -3
- package/dist/Card/index.d.ts +0 -4
- package/dist/Card/styles.d.ts +0 -546
- package/dist/Card/types.d.ts +0 -8
- package/dist/esm/components/DataGrid/base/dropdown.d.ts +0 -4
- package/dist/esm/components/DataGrid/base/dropdown.js +0 -126
- package/dist/esm/components/DataGrid/base/dropdown.js.map +0 -1
- package/dist/esm/components/DataGrid/base/number-filter.d.ts +0 -4
- package/dist/esm/components/DataGrid/base/number-filter.js +0 -30
- package/dist/esm/components/DataGrid/base/number-filter.js.map +0 -1
- package/dist/esm/components/DataGrid/base/sorting.d.ts +0 -5
- package/dist/esm/components/DataGrid/base/sorting.js +0 -15
- package/dist/esm/components/DataGrid/base/sorting.js.map +0 -1
- package/dist/esm/components/DataGrid/icons.d.ts +0 -4
- package/dist/esm/components/DataGrid/icons.js +0 -15
- package/dist/esm/components/DataGrid/icons.js.map +0 -1
- package/dist/esm/components/DataGrid/index.d.ts +0 -5
- package/dist/esm/components/DataGrid/index.js +0 -146
- package/dist/esm/components/DataGrid/index.js.map +0 -1
- package/dist/esm/components/DataGrid/shared.d.ts +0 -20
- package/dist/esm/components/DataGrid/shared.js +0 -128
- package/dist/esm/components/DataGrid/shared.js.map +0 -1
- package/dist/esm/components/DataGrid/styled.d.ts +0 -11
- package/dist/esm/components/DataGrid/styled.js +0 -86
- package/dist/esm/components/DataGrid/styled.js.map +0 -1
- package/dist/esm/interfaces/DataGrid.d.ts +0 -42
- package/dist/esm/interfaces/DataGrid.js +0 -2
- package/dist/esm/interfaces/DataGrid.js.map +0 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.es.js +0 -6992
- package/dist/index.es.js.map +0 -1
- package/dist/index.umd.js +0 -266
- package/dist/index.umd.js.map +0 -1
- package/dist/vite.svg +0 -1
- package/src/components/DataGrid/allData.json +0 -2918
- package/src/components/DataGrid/base/dropdown.tsx +0 -212
- package/src/components/DataGrid/base/number-filter.tsx +0 -43
- package/src/components/DataGrid/base/sorting.tsx +0 -29
- package/src/components/DataGrid/icons.tsx +0 -53
- package/src/components/DataGrid/index.tsx +0 -259
- package/src/components/DataGrid/shared.ts +0 -154
- package/src/components/DataGrid/styled.ts +0 -107
- package/src/components/DataGrid/styles/dropdown.module.css +0 -86
- package/src/components/DataGrid/styles/number-filter.module.css +0 -16
- package/src/components/DataGrid/styles/styles.module.css +0 -107
- package/src/interfaces/DataGrid.ts +0 -47
- package/src/stories/DataGrid.stories.tsx +0 -31
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,sRAAA,mNAUvC,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,uXAAA,oTAcpC,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,wOAAA,qKAQpC,IAAA,CAAC;AAEF,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAC,oHAAA,iDAG/C,IAAA,CAAC;AAEF,MAAM,UAAU,KAAK;IACnB,OAAO,CACL,6BACE,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,IAAI;QAEV,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+LAA+L,GACjM,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,EAAwD;;IAAtD,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAK,KAAK,cAAtC,kCAAwC,CAAF;IAC1D,OAAO,CACL,oBAAC,WAAW,aAAC,IAAI,UAAK,KAAK;QACzB,oBAAC,kBAAkB,eAAK,UAAU;YAC/B,KAAK,CAAC,KAAK,IAAI,CACd,oBAAC,iBAAiB;gBAChB,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,IAAE,KAAK,CAAC,KAAK,CAAc;gBACnD,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,SAAS,EAChB,EAAE,EAAE,EAAC,OAAO,EAAE,GAAG,EAAC;oBAElB,oBAAC,KAAK,OAAG,CACE,CACK,CACrB;YACD,oBAAC,4BAA4B,QAC1B,QAAQ,CACoB;YAC9B,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM,CAAA,IAAK,CAC1B,oBAAC,iBAAiB,QACf,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,EAA8C,EAAE,GAAG;gBAAlD,IAAA,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAK,IAAI,cAA7C,+CAA8C,CAAD;gBAAW,OAAA,CACzE,oBAAC,MAAM,aACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,IAAI,IACN,IAAI,GAEP,KAAK,CACC,CACV,CAAA;aAAA,CAAC,CACgB,CACrB,CACkB,CACT,CACf,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { components } from "react-select";
|
|
4
|
+
var MoreSelectedBadge = function (_a) {
|
|
5
|
+
var items = _a.items;
|
|
6
|
+
var style = {
|
|
7
|
+
marginLeft: "auto",
|
|
8
|
+
background: "#F8F9FA",
|
|
9
|
+
color: "#666666",
|
|
10
|
+
borderRadius: "4px",
|
|
11
|
+
fontFamily: "Open Sans",
|
|
12
|
+
fontSize: "11px",
|
|
13
|
+
padding: "3px",
|
|
14
|
+
order: 99
|
|
15
|
+
};
|
|
16
|
+
var title = items.join(", ");
|
|
17
|
+
var length = items.length;
|
|
18
|
+
var label = "+ ".concat(length);
|
|
19
|
+
return (React.createElement("div", { style: style, title: title }, label));
|
|
20
|
+
};
|
|
21
|
+
var MultiValue = function (_a) {
|
|
22
|
+
var index = _a.index, getValue = _a.getValue, props = __rest(_a, ["index", "getValue"]);
|
|
23
|
+
var maxToShow = 3;
|
|
24
|
+
var overflow = getValue()
|
|
25
|
+
.slice(maxToShow)
|
|
26
|
+
.map(function (x) { return x.label; });
|
|
27
|
+
return index < maxToShow ? (React.createElement(components.MultiValue, __assign({}, props))) : index === maxToShow ? (React.createElement(MoreSelectedBadge, { items: overflow })) : null;
|
|
28
|
+
};
|
|
29
|
+
export default MultiValue;
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MultiSelectInput/components/MultiValue/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,IAAM,iBAAiB,GAAG,UAAC,EAAc;QAAZ,KAAK,WAAA;IAChC,IAAM,KAAK,GAAG;QACZ,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,WAAW;QACvB,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,EAAE;KACV,CAAC;IAEF,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAM,KAAK,GAAG,YAAK,MAAM,CAAE,CAAC;IAE5B,OAAO,CACL,6BAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC5B,KAAK,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,UAAU,GAAiB,UAAC,EAIjC;IAHC,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,cAHwB,qBAIjC,CADS;IAER,IAAM,SAAS,GAAG,CAAC,CAAC;IACpB,IAAM,QAAQ,GAAG,QAAQ,EAAE;SACxB,KAAK,CAAC,SAAS,CAAC;SAChB,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC;IAE5B,OAAO,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CACzB,oBAAC,UAAU,CAAC,UAAU,eAAK,KAAK,EAAI,CACrC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,oBAAC,iBAAiB,IAAC,KAAK,EAAE,QAAQ,GAAI,CACvC,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { useState } from "react";
|
|
3
|
+
import { components } from "react-select";
|
|
4
|
+
import * as S from "./styles";
|
|
5
|
+
var Option = function (_a) {
|
|
6
|
+
var isFocused = _a.isFocused, isSelected = _a.isSelected, innerProps = _a.innerProps, children = _a.children, getStyles = _a.getStyles, isDisabled = _a.isDisabled, rest = __rest(_a, ["isFocused", "isSelected", "innerProps", "children", "getStyles", "isDisabled"]);
|
|
7
|
+
var _b = useState(false), isActive = _b[0], setIsActive = _b[1];
|
|
8
|
+
var onMouseDown = function () { return setIsActive(true); };
|
|
9
|
+
var onMouseUp = function () { return setIsActive(false); };
|
|
10
|
+
var onMouseLeave = function () { return setIsActive(false); };
|
|
11
|
+
var bg = "transparent";
|
|
12
|
+
var color = "#000";
|
|
13
|
+
if (isFocused) {
|
|
14
|
+
bg = "#f1f1f1";
|
|
15
|
+
}
|
|
16
|
+
;
|
|
17
|
+
if (isActive) {
|
|
18
|
+
bg = "#F8F9FA";
|
|
19
|
+
}
|
|
20
|
+
;
|
|
21
|
+
var style = {
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
transition: "0.3s",
|
|
24
|
+
backgroundColor: bg,
|
|
25
|
+
color: color,
|
|
26
|
+
display: "flex ",
|
|
27
|
+
gap: '8px'
|
|
28
|
+
};
|
|
29
|
+
var props = __assign(__assign(__assign({}, innerProps), { onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, style: style }), rest);
|
|
30
|
+
return (React.createElement(S.Container, null,
|
|
31
|
+
React.createElement(components.Option, __assign({}, rest, { isDisabled: isDisabled, isFocused: isFocused, isSelected: isSelected, getStyles: getStyles, innerProps: props }),
|
|
32
|
+
React.createElement("input", { type: "checkbox", checked: isSelected, onChange: function () { return null; } }),
|
|
33
|
+
children)));
|
|
34
|
+
};
|
|
35
|
+
export default Option;
|
|
36
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MultiSelectInput/components/Option/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,IAAM,MAAM,GAAiB,UAAC,EAQ7B;IAPC,IAAA,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAU,gBAAA,EACP,IAAI,cAPqB,gFAQ7B,CADQ;IAED,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAChD,IAAM,WAAW,GAAG,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,CAAC;IAC5C,IAAM,SAAS,GAAG,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC;IAC3C,IAAM,YAAY,GAAG,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC;IAE9C,IAAI,EAAE,GAAG,aAAa,CAAA;IACtB,IAAI,KAAK,GAAG,MAAM,CAAA;IAElB,IAAI,SAAS,EAAE,CAAC;QACd,EAAE,GAAG,SAAS,CAAA;IAChB,CAAC;IAAA,CAAC;IACF,IAAI,QAAQ,EAAE,CAAC;QACb,EAAE,GAAG,SAAS,CAAA;IAChB,CAAC;IAAA,CAAC;IAEF,IAAM,KAAK,GAAG;QACZ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,MAAM;QAClB,eAAe,EAAE,EAAE;QACnB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,OAAO;QAChB,GAAG,EAAE,KAAK;KACX,CAAC;IAEF,IAAM,KAAK,kCACN,UAAU,KACb,WAAW,aAAA,EACX,SAAS,WAAA,EACT,YAAY,cAAA,EACZ,KAAK,OAAA,KACF,IAAI,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,UAAU,CAAC,MAAM,eACZ,IAAI,IACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK;YACjB,+BAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,GAAG;YAClE,QAAQ,CACS,CACR,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: 16px;\n color: #666666;\n &:nth-child(even) {\n background: #F8F9FA;\n }\n"], ["\n font-size: 16px;\n color: #666666;\n &:nth-child(even) {\n background: #F8F9FA;\n }\n"])));
|
|
4
|
+
var templateObject_1;
|
|
5
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/MultiSelectInput/components/Option/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oKAAA,iGAMlC,IAAA,CAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import Select from "react-select";
|
|
3
|
+
import * as S from "./styles";
|
|
4
|
+
import Option from "./components/Option";
|
|
5
|
+
import MultiValue from "./components/MultiValue";
|
|
6
|
+
var MultiSelectInput = function (_a) {
|
|
7
|
+
var className = _a.className, label = _a.label, onChange = _a.onChange, placeholder = _a.placeholder, disabled = _a.disabled, options = _a.options, value = _a.value, isSearchable = _a.isSearchable, isClearable = _a.isClearable;
|
|
8
|
+
var _b = useState(value), valueSelected = _b[0], setValueSelected = _b[1];
|
|
9
|
+
var components = {
|
|
10
|
+
MultiValueContainer: function (_a) {
|
|
11
|
+
var _b;
|
|
12
|
+
var selectProps = _a.selectProps, data = _a.data;
|
|
13
|
+
var values = selectProps.value;
|
|
14
|
+
if (values) {
|
|
15
|
+
var separator = values.length > 1 ? ', ' : '';
|
|
16
|
+
return ((_b = values[values.length - 1]) === null || _b === void 0 ? void 0 : _b.label) === (data === null || data === void 0 ? void 0 : data.label)
|
|
17
|
+
? data === null || data === void 0 ? void 0 : data.label
|
|
18
|
+
: (data === null || data === void 0 ? void 0 : data.label) + "".concat(separator);
|
|
19
|
+
}
|
|
20
|
+
return;
|
|
21
|
+
},
|
|
22
|
+
Option: Option,
|
|
23
|
+
MultiValue: MultiValue
|
|
24
|
+
};
|
|
25
|
+
return (React.createElement(S.Container, { className: className },
|
|
26
|
+
label ? React.createElement(S.Label, null, label) : null,
|
|
27
|
+
React.createElement(Select, { placeholder: placeholder, className: "react-select-container", classNamePrefix: "react-select", defaultValue: valueSelected || [], options: options, isMulti: true, closeMenuOnSelect: false, hideSelectedOptions: false, isDisabled: disabled, isSearchable: isSearchable, isClearable: isClearable, components: components, onChange: function (values) {
|
|
28
|
+
setValueSelected(values);
|
|
29
|
+
onChange(values);
|
|
30
|
+
} })));
|
|
31
|
+
};
|
|
32
|
+
export default MultiSelectInput;
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,cAAc,CAAA;AAEjC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAEhD,IAAM,gBAAgB,GAA8B,UAAC,EAUpD;QATC,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA;IAEL,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IAEzD,IAAM,UAAU,GAAG;QACjB,mBAAmB,EAAE,UAAC,EAA0B;;gBAAxB,WAAW,iBAAA,EAAE,IAAI,UAAA;YACvC,IAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;YACjC,IAAI,MAAM,EAAE,CAAC;gBACX,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;gBAC/C,OAAO,CAAA,MAAA,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,KAAK,OAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAA;oBACrD,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK;oBACb,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAG,UAAG,SAAS,CAAE,CAAC;YACnC,CAAC;YACD,OAAM;QACR,CAAC;QACD,MAAM,QAAA;QACN,UAAU,YAAA;KACX,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC7B,KAAK,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,KAAK,QAAE,KAAK,CAAW,CAAC,CAAC,CAAC,IAAI;QAC3C,oBAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,wBAAwB,EAClC,eAAe,EAAC,cAAc,EAC9B,YAAY,EAAE,aAAa,IAAI,EAAE,EACjC,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,iBAAiB,EAAE,KAAK,EACxB,mBAAmB,EAAE,KAAK,EAC1B,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAC,MAAW;gBACpB,gBAAgB,CAAC,MAAM,CAAC,CAAA;gBACxB,QAAQ,CAAC,MAAM,CAAC,CAAA;YAClB,CAAC,GACD,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface Option {
|
|
2
|
+
value: string | number;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
export interface MultiSelectProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
onChange: Function;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
options: Option[];
|
|
12
|
+
value: Option;
|
|
13
|
+
isSearchable?: boolean;
|
|
14
|
+
isClearable?: boolean;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectInput/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
|
+
export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n .react-select {\n &__control {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #00000033;\n }\n &__control--is-focused {\n border-bottom: 1px solid #00000033;\n box-shadow: none;\n }\n &__control:hover {\n border: none;\n border-bottom: 1px solid #00000033 !important;\n box-shadow: 0 0 0 #fff;\n }\n &__indicator-separator {\n background: #fff;\n }\n &__multi-value {\n background: transparent;\n border-radius: 4px;\n &__label {\n color: #4D4F5C;\n font-size: 18px;\n padding: 0;\n }\n &__remove {\n display: none;\n }\n }\n }\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n .react-select {\n &__control {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #00000033;\n }\n &__control--is-focused {\n border-bottom: 1px solid #00000033;\n box-shadow: none;\n }\n &__control:hover {\n border: none;\n border-bottom: 1px solid #00000033 !important;\n box-shadow: 0 0 0 #fff;\n }\n &__indicator-separator {\n background: #fff;\n }\n &__multi-value {\n background: transparent;\n border-radius: 4px;\n &__label {\n color: #4D4F5C;\n font-size: 18px;\n padding: 0;\n }\n &__remove {\n display: none;\n }\n }\n }\n"])));
|
|
4
|
+
export var Label = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: 14px;\n margin: 0 0 4px 0;\n color: #4D4F5C;\n"], ["\n font-size: 14px;\n margin: 0 0 4px 0;\n color: #4D4F5C;\n"])));
|
|
5
|
+
var templateObject_1, templateObject_2;
|
|
6
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectInput/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,6yBAAA,0uBAmClC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oIAAA,iEAIhC,IAAA,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ProgressBarBaseProps } from '../interfaces';
|
|
3
|
-
export declare const ProgressBar: ({ value, label, variant, total, className, ...props }: ProgressBarBaseProps) => React.JSX.Element;
|
|
3
|
+
export declare const ProgressBar: ({ value, label, variant, total, className, localeString, ...props }: ProgressBarBaseProps) => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign, __makeTemplateObject, __rest } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography
|
|
3
|
+
import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography } from '@mui/material';
|
|
4
4
|
import { styled } from '@mui/material/styles';
|
|
5
5
|
var ProgressBarStyled = styled(MuiProgressBar)({
|
|
6
6
|
width: '100%',
|
|
@@ -11,13 +11,13 @@ var ProgressBarStyled = styled(MuiProgressBar)({
|
|
|
11
11
|
});
|
|
12
12
|
var ProgressBarLabelStyled = styled(Typography)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n position: relative;\n text-align: left;\n font: normal normal normal 16px/20px Source Sans Pro;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n position: relative;\n text-align: left;\n font: normal normal normal 16px/20px Source Sans Pro;\n"])));
|
|
13
13
|
export var ProgressBar = function (_a) {
|
|
14
|
-
var _b = _a.value, value = _b === void 0 ? 0 : _b, label = _a.label, _c = _a.variant, variant = _c === void 0 ? 'determinate' : _c, total = _a.total, className = _a.className, props = __rest(_a, ["value", "label", "variant", "total", "className"]);
|
|
14
|
+
var _b = _a.value, value = _b === void 0 ? 0 : _b, label = _a.label, _c = _a.variant, variant = _c === void 0 ? 'determinate' : _c, total = _a.total, className = _a.className, localeString = _a.localeString, props = __rest(_a, ["value", "label", "variant", "total", "className", "localeString"]);
|
|
15
15
|
var percentage = value && total ? (value / total) * 100 : 0;
|
|
16
16
|
return (React.createElement("div", { className: className, style: { minWidth: '100px' } },
|
|
17
17
|
label && (React.createElement(ProgressBarLabelStyled, null,
|
|
18
18
|
label,
|
|
19
19
|
React.createElement("span", { style: { right: 0 } },
|
|
20
|
-
value,
|
|
20
|
+
localeString ? value.toLocaleString() : value,
|
|
21
21
|
" (",
|
|
22
22
|
percentage.toFixed(2),
|
|
23
23
|
"%)"))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpG,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAC/C,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,YAAK,qBAAqB,CAAC,WAAW,4CAErD;CACH,CAAC,CAAC;AAEH,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,gRAAA,6MAQhD,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAQL;IAPrB,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,KAAK,WAAA,EACL,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACT,KAAK,cAPkB,mEAQ3B,CADS;IAER,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QACpD,KAAK,IAAI,CACR,oBAAC,sBAAsB;YACpB,KAAK;YACN,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBACtB,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,KAAK;;gBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;qBAClE,CACgB,CAC1B;QACD,oBAAC,iBAAiB,aAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CACjE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { useState } from "react";
|
|
3
|
+
import { components } from "react-select";
|
|
4
|
+
import * as S from "./styles";
|
|
5
|
+
var Option = function (_a) {
|
|
6
|
+
var isFocused = _a.isFocused, isSelected = _a.isSelected, innerProps = _a.innerProps, children = _a.children, getStyles = _a.getStyles, isDisabled = _a.isDisabled, rest = __rest(_a, ["isFocused", "isSelected", "innerProps", "children", "getStyles", "isDisabled"]);
|
|
7
|
+
var _b = useState(false), isActive = _b[0], setIsActive = _b[1];
|
|
8
|
+
var onMouseDown = function () { return setIsActive(true); };
|
|
9
|
+
var onMouseUp = function () { return setIsActive(false); };
|
|
10
|
+
var onMouseLeave = function () { return setIsActive(false); };
|
|
11
|
+
var bg = "transparent";
|
|
12
|
+
var color = "#000";
|
|
13
|
+
if (isFocused) {
|
|
14
|
+
bg = "#f1f1f1";
|
|
15
|
+
}
|
|
16
|
+
;
|
|
17
|
+
if (isActive) {
|
|
18
|
+
bg = "#F8F9FA";
|
|
19
|
+
}
|
|
20
|
+
;
|
|
21
|
+
var style = {
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
transition: "0.3s",
|
|
24
|
+
backgroundColor: bg,
|
|
25
|
+
color: color,
|
|
26
|
+
display: "flex ",
|
|
27
|
+
gap: '8px'
|
|
28
|
+
};
|
|
29
|
+
var props = __assign(__assign(__assign({}, innerProps), { onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, style: style }), rest);
|
|
30
|
+
return (React.createElement(S.Container, null,
|
|
31
|
+
React.createElement(components.Option, __assign({}, rest, { isDisabled: isDisabled, isFocused: isFocused, isSelected: isSelected, getStyles: getStyles, innerProps: props }), children)));
|
|
32
|
+
};
|
|
33
|
+
export default Option;
|
|
34
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/SelectInput/components/Option/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,IAAM,MAAM,GAAiB,UAAC,EAQ7B;IAPC,IAAA,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAU,gBAAA,EACP,IAAI,cAPqB,gFAQ7B,CADQ;IAED,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAChD,IAAM,WAAW,GAAG,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,CAAC;IAC5C,IAAM,SAAS,GAAG,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC;IAC3C,IAAM,YAAY,GAAG,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC;IAE9C,IAAI,EAAE,GAAG,aAAa,CAAA;IACtB,IAAI,KAAK,GAAG,MAAM,CAAA;IAElB,IAAI,SAAS,EAAE,CAAC;QACd,EAAE,GAAG,SAAS,CAAA;IAChB,CAAC;IAAA,CAAC;IACF,IAAI,QAAQ,EAAE,CAAC;QACb,EAAE,GAAG,SAAS,CAAA;IAChB,CAAC;IAAA,CAAC;IAEF,IAAM,KAAK,GAAG;QACZ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,MAAM;QAClB,eAAe,EAAE,EAAE;QACnB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,OAAO;QAChB,GAAG,EAAE,KAAK;KACX,CAAC;IAEF,IAAM,KAAK,kCACN,UAAU,KACb,WAAW,aAAA,EACX,SAAS,WAAA,EACT,YAAY,cAAA,EACZ,KAAK,OAAA,KACF,IAAI,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,UAAU,CAAC,MAAM,eACZ,IAAI,IACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,KAChB,QAAQ,CACS,CACR,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: 16px;\n color: #666666;\n &:nth-child(even) {\n background: #F8F9FA;\n }\n"], ["\n font-size: 16px;\n color: #666666;\n &:nth-child(even) {\n background: #F8F9FA;\n }\n"])));
|
|
4
|
+
var templateObject_1;
|
|
5
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/SelectInput/components/Option/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oKAAA,iGAMlC,IAAA,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import Select from "react-select";
|
|
3
|
+
import * as S from "./styles";
|
|
4
|
+
import Option from "./components/Option";
|
|
5
|
+
var SelectInput = function (_a) {
|
|
6
|
+
var className = _a.className, label = _a.label, onChange = _a.onChange, placeholder = _a.placeholder, disabled = _a.disabled, options = _a.options, value = _a.value, isSearchable = _a.isSearchable, isClearable = _a.isClearable;
|
|
7
|
+
var _b = useState(value), valueSelected = _b[0], setValueSelected = _b[1];
|
|
8
|
+
var components = {
|
|
9
|
+
Option: Option
|
|
10
|
+
};
|
|
11
|
+
return (React.createElement(S.Container, { className: className },
|
|
12
|
+
label ? React.createElement(S.Label, null, label) : null,
|
|
13
|
+
React.createElement(Select, { placeholder: placeholder, className: "react-select-container", classNamePrefix: "react-select", defaultValue: valueSelected || '', options: options, isDisabled: disabled, isSearchable: isSearchable, isClearable: isClearable, components: components, onChange: function (values) {
|
|
14
|
+
setValueSelected(values);
|
|
15
|
+
onChange(values);
|
|
16
|
+
} })));
|
|
17
|
+
};
|
|
18
|
+
export default SelectInput;
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SelectInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,cAAc,CAAA;AAEjC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAExC,IAAM,WAAW,GAA8B,UAAC,EAU/C;QATC,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA;IAEL,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IAEzD,IAAM,UAAU,GAAG;QACjB,MAAM,QAAA;KACP,CAAA;IAED,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC7B,KAAK,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,KAAK,QAAE,KAAK,CAAW,CAAC,CAAC,CAAC,IAAI;QAC3C,oBAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,wBAAwB,EAClC,eAAe,EAAC,cAAc,EAC9B,YAAY,EAAE,aAAa,IAAI,EAAE,EACjC,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAC,MAAW;gBACpB,gBAAgB,CAAC,MAAM,CAAC,CAAA;gBACxB,QAAQ,CAAC,MAAM,CAAC,CAAA;YAClB,CAAC,GACD,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface Option {
|
|
2
|
+
value: string | number;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
export interface SelectInputProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
onChange: Function;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
options: Option[];
|
|
12
|
+
value: Option;
|
|
13
|
+
isSearchable?: boolean;
|
|
14
|
+
isClearable?: boolean;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/components/SelectInput/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
|
+
export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n .react-select {\n &__control {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #00000033;\n }\n &__control--is-focused {\n border-bottom: 1px solid #00000033;\n box-shadow: none;\n }\n &__control:hover {\n border: none;\n border-bottom: 1px solid #00000033;\n box-shadow: 0 0 0 #fff;\n }\n &__indicator-separator {\n background: #fff;\n }\n }\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n .react-select {\n &__control {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #00000033;\n }\n &__control--is-focused {\n border-bottom: 1px solid #00000033;\n box-shadow: none;\n }\n &__control:hover {\n border: none;\n border-bottom: 1px solid #00000033;\n box-shadow: 0 0 0 #fff;\n }\n &__indicator-separator {\n background: #fff;\n }\n }\n"])));
|
|
4
|
+
export var Label = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: 14px;\n margin: 0 0 4px 0;\n color: #666;\n"], ["\n font-size: 14px;\n margin: 0 0 4px 0;\n color: #666;\n"])));
|
|
5
|
+
var templateObject_1, templateObject_2;
|
|
6
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/SelectInput/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,mjBAAA,gfAuBlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,iIAAA,8DAIhC,IAAA,CAAA"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import * as S from "./styles";
|
|
3
|
+
import SettingsIcon from '@mui/icons-material/Settings';
|
|
4
|
+
var Header = function (_a) {
|
|
5
|
+
var table = _a.table, globalFilters = _a.globalFilters, orderSmallest = _a.orderSmallest, orderLargest = _a.orderLargest, showTotalResults = _a.showTotalResults, showSettings = _a.showSettings, setGlobalFilters = _a.setGlobalFilters, setOrderLargest = _a.setOrderLargest, setOrderSmallest = _a.setOrderSmallest, customTotalResult = _a.customTotalResult;
|
|
6
|
+
var _b = useState(false), openTools = _b[0], setOpenTools = _b[1];
|
|
7
|
+
var totalResults = customTotalResult ? customTotalResult : "".concat(table.getRowModel().rows.length, " resultados encontrados.");
|
|
8
|
+
return (React.createElement(S.Header, { "$showResults": showTotalResults },
|
|
9
|
+
React.createElement("div", null, showTotalResults
|
|
10
|
+
? React.createElement(S.Results, null,
|
|
11
|
+
React.createElement(S.TextResult, null, totalResults),
|
|
12
|
+
React.createElement(S.TextClearSearchContent, null, globalFilters.length || !!orderSmallest || !!orderLargest ? React.createElement(S.TextClearSearch, { onClick: function () {
|
|
13
|
+
table.resetColumnFilters(true);
|
|
14
|
+
setGlobalFilters([]);
|
|
15
|
+
setOrderLargest(false);
|
|
16
|
+
setOrderSmallest(false);
|
|
17
|
+
table.resetSorting(true);
|
|
18
|
+
} }, "Limpar busca") : null))
|
|
19
|
+
: null),
|
|
20
|
+
!showTotalResults
|
|
21
|
+
? (globalFilters.length || !!orderSmallest || !!orderLargest ? React.createElement(S.TextClearSearch, { onClick: function () {
|
|
22
|
+
table.resetColumnFilters(true);
|
|
23
|
+
setGlobalFilters([]);
|
|
24
|
+
setOrderLargest(false);
|
|
25
|
+
setOrderSmallest(false);
|
|
26
|
+
table.resetSorting(true);
|
|
27
|
+
} }, "Limpar busca") : null)
|
|
28
|
+
: null,
|
|
29
|
+
React.createElement(S.Tools, null,
|
|
30
|
+
showSettings
|
|
31
|
+
? React.createElement(S.IconTools, { onClick: function () { return setOpenTools(!openTools); } },
|
|
32
|
+
React.createElement(SettingsIcon, { sx: { fontSize: 16, color: '#DE8B50' } }))
|
|
33
|
+
: null,
|
|
34
|
+
openTools
|
|
35
|
+
? React.createElement(S.ListTools, null, table.getAllLeafColumns().map(function (column) {
|
|
36
|
+
return (React.createElement("div", { key: column.id, className: "px-1" },
|
|
37
|
+
React.createElement("label", null,
|
|
38
|
+
React.createElement("input", { type: 'checkbox',
|
|
39
|
+
checked: column.getIsVisible(),
|
|
40
|
+
onChange: column.getToggleVisibilityHandler() }),
|
|
41
|
+
' ',
|
|
42
|
+
column.id)));
|
|
43
|
+
}))
|
|
44
|
+
: null)));
|
|
45
|
+
};
|
|
46
|
+
export default Header;
|
|
47
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAExD,IAAM,MAAM,GAAiB,UAAC,EAW7B;QAVC,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA;IAEX,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,IAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,6BAA0B,CAAA;IAEzH,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,oBAAe,gBAAgB;QACtC,iCACE,gBAAgB;YACd,CAAC,CAAC,oBAAC,CAAC,CAAC,OAAO;gBACR,oBAAC,CAAC,CAAC,UAAU,QAAE,YAAY,CAAgB;gBAC3C,oBAAC,CAAC,CAAC,sBAAsB,QACrB,aAAa,CAAC,MAAM,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE;wBACxF,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;wBAC9B,gBAAgB,CAAC,EAAE,CAAC,CAAA;wBACpB,eAAe,CAAC,KAAK,CAAC,CAAA;wBACtB,gBAAgB,CAAC,KAAK,CAAC,CAAA;wBACvB,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;oBAC1B,CAAC,mBAAkC,CAAC,CAAC,CAAC,IAAI,CACjB,CACjB;YACd,CAAC,CAAC,IAAI,CAEJ;QAEJ,CAAC,gBAAgB;YACf,CAAC,CAAC,CACA,aAAa,CAAC,MAAM,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE;oBACtF,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;oBAC9B,gBAAgB,CAAC,EAAE,CAAC,CAAA;oBACpB,eAAe,CAAC,KAAK,CAAC,CAAA;oBACtB,gBAAgB,CAAC,KAAK,CAAC,CAAA;oBACvB,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;gBAC1B,CAAC,mBAAkC,CAAC,CAAC,CAAC,IAAI,CAC3C;YACD,CAAC,CAAC,IAAI;QAEV,oBAAC,CAAC,CAAC,KAAK;YACJ,YAAY;gBACV,CAAC,CAAC,oBAAC,CAAC,CAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB;oBAClD,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,CAC5C;gBAChB,CAAC,CAAC,IAAI;YAGR,SAAS;gBACP,CAAC,CAAC,oBAAC,CAAC,CAAC,SAAS,QACR,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,UAAC,MAAW;oBAC1C,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;wBACnC;4BACE,+BAEI,IAAI,EAAE,UAAU;gCAChB,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE;gCAC9B,QAAQ,EAAE,MAAM,CAAC,0BAA0B,EAAE,GAE/C;4BAAC,GAAG;4BACL,MAAM,CAAC,EAAE,CACJ,CACJ,CACP,CAAA;gBACH,CAAC,CAAC,CACU;gBAChB,CAAC,CAAC,IAAI,CAEF,CACD,CACZ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Header: import("styled-components").IStyledComponent<"web", any>;
|
|
3
|
+
export declare const Results: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
4
|
+
export declare const Tools: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
5
|
+
export declare const TextResult: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
6
|
+
export declare const TextClearSearchContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
7
|
+
export declare const TextClearSearch: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
|
|
8
|
+
export declare const IconTools: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
9
|
+
export declare const ListTools: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: ", ";\n display: flex;\n justify-content: space-between;\n"], ["\n margin: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (props) { return props.$showResults ? '0 16px 32px 16px;' : '0 16px;'; });
|
|
4
|
+
export var Results = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"])));
|
|
5
|
+
export var Tools = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n"], ["\n\n"])));
|
|
6
|
+
export var TextResult = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: #666666;\n font-size: 16px;\n"], ["\n color: #666666;\n font-size: 16px;\n"])));
|
|
7
|
+
export var TextClearSearchContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 10px;\n"], ["\n height: 10px;\n"])));
|
|
8
|
+
export var TextClearSearch = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: #DE8B50;\n font-size: 14px;\n cursor: pointer;\n margin: 0;\n &:hover {\n text-decoration: underline;\n }\n"], ["\n color: #DE8B50;\n font-size: 14px;\n cursor: pointer;\n margin: 0;\n &:hover {\n text-decoration: underline;\n }\n"])));
|
|
9
|
+
export var IconTools = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 24px;\n height: 24px;\n cursor: pointer;\n"], ["\n width: 24px;\n height: 24px;\n cursor: pointer;\n"])));
|
|
10
|
+
export var ListTools = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding: 12px;\n margin: 6px 0 0 -106px;\n position: absolute;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #E0E0E0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n font-size: 14px;\n label {\n display: flex;\n gap: 8px;\n align-items: center;\n }\n"], ["\n padding: 12px;\n margin: 6px 0 0 -106px;\n position: absolute;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #E0E0E0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n font-size: 14px;\n label {\n display: flex;\n gap: 8px;\n align-items: center;\n }\n"])));
|
|
11
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
12
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,6IAAK,cACzB,EAA8D,0DAGzE,KAHW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EAApD,CAAoD,CAGxE,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAIhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,yEAAA,MAE9B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGnC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAE/C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,mMAAA,gIAQtC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,+XAAA,4TAgBlC,IAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,EACL,UAAU,EACV,MAAM,EACN,KAAK,EACN,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import React, { useCallback } from "react";
|
|
3
|
+
import { Pagination as MuiPagination, PaginationItem } from '@mui/material';
|
|
4
|
+
import * as S from "./styles";
|
|
5
|
+
var PreviousPagination = function () {
|
|
6
|
+
return React.createElement("span", null, '<');
|
|
7
|
+
};
|
|
8
|
+
var NextPagination = function () {
|
|
9
|
+
return React.createElement("span", null, '>');
|
|
10
|
+
};
|
|
11
|
+
var Pagination = function (_a) {
|
|
12
|
+
var table = _a.table, onChangePage = _a.onChangePage;
|
|
13
|
+
var onPageChange = useCallback(function (_event, page) {
|
|
14
|
+
if (!!onChangePage) {
|
|
15
|
+
onChangePage(page - 1);
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
table.setPageIndex(page - 1);
|
|
19
|
+
}
|
|
20
|
+
}, [table]);
|
|
21
|
+
return React.createElement(S.Pagination, null,
|
|
22
|
+
React.createElement("div", { className: 'content' },
|
|
23
|
+
React.createElement(MuiPagination, { onChange: onPageChange, count: table.getPageCount(), renderItem: function (item) { return (React.createElement(PaginationItem, __assign({ classes: { root: 'button', selected: 'button-active' }, slots: { previous: PreviousPagination, next: NextPagination }, sx: { height: '35px', minWidth: '35px' } }, item))); } })));
|
|
24
|
+
};
|
|
25
|
+
export default Pagination;
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/pagination/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,IAAM,kBAAkB,GAAiB;IACvC,OAAO,kCAAO,GAAG,CAAQ,CAAA;AAC3B,CAAC,CAAA;AACD,IAAM,cAAc,GAAiB;IACnC,OAAO,kCAAO,GAAG,CAAQ,CAAA;AAC3B,CAAC,CAAA;AAED,IAAM,UAAU,GAAiB,UAAC,EAAuB;QAArB,KAAK,WAAA,EAAE,YAAY,kBAAA;IAErD,IAAM,YAAY,GAAG,WAAW,CAAC,UAAC,MAAiC,EAAE,IAAW;QAC9E,IAAG,CAAC,CAAC,YAAY,EAAE,CAAC;YAClB,YAAY,CAAC,IAAI,GAAC,CAAC,CAAC,CAAA;QACtB,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,oBAAC,CAAC,CAAC,UAAU;QAClB,6BAAK,SAAS,EAAC,SAAS;YACtB,oBAAC,aAAa,IACZ,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,EAC3B,UAAU,EAAE,UAAC,IAAQ,IAAK,OAAA,CACxB,oBAAC,cAAc,aACb,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAC,EACpD,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,IAAI,EAAE,cAAc,EAAE,EAC7D,EAAE,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAC,IAClC,IAAI,EACR,CACH,EAPyB,CAOzB,GACD,CACE,CACO,CAAA;AACjB,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export var Pagination = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin: 24px 0 0 0;\n display: flex;\n justify-content: center;\n .content {\n display: flex;\n gap: 8px;\n .button {\n border: 1px solid #E8E9EC;\n background: #fff;\n border-radius: 4px;\n color: #4D4F5C;\n cursor: pointer;\n &:disabled {\n opacity: 0.4;\n }\n }\n .button-active {\n border: 1px solid #FFDB9F;\n background: #FFDB9F;\n color: #B74616;\n border-radius: 4px;\n cursor: pointer;\n }\n }\n"], ["\n width: 100%;\n margin: 24px 0 0 0;\n display: flex;\n justify-content: center;\n .content {\n display: flex;\n gap: 8px;\n .button {\n border: 1px solid #E8E9EC;\n background: #fff;\n border-radius: 4px;\n color: #4D4F5C;\n cursor: pointer;\n &:disabled {\n opacity: 0.4;\n }\n }\n .button-active {\n border: 1px solid #FFDB9F;\n background: #FFDB9F;\n color: #B74616;\n border-radius: 4px;\n cursor: pointer;\n }\n }\n"])));
|
|
4
|
+
var templateObject_1;
|
|
5
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/pagination/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,skBAAA,mgBA0BnC,IAAA,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { flexRender } from '@tanstack/react-table';
|
|
3
|
+
import * as S from "./styles";
|
|
4
|
+
var TBody = function (_a) {
|
|
5
|
+
var table = _a.table, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
|
|
6
|
+
return (React.createElement("tbody", null, table.getRowModel().rows.map(function (row, index) {
|
|
7
|
+
return React.createElement(S.Tr, { key: index, "$hasAction": !!onClick || !!onMouseOver || !!onMouseOut, onClick: function () { return onClick ? onClick(row.original) : null; }, onMouseOver: function () { return onMouseOver ? onMouseOver(row.original) : null; }, onMouseOut: function () { return onMouseOut ? onMouseOut(row.original) : null; } }, row.getVisibleCells().map(function (cell, index) {
|
|
8
|
+
return (React.createElement("td", { key: index }, cell.column.columnDef.type == 'action'
|
|
9
|
+
? cell.getValue()
|
|
10
|
+
: flexRender(cell.column.columnDef.cell, cell.getContext())));
|
|
11
|
+
}));
|
|
12
|
+
})));
|
|
13
|
+
};
|
|
14
|
+
export default TBody;
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/tbody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,IAAM,KAAK,GAAiB,UAAC,EAA2C;QAAzC,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACpE,OAAO,CACL,mCACI,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,KAAa;QACrD,OAAO,oBAAC,CAAC,CAAC,EAAE,IACV,GAAG,EAAE,KAAK,gBACE,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,EACtD,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAAtC,CAAsC,EACrD,WAAW,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAA9C,CAA8C,EACjE,UAAU,EAAE,cAAM,OAAA,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAA5C,CAA4C,IAC5D,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;YACnD,OAAO,CACL,4BAAI,GAAG,EAAE,KAAK,IACV,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;gBACpC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAE5D,CACN,CAAA;QACH,CAAC,CAAC,CACG,CAAA;IACT,CAAC,CAAC,CACI,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Tr: import("styled-components").IStyledComponent<"web", any>;
|