@fluidattacks/design 3.1.13 → 3.2.0

package/dist/components/inputs/fields/date-range/calendar/index.js

@@ -1,35 +1,9 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { createCalendar as c } from "@internationalized/date";
-import { useRef as d } from "react";
-import { useLocale as f, useRangeCalendar as p } from "react-aria";
-import { useRangeCalendarState as u } from "react-stately";
-import { CalendarGrid as C } from "../../date/calendar/grid/index.js";
-import { Header as g } from "../../date/calendar/header/index.js";
-import { F as h } from "../../../../../styles-BlHspTrz.mjs";
-import { Button as x } from "../../../../button/index.js";
-const L = ({
-  onClose: a,
-  props: o
-}) => {
-  const { locale: n } = f(), t = d(null), e = u({ ...o, createCalendar: c, locale: n }), { prevButtonProps: l, nextButtonProps: m, title: i } = p(
-    o,
-    e,
-    t
-  );
-  return /* @__PURE__ */ s("div", { className: "calendar-range", ref: t, children: [
-    /* @__PURE__ */ r(
-      g,
-      {
-        nextButtonProps: m,
-        prevButtonProps: l,
-        state: e,
-        title: i
-      }
-    ),
-    /* @__PURE__ */ r(C, { state: e }),
-    /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(x, { onClick: a, variant: "ghost", children: "Cancel" }) })
-  ] });
-};
+import "react/jsx-runtime";
+import "@internationalized/date";
+import "react";
+import "react-aria";
+import "react-stately";
+import { b6 as e } from "../../../../../components-C7JPRIEW.mjs";
 export {
-  L as Calendar
+  e as Calendar
 };

package/dist/components/inputs/fields/date-range/index.js

@@ -1,108 +1,8 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import { forwardRef as k, useRef as w } from "react";
-import { useDateRangePicker as y } from "react-aria";
-import { useDateRangePickerState as S } from "react-stately";
-import { Calendar as C } from "./calendar/index.js";
-import { styled as F } from "styled-components";
-import { OutlineContainer as O } from "../../outline-container/index.js";
-import { DateSelector as g } from "../../utils/date-selector/index.js";
-import { Dialog as j } from "../../utils/dialog/index.js";
-import { Popover as q } from "../../utils/popover/index.js";
-const I = F.div`
-  ${({ theme: t, $disabled: e, $show: a }) => `
-    border-color: ${a ? t.palette.error[500] : t.palette.gray[300]};
-    display: flex;
-    gap: ${t.spacing[0.25]};
-    width: 100%;
-
-    ~ div {
-      background: ${e ? t.palette.gray[200] : t.palette.white};
-    }
-  `}
-`, N = k(function({
-  disabled: e = !1,
-  error: a,
-  label: P,
-  name: o,
-  required: $,
-  tooltip: R,
-  ...d
-}, u) {
-  const r = w(null), n = S(d), { close: v } = n, b = `min${o}`, D = `max${o}`, {
-    groupProps: f,
-    startFieldProps: i,
-    endFieldProps: s,
-    buttonProps: c,
-    dialogProps: h,
-    calendarProps: x
-  } = y(d, n, r);
-  return /* @__PURE__ */ m(
-    O,
-    {
-      error: a,
-      htmlFor: o,
-      label: P,
-      required: $,
-      tooltip: R,
-      children: [
-        /* @__PURE__ */ m(
-          I,
-          {
-            $disabled: e,
-            $show: a !== void 0,
-            ref: r,
-            children: [
-              /* @__PURE__ */ l(
-                g,
-                {
-                  buttonProps: c,
-                  datePickerRef: r,
-                  disabled: e,
-                  error: a,
-                  fieldProps: {
-                    ...i,
-                    "aria-label": `${i["aria-label"]} ${o}`,
-                    validate: (p) => s.value && p > s.value ? "Start date must be less than or equal to end date" : null
-                  },
-                  groupProps: f,
-                  inputRef: u,
-                  name: b
-                }
-              ),
-              /* @__PURE__ */ l(
-                g,
-                {
-                  buttonProps: c,
-                  datePickerRef: r,
-                  disabled: e,
-                  error: a,
-                  fieldProps: {
-                    ...s,
-                    "aria-label": `${s["aria-label"]} ${o}`,
-                    validate: (p) => i.value && p < i.value ? "End date must be greater than or equal to start date" : null
-                  },
-                  groupProps: f,
-                  inputRef: u,
-                  name: D
-                }
-              )
-            ]
-          }
-        ),
-        n.isOpen && !e ? /* @__PURE__ */ l(
-          q,
-          {
-            offset: 8,
-            placement: "bottom start",
-            state: n,
-            triggerRef: r,
-            children: /* @__PURE__ */ l(j, { ...h, children: /* @__PURE__ */ l(C, { onClose: v, props: { ...x } }) })
-          }
-        ) : null
-      ]
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import "react-stately";
+import { V as a } from "../../../../components-C7JPRIEW.mjs";
 export {
-  N as InputDateRange
+  a as InputDateRange
 };

package/dist/components/inputs/fields/date-time/calendar/index.js

@@ -1,64 +1,9 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { createCalendar as f } from "@internationalized/date";
-import { useLocale as u, useCalendar as g } from "react-aria";
-import { useCalendarState as C } from "react-stately";
-import { styled as n, useTheme as x } from "styled-components";
-import { TimeField as h } from "../../../utils/date-time-field/index.js";
-import { CalendarGrid as y } from "../../date/calendar/grid/index.js";
-import { Header as v } from "../../date/calendar/header/index.js";
-import { F as $ } from "../../../../../styles-BlHspTrz.mjs";
-import { Button as T } from "../../../../button/index.js";
-import "../../../../typography/heading/index.js";
-import "../../../../typography/span/index.js";
-import { Text as j } from "../../../../typography/text/index.js";
-const b = n.div`
-  ${({ theme: e }) => `
-    align-items: center;
-    border-top: 1px solid ${e.palette.gray[200]};
-    display: flex;
-    gap: ${e.spacing[1.5]};
-    justify-content: center;
-    padding: ${e.spacing[0.5]} ${e.spacing[1.25]};
-  `}
-`, B = n.div`
-  align-items: center;
-  display: flex;
-  gap: ${({ theme: e }) => e.spacing[0.5]};
-  justify-content: flex-end;
-  flex: 1 0 0;
-`, w = ({
-  handleTimeChange: e,
-  onClose: a,
-  props: o,
-  timeState: l
-}) => {
-  const s = x(), { locale: m } = u(), r = C({ ...o, createCalendar: f, locale: m }), { prevButtonProps: c, nextButtonProps: d, title: p } = g(o, r);
-  return /* @__PURE__ */ i("div", { className: "calendar", children: [
-    /* @__PURE__ */ t(
-      v,
-      {
-        nextButtonProps: d,
-        prevButtonProps: c,
-        state: r,
-        title: p
-      }
-    ),
-    /* @__PURE__ */ t(y, { state: r }),
-    /* @__PURE__ */ i(b, { children: [
-      /* @__PURE__ */ t(j, { color: s.palette.gray[800], fontWeight: "bold", size: "sm", children: "Time" }),
-      /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(
-        h,
-        {
-          hourCycle: 12,
-          label: "time-field",
-          onChange: e,
-          value: l.timeValue
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(T, { onClick: a, variant: "ghost", children: "Cancel" }) })
-  ] });
-};
+import "react/jsx-runtime";
+import "@internationalized/date";
+import "react-aria";
+import "react-stately";
+import "styled-components";
+import { b7 as e } from "../../../../../components-C7JPRIEW.mjs";
 export {
-  w as Calendar
+  e as Calendar
 };

package/dist/components/inputs/fields/date-time/index.js

@@ -1,69 +1,8 @@
-import { jsxs as D, jsx as t } from "react/jsx-runtime";
-import { forwardRef as b, useRef as R, useCallback as k } from "react";
-import { useDatePicker as S } from "react-aria";
-import { useDatePickerState as T } from "react-stately";
-import { Calendar as x } from "./calendar/index.js";
-import { OutlineContainer as y } from "../../outline-container/index.js";
-import { DateSelector as O } from "../../utils/date-selector/index.js";
-import { Dialog as j } from "../../utils/dialog/index.js";
-import { Popover as I } from "../../utils/popover/index.js";
-const J = b(function(o, m) {
-  const r = R(null), e = T({
-    ...o,
-    granularity: "minute",
-    hourCycle: 12,
-    shouldCloseOnSelect: !1
-  }), { close: s } = e, { disabled: i = !1, error: n, required: f, label: p, name: a, tooltip: u } = o, { groupProps: c, fieldProps: d, buttonProps: P, dialogProps: g, calendarProps: h } = S(o, e, r), C = k(
-    (l) => {
-      l && e.setTimeValue(l);
-    },
-    [e]
-  );
-  return /* @__PURE__ */ D(
-    y,
-    {
-      error: n,
-      htmlFor: a,
-      label: p,
-      required: f,
-      tooltip: u,
-      children: [
-        /* @__PURE__ */ t(
-          O,
-          {
-            buttonProps: P,
-            datePickerRef: r,
-            disabled: i,
-            error: n,
-            fieldProps: d,
-            granularity: "minute",
-            groupProps: c,
-            inputRef: m,
-            name: a
-          }
-        ),
-        e.isOpen && !i ? /* @__PURE__ */ t(
-          I,
-          {
-            offset: 8,
-            placement: "bottom start",
-            state: e,
-            triggerRef: r,
-            children: /* @__PURE__ */ t(j, { ...g, children: /* @__PURE__ */ t(
-              x,
-              {
-                handleTimeChange: C,
-                onClose: s,
-                props: { ...h },
-                timeState: e
-              }
-            ) })
-          }
-        ) : null
-      ]
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import "react-stately";
+import { W as e } from "../../../../components-C7JPRIEW.mjs";
 export {
-  J as InputDateTime
+  e as InputDateTime
 };

package/dist/components/inputs/fields/editable/index.js

@@ -1,28 +1,6 @@
-import { jsx as r, jsxs as h } from "react/jsx-runtime";
-import { isNil as l } from "lodash";
-import { Label as d } from "../../label/index.js";
-import { Container as c } from "../../../container/index.js";
-import { Link as a } from "../../../link/index.js";
-import "../../../typography/heading/index.js";
-import "../../../typography/span/index.js";
-import { Text as x } from "../../../typography/text/index.js";
-const z = ({
-  children: m,
-  currentValue: i,
-  externalLink: e,
-  isEditing: n,
-  label: s,
-  name: p,
-  tooltip: f
-}) => {
-  if (n)
-    return /* @__PURE__ */ r("div", { children: m });
-  const t = l(i) ? "" : i, o = String(e ?? t);
-  return /* @__PURE__ */ h(c, { children: [
-    /* @__PURE__ */ r(d, { htmlFor: p, label: s, tooltip: f, weight: "bold" }),
-    o.startsWith("https://") ? /* @__PURE__ */ r(a, { href: o, children: t }) : /* @__PURE__ */ r(x, { size: "md", children: t })
-  ] });
-};
+import "react/jsx-runtime";
+import "lodash";
+import { a0 as i } from "../../../../components-C7JPRIEW.mjs";
 export {
-  z as Editable
+  i as Editable
 };

package/dist/components/inputs/fields/input/index.js

@@ -1,77 +1,7 @@
-import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as S } from "react";
-import { useTheme as T } from "styled-components";
-import { OutlineContainer as $ } from "../../outline-container/index.js";
-import { S as b } from "../../../../styles-BXFVwnWT.mjs";
-import { Icon as n } from "../../../icon/index.js";
-const w = S(function({
-  disabled: t = !1,
-  hasIcon: a = !1,
-  helpLink: l,
-  helpLinkText: s,
-  helpText: c,
-  error: i,
-  label: f,
-  name: e,
-  maskValue: m = !1,
-  required: r,
-  tooltip: p,
-  type: d = "text",
-  weight: u,
-  ...x
-}, h) {
-  const C = T();
-  return /* @__PURE__ */ o(
-    $,
-    {
-      error: i,
-      helpLink: l,
-      helpLinkText: s,
-      helpText: c,
-      htmlFor: e,
-      label: f,
-      required: r,
-      tooltip: p,
-      weight: u,
-      children: /* @__PURE__ */ I(
-        b,
-        {
-          className: `${t ? "disabled" : ""} ${i ? "error" : ""}`,
-          children: [
-            a ? /* @__PURE__ */ o(n, { icon: "user", iconSize: "sm", iconType: "fa-light" }) : void 0,
-            /* @__PURE__ */ o(
-              "input",
-              {
-                "aria-hidden": !1,
-                "aria-invalid": i ? "true" : "false",
-                "aria-label": e,
-                "aria-required": r,
-                autoComplete: "off",
-                className: m ? "sr-block" : "",
-                "data-testid": `${e}-input`,
-                disabled: t,
-                id: e,
-                name: e,
-                ref: h,
-                type: d,
-                ...x
-              }
-            ),
-            i ? /* @__PURE__ */ o(
-              n,
-              {
-                icon: "exclamation-circle",
-                iconClass: "error-icon",
-                iconColor: C.palette.error[500],
-                iconSize: "xs"
-              }
-            ) : void 0
-          ]
-        }
-      )
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import "styled-components";
+import { T as i } from "../../../../components-C7JPRIEW.mjs";
 export {
-  w as Input
+  i as Input
 };

package/dist/components/inputs/fields/input-file/index.js

@@ -1,125 +1,8 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { isEmpty as v } from "lodash";
-import { forwardRef as C } from "react";
-import { styled as s, useTheme as F } from "styled-components";
-import { b as T } from "../../../../styles-B64DVBIF.mjs";
-import { OutlineContainer as $ } from "../../outline-container/index.js";
-import { S as b } from "../../../../styles-BXFVwnWT.mjs";
-import { Button as z } from "../../../button/index.js";
-import { Container as j } from "../../../container/index.js";
-import { Icon as m } from "../../../icon/index.js";
-import { IconButton as N } from "../../../icon-button/index.js";
-const A = s(T)`
-  white-space: nowrap;
-  margin-right: ${({ theme: e }) => e.spacing[0.25]};
-  text-overflow: ellipsis;
-  overflow: hidden;
-  max-width: 80%;
-`, B = s.input`
-  opacity: 0;
-  position: absolute;
-  visibility: hidden;
-  width: 0;
-`, R = (e) => {
-  const o = e;
-  return o ? Array.from(o).map((i) => i.name).join(", ") : "";
-}, P = C(function({
-  accept: o,
-  disabled: i = !1,
-  error: p,
-  label: c,
-  helpLink: d,
-  helpText: f,
-  id: h,
-  multiple: x,
-  name: r,
-  required: u,
-  tooltip: y,
-  weight: g,
-  value: w,
-  ...I
-}, S) {
-  const a = F(), l = R(w);
-  return /* @__PURE__ */ n(
-    $,
-    {
-      error: p,
-      helpLink: d,
-      helpText: f,
-      htmlFor: r,
-      label: c,
-      required: u,
-      tooltip: y,
-      weight: g,
-      children: [
-        /* @__PURE__ */ n(
-          b,
-          {
-            className: `${i ? "disabled" : ""} ${p ? "error" : ""}`,
-            children: [
-              /* @__PURE__ */ t(A, { $size: "xs", children: l }),
-              /* @__PURE__ */ n(j, { display: "flex", gap: 0.5, children: [
-                v(l) ? void 0 : /* @__PURE__ */ t(
-                  N,
-                  {
-                    color: a.palette.gray[400],
-                    height: "20px",
-                    icon: "xmark",
-                    iconSize: "lg",
-                    iconType: "fa-light",
-                    variant: "ghost",
-                    width: "20px"
-                  }
-                ),
-                p && /* @__PURE__ */ t(
-                  m,
-                  {
-                    icon: "exclamation-circle",
-                    iconClass: "error-icon",
-                    iconColor: a.palette.error[500],
-                    iconSize: "xs"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ n(
-                z,
-                {
-                  border: i ? `1px solid ${a.palette.gray[300]} !important` : "",
-                  borderRadius: "0px 8px 8px 0px !important",
-                  disabled: i,
-                  height: "40px",
-                  variant: "primary",
-                  width: "96px",
-                  children: [
-                    /* @__PURE__ */ t(m, { icon: "search", iconSize: "sm", mr: 0.5 }),
-                    "Add file"
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ t(
-          B,
-          {
-            accept: o,
-            "aria-label": r,
-            "data-testid": r,
-            disabled: i,
-            id: h,
-            multiple: x,
-            name: r,
-            ref: S,
-            required: void 0,
-            type: "file",
-            value: void 0,
-            ...I
-          }
-        )
-      ]
-    }
-  );
-});
+import "react/jsx-runtime";
+import "lodash";
+import "react";
+import "styled-components";
+import { X as e } from "../../../../components-C7JPRIEW.mjs";
 export {
-  P as InputFile
+  e as InputFile
 };

package/dist/components/inputs/fields/input-tags/index.js

@@ -1,68 +1,6 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as h, useMemo as x } from "react";
-import { styled as T } from "styled-components";
-import { OutlineContainer as y } from "../../outline-container/index.js";
-import { S as I } from "../../../../styles-BXFVwnWT.mjs";
-import { Tag as b } from "../../../tag/index.js";
-const C = T.input`
-  border: none;
-  background: transparent;
-  min-width: 15rem;
-  padding: 0;
-  flex: 1;
-`, L = h(function({
-  disabled: r = !1,
-  error: n,
-  label: s,
-  name: e = "input-tag",
-  onChange: f,
-  placeholder: l,
-  required: a,
-  tooltip: m,
-  weight: d,
-  value: t,
-  ...u
-}, g) {
-  const i = x(() => t && typeof t == "string" ? t.split(",").filter(Boolean) : [], [t]);
-  return /* @__PURE__ */ o(
-    y,
-    {
-      error: n,
-      htmlFor: e,
-      label: s,
-      required: a,
-      tooltip: m,
-      weight: d,
-      children: /* @__PURE__ */ c(
-        I,
-        {
-          className: `${r ? "disabled" : ""} ${n ? "error" : ""}`,
-          children: [
-            i.map((p) => /* @__PURE__ */ o(b, { disabled: r, tagLabel: p }, p)),
-            /* @__PURE__ */ o(
-              C,
-              {
-                "aria-hidden": !1,
-                "aria-invalid": n ? "true" : "false",
-                "aria-label": e,
-                "aria-required": a,
-                autoComplete: "off",
-                disabled: r,
-                name: e,
-                onChange: f,
-                placeholder: i.length === 0 ? l : void 0,
-                ref: g,
-                type: "text",
-                value: t,
-                ...u
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import { Z as m } from "../../../../components-C7JPRIEW.mjs";
 export {
-  L as InputTags
+  m as InputTags
 };

package/dist/components/inputs/fields/number/index.js

@@ -1,57 +1,6 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as F } from "react";
-import { OutlineContainer as I } from "../../outline-container/index.js";
-import { NumberField as j } from "../../utils/number-field/index.js";
-const k = F(function({
-  decimalPlaces: m,
-  disabled: e = !1,
-  error: r,
-  helpLink: i,
-  helpText: n,
-  id: f,
-  label: u,
-  maxLength: p,
-  max: l,
-  min: b,
-  name: o,
-  onChange: c,
-  placeholder: d,
-  required: s,
-  tooltip: N,
-  weight: a,
-  ...h
-}, x) {
-  return /* @__PURE__ */ t(
-    I,
-    {
-      error: r,
-      helpLink: i,
-      helpText: n,
-      htmlFor: o,
-      label: u,
-      maxLength: p,
-      required: s,
-      tooltip: N,
-      weight: a,
-      children: /* @__PURE__ */ t(
-        j,
-        {
-          decimalPlaces: m,
-          disabled: e,
-          error: r,
-          id: f,
-          max: l,
-          min: b,
-          name: o,
-          onChange: c,
-          placeholder: d,
-          ref: x,
-          ...h
-        }
-      )
-    }
-  );
-});
+import "react/jsx-runtime";
+import "react";
+import { Y as t } from "../../../../components-C7JPRIEW.mjs";
 export {
-  k as InputNumber
+  t as InputNumber
 };