@trilogy-ds/react 4.8.2-beta-2 → 4.9.0-beta-build-1

package/lib/tsconfig.esm.json

@@ -0,0 +1,17 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "module": "esnext",
+        "outDir": "./lib-esm"
+    },
+    "exclude": [
+        "./components/**/*.stories.tsx",
+        "node_modules",
+        "./jest*",
+        "./snapshotResolver.ts",
+        "./fileTransformer.cjs",
+        "./package.json",
+        "./coverage",
+        "**/test/**",
+    ]
+}

package/lib/tsconfig.json

@@ -12,7 +12,7 @@
         "esModuleInterop": true,
         "isolatedModules": true,
         "jsx": "react",
-        "module": "esnext",
+        "module": "CommonJS",
         "moduleResolution": "node",
         "noEmit": false,
         "inlineSourceMap": true,
@@ -33,7 +33,8 @@
     "include": [
         "./**/*.json",
         "./**/*.ts",
-        "./**/*.tsx"
+        "./**/*.tsx",
+        "scripts/merge-esm-files.js"
     ],
     "exclude": [
         "./components/**/*.stories.tsx",

package/lib/types/index.d.mts

@@ -0,0 +1,3 @@
+export type Styles = {
+    [key: string]: any;
+};

package/lib/types/index.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90eXBlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/types/index.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90eXBlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/version.d.mts

@@ -0,0 +1 @@
+export declare const version = "4.9.0-beta-build-1";

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.8.2-beta-2";
+export declare const version = "4.9.0-beta-build-1";

package/lib/version.js

@@ -1,2 +1,5 @@
-export var version = "4.8.2-beta-2";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQSJ9
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.version = void 0;
+exports.version = "4.9.0-beta-build-1";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxPQUFPLEdBQUcsb0JBQW9CLENBQUEifQ==

package/lib/version.mjs

@@ -0,0 +1,2 @@
+export var version = "4.9.0-beta-build-1";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLG9CQUFvQixDQUFBIn0=

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "4.8.2-beta-2",
+  "version": "4.9.0-beta-build-1",
   "author": "Bouygues Telecom",
   "files": [
     "lib"
   ],
   "main": "lib/index.js",
-  "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "module": "lib/index.mjs",
+  "types": "lib/index.d.ts",
   "sideEffect": false,
   "description": "Trilogy react framework design system for Bouygues Telecom",
   "license": "UNLICENSED",
@@ -16,7 +16,11 @@
     "check-types": "tsc --noemit",
     "test:native": "jest --config jest.config.native.ts --updateSnapshot --coverage --silent=false",
     "prebuild": "node -p \"'export const version = ' + JSON.stringify(require('./package.json').version)\" > version.ts",
-    "build": "rimraf lib && npm run prebuild && tsc -p ./tsconfig.build.json && tsc-alias && cp -R ../../config/native/react-native.config.js ./lib/"
+    "build:cjs": "rimraf lib && npm run prebuild && tsc -p ./tsconfig.build.json && tsc-alias && cp -R ../../config/native/react-native.config.js ./lib",
+    "build:temp-esm": "rimraf lib-esm && tsc -p ./tsconfig.esm.json && tsc-alias -p ./tsconfig.esm.json",
+    "merge-esm-files": "node ./scripts/merge-esm-files.js",
+    "build:esm": "npm run build:temp-esm && npm run merge-esm-files && rimraf lib-esm",
+    "build": "npm run build:cjs && npm run build:esm"
   },
   "dependencies": {
     "@ptomasroos/react-native-multi-slider": "^2.2.2",
@@ -47,5 +51,18 @@
   "keywords": [
     "react",
     "design system"
-  ]
+  ],
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./*": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./package.json": "./package.json"
+  }
 }

package/lib/components/stack/Stack.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { StackProps } from './StackProps';
-/**
- * Stack Component
- * @param gap {StackSize} Gap between elements in Stack
- * @param direction {DirectionEnum} flex direction
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes
- * @param id {string}
- */
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
-export default Stack;

package/lib/components/stack/Stack.js

@@ -1,26 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { DirectionEnum } from '../../objects/facets/Direction';
-import { has, is } from '../../services';
-import clsx from 'clsx';
-import React from 'react';
-/**
- * Stack Component
- * @param gap {StackSize} Gap between elements in Stack
- * @param direction {DirectionEnum} flex direction
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes
- * @param id {string}
- */
-var Stack = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, gap = _a.gap, _b = _a.direction, direction = _b === void 0 ? DirectionEnum.COLUMN : _b, others = __rest(_a, ["className", "id", "gap", "direction"]);
-    var styled = useTrilogyContext().styled;
-    var isNumber = typeof gap === 'number';
-    var classes = hashClass(styled, clsx('stack', direction && is(direction), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.mobile) && has("gap-mobile-".concat(gap.mobile)), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.tablet) && has("gap-tablet-".concat(gap.tablet)), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.desktop) && has("gap-desktop-".concat(gap.desktop)), isNumber && has("gap-".concat(gap)), className));
-    return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
-});
-Stack.displayName = ComponentName.Stack;
-export default Stack;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0YWNrL1N0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzFELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7R0FPRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzVCLFVBQUMsRUFBbUUsRUFBRSxHQUFHO0lBQXRFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsaUJBQWdDLEVBQWhDLFNBQVMsbUJBQUcsYUFBYSxDQUFDLE1BQU0sS0FBQSxFQUFLLE1BQU0sY0FBakUsdUNBQW1FLENBQUY7SUFDeEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxRQUFRLEdBQUcsT0FBTyxHQUFHLEtBQUssUUFBUSxDQUFBO0lBQ3hDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLEVBQ1AsU0FBUyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDMUIsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE1BQU0sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxxQkFBYyxHQUFHLENBQUMsTUFBTSxDQUFFLENBQUMsRUFDM0QsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE1BQU0sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxxQkFBYyxHQUFHLENBQUMsTUFBTSxDQUFFLENBQUMsRUFDM0QsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE9BQU8sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxzQkFBZSxHQUFHLENBQUMsT0FBTyxDQUFFLENBQUMsRUFDOUQsUUFBUSxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQzdCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xFLENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=

package/lib/components/stack/Stack.native.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { StackProps } from './StackProps';
-/**
- * Stack Component
- * @param gap {StackSize} Gap between elements in Stack
- * @param direction {DirectionEnum} flex direction
- */
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<View>>;
-export default Stack;

package/lib/components/stack/Stack.native.js

@@ -1,32 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { DirectionEnum } from '../../objects/facets/Direction';
-import React from 'react';
-import { View } from 'react-native';
-import { ColumnsGapValue, GapSize } from '../columns';
-/**
- * Stack Component
- * @param gap {StackSize} Gap between elements in Stack
- * @param direction {DirectionEnum} flex direction
- */
-var Stack = React.forwardRef(function (_a, ref) {
-    var children = _a.children, gap = _a.gap, _b = _a.direction, direction = _b === void 0 ? DirectionEnum.COLUMN : _b, others = __rest(_a, ["children", "gap", "direction"]);
-    var getGapValue = function (gapSize) {
-        return ColumnsGapValue[gapSize] || 0;
-    };
-    var gapValue = 0;
-    if (typeof gap === 'number') {
-        gapValue = getGapValue(gap);
-    }
-    else if (gap && typeof gap === 'object') {
-        gapValue = getGapValue(gap.mobile || GapSize.ZERO);
-    }
-    var stackStyles = {
-        flexDirection: direction === DirectionEnum.ROW ? 'row' : 'column',
-        gap: gapValue,
-    };
-    return (React.createElement(View, __assign({ ref: ref, style: stackStyles }, others), children));
-});
-Stack.displayName = ComponentName.Stack;
-export default Stack;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhY2submF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zdGFjay9TdGFjay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzFELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFhLE1BQU0sY0FBYyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBR3JEOzs7O0dBSUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUFDLEVBQThELEVBQUUsR0FBRztJQUFqRSxJQUFBLFFBQVEsY0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLGlCQUFnQyxFQUFoQyxTQUFTLG1CQUFHLGFBQWEsQ0FBQyxNQUFNLEtBQUEsRUFBSyxNQUFNLGNBQTVELGdDQUE4RCxDQUFGO0lBQzNELElBQU0sV0FBVyxHQUFHLFVBQUMsT0FBZ0I7UUFDbkMsT0FBTyxlQUFlLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3RDLENBQUMsQ0FBQTtJQUVELElBQUksUUFBUSxHQUFHLENBQUMsQ0FBQTtJQUNoQixJQUFJLE9BQU8sR0FBRyxLQUFLLFFBQVEsRUFBRTtRQUMzQixRQUFRLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFBO0tBQzVCO1NBQU0sSUFBSSxHQUFHLElBQUksT0FBTyxHQUFHLEtBQUssUUFBUSxFQUFFO1FBQ3pDLFFBQVEsR0FBRyxXQUFXLENBQUMsR0FBRyxDQUFDLE1BQU0sSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUE7S0FDbkQ7SUFFRCxJQUFNLFdBQVcsR0FBYztRQUM3QixhQUFhLEVBQUUsU0FBUyxLQUFLLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUNqRSxHQUFHLEVBQUUsUUFBUTtLQUNkLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLFdBQVcsSUFBTSxNQUFNLEdBQzNDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUN2QyxlQUFlLEtBQUssQ0FBQSJ9

package/lib/components/stack/StackProps.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { DirectionEnum, DirectionEnumValues } from '../../objects/facets/Direction';
-import { View } from 'react-native';
-import { CommonProps } from '../../objects/facets/CommonProps';
-import { GapSize } from '../columns';
-export interface StackSize {
-    mobile?: GapSize;
-    tablet?: GapSize;
-    desktop?: GapSize;
-}
-export interface StackProps extends CommonProps {
-    children?: React.ReactNode;
-    gap?: StackSize | GapSize;
-    direction?: DirectionEnum | DirectionEnumValues;
-}
-export type StackRef = HTMLDivElement;
-export type StackNativeRef = View;

package/lib/components/stack/StackProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhY2tQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RhY2svU3RhY2tQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/stack/index.d.ts

@@ -1,2 +0,0 @@
-import Stack from './Stack';
-export { Stack };