From 0ddd8f9b901515808159e17fb424edd72e9d969f Mon Sep 17 00:00:00 2001 From: Krishan Patel Date: Thu, 6 Mar 2025 15:07:40 +0000 Subject: [PATCH 1/7] . --- makefile | 6 +- package-lock.json | 142 ++++++++------------ package.json | 14 +- src/layouts/stack/component.tsx | 2 +- src/molecules/singleLineInput/component.tsx | 9 +- src/particles/box/component.tsx | 9 +- src/particles/portal/component.tsx | 9 +- 7 files changed, 79 insertions(+), 112 deletions(-) diff --git a/makefile b/makefile index 959fc431..b28c0652 100644 --- a/makefile +++ b/makefile @@ -1,11 +1,11 @@ install: - @ npm ci + @ npm ci --legacy-peer-deps install-updates: - @ npm install + @ npm install --legacy-peer-deps list-outdated: install - @ npm outdated + @ npm outdated --legacy-peer-deps lint-check: @ npx lint diff --git a/package-lock.json b/package-lock.json index ed6aeccf..6f8f26e1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,7 @@ "license": "MIT", "dependencies": { "@kibalabs/core": "^0.6.3-next.4", - "@kibalabs/core-react": "^0.9.7-next.1", + "@kibalabs/core-react": "^0.9.7-next.2", "lazysizes": "^5.3.2", "markdown-to-jsx": "^7.7.4", "polished": "^4.3.1" @@ -22,16 +22,16 @@ "@storybook/blocks": "8.6.2", "@storybook/react": "8.6.2", "@storybook/react-vite": "^8.6.2", - "@types/react": "18.3.4", - "@types/react-dom": "18.3.0", - "react": "18.3.1", - "react-dom": "18.3.1", + "@types/react": "19.0.10", + "@types/react-dom": "19.0.4", + "react": "19.0.0", + "react-dom": "19.0.0", "storybook": "8.6.2", "styled-components": "6.1.15" }, "peerDependencies": { - "react": "^17.0.0 || ^18.0.0", - "react-dom": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0", "styled-components": "^6.1.15" } }, @@ -2816,9 +2816,9 @@ } }, "node_modules/@kibalabs/core": { - "version": "0.6.3-next.4", - "resolved": "https://registry.npmjs.org/@kibalabs/core/-/core-0.6.3-next.4.tgz", - "integrity": "sha512-ob+Rb1DH2zPtCOMBev7t+j8yEWX3K2sxkoomIua6U2yT9KXvedk5/v8dnyeXtG3bPLoNhcoAjTHFuF8WxFTfWQ==", + "version": "0.6.3-next.5", + "resolved": "https://registry.npmjs.org/@kibalabs/core/-/core-0.6.3-next.5.tgz", + "integrity": "sha512-OeHpZMeRSB7MpQUh29H9CJcXiFfaMuNiFLdvAwvIQN+h1FcaMW7tk0BgCDYZXdBdE6UBJRJrtNy7pANOtacj0Q==", "license": "MIT", "dependencies": { "date-fns": "^4.1.0", @@ -2828,20 +2828,18 @@ } }, "node_modules/@kibalabs/core-react": { - "version": "0.9.7-next.1", - "resolved": "https://registry.npmjs.org/@kibalabs/core-react/-/core-react-0.9.7-next.1.tgz", - "integrity": "sha512-Fz6zfsL32Ev/bvQ0vxQn2Zdw4tp9A1eWeBxRV5Y6VGxRDsB5P3y79oYwPA0uQlSFXy2XgEwPKnkSziQr1hE0AA==", + "version": "0.9.7-next.2", + "resolved": "https://registry.npmjs.org/@kibalabs/core-react/-/core-react-0.9.7-next.2.tgz", + "integrity": "sha512-Dtb91TCTUJI/iuGm0cbSR+88rSM21G2fW6iapHrtTXasJwoh1bef5W0zPwM7aMsFbbcA9FNmBQ8X2oxRu+YkjQ==", "license": "MIT", "dependencies": { - "@kibalabs/core": "^0.6.3-next.4", - "history": "^5.3.0", - "react-is": "^18.3.1", - "react-router": "^7.1.3", - "react-router-dom": "^7.1.3" + "@kibalabs/core": "^0.6.3-next.5", + "react-is": "^19.0.0", + "react-router": "^7.2.0", + "react-router-dom": "^7.2.0" }, "peerDependencies": { - "react": "^17.0.0 || ^18.0.0", - "react-dom": "^17.0.0 || ^18.0.0" + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" } }, "node_modules/@leichtgewicht/ip-codec": { @@ -4614,13 +4612,6 @@ "@types/node": "*" } }, - "node_modules/@types/prop-types": { - "version": "15.7.14", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz", - "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==", - "dev": true, - "license": "MIT" - }, "node_modules/@types/qs": { "version": "6.9.18", "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.18.tgz", @@ -4636,24 +4627,23 @@ "license": "MIT" }, "node_modules/@types/react": { - "version": "18.3.4", - "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.4.tgz", - "integrity": "sha512-J7W30FTdfCxDDjmfRM+/JqLHBIyl7xUIp9kwK637FGmY7+mkSFSe6L4jpZzhj5QMfLssSDP4/i75AKkrdC7/Jw==", + "version": "19.0.10", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.10.tgz", + "integrity": "sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==", "dev": true, "license": "MIT", "dependencies": { - "@types/prop-types": "*", "csstype": "^3.0.2" } }, "node_modules/@types/react-dom": { - "version": "18.3.0", - "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz", - "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==", + "version": "19.0.4", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.4.tgz", + "integrity": "sha512-4fSQ8vWFkg+TGhePfUzVmat3eC14TXYSsiiDSLI0dVLsrm9gZFABjPy/Qu6TKgl1tq1Bu1yDsuQgY3A3DOjCcg==", "dev": true, "license": "MIT", - "dependencies": { - "@types/react": "*" + "peerDependencies": { + "@types/react": "^19.0.0" } }, "node_modules/@types/resolve": { @@ -9135,15 +9125,6 @@ "he": "bin/he" } }, - "node_modules/history": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/history/-/history-5.3.0.tgz", - "integrity": "sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==", - "license": "MIT", - "dependencies": { - "@babel/runtime": "^7.7.6" - } - }, "node_modules/hmac-drbg": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz", @@ -10202,6 +10183,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true, "license": "MIT" }, "node_modules/js-yaml": { @@ -10434,6 +10416,7 @@ "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "dev": true, "license": "MIT", "dependencies": { "js-tokens": "^3.0.0 || ^4.0.0" @@ -11951,13 +11934,11 @@ } }, "node_modules/react": { - "version": "18.3.1", - "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", - "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", + "version": "19.0.0", + "resolved": "https://registry.npmjs.org/react/-/react-19.0.0.tgz", + "integrity": "sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==", + "dev": true, "license": "MIT", - "dependencies": { - "loose-envify": "^1.1.0" - }, "engines": { "node": ">=0.10.0" } @@ -11995,22 +11976,22 @@ } }, "node_modules/react-dom": { - "version": "18.3.1", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz", - "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==", + "version": "19.0.0", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0.tgz", + "integrity": "sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==", + "dev": true, "license": "MIT", "dependencies": { - "loose-envify": "^1.1.0", - "scheduler": "^0.23.2" + "scheduler": "^0.25.0" }, "peerDependencies": { - "react": "^18.3.1" + "react": "^19.0.0" } }, "node_modules/react-is": { - "version": "18.3.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz", - "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==", + "version": "19.0.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.0.0.tgz", + "integrity": "sha512-H91OHcwjZsbq3ClIDHMzBShc1rotbfACdWENsmEf0IFvZ3FgGPtdHMcsv45bQ1hAbgdfiA8SnxTKfDS+x/8m2g==", "license": "MIT" }, "node_modules/react-refresh": { @@ -12024,9 +12005,9 @@ } }, "node_modules/react-router": { - "version": "7.1.5", - "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.1.5.tgz", - "integrity": "sha512-8BUF+hZEU4/z/JD201yK6S+UYhsf58bzYIDq2NS1iGpwxSXDu7F+DeGSkIXMFBuHZB21FSiCzEcUb18cQNdRkA==", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.2.0.tgz", + "integrity": "sha512-fXyqzPgCPZbqhrk7k3hPcCpYIlQ2ugIXDboHUzhJISFVy2DEPsmHgN588MyGmkIOv3jDgNfUE3kJi83L28s/LQ==", "license": "MIT", "dependencies": { "@types/cookie": "^0.6.0", @@ -12048,12 +12029,12 @@ } }, "node_modules/react-router-dom": { - "version": "7.1.5", - "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.1.5.tgz", - "integrity": "sha512-/4f9+up0Qv92D3bB8iN5P1s3oHAepSGa9h5k6tpTFlixTTskJZwKGhJ6vRJ277tLD1zuaZTt95hyGWV1Z37csQ==", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.2.0.tgz", + "integrity": "sha512-cU7lTxETGtQRQbafJubvZKHEn5izNABxZhBY0Jlzdv0gqQhCPQt2J8aN5ZPjS6mQOXn5NnirWNh+FpE8TTYN0Q==", "license": "MIT", "dependencies": { - "react-router": "7.1.5" + "react-router": "7.2.0" }, "engines": { "node": ">=20.0.0" @@ -12622,13 +12603,11 @@ "license": "MIT" }, "node_modules/scheduler": { - "version": "0.23.2", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz", - "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==", - "license": "MIT", - "dependencies": { - "loose-envify": "^1.1.0" - } + "version": "0.25.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0.tgz", + "integrity": "sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==", + "dev": true, + "license": "MIT" }, "node_modules/schema-utils": { "version": "4.3.0", @@ -13927,21 +13906,6 @@ "node": ">= 0.8.0" } }, - "node_modules/type-fest": { - "version": "2.19.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz", - "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==", - "dev": true, - "license": "(MIT OR CC0-1.0)", - "optional": true, - "peer": true, - "engines": { - "node": ">=12.20" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/type-is": { "version": "1.6.18", "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", diff --git a/package.json b/package.json index 8bc6042c..e116a042 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,7 @@ ], "dependencies": { "@kibalabs/core": "^0.6.3-next.4", - "@kibalabs/core-react": "^0.9.7-next.1", + "@kibalabs/core-react": "^0.9.7-next.2", "lazysizes": "^5.3.2", "markdown-to-jsx": "^7.7.4", "polished": "^4.3.1" @@ -30,16 +30,16 @@ "@storybook/blocks": "8.6.2", "@storybook/react": "8.6.2", "@storybook/react-vite": "^8.6.2", - "@types/react": "18.3.4", - "@types/react-dom": "18.3.0", - "react": "18.3.1", - "react-dom": "18.3.1", + "@types/react": "19.0.10", + "@types/react-dom": "19.0.4", + "react": "19.0.0", + "react-dom": "19.0.0", "storybook": "8.6.2", "styled-components": "6.1.15" }, "peerDependencies": { - "react": "^17.0.0 || ^18.0.0", - "react-dom": "^17.0.0 || ^18.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0", "styled-components": "^6.1.15" } } diff --git a/src/layouts/stack/component.tsx b/src/layouts/stack/component.tsx index 1c4bc161..fd14b55f 100644 --- a/src/layouts/stack/component.tsx +++ b/src/layouts/stack/component.tsx @@ -149,7 +149,7 @@ export function Stack({ const theme = useDimensions(props.theme); const children = flattenChildren(props.children).map((child: (React.ReactElement | string | number), index: number): React.ReactElement => ( // eslint-disable-next-line react/no-array-index-key - typeof child === 'object' && 'type' in child && child.type === StackItem ? child : { child } + typeof child === 'object' && 'type' in child && child.type === StackItem ? child : { child } )); const paddingTop = (props.paddingStart && direction === Direction.Vertical) ? props.paddingStart : undefined; const paddingBottom = (props.paddingEnd && direction === Direction.Vertical) ? props.paddingEnd : undefined; diff --git a/src/molecules/singleLineInput/component.tsx b/src/molecules/singleLineInput/component.tsx index 55f535b6..1026af6e 100644 --- a/src/molecules/singleLineInput/component.tsx +++ b/src/molecules/singleLineInput/component.tsx @@ -80,14 +80,15 @@ export interface ISingleLineInputProps extends IMoleculeProps void; onFrameClicked?: () => void; onValueChanged: (value: string) => void; + ref?: React.ForwardedRef; } -export const SingleLineInput = React.forwardRef(({ +export function SingleLineInput({ className = '', isEnabled = true, inputType = InputType.Text, ...props -}: ISingleLineInputProps, ref: React.ForwardedRef): React.ReactElement => { +}: ISingleLineInputProps): React.ReactElement { const onValueChanged = (event: React.ChangeEvent): void => { if (props.onValueChanged) { props.onValueChanged(event.target.value); @@ -150,9 +151,9 @@ export const SingleLineInput = React.forwardRef(({ autoFocus={props.shouldAutofocus} onWheelCapture={onWheelCapture} spellCheck={props.shouldSpellCheck} - ref={ref} + ref={props.ref} /> ); -}); +} SingleLineInput.displayName = 'KibaSingleLineInput'; diff --git a/src/particles/box/component.tsx b/src/particles/box/component.tsx index 727e700d..19c8f36e 100644 --- a/src/particles/box/component.tsx +++ b/src/particles/box/component.tsx @@ -78,14 +78,15 @@ export interface IBoxProps extends IComponentProps, IOptionalSingleAn shouldClipContent?: boolean; shouldCaptureTouches?: boolean; position?: string; + ref?: React.ForwardedRef; } -export const Box = React.forwardRef(({ +export function Box({ className = '', variant = 'default', isFullWidth = true, ...props -}: IBoxProps, ref: React.ForwardedRef): React.ReactElement => { +}: IBoxProps): React.ReactElement { const dimensions = useDimensions(); const height = props.height || (props.isFullHeight ? '100%' : 'auto'); const width = props.width || (isFullWidth ? '100%' : 'auto'); @@ -115,10 +116,10 @@ export const Box = React.forwardRef(({ $zIndex={props.zIndex} $position={props.position} title={props.title} - ref={ref} + ref={props.ref} > {props.children} ); -}); +} Box.displayName = 'KibaBox'; diff --git a/src/particles/portal/component.tsx b/src/particles/portal/component.tsx index 15eeb63a..2532eedd 100644 --- a/src/particles/portal/component.tsx +++ b/src/particles/portal/component.tsx @@ -91,15 +91,16 @@ export interface IPortalProps extends IComponentProps, ISingleAnyC isScrollableHorizontally?: boolean; shouldMatchAnchorWidth?: boolean; shouldMatchAnchorHeight?: boolean; + ref?: React.ForwardedRef; } -export const Portal = React.forwardRef(({ +export const Portal = ({ className = '', variant = 'default', isScrollableVertically = true, isScrollableHorizontally = true, ...props -}: IPortalProps, ref: React.ForwardedRef): React.ReactElement => { +}: IPortalProps): React.ReactElement => { const [positionTop, setPositionTop] = React.useState(props.positionTop || 0); const [positionLeft, setPositionLeft] = React.useState(props.positionLeft || 0); const [maxHeight, setMaxHeight] = React.useState(0); @@ -146,11 +147,11 @@ export const Portal = React.forwardRef(({ $maxWidth={maxWidth ? `${maxWidth}px` : null} $width={props.shouldMatchAnchorWidth ? `${anchorWidth}px` : null} $height={props.shouldMatchAnchorHeight ? `${anchorHeight}px` : null} - ref={ref} + ref={props.ref} > {props.children} ), window.document.body, ); -}); +}; Portal.displayName = 'KibaPortal'; From 56f99bff08df439dd1a0a3522022ab479e4f1936 Mon Sep 17 00:00:00 2001 From: Krishan Patel Date: Thu, 6 Mar 2025 16:02:01 +0000 Subject: [PATCH 2/7] . --- src/app/headContext.tsx | 253 -------------------- src/app/index.tsx | 1 - src/app/kibaApp.tsx | 45 ++-- src/layouts/equalGrid/component.tsx | 4 +- src/layouts/layerContainer/component.tsx | 4 +- src/layouts/stack/component.tsx | 2 +- src/molecules/markdown/component.tsx | 1 + src/molecules/optionSelect/component.tsx | 4 +- src/molecules/singleLineInput/component.tsx | 2 +- src/particles/box/component.tsx | 2 +- src/particles/portal/component.tsx | 4 +- 11 files changed, 32 insertions(+), 290 deletions(-) delete mode 100644 src/app/headContext.tsx diff --git a/src/app/headContext.tsx b/src/app/headContext.tsx deleted file mode 100644 index 6cb602b5..00000000 --- a/src/app/headContext.tsx +++ /dev/null @@ -1,253 +0,0 @@ -import React from 'react'; - -import { generateUUID } from '@kibalabs/core'; -import { flattenChildren, IMultiAnyChildProps, useDeepCompareEffect } from '@kibalabs/core-react'; - -export interface IHeadTag { - type: string; - attributes: Record; - content: string | null; - headId: string; -} - -// NOTE(krishan711): can everything that's not title and base be merged? -export interface IHead { - headId: string; - base: IHeadTag | null, - title: IHeadTag | null, - links: IHeadTag[], - metas: IHeadTag[], - styles: IHeadTag[], - scripts: IHeadTag[], - noscripts: IHeadTag[], -} - -const getHeadTag = (element: React.ReactElement, headId: string): IHeadTag => { - const { children: nestedChildren, ...props } = element.props; - return { - type: String(element.type), - attributes: props, - headId, - content: nestedChildren ? String(nestedChildren) : null, - }; -}; - -const convertChildrenToHead = (children: React.ReactNode | React.ReactNode[], headId: string): IHead => { - const flattenedChildren = flattenChildren(children).filter((child: (React.ReactElement | string | number)): boolean => React.isValidElement(child)) as React.ReactElement[]; - const titleElement = flattenedChildren.filter((child: React.ReactElement): boolean => child.type === 'title').shift(); - const baseElement = flattenedChildren.filter((child: React.ReactElement): boolean => child.type === 'base').shift(); - const head: IHead = { - headId, - title: titleElement ? getHeadTag(titleElement, headId) : null, - base: baseElement ? getHeadTag(baseElement, headId) : null, - links: flattenedChildren.filter((child: React.ReactElement): boolean => child.type === 'link').map((child: React.ReactElement): IHeadTag => getHeadTag(child, headId)), - metas: flattenedChildren.filter((child: React.ReactElement): boolean => child.type === 'meta').map((child: React.ReactElement): IHeadTag => getHeadTag(child, headId)), - styles: flattenedChildren.filter((child: React.ReactElement): boolean => child.type === 'style').map((child: React.ReactElement): IHeadTag => getHeadTag(child, headId)), - scripts: flattenedChildren.filter((child: React.ReactElement): boolean => child.type === 'script').map((child: React.ReactElement): IHeadTag => getHeadTag(child, headId)), - noscripts: flattenedChildren.filter((child: React.ReactElement): boolean => child.type === 'noscript').map((child: React.ReactElement): IHeadTag => getHeadTag(child, headId)), - }; - return head; -}; - -const mergeHeads = (heads: IHead[]): IHead => { - const mergedHead: IHead = { headId: '', title: null, base: null, links: [], metas: [], styles: [], scripts: [], noscripts: [] }; - mergedHead.title = heads.reduce((current: IHeadTag | null, head: IHead): IHeadTag | null => { - return head.title ?? current; - }, null); - mergedHead.base = heads.reduce((current: IHeadTag | null, head: IHead): IHeadTag | null => { - return head.base ?? current; - }, null); - // NOTE(krishan711): it may be worth doing some de-duplicating here - mergedHead.links = heads.reduce((current: IHeadTag[], head: IHead): IHeadTag[] => { - return head.links ? current.concat(head.links) : current; - }, []); - mergedHead.metas = heads.reduce((current: IHeadTag[], head: IHead): IHeadTag[] => { - return head.metas ? current.concat(head.metas) : current; - }, []); - mergedHead.styles = heads.reduce((current: IHeadTag[], head: IHead): IHeadTag[] => { - return head.styles ? current.concat(head.styles) : current; - }, []); - mergedHead.scripts = heads.reduce((current: IHeadTag[], head: IHead): IHeadTag[] => { - return head.scripts ? current.concat(head.scripts) : current; - }, []); - mergedHead.noscripts = heads.reduce((current: IHeadTag[], head: IHead): IHeadTag[] => { - return head.noscripts ? current.concat(head.noscripts) : current; - }, []); - return mergedHead; -}; - -const createElement = (type: string, headId: string, attributes?: Record): Element => { - const element = document.createElement(type); - element.setAttribute('ui-react-head', headId); - if (attributes) { - Object.keys(attributes).forEach((attributeKey: string): void => { - element.setAttribute(attributeKey, attributes[attributeKey]); - }); - } - return element; -}; - -const resolveElementsAndTags = (elements: Element[], tags: IHeadTag[], elementsToRemove: Set, tagsToAdd: Set): void => { - elements.forEach((element: Element): void => { elementsToRemove.add(element); }); - tags.forEach((tag: IHeadTag): void => { - tagsToAdd.add(tag); - elements.forEach((element: Element): void => { - const hasMatchingHeadId = element.getAttribute('ui-react-head') === tag.headId; - const hasMatchingAttributes = Object.keys(tag.attributes).reduce((current: boolean, attributeKey: string): boolean => { - return current && element.getAttribute(attributeKey) === tag.attributes[attributeKey]; - }, true); - if (hasMatchingHeadId && hasMatchingAttributes) { - elementsToRemove.delete(element); - tagsToAdd.delete(tag); - } - }); - }); -}; - -export const renderHead = (head: IHead, document: Document): void => { - if (head.title && document.title !== head.title.content) { - let titleElement = document.querySelector('title') as Element | undefined; - if (!titleElement) { - titleElement = createElement('title', head.title.headId); - } - titleElement.textContent = head.title.content; - } - if (head.base && document.baseURI !== head.base.content) { - let baseElement = document.querySelector('base') as Element | undefined; - if (!baseElement) { - baseElement = createElement('base', head.base.headId); - } - baseElement.textContent = head.base.content; - } - const elementsToRemove = new Set(); - const tagsToAdd = new Set(); - const linkElements = Array.from(document.head.querySelectorAll('link[ui-react-head]')); - resolveElementsAndTags(linkElements, head.links, elementsToRemove, tagsToAdd); - const metaElements = Array.from(document.head.querySelectorAll('meta[ui-react-head]')); - resolveElementsAndTags(metaElements, head.metas, elementsToRemove, tagsToAdd); - const styleElements = Array.from(document.head.querySelectorAll('style[ui-react-head]')); - resolveElementsAndTags(styleElements, head.styles, elementsToRemove, tagsToAdd); - const scriptElements = Array.from(document.head.querySelectorAll('script[ui-react-head]')); - resolveElementsAndTags(scriptElements, head.scripts, elementsToRemove, tagsToAdd); - const noscriptElements = Array.from(document.head.querySelectorAll('noscript[ui-react-head]')); - resolveElementsAndTags(noscriptElements, head.noscripts, elementsToRemove, tagsToAdd); - tagsToAdd.forEach((headTag: IHeadTag): void => { - document.head.appendChild(createElement(headTag.type, headTag.headId, headTag.attributes)); - }); - elementsToRemove.forEach((tag: Element): void => { - tag.parentNode?.removeChild(tag); - }); -}; - -interface IHeadRoot { - addHead: (head: IHead) => void; - removeHead: (head: IHead) => void; - refresh: () => void; -} - -export const HeadRootContext = React.createContext(null); - -export interface IHeadRootProviderProps extends IMultiAnyChildProps { - setHead?: (head: IHead) => void; -} - -export function HeadRootProvider({ - ...props -}: IHeadRootProviderProps): React.ReactElement { - const headsRef = React.useRef([]); - const setHead = props.setHead; - - const refresh = React.useCallback((): void => { - const mergedHead = mergeHeads(headsRef.current); - if (setHead) { - setHead(mergedHead); - return; - } if (typeof document === 'undefined') { - console.error('No setHead provided to HeadRootProvider and no document to edit so Heads are being ignored.'); - return; - } - renderHead(mergedHead, document); - }, [setHead, headsRef]); - - const addHead = React.useCallback((head: IHead): void => { - const matchingHeads = headsRef.current.filter((currentHead: IHead): boolean => currentHead.headId === head.headId); - if (matchingHeads.length > 0) { - console.warn(`Skipping head with the same headId as another that is already added: ${head.headId}`); - } else { - headsRef.current.push(head); - } - refresh(); - }, [refresh, headsRef]); - - const removeHead = React.useCallback((head: IHead): void => { - headsRef.current = headsRef.current.filter((currentHead: IHead): boolean => currentHead.headId !== head.headId); - refresh(); - }, [refresh, headsRef]); - - return ( - // eslint-disable-next-line react/jsx-no-constructed-context-values - - {props.children} - - ); -} - -export function useHeadRoot(): IHeadRoot { - const headRoot = React.useContext(HeadRootContext); - if (!headRoot) { - throw Error('No headRoot has been set!'); - } - return headRoot; -} - -// Head Component - -interface IHeadProps extends IMultiAnyChildProps { - headId?: string; -} - -export function Head(props: IHeadProps): React.ReactElement | null { - const headRoot = useHeadRoot(); - const headId = React.useMemo((): string => props.headId || generateUUID(), [props.headId]); - const headRef = React.useRef({ headId, title: null, base: null, links: [], metas: [], styles: [], scripts: [], noscripts: [] }); - const isRendered = React.useRef(false); - - const updateHead = React.useCallback((): void => { - const newHead = convertChildrenToHead(props.children, headId); - headRef.current.title = newHead.title; - headRef.current.base = newHead.base; - headRef.current.links = newHead.links; - headRef.current.metas = newHead.metas; - headRef.current.styles = newHead.styles; - headRef.current.scripts = newHead.scripts; - headRef.current.noscripts = newHead.noscripts; - headRoot.refresh(); - }, [props.children, headId, headRef, headRoot]); - - useDeepCompareEffect((): void => { - updateHead(); - }, [updateHead]); - - // NOTE(krishan711): this is needed to cause the head to be rendered during ssr but its not a good solution - // because of https://react.dev/reference/react/useRef#avoiding-recreating-the-ref-contents it causes a warning - // log during development. I can't figure out the best way to apporach this. - if (!isRendered.current) { - isRendered.current = true; - headRoot.addHead(headRef.current); - updateHead(); - } - - React.useEffect((): (() => void) => { - const headRefCurrent = headRef.current; - if (!isRendered.current) { - isRendered.current = true; - headRoot.addHead(headRefCurrent); - } - return ((): void => { - headRoot.removeHead(headRefCurrent); - isRendered.current = false; - }); - }, [isRendered, headRef, headRoot]); - - return null; -} diff --git a/src/app/index.tsx b/src/app/index.tsx index 7c5210a5..6a27ca52 100644 --- a/src/app/index.tsx +++ b/src/app/index.tsx @@ -1,4 +1,3 @@ export * from './globalCss'; export * from './resetCss'; -export * from './headContext'; export * from './kibaApp'; diff --git a/src/app/kibaApp.tsx b/src/app/kibaApp.tsx index 9ebf25cf..43cf767e 100644 --- a/src/app/kibaApp.tsx +++ b/src/app/kibaApp.tsx @@ -5,7 +5,6 @@ import { getIsRunningOnBrowser, IMultiAnyChildProps, useInitialization } from '@ import { styled } from 'styled-components'; import { GlobalCss } from './globalCss'; -import { Head, HeadRootProvider, IHeadRootProviderProps } from './headContext'; import { resetCss } from './resetCss'; import { ITheme, ThemeProvider } from '../theming'; import { ComponentDefinition } from '../theming/cssBuilder'; @@ -32,7 +31,7 @@ const StyledMainView = styled.div` ${(props: IStyledMainViewProps): string => props.$extraCss || ''}; `; -export interface IKibaAppProps extends IMultiAnyChildProps, IHeadRootProviderProps { +export interface IKibaAppProps extends IMultiAnyChildProps { theme: ITheme; isRehydrating?: boolean; isFullPageApp?: boolean; @@ -71,29 +70,25 @@ export function KibaApp({ extraCss={props.extraGlobalCss} isFullPageApp={props.isFullPageApp} /> - - - - { Object.keys(props.theme.fonts || {}).map((fontKey: string): React.ReactElement => ( - - - {/* TODO(krishan711): the lazy loading doesn't work here */} - {/* ): void => {(event.target as HTMLLinkElement).media = 'all'})} /> - */} - - - ))} - - {/* eslint-disable-next-line react/jsx-props-no-spreading */} - - - {props.children} - - - + + { Object.keys(props.theme.fonts || {}).map((fontKey: string): React.ReactElement => ( + + + {/* TODO(krishan711): the lazy loading doesn't work here */} + {/* ): void => {(event.target as HTMLLinkElement).media = 'all'})} /> + */} + + + ))} + {/* eslint-disable-next-line react/jsx-props-no-spreading */} + + + {props.children} + + ); } diff --git a/src/layouts/equalGrid/component.tsx b/src/layouts/equalGrid/component.tsx index e6e58269..d683d83d 100644 --- a/src/layouts/equalGrid/component.tsx +++ b/src/layouts/equalGrid/component.tsx @@ -7,7 +7,7 @@ import { Alignment, PaddingSizeProp } from '../..'; import { IDimensionGuide } from '../../particles'; import { ResponsiveField } from '../../util'; import { IPaddingViewPaddingProps } from '../../wrappers'; -import { Grid } from '../grid'; +import { Grid, IGridItemProps } from '../grid'; export interface IEqualGridProps extends IMultiAnyChildProps, IPaddingViewPaddingProps { id?: string; @@ -29,7 +29,7 @@ export function EqualGrid(props: IEqualGridProps): React.ReactElement { return ( // eslint-disable-next-line react/jsx-props-no-spreading - {flattenChildren(props.children).map((child: (React.ReactElement | string | number), index: number): React.ReactElement => ( + {flattenChildren(props.children).map((child: (React.ReactElement | string | number), index: number): React.ReactElement => ( // eslint-disable-next-line react/no-array-index-key {child} ))} diff --git a/src/layouts/layerContainer/component.tsx b/src/layouts/layerContainer/component.tsx index 3eaa97e3..873e531e 100644 --- a/src/layouts/layerContainer/component.tsx +++ b/src/layouts/layerContainer/component.tsx @@ -49,7 +49,7 @@ export function LayerContainer({ }: ILayerContainerProps): React.ReactElement { const children = flattenChildren(props.children).map((child: (React.ReactElement | string | number), index: number): React.ReactElement => ( // eslint-disable-next-line react/no-array-index-key - typeof child === 'object' && 'type' in child && child.type === Layer ? child : { child } + typeof child === 'object' && 'type' in child && child.type === Layer ? child : { child } )); return ( @@ -57,7 +57,7 @@ export function LayerContainer({ id={props.id} className={getClassName(LayerContainer.displayName, className)} > - { children.map((child: React.ReactElement, index: number): React.ReactElement => ( + { children.map((child: React.ReactElement, index: number): React.ReactElement => ( - { children.map((child: React.ReactElement, index: number): React.ReactElement => ( + { children.map((child: React.ReactElement, index: number): React.ReactElement => ( {child.props.gutterBefore && ( diff --git a/src/molecules/markdown/component.tsx b/src/molecules/markdown/component.tsx index 665ccc4e..974dab7b 100644 --- a/src/molecules/markdown/component.tsx +++ b/src/molecules/markdown/component.tsx @@ -77,6 +77,7 @@ function MarkdownBulletText(props: React.LiHTMLAttributes): React } // @ts-expect-error if (child.type?.displayName === 'MarkdownParagraph') { + // @ts-expect-error return React.cloneElement(child, { isInline: true, key: child.key }); } return React.cloneElement(child, { key: child.key }); diff --git a/src/molecules/optionSelect/component.tsx b/src/molecules/optionSelect/component.tsx index a82808f8..9d4cccaa 100644 --- a/src/molecules/optionSelect/component.tsx +++ b/src/molecules/optionSelect/component.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { getClassName, RecursivePartial } from '@kibalabs/core'; import { styled } from 'styled-components'; -import { Box, IInputFrameTheme, IListTheme, List, SingleLineInput } from '../..'; +import { Box, IInputFrameTheme, IListItemProps, IListTheme, List, SingleLineInput } from '../..'; import { IBoxTheme, KibaIcon, Placement, Portal, Text } from '../../particles'; import { getVariant } from '../../util'; import { HidingView } from '../../wrappers'; @@ -63,7 +63,7 @@ function OptionSelectContent({ }: IOptionSelectContentProps): React.ReactElement { return ( - {props.options.map((option: IOption): React.ReactElement => ( + {props.options.map((option: IOption): React.ReactElement => ( void; onFrameClicked?: () => void; onValueChanged: (value: string) => void; - ref?: React.ForwardedRef; + ref?: React.RefObject; } export function SingleLineInput({ diff --git a/src/particles/box/component.tsx b/src/particles/box/component.tsx index 19c8f36e..95d2e7f1 100644 --- a/src/particles/box/component.tsx +++ b/src/particles/box/component.tsx @@ -78,7 +78,7 @@ export interface IBoxProps extends IComponentProps, IOptionalSingleAn shouldClipContent?: boolean; shouldCaptureTouches?: boolean; position?: string; - ref?: React.ForwardedRef; + ref?: React.RefObject; } export function Box({ diff --git a/src/particles/portal/component.tsx b/src/particles/portal/component.tsx index 2532eedd..26f46858 100644 --- a/src/particles/portal/component.tsx +++ b/src/particles/portal/component.tsx @@ -83,7 +83,7 @@ export function getOffsetLeft(rect: DOMRect, horizontal: number | string): numbe } export interface IPortalProps extends IComponentProps, ISingleAnyChildProps { - anchorElement: React.RefObject; + anchorElement: React.RefObject; placement: Placement | string; positionTop?: number; positionLeft?: number; @@ -91,7 +91,7 @@ export interface IPortalProps extends IComponentProps, ISingleAnyC isScrollableHorizontally?: boolean; shouldMatchAnchorWidth?: boolean; shouldMatchAnchorHeight?: boolean; - ref?: React.ForwardedRef; + ref?: React.RefObject; } export const Portal = ({ From e5a4087830d9af976e0ecbe402d712442a1f61a4 Mon Sep 17 00:00:00 2001 From: Krishan Patel Date: Mon, 10 Mar 2025 16:43:20 +0000 Subject: [PATCH 3/7] . --- src/wrappers/wrappingComponent.tsx | 29 ++++++++++++++++++++++++++--- 1 file changed, 26 insertions(+), 3 deletions(-) diff --git a/src/wrappers/wrappingComponent.tsx b/src/wrappers/wrappingComponent.tsx index 72307db5..085e78e5 100644 --- a/src/wrappers/wrappingComponent.tsx +++ b/src/wrappers/wrappingComponent.tsx @@ -1,12 +1,35 @@ import React from 'react'; import { getClassName } from '@kibalabs/core'; -import { flattenChildren } from '@kibalabs/core-react'; +// import { flattenChildren } from '@kibalabs/core-react'; +import { isFragment } from 'react-is'; -import { IWrapperProps } from './wrapperProps'; +// eslint-disable-next-line @typescript-eslint/no-explicit-any +type ReactChild = (string | number | React.ReactElement>); + +// https://github.com/grrowl/react-keyed-flatten-children +export const flattenChildren = (children: React.ReactNode, depth = 0, keys: (string | number)[] = [], shouldRemoveEmptyStrings = true): (React.ReactElement | string | number)[] => { + console.log('flattenChildren', children); + return React.Children.toArray(children).reduce((acc: ReactChild[], node: React.ReactNode, nodeIndex: number) => { + if (isFragment(node)) { + // @ts-expect-error + acc.push(...flattenChildren((node as unknown as typeof React.Fragment).props.children, depth + 1, keys.concat(node.key || nodeIndex))); + } else if (React.isValidElement(node)) { + acc.push(React.cloneElement(node, { key: keys.concat(String(node.key)).join('.') })); + } else if (typeof node === 'number') { + acc.push(node); + } else if (typeof node === 'string' && (node || !shouldRemoveEmptyStrings)) { + acc.push(node); + } + return acc; + }, []); +}; const styleCopier =

(props: P): React.ReactElement => { - const children = flattenChildren(props.children).map((child: (React.ReactElement | string | number)): (React.ReactElement | string | number) => { + console.log('styleCopier', props); + const flattenedChildren = flattenChildren(props.children); + console.log('flattenedChildren', flattenedChildren); + const children = flattenedChildren.map((child: (React.ReactElement | string | number)): (React.ReactElement | string | number) => { if (React.isValidElement(child)) { // @ts-ignore return React.cloneElement(child, { className: getClassName(child.props?.className, props.className) }); From 335326529dd4714d1ac447f952dc2e7aa8cdc7ea Mon Sep 17 00:00:00 2001 From: Krishan Patel Date: Thu, 13 Mar 2025 14:08:09 +0000 Subject: [PATCH 4/7] . --- src/wrappers/wrappingComponent.tsx | 25 ++----------------------- 1 file changed, 2 insertions(+), 23 deletions(-) diff --git a/src/wrappers/wrappingComponent.tsx b/src/wrappers/wrappingComponent.tsx index 085e78e5..4f166aef 100644 --- a/src/wrappers/wrappingComponent.tsx +++ b/src/wrappers/wrappingComponent.tsx @@ -1,29 +1,8 @@ import React from 'react'; import { getClassName } from '@kibalabs/core'; -// import { flattenChildren } from '@kibalabs/core-react'; -import { isFragment } from 'react-is'; - -// eslint-disable-next-line @typescript-eslint/no-explicit-any -type ReactChild = (string | number | React.ReactElement>); - -// https://github.com/grrowl/react-keyed-flatten-children -export const flattenChildren = (children: React.ReactNode, depth = 0, keys: (string | number)[] = [], shouldRemoveEmptyStrings = true): (React.ReactElement | string | number)[] => { - console.log('flattenChildren', children); - return React.Children.toArray(children).reduce((acc: ReactChild[], node: React.ReactNode, nodeIndex: number) => { - if (isFragment(node)) { - // @ts-expect-error - acc.push(...flattenChildren((node as unknown as typeof React.Fragment).props.children, depth + 1, keys.concat(node.key || nodeIndex))); - } else if (React.isValidElement(node)) { - acc.push(React.cloneElement(node, { key: keys.concat(String(node.key)).join('.') })); - } else if (typeof node === 'number') { - acc.push(node); - } else if (typeof node === 'string' && (node || !shouldRemoveEmptyStrings)) { - acc.push(node); - } - return acc; - }, []); -}; +import { flattenChildren } from '@kibalabs/core-react'; +import { IWrapperProps } from './wrapperProps'; const styleCopier =

(props: P): React.ReactElement => { console.log('styleCopier', props); From 1d0a0386dfc5ce7f9fea1cd7986ff08753c120c1 Mon Sep 17 00:00:00 2001 From: Krishan Patel Date: Thu, 13 Mar 2025 14:08:24 +0000 Subject: [PATCH 5/7] . --- src/wrappers/wrappingComponent.tsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/wrappers/wrappingComponent.tsx b/src/wrappers/wrappingComponent.tsx index 4f166aef..72307db5 100644 --- a/src/wrappers/wrappingComponent.tsx +++ b/src/wrappers/wrappingComponent.tsx @@ -2,13 +2,11 @@ import React from 'react'; import { getClassName } from '@kibalabs/core'; import { flattenChildren } from '@kibalabs/core-react'; + import { IWrapperProps } from './wrapperProps'; const styleCopier =

(props: P): React.ReactElement => { - console.log('styleCopier', props); - const flattenedChildren = flattenChildren(props.children); - console.log('flattenedChildren', flattenedChildren); - const children = flattenedChildren.map((child: (React.ReactElement | string | number)): (React.ReactElement | string | number) => { + const children = flattenChildren(props.children).map((child: (React.ReactElement | string | number)): (React.ReactElement | string | number) => { if (React.isValidElement(child)) { // @ts-ignore return React.cloneElement(child, { className: getClassName(child.props?.className, props.className) }); From 2e2f227a62ba4792675e9433e4594bbc5904f96b Mon Sep 17 00:00:00 2001 From: Krishan Patel Date: Thu, 13 Mar 2025 15:14:00 +0000 Subject: [PATCH 6/7] . --- CHANGELOG.md | 1 + makefile | 6 +++--- package-lock.json | 10 ++++++---- package.json | 2 +- 4 files changed, 11 insertions(+), 8 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index bd2b8101..4165f5dd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,6 +21,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) - [MAJOR] Converted package into an es-module - [MINOR] Added `shouldForceWrapper` and `shouldForceBlock` to `Markdown` - [PATCH] Corrections for how height is calculated in `MultiLineInput` +- [MAJOR] Removed `Head` in favor of react 19 inline metadata tags ### Removed diff --git a/makefile b/makefile index b28c0652..ac46f9a3 100644 --- a/makefile +++ b/makefile @@ -30,7 +30,7 @@ security-check-ci: @ echo "Not Supported" build: - @ npx build-module-rolldown + @ NODE_ENV=production npx build-module-rolldown build-ssr: @ echo "Not Supported" @@ -42,10 +42,10 @@ build-docs: @ npx storybook build --docs --output-dir dist start: - @ npx build-module-rolldown --start --dev + @ NODE_ENV=development npx build-module-rolldown --start start-prod: - @ npx build-module-rolldown --start + @ NODE_ENV=production npx build-module-rolldown --start start-docs: @ npx storybook dev --docs --port 6006 diff --git a/package-lock.json b/package-lock.json index 6f8f26e1..fde72089 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,7 @@ "polished": "^4.3.1" }, "devDependencies": { - "@kibalabs/build": "0.13.3-next.5", + "@kibalabs/build": "0.13.3-next.9", "@storybook/addon-essentials": "8.6.2", "@storybook/addon-links": "8.6.2", "@storybook/blocks": "8.6.2", @@ -2735,9 +2735,9 @@ } }, "node_modules/@kibalabs/build": { - "version": "0.13.3-next.5", - "resolved": "https://registry.npmjs.org/@kibalabs/build/-/build-0.13.3-next.5.tgz", - "integrity": "sha512-TnQBGMP6iiVtF1AoUvl5FCGnHPbFr25GTXXkV4+n9oQ44Zzd+ucXp91mT9ziAUjidia5Ie3olTrcJ+Qk3bjUXw==", + "version": "0.13.3-next.9", + "resolved": "https://registry.npmjs.org/@kibalabs/build/-/build-0.13.3-next.9.tgz", + "integrity": "sha512-I17WbEBj1gIeVFtsmwXxHnQq1SEVP9i8wD0Em/o7nk0IsVdA/v//yVA70OkvVMseEFS5pHGKzs5282K2Qk7+7A==", "dev": true, "license": "MIT", "dependencies": { @@ -2803,7 +2803,9 @@ "build-module-rolldown": "scripts/module-rolldown/run.js", "build-react-app": "scripts/react-app/run.js", "build-react-app-ssr": "scripts/react-app-ssr/run.js", + "build-react-app-ssr-vite": "scripts/react-app-ssr-vite/run.js", "build-react-app-static": "scripts/react-app-static/run.js", + "build-react-app-static-vite": "scripts/react-app-static-vite/run.js", "build-react-app-vite": "scripts/react-app-vite/run.js", "build-react-component": "scripts/react-component/run.js", "build-server": "scripts/server/run.js", diff --git a/package.json b/package.json index e116a042..363e9645 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,7 @@ "polished": "^4.3.1" }, "devDependencies": { - "@kibalabs/build": "0.13.3-next.5", + "@kibalabs/build": "0.13.3-next.9", "@storybook/addon-essentials": "8.6.2", "@storybook/addon-links": "8.6.2", "@storybook/blocks": "8.6.2", From 6dd37d208a91e30391c38b68fe88acd45e88ab5d Mon Sep 17 00:00:00 2001 From: Krishan Patel Date: Thu, 13 Mar 2025 15:24:21 +0000 Subject: [PATCH 7/7] . --- package-lock.json | 8 ++++---- package.json | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package-lock.json b/package-lock.json index fde72089..580ee582 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,7 @@ "polished": "^4.3.1" }, "devDependencies": { - "@kibalabs/build": "0.13.3-next.9", + "@kibalabs/build": "0.13.3-next.10", "@storybook/addon-essentials": "8.6.2", "@storybook/addon-links": "8.6.2", "@storybook/blocks": "8.6.2", @@ -2735,9 +2735,9 @@ } }, "node_modules/@kibalabs/build": { - "version": "0.13.3-next.9", - "resolved": "https://registry.npmjs.org/@kibalabs/build/-/build-0.13.3-next.9.tgz", - "integrity": "sha512-I17WbEBj1gIeVFtsmwXxHnQq1SEVP9i8wD0Em/o7nk0IsVdA/v//yVA70OkvVMseEFS5pHGKzs5282K2Qk7+7A==", + "version": "0.13.3-next.10", + "resolved": "https://registry.npmjs.org/@kibalabs/build/-/build-0.13.3-next.10.tgz", + "integrity": "sha512-fmsPWfbCrUfv4A6HRGlKphoAYtTnieTUypFi+flT2Itzycft8SKlpr5iw6wM5iVU5TXO7JB2w67tECkLp4CSBQ==", "dev": true, "license": "MIT", "dependencies": { diff --git a/package.json b/package.json index 363e9645..2820eede 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,7 @@ "polished": "^4.3.1" }, "devDependencies": { - "@kibalabs/build": "0.13.3-next.9", + "@kibalabs/build": "0.13.3-next.10", "@storybook/addon-essentials": "8.6.2", "@storybook/addon-links": "8.6.2", "@storybook/blocks": "8.6.2",