@pismo/marola 2.1.23 → 2.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DatePicker.module-CnuDEiKF.js +44 -0
- package/dist/assets/DatePicker.css +1 -1
- package/dist/assets/DoubleInput.css +1 -0
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/Tooltip.css +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +17 -7
- package/dist/components/DatePicker/DatePicker.js +864 -855
- package/dist/components/DatePicker/DatePicker.stories.d.ts +17 -10
- package/dist/components/DatePicker/renderCalendarDays.js +1 -1
- package/dist/components/DatePicker/renderDualCalendarHeader.js +1 -1
- package/dist/components/DatePicker/renderHeader.js +1 -1
- package/dist/components/DatePicker/renderNavigatorInput.js +1 -1
- package/dist/components/DatePicker/renderPeriodSelection.js +1 -1
- package/dist/components/DoubleInput/DoubleInput.d.ts +21 -0
- package/dist/components/DoubleInput/DoubleInput.js +25 -0
- package/dist/components/DoubleInput/DoubleInput.stories.d.ts +21 -0
- package/dist/components/Input/Input.d.ts +2 -0
- package/dist/components/Input/Input.js +274 -273
- package/dist/components/InputSearch/InputSearch.d.ts +1 -0
- package/dist/components/InputSearch/InputSearch.stories.d.ts +1 -0
- package/dist/components/Toggle/Toggle.js +27 -27
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +230 -220
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +137 -134
- package/dist/utils/inputNumberAsText.d.ts +1 -1
- package/dist/utils/inputNumberAsText.js +13 -9
- package/package.json +1 -1
- package/dist/DatePicker.module-C9zgeg52.js +0 -46
- /package/dist/components/Typography/{typography.test.d.ts → Typography.test.d.ts} +0 -0
|
@@ -12,6 +12,7 @@ export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omi
|
|
|
12
12
|
leftIcon?: import('react').ReactNode;
|
|
13
13
|
rightIcon?: import('react').ReactNode;
|
|
14
14
|
type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | "number-as-text" | undefined;
|
|
15
|
+
allowLeadingZeros?: boolean | undefined;
|
|
15
16
|
isInteger?: boolean | undefined;
|
|
16
17
|
useCommaInDecimal?: boolean | undefined;
|
|
17
18
|
allowNegativeNumbers?: boolean | undefined;
|
|
@@ -13,6 +13,7 @@ declare const meta: {
|
|
|
13
13
|
leftIcon?: import('react').ReactNode;
|
|
14
14
|
rightIcon?: import('react').ReactNode;
|
|
15
15
|
type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | "number-as-text" | undefined;
|
|
16
|
+
allowLeadingZeros?: boolean | undefined;
|
|
16
17
|
isInteger?: boolean | undefined;
|
|
17
18
|
useCommaInDecimal?: boolean | undefined;
|
|
18
19
|
allowNegativeNumbers?: boolean | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as I, jsx as T } from "react/jsx-runtime";
|
|
2
2
|
import { c as F } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { u as
|
|
4
|
-
import * as
|
|
3
|
+
import { u as v, _ as y, g as U, a as q, b as H, c as N, d as M, e as A, P as e } from "../../useSlotProps-CYHDC4TN.js";
|
|
4
|
+
import * as j from "react";
|
|
5
5
|
import { u as D } from "../../useControlled-CCMYYdCM.js";
|
|
6
6
|
import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
|
|
7
7
|
import '../../assets/Toggle.css';function W(l) {
|
|
@@ -15,32 +15,32 @@ import '../../assets/Toggle.css';function W(l) {
|
|
|
15
15
|
onFocusVisible: u,
|
|
16
16
|
readOnly: n,
|
|
17
17
|
required: i
|
|
18
|
-
} = l, [
|
|
18
|
+
} = l, [V, S] = D({
|
|
19
19
|
controlled: s,
|
|
20
20
|
default: !!p,
|
|
21
21
|
name: "Switch",
|
|
22
22
|
state: "checked"
|
|
23
23
|
}), x = (t) => (o) => {
|
|
24
24
|
var b;
|
|
25
|
-
o.nativeEvent.defaultPrevented || (
|
|
25
|
+
o.nativeEvent.defaultPrevented || (S(o.target.checked), g == null || g(o), (b = t.onChange) == null || b.call(t, o));
|
|
26
26
|
}, {
|
|
27
27
|
isFocusVisibleRef: _,
|
|
28
28
|
onBlur: B,
|
|
29
29
|
onFocus: f,
|
|
30
30
|
ref: m
|
|
31
|
-
} = L(), [h, P] =
|
|
32
|
-
c && h && P(!1),
|
|
31
|
+
} = L(), [h, P] = j.useState(!1);
|
|
32
|
+
c && h && P(!1), j.useEffect(() => {
|
|
33
33
|
_.current = h;
|
|
34
34
|
}, [h, _]);
|
|
35
|
-
const k =
|
|
35
|
+
const k = j.useRef(null), w = (t) => (o) => {
|
|
36
36
|
var b;
|
|
37
37
|
k.current || (k.current = o.currentTarget), f(o), _.current === !0 && (P(!0), u == null || u(o)), r == null || r(o), (b = t.onFocus) == null || b.call(t, o);
|
|
38
38
|
}, O = (t) => (o) => {
|
|
39
39
|
var b;
|
|
40
40
|
B(o), _.current === !1 && P(!1), a == null || a(o), (b = t.onBlur) == null || b.call(t, o);
|
|
41
|
-
}, C =
|
|
41
|
+
}, C = v(m, k);
|
|
42
42
|
return {
|
|
43
|
-
checked:
|
|
43
|
+
checked: V,
|
|
44
44
|
disabled: !!c,
|
|
45
45
|
focusVisible: h,
|
|
46
46
|
getInputProps: (t = {}) => y({
|
|
@@ -62,11 +62,11 @@ import '../../assets/Toggle.css';function W(l) {
|
|
|
62
62
|
readOnly: !!n
|
|
63
63
|
};
|
|
64
64
|
}
|
|
65
|
-
const
|
|
65
|
+
const $ = "Switch";
|
|
66
66
|
function z(l) {
|
|
67
|
-
return
|
|
67
|
+
return U($, l);
|
|
68
68
|
}
|
|
69
|
-
|
|
69
|
+
q($, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
|
|
70
70
|
const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFocus", "onFocusVisible", "readOnly", "required", "slotProps", "slots"], J = (l) => {
|
|
71
71
|
const {
|
|
72
72
|
checked: s,
|
|
@@ -80,19 +80,19 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
|
|
|
80
80
|
input: ["input"],
|
|
81
81
|
track: ["track"]
|
|
82
82
|
}, A(z));
|
|
83
|
-
},
|
|
83
|
+
}, E = /* @__PURE__ */ j.forwardRef(function(s, p) {
|
|
84
84
|
var c, a, g, r;
|
|
85
85
|
const {
|
|
86
86
|
slotProps: u = {},
|
|
87
87
|
slots: n = {}
|
|
88
88
|
} = s, i = H(s, G), {
|
|
89
|
-
getInputProps:
|
|
90
|
-
checked:
|
|
89
|
+
getInputProps: V,
|
|
90
|
+
checked: S,
|
|
91
91
|
disabled: x,
|
|
92
92
|
focusVisible: _,
|
|
93
93
|
readOnly: B
|
|
94
94
|
} = W(s), f = y({}, s, {
|
|
95
|
-
checked:
|
|
95
|
+
checked: S,
|
|
96
96
|
disabled: x,
|
|
97
97
|
focusVisible: _,
|
|
98
98
|
readOnly: B
|
|
@@ -112,7 +112,7 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
|
|
|
112
112
|
className: m.thumb
|
|
113
113
|
}), O = (g = n.input) != null ? g : "input", C = N({
|
|
114
114
|
elementType: O,
|
|
115
|
-
getSlotProps:
|
|
115
|
+
getSlotProps: V,
|
|
116
116
|
externalSlotProps: u.input,
|
|
117
117
|
ownerState: f,
|
|
118
118
|
className: m.input
|
|
@@ -122,11 +122,11 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
|
|
|
122
122
|
ownerState: f,
|
|
123
123
|
className: m.track
|
|
124
124
|
});
|
|
125
|
-
return /* @__PURE__ */
|
|
125
|
+
return /* @__PURE__ */ I(h, y({}, P, {
|
|
126
126
|
children: [/* @__PURE__ */ T(R, y({}, t)), /* @__PURE__ */ T(k, y({}, w)), /* @__PURE__ */ T(O, y({}, C))]
|
|
127
127
|
}));
|
|
128
128
|
});
|
|
129
|
-
process.env.NODE_ENV !== "production" && (
|
|
129
|
+
process.env.NODE_ENV !== "production" && (E.propTypes = {
|
|
130
130
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
131
131
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
132
132
|
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
@@ -197,16 +197,16 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
|
|
|
197
197
|
track: e.oneOfType([e.elementType, e.oneOf([null])])
|
|
198
198
|
})
|
|
199
199
|
});
|
|
200
|
-
const K = "
|
|
200
|
+
const K = "_toggle__label_jp9gu_43", Q = "_toggle_jp9gu_43", X = "_input_jp9gu_89", Y = "_thumb_jp9gu_100", Z = "_track_jp9gu_114", d = {
|
|
201
201
|
toggle__label: K,
|
|
202
202
|
toggle: Q,
|
|
203
|
-
"toggle__toggle-el-wrapper": "_toggle__toggle-el-
|
|
203
|
+
"toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_jp9gu_85",
|
|
204
204
|
input: X,
|
|
205
205
|
thumb: Y,
|
|
206
206
|
track: Z,
|
|
207
|
-
"toggle--focus-visible": "_toggle--focus-
|
|
208
|
-
"toggle--checked": "_toggle--
|
|
209
|
-
"toggle--disabled": "_toggle--
|
|
207
|
+
"toggle--focus-visible": "_toggle--focus-visible_jp9gu_124",
|
|
208
|
+
"toggle--checked": "_toggle--checked_jp9gu_128",
|
|
209
|
+
"toggle--disabled": "_toggle--disabled_jp9gu_141"
|
|
210
210
|
}, ce = ({
|
|
211
211
|
label: l,
|
|
212
212
|
checked: s,
|
|
@@ -220,9 +220,9 @@ const K = "_toggle__label_p0gq9_43", Q = "_toggle_p0gq9_43", X = "_input_p0gq9_8
|
|
|
220
220
|
const n = (i) => {
|
|
221
221
|
r == null || r(i);
|
|
222
222
|
};
|
|
223
|
-
return /* @__PURE__ */
|
|
223
|
+
return /* @__PURE__ */ I("div", { className: F(d.toggle, c), "data-testid": g, children: [
|
|
224
224
|
/* @__PURE__ */ T(
|
|
225
|
-
|
|
225
|
+
E,
|
|
226
226
|
{
|
|
227
227
|
checked: s === !0,
|
|
228
228
|
disabled: p,
|
|
@@ -35,5 +35,5 @@ export type TooltipProps = {
|
|
|
35
35
|
/** Disable uses portal (true by default) */
|
|
36
36
|
disablePortal?: boolean;
|
|
37
37
|
};
|
|
38
|
-
declare const Tooltip: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, position, open: openProp, title, content, footer, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
declare const Tooltip: ({ arialRole, children: childrenProp, className, style, disableHoverListener, onClose, position, open: openProp, title, content, footer, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
39
|
export { Tooltip };
|