@tedi-design-system/react 14.0.0-rc.1

package/src/community/components/form/pickers/datepicker/datepicker.es.js

@@ -0,0 +1,77 @@
+import { jsx as d } from "react/jsx-runtime";
+import l from "react";
+import F from "../mui-input-transition/mui-input-transition.es.js";
+import { DatePicker as S } from "../../../../../../external/@mui/x-date-pickers/DatePicker/DatePicker.es.js";
+const $ = (f) => {
+  const {
+    value: t,
+    defaultValue: p,
+    onChange: n,
+    minDate: c,
+    maxDate: m,
+    disabled: D,
+    readOnly: i,
+    toolbarTitle: b,
+    disableFuture: h,
+    disablePast: y,
+    shouldDisableDate: C,
+    shouldDisableMonth: M,
+    shouldDisableYear: P,
+    disableHighlightToday: g,
+    referenceDate: k,
+    inputFormat: s = "DD.MM.YYYY",
+    views: x = ["year", "day"],
+    onError: Y,
+    loading: v,
+    onClose: a,
+    ...H
+  } = f, [u, I] = l.useState(p || null), [T, o] = l.useState(!1), O = l.useMemo(() => n && typeof t < "u" ? t : u, [u, n, t]), r = (e) => {
+    !(e != null && e.isValid()) && e !== null || (typeof t > "u" && I(e), n == null || n(e));
+  };
+  return /* @__PURE__ */ d(
+    S,
+    {
+      "data-name": "datepicker",
+      value: O,
+      onChange: r,
+      renderInput: (e) => /* @__PURE__ */ d(
+        F,
+        {
+          muiTextfieldProps: e,
+          inputFormat: s,
+          onChangeHandler: r,
+          textfieldProps: {
+            ...H,
+            onClear: () => r(null),
+            onIconClick: i ? void 0 : () => o((V) => !V)
+          }
+        }
+      ),
+      open: T,
+      inputFormat: s,
+      onOpen: () => o(!0),
+      onClose: () => {
+        o(!1), a == null || a();
+      },
+      defaultCalendarMonth: k,
+      disabled: D,
+      disableFuture: h,
+      disablePast: y,
+      shouldDisableDate: C,
+      shouldDisableMonth: M,
+      shouldDisableYear: P,
+      disableHighlightToday: g,
+      readOnly: i,
+      minDate: c,
+      maxDate: m,
+      toolbarTitle: b,
+      onError: Y,
+      loading: v,
+      views: x
+    }
+  );
+};
+export {
+  $ as DatePicker,
+  $ as default
+};

package/src/community/components/form/pickers/datetimepicker/datetimepicker.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),s=require("react"),A=require("../mui-input-transition/mui-input-transition.cjs.js"),B=require("../../../../../../external/@mui/x-date-pickers/DateTimePicker/DateTimePicker.cjs.js"),d=c=>{const{value:n,defaultValue:f,onChange:t,minDate:D,minDateTime:p,minTime:_,maxDate:T,maxDateTime:b,maxTime:h,minutesStep:x=1,disabled:P,readOnly:l,toolbarTitle:g,toolbarFormat:k,disableFuture:y,disablePast:M,shouldDisableDate:v,shouldDisableMonth:C,shouldDisableYear:H,disableHighlightToday:S,referenceDate:Y,inputFormat:o="DD.MM.YYYY HH:mm",views:j=["year","day","hours","minutes"],onError:q,loading:I,mask:O="__.__.____ __:__",ampm:F=!1,onClose:a,...V}=c,[u,R]=s.useState(f||null),[w,i]=s.useState(!1),E=s.useMemo(()=>t&&typeof n<"u"?n:u,[u,t,n]),r=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof n>"u"&&R(e),t==null||t(e))},$=()=>{i(!1),a==null||a()};return m.jsx(B.DateTimePicker,{"data-name":"datetimepicker",value:E,onChange:r,renderInput:e=>m.jsx(A.default,{muiTextfieldProps:e,inputFormat:o,onChangeHandler:r,textfieldProps:{...V,onClear:()=>r(null),onIconClick:l?void 0:()=>i(z=>!z)}}),open:w,inputFormat:o,onOpen:()=>i(!0),onClose:$,defaultCalendarMonth:Y,disabled:P,disableFuture:y,disablePast:M,shouldDisableDate:v,shouldDisableMonth:C,shouldDisableYear:H,disableHighlightToday:S,readOnly:l,minDate:D,minDateTime:p,minTime:_,maxDate:T,maxDateTime:b,maxTime:h,toolbarTitle:g,toolbarFormat:k,onError:q,loading:I,views:j,mask:O,minutesStep:x,ampm:F})};exports.DateTimePicker=d;exports.default=d;

package/src/community/components/form/pickers/datetimepicker/datetimepicker.d.ts

@@ -0,0 +1,129 @@
+import { ClockPickerView } from '@mui/x-date-pickers';
+import { DateTimeValidationError } from '@mui/x-date-pickers/internals/hooks/validation/useDateTimeValidation';
+import type { Dayjs } from 'dayjs';
+import { TextFieldProps } from '../../../../../tedi/components/form/textfield/textfield';
+export type DateTimepickerValue = Dayjs | null;
+export interface DateTimePickerProps extends Omit<TextFieldProps, 'defaultValue' | 'value' | 'onChange'> {
+    /**
+     * DateTimepicker initial value. Accepts a dayjs date object.
+     */
+    defaultValue?: DateTimepickerValue;
+    /**
+     * Currently selected value. Accepts a dayjs date object.
+     * Used only if onChange is also defined
+     */
+    value?: DateTimepickerValue;
+    /**
+     * onChange handler.
+     * Triggers each time when new value is selected from datetimepicker.
+     */
+    onChange?: (value: DateTimepickerValue) => void;
+    /**
+     * Minimal selectable date.
+     * If want to disable past dates use disablePast boolean.
+     */
+    minDate?: Dayjs;
+    /**
+     * Minimal selectable moment of time with binding to date, to set min time in each day use minTime.
+     */
+    minDateTime?: Dayjs;
+    /**
+     * Min time acceptable time
+     */
+    minTime?: Dayjs;
+    /**
+     * Maximal selectable date.
+     * If want to disable future dates use disableFuture boolean.
+     */
+    maxDate?: Dayjs;
+    /**
+     * Maximal selectable moment of time with binding to date, to set max time in each day use maxTime.
+     */
+    maxDateTime?: Dayjs;
+    /**
+     * Max time acceptable time.
+     */
+    maxTime?: Dayjs;
+    /**
+     * Controls the date the picker is opened to
+     */
+    referenceDate?: Dayjs;
+    /**
+     * Step over minutes.
+     * @default 1
+     */
+    minutesStep?: number;
+    /**
+     * If true future days are disabled.
+     */
+    disableFuture?: boolean;
+    /**
+     * If true past days are disabled.
+     */
+    disablePast?: boolean;
+    /**
+     * If true, today's date is rendering without highlighting with circle.
+     */
+    disableHighlightToday?: boolean;
+    /**
+     * Disable specific date.
+     */
+    shouldDisableDate?: (day: DateTimepickerValue) => boolean;
+    /**
+     * Disable specific months dynamically. Works like shouldDisableDate but for month selection view
+     */
+    shouldDisableMonth?: (month: DateTimepickerValue) => boolean;
+    /**
+     * Dynamically check if time is disabled or not. If returns false appropriate time point will ot be acceptable.
+     */
+    shouldDisableTime?: (timeValue: number, clockType: ClockPickerView) => boolean;
+    /**
+     * Disable specific years dynamically. Works like shouldDisableDate but for year selection view
+     */
+    shouldDisableYear?: (month: DateTimepickerValue) => boolean;
+    /**
+     * Mobile picker title, displaying in the toolbar. Default from LabelProvider
+     */
+    toolbarTitle?: string;
+    /**
+     * Date format, that is displaying in toolbar.
+     */
+    toolbarFormat?: string;
+    /**
+     * Format string.
+     * @default DD.MM.YYYY HH:mm
+     */
+    inputFormat?: string;
+    /**
+     * If true renders LoadingComponent in calendar instead of calendar view. Can be used to preload information and show it in calendar.
+     */
+    loading?: boolean;
+    /**
+     * Callback that fired when input value or new value prop validation returns new validation error (or value is valid after error).
+     * In case of validation error detected reason prop return non-null value and TextField must be displayed in error state.
+     * This can be used to render appropriate form error.
+     * Read the guide about form integration and error displaying (https://next.material-ui-pickers.dev/guides/forms).
+     */
+    onError?: (reason: DateTimeValidationError, value: DateTimepickerValue) => void;
+    /**
+     * Array of views to show.
+     * @default ['year', 'day', 'hours', 'minutes']
+     */
+    views?: Array<'day' | 'hours' | 'minutes' | 'month' | 'seconds' | 'year'>;
+    /**
+     * Custom mask. Can be used to override generate from format. (e.g. __/__/____ __:__ or __/__/____ __:__ _M).
+     * @default __.__.____ __:__
+     */
+    mask?: string;
+    /**
+     * 12h/24h view for hour selection clock.
+     * @default false,
+     */
+    ampm?: boolean;
+    /**
+     * Callback fired when the popup requests to be closed.
+     */
+    onClose?: () => void;
+}
+export declare const DateTimePicker: (props: DateTimePickerProps) => JSX.Element;
+export default DateTimePicker;

package/src/community/components/form/pickers/datetimepicker/datetimepicker.es.js

@@ -0,0 +1,93 @@
+import { jsx as u } from "react/jsx-runtime";
+import r from "react";
+import q from "../mui-input-transition/mui-input-transition.es.js";
+import { DateTimePicker as z } from "../../../../../../external/@mui/x-date-pickers/DateTimePicker/DateTimePicker.es.js";
+const L = (d) => {
+  const {
+    value: a,
+    defaultValue: f,
+    onChange: t,
+    minDate: p,
+    minDateTime: D,
+    minTime: c,
+    maxDate: _,
+    maxDateTime: T,
+    maxTime: b,
+    minutesStep: h = 1,
+    disabled: x,
+    readOnly: l,
+    toolbarTitle: k,
+    toolbarFormat: y,
+    disableFuture: C,
+    disablePast: H,
+    shouldDisableDate: M,
+    shouldDisableMonth: P,
+    shouldDisableYear: g,
+    disableHighlightToday: Y,
+    referenceDate: v,
+    inputFormat: s = "DD.MM.YYYY HH:mm",
+    views: I = ["year", "day", "hours", "minutes"],
+    onError: F,
+    loading: O,
+    mask: S = "__.__.____ __:__",
+    ampm: V = !1,
+    onClose: n,
+    ...j
+  } = d, [m, w] = r.useState(f || null), [E, i] = r.useState(!1), R = r.useMemo(() => t && typeof a < "u" ? a : m, [m, t, a]), o = (e) => {
+    !(e != null && e.isValid()) && e !== null || (typeof a > "u" && w(e), t == null || t(e));
+  };
+  return /* @__PURE__ */ u(
+    z,
+    {
+      "data-name": "datetimepicker",
+      value: R,
+      onChange: o,
+      renderInput: (e) => /* @__PURE__ */ u(
+        q,
+        {
+          muiTextfieldProps: e,
+          inputFormat: s,
+          onChangeHandler: o,
+          textfieldProps: {
+            ...j,
+            onClear: () => o(null),
+            onIconClick: l ? void 0 : () => i(($) => !$)
+          }
+        }
+      ),
+      open: E,
+      inputFormat: s,
+      onOpen: () => i(!0),
+      onClose: () => {
+        i(!1), n == null || n();
+      },
+      defaultCalendarMonth: v,
+      disabled: x,
+      disableFuture: C,
+      disablePast: H,
+      shouldDisableDate: M,
+      shouldDisableMonth: P,
+      shouldDisableYear: g,
+      disableHighlightToday: Y,
+      readOnly: l,
+      minDate: p,
+      minDateTime: D,
+      minTime: c,
+      maxDate: _,
+      maxDateTime: T,
+      maxTime: b,
+      toolbarTitle: k,
+      toolbarFormat: y,
+      onError: F,
+      loading: O,
+      views: I,
+      mask: S,
+      minutesStep: h,
+      ampm: V
+    }
+  );
+};
+export {
+  L as DateTimePicker,
+  L as default
+};

package/src/community/components/form/pickers/index.d.ts

@@ -0,0 +1,4 @@
+export * from './datepicker/datepicker';
+export * from './datetimepicker/datetimepicker';
+export * from './timepicker/timepicker';
+export * from './calendar/calendar';

package/src/community/components/form/pickers/mui-input-transition/mui-input-transition.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react/jsx-runtime"),x=require("../../../../../../external/dayjs/dayjs.min.cjs.js"),b=require("react"),E=require("../../../../../tedi/components/form/textfield/textfield.cjs.js"),F=y=>{var c,i,s,f,g;const{muiTextfieldProps:l,textfieldProps:r,inputFormat:C,onChangeHandler:j,type:m="date"}=y,{ref:O,inputRef:t,inputProps:e,InputProps:S,value:V,size:z,onChange:A,error:q,disabled:B,...u}=l,{readOnly:I,id:M,input:T,...d}=r,o=b.useRef({inner:null,input:null});return b.useEffect(()=>{o.current.input&&(t==null||t(o.current.input))},[t]),_.jsx(E.TextField,{id:M,...u,disabled:B,readOnly:I,...d,value:e==null?void 0:e.value,onChangeEvent:n=>{var a;(a=e==null?void 0:e.onChange)==null||a.call(e,n)},placeholder:(r==null?void 0:r.placeholder)||(e==null?void 0:e.placeholder),defaultValue:void 0,ref:o,input:{...e,...T},invalid:q,icon:{name:m==="date"?"today":"schedule",label:(g=(f=(s=(i=(c=l==null?void 0:l.InputProps)==null?void 0:c.endAdornment)==null?void 0:i.props)==null?void 0:s.children)==null?void 0:f.props)==null?void 0:g["aria-label"]},onBlur:n=>{var a,h,v;(a=d.onBlur)==null||a.call(d,n),(h=u.onBlur)==null||h.call(u,n),x.default(n.currentTarget.value,C,!0).isValid()||(j(null),(v=e==null?void 0:e.onChange)==null||v.call(e,{...n,target:{...n.target,value:""}}))}})};exports.default=F;

package/src/community/components/form/pickers/mui-input-transition/mui-input-transition.d.ts

@@ -0,0 +1,12 @@
+import type { TextFieldProps as MuiTextFieldPropsType } from '@mui/material';
+import type { Dayjs } from 'dayjs';
+import { TextFieldProps } from '../../../../../tedi/components/form/textfield/textfield';
+export interface MuiInputTransitionProps {
+    muiTextfieldProps: MuiTextFieldPropsType;
+    textfieldProps: TextFieldProps;
+    inputFormat: string;
+    onChangeHandler: (date: Dayjs | null) => void;
+    type?: 'date' | 'time';
+}
+declare const MuiInputTransition: (props: MuiInputTransitionProps) => import("react/jsx-runtime").JSX.Element;
+export default MuiInputTransition;

package/src/community/components/form/pickers/mui-input-transition/mui-input-transition.es.js

@@ -0,0 +1,42 @@
+import { jsx as V } from "react/jsx-runtime";
+import _ from "../../../../../../external/dayjs/dayjs.min.es.js";
+import C from "react";
+import { TextField as x } from "../../../../../tedi/components/form/textfield/textfield.es.js";
+const G = (s) => {
+  var c, f, i, h, m;
+  const { muiTextfieldProps: l, textfieldProps: r, inputFormat: y, onChangeHandler: b, type: B = "date" } = s, { ref: z, inputRef: t, inputProps: e, InputProps: A, value: H, size: M, onChange: O, error: I, disabled: j, ...o } = l, { readOnly: E, id: F, input: T, ...d } = r, u = C.useRef({ inner: null, input: null });
+  return C.useEffect(() => {
+    u.current.input && (t == null || t(u.current.input));
+  }, [t]), /* @__PURE__ */ V(
+    x,
+    {
+      id: F,
+      ...o,
+      disabled: j,
+      readOnly: E,
+      ...d,
+      value: e == null ? void 0 : e.value,
+      onChangeEvent: (a) => {
+        var n;
+        (n = e == null ? void 0 : e.onChange) == null || n.call(e, a);
+      },
+      placeholder: (r == null ? void 0 : r.placeholder) || (e == null ? void 0 : e.placeholder),
+      defaultValue: void 0,
+      ref: u,
+      input: { ...e, ...T },
+      invalid: I,
+      icon: {
+        name: B === "date" ? "today" : "schedule",
+        // TODO https://github.com/mui/mui-x/issues/6330
+        label: (m = (h = (i = (f = (c = l == null ? void 0 : l.InputProps) == null ? void 0 : c.endAdornment) == null ? void 0 : f.props) == null ? void 0 : i.children) == null ? void 0 : h.props) == null ? void 0 : m["aria-label"]
+      },
+      onBlur: (a) => {
+        var n, g, v;
+        (n = d.onBlur) == null || n.call(d, a), (g = o.onBlur) == null || g.call(o, a), _(a.currentTarget.value, y, !0).isValid() || (b(null), (v = e == null ? void 0 : e.onChange) == null || v.call(e, { ...a, target: { ...a.target, value: "" } }));
+      }
+    }
+  );
+};
+export {
+  G as default
+};

package/src/community/components/form/pickers/timepicker/timepicker.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),u=require("react"),O=require("../mui-input-transition/mui-input-transition.cjs.js"),h=require("../../../../../../external/@mui/x-date-pickers/TimePicker/TimePicker.cjs.js"),c=m=>{const{defaultValue:f,onChange:n,value:t,disabled:p,readOnly:o,inputFormat:l="HH:mm",toolbarTitle:T,maxTime:P,minTime:k,minutesStep:v=1,onError:x,shouldDisableTime:b,views:y=["hours","minutes"],ampm:S=!1,onClose:r,...g}=m,[a,j]=u.useState(f||null),[q,i]=u.useState(!1),C=u.useMemo(()=>n&&typeof t<"u"?t:a,[a,n,t]),s=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof t>"u"&&j(e),n==null||n(e))},H=()=>{i(!1),r==null||r()};return d.jsx(h.TimePicker,{"data-name":"timepicker",value:C,onChange:s,open:q,onOpen:()=>i(!0),onClose:H,renderInput:e=>d.jsx(O.default,{muiTextfieldProps:e,inputFormat:l,onChangeHandler:s,textfieldProps:{...g,onClear:()=>s(null),onIconClick:o?void 0:()=>i(I=>!I)},type:"time"}),disabled:p,readOnly:o,inputFormat:l,toolbarTitle:T,maxTime:P,minTime:k,minutesStep:v,onError:x,shouldDisableTime:b,views:y,ampm:S})};exports.TimePicker=c;exports.default=c;

package/src/community/components/form/pickers/timepicker/timepicker.d.ts

@@ -0,0 +1,73 @@
+import { ClockPickerView } from '@mui/x-date-pickers';
+import { TimeValidationError } from '@mui/x-date-pickers/internals/hooks/validation/useTimeValidation';
+import type { Dayjs } from 'dayjs';
+import { TextFieldProps } from '../../../../../tedi/components/form/textfield/textfield';
+export type TimePickerValue = Dayjs | null;
+export interface TimePickerProps extends Omit<TextFieldProps, 'defaultValue' | 'value' | 'onChange'> {
+    /**
+     * TimePicker initial value. Accepts a dayjs date object.
+     */
+    defaultValue?: TimePickerValue;
+    /**
+     * Currently selected value. Accepts a dayjs date object.
+     * Used only if onChange is also defined
+     */
+    value?: TimePickerValue;
+    /**
+     * onChange handler.
+     * Triggers each time when new value is selected from TimePicker.
+     */
+    onChange?: (value: TimePickerValue) => void;
+    /**
+     * Format string.
+     * @default HH:mm
+     */
+    inputFormat?: string;
+    /**
+     * Mobile picker title, displaying in the toolbar. Default from LabelProvider
+     */
+    toolbarTitle?: string;
+    /**
+     * Max time acceptable time. For input validation date part of passed object will be ignored.
+     */
+    maxTime?: TimePickerValue;
+    /**
+     * Min time acceptable time. For input validation date part of passed object will be ignored.
+     */
+    minTime?: TimePickerValue;
+    /**
+     * Step over minutes.
+     * @default 1
+     */
+    minutesStep?: number;
+    /**
+     * Callback that fired when input value or new value prop validation returns new validation error (or value is valid after error).
+     * In case of validation error detected reason prop return non-null value and TextField must be displayed in error state.
+     * This can be used to render appropriate form error.
+     * Read the guide about form integration and error displaying (https://next.material-ui-pickers.dev/guides/forms).
+     */
+    onError?: (reason: TimeValidationError, value: TimePickerValue) => void;
+    /**
+     * Dynamically check if time is disabled or not. If returns false appropriate time point will ot be acceptable.
+     * timeValue: The value to check.
+     * clockType: The clock type of the timeValue.
+     * returns (boolean): Returns true if the time should be disabled
+     */
+    shouldDisableTime?: (timeValue: number, clockType: ClockPickerView) => boolean;
+    /**
+     * Array of views to show.
+     * @default ['hours', 'minutes']
+     */
+    views?: Array<'hours' | 'minutes' | 'seconds'>;
+    /**
+     * 12h/24h view for hour selection clock.
+     * @default false
+     */
+    ampm?: boolean;
+    /**
+     * Callback fired when the popup requests to be closed.
+     */
+    onClose?: () => void;
+}
+export declare const TimePicker: (props: TimePickerProps) => JSX.Element;
+export default TimePicker;

package/src/community/components/form/pickers/timepicker/timepicker.es.js

@@ -0,0 +1,68 @@
+import { jsx as m } from "react/jsx-runtime";
+import a from "react";
+import S from "../mui-input-transition/mui-input-transition.es.js";
+import { TimePicker as V } from "../../../../../../external/@mui/x-date-pickers/TimePicker/TimePicker.es.js";
+const D = (d) => {
+  const {
+    defaultValue: p,
+    onChange: n,
+    value: o,
+    disabled: f,
+    readOnly: l,
+    inputFormat: s = "HH:mm",
+    toolbarTitle: c,
+    maxTime: T,
+    minTime: k,
+    minutesStep: x = 1,
+    onError: C,
+    shouldDisableTime: H,
+    views: P = ["hours", "minutes"],
+    ampm: v = !1,
+    onClose: t,
+    ...y
+  } = d, [u, I] = a.useState(p || null), [b, r] = a.useState(!1), h = a.useMemo(() => n && typeof o < "u" ? o : u, [u, n, o]), i = (e) => {
+    !(e != null && e.isValid()) && e !== null || (typeof o > "u" && I(e), n == null || n(e));
+  };
+  return /* @__PURE__ */ m(
+    V,
+    {
+      "data-name": "timepicker",
+      value: h,
+      onChange: i,
+      open: b,
+      onOpen: () => r(!0),
+      onClose: () => {
+        r(!1), t == null || t();
+      },
+      renderInput: (e) => /* @__PURE__ */ m(
+        S,
+        {
+          muiTextfieldProps: e,
+          inputFormat: s,
+          onChangeHandler: i,
+          textfieldProps: {
+            ...y,
+            onClear: () => i(null),
+            onIconClick: l ? void 0 : () => r((O) => !O)
+          },
+          type: "time"
+        }
+      ),
+      disabled: f,
+      readOnly: l,
+      inputFormat: s,
+      toolbarTitle: c,
+      maxTime: T,
+      minTime: k,
+      minutesStep: x,
+      onError: C,
+      shouldDisableTime: H,
+      views: P,
+      ampm: v
+    }
+  );
+};
+export {
+  D as TimePicker,
+  D as default
+};

package/src/community/components/form/radio/radio.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),M=require("../../../../tedi/components/base/icon/icon.cjs.js"),o=require("./radio.module.scss.cjs.js"),w=require("../../../../tedi/components/layout/grid/row.cjs.js"),p=require("../../../../tedi/components/layout/grid/col.cjs.js"),P=require("../../tooltip/tooltip-provider.cjs.js"),S=require("../../tooltip/tooltip-trigger.cjs.js"),v=require("../../tooltip/tooltip.cjs.js"),x=j=>{const{id:l,label:m,value:s,className:_,disabled:c,onChange:r,hideLabel:g,extraContent:n,checked:t,defaultChecked:b,hover:k,name:q,tooltip:u,...C}=j,[h,N]=a.useState(b||!1),f=a.useRef(null),R=a.useMemo(()=>r&&typeof t<"u"?t:h,[r,h,t]),y=i=>{typeof t>"u"&&N(i==null?void 0:i.target.checked),r==null||r(s,i==null?void 0:i.target.checked)},T=d.default(o.default.radio,{[o.default["radio--disabled"]]:c});return e.jsxs("div",{"data-name":"radio",className:_,...C,children:[e.jsxs(w.Row,{gutter:0,children:[e.jsxs(p.Col,{width:"auto",children:[e.jsx("input",{id:l,value:s,name:q,type:"radio",disabled:c,checked:R,onChange:y,className:o.default.radio__input}),e.jsx("div",{"aria-hidden":"true",onClick:()=>{var i;return(i=f.current)==null?void 0:i.click()},className:d.default(o.default.radio__indicator,{[o.default["radio__indicator--hover"]]:k})})]}),e.jsx(p.Col,{children:e.jsxs("label",{ref:f,className:T,htmlFor:l,children:[e.jsx("span",{className:d.default({"visually-hidden":g}),children:m}),u&&e.jsxs(P.TooltipProvider,{children:[e.jsx(S.TooltipTrigger,{children:e.jsx(M.Icon,{name:"info",color:"brand",size:16,display:"inline",className:o.default["radio__tooltip-icon"]})}),e.jsx(v.Tooltip,{children:u})]})]})})]}),n&&e.jsx("div",{className:o.default["radio__extra-content"],children:n})]})};exports.Radio=x;exports.default=x;

package/src/community/components/form/radio/radio.d.ts

@@ -0,0 +1,4 @@
+import { ChoiceInputProps } from '../choice-input.types';
+export type RadioProps = ChoiceInputProps;
+export declare const Radio: (props: RadioProps) => JSX.Element;
+export default Radio;

package/src/community/components/form/radio/radio.es.js

@@ -0,0 +1,81 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import t from "../../../../../external/classnames/index.es.js";
+import l from "react";
+import { Icon as I } from "../../../../tedi/components/base/icon/icon.es.js";
+import r from "./radio.module.scss.es.js";
+import { Row as L } from "../../../../tedi/components/layout/grid/row.es.js";
+import { Col as u } from "../../../../tedi/components/layout/grid/col.es.js";
+import { TooltipProvider as M } from "../../tooltip/tooltip-provider.es.js";
+import { TooltipTrigger as z } from "../../tooltip/tooltip-trigger.es.js";
+import { Tooltip as B } from "../../tooltip/tooltip.es.js";
+const K = (_) => {
+  const {
+    id: c,
+    label: k,
+    value: n,
+    className: b,
+    disabled: s,
+    onChange: i,
+    hideLabel: C,
+    extraContent: m,
+    checked: d,
+    defaultChecked: N,
+    hover: g,
+    name: y,
+    tooltip: h,
+    ...x
+  } = _, [f, R] = l.useState(N || !1), p = l.useRef(null), T = l.useMemo(() => i && typeof d < "u" ? d : f, [i, f, d]), j = (e) => {
+    typeof d > "u" && R(e == null ? void 0 : e.target.checked), i == null || i(n, e == null ? void 0 : e.target.checked);
+  }, w = t(r.radio, { [r["radio--disabled"]]: s });
+  return /* @__PURE__ */ a("div", { "data-name": "radio", className: b, ...x, children: [
+    /* @__PURE__ */ a(L, { gutter: 0, children: [
+      /* @__PURE__ */ a(u, { width: "auto", children: [
+        /* @__PURE__ */ o(
+          "input",
+          {
+            id: c,
+            value: n,
+            name: y,
+            type: "radio",
+            disabled: s,
+            checked: T,
+            onChange: j,
+            className: r.radio__input
+          }
+        ),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            "aria-hidden": "true",
+            onClick: () => {
+              var e;
+              return (e = p.current) == null ? void 0 : e.click();
+            },
+            className: t(r.radio__indicator, { [r["radio__indicator--hover"]]: g })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o(u, { children: /* @__PURE__ */ a("label", { ref: p, className: w, htmlFor: c, children: [
+        /* @__PURE__ */ o("span", { className: t({ "visually-hidden": C }), children: k }),
+        h && /* @__PURE__ */ a(M, { children: [
+          /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
+            I,
+            {
+              name: "info",
+              color: "brand",
+              size: 16,
+              display: "inline",
+              className: r["radio__tooltip-icon"]
+            }
+          ) }),
+          /* @__PURE__ */ o(B, { children: h })
+        ] })
+      ] }) })
+    ] }),
+    m && /* @__PURE__ */ o("div", { className: r["radio__extra-content"], children: m })
+  ] });
+};
+export {
+  K as Radio,
+  K as default
+};

package/src/community/components/form/radio/radio.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i="radio-4b3e1d44",o="radio__input-c3c0efa1",a="radio__indicator-cb82800d",d={radio:i,"radio--disabled":"radio--disabled-8a5be211",radio__input:o,radio__indicator:a,"radio__indicator--hover":"radio__indicator--hover-a273c5aa","radio__tooltip-icon":"radio__tooltip-icon-dc07bb33","radio__extra-content":"radio__extra-content-465c7a50"};exports.default=d;exports.radio=i;exports.radio__indicator=a;exports.radio__input=o;

package/src/community/components/form/radio/radio.module.scss.es.js

@@ -0,0 +1,15 @@
+const o = "radio-4b3e1d44", i = "radio__input-c3c0efa1", a = "radio__indicator-cb82800d", d = {
+  radio: o,
+  "radio--disabled": "radio--disabled-8a5be211",
+  radio__input: i,
+  radio__indicator: a,
+  "radio__indicator--hover": "radio__indicator--hover-a273c5aa",
+  "radio__tooltip-icon": "radio__tooltip-icon-dc07bb33",
+  "radio__extra-content": "radio__extra-content-465c7a50"
+};
+export {
+  d as default,
+  o as radio,
+  a as radio__indicator,
+  i as radio__input
+};

package/src/community/components/form/select/examples/async.d.ts

@@ -0,0 +1,3 @@
+import { StoryFn } from '@storybook/react';
+import Select from '../select';
+export declare const AsyncSelectTemplate: StoryFn<typeof Select>;

package/src/community/components/form/select/examples/custom-option.d.ts

@@ -0,0 +1,3 @@
+import { StoryFn } from '@storybook/react';
+import Select from '../select';
+export declare const CustomOptionSelectTemplate: StoryFn<typeof Select>;

package/src/community/components/form/select/examples/editable.d.ts

@@ -0,0 +1,3 @@
+import { StoryFn } from '@storybook/react';
+import Select from '../select';
+export declare const EditableSelectTemplate: StoryFn<typeof Select>;

package/src/community/components/form/select/examples/multiple-handled.d.ts

@@ -0,0 +1,4 @@
+import { StoryFn } from '@storybook/react';
+import Select, { ISelectOption } from '../select';
+export declare const colourOptions: ISelectOption[];
+export declare const MultipleHandledTemplate: StoryFn<typeof Select>;