@itcase/ui 1.0.65 → 1.0.70

package/dist/components/Page.js

@@ -0,0 +1,422 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var clsx = require('clsx');
+var alignDirection = require('../constants/componentProps/alignDirection.js');
+var align = require('../constants/componentProps/align.js');
+var fill = require('../constants/componentProps/fill.js');
+var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
+var position = require('../constants/componentProps/position.js');
+var verticalResizeMode = require('../constants/componentProps/verticalResizeMode.js');
+var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var useStyles = require('../hooks/useStyles.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');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function Page(props) {
+  const {
+    after,
+    before,
+    children,
+    className,
+    id,
+    tag: Tag,
+    type
+  } = props;
+  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'alignDirection'
+  });
+  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'align_',
+    propsKey: 'align'
+  });
+  const resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'wrapper_resize-horizontal_',
+    propsKey: 'horizontalResizing'
+  });
+  const resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'wrapper_resize-vertical_',
+    propsKey: 'verticalResizing'
+  });
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'position_',
+    propsKey: 'position'
+  });
+  const {
+    styles,
+    wrapper: wrapperStyles
+  } = useStyles.useStyles(props);
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    id: id,
+    className: clsx__default.default('page', className, type && `${className}_type_${type}`, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
+    style: styles
+  }, /*#__PURE__*/React__default.default.createElement("div", {
+    className: clsx__default.default('page__wrapper', alignDirectionClass, alignClass, 'content'),
+    style: wrapperStyles
+  }, before, children, after));
+}
+Page.propTypes = {
+  children: PropTypes__default.default.any,
+  className: PropTypes__default.default.string,
+  before: PropTypes__default.default.string,
+  after: PropTypes__default.default.string,
+  id: PropTypes__default.default.string,
+  fill: PropTypes__default.default.oneOf(fill.default),
+  fillMobile: PropTypes__default.default.oneOf(fill.default),
+  fillTablet: PropTypes__default.default.oneOf(fill.default),
+  fillDesktop: PropTypes__default.default.oneOf(fill.default),
+  type: PropTypes__default.default.string,
+  tag: PropTypes__default.default.string,
+  position: PropTypes__default.default.oneOf(position.default),
+  positionMobile: PropTypes__default.default.oneOf(position.default),
+  positionTablet: PropTypes__default.default.oneOf(position.default),
+  positionDesktop: PropTypes__default.default.oneOf(position.default),
+  wrapperPosition: PropTypes__default.default.oneOf(position.default),
+  wrapperPositionMobile: PropTypes__default.default.oneOf(position.default),
+  wrapperPositionTablet: PropTypes__default.default.oneOf(position.default),
+  wrapperPositionDesktop: PropTypes__default.default.oneOf(position.default),
+  horizontalResizing: PropTypes__default.default.oneOf(horizontalResizeMode.default),
+  horizontalResizingMobile: PropTypes__default.default.oneOf(horizontalResizeMode.default),
+  horizontalResizingTablet: PropTypes__default.default.oneOf(horizontalResizeMode.default),
+  horizontalResizingDesktop: PropTypes__default.default.oneOf(horizontalResizeMode.default),
+  verticalResizing: PropTypes__default.default.oneOf(verticalResizeMode.default),
+  verticalResizingMobile: PropTypes__default.default.oneOf(verticalResizeMode.default),
+  verticalResizingTablet: PropTypes__default.default.oneOf(verticalResizeMode.default),
+  verticalResizingDesktop: PropTypes__default.default.oneOf(verticalResizeMode.default),
+  align: PropTypes__default.default.oneOf(align.default),
+  alignMobile: PropTypes__default.default.oneOf(align.default),
+  alignTablet: PropTypes__default.default.oneOf(align.default),
+  alignDesktop: PropTypes__default.default.oneOf(align.default),
+  alignDirection: PropTypes__default.default.oneOf(alignDirection.default),
+  alignDirectionMobile: PropTypes__default.default.oneOf(alignDirection.default),
+  alignDirectionTablet: PropTypes__default.default.oneOf(alignDirection.default),
+  alignDirectionDesktop: PropTypes__default.default.oneOf(alignDirection.default)
+};
+Page.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Page",
+  "props": {
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "before": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "after": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "id": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "fill": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "type": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "tag": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "position": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "positionMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "positionTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "positionDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "wrapperPosition": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "wrapperPositionMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "wrapperPositionTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "wrapperPositionDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "positionProps"
+      },
+      "required": false
+    },
+    "horizontalResizing": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "horizontalResizeModeProps"
+      },
+      "required": false
+    },
+    "horizontalResizingMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "horizontalResizeModeProps"
+      },
+      "required": false
+    },
+    "horizontalResizingTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "horizontalResizeModeProps"
+      },
+      "required": false
+    },
+    "horizontalResizingDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "horizontalResizeModeProps"
+      },
+      "required": false
+    },
+    "verticalResizing": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "verticalResizeModeProps"
+      },
+      "required": false
+    },
+    "verticalResizingMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "verticalResizeModeProps"
+      },
+      "required": false
+    },
+    "verticalResizingTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "verticalResizeModeProps"
+      },
+      "required": false
+    },
+    "verticalResizingDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "verticalResizeModeProps"
+      },
+      "required": false
+    },
+    "align": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "alignProps"
+      },
+      "required": false
+    },
+    "alignMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "alignProps"
+      },
+      "required": false
+    },
+    "alignTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "alignProps"
+      },
+      "required": false
+    },
+    "alignDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "alignProps"
+      },
+      "required": false
+    },
+    "alignDirection": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "alignDirectionProps"
+      },
+      "required": false
+    },
+    "alignDirectionMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "alignDirectionProps"
+      },
+      "required": false
+    },
+    "alignDirectionTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "alignDirectionProps"
+      },
+      "required": false
+    },
+    "alignDirectionDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "alignDirectionProps"
+      },
+      "required": false
+    }
+  }
+};
+
+exports.Page = Page;

package/dist/components/Pagination.js

@@ -65,9 +65,9 @@ function Pagination(props) {
     ,
     pageClassName: "pagination__item",
     pageLinkClassName: "pagination__item-link",
-    disabledClassName: "pagination__item_state_disabled",
+    disabledClassName: "pagination__item_state_disabled cursor_type_default",
     disabledLinkClassName: "pagination__item_state_disabled",
-    activeClassName: "pagination__item_state_active",
+    activeClassName: "pagination__item_state_active cursor_type_default",
     activeLinkClassName: "pagination__item-link_state_active"
     // previous button
     ,
@@ -99,5 +99,33 @@ Pagination.defaultProps = {
   perPageCount: 0,
   allItemsCount: 0
 };
+Pagination.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Pagination",
+  "props": {
+    "pageNumber": {
+      "defaultValue": {
+        "value": "0",
+        "computed": false
+      },
+      "required": false
+    },
+    "perPageCount": {
+      "defaultValue": {
+        "value": "0",
+        "computed": false
+      },
+      "required": false
+    },
+    "allItemsCount": {
+      "defaultValue": {
+        "value": "0",
+        "computed": false
+      },
+      "required": false
+    }
+  }
+};
 
 exports.Pagination = Pagination;

package/dist/components/RadioButton.js

@@ -126,6 +126,34 @@ RadioButton.defaultProps = {
   shape: 'circular',
   tag: 'label'
 };
+RadioButton.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "RadioButton",
+  "props": {
+    "shape": {
+      "defaultValue": {
+        "value": "'circular'",
+        "computed": false
+      },
+      "required": false
+    },
+    "tag": {
+      "defaultValue": {
+        "value": "'label'",
+        "computed": false
+      },
+      "required": false
+    },
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    }
+  }
+};
 
 exports.RadioButton = RadioButton;
 exports.radioButtonConfig = radioButtonConfig;

package/dist/components/RangeSlider.js

@@ -121,5 +121,176 @@ RangeSlider.propTypes = {
   widthMobile: PropTypes__default.default.oneOf(width.default),
   widthTablet: PropTypes__default.default.oneOf(width.default)
 };
+RangeSlider.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "RangeSlider",
+  "props": {
+    "after": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "before": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "children": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    },
+    "className": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "desc": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "descSize": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "descTextColor": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "fill": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "fillTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
+    "set": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "shape": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "shapeDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "shapeMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "shapeTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
+    "width": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "widthProps"
+      },
+      "required": false
+    },
+    "widthDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "widthProps"
+      },
+      "required": false
+    },
+    "widthMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "widthProps"
+      },
+      "required": false
+    },
+    "widthTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "widthProps"
+      },
+      "required": false
+    }
+  }
+};
 
 exports.RangeSlider = RangeSlider;

package/dist/components/Scrollbar.js

@@ -49,5 +49,19 @@ function Scrollbar(props) {
 Scrollbar.defaultProps = {
   scrollHeight: '200px'
 };
+Scrollbar.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Scrollbar",
+  "props": {
+    "scrollHeight": {
+      "defaultValue": {
+        "value": "'200px'",
+        "computed": false
+      },
+      "required": false
+    }
+  }
+};
 
 exports.Scrollbar = Scrollbar;