Komponenty

import { DetailList, DetailView } from '@deenruv/react-ui-devkit';

import { EntityCustomFields } from '@deenruv/react-ui-devkit';

function ProductDetail({ product }) {
  return (
    <div>
      {/* Standardowe pola produktu */}
      <Input value={product.name} />

      {/* Renderowanie wszystkich pól niestandardowych dla tej encji */}
      <EntityCustomFields
        entityType="Product"
        entity={product}
        onFieldChange={(fieldName, value) => {
          // Obsługa aktualizacji pól niestandardowych
        }}
      />
    </div>
  );
}

import { PageBlock } from '@deenruv/react-ui-devkit';

<PageBlock title="Product Details" description="Basic product information">
  <Input label="Name" value={name} onChange={setName} />
  <Input label="Slug" value={slug} onChange={setSlug} />
</PageBlock>

import { ConfirmationDialog } from '@deenruv/react-ui-devkit';

<ConfirmationDialog
  title="Delete Product"
  description="Are you sure? This action cannot be undone."
  onConfirm={handleDelete}
  onCancel={() => setOpen(false)}
/>

import { RichTextEditor } from '@deenruv/react-ui-devkit';

<RichTextEditor
  value={description}
  onChange={setDescription}
/>

import { AssetsModalInput } from '@deenruv/react-ui-devkit';

<AssetsModalInput
  value={selectedAssets}
  onChange={setSelectedAssets}
/>

import { createDialogFunction, ConfirmationDialog } from '@deenruv/react-ui-devkit';

const showConfirmation = createDialogFunction(ConfirmationDialog);

// Użycie
const confirmed = await showConfirmation({
  title: 'Confirm',
  description: 'Are you sure?',
});

import { SearchInput } from '@deenruv/react-ui-devkit';

<SearchInput
  value={searchTerm}
  onChange={setSearchTerm}
  placeholder="Search products..."
/>

import { SimpleSelect } from '@deenruv/react-ui-devkit';

<SimpleSelect
  value={status}
  onChange={setStatus}
  options={[
    { label: 'Active', value: 'active' },
    { label: 'Draft', value: 'draft' },
    { label: 'Archived', value: 'archived' },
  ]}
/>

import { OrderStateBadge } from '@deenruv/react-ui-devkit';

<OrderStateBadge state={order.state} />

import {
  Button,
  Input,
  Card,
  Dialog,
  Table,
  Badge,
  Tabs,
  Select,
  Switch,
  Spinner,
} from '@deenruv/react-ui-devkit';