@itcase/ui 1.1.6 → 1.1.8

package/dist/cjs/components/Notification/Notification.interface.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillPropsType, sizePropsType, textColorPropsType, textSizePropsType, titleSizePropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface INotificationItemThemeColor {
+    fill?: fillPropsType;
+    size?: sizePropsType;
+    textSize?: textSizePropsType;
+    textColor?: textColorPropsType;
+    titleTextSize?: titleSizePropsType;
+    titleTextColor?: textColorPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type notificationItemAppearanceType = {
+    [key in appearanceKeysType]?: INotificationItemThemeColor;
+};
+export interface INotificationItemConfig {
+    appearance: notificationItemAppearanceType | undefined;
+    setAppearance: (newComponent: notificationItemAppearanceType) => void;
+}
+export interface INotificationItemProps extends TypeStyleAttributes {
+    id?: number | string;
+    appearance?: appearanceKeysType;
+    className?: string;
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    closeButton?: React.ReactNode;
+    set?: string;
+    status?: string;
+    size?: sizePropsType;
+    dataTour?: string;
+    text?: string;
+    textSize?: textSizePropsType;
+    textColor?: textColorPropsType;
+    title?: string;
+    titleTextSize?: titleSizePropsType;
+    titleTextColor?: textColorPropsType;
+    type?: string;
+    onClickClose?: (id?: number | string) => void;
+    fill?: fillPropsType;
+}
+export interface INotificationListProps {
+    className?: string;
+    size?: sizePropsType;
+    type?: string;
+    set?: string;
+    closeButton?: React.ReactNode;
+}
+export {};

package/dist/cjs/components/Notification/NotificationItem.d.ts

@@ -0,0 +1,10 @@
+import { INotificationItemConfig, INotificationItemProps } from './Notification.interface';
+declare const notificationItemConfig: INotificationItemConfig;
+declare function NotificationItem(props: INotificationItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NotificationItem {
+    var defaultProps: {
+        titleTextSize: string;
+        textSize: string;
+    };
+}
+export { NotificationItem, notificationItemConfig };

package/dist/cjs/components/Notification/NotificationList.d.ts

@@ -0,0 +1,3 @@
+import { INotificationListProps } from './Notification.interface';
+declare function NotificationList(props: INotificationListProps): import("react/jsx-runtime").JSX.Element;
+export { NotificationList };

package/dist/cjs/components/Notification/index.d.ts

@@ -0,0 +1,3 @@
+import { NotificationItem, notificationItemConfig } from './NotificationItem';
+import { NotificationList } from './NotificationList';
+export { NotificationList, NotificationItem, notificationItemConfig };

package/dist/cjs/components/Notification.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var NotificationList = require('../NotificationList-DnI8DqyE.js');
+require('../jsx-runtime-BCmQOGxJ.js');
+require('react');
+require('clsx');
+require('../context/Notifications.js');
+require('prop-types');
+require('uuid');
+require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
+require('lodash/camelCase');
+require('../context/UIContext.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
+require('../Text-D7Aq1i5R.js');
+require('../hooks/useStyles.js');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+require('./Title.js');
+require('../constants/componentProps/fill.js');
+require('../constants/componentProps/textAlign.js');
+require('../constants/componentProps/textColor.js');
+require('../constants/componentProps/textGradient.js');
+require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textWeight.js');
+require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/type.js');
+require('../constants/componentProps/wrap.js');
+
+
+
+exports.NotificationItem = NotificationList.NotificationItem;
+exports.NotificationList = NotificationList.NotificationList;
+exports.notificationItemConfig = NotificationList.notificationItemConfig;

package/dist/cjs/components/Overlay.js

@@ -0,0 +1,197 @@
+'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);
+
+function Overlay(props) {
+  const {
+    className,
+    isOverlay,
+    type
+  } = props;
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  const fillGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill-gradient_',
+    propsKey: 'fillGradient'
+  });
+  const opacityClass = useDeviceTargetClass.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),
+    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
+};
+Overlay.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Overlay",
+  "props": {
+    "className": {
+      "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
+    },
+    "fillGradient": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillGradientProps"
+      },
+      "required": false
+    },
+    "fillGradientMobile": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillGradientProps"
+      },
+      "required": false
+    },
+    "fillGradientTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillGradientProps"
+      },
+      "required": false
+    },
+    "fillGradientDesktop": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillGradientProps"
+      },
+      "required": false
+    },
+    "opacity": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "opacityDesktop": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "opacityMobile": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "opacityTablet": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "type": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
+    "isOverlay": {
+      "description": "",
+      "type": {
+        "name": "any"
+      },
+      "required": false
+    }
+  }
+};
+
+exports.Overlay = Overlay;