@itcase/ui 1.1.8 → 1.1.10

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

@@ -1,14 +1,14 @@
-import React from 'react';
+import { ReactNode } 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;
+    textSize?: textSizePropsType;
     titleTextColor?: textColorPropsType;
+    titleTextSize?: titleSizePropsType;
 }
 type appearanceKeysType = appearanceKeysDefaultType & {};
 export type notificationItemAppearanceType = {
@@ -19,31 +19,31 @@ export interface INotificationItemConfig {
     setAppearance: (newComponent: notificationItemAppearanceType) => void;
 }
 export interface INotificationItemProps extends TypeStyleAttributes {
-    id?: number | string;
+    after?: ReactNode;
     appearance?: appearanceKeysType;
+    before?: ReactNode;
     className?: string;
-    after?: React.ReactNode;
-    before?: React.ReactNode;
-    closeButton?: React.ReactNode;
+    closeButton?: ReactNode;
+    dataTour?: string;
+    id?: number | string;
     set?: string;
-    status?: string;
     size?: sizePropsType;
-    dataTour?: string;
+    status?: string;
     text?: string;
-    textSize?: textSizePropsType;
     textColor?: textColorPropsType;
+    textSize?: textSizePropsType;
     title?: string;
-    titleTextSize?: titleSizePropsType;
     titleTextColor?: textColorPropsType;
+    titleTextSize?: titleSizePropsType;
     type?: string;
     onClickClose?: (id?: number | string) => void;
     fill?: fillPropsType;
 }
 export interface INotificationListProps {
     className?: string;
+    closeButton?: ReactNode;
+    set?: string;
     size?: sizePropsType;
     type?: string;
-    set?: string;
-    closeButton?: React.ReactNode;
 }
 export {};

package/dist/components/Notification.js

@@ -1,5 +1,5 @@
-export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from '../NotificationList-CJyEnxWw.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from '../NotificationList-D_NNtwS1.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
 import '../context/Notifications.js';
@@ -11,18 +11,9 @@ import 'lodash/camelCase';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Text-BcGbRc14.js';
+import '../Text-edtauAM6.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';
+import '../Title-BUN57fWw.js';

package/dist/components/Overlay/Overlay.d.ts

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

package/dist/components/Overlay/Overlay.interface.d.ts

@@ -0,0 +1,10 @@
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillGradientPropsType, fillPropsType } from '../../types';
+export interface IOverlayProps extends TypeStyleAttributes {
+    className?: string;
+    fill?: fillPropsType;
+    fillGradient?: fillGradientPropsType;
+    opacity?: string;
+    type?: string;
+    isOverlay?: boolean;
+}

package/dist/components/Overlay/index.d.ts

@@ -0,0 +1 @@
+export { Overlay } from './Overlay';

package/dist/components/Overlay.js

@@ -1,189 +1,15 @@
-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';
+export { O as Overlay } from '../Overlay-C4gCb0sL.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-
-function Overlay(props) {
-  const {
-    className,
-    isOverlay,
-    type
-  } = props;
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillGradientClass = useDeviceTargetClass(props, {
-    prefix: 'fill-gradient_',
-    propsKey: 'fillGradient'
-  });
-  const opacityClass = useDeviceTargetClass(props, {
-    prefix: 'opacity_',
-    propsKey: 'opacity'
-  });
-  const {
-    styles: overlayStyles
-  } = 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.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": "",
-  "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
-    }
-  }
-};
-
-export { Overlay };

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,13 @@
+import { IPaginationProps } from './Pagination.interface';
+declare function Pagination(props: IPaginationProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Pagination {
+    var defaultProps: {
+        pageNumber: number;
+        perPageCount: number;
+        allItemsCount: number;
+        pageCountArray: number[];
+        isPageCountDropdownReversed: boolean;
+        pageCountDropdownItemLabelColorActive: string;
+    };
+}
+export { Pagination };

package/dist/components/Pagination/Pagination.interface.d.ts

@@ -0,0 +1,46 @@
+import { type ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignmentPropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, iconFillSizePropsType, itemColorPropsType, shapePropsType, sizePropsType, textAlignPropsType, textColorActivePropsType, textColorPropsType, textSizePropsType, textWrapPropsType } from '../../types';
+export interface IPaginationProps extends TypeStyleAttributes {
+    allItemsCount?: number;
+    className?: string;
+    marginPagesDisplayed?: number;
+    nextLabel?: ReactNode;
+    pageCountArray?: number[];
+    pageCountDesc?: string;
+    pageCountDropdownItemLabelAlign?: textAlignPropsType;
+    pageCountDropdownItemWidth?: string;
+    pageCountDescTextColor?: textColorPropsType;
+    pageCountDescTextSize?: textSizePropsType;
+    pageCountDropdownAlignment?: alignmentPropsType;
+    pageCountDropdownElevation?: elevationPropsType;
+    pageCountDropdownFill?: fillPropsType;
+    pageCountDropdownItemDividerDirection?: directionPropsType;
+    pageCountDropdownItemDividerFill?: fillPropsType;
+    pageCountDropdownItemDividerSize?: sizePropsType;
+    pageCountDropdownItemFill?: fillPropsType;
+    pageCountDropdownItemFillActive?: fillPropsType;
+    pageCountDropdownItemFillActiveHover?: fillHoverPropsType;
+    pageCountDropdownItemFillHover?: fillHoverPropsType;
+    pageCountDropdownItemLabelColor?: textColorPropsType;
+    pageCountDropdownItemLabelColorActive?: textColorActivePropsType;
+    pageCountDropdownItemLabelSize?: textSizePropsType;
+    pageCountDropdownItemLabelWrap?: textWrapPropsType;
+    pageCountDropdownItemSize?: sizePropsType;
+    pageCountDropdownItemShowDivider?: boolean;
+    pageCountDropdownSet?: string;
+    pageCountDropdownShape?: shapePropsType;
+    pageCountInputIcon?: ReactNode;
+    pageCountInputIconColor?: itemColorPropsType;
+    pageCountInputIconFillSize?: iconFillSizePropsType;
+    pageCountInputTextColor?: textColorPropsType;
+    pageCountInputTextSize?: textSizePropsType;
+    pageNumber: string;
+    pageRangeDisplayed?: number;
+    perPageCount?: number;
+    previousLabel?: ReactNode;
+    isPageCount?: boolean;
+    isPageCountDropdownReversed?: boolean;
+    onPageChange?: () => void;
+    onPerPageCountChange?: (perPageCount: number) => void;
+}

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1 @@
+export { Pagination } from './Pagination';