@dreamcommerce/aurora 2.8.5 → 2.8.7

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.
@@ -27,8 +27,12 @@ onKeyUp }) => {
27
27
  const { toggleDropdown, isOpen } = index.useDropdownContext();
28
28
  const ref = React.useRef(null);
29
29
  use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
30
+ const [value, setValue] = React.useState('');
31
+ const handleOnChange = (event) => {
32
+ setValue(event.target.value);
33
+ };
30
34
  return (React__default['default'].createElement("aside", { className: main_module['default'][css_classes.cssDropdownSearch], ref: ref },
31
- React__default['default'].createElement(input['default'], { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
35
+ React__default['default'].createElement(input['default'], { placeholder: "Szukaj", padding: "small", value: value, onChange: handleOnChange, onKeyUp: onKeyUp, autoFocus: true })));
32
36
  };
33
37
 
34
38
  exports.default = Search;
@@ -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;"}
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;"}
@@ -12,8 +12,8 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
12
12
  const [isDragOver, setDragOver] = React.useState(false);
13
13
  const [isPreview, setPreview] = React.useState(true);
14
14
  React.useEffect(() => {
15
- setFile(initialFile);
16
- }, [initialFile]);
15
+ initialFile && setFile(initialFile);
16
+ }, []);
17
17
  React.useEffect(() => {
18
18
  initialErrors && setErrors(initialErrors);
19
19
  }, [initialErrors]);
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF .main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF.main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
8
8
  var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_alert":"main-module_btn_alert__3zWIt","btn_on-dark-bg":"main-module_btn_on-dark-bg__a5FAF","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
@@ -1,4 +1,4 @@
1
- import React, { useRef } from 'react';
1
+ import React, { useRef, useState } from 'react';
2
2
  import { useDropdownContext } from '../context/index.js';
3
3
  import Input from '../../controls/components/input.js';
4
4
  import { cssDropdownSearch } from '../css_classes.js';
@@ -19,8 +19,12 @@ onKeyUp }) => {
19
19
  const { toggleDropdown, isOpen } = useDropdownContext();
20
20
  const ref = useRef(null);
21
21
  useKeyboardOpenClose(toggleDropdown, isOpen, ref);
22
+ const [value, setValue] = useState('');
23
+ const handleOnChange = (event) => {
24
+ setValue(event.target.value);
25
+ };
22
26
  return (React.createElement("aside", { className: cssClasses[cssDropdownSearch], ref: ref },
23
- React.createElement(Input, { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
27
+ React.createElement(Input, { placeholder: "Szukaj", padding: "small", value: value, onChange: handleOnChange, onKeyUp: onKeyUp, autoFocus: true })));
24
28
  };
25
29
 
26
30
  export default Search;
@@ -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;"}
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;"}
@@ -8,8 +8,8 @@ const useFilePicker = ({ onChange, initialFile, allowedExtensions, inputRef, ini
8
8
  const [isDragOver, setDragOver] = useState(false);
9
9
  const [isPreview, setPreview] = useState(true);
10
10
  useEffect(() => {
11
- setFile(initialFile);
12
- }, [initialFile]);
11
+ initialFile && setFile(initialFile);
12
+ }, []);
13
13
  useEffect(() => {
14
14
  initialErrors && setErrors(initialErrors);
15
15
  }, [initialErrors]);
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF .main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF.main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
4
4
  var cssClasses = {"btn":"main-module_btn__1OX4j","btn_bg":"main-module_btn_bg__oIy2H","btn_outline":"main-module_btn_outline__1psTf","btn_link":"main-module_btn_link__3tDbi","btn_secondary":"main-module_btn_secondary__285QT","btn_alert":"main-module_btn_alert__3zWIt","btn_on-dark-bg":"main-module_btn_on-dark-bg__a5FAF","btn_s":"main-module_btn_s__rRebe","btn_inactive":"main-module_btn_inactive__26wIq"};
5
5
  styleInject(css_248z);
6
6
 
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.8.5",
5
+ "version": "2.8.7",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",