@itcase/ui 1.0.10 → 1.0.13

package/dist/components/Empty.js

@@ -0,0 +1,95 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var size = require('../constants/componentProps/size.js');
+var fill = require('../constants/componentProps/fill.js');
+var shape = require('../constants/componentProps/shape.js');
+var width = require('../constants/componentProps/width.js');
+var textColor = require('../constants/componentProps/textColor.js');
+var index$1 = require('./Button.js');
+var index = require('./Text.js');
+require('clsx');
+require('../constants/componentProps/borderType.js');
+require('../constants/componentProps/horizontalResizeMode.js');
+require('../constants/componentProps/type.js');
+require('./Icon.js');
+require('react-inlinesvg');
+require('../constants/componentProps/iconSize.js');
+require('../constants/componentProps/strokeColor.js');
+require('./Link.js');
+require('../useStyles-e4accb53.js');
+require('lodash/camelCase');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+require('../context/UIContext.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
+require('../constants/componentProps/textGradient.js');
+require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textWeight.js');
+require('../constants/componentProps/underline.js');
+require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
+require('../constants/componentProps/textColorActive.js');
+require('../constants/componentProps/textColorHover.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+
+function Empty(props) {
+  var before = props.before,
+    message = props.message,
+    messageTextColor = props.messageTextColor,
+    messageTextSize = props.messageTextSize,
+    buttonAfter = props.buttonAfter,
+    buttonBefore = props.buttonBefore,
+    buttonFill = props.buttonFill,
+    buttonFillHover = props.buttonFillHover,
+    buttonLabel = props.buttonLabel,
+    buttonLabelTextColor = props.buttonLabelTextColor,
+    buttonLabelTextSize = props.buttonLabelTextSize,
+    buttonShape = props.buttonShape,
+    buttonSize = props.buttonSize,
+    buttonWidth = props.buttonWidth;
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: "empty"
+  }, before, message && /*#__PURE__*/React__default.default.createElement(index.Text, {
+    className: "empty__message",
+    size: messageTextSize,
+    textColor: messageTextColor
+  }, message), buttonLabel && /*#__PURE__*/React__default.default.createElement(index$1.Button, {
+    className: "empty__button",
+    after: buttonAfter,
+    before: buttonBefore,
+    fill: buttonFill,
+    fillHover: buttonFillHover,
+    label: buttonLabel,
+    labelTextColor: buttonLabelTextColor,
+    labelTextSize: buttonLabelTextSize,
+    shape: buttonShape,
+    size: buttonSize,
+    width: buttonWidth
+  }));
+}
+Empty.propTypes = {
+  before: PropTypes__default.default.any,
+  message: PropTypes__default.default.string,
+  messageTextColor: PropTypes__default.default.oneOf(textColor.default),
+  messageTextSize: PropTypes__default.default.oneOf(size.default),
+  buttonAfter: PropTypes__default.default.any,
+  buttonBefore: PropTypes__default.default.any,
+  buttonFill: PropTypes__default.default.oneOf(fill.default),
+  buttonFillHover: PropTypes__default.default.oneOf(fill.default),
+  buttonLabel: PropTypes__default.default.string,
+  buttonLabelTextColor: PropTypes__default.default.oneOf(textColor.default),
+  buttonLabelTextSize: PropTypes__default.default.oneOf(size.default),
+  buttonShape: PropTypes__default.default.oneOf(shape.default),
+  buttonSize: PropTypes__default.default.oneOf(size.default),
+  buttonWidth: PropTypes__default.default.oneOf(width.default)
+};
+
+exports.Empty = Empty;

package/dist/components/FormField.js

@@ -37,7 +37,7 @@ require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('react-select');
-require('../objectWithoutProperties-ea190611.js');
+require('../defineProperty-f9e5e1f3.js');
 require('react-dom');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/Grid.js

@@ -76,26 +76,26 @@ function Grid(props) {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  var fillWrapperClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fillWrapper'
   });
-  var fillWrapperInnerClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fillWrapperInner'
   });
-  var shapeWrapperClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'grid_shape_',
     propsKey: 'shapeWrapper'
   });
-  var shapeWrapperInnerClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'grid_shape_',
     propsKey: 'shapeWrapperInner'
   });
   var _useStyles = useStyles.useStyles(props),
-    gridStyles = _useStyles.styles,
-    gridWrapperStyles = _useStyles.gridWrapper,
-    gridWrapperInnerStyles = _useStyles.gridWrapperInner;
+    gridStyles = _useStyles.styles;
+    _useStyles.gridWrapper;
+    _useStyles.gridWrapperInner;
   return /*#__PURE__*/React__default.default.createElement(Tag, {
     className: clsx__default.default(className, 'grid', useGridSystem && "grid_state_system", type && "grid_type_" + type, columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && "grid_horizontal-resizing_" + horizontalResizing, verticalResizing && "grid_vertical-resizing_" + verticalResizing),
     id: id,
@@ -103,13 +103,7 @@ function Grid(props) {
     onClick: onClick
   }, before && /*#__PURE__*/React__default.default.createElement("div", {
     className: "grid__before"
-  }, before), /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('grid__wrapper', fillWrapperClass, shapeWrapperClass),
-    style: gridWrapperStyles
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('grid__wrapper-inner', fillWrapperInnerClass, shapeWrapperInnerClass),
-    style: gridWrapperInnerStyles
-  }, children)), after && /*#__PURE__*/React__default.default.createElement("div", {
+  }, before), children, after && /*#__PURE__*/React__default.default.createElement("div", {
     className: "grid__after"
   }, after));
 }

package/dist/components/Input.js

@@ -33,6 +33,7 @@ function Input(props) {
     value = props.value,
     onBlur = props.onBlur,
     onChange = props.onChange,
+    onFocus = props.onFocus,
     onKeyDown = props.onKeyDown;
   var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
@@ -87,6 +88,7 @@ function Input(props) {
     value: value,
     onBlur: onBlur,
     onChange: onChange,
+    onFocus: onFocus,
     onKeyDown: onKeyDown
   });
 }

package/dist/components/Label.js

@@ -8,7 +8,6 @@ var borderType = require('../constants/componentProps/borderType.js');
 var size = require('../constants/componentProps/size.js');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
-var emojiSize = require('../constants/componentProps/emojiSize.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../useStyles-e4accb53.js');
 require('../constants/componentProps/textColor.js');
@@ -102,10 +101,6 @@ Label.propTypes = {
   borderTypeDesktop: PropTypes__default.default.oneOf(borderType.default),
   borderTypeMobile: PropTypes__default.default.oneOf(borderType.default),
   borderTypeTablet: PropTypes__default.default.oneOf(borderType.default),
-  emoji: PropTypes__default.default.string,
-  emojiFill: PropTypes__default.default.oneOf(fill.default),
-  emojiSize: PropTypes__default.default.oneOf(emojiSize.default),
-  emojiType: PropTypes__default.default.string,
   fill: PropTypes__default.default.oneOf(fill.default),
   fillDesktop: PropTypes__default.default.oneOf(fill.default),
   fillMobile: PropTypes__default.default.oneOf(fill.default),

package/dist/components/Logo.js

@@ -14,14 +14,14 @@ require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
-require('lodash/castArray');
 require('lodash/camelCase');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../context/UIContext.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
+require('lodash/castArray');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/components/Modal.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var require$$2 = require('react-dom');
+var ReactDOM = require('react-dom');
 var clsx = require('clsx');
 var index = require('./Fader.js');
 var useStyles = require('../useStyles-e4accb53.js');
@@ -30,7 +30,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var require$$2__default = /*#__PURE__*/_interopDefault(require$$2);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 var getOrCreateModalElement = function getOrCreateModalElement(modalQuerySelector, className) {
@@ -200,7 +200,7 @@ var Modal = /*#__PURE__*/React__default.default.forwardRef(function Modal(props,
     modalStyles = _useStyles.styles;
 
   // Use a portal to render the children into the element
-  return modalElement && /*#__PURE__*/require$$2__default.default.createPortal(
+  return modalElement && /*#__PURE__*/ReactDOM__default.default.createPortal(
   // Any valid React child: JSX, strings, arrays, etc.
   isOpen ? /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default('modal-content', contentClassName, contentFillClass, shapeClass, borderColorClass, borderWidthClass, borderTypeClass, elevationClass),