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

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

@@ -1804,7 +1804,7 @@ name:i.name,ref:d,onCheck:()=>i.onValueChange(o.value),onKeyDown:rr((e=>{
   }
   &:hover:not([data-disabled]) {
     box-shadow: 0 0 0 5px
-      ${({theme:e,disabled:t})=>t?"transparent":`${e.colors.border.hover}30`};
+      ${({theme:e,disabled:t})=>t?"transparent":e.colors.fill.hover};
   }
   &:focus-within {
     box-shadow: ${({theme:e,isErrored:t})=>t?e.colors.border.error:e.colors.border.active}
@@ -16034,18 +16034,18 @@ fill:u.colors.text.semantic.warning
 target:"_blank",rel:"noreferrer",href:i?.href??"#"
 },i.linkText)),t&&e.createElement(Mn,{onClick:()=>{h(!1),n?.()}
 },e.createElement(qn,{fill:u.colors.text.primary}))):null
-},exports.BoxedRadio=({options:t,defaultValue:n,idAccessor:r="id",onChange:a,isErrored:o,errorText:i,disabled:l=!1,getTextContent:c,className:s,id:u,isRequired:d,readOnly:h,itemComponent:p,label:f,value:m,...v})=>e.createElement(ic,{
+},exports.BoxedRadio=({options:t,defaultValue:n,idAccessor:r="id",onChange:a,isErrored:o,errorText:i,disabled:l=!1,getTextContent:c,className:s,id:u,isRequired:d,readOnly:h,itemComponent:p,label:f,value:m,customIndicator:v,...g})=>e.createElement(ic,{
 className:"StyledBoxedRadio"},f&&e.createElement(wn,{htmlFor:u,
 className:"input-label"},f,d&&e.createElement(zn,null,"*")),e.createElement(lc,{
 defaultValue:n,value:m,onValueChange:e=>a?.(e),"aria-readonly":h,id:u,
 "aria-label":f,"aria-labelledby":u,"aria-invalid":o,
-className:`BoxedRadioGroupRoot ${s??""}`.trim(),...v},t?.map((t=>{
+className:`BoxedRadioGroupRoot ${s??""}`.trim(),...g},t?.map((t=>{
 const n=c?.(t,"name")??"",a=c?.(t,"description")??"";return e.createElement(dc,{
 isErrored:!1,disabled:t.disabled||l,key:t?.[r],className:"BoxedRadioContainer"
 },e.createElement(uc,{className:"BoxedRadioGroupItem",disabled:t.disabled||l,
 value:t?.[r],id:t?.[r],"aria-label":n,hasDescription:!!a},e.createElement(cc,{
 hasDescription:!!a,className:"BoxedRadioGroupIndicatorHolder"
-},e.createElement(sc,{className:"BoxedRadioGroupIndicator"
+},v??e.createElement(sc,{className:"BoxedRadioGroupIndicator"
 }))),e.createElement(fc,{className:"BoxedRadioLabel",htmlFor:t?.[r]
 },p?p(t):e.createElement(e.Fragment,null,a?e.createElement(hc,{
 className:"BoxedRadioLabelHeading"

package/{dist/index.d.ts → index.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as react from 'react';
-import react__default, { HTMLAttributes } from 'react';
+import react__default, { ReactNode, HTMLAttributes } from 'react';
 import * as Popover$1 from '@radix-ui/react-popover';
 import { PopperContentProps } from '@radix-ui/react-popover';
 import { RadioGroupProps as RadioGroupProps$1, RadioGroupContextValue } from '@radix-ui/react-radio-group';
@@ -196,6 +196,7 @@ type BoxedRadioProps<T extends BoxedRadioItemProps = BoxedRadioItemProps> = Omit
     errorText?: string;
     isRequired?: boolean;
     isErrored?: boolean;
+    customIndicator?: ReactNode;
     /**
      * The description of the content
      */
@@ -209,7 +210,7 @@ type BoxedRadioProps<T extends BoxedRadioItemProps = BoxedRadioItemProps> = Omit
 /**
  * BoxedRadio displays a group of options with radio buttons and enables selection of one option from the list.
  */
-declare const BoxedRadio: <T extends BoxedRadioItemProps>({ options, defaultValue, idAccessor, onChange, isErrored, errorText, disabled, getTextContent, className, id, isRequired, readOnly, itemComponent, label, value, ...props }: BoxedRadioProps<T>) => react__default.JSX.Element;
+declare const BoxedRadio: <T extends BoxedRadioItemProps>({ options, defaultValue, idAccessor, onChange, isErrored, errorText, disabled, getTextContent, className, id, isRequired, readOnly, itemComponent, label, value, customIndicator, ...props }: BoxedRadioProps<T>) => react__default.JSX.Element;
 
 interface CheckboxProps extends CheckboxProps$1 {
     /**

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

@@ -1792,7 +1792,7 @@ onCheck:()=>l.onValueChange(o.value),onKeyDown:xr((e=>{
   }
   &:hover:not([data-disabled]) {
     box-shadow: 0 0 0 5px
-      ${({theme:e,disabled:t})=>t?"transparent":`${e.colors.border.hover}30`};
+      ${({theme:e,disabled:t})=>t?"transparent":e.colors.fill.hover};
   }
   &:focus-within {
     box-shadow: ${({theme:e,isErrored:t})=>t?e.colors.border.error:e.colors.border.active}
@@ -1833,18 +1833,18 @@ onCheck:()=>l.onValueChange(o.value),onKeyDown:xr((e=>{
   line-height: 20px;
 `,Oc=e=>t.createElement(Rc,{...e,
 className:`input-helper ${e.className??""}`.trim()
-},e.children),Nc=({options:e,defaultValue:n,idAccessor:r="id",onChange:a,isErrored:o,errorText:i,disabled:l=!1,getTextContent:c,className:s,id:u,isRequired:d,readOnly:h,itemComponent:p,label:f,value:m,...v})=>t.createElement(Hc,{
+},e.children),Nc=({options:e,defaultValue:n,idAccessor:r="id",onChange:a,isErrored:o,errorText:i,disabled:l=!1,getTextContent:c,className:s,id:u,isRequired:d,readOnly:h,itemComponent:p,label:f,value:m,customIndicator:v,...g})=>t.createElement(Hc,{
 className:"StyledBoxedRadio"},f&&t.createElement(Fn,{htmlFor:u,
 className:"input-label"},f,d&&t.createElement(jn,null,"*")),t.createElement(Dc,{
 defaultValue:n,value:m,onValueChange:e=>a?.(e),"aria-readonly":h,id:u,
 "aria-label":f,"aria-labelledby":u,"aria-invalid":o,
-className:`BoxedRadioGroupRoot ${s??""}`.trim(),...v},e?.map((e=>{
+className:`BoxedRadioGroupRoot ${s??""}`.trim(),...g},e?.map((e=>{
 const n=c?.(e,"name")??"",a=c?.(e,"description")??"";return t.createElement(kc,{
 isErrored:!1,disabled:e.disabled||l,key:e?.[r],className:"BoxedRadioContainer"
 },t.createElement(Ac,{className:"BoxedRadioGroupItem",disabled:e.disabled||l,
 value:e?.[r],id:e?.[r],"aria-label":n,hasDescription:!!a},t.createElement(Lc,{
 hasDescription:!!a,className:"BoxedRadioGroupIndicatorHolder"
-},t.createElement(Vc,{className:"BoxedRadioGroupIndicator"
+},v??t.createElement(Vc,{className:"BoxedRadioGroupIndicator"
 }))),t.createElement(Ic,{className:"BoxedRadioLabel",htmlFor:e?.[r]
 },p?p(e):t.createElement(t.Fragment,null,a?t.createElement(Tc,{
 className:"BoxedRadioLabelHeading"

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.34",
+  "version": "2.0.0-beta.35",
   "description": "React Ui Components for Freemium Apps",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "typings": "dist/index.d.ts",
+  "main": "./index.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts",
   "dependencies": {
     "@blueprintjs/datetime2": "^2.3.2",
     "@dnd-kit/core": "^6.1.0",
@@ -34,65 +34,6 @@
     "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"
@@ -129,5 +70,6 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
-}
+  },
+  "private": false
+}

package/LICENSE

@@ -1,21 +0,0 @@
-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

@@ -1,86 +0,0 @@
-<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/dist/package.json

@@ -1,75 +0,0 @@
-{
-  "name": "freemium-ui",
-  "version": "2.0.0-beta.34",
-  "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
-}