@shopito/design-system 1.0.101

package/dist/cjs/components/ChipSelect/ChipSelect.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ChipSelectProps } from './ChipSelect';
+declare const meta: Meta<ChipSelectProps>;
+type Story = StoryObj<ChipSelectProps>;
+export default meta;
+export declare const Basic: Story;

package/dist/cjs/components/ChipSelect/ChipSelect.stories.js

@@ -0,0 +1,35 @@
+"use strict";
+exports.__esModule = true;
+exports.Basic = void 0;
+var tslib_1 = require("tslib");
+var ChipSelect_1 = tslib_1.__importDefault(require("./ChipSelect"));
+var meta = {
+    component: ChipSelect_1["default"],
+    parameters: {
+        layout: 'centered'
+    },
+    tags: ['autodocs']
+};
+exports["default"] = meta;
+exports.Basic = {
+    args: {
+        name: 'tag',
+        label: 'Tag',
+        multiple: true,
+        // value: 1, // [1, 2],
+        sx: { width: '300px' },
+        options: [
+            {
+                value: 1,
+                label: 'Success Tag',
+                color: '#00EE00'
+            },
+            {
+                value: 2,
+                label: 'Error Tag',
+                color: '#EE0000'
+            },
+        ]
+    }
+};
+//# sourceMappingURL=ChipSelect.stories.js.map

package/dist/cjs/components/ChipSelect/ChipSelect.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipSelect.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/ChipSelect/ChipSelect.stories.tsx"],"names":[],"mappings":";;;;AAEA,oEAA2D;AAE3D,IAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,uBAAU;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAIF,qBAAe,IAAI,CAAC;AAEP,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,IAAI;QACd,uBAAuB;QACvB,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;QACtB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,SAAS;aACjB;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,WAAW;gBAClB,KAAK,EAAE,SAAS;aACjB;SACF;KACF;CACF,CAAC"}

package/dist/cjs/components/ColorField/ColorField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextFieldProps } from '../../';
+declare const ColorField: (props: TextFieldProps) => React.JSX.Element;
+export default ColorField;

package/dist/cjs/components/ColorField/ColorField.js

@@ -0,0 +1,43 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_color_1 = require("react-color");
+var ClickAwayListener_1 = require("@mui/base/ClickAwayListener");
+var __1 = require("../../");
+var ColorField = function (props) {
+    var _a = (0, react_1.useState)(false), show = _a[0], setShow = _a[1];
+    var onPickerShow = function () {
+        setShow(true);
+    };
+    var handleChange = function (color) {
+        if (props.onChange && props.name) {
+            props.onChange({
+                target: {
+                    name: props.name,
+                    value: color
+                }
+            });
+        }
+    };
+    var handleClickAway = function () {
+        setShow(false);
+    };
+    return (react_1["default"].createElement(ClickAwayListener_1.ClickAwayListener, { onClickAway: handleClickAway },
+        react_1["default"].createElement("div", { style: { position: 'relative', width: '200px' } },
+            react_1["default"].createElement(__1.TextField, tslib_1.__assign({}, props, { InputProps: {
+                    startAdornment: (react_1["default"].createElement(__1.InputAdornment, { position: "start" },
+                        react_1["default"].createElement(__1.Box, { sx: {
+                                backgroundColor: props.value || undefined,
+                                width: '19px',
+                                height: '19px',
+                                borderRadius: '3px',
+                                marginLeft: '-3px',
+                                marginRight: '3px'
+                            } })))
+                }, sx: { width: '200px' }, onFocus: onPickerShow })),
+            show && (react_1["default"].createElement(__1.Box, { sx: { position: 'fixed', zIndex: 2 } },
+                react_1["default"].createElement(react_color_1.SketchPicker, { color: props.value || undefined, onChangeComplete: function (color) { return handleChange(color.hex); } }))))));
+};
+exports["default"] = ColorField;
+//# sourceMappingURL=ColorField.js.map

package/dist/cjs/components/ColorField/ColorField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorField.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/ColorField/ColorField.tsx"],"names":[],"mappings":";;;AAAA,qDAAwC;AACxC,2CAAkD;AAClD,iEAAgE;AAChE,4BAAwE;AAExE,IAAM,UAAU,GAAG,UAAC,KAAqB;IACjC,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;IAExC,IAAM,YAAY,GAAG;QACnB,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAa;QACjC,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE;YAChC,KAAK,CAAC,QAAQ,CAAC;gBACb,MAAM,EAAE;oBACN,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,KAAK,EAAE,KAAK;iBACb;aACK,CAAC,CAAC;SACX;IACH,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG;QACtB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,iCAAC,qCAAiB,IAAC,WAAW,EAAE,eAAe;QAC7C,0CAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE;YAClD,iCAAC,aAAS,uBACJ,KAAK,IACT,UAAU,EAAE;oBACV,cAAc,EAAE,CACd,iCAAC,kBAAc,IAAC,QAAQ,EAAC,OAAO;wBAC9B,iCAAC,OAAG,IACF,EAAE,EAAE;gCACF,eAAe,EAAE,KAAK,CAAC,KAAK,IAAI,SAAS;gCACzC,KAAK,EAAE,MAAM;gCACb,MAAM,EAAE,MAAM;gCACd,YAAY,EAAE,KAAK;gCACnB,UAAU,EAAE,MAAM;gCAClB,WAAW,EAAE,KAAK;6BACnB,GACD,CACa,CAClB;iBACF,EACD,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EACtB,OAAO,EAAE,YAAY,IACrB;YACD,IAAI,IAAI,CACP,iCAAC,OAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE;gBACvC,iCAAC,0BAAY,IACX,KAAK,EAAG,KAAK,CAAC,KAAe,IAAI,SAAS,EAC1C,gBAAgB,EAAE,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,EAAvB,CAAuB,GACpD,CACE,CACP,CACG,CACY,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,UAAU,CAAC"}

package/dist/cjs/components/ColorField/index.d.ts

@@ -0,0 +1,2 @@
+import ColorField from './ColorField';
+export default ColorField;

package/dist/cjs/components/ColorField/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var ColorField_1 = tslib_1.__importDefault(require("./ColorField"));
+exports["default"] = ColorField_1["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ColorField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/ColorField/index.ts"],"names":[],"mappings":";;;AAAA,oEAAsC;AAEtC,qBAAe,uBAAU,CAAC"}

package/dist/cjs/components/ContentHeader/ContentHeader.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactElement, ReactNode } from 'react';
+export interface ContentHeaderProps {
+    title: string;
+    description?: ReactNode;
+    actions?: ReactElement;
+    breadcrumbs?: ReactElement;
+}
+declare const ContentHeader: ({ title, description, actions, breadcrumbs, }: ContentHeaderProps) => React.JSX.Element;
+export default ContentHeader;

package/dist/cjs/components/ContentHeader/ContentHeader.js

@@ -0,0 +1,18 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var material_1 = require("@mui/material");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var ContentHeader = function (_a) {
+    var title = _a.title, description = _a.description, actions = _a.actions, breadcrumbs = _a.breadcrumbs;
+    return (react_1["default"].createElement(material_1.Grid, { justifyContent: "space-between", container: true, spacing: 1, marginBottom: 1 },
+        react_1["default"].createElement(material_1.Grid, { item: true },
+            react_1["default"].createElement(Flex_1["default"], { gap: 0.4, direction: "column" },
+                react_1["default"].createElement(material_1.Typography, { variant: "h3", gutterBottom: true, sx: { mb: 1 } }, title),
+                description && (react_1["default"].createElement(material_1.Typography, { variant: "subtitle1" }, description)),
+                breadcrumbs)),
+        react_1["default"].createElement(material_1.Grid, { item: true, sx: { display: 'flex', alignItems: 'end' } }, actions)));
+};
+exports["default"] = ContentHeader;
+//# sourceMappingURL=ContentHeader.js.map

package/dist/cjs/components/ContentHeader/ContentHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/ContentHeader/ContentHeader.tsx"],"names":[],"mappings":";;;AAAA,0CAAiD;AACjD,wDAAuD;AACvD,yDAA2B;AAS3B,IAAM,aAAa,GAAG,UAAC,EAKF;QAJnB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,WAAW,iBAAA;IAEX,OAAO,CACL,iCAAC,eAAI,IAAC,cAAc,EAAC,eAAe,EAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC;QACxE,iCAAC,eAAI,IAAC,IAAI;YACR,iCAAC,iBAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ;gBAChC,iCAAC,qBAAU,IAAC,OAAO,EAAC,IAAI,EAAC,YAAY,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAChD,KAAK,CACK;gBACZ,WAAW,IAAI,CACd,iCAAC,qBAAU,IAAC,OAAO,EAAC,WAAW,IAAE,WAAW,CAAc,CAC3D;gBACA,WAAW,CACP,CACF;QACP,iCAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,IAClD,OAAO,CACH,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,aAAa,CAAC"}

package/dist/cjs/components/ContentHeader/ContentHeader.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ContentHeaderProps } from './ContentHeader';
+declare const meta: Meta<ContentHeaderProps>;
+type Story = StoryObj<ContentHeaderProps>;
+export default meta;
+export declare const Basic: Story;
+export declare const WithBreadcrumbs: Story;
+export declare const WithActions: Story;

package/dist/cjs/components/ContentHeader/ContentHeader.stories.js

@@ -0,0 +1,52 @@
+"use strict";
+exports.__esModule = true;
+exports.WithActions = exports.WithBreadcrumbs = exports.Basic = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var ContentHeader_1 = tslib_1.__importDefault(require("./ContentHeader"));
+var ContentWrapper_1 = tslib_1.__importDefault(require("../Layout/ContentWrapper"));
+var Breadcrumbs_1 = tslib_1.__importDefault(require("../Breadcrumbs"));
+var Button_1 = tslib_1.__importDefault(require("../Button"));
+var meta = {
+    component: ContentHeader_1["default"],
+    parameters: {
+        layout: 'top'
+    },
+    argTypes: {
+        description: {
+            type: 'string'
+        }
+    },
+    tags: ['autodocs'],
+    decorators: function (Story) { return (react_1["default"].createElement(ContentWrapper_1["default"], null,
+        react_1["default"].createElement(Story, null))); }
+};
+exports["default"] = meta;
+exports.Basic = {
+    args: {
+        title: 'Products',
+        description: 'List of products in your store'
+    }
+};
+exports.WithBreadcrumbs = {
+    args: {
+        title: 'Products',
+        description: 'List of products in your store',
+        breadcrumbs: (react_1["default"].createElement(Breadcrumbs_1["default"], { prefix: "Shopito Market", section: "Detail of order #123", links: {
+                '/order': 'Orders',
+                '/order-list': 'List orders'
+            } }))
+    }
+};
+exports.WithActions = {
+    args: {
+        title: 'Products',
+        description: 'List of products in your store',
+        breadcrumbs: (react_1["default"].createElement(Breadcrumbs_1["default"], { prefix: "Shopito Market", section: "Detail of order #123", links: {
+                '/order': 'Orders',
+                '/order-list': 'List orders'
+            } })),
+        actions: (react_1["default"].createElement(Button_1["default"], { size: "small", variant: "contained", color: "primary" }, "Add order"))
+    }
+};
+//# sourceMappingURL=ContentHeader.stories.js.map

package/dist/cjs/components/ContentHeader/ContentHeader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/ContentHeader/ContentHeader.stories.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAG1B,0EAAoE;AACpE,oFAAsD;AACtD,uEAAyC;AACzC,6DAA+B;AAE/B,IAAM,IAAI,GAA6B;IACrC,SAAS,EAAE,0BAAa;IACxB,UAAU,EAAE;QACV,MAAM,EAAE,KAAK;KACd;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;SACf;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,UAAC,KAAK,IAAK,OAAA,CACrB,iCAAC,2BAAc;QACb,iCAAC,KAAK,OAAG,CACM,CAClB,EAJsB,CAItB;CACF,CAAC;AAIF,qBAAe,IAAI,CAAC;AAEP,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,gCAAgC;KAC9C;CACF,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,gCAAgC;QAC7C,WAAW,EAAE,CACX,iCAAC,wBAAW,IACV,MAAM,EAAC,gBAAgB,EACvB,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ;gBAClB,aAAa,EAAE,aAAa;aAC7B,GACD,CACH;KACF;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,gCAAgC;QAC7C,WAAW,EAAE,CACX,iCAAC,wBAAW,IACV,MAAM,EAAC,gBAAgB,EACvB,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ;gBAClB,aAAa,EAAE,aAAa;aAC7B,GACD,CACH;QACD,OAAO,EAAE,CACP,iCAAC,mBAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,gBAE/C,CACV;KACF;CACF,CAAC"}

package/dist/cjs/components/ContentHeader/index.d.ts

@@ -0,0 +1,2 @@
+import ContentHeader from './ContentHeader';
+export default ContentHeader;

package/dist/cjs/components/ContentHeader/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var ContentHeader_1 = tslib_1.__importDefault(require("./ContentHeader"));
+exports["default"] = ContentHeader_1["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ContentHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/ContentHeader/index.ts"],"names":[],"mappings":";;;AAAA,0EAA4C;AAE5C,qBAAe,0BAAa,CAAC"}

package/dist/cjs/components/DatePickerField/DatePickerField.d.ts

@@ -0,0 +1,21 @@
+import React, { ChangeEvent } from 'react';
+import { DatePickerFieldProps as MuiDatePickerFieldProps } from '@mui/x-date-pickers/DatePicker';
+import { SxProps } from '@mui/material';
+import { Theme } from '@mui/system';
+import { Dayjs } from 'dayjs';
+import { FormFieldTooltipProps } from '../FormFieldTooltip';
+export interface DatePickerFieldProps extends Partial<Omit<MuiDatePickerFieldProps<Dayjs>, 'value' | 'maxDate' | 'minDate' | 'onChange'>> {
+    name: string;
+    format?: string;
+    maxDate?: string;
+    minDate?: string;
+    label?: any;
+    value?: string | null;
+    withoutLabel?: boolean;
+    tooltip?: FormFieldTooltipProps;
+    required?: boolean;
+    sxControl?: SxProps<Theme>;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+declare const DatePickerField: ({ format, maxDate, minDate, withoutLabel, tooltip, sxControl, label, value, ...props }: DatePickerFieldProps) => React.JSX.Element;
+export default DatePickerField;

package/dist/cjs/components/DatePickerField/DatePickerField.js

@@ -0,0 +1,53 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var demo_1 = require("@mui/x-date-pickers/internals/demo");
+var AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
+var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+var locales_1 = require("@mui/x-date-pickers/locales");
+var DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
+var material_1 = require("@mui/material");
+var dayjs_1 = tslib_1.__importDefault(require("dayjs"));
+var FormLabel_1 = tslib_1.__importDefault(require("../FormLabel/FormLabel"));
+var updateLocale_1 = tslib_1.__importDefault(require("dayjs/plugin/updateLocale"));
+dayjs_1["default"].extend(updateLocale_1["default"]);
+dayjs_1["default"].updateLocale('en', {
+    weekStart: 1,
+    weekdays: 'Ne_Po_Út_St_Čt_Pá_So'.split('_'),
+    months: [
+        'Leden',
+        'Únor',
+        'Březen',
+        'Duben',
+        'Květen',
+        'Červen',
+        'Červenec',
+        'Srpen',
+        'Září',
+        'Říjen',
+        'Listopad',
+        'Prosinec',
+    ]
+});
+var DatePickerField = function (_a) {
+    var _b = _a.format, format = _b === void 0 ? 'D.M.YYYY' : _b, maxDate = _a.maxDate, minDate = _a.minDate, _c = _a.withoutLabel, withoutLabel = _c === void 0 ? false : _c, tooltip = _a.tooltip, sxControl = _a.sxControl, label = _a.label, value = _a.value, props = tslib_1.__rest(_a, ["format", "maxDate", "minDate", "withoutLabel", "tooltip", "sxControl", "label", "value"]);
+    var handleChange = function (value, _) {
+        props.onChange &&
+            props.onChange({
+                // @ts-ignore
+                target: {
+                    name: props.name,
+                    value: (value === null || value === void 0 ? void 0 : value.format('YYYY-MM-DD')) || ''
+                }
+            });
+    };
+    var controlValue = value ? (0, dayjs_1["default"])(value) : null;
+    return (react_1["default"].createElement(material_1.FormControl, { sx: tslib_1.__assign({}, (sxControl || {})) },
+        !withoutLabel && (react_1["default"].createElement(FormLabel_1["default"], { required: props.required, focused: props.focused, htmlFor: props.name, tooltip: (tooltip === null || tooltip === void 0 ? void 0 : tooltip.position) === 'label' ? tooltip === null || tooltip === void 0 ? void 0 : tooltip.content : undefined, sx: { display: 'flex' } }, label)),
+        react_1["default"].createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "en", localeText: locales_1.csCZ.components.MuiLocalizationProvider.defaultProps.localeText },
+            react_1["default"].createElement(demo_1.DemoContainer, { components: ['DatePicker'] },
+                react_1["default"].createElement(DatePicker_1.DatePicker, tslib_1.__assign({}, props, { format: format, maxDate: maxDate ? (0, dayjs_1["default"])(maxDate) : undefined, minDate: minDate ? (0, dayjs_1["default"])(minDate) : undefined, dayOfWeekFormatter: function (weekday) { return "".concat(weekday.format('dd'), "."); }, slotProps: {}, value: controlValue, sx: { overflowY: 'hidden', width: '100%' }, onChange: handleChange }))))));
+};
+exports["default"] = DatePickerField;
+//# sourceMappingURL=DatePickerField.js.map

package/dist/cjs/components/DatePickerField/DatePickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerField.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DatePickerField/DatePickerField.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/DatePickerField/DatePickerField.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DatePickerFieldProps } from './DatePickerField';
+declare const meta: Meta<DatePickerFieldProps>;
+type Story = StoryObj<DatePickerFieldProps>;
+export default meta;
+export declare const Basic: Story;
+export declare const WithLabelTooltip: Story;

package/dist/cjs/components/DatePickerField/DatePickerField.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+exports.__esModule = true;
+exports.WithLabelTooltip = exports.Basic = void 0;
+var tslib_1 = require("tslib");
+var DatePickerField_1 = tslib_1.__importDefault(require("./DatePickerField"));
+var meta = {
+    component: DatePickerField_1["default"],
+    parameters: {
+        layout: 'centered'
+    },
+    tags: ['autodocs']
+};
+exports["default"] = meta;
+exports.Basic = {
+    args: {
+        label: 'Date'
+    }
+};
+exports.WithLabelTooltip = {
+    args: {
+        label: 'Date',
+        tooltip: {
+            position: 'label',
+            content: 'Testing content for tooltip'
+        }
+    }
+};
+//# sourceMappingURL=DatePickerField.stories.js.map

package/dist/cjs/components/DatePickerField/DatePickerField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerField.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DatePickerField/DatePickerField.stories.tsx"],"names":[],"mappings":";;;;AAEA,8EAA0E;AAE1E,IAAM,IAAI,GAA+B;IACvC,SAAS,EAAE,4BAAe;IAC1B,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAIF,qBAAe,IAAI,CAAC;AAEP,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE;YACP,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,6BAA6B;SACvC;KACF;CACF,CAAC"}

package/dist/cjs/components/DatePickerField/index.d.ts

@@ -0,0 +1,2 @@
+import DatePickerField from './DatePickerField';
+export default DatePickerField;

package/dist/cjs/components/DatePickerField/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var DatePickerField_1 = tslib_1.__importDefault(require("./DatePickerField"));
+exports["default"] = DatePickerField_1["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/DatePickerField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DatePickerField/index.ts"],"names":[],"mappings":";;;AAAA,8EAAgD;AAEhD,qBAAe,4BAAe,CAAC"}

package/dist/cjs/components/DialogTitle/DialogTitle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
+export interface DialogTitleProps extends MuiDialogTitleProps {
+    bordered?: boolean;
+}
+declare const DialogTitle: ({ bordered, ...props }: DialogTitleProps) => React.JSX.Element;
+export default DialogTitle;

package/dist/cjs/components/DialogTitle/DialogTitle.js

@@ -0,0 +1,15 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var material_1 = require("@mui/material");
+var DialogTitle = function (_a) {
+    var _b = _a.bordered, bordered = _b === void 0 ? false : _b, props = tslib_1.__rest(_a, ["bordered"]);
+    return (react_1["default"].createElement(material_1.DialogTitle, tslib_1.__assign({}, props, { sx: tslib_1.__assign(tslib_1.__assign({}, props.sx), (bordered && {
+            borderBottom: '1px solid #e0e0e0 !important',
+            pb: 4.5,
+            mb: 4.5
+        })) })));
+};
+exports["default"] = DialogTitle;
+//# sourceMappingURL=DialogTitle.js.map

package/dist/cjs/components/DialogTitle/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DialogTitle/DialogTitle.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,0CAGuB;AAMvB,IAAM,WAAW,GAAG,UAAC,EAAgD;IAA9C,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAK,KAAK,sBAA5B,YAA8B,CAAF;IAAyB,OAAA,CACxE,iCAAC,sBAAc,uBACT,KAAK,IACT,EAAE,wCACG,KAAK,CAAC,EAAE,GACR,CAAC,QAAQ,IAAI;YACd,YAAY,EAAE,8BAA8B;YAC5C,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;SACR,CAAC,KAEJ,CACH,CAAA;CAAA,CAAC;AAEF,qBAAe,WAAW,CAAC"}

package/dist/cjs/components/DialogTitle/index.d.ts

@@ -0,0 +1,3 @@
+import DialogTitle, { DialogTitleProps } from './DialogTitle';
+export default DialogTitle;
+export { DialogTitleProps };

package/dist/cjs/components/DialogTitle/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var DialogTitle_1 = tslib_1.__importDefault(require("./DialogTitle"));
+exports["default"] = DialogTitle_1["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/DialogTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DialogTitle/index.ts"],"names":[],"mappings":";;;AAAA,sEAA8D;AAE9D,qBAAe,wBAAW,CAAC"}

package/dist/cjs/components/DragDropInput/DragDropInput.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface DragDropInputProps<F> {
+    uploadData?: {
+        [key: string]: any;
+    };
+    onStartUploading: () => void;
+    onFileUpload: (data: FormData) => Promise<any>;
+    onFileUploaded: (file: F) => Promise<any>;
+    onFinishUploaded: () => Promise<void>;
+}
+declare const DragDropInput: <F>({ uploadData, onStartUploading, onFileUpload, onFileUploaded, onFinishUploaded, }: DragDropInputProps<F>) => React.JSX.Element;
+export default DragDropInput;

package/dist/cjs/components/DragDropInput/DragDropInput.js

@@ -0,0 +1,95 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_intl_1 = require("react-intl");
+var react_dropzone_1 = require("react-dropzone");
+var alerts_1 = require("../../utils/alerts");
+var Box_1 = tslib_1.__importDefault(require("../Box"));
+var DragDropInput = function (_a) {
+    var uploadData = _a.uploadData, onStartUploading = _a.onStartUploading, onFileUpload = _a.onFileUpload, onFileUploaded = _a.onFileUploaded, onFinishUploaded = _a.onFinishUploaded;
+    var intl = (0, react_intl_1.useIntl)();
+    var uploadFile = (0, react_1.useCallback)(function (file) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        return tslib_1.__generator(this, function (_a) {
+            return [2 /*return*/, new Promise(function (resolve, reject) {
+                    var data = new FormData();
+                    data.append('file', file);
+                    if (uploadData) {
+                        Object.keys(uploadData).forEach(function (k) {
+                            data.append(k, uploadData[k]);
+                        });
+                    }
+                    onFileUpload(data)
+                        .then(function (res) { return res.data; })
+                        .then(function (image) { return resolve(image); })["catch"](function (error) {
+                        // TODO: odeslání notifikace o chybě na můj email, nebo do nějakého online nástroje
+                        (0, alerts_1.displayAlert)(intl.formatMessage({ id: 'form.fileCannotBeUploaded' }));
+                        reject(error);
+                    });
+                })];
+        });
+    }); }, []);
+    var onDrop = (0, react_1.useCallback)(function (acceptedFiles) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (onStartUploading) {
+                        onStartUploading();
+                    }
+                    return [4 /*yield*/, acceptedFiles.reduce(function (promise, file) {
+                            return promise.then(function (acc) {
+                                return new Promise(function (resolve) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+                                    var uploadResult, _a;
+                                    return tslib_1.__generator(this, function (_b) {
+                                        switch (_b.label) {
+                                            case 0:
+                                                _b.trys.push([0, 4, , 5]);
+                                                return [4 /*yield*/, uploadFile(file)];
+                                            case 1:
+                                                uploadResult = _b.sent();
+                                                if (!uploadResult) return [3 /*break*/, 3];
+                                                return [4 /*yield*/, onFileUploaded(uploadResult)];
+                                            case 2:
+                                                _b.sent();
+                                                _b.label = 3;
+                                            case 3: return [3 /*break*/, 5];
+                                            case 4:
+                                                _a = _b.sent();
+                                                return [3 /*break*/, 5];
+                                            case 5:
+                                                resolve(acc);
+                                                return [2 /*return*/];
+                                        }
+                                    });
+                                }); });
+                            });
+                        }, Promise.resolve({}))];
+                case 1:
+                    _a.sent();
+                    // finish
+                    return [4 /*yield*/, onFinishUploaded()];
+                case 2:
+                    // finish
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); }, []);
+    var _b = (0, react_dropzone_1.useDropzone)({
+        onDrop: onDrop
+    }), getRootProps = _b.getRootProps, getInputProps = _b.getInputProps;
+    return (react_1["default"].createElement(Box_1["default"], { component: "section", className: "container", sx: { mt: 2 } },
+        react_1["default"].createElement(Box_1["default"], tslib_1.__assign({}, getRootProps({ className: 'dropzone' }), { sx: {
+                borderRadius: 2,
+                border: '2px dashed #eaeaea',
+                textAlign: 'center',
+                backgroundColor: 'background.paper',
+                cursor: 'pointer',
+                p: 12,
+                mb: 3
+            } }),
+            react_1["default"].createElement("input", tslib_1.__assign({}, getInputProps())),
+            react_1["default"].createElement("p", null, "Drag 'n' drop some files here, or click to select files"))));
+};
+exports["default"] = DragDropInput;
+//# sourceMappingURL=DragDropInput.js.map

package/dist/cjs/components/DragDropInput/DragDropInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropInput.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DragDropInput/DragDropInput.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/DragDropInput/index.d.ts

@@ -0,0 +1,2 @@
+import DragDropInput from './DragDropInput';
+export default DragDropInput;

package/dist/cjs/components/DragDropInput/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var DragDropInput_1 = tslib_1.__importDefault(require("./DragDropInput"));
+exports["default"] = DragDropInput_1["default"];
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/DragDropInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/DragDropInput/index.ts"],"names":[],"mappings":";;;AAAA,0EAA4C;AAE5C,qBAAe,0BAAa,CAAC"}

package/dist/cjs/components/DragDropUpload/DragDropUpload.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface DragDropUploadProps {
+    multiple?: boolean;
+    handleUploaded: (file: File | FileList) => void;
+}
+declare const DragDropUpload: ({ multiple }: DragDropUploadProps) => React.JSX.Element;
+export default DragDropUpload;