@itcase/ui-core 1.10.66 → 1.10.67

package/dist/cjs/hooks/index.js

@@ -5,6 +5,7 @@ var useAppearanceConfig = require('./useAppearanceConfig/useAppearanceConfig.js'
 var useDevicePropsGenerator = require('./useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useDeviceTargetClass = require('./useDeviceTargetClass.js');
 var useMediaQueries = require('./useMediaQueries/useMediaQueries.js');
+var styleAttributes = require('./useStyles/styleAttributes.js');
 var styleAttributes_helpers = require('./useStyles/styleAttributes.helpers.js');
 var useStyles = require('./useStyles/useStyles.js');
 var useViewportFix = require('./useViewportFix.js');
@@ -21,7 +22,6 @@ require('@itcase/common');
 require('../context/UIContext.js');
 require('../utils/setViewportProperty.js');
 require('../context/UrlAssetPrefix.js');
-require('./useStyles/styleAttributes.js');
 require('lodash/kebabCase');
 require('lodash/maxBy');
 require('react-responsive');
@@ -33,6 +33,7 @@ exports.useAppearanceConfig = useAppearanceConfig.useAppearanceConfig;
 exports.useDevicePropsGenerator = useDevicePropsGenerator.useDevicePropsGenerator;
 exports.useDeviceTargetClass = useDeviceTargetClass.useDeviceTargetClass;
 exports.useMediaQueries = useMediaQueries.useMediaQueries;
+exports.styleAttributes = styleAttributes.styleAttributes;
 exports.getStyleAttributeKey = styleAttributes_helpers.getStyleAttributeKey;
 exports.useStyles = useStyles.useStyles;
 exports.useViewportFix = useViewportFix.useViewportFix;

package/dist/cjs/hooks/useActiveClasses/useActiveClasses.helpers.js

@@ -84,8 +84,8 @@ const formatState = (key) => {
 // Examples:
 //  "myTestString"           -> "my-test-string"
 //  "borderColorActiveHover" -> "border-color-active-hover"
-const toKebabCase = (str) => {
-    return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+const toKebabCase = (string) => {
+    return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
 };
 
 exports.CLASS_RULES = CLASS_RULES;

package/dist/cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js

@@ -232,6 +232,6 @@ function useDevicePropsGenerator(componentProps, appearanceConfig) {
 }
 const defaultReplacePattern = [/([A-Z])/g, '-$1'];
 const defaultStringifiedReplacePattern = String(defaultReplacePattern);
-const styleAttributeKeysSet = new Set(styleAttributes.default.map((attr) => styleAttributes_helpers.getStyleAttributeKey(attr)));
+const styleAttributeKeysSet = new Set(styleAttributes.styleAttributes.map((attr) => styleAttributes_helpers.getStyleAttributeKey(attr)));
 
 exports.useDevicePropsGenerator = useDevicePropsGenerator;

package/dist/cjs/hooks/useStyles/index.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var styleAttributes = require('./styleAttributes.js');
 var styleAttributes_helpers = require('./styleAttributes.helpers.js');
 var useStyles = require('./useStyles.js');
 require('react');
@@ -16,9 +17,9 @@ require('../useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../../utils/setViewportProperty.js');
 require('../../context/UrlAssetPrefix.js');
-require('./styleAttributes.js');
 
 
 
+exports.styleAttributes = styleAttributes.styleAttributes;
 exports.getStyleAttributeKey = styleAttributes_helpers.getStyleAttributeKey;
 exports.useStyles = useStyles.useStyles;

package/dist/cjs/hooks/useStyles/styleAttributes.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleAttributes = [
+const styleAttributes = [
     /**
      * Layout
      */
@@ -177,4 +175,4 @@ var styleAttributes = [
     'pointerEvents',
 ];
 
-exports.default = styleAttributes;
+exports.styleAttributes = styleAttributes;

package/dist/cjs/hooks/useStyles/useStyles.js

@@ -200,7 +200,7 @@ const getTargetStyleAttributeKey = (styleKey, styleValue = '') => {
     }
     // Collect list of possible styles for propKey. e.g:
     // "borderLeftWidthWrapperInnerMobileNormal" to ["border", "borderLeftWidth"]
-    const possibleStyleAttributesList = styleAttributes.default.filter((styleAttribute) => {
+    const possibleStyleAttributesList = styleAttributes.styleAttributes.filter((styleAttribute) => {
         // Attribute can be array with key on first position and params on second
         if (Array.isArray(styleAttribute)) {
             // First item always attribute key (e.g. border, width, etc)

package/dist/hooks/index.js

@@ -3,6 +3,7 @@ export { useAppearanceConfig } from './useAppearanceConfig/useAppearanceConfig.j
 export { useDevicePropsGenerator } from './useDevicePropsGenerator/useDevicePropsGenerator.js';
 export { useDeviceTargetClass } from './useDeviceTargetClass.js';
 export { useMediaQueries } from './useMediaQueries/useMediaQueries.js';
+export { styleAttributes } from './useStyles/styleAttributes.js';
 export { getStyleAttributeKey } from './useStyles/styleAttributes.helpers.js';
 export { useStyles } from './useStyles/useStyles.js';
 export { useViewportFix } from './useViewportFix.js';
@@ -19,7 +20,6 @@ import '@itcase/common';
 import '../context/UIContext.js';
 import '../utils/setViewportProperty.js';
 import '../context/UrlAssetPrefix.js';
-import './useStyles/styleAttributes.js';
 import 'lodash/kebabCase';
 import 'lodash/maxBy';
 import 'react-responsive';

package/dist/hooks/useActiveClasses/useActiveClasses.helpers.js

@@ -82,8 +82,8 @@ const formatState = (key) => {
 // Examples:
 //  "myTestString"           -> "my-test-string"
 //  "borderColorActiveHover" -> "border-color-active-hover"
-const toKebabCase = (str) => {
-    return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+const toKebabCase = (string) => {
+    return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
 };
 
 export { CLASS_RULES, formatState, toKebabCase };

package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js

@@ -5,7 +5,7 @@ import upperFirst from 'lodash/upperFirst';
 import '../../context/Notifications.js';
 import { useUserDeviceContext } from '../../context/UIContext.js';
 import '../../context/UrlAssetPrefix.js';
-import styleAttributes from '../useStyles/styleAttributes.js';
+import { styleAttributes } from '../useStyles/styleAttributes.js';
 import { getStyleAttributeKey } from '../useStyles/styleAttributes.helpers.js';
 import 'lodash/kebabCase';
 import 'lodash/maxBy';

package/dist/hooks/useStyles/index.js

@@ -1,3 +1,4 @@
+export { styleAttributes } from './styleAttributes.js';
 export { getStyleAttributeKey } from './styleAttributes.helpers.js';
 export { useStyles } from './useStyles.js';
 import 'react';
@@ -14,4 +15,3 @@ import '../useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
 import '../../utils/setViewportProperty.js';
 import '../../context/UrlAssetPrefix.js';
-import './styleAttributes.js';

package/dist/hooks/useStyles/styleAttributes.js

@@ -1,4 +1,4 @@
-var styleAttributes = [
+const styleAttributes = [
     /**
      * Layout
      */
@@ -173,4 +173,4 @@ var styleAttributes = [
     'pointerEvents',
 ];
 
-export { styleAttributes as default };
+export { styleAttributes };

package/dist/hooks/useStyles/useStyles.js

@@ -6,7 +6,7 @@ import upperFirst from 'lodash/upperFirst';
 import '../../context/Notifications.js';
 import { useUserDeviceContext } from '../../context/UIContext.js';
 import '../../context/UrlAssetPrefix.js';
-import styleAttributes from './styleAttributes.js';
+import { styleAttributes } from './styleAttributes.js';
 import { getStyleAttributeKey } from './styleAttributes.helpers.js';
 import 'react/jsx-runtime';
 import 'uuid';

package/dist/stories/useActiveClasses.mdx

@@ -7,7 +7,7 @@ import { Meta } from '@storybook/addon-docs/blocks'
 
 > ℹ️ Данный хук использует термины, о которых рассказывается в `useDevicePropsGenerator`, необходимо предварительно ознакомиться с ним
 
-### Параметры
+## Параметры
 
 <table>
   <thead>
@@ -55,7 +55,7 @@ import { Meta } from '@storybook/addon-docs/blocks'
   </tbody>
 </table>
 
-### Результат
+## Результат
 
 Возвращает объект, значения объекта:
 
@@ -86,7 +86,7 @@ import { Meta } from '@storybook/addon-docs/blocks'
   </tbody>
 </table>
 
-### Примечание
+## Примечание
 Чтобы на выходе получалась строка из классов, необходимо предварительно в `appearance` прописать значения, например:
 
 ```js
@@ -99,7 +99,7 @@ const radioAppearanceDefault = {
 }
 ```
 
-### Использование
+## Использование
 Для генерации классов вложенных `html-тегов`, задаем массив суффиксов
 
 ```jsx

package/dist/types/hooks/useActiveClasses/useActiveClasses.helpers.d.ts

@@ -1,5 +1,5 @@
 import type { RulesConfig } from './useActiveClasses.interface';
 declare const CLASS_RULES: Record<string, RulesConfig[]>;
 declare const formatState: (key: string) => string;
-declare const toKebabCase: (str: string) => string;
+declare const toKebabCase: (string: string) => string;
 export { CLASS_RULES, formatState, toKebabCase };

package/dist/types/hooks/useStyles/styleAttributes.d.ts

@@ -1,3 +1,2 @@
 import { StyleAttributeOrValidator } from './styleAttributes.interface';
-declare const _default: StyleAttributeOrValidator[];
-export default _default;
+export declare const styleAttributes: StyleAttributeOrValidator[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-core",
-  "version": "1.10.66",
+  "version": "1.10.67",
   "description": "UI shared components",
   "keywords": [
     "Modal",
@@ -65,7 +65,7 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
     "@itcase/common": "^1.2.50",
-    "@itcase/storybook-config": "^1.2.81",
+    "@itcase/storybook-config": "^1.2.82",
     "clsx": "^2.1.1",
     "lodash": "^4.18.1",
     "react": "^18.3.1",
@@ -97,5 +97,5 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3"
   },
-  "gitHead": "d89ef8848eb3728d3a81427252718f2a45dd7508"
+  "gitHead": "fe7b03aba4878307f49c3be5e9cb7c6c243f8376"
 }