@apia/components 2.0.8 → 2.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1658 -69
- package/dist/index.js +7198 -58
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/components/IconsList/Icon.js +0 -42
- package/dist/components/IconsList/Icon.js.map +0 -1
- package/dist/components/IconsList/IconWrapper.js +0 -24
- package/dist/components/IconsList/IconWrapper.js.map +0 -1
- package/dist/components/IconsList/KeyHandler.js +0 -147
- package/dist/components/IconsList/KeyHandler.js.map +0 -1
- package/dist/components/IconsList/context.js +0 -14
- package/dist/components/IconsList/context.js.map +0 -1
- package/dist/components/IconsList/index.d.ts +0 -12
- package/dist/components/IconsList/index.d.ts.map +0 -1
- package/dist/components/IconsList/index.js +0 -119
- package/dist/components/IconsList/index.js.map +0 -1
- package/dist/components/IconsList/renderers/DefaultIconRenderer.d.ts +0 -7
- package/dist/components/IconsList/renderers/DefaultIconRenderer.d.ts.map +0 -1
- package/dist/components/IconsList/renderers/DefaultIconRenderer.js +0 -30
- package/dist/components/IconsList/renderers/DefaultIconRenderer.js.map +0 -1
- package/dist/components/IconsList/store/context.js +0 -9
- package/dist/components/IconsList/store/context.js.map +0 -1
- package/dist/components/IconsList/store/distinctors.js +0 -42
- package/dist/components/IconsList/store/distinctors.js.map +0 -1
- package/dist/components/IconsList/store/keysMaker.js +0 -8
- package/dist/components/IconsList/store/keysMaker.js.map +0 -1
- package/dist/components/IconsList/store/operations.js +0 -138
- package/dist/components/IconsList/store/operations.js.map +0 -1
- package/dist/components/IconsList/store/state.js +0 -9
- package/dist/components/IconsList/store/state.js.map +0 -1
- package/dist/components/IconsList/store/useStore.js +0 -52
- package/dist/components/IconsList/store/useStore.js.map +0 -1
- package/dist/components/IconsList/styles.js +0 -48
- package/dist/components/IconsList/styles.js.map +0 -1
- package/dist/components/IconsList/types.d.ts +0 -98
- package/dist/components/IconsList/types.d.ts.map +0 -1
- package/dist/components/IconsList/util.js +0 -46
- package/dist/components/IconsList/util.js.map +0 -1
- package/dist/components/ListBox/Combobox.js +0 -52
- package/dist/components/ListBox/Combobox.js.map +0 -1
- package/dist/components/ListBox/ListboxContext.d.ts +0 -35
- package/dist/components/ListBox/ListboxContext.d.ts.map +0 -1
- package/dist/components/ListBox/ListboxContext.js +0 -6
- package/dist/components/ListBox/ListboxContext.js.map +0 -1
- package/dist/components/ListBox/ListboxItem.d.ts +0 -17
- package/dist/components/ListBox/ListboxItem.d.ts.map +0 -1
- package/dist/components/ListBox/ListboxItem.js +0 -67
- package/dist/components/ListBox/ListboxItem.js.map +0 -1
- package/dist/components/ListBox/ListboxKeyhandler.js +0 -154
- package/dist/components/ListBox/ListboxKeyhandler.js.map +0 -1
- package/dist/components/ListBox/common.d.ts +0 -46
- package/dist/components/ListBox/common.d.ts.map +0 -1
- package/dist/components/ListBox/common.js +0 -118
- package/dist/components/ListBox/common.js.map +0 -1
- package/dist/components/ListBox/index.d.ts +0 -21
- package/dist/components/ListBox/index.d.ts.map +0 -1
- package/dist/components/ListBox/index.js +0 -71
- package/dist/components/ListBox/index.js.map +0 -1
- package/dist/components/ListBox/listbox.js +0 -46
- package/dist/components/ListBox/listbox.js.map +0 -1
- package/dist/components/ListBox/operations.js +0 -330
- package/dist/components/ListBox/operations.js.map +0 -1
- package/dist/components/ListBox/useIndexedChildren.js +0 -25
- package/dist/components/ListBox/useIndexedChildren.js.map +0 -1
- package/dist/components/ListBox/useListboxAutofocus.js +0 -48
- package/dist/components/ListBox/useListboxAutofocus.js.map +0 -1
- package/dist/components/ListBox/useListboxContextValue.js +0 -8
- package/dist/components/ListBox/useListboxContextValue.js.map +0 -1
- package/dist/components/ListBox/useShoutSelectionChange.js +0 -26
- package/dist/components/ListBox/useShoutSelectionChange.js.map +0 -1
- package/dist/components/ListBox/useStore.js +0 -36
- package/dist/components/ListBox/useStore.js.map +0 -1
- package/dist/components/ListBox/useUpdateRowCount.js +0 -19
- package/dist/components/ListBox/useUpdateRowCount.js.map +0 -1
- package/dist/components/SortableList/SortableListHandler.js +0 -161
- package/dist/components/SortableList/SortableListHandler.js.map +0 -1
- package/dist/components/SortableList/SortableListItem.d.ts +0 -14
- package/dist/components/SortableList/SortableListItem.d.ts.map +0 -1
- package/dist/components/SortableList/SortableListItem.js +0 -24
- package/dist/components/SortableList/SortableListItem.js.map +0 -1
- package/dist/components/SortableList/index.d.ts +0 -21
- package/dist/components/SortableList/index.d.ts.map +0 -1
- package/dist/components/SortableList/index.js +0 -53
- package/dist/components/SortableList/index.js.map +0 -1
- package/dist/components/Toolbar/ToolbarController.d.ts +0 -24
- package/dist/components/Toolbar/ToolbarController.d.ts.map +0 -1
- package/dist/components/Toolbar/ToolbarController.js +0 -50
- package/dist/components/Toolbar/ToolbarController.js.map +0 -1
- package/dist/components/Toolbar/ToolbarIconButton.d.ts +0 -7
- package/dist/components/Toolbar/ToolbarIconButton.d.ts.map +0 -1
- package/dist/components/Toolbar/ToolbarIconButton.js +0 -108
- package/dist/components/Toolbar/ToolbarIconButton.js.map +0 -1
- package/dist/components/Toolbar/ToolbarInput.d.ts +0 -7
- package/dist/components/Toolbar/ToolbarInput.d.ts.map +0 -1
- package/dist/components/Toolbar/ToolbarInput.js +0 -13
- package/dist/components/Toolbar/ToolbarInput.js.map +0 -1
- package/dist/components/Toolbar/ToolbarSelect.d.ts +0 -7
- package/dist/components/Toolbar/ToolbarSelect.d.ts.map +0 -1
- package/dist/components/Toolbar/ToolbarSelect.js +0 -17
- package/dist/components/Toolbar/ToolbarSelect.js.map +0 -1
- package/dist/components/Toolbar/ToolbarSeparator.d.ts +0 -6
- package/dist/components/Toolbar/ToolbarSeparator.d.ts.map +0 -1
- package/dist/components/Toolbar/ToolbarSeparator.js +0 -9
- package/dist/components/Toolbar/ToolbarSeparator.js.map +0 -1
- package/dist/components/Toolbar/ToolbarTextButton.d.ts +0 -9
- package/dist/components/Toolbar/ToolbarTextButton.d.ts.map +0 -1
- package/dist/components/Toolbar/ToolbarTextButton.js +0 -18
- package/dist/components/Toolbar/ToolbarTextButton.js.map +0 -1
- package/dist/components/Toolbar/index.d.ts +0 -19
- package/dist/components/Toolbar/index.d.ts.map +0 -1
- package/dist/components/Toolbar/index.js +0 -23
- package/dist/components/Toolbar/index.js.map +0 -1
- package/dist/components/Toolbar/styles.js +0 -84
- package/dist/components/Toolbar/styles.js.map +0 -1
- package/dist/components/Toolbar/types.d.ts +0 -39
- package/dist/components/Toolbar/types.d.ts.map +0 -1
- package/dist/components/accordion/Accordion.d.ts +0 -21
- package/dist/components/accordion/Accordion.d.ts.map +0 -1
- package/dist/components/accordion/Accordion.js +0 -66
- package/dist/components/accordion/Accordion.js.map +0 -1
- package/dist/components/accordion/AccordionItem.d.ts +0 -20
- package/dist/components/accordion/AccordionItem.d.ts.map +0 -1
- package/dist/components/accordion/AccordionItem.js +0 -26
- package/dist/components/accordion/AccordionItem.js.map +0 -1
- package/dist/components/accordion/AccordionItemButton.d.ts +0 -10
- package/dist/components/accordion/AccordionItemButton.d.ts.map +0 -1
- package/dist/components/accordion/AccordionItemButton.js +0 -8
- package/dist/components/accordion/AccordionItemButton.js.map +0 -1
- package/dist/components/accordion/AccordionItemContent.d.ts +0 -7
- package/dist/components/accordion/AccordionItemContent.d.ts.map +0 -1
- package/dist/components/accordion/AccordionItemContent.js +0 -50
- package/dist/components/accordion/AccordionItemContent.js.map +0 -1
- package/dist/components/accordion/KeyHandler.js +0 -82
- package/dist/components/accordion/KeyHandler.js.map +0 -1
- package/dist/components/accordion/context.d.ts +0 -10
- package/dist/components/accordion/context.d.ts.map +0 -1
- package/dist/components/accordion/context.js +0 -13
- package/dist/components/accordion/context.js.map +0 -1
- package/dist/components/accordion/defaultElements/Checkbox.js +0 -22
- package/dist/components/accordion/defaultElements/Checkbox.js.map +0 -1
- package/dist/components/accordion/defaultElements/DefaultAccordionItemButton.d.ts +0 -40
- package/dist/components/accordion/defaultElements/DefaultAccordionItemButton.d.ts.map +0 -1
- package/dist/components/accordion/defaultElements/DefaultAccordionItemButton.js +0 -77
- package/dist/components/accordion/defaultElements/DefaultAccordionItemButton.js.map +0 -1
- package/dist/components/accordion/defaultElements/useIsChecked.js +0 -25
- package/dist/components/accordion/defaultElements/useIsChecked.js.map +0 -1
- package/dist/components/accordion/handler.d.ts +0 -40
- package/dist/components/accordion/handler.d.ts.map +0 -1
- package/dist/components/accordion/handler.js +0 -126
- package/dist/components/accordion/handler.js.map +0 -1
- package/dist/components/accordion/index.d.ts +0 -8
- package/dist/components/accordion/index.d.ts.map +0 -1
- package/dist/components/accordion/types.d.ts +0 -11
- package/dist/components/accordion/types.d.ts.map +0 -1
- package/dist/components/apia/ApiaDateFilter.js +0 -57
- package/dist/components/apia/ApiaDateFilter.js.map +0 -1
- package/dist/components/apia/ApiaFilter.d.ts +0 -13
- package/dist/components/apia/ApiaFilter.d.ts.map +0 -1
- package/dist/components/apia/ApiaFilter.js +0 -128
- package/dist/components/apia/ApiaFilter.js.map +0 -1
- package/dist/components/buttons/useOtherTagButton.d.ts +0 -28
- package/dist/components/buttons/useOtherTagButton.d.ts.map +0 -1
- package/dist/components/buttons/useOtherTagButton.js +0 -38
- package/dist/components/buttons/useOtherTagButton.js.map +0 -1
- package/dist/components/collapsiblePanel/index.d.ts +0 -7
- package/dist/components/collapsiblePanel/index.d.ts.map +0 -1
- package/dist/components/collapsiblePanel/index.js +0 -130
- package/dist/components/collapsiblePanel/index.js.map +0 -1
- package/dist/components/collapsiblePanel/styles.js +0 -4
- package/dist/components/collapsiblePanel/styles.js.map +0 -1
- package/dist/components/collapsiblePanel/types.d.ts +0 -23
- package/dist/components/collapsiblePanel/types.d.ts.map +0 -1
- package/dist/components/dialogs/AlertModal.d.ts +0 -11
- package/dist/components/dialogs/AlertModal.d.ts.map +0 -1
- package/dist/components/dialogs/AlertModal.js +0 -42
- package/dist/components/dialogs/AlertModal.js.map +0 -1
- package/dist/components/dialogs/ConfirmModal.d.ts +0 -25
- package/dist/components/dialogs/ConfirmModal.d.ts.map +0 -1
- package/dist/components/dialogs/ConfirmModal.js +0 -45
- package/dist/components/dialogs/ConfirmModal.js.map +0 -1
- package/dist/components/forms/Captcha.d.ts +0 -12
- package/dist/components/forms/Captcha.d.ts.map +0 -1
- package/dist/components/forms/Captcha.js +0 -66
- package/dist/components/forms/Captcha.js.map +0 -1
- package/dist/components/forms/Checkbox.d.ts +0 -21
- package/dist/components/forms/Checkbox.d.ts.map +0 -1
- package/dist/components/forms/Checkbox.js +0 -124
- package/dist/components/forms/Checkbox.js.map +0 -1
- package/dist/components/forms/DateInput.d.ts +0 -44
- package/dist/components/forms/DateInput.d.ts.map +0 -1
- package/dist/components/forms/DateInput.js +0 -246
- package/dist/components/forms/DateInput.js.map +0 -1
- package/dist/components/forms/FieldErrorMessage.d.ts +0 -10
- package/dist/components/forms/FieldErrorMessage.d.ts.map +0 -1
- package/dist/components/forms/FieldErrorMessage.js +0 -34
- package/dist/components/forms/FieldErrorMessage.js.map +0 -1
- package/dist/components/forms/FieldLabel.d.ts +0 -40
- package/dist/components/forms/FieldLabel.d.ts.map +0 -1
- package/dist/components/forms/FieldLabel.js +0 -66
- package/dist/components/forms/FieldLabel.js.map +0 -1
- package/dist/components/forms/IconInput.d.ts +0 -28
- package/dist/components/forms/IconInput.d.ts.map +0 -1
- package/dist/components/forms/IconInput.js +0 -80
- package/dist/components/forms/IconInput.js.map +0 -1
- package/dist/components/forms/NumberInput.d.ts +0 -37
- package/dist/components/forms/NumberInput.d.ts.map +0 -1
- package/dist/components/forms/NumberInput.js +0 -149
- package/dist/components/forms/NumberInput.js.map +0 -1
- package/dist/components/forms/RequiredMark.d.ts +0 -14
- package/dist/components/forms/RequiredMark.d.ts.map +0 -1
- package/dist/components/forms/RequiredMark.js +0 -13
- package/dist/components/forms/RequiredMark.js.map +0 -1
- package/dist/components/forms/buttons/BaseButton.d.ts +0 -24
- package/dist/components/forms/buttons/BaseButton.d.ts.map +0 -1
- package/dist/components/forms/buttons/BaseButton.js +0 -58
- package/dist/components/forms/buttons/BaseButton.js.map +0 -1
- package/dist/components/forms/buttons/IconButton.d.ts +0 -37
- package/dist/components/forms/buttons/IconButton.d.ts.map +0 -1
- package/dist/components/forms/buttons/IconButton.js +0 -79
- package/dist/components/forms/buttons/IconButton.js.map +0 -1
- package/dist/components/forms/buttons/SimpleButton.d.ts +0 -21
- package/dist/components/forms/buttons/SimpleButton.d.ts.map +0 -1
- package/dist/components/forms/buttons/SimpleButton.js +0 -94
- package/dist/components/forms/buttons/SimpleButton.js.map +0 -1
- package/dist/components/forms/util/style.d.ts +0 -7
- package/dist/components/forms/util/style.d.ts.map +0 -1
- package/dist/components/forms/util/style.js +0 -17
- package/dist/components/forms/util/style.js.map +0 -1
- package/dist/components/importComponent.d.ts +0 -11
- package/dist/components/importComponent.d.ts.map +0 -1
- package/dist/components/importComponent.js +0 -25
- package/dist/components/importComponent.js.map +0 -1
- package/dist/components/loaders/LinearLoader.d.ts +0 -6
- package/dist/components/loaders/LinearLoader.d.ts.map +0 -1
- package/dist/components/loaders/LinearLoader.js +0 -33
- package/dist/components/loaders/LinearLoader.js.map +0 -1
- package/dist/components/loaders/LoaderSpinner.d.ts +0 -10
- package/dist/components/loaders/LoaderSpinner.d.ts.map +0 -1
- package/dist/components/loaders/LoaderSpinner.js +0 -26
- package/dist/components/loaders/LoaderSpinner.js.map +0 -1
- package/dist/components/loaders/ProgressBar.d.ts +0 -11
- package/dist/components/loaders/ProgressBar.d.ts.map +0 -1
- package/dist/components/loaders/ProgressBar.js +0 -39
- package/dist/components/loaders/ProgressBar.js.map +0 -1
- package/dist/components/modals/CalendarModal.d.ts +0 -13
- package/dist/components/modals/CalendarModal.d.ts.map +0 -1
- package/dist/components/modals/CalendarModal.js +0 -43
- package/dist/components/modals/CalendarModal.js.map +0 -1
- package/dist/components/modals/Modal.d.ts +0 -178
- package/dist/components/modals/Modal.d.ts.map +0 -1
- package/dist/components/modals/Modal.js +0 -19
- package/dist/components/modals/Modal.js.map +0 -1
- package/dist/components/modals/ModalContext.d.ts +0 -9
- package/dist/components/modals/ModalContext.d.ts.map +0 -1
- package/dist/components/modals/ModalContext.js +0 -12
- package/dist/components/modals/ModalContext.js.map +0 -1
- package/dist/components/modals/Overlay.d.ts +0 -21
- package/dist/components/modals/Overlay.d.ts.map +0 -1
- package/dist/components/modals/Overlay.js +0 -74
- package/dist/components/modals/Overlay.js.map +0 -1
- package/dist/components/modals/StaticModal.js +0 -203
- package/dist/components/modals/StaticModal.js.map +0 -1
- package/dist/components/modals/WindowModal.js +0 -229
- package/dist/components/modals/WindowModal.js.map +0 -1
- package/dist/components/modals/hooks/useEscapeKey.js +0 -36
- package/dist/components/modals/hooks/useEscapeKey.js.map +0 -1
- package/dist/components/modals/hooks/useInitialFocus.js +0 -37
- package/dist/components/modals/hooks/useInitialFocus.js.map +0 -1
- package/dist/components/modals/hooks/useModal.d.ts +0 -97
- package/dist/components/modals/hooks/useModal.d.ts.map +0 -1
- package/dist/components/modals/hooks/useModal.js +0 -73
- package/dist/components/modals/hooks/useModal.js.map +0 -1
- package/dist/components/modals/hooks/useStyleState.js +0 -44
- package/dist/components/modals/hooks/useStyleState.js.map +0 -1
- package/dist/components/modals/layout/Confirm.d.ts +0 -7
- package/dist/components/modals/layout/Confirm.d.ts.map +0 -1
- package/dist/components/modals/layout/Confirm.js +0 -96
- package/dist/components/modals/layout/Confirm.js.map +0 -1
- package/dist/components/modals/layout/DialogButtonBar.d.ts +0 -10
- package/dist/components/modals/layout/DialogButtonBar.d.ts.map +0 -1
- package/dist/components/modals/layout/DialogButtonBar.js +0 -19
- package/dist/components/modals/layout/DialogButtonBar.js.map +0 -1
- package/dist/components/modals/layout/DialogHeader.d.ts +0 -18
- package/dist/components/modals/layout/DialogHeader.d.ts.map +0 -1
- package/dist/components/modals/layout/DialogHeader.js +0 -116
- package/dist/components/modals/layout/DialogHeader.js.map +0 -1
- package/dist/components/responsive/AutoEllipsis.d.ts +0 -21
- package/dist/components/responsive/AutoEllipsis.d.ts.map +0 -1
- package/dist/components/responsive/AutoEllipsis.js +0 -128
- package/dist/components/responsive/AutoEllipsis.js.map +0 -1
- package/dist/components/responsive/makeResponsiveComponent.d.ts +0 -38
- package/dist/components/responsive/makeResponsiveComponent.d.ts.map +0 -1
- package/dist/components/responsive/makeResponsiveComponent.js +0 -88
- package/dist/components/responsive/makeResponsiveComponent.js.map +0 -1
- package/dist/components/types.d.ts +0 -5
- package/dist/components/types.d.ts.map +0 -1
- package/dist/components/waiAriaHelpers/typeAhead.d.ts +0 -44
- package/dist/components/waiAriaHelpers/typeAhead.d.ts.map +0 -1
- package/dist/components/waiAriaHelpers/typeAhead.js +0 -75
- package/dist/components/waiAriaHelpers/typeAhead.js.map +0 -1
- package/dist/globalFocus.js +0 -95
- package/dist/globalFocus.js.map +0 -1
- package/dist/hooks/useBodyScrollLock.js +0 -106
- package/dist/hooks/useBodyScrollLock.js.map +0 -1
- package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.d.ts +0 -18
- package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.js +0 -116
- package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.js.map +0 -1
- package/dist/objects/ApiaUtil/index.d.ts +0 -27
- package/dist/objects/ApiaUtil/index.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/index.js +0 -89
- package/dist/objects/ApiaUtil/index.js.map +0 -1
- package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.d.ts +0 -23
- package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.js +0 -108
- package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.js.map +0 -1
- package/dist/objects/ApiaUtil/modals/ApiaUtilModals.d.ts +0 -17
- package/dist/objects/ApiaUtil/modals/ApiaUtilModals.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/modals/ApiaUtilModals.js +0 -111
- package/dist/objects/ApiaUtil/modals/ApiaUtilModals.js.map +0 -1
- package/dist/objects/ApiaUtil/modals/OpenModal.d.ts +0 -38
- package/dist/objects/ApiaUtil/modals/OpenModal.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/modals/OpenModal.js +0 -37
- package/dist/objects/ApiaUtil/modals/OpenModal.js.map +0 -1
- package/dist/objects/ApiaUtil/mouse/ApiaUtilMouse.d.ts +0 -19
- package/dist/objects/ApiaUtil/mouse/ApiaUtilMouse.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/mouse/ApiaUtilMouse.js +0 -26
- package/dist/objects/ApiaUtil/mouse/ApiaUtilMouse.js.map +0 -1
- package/dist/objects/ApiaUtil/notifications/ApiaUtilNotifications.d.ts +0 -14
- package/dist/objects/ApiaUtil/notifications/ApiaUtilNotifications.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/notifications/ApiaUtilNotifications.js +0 -33
- package/dist/objects/ApiaUtil/notifications/ApiaUtilNotifications.js.map +0 -1
- package/dist/objects/ApiaUtil/parsers/ApiaUtilParsers.d.ts +0 -23
- package/dist/objects/ApiaUtil/parsers/ApiaUtilParsers.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/parsers/ApiaUtilParsers.js +0 -79
- package/dist/objects/ApiaUtil/parsers/ApiaUtilParsers.js.map +0 -1
- package/dist/objects/ApiaUtil/tabs/ApiaUtilCurrentTab.d.ts +0 -33
- package/dist/objects/ApiaUtil/tabs/ApiaUtilCurrentTab.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/tabs/ApiaUtilCurrentTab.js +0 -50
- package/dist/objects/ApiaUtil/tabs/ApiaUtilCurrentTab.js.map +0 -1
- package/dist/objects/ApiaUtil/tabs/ApiaUtilTabsController.d.ts +0 -20
- package/dist/objects/ApiaUtil/tabs/ApiaUtilTabsController.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/tabs/ApiaUtilTabsController.js +0 -37
- package/dist/objects/ApiaUtil/tabs/ApiaUtilTabsController.js.map +0 -1
- package/dist/objects/ApiaUtil/tabs/util.js +0 -17
- package/dist/objects/ApiaUtil/tabs/util.js.map +0 -1
- package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltip.d.ts +0 -11
- package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltip.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltip.js +0 -17
- package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltip.js.map +0 -1
- package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltips.d.ts +0 -22
- package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltips.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltips.js +0 -104
- package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltips.js.map +0 -1
- package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.d.ts +0 -13
- package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.js +0 -79
- package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.js.map +0 -1
- package/dist/objects/ApiaUtil/tooltips/tooltip/Tooltip.js +0 -62
- package/dist/objects/ApiaUtil/tooltips/tooltip/Tooltip.js.map +0 -1
- package/dist/objects/ApiaUtil/tooltips/tooltip/types.d.ts +0 -117
- package/dist/objects/ApiaUtil/tooltips/tooltip/types.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/tooltips/tooltip/util.js +0 -273
- package/dist/objects/ApiaUtil/tooltips/tooltip/util.js.map +0 -1
- package/dist/objects/ScreenLocker/index.d.ts +0 -37
- package/dist/objects/ScreenLocker/index.d.ts.map +0 -1
- package/dist/objects/ScreenLocker/index.js +0 -92
- package/dist/objects/ScreenLocker/index.js.map +0 -1
- package/dist/tabs/Content.d.ts +0 -7
- package/dist/tabs/Content.d.ts.map +0 -1
- package/dist/tabs/Content.js +0 -52
- package/dist/tabs/Content.js.map +0 -1
- package/dist/tabs/ContextMenu.js +0 -76
- package/dist/tabs/ContextMenu.js.map +0 -1
- package/dist/tabs/Item.js +0 -63
- package/dist/tabs/Item.js.map +0 -1
- package/dist/tabs/Tabs.d.ts +0 -8
- package/dist/tabs/Tabs.d.ts.map +0 -1
- package/dist/tabs/Tabs.js +0 -78
- package/dist/tabs/Tabs.js.map +0 -1
- package/dist/tabs/TabsList.d.ts +0 -8
- package/dist/tabs/TabsList.d.ts.map +0 -1
- package/dist/tabs/TabsList.js +0 -138
- package/dist/tabs/TabsList.js.map +0 -1
- package/dist/tabs/renderers/DefaultTabsLabelRenderer.d.ts +0 -6
- package/dist/tabs/renderers/DefaultTabsLabelRenderer.d.ts.map +0 -1
- package/dist/tabs/renderers/DefaultTabsLabelRenderer.js +0 -71
- package/dist/tabs/renderers/DefaultTabsLabelRenderer.js.map +0 -1
- package/dist/tabs/tabsController.d.ts +0 -41
- package/dist/tabs/tabsController.d.ts.map +0 -1
- package/dist/tabs/tabsController.js +0 -303
- package/dist/tabs/tabsController.js.map +0 -1
- package/dist/tabs/types.d.ts +0 -115
- package/dist/tabs/types.d.ts.map +0 -1
- package/dist/tabs/useTabsList.js +0 -20
- package/dist/tabs/useTabsList.js.map +0 -1
- package/dist/tabs/util.js +0 -11
- package/dist/tabs/util.js.map +0 -1
|
@@ -1,330 +0,0 @@
|
|
|
1
|
-
import { makeRowKey } from './common.js';
|
|
2
|
-
import { getIndex, addBoundary } from '@apia/util';
|
|
3
|
-
|
|
4
|
-
const filter = makeOperation((state, { searchString }, keys) => {
|
|
5
|
-
let focusChanged = false;
|
|
6
|
-
const rows = new Array(state.rowsCount).fill(1).map((_, i) => i);
|
|
7
|
-
const shownRows = [];
|
|
8
|
-
const hiddenRows = rows.filter((_, i) => {
|
|
9
|
-
const el = document.getElementById(`${state.id}__row__${i}`);
|
|
10
|
-
if (!el) {
|
|
11
|
-
console.warn("Element not found", `${state.id}__row__${i}`);
|
|
12
|
-
return false;
|
|
13
|
-
}
|
|
14
|
-
const matches = state.searchFunction(el.ariaLabel ?? "", searchString);
|
|
15
|
-
if (matches) {
|
|
16
|
-
el.style.display = "block";
|
|
17
|
-
} else {
|
|
18
|
-
el.style.display = "none";
|
|
19
|
-
}
|
|
20
|
-
if (matches)
|
|
21
|
-
shownRows.push(i);
|
|
22
|
-
else if (state.focusedRow === i) {
|
|
23
|
-
focusChanged = true;
|
|
24
|
-
}
|
|
25
|
-
return !matches;
|
|
26
|
-
});
|
|
27
|
-
keys.set(hiddenRows.map((current) => makeRowKey(current)));
|
|
28
|
-
state.hiddenRows = hiddenRows;
|
|
29
|
-
state.shownRows = shownRows;
|
|
30
|
-
if (focusChanged) {
|
|
31
|
-
for (const row of rows) {
|
|
32
|
-
if (!hiddenRows.includes(row)) {
|
|
33
|
-
state.focusedRow = row;
|
|
34
|
-
keys.push(makeRowKey(row));
|
|
35
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
36
|
-
break;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
function makeOperation(operation) {
|
|
42
|
-
const method = (state, payload, keys) => {
|
|
43
|
-
keys.push("searchbox");
|
|
44
|
-
keys.push("listbox");
|
|
45
|
-
operation(state, payload, keys);
|
|
46
|
-
};
|
|
47
|
-
return method;
|
|
48
|
-
}
|
|
49
|
-
const moveFocusAndToggleSelection = makeOperation((state, { isShiftKey, which }, keys) => {
|
|
50
|
-
if (state.shownRows.length <= 1) {
|
|
51
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
52
|
-
state.focusedRow = state.shownRows[0];
|
|
53
|
-
if (state.shownRows.length === 1)
|
|
54
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
switch (which) {
|
|
58
|
-
case "first":
|
|
59
|
-
{
|
|
60
|
-
const newFocused = state.shownRows[0];
|
|
61
|
-
if (newFocused === state.focusedRow)
|
|
62
|
-
return;
|
|
63
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
64
|
-
keys.push(makeRowKey(newFocused));
|
|
65
|
-
if (state.isMultipleSelection) {
|
|
66
|
-
if (isShiftKey) {
|
|
67
|
-
const selectedElements = new Array(state.focusedRow + 1).fill(1).map((_, i) => i);
|
|
68
|
-
keys.set(selectedElements.map((_, i) => makeRowKey(i)));
|
|
69
|
-
state.selectedRows = selectedElements;
|
|
70
|
-
state.lastSelectedRow = newFocused;
|
|
71
|
-
}
|
|
72
|
-
} else {
|
|
73
|
-
state.selectedRows = [newFocused];
|
|
74
|
-
state.lastSelectedRow = newFocused;
|
|
75
|
-
}
|
|
76
|
-
state.focusedRow = newFocused;
|
|
77
|
-
}
|
|
78
|
-
break;
|
|
79
|
-
case "last":
|
|
80
|
-
{
|
|
81
|
-
const newFocused = state.shownRows[state.shownRows.length - 1];
|
|
82
|
-
if (newFocused === state.focusedRow)
|
|
83
|
-
return;
|
|
84
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
85
|
-
keys.push(makeRowKey(newFocused));
|
|
86
|
-
if (state.isMultipleSelection) {
|
|
87
|
-
if (isShiftKey) {
|
|
88
|
-
const selectedElements = new Array(
|
|
89
|
-
state.rowsCount - state.focusedRow
|
|
90
|
-
).fill(1).map((_, i) => i + Math.min(newFocused, state.focusedRow));
|
|
91
|
-
keys.push(...selectedElements.map((i) => makeRowKey(i)));
|
|
92
|
-
state.selectedRows = selectedElements;
|
|
93
|
-
state.lastSelectedRow = newFocused;
|
|
94
|
-
}
|
|
95
|
-
} else {
|
|
96
|
-
state.selectedRows = [newFocused];
|
|
97
|
-
state.lastSelectedRow = newFocused;
|
|
98
|
-
}
|
|
99
|
-
state.focusedRow = newFocused;
|
|
100
|
-
}
|
|
101
|
-
break;
|
|
102
|
-
case "previous":
|
|
103
|
-
case "next":
|
|
104
|
-
case "pageDown":
|
|
105
|
-
case "pageUp":
|
|
106
|
-
{
|
|
107
|
-
const sum = getIndex(
|
|
108
|
-
[-1, 1, -10, 10],
|
|
109
|
-
[
|
|
110
|
-
which === "previous",
|
|
111
|
-
which === "next",
|
|
112
|
-
which === "pageUp",
|
|
113
|
-
which === "pageDown"
|
|
114
|
-
]
|
|
115
|
-
);
|
|
116
|
-
const currentIndex = state.shownRows.findIndex(
|
|
117
|
-
(current) => state.focusedRow === current
|
|
118
|
-
);
|
|
119
|
-
const newFocused = state.shownRows[addBoundary({
|
|
120
|
-
number: currentIndex + sum,
|
|
121
|
-
min: 0,
|
|
122
|
-
max: state.shownRows.length - 1
|
|
123
|
-
})];
|
|
124
|
-
if (newFocused === state.focusedRow)
|
|
125
|
-
return;
|
|
126
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
127
|
-
keys.push(makeRowKey(newFocused));
|
|
128
|
-
if (state.isMultipleSelection) {
|
|
129
|
-
if (isShiftKey) {
|
|
130
|
-
if (state.selectedRows.includes(newFocused)) {
|
|
131
|
-
state.selectedRows = state.selectedRows.filter(
|
|
132
|
-
(current) => current !== newFocused
|
|
133
|
-
);
|
|
134
|
-
} else {
|
|
135
|
-
state.selectedRows.push(newFocused);
|
|
136
|
-
}
|
|
137
|
-
state.lastSelectedRow = newFocused;
|
|
138
|
-
}
|
|
139
|
-
} else {
|
|
140
|
-
state.selectedRows = [newFocused];
|
|
141
|
-
state.lastSelectedRow = newFocused;
|
|
142
|
-
}
|
|
143
|
-
state.focusedRow = newFocused;
|
|
144
|
-
}
|
|
145
|
-
break;
|
|
146
|
-
}
|
|
147
|
-
state.isEverythingSelected = false;
|
|
148
|
-
});
|
|
149
|
-
const resetFocus = makeOperation((state, _, keys) => {
|
|
150
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
151
|
-
state.focusedRow = 0;
|
|
152
|
-
keys.push(makeRowKey(0));
|
|
153
|
-
});
|
|
154
|
-
const searchElementsByStartingCharacters = makeOperation((state, payload, keys) => {
|
|
155
|
-
const currentIndex = state.shownRows.findIndex(
|
|
156
|
-
(current) => current === state.focusedRow
|
|
157
|
-
);
|
|
158
|
-
function match(rowIndex) {
|
|
159
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
160
|
-
state.focusedRow = rowIndex;
|
|
161
|
-
if (!state.isMultipleSelection) {
|
|
162
|
-
keys.push(...state.selectedRows.map((current) => makeRowKey(current)));
|
|
163
|
-
state.selectedRows = [rowIndex];
|
|
164
|
-
}
|
|
165
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
166
|
-
}
|
|
167
|
-
function tryIndex(rowIndex) {
|
|
168
|
-
const el = document.getElementById(`${state.id}__row__${rowIndex}`);
|
|
169
|
-
if (!el) {
|
|
170
|
-
console.warn("Element not found", `${state.id}__row__${rowIndex}`);
|
|
171
|
-
return false;
|
|
172
|
-
}
|
|
173
|
-
const matches = state.startsWithFunction(
|
|
174
|
-
el.ariaLabel ?? "",
|
|
175
|
-
payload.characters
|
|
176
|
-
);
|
|
177
|
-
if (matches) {
|
|
178
|
-
match(state.shownRows[rowIndex]);
|
|
179
|
-
return true;
|
|
180
|
-
}
|
|
181
|
-
return false;
|
|
182
|
-
}
|
|
183
|
-
for (let i = currentIndex + 1; i < state.shownRows.length; i++) {
|
|
184
|
-
if (tryIndex(i))
|
|
185
|
-
return;
|
|
186
|
-
}
|
|
187
|
-
for (let i = 0; i < currentIndex; i++) {
|
|
188
|
-
if (tryIndex(i))
|
|
189
|
-
return;
|
|
190
|
-
}
|
|
191
|
-
});
|
|
192
|
-
const selectAll = makeOperation(
|
|
193
|
-
(state, payload, keys) => {
|
|
194
|
-
keys.push(...state.selectedRows.map(makeRowKey));
|
|
195
|
-
if (state.isEverythingSelected) {
|
|
196
|
-
state.isEverythingSelected = false;
|
|
197
|
-
state.selectedRows = [];
|
|
198
|
-
} else {
|
|
199
|
-
state.isEverythingSelected = true;
|
|
200
|
-
state.selectedRows = state.shownRows;
|
|
201
|
-
}
|
|
202
|
-
state.lastSelectedRow = state.focusedRow;
|
|
203
|
-
keys.push(...state.shownRows.map(makeRowKey));
|
|
204
|
-
}
|
|
205
|
-
);
|
|
206
|
-
const setState = makeOperation((state, { affectedKeys, ...payload }, keys) => {
|
|
207
|
-
const newRowsCount = payload.rowsCount ?? state.rowsCount;
|
|
208
|
-
if (state.rowsCount < newRowsCount) {
|
|
209
|
-
for (let i = state.rowsCount; i < payload.rowsCount; i++) {
|
|
210
|
-
state.shownRows.push(i);
|
|
211
|
-
}
|
|
212
|
-
} else if (state.rowsCount > newRowsCount) {
|
|
213
|
-
state.shownRows = state.shownRows.filter(
|
|
214
|
-
(current) => current < newRowsCount
|
|
215
|
-
);
|
|
216
|
-
if (state.focusedRow > newRowsCount - 1) {
|
|
217
|
-
state.focusedRow = newRowsCount - 1;
|
|
218
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
219
|
-
}
|
|
220
|
-
state.selectedRows = state.selectedRows.filter(
|
|
221
|
-
(current) => current < newRowsCount
|
|
222
|
-
);
|
|
223
|
-
}
|
|
224
|
-
Object.assign(state, payload);
|
|
225
|
-
keys.set(affectedKeys);
|
|
226
|
-
state.isEverythingSelected = false;
|
|
227
|
-
});
|
|
228
|
-
const updateFocusByClickEvent = makeOperation((state, payload, keys) => {
|
|
229
|
-
keys.push(makeRowKey(state.focusedRow));
|
|
230
|
-
keys.push(makeRowKey(payload.rowIndex));
|
|
231
|
-
state.focusedRow = payload.rowIndex;
|
|
232
|
-
if (payload.isShiftKey) {
|
|
233
|
-
updateFocusBySpaceEvent(state, { isShiftKey: payload.isShiftKey }, keys);
|
|
234
|
-
} else {
|
|
235
|
-
state.lastSelectedRow = payload.rowIndex;
|
|
236
|
-
if (payload.isCtrlKey) {
|
|
237
|
-
if (state.selectedRows.includes(payload.rowIndex)) {
|
|
238
|
-
state.selectedRows = state.selectedRows.filter(
|
|
239
|
-
(current) => current !== payload.rowIndex
|
|
240
|
-
);
|
|
241
|
-
} else {
|
|
242
|
-
state.selectedRows.push(payload.rowIndex);
|
|
243
|
-
}
|
|
244
|
-
} else {
|
|
245
|
-
keys.push(...state.selectedRows.map((current) => makeRowKey(current)));
|
|
246
|
-
state.selectedRows = [state.focusedRow];
|
|
247
|
-
}
|
|
248
|
-
}
|
|
249
|
-
});
|
|
250
|
-
const updateFocusBySpaceEvent = makeOperation((state, { isShiftKey }, keys) => {
|
|
251
|
-
const rowIndex = state.focusedRow;
|
|
252
|
-
keys.push(makeRowKey(rowIndex));
|
|
253
|
-
if (state.isMultipleSelection) {
|
|
254
|
-
if (isShiftKey) {
|
|
255
|
-
if (state.lastSelectedRow === -1) {
|
|
256
|
-
state.selectedRows.push(rowIndex);
|
|
257
|
-
} else {
|
|
258
|
-
const newSelection = new Array(
|
|
259
|
-
Math.abs(state.lastSelectedRow - rowIndex)
|
|
260
|
-
).fill(1).map(
|
|
261
|
-
(_, i) => i + Math.min(rowIndex, state.lastSelectedRow) + (state.lastSelectedRow > rowIndex ? 0 : 1)
|
|
262
|
-
);
|
|
263
|
-
keys.push(...newSelection.map((current) => makeRowKey(current)));
|
|
264
|
-
newSelection.forEach((current) => {
|
|
265
|
-
if (!state.shownRows.includes(current))
|
|
266
|
-
return;
|
|
267
|
-
if (state.selectedRows.includes(current)) {
|
|
268
|
-
state.selectedRows = state.selectedRows.filter(
|
|
269
|
-
(search) => search !== current
|
|
270
|
-
);
|
|
271
|
-
} else {
|
|
272
|
-
state.selectedRows.push(current);
|
|
273
|
-
}
|
|
274
|
-
});
|
|
275
|
-
}
|
|
276
|
-
} else {
|
|
277
|
-
if (state.selectedRows.includes(rowIndex)) {
|
|
278
|
-
state.selectedRows = state.selectedRows.filter(
|
|
279
|
-
(current) => current !== rowIndex
|
|
280
|
-
);
|
|
281
|
-
} else {
|
|
282
|
-
state.selectedRows.push(rowIndex);
|
|
283
|
-
}
|
|
284
|
-
}
|
|
285
|
-
}
|
|
286
|
-
state.lastSelectedRow = rowIndex;
|
|
287
|
-
});
|
|
288
|
-
const operations = {
|
|
289
|
-
filter,
|
|
290
|
-
/**
|
|
291
|
-
// eslint-disable-next-line comment-length/limit-multi-line-comments
|
|
292
|
-
* **Este método debe llamarse solamente cuando se efectúan acciones desde el
|
|
293
|
-
* teclado**. Su función es controlar el flujo correcto de foco y selección de
|
|
294
|
-
* acuerdo a las especificaciones de wai-aria.
|
|
295
|
-
*/
|
|
296
|
-
moveFocusAndToggleSelection,
|
|
297
|
-
resetFocus,
|
|
298
|
-
/**
|
|
299
|
-
* Este método debe utilizarse para la búsqueda por caracter simple o
|
|
300
|
-
* múltiple en cuanto a la implementación de las funcionalidades
|
|
301
|
-
* especificadas por wai-aria.
|
|
302
|
-
*/
|
|
303
|
-
searchElementsByStartingCharacters,
|
|
304
|
-
/**
|
|
305
|
-
* **Método empleado cuando se presiona ctrl+shift+A**. Su función es
|
|
306
|
-
* controlar el flujo correcto de foco y selección de acuerdo a las
|
|
307
|
-
* especificaciones de wai-aria.
|
|
308
|
-
*/
|
|
309
|
-
selectAll,
|
|
310
|
-
/**
|
|
311
|
-
* Permite alterar el estado en forma arbitraria. Debe pasarse un array con
|
|
312
|
-
* los keys afectados por la acción efectuada.
|
|
313
|
-
*/
|
|
314
|
-
setState,
|
|
315
|
-
/**
|
|
316
|
-
* **Este método debe llamarse solamente cuando se efectúan acciones con el
|
|
317
|
-
* mouse**. Su función es controlar el flujo correcto de foco y selección de
|
|
318
|
-
* acuerdo a las especificaciones de wai-aria.
|
|
319
|
-
*/
|
|
320
|
-
updateFocusByClickEvent,
|
|
321
|
-
/**
|
|
322
|
-
* **Este método debe llamarse solamente cuando se efectúan acciones con la
|
|
323
|
-
* tecla espacio**. Su función es controlar el flujo correcto de foco y
|
|
324
|
-
* selección de acuerdo a las especificaciones de wai-aria.
|
|
325
|
-
*/
|
|
326
|
-
updateFocusBySpaceEvent
|
|
327
|
-
};
|
|
328
|
-
|
|
329
|
-
export { operations };
|
|
330
|
-
//# sourceMappingURL=operations.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"operations.js","sources":["../../../src/components/ListBox/operations.ts"],"sourcesContent":["import { Draft, TKeysDefine } from '@apia/dom-store';\r\nimport { TListboxState, makeRowKey } from './common';\r\nimport { addBoundary, getIndex } from '@apia/util';\r\n\r\ntype TListboxOperation<Payload> = (\r\n state: Draft<TListboxState>,\r\n payload: Payload,\r\n keys: TKeysDefine,\r\n) => void;\r\n\r\nconst filter: TListboxOperation<{\r\n searchString: string;\r\n}> = makeOperation((state, { searchString }, keys) => {\r\n let focusChanged = false;\r\n const rows = new Array(state.rowsCount).fill(1).map((_, i) => i);\r\n\r\n const shownRows: number[] = [];\r\n const hiddenRows = rows.filter((_, i) => {\r\n const el = document.getElementById(`${state.id}__row__${i}`);\r\n if (!el) {\r\n console.warn('Element not found', `${state.id}__row__${i}`);\r\n return false;\r\n }\r\n\r\n const matches = state.searchFunction(el.ariaLabel ?? '', searchString);\r\n\r\n if (matches) {\r\n el.style.display = 'block';\r\n } else {\r\n el.style.display = 'none';\r\n }\r\n\r\n if (matches) shownRows.push(i);\r\n else if (state.focusedRow === i) {\r\n focusChanged = true;\r\n }\r\n\r\n return !matches;\r\n });\r\n keys.set(hiddenRows.map((current) => makeRowKey(current)));\r\n state.hiddenRows = hiddenRows;\r\n state.shownRows = shownRows;\r\n\r\n if (focusChanged) {\r\n for (const row of rows) {\r\n if (!hiddenRows.includes(row)) {\r\n state.focusedRow = row;\r\n keys.push(makeRowKey(row));\r\n keys.push(makeRowKey(state.focusedRow));\r\n break;\r\n }\r\n }\r\n }\r\n});\r\n\r\nfunction makeOperation<T>(operation: TListboxOperation<T>) {\r\n const method: TListboxOperation<T> = (state, payload, keys) => {\r\n keys.push('searchbox');\r\n keys.push('listbox');\r\n operation(state, payload, keys);\r\n };\r\n return method;\r\n}\r\n\r\nconst moveFocusAndToggleSelection: TListboxOperation<{\r\n isShiftKey: boolean;\r\n which: 'next' | 'previous' | 'first' | 'last' | 'pageUp' | 'pageDown';\r\n}> = makeOperation((state, { isShiftKey, which }, keys) => {\r\n if (state.shownRows.length <= 1) {\r\n keys.push(makeRowKey(state.focusedRow));\r\n state.focusedRow = state.shownRows[0];\r\n\r\n if (state.shownRows.length === 1) keys.push(makeRowKey(state.focusedRow));\r\n\r\n return;\r\n }\r\n\r\n switch (which) {\r\n case 'first':\r\n {\r\n const newFocused = state.shownRows[0];\r\n if (newFocused === state.focusedRow) return;\r\n\r\n keys.push(makeRowKey(state.focusedRow));\r\n keys.push(makeRowKey(newFocused));\r\n\r\n if (state.isMultipleSelection) {\r\n if (isShiftKey) {\r\n const selectedElements = new Array(state.focusedRow + 1)\r\n .fill(1)\r\n .map((_, i) => i);\r\n keys.set(selectedElements.map((_, i) => makeRowKey(i)));\r\n state.selectedRows = selectedElements;\r\n state.lastSelectedRow = newFocused;\r\n }\r\n } else {\r\n state.selectedRows = [newFocused];\r\n state.lastSelectedRow = newFocused;\r\n }\r\n\r\n state.focusedRow = newFocused;\r\n }\r\n break;\r\n case 'last':\r\n {\r\n const newFocused = state.shownRows[state.shownRows.length - 1];\r\n if (newFocused === state.focusedRow) return;\r\n\r\n keys.push(makeRowKey(state.focusedRow));\r\n keys.push(makeRowKey(newFocused));\r\n\r\n if (state.isMultipleSelection) {\r\n if (isShiftKey) {\r\n const selectedElements = new Array(\r\n state.rowsCount - state.focusedRow,\r\n )\r\n .fill(1)\r\n .map((_, i) => i + Math.min(newFocused, state.focusedRow));\r\n keys.push(...selectedElements.map((i) => makeRowKey(i)));\r\n state.selectedRows = selectedElements;\r\n state.lastSelectedRow = newFocused;\r\n }\r\n } else {\r\n state.selectedRows = [newFocused];\r\n state.lastSelectedRow = newFocused;\r\n }\r\n\r\n state.focusedRow = newFocused;\r\n }\r\n break;\r\n case 'previous':\r\n case 'next':\r\n case 'pageDown':\r\n case 'pageUp':\r\n {\r\n const sum = getIndex(\r\n [-1, 1, -10, 10],\r\n [\r\n which === 'previous',\r\n which === 'next',\r\n which === 'pageUp',\r\n which === 'pageDown',\r\n ],\r\n );\r\n\r\n const currentIndex = state.shownRows.findIndex(\r\n (current) => state.focusedRow === current,\r\n );\r\n const newFocused =\r\n state.shownRows[\r\n addBoundary({\r\n number: currentIndex + sum,\r\n min: 0,\r\n max: state.shownRows.length - 1,\r\n })\r\n ];\r\n if (newFocused === state.focusedRow) return;\r\n\r\n keys.push(makeRowKey(state.focusedRow));\r\n keys.push(makeRowKey(newFocused));\r\n\r\n if (state.isMultipleSelection) {\r\n if (isShiftKey) {\r\n if (state.selectedRows.includes(newFocused)) {\r\n state.selectedRows = state.selectedRows.filter(\r\n (current) => current !== newFocused,\r\n );\r\n } else {\r\n state.selectedRows.push(newFocused);\r\n }\r\n state.lastSelectedRow = newFocused;\r\n }\r\n } else {\r\n state.selectedRows = [newFocused];\r\n state.lastSelectedRow = newFocused;\r\n }\r\n\r\n state.focusedRow = newFocused;\r\n }\r\n break;\r\n }\r\n state.isEverythingSelected = false;\r\n});\r\n\r\nconst resetFocus: TListboxOperation<null> = makeOperation((state, _, keys) => {\r\n keys.push(makeRowKey(state.focusedRow));\r\n state.focusedRow = 0;\r\n keys.push(makeRowKey(0));\r\n});\r\n\r\nconst searchElementsByStartingCharacters: TListboxOperation<{\r\n characters: string;\r\n}> = makeOperation((state, payload, keys) => {\r\n const currentIndex = state.shownRows.findIndex(\r\n (current) => current === state.focusedRow,\r\n );\r\n\r\n function match(rowIndex: number) {\r\n keys.push(makeRowKey(state.focusedRow));\r\n\r\n state.focusedRow = rowIndex;\r\n\r\n if (!state.isMultipleSelection) {\r\n keys.push(...state.selectedRows.map((current) => makeRowKey(current)));\r\n state.selectedRows = [rowIndex];\r\n }\r\n\r\n keys.push(makeRowKey(state.focusedRow));\r\n }\r\n\r\n function tryIndex(rowIndex: number) {\r\n const el = document.getElementById(`${state.id}__row__${rowIndex}`);\r\n if (!el) {\r\n console.warn('Element not found', `${state.id}__row__${rowIndex}`);\r\n return false;\r\n }\r\n\r\n const matches = state.startsWithFunction(\r\n el.ariaLabel ?? '',\r\n payload.characters,\r\n );\r\n\r\n if (matches) {\r\n match(state.shownRows[rowIndex]);\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n for (let i = currentIndex + 1; i < state.shownRows.length; i++) {\r\n if (tryIndex(i)) return;\r\n }\r\n\r\n for (let i = 0; i < currentIndex; i++) {\r\n if (tryIndex(i)) return;\r\n }\r\n});\r\n\r\n/**\r\n * No actualiza ningún key porque al llamar a selectAll, todos los elementos\r\n * son afectados y el comportamiento por defecto del store es actualizar todo\r\n */\r\nconst selectAll: TListboxOperation<void> = makeOperation(\r\n (state, payload, keys) => {\r\n keys.push(...state.selectedRows.map(makeRowKey));\r\n if (state.isEverythingSelected) {\r\n state.isEverythingSelected = false;\r\n state.selectedRows = [];\r\n } else {\r\n state.isEverythingSelected = true;\r\n state.selectedRows = state.shownRows;\r\n }\r\n state.lastSelectedRow = state.focusedRow;\r\n keys.push(...state.shownRows.map(makeRowKey));\r\n },\r\n);\r\n\r\nconst setState: TListboxOperation<\r\n Partial<TListboxState> & { affectedKeys: string[] }\r\n> = makeOperation((state, { affectedKeys, ...payload }, keys) => {\r\n const newRowsCount = payload.rowsCount ?? state.rowsCount;\r\n if (state.rowsCount < newRowsCount) {\r\n for (let i = state.rowsCount; i < (payload.rowsCount as number); i++) {\r\n state.shownRows.push(i);\r\n }\r\n } else if (state.rowsCount > newRowsCount) {\r\n state.shownRows = state.shownRows.filter(\r\n (current) => current < newRowsCount,\r\n );\r\n if (state.focusedRow > newRowsCount - 1) {\r\n state.focusedRow = newRowsCount - 1;\r\n keys.push(makeRowKey(state.focusedRow));\r\n }\r\n state.selectedRows = state.selectedRows.filter(\r\n (current) => current < newRowsCount,\r\n );\r\n }\r\n\r\n Object.assign(state, payload);\r\n keys.set(affectedKeys);\r\n state.isEverythingSelected = false;\r\n});\r\n\r\nconst updateFocusByClickEvent: TListboxOperation<{\r\n rowIndex: number;\r\n isCtrlKey: boolean;\r\n isShiftKey: boolean;\r\n}> = makeOperation((state, payload, keys) => {\r\n keys.push(makeRowKey(state.focusedRow));\r\n keys.push(makeRowKey(payload.rowIndex));\r\n\r\n state.focusedRow = payload.rowIndex;\r\n if (payload.isShiftKey) {\r\n updateFocusBySpaceEvent(state, { isShiftKey: payload.isShiftKey }, keys);\r\n } else {\r\n state.lastSelectedRow = payload.rowIndex;\r\n if (payload.isCtrlKey) {\r\n if (state.selectedRows.includes(payload.rowIndex)) {\r\n state.selectedRows = state.selectedRows.filter(\r\n (current) => current !== payload.rowIndex,\r\n );\r\n } else {\r\n state.selectedRows.push(payload.rowIndex);\r\n }\r\n } else {\r\n keys.push(...state.selectedRows.map((current) => makeRowKey(current)));\r\n state.selectedRows = [state.focusedRow];\r\n }\r\n }\r\n});\r\n\r\nconst updateFocusBySpaceEvent: TListboxOperation<{\r\n isShiftKey: boolean;\r\n}> = makeOperation((state, { isShiftKey }, keys) => {\r\n const rowIndex = state.focusedRow;\r\n keys.push(makeRowKey(rowIndex));\r\n if (state.isMultipleSelection) {\r\n if (isShiftKey) {\r\n if (state.lastSelectedRow === -1) {\r\n state.selectedRows.push(rowIndex);\r\n } else {\r\n const newSelection = new Array(\r\n Math.abs(state.lastSelectedRow - rowIndex),\r\n )\r\n .fill(1)\r\n .map(\r\n (_, i) =>\r\n i +\r\n Math.min(rowIndex, state.lastSelectedRow) +\r\n (state.lastSelectedRow > rowIndex ? 0 : 1),\r\n );\r\n keys.push(...newSelection.map((current) => makeRowKey(current)));\r\n newSelection.forEach((current) => {\r\n if (!state.shownRows.includes(current)) return;\r\n\r\n if (state.selectedRows.includes(current)) {\r\n state.selectedRows = state.selectedRows.filter(\r\n (search) => search !== current,\r\n );\r\n } else {\r\n state.selectedRows.push(current);\r\n }\r\n });\r\n }\r\n } else {\r\n if (state.selectedRows.includes(rowIndex)) {\r\n state.selectedRows = state.selectedRows.filter(\r\n (current) => current !== rowIndex,\r\n );\r\n } else {\r\n state.selectedRows.push(rowIndex);\r\n }\r\n }\r\n }\r\n state.lastSelectedRow = rowIndex;\r\n});\r\n\r\nconst operations = {\r\n filter,\r\n /**\r\n // eslint-disable-next-line comment-length/limit-multi-line-comments\r\n * **Este método debe llamarse solamente cuando se efectúan acciones desde el\r\n * teclado**. Su función es controlar el flujo correcto de foco y selección de\r\n * acuerdo a las especificaciones de wai-aria.\r\n */\r\n moveFocusAndToggleSelection,\r\n resetFocus,\r\n /**\r\n * Este método debe utilizarse para la búsqueda por caracter simple o\r\n * múltiple en cuanto a la implementación de las funcionalidades\r\n * especificadas por wai-aria.\r\n */\r\n searchElementsByStartingCharacters,\r\n /**\r\n * **Método empleado cuando se presiona ctrl+shift+A**. Su función es\r\n * controlar el flujo correcto de foco y selección de acuerdo a las\r\n * especificaciones de wai-aria.\r\n */\r\n selectAll,\r\n /**\r\n * Permite alterar el estado en forma arbitraria. Debe pasarse un array con\r\n * los keys afectados por la acción efectuada.\r\n */\r\n setState,\r\n /**\r\n * **Este método debe llamarse solamente cuando se efectúan acciones con el\r\n * mouse**. Su función es controlar el flujo correcto de foco y selección de\r\n * acuerdo a las especificaciones de wai-aria.\r\n */\r\n updateFocusByClickEvent,\r\n /**\r\n * **Este método debe llamarse solamente cuando se efectúan acciones con la\r\n * tecla espacio**. Su función es controlar el flujo correcto de foco y\r\n * selección de acuerdo a las especificaciones de wai-aria.\r\n */\r\n updateFocusBySpaceEvent,\r\n};\r\nexport { operations };\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { useMemo, Children, isValidElement, cloneElement } from 'react';
|
|
2
|
-
import { ListboxItem } from './ListboxItem.js';
|
|
3
|
-
|
|
4
|
-
function useIndexedChildren(children, listboxActions) {
|
|
5
|
-
return useMemo(
|
|
6
|
-
function makeChildrenIndices() {
|
|
7
|
-
listboxActions.resetFocus(null);
|
|
8
|
-
return Children.map(children, (child, rowIndex) => {
|
|
9
|
-
if (isValidElement(child) && child.type === ListboxItem) {
|
|
10
|
-
return cloneElement(
|
|
11
|
-
child,
|
|
12
|
-
{
|
|
13
|
-
rowIndex
|
|
14
|
-
}
|
|
15
|
-
);
|
|
16
|
-
}
|
|
17
|
-
return child;
|
|
18
|
-
});
|
|
19
|
-
},
|
|
20
|
-
[children, listboxActions]
|
|
21
|
-
);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export { useIndexedChildren };
|
|
25
|
-
//# sourceMappingURL=useIndexedChildren.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useIndexedChildren.js","sources":["../../../src/components/ListBox/useIndexedChildren.ts"],"sourcesContent":["import {\r\n useMemo,\r\n Children,\r\n isValidElement,\r\n cloneElement,\r\n ReactElement,\r\n} from 'react';\r\nimport { ListboxItem, TListboxItem } from './ListboxItem';\r\nimport { useStore } from './useStore';\r\n\r\nexport function useIndexedChildren(\r\n children: React.ReactNode | React.ReactNode[],\r\n listboxActions: ReturnType<typeof useStore>[0],\r\n) {\r\n return useMemo(\r\n function makeChildrenIndices() {\r\n listboxActions.resetFocus(null);\r\n\r\n return Children.map(children, (child, rowIndex) => {\r\n if (isValidElement(child) && child.type === ListboxItem) {\r\n return cloneElement<TListboxItem>(\r\n child as ReactElement<TListboxItem>,\r\n {\r\n rowIndex,\r\n },\r\n );\r\n }\r\n return child;\r\n });\r\n },\r\n [children, listboxActions],\r\n );\r\n}\r\n"],"names":[],"mappings":";;;AAUgB,SAAA,kBAAA,CACd,UACA,cACA,EAAA;AACA,EAAO,OAAA,OAAA;AAAA,IACL,SAAS,mBAAsB,GAAA;AAC7B,MAAA,cAAA,CAAe,WAAW,IAAI,CAAA,CAAA;AAE9B,MAAA,OAAO,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,QAAa,KAAA;AACjD,QAAA,IAAI,cAAe,CAAA,KAAK,CAAK,IAAA,KAAA,CAAM,SAAS,WAAa,EAAA;AACvD,UAAO,OAAA,YAAA;AAAA,YACL,KAAA;AAAA,YACA;AAAA,cACE,QAAA;AAAA,aACF;AAAA,WACF,CAAA;AAAA,SACF;AACA,QAAO,OAAA,KAAA,CAAA;AAAA,OACR,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,UAAU,cAAc,CAAA;AAAA,GAC3B,CAAA;AACF;;;;"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { useCallback } from 'react';
|
|
2
|
-
import { findScrollContainer } from '@apia/util';
|
|
3
|
-
|
|
4
|
-
function useListboxAutofocus(storeId, getState) {
|
|
5
|
-
return {
|
|
6
|
-
onClick: useCallback(() => {
|
|
7
|
-
if (document.activeElement !== document.querySelector(`#${storeId} .listbox__list`)) {
|
|
8
|
-
const el = document.querySelector(
|
|
9
|
-
`#${storeId} .listbox__list`
|
|
10
|
-
);
|
|
11
|
-
el?.focus({ preventScroll: true });
|
|
12
|
-
el?.scrollIntoView({
|
|
13
|
-
behavior: "instant",
|
|
14
|
-
block: "nearest",
|
|
15
|
-
inline: "nearest"
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
}, [storeId]),
|
|
19
|
-
onFocus: useCallback(() => {
|
|
20
|
-
const focusedRowId = getState().focusedRow + 1;
|
|
21
|
-
const focusedRow = document.querySelector(
|
|
22
|
-
`#${storeId} .listbox__list .listbox__row:nth-child(${focusedRowId})`
|
|
23
|
-
);
|
|
24
|
-
if (focusedRow) {
|
|
25
|
-
focusedRow.scrollIntoView({
|
|
26
|
-
behavior: "auto",
|
|
27
|
-
block: "nearest",
|
|
28
|
-
inline: "nearest"
|
|
29
|
-
});
|
|
30
|
-
const scrollContainer = findScrollContainer(focusedRow);
|
|
31
|
-
if (scrollContainer && scrollContainer !== document.body) {
|
|
32
|
-
scrollContainer.scrollIntoView({
|
|
33
|
-
behavior: "auto",
|
|
34
|
-
block: "nearest",
|
|
35
|
-
inline: "nearest"
|
|
36
|
-
});
|
|
37
|
-
const elRect = focusedRow.getBoundingClientRect();
|
|
38
|
-
const contRect = scrollContainer.getBoundingClientRect();
|
|
39
|
-
if (elRect.top - contRect.top < elRect.height)
|
|
40
|
-
scrollContainer.scrollTop -= elRect.height;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}, [getState, storeId])
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
export { useListboxAutofocus };
|
|
48
|
-
//# sourceMappingURL=useListboxAutofocus.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useListboxAutofocus.js","sources":["../../../src/components/ListBox/useListboxAutofocus.ts"],"sourcesContent":["import { TGetState } from '@apia/dom-store';\r\nimport { useCallback } from 'react';\r\nimport { TListboxState } from './common';\r\nimport { findScrollContainer } from '@apia/util';\r\n\r\nexport function useListboxAutofocus(\r\n storeId: string,\r\n getState: TGetState<TListboxState>,\r\n) {\r\n return {\r\n onClick: useCallback(() => {\r\n if (\r\n document.activeElement !==\r\n document.querySelector(`#${storeId} .listbox__list`)\r\n ) {\r\n const el = document.querySelector<HTMLElement>(\r\n `#${storeId} .listbox__list`,\r\n );\r\n el?.focus({ preventScroll: true });\r\n el?.scrollIntoView({\r\n behavior: 'instant' as unknown as 'instant',\r\n block: 'nearest',\r\n inline: 'nearest',\r\n });\r\n }\r\n }, [storeId]),\r\n onFocus: useCallback(() => {\r\n const focusedRowId = getState().focusedRow + 1;\r\n const focusedRow = document.querySelector<HTMLElement>(\r\n `#${storeId} .listbox__list .listbox__row:nth-child(${focusedRowId})`,\r\n );\r\n\r\n if (focusedRow) {\r\n focusedRow.scrollIntoView({\r\n behavior: 'auto',\r\n block: 'nearest',\r\n inline: 'nearest',\r\n });\r\n const scrollContainer = findScrollContainer(focusedRow);\r\n\r\n if (scrollContainer && scrollContainer !== document.body) {\r\n scrollContainer.scrollIntoView({\r\n behavior: 'auto',\r\n block: 'nearest',\r\n inline: 'nearest',\r\n });\r\n const elRect = focusedRow.getBoundingClientRect();\r\n const contRect = scrollContainer.getBoundingClientRect();\r\n\r\n if (elRect.top - contRect.top < elRect.height)\r\n scrollContainer.scrollTop -= elRect.height;\r\n }\r\n }\r\n }, [getState, storeId]),\r\n };\r\n}\r\n"],"names":[],"mappings":";;;AAKgB,SAAA,mBAAA,CACd,SACA,QACA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,OAAA,EAAS,YAAY,MAAM;AACzB,MAAA,IACE,SAAS,aACT,KAAA,QAAA,CAAS,cAAc,CAAI,CAAA,EAAA,OAAO,iBAAiB,CACnD,EAAA;AACA,QAAA,MAAM,KAAK,QAAS,CAAA,aAAA;AAAA,UAClB,IAAI,OAAO,CAAA,eAAA,CAAA;AAAA,SACb,CAAA;AACA,QAAA,EAAA,EAAI,KAAM,CAAA,EAAE,aAAe,EAAA,IAAA,EAAM,CAAA,CAAA;AACjC,QAAA,EAAA,EAAI,cAAe,CAAA;AAAA,UACjB,QAAU,EAAA,SAAA;AAAA,UACV,KAAO,EAAA,SAAA;AAAA,UACP,MAAQ,EAAA,SAAA;AAAA,SACT,CAAA,CAAA;AAAA,OACH;AAAA,KACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAAA,IACZ,OAAA,EAAS,YAAY,MAAM;AACzB,MAAM,MAAA,YAAA,GAAe,QAAS,EAAA,CAAE,UAAa,GAAA,CAAA,CAAA;AAC7C,MAAA,MAAM,aAAa,QAAS,CAAA,aAAA;AAAA,QAC1B,CAAA,CAAA,EAAI,OAAO,CAAA,wCAAA,EAA2C,YAAY,CAAA,CAAA,CAAA;AAAA,OACpE,CAAA;AAEA,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,UAAA,CAAW,cAAe,CAAA;AAAA,UACxB,QAAU,EAAA,MAAA;AAAA,UACV,KAAO,EAAA,SAAA;AAAA,UACP,MAAQ,EAAA,SAAA;AAAA,SACT,CAAA,CAAA;AACD,QAAM,MAAA,eAAA,GAAkB,oBAAoB,UAAU,CAAA,CAAA;AAEtD,QAAI,IAAA,eAAA,IAAmB,eAAoB,KAAA,QAAA,CAAS,IAAM,EAAA;AACxD,UAAA,eAAA,CAAgB,cAAe,CAAA;AAAA,YAC7B,QAAU,EAAA,MAAA;AAAA,YACV,KAAO,EAAA,SAAA;AAAA,YACP,MAAQ,EAAA,SAAA;AAAA,WACT,CAAA,CAAA;AACD,UAAM,MAAA,MAAA,GAAS,WAAW,qBAAsB,EAAA,CAAA;AAChD,UAAM,MAAA,QAAA,GAAW,gBAAgB,qBAAsB,EAAA,CAAA;AAEvD,UAAA,IAAI,MAAO,CAAA,GAAA,GAAM,QAAS,CAAA,GAAA,GAAM,MAAO,CAAA,MAAA;AACrC,YAAA,eAAA,CAAgB,aAAa,MAAO,CAAA,MAAA,CAAA;AAAA,SACxC;AAAA,OACF;AAAA,KACC,EAAA,CAAC,QAAU,EAAA,OAAO,CAAC,CAAA;AAAA,GACxB,CAAA;AACF;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useListboxContextValue.js","sources":["../../../src/components/ListBox/useListboxContextValue.ts"],"sourcesContent":["import { useMemo } from 'react';\r\nimport { TListboxContext } from './ListboxContext';\r\n\r\nexport function useListboxContextValue(props: TListboxContext) {\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n return useMemo(() => props, [...Object.values(props)]);\r\n}\r\n"],"names":[],"mappings":";;AAGO,SAAS,uBAAuB,KAAwB,EAAA;AAE7D,EAAO,OAAA,OAAA,CAAQ,MAAM,KAAO,EAAA,CAAC,GAAG,MAAO,CAAA,MAAA,CAAO,KAAK,CAAC,CAAC,CAAA,CAAA;AACvD;;;;"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
|
|
3
|
-
function useShoutSelectionChange(onSelectionChange, registerCallback) {
|
|
4
|
-
useMemo(
|
|
5
|
-
function shoutSelectionChange() {
|
|
6
|
-
registerCallback((state, previousState) => {
|
|
7
|
-
if (state.selectedRows !== previousState.selectedRows) {
|
|
8
|
-
onSelectionChange?.({
|
|
9
|
-
focusedElement: document.querySelector(
|
|
10
|
-
`#${state.id}__row__${state.focusedRow}`
|
|
11
|
-
),
|
|
12
|
-
selectedElements: state.selectedRows.map((current) => {
|
|
13
|
-
return document.querySelector(
|
|
14
|
-
`#${state.id}__row__${current}`
|
|
15
|
-
);
|
|
16
|
-
})
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
},
|
|
21
|
-
[onSelectionChange, registerCallback]
|
|
22
|
-
);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export { useShoutSelectionChange };
|
|
26
|
-
//# sourceMappingURL=useShoutSelectionChange.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useShoutSelectionChange.js","sources":["../../../src/components/ListBox/useShoutSelectionChange.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { useMemo } from 'react';\r\nimport { TRegisterStateChangeListener } from '@apia/dom-store';\r\nimport { TListbox } from './ListboxContext';\r\nimport { TListboxState } from './common';\r\n\r\nexport function useShoutSelectionChange(\r\n onSelectionChange: TListbox['onSelectionChange'],\r\n registerCallback: TRegisterStateChangeListener<TListboxState>,\r\n) {\r\n useMemo(\r\n function shoutSelectionChange() {\r\n registerCallback((state, previousState) => {\r\n if (state.selectedRows !== previousState.selectedRows) {\r\n onSelectionChange?.({\r\n focusedElement: document.querySelector<HTMLElement>(\r\n `#${state.id}__row__${state.focusedRow}`,\r\n ) as HTMLElement,\r\n selectedElements: state.selectedRows.map((current) => {\r\n return document.querySelector<HTMLElement>(\r\n `#${state.id}__row__${current}`,\r\n ) as HTMLElement;\r\n }),\r\n });\r\n }\r\n });\r\n },\r\n [onSelectionChange, registerCallback],\r\n );\r\n}\r\n"],"names":[],"mappings":";;AAMgB,SAAA,uBAAA,CACd,mBACA,gBACA,EAAA;AACA,EAAA,OAAA;AAAA,IACE,SAAS,oBAAuB,GAAA;AAC9B,MAAiB,gBAAA,CAAA,CAAC,OAAO,aAAkB,KAAA;AACzC,QAAI,IAAA,KAAA,CAAM,YAAiB,KAAA,aAAA,CAAc,YAAc,EAAA;AACrD,UAAoB,iBAAA,GAAA;AAAA,YAClB,gBAAgB,QAAS,CAAA,aAAA;AAAA,cACvB,CAAI,CAAA,EAAA,KAAA,CAAM,EAAE,CAAA,OAAA,EAAU,MAAM,UAAU,CAAA,CAAA;AAAA,aACxC;AAAA,YACA,gBAAkB,EAAA,KAAA,CAAM,YAAa,CAAA,GAAA,CAAI,CAAC,OAAY,KAAA;AACpD,cAAA,OAAO,QAAS,CAAA,aAAA;AAAA,gBACd,CAAI,CAAA,EAAA,KAAA,CAAM,EAAE,CAAA,OAAA,EAAU,OAAO,CAAA,CAAA;AAAA,eAC/B,CAAA;AAAA,aACD,CAAA;AAAA,WACF,CAAA,CAAA;AAAA,SACH;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,mBAAmB,gBAAgB,CAAA;AAAA,GACtC,CAAA;AACF;;;;"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { createFAsomeStore } from '@apia/dom-store';
|
|
2
|
-
import { useMemo } from 'react';
|
|
3
|
-
import { getInitialState, getDistinctors, keysMakers } from './common.js';
|
|
4
|
-
import { operations } from './operations.js';
|
|
5
|
-
|
|
6
|
-
function useStore(storeId, {
|
|
7
|
-
allowMultipleCharacterSearch,
|
|
8
|
-
allowSelection,
|
|
9
|
-
allowSingleCharacterSearch,
|
|
10
|
-
isMultipleSelection,
|
|
11
|
-
searchFunction,
|
|
12
|
-
showSearchbox,
|
|
13
|
-
startsWithFunction
|
|
14
|
-
}) {
|
|
15
|
-
return useMemo(() => {
|
|
16
|
-
const newStore = createFAsomeStore({
|
|
17
|
-
initialState: getInitialState({
|
|
18
|
-
allowSelection: allowSelection ?? true,
|
|
19
|
-
allowMultipleCharacterSearch: (allowMultipleCharacterSearch ?? true) && !showSearchbox,
|
|
20
|
-
allowSingleCharacterSearch: (allowSingleCharacterSearch ?? true) && !showSearchbox,
|
|
21
|
-
id: storeId,
|
|
22
|
-
isMultipleSelection: !!isMultipleSelection,
|
|
23
|
-
searchFunction,
|
|
24
|
-
showSearchbox: showSearchbox ?? false,
|
|
25
|
-
startsWithFunction
|
|
26
|
-
}),
|
|
27
|
-
operations,
|
|
28
|
-
distinctors: getDistinctors(storeId),
|
|
29
|
-
keysMakers
|
|
30
|
-
});
|
|
31
|
-
return newStore;
|
|
32
|
-
}, []);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export { useStore };
|
|
36
|
-
//# sourceMappingURL=useStore.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useStore.js","sources":["../../../src/components/ListBox/useStore.ts"],"sourcesContent":["import { createFAsomeStore } from '@apia/dom-store';\r\nimport { useMemo } from 'react';\r\nimport { getInitialState, getDistinctors, keysMakers } from './common';\r\nimport { operations } from './operations';\r\nimport { TListbox } from './ListboxContext';\r\n\r\nexport function useStore(\r\n storeId: string,\r\n {\r\n allowMultipleCharacterSearch,\r\n allowSelection,\r\n allowSingleCharacterSearch,\r\n isMultipleSelection,\r\n searchFunction,\r\n showSearchbox,\r\n startsWithFunction,\r\n }: TListbox,\r\n) {\r\n return useMemo(() => {\r\n const newStore = createFAsomeStore({\r\n initialState: getInitialState({\r\n allowSelection: allowSelection ?? true,\r\n allowMultipleCharacterSearch:\r\n (allowMultipleCharacterSearch ?? true) && !showSearchbox,\r\n allowSingleCharacterSearch:\r\n (allowSingleCharacterSearch ?? true) && !showSearchbox,\r\n id: storeId,\r\n isMultipleSelection: !!isMultipleSelection,\r\n searchFunction,\r\n showSearchbox: showSearchbox ?? false,\r\n startsWithFunction,\r\n }),\r\n operations,\r\n distinctors: getDistinctors(storeId),\r\n keysMakers,\r\n });\r\n\r\n return newStore;\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n}\r\n"],"names":[],"mappings":";;;;;AAMO,SAAS,SACd,OACA,EAAA;AAAA,EACE,4BAAA;AAAA,EACA,cAAA;AAAA,EACA,0BAAA;AAAA,EACA,mBAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AACF,CACA,EAAA;AACA,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAA,MAAM,WAAW,iBAAkB,CAAA;AAAA,MACjC,cAAc,eAAgB,CAAA;AAAA,QAC5B,gBAAgB,cAAkB,IAAA,IAAA;AAAA,QAClC,4BAAA,EAAA,CACG,4BAAgC,IAAA,IAAA,KAAS,CAAC,aAAA;AAAA,QAC7C,0BAAA,EAAA,CACG,0BAA8B,IAAA,IAAA,KAAS,CAAC,aAAA;AAAA,QAC3C,EAAI,EAAA,OAAA;AAAA,QACJ,mBAAA,EAAqB,CAAC,CAAC,mBAAA;AAAA,QACvB,cAAA;AAAA,QACA,eAAe,aAAiB,IAAA,KAAA;AAAA,QAChC,kBAAA;AAAA,OACD,CAAA;AAAA,MACD,UAAA;AAAA,MACA,WAAA,EAAa,eAAe,OAAO,CAAA;AAAA,MACnC,UAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAO,OAAA,QAAA,CAAA;AAAA,GAET,EAAG,EAAE,CAAA,CAAA;AACP;;;;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { useMemo, Children, isValidElement } from 'react';
|
|
2
|
-
import { ListboxItem } from './ListboxItem.js';
|
|
3
|
-
|
|
4
|
-
function useUpdateRowCount(children, listboxActions) {
|
|
5
|
-
useMemo(
|
|
6
|
-
function updateRowCount() {
|
|
7
|
-
let count = 0;
|
|
8
|
-
Children.forEach(children, (current) => {
|
|
9
|
-
if (isValidElement(current) && current.type === ListboxItem)
|
|
10
|
-
count++;
|
|
11
|
-
});
|
|
12
|
-
listboxActions.setState({ rowsCount: count, affectedKeys: [] });
|
|
13
|
-
},
|
|
14
|
-
[listboxActions, children]
|
|
15
|
-
);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export { useUpdateRowCount };
|
|
19
|
-
//# sourceMappingURL=useUpdateRowCount.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useUpdateRowCount.js","sources":["../../../src/components/ListBox/useUpdateRowCount.ts"],"sourcesContent":["import { Children, isValidElement, useMemo } from 'react';\r\nimport { ListboxItem } from './ListboxItem';\r\nimport { TActionsMap } from '@apia/dom-store';\r\nimport { TListboxState } from './common';\r\nimport { operations } from './operations';\r\n\r\nexport function useUpdateRowCount(\r\n children: React.ReactNode | React.ReactNode[],\r\n listboxActions: TActionsMap<TListboxState, typeof operations>,\r\n) {\r\n useMemo(\r\n function updateRowCount() {\r\n let count = 0;\r\n Children.forEach(children, (current) => {\r\n if (isValidElement(current) && current.type === ListboxItem) count++;\r\n });\r\n listboxActions.setState({ rowsCount: count, affectedKeys: [] });\r\n },\r\n [listboxActions, children],\r\n );\r\n}\r\n"],"names":[],"mappings":";;;AAMgB,SAAA,iBAAA,CACd,UACA,cACA,EAAA;AACA,EAAA,OAAA;AAAA,IACE,SAAS,cAAiB,GAAA;AACxB,MAAA,IAAI,KAAQ,GAAA,CAAA,CAAA;AACZ,MAAS,QAAA,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,OAAY,KAAA;AACtC,QAAA,IAAI,cAAe,CAAA,OAAO,CAAK,IAAA,OAAA,CAAQ,IAAS,KAAA,WAAA;AAAa,UAAA,KAAA,EAAA,CAAA;AAAA,OAC9D,CAAA,CAAA;AACD,MAAA,cAAA,CAAe,SAAS,EAAE,SAAA,EAAW,OAAO,YAAc,EAAA,IAAI,CAAA,CAAA;AAAA,KAChE;AAAA,IACA,CAAC,gBAAgB,QAAQ,CAAA;AAAA,GAC3B,CAAA;AACF;;;;"}
|