@zohodesk/components 1.0.0-alpha-260 → 1.0.0-alpha-261

package/README.md

@@ -32,6 +32,12 @@ In this Package, we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.0.0-alpha-261
+
+- **Tab,Tabs** - Removed offsection property from css.
+- compileClassNames , mergeStyle utils added
+- index  export object fixed
+
 # 1.0.0-alpha-260
 
 - **TextBoxIcon** - OnClear Focus in TextBox issue Resolved.

package/es/DateTime/DateTimePopupHeader.js

@@ -5,7 +5,7 @@ import React, { PureComponent } from 'react';
 
 /** ** Components *** */
 import { Container, Box } from '../Layout';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import Heading from '../Heading/Heading';
 
 /** ** CSS *** */

package/es/DateTime/DateWidget.js

@@ -7,7 +7,7 @@ import datetime from '@zohodesk/datetimejs';
 /**** Components ****/
 import DateTime from './DateTime';
 import Popup from '../Popup/Popup';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import { Container } from '../Layout';
 import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
 

package/es/DateTime/YearView.js

@@ -6,7 +6,7 @@ import { YearView_defaultProps } from './props/defaultProps';
 /**** Components ****/
 import { Virtualizer } from '@zohodesk/virtualizer';
 import { Container, Box } from '../Layout';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import Heading from '../Heading/Heading';
 /**** CSS ****/
 import style from './YearView.module.css';

package/es/DateTime/index.js

@@ -1 +1 @@
-export { default as DateWidget } from './DateWidget.js';
+export { default as DateWidget } from './DateWidget';

package/es/DropDown/index.js

@@ -0,0 +1,7 @@
+export { default as DropDown } from './DropDown';
+export { DropDownTarget } from './DropDown';
+export { DropDownItemContainer } from './DropDown';
+export { default as DropDownHeading } from './DropDownHeading';
+export { default as DropDownItem } from './DropDownItem';
+export { default as DropDownSearch } from './DropDownSearch';
+export { default as DropDownSeparator } from './DropDownSeparator';

package/es/Layout/index.js

@@ -1,11 +1,11 @@
 export { default as Container } from './Container';
 export { default as Box } from './Box';
-let Layout = {
-  docs: {
-    componentGroup: 'Layout',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  }
-};
-export { Layout };
+// let Layout = {
+//   docs: {
+//     componentGroup: 'Layout',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   }
+// };
+// export { Layout };

package/es/ListItem/ListItem.js

@@ -6,7 +6,7 @@ import ListContainer from './ListContainer';
 import { ListItemDefaultProps } from './props/defaultProps';
 import { ListItem_Props } from './props/propTypes';
 /**** Components ****/
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 import style from './ListItem.module.css';
 export default class ListItem extends React.Component {

package/es/ListItem/ListItemWithAvatar.js

@@ -9,7 +9,7 @@ import { ListItemWithAvatar_Props } from './props/propTypes';
 /**** Components ****/
 import Avatar from '../Avatar/Avatar';
 import AvatarTeam from '../AvatarTeam/AvatarTeam';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 import style from './ListItem.module.css';
 export default class ListItemWithAvatar extends React.PureComponent {

package/es/ListItem/ListItemWithIcon.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 /**** Libraries ****/
 import React from 'react';
 import { Box } from '../Layout';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import ListContainer from './ListContainer';
 import { ListItemWithIconDefaultProps } from './props/defaultProps';
 import { ListItemWithIcon_Props } from './props/propTypes';

package/es/ListItem/index.js

@@ -0,0 +1,6 @@
+export { default as ListContainer } from './ListContainer';
+export { default as ListItem } from './ListItem';
+export { default as ListItemWithAvatar } from './ListItemWithAvatar';
+export { default as ListItemWithCheckBox } from './ListItemWithCheckBox';
+export { default as ListItemWithIcon } from './ListItemWithIcon';
+export { default as ListItemWithRadio } from './ListItemWithRadio';

package/es/MultiSelect/AdvancedGroupMultiSelect.js

@@ -17,7 +17,7 @@ import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '../Responsive/CustomResponsive';
 
 /**** Icons ****/
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 import style from './MultiSelect.module.css';
 

package/es/MultiSelect/AdvancedMultiSelect.js

@@ -14,7 +14,7 @@ import Popup from '../Popup/Popup';
 import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
 import { Container, Box } from '../Layout';
 import Card, { CardContent, CardHeader, CardFooter } from '../Card/Card';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import { getUniqueId } from '../Provider/IdProvider';
 import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '../Responsive/CustomResponsive';

package/es/MultiSelect/MultiSelect.js

@@ -18,7 +18,7 @@ import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '../Responsive/CustomResponsive';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 /**** Icons ****/
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 import style from './MultiSelect.module.css';
 

package/es/MultiSelect/MultiSelectWithAvatar.js

@@ -20,7 +20,7 @@ import { ResponsiveReceiver } from '../Responsive/CustomResponsive';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 
 /**** Icons ****/
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
 import style from './MultiSelect.module.css';
 

package/es/MultiSelect/index.js

@@ -0,0 +1,4 @@
+export { default as MultiSelect } from './MultiSelect';
+export { default as MultiSelectWithAvatar } from './MultiSelectWithAvatar';
+export { default as AdvancedMultiSelect } from './AdvancedMultiSelect';
+export { default as AdvancedGroupMultiSelect } from './AdvancedGroupMultiSelect';

package/es/PopOver/index.js

@@ -0,0 +1,3 @@
+export { default as PopOver } from './PopOver';
+export { PopOverTarget } from './PopOver';
+export { PopOverContainer } from './PopOver';

package/es/Provider/IdProvider.js

@@ -51,10 +51,11 @@ export function getUniqueId(Component, prefix) {
     callback
   });
 }
-let Provider = {
-  docs: {
-    componentGroup: 'Provider',
-    folderName: 'Functions'
-  }
-};
-export { Provider };
+
+// let Provider = {
+//   docs: {
+//     componentGroup: 'Provider',
+//     folderName: 'Functions'
+//   }
+// };
+// export { Provider };

package/es/Provider/index.js

@@ -0,0 +1,4 @@
+export { getLibraryConfig, setLibraryConfig } from './Config';
+export { default as LibraryContextProvider } from './LibraryContext';
+export { removeGlobalZIndexPrefix, setInitialZIndex, useZIndex, getZIndex } from './ZindexProvider';
+export { setGlobalIdPrefix, removeGlobalIdPrefix, useUniqueId, getUniqueId } from './IdProvider';

package/es/Responsive/index.js

@@ -1,8 +1,11 @@
-export * from './Responsive';
-let Responsive = {
-  docs: {
-    componentGroup: 'Layout',
-    folderName: 'Style Guide'
-  }
-};
-export { Responsive };
+export { ResponsiveSender as CustomResponsiveSender, ResponsiveReceiver as CustomResponsiveReceiver, useResponsiveReceiver as useCustomResponsiveReceiver } from './CustomResponsive';
+export { ResponsiveSender, ResponsiveReceiver, useResponsiveReceiver } from './Responsive';
+export { default as ResizeComponent } from './ResizeComponent';
+
+// let Responsive = {
+//   docs: {
+//     componentGroup: 'Layout',
+//     folderName: 'Style Guide'
+//   }
+// };
+// export { Responsive };

package/es/Select/GroupSelect.js

@@ -10,7 +10,7 @@ import Textbox from '../TextBox/TextBox';
 import Card, { CardHeader, CardContent, CardFooter } from '../Card/Card';
 import Suggestions from '../MultiSelect/Suggestions';
 import EmptyState from '../MultiSelect/EmptyState';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import DropDownHeading from '../DropDown/DropDownHeading';
 import { Container, Box } from '../Layout';

package/es/Select/Select.js

@@ -12,7 +12,7 @@ import Card, { CardHeader, CardContent, CardFooter } from '../Card/Card';
 import Suggestions from '../MultiSelect/Suggestions';
 import EmptyState from '../MultiSelect/EmptyState';
 import { getUniqueId } from '../Provider/IdProvider';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '../Responsive/CustomResponsive';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';

package/es/Select/SelectWithIcon.js

@@ -4,7 +4,7 @@ import { SelectWithIcon_propTypes } from './props/propTypes';
 /**** Components ****/
 import Popup from '../Popup/Popup';
 import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import ListItemWithIcon from '../ListItem/ListItemWithIcon';
 import Card, { CardHeader, CardContent } from '../Card/Card';
 import EmptyState from '../MultiSelect/EmptyState';

package/es/Select/index.js

@@ -0,0 +1,4 @@
+export { default as Select } from './Select';
+export { default as GroupSelect } from './GroupSelect';
+export { default as SelectWithAvatar } from './SelectWithAvatar';
+export { default as SelectWithIcon } from './SelectWithIcon';

package/es/Tab/Tab.module.css

@@ -1,6 +1,5 @@
 .tab {
   text-transform: uppercase;
-  composes: offSelection from '../common/common.module.css';
   letter-spacing: 0.6px;
   text-decoration: none;
   cursor: pointer;

package/es/Tab/Tabs.js

@@ -15,7 +15,7 @@ import { remConvert, getTotalDimension, cs, bind, throttle } from '../utils/Comm
 import { Box, Container } from '../Layout';
 import ResizeObserver from '../Responsive/ResizeObserver';
 import ListItem from '../ListItem/ListItem';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import tabsStyle from './Tabs.module.css';
 import Popup from '../Popup/Popup';
 import ResponsiveDropBox from '../ResponsiveDropBox/ResponsiveDropBox';

package/es/Tab/Tabs.module.css

@@ -1,6 +1,5 @@
 .tab {
   position: relative;
-  composes: offSelection from '../common/common.module.css';
   z-index: 1;
   --tab_position_gap: var(--zd_size22);
 }

package/es/Tag/Tag.js

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import Avatar from '../Avatar/Avatar';
 import { Container } from '../Layout';
 import Button from '../semantic/Button/Button';

package/es/TextBoxIcon/TextBoxIcon.js

@@ -4,7 +4,7 @@ import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 import TextBox from '../TextBox/TextBox';
 import { Container, Box } from '../Layout';
-import Icon from '@zohodesk/icons/lib/Icon';
+import { Icon } from '@zohodesk/icons';
 import btnStyle from '../semantic/Button/semanticButton.module.css';
 import style from './TextBoxIcon.module.css';
 /* eslint-disable react/forbid-component-props */

package/es/VelocityAnimation/index.js

@@ -0,0 +1,2 @@
+export { default as VelocityAnimation } from './VelocityAnimation/VelocityAnimation';
+export { default as VelocityAnimationGroup } from './VelocityAnimationGroup/VelocityAnimationGroup';

package/es/index.js

@@ -1,157 +1,41 @@
-// export { default as React } from 'react';
-// export { default as ReactDOM } from 'react-dom';
-// export { renderToStaticMarkup } from 'react-dom/server';
-export * from './Layout';
-// export { default as Layout__default } from './Layout/docs/Layout__default.docs';
-// export { default as Layout__two_Column } from './Layout/docs/Layout__two_Column.docs';
-// export { default as Layout__three_Column } from './Layout/docs/Layout__three_Column.docs';
-// export { default as Layout__four_Column } from './Layout/docs/Layout__four_Column.docs';
-// export { default as Layout__Hidden } from './Layout/docs/Layout__Hidden.docs';
-export { default as AppContainer } from './AppContainer/AppContainer';
-// export { default as AppContainer__default } from './AppContainer/docs/AppContainer__default.docs';
-export { default as Accordion } from './Accordion/Accordion';
-// export { default as Accordion__Demo } from './Accordion/docs/Accordion__Demo.docs';
+export * from './Accordion';
 export { default as Animation } from './Animation/Animation';
-// export { default as Animation__default } from './Animation/docs/Animation__default.docs';
-// export { default as Animation__fadeIn } from './Animation/docs/Animation__fadeIn.docs';
-// export { default as Animation__scaleIn } from './Animation/docs/Animation__scaleIn.docs';
-// export { default as Animation__slideDown } from './Animation/docs/Animation__slideDown.docs';
-// export { default as Animation__slideLeft } from './Animation/docs/Animation__slideLeft.docs';
-// export { default as Animation__zoomIn } from './Animation/docs/Animation__zoomIn.docs';
-// export { default as Animation__skewIn } from './Animation/docs/Animation__skewIn.docs';
-export { default as Card } from './Card/Card';
-// export { default as Card__Default } from './Card/docs/Card__Default.docs';
-// export { default as Card__Scroll } from './Card/docs/Card__Scroll.docs';
-// export { default as Card__Custom } from './Card/docs/Card__Custom.docs';
+export { default as AppContainer } from './AppContainer/AppContainer';
 export { default as Avatar } from './Avatar/Avatar';
-// export { default as Avatar__default } from './Avatar/docs/Avatar__default.docs';
-// export { default as Avatar__palette } from './Avatar/docs/Avatar__palette.docs';
-// export { default as Avatar__text } from './Avatar/docs/Avatar__text.docs';
-// export { default as Avatar__custom } from './Avatar/docs/Avatar__custom.docs';
 export { default as AvatarTeam } from './AvatarTeam/AvatarTeam';
-// export { default as AvatarTeam__default } from './AvatarTeam/docs/AvatarTeam__default.docs';
-// export { default as AvatarTeam__size } from './AvatarTeam/docs/AvatarTeam__size.docs';
-// export { default as AvatarTeam__palette } from './AvatarTeam/docs/AvatarTeam__palette.docs';
-// export { default as AvatarTeam__custom } from './AvatarTeam/docs/AvatarTeam__custom.docs';
 export { default as Button } from './Button/Button';
-// export { default as Button__default } from './Button/docs/Button__default.docs';
-// export { default as Button__custom } from './Button/docs/Button__custom.docs';
 export { default as Buttongroup } from './Buttongroup/Buttongroup';
-// export { default as Buttongroup__footer } from './Buttongroup/docs/Buttongroup__footer.docs';
-// export { default as Buttongroup__header } from './Buttongroup/docs/Buttongroup__header.docs';
-// export { default as Buttongroup__custom } from './Buttongroup/docs/Buttongroup__custom.docs';
-export { default as Switch } from './Switch/Switch';
-// export { default as Switch__default } from './Switch/docs/Switch__default.docs';
-// export { default as Switch__custom } from './Switch/docs/Switch__custom.docs';
-export { default as Radio } from './Radio/Radio';
-// export { default as Radio__default } from './Radio/docs/Radio__default.docs';
-// export { default as Radio__custom } from './Radio/docs/Radio__custom.docs';
-export { default as Textarea } from './Textarea/Textarea';
-// export { default as Textarea__default } from './Textarea/docs/Textarea__default.docs';
-// export { default as Textarea__animated } from './Textarea/docs/Textarea__animated.docs';
-// export { default as Textarea__disabled } from './Textarea/docs/Textarea__disabled.docs';
-// export { default as Textarea__custom } from './Textarea/docs/Textarea__custom.docs';
-export { default as Label } from './Label/Label';
-// export { default as Label__palette } from './Label/docs/Label__palette.docs';
-// export { default as Label__size } from './Label/docs/Label__size.docs';
-// export { default as Label__clipped } from './Label/docs/Label__clipped.docs';
-// export { default as Label__type } from './Label/docs/Label__type.docs';
-// export { default as Label__custom } from './Label/docs/Label__custom.docs';
-export { default as DropDownHeading } from './DropDown/DropDownHeading';
-// export { default as DropDownHeading__Heading } from './DropDown/docs/DropDownHeading__default.docs';
-// export { default as DropDownHeading__Custom } from './DropDown/docs/DropDownHeading__custom.docs';
+export * from './Card';
 export { default as CheckBox } from './CheckBox/CheckBox';
-// export { default as CheckBox__default } from './CheckBox/docs/CheckBox__default.docs';
-// export { default as CheckBox__custom } from './CheckBox/docs/CheckBox__custom.docs';
+export * from './DateTime';
+export { default as DropBox } from './DropBox/DropBox';
+export * from './DropDown';
+export { default as Heading } from './Heading/Heading';
+export { default as Label } from './Label/Label';
+export * from './Layout';
+export * from './ListItem';
+export { default as Modal } from './Modal/Modal';
+export * from './MultiSelect';
+import * as _PopOver from './PopOver';
+export { _PopOver as PopOver };
+export { default as Popup } from './Popup/Popup';
+import * as _Providers from './Provider';
+export { _Providers as Providers };
+export { default as Radio } from './Radio/Radio';
+export * from './Responsive';
+export { default as ResponsiveDropBox } from './ResponsiveDropBox/ResponsiveDropBox';
 export { default as Ribbon } from './Ribbon/Ribbon';
-// export { default as Ribbon__default } from './Ribbon/docs/Ribbon__default.docs';
-// export { default as Ribbon__custom } from './Ribbon/docs/Ribbon__custom.docs';
-export { default as Tag } from './Tag/Tag';
-// export { default as Tag__default } from './Tag/docs/Tag__default.docs';
-// export { default as Tag__custom } from './Tag/docs/Tag__custom.docs';
+export { default as RippleEffect } from './RippleEffect/RippleEffect';
+export * from './Select';
+export { default as Stencils } from './Stencils/Stencils';
+export { default as Switch } from './Switch/Switch';
 export * from './Tab';
-// export { default as Tab__default } from './Tab/docs/Tab__default.docs';
+export { default as Tag } from './Tag/Tag';
+export { default as Textarea } from './Textarea/Textarea';
 export { default as TextBox } from './TextBox/TextBox';
-// export { default as TextBox__default } from './TextBox/docs/TextBox__default.docs';
-// export { default as TextBox__size } from './TextBox/docs/TextBox__size.docs';
-// export { default as TextBox__variant } from './TextBox/docs/TextBox__variant.docs';
-// export { default as TextBox__custom } from './TextBox/docs/TextBox__custom.docs';
 export { default as TextBoxIcon } from './TextBoxIcon/TextBoxIcon';
-// export { default as TextBoxIcon__default } from './TextBoxIcon/docs/TextBoxIcon__default.docs';
-// export { default as TextBoxIcon__custom } from './TextBoxIcon/docs/TextBoxIcon__custom.docs';
 export { default as Tooltip } from './Tooltip/Tooltip';
-// export { default as Tooltip__default } from './Tooltip/docs/Tooltip__default.docs';
-export { default as Select } from './Select/Select';
-// export { default as Select__Select } from './Select/docs/Select__default.docs';
-export { default as SelectWithIcon } from './Select/SelectWithIcon';
-// export { default as SelectWithIcon__SelectWithIcon } from './Select/docs/SelectWithIcon__default.docs';
-export { default as GroupSelect } from './Select/GroupSelect';
-// export { default as GroupSelect__GroupSelect } from './Select/docs/GroupSelect__default.docs';
-export { default as SelectWithAvatar } from './Select/SelectWithAvatar';
-// export { default as SelectWithAvatar__SelectWithAvatar } from './Select/docs/SelectWithAvatar__default.docs';
-export { default as MultiSelect } from './MultiSelect/MultiSelect';
-// export { default as MultiSelect__MultiSelect } from './MultiSelect/docs/MultiSelect__default.docs';
-export { default as AdvancedMultiSelect } from './MultiSelect/AdvancedMultiSelect';
-// export { default as AdvancedMultiSelect__AdvancedMultiSelect } from './MultiSelect/docs/AdvancedMultiSelect__default.docs';
-export { default as AdvancedGroupMultiSelect } from './MultiSelect/AdvancedGroupMultiSelect';
-// export { default as AdvancedGroupMultiSelect__AdvancedGroupMultiSelect } from './MultiSelect/docs/AdvancedGroupMultiSelect__default.docs';
-export { default as MultiSelectWithAvatar } from './MultiSelect/MultiSelectWithAvatar';
-// export { default as MultiSelectWithAvatar__MultiSelectWithAvatar } from './MultiSelect/docs/MultiSelectWithAvatar__default.docs';
-export { default as DateWidget } from './DateTime/DateWidget';
-// export { default as DateWidget__dateWidget } from './DateTime/docs/DateWidget__default.docs';
-// export { default as DateWidget__datetime } from './DateTime/docs/DateTime__default.docs';
-export { default as ListItem } from './ListItem/ListItem';
-// export { default as ListItem__default } from './ListItem/docs/ListItem__default.docs';
-// export { default as ListItem__custom } from './ListItem/docs/ListItem__custom.docs';
-export { default as ListItemWithIcon } from './ListItem/ListItemWithIcon';
-// export { default as ListItemWithIcon__default } from './ListItem/docs/ListItemWithIcon__default.docs';
-// export { default as ListItemWithIcon__custom } from './ListItem/docs/ListItemWithIcon__custom.docs';
-export { default as ListItemWithCheckBox } from './ListItem/ListItemWithCheckBox';
-// export { default as ListItemWithCheckBox__default } from './ListItem/docs/ListItemWithCheckBox__default.docs';
-// export { default as ListItemWithCheckBox__custom } from './ListItem/docs/ListItemWithCheckBox__custom.docs';
-export { default as ListItemWithRadio } from './ListItem/ListItemWithRadio';
-// export { default as ListItemWithRadio__default } from './ListItem/docs/ListItemWithRadio__default.docs';
-// export { default as ListItemWithRadio__custom } from './ListItem/docs/ListItemWithRadio__custom.docs';
-export { default as ListItemWithAvatar } from './ListItem/ListItemWithAvatar';
-// export { default as ListItemWithAvatar__default } from './ListItem/docs/ListItemWithAvatar__default.docs';
-// export { default as ListItemWithAvatar__custom } from './ListItem/docs/ListItemWithAvatar__custom.docs';
-export { default as DropBox } from './DropBox/DropBox';
-// export { default as DropBox__position } from './DropBox/docs/DropBox__position.docs';
-// export { default as DropBox__size } from './DropBox/docs/DropBox__size.docs';
-// export { default as DropBox__custom } from './DropBox/docs/DropBox__custom.docs';
-// export { default as DropBox__customOrder } from './DropBox/docs/DropBox__customOrder.docs.js';
-// export { default as DropBox__fixedPosition } from './DropBox/docs/DropBox__fixedPosition.docs.js';
-export { default as PopOver } from './PopOver/PopOver';
-// export { default as PopOver__default } from './PopOver/docs/PopOver__default.docs.js';
-export { default as Stencils } from './Stencils/Stencils';
-// export { default as Stencils__default } from './Stencils/docs/Stencils__default.docs';
-// export { default as Stencils__custom } from './Stencils/docs/Stencils__custom.docs';
-export { default as Modal } from './Modal/Modal';
-// export { default as Modal__default } from './Modal/__docs__/Modal__default.docs';
-export * from './Responsive';
-// export { default as Responsive__Custom } from './Responsive/docs/Responsive__Custom.docs';
-// export { default as Responsive__default } from './Responsive/docs/Responsive__default.docs';
-export { default as RippleEffect } from './RippleEffect/RippleEffect';
-// export { default as RippleEffect__default } from './RippleEffect/docs/RippleEffect__default.docs';
-export { default as PortalLayer } from './deprecated/PortalLayer/PortalLayer';
-// export { default as PortalLayer__default } from './deprecated/PortalLayer/docs/PortalLayer__default.docs';
-
-export { default as VelocityAnimation } from './VelocityAnimation/VelocityAnimation/VelocityAnimation';
-// export { default as VelocityAnimation__VelocityAnimation } from './VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs';
-export { default as VelocityAnimationGroup } from './VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-// export { default as VelocityAnimationGroup__VelocityAnimationGroup } from './VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs';
-
-export { Provider } from './Provider/IdProvider';
-// export { default as Provider__Id_For_ClassComponent } from './Provider/docs/Provider_Id__Class.docs';
-// export { default as Provider__Id_For_FunctionComponent } from './Provider/docs/Provider_Id__Function.docs';
-// export { default as Provider__Zindex_For_ClassComponent } from './Provider/docs/Provider_Zindex__Class.docs';
-// export { default as Provider__Zindex_For_FunctionComponent } from './Provider/docs/Provider_Zindex__Function.docs';
-
-//semantic//
-export { default as SemanticButton } from './semantic/Button/Button';
-// export { default as SemanticButton__default } from './semantic/Button/docs/Button__default.docs.js';
-
-// export { default as LightNightMode__AlternativeColors } from './LightNightMode/docs/AlternativeColors.docs';
-export { default as ResponsiveDropBox } from './ResponsiveDropBox/ResponsiveDropBox';
-export { default as Heading } from './Heading/Heading';
-// export { default as Heading__default } from './Heading/docs/Heading__default.docs.js';
+import * as _utils from './utils';
+export { _utils as utils };
+export * from './VelocityAnimation';
+export * from './semantic';

package/es/semantic/index.js

@@ -0,0 +1 @@
+export { default as SemanticButton } from './Button/Button';

package/es/utils/css/compileClassNames.js

@@ -0,0 +1,23 @@
+import { dataTypes, isDataTypeOf } from './utils';
+const collectClassNames = function (processedClassNameList) {
+  for (let index = 0; index < (arguments.length <= 1 ? 0 : arguments.length - 1); index++) {
+    let classInfo = index + 1 < 1 || arguments.length <= index + 1 ? undefined : arguments[index + 1];
+    if (!classInfo) {
+      continue;
+    } else if (isDataTypeOf(classInfo, dataTypes.object)) {
+      for (let property in classInfo) {
+        if (Object.hasOwnProperty.call(classInfo, property) && property !== 'undefined' && property !== 'null' && classInfo[property] && !processedClassNameList.includes(property)) {
+          processedClassNameList.push(property);
+        }
+      }
+    }
+  }
+};
+export default function compileClassNames() {
+  let resultClassNameList = [];
+  for (var _len = arguments.length, classinfoList = new Array(_len), _key = 0; _key < _len; _key++) {
+    classinfoList[_key] = arguments[_key];
+  }
+  collectClassNames(resultClassNameList, ...classinfoList);
+  return resultClassNameList.filter(a => a !== '').join(' ');
+}

package/es/utils/css/mergeStyle.js

@@ -0,0 +1,42 @@
+const REPLACER_SYMBOL = '$';
+
+// $ startWith is used for replace the existing style.
+// all other will be append
+
+export default function mergeStyle(defaultStyle, customStyle) {
+  let additionalStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  // if(!Object.keys(defaultStyle).includes('base')) {
+  //   throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
+  // }
+
+  return Object.keys(customStyle).reduce((res, next) => {
+    if (next.startsWith(REPLACER_SYMBOL)) {
+      let styleValue = customStyle[next];
+      let styleName = next.replace(REPLACER_SYMBOL, '');
+      if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
+        // return res;
+        throw new Error(`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${styleName}" is not available in that component style`);
+      }
+      let val = defaultStyle[styleName];
+      Object.keys(res).map(keyName => {
+        let styleKey = res[keyName];
+        if (styleKey.includes(val)) {
+          res[keyName] = styleKey.replace(val, styleValue);
+        }
+      });
+    } else if (defaultStyle[next] || additionalStyle.includes(next)) {
+      let val = defaultStyle[next];
+      Object.keys(res).map(keyName => {
+        if (res[keyName].includes(val)) {
+          res[keyName] = res[keyName] + ' ' + customStyle[next];
+        }
+      });
+    } else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
+      // res[next] = customStyle[next];
+      `UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${next}" is not available in that component style`;
+    }
+    return res;
+  }, {
+    ...defaultStyle
+  });
+}

package/es/utils/css/utils.js

@@ -0,0 +1,23 @@
+export const dataTypes = {
+  number: 'number',
+  array: 'array',
+  string: 'string',
+  object: 'object',
+  bigint: 'bigint',
+  symbol: 'symbol',
+  undefined: 'undefined',
+  function: 'function',
+  boolean: 'boolean'
+};
+export const getDataType = data => {
+  let typeofData = typeof data;
+  let isArrayDataType = Array.isArray(data);
+  if (isArrayDataType) {
+    return dataTypes.array;
+  } else {
+    return dataTypes[typeofData];
+  }
+};
+export const isDataTypeOf = (data, type) => {
+  return getDataType(data) === type;
+};

package/es/utils/index.js

@@ -0,0 +1,3 @@
+export { default as compileClassNames } from './css/compileClassNames';
+export { default as mergeStyle } from './css/mergeStyle';
+export { stopAllEventPropagation, capitalize, getFullName, bytesToSize, getMemSize, checkIsImageFile, getFullDateString, format12Hour, getDateOnly, doAfterScrollEnd, debounce, throttle, getElementSpace, getSearchString, findScrollEnd, isTextSelected } from './Common';