norma-library 0.6.77 → 0.6.79
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/.eslintrc.cjs +89 -0
- package/.prettierrc +8 -0
- package/.storybook/main.ts +1 -1
- package/.storybook/preview.ts +5 -0
- package/index.html +13 -0
- package/package.json +5 -1
- package/public/vite.svg +1 -0
- package/src/assets/react.svg +1 -0
- package/src/components/Button/index.tsx +20 -0
- package/src/components/Button/types.tsx +31 -0
- package/src/components/Card/Card.tsx +14 -0
- package/src/components/Card/CardHeader.tsx +8 -0
- package/src/components/Card/index.ts +5 -0
- package/src/components/Card/styles.ts +16 -0
- package/src/components/Card/types.ts +10 -0
- package/src/components/IconifyIcon.tsx +23 -0
- package/src/components/Modal.tsx +11 -4
- package/src/components/ProductCard/ProductCard.style.ts +56 -0
- package/src/components/ProductCard/ProductCard.tsx +71 -0
- package/src/components/RangerSlider.tsx +59 -3
- package/src/components/ServiceCard/ServiceCard.style.ts +53 -0
- package/src/components/ServiceCard/ServiceCard.tsx +30 -0
- package/src/components/UncontrolledTable/components/index.tsx +6 -2
- package/src/components/UncontrolledTable/components/row/DraggableRow.tsx +34 -0
- package/src/components/UncontrolledTable/components/row/RowDragHandleCell.tsx +17 -0
- package/src/components/UncontrolledTable/components/row/SimpleRow.tsx +26 -0
- package/src/components/UncontrolledTable/index.tsx +191 -105
- package/src/components/UncontrolledTable/interface.ts +6 -4
- package/src/components/index.ts +2 -0
- package/src/index.ts +3 -1
- package/src/interfaces/Modal.ts +2 -1
- package/src/interfaces/ProductCard.ts +23 -0
- package/src/interfaces/RangerSlider.ts +3 -0
- package/src/interfaces/ServiceCard.ts +11 -0
- package/src/stories/IconifyIcon.stories.tsx +31 -0
- package/src/stories/Modal.stories.tsx +54 -0
- package/src/stories/ModalStatus.stories.tsx +1 -0
- package/src/stories/ProductCard.stories.tsx +22 -0
- package/src/stories/RangerSlider.stories.tsx +6 -2
- package/src/stories/ServiceCard.stories.tsx +20 -0
- package/src/stories/UncontrolledTable.stories.tsx +464 -206
- package/src/utils/pxToRem.ts +4 -0
- package/src/vite-env.d.ts +1 -0
- package/tsconfig.json +32 -32
- package/tsconfig.node.json +10 -0
- package/dist/esm/components/Accordion.d.ts +0 -3
- package/dist/esm/components/Accordion.js +0 -20
- package/dist/esm/components/Accordion.js.map +0 -1
- package/dist/esm/components/Avatar.d.ts +0 -3
- package/dist/esm/components/Avatar.js +0 -13
- package/dist/esm/components/Avatar.js.map +0 -1
- package/dist/esm/components/Badge.d.ts +0 -3
- package/dist/esm/components/Badge.js +0 -10
- package/dist/esm/components/Badge.js.map +0 -1
- package/dist/esm/components/Box/index.d.ts +0 -4
- package/dist/esm/components/Box/index.js +0 -8
- package/dist/esm/components/Box/index.js.map +0 -1
- package/dist/esm/components/Box/interfaces.d.ts +0 -4
- package/dist/esm/components/Box/interfaces.js +0 -2
- package/dist/esm/components/Box/interfaces.js.map +0 -1
- package/dist/esm/components/Box/styles.d.ts +0 -2
- package/dist/esm/components/Box/styles.js +0 -17
- package/dist/esm/components/Box/styles.js.map +0 -1
- package/dist/esm/components/Breadcrumb/index.d.ts +0 -4
- package/dist/esm/components/Breadcrumb/index.js +0 -18
- package/dist/esm/components/Breadcrumb/index.js.map +0 -1
- package/dist/esm/components/Breadcrumb/interface.d.ts +0 -8
- package/dist/esm/components/Breadcrumb/interface.js +0 -2
- package/dist/esm/components/Breadcrumb/interface.js.map +0 -1
- package/dist/esm/components/Breadcrumb/styles.d.ts +0 -4
- package/dist/esm/components/Breadcrumb/styles.js +0 -8
- package/dist/esm/components/Breadcrumb/styles.js.map +0 -1
- package/dist/esm/components/Button.d.ts +0 -3
- package/dist/esm/components/Button.js +0 -18
- package/dist/esm/components/Button.js.map +0 -1
- package/dist/esm/components/Card.d.ts +0 -7
- package/dist/esm/components/Card.js +0 -24
- package/dist/esm/components/Card.js.map +0 -1
- package/dist/esm/components/ChatMessage.d.ts +0 -3
- package/dist/esm/components/ChatMessage.js +0 -63
- package/dist/esm/components/ChatMessage.js.map +0 -1
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.d.ts +0 -3
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.js +0 -29
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.js.map +0 -1
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.d.ts +0 -5
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.js +0 -13
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.js.map +0 -1
- package/dist/esm/components/CheckBox.d.ts +0 -3
- package/dist/esm/components/CheckBox.js +0 -10
- package/dist/esm/components/CheckBox.js.map +0 -1
- package/dist/esm/components/DateInput/index.d.ts +0 -4
- package/dist/esm/components/DateInput/index.js +0 -15
- package/dist/esm/components/DateInput/index.js.map +0 -1
- package/dist/esm/components/DateInput/interface.d.ts +0 -12
- package/dist/esm/components/DateInput/interface.js +0 -2
- package/dist/esm/components/DateInput/interface.js.map +0 -1
- package/dist/esm/components/DateInput/styles.d.ts +0 -4
- package/dist/esm/components/DateInput/styles.js +0 -7
- package/dist/esm/components/DateInput/styles.js.map +0 -1
- package/dist/esm/components/DatePicker.d.ts +0 -6
- package/dist/esm/components/DatePicker.js +0 -53
- package/dist/esm/components/DatePicker.js.map +0 -1
- package/dist/esm/components/DropDown.d.ts +0 -3
- package/dist/esm/components/DropDown.js +0 -12
- package/dist/esm/components/DropDown.js.map +0 -1
- package/dist/esm/components/IconButton.d.ts +0 -3
- package/dist/esm/components/IconButton.js +0 -28
- package/dist/esm/components/IconButton.js.map +0 -1
- package/dist/esm/components/Icons.d.ts +0 -7
- package/dist/esm/components/Icons.js +0 -49
- package/dist/esm/components/Icons.js.map +0 -1
- package/dist/esm/components/Modal.d.ts +0 -4
- package/dist/esm/components/Modal.js +0 -32
- package/dist/esm/components/Modal.js.map +0 -1
- package/dist/esm/components/MultiSelectInput/components/MultiValue/index.d.ts +0 -3
- package/dist/esm/components/MultiSelectInput/components/MultiValue/index.js +0 -30
- package/dist/esm/components/MultiSelectInput/components/MultiValue/index.js.map +0 -1
- package/dist/esm/components/MultiSelectInput/components/Option/index.d.ts +0 -3
- package/dist/esm/components/MultiSelectInput/components/Option/index.js +0 -36
- package/dist/esm/components/MultiSelectInput/components/Option/index.js.map +0 -1
- package/dist/esm/components/MultiSelectInput/components/Option/styles.d.ts +0 -1
- package/dist/esm/components/MultiSelectInput/components/Option/styles.js +0 -5
- package/dist/esm/components/MultiSelectInput/components/Option/styles.js.map +0 -1
- package/dist/esm/components/MultiSelectInput/index.d.ts +0 -4
- package/dist/esm/components/MultiSelectInput/index.js +0 -33
- package/dist/esm/components/MultiSelectInput/index.js.map +0 -1
- package/dist/esm/components/MultiSelectInput/interfaces.d.ts +0 -15
- package/dist/esm/components/MultiSelectInput/interfaces.js +0 -2
- package/dist/esm/components/MultiSelectInput/interfaces.js.map +0 -1
- package/dist/esm/components/MultiSelectInput/styles.d.ts +0 -2
- package/dist/esm/components/MultiSelectInput/styles.js +0 -6
- package/dist/esm/components/MultiSelectInput/styles.js.map +0 -1
- package/dist/esm/components/NormaTimeLine/NormaTimeLine.d.ts +0 -14
- package/dist/esm/components/NormaTimeLine/NormaTimeLine.js +0 -48
- package/dist/esm/components/NormaTimeLine/NormaTimeLine.js.map +0 -1
- package/dist/esm/components/Paper.d.ts +0 -3
- package/dist/esm/components/Paper.js +0 -10
- package/dist/esm/components/Paper.js.map +0 -1
- package/dist/esm/components/ProgressBar.d.ts +0 -3
- package/dist/esm/components/ProgressBar.js +0 -42
- package/dist/esm/components/ProgressBar.js.map +0 -1
- package/dist/esm/components/RadioGroup.d.ts +0 -3
- package/dist/esm/components/RadioGroup.js +0 -15
- package/dist/esm/components/RadioGroup.js.map +0 -1
- package/dist/esm/components/RangerSlider.d.ts +0 -3
- package/dist/esm/components/RangerSlider.js +0 -63
- package/dist/esm/components/RangerSlider.js.map +0 -1
- package/dist/esm/components/Select.d.ts +0 -3
- package/dist/esm/components/Select.js +0 -41
- package/dist/esm/components/Select.js.map +0 -1
- package/dist/esm/components/SelectInput/components/Option/index.d.ts +0 -3
- package/dist/esm/components/SelectInput/components/Option/index.js +0 -34
- package/dist/esm/components/SelectInput/components/Option/index.js.map +0 -1
- package/dist/esm/components/SelectInput/components/Option/styles.d.ts +0 -1
- package/dist/esm/components/SelectInput/components/Option/styles.js +0 -5
- package/dist/esm/components/SelectInput/components/Option/styles.js.map +0 -1
- package/dist/esm/components/SelectInput/index.d.ts +0 -4
- package/dist/esm/components/SelectInput/index.js +0 -19
- package/dist/esm/components/SelectInput/index.js.map +0 -1
- package/dist/esm/components/SelectInput/interfaces.d.ts +0 -15
- package/dist/esm/components/SelectInput/interfaces.js +0 -2
- package/dist/esm/components/SelectInput/interfaces.js.map +0 -1
- package/dist/esm/components/SelectInput/styles.d.ts +0 -2
- package/dist/esm/components/SelectInput/styles.js +0 -6
- package/dist/esm/components/SelectInput/styles.js.map +0 -1
- package/dist/esm/components/StatusModal/StatusModal.d.ts +0 -11
- package/dist/esm/components/StatusModal/StatusModal.js +0 -26
- package/dist/esm/components/StatusModal/StatusModal.js.map +0 -1
- package/dist/esm/components/StatusModal/StatusModal.style.d.ts +0 -12
- package/dist/esm/components/StatusModal/StatusModal.style.js +0 -12
- package/dist/esm/components/StatusModal/StatusModal.style.js.map +0 -1
- package/dist/esm/components/Svgs.d.ts +0 -30
- package/dist/esm/components/Svgs.js +0 -106
- package/dist/esm/components/Svgs.js.map +0 -1
- package/dist/esm/components/Table/components/header/index.d.ts +0 -3
- package/dist/esm/components/Table/components/header/index.js +0 -47
- package/dist/esm/components/Table/components/header/index.js.map +0 -1
- package/dist/esm/components/Table/components/header/styles.d.ts +0 -8
- package/dist/esm/components/Table/components/header/styles.js +0 -12
- package/dist/esm/components/Table/components/header/styles.js.map +0 -1
- package/dist/esm/components/Table/components/index.d.ts +0 -4
- package/dist/esm/components/Table/components/index.js +0 -5
- package/dist/esm/components/Table/components/index.js.map +0 -1
- package/dist/esm/components/Table/components/pagination/index.d.ts +0 -3
- package/dist/esm/components/Table/components/pagination/index.js +0 -26
- package/dist/esm/components/Table/components/pagination/index.js.map +0 -1
- package/dist/esm/components/Table/components/pagination/styles.d.ts +0 -1
- package/dist/esm/components/Table/components/pagination/styles.js +0 -5
- package/dist/esm/components/Table/components/pagination/styles.js.map +0 -1
- package/dist/esm/components/Table/components/tbody/index.d.ts +0 -3
- package/dist/esm/components/Table/components/tbody/index.js +0 -15
- package/dist/esm/components/Table/components/tbody/index.js.map +0 -1
- package/dist/esm/components/Table/components/tbody/styles.d.ts +0 -1
- package/dist/esm/components/Table/components/tbody/styles.js +0 -5
- package/dist/esm/components/Table/components/tbody/styles.js.map +0 -1
- package/dist/esm/components/Table/index.d.ts +0 -4
- package/dist/esm/components/Table/index.js +0 -227
- package/dist/esm/components/Table/index.js.map +0 -1
- package/dist/esm/components/Table/interface.d.ts +0 -26
- package/dist/esm/components/Table/interface.js +0 -2
- package/dist/esm/components/Table/interface.js.map +0 -1
- package/dist/esm/components/Table/styles.d.ts +0 -10
- package/dist/esm/components/Table/styles.js +0 -14
- package/dist/esm/components/Table/styles.js.map +0 -1
- package/dist/esm/components/Tabs.d.ts +0 -3
- package/dist/esm/components/Tabs.js +0 -73
- package/dist/esm/components/Tabs.js.map +0 -1
- package/dist/esm/components/Tag.d.ts +0 -3
- package/dist/esm/components/Tag.js +0 -24
- package/dist/esm/components/Tag.js.map +0 -1
- package/dist/esm/components/TextField.d.ts +0 -3
- package/dist/esm/components/TextField.js +0 -14
- package/dist/esm/components/TextField.js.map +0 -1
- package/dist/esm/components/TextInput/index.d.ts +0 -4
- package/dist/esm/components/TextInput/index.js +0 -16
- package/dist/esm/components/TextInput/index.js.map +0 -1
- package/dist/esm/components/TextInput/interface.d.ts +0 -10
- package/dist/esm/components/TextInput/interface.js +0 -2
- package/dist/esm/components/TextInput/interface.js.map +0 -1
- package/dist/esm/components/TextInput/styles.d.ts +0 -3
- package/dist/esm/components/TextInput/styles.js +0 -7
- package/dist/esm/components/TextInput/styles.js.map +0 -1
- package/dist/esm/components/TimeLine/TimeLine.d.ts +0 -14
- package/dist/esm/components/TimeLine/TimeLine.js +0 -48
- package/dist/esm/components/TimeLine/TimeLine.js.map +0 -1
- package/dist/esm/components/TimeLine.d.ts +0 -3
- package/dist/esm/components/TimeLine.js +0 -56
- package/dist/esm/components/TimeLine.js.map +0 -1
- package/dist/esm/components/TimePicker.d.ts +0 -9
- package/dist/esm/components/TimePicker.js +0 -61
- package/dist/esm/components/TimePicker.js.map +0 -1
- package/dist/esm/components/Typography/Text/index.d.ts +0 -4
- package/dist/esm/components/Typography/Text/index.js +0 -8
- package/dist/esm/components/Typography/Text/index.js.map +0 -1
- package/dist/esm/components/Typography/Text/interfaces.d.ts +0 -6
- package/dist/esm/components/Typography/Text/interfaces.js +0 -2
- package/dist/esm/components/Typography/Text/interfaces.js.map +0 -1
- package/dist/esm/components/Typography/Text/styles.d.ts +0 -2
- package/dist/esm/components/Typography/Text/styles.js +0 -35
- package/dist/esm/components/Typography/Text/styles.js.map +0 -1
- package/dist/esm/components/Typography/Title/index.d.ts +0 -4
- package/dist/esm/components/Typography/Title/index.js +0 -8
- package/dist/esm/components/Typography/Title/index.js.map +0 -1
- package/dist/esm/components/Typography/Title/interfaces.d.ts +0 -7
- package/dist/esm/components/Typography/Title/interfaces.js +0 -2
- package/dist/esm/components/Typography/Title/interfaces.js.map +0 -1
- package/dist/esm/components/Typography/Title/styles.d.ts +0 -2
- package/dist/esm/components/Typography/Title/styles.js +0 -35
- package/dist/esm/components/Typography/Title/styles.js.map +0 -1
- package/dist/esm/components/Typography/index.d.ts +0 -3
- package/dist/esm/components/Typography/index.js +0 -4
- package/dist/esm/components/Typography/index.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/header/index.d.ts +0 -3
- package/dist/esm/components/UncontrolledTable/components/header/index.js +0 -39
- package/dist/esm/components/UncontrolledTable/components/header/index.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts +0 -8
- package/dist/esm/components/UncontrolledTable/components/header/styles.js +0 -12
- package/dist/esm/components/UncontrolledTable/components/header/styles.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/index.d.ts +0 -4
- package/dist/esm/components/UncontrolledTable/components/index.js +0 -5
- package/dist/esm/components/UncontrolledTable/components/index.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/pagination/index.d.ts +0 -11
- package/dist/esm/components/UncontrolledTable/components/pagination/index.js +0 -18
- package/dist/esm/components/UncontrolledTable/components/pagination/index.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/pagination/styles.d.ts +0 -1
- package/dist/esm/components/UncontrolledTable/components/pagination/styles.js +0 -5
- package/dist/esm/components/UncontrolledTable/components/pagination/styles.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/tbody/index.d.ts +0 -3
- package/dist/esm/components/UncontrolledTable/components/tbody/index.js +0 -15
- package/dist/esm/components/UncontrolledTable/components/tbody/index.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.d.ts +0 -2
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.js +0 -12
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/index.d.ts +0 -4
- package/dist/esm/components/UncontrolledTable/index.js +0 -86
- package/dist/esm/components/UncontrolledTable/index.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/interface.d.ts +0 -44
- package/dist/esm/components/UncontrolledTable/interface.js +0 -2
- package/dist/esm/components/UncontrolledTable/interface.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/styles.d.ts +0 -14
- package/dist/esm/components/UncontrolledTable/styles.js +0 -22
- package/dist/esm/components/UncontrolledTable/styles.js.map +0 -1
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.d.ts +0 -15
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js +0 -32
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js.map +0 -1
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.d.ts +0 -12
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js +0 -49
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js.map +0 -1
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.d.ts +0 -1
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.js +0 -5
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.js.map +0 -1
- package/dist/esm/components/index.d.ts +0 -23
- package/dist/esm/components/index.js +0 -24
- package/dist/esm/components/index.js.map +0 -1
- package/dist/esm/helpers/alignments.d.ts +0 -2
- package/dist/esm/helpers/alignments.js +0 -14
- package/dist/esm/helpers/alignments.js.map +0 -1
- package/dist/esm/helpers/borders.d.ts +0 -2
- package/dist/esm/helpers/borders.js +0 -18
- package/dist/esm/helpers/borders.js.map +0 -1
- package/dist/esm/helpers/colors.d.ts +0 -178
- package/dist/esm/helpers/colors.js +0 -237
- package/dist/esm/helpers/colors.js.map +0 -1
- package/dist/esm/helpers/index.d.ts +0 -5
- package/dist/esm/helpers/index.js +0 -6
- package/dist/esm/helpers/index.js.map +0 -1
- package/dist/esm/helpers/radios.d.ts +0 -2
- package/dist/esm/helpers/radios.js +0 -24
- package/dist/esm/helpers/radios.js.map +0 -1
- package/dist/esm/helpers/sizes.d.ts +0 -11
- package/dist/esm/helpers/sizes.js +0 -67
- package/dist/esm/helpers/sizes.js.map +0 -1
- package/dist/esm/hooks/useClickOutside.d.ts +0 -2
- package/dist/esm/hooks/useClickOutside.js +0 -16
- package/dist/esm/hooks/useClickOutside.js.map +0 -1
- package/dist/esm/index.d.ts +0 -34
- package/dist/esm/index.js +0 -35
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/interfaces/Accordion.d.ts +0 -11
- package/dist/esm/interfaces/Accordion.js +0 -2
- package/dist/esm/interfaces/Accordion.js.map +0 -1
- package/dist/esm/interfaces/Avatar.d.ts +0 -12
- package/dist/esm/interfaces/Avatar.js +0 -2
- package/dist/esm/interfaces/Avatar.js.map +0 -1
- package/dist/esm/interfaces/Badge.d.ts +0 -14
- package/dist/esm/interfaces/Badge.js +0 -2
- package/dist/esm/interfaces/Badge.js.map +0 -1
- package/dist/esm/interfaces/Button.d.ts +0 -12
- package/dist/esm/interfaces/Button.js +0 -2
- package/dist/esm/interfaces/Button.js.map +0 -1
- package/dist/esm/interfaces/Card.d.ts +0 -10
- package/dist/esm/interfaces/Card.js +0 -2
- package/dist/esm/interfaces/Card.js.map +0 -1
- package/dist/esm/interfaces/ChatMessage.d.ts +0 -11
- package/dist/esm/interfaces/ChatMessage.js +0 -2
- package/dist/esm/interfaces/ChatMessage.js.map +0 -1
- package/dist/esm/interfaces/ChatMessageBalloon.d.ts +0 -16
- package/dist/esm/interfaces/ChatMessageBalloon.js +0 -2
- package/dist/esm/interfaces/ChatMessageBalloon.js.map +0 -1
- package/dist/esm/interfaces/CheckBox.d.ts +0 -19
- package/dist/esm/interfaces/CheckBox.js +0 -2
- package/dist/esm/interfaces/CheckBox.js.map +0 -1
- package/dist/esm/interfaces/DatePicker.d.ts +0 -11
- package/dist/esm/interfaces/DatePicker.js +0 -2
- package/dist/esm/interfaces/DatePicker.js.map +0 -1
- package/dist/esm/interfaces/DropDown.d.ts +0 -11
- package/dist/esm/interfaces/DropDown.js +0 -2
- package/dist/esm/interfaces/DropDown.js.map +0 -1
- package/dist/esm/interfaces/IconButton.d.ts +0 -14
- package/dist/esm/interfaces/IconButton.js +0 -2
- package/dist/esm/interfaces/IconButton.js.map +0 -1
- package/dist/esm/interfaces/Icons.d.ts +0 -15
- package/dist/esm/interfaces/Icons.js +0 -2
- package/dist/esm/interfaces/Icons.js.map +0 -1
- package/dist/esm/interfaces/Modal.d.ts +0 -16
- package/dist/esm/interfaces/Modal.js +0 -2
- package/dist/esm/interfaces/Modal.js.map +0 -1
- package/dist/esm/interfaces/Paper.d.ts +0 -11
- package/dist/esm/interfaces/Paper.js +0 -2
- package/dist/esm/interfaces/Paper.js.map +0 -1
- package/dist/esm/interfaces/ProgressBar.d.ts +0 -26
- package/dist/esm/interfaces/ProgressBar.js +0 -2
- package/dist/esm/interfaces/ProgressBar.js.map +0 -1
- package/dist/esm/interfaces/RadioGroup.d.ts +0 -16
- package/dist/esm/interfaces/RadioGroup.js +0 -2
- package/dist/esm/interfaces/RadioGroup.js.map +0 -1
- package/dist/esm/interfaces/RangerSlider.d.ts +0 -18
- package/dist/esm/interfaces/RangerSlider.js +0 -2
- package/dist/esm/interfaces/RangerSlider.js.map +0 -1
- package/dist/esm/interfaces/Select.d.ts +0 -16
- package/dist/esm/interfaces/Select.js +0 -2
- package/dist/esm/interfaces/Select.js.map +0 -1
- package/dist/esm/interfaces/Tabs.d.ts +0 -17
- package/dist/esm/interfaces/Tabs.js +0 -2
- package/dist/esm/interfaces/Tabs.js.map +0 -1
- package/dist/esm/interfaces/Tag.d.ts +0 -17
- package/dist/esm/interfaces/Tag.js +0 -2
- package/dist/esm/interfaces/Tag.js.map +0 -1
- package/dist/esm/interfaces/TextField.d.ts +0 -41
- package/dist/esm/interfaces/TextField.js +0 -2
- package/dist/esm/interfaces/TextField.js.map +0 -1
- package/dist/esm/interfaces/TimeLine.d.ts +0 -16
- package/dist/esm/interfaces/TimeLine.js +0 -2
- package/dist/esm/interfaces/TimeLine.js.map +0 -1
- package/dist/esm/interfaces/TimePicker.d.ts +0 -11
- package/dist/esm/interfaces/TimePicker.js +0 -2
- package/dist/esm/interfaces/TimePicker.js.map +0 -1
- package/dist/esm/interfaces/index.d.ts +0 -23
- package/dist/esm/interfaces/index.js +0 -24
- package/dist/esm/interfaces/index.js.map +0 -1
- package/dist/esm/providers/NormaProvider.d.ts +0 -3
- package/dist/esm/providers/NormaProvider.js +0 -7
- package/dist/esm/providers/NormaProvider.js.map +0 -1
- package/dist/esm/types/index.d.ts +0 -90
- package/dist/esm/types/index.js +0 -10
- package/dist/esm/types/index.js.map +0 -1
- package/dist/esm/utils/styledBreakpoints.d.ts +0 -10
- package/dist/esm/utils/styledBreakpoints.js +0 -12
- package/dist/esm/utils/styledBreakpoints.js.map +0 -1
- package/src/components/UncontrolledTable/components/tbody/index.tsx +0 -33
- /package/src/components/UncontrolledTable/components/{tbody → row}/styles.tsx +0 -0
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React, { useRef, useState, useEffect } from 'react';
|
|
2
|
-
import * as S from './styles';
|
|
3
|
-
import SettingsIcon from '@mui/icons-material/Settings';
|
|
4
|
-
import { CheckBox } from '../../../CheckBox';
|
|
5
|
-
import useClickOutside from '../../../../hooks/useClickOutside';
|
|
6
|
-
var Header = function (_a) {
|
|
7
|
-
var table = _a.table, showTotalResults = _a.showTotalResults, showSettings = _a.showSettings, showClearFiels = _a.showClearFiels, onClearFieldsClick = _a.onClearFieldsClick, customTotalResults = _a.customTotalResults, clearLabel = _a.clearLabel, customIcons = _a.customIcons, _b = _a.hideColumns, hideColumns = _b === void 0 ? [] : _b, onColumnVisibilityChange = _a.onColumnVisibilityChange;
|
|
8
|
-
var _c = useState(false), openTools = _c[0], setOpenTools = _c[1];
|
|
9
|
-
var listToolsRef = useRef(null);
|
|
10
|
-
useClickOutside(listToolsRef, function () { return setOpenTools(false); });
|
|
11
|
-
useEffect(function () {
|
|
12
|
-
(hideColumns === null || hideColumns === void 0 ? void 0 : hideColumns.length) &&
|
|
13
|
-
table
|
|
14
|
-
.getAllLeafColumns()
|
|
15
|
-
.filter(function (column) { return hideColumns.includes(column.id); })
|
|
16
|
-
.forEach(function (column) { return column.toggleVisibility(false); });
|
|
17
|
-
}, [hideColumns, table]);
|
|
18
|
-
var handleVisibilityChange = function (column) {
|
|
19
|
-
var isVisible = !column.getIsVisible();
|
|
20
|
-
column.toggleVisibility(isVisible);
|
|
21
|
-
onColumnVisibilityChange === null || onColumnVisibilityChange === void 0 ? void 0 : onColumnVisibilityChange(column.id, isVisible);
|
|
22
|
-
};
|
|
23
|
-
return (React.createElement(S.Header, { "$showResults": showTotalResults },
|
|
24
|
-
React.createElement("div", null,
|
|
25
|
-
showTotalResults && (React.createElement(S.Results, null,
|
|
26
|
-
React.createElement(S.TextResult, null, customTotalResults ? customTotalResults : "".concat(table.getRowModel().rows.length, " resultados encontrados.")))),
|
|
27
|
-
showClearFiels && (React.createElement(S.TextClearSearch, { onClick: function () { return onClearFieldsClick && onClearFieldsClick(); } }, clearLabel || 'Limpar busca'))),
|
|
28
|
-
React.createElement(S.Tools, null,
|
|
29
|
-
showSettings ? (React.createElement(S.IconTools, { onClick: function () { return setOpenTools(!openTools); } },
|
|
30
|
-
React.createElement(SettingsIcon, { sx: { fontSize: 18, color: '#DE8B50' } }))) : null,
|
|
31
|
-
customIcons &&
|
|
32
|
-
customIcons.map(function (IconComponent, index) { return (React.createElement(S.IconTools, { key: index }, IconComponent)); }),
|
|
33
|
-
openTools ? (React.createElement(S.ListTools, { ref: listToolsRef }, table.getAllLeafColumns().map(function (column) {
|
|
34
|
-
return (React.createElement("div", { key: column.id, className: "px-1" },
|
|
35
|
-
React.createElement(CheckBox, { label: column.columnDef.header || column.id, size: "small", checked: column.getIsVisible(), value: column.getIsVisible(), onChange: function () { return handleVisibilityChange(column); } })));
|
|
36
|
-
}))) : null)));
|
|
37
|
-
};
|
|
38
|
-
export default Header;
|
|
39
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
2
|
-
export declare const Results: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
-
export declare const Tools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
-
export declare const TextResult: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
-
export declare const TextClearSearchContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
-
export declare const TextClearSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
7
|
-
export declare const IconTools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
-
export declare const ListTools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n width: calc(100% - 32px);\n @media screen and (max-width: 1440px) {\n width: calc(100% - 16px);\n }\n margin: 0 auto;\n"], ["\n display: flex;\n justify-content: space-between;\n width: calc(100% - 32px);\n @media screen and (max-width: 1440px) {\n width: calc(100% - 16px);\n }\n margin: 0 auto;\n"])));
|
|
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 display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\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 z-index: 100;\n top: 0;\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 z-index: 100;\n top: 0;\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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,2PAAK,wLAQpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAIhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,iHAAA,8CAG9B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGnC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAE/C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,mMAAA,gIAQtC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,2ZAAA,wVAkBlC,IAAA,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/UncontrolledTable/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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface PaginationProps {
|
|
3
|
-
count: number;
|
|
4
|
-
pagination: {
|
|
5
|
-
pageIndex: number;
|
|
6
|
-
pageSize: number;
|
|
7
|
-
};
|
|
8
|
-
onChangePage: (page: number) => void;
|
|
9
|
-
}
|
|
10
|
-
declare const Pagination: (props: PaginationProps) => React.JSX.Element;
|
|
11
|
-
export default Pagination;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { Pagination as MuiPagination, PaginationItem } from '@mui/material';
|
|
4
|
-
import * as S from './styles';
|
|
5
|
-
var Pagination = function (props) {
|
|
6
|
-
var count = props.count, pagination = props.pagination, onChangePage = props.onChangePage;
|
|
7
|
-
var PreviousPagination = function () {
|
|
8
|
-
return React.createElement("span", null, '<');
|
|
9
|
-
};
|
|
10
|
-
var NextPagination = function () {
|
|
11
|
-
return React.createElement("span", null, '>');
|
|
12
|
-
};
|
|
13
|
-
return (React.createElement(S.Pagination, null,
|
|
14
|
-
React.createElement("div", { className: "content" },
|
|
15
|
-
React.createElement(MuiPagination, { onChange: function (_event, page) { return onChangePage(page); }, page: pagination.pageIndex, count: count, 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))); } }))));
|
|
16
|
-
};
|
|
17
|
-
export default Pagination;
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAQ9B,IAAM,UAAU,GAAG,UAAC,KAAsB;IAChC,IAAA,KAAK,GAA+B,KAAK,MAApC,EAAE,UAAU,GAAmB,KAAK,WAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IAElD,IAAM,kBAAkB,GAAkB;QACxC,OAAO,kCAAO,GAAG,CAAQ,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,cAAc,GAAkB;QACpC,OAAO,kCAAO,GAAG,CAAQ,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,UAAU;QACX,6BAAK,SAAS,EAAC,SAAS;YACtB,oBAAC,aAAa,IACZ,QAAQ,EAAE,UAAC,MAAkC,EAAE,IAAY,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EAClF,IAAI,EAAE,UAAU,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAC,IAAS,IAAK,OAAA,CACzB,oBAAC,cAAc,aACb,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,EACtD,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,IAAI,EAAE,cAAc,EAAE,EAC7D,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IACpC,IAAI,EACR,CACH,EAP0B,CAO1B,GACD,CACE,CACO,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,5 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
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(S.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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/tbody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,IAAM,KAAK,GAAkB,UAAC,EAA2C;QAAzC,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACrE,OAAO,CACL,mCACG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,KAAa;QACpD,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IACH,GAAG,EAAE,KAAK,gBACE,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,EACtD,OAAO,EAAE,cAAM,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAxC,CAAwC,EACvD,WAAW,EAAE,cAAM,OAAA,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAhD,CAAgD,EACnE,UAAU,EAAE,cAAM,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAA9C,CAA8C,IAE/D,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;YAClD,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,KAAK,IACb,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;gBACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,CAAC;QACJ,CAAC,CAAC,CACG,CACR,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
2
|
-
export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import { breakpoints } from '../../../../utils/styledBreakpoints';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
export var Tr = styled.tr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: inherit;\n display: table-row;\n vertical-align: middle;\n outline: 0;\n &:nth-of-type(even) {\n background-color: #fafafa;\n }\n"], ["\n color: inherit;\n display: table-row;\n vertical-align: middle;\n outline: 0;\n &:nth-of-type(even) {\n background-color: #fafafa;\n }\n"])));
|
|
5
|
-
export var Td = styled.td(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px;\n ", ";\n color: #666666;\n font-size: 0.875rem;\n"], ["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px;\n ", ";\n color: #666666;\n font-size: 0.875rem;\n"])), breakpoints({
|
|
6
|
-
cssProp: 'padding',
|
|
7
|
-
cssPropUnits: 'px',
|
|
8
|
-
values: [{ 1440: 8 }],
|
|
9
|
-
mediaQueryType: 'max-width',
|
|
10
|
-
}));
|
|
11
|
-
var templateObject_1, templateObject_2;
|
|
12
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/tbody/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,yNAAK,sJAQ/B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,6WAAA,wPAUvB,EAKA,gDAGH,KARG,WAAW,CAAC;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,cAAc,EAAE,WAAW;CAC5B,CAAC,CAGH,CAAC"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import React, { useState, useMemo, useRef } from 'react';
|
|
3
|
-
import * as S from './styles';
|
|
4
|
-
import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
|
|
5
|
-
import { Pagination, Header, TBody } from './components';
|
|
6
|
-
import useClickOutside from '../../hooks/useClickOutside';
|
|
7
|
-
var UncontrolledTable = function (props) {
|
|
8
|
-
var data = props.data, columns = props.columns, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseOut = props.onMouseOut, showTotalResults = props.showTotalResults, showSettings = props.showSettings, onChangePage = props.onChangePage, pagination = props.pagination, totalPages = props.totalPages, showClearFields = props.showClearFields, onClearFieldsClick = props.onClearFieldsClick, onFilterClick = props.onFilterClick, onSortClick = props.onSortClick, customTotalResults = props.customTotalResults, labels = props.labels, tableClassName = props.tableClassName, stickyHeader = props.stickyHeader, stickyHeaderP = props.stickyHeaderP;
|
|
9
|
-
var _a = useState(''), openFilterDialog = _a[0], setOpenFilterDialog = _a[1];
|
|
10
|
-
var _b = useState([]), sorting = _b[0], setSorting = _b[1];
|
|
11
|
-
var _c = useState([]), filterByColumn = _c[0], setFilterByColumn = _c[1];
|
|
12
|
-
var _d = useState([]), globalFilters = _d[0], setGlobalFilters = _d[1];
|
|
13
|
-
var _e = useState(false), orderSmallest = _e[0], setOrderSmallest = _e[1];
|
|
14
|
-
var _f = useState(false), orderLargest = _f[0], setOrderLargest = _f[1];
|
|
15
|
-
var reactTableConfig = useMemo(function () {
|
|
16
|
-
var config = {
|
|
17
|
-
columns: columns,
|
|
18
|
-
data: data,
|
|
19
|
-
state: {
|
|
20
|
-
sorting: sorting,
|
|
21
|
-
columnFilters: filterByColumn,
|
|
22
|
-
pagination: pagination,
|
|
23
|
-
},
|
|
24
|
-
rowCount: totalPages,
|
|
25
|
-
getCoreRowModel: getCoreRowModel(),
|
|
26
|
-
getSortedRowModel: getSortedRowModel(),
|
|
27
|
-
onSortingChange: setSorting,
|
|
28
|
-
onColumnFiltersChange: setFilterByColumn,
|
|
29
|
-
manualPagination: true,
|
|
30
|
-
};
|
|
31
|
-
return config;
|
|
32
|
-
}, [data, sorting, filterByColumn, columns, pagination]);
|
|
33
|
-
var table = useReactTable(reactTableConfig);
|
|
34
|
-
var filterRef = useRef(null);
|
|
35
|
-
useClickOutside(filterRef, function () { return setOpenFilterDialog(''); });
|
|
36
|
-
return (React.createElement(S.Container, null,
|
|
37
|
-
React.createElement(Header, { table: table, globalFilters: globalFilters, orderSmallest: orderSmallest, orderLargest: orderLargest, showTotalResults: showTotalResults, showSettings: showSettings, setGlobalFilters: setGlobalFilters, setOrderLargest: setOrderLargest, setOrderSmallest: setOrderSmallest, showClearFiels: showClearFields, customTotalResults: customTotalResults, clearLabel: labels === null || labels === void 0 ? void 0 : labels.clearFilter, onClearFieldsClick: function () { return onClearFieldsClick && onClearFieldsClick(); }, customIcons: props.customIcons, hideColumns: props.hideColumns, onColumnVisibilityChange: props.onColumnVisibilityChange }),
|
|
38
|
-
React.createElement(S.Table, { className: tableClassName || '' },
|
|
39
|
-
React.createElement(S.Thead, { "$sticky": stickyHeader, "$stickyTopP": stickyHeaderP }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(S.TableRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
|
|
40
|
-
var _a, _b, _c, _d;
|
|
41
|
-
return (React.createElement(S.Th, { key: header.id },
|
|
42
|
-
React.createElement(S.ColumnContent, { onClick: function () {
|
|
43
|
-
var _a, _b;
|
|
44
|
-
if (!((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu))
|
|
45
|
-
setOpenFilterDialog(header.column.columnDef.accessorKey);
|
|
46
|
-
} },
|
|
47
|
-
React.createElement(S.TextColumn, null, !header.isPlaceholder && flexRender(header.column.columnDef.header, header.getContext())),
|
|
48
|
-
!((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu) && (React.createElement(S.IconFilterDialog, null,
|
|
49
|
-
React.createElement("svg", { fill: "#666", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" },
|
|
50
|
-
React.createElement("path", { d: "m7 10 5 5 5-5z" }))))),
|
|
51
|
-
openFilterDialog === header.column.columnDef.accessorKey && (React.createElement(S.FilterDialog, { ref: filterRef },
|
|
52
|
-
React.createElement(S.ListFilterDialog, null,
|
|
53
|
-
React.createElement(S.OptionFilterDialog, { style: {
|
|
54
|
-
background: orderSmallest ? 'rgba(0, 0, 0, 0.04)' : '',
|
|
55
|
-
}, onClick: function () {
|
|
56
|
-
onSortClick && onSortClick(header.column.columnDef.accessorKey, 'asc');
|
|
57
|
-
setOpenFilterDialog('');
|
|
58
|
-
} },
|
|
59
|
-
React.createElement("div", { className: "icon" },
|
|
60
|
-
React.createElement("svg", { fill: "#666", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "20", height: "20" },
|
|
61
|
-
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
|
|
62
|
-
React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderAsc) || 'Menor primeiro')),
|
|
63
|
-
React.createElement(S.OptionFilterDialog, { style: {
|
|
64
|
-
background: orderLargest ? 'rgba(0, 0, 0, 0.04)' : '',
|
|
65
|
-
}, onClick: function () {
|
|
66
|
-
onSortClick && onSortClick(header.column.columnDef.accessorKey, 'desc');
|
|
67
|
-
setOpenFilterDialog('');
|
|
68
|
-
} },
|
|
69
|
-
React.createElement("div", { className: "icon rotate" },
|
|
70
|
-
React.createElement("svg", { fill: "#666", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "20", height: "20" },
|
|
71
|
-
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
|
|
72
|
-
React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderDesc) || 'Maior primeiro')),
|
|
73
|
-
!((_d = (_c = header === null || header === void 0 ? void 0 : header.column) === null || _c === void 0 ? void 0 : _c.columnDef) === null || _d === void 0 ? void 0 : _d.nofilter) && (React.createElement(S.OptionFilterDialog, { onClick: function () {
|
|
74
|
-
onFilterClick && onFilterClick(header.column.columnDef.accessorKey);
|
|
75
|
-
setOpenFilterDialog('');
|
|
76
|
-
} },
|
|
77
|
-
React.createElement("div", { className: "icon" },
|
|
78
|
-
React.createElement("svg", { fill: "none", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "16", height: "16" },
|
|
79
|
-
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z" }))),
|
|
80
|
-
React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.filter) || 'Filtrar por'))))))));
|
|
81
|
-
}))); })),
|
|
82
|
-
React.createElement(TBody, { table: table, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut })),
|
|
83
|
-
pagination && (React.createElement(Pagination, { pagination: pagination, count: totalPages, onChangePage: function (page) { return onChangePage(__assign(__assign({}, pagination), { pageIndex: page })); } }))));
|
|
84
|
-
};
|
|
85
|
-
export default UncontrolledTable;
|
|
86
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { ColumnDef } from '@tanstack/react-table';
|
|
2
|
-
type Labels = {
|
|
3
|
-
orderAsc: string;
|
|
4
|
-
orderDesc: string;
|
|
5
|
-
filter: string;
|
|
6
|
-
clearFilter: string;
|
|
7
|
-
};
|
|
8
|
-
interface Pagination {
|
|
9
|
-
pageIndex: number;
|
|
10
|
-
pageSize: number;
|
|
11
|
-
}
|
|
12
|
-
export interface UncontrolledTableProps {
|
|
13
|
-
data: any;
|
|
14
|
-
columns: ColumnDef<ColumnsTable>[];
|
|
15
|
-
onClick: any;
|
|
16
|
-
onMouseOver: any;
|
|
17
|
-
onMouseOut: any;
|
|
18
|
-
showTotalResults: boolean;
|
|
19
|
-
showSettings: boolean;
|
|
20
|
-
pagination?: Pagination;
|
|
21
|
-
totalPages: number;
|
|
22
|
-
showClearFields?: boolean;
|
|
23
|
-
customTotalResults?: string;
|
|
24
|
-
onChangePage: (pagination: Pagination) => void;
|
|
25
|
-
onClearFieldsClick?: () => void;
|
|
26
|
-
onFilterClick?: (column: string) => void;
|
|
27
|
-
onSortClick?: (column: string, direction: string) => void;
|
|
28
|
-
labels?: Labels;
|
|
29
|
-
tableClassName?: string;
|
|
30
|
-
stickyHeader?: boolean;
|
|
31
|
-
stickyHeaderP?: number;
|
|
32
|
-
customIcons?: React.ReactNode[];
|
|
33
|
-
hideColumns?: string[];
|
|
34
|
-
onColumnVisibilityChange?: (columnId: string, isVisible: boolean) => void;
|
|
35
|
-
}
|
|
36
|
-
export interface ColumnsTable {
|
|
37
|
-
header: string;
|
|
38
|
-
accessorKey: string;
|
|
39
|
-
type: string;
|
|
40
|
-
enableColumnFilter: boolean;
|
|
41
|
-
filterFn: string;
|
|
42
|
-
nofilter?: boolean;
|
|
43
|
-
}
|
|
44
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/interface.ts"],"names":[],"mappings":""}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
-
export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
|
|
3
|
-
export declare const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
|
|
4
|
-
$sticky?: boolean;
|
|
5
|
-
$stickyTopP?: number;
|
|
6
|
-
}>> & string;
|
|
7
|
-
export declare const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
|
|
8
|
-
export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
|
|
9
|
-
export declare const ColumnContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
-
export declare const TextColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
11
|
-
export declare const IconFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
-
export declare const FilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
13
|
-
export declare const ListFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
-
export declare const OptionFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import { breakpoints } from '../../utils/styledBreakpoints';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: #fff;\n"], ["\n background-color: #fff;\n"])));
|
|
5
|
-
export var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"], ["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"])));
|
|
6
|
-
var StickyStyles = function (top) { return "\n position: sticky;\n top: ".concat(top, "px;\n z-index: 1;\n background: #fff;\n"); };
|
|
7
|
-
export var Thead = styled.thead(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: table-header-group;\n ", ";\n"], ["\n display: table-header-group;\n ", ";\n"])), function (props) { return props.$sticky && StickyStyles(props.$stickyTopP || 0); });
|
|
8
|
-
export var TableRow = styled.tr(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: inherit;\n display: table-row;\n vertical-align: middle;\n outline: 0;\n"], ["\n color: inherit;\n display: table-row;\n vertical-align: middle;\n outline: 0;\n"])));
|
|
9
|
-
export var Th = styled.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"], ["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"])), breakpoints({
|
|
10
|
-
cssProp: 'padding',
|
|
11
|
-
cssPropUnits: 'px',
|
|
12
|
-
values: [{ 1440: 8 }],
|
|
13
|
-
mediaQueryType: 'max-width',
|
|
14
|
-
}));
|
|
15
|
-
export var ColumnContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 5px;\n"], ["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
16
|
-
export var TextColumn = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
|
|
17
|
-
export var IconFilterDialog = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n height: 20px;\n width: 20px;\n"], ["\n height: 20px;\n width: 20px;\n"])));
|
|
18
|
-
export var FilterDialog = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n padding: 10px 0;\n margin: 6px 0px 0 0;\n width: max-content;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n z-index: 99;\n"], ["\n position: absolute;\n padding: 10px 0;\n margin: 6px 0px 0 0;\n width: max-content;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n z-index: 99;\n"])));
|
|
19
|
-
export var ListFilterDialog = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n .label {\n margin: 0 0 8px 0;\n color: #666666;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n }\n .select {\n border: 1px solid #e0e0e0;\n padding: 8px 12px;\n }\n"], ["\n display: flex;\n flex-direction: column;\n .label {\n margin: 0 0 8px 0;\n color: #666666;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n }\n .select {\n border: 1px solid #e0e0e0;\n padding: 8px 12px;\n }\n"])));
|
|
20
|
-
export var OptionFilterDialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n gap: 16px;\n align-items: center;\n padding: 6px 15px;\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n .icon {\n color: #666;\n }\n .rotate {\n rotate: 180deg;\n }\n div {\n width: 20px;\n height: 20px;\n }\n p {\n margin: 0;\n color: #666666;\n font-size: 16px;\n font-weight: 400;\n }\n"], ["\n display: flex;\n gap: 16px;\n align-items: center;\n padding: 6px 15px;\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n .icon {\n color: #666;\n }\n .rotate {\n rotate: 180deg;\n }\n div {\n width: 20px;\n height: 20px;\n }\n p {\n margin: 0;\n color: #666666;\n font-size: 16px;\n font-weight: 400;\n }\n"])));
|
|
21
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
22
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,kGAAA,+BAElC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,GAAW,IAAK,OAAA,wCAE7B,GAAG,8CAGX,EALqC,CAKrC,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,gHAA4C,sCAEzE,EAA8D,KACjE,KADG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,EAArD,CAAqD,CACjE,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAKhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,iaAAA,wPAUvB,EAKA,oGAKH,KAVG,WAAW,CAAC;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,cAAc,EAAE,WAAW;CAC5B,CAAC,CAKH,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAItC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,qEAAA,EAAE,IAAA,CAAC;AAExC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wGAAA,qCAGzC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0QAAA,uMASrC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAczC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React, { SyntheticEvent } from 'react';
|
|
2
|
-
import { SxProps } from '@mui/material';
|
|
3
|
-
import { ColorVariant, DataTabs, MuiTabsBaseProps, TabsVariant } from '@/types';
|
|
4
|
-
import { Theme } from '@emotion/react';
|
|
5
|
-
interface Props extends MuiTabsBaseProps {
|
|
6
|
-
sx?: SxProps<Theme>;
|
|
7
|
-
tabs: DataTabs[];
|
|
8
|
-
tab: number;
|
|
9
|
-
onTabChange: (event: SyntheticEvent, tab: number) => void;
|
|
10
|
-
color?: ColorVariant;
|
|
11
|
-
variant?: TabsVariant;
|
|
12
|
-
info?: React.ReactNode;
|
|
13
|
-
}
|
|
14
|
-
declare const UncontrolledTabs: ({ tabs, tab, color, onTabChange, info, ...props }: Props) => React.JSX.Element;
|
|
15
|
-
export default UncontrolledTabs;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { Box } from '@mui/material';
|
|
4
|
-
import { NormaTab, NormaTabs } from './UncontrolledTabs.style';
|
|
5
|
-
import { NormaTabInfo } from './UncontrolledTabsInfo.style';
|
|
6
|
-
function TabPanel(props) {
|
|
7
|
-
var children = props.children, value = props.value, index = props.index, other = __rest(props, ["children", "value", "index"]);
|
|
8
|
-
return (React.createElement("div", __assign({ role: "tabpanel", hidden: value !== index, id: "simple-tabpanel-".concat(index), "aria-labelledby": "simple-tab-".concat(index) }, other), value === index && React.createElement(Box, { sx: { p: 3 } }, children)));
|
|
9
|
-
}
|
|
10
|
-
function a11yProps(index) {
|
|
11
|
-
return {
|
|
12
|
-
id: "simple-tab-".concat(index),
|
|
13
|
-
'aria-controls': "simple-tabpanel-".concat(index),
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
var UncontrolledTabs = function (_a) {
|
|
17
|
-
var tabs = _a.tabs, tab = _a.tab, _b = _a.color, color = _b === void 0 ? 'primary' : _b, onTabChange = _a.onTabChange, info = _a.info, props = __rest(_a, ["tabs", "tab", "color", "onTabChange", "info"]);
|
|
18
|
-
var handleChange = function (event, newValue) {
|
|
19
|
-
onTabChange(event, newValue);
|
|
20
|
-
};
|
|
21
|
-
return (React.createElement(Box, { sx: { width: '100%' } },
|
|
22
|
-
React.createElement(Box, null,
|
|
23
|
-
React.createElement(NormaTabs, __assign({ value: tab, color: color, onChange: handleChange, "aria-label": "tabs" }, props),
|
|
24
|
-
tabs.map(function (item, key) { return (React.createElement(NormaTab, __assign({ key: key, label: item.label, color: color }, a11yProps(key)))); }),
|
|
25
|
-
info && React.createElement(NormaTabInfo, null, info))),
|
|
26
|
-
tabs.map(function (item, key) {
|
|
27
|
-
var _a;
|
|
28
|
-
return (React.createElement(TabPanel, __assign({}, (_a = item.tabPanel) === null || _a === void 0 ? void 0 : _a.props, { key: key, value: tab, index: key }), item.children));
|
|
29
|
-
})));
|
|
30
|
-
};
|
|
31
|
-
export default UncontrolledTabs;
|
|
32
|
-
//# sourceMappingURL=UncontrolledTabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledTabs.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAkB5D,SAAS,QAAQ,CAAC,KAAoB;IAC5B,IAAA,QAAQ,GAA6B,KAAK,SAAlC,EAAE,KAAK,GAAsB,KAAK,MAA3B,EAAE,KAAK,GAAe,KAAK,MAApB,EAAK,KAAK,UAAK,KAAK,EAA5C,8BAAoC,CAAF,CAAW;IAEnD,OAAO,CACL,sCACE,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,KAAK,KAAK,KAAK,EACvB,EAAE,EAAE,0BAAmB,KAAK,CAAE,qBACb,qBAAc,KAAK,CAAE,IAClC,KAAK,GAER,KAAK,KAAK,KAAK,IAAI,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAO,CACnD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAa;IAC9B,OAAO;QACL,EAAE,EAAE,qBAAc,KAAK,CAAE;QACzB,eAAe,EAAE,0BAAmB,KAAK,CAAE;KAC5C,CAAC;AACJ,CAAC;AAED,IAAM,gBAAgB,GAAG,UAAC,EAAoE;IAAlE,IAAA,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA3D,+CAA6D,CAAF;IACnF,IAAM,YAAY,GAAG,UAAC,KAAqB,EAAE,QAAgB;QAC3D,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QACxB,oBAAC,GAAG;YACF,oBAAC,SAAS,aAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,gBAAa,MAAM,IAAK,KAAK;gBACrF,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACvB,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAM,SAAS,CAAC,GAAG,CAAC,EAAI,CAC5E,EAFwB,CAExB,CAAC;gBACD,IAAI,IAAI,oBAAC,YAAY,QAAE,IAAI,CAAgB,CAClC,CACR;QACL,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG;;YAAK,OAAA,CACvB,oBAAC,QAAQ,eAAK,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KACjE,IAAI,CAAC,QAAQ,CACL,CACZ,CAAA;SAAA,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TabsProps } from '@mui/material/Tabs';
|
|
3
|
-
import { ColorVariant } from '@/types';
|
|
4
|
-
interface StyledTabProps {
|
|
5
|
-
label: string;
|
|
6
|
-
color: ColorVariant;
|
|
7
|
-
}
|
|
8
|
-
export declare const NormaTabs: React.ComponentType<TabsProps & {
|
|
9
|
-
color: ColorVariant;
|
|
10
|
-
}>;
|
|
11
|
-
export declare const NormaTab: React.ComponentType<StyledTabProps>;
|
|
12
|
-
export {};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { styled } from '@mui/material/styles';
|
|
4
|
-
import { Tab, Tabs } from '@mui/material';
|
|
5
|
-
import { palette } from '../../helpers';
|
|
6
|
-
var colorMap = {
|
|
7
|
-
inherit: palette.inherit,
|
|
8
|
-
primary: palette.primary,
|
|
9
|
-
secondary: palette.secondary,
|
|
10
|
-
error: palette.error,
|
|
11
|
-
warning: palette.warning,
|
|
12
|
-
info: palette.info,
|
|
13
|
-
success: palette.success,
|
|
14
|
-
};
|
|
15
|
-
export var NormaTabs = styled(Tabs)(function (_a) {
|
|
16
|
-
var color = _a.color;
|
|
17
|
-
return ({
|
|
18
|
-
borderBottom: '1px solid #e8e8e8',
|
|
19
|
-
'& .Mui-selected': {
|
|
20
|
-
color: colorMap[color],
|
|
21
|
-
},
|
|
22
|
-
'& .MuiTabs-indicator': {
|
|
23
|
-
backgroundColor: colorMap[color],
|
|
24
|
-
},
|
|
25
|
-
'& .MuiButtonBase-root': {
|
|
26
|
-
textTransform: 'none',
|
|
27
|
-
},
|
|
28
|
-
});
|
|
29
|
-
});
|
|
30
|
-
export var NormaTab = styled(function (props) { return (React.createElement(Tab, __assign({ disableRipple: true }, props))); })(function (_a) {
|
|
31
|
-
var theme = _a.theme, color = _a.color;
|
|
32
|
-
return ({
|
|
33
|
-
textTransform: 'none',
|
|
34
|
-
fontWeight: theme.typography.fontWeightRegular,
|
|
35
|
-
fontSize: theme.typography.pxToRem(15),
|
|
36
|
-
marginRight: theme.spacing(1),
|
|
37
|
-
color: '#666666',
|
|
38
|
-
padding: '5px 15px',
|
|
39
|
-
top: '5px',
|
|
40
|
-
minWidth: '60px',
|
|
41
|
-
'&.Mui-selected': {
|
|
42
|
-
color: colorMap[color],
|
|
43
|
-
},
|
|
44
|
-
'&.Mui-focusVisible': {
|
|
45
|
-
backgroundColor: 'rgba(100, 95, 228, 0.32)',
|
|
46
|
-
},
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
//# sourceMappingURL=UncontrolledTabs.style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledTabs.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.style.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAOF,MAAM,CAAC,IAAM,SAAS,GAA6D,MAAM,CAAC,IAAI,CAAC,CAE5F,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC;QACjB,YAAY,EAAE,mBAAmB;QACjC,iBAAiB,EAAE;YACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB;QACD,sBAAsB,EAAE;YACtB,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC;SACjC;QACD,uBAAuB,EAAE;YACvB,aAAa,EAAE,MAAM;SACtB;KACF,CAAC;AAXgB,CAWhB,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,QAAQ,GAAwC,MAAM,CAAC,UAAC,KAAqB,IAAK,OAAA,CAC7F,oBAAC,GAAG,aAAC,aAAa,UAAK,KAAK,EAAI,CACjC,EAF8F,CAE9F,CAAC,CAAC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC;QACxB,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB;QAC9C,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,UAAU;QACnB,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,MAAM;QAChB,gBAAgB,EAAE;YAChB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB;QACD,oBAAoB,EAAE;YACpB,eAAe,EAAE,0BAA0B;SAC5C;KACF,CAAC;AAfuB,CAevB,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const NormaTabInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export var NormaTabInfo = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n right: 0;\n bottom: 0;\n height: 38px;\n"], ["\n position: absolute;\n right: 0;\n bottom: 0;\n height: 38px;\n"])));
|
|
4
|
-
var templateObject_1;
|
|
5
|
-
//# sourceMappingURL=UncontrolledTabsInfo.style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledTabsInfo.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabsInfo.style.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0IAAA,uEAKrC,IAAA,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
export * from './Accordion';
|
|
2
|
-
export * from './Avatar';
|
|
3
|
-
export * from './Badge';
|
|
4
|
-
export * from './Button';
|
|
5
|
-
export * from './Card';
|
|
6
|
-
export * from './ChatMessage';
|
|
7
|
-
export * from './ChatMessageBalloon/ChatMessageBalloon';
|
|
8
|
-
export * from './CheckBox';
|
|
9
|
-
export * from './DatePicker';
|
|
10
|
-
export * from './DropDown';
|
|
11
|
-
export * from './IconButton';
|
|
12
|
-
export * from './Icons';
|
|
13
|
-
export * from './Modal';
|
|
14
|
-
export * from './Paper';
|
|
15
|
-
export * from './ProgressBar';
|
|
16
|
-
export * from './RadioGroup';
|
|
17
|
-
export * from './RangerSlider';
|
|
18
|
-
export * from './Select';
|
|
19
|
-
export * from './Tabs';
|
|
20
|
-
export * from './Tag';
|
|
21
|
-
export * from './Table';
|
|
22
|
-
export * from './TextField';
|
|
23
|
-
export * from './TimePicker';
|