@entur/form 8.3.2-beta.3 → 8.3.2-beta.4

package/dist/inputPanel/InputPanelBase.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import './InputPanelBase.scss';
+export type InputPanelProps = {
+    /** Om det er en radio- eller checkbox-variant */
+    type: string;
+    /** Verdien til input-panelet */
+    value: string;
+    /** Om input-panelet skal være valgt eller ikke */
+    checked?: boolean;
+    /** Hovedtittelen til input-panelet */
+    title: React.ReactNode;
+    /** Ektstra label som står høyrestilt, til venstre for Checkboxen/Radio-button-en */
+    secondaryLabel?: React.ReactNode;
+    /** Ekstra informasjon som legges nederst i input-panelet */
+    children?: React.ReactNode;
+    /** Størrelse på input-panelet
+     * @default "medium"
+     */
+    size?: 'medium' | 'large';
+    /**Skjuler checkbox-/radio-button-en i input-panelet
+     * @default false
+     */
+    hideSelectionIndicator?: boolean;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Om input-panelet er deaktivert eller ikke
+     * @default false
+     */
+    disabled?: boolean;
+    /** */
+    style?: React.CSSProperties;
+} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'title' | 'size'>;
+export declare const InputPanelBase: React.ForwardRefExoticComponent<Omit<InputPanelProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/inputPanel/RadioPanel.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export type RadioPanelProps = {
+    /** Verdien til radio-panelet */
+    value: string;
+    /** Hovedtittelen til radio-panelet */
+    title: React.ReactNode;
+    /** Ektstra label som står høyrestilt, til venstre for radio-button-en */
+    secondaryLabel?: React.ReactNode;
+    /** Ekstra informasjon som legges nederst i radio-panelet */
+    children?: React.ReactNode;
+    /** Størrelse på radio-panelet
+     * @default "medium"
+     */
+    size?: 'medium' | 'large';
+    /**Skjuler radio-button-en i radio-panelet
+     * @default false
+     */
+    hideRadioButton?: boolean;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Om radio-panelet er deaktivert eller ikke
+     * @default false
+     */
+    disabled?: boolean;
+    /** */
+    style?: React.CSSProperties;
+} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'title' | 'size'>;
+export declare const RadioPanel: React.ForwardRefExoticComponent<Omit<RadioPanelProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/inputPanel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RadioPanel';
+export * from './CheckboxPanel';

package/dist/segmented-control/MultipleSegmentedControl.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SelectedValues } from './SegmentedContext';
+import './SegmentedControl.scss';
+export type MultipleSegmentedControlProps = {
+    /** Navn på input-elementene */
+    name?: string;
+    /** Beskrivende tekst */
+    label?: string;
+    /** En eller flere SegmentedChoice-komponenter */
+    children: React.ReactNode;
+    /** Den eller de valgte verdiene */
+    selectedValue: SelectedValues;
+    /** Callback for når det gjøres et valg */
+    onChange: (value: SelectedValues) => void;
+    [key: string]: any;
+};
+/**This component is not used by anyone, and is therefore deprecated
+ * @deprecated
+ */
+export declare const MultipleSegmentedControl: React.FC<MultipleSegmentedControlProps>;

package/dist/segmented-control/SegmentedChoice.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './SegmentedChoice.scss';
+export type SegmentedChoiceProps = {
+    /** Verdien til valget */
+    value: string;
+    /** Innhold som beskriver valget */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Callback som kalles når komponenten endres */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+} & React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export declare const SegmentedChoice: React.ForwardRefExoticComponent<Omit<SegmentedChoiceProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/segmented-control/SegmentedContext.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export type SelectedValues = {
+    [key: string]: boolean;
+};
+export type SelectedValue = string | null;
+export type SegmentedContextProps = {
+    name: string;
+    onChange: (value: SelectedValues) => void;
+    selectedValue: SelectedValues;
+    multiple: true;
+    size: 'medium' | 'large';
+} | {
+    name: string;
+    onChange: (value: SelectedValue) => void;
+    selectedValue: SelectedValue;
+    multiple: false;
+    size: 'medium' | 'large';
+};
+export type SegmentedProviderProps = {
+    name?: string;
+    onChange?: (value: SelectedValues) => void;
+    selectedValue: SelectedValues;
+    multiple: true;
+    size: 'medium' | 'large';
+} | {
+    name?: string;
+    onChange?: (value: SelectedValue) => void;
+    selectedValue: SelectedValue;
+    multiple: false;
+    size: 'medium' | 'large';
+};
+export declare const SegmentedProvider: React.FC<SegmentedProviderProps>;
+export declare const useSegmentedContext: () => SegmentedContextProps;

package/dist/segmented-control/SegmentedControl.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { SelectedValue } from './SegmentedContext';
+import './SegmentedControl.scss';
+export type SegmentedControlProps = {
+    /** Navn på input-elementene */
+    name?: string;
+    /** Beskrivende tekst */
+    label?: string;
+    /** En eller flere SegmentedChoice-komponenter */
+    children: React.ReactNode;
+    /** Den valgte verdien */
+    selectedValue: SelectedValue;
+    /** Callback for når det gjøres et valg */
+    onChange: (value: SelectedValue) => void;
+    /** Størrelsen på SegmentedChoice-komponentene */
+    size?: 'medium' | 'large';
+    /** Ekstra klassenavn */
+    className?: string;
+    [key: string]: any;
+};
+export declare const SegmentedControl: React.FC<SegmentedControlProps>;