@itcase/ui 1.2.13 → 1.2.14

package/dist/types/context/Notifications.interface.d.ts

@@ -0,0 +1,25 @@
+import type { tId } from '@itcase/common';
+interface iNotification {
+    id: tId;
+    _closeTimeout?: ReturnType<typeof setTimeout>;
+    closeByTime: number | false;
+    status: 'error' | 'info' | 'success' | 'warning';
+    text: string;
+    textColor: string;
+    title: string;
+    onClose?: () => void;
+}
+interface iCreatedNotification {
+    id?: iNotification['id'];
+    closeByTime?: iNotification['closeByTime'];
+    status?: iNotification['status'];
+    text?: iNotification['text'];
+    textColor?: iNotification['textColor'];
+    title?: iNotification['title'];
+    onClose?: iNotification['onClose'];
+}
+interface iNotificationsProviderProps {
+    children: React.ReactNode;
+    initialNotificationsList: iCreatedNotification[];
+}
+export type { iNotification, iCreatedNotification, iNotificationsProviderProps };

package/dist/types/context/UIContext.d.ts

@@ -1,11 +1,12 @@
-export const UIProvider: React.NamedExoticComponent<object>;
-export function useUserDeviceContext(): {
+import React from 'react';
+declare function useUserDeviceContext(): {
     isMobile: boolean;
     isTablet: boolean;
     isDesktop: boolean;
 };
-export function useSiteMenuContext(): {
+declare function useSiteMenuContext(): {
     isSiteMenuOpen: boolean;
     setIsSiteMenuOpen: () => void;
 };
-import React from 'react';
+declare const UIProvider: React.NamedExoticComponent<object>;
+export { UIProvider, useUserDeviceContext, useSiteMenuContext };

package/dist/types/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Notifications';
+export * from './UIContext';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.2.13",
+  "version": "1.2.14",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -37,9 +37,9 @@
     }
   },
   "exports": {
-    "./types/components/Modal/Modal.interface": {
-      "import": "./dist/types/components/Modal/Modal.interface.d.ts",
-      "types": "./dist/types/components/Modal/Modal.interface.d.ts"
+    "./types/components/*/*.interface": {
+      "import": "./dist/types/components/*/*.interface.d.ts",
+      "types": "./dist/types/components/*/*.interface.d.ts"
     },
     "./components/*": {
       "import": "./dist/components/*.js",
@@ -90,18 +90,18 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.2.10",
+    "@itcase/common": "^1.2.11",
     "clsx": "^2.1.1",
     "html5-boilerplate": "^9.0.1",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "luxon": "^3.5.0",
     "prop-types": "^15.8.1",
-    "rc-slider": "^11.1.5",
+    "rc-slider": "^11.1.6",
     "react": "^18.3.1",
     "react-dadata": "^2.23.3",
     "react-date-range": "^2.0.1",
-    "react-datepicker": "^7.3.0",
+    "react-datepicker": "^7.4.0",
     "react-dom": "^18.3.1",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
     "react-inlinesvg": "^4.1.3",
@@ -111,7 +111,7 @@
     "react-responsive": "^10.0.0",
     "react-scroll": "^1.9.0",
     "react-scrollbars-custom": "^4.1.1",
-    "react-select": "^5.8.0",
+    "react-select": "^5.8.1",
     "swiper": "^11.1.14",
     "uuid": "^10.0.0"
   },
@@ -125,26 +125,27 @@
     "@commitlint/config-conventional": "^19.5.0",
     "@itcase/lint": "^1.0.13",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-commonjs": "^28.0.0",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
+    "@rollup/plugin-typescript": "^12.1.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.1",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.7",
+    "@types/lodash": "^4.17.9",
     "@types/react": "^18",
     "@types/react-datepicker": "^7.0.0",
     "@types/react-dom": "^18.3.0",
     "@types/react-scroll": "^1.8.10",
+    "@types/uuid": "^10.0.0",
     "babel-loader": "^9.2.1",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^8.0.0",
-    "eslint": "9.10.0",
+    "eslint": "9.11.1",
     "husky": "^9.1.6",
     "lint-staged": "^15.2.10",
     "npm": "^10.8.3",
@@ -161,22 +162,22 @@
     "postcss-hexrgba": "^2.1.0",
     "postcss-import": "^16.1.0",
     "postcss-import-ext-glob": "^2.1.1",
-    "postcss-mixins": "^11.0.1",
+    "postcss-mixins": "^11.0.2",
     "postcss-nested": "^6.2.0",
     "postcss-nested-ancestors": "^3.0.0",
-    "postcss-normalize": "^13.0.0",
+    "postcss-normalize": "^13.0.1",
     "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^10.0.3",
+    "postcss-preset-env": "^10.0.5",
     "postcss-pxtorem": "^6.1.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
     "prettier": "^3.3.3",
-    "rollup": "^4.21.3",
+    "rollup": "^4.22.5",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.1",
-    "semantic-release": "^24.1.1",
+    "semantic-release": "^24.1.2",
     "stylelint": "^16.9.0",
     "typescript": "^5.6.2"
   }

package/dist/cjs/components/Page.js

@@ -1,416 +0,0 @@
-'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 Page(props) {
-  const {
-    after,
-    before,
-    children,
-    className,
-    id,
-    tag: Tag,
-    type
-  } = props;
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'alignDirection'
-  });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'align'
-  });
-  const resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'wrapper_resize-horizontal_',
-    propsKey: 'horizontalResizing'
-  });
-  const resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'wrapper_resize-vertical_',
-    propsKey: 'verticalResizing'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'position_',
-    propsKey: 'position'
-  });
-  const {
-    styles,
-    wrapper: wrapperStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: clsx('page', className, type && `${className}_type_${type}`, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
-    style: styles
-  }, /*#__PURE__*/React.createElement("div", {
-    className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'),
-    style: wrapperStyles
-  }, before, children, after));
-}
-Page.propTypes = {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  before: PropTypes.string,
-  after: PropTypes.string,
-  id: PropTypes.string,
-  fill: PropTypes.oneOf(fill.default),
-  fillMobile: PropTypes.oneOf(fill.default),
-  fillTablet: PropTypes.oneOf(fill.default),
-  fillDesktop: PropTypes.oneOf(fill.default),
-  type: PropTypes.string,
-  tag: PropTypes.string,
-  position: PropTypes.oneOf(position.default),
-  positionMobile: PropTypes.oneOf(position.default),
-  positionTablet: PropTypes.oneOf(position.default),
-  positionDesktop: PropTypes.oneOf(position.default),
-  wrapperPosition: PropTypes.oneOf(position.default),
-  wrapperPositionMobile: PropTypes.oneOf(position.default),
-  wrapperPositionTablet: PropTypes.oneOf(position.default),
-  wrapperPositionDesktop: PropTypes.oneOf(position.default),
-  horizontalResizing: PropTypes.oneOf(horizontalResizeMode.default),
-  horizontalResizingMobile: PropTypes.oneOf(horizontalResizeMode.default),
-  horizontalResizingTablet: PropTypes.oneOf(horizontalResizeMode.default),
-  horizontalResizingDesktop: PropTypes.oneOf(horizontalResizeMode.default),
-  verticalResizing: PropTypes.oneOf(verticalResizeMode.default),
-  verticalResizingMobile: PropTypes.oneOf(verticalResizeMode.default),
-  verticalResizingTablet: PropTypes.oneOf(verticalResizeMode.default),
-  verticalResizingDesktop: PropTypes.oneOf(verticalResizeMode.default),
-  align: PropTypes.oneOf(align.default),
-  alignMobile: PropTypes.oneOf(align.default),
-  alignTablet: PropTypes.oneOf(align.default),
-  alignDesktop: PropTypes.oneOf(align.default),
-  alignDirection: PropTypes.oneOf(alignDirection.default),
-  alignDirectionMobile: PropTypes.oneOf(alignDirection.default),
-  alignDirectionTablet: PropTypes.oneOf(alignDirection.default),
-  alignDirectionDesktop: PropTypes.oneOf(alignDirection.default)
-};
-Page.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Page",
-  "props": {
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "id": {
-      "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
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "tag": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "position": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPosition": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPositionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPositionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPositionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "horizontalResizing": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "horizontalResizingMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "horizontalResizingTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "horizontalResizingDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizing": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizingMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizingTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizingDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "align": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignDirection": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    }
-  }
-};
-
-exports.Page = Page;