npm - @public-ui/sample-react - Versions diffs - 2.2.14-rc.1 → 2.2.15-rc.0 - Mend

@public-ui/sample-react 2.2.14-rc.1 → 2.2.15-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (395) hide show

package/src/components/link/short-key.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolLink } from '@public-ui/react';
+import { KolLink } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 export const LinkShortKey: FC = () => (

package/src/components/link/target.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { KolLink } from '@public-ui/react';
+import { KolLink } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import { SampleDescription } from '../SampleDescription';

package/src/components/link-button/aria-description.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { KolLinkButton } from '@public-ui/react';
+import { KolLinkButton } from '@public-ui/react-v19';
 import React from 'react';
 import type { FC } from 'react';
 import { SampleDescription } from '../SampleDescription';

package/src/components/link-button/basic.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { KolLinkButton } from '@public-ui/react';
+import { KolLinkButton } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import { SampleDescription } from '../SampleDescription';

package/src/components/link-group/basic.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolBadge, KolLinkGroup } from '@public-ui/react';
+import { KolBadge, KolLinkGroup } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 const links = [

package/src/components/link-group/horizontal.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolBadge, KolLinkGroup } from '@public-ui/react';
+import { KolBadge, KolLinkGroup } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 const links = [

package/src/components/modal/basic.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import type { FC } from 'react';
 import React, { useEffect, useRef } from 'react';
 import { useSearchParams } from 'react-router-dom';
-import { KolButton, KolCard, KolModal } from '@public-ui/react';
+import { KolButton, KolCard, KolModal } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 export const ModalBasic: FC = () => {
@@ -10,6 +10,8 @@ export const ModalBasic: FC = () => {
 	const modalState = searchParams.get('show-modal') as string;
 	const modalElement = useRef<HTMLKolModalElement>(null);
 	const stackedModalElement = useRef<HTMLKolModalElement>(null);
+	const simpleModalElement = useRef<HTMLKolModalElement>(null);
+	const closerCardModalElement = useRef<HTMLKolModalElement>(null);
 	useEffect(() => {
 		if (modalState === 'true') {
@@ -26,7 +28,7 @@ export const ModalBasic: FC = () => {
 				</p>
 			</SampleDescription>
-			<div className="flex">
+			<div className="flex flex-col gap-4">
 				<KolModal _label="Primary modal" _width="80%" ref={modalElement} _on={{ onClose: () => console.log('Modal closed') }}>
 					<KolCard _label="I am a modal.">
 						<KolButton
@@ -63,14 +65,52 @@ export const ModalBasic: FC = () => {
 					</KolCard>
 				</KolModal>
-				<KolButton
-					_label="Open modal"
-					_on={{
-						onClick: () => {
-							modalElement.current?.openModal();
-						},
-					}}
-				/>
+				<KolModal _label="Simple modal" _width="80%" ref={simpleModalElement}>
+					<div className="p-4">
+						<p>This modal does not contain a KolCard.</p>
+						<KolButton
+							_label="Close modal"
+							_on={{
+								onClick: () => {
+									simpleModalElement.current?.closeModal();
+								},
+							}}
+						/>
+					</div>
+				</KolModal>
+				<KolModal _label="Modal with KolCard" _width="80%" ref={closerCardModalElement}>
+					<KolCard _label="Closable modal" _hasCloser _on={{ onClose: () => closerCardModalElement.current?.closeModal() }}>
+						<p>This KolCard has a closer button.</p>
+					</KolCard>
+				</KolModal>
+				<div className="flex flex-wrap gap-4">
+					<KolButton
+						_label="Open modal"
+						_on={{
+							onClick: () => {
+								modalElement.current?.openModal();
+							},
+						}}
+					/>
+					<KolButton
+						_label="Open simple modal"
+						_on={{
+							onClick: () => {
+								simpleModalElement.current?.openModal();
+							},
+						}}
+					/>
+					<KolButton
+						_label="Open closer modal"
+						_on={{
+							onClick: () => {
+								closerCardModalElement.current?.openModal();
+							},
+						}}
+					/>
+				</div>
 			</div>
 		</>
 	);

package/src/components/nav/aria-current.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { KolNav } from '@public-ui/react';
+import { KolNav } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';

package/src/components/nav/basic.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
-import { KolHeading, KolInputCheckbox, KolNav } from '@public-ui/react';
+import { KolHeading, KolInputCheckbox, KolNav } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import { LINKS, LINKS_WITHOUT_SUBMENU } from './links';

package/src/components/nav/horizontal.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { KolHeading, KolNav } from '@public-ui/react';
+import { KolHeading, KolNav } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import { LINKS, LINKS_WITHOUT_SUBMENU } from './links';

package/src/components/pagination/basic.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { KolPagination } from '@public-ui/react';
+import { KolPagination } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import { SampleDescription } from '../SampleDescription';

package/src/components/popover-button/basic.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import type { FC } from 'react';
 import { useContext } from 'react';
 import React from 'react';
 import { SampleDescription } from '../SampleDescription';
-import { KolButton, KolPopoverButton, KolBadge } from '@public-ui/react';
+import { KolButton, KolPopoverButton, KolBadge } from '@public-ui/react-v19';
 import { useToasterService } from '../../hooks/useToasterService';
 import { HideMenusContext } from '../../shares/HideMenusContext';

package/src/components/progress/basic.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { KolProgress } from '@public-ui/react';
+import { KolProgress } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import { SampleDescription } from '../SampleDescription';

package/src/components/quote/basic.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolQuote } from '@public-ui/react';
+import { KolQuote } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 export const QuoteBasic: FC = () => (

package/src/components/quote/block.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolQuote } from '@public-ui/react';
+import { KolQuote } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 export const QuoteBlock: FC = () => (

package/src/components/select/partials/cases.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
-import { KolSelect } from '@public-ui/react';
+import { KolSelect } from '@public-ui/react-v19';
 import { ERROR_MSG } from '../../../shares/constants';

package/src/components/single-select/basic.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import { HideMenusContext } from '../../shares/HideMenusContext';
 import { SampleDescription } from '../SampleDescription';
 import { SingleSelectVariants } from './partials/variants';
 import { useContext } from 'react';
-import { KolBadge } from '@public-ui/react';
+import { KolBadge } from '@public-ui/react-v19';
 export const SingleSelectBasic: FC = () => {
 	const hideMenus = useContext(HideMenusContext);

package/src/components/single-select/partials/cases.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
-import { KolSingleSelect } from '@public-ui/react';
+import { KolSingleSelect } from '@public-ui/react-v19';
 import { ERROR_MSG, HINT_MSG } from '../../../shares/constants';

package/src/components/skip-nav/basic.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolSkipNav } from '@public-ui/react';
+import { KolSkipNav } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';

package/src/components/spin/basic.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { KolSpin } from '@public-ui/react';
+import { KolSpin } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import { SampleDescription } from '../SampleDescription';

package/src/components/spin/custom.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { SampleDescription } from '../SampleDescription';
 import React from 'react';
-import { KolSpin } from '@public-ui/react';
+import { KolSpin } from '@public-ui/react-v19';
 import type { FC } from 'react';

package/src/components/spin/cycle.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { KolSpin } from '@public-ui/react';
+import { KolSpin } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import { SampleDescription } from '../SampleDescription';

package/src/components/split-button/basic.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ToasterService } from '@public-ui/components';
-import { KolSplitButton } from '@public-ui/react';
+import { KolSplitButton } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import type { FC } from 'react';

package/src/components/split-button/with-context.tsx CHANGED Viewed

@@ -2,13 +2,13 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import * as React from 'react';
-import { KolButton, KolInputText, KolSplitButton } from '@public-ui/react';
+import { KolButton, KolInputText, KolSplitButton } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import type { FC } from 'react';
 export const SplitButtonWithContext: FC = () => {
-	const splitButtonRef = React.useRef<HTMLKolSplitButtonElement & { closePopup: any }>();
+	const splitButtonRef = React.useRef<HTMLKolSplitButtonElement & { closePopup: any }>(null);
 	const handleCloseClick = () => {
 		splitButtonRef.current?.closePopup();

package/src/components/table/column-alignment.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolHeading, KolTable } from '@public-ui/react';
+import { KolHeading, KolTable } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';

package/src/components/table/complex-headers.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolTable } from '@public-ui/react';
+import { KolTable } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 export const TableComplexHeaders: FC = () => (

package/src/components/table/horizontal-scrollbar.tsx CHANGED Viewed

@@ -1,11 +1,15 @@
 import type { FC } from 'react';
 import React, { useState } from 'react';
-import { KolAlert, KolHeading, KolInputCheckbox, KolTable } from '@public-ui/react';
+import { KolAlert, KolHeading, KolInputCheckbox, KolTable } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import type { KoliBriTableHeaders } from '@public-ui/components';
+import { DATA as tableData } from './test-data';
+import type { Data } from './test-data';
+import { DATE_FORMATTER } from './formatter';
 const DATA = [{ small: 'Small Example', large: 'Larger Example' }];
 const HEADERS: KoliBriTableHeaders = {
@@ -52,6 +56,23 @@ export const TableHorizontalScrollbar: FC = () => {
 					style={{ width: '400px' }}
 				/>
+				<KolHeading _label="Table with scrollbar and pagination" _level={3} />
+				<KolTable
+					_label="Table for demonstration horizontal scrolling with pagination."
+					_minWidth={hasWidthRestriction ? '600px' : undefined}
+					_headers={{
+						horizontal: [
+							[
+								{ label: 'Order', key: 'order' },
+								{ label: 'Date', key: 'date', render: (_el, _cell, tupel) => DATE_FORMATTER.format((tupel as unknown as Data).date) },
+							],
+						],
+					}}
+					_data={tableData}
+					style={{ width: '400px' }}
+					_pagination
+				/>
 				<KolHeading _label="Empty Table with scrollbar" _level={3} />
 				<KolTable
@@ -80,7 +101,14 @@ export const TableHorizontalScrollbar: FC = () => {
 					<i>Scrollbar appears on very small viewport sizes</i>
 				</p>
-				<KolTable _label="Table for demonstration purposes without horizontal scrollbar" _minWidth="600px" _headers={HEADERS} _data={DATA} className="block" />
+				<KolTable
+					_label="Table for demonstration purposes without horizontal scrollbar"
+					_minWidth="600px"
+					_headers={HEADERS}
+					_data={DATA}
+					className="block"
+					_pagination
+				/>
 			</section>
 		</>
 	);

package/src/components/table/interactive-child-elements.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { ButtonProps, ButtonVariantPropType, KoliBriTableCell, KoliBriTableHeaderCell } from '@public-ui/components';
-import { createReactRenderElement, KolButton, KolButtonLink, KolLink, KolLinkButton, KolTableStateless } from '@public-ui/react';
+import { createReactRenderElement, KolButton, KolButtonLink, KolLink, KolLinkButton, KolTableStateless } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React from 'react';
 import { getRoot } from '../../shares/react-roots';

package/src/components/table/multi-sort.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React, { useState } from 'react';
-import { KolHeading, KolInputCheckbox, KolTable } from '@public-ui/react';
+import { KolHeading, KolInputCheckbox, KolTable } from '@public-ui/react-v19';
 import type { KoliBriTableHeaders, KoliBriTableDataType } from '@public-ui/components';
 import type { Data } from './test-data';
 import { DATA } from './test-data';

package/src/components/table/pagination-position.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolHeading, KolTable } from '@public-ui/react';
+import { KolHeading, KolTable } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import { DATE_FORMATTER } from './formatter';

package/src/components/table/render-cell.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { createReactRenderElement, KolButton, KolInputText, KolTable } from '@public-ui/react';
+import { createReactRenderElement, KolButton, KolInputText, KolTable } from '@public-ui/react-v19';
 import { getRoot } from '../../shares/react-roots';
 import { SampleDescription } from '../SampleDescription';

package/src/components/table/sort-data.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolHeading, KolTable } from '@public-ui/react';
+import { KolHeading, KolTable } from '@public-ui/react-v19';
 import type { KoliBriTableHeaders } from '@public-ui/components';
 import type { Data } from './test-data';
 import { DATA } from './test-data';

package/src/components/table/stateful-with-selection.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React, { useEffect, useRef, useState } from 'react';
-import { KolButton, KolTableStateful, createReactRenderElement } from '@public-ui/react';
+import { KolButton, KolTableStateful, createReactRenderElement } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import type { KoliBriTableDataType, KoliBriTableSelection } from '@public-ui/components';
 import { getRoot } from '../../shares/react-roots';

package/src/components/table/stateful-with-single-selection.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React, { useEffect, useRef, useState } from 'react';
-import { KolButton, KolTableStateful, createReactRenderElement } from '@public-ui/react';
+import { KolButton, KolTableStateful, createReactRenderElement } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import type { KoliBriTableDataType, KoliBriTableSelection } from '@public-ui/components';
 import { getRoot } from '../../shares/react-roots';

package/src/components/table/stateless-with-selection.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React, { useEffect, useState, useRef } from 'react';
-import { KolButton, KolTableStateless, createReactRenderElement } from '@public-ui/react';
+import { KolButton, KolTableStateless, createReactRenderElement } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import type { KoliBriTableSelection } from '@public-ui/components';
 import { getRoot } from '../../shares/react-roots';

package/src/components/table/stateless-with-single-selection.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React, { useEffect, useState, useRef } from 'react';
-import { KolButton, KolTableStateless, createReactRenderElement } from '@public-ui/react';
+import { KolButton, KolTableStateless, createReactRenderElement } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import type { KoliBriTableSelection } from '@public-ui/components';
 import { getRoot } from '../../shares/react-roots';

package/src/components/table/stateless.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolTableStateless } from '@public-ui/react';
+import { KolTableStateless } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 const DATA = [{ left: 'Left Example', center: 'Center Example', right: 'Right Example' }, {}, {}, {}];

package/src/components/table/with-footer.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolTable } from '@public-ui/react';
+import { KolTable } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 export const TableWithFooter: FC = () => (

package/src/components/table/with-pagination.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolTable } from '@public-ui/react';
+import { KolTable } from '@public-ui/react-v19';
 import { DATE_FORMATTER } from './formatter';
 import { SampleDescription } from '../SampleDescription';

package/src/components/tabs/align.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolHeading, KolTabs } from '@public-ui/react';
+import { KolHeading, KolTabs } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import type { AlignPropType } from '@public-ui/components';

package/src/components/tabs/basic.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolTabs } from '@public-ui/react';
+import { KolTabs } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 const tabs = [

package/src/components/tabs/behavior.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolHeading, KolTabs } from '@public-ui/react';
+import { KolHeading, KolTabs } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 const tabs = [

package/src/components/tabs/icons-only.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolTabs } from '@public-ui/react';
+import { KolTabs } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 const tabs = [

package/src/components/textarea/adjust-height.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolForm, KolTextarea } from '@public-ui/react';
+import { KolForm, KolTextarea } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 const VALUE = `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore

package/src/components/textarea/partials/cases.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
-import { KolTextarea } from '@public-ui/react';
+import { KolTextarea } from '@public-ui/react-v19';
 import { ERROR_MSG } from '../../../shares/constants';

package/src/components/textarea/resize.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { KolForm, KolTextarea } from '@public-ui/react';
+import { KolForm, KolTextarea } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import { SampleDescription } from '../SampleDescription';

package/src/components/textarea/rows.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { KolForm, KolTextarea } from '@public-ui/react';
+import { KolForm, KolTextarea } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import { SampleDescription } from '../SampleDescription';

package/src/components/textarea/with-counter.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { KolTextarea } from '@public-ui/react';
+import { KolTextarea } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 export const TextareaCounter: FC = () => (

package/src/components/toast/basic.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import { useSearchParams } from 'react-router-dom';
 import { ToasterService } from '@public-ui/components';
-import { KolButton } from '@public-ui/react';
+import { KolButton } from '@public-ui/react-v19';
 import type { AlertType, AlertVariant } from '@public-ui/components';
 import { getRoot } from '../../shares/react-roots';

package/src/components/toolbar/basic.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React, { useContext } from 'react';
-import { KolBadge, KolToolbar } from '@public-ui/react';
+import { KolBadge, KolToolbar } from '@public-ui/react-v19';
 import { HideMenusContext } from '../../shares/HideMenusContext';
 import { SampleDescription } from '../SampleDescription';

package/src/components/toolbar/disabled.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React, { useContext } from 'react';
-import { KolBadge, KolToolbar } from '@public-ui/react';
+import { KolBadge, KolToolbar } from '@public-ui/react-v19';
 import { HideMenusContext } from '../../shares/HideMenusContext';
 import { SampleDescription } from '../SampleDescription';

package/src/components/tree/basic.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React, { useContext, useState } from 'react';
-import { KolBadge, KolButton, KolTree, KolTreeItem } from '@public-ui/react';
+import { KolBadge, KolButton, KolTree, KolTreeItem } from '@public-ui/react-v19';
 import { getRandomEmoji } from '../../shares/randomEmoji';
 import { useParams } from 'react-router';
 import { HideMenusContext } from '../../shares/HideMenusContext';