@zohodesk/components 1.4.12 → 1.4.13

package/es/MultiSelect/MobileHeader/MobileHeader.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import Button from "../../Button/Button";
-import { Container, Box } from "../../Layout";
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "./MobileHeader.module.css";
-export default function MobileHeader(props) {
-  let {
-    i18nKeys,
-    onClick,
-    selectedOptions,
-    children
-  } = props;
-  const i18nText = Object.assign({}, i18nKeys, {
-    mobileHeaderText: i18nKeys.mobileHeaderText ? `${i18nKeys.mobileHeaderText}` : `${selectedOptions.length} Selected`
-  });
-  let {
-    mobilePrimaryButtonText,
-    mobileSecondaryButtonText,
-    mobileHeaderText
-  } = i18nText;
-  const showMobileHeader = i18nKeys.mobileHeaderText || !i18nKeys.mobileHeaderText && selectedOptions.length >= 1;
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.container
-  }, /*#__PURE__*/React.createElement(Container, {
-    isCover: false,
-    align: "vertical",
-    alignContent: "between",
-    alignBox: "row",
-    className: style.header
-  }, /*#__PURE__*/React.createElement(Box, {
-    className: style.cardHeading,
-    "data-title": showMobileHeader ? mobileHeaderText : null,
-    flexible: true
-  }, showMobileHeader && mobileHeaderText), /*#__PURE__*/React.createElement(Box, {
-    shrink: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: onClick,
-    isBold: true,
-    size: "medium",
-    text: selectedOptions.length >= 1 ? mobilePrimaryButtonText : mobileSecondaryButtonText,
-    palette: "plainPrimary",
-    customClass: {
-      customButton: style.buttonText
-    },
-    "data-title": mobilePrimaryButtonText
-  }))), children);
-}
-MobileHeader.defaultProps = defaultProps;
-MobileHeader.propTypes = propTypes;

package/es/MultiSelect/MobileHeader/MobileHeader.module.css

@@ -1,16 +0,0 @@
-.container{
-    padding: 0 var(--zd_size20) var(--zd_size12) var(--zd_size20) ;
-  }
-  .header{
-    padding-bottom: var(--zd_size4) ;
-  }
-  .cardHeading{
-    font-size: var(--zd_font_size16) ;
-    color: var(--zdt_multiselect_res_title_text);
-    composes: bold dotted from '../../common/common.module.css'
-  }
-  .buttonText{
-    font-size: var(--zd_font_size15) ;
-    composes: dotted from '../../common/common.module.css';
-    padding: 0 
-  }

package/es/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import MobileHeader from "../MobileHeader";
-describe('MobileHeader', () => {
-  test('rendering the defult props', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(MobileHeader, null));
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap

@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`MobileHeader rendering the defult props 1`] = `
-<DocumentFragment>
-  <div
-    class="container"
-  >
-    <div
-      class="header flex rowdir alignBetween vCenter"
-      data-id="containerComponent"
-      data-selector-id="container"
-      data-test-id="containerComponent"
-    >
-      <div
-        class="cardHeading grow basis shrinkOff"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      />
-      <div
-        class="shrinkOn"
-        data-id="boxComponent"
-        data-selector-id="box"
-        data-test-id="boxComponent"
-      >
-        <button
-          class="buttonText bold plainprimary medium"
-          data-id="buttonComp"
-          data-selector-id="button"
-          data-test-id="buttonComp"
-          type="button"
-        >
-          Close
-        </button>
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/es/MultiSelect/MobileHeader/props/defaultProps.js

@@ -1,7 +0,0 @@
-export const defaultProps = {
-  selectedOptions: [],
-  i18nKeys: {
-    mobilePrimaryButtonText: 'Done',
-    mobileSecondaryButtonText: 'Close'
-  }
-};

package/es/MultiSelect/MobileHeader/props/propTypes.js

@@ -1,7 +0,0 @@
-import PropTypes from 'prop-types';
-export const propTypes = {
-  i18nKeys: PropTypes.object,
-  onClick: PropTypes.func,
-  selectedOptions: PropTypes.array,
-  children: PropTypes.node
-};