@helpdice/ui 1.0.1 → 1.0.2

package/esm/login-with/LoginSocialTiktok/index.js

@@ -0,0 +1,152 @@
+/* eslint-disable camelcase */
+/**
+ *
+ * LoginSocialTiktok
+ *
+ */
+// import { PASS_CORS_KEY } from 'helper/constants';
+"use client";
+
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { memo, useCallback, useEffect } from 'react';
+var TIKTOK_URL = 'https://www.tiktok.com';
+// const TIKTOK_API_URL: string = 'https://open-api.tiktok.com';
+// const PREVENT_CORS_URL: string = 'https://cors.bridged.cc';
+
+export var LoginSocialGithub = function LoginSocialGithub(_ref) {
+  var _ref$state = _ref.state,
+    state = _ref$state === void 0 ? '' : _ref$state,
+    _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? 'user.info.basic' : _ref$scope,
+    client_key = _ref.client_key,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    redirect_uri = _ref.redirect_uri,
+    children = _ref.children,
+    onResolve = _ref.onResolve,
+    onLoginStart = _ref.onLoginStart;
+  useEffect(function () {
+    var popupWindowURL = new URL(window.location.href);
+    var code = popupWindowURL.searchParams.get('code');
+    var state = popupWindowURL.searchParams.get('state');
+    if (state !== null && state !== void 0 && state.includes('_tiktok') && code) {
+      localStorage.setItem('tiktok', code);
+      window.close();
+    }
+  }, []);
+
+  // const getProfile = useCallback(
+  //   (data: objectType) => {
+  //     fetch(`${PREVENT_CORS_URL}/${TIKTOK_API_URL}/user`, {
+  //       method: 'GET',
+  //       headers: {
+  //         Authorization: `token ${data.access_token}`,
+  //         'x-cors-grida-api-key': PASS_CORS_KEY,
+  //       },
+  //     })
+  //       .then(res => res.json())
+  //       .then((response: any) => {
+  //         onResolve({ provider: 'tiktok', data: { ...response, ...data } });
+  //       })
+  //       .catch(err => {
+  //         onReject(err);
+  //       });
+  //   },
+  //   [onReject, onResolve],
+  // );
+
+  // const getAccessToken = useCallback(
+  //   (code: string) => {
+  //     if (isOnlyGetCode) onResolve({ provider: 'tiktok', data: { code } });
+  //     else {
+  //       const params = {
+  //         code,
+  //         client_key,
+  //         client_secret,
+  //         grant_type: 'authorization_code',
+  //       };
+  //       const headers = new Headers({
+  //         'Content-Type': 'application/x-www-form-urlencoded',
+  //         'x-cors-grida-api-key': PASS_CORS_KEY,
+  //       });
+
+  //       fetch(`${PREVENT_CORS_URL}/${TIKTOK_API_URL}/oauth/access_token/`, {
+  //         method: 'POST',
+  //         headers,
+  //         body: new URLSearchParams(params),
+  //       })
+  //         .then(response => response.text())
+  //         .then(response => {
+  //           console.log(response);
+  //           // const data: objectType = {};
+  //           // const searchParams: any = new URLSearchParams(response);
+  //           // for (const p of searchParams) {
+  //           //   data[p[0]] = p[1];
+  //           // }
+  //           // if (data.access_token) {
+  //           //   if (isOnlyGetToken) onResolve({ provider: 'tiktok', data });
+  //           //   else getProfile(data);
+  //           // } else onReject('no data');
+  //         })
+  //         .catch(err => {
+  //           onReject(err);
+  //         });
+  //     }
+  //   },
+  //   [onReject, onResolve, client_key, client_secret, isOnlyGetCode],
+  // );
+
+  var handlePostMessage = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
+      var type, code, provider;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
+            return _context.abrupt("return", type === 'code' && provider === 'tiktok' && code && onResolve({
+              provider: 'tiktok',
+              data: {
+                code: code
+              }
+            }));
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(),
+  // getAccessToken(code),
+  [onResolve]);
+  var onChangeLocalStorage = useCallback(function () {
+    window.removeEventListener('storage', onChangeLocalStorage, false);
+    var code = localStorage.getItem('tiktok');
+    if (code) {
+      handlePostMessage({
+        provider: 'tiktok',
+        type: 'code',
+        code: code
+      });
+      localStorage.removeItem('instagram');
+    }
+  }, [handlePostMessage]);
+  var onLogin = useCallback(function () {
+    onLoginStart && onLoginStart();
+    window.addEventListener('storage', onChangeLocalStorage, false);
+    var oauthUrl = "".concat(TIKTOK_URL, "/auth/authorize?client_key=").concat(client_key, "&scope=").concat(scope, "&state=").concat(state + '_tiktok', "&redirect_uri=").concat(redirect_uri, "&response_type=code");
+    var width = 450;
+    var height = 730;
+    var left = window.screen.width / 2 - width / 2;
+    var top = window.screen.height / 2 - height / 2;
+    window.open(oauthUrl, 'Github', 'menubar=no,location=no,resizable=no,scrollbars=no,status=no, width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
+  }, [scope, state, client_key, redirect_uri, onLoginStart, onChangeLocalStorage]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    onClick: onLogin
+  }, children);
+};
+export default /*#__PURE__*/memo(LoginSocialGithub);

package/esm/login-with/LoginSocialTwitter/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { IResolveParams, objectType } from "..";
+interface Props {
+    client_id: string;
+    className?: string;
+    redirect_uri: string;
+    state?: string;
+    fields?: string;
+    scope?: string;
+    children?: React.ReactNode;
+    isOnlyGetCode?: boolean;
+    isOnlyGetToken?: boolean;
+    onLoginStart?: () => void;
+    onLogoutSuccess?: () => void;
+    onReject: (reject: string | objectType) => void;
+    onResolve: ({ provider, data }: IResolveParams) => void;
+}
+export declare const LoginSocialTwitter: ({ client_id, className, redirect_uri, children, fields, state, scope, isOnlyGetCode, isOnlyGetToken, onLoginStart, onReject, onResolve, }: Props) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ client_id, className, redirect_uri, children, fields, state, scope, isOnlyGetCode, isOnlyGetToken, onLoginStart, onReject, onResolve, }: Props) => JSX.Element>;
+export default _default;

package/esm/login-with/LoginSocialTwitter/index.js

@@ -0,0 +1,177 @@
+/* eslint-disable no-unused-vars */
+/* eslint-disable camelcase */
+/**
+ *
+ * LoginSocialTwitter
+ *
+ */
+// import { PASS_CORS_KEY } from 'helper/constants';
+"use client";
+
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { memo, useCallback, useEffect } from 'react';
+var TWITTER_URL = 'https://twitter.com';
+var TWITTER_API_URL = 'https://api.twitter.com';
+var PREVENT_CORS_URL = '';
+export var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
+  var client_id = _ref.client_id,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    redirect_uri = _ref.redirect_uri,
+    children = _ref.children,
+    _ref$fields = _ref.fields,
+    fields = _ref$fields === void 0 ? 'created_at,description,entities,id,location,name,pinned_tweet_id,profile_image_url,protected,public_metrics,url,username,verified,withheld' : _ref$fields,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? 'state' : _ref$state,
+    _ref$scope = _ref.scope,
+    scope = _ref$scope === void 0 ? 'users.read%20tweet.read' : _ref$scope,
+    _ref$isOnlyGetCode = _ref.isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
+    _ref$isOnlyGetToken = _ref.isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
+    onLoginStart = _ref.onLoginStart,
+    onReject = _ref.onReject,
+    onResolve = _ref.onResolve;
+  useEffect(function () {
+    var popupWindowURL = new URL(window.location.href);
+    var code = popupWindowURL.searchParams.get('code');
+    var state = popupWindowURL.searchParams.get('state');
+    if (state !== null && state !== void 0 && state.includes('_twitter') && code) {
+      localStorage.setItem('twitter', code);
+      window.close();
+    }
+  }, []);
+  var getProfile = useCallback(function (data) {
+    var url = "".concat(PREVENT_CORS_URL, "/").concat(TWITTER_API_URL, "/2/users/me?user.fields=").concat(fields);
+    fetch(url, {
+      method: 'GET',
+      headers: {
+        Authorization: "Bearer ".concat(data.access_token)
+        // 'x-cors-grida-api-key': PASS_CORS_KEY,
+      }
+    }).then(function (res) {
+      return res.json();
+    }).then(function (res) {
+      onResolve({
+        provider: 'twitter',
+        data: _extends({}, data, res.data)
+      });
+    })["catch"](function (err) {
+      return onReject(err);
+    });
+  }, [fields, onReject, onResolve]);
+  var getAccessToken = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(code) {
+      var details, requestOAuthURL, data;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!isOnlyGetCode) {
+              _context.next = 4;
+              break;
+            }
+            onResolve({
+              provider: 'twitter',
+              data: {
+                code: code
+              }
+            });
+            _context.next = 10;
+            break;
+          case 4:
+            details = new URLSearchParams({
+              code: code,
+              redirect_uri: redirect_uri,
+              client_id: client_id,
+              grant_type: "authorization_code",
+              code_verifier: 'challenge'
+            });
+            requestOAuthURL = "".concat(PREVENT_CORS_URL, "/").concat(TWITTER_API_URL, "/2/oauth2/token");
+            _context.next = 8;
+            return fetch(requestOAuthURL, {
+              method: 'POST',
+              body: details,
+              headers: {
+                'Content-Type': 'application/x-www-form-urlencoded'
+                // 'x-cors-grida-api-key': PASS_CORS_KEY,
+              }
+            }).then(function (data) {
+              return data.json();
+            })["catch"](function (err) {
+              return onReject(err);
+            });
+          case 8:
+            data = _context.sent;
+            if (data.access_token) {
+              if (isOnlyGetToken) onResolve({
+                provider: 'twitter',
+                data: data
+              });else getProfile(data);
+            }
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [onReject, getProfile, onResolve, client_id, redirect_uri, isOnlyGetCode, isOnlyGetToken]);
+  var handlePostMessage = useCallback( /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
+      var type, code, provider;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            type = _ref3.type, code = _ref3.code, provider = _ref3.provider;
+            return _context2.abrupt("return", type === 'code' && provider === 'twitter' && code && getAccessToken(code));
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [getAccessToken]);
+  var onChangeLocalStorage = useCallback(function () {
+    window.removeEventListener('storage', onChangeLocalStorage, false);
+    var code = localStorage.getItem('twitter');
+    if (code) {
+      handlePostMessage({
+        provider: 'twitter',
+        type: 'code',
+        code: code
+      });
+      localStorage.removeItem('twitter');
+    }
+  }, [handlePostMessage]);
+  var onLogin = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var oauthUrl, width, height, left, top;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          onLoginStart && onLoginStart();
+          window.addEventListener('storage', onChangeLocalStorage, false);
+          oauthUrl = "".concat(TWITTER_URL, "/i/oauth2/authorize?response_type=code&client_id=").concat(client_id, "&redirect_uri=").concat(redirect_uri, "&scope=").concat(scope, "&state=").concat(state + '_twitter', "&code_challenge=challenge&code_challenge_method=plain");
+          width = 450;
+          height = 730;
+          left = window.screen.width / 2 - width / 2;
+          top = window.screen.height / 2 - height / 2;
+          window.open(oauthUrl, 'twitter', 'menubar=no,location=no,resizable=no,scrollbars=no,status=no, width=' + width + ', height=' + height + ', top=' + top + ', left=' + left);
+        case 8:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })), [scope, state, client_id, onLoginStart, redirect_uri, onChangeLocalStorage]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    onClick: onLogin
+  }, children);
+};
+export default /*#__PURE__*/memo(LoginSocialTwitter);

package/esm/login-with/helper/signature.js

@@ -0,0 +1,142 @@
+// /* eslint-disable camelcase */
+// import { HmacSHA1, enc } from 'crypto-js'
+
+// interface RequestTokenResponse {
+//   oauth_token: string
+//   oauth_token_secret: string
+//   oauth_callback_confirmed?: string
+// }
+
+// export const requestTokenSignature = ({
+//   method,
+//   apiUrl,
+//   callbackUrl,
+//   consumerKey,
+//   consumerSecret
+// }: {
+//   method: string
+//   apiUrl: string
+//   callbackUrl: string
+//   consumerKey: string
+//   consumerSecret: string
+// }) => {
+//   const params = {
+//     oauth_consumer_key: consumerKey,
+//     oauth_version: '1.0',
+//     oauth_signature_method: 'HMAC-SHA1',
+//     oauth_callback: callbackUrl,
+//     oauth_timestamp: (Date.now() / 1000).toFixed(),
+//     oauth_nonce: Math.random()
+//       .toString(36)
+//       .replace(/[^a-z]/, '')
+//       .substr(2)
+//   }
+
+//   return makeSignature(params, method, apiUrl, consumerSecret)
+// }
+
+// export const accessTokenSignature = ({
+//   consumerKey,
+//   consumerSecret,
+//   oauthToken,
+//   oauthVerifier,
+//   method,
+//   apiUrl
+// }: {
+//   method: string
+//   apiUrl: string
+//   consumerKey: string
+//   consumerSecret: string
+//   oauthToken: string
+//   oauthVerifier: string
+// }) => {
+//   const params = {
+//     oauth_consumer_key: consumerKey,
+//     oauth_version: '1.0',
+//     oauth_signature_method: 'HMAC-SHA1',
+//     oauth_token: oauthToken,
+//     oauth_verifier: oauthVerifier,
+//     oauth_timestamp: (Date.now() / 1000).toFixed(),
+//     oauth_nonce: Math.random()
+//       .toString(36)
+//       .replace(/[^a-z]/, '')
+//       .substr(2)
+//   }
+
+//   return makeSignature(params, method, apiUrl, consumerSecret, oauthVerifier)
+// }
+
+// export const profileSignature = ({
+//   consumerKey,
+//   consumerSecret,
+//   oauthToken,
+//   oauthTokenSecret,
+//   method,
+//   apiUrl
+// }: {
+//   method: string
+//   apiUrl: string
+//   consumerKey: string
+//   consumerSecret: string
+//   oauthToken: string
+//   oauthTokenSecret: string
+// }) => {
+//   const params = {
+//     oauth_consumer_key: consumerKey,
+//     oauth_nonce: Math.random()
+//       .toString(36)
+//       .replace(/[^a-z]/, '')
+//       .substr(2),
+//     oauth_signature_method: 'HMAC-SHA1',
+//     oauth_timestamp: (Date.now() / 1000).toFixed(),
+//     oauth_token: oauthToken,
+//     oauth_version: '1.0'
+//   }
+
+//   return makeSignature(params, method, apiUrl, consumerSecret, oauthTokenSecret)
+// }
+
+// const makeSignature = (
+//   params: any,
+//   method: string,
+//   apiUrl: string,
+//   consumerSecret: string,
+//   oauthSecret = ''
+// ) => {
+//   const paramsBaseString = Object.keys(params)
+//     .sort()
+//     .reduce((prev: string, el: any) => {
+//       return (prev += `&${el}=${params[el]}`)
+//     }, '')
+//     .substr(1)
+
+//   const signatureBaseString = `${method.toUpperCase()}&${encodeURIComponent(
+//     apiUrl
+//   )}&${encodeURIComponent(paramsBaseString)}`
+
+//   const signingKey = `${encodeURIComponent(
+//     consumerSecret
+//   )}&${encodeURIComponent(oauthSecret)}`
+
+//   const oauthSignature = enc.Base64.stringify(
+//     HmacSHA1(signatureBaseString, signingKey)
+//   )
+
+//   const paramsWithSignature = {
+//     ...params,
+//     oauth_signature: encodeURIComponent(oauthSignature)
+//   }
+
+//   return Object.keys(paramsWithSignature)
+//     .sort()
+//     .reduce((prev: string, el: any) => {
+//       return (prev += `,${el}="${paramsWithSignature[el]}"`)
+//     }, '')
+//     .substr(1)
+// }
+
+// export const parseOAuthRequestToken = (responseText: string) =>
+//   responseText.split('&').reduce((prev, el) => {
+//     const [key, value] = el.split('=')
+//     return { ...prev, [key]: value }
+//   }, {} as RequestTokenResponse)

package/esm/login-with/index.d.ts

@@ -0,0 +1,18 @@
+export type objectType = {
+    [key: string]: any;
+};
+export type IResolveParams = {
+    provider: string;
+    data?: objectType;
+};
+export { default as LoginWithAmazon } from "./LoginSocialAmazon";
+export { default as LoginWithFacebook } from "./LoginSocialFacebook";
+export { default as LoginWithGoogle } from "./LoginSocialGoogle";
+export { default as LoginWithGithub } from "./LoginSocialGithub";
+export { default as LoginWithInstagram } from "./LoginSocialInstagram";
+export { default as LoginWithMicrosoft } from "./LoginSocialMicrosoft";
+export { default as LoginWithLinkedin } from "./LoginSocialLinkedin";
+export { default as LoginWithPinterest } from "./LoginSocialPinterest";
+export { default as LoginWithTwitter } from "./LoginSocialTwitter";
+export { default as LoginWithApple } from "./LoginSocialApple";
+export { default as LoginWithTiktok } from "./LoginSocialTiktok";

package/esm/login-with/index.js

@@ -0,0 +1,11 @@
+export { default as LoginWithAmazon } from './LoginSocialAmazon';
+export { default as LoginWithFacebook } from './LoginSocialFacebook';
+export { default as LoginWithGoogle } from './LoginSocialGoogle';
+export { default as LoginWithGithub } from './LoginSocialGithub';
+export { default as LoginWithInstagram } from './LoginSocialInstagram';
+export { default as LoginWithMicrosoft } from './LoginSocialMicrosoft';
+export { default as LoginWithLinkedin } from './LoginSocialLinkedin';
+export { default as LoginWithPinterest } from './LoginSocialPinterest';
+export { default as LoginWithTwitter } from './LoginSocialTwitter';
+export { default as LoginWithApple } from './LoginSocialApple';
+export { default as LoginWithTiktok } from './LoginSocialTiktok';

package/esm/modal/index.d.ts

@@ -0,0 +1,18 @@
+import Modal from "./modal";
+import ModalTitle from "./modal-title";
+import ModalSubtitle from "./modal-subtitle";
+import ModalContent from "./modal-content";
+import ModalAction from "./modal-action";
+export type ModalComponentType = typeof Modal & {
+    Title: typeof ModalTitle;
+    Subtitle: typeof ModalSubtitle;
+    Content: typeof ModalContent;
+    Action: typeof ModalAction;
+};
+export type { ModalProps } from "./modal";
+export type { ModalTitleProps } from "./modal-title";
+export type { ModalSubtitleProps } from "./modal-subtitle";
+export type { ModalActionProps } from "./modal-action";
+export type { ModalContentProps } from "./modal-content";
+declare const _default: ModalComponentType;
+export default _default;

package/esm/modal/index.js

@@ -0,0 +1,10 @@
+import Modal from './modal';
+import ModalTitle from './modal-title';
+import ModalSubtitle from './modal-subtitle';
+import ModalContent from './modal-content';
+import ModalAction from './modal-action';
+Modal.Title = ModalTitle;
+Modal.Subtitle = ModalSubtitle;
+Modal.Content = ModalContent;
+Modal.Action = ModalAction;
+export default Modal;

package/esm/modal/modal-action.d.ts

@@ -0,0 +1,46 @@
+import React, { MouseEvent } from 'react';
+import { ButtonProps } from "../button/button";
+type ModalActionEvent = MouseEvent<HTMLButtonElement> & {
+    close: () => void;
+};
+interface Props {
+    className?: string;
+    passive?: boolean;
+    disabled?: boolean;
+    onClick?: (event: ModalActionEvent) => void;
+}
+export type ModalActionProps = Props & Omit<ButtonProps, keyof Props>;
+declare const ModalAction: React.ForwardRefExoticComponent<Pick<Props & Omit<ButtonProps, keyof Props> & React.RefAttributes<HTMLButtonElement> & {
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    padding?: string | number | undefined;
+    margin?: string | number | undefined;
+    w?: string | number | undefined;
+    h?: string | number | undefined;
+    paddingLeft?: string | number | undefined;
+    paddingRight?: string | number | undefined;
+    paddingTop?: string | number | undefined;
+    paddingBottom?: string | number | undefined;
+    pl?: string | number | undefined;
+    pr?: string | number | undefined;
+    pt?: string | number | undefined;
+    pb?: string | number | undefined;
+    marginLeft?: string | number | undefined;
+    marginRight?: string | number | undefined;
+    marginTop?: string | number | undefined;
+    marginBottom?: string | number | undefined;
+    ml?: string | number | undefined;
+    mr?: string | number | undefined;
+    mt?: string | number | undefined;
+    mb?: string | number | undefined;
+    px?: string | number | undefined;
+    py?: string | number | undefined;
+    mx?: string | number | undefined;
+    my?: string | number | undefined;
+    font?: string | number | undefined;
+    unit?: string | undefined;
+    scale?: number | undefined;
+    children?: any;
+    className?: string | undefined;
+} & React.InputHTMLAttributes<any>, "type" | "font" | "unit" | "min" | "max" | "children" | "form" | "slot" | "style" | "title" | "pattern" | "className" | "icon" | "onClick" | "auto" | "disabled" | "width" | "height" | "padding" | "margin" | "w" | "h" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "pl" | "pr" | "pt" | "pb" | "marginLeft" | "marginRight" | "marginTop" | "marginBottom" | "ml" | "mr" | "mt" | "mb" | "px" | "py" | "mx" | "my" | "scale" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "minLength" | "multiple" | "name" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "htmlType" | "iconRight" | "key" | "loading" | "ghost" | "shadow" | "effect" | "passive"> & React.RefAttributes<unknown>>;
+export default ModalAction;