@onepercentio/one-ui 0.29.0 → 0.29.2

package/src/index.ts

@@ -1,3 +1,229 @@
-export * from "./types";
+export * from "./context/AsyncProcess";
+export {default as AsyncProcess} from "./context/AsyncProcess";
+export * from "./context/CustomBrowserRouter";
+export {default as CustomBrowserRouter} from "./context/CustomBrowserRouter";
+export * from "./context/OneUIProvider";
+export {default as OneUIProvider} from "./context/OneUIProvider";
+export * from "./context/ContextAsyncControl";
+export {default as ContextAsyncControl} from "./context/ContextAsyncControl";
+export * from "./utils/blockchain";
+export * from "./utils/html.utils";
+export * from "./utils/e2e";
+export * from "./utils/ownEvent";
+export * from "./utils/test";
+export * from "./utils/formatters";
+export * from "./utils/flatten";
+export * from "./models/DebugLogger";
+export * from "./models/Orbs";
+export * from "./models/GenericContract";
+export * from "./components/Tabs/index";
+export {default as Tabs} from "./components/Tabs/index"
+export * from "./components/FlowController/index";
+export {default as FlowController} from "./components/FlowController/index"
+export * from "./components/Transition/index";
+export {default as Transition} from "./components/Transition/index"
+export * from "./components/Form/v2/index";
+export {default as FormV2} from "./components/Form/v2/index"
+export * from "./components/Form/v2/FormField/index";
+export {default as FormField} from "./components/Form/v2/FormField/index"
+export * from "./components/Form/v2/FormField/Extensions/PhoneField/index";
+export {default as PhoneField} from "./components/Form/v2/FormField/Extensions/PhoneField/index"
+export * from "./components/Form/v2/FormField/Extensions/DateField/index";
+export {default as DateField} from "./components/Form/v2/FormField/Extensions/DateField/index"
+export * from "./components/Form/index";
+export {default as Form} from "./components/Form/index"
+export * from "./components/InstantCounter/index";
+export {default as InstantCounter} from "./components/InstantCounter/index"
+export * from "./components/LinkToId/index";
+export {default as LinkToId} from "./components/LinkToId/index"
+export * from "./components/PixelatedScan/index";
+export {default as PixelatedScan} from "./components/PixelatedScan/index"
+export * from "./components/HeaderCloseBtn/index";
+export {default as HeaderCloseBtn} from "./components/HeaderCloseBtn/index"
+export * from "./components/PingPongText/index";
+export {default as PingPongText} from "./components/PingPongText/index"
+export * from "./components/Portal/index";
+export {default as Portal} from "./components/Portal/index"
+export * from "./components/Freeze/index";
+export {default as Freeze} from "./components/Freeze/index"
+export * from "./components/Radio/index";
+export {default as Radio} from "./components/Radio/index"
+export * from "./components/Card/index";
+export {default as Card} from "./components/Card/index"
+export * from "./components/OrderableList/index";
+export {default as OrderableList} from "./components/OrderableList/index"
+export * from "./components/utilitary/ScrollAndFocusLock/index";
+export {default as ScrollAndFocusLock} from "./components/utilitary/ScrollAndFocusLock/index"
+export * from "./components/Collapsable/index";
+export {default as Collapsable} from "./components/Collapsable/index"
+export * from "./components/Countdown/index";
+export {default as Countdown} from "./components/Countdown/index"
+export * from "./components/Input/index";
+export {default as Input} from "./components/Input/index"
+export * from "./components/SectionContainer/index";
+export {default as SectionContainer} from "./components/SectionContainer/index"
+export * from "./components/Notification/index";
+export {default as Notification} from "./components/Notification/index"
+export * from "./components/Skeleton/index";
+export {default as Skeleton} from "./components/Skeleton/index"
+export * from "./components/LavaLamp/index";
+export {default as LavaLamp} from "./components/LavaLamp/index"
+export * from "./components/LavaLamp/v2/LavaLamp";
+export * from "./components/Chart/index";
+export {default as Chart} from "./components/Chart/index"
+export * from "./components/StaticScroller/index";
+export {default as StaticScroller} from "./components/StaticScroller/index"
+export * from "./components/CheckBox/index";
+export {default as CheckBox} from "./components/CheckBox/index"
+export * from "./components/InfinityScroll/index";
+export {default as InfinityScroll} from "./components/InfinityScroll/index"
+export * from "./components/ProgressBar/index";
+export {default as ProgressBar} from "./components/ProgressBar/index"
+export * from "./components/Parallax/index";
+export {default as Parallax} from "./components/Parallax/index"
+export * from "./components/Parallax/math/helpers";
+export * from "./components/EmailInput/index";
+export {default as EmailInput} from "./components/EmailInput/index"
+export * from "./components/FadeIn/index";
+export {default as FadeIn} from "./components/FadeIn/index"
+export * from "./components/AnchoredTooltip/index";
+export {default as AnchoredTooltip} from "./components/AnchoredTooltip/index"
+export * from "./components/CodeInput/index";
+export {default as CodeInput} from "./components/CodeInput/index"
+export * from "./components/MutableHamburgerButton/index";
+export {default as MutableHamburgerButton} from "./components/MutableHamburgerButton/index"
+export * from "./components/MainGrid/index";
+export {default as MainGrid} from "./components/MainGrid/index"
+export * from "./components/Button/index";
+export {default as Button} from "./components/Button/index"
+export * from "./components/HSForms/index";
+export {default as HSForms} from "./components/HSForms/index"
+export * from "./components/Table/index";
+export {default as Table} from "./components/Table/index"
+export * from "./components/Loader/index";
+export {default as Loader} from "./components/Loader/index"
+export * from "./components/AdaptiveButton/index";
+export {default as AdaptiveButton} from "./components/AdaptiveButton/index"
+export * from "./components/Divider/index";
+export {default as Divider} from "./components/Divider/index"
+export * from "./components/Spacing/index";
+export {default as Spacing} from "./components/Spacing/index"
+export * from "./components/Avatar/index";
+export {default as Avatar} from "./components/Avatar/index"
+export * from "./components/PasswordInput/index";
+export {default as PasswordInput} from "./components/PasswordInput/index"
+export * from "./components/Switch/index";
+export {default as Switch} from "./components/Switch/index"
+export * from "./components/AdaptiveDialog/index";
+export {default as AdaptiveDialog} from "./components/AdaptiveDialog/index"
+export * from "./components/BucketFill/index";
+export {default as BucketFill} from "./components/BucketFill/index"
+export * from "./components/AsyncWrapper/index";
+export {default as AsyncWrapper} from "./components/AsyncWrapper/index"
+export * from "./components/AnimatedEntrance/index";
+export {default as AnimatedEntrance} from "./components/AnimatedEntrance/index"
+export * from "./components/LoaderDotsIndicator/index";
+export {default as LoaderDotsIndicator} from "./components/LoaderDotsIndicator/index"
+export * from "./components/Text/index";
+export {default as Text} from "./components/Text/index"
+export * from "./components/Select/index";
+export {default as Select} from "./components/Select/index"
+export * from "./components/ProgressTexts/index";
+export {default as ProgressTexts} from "./components/ProgressTexts/index"
+export * from "./components/UncontrolledTransition/index";
+export {default as UncontrolledTransition} from "./components/UncontrolledTransition/index"
+export * from "./components/PaginationIndicator/index";
+export {default as PaginationIndicator} from "./components/PaginationIndicator/index"
+export * from "./components/WalletConnectionWrapper/index";
+export {default as WalletConnectionWrapper} from "./components/WalletConnectionWrapper/index"
+export * from "./components/CurrencyInput/index";
+export {default as CurrencyInput} from "./components/CurrencyInput/index"
+export * from "./components/FileInput/index";
+export {default as FileInput} from "./components/FileInput/index"
+export * from "./components/FileInput/View/Compact/index";
+export {default as Compact} from "./components/FileInput/View/Compact/index"
+export * from "./components/FileInput/View/BigFactory/index";
+export {default as BigFactory} from "./components/FileInput/View/BigFactory/index"
+export * from "./components/FileInput/View/View.types";
+export * from "./components/Header/index";
+export {default as Header} from "./components/Header/index"
+export * from "./components/LoopableVideo/index";
+export {default as LoopableVideo} from "./components/LoopableVideo/index"
+export * from "./components/AdaptiveSidebar/index";
+export {default as AdaptiveSidebar} from "./components/AdaptiveSidebar/index"
+export * from "./components/AdaptiveContainer/index";
+export {default as AdaptiveContainer} from "./components/AdaptiveContainer/index"
+export * from "./hooks/ui/useAlternating";
+export {default as useAlternating} from "./hooks/ui/useAlternating";
+export * from "./hooks/ui/useBreakpoint";
+export {default as useBreakpoint} from "./hooks/ui/useBreakpoint";
+export * from "./hooks/ui/useTilt";
+export {default as useTilt} from "./hooks/ui/useTilt";
+export * from "./hooks/ui/useAdaptiveImage";
+export {default as useAdaptiveImage} from "./hooks/ui/useAdaptiveImage";
+export * from "./hooks/ui/useSnapToViewport";
+export {default as useSnapToViewport} from "./hooks/ui/useSnapToViewport";
+export * from "./hooks/ui/useMouseHover";
+export {default as useMouseHover} from "./hooks/ui/useMouseHover";
+export * from "./hooks/ui/useEffectIf";
+export {default as useEffectIf} from "./hooks/ui/useEffectIf";
+export * from "./hooks/ui/useZoomable";
+export {default as useZoomable} from "./hooks/ui/useZoomable";
+export * from "./hooks/ui/usePaginationControls";
+export {default as usePaginationControls} from "./hooks/ui/usePaginationControls";
+export * from "./hooks/ui/useCustomScrollbar";
+export {default as useCustomScrollbar} from "./hooks/ui/useCustomScrollbar";
 export * from "./hooks/useAsyncControl";
-export * from "./components/UncontrolledTransition"
+export {default as useAsyncControl} from "./hooks/useAsyncControl";
+export * from "./hooks/useForm";
+export {default as useForm} from "./hooks/useForm";
+export * from "./hooks/useMergeRefs";
+export {default as useMergeRefs} from "./hooks/useMergeRefs";
+export * from "./hooks/usePooledOperation";
+export {default as usePooledOperation} from "./hooks/usePooledOperation";
+export * from "./hooks/useElementFit";
+export {default as useElementFit} from "./hooks/useElementFit";
+export * from "./hooks/useHero";
+export {default as useHero} from "./hooks/useHero";
+export * from "./hooks/useObserve";
+export {default as useObserve} from "./hooks/useObserve";
+export * from "./hooks/useIntersection";
+export {default as useIntersection} from "./hooks/useIntersection";
+export * from "./hooks/useFirestoreWatch";
+export {default as useFirestoreWatch} from "./hooks/useFirestoreWatch";
+export * from "./hooks/usePooling";
+export {default as usePooling} from "./hooks/usePooling";
+export * from "./hooks/useFreeze";
+export {default as useFreeze} from "./hooks/useFreeze";
+export * from "./hooks/useContainedRepositioning";
+export {default as useContainedRepositioning} from "./hooks/useContainedRepositioning";
+export * from "./hooks/logs/useDependencyChangeDetection";
+export {default as useDependencyChangeDetection} from "./hooks/logs/useDependencyChangeDetection";
+export * from "./hooks/logs/useIsMounting";
+export {default as useIsMounting} from "./hooks/logs/useIsMounting";
+export * from "./hooks/persistence/useLocalStorage";
+export {default as useLocalStorage} from "./hooks/persistence/useLocalStorage";
+export * from "./hooks/usePagination";
+export {default as usePagination} from "./hooks/usePagination";
+export * from "./hooks/useCustomHistory";
+export {default as useCustomHistory} from "./hooks/useCustomHistory";
+export * from "./hooks/useRebound";
+export {default as useRebound} from "./hooks/useRebound";
+export * from "./hooks/utility/useImmediate";
+export {default as useImmediate} from "./hooks/utility/useImmediate";
+export * from "./hooks/utility/useEvents";
+export {default as useEvents} from "./hooks/utility/useEvents";
+export * from "./hooks/utility/useQuery";
+export {default as useQuery} from "./hooks/utility/useQuery";
+export * from "./hooks/utility/useDepChange";
+export {default as useDepChange} from "./hooks/utility/useDepChange";
+export * from "./hooks/utility/useManualInit";
+export {default as useManualInit} from "./hooks/utility/useManualInit";
+export * from "./hooks/utility/useUniqueEffect";
+export {default as useUniqueEffect} from "./hooks/utility/useUniqueEffect";
+export * from "./hooks/utility/useModule";
+export {default as useModule} from "./hooks/utility/useModule";
+export * from "./hooks/utility/useAsyncMemo";
+export {default as useAsyncMemo} from "./hooks/utility/useAsyncMemo";
+export * from "./hooks/useShortIntl";
+export {default as useShortIntl} from "./hooks/useShortIntl";

package/src/utils/e2e.ts

@@ -6,9 +6,12 @@ function toSrcPath(str: string) {
   return modName.replace("appclientecmascript", "");
 }
 
+/** Try to make the string follow the snake case pattern (e.g. "SOME_ELEMENT") */
+type IDENTIFIER = string
+
 type PossibleT = (
-  | string
-  | readonly [id: string, func: (n: number) => `${string}-${number}`]
+  | IDENTIFIER 
+  | readonly [id: IDENTIFIER, func: (n: number) => `${string}-${number}`]
 )[];
 
 type T<IDS extends PossibleT> = {
@@ -26,9 +29,9 @@ export function combineTestIds(...t: ReturnType<typeof testIDFactory>[]) {
  * @returns A function to set the IDs that this created instance will provide
  */
 export function testIDFactory(moduleOrId: Pick<Module, "id"> | string) {
-  const moduleId = typeof module === "string" ? module : module.id;
-  return <const IDS extends PossibleT>(...idsArr: IDS[]) =>
-    idsArr.reduce(
+  const moduleId = typeof moduleOrId === "string" ? moduleOrId : moduleOrId.id;
+  return <const IDS extends PossibleT>(idsArr: IDS) =>
+    [idsArr].reduce(
       (acc, ids) => ({
         ...acc,
         ...ids.reduce(

package/src/utils/test.ts

@@ -1,5 +1,6 @@
 type Func = (...args: any[]) => string
 
+/** @deprecated Preffer ./e2e.ts's test ids generator  */
 export const preffixTestIds =
   (preffix: string) =>
   <

package/tsconfig.prod.json

@@ -0,0 +1,55 @@
+{
+  "compilerOptions": {
+    /* Language and Environment */
+    "target": "esnext" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
+    "lib": [
+      "DOM",
+      "ES2015"
+    ] /* Specify a set of bundled library declaration files that describe the target runtime environment. */,
+    "jsx": "react-jsx" /* Specify what JSX code is generated. */,
+    /* Modules */
+    "module": "esnext" /* Specify what module code is generated. */,
+    "moduleResolution": "bundler",
+    "skipDefaultLibCheck": true,
+    "rootDir": "./src" /* Specify the root folder within your source files. */,
+    /* Emit */
+    "declaration": true /* Generate .d.ts files from TypeScript and JavaScript files in your project. */,
+    "sourceMap": true /* Create source map files for emitted JavaScript files. */,
+    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output. */
+    "outDir": "./dist-ts" /* Specify an output folder for all emitted files. */,
+
+    /* Interop Constraints */
+    "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
+    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
+    "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */,
+    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+    "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
+
+    /* Type Checking */
+    "strict": true /* Enable all strict type-checking options. */,
+    // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied `any` type.. */
+    // "strictNullChecks": true,                         /* When type checking, take into account `null` and `undefined`. */
+    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
+    // "strictBindCallApply": true,                      /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */
+    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+    // "noImplicitThis": true,                           /* Enable error reporting when `this` is given the type `any`. */
+    // "useUnknownInCatchVariables": true,               /* Type catch clause variables as 'unknown' instead of 'any'. */
+    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
+    // "noUnusedLocals": true,                           /* Enable error reporting when a local variables aren't read. */
+    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read */
+    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
+    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
+    // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
+    // "noUncheckedIndexedAccess": true,                 /* Include 'undefined' in index signature results */
+    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
+    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type */
+    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
+    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
+
+    /* Completeness */
+    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
+    "skipLibCheck": true, /* Skip type checking all .d.ts files. */
+  },
+  "exclude": ["cypress", "dist", "node_modules", "**/*.stories.tsx"],
+  "include": ["src", "cypress"]
+}