@oneplatformdev/ui 0.1.0-8 → 0.1.9-2

package/CHANGELOG.md

@@ -1,3 +1,92 @@
+## 0.1.9-2 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-39
+- Updated @oneplatformdev/hooks to 0.1.0-24
+
+## 0.1.9-1 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-38
+- Updated @oneplatformdev/hooks to 0.1.0-23
+
+## 0.1.9-0 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-37
+- Updated @oneplatformdev/hooks to 0.1.0-22
+
+## 0.1.8 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/hooks to 0.1.0-21
+
+## 0.1.7 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/hooks to 0.1.0-20
+
+## 0.1.7-0 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-36
+- Updated @oneplatformdev/hooks to 0.1.0-19
+
+## 0.1.6 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/hooks to 0.1.0-18
+
+## 0.1.5 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/hooks to 0.1.0-17
+
+## 0.1.4 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/hooks to 0.1.0-16
+
+## 0.1.3 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/hooks to 0.1.0-14
+
+## 0.1.2 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/hooks to 0.1.0-13
+
+## 0.1.1 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/hooks to 0.1.0-12
+
+## 0.1.0 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/hooks to 0.1.0-11
+
+## 0.1.0-9 (2025-09-11)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-35
+- Updated @oneplatformdev/hooks to 0.1.0-10
+
 ## 0.1.0-8 (2025-09-11)
 
 ### 🧱 Updated Dependencies

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.0-8",
+  "version": "0.1.9-2",
   "description": "React hook library",
   "author": "One Platform Development Team",
   "keywords": [
@@ -42,6 +42,9 @@
       "default": "./*.js"
     }
   },
+  "publishConfig": {
+    "directory": "dist"
+  },
   "files": [
     "**/*",
     "dist",
@@ -71,7 +74,7 @@
   "dependencies": {
     "@radix-ui/react-slot": "1.1.1",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@oneplatformdev/utils": "^0.1.1-34",
-    "@oneplatformdev/hooks": "^0.1.0-9"
+    "@oneplatformdev/hooks": "^0.1.0-25",
+    "@oneplatformdev/utils": "^0.1.1-40"
   }
 }

package/.babelrc

@@ -1,12 +0,0 @@
-{
-  "presets": [
-    [
-      "@nx/react/babel",
-      {
-        "runtime": "automatic",
-        "useBuiltIns": "usage"
-      }
-    ]
-  ],
-  "plugins": []
-}

package/.storybook/main.ts

@@ -1,48 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-vite';
-import { mergeConfig } from 'vite';
-import * as path from 'node:path';
-
-const rootPath = path.resolve(__dirname, '../../');
-
-const utilsPath = path.resolve(rootPath, 'utils', 'src');
-const uiPath = path.resolve(rootPath, 'ui', 'src');
-const hooksPath = path.resolve(rootPath, 'hooks', 'src');
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
-  addons: ['@storybook/addon-essentials'],
-  async viteFinal(config) {
-    return mergeConfig(config, {
-      resolve: {
-        alias: {
-          '@oneplatformdev/utils': utilsPath,
-          '@oneplatformdev/utils/*': `${utilsPath}/*`,
-          '@oneplatformdev/ui': uiPath,
-          '@oneplatformdev/ui/*': `${uiPath}/*`,
-          '@oneplatformdev/hooks': hooksPath,
-          '@oneplatformdev/hooks/*': `${hooksPath}/*`,
-        },
-      },
-    });
-  },
-  docs: {
-    defaultName: 'Documentation',
-  },
-  framework: {
-    name: '@storybook/react-vite',
-    options: {
-      builder: {
-        viteConfigPath: 'vite.config.ts',
-      },
-    },
-  },
-  core: {
-    builder: '@storybook/builder-vite'
-  },
-};
-
-export default config;
-
-// To customize your Vite configuration you can use the viteFinal field.
-// Check https://storybook.js.org/docs/react/builders/vite#configuration
-// and https://nx.dev/recipes/storybook/custom-builder-configs

package/.storybook/manager.ts

@@ -1,6 +0,0 @@
-import { addons } from '@storybook/manager-api';
-import { themes } from '@storybook/theming';
-
-addons.setConfig({
-  theme: themes.dark,
-});

package/.storybook/preview.ts

@@ -1,29 +0,0 @@
-import '../src/global.css';
-import { Preview } from '@storybook/react';
-
-import { withThemeByClassName } from '@storybook/addon-themes';
-
-export const decorators = [
-  withThemeByClassName({
-    themes: {
-      light: 'light',
-      dark: 'dark',
-    },
-    defaultTheme: 'light',
-  }),
-];
-
-const preview: Preview = {
-  tags: ['autodocs'],
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-    actions: { argTypesRegex: '^on.*' },
-  }
-};
-
-export default preview;

package/dist/CHANGELOG.md

@@ -1,31 +0,0 @@
-## 0.1.0-6 (2025-09-11)
-
-### 🧱 Updated Dependencies
-
-- Updated @oneplatformdev/utils to 0.1.1-32
-- Updated @oneplatformdev/hooks to 0.1.0-8
-
-## 0.1.0-5 (2025-09-11)
-
-### 🧱 Updated Dependencies
-
-- Updated @oneplatformdev/utils to 0.1.1-28
-- Updated @oneplatformdev/hooks to 0.1.0-7
-
-## 0.1.0-4 (2025-09-11)
-
-This was a version bump only for @oneplatformdev/ui to align it with other projects, there were no code changes.
-
-## 0.1.0-3 (2025-09-11)
-
-### 🧱 Updated Dependencies
-
-- Updated @oneplatformdev/hooks to 0.1.0-5
-- Updated @oneplatformdev/utils to 0.1.1-26
-
-## 0.1.0-2 (2025-09-11)
-
-### 🧱 Updated Dependencies
-
-- Updated @oneplatformdev/hooks to 0.1.0-4
-- Updated @oneplatformdev/utils to 0.1.1-25

package/dist/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2025 Oleh Maksimenko
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/README.md

@@ -1,7 +0,0 @@
-# @oneplatformdev/ui
-
-This library was generated with [Nx](https://nx.dev).
-
-## Running unit tests
-
-Run `nx test @oneplatformdev/ui` to execute the unit tests via [Vitest](https://vitest.dev/).

package/dist/package.json

@@ -1,77 +0,0 @@
-{
-  "name": "@oneplatformdev/ui",
-  "version": "0.1.0-7",
-  "description": "React hook library",
-  "author": "One Platform Development Team",
-  "keywords": [
-    "react",
-    "oneplatform",
-    "hooks",
-    "typescript"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/oneplatformdev/core.git",
-    "directory": "packages/hooks"
-  },
-  "bugs": {
-    "url": "https://github.com/oneplatformdev/core/issues"
-  },
-  "homepage": "private package",
-  "private": false,
-  "license": "MIT",
-  "type": "module",
-  "main": "./index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": [
-    "./global.css"
-  ],
-  "exports": {
-    "./package.json": "./package.json",
-    "./global.css": "./global.css",
-    ".": {
-      "@oneplatformdev/source": "./src/index.ts",
-      "types": "./index.d.ts",
-      "import": "./index.js",
-      "default": "./index.js"
-    },
-    "./*": {
-      "types": "./*.d.ts",
-      "import": "./*.js",
-      "default": "./*.js"
-    }
-  },
-  "files": [
-    "**/*",
-    "dist",
-    "package.json",
-    "README.md",
-    "LICENSE",
-    "!**/*.tsbuildinfo"
-  ],
-  "peerDependencies": {
-    "react": ">=18 || >=19",
-    "react-dom": ">=18 || >=19",
-    "tailwindcss": ">=4.0.0",
-    "tw-animate-css": "^1.3.8",
-    "clsx": "^2.1.1",
-    "class-variance-authority": "^0.7.1",
-    "tailwind-merge": "^2.3.0",
-    "lucide-react": "^0.452.0"
-  },
-  "peerDependenciesMeta": {
-    "@types/react": {
-      "optional": true
-    },
-    "@types/react-dom": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "@oneplatformdev/hooks": "workspace:^",
-    "@oneplatformdev/utils": "workspace:^",
-    "@radix-ui/react-slot": "1.1.1",
-    "@radix-ui/react-tooltip": "^1.2.8"
-  }
-}

package/external.ts

@@ -1,78 +0,0 @@
-const baseExternal = [
-  'path',
-  'react',
-  'react-dom',
-  'react/jsx-runtime',
-  'jsx-runtime',
-  'react-jsx',
-  'postcss',
-  'autoprefixer',
-  'react',
-  'react-dom',
-  'tailwindcss',
-  'tw-animate-css',
-  'tailwind-merge',
-  'lucide-react',
-  '@tailwindcss/vite',
-  'clsx',
-  'class-variance-authority',
-  '@oneplatformdev/utils',
-  '@oneplatformdev/hooks',
-  '@oneplatformdev/tokens',
-]
-
-const radixPackExternal = [
-  "@radix-ui/react-accordion",
-  "@radix-ui/react-alert-dialog",
-  "@radix-ui/react-aspect-ratio",
-  "@radix-ui/react-avatar",
-  "@radix-ui/react-checkbox",
-  "@radix-ui/react-collapsible",
-  "@radix-ui/react-dialog",
-  "@radix-ui/react-dropdown-menu",
-  "@radix-ui/react-hover-card",
-  "@radix-ui/react-label",
-  "@radix-ui/react-menubar",
-  "@radix-ui/react-navigation-menu",
-  "@radix-ui/react-popover",
-  "@radix-ui/react-progress",
-  "@radix-ui/react-radio-group",
-  "@radix-ui/react-scroll-area",
-  "@radix-ui/react-select",
-  "@radix-ui/react-separator",
-  "@radix-ui/react-slider",
-  "@radix-ui/react-slot",
-  "@radix-ui/react-switch",
-  "@radix-ui/react-tabs",
-  "@radix-ui/react-toast",
-  "@radix-ui/react-toggle",
-  "@radix-ui/react-toggle-group",
-  "@radix-ui/react-tooltip",
-]
-
-
-const packExternal = [
-  'lucide-react',
-  'class-variance-authority',
-  '@hookform/resolvers',
-  'cmdk',
-  'date-fns',
-  'embla-carousel-react',
-  'input-otp',
-  'next-themes',
-  'react-day-picker',
-  'react-hook-form',
-  'react-resizable-panels',
-  'recharts',
-  'sonner',
-  'vaul',
-  "@tanstack/react-table",
-  'react-dropzone',
-  'react-textarea-autosize',
-]
-
-export const external = [
-  ...baseExternal,
-  ...radixPackExternal,
-  ...packExternal,
-]

package/kit/MultiSelectCombobox/MultiSelectCombobox.tsx

@@ -1,211 +0,0 @@
-"use client";
-
-import { Check, ChevronsUpDown, X } from 'lucide-react';
-import { FC, useCallback, useEffect, useRef, useState } from "react";
-import { useTranslation } from "react-i18next";
-
-import { useDebounce } from "@/hooks/useDebounce.ts";
-import { IOption, MultiSelectComboboxProps } from "./types.ts";
-
-import { cn } from "@/lib/utils";
-import { NLTProgress } from "@/UIKit/components/NLTProgress/nlt-progress.tsx";
-import { Badge } from "@/UIKit/shadcn/badge.tsx";
-import { Button } from "@/UIKit/shadcn/button";
-import {
-	Command,
-	CommandEmpty,
-	CommandGroup,
-	CommandInput,
-	CommandItem,
-	CommandList,
-} from "@/UIKit/shadcn/command";
-import { Popover, PopoverContent, PopoverTrigger } from "@/UIKit/shadcn/popover";
-
-export const MultiSelectCombobox: FC<MultiSelectComboboxProps> = (props) => {
-	const {
-		values = [],
-		options: initialOptions = [],
-		onChange,
-		fetchOptions,
-		disabled,
-		placeholder,
-		searchLabel,
-		notFoundLabel,
-		onMount,
-	} = props;
-	const { t } = useTranslation('common');
-	const isMounted = useRef(false);
-	const [ open, setOpen ] = useState(false);
-	const [ loading, setLoading ] = useState(false);
-	const [ searchTerm, setSearchTerm ] = useState("");
-	const [ options, setOptions ] = useState<IOption[]>(initialOptions);
-
-	const [ selected, setSelected ] = useState<IOption[]>([]);
-
-	const onChangeOption = useCallback((nextOptions: IOption[]) => {
-		onChange?.(nextOptions.map(o => o.value));
-		setSelected(nextOptions);
-	}, [onChange]);
-
-	const handleSelect = useCallback((option: IOption) => {
-		const next = selected.some((o) => o.value === option.value)
-			? selected.filter((o) => o.value !== option.value)
-			: [ ...selected, option ];
-		onChangeOption(next);
-	}, [selected, onChangeOption]);
-
-	const handleRemove = useCallback((option: IOption) => {
-		const next = selected.filter(o => o.value !== option.value);
-		onChangeOption?.(next);
-	}, [selected, onChangeOption]);
-
-	const getIsSelected = useCallback((option: IOption) => {
-		return values.includes(option.value) || selected?.some((o) => o.value === option.value);
-	}, [selected, values]);
-
-	const getData = async (search?: string) => {
-		setLoading(true);
-		try {
-			const fetchedOptions = await fetchOptions(search);
-			setOptions(fetchedOptions);
-		} catch (error) {
-			console.error("Option load failed:", error);
-		} finally {
-			setLoading(false);
-		}
-	};
-
-	const handlePopoverOpen = async () => {
-		if (!open) {
-			getData();
-			setSearchTerm('');
-		}
-	};
-
-	const { debouncedWrapper } = useDebounce(getData, 1000);
-	const handleSearchChange = (value: string) => {
-		setSearchTerm(value);
-		debouncedWrapper(value);
-	};
-
-	const mount = useCallback(() => {
-		if(!onMount) {
-			isMounted.current = true;
-			return;
-		}
-		onMount({ setSelected })
-			.finally(() => {
-				isMounted.current = true;
-			});
-	}, [onMount]);
-
-	useEffect(() => {
-		mount();
-		return () => {
-			isMounted.current = false;
-		};
-	}, []);
-
-	return (
-		<div className="w-full">
-			<Popover
-				open={open}
-				onOpenChange={(newOpen) => {
-					setOpen(newOpen);
-					if (newOpen) handlePopoverOpen();
-				}}
-			>
-				<PopoverTrigger asChild className="border-border">
-					<Button
-						variant="outline"
-						role="combobox"
-						aria-expanded={open}
-						className={cn(
-							"flex w-full items-center justify-start h-auto min-h-[36px] border",
-							open ? "border-2 border-sidebar-accent" : "border-border",
-						)}
-						disabled={!isMounted.current || disabled}
-					>
-						<>
-							{!isMounted.current && <NLTProgress className="w-6 h-6 text-primary" />}
-							{isMounted.current && selected?.length
-							? (
-								<div className="flex flex-wrap gap-2">
-									{selected.map((opt) => (
-										<Badge
-											key={opt.value}
-											variant="secondary"
-											className='m-0 w-auto h-auto min-h-0 items-center'
-										>
-											<span>{opt.label}</span>
-											<Button
-												variant="ghost"
-												size="icon"
-												className="p-0 text-muted-foreground hover:bg-transparent h-4 w-4"
-												onClick={(e) => {
-													e?.preventDefault();
-													e?.stopPropagation();
-													handleRemove(opt);
-												}}
-											>
-												<X className="h-3 w-3" />
-											</Button>
-										</Badge>
-									))}
-								</div>
-							)
-							: (
-								<div className='flex items-center justify-between w-full'>
-									{placeholder}
-									<ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50"/>
-								</div>
-							)}
-						</>
-					</Button>
-				</PopoverTrigger>
-				<PopoverContent
-					className="w-(--radix-popper-anchor-width) max-w-none p-0"
-					align="start"
-				>
-					<Command shouldFilter={false}>
-						<CommandInput
-							placeholder={searchLabel}
-							value={searchTerm}
-							onValueChange={handleSearchChange}
-						/>
-						<CommandList>
-							{!loading && <CommandEmpty>{notFoundLabel || t('foundNothing')}</CommandEmpty>}
-							<CommandGroup>
-								{loading ? (
-									<div className="flex justify-center"><NLTProgress
-										className="w-6 h-6 text-primary"/></div>
-								) : (
-									options?.map((option) => (
-											<CommandItem
-												key={option.value}
-												value={option.value}
-												onSelect={() => {
-													handleSelect(option);
-												}}
-											>
-												{option.label}
-												<Check
-													className={cn(
-														"ml-auto",
-														getIsSelected(option) ? "opacity-100" : "opacity-0"
-													)}
-												/>
-											</CommandItem>
-										)
-									)
-								)}
-							</CommandGroup>
-						</CommandList>
-					</Command>
-				</PopoverContent>
-
-			</Popover>
-		</div>
-	);
-};
-

package/kit/MultiSelectCombobox/index.tsx

@@ -1,2 +0,0 @@
-export { MultiSelectCombobox } from './MultiSelectCombobox.tsx';
-export type * from './types.ts';

package/kit/MultiSelectCombobox/types.ts

@@ -1,22 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-
-export interface IOption {
-	value: string;
-	label: string;
-}
-
-export interface MultiSelectComboboxPropsOnMountParams {
-	setSelected:  Dispatch<SetStateAction<IOption[]>>
-}
-
-export interface MultiSelectComboboxProps {
-	values?: IOption["value"][];
-	options?: IOption[];
-	onChange?: (options?: IOption["value"][]) => void;
-	fetchOptions: (search?: string) => Promise<IOption[]>;
-	disabled?: boolean;
-	placeholder?: string;
-	searchLabel?: string;
-	notFoundLabel?: string;
-	onMount?: (params: MultiSelectComboboxPropsOnMountParams) => Promise<void>;
-}