@dreamcommerce/aurora 2.5.3-3 → 2.5.4

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 (82) hide show
  1. package/build/cjs/packages/aurora/src/components/file_picker/components/file_input.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js +1 -1
  3. package/build/cjs/packages/aurora/src/components/file_picker/index.js +5 -7
  4. package/build/cjs/packages/aurora/src/components/file_picker/index.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +2 -51
  6. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/message-box/index.js +1 -1
  8. package/build/cjs/packages/aurora/src/index.js +47 -51
  9. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/translations/en.json.js +1 -4
  11. package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/translations/pl.json.js +1 -4
  13. package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/controls/types.d.ts +0 -10
  15. package/build/esm/packages/aurora/src/components/file_picker/components/file_input.js +1 -1
  16. package/build/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.js +1 -1
  17. package/build/esm/packages/aurora/src/components/file_picker/index.js +6 -8
  18. package/build/esm/packages/aurora/src/components/file_picker/index.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/file_picker/types.d.ts +0 -4
  20. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.d.ts +1 -1
  21. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +2 -51
  22. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/message-box/index.d.ts +1 -1
  24. package/build/esm/packages/aurora/src/components/message-box/index.js +1 -1
  25. package/build/esm/packages/aurora/src/components/message-box/types.d.ts +1 -1
  26. package/build/esm/packages/aurora/src/index.d.ts +4 -7
  27. package/build/esm/packages/aurora/src/index.js +2 -4
  28. package/build/esm/packages/aurora/src/index.js.map +1 -1
  29. package/build/esm/packages/aurora/src/translations/en.json +1 -4
  30. package/build/esm/packages/aurora/src/translations/en.json.js +1 -4
  31. package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
  32. package/build/esm/packages/aurora/src/translations/pl.json +1 -4
  33. package/build/esm/packages/aurora/src/translations/pl.json.js +1 -4
  34. package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
  35. package/package.json +2 -2
  36. package/build/cjs/packages/aurora/src/assets/icon_wrong_file_format.js +0 -22
  37. package/build/cjs/packages/aurora/src/assets/icon_wrong_file_format.js.map +0 -1
  38. package/build/cjs/packages/aurora/src/components/controls/hoc/control_image_picker/index.js +0 -26
  39. package/build/cjs/packages/aurora/src/components/controls/hoc/control_image_picker/index.js.map +0 -1
  40. package/build/cjs/packages/aurora/src/components/file_picker/constants.js +0 -19
  41. package/build/cjs/packages/aurora/src/components/file_picker/constants.js.map +0 -1
  42. package/build/cjs/packages/aurora/src/components/image_picker/components/image_input.js +0 -32
  43. package/build/cjs/packages/aurora/src/components/image_picker/components/image_input.js.map +0 -1
  44. package/build/cjs/packages/aurora/src/components/image_picker/components/selected_image_preview.js +0 -37
  45. package/build/cjs/packages/aurora/src/components/image_picker/components/selected_image_preview.js.map +0 -1
  46. package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js +0 -29
  47. package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js.map +0 -1
  48. package/build/cjs/packages/aurora/src/components/image_picker/index.js +0 -104
  49. package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +0 -1
  50. package/build/cjs/packages/aurora/src/components/image_picker/utils.js +0 -12
  51. package/build/cjs/packages/aurora/src/components/image_picker/utils.js.map +0 -1
  52. package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js +0 -12
  53. package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js.map +0 -1
  54. package/build/esm/packages/aurora/src/assets/icon_wrong_file_format.d.ts +0 -4
  55. package/build/esm/packages/aurora/src/assets/icon_wrong_file_format.js +0 -14
  56. package/build/esm/packages/aurora/src/assets/icon_wrong_file_format.js.map +0 -1
  57. package/build/esm/packages/aurora/src/components/controls/hoc/control_image_picker/index.d.ts +0 -4
  58. package/build/esm/packages/aurora/src/components/controls/hoc/control_image_picker/index.js +0 -18
  59. package/build/esm/packages/aurora/src/components/controls/hoc/control_image_picker/index.js.map +0 -1
  60. package/build/esm/packages/aurora/src/components/file_picker/constants.d.ts +0 -8
  61. package/build/esm/packages/aurora/src/components/file_picker/constants.js +0 -11
  62. package/build/esm/packages/aurora/src/components/file_picker/constants.js.map +0 -1
  63. package/build/esm/packages/aurora/src/components/image_picker/components/image_input.d.ts +0 -4
  64. package/build/esm/packages/aurora/src/components/image_picker/components/image_input.js +0 -24
  65. package/build/esm/packages/aurora/src/components/image_picker/components/image_input.js.map +0 -1
  66. package/build/esm/packages/aurora/src/components/image_picker/components/selected_image_preview.d.ts +0 -4
  67. package/build/esm/packages/aurora/src/components/image_picker/components/selected_image_preview.js +0 -29
  68. package/build/esm/packages/aurora/src/components/image_picker/components/selected_image_preview.js.map +0 -1
  69. package/build/esm/packages/aurora/src/components/image_picker/css_classes.d.ts +0 -22
  70. package/build/esm/packages/aurora/src/components/image_picker/css_classes.js +0 -25
  71. package/build/esm/packages/aurora/src/components/image_picker/css_classes.js.map +0 -1
  72. package/build/esm/packages/aurora/src/components/image_picker/index.d.ts +0 -4
  73. package/build/esm/packages/aurora/src/components/image_picker/index.js +0 -95
  74. package/build/esm/packages/aurora/src/components/image_picker/index.js.map +0 -1
  75. package/build/esm/packages/aurora/src/components/image_picker/types.d.ts +0 -37
  76. package/build/esm/packages/aurora/src/components/image_picker/types.js +0 -2
  77. package/build/esm/packages/aurora/src/components/image_picker/types.js.map +0 -1
  78. package/build/esm/packages/aurora/src/components/image_picker/utils.d.ts +0 -1
  79. package/build/esm/packages/aurora/src/components/image_picker/utils.js +0 -8
  80. package/build/esm/packages/aurora/src/components/image_picker/utils.js.map +0 -1
  81. package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js +0 -8
  82. package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js.map +0 -1
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IMessageBox } from './types';
2
+ import React from 'react';
3
3
  declare const MessageBox: React.FC<IMessageBox>;
4
4
  export default MessageBox;
@@ -5,7 +5,7 @@ import cssClasses from '../../css/message-box/main.module.less.js';
5
5
  const MessageBox = ({ children, header, type, withoutIcon, fullWidth, className }) => {
6
6
  const messageBoxClassName = classNames([className, 'message-box', type && `message-box_${type}`, fullWidth && `message-box_full-width`], cssClasses);
7
7
  return (React.createElement("div", { className: messageBoxClassName },
8
- !withoutIcon && React.createElement("div", { className: cssClasses['message-box__icon'] }),
8
+ !withoutIcon && type !== 'blank' && React.createElement("div", { className: cssClasses['message-box__icon'] }),
9
9
  React.createElement("div", { className: cssClasses['message-box__content'] },
10
10
  header && React.createElement("h4", { className: cssClasses['message-box__header'] }, header),
11
11
  children)));
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare type TMessageBoxType = 'success' | 'alert' | 'warning' | 'light';
2
+ export declare type TMessageBoxType = 'success' | 'alert' | 'warning' | 'light' | 'blank';
3
3
  export interface IMessageBox {
4
4
  type?: TMessageBoxType;
5
5
  header?: string;
@@ -20,7 +20,6 @@ import ControlCheckboxSwitch from "./components/controls/hoc/control_checkbox_sw
20
20
  import ControlColorPicker from "./components/controls/hoc/control_color_picker";
21
21
  import ControlDatepicker from "./components/controls/hoc/control_date_picker";
22
22
  import ControlFilePicker from "./components/controls/hoc/control_file_picker";
23
- import ControlImagePicker from "./components/controls/hoc/control_image_picker";
24
23
  import ControlInput from "./components/controls/hoc/control_input";
25
24
  import ControlMultiSelect from "./components/controls/hoc/control_multi_select";
26
25
  import ControlRadio from "./components/controls/hoc/control_radio";
@@ -62,7 +61,6 @@ import IconMobile from "./assets/icon_mobile";
62
61
  import IconTablet from "./assets/icon_tablet";
63
62
  import IconTick from "./assets/icon_tick";
64
63
  import IconWarning from "./assets/icon_warning";
65
- import ImagePicker from "./components/image_picker";
66
64
  import Label from "./components/label";
67
65
  import Link from "./components/link";
68
66
  import Loader from "./components/loader";
@@ -77,14 +75,13 @@ import SearchListInput from "./components/search_list/components/search_list_inp
77
75
  import SearchListResults from "./components/search_list/components/search_list_results";
78
76
  import Select from "./components/dropdown/hoc/select";
79
77
  import Slide from "./components/slide";
78
+ import SlideHeader from "./components/slide/components/slide_header";
80
79
  import SlideContent from "./components/slide/components/slide_content";
81
80
  import SlideFooter from "./components/slide/components/slide_footer";
82
- import SlideHeader from "./components/slide/components/slide_header";
83
81
  import SlideWrapper from "./components/slide/components/slide_wrapper";
84
82
  import Spacing from "./components/spacing";
85
83
  import Stack from "./components/stack";
86
84
  import { TFilePickerFile } from "./components/file_picker/types";
87
- import { TImagePickerFile } from "./components/image_picker/types";
88
85
  import { TMessageBoxType } from "./components/message-box/types";
89
86
  import Table from "./components/table";
90
87
  import Tabs from "./components/tabs/components/tabs";
@@ -96,20 +93,20 @@ import TabsWrapper from "./components/tabs/components/tabs_wrapper";
96
93
  import Tag from "./components/tag";
97
94
  import TagsSelector from "./components/tags_selector";
98
95
  import Tooltip from "./components/tooltip";
99
- import { Typography } from "./components/typography";
100
96
  import WithLoader from "./components/with_loader";
101
97
  import { useDropdownContext } from "./components/dropdown/context";
102
98
  import { useFlashMessenger } from "./components/flash_messenger/context";
103
99
  import { useSearchList } from "./components/search_list/use_search_list";
104
100
  import { useToggle } from "./components/dropdown/hooks";
101
+ import { Typography } from "./components/typography";
105
102
  /**
106
103
  * export hooks
107
104
  */
108
105
  /**
109
106
  * export components
110
107
  */
111
- export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, ControlImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideContent, SlideFooter };
108
+ export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideContent, SlideFooter };
112
109
  /**
113
110
  * export types
114
111
  */
115
- export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended };
112
+ export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended };
@@ -23,9 +23,6 @@ export { default as ControlDatepicker } from './components/controls/hoc/control_
23
23
  export { default as FilePicker } from './components/file_picker/index.js';
24
24
  export { default as ControlFilePicker } from './components/controls/hoc/control_file_picker/index.js';
25
25
  export { default as ControlInput } from './components/controls/hoc/control_input/index.js';
26
- export { default as Spacing } from './components/spacing/index.js';
27
- export { default as ImagePicker } from './components/image_picker/index.js';
28
- export { default as ControlImagePicker } from './components/controls/hoc/control_image_picker/index.js';
29
26
  export { default as MultiSelect } from './components/dropdown/hoc/multiselect/index.js';
30
27
  export { default as ControlMultiSelect } from './components/controls/hoc/control_multi_select/index.js';
31
28
  export { default as ControlRadio } from './components/controls/hoc/control_radio/index.js';
@@ -62,10 +59,11 @@ export { useSearchList } from './components/search_list/use_search_list.js';
62
59
  export { SearchListInput } from './components/search_list/components/search_list_input.js';
63
60
  export { SearchListResults } from './components/search_list/components/search_list_results.js';
64
61
  export { default as Slide } from './components/slide/index.js';
62
+ export { SlideHeader } from './components/slide/components/slide_header.js';
65
63
  export { SlideContent } from './components/slide/components/slide_content.js';
66
64
  export { SlideFooter } from './components/slide/components/slide_footer.js';
67
- export { SlideHeader } from './components/slide/components/slide_header.js';
68
65
  export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
66
+ export { default as Spacing } from './components/spacing/index.js';
69
67
  export { default as Tabs } from './components/tabs/components/tabs.js';
70
68
  export { TabsItem } from './components/tabs/components/tabs_item.js';
71
69
  export { TabsItemList } from './components/tabs/components/tabs_item_list.js';
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -48,8 +48,5 @@
48
48
  "Selected cell 6": "Bottom left",
49
49
  "Selected cell 7": "Bottom center",
50
50
  "Selected cell 8": "Bottom right",
51
- "Drag file or select": "Drag file or select",
52
- "Drag a file here or browse": "Drag a file here or browse",
53
- "supported format": "supported format",
54
- "The value cannot be greater than the width of the uploaded file": "The value cannot be greater than the width of the uploaded file"
51
+ "Drag file or select": "Drag file or select"
55
52
  }
@@ -75,10 +75,7 @@ var en = {
75
75
  "Selected cell 6": "Bottom left",
76
76
  "Selected cell 7": "Bottom center",
77
77
  "Selected cell 8": "Bottom right",
78
- "Drag file or select": "Drag file or select",
79
- "Drag a file here or browse": "Drag a file here or browse",
80
- "supported format": "supported format",
81
- "The value cannot be greater than the width of the uploaded file": "The value cannot be greater than the width of the uploaded file"
78
+ "Drag file or select": "Drag file or select"
82
79
  };
83
80
 
84
81
  export default en;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -48,8 +48,5 @@
48
48
  "Selected cell 6": "Dół z lewej",
49
49
  "Selected cell 7": "Dół na środku",
50
50
  "Selected cell 8": "Dół z prawej",
51
- "Drag file or select": "Przeciągnij plik lub wybierz",
52
- "Drag a file here or browse": "Przeciągnij lub wybierz plik z dysku",
53
- "supported format": "obsługiwany format",
54
- "The value cannot be greater than the width of the uploaded file": "Wartość nie może być większa od szerokości wgranego pliku"
51
+ "Drag file or select": "Przeciągnij plik lub wybierz"
55
52
  }
@@ -75,10 +75,7 @@ var pl = {
75
75
  "Selected cell 6": "Dół z lewej",
76
76
  "Selected cell 7": "Dół na środku",
77
77
  "Selected cell 8": "Dół z prawej",
78
- "Drag file or select": "Przeciągnij plik lub wybierz",
79
- "Drag a file here or browse": "Przeciągnij lub wybierz plik z dysku",
80
- "supported format": "obsługiwany format",
81
- "The value cannot be greater than the width of the uploaded file": "Wartość nie może być większa od szerokości wgranego pliku"
78
+ "Drag file or select": "Przeciągnij plik lub wybierz"
82
79
  };
83
80
 
84
81
  export default pl;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.5.3-3",
5
+ "version": "2.5.4",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -44,7 +44,7 @@
44
44
  "update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
45
45
  },
46
46
  "devDependencies": {
47
- "@dreamcommerce/utilities": "^1.7.0-2",
47
+ "@dreamcommerce/utilities": "^1.7.0",
48
48
  "@shoper/jest_config": "^0.0.0",
49
49
  "@shoper/tsconfig": "^0.0.0",
50
50
  "@storybook/react": "6.5.7",
@@ -1,22 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var main_module = require('../css/icons/main.module.less.js');
7
- var icon = require('./icon.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
- const IconWrongFileFormat = ({ className = '', size }) => (React__default['default'].createElement(icon['default'], null,
14
- React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 67 52", width: "67", height: "52", className: `${className || ''} ${main_module['default'][`icon_${size}`]}` },
15
- React__default['default'].createElement("path", { d: "M36.9768 2H1.5V49.9829H29.9977M44.5374 2H65.4745V49.9829H39.8847", stroke: "#ABB4CD", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3" }),
16
- React__default['default'].createElement("path", { d: "m36.976 2-7.5606 7.7972 9.8869 10.196-9.8869 10.196 9.8869 10.196-9.3053 9.5965", stroke: "#ABB4CD", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3" }),
17
- React__default['default'].createElement("path", { d: "m34.069 45.784-15.703-15.594-16.866 16.794v2.9989h28.498l4.0711-4.1985z", fill: "#ABB4CD", stroke: "#ABB4CD", strokeLinejoin: "round", strokeWidth: "2" }),
18
- React__default['default'].createElement("path", { d: "m45.726 24.793 19.774 20.393v4.7983h-26.753c-0.1938 0.1999 1.1365-1.3195 5.7892-6.5976 4.6526-5.2782-2.3263-8.3971-5.2076-11.996l6.3974-6.5976z", fill: "#ABB4CD", stroke: "#ABB4CD", strokeLinejoin: "round", strokeWidth: "3" }),
19
- React__default['default'].createElement("circle", { cx: "54.352", cy: "13.197", r: "4", fill: "#ABB4CD" }))));
20
-
21
- exports.default = IconWrongFileFormat;
22
- //# sourceMappingURL=icon_wrong_file_format.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var index = require('../../index.js');
7
- var index$1 = require('../../../hint/index.js');
8
- var index$2 = require('../../../image_picker/index.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
-
14
- const ControlImagePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, labelAdditionalInfo, hasWidthInput, widthInputPostfix, widthInputLabel, widthInputHint }) => {
15
- return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
16
- (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
17
- label,
18
- hint && React__default['default'].createElement(index$1['default'], { hint: hint, spacingLeft: true }))),
19
- React__default['default'].createElement(index['default'].Content, null,
20
- React__default['default'].createElement(index['default'].Element, null,
21
- React__default['default'].createElement(index$2['default'], { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className, hasWidthInput: hasWidthInput, widthInputPostfix: widthInputPostfix, widthInputLabel: widthInputLabel, widthInputHint: widthInputHint }))),
22
- React__default['default'].createElement(index['default'].Errors, null)));
23
- };
24
-
25
- exports.default = ControlImagePicker;
26
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const FILE_PICKER_ERROR = {
6
- invalidFileFormat: 'Invalid file format',
7
- invalidInputWidth: 'The value cannot be greater than the width of the uploaded file'
8
- };
9
- const JPG_EXTENSION = 'jpg';
10
- const JPEG_EXTENSION = 'jpeg';
11
- const SVG_MIME_TYPE = 'svg+xml';
12
- const SVG_EXTENSION = 'svg';
13
-
14
- exports.FILE_PICKER_ERROR = FILE_PICKER_ERROR;
15
- exports.JPEG_EXTENSION = JPEG_EXTENSION;
16
- exports.JPG_EXTENSION = JPG_EXTENSION;
17
- exports.SVG_EXTENSION = SVG_EXTENSION;
18
- exports.SVG_MIME_TYPE = SVG_MIME_TYPE;
19
- //# sourceMappingURL=constants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,32 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
7
- var with_translation = require('../../../utilities/translation/with_translation.js');
8
- var icon_upload = require('../../../assets/icon_upload.js');
9
- var css_classes = require('../css_classes.js');
10
- var main_module = require('../../../css/image_picker/main.module.less.js');
11
-
12
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
-
14
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
-
16
- const ImageInput = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {
17
- const [t] = useTranslation.useTranslation();
18
- return (React__default['default'].createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave, className: main_module['default'][css_classes['default'].imagePickerLabel] },
19
- React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerDescription] },
20
- React__default['default'].createElement(icon_upload['default'], { className: main_module['default'][css_classes['default'].imagePickerUploadIcon] }),
21
- React__default['default'].createElement("p", null, t('Drag a file here or browse')),
22
- React__default['default'].createElement("span", null,
23
- "(",
24
- t('supported format'),
25
- ": ",
26
- allowedExtensions.join(', '),
27
- ")"))));
28
- };
29
- var ImageInput$1 = with_translation['default'](ImageInput);
30
-
31
- exports.default = ImageInput$1;
32
- //# sourceMappingURL=image_input.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,37 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
7
- var utilities = require('@dreamcommerce/utilities');
8
- var icon_delete = require('../../../assets/icon_delete.js');
9
- var css_classes = require('../css_classes.js');
10
- var main_module = require('../../../css/image_picker/main.module.less.js');
11
- var icon_wrong_file_format = require('../../../assets/icon_wrong_file_format.js');
12
-
13
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
-
15
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
-
17
- const SelectedImagePreview = ({ file, isPreview, fileFormatIsCorrect, imageSize, onPreviewError, onFileDelete }) => {
18
- const [t] = useTranslation.useTranslation();
19
- const imageName = utilities.FileUtils.getFileName(file.fileName);
20
- const imageExtension = utilities.FileUtils.getFileExtension(file.fileName);
21
- const imageWidth = imageSize && imageSize.width;
22
- const imageHeight = imageSize && imageSize.height;
23
- const previewMarkupJsx = fileFormatIsCorrect ? (React__default['default'].createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: main_module['default'][css_classes['default'].imagePickerImagePreview] })) : (React__default['default'].createElement(icon_wrong_file_format['default'], { className: main_module['default'][css_classes['default'].imagePickerWrongFileFormatIcon] }));
24
- return (React__default['default'].createElement("div", null,
25
- isPreview ? (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerImagePreviewWrapper] }, previewMarkupJsx)) : (React__default['default'].createElement("div", null, t('No preview'))),
26
- React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerSelectedFile] },
27
- React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerSelectedFileNameWrapper] }, fileFormatIsCorrect && (React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].imagePickerSelectedFileFullName] },
28
- React__default['default'].createElement("span", null, utilities.FileUtils.getShortenFileName(imageName, 10, 5, 1)),
29
- React__default['default'].createElement("span", null, `.${imageExtension} (${imageWidth}x${imageHeight}px)`)))),
30
- React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].imagePickerSelectedFileRemoveWrapper] },
31
- React__default['default'].createElement("span", { onClick: onFileDelete, className: main_module['default'][css_classes['default'].imagePickerDeleteButton] },
32
- React__default['default'].createElement(icon_delete['default'], { className: main_module['default'][css_classes['default'].imagePickerDeleteIcon] }),
33
- React__default['default'].createElement("span", { className: main_module['default'][css_classes['default'].imagePickerDeleteLabel] }, t('Remove')))))));
34
- };
35
-
36
- exports.default = SelectedImagePreview;
37
- //# sourceMappingURL=selected_image_preview.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,29 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const imagePicker = 'image-picker';
6
- var CSS_CLASSES = {
7
- imagePicker: `${imagePicker}`,
8
- imagePickerWrapper: `${imagePicker}__wrapper`,
9
- imagePickerWrapperError: `${imagePicker}__wrapper-error`,
10
- imagePickerWrapperHasFile: `${imagePicker}__wrapper-has-file`,
11
- imagePickerLabel: `${imagePicker}__label`,
12
- imagePickerDescription: `${imagePicker}__description`,
13
- imagePickerImagePreview: `${imagePicker}__image-preview`,
14
- imagePickerImagePreviewWrapper: `${imagePicker}__image-preview-wrapper`,
15
- imagePickerWrongFileFormatIcon: `${imagePicker}__wrong-file-format-icon`,
16
- imagePickerErrorText: `${imagePicker}__error-text`,
17
- imagePickerUploadIcon: `${imagePicker}__upload-icon`,
18
- imagePickerDeleteButton: `${imagePicker}__delete-button`,
19
- imagePickerDeleteLabel: `${imagePicker}__delete-label`,
20
- imagePickerDeleteIcon: `${imagePicker}__delete-icon`,
21
- imagePickerInput: `${imagePicker}__input`,
22
- imagePickerSelectedFile: `${imagePicker}__selected-file`,
23
- imagePickerSelectedFileNameWrapper: `${imagePicker}__selected-file-name-wrapper`,
24
- imagePickerSelectedFileRemoveWrapper: `${imagePicker}__selected-file-remove-wrapper`,
25
- imagePickerSelectedFileFullName: `${imagePicker}__selected-file-full-name`
26
- };
27
-
28
- exports.default = CSS_CLASSES;
29
- //# sourceMappingURL=css_classes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,104 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
7
- var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
8
- var classnames = require('classnames');
9
- var utils = require('../file_picker/utils.js');
10
- var constants = require('../file_picker/constants.js');
11
- var use_file_picker = require('../file_picker/use_file_picker.js');
12
- var css_classes = require('./css_classes.js');
13
- var index$1 = require('../controls/hoc/control_input/index.js');
14
- var main_module = require('../../css/image_picker/main.module.less.js');
15
- var image_input = require('./components/image_input.js');
16
- var selected_image_preview = require('./components/selected_image_preview.js');
17
- var index = require('../spacing/index.js');
18
- var utils$1 = require('./utils.js');
19
-
20
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
-
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
24
-
25
- const ImagePicker = ({ id, onChange, allowedExtensions = ['WEBP', 'JPG', 'PNG', 'GIF'], initialFile, name, className = '', hasWidthInput, widthInputPostfix = 'px', widthInputLabel, widthInputHint }) => {
26
- const [t] = useTranslation.useTranslation();
27
- const inputRef = React.createRef();
28
- const [fileFormatIsCorrect, setFileFormatIsCorrect] = React.useState(true);
29
- const [imageSize, setImageSize] = React.useState({ width: 0, height: 0 });
30
- const [widthInputValue, setWidthInputValue] = React.useState();
31
- const [isInputWidthTooBig, setIsInputWidthTooBig] = React.useState(false);
32
- const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, errors, isPreview, isDragOver, isVectorImage } = use_file_picker.useFilePicker({ initialFile, onChange, allowedExtensions, inputRef });
33
- const acceptFiles = utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
34
- const showMaxWidthInput = hasWidthInput && file && fileFormatIsCorrect && !isVectorImage;
35
- const imagePickerClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePicker], className && className);
36
- const imagePickerWrapperClassName = classnames__default['default'](main_module['default'][css_classes['default'].imagePickerWrapper], file && main_module['default'][css_classes['default'].imagePickerWrapperHasFile], !fileFormatIsCorrect && main_module['default'][css_classes['default'].imagePickerWrapperError]);
37
- const useStyles = reactJss_esm.createUseStyles({
38
- imagePickerWrapper: {
39
- border: ({ isDragOver }) => (isDragOver ? '1px solid #135cc8' : ''),
40
- backgroundColor: ({ isDragOver }) => (isDragOver ? 'rgba(208, 230, 255, 0.5)' : ''),
41
- '& svg': {
42
- // @ts-ignore
43
- fill: ({ isDragOver }) => (isDragOver ? '#3c83ec' : '')
44
- }
45
- }
46
- });
47
- const dragOverStyles = useStyles({ isDragOver });
48
- const getImageWidth = (event) => {
49
- let selectedImage;
50
- if (event.target instanceof HTMLInputElement) {
51
- const { target: { files } } = event;
52
- selectedImage = files[0];
53
- }
54
- else {
55
- const { dataTransfer: { files } } = event;
56
- selectedImage = files[0];
57
- }
58
- const imgElement = document.createElement('img');
59
- const objectURL = URL.createObjectURL(selectedImage);
60
- imgElement.onload = () => {
61
- setImageSize({ width: imgElement.width, height: imgElement.height });
62
- URL.revokeObjectURL(objectURL);
63
- };
64
- imgElement.src = objectURL;
65
- };
66
- const checkIfInputMaxWidthIsGreaterThenImageWidth = () => {
67
- if (!widthInputValue || !imageSize.width)
68
- return;
69
- widthInputValue > imageSize.width ? setIsInputWidthTooBig(true) : setIsInputWidthTooBig(false);
70
- };
71
- const handleonDropFile = (event) => {
72
- onDropFile(event);
73
- getImageWidth(event);
74
- };
75
- const handleOnFileChange = (event) => {
76
- onFileChange(event);
77
- getImageWidth(event);
78
- };
79
- const handleOnFileDelete = () => {
80
- setImageSize({ width: 0, height: 0 });
81
- onFileDelete();
82
- };
83
- const handleOnWidthInputChange = (event) => {
84
- setWidthInputValue(event.target.valueAsNumber);
85
- };
86
- React.useEffect(() => {
87
- utils$1.checkIfInvalideFileFormatErrorOccured(errors) ? setFileFormatIsCorrect(false) : setFileFormatIsCorrect(true);
88
- file && checkIfInputMaxWidthIsGreaterThenImageWidth();
89
- }, [errors, file, widthInputValue]);
90
- React.useEffect(() => {
91
- setWidthInputValue(imageSize.width);
92
- }, [imageSize]);
93
- return (React__default['default'].createElement("div", { className: imagePickerClassName },
94
- React__default['default'].createElement("div", { className: `${imagePickerWrapperClassName} ${dragOverStyles.imagePickerWrapper}` },
95
- file && (React__default['default'].createElement(selected_image_preview['default'], { file: file, onFileDelete: handleOnFileDelete, onPreviewError: onPreviewError, isPreview: isPreview, fileFormatIsCorrect: fileFormatIsCorrect, imageSize: imageSize })),
96
- React__default['default'].createElement(image_input['default'], { onDragLeave: onDragLeave, onDragOver: onDragOver, isDragOver: isDragOver, allowedExtensions: allowedExtensions, id: id, onDropFile: handleonDropFile }),
97
- React__default['default'].createElement("input", { onChange: handleOnFileChange, id: id, ref: inputRef, type: "file", name: name, className: main_module['default'][css_classes['default'].imagePickerInput], accept: acceptFiles })),
98
- !fileFormatIsCorrect && React__default['default'].createElement("p", { className: main_module['default'][css_classes['default'].imagePickerErrorText] }, t('Invalid file format')),
99
- showMaxWidthInput && (React__default['default'].createElement(index['default'], { as: "div", "mt-xs": 2 },
100
- React__default['default'].createElement(index$1['default'], { id: `${id}-image-width`, type: "number", postfix: widthInputPostfix, value: widthInputValue, isRequired: true, label: widthInputLabel, hint: widthInputHint, onChange: handleOnWidthInputChange, errors: isInputWidthTooBig ? [`${t(constants.FILE_PICKER_ERROR.invalidInputWidth)}`] : null })))));
101
- };
102
-
103
- exports.default = ImagePicker;
104
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,12 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var constants = require('../file_picker/constants.js');
6
-
7
- const checkIfInvalideFileFormatErrorOccured = (errorsArray) => {
8
- return errorsArray && errorsArray.includes(constants.FILE_PICKER_ERROR.invalidFileFormat);
9
- };
10
-
11
- exports.checkIfInvalideFileFormatErrorOccured = checkIfInvalideFileFormatErrorOccured;
12
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,12 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
-
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n}\n.main-module_image-picker__description__1v13N p {\n color: #3c83ec;\n}\n.main-module_image-picker__description__1v13N span {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n color: #3c83ec;\n cursor: pointer;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n flex: 1;\n max-width: 50%;\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-full-name__3fALB {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\n}\n";
8
- var styles = {"image-picker__wrapper":"main-module_image-picker__wrapper__2RK3f","image-picker__wrapper-error":"main-module_image-picker__wrapper-error__kCZeA","image-picker__wrapper-has-file":"main-module_image-picker__wrapper-has-file__2zmRc","image-picker__label":"main-module_image-picker__label__1i_Fq","image-picker__description":"main-module_image-picker__description__1v13N","image-picker__upload-icon":"main-module_image-picker__upload-icon__3sMvN","image-picker__input":"main-module_image-picker__input__3Wu2I","image-picker__delete-button":"main-module_image-picker__delete-button__21_kT","image-picker__delete-label":"main-module_image-picker__delete-label__3v2ot","image-picker__wrong-file-format-icon":"main-module_image-picker__wrong-file-format-icon__X-NL0","image-picker__delete-icon":"main-module_image-picker__delete-icon__30pkO","image-picker__selected-file":"main-module_image-picker__selected-file__3bRqa","image-picker__selected-file-name-wrapper":"main-module_image-picker__selected-file-name-wrapper__37MKd","image-picker__selected-file-remove-wrapper":"main-module_image-picker__selected-file-remove-wrapper__2v4W2","image-picker__selected-file-full-name":"main-module_image-picker__selected-file-full-name__3fALB","image-picker__image-preview-wrapper":"main-module_image-picker__image-preview-wrapper__1jPXU","image-picker__image-preview":"main-module_image-picker__image-preview__12pRu","image-picker__error-text":"main-module_image-picker__error-text__rXAvw"};
9
- styleInject_es['default'](css_248z);
10
-
11
- exports.default = styles;
12
- //# sourceMappingURL=main.module.less.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,4 +0,0 @@
1
- import { IIconProps } from './types';
2
- import React from 'react';
3
- declare const IconWrongFileFormat: React.FC<IIconProps>;
4
- export default IconWrongFileFormat;
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import cssClasses from '../css/icons/main.module.less.js';
3
- import Icon from './icon.js';
4
-
5
- const IconWrongFileFormat = ({ className = '', size }) => (React.createElement(Icon, null,
6
- React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 67 52", width: "67", height: "52", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
7
- React.createElement("path", { d: "M36.9768 2H1.5V49.9829H29.9977M44.5374 2H65.4745V49.9829H39.8847", stroke: "#ABB4CD", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3" }),
8
- React.createElement("path", { d: "m36.976 2-7.5606 7.7972 9.8869 10.196-9.8869 10.196 9.8869 10.196-9.3053 9.5965", stroke: "#ABB4CD", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3" }),
9
- React.createElement("path", { d: "m34.069 45.784-15.703-15.594-16.866 16.794v2.9989h28.498l4.0711-4.1985z", fill: "#ABB4CD", stroke: "#ABB4CD", strokeLinejoin: "round", strokeWidth: "2" }),
10
- React.createElement("path", { d: "m45.726 24.793 19.774 20.393v4.7983h-26.753c-0.1938 0.1999 1.1365-1.3195 5.7892-6.5976 4.6526-5.2782-2.3263-8.3971-5.2076-11.996l6.3974-6.5976z", fill: "#ABB4CD", stroke: "#ABB4CD", strokeLinejoin: "round", strokeWidth: "3" }),
11
- React.createElement("circle", { cx: "54.352", cy: "13.197", r: "4", fill: "#ABB4CD" }))));
12
-
13
- export default IconWrongFileFormat;
14
- //# sourceMappingURL=icon_wrong_file_format.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,4 +0,0 @@
1
- import { IControlImagePicker } from '../../types';
2
- import React from 'react';
3
- declare const ControlImagePicker: React.FC<IControlImagePicker>;
4
- export default ControlImagePicker;
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import Control from '../../index.js';
3
- import Hint from '../../../hint/index.js';
4
- import ImagePicker from '../../../image_picker/index.js';
5
-
6
- const ControlImagePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, labelAdditionalInfo, hasWidthInput, widthInputPostfix, widthInputLabel, widthInputHint }) => {
7
- return (React.createElement(Control, { errors: errors, name: name, id: id },
8
- (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
9
- label,
10
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
11
- React.createElement(Control.Content, null,
12
- React.createElement(Control.Element, null,
13
- React.createElement(ImagePicker, { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className, hasWidthInput: hasWidthInput, widthInputPostfix: widthInputPostfix, widthInputLabel: widthInputLabel, widthInputHint: widthInputHint }))),
14
- React.createElement(Control.Errors, null)));
15
- };
16
-
17
- export default ControlImagePicker;
18
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}