freemium-ui 2.0.0-beta.35 → 2.0.0-beta.36

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/dist/README.md

@@ -0,0 +1,86 @@
+<h1 align="center">Freemium Ui</h1>
+
+## [DEMO](https://freemium-ui.netlify.app)
+
+[React](https://reactjs.org/) based light weight ui components based on [Styled Components](https://styled-components.com/)
+
+## Installation
+
+Peer Dependencies to be installed
+
+```
+npm install styled-components
+```
+
+Install the package
+
+```
+npm install freemium-ui
+```
+
+Please note that `@next` will only point to pre-releases; to get the latest stable release use `@latest` instead.
+
+## Usage
+
+Here is a quick example to get you started, **it's all you need**:
+
+```jsx
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Button } from 'freemium-ui';
+// import { Button } from 'freemium-ui/Button';
+
+function App() {
+  return <Button>Freemium Button</Button>;
+}
+
+ReactDOM.render(<App />, document.querySelector('#app'));
+```
+
+## Contribution
+
+Install Dependencies
+
+```
+npm install
+```
+
+Start the app using storybook
+
+```
+npm run storybook
+```
+
+Build Freemium Ui Core Components
+
+```
+npm run build
+```
+
+JavaScript heap out of memory could lead to build failure. Check the [official docs](https://rollupjs.org/troubleshooting/#error-javascript-heap-out-of-memory). Or execute any of the required below config
+
+```
+export NODE_OPTIONS="--max-old-space-size=8192"
+export NODE_OPTIONS="--max-old-space-size=12288"
+export NODE_OPTIONS="--max-old-space-size=16384"
+```
+
+To check the heap size in MB
+
+```
+node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))'
+```
+
+Generate a PAT with `admin:org`, `write:packages`, `read:packages`, `delete:packages`
+
+Authenticate to npm github package
+
+```
+npm login --registry=https://registry.npmjs.org/
+```
+
+Publish the package to npm
+
+```
+npm publish
+```

package/{index.cjs.js → dist/index.cjs.js}

@@ -16160,7 +16160,8 @@ selectedItems:N,onStateChange:({selectedItems:e,type:t})=>{switch(t){
 case Bf.stateChangeTypes.SelectedItemKeyDownBackspace:
 case Bf.stateChangeTypes.SelectedItemKeyDownDelete:
 case Bf.stateChangeTypes.DropdownKeyDownBackspace:
-case Bf.stateChangeTypes.FunctionRemoveSelectedItem:e&&F(e)}},...m
+case Bf.stateChangeTypes.FunctionRemoveSelectedItem:e&&F(e)}},
+initialSelectedItems:[...M],...m
 }),{isOpen:W,getToggleButtonProps:G,getLabelProps:K,getMenuProps:q,getInputProps:Z,highlightedIndex:X,getItemProps:Q}=ff({
 items:B,itemToString:e=>e&&u?u(e,"downshift"):"",selectedItem:null,inputValue:I,
 stateReducer:(e,t)=>{const{changes:n,type:r}=t;switch(r){
@@ -16171,10 +16172,9 @@ case ff.stateChangeTypes.InputKeyDownEnter:case ff.stateChangeTypes.ItemClick:
 case ff.stateChangeTypes.InputBlur:
 r&&(N.indexOf(r)>-1?F(N.filter((e=>e?.[t]!==r?.[t]))):F([...N,r]),O(""));break
 ;case ff.stateChangeTypes.InputChange:O(e||"")}},...f});e.useEffect((()=>{x?.(I)
-}),[x,I]),e.useEffect((()=>{o?.(N)}),[o,N]),e.useEffect((()=>{
-M.length>0&&Y([...M])}),[M]),e.useEffect((()=>{O(w??"")}),[w]);const J=!c&&!l&&W
-;return e.createElement(ld,{width:p,isOpen:J},e.createElement(wn,{
-className:"input-label",...K({disabled:c,readOnly:l})
+}),[x,I]),e.useEffect((()=>{o?.(N)}),[o,N]),e.useEffect((()=>{O(w??"")}),[w])
+;const J=!c&&!l&&W;return e.createElement(ld,{width:p,isOpen:J
+},e.createElement(wn,{className:"input-label",...K({disabled:c,readOnly:l})
 },n,s&&e.createElement(zn,null,"*")),e.createElement(cd,{disabled:c,
 isErrored:!!E,"aria-invalid":E
 },e.createElement(pm,null,!T&&N.map(((t,n)=>e.createElement(_m,{

package/{index.js → dist/index.js}

@@ -3895,7 +3895,8 @@ selectedItems:N,onStateChange:({selectedItems:e,type:t})=>{switch(t){
 case hm.stateChangeTypes.SelectedItemKeyDownBackspace:
 case hm.stateChangeTypes.SelectedItemKeyDownDelete:
 case hm.stateChangeTypes.DropdownKeyDownBackspace:
-case hm.stateChangeTypes.FunctionRemoveSelectedItem:e&&F(e)}},...m
+case hm.stateChangeTypes.FunctionRemoveSelectedItem:e&&F(e)}},
+initialSelectedItems:[...M],...m
 }),{isOpen:W,getToggleButtonProps:G,getLabelProps:K,getMenuProps:q,getInputProps:Z,highlightedIndex:X,getItemProps:Q}=Nf({
 items:B,itemToString:e=>e&&u?u(e,"downshift"):"",selectedItem:null,inputValue:R,
 stateReducer:(e,t)=>{const{changes:n,type:r}=t;switch(r){
@@ -3906,10 +3907,9 @@ case Nf.stateChangeTypes.InputKeyDownEnter:case Nf.stateChangeTypes.ItemClick:
 case Nf.stateChangeTypes.InputBlur:
 r&&(N.indexOf(r)>-1?F(N.filter((t=>t?.[e]!==r?.[e]))):F([...N,r]),O(""));break
 ;case Nf.stateChangeTypes.InputChange:O(t||"")}},...f});t.useEffect((()=>{x?.(R)
-}),[x,R]),t.useEffect((()=>{o?.(N)}),[o,N]),t.useEffect((()=>{
-M.length>0&&Y([...M])}),[M]),t.useEffect((()=>{O(w??"")}),[w]);const J=!c&&!l&&W
-;return t.createElement(Ad,{width:p,isOpen:J},t.createElement(Fn,{
-className:"input-label",...K({disabled:c,readOnly:l})
+}),[x,R]),t.useEffect((()=>{o?.(N)}),[o,N]),t.useEffect((()=>{O(w??"")}),[w])
+;const J=!c&&!l&&W;return t.createElement(Ad,{width:p,isOpen:J
+},t.createElement(Fn,{className:"input-label",...K({disabled:c,readOnly:l})
 },n,s&&t.createElement(jn,null,"*")),t.createElement(kd,{disabled:c,
 isErrored:!!S,"aria-invalid":S
 },t.createElement(Nm,null,!T&&N.map(((e,n)=>t.createElement(Jm,{

package/dist/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "freemium-ui",
+  "version": "2.0.0-beta.36",
+  "description": "React Ui Components for Freemium Apps",
+  "main": "./index.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts",
+  "dependencies": {
+    "@blueprintjs/datetime2": "^2.3.2",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^7.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@tanstack/react-table": "^8.13.2",
+    "downshift": "^8.4.0",
+    "moment": "^2.30.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "5.0.1",
+    "react-transition-group": "^4.4.5",
+    "styled-components": "^6.1.8",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/freshdesk/freemium-ui.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "Freemiui",
+    "React",
+    "UI",
+    "Material"
+  ],
+  "author": "Freshworks",
+  "bugs": {
+    "url": "https://github.com/freshdesk/freemium-ui/issues"
+  },
+  "homepage": "https://github.com/freshdesk/freemium-ui#readme",
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest",
+      "plugin:storybook/recommended"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "private": false
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.35",
+  "version": "2.0.0-beta.36",
   "description": "React Ui Components for Freemium Apps",
-  "main": "./index.js",
-  "module": "./index.js",
-  "typings": "./index.d.ts",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "typings": "dist/index.d.ts",
   "dependencies": {
     "@blueprintjs/datetime2": "^2.3.2",
     "@dnd-kit/core": "^6.1.0",
@@ -34,6 +34,65 @@
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"
   },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@storybook/addon-essentials": "^8.0.0",
+    "@storybook/addon-interactions": "^8.0.0",
+    "@storybook/addon-links": "^8.0.0",
+    "@storybook/addon-onboarding": "^8.0.0",
+    "@storybook/blocks": "^8.0.0",
+    "@storybook/preset-create-react-app": "^8.0.0",
+    "@storybook/preview-api": "^8.0.0",
+    "@storybook/react": "^8.0.0",
+    "@storybook/react-webpack5": "^8.0.0",
+    "@storybook/test": "^8.0.0",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.64",
+    "@types/react": "^18.2.63",
+    "@types/react-dom": "^18.2.19",
+    "@types/react-transition-group": "^4.4.10",
+    "@types/rollup-plugin-generate-package-json": "^3.2.8",
+    "@types/rollup-plugin-peer-deps-external": "^2.2.5",
+    "@types/styled-components": "^5.1.34",
+    "babel-plugin-named-exports-order": "^0.0.2",
+    "eslint-plugin-storybook": "^0.8.0",
+    "husky": "^8.0.3",
+    "postcss": "^8.4.35",
+    "prettier": "^3.2.5",
+    "prop-types": "^15.8.1",
+    "rollup": "^4.12.0",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-generate-package-json": "^3.2.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "storybook": "^8.0.0",
+    "webpack": "^5.90.3"
+  },
+  "scripts": {
+    "version:beta": "npm version prerelease --preid=beta",
+    "publish:beta": "npm publish ./dist --tag beta",
+    "publish": "npm publish ./dist",
+    "prepublishOnly": "npm run build",
+    "start": "react-scripts start",
+    "build:react-app": "react-scripts build",
+    "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 .",
+    "format": "prettier --write .",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "typescript": "tsc -p tsconfig.json",
+    "prepare": "husky install"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/freshdesk/freemium-ui.git"
@@ -70,6 +129,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "private": false
-}
+  }
+}