onekijs-ui 0.9.2 → 0.15.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/AccordionService.d.ts +7 -0
- package/dist/components/accordion/components/AccordionComponent.d.ts +16 -0
- package/dist/components/accordion/components/AccordionContainer.d.ts +4 -0
- package/dist/components/accordion/components/AccordionPanel.d.ts +4 -0
- package/dist/components/accordion/components/AccordionPanelTitle.d.ts +4 -0
- package/dist/components/accordion/hooks/useAccordionPanel.d.ts +3 -0
- package/dist/components/accordion/hooks/useAccordionService.d.ts +5 -0
- package/dist/components/accordion/hooks/useAccordionState.d.ts +4 -0
- package/dist/components/accordion/index.d.ts +16 -0
- package/dist/components/accordion/style.d.ts +3 -0
- package/dist/components/accordion/typings.d.ts +45 -0
- package/dist/components/button/DropdownButton.d.ts +3 -0
- package/dist/components/button/SubmitButton.d.ts +4 -0
- package/dist/components/button/components/ButtonComponent.d.ts +4 -0
- package/dist/components/button/components/DropdownButtonComponent.d.ts +4 -0
- package/dist/components/button/index.d.ts +3 -3
- package/dist/components/button/style.d.ts +5 -4
- package/dist/components/button/typings.d.ts +19 -4
- package/dist/components/card/FormCard.d.ts +4 -0
- package/dist/components/card/components/CardComponent.d.ts +4 -0
- package/dist/components/card/components/CardTitle.d.ts +4 -0
- package/dist/components/card/index.d.ts +2 -0
- package/dist/components/card/style.d.ts +3 -0
- package/dist/components/card/typings.d.ts +24 -0
- package/dist/components/checkbox/FormCheckbox.d.ts +4 -0
- package/dist/components/checkbox/components/CheckboxComponent.d.ts +4 -0
- package/dist/components/checkbox/index.d.ts +3 -0
- package/dist/components/checkbox/style.d.ts +4 -0
- package/dist/components/checkbox/typings.d.ts +14 -0
- package/dist/components/dashboard/DashboardService.d.ts +27 -0
- package/dist/components/dashboard/components/DashboardBody.d.ts +5 -0
- package/dist/components/dashboard/components/DashboardComponent.d.ts +7 -0
- package/dist/components/dashboard/components/DashboardContainer.d.ts +5 -0
- package/dist/components/dashboard/components/DashboardFooter.d.ts +2 -0
- package/dist/components/dashboard/components/DashboardHeader.d.ts +2 -0
- package/dist/components/dashboard/components/DashboardLeft.d.ts +2 -0
- package/dist/components/dashboard/components/DashboardOverlay.d.ts +6 -0
- package/dist/components/dashboard/components/DashboardRight.d.ts +2 -0
- package/dist/components/dashboard/components/DashboardToggler.d.ts +5 -0
- package/dist/components/dashboard/hoc/dashboardHorizontalPanel.d.ts +4 -0
- package/dist/components/dashboard/hoc/dashboardVerticalPanel.d.ts +4 -0
- package/dist/components/dashboard/hooks/useDashboard.d.ts +5 -0
- package/dist/components/dashboard/hooks/useDashboardService.d.ts +5 -0
- package/dist/components/dashboard/hooks/useDashboardState.d.ts +5 -0
- package/dist/components/dashboard/index.d.ts +4 -0
- package/dist/components/dashboard/typings.d.ts +96 -0
- package/dist/components/dashboard/utils/dashboardArea.d.ts +3 -0
- package/dist/components/dashboard/utils/dashboardLength.d.ts +5 -0
- package/dist/components/dropdown/components/DropdownComponent.d.ts +4 -4
- package/dist/components/dropdown/hooks/useDropdown.d.ts +5 -0
- package/dist/components/dropdown/index.d.ts +2 -3
- package/dist/components/dropdown/style.d.ts +4 -4
- package/dist/components/dropdown/typings.d.ts +24 -5
- package/dist/components/field/FieldDescription.d.ts +3 -0
- package/dist/components/field/FieldHelp.d.ts +3 -0
- package/dist/components/field/FieldLayout.d.ts +2 -0
- package/dist/components/field/components/FieldDescriptionComponent.d.ts +4 -0
- package/dist/components/field/components/FieldHelpComponent.d.ts +4 -0
- package/dist/components/field/components/FieldLayoutComponent.d.ts +4 -0
- package/dist/components/field/hooks/useFieldLayout.d.ts +4 -0
- package/dist/components/field/style.d.ts +5 -0
- package/dist/components/field/typings.d.ts +53 -0
- package/dist/components/field/util.d.ts +9 -0
- package/dist/components/grid/Col.d.ts +4 -0
- package/dist/components/grid/Row.d.ts +4 -0
- package/dist/components/grid/style.d.ts +4 -0
- package/dist/components/grid/typings.d.ts +33 -0
- package/dist/components/icon/CloseAllIcon.d.ts +4 -0
- package/dist/components/icon/CrossIcon.d.ts +3 -0
- package/dist/components/icon/FileIcon.d.ts +4 -0
- package/dist/components/icon/FolderIcon.d.ts +4 -0
- package/dist/components/icon/LoadingIcon.d.ts +4 -3
- package/dist/components/icon/MenuIcon.d.ts +4 -0
- package/dist/components/icon/RemoveIcon.d.ts +4 -0
- package/dist/components/icon/SearchIcon.d.ts +4 -0
- package/dist/components/icon/TogglerIcon.d.ts +4 -0
- package/dist/components/icon/typings.d.ts +14 -0
- package/dist/components/input/FormInput.d.ts +4 -0
- package/dist/components/input/components/InputComponent.d.ts +4 -0
- package/dist/components/input/index.d.ts +3 -0
- package/dist/components/input/style.d.ts +4 -0
- package/dist/components/input/typings.d.ts +14 -0
- package/dist/components/label/components/LabelComponent.d.ts +4 -0
- package/dist/components/label/index.d.ts +3 -0
- package/dist/components/label/style.d.ts +4 -0
- package/dist/components/label/typings.d.ts +16 -0
- package/dist/components/list/components/ArrayListComponent.d.ts +4 -0
- package/dist/components/list/components/CollectionListComponent.d.ts +4 -0
- package/dist/components/list/components/ListBodyComponent.d.ts +4 -0
- package/dist/components/list/components/ListComponent.d.ts +4 -4
- package/dist/components/list/components/ListItemComponent.d.ts +6 -4
- package/dist/components/list/components/LoadingItem.d.ts +5 -0
- package/dist/components/list/components/StandardListComponent.d.ts +4 -4
- package/dist/components/list/components/VirtualListComponent.d.ts +4 -4
- package/dist/components/list/hooks/useListController.d.ts +4 -0
- package/dist/components/list/hooks/useListService.d.ts +5 -0
- package/dist/components/list/hooks/useListState.d.ts +5 -0
- package/dist/components/list/hooks/useListView.d.ts +22 -0
- package/dist/components/list/index.d.ts +3 -3
- package/dist/components/list/style.d.ts +4 -4
- package/dist/components/list/typings.d.ts +121 -35
- package/dist/components/list/utils.d.ts +3 -4
- package/dist/components/modal/components/ModalComponent.d.ts +4 -0
- package/dist/components/modal/index.d.ts +2 -0
- package/dist/components/modal/style.d.ts +3 -0
- package/dist/components/modal/typings.d.ts +19 -0
- package/dist/components/properties/components/PropertiesComponent.d.ts +4 -0
- package/dist/components/properties/components/Property.d.ts +4 -0
- package/dist/components/properties/hooks/usePropertiesContext.d.ts +5 -0
- package/dist/components/properties/index.d.ts +3 -0
- package/dist/components/properties/style.d.ts +3 -0
- package/dist/components/properties/typings.d.ts +26 -0
- package/dist/components/resizer/ResizerService.d.ts +17 -0
- package/dist/components/resizer/components/ResizerComponent.d.ts +4 -0
- package/dist/components/resizer/components/ResizerHorizontalSplitter.d.ts +4 -0
- package/dist/components/resizer/components/ResizerVerticalSplitter.d.ts +4 -0
- package/dist/components/resizer/index.d.ts +2 -0
- package/dist/components/resizer/style.d.ts +4 -0
- package/dist/components/resizer/typings.d.ts +34 -0
- package/dist/components/select/FormSelect.d.ts +4 -0
- package/dist/components/select/SelectService.d.ts +5 -0
- package/dist/components/select/components/ArraySelectComponent.d.ts +4 -0
- package/dist/components/select/components/ControllerSelectComponent.d.ts +4 -0
- package/dist/components/select/components/SelectComponent.d.ts +4 -4
- package/dist/components/select/components/SelectIconComponent.d.ts +4 -4
- package/dist/components/select/components/SelectInputComponent.d.ts +4 -4
- package/dist/components/select/components/SelectNotFoundComponent.d.ts +4 -0
- package/dist/components/select/components/SelectOptionComponent.d.ts +6 -4
- package/dist/components/select/components/SelectTokenComponent.d.ts +4 -0
- package/dist/components/select/components/SelectTokensComponent.d.ts +4 -0
- package/dist/components/select/hooks/useSelectConfig.d.ts +4 -0
- package/dist/components/select/hooks/useSelectController.d.ts +6 -0
- package/dist/components/select/index.d.ts +3 -3
- package/dist/components/select/style.d.ts +4 -4
- package/dist/components/select/typings.d.ts +95 -37
- package/dist/components/tab/TabsService.d.ts +24 -0
- package/dist/components/tab/components/ControlledTabsComponent.d.ts +4 -0
- package/dist/components/tab/components/Tab.d.ts +4 -0
- package/dist/components/tab/components/TabTitle.d.ts +4 -0
- package/dist/components/tab/components/TabsComponent.d.ts +4 -0
- package/dist/components/tab/components/TabsContainer.d.ts +4 -0
- package/dist/components/tab/components/UncontrolledTabsComponent.d.ts +4 -0
- package/dist/components/tab/hooks/useTab.d.ts +5 -0
- package/dist/components/tab/hooks/useTabsController.d.ts +3 -0
- package/dist/components/tab/hooks/useTabsService.d.ts +5 -0
- package/dist/components/tab/hooks/useTabsState.d.ts +4 -0
- package/dist/components/tab/index.d.ts +2 -0
- package/dist/components/tab/style.d.ts +3 -0
- package/dist/components/tab/typings.d.ts +54 -0
- package/dist/components/table/FormTable.d.ts +4 -0
- package/dist/components/table/TableService.d.ts +18 -0
- package/dist/components/table/columns/useCheckboxColumn.d.ts +3 -0
- package/dist/components/table/columns/useColumn.d.ts +3 -0
- package/dist/components/table/columns/useInputColumn.d.ts +3 -0
- package/dist/components/table/columns/useLinkColumn.d.ts +3 -0
- package/dist/components/table/columns/useSelectColumn.d.ts +3 -0
- package/dist/components/table/components/ArrayTableComponent.d.ts +4 -0
- package/dist/components/table/components/ControllerTableComponent.d.ts +4 -0
- package/dist/components/table/components/FormTableComponent.d.ts +4 -0
- package/dist/components/table/components/TableBodyCellComponent.d.ts +4 -0
- package/dist/components/table/components/TableBodyComponent.d.ts +4 -0
- package/dist/components/table/components/TableBodyRowComponent.d.ts +4 -0
- package/dist/components/table/components/TableComponent.d.ts +4 -0
- package/dist/components/table/components/TableFooterCellComponent.d.ts +4 -0
- package/dist/components/table/components/TableFooterComponent.d.ts +4 -0
- package/dist/components/table/components/TableHeaderComponent.d.ts +4 -0
- package/dist/components/table/components/TableHeaderFilterComponent.d.ts +4 -0
- package/dist/components/table/components/TableHeaderTitleComponent.d.ts +5 -0
- package/dist/components/table/components/TableLoadingComponent.d.ts +3 -0
- package/dist/components/table/components/TableLoadingRowComponent.d.ts +3 -0
- package/dist/components/table/components/TableNotFoundComponent.d.ts +4 -0
- package/dist/components/table/components/TableSortComponent.d.ts +4 -0
- package/dist/components/table/components/cells/CheckboxCellComponent.d.ts +4 -0
- package/dist/components/table/components/cells/DefaultCellComponent.d.ts +4 -0
- package/dist/components/table/components/cells/ExpandedCellComponent.d.ts +4 -0
- package/dist/components/table/components/cells/InputCellComponent.d.ts +4 -0
- package/dist/components/table/components/cells/SelectCellComponent.d.ts +6 -0
- package/dist/components/table/components/filters/TableInputFilterComponent.d.ts +4 -0
- package/dist/components/table/components/hoc/linkCellComponent.d.ts +4 -0
- package/dist/components/table/hooks/useFormTableContext.d.ts +5 -0
- package/dist/components/table/hooks/useTableColumns.d.ts +3 -0
- package/dist/components/table/hooks/useTableConfig.d.ts +4 -0
- package/dist/components/table/hooks/useTableController.d.ts +5 -0
- package/dist/components/table/hooks/useTableInitialState.d.ts +3 -0
- package/dist/components/table/hooks/useTableItems.d.ts +3 -0
- package/dist/components/table/hooks/useTableService.d.ts +5 -0
- package/dist/components/table/hooks/useTableState.d.ts +4 -0
- package/dist/components/table/index.d.ts +3 -0
- package/dist/components/table/style.d.ts +3 -0
- package/dist/components/table/typings.d.ts +218 -0
- package/dist/components/table/util.d.ts +5 -0
- package/dist/components/tag/components/TagComponent.d.ts +4 -0
- package/dist/components/tag/index.d.ts +2 -0
- package/dist/components/tag/style.d.ts +3 -0
- package/dist/components/tag/typings.d.ts +16 -0
- package/dist/components/tooltip/components/TooltipComponent.d.ts +4 -0
- package/dist/components/tooltip/index.d.ts +2 -0
- package/dist/components/tooltip/style.d.ts +4 -0
- package/dist/components/tooltip/typings.d.ts +10 -0
- package/dist/components/tree/TreeService.d.ts +23 -0
- package/dist/components/tree/components/ArrayTreeComponent.d.ts +4 -0
- package/dist/components/tree/components/ControllerTreeComponent.d.ts +4 -0
- package/dist/components/tree/components/TreeBodyComponent.d.ts +4 -0
- package/dist/components/tree/components/TreeComponent.d.ts +4 -0
- package/dist/components/tree/components/TreeItemComponent.d.ts +6 -0
- package/dist/components/tree/components/TreeListComponent.d.ts +4 -0
- package/dist/components/tree/components/VirtualTreeBodyComponent.d.ts +4 -0
- package/dist/components/tree/components/VirtualTreeListComponent.d.ts +4 -0
- package/dist/components/tree/hooks/useTreeConfig.d.ts +4 -0
- package/dist/components/tree/hooks/useTreeController.d.ts +5 -0
- package/dist/components/tree/hooks/useTreeInitialState.d.ts +5 -0
- package/dist/components/tree/hooks/useTreeItems.d.ts +3 -0
- package/dist/components/tree/hooks/useTreeService.d.ts +5 -0
- package/dist/components/tree/hooks/useTreeState.d.ts +4 -0
- package/dist/components/tree/index.d.ts +3 -0
- package/dist/components/tree/style.d.ts +3 -0
- package/dist/components/tree/typings.d.ts +87 -0
- package/dist/components/wizard/WizardModal.d.ts +2 -0
- package/dist/components/wizard/WizardService.d.ts +17 -0
- package/dist/components/wizard/components/ControlledWizardComponent.d.ts +4 -0
- package/dist/components/wizard/components/Step.d.ts +4 -0
- package/dist/components/wizard/components/StepTitle.d.ts +4 -0
- package/dist/components/wizard/components/UncontrolledWizardComponent.d.ts +4 -0
- package/dist/components/wizard/components/WizardComponent.d.ts +4 -0
- package/dist/components/wizard/components/WizardContainer.d.ts +4 -0
- package/dist/components/wizard/components/WizardModalComponent.d.ts +4 -0
- package/dist/components/wizard/hooks/useStep.d.ts +5 -0
- package/dist/components/wizard/hooks/useWizardController.d.ts +3 -0
- package/dist/components/wizard/hooks/useWizardService.d.ts +5 -0
- package/dist/components/wizard/hooks/useWizardState.d.ts +4 -0
- package/dist/components/wizard/index.d.ts +2 -0
- package/dist/components/wizard/style.d.ts +4 -0
- package/dist/components/wizard/typings.d.ts +41 -0
- package/dist/index.d.ts +167 -33
- package/dist/index.js +9945 -5
- package/dist/index.js.map +1 -0
- package/dist/index.module.js +9546 -0
- package/dist/index.module.js.map +1 -0
- package/dist/styles/alignment.d.ts +13 -13
- package/dist/styles/animation.d.ts +10 -9
- package/dist/styles/background.d.ts +11 -11
- package/dist/styles/border.d.ts +39 -39
- package/dist/styles/display.d.ts +6 -5
- package/dist/styles/effects.d.ts +2 -2
- package/dist/styles/flex.d.ts +9 -9
- package/dist/styles/fragmentation.d.ts +6 -6
- package/dist/styles/grid.d.ts +28 -28
- package/dist/styles/icon.d.ts +4 -0
- package/dist/styles/image.d.ts +5 -5
- package/dist/styles/interactivity.d.ts +16 -16
- package/dist/styles/list.d.ts +5 -5
- package/dist/styles/overflow.d.ts +6 -6
- package/dist/styles/position.d.ts +10 -9
- package/dist/styles/size.d.ts +12 -13
- package/dist/styles/spacing.d.ts +16 -16
- package/dist/styles/svg.d.ts +5 -4
- package/dist/styles/table.d.ts +8 -8
- package/dist/styles/transform.d.ts +8 -8
- package/dist/styles/transition.d.ts +5 -5
- package/dist/styles/typings.d.ts +528 -20
- package/dist/styles/typography.d.ts +49 -49
- package/dist/theme/base.d.ts +4 -0
- package/dist/theme/tailwind.d.ts +5 -0
- package/dist/utils/color.d.ts +10 -7
- package/dist/utils/dom.d.ts +9 -0
- package/dist/utils/event.d.ts +2 -1
- package/dist/utils/formatter.d.ts +7 -7
- package/dist/utils/popper.d.ts +4 -4
- package/dist/utils/size.d.ts +3 -0
- package/dist/utils/style.d.ts +9 -7
- package/package.json +36 -24
- package/src/components/accordion/AccordionService.ts +36 -0
- package/src/components/accordion/components/AccordionComponent.tsx +37 -0
- package/src/components/accordion/components/AccordionContainer.tsx +11 -0
- package/src/components/accordion/components/AccordionPanel.tsx +74 -0
- package/src/components/accordion/components/AccordionPanelTitle.tsx +14 -0
- package/src/components/accordion/hooks/useAccordionPanel.ts +19 -0
- package/src/components/accordion/hooks/useAccordionService.ts +11 -0
- package/src/components/accordion/hooks/useAccordionState.ts +7 -0
- package/src/components/accordion/index.ts +23 -0
- package/src/components/accordion/style.ts +72 -0
- package/src/components/accordion/typings.ts +50 -0
- package/src/components/button/DropdownButton.tsx +9 -0
- package/src/components/button/SubmitButton.tsx +58 -0
- package/src/components/button/components/ButtonComponent.tsx +24 -0
- package/src/components/button/components/DropdownButtonComponent.tsx +82 -0
- package/src/components/button/index.tsx +1 -1
- package/src/components/button/style.ts +84 -8
- package/src/components/button/typings.ts +19 -2
- package/src/components/card/FormCard.tsx +24 -0
- package/src/components/card/components/CardComponent.tsx +83 -0
- package/src/components/card/components/CardTitle.tsx +14 -0
- package/src/components/card/index.tsx +9 -0
- package/src/components/card/style.ts +68 -0
- package/src/components/card/typings.ts +28 -0
- package/src/components/checkbox/FormCheckbox.tsx +26 -0
- package/src/components/checkbox/components/CheckboxComponent.tsx +42 -0
- package/src/components/checkbox/index.tsx +9 -0
- package/src/components/checkbox/style.ts +103 -0
- package/src/components/checkbox/typings.ts +18 -0
- package/src/components/dashboard/DashboardService.ts +412 -0
- package/src/components/dashboard/components/DashboardBody.tsx +138 -0
- package/src/components/dashboard/components/DashboardComponent.tsx +36 -0
- package/src/components/dashboard/components/DashboardContainer.tsx +64 -0
- package/src/components/dashboard/components/DashboardFooter.tsx +4 -0
- package/src/components/dashboard/components/DashboardHeader.tsx +4 -0
- package/src/components/dashboard/components/DashboardLeft.tsx +4 -0
- package/src/components/dashboard/components/DashboardOverlay.tsx +29 -0
- package/src/components/dashboard/components/DashboardRight.tsx +4 -0
- package/src/components/dashboard/components/DashboardToggler.tsx +17 -0
- package/src/components/dashboard/hoc/dashboardHorizontalPanel.tsx +145 -0
- package/src/components/dashboard/hoc/dashboardVerticalPanel.tsx +148 -0
- package/src/components/dashboard/hooks/useDashboard.tsx +21 -0
- package/src/components/dashboard/hooks/useDashboardService.ts +11 -0
- package/src/components/dashboard/hooks/useDashboardState.ts +11 -0
- package/src/components/dashboard/index.tsx +13 -0
- package/src/components/dashboard/typings.ts +124 -0
- package/src/components/dashboard/utils/dashboardArea.ts +27 -0
- package/src/components/dashboard/utils/dashboardLength.ts +42 -0
- package/src/components/dropdown/components/DropdownComponent.tsx +201 -23
- package/src/components/dropdown/hooks/useDropdown.tsx +21 -0
- package/src/components/dropdown/style.ts +10 -28
- package/src/components/dropdown/typings.ts +26 -4
- package/src/components/field/FieldDescription.tsx +9 -0
- package/src/components/field/FieldHelp.tsx +9 -0
- package/src/components/field/FieldLayout.tsx +9 -0
- package/src/components/field/components/FieldDescriptionComponent.tsx +14 -0
- package/src/components/field/components/FieldHelpComponent.tsx +22 -0
- package/src/components/field/components/FieldLayoutComponent.tsx +174 -0
- package/src/components/field/hooks/useFieldLayout.ts +36 -0
- package/src/components/field/style.ts +59 -0
- package/src/components/field/typings.ts +67 -0
- package/src/components/field/util.ts +47 -0
- package/src/components/grid/Col.tsx +33 -0
- package/src/components/grid/Row.tsx +35 -0
- package/src/components/grid/style.ts +93 -0
- package/src/components/grid/typings.ts +35 -0
- package/src/components/icon/CloseAllIcon.tsx +38 -0
- package/src/components/icon/CrossIcon.tsx +30 -0
- package/src/components/icon/FileIcon.tsx +36 -0
- package/src/components/icon/FolderIcon.tsx +36 -0
- package/src/components/icon/LoadingIcon.tsx +26 -23
- package/src/components/icon/MenuIcon.tsx +34 -0
- package/src/components/icon/RemoveIcon.tsx +36 -0
- package/src/components/icon/SearchIcon.tsx +38 -0
- package/src/components/icon/TogglerIcon.tsx +126 -0
- package/src/components/icon/typings.ts +15 -0
- package/src/components/input/FormInput.tsx +26 -0
- package/src/components/input/components/InputComponent.tsx +46 -0
- package/src/components/input/index.tsx +9 -0
- package/src/components/input/style.ts +85 -0
- package/src/components/input/typings.ts +17 -0
- package/src/components/label/components/LabelComponent.tsx +39 -0
- package/src/components/label/index.tsx +9 -0
- package/src/components/label/style.ts +64 -0
- package/src/components/label/typings.ts +17 -0
- package/src/components/list/components/ArrayListComponent.tsx +11 -0
- package/src/components/list/components/CollectionListComponent.tsx +77 -0
- package/src/components/list/components/ListBodyComponent.tsx +250 -0
- package/src/components/list/components/ListComponent.tsx +11 -25
- package/src/components/list/components/ListItemComponent.tsx +16 -4
- package/src/components/list/components/LoadingItem.tsx +24 -0
- package/src/components/list/components/StandardListComponent.tsx +23 -21
- package/src/components/list/components/VirtualListComponent.tsx +93 -110
- package/src/components/list/hooks/useListController.ts +19 -0
- package/src/components/list/hooks/useListService.ts +15 -0
- package/src/components/list/hooks/useListState.ts +10 -0
- package/src/components/list/hooks/useListView.tsx +103 -0
- package/src/components/list/typings.ts +162 -24
- package/src/components/list/utils.ts +17 -55
- package/src/components/modal/components/ModalComponent.tsx +132 -0
- package/src/components/modal/index.tsx +9 -0
- package/src/components/modal/style.ts +135 -0
- package/src/components/modal/typings.ts +20 -0
- package/src/components/properties/components/PropertiesComponent.tsx +44 -0
- package/src/components/properties/components/Property.tsx +40 -0
- package/src/components/properties/hooks/usePropertiesContext.ts +10 -0
- package/src/components/properties/index.tsx +9 -0
- package/src/components/properties/style.ts +17 -0
- package/src/components/properties/typings.ts +30 -0
- package/src/components/resizer/ResizerService.ts +96 -0
- package/src/components/resizer/components/ResizerComponent.tsx +28 -0
- package/src/components/resizer/components/ResizerHorizontalSplitter.tsx +38 -0
- package/src/components/resizer/components/ResizerVerticalSplitter.tsx +37 -0
- package/src/components/resizer/index.tsx +9 -0
- package/src/components/resizer/style.ts +51 -0
- package/src/components/resizer/typings.ts +40 -0
- package/src/components/select/FormSelect.tsx +26 -0
- package/src/components/select/SelectService.ts +9 -0
- package/src/components/select/components/ArraySelectComponent.tsx +11 -0
- package/src/components/select/components/ControllerSelectComponent.tsx +441 -0
- package/src/components/select/components/SelectComponent.tsx +13 -121
- package/src/components/select/components/SelectIconComponent.tsx +4 -4
- package/src/components/select/components/SelectInputComponent.tsx +220 -76
- package/src/components/select/components/SelectNotFoundComponent.tsx +14 -0
- package/src/components/select/components/SelectOptionComponent.tsx +54 -20
- package/src/components/select/components/SelectTokenComponent.tsx +25 -0
- package/src/components/select/components/SelectTokensComponent.tsx +50 -0
- package/src/components/select/hooks/useSelectConfig.ts +7 -0
- package/src/components/select/hooks/useSelectController.ts +21 -0
- package/src/components/select/index.tsx +0 -89
- package/src/components/select/style.ts +336 -47
- package/src/components/select/typings.ts +130 -24
- package/src/components/tab/TabsService.ts +192 -0
- package/src/components/tab/components/ControlledTabsComponent.tsx +18 -0
- package/src/components/tab/components/Tab.tsx +55 -0
- package/src/components/tab/components/TabTitle.tsx +18 -0
- package/src/components/tab/components/TabsComponent.tsx +15 -0
- package/src/components/tab/components/TabsContainer.tsx +36 -0
- package/src/components/tab/components/UncontrolledTabsComponent.tsx +13 -0
- package/src/components/tab/hooks/useTab.ts +18 -0
- package/src/components/tab/hooks/useTabsController.ts +15 -0
- package/src/components/tab/hooks/useTabsService.ts +11 -0
- package/src/components/tab/hooks/useTabsState.ts +7 -0
- package/src/components/tab/index.tsx +9 -0
- package/src/components/tab/style.ts +78 -0
- package/src/components/tab/typings.ts +59 -0
- package/src/components/table/FormTable.tsx +38 -0
- package/src/components/table/TableService.ts +123 -0
- package/src/components/table/columns/useCheckboxColumn.ts +24 -0
- package/src/components/table/columns/useColumn.ts +23 -0
- package/src/components/table/columns/useInputColumn.ts +24 -0
- package/src/components/table/columns/useLinkColumn.ts +19 -0
- package/src/components/table/columns/useSelectColumn.ts +26 -0
- package/src/components/table/components/ArrayTableComponent.tsx +14 -0
- package/src/components/table/components/ControllerTableComponent.tsx +167 -0
- package/src/components/table/components/FormTableComponent.tsx +143 -0
- package/src/components/table/components/TableBodyCellComponent.tsx +36 -0
- package/src/components/table/components/TableBodyComponent.tsx +96 -0
- package/src/components/table/components/TableBodyRowComponent.tsx +125 -0
- package/src/components/table/components/TableComponent.tsx +17 -0
- package/src/components/table/components/TableFooterCellComponent.tsx +28 -0
- package/src/components/table/components/TableFooterComponent.tsx +34 -0
- package/src/components/table/components/TableHeaderComponent.tsx +81 -0
- package/src/components/table/components/TableHeaderFilterComponent.tsx +31 -0
- package/src/components/table/components/TableHeaderTitleComponent.tsx +62 -0
- package/src/components/table/components/TableLoadingComponent.tsx +18 -0
- package/src/components/table/components/TableLoadingRowComponent.tsx +21 -0
- package/src/components/table/components/TableNotFoundComponent.tsx +14 -0
- package/src/components/table/components/TableSortComponent.tsx +29 -0
- package/src/components/table/components/cells/CheckboxCellComponent.tsx +42 -0
- package/src/components/table/components/cells/DefaultCellComponent.tsx +9 -0
- package/src/components/table/components/cells/ExpandedCellComponent.tsx +16 -0
- package/src/components/table/components/cells/InputCellComponent.tsx +27 -0
- package/src/components/table/components/cells/SelectCellComponent.tsx +41 -0
- package/src/components/table/components/filters/TableInputFilterComponent.tsx +134 -0
- package/src/components/table/components/hoc/linkCellComponent.tsx +15 -0
- package/src/components/table/hooks/useFormTableContext.ts +10 -0
- package/src/components/table/hooks/useTableColumns.ts +9 -0
- package/src/components/table/hooks/useTableConfig.ts +7 -0
- package/src/components/table/hooks/useTableController.ts +26 -0
- package/src/components/table/hooks/useTableInitialState.ts +22 -0
- package/src/components/table/hooks/useTableItems.ts +9 -0
- package/src/components/table/hooks/useTableService.ts +10 -0
- package/src/components/table/hooks/useTableState.ts +7 -0
- package/src/components/table/index.tsx +9 -0
- package/src/components/table/style.ts +248 -0
- package/src/components/table/typings.ts +322 -0
- package/src/components/table/util.ts +52 -0
- package/src/components/tag/components/TagComponent.tsx +15 -0
- package/src/components/tag/index.tsx +9 -0
- package/src/components/tag/style.ts +62 -0
- package/src/components/tag/typings.ts +17 -0
- package/src/components/tooltip/components/TooltipComponent.tsx +38 -0
- package/src/components/tooltip/index.tsx +9 -0
- package/src/components/tooltip/style.ts +153 -0
- package/src/components/tooltip/typings.ts +10 -0
- package/src/components/tree/TreeService.ts +392 -0
- package/src/components/tree/components/ArrayTreeComponent.tsx +14 -0
- package/src/components/tree/components/ControllerTreeComponent.tsx +72 -0
- package/src/components/tree/components/TreeBodyComponent.tsx +25 -0
- package/src/components/tree/components/TreeComponent.tsx +17 -0
- package/src/components/tree/components/TreeItemComponent.tsx +100 -0
- package/src/components/tree/components/TreeListComponent.tsx +198 -0
- package/src/components/tree/components/VirtualTreeBodyComponent.tsx +34 -0
- package/src/components/tree/components/VirtualTreeListComponent.tsx +287 -0
- package/src/components/tree/hooks/useTreeConfig.ts +7 -0
- package/src/components/tree/hooks/useTreeController.ts +33 -0
- package/src/components/tree/hooks/useTreeInitialState.ts +12 -0
- package/src/components/tree/hooks/useTreeItems.ts +9 -0
- package/src/components/tree/hooks/useTreeService.ts +10 -0
- package/src/components/tree/hooks/useTreeState.ts +7 -0
- package/src/components/tree/index.tsx +9 -0
- package/src/components/tree/style.ts +57 -0
- package/src/components/tree/typings.ts +126 -0
- package/src/components/wizard/WizardModal.ts +9 -0
- package/src/components/wizard/WizardService.ts +123 -0
- package/src/components/wizard/components/ControlledWizardComponent.tsx +22 -0
- package/src/components/wizard/components/Step.tsx +82 -0
- package/src/components/wizard/components/StepTitle.tsx +26 -0
- package/src/components/wizard/components/UncontrolledWizardComponent.tsx +13 -0
- package/src/components/wizard/components/WizardComponent.tsx +15 -0
- package/src/components/wizard/components/WizardContainer.tsx +134 -0
- package/src/components/wizard/components/WizardModalComponent.tsx +15 -0
- package/src/components/wizard/hooks/useStep.ts +18 -0
- package/src/components/wizard/hooks/useWizardController.ts +27 -0
- package/src/components/wizard/hooks/useWizardService.ts +11 -0
- package/src/components/wizard/hooks/useWizardState.ts +7 -0
- package/src/components/wizard/index.tsx +9 -0
- package/src/components/wizard/style.ts +159 -0
- package/src/components/wizard/typings.ts +53 -0
- package/src/fonts.d.ts +1 -0
- package/src/index.ts +269 -9
- package/src/styles/border.ts +8 -11
- package/src/styles/flex.ts +3 -3
- package/src/styles/icon.ts +14 -0
- package/src/styles/position.ts +13 -2
- package/src/styles/size.ts +19 -13
- package/src/styles/svg.ts +4 -3
- package/src/styles/typings.ts +587 -63
- package/src/theme/base.tsx +507 -0
- package/src/theme/tailwind.tsx +112 -0
- package/src/utils/color.ts +35 -1
- package/src/utils/dom.ts +32 -0
- package/src/utils/event.ts +25 -4
- package/src/utils/formatter.ts +7 -10
- package/src/utils/popper.ts +1 -1
- package/src/utils/size.ts +12 -0
- package/src/utils/style.ts +6 -9
- package/src/vendor/reactVirtual.d.ts +76 -0
- package/src/vendor/reactVirtual.js +463 -0
- package/src/vendor/useIsomorphicLayoutEffect.js +3 -0
- package/src/vendor/useRect.js +49 -0
- package/CHANGELOG.md +0 -136
- package/dist/__tests__/mocks/handlers.d.ts +0 -1
- package/dist/__tests__/mocks/responses.d.ts +0 -4
- package/dist/__tests__/mocks/server.d.ts +0 -7
- package/dist/__tests__/setup.d.ts +0 -1
- package/dist/__tests__/setupTests.d.ts +0 -1
- package/dist/__tests__/utils/timeout.d.ts +0 -4
- package/dist/components/button/component.d.ts +0 -4
- package/dist/components/select/components/SelectOptionsComponent.d.ts +0 -4
- package/dist/onekijs-ui.cjs.development.js +0 -2115
- package/dist/onekijs-ui.cjs.development.js.map +0 -1
- package/dist/onekijs-ui.cjs.production.min.js +0 -2
- package/dist/onekijs-ui.cjs.production.min.js.map +0 -1
- package/dist/onekijs-ui.esm.js +0 -1853
- package/dist/onekijs-ui.esm.js.map +0 -1
- package/dist/styles/theme.d.ts +0 -2
- package/jest.config.js +0 -188
- package/postcss.config.js +0 -3
- package/src/__tests__/mocks/handlers.ts +0 -60
- package/src/__tests__/mocks/responses.ts +0 -7
- package/src/__tests__/mocks/server.ts +0 -4
- package/src/__tests__/setup.ts +0 -1
- package/src/__tests__/setupTests.ts +0 -12
- package/src/__tests__/utils/timeout.ts +0 -27
- package/src/components/button/component.tsx +0 -8
- package/src/components/select/components/SelectOptionsComponent.tsx +0 -14
- package/src/styles/index.css +0 -5
- package/src/styles/tailwind.css +0 -86923
- package/src/styles/theme.ts +0 -274
- package/src/utils/query.ts.old +0 -148
- package/tailwind.config.js +0 -8
- package/tsconfig.json +0 -37
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TableHeaderCellProps } from '../typings';
|
|
3
|
+
export declare const DefaultTableHeaderTitleComponent: FC<TableHeaderCellProps>;
|
|
4
|
+
declare const TableHeaderTitleComponent: FC<TableHeaderCellProps>;
|
|
5
|
+
export default TableHeaderTitleComponent;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableBodyCellProps, UseCheckboxColumnOptions } from '../../typings';
|
|
3
|
+
declare const CheckboxCellComponent: (options: UseCheckboxColumnOptions<any, any>) => React.FC<TableBodyCellProps<any, any>>;
|
|
4
|
+
export default CheckboxCellComponent;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CollectionBroker } from 'onekijs-framework';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { SelectItem } from '../../../select/typings';
|
|
4
|
+
import { TableBodyCellProps, UseSelectColumnOptions } from '../../typings';
|
|
5
|
+
declare const SelectCellComponent: (options: UseSelectColumnOptions<any, SelectItem<any>>, broker: CollectionBroker<any, SelectItem<any>>) => React.FC<TableBodyCellProps>;
|
|
6
|
+
export default SelectCellComponent;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableConfig, TableItem } from '../typings';
|
|
3
|
+
export declare const TableConfigContext: React.Context<TableConfig<any, any>>;
|
|
4
|
+
export declare const useTableConfig: <T = any, I extends TableItem<T> = TableItem<T>>() => TableConfig<T, I>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { CollectionProxy } from 'onekijs-framework';
|
|
2
|
+
import TableService from '../TableService';
|
|
3
|
+
import { TableColumn, TableItem, TableState, UseTableOptions } from '../typings';
|
|
4
|
+
declare const useTableController: <T>(dataSource: string | T[] | undefined, initialColumns: TableColumn<T, TableItem<T>>[] | undefined, options?: UseTableOptions<T, TableItem<T>>) => CollectionProxy<T, TableItem<T>, TableState<T, TableItem<T>>, TableService<T, TableItem<T>, TableState<T, TableItem<T>>>>;
|
|
5
|
+
export default useTableController;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { TableColumn, TableItem, TableState, UseTableOptions } from '../typings';
|
|
2
|
+
declare const useTableInitialState: <T, I extends TableItem<T>>(dataSource: string | T[] | undefined, initialColumns: TableColumn<T, I>[] | undefined, options: UseTableOptions<T, I>) => TableState<T, I>;
|
|
3
|
+
export default useTableInitialState;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableController, TableItem } from '../typings';
|
|
3
|
+
export declare const TableServiceContext: React.Context<TableController<any, any, import("../typings").TableState<any, any>>>;
|
|
4
|
+
declare const useTableService: <T = any, I extends TableItem<T> = TableItem<T>>() => TableController<T, I, import("../typings").TableState<T, I>>;
|
|
5
|
+
export default useTableService;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const Table: import("styled-components").StyledComponent<import("react").FC<import("./typings").TableProps<any, import("./typings").TableItem<any>, import("./typings").TableState<any, import("./typings").TableItem<any>>, import("./typings").TableController<any, import("./typings").TableItem<any>, import("./typings").TableState<any, import("./typings").TableItem<any>>>>>, any, {}, never>;
|
|
3
|
+
export default Table;
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
import { Collection, CollectionBroker, CollectionBy, CollectionProxy, FormFieldProps, Item, ItemAdaptee, QueryFilterOrCriteria, QuerySortBy, UseCollectionOptions, ValidationStatus } from 'onekijs-framework';
|
|
2
|
+
import React, { FC } from 'react';
|
|
3
|
+
import { TshirtSize } from '../../styles/typings';
|
|
4
|
+
import { CheckboxProps } from '../checkbox/typings';
|
|
5
|
+
import { FieldLayoutProps } from '../field/typings';
|
|
6
|
+
import { InputProps } from '../input/typings';
|
|
7
|
+
import { ListItemProps, ListItems, ListNotFoundProps, ListState, UseListOptions } from '../list/typings';
|
|
8
|
+
import { SelectItem, SelectProps } from '../select/typings';
|
|
9
|
+
export declare type ArrayTableProps<T = any, I extends TableItem<T> = TableItem<T>> = TableConfig<T, I> & {
|
|
10
|
+
adapter?: TableItemAdapter<T>;
|
|
11
|
+
columns?: TableColumn<T, I>[];
|
|
12
|
+
dataSource?: string | T[];
|
|
13
|
+
fetchOnce?: boolean;
|
|
14
|
+
selected?: T[];
|
|
15
|
+
};
|
|
16
|
+
export declare type ControllerTableProps<T = any, I extends TableItem<T> = TableItem<T>, S extends TableState<T, I> = TableState<T, I>, C extends TableController<T, I, S> = TableController<T, I, S>> = TableConfig<T, I> & {
|
|
17
|
+
controller: CollectionProxy<T, I, S, C>;
|
|
18
|
+
};
|
|
19
|
+
export declare type FormTableProps<T = any, I extends TableItem<T> = TableItem<T>, S extends TableState<T, I> = TableState<T, I>, C extends TableController<T, I, S> = TableController<T, I, S>> = ControllerTableProps<T, I, S, C> & FormFieldProps & FieldLayoutProps & {
|
|
20
|
+
addLabel?: string;
|
|
21
|
+
format?: 'id' | 'object' | 'auto';
|
|
22
|
+
defaultValue?: T[];
|
|
23
|
+
FieldComponent?: React.FC<FormTableProps<T, I, S, C>>;
|
|
24
|
+
value?: T[];
|
|
25
|
+
onFocus?: () => void;
|
|
26
|
+
onBlur?: () => void;
|
|
27
|
+
onChange?: (value: T[]) => void;
|
|
28
|
+
status?: ValidationStatus;
|
|
29
|
+
size?: TshirtSize;
|
|
30
|
+
};
|
|
31
|
+
export declare type FormTableContext<T = any> = {
|
|
32
|
+
tableName: string;
|
|
33
|
+
onSelect: (item: TableItem<T>, selected: boolean) => void;
|
|
34
|
+
addLabel: string;
|
|
35
|
+
required?: boolean;
|
|
36
|
+
maxLength?: number;
|
|
37
|
+
minLength?: number;
|
|
38
|
+
};
|
|
39
|
+
export declare type TableBodyCellProps<T = any, I extends TableItem<T> = TableItem<T>> = {
|
|
40
|
+
className?: string;
|
|
41
|
+
colIndex: number;
|
|
42
|
+
column: TableColumn<T, I>;
|
|
43
|
+
rowId?: string | number;
|
|
44
|
+
rowIndex: number;
|
|
45
|
+
item: I;
|
|
46
|
+
data: T;
|
|
47
|
+
};
|
|
48
|
+
export declare type Cell<T = any, I extends TableItem<T> = TableItem<T>> = FC<TableBodyCellProps<T, I>>;
|
|
49
|
+
export declare type TableBodyProps<T = any, I extends TableItem<T> = TableItem<T>> = {
|
|
50
|
+
className?: string;
|
|
51
|
+
columns: TableColumn<T, I>[];
|
|
52
|
+
items: (I | undefined)[];
|
|
53
|
+
contentRef: React.RefObject<HTMLDivElement>;
|
|
54
|
+
tableRef: React.RefObject<HTMLDivElement>;
|
|
55
|
+
};
|
|
56
|
+
export declare type TableBodyRowProps<T = any, I extends TableItem<T> = TableItem<T>> = Omit<ListItemProps<T, I>, 'CellComponent'> & {
|
|
57
|
+
className?: string;
|
|
58
|
+
CellComponent?: React.FC<Omit<TableBodyCellProps<T, I>, 'data'>>;
|
|
59
|
+
columns: TableColumn<T, I>[];
|
|
60
|
+
onExpand?: (item: I | undefined, index: number) => void;
|
|
61
|
+
onExpanding?: (item: I | undefined, index: number) => void;
|
|
62
|
+
onExpanded?: (item: I | undefined, index: number) => void;
|
|
63
|
+
onCollapse?: (item: I | undefined, index: number) => void;
|
|
64
|
+
onCollapsing?: (item: I | undefined, index: number) => void;
|
|
65
|
+
onCollapsed?: (item: I | undefined, index: number) => void;
|
|
66
|
+
};
|
|
67
|
+
export declare type TableConfig<T = any, I extends TableItem<T> = TableItem<T>> = {
|
|
68
|
+
bodyClassName?: string;
|
|
69
|
+
BodyComponent?: React.FC<TableBodyProps<T, I>>;
|
|
70
|
+
className?: string;
|
|
71
|
+
ExpandedComponent?: React.FC<TableExpandedProps<T, I>>;
|
|
72
|
+
filterable?: boolean;
|
|
73
|
+
fit?: boolean;
|
|
74
|
+
fixHeader?: boolean;
|
|
75
|
+
footer?: boolean;
|
|
76
|
+
footerClassName?: string;
|
|
77
|
+
FooterComponent?: React.FC<TableFooterProps<T, I>>;
|
|
78
|
+
grow?: string;
|
|
79
|
+
header?: boolean;
|
|
80
|
+
headerClassName?: string;
|
|
81
|
+
HeaderComponent?: React.FC<TableHeaderProps<T, I>>;
|
|
82
|
+
height?: string;
|
|
83
|
+
highlightRow?: boolean;
|
|
84
|
+
increment?: number;
|
|
85
|
+
LoadingComponent?: React.FC;
|
|
86
|
+
LoadingRowComponent?: React.FC;
|
|
87
|
+
NotFoundComponent?: React.FC<TableNotFoundProps> | null;
|
|
88
|
+
onRowClick?: TableRowHandler<T, I>;
|
|
89
|
+
onRowEnter?: TableRowHandler<T, I>;
|
|
90
|
+
onRowLeave?: TableRowHandler<T, I>;
|
|
91
|
+
onRowOver?: TableRowHandler<T, I>;
|
|
92
|
+
onRowOut?: TableRowHandler<T, I>;
|
|
93
|
+
preload?: number;
|
|
94
|
+
rowClassName?: string | ((item: I | undefined, rowIndex: number, columns: TableColumn<T, I>[]) => string);
|
|
95
|
+
RowComponent?: React.FC<TableBodyRowProps<T, I>>;
|
|
96
|
+
sortable?: boolean;
|
|
97
|
+
stripRows?: boolean;
|
|
98
|
+
};
|
|
99
|
+
export declare type TableController<T = any, I extends TableItem<T> = TableItem<T>, S extends TableState<T, I> = TableState<T, I>> = Collection<T, I, S> & {
|
|
100
|
+
addColumn(column: TableColumn<T, I>, position?: number): void;
|
|
101
|
+
addSelected<B extends keyof CollectionBy<T, I>>(by: B, target: CollectionBy<T, I>[B] | CollectionBy<T, I>[B][]): I[];
|
|
102
|
+
columns: TableColumn<T, I>[];
|
|
103
|
+
initCell(rowIndex: number | 'header-title' | 'header-filter' | 'footer', colId: string, ref: React.RefObject<HTMLDivElement>): void;
|
|
104
|
+
removeColumn(id: string): void;
|
|
105
|
+
removeSelected<B extends keyof CollectionBy<T, I>>(by: B, target: CollectionBy<T, I>[B] | CollectionBy<T, I>[B][]): I[];
|
|
106
|
+
setSelected<B extends keyof CollectionBy<T, I>>(by: B, target: CollectionBy<T, I>[B] | CollectionBy<T, I>[B][]): I[];
|
|
107
|
+
toggle(item: I): void;
|
|
108
|
+
};
|
|
109
|
+
export declare type TableColumn<T, I extends TableItem<T> = TableItem<T>> = TableColumnSpec<T, I> & {
|
|
110
|
+
computedWidth?: TableColumnComputedWidth;
|
|
111
|
+
};
|
|
112
|
+
export declare type TableColumnSpec<T, I extends TableItem<T> = TableItem<T>> = {
|
|
113
|
+
className?: string | ((item: I, column: TableColumn<T, I>, rowIndex: number) => string);
|
|
114
|
+
CellComponent?: Cell<T, I>;
|
|
115
|
+
footerClassName?: string | ((column: TableColumn<T, I>) => string);
|
|
116
|
+
FooterComponent?: React.FC<TableFooterCellProps<T, I>>;
|
|
117
|
+
filterable?: boolean;
|
|
118
|
+
FilterComponent?: React.FC<TableHeaderCellProps<T, I>>;
|
|
119
|
+
headerClassName?: string | ((column: TableColumn<T, I>) => string);
|
|
120
|
+
id: string;
|
|
121
|
+
maxWidth?: string;
|
|
122
|
+
minWidth?: string;
|
|
123
|
+
sortable?: boolean;
|
|
124
|
+
title?: string;
|
|
125
|
+
TitleComponent?: React.FC<TableHeaderCellProps<T, I>>;
|
|
126
|
+
weight?: number;
|
|
127
|
+
width?: string;
|
|
128
|
+
};
|
|
129
|
+
export declare type TableColumnWidth = {
|
|
130
|
+
auto?: boolean;
|
|
131
|
+
grow?: boolean;
|
|
132
|
+
force?: boolean;
|
|
133
|
+
unit?: 'px' | '%';
|
|
134
|
+
value?: number;
|
|
135
|
+
};
|
|
136
|
+
export declare type TableColumnComputedWidth = {
|
|
137
|
+
width?: string;
|
|
138
|
+
minWidth?: string;
|
|
139
|
+
};
|
|
140
|
+
export declare type TableExpandedProps<T = any, I extends TableItem<T> = TableItem<T>> = {
|
|
141
|
+
item: I;
|
|
142
|
+
rowId?: string | number;
|
|
143
|
+
rowIndex: number;
|
|
144
|
+
};
|
|
145
|
+
export declare type TableFooterCellProps<T = any, I extends TableItem<T> = TableItem<T>> = {
|
|
146
|
+
className?: string;
|
|
147
|
+
colIndex: number;
|
|
148
|
+
column: TableColumn<T, I>;
|
|
149
|
+
};
|
|
150
|
+
export declare type TableFooterProps<T = any, I extends TableItem<T> = TableItem<T>> = {
|
|
151
|
+
className?: string;
|
|
152
|
+
columns: TableColumn<T, I>[];
|
|
153
|
+
};
|
|
154
|
+
export declare type TableHeaderCellProps<T = any, I extends TableItem<T> = TableItem<T>> = {
|
|
155
|
+
className?: string;
|
|
156
|
+
colIndex: number;
|
|
157
|
+
column: TableColumn<T, I>;
|
|
158
|
+
filter?: QueryFilterOrCriteria;
|
|
159
|
+
filterable: boolean;
|
|
160
|
+
sort?: QuerySortBy;
|
|
161
|
+
sortable: boolean;
|
|
162
|
+
};
|
|
163
|
+
export declare type TableHeaderProps<T = any, I extends TableItem<T> = TableItem<T>> = {
|
|
164
|
+
className?: string;
|
|
165
|
+
columns: TableColumn<T, I>[];
|
|
166
|
+
};
|
|
167
|
+
export declare type TableItem<T = any> = Item<T> & {
|
|
168
|
+
expanded?: boolean;
|
|
169
|
+
};
|
|
170
|
+
export declare type TableItemAdaptee = ItemAdaptee;
|
|
171
|
+
export declare type TableItemAdapter<T = any> = (data: T) => TableItemAdaptee;
|
|
172
|
+
export declare type TableRowHandler<T = any, I extends TableItem<T> = TableItem<T>> = (item: I, index: number) => void;
|
|
173
|
+
export declare type TableItems<T = any> = ListItems<T>;
|
|
174
|
+
export declare type TableNotFoundProps = ListNotFoundProps;
|
|
175
|
+
export declare type TableProps<T = any, I extends TableItem<T> = TableItem<T>, S extends TableState<T, I> = TableState<T, I>, C extends TableController<T, I, S> = TableController<T, I, S>> = TableConfig<T, I> & {
|
|
176
|
+
adapter?: TableItemAdapter<T>;
|
|
177
|
+
controller?: CollectionProxy<T, I, S, C>;
|
|
178
|
+
columns?: TableColumn<T, I>[];
|
|
179
|
+
dataSource?: string | T[];
|
|
180
|
+
fetchOnce?: boolean;
|
|
181
|
+
selected?: T[];
|
|
182
|
+
};
|
|
183
|
+
export declare type TableSortProps<T = any, I extends TableItem<T> = TableItem<T>> = {
|
|
184
|
+
column: TableColumn<T, I>;
|
|
185
|
+
sort?: QuerySortBy;
|
|
186
|
+
};
|
|
187
|
+
export declare type TableState<T = any, I extends TableItem<T> = TableItem<T>> = ListState<T, I> & {
|
|
188
|
+
adapter?: TableItemAdapter<T>;
|
|
189
|
+
columns: TableColumn<T, I>[];
|
|
190
|
+
dataSource?: T[] | string;
|
|
191
|
+
selected?: string[];
|
|
192
|
+
};
|
|
193
|
+
export declare type TableColumnsState<T = any, I extends TableItem<T> = TableItem<T>> = {
|
|
194
|
+
columns: TableColumn<T, I>[];
|
|
195
|
+
};
|
|
196
|
+
export declare type CheckboxColumn<T = any, I extends TableItem<T> = TableItem<T>> = TableColumn<T, I>;
|
|
197
|
+
export declare type InputColumn<T = any, I extends TableItem<T> = TableItem<T>> = TableColumn<T, I>;
|
|
198
|
+
export declare type SelectColumn<T = any, I extends TableItem<T> = TableItem<T>> = TableColumn<T, I> & {
|
|
199
|
+
broker: CollectionBroker<T, I>;
|
|
200
|
+
};
|
|
201
|
+
export declare type UseLinkColumnOptions<T = any, I extends TableItem<T> = TableItem<T>> = Omit<TableColumnSpec<T, I>, 'CellComponent'> & {
|
|
202
|
+
href: string | ((item: I) => string);
|
|
203
|
+
};
|
|
204
|
+
export declare type UseCheckboxColumnOptions<T = any, I extends TableItem<T> = TableItem<T>> = Omit<TableColumnSpec<T, I>, 'CellComponent'> & Omit<FormFieldProps, 'name'> & Omit<CheckboxProps, 'className' | 'onFocus' | 'onChange' | 'onBlur' | 'defaultValue'> & {
|
|
205
|
+
CellComponent?: (options: UseCheckboxColumnOptions<T, I>) => React.FC<TableBodyCellProps<T, I>>;
|
|
206
|
+
defaultValue?: boolean;
|
|
207
|
+
};
|
|
208
|
+
export declare type UseInputColumnOptions<T = any, I extends TableItem<T> = TableItem<T>> = Omit<TableColumnSpec<T, I>, 'CellComponent'> & Omit<FormFieldProps, 'name'> & Omit<InputProps, 'className' | 'onFocus' | 'onChange' | 'onBlur'> & {
|
|
209
|
+
CellComponent?: (options: UseInputColumnOptions<T, I>) => React.FC<TableBodyCellProps<T, I>>;
|
|
210
|
+
};
|
|
211
|
+
export declare type UseSelectColumnOptions<T = any, I extends TableItem<T> = TableItem<T>, F = any, FI extends SelectItem<F> = SelectItem<F>> = Omit<TableColumnSpec<T, I>, 'CellComponent'> & Omit<SelectProps, 'className' | 'onFocus' | 'onChange' | 'onBlur' | 'items'> & Omit<FormFieldProps, 'name'> & UseCollectionOptions<F, FI> & {
|
|
212
|
+
dataSource: string | F[];
|
|
213
|
+
CellComponent?: (options: UseSelectColumnOptions<F, FI>, broker: CollectionBroker<F, FI>) => React.FC<TableBodyCellProps<T, I>>;
|
|
214
|
+
};
|
|
215
|
+
export declare type UseTableOptions<T = any, I extends TableItem<T> = TableItem<T>> = UseListOptions<T, I> & {
|
|
216
|
+
adapter?: TableItemAdapter<T>;
|
|
217
|
+
selected?: T[];
|
|
218
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { QueryFilterOrCriteria } from 'onekijs-framework';
|
|
2
|
+
import { CSSProperties } from 'react';
|
|
3
|
+
import { TableColumn, TableItem } from './typings';
|
|
4
|
+
export declare const getCellWidth: (column: TableColumn<any, TableItem<any>>, fit?: boolean, grow?: string) => CSSProperties;
|
|
5
|
+
export declare const getValueFromFilter: (filter?: QueryFilterOrCriteria) => string;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { BackgroundColorProperty, ColorProperty, MarginProperty } from 'csstype';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { ColorPropertyTheme, SpacingPropertyTheme, TLength } from '../../styles/typings';
|
|
4
|
+
export declare type TagProps = {
|
|
5
|
+
kind?: ColorPropertyTheme;
|
|
6
|
+
bgColor?: ColorPropertyTheme | BackgroundColorProperty;
|
|
7
|
+
fontColor?: ColorPropertyTheme | ColorProperty;
|
|
8
|
+
size?: 'small' | 'medium' | 'large';
|
|
9
|
+
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
10
|
+
className?: string;
|
|
11
|
+
marginLeft?: SpacingPropertyTheme | MarginProperty<TLength>;
|
|
12
|
+
marginRight?: SpacingPropertyTheme | MarginProperty<TLength>;
|
|
13
|
+
marginTop?: SpacingPropertyTheme | MarginProperty<TLength>;
|
|
14
|
+
marginBottom?: SpacingPropertyTheme | MarginProperty<TLength>;
|
|
15
|
+
icon?: ReactNode;
|
|
16
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Config, PopperOptions } from 'react-popper-tooltip';
|
|
3
|
+
import { ColorPropertyTheme } from '../../styles/typings';
|
|
4
|
+
export interface TooltipProps extends Config {
|
|
5
|
+
content?: string | JSX.Element;
|
|
6
|
+
className?: string;
|
|
7
|
+
popperOptions?: PopperOptions;
|
|
8
|
+
kind?: ColorPropertyTheme;
|
|
9
|
+
delayHide?: number;
|
|
10
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { AnonymousObject, CollectionFetcherResult, CollectionService, LocalQuery, QuerySortComparator } from 'onekijs-framework';
|
|
2
|
+
import { Task } from 'redux-saga';
|
|
3
|
+
import { TreeController, TreeItem, TreeState } from './typings';
|
|
4
|
+
declare class TreeService<T = any, I extends TreeItem<T> = TreeItem<T>, S extends TreeState<T, I> = TreeState<T, I>> extends CollectionService<T, I, S> implements TreeController<T, I> {
|
|
5
|
+
adapt(data: T | undefined): I;
|
|
6
|
+
collapse(item: I): void;
|
|
7
|
+
collpased(item: I): void;
|
|
8
|
+
collapsing(item: I): void;
|
|
9
|
+
expand(item: I): Generator<void | Generator<void | I[] | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>, void, unknown>;
|
|
10
|
+
expanded(item: I): void;
|
|
11
|
+
expanding(item: I): Generator<void | Generator<void | I[] | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>, void, unknown>;
|
|
12
|
+
initDb(dataSource: T[] | string | undefined): void;
|
|
13
|
+
protected _adapt(data: T | undefined, context?: AnonymousObject): I;
|
|
14
|
+
protected _buildItem(data: T | undefined, adaptee: unknown, context?: AnonymousObject): I;
|
|
15
|
+
protected _delayChildrenLoading(delay_ms: number, item: I): Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>;
|
|
16
|
+
protected _execute(items: I[], query: LocalQuery, comparator: QuerySortComparator, comparators: AnonymousObject<QuerySortComparator>): I[];
|
|
17
|
+
_expand(item: I): void;
|
|
18
|
+
_expanding(item: I): void;
|
|
19
|
+
protected _fetchChildren(item: I, callbackSuccess?: (item: I) => void, callbackError?: (item: I) => void): Generator<void | I[] | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<I[] | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T>>, void, (Task<any> | null) & CollectionFetcherResult<T>>;
|
|
20
|
+
protected _fetchChildrenError(e: any, item: I): void;
|
|
21
|
+
protected _fetchChildrenSuccess(item: I, result: CollectionFetcherResult<T>): void;
|
|
22
|
+
}
|
|
23
|
+
export default TreeService;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import { TreeItemProps, TreeItemToggleProps } from '../typings';
|
|
3
|
+
export declare const TreeItemToggler: React.FC<TreeItemToggleProps>;
|
|
4
|
+
export declare const TreeItemContent: React.FC<TreeItemProps>;
|
|
5
|
+
declare const TreeItemComponent: FC<TreeItemProps>;
|
|
6
|
+
export default TreeItemComponent;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { CollectionProxy } from 'onekijs-framework';
|
|
2
|
+
import TreeService from '../TreeService';
|
|
3
|
+
import { TreeItem, TreeState, UseTreeOptions } from '../typings';
|
|
4
|
+
declare const useTreeController: <T>(dataSource?: string | T[] | CollectionProxy<T, TreeItem<T>, TreeState<T, TreeItem<T>>, TreeService<T, TreeItem<T>, TreeState<T, TreeItem<T>>>> | undefined, options?: UseTreeOptions<T, TreeItem<T>>) => CollectionProxy<T, TreeItem<T>, TreeState<T, TreeItem<T>>, TreeService<T, TreeItem<T>, TreeState<T, TreeItem<T>>>>;
|
|
5
|
+
export default useTreeController;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { CollectionProxy } from 'onekijs-framework';
|
|
2
|
+
import TreeService from '../TreeService';
|
|
3
|
+
import { TreeItem, TreeState, UseTreeOptions } from '../typings';
|
|
4
|
+
declare const useTreeInitialState: <T, I extends TreeItem<T>>(dataSource: string | T[] | CollectionProxy<T, I, TreeState<T, I>, TreeService<T, I, TreeState<T, I>>> | undefined, options: UseTreeOptions<T, I>) => TreeState<T, I>;
|
|
5
|
+
export default useTreeInitialState;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TreeController, TreeItem } from '../typings';
|
|
3
|
+
export declare const TreeServiceContext: React.Context<TreeController<any, any, import("../typings").TreeState<any, any>>>;
|
|
4
|
+
declare const useTreeService: <T = any, I extends TreeItem<T> = TreeItem<T>>() => TreeController<T, I, import("../typings").TreeState<T, I>>;
|
|
5
|
+
export default useTreeService;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const Tree: import("styled-components").StyledComponent<import("react").FC<import("./typings").TreeProps<any, import("./typings").TreeItem<any>, import("./typings").TreeState<any, import("./typings").TreeItem<any>>, import("./typings").TreeController<any, import("./typings").TreeItem<any>, import("./typings").TreeState<any, import("./typings").TreeItem<any>>>>>, any, {}, never>;
|
|
3
|
+
export default Tree;
|