norma-library 0.6.79 → 0.6.80
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/dist/esm/components/Accordion.d.ts +3 -0
- package/dist/esm/components/Accordion.js +20 -0
- package/dist/esm/components/Accordion.js.map +1 -0
- package/dist/esm/components/Avatar.d.ts +3 -0
- package/dist/esm/components/Avatar.js +13 -0
- package/dist/esm/components/Avatar.js.map +1 -0
- package/dist/esm/components/Badge.d.ts +3 -0
- package/dist/esm/components/Badge.js +10 -0
- package/dist/esm/components/Badge.js.map +1 -0
- 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 +4 -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 +2 -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 +4 -0
- package/dist/esm/components/Breadcrumb/styles.js +8 -0
- package/dist/esm/components/Breadcrumb/styles.js.map +1 -0
- package/dist/esm/components/Button/index.d.ts +9 -0
- package/dist/esm/components/Button/index.js +16 -0
- package/dist/esm/components/Button/index.js.map +1 -0
- package/dist/esm/components/Button/types.d.ts +18 -0
- package/dist/esm/components/Button/types.js +2 -0
- package/dist/esm/components/Button/types.js.map +1 -0
- package/dist/esm/components/Button.d.ts +3 -0
- package/dist/esm/components/Button.js +18 -0
- package/dist/esm/components/Button.js.map +1 -0
- package/dist/esm/components/Card/Card.d.ts +4 -0
- package/dist/esm/components/Card/Card.js +11 -0
- package/dist/esm/components/Card/Card.js.map +1 -0
- package/dist/esm/components/Card/CardHeader.d.ts +4 -0
- package/dist/esm/components/Card/CardHeader.js +8 -0
- package/dist/esm/components/Card/CardHeader.js.map +1 -0
- package/dist/esm/components/Card/index.d.ts +4 -0
- package/dist/esm/components/Card/index.js +5 -0
- package/dist/esm/components/Card/index.js.map +1 -0
- package/dist/esm/components/Card/styles.d.ts +2 -0
- package/dist/esm/components/Card/styles.js +6 -0
- package/dist/esm/components/Card/styles.js.map +1 -0
- package/dist/esm/components/Card/types.d.ts +8 -0
- package/dist/esm/components/Card/types.js +2 -0
- package/dist/esm/components/Card/types.js.map +1 -0
- package/dist/esm/components/Card.d.ts +7 -0
- package/dist/esm/components/Card.js +24 -0
- package/dist/esm/components/Card.js.map +1 -0
- package/dist/esm/components/ChatMessage.d.ts +3 -0
- package/dist/esm/components/ChatMessage.js +63 -0
- package/dist/esm/components/ChatMessage.js.map +1 -0
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.d.ts +3 -0
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.js +29 -0
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.js.map +1 -0
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.d.ts +5 -0
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.js +13 -0
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.js.map +1 -0
- package/dist/esm/components/CheckBox.d.ts +3 -0
- package/dist/esm/components/CheckBox.js +10 -0
- package/dist/esm/components/CheckBox.js.map +1 -0
- 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 +4 -0
- package/dist/esm/components/DateInput/styles.js +7 -0
- package/dist/esm/components/DateInput/styles.js.map +1 -0
- package/dist/esm/components/DatePicker.d.ts +6 -0
- package/dist/esm/components/DatePicker.js +53 -0
- package/dist/esm/components/DatePicker.js.map +1 -0
- package/dist/esm/components/DropDown.d.ts +3 -0
- package/dist/esm/components/DropDown.js +12 -0
- package/dist/esm/components/DropDown.js.map +1 -0
- package/dist/esm/components/IconButton.d.ts +3 -0
- package/dist/esm/components/IconButton.js +28 -0
- package/dist/esm/components/IconButton.js.map +1 -0
- package/dist/esm/components/IconifyIcon.d.ts +8 -0
- package/dist/esm/components/IconifyIcon.js +7 -0
- package/dist/esm/components/IconifyIcon.js.map +1 -0
- package/dist/esm/components/Icons.d.ts +7 -0
- package/dist/esm/components/Icons.js +49 -0
- package/dist/esm/components/Icons.js.map +1 -0
- package/dist/esm/components/Modal.d.ts +4 -0
- package/dist/esm/components/Modal.js +36 -0
- package/dist/esm/components/Modal.js.map +1 -0
- 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 +1 -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 +2 -0
- package/dist/esm/components/MultiSelectInput/styles.js +6 -0
- package/dist/esm/components/MultiSelectInput/styles.js.map +1 -0
- package/dist/esm/components/Paper.d.ts +3 -0
- package/dist/esm/components/Paper.js +10 -0
- package/dist/esm/components/Paper.js.map +1 -0
- package/dist/esm/components/ProductCard/ProductCard.d.ts +3 -0
- package/dist/esm/components/ProductCard/ProductCard.js +34 -0
- package/dist/esm/components/ProductCard/ProductCard.js.map +1 -0
- package/dist/esm/components/ProductCard/ProductCard.style.d.ts +19 -0
- package/dist/esm/components/ProductCard/ProductCard.style.js +8 -0
- package/dist/esm/components/ProductCard/ProductCard.style.js.map +1 -0
- package/dist/esm/components/ProgressBar.d.ts +3 -0
- package/dist/esm/components/ProgressBar.js +42 -0
- package/dist/esm/components/ProgressBar.js.map +1 -0
- package/dist/esm/components/RadioGroup.d.ts +3 -0
- package/dist/esm/components/RadioGroup.js +15 -0
- package/dist/esm/components/RadioGroup.js.map +1 -0
- package/dist/esm/components/RangerSlider.d.ts +3 -0
- package/dist/esm/components/RangerSlider.js +88 -0
- package/dist/esm/components/RangerSlider.js.map +1 -0
- package/dist/esm/components/Select.d.ts +3 -0
- package/dist/esm/components/Select.js +41 -0
- package/dist/esm/components/Select.js.map +1 -0
- 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 +1 -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 +2 -0
- package/dist/esm/components/SelectInput/styles.js +6 -0
- package/dist/esm/components/SelectInput/styles.js.map +1 -0
- package/dist/esm/components/ServiceCard/ServiceCard.d.ts +3 -0
- package/dist/esm/components/ServiceCard/ServiceCard.js +20 -0
- package/dist/esm/components/ServiceCard/ServiceCard.js.map +1 -0
- package/dist/esm/components/ServiceCard/ServiceCard.style.d.ts +18 -0
- package/dist/esm/components/ServiceCard/ServiceCard.style.js +8 -0
- package/dist/esm/components/ServiceCard/ServiceCard.style.js.map +1 -0
- package/dist/esm/components/StatusModal/StatusModal.d.ts +11 -0
- package/dist/esm/components/StatusModal/StatusModal.js +26 -0
- package/dist/esm/components/StatusModal/StatusModal.js.map +1 -0
- package/dist/esm/components/StatusModal/StatusModal.style.d.ts +12 -0
- package/dist/esm/components/StatusModal/StatusModal.style.js +12 -0
- package/dist/esm/components/StatusModal/StatusModal.style.js.map +1 -0
- package/dist/esm/components/Svgs.d.ts +30 -0
- package/dist/esm/components/Svgs.js +106 -0
- package/dist/esm/components/Svgs.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 +8 -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 +1 -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 +10 -0
- package/dist/esm/components/Table/styles.js +14 -0
- package/dist/esm/components/Table/styles.js.map +1 -0
- package/dist/esm/components/Tabs.d.ts +3 -0
- package/dist/esm/components/Tabs.js +73 -0
- package/dist/esm/components/Tabs.js.map +1 -0
- package/dist/esm/components/Tag.d.ts +3 -0
- package/dist/esm/components/Tag.js +24 -0
- package/dist/esm/components/Tag.js.map +1 -0
- package/dist/esm/components/TextField.d.ts +3 -0
- package/dist/esm/components/TextField.js +14 -0
- package/dist/esm/components/TextField.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 +3 -0
- package/dist/esm/components/TextInput/styles.js +7 -0
- package/dist/esm/components/TextInput/styles.js.map +1 -0
- package/dist/esm/components/TimeLine/TimeLine.d.ts +14 -0
- package/dist/esm/components/TimeLine/TimeLine.js +48 -0
- package/dist/esm/components/TimeLine/TimeLine.js.map +1 -0
- package/dist/esm/components/TimePicker.d.ts +9 -0
- package/dist/esm/components/TimePicker.js +61 -0
- package/dist/esm/components/TimePicker.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 +6 -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 +2 -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 +7 -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 +2 -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 +39 -0
- package/dist/esm/components/UncontrolledTable/components/header/index.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts +8 -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 +6 -0
- package/dist/esm/components/UncontrolledTable/components/index.js +7 -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 +1 -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/row/DraggableRow.d.ts +3 -0
- package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js +23 -0
- package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/row/RowDragHandleCell.d.ts +3 -0
- package/dist/esm/components/UncontrolledTable/components/row/RowDragHandleCell.js +15 -0
- package/dist/esm/components/UncontrolledTable/components/row/RowDragHandleCell.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.d.ts +3 -0
- package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js +13 -0
- package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/row/styles.d.ts +2 -0
- package/dist/esm/components/UncontrolledTable/components/row/styles.js +12 -0
- package/dist/esm/components/UncontrolledTable/components/row/styles.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/index.d.ts +4 -0
- package/dist/esm/components/UncontrolledTable/index.js +122 -0
- package/dist/esm/components/UncontrolledTable/index.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/interface.d.ts +46 -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 +14 -0
- package/dist/esm/components/UncontrolledTable/styles.js +22 -0
- package/dist/esm/components/UncontrolledTable/styles.js.map +1 -0
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.d.ts +15 -0
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js +32 -0
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js.map +1 -0
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.d.ts +12 -0
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js +49 -0
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js.map +1 -0
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.d.ts +1 -0
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.js +5 -0
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.js.map +1 -0
- package/dist/esm/components/index.d.ts +25 -0
- package/dist/esm/components/index.js +26 -0
- package/dist/esm/components/index.js.map +1 -0
- package/dist/esm/helpers/alignments.d.ts +2 -0
- package/dist/esm/helpers/alignments.js +14 -0
- package/dist/esm/helpers/alignments.js.map +1 -0
- package/dist/esm/helpers/borders.d.ts +2 -0
- package/dist/esm/helpers/borders.js +18 -0
- package/dist/esm/helpers/borders.js.map +1 -0
- package/dist/esm/helpers/colors.d.ts +178 -0
- package/dist/esm/helpers/colors.js +237 -0
- package/dist/esm/helpers/colors.js.map +1 -0
- package/dist/esm/helpers/index.d.ts +5 -0
- package/dist/esm/helpers/index.js +6 -0
- package/dist/esm/helpers/index.js.map +1 -0
- package/dist/esm/helpers/radios.d.ts +2 -0
- package/dist/esm/helpers/radios.js +24 -0
- package/dist/esm/helpers/radios.js.map +1 -0
- package/dist/esm/helpers/sizes.d.ts +11 -0
- package/dist/esm/helpers/sizes.js +67 -0
- package/dist/esm/helpers/sizes.js.map +1 -0
- package/dist/esm/hooks/useClickOutside.d.ts +2 -0
- package/dist/esm/hooks/useClickOutside.js +16 -0
- package/dist/esm/hooks/useClickOutside.js.map +1 -0
- package/dist/esm/index.d.ts +34 -0
- package/dist/esm/index.js +35 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/interfaces/Accordion.d.ts +11 -0
- package/dist/esm/interfaces/Accordion.js +2 -0
- package/dist/esm/interfaces/Accordion.js.map +1 -0
- package/dist/esm/interfaces/Avatar.d.ts +12 -0
- package/dist/esm/interfaces/Avatar.js +2 -0
- package/dist/esm/interfaces/Avatar.js.map +1 -0
- package/dist/esm/interfaces/Badge.d.ts +14 -0
- package/dist/esm/interfaces/Badge.js +2 -0
- package/dist/esm/interfaces/Badge.js.map +1 -0
- package/dist/esm/interfaces/Button.d.ts +12 -0
- package/dist/esm/interfaces/Button.js +2 -0
- package/dist/esm/interfaces/Button.js.map +1 -0
- package/dist/esm/interfaces/Card.d.ts +10 -0
- package/dist/esm/interfaces/Card.js +2 -0
- package/dist/esm/interfaces/Card.js.map +1 -0
- package/dist/esm/interfaces/ChatMessage.d.ts +11 -0
- package/dist/esm/interfaces/ChatMessage.js +2 -0
- package/dist/esm/interfaces/ChatMessage.js.map +1 -0
- package/dist/esm/interfaces/ChatMessageBalloon.d.ts +16 -0
- package/dist/esm/interfaces/ChatMessageBalloon.js +2 -0
- package/dist/esm/interfaces/ChatMessageBalloon.js.map +1 -0
- package/dist/esm/interfaces/CheckBox.d.ts +19 -0
- package/dist/esm/interfaces/CheckBox.js +2 -0
- package/dist/esm/interfaces/CheckBox.js.map +1 -0
- package/dist/esm/interfaces/DatePicker.d.ts +11 -0
- package/dist/esm/interfaces/DatePicker.js +2 -0
- package/dist/esm/interfaces/DatePicker.js.map +1 -0
- package/dist/esm/interfaces/DropDown.d.ts +11 -0
- package/dist/esm/interfaces/DropDown.js +2 -0
- package/dist/esm/interfaces/DropDown.js.map +1 -0
- package/dist/esm/interfaces/IconButton.d.ts +14 -0
- package/dist/esm/interfaces/IconButton.js +2 -0
- package/dist/esm/interfaces/IconButton.js.map +1 -0
- package/dist/esm/interfaces/Icons.d.ts +15 -0
- package/dist/esm/interfaces/Icons.js +2 -0
- package/dist/esm/interfaces/Icons.js.map +1 -0
- package/dist/esm/interfaces/Modal.d.ts +17 -0
- package/dist/esm/interfaces/Modal.js +2 -0
- package/dist/esm/interfaces/Modal.js.map +1 -0
- package/dist/esm/interfaces/Paper.d.ts +11 -0
- package/dist/esm/interfaces/Paper.js +2 -0
- package/dist/esm/interfaces/Paper.js.map +1 -0
- package/dist/esm/interfaces/ProductCard.d.ts +18 -0
- package/dist/esm/interfaces/ProductCard.js +2 -0
- package/dist/esm/interfaces/ProductCard.js.map +1 -0
- package/dist/esm/interfaces/ProgressBar.d.ts +26 -0
- package/dist/esm/interfaces/ProgressBar.js +2 -0
- package/dist/esm/interfaces/ProgressBar.js.map +1 -0
- package/dist/esm/interfaces/RadioGroup.d.ts +16 -0
- package/dist/esm/interfaces/RadioGroup.js +2 -0
- package/dist/esm/interfaces/RadioGroup.js.map +1 -0
- package/dist/esm/interfaces/RangerSlider.d.ts +21 -0
- package/dist/esm/interfaces/RangerSlider.js +2 -0
- package/dist/esm/interfaces/RangerSlider.js.map +1 -0
- package/dist/esm/interfaces/Select.d.ts +16 -0
- package/dist/esm/interfaces/Select.js +2 -0
- package/dist/esm/interfaces/Select.js.map +1 -0
- package/dist/esm/interfaces/ServiceCard.d.ts +10 -0
- package/dist/esm/interfaces/ServiceCard.js +2 -0
- package/dist/esm/interfaces/ServiceCard.js.map +1 -0
- package/dist/esm/interfaces/Tabs.d.ts +17 -0
- package/dist/esm/interfaces/Tabs.js +2 -0
- package/dist/esm/interfaces/Tabs.js.map +1 -0
- package/dist/esm/interfaces/Tag.d.ts +17 -0
- package/dist/esm/interfaces/Tag.js +2 -0
- package/dist/esm/interfaces/Tag.js.map +1 -0
- package/dist/esm/interfaces/TextField.d.ts +41 -0
- package/dist/esm/interfaces/TextField.js +2 -0
- package/dist/esm/interfaces/TextField.js.map +1 -0
- package/dist/esm/interfaces/TimeLine.d.ts +16 -0
- package/dist/esm/interfaces/TimeLine.js +2 -0
- package/dist/esm/interfaces/TimeLine.js.map +1 -0
- package/dist/esm/interfaces/TimePicker.d.ts +11 -0
- package/dist/esm/interfaces/TimePicker.js +2 -0
- package/dist/esm/interfaces/TimePicker.js.map +1 -0
- package/dist/esm/interfaces/index.d.ts +23 -0
- package/dist/esm/interfaces/index.js +24 -0
- package/dist/esm/interfaces/index.js.map +1 -0
- package/dist/esm/providers/NormaProvider.d.ts +3 -0
- package/dist/esm/providers/NormaProvider.js +7 -0
- package/dist/esm/providers/NormaProvider.js.map +1 -0
- package/dist/esm/types/index.d.ts +90 -0
- package/dist/esm/types/index.js +10 -0
- package/dist/esm/types/index.js.map +1 -0
- package/dist/esm/utils/pxToRem.d.ts +1 -0
- package/dist/esm/utils/pxToRem.js +4 -0
- package/dist/esm/utils/pxToRem.js.map +1 -0
- package/dist/esm/utils/styledBreakpoints.d.ts +10 -0
- package/dist/esm/utils/styledBreakpoints.js +12 -0
- package/dist/esm/utils/styledBreakpoints.js.map +1 -0
- package/package.json +1 -1
- package/src/components/Card/Card.tsx +1 -0
- package/src/components/Card/CardHeader.tsx +1 -0
- package/src/components/Button/index.tsx +0 -20
- package/src/components/Button/types.tsx +0 -31
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Grid } from "@mui/material";
|
|
2
|
+
import { Card } from "../Card";
|
|
3
|
+
import { IconCardStyle, ProductCardStyle, TitleContainer } from "./ProductCard.style";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { IconButton } from "../IconButton";
|
|
6
|
+
import GradeIcon from '@mui/icons-material/Grade';
|
|
7
|
+
import { IconifyIcon } from "../IconifyIcon";
|
|
8
|
+
export var ProductCard = function (_a) {
|
|
9
|
+
var
|
|
10
|
+
// product = 'analytics'
|
|
11
|
+
color = _a.color, iconColor = _a.iconColor, onClick = _a.onClick, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, title = _a.title, description = _a.description, iconName = _a.iconName, _d = _a.flaggable, flaggable = _d === void 0 ? false : _d;
|
|
12
|
+
/* const colors: { [key: string]: string } = {
|
|
13
|
+
primaryDark: '#B74608',
|
|
14
|
+
primaryLight: '#FCF1E3',
|
|
15
|
+
secondaryDark: '#6788B8',
|
|
16
|
+
secondaryLight: '#EEF7FB'
|
|
17
|
+
}
|
|
18
|
+
*/
|
|
19
|
+
return (React.createElement(ProductCardStyle, { disabled: disabled, "$bColor": iconColor, hasBorder: hasBorder },
|
|
20
|
+
React.createElement(Card, { variant: "outlined", onClick: function () { return onClick && onClick(); } },
|
|
21
|
+
flaggable && (React.createElement(Grid, { container: true, justifyContent: 'flex-end', alignItems: 'flex-start' },
|
|
22
|
+
React.createElement(Grid, { item: true },
|
|
23
|
+
React.createElement(IconButton, { sx: { padding: 0 }, "aria-label": "favorite", onClick: function (event) {
|
|
24
|
+
event.preventDefault();
|
|
25
|
+
event.stopPropagation();
|
|
26
|
+
}, cursor: "pointer" },
|
|
27
|
+
React.createElement(GradeIcon, null))))),
|
|
28
|
+
React.createElement(TitleContainer, null,
|
|
29
|
+
React.createElement(IconCardStyle, { "$iColor": iconColor, "$bColor": color },
|
|
30
|
+
React.createElement(IconifyIcon, { iconName: iconName, color: iconColor, size: "100%" })),
|
|
31
|
+
React.createElement("p", null, title)),
|
|
32
|
+
React.createElement("p", { className: "description" }, description))));
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=ProductCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAWvD;;IAVC,wBAAwB;IACxB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,OAAO,aAAA,EACP,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAGjB;;;;;;IAMA;IACA,OAAO,CACL,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,aAAW,SAAS,EAAE,SAAS,EAAE,SAAS;QAC5E,oBAAC,IAAI,IACH,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,cAAM,OAAA,OAAO,IAAI,OAAO,EAAE,EAApB,CAAoB;YAElC,SAAS,IAAI,CACX,oBAAC,IAAI,IAAC,SAAS,QAAC,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY;gBACpE,oBAAC,IAAI,IAAC,IAAI;oBACR,oBAAC,UAAU,IACT,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,gBACP,UAAU,EACrB,OAAO,EAAE,UAAC,KAAK;4BACb,KAAK,CAAC,cAAc,EAAE,CAAA;4BACtB,KAAK,CAAC,eAAe,EAAE,CAAA;wBACzB,CAAC,EACD,MAAM,EAAC,SAAS;wBAEhB,oBAAC,SAAS,OAAG,CACF,CACR,CACF,CACP;YAED,oBAAC,cAAc;gBACb,oBAAC,aAAa,eACH,SAAS,aACT,KAAK;oBAEd,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,GAAG,CACnD;gBAChB,+BAAI,KAAK,CAAK,CACC;YAEjB,2BAAG,SAAS,EAAC,aAAa,IACvB,WAAW,CACV,CACC,CACU,CACpB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const ProductCardStyle: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
} & {
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
$bColor?: string;
|
|
7
|
+
hasBorder?: boolean;
|
|
8
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
+
export declare const IconCardStyle: import("@emotion/styled").StyledComponent<{
|
|
10
|
+
theme?: import("@emotion/react").Theme;
|
|
11
|
+
as?: React.ElementType;
|
|
12
|
+
} & {
|
|
13
|
+
$bColor?: string;
|
|
14
|
+
$iColor: string;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
|
+
export declare const TitleContainer: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: import("@emotion/react").Theme;
|
|
18
|
+
as?: React.ElementType;
|
|
19
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "@emotion/styled";
|
|
3
|
+
import { pxToRem } from "../../utils/pxToRem";
|
|
4
|
+
export var ProductCardStyle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([" \n max-width: 380px;\n cursor: ", ";\n opacity: ", ";\n height: 100%;\n border-left: 7px solid ", " !important;\n border-radius: 5px;\n\n\n p.description {\n margin-bottom: ", ";\n line-height: ", ";\n }\n\n .MuiPaper-root {\n min-height: 180px;\n }\n\n @media (max-width: 1535px) {\n max-width: 100%;\n }\n"], [" \n max-width: 380px;\n cursor: ", ";\n opacity: ", ";\n height: 100%;\n border-left: 7px solid ", " !important;\n border-radius: 5px;\n\n\n p.description {\n margin-bottom: ", ";\n line-height: ", ";\n }\n\n .MuiPaper-root {\n min-height: 180px;\n }\n\n @media (max-width: 1535px) {\n max-width: 100%;\n }\n"])), function (props) { return (props.disabled ? "not-allowed" : "pointer"); }, function (props) { return (props.disabled ? 0.5 : 1); }, function (props) { return props.hasBorder ? props.$bColor : 'transparent'; }, pxToRem(17), pxToRem(24));
|
|
5
|
+
export var IconCardStyle = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n border-radius: 5px;\n align-items: center;\n justify-content: center;\n padding: 10px;\n background-color: ", ";\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n box-sizing: border-box;\n\n svg {\n max-height: 24px;\n\n path {\n fill: ", ";\n }\n }\n"], ["\n display: inline-flex;\n border-radius: 5px;\n align-items: center;\n justify-content: center;\n padding: 10px;\n background-color: ", ";\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n box-sizing: border-box;\n\n svg {\n max-height: 24px;\n\n path {\n fill: ", ";\n }\n }\n"])), function (props) { return props.$bColor; }, pxToRem(50), pxToRem(50), pxToRem(10), function (props) { return props.$iColor; });
|
|
6
|
+
export var TitleContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-bottom: ", ";\n\n p {\n font-size: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n margin-bottom: ", ";\n\n p {\n font-size: ", ";\n }\n"])), pxToRem(16), pxToRem(24));
|
|
7
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
8
|
+
//# sourceMappingURL=ProductCard.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductCard.style.js","sourceRoot":"","sources":["../../../../src/components/ProductCard/ProductCard.style.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,iZAA+D,oCAE7F,EAAuD,gBACtD,EAAqC,+CAEvB,EAA0D,iFAKhE,EAAW,sBACb,EAAW,0HAU7B,KAnBW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,EAA5C,CAA4C,EACtD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAEvB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EAA/C,CAA+C,EAKhE,OAAO,CAAC,EAAE,CAAC,EACb,OAAO,CAAC,EAAE,CAAC,CAU7B,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,kYAAuC,8IAMxD,EAAwB,kBAC/B,EAAW,mBACV,EAAW,qBACT,EAAW,4FAOf,EAAwB,iBAGrC,KAbqB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,EAC/B,OAAO,CAAC,EAAE,CAAC,EACV,OAAO,CAAC,EAAE,CAAC,EACT,OAAO,CAAC,EAAE,CAAC,EAOf,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,CAGrC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,6KAAA,+DAGrB,EAAW,6BAGb,EAAW,UAE3B,KALkB,OAAO,CAAC,EAAE,CAAC,EAGb,OAAO,CAAC,EAAE,CAAC,CAE3B,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { __assign, __makeTemplateObject, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography } from '@mui/material';
|
|
5
|
+
var ProgressBarStyled = styled(MuiProgressBar)(function (_a) {
|
|
6
|
+
var _b;
|
|
7
|
+
var colorCustom = _a.colorCustom, $h = _a.$h;
|
|
8
|
+
return (_b = {
|
|
9
|
+
width: '100%',
|
|
10
|
+
height: $h ? "".concat($h, "px") : '10px',
|
|
11
|
+
borderRadius: '10px',
|
|
12
|
+
position: 'relative',
|
|
13
|
+
backgroundColor: colorCustom ? colorCustom.root : undefined
|
|
14
|
+
},
|
|
15
|
+
_b["&.".concat(linearProgressClasses.determinate)] = {
|
|
16
|
+
backgroundColor: colorCustom ? colorCustom.root : undefined,
|
|
17
|
+
},
|
|
18
|
+
_b["& .".concat(linearProgressClasses.bar)] = {
|
|
19
|
+
backgroundColor: colorCustom ? colorCustom.bar : undefined,
|
|
20
|
+
},
|
|
21
|
+
_b);
|
|
22
|
+
});
|
|
23
|
+
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-size: ", ";\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-size: ", ";\n"])), function (_a) {
|
|
24
|
+
var $fSize = _a.$fSize;
|
|
25
|
+
return $fSize || '1rem';
|
|
26
|
+
});
|
|
27
|
+
export var ProgressBar = function (_a) {
|
|
28
|
+
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, colorCustom = _a.colorCustom, _d = _a.color, color = _d === void 0 ? 'primary' : _d, htmlLabel = _a.htmlLabel, props = __rest(_a, ["value", "label", "variant", "total", "className", "localeString", "colorCustom", "color", "htmlLabel"]);
|
|
29
|
+
var percentage = value && total ? (value / total) * 100 : 0;
|
|
30
|
+
return (React.createElement("div", { className: className, style: { minWidth: '100px' } },
|
|
31
|
+
label ? (React.createElement(ProgressBarLabelStyled, { "$fSize": props.fSize, className: "ProgressBarLabel" },
|
|
32
|
+
React.createElement(React.Fragment, null,
|
|
33
|
+
label,
|
|
34
|
+
!props.hideValue && (React.createElement("span", { style: { right: 0 } },
|
|
35
|
+
localeString ? value.toLocaleString() : value,
|
|
36
|
+
" (",
|
|
37
|
+
percentage.toFixed(2),
|
|
38
|
+
"%)"))))) : (htmlLabel),
|
|
39
|
+
React.createElement(ProgressBarStyled, __assign({ value: percentage, variant: variant, colorCustom: colorCustom, "$h": props.h, color: colorCustom ? undefined : color }, props))));
|
|
40
|
+
};
|
|
41
|
+
var templateObject_1;
|
|
42
|
+
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpG,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAA6C,UAAC,EAAmB;;QAAjB,WAAW,iBAAA,EAAE,EAAE,QAAA;IAAO,OAAA;YACpH,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,MAAM;YAC/B,YAAY,EAAE,MAAM;YACpB,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;;QAC3D,GAAC,YAAK,qBAAqB,CAAC,WAAW,CAAE,IAAG;YAC1C,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;SAC5D;QACD,GAAC,aAAM,qBAAqB,CAAC,GAAG,CAAE,IAAG;YACnC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC3D;WACD;AAZoH,CAYpH,CAAC,CAAC;AAEJ,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,2OAAqB,iKAOvD,EAAgC,KAC9C,KADc,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,MAAM;AAAhB,CAAgB,CAC9C,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAWL;IAVrB,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,EACZ,WAAW,iBAAA,EACX,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,SAAS,eAAA,EACN,KAAK,cAVkB,wGAW3B,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,CAAC,CAAC,CAAC,CACP,oBAAC,sBAAsB,cAAS,KAAK,CAAC,KAAK,EAAE,SAAS,EAAC,kBAAkB;YACvE;gBACG,KAAK;gBACL,CAAC,KAAK,CAAC,SAAS,IAAI,CACnB,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;oBACtB,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,KAAK;;oBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;yBAClE,CACR,CACA,CACoB,CAC1B,CAAC,CAAC,CAAC,CACF,SAAS,CACV;QAED,oBAAC,iBAAiB,aAChB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,QACpB,KAAK,CAAC,CAAC,EACX,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAClC,KAAK,EACT,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FormControl, FormControlLabel, FormLabel, Radio as MuiRadio, RadioGroup as MuiRadioGroup, } from '@mui/material';
|
|
4
|
+
import { styled } from '@mui/material/styles';
|
|
5
|
+
var RadioStyled = styled(MuiRadio)({});
|
|
6
|
+
var sizes = ['small', 'medium'];
|
|
7
|
+
export var RadioGroup = function (_a) {
|
|
8
|
+
var props = __rest(_a, []);
|
|
9
|
+
var onChange = props.onChange;
|
|
10
|
+
return (React.createElement(FormControl, { disabled: props.disabled },
|
|
11
|
+
React.createElement(FormLabel, { id: props.id }, props.label),
|
|
12
|
+
React.createElement(MuiRadioGroup, { "aria-labelledby": props.id, defaultValue: props.checked, name: "radio-buttons-group", row: props.direction === 'horizontal' ? true : false, onChange: !!onChange ? function (event, value) { return onChange(event, value); } : undefined }, props.options &&
|
|
13
|
+
props.options.map(function (item, key) { return (React.createElement(FormControlLabel, { value: item.value, control: React.createElement(RadioStyled, { color: props.color, size: item.size ? item.size : sizes[1] }), label: item.label, key: key, sx: { alignItems: "start" } })); }))));
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,KAAK,IAAI,QAAQ,EACjB,UAAU,IAAI,aAAa,GAC5B,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAM,KAAK,GAA2B,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAE1D,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAA4B;QAAvB,KAAK,cAAV,EAAY,CAAF;IAC3B,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE3B,OAAO,CACL,oBAAC,WAAW,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACnC,oBAAC,SAAS,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAG,KAAK,CAAC,KAAK,CAAa;QAClD,oBAAC,aAAa,uBACK,KAAK,CAAC,EAAE,EACzB,YAAY,EAAE,KAAK,CAAC,OAAO,EAC3B,IAAI,EAAC,qBAAqB,EAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACpD,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EAAtB,CAAsB,CAAC,CAAC,CAAC,SAAS,IAE1E,KAAK,CAAC,OAAO;YACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC/B,oBAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAI,EACpF,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAC,UAAU,EAAE,OAAO,EAAC,GACzB,CACH,EARgC,CAQhC,CAAC,CACU,CACJ,CACf,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Box, Slider as MuiSlider, Typography } from '@mui/material';
|
|
4
|
+
import { palette } from '../helpers';
|
|
5
|
+
import { styled } from '@mui/material/styles';
|
|
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
|
+
var RangerSliderStyled = styled(MuiSlider)(function () { return ({
|
|
16
|
+
height: 8,
|
|
17
|
+
color: colorMap['primary'],
|
|
18
|
+
'& .MuiSlider-track': {
|
|
19
|
+
border: 'none',
|
|
20
|
+
},
|
|
21
|
+
'& .MuiSlider-thumb': {
|
|
22
|
+
height: 18,
|
|
23
|
+
width: 18,
|
|
24
|
+
backgroundColor: '#FFF',
|
|
25
|
+
border: "2px solid ".concat(colorMap['primary']),
|
|
26
|
+
'&:focus, &:hover, &.Mui-active, &.Mui-focusVisible': {
|
|
27
|
+
boxShadow: 'inherit',
|
|
28
|
+
},
|
|
29
|
+
'&:before': {
|
|
30
|
+
width: '8px',
|
|
31
|
+
height: '8px',
|
|
32
|
+
position: 'absolute',
|
|
33
|
+
display: 'block',
|
|
34
|
+
background: colorMap['primary'],
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
'& .MuiSlider-valueLabel': {
|
|
38
|
+
fontSize: 12,
|
|
39
|
+
fontWeight: 'normal',
|
|
40
|
+
top: 48,
|
|
41
|
+
position: 'absolute',
|
|
42
|
+
transition: 'none',
|
|
43
|
+
color: colorMap['primary'],
|
|
44
|
+
'&:before': {
|
|
45
|
+
bottom: 'inherit',
|
|
46
|
+
top: '-8px',
|
|
47
|
+
},
|
|
48
|
+
'& *': {
|
|
49
|
+
background: 'transparent',
|
|
50
|
+
color: '#FFF',
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
'& .MuiSlider-rail': {
|
|
54
|
+
color: '#F0F2F8 ',
|
|
55
|
+
opacity: 1,
|
|
56
|
+
height: 10,
|
|
57
|
+
},
|
|
58
|
+
}); });
|
|
59
|
+
export var RangerSlider = function (_a) {
|
|
60
|
+
var _b;
|
|
61
|
+
var value = _a.value, defaultValue = _a.defaultValue, _c = _a.color, color = _c === void 0 ? 'primary' : _c, _d = _a.showValueInline, showValueInline = _d === void 0 ? false : _d, _e = _a.min, min = _e === void 0 ? 0 : _e, _f = _a.max, max = _f === void 0 ? 100 : _f, valueLabelFormat = _a.valueLabelFormat, props = __rest(_a, ["value", "defaultValue", "color", "showValueInline", "min", "max", "valueLabelFormat"]);
|
|
62
|
+
var _g = React.useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : (Array.isArray(defaultValue) ? [min, max] : min)), currentValue = _g[0], setCurrentValue = _g[1];
|
|
63
|
+
var handleChange = function (event, newValue) {
|
|
64
|
+
var _a;
|
|
65
|
+
setCurrentValue(newValue);
|
|
66
|
+
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, event, newValue, Array.isArray(newValue) ? 1 : 0);
|
|
67
|
+
};
|
|
68
|
+
React.useEffect(function () {
|
|
69
|
+
value !== undefined && setCurrentValue(value);
|
|
70
|
+
}, [value]);
|
|
71
|
+
var formatValue = function (val) {
|
|
72
|
+
return Array.isArray(val)
|
|
73
|
+
? val[0] === val[1]
|
|
74
|
+
? valueLabelFormat && typeof valueLabelFormat === 'function'
|
|
75
|
+
? valueLabelFormat(val[0], 0)
|
|
76
|
+
: val[0]
|
|
77
|
+
: "".concat(valueLabelFormat && typeof valueLabelFormat === 'function' ? valueLabelFormat(val[0], 0) : val[0], " - ").concat(valueLabelFormat && typeof valueLabelFormat === 'function' ? valueLabelFormat(val[1], 1) : val[1])
|
|
78
|
+
: valueLabelFormat && typeof valueLabelFormat === 'function'
|
|
79
|
+
? valueLabelFormat(val, 0)
|
|
80
|
+
: val;
|
|
81
|
+
};
|
|
82
|
+
return (React.createElement(Box, { sx: { width: '100%' } },
|
|
83
|
+
React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
|
|
84
|
+
React.createElement(Typography, { gutterBottom: true }, props.label),
|
|
85
|
+
showValueInline && (React.createElement(Typography, { style: { display: 'flex', alignItems: 'center', fontSize: 12 } }, formatValue(currentValue)))),
|
|
86
|
+
React.createElement(RangerSliderStyled, __assign({ value: currentValue, defaultValue: undefined, min: min, max: max, color: color, onChange: handleChange, valueLabelFormat: valueLabelFormat }, props))));
|
|
87
|
+
};
|
|
88
|
+
//# sourceMappingURL=RangerSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangerSlider.js","sourceRoot":"","sources":["../../../src/components/RangerSlider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FormControl, InputLabel, ListItemText, MenuItem, Select as MuiSelect, OutlinedInput, } from '@mui/material';
|
|
4
|
+
import { styled } from '@mui/material/styles';
|
|
5
|
+
import { CheckBox } from './CheckBox';
|
|
6
|
+
var ITEM_HEIGHT = 48;
|
|
7
|
+
var ITEM_PADDING_TOP = 8;
|
|
8
|
+
var MenuProps = {
|
|
9
|
+
PaperProps: {
|
|
10
|
+
style: {
|
|
11
|
+
maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,
|
|
12
|
+
width: 250,
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
var SelectStyled = styled(MuiSelect)(function (_a) {
|
|
17
|
+
var multiple = _a.multiple, variant = _a.variant;
|
|
18
|
+
return ({
|
|
19
|
+
'& .MuiOutlinedInput-notchedOutline': {
|
|
20
|
+
border: multiple === true ? 'none' : '1px solid #666666 ',
|
|
21
|
+
borderRadius: multiple === true ? 0 : 4,
|
|
22
|
+
borderBottom: '1px solid #666666',
|
|
23
|
+
},
|
|
24
|
+
'& .MuiFormLabel-root': {
|
|
25
|
+
backgroundColor: variant === 'standard' ? '#fff' : 'inherit',
|
|
26
|
+
padding: variant === 'standard' ? '0 5px' : 0,
|
|
27
|
+
},
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
export var Select = function (_a) {
|
|
31
|
+
var label = _a.label, onChange = _a.onChange, _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.value, value = _c === void 0 ? '' : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, props = __rest(_a, ["label", "onChange", "data", "value", "multiple"]);
|
|
32
|
+
return (React.createElement(FormControl, { fullWidth: true },
|
|
33
|
+
React.createElement(InputLabel, { id: props.id }, label),
|
|
34
|
+
multiple ? (React.createElement(SelectStyled, __assign({ labelId: props.id, id: "demo-simple-select", value: value, MenuProps: MenuProps, input: React.createElement(OutlinedInput, { label: "Tag" }), renderValue: function (selected) { return selected.join(', '); }, onChange: onChange, multiple: true }, props), data &&
|
|
35
|
+
data.map(function (item, key) { return (React.createElement(MenuItem, { value: item.value, key: key },
|
|
36
|
+
React.createElement(CheckBox, { checked: value.includes(String(item.value)) }),
|
|
37
|
+
React.createElement(ListItemText, { primary: String(item.label) }))); }))) : (React.createElement(SelectStyled, __assign({ labelId: props.id, id: "demo-simple-select", value: value, onChange: onChange }, props), data &&
|
|
38
|
+
data.map(function (item, key) { return (React.createElement(MenuItem, { value: item.value, key: key },
|
|
39
|
+
React.createElement(ListItemText, { primary: String(item.label) }))); })))));
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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 @@
|
|
|
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;
|
|
@@ -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,2 @@
|
|
|
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 Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
@@ -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,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IconCardStyle, ServiceCardStyle, TitleContainer } from "./ServiceCard.style";
|
|
3
|
+
import { Card } from "../Card";
|
|
4
|
+
import { IconifyIcon } from "../IconifyIcon";
|
|
5
|
+
export var ServiceCard = function (_a) {
|
|
6
|
+
var iconName = _a.iconName, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, color = _a.color, iconColor = _a.iconColor, description = _a.description, title = _a.title;
|
|
7
|
+
return (React.createElement(ServiceCardStyle, { disabled: disabled, "$bColor": iconColor },
|
|
8
|
+
React.createElement(Card, { border: true, variant: "outlined", onClick: function () {
|
|
9
|
+
if (disabled)
|
|
10
|
+
return;
|
|
11
|
+
onClick && onClick();
|
|
12
|
+
} },
|
|
13
|
+
React.createElement(TitleContainer, null,
|
|
14
|
+
React.createElement(IconCardStyle, { "$iColor": iconColor || "", "$bColor": color || "" },
|
|
15
|
+
React.createElement(IconifyIcon, { iconName: iconName || "", color: iconColor, size: "100%" })),
|
|
16
|
+
React.createElement("div", { className: "text" },
|
|
17
|
+
React.createElement("p", { className: "title" }, title),
|
|
18
|
+
React.createElement("p", { className: "description" }, description))))));
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=ServiceCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ServiceCard.js","sourceRoot":"","sources":["../../../../src/components/ServiceCard/ServiceCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAA4E;QAA3E,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA;IAC9H,OAAO,CACH,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,aAAW,SAAS;QACpD,oBAAC,IAAI,IACD,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE;gBACL,IAAI,QAAQ;oBAAE,OAAO;gBACrB,OAAO,IAAI,OAAO,EAAE,CAAC;YACzB,CAAC;YAED,oBAAC,cAAc;gBACX,oBAAC,aAAa,eAAU,SAAS,IAAI,EAAE,aAAW,KAAK,IAAI,EAAE;oBACzD,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,GAAE,CAC1D;gBAChB,6BAAK,SAAS,EAAC,MAAM;oBACjB,2BAAG,SAAS,EAAC,OAAO,IAAE,KAAK,CAAK;oBAChC,2BAAG,SAAS,EAAC,aAAa,IAAE,WAAW,CAAK,CAC1C,CACO,CACd,CACQ,CACtB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare const ServiceCardStyle: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
} & {
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
$bColor?: string;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const IconCardStyle: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme;
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
} & {
|
|
12
|
+
$bColor?: string;
|
|
13
|
+
$iColor: string;
|
|
14
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
15
|
+
export declare const TitleContainer: import("@emotion/styled").StyledComponent<{
|
|
16
|
+
theme?: import("@emotion/react").Theme;
|
|
17
|
+
as?: React.ElementType;
|
|
18
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "@emotion/styled";
|
|
3
|
+
import { pxToRem } from "../../utils/pxToRem";
|
|
4
|
+
export var ServiceCardStyle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: 380px;\n min-width: 380px;\n width: 100%;\n cursor: ", ";\n opacity: ", ";\n height: 100%;\n border-left: 7px solid ", ";\n border-radius: 5px;\n\n p.description, p.title {\n margin: 0 auto;\n }\n @media (max-width: 1330px) {\n max-width: 100%;\n }\n"], ["\n max-width: 380px;\n min-width: 380px;\n width: 100%;\n cursor: ", ";\n opacity: ", ";\n height: 100%;\n border-left: 7px solid ", ";\n border-radius: 5px;\n\n p.description, p.title {\n margin: 0 auto;\n }\n @media (max-width: 1330px) {\n max-width: 100%;\n }\n"])), function (props) { return (props.disabled ? "not-allowed" : "pointer"); }, function (props) { return (props.disabled ? 0.5 : 1); }, function (props) { return props.$bColor; });
|
|
5
|
+
export var IconCardStyle = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n border-radius: 5px;\n align-items: center;\n justify-content: center;\n padding: 10px;\n background-color: ", ";\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n box-sizing: border-box;\n\n svg {\n max-height: 24px;\n\n path.stroke {\n stroke: ", ";\n }\n\n path.fill {\n fill: ", ";\n }\n }\n"], ["\n display: inline-flex;\n border-radius: 5px;\n align-items: center;\n justify-content: center;\n padding: 10px;\n background-color: ", ";\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n box-sizing: border-box;\n\n svg {\n max-height: 24px;\n\n path.stroke {\n stroke: ", ";\n }\n\n path.fill {\n fill: ", ";\n }\n }\n"])), function (props) { return props.$bColor; }, pxToRem(50), pxToRem(50), pxToRem(10), function (props) { return props.$iColor; }, function (props) { return props.$iColor; });
|
|
6
|
+
export var TitleContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n\n p.title {\n font-size: ", ";\n font-weight: 600;\n }\n"], ["\n display: flex;\n align-items: center;\n\n p.title {\n font-size: ", ";\n font-weight: 600;\n }\n"])), pxToRem(18));
|
|
7
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
8
|
+
//# sourceMappingURL=ServiceCard.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ServiceCard.style.js","sourceRoot":"","sources":["../../../../src/components/ServiceCard/ServiceCard.style.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,+VAA0C,wEAIxE,EAAuD,gBACtD,EAAqC,+CAEvB,EAAwB,+IASlD,KAZW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,EAA5C,CAA4C,EACtD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAEvB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,CASlD,CAAC;AACF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wbAAuC,8IAMxD,EAAwB,kBAC/B,EAAW,mBACV,EAAW,qBACT,EAAW,qGAOb,EAAwB,2CAI1B,EAAwB,iBAGrC,KAjBqB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,EAC/B,OAAO,CAAC,EAAE,CAAC,EACV,OAAO,CAAC,EAAE,CAAC,EACT,OAAO,CAAC,EAAE,CAAC,EAOb,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,EAI1B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,CAGrC,CAAC;AACF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,kLAAA,4EAKvB,EAAW,iCAG3B,KAHgB,OAAO,CAAC,EAAE,CAAC,CAG3B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { OnAction } from '@/types';
|
|
3
|
+
interface ModalStatusProps {
|
|
4
|
+
title: string;
|
|
5
|
+
text: string;
|
|
6
|
+
type: 'success' | 'info' | 'warning';
|
|
7
|
+
actions: OnAction[];
|
|
8
|
+
w?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const ModalStatus: (props: ModalStatusProps) => React.JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { WarningRounded, CheckCircleRounded, InfoRounded } from '@mui/icons-material';
|
|
3
|
+
import * as S from './StatusModal.style';
|
|
4
|
+
import { Button } from '../Button';
|
|
5
|
+
export var ModalStatus = function (props) {
|
|
6
|
+
var title = props.title, text = props.text, type = props.type, actions = props.actions, w = props.w;
|
|
7
|
+
var iconBgColor = {
|
|
8
|
+
warning: '#FFDB9F',
|
|
9
|
+
info: '#D9FCFE',
|
|
10
|
+
success: '#C9F5CB',
|
|
11
|
+
};
|
|
12
|
+
return (React.createElement(S.Container, null,
|
|
13
|
+
React.createElement(S.Modal, { "$w": w },
|
|
14
|
+
React.createElement(S.ModalHeader, null,
|
|
15
|
+
React.createElement(S.ModalIcon, { "$bg": iconBgColor[type] },
|
|
16
|
+
type === 'warning' && React.createElement(WarningRounded, { sx: { fill: '#B74608' } }),
|
|
17
|
+
type === 'info' && React.createElement(InfoRounded, { sx: { fill: '#154F8C' } }),
|
|
18
|
+
type === 'success' && React.createElement(CheckCircleRounded, { sx: { fill: '#2E7D32' } })),
|
|
19
|
+
React.createElement(S.ModalTitle, null, title)),
|
|
20
|
+
React.createElement(S.ModalBody, null,
|
|
21
|
+
React.createElement(S.ModalText, null, text)),
|
|
22
|
+
React.createElement(S.ModalFooter, null, actions.map(function (action, key) {
|
|
23
|
+
return (React.createElement(Button, { key: key, color: action.color || 'primary', variant: action.variant || 'contained', disabled: action.disabled, onClick: action.action }, action.label));
|
|
24
|
+
})))));
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=StatusModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusModal.js","sourceRoot":"","sources":["../../../../src/components/StatusModal/StatusModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEtF,OAAO,KAAK,CAAC,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAWnC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAuB;IACzC,IAAA,KAAK,GAA6B,KAAK,MAAlC,EAAE,IAAI,GAAuB,KAAK,KAA5B,EAAE,IAAI,GAAiB,KAAK,KAAtB,EAAE,OAAO,GAAQ,KAAK,QAAb,EAAE,CAAC,GAAK,KAAK,EAAV,CAAW;IAEhD,IAAM,WAAW,GAAG;QAClB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;KACnB,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,CAAC,CAAC,KAAK,UAAK,CAAC;YACZ,oBAAC,CAAC,CAAC,WAAW;gBACZ,oBAAC,CAAC,CAAC,SAAS,WAAM,WAAW,CAAC,IAAI,CAAC;oBAChC,IAAI,KAAK,SAAS,IAAI,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAI;oBACjE,IAAI,KAAK,MAAM,IAAI,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAI;oBAC3D,IAAI,KAAK,SAAS,IAAI,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAI,CAC1D;gBACd,oBAAC,CAAC,CAAC,UAAU,QAAE,KAAK,CAAgB,CACtB;YAChB,oBAAC,CAAC,CAAC,SAAS;gBACV,oBAAC,CAAC,CAAC,SAAS,QAAE,IAAI,CAAe,CACrB;YACd,oBAAC,CAAC,CAAC,WAAW,QACX,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,GAAG;gBACvB,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,SAAS,EAChC,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,WAAW,EACtC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,OAAO,EAAE,MAAM,CAAC,MAAM,IAErB,MAAM,CAAC,KAAK,CACN,CACV,CAAC;YACJ,CAAC,CAAC,CACY,CACR,CACE,CACf,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
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 Modal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$w?: string;
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const ModalHeader: 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 ModalIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
7
|
+
$bg: string;
|
|
8
|
+
}>> & string;
|
|
9
|
+
export declare const ModalTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
|
|
10
|
+
export declare const ModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
export declare const ModalText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
12
|
+
export declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|