@itcase/ui 1.1.7 → 1.1.8

package/dist/cjs/NotificationList-B6QbYA9H.js

@@ -1,255 +0,0 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var Text = require('./Text-CfBPhwqK.js');
-var index = require('./components/Title.js');
-require('./Group-DbzIk8kt.js');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Notifications = require('./context/Notifications.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);
-
-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 && `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]?.titleTextColor && notificationItemConfig.appearance[appearance].titleTextColor.replace(/([A-Z])/g, '-$1').toLowerCase()
-  }, title), text && /*#__PURE__*/React__default.default.createElement(Text.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.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;

package/dist/cjs/constants-ts/componentProps/fill.d.ts

@@ -1 +0,0 @@
-export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary' | 'gradientPrimary';

package/dist/cjs/constants-ts/componentProps/fillHover.d.ts

@@ -1 +0,0 @@
-export type fillHoverPropsType = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';

package/dist/cjs/constants-ts/componentProps/flexGrow.d.ts

@@ -1 +0,0 @@
-export type flexGrowPropsType = 0 | 1;

package/dist/cjs/constants-ts/componentProps/iconSize.d.ts

@@ -1 +0,0 @@
-export type iconSizePropsType = '14' | '16' | '24' | '32' | '40' | '60' | '64' | '144';

package/dist/constants-ts/componentProps/fill.d.ts

@@ -1 +0,0 @@
-export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary' | 'gradientPrimary';

package/dist/constants-ts/componentProps/fillHover.d.ts

@@ -1 +0,0 @@
-export type fillHoverPropsType = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';

package/dist/constants-ts/componentProps/flexGrow.d.ts

@@ -1 +0,0 @@
-export type flexGrowPropsType = 0 | 1;

package/dist/constants-ts/componentProps/iconSize.d.ts

@@ -1 +0,0 @@
-export type iconSizePropsType = '14' | '16' | '24' | '32' | '40' | '60' | '64' | '144';