@midas-ds/components 16.3.3 → 16.4.1

package/textfield/TextField.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react-vite';
+import { TextField } from './TextField';
+type Story = StoryObj<typeof TextField>;
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./TextFieldBase').TextFieldBaseProps & import('../utils/types').Complement<import('./TextFieldBase').TextFieldBaseProps, import('./Input').InputProps> & import('react').RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        type: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+    args: {
+        label: string;
+        description: string;
+        errorPosition: "top";
+        size: "large";
+    };
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Password: Story;
+export declare const Invalid: Story;
+export declare const Required: Story;
+export declare const CustomValidation: Story;
+export declare const Number: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const ShowCounter: Story;
+export declare const MaxLengthAndShowCounter: Story;
+export declare const DS1243: Story;
+export declare const WithHelpPopover: Story;

package/toast/Toast.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+import { MidasToast } from './Toast';
+type Story = StoryObj<MidasToast>;
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        type: {
+            control: "select";
+            description: string;
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Global: Story;
+export declare const Local: Story;

package/tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react-vite';
+import { MidasTooltipProps, Tooltip } from './Tooltip';
+type Story = StoryObj<typeof Tooltip>;
+declare const _default: {
+    component: typeof Tooltip;
+    subcomponents: {
+        TooltipTrigger: React.ComponentType<unknown>;
+    };
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+        a11y: {
+            test: string;
+        };
+    };
+    args: {
+        children: string;
+    };
+    render: (args: MidasTooltipProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Primary: Story;
+export declare const Open: Story;
+export declare const Placement: Story;
+export declare const PlacementStartRTL: Story;

package/utils/tests.d.ts

@@ -0,0 +1,17 @@
+export declare const options: {
+    name: string;
+    id: string;
+}[];
+export declare const mockedNow: import('@internationalized/date').CalendarDate;
+export declare function generateMockOptions(count: number): {
+    id: number;
+    name: string;
+}[];
+export declare const optionsWithSections: {
+    name: string;
+    id: number;
+    children: {
+        name: string;
+        id: number;
+    }[];
+}[];

package/chunks/DateField-DPJrihTz.js

@@ -1,46 +0,0 @@
-import { jsxs as F, jsx as e } from "react/jsx-runtime";
-import { DateField as u } from "react-aria-components";
-import { c as m } from "./clsx-AexbMWKp.js";
-import { a as _, D as f } from "./DateInputDivider-CkTB5q5k.js";
-import { F as s } from "./FieldError-Bra5aRT3.js";
-import { a as h, L as D } from "./Label-6SXmzRZE.js";
-import { T as b } from "./Text-TWzJxnto.js";
-import '../assets/DateField.css';const x = "_dateField_y3sba_1", y = "_inputField_y3sba_7", L = "_medium_y3sba_37", i = {
-  dateField: x,
-  inputField: y,
-  medium: L
-}, S = ({
-  className: r,
-  description: t,
-  errorMessage: d,
-  errorPosition: a = "top",
-  label: l,
-  size: o = "large",
-  popover: n,
-  ...p
-}) => /* @__PURE__ */ F(
-  u,
-  {
-    ...p,
-    className: m(i.dateField, r),
-    children: [
-      /* @__PURE__ */ e(h, { popover: n, children: l && /* @__PURE__ */ e(D, { children: l }) }),
-      t && /* @__PURE__ */ e(b, { slot: "description", children: t }),
-      a === "top" && /* @__PURE__ */ e(s, { children: d }),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: m(i.inputField, {
-            [i.medium]: o === "medium"
-          }),
-          "data-testid": "date-field_input-field",
-          children: /* @__PURE__ */ e(_, { children: (c) => /* @__PURE__ */ e(f, { segment: c }) })
-        }
-      ),
-      a === "bottom" && /* @__PURE__ */ e(s, { children: d })
-    ]
-  }
-);
-export {
-  S as D
-};

package/chunks/DateRangePicker-DzgK_p0d.js

@@ -1,117 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Group as P, Button as b, Popover as f, Dialog as v, DatePicker as x, DateRangePicker as F } from "react-aria-components";
-import { a as m } from "./clsx-AexbMWKp.js";
-import { C as M, R as N } from "./RangeCalendar-Bt8q3FZi.js";
-import { a as p, D as k, b as B } from "./DateInputDivider-CkTB5q5k.js";
-import { F as h } from "./FieldError-Bra5aRT3.js";
-import { a as u, L as y } from "./Label-6SXmzRZE.js";
-import { T as _ } from "./Text-TWzJxnto.js";
-import { c as C } from "./createLucideIcon-D4r5Phnh.js";
-import '../assets/DateRangePicker.css';const I = [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }],
-  ["path", { d: "M8 14h.01", key: "6423bh" }],
-  ["path", { d: "M12 14h.01", key: "1etili" }],
-  ["path", { d: "M16 14h.01", key: "1gbofw" }],
-  ["path", { d: "M8 18h.01", key: "lrp35t" }],
-  ["path", { d: "M12 18h.01", key: "mhygvu" }],
-  ["path", { d: "M16 18h.01", key: "kzsmim" }]
-], L = C("calendar-days", I), O = "_datePicker_175bg_1", R = "_inputField_175bg_8", j = "_medium_175bg_24", w = "_readOnly_175bg_42", T = "_calendarButton_175bg_60", $ = "_dialog_175bg_108", a = {
-  datePicker: O,
-  inputField: R,
-  medium: j,
-  readOnly: w,
-  calendarButton: T,
-  dialog: $
-}, g = ({
-  children: i,
-  isDisabled: r,
-  isInvalid: n,
-  isReadOnly: t,
-  size: d = "large"
-}) => /* @__PURE__ */ l(
-  P,
-  {
-    className: m(a.inputField, {
-      [a.medium]: d === "medium",
-      [a.readOnly]: t
-    }),
-    children: [
-      i,
-      /* @__PURE__ */ e(
-        b,
-        {
-          className: m(a.calendarButton, {
-            [a.medium]: d === "medium",
-            [a.readOnly]: t
-          }),
-          "data-invalid": n || void 0,
-          isDisabled: r,
-          children: /* @__PURE__ */ e(
-            L,
-            {
-              "aria-hidden": !0,
-              size: 20
-            }
-          )
-        }
-      )
-    ]
-  }
-), D = ({
-  children: i
-}) => /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(v, { className: a.dialog, children: i }) }), K = ({
-  className: i,
-  description: r,
-  errorMessage: n,
-  errorPosition: t = "top",
-  label: d,
-  popover: s,
-  ...c
-}) => /* @__PURE__ */ l(
-  x,
-  {
-    className: m(a.datePicker, i),
-    ...c,
-    children: [
-      /* @__PURE__ */ e(u, { popover: s, children: d && /* @__PURE__ */ e(y, { children: d }) }),
-      r && /* @__PURE__ */ e(_, { slot: "description", children: r }),
-      t === "top" && /* @__PURE__ */ e(h, { children: n }),
-      /* @__PURE__ */ e(g, { ...c, children: /* @__PURE__ */ e(p, { children: (o) => /* @__PURE__ */ e(k, { segment: o }) }) }),
-      t === "bottom" && /* @__PURE__ */ e(h, { children: n }),
-      /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(M, {}) })
-    ]
-  }
-), Q = ({
-  className: i,
-  description: r,
-  errorMessage: n,
-  errorPosition: t = "top",
-  label: d,
-  popover: s,
-  ...c
-}) => /* @__PURE__ */ l(
-  F,
-  {
-    className: m(a.datePicker, i),
-    ...c,
-    children: [
-      /* @__PURE__ */ e(u, { popover: s, children: d && /* @__PURE__ */ e(y, { children: d }) }),
-      r && /* @__PURE__ */ e(_, { slot: "description", children: r }),
-      t === "top" && /* @__PURE__ */ e(h, { children: n }),
-      /* @__PURE__ */ l(g, { ...c, children: [
-        /* @__PURE__ */ e(p, { slot: "start", children: (o) => /* @__PURE__ */ e(k, { segment: o }) }),
-        /* @__PURE__ */ e(B, {}),
-        /* @__PURE__ */ e(p, { slot: "end", children: (o) => /* @__PURE__ */ e(k, { segment: o }) })
-      ] }),
-      t === "bottom" && /* @__PURE__ */ e(h, { children: n }),
-      /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(N, {}) })
-    ]
-  }
-);
-export {
-  K as D,
-  Q as a
-};

package/chunks/SearchField-CxoPi6Ql.js

@@ -1,135 +0,0 @@
-import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import { s as N } from "./TextField.module-DZslrEPC.js";
-import { B as _ } from "./Button-BYrLbzir.js";
-import { c as l } from "./clsx-AexbMWKp.js";
-import * as x from "react";
-import { useSearchFieldState as j } from "react-stately";
-import { useSearchField as C } from "react-aria";
-import { F as f } from "./FieldError-Bra5aRT3.js";
-import { c as p } from "./createLucideIcon-D4r5Phnh.js";
-import { X as B } from "./x-BXShoIAM.js";
-import { u as D } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/SearchField.css';const E = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], k = p("search", E), P = "_container_basio_1", T = "_inner_basio_10", w = "_inputContainer_basio_15", I = "_medium_basio_21", K = "_icon_basio_26", L = "_clear_basio_39", M = "_input_basio_15", a = {
-  container: P,
-  inner: T,
-  inputContainer: w,
-  medium: I,
-  icon: K,
-  clear: L,
-  input: M
-}, R = { search: "Search" }, V = { search: "Sök" }, O = {
-  en: R,
-  sv: V
-};
-function X(r) {
-  return !!r?.length;
-}
-const Z = ({
-  errorPosition: r = "top",
-  size: t = "large",
-  ...e
-}) => {
-  const { value: i, setValue: d } = j(e), v = D(O), m = x.useRef(null), { inputProps: o, isInvalid: s, validationErrors: h, clearButtonProps: S } = C(
-    {
-      ...e,
-      label: e.placeholder,
-      validationBehavior: "native"
-    },
-    { value: i, setValue: d },
-    m
-  ), g = ({ target: c }) => d(c.value), y = () => d(""), b = () => {
-    if (e.validate && X(e.validate(i)) || s || !i) {
-      m.current?.focus();
-      return;
-    }
-    e.onSubmit && e.onSubmit(i);
-  }, F = ({ key: c }) => {
-    c === "Enter" && b();
-  };
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      className: l(a.container, e.className),
-      "data-disabled": o.disabled,
-      children: [
-        r === "top" && /* @__PURE__ */ n(f, { isInvalid: s, children: e.errorMessage ?? h.join(" ") }),
-        /* @__PURE__ */ u("div", { className: a.inner, children: [
-          /* @__PURE__ */ u(
-            "div",
-            {
-              className: l(a.inputContainer, {
-                [a.medium]: t === "medium"
-              }),
-              children: [
-                /* @__PURE__ */ n(
-                  k,
-                  {
-                    size: 20,
-                    className: a.icon
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  "input",
-                  {
-                    ...o,
-                    ...o.disabled && { "data-disabled": !0 },
-                    className: l(
-                      N.input,
-                      a.input,
-                      o.className,
-                      { [a.medium]: t === "medium" }
-                    ),
-                    ref: m,
-                    onChange: g,
-                    value: i,
-                    "aria-invalid": s,
-                    onKeyDown: F,
-                    "aria-label": e.placeholder,
-                    "aria-labelledby": ""
-                  }
-                ),
-                i.length > 0 && /* @__PURE__ */ n(
-                  _,
-                  {
-                    variant: "icon",
-                    size: t,
-                    className: l(a.clear, {
-                      [a.medium]: t === "medium"
-                    }),
-                    onPress: y,
-                    ...S,
-                    children: /* @__PURE__ */ n(
-                      B,
-                      {
-                        size: 20,
-                        "aria-hidden": !0
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ n(
-            _,
-            {
-              size: t,
-              isDisabled: e.isDisabled,
-              excludeFromTabOrder: !0,
-              onPress: b,
-              type: "button",
-              children: e.buttonText ? e.buttonText : v.format("search")
-            }
-          )
-        ] }),
-        r === "bottom" && /* @__PURE__ */ n(f, { isInvalid: s, children: e.errorMessage ?? h.join(" ") })
-      ]
-    }
-  );
-};
-export {
-  Z as S
-};