@itcase/ui 1.1.7 → 1.1.8

package/dist/NotificationList-KbxjrO3o.js

@@ -1,245 +0,0 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { T as Text } from './Text-DffpwlYq.js';
-import { Title } from './components/Title.js';
-import './Group-DhYXDvAJ.js';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useNotifications, useNotificationsAPI } from './context/Notifications.js';
-
-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(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('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 && `fill_${notificationItemConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase()),
-    "data-tour": dataTour
-  }, before, /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'notification__item-wrapper')
-  }, title && /*#__PURE__*/React__default.createElement(Title, {
-    className: "notification__item-title",
-    size: titleTextSize,
-    textColor: titleTextColor || notificationItemConfig.appearance[appearance]?.titleTextColor && notificationItemConfig.appearance[appearance].titleTextColor.replace(/([A-Z])/g, '-$1').toLowerCase()
-  }, title), text && /*#__PURE__*/React__default.createElement(Text, {
-    className: "notification__item-text",
-    size: textSize,
-    textColor: textColor || notificationItemConfig.appearance[appearance]?.textColor && notificationItemConfig.appearance[appearance].textColor.replace(/([A-Z])/g, '-$1').toLowerCase()
-  }, text), closeButton && /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('notification__item-close', onClickClose && 'cursor_type_pointer'),
-    onClick: () => onClickClose && onClickClose(id)
-  }, closeButton)), after);
-}
-NotificationItem.propTypes = {
-  className: PropTypes.string,
-  type: PropTypes.string,
-  set: PropTypes.string,
-  status: PropTypes.string,
-  text: PropTypes.string,
-  title: PropTypes.string,
-  after: PropTypes.any,
-  before: PropTypes.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 = useNotifications();
-  const {
-    hideNotifications
-  } = useNotificationsAPI();
-  const {
-    className,
-    size,
-    type,
-    set,
-    closeButton
-  } = props;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx('notification', className)
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "notification__wrapper"
-  }, notifications.map((notification, i) => /*#__PURE__*/React__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.string,
-  type: PropTypes.string,
-  set: PropTypes.string,
-  textColor: PropTypes.string,
-  textSize: PropTypes.string,
-  titleColor: PropTypes.string,
-  titleSize: PropTypes.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
-    }
-  }
-};
-
-export { NotificationItem as N, NotificationList as a, notificationItemConfig as n };