@mediamonks/react-kit 2.0.4 → 2.0.5

package/dist/gsap/components/SplitTextWrapper/SplitTextWrapper.d.ts

@@ -15,6 +15,10 @@ type SplitTextWrapperProps<T extends KnownTarget> = {
      * The element type to render, the default is `div`
      */
     as?: T;
+    /**
+     * Split the first element child of the element passed
+     */
+    splitFirstElementChild?: boolean;
 };
 /**
  * Polymorphic component type, necessary to get all the attributes/props for the

package/dist/gsap/components/SplitTextWrapper/SplitTextWrapper.js

@@ -7,7 +7,7 @@ if (typeof window !== 'undefined') {
     gsap.registerPlugin(SplitText);
 }
 // @ts-expect-error polymorphic type is not compatible with ensuredForwardRef function factory
-export const SplitTextWrapper = ensuredForwardRef(({ variables = {}, as, children, ...props }, ref) => {
+export const SplitTextWrapper = ensuredForwardRef(({ variables = {}, as, children, splitFirstElementChild = false, ...props }, ref) => {
     /**
      * Not using useCallback on purpose so that a new SplitText instance is
      * created whenever this component rerenders the children
@@ -16,7 +16,11 @@ export const SplitTextWrapper = ensuredForwardRef(({ variables = {}, as, childre
         if (ref.current && 'isSplit' in ref.current && ref.current.isSplit) {
             return;
         }
-        ref.current = new SplitText(element, variables);
+        if (splitFirstElementChild && element.childElementCount > 1) {
+            // eslint-disable-next-line no-console
+            console.warn("Split text wrapper should only contain 1 element when 'splitFirstElementChild' is set to true");
+        }
+        ref.current = new SplitText(splitFirstElementChild ? element.firstElementChild : element, variables);
     };
     const Component = (as ?? 'div');
     return (_jsx(Component, { ...props, dangerouslySetInnerHTML: props.dangerouslySetInnerHTML ?? {

package/dist/index.d.ts

@@ -37,4 +37,5 @@ export * from './utils/adjustFontSize/adjustFontSize.js';
 export * from './utils/arrayRef/arrayRef.js';
 export * from './utils/createTimeout/createTimeout.js';
 export * from './utils/isRefObject/isRefObject.js';
+export * from './utils/regexPatterns/regexPatterns.js';
 export * from './utils/unref/unref.js';

package/dist/index.js

@@ -38,4 +38,5 @@ export * from './utils/adjustFontSize/adjustFontSize.js';
 export * from './utils/arrayRef/arrayRef.js';
 export * from './utils/createTimeout/createTimeout.js';
 export * from './utils/isRefObject/isRefObject.js';
+export * from './utils/regexPatterns/regexPatterns.js';
 export * from './utils/unref/unref.js';

package/dist/utils/regexPatterns/regexPatterns.d.ts

@@ -0,0 +1,24 @@
+/**
+ * PascalCaseString
+ * MyComponent
+ * MyComponent5
+ * MyC0mp0nent
+ * My00mponent
+ */
+export declare const pascalCaseRegex: RegExp;
+/**
+ * @example
+ * camelCaseString
+ * helloW0rld
+ * g00M0rning
+ * happyC0ding
+ */
+export declare const camelCaseRegex: RegExp;
+/**
+ * @example
+ * my-component
+ * my-component-5
+ * my-c0mp0nent
+ * c0ding1sfun
+ */
+export declare const kebabCaseRegex: RegExp;

package/dist/utils/regexPatterns/regexPatterns.js

@@ -0,0 +1,27 @@
+/**
+ * PascalCaseString
+ * MyComponent
+ * MyComponent5
+ * MyC0mp0nent
+ * My00mponent
+ */
+// eslint-disable-next-line unicorn/no-unsafe-regex
+export const pascalCaseRegex = /^(?:[A-Z][\da-z]+)+$/u;
+/**
+ * @example
+ * camelCaseString
+ * helloW0rld
+ * g00M0rning
+ * happyC0ding
+ */
+// eslint-disable-next-line unicorn/no-unsafe-regex
+export const camelCaseRegex = /^[\da-z]+(?:[A-Z][\da-z]+)*$/u;
+/**
+ * @example
+ * my-component
+ * my-component-5
+ * my-c0mp0nent
+ * c0ding1sfun
+ */
+// eslint-disable-next-line unicorn/no-unsafe-regex
+export const kebabCaseRegex = /^[\da-z]+(?:-[\da-z]+)*$/u;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediamonks/react-kit",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "A collection of React hooks, components, utilities that we use at Media.Monks",
   "keywords": [
     "react",
@@ -57,25 +57,26 @@
     "@mediamonks/eslint-config-typescript": "^1.5.1",
     "@mediamonks/eslint-config-typescript-react": "^1.4.1",
     "@mediamonks/prettier-config": "^1.0.1",
-    "@storybook/addon-essentials": "^7.6.17",
-    "@storybook/addon-interactions": "^7.6.17",
-    "@storybook/addon-links": "^7.6.17",
-    "@storybook/blocks": "^7.6.17",
-    "@storybook/cli": "^7.6.17",
+    "@storybook/addon-essentials": "^8.5.2",
+    "@storybook/addon-interactions": "^8.5.2",
+    "@storybook/addon-links": "^8.5.2",
+    "@storybook/blocks": "^8.5.2",
+    "@storybook/cli": "^8.5.2",
     "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^7.6.17",
-    "@storybook/react": "^7.6.17",
-    "@storybook/react-vite": "^7.6.17",
-    "@storybook/test-runner": "^0.16.0",
+    "@storybook/manager-api": "^8.5.2",
+    "@storybook/react": "^8.5.2",
+    "@storybook/react-vite": "^8.5.2",
+    "@storybook/test-runner": "^0.21.0",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.17",
-    "@storybook/types": "^7.6.17",
-    "@testing-library/react": "^14.0.0",
+    "@storybook/theming": "^8.5.2",
+    "@storybook/types": "^8.5.2",
+    "@testing-library/react": "^16.2.0",
     "@types/lodash-es": "^4.17.11",
     "@types/react": "^18.0.25",
     "@vitejs/plugin-react": "^4.0.0",
     "concurrently": "^8.2.2",
     "eslint": "^8.28.0",
+    "gsap": "npm:@gsap/business@3.12.2",
     "http-server": "^14.1.1",
     "husky": "^8.0.0",
     "jsdom": "^22.0.0",
@@ -83,10 +84,10 @@
     "npm-run-all": "^4.1.5",
     "plop": "^4.0.0",
     "prettier": "^3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "shx": "^0.3.4",
-    "storybook": "^7.5.2",
+    "storybook": "^8.5.2",
     "ts-node": "^10.9.1",
     "typescript": "^5.0.2",
     "vitest": "^0.34.3",
@@ -96,9 +97,6 @@
     "lodash-es": "^4.17.21"
   },
   "peerDependencies": {
-    "react": ">= 17"
-  },
-  "optionalDependencies": {
-    "gsap": "npm:@gsap/business@3.12.2"
+    "react": ">= 18"
   }
 }