freemium-ui 2.0.59 → 2.0.60

package/lib/index.cjs.js

@@ -17383,7 +17383,7 @@ disabled:t.disabled,htmlFor:t?.[r]
 },t?.[o]))))),c&&s&&e.createElement(lm,null,s))
 },exports.RadixMenuItem=jv,exports.RadixSelectItem=Lf,
 exports.Reorder=yj,exports.RequiredIndicator=Ao,
-exports.StyledLabel=Do,exports.Table=t=>{
+exports.SortDropdown=QU,exports.StyledLabel=Do,exports.Table=t=>{
 const{data:n,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,editColumnComponent:p,filterComponent:f,hideTableOnEmpty:m,hideTopPagination:v,hideFilters:g,isFilterOpenByDefault:y=!0,sortingHeading:b,showTableOnLoading:w,hideLoaderOnTopPagination:C,hideActions:z,count:M,pageIndex:x=0,pageSize:E=20,enablePreviousPage:S,enableNextPage:_,hideColumnSettings:H=!0,hideBottomPagination:D,rowMenuOptions:k,onPreviousPageClick:A,enableSorting:L,sortingValues:V,sortingOptions:T,onSortingOptionSelect:R,onNextPageClick:P,disableRowSelect:I,hideSelectAllInTable:O,onSelectAllRows:N,onRowSelect:F,onMenuOptionSelect:$,onRowClick:B,columnOrder:j,setColumnOrder:U,setHiddenColumns:Y,hiddenColumns:W,selectedRowIds:G={},isDisableSortDropdown:K,setSelectedRowIds:q,dataKey:Z="id",cellPropGetter:X,setPageIndex:J,rowPropGetter:Q,translationTexts:ee}=t,te=cr(),[ne,re]=e.useState(!!y),oe={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
 display:e=>e,group:e=>e},ae=-1===M||void 0===M,ie=e.useMemo((()=>[...I?[]:[{

package/lib/index.d.ts

@@ -1313,6 +1313,38 @@ interface TableProps<T extends RowDataType> {
     selectedRowIds?: RowSelectionState;
     setSelectedRowIds?: (selectedRowIds: RowSelectionState) => void | React.Dispatch<React.SetStateAction<RowSelectionState>>;
 }
+type TableSortingMenuProps<T extends DefaultMenuItemProps = DefaultMenuItemProps> = {
+    /**
+     * value of menu
+     */
+    value?: string[];
+    /**
+     * Called when a menu item is selected
+     */
+    onSelect?: (value?: string[]) => void;
+    /**
+     * options for menu button
+     */
+    options?: T[][];
+    /**
+     * The children or label
+     */
+    trigger: React.ReactNode | string;
+    /**
+     * Is the button inline
+     * @deprecated
+     */
+    highlightedIndex?: number | null;
+    /**
+     * id Accessor of menu
+     */
+    idAccessor?: string;
+    /**
+     * name Accessor of menu
+     */
+    nameAccessor?: string;
+    isDisableSortDropdown?: boolean;
+};
 
 /**
  * Table component is used to display data in a tabular format. It is used to show data in a structured manner. It can be used to show data in a grid format.
@@ -1728,6 +1760,11 @@ declare const Tooltip: ({ position, label, html, style, children, className, dis
  */
 declare const Typography: react__default.ForwardRefExoticComponent<TypographyProps & react__default.RefAttributes<HTMLSpanElement>>;
 
+/**
+ * SortDropdown component is used to render the dropdown for sorting the table
+ */
+declare const SortDropdown: <T extends DefaultMenuItemProps>(props: TableSortingMenuProps<T>) => react__default.JSX.Element;
+
 type FreshworksPalette = {
     primary: {
         elephant: string;
@@ -1865,4 +1902,4 @@ declare namespace index_d {
   export { index_d_Z_INDEX as Z_INDEX, index_d_dark as dark, index_d_hextoRGB as hextoRGB, index_d_light as light };
 }
 
-export { Accordion, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, AutoComplete, type AutoCompleteInputItemProps, type AutoCompleteProps, BoxedRadio, type BoxedRadioItemProps, type BoxedRadioProps, Button, ButtonDropdown, type ButtonDropdownItemProps, type ButtonDropdownProps, type ButtonProps, type ButtonSizeKey, type ButtonVariant, CardActions, CardContent, CardDescription, CardText, CardTitle, Checkbox, type CheckboxProps, Checkmark, ChevronUp, Confirmation, type ConfirmationProps, Cross as CrossIcon, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeRangePicker, type DateTimeRangePickerProps, type DefaultAutoCompleteItem, type DefaultDropdownItem, type DefaultMultiSelectDropdownItem, type DefaultProps, Drawer, type DrawerPlacement, type DrawerProps, type DrawerSizeType, Dropdown, type DropdownButtonProps, ListItem as DropdownInputItem, type DropdownInputItemProps, type DropdownInputProps, Item as DropdownItem, type DropdownItemProps, DropdownMenuItem, type DropdownProps, type DropdownTypes, ErrorIcon, Freddy, _default as FreemiumUIGlobalStyles, type FreemiumUiTheme, FreshLink, type FreshworksPalette, type FuiContextType, IconButton, InfoIcon, Input, InputLabel, type InputProps, type LevelType, Loader, type LoaderPropTypes, type LoaderSizes, type LoaderSpeeds, Menu, type MenuItemProps, type MenuProps, Minus, Modal, type ModalAlignType, type ModalCssType, type ModalPositionType, type ModalProps, type ModalSizeType, MoreVertical, MultiSelectDropdown, type MultiSelectDropdownProps, type Origin, Popover, PopoverClose, type PopoverProps, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, RequiredIndicator, type RowDataType, StyledLabel, type StyledListItemType, Table, type TableProps, Tabs, TabsContent, type TabsItemProps, TabsList, type TabsProps, TabsRoot, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, ThemeProvider, type ThemeProviderType, index_d as Themes, TickIcon, TimePicker, type TimePickerProps, type ToastContextType, type ToastItemProps, ToastProvider, type ToastType, type ToastTypes, type ToastWithID, Toggle, type ToggleProps, type ToggleSizes, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, type TooltipSide, TriggerButtonWrapper, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, dialogContentMixin, dialogOverlayMixin, useToasts };
+export { Accordion, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, AutoComplete, type AutoCompleteInputItemProps, type AutoCompleteProps, BoxedRadio, type BoxedRadioItemProps, type BoxedRadioProps, Button, ButtonDropdown, type ButtonDropdownItemProps, type ButtonDropdownProps, type ButtonProps, type ButtonSizeKey, type ButtonVariant, CardActions, CardContent, CardDescription, CardText, CardTitle, Checkbox, type CheckboxProps, Checkmark, ChevronUp, Confirmation, type ConfirmationProps, Cross as CrossIcon, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeRangePicker, type DateTimeRangePickerProps, type DefaultAutoCompleteItem, type DefaultDropdownItem, type DefaultMultiSelectDropdownItem, type DefaultProps, Drawer, type DrawerPlacement, type DrawerProps, type DrawerSizeType, Dropdown, type DropdownButtonProps, ListItem as DropdownInputItem, type DropdownInputItemProps, type DropdownInputProps, Item as DropdownItem, type DropdownItemProps, DropdownMenuItem, type DropdownProps, type DropdownTypes, ErrorIcon, Freddy, _default as FreemiumUIGlobalStyles, type FreemiumUiTheme, FreshLink, type FreshworksPalette, type FuiContextType, IconButton, InfoIcon, Input, InputLabel, type InputProps, type LevelType, Loader, type LoaderPropTypes, type LoaderSizes, type LoaderSpeeds, Menu, type MenuItemProps, type MenuProps, Minus, Modal, type ModalAlignType, type ModalCssType, type ModalPositionType, type ModalProps, type ModalSizeType, MoreVertical, MultiSelectDropdown, type MultiSelectDropdownProps, type Origin, Popover, PopoverClose, type PopoverProps, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, RequiredIndicator, type RowDataType, SortDropdown, StyledLabel, type StyledListItemType, Table, type TableProps, Tabs, TabsContent, type TabsItemProps, TabsList, type TabsProps, TabsRoot, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, ThemeProvider, type ThemeProviderType, index_d as Themes, TickIcon, TimePicker, type TimePickerProps, type ToastContextType, type ToastItemProps, ToastProvider, type ToastType, type ToastTypes, type ToastWithID, Toggle, type ToggleProps, type ToggleSizes, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, type TooltipSide, TriggerButtonWrapper, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, dialogContentMixin, dialogOverlayMixin, useToasts };

package/lib/index.js

@@ -17378,4 +17378,4 @@ return n=w_(e),t!==z_.STANDARD?[3,2]:[4,Promise.resolve().then((function(){
 return x_}))];case 1:return r=o.sent(),[3,4];case 2:
 return[4,Promise.resolve().then((function(){return S_}))];case 3:
 r=o.sent(),o.label=4;case 4:return[2,r[n]]}}))}))}})
-;export{Io as Accordion,fa as Alert,Um as AutoComplete,ny as BoxedRadio,Gm as Button,Eg as ButtonDropdown,na as CardActions,ta as CardContent,oa as CardDescription,aa as CardText,ra as CardTitle,vy as Checkbox,zo as Checkmark,Mo as ChevronUp,zb as Confirmation,xo as CrossIcon,EF as DatePicker,_F as DateRangePicker,SF as DateTimePicker,HF as DateTimeRangePicker,Lb as Drawer,Vb as Dropdown,sm as DropdownInputItem,Pb as DropdownItem,wg as DropdownMenuItem,Eo as ErrorIcon,So as Freddy,YG as FreemiumUIGlobalStyles,ea as FreshLink,Qo as IconButton,_o as InfoIcon,Rm as Input,Xo as InputLabel,Bm as Loader,Rb as Menu,Ho as Minus,Ub as Modal,Do as MoreVertical,iw as MultiSelectDropdown,o$ as Popover,r$ as PopoverClose,t$ as PopoverTrigger,u$ as Radio,d$ as RadioGroup,hg as RadixMenuItem,em as RadixSelectItem,Qj as Reorder,Jo as RequiredIndicator,Zo as StyledLabel,PY as Table,JY as Tabs,qY as TabsContent,ZY as TabsList,KY as TabsRoot,XY as TabsTrigger,aw as Tag,Im as TextArea,ZW as ThemeProvider,qo as Themes,Ao as TickIcon,AF as TimePicker,KW as ToastProvider,dG as Toggle,UG as Tooltip,ia as TriggerButtonWrapper,ha as Typography,Lo as Warning,ca as dialogContentMixin,la as dialogOverlayMixin,qW as useToasts};
+;export{Io as Accordion,fa as Alert,Um as AutoComplete,ny as BoxedRadio,Gm as Button,Eg as ButtonDropdown,na as CardActions,ta as CardContent,oa as CardDescription,aa as CardText,ra as CardTitle,vy as Checkbox,zo as Checkmark,Mo as ChevronUp,zb as Confirmation,xo as CrossIcon,EF as DatePicker,_F as DateRangePicker,SF as DateTimePicker,HF as DateTimeRangePicker,Lb as Drawer,Vb as Dropdown,sm as DropdownInputItem,Pb as DropdownItem,wg as DropdownMenuItem,Eo as ErrorIcon,So as Freddy,YG as FreemiumUIGlobalStyles,ea as FreshLink,Qo as IconButton,_o as InfoIcon,Rm as Input,Xo as InputLabel,Bm as Loader,Rb as Menu,Ho as Minus,Ub as Modal,Do as MoreVertical,iw as MultiSelectDropdown,o$ as Popover,r$ as PopoverClose,t$ as PopoverTrigger,u$ as Radio,d$ as RadioGroup,hg as RadixMenuItem,em as RadixSelectItem,Qj as Reorder,Jo as RequiredIndicator,TY as SortDropdown,Zo as StyledLabel,PY as Table,JY as Tabs,qY as TabsContent,ZY as TabsList,KY as TabsRoot,XY as TabsTrigger,aw as Tag,Im as TextArea,ZW as ThemeProvider,qo as Themes,Ao as TickIcon,AF as TimePicker,KW as ToastProvider,dG as Toggle,UG as Tooltip,ia as TriggerButtonWrapper,ha as Typography,Lo as Warning,ca as dialogContentMixin,la as dialogOverlayMixin,qW as useToasts};

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.59",
+  "version": "2.0.60",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.59",
+  "version": "2.0.60",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",

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
-```