@pismo/marola 2.1.36 → 2.1.38

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -18,6 +18,7 @@ declare const meta: {
         className?: string | undefined;
         'data-testid'?: string | undefined;
         error?: boolean | undefined;
+        disabled?: boolean | undefined;
         mode: "single";
         value?: Date | undefined;
         placeholder?: string | undefined;
@@ -36,6 +37,7 @@ declare const meta: {
         className?: string | undefined;
         'data-testid'?: string | undefined;
         error?: boolean | undefined;
+        disabled?: boolean | undefined;
         mode: "range";
         values?: [Date, Date] | undefined;
         placeholders?: [string, string] | undefined;
@@ -50,10 +52,12 @@ export declare const Single: Story;
 export declare const SingleWithValue: Story;
 export declare const SingleWithInfoMessage: Story;
 export declare const SingleWithErrorMessage: Story;
+export declare const SingleDisabled: Story;
 export declare const RangePicker: Story;
 export declare const RangeWithValues: Story;
 export declare const RangeWithInfoMessages: Story;
 export declare const RangeWithErrorMessages: Story;
+export declare const RangeDisabled: Story;
 export declare const RangeWithLimit: Story;
 export declare const MonthView: Story;
 export declare const YearView: Story;

package/dist/components/DatePicker/renderCalendarDays.js

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as x } from "react/jsx-runtime";
 import { d as E } from "../../dayjs.min-ClQKmc--.js";
-import { s as i } from "../../DatePicker.module-gd1PqICl.js";
+import { s as i } from "../../DatePicker.module-BdYkgv4A.js";
 import { getWeekdayNames as I, getMonthGrid as W, isDateInRange as S, isRangeStart as c, isRangeEnd as y, isDisabled as k, isCurrentDay as h, formatDateForInput as A } from "./dateUtils.js";
 const H = (a, n, s) => {
   if (!n[0] || !s) return !1;

package/dist/components/DatePicker/renderDualCalendarHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { Icon as o } from "../Icon/Icon.js";
-import { s as t } from "../../DatePicker.module-gd1PqICl.js";
+import { s as t } from "../../DatePicker.module-BdYkgv4A.js";
 import { getPreviousMonth as d, getNextMonth as n } from "./dateUtils.js";
 const v = ({ currentMonth: e, locale: r, setCurrentMonth: i }) => /* @__PURE__ */ s("div", { className: t["month-header-row"], "data-testid": "dual-calendar-header", children: [
   /* @__PURE__ */ a(

package/dist/components/DatePicker/renderHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e, Fragment as n } from "react/jsx-runtime";
 import { Icon as o } from "../Icon/Icon.js";
-import { s as t } from "../../DatePicker.module-gd1PqICl.js";
+import { s as t } from "../../DatePicker.module-BdYkgv4A.js";
 const k = ({
   currentViewMode: r,
   currentMonth: a,

package/dist/components/DatePicker/renderNavigatorInput.js

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import { Icon as s } from "../Icon/Icon.js";
-import { s as i } from "../../DatePicker.module-gd1PqICl.js";
+import { s as i } from "../../DatePicker.module-BdYkgv4A.js";
 const p = ({
   navigateToPrevious: b,
   navigateToNext: u,

package/dist/components/DatePicker/renderPeriodSelection.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { d as Y } from "../../dayjs.min-ClQKmc--.js";
-import { s } from "../../DatePicker.module-gd1PqICl.js";
+import { s } from "../../DatePicker.module-BdYkgv4A.js";
 const T = ({
   currentViewMode: d,
   currentMonth: i,

package/dist/components/DoubleAutocomplete/DoubleAutocomplete.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'react';
+import { AutocompleteProps } from '../Autocomplete/Autocomplete';
+export type DoubleAutocompleteProps<T> = {
+    /** Element to be used a separator between inputs */
+    separator: React.ReactNode;
+    /** Styles to be applied to separator element */
+    separatorStyles?: CSSProperties;
+    /** Use label inside of autocomplete container **/
+    useLabelInside?: boolean;
+    /** Props to be used in left input element */
+    leftAutocompleteProps: AutocompleteProps<T>;
+    /** Props to be used in right input element */
+    rightAutocompleteProps: AutocompleteProps<T>;
+    /** Control the left element width */
+    leftWidth?: string;
+    /** Control the right element width */
+    rightWidth?: string;
+    /** CSS classes to be applied on the container element */
+    className?: string;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid'?: string;
+};
+export declare const DoubleAutocomplete: <T extends string | object>({ separator, useLabelInside, leftAutocompleteProps, rightAutocompleteProps, leftWidth, rightWidth, separatorStyles, className, "data-testid": dataTestId, }: DoubleAutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DoubleAutocomplete/DoubleAutocomplete.js

@@ -0,0 +1,94 @@
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import "../../utils/iconsList.js";
+import { Text as r } from "../Typography/Typography.js";
+import { Autocomplete as c } from "../Autocomplete/Autocomplete.js";
+import "../Avatar/Avatar.js";
+import "react";
+import "../Button/Button.js";
+import "../../Toggle-DcZTfLrC.js";
+import "../Dialog/Dialog.js";
+import "../DatePicker/DatePicker.js";
+import "../Input/Input.js";
+import "../../index-1UpBa69h.js";
+import "../Draggable/useDraggable.js";
+import "../IconButton/IconButton.js";
+import "../InputSearch/InputSearch.js";
+import "../Select/Select.js";
+import "../Popover/Popover.js";
+import "../Table/Table.js";
+import "../Tabs/Tabs.js";
+import "../../Group-DJz1rK2n.js";
+import "../../contexts/SnackbarProvider/SnackbarProvider.js";
+import '../../assets/DoubleAutocomplete.css';const e = {
+  "double-autocomplete-container": "_double-autocomplete-container_183ia_1",
+  "double-autocomplete-container__separator": "_double-autocomplete-container__separator_183ia_16",
+  "double-autocomplete": "_double-autocomplete_183ia_1",
+  "double-autocomplete__input-wrapper": "_double-autocomplete__input-wrapper_183ia_22",
+  "double-autocomplete__label-inside": "_double-autocomplete__label-inside_183ia_25",
+  "double-autocomplete-container__left-autocomplete": "_double-autocomplete-container__left-autocomplete_183ia_33",
+  "double-autocomplete-container__right-autocomplete": "_double-autocomplete-container__right-autocomplete_183ia_38"
+}, J = ({
+  separator: u,
+  useLabelInside: p = !1,
+  leftAutocompleteProps: o,
+  rightAutocompleteProps: t,
+  leftWidth: m = "auto",
+  rightWidth: i = "auto",
+  separatorStyles: _,
+  className: n,
+  "data-testid": d
+}) => /* @__PURE__ */ b("div", { className: l(e["double-autocomplete-container"], n), "data-testid": d, children: [
+  /* @__PURE__ */ a(
+    "div",
+    {
+      style: { minWidth: m, maxWidth: m },
+      className: e["double-autocomplete-container__left-autocomplete"],
+      children: /* @__PURE__ */ a(
+        c,
+        {
+          ...o,
+          label: p ? void 0 : o.label,
+          leftIcon: p ? /* @__PURE__ */ a(r, { className: e["double-autocomplete__label-inside"], element: "label", children: o.label }) : o.leftIcon,
+          classNameWrapper: l(o.classNameWrapper, e["double-autocomplete"]),
+          classNameInputWrapper: l(
+            o.classNameInputWrapper,
+            e["double-autocomplete__input-wrapper"]
+          )
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ a(
+    "div",
+    {
+      className: e["double-autocomplete-container__separator"],
+      id: "double-autocomplete-separator",
+      style: _,
+      children: u
+    }
+  ),
+  /* @__PURE__ */ a(
+    "div",
+    {
+      style: { minWidth: i, maxWidth: i },
+      className: e["double-autocomplete-container__right-autocomplete"],
+      children: /* @__PURE__ */ a(
+        c,
+        {
+          ...t,
+          label: p ? void 0 : t.label,
+          leftIcon: p ? /* @__PURE__ */ a(r, { className: e["double-autocomplete__label-inside"], element: "label", children: t.label }) : t.leftIcon,
+          classNameWrapper: l(t.classNameWrapper, e["double-autocomplete"]),
+          classNameInputWrapper: l(
+            t.classNameInputWrapper,
+            e["double-autocomplete__input-wrapper"]
+          )
+        }
+      )
+    }
+  )
+] });
+export {
+  J as DoubleAutocomplete
+};

package/dist/components/DoubleAutocomplete/DoubleAutocomplete.stories.d.ts

@@ -0,0 +1,29 @@
+import { StoryObj } from '@storybook/react';
+import { AutocompleteProps } from '../../main';
+import { DoubleAutocompleteProps } from './DoubleAutocomplete';
+type Option = {
+    label: string;
+    value: string;
+};
+declare const meta: {
+    title: string;
+    component: ({ separator, useLabelInside, leftAutocompleteProps, rightAutocompleteProps, leftWidth, rightWidth, separatorStyles, className, "data-testid": dataTestId, }: DoubleAutocompleteProps<Option>) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        separator: import('react').ReactNode;
+        separatorStyles?: import('react').CSSProperties | undefined;
+        useLabelInside?: boolean | undefined;
+        leftAutocompleteProps: AutocompleteProps<Option>;
+        rightAutocompleteProps: AutocompleteProps<Option>;
+        leftWidth?: string | undefined;
+        rightWidth?: string | undefined;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithLabelsOutsideContainer: Story;
+export declare const WithLabelsInsideContainer: Story;
+export declare const WithErrorMessages: Story;

package/dist/components/DoubleInput/DoubleInput.js

@@ -1,36 +1,36 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { c as p } from "../../clsx-OuTLNxxd.js";
-import { Input as a } from "../Input/Input.js";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { c as s } from "../../clsx-OuTLNxxd.js";
+import { Input as o } from "../Input/Input.js";
 import '../../assets/DoubleInput.css';const n = {
-  "double-input-container": "_double-input-container_1sagd_1",
-  "double-input-container__left-input": "_double-input-container__left-input_1sagd_18",
-  "double-input-container__right-input": "_double-input-container__right-input_1sagd_19",
-  "double-input-container__separator": "_double-input-container__separator_1sagd_22"
+  "double-input-container": "_double-input-container_13r82_2",
+  "double-input-container__left-input": "_double-input-container__left-input_13r82_19",
+  "double-input-container__right-input": "_double-input-container__right-input_13r82_20",
+  "double-input-container__separator": "_double-input-container__separator_13r82_23"
 }, h = ({
-  separator: o,
+  separator: r,
   leftInputProps: u,
-  rightInputProps: r,
+  rightInputProps: a,
   leftWidth: i = "auto",
   rightWidth: e = "auto",
-  separatorStyles: d,
-  className: s,
-  "data-testid": _
-}) => /* @__PURE__ */ l("div", { className: p(n["double-input-container"], s), "data-testid": _, children: [
+  separatorStyles: _,
+  className: l,
+  "data-testid": p
+}) => /* @__PURE__ */ d("div", { className: s(n["double-input-container"], l), "data-testid": p, children: [
   /* @__PURE__ */ t(
     "div",
     {
       style: { minWidth: i, maxWidth: i },
       className: n["double-input-container__left-input"],
-      children: /* @__PURE__ */ t(a, { ...u })
+      children: /* @__PURE__ */ t(o, { ...u })
     }
   ),
-  /* @__PURE__ */ t("div", { className: n["double-input-container__separator"], id: "double-input-separator", style: d, children: o }),
+  /* @__PURE__ */ t("div", { className: n["double-input-container__separator"], id: "double-input-separator", style: _, children: r }),
   /* @__PURE__ */ t(
     "div",
     {
       style: { minWidth: e, maxWidth: e },
       className: n["double-input-container__right-input"],
-      children: /* @__PURE__ */ t(a, { ...r })
+      children: /* @__PURE__ */ t(o, { ...a })
     }
   )
 ] });

package/dist/components/DoubleInput/DoubleInput.stories.d.ts

@@ -22,3 +22,4 @@ export declare const WithIconAsSeparator: Story;
 export declare const WithInfoMessages: Story;
 export declare const WithErrorMessages: Story;
 export declare const WithErrorState: Story;
+export declare const Disabled: Story;