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,26 @@
|
|
|
1
|
+
import { AnonymousObject } from 'onekijs-framework';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
|
+
import { GridSize } from '../grid/typings';
|
|
4
|
+
export declare type PropertiesProps = {
|
|
5
|
+
properties: PropertiesList;
|
|
6
|
+
PropertyComponent?: React.FC<PropertyProps>;
|
|
7
|
+
order?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
size?: GridSize;
|
|
10
|
+
sm?: GridSize;
|
|
11
|
+
md?: GridSize;
|
|
12
|
+
lg?: GridSize;
|
|
13
|
+
xl?: GridSize;
|
|
14
|
+
};
|
|
15
|
+
export declare type PropertyProps = {
|
|
16
|
+
value: ReactNode;
|
|
17
|
+
name: string;
|
|
18
|
+
};
|
|
19
|
+
export declare type PropertiesContext = {
|
|
20
|
+
size?: GridSize;
|
|
21
|
+
sm?: GridSize;
|
|
22
|
+
md?: GridSize;
|
|
23
|
+
lg?: GridSize;
|
|
24
|
+
xl?: GridSize;
|
|
25
|
+
};
|
|
26
|
+
export declare type PropertiesList = AnonymousObject<ReactNode>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Task } from '@redux-saga/types';
|
|
3
|
+
import { DefaultService } from 'onekijs-framework';
|
|
4
|
+
import { ResizerHandle, ResizerHandler, ResizerState } from './typings';
|
|
5
|
+
export declare class ResizerService extends DefaultService<ResizerState> {
|
|
6
|
+
protected hoverTask: Task | null;
|
|
7
|
+
protected currentHandle?: ResizerHandle;
|
|
8
|
+
setSize(width: number, height: number, lastX: number, lastY: number): void;
|
|
9
|
+
setHover(hover: boolean): void;
|
|
10
|
+
delayEnter(delay_ms: number): Generator<void | import("@redux-saga/core/effects").CallEffect<true>, void, unknown>;
|
|
11
|
+
onEnter(): Generator<import("@redux-saga/core/effects").ForkEffect<Generator<void | import("@redux-saga/core/effects").CallEffect<true>, void, unknown>>, void, Task<any> | null>;
|
|
12
|
+
onLeave(): Generator<import("@redux-saga/core/effects").CancelEffect, void, unknown>;
|
|
13
|
+
onResize(e: any): Generator<void, void, unknown>;
|
|
14
|
+
startResize(handle: ResizerHandle, target: React.RefObject<HTMLDivElement>, x: number, y: number): void;
|
|
15
|
+
stopResize(): void;
|
|
16
|
+
}
|
|
17
|
+
export declare const useResizerService: (handler: ResizerHandler) => [ResizerState, ResizerService];
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type ResizerVerticalHandle = 'e' | 'w';
|
|
3
|
+
export declare type ResizerHorizontallHandle = 'n' | 's';
|
|
4
|
+
export declare type ResizerHandle = ResizerVerticalHandle | ResizerHorizontallHandle | 'se' | 'sw' | 'nw' | 'all';
|
|
5
|
+
export declare type ResizeStep = 'start' | 'stop' | 'run';
|
|
6
|
+
export declare type ResizerHandler = (step: ResizeStep, nextWidth: number, nextHeight: number) => void;
|
|
7
|
+
export interface ResizerProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
onResize: ResizerHandler;
|
|
10
|
+
handles?: ResizerHandle[];
|
|
11
|
+
minWidth?: string | 0;
|
|
12
|
+
maxWidth?: string | 0;
|
|
13
|
+
minHeight?: string | 0;
|
|
14
|
+
maxHeight?: string | 0;
|
|
15
|
+
}
|
|
16
|
+
export interface ResizeSplitterProps {
|
|
17
|
+
onResize: ResizerHandler;
|
|
18
|
+
target: React.RefObject<HTMLDivElement>;
|
|
19
|
+
}
|
|
20
|
+
export interface ResizeVerticalSplitterProps extends ResizeSplitterProps {
|
|
21
|
+
handle: ResizerVerticalHandle;
|
|
22
|
+
}
|
|
23
|
+
export interface ResizeHorizontalSplitterProps extends ResizeSplitterProps {
|
|
24
|
+
handle: ResizerHorizontallHandle;
|
|
25
|
+
}
|
|
26
|
+
export interface ResizerState {
|
|
27
|
+
active?: boolean;
|
|
28
|
+
height?: number;
|
|
29
|
+
hover?: boolean;
|
|
30
|
+
lastX?: number;
|
|
31
|
+
lastY?: number;
|
|
32
|
+
width?: number;
|
|
33
|
+
handler: ResizerHandler;
|
|
34
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { CollectionService } from 'onekijs-framework';
|
|
2
|
+
import { SelectController, SelectItem, SelectState } from './typings';
|
|
3
|
+
declare class SelectService<T = any, I extends SelectItem<T> = SelectItem<T>, S extends SelectState<T, I> = SelectState<T, I>> extends CollectionService<T, I, S> implements SelectController<T, I> {
|
|
4
|
+
}
|
|
5
|
+
export default SelectService;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { SelectProps } from '../typings';
|
|
3
|
-
declare const SelectComponent: FC<SelectProps
|
|
4
|
-
export default SelectComponent;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SelectProps } from '../typings';
|
|
3
|
+
declare const SelectComponent: React.FC<SelectProps>;
|
|
4
|
+
export default SelectComponent;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { SelectIconProps } from '../typings';
|
|
3
|
-
declare const SelectIconComponent: FC<SelectIconProps>;
|
|
4
|
-
export default SelectIconComponent;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { SelectIconProps } from '../typings';
|
|
3
|
+
declare const SelectIconComponent: FC<SelectIconProps>;
|
|
4
|
+
export default SelectIconComponent;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { SelectInputProps } from '../typings';
|
|
3
|
-
declare const SelectInputComponent:
|
|
4
|
-
export default SelectInputComponent;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SelectInputProps } from '../typings';
|
|
3
|
+
declare const SelectInputComponent: React.ForwardRefExoticComponent<SelectInputProps<any, import("../typings").SelectItem<any>> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export default SelectInputComponent;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { SelectOptionProps } from '../typings';
|
|
3
|
-
declare const
|
|
4
|
-
export
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { SelectOptionProps } from '../typings';
|
|
3
|
+
export declare const MultiSelectOptionComponent: FC<SelectOptionProps>;
|
|
4
|
+
export declare const SelectOptionContent: FC<SelectOptionProps>;
|
|
5
|
+
declare const SelectOptionComponent: FC<SelectOptionProps>;
|
|
6
|
+
export default SelectOptionComponent;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SelectConfig, SelectItem } from '../typings';
|
|
3
|
+
export declare const SelectConfigContext: React.Context<SelectConfig<any, any>>;
|
|
4
|
+
export declare const useSelectConfig: <T = any, I extends SelectItem<T> = SelectItem<T>>() => SelectConfig<T, I>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CollectionProxy } from 'onekijs-framework';
|
|
2
|
+
import { UseListOptions } from '../../list/typings';
|
|
3
|
+
import SelectService from '../SelectService';
|
|
4
|
+
import { SelectItem, SelectState } from '../typings';
|
|
5
|
+
declare const useSelectController: <T = any>(dataSource: string | T[], options?: UseListOptions<T, SelectItem<T>>) => CollectionProxy<T, SelectItem<T>, SelectState<T, SelectItem<T>>, SelectService<T, SelectItem<T>, SelectState<T, SelectItem<T>>>>;
|
|
6
|
+
export default useSelectController;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const Select: import("styled-components").StyledComponent<import("react").FC<import("./typings").SelectProps<any, import("./typings").
|
|
3
|
-
export default Select;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const Select: import("styled-components").StyledComponent<import("react").FC<import("./typings").SelectProps<any, import("./typings").SelectItem<any>, import("./typings").SelectState<any, import("./typings").SelectItem<any>>, import("./typings").SelectController<any, import("./typings").SelectItem<any>, import("./typings").SelectState<any, import("./typings").SelectItem<any>>>>>, any, {}, never>;
|
|
3
|
+
export default Select;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentStyle } from '../../styles/typings';
|
|
2
|
-
import { SelectProps } from './typings';
|
|
3
|
-
declare const selectStyle: ComponentStyle<SelectProps>;
|
|
4
|
-
export default selectStyle;
|
|
1
|
+
import { ComponentStyle } from '../../styles/typings';
|
|
2
|
+
import { SelectProps } from './typings';
|
|
3
|
+
declare const selectStyle: ComponentStyle<SelectProps>;
|
|
4
|
+
export default selectStyle;
|
|
@@ -1,37 +1,95 @@
|
|
|
1
|
-
import { AnyFunction, ChangeHandler, Collection,
|
|
2
|
-
import { FC } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
export interface
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
1
|
+
import { AnyFunction, ChangeHandler, Collection, CollectionProxy, FormFieldProps, ValidationStatus } from 'onekijs-framework';
|
|
2
|
+
import React, { FC } from 'react';
|
|
3
|
+
import { TshirtSize } from '../../styles/typings';
|
|
4
|
+
import { DropdownWidthModifier } from '../dropdown/typings';
|
|
5
|
+
import { FieldLayoutProps } from '../field/typings';
|
|
6
|
+
import { ListConfig, ListItem, ListItemAdaptee, ListItemAdapter, ListItemHandler, ListItemProps, ListNotFoundProps, ListState } from '../list/typings';
|
|
7
|
+
export declare type ArraySelectProps<T = any, I extends SelectItem<T> = SelectItem<T>> = SelectConfig<T, I> & {
|
|
8
|
+
adapter?: SelectItemAdapter<T>;
|
|
9
|
+
dataSource: T[] | string;
|
|
10
|
+
fetchOnce?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare type ControllerSelectProps<T = any, I extends SelectItem<T> = SelectItem<T>, S extends SelectState<T, I> = SelectState<T, I>, C extends SelectController<T, I, S> = SelectController<T, I, S>> = SelectConfig<T, I> & {
|
|
13
|
+
controller: CollectionProxy<T, I, S, C>;
|
|
14
|
+
};
|
|
15
|
+
export declare type FormSelectProps<T = any, I extends SelectItem<T> = SelectItem<T>> = SelectProps<T, I> & FormFieldProps & FieldLayoutProps & {
|
|
16
|
+
defaultValue?: T | T[] | null;
|
|
17
|
+
FieldComponent?: React.FC<SelectProps>;
|
|
18
|
+
};
|
|
19
|
+
export declare type SelectController<T, I extends SelectItem<T> = SelectItem<T>, S extends SelectState<T, I> = SelectState<T, I>> = Collection<T, I, S>;
|
|
20
|
+
export interface SelectIconProps {
|
|
21
|
+
open: boolean;
|
|
22
|
+
loading: boolean;
|
|
23
|
+
fetching: boolean;
|
|
24
|
+
onClick: AnyFunction<void>;
|
|
25
|
+
}
|
|
26
|
+
export interface SelectInputProps<T = any, I extends SelectItem<T> = SelectItem<T>> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
|
|
27
|
+
IconComponent?: FC<SelectIconProps>;
|
|
28
|
+
focus: boolean;
|
|
29
|
+
value?: string;
|
|
30
|
+
tokens?: SelectItem<T>[];
|
|
31
|
+
open: boolean;
|
|
32
|
+
loading: boolean;
|
|
33
|
+
fetching: boolean;
|
|
34
|
+
setOpen: (open: boolean) => void;
|
|
35
|
+
onChange: (nextValue: string | null) => void;
|
|
36
|
+
multiple: boolean;
|
|
37
|
+
onRemove: SelectOptionHandler<T, I>;
|
|
38
|
+
style?: React.CSSProperties;
|
|
39
|
+
nullable?: boolean;
|
|
40
|
+
clickable: boolean;
|
|
41
|
+
minChars: number;
|
|
42
|
+
}
|
|
43
|
+
export declare type SelectItem<T = any> = ListItem<T>;
|
|
44
|
+
export declare type SelectItemAdaptee = ListItemAdaptee;
|
|
45
|
+
export declare type SelectItemAdapter<T = any> = ListItemAdapter<T>;
|
|
46
|
+
export declare type SelectNotFoundProps = ListNotFoundProps;
|
|
47
|
+
export declare type SelectOptionHandler<T = any, I extends SelectItem<T> = SelectItem<T>> = ListItemHandler<T, I>;
|
|
48
|
+
export declare type SelectOptionSelectionHandler<T = any, I extends SelectItem<T> = SelectItem<T>> = (item: I, index: number, close?: boolean) => void;
|
|
49
|
+
export declare type SelectOptionProps<T = any, I extends SelectItem<T> = SelectItem<T>> = ListItemProps<T, I> & {
|
|
50
|
+
multiple?: boolean;
|
|
51
|
+
};
|
|
52
|
+
export declare type SelectProps<T = any, I extends SelectItem<T> = SelectItem<T>, S extends SelectState<T, I> = SelectState<T, I>, C extends SelectController<T, I, S> = SelectController<T, I, S>> = SelectConfig<T, I> & {
|
|
53
|
+
adapter?: SelectItemAdapter<T>;
|
|
54
|
+
controller?: CollectionProxy<T, I, S, C>;
|
|
55
|
+
dataSource?: T[] | string;
|
|
56
|
+
fetchOnce?: boolean;
|
|
57
|
+
};
|
|
58
|
+
export declare type SelectConfig<T = any, I extends SelectItem<T> = SelectItem<T>> = Omit<ListConfig<T, I>, 'ItemComponent'> & {
|
|
59
|
+
attachDropdownToBody?: boolean;
|
|
60
|
+
InputComponent?: FC<SelectInputProps<T, I>>;
|
|
61
|
+
IconComponent?: FC<SelectIconProps>;
|
|
62
|
+
NotFoundComponent?: FC<SelectNotFoundProps>;
|
|
63
|
+
placeholder?: string;
|
|
64
|
+
value?: T | T[] | null;
|
|
65
|
+
onChange?: ChangeHandler<T>;
|
|
66
|
+
onFocus?: () => void;
|
|
67
|
+
onBlur?: () => void;
|
|
68
|
+
autoFocus?: boolean;
|
|
69
|
+
className?: string;
|
|
70
|
+
multiple?: boolean;
|
|
71
|
+
status?: ValidationStatus;
|
|
72
|
+
name?: string;
|
|
73
|
+
size?: TshirtSize;
|
|
74
|
+
nullable?: boolean;
|
|
75
|
+
minChars?: number;
|
|
76
|
+
openOnFocus?: boolean;
|
|
77
|
+
clickable?: boolean;
|
|
78
|
+
dropdownWidthModifier?: DropdownWidthModifier;
|
|
79
|
+
OptionComponent?: FC<SelectOptionProps>;
|
|
80
|
+
OptionContentComponent?: FC<SelectOptionProps>;
|
|
81
|
+
OptionLoadingComponent?: FC;
|
|
82
|
+
MultiOptionsComponent?: FC<SelectOptionProps>;
|
|
83
|
+
animationMs?: number;
|
|
84
|
+
disabled?: boolean;
|
|
85
|
+
};
|
|
86
|
+
export declare type SelectState<T = any, I extends SelectItem<T> = SelectItem<T>> = ListState<T, I>;
|
|
87
|
+
export interface SelectTokensProps<T = any, I extends SelectItem<T> = SelectItem<T>> {
|
|
88
|
+
tokens?: I[];
|
|
89
|
+
onRemove: SelectOptionHandler<T, I>;
|
|
90
|
+
}
|
|
91
|
+
export interface SelectTokenProps<T = any, I extends SelectItem<T> = SelectItem<T>> {
|
|
92
|
+
token: I;
|
|
93
|
+
onRemove: SelectOptionHandler<T, I>;
|
|
94
|
+
index: number;
|
|
95
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ContainerValidation, DefaultService } from 'onekijs-framework';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { TabsState, TabState } from './typings';
|
|
4
|
+
export declare class TabsService<M extends TabState = TabState, S extends TabsState<M> = TabsState<M>> extends DefaultService<S> {
|
|
5
|
+
activate(uid: string): void;
|
|
6
|
+
disable(uid: string): void;
|
|
7
|
+
enable(uid: string): void;
|
|
8
|
+
getCurrentActiveIndex(): number;
|
|
9
|
+
getMember(uid: string): M | undefined;
|
|
10
|
+
hide(uid: string): void;
|
|
11
|
+
initMember(state: M): void;
|
|
12
|
+
onValidationChange(uid: string, touchedValidation: ContainerValidation, allValidation: ContainerValidation): void;
|
|
13
|
+
remove(uid: string): void;
|
|
14
|
+
setClosable(uid: string, closable: boolean): void;
|
|
15
|
+
setError(uid: string, message: string | null): void;
|
|
16
|
+
setIcon(uid: string, icon?: ReactNode): void;
|
|
17
|
+
setLoading(uid: string, loading: boolean): void;
|
|
18
|
+
setTitle(uid: string, title: string): void;
|
|
19
|
+
setWarning(uid: string, message: string | null): void;
|
|
20
|
+
show(uid: string): void;
|
|
21
|
+
touched(uid: string): void;
|
|
22
|
+
touching(uid: string): void;
|
|
23
|
+
_onValidationChange(uid: string, validation: ContainerValidation, touching: boolean): void;
|
|
24
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TabsService } from '../TabsService';
|
|
3
|
+
export declare const TabsServiceContext: React.Context<TabsService<import("../typings").TabState, import("../typings").TabsState<import("../typings").TabState>>>;
|
|
4
|
+
declare const useTabsService: () => TabsService;
|
|
5
|
+
export default useTabsService;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { AnonymousObject, AnyFunction, FCC } from 'onekijs-framework';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { TabsService } from './TabsService';
|
|
4
|
+
export declare type TabProps = {
|
|
5
|
+
active?: boolean;
|
|
6
|
+
title: string;
|
|
7
|
+
visible?: boolean;
|
|
8
|
+
closable?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
icon?: ReactNode;
|
|
11
|
+
uid?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare type TabTitleProps<M extends TabState = TabState> = {
|
|
14
|
+
member: M;
|
|
15
|
+
onActivate: (member: M) => void;
|
|
16
|
+
};
|
|
17
|
+
export declare type TabState = {
|
|
18
|
+
active: boolean;
|
|
19
|
+
closable: boolean;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
error?: string;
|
|
22
|
+
icon?: ReactNode;
|
|
23
|
+
loading: boolean;
|
|
24
|
+
success?: boolean;
|
|
25
|
+
title: string;
|
|
26
|
+
touching: boolean;
|
|
27
|
+
touched: boolean;
|
|
28
|
+
touchingError?: string;
|
|
29
|
+
touchingWarning?: string;
|
|
30
|
+
uid: string;
|
|
31
|
+
visible: boolean;
|
|
32
|
+
warning?: string;
|
|
33
|
+
};
|
|
34
|
+
export declare type TabsProps = {
|
|
35
|
+
Component?: FCC<Omit<TabsProps, 'Component'>>;
|
|
36
|
+
TitleComponent?: React.FC<TabTitleProps>;
|
|
37
|
+
className?: string;
|
|
38
|
+
animate?: number;
|
|
39
|
+
controller?: TabsService;
|
|
40
|
+
onAdd?: AnyFunction;
|
|
41
|
+
layout?: 'horizontal' | 'vertical';
|
|
42
|
+
};
|
|
43
|
+
export declare type ControlledTabsProps = TabsProps & {
|
|
44
|
+
controller: TabsService;
|
|
45
|
+
};
|
|
46
|
+
export declare type TabsState<M extends TabState = TabState> = {
|
|
47
|
+
members: M[];
|
|
48
|
+
membersIndex: AnonymousObject<number>;
|
|
49
|
+
animate: number;
|
|
50
|
+
active?: string;
|
|
51
|
+
};
|
|
52
|
+
export declare type UseTabsController = (props: {
|
|
53
|
+
animate?: number;
|
|
54
|
+
}) => TabsService;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { AnonymousObject, CollectionService } from 'onekijs-framework';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { TableColumn, TableColumnWidth, TableController, TableItem, TableState } from './typings';
|
|
4
|
+
export declare const parseColumnWidth: (width?: string | number) => TableColumnWidth;
|
|
5
|
+
declare class TableService<T = any, I extends TableItem<T> = TableItem<T>, S extends TableState<T, I> = TableState<T, I>> extends CollectionService<T, I, S> implements TableController<T, I> {
|
|
6
|
+
protected cells: AnonymousObject<AnonymousObject<React.RefObject<HTMLDivElement>>>;
|
|
7
|
+
protected tableRef: React.RefObject<HTMLDivElement> | null;
|
|
8
|
+
protected contentRef: React.RefObject<HTMLDivElement> | null;
|
|
9
|
+
adapt(data: T | undefined): I;
|
|
10
|
+
addColumn(column: TableColumn<T, I>, position?: number): void;
|
|
11
|
+
get columns(): TableColumn<T, I>[];
|
|
12
|
+
initCell(rowNumber: number | 'header-title' | 'header-filter' | 'footer', colId: string, ref: React.RefObject<HTMLDivElement>): void;
|
|
13
|
+
removeColumn(id: string): void;
|
|
14
|
+
resetWidth(): void;
|
|
15
|
+
toggle(item: I): void;
|
|
16
|
+
protected _setCellWidth(fit: boolean): void;
|
|
17
|
+
}
|
|
18
|
+
export default TableService;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { SelectColumn, TableItem, UseSelectColumnOptions } from '../typings';
|
|
2
|
+
declare const useSelectColumn: <T = any>(options: UseSelectColumnOptions<T, TableItem<T>, any, import("../../..").SelectItem<any>>) => SelectColumn<T, TableItem<T>>;
|
|
3
|
+
export default useSelectColumn;
|