@shoper/phoenix_design_system 1.2.3-6 → 1.2.3-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.
Files changed (13) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js +6 -0
  2. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js +2 -1
  4. package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js.map +1 -1
  5. package/build/cjs/packages/phoenix/src/index.js +6 -6
  6. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts +2 -0
  7. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js +6 -0
  8. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map +1 -1
  9. package/build/esm/packages/phoenix/src/components/form/input/input_constants.d.ts +1 -0
  10. package/build/esm/packages/phoenix/src/components/form/input/input_constants.js +2 -1
  11. package/build/esm/packages/phoenix/src/components/form/input/input_constants.js.map +1 -1
  12. package/build/esm/packages/phoenix/src/index.js +1 -1
  13. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js CHANGED
@@ -12,11 +12,13 @@ var ref_js = require('lit-html/directives/ref.js');
12
12
  var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
13
13
  var file_picker_constants = require('./file_picker_constants.js');
14
14
  var file_model = require('./file/file_model.js');
15
+ var input_constants = require('../input/input_constants.js');
15
16
  var ifDefined = require('lit/directives/if-defined');
16
17
 
17
18
  exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.PhoenixLightLitElement {
18
19
  constructor() {
19
20
  super(...arguments);
21
+ this.type = input_constants.INPUT_CONTROL_TYPES.file;
20
22
  this._$fileInputRef = ref_js.createRef();
21
23
  this._handleChangeEvent = (event) => {
22
24
  const filesList = this._getFiles(event);
@@ -119,6 +121,10 @@ tslib_es6.__decorate([
119
121
  decorators.property({ type: String, attribute: 'control-name' }),
120
122
  tslib_es6.__metadata("design:type", String)
121
123
  ], exports.HFilePicker.prototype, "controlName", void 0);
124
+ tslib_es6.__decorate([
125
+ decorators.property({ type: String }),
126
+ tslib_es6.__metadata("design:type", String)
127
+ ], exports.HFilePicker.prototype, "type", void 0);
122
128
  tslib_es6.__decorate([
123
129
  decorators.property({ type: Boolean }),
124
130
  tslib_es6.__metadata("design:type", Boolean)
package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js CHANGED
@@ -18,7 +18,8 @@ const INPUT_CONTROL_TYPES = {
18
18
  hidden: 'hidden',
19
19
  email: 'email',
20
20
  tel: 'tel',
21
- password: 'password'
21
+ password: 'password',
22
+ file: 'file'
22
23
  };
23
24
  const INPUT_CONTROL_CSS_CLASSES = {
24
25
  input: baseInputControlClass,
package/build/cjs/packages/phoenix/src/components/form/input/input_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/index.js CHANGED
@@ -24,6 +24,7 @@ var relative_position_controller = require('./controllers/relative_position_cont
24
24
  var dropdown = require('./components/dropdown/dropdown.js');
25
25
  var select = require('./components/form/select/select.js');
26
26
  var file = require('./components/form/file_picker/file/file.js');
27
+ var input_constants = require('./components/form/input/input_constants.js');
27
28
  var file_picker = require('./components/form/file_picker/file_picker.js');
28
29
  var file_picker_label = require('./components/form/file_picker/file_picker_label.js');
29
30
  var modal = require('./components/modal/modal.js');
@@ -39,7 +40,6 @@ var control_content = require('./components/form/control/control_content.js');
39
40
  var control_element = require('./components/form/control/control_element.js');
40
41
  var control_label = require('./components/form/control/control_label.js');
41
42
  var control_additional_content = require('./components/form/control/control_additional_content.js');
42
- var input_constants = require('./components/form/input/input_constants.js');
43
43
  var input = require('./components/form/input/input.js');
44
44
  var input_control = require('./components/form/input/input_control.js');
45
45
  var input_icon = require('./components/form/input/input_icon.js');
@@ -171,6 +171,11 @@ Object.defineProperty(exports, 'HFile', {
171
171
  return file.HFile;
172
172
  }
173
173
  });
174
+ exports.INPUT_CONTROL_CSS_CLASSES = input_constants.INPUT_CONTROL_CSS_CLASSES;
175
+ exports.INPUT_CONTROL_EVENTS = input_constants.INPUT_CONTROL_EVENTS;
176
+ exports.INPUT_CONTROL_SIZES = input_constants.INPUT_CONTROL_SIZES;
177
+ exports.INPUT_CONTROL_TYPES = input_constants.INPUT_CONTROL_TYPES;
178
+ exports.INPUT_PROPS_TO_SYNC = input_constants.INPUT_PROPS_TO_SYNC;
174
179
  Object.defineProperty(exports, 'HFilePicker', {
175
180
  enumerable: true,
176
181
  get: function () {
@@ -259,11 +264,6 @@ Object.defineProperty(exports, 'HControlAdditionalContent', {
259
264
  return control_additional_content.HControlAdditionalContent;
260
265
  }
261
266
  });
262
- exports.INPUT_CONTROL_CSS_CLASSES = input_constants.INPUT_CONTROL_CSS_CLASSES;
263
- exports.INPUT_CONTROL_EVENTS = input_constants.INPUT_CONTROL_EVENTS;
264
- exports.INPUT_CONTROL_SIZES = input_constants.INPUT_CONTROL_SIZES;
265
- exports.INPUT_CONTROL_TYPES = input_constants.INPUT_CONTROL_TYPES;
266
- exports.INPUT_PROPS_TO_SYNC = input_constants.INPUT_PROPS_TO_SYNC;
267
267
  Object.defineProperty(exports, 'HInput', {
268
268
  enumerable: true,
269
269
  get: function () {
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import { TemplateResult } from 'lit';
2
2
  import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
3
+ import type { TInputControlType } from "../input/input_types";
3
4
  export declare class HFilePicker extends PhoenixLightLitElement {
4
5
  controlId: string;
5
6
  controlName: string;
7
+ type: TInputControlType;
6
8
  disabled: boolean;
7
9
  required: boolean;
8
10
  error: boolean;
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js CHANGED
@@ -8,11 +8,13 @@ import { createRef, ref } from 'lit-html/directives/ref.js';
8
8
  import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
9
9
  import { FILE_PICKER_CONTROL_CSS_CLASSES, FILE_ITEM_EVENT_NAMES, FILE_PICKER_LABEL_EVENT_NAMES } from './file_picker_constants.js';
10
10
  import { FileItem } from './file/file_model.js';
11
+ import { INPUT_CONTROL_TYPES } from '../input/input_constants.js';
11
12
  import { ifDefined } from 'lit/directives/if-defined';
12
13
 
13
14
  let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
14
15
  constructor() {
15
16
  super(...arguments);
17
+ this.type = INPUT_CONTROL_TYPES.file;
16
18
  this._$fileInputRef = createRef();
17
19
  this._handleChangeEvent = (event) => {
18
20
  const filesList = this._getFiles(event);
@@ -115,6 +117,10 @@ __decorate([
115
117
  property({ type: String, attribute: 'control-name' }),
116
118
  __metadata("design:type", String)
117
119
  ], HFilePicker.prototype, "controlName", void 0);
120
+ __decorate([
121
+ property({ type: String }),
122
+ __metadata("design:type", String)
123
+ ], HFilePicker.prototype, "type", void 0);
118
124
  __decorate([
119
125
  property({ type: Boolean }),
120
126
  __metadata("design:type", Boolean)
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/input/input_constants.d.ts CHANGED
@@ -14,6 +14,7 @@ export declare const INPUT_CONTROL_TYPES: {
14
14
  readonly email: "email";
15
15
  readonly tel: "tel";
16
16
  readonly password: "password";
17
+ readonly file: "file";
17
18
  };
18
19
  export declare const INPUT_CONTROL_CSS_CLASSES: {
19
20
  readonly input: "input";
package/build/esm/packages/phoenix/src/components/form/input/input_constants.js CHANGED
@@ -14,7 +14,8 @@ const INPUT_CONTROL_TYPES = {
14
14
  hidden: 'hidden',
15
15
  email: 'email',
16
16
  tel: 'tel',
17
- password: 'password'
17
+ password: 'password',
18
+ file: 'file'
18
19
  };
19
20
  const INPUT_CONTROL_CSS_CLASSES = {
20
21
  input: baseInputControlClass,
package/build/esm/packages/phoenix/src/components/form/input/input_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -20,6 +20,7 @@ export { RelativePositionController } from './controllers/relative_position_cont
20
20
  export { HDropdown } from './components/dropdown/dropdown.js';
21
21
  export { HSelect } from './components/form/select/select.js';
22
22
  export { HFile } from './components/form/file_picker/file/file.js';
23
+ export { INPUT_CONTROL_CSS_CLASSES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC } from './components/form/input/input_constants.js';
23
24
  export { HFilePicker } from './components/form/file_picker/file_picker.js';
24
25
  export { HFilePickerLabel } from './components/form/file_picker/file_picker_label.js';
25
26
  export { HModal } from './components/modal/modal.js';
@@ -35,7 +36,6 @@ export { HControlContent } from './components/form/control/control_content.js';
35
36
  export { HControlElement } from './components/form/control/control_element.js';
36
37
  export { HControlLabel } from './components/form/control/control_label.js';
37
38
  export { HControlAdditionalContent } from './components/form/control/control_additional_content.js';
38
- export { INPUT_CONTROL_CSS_CLASSES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC } from './components/form/input/input_constants.js';
39
39
  export { HInput } from './components/form/input/input.js';
40
40
  export { HInputControl } from './components/form/input/input_control.js';
41
41
  export { HInputIcon } from './components/form/input/input_icon.js';
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.2.3-6",
5
+ "version": "1.2.3-7",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",