@entur/form 8.3.2 → 8.3.4-beta.0

package/dist/inputPanel/InputPanelBase.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+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 { default as 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,19 @@
+import { default as React } from 'react';
+import { SelectedValues } from './SegmentedContext';
+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,12 @@
+import { default as React } from 'react';
+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 { default as 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,20 @@
+import { default as React } from 'react';
+import { SelectedValue } from './SegmentedContext';
+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>;

package/dist/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function hasValue(value: any): boolean;
+export declare function isFilled(obj: any, SSR?: boolean): boolean;

package/dist/variants.d.ts

@@ -0,0 +1,7 @@
+/** Denne filen er deprecated. Bruk VariantType fra @entur/utils istedenfor */
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
+export type VariantType = 'success' | 'negative' | 'warning' | 'information' | typeof error | typeof info;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/form",
-  "version": "8.3.2",
+  "version": "8.3.4-beta.0",
   "license": "EUPL-1.2",
   "main": "dist/form.cjs.js",
   "module": "dist/form.esm.js",
@@ -27,12 +27,12 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/button": "^3.3.13",
-    "@entur/icons": "^8.0.1",
-    "@entur/tokens": "^3.19.2",
-    "@entur/tooltip": "^5.2.13",
-    "@entur/typography": "^1.9.13",
-    "@entur/utils": "^0.12.4",
+    "@entur/button": "workspace:^",
+    "@entur/icons": "^8.0.2",
+    "@entur/tokens": "^3.19.3",
+    "@entur/tooltip": "^5.2.14",
+    "@entur/typography": "^1.10.0-beta.0",
+    "@entur/utils": "^0.12.5",
     "classnames": "^2.5.1"
   },
   "devDependencies": {
@@ -48,5 +48,5 @@
     "vite": "^7.1.3",
     "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "268fb2f3387485206586a7c4c6f2a058f824f5d6"
+  "gitHead": "1af57733502628c4b59860f42d15c7456b09025e"
 }