@tcn/ui 0.3.1 → 0.3.2

package/src/inputs/multiselect/multiselect_row.tsx

@@ -1,57 +0,0 @@
-import React from 'react';
-import { useSignalValue } from '@tcn/state';
-import { HField } from '../../form/field/h_field/h_field.js';
-import { Multiselect, MultiselectProps } from './multiselect.js';
-import type { OptionsFieldPresenter } from '../../form/field_presenters/options_field_presenter.js';
-
-export interface MultiselectRowProps<T>
-  extends Omit<MultiselectProps, 'onChange' | 'value' | 'children'> {
-  presenter: OptionsFieldPresenter<T[], T>;
-  children: (value: T, index: number) => React.ReactElement<'option'>;
-  id: string;
-}
-
-export const MultiselectRow = React.forwardRef(function MultiselectRow<T = string>(
-  { presenter, children, id, ...props }: MultiselectRowProps<T>,
-  ref: React.Ref<HTMLDivElement>
-) {
-  let stringValues: string[] = [];
-  const typeToStringMap = new Map<T, string>();
-  const stringToTypeMap = new Map<string, T>();
-  const options = useSignalValue(presenter.optionsBroadcast);
-
-  const { value, label, description, error } = useSignalValue(presenter.stateBroadcast);
-
-  const optionElements = options.map((o, index) => {
-    const optionElement = children(o, index);
-    typeToStringMap.set(o, (optionElement.props as any).value);
-    stringToTypeMap.set((optionElement.props as any).value, o);
-    return optionElement;
-  });
-
-  function mapSelectedValues(values: string[]) {
-    const selectedValues = values.map(v => {
-      const value = stringToTypeMap.get(v);
-      if (value == null) throw new Error(`Invalid value: ${v}`);
-      return value;
-    });
-
-    selectedValues && presenter.setValue(selectedValues);
-  }
-
-  stringValues = value.map(v => typeToStringMap.get(v) || '') || [];
-
-  return (
-    <HField
-      id={id}
-      ref={ref}
-      label={label}
-      description={description}
-      errorMessage={error}
-    >
-      <Multiselect {...props} value={stringValues} onChange={mapSelectedValues}>
-        {optionElements as any}
-      </Multiselect>
-    </HField>
-  );
-});

package/src/inputs/switch/TODO.md

@@ -1,3 +0,0 @@
-* Only one size
-* Make 16px height
-* Remove option with no check 

package/src/inputs/switch/switch_row.tsx

@@ -1,33 +0,0 @@
-import React, { useState } from 'react';
-import { useSignalValue } from '@tcn/state';
-import { FieldPresenter } from '../../form/field_presenters/field_presenter.js';
-import { Switch, SwitchProps } from './switch.js';
-import { HField } from '../../form/field/h_field/h_field.js';
-
-export interface SwitchRowProps
-  extends Omit<
-    SwitchProps,
-    'onChange' | 'checked' | 'label' | 'description' | 'errorMessage'
-  > {
-  presenter?: FieldPresenter<boolean>;
-  id: string;
-}
-
-export function SwitchRow({ presenter, id, ...props }: SwitchRowProps) {
-  const [finalPresenter] = useState(() => {
-    if (presenter == null) {
-      return new FieldPresenter<boolean>('Label', false);
-    }
-    return presenter;
-  });
-
-  const { label, value, description, error } = useSignalValue(
-    finalPresenter.stateBroadcast
-  );
-
-  return (
-    <HField id={id} label={label} description={description} errorMessage={error}>
-      <Switch {...props} checked={value} onChange={finalPresenter.setValue} />
-    </HField>
-  );
-}

package/src/inputs/textarea/textarea_row.tsx

@@ -1,24 +0,0 @@
-import { useSignalValue } from '@tcn/state';
-import React from 'react';
-import { HField } from '../../form/field/h_field/h_field.js';
-import { FieldPresenter } from '../../form/field_presenters/field_presenter.js';
-import { Textarea, TextareaProps } from './textarea.js';
-
-export interface TextareaRowProps
-  extends Omit<
-    TextareaProps,
-    'onChange' | 'value' | 'label' | 'description' | 'errorMessage'
-  > {
-  presenter: FieldPresenter<string>;
-  id: string;
-}
-
-export function TextareaRow({ presenter, id, ...props }: TextareaRowProps) {
-  const { label, value, description, error } = useSignalValue(presenter.stateBroadcast);
-
-  return (
-    <HField id={id} label={label} description={description} errorMessage={error}>
-      <Textarea {...props} value={value} onChange={presenter.setValue} />
-    </HField>
-  );
-}