remove custom-radio

apps/app/src/components/Admin/App/AppSetting.jsx

@@ -83,7 +83,7 @@ const AppSetting = (props) => {
               const fixedT = i18n.getFixedT(locale, 'admin');
 
               return (
-                <div key={locale} className="form-check custom-radio form-check-inline">
+                <div key={locale} className="form-check form-check-inline">
                   <input
                     type="radio"
                     id={`radioLang${locale}`}
@@ -111,7 +111,7 @@ const AppSetting = (props) => {
         </label>
         <div className="col-md-6 py-2">
 
-          <div className="form-check custom-radio form-check-inline">
+          <div className="form-check form-check-inline">
             <input
               type="radio"
               id="radio-email-show"
@@ -123,7 +123,7 @@ const AppSetting = (props) => {
             <label className="form-check-label" htmlFor="radio-email-show">{t('commons:Show')}</label>
           </div>
 
-          <div className="form-check custom-radio form-check-inline">
+          <div className="form-check form-check-inline">
             <input
               type="radio"
               id="radio-email-hide"

apps/app/src/components/Admin/App/FileUploadSetting.tsx

@@ -45,7 +45,7 @@ export const FileUploadSettingMolecule = React.memo((props: FileUploadSettingMol
         <div className="col-md-6 py-2">
           {fileUploadTypes.map((type) => {
             return (
-              <div key={type} className="form-check custom-radio form-check-inline">
+              <div key={type} className="form-check form-check-inline">
                 <input
                   type="radio"
                   className="form-check-input"

apps/app/src/components/Admin/App/MailSetting.tsx

@@ -69,7 +69,7 @@ const MailSetting = (props: Props) => {
         <div className="col-md-6 py-2">
           {transmissionMethods.map((method) => {
             return (
-              <div key={method} className="form-check custom-radio form-check-inline">
+              <div key={method} className="form-check form-check-inline">
                 <input
                   type="radio"
                   className="form-check-input"

apps/app/src/components/Admin/Customize/CustomizeLogoSetting.tsx

@@ -83,7 +83,7 @@ const CustomizeLogoSetting = (): JSX.Element => {
             <div className="row">
               <div className="col-md-6 col-12 mb-3 mb-md-0">
                 <h4>
-                  <div className="form-check custom-radio radio-primary">
+                  <div className="form-check radio-primary">
                     <input
                       type="radio"
                       id="radioDefaultLogo"
@@ -102,7 +102,7 @@ const CustomizeLogoSetting = (): JSX.Element => {
               </div>
               <div className="col-md-6 col-12">
                 <h4>
-                  <div className="form-check custom-radio radio-primary">
+                  <div className="form-check radio-primary">
                     <input
                       type="radio"
                       id="radioUploadLogo"

apps/app/src/components/Admin/Customize/CustomizeSidebarSetting.tsx

@@ -73,7 +73,7 @@ const CustomizeSidebarsetting = (): JSX.Element => {
           </Card>
 
           <div className="px-3">
-            <div className="form-check custom-radio my-3">
+            <div className="form-check my-3">
               <input
                 type="radio"
                 id="is-open"
@@ -87,7 +87,7 @@ const CustomizeSidebarsetting = (): JSX.Element => {
                 {t('customize_settings.default_sidebar_mode.dock_mode_default_open')}
               </label>
             </div>
-            <div className="form-check custom-radio my-3">
+            <div className="form-check my-3">
               <input
                 type="radio"
                 id="is-closed"

apps/app/src/components/Admin/MarkdownSetting/XssForm.jsx

@@ -49,7 +49,7 @@ class XssForm extends React.Component {
         <div className="row">
 
           <div className="col-md-6 col-sm-12 align-self-start mb-4">
-            <div className="form-check custom-radio">
+            <div className="form-check">
               <input
                 type="radio"
                 className="form-check-input"
@@ -91,7 +91,7 @@ class XssForm extends React.Component {
           </div>
 
           <div className="col-md-6 col-sm-12 align-self-start mb-4">
-            <div className="form-check custom-radio">
+            <div className="form-check">
               <input
                 type="radio"
                 className="form-check-input"

apps/app/src/components/Admin/Notification/ManageGlobalNotification.tsx

@@ -144,7 +144,7 @@ const ManageGlobalNotification = (props: Props): JSX.Element => {
 
           <h3>{t('notification_settings.notify_to')}</h3>
           <div className="form-group form-inline">
-            <div className="form-check custom-radio">
+            <div className="form-check">
               <input
                 className="form-check-input"
                 type="radio"
@@ -158,7 +158,7 @@ const ManageGlobalNotification = (props: Props): JSX.Element => {
                 <p className="font-weight-bold">Email</p>
               </label>
             </div>
-            <div className="form-check custom-radio ml-2">
+            <div className="form-check ml-2">
               <input
                 className="form-check-input"
                 type="radio"

apps/app/src/components/Admin/UserGroupDetail/RadioButtonForSerchUserOption.jsx

@@ -9,7 +9,7 @@ const RadioButtonForSerchUserOption = (props) => {
   const { searchType } = props;
   const { t } = useTranslation();
   return (
-    <div className="form-check custom-radio form-check-inline" key={`${searchType}Match`}>
+    <div className="form-check form-check-inline" key={`${searchType}Match`}>
       <input
         type="radio"
         id={`${searchType}Match`}

apps/app/src/components/LoginForm.tsx

@@ -209,7 +209,7 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
               name="usernameForLogin"
             />
             {isLdapStrategySetup && (
-              <div>
+              <div className="input-group-append">
                 <small className="input-group-text text-success">
                   <i className="icon-fw icon-check"></i> LDAP
                 </small>

apps/app/src/components/Me/BasicInfoSettings.tsx

@@ -86,7 +86,7 @@ export const BasicInfoSettings = (): JSX.Element => {
       <div className="form-group row">
         <label className="text-left text-md-right col-md-3 col-form-label">{t('Disclose E-mail')}</label>
         <div className="col-md-6">
-          <div className="form-check custom-radio form-check-inline">
+          <div className="form-check form-check-inline">
             <input
               type="radio"
               id="radioEmailShow"
@@ -97,7 +97,7 @@ export const BasicInfoSettings = (): JSX.Element => {
             />
             <label className="form-check-label" htmlFor="radioEmailShow">{t('Show')}</label>
           </div>
-          <div className="form-check custom-radio form-check-inline">
+          <div className="form-check form-check-inline">
             <input
               type="radio"
               id="radioEmailHide"
@@ -120,7 +120,7 @@ export const BasicInfoSettings = (): JSX.Element => {
               const fixedT = i18n.getFixedT(locale);
 
               return (
-                <div key={locale} className="form-check custom-radio form-check-inline">
+                <div key={locale} className="form-check form-check-inline">
                   <input
                     type="radio"
                     id={`radioLang${locale}`}

apps/app/src/components/Me/ProfileImageSettings.tsx

@@ -94,7 +94,7 @@ const ProfileImageSettings = (): JSX.Element => {
       <div className="row">
         <div className="col-md-6 col-12 mb-3 mb-md-0">
           <h4>
-            <div className="form-check custom-radio radio-primary">
+            <div className="form-check radio-primary">
               <input
                 type="radio"
                 id="radioGravatar"
@@ -117,7 +117,7 @@ const ProfileImageSettings = (): JSX.Element => {
 
         <div className="col-md-6 col-12">
           <h4>
-            <div className="form-check custom-radio radio-primary">
+            <div className="form-check radio-primary">
               <input
                 type="radio"
                 id="radioUploadPicture"

apps/app/src/components/PageAccessoriesModal/ShareLink/ShareLinkForm.tsx

@@ -110,7 +110,7 @@ export const ShareLinkForm: FC<Props> = (props: Props) => {
           <label htmlFor="inputDesc" className="col-md-5 col-form-label">{t('share_links.expire')}</label>
           <div className="col-md-7">
 
-            <div className="form-check custom-radio form-group ">
+            <div className="form-check form-group ">
               <input
                 type="radio"
                 className="form-check-input"
@@ -123,7 +123,7 @@ export const ShareLinkForm: FC<Props> = (props: Props) => {
               <label className="form-check-label" htmlFor="customRadio1">{t('share_links.Unlimited')}</label>
             </div>
 
-            <div className="form-check custom-radio  form-group">
+            <div className="form-check  form-group">
               <input
                 type="radio"
                 className="form-check-input"
@@ -149,7 +149,7 @@ export const ShareLinkForm: FC<Props> = (props: Props) => {
               </label>
             </div>
 
-            <div className="form-check custom-radio form-group text-nowrap mb-0">
+            <div className="form-check form-group text-nowrap mb-0">
               <input
                 type="radio"
                 className="form-check-input"

apps/app/src/components/PageAlert/FixPageGrantAlert.tsx

@@ -133,7 +133,7 @@ const FixPageGrantModal = (props: ModalProps): JSX.Element => {
             {renderGrantDataLabel()}
 
             <div className="ml-2">
-              <div className="form-check custom-radio mb-3">
+              <div className="form-check mb-3">
                 <input
                   className="form-check-input"
                   name="grantRestricted"
@@ -147,7 +147,7 @@ const FixPageGrantModal = (props: ModalProps): JSX.Element => {
                   { t('fix_page_grant.modal.radio_btn.restrected') }
                 </label>
               </div>
-              <div className="form-check custom-radio mb-3">
+              <div className="form-check mb-3">
                 <input
                   className="form-check-input"
                   name="grantUser"
@@ -161,7 +161,7 @@ const FixPageGrantModal = (props: ModalProps): JSX.Element => {
                   { t('fix_page_grant.modal.radio_btn.only_me') }
                 </label>
               </div>
-              <div className="form-check custom-radio d-flex mb-3">
+              <div className="form-check d-flex mb-3">
                 <input
                   className="form-check-input"
                   name="grantUserGroup"

apps/app/src/components/PageEditor/GridEditModal.jsx

@@ -92,7 +92,7 @@ class GridEditModal extends React.Component {
     const { t } = this.props;
     const output = Object.entries(resSizeObj).map((responsiveSizeForMap) => {
       return (
-        <div key={responsiveSizeForMap[0]} className="form-check custom-radio form-check-inline">
+        <div key={responsiveSizeForMap[0]} className="form-check form-check-inline">
           <input
             type="radio"
             className="form-check-input"

apps/app/src/components/PageHistory/PageRevisionTable.tsx

@@ -157,7 +157,7 @@ export const PageRevisionTable = (props: PageRevisionTableProps): JSX.Element =>
         </td>
         <td className="col-1">
           {(hasDiff || revisionId === sourceRevision?._id) && (
-            <div className="form-check custom-radio form-check-inline mr-0">
+            <div className="form-check form-check-inline mr-0">
               <input
                 type="radio"
                 className="form-check-input"
@@ -173,7 +173,7 @@ export const PageRevisionTable = (props: PageRevisionTableProps): JSX.Element =>
         </td>
         <td className="col-2">
           {(hasDiff || revisionId === targetRevision?._id) && (
-            <div className="form-check custom-radio form-check-inline mr-0">
+            <div className="form-check form-check-inline mr-0">
               <input
                 type="radio"
                 className="form-check-input"

apps/app/src/components/PageRenameModal.tsx

@@ -252,7 +252,7 @@ const PageRenameModal = (): JSX.Element => {
 
         { !isV5Compatible(page.meta) && (
           <>
-            <div className="form-check custom-radio custom-radio-warning">
+            <div className="form-check form-check-warning">
               <input
                 className="form-check-input"
                 name="withoutExistRecursively"
@@ -265,7 +265,7 @@ const PageRenameModal = (): JSX.Element => {
                 { t('modal_rename.label.Rename this page only') }
               </label>
             </div>
-            <div className="form-check custom-radio custom-radio-warning mt-1">
+            <div className="form-check form-check-warning mt-1">
               <input
                 className="form-check-input"
                 name="recursively"

apps/app/src/components/TemplateTab.tsx

@@ -13,7 +13,7 @@ export const TemplateTab = (props: Props): JSX.Element => {
   const { template, onChangeHandler } = props;
 
   return (
-    <div key={template.name} className="form-check custom-radio">
+    <div key={template.name} className="form-check">
       <input
         type="radio"
         className="form-check-input"