@axelor/aos-mobile-ui 6.4.0 → 6.5.0

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 (99) hide show
  1. package/README.md +7 -1
  2. package/lib/components/atoms/HtmlInput/HtmlInput.d.ts +6 -1
  3. package/lib/components/atoms/HtmlInput/HtmlInput.js +30 -20
  4. package/lib/components/atoms/HtmlInput/HtmlInput.js.map +1 -1
  5. package/lib/components/atoms/Input/Input.d.ts +1 -1
  6. package/lib/components/atoms/index.d.ts +0 -1
  7. package/lib/components/atoms/index.js +0 -1
  8. package/lib/components/atoms/index.js.map +1 -1
  9. package/lib/components/molecules/Badge/Badge.d.ts +2 -2
  10. package/lib/components/molecules/Badge/Badge.js +6 -4
  11. package/lib/components/molecules/Badge/Badge.js.map +1 -1
  12. package/lib/components/molecules/Checkbox/Checkbox.d.ts +11 -0
  13. package/lib/components/molecules/Checkbox/Checkbox.js +52 -0
  14. package/lib/components/molecules/Checkbox/Checkbox.js.map +1 -0
  15. package/lib/components/molecules/Chip/Chip.d.ts +3 -2
  16. package/lib/components/molecules/Chip/Chip.js +4 -3
  17. package/lib/components/molecules/Chip/Chip.js.map +1 -1
  18. package/lib/components/molecules/CircleButton/CircleButton.d.ts +8 -0
  19. package/lib/components/molecules/CircleButton/CircleButton.js +47 -0
  20. package/lib/components/molecules/CircleButton/CircleButton.js.map +1 -0
  21. package/lib/components/molecules/FormHtmlInput/FormHtmlInput.d.ts +11 -0
  22. package/lib/components/molecules/FormHtmlInput/FormHtmlInput.js +60 -0
  23. package/lib/components/molecules/FormHtmlInput/FormHtmlInput.js.map +1 -0
  24. package/lib/components/molecules/FormIncrementInput/FormIncrementInput.d.ts +11 -0
  25. package/lib/components/molecules/FormIncrementInput/FormIncrementInput.js +64 -0
  26. package/lib/components/molecules/FormIncrementInput/FormIncrementInput.js.map +1 -0
  27. package/lib/components/molecules/FormInput/FormInput.d.ts +11 -0
  28. package/lib/components/molecules/FormInput/FormInput.js +59 -0
  29. package/lib/components/molecules/FormInput/FormInput.js.map +1 -0
  30. package/lib/components/molecules/IconButton/IconButton.d.ts +2 -1
  31. package/lib/components/molecules/IconButton/IconButton.js +2 -2
  32. package/lib/components/molecules/IconButton/IconButton.js.map +1 -1
  33. package/lib/components/molecules/Increment/Increment.d.ts +3 -1
  34. package/lib/components/molecules/Increment/Increment.js +24 -13
  35. package/lib/components/molecules/Increment/Increment.js.map +1 -1
  36. package/lib/components/molecules/InfoBubble/InfoBubble.js +6 -5
  37. package/lib/components/molecules/InfoBubble/InfoBubble.js.map +1 -1
  38. package/lib/components/molecules/MessageBox/MessageBox.js +20 -11
  39. package/lib/components/molecules/MessageBox/MessageBox.js.map +1 -1
  40. package/lib/components/molecules/NotesCard/NotesCard.d.ts +2 -1
  41. package/lib/components/molecules/NotesCard/NotesCard.js +13 -15
  42. package/lib/components/molecules/NotesCard/NotesCard.js.map +1 -1
  43. package/lib/components/molecules/PanelTabs/PanelTabs.d.ts +13 -0
  44. package/lib/components/molecules/PanelTabs/PanelTabs.js +93 -0
  45. package/lib/components/molecules/PanelTabs/PanelTabs.js.map +1 -0
  46. package/lib/components/molecules/SelectionContainer/SelectionContainer.js +1 -1
  47. package/lib/components/molecules/SelectionContainer/SelectionContainer.js.map +1 -1
  48. package/lib/components/molecules/StarScore/StarScore.d.ts +3 -1
  49. package/lib/components/molecules/StarScore/StarScore.js +16 -5
  50. package/lib/components/molecules/StarScore/StarScore.js.map +1 -1
  51. package/lib/components/molecules/ToggleSwitch/ToggleSwitch.d.ts +3 -2
  52. package/lib/components/molecules/ToggleSwitch/ToggleSwitch.js +4 -4
  53. package/lib/components/molecules/ToggleSwitch/ToggleSwitch.js.map +1 -1
  54. package/lib/components/molecules/ViewAllContainer/ViewAllContainer.d.ts +4 -4
  55. package/lib/components/molecules/index.d.ts +6 -0
  56. package/lib/components/molecules/index.js +6 -0
  57. package/lib/components/molecules/index.js.map +1 -1
  58. package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js +24 -23
  59. package/lib/components/organisms/AutoCompleteSearch/AutoCompleteSearch.js.map +1 -1
  60. package/lib/components/organisms/ChipSelect/ChipSelect.d.ts +14 -3
  61. package/lib/components/organisms/ChipSelect/ChipSelect.js +39 -6
  62. package/lib/components/organisms/ChipSelect/ChipSelect.js.map +1 -1
  63. package/lib/components/organisms/DropdownCardSwitch/DropdownCardSwitch.d.ts +2 -1
  64. package/lib/components/organisms/DropdownCardSwitch/DropdownCardSwitch.js +11 -2
  65. package/lib/components/organisms/DropdownCardSwitch/DropdownCardSwitch.js.map +1 -1
  66. package/lib/components/organisms/FloatingButton/FloatingButton.d.ts +16 -0
  67. package/lib/components/organisms/FloatingButton/FloatingButton.js +106 -0
  68. package/lib/components/organisms/FloatingButton/FloatingButton.js.map +1 -0
  69. package/lib/components/organisms/ImageBubble/ImageBubble.d.ts +1 -1
  70. package/lib/components/organisms/ImageBubble/ImageBubble.js +6 -5
  71. package/lib/components/organisms/ImageBubble/ImageBubble.js.map +1 -1
  72. package/lib/components/organisms/MultiSelectValue/MultiSelectValue.d.ts +9 -0
  73. package/lib/components/organisms/MultiSelectValue/MultiSelectValue.js +49 -0
  74. package/lib/components/organisms/MultiSelectValue/MultiSelectValue.js.map +1 -0
  75. package/lib/components/organisms/MultiValuePicker/MultiValuePicker.d.ts +2 -1
  76. package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js +7 -4
  77. package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js.map +1 -1
  78. package/lib/components/organisms/Picker/Picker.d.ts +3 -1
  79. package/lib/components/organisms/Picker/Picker.js +21 -5
  80. package/lib/components/organisms/Picker/Picker.js.map +1 -1
  81. package/lib/components/organisms/index.d.ts +2 -0
  82. package/lib/components/organisms/index.js +2 -0
  83. package/lib/components/organisms/index.js.map +1 -1
  84. package/lib/index.d.ts +2 -2
  85. package/lib/index.js +2 -2
  86. package/lib/index.js.map +1 -1
  87. package/lib/utils/formatters.d.ts +1 -0
  88. package/lib/utils/formatters.js +10 -0
  89. package/lib/utils/formatters.js.map +1 -1
  90. package/lib/utils/strings.d.ts +1 -0
  91. package/lib/utils/strings.js +8 -0
  92. package/lib/utils/strings.js.map +1 -1
  93. package/package.json +4 -6
  94. package/lib/components/atoms/RenderHtml/RenderHtml.d.ts +0 -6
  95. package/lib/components/atoms/RenderHtml/RenderHtml.js +0 -50
  96. package/lib/components/atoms/RenderHtml/RenderHtml.js.map +0 -1
  97. package/lib/utils/headerStyle.d.ts +0 -12
  98. package/lib/utils/headerStyle.js +0 -31
  99. package/lib/utils/headerStyle.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../../src/components/molecules/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AASjC,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACD,EAAE,EAAE;IACtB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAChD,QAAQ,CAAC,CAAC,MAAM,CAAC,CACjB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB;QAAA,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,CACzB;MAAA,EAAE,gBAAgB,CAClB;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CACjD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAClB,OAAO,CAAC,CAAC,YAAY,CAAC,CACtB;QAAA,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,CAC1B;MAAA,EAAE,gBAAgB,CACpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CACzB,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,gBAAgB;QACnD,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;KACX;IACD,MAAM,EAAE;QACN,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;QAC5C,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC,YAAY,CAAC,gBAAgB;KACtD;CACF,CAAC,CAAC;AACL,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../../src/components/molecules/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAUjC,MAAM,YAAY,GAAG,CAAC,EACpB,cAAc,EACd,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACD,EAAE,EAAE;IACtB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC9C;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAC7D,QAAQ,CAAC,CAAC,MAAM,CAAC,CACjB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB;QAAA,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,CACzB;MAAA,EAAE,gBAAgB,CAClB;MAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAC9D,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAClB,OAAO,CAAC,CAAC,YAAY,CAAC,CACtB;QAAA,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,CAC1B;MAAA,EAAE,gBAAgB,CACpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CACzB,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,gBAAgB;QACnD,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;KACX;IACD,MAAM,EAAE;QACN,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;QAC5C,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,EAAE;QAChB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,MAAM,CAAC,YAAY,CAAC,gBAAgB;KACtD;CACF,CAAC,CAAC;AACL,eAAe,YAAY,CAAC"}
@@ -1,13 +1,13 @@
1
1
  interface ViewAllContainerProps {
2
2
  style?: any;
3
- title: string;
4
- data: any[];
5
- disabled: boolean;
3
+ title?: string;
4
+ data?: any[];
5
+ disabled?: boolean;
6
6
  children: any;
7
7
  isHeaderExist?: boolean;
8
8
  onNewIcon?: () => void;
9
9
  onViewPress: () => void;
10
- renderFirstTwoItems: (item: any, index: number) => any;
10
+ renderFirstTwoItems?: (item: any, index: number) => any;
11
11
  translator?: (any: any) => void | undefined;
12
12
  }
13
13
  declare const ViewAllContainer: ({ style, title, data, disabled, children, isHeaderExist, onNewIcon, onViewPress, renderFirstTwoItems, translator, }: ViewAllContainerProps) => JSX.Element;
@@ -2,12 +2,17 @@ export { default as AttachmentCard } from './AttachmentCard/AttachmentCard';
2
2
  export { default as Badge } from './Badge/Badge';
3
3
  export { default as Button } from './Button/Button';
4
4
  export { default as CardIconButton } from './CardIconButton/CardIconButton';
5
+ export { default as Checkbox } from './Checkbox/Checkbox';
5
6
  export { default as Chip } from './Chip/Chip';
7
+ export { default as CircleButton } from './CircleButton/CircleButton';
6
8
  export { default as ClearableCard } from './ClearableCard/ClearableCard';
7
9
  export { default as DropdownCard } from './DropdownCard/DropdownCard';
8
10
  export { default as DropdownMenu } from './DropdownMenu/DropdownMenu';
9
11
  export { default as DropdownMenuItem } from './DropdownMenuItem/DropdownMenuItem';
10
12
  export { default as EditableInput } from './EditableInput/EditableInput';
13
+ export { default as FormHtmlInput } from './FormHtmlInput/FormHtmlInput';
14
+ export { default as FormIncrementInput } from './FormIncrementInput/FormIncrementInput';
15
+ export { default as FormInput } from './FormInput/FormInput';
11
16
  export { default as FromTo } from './FromTo/FromTo';
12
17
  export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
13
18
  export { default as IconButton } from './IconButton/IconButton';
@@ -22,6 +27,7 @@ export { default as MessageBox } from './MessageBox/MessageBox';
22
27
  export { default as MovementIndicationCard } from './MovementIndicationCard/MovementIndicationCard';
23
28
  export { default as MultiValuePickerButton } from './MultiValuePickerButton/MultiValuePickerButton';
24
29
  export { default as NotesCard } from './NotesCard/NotesCard';
30
+ export { default as PanelTabs } from './PanelTabs/PanelTabs';
25
31
  export { default as PopUp } from './PopUp/PopUp';
26
32
  export { default as RightIconButton } from './RightIconButton/RightIconButton';
27
33
  export { default as SelectionContainer } from './SelectionContainer/SelectionContainer';
@@ -19,12 +19,17 @@ export { default as AttachmentCard } from './AttachmentCard/AttachmentCard';
19
19
  export { default as Badge } from './Badge/Badge';
20
20
  export { default as Button } from './Button/Button';
21
21
  export { default as CardIconButton } from './CardIconButton/CardIconButton';
22
+ export { default as Checkbox } from './Checkbox/Checkbox';
22
23
  export { default as Chip } from './Chip/Chip';
24
+ export { default as CircleButton } from './CircleButton/CircleButton';
23
25
  export { default as ClearableCard } from './ClearableCard/ClearableCard';
24
26
  export { default as DropdownCard } from './DropdownCard/DropdownCard';
25
27
  export { default as DropdownMenu } from './DropdownMenu/DropdownMenu';
26
28
  export { default as DropdownMenuItem } from './DropdownMenuItem/DropdownMenuItem';
27
29
  export { default as EditableInput } from './EditableInput/EditableInput';
30
+ export { default as FormHtmlInput } from './FormHtmlInput/FormHtmlInput';
31
+ export { default as FormIncrementInput } from './FormIncrementInput/FormIncrementInput';
32
+ export { default as FormInput } from './FormInput/FormInput';
28
33
  export { default as FromTo } from './FromTo/FromTo';
29
34
  export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
30
35
  export { default as IconButton } from './IconButton/IconButton';
@@ -39,6 +44,7 @@ export { default as MessageBox } from './MessageBox/MessageBox';
39
44
  export { default as MovementIndicationCard } from './MovementIndicationCard/MovementIndicationCard';
40
45
  export { default as MultiValuePickerButton } from './MultiValuePickerButton/MultiValuePickerButton';
41
46
  export { default as NotesCard } from './NotesCard/NotesCard';
47
+ export { default as PanelTabs } from './PanelTabs/PanelTabs';
42
48
  export { default as PopUp } from './PopUp/PopUp';
43
49
  export { default as RightIconButton } from './RightIconButton/RightIconButton';
44
50
  export { default as SelectionContainer } from './SelectionContainer/SelectionContainer';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":"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"}
@@ -17,16 +17,22 @@
17
17
  */
18
18
  import React, { useState, useEffect, useCallback, useRef } from 'react';
19
19
  import { View } from 'react-native';
20
+ import { useClickOutside, OUTSIDE_INDICATOR, } from '../../../hooks/use-click-outside';
20
21
  import { SelectionContainer } from '../../molecules';
21
22
  import { SearchBar } from '../../organisms';
22
23
  const TIME_WITHOUT_INPUT = 1000;
23
24
  const TIME_BETWEEN_CALL = 1000;
24
25
  const AutoCompleteSearch = ({ objectList, value = null, onChangeValue, fetchData = () => { }, displayValue, placeholder, isFocus = false, changeScreenAfter = false, navigate = false, oneFilter = false, onSelection, onScanPress, scanIconColor = null, selectLastItem = true, style, }) => {
25
26
  const [displayList, setDisplayList] = useState(false);
26
- const [searchText, setSearchText] = useState(null);
27
+ const wrapperRef = useRef(null);
28
+ const clickOutside = useClickOutside({
29
+ wrapperRef,
30
+ visible: displayList,
31
+ });
32
+ const [searchText, setSearchText] = useState(value ? displayValue(value) : null);
27
33
  const [previousState, setPreviousState] = useState(null);
28
34
  const [newInterval, setNewInterval] = useState(0);
29
- const [selected, setSelected] = useState(false);
35
+ const [selected, setSelected] = useState(value ? true : false);
30
36
  let timeOutRequestCall = useRef();
31
37
  let intervalRequestCall = useRef();
32
38
  const handleAPICall = useCallback(() => {
@@ -40,22 +46,21 @@ const AutoCompleteSearch = ({ objectList, value = null, onChangeValue, fetchData
40
46
  }
41
47
  }, [fetchData, searchText, selected]);
42
48
  useEffect(() => {
43
- if (value) {
44
- setSelected(true);
45
- setSearchText(displayValue(value));
46
- }
47
- else {
49
+ if (!selected) {
48
50
  handleAPICall();
49
51
  }
50
- }, [displayValue, handleAPICall, value]);
51
- const handleSelect = item => {
52
+ }, [selected, handleAPICall]);
53
+ useEffect(() => {
54
+ if (clickOutside === OUTSIDE_INDICATOR && displayList) {
55
+ setDisplayList(false);
56
+ }
57
+ }, [clickOutside, displayList]);
58
+ const handleSelect = useCallback(item => {
52
59
  setDisplayList(false);
53
60
  setSelected(true);
54
- if (changeScreenAfter) {
55
- setSearchText('');
56
- }
61
+ setSearchText(changeScreenAfter ? '' : displayValue(item));
57
62
  onChangeValue(item);
58
- };
63
+ }, [changeScreenAfter, displayValue, onChangeValue]);
59
64
  useEffect(() => {
60
65
  if (navigate && oneFilter) {
61
66
  setSearchText('');
@@ -105,11 +110,8 @@ const AutoCompleteSearch = ({ objectList, value = null, onChangeValue, fetchData
105
110
  };
106
111
  }
107
112
  }, [handleTimeOut, searchText]);
108
- useEffect(() => {
109
- if (objectList != null &&
110
- searchText != null &&
111
- searchText !== '' &&
112
- !selected) {
113
+ const handleSearchValueChange = useCallback(input => {
114
+ if (objectList != null && input != null && input !== '' && !selected) {
113
115
  if (objectList.length === 1 && selectLastItem === true) {
114
116
  if (changeScreenAfter || oneFilter) {
115
117
  setSearchText('');
@@ -125,6 +127,8 @@ const AutoCompleteSearch = ({ objectList, value = null, onChangeValue, fetchData
125
127
  setDisplayList(true);
126
128
  }
127
129
  }
130
+ setPreviousState(searchText);
131
+ setSearchText(input);
128
132
  }, [
129
133
  changeScreenAfter,
130
134
  displayValue,
@@ -136,11 +140,8 @@ const AutoCompleteSearch = ({ objectList, value = null, onChangeValue, fetchData
136
140
  selected,
137
141
  stopInterval,
138
142
  ]);
139
- return (<View>
140
- <SearchBar style={style} valueTxt={searchText} placeholder={placeholder} onClearPress={handleClear} onChangeTxt={input => {
141
- setPreviousState(searchText);
142
- setSearchText(input);
143
- }} onSelection={onSelection} onEndFocus={() => setDisplayList(false)} isFocus={isFocus} onScanPress={onScanPress} scanIconColor={scanIconColor}/>
143
+ return (<View ref={wrapperRef}>
144
+ <SearchBar style={style} valueTxt={searchText} placeholder={placeholder} onClearPress={handleClear} onChangeTxt={handleSearchValueChange} onSelection={onSelection} onEndFocus={() => selected && setDisplayList(false)} isFocus={isFocus} onScanPress={onScanPress} scanIconColor={scanIconColor}/>
144
145
  {displayList && !oneFilter && (<SelectionContainer objectList={objectList} displayValue={displayValue} handleSelect={handleSelect}/>)}
145
146
  </View>);
146
147
  };
@@ -1 +1 @@
1
- {"version":3,"file":"AutoCompleteSearch.js","sourceRoot":"","sources":["../../../../src/components/organisms/AutoCompleteSearch/AutoCompleteSearch.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AutoCompleteSearch.js","sourceRoot":"","sources":["../../../../src/components/organisms/AutoCompleteSearch/AutoCompleteSearch.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,17 @@
1
+ import { Color } from '../../../theme/themes';
2
+ interface Item {
3
+ isActive?: boolean;
4
+ color: Color;
5
+ title: string;
6
+ key: string | number;
7
+ }
1
8
  interface ChipSelectProps {
2
- children: any;
3
- scrollable?: boolean;
9
+ style?: any;
10
+ selectionItems: Item[];
11
+ mode: 'multi' | 'switch';
12
+ width?: number;
13
+ marginHorizontal?: number;
14
+ onChangeValue?: (value: any) => void;
4
15
  }
5
- declare const ChipSelect: ({ children, scrollable }: ChipSelectProps) => JSX.Element;
16
+ declare const ChipSelect: ({ style, selectionItems, mode, width, marginHorizontal, onChangeValue, }: ChipSelectProps) => JSX.Element;
6
17
  export default ChipSelect;
@@ -15,13 +15,46 @@
15
15
  * You should have received a copy of the GNU Affero General Public License
16
16
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
17
17
  */
18
- import React from 'react';
18
+ import React, { useState } from 'react';
19
19
  import { StyleSheet, View, ScrollView } from 'react-native';
20
- const ChipSelect = ({ children, scrollable = false }) => {
21
- return (<View style={[styles.chipContainer, scrollable ? styles.marginLeft : null]}>
22
- {scrollable ? (<ScrollView horizontal={true} showsHorizontalScrollIndicator={false}>
23
- {children}
24
- </ScrollView>) : (children)}
20
+ import { Chip } from '../../molecules';
21
+ const ChipSelect = ({ style, selectionItems, mode, width, marginHorizontal, onChangeValue = () => { }, }) => {
22
+ const [selectdChipSwitch, setSelectdChipSwitch] = useState({
23
+ key: selectionItems.find(item => item.isActive === true)?.key,
24
+ });
25
+ const [selectedChipMulti, setSelectedChipMulti] = useState(selectionItems.filter(item => item.isActive === true));
26
+ const updateChip = chip => {
27
+ if (mode === 'multi') {
28
+ if (chipIsSelected(chip)) {
29
+ setSelectedChipMulti(selectedChipMulti?.filter(activeChip => activeChip.key !== chip.key));
30
+ onChangeValue(selectedChipMulti?.filter(activeChip => activeChip.key !== chip.key));
31
+ }
32
+ else if (selectedChipMulti.length + 1 === selectionItems.length) {
33
+ setSelectedChipMulti([]);
34
+ onChangeValue([]);
35
+ }
36
+ else {
37
+ setSelectedChipMulti([...selectedChipMulti, chip]);
38
+ onChangeValue([...selectedChipMulti, chip]);
39
+ }
40
+ }
41
+ if (mode === 'switch') {
42
+ setSelectdChipSwitch(chip.key === selectdChipSwitch?.key ? null : chip);
43
+ onChangeValue(chip.key === selectdChipSwitch?.key ? null : [chip]);
44
+ }
45
+ };
46
+ const chipIsSelected = chip => {
47
+ return (selectedChipMulti?.find(activeChip => activeChip.key === chip.key) != null);
48
+ };
49
+ if (mode !== 'multi' && mode !== 'switch') {
50
+ return null;
51
+ }
52
+ return (<View style={[styles.chipContainer, styles.marginLeft, style]}>
53
+ <ScrollView horizontal={true} showsHorizontalScrollIndicator={false}>
54
+ {selectionItems?.map((item, index) => (<Chip key={index} selected={mode === 'switch'
55
+ ? item.key === selectdChipSwitch?.key
56
+ : chipIsSelected(item)} title={item.title} selectedColor={item.color} onPress={() => updateChip(item)} marginHorizontal={marginHorizontal} width={width}/>))}
57
+ </ScrollView>
25
58
  </View>);
26
59
  };
27
60
  const styles = StyleSheet.create({
@@ -1 +1 @@
1
- {"version":3,"file":"ChipSelect.js","sourceRoot":"","sources":["../../../../src/components/organisms/ChipSelect/ChipSelect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAO1D,MAAM,UAAU,GAAG,CAAC,EAAC,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAkB,EAAE,EAAE;IACrE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CACzE;MAAA,CAAC,UAAU,CAAC,CAAC,CAAC,CACZ,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,8BAA8B,CAAC,CAAC,KAAK,CAAC,CAClE;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,UAAU,CAAC,CACd,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,CAAC;KAClB;IACD,UAAU,EAAE;QACV,gBAAgB,EAAE,EAAE;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"ChipSelect.js","sourceRoot":"","sources":["../../../../src/components/organisms/ChipSelect/ChipSelect.tsx"],"names":[],"mappings":"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"}
@@ -2,11 +2,12 @@ import { ReactNode } from 'react';
2
2
  interface DropdownCardSwitchProps {
3
3
  style?: any;
4
4
  dropdownItems: DropdownItem[];
5
+ styleTitle?: any;
5
6
  }
6
7
  interface DropdownItem {
7
8
  key: number;
8
9
  title: string;
9
10
  childrenComp: ReactNode;
10
11
  }
11
- declare const DropdownCardSwitch: ({ style, dropdownItems, }: DropdownCardSwitchProps) => JSX.Element;
12
+ declare const DropdownCardSwitch: ({ style, dropdownItems, styleTitle, }: DropdownCardSwitchProps) => JSX.Element;
12
13
  export default DropdownCardSwitch;
@@ -18,11 +18,19 @@
18
18
  import React, { useState } from 'react';
19
19
  import { Dimensions, StyleSheet, View } from 'react-native';
20
20
  import { DropdownCard } from '../../molecules';
21
- const DropdownCardSwitch = ({ style, dropdownItems, }) => {
21
+ const DropdownCardSwitch = ({ style, dropdownItems, styleTitle, }) => {
22
22
  const [openedCardKey, setOpenedCardKey] = useState();
23
+ const handlePress = key => {
24
+ if (openedCardKey === key) {
25
+ setOpenedCardKey(null);
26
+ }
27
+ else {
28
+ setOpenedCardKey(key);
29
+ }
30
+ };
23
31
  return (<View style={[styles.container, style]}>
24
32
  {dropdownItems.map((elt, index) => {
25
- return (<DropdownCard key={index} title={elt.title} onPress={() => setOpenedCardKey(elt.key)} DropdownIsOpen={elt.key === openedCardKey}>
33
+ return (<DropdownCard key={index} title={elt.title} styleText={styleTitle} onPress={() => handlePress(elt.key)} DropdownIsOpen={elt.key === openedCardKey}>
26
34
  {elt.childrenComp}
27
35
  </DropdownCard>);
28
36
  })}
@@ -34,6 +42,7 @@ const styles = StyleSheet.create({
34
42
  justifyContent: 'center',
35
43
  alignItems: 'center',
36
44
  width: Dimensions.get('window').width * 0.9,
45
+ marginBottom: 5,
37
46
  },
38
47
  });
39
48
  export default DropdownCardSwitch;
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownCardSwitch.js","sourceRoot":"","sources":["../../../../src/components/organisms/DropdownCardSwitch/DropdownCardSwitch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAY7C,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,aAAa,GACW,EAAE,EAAE;IAC5B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE7D,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAChC,OAAO,CACL,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CACjB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CACzC,cAAc,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,aAAa,CAAC,CAC1C;YAAA,CAAC,GAAG,CAAC,YAAY,CACnB;UAAA,EAAE,YAAY,CAAC,CAChB,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;KAC5C;CACF,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"DropdownCardSwitch.js","sourceRoot":"","sources":["../../../../src/components/organisms/DropdownCardSwitch/DropdownCardSwitch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAa7C,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,UAAU,GACc,EAAE,EAAE;IAC5B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE7D,MAAM,WAAW,GAAG,GAAG,CAAC,EAAE;QACxB,IAAI,aAAa,KAAK,GAAG,EAAE;YACzB,gBAAgB,CAAC,IAAI,CAAC,CAAC;SACxB;aAAM;YACL,gBAAgB,CAAC,GAAG,CAAC,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAChC,OAAO,CACL,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CACjB,SAAS,CAAC,CAAC,UAAU,CAAC,CACtB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CACpC,cAAc,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,aAAa,CAAC,CAC1C;YAAA,CAAC,GAAG,CAAC,YAAY,CACnB;UAAA,EAAE,YAAY,CAAC,CAChB,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;QAC3C,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}
@@ -0,0 +1,16 @@
1
+ interface FloatingButtonProps {
2
+ actions: ActionProps[];
3
+ iconName?: string;
4
+ size?: number;
5
+ style?: any;
6
+ translator: (translationKey: string) => string;
7
+ }
8
+ interface ActionProps {
9
+ key: number;
10
+ title: string;
11
+ iconName: string;
12
+ disabled: boolean;
13
+ onPress: () => void;
14
+ }
15
+ declare const FloatingButton: ({ actions, iconName, size, style, translator, }: FloatingButtonProps) => JSX.Element;
16
+ export default FloatingButton;
@@ -0,0 +1,106 @@
1
+ /*
2
+ * Axelor Business Solutions
3
+ *
4
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
5
+ *
6
+ * This program is free software: you can redistribute it and/or modify
7
+ * it under the terms of the GNU Affero General Public License, version 3,
8
+ * as published by the Free Software Foundation.
9
+ *
10
+ * This program is distributed in the hope that it will be useful,
11
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
12
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13
+ * GNU Affero General Public License for more details.
14
+ *
15
+ * You should have received a copy of the GNU Affero General Public License
16
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
17
+ */
18
+ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
19
+ import { StyleSheet, View } from 'react-native';
20
+ import { animationUtil } from '../../../tools/AnimationUtil';
21
+ import { Text } from '../../atoms';
22
+ import { OUTSIDE_INDICATOR, useClickOutside, } from '../../../hooks/use-click-outside';
23
+ import { useThemeColor } from '../../../theme/ThemeContext';
24
+ import { CircleButton } from '../../molecules';
25
+ const FLOATING_BUTTON_SIZE = 60;
26
+ const ACTION_BUTTON_SIZE_PERCENTAGE = 0.8;
27
+ const MIN_ACTION_BUTTON_WIDTH = 200;
28
+ const FloatingActionButton = ({ actionKey, title, iconName, size, disabled = false, onPress, translator, }) => {
29
+ const Colors = useThemeColor();
30
+ const styles = useMemo(() => getStyles(Colors), [Colors]);
31
+ const handleActionPress = useCallback(() => onPress(actionKey), [actionKey, onPress]);
32
+ return (<View style={styles.actionButtonContainer}>
33
+ <CircleButton iconName={iconName} size={size} onPress={handleActionPress} disabled={disabled}/>
34
+ <View style={styles.actionTitleContainer}>
35
+ <Text fontSize={16} style={styles.actionTitle}>
36
+ {translator(title)}
37
+ </Text>
38
+ </View>
39
+ </View>);
40
+ };
41
+ const FloatingButton = ({ actions, iconName = 'plus', size = FLOATING_BUTTON_SIZE, style, translator, }) => {
42
+ const Colors = useThemeColor();
43
+ const [isOpen, setIsOpen] = useState(false);
44
+ const wrapperRef = useRef(null);
45
+ const clickOutside = useClickOutside({
46
+ wrapperRef,
47
+ visible: isOpen,
48
+ });
49
+ useEffect(() => {
50
+ if (clickOutside === OUTSIDE_INDICATOR && isOpen) {
51
+ animationUtil.animateNext();
52
+ setIsOpen(false);
53
+ }
54
+ }, [clickOutside, isOpen]);
55
+ const actionSize = useMemo(() => Math.floor(size * ACTION_BUTTON_SIZE_PERCENTAGE), [size]);
56
+ const onActionPress = useCallback(actionPress => {
57
+ actionPress();
58
+ setIsOpen(false);
59
+ }, []);
60
+ const actionComponents = useMemo(() => actions
61
+ ?.reverse()
62
+ ?.map(action => (<FloatingActionButton key={action.key} actionKey={action.key} title={action.title} iconName={action.iconName} size={actionSize} disabled={action.disabled} onPress={() => onActionPress(action.onPress)} translator={translator}/>)), [actions, actionSize, onActionPress, translator]);
63
+ const styles = useMemo(() => getStyles(Colors), [Colors]);
64
+ const handleFLoatingButtonPress = useCallback(() => {
65
+ animationUtil.animateNext();
66
+ setIsOpen(current => !current);
67
+ }, []);
68
+ if (actions == null || actions?.length === 0) {
69
+ return <View />;
70
+ }
71
+ return (<View ref={wrapperRef} style={[styles.container, style]}>
72
+ {isOpen && (<View style={styles.actionsContainer}>{actionComponents}</View>)}
73
+ <CircleButton iconName={isOpen ? 'times' : iconName} onPress={handleFLoatingButtonPress} size={size}/>
74
+ </View>);
75
+ };
76
+ const getStyles = (Colors) => StyleSheet.create({
77
+ actionButtonContainer: {
78
+ flexDirection: 'row-reverse',
79
+ marginTop: 7,
80
+ },
81
+ actionsContainer: {
82
+ marginVertical: 10,
83
+ paddingHorizontal: 7,
84
+ },
85
+ actionTitleContainer: {
86
+ backgroundColor: Colors.screenBackgroundColor,
87
+ marginHorizontal: 15,
88
+ marginVertical: 10,
89
+ justifyContent: 'center',
90
+ alignItems: 'center',
91
+ minWidth: MIN_ACTION_BUTTON_WIDTH,
92
+ borderRadius: 7,
93
+ elevation: 3,
94
+ },
95
+ actionTitle: {
96
+ textAlign: 'center',
97
+ },
98
+ container: {
99
+ justifyContent: 'flex-end',
100
+ alignItems: 'flex-end',
101
+ marginVertical: 10,
102
+ marginHorizontal: 20,
103
+ },
104
+ });
105
+ export default FloatingButton;
106
+ //# sourceMappingURL=FloatingButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/organisms/FloatingButton/FloatingButton.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import { ImageSourcePropType } from 'react-native';
2
2
  interface ImageBubbleProps {
3
3
  style?: any;
4
- listComponent: any;
4
+ listComponent?: any;
5
5
  source: ImageSourcePropType;
6
6
  imageSize?: number;
7
7
  defaultIconSize?: number;
@@ -77,11 +77,12 @@ const ImageBubble = ({ source, listComponent, style, imageSize = Dimensions.get(
77
77
  return (<View style={styles.container}>
78
78
  <Image resizeMode="contain" generalStyle={[styles.generalImageStyle, style]} imageSize={styles.imageStyle} defaultIconSize={defaultIconSize} source={source}/>
79
79
  <View>
80
- {listComponent.map((elt, index) => {
81
- return (<View style={getComponentPosition(index, imageSize)} key={index}>
82
- {elt}
83
- </View>);
84
- })}
80
+ {listComponent &&
81
+ listComponent.map((elt, index) => {
82
+ return (<View style={getComponentPosition(index, imageSize)} key={index}>
83
+ {elt}
84
+ </View>);
85
+ })}
85
86
  </View>
86
87
  </View>);
87
88
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ImageBubble.js","sourceRoot":"","sources":["../../../../src/components/organisms/ImageBubble/ImageBubble.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ImageBubble.js","sourceRoot":"","sources":["../../../../src/components/organisms/ImageBubble/ImageBubble.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import { Color } from '../../../theme/themes';
2
+ interface MultiSelectValueProps {
3
+ color?: Color;
4
+ itemList: string[];
5
+ style?: any;
6
+ title: string;
7
+ }
8
+ declare const MultiSelectValue: ({ color, itemList, style, title, }: MultiSelectValueProps) => JSX.Element;
9
+ export default MultiSelectValue;
@@ -0,0 +1,49 @@
1
+ /*
2
+ * Axelor Business Solutions
3
+ *
4
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
5
+ *
6
+ * This program is free software: you can redistribute it and/or modify
7
+ * it under the terms of the GNU Affero General Public License, version 3,
8
+ * as published by the Free Software Foundation.
9
+ *
10
+ * This program is distributed in the hope that it will be useful,
11
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
12
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13
+ * GNU Affero General Public License for more details.
14
+ *
15
+ * You should have received a copy of the GNU Affero General Public License
16
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
17
+ */
18
+ import React from 'react';
19
+ import { StyleSheet, View } from 'react-native';
20
+ import { useThemeColor } from '../../../theme/ThemeContext';
21
+ import { Badge } from '../../molecules';
22
+ import { Text } from '../../atoms';
23
+ const MultiSelectValue = ({ color, itemList, style, title, }) => {
24
+ const Colors = useThemeColor();
25
+ return (<View style={[styles.container, style]}>
26
+ <Text style={styles.title}>{title}</Text>
27
+ {itemList != null && itemList?.length > 0
28
+ ? itemList.map((item, index) => (<Badge key={'index' + index} title={item} color={color || Colors.primaryColor} style={styles.badge}/>))
29
+ : null}
30
+ </View>);
31
+ };
32
+ const styles = StyleSheet.create({
33
+ container: {
34
+ flexDirection: 'row',
35
+ flexWrap: 'wrap',
36
+ alignItems: 'center',
37
+ },
38
+ badge: {
39
+ width: null,
40
+ marginVertical: 2,
41
+ paddingHorizontal: 5,
42
+ },
43
+ title: {
44
+ fontSize: 14,
45
+ marginRight: 10,
46
+ },
47
+ });
48
+ export default MultiSelectValue;
49
+ //# sourceMappingURL=MultiSelectValue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiSelectValue.js","sourceRoot":"","sources":["../../../../src/components/organisms/MultiSelectValue/MultiSelectValue.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAC,KAAK,EAAC,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AASjC,MAAM,gBAAgB,GAAG,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACiB,EAAE,EAAE;IAC1B,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACxC;MAAA,CAAC,QAAQ,IAAI,IAAI,IAAI,QAAQ,EAAE,MAAM,GAAG,CAAC;YACvC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC,CACrB,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,KAAK,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,YAAY,CAAC,CACpC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACpB,CACH,CAAC;YACJ,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,IAAI;QACX,cAAc,EAAE,CAAC;QACjB,iBAAiB,EAAE,CAAC;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
@@ -11,6 +11,7 @@ interface MultiValuePickerProps {
11
11
  disabled?: boolean;
12
12
  disabledValue?: string;
13
13
  iconName?: string;
14
+ required?: boolean;
14
15
  }
15
- declare const MultiValuePicker: ({ style, pickerStyle, styleTxt, title, onValueChange, defaultValue, listItems, labelField, valueField, disabled, disabledValue, iconName, }: MultiValuePickerProps) => JSX.Element;
16
+ declare const MultiValuePicker: ({ style, pickerStyle, styleTxt, title, onValueChange, defaultValue, listItems, labelField, valueField, disabled, disabledValue, iconName, required, }: MultiValuePickerProps) => JSX.Element;
16
17
  export default MultiValuePicker;