@apia/components 2.0.7 → 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 -68
- package/dist/index.js +7198 -58
- package/dist/index.js.map +1 -1
- package/package.json +8 -8
- 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 -20
- package/dist/components/accordion/Accordion.d.ts.map +0 -1
- package/dist/components/accordion/Accordion.js +0 -60
- package/dist/components/accordion/Accordion.js.map +0 -1
- package/dist/components/accordion/AccordionItem.d.ts +0 -19
- package/dist/components/accordion/AccordionItem.d.ts.map +0 -1
- package/dist/components/accordion/AccordionItem.js +0 -22
- 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 -77
- 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 -79
- 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 -118
- 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 -152
- package/dist/components/modals/Modal.d.ts.map +0 -1
- package/dist/components/modals/Modal.js +0 -17
- 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 -8
- package/dist/components/modals/WindowModal.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/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 -117
- 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 -8
- package/dist/objects/ApiaUtil/modals/OpenModal.d.ts.map +0 -1
- package/dist/objects/ApiaUtil/modals/OpenModal.js +0 -19
- 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 -77
- package/dist/tabs/ContextMenu.js.map +0 -1
- package/dist/tabs/Item.js +0 -64
- 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
package/dist/tabs/Item.js
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@apia/theme/jsx-runtime';
|
|
2
|
-
import { useUpdateEffect } from 'ahooks';
|
|
3
|
-
import React__default from 'react';
|
|
4
|
-
import { shallowEqual } from 'react-redux';
|
|
5
|
-
import { useTabsContext } from './util.js';
|
|
6
|
-
import { usePropsSelector, getSpecificParent } from '@apia/util';
|
|
7
|
-
import { DefaultTabsLabelRenderer } from './renderers/DefaultTabsLabelRenderer.js';
|
|
8
|
-
import { SimpleButton } from '../components/forms/buttons/SimpleButton.js';
|
|
9
|
-
|
|
10
|
-
const Item = ({ tabId }) => {
|
|
11
|
-
const { handler, id, onCloseTab, onOpenTab } = useTabsContext();
|
|
12
|
-
const tab = usePropsSelector(tabId, {
|
|
13
|
-
propsStore: handler.propsStore,
|
|
14
|
-
comparator: shallowEqual
|
|
15
|
-
});
|
|
16
|
-
const Renderer = React__default.useMemo(
|
|
17
|
-
() => tab.labelRenderer ?? null,
|
|
18
|
-
[tab.labelRenderer]
|
|
19
|
-
);
|
|
20
|
-
const ref = React__default.useRef({});
|
|
21
|
-
useUpdateEffect(() => {
|
|
22
|
-
if (tab.isFocused) {
|
|
23
|
-
ref.current?.focus({
|
|
24
|
-
preventScroll: true
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
}, [tab.isFocused]);
|
|
28
|
-
React__default.useEffect(() => {
|
|
29
|
-
if (tab.isOpen) {
|
|
30
|
-
const scrollParent = getSpecificParent(
|
|
31
|
-
ref.current,
|
|
32
|
-
(current) => current.classList.contains("tabs__list")
|
|
33
|
-
);
|
|
34
|
-
scrollParent?.scroll({
|
|
35
|
-
left: ref.current.offsetLeft - 100
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
}, [tab.isOpen]);
|
|
39
|
-
const handleOpen = React__default.useCallback(() => onOpenTab(tab), [onOpenTab, tab]);
|
|
40
|
-
const buttonProps = {
|
|
41
|
-
className: `tabs__item__wrapper ${tab.isOpen ? "open" : ""} ${tab.isDisabled ? "disabled" : ""}`,
|
|
42
|
-
title: tab.title ?? tab.label,
|
|
43
|
-
onMouseDown: React__default.useCallback(
|
|
44
|
-
(ev) => {
|
|
45
|
-
if (ev.button === 1) {
|
|
46
|
-
onCloseTab(tab);
|
|
47
|
-
} else if (ev.button === 0)
|
|
48
|
-
handleOpen();
|
|
49
|
-
},
|
|
50
|
-
[handleOpen, onCloseTab, tab]
|
|
51
|
-
),
|
|
52
|
-
"aria-controls": `tabpanel-${id}-${tab.id}`,
|
|
53
|
-
"aria-selected": tab.isOpen ?? false,
|
|
54
|
-
id: `tab-${id}-${tab.id}`,
|
|
55
|
-
tabIndex: tab.isFocused ? 0 : -1,
|
|
56
|
-
role: "tab",
|
|
57
|
-
variant: "inherit"
|
|
58
|
-
};
|
|
59
|
-
return /* @__PURE__ */ jsx(SimpleButton, { "data-id": tabId, ref, ...buttonProps, children: Renderer ? /* @__PURE__ */ jsx(Renderer, { tab }) : /* @__PURE__ */ jsx(DefaultTabsLabelRenderer, { tab }) });
|
|
60
|
-
};
|
|
61
|
-
var Item$1 = Item;
|
|
62
|
-
|
|
63
|
-
export { Item$1 as default };
|
|
64
|
-
//# sourceMappingURL=Item.js.map
|
package/dist/tabs/Item.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sources":["../../src/tabs/Item.tsx"],"sourcesContent":["import { useUpdateEffect } from 'ahooks';\nimport React from 'react';\nimport { shallowEqual } from 'react-redux';\nimport { TTab, TTabsItem } from './types';\nimport { useTabsContext } from './util';\nimport { getSpecificParent, usePropsSelector } from '@apia/util';\nimport { SimpleButton } from '../components';\nimport { DefaultTabsLabelRenderer } from './renderers/DefaultTabsLabelRenderer';\n\nconst Item = ({ tabId }: TTabsItem) => {\n const { handler, id, onCloseTab, onOpenTab } = useTabsContext();\n\n const tab = usePropsSelector<TTab, TTab>(tabId, {\n propsStore: handler.propsStore,\n comparator: shallowEqual,\n });\n\n const Renderer = React.useMemo(\n () => tab.labelRenderer ?? null,\n [tab.labelRenderer],\n );\n\n const ref = React.useRef<HTMLButtonElement>({} as HTMLButtonElement);\n useUpdateEffect(() => {\n if (tab.isFocused) {\n ref.current?.focus({\n preventScroll: true,\n });\n }\n }, [tab.isFocused]);\n React.useEffect(() => {\n if (tab.isOpen) {\n const scrollParent = getSpecificParent(ref.current, (current) =>\n current.classList.contains('tabs__list'),\n ) as HTMLElement;\n\n scrollParent?.scroll({\n left: ref.current.offsetLeft - 100,\n });\n }\n }, [tab.isOpen]);\n\n const handleOpen = React.useCallback(() => onOpenTab(tab), [onOpenTab, tab]);\n const buttonProps = {\n className: `tabs__item__wrapper ${tab.isOpen ? 'open' : ''} ${\n tab.isDisabled ? 'disabled' : ''\n }`,\n title: tab.title ?? tab.label,\n onMouseDown: React.useCallback(\n (ev: React.MouseEvent) => {\n if (ev.button === 1) {\n onCloseTab(tab);\n } else if (ev.button === 0) handleOpen();\n },\n [handleOpen, onCloseTab, tab],\n ),\n 'aria-controls': `tabpanel-${id}-${tab.id}`,\n 'aria-selected': tab.isOpen ?? false,\n id: `tab-${id}-${tab.id}`,\n tabIndex: tab.isFocused ? 0 : -1,\n role: 'tab',\n variant: 'inherit',\n };\n\n return (\n <SimpleButton data-id={tabId} ref={ref} {...buttonProps}>\n {Renderer ? (\n <Renderer tab={tab} />\n ) : (\n <DefaultTabsLabelRenderer tab={tab} />\n )}\n </SimpleButton>\n );\n};\n\nexport default Item;\n"],"names":["React"],"mappings":"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"}
|
package/dist/tabs/Tabs.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { BoxProps } from '@apia/theme';
|
|
3
|
-
import { TTabs } from './types.js';
|
|
4
|
-
|
|
5
|
-
declare const Tabs: <AdditionalPropsType extends Record<string, unknown> = Record<string, unknown>>({ id, onCloseTab, onOpenTab, onRequestClose, className, orientation, getHandler, initialTabs, isMultiple, onKeyDown, ...props }: TTabs<AdditionalPropsType> & Omit<BoxProps, 'id' | 'as' | 'role'>, ref: React__default.ForwardedRef<HTMLDivElement>) => React__default.JSX.Element;
|
|
6
|
-
|
|
7
|
-
export { Tabs };
|
|
8
|
-
//# sourceMappingURL=Tabs.d.ts.map
|
package/dist/tabs/Tabs.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/tabs/Tabs.js
DELETED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@apia/theme/jsx-runtime';
|
|
2
|
-
import React__default from 'react';
|
|
3
|
-
import { Box } from '@apia/theme';
|
|
4
|
-
import TabsController from './tabsController.js';
|
|
5
|
-
import { TabsContext } from './util.js';
|
|
6
|
-
import { useMount } from '@apia/util';
|
|
7
|
-
|
|
8
|
-
const NonForwardedTabs = ({
|
|
9
|
-
id,
|
|
10
|
-
onCloseTab,
|
|
11
|
-
onOpenTab,
|
|
12
|
-
onRequestClose,
|
|
13
|
-
className,
|
|
14
|
-
orientation,
|
|
15
|
-
getHandler,
|
|
16
|
-
initialTabs,
|
|
17
|
-
isMultiple,
|
|
18
|
-
onKeyDown,
|
|
19
|
-
...props
|
|
20
|
-
}, ref) => {
|
|
21
|
-
const [handler, setHandler] = React__default.useState({});
|
|
22
|
-
useMount(() => {
|
|
23
|
-
const newHandler = new TabsController(String(id), {
|
|
24
|
-
id,
|
|
25
|
-
onCloseTab,
|
|
26
|
-
onOpenTab,
|
|
27
|
-
onRequestClose,
|
|
28
|
-
orientation,
|
|
29
|
-
initialTabs,
|
|
30
|
-
isMultiple
|
|
31
|
-
});
|
|
32
|
-
setHandler(newHandler);
|
|
33
|
-
getHandler?.(newHandler);
|
|
34
|
-
});
|
|
35
|
-
const Context = React__default.useMemo(() => {
|
|
36
|
-
return TabsContext;
|
|
37
|
-
}, []);
|
|
38
|
-
return /* @__PURE__ */ jsx(
|
|
39
|
-
Context.Provider,
|
|
40
|
-
{
|
|
41
|
-
value: React__default.useMemo(
|
|
42
|
-
() => ({
|
|
43
|
-
handler,
|
|
44
|
-
id,
|
|
45
|
-
onCloseTab(tab) {
|
|
46
|
-
void handler.closeTab(tab.id);
|
|
47
|
-
},
|
|
48
|
-
onOpenTab(tab) {
|
|
49
|
-
handler.openTab(tab.id, !isMultiple);
|
|
50
|
-
onOpenTab?.(tab);
|
|
51
|
-
},
|
|
52
|
-
orientation: orientation ?? "horizontal"
|
|
53
|
-
}),
|
|
54
|
-
[handler, id, isMultiple, onOpenTab, orientation]
|
|
55
|
-
),
|
|
56
|
-
children: /* @__PURE__ */ jsx(
|
|
57
|
-
Box,
|
|
58
|
-
{
|
|
59
|
-
...props,
|
|
60
|
-
onKeyDown: React__default.useCallback(
|
|
61
|
-
(ev) => {
|
|
62
|
-
onKeyDown?.(ev);
|
|
63
|
-
handler.handleKeyDown(ev);
|
|
64
|
-
},
|
|
65
|
-
[handler, onKeyDown]
|
|
66
|
-
),
|
|
67
|
-
ref
|
|
68
|
-
}
|
|
69
|
-
)
|
|
70
|
-
}
|
|
71
|
-
);
|
|
72
|
-
};
|
|
73
|
-
const Tabs = React__default.forwardRef(
|
|
74
|
-
NonForwardedTabs
|
|
75
|
-
);
|
|
76
|
-
|
|
77
|
-
export { Tabs };
|
|
78
|
-
//# sourceMappingURL=Tabs.js.map
|
package/dist/tabs/Tabs.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps } from '@apia/theme';\nimport TabsController from './tabsController';\nimport { TTabs, TTabsContext } from './types';\nimport { TabsContext } from './util';\nimport { useMount } from '@apia/util';\n\nconst NonForwardedTabs = <\n AdditionalPropsType extends Record<string, unknown> = Record<string, unknown>,\n>(\n {\n id,\n onCloseTab,\n onOpenTab,\n onRequestClose,\n className,\n orientation,\n getHandler,\n initialTabs,\n isMultiple,\n onKeyDown,\n ...props\n }: TTabs<AdditionalPropsType> & Omit<BoxProps, 'id' | 'as' | 'role'>,\n ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n const [handler, setHandler] = React.useState<\n TabsController<AdditionalPropsType>\n >({} as TabsController<AdditionalPropsType>);\n\n useMount(() => {\n const newHandler = new TabsController<AdditionalPropsType>(String(id), {\n id,\n onCloseTab,\n onOpenTab,\n onRequestClose,\n orientation,\n initialTabs,\n isMultiple,\n });\n setHandler(newHandler);\n getHandler?.(newHandler);\n });\n\n const Context = React.useMemo(() => {\n return TabsContext as React.Context<TTabsContext<AdditionalPropsType>>;\n }, []);\n\n return (\n <Context.Provider\n value={React.useMemo(\n () => ({\n handler,\n id,\n onCloseTab(tab) {\n void handler.closeTab(tab.id);\n },\n onOpenTab(tab) {\n handler.openTab(tab.id, !isMultiple);\n onOpenTab?.(tab);\n },\n orientation: orientation ?? 'horizontal',\n }),\n [handler, id, isMultiple, onOpenTab, orientation],\n )}\n >\n <Box\n {...props}\n onKeyDown={React.useCallback(\n (ev: React.KeyboardEvent<HTMLDivElement>) => {\n onKeyDown?.(ev);\n handler.handleKeyDown(ev);\n },\n [handler, onKeyDown],\n )}\n ref={ref}\n />\n </Context.Provider>\n );\n};\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TTabs>(\n NonForwardedTabs,\n) as unknown as typeof NonForwardedTabs;\n"],"names":["React"],"mappings":";;;;;;;AAOA,MAAM,mBAAmB,CAGvB;AAAA,EACE,EAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAA,EACA,GACG,KAAA;AACH,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAIA,cAAM,CAAA,QAAA,CAElC,EAAyC,CAAA,CAAA;AAE3C,EAAA,QAAA,CAAS,MAAM;AACb,IAAA,MAAM,UAAa,GAAA,IAAI,cAAoC,CAAA,MAAA,CAAO,EAAE,CAAG,EAAA;AAAA,MACrE,EAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAA,UAAA,CAAW,UAAU,CAAA,CAAA;AACrB,IAAA,UAAA,GAAa,UAAU,CAAA,CAAA;AAAA,GACxB,CAAA,CAAA;AAED,EAAM,MAAA,OAAA,GAAUA,cAAM,CAAA,OAAA,CAAQ,MAAM;AAClC,IAAO,OAAA,WAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EACE,uBAAA,GAAA;AAAA,IAAC,OAAQ,CAAA,QAAA;AAAA,IAAR;AAAA,MACC,OAAOA,cAAM,CAAA,OAAA;AAAA,QACX,OAAO;AAAA,UACL,OAAA;AAAA,UACA,EAAA;AAAA,UACA,WAAW,GAAK,EAAA;AACd,YAAK,KAAA,OAAA,CAAQ,QAAS,CAAA,GAAA,CAAI,EAAE,CAAA,CAAA;AAAA,WAC9B;AAAA,UACA,UAAU,GAAK,EAAA;AACb,YAAA,OAAA,CAAQ,OAAQ,CAAA,GAAA,CAAI,EAAI,EAAA,CAAC,UAAU,CAAA,CAAA;AACnC,YAAA,SAAA,GAAY,GAAG,CAAA,CAAA;AAAA,WACjB;AAAA,UACA,aAAa,WAAe,IAAA,YAAA;AAAA,SAC9B,CAAA;AAAA,QACA,CAAC,OAAA,EAAS,EAAI,EAAA,UAAA,EAAY,WAAW,WAAW,CAAA;AAAA,OAClD;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACE,GAAG,KAAA;AAAA,UACJ,WAAWA,cAAM,CAAA,WAAA;AAAA,YACf,CAAC,EAA4C,KAAA;AAC3C,cAAA,SAAA,GAAY,EAAE,CAAA,CAAA;AACd,cAAA,OAAA,CAAQ,cAAc,EAAE,CAAA,CAAA;AAAA,aAC1B;AAAA,YACA,CAAC,SAAS,SAAS,CAAA;AAAA,WACrB;AAAA,UACA,GAAA;AAAA,SAAA;AAAA,OACF;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,OAAOA,cAAM,CAAA,UAAA;AAAA,EACxB,gBAAA;AACF;;;;"}
|
package/dist/tabs/TabsList.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsList.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/tabs/TabsList.js
DELETED
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx, Fragment } from '@apia/theme/jsx-runtime';
|
|
2
|
-
import React__default from 'react';
|
|
3
|
-
import { Box, getVariant } from '@apia/theme';
|
|
4
|
-
import ContextMenu from './ContextMenu.js';
|
|
5
|
-
import Item from './Item.js';
|
|
6
|
-
import useTabsList from './useTabsList.js';
|
|
7
|
-
import { useTabsContext } from './util.js';
|
|
8
|
-
import { isChild, getSpecificParent, getLabel } from '@apia/util';
|
|
9
|
-
import { IconButton } from '../components/forms/buttons/IconButton.js';
|
|
10
|
-
|
|
11
|
-
const TabsList = ({
|
|
12
|
-
arrowsBehavior = "focus"
|
|
13
|
-
}) => {
|
|
14
|
-
const { id, orientation, handler } = useTabsContext();
|
|
15
|
-
const tabs = useTabsList();
|
|
16
|
-
const fixedTabs = React__default.useMemo(
|
|
17
|
-
() => (tabs ?? []).filter((current) => current.isFixed),
|
|
18
|
-
[tabs]
|
|
19
|
-
);
|
|
20
|
-
const nonFixedTabs = React__default.useMemo(
|
|
21
|
-
() => (tabs ?? []).filter((current) => !current.isFixed),
|
|
22
|
-
[tabs]
|
|
23
|
-
);
|
|
24
|
-
const [showScrollButtons, setShowScrollButtons] = React__default.useState(true);
|
|
25
|
-
const [ref, setRef] = React__default.useState(null);
|
|
26
|
-
React__default.useEffect(() => {
|
|
27
|
-
if (ref) {
|
|
28
|
-
const observer = new MutationObserver(([{ addedNodes }]) => {
|
|
29
|
-
const fixedTabsElement = ref.querySelector(".tabsList__fixedTabs");
|
|
30
|
-
const hasFixedTabsScroll = (fixedTabsElement?.clientWidth ?? 0) < (fixedTabsElement?.scrollWidth ?? 0);
|
|
31
|
-
const nonFixedTabsElement = ref.querySelector(".tabs__list");
|
|
32
|
-
const hasFixedNonTabsScroll = (nonFixedTabsElement?.clientWidth ?? 0) < (nonFixedTabsElement?.scrollWidth ?? 0);
|
|
33
|
-
setShowScrollButtons(hasFixedTabsScroll || hasFixedNonTabsScroll);
|
|
34
|
-
if (addedNodes) {
|
|
35
|
-
ref.querySelector(".tabs__list").scrollLeft = 9999999;
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
observer.observe(ref, { childList: true, subtree: true });
|
|
39
|
-
return () => {
|
|
40
|
-
observer.disconnect();
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
return () => {
|
|
44
|
-
};
|
|
45
|
-
}, [ref]);
|
|
46
|
-
const onClickPrev = React__default.useCallback(() => {
|
|
47
|
-
if (arrowsBehavior === "focus")
|
|
48
|
-
handler.focusPreviousTab();
|
|
49
|
-
if (arrowsBehavior === "open")
|
|
50
|
-
handler.openPreviousTab();
|
|
51
|
-
}, [arrowsBehavior, handler]);
|
|
52
|
-
const onClickNext = React__default.useCallback(() => {
|
|
53
|
-
if (arrowsBehavior === "focus")
|
|
54
|
-
handler.focusNextTab();
|
|
55
|
-
if (arrowsBehavior === "open")
|
|
56
|
-
handler.openNextTab();
|
|
57
|
-
}, [arrowsBehavior, handler]);
|
|
58
|
-
const [anchorPoint, setAnchorPoint] = React__default.useState({ x: 0, y: 0 });
|
|
59
|
-
const [isOpen, setIsOpen] = React__default.useState(false);
|
|
60
|
-
const [targetId, setTargetId] = React__default.useState("");
|
|
61
|
-
return /* @__PURE__ */ jsxs(
|
|
62
|
-
Box,
|
|
63
|
-
{
|
|
64
|
-
id: `tabsList-${id}`,
|
|
65
|
-
className: "tabsList__wrapper",
|
|
66
|
-
role: "tablist",
|
|
67
|
-
...getVariant("layout.common.tabs.primary"),
|
|
68
|
-
ref: setRef,
|
|
69
|
-
onBlur: React__default.useCallback((ev) => {
|
|
70
|
-
if (!isChild(
|
|
71
|
-
ev.relatedTarget,
|
|
72
|
-
(current) => current.classList.contains("tabsList__wrapper")
|
|
73
|
-
)) ;
|
|
74
|
-
}, []),
|
|
75
|
-
children: [
|
|
76
|
-
/* @__PURE__ */ jsx(Box, { className: "tabsList__fixedTabs", children: fixedTabs.map((current) => /* @__PURE__ */ jsx(Item, { tabId: current.id }, current.id)) }),
|
|
77
|
-
/* @__PURE__ */ jsx(
|
|
78
|
-
ContextMenu,
|
|
79
|
-
{
|
|
80
|
-
anchorPoint,
|
|
81
|
-
isOpen,
|
|
82
|
-
onClose: React__default.useCallback(() => setIsOpen(false), []),
|
|
83
|
-
targetId
|
|
84
|
-
}
|
|
85
|
-
),
|
|
86
|
-
/* @__PURE__ */ jsx(
|
|
87
|
-
Box,
|
|
88
|
-
{
|
|
89
|
-
className: `noScrollbar tabs__list ${orientation === "vertical" ? "vertical" : ""}`,
|
|
90
|
-
onContextMenu: React__default.useCallback((e) => {
|
|
91
|
-
const tabElement = getSpecificParent(
|
|
92
|
-
e.target,
|
|
93
|
-
(current) => current.classList.contains("tabs__item__wrapper")
|
|
94
|
-
);
|
|
95
|
-
if (tabElement) {
|
|
96
|
-
e.preventDefault();
|
|
97
|
-
e.stopPropagation();
|
|
98
|
-
setTargetId(tabElement.dataset.id);
|
|
99
|
-
setAnchorPoint({ x: e.clientX, y: e.clientY });
|
|
100
|
-
setIsOpen(true);
|
|
101
|
-
}
|
|
102
|
-
}, []),
|
|
103
|
-
children: nonFixedTabs.map((current) => /* @__PURE__ */ jsx(Item, { tabId: current.id }, current.id))
|
|
104
|
-
}
|
|
105
|
-
),
|
|
106
|
-
showScrollButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
107
|
-
/* @__PURE__ */ jsx(
|
|
108
|
-
IconButton,
|
|
109
|
-
{
|
|
110
|
-
"aria-label": getLabel("lblTogglePrevTab").text,
|
|
111
|
-
className: "tabs__switch__left",
|
|
112
|
-
icon: "ArrowLeft",
|
|
113
|
-
iconSize: "Xs",
|
|
114
|
-
onClick: onClickPrev,
|
|
115
|
-
title: getLabel("lblTogglePrevTab").text,
|
|
116
|
-
...getVariant("icon-primary")
|
|
117
|
-
}
|
|
118
|
-
),
|
|
119
|
-
/* @__PURE__ */ jsx(
|
|
120
|
-
IconButton,
|
|
121
|
-
{
|
|
122
|
-
"aria-label": getLabel("lblToggleNextTab").text,
|
|
123
|
-
className: "tabs__switch__right",
|
|
124
|
-
icon: "ArrowRight",
|
|
125
|
-
iconSize: "Xs",
|
|
126
|
-
onClick: onClickNext,
|
|
127
|
-
title: getLabel("lblToggleNextTab").text,
|
|
128
|
-
...getVariant("icon-primary")
|
|
129
|
-
}
|
|
130
|
-
)
|
|
131
|
-
] })
|
|
132
|
-
]
|
|
133
|
-
}
|
|
134
|
-
);
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
export { TabsList };
|
|
138
|
-
//# sourceMappingURL=TabsList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabsList.js","sources":["../../src/tabs/TabsList.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, getVariant } from '@apia/theme';\nimport ContextMenu from './ContextMenu';\nimport Item from './Item';\nimport useTabsList from './useTabsList';\nimport { useTabsContext } from './util';\nimport { TId, getLabel, getSpecificParent, isChild } from '@apia/util';\nimport { IconButton } from '../components';\n\nexport const TabsList = ({\n arrowsBehavior = 'focus',\n}: {\n arrowsBehavior?: 'open' | 'focus';\n}) => {\n const { id, orientation, handler } = useTabsContext();\n const tabs = useTabsList();\n\n const fixedTabs = React.useMemo(\n () => (tabs ?? []).filter((current) => current.isFixed),\n [tabs],\n );\n const nonFixedTabs = React.useMemo(\n () => (tabs ?? []).filter((current) => !current.isFixed),\n [tabs],\n );\n\n const [showScrollButtons, setShowScrollButtons] = React.useState(true);\n\n const [ref, setRef] = React.useState<HTMLDivElement | null>(null);\n React.useEffect(() => {\n if (ref) {\n const observer = new MutationObserver(([{ addedNodes }]) => {\n const fixedTabsElement = ref.querySelector('.tabsList__fixedTabs');\n const hasFixedTabsScroll =\n (fixedTabsElement?.clientWidth ?? 0) <\n (fixedTabsElement?.scrollWidth ?? 0);\n const nonFixedTabsElement = ref.querySelector('.tabs__list');\n const hasFixedNonTabsScroll =\n (nonFixedTabsElement?.clientWidth ?? 0) <\n (nonFixedTabsElement?.scrollWidth ?? 0);\n\n setShowScrollButtons(hasFixedTabsScroll || hasFixedNonTabsScroll);\n\n if (addedNodes) {\n (\n ref.querySelector('.tabs__list') as HTMLElement\n ).scrollLeft = 9999999;\n }\n });\n observer.observe(ref, { childList: true, subtree: true });\n return () => {\n observer.disconnect();\n };\n }\n\n return () => {};\n }, [ref]);\n\n const onClickPrev = React.useCallback(() => {\n if (arrowsBehavior === 'focus') handler.focusPreviousTab();\n if (arrowsBehavior === 'open') handler.openPreviousTab();\n }, [arrowsBehavior, handler]);\n\n const onClickNext = React.useCallback(() => {\n if (arrowsBehavior === 'focus') handler.focusNextTab();\n if (arrowsBehavior === 'open') handler.openNextTab();\n }, [arrowsBehavior, handler]);\n\n const [anchorPoint, setAnchorPoint] = React.useState({ x: 0, y: 0 });\n const [isOpen, setIsOpen] = React.useState(false);\n const [targetId, setTargetId] = React.useState<TId>('');\n\n return (\n <Box\n id={`tabsList-${id}`}\n className=\"tabsList__wrapper\"\n role=\"tablist\"\n {...getVariant('layout.common.tabs.primary')}\n ref={setRef}\n onBlur={React.useCallback((ev: React.FocusEvent) => {\n if (\n !isChild(ev.relatedTarget as HTMLElement, (current) =>\n current.classList.contains('tabsList__wrapper'),\n )\n ) {\n }\n }, [])}\n >\n <Box className=\"tabsList__fixedTabs\">\n {fixedTabs.map((current) => (\n <Item key={current.id} tabId={current.id} />\n ))}\n </Box>\n <ContextMenu\n anchorPoint={anchorPoint}\n isOpen={isOpen}\n onClose={React.useCallback(() => setIsOpen(false), [])}\n targetId={targetId}\n />\n <Box\n className={`noScrollbar tabs__list ${\n orientation === 'vertical' ? 'vertical' : ''\n }`}\n onContextMenu={React.useCallback((e: React.MouseEvent) => {\n const tabElement = getSpecificParent(\n e.target as HTMLElement,\n (current) => current.classList.contains('tabs__item__wrapper'),\n );\n if (tabElement) {\n e.preventDefault();\n e.stopPropagation();\n setTargetId(tabElement.dataset.id as string);\n setAnchorPoint({ x: e.clientX, y: e.clientY });\n setIsOpen(true);\n }\n }, [])}\n >\n {nonFixedTabs.map((current) => (\n <Item key={current.id} tabId={current.id} />\n ))}\n </Box>\n {showScrollButtons && (\n <>\n <IconButton\n aria-label={getLabel('lblTogglePrevTab').text}\n className=\"tabs__switch__left\"\n icon=\"ArrowLeft\"\n iconSize=\"Xs\"\n onClick={onClickPrev}\n title={getLabel('lblTogglePrevTab').text}\n {...getVariant('icon-primary')}\n />\n <IconButton\n aria-label={getLabel('lblToggleNextTab').text}\n className=\"tabs__switch__right\"\n icon=\"ArrowRight\"\n iconSize=\"Xs\"\n onClick={onClickNext}\n title={getLabel('lblToggleNextTab').text}\n {...getVariant('icon-primary')}\n />\n </>\n )}\n </Box>\n );\n};\n"],"names":["React"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultTabsLabelRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { jsxs, Fragment, jsx } from '@apia/theme/jsx-runtime';
|
|
2
|
-
import React__default from 'react';
|
|
3
|
-
import { useTabsContext } from '../util.js';
|
|
4
|
-
import { isIconName, Icon } from '@apia/icons';
|
|
5
|
-
import { getLabel } from '@apia/util';
|
|
6
|
-
import { IconButton } from '../../components/forms/buttons/IconButton.js';
|
|
7
|
-
import { SimpleButton } from '../../components/forms/buttons/SimpleButton.js';
|
|
8
|
-
|
|
9
|
-
function makeIcon(name) {
|
|
10
|
-
return function IconComponent() {
|
|
11
|
-
return /* @__PURE__ */ jsx(Icon, { title: "", name });
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
const DefaultTabsLabelRenderer = ({ tab }) => {
|
|
15
|
-
const { onCloseTab } = useTabsContext();
|
|
16
|
-
const ActualIcon = React__default.useMemo(() => {
|
|
17
|
-
if (tab.icon) {
|
|
18
|
-
if (isIconName(tab.icon)) {
|
|
19
|
-
return makeIcon(tab.icon);
|
|
20
|
-
}
|
|
21
|
-
return tab.icon;
|
|
22
|
-
}
|
|
23
|
-
return function C() {
|
|
24
|
-
return null;
|
|
25
|
-
};
|
|
26
|
-
}, [tab.icon]);
|
|
27
|
-
const handleClose = React__default.useCallback(
|
|
28
|
-
(ev) => {
|
|
29
|
-
ev.preventDefault();
|
|
30
|
-
ev.stopPropagation();
|
|
31
|
-
onCloseTab(tab);
|
|
32
|
-
},
|
|
33
|
-
[onCloseTab, tab]
|
|
34
|
-
);
|
|
35
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
36
|
-
tab.isIconTab ? /* @__PURE__ */ jsx(
|
|
37
|
-
IconButton,
|
|
38
|
-
{
|
|
39
|
-
className: "tabs__item__button",
|
|
40
|
-
as: "div",
|
|
41
|
-
icon: tab.icon,
|
|
42
|
-
variant: "null",
|
|
43
|
-
iconSize: "Sm",
|
|
44
|
-
size: "Lg"
|
|
45
|
-
}
|
|
46
|
-
) : /* @__PURE__ */ jsxs(SimpleButton, { className: "tabs__item__button", as: "div", variant: "null", children: [
|
|
47
|
-
/* @__PURE__ */ jsx(ActualIcon, {}),
|
|
48
|
-
tab.label
|
|
49
|
-
] }),
|
|
50
|
-
tab.isClosable && /* @__PURE__ */ jsx(
|
|
51
|
-
IconButton,
|
|
52
|
-
{
|
|
53
|
-
as: "div",
|
|
54
|
-
onMouseDown: (e) => {
|
|
55
|
-
e.stopPropagation();
|
|
56
|
-
e.preventDefault();
|
|
57
|
-
},
|
|
58
|
-
onClick: handleClose,
|
|
59
|
-
className: "tabs__item__close",
|
|
60
|
-
icon: "Close",
|
|
61
|
-
variant: "null",
|
|
62
|
-
title: getLabel("lblCloseSpecificTab", { text: { TOK1: tab.label } }).text,
|
|
63
|
-
size: "Lg",
|
|
64
|
-
iconSize: "Sm"
|
|
65
|
-
}
|
|
66
|
-
)
|
|
67
|
-
] });
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
export { DefaultTabsLabelRenderer };
|
|
71
|
-
//# sourceMappingURL=DefaultTabsLabelRenderer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultTabsLabelRenderer.js","sources":["../../../src/tabs/renderers/DefaultTabsLabelRenderer.tsx"],"sourcesContent":["import React, { MouseEvent } from 'react';\nimport { TTabRenderer } from '../types';\nimport { useTabsContext } from '../util';\nimport { Icon, TIconName, isIconName } from '@apia/icons';\nimport { IconButton, SimpleButton } from '../../components';\nimport { getLabel } from '@apia/util';\n\nfunction makeIcon(name: TIconName) {\n return function IconComponent() {\n return <Icon title=\"\" name={name} />;\n };\n}\n\nexport const DefaultTabsLabelRenderer: TTabRenderer = ({ tab }) => {\n const { onCloseTab } = useTabsContext();\n const ActualIcon = React.useMemo(() => {\n if (tab.icon) {\n if (isIconName(tab.icon)) {\n return makeIcon(tab.icon);\n }\n return tab.icon;\n }\n return function C() {\n return null;\n };\n }, [tab.icon]);\n\n const handleClose = React.useCallback(\n (ev: MouseEvent) => {\n ev.preventDefault();\n ev.stopPropagation();\n onCloseTab(tab);\n },\n [onCloseTab, tab],\n );\n\n return (\n <>\n {tab.isIconTab ? (\n <IconButton\n className=\"tabs__item__button\"\n as=\"div\"\n icon={tab.icon as TIconName}\n variant=\"null\"\n iconSize=\"Sm\"\n size=\"Lg\"\n />\n ) : (\n <SimpleButton className=\"tabs__item__button\" as=\"div\" variant=\"null\">\n <ActualIcon />\n {tab.label}\n </SimpleButton>\n )}\n\n {tab.isClosable && (\n <IconButton\n as=\"div\"\n onMouseDown={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n onClick={handleClose}\n className=\"tabs__item__close\"\n icon=\"Close\"\n variant=\"null\"\n title={\n getLabel('lblCloseSpecificTab', { text: { TOK1: tab.label } }).text\n }\n size=\"Lg\"\n iconSize=\"Sm\"\n />\n )}\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAOA,SAAS,SAAS,IAAiB,EAAA;AACjC,EAAA,OAAO,SAAS,aAAgB,GAAA;AAC9B,IAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,KAAM,EAAA,EAAA,EAAG,IAAY,EAAA,CAAA,CAAA;AAAA,GACpC,CAAA;AACF,CAAA;AAEO,MAAM,wBAAyC,GAAA,CAAC,EAAE,GAAA,EAAU,KAAA;AACjE,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,cAAe,EAAA,CAAA;AACtC,EAAM,MAAA,UAAA,GAAaA,cAAM,CAAA,OAAA,CAAQ,MAAM;AACrC,IAAA,IAAI,IAAI,IAAM,EAAA;AACZ,MAAI,IAAA,UAAA,CAAW,GAAI,CAAA,IAAI,CAAG,EAAA;AACxB,QAAO,OAAA,QAAA,CAAS,IAAI,IAAI,CAAA,CAAA;AAAA,OAC1B;AACA,MAAA,OAAO,GAAI,CAAA,IAAA,CAAA;AAAA,KACb;AACA,IAAA,OAAO,SAAS,CAAI,GAAA;AAClB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT,CAAA;AAAA,GACC,EAAA,CAAC,GAAI,CAAA,IAAI,CAAC,CAAA,CAAA;AAEb,EAAA,MAAM,cAAcA,cAAM,CAAA,WAAA;AAAA,IACxB,CAAC,EAAmB,KAAA;AAClB,MAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,MAAA,EAAA,CAAG,eAAgB,EAAA,CAAA;AACnB,MAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AAAA,KAChB;AAAA,IACA,CAAC,YAAY,GAAG,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,GAAA,CAAI,SACH,mBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,oBAAA;AAAA,QACV,EAAG,EAAA,KAAA;AAAA,QACH,MAAM,GAAI,CAAA,IAAA;AAAA,QACV,OAAQ,EAAA,MAAA;AAAA,QACR,QAAS,EAAA,IAAA;AAAA,QACT,IAAK,EAAA,IAAA;AAAA,OAAA;AAAA,KACP,wBAEC,YAAa,EAAA,EAAA,SAAA,EAAU,sBAAqB,EAAG,EAAA,KAAA,EAAM,SAAQ,MAC5D,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AAAA,MACX,GAAI,CAAA,KAAA;AAAA,KACP,EAAA,CAAA;AAAA,IAGD,IAAI,UACH,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,KAAA;AAAA,QACH,WAAA,EAAa,CAAC,CAAM,KAAA;AAClB,UAAA,CAAA,CAAE,eAAgB,EAAA,CAAA;AAClB,UAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,SACnB;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,QACT,SAAU,EAAA,mBAAA;AAAA,QACV,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,MAAA;AAAA,QACR,KAAA,EACE,QAAS,CAAA,qBAAA,EAAuB,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,GAAI,CAAA,KAAA,EAAQ,EAAC,CAAE,CAAA,IAAA;AAAA,QAEjE,IAAK,EAAA,IAAA;AAAA,QACL,QAAS,EAAA,IAAA;AAAA,OAAA;AAAA,KACX;AAAA,GAEJ,EAAA,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { TTab, TTabsListState, TTabs } from './types.js';
|
|
3
|
-
import { PropsStore, TId } from '@apia/util';
|
|
4
|
-
|
|
5
|
-
declare class TabsController<AdditionalPropsType extends Record<string, unknown> = Record<string, unknown>, TabType extends TTab<AdditionalPropsType> = TTab<AdditionalPropsType>> {
|
|
6
|
-
#private;
|
|
7
|
-
private props;
|
|
8
|
-
propsStore: PropsStore<TTab<AdditionalPropsType>>;
|
|
9
|
-
stateKey: string;
|
|
10
|
-
get stateStore(): PropsStore<TTabsListState>;
|
|
11
|
-
get activeTabs(): TId[];
|
|
12
|
-
get tabsList(): TId[];
|
|
13
|
-
constructor(name: string, props: TTabs<AdditionalPropsType>, initialTabs?: TabType[]);
|
|
14
|
-
/**
|
|
15
|
-
* Obviamente agrega un tab al listado de tabs
|
|
16
|
-
*/
|
|
17
|
-
append(tab: Omit<TabType, 'tabAdditionalProps'> & Partial<Pick<TabType, 'tabAdditionalProps'>>): void;
|
|
18
|
-
closeAll(closeFixedTabsAsWell?: boolean, force?: boolean): Promise<void>;
|
|
19
|
-
closeToRight(targetId: TId): Promise<void>;
|
|
20
|
-
closeToLeft(targetId: TId): Promise<void>;
|
|
21
|
-
closeOthers(targetId: TId): Promise<void>;
|
|
22
|
-
closeTab(tabId: TId, force?: boolean): Promise<boolean>;
|
|
23
|
-
focusNextTab(): TId | null;
|
|
24
|
-
focusPreviousTab(): TId | null;
|
|
25
|
-
focusTab(tabId: TId): void;
|
|
26
|
-
getTabById(tabId: TId): TTab<AdditionalPropsType>;
|
|
27
|
-
getTabElement(tabId: TId): Element | null;
|
|
28
|
-
handleKeyDown(ev: React__default.KeyboardEvent): void;
|
|
29
|
-
openNextTab(): TId | null;
|
|
30
|
-
openPreviousTab(): TId | null;
|
|
31
|
-
get state(): TTabsListState;
|
|
32
|
-
/**
|
|
33
|
-
* Se utiliza para hacer que el tab aparezca visible en el listado
|
|
34
|
-
*
|
|
35
|
-
* @param justThis Normalmente las tabs se abren de a una, pero si este parámetro se pasa en false, es posible abrir más de una a la vez.
|
|
36
|
-
*/
|
|
37
|
-
openTab(tabId: TId, justThis?: boolean): void;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
export { TabsController as default };
|
|
41
|
-
//# sourceMappingURL=tabsController.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabsController.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|