@onepercentio/one-ui 0.29.0 → 0.29.2

package/dist-ts/utils/test.js

@@ -0,0 +1,12 @@
+/** @deprecated Preffer ./e2e.ts's test ids generator  */
+export const preffixTestIds = (preffix) => (testIds) => {
+    for (let key in testIds)
+        if (typeof testIds[key] === 'function') {
+            const originalFunction = testIds[key];
+            testIds[key] = ((...args) => `${preffix}-${originalFunction(...args)}`);
+        }
+        else
+            testIds[key] = `${preffix}-${testIds[key]}`;
+    return testIds;
+};
+//# sourceMappingURL=test.js.map

package/dist-ts/utils/test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/utils/test.ts"],"names":[],"mappings":"AAEA,yDAAyD;AACzD,MAAM,CAAC,MAAM,cAAc,GACzB,CAAC,OAAe,EAAE,EAAE,CACpB,CAKE,OAAU,EACV,EAAE;IACF,KAAK,IAAI,GAAG,IAAI,OAAO;QACrB,IAAI,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,UAAU,EAAE,CAAC;YACvC,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAAS,CAAA;YAC7C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,IAAW,EAAE,EAAE,CACjC,GAAG,OAAO,IAAI,gBAAgB,CAAC,GAAG,IAAI,CAAC,EAAE,CAAQ,CAAA;QACrD,CAAC;;YAAM,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC,EAAS,CAAA;IAC3D,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.29.0",
+  "version": "0.29.2",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "repository": "git@github.com:onepercentio/one-ui.git",
   "author": "Murilo Oliveira de Araujo <murilo.araujo@onepercent.io>",
   "license": "MIT",
   "types": "./dist/index.d.ts",
-  "main": "./dist/index.ts",
+  "main": "./dist/index.js",
   "exports": {
-    "./*": "./src/*.ts"
+    "./*": "./dist-ts/*.js",
+    "./components/*": "./dist-ts/components/*/index.js",
+    ".": "./dist-ts/index.js"
   },
   "devDependencies": {
     "@babel/cli": "^7.22.9",
@@ -114,11 +116,15 @@
   "scripts": {
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "prebuild": "rm -rf ./dist",
+    "prebuild": "rm -rf ./dist; rm -rf ./dist-ts;",
     "build": "babel src --ignore \"**/*.e2e.ts,**/*.test.ts,**/*.test.tsx,**/*.stories.tsx\" --out-dir dist --extensions \".ts,.tsx\" --copy-files --no-copy-ignored --config-file=./.prod.babelrc",
+    "build:ts": "tsc --project tsconfig.prod.json",
+    "build:ts:scss": "babel src --ignore \"**/*.tsx,**/*.ts\" --out-dir dist-ts --extensions \".ts,.tsx\" --copy-files --no-copy-ignored --config-file=./.prod.babelrc",
     "postbuild": "tsc",
     "copy-css": "cpy --cwd=\"src\" \"**/*.{scss,svg}\" \"../dist\" --parents",
-    "dev:ts": "tsc --watch",
+    "dev:ts": "yarn dev:ts-dist; yarn dev:ts-types;",
+    "dev:ts-dist": "tsc --project tsconfig.prod.json --watch",
+    "dev:ts-types": "tsc --watch",
     "dev:vite": "tsc -p ./tsconfig.vite.json --watch",
     "dev:ai": "tsc --watch --project ./tsconfig-ai.json",
     "dev": "babel src --ignore \"**/*.e2e.ts,**/*.test.ts,**/*.test.tsx,**/*.stories.tsx\" --out-dir dist --extensions \".ts,.tsx\" --copy-files --no-copy-ignored --config-file=./.prod.babelrc -w",
@@ -126,7 +132,7 @@
     "deploy:storybook": "yarn build-storybook && firebase deploy --only hosting",
     "test:e2e:watch": "cypress open --component --port 6005 --browser chrome",
     "test:e2e": "cypress run --component --port 6015 --browser chrome",
-    "prepack": "yarn build"
+    "prepack": "yarn build; yarn build:ts; yarn build:ts:scss;"
   },
   "browserslist": {
     "production": [

package/src/components/AdaptiveButton/index.tsx

@@ -1 +1,2 @@
-export { default } from './AdaptiveButton';
+export { default } from "./AdaptiveButton";
+export * from "./AdaptiveButton";

package/src/components/AdaptiveContainer/index.tsx

@@ -1 +1,2 @@
-export { default } from './AdaptiveContainer';
+export { default } from "./AdaptiveContainer";
+export * from "./AdaptiveContainer";

package/src/components/AdaptiveDialog/index.tsx

@@ -1 +1,2 @@
-export { default } from './AdaptiveDialog';
+export { default } from "./AdaptiveDialog";
+export * from "./AdaptiveDialog";

package/src/components/AdaptiveSidebar/index.tsx

@@ -1 +1,2 @@
-export { default } from './AdaptiveSidebar';
+export { default } from "./AdaptiveSidebar";
+export * from "./AdaptiveSidebar";

package/src/components/AnchoredTooltip/index.tsx

@@ -1 +1,2 @@
-export { default } from './AnchoredTooltip';
+export { default } from "./AnchoredTooltip";
+export * from "./AnchoredTooltip";

package/src/components/AnimatedEntrance/index.tsx

@@ -1,5 +1,2 @@
-export {
-  default,
-  AnimatedEntranceItem,
-  EntranceType,
-} from "./AnimatedEntrance";
+export { default } from "./AnimatedEntrance";
+export * from "./AnimatedEntrance";

package/src/components/AsyncWrapper/index.tsx

@@ -1 +1,2 @@
-export { default } from './AsyncWrapper';
+export { default } from "./AsyncWrapper";
+export * from "./AsyncWrapper";

package/src/components/Avatar/index.tsx

@@ -1 +1,2 @@
-export { default } from './Avatar';
+export { default } from "./Avatar";
+export * from "./Avatar";

package/src/components/BucketFill/index.tsx

@@ -1 +1,2 @@
-export { default } from './BucketFill';
+export { default } from "./BucketFill";
+export * from "./BucketFill";

package/src/components/Button/index.tsx

@@ -1 +1,2 @@
-export { default } from './Button';
+export { default } from "./Button";
+export * from "./Button";

package/src/components/Card/index.tsx

@@ -1 +1,2 @@
-export { default } from './Card';
+export { default } from "./Card";
+export * from "./Card";

package/src/components/Chart/Chart.tsx

@@ -0,0 +1,2 @@
+export { default } from "./Chart.logic";
+export * from "./Chart.logic";

package/src/components/Chart/Chart.view.tsx

@@ -1,4 +1,5 @@
 import React, {
+  ComponentRef,
   ElementRef,
   PropsWithChildren,
   ReactNode,
@@ -39,7 +40,7 @@ function FloatingTooltip({
   >;
 }) {
   const [ope, setOpen] = useState(() => (hoverOnly ? false : true));
-  const ref = useRef<ElementRef<typeof AnchoredTooltip>>(null);
+  const ref = useRef<ComponentRef<typeof AnchoredTooltip>>(null);
   const circleRef = useRef<SVGCircleElement>(null);
   useEffect(() => {
     const animateEl = circleRef.current!.children.item(0) as SVGAnimateElement;

package/src/components/Chart/index.tsx

@@ -1 +1,2 @@
-export { default } from './Chart.logic';
+export { default } from "./Chart";
+export * from "./Chart";

package/src/components/CheckBox/index.tsx

@@ -1 +1,2 @@
-export { default } from './CheckBox';
+export { default } from "./CheckBox";
+export * from "./CheckBox";

package/src/components/CodeInput/index.tsx

@@ -1 +1,2 @@
-export { default } from './CodeInput';
+export { default } from "./CodeInput";
+export * from "./CodeInput";

package/src/components/Collapsable/index.tsx

@@ -1 +1,2 @@
-export { default } from './Collapsable';
+export { default } from "./Collapsable";
+export * from "./Collapsable";

package/src/components/Countdown/index.tsx

@@ -1 +1,2 @@
-export { default } from './Countdown';
+export { default } from "./Countdown";
+export * from "./Countdown";

package/src/components/CurrencyInput/index.tsx

@@ -1 +1,2 @@
-export { default } from "./CurrencyInput"
+export { default } from "./CurrencyInput";
+export * from "./CurrencyInput";

package/src/components/Divider/index.tsx

@@ -1 +1,2 @@
-export { default } from './Divider';
+export { default } from "./Divider";
+export * from "./Divider";

package/src/components/EmailInput/index.tsx

@@ -1 +1,2 @@
-export { default, validateEmail } from './EmailInput';
+export { default } from "./EmailInput";
+export * from "./EmailInput";

package/src/components/FadeIn/index.tsx

@@ -1 +1,2 @@
-export { default } from './FadeIn';
+export { default } from "./FadeIn";
+export * from "./FadeIn";

package/src/components/FileInput/View/BigFactory/index.tsx

@@ -1 +1,2 @@
-export { default } from './BigFactory';
+export { default } from "./BigFactory";
+export * from "./BigFactory";

package/src/components/FileInput/View/Compact/index.tsx

@@ -1 +1,2 @@
-export { default, ProgressIndicator } from './Compact';
+export { default } from "./Compact";
+export * from "./Compact";

package/src/components/FileInput/index.tsx

@@ -1 +1,2 @@
-export { default } from './FileInput';
+export { default } from "./FileInput";
+export * from "./FileInput";

package/src/components/FlowController/index.tsx

@@ -1 +1,2 @@
-export { default } from './FlowController';
+export { default } from "./FlowController";
+export * from "./FlowController";

package/src/components/Form/index.ts

@@ -1 +1,2 @@
 export { default } from "./Form";
+export * from "./Form";

package/src/components/Form/v2/FormField/Extensions/DateField/index.tsx

@@ -1 +1,2 @@
-export { default } from './DateField';
+export { default } from "./DateField";
+export * from "./DateField";

package/src/components/Form/v2/FormField/Extensions/PhoneField/index.tsx

@@ -1 +1,2 @@
-export { default } from './PhoneField';
+export { default } from "./PhoneField";
+export * from "./PhoneField";

package/src/components/Form/v2/FormField/index.tsx

@@ -1 +1,2 @@
-export { default } from './FormField';
+export { default } from "./FormField";
+export * from "./FormField";

package/src/components/Form/v2/index.tsx

@@ -1 +1,2 @@
-export { default } from './Form';
+export { default } from "./Form";
+export * from "./Form";

package/src/components/Freeze/index.tsx

@@ -1 +1,2 @@
-export { default } from './Freeze';
+export { default } from "./Freeze";
+export * from "./Freeze";

package/src/components/HSForms/index.tsx

@@ -1 +1,2 @@
-export { default } from './HSForms';
+export { default } from "./HSForms";
+export * from "./HSForms";

package/src/components/Header/index.tsx

@@ -1 +1,2 @@
-export { default } from './Header';
+export { default } from "./Header";
+export * from "./Header";

package/src/components/HeaderCloseBtn/index.tsx

@@ -1 +1,2 @@
-export { default } from './HeaderCloseBtn';
+export { default } from "./HeaderCloseBtn";
+export * from "./HeaderCloseBtn";

package/src/components/InfinityScroll/index.tsx

@@ -1 +1,2 @@
-export { default } from './InfinityScroll';
+export { default } from "./InfinityScroll";
+export * from "./InfinityScroll";

package/src/components/Input/index.tsx

@@ -1 +1,2 @@
-export { default } from './Input';
+export { default } from "./Input";
+export * from "./Input";

package/src/components/InstantCounter/index.tsx

@@ -1 +1,2 @@
-export { default } from './InstantCounter';
+export { default } from "./InstantCounter";
+export * from "./InstantCounter";

package/src/components/LavaLamp/index.tsx

@@ -1 +1,2 @@
-export { default } from './LavaLamp';
+export { default } from "./LavaLamp";
+export * from "./LavaLamp";

package/src/components/LinkToId/index.tsx

@@ -1 +1,2 @@
-export { default, scrollToId } from './LinkToId';
+export { default } from "./LinkToId";
+export * from "./LinkToId";

package/src/components/Loader/index.tsx

@@ -1 +1,2 @@
-export { default } from './Loader';
+export { default } from "./Loader";
+export * from "./Loader";

package/src/components/LoaderDotsIndicator/index.tsx

@@ -1 +1,2 @@
-export { default } from './LoaderDotsIndicator';
+export { default } from "./LoaderDotsIndicator";
+export * from "./LoaderDotsIndicator";

package/src/components/LoopableVideo/index.tsx

@@ -1 +1,2 @@
-export { default } from './LoopableVideo';
+export { default } from "./LoopableVideo";
+export * from "./LoopableVideo";

package/src/components/MainGrid/index.tsx

@@ -1 +1,2 @@
-export { default } from './MainGrid';
+export { default } from "./MainGrid";
+export * from "./MainGrid";

package/src/components/MutableHamburgerButton/index.tsx

@@ -1 +1,2 @@
-export { default } from './MutableHamburgerButton';
+export { default } from "./MutableHamburgerButton";
+export * from "./MutableHamburgerButton";

package/src/components/Notification/index.tsx

@@ -1 +1,2 @@
-export { default } from './Notification';
+export { default } from "./Notification";
+export * from "./Notification";

package/src/components/OrderableList/index.tsx

@@ -1 +1,2 @@
-export { default } from './OrderableList';
+export { default } from "./OrderableList";
+export * from "./OrderableList";

package/src/components/PaginationIndicator/index.tsx

@@ -1 +1,2 @@
-export { default } from './PaginationIndicator';
+export { default } from "./PaginationIndicator";
+export * from "./PaginationIndicator";

package/src/components/Parallax/Parallax.tsx

@@ -15,36 +15,13 @@ import {
   generateMatrixFromOperations,
   invertMatrix,
 } from "./math/helpers";
+import { calculateDistanceRelativeToBounds, givenTheRelativePositionHowMuchToRotate } from "../../hooks/ui/useTilt";
 
 const MAXIMUM_PARALLAX = {
   x: 20,
   y: 20,
 };
 
-export function calculateDistanceRelativeToBounds(
-  mousePosition: number,
-  elementInitialPosition: number,
-  elementSizeDimension: number
-) {
-  const normalizeInitialPosition = mousePosition - elementInitialPosition;
-  const doNotAllowGoingBeyondLowerLimit = Math.max(normalizeInitialPosition, 0);
-  const doNotAllowHoingBeyondHigherLimit = Math.min(
-    doNotAllowGoingBeyondLowerLimit,
-    elementSizeDimension
-  );
-  const threeRule =
-    (doNotAllowHoingBeyondHigherLimit * 100) / elementSizeDimension;
-  const result = Math.round(threeRule) / 100;
-  return result;
-}
-
-export function givenTheRelativePositionHowMuchToRotate(
-  relativePosition: number,
-  maxRotation: number
-) {
-  return relativePosition * maxRotation - maxRotation / 2;
-}
-
 type Props = PropsWithChildren<{
   className?: string;
   active: boolean;
@@ -102,12 +79,14 @@ function _Parallax(
         const distanceOffRight = calculateDistanceRelativeToBounds(
           relativeToX,
           x0,
-          xW
+          xW,
+          true
         );
         const distanceOffBottom = calculateDistanceRelativeToBounds(
           relativeToY,
           y0,
-          yH
+          yH,
+          true
         );
         const howMuchToRotateY =
           givenTheRelativePositionHowMuchToRotate(
@@ -128,11 +107,9 @@ function _Parallax(
           Math.abs(Math.abs(distanceOffBottom - 0.5) / 0.5)
         );
 
-        el.style.transform = `${
-          initialPositionRef.current
-        } rotateY(${howMuchToRotateY}deg) rotateX(${-howMuchToRotateX}deg) translateZ(${
-          multiplierRef.current === 1 ? 0 : -30
-        }px)`;
+        el.style.transform = `${initialPositionRef.current
+          } rotateY(${howMuchToRotateY}deg) rotateX(${-howMuchToRotateX}deg) translateZ(${multiplierRef.current === 1 ? 0 : -30
+          }px)`;
 
         if (reflectionRef.current) {
           reflectionRef.current.style.left = `${(1 - distanceOffRight) * 100}%`;

package/src/components/Parallax/index.tsx

@@ -1 +1,2 @@
-export { default } from './Parallax';
+export { default } from "./Parallax";
+export * from "./Parallax";

package/src/components/PasswordInput/index.tsx

@@ -1 +1,2 @@
-export { default } from './PasswordInput';
+export { default } from "./PasswordInput";
+export * from "./PasswordInput";

package/src/components/PingPongText/index.tsx

@@ -1 +1,2 @@
-export { default } from './PingPongText';
+export { default } from "./PingPongText";
+export * from "./PingPongText";

package/src/components/PixelatedScan/index.tsx

@@ -1 +1,2 @@
-export { default } from './PixelatedScan';
+export { default } from "./PixelatedScan";
+export * from "./PixelatedScan";

package/src/components/Portal/index.tsx

@@ -1 +1,2 @@
-export { default, PortalReceiver } from './Portal';
+export { default } from "./Portal";
+export * from "./Portal";

package/src/components/ProgressBar/index.tsx

@@ -1 +1,2 @@
-export { default, BalancedProgressBar } from "./ProgressBar";
+export { default } from "./ProgressBar";
+export * from "./ProgressBar";

package/src/components/ProgressTexts/index.tsx

@@ -1 +1,2 @@
-export { default } from './ProgressTexts';
+export { default } from "./ProgressTexts";
+export * from "./ProgressTexts";

package/src/components/Radio/index.tsx

@@ -1 +1,2 @@
-export { default } from './Radio';
+export { default } from "./Radio";
+export * from "./Radio";

package/src/components/SectionContainer/index.tsx

@@ -1 +1,2 @@
-export { default } from './SectionContainer';
+export { default } from "./SectionContainer";
+export * from "./SectionContainer";

package/src/components/Select/index.tsx

@@ -1 +1,2 @@
-export { default } from './Select';
+export { default } from "./Select";
+export * from "./Select";

package/src/components/Skeleton/index.tsx

@@ -1 +1,2 @@
-export { default } from './Skeleton';
+export { default } from "./Skeleton";
+export * from "./Skeleton";

package/src/components/Spacing/index.tsx

@@ -1 +1,2 @@
-export { default } from './Spacing';
+export { default } from "./Spacing";
+export * from "./Spacing";

package/src/components/StaticScroller/index.tsx

@@ -1 +1,2 @@
-export { default } from './StaticScroller';
+export { default } from "./StaticScroller";
+export * from "./StaticScroller";

package/src/components/Switch/index.tsx

@@ -1 +1,2 @@
-export { default } from './Switch';
+export { default } from "./Switch";
+export * from "./Switch";

package/src/components/Table/index.tsx

@@ -1 +1,2 @@
-export { default } from './Table';
+export { default } from "./Table";
+export * from "./Table";

package/src/components/Tabs/index.tsx

@@ -1 +1,2 @@
-export { default } from './Tabs';
+export { default } from "./Tabs";
+export * from "./Tabs";

package/src/components/Text/index.tsx

@@ -1 +1,2 @@
-export { default } from './Text';
+export { default } from "./Text";
+export * from "./Text";

package/src/components/Transition/index.tsx

@@ -1 +1,2 @@
-export { default, TransitionAnimationTypes } from "./Transition";
+export { default } from "./Transition";
+export * from "./Transition";

package/src/components/UncontrolledTransition/index.tsx

@@ -1,2 +1,2 @@
 export { default } from "./UncontrolledTransition";
-export * from "./UncontrolledTransition";
+export * from "./UncontrolledTransition";

package/src/components/WalletConnectionWrapper/index.tsx

@@ -1 +1,2 @@
-export { default, BaseWalletConnectionWrapper } from './WalletConnectionWrapper';
+export { default } from "./WalletConnectionWrapper";
+export * from "./WalletConnectionWrapper";

package/src/components/utilitary/ScrollAndFocusLock/index.tsx

@@ -1 +1,2 @@
-export { default } from './ScrollAndFocusLock';
+export { default } from "./ScrollAndFocusLock";
+export * from "./ScrollAndFocusLock";

package/src/index.preprocess.ts

@@ -0,0 +1,82 @@
+import {
+  fstat,
+  fstatSync,
+  lstatSync,
+  readdirSync,
+  readFileSync,
+  writeFileSync,
+} from "fs";
+import { join } from "path";
+
+function preProcessIndex(indexPath: string) {
+  let [_index, componentName] = indexPath.split("/").reverse();
+  if (indexPath.includes("/v2/index.ts")) componentName = "Form";
+  writeFileSync(
+    indexPath,
+    `export { default } from "./${componentName}";
+export * from "./${componentName}";`
+  );
+}
+
+let finalIndexTs = ``;
+
+parseDir("./src");
+
+function parseDir(path: string) {
+  let folders = readdirSync(path);
+  if (folders.includes("index.ts") || folders.includes("index.tsx")) {
+    folders = folders.filter((f) => {
+      const toCheck = join(path, f);
+      if (f.includes("index.ts")) {
+        preProcessIndex(toCheck);
+        return true;
+      } else {
+        return lstatSync(toCheck).isDirectory();
+      }
+    });
+  }
+  for (let folder of folders) {
+    const toCheck = join(path, folder);
+    if (
+      toCheck.endsWith(".d.ts") ||
+      folder.startsWith("__") ||
+      toCheck.includes(".DS_Store") ||
+      folder.includes("storybook") ||
+      folder.includes("preprocess") ||
+      toCheck === "src/index.ts" ||
+      toCheck === "src/test.ts" ||
+      folder.endsWith(".scss") ||
+      folder.endsWith(".svg") ||
+      folder.endsWith(".md") ||
+      folder.includes(".stories.") ||
+      folder.includes(".test.") ||
+      folder.includes("ObjectWatchShim") ||
+      folder.includes("MasksFactory")
+    )
+      continue;
+    if (lstatSync(toCheck).isDirectory()) {
+      parseDir(toCheck);
+    } else {
+      const componentName = toCheck.includes("/index.ts")
+        ? toCheck.includes("Form/v2/index")
+          ? "FormV2"
+          : toCheck.split("/").at(-2)
+        : undefined;
+      const isHook = toCheck.includes("hooks/");
+      const isContext = toCheck.includes("context");
+      const importPath = `${toCheck.replace("src", ".").replace(/\.tsx?/, "")}`;
+      const extraExport =
+        isHook || isContext
+          ? `export {default as ${
+              toCheck.split("/").at(-1)!.split(".")[0]
+            }} from "${importPath}";\n`
+          : componentName
+          ? `export {default as ${componentName}} from "${importPath}"\n`
+          : "";
+      finalIndexTs += `export * from "${importPath}";
+${extraExport}`;
+    }
+  }
+}
+
+writeFileSync("./src/index.ts", finalIndexTs);