diff --git a/CHANGELOG.md b/CHANGELOG.md index 5eb83c4b..603c1dc5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,128 @@ All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines. +### [0.0.568](https://github.com/wrappid/core/compare/v0.0.567...v0.0.568) (2024-10-17) + + +### Features + +* **global:** :sparkles: more than 2 icon replace with 3 dot ([eec0eac](https://github.com/wrappid/core/commit/eec0eac7af990e76d4eed5e42cc956effac0cf8e)), closes [#380](https://github.com/wrappid/core/issues/380) + +### [0.0.567](https://github.com/wrappid/core/compare/v0.0.566...v0.0.567) (2024-10-17) + +### [0.0.566](https://github.com/wrappid/core/compare/v0.0.565...v0.0.566) (2024-10-16) + +### [0.0.565](https://github.com/wrappid/core/compare/v0.0.564...v0.0.565) (2024-10-16) + + +### Features + +* **config:** :bug: fix github login api faild to call ([5b7c75e](https://github.com/wrappid/core/commit/5b7c75eb8f710bdf2a3125f84be9260e6419e715)), closes [#407](https://github.com/wrappid/core/issues/407) + +### [0.0.564](https://github.com/wrappid/core/compare/v0.0.563...v0.0.564) (2024-10-16) + + +### Bug Fixes + +* **core:** :bug: google onetap auto login off ([ad5b989](https://github.com/wrappid/core/commit/ad5b98938dbf23f59808d0067ce633b231eac182)), closes [#405](https://github.com/wrappid/core/issues/405) + +### [0.0.563](https://github.com/wrappid/core/compare/v0.0.562...v0.0.563) (2024-10-16) + + +### Features + +* **global:** :sparkles: in the AppService queryBuilder section add appID in the query parameter ([de7c572](https://github.com/wrappid/core/commit/de7c572293a5ea81f0604f00d0748bca581f49d4)), closes [#403](https://github.com/wrappid/core/issues/403) + +### [0.0.562](https://github.com/wrappid/core/compare/v0.0.561...v0.0.562) (2024-10-15) + + +### Features + +* **core:** :sparkles: add valid events ([c6c23d8](https://github.com/wrappid/core/commit/c6c23d813c8a72174201d0be567fe700ffbc3be1)), closes [#401](https://github.com/wrappid/core/issues/401) +* **core:** :zap: add components in CoreComponent registry ([2bd1085](https://github.com/wrappid/core/commit/2bd1085bc588c0f8f9619ccbc7e6d2f292f48234)), closes [#380](https://github.com/wrappid/core/issues/380) +* **core:** :zap: add components in CoreComponent registry ([f9360eb](https://github.com/wrappid/core/commit/f9360eb6a94fe106700531ab9f40e16632c9d663)), closes [#380](https://github.com/wrappid/core/issues/380) +* **global:** :sparkles: created core tool box ([a1c722b](https://github.com/wrappid/core/commit/a1c722bb77d295230ee88a0b54d38e90905736d0)), closes [#380](https://github.com/wrappid/core/issues/380) + + +### Bug Fixes + +* **core:** :bug: added defaultValidEvents in index.js ([b956808](https://github.com/wrappid/core/commit/b956808328adb5615c98aa5bf2f54bb87ae06218)), closes [#401](https://github.com/wrappid/core/issues/401) +* **core:** :bug: updated ([4a049d0](https://github.com/wrappid/core/commit/4a049d0bd405454a106698a88a425fe1e569b8ae)), closes [#380](https://github.com/wrappid/core/issues/380) + +### [0.0.561](https://github.com/wrappid/core/compare/v0.0.560...v0.0.561) (2024-10-14) + + +### Bug Fixes + +* **global:** :bug: fix CoreDatePicker not working ([d74472b](https://github.com/wrappid/core/commit/d74472bb14bdbdabbc58c4d5f6ec0db0c28615fe)), closes [#344](https://github.com/wrappid/core/issues/344) + +### [0.0.560](https://github.com/wrappid/core/compare/v0.0.559...v0.0.560) (2024-10-12) + + +### Features + +* **core:** :sparkles: google sign-in implementaion ([53dc5a2](https://github.com/wrappid/core/commit/53dc5a2e102825c1c9666539b24c26b1a3ed08c8)), closes [#397](https://github.com/wrappid/core/issues/397) + +### [0.0.559](https://github.com/wrappid/core/compare/v0.0.558...v0.0.559) (2024-10-11) + + +### Bug Fixes + +* **core:** :bug: fix github login ([a777c19](https://github.com/wrappid/core/commit/a777c19856e20ff11a62f775d31ea0217a0ee315)), closes [#394](https://github.com/wrappid/core/issues/394) + +### [0.0.558](https://github.com/wrappid/core/compare/v0.0.557...v0.0.558) (2024-10-10) + +### [0.0.557](https://github.com/wrappid/core/compare/v0.0.556...v0.0.557) (2024-10-10) + + +### Features + +* **core:** :sparkles: add the github auth ([8b4e883](https://github.com/wrappid/core/commit/8b4e883b265555d7250d75528a805a18d99d50bf)), closes [#381](https://github.com/wrappid/core/issues/381) +* **core:** :sparkles: adds the github auth component ([e2d65e6](https://github.com/wrappid/core/commit/e2d65e60a05f783712856e19e452f31375748256)), closes [#381](https://github.com/wrappid/core/issues/381) +* **core:** :sparkles: github auth component added ([a3e934e](https://github.com/wrappid/core/commit/a3e934ef1560b68a98b048832b5abe46813f23a4)), closes [#381](https://github.com/wrappid/core/issues/381) + + +### Bug Fixes + +* **core:** :bug: fix GitHub and LinkedIn call automatically ([137fe4e](https://github.com/wrappid/core/commit/137fe4eaae80b027216b1c3e1e538b77d9b52f1d)), closes [#394](https://github.com/wrappid/core/issues/394) + +### [0.0.556](https://github.com/wrappid/core/compare/v0.0.555...v0.0.556) (2024-10-10) + + +### Features + +* **core:** :sparkles: added a linkedinAuthComponent ([b5ef953](https://github.com/wrappid/core/commit/b5ef953967c33f7ad7e0ba5860311d194aadd219)), closes [#382](https://github.com/wrappid/core/issues/382) +* **core:** :sparkles: added a login with linkedIn flow ([ba7c929](https://github.com/wrappid/core/commit/ba7c929652e4c00680aa1407216e12e868075809)), closes [#382](https://github.com/wrappid/core/issues/382) +* **core:** :sparkles: added linkedin auth component ([d92959b](https://github.com/wrappid/core/commit/d92959b8429ee7f5a62b080d74b0ad83c3829a79)), closes [#97](https://github.com/wrappid/core/issues/97) +* **core:** :sparkles: added linkedin auth component ([582fec1](https://github.com/wrappid/core/commit/582fec15063ca4370b7007093ad84fe7ab2260e3)), closes [#97](https://github.com/wrappid/core/issues/97) +* **core:** :sparkles: implemented a feature which will allow users to login with linkedIn ([9461e3b](https://github.com/wrappid/core/commit/9461e3bad00e58b42eb87ec4a060d522eabb5435)), closes [#382](https://github.com/wrappid/core/issues/382) +* **core:** :sparkles: implemented a login with linkedin feature ([ee2708e](https://github.com/wrappid/core/commit/ee2708e381788c613227e1aa951d1fb8563ec234)), closes [#382](https://github.com/wrappid/core/issues/382) + + +### Bug Fixes + +* **global:** :bug: facbooklogin fix ([fe0a4a0](https://github.com/wrappid/core/commit/fe0a4a0f468cc91c19998920db4224d4703eb639)), closes [#383](https://github.com/wrappid/core/issues/383) + +### [0.0.555](https://github.com/wrappid/core/compare/v0.0.554...v0.0.555) (2024-10-03) + +### [0.0.554](https://github.com/wrappid/core/compare/v0.0.553...v0.0.554) (2024-10-03) + +### [0.0.553](https://github.com/wrappid/core/compare/v0.0.552...v0.0.553) (2024-10-03) + + +### Bug Fixes + +* **core:** :bug: facebook login fix ([2c85db2](https://github.com/wrappid/core/commit/2c85db2f9c0199825de9ec9e76a04c46c2ebb20a)), closes [#383](https://github.com/wrappid/core/issues/383) + +### [0.0.552](https://github.com/wrappid/core/compare/v0.0.551...v0.0.552) (2024-10-03) + +### [0.0.551](https://github.com/wrappid/core/compare/v0.0.550...v0.0.551) (2024-10-03) + + +### Features + +* **core:** :sparkles: facebook auth component implementation ([5ac126f](https://github.com/wrappid/core/commit/5ac126f7158db442c339521bcf11450c07fdee3a)), closes [#383](https://github.com/wrappid/core/issues/383) + ### [0.0.550](https://github.com/wrappid/core/compare/v0.0.549...v0.0.550) (2024-09-26) ### [0.0.549](https://github.com/wrappid/core/compare/v0.0.548...v0.0.549) (2024-09-25) diff --git a/package-lock.json b/package-lock.json index 7cd0744b..b1dd491e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@wrappid/core", - "version": "0.0.550", + "version": "0.0.568", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@wrappid/core", - "version": "0.0.550", + "version": "0.0.568", "license": "MIT", "devDependencies": { "@babel/cli": "7.21.0", diff --git a/package.json b/package.json index b81c107d..39260ecf 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@wrappid/core", - "version": "0.0.550", + "version": "0.0.568", "description": "Multi platform app builder core package.", "main": "index.js", "scripts": { diff --git a/package/components/CoreComponentsRegistry.js b/package/components/CoreComponentsRegistry.js index 2f752d2b..5d451105 100644 --- a/package/components/CoreComponentsRegistry.js +++ b/package/components/CoreComponentsRegistry.js @@ -1,381 +1,347 @@ -// eslint-disable-next-line etc/no-commented-out-code -// import CoreAvatar from "./dataDisplay/CoreAvatar.js"; -// import CoreBadge from "./dataDisplay/CoreBadge.js"; -// import CoreChip from "./dataDisplay/CoreChip.js"; -// import CoreDivider from "./dataDisplay/CoreDivider.js"; -// import CoreEmailLink from "./dataDisplay/CoreEmailLink.js"; -// import CoreEmailOrPhoneLink from "./dataDisplay/CoreEmailOrPhoneLink.js"; -// import CoreH from "./dataDisplay/CoreH.js"; -import CoreH1 from "./dataDisplay/CoreH1.js"; -// eslint-disable-next-line etc/no-commented-out-code -// import CoreH2 from "./dataDisplay/CoreH2.js"; -// import CoreH3 from "./dataDisplay/CoreH3.js"; -// import CoreH4 from "./dataDisplay/CoreH4.js"; -// import CoreH5 from "./dataDisplay/CoreH5.js"; -// import CoreH6 from "./dataDisplay/CoreH6.js"; -// import CoreIcon from "./dataDisplay/CoreIcon.js"; -// import CoreIconText from "./dataDisplay/CoreIconText.js"; -// import CoreImage from "./dataDisplay/CoreImage.js"; -// import CoreLabel from "./dataDisplay/CoreLabel.js"; -// import CoreList from "./dataDisplay/CoreList.js"; -// import CoreListItem from "./dataDisplay/CoreListItem.js"; -// import CoreListItemButton from "./dataDisplay/CoreListItemButton.js"; -// import CoreListItemIcon from "./dataDisplay/CoreListItemIcon.js"; -// import CoreListItemText from "./dataDisplay/CoreListItemText.js"; -// import CoreMarkdownViewer from "./dataDisplay/CoreMarkdownViewer.js"; -// import CorePhoneLink from "./dataDisplay/CorePhoneLink.js"; -// import CoreTable from "./dataDisplay/CoreTable.js"; -// import CoreTableBody from "./dataDisplay/CoreTableBody.js"; -// import CoreTableBodyCell from "./dataDisplay/CoreTableBodyCell.js"; -// import CoreTableCell from "./dataDisplay/CoreTableCell.js"; -// import CoreTableContainer from "./dataDisplay/CoreTableContainer.js"; -// import CoreTableFooter from "./dataDisplay/CoreTableFooter.js"; -// import CoreTableHead from "./dataDisplay/CoreTableHead.js"; -// import CoreTableHeadCell from "./dataDisplay/CoreTableHeadCell.js"; -// import CoreTableHeadRow from "./dataDisplay/CoreTableHeadRow.js"; -// import CoreTablePagination from "./dataDisplay/CoreTablePagination.js"; -// import CoreTableRow from "./dataDisplay/CoreTableRow.js"; -// import CoreTableSortLabel from "./dataDisplay/CoreTableSortLabel.js"; -// import CoreTooltip from "./dataDisplay/CoreTooltip.js"; -// import CoreTypography from "./dataDisplay/CoreTypography.js"; -// import CoreTypographyBody1 from "./dataDisplay/CoreTypographyBody1.js"; -// import CoreTypographyBody2 from "./dataDisplay/CoreTypographyBody2.js"; -// import CoreTypographyButton from "./dataDisplay/CoreTypographyButton.js"; -// import CoreTypographyCaption from "./dataDisplay/CoreTypographyCaption.js"; -// import CoreTypographyOverline from "./dataDisplay/CoreTypographyOverline.js"; -// import CoreTypographySubtitle1 from "./dataDisplay/CoreTypographySubtitle1.js"; -// import CoreTypographySubtitle2 from "./dataDisplay/CoreTypographySubtitle2.js"; -// import CoreDataTable from "./dataDisplay/dataTable/CoreDataTable.js"; -// import CoreDataTableBody from "./dataDisplay/dataTable/CoreDataTableBody.js"; -// import CoreDataTableDetailsPane from "./dataDisplay/dataTable/CoreDataTableDetailsPane.js"; -// import CoreDataTableFooter from "./dataDisplay/dataTable/CoreDataTableFooter.js"; -// import CoreDataTableHead from "./dataDisplay/dataTable/CoreDataTableHead.js"; -// import CoreDataTableRow from "./dataDisplay/dataTable/CoreDataTableRow.js"; -// import CoreDataTableRowActionPopover from "./dataDisplay/dataTable/CoreDataTableRowActionPopover.js"; -// import CoreDataTableRowContent from "./dataDisplay/dataTable/CoreDataTableRowContent.js"; -// import CoreDataTableRowSummary from "./dataDisplay/dataTable/CoreDataTableRowSummary.js"; -// import CoreDataTableToolbar from "./dataDisplay/dataTable/CoreDataTableToolbar.js"; -// import CoreFlatList from "./dataDisplay/dataTable/CoreFlatList.js"; -// import CoreTableAction from "./dataDisplay/dataTable/CoreTableAction.js"; -// import CoreTableBulkAction from "./dataDisplay/dataTable/CoreTableBulkAction.js"; -// import CoreTableCollapsible from "./dataDisplay/dataTable/CoreTableCollapsible.js"; -// import CoreTableFilter from "./dataDisplay/dataTable/CoreTableFilter.js"; -// import CoreTableSkeleton from "./dataDisplay/dataTable/CoreTableSkeleton.js"; -// import CoreTableToolBar from "./dataDisplay/dataTable/CoreTableToolBar.js"; -// import DevCoreDataTable from "./dataDisplay/dataTable/DevCoreDataTable.js"; -// import ExportData from "./dataDisplay/dataTable/ExportData.js"; -// import FilterColumn from "./dataDisplay/dataTable/FilterColumn.js"; -// import FilterData from "./dataDisplay/dataTable/FilterData.js"; -// import SortTableData from "./dataDisplay/dataTable/SortTableData.js"; -// import TableDensity from "./dataDisplay/dataTable/TableDensity.js"; -// import TableRowAuditData from "./dataDisplay/dataTable/TableRowAuditData.js"; -// import StatusText from "./dataDisplay/StatusText.js"; -// import UserChip from "./dataDisplay/UserChip.js"; -// import CoreAlert from "./feedback/CoreAlert.js"; -// import CoreBackdrop from "./feedback/CoreBackdrop.js"; -// import CoreCircularProgress from "./feedback/CoreCircularProgress.js"; -// import CoreDialog from "./feedback/CoreDialog.js"; -// import CoreLinearProgress from "./feedback/CoreLinearProgress.js"; -// import CoreRequestProgressBar from "./feedback/CoreRequestProgressBar.js"; -// import CoreSkeleton from "./feedback/CoreSkeleton.js"; -// import CoreSnackbar from "./feedback/CoreSnackbar.js"; -// import ChildMap from "./inputs/ChildMap.js"; -// import CoreAsyncSelect from "./inputs/CoreAsyncSelect.js"; -// import CoreAutocomplete from "./inputs/CoreAutocomplete.js"; -// import CoreButton from "./inputs/CoreButton.js"; -// import CoreCheckbox from "./inputs/CoreCheckbox.js"; -// import CoreConfirmPassword from "./inputs/CoreConfirmPassword.js"; -// import CoreConfirmPasswordField from "./inputs/CoreConfirmPasswordField.js"; -// import CoreContainedButton from "./inputs/CoreContainedButton.js"; -// import CoreDatepicker from "./inputs/CoreDatepicker.js"; -// import CoreDateRangepicker from "./inputs/CoreDateRangepicker.js"; -// import CoreDateTimePicker from "./inputs/CoreDateTimePicker.js"; -// import CoreDateTimeRangePicker from "./inputs/CoreDateTimeRangePicker.js"; -// import CoreFab from "./inputs/CoreFab.js"; -// import CoreFilePicker from "./inputs/CoreFilePicker.js"; -// import CoreFormControl from "./inputs/CoreFormControl.js"; -// import CoreFormErrorText from "./inputs/CoreFormErrorText.js"; -// import CoreFormHelperText from "./inputs/CoreFormHelperText.js"; -// import CoreFormLabelCheckbox from "./inputs/CoreFormLabelCheckbox.js"; -// import CoreGoogleButton from "./inputs/CoreGoogleButton.js"; -// import CoreIconButton from "./inputs/CoreIconButton.js"; -// import CoreImagePicker from "./inputs/CoreImagePicker.js"; -// import CoreInput from "./inputs/CoreInput.js"; -// import CoreInputAdornment from "./inputs/CoreInputAdornment.js"; -// import CoreInputLabel from "./inputs/CoreInputLabel.js"; -// import CoreInputPassword from "./inputs/CoreInputPassword.js"; -// import CoreJSONEditor from "./inputs/CoreJSONEditor.js"; -// import CoreJSONInput from "./inputs/CoreJSONInput.js"; -// import CoreMedicineSelector from "./inputs/CoreMedicineSelector.js"; -// import CoreMultiTimeRangePicker from "./inputs/CoreMultiTimeRangePicker.js"; -// import CoreOtpInput from "./inputs/CoreOtpInput.js"; -// import CoreOutlinedButton from "./inputs/CoreOutlinedButton.js"; -// import CorePhone from "./inputs/CorePhone.js"; -// import CoreRating from "./inputs/CoreRating.js"; -// import CoreReactSelectInput from "./inputs/CoreReactSelectInput.js"; -// import CoreResponsiveButton from "./inputs/CoreResponsiveButton.js"; -// import CoreRichTextEditor from "./inputs/CoreRichTextEditor.js"; -// import CoreSelect from "./inputs/CoreSelect.js"; -// import CoreSwitch from "./inputs/CoreSwitch.js"; -// import CoreTextarea from "./inputs/CoreTextarea.js"; -// import CoreTextButton from "./inputs/CoreTextButton.js"; -// import CoreTextField from "./inputs/CoreTextField.js"; -// import CoreTimePicker from "./inputs/CoreTimePicker.js"; -// import CoreTimeRangePicker from "./inputs/CoreTimeRangePicker.js"; -// import CoreEditForm from "./inputs/forms/CoreEditForm.js"; -// import CoreFieldButton from "./inputs/forms/CoreFieldButton.js"; -// import CoreForm from "./inputs/forms/CoreForm.js"; -// import CoreFormButton from "./inputs/forms/CoreFormButton.js"; -// import CoreFormContainer from "./inputs/forms/CoreFormContainer.js"; -// import CoreFormGroupLabel from "./inputs/forms/CoreFormControlLabel.js"; -// import CoreFormDialogs from "./inputs/forms/CoreFormDialogs.js"; -// import CoreFormField from "./inputs/forms/CoreFormField.js"; -// import CoreFormGroup from "./inputs/forms/CoreFormGroup.js"; -// import CoreFormHeader from "./inputs/forms/CoreFormHeader.js"; -// import CoreFormHeaderActions from "./inputs/forms/CoreFormHeaderActions.js"; -// import CoreSpecificForm from "./inputs/forms/CoreSpecificForm.js"; -// import CoreViewField from "./inputs/forms/CoreViewField.js"; -// import CoreViewForm from "./inputs/forms/CoreViewForm.js"; -// import ParentChildMap from "./inputs/ParentChildMap.js"; -// import CoreAppDiv from "./layouts/CoreAppDiv.js"; -// import CoreBox from "./layouts/CoreBox.js"; -// import CoreContainer from "./layouts/CoreContainer.js"; -// import CoreGrid from "./layouts/CoreGrid.js"; -// import CoreGridItem from "./layouts/CoreGridItem.js"; -// import CoreImageBackground from "./layouts/CoreImageBackground.js"; -// import CoreSection from "./layouts/CoreSection.js"; -// import CoreSpan from "./layouts/CoreSpan.js"; -// import CoreStack from "./layouts/CoreStack.js"; -// import CoreCustomTabs from "./navigation/CoreCustomTabs.js"; -// import CoreLink from "./navigation/CoreLink.js"; -// import CoreMenu from "./navigation/CoreMenu.js"; -// import CoreMenuItem from "./navigation/CoreMenuItem.js"; -// import CoreMenuList from "./navigation/CoreMenuList.js"; -// import CoreNavigation from "./navigation/CoreNavigation.js"; -// import CoreScrollTop from "./navigation/CoreScrollTop.js"; -// import CoreTab from "./navigation/CoreTab.js"; -// import CoreTabHead from "./navigation/CoreTabHead.js"; -// import CoreTabPanel from "./navigation/CoreTabPanel.js"; -// import CoreTabs from "./navigation/CoreTabs.js"; -// import Logout from "./navigation/Logout.js"; -// import SplashComponent from "./navigation/SplashComponent.js"; -// import CoreAccordion from "./surfaces/CoreAccordion.js"; -// import CoreAccordionDetail from "./surfaces/CoreAccordionDetail.js"; -// import CoreAccordionSummary from "./surfaces/CoreAccordionSummary.js"; -// import CoreAppBar from "./surfaces/CoreAppBar.js"; -// import CoreCard from "./surfaces/CoreCard.js"; -// import CoreCardActionArea from "./surfaces/CoreCardActionArea.js"; -// import CoreCardActions from "./surfaces/CoreCardActions.js"; -// import CoreCardContent from "./surfaces/CoreCardContent.js"; -// import CoreCardHeader from "./surfaces/CoreCardHeader.js"; -// import CoreCardMedia from "./surfaces/CoreCardMedia.js"; -// import CoreCollapse from "./surfaces/CoreCollapse.js"; -// import CoreDrawer from "./surfaces/CoreDrawer.js"; -// import CoreFooter from "./surfaces/CoreFooter.js"; -// import CorePaper from "./surfaces/CorePaper.js"; -// import CoreRightDrawer from "./surfaces/CoreRightDrawer.js"; -// import CoreToolbar from "./surfaces/CoreToolbar.js"; -// import CoreApiVersion from "./utils/CoreApiVersion.js"; -// import CoreAppVersion from "./utils/CoreAppVersion.js"; -// import CoreFade from "./utils/CoreFade.js"; -// import CoreLoginDetails from "./utils/CoreLoginDetails.js"; -// import CoreModal from "./utils/CoreModal.js"; -// import CorePopover from "./utils/CorePopover.js"; -// import CoreProfilePopOver from "./utils/CoreProfilePopOver.js"; -// import CoreTermsPrivacyLink from "./utils/CoreTermsPrivacyLink.js"; -// import HelpAndSupportPopOver from "./utils/HelpAndSupportPopOver.js"; -// import NotificationPopOver from "./utils/NotificationPopOver.js"; -// import QuickAddPopOver from "./utils/QuickAddPopOver.js"; -import PageLoader from "./PageLoader.js"; +import CoreAwayListner from "./CoreAwayListner"; +import CoreComponent from "./CoreComponent"; +import CoreAvatar from "./dataDisplay/CoreAvatar"; +import CoreAvatarGroup from "./dataDisplay/CoreAvatarGroup"; +import CoreBadge from "./dataDisplay/CoreBadge"; +import CoreChip from "./dataDisplay/CoreChip"; +import CoreDivider from "./dataDisplay/CoreDivider"; +import CoreEmailLink from "./dataDisplay/CoreEmailLink"; +import CoreEmailOrPhoneLink from "./dataDisplay/CoreEmailOrPhoneLink"; +import CoreH1 from "./dataDisplay/CoreH1"; +import CoreH2 from "./dataDisplay/CoreH2"; +import CoreH3 from "./dataDisplay/CoreH3"; +import CoreH4 from "./dataDisplay/CoreH4"; +import CoreH5 from "./dataDisplay/CoreH5"; +import CoreH6 from "./dataDisplay/CoreH6"; +import CoreIcon from "./dataDisplay/CoreIcon"; +import CoreIconText from "./dataDisplay/CoreIconText"; +import CoreImage from "./dataDisplay/CoreImage"; +import CoreLabel from "./dataDisplay/CoreLabel"; +import CoreList from "./dataDisplay/CoreList"; +import CoreListItem from "./dataDisplay/CoreListItem"; +import CoreListItemAvatar from "./dataDisplay/CoreListItemAvatar"; +import CoreListItemButton from "./dataDisplay/CoreListItemButton"; +import CoreListItemIcon from "./dataDisplay/CoreListItemIcon"; +import CoreListItemSecondaryAction from "./dataDisplay/CoreListItemSecondaryAction"; +import CoreListItemText from "./dataDisplay/CoreListItemText"; +import CoreListSubheader from "./dataDisplay/CoreListSubheader"; +import CoreMarkdownViewer from "./dataDisplay/CoreMarkdownViewer"; +import CorePhoneLink from "./dataDisplay/CorePhoneLink"; +import CoreTable from "./dataDisplay/CoreTable"; +import CoreTableBody from "./dataDisplay/CoreTableBody"; +import CoreTableBodyCell from "./dataDisplay/CoreTableBodyCell"; +import CoreTableCell from "./dataDisplay/CoreTableCell"; +import CoreTableContainer from "./dataDisplay/CoreTableContainer"; +import CoreTableFooter from "./dataDisplay/CoreTableFooter"; +import CoreTableHead from "./dataDisplay/CoreTableHead"; +import CoreTableHeadCell from "./dataDisplay/CoreTableHeadCell"; +import CoreTableHeadRow from "./dataDisplay/CoreTableHeadRow"; +import CoreTablePagination from "./dataDisplay/CoreTablePagination"; +import CoreTableRow from "./dataDisplay/CoreTableRow"; +import CoreTableSortLabel from "./dataDisplay/CoreTableSortLabel"; +import CoreTimer from "./dataDisplay/CoreTimer"; +import CoreTooltip from "./dataDisplay/CoreTooltip"; +import CoreTypographyBody1 from "./dataDisplay/CoreTypographyBody1"; +import CoreTypographyBody2 from "./dataDisplay/CoreTypographyBody2"; +import CoreTypographyButton from "./dataDisplay/CoreTypographyButton"; +import CoreTypographyCaption from "./dataDisplay/CoreTypographyCaption"; +import CoreTypographyOverline from "./dataDisplay/CoreTypographyOverline"; +import CoreTypographySubtitle1 from "./dataDisplay/CoreTypographySubtitle1"; +import CoreTypographySubtitle2 from "./dataDisplay/CoreTypographySubtitle2"; +import CoreDataTable from "./dataDisplay/dataTable/CoreDataTable"; +import CoreFlatList from "./dataDisplay/dataTable/CoreFlatList"; +import StatusText from "./dataDisplay/StatusText"; +import UserChip from "./dataDisplay/UserChip"; +import CoreAlert from "./feedback/CoreAlert"; +import CoreAlertTitle from "./feedback/CoreAlertTitle"; +import CoreBackdrop from "./feedback/CoreBackdrop"; +import CoreCircularProgress from "./feedback/CoreCircularProgress"; +import CoreDialog from "./feedback/CoreDialog"; +import CoreLinearProgress from "./feedback/CoreLinearProgress"; +import CoreSkeleton from "./feedback/CoreSkeleton"; +import CoreSnackbar from "./feedback/CoreSnackbar"; +import ChildMap from "./inputs/ChildMap"; +import CoreAsyncSelect from "./inputs/CoreAsyncSelect"; +import CoreAutocomplete from "./inputs/CoreAutocomplete"; +import CoreButton from "./inputs/CoreButton"; +import CoreCheckbox from "./inputs/CoreCheckbox"; +import CoreColorInput from "./inputs/CoreColorInput"; +import CoreConfirmPasswordField from "./inputs/CoreConfirmPasswordField"; +import CoreContainedButton from "./inputs/CoreContainedButton"; +import CoreDatepicker from "./inputs/CoreDatepicker"; +import CoreDateRangepicker from "./inputs/CoreDateRangepicker"; +import CoreDateTimePicker from "./inputs/CoreDateTimePicker"; +import CoreDateTimeRangePicker from "./inputs/CoreDateTimeRangePicker"; +import CoreFab from "./inputs/CoreFab"; +import CoreFilePicker from "./inputs/CoreFilePicker"; +import CoreFormControl from "./inputs/CoreFormControl"; +import CoreFormErrorText from "./inputs/CoreFormErrorText"; +import CoreFormHelperText from "./inputs/CoreFormHelperText"; +import CoreFormLabelCheckbox from "./inputs/CoreFormLabelCheckbox"; +import CoreGoogleButton from "./inputs/CoreGoogleButton"; +import CoreIconButton from "./inputs/CoreIconButton"; +import CoreImagePicker from "./inputs/CoreImagePicker"; +import CoreInput from "./inputs/CoreInput"; +import CoreInputAdornment from "./inputs/CoreInputAdornment"; +import CoreInputLabel from "./inputs/CoreInputLabel"; +import CoreInputPassword from "./inputs/CoreInputPassword"; +import CoreJSONEditor from "./inputs/CoreJSONEditor"; +import CoreJSONInput from "./inputs/CoreJSONInput"; +import CoreMedicineSelector from "./inputs/CoreMedicineSelector"; +import CoreMultiTimeRangePicker from "./inputs/CoreMultiTimeRangePicker"; +import CoreOtpInput from "./inputs/CoreOtpInput"; +import CoreOutlinedButton from "./inputs/CoreOutlinedButton"; +import CorePhone from "./inputs/CorePhone"; +import CoreRating from "./inputs/CoreRating"; +import CoreReactSelectInput from "./inputs/CoreReactSelectInput"; +import CoreResponsiveButton from "./inputs/CoreResponsiveButton"; +import CoreRichTextEditor from "./inputs/CoreRichTextEditor"; +import CoreSelect from "./inputs/CoreSelect"; +import CoreSpeechToText from "./inputs/CoreSpeechToText"; +import CoreSwitch from "./inputs/CoreSwitch"; +import CoreTextarea from "./inputs/CoreTextarea"; +import CoreTextButton from "./inputs/CoreTextButton"; +import CoreTextField from "./inputs/CoreTextField"; +import CoreTimePicker from "./inputs/CoreTimePicker"; +import CoreTimeRangePicker from "./inputs/CoreTimeRangePicker"; +import CoreForm from "./inputs/forms/CoreForm"; +import CoreFormControlLabel from "./inputs/forms/CoreFormControlLabel"; +import CoreFormGroup from "./inputs/forms/CoreFormGroup"; +import ParentChildMap from "./inputs/ParentChildMap"; +import AppContainerLayout from "./layouts/_system/AppContainerLayout"; +import BlankLayout from "./layouts/_system/BlankLayout"; +import CenteredBlankLayout from "./layouts/_system/CenteredBlankLayout"; +import ComplexLayout from "./layouts/_system/ComplexLayout"; +import FixedFooterLayout from "./layouts/_system/FixedFooterLayout"; +import FixedHeaderFooterLayout from "./layouts/_system/FixedHeaderFooterLayout"; +import FixedHeaderLayout from "./layouts/_system/FixedHeaderLayout"; +import FooterLayout from "./layouts/_system/FooterLayout"; +import HCenteredBlankLayout from "./layouts/_system/HCenteredBlankLayout"; +import HeaderFooterLayout from "./layouts/_system/HeaderFooterLayout"; +import HeaderLayout from "./layouts/_system/HeaderLayout"; +import LeftDrawerLayout from "./layouts/_system/LeftDrawerLayout"; +import LeftRightDrawerLayout from "./layouts/_system/LeftRightDrawerLayout"; +import RightDrawerLayout from "./layouts/_system/RightDrawerLayout"; +import ThreeColumnLayout from "./layouts/_system/ThreeColumnLayout"; +import TwoColumnLayout from "./layouts/_system/TwoColumnLayout"; +import VCenteredBlankLayout from "./layouts/_system/VCenteredBlankLayout"; +import CoreBox from "./layouts/CoreBox"; +import CoreContainer from "./layouts/CoreContainer"; +import CoreGrid from "./layouts/CoreGrid"; +import CoreImageBackground from "./layouts/CoreImageBackground"; +import CoreSection from "./layouts/CoreSection"; +import CoreSpan from "./layouts/CoreSpan"; +import CoreStack from "./layouts/CoreStack"; +import CoreCustomTabs from "./navigation/CoreCustomTabs"; +import CoreLink from "./navigation/CoreLink"; +import CoreMenu from "./navigation/CoreMenu"; +import CoreMenuItem from "./navigation/CoreMenuItem"; +import CoreMenuList from "./navigation/CoreMenuList"; +import CoreScrollTop from "./navigation/CoreScrollTop"; +import CoreTab from "./navigation/CoreTab"; +import CoreTabHead from "./navigation/CoreTabHead"; +import CoreTabPanel from "./navigation/CoreTabPanel"; +import CoreTabs from "./navigation/CoreTabs"; +import CoreTOC from "./navigation/CoreTOC"; +import CoreAccordion from "./surfaces/CoreAccordion"; +import CoreAccordionDetail from "./surfaces/CoreAccordionDetail"; +import CoreAccordionSummary from "./surfaces/CoreAccordionSummary"; +import CoreAppBar from "./surfaces/CoreAppBar"; +import CoreCard from "./surfaces/CoreCard"; +import CoreCardActionArea from "./surfaces/CoreCardActionArea"; +import CoreCardActions from "./surfaces/CoreCardActions"; +import CoreCardContent from "./surfaces/CoreCardContent"; +import CoreCardHeader from "./surfaces/CoreCardHeader"; +import CoreCardMedia from "./surfaces/CoreCardMedia"; +import CoreCollapse from "./surfaces/CoreCollapse"; +import CoreDrawer from "./surfaces/CoreDrawer"; +import CoreFooter from "./surfaces/CoreFooter"; +import CorePaper from "./surfaces/CorePaper"; +import CoreRightDrawer from "./surfaces/CoreRightDrawer"; +import CoreToolbar from "./surfaces/CoreToolbar"; +import CoreToolBox from "./surfaces/CoreToolBox"; +import ClipboardCopyButton from "./utils/ClipboardCopyButton"; +import CoreApiVersion from "./utils/CoreApiVersion"; +import CoreFade from "./utils/CoreFade"; +import CoreLoginDetails from "./utils/CoreLoginDetails"; +import CoreModal from "./utils/CoreModal"; +import CoreNetworkStatus from "./utils/CoreNetworkStatus"; +import CorePopover from "./utils/CorePopover"; +import CoreProfilePopOver from "./utils/CoreProfilePopOver"; +import NotificationPopOver from "./utils/NotificationPopOver"; -export const coreComponentsRegistry = { - // eslint-disable-next-line etc/no-commented-out-code - // "ChildMap" : { comp: ChildMap }, - // "CoreAccordion" : { comp: CoreAccordion }, - // "CoreAccordionDetail" : { comp: CoreAccordionDetail }, - // "CoreAccordionSummary" : { comp: CoreAccordionSummary }, - // "CoreAlert" : { comp: CoreAlert }, - // "CoreApiVersion" : { comp: CoreApiVersion }, - // "CoreAppBar" : { comp: CoreAppBar }, - // "CoreAppDiv" : { comp: CoreAppDiv }, - // "CoreAppVersion" : { comp: CoreAppVersion }, - // "CoreAsyncSelect" : { comp: CoreAsyncSelect }, - // "CoreAutocomplete" : { comp: CoreAutocomplete }, - // "CoreAvatar" : { comp: CoreAvatar }, - // "CoreBackdrop" : { comp: CoreBackdrop }, - // "CoreBadge" : { comp: CoreBadge }, - // "CoreBox" : { comp: CoreBox }, - // "CoreButton" : { comp: CoreButton }, - // "CoreCard" : { comp: CoreCard }, - // "CoreCardActionArea" : { comp: CoreCardActionArea }, - // "CoreCardActions" : { comp: CoreCardActions }, - // "CoreCardContent" : { comp: CoreCardContent }, - // "CoreCardHeader" : { comp: CoreCardHeader }, - // "CoreCardMedia" : { comp: CoreCardMedia }, - // "CoreCheckbox" : { comp: CoreCheckbox }, - // "CoreChip" : { comp: CoreChip }, - // "CoreCircularProgress" : { comp: CoreCircularProgress }, - // "CoreCollapse" : { comp: CoreCollapse }, - // "CoreConfirmPassword" : { comp: CoreConfirmPassword }, - // "CoreConfirmPasswordField" : { comp: CoreConfirmPasswordField }, - // "CoreContainedButton" : { comp: CoreContainedButton }, - // "CoreContainer" : { comp: CoreContainer }, - // "CoreCustomTabs" : { comp: CoreCustomTabs }, - // "CoreDataTable" : { comp: CoreDataTable }, - // "CoreDataTableBody" : { comp: CoreDataTableBody }, - // "CoreDataTableDetailsPane" : { comp: CoreDataTableDetailsPane }, - // "CoreDataTableFooter" : { comp: CoreDataTableFooter }, - // "CoreDataTableHead" : { comp: CoreDataTableHead }, - // "CoreDataTableRow" : { comp: CoreDataTableRow }, - // "CoreDataTableRowActionPopover": { comp: CoreDataTableRowActionPopover }, - // "CoreDataTableRowContent" : { comp: CoreDataTableRowContent }, - // "CoreDataTableRowSummary" : { comp: CoreDataTableRowSummary }, - // "CoreDataTableToolbar" : { comp: CoreDataTableToolbar }, - // "CoreDateRangepicker" : { comp: CoreDateRangepicker }, - // "CoreDateTimePicker" : { comp: CoreDateTimePicker }, - // "CoreDateTimeRangePicker" : { comp: CoreDateTimeRangePicker }, - // "CoreDatepicker" : { comp: CoreDatepicker }, - // "CoreDialog" : { comp: CoreDialog }, - // "CoreDivider" : { comp: CoreDivider }, - // "CoreDrawer" : { comp: CoreDrawer }, - // "CoreEditForm" : { comp: CoreEditForm }, - // "CoreEmailLink" : { comp: CoreEmailLink }, - // "CoreEmailOrPhoneLink" : { comp: CoreEmailOrPhoneLink }, - // "CoreFab" : { comp: CoreFab }, - // "CoreFade" : { comp: CoreFade }, - // "CoreFieldButton" : { comp: CoreFieldButton }, - // "CoreFilePicker" : { comp: CoreFilePicker }, - // "CoreFlatList" : { comp: CoreFlatList }, - // "CoreFooter" : { comp: CoreFooter }, - // "CoreForm" : { comp: CoreForm }, - // "CoreFormButton" : { comp: CoreFormButton }, - // "CoreFormContainer" : { comp: CoreFormContainer }, - // "CoreFormControl" : { comp: CoreFormControl }, - // "CoreFormDialogs" : { comp: CoreFormDialogs }, - // "CoreFormErrorText" : { comp: CoreFormErrorText }, - // "CoreFormField" : { comp: CoreFormField }, - // "CoreFormGroup" : { comp: CoreFormGroup }, - // "CoreFormGroupLabel" : { comp: CoreFormGroupLabel }, - // "CoreFormHeader" : { comp: CoreFormHeader }, - // "CoreFormHeaderActions" : { comp: CoreFormHeaderActions }, - // "CoreFormHelperText" : { comp: CoreFormHelperText }, - // "CoreFormLabelCheckbox" : { comp: CoreFormLabelCheckbox }, - // "CoreGoogleButton" : { comp: CoreGoogleButton }, - // "CoreGrid" : { comp: CoreGrid }, - // "CoreGridItem" : { comp: CoreGridItem }, - // "CoreH" : { comp: CoreH }, - "CoreH1" : { comp: CoreH1 }, - // eslint-disable-next-line etc/no-commented-out-code - // "CoreH2" : { comp: CoreH2 }, - // "CoreH3" : { comp: CoreH3 }, - // "CoreH4" : { comp: CoreH4 }, - // "CoreH5" : { comp: CoreH5 }, - // "CoreH6" : { comp: CoreH6 }, - // "CoreIcon" : { comp: CoreIcon }, - // "CoreIconButton" : { comp: CoreIconButton }, - // "CoreIconText" : { comp: CoreIconText }, - // "CoreImage" : { comp: CoreImage }, - // "CoreImageBackground" : { comp: CoreImageBackground }, - // "CoreImagePicker" : { comp: CoreImagePicker }, - // "CoreInput" : { comp: CoreInput }, - // "CoreInputAdornment" : { comp: CoreInputAdornment }, - // "CoreInputLabel" : { comp: CoreInputLabel }, - // "CoreInputPassword" : { comp: CoreInputPassword }, - // "CoreJSONEditor" : { comp: CoreJSONEditor }, - // "CoreJSONInput" : { comp: CoreJSONInput }, - // "CoreLabel" : { comp: CoreLabel }, - // "CoreLinearProgress" : { comp: CoreLinearProgress }, - // "CoreLink" : { comp: CoreLink }, - // "CoreList" : { comp: CoreList }, - // "CoreListItem" : { comp: CoreListItem }, - // "CoreListItemButton" : { comp: CoreListItemButton }, - // "CoreListItemIcon" : { comp: CoreListItemIcon }, - // "CoreListItemText" : { comp: CoreListItemText }, - // "CoreLoginDetails" : { comp: CoreLoginDetails }, - // "CoreMarkdownViewer" : { comp: CoreMarkdownViewer }, - // "CoreMedicineSelector" : { comp: CoreMedicineSelector }, - // "CoreMenu" : { comp: CoreMenu }, - // "CoreMenuItem" : { comp: CoreMenuItem }, - // "CoreMenuList" : { comp: CoreMenuList }, - // "CoreModal" : { comp: CoreModal }, - // "CoreMultiTimeRangePicker" : { comp: CoreMultiTimeRangePicker }, - // "CoreNavigation" : { comp: CoreNavigation }, - // "CoreOtpInput" : { comp: CoreOtpInput }, - // "CoreOutlinedButton" : { comp: CoreOutlinedButton }, - // "CorePaper" : { comp: CorePaper }, - // "CorePhone" : { comp: CorePhone }, - // "CorePhoneLink" : { comp: CorePhoneLink }, - // "CorePopover" : { comp: CorePopover }, - // "CoreProfilePopOver" : { comp: CoreProfilePopOver }, - // "CoreRating" : { comp: CoreRating }, - // "CoreReactSelectInput" : { comp: CoreReactSelectInput }, - // "CoreRequestProgressBar" : { comp: CoreRequestProgressBar }, - // "CoreResponsiveButton" : { comp: CoreResponsiveButton }, - // "CoreRichTextEditor" : { comp: CoreRichTextEditor }, - // "CoreRightDrawer" : { comp: CoreRightDrawer }, - // "CoreScrollTop" : { comp: CoreScrollTop }, - // "CoreSection" : { comp: CoreSection }, - // "CoreSelect" : { comp: CoreSelect }, - // "CoreSkeleton" : { comp: CoreSkeleton }, - // "CoreSnackbar" : { comp: CoreSnackbar }, - // "CoreSpan" : { comp: CoreSpan }, - // "CoreSpecificForm" : { comp: CoreSpecificForm }, - // "CoreStack" : { comp: CoreStack }, - // "CoreSwitch" : { comp: CoreSwitch }, - // "CoreTab" : { comp: CoreTab }, - // "CoreTabHead" : { comp: CoreTabHead }, - // "CoreTabPanel" : { comp: CoreTabPanel }, - // "CoreTable" : { comp: CoreTable }, - // "CoreTableAction" : { comp: CoreTableAction }, - // "CoreTableBody" : { comp: CoreTableBody }, - // "CoreTableBodyCell" : { comp: CoreTableBodyCell }, - // "CoreTableBulkAction" : { comp: CoreTableBulkAction }, - // "CoreTableCell" : { comp: CoreTableCell }, - // "CoreTableCollapsible" : { comp: CoreTableCollapsible }, - // "CoreTableContainer" : { comp: CoreTableContainer }, - // "CoreTableFilter" : { comp: CoreTableFilter }, - // "CoreTableFooter" : { comp: CoreTableFooter }, - // "CoreTableHead" : { comp: CoreTableHead }, - // "CoreTableHeadCell" : { comp: CoreTableHeadCell }, - // "CoreTableHeadRow" : { comp: CoreTableHeadRow }, - // "CoreTablePagination" : { comp: CoreTablePagination }, - // "CoreTableRow" : { comp: CoreTableRow }, - // "CoreTableSkeleton" : { comp: CoreTableSkeleton }, - // "CoreTableSortLabel" : { comp: CoreTableSortLabel }, - // "CoreTableToolBar" : { comp: CoreTableToolBar }, - // "CoreTabs" : { comp: CoreTabs }, - // "CoreTermsPrivacyLink" : { comp: CoreTermsPrivacyLink }, - // "CoreTextButton" : { comp: CoreTextButton }, - // "CoreTextField" : { comp: CoreTextField }, - // "CoreTextarea" : { comp: CoreTextarea }, - // "CoreTimePicker" : { comp: CoreTimePicker }, - // "CoreTimeRangePicker" : { comp: CoreTimeRangePicker }, - // "CoreToolbar" : { comp: CoreToolbar }, - // "CoreTooltip" : { comp: CoreTooltip }, - // "CoreTypography" : { comp: CoreTypography }, - // "CoreTypographyBody1" : { comp: CoreTypographyBody1 }, - // "CoreTypographyBody2" : { comp: CoreTypographyBody2 }, - // "CoreTypographyButton" : { comp: CoreTypographyButton }, - // "CoreTypographyCaption" : { comp: CoreTypographyCaption }, - // "CoreTypographyOverline" : { comp: CoreTypographyOverline }, - // "CoreTypographySubtitle1" : { comp: CoreTypographySubtitle1 }, - // "CoreTypographySubtitle2" : { comp: CoreTypographySubtitle2 }, - // "CoreViewField" : { comp: CoreViewField }, - // "CoreViewForm" : { comp: CoreViewForm }, - // "DevCoreDataTable" : { comp: DevCoreDataTable }, - // "ExportData" : { comp: ExportData }, - // "FilterColumn" : { comp: FilterColumn }, - // "FilterData" : { comp: FilterData }, - // "HelpAndSupportPopOver" : { comp: HelpAndSupportPopOver }, - // "Logout" : { comp: Logout }, - // "NotificationPopOver" : { comp: NotificationPopOver }, - // "ParentChildMap" : { comp: ParentChildMap }, - // "QuickAddPopOver" : { comp: QuickAddPopOver }, - // "SortTableData" : { comp: SortTableData }, - // "SplashComponent" : { comp: SplashComponent }, - // "StatusText" : { comp: StatusText }, - // "TableDensity" : { comp: TableDensity }, - // "TableRowAuditData" : { comp: TableRowAuditData }, - // "UserChip" : { comp: UserChip }, - "PageLoader": { comp: PageLoader } +const CoreComponentsRegistry = { + AppContainerLayout : { category: "layouts", comp: AppContainerLayout, layout: true }, + BlankLayout : { category: "layouts", comp: BlankLayout, layout: true }, + CenteredBlankLayout : { category: "layouts", comp: CenteredBlankLayout, layout: true }, + ChildMap : { category: "inputs", comp: ChildMap }, + ClipboardCopyButton : { category: "utils", comp: ClipboardCopyButton }, + ComplexLayout : { category: "layouts", comp: ComplexLayout, layout: true }, + CoreAccordion : { category: "surfaces", comp: CoreAccordion }, + CoreAccordionDetail : { category: "surfaces", comp: CoreAccordionDetail }, + CoreAccordionSummary : { category: "surfaces", comp: CoreAccordionSummary }, + CoreAlert : { category: "feedback", comp: CoreAlert }, + CoreAlertTitle : { category: "feedback", comp: CoreAlertTitle }, + CoreApiVersion : { category: "utils", comp: CoreApiVersion }, + CoreAppBar : { category: "surfaces", comp: CoreAppBar }, + CoreAsyncSelect : { category: "inputs", comp: CoreAsyncSelect }, + CoreAutocomplete : { category: "inputs", comp: CoreAutocomplete }, + CoreAvatar : { category: "dataDisplay", comp: CoreAvatar }, + CoreAvatarGroup : { category: "dataDisplay", comp: CoreAvatarGroup }, + CoreAwayListner : { category: "utils", comp: CoreAwayListner }, + CoreBackdrop : { category: "feedback", comp: CoreBackdrop }, + CoreBadge : { category: "dataDisplay", comp: CoreBadge }, + CoreBox : { category: "layouts", comp: CoreBox }, + CoreButton : { category: "inputs", comp: CoreButton }, + CoreCard : { category: "surfaces", comp: CoreCard }, + CoreCardActionArea : { category: "surfaces", comp: CoreCardActionArea }, + CoreCardActions : { category: "surfaces", comp: CoreCardActions }, + CoreCardContent : { category: "surfaces", comp: CoreCardContent }, + CoreCardHeader : { category: "surfaces", comp: CoreCardHeader }, + CoreCardMedia : { category: "surfaces", comp: CoreCardMedia }, + CoreCheckbox : { category: "inputs", comp: CoreCheckbox }, + CoreChip : { category: "dataDisplay", comp: CoreChip }, + CoreCircularProgress : { category: "feedback", comp: CoreCircularProgress }, + CoreCollapse : { category: "surfaces", comp: CoreCollapse }, + CoreColorInput : { category: "inputs", comp: CoreColorInput }, + CoreComponent : { category: "utils", comp: CoreComponent }, + CoreConfirmPasswordField : { category: "inputs", comp: CoreConfirmPasswordField }, + CoreContainedButton : { category: "inputs", comp: CoreContainedButton }, + CoreContainer : { category: "layouts", comp: CoreContainer }, + CoreCustomTabs : { category: "navigation", comp: CoreCustomTabs }, + CoreDataTable : { category: "dataDisplay", comp: CoreDataTable }, + CoreDateRangepicker : { category: "inputs", comp: CoreDateRangepicker }, + CoreDateTimePicker : { category: "inputs", comp: CoreDateTimePicker }, + CoreDateTimeRangePicker : { category: "inputs", comp: CoreDateTimeRangePicker }, + CoreDatepicker : { category: "inputs", comp: CoreDatepicker }, + CoreDialog : { category: "feedback", comp: CoreDialog }, + CoreDivider : { category: "dataDisplay", comp: CoreDivider }, + CoreDrawer : { category: "surfaces", comp: CoreDrawer }, + CoreEmailLink : { category: "dataDisplay", comp: CoreEmailLink }, + CoreEmailOrPhoneLink : { category: "dataDisplay", comp: CoreEmailOrPhoneLink }, + CoreFab : { category: "inputs", comp: CoreFab }, + CoreFade : { category: "utils", comp: CoreFade }, + CoreFilePicker : { category: "inputs", comp: CoreFilePicker }, + CoreFlatList : { category: "dataDisplay", comp: CoreFlatList }, + CoreFooter : { category: "surfaces", comp: CoreFooter }, + CoreForm : { category: "inputs", comp: CoreForm }, + CoreFormControl : { category: "inputs", comp: CoreFormControl }, + CoreFormControlLabel : { category: "inputs", comp: CoreFormControlLabel }, + CoreFormErrorText : { category: "inputs", comp: CoreFormErrorText }, + CoreFormGroup : { category: "inputs", comp: CoreFormGroup }, + CoreFormHelperText : { category: "inputs", comp: CoreFormHelperText }, + CoreFormLabelCheckbox : { category: "inputs", comp: CoreFormLabelCheckbox }, + CoreGoogleButton : { category: "inputs", comp: CoreGoogleButton }, + CoreGrid : { category: "layouts", comp: CoreGrid }, + CoreH1 : { category: "dataDisplay", comp: CoreH1 }, + CoreH2 : { category: "dataDisplay", comp: CoreH2 }, + CoreH3 : { category: "dataDisplay", comp: CoreH3 }, + CoreH4 : { category: "dataDisplay", comp: CoreH4 }, + CoreH5 : { category: "dataDisplay", comp: CoreH5 }, + CoreH6 : { category: "dataDisplay", comp: CoreH6 }, + CoreIcon : { category: "dataDisplay", comp: CoreIcon }, + CoreIconButton : { category: "inputs", comp: CoreIconButton }, + CoreIconText : { category: "dataDisplay", comp: CoreIconText }, + CoreImage : { category: "dataDisplay", comp: CoreImage }, + CoreImageBackground : { category: "layouts", comp: CoreImageBackground }, + CoreImagePicker : { category: "inputs", comp: CoreImagePicker }, + CoreInput : { category: "inputs", comp: CoreInput }, + CoreInputAdornment : { category: "inputs", comp: CoreInputAdornment }, + CoreInputLabel : { category: "inputs", comp: CoreInputLabel }, + CoreInputPassword : { category: "inputs", comp: CoreInputPassword }, + CoreJSONEditor : { category: "inputs", comp: CoreJSONEditor }, + CoreJSONInput : { category: "inputs", comp: CoreJSONInput }, + CoreLabel : { category: "dataDisplay", comp: CoreLabel }, + CoreLinearProgress : { category: "feedback", comp: CoreLinearProgress }, + CoreLink : { category: "navigation", comp: CoreLink }, + CoreList : { category: "dataDisplay", comp: CoreList }, + CoreListItem : { category: "dataDisplay", comp: CoreListItem }, + CoreListItemAvatar : { category: "dataDisplay", comp: CoreListItemAvatar }, + CoreListItemButton : { category: "dataDisplay", comp: CoreListItemButton }, + CoreListItemIcon : { category: "dataDisplay", comp: CoreListItemIcon }, + CoreListItemSecondaryAction: { category: "dataDisplay", comp: CoreListItemSecondaryAction }, + CoreListItemText : { category: "dataDisplay", comp: CoreListItemText }, + CoreListSubheader : { category: "dataDisplay", comp: CoreListSubheader }, + CoreLoginDetails : { category: "utils", comp: CoreLoginDetails }, + CoreMarkdownViewer : { category: "dataDisplay", comp: CoreMarkdownViewer }, + CoreMedicineSelector : { category: "inputs", comp: CoreMedicineSelector }, + CoreMenu : { category: "navigation", comp: CoreMenu }, + CoreMenuItem : { category: "navigation", comp: CoreMenuItem }, + CoreMenuList : { category: "navigation", comp: CoreMenuList }, + CoreModal : { category: "utils", comp: CoreModal }, + CoreMultiTimeRangePicker : { category: "inputs", comp: CoreMultiTimeRangePicker }, + CoreNetworkStatus : { category: "utils", comp: CoreNetworkStatus }, + CoreOtpInput : { category: "inputs", comp: CoreOtpInput }, + CoreOutlinedButton : { category: "inputs", comp: CoreOutlinedButton }, + CorePaper : { category: "surfaces", comp: CorePaper }, + CorePhone : { category: "inputs", comp: CorePhone }, + CorePhoneLink : { category: "dataDisplay", comp: CorePhoneLink }, + CorePopover : { category: "utils", comp: CorePopover }, + CoreProfilePopOver : { category: "utils", comp: CoreProfilePopOver }, + CoreRating : { category: "inputs", comp: CoreRating }, + CoreReactSelectInput : { category: "inputs", comp: CoreReactSelectInput }, + CoreResponsiveButton : { category: "inputs", comp: CoreResponsiveButton }, + CoreRichTextEditor : { category: "inputs", comp: CoreRichTextEditor }, + CoreRightDrawer : { category: "surfaces", comp: CoreRightDrawer }, + CoreScrollTop : { category: "navigation", comp: CoreScrollTop }, + CoreSection : { category: "layouts", comp: CoreSection }, + CoreSelect : { category: "inputs", comp: CoreSelect }, + CoreSkeleton : { category: "feedback", comp: CoreSkeleton }, + CoreSnackbar : { category: "feedback", comp: CoreSnackbar }, + CoreSpan : { category: "layouts", comp: CoreSpan }, + CoreSpeechToText : { category: "inputs", comp: CoreSpeechToText }, + CoreStack : { category: "layouts", comp: CoreStack }, + CoreSwitch : { category: "inputs", comp: CoreSwitch }, + CoreTOC : { category: "navigation", comp: CoreTOC }, + CoreTab : { category: "navigation", comp: CoreTab }, + CoreTabHead : { category: "navigation", comp: CoreTabHead }, + CoreTabPanel : { category: "navigation", comp: CoreTabPanel }, + CoreTable : { category: "dataDisplay", comp: CoreTable }, + CoreTableBody : { category: "dataDisplay", comp: CoreTableBody }, + CoreTableBodyCell : { category: "dataDisplay", comp: CoreTableBodyCell }, + CoreTableCell : { category: "dataDisplay", comp: CoreTableCell }, + CoreTableContainer : { category: "dataDisplay", comp: CoreTableContainer }, + CoreTableFooter : { category: "dataDisplay", comp: CoreTableFooter }, + CoreTableHead : { category: "dataDisplay", comp: CoreTableHead }, + CoreTableHeadCell : { category: "dataDisplay", comp: CoreTableHeadCell }, + CoreTableHeadRow : { category: "dataDisplay", comp: CoreTableHeadRow }, + CoreTablePagination : { category: "dataDisplay", comp: CoreTablePagination }, + CoreTableRow : { category: "dataDisplay", comp: CoreTableRow }, + CoreTableSortLabel : { category: "dataDisplay", comp: CoreTableSortLabel }, + CoreTabs : { category: "navigation", comp: CoreTabs }, + CoreTextButton : { category: "inputs", comp: CoreTextButton }, + CoreTextField : { category: "inputs", comp: CoreTextField }, + CoreTextarea : { category: "inputs", comp: CoreTextarea }, + CoreTimePicker : { category: "inputs", comp: CoreTimePicker }, + CoreTimeRangePicker : { category: "inputs", comp: CoreTimeRangePicker }, + CoreTimer : { category: "dataDisplay", comp: CoreTimer }, + CoreToolBox : { category: "surfaces", comp: CoreToolBox }, + CoreToolbar : { category: "surfaces", comp: CoreToolbar }, + CoreTooltip : { category: "dataDisplay", comp: CoreTooltip }, + CoreTypographyBody1 : { category: "dataDisplay", comp: CoreTypographyBody1 }, + CoreTypographyBody2 : { category: "dataDisplay", comp: CoreTypographyBody2 }, + CoreTypographyButton : { category: "dataDisplay", comp: CoreTypographyButton }, + CoreTypographyCaption : { category: "dataDisplay", comp: CoreTypographyCaption }, + CoreTypographyOverline : { category: "dataDisplay", comp: CoreTypographyOverline }, + CoreTypographySubtitle1 : { category: "dataDisplay", comp: CoreTypographySubtitle1 }, + CoreTypographySubtitle2 : { category: "dataDisplay", comp: CoreTypographySubtitle2 }, + FixedFooterLayout : { category: "layouts", comp: FixedFooterLayout, layout: true }, + FixedHeaderFooterLayout : { category: "layouts", comp: FixedHeaderFooterLayout, layout: true }, + FixedHeaderLayout : { category: "layouts", comp: FixedHeaderLayout, layout: true }, + FooterLayout : { category: "layouts", comp: FooterLayout, layout: true }, + HCenteredBlankLayout : { category: "layouts", comp: HCenteredBlankLayout, layout: true }, + HeaderFooterLayout : { category: "layouts", comp: HeaderFooterLayout, layout: true }, + HeaderLayout : { category: "layouts", comp: HeaderLayout, layout: true }, + LeftDrawerLayout : { category: "layouts", comp: LeftDrawerLayout, layout: true }, + LeftRightDrawerLayout : { category: "layouts", comp: LeftRightDrawerLayout, layout: true }, + NotificationPopOver : { category: "utils", comp: NotificationPopOver }, + ParentChildMap : { category: "inputs", comp: ParentChildMap }, + RightDrawerLayout : { category: "layouts", comp: RightDrawerLayout, layout: true }, + StatusText : { category: "dataDisplay", comp: StatusText }, + ThreeColumnLayout : { category: "layouts", comp: ThreeColumnLayout, layout: true }, + TwoColumnLayout : { category: "layouts", comp: TwoColumnLayout, layout: true }, + UserChip : { category: "dataDisplay", comp: UserChip }, + VCenteredBlankLayout : { category: "layouts", comp: VCenteredBlankLayout, layout: true }, }; + +export default CoreComponentsRegistry; \ No newline at end of file diff --git a/package/components/dataDisplay/CoreList.js b/package/components/dataDisplay/CoreList.js index bcf5344e..4240b897 100644 --- a/package/components/dataDisplay/CoreList.js +++ b/package/components/dataDisplay/CoreList.js @@ -147,15 +147,30 @@ CoreList.validProps = [ types : [{ type: "object" }], }, { - description: "This helps to add StyleClasses into the children of corelist.", - name : "toolbox", + description: "This helps to add toolbox to selaect the size in the corelist.", + name : "toolbar", types : [ { - default : true, + default : false, type : "boolean", validValues: [true, false] } ], + }, + { + description: "This helps to add Searchbar in the toolbar of corelist.", + name : "search", + types : [{ type: "object" }], + }, + { + description: "This helps to add Searchbar in the toolbar of corelist.", + name : "items", + types : [{ type: "object" }], + }, + { + description: "This helps to add Searchbar in the toolbar of corelist.", + name : "JSONOptions", + types : [{ type: "object" }], } ]; diff --git a/package/components/dataDisplay/dataTable/CoreDataTableDetailsPane.js b/package/components/dataDisplay/dataTable/CoreDataTableDetailsPane.js index 45f77231..c98d99fd 100644 --- a/package/components/dataDisplay/dataTable/CoreDataTableDetailsPane.js +++ b/package/components/dataDisplay/dataTable/CoreDataTableDetailsPane.js @@ -8,7 +8,7 @@ import { WrappidDataContext } from "@wrappid/styles"; import CoreDataTableDetailsPaneContainer from "./CoreDataTableDetailsPaneContainer"; import CoreTableAction from "./CoreTableAction"; import TableRowAuditData from "./TableRowAuditData"; -import { ENV_DEV_MODE, MEDIUM_WINDOW_WIDTH } from "../../../config/constants"; +import { ENV_DEV_MODE, SMALL_WINDOW_WIDTH } from "../../../config/constants"; import CoreClasses from "../../../styles/CoreClasses"; import { getLabel } from "../../../utils/stringUtils"; import { APP_PLATFORM } from "../../../utils/themeUtil"; @@ -122,7 +122,7 @@ export default function CoreDataTableDetailsPane(props) { rowActions.length > 0 && ( )} - {(window.windowWidth < MEDIUM_WINDOW_WIDTH || + {(window.innerWidth < SMALL_WINDOW_WIDTH || config?.wrappid?.platform === APP_PLATFORM) && ( 0 && ( )} - {(window.windowWidth < MEDIUM_WINDOW_WIDTH || + {(window.innerWidth < SMALL_WINDOW_WIDTH || config?.wrappid?.platform === APP_PLATFORM) && ( { - if(formik){ - formik?.setFieldValue(id, value); - } - if(props?.onChange){ - props?.onChange(value); - } - setStartTime(value); - }; - const onChangeEndTime = (value) => { - if(formik){ - formik?.setFieldValue(id, value); - } - if(props?.onChange){ - props?.onChange(value); - } - setEndTime(value); - }; - + const { + // eslint-disable-next-line no-unused-vars + id, label, onChange, value, formik, ampm + } = props; const [timeRanges, setTimeRanges] = React.useState([ { endTime : null, @@ -68,12 +50,12 @@ export default function CoreMultiTimeRangePicker(props) { setTimeRanges(y); }; - // const _handleChange = (i, v, type) => { - // let x = [...timeRanges]; + const _handleChange = (i, v, type) => { + let x = [...timeRanges]; - // x[i][type] = v?.format("LLL"); - // formik.setFieldValue(props.id, x); - // }; + x[i][type] = v?.format("LLL"); + formik.setFieldValue(props.id, x); + }; // -- console.log("END VALUE", id, spValue, value); @@ -89,8 +71,10 @@ export default function CoreMultiTimeRangePicker(props) { label={props.startTimeLabel ? props.startTimeLabel : "Start Time"} inputFormat={props.ampm ? "hh:mm" : "HH:MM"} ampm={props.ampm ? true : false} - value={timeRange.startTime ? moment(timeRange.startTime) : startTime} - onChange={onChangeStartTime} + value={timeRange.startTime ? moment(timeRange.startTime) : null} + onChange={(v) => { + _handleChange(index, v, "startTime"); + }} touched={props.touched} error={props.error} /> @@ -101,8 +85,10 @@ export default function CoreMultiTimeRangePicker(props) { label={props.endTimeLabel ? props.endTimeLabel : "End Time"} inputFormat={props.ampm ? "hh:mm" : "HH:MM"} ampm={props.ampm ? true : false} - value={timeRange.endTime ? moment(timeRange.endTime) : endTime} - onChange={onChangeEndTime} + value={timeRange.endTime ? moment(timeRange.endTime) : null} + onChange={(v) => { + _handleChange(index, v, "endTime"); + }} touched={props.touched} error={props.error} /> @@ -132,11 +118,4 @@ export default function CoreMultiTimeRangePicker(props) { ); -} -CoreMultiTimeRangePicker.validProps = [ - { - name : "formik", - types: [{ type: "object" }] - } -]; -CoreMultiTimeRangePicker.invalidProps = []; \ No newline at end of file +} \ No newline at end of file diff --git a/package/components/inputs/custom/FacebookAuthComponent.js b/package/components/inputs/custom/FacebookAuthComponent.js new file mode 100644 index 00000000..17f79fe2 --- /dev/null +++ b/package/components/inputs/custom/FacebookAuthComponent.js @@ -0,0 +1,84 @@ +// eslint-disable-next-line unused-imports/no-unused-imports, no-unused-vars +import React, { useEffect } from "react"; + +// eslint-disable-next-line import/no-unresolved +import { NativeFacebookAuthComponent } from "@wrappid/native"; +// eslint-disable-next-line import/no-unresolved +import { WrappidDataContext } from "@wrappid/styles"; +import { useDispatch } from "react-redux"; + +import { HTTP } from "../../../config/constants"; +import { apiRequestAction } from "../../../store/action/appActions"; +import CoreButton from "../CoreButton"; + +const FacebookAuthComponent = (props) => { + const dispatch = useDispatch(); + const { config } = React.useContext(WrappidDataContext); + + useEffect(() => { + // Load the Facebook SDK + window.fbAsyncInit = function () { + window.FB.init({ + appId : config?.wrappid?.socialLogin?.facebook?.appId, + config_id: config?.wrappid?.socialLogin?.facebook?.configId, + cookie : true, + version : "v20.0", + xfbml : true, + + }); + }; + + (function (document, elementType, scriptId) { + let facebookScript, + fjs = document.getElementsByTagName(elementType)[0]; + + if (document.getElementById(scriptId)) return; + facebookScript = document.createElement(elementType); + facebookScript.id = scriptId; + facebookScript.src = "https://connect.facebook.net/en_US/sdk.js"; + fjs.parentNode.insertBefore(facebookScript, fjs); + })(document, "script", "facebook-jssdk"); + }, []); + + const handleFacebookLogin = () => { + window.FB.login( + function (response) { + if (response.authResponse) { + fetchUserData(response.authResponse.accessToken); + } + }, + { + config_id : config?.wrappid?.socialLogin?.facebook?.configId, + response_type: "code", + scope : "public_profile,email", + } + ); + }; + + const fetchUserData = (accessToken) => { + const data = { platformToken: accessToken }; + + dispatch( + apiRequestAction( + HTTP.POST, + "/login/social/facebook", + false, + data, + "LOGIN_SUCCESS", + "LOGIN_ERROR" + ) + ); + }; + + return ( + handleFacebookLogin()} + label="Facebook" + {...props} + /> + ); +}; + +FacebookAuthComponent.ValidProps = [...CoreButton.validProps]; + +export default FacebookAuthComponent; diff --git a/package/components/inputs/custom/GithubAuthComponent.js b/package/components/inputs/custom/GithubAuthComponent.js new file mode 100644 index 00000000..023245c5 --- /dev/null +++ b/package/components/inputs/custom/GithubAuthComponent.js @@ -0,0 +1,45 @@ +/* eslint-disable etc/no-commented-out-code */ +/* eslint-disable import/no-unresolved */ +import React, { useEffect, useState } from "react"; + +import { apiRequestAction, HTTP } from "@wrappid/core"; +import { NativeGithubAuthComponent } from "@wrappid/native"; +import { WrappidDataContext } from "@wrappid/styles"; +import { useDispatch } from "react-redux"; + +export default function GithubAuthComponent(props) { + const { config } = React.useContext(WrappidDataContext); + const dispatch = useDispatch(); + const [github_code, setGithub_code] = useState(""); + + useEffect(() => { + // const currentUrl = window.location.href; + + const state = new URLSearchParams(window.location.search).get("state"); + const code = new URLSearchParams(window.location.search).get("code"); + + if ((code != null) && state === null) { + setGithub_code(code); + } + }, []); + + useEffect(() => { + const backend_Endpoint = "/login/social/github"; + + if(github_code === ""){return;} + dispatch( + apiRequestAction(HTTP.POST, backend_Endpoint, false, { "platformToken": github_code }, "LOGIN_SUCCESS", + "LOGIN_ERROR")); + setGithub_code(""); + }, [github_code]); + + const handleAuthoriseGithub = () => { + + const clientId = config.wrappid.socialLogin.github.clientId; + + window.location.href = `https://github.com/login/oauth/authorize?client_id=${clientId}&scope=repo,discussions,read:user,user:email `; + return; + }; + + return (); +} \ No newline at end of file diff --git a/package/components/inputs/custom/GoogleAuthComponent.js b/package/components/inputs/custom/GoogleAuthComponent.js new file mode 100644 index 00000000..cd0266d9 --- /dev/null +++ b/package/components/inputs/custom/GoogleAuthComponent.js @@ -0,0 +1,79 @@ +/* eslint-disable etc/no-commented-out-code */ +// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports +import React, { useEffect, useRef } from "react"; + +// eslint-disable-next-line import/no-unresolved +import { WrappidDataContext } from "@wrappid/styles"; +import { useDispatch } from "react-redux"; + +import { HTTP } from "../../../config/constants"; +import { apiRequestAction } from "../../../store/action/appActions"; +import CoreBox from "../../layouts/CoreBox"; + +const GoogleAuthComponent = () => { + const { config } = React.useContext(WrappidDataContext); + const dispatch = useDispatch(); + + const buttonRef = useRef(null); + + useEffect(() => { + const script = document.createElement("script"); + + script.src = "https://accounts.google.com/gsi/client"; + script.async = true; + script.defer = true; + script.onload = initializeGoogleSignIn; + document.body.appendChild(script); + + return () => { + document.body.removeChild(script); + }; + }, []); + + const handleCredentialResponse = (response) => { + // You can send this token to your server or handle it as needed + const data = { platformToken: response.credential }; + + dispatch( + apiRequestAction( + HTTP.POST, + "/login/social/google", + false, + data, + "LOGIN_SUCCESS", + "LOGIN_ERROR" + ) + ); + }; + + const initializeGoogleSignIn = () => { + if (window.google) { + window.google.accounts.id.initialize({ + + auto_select: false, + // Replace with your actual client ID + callback : handleCredentialResponse, + client_id : config.wrappid.socialLogin.google.clientId + }); + + window.google.accounts.id.renderButton( + buttonRef.current, + { + logo_alignment: "center", + shape : "circle", + size : "large", + theme : "filled_grey", + type : "icon" + } // customization attributes + ); + window.google.accounts.id.prompt(); // also display the One Tap dialog + } + }; + + return ( + + + ); +}; + +export default GoogleAuthComponent; \ No newline at end of file diff --git a/package/components/inputs/custom/LinkedInAuthComponent.js b/package/components/inputs/custom/LinkedInAuthComponent.js new file mode 100644 index 00000000..7ec22985 --- /dev/null +++ b/package/components/inputs/custom/LinkedInAuthComponent.js @@ -0,0 +1,74 @@ +/* eslint-disable no-console */ +// eslint-disable-next-line unused-imports/no-unused-imports, no-unused-vars +import React, { useState, useEffect } from "react"; + +// eslint-disable-next-line import/no-unresolved +import { NativeLinkedInAuthComponent } from "@wrappid/native"; +// eslint-disable-next-line import/no-unresolved +import { WrappidDataContext } from "@wrappid/styles"; +import { useDispatch } from "react-redux"; + +import CoreButton from "./../CoreButton"; +import { HTTP } from "../../../config/constants"; +import { apiRequestAction } from "../../../store/action/appActions"; +import CoreBox from "../../layouts/CoreBox"; + +export default function LinkedInAuthComponent(props){ + const { config } = React.useContext(WrappidDataContext); + const dispatch = useDispatch(); + + const clientId = config?.wrappid?.socialLogin?.linkedin?.apiKey; + const redirectUri = config?.wrappid?.socialLogin?.linkedin?.callbackURL; + const scopes = "profile w_member_social email openid"; + const state = "4b1a92d8c1e7a9"; + + const authUrl = `https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=${clientId}&redirect_uri=${encodeURIComponent( + redirectUri + )}&state=${state}&scope=${encodeURIComponent(scopes)}`; + + const handleClick = () => { + // Redirect user to LinkedIn auth URL + console.log(authUrl); + window.location.href = authUrl; + }; + const fetchUserData = (authCode) => { + const data = { platformToken: authCode }; + + dispatch( + apiRequestAction( + HTTP.POST, + "/login/social/linkedin", + false, + data, + "LOGIN_SUCCESS", + "LOGIN_ERROR" + ) + ); + }; + const [authCode, setAuthCode] = useState(null); + + useEffect(() => { + // Extract the authorization code from the URL + const queryParams = new URLSearchParams(window.location.search); + const state = new URLSearchParams(window.location.search).get("state"); + + const code = queryParams.get("code"); + + if ((code != null) && (state != null)) { + setAuthCode(code); + } + + if(authCode !== null){ + // eslint-disable-next-line no-unused-vars + fetchUserData(authCode); + } + }, [authCode]); + + return ( + + + + ); +} + +LinkedInAuthComponent.validProps = [...CoreButton.validProps]; \ No newline at end of file diff --git a/package/components/layouts/_system/RightDrawerLayout.js b/package/components/layouts/_system/RightDrawerLayout.js index 1e452edb..bb60f9bc 100644 --- a/package/components/layouts/_system/RightDrawerLayout.js +++ b/package/components/layouts/_system/RightDrawerLayout.js @@ -4,20 +4,30 @@ import React from "react"; import CoreLayoutPlaceholder from "../../../layout/CoreLayoutPlaceholder"; import CoreClasses from "../../../styles/CoreClasses"; import CoreBox from "../CoreBox"; +import CoreGrid from "../CoreGrid"; /* Right Drawer with header */ export default function RightDrawerLayout() { return ( <> - - - - - - - - + + + + + + + + + + + ); diff --git a/package/components/surfaces/CoreToolBox.js b/package/components/surfaces/CoreToolBox.js new file mode 100644 index 00000000..6b9a822d --- /dev/null +++ b/package/components/surfaces/CoreToolBox.js @@ -0,0 +1,79 @@ +// eslint-disable-next-line unused-imports/no-unused-imports, no-unused-vars +import React from "react"; + +// eslint-disable-next-line import/no-unresolved +import { NativeToolBox } from "@wrappid/native"; + +import CoreCard from "./CoreCard"; +import { sanitizeComponentProps } from "../../utils/componentUtil"; + +export default function CoreToolBox(props) { + props = sanitizeComponentProps(CoreToolBox, props); + + return ; +} + +CoreToolBox.validProps = [ + ...CoreCard.validProps, + { + description: "Controls the resize behavior of the card.", + name : "resize", + types : [ + { + default : "none", + type : "string", + validValues: ["both", "horizontal", "vertical", "none"] + } + ] + }, + { + description: "The title displayed in the card header.", + name : "toolTitle", + types : [ + { + default : "", + type : "string", + validValues: [] + } + ] + }, + { + description: "The initial horizontal position of the card.", + name : "positionLeft", + types : [ + { + default : undefined, + type : "number", + validValues: [] + } + ] + }, + { + description: "The initial vertical position of the card.", + name : "positionTop", + types : [ + { + default : undefined, + type : "number", + validValues: [] + } + ] + }, + { + description: "This is for expand handelling", + name : "expandProp", + types : [ + { + default: true, + type : "boolean" + } + ] + }, + { + description: "The toolboxActionButton to display in the card header.", + name : "toolboxActionButton", + types : [{ type: "node" }], + } +]; + +CoreToolBox.invalidProps = []; diff --git a/package/index.js b/package/index.js index 6072c360..2e83ec94 100644 --- a/package/index.js +++ b/package/index.js @@ -6,7 +6,7 @@ import { useNetworkStatus } from "@wrappid/native"; import CoreAwayListner from "./components/CoreAwayListner"; import CoreComponent from "./components/CoreComponent"; -import { coreComponentsRegistry as CoreComponentsRegistry } from "./components/CoreComponentsRegistry"; +import CoreComponentsRegistry from "./components/CoreComponentsRegistry"; import CoreAvatar from "./components/dataDisplay/CoreAvatar"; import CoreAvatarGroup from "./components/dataDisplay/CoreAvatarGroup"; import CoreBadge from "./components/dataDisplay/CoreBadge"; @@ -111,6 +111,10 @@ import CoreTextButton from "./components/inputs/CoreTextButton"; import CoreTextField from "./components/inputs/CoreTextField"; import CoreTimePicker from "./components/inputs/CoreTimePicker"; import CoreTimeRangePicker from "./components/inputs/CoreTimeRangePicker"; +import FacebookAuthComponent from "./components/inputs/custom/FacebookAuthComponent"; +import GithubAuthComponent from "./components/inputs/custom/GithubAuthComponent"; +import GoogleAuthComponent from "./components/inputs/custom/GoogleAuthComponent"; +import LinkedInAuthComponent from "./components/inputs/custom/LinkedInAuthComponent"; import CoreForm from "./components/inputs/forms/CoreForm"; import { FORM_EDIT_MODE, @@ -173,6 +177,7 @@ import CoreFooter from "./components/surfaces/CoreFooter"; import CorePaper from "./components/surfaces/CorePaper"; import CoreRightDrawer from "./components/surfaces/CoreRightDrawer"; import CoreToolbar from "./components/surfaces/CoreToolbar"; +import CoreToolBox from "./components/surfaces/CoreToolBox"; import ClipboardCopyButton from "./components/utils/ClipboardCopyButton"; import CoreApiVersion from "./components/utils/CoreApiVersion"; import CoreFade from "./components/utils/CoreFade"; @@ -236,7 +241,7 @@ import CoreThemeProvider from "./theme/CoreThemeProvider"; import ThemeSelector from "./theme/ThemeSelector"; import { copyToClipboard } from "./utils/appUtils"; import { clearValidatePhoneEmail } from "./utils/componentDefaultValidations"; -import { defaultInvalidProps, defaultValidProps } from "./utils/componentUtil"; +import { defaultInvalidProps, defaultValidProps, defaultValidEvents } from "./utils/componentUtil"; import { createApiMeta, getForm, getFormikRequiredMessage } from "./utils/formUtils"; import { createFormData, @@ -261,7 +266,7 @@ export { CoreAutocomplete, CoreAvatar, CoreAvatarGroup, CoreAwayListner, CoreBackdrop, CoreBadge, // CoreAppDiv, - CoreBox, CoreButton, CoreCard, + CoreBox, CoreButton, CoreCard, CoreToolBox, CoreCardActionArea, CoreCardActions, CoreCardContent, @@ -317,7 +322,7 @@ export { CoreTypographyCaption, CoreTypographyOverline, CoreTypographySubtitle1, - CoreTypographySubtitle2, coreUseLocation, coreUseNavigate, coreUseParams, coreUseSearchParams, createApiMeta, createFormData, createFullStore, DefaultCoreStyles, defaultInvalidProps, defaultValidProps, detectPlatform, FixedFooterLayout, + CoreTypographySubtitle2, coreUseLocation, coreUseNavigate, coreUseParams, coreUseSearchParams, createApiMeta, createFormData, createFullStore, DefaultCoreStyles, defaultInvalidProps, defaultValidProps, defaultValidEvents, detectPlatform, FixedFooterLayout, FixedHeaderFooterLayout, FixedHeaderLayout, FooterLayout, FORM_EDIT_MODE, @@ -337,6 +342,6 @@ export { ThemeSelector, ThreeColumnLayout, toggleMenuItemState, toggleRightMenuState, TwoColumnLayout, urls, useDynamicRefs, // Network status custom hook useNetworkStatus, UserChip, VCenteredBlankLayout, viewFormattedDate, WEB_PLATFORM, XLargeCoreStyles, - XXLargeCoreStyles + XXLargeCoreStyles, FacebookAuthComponent, GithubAuthComponent, LinkedInAuthComponent, GoogleAuthComponent }; diff --git a/package/package-lock.json b/package/package-lock.json index 38856a39..2a048f05 100644 --- a/package/package-lock.json +++ b/package/package-lock.json @@ -1,12 +1,12 @@ { "name": "@wrappid/core", - "version": "0.0.550", + "version": "0.0.568", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@wrappid/core", - "version": "0.0.550", + "version": "0.0.568", "license": "MIT", "peerDependencies": { "@reduxjs/toolkit": "1.9.1", diff --git a/package/package.json b/package/package.json index e65ac4d1..74c8a7f8 100644 --- a/package/package.json +++ b/package/package.json @@ -1,6 +1,6 @@ { "name": "@wrappid/core", - "version": "0.0.550", + "version": "0.0.568", "description": "Multi platform app builder core package.", "main": "index.js", "scripts": {}, diff --git a/package/registry/ComponentsRegistry.js b/package/registry/ComponentsRegistry.js index 36e8fabb..3e61c38b 100644 --- a/package/registry/ComponentsRegistry.js +++ b/package/registry/ComponentsRegistry.js @@ -1,7 +1,7 @@ // eslint-disable-next-line import/no-unresolved import { NativeAppContainer } from "@wrappid/native"; -import { coreComponentsRegistry } from "../components/CoreComponentsRegistry"; +import CoreComponentsRegistry from "../components/CoreComponentsRegistry"; import Logout from "../components/navigation/Logout"; import SplashComponent from "../components/navigation/SplashComponent"; import PageLoader from "../components/PageLoader"; @@ -20,7 +20,7 @@ let ComponentsRegistry = { * componentMap is form specific map for elements */ ...componentMap, - ...coreComponentsRegistry, + ...CoreComponentsRegistry, ...LayoutComponentsRegistry, ComponentNotFound : { comp: ComponentNotFound }, CoreLayoutItem : { comp: CoreLayoutItem }, diff --git a/package/service/AppService.js b/package/service/AppService.js index 24cb96fc..76867b6b 100644 --- a/package/service/AppService.js +++ b/package/service/AppService.js @@ -69,15 +69,23 @@ class AppService { async getEndpoint(method, endpoint, data) { - if(await this.isUrl(endpoint)){ - return endpoint; - }else{ + let processEndpoint = endpoint; + + (processEndpoint.indexOf("?") === -1) ? processEndpoint += "?" : processEndpoint += "&"; + + processEndpoint += `appID=${WrappidData?.config?.appID || ""}`; + + if(!await this.isUrl(processEndpoint)) + // return endpoint; + // }else + { let backendUrl = WrappidData?.config?.backendUrl; return method === HTTP.GET - ? queryBuilder(backendUrl + endpoint, data) - : backendUrl + endpoint; + ? queryBuilder(backendUrl + processEndpoint, data) + : backendUrl + processEndpoint; } + return processEndpoint; } } diff --git a/package/utils/componentUtil.js b/package/utils/componentUtil.js index a6732198..4362a3f6 100644 --- a/package/utils/componentUtil.js +++ b/package/utils/componentUtil.js @@ -21,7 +21,7 @@ export function getGridSizeProps(gridSize, formFlag, speechToText) { xl: formFlag ? FORM_XL_DEFAULT_GRID_SIZE : XL_DEFAULT_GRID_SIZE, xs: formFlag ? FORM_XS_DEFAULT_GRID_SIZE : XS_DEFAULT_GRID_SIZE, }; - + if (gridSize && !isNaN(gridSize)) { finalProps = { lg: gridSize, @@ -125,10 +125,347 @@ export const defaultFormControlProps = [ ]; export const defaultValidEvents = [ + // Mouse Events { - name : "onClick", - types: [{ type: "function" }], - } + description: "Fired when an element is clicked.", + name : "onClick", + types : [{ type: "function" }] + }, + { + description: "Fired when the right mouse button is clicked (before the context menu appears).", + name : "onContextMenu", + types : [{ type: "function" }] + }, + { + description: "Fired when an element is double-clicked.", + name : "onDoubleClick", + types : [{ type: "function" }] + }, + { + description: "Fired when a mouse button is pressed down on an element.", + name : "onMouseDown", + types : [{ type: "function" }] + }, + { + description: "Fired when the mouse enters an element.", + name : "onMouseEnter", + types : [{ type: "function" }] + }, + { + description: "Fired when the mouse leaves an element.", + name : "onMouseLeave", + types : [{ type: "function" }] + }, + { + description: "Fired when the mouse moves over an element.", + name : "onMouseMove", + types : [{ type: "function" }] + }, + { + description: "Fired when the mouse leaves an element or its child elements.", + name : "onMouseOut", + types : [{ type: "function" }] + }, + { + description: "Fired when the mouse enters an element or its child elements.", + name : "onMouseOver", + types : [{ type: "function" }] + }, + { + description: "Fired when a mouse button is released over an element.", + name : "onMouseUp", + types : [{ type: "function" }] + }, + + // Keyboard Events + { + description: "Fired when a key is pressed down.", + name : "onKeyDown", + types : [{ type: "function" }] + }, + { + description: "Fired when a key is pressed and released.", + name : "onKeyPress", + types : [{ type: "function" }] + }, + { + description: "Fired when a key is released.", + name : "onKeyUp", + types : [{ type: "function" }] + }, + + // Form Events + { + description: "Fired when the value of an input element changes.", + name : "onChange", + types : [{ type: "function" }] + }, + { + description: "Fired when an element gets user input.", + name : "onInput", + types : [{ type: "function" }] + }, + { + description: "Fired when an element is invalid.", + name : "onInvalid", + types : [{ type: "function" }] + }, + { + description: "Fired when a form is submitted.", + name : "onSubmit", + types : [{ type: "function" }] + }, + { + description: "Fired when a form is reset.", + name : "onReset", + types : [{ type: "function" }] + }, + + // Focus Events + { + description: "Fired when an element receives focus.", + name : "onFocus", + types : [{ type: "function" }] + }, + { + description: "Fired when an element loses focus.", + name : "onBlur", + types : [{ type: "function" }] + }, + + // Touch Events + { + description: "Fired when a touch point has been disrupted.", + name : "onTouchCancel", + types : [{ type: "function" }] + }, + { + description: "Fired when a touch point is removed from the touch surface.", + name : "onTouchEnd", + types : [{ type: "function" }] + }, + { + description: "Fired when a touch point is moved along the touch surface.", + name : "onTouchMove", + types : [{ type: "function" }] + }, + { + description: "Fired when a touch point is placed on the touch surface.", + name : "onTouchStart", + types : [{ type: "function" }] + }, + + // UI Events + { + description: "Fired when an element's scrollbar is being scrolled.", + name : "onScroll", + types : [{ type: "function" }] + }, + + // Wheel Events + { + description: "Fired when the mouse wheel rolls up or down over an element.", + name : "onWheel", + types : [{ type: "function" }] + }, + + // Clipboard Events + { + description: "Fired when the user copies the content of an element.", + name : "onCopy", + types : [{ type: "function" }] + }, + { + description: "Fired when the user cuts the content of an element.", + name : "onCut", + types : [{ type: "function" }] + }, + { + description: "Fired when the user pastes content into an element.", + name : "onPaste", + types : [{ type: "function" }] + }, + + // Drag & Drop Events + { + description: "Fired when an element is dragged.", + name : "onDrag", + types : [{ type: "function" }] + }, + { + description: "Fired when the user has finished dragging an element.", + name : "onDragEnd", + types : [{ type: "function" }] + }, + { + description: "Fired when a dragged element enters a valid drop target.", + name : "onDragEnter", + types : [{ type: "function" }] + }, + { + description: "Fired when an element is no longer the drag operation's immediate selection target.", + name : "onDragExit", + types : [{ type: "function" }] + }, + { + description: "Fired when a dragged element leaves a valid drop target.", + name : "onDragLeave", + types : [{ type: "function" }] + }, + { + description: "Fired when an element is being dragged over a valid drop target.", + name : "onDragOver", + types : [{ type: "function" }] + }, + { + description: "Fired when the user starts dragging an element.", + name : "onDragStart", + types : [{ type: "function" }] + }, + { + description: "Fired when a dragged element is dropped on a valid drop target.", + name : "onDrop", + types : [{ type: "function" }] + }, + + // Animation & Transition Events + { + description: "Fired when a CSS animation has started.", + name : "onAnimationStart", + types : [{ type: "function" }] + }, + { + description: "Fired when a CSS animation has completed.", + name : "onAnimationEnd", + types : [{ type: "function" }] + }, + { + description: "Fired when a CSS animation is repeated.", + name : "onAnimationIteration", + types : [{ type: "function" }] + }, + { + description: "Fired when a CSS transition has completed.", + name : "onTransitionEnd", + types : [{ type: "function" }] + }, + + // Other Events + { + description: "Fired when the loading of a resource has been aborted.", + name : "onAbort", + types : [{ type: "function" }] + }, + { + description: "Fired when the browser can start playing the media.", + name : "onCanPlay", + types : [{ type: "function" }] + }, + { + description: "Fired when the browser estimates it can play the media without stopping for buffering.", + name : "onCanPlayThrough", + types : [{ type: "function" }] + }, + { + description: "Fired when the duration of the media changes.", + name : "onDurationChange", + types : [{ type: "function" }] + }, + { + description: "Fired when the media has become empty.", + name : "onEmptied", + types : [{ type: "function" }] + }, + { + description: "Fired when the media encounters an encryption key.", + name : "onEncrypted", + types : [{ type: "function" }] + }, + { + description: "Fired when the media has reached the end.", + name : "onEnded", + types : [{ type: "function" }] + }, + { + description: "Fired when an error occurs while loading an external file.", + name : "onError", + types : [{ type: "function" }] + }, + { + description: "Fired when media data is loaded.", + name : "onLoadedData", + types : [{ type: "function" }] + }, + { + description: "Fired when metadata (like dimensions and duration) are loaded.", + name : "onLoadedMetadata", + types : [{ type: "function" }] + }, + { + description: "Fired when the browser starts looking for the specified media.", + name : "onLoadStart", + types : [{ type: "function" }] + }, + { + description: "Fired when the media is paused.", + name : "onPause", + types : [{ type: "function" }] + }, + { + description: "Fired when the media is ready to start playing.", + name : "onPlay", + types : [{ type: "function" }] + }, + { + description: "Fired when the media actually starts playing.", + name : "onPlaying", + types : [{ type: "function" }] + }, + { + description: "Fired periodically as the browser loads a resource.", + name : "onProgress", + types : [{ type: "function" }] + }, + { + description: "Fired when the playing speed of the media changes.", + name : "onRateChange", + types : [{ type: "function" }] + }, + { + description: "Fired when the seeking attribute is set to false indicating that seeking has ended.", + name : "onSeeked", + types : [{ type: "function" }] + }, + { + description: "Fired when the seeking attribute is set to true indicating that seeking is active.", + name : "onSeeking", + types : [{ type: "function" }] + }, + { + description: "Fired when the browser is trying to get media data, but data is not available.", + name : "onStalled", + types : [{ type: "function" }] + }, + { + description: "Fired when the browser is intentionally not getting media data.", + name : "onSuspend", + types : [{ type: "function" }] + }, + { + description: "Fired when the current playback position has changed.", + name : "onTimeUpdate", + types : [{ type: "function" }] + }, + { + description: "Fired when the volume has changed.", + name : "onVolumeChange", + types : [{ type: "function" }] + }, + { + description: "Fired when the media has paused but is expected to resume.", + name : "onWaiting", + types : [{ type: "function" }] + }, ]; export const defaultInvalidProps = ["sx", "classes"]; diff --git a/package/utils/helper.js b/package/utils/helper.js index b6db1c6e..4bf4164b 100644 --- a/package/utils/helper.js +++ b/package/utils/helper.js @@ -23,7 +23,12 @@ export function queryBuilder(url, query) { Object.keys(query).length > 0 /* && Object.values(query).find((v) => v && v !== "") */ ) { - newUrl += "?"; + // if (newUrl.indexOf("?") === -1) { // no query string + if (newUrl.indexOf("?") === -1) { + newUrl += "?"; + } else { + newUrl += "&"; + } let keys = Object.keys(query); for (let index = 0; index < keys.length; index++) {