react-ui-basics 0.0.175 → 0.0.178

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 (162) hide show
  1. package/Animated.js.map +1 -1
  2. package/AutocompleteSelect.js.map +1 -1
  3. package/Button.js.map +1 -1
  4. package/CalendarMonthView.css +20 -0
  5. package/CalendarMonthView.d.ts +12 -0
  6. package/CalendarMonthView.js +52 -0
  7. package/CalendarMonthView.js.map +1 -0
  8. package/Checkbox.js.map +1 -1
  9. package/CircleProgress.js.map +1 -1
  10. package/CommonFields.js.map +1 -1
  11. package/DNDContainer.js.map +1 -1
  12. package/DNDDraggable.js.map +1 -1
  13. package/DNDDroppable.js.map +1 -1
  14. package/DatePicker.css +93 -0
  15. package/DatePicker.d.ts +32 -0
  16. package/DatePicker.js +116 -0
  17. package/DatePicker.js.map +1 -0
  18. package/DateTools.d.ts +39 -0
  19. package/DateTools.js +73 -0
  20. package/DateTools.js.map +1 -0
  21. package/Dialog.js.map +1 -1
  22. package/DropFileInput.js.map +1 -1
  23. package/DroppableHorizontalList.js.map +1 -1
  24. package/DroppableList.js.map +1 -1
  25. package/Dropzone.js.map +1 -1
  26. package/FilteredList.js.map +1 -1
  27. package/FloatingActionButton.js.map +1 -1
  28. package/FormUploadProgress.js.map +1 -1
  29. package/ImageGallery.js.map +1 -1
  30. package/MaterialIcon.js.map +1 -1
  31. package/Modal.js.map +1 -1
  32. package/ModalMenu.js.map +1 -1
  33. package/ReactConstants.js.map +1 -1
  34. package/ReactCreateElement.js.map +1 -1
  35. package/ReadyListener.js.map +1 -1
  36. package/Scrollable.js.map +1 -1
  37. package/ScrollableTable.js.map +1 -1
  38. package/Size.js.map +1 -1
  39. package/Snackbar.js.map +1 -1
  40. package/SpinningProgress.js.map +1 -1
  41. package/Switch.js.map +1 -1
  42. package/Table.js.map +1 -1
  43. package/Tabs.css +65 -0
  44. package/Tabs.d.ts +22 -0
  45. package/TextField.js.map +1 -1
  46. package/Tools.d.ts +2 -2
  47. package/Tools.js.map +1 -1
  48. package/bundle.css +726 -587
  49. package/index.js +4 -0
  50. package/index.js.map +1 -1
  51. package/package.json +1 -1
  52. package/router/HistoryTools.js.map +1 -1
  53. package/router/Link.js.map +1 -1
  54. package/router/NavLink.js.map +1 -1
  55. package/router/Route.js.map +1 -1
  56. package/router/index.js.map +1 -1
  57. package/src/Animated.css +7 -0
  58. package/src/Animated.js +219 -0
  59. package/src/Animated.scss +8 -0
  60. package/src/AutocompleteSelect.css +256 -0
  61. package/src/AutocompleteSelect.js +473 -0
  62. package/src/AutocompleteSelect.scss +322 -0
  63. package/src/Button.css +138 -0
  64. package/src/Button.js +104 -0
  65. package/src/Button.scss +177 -0
  66. package/src/CalendarMonthView.css +20 -0
  67. package/src/CalendarMonthView.scss +25 -0
  68. package/src/CalendarMonthView.tsx +80 -0
  69. package/src/Checkbox.css +56 -0
  70. package/src/Checkbox.js +52 -0
  71. package/src/Checkbox.scss +87 -0
  72. package/src/CircleProgress.css +11 -0
  73. package/src/CircleProgress.js +38 -0
  74. package/src/CircleProgress.scss +13 -0
  75. package/src/CommonFields.js +21 -0
  76. package/src/DNDContainer.css +26 -0
  77. package/src/DNDContainer.js +263 -0
  78. package/src/DNDContainer.scss +33 -0
  79. package/src/DNDDraggable.js +55 -0
  80. package/src/DNDDroppable.js +58 -0
  81. package/src/DatePicker.css +93 -0
  82. package/src/DatePicker.scss +118 -0
  83. package/src/DatePicker.tsx +179 -0
  84. package/src/DateTools.ts +85 -0
  85. package/src/Dialog.css +36 -0
  86. package/src/Dialog.js +160 -0
  87. package/src/Dialog.scss +42 -0
  88. package/src/DropFileInput.css +24 -0
  89. package/src/DropFileInput.js +45 -0
  90. package/src/DropFileInput.scss +28 -0
  91. package/src/DroppableHorizontalList.js +190 -0
  92. package/src/DroppableList.css +14 -0
  93. package/src/DroppableList.js +201 -0
  94. package/src/DroppableList.scss +27 -0
  95. package/src/Dropzone.css +54 -0
  96. package/src/Dropzone.js +140 -0
  97. package/src/Dropzone.scss +66 -0
  98. package/src/FilteredList.css +68 -0
  99. package/src/FilteredList.js +196 -0
  100. package/src/FilteredList.scss +86 -0
  101. package/src/FloatingActionButton.css +20 -0
  102. package/src/FloatingActionButton.js +35 -0
  103. package/src/FloatingActionButton.scss +25 -0
  104. package/src/FormUploadProgress.css +61 -0
  105. package/src/FormUploadProgress.js +87 -0
  106. package/src/FormUploadProgress.scss +78 -0
  107. package/src/ImageGallery.css +196 -0
  108. package/src/ImageGallery.js +935 -0
  109. package/src/ImageGallery.scss +256 -0
  110. package/src/MaterialIcon.js +1837 -0
  111. package/src/Modal.css +61 -0
  112. package/src/Modal.js +160 -0
  113. package/src/Modal.scss +73 -0
  114. package/src/ModalMenu.css +30 -0
  115. package/src/ModalMenu.js +59 -0
  116. package/src/ModalMenu.scss +36 -0
  117. package/src/ReactConstants.ts +42 -0
  118. package/src/ReactCreateElement.js +5 -0
  119. package/src/ReadyListener.js +53 -0
  120. package/src/ResizeObserver.ts +50 -0
  121. package/src/Scrollable.css +80 -0
  122. package/src/Scrollable.js +388 -0
  123. package/src/Scrollable.scss +100 -0
  124. package/src/ScrollableTable.css +6 -0
  125. package/src/ScrollableTable.scss +12 -0
  126. package/src/ScrollableTable.tsx +39 -0
  127. package/src/Size.js +56 -0
  128. package/src/Snackbar.css +40 -0
  129. package/src/Snackbar.js +71 -0
  130. package/src/Snackbar.scss +47 -0
  131. package/src/SpinningProgress.css +49 -0
  132. package/src/SpinningProgress.js +19 -0
  133. package/src/SpinningProgress.scss +57 -0
  134. package/src/Switch.css +69 -0
  135. package/src/Switch.js +54 -0
  136. package/src/Switch.scss +73 -0
  137. package/src/Table.css +94 -0
  138. package/src/Table.scss +121 -0
  139. package/src/Table.tsx +360 -0
  140. package/src/Tabs.css +65 -0
  141. package/src/Tabs.scss +77 -0
  142. package/src/Tabs.tsx +63 -0
  143. package/src/TextField.css +122 -0
  144. package/src/TextField.js +162 -0
  145. package/src/TextField.scss +160 -0
  146. package/src/Tools.test.js +105 -0
  147. package/src/Tools.ts +231 -0
  148. package/src/global.css +1 -0
  149. package/src/global.scss +6 -0
  150. package/src/index.js +84 -0
  151. package/src/router/HistoryTools.js +32 -0
  152. package/src/router/Link.js +27 -0
  153. package/src/router/NavLink.js +25 -0
  154. package/src/router/README.md +55 -0
  155. package/src/router/Route.js +209 -0
  156. package/src/router/Route.test.js +139 -0
  157. package/src/router/index.js +14 -0
  158. package/src/store/ProxyTools.js +91 -0
  159. package/src/store/ProxyTools.test.js +97 -0
  160. package/src/store/Store.ts +91 -0
  161. package/store/ProxyTools.js.map +1 -1
  162. package/store/Store.js.map +1 -1
package/index.js CHANGED
@@ -3,6 +3,7 @@ import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAcce
3
3
  export { default as Animated } from './Animated.js';
4
4
  export { default as AutocompleteSelect } from './AutocompleteSelect.js';
5
5
  export { default as Button } from './Button.js';
6
+ export { default as CalendarMonthView } from './CalendarMonthView.js';
6
7
  export { default as Checkbox } from './Checkbox.js';
7
8
  export { default as CircleProgress } from './CircleProgress.js';
8
9
  import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
@@ -10,6 +11,9 @@ import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
10
11
  import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
11
12
  import * as CommonFields from './CommonFields.js';
12
13
  export { CommonFields };
14
+ export { default as DatePicker } from './DatePicker.js';
15
+ import * as DateTools from './DateTools.js';
16
+ export { DateTools };
13
17
  export { default as Dialog } from './Dialog.js';
14
18
  export { default as DNDContainer } from './DNDContainer.js';
15
19
  export { default as DNDDraggable } from './DNDDraggable.js';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-ui-basics",
3
- "version": "0.0.175",
3
+ "version": "0.0.178",
4
4
  "description": "",
5
5
  "module": "index.js",
6
6
  "_main": "index.cjs.js",
@@ -1 +1 @@
1
- {"version":3,"file":"HistoryTools.js","sources":["../../../../src/react-ui-basics/router/HistoryTools.js"],"sourcesContent":["import {DOCUMENT, WINDOW} from \"../Tools\";\n\nconst history = WINDOW.history;\n\nconst events = ['pushState', 'replaceState'];\nevents.forEach(e => {\n var original = history[e];\n history[e] = function () {\n original.apply(history, arguments);\n fireEvent(e);\n }\n});\n\nconst fireEvent = (name) => {\n const event = DOCUMENT.createEvent('Event');\n event.initEvent(name, true, true);\n WINDOW.dispatchEvent(event);\n};\n\nexport const pushLocation = (path) => path !== WINDOW.location.pathname && history[events[0]](null, null, path);\n\nexport const replaceLocation = (path) => history[events[1]](null, null, path);\n\nif (window['isNotProductionEnvironment']) {\n // will be removed in production build\n // needed only to prevent bundler to remove 'unused' functions\n window['history-tools'] = {\n replaceLocation\n }\n}"],"names":["history","WINDOW","events","forEach","e","original","apply","arguments","fireEvent","name","event","DOCUMENT","createEvent","initEvent","dispatchEvent","pushLocation","path","location","pathname","replaceLocation","window"],"mappings":";;AAEA,IAAMA,OAAO,GAAGC,MAAM,CAACD,OAAvB,CAAA;AAEA,IAAME,MAAM,GAAG,CAAC,WAAD,EAAc,cAAd,CAAf,CAAA;AACAA,MAAM,CAACC,OAAP,CAAe,UAAAC,CAAC,EAAI;AAChB,EAAA,IAAIC,QAAQ,GAAGL,OAAO,CAACI,CAAD,CAAtB,CAAA;AACAJ,EAAAA,OAAO,CAACI,CAAD,CAAP,GAAa,YAAY;AACrBC,IAAAA,QAAQ,CAACC,KAAT,CAAeN,OAAf,EAAwBO,SAAxB,CAAA,CAAA;AACAC,IAAAA,SAAS,CAACJ,CAAD,CAAT,CAAA;AACH,GAHD,CAAA;AAIH,CAND,CAAA,CAAA;AAQA,IAAMI,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAU;AACxB,EAAA,IAAMC,KAAK,GAAGC,QAAQ,CAACC,WAAT,CAAqB,OAArB,CAAd,CAAA;AACAF,EAAAA,KAAK,CAACG,SAAN,CAAgBJ,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,CAAA,CAAA;AACAR,EAAAA,MAAM,CAACa,aAAP,CAAqBJ,KAArB,CAAA,CAAA;AACH,CAJD,CAAA;IAMaK,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAA;AAAA,EAAUA,OAAAA,IAAI,KAAKf,MAAM,CAACgB,QAAP,CAAgBC,QAAzB,IAAqClB,OAAO,CAACE,MAAM,CAAC,CAAD,CAAP,CAAP,CAAmB,IAAnB,EAAyB,IAAzB,EAA+Bc,IAA/B,CAA/C,CAAA;AAAA,EAArB;IAEMG,eAAe,GAAG,SAAlBA,eAAkB,CAACH,IAAD,EAAA;AAAA,EAAA,OAAUhB,OAAO,CAACE,MAAM,CAAC,CAAD,CAAP,CAAP,CAAmB,IAAnB,EAAyB,IAAzB,EAA+Bc,IAA/B,CAAV,CAAA;AAAA,EAAxB;AAEP,IAAII,MAAM,CAAC,4BAAD,CAAV,EAA0C;AAGtCA,EAAAA,MAAM,CAAC,eAAD,CAAN,GAA0B;AACtBD,IAAAA,eAAe,EAAfA,eAAAA;AADsB,GAA1B,CAAA;AAGH;;;;"}
1
+ {"version":3,"file":"HistoryTools.js","sources":["../src/router/HistoryTools.js"],"sourcesContent":["import {DOCUMENT, WINDOW} from \"../Tools\";\n\nconst history = WINDOW.history;\n\nconst events = ['pushState', 'replaceState'];\nevents.forEach(e => {\n var original = history[e];\n history[e] = function () {\n original.apply(history, arguments);\n fireEvent(e);\n }\n});\n\nconst fireEvent = (name) => {\n const event = DOCUMENT.createEvent('Event');\n event.initEvent(name, true, true);\n WINDOW.dispatchEvent(event);\n};\n\nexport const pushLocation = (path) => path !== WINDOW.location.pathname && history[events[0]](null, null, path);\n\nexport const replaceLocation = (path) => history[events[1]](null, null, path);\n\nif (window['isNotProductionEnvironment']) {\n // will be removed in production build\n // needed only to prevent bundler to remove 'unused' functions\n window['history-tools'] = {\n replaceLocation\n }\n}"],"names":["history","WINDOW","events","forEach","e","original","apply","arguments","fireEvent","name","event","DOCUMENT","createEvent","initEvent","dispatchEvent","pushLocation","path","location","pathname","replaceLocation","window"],"mappings":";;AAEA,IAAMA,OAAO,GAAGC,MAAM,CAACD,OAAvB,CAAA;AAEA,IAAME,MAAM,GAAG,CAAC,WAAD,EAAc,cAAd,CAAf,CAAA;AACAA,MAAM,CAACC,OAAP,CAAe,UAAAC,CAAC,EAAI;AAChB,EAAA,IAAIC,QAAQ,GAAGL,OAAO,CAACI,CAAD,CAAtB,CAAA;AACAJ,EAAAA,OAAO,CAACI,CAAD,CAAP,GAAa,YAAY;AACrBC,IAAAA,QAAQ,CAACC,KAAT,CAAeN,OAAf,EAAwBO,SAAxB,CAAA,CAAA;AACAC,IAAAA,SAAS,CAACJ,CAAD,CAAT,CAAA;AACH,GAHD,CAAA;AAIH,CAND,CAAA,CAAA;AAQA,IAAMI,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAU;AACxB,EAAA,IAAMC,KAAK,GAAGC,QAAQ,CAACC,WAAT,CAAqB,OAArB,CAAd,CAAA;AACAF,EAAAA,KAAK,CAACG,SAAN,CAAgBJ,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,CAAA,CAAA;AACAR,EAAAA,MAAM,CAACa,aAAP,CAAqBJ,KAArB,CAAA,CAAA;AACH,CAJD,CAAA;IAMaK,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAA;AAAA,EAAUA,OAAAA,IAAI,KAAKf,MAAM,CAACgB,QAAP,CAAgBC,QAAzB,IAAqClB,OAAO,CAACE,MAAM,CAAC,CAAD,CAAP,CAAP,CAAmB,IAAnB,EAAyB,IAAzB,EAA+Bc,IAA/B,CAA/C,CAAA;AAAA,EAArB;IAEMG,eAAe,GAAG,SAAlBA,eAAkB,CAACH,IAAD,EAAA;AAAA,EAAA,OAAUhB,OAAO,CAACE,MAAM,CAAC,CAAD,CAAP,CAAP,CAAmB,IAAnB,EAAyB,IAAzB,EAA+Bc,IAA/B,CAAV,CAAA;AAAA,EAAxB;AAEP,IAAII,MAAM,CAAC,4BAAD,CAAV,EAA0C;AAGtCA,EAAAA,MAAM,CAAC,eAAD,CAAN,GAA0B;AACtBD,IAAAA,eAAe,EAAfA,eAAAA;AADsB,GAA1B,CAAA;AAGH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sources":["../../../../src/react-ui-basics/router/Link.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {pushLocation} from \"./HistoryTools\";\nimport {preventDefault} from \"../Tools\";\n\nconst Link = ({children, href, className}) =>\n <a href={href} className={className} onClick={(e) => {\n if (!e.ctrlKey) {\n preventDefault(e);\n pushLocation(href);\n }\n }}>{children}</a>;\n\nif (window.isNotProductionEnvironment) {\n Link.propTypes = {\n href: PropTypes.string.isRequired,\n };\n}\n\nexport default Link;"],"names":["Link","children","href","className","e","ctrlKey","preventDefault","pushLocation","window","isNotProductionEnvironment","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;AAOA,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAAA,IAAA,EAAA;AAAA,EAAEC,IAAAA,QAAF,QAAEA,QAAF;AAAA,MAAYC,IAAZ,QAAYA,IAAZ;AAAA,MAAkBC,SAAlB,QAAkBA,SAAlB,CAAA;AAAA,EACT,OAAA,kBAAA,CAAA,GAAA,EAAA;AAAG,IAAA,IAAI,EAAED,IAAT;AAAe,IAAA,SAAS,EAAEC,SAA1B;AAAqC,IAAA,OAAO,EAAE,SAACC,OAAAA,CAAAA,CAAD,EAAO;AACjD,MAAA,IAAI,CAACA,CAAC,CAACC,OAAP,EAAgB;AACZC,QAAAA,cAAc,CAACF,CAAD,CAAd,CAAA;AACAG,QAAAA,YAAY,CAACL,IAAD,CAAZ,CAAA;AACH,OAAA;AACJ,KAAA;AALD,GAAA,EAKID,QALJ,CADS,CAAA;AAAA,CAAb,CAAA;AAQA,IAAIO,MAAM,CAACC,0BAAX,EAAuC;AACnCT,EAAAA,IAAI,CAACU,SAAL,GAAiB;AACbR,IAAAA,IAAI,EAAES,SAAS,CAACC,MAAV,CAAiBC,UAAAA;AADV,GAAjB,CAAA;AAGH,CAAA;AAED,aAAeb,IAAf;;;;"}
1
+ {"version":3,"file":"Link.js","sources":["../src/router/Link.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {pushLocation} from \"./HistoryTools\";\nimport {preventDefault} from \"../Tools\";\n\nconst Link = ({children, href, className}) =>\n <a href={href} className={className} onClick={(e) => {\n if (!e.ctrlKey) {\n preventDefault(e);\n pushLocation(href);\n }\n }}>{children}</a>;\n\nif (window.isNotProductionEnvironment) {\n Link.propTypes = {\n href: PropTypes.string.isRequired,\n };\n}\n\nexport default Link;"],"names":["Link","children","href","className","e","ctrlKey","preventDefault","pushLocation","window","isNotProductionEnvironment","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;AAOA,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAAA,IAAA,EAAA;AAAA,EAAEC,IAAAA,QAAF,QAAEA,QAAF;AAAA,MAAYC,IAAZ,QAAYA,IAAZ;AAAA,MAAkBC,SAAlB,QAAkBA,SAAlB,CAAA;AAAA,EACT,OAAA,kBAAA,CAAA,GAAA,EAAA;AAAG,IAAA,IAAI,EAAED,IAAT;AAAe,IAAA,SAAS,EAAEC,SAA1B;AAAqC,IAAA,OAAO,EAAE,SAACC,OAAAA,CAAAA,CAAD,EAAO;AACjD,MAAA,IAAI,CAACA,CAAC,CAACC,OAAP,EAAgB;AACZC,QAAAA,cAAc,CAACF,CAAD,CAAd,CAAA;AACAG,QAAAA,YAAY,CAACL,IAAD,CAAZ,CAAA;AACH,OAAA;AACJ,KAAA;AALD,GAAA,EAKID,QALJ,CADS,CAAA;AAAA,CAAb,CAAA;AAQA,IAAIO,MAAM,CAACC,0BAAX,EAAuC;AACnCT,EAAAA,IAAI,CAACU,SAAL,GAAiB;AACbR,IAAAA,IAAI,EAAES,SAAS,CAACC,MAAV,CAAiBC,UAAAA;AADV,GAAjB,CAAA;AAGH,CAAA;AAED,aAAeb,IAAf;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"NavLink.js","sources":["../../../../src/react-ui-basics/router/NavLink.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport Route from \"./Route\";\nimport Link from \"./Link\";\nimport {classNames} from \"../Tools\";\n\nconst NavLink = ({children, href, highlightPath, className, activeClassName}) =>\n <Route path={highlightPath || href}\n controller={matches => <Link href={href} className={classNames(className, matches && activeClassName)}>\n {children}\n </Link>}\n />;\n\nif(window.isNotProductionEnvironment) {\n NavLink.propTypes = Link.propTypes;\n}\n\nexport default NavLink;"],"names":["NavLink","children","href","highlightPath","className","activeClassName","matches","classNames","window","isNotProductionEnvironment","propTypes","Link"],"mappings":";;;;;;;AAQA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAAA,IAAA,EAAA;AAAA,EAAEC,IAAAA,QAAF,QAAEA,QAAF;AAAA,MAAYC,IAAZ,QAAYA,IAAZ;AAAA,MAAkBC,aAAlB,QAAkBA,aAAlB;AAAA,MAAiCC,SAAjC,QAAiCA,SAAjC;AAAA,MAA4CC,eAA5C,QAA4CA,eAA5C,CAAA;AAAA,EAAA,OACZ,mBAAC,KAAD,EAAA;AAAO,IAAA,IAAI,EAAEF,aAAa,IAAID,IAA9B;AACO,IAAA,UAAU,EAAE,SAAA,UAAA,CAAAI,OAAO,EAAA;AAAA,MAAA,OAAI,mBAAC,IAAD,EAAA;AAAM,QAAA,IAAI,EAAEJ,IAAZ;AAAkB,QAAA,SAAS,EAAEK,UAAU,CAACH,SAAD,EAAYE,OAAO,IAAID,eAAvB,CAAA;AAAvC,OAAA,EAClBJ,QADkB,CAAJ,CAAA;AAAA,KAAA;AAD1B,GADY,CAAA,CAAA;AAAA,CAAhB,CAAA;AAOA,IAAGO,MAAM,CAACC,0BAAV,EAAsC;AAClCT,EAAAA,OAAO,CAACU,SAAR,GAAoBC,IAAI,CAACD,SAAzB,CAAA;AACH,CAAA;AAED,gBAAeV,OAAf;;;;"}
1
+ {"version":3,"file":"NavLink.js","sources":["../src/router/NavLink.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport Route from \"./Route\";\nimport Link from \"./Link\";\nimport {classNames} from \"../Tools\";\n\nconst NavLink = ({children, href, highlightPath, className, activeClassName}) =>\n <Route path={highlightPath || href}\n controller={matches => <Link href={href} className={classNames(className, matches && activeClassName)}>\n {children}\n </Link>}\n />;\n\nif(window.isNotProductionEnvironment) {\n NavLink.propTypes = Link.propTypes;\n}\n\nexport default NavLink;"],"names":["NavLink","children","href","highlightPath","className","activeClassName","matches","classNames","window","isNotProductionEnvironment","propTypes","Link"],"mappings":";;;;;;;AAQA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAAA,IAAA,EAAA;AAAA,EAAEC,IAAAA,QAAF,QAAEA,QAAF;AAAA,MAAYC,IAAZ,QAAYA,IAAZ;AAAA,MAAkBC,aAAlB,QAAkBA,aAAlB;AAAA,MAAiCC,SAAjC,QAAiCA,SAAjC;AAAA,MAA4CC,eAA5C,QAA4CA,eAA5C,CAAA;AAAA,EAAA,OACZ,mBAAC,KAAD,EAAA;AAAO,IAAA,IAAI,EAAEF,aAAa,IAAID,IAA9B;AACO,IAAA,UAAU,EAAE,SAAA,UAAA,CAAAI,OAAO,EAAA;AAAA,MAAA,OAAI,mBAAC,IAAD,EAAA;AAAM,QAAA,IAAI,EAAEJ,IAAZ;AAAkB,QAAA,SAAS,EAAEK,UAAU,CAACH,SAAD,EAAYE,OAAO,IAAID,eAAvB,CAAA;AAAvC,OAAA,EAClBJ,QADkB,CAAJ,CAAA;AAAA,KAAA;AAD1B,GADY,CAAA,CAAA;AAAA,CAAhB,CAAA;AAOA,IAAGO,MAAM,CAACC,0BAAV,EAAsC;AAClCT,EAAAA,OAAO,CAACU,SAAR,GAAoBC,IAAI,CAACD,SAAzB,CAAA;AACH,CAAA;AAED,gBAAeV,OAAf;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Route.js","sources":["../../../../src/react-ui-basics/router/Route.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {allPropsExcept, isDifferent, orNoop, setOf, WINDOW, addEventListener, removeEventListener} from \"../Tools\";\nimport {componentDidUpdate, render, PureComponent, componentDidMount, componentWillUnmount, propsGetter, stateGSs, setState} from \"../ReactConstants\";\n\nconst historyEvents = ['popstate', 'pushState', 'replaceState'];\n\nconst cleanPath = (path) => {\n if (path.length > 1 && path.lastIndexOf('/') === path.length - 1)\n return path.substring(0, path.length - 1);\n\n return path;\n};\n\nconst createUrlMatcher = path => {\n let matcher;\n const segments = path.split('/');\n const optionals = segments.map(it => it === '*' || it.indexOf('?') === it.length - 1);\n const containsVariables = path.indexOf(':') !== -1;\n const containsAnySegment = path.indexOf('*') !== -1;\n const containsNot = path.indexOf('!') !== -1;\n\n if (!containsAnySegment && !containsVariables && !containsNot) {\n matcher = (p) => p === path\n } else {\n const endsWithAny = path.lastIndexOf('*') === path.length - 1;\n const matchers = segments.map((segment, i) => {\n let matcher;\n const variableNameIndex = segment.indexOf(':');\n if (segment === '*')\n matcher = () => true;\n else if (variableNameIndex !== -1) {\n let variable = segment.substring(variableNameIndex + 1);\n let regex = null\n if (variable.indexOf('?') !== -1)\n variable = variable.substring(0, variable.indexOf('?'));\n if (variable.indexOf('(') !== -1) {\n let regexStart = variable.indexOf('(');\n regex = new RegExp(variable.substring(regexStart))\n variable = variable.substring(0, regexStart);\n }\n\n const prefix = variableNameIndex && segment.substring(0, variableNameIndex);\n matcher = (p, params) => {\n if (regex && !!p && !p.match(regex))\n return false\n\n if (!p && !optionals[i])\n return false;\n if (prefix) {\n if (p.indexOf(prefix) === 0)\n p = p.substring(variableNameIndex);\n else\n return false;\n }\n\n params[variable] = p;\n return true;\n }\n } else if (segment.indexOf('!') === 0) {\n const not = segment.substring(1);\n matcher = (p) => p !== not;\n } else\n matcher = (p) => p === segment;\n return matcher;\n });\n\n matcher = (path, params) => {\n const segments = path.split('/');\n const length = Math.min(matchers.length, segments.length);\n\n // only exact match if mapping not ends with *\n if (!endsWithAny && matchers.length < segments.length)\n return false;\n\n // check that each segment matches\n for (let i = 0; i < length; i++) {\n if (!matchers[i](segments[i], params))\n return false;\n }\n\n // check that all other segments are optional\n for (let i = length; i < optionals.length; i++) {\n if (!optionals[i])\n return false;\n }\n\n return true;\n };\n }\n return matcher\n};\n\nconst createUrlMatchers = path => {\n if (Array.isArray(path)) {\n const matchers = path.map(it => createUrlMatcher(it));\n return (path, params) => {\n for (let i = 0; i < matchers.length; i++) {\n let props = {};\n if (matchers[i](path, props)) {\n Object.assign(params, props);\n return true;\n }\n }\n return false;\n }\n } else {\n return createUrlMatcher(path);\n }\n};\n\nconst selfProps = setOf([\n 'children',\n 'path',\n 'controller',\n 'onToggle',\n]);\n\nclass Route extends PureComponent {\n\n constructor(properties) {\n super(properties);\n const that = this;\n that.state = {};\n let matcher;\n\n const props = propsGetter(that);\n const [\n isRendering,\n paramsState,\n mergedPropsState,\n ] = stateGSs(that, 3);\n\n const process = () => {\n let params = {};\n let nextState = {};\n let isMatching = matcher(cleanPath(WINDOW.location.pathname), params);\n\n const toggle = isMatching !== isRendering();\n toggle && (nextState[isRendering] = isMatching);\n\n if (isDifferent(paramsState(), params)) {\n nextState[mergedPropsState] = Object.assign(allPropsExcept(props(), selfProps), params);\n nextState[paramsState] = params;\n }\n\n //set new state just once to avoid several renders\n setState(that, nextState, () => {\n toggle && orNoop(props().onToggle)(isMatching);\n })\n };\n\n that[componentDidUpdate] = (prevProps, prevState) => {\n if (props() !== prevProps) {\n let mergedProps = Object.assign(allPropsExcept(props(), selfProps), paramsState());\n if (isDifferent(mergedProps, mergedPropsState()))\n mergedPropsState(mergedProps);\n }\n };\n\n that[render] = () => {\n const {children, controller} = props();\n return (controller || DefaultController)(isRendering(), children, mergedPropsState());\n };\n\n that[componentDidMount] = () => {\n matcher = createUrlMatchers(props().path);\n\n historyEvents.forEach(it => {\n addEventListener(WINDOW, it, process);\n });\n process();\n };\n\n that[componentWillUnmount] = () => {\n historyEvents.forEach(it => {\n removeEventListener(WINDOW, it, process);\n });\n };\n }\n}\n\nif (window.isNotProductionEnvironment) {\n Route.propTypes = {\n path: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string)\n ]).isRequired,\n controller: PropTypes.func,\n onToggle: PropTypes.func,\n };\n}\n\nconst DefaultController = (matches, children, props) => {\n if (!matches || !children) return null;\n if (Object.keys(props).length > 0) {\n return React.Children.map(children, child => React.cloneElement(child, props));\n }\n return children;\n};\n\nexport default Route;"],"names":["historyEvents","cleanPath","path","length","lastIndexOf","substring","createUrlMatcher","matcher","segments","split","optionals","map","it","indexOf","containsVariables","containsAnySegment","containsNot","p","endsWithAny","matchers","segment","i","variableNameIndex","variable","regex","regexStart","RegExp","prefix","params","match","not","Math","min","createUrlMatchers","Array","isArray","props","Object","assign","selfProps","setOf","Route","properties","that","state","propsGetter","stateGSs","isRendering","paramsState","mergedPropsState","process","nextState","isMatching","WINDOW","location","pathname","toggle","isDifferent","allPropsExcept","setState","orNoop","onToggle","componentDidUpdate","prevProps","prevState","mergedProps","render","children","controller","DefaultController","componentDidMount","forEach","addEventListener","componentWillUnmount","removeEventListener","PureComponent","window","isNotProductionEnvironment","propTypes","PropTypes","oneOfType","string","arrayOf","isRequired","func","matches","keys","React","Children","child","cloneElement"],"mappings":"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"}
1
+ {"version":3,"file":"Route.js","sources":["../src/router/Route.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from '../ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './HistoryTools'\nimport {allPropsExcept, isDifferent, orNoop, setOf, WINDOW, addEventListener, removeEventListener} from \"../Tools\";\nimport {componentDidUpdate, render, PureComponent, componentDidMount, componentWillUnmount, propsGetter, stateGSs, setState} from \"../ReactConstants\";\n\nconst historyEvents = ['popstate', 'pushState', 'replaceState'];\n\nconst cleanPath = (path) => {\n if (path.length > 1 && path.lastIndexOf('/') === path.length - 1)\n return path.substring(0, path.length - 1);\n\n return path;\n};\n\nconst createUrlMatcher = path => {\n let matcher;\n const segments = path.split('/');\n const optionals = segments.map(it => it === '*' || it.indexOf('?') === it.length - 1);\n const containsVariables = path.indexOf(':') !== -1;\n const containsAnySegment = path.indexOf('*') !== -1;\n const containsNot = path.indexOf('!') !== -1;\n\n if (!containsAnySegment && !containsVariables && !containsNot) {\n matcher = (p) => p === path\n } else {\n const endsWithAny = path.lastIndexOf('*') === path.length - 1;\n const matchers = segments.map((segment, i) => {\n let matcher;\n const variableNameIndex = segment.indexOf(':');\n if (segment === '*')\n matcher = () => true;\n else if (variableNameIndex !== -1) {\n let variable = segment.substring(variableNameIndex + 1);\n let regex = null\n if (variable.indexOf('?') !== -1)\n variable = variable.substring(0, variable.indexOf('?'));\n if (variable.indexOf('(') !== -1) {\n let regexStart = variable.indexOf('(');\n regex = new RegExp(variable.substring(regexStart))\n variable = variable.substring(0, regexStart);\n }\n\n const prefix = variableNameIndex && segment.substring(0, variableNameIndex);\n matcher = (p, params) => {\n if (regex && !!p && !p.match(regex))\n return false\n\n if (!p && !optionals[i])\n return false;\n if (prefix) {\n if (p.indexOf(prefix) === 0)\n p = p.substring(variableNameIndex);\n else\n return false;\n }\n\n params[variable] = p;\n return true;\n }\n } else if (segment.indexOf('!') === 0) {\n const not = segment.substring(1);\n matcher = (p) => p !== not;\n } else\n matcher = (p) => p === segment;\n return matcher;\n });\n\n matcher = (path, params) => {\n const segments = path.split('/');\n const length = Math.min(matchers.length, segments.length);\n\n // only exact match if mapping not ends with *\n if (!endsWithAny && matchers.length < segments.length)\n return false;\n\n // check that each segment matches\n for (let i = 0; i < length; i++) {\n if (!matchers[i](segments[i], params))\n return false;\n }\n\n // check that all other segments are optional\n for (let i = length; i < optionals.length; i++) {\n if (!optionals[i])\n return false;\n }\n\n return true;\n };\n }\n return matcher\n};\n\nconst createUrlMatchers = path => {\n if (Array.isArray(path)) {\n const matchers = path.map(it => createUrlMatcher(it));\n return (path, params) => {\n for (let i = 0; i < matchers.length; i++) {\n let props = {};\n if (matchers[i](path, props)) {\n Object.assign(params, props);\n return true;\n }\n }\n return false;\n }\n } else {\n return createUrlMatcher(path);\n }\n};\n\nconst selfProps = setOf([\n 'children',\n 'path',\n 'controller',\n 'onToggle',\n]);\n\nclass Route extends PureComponent {\n\n constructor(properties) {\n super(properties);\n const that = this;\n that.state = {};\n let matcher;\n\n const props = propsGetter(that);\n const [\n isRendering,\n paramsState,\n mergedPropsState,\n ] = stateGSs(that, 3);\n\n const process = () => {\n let params = {};\n let nextState = {};\n let isMatching = matcher(cleanPath(WINDOW.location.pathname), params);\n\n const toggle = isMatching !== isRendering();\n toggle && (nextState[isRendering] = isMatching);\n\n if (isDifferent(paramsState(), params)) {\n nextState[mergedPropsState] = Object.assign(allPropsExcept(props(), selfProps), params);\n nextState[paramsState] = params;\n }\n\n //set new state just once to avoid several renders\n setState(that, nextState, () => {\n toggle && orNoop(props().onToggle)(isMatching);\n })\n };\n\n that[componentDidUpdate] = (prevProps, prevState) => {\n if (props() !== prevProps) {\n let mergedProps = Object.assign(allPropsExcept(props(), selfProps), paramsState());\n if (isDifferent(mergedProps, mergedPropsState()))\n mergedPropsState(mergedProps);\n }\n };\n\n that[render] = () => {\n const {children, controller} = props();\n return (controller || DefaultController)(isRendering(), children, mergedPropsState());\n };\n\n that[componentDidMount] = () => {\n matcher = createUrlMatchers(props().path);\n\n historyEvents.forEach(it => {\n addEventListener(WINDOW, it, process);\n });\n process();\n };\n\n that[componentWillUnmount] = () => {\n historyEvents.forEach(it => {\n removeEventListener(WINDOW, it, process);\n });\n };\n }\n}\n\nif (window.isNotProductionEnvironment) {\n Route.propTypes = {\n path: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string)\n ]).isRequired,\n controller: PropTypes.func,\n onToggle: PropTypes.func,\n };\n}\n\nconst DefaultController = (matches, children, props) => {\n if (!matches || !children) return null;\n if (Object.keys(props).length > 0) {\n return React.Children.map(children, child => React.cloneElement(child, props));\n }\n return children;\n};\n\nexport default Route;"],"names":["historyEvents","cleanPath","path","length","lastIndexOf","substring","createUrlMatcher","matcher","segments","split","optionals","map","it","indexOf","containsVariables","containsAnySegment","containsNot","p","endsWithAny","matchers","segment","i","variableNameIndex","variable","regex","regexStart","RegExp","prefix","params","match","not","Math","min","createUrlMatchers","Array","isArray","props","Object","assign","selfProps","setOf","Route","properties","that","state","propsGetter","stateGSs","isRendering","paramsState","mergedPropsState","process","nextState","isMatching","WINDOW","location","pathname","toggle","isDifferent","allPropsExcept","setState","orNoop","onToggle","componentDidUpdate","prevProps","prevState","mergedProps","render","children","controller","DefaultController","componentDidMount","forEach","addEventListener","componentWillUnmount","removeEventListener","PureComponent","window","isNotProductionEnvironment","propTypes","PropTypes","oneOfType","string","arrayOf","isRequired","func","matches","keys","React","Children","child","cloneElement"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/react-ui-basics/router/index.js"],"sourcesContent":["import Link from \"./Link\";\nimport NavLink from \"./NavLink\";\nimport Route from \"./Route\";\n\nexport default {\n Link,\n NavLink,\n Route\n};\n"],"names":["Link","NavLink","Route"],"mappings":";;;;AAIA,YAAe;AACXA,EAAAA,IAAI,EAAJA,IADW;AAEXC,EAAAA,OAAO,EAAPA,OAFW;AAGXC,EAAAA,KAAK,EAALA,KAAAA;AAHW,CAAf;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../src/router/index.js"],"sourcesContent":["import Link from \"./Link\";\nimport NavLink from \"./NavLink\";\nimport Route from \"./Route\";\n\nexport default {\n Link,\n NavLink,\n Route\n};\n"],"names":["Link","NavLink","Route"],"mappings":";;;;AAIA,YAAe;AACXA,EAAAA,IAAI,EAAJA,IADW;AAEXC,EAAAA,OAAO,EAAPA,OAFW;AAGXC,EAAAA,KAAK,EAALA,KAAAA;AAHW,CAAf;;;;"}
@@ -0,0 +1,7 @@
1
+ .animated {
2
+ transition: opacity 250ms ease;
3
+ opacity: 0;
4
+ }
5
+ .animated.mounting, .animated.mounted {
6
+ opacity: 1;
7
+ }
@@ -0,0 +1,219 @@
1
+ import ReactConstants from "./../ReactConstants";
2
+ import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./../CommonFields";
3
+ import React from 'react';
4
+ import {toConsumableArray as __toConsumableArray} from "./../_virtual/_rollupPluginBabelHelpers";
5
+ import {extends as __extends} from "./../_virtual/_rollupPluginBabelHelpers";
6
+ import {inherits as __inherits} from "./../_virtual/_rollupPluginBabelHelpers";
7
+ import './Animated.css';
8
+ import ReactCreateElement from './ReactCreateElement';
9
+ import PropTypes from 'prop-types';
10
+ import './Animated.css'
11
+ import {allPropsExcept, classNames, setOf, setTimeout, requestAnimationFrame, clearTimeout} from "./Tools";
12
+ import {props, state, setState, componentWillUnmount, componentDidMount, render, componentDidUpdate, className, children, PureComponent} from "./ReactConstants";
13
+
14
+ let mounting = 'mounting',
15
+ unmounting = 'unmounting',
16
+ mounted = 'mounted',
17
+ enabled = 'enabled',
18
+ mountingDelay = 'mountingDelay',
19
+ unmountingDelay = 'unmountingDelay',
20
+ timeout = 'timeout',
21
+ value = 'value'
22
+ ;
23
+
24
+ const selfProps = setOf([
25
+ children,
26
+ className,
27
+ 'styles',
28
+ mountingDelay,
29
+ unmountingDelay,
30
+ mounting,
31
+ unmounting,
32
+ value,
33
+ ]);
34
+
35
+ const clearTimer = that => clearTimeout(that[timeout]);
36
+
37
+ const animatedState = (isEnabled, isMounting, isMounted, isUnMounting) => {
38
+ const r = {};
39
+ r[enabled] = isEnabled;
40
+ r[mounting] = isMounting;
41
+ r[mounted] = isMounted;
42
+ r[unmounting] = isUnMounting;
43
+ return r;
44
+ };
45
+
46
+ const doMounting = (that, duration) => {
47
+ setState(that, animatedState(true, true, false, false));
48
+
49
+ that[timeout] = setTimeout(setState, duration, that, animatedState(true, false, true, false))
50
+ };
51
+
52
+ const processMounting = (that, duration, mountingDelay) => {
53
+ const _state = state(that);
54
+ if (_state[mounting] || _state[mounted]) return;
55
+ clearTimer(that);
56
+
57
+ if (_state[unmounting])
58
+ return doMounting(that, duration);
59
+
60
+ if (mountingDelay) {
61
+ that[timeout] = setTimeout(() => {
62
+ if (state(that)[mounted]) return;
63
+ doMounting(that, duration)
64
+ }, mountingDelay);
65
+ } else {
66
+ doMounting(that, duration);
67
+ }
68
+ };
69
+
70
+ const doUnmounting = (that, duration) => {
71
+ setState(that, animatedState(true, false, false, true));
72
+ that[timeout] = setTimeout(setState, duration, that, animatedState(false, false, false, false));
73
+ };
74
+
75
+ const processUnmounting = (that, duration, unmountingDelay) => {
76
+ const _state = state(that);
77
+ if (_state[unmounting]) return;
78
+ clearTimer(that);
79
+
80
+ if (_state[mounting])
81
+ return doUnmounting(that, duration);
82
+
83
+ if (unmountingDelay) {
84
+ that[timeout] = setTimeout(() => {
85
+ if (props(that)[value]) return;
86
+ doUnmounting(that, duration);
87
+ }, unmountingDelay);
88
+ } else {
89
+ doUnmounting(that, duration);
90
+ }
91
+ };
92
+
93
+ class Animated extends PureComponent {
94
+
95
+ constructor(properties) {
96
+ super(properties);
97
+ const that = this;
98
+ that.state = animatedState(!!properties[value]);
99
+
100
+ that[ReactConstants[0]] = () => {
101
+ const _props = props(that);
102
+ if (!!_props[value])
103
+ processMounting(that, _props[mounting], _props[mountingDelay])
104
+ };
105
+
106
+ that[ReactConstants[1]] = () => {
107
+ clearTimer(that)
108
+ };
109
+
110
+ that[ReactConstants[3]] = () => {
111
+ const _state = state(that);
112
+ if (!_state[enabled]) return null;
113
+
114
+ const _props = props(that),
115
+ {styles} = _props,
116
+ {
117
+ [mounting]: isMounting,
118
+ [unmounting]: isUnMounting,
119
+ [mounted]: isMounted,
120
+ } = _state;
121
+
122
+ let childStyles = styles.default;
123
+ if (isMounting)
124
+ childStyles = styles[mounting];
125
+ else if (isUnMounting)
126
+ childStyles = styles[unmounting];
127
+ else if (isMounted)
128
+ childStyles = styles[mounted] || styles[mounting];
129
+
130
+ const otherProps = allPropsExcept(_props, selfProps);
131
+ return React.Children.map(_props[ReactConstants[4]], child =>
132
+ child && React.cloneElement(child, {
133
+ [ReactConstants[5]]: classNames(
134
+ props(child)[ReactConstants[5]],
135
+ _props[ReactConstants[5]],
136
+ isMounting && mounting,
137
+ isMounted && mounted,
138
+ isUnMounting && unmounting
139
+ ),
140
+ style: {...__style(props(child)), ...childStyles},
141
+ ...otherProps,
142
+ }));
143
+ };
144
+
145
+ that[ReactConstants[2]] = () => {
146
+ const p = props;
147
+ const t = that;
148
+ const _props = p(t)||props(that),
149
+ _state = state(that),
150
+ {
151
+ [value]: v,
152
+ [mounting]: mountingDuration,
153
+ [unmounting]: unmountingDuration,
154
+ } = _props,
155
+ {
156
+ [mounting]: isMounting,
157
+ [unmounting]: isUnMounting,
158
+ [mounted]: isMounted,
159
+ [enabled]: isEnabled,
160
+ } = _state;
161
+
162
+ if (isUnMounting && v)
163
+ return processMounting(that, mountingDuration, _props[mountingDelay]);
164
+ if (isMounting && !v)
165
+ return processUnmounting(that, unmountingDuration, _props[unmountingDelay]);
166
+
167
+ let toggled = (isEnabled && !v) || (!isEnabled && !!v);
168
+ if (toggled) {
169
+ if (!!v) {
170
+ // just set enable to true and wait until react will mount children
171
+ setState(that, animatedState(true))
172
+ } else
173
+ processUnmounting(that, unmountingDuration, _props[unmountingDelay]);
174
+ } else {
175
+ if (isEnabled && !isMounting && !isMounted && !isUnMounting) {
176
+ // react requires a delay to mount children, one requestAnimationFrame is not enough
177
+ requestAnimationFrame(() => requestAnimationFrame(() => processMounting(that, mountingDuration, _props[mountingDelay])))
178
+ }
179
+ }
180
+ }
181
+ }
182
+ }
183
+
184
+ if (process.env.NODE_ENV !== 'production') {
185
+ Animated.propTypes = {
186
+ [value]: PropTypes.bool,
187
+ [ReactConstants[5]]: PropTypes.string,
188
+ styles: PropTypes.shape({
189
+ [mounting]: PropTypes.object,
190
+ [mounted]: PropTypes.object,
191
+ [unmounting]: PropTypes.object,
192
+ }),
193
+ [mountingDelay]: PropTypes.number,
194
+ [unmountingDelay]: PropTypes.number,
195
+ [mounting]: PropTypes.number,
196
+ [unmounting]: PropTypes.number,
197
+ };
198
+ }
199
+
200
+ Animated.defaultProps = {
201
+ [ReactConstants[5]]: 'animated',
202
+ [mounting]: 250,
203
+ [unmounting]: 250,
204
+ styles: {},
205
+ [mountingDelay]: 0,
206
+ [unmountingDelay]: 0,
207
+ };
208
+
209
+ // forcing webpack to NOT inline constant fields
210
+ // mounting = mounting || 1;
211
+ // mounted = mounted || 1;
212
+ // unmounting = unmounting || 1;
213
+ // enabled = enabled || 1;
214
+ // mountingDelay = mountingDelay || 1;
215
+ // unmountingDelay = unmountingDelay || 1;
216
+ // value = value || 1;
217
+ // timeout = timeout || 1;
218
+
219
+ export default Animated
@@ -0,0 +1,8 @@
1
+ .animated {
2
+ transition: opacity 250ms ease;
3
+ opacity: 0;
4
+
5
+ &.mounting, &.mounted {
6
+ opacity: 1;
7
+ }
8
+ }
@@ -0,0 +1,256 @@
1
+ .AutocompleteSelect {
2
+ display: inline-flex;
3
+ flex-flow: column;
4
+ justify-content: center;
5
+ position: relative;
6
+ min-width: 250px;
7
+ min-height: 36px;
8
+ user-select: none;
9
+ }
10
+ @keyframes clockwise {
11
+ 0% {
12
+ -webkit-transform: rotate(-90deg);
13
+ }
14
+ 100% {
15
+ -webkit-transform: translateX(0px);
16
+ }
17
+ }
18
+ @keyframes anticlockwise {
19
+ 0% {
20
+ -webkit-transform: rotate(90deg);
21
+ }
22
+ 100% {
23
+ -webkit-transform: translateX(0px);
24
+ }
25
+ }
26
+ .AutocompleteSelect > .input {
27
+ width: 100%;
28
+ }
29
+ .AutocompleteSelect .Scrollable {
30
+ padding-right: 0;
31
+ min-width: 100%;
32
+ }
33
+ .AutocompleteSelect.inline-multiple > .label {
34
+ top: -12px;
35
+ }
36
+ .AutocompleteSelect.inline-multiple > .selected {
37
+ flex-flow: row wrap;
38
+ }
39
+ .AutocompleteSelect.multiple-mini-inline {
40
+ height: 42px;
41
+ }
42
+ .AutocompleteSelect.multiple-mini-inline > .label {
43
+ cursor: pointer;
44
+ width: 100%;
45
+ margin-left: -10px;
46
+ padding: 10px;
47
+ box-sizing: border-box;
48
+ top: 0;
49
+ }
50
+ .AutocompleteSelect.multiple-mini-inline > .label.active {
51
+ padding: 0 10px;
52
+ }
53
+ .AutocompleteSelect.multiple-mini-inline > .selected {
54
+ width: 250px;
55
+ }
56
+ .AutocompleteSelect.multiple-mini-inline > .input {
57
+ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
58
+ position: absolute;
59
+ top: 38px;
60
+ z-index: 2;
61
+ background-color: white;
62
+ min-width: 130%;
63
+ }
64
+ .AutocompleteSelect.multiple-mini-inline > .input .TextField {
65
+ padding-left: 10px;
66
+ padding-right: 10px;
67
+ width: 100%;
68
+ box-sizing: border-box;
69
+ }
70
+ .AutocompleteSelect.multiple-mini-inline > .input.hidden {
71
+ opacity: 0;
72
+ visibility: hidden;
73
+ }
74
+ .AutocompleteSelect.multiple-mini-inline .FilteredList .child:first-child {
75
+ margin-top: 0;
76
+ }
77
+ .AutocompleteSelect .TextField {
78
+ margin-top: 8px;
79
+ }
80
+ .AutocompleteSelect .TextField input {
81
+ font-size: 14px;
82
+ }
83
+ .AutocompleteSelect > .label {
84
+ position: absolute;
85
+ transition: all 0.2s ease;
86
+ font-family: Roboto, sans-serif;
87
+ font-size: 14px;
88
+ color: rgba(0, 0, 0, 0.5);
89
+ z-index: 1;
90
+ cursor: text;
91
+ user-select: none;
92
+ left: 4px;
93
+ top: 12px;
94
+ }
95
+ .AutocompleteSelect > .label.active {
96
+ font-size: 10px;
97
+ top: 2px;
98
+ }
99
+ .AutocompleteSelect > .label.active .arrow {
100
+ border-width: 4px 4px 0 4px;
101
+ margin-bottom: 1px;
102
+ }
103
+ .AutocompleteSelect > .label .arrow {
104
+ width: 0;
105
+ height: 0;
106
+ border-style: solid;
107
+ border-width: 5px 5px 0 5px;
108
+ border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
109
+ display: inline-block;
110
+ margin-left: 5px;
111
+ margin-bottom: 2px;
112
+ transition: all 0.2s ease;
113
+ }
114
+ .AutocompleteSelect > .selected {
115
+ margin-top: 8px;
116
+ display: flex;
117
+ cursor: pointer;
118
+ }
119
+ .AutocompleteSelect > .selected > .reset {
120
+ min-width: 36px;
121
+ max-width: 36px;
122
+ position: absolute;
123
+ right: 0;
124
+ top: 0;
125
+ background-color: white;
126
+ }
127
+ .AutocompleteSelect > .selected > .reset .material-icons {
128
+ margin: 0;
129
+ color: #BFBFBF;
130
+ font-size: 20px;
131
+ }
132
+ .AutocompleteSelect > .selected.nolabel {
133
+ margin-top: 0px;
134
+ border-bottom: 1px solid #e5e3e3;
135
+ }
136
+ .AutocompleteSelect > .selected.nolabel .DummyChild {
137
+ display: inline-flex;
138
+ align-items: center;
139
+ flex-grow: 1;
140
+ font-size: 16px;
141
+ margin: 0px 10px;
142
+ margin-bottom: 5px;
143
+ height: 19px;
144
+ }
145
+ .AutocompleteSelect > .selected.nolabel .arrow {
146
+ width: 0;
147
+ height: 0;
148
+ border-style: solid;
149
+ border-width: 5px 5px 0 5px;
150
+ border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
151
+ display: inline-block;
152
+ transition: all 0.2s ease;
153
+ margin: 0px 17px 3px 5px;
154
+ }
155
+ .AutocompleteSelect > .selected.inline {
156
+ font-size: 14px;
157
+ font-family: Roboto, sans-serif;
158
+ color: #1e252d;
159
+ text-overflow: ellipsis;
160
+ white-space: nowrap;
161
+ overflow: hidden;
162
+ display: flex;
163
+ align-items: center;
164
+ }
165
+ .AutocompleteSelect > .selected.clickable {
166
+ overflow: hidden;
167
+ cursor: pointer;
168
+ padding: 10px;
169
+ margin-left: -10px;
170
+ margin-right: -10px;
171
+ }
172
+ .AutocompleteSelect.inlineSelected {
173
+ flex-flow: row wrap;
174
+ justify-content: flex-start;
175
+ }
176
+ .AutocompleteSelect.inlineSelected.hasSelected {
177
+ padding-top: 7px;
178
+ }
179
+ .AutocompleteSelect.inlineSelected > .label {
180
+ width: 100%;
181
+ height: 100%;
182
+ }
183
+ .AutocompleteSelect.inlineSelected > .label.active {
184
+ z-index: 0;
185
+ }
186
+ .AutocompleteSelect.inlineSelected .input {
187
+ width: unset;
188
+ flex-basis: 50px;
189
+ flex-grow: 1;
190
+ }
191
+ .AutocompleteSelect.inlineSelected .input::after {
192
+ content: attr(data-value);
193
+ visibility: hidden;
194
+ white-space: pre;
195
+ font: inherit;
196
+ min-width: 2px;
197
+ border: 0;
198
+ margin: 0;
199
+ outline: 0;
200
+ float: left;
201
+ display: inline-block;
202
+ margin-top: -24px;
203
+ font-size: 14px;
204
+ padding: 2px;
205
+ }
206
+ .AutocompleteSelect.inlineSelected > .value:nth-child(2) {
207
+ margin-top: 7px;
208
+ }
209
+ .AutocompleteSelect.inlineSelected > .value, .AutocompleteSelect > .selected > .value {
210
+ cursor: pointer;
211
+ margin: 5px 10px 5px 0px;
212
+ display: inline-flex;
213
+ flex-flow: row wrap;
214
+ height: 30px;
215
+ align-items: center;
216
+ background-color: #f0f0f0;
217
+ border-radius: 30px;
218
+ position: relative;
219
+ font-family: Roboto, sans-serif;
220
+ font-size: 14px;
221
+ color: #1e252d;
222
+ }
223
+ .AutocompleteSelect.inlineSelected > .value .DummyChild, .AutocompleteSelect > .selected > .value .DummyChild {
224
+ padding-left: 35px;
225
+ padding-right: 10px;
226
+ }
227
+ .AutocompleteSelect.inlineSelected > .value .button, .AutocompleteSelect > .selected > .value .button {
228
+ cursor: pointer;
229
+ min-width: 30px;
230
+ width: 30px;
231
+ height: 30px;
232
+ opacity: 0;
233
+ position: absolute;
234
+ top: 0px;
235
+ left: 0px;
236
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
237
+ background-color: deepskyblue;
238
+ color: white;
239
+ border-radius: 30px;
240
+ display: flex;
241
+ flex-flow: row;
242
+ justify-content: center;
243
+ align-items: center;
244
+ animation: anticlockwise 0.15s linear;
245
+ }
246
+ .AutocompleteSelect.inlineSelected > .value .button .material-icons, .AutocompleteSelect > .selected > .value .button .material-icons {
247
+ font-size: 22px;
248
+ }
249
+ .AutocompleteSelect.inlineSelected > .value:hover .button, .AutocompleteSelect > .selected > .value:hover .button {
250
+ width: 30px;
251
+ height: 30px;
252
+ opacity: 1;
253
+ animation: clockwise 0.15s linear;
254
+ overflow: hidden;
255
+ position: absolute;
256
+ }