@ceed/ads 0.0.73 → 0.0.75
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/components/Button/Button.d.ts +1 -1
- package/dist/index.js +203 -198
- package/framer/index.js +130 -125
- package/package.json +1 -1
package/framer/index.js
CHANGED
|
@@ -34641,15 +34641,15 @@ var FormHelperText_default2 = FormHelperText3;
|
|
|
34641
34641
|
|
|
34642
34642
|
// src/components/Autocomplete/Autocomplete.tsx
|
|
34643
34643
|
function Autocomplete3(props) {
|
|
34644
|
-
const _a = props, { label, error, helperText, color: color2, size } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size"]);
|
|
34644
|
+
const _a = props, { label, error, helperText, color: color2, size, disabled } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size", "disabled"]);
|
|
34645
34645
|
if (label) {
|
|
34646
|
-
return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, children: [
|
|
34646
|
+
return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, disabled, children: [
|
|
34647
34647
|
/* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
|
|
34648
34648
|
/* @__PURE__ */ jsx2(Autocomplete_default, __spreadValues({}, innerProps)),
|
|
34649
34649
|
helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
|
|
34650
34650
|
] });
|
|
34651
34651
|
}
|
|
34652
|
-
return /* @__PURE__ */ jsx2(Autocomplete_default, __spreadProps(__spreadValues({}, innerProps), { color: color2, size }));
|
|
34652
|
+
return /* @__PURE__ */ jsx2(Autocomplete_default, __spreadProps(__spreadValues({}, innerProps), { color: color2, size, disabled }));
|
|
34653
34653
|
}
|
|
34654
34654
|
Autocomplete3.displayName = "Autocomplete";
|
|
34655
34655
|
|
|
@@ -34662,13 +34662,58 @@ Box2.displayName = "Box";
|
|
|
34662
34662
|
// src/components/Box/index.ts
|
|
34663
34663
|
var Box_default2 = Box2;
|
|
34664
34664
|
|
|
34665
|
+
// src/components/Menu/Menu.tsx
|
|
34666
|
+
import { motion as motion6 } from "framer-motion";
|
|
34667
|
+
var MotionMenu = motion6(Menu_default);
|
|
34668
|
+
var Menu3 = (props) => {
|
|
34669
|
+
return /* @__PURE__ */ jsx2(MotionMenu, __spreadValues({}, props));
|
|
34670
|
+
};
|
|
34671
|
+
Menu3.displayName = "Menu";
|
|
34672
|
+
var MotionMenuButton = motion6(MenuButton_default);
|
|
34673
|
+
var MenuButton3 = (props) => {
|
|
34674
|
+
return /* @__PURE__ */ jsx2(MotionMenuButton, __spreadValues({}, props));
|
|
34675
|
+
};
|
|
34676
|
+
MenuButton3.displayName = "MenuButton";
|
|
34677
|
+
var MotionMenuItem = motion6(MenuItem_default);
|
|
34678
|
+
var MenuItem3 = (props) => {
|
|
34679
|
+
return /* @__PURE__ */ jsx2(MotionMenuItem, __spreadValues({}, props));
|
|
34680
|
+
};
|
|
34681
|
+
MenuItem3.displayName = "MenuItem";
|
|
34682
|
+
|
|
34683
|
+
// src/components/Menu/index.ts
|
|
34684
|
+
var Menu_default2 = Menu3;
|
|
34685
|
+
|
|
34686
|
+
// src/components/Dropdown/Dropdown.tsx
|
|
34687
|
+
import { motion as motion7 } from "framer-motion";
|
|
34688
|
+
var MotionDropdown = motion7(Dropdown);
|
|
34689
|
+
var Dropdown2 = MotionDropdown;
|
|
34690
|
+
Dropdown2.displayName = "Dropdown";
|
|
34691
|
+
|
|
34692
|
+
// src/components/Dropdown/index.ts
|
|
34693
|
+
var Dropdown_default = Dropdown2;
|
|
34694
|
+
|
|
34665
34695
|
// src/components/Breadcrumbs/Breadcrumbs.tsx
|
|
34666
|
-
|
|
34696
|
+
var MAX_CRUMBS = 4;
|
|
34697
|
+
function Breadcrumbs3(props) {
|
|
34698
|
+
const _a = props, { crumbs, collapsed, size } = _a, innerProps = __objRest(_a, ["crumbs", "collapsed", "size"]);
|
|
34699
|
+
const firstCrumb = crumbs[0];
|
|
34700
|
+
const restCrumbs = crumbs.length < MAX_CRUMBS ? crumbs.slice(1) : crumbs.slice(-(MAX_CRUMBS - 1));
|
|
34701
|
+
const collapsingCrumbs = crumbs.slice(1, -(MAX_CRUMBS - 1));
|
|
34702
|
+
return /* @__PURE__ */ jsxs2(Breadcrumbs_default, __spreadProps(__spreadValues({ size }, innerProps), { children: [
|
|
34703
|
+
firstCrumb,
|
|
34704
|
+
collapsingCrumbs.length && (collapsed ? /* @__PURE__ */ jsxs2(Dropdown_default, { children: [
|
|
34705
|
+
/* @__PURE__ */ jsx2(MenuButton3, { size, variant: "plain", color: "neutral", children: "\u2022\u2022\u2022" }),
|
|
34706
|
+
/* @__PURE__ */ jsx2(Menu_default2, { children: collapsingCrumbs.map((crumb) => /* @__PURE__ */ jsx2(MenuItem3, { children: crumb })) })
|
|
34707
|
+
] }) : collapsingCrumbs),
|
|
34708
|
+
restCrumbs
|
|
34709
|
+
] }));
|
|
34710
|
+
}
|
|
34711
|
+
Breadcrumbs3.displayName = "Breadcrumbs";
|
|
34667
34712
|
|
|
34668
34713
|
// src/components/Button/Button.tsx
|
|
34669
34714
|
import { forwardRef as forwardRef79 } from "react";
|
|
34670
|
-
import { motion as
|
|
34671
|
-
var MotionButton =
|
|
34715
|
+
import { motion as motion8 } from "framer-motion";
|
|
34716
|
+
var MotionButton = motion8(Button_default);
|
|
34672
34717
|
var Button3 = forwardRef79(
|
|
34673
34718
|
(props, ref) => {
|
|
34674
34719
|
return /* @__PURE__ */ jsx2(
|
|
@@ -34684,22 +34729,6 @@ Button3.displayName = "Button";
|
|
|
34684
34729
|
// src/components/Button/index.ts
|
|
34685
34730
|
var Button_default2 = Button3;
|
|
34686
34731
|
|
|
34687
|
-
// src/components/Breadcrumbs/Breadcrumbs.tsx
|
|
34688
|
-
var MAX_CRUMBS = 4;
|
|
34689
|
-
function Breadcrumbs3(props) {
|
|
34690
|
-
const _a = props, { crumbs, collapsed, size } = _a, innerProps = __objRest(_a, ["crumbs", "collapsed", "size"]);
|
|
34691
|
-
const [needCollapsed, setNeedCollapsed] = useState23(false);
|
|
34692
|
-
const firstCrumb = crumbs[0];
|
|
34693
|
-
const restCrumbs = crumbs.length < MAX_CRUMBS ? crumbs.slice(1) : crumbs.slice(-(MAX_CRUMBS - 1));
|
|
34694
|
-
const collapsingCrumbs = crumbs.slice(1, -(MAX_CRUMBS - 1));
|
|
34695
|
-
return /* @__PURE__ */ jsxs2(Breadcrumbs_default, __spreadProps(__spreadValues({ size }, innerProps), { children: [
|
|
34696
|
-
firstCrumb,
|
|
34697
|
-
collapsingCrumbs.length && (collapsed && !needCollapsed ? /* @__PURE__ */ jsx2(Button_default2, { size, variant: "plain", color: "neutral", onClick: () => setNeedCollapsed(true), children: "\u2022\u2022\u2022" }) : collapsingCrumbs),
|
|
34698
|
-
restCrumbs
|
|
34699
|
-
] }));
|
|
34700
|
-
}
|
|
34701
|
-
Breadcrumbs3.displayName = "Breadcrumbs";
|
|
34702
|
-
|
|
34703
34732
|
// src/components/Calendar/Calendar.tsx
|
|
34704
34733
|
import { Fragment as Fragment17, forwardRef as forwardRef82, useMemo as useMemo34 } from "react";
|
|
34705
34734
|
|
|
@@ -34707,11 +34736,11 @@ import { Fragment as Fragment17, forwardRef as forwardRef82, useMemo as useMemo3
|
|
|
34707
34736
|
var capitalize_default = capitalize;
|
|
34708
34737
|
|
|
34709
34738
|
// ../../node_modules/@mui/material/utils/createSvgIcon.js
|
|
34710
|
-
import * as
|
|
34739
|
+
import * as React171 from "react";
|
|
34711
34740
|
|
|
34712
34741
|
// ../../node_modules/@mui/material/SvgIcon/SvgIcon.js
|
|
34713
34742
|
var import_prop_types90 = __toESM(require_prop_types());
|
|
34714
|
-
import * as
|
|
34743
|
+
import * as React170 from "react";
|
|
34715
34744
|
|
|
34716
34745
|
// ../../node_modules/@mui/material/styles/createMixins.js
|
|
34717
34746
|
function createMixins(breakpoints, mixins) {
|
|
@@ -35496,7 +35525,7 @@ var SvgIconRoot2 = styled_default3("svg", {
|
|
|
35496
35525
|
}[ownerState.color]
|
|
35497
35526
|
};
|
|
35498
35527
|
});
|
|
35499
|
-
var SvgIcon3 = /* @__PURE__ */
|
|
35528
|
+
var SvgIcon3 = /* @__PURE__ */ React170.forwardRef(function SvgIcon4(inProps, ref) {
|
|
35500
35529
|
const props = useThemeProps3({
|
|
35501
35530
|
props: inProps,
|
|
35502
35531
|
name: "MuiSvgIcon"
|
|
@@ -35512,7 +35541,7 @@ var SvgIcon3 = /* @__PURE__ */ React171.forwardRef(function SvgIcon4(inProps, re
|
|
|
35512
35541
|
titleAccess,
|
|
35513
35542
|
viewBox = "0 0 24 24"
|
|
35514
35543
|
} = props, other = _objectWithoutPropertiesLoose(props, _excluded96);
|
|
35515
|
-
const hasSvgAsChild = /* @__PURE__ */
|
|
35544
|
+
const hasSvgAsChild = /* @__PURE__ */ React170.isValidElement(children) && children.type === "svg";
|
|
35516
35545
|
const ownerState = _extends({}, props, {
|
|
35517
35546
|
color: color2,
|
|
35518
35547
|
component,
|
|
@@ -35632,7 +35661,7 @@ function createSvgIcon2(path, displayName) {
|
|
|
35632
35661
|
Component.displayName = `${displayName}Icon`;
|
|
35633
35662
|
}
|
|
35634
35663
|
Component.muiName = SvgIcon_default2.muiName;
|
|
35635
|
-
return /* @__PURE__ */
|
|
35664
|
+
return /* @__PURE__ */ React171.memo(/* @__PURE__ */ React171.forwardRef(Component));
|
|
35636
35665
|
}
|
|
35637
35666
|
|
|
35638
35667
|
// ../../node_modules/@mui/icons-material/esm/ChevronLeft.js
|
|
@@ -35648,11 +35677,11 @@ var ChevronRight_default = createSvgIcon2(/* @__PURE__ */ _jsx105("path", {
|
|
|
35648
35677
|
}), "ChevronRight");
|
|
35649
35678
|
|
|
35650
35679
|
// src/components/Calendar/Calendar.tsx
|
|
35651
|
-
import { AnimatePresence, motion as
|
|
35680
|
+
import { AnimatePresence, motion as motion11 } from "framer-motion";
|
|
35652
35681
|
|
|
35653
35682
|
// src/components/Typography/Typography.tsx
|
|
35654
|
-
import { motion as
|
|
35655
|
-
var MotionTypography =
|
|
35683
|
+
import { motion as motion9 } from "framer-motion";
|
|
35684
|
+
var MotionTypography = motion9(Typography_default);
|
|
35656
35685
|
var Typography3 = (props) => {
|
|
35657
35686
|
return /* @__PURE__ */ jsx2(MotionTypography, __spreadValues({}, props));
|
|
35658
35687
|
};
|
|
@@ -35732,8 +35761,8 @@ var isSameMonth = (date1, date2) => {
|
|
|
35732
35761
|
};
|
|
35733
35762
|
|
|
35734
35763
|
// src/components/IconButton/IconButton.tsx
|
|
35735
|
-
import { motion as
|
|
35736
|
-
var MotionIconButton =
|
|
35764
|
+
import { motion as motion10 } from "framer-motion";
|
|
35765
|
+
var MotionIconButton = motion10(IconButton_default);
|
|
35737
35766
|
var IconButton3 = (props) => {
|
|
35738
35767
|
return /* @__PURE__ */ jsx2(MotionIconButton, __spreadValues({}, props));
|
|
35739
35768
|
};
|
|
@@ -35743,24 +35772,24 @@ IconButton3.displayName = "IconButton";
|
|
|
35743
35772
|
var IconButton_default2 = IconButton3;
|
|
35744
35773
|
|
|
35745
35774
|
// src/components/Calendar/hooks/use-calendar-props.ts
|
|
35746
|
-
import { useCallback as useCallback24, useMemo as useMemo33, useState as
|
|
35775
|
+
import { useCallback as useCallback24, useMemo as useMemo33, useState as useState23 } from "react";
|
|
35747
35776
|
var resolveView = (view, views) => {
|
|
35748
35777
|
return views.includes(view) ? view : views[0];
|
|
35749
35778
|
};
|
|
35750
35779
|
var useCalendarProps = (inProps) => {
|
|
35751
35780
|
var _a, _b;
|
|
35752
|
-
const [uncontrolledView, setUncontrolledView] =
|
|
35781
|
+
const [uncontrolledView, setUncontrolledView] = useState23(
|
|
35753
35782
|
() => resolveView(inProps.view || "day", inProps.views || ["day", "month"])
|
|
35754
35783
|
);
|
|
35755
|
-
const [uncontrolledValue, setUncontrolledValue] =
|
|
35756
|
-
const [viewMonth, setViewMonth] =
|
|
35784
|
+
const [uncontrolledValue, setUncontrolledValue] = useState23(inProps.defaultValue);
|
|
35785
|
+
const [viewMonth, setViewMonth] = useState23(() => {
|
|
35757
35786
|
var _a2, _b2;
|
|
35758
35787
|
const today = /* @__PURE__ */ new Date();
|
|
35759
35788
|
today.setDate(1);
|
|
35760
35789
|
today.setHours(0, 0, 0, 0);
|
|
35761
35790
|
return ((_a2 = inProps.value) == null ? void 0 : _a2[0]) || ((_b2 = inProps.defaultValue) == null ? void 0 : _b2[0]) || today;
|
|
35762
35791
|
});
|
|
35763
|
-
const [[page, direction], setPage] =
|
|
35792
|
+
const [[page, direction], setPage] = useState23([0, 0]);
|
|
35764
35793
|
const resolvedView = (_a = inProps.view) != null ? _a : uncontrolledView;
|
|
35765
35794
|
const paginate = (newDirection) => {
|
|
35766
35795
|
setPage([page + newDirection, newDirection]);
|
|
@@ -35822,10 +35851,10 @@ var useCalendarProps = (inProps) => {
|
|
|
35822
35851
|
};
|
|
35823
35852
|
|
|
35824
35853
|
// src/components/Calendar/hooks/use-calendar.ts
|
|
35825
|
-
import { useCallback as useCallback25, useState as
|
|
35854
|
+
import { useCallback as useCallback25, useState as useState24 } from "react";
|
|
35826
35855
|
var useCalendar = (ownerState) => {
|
|
35827
|
-
const [hoverDay, setHoverDay] =
|
|
35828
|
-
const [hoverMonth, setHoverMonth] =
|
|
35856
|
+
const [hoverDay, setHoverDay] = useState24(null);
|
|
35857
|
+
const [hoverMonth, setHoverMonth] = useState24(null);
|
|
35829
35858
|
return {
|
|
35830
35859
|
calendarTitle: ownerState.view === "month" ? getYearName(ownerState.viewMonth, ownerState.locale || "default") : getMonthName(ownerState.viewMonth, ownerState.locale || "default"),
|
|
35831
35860
|
onPrev: useCallback25(() => {
|
|
@@ -36069,7 +36098,7 @@ var CalendarViewContainer = styled_default2("div", {
|
|
|
36069
36098
|
overflow: "hidden",
|
|
36070
36099
|
minHeight: calendarType === "datePicker" ? "250px" : "unset"
|
|
36071
36100
|
}));
|
|
36072
|
-
var CalendarViewTable = styled_default2(
|
|
36101
|
+
var CalendarViewTable = styled_default2(motion11.table, {
|
|
36073
36102
|
name: "Calendar",
|
|
36074
36103
|
slot: "viewTable"
|
|
36075
36104
|
})(({ theme }) => ({
|
|
@@ -36441,8 +36470,8 @@ Calendar.displayName = "Calendar";
|
|
|
36441
36470
|
var Calendar_default = Calendar;
|
|
36442
36471
|
|
|
36443
36472
|
// src/components/Checkbox/Checkbox.tsx
|
|
36444
|
-
import { motion as
|
|
36445
|
-
var MotionCheckbox =
|
|
36473
|
+
import { motion as motion12 } from "framer-motion";
|
|
36474
|
+
var MotionCheckbox = motion12(Checkbox_default);
|
|
36446
36475
|
var Checkbox3 = (props) => {
|
|
36447
36476
|
return /* @__PURE__ */ jsx2(MotionCheckbox, __spreadValues({}, props));
|
|
36448
36477
|
};
|
|
@@ -36494,12 +36523,12 @@ import {
|
|
|
36494
36523
|
useEffect as useEffect36,
|
|
36495
36524
|
useMemo as useMemo35,
|
|
36496
36525
|
useRef as useRef43,
|
|
36497
|
-
useState as
|
|
36526
|
+
useState as useState25
|
|
36498
36527
|
} from "react";
|
|
36499
36528
|
|
|
36500
36529
|
// src/components/Sheet/Sheet.tsx
|
|
36501
|
-
import { motion as
|
|
36502
|
-
var MotionSheet =
|
|
36530
|
+
import { motion as motion13 } from "framer-motion";
|
|
36531
|
+
var MotionSheet = motion13(Sheet_default);
|
|
36503
36532
|
var Sheet3 = MotionSheet;
|
|
36504
36533
|
Sheet3.displayName = "Sheet";
|
|
36505
36534
|
|
|
@@ -36590,8 +36619,8 @@ function TableBody(props) {
|
|
|
36590
36619
|
TableBody.displayName = "TableBody";
|
|
36591
36620
|
|
|
36592
36621
|
// src/components/Stack/Stack.tsx
|
|
36593
|
-
import { motion as
|
|
36594
|
-
var MotionStack =
|
|
36622
|
+
import { motion as motion14 } from "framer-motion";
|
|
36623
|
+
var MotionStack = motion14(Stack_default);
|
|
36595
36624
|
var Stack2 = MotionStack;
|
|
36596
36625
|
Stack2.displayName = "Stack";
|
|
36597
36626
|
|
|
@@ -36787,7 +36816,7 @@ function useDataTableRenderer({
|
|
|
36787
36816
|
getId: _getId,
|
|
36788
36817
|
isTotalSelected: _isTotalSelected
|
|
36789
36818
|
}) {
|
|
36790
|
-
const [page, setPage] =
|
|
36819
|
+
const [page, setPage] = useState25((paginationModel == null ? void 0 : paginationModel.page) || 1);
|
|
36791
36820
|
const pageSize2 = (paginationModel == null ? void 0 : paginationModel.pageSize) || 20;
|
|
36792
36821
|
const getId = useCallback26(
|
|
36793
36822
|
(row, index) => {
|
|
@@ -37104,7 +37133,7 @@ function DataTable(props) {
|
|
|
37104
37133
|
DataTable.displayName = "DataTable";
|
|
37105
37134
|
|
|
37106
37135
|
// src/components/DatePicker/DatePicker.tsx
|
|
37107
|
-
import
|
|
37136
|
+
import React178, { forwardRef as forwardRef84, useCallback as useCallback28, useState as useState27 } from "react";
|
|
37108
37137
|
|
|
37109
37138
|
// ../../node_modules/imask/esm/core/utils.js
|
|
37110
37139
|
function isString(str) {
|
|
@@ -40498,11 +40527,11 @@ try {
|
|
|
40498
40527
|
}
|
|
40499
40528
|
|
|
40500
40529
|
// ../../node_modules/react-imask/esm/input.js
|
|
40501
|
-
import
|
|
40530
|
+
import React177 from "react";
|
|
40502
40531
|
|
|
40503
40532
|
// ../../node_modules/react-imask/esm/mixin.js
|
|
40504
40533
|
var import_prop_types91 = __toESM(require_prop_types(), 1);
|
|
40505
|
-
import
|
|
40534
|
+
import React176 from "react";
|
|
40506
40535
|
var MASK_PROPS = {
|
|
40507
40536
|
// common
|
|
40508
40537
|
mask: import_prop_types91.default.oneOfType([import_prop_types91.default.array, import_prop_types91.default.func, import_prop_types91.default.string, import_prop_types91.default.instanceOf(RegExp), import_prop_types91.default.oneOf([Date, Number, IMask.Masked]), import_prop_types91.default.instanceOf(IMask.Masked)]),
|
|
@@ -40556,7 +40585,7 @@ var NON_MASK_OPTIONS_NAMES = ["value", "unmask", "onAccept", "onComplete", "inpu
|
|
|
40556
40585
|
var MASK_OPTIONS_NAMES = MASK_PROPS_NAMES.filter((pName) => NON_MASK_OPTIONS_NAMES.indexOf(pName) < 0);
|
|
40557
40586
|
function IMaskMixin(ComposedComponent) {
|
|
40558
40587
|
var _Class;
|
|
40559
|
-
const MaskedComponent = (_Class = class MaskedComponent extends
|
|
40588
|
+
const MaskedComponent = (_Class = class MaskedComponent extends React176.Component {
|
|
40560
40589
|
constructor(props) {
|
|
40561
40590
|
super(props);
|
|
40562
40591
|
this._inputRef = this._inputRef.bind(this);
|
|
@@ -40661,7 +40690,7 @@ function IMaskMixin(ComposedComponent) {
|
|
|
40661
40690
|
this.props.onComplete(this.maskValue, this.maskRef, e);
|
|
40662
40691
|
}
|
|
40663
40692
|
render() {
|
|
40664
|
-
return
|
|
40693
|
+
return React176.createElement(ComposedComponent, __spreadProps(__spreadValues({}, this._extractNonMaskProps(this.props)), {
|
|
40665
40694
|
inputRef: this._inputRef
|
|
40666
40695
|
}));
|
|
40667
40696
|
}
|
|
@@ -40669,7 +40698,7 @@ function IMaskMixin(ComposedComponent) {
|
|
|
40669
40698
|
const nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || "Component";
|
|
40670
40699
|
MaskedComponent.displayName = "IMask(" + nestedComponentName + ")";
|
|
40671
40700
|
MaskedComponent.propTypes = MASK_PROPS;
|
|
40672
|
-
return
|
|
40701
|
+
return React176.forwardRef((props, ref) => React176.createElement(MaskedComponent, __spreadProps(__spreadValues({}, props), {
|
|
40673
40702
|
ref
|
|
40674
40703
|
})));
|
|
40675
40704
|
}
|
|
@@ -40681,17 +40710,17 @@ var IMaskInputClass = IMaskMixin((_ref) => {
|
|
|
40681
40710
|
} = _a, props = __objRest(_a, [
|
|
40682
40711
|
"inputRef"
|
|
40683
40712
|
]);
|
|
40684
|
-
return
|
|
40713
|
+
return React177.createElement("input", __spreadProps(__spreadValues({}, props), {
|
|
40685
40714
|
ref: inputRef
|
|
40686
40715
|
}));
|
|
40687
40716
|
});
|
|
40688
|
-
var IMaskInputFn = (props, ref) =>
|
|
40717
|
+
var IMaskInputFn = (props, ref) => React177.createElement(IMaskInputClass, __spreadProps(__spreadValues({}, props), {
|
|
40689
40718
|
ref
|
|
40690
40719
|
}));
|
|
40691
|
-
var IMaskInput =
|
|
40720
|
+
var IMaskInput = React177.forwardRef(IMaskInputFn);
|
|
40692
40721
|
|
|
40693
40722
|
// ../../node_modules/react-imask/esm/hook.js
|
|
40694
|
-
import { useRef as useRef44, useState as
|
|
40723
|
+
import { useRef as useRef44, useState as useState26, useCallback as useCallback27, useEffect as useEffect37 } from "react";
|
|
40695
40724
|
|
|
40696
40725
|
// ../../node_modules/react-imask/esm/index.js
|
|
40697
40726
|
import "react";
|
|
@@ -40703,18 +40732,18 @@ var CalendarToday_default = createSvgIcon2(/* @__PURE__ */ _jsx106("path", {
|
|
|
40703
40732
|
}), "CalendarToday");
|
|
40704
40733
|
|
|
40705
40734
|
// src/components/Input/Input.tsx
|
|
40706
|
-
import { motion as
|
|
40707
|
-
var MotionInput =
|
|
40735
|
+
import { motion as motion15 } from "framer-motion";
|
|
40736
|
+
var MotionInput = motion15(Input_default);
|
|
40708
40737
|
var Input3 = (props) => {
|
|
40709
|
-
const _a = props, { label, helperText, error, style: style4, size, color: color2 } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "style", "size", "color"]);
|
|
40738
|
+
const _a = props, { label, helperText, error, style: style4, size, color: color2, disabled } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "style", "size", "color", "disabled"]);
|
|
40710
40739
|
if (label) {
|
|
40711
|
-
return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, children: [
|
|
40740
|
+
return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, disabled, children: [
|
|
40712
40741
|
/* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
|
|
40713
40742
|
/* @__PURE__ */ jsx2(MotionInput, __spreadValues({}, innerProps)),
|
|
40714
40743
|
helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
|
|
40715
40744
|
] });
|
|
40716
40745
|
}
|
|
40717
|
-
return /* @__PURE__ */ jsx2(MotionInput, __spreadValues({ color: color2, size }, innerProps));
|
|
40746
|
+
return /* @__PURE__ */ jsx2(MotionInput, __spreadValues({ color: color2, size, disabled }, innerProps));
|
|
40718
40747
|
};
|
|
40719
40748
|
Input3.displayName = "Input";
|
|
40720
40749
|
|
|
@@ -40722,8 +40751,8 @@ Input3.displayName = "Input";
|
|
|
40722
40751
|
var Input_default2 = Input3;
|
|
40723
40752
|
|
|
40724
40753
|
// src/components/DialogActions/DialogActions.tsx
|
|
40725
|
-
import { motion as
|
|
40726
|
-
var MotionDialogActions =
|
|
40754
|
+
import { motion as motion16 } from "framer-motion";
|
|
40755
|
+
var MotionDialogActions = motion16(DialogActions_default);
|
|
40727
40756
|
var DialogActions3 = MotionDialogActions;
|
|
40728
40757
|
DialogActions3.displayName = "DialogActions";
|
|
40729
40758
|
|
|
@@ -40756,7 +40785,7 @@ var formatValueString = (date) => {
|
|
|
40756
40785
|
month = "0" + month;
|
|
40757
40786
|
return [year, month, day].join("/");
|
|
40758
40787
|
};
|
|
40759
|
-
var TextMaskAdapter =
|
|
40788
|
+
var TextMaskAdapter = React178.forwardRef(
|
|
40760
40789
|
function TextMaskAdapter2(props, ref) {
|
|
40761
40790
|
const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
|
|
40762
40791
|
return /* @__PURE__ */ jsx2(
|
|
@@ -40804,8 +40833,8 @@ var TextMaskAdapter = React179.forwardRef(
|
|
|
40804
40833
|
var DatePicker = forwardRef84(
|
|
40805
40834
|
(props, ref) => {
|
|
40806
40835
|
const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
|
|
40807
|
-
const [value, setValue] =
|
|
40808
|
-
const [anchorEl, setAnchorEl] =
|
|
40836
|
+
const [value, setValue] = useState27(props.value || "");
|
|
40837
|
+
const [anchorEl, setAnchorEl] = useState27(null);
|
|
40809
40838
|
const open = Boolean(anchorEl);
|
|
40810
40839
|
const handleChange = useCallback28(
|
|
40811
40840
|
(event) => {
|
|
@@ -40894,7 +40923,7 @@ var DatePicker = forwardRef84(
|
|
|
40894
40923
|
) })
|
|
40895
40924
|
] });
|
|
40896
40925
|
if (label) {
|
|
40897
|
-
return /* @__PURE__ */ jsxs2(FormControl_default2, { error, size: "sm", children: [
|
|
40926
|
+
return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
|
|
40898
40927
|
/* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
|
|
40899
40928
|
picker,
|
|
40900
40929
|
helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
|
|
@@ -40906,7 +40935,7 @@ var DatePicker = forwardRef84(
|
|
|
40906
40935
|
DatePicker.displayName = "DatePicker";
|
|
40907
40936
|
|
|
40908
40937
|
// src/components/DateRangePicker/DateRangePicker.tsx
|
|
40909
|
-
import
|
|
40938
|
+
import React179, { forwardRef as forwardRef85, useCallback as useCallback29, useMemo as useMemo36, useState as useState28 } from "react";
|
|
40910
40939
|
var StyledPopper2 = styled_default2(Popper, {
|
|
40911
40940
|
name: "DateRangePicker",
|
|
40912
40941
|
slot: "popper"
|
|
@@ -40954,7 +40983,7 @@ var parseDate = (str) => {
|
|
|
40954
40983
|
)
|
|
40955
40984
|
];
|
|
40956
40985
|
};
|
|
40957
|
-
var TextMaskAdapter3 =
|
|
40986
|
+
var TextMaskAdapter3 = React179.forwardRef(
|
|
40958
40987
|
function TextMaskAdapter4(props, ref) {
|
|
40959
40988
|
const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
|
|
40960
40989
|
return /* @__PURE__ */ jsx2(
|
|
@@ -40995,8 +41024,8 @@ var TextMaskAdapter3 = React180.forwardRef(
|
|
|
40995
41024
|
var DateRangePicker = forwardRef85(
|
|
40996
41025
|
(props, ref) => {
|
|
40997
41026
|
const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
|
|
40998
|
-
const [value, setValue] =
|
|
40999
|
-
const [anchorEl, setAnchorEl] =
|
|
41027
|
+
const [value, setValue] = useState28(props.value || "");
|
|
41028
|
+
const [anchorEl, setAnchorEl] = useState28(null);
|
|
41000
41029
|
const open = Boolean(anchorEl);
|
|
41001
41030
|
const calendarValue = useMemo36(
|
|
41002
41031
|
() => value ? parseDate(value) : void 0,
|
|
@@ -41096,7 +41125,7 @@ var DateRangePicker = forwardRef85(
|
|
|
41096
41125
|
) })
|
|
41097
41126
|
] });
|
|
41098
41127
|
if (label) {
|
|
41099
|
-
return /* @__PURE__ */ jsxs2(FormControl_default2, { error, size: "sm", children: [
|
|
41128
|
+
return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
|
|
41100
41129
|
/* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
|
|
41101
41130
|
picker,
|
|
41102
41131
|
helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
|
|
@@ -41108,8 +41137,8 @@ var DateRangePicker = forwardRef85(
|
|
|
41108
41137
|
DateRangePicker.displayName = "DateRangePicker";
|
|
41109
41138
|
|
|
41110
41139
|
// src/components/DialogContent/DialogContent.tsx
|
|
41111
|
-
import { motion as
|
|
41112
|
-
var MotionDialogContent =
|
|
41140
|
+
import { motion as motion17 } from "framer-motion";
|
|
41141
|
+
var MotionDialogContent = motion17(DialogContent_default);
|
|
41113
41142
|
var DialogContent3 = MotionDialogContent;
|
|
41114
41143
|
DialogContent3.displayName = "DialogContent";
|
|
41115
41144
|
|
|
@@ -41117,8 +41146,8 @@ DialogContent3.displayName = "DialogContent";
|
|
|
41117
41146
|
var DialogContent_default2 = DialogContent3;
|
|
41118
41147
|
|
|
41119
41148
|
// src/components/DialogTitle/DialogTitle.tsx
|
|
41120
|
-
import { motion as
|
|
41121
|
-
var MotionDialogTitle =
|
|
41149
|
+
import { motion as motion18 } from "framer-motion";
|
|
41150
|
+
var MotionDialogTitle = motion18(DialogTitle_default);
|
|
41122
41151
|
var DialogTitle3 = MotionDialogTitle;
|
|
41123
41152
|
DialogTitle3.displayName = "DialogTitle";
|
|
41124
41153
|
|
|
@@ -41126,17 +41155,17 @@ DialogTitle3.displayName = "DialogTitle";
|
|
|
41126
41155
|
var DialogTitle_default2 = DialogTitle3;
|
|
41127
41156
|
|
|
41128
41157
|
// src/components/Modal/Modal.tsx
|
|
41129
|
-
import { motion as
|
|
41130
|
-
var MotionModal =
|
|
41158
|
+
import { motion as motion19 } from "framer-motion";
|
|
41159
|
+
var MotionModal = motion19(Modal_default);
|
|
41131
41160
|
var Modal3 = MotionModal;
|
|
41132
41161
|
Modal3.displayName = "Modal";
|
|
41133
|
-
var MotionModalDialog =
|
|
41162
|
+
var MotionModalDialog = motion19(ModalDialog_default);
|
|
41134
41163
|
var ModalDialog3 = MotionModalDialog;
|
|
41135
41164
|
ModalDialog3.displayName = "ModalDialog";
|
|
41136
|
-
var MotionModalClose =
|
|
41165
|
+
var MotionModalClose = motion19(ModalClose_default);
|
|
41137
41166
|
var ModalClose3 = MotionModalClose;
|
|
41138
41167
|
ModalClose3.displayName = "ModalClose";
|
|
41139
|
-
var MotionModalOverflow =
|
|
41168
|
+
var MotionModalOverflow = motion19(ModalOverflow_default);
|
|
41140
41169
|
var ModalOverflow3 = MotionModalOverflow;
|
|
41141
41170
|
ModalOverflow3.displayName = "ModalOverflow";
|
|
41142
41171
|
function ModalFrame(props) {
|
|
@@ -41161,16 +41190,16 @@ function DialogFrame(props) {
|
|
|
41161
41190
|
DialogFrame.displayName = "DialogFrame";
|
|
41162
41191
|
|
|
41163
41192
|
// src/components/Divider/Divider.tsx
|
|
41164
|
-
import { motion as
|
|
41165
|
-
var MotionDivider =
|
|
41193
|
+
import { motion as motion20 } from "framer-motion";
|
|
41194
|
+
var MotionDivider = motion20(Divider_default);
|
|
41166
41195
|
var Divider3 = (props) => {
|
|
41167
41196
|
return /* @__PURE__ */ jsx2(MotionDivider, __spreadValues({}, props));
|
|
41168
41197
|
};
|
|
41169
41198
|
Divider3.displayName = "Divider";
|
|
41170
41199
|
|
|
41171
41200
|
// src/components/InsetDrawer/InsetDrawer.tsx
|
|
41172
|
-
import { motion as
|
|
41173
|
-
var MotionDrawer =
|
|
41201
|
+
import { motion as motion21 } from "framer-motion";
|
|
41202
|
+
var MotionDrawer = motion21(Drawer_default);
|
|
41174
41203
|
var InsetDrawer = (props) => {
|
|
41175
41204
|
var _b;
|
|
41176
41205
|
const _a = props, { children } = _a, innerProps = __objRest(_a, ["children"]);
|
|
@@ -41192,38 +41221,14 @@ var InsetDrawer = (props) => {
|
|
|
41192
41221
|
};
|
|
41193
41222
|
InsetDrawer.displayName = "InsetDrawer";
|
|
41194
41223
|
|
|
41195
|
-
// src/components/Dropdown/Dropdown.tsx
|
|
41196
|
-
import { motion as motion20 } from "framer-motion";
|
|
41197
|
-
var MotionDropdown = motion20(Dropdown);
|
|
41198
|
-
var Dropdown2 = MotionDropdown;
|
|
41199
|
-
Dropdown2.displayName = "Dropdown";
|
|
41200
|
-
|
|
41201
41224
|
// src/components/Grid/Grid.tsx
|
|
41202
|
-
import { motion as
|
|
41203
|
-
var MotionGrid =
|
|
41225
|
+
import { motion as motion22 } from "framer-motion";
|
|
41226
|
+
var MotionGrid = motion22(Grid_default);
|
|
41204
41227
|
var Grid2 = MotionGrid;
|
|
41205
41228
|
Grid2.displayName = "Grid";
|
|
41206
41229
|
|
|
41207
|
-
// src/components/Menu/Menu.tsx
|
|
41208
|
-
import { motion as motion22 } from "framer-motion";
|
|
41209
|
-
var MotionMenu = motion22(Menu_default);
|
|
41210
|
-
var Menu3 = (props) => {
|
|
41211
|
-
return /* @__PURE__ */ jsx2(MotionMenu, __spreadValues({}, props));
|
|
41212
|
-
};
|
|
41213
|
-
Menu3.displayName = "Menu";
|
|
41214
|
-
var MotionMenuButton = motion22(MenuButton_default);
|
|
41215
|
-
var MenuButton3 = (props) => {
|
|
41216
|
-
return /* @__PURE__ */ jsx2(MotionMenuButton, __spreadValues({}, props));
|
|
41217
|
-
};
|
|
41218
|
-
MenuButton3.displayName = "MenuButton";
|
|
41219
|
-
var MotionMenuItem = motion22(MenuItem_default);
|
|
41220
|
-
var MenuItem3 = (props) => {
|
|
41221
|
-
return /* @__PURE__ */ jsx2(MotionMenuItem, __spreadValues({}, props));
|
|
41222
|
-
};
|
|
41223
|
-
MenuItem3.displayName = "MenuItem";
|
|
41224
|
-
|
|
41225
41230
|
// src/components/MonthRangePicker/MonthRangePicker.tsx
|
|
41226
|
-
import
|
|
41231
|
+
import React180, { forwardRef as forwardRef86, useCallback as useCallback30, useMemo as useMemo37, useState as useState29 } from "react";
|
|
41227
41232
|
var StyledPopper3 = styled_default2(Popper, {
|
|
41228
41233
|
name: "MonthRangePicker",
|
|
41229
41234
|
slot: "popper"
|
|
@@ -41260,7 +41265,7 @@ var parseDate2 = (str) => {
|
|
|
41260
41265
|
new Date(Number(yearMonthDay2[0]), Number(yearMonthDay2[1]) - 1)
|
|
41261
41266
|
];
|
|
41262
41267
|
};
|
|
41263
|
-
var TextMaskAdapter5 =
|
|
41268
|
+
var TextMaskAdapter5 = React180.forwardRef(
|
|
41264
41269
|
function TextMaskAdapter6(props, ref) {
|
|
41265
41270
|
const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
|
|
41266
41271
|
return /* @__PURE__ */ jsx2(
|
|
@@ -41305,8 +41310,8 @@ var MonthRangePicker = forwardRef86(
|
|
|
41305
41310
|
disableFuture,
|
|
41306
41311
|
disablePast
|
|
41307
41312
|
} = props;
|
|
41308
|
-
const [value, setValue] =
|
|
41309
|
-
const [anchorEl, setAnchorEl] =
|
|
41313
|
+
const [value, setValue] = useState29(props.value || "");
|
|
41314
|
+
const [anchorEl, setAnchorEl] = useState29(null);
|
|
41310
41315
|
const open = Boolean(anchorEl);
|
|
41311
41316
|
const calendarValue = useMemo37(
|
|
41312
41317
|
() => value ? parseDate2(value) : void 0,
|
|
@@ -41408,7 +41413,7 @@ var MonthRangePicker = forwardRef86(
|
|
|
41408
41413
|
) })
|
|
41409
41414
|
] });
|
|
41410
41415
|
if (label) {
|
|
41411
|
-
return /* @__PURE__ */ jsxs2(FormControl_default2, { error, size: "sm", children: [
|
|
41416
|
+
return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
|
|
41412
41417
|
/* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
|
|
41413
41418
|
picker,
|
|
41414
41419
|
helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
|
|
@@ -41441,9 +41446,9 @@ var MotionOption = motion24(Option_default);
|
|
|
41441
41446
|
var Option3 = MotionOption;
|
|
41442
41447
|
Option3.displayName = "Option";
|
|
41443
41448
|
function Select3(props) {
|
|
41444
|
-
const _a = props, { label, helperText, error, size, color: color2 } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "size", "color"]);
|
|
41449
|
+
const _a = props, { label, helperText, error, size, color: color2, disabled } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "size", "color", "disabled"]);
|
|
41445
41450
|
if (label) {
|
|
41446
|
-
return /* @__PURE__ */ jsxs2(FormControl_default2, { size, color: color2, error, children: [
|
|
41451
|
+
return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, size, color: color2, error, children: [
|
|
41447
41452
|
/* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
|
|
41448
41453
|
/* @__PURE__ */ jsx2(
|
|
41449
41454
|
Select_default,
|
|
@@ -41452,7 +41457,7 @@ function Select3(props) {
|
|
|
41452
41457
|
helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
|
|
41453
41458
|
] });
|
|
41454
41459
|
}
|
|
41455
|
-
return /* @__PURE__ */ jsx2(Select_default, __spreadValues({ size, color: color2 }, innerProps));
|
|
41460
|
+
return /* @__PURE__ */ jsx2(Select_default, __spreadValues({ disabled, size, color: color2 }, innerProps));
|
|
41456
41461
|
}
|
|
41457
41462
|
Select3.displayName = "Select";
|
|
41458
41463
|
|
|
@@ -41514,15 +41519,15 @@ TabPanel3.displayName = "TabPanel";
|
|
|
41514
41519
|
import { motion as motion27 } from "framer-motion";
|
|
41515
41520
|
var MotionTextarea = motion27(Textarea_default);
|
|
41516
41521
|
var Textarea3 = (props) => {
|
|
41517
|
-
const _a = props, { label, error, helperText, color: color2, size } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size"]);
|
|
41522
|
+
const _a = props, { label, error, helperText, color: color2, size, disabled } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size", "disabled"]);
|
|
41518
41523
|
if (label) {
|
|
41519
|
-
return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, children: [
|
|
41524
|
+
return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, color: color2, size, error, children: [
|
|
41520
41525
|
/* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
|
|
41521
41526
|
/* @__PURE__ */ jsx2(MotionTextarea, __spreadValues({}, innerProps)),
|
|
41522
41527
|
helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
|
|
41523
41528
|
] });
|
|
41524
41529
|
}
|
|
41525
|
-
return /* @__PURE__ */ jsx2(MotionTextarea, __spreadValues({ color: color2, size }, innerProps));
|
|
41530
|
+
return /* @__PURE__ */ jsx2(MotionTextarea, __spreadValues({ disabled, color: color2, size }, innerProps));
|
|
41526
41531
|
};
|
|
41527
41532
|
Textarea3.displayName = "Textarea";
|
|
41528
41533
|
|