@pismo/marola 2.1.23 → 2.1.25

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

@@ -1,9 +1,11 @@
 import { StoryObj } from '@storybook/react';
 import { default as dayjs } from 'dayjs';
+import { DatePickerProps } from './DatePicker';
 declare const meta: {
     title: string;
-    component: import('react').FC<{
-        mode: "range" | "single";
+    component: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         viewMode: "month" | "day" | "year";
         locale?: string | undefined;
         placeholder?: string | undefined;
@@ -11,14 +13,14 @@ declare const meta: {
         minDate?: dayjs.Dayjs | undefined;
         maxDate?: dayjs.Dayjs | undefined;
         disableDates?: ((date: dayjs.Dayjs) => boolean) | undefined;
-        testid?: string | undefined;
         onChange: (date: dayjs.Dayjs | [dayjs.Dayjs | null, dayjs.Dayjs | null]) => void;
         placement?: "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | undefined;
         navigatorInput?: boolean | undefined;
-    }>;
-    tags: string[];
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        mode: "range" | "single";
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+        mode: "single";
+        value?: Date | undefined;
+    } | {
         viewMode: "month" | "day" | "year";
         locale?: string | undefined;
         placeholder?: string | undefined;
@@ -26,16 +28,21 @@ declare const meta: {
         minDate?: dayjs.Dayjs | undefined;
         maxDate?: dayjs.Dayjs | undefined;
         disableDates?: ((date: dayjs.Dayjs) => boolean) | undefined;
-        testid?: string | undefined;
         onChange: (date: dayjs.Dayjs | [dayjs.Dayjs | null, dayjs.Dayjs | null]) => void;
         placement?: "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | undefined;
         navigatorInput?: boolean | undefined;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+        mode: "range";
+        values?: [Date, Date] | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+type Story = StoryObj<DatePickerProps>;
+export declare const Single: Story;
+export declare const SingleWithValue: Story;
 export declare const RangePicker: Story;
+export declare const RangeWithValues: Story;
 export declare const MonthView: Story;
 export declare const YearView: Story;
 export declare const LocalizedPortuguese: Story;

package/dist/components/DatePicker/renderCalendarDays.js

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as Y } from "react/jsx-runtime";
 import { d as x } from "../../dayjs.min-ClQKmc--.js";
-import { s } from "../../DatePicker.module-C9zgeg52.js";
+import { s } from "../../DatePicker.module-CnuDEiKF.js";
 import { getWeekdayNames as E, getMonthGrid as I, isDateInRange as C, isRangeStart as p, isRangeEnd as c, isDisabled as y, isCurrentDay as W, formatDateForInput as h } from "./dateUtils.js";
 const A = (a, n, i) => {
   if (!n[0] || !i) 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-C9zgeg52.js";
+import { s as t } from "../../DatePicker.module-CnuDEiKF.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-C9zgeg52.js";
+import { s as t } from "../../DatePicker.module-CnuDEiKF.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-C9zgeg52.js";
+import { s as i } from "../../DatePicker.module-CnuDEiKF.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-C9zgeg52.js";
+import { s } from "../../DatePicker.module-CnuDEiKF.js";
 const T = ({
   currentViewMode: d,
   currentMonth: i,

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

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'react';
+import { InputProps } from '../Input/Input';
+export type DoubleInputProps = {
+    /** Element to be used a separator between inputs */
+    separator: React.ReactNode;
+    /** Styles to be applied to separator element */
+    separatorStyles?: CSSProperties;
+    /** Props to be used in left input element */
+    leftInputProps: InputProps;
+    /** Props to be used in right input element */
+    rightInputProps: InputProps;
+    /** 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 DoubleInput: ({ separator, leftInputProps, rightInputProps, leftWidth, rightWidth, separatorStyles, className, "data-testid": dataTestId, }: DoubleInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DoubleInput/DoubleInput.js

@@ -0,0 +1,25 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { c as d } from "../../clsx-OuTLNxxd.js";
+import { Input as r } from "../Input/Input.js";
+import '../../assets/DoubleInput.css';const m = "_container_49u1c_1", _ = "_separator_49u1c_28", a = {
+  container: m,
+  "left-input": "_left-input_49u1c_16",
+  "right-input": "_right-input_49u1c_22",
+  separator: _
+}, v = ({
+  separator: s,
+  leftInputProps: n,
+  rightInputProps: o,
+  leftWidth: i = "auto",
+  rightWidth: e = "auto",
+  separatorStyles: c,
+  className: p,
+  "data-testid": u
+}) => /* @__PURE__ */ l("div", { className: d(a.container, p), "data-testid": u, children: [
+  /* @__PURE__ */ t("div", { style: { minWidth: i, maxWidth: i }, className: a["left-input"], children: /* @__PURE__ */ t(r, { ...n }) }),
+  /* @__PURE__ */ t("div", { className: a.separator, id: "double-input-separator", style: c, children: s }),
+  /* @__PURE__ */ t("div", { style: { minWidth: e, maxWidth: e }, className: a["right-input"], children: /* @__PURE__ */ t(r, { ...o }) })
+] });
+export {
+  v as DoubleInput
+};

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

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ separator, leftInputProps, rightInputProps, leftWidth, rightWidth, separatorStyles, className, "data-testid": dataTestId, }: import('./DoubleInput').DoubleInputProps) => 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;
+        leftInputProps: import('../Input/Input').InputProps;
+        rightInputProps: import('../Input/Input').InputProps;
+        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 WithLabels: Story;
+export declare const WithIconAsSeparator: Story;

package/dist/components/Input/Input.d.ts

@@ -18,6 +18,8 @@ export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
     rightIcon?: ReactNode;
     /** Input type. Default: text */
     type?: CustomInputTypeAttribute | 'number-as-text';
+    /** allow leading zeros to use as a number code (000123) or phone number (08001234567) */
+    allowLeadingZeros?: boolean;
     /** allow only integer value. Default: false */
     isInteger?: boolean;
     /** use comma or dot as decimal separator, for example in Brazil it's use comma as pattern. Default: false */