@simpli-route/apollo-ds 0.1.73 → 0.1.75

package/dist/index.es97.js

@@ -1,14 +1,82 @@
-import { j as r } from "./index.es49.js";
-import { cn as c } from "./index.es50.js";
-import { ClearIconButton as i } from "./index.es128.js";
-import { SearchIcon as a } from "./index.es129.js";
-const f = ({
-  showClearIcon: t,
-  clearIcon: n,
-  searchIcon: e,
-  isDisabled: s,
-  onReset: o
-}) => /* @__PURE__ */ r.jsx("span", { className: c("absolute right-2 top-1/2 flex -translate-y-1/2 items-center"), children: t && o ? /* @__PURE__ */ r.jsx(i, { icon: n, isDisabled: s, onPress: o }) : /* @__PURE__ */ r.jsx(a, { icon: e }) });
+import { j as t } from "./index.es49.js";
+import { Button as j, SelectValue as w } from "react-aria-components";
+import { cn as i } from "./index.es51.js";
+import { Badge as v } from "./index.es6.js";
+import "./index.es7.js";
+import { selectInputButtonVariants as L } from "./index.es59.js";
+const E = ({
+  ref: C,
+  isOpen: l,
+  setIsOpen: m,
+  size: o,
+  isDisabled: n,
+  classNameButton: x,
+  selectionMode: c,
+  maxLengthTextOption: f,
+  handleDeleteOptionSelected: p,
+  placeholder: u,
+  validationState: h
+}) => /* @__PURE__ */ t.jsxs(
+  j,
+  {
+    ref: C,
+    className: ({ isFocusVisible: e, isHovered: a }) => i(
+      L({
+        size: o,
+        isDisabled: n,
+        isFocusVisible: e || l,
+        isHovered: a,
+        validationState: h
+      }),
+      x
+    ),
+    onPress: () => m(!l),
+    children: [
+      /* @__PURE__ */ t.jsx(w, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: e, selectedText: a, isPlaceholder: d }) => /* @__PURE__ */ t.jsx(t.Fragment, { children: c === "multiple" && e && e.length > 0 ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: e.filter((r) => r != null).map((r) => {
+        const g = r.label, s = r.value;
+        return /* @__PURE__ */ t.jsx(
+          v,
+          {
+            label: g,
+            size: o,
+            isDisabled: n,
+            maxLength: f,
+            onDelete: () => p(s)
+          },
+          s
+        );
+      }) }) : /* @__PURE__ */ t.jsx(
+        "span",
+        {
+          className: i(
+            "flex-1 truncate text-left",
+            d ? "text-neutral-600" : "",
+            n ? "text-neutral-700" : ""
+          ),
+          children: a || u
+        }
+      ) }) }),
+      /* @__PURE__ */ t.jsx(
+        "svg",
+        {
+          className: `${l ? "rotate-180" : ""} transition-transform duration-100`,
+          width: "20",
+          height: "10",
+          viewBox: "0 0 20 10",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ t.jsx(
+            "path",
+            {
+              d: "M20 0.838022C20.0006 0.947676 19.9796 1.05638 19.9381 1.15789C19.8967 1.2594 19.8356 1.35173 19.7584 1.42959L12.9512 8.23676C12.5642 8.62472 12.1045 8.93252 11.5984 9.14254C11.0922 9.35256 10.5497 9.46066 10.0017 9.46066C9.45373 9.46066 8.91115 9.35256 8.40502 9.14254C7.8989 8.93252 7.43918 8.62472 7.0522 8.23676L0.245034 1.42959C0.167349 1.3519 0.105725 1.25968 0.0636824 1.15818C0.0216393 1.05667 5.62088e-09 0.947886 0 0.838023C-5.62081e-09 0.728159 0.0216393 0.619372 0.0636824 0.51787C0.105725 0.41637 0.167349 0.324143 0.245034 0.246458C0.32272 0.168773 0.414946 0.107149 0.516447 0.0651056C0.617948 0.0230624 0.726736 0.00142351 0.8366 0.00142351C0.946464 0.00142351 1.05525 0.0230624 1.15675 0.0651055C1.25825 0.107149 1.35048 0.168773 1.42817 0.246458L8.23533 7.05363C8.704 7.52171 9.33931 7.78463 10.0017 7.78463C10.6641 7.78463 11.2994 7.52171 11.7681 7.05363L18.5752 0.246457C18.6527 0.168363 18.7448 0.106378 18.8464 0.0640783C18.9479 0.0217776 19.0568 4.80781e-09 19.1668 0C19.2768 -4.80789e-09 19.3857 0.0217776 19.4872 0.0640782C19.5888 0.106378 19.6809 0.168363 19.7584 0.246457C19.8356 0.324311 19.8967 0.41664 19.9381 0.518154C19.9796 0.619668 20.0006 0.728369 20 0.838022Z",
+              fill: "#73768C"
+            }
+          )
+        }
+      )
+    ]
+  }
+);
 export {
-  f as SearchFieldIconContainer
+  E as SelectContent
 };

package/dist/index.es98.js

@@ -1,9 +1,21 @@
-import { j as e } from "./index.es49.js";
-import { Text as x, FieldError as l } from "react-aria-components";
-const n = ({ description: t, isInvalid: r, errorMessage: s }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  t && !r && /* @__PURE__ */ e.jsx(x, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: t }),
-  s && r && /* @__PURE__ */ e.jsx(l, { className: "text-sm leading-6 text-error-500", children: s })
+import { j as t } from "./index.es49.js";
+import { cn as c } from "./index.es51.js";
+const i = ({
+  label: e,
+  description: x,
+  errorMessage: s,
+  isDisabled: l,
+  isInvalid: r,
+  children: n,
+  renderLabelIcon: m
+}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+  e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
+    /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
+    m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
+  ] }) : n,
+  x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
+  r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
 ] });
 export {
-  n as SearchFieldMessages
+  i as ContentSwitch
 };

package/dist/index.es99.js

@@ -1,44 +1,22 @@
-import { j as e } from "./index.es49.js";
-import { useState as m, useEffect as u } from "react";
-import { Popover as v } from "react-aria-components";
-import { NoResultsMessage as a } from "./index.es130.js";
-import { SearchListBox as h } from "./index.es131.js";
-import { popoverVariants as x } from "./index.es71.js";
-const z = ({
-  triggerRef: o,
-  hasNoResults: n,
-  noResultsText: i,
-  items: p,
-  onItemSelect: c
-}) => {
-  const [s, d] = m(void 0);
-  return u(() => {
-    if (!(o != null && o.current))
-      return;
-    const r = () => {
-      if (o.current) {
-        const t = o.current.offsetWidth;
-        d(t);
-      }
-    };
-    if (r(), typeof ResizeObserver < "u") {
-      const t = new ResizeObserver(() => {
-        r();
-      });
-      return o.current && t.observe(o.current), () => {
-        t.disconnect();
-      };
+import { j as i } from "./index.es49.js";
+import { cn as m } from "./index.es51.js";
+import { indicatorVariants as n } from "./index.es73.js";
+const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: m(
+      n({
+        isSelected: r,
+        isDisabled: o,
+        size: a,
+        isHoveredWhenOff: f && !r
+      })
+    ),
+    style: {
+      left: r ? `${t.onLeft}px` : `${t.offLeft}px`
     }
-  }, [o]), /* @__PURE__ */ e.jsx(
-    v,
-    {
-      className: x(),
-      triggerRef: o,
-      style: s !== void 0 ? { width: `${s}px`, minWidth: `${s}px` } : void 0,
-      children: n ? /* @__PURE__ */ e.jsx(a, { text: i }) : /* @__PURE__ */ e.jsx(h, { items: p, onItemSelect: c })
-    }
-  );
-};
+  }
+);
 export {
-  z as SearchFieldPopover
+  c as SwitchIndicator
 };

package/dist/stories/FilterTypeChip.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ isDisabled, classNameLabel, classNameValue, isRequired, tooltipText, tooltipSupportText, tooltipProps, filterLabel, value, placeholder, className, onRemove, children, placementPopover, classNamePopover, modeTooltip, placementTooltip, }: import('../components').FilterTypeChipProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ isDisabled, classNameLabel, classNameValue, isRequired, tooltipText, tooltipSupportText, tooltipProps, filterLabel, value, placeholder, className, onRemove, children, placementPopover, classNamePopover, modeTooltip, placementTooltip, allowRemove, isOpen: controlledOpen, onOpenChange, }: import('../components').FilterTypeChipProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -13,3 +13,5 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const FilterWithMultiSelect: Story;
 export declare const Disabled: Story;
+export declare const WithoutRemoveButton: Story;
+export declare const DefaultOpenSelect: Story;

package/dist/stories/SelectInput.stories.d.ts

@@ -34,6 +34,10 @@ declare const meta: {
         isRequired: {
             control: "boolean";
         };
+        validationState: {
+            control: "select";
+            options: (string | undefined)[];
+        };
     };
 };
 export default meta;
@@ -50,3 +54,5 @@ export declare const Disabled: Story;
 export declare const WithTooltip: Story;
 export declare const EmptyState: Story;
 export declare const MassiveList: Story;
+export declare const ValidState: Story;
+export declare const InvalidState: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.1.73",
+  "version": "0.1.75",
   "type": "module",
   "files": [
     "dist"