@public-ui/sample-react 1.7.15 → 1.7.17

package/src/scenarios/complex-form/location/component.tsx

@@ -1,16 +0,0 @@
-import React, { FC } from 'react';
-
-import { KolButton, KolSelect, KolSpin } from '@public-ui/react';
-import { LOCATION_OPTIONS } from './location.form';
-import { FormProps } from '../common/form/types';
-import { FromComponent } from '../common/form/component';
-
-export const TerminLocationComponent: FC<FormProps> = () => (
-	<FromComponent submitted={true} onSubmit={() => {}}>
-		<div className="grid sm:grid-cols-1 xl:grid-cols-2 gap-2 my-2">
-			<KolSelect _id="termin-location-location" _list={LOCATION_OPTIONS} _touched={true}></KolSelect>
-		</div>
-		<KolButton className="inline-block my-1" _icon="icofont-arrow-right" _iconAlign="right" _label="Zur Terminauswahl" _type="submit"></KolButton>
-		<KolSpin _show={true} className="ml-4" />
-	</FromComponent>
-);

package/src/scenarios/complex-form/location/location.form.ts

@@ -1,22 +0,0 @@
-export const LOCATION_OPTIONS = [
-	{
-		value: 'Aplerbeck',
-		label: 'Aplerbeck',
-	},
-	{
-		value: 'Brackel',
-		label: 'Brackel',
-	},
-	{
-		value: 'Dorstfeld',
-		label: 'Dorstfeld',
-	},
-	{
-		value: 'Innenstadt Ost',
-		label: 'Innenstadt Ost',
-	},
-	{
-		value: 'Innenstadt West',
-		label: 'Innenstadt West',
-	},
-];

package/src/scenarios/complex-form/schedule/component.tsx

@@ -1,16 +0,0 @@
-import React, { FC } from 'react';
-
-import { KolButton, KolInputDate, KolSpin } from '@public-ui/react';
-import { FromComponent } from '../common/form/component';
-import { FormProps } from '../common/form/types';
-
-export const TerminScheduleComponent: FC<FormProps> = (props) => (
-	<FromComponent submitted={true} onSubmit={() => {}}>
-		<div className="grid sm:grid-cols-1 xl:grid-cols-2 gap-2 my-2">
-			<KolInputDate _id="termin-schedule-schedule" _type="date" _touched={true}></KolInputDate>
-			<KolInputDate _id="termin-schedule-time" _type="time" _touched={true}></KolInputDate>
-		</div>
-		<KolButton className="inline-block my-1" _icon="icofont-arrow-right" _iconAlign="right" _label="Zu den Kontaktdaten" _type="submit"></KolButton>
-		<KolSpin _show={true} className="ml-4" />
-	</FromComponent>
-);

package/src/scenarios/complex-form/schedule/schedule.form.ts

@@ -1,34 +0,0 @@
-import { FormControl, InputControl, RequiredValidator, ValidationHandler } from '@leanup/form';
-
-export interface Schedule {
-	schedule: string;
-	time: string;
-}
-
-export class ScheduleForm extends FormControl {
-	public constructor() {
-		super('schedule');
-
-		this.addControl(
-			new InputControl('schedule', {
-				label: 'Datum',
-				mandatory: true,
-			}),
-		);
-
-		this.addControl(
-			new InputControl('time', {
-				label: 'Uhrzeit',
-				mandatory: true,
-			}),
-		);
-
-		const validationHandler = new ValidationHandler();
-		validationHandler.validators.add([new RequiredValidator('Bitte wählen Sie ein Datum aus.')]);
-		this.getInput('schedule')?.setValidationHandler(validationHandler);
-
-		const timeHandler = new ValidationHandler();
-		timeHandler.validators.add([new RequiredValidator('Bitte wählen Sie eine Uhrzeit aus.')]);
-		this.getInput('time')?.setValidationHandler(timeHandler);
-	}
-}