design-react-kit 5.0.0-1 → 5.0.0-2

package/dist/types/index.js

@@ -12,8 +12,6 @@ var classNames = _interopDefault(require('classnames'));
 var reactTransitionGroup = require('react-transition-group');
 var reactStickup = require('react-stickup');
 var isNumber = _interopDefault(require('is-number'));
-var SelectBase = require('react-select');
-var SelectBase__default = _interopDefault(SelectBase);
 var reactToastify = require('react-toastify');
 
 const defaultProps = {
@@ -370,6 +368,10 @@ const AvatarWrapper = _ref => {
 };
 
 const iconList = {
+  'it-android-square': true,
+  'it-android': true,
+  'it-apple-square': true,
+  'it-apple': true,
   'it-arrow-down-circle': true,
   'it-arrow-down-triangle': true,
   'it-arrow-down': true,
@@ -537,6 +539,22 @@ const iconList = {
 };
 const loadIcon = name => {
   switch (name) {
+    case 'it-android-square':
+      {
+        return new Promise(function (resolve) { resolve(require('./ItAndroidSquare-5b4d7841.js')); });
+      }
+    case 'it-android':
+      {
+        return new Promise(function (resolve) { resolve(require('./ItAndroid-0cd13b98.js')); });
+      }
+    case 'it-apple-square':
+      {
+        return new Promise(function (resolve) { resolve(require('./ItAppleSquare-cef0e636.js')); });
+      }
+    case 'it-apple':
+      {
+        return new Promise(function (resolve) { resolve(require('./ItApple-786323e6.js')); });
+      }
     case 'it-arrow-down-circle':
       {
         return new Promise(function (resolve) { resolve(require('./ItArrowDownCircle-33c31de3.js')); });
@@ -1131,11 +1149,11 @@ const loadIcon = name => {
       }
     case 'it-twitter-square':
       {
-        return new Promise(function (resolve) { resolve(require('./ItTwitterSquare-77589f0c.js')); });
+        return new Promise(function (resolve) { resolve(require('./ItTwitterSquare-79109f7a.js')); });
       }
     case 'it-twitter':
       {
-        return new Promise(function (resolve) { resolve(require('./ItTwitter-1dded12f.js')); });
+        return new Promise(function (resolve) { resolve(require('./ItTwitter-a9d5464e.js')); });
       }
     case 'it-unlocked':
       {
@@ -2377,7 +2395,7 @@ const Input = _ref => {
     id,
     className,
     cssModule,
-    type,
+    type = 'text',
     state,
     tag,
     addon,
@@ -2457,6 +2475,7 @@ const Input = _ref => {
     delete attributes.children;
   }
   const inputPassword = extraAttributes.type === 'password';
+  const indeterminateCheckboxInput = type === 'checkbox' && (className == null ? void 0 : className.includes('semi-checked'));
   // Styling
   const {
     activeClass,
@@ -2511,6 +2530,13 @@ const Input = _ref => {
       "data-testid": testId
     })));
   }
+  if (indeterminateCheckboxInput) {
+    return React__default.createElement(InputContainer, Object.assign({}, containerProps), React__default.createElement(Tag, Object.assign({}, rest, extraAttributes, sharedAttributes, {
+      className: inputClasses,
+      "data-testid": testId,
+      indeterminate: 'true'
+    })));
+  }
   if (inputPassword) {
     return React__default.createElement(InputContainer, Object.assign({}, containerProps), React__default.createElement(Tag, Object.assign({}, rest, extraAttributes, sharedAttributes, {
       type: isHidden ? 'password' : 'text',
@@ -3789,121 +3815,30 @@ const TimelinePin = _ref => {
   }, rest), pinIcon, pinLabel), children);
 };
 
-const black = '#000';
-const primary = '#06c';
-const primaryDark = '#435a70';
-const primaryDarker = '#17324d';
-// Types here depend of react-select internal emotion dep + more parametric stuff
-// @TODO: fix it this way for now, will review later on
-const styles = {
-  container: provided => ({
-    ...provided,
-    height: '2.5rem'
-  }),
-  control: provided => ({
-    ...provided,
-    height: '2.5rem',
-    borderRadius: '0',
-    borderLeft: 'none',
-    borderRight: 'none',
-    borderTop: 'none',
-    borderBottom: `solid ${primaryDark} 1px`,
-    boxShadow: 'none',
-    '&:hover': {
-      borderBottom: `solid ${primaryDark} 1.25px`
-    } // border style on hover
-  }),
-
-  dropdownIndicator: provided => ({
-    ...provided,
-    fill: primaryDark
-  }),
-  option: (provided, _ref) => {
-    let {
-      isDisabled,
-      isFocused,
-      isSelected
-    } = _ref;
-    return {
-      ...provided,
-      background: 'white',
-      textDecoration: isFocused || isSelected ? 'underline' : 'none',
-      color: isSelected ? primaryDarker : primary,
-      cursor: isDisabled ? 'not-allowed' : 'pointer'
-    };
-  },
-  placeholder: provided => ({
-    ...provided,
-    fill: primaryDark
-  }),
-  singleValue: provided => ({
-    ...provided,
-    color: black,
-    fontWeight: 'bold'
-  }),
-  valueContainer: provided => ({
-    ...provided,
-    height: '2.5rem'
-  })
-};
-
-const DropdownIndicator = props => {
-  return React__default.createElement(SelectBase.components.DropdownIndicator, Object.assign({}, props), React__default.createElement(Icon, {
-    icon: 'it-arrow-down-triangle',
-    "aria-hidden": true
-  }));
-};
-const Option = props => {
-  return React__default.createElement("div", {
-    className: 'select-pill text-primary'
-  }, React__default.createElement(SelectBase.components.Option, Object.assign({}, props)));
-};
-const CustomClearText = _ref => {
+const Select = _ref => {
   let {
-    clearText
+    id,
+    disabled = false,
+    label,
+    children,
+    onChange
   } = _ref;
-  return React__default.createElement(React__default.Fragment, null, clearText);
-};
-const Select = _ref2 => {
-  let {
-    clearText = 'Annulla',
-    icon = false,
-    ...props
-  } = _ref2;
-  // @TODO: move it outside when migrating to hooks
-  const ClearIndicator = clearIndicatorProps => {
-    const {
-      children = React__default.createElement(CustomClearText, {
-        clearText: clearText
-      }),
-      innerProps: {
-        ref,
-        ...restInnerProps
-      }
-    } = clearIndicatorProps;
-    return React__default.createElement("div", Object.assign({
-      className: 'select-pill text-primary'
-    }, restInnerProps, {
-      ref: ref
-    }), React__default.createElement("div", {
-      style: {
-        padding: '0px 5px'
-      }
-    }, children));
+  const handleChange = e => {
+    onChange(e.target.value);
   };
-  const selectComponents = {
-    ...props.components,
-    Option,
-    DropdownIndicator,
-    IndicatorSeparator: null
+  const inputProps = {
+    name: 'select',
+    type: 'select',
+    disabled: disabled,
+    handleChange: handleChange
   };
-  if (props.isClearable) {
-    selectComponents.ClearIndicator = ClearIndicator;
-  }
-  return React__default.createElement(SelectBase__default, Object.assign({}, props, {
-    components: selectComponents,
-    styles: styles
-  }));
+  return React__default.createElement("div", {
+    className: 'select-wrapper'
+  }, id ? React__default.createElement(React__default.Fragment, null, React__default.createElement("label", {
+    htmlFor: id
+  }, label), React__default.createElement(reactstrap.Input, Object.assign({
+    id: id
+  }, inputProps), children)) : React__default.createElement("label", null, label, React__default.createElement(reactstrap.Input, Object.assign({}, inputProps), children)));
 };
 
 const StepperHeader = _ref => {