@itcase/ui 1.1.6 → 1.1.8

package/dist/components/Notification.js

@@ -1,281 +1,28 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var index$1 = require('./Text.js');
-var index = require('./Title.js');
-require('./Group.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Notifications = require('../context/Notifications.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textWeight.js');
-require('../hooks/useStyles.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('lodash/castArray');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/direction.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/stacking.js');
-require('../constants/componentProps/width.js');
-require('uuid');
-
-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);
-
-const notificationItemConfig = {
-  appearance: {},
-  setAppearance: newComponent => {
-    notificationItemConfig.appearance = newComponent;
-  }
-};
-function NotificationItem(props) {
-  const {
-    id,
-    appearance,
-    closeButton,
-    after,
-    before,
-    set,
-    status,
-    size,
-    dataTour,
-    text,
-    textSize,
-    textColor,
-    title,
-    titleTextSize,
-    titleTextColor,
-    onClickClose,
-    className
-  } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('notification__item', status && `notification__item_status_${status}`, set && `notification__item_set_${set}`, size && `notification__item_set_${size}`, closeButton && 'notification__item_type_close-button', fillClass || notificationItemConfig.appearance[appearance] && `fill_${notificationItemConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase()),
-    "data-tour": dataTour
-  }, before, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'notification__item-wrapper')
-  }, title && /*#__PURE__*/React__default.default.createElement(index.Title, {
-    className: "notification__item-title",
-    size: titleTextSize,
-    textColor: titleTextColor || notificationItemConfig.appearance[appearance] && notificationItemConfig.appearance[appearance].titleTextColor.replace(/([A-Z])/g, '-$1').toLowerCase()
-  }, title), text && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
-    className: "notification__item-text",
-    size: textSize,
-    textColor: textColor || notificationItemConfig.appearance[appearance] && notificationItemConfig.appearance[appearance].textColor.replace(/([A-Z])/g, '-$1').toLowerCase()
-  }, text), closeButton && /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('notification__item-close', onClickClose && 'cursor_type_pointer'),
-    onClick: () => onClickClose && onClickClose(id)
-  }, closeButton)), after);
-}
-NotificationItem.propTypes = {
-  className: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
-  set: PropTypes__default.default.string,
-  status: PropTypes__default.default.string,
-  text: PropTypes__default.default.string,
-  title: PropTypes__default.default.string,
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any
-};
-NotificationItem.defaultProps = {
-  titleTextSize: 'h5',
-  textSize: 's'
-};
-NotificationItem.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "NotificationItem",
-  "props": {
-    "titleTextSize": {
-      "defaultValue": {
-        "value": "'h5'",
-        "computed": false
-      },
-      "required": false
-    },
-    "textSize": {
-      "defaultValue": {
-        "value": "'s'",
-        "computed": false
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "set": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "status": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "text": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "title": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    }
-  }
-};
-
-function NotificationList(props) {
-  const notifications = Notifications.useNotifications();
-  const {
-    hideNotifications
-  } = Notifications.useNotificationsAPI();
-  const {
-    className,
-    size,
-    type,
-    set,
-    closeButton
-  } = props;
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('notification', className)
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: "notification__wrapper"
-  }, notifications.map((notification, i) => /*#__PURE__*/React__default.default.createElement(NotificationItem, {
-    key: i,
-    id: notification.id,
-    type: notification.type || type,
-    set: notification.set || set,
-    size: notification.size || size,
-    title: notification.title,
-    text: notification.text,
-    status: notification.status,
-    closeButton: closeButton,
-    onClickClose: hideNotifications
-  }))));
-}
-NotificationList.propTypes = {
-  className: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
-  set: PropTypes__default.default.string,
-  textColor: PropTypes__default.default.string,
-  textSize: PropTypes__default.default.string,
-  titleColor: PropTypes__default.default.string,
-  titleSize: PropTypes__default.default.string
-};
-NotificationList.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "NotificationList",
-  "props": {
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "set": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "titleColor": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "titleSize": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    }
-  }
-};
-
-exports.NotificationItem = NotificationItem;
-exports.NotificationList = NotificationList;
-exports.notificationItemConfig = notificationItemConfig;
+export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from '../NotificationList-CJyEnxWw.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'react';
+import 'clsx';
+import '../context/Notifications.js';
+import 'prop-types';
+import 'uuid';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../Text-BcGbRc14.js';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import './Title.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/wrap.js';

package/dist/components/Overlay.js

@@ -1,26 +1,18 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var fill = require('../constants/componentProps/fill.js');
-var fillGradient = require('../constants/componentProps/fillGradient.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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import fillProps from '../constants/componentProps/fill.js';
+import fillGradientProps from '../constants/componentProps/fillGradient.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 
 function Overlay(props) {
   const {
@@ -28,42 +20,42 @@ function Overlay(props) {
     isOverlay,
     type
   } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const fillGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillGradientClass = useDeviceTargetClass(props, {
     prefix: 'fill-gradient_',
     propsKey: 'fillGradient'
   });
-  const opacityClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const opacityClass = useDeviceTargetClass(props, {
     prefix: 'opacity_',
     propsKey: 'opacity'
   });
   const {
     styles: overlayStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'overlay', opacityClass, isOverlay && 'overlay_state_visible', type && `${className}_type_${type}`, fillClass, fillGradientClass),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'overlay', opacityClass, isOverlay && 'overlay_state_visible', type && `${className}_type_${type}`, fillClass, fillGradientClass),
     style: overlayStyles
   }, "\xA0");
 }
 Overlay.propTypes = {
-  className: 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),
-  fillGradient: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientMobile: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientTablet: PropTypes__default.default.oneOf(fillGradient.default),
-  fillGradientDesktop: PropTypes__default.default.oneOf(fillGradient.default),
-  opacity: PropTypes__default.default.string,
-  opacityDesktop: PropTypes__default.default.string,
-  opacityMobile: PropTypes__default.default.string,
-  opacityTablet: PropTypes__default.default.string,
-  type: PropTypes__default.default.string,
-  isOverlay: PropTypes__default.default.any
+  className: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillGradient: PropTypes.oneOf(fillGradientProps),
+  fillGradientMobile: PropTypes.oneOf(fillGradientProps),
+  fillGradientTablet: PropTypes.oneOf(fillGradientProps),
+  fillGradientDesktop: PropTypes.oneOf(fillGradientProps),
+  opacity: PropTypes.string,
+  opacityDesktop: PropTypes.string,
+  opacityMobile: PropTypes.string,
+  opacityTablet: PropTypes.string,
+  type: PropTypes.string,
+  isOverlay: PropTypes.any
 };
 Overlay.__docgenInfo = {
   "description": "",
@@ -194,4 +186,4 @@ Overlay.__docgenInfo = {
   }
 };
 
-exports.Overlay = Overlay;
+export { Overlay };

package/dist/components/Page.js

@@ -1,30 +1,22 @@
-'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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import alignDirectionProps from '../constants/componentProps/alignDirection.js';
+import alignProps from '../constants/componentProps/align.js';
+import fillProps from '../constants/componentProps/fill.js';
+import horizontalResizeModeProps from '../constants/componentProps/horizontalResizeMode.js';
+import positionProps from '../constants/componentProps/position.js';
+import verticalResizeModeProps from '../constants/componentProps/verticalResizeMode.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 
 function Page(props) {
   const {
@@ -36,79 +28,79 @@ function Page(props) {
     tag: Tag,
     type
   } = props;
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignDirectionClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'alignDirection'
   });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const alignClass = useDeviceTargetClass(props, {
     prefix: 'align_',
     propsKey: 'align'
   });
-  const resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const resizeHorizontalClass = useDeviceTargetClass(props, {
     prefix: 'wrapper_resize-horizontal_',
     propsKey: 'horizontalResizing'
   });
-  const resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const resizeVerticalClass = useDeviceTargetClass(props, {
     prefix: 'wrapper_resize-vertical_',
     propsKey: 'verticalResizing'
   });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const positionClass = useDeviceTargetClass(props, {
     prefix: 'position_',
     propsKey: 'position'
   });
   const {
     styles,
     wrapper: wrapperStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
     id: id,
-    className: clsx__default.default('page', className, type && `${className}_type_${type}`, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
+    className: clsx('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'),
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('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)
+  children: PropTypes.any,
+  className: PropTypes.string,
+  before: PropTypes.string,
+  after: PropTypes.string,
+  id: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  type: PropTypes.string,
+  tag: PropTypes.string,
+  position: PropTypes.oneOf(positionProps),
+  positionMobile: PropTypes.oneOf(positionProps),
+  positionTablet: PropTypes.oneOf(positionProps),
+  positionDesktop: PropTypes.oneOf(positionProps),
+  wrapperPosition: PropTypes.oneOf(positionProps),
+  wrapperPositionMobile: PropTypes.oneOf(positionProps),
+  wrapperPositionTablet: PropTypes.oneOf(positionProps),
+  wrapperPositionDesktop: PropTypes.oneOf(positionProps),
+  horizontalResizing: PropTypes.oneOf(horizontalResizeModeProps),
+  horizontalResizingMobile: PropTypes.oneOf(horizontalResizeModeProps),
+  horizontalResizingTablet: PropTypes.oneOf(horizontalResizeModeProps),
+  horizontalResizingDesktop: PropTypes.oneOf(horizontalResizeModeProps),
+  verticalResizing: PropTypes.oneOf(verticalResizeModeProps),
+  verticalResizingMobile: PropTypes.oneOf(verticalResizeModeProps),
+  verticalResizingTablet: PropTypes.oneOf(verticalResizeModeProps),
+  verticalResizingDesktop: PropTypes.oneOf(verticalResizeModeProps),
+  align: PropTypes.oneOf(alignProps),
+  alignMobile: PropTypes.oneOf(alignProps),
+  alignTablet: PropTypes.oneOf(alignProps),
+  alignDesktop: PropTypes.oneOf(alignProps),
+  alignDirection: PropTypes.oneOf(alignDirectionProps),
+  alignDirectionMobile: PropTypes.oneOf(alignDirectionProps),
+  alignDirectionTablet: PropTypes.oneOf(alignDirectionProps),
+  alignDirectionDesktop: PropTypes.oneOf(alignDirectionProps)
 };
 Page.__docgenInfo = {
   "description": "",
@@ -419,4 +411,4 @@ Page.__docgenInfo = {
   }
 };
 
-exports.Page = Page;
+export { Page };