@semcore/core 17.0.1-prerelease.0 → 17.1.0-prerelease.0

package/package.json

@@ -1,24 +1,325 @@
 {
   "name": "@semcore/core",
   "description": "Semrush Core Component",
-  "version": "17.0.1-prerelease.0",
-  "main": "lib/cjs/index.js",
-  "module": "lib/es6/index.js",
-  "typings": "lib/types/index.d.ts",
+  "version": "17.1.0-prerelease.0",
+  "main": "lib/index.js",
+  "module": "lib/index.mjs",
+  "typings": "lib/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "exports": {
-    "require": "./lib/cjs/index.js",
-    "import": "./lib/esm/index.mjs",
-    "types": "./lib/types/index.d.ts"
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./src": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts"
+    },
+    "./lib/theme/themes/default.css": {
+      "import": "./lib/theme/themes/default.css",
+      "require": "./lib/theme/themes/default.css"
+    },
+    "./lib/theme/themes/light.css": {
+      "import": "./lib/theme/themes/light.css",
+      "require": "./lib/theme/themes/light.css"
+    },
+    "./lib/theme/themes/dark.css": {
+      "import": "./lib/theme/themes/dark.css",
+      "require": "./lib/theme/themes/dark.css"
+    },
+    "./lib/theme/themes/auto.css": {
+      "import": "./lib/theme/themes/auto.css",
+      "require": "./lib/theme/themes/auto.css"
+    },
+    "./lib/theme/themes/highlights-light.css": {
+      "import": "./lib/theme/themes/highlights-light.css",
+      "require": "./lib/theme/themes/highlights-light.css"
+    },
+    "./lib/utils/focus-lock/getFocusableIn": {
+      "types": "./lib/utils/focus-lock/getFocusableIn.d.ts",
+      "import": "./lib/utils/focus-lock/getFocusableIn.mjs",
+      "require": "./lib/utils/focus-lock/getFocusableIn.js"
+    },
+    "./lib/utils/focus-lock/isFocusable": {
+      "types": "./lib/utils/focus-lock/isFocusable.d.ts",
+      "import": "./lib/utils/focus-lock/isFocusable.mjs",
+      "require": "./lib/utils/focus-lock/isFocusable.js"
+    },
+    "./lib/utils/focus-lock/isFocusInside": {
+      "types": "./lib/utils/focus-lock/isFocusInside.d.ts",
+      "import": "./lib/utils/focus-lock/isFocusInside.mjs",
+      "require": "./lib/utils/focus-lock/isFocusInside.js"
+    },
+    "./lib/utils/focus-lock/setFocus": {
+      "types": "./lib/utils/focus-lock/setFocus.d.ts",
+      "import": "./lib/utils/focus-lock/setFocus.mjs",
+      "require": "./lib/utils/focus-lock/setFocus.js"
+    },
+    "./lib/utils/enhances/a11yEnhance": {
+      "types": "./lib/utils/enhances/a11yEnhance.d.ts",
+      "import": "./lib/utils/enhances/a11yEnhance.mjs",
+      "require": "./lib/utils/enhances/a11yEnhance.js"
+    },
+    "./lib/utils/enhances/animatedSizeEnhance": {
+      "types": "./lib/utils/enhances/animatedSizeEnhance.d.ts",
+      "import": "./lib/utils/enhances/animatedSizeEnhance.mjs",
+      "require": "./lib/utils/enhances/animatedSizeEnhance.js"
+    },
+    "./lib/utils/enhances/contextEnhance": {
+      "types": "./lib/utils/enhances/contextEnhance.d.ts",
+      "import": "./lib/utils/enhances/contextEnhance.mjs",
+      "require": "./lib/utils/enhances/contextEnhance.js"
+    },
+    "./lib/utils/enhances/focusSourceEnhance": {
+      "types": "./lib/utils/enhances/focusSourceEnhance.d.ts",
+      "import": "./lib/utils/enhances/focusSourceEnhance.mjs",
+      "require": "./lib/utils/enhances/focusSourceEnhance.js"
+    },
+    "./lib/utils/enhances/i18nEnhance": {
+      "types": "./lib/utils/enhances/i18nEnhance.d.ts",
+      "import": "./lib/utils/enhances/i18nEnhance.mjs",
+      "require": "./lib/utils/enhances/i18nEnhance.js"
+    },
+    "./lib/utils/enhances/resolveColorEnhance": {
+      "types": "./lib/utils/enhances/resolveColorEnhance.d.ts",
+      "import": "./lib/utils/enhances/resolveColorEnhance.mjs",
+      "require": "./lib/utils/enhances/resolveColorEnhance.js"
+    },
+    "./lib/utils/enhances/WithI18n": {
+      "types": "./lib/utils/enhances/WithI18n.d.ts",
+      "import": "./lib/utils/enhances/WithI18n.mjs",
+      "require": "./lib/utils/enhances/WithI18n.js"
+    },
+    "./lib/utils/use/useEnhancedEffect": {
+      "types": "./lib/utils/use/useEnhancedEffect.d.ts",
+      "import": "./lib/utils/use/useEnhancedEffect.mjs",
+      "require": "./lib/utils/use/useEnhancedEffect.js"
+    },
+    "./lib/utils/use/useFocusLock": {
+      "types": "./lib/utils/use/useFocusLock.d.ts",
+      "import": "./lib/utils/use/useFocusLock.mjs",
+      "require": "./lib/utils/use/useFocusLock.js"
+    },
+    "./lib/utils/use/useColorResolver": {
+      "types": "./lib/utils/use/useColorResolver.d.ts",
+      "import": "./lib/utils/use/useColorResolver.mjs",
+      "require": "./lib/utils/use/useColorResolver.js"
+    },
+    "./lib/utils/use/useEventCallback": {
+      "types": "./lib/utils/use/useEventCallback.d.ts",
+      "import": "./lib/utils/use/useEventCallback.mjs",
+      "require": "./lib/utils/use/useEventCallback.js"
+    },
+    "./lib/utils/use/usePreventScroll": {
+      "types": "./lib/utils/use/usePreventScroll.d.ts",
+      "import": "./lib/utils/use/usePreventScroll.mjs",
+      "require": "./lib/utils/use/usePreventScroll.js"
+    },
+    "./lib/utils/addonTextChildren": {
+      "types": "./lib/utils/addonTextChildren.d.ts",
+      "import": "./lib/utils/addonTextChildren.mjs",
+      "require": "./lib/utils/addonTextChildren.js"
+    },
+    "./lib/utils/ariaProps": {
+      "types": "./lib/utils/ariaProps.d.ts",
+      "import": "./lib/utils/ariaProps.mjs",
+      "require": "./lib/utils/ariaProps.js"
+    },
+    "./lib/utils/assignProps": {
+      "types": "./lib/utils/assignProps.d.ts",
+      "import": "./lib/utils/assignProps.mjs",
+      "require": "./lib/utils/assignProps.js"
+    },
+    "./lib/utils/capitalizeFirstLetter": {
+      "types": "./lib/utils/capitalizeFirstLetter.d.ts",
+      "import": "./lib/utils/capitalizeFirstLetter.mjs",
+      "require": "./lib/utils/capitalizeFirstLetter.js"
+    },
+    "./lib/utils/canUseDOM": {
+      "types": "./lib/utils/canUseDOM.d.ts",
+      "import": "./lib/utils/canUseDOM.mjs",
+      "require": "./lib/utils/canUseDOM.js"
+    },
+    "./lib/utils/CSSinJS": {
+      "types": "./lib/utils/CSSinJS.d.ts",
+      "import": "./lib/utils/CSSinJS.mjs",
+      "require": "./lib/utils/CSSinJS.js"
+    },
+    "./lib/utils/cssToIntDefault": {
+      "types": "./lib/utils/cssToIntDefault.d.ts",
+      "import": "./lib/utils/cssToIntDefault.mjs",
+      "require": "./lib/utils/cssToIntDefault.js"
+    },
+    "./lib/utils/eventEmitter": {
+      "types": "./lib/utils/eventEmitter.d.ts",
+      "import": "./lib/utils/eventEmitter.mjs",
+      "require": "./lib/utils/eventEmitter.js"
+    },
+    "./lib/utils/fire": {
+      "types": "./lib/utils/fire.d.ts",
+      "import": "./lib/utils/fire.mjs",
+      "require": "./lib/utils/fire.js"
+    },
+    "./lib/utils/findComponent": {
+      "types": "./lib/utils/findComponent.d.ts",
+      "import": "./lib/utils/findComponent.mjs",
+      "require": "./lib/utils/findComponent.js"
+    },
+    "./lib/utils/getAccessibleName": {
+      "types": "./lib/utils/getAccessibleName.d.ts",
+      "import": "./lib/utils/getAccessibleName.mjs",
+      "require": "./lib/utils/getAccessibleName.js"
+    },
+    "./lib/utils/getDisplayName": {
+      "types": "./lib/utils/getDisplayName.d.ts",
+      "import": "./lib/utils/getDisplayName.mjs",
+      "require": "./lib/utils/getDisplayName.js"
+    },
+    "./lib/utils/getEventTarget": {
+      "types": "./lib/utils/getEventTarget.d.ts",
+      "import": "./lib/utils/getEventTarget.mjs",
+      "require": "./lib/utils/getEventTarget.js"
+    },
+    "./lib/utils/getOriginChildren": {
+      "types": "./lib/utils/getOriginChildren.d.ts",
+      "import": "./lib/utils/getOriginChildren.mjs",
+      "require": "./lib/utils/getOriginChildren.js"
+    },
+    "./lib/utils/hasLabels": {
+      "types": "./lib/utils/hasLabels.d.ts",
+      "import": "./lib/utils/hasLabels.mjs",
+      "require": "./lib/utils/hasLabels.js"
+    },
+    "./lib/utils/hasParent": {
+      "types": "./lib/utils/hasParent.d.ts",
+      "import": "./lib/utils/hasParent.mjs",
+      "require": "./lib/utils/hasParent.js"
+    },
+    "./lib/utils/indentStyles": {
+      "types": "./lib/utils/indentStyles.d.ts",
+      "import": "./lib/utils/indentStyles.mjs",
+      "require": "./lib/utils/indentStyles.js"
+    },
+    "./lib/utils/inputProps": {
+      "types": "./lib/utils/inputProps.d.ts",
+      "import": "./lib/utils/inputProps.mjs",
+      "require": "./lib/utils/inputProps.js"
+    },
+    "./lib/utils/isInteractiveElement": {
+      "types": "./lib/utils/isInteractiveElement.d.ts",
+      "import": "./lib/utils/isInteractiveElement.mjs",
+      "require": "./lib/utils/isInteractiveElement.js"
+    },
+    "./lib/utils/isNode": {
+      "types": "./lib/utils/isNode.d.ts",
+      "import": "./lib/utils/isNode.mjs",
+      "require": "./lib/utils/isNode.js"
+    },
+    "./lib/utils/isRetina": {
+      "types": "./lib/utils/isRetina.d.ts",
+      "import": "./lib/utils/isRetina.mjs",
+      "require": "./lib/utils/isRetina.js"
+    },
+    "./lib/utils/ownerDocument": {
+      "types": "./lib/utils/ownerDocument.d.ts",
+      "import": "./lib/utils/ownerDocument.mjs",
+      "require": "./lib/utils/ownerDocument.js"
+    },
+    "./lib/utils/pick": {
+      "types": "./lib/utils/pick.d.ts",
+      "import": "./lib/utils/pick.mjs",
+      "require": "./lib/utils/pick.js"
+    },
+    "./lib/utils/propsForElement": {
+      "types": "./lib/utils/propsForElement.d.ts",
+      "import": "./lib/utils/propsForElement.mjs",
+      "require": "./lib/utils/propsForElement.js"
+    },
+    "./lib/utils/logger": {
+      "types": "./lib/utils/logger.d.ts",
+      "import": "./lib/utils/logger.mjs",
+      "require": "./lib/utils/logger.js"
+    },
+    "./lib/utils/rafTrottle": {
+      "types": "./lib/utils/rafTrottle.d.ts",
+      "import": "./lib/utils/rafTrottle.mjs",
+      "require": "./lib/utils/rafTrottle.js"
+    },
+    "./lib/utils/reactToText": {
+      "types": "./lib/utils/reactToText.d.ts",
+      "import": "./lib/utils/reactToText.mjs",
+      "require": "./lib/utils/reactToText.js"
+    },
+    "./lib/utils/ref": {
+      "types": "./lib/utils/ref.d.ts",
+      "import": "./lib/utils/ref.mjs",
+      "require": "./lib/utils/ref.js"
+    },
+    "./lib/utils/setRef": {
+      "types": "./lib/utils/setRef.d.ts",
+      "import": "./lib/utils/setRef.mjs",
+      "require": "./lib/utils/setRef.js"
+    },
+    "./lib/utils/ScreenReaderOnly": {
+      "types": "./lib/utils/ScreenReaderOnly.d.ts",
+      "import": "./lib/utils/ScreenReaderOnly.mjs",
+      "require": "./lib/utils/ScreenReaderOnly.js"
+    },
+    "./lib/utils/syncScroll": {
+      "types": "./lib/utils/syncScroll.d.ts",
+      "import": "./lib/utils/syncScroll.mjs",
+      "require": "./lib/utils/syncScroll.js"
+    },
+    "./lib/utils/ThemeProvider": {
+      "types": "./lib/utils/ThemeProvider.d.ts",
+      "import": "./lib/utils/ThemeProvider.mjs",
+      "require": "./lib/utils/ThemeProvider.js"
+    },
+    "./lib/utils/uniqueID": {
+      "types": "./lib/utils/uniqueID.d.ts",
+      "import": "./lib/utils/uniqueID.mjs",
+      "require": "./lib/utils/uniqueID.js"
+    },
+    "./lib/utils/useCssVariable": {
+      "types": "./lib/utils/useCssVariable.d.ts",
+      "import": "./lib/utils/useCssVariable.mjs",
+      "require": "./lib/utils/useCssVariable.js"
+    },
+    "./lib/utils/zIndexStacking": {
+      "types": "./lib/utils/zIndexStacking.d.ts",
+      "import": "./lib/utils/zIndexStacking.mjs",
+      "require": "./lib/utils/zIndexStacking.js"
+    },
+    "./lib/utils/use/useScrollBarWidth": {
+      "types": "./lib/utils/use/useScrollBarWidth.d.ts",
+      "import": "./lib/utils/use/useScrollBarWidth.mjs",
+      "require": "./lib/utils/use/useScrollBarWidth.js"
+    },
+    "./lib/decorators/reactive": {
+      "types": "./lib/decorators/reactive.d.ts",
+      "import": "./lib/decorators/reactive.mjs",
+      "require": "./lib/decorators/reactive.js"
+    },
+    "./lib/decorators/propsObserver": {
+      "types": "./lib/decorators/propsObserver.d.ts",
+      "import": "./lib/decorators/propsObserver.mjs",
+      "require": "./lib/decorators/propsObserver.js"
+    }
   },
   "dependencies": {
-    "@semcore/utils": "4.49.0-prerelease.0"
+    "@formatjs/intl": "3.0.4",
+    "@phytonmk/nano-css": "5.3.7",
+    "classnames": "2.2.6",
+    "hoist-non-react-statics": "3.3.2",
+    "@babel/runtime": "7.27.6"
   },
   "peerDependencies": {
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "react": "16.8 - 19",
+    "react-dom": "16.8 - 19",
+    "@semcore/theme": "*"
   },
   "repository": {
     "type": "git",
@@ -26,10 +327,12 @@
     "directory": "semcore/core"
   },
   "devDependencies": {
-    "@types/react": "18.0.21",
-    "@semcore/testing-utils": "1.0.0"
+    "@types/classnames": "2.2.6",
+    "@types/hoist-non-react-statics": "^3.3.6",
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/theme": "1.0.0"
   },
   "scripts": {
-    "build": "pnpm semcore-builder && pnpm vite build"
+    "build": "pnpm semcore-builder --coreUtils && pnpm vite build"
   }
 }

package/tsconfig-utils.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/utils", "src/decorators", "../../tools/theme/src"]
+}

package/vite.config.ts

@@ -9,6 +9,28 @@ export default mergeConfig(
       lib: {
         entry: './src/index.ts',
       },
+      rollupOptions: {
+        external: [
+          'react',
+          'react-dom',
+          'react/jsx-runtime',
+          /@babel\/runtime\/*/,
+          /@semcore\/(?!theme$)/,
+
+          '@formatjs/intl',
+          'classnames',
+          'hoist-non-react-statics',
+          '@phytonmk/nano-css',
+        ],
+        output: [
+          {
+            preserveModules: true,
+            assetFileNames: '[name][extname]',
+            entryFileNames: '[name].mjs',
+            format: 'esm',
+          },
+        ],
+      },
     },
   }),
 );