freemium-ui 2.0.0-beta.2 → 2.0.0-beta.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Freshworks
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,13 +1,10 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.3",
   "description": "React Ui Components for Freemium Apps",
-  "main": "lib/index.js",
-  "module": "lib/index.esm.js",
-  "types": "lib/index.d.ts",
-  "directories": {
-    "lib": "lib"
-  },
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "typings": "dist/index.d.ts",
   "dependencies": {
     "@blueprintjs/datetime2": "^2.3.1",
     "@dnd-kit/core": "^6.1.0",
@@ -41,7 +38,6 @@
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-inject": "^5.0.5",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
@@ -63,6 +59,8 @@
     "@types/react": "^18.2.38",
     "@types/react-dom": "^18.2.17",
     "@types/react-transition-group": "^4.4.10",
+    "@types/rollup-plugin-generate-package-json": "^3.2.8",
+    "@types/rollup-plugin-peer-deps-external": "^2.2.4",
     "@types/styled-components": "^5.1.34",
     "babel-plugin-named-exports-order": "^0.0.2",
     "eslint-plugin-storybook": "^0.6.15",
@@ -72,18 +70,21 @@
     "prop-types": "^15.8.1",
     "rollup": "^4.9.6",
     "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-import-css": "^3.4.0",
+    "rollup-plugin-generate-package-json": "^3.2.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^7.6.15",
     "webpack": "^5.89.0"
   },
   "scripts": {
     "version:beta": "npm version prerelease --preid=beta",
     "publish:beta": "npm publish --tag beta",
-    "version": "npm version patch",
-    "publish": "npm publish",
+    "prepublish": "npm run build",
     "start": "react-scripts start",
     "build:react-app": "react-scripts build",
-    "build": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
+    "build": "npm run rollup && npm run post:build",
+    "post:build": "node ./scripts/frankBuild.js",
+    "rollup": "rm -rf dist && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "check": "prettier --check .",

package/scripts/buildUtils.js

@@ -0,0 +1,33 @@
+const fs = require('fs');
+export const getFolders = (entry) => {
+  const dirs = fs.readdirSync(entry);
+  const dirsWithoutIndex = dirs
+    .filter((name) => name !== 'index.ts')
+    .filter((name) => name !== 'utils');
+  return dirsWithoutIndex;
+};
+
+export const getFiles = (entry, extensions = [], excludeExtensions = []) => {
+  let fileNames = [];
+  const dirs = fs.readdirSync(entry);
+  dirs.forEach((dir) => {
+    const path = `${entry}/${dir}`;
+
+    if (fs.lstatSync(path).isDirectory()) {
+      fileNames = [
+        ...fileNames,
+        ...getFiles(path, extensions, excludeExtensions),
+      ];
+
+      return;
+    }
+
+    if (
+      !excludeExtensions.some((exclude) => dir.endsWith(exclude)) &&
+      extensions.some((ext) => dir.endsWith(ext))
+    ) {
+      fileNames.push(path);
+    }
+  });
+  return fileNames;
+};

package/scripts/frankBuild.js

@@ -0,0 +1,100 @@
+/* eslint-disable no-console */
+const { resolve, join, basename } = require('path');
+const { readFile, writeFile, copy, remove } = require('fs-extra');
+const packagePath = process.cwd();
+const distPath = join(packagePath, './dist');
+
+// const components = [
+//   'Alert',
+//   'Button',
+//   'Checkbox',
+//   'Confirmation',
+//   'Drawer',
+//   'Dropdown',
+//   'Icons',
+//   'Input',
+//   'Loader',
+//   'Menu',
+//   'Modal',
+//   'MultiSelectDropdown',
+//   'Pickers',
+//   'Popover',
+//   'Radio',
+//   'Reorder',
+//   'Table',
+//   'Tabs',
+//   'Tag',
+//   'ThemeProvider',
+//   'Toast',
+//   'Toggle',
+//   'Tooltip',
+//   'Transition',
+//   'Typography',
+// ];
+
+const writeJson = (targetPath, obj) =>
+  writeFile(targetPath, JSON.stringify(obj, null, 2), 'utf8');
+
+async function createPackageFile() {
+  const packageData = await readFile(
+    resolve(packagePath, './package.json'),
+    'utf8',
+  );
+  const { scripts, devDependencies, ...packageOthers } =
+    JSON.parse(packageData);
+  const newPackageData = {
+    ...packageOthers,
+    private: false,
+    typings: './index.d.ts',
+    main: './index.js',
+    module: './index.js',
+  };
+
+  const targetPath = resolve(distPath, './package.json');
+
+  await writeJson(targetPath, newPackageData);
+  console.log(`Created package.json in ${targetPath}`);
+}
+
+async function cleanUp() {
+  // const targetPath = resolve(distPath, './types');
+  // await remove(targetPath);
+  // const copySourcePath = resolve(distPath, './types/src/components');
+  // const copyTargetPath = resolve(distPath, './');
+  // await copy(copySourcePath, copyTargetPath);
+  // console.log('Types copied');
+  // await Promise.all(
+  //   components.map(async (component) => {
+  //     const sourcePath = resolve(
+  //       distPath,
+  //       `./types/src/components/${component}`,
+  //     );
+  //     const targetPath = resolve(distPath, `./${component}`);
+  //     await copy(sourcePath, targetPath);
+  //     console.log(`Copied ${sourcePath} to ${targetPath}`);
+  //   }),
+  // );
+  await remove(resolve(distPath, `./types`));
+  console.log('Types cleared');
+}
+
+async function includeFileInBuild(file) {
+  const sourcePath = resolve(packagePath, file);
+  const targetPath = resolve(distPath, basename(file));
+  await copy(sourcePath, targetPath);
+  console.log(`Copied ${sourcePath} to ${targetPath}`);
+}
+
+async function run() {
+  try {
+    await createPackageFile();
+    await includeFileInBuild('./README.md');
+    // await includeFileInBuild('../../LICENSE');
+    await cleanUp();
+  } catch (err) {
+    console.error(err);
+    process.exit(1);
+  }
+}
+
+run();

package/lib/allPaths-WmpInmc6.js

@@ -1 +0,0 @@
-"use strict";var e=require("./index-4croX9DV.js"),r=require("./index-u6cJndUc.js"),t=require("./index-GUn9nFX6.js");require("react/jsx-runtime"),require("react"),require("react-dom"),require("react-remove-scroll"),require("@floating-ui/react-dom"),require("react-is"),require("react-day-picker"),require("react-popper"),require("react-transition-group"),require("react-uid"),require("react-innertext"),exports.IconSvgPaths16=e.IconSvgPaths16,exports.IconSvgPaths20=r.IconSvgPaths20,exports.getIconPaths=function(a,i){var c=t.pascalCase(a);return i===t.IconSize.STANDARD?e.IconSvgPaths16[c]:r.IconSvgPaths20[c]},exports.iconNameToPathsRecordKey=function(e){return t.pascalCase(e)};

package/lib/allPaths-ZvyseO3W.js

@@ -1 +0,0 @@
-import{I as r}from"./index-7EbF0dW2.js";import{I as t}from"./index-y8BjCJFH.js";import{p as i,I as o}from"./index-nKZqXJSi.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-remove-scroll";import"@floating-ui/react-dom";import"react-is";import"react-day-picker";import"react-popper";import"react-transition-group";import"react-uid";import"react-innertext";function e(e,m){var p=i(e);return m===o.STANDARD?r[p]:t[p]}function m(r){return i(r)}export{r as IconSvgPaths16,t as IconSvgPaths20,e as getIconPaths,m as iconNameToPathsRecordKey};

package/lib/allPathsLoader-Y52NXCsH.js

@@ -1 +0,0 @@
-import{_ as t,a as r}from"./index-nKZqXJSi.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-remove-scroll";import"@floating-ui/react-dom";import"react-is";import"react-day-picker";import"react-popper";import"react-transition-group";import"react-uid";import"react-innertext";var i=function(i,o){return t(void 0,void 0,void 0,(function(){return r(this,(function(t){switch(t.label){case 0:return[4,import("./allPaths-ZvyseO3W.js")];case 1:return[2,(0,t.sent().getIconPaths)(i,o)]}}))}))};export{i as allPathsLoader};

package/lib/allPathsLoader-tNTtmXiS.js

@@ -1 +0,0 @@
-"use strict";var e=require("./index-GUn9nFX6.js");require("react/jsx-runtime"),require("react"),require("react-dom"),require("react-remove-scroll"),require("@floating-ui/react-dom"),require("react-is"),require("react-day-picker"),require("react-popper"),require("react-transition-group"),require("react-uid"),require("react-innertext");exports.allPathsLoader=function(r,t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,Promise.resolve().then((function(){return require("./allPaths-WmpInmc6.js")}))];case 1:return[2,(0,e.sent().getIconPaths)(r,t)]}}))}))};