@coopdigital/react 0.55.0 → 0.56.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Card/Card.js +4 -4
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/datepicker-utils.js +1 -5
- package/dist/components/Field/Field.d.ts +7 -24
- package/dist/components/Field/Field.js +11 -18
- package/dist/components/Field/index.js +0 -1
- package/dist/components/Fieldset/Fieldset.d.ts +12 -17
- package/dist/components/Fieldset/Fieldset.js +6 -8
- package/dist/components/Pill/Pill.js +2 -2
- package/dist/components/Popover/Popover.js +6 -6
- package/dist/components/Searchbox/Searchbox.js +4 -4
- package/dist/components/Signpost/Signpost.js +2 -2
- package/dist/components/Tag/Tag.js +2 -2
- package/dist/components/Textarea/Textarea.js +2 -0
- package/dist/hooks/useSlots.js +3 -3
- package/dist/index.js +2 -2
- package/package.json +11 -11
- package/src/components/Field/Field.tsx +5 -29
- package/src/components/Fieldset/Fieldset.tsx +6 -8
- package/src/components/Textarea/Textarea.tsx +2 -0
- package/dist/node_modules/@date-fns/tz/date/index.js +0 -83
- package/dist/node_modules/@date-fns/tz/date/mini.js +0 -235
- package/dist/node_modules/@date-fns/tz/tzName/index.js +0 -39
- package/dist/node_modules/@date-fns/tz/tzOffset/index.js +0 -44
- package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -814
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -751
- package/dist/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -350
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -161
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -137
- package/dist/node_modules/@radix-ui/primitive/dist/index.js +0 -11
- package/dist/node_modules/@radix-ui/react-arrow/dist/index.js +0 -25
- package/dist/node_modules/@radix-ui/react-compose-refs/dist/index.js +0 -39
- package/dist/node_modules/@radix-ui/react-context/dist/index.js +0 -63
- package/dist/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -213
- package/dist/node_modules/@radix-ui/react-focus-guards/dist/index.js +0 -31
- package/dist/node_modules/@radix-ui/react-focus-scope/dist/index.js +0 -209
- package/dist/node_modules/@radix-ui/react-id/dist/index.js +0 -15
- package/dist/node_modules/@radix-ui/react-popover/dist/index.js +0 -303
- package/dist/node_modules/@radix-ui/react-popper/dist/index.js +0 -285
- package/dist/node_modules/@radix-ui/react-portal/dist/index.js +0 -19
- package/dist/node_modules/@radix-ui/react-presence/dist/index.js +0 -132
- package/dist/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
- package/dist/node_modules/@radix-ui/react-slot/dist/index.js +0 -89
- package/dist/node_modules/@radix-ui/react-use-callback-ref/dist/index.js +0 -12
- package/dist/node_modules/@radix-ui/react-use-controllable-state/dist/index.js +0 -70
- package/dist/node_modules/@radix-ui/react-use-escape-keydown/dist/index.js +0 -18
- package/dist/node_modules/@radix-ui/react-use-layout-effect/dist/index.js +0 -7
- package/dist/node_modules/@radix-ui/react-use-size/dist/index.js +0 -40
- package/dist/node_modules/aria-hidden/dist/es2015/index.js +0 -137
- package/dist/node_modules/date-fns/_lib/addLeadingZeros.js +0 -7
- package/dist/node_modules/date-fns/_lib/defaultOptions.js +0 -7
- package/dist/node_modules/date-fns/_lib/format/formatters.js +0 -775
- package/dist/node_modules/date-fns/_lib/format/lightFormatters.js +0 -94
- package/dist/node_modules/date-fns/_lib/format/longFormatters.js +0 -66
- package/dist/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js +0 -31
- package/dist/node_modules/date-fns/_lib/normalizeDates.js +0 -11
- package/dist/node_modules/date-fns/_lib/normalizeInterval.js +0 -8
- package/dist/node_modules/date-fns/_lib/protectedTokens.js +0 -25
- package/dist/node_modules/date-fns/addDays.js +0 -41
- package/dist/node_modules/date-fns/addMonths.js +0 -75
- package/dist/node_modules/date-fns/addWeeks.js +0 -33
- package/dist/node_modules/date-fns/addYears.js +0 -33
- package/dist/node_modules/date-fns/constants.js +0 -67
- package/dist/node_modules/date-fns/constructFrom.js +0 -49
- package/dist/node_modules/date-fns/differenceInCalendarDays.js +0 -62
- package/dist/node_modules/date-fns/differenceInCalendarMonths.js +0 -42
- package/dist/node_modules/date-fns/eachMonthOfInterval.js +0 -65
- package/dist/node_modules/date-fns/eachYearOfInterval.js +0 -65
- package/dist/node_modules/date-fns/endOfISOWeek.js +0 -35
- package/dist/node_modules/date-fns/endOfMonth.js +0 -37
- package/dist/node_modules/date-fns/endOfWeek.js +0 -53
- package/dist/node_modules/date-fns/endOfYear.js +0 -37
- package/dist/node_modules/date-fns/format.js +0 -423
- package/dist/node_modules/date-fns/getDayOfYear.js +0 -34
- package/dist/node_modules/date-fns/getDaysInMonth.js +0 -36
- package/dist/node_modules/date-fns/getDefaultOptions.js +0 -31
- package/dist/node_modules/date-fns/getISODay.js +0 -33
- package/dist/node_modules/date-fns/getISOWeek.js +0 -40
- package/dist/node_modules/date-fns/getISOWeekYear.js +0 -52
- package/dist/node_modules/date-fns/getMonth.js +0 -29
- package/dist/node_modules/date-fns/getWeek.js +0 -54
- package/dist/node_modules/date-fns/getWeekYear.js +0 -75
- package/dist/node_modules/date-fns/getYear.js +0 -29
- package/dist/node_modules/date-fns/isAfter.js +0 -25
- package/dist/node_modules/date-fns/isBefore.js +0 -25
- package/dist/node_modules/date-fns/isDate.js +0 -41
- package/dist/node_modules/date-fns/isSameDay.js +0 -46
- package/dist/node_modules/date-fns/isSameMonth.js +0 -43
- package/dist/node_modules/date-fns/isSameYear.js +0 -35
- package/dist/node_modules/date-fns/isValid.js +0 -39
- package/dist/node_modules/date-fns/locale/_lib/buildFormatLongFn.js +0 -10
- package/dist/node_modules/date-fns/locale/_lib/buildLocalizeFn.js +0 -64
- package/dist/node_modules/date-fns/locale/_lib/buildMatchFn.js +0 -59
- package/dist/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js +0 -22
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatDistance.js +0 -103
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatLong.js +0 -41
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatRelative.js +0 -13
- package/dist/node_modules/date-fns/locale/en-US/_lib/localize.js +0 -189
- package/dist/node_modules/date-fns/locale/en-US/_lib/match.js +0 -134
- package/dist/node_modules/date-fns/locale/en-US.js +0 -28
- package/dist/node_modules/date-fns/max.js +0 -49
- package/dist/node_modules/date-fns/min.js +0 -49
- package/dist/node_modules/date-fns/parse/_lib/Parser.js +0 -27
- package/dist/node_modules/date-fns/parse/_lib/Setter.js +0 -59
- package/dist/node_modules/date-fns/parse/_lib/constants.js +0 -33
- package/dist/node_modules/date-fns/parse/_lib/parsers/AMPMMidnightParser.js +0 -55
- package/dist/node_modules/date-fns/parse/_lib/parsers/AMPMParser.js +0 -55
- package/dist/node_modules/date-fns/parse/_lib/parsers/DateParser.js +0 -59
- package/dist/node_modules/date-fns/parse/_lib/parsers/DayOfYearParser.js +0 -57
- package/dist/node_modules/date-fns/parse/_lib/parsers/DayParser.js +0 -64
- package/dist/node_modules/date-fns/parse/_lib/parsers/DayPeriodParser.js +0 -56
- package/dist/node_modules/date-fns/parse/_lib/parsers/EraParser.js +0 -41
- package/dist/node_modules/date-fns/parse/_lib/parsers/ExtendedYearParser.js +0 -24
- package/dist/node_modules/date-fns/parse/_lib/parsers/FractionOfSecondParser.js +0 -21
- package/dist/node_modules/date-fns/parse/_lib/parsers/Hour0To11Parser.js +0 -36
- package/dist/node_modules/date-fns/parse/_lib/parsers/Hour0to23Parser.js +0 -31
- package/dist/node_modules/date-fns/parse/_lib/parsers/Hour1To24Parser.js +0 -32
- package/dist/node_modules/date-fns/parse/_lib/parsers/Hour1to12Parser.js +0 -38
- package/dist/node_modules/date-fns/parse/_lib/parsers/ISODayParser.js +0 -118
- package/dist/node_modules/date-fns/parse/_lib/parsers/ISOTimezoneParser.js +0 -47
- package/dist/node_modules/date-fns/parse/_lib/parsers/ISOTimezoneWithZParser.js +0 -47
- package/dist/node_modules/date-fns/parse/_lib/parsers/ISOWeekParser.js +0 -48
- package/dist/node_modules/date-fns/parse/_lib/parsers/ISOWeekYearParser.js +0 -44
- package/dist/node_modules/date-fns/parse/_lib/parsers/LocalDayParser.js +0 -96
- package/dist/node_modules/date-fns/parse/_lib/parsers/LocalWeekParser.js +0 -47
- package/dist/node_modules/date-fns/parse/_lib/parsers/LocalWeekYearParser.js +0 -76
- package/dist/node_modules/date-fns/parse/_lib/parsers/MinuteParser.js +0 -31
- package/dist/node_modules/date-fns/parse/_lib/parsers/MonthParser.js +0 -86
- package/dist/node_modules/date-fns/parse/_lib/parsers/QuarterParser.js +0 -83
- package/dist/node_modules/date-fns/parse/_lib/parsers/SecondParser.js +0 -31
- package/dist/node_modules/date-fns/parse/_lib/parsers/StandAloneLocalDayParser.js +0 -97
- package/dist/node_modules/date-fns/parse/_lib/parsers/StandAloneMonthParser.js +0 -86
- package/dist/node_modules/date-fns/parse/_lib/parsers/StandAloneQuarterParser.js +0 -83
- package/dist/node_modules/date-fns/parse/_lib/parsers/TimestampMillisecondsParser.js +0 -19
- package/dist/node_modules/date-fns/parse/_lib/parsers/TimestampSecondsParser.js +0 -19
- package/dist/node_modules/date-fns/parse/_lib/parsers/YearParser.js +0 -62
- package/dist/node_modules/date-fns/parse/_lib/parsers.js +0 -110
- package/dist/node_modules/date-fns/parse/_lib/utils.js +0 -135
- package/dist/node_modules/date-fns/parse.js +0 -497
- package/dist/node_modules/date-fns/setDay.js +0 -59
- package/dist/node_modules/date-fns/setISODay.js +0 -40
- package/dist/node_modules/date-fns/setISOWeek.js +0 -39
- package/dist/node_modules/date-fns/setMonth.js +0 -46
- package/dist/node_modules/date-fns/setWeek.js +0 -53
- package/dist/node_modules/date-fns/setYear.js +0 -40
- package/dist/node_modules/date-fns/startOfDay.js +0 -35
- package/dist/node_modules/date-fns/startOfISOWeek.js +0 -35
- package/dist/node_modules/date-fns/startOfISOWeekYear.js +0 -42
- package/dist/node_modules/date-fns/startOfMonth.js +0 -37
- package/dist/node_modules/date-fns/startOfWeek.js +0 -53
- package/dist/node_modules/date-fns/startOfWeekYear.js +0 -64
- package/dist/node_modules/date-fns/startOfYear.js +0 -36
- package/dist/node_modules/date-fns/toDate.js +0 -46
- package/dist/node_modules/date-fns/transpose.js +0 -52
- package/dist/node_modules/get-nonce/dist/es2015/index.js +0 -8
- package/dist/node_modules/react-day-picker/dist/esm/DayPicker.js +0 -320
- package/dist/node_modules/react-day-picker/dist/esm/UI.js +0 -122
- package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarDay.js +0 -33
- package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarMonth.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarWeek.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/classes/DateLib.js +0 -604
- package/dist/node_modules/react-day-picker/dist/esm/components/Button.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/CaptionLabel.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Chevron.js +0 -20
- package/dist/node_modules/react-day-picker/dist/esm/components/Day.js +0 -18
- package/dist/node_modules/react-day-picker/dist/esm/components/DayButton.js +0 -19
- package/dist/node_modules/react-day-picker/dist/esm/components/Dropdown.js +0 -21
- package/dist/node_modules/react-day-picker/dist/esm/components/DropdownNav.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Footer.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Month.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/components/MonthCaption.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/components/MonthGrid.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Months.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/components/Nav.js +0 -31
- package/dist/node_modules/react-day-picker/dist/esm/components/NextMonthButton.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/components/Option.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/PreviousMonthButton.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/components/Root.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/components/Select.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Week.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/components/WeekNumber.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/components/WeekNumberHeader.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Weekday.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Weekdays.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/components/Weeks.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/YearsDropdown.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/components/custom-components.js +0 -26
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatCaption.js +0 -26
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatDay.js +0 -19
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatMonthDropdown.js +0 -18
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumber.js +0 -21
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumberHeader.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatWeekdayName.js +0 -19
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatYearDropdown.js +0 -23
- package/dist/node_modules/react-day-picker/dist/esm/formatters/index.js +0 -7
- package/dist/node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js +0 -73
- package/dist/node_modules/react-day-picker/dist/esm/helpers/createGetModifiers.js +0 -95
- package/dist/node_modules/react-day-picker/dist/esm/helpers/endOfBroadcastWeek.js +0 -22
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getBroadcastWeeksInMonth.js +0 -28
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getClassNamesForModifiers.js +0 -33
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getComponents.js +0 -20
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getDataAttributes.js +0 -27
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getDates.js +0 -59
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getDays.js +0 -19
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js +0 -33
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getDisplayMonths.js +0 -24
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getFocusableDate.js +0 -46
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getFormatters.js +0 -24
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getInitialMonth.js +0 -27
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getLabels.js +0 -53
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getMonthOptions.js +0 -33
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getMonths.js +0 -69
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getNavMonth.js +0 -51
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getNextFocus.js +0 -40
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getNextMonth.js +0 -36
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getPreviousMonth.js +0 -37
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getStyleForModifiers.js +0 -27
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getWeekdays.js +0 -26
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getWeeks.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getYearOptions.js +0 -36
- package/dist/node_modules/react-day-picker/dist/esm/helpers/startOfBroadcastWeek.js +0 -27
- package/dist/node_modules/react-day-picker/dist/esm/helpers/useControlledValue.js +0 -31
- package/dist/node_modules/react-day-picker/dist/esm/labels/index.js +0 -11
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelDayButton.js +0 -32
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelGrid.js +0 -25
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelGridcell.js +0 -22
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelMonthDropdown.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelNav.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelNext.js +0 -16
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelPrevious.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekNumber.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekNumberHeader.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekday.js +0 -18
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelYearDropdown.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/locale/en-US.js +0 -67
- package/dist/node_modules/react-day-picker/dist/esm/selection/useMulti.js +0 -57
- package/dist/node_modules/react-day-picker/dist/esm/selection/useRange.js +0 -45
- package/dist/node_modules/react-day-picker/dist/esm/selection/useSingle.js +0 -44
- package/dist/node_modules/react-day-picker/dist/esm/useAnimation.js +0 -174
- package/dist/node_modules/react-day-picker/dist/esm/useCalendar.js +0 -113
- package/dist/node_modules/react-day-picker/dist/esm/useDayPicker.js +0 -25
- package/dist/node_modules/react-day-picker/dist/esm/useFocus.js +0 -56
- package/dist/node_modules/react-day-picker/dist/esm/useSelection.js +0 -31
- package/dist/node_modules/react-day-picker/dist/esm/utils/addToRange.js +0 -95
- package/dist/node_modules/react-day-picker/dist/esm/utils/convertMatchersToTimeZone.js +0 -57
- package/dist/node_modules/react-day-picker/dist/esm/utils/dateMatchModifiers.js +0 -62
- package/dist/node_modules/react-day-picker/dist/esm/utils/rangeContainsDayOfWeek.js +0 -30
- package/dist/node_modules/react-day-picker/dist/esm/utils/rangeContainsModifiers.js +0 -74
- package/dist/node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js +0 -35
- package/dist/node_modules/react-day-picker/dist/esm/utils/rangeOverlaps.js +0 -21
- package/dist/node_modules/react-day-picker/dist/esm/utils/toTimeZone.js +0 -16
- package/dist/node_modules/react-day-picker/dist/esm/utils/typeguards.js +0 -66
- package/dist/node_modules/react-remove-scroll/dist/es2015/Combination.js +0 -9
- package/dist/node_modules/react-remove-scroll/dist/es2015/SideEffect.js +0 -167
- package/dist/node_modules/react-remove-scroll/dist/es2015/UI.js +0 -38
- package/dist/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js +0 -21
- package/dist/node_modules/react-remove-scroll/dist/es2015/handleScroll.js +0 -110
- package/dist/node_modules/react-remove-scroll/dist/es2015/medium.js +0 -5
- package/dist/node_modules/react-remove-scroll/dist/es2015/sidecar.js +0 -7
- package/dist/node_modules/react-remove-scroll-bar/dist/es2015/component.js +0 -56
- package/dist/node_modules/react-remove-scroll-bar/dist/es2015/constants.js +0 -10
- package/dist/node_modules/react-remove-scroll-bar/dist/es2015/utils.js +0 -31
- package/dist/node_modules/react-style-singleton/dist/es2015/component.js +0 -19
- package/dist/node_modules/react-style-singleton/dist/es2015/hook.js +0 -25
- package/dist/node_modules/react-style-singleton/dist/es2015/singleton.js +0 -51
- package/dist/node_modules/tslib/tslib.es6.js +0 -56
- package/dist/node_modules/use-callback-ref/dist/es2015/assignRef.js +0 -24
- package/dist/node_modules/use-callback-ref/dist/es2015/useMergeRef.js +0 -48
- package/dist/node_modules/use-callback-ref/dist/es2015/useRef.js +0 -42
- package/dist/node_modules/use-sidecar/dist/es2015/exports.js +0 -21
- package/dist/node_modules/use-sidecar/dist/es2015/medium.js +0 -77
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
"use client";
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { useComposedRefs } from '../../react-compose-refs/dist/index.js';
|
|
5
|
-
import { useLayoutEffect as useLayoutEffect2 } from '../../react-use-layout-effect/dist/index.js';
|
|
6
|
-
|
|
7
|
-
function useStateMachine(initialState, machine) {
|
|
8
|
-
return React.useReducer((state, event) => {
|
|
9
|
-
const nextState = machine[state][event];
|
|
10
|
-
return nextState ?? state;
|
|
11
|
-
}, initialState);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
// src/presence.tsx
|
|
15
|
-
var Presence = (props) => {
|
|
16
|
-
const { present, children } = props;
|
|
17
|
-
const presence = usePresence(present);
|
|
18
|
-
const child = typeof children === "function" ? children({ present: presence.isPresent }) : React.Children.only(children);
|
|
19
|
-
const ref = useComposedRefs(presence.ref, getElementRef(child));
|
|
20
|
-
const forceMount = typeof children === "function";
|
|
21
|
-
return forceMount || presence.isPresent ? React.cloneElement(child, { ref }) : null;
|
|
22
|
-
};
|
|
23
|
-
Presence.displayName = "Presence";
|
|
24
|
-
function usePresence(present) {
|
|
25
|
-
const [node, setNode] = React.useState();
|
|
26
|
-
const stylesRef = React.useRef(null);
|
|
27
|
-
const prevPresentRef = React.useRef(present);
|
|
28
|
-
const prevAnimationNameRef = React.useRef("none");
|
|
29
|
-
const initialState = present ? "mounted" : "unmounted";
|
|
30
|
-
const [state, send] = useStateMachine(initialState, {
|
|
31
|
-
mounted: {
|
|
32
|
-
UNMOUNT: "unmounted",
|
|
33
|
-
ANIMATION_OUT: "unmountSuspended"
|
|
34
|
-
},
|
|
35
|
-
unmountSuspended: {
|
|
36
|
-
MOUNT: "mounted",
|
|
37
|
-
ANIMATION_END: "unmounted"
|
|
38
|
-
},
|
|
39
|
-
unmounted: {
|
|
40
|
-
MOUNT: "mounted"
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
React.useEffect(() => {
|
|
44
|
-
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
45
|
-
prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
|
|
46
|
-
}, [state]);
|
|
47
|
-
useLayoutEffect2(() => {
|
|
48
|
-
const styles = stylesRef.current;
|
|
49
|
-
const wasPresent = prevPresentRef.current;
|
|
50
|
-
const hasPresentChanged = wasPresent !== present;
|
|
51
|
-
if (hasPresentChanged) {
|
|
52
|
-
const prevAnimationName = prevAnimationNameRef.current;
|
|
53
|
-
const currentAnimationName = getAnimationName(styles);
|
|
54
|
-
if (present) {
|
|
55
|
-
send("MOUNT");
|
|
56
|
-
} else if (currentAnimationName === "none" || styles?.display === "none") {
|
|
57
|
-
send("UNMOUNT");
|
|
58
|
-
} else {
|
|
59
|
-
const isAnimating = prevAnimationName !== currentAnimationName;
|
|
60
|
-
if (wasPresent && isAnimating) {
|
|
61
|
-
send("ANIMATION_OUT");
|
|
62
|
-
} else {
|
|
63
|
-
send("UNMOUNT");
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
prevPresentRef.current = present;
|
|
67
|
-
}
|
|
68
|
-
}, [present, send]);
|
|
69
|
-
useLayoutEffect2(() => {
|
|
70
|
-
if (node) {
|
|
71
|
-
let timeoutId;
|
|
72
|
-
const ownerWindow = node.ownerDocument.defaultView ?? window;
|
|
73
|
-
const handleAnimationEnd = (event) => {
|
|
74
|
-
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
75
|
-
const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
|
|
76
|
-
if (event.target === node && isCurrentAnimation) {
|
|
77
|
-
send("ANIMATION_END");
|
|
78
|
-
if (!prevPresentRef.current) {
|
|
79
|
-
const currentFillMode = node.style.animationFillMode;
|
|
80
|
-
node.style.animationFillMode = "forwards";
|
|
81
|
-
timeoutId = ownerWindow.setTimeout(() => {
|
|
82
|
-
if (node.style.animationFillMode === "forwards") {
|
|
83
|
-
node.style.animationFillMode = currentFillMode;
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
const handleAnimationStart = (event) => {
|
|
90
|
-
if (event.target === node) {
|
|
91
|
-
prevAnimationNameRef.current = getAnimationName(stylesRef.current);
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
|
-
node.addEventListener("animationstart", handleAnimationStart);
|
|
95
|
-
node.addEventListener("animationcancel", handleAnimationEnd);
|
|
96
|
-
node.addEventListener("animationend", handleAnimationEnd);
|
|
97
|
-
return () => {
|
|
98
|
-
ownerWindow.clearTimeout(timeoutId);
|
|
99
|
-
node.removeEventListener("animationstart", handleAnimationStart);
|
|
100
|
-
node.removeEventListener("animationcancel", handleAnimationEnd);
|
|
101
|
-
node.removeEventListener("animationend", handleAnimationEnd);
|
|
102
|
-
};
|
|
103
|
-
} else {
|
|
104
|
-
send("ANIMATION_END");
|
|
105
|
-
}
|
|
106
|
-
}, [node, send]);
|
|
107
|
-
return {
|
|
108
|
-
isPresent: ["mounted", "unmountSuspended"].includes(state),
|
|
109
|
-
ref: React.useCallback((node2) => {
|
|
110
|
-
stylesRef.current = node2 ? getComputedStyle(node2) : null;
|
|
111
|
-
setNode(node2);
|
|
112
|
-
}, [])
|
|
113
|
-
};
|
|
114
|
-
}
|
|
115
|
-
function getAnimationName(styles) {
|
|
116
|
-
return styles?.animationName || "none";
|
|
117
|
-
}
|
|
118
|
-
function getElementRef(element) {
|
|
119
|
-
let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
|
|
120
|
-
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
121
|
-
if (mayWarn) {
|
|
122
|
-
return element.ref;
|
|
123
|
-
}
|
|
124
|
-
getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
|
|
125
|
-
mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
126
|
-
if (mayWarn) {
|
|
127
|
-
return element.props.ref;
|
|
128
|
-
}
|
|
129
|
-
return element.props.ref || element.ref;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
export { Presence };
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as ReactDOM from 'react-dom';
|
|
3
|
-
import { createSlot } from '../../react-slot/dist/index.js';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
// src/primitive.tsx
|
|
7
|
-
var NODES = [
|
|
8
|
-
"a",
|
|
9
|
-
"button",
|
|
10
|
-
"div",
|
|
11
|
-
"form",
|
|
12
|
-
"h2",
|
|
13
|
-
"h3",
|
|
14
|
-
"img",
|
|
15
|
-
"input",
|
|
16
|
-
"label",
|
|
17
|
-
"li",
|
|
18
|
-
"nav",
|
|
19
|
-
"ol",
|
|
20
|
-
"p",
|
|
21
|
-
"select",
|
|
22
|
-
"span",
|
|
23
|
-
"svg",
|
|
24
|
-
"ul"
|
|
25
|
-
];
|
|
26
|
-
var Primitive = NODES.reduce((primitive, node) => {
|
|
27
|
-
const Slot = createSlot(`Primitive.${node}`);
|
|
28
|
-
const Node = React.forwardRef((props, forwardedRef) => {
|
|
29
|
-
const { asChild, ...primitiveProps } = props;
|
|
30
|
-
const Comp = asChild ? Slot : node;
|
|
31
|
-
if (typeof window !== "undefined") {
|
|
32
|
-
window[Symbol.for("radix-ui")] = true;
|
|
33
|
-
}
|
|
34
|
-
return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
35
|
-
});
|
|
36
|
-
Node.displayName = `Primitive.${node}`;
|
|
37
|
-
return { ...primitive, [node]: Node };
|
|
38
|
-
}, {});
|
|
39
|
-
function dispatchDiscreteCustomEvent(target, event) {
|
|
40
|
-
if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
export { Primitive, dispatchDiscreteCustomEvent };
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { composeRefs } from '../../react-compose-refs/dist/index.js';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
// src/slot.tsx
|
|
6
|
-
// @__NO_SIDE_EFFECTS__
|
|
7
|
-
function createSlot(ownerName) {
|
|
8
|
-
const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
|
|
9
|
-
const Slot2 = React.forwardRef((props, forwardedRef) => {
|
|
10
|
-
const { children, ...slotProps } = props;
|
|
11
|
-
const childrenArray = React.Children.toArray(children);
|
|
12
|
-
const slottable = childrenArray.find(isSlottable);
|
|
13
|
-
if (slottable) {
|
|
14
|
-
const newElement = slottable.props.children;
|
|
15
|
-
const newChildren = childrenArray.map((child) => {
|
|
16
|
-
if (child === slottable) {
|
|
17
|
-
if (React.Children.count(newElement) > 1) return React.Children.only(null);
|
|
18
|
-
return React.isValidElement(newElement) ? newElement.props.children : null;
|
|
19
|
-
} else {
|
|
20
|
-
return child;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
|
|
24
|
-
}
|
|
25
|
-
return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
|
|
26
|
-
});
|
|
27
|
-
Slot2.displayName = `${ownerName}.Slot`;
|
|
28
|
-
return Slot2;
|
|
29
|
-
}
|
|
30
|
-
// @__NO_SIDE_EFFECTS__
|
|
31
|
-
function createSlotClone(ownerName) {
|
|
32
|
-
const SlotClone = React.forwardRef((props, forwardedRef) => {
|
|
33
|
-
const { children, ...slotProps } = props;
|
|
34
|
-
if (React.isValidElement(children)) {
|
|
35
|
-
const childrenRef = getElementRef(children);
|
|
36
|
-
const props2 = mergeProps(slotProps, children.props);
|
|
37
|
-
if (children.type !== React.Fragment) {
|
|
38
|
-
props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
|
|
39
|
-
}
|
|
40
|
-
return React.cloneElement(children, props2);
|
|
41
|
-
}
|
|
42
|
-
return React.Children.count(children) > 1 ? React.Children.only(null) : null;
|
|
43
|
-
});
|
|
44
|
-
SlotClone.displayName = `${ownerName}.SlotClone`;
|
|
45
|
-
return SlotClone;
|
|
46
|
-
}
|
|
47
|
-
var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
|
|
48
|
-
function isSlottable(child) {
|
|
49
|
-
return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
|
|
50
|
-
}
|
|
51
|
-
function mergeProps(slotProps, childProps) {
|
|
52
|
-
const overrideProps = { ...childProps };
|
|
53
|
-
for (const propName in childProps) {
|
|
54
|
-
const slotPropValue = slotProps[propName];
|
|
55
|
-
const childPropValue = childProps[propName];
|
|
56
|
-
const isHandler = /^on[A-Z]/.test(propName);
|
|
57
|
-
if (isHandler) {
|
|
58
|
-
if (slotPropValue && childPropValue) {
|
|
59
|
-
overrideProps[propName] = (...args) => {
|
|
60
|
-
const result = childPropValue(...args);
|
|
61
|
-
slotPropValue(...args);
|
|
62
|
-
return result;
|
|
63
|
-
};
|
|
64
|
-
} else if (slotPropValue) {
|
|
65
|
-
overrideProps[propName] = slotPropValue;
|
|
66
|
-
}
|
|
67
|
-
} else if (propName === "style") {
|
|
68
|
-
overrideProps[propName] = { ...slotPropValue, ...childPropValue };
|
|
69
|
-
} else if (propName === "className") {
|
|
70
|
-
overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
return { ...slotProps, ...overrideProps };
|
|
74
|
-
}
|
|
75
|
-
function getElementRef(element) {
|
|
76
|
-
let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
|
|
77
|
-
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
78
|
-
if (mayWarn) {
|
|
79
|
-
return element.ref;
|
|
80
|
-
}
|
|
81
|
-
getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
|
|
82
|
-
mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
83
|
-
if (mayWarn) {
|
|
84
|
-
return element.props.ref;
|
|
85
|
-
}
|
|
86
|
-
return element.props.ref || element.ref;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
export { createSlot };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
// packages/react/use-callback-ref/src/use-callback-ref.tsx
|
|
4
|
-
function useCallbackRef(callback) {
|
|
5
|
-
const callbackRef = React.useRef(callback);
|
|
6
|
-
React.useEffect(() => {
|
|
7
|
-
callbackRef.current = callback;
|
|
8
|
-
});
|
|
9
|
-
return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export { useCallbackRef };
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useLayoutEffect as useLayoutEffect2 } from '../../react-use-layout-effect/dist/index.js';
|
|
3
|
-
|
|
4
|
-
// src/use-controllable-state.tsx
|
|
5
|
-
var useInsertionEffect = React[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
|
|
6
|
-
function useControllableState({
|
|
7
|
-
prop,
|
|
8
|
-
defaultProp,
|
|
9
|
-
onChange = () => {
|
|
10
|
-
},
|
|
11
|
-
caller
|
|
12
|
-
}) {
|
|
13
|
-
const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
|
|
14
|
-
defaultProp,
|
|
15
|
-
onChange
|
|
16
|
-
});
|
|
17
|
-
const isControlled = prop !== void 0;
|
|
18
|
-
const value = isControlled ? prop : uncontrolledProp;
|
|
19
|
-
{
|
|
20
|
-
const isControlledRef = React.useRef(prop !== void 0);
|
|
21
|
-
React.useEffect(() => {
|
|
22
|
-
const wasControlled = isControlledRef.current;
|
|
23
|
-
if (wasControlled !== isControlled) {
|
|
24
|
-
const from = wasControlled ? "controlled" : "uncontrolled";
|
|
25
|
-
const to = isControlled ? "controlled" : "uncontrolled";
|
|
26
|
-
console.warn(
|
|
27
|
-
`${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
isControlledRef.current = isControlled;
|
|
31
|
-
}, [isControlled, caller]);
|
|
32
|
-
}
|
|
33
|
-
const setValue = React.useCallback(
|
|
34
|
-
(nextValue) => {
|
|
35
|
-
if (isControlled) {
|
|
36
|
-
const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
|
|
37
|
-
if (value2 !== prop) {
|
|
38
|
-
onChangeRef.current?.(value2);
|
|
39
|
-
}
|
|
40
|
-
} else {
|
|
41
|
-
setUncontrolledProp(nextValue);
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
[isControlled, prop, setUncontrolledProp, onChangeRef]
|
|
45
|
-
);
|
|
46
|
-
return [value, setValue];
|
|
47
|
-
}
|
|
48
|
-
function useUncontrolledState({
|
|
49
|
-
defaultProp,
|
|
50
|
-
onChange
|
|
51
|
-
}) {
|
|
52
|
-
const [value, setValue] = React.useState(defaultProp);
|
|
53
|
-
const prevValueRef = React.useRef(value);
|
|
54
|
-
const onChangeRef = React.useRef(onChange);
|
|
55
|
-
useInsertionEffect(() => {
|
|
56
|
-
onChangeRef.current = onChange;
|
|
57
|
-
}, [onChange]);
|
|
58
|
-
React.useEffect(() => {
|
|
59
|
-
if (prevValueRef.current !== value) {
|
|
60
|
-
onChangeRef.current?.(value);
|
|
61
|
-
prevValueRef.current = value;
|
|
62
|
-
}
|
|
63
|
-
}, [value, prevValueRef]);
|
|
64
|
-
return [value, setValue, onChangeRef];
|
|
65
|
-
}
|
|
66
|
-
function isFunction(value) {
|
|
67
|
-
return typeof value === "function";
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
export { useControllableState };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useCallbackRef } from '../../react-use-callback-ref/dist/index.js';
|
|
3
|
-
|
|
4
|
-
// packages/react/use-escape-keydown/src/use-escape-keydown.tsx
|
|
5
|
-
function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
|
|
6
|
-
const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
|
|
7
|
-
React.useEffect(() => {
|
|
8
|
-
const handleKeyDown = (event) => {
|
|
9
|
-
if (event.key === "Escape") {
|
|
10
|
-
onEscapeKeyDown(event);
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
ownerDocument.addEventListener("keydown", handleKeyDown, { capture: true });
|
|
14
|
-
return () => ownerDocument.removeEventListener("keydown", handleKeyDown, { capture: true });
|
|
15
|
-
}, [onEscapeKeyDown, ownerDocument]);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export { useEscapeKeydown };
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useLayoutEffect as useLayoutEffect2 } from '../../react-use-layout-effect/dist/index.js';
|
|
3
|
-
|
|
4
|
-
// packages/react/use-size/src/use-size.tsx
|
|
5
|
-
function useSize(element) {
|
|
6
|
-
const [size, setSize] = React.useState(void 0);
|
|
7
|
-
useLayoutEffect2(() => {
|
|
8
|
-
if (element) {
|
|
9
|
-
setSize({ width: element.offsetWidth, height: element.offsetHeight });
|
|
10
|
-
const resizeObserver = new ResizeObserver((entries) => {
|
|
11
|
-
if (!Array.isArray(entries)) {
|
|
12
|
-
return;
|
|
13
|
-
}
|
|
14
|
-
if (!entries.length) {
|
|
15
|
-
return;
|
|
16
|
-
}
|
|
17
|
-
const entry = entries[0];
|
|
18
|
-
let width;
|
|
19
|
-
let height;
|
|
20
|
-
if ("borderBoxSize" in entry) {
|
|
21
|
-
const borderSizeEntry = entry["borderBoxSize"];
|
|
22
|
-
const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
|
|
23
|
-
width = borderSize["inlineSize"];
|
|
24
|
-
height = borderSize["blockSize"];
|
|
25
|
-
} else {
|
|
26
|
-
width = element.offsetWidth;
|
|
27
|
-
height = element.offsetHeight;
|
|
28
|
-
}
|
|
29
|
-
setSize({ width, height });
|
|
30
|
-
});
|
|
31
|
-
resizeObserver.observe(element, { box: "border-box" });
|
|
32
|
-
return () => resizeObserver.unobserve(element);
|
|
33
|
-
} else {
|
|
34
|
-
setSize(void 0);
|
|
35
|
-
}
|
|
36
|
-
}, [element]);
|
|
37
|
-
return size;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export { useSize };
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
var getDefaultParent = function (originalTarget) {
|
|
2
|
-
if (typeof document === 'undefined') {
|
|
3
|
-
return null;
|
|
4
|
-
}
|
|
5
|
-
var sampleTarget = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;
|
|
6
|
-
return sampleTarget.ownerDocument.body;
|
|
7
|
-
};
|
|
8
|
-
var counterMap = new WeakMap();
|
|
9
|
-
var uncontrolledNodes = new WeakMap();
|
|
10
|
-
var markerMap = {};
|
|
11
|
-
var lockCount = 0;
|
|
12
|
-
var unwrapHost = function (node) {
|
|
13
|
-
return node && (node.host || unwrapHost(node.parentNode));
|
|
14
|
-
};
|
|
15
|
-
var correctTargets = function (parent, targets) {
|
|
16
|
-
return targets
|
|
17
|
-
.map(function (target) {
|
|
18
|
-
if (parent.contains(target)) {
|
|
19
|
-
return target;
|
|
20
|
-
}
|
|
21
|
-
var correctedTarget = unwrapHost(target);
|
|
22
|
-
if (correctedTarget && parent.contains(correctedTarget)) {
|
|
23
|
-
return correctedTarget;
|
|
24
|
-
}
|
|
25
|
-
console.error('aria-hidden', target, 'in not contained inside', parent, '. Doing nothing');
|
|
26
|
-
return null;
|
|
27
|
-
})
|
|
28
|
-
.filter(function (x) { return Boolean(x); });
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* Marks everything except given node(or nodes) as aria-hidden
|
|
32
|
-
* @param {Element | Element[]} originalTarget - elements to keep on the page
|
|
33
|
-
* @param [parentNode] - top element, defaults to document.body
|
|
34
|
-
* @param {String} [markerName] - a special attribute to mark every node
|
|
35
|
-
* @param {String} [controlAttribute] - html Attribute to control
|
|
36
|
-
* @return {Undo} undo command
|
|
37
|
-
*/
|
|
38
|
-
var applyAttributeToOthers = function (originalTarget, parentNode, markerName, controlAttribute) {
|
|
39
|
-
var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
|
|
40
|
-
if (!markerMap[markerName]) {
|
|
41
|
-
markerMap[markerName] = new WeakMap();
|
|
42
|
-
}
|
|
43
|
-
var markerCounter = markerMap[markerName];
|
|
44
|
-
var hiddenNodes = [];
|
|
45
|
-
var elementsToKeep = new Set();
|
|
46
|
-
var elementsToStop = new Set(targets);
|
|
47
|
-
var keep = function (el) {
|
|
48
|
-
if (!el || elementsToKeep.has(el)) {
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
elementsToKeep.add(el);
|
|
52
|
-
keep(el.parentNode);
|
|
53
|
-
};
|
|
54
|
-
targets.forEach(keep);
|
|
55
|
-
var deep = function (parent) {
|
|
56
|
-
if (!parent || elementsToStop.has(parent)) {
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
Array.prototype.forEach.call(parent.children, function (node) {
|
|
60
|
-
if (elementsToKeep.has(node)) {
|
|
61
|
-
deep(node);
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
try {
|
|
65
|
-
var attr = node.getAttribute(controlAttribute);
|
|
66
|
-
var alreadyHidden = attr !== null && attr !== 'false';
|
|
67
|
-
var counterValue = (counterMap.get(node) || 0) + 1;
|
|
68
|
-
var markerValue = (markerCounter.get(node) || 0) + 1;
|
|
69
|
-
counterMap.set(node, counterValue);
|
|
70
|
-
markerCounter.set(node, markerValue);
|
|
71
|
-
hiddenNodes.push(node);
|
|
72
|
-
if (counterValue === 1 && alreadyHidden) {
|
|
73
|
-
uncontrolledNodes.set(node, true);
|
|
74
|
-
}
|
|
75
|
-
if (markerValue === 1) {
|
|
76
|
-
node.setAttribute(markerName, 'true');
|
|
77
|
-
}
|
|
78
|
-
if (!alreadyHidden) {
|
|
79
|
-
node.setAttribute(controlAttribute, 'true');
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
catch (e) {
|
|
83
|
-
console.error('aria-hidden: cannot operate on ', node, e);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
};
|
|
88
|
-
deep(parentNode);
|
|
89
|
-
elementsToKeep.clear();
|
|
90
|
-
lockCount++;
|
|
91
|
-
return function () {
|
|
92
|
-
hiddenNodes.forEach(function (node) {
|
|
93
|
-
var counterValue = counterMap.get(node) - 1;
|
|
94
|
-
var markerValue = markerCounter.get(node) - 1;
|
|
95
|
-
counterMap.set(node, counterValue);
|
|
96
|
-
markerCounter.set(node, markerValue);
|
|
97
|
-
if (!counterValue) {
|
|
98
|
-
if (!uncontrolledNodes.has(node)) {
|
|
99
|
-
node.removeAttribute(controlAttribute);
|
|
100
|
-
}
|
|
101
|
-
uncontrolledNodes.delete(node);
|
|
102
|
-
}
|
|
103
|
-
if (!markerValue) {
|
|
104
|
-
node.removeAttribute(markerName);
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
lockCount--;
|
|
108
|
-
if (!lockCount) {
|
|
109
|
-
// clear
|
|
110
|
-
counterMap = new WeakMap();
|
|
111
|
-
counterMap = new WeakMap();
|
|
112
|
-
uncontrolledNodes = new WeakMap();
|
|
113
|
-
markerMap = {};
|
|
114
|
-
}
|
|
115
|
-
};
|
|
116
|
-
};
|
|
117
|
-
/**
|
|
118
|
-
* Marks everything except given node(or nodes) as aria-hidden
|
|
119
|
-
* @param {Element | Element[]} originalTarget - elements to keep on the page
|
|
120
|
-
* @param [parentNode] - top element, defaults to document.body
|
|
121
|
-
* @param {String} [markerName] - a special attribute to mark every node
|
|
122
|
-
* @return {Undo} undo command
|
|
123
|
-
*/
|
|
124
|
-
var hideOthers = function (originalTarget, parentNode, markerName) {
|
|
125
|
-
if (markerName === void 0) { markerName = 'data-aria-hidden'; }
|
|
126
|
-
var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
|
|
127
|
-
var activeParentNode = getDefaultParent(originalTarget);
|
|
128
|
-
if (!activeParentNode) {
|
|
129
|
-
return function () { return null; };
|
|
130
|
-
}
|
|
131
|
-
// we should not hide aria-live elements - https://github.com/theKashey/aria-hidden/issues/10
|
|
132
|
-
// and script elements, as they have no impact on accessibility.
|
|
133
|
-
targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live], script')));
|
|
134
|
-
return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
export { hideOthers };
|