@tedi-design-system/react 17.0.0-rc.1 → 17.0.0-rc.2
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/_virtual/index.es13.js +2 -2
- package/_virtual/index.es14.js +2 -2
- package/bundle-stats.html +1 -1
- package/community.cjs.js +1 -1
- package/community.es.js +140 -140
- package/external/@dnd-kit/core/dist/core.esm.es.js +9 -9
- package/external/@dnd-kit/sortable/dist/sortable.esm.es.js +12 -12
- package/external/@dnd-kit/utilities/dist/utilities.esm.es.js +1 -1
- package/external/@floating-ui/core/dist/floating-ui.core.cjs.js +1 -1
- package/external/@floating-ui/core/dist/floating-ui.core.es.js +229 -225
- package/external/@floating-ui/dom/dist/floating-ui.dom.cjs.js +1 -1
- package/external/@floating-ui/dom/dist/floating-ui.dom.es.js +187 -186
- package/external/@floating-ui/react/dist/floating-ui.react.es.js +1 -1
- package/external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js +1 -1
- package/external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js +107 -91
- package/external/@floating-ui/utils/dist/floating-ui.utils.cjs.js +1 -1
- package/external/@floating-ui/utils/dist/floating-ui.utils.dom.cjs.js +1 -1
- package/external/@floating-ui/utils/dist/floating-ui.utils.dom.es.js +97 -97
- package/external/@floating-ui/utils/dist/floating-ui.utils.es.js +66 -68
- package/external/@mui/material/Button/buttonClasses.cjs.js +1 -1
- package/external/@mui/material/Button/buttonClasses.es.js +4 -4
- package/external/@mui/material/ButtonBase/buttonBaseClasses.cjs.js +1 -1
- package/external/@mui/material/ButtonBase/buttonBaseClasses.es.js +4 -4
- package/external/@mui/material/Fade/Fade.es.js +1 -1
- package/external/@mui/material/Grow/Grow.es.js +1 -1
- package/external/@mui/material/IconButton/iconButtonClasses.cjs.js +1 -1
- package/external/@mui/material/IconButton/iconButtonClasses.es.js +4 -4
- package/external/@mui/material/InputAdornment/inputAdornmentClasses.cjs.js +1 -1
- package/external/@mui/material/InputAdornment/inputAdornmentClasses.es.js +4 -4
- package/external/@mui/material/Popper/BasePopper.cjs.js +1 -1
- package/external/@mui/material/Popper/BasePopper.es.js +1 -1
- package/external/@mui/material/Tab/tabClasses.cjs.js +1 -1
- package/external/@mui/material/Tab/tabClasses.es.js +4 -4
- package/external/@mui/material/TabScrollButton/tabScrollButtonClasses.cjs.js +1 -1
- package/external/@mui/material/TabScrollButton/tabScrollButtonClasses.es.js +4 -4
- package/external/@mui/material/Tabs/Tabs.cjs.js +2 -2
- package/external/@mui/material/Tabs/Tabs.es.js +7 -7
- package/external/@mui/styled-engine/index.cjs.js +2 -2
- package/external/@mui/styled-engine/index.es.js +4 -4
- package/external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.cjs.js +1 -1
- package/external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.es.js +1 -1
- package/external/@mui/x-date-pickers/CalendarPicker/DayPicker.cjs.js +1 -1
- package/external/@mui/x-date-pickers/CalendarPicker/DayPicker.es.js +1 -1
- package/external/@mui/x-date-pickers/CalendarPicker/PickersCalendarHeader.cjs.js +1 -1
- package/external/@mui/x-date-pickers/CalendarPicker/PickersCalendarHeader.es.js +1 -1
- package/external/@mui/x-date-pickers/CalendarPicker/PickersFadeTransitionGroup.cjs.js +1 -1
- package/external/@mui/x-date-pickers/CalendarPicker/PickersFadeTransitionGroup.es.js +6 -6
- package/external/@mui/x-date-pickers/CalendarPicker/PickersSlideTransition.cjs.js +1 -1
- package/external/@mui/x-date-pickers/CalendarPicker/PickersSlideTransition.es.js +6 -6
- package/external/@mui/x-date-pickers/ClockPicker/Clock.cjs.js +1 -1
- package/external/@mui/x-date-pickers/ClockPicker/Clock.es.js +1 -1
- package/external/@mui/x-date-pickers/ClockPicker/ClockNumber.cjs.js +1 -1
- package/external/@mui/x-date-pickers/ClockPicker/ClockNumber.es.js +4 -4
- package/external/@mui/x-date-pickers/ClockPicker/ClockPicker.cjs.js +1 -1
- package/external/@mui/x-date-pickers/ClockPicker/ClockPicker.es.js +1 -1
- package/external/@mui/x-date-pickers/ClockPicker/ClockPointer.cjs.js +1 -1
- package/external/@mui/x-date-pickers/ClockPicker/ClockPointer.es.js +1 -1
- package/external/@mui/x-date-pickers/ClockPicker/clockNumberClasses.cjs.js +1 -1
- package/external/@mui/x-date-pickers/ClockPicker/clockNumberClasses.es.js +4 -4
- package/external/@mui/x-date-pickers/DatePicker/DatePickerToolbar.cjs.js +1 -1
- package/external/@mui/x-date-pickers/DatePicker/DatePickerToolbar.es.js +1 -1
- package/external/@mui/x-date-pickers/DateTimePicker/DateTimePickerTabs.cjs.js +1 -1
- package/external/@mui/x-date-pickers/DateTimePicker/DateTimePickerTabs.es.js +4 -4
- package/external/@mui/x-date-pickers/DateTimePicker/DateTimePickerToolbar.cjs.js +1 -1
- package/external/@mui/x-date-pickers/DateTimePicker/DateTimePickerToolbar.es.js +1 -1
- package/external/@mui/x-date-pickers/MonthPicker/MonthPicker.cjs.js +1 -1
- package/external/@mui/x-date-pickers/MonthPicker/MonthPicker.es.js +6 -6
- package/external/@mui/x-date-pickers/MonthPicker/PickersMonth.cjs.js +1 -1
- package/external/@mui/x-date-pickers/MonthPicker/PickersMonth.es.js +4 -4
- package/external/@mui/x-date-pickers/MonthPicker/pickersMonthClasses.cjs.js +1 -1
- package/external/@mui/x-date-pickers/MonthPicker/pickersMonthClasses.es.js +4 -4
- package/external/@mui/x-date-pickers/PickersDay/PickersDay.cjs.js +1 -1
- package/external/@mui/x-date-pickers/PickersDay/PickersDay.es.js +1 -1
- package/external/@mui/x-date-pickers/TimePicker/TimePickerToolbar.cjs.js +1 -1
- package/external/@mui/x-date-pickers/TimePicker/TimePickerToolbar.es.js +1 -1
- package/external/@mui/x-date-pickers/TimePicker/timePickerToolbarClasses.cjs.js +1 -1
- package/external/@mui/x-date-pickers/TimePicker/timePickerToolbarClasses.es.js +4 -4
- package/external/@mui/x-date-pickers/YearPicker/PickersYear.cjs.js +1 -1
- package/external/@mui/x-date-pickers/YearPicker/PickersYear.es.js +1 -1
- package/external/@mui/x-date-pickers/YearPicker/YearPicker.cjs.js +1 -1
- package/external/@mui/x-date-pickers/YearPicker/YearPicker.es.js +6 -6
- package/external/@mui/x-date-pickers/YearPicker/pickersYearClasses.cjs.js +1 -1
- package/external/@mui/x-date-pickers/YearPicker/pickersYearClasses.es.js +4 -4
- package/external/@mui/x-date-pickers/internals/components/CalendarOrClockPicker/CalendarOrClockPicker.cjs.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/CalendarOrClockPicker/CalendarOrClockPicker.es.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/PickersArrowSwitcher.cjs.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/PickersArrowSwitcher.es.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/PickersPopper.cjs.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/PickersPopper.es.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/PickersToolbar.cjs.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/PickersToolbar.es.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/PickersToolbarButton.cjs.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/PickersToolbarButton.es.js +4 -4
- package/external/@mui/x-date-pickers/internals/components/PickersToolbarText.cjs.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/PickersToolbarText.es.js +4 -4
- package/external/@mui/x-date-pickers/internals/components/pickersToolbarTextClasses.cjs.js +1 -1
- package/external/@mui/x-date-pickers/internals/components/pickersToolbarTextClasses.es.js +4 -4
- package/external/draft-js/lib/AtomicBlockUtils.cjs.js +1 -1
- package/external/draft-js/lib/AtomicBlockUtils.es.js +13 -74
- package/external/draft-js/lib/CompositeDraftDecorator.cjs.js +1 -1
- package/external/draft-js/lib/CompositeDraftDecorator.es.js +3 -39
- package/external/draft-js/lib/Draft.cjs.js +1 -1
- package/external/draft-js/lib/Draft.es.js +29 -51
- package/external/draft-js/lib/moveBlockInContentState.cjs.js +1 -1
- package/external/draft-js/lib/moveBlockInContentState.es.js +6 -90
- package/external/formik/dist/formik.esm.cjs.js +2 -2
- package/external/formik/dist/formik.esm.es.js +95 -94
- package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.cjs.js +1 -1
- package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.es.js +1 -1
- package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.cjs.js +1 -1
- package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.es.js +1 -1
- package/external/hoist-non-react-statics/external/react-is/index.cjs.js +1 -1
- package/external/hoist-non-react-statics/external/react-is/index.es.js +1 -1
- package/external/lodash-es/_baseUnset.cjs.js +1 -1
- package/external/lodash-es/_baseUnset.es.js +12 -19
- package/external/prop-types/external/react-is/cjs/react-is.development.cjs.js +1 -1
- package/external/prop-types/external/react-is/cjs/react-is.development.es.js +1 -1
- package/external/prop-types/external/react-is/cjs/react-is.production.min.cjs.js +1 -1
- package/external/prop-types/external/react-is/cjs/react-is.production.min.es.js +1 -1
- package/external/prop-types/external/react-is/index.cjs.js +1 -1
- package/external/prop-types/external/react-is/index.es.js +1 -1
- package/external/property-expr/index.cjs.js +1 -1
- package/external/property-expr/index.es.js +37 -48
- package/external/react-dropzone/dist/es/index.cjs.js +3 -3
- package/external/react-dropzone/dist/es/index.es.js +279 -247
- package/external/react-dropzone/dist/es/utils/index.cjs.js +3 -3
- package/external/react-dropzone/dist/es/utils/index.es.js +104 -100
- package/external/react-is/index.cjs.js +1 -1
- package/external/react-is/index.es.js +1 -1
- package/external/react-toastify/dist/index.es.js +1 -1
- package/external/tabbable/dist/index.esm.cjs.js +2 -2
- package/external/tabbable/dist/index.esm.es.js +84 -67
- package/external/tiny-case/index.cjs.js +1 -1
- package/external/tiny-case/index.es.js +6 -12
- package/external/toposort/index.cjs.js +1 -1
- package/external/toposort/index.es.js +1 -1
- package/external/what-input/dist/what-input.cjs.js +2 -2
- package/external/what-input/dist/what-input.es.js +20 -20
- package/index.css +1 -1
- package/package.json +2 -2
- package/src/community/components/accordion/accordion-item/accordion-item.cjs.js +1 -1
- package/src/community/components/accordion/accordion-item/accordion-item.es.js +16 -17
- package/src/community/components/accordion/accordion-item-content/accordion-item-content.cjs.js +1 -1
- package/src/community/components/accordion/accordion-item-content/accordion-item-content.es.js +8 -9
- package/src/community/components/accordion/accordion-item-header/accordion-item-header.cjs.js +1 -1
- package/src/community/components/accordion/accordion-item-header/accordion-item-header.es.js +1 -2
- package/src/community/components/accordion/accordion.cjs.js +1 -1
- package/src/community/components/accordion/accordion.es.js +3 -4
- package/src/community/components/card/card-content/card-content.cjs.js +1 -1
- package/src/community/components/card/card-content/card-content.es.js +4 -4
- package/src/community/components/card/card-header/card-header.cjs.js +1 -1
- package/src/community/components/card/card-header/card-header.es.js +4 -5
- package/src/community/components/card/card-notification/card-notification.cjs.js +1 -1
- package/src/community/components/card/card-notification/card-notification.es.js +6 -7
- package/src/community/components/dropdown/dropdown.cjs.js +1 -1
- package/src/community/components/dropdown/dropdown.es.js +6 -6
- package/src/community/components/feedback/feedback.cjs.js +1 -1
- package/src/community/components/feedback/feedback.es.js +7 -8
- package/src/community/components/form/choice-group/choice-group.cjs.js +1 -1
- package/src/community/components/form/choice-group/choice-group.es.js +10 -11
- package/src/community/components/form/file-upload/file-upload.cjs.js +1 -1
- package/src/community/components/form/file-upload/file-upload.es.js +12 -13
- package/src/community/components/form/hidden-field/hidden-field.cjs.js +1 -1
- package/src/community/components/form/hidden-field/hidden-field.es.js +1 -2
- package/src/community/components/form/pickers/calendar/calendar.cjs.js +1 -1
- package/src/community/components/form/pickers/calendar/calendar.es.js +1 -2
- package/src/community/components/form/pickers/datepicker/datepicker.cjs.js +1 -1
- package/src/community/components/form/pickers/datepicker/datepicker.es.js +1 -2
- package/src/community/components/form/pickers/datetimepicker/datetimepicker.cjs.js +1 -1
- package/src/community/components/form/pickers/datetimepicker/datetimepicker.es.js +1 -2
- package/src/community/components/form/pickers/timepicker/timepicker.cjs.js +1 -1
- package/src/community/components/form/pickers/timepicker/timepicker.es.js +12 -13
- package/src/community/components/form/select/select.cjs.js +1 -1
- package/src/community/components/form/select/select.es.js +1 -1
- package/src/community/components/form/text-editor/text-editor.cjs.js +1 -1
- package/src/community/components/form/text-editor/text-editor.es.js +1 -2
- package/src/community/components/layout/breadcrumbs/breadcrumbs.cjs.js +1 -1
- package/src/community/components/layout/breadcrumbs/breadcrumbs.es.js +1 -1
- package/src/community/components/layout/footer/footer.cjs.js +1 -1
- package/src/community/components/layout/footer/footer.es.js +14 -15
- package/src/community/components/layout/header/components/header-language/header-language.cjs.js +1 -1
- package/src/community/components/layout/header/components/header-language/header-language.es.js +6 -6
- package/src/community/components/layout/header/components/header-modal/header-modal.cjs.js +1 -1
- package/src/community/components/layout/header/components/header-modal/header-modal.es.js +10 -10
- package/src/community/components/layout/header/components/header-settings/header-settings.cjs.js +1 -1
- package/src/community/components/layout/header/components/header-settings/header-settings.es.js +1 -1
- package/src/community/components/layout/header/header/header.cjs.js +1 -1
- package/src/community/components/layout/header/header/header.es.js +2 -3
- package/src/community/components/layout/layout/layout.cjs.js +1 -1
- package/src/community/components/layout/layout/layout.es.js +6 -7
- package/src/community/components/layout/sidenav/sidenav.cjs.js +1 -1
- package/src/community/components/layout/sidenav/sidenav.es.js +1 -1
- package/src/community/components/layout/sidenav/utility.cjs.js +1 -1
- package/src/community/components/layout/sidenav/utility.es.js +1 -1
- package/src/community/components/map-components/base-map-selection/base-map-selection.cjs.js +1 -1
- package/src/community/components/map-components/base-map-selection/base-map-selection.es.js +11 -12
- package/src/community/components/map-components/button-group/button-group.cjs.js +1 -1
- package/src/community/components/map-components/button-group/button-group.es.js +3 -4
- package/src/community/components/map-components/carousel/carousel.cjs.js +1 -1
- package/src/community/components/map-components/carousel/carousel.es.js +7 -8
- package/src/community/components/map-components/color-and-icon-picker/color-and-icon-picker.cjs.js +1 -1
- package/src/community/components/map-components/color-and-icon-picker/color-and-icon-picker.es.js +20 -21
- package/src/community/components/map-components/comparison/comparison.cjs.js +1 -1
- package/src/community/components/map-components/comparison/comparison.es.js +2 -3
- package/src/community/components/map-components/directions/directions.cjs.js +1 -1
- package/src/community/components/map-components/directions/directions.es.js +1 -2
- package/src/community/components/map-components/edit-actions/editing-actions.cjs.js +1 -1
- package/src/community/components/map-components/edit-actions/editing-actions.es.js +5 -6
- package/src/community/components/map-components/left-panel/left-panel.cjs.js +1 -1
- package/src/community/components/map-components/left-panel/left-panel.es.js +7 -8
- package/src/community/components/map-components/legend/legend.cjs.js +1 -1
- package/src/community/components/map-components/legend/legend.es.js +4 -5
- package/src/community/components/map-components/map-dropdown/map-dropdown.cjs.js +1 -1
- package/src/community/components/map-components/map-dropdown/map-dropdown.es.js +6 -6
- package/src/community/components/map-components/map-info/map-info.cjs.js +1 -1
- package/src/community/components/map-components/map-info/map-info.es.js +5 -6
- package/src/community/components/map-components/map-layer/map-layer.cjs.js +1 -1
- package/src/community/components/map-components/map-layer/map-layer.es.js +28 -29
- package/src/community/components/map-components/map-preview/map-preview.cjs.js +1 -1
- package/src/community/components/map-components/map-preview/map-preview.es.js +9 -10
- package/src/community/components/map-components/right-panel/right-panel.cjs.js +1 -1
- package/src/community/components/map-components/right-panel/right-panel.es.js +24 -25
- package/src/community/components/map-components/scale-bar/scale-bar.cjs.js +1 -1
- package/src/community/components/map-components/scale-bar/scale-bar.es.js +6 -7
- package/src/community/components/map-components/timeline/timeline.cjs.js +1 -1
- package/src/community/components/map-components/timeline/timeline.es.js +17 -18
- package/src/community/components/modal/modal.cjs.js +1 -1
- package/src/community/components/modal/modal.es.js +1 -2
- package/src/community/components/placeholder/placeholder.cjs.js +1 -1
- package/src/community/components/placeholder/placeholder.es.js +1 -1
- package/src/community/components/status/status.cjs.js +1 -1
- package/src/community/components/status/status.es.js +7 -8
- package/src/community/components/stepper/stepper-nav.cjs.js +1 -1
- package/src/community/components/stepper/stepper-nav.es.js +1 -1
- package/src/community/components/stepper/stepper.cjs.js +1 -1
- package/src/community/components/stepper/stepper.es.js +13 -14
- package/src/community/components/table/components/pagination/pagination.cjs.js +1 -1
- package/src/community/components/table/components/pagination/pagination.es.js +1 -1
- package/src/community/components/table/components/table-filter/components/table-date-filter.cjs.js +1 -1
- package/src/community/components/table/components/table-filter/components/table-date-filter.es.js +1 -1
- package/src/community/components/table/components/table-filter/components/table-select-filter.cjs.js +1 -1
- package/src/community/components/table/components/table-filter/components/table-select-filter.es.js +6 -6
- package/src/community/components/table/table.cjs.js +1 -1
- package/src/community/components/table/table.es.js +14 -15
- package/src/community/components/table-of-contents/table-of-contents-items.cjs.js +1 -1
- package/src/community/components/table-of-contents/table-of-contents-items.es.js +3 -3
- package/src/community/components/table-of-contents/table-of-contents.cjs.js +1 -1
- package/src/community/components/table-of-contents/table-of-contents.es.js +12 -13
- package/src/community/components/tabs/tabs/tabs.cjs.js +1 -1
- package/src/community/components/tabs/tabs/tabs.es.js +9 -10
- package/src/community/components/tooltip/tooltip-provider.cjs.js +1 -1
- package/src/community/components/tooltip/tooltip-provider.es.js +19 -20
- package/src/community/components/tooltip/tooltip-trigger.cjs.js +1 -1
- package/src/community/components/tooltip/tooltip-trigger.es.js +4 -5
- package/src/community/components/tooltip/tooltip.cjs.js +1 -1
- package/src/community/components/tooltip/tooltip.es.js +6 -7
- package/src/community/components/vertical-progress/vertical-progress-item.cjs.js +1 -1
- package/src/community/components/vertical-progress/vertical-progress-item.es.js +1 -2
- package/src/community/components/vertical-progress/vertical-progress.cjs.js +1 -1
- package/src/community/components/vertical-progress/vertical-progress.es.js +1 -2
- package/src/community/components/vertical-stepper/vertical-stepper.cjs.js +1 -1
- package/src/community/components/vertical-stepper/vertical-stepper.es.js +4 -5
- package/src/community/helpers/hooks/use-breakpoint-props.cjs.js +1 -1
- package/src/community/helpers/hooks/use-breakpoint-props.es.js +1 -1
- package/src/community/helpers/hooks/use-layout.cjs.js +1 -1
- package/src/community/helpers/hooks/use-layout.es.js +1 -1
- package/src/tedi/components/buttons/button-group/button-group.cjs.js +1 -1
- package/src/tedi/components/buttons/button-group/button-group.es.js +10 -11
- package/src/tedi/components/cards/card/card.cjs.js +1 -1
- package/src/tedi/components/cards/card/card.es.js +5 -6
- package/src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js +1 -1
- package/src/tedi/components/content/heading-with-icon/heading-with-icon.es.js +11 -12
- package/src/tedi/components/content/list/list-item.cjs.js +1 -1
- package/src/tedi/components/content/list/list-item.es.js +4 -4
- package/src/tedi/components/content/list/list.cjs.js +1 -1
- package/src/tedi/components/content/list/list.es.js +1 -2
- package/src/tedi/components/content/section/section.cjs.js +1 -1
- package/src/tedi/components/content/section/section.es.js +7 -8
- package/src/tedi/components/content/truncate/truncate.cjs.js +1 -1
- package/src/tedi/components/content/truncate/truncate.es.js +10 -11
- package/src/tedi/components/form/choice-group/choice-group.cjs.js +1 -1
- package/src/tedi/components/form/choice-group/choice-group.es.js +14 -15
- package/src/tedi/components/form/file-dropzone/file-dropzone.cjs.js +1 -1
- package/src/tedi/components/form/file-dropzone/file-dropzone.es.js +18 -19
- package/src/tedi/components/form/file-upload/file-upload.cjs.js +1 -1
- package/src/tedi/components/form/file-upload/file-upload.es.js +12 -13
- package/src/tedi/components/form/number-field/number-field.cjs.js +1 -1
- package/src/tedi/components/form/number-field/number-field.es.js +10 -11
- package/src/tedi/components/form/select/select.cjs.js +1 -1
- package/src/tedi/components/form/select/select.es.js +1 -2
- package/src/tedi/components/form/textarea/textarea.cjs.js +1 -1
- package/src/tedi/components/form/textarea/textarea.es.js +7 -8
- package/src/tedi/components/layout/grid/col.cjs.js +1 -1
- package/src/tedi/components/layout/grid/col.es.js +10 -11
- package/src/tedi/components/layout/grid/row.cjs.js +1 -1
- package/src/tedi/components/layout/grid/row.es.js +12 -13
- package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js +1 -1
- package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.es.js +6 -6
- package/src/tedi/components/layout/sidenav/sidenav.cjs.js +1 -1
- package/src/tedi/components/layout/sidenav/sidenav.es.js +2 -3
- package/src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js +1 -1
- package/src/tedi/components/layout/vertical-spacing/vertical-spacing.es.js +9 -10
- package/src/tedi/components/loaders/skeleton/skeleton.cjs.js +1 -1
- package/src/tedi/components/loaders/skeleton/skeleton.es.js +5 -6
- package/src/tedi/components/loaders/spinner/spinner.cjs.js +1 -1
- package/src/tedi/components/loaders/spinner/spinner.es.js +3 -3
- package/src/tedi/components/misc/affix/affix.cjs.js +1 -1
- package/src/tedi/components/misc/affix/affix.es.js +7 -8
- package/src/tedi/components/misc/ellipsis/ellipsis.cjs.js +1 -1
- package/src/tedi/components/misc/ellipsis/ellipsis.es.js +4 -5
- package/src/tedi/components/misc/scroll-visibility/scroll-visibility.es.js +2 -2
- package/src/tedi/components/misc/stretch-content/stretch-content.cjs.js +1 -1
- package/src/tedi/components/misc/stretch-content/stretch-content.es.js +8 -9
- package/src/tedi/components/navigation/hash-trigger/hash-trigger.es.js +2 -2
- package/src/tedi/components/notifications/alert/alert.cjs.js +1 -1
- package/src/tedi/components/notifications/alert/alert.es.js +4 -4
- package/src/tedi/components/overlays/dropdown/dropdown.cjs.js +1 -1
- package/src/tedi/components/overlays/dropdown/dropdown.es.js +8 -8
- package/src/tedi/components/overlays/overlay/overlay.cjs.js +1 -1
- package/src/tedi/components/overlays/overlay/overlay.es.js +20 -20
- package/src/tedi/helpers/hooks/use-breakpoint-props.cjs.js +1 -1
- package/src/tedi/helpers/hooks/use-breakpoint-props.es.js +1 -1
- package/src/tedi/helpers/hooks/use-is-mounted.cjs.js +1 -1
- package/src/tedi/helpers/hooks/use-is-mounted.es.js +0 -1
- package/src/tedi/providers/accessibility-provider/accessibility-provider.es.js +1 -1
- package/src/tedi/providers/label-provider/label-provider.cjs.js +1 -1
- package/src/tedi/providers/label-provider/label-provider.es.js +7 -8
- package/src/tedi/providers/printing-provider/printing-provider.es.js +3 -3
- package/src/tedi/providers/theme-provider/theme-provider.es.js +5 -5
- package/tedi.cjs.js +1 -1
- package/tedi.es.js +94 -94
- package/_virtual/RawDraftContentState.cjs.js +0 -1
- package/_virtual/RawDraftContentState.es.js +0 -4
- package/external/draft-js/lib/getRangeBoundingClientRect.cjs.js +0 -1
- package/external/draft-js/lib/getRangeBoundingClientRect.es.js +0 -30
- package/external/draft-js/lib/getVisibleSelectionRect.cjs.js +0 -1
- package/external/draft-js/lib/getVisibleSelectionRect.es.js +0 -13
- package/fonts/SpaceGrotesk-Light.woff +0 -0
- package/fonts/SpaceGrotesk-Light.woff2 +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tedi-design-system/react",
|
|
3
|
-
"version": "17.0.0-rc.
|
|
3
|
+
"version": "17.0.0-rc.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"exports": {
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@mui/material": "^5.15.13",
|
|
44
44
|
"@mui/x-date-pickers": "^5.0.20",
|
|
45
45
|
"@tanstack/react-table": "^8.13.2",
|
|
46
|
-
"@tedi-design-system/core": "
|
|
46
|
+
"@tedi-design-system/core": "6.0.0",
|
|
47
47
|
"classnames": "^2.5.1",
|
|
48
48
|
"draft-js": "^0.11.7",
|
|
49
49
|
"draftjs-md-converter": "^1.5.2",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),h=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),q=require("../../../../tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),_=require("../../card/card.cjs.js"),C=require("../accordion.cjs.js"),t=require("../accordion.module.scss.cjs.js"),i=c.createContext({id:"",disabled:!1}),j=n=>{const{children:d,className:a,id:e,disabled:r=!1,borderType:s,selected:l=!1,border:u="border-default",...m}=n,{onToggle:f,isOpen:x}=c.useContext(C.AccordionContext),b=h.default(t.default.accordion__item,a,{[t.default["accordion__item--disabled"]]:r,[t.default["accordion__item--open"]]:x(e)}),g=l||s==="primary"?"primary-main":u;return o.jsx(i.Provider,{value:{id:e,disabled:r},children:o.jsx(q.HashTrigger,{id:e,onMatch:p=>{r||f(p)},children:o.jsx(_.Card,{"data-name":"accordion-item",border:g,className:b,...m,children:d})})})};exports.AccordionItem=j;exports.AccordionItemContext=i;
|
|
@@ -1,40 +1,39 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { HashTrigger as
|
|
2
|
+
import h from "../../../../../external/classnames/index.es.js";
|
|
3
|
+
import i from "react";
|
|
4
|
+
import { HashTrigger as u } from "../../../../tedi/components/navigation/hash-trigger/hash-trigger.es.js";
|
|
5
5
|
import { Card as C } from "../../card/card.es.js";
|
|
6
6
|
import { AccordionContext as g } from "../accordion.es.js";
|
|
7
7
|
import t from "../accordion.module.scss.es.js";
|
|
8
|
-
const y =
|
|
8
|
+
const y = i.createContext({
|
|
9
9
|
id: "",
|
|
10
10
|
disabled: !1
|
|
11
|
-
}), j = (
|
|
11
|
+
}), j = (a) => {
|
|
12
12
|
const {
|
|
13
|
-
children:
|
|
14
|
-
className:
|
|
13
|
+
children: c,
|
|
14
|
+
className: d,
|
|
15
15
|
id: e,
|
|
16
16
|
disabled: o = !1,
|
|
17
17
|
borderType: m,
|
|
18
|
-
selected:
|
|
19
|
-
border:
|
|
18
|
+
selected: n = !1,
|
|
19
|
+
border: s = "border-default",
|
|
20
20
|
...l
|
|
21
|
-
} =
|
|
21
|
+
} = a, { onToggle: p, isOpen: f } = i.useContext(g), _ = h(t.accordion__item, d, {
|
|
22
22
|
[t["accordion__item--disabled"]]: o,
|
|
23
23
|
[t["accordion__item--open"]]: f(e)
|
|
24
|
-
}), b =
|
|
24
|
+
}), b = n || m === "primary" ? "primary-main" : s;
|
|
25
25
|
return /* @__PURE__ */ r(y.Provider, { value: { id: e, disabled: o }, children: /* @__PURE__ */ r(
|
|
26
|
-
|
|
26
|
+
u,
|
|
27
27
|
{
|
|
28
28
|
id: e,
|
|
29
|
-
onMatch: (
|
|
30
|
-
o || p(
|
|
29
|
+
onMatch: (x) => {
|
|
30
|
+
o || p(x);
|
|
31
31
|
},
|
|
32
|
-
children: /* @__PURE__ */ r(C, { "data-name": "accordion-item", border: b, className: _, ...l, children:
|
|
32
|
+
children: /* @__PURE__ */ r(C, { "data-name": "accordion-item", border: b, className: _, ...l, children: c })
|
|
33
33
|
}
|
|
34
34
|
) });
|
|
35
35
|
};
|
|
36
36
|
export {
|
|
37
37
|
j as AccordionItem,
|
|
38
|
-
y as AccordionItemContext
|
|
39
|
-
j as default
|
|
38
|
+
y as AccordionItemContext
|
|
40
39
|
};
|
package/src/community/components/accordion/accordion-item-content/accordion-item-content.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),q=require("../../../../../external/react-animate-height/dist/esm/index.cjs.js"),x=require("../accordion.cjs.js"),C=require("../accordion.module.scss.cjs.js"),g=require("../accordion-item/accordion-item.cjs.js"),b=require("../../../../tedi/providers/printing-provider/printing-provider.cjs.js"),f=require("../../card/card-content/card-content.cjs.js"),h=r=>{const{children:c,className:i,...s}=r,{isOpen:d}=o.useContext(x.AccordionContext),{id:e,disabled:a}=o.useContext(g.AccordionItemContext),u=b.usePrint(),l=m.default(C.default["accordion__item-content"],i),t=n.jsx(f.CardContent,{"data-name":"accordion-item-content",...s,className:l,children:c});return u&&!a?t:n.jsx(q.default,{duration:300,height:d(e)?"auto":0,role:"region","aria-labelledby":e,id:`${e}-content`,children:t})};exports.AccordionItemContent=h;
|
package/src/community/components/accordion/accordion-item-content/accordion-item-content.es.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import p from "../../../../../external/classnames/index.es.js";
|
|
3
|
+
import e from "react";
|
|
4
|
+
import f from "../../../../../external/react-animate-height/dist/esm/index.es.js";
|
|
5
5
|
import { AccordionContext as u } from "../accordion.es.js";
|
|
6
6
|
import C from "../accordion.module.scss.es.js";
|
|
7
7
|
import { AccordionItemContext as x } from "../accordion-item/accordion-item.es.js";
|
|
8
8
|
import { usePrint as h } from "../../../../tedi/providers/printing-provider/printing-provider.es.js";
|
|
9
9
|
import { CardContent as g } from "../../card/card-content/card-content.es.js";
|
|
10
10
|
const E = (r) => {
|
|
11
|
-
const { children: i, className: c, ...m } = r, { isOpen: s } =
|
|
12
|
-
return d && !a ? o : /* @__PURE__ */
|
|
13
|
-
|
|
11
|
+
const { children: i, className: c, ...m } = r, { isOpen: s } = e.useContext(u), { id: t, disabled: a } = e.useContext(x), d = h(), l = p(C["accordion__item-content"], c), o = /* @__PURE__ */ n(g, { "data-name": "accordion-item-content", ...m, className: l, children: i });
|
|
12
|
+
return d && !a ? o : /* @__PURE__ */ n(
|
|
13
|
+
f,
|
|
14
14
|
{
|
|
15
15
|
duration: 300,
|
|
16
16
|
height: s(t) ? "auto" : 0,
|
|
@@ -22,6 +22,5 @@ const E = (r) => {
|
|
|
22
22
|
);
|
|
23
23
|
};
|
|
24
24
|
export {
|
|
25
|
-
E as AccordionItemContent
|
|
26
|
-
E as default
|
|
25
|
+
E as AccordionItemContent
|
|
27
26
|
};
|
package/src/community/components/accordion/accordion-item-header/accordion-item-header.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),O=require("../../../../../external/classnames/index.cjs.js"),n=require("react"),x=require("../../../../tedi/components/base/typography/heading/heading.cjs.js"),y=require("../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../toggle-open/toggle-open.cjs.js"),E=require("../accordion.cjs.js"),f=require("../accordion.module.scss.cjs.js"),S=require("../accordion-item/accordion-item.cjs.js"),N=require("../../card/card-header/card-header.cjs.js"),R=require("../../../../tedi/components/layout/grid/row.cjs.js"),v=require("../../../../tedi/components/layout/grid/col.cjs.js"),B=b=>{var g;const{children:c,className:q,background:s="white",openText:u,closeText:l,...C}=b,[w,I]=n.useState(!1),{onToggle:j,isOpen:o}=n.useContext(E.AccordionContext),{id:r,disabled:i}=n.useContext(S.AccordionItemContext),m=()=>{i||j(r)},H=e=>{(e.code==="Enter"||e.code==="Space")&&!e.repeat&&(e.preventDefault(),m())},p=e=>{i||I(e)},T=O.default(f.default["accordion__item-header"],q),a=((g=n.Children.toArray(c))==null?void 0:g.length)===1?n.Children.toArray(c).find(e=>n.isValidElement(e)&&(e.type===x.Heading||e.type===y.Text&&["h1","h2","h3","h4","h5","h6"].includes(e.props.element))):void 0,d=n.useMemo(()=>{switch(s){case"primary":return o(r)?"primary-active":"primary-main";case"white/primary":return o(r)?"primary-active":"white";case"muted/primary":return o(r)?"primary-active":"bg-muted";default:return s}},[s,r,o]),A=d==="white"||d==="bg-muted"?void 0:"inverted",h=e=>t.jsx(N.CardHeader,{"data-name":"accordion-item-header",role:"button",tabIndex:i?-1:0,"aria-disabled":i,className:T,onClick:m,onKeyDown:H,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),"aria-expanded":o(r),"aria-controls":`${r}-content`,background:d,...C,children:u&&l&&!i?t.jsxs(R.Row,{justifyContent:"between",alignItems:"center",children:[t.jsx(v.Col,{children:e}),t.jsx(v.Col,{width:"auto",children:t.jsx(_.ToggleOpen,{openText:u,closeText:l,isActive:w,isOpen:o(r),color:A,visualType:"link","aria-hidden":!0,tabIndex:-1})})]}):e});return a?(()=>{const{element:e,children:k,...M}=(a==null?void 0:a.props)??{};return t.jsx(x.Heading,{element:e,modifiers:"normal",className:f.default["accordion__item-wrapping-heading"],children:h(t.jsx(y.Text,{element:"span",...M,children:k}))})})():h(c)};exports.AccordionItemHeader=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("../../../../external/classnames/index.cjs.js"),i=require("react"),y=require("./accordion.module.scss.cjs.js"),A=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),s=i.createContext({isOpen:()=>!0,onToggle:()=>null}),C=c=>{const{children:u,className:l,openItem:n,gutter:a=.5,onToggleItem:t,defaultOpenItem:d=[],...m}=c,f=n||d,[g,p]=i.useState(f),x=(e=c.openItem)=>!!t&&typeof e<"u",I=e=>{if(t)return t(e);x(n)||p(o=>o.includes(e)?o.filter(q=>q!==e):[...o,e])},O=()=>t&&typeof n<"u"?n:g,j=e=>O().includes(e);return r.jsx(s.Provider,{value:{isOpen:j,onToggle:I},children:r.jsx("div",{"data-name":"accordion",...m,className:S.default(y.default.accordion,l),children:r.jsx(A.VerticalSpacing,{size:a,children:u})})})};exports.Accordion=C;exports.AccordionContext=s;
|
|
@@ -7,15 +7,14 @@ const T = c.createContext({
|
|
|
7
7
|
isOpen: () => !0,
|
|
8
8
|
onToggle: () => null
|
|
9
9
|
}), v = (s) => {
|
|
10
|
-
const { children: i, className: l, openItem: t, gutter:
|
|
10
|
+
const { children: i, className: l, openItem: t, gutter: m = 0.5, onToggleItem: n, defaultOpenItem: a = [], ...u } = s, d = t || a, [f, p] = c.useState(d), g = (e = s.openItem) => !!n && typeof e < "u", I = (e) => {
|
|
11
11
|
if (n)
|
|
12
12
|
return n(e);
|
|
13
13
|
g(t) || p((o) => o.includes(e) ? o.filter((h) => h !== e) : [...o, e]);
|
|
14
14
|
}, O = () => n && typeof t < "u" ? t : f, x = (e) => O().includes(e);
|
|
15
|
-
return /* @__PURE__ */ r(T.Provider, { value: { isOpen: x, onToggle: I }, children: /* @__PURE__ */ r("div", { "data-name": "accordion", ...u, className: y(C.accordion, l), children: /* @__PURE__ */ r(N, { size:
|
|
15
|
+
return /* @__PURE__ */ r(T.Provider, { value: { isOpen: x, onToggle: I }, children: /* @__PURE__ */ r("div", { "data-name": "accordion", ...u, className: y(C.accordion, l), children: /* @__PURE__ */ r(N, { size: m, children: i }) }) });
|
|
16
16
|
};
|
|
17
17
|
export {
|
|
18
18
|
v as Accordion,
|
|
19
|
-
T as AccordionContext
|
|
20
|
-
v as default
|
|
19
|
+
T as AccordionContext
|
|
21
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),C=require("react"),p=require("../card.module.scss.cjs.js"),k=require("../card-context.cjs.js"),m=require("../utility.cjs.js"),b=require("../../../helpers/
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),C=require("react"),p=require("../card.module.scss.cjs.js"),k=require("../card-context.cjs.js"),m=require("../utility.cjs.js"),b=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),q=require("../../../helpers/background-colors/background-colors.cjs.js"),t=r=>{const{padding:o,background:a}=C.useContext(k.CardContext),{getCurrentBreakpointProps:d}=b.useBreakpointProps(r.defaultServerBreakpoint),{children:s,className:u,padding:e,background:n,...c}=d(r,{padding:o,background:a}),i=g.default(p.default.card__content,{[q.getBackgroundColorClass(n)]:n},u);return l.jsx("div",{"data-name":"card-content","data-padding":typeof e=="number"?`${e}rem`:void 0,style:m.getPaddingCssVariables(e),...c,className:i,children:s})};t.displayName="CardContent";exports.CardContent=t;exports.default=t;
|
|
@@ -4,13 +4,13 @@ import g from "react";
|
|
|
4
4
|
import l from "../card.module.scss.es.js";
|
|
5
5
|
import { CardContext as u } from "../card-context.es.js";
|
|
6
6
|
import { getPaddingCssVariables as C } from "../utility.es.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
7
|
+
import { useBreakpointProps as f } from "../../../helpers/hooks/use-breakpoint-props.es.js";
|
|
8
|
+
import { getBackgroundColorClass as k } from "../../../helpers/background-colors/background-colors.es.js";
|
|
9
9
|
const B = (o) => {
|
|
10
|
-
const { padding: a, background: e } = g.useContext(u), { getCurrentBreakpointProps: n } =
|
|
10
|
+
const { padding: a, background: e } = g.useContext(u), { getCurrentBreakpointProps: n } = f(o.defaultServerBreakpoint), { children: d, className: s, padding: t, background: r, ...m } = n(o, {
|
|
11
11
|
padding: a,
|
|
12
12
|
background: e
|
|
13
|
-
}), i = p(l.card__content, { [
|
|
13
|
+
}), i = p(l.card__content, { [k(r)]: r }, s);
|
|
14
14
|
return /* @__PURE__ */ c(
|
|
15
15
|
"div",
|
|
16
16
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),C=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),r=require("../card.module.scss.cjs.js"),m=require("../card-context.cjs.js"),q=require("../utility.cjs.js"),P=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),t=e=>{const{variant:a,...d}=e,{getCurrentBreakpointProps:n}=P.useBreakpointProps(e.defaultServerBreakpoint),{padding:s}=f.useContext(m.CardContext),{children:o,className:i,background:c,padding:u,...l}=n(d,{background:a??"default",padding:s}),g=C.default(r.default.card__header,r.default[`card__header--${c}`],i);return p.jsx("div",{"data-name":"card-header",style:q.getPaddingCssVariables(u),...l,className:g,children:o})};t.displayName="CardHeader";exports.CardHeader=t;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as f } from "react/jsx-runtime";
|
|
2
2
|
import l from "../../../../../external/classnames/index.es.js";
|
|
3
|
-
import
|
|
3
|
+
import g from "react";
|
|
4
4
|
import a from "../card.module.scss.es.js";
|
|
5
|
-
import { CardContext as
|
|
5
|
+
import { CardContext as u } from "../card-context.es.js";
|
|
6
6
|
import { getPaddingCssVariables as C } from "../utility.es.js";
|
|
7
7
|
import { useBreakpointProps as _ } from "../../../helpers/hooks/use-breakpoint-props.es.js";
|
|
8
8
|
const k = (r) => {
|
|
9
|
-
const { variant: e, ...t } = r, { getCurrentBreakpointProps: o } = _(r.defaultServerBreakpoint), { padding: d } =
|
|
9
|
+
const { variant: e, ...t } = r, { getCurrentBreakpointProps: o } = _(r.defaultServerBreakpoint), { padding: d } = g.useContext(u), { children: s, className: n, background: i, padding: m, ...c } = o(
|
|
10
10
|
t,
|
|
11
11
|
{
|
|
12
12
|
background: e ?? "default",
|
|
@@ -18,6 +18,5 @@ const k = (r) => {
|
|
|
18
18
|
};
|
|
19
19
|
k.displayName = "CardHeader";
|
|
20
20
|
export {
|
|
21
|
-
k as CardHeader
|
|
22
|
-
k as default
|
|
21
|
+
k as CardHeader
|
|
23
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),s=require("../../../../tedi/components/notifications/alert/alert.cjs.js"),l=require("../card-content/card-content.cjs.js"),e=require("./card-notification.module.scss.cjs.js"),u=n=>{const{children:i,padding:a,className:r,...o}=n,c=d.default(e.default.card__notification,r);return t.jsx(l.CardContent,{"data-name":"card-notification",padding:a,className:e.default["card__notification-content"],children:t.jsx(s.Alert,{className:c,...o,children:i})})};exports.CardNotification=u;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { Alert as
|
|
2
|
+
import s from "../../../../../external/classnames/index.es.js";
|
|
3
|
+
import { Alert as e } from "../../../../tedi/components/notifications/alert/alert.es.js";
|
|
4
4
|
import { CardContent as d } from "../card-content/card-content.es.js";
|
|
5
5
|
import o from "./card-notification.module.scss.es.js";
|
|
6
|
-
const C = (
|
|
7
|
-
const { children:
|
|
8
|
-
return /* @__PURE__ */ t(d, { "data-name": "card-notification", padding: i, className: o["card__notification-content"], children: /* @__PURE__ */ t(
|
|
6
|
+
const C = (r) => {
|
|
7
|
+
const { children: a, padding: i, className: n, ...c } = r, m = s(o.card__notification, n);
|
|
8
|
+
return /* @__PURE__ */ t(d, { "data-name": "card-notification", padding: i, className: o["card__notification-content"], children: /* @__PURE__ */ t(e, { className: m, ...c, children: a }) });
|
|
9
9
|
};
|
|
10
10
|
export {
|
|
11
|
-
C as CardNotification
|
|
12
|
-
C as default
|
|
11
|
+
C as CardNotification
|
|
13
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),K=require("../../../../external/classnames/index.cjs.js"),d=require("react"),T=require("../button/button.cjs.js"),a=require("./dropdown.module.scss.cjs.js"),H=require("../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),D=require("../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),K=require("../../../../external/classnames/index.cjs.js"),d=require("react"),T=require("../button/button.cjs.js"),a=require("./dropdown.module.scss.cjs.js"),H=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),$=require("../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),D=require("../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),_=c=>{const{getLabel:v}=H.useLabels(),{button:F,items:u,onItemClick:l,closeMenuOnClick:h=!0,...q}=c,{initialFocus:j=-1,modal:f=!1,...p}=c.focusManager??{},{visuallyHiddenDismiss:M=f?v("close"):!1}=p??{},R=o.useFloatingNodeId(),g=d.useRef([]),[b,i]=d.useState(!1),[x,y]=d.useState(null),{x:C,y:N,strategy:O,refs:w,placement:P,context:r}=o.useFloating({placement:"bottom-start",nodeId:R,open:b,onOpenChange:i,middleware:[D.flip(),D.shift()],whileElementsMounted:$.autoUpdate}),S=u.findIndex(e=>e.isActive),{getReferenceProps:L,getFloatingProps:U,getItemProps:A}=o.useInteractions([o.useClick(r),o.useListNavigation(r,{listRef:g,activeIndex:x,selectedIndex:S,onNavigate:y,loop:!0}),o.useRole(r,{role:"listbox"}),o.useDismiss(r)]),E=()=>{const e=s.jsx(o.FloatingFocusManager,{context:r,initialFocus:j,visuallyHiddenDismiss:M,modal:f,...p,children:s.jsx("div",{...U({ref:w.setFloating,style:{position:O,left:C??0,top:N??0},className:a.default.dropdown,onKeyDown(t){t.key==="Tab"&&i(!1)}}),"data-placement":P,children:u.map((t,n)=>B(t,n))})});return b?e:null},k=e=>K.default(a.default.dropdown__item,{[a.default["dropdown__item--active"]]:e.isActive,[a.default["dropdown__item--disabled"]]:e.isDisabled}),I=(e,t,n)=>{var m;l==null||l(e,t,n),(m=e==null?void 0:e.onClick)==null||m.call(e,n),h&&i(!1)},B=(e,t)=>s.jsx("button",{...A({disabled:e.isDisabled,tabIndex:x===t?0:-1,role:"option",className:k(e),onClick:n=>I(e,t,n),onKeyDown(n){n.key==="Enter"&&I(e,t,n)},ref(n){g.current[t]=n}}),children:e.children},t);return s.jsxs(s.Fragment,{children:[s.jsx(T.Button,{"data-name":"dropdown",...q,...F,...L({ref:w.setReference,tabIndex:0})}),s.jsx(o.FloatingPortal,{children:E()})]})};exports.Dropdown=_;exports.default=_;
|
|
@@ -4,17 +4,17 @@ import W from "../../../../external/classnames/index.es.js";
|
|
|
4
4
|
import i from "react";
|
|
5
5
|
import { Button as X } from "../button/button.es.js";
|
|
6
6
|
import r from "./dropdown.module.scss.es.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
7
|
+
import { useLabels as Y } from "../../../tedi/providers/label-provider/use-labels.es.js";
|
|
8
|
+
import { autoUpdate as Z } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
|
|
9
|
+
import { flip as $, shift as ee } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
|
|
10
10
|
const ce = (d) => {
|
|
11
|
-
const { getLabel: x } =
|
|
11
|
+
const { getLabel: x } = Y(), { button: D, items: c, onItemClick: a, closeMenuOnClick: F = !0, ...h } = d, { initialFocus: v = -1, modal: p = !1, ...f } = d.focusManager ?? {}, { visuallyHiddenDismiss: _ = p ? x("close") : !1 } = f ?? {}, R = H(), u = i.useRef([]), [m, l] = i.useState(!1), [g, M] = i.useState(null), { x: N, y, strategy: C, refs: I, placement: O, context: n } = T({
|
|
12
12
|
placement: "bottom-start",
|
|
13
13
|
nodeId: R,
|
|
14
14
|
open: m,
|
|
15
15
|
onOpenChange: l,
|
|
16
|
-
middleware: [
|
|
17
|
-
whileElementsMounted:
|
|
16
|
+
middleware: [$(), ee()],
|
|
17
|
+
whileElementsMounted: Z
|
|
18
18
|
}), P = c.findIndex((e) => e.isActive), { getReferenceProps: A, getFloatingProps: E, getItemProps: L } = U([
|
|
19
19
|
q(n),
|
|
20
20
|
z(n, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../../external/classnames/index.cjs.js"),x=require("../button/button.cjs.js"),v=require("../modal/modal-provider.cjs.js"),y=require("../modal/modal-trigger.cjs.js"),d=require("./feedback.module.scss.cjs.js"),M=require("../modal/modal.cjs.js"),N=({children:t,triggerProps:i,providerProps:l,modalProps:s,fixedTrigger:o="desktop",className:c,...n})=>{const{iconLeft:u={name:"star",filled:!0},size:g,id:r="feedback-trigger",className:b,children:f,...m}=i??{},{...k}=l??{},{position:h="right","aria-labelledby":j=r,...q}=s??{};return e.jsx("div",{className:a.default(c,d.default[`feedback--${o}`]),...n,children:e.jsxs(v.ModalProvider,{...k,children:[e.jsx(y.ModalTrigger,{children:e.jsx(x.Button,{"data-name":"feedback-trigger",...m,id:r,className:a.default(d.default.feedback__trigger,b),size:g,iconLeft:u,children:f})}),e.jsx(M.Modal,{"data-name":"feedback-modal",...q,"aria-labelledby":j,position:h,children:t})]})})};exports.Feedback=N;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as M } from "react/jsx-runtime";
|
|
2
2
|
import a from "../../../../external/classnames/index.es.js";
|
|
3
|
-
import { Button as
|
|
3
|
+
import { Button as u } from "../button/button.es.js";
|
|
4
4
|
import { ModalProvider as v } from "../modal/modal-provider.es.js";
|
|
5
5
|
import { ModalTrigger as x } from "../modal/modal-trigger.es.js";
|
|
6
6
|
import i from "./feedback.module.scss.es.js";
|
|
@@ -21,10 +21,10 @@ const I = ({
|
|
|
21
21
|
className: g,
|
|
22
22
|
children: b,
|
|
23
23
|
...p
|
|
24
|
-
} = d ?? {}, { ...k } = o ?? {}, { position: h = "right", "aria-labelledby": N = r, ...
|
|
25
|
-
return /* @__PURE__ */ e("div", { className: a(m, i[`feedback--${s}`]), ...c, children: /* @__PURE__ */
|
|
24
|
+
} = d ?? {}, { ...k } = o ?? {}, { position: h = "right", "aria-labelledby": N = r, ...y } = l ?? {};
|
|
25
|
+
return /* @__PURE__ */ e("div", { className: a(m, i[`feedback--${s}`]), ...c, children: /* @__PURE__ */ M(v, { ...k, children: [
|
|
26
26
|
/* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(
|
|
27
|
-
|
|
27
|
+
u,
|
|
28
28
|
{
|
|
29
29
|
"data-name": "feedback-trigger",
|
|
30
30
|
...p,
|
|
@@ -35,10 +35,9 @@ const I = ({
|
|
|
35
35
|
children: b
|
|
36
36
|
}
|
|
37
37
|
) }),
|
|
38
|
-
/* @__PURE__ */ e(j, { "data-name": "feedback-modal", ...
|
|
38
|
+
/* @__PURE__ */ e(j, { "data-name": "feedback-modal", ...y, "aria-labelledby": N, position: h, children: t })
|
|
39
39
|
] }) });
|
|
40
40
|
};
|
|
41
41
|
export {
|
|
42
|
-
I as Feedback
|
|
43
|
-
I as default
|
|
42
|
+
I as Feedback
|
|
44
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),G=require("../../../../../external/classnames/index.cjs.js"),P=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),Q=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),U=require("../check/check.cjs.js"),q=require("./choice-group.module.scss.cjs.js"),V=require("./choice-group-context.cjs.js"),Z=require("./components/choice-group-check/choice-group-check.cjs.js"),ee=require("./components/choice-group-radio/choice-group-radio.cjs.js"),te=require("./components/filter-item/filter-item.cjs.js"),R=require("./components/light-item/light-item.cjs.js"),ne=require("./components/selector-item/selector-item.cjs.js"),re=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),oe=require("../../../../tedi/components/layout/grid/row.cjs.js"),ie=L=>{const{getLabel:g}=re.useLabels(),{id:p,className:w,label:E,required:T,helper:a,items:r,type:I="default",direction:S=I==="default"?"column":"row",rowProps:x,name:M,inputType:h="radio",value:N,defaultValue:_,onChange:i,hideLabel:H,indeterminateCheck:l,indeterminateCheckProps:k={},...B}=L,{indented:le,...$}=k,O=(k==null?void 0:k.indented)??!0,v=a?(a==null?void 0:a.id)??`${p}-helper`:void 0,A=l&&I==="default"&&h==="checkbox",[W,F]=u.useState(()=>_||(h==="checkbox"?[]:null)),y=(e=L.value)=>!!i&&typeof e<"u",n=y(N)?N:W,C=u.useMemo(()=>(n==null?void 0:n.length)===0,[n==null?void 0:n.length]),s=u.useMemo(()=>{var e;return(n==null?void 0:n.length)===((e=r==null?void 0:r.filter(c=>!c.disabled))==null?void 0:e.length)},[n==null?void 0:n.length,r]),X=u.useMemo(()=>!C&&!s,[s,C]),Y=u.useMemo(()=>{const e=s?"all":C?"none":"some";return typeof l=="string"?l:typeof l=="function"?l(e):l?g(e==="all"?"table.filter.remove-all":"table.filter.select-all"):""},[g,l,s,C]),z={name:M,inputType:h,onChange:(e,c)=>{let t=n;h==="checkbox"&&t?Array.isArray(t)?t=c?[...t,e]:t.filter(d=>d!==e):t=c?[t,e]:[t].filter(d=>d!==e):t=e,y()||F(Array.isArray(t)?[...t]:t),i==null||i(t)},currentValue:n};let f,m,b=R.LightItem;switch(I){case"default":f=2,m=1,b=h==="checkbox"?Z.ChoiceGroupCheck:ee.ChoiceGroupRadio;break;case"selector":f=0,m=0,b=ne.SelectorItem;break;case"filter":f=2,m=2,b=te.FilterItem;break;case"light":f=1,m=1,b=R.LightItem;break}const D=G.default(q.default["choice-group"],w),J=G.default(q.default["choice-group__inner"],x==null?void 0:x.className,{[q.default["choice-group__inner--indented"]]:A&&O}),K=(e,c)=>{var d;const t=s?[]:(d=r==null?void 0:r.filter(j=>!j.disabled))==null?void 0:d.map(j=>j.value);y()||F([...t]),i==null||i(t)};return o.jsx(V.ChoiceGroupContext.Provider,{value:z,children:o.jsxs("fieldset",{"data-name":"choice-group",...B,className:D,id:p,name:M,"aria-describedby":v,children:[o.jsx("legend",{children:o.jsx(Q.FormLabel,{id:p,label:E,required:T,hideLabel:H,renderWithoutLabel:!0})}),r!=null&&r.length?o.jsxs(o.Fragment,{children:[A&&o.jsx(U.Check,{id:`${p}-indeterminate`,value:"indeterminate",name:"indeterminate",...$,label:Y,indeterminate:X,checked:s,onChange:K}),o.jsx(oe.Row,{direction:S,gutterX:f,gutterY:m,...x,className:J,children:r.map((e,c)=>u.createElement(b,{...e,className:G.default(e.className,{[q.default["choice-group__item--extra-padding"]]:e.extraContent&&c!==r.length-1}),direction:S,key:e.id}))})]}):o.jsx("p",{children:g("table.filter.no-options")}),a&&o.jsx(P.FeedbackText,{...a,id:v})]})})};exports.ChoiceGroup=ie;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as a, jsxs as H, Fragment as U } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import u, { createElement as V } from "react";
|
|
3
3
|
import L from "../../../../../external/classnames/index.es.js";
|
|
4
4
|
import { FeedbackText as Z } from "../../../../tedi/components/form/feedback-text/feedback-text.es.js";
|
|
5
5
|
import { FormLabel as P } from "../../../../tedi/components/form/form-label/form-label.es.js";
|
|
@@ -33,13 +33,13 @@ const Le = (S) => {
|
|
|
33
33
|
indeterminateCheck: i,
|
|
34
34
|
indeterminateCheckProps: x = {},
|
|
35
35
|
...q
|
|
36
|
-
} = S, { indented: ce, ...W } = x, X = (x == null ? void 0 : x.indented) ?? !0, F = c ? (c == null ? void 0 : c.id) ?? `${g}-helper` : void 0, E = i && I === "default" && m === "checkbox", [Y, w] =
|
|
36
|
+
} = S, { indented: ce, ...W } = x, X = (x == null ? void 0 : x.indented) ?? !0, F = c ? (c == null ? void 0 : c.id) ?? `${g}-helper` : void 0, E = i && I === "default" && m === "checkbox", [Y, w] = u.useState(() => A || (m === "checkbox" ? [] : null)), N = (e = S.value) => !!n && typeof e < "u", o = N(v) ? v : Y, C = u.useMemo(() => (o == null ? void 0 : o.length) === 0, [o == null ? void 0 : o.length]), s = u.useMemo(
|
|
37
37
|
() => {
|
|
38
38
|
var e;
|
|
39
39
|
return (o == null ? void 0 : o.length) === ((e = r == null ? void 0 : r.filter((l) => !l.disabled)) == null ? void 0 : e.length);
|
|
40
40
|
},
|
|
41
41
|
[o == null ? void 0 : o.length, r]
|
|
42
|
-
), z =
|
|
42
|
+
), z = u.useMemo(() => !C && !s, [s, C]), D = u.useMemo(() => {
|
|
43
43
|
const e = s ? "all" : C ? "none" : "some";
|
|
44
44
|
return typeof i == "string" ? i : typeof i == "function" ? i(e) : i ? b(e === "all" ? "table.filter.remove-all" : "table.filter.select-all") : "";
|
|
45
45
|
}, [b, i, s, C]), J = {
|
|
@@ -51,19 +51,19 @@ const Le = (S) => {
|
|
|
51
51
|
},
|
|
52
52
|
currentValue: o
|
|
53
53
|
};
|
|
54
|
-
let f, h,
|
|
54
|
+
let f, h, p = R;
|
|
55
55
|
switch (I) {
|
|
56
56
|
case "default":
|
|
57
|
-
f = 2, h = 1,
|
|
57
|
+
f = 2, h = 1, p = m === "checkbox" ? oe : re;
|
|
58
58
|
break;
|
|
59
59
|
case "selector":
|
|
60
|
-
f = 0, h = 0,
|
|
60
|
+
f = 0, h = 0, p = ie;
|
|
61
61
|
break;
|
|
62
62
|
case "filter":
|
|
63
|
-
f = 2, h = 2,
|
|
63
|
+
f = 2, h = 2, p = ne;
|
|
64
64
|
break;
|
|
65
65
|
case "light":
|
|
66
|
-
f = 1, h = 1,
|
|
66
|
+
f = 1, h = 1, p = R;
|
|
67
67
|
break;
|
|
68
68
|
}
|
|
69
69
|
const K = L(y["choice-group"], j), O = L(y["choice-group__inner"], k == null ? void 0 : k.className, {
|
|
@@ -99,7 +99,7 @@ const Le = (S) => {
|
|
|
99
99
|
}
|
|
100
100
|
),
|
|
101
101
|
/* @__PURE__ */ a(ae, { direction: G, gutterX: f, gutterY: h, ...k, className: O, children: r.map((e, l) => /* @__PURE__ */ V(
|
|
102
|
-
|
|
102
|
+
p,
|
|
103
103
|
{
|
|
104
104
|
...e,
|
|
105
105
|
className: L(e.className, {
|
|
@@ -116,6 +116,5 @@ const Le = (S) => {
|
|
|
116
116
|
) });
|
|
117
117
|
};
|
|
118
118
|
export {
|
|
119
|
-
Le as ChoiceGroup
|
|
120
|
-
Le as default
|
|
119
|
+
Le as ChoiceGroup
|
|
121
120
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),z=require("../../../../../external/classnames/index.cjs.js"),g=require("react"),A=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),I=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),O=require("../../../../tedi/components/tags/tag/tag.cjs.js"),D=require("../../button/button.cjs.js"),c=require("./file-upload.module.scss.cjs.js"),P=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),W=require("../../card/card.cjs.js"),Y=require("../../card/card-content/card-content.cjs.js"),G=require("../../../../tedi/components/layout/grid/row.cjs.js"),M=require("../../../../tedi/components/layout/grid/col.cjs.js"),J=({accept:a,maxSize:i},n)=>{if(!a&&!i)return;const s=[a&&`${n("file-upload.accept")} ${a.replaceAll(",",", ")}`,i&&`${n("file-upload.max-size")} ${i}MB`].filter(Boolean).join(". ");return s.length?{text:s}:void 0},K=(a,i)=>{const n=a.reduce((s,{type:r,file:p})=>(s[r].push(p.name),s),{extension:[],size:[]});return Object.entries(n).filter(([s,r])=>r.length).map(([s,r])=>{const p=r.map(y=>`'${y}'`).join(", ");return i(`file-upload.${s}-rejected`,p)}).join(". ")},Q=a=>{const{getLabel:i}=P.useLabels(),{id:n,name:s,accept:r,multiple:p,onChange:o,className:y,defaultFiles:N,onDelete:F,files:f,readOnly:b,disabled:m=!1,maxSize:h,helper:d=J({accept:r,maxSize:h},i),...$}=a,q=d?(d==null?void 0:d.id)??`${n}-helper`:void 0,[k,L]=g.useState(!1),[_,T]=g.useState(N||[]),[C,w]=g.useState(),U=z.default(c.default["file-upload"],{[c.default["file-upload-disabled"]]:m}),B=e=>{var x;if(!r)return!0;const l=(r==null?void 0:r.replace(/,/g,"").split("."))||[],u=(x=e.name.split(".").pop())==null?void 0:x.toLowerCase();return!!u&&l.includes(u)},v=g.useMemo(()=>f&&o?f:_,[f,_,o]),H=e=>{if(e.target.files){const l=[],u=[...Array.from(e.target.files)].filter(j=>B(j)?!0:(l.push({type:"extension",file:j}),!1)).filter(j=>!h||j.size<=h*1048576?!0:(l.push({type:"size",file:j}),!1)),x=[...v,...u];typeof f>"u"&&T(x),o==null||o(x),e.target.value="",l.length?w({type:"error",text:K(l,i)}):w(void 0)}},R=e=>{const l=[...v].filter(u=>u!==e);F&&F(e),typeof f>"u"&&T(l),o==null||o(l)},S=(e,l)=>t.jsx("li",{children:t.jsx(O.Tag,{color:"secondary",onClose:!e.isLoading&&!m&&!b?()=>R(e):void 0,isLoading:e.isLoading,children:e.name})},l),E=()=>t.jsx("ul",{className:c.default["file-upload__items"],children:v.map((e,l)=>S(e,l))});return t.jsxs("div",{children:[t.jsx("div",{onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),className:c.default["file-upload__label-wrapper"],children:t.jsx(I.FormLabel,{id:n,...$,renderWithoutLabel:b,className:c.default["file-upload__label"]})}),b?E():t.jsx(W.Card,{padding:.5,background:m?"bg-disabled":void 0,className:c.default["file-upload__card"],children:t.jsx(Y.CardContent,{children:t.jsxs(G.Row,{gutterY:2,children:[t.jsx(M.Col,{children:E()}),t.jsx(M.Col,{xs:12,md:"auto",align:"center",children:t.jsxs("div",{className:U,children:[t.jsx("input",{id:n,type:"file",name:s,accept:r,onChange:H,multiple:p,disabled:m}),t.jsx(D.Button,{visualType:"link",iconLeft:"file_upload","aria-describedby":q,isActive:k,disabled:m,onClick:()=>{var e;return(e=document.getElementById(n))==null?void 0:e.click()},children:i("file-upload.add")})]})})]})})}),(C||d)&&t.jsx(A.FeedbackText,{...C||d,id:q})]})};exports.FileUpload=Q;
|
|
@@ -5,7 +5,7 @@ import { FeedbackText as O } from "../../../../tedi/components/form/feedback-tex
|
|
|
5
5
|
import { FormLabel as S } from "../../../../tedi/components/form/form-label/form-label.es.js";
|
|
6
6
|
import { Tag as W } from "../../../../tedi/components/tags/tag/tag.es.js";
|
|
7
7
|
import { Button as Y } from "../../button/button.es.js";
|
|
8
|
-
import
|
|
8
|
+
import c from "./file-upload.module.scss.es.js";
|
|
9
9
|
import { useLabels as q } from "../../../../tedi/providers/label-provider/use-labels.es.js";
|
|
10
10
|
import { Card as G } from "../../card/card.es.js";
|
|
11
11
|
import { CardContent as J } from "../../card/card-content/card-content.es.js";
|
|
@@ -20,19 +20,19 @@ const P = ({ accept: a, maxSize: i }, s) => {
|
|
|
20
20
|
return o.length ? { text: o } : void 0;
|
|
21
21
|
}, Q = (a, i) => {
|
|
22
22
|
const s = a.reduce(
|
|
23
|
-
(o, { type: r, file:
|
|
23
|
+
(o, { type: r, file: u }) => (o[r].push(u.name), o),
|
|
24
24
|
{ extension: [], size: [] }
|
|
25
25
|
);
|
|
26
26
|
return Object.entries(s).filter(([o, r]) => r.length).map(([o, r]) => {
|
|
27
|
-
const
|
|
28
|
-
return i(`file-upload.${o}-rejected`,
|
|
27
|
+
const u = r.map((x) => `'${x}'`).join(", ");
|
|
28
|
+
return i(`file-upload.${o}-rejected`, u);
|
|
29
29
|
}).join(". ");
|
|
30
30
|
}, pe = (a) => {
|
|
31
31
|
const { getLabel: i } = q(), {
|
|
32
32
|
id: s,
|
|
33
33
|
name: o,
|
|
34
34
|
accept: r,
|
|
35
|
-
multiple:
|
|
35
|
+
multiple: u,
|
|
36
36
|
onChange: n,
|
|
37
37
|
className: x,
|
|
38
38
|
defaultFiles: k,
|
|
@@ -43,7 +43,7 @@ const P = ({ accept: a, maxSize: i }, s) => {
|
|
|
43
43
|
maxSize: y,
|
|
44
44
|
helper: d = P({ accept: r, maxSize: y }, i),
|
|
45
45
|
...B
|
|
46
|
-
} = a, L = d ? (d == null ? void 0 : d.id) ?? `${s}-helper` : void 0, [H, N] = b.useState(!1), [E, T] = b.useState(k || []), [$, w] = b.useState(), U = D(
|
|
46
|
+
} = a, L = d ? (d == null ? void 0 : d.id) ?? `${s}-helper` : void 0, [H, N] = b.useState(!1), [E, T] = b.useState(k || []), [$, w] = b.useState(), U = D(c["file-upload"], { [c["file-upload-disabled"]]: m }), z = (e) => {
|
|
47
47
|
var h;
|
|
48
48
|
if (!r)
|
|
49
49
|
return !0;
|
|
@@ -65,18 +65,18 @@ const P = ({ accept: a, maxSize: i }, s) => {
|
|
|
65
65
|
isLoading: e.isLoading,
|
|
66
66
|
children: e.name
|
|
67
67
|
}
|
|
68
|
-
) }, t), C = () => /* @__PURE__ */ l("ul", { className:
|
|
68
|
+
) }, t), C = () => /* @__PURE__ */ l("ul", { className: c["file-upload__items"], children: F.map((e, t) => R(e, t)) });
|
|
69
69
|
return /* @__PURE__ */ _("div", { children: [
|
|
70
70
|
/* @__PURE__ */ l(
|
|
71
71
|
"div",
|
|
72
72
|
{
|
|
73
73
|
onMouseEnter: () => N(!0),
|
|
74
74
|
onMouseLeave: () => N(!1),
|
|
75
|
-
className:
|
|
76
|
-
children: /* @__PURE__ */ l(S, { id: s, ...B, renderWithoutLabel: v, className:
|
|
75
|
+
className: c["file-upload__label-wrapper"],
|
|
76
|
+
children: /* @__PURE__ */ l(S, { id: s, ...B, renderWithoutLabel: v, className: c["file-upload__label"] })
|
|
77
77
|
}
|
|
78
78
|
),
|
|
79
|
-
v ? C() : /* @__PURE__ */ l(G, { padding: 0.5, background: m ? "bg-disabled" : void 0, className:
|
|
79
|
+
v ? C() : /* @__PURE__ */ l(G, { padding: 0.5, background: m ? "bg-disabled" : void 0, className: c["file-upload__card"], children: /* @__PURE__ */ l(J, { children: /* @__PURE__ */ _(K, { gutterY: 2, children: [
|
|
80
80
|
/* @__PURE__ */ l(M, { children: C() }),
|
|
81
81
|
/* @__PURE__ */ l(M, { xs: 12, md: "auto", align: "center", children: /* @__PURE__ */ _("div", { className: U, children: [
|
|
82
82
|
/* @__PURE__ */ l(
|
|
@@ -87,7 +87,7 @@ const P = ({ accept: a, maxSize: i }, s) => {
|
|
|
87
87
|
name: o,
|
|
88
88
|
accept: r,
|
|
89
89
|
onChange: A,
|
|
90
|
-
multiple:
|
|
90
|
+
multiple: u,
|
|
91
91
|
disabled: m
|
|
92
92
|
}
|
|
93
93
|
),
|
|
@@ -112,6 +112,5 @@ const P = ({ accept: a, maxSize: i }, s) => {
|
|
|
112
112
|
] });
|
|
113
113
|
};
|
|
114
114
|
export {
|
|
115
|
-
pe as FileUpload
|
|
116
|
-
pe as default
|
|
115
|
+
pe as FileUpload
|
|
117
116
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),x=require("react"),S=require("../../../../tedi/components/form/textfield/textfield.cjs.js"),q=require("../select/select.cjs.js"),a=require("./hidden-field.module.scss.cjs.js"),O=require("../pickers/datetimepicker/datetimepicker.cjs.js"),F=e=>e.fieldType==="textfield",k=e=>e.fieldType==="select",B=e=>e.fieldType==="datetime",C=e=>{const[c,r]=x.useState(!1),h=x.useRef(null);x.useEffect(()=>{var s,n;F(e)&&((s=h.current)!=null&&s.input)&&c&&((n=h.current)==null||n.input.focus())},[c,e]);const T=s=>{const{className:n,onBlur:t,onKeyDown:i,...f}=s.fieldOptions,o=m.default(n,a.default["hidden-field"]),u=l=>{t==null||t(l),r(!1)};return d.jsx(S.TextField,{...f,"data-name":"hidden-field",hideLabel:!0,size:"small",className:o,inputClassName:a.default["hidden-field__input"],onKeyDown:l=>{i==null||i(l),(l.key==="enter"||l.keyCode===13||l.which===13)&&(l.preventDefault(),u(l))},onBlur:u,ref:h})},j=s=>{const{className:n,onBlur:t,onChange:i,closeMenuOnSelect:f=!1,...o}=s.fieldOptions,u=m.default(n,a.default["hidden-field"],a.default["hidden-field--select"]),l=()=>{t==null||t(),r(!1)},b=y=>{i==null||i(y),f&&r(!1)};return d.jsx(q.Select,{autoFocus:!0,...o,onBlur:l,onChange:b,className:u,hideLabel:!0,size:"small"})},N=s=>{const{className:n,onBlur:t,...i}=s.fieldOptions,f=m.default(n,a.default["hidden-field"],a.default["hidden-field--datetime"]),o=u=>{r(!1),t==null||t(u)};return d.jsx(O.DateTimePicker,{...i,hideLabel:!0,className:f,onBlur:o})};return d.jsxs(d.Fragment,{children:[F(e)&&c?d.jsx(T,{...e}):null,k(e)&&c?d.jsx(j,{...e}):null,B(e)&&c?d.jsx(N,{...e}):null,d.jsx("button",{type:"button",onClick:()=>r(!0),className:m.default(a.default["hidden-field-button"],"text-small",{hidden:c},e.className),children:e.content})]})};exports.HiddenField=C;
|