@zohodesk/dot 1.9.2 → 1.9.3

package/lib/list/status/StatusDropdown/props/propTypes.js

@@ -30,5 +30,7 @@ var propTypes = (_propTypes = {
   idName: _propTypes2["default"].string,
   isArrow: _propTypes2["default"].bool,
   isDataLoaded: _propTypes2["default"].bool
-}, _defineProperty(_propTypes, "isDataLoaded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isEditable", _propTypes2["default"].bool), _defineProperty(_propTypes, "isFetchingOptions", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupActive", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupOpen", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupReady", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isSearch", _propTypes2["default"].bool), _defineProperty(_propTypes, "keyName", _propTypes2["default"].string), _defineProperty(_propTypes, "left", _propTypes2["default"].number), _defineProperty(_propTypes, "needExternalPopupState", _propTypes2["default"].bool), _defineProperty(_propTypes, "needResponsive", _propTypes2["default"].bool), _defineProperty(_propTypes, "needTick", _propTypes2["default"].bool), _defineProperty(_propTypes, "onClick", _propTypes2["default"].func), _defineProperty(_propTypes, "onTogglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "options", _propTypes2["default"].array.isRequired), _defineProperty(_propTypes, "placeHolderText", _propTypes2["default"].string), _defineProperty(_propTypes, "position", _propTypes2["default"].string), _defineProperty(_propTypes, "removeClose", _propTypes2["default"].func), _defineProperty(_propTypes, "right", _propTypes2["default"].number), _defineProperty(_propTypes, "searchBoxSize", _propTypes2["default"].oneOf(['small', 'medium', 'xmedium'])), _defineProperty(_propTypes, "searchEmptyHint", _propTypes2["default"].string), _defineProperty(_propTypes, "searchErrorText", _propTypes2["default"].string), _defineProperty(_propTypes, "showIconOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "showOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusColor", _propTypes2["default"].string), _defineProperty(_propTypes, "targetAlign", _propTypes2["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "togglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "value", _propTypes2["default"].node), _defineProperty(_propTypes, "needMultiLineText", _propTypes2["default"].bool), _defineProperty(_propTypes, "onSelectLabel", _propTypes2["default"].func), _defineProperty(_propTypes, "top", _propTypes2["default"].number), _defineProperty(_propTypes, "a11y", _propTypes2["default"].object), _defineProperty(_propTypes, "isAbsolutePositioningNeeded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isRestrictScroll", _propTypes2["default"].bool), _defineProperty(_propTypes, "positionsOffset", _propTypes2["default"].object), _defineProperty(_propTypes, "renderTargetElement", _propTypes2["default"].func), _defineProperty(_propTypes, "renderFooterElement", _propTypes2["default"].node), _defineProperty(_propTypes, "targetOffset", _propTypes2["default"].object), _propTypes);
+}, _defineProperty(_propTypes, "isDataLoaded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isEditable", _propTypes2["default"].bool), _defineProperty(_propTypes, "isFetchingOptions", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupActive", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupOpen", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupReady", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isSearch", _propTypes2["default"].bool), _defineProperty(_propTypes, "keyName", _propTypes2["default"].string), _defineProperty(_propTypes, "left", _propTypes2["default"].number), _defineProperty(_propTypes, "needExternalPopupState", _propTypes2["default"].bool), _defineProperty(_propTypes, "needResponsive", _propTypes2["default"].bool), _defineProperty(_propTypes, "needTick", _propTypes2["default"].bool), _defineProperty(_propTypes, "onClick", _propTypes2["default"].func), _defineProperty(_propTypes, "onTogglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "options", _propTypes2["default"].array.isRequired), _defineProperty(_propTypes, "placeHolderText", _propTypes2["default"].string), _defineProperty(_propTypes, "position", _propTypes2["default"].string), _defineProperty(_propTypes, "removeClose", _propTypes2["default"].func), _defineProperty(_propTypes, "right", _propTypes2["default"].number), _defineProperty(_propTypes, "searchBoxSize", _propTypes2["default"].oneOf(['small', 'medium', 'xmedium'])), _defineProperty(_propTypes, "searchEmptyHint", _propTypes2["default"].string), _defineProperty(_propTypes, "searchErrorText", _propTypes2["default"].string), _defineProperty(_propTypes, "showIconOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "showOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusColor", _propTypes2["default"].string), _defineProperty(_propTypes, "targetAlign", _propTypes2["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "togglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "value", _propTypes2["default"].node), _defineProperty(_propTypes, "needMultiLineText", _propTypes2["default"].bool), _defineProperty(_propTypes, "onSelectLabel", _propTypes2["default"].func), _defineProperty(_propTypes, "top", _propTypes2["default"].number), _defineProperty(_propTypes, "a11y", _propTypes2["default"].object), _defineProperty(_propTypes, "isAbsolutePositioningNeeded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isRestrictScroll", _propTypes2["default"].bool), _defineProperty(_propTypes, "positionsOffset", _propTypes2["default"].object), _defineProperty(_propTypes, "renderTargetElement", _propTypes2["default"].func), _defineProperty(_propTypes, "renderFooterElement", _propTypes2["default"].node), _defineProperty(_propTypes, "targetOffset", _propTypes2["default"].object), _defineProperty(_propTypes, "customClass", _propTypes2["default"].shape({
+  dropBoxClass: _propTypes2["default"].string
+})), _propTypes);
 exports.propTypes = propTypes;

package/lib/list/status/StatusListItem/StatusListItem.js

@@ -114,7 +114,8 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
           a11y = _this$props4.a11y,
           needMultiLineText = _this$props4.needMultiLineText,
           customClass = _this$props4.customClass,
-          children = _this$props4.children;
+          children = _this$props4.children,
+          lhsAlignContent = _this$props4.lhsAlignContent;
       var options = {};
       var role = a11y.role,
           ariaSelected = a11y.ariaSelected,
@@ -135,7 +136,7 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
         "aria-label": ariaLabel,
         "data-a11y-inset-focus": insetFocus,
         isCover: false,
-        align: "baseline",
+        align: "vertical",
         alignBox: "row",
         className: "".concat(_StatusListItemModule["default"].list, " ").concat(_StatusListItemModule["default"][size], " ").concat(_StatusListItemModule["default"][palette], " ").concat(active ? _StatusListItemModule["default"].active : highlight && !isDisabled ? _StatusListItemModule["default"].hover : '', " ").concat(autoHover && !isDisabled ? _StatusListItemModule["default"].effect : '', " ").concat(needTick ? _StatusListItemModule["default"].withTick : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? _StatusListItemModule["default"].withBorder : '', " ").concat(customClass),
         dataId: String(value).replace("'", '_'),
@@ -146,6 +147,9 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
         "data-title": isDisabled ? disableTitle : null,
         tabindex: isDisabled ? '-1' : '0'
       }, options, a11y), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        className: _StatusListItemModule["default"].contentWrapper
+      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        align: lhsAlignContent,
         className: "".concat(_StatusListItemModule["default"].statusType, " ").concat(_StatusListItemModule["default"][bulletColor])
       }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
@@ -163,7 +167,7 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-ticknew",
         size: "8"
-      })) : null);
+      })) : null));
     }
   }]);
 

package/lib/list/status/StatusListItem/StatusListItem.module.css

@@ -1,9 +1,16 @@
+.varClass {
+  --statuslistitem_multiline_lineheight: 1.5385;
+  --statuslistitem_font_size: var(--zd_font_size13);
+  --statuslistitem_min_height: 35px;
+}
+
 .list {
+  composes: varClass;
   color: var(--zdt_statuslistitem_list_text);
-  font-size: var(--zd_font_size13) ;
+  font-size: var(--statuslistitem_font_size);
   position: relative;
   list-style: none;
-  min-height: var(--zd_size35) ;
+  min-height: var(--statuslistitem_min_height);
   cursor: pointer;
 }
 [dir=ltr] .withBorder {
@@ -22,7 +29,7 @@
   padding: var(--zd_size7) var(--zd_size20) ;
 }
 .large {
-  height: var(--zd_size48) ;
+  --statuslistitem_min_height: 48px;
 }
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;
@@ -36,9 +43,8 @@
 .value {
   composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
-.multiLineValue{
-  word-break: break-word;
-  composes: clamp from '~@zohodesk/components/es/common/common.module.css';
+.multiLineValue {
+  composes: lineClamp from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
@@ -88,24 +94,39 @@
 [dir=rtl] .active.withTick {
   padding-left: var(--zd_size39) ;
 }
+.contentWrapper {
+  composes: dflex flexrow alignVertical from '~@zohodesk/components/es/common/common.module.css';
+  width: 100% ;
+}
 /* Status Type */
-.statusType {
-  width: var(--zd_size8) ;
-  height: var(--zd_size8) ;
+.statusType{
+  position: relative;
+  composes: dflex alignVertical alignHorizontal from '~@zohodesk/components/es/common/common.module.css';
+  min-height: calc(var(--statuslistitem_font_size) * var(--statuslistitem_multiline_lineheight));
+  min-width: var(--zd_size20) ;
+}
+.statusType::after{
+  /* css:validation:ignore */
+  --status_listitem_bullet_size: var(--zd_font_size8);
+
+  content: '';
+  height: var(--status_listitem_bullet_size);
+  width: var(--status_listitem_bullet_size);
   border-radius: 50%;
 }
-[dir=ltr] .statusType {
-  margin-right: var(--zd_size13) ;
+[dir=ltr] .statusType::after{
+  margin-right: var(--zd_size12) ;
 }
-[dir=rtl] .statusType {
-  margin-left: var(--zd_size13) ;
+[dir=rtl] .statusType::after{
+  margin-left: var(--zd_size12) ;
 }
-.black {
+
+.black.statusType::after {
   background-color: var(--zdt_statuslistitem_black_bg);
 }
-.orange {
+.orange.statusType::after {
   background-color: var(--zdt_statuslistitem_orange_bg);
 }
-.green {
+.green.statusType::after {
   background-color: var(--zdt_statuslistitem_green_bg);
-}
+}

package/lib/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`StatusListItem rendering the defult props 1`] = `
 <DocumentFragment>
   <li
-    class="list medium default     withBorder  flex rowdir baseline"
+    class="list medium default     withBorder  flex rowdir vCenter"
     data-a11y-inset-focus="true"
     data-id="undefined"
     data-selector-id="container"
@@ -11,35 +11,42 @@ exports[`StatusListItem rendering the defult props 1`] = `
     tabindex="0"
   >
     <div
-      class="statusType black shrinkOff"
-      data-id="boxComponent"
-      data-selector-id="box"
-      data-test-id="boxComponent"
-    />
-    <div
-      class="grow basis shrinkOn"
+      class="contentWrapper shrinkOff"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir vCenter"
-        data-id="containerComponent"
-        data-selector-id="container"
-        data-test-id="containerComponent"
+        class="statusType black shrinkOff selfStart"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      />
+      <div
+        class="grow basis shrinkOn"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
       >
         <div
-          class="value shrinkOn"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        />
-        <div
-          class="shrinkOff"
-          data-id="boxComponent"
-          data-selector-id="box"
-          data-test-id="boxComponent"
-        />
+          class="flex cover rowdir vCenter"
+          data-id="containerComponent"
+          data-selector-id="container"
+          data-test-id="containerComponent"
+        >
+          <div
+            class="value shrinkOn"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          />
+          <div
+            class="shrinkOff"
+            data-id="boxComponent"
+            data-selector-id="box"
+            data-test-id="boxComponent"
+          />
+        </div>
       </div>
     </div>
   </li>

package/lib/list/status/StatusListItem/props/defaultProps.js

@@ -18,6 +18,7 @@ var defaultProps = {
   bulletColor: 'black',
   a11y: {},
   needMultiLineText: false,
-  customClass: ''
+  customClass: '',
+  lhsAlignContent: 'start'
 };
 exports.defaultProps = defaultProps;

package/lib/list/status/StatusListItem/props/propTypes.js

@@ -37,6 +37,7 @@ var propTypes = {
     ariaHidden: _propTypes["default"].bool
   }),
   customClass: _propTypes["default"].string,
-  children: _propTypes["default"].node
+  children: _propTypes["default"].node,
+  lhsAlignContent: _propTypes["default"].oneOf(['start', 'center', 'end'])
 };
 exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.9.2",
+  "version": "1.9.3",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -19,16 +19,12 @@
   "scripts": {
     "clean": "react-cli clean lib es coverage assets && mkdir assets",
     "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/components/es node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es node_modules/@zohodesk/svg/es",
-    "build:lib": "react-cli build:component:cmjs",
-    "build:es": "react-cli build:library:es",
+    "build:lib": "cbt build:lib src,assets lib,assets",
+    "build:es": "cbt build:es src,assets es,assets",
+    "build:es:watch": "cbt build:es src es",
     "build": "npm run theme:validate && npm run build:lib && npm run build:es",
-    "build:local": " npm run build && npm run rtl && npm run cssVariableConvert ",
-    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "prepare": "react-cli clean assets &&  npm run init && npm run css:build ",
-    "init": "npm run clean && npm run build:variables",
-    "build:variables": "react-cli clean ./assets && node ./preprocess/index",
+    "build:watch": "npm run build:es:watch --module:mode=dev -- -w",
+    "prepare": "npm run clean && npm run css:build",
     "lint": "react-cli lint",
     "lintAll": "react-cli lint ./src",
     "lintAllFix": "npm run lintAll --eslint:fix=true",
@@ -38,7 +34,6 @@
     "snap-update": "npm run test-clean && npm run test -- -u",
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
-    "docs": "npm run css:review && review:props && react-cli docs",
     "prepublishOnly": "node prePublish.js && npm run downloadOnly && npm run css:review  && npm run review:props",
     "postpublish": "node postPublish.js",
     "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib &&  react-cli clean ./package-lock.json &&  react-cli clean ./result.json",
@@ -46,7 +41,6 @@
     "downloadOnly": "react-cli clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps",
     "expublish": "npm publish --tag experimental-version",
     "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./src/",
-    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
     "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
@@ -60,10 +54,11 @@
     "css:layer_wrap_lib": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./lib ./assets css_layer_config.json --rewrite=src=lib  --rewrite=assets=assets --skip-existing-layer",
     "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js  css_layer_config.json ./src/dot_layer.module.css",
     "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js  css_layer_config.json ./src/ ./assets",
-    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build && npm run rtl && npm run cssVariableConvert  ",
+    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build",
     "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets"
   },
   "devDependencies": {
+    "postcss-discard-comments": "^7.0.5",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.5",
     "@testing-library/react-hooks": "^7.0.2",
@@ -73,25 +68,26 @@
     "@zohodesk-private/node-plugins": "1.1.13",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.8",
-    "@zohodesk/components": "1.6.1",
+    "@zohodesk/components": "1.6.3",
     "@zohodesk/hooks": "2.0.6",
-    "@zohodesk/icons": "1.1.7",
+    "@zohodesk/icons": "1.2.4",
     "@zohodesk/layout": "^3.1.0",
-    "@zohodesk/svg": "1.3.1",
+    "@zohodesk/svg": "1.3.2",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/variables": "1.2.0",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "velocity-react": "1.4.3",
     "@zohodesk/dotkit": "1.0.7",
-    "@zohodesk/react-cli": "1.1.27"
+    "@zohodesk/react-cli": "1.1.27",
+    "@zohodesk/client_build_tool": "0.0.20"
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.2.0",
-    "@zohodesk/components": "1.6.1",
-    "@zohodesk/icons": "1.1.7",
-    "@zohodesk/svg": "1.3.1",
+    "@zohodesk/components": "1.6.3",
+    "@zohodesk/icons": "1.2.4",
+    "@zohodesk/svg": "1.3.2",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.6",

package/es/v1/ActionButton/ActionButton.js

@@ -1,155 +0,0 @@
-import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import Popup from '@zohodesk/components/es/v1/Popup/Popup';
-import { Icon } from '@zohodesk/icons';
-import Button from '@zohodesk/components/es/v1/Button/Button';
-import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
-import CssProvider from '@zohodesk/components/es/Provider/CssProvider';
-import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
-import style from "../../ActionButton/ActionButton.module.css";
-
-function ActionButton(props) {
-  let {
-    isLoading,
-    onClick,
-    size,
-    dataId,
-    dataSelectorId,
-    isArrow,
-    text,
-    subText,
-    arrowBoxSize,
-    palette,
-    onHover,
-    position,
-    className,
-    iconName,
-    iconSize,
-    dataTitle,
-    isDisabled,
-    isPopupOpen,
-    removeClose,
-    children,
-    dropBoxClass,
-    isBoxPaddingNeed,
-    getContainerRef,
-    getTargetRef,
-    removeChildrenTooltip,
-    innerClassName,
-    popupGroup,
-    togglePopup,
-    defaultPosition,
-    openPopupOnly,
-    isAbsolutePositioningNeeded,
-    isRestrictScroll,
-    positionsOffset,
-    targetOffset
-  } = props;
-
-  const handleTogglePopup = e => {
-    togglePopup(e, defaultPosition);
-  };
-
-  const handlePopupOpen = e => {
-    openPopupOnly(e, defaultPosition);
-  };
-
-  return /*#__PURE__*/React.createElement(Container, {
-    alignBox: "row",
-    isCover: false,
-    className: ` ${style.container} ${style[palette + 'Box']} ${style[size]} ${className} ${isDisabled ? CssProvider('isDisabled') : ''} ${!onClick ? style.wholeDiv : ''} `,
-    onClick: onHover ? removeClose : !onClick ? handleTogglePopup : undefined,
-    onMouseEnter: !onClick ? onHover && handleTogglePopup : undefined,
-    onMouseLeave: !onClick ? onHover && handleTogglePopup : undefined,
-    eleRef: getTargetRef,
-    dataSelectorId: dataSelectorId,
-    dataId: `${dataId}_actionButton`
-  }, isLoading ? /*#__PURE__*/React.createElement(Box, {
-    flexible: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    status: "loading",
-    palette: palette,
-    size: "medium",
-    customClass: {
-      customButton: style.btn
-    },
-    text: text
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
-    flexible: true,
-    onClick: onClick,
-    dataId: dataId,
-    className: `${btnStyle.buttonReset} ${style.contentBox} ${style[palette + 'Btn']} ${style[size + '_btnBox']} ${children ? style.contentBoxBdr : style.contentBoxBdrRds} ${style.clickable} ${innerClassName} `,
-    "data-title": dataTitle,
-    tagName: "button",
-    tabIndex: "0"
-  }, /*#__PURE__*/React.createElement(Container, {
-    align: "both"
-  }, /*#__PURE__*/React.createElement(Box, {
-    className: style.contentwrapper
-  }, /*#__PURE__*/React.createElement(Container, {
-    isCover: false,
-    alignBox: "row",
-    align: "vertical"
-  }, iconName ? /*#__PURE__*/React.createElement(Icon, {
-    name: iconName,
-    size: iconSize,
-    iconClass: `${style.iconClr} ${text ? style.iconMrgn : ''}`
-  }) : null, text ? /*#__PURE__*/React.createElement(Box, {
-    shrink: true,
-    className: style.txt,
-    "data-title": removeChildrenTooltip ? null : text
-  }, text) : null)), subText ? /*#__PURE__*/React.createElement(Box, {
-    "data-title": removeChildrenTooltip ? null : subText,
-    className: style.subTxt
-  }, subText) : null)), children ? /*#__PURE__*/React.createElement(Box, {
-    onClick: onClick && !onHover ? handleTogglePopup : handlePopupOpen,
-    onMouseEnter: onClick ? onHover && handleTogglePopup : undefined,
-    onMouseLeave: onClick ? onHover && handleTogglePopup : undefined,
-    className: `${btnStyle.buttonReset} ${style[arrowBoxSize + '_arrowBox']} ${style[palette + 'Arw']}  ${style.arrowWrapper} ${isPopupOpen ? style.arrowActive : ''}`,
-    dataId: `${dataId}_arrowButton`,
-    tabIndex: "0",
-    tagName: "button",
-    dataSelectorId: `${dataSelectorId}_arrowButton`
-  }, /*#__PURE__*/React.createElement(Container, {
-    align: "both"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ZD-down",
-    size: "6",
-    iconClass: style.arrow
-  })), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveDropBox, {
-    size: "small",
-    isActive: isPopupOpen,
-    boxPosition: position,
-    isAnimate: true,
-    isArrow: isArrow,
-    customClass: {
-      customDropBoxWrap: dropBoxClass
-    },
-    isBoxPaddingNeed: isBoxPaddingNeed,
-    getRef: getContainerRef,
-    popupGroup: popupGroup,
-    needFocusScope: true,
-    onClose: handleTogglePopup,
-    dataId: `${dataId}_dropbox`,
-    isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-    isRestrictScroll: isRestrictScroll,
-    positionsOffset: positionsOffset,
-    targetOffset: targetOffset
-  }, /*#__PURE__*/React.createElement(Box, {
-    flexible: true,
-    shrink: true,
-    scroll: "vertical"
-  }, children)) : null) : null));
-}
-
-ActionButton.defaultProps = defaultProps;
-ActionButton.propTypes = propTypes;
-const ActionButtonComponent = Popup(ActionButton);
-ActionButtonComponent.defaultProps = defaultProps;
-ActionButtonComponent.propTypes = propTypes; // ActionButton.docs = {
-//   componentGroup: 'Atom'
-// };
-
-export default ActionButtonComponent;

package/es/v1/ActionButton/props/defaultProps.js

@@ -1,19 +0,0 @@
-export const defaultProps = {
-  size: 'medium',
-  isArrow: false,
-  dataId: 'actionButton',
-  dataSelectorId: 'actionButton',
-  onHover: false,
-  className: '',
-  iconName: '',
-  iconSize: '9',
-  isDisabled: false,
-  dropBoxClass: '',
-  arrowBoxSize: 'medium',
-  isBoxPaddingNeed: true,
-  palette: 'primaryFilled',
-  removeChildrenTooltip: false,
-  innerClassName: '',
-  isAbsolutePositioningNeeded: true,
-  isRestrictScroll: false
-};

package/es/v1/ActionButton/props/propTypes.js

@@ -1,37 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  dataSelectorId: PropTypes.string,
-  arrowBoxSize: PropTypes.oneOf(['small', 'medium']),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  dataTitle: PropTypes.string,
-  dropBoxClass: PropTypes.string,
-  defaultPosition: PropTypes.string,
-  position: PropTypes.string,
-  iconName: PropTypes.string,
-  iconSize: PropTypes.string,
-  isArrow: PropTypes.bool,
-  isBoxPaddingNeed: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isPopupOpen: PropTypes.bool,
-  onClick: PropTypes.func,
-  onHover: PropTypes.bool,
-  palette: PropTypes.oneOf(['primaryFilled', 'primary']),
-  removeClose: PropTypes.func,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  subText: PropTypes.string,
-  text: PropTypes.string,
-  getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func,
-  removeChildrenTooltip: PropTypes.bool,
-  innerClassName: PropTypes.string,
-  popupGroup: PropTypes.string,
-  togglePopup: PropTypes.func,
-  openPopupOnly: PropTypes.func,
-  isAbsolutePositioningNeeded: PropTypes.bool,
-  isRestrictScroll: PropTypes.bool,
-  positionsOffset: PropTypes.object,
-  targetOffset: PropTypes.object
-};