@bit.rhplus/ui.f7.detail-item 0.0.106 → 0.0.107

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.
Files changed (53) hide show
  1. package/package.json +13 -12
  2. package/dist/components/Calendar.d.ts +0 -18
  3. package/dist/components/Calendar.js +0 -367
  4. package/dist/components/Calendar.js.map +0 -1
  5. package/dist/components/Category.d.ts +0 -14
  6. package/dist/components/Category.js +0 -90
  7. package/dist/components/Category.js.map +0 -1
  8. package/dist/components/Contact.d.ts +0 -12
  9. package/dist/components/Contact.js +0 -90
  10. package/dist/components/Contact.js.map +0 -1
  11. package/dist/components/CountryFlag.d.ts +0 -12
  12. package/dist/components/CountryFlag.js +0 -76
  13. package/dist/components/CountryFlag.js.map +0 -1
  14. package/dist/components/Custom.d.ts +0 -22
  15. package/dist/components/Custom.js +0 -146
  16. package/dist/components/Custom.js.map +0 -1
  17. package/dist/components/Download.d.ts +0 -12
  18. package/dist/components/Download.js +0 -48
  19. package/dist/components/Download.js.map +0 -1
  20. package/dist/components/Grid.d.ts +0 -20
  21. package/dist/components/Grid.js +0 -147
  22. package/dist/components/Grid.js.map +0 -1
  23. package/dist/components/InputNumber.d.ts +0 -16
  24. package/dist/components/InputNumber.js +0 -78
  25. package/dist/components/InputNumber.js.map +0 -1
  26. package/dist/components/InputText.d.ts +0 -13
  27. package/dist/components/InputText.js +0 -61
  28. package/dist/components/InputText.js.map +0 -1
  29. package/dist/components/List.d.ts +0 -29
  30. package/dist/components/List.js +0 -269
  31. package/dist/components/List.js.map +0 -1
  32. package/dist/components/Project.d.ts +0 -31
  33. package/dist/components/Project.js +0 -575
  34. package/dist/components/Project.js.map +0 -1
  35. package/dist/components/Select.d.ts +0 -14
  36. package/dist/components/Select.js +0 -105
  37. package/dist/components/Select.js.map +0 -1
  38. package/dist/components/Switch.d.ts +0 -12
  39. package/dist/components/Switch.js +0 -26
  40. package/dist/components/Switch.js.map +0 -1
  41. package/dist/components/Text.d.ts +0 -11
  42. package/dist/components/Text.js +0 -30
  43. package/dist/components/Text.js.map +0 -1
  44. package/dist/components/index.d.ts +0 -14
  45. package/dist/components/index.js +0 -15
  46. package/dist/components/index.js.map +0 -1
  47. package/dist/index.d.ts +0 -17
  48. package/dist/index.js +0 -41
  49. package/dist/index.js.map +0 -1
  50. package/dist/preview-1773675952518.js +0 -7
  51. package/dist/style.css +0 -113
  52. package/types/asset.d.ts +0 -43
  53. package/types/style.d.ts +0 -42
@@ -1,105 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- /* eslint-disable */
3
- import React, { useState, useEffect } from 'react';
4
- import { Link, Icon, Popup, Navbar, NavLeft, NavTitle, NavTitleLarge, NavRight, Page, Block, List, ListInput, Button, ListItem } from 'framework7-react';
5
- import { ChevronDown } from 'lucide-react';
6
- // Select komponenta s modální editací - zobrazuje výběr jedné položky ze seznamu
7
- export const Select = ({ children, value, onSave, onChange, // Přidáno pro Form.Item kompatibilitu
8
- title = 'Editace výběru', placeholder = 'Vyberte položku', color = '#6887d3', size = 16, lucideIcon, // Lucide React ikona (např. ChevronDown)
9
- icon, // Jakákoliv React komponenta ikony
10
- options = [], // Array možností ve formátu [{ id, name, description?, color? }]
11
- field = null // Pole pro výběr konkrétní vlastnosti objektu (např. 'id', 'name')
12
- }) => {
13
- const [popupOpened, setPopupOpened] = useState(false);
14
- // Najíst objekt na základě value (pokud je field nastaven, value může být jen konkrétní vlastnost)
15
- const findOptionByValue = (val) => {
16
- if (!val || !options.length)
17
- return null;
18
- if (field) {
19
- // Pokud je field nastaven, hledej objekt podle této vlastnosti
20
- return options.find(opt => opt[field] === val) || null;
21
- }
22
- else {
23
- // Pokud field není nastaven, očekáváme celý objekt
24
- return val;
25
- }
26
- };
27
- const [selectedOption, setSelectedOption] = useState(() => findOptionByValue(value));
28
- // Aktualizuj selectedOption když se změní value prop (pro Form.Item kompatibilitu)
29
- useEffect(() => {
30
- if (value !== undefined) {
31
- setSelectedOption(findOptionByValue(value));
32
- }
33
- }, [value, options, field]);
34
- const linkStyle = {
35
- color,
36
- cursor: 'pointer',
37
- display: 'flex',
38
- alignItems: 'center',
39
- gap: '6px'
40
- };
41
- const handleCancel = () => {
42
- setSelectedOption(findOptionByValue(value));
43
- setPopupOpened(false);
44
- };
45
- const selectOption = (option) => {
46
- // Automaticky ulož a zavři popup
47
- setSelectedOption(option);
48
- // Rozhodni jakou hodnotu vrátit podle field parametru
49
- const returnValue = field && option ? option[field] : option;
50
- // Preferuj onChange pro Form.Item kompatibilitu, jinak použij onSave
51
- if (onChange) {
52
- onChange(returnValue);
53
- }
54
- else if (onSave) {
55
- onSave(returnValue);
56
- }
57
- setPopupOpened(false);
58
- };
59
- // Určí jakou ikonu použít - priorita: icon > lucideIcon > výchozí ChevronDown
60
- const renderIcon = () => {
61
- if (icon) {
62
- return React.cloneElement(icon, { size, color, ...icon.props });
63
- }
64
- if (lucideIcon) {
65
- const LucideIcon = lucideIcon;
66
- return _jsx(LucideIcon, { size: size, color: color });
67
- }
68
- return _jsx(ChevronDown, { size: size, color: color });
69
- };
70
- // Zobrazí název vybrané položky nebo placeholder
71
- const renderDisplayText = () => {
72
- if (selectedOption && selectedOption.name) {
73
- return selectedOption.name;
74
- }
75
- return placeholder;
76
- };
77
- return (_jsxs(_Fragment, { children: [_jsxs(Link, { onClick: () => setPopupOpened(true), className: "link", style: linkStyle, children: [renderIcon(), renderDisplayText()] }), _jsx(Popup, { opened: popupOpened, onPopupClosed: () => setPopupOpened(false), animate: true, backdrop: true, push: false, className: "f7-parallax select-popup", style: {
78
- '--f7-popup-tablet-width': '90vw',
79
- '--f7-popup-tablet-height': '90vh'
80
- }, children: _jsx("div", { className: "view view-init", children: _jsxs("div", { className: "page page-with-navbar-large", children: [_jsxs(Navbar, { large: true, children: [_jsx(NavLeft, { children: _jsx(Link, { onClick: handleCancel, children: _jsx(Icon, { f7: "arrow_left", style: { fontWeight: 'bold' } }) }) }), _jsx(NavTitle, { children: title }), _jsx(NavTitleLarge, { children: title })] }), _jsx("div", { className: "page-content", children: _jsx(Block, { children: _jsxs(List, { noHairlines: true, children: [options.map((option) => {
81
- const isSelected = selectedOption && selectedOption.id === option.id;
82
- return (_jsxs(ListItem, { title: option.name, subtitle: option.description, onClick: () => selectOption(option), style: {
83
- backgroundColor: isSelected ? '#f0f9ff' : 'transparent',
84
- borderLeft: isSelected ? `4px solid ${option.color || '#6887d3'}` : '4px solid transparent',
85
- transition: 'all 0.2s ease'
86
- }, children: [isSelected && (_jsx(Icon, { slot: "after", f7: "checkmark", style: {
87
- color: option.color || '#6887d3',
88
- fontSize: '18px',
89
- fontWeight: 'bold'
90
- } })), option.color && (_jsx("div", { slot: "media", style: {
91
- width: '12px',
92
- height: '12px',
93
- borderRadius: '50%',
94
- backgroundColor: option.color,
95
- marginRight: '8px'
96
- } }))] }, option.id));
97
- }), selectedOption && (_jsxs(_Fragment, { children: [_jsx(ListItem, { divider: true, children: "Dal\u0161\u00ED mo\u017Enosti" }), _jsx(ListItem, { title: "Zru\u0161it v\u00FDb\u011Br", onClick: () => selectOption(null), style: {
98
- color: '#999',
99
- fontStyle: 'italic'
100
- }, children: _jsx(Icon, { slot: "media", f7: "xmark", style: {
101
- color: '#999',
102
- fontSize: '16px'
103
- } }) })] }))] }) }) })] }) }) })] }));
104
- };
105
- //# sourceMappingURL=Select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../components/Select.jsx"],"names":[],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- export function Switch({ checked, onChange, disabled, value, checkedChildren, unCheckedChildren, lucideIcon, icon, field, ...restProps }: {
2
- [x: string]: any;
3
- checked: any;
4
- onChange: any;
5
- disabled: any;
6
- value: any;
7
- checkedChildren: any;
8
- unCheckedChildren: any;
9
- lucideIcon: any;
10
- icon: any;
11
- field?: null | undefined;
12
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /* eslint-disable */
3
- import React from 'react';
4
- import { Switch as AntSwitch } from 'antd';
5
- // Switch komponenta kompatibilní s Ant Design Form
6
- export const Switch = ({ checked, onChange, disabled,
7
- // Ant Design Form props
8
- value,
9
- // Text props pro stavy
10
- checkedChildren, // Text když je true
11
- unCheckedChildren, // Text když je false
12
- // Ikona props - Switch nemá vizuální ikonu, ale zachováme konzistenci
13
- lucideIcon, icon, field = null, // Pole pro výběr konkrétní vlastnosti objektu
14
- ...restProps }) => {
15
- // Pro Form.Item kompatibilitu - preferuj value před checked
16
- const isChecked = value !== undefined ? value : checked;
17
- // Ant Design Switch už přímo vrací boolean hodnotu, nepotřebujeme event handling
18
- const handleChange = (checked) => {
19
- if (onChange) {
20
- // Pro Form.Item předáme boolean hodnotu
21
- onChange(checked);
22
- }
23
- };
24
- return (_jsx(AntSwitch, { checked: isChecked, onChange: handleChange, disabled: disabled, checkedChildren: checkedChildren, unCheckedChildren: unCheckedChildren, ...restProps }));
25
- };
26
- //# sourceMappingURL=Switch.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../components/Switch.jsx"],"names":[],"mappings":";AAAA,oBAAoB;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AAE3C,mDAAmD;AACnD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ;AACR,wBAAwB;AACxB,KAAK;AACL,uBAAuB;AACvB,eAAe,EAAE,oBAAoB;AACrC,iBAAiB,EAAE,qBAAqB;AACxC,sEAAsE;AACtE,UAAU,EACV,IAAI,EACJ,KAAK,GAAG,IAAI,EAAE,8CAA8C;AAC5D,GAAG,SAAS,EACb,EAAE,EAAE;IACH,4DAA4D;IAC5D,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;IAExD,iFAAiF;IACjF,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,EAAE;QAC/B,IAAI,QAAQ,EAAE,CAAC;YACb,wCAAwC;YACxC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,KAChC,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC"}
@@ -1,11 +0,0 @@
1
- export function Text({ children, value, color, style, lucideIcon, icon, iconSize, field, ...restProps }: {
2
- [x: string]: any;
3
- children: any;
4
- value: any;
5
- color: any;
6
- style: any;
7
- lucideIcon: any;
8
- icon: any;
9
- iconSize?: number | undefined;
10
- field?: null | undefined;
11
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,30 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- /* eslint-disable */
3
- import React from 'react';
4
- export const Text = ({ children, value, color, style, lucideIcon, // Lucide React ikona
5
- icon, // Jakákoliv React komponenta ikony
6
- iconSize = 16, field = null, // Pole pro výběr konkrétní vlastnosti objektu (pro konzistenci, ale Text nepoužívá objekty)
7
- ...restProps }) => {
8
- // Pro Form.Item kompatibilitu - zobraz value pokud je poskytnut, jinak children
9
- const displayText = value !== undefined ? value : children;
10
- const textStyle = {
11
- ...(color && { color }),
12
- ...style,
13
- display: 'flex',
14
- alignItems: 'center',
15
- gap: '6px'
16
- };
17
- // Určí jakou ikonu použít - priorita: icon > lucideIcon > žádná ikona
18
- const renderIcon = () => {
19
- if (icon) {
20
- return React.cloneElement(icon, { size: iconSize, color, ...icon.props });
21
- }
22
- if (lucideIcon) {
23
- const LucideIcon = lucideIcon;
24
- return _jsx(LucideIcon, { size: iconSize, color: color });
25
- }
26
- return null;
27
- };
28
- return (_jsxs("span", { style: textStyle, ...restProps, children: [renderIcon(), displayText] }));
29
- };
30
- //# sourceMappingURL=Text.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../components/Text.jsx"],"names":[],"mappings":";AAAA,oBAAoB;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EACL,UAAU,EAAE,qBAAqB;AACjC,IAAI,EAAE,mCAAmC;AACzC,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,IAAI,EAAE,4FAA4F;AAC1G,GAAG,SAAS,EACb,EAAE,EAAE;IACH,gFAAgF;IAChF,MAAM,WAAW,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE3D,MAAM,SAAS,GAAG;QAChB,GAAG,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;QACvB,GAAG,KAAK;QACR,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;KACX,CAAC;IAEF,sEAAsE;IACtE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC5E,CAAC;QACD,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,UAAU,GAAG,UAAU,CAAC;YAC9B,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QACtD,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,gBAAM,KAAK,EAAE,SAAS,KAAM,SAAS,aAClC,UAAU,EAAE,EACZ,WAAW,IACP,CACR,CAAC;AACJ,CAAC,CAAC"}
@@ -1,14 +0,0 @@
1
- export { Text } from "./Text";
2
- export { Download } from "./Download";
3
- export { InputText } from "./InputText";
4
- export { InputNumber } from "./InputNumber";
5
- export { Switch } from "./Switch";
6
- export { Custom } from "./Custom";
7
- export { Contact } from "./Contact";
8
- export { Category } from "./Category";
9
- export { Select } from "./Select";
10
- export { Grid } from "./Grid";
11
- export { List } from "./List";
12
- export { CountryFlag } from "./CountryFlag";
13
- export { Project } from "./Project";
14
- export { Calendar } from "./Calendar";
@@ -1,15 +0,0 @@
1
- export { Text } from './Text';
2
- export { Download } from './Download';
3
- export { InputText } from './InputText';
4
- export { InputNumber } from './InputNumber';
5
- export { Switch } from './Switch';
6
- export { Custom } from './Custom';
7
- export { Contact } from './Contact';
8
- export { Category } from './Category';
9
- export { Select } from './Select';
10
- export { Grid } from './Grid';
11
- export { List } from './List';
12
- export { CountryFlag } from './CountryFlag';
13
- export { Project } from './Project';
14
- export { Calendar } from './Calendar';
15
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.jsx"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC"}
package/dist/index.d.ts DELETED
@@ -1,17 +0,0 @@
1
- export default DetailItem;
2
- export { Link } from "framework7-react";
3
- declare function DetailItem({ title, subtitle, footer, input, children, className, style, showValidationIcon, value, onChange, disabled, ...restProps }: {
4
- [x: string]: any;
5
- title: any;
6
- subtitle: any;
7
- footer: any;
8
- input: any;
9
- children: any;
10
- className?: string | undefined;
11
- style: any;
12
- showValidationIcon?: boolean | undefined;
13
- value: any;
14
- onChange: any;
15
- disabled: any;
16
- }): import("react/jsx-runtime").JSX.Element;
17
- export { Text, Download, InputText, InputNumber, Switch, Custom, Category, Select, Grid, Contact, List, CountryFlag, Project, Calendar } from "./components";
package/dist/index.js DELETED
@@ -1,41 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- /* eslint-disable */
3
- import React from 'react';
4
- import { Form } from '@bit.rhplus/ui.form';
5
- import { CircleAlert } from 'lucide-react';
6
- import ListItem from '@bit.rhplus/ui.f7.list-item';
7
- import './style.css';
8
- // Základní DetailItem komponenta s podporou Ant Design Form props a validační ikony
9
- const DetailItem = ({ title, subtitle, footer, input, children, className = '', style, showValidationIcon = false, // Nový prop pro aktivaci validační ikony
10
- // Ant Design Form props pro předání input komponentě
11
- value, onChange, disabled, ...restProps }) => {
12
- // Získání validačního stavu pomocí useStatus hook
13
- let hasValidationError = false;
14
- try {
15
- const formStatus = Form.Item?.useStatus?.();
16
- hasValidationError = showValidationIcon && formStatus?.status === 'error';
17
- }
18
- catch (error) {
19
- // useStatus může být nedostupný mimo Form.Item kontext
20
- hasValidationError = false;
21
- }
22
- // Použij buď input prop nebo children
23
- const content = input || children;
24
- // Předej Form.Item props do children bez cloneElement
25
- const enhancedContent = content && React.isValidElement(content)
26
- ? React.createElement(content.type, {
27
- ...content.props,
28
- // Předej Form.Item props
29
- ...(value !== undefined && { value }),
30
- ...(onChange && { onChange }),
31
- ...(disabled !== undefined && { disabled }),
32
- ...restProps,
33
- })
34
- : content;
35
- return (_jsx(ListItem, { title: title, subtitle: subtitle, footer: footer, className: `detail-item no-ripple no-fastclick ${className} ${hasValidationError ? 'has-validation-error' : ''}`, style: { ...style, pointerEvents: 'none' }, noChevron: true, link: false, after: enhancedContent && (_jsxs("div", { className: "item-after", style: { pointerEvents: 'auto', display: 'flex', alignItems: 'center', gap: '8px' }, children: [hasValidationError && (_jsx("div", { className: "validation-icon", children: _jsx(CircleAlert, { size: 18, color: "#DC2626" }) })), enhancedContent] })) }));
36
- };
37
- // Export všech komponent
38
- export default DetailItem;
39
- export { Text, Download, InputText, InputNumber, Switch, Custom, Category, Select, Grid, Contact, List, CountryFlag, Project, Calendar } from './components';
40
- export { Link } from 'framework7-react';
41
- //# sourceMappingURL=index.js.map
package/dist/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":";AAAA,oBAAoB;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AACnD,OAAO,aAAa,CAAC;AAKrB,oFAAoF;AACpF,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,EACL,kBAAkB,GAAG,KAAK,EAAE,yCAAyC;AACrE,qDAAqD;AACrD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,EAAE;IACH,kDAAkD;IAClD,IAAI,kBAAkB,GAAG,KAAK,CAAC;IAC/B,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC;QAC5C,kBAAkB,GAAG,kBAAkB,IAAI,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5E,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,uDAAuD;QACvD,kBAAkB,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,sCAAsC;IACtC,MAAM,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAC;IAElC,sDAAsD;IACtD,MAAM,eAAe,GACnB,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;QACtC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE;YAChC,GAAG,OAAO,CAAC,KAAK;YAChB,yBAAyB;YACzB,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,CAAC;YACrC,GAAG,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC7B,GAAG,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,CAAC;YAC3C,GAAG,SAAS;SACb,CAAC;QACJ,CAAC,CAAC,OAAO,CAAC;IAEd,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,sCAAsC,SAAS,IAAI,kBAAkB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,EAChH,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,EAC1C,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,KAAK,EACX,KAAK,EACH,eAAe,IAAI,CACjB,eAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,aAC5G,kBAAkB,IAAI,CACrB,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,GACrC,CACP,EACA,eAAe,IACZ,CACP,GAEH,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,yBAAyB;AACzB,eAAe,UAAU,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,WAAW,EACX,OAAO,EACP,QAAQ,EACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,7 +0,0 @@
1
- ;
2
- ;
3
-
4
- export const compositions = [];
5
- export const overview = [];
6
-
7
- export const compositions_metadata = {"compositions":[]};
package/dist/style.css DELETED
@@ -1,113 +0,0 @@
1
- /* Framework7 Parallax animation */
2
- .f7-parallax.popup {
3
- --f7-popup-transition-duration: 400ms;
4
- }
5
-
6
- /* F7 Parallax effect - scale and fade */
7
- .f7-parallax.popup .popup-inner {
8
- transition: all var(--f7-popup-transition-duration) cubic-bezier(0.25, 0.46, 0.45, 0.94);
9
- }
10
-
11
- .f7-parallax.popup:not(.popup-in) .popup-inner {
12
- transform: scale(0.85);
13
- opacity: 0;
14
- }
15
-
16
- .f7-parallax.popup.popup-in .popup-inner {
17
- transform: scale(1);
18
- opacity: 1;
19
- }
20
-
21
- /* Enhanced input styling for fullscreen */
22
- .f7-parallax .list-input input {
23
- font-size: 18px !important;
24
- padding: 12px 16px !important;
25
- }
26
-
27
- .f7-parallax .button-large {
28
- border-radius: 12px;
29
- box-shadow: 0 4px 12px rgba(104, 135, 211, 0.3);
30
- transition: all 0.2s ease;
31
- }
32
-
33
- .f7-parallax .button-large:active {
34
- transform: translateY(1px);
35
- box-shadow: 0 2px 8px rgba(104, 135, 211, 0.4);
36
- }
37
-
38
- /* Smooth navbar animations */
39
- .f7-parallax .navbar {
40
- backdrop-filter: blur(10px);
41
- background: rgba(255, 255, 255, 0.95);
42
- }
43
-
44
- .f7-parallax .navbar-inner {
45
- animation: slideDownFadeIn 0.4s ease-out;
46
- }
47
-
48
- @keyframes slideDownFadeIn {
49
- 0% {
50
- opacity: 0;
51
- transform: translateY(-20px);
52
- }
53
- 100% {
54
- opacity: 1;
55
- transform: translateY(0);
56
- }
57
- }
58
-
59
- /* Content animation */
60
- .f7-parallax .page-content {
61
- animation: slideUpFadeIn 0.5s ease-out 0.1s both;
62
- }
63
-
64
- /* Validační ikona styly */
65
- .validation-icon {
66
- display: flex;
67
- align-items: center;
68
- justify-content: center;
69
- animation: validationPulse 0.3s ease-out;
70
- flex-shrink: 0;
71
- }
72
-
73
- .validation-icon svg {
74
- color: #DC2626 !important; /* Červená barva ikony */
75
- }
76
-
77
- /* Animace pro smooth zobrazení validační ikony */
78
- @keyframes validationPulse {
79
- 0% {
80
- opacity: 0;
81
- transform: scale(0.8);
82
- }
83
- 50% {
84
- transform: scale(1.1);
85
- }
86
- 100% {
87
- opacity: 1;
88
- transform: scale(1);
89
- }
90
- }
91
-
92
- /* Dodatečné styly pro DetailItem s chybou */
93
- .detail-item.has-validation-error {
94
- border-left: 3px solid #DC2626;
95
- background-color: #FEFEFE;
96
- }
97
-
98
- .detail-item.has-validation-error .item-title {
99
- color: #DC2626;
100
- font-weight: 600;
101
- }
102
-
103
- /* Skrytí validačních chyb pro DetailItem s validační ikonou */
104
- .detail-item.has-validation-error + .ant-form-item-explain,
105
- .detail-item.has-validation-error + .ant-form-item-extra {
106
- display: none !important;
107
- }
108
-
109
- /* Alternativní způsob - skrytí přes parent Form.Item */
110
- .ant-form-item:has(.detail-item.has-validation-error) .ant-form-item-explain,
111
- .ant-form-item:has(.detail-item.has-validation-error) .ant-form-item-extra {
112
- display: none !important;
113
- }
package/types/asset.d.ts DELETED
@@ -1,43 +0,0 @@
1
- declare module '*.png' {
2
- const value: any;
3
- export = value;
4
- }
5
- declare module '*.svg' {
6
- import type { FunctionComponent, SVGProps } from 'react';
7
-
8
- export const ReactComponent: FunctionComponent<
9
- SVGProps<SVGSVGElement> & { title?: string }
10
- >;
11
- const src: string;
12
- export default src;
13
- }
14
-
15
- // @TODO Gilad
16
- declare module '*.jpg' {
17
- const value: any;
18
- export = value;
19
- }
20
- declare module '*.jpeg' {
21
- const value: any;
22
- export = value;
23
- }
24
- declare module '*.gif' {
25
- const value: any;
26
- export = value;
27
- }
28
- declare module '*.bmp' {
29
- const value: any;
30
- export = value;
31
- }
32
- declare module '*.otf' {
33
- const value: any;
34
- export = value;
35
- }
36
- declare module '*.woff' {
37
- const value: any;
38
- export = value;
39
- }
40
- declare module '*.woff2' {
41
- const value: any;
42
- export = value;
43
- }
package/types/style.d.ts DELETED
@@ -1,42 +0,0 @@
1
- declare module '*.module.css' {
2
- const classes: { readonly [key: string]: string };
3
- export default classes;
4
- }
5
- declare module '*.module.scss' {
6
- const classes: { readonly [key: string]: string };
7
- export default classes;
8
- }
9
- declare module '*.module.sass' {
10
- const classes: { readonly [key: string]: string };
11
- export default classes;
12
- }
13
-
14
- declare module '*.module.less' {
15
- const classes: { readonly [key: string]: string };
16
- export default classes;
17
- }
18
-
19
- declare module '*.less' {
20
- const classes: { readonly [key: string]: string };
21
- export default classes;
22
- }
23
-
24
- declare module '*.css' {
25
- const classes: { readonly [key: string]: string };
26
- export default classes;
27
- }
28
-
29
- declare module '*.sass' {
30
- const classes: { readonly [key: string]: string };
31
- export default classes;
32
- }
33
-
34
- declare module '*.scss' {
35
- const classes: { readonly [key: string]: string };
36
- export default classes;
37
- }
38
-
39
- declare module '*.mdx' {
40
- const component: any;
41
- export default component;
42
- }