@micromag/screen-game-sort 0.3.829 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .micromag-screen-game-sort-layout{scrollbar-width:none}.micromag-screen-game-sort-layout::-webkit-scrollbar{display:none}.micromag-screen-game-sort-button.micromag-screen-game-sort-layoutLabelOver .micromag-screen-game-sort-buttonLabel,.micromag-screen-game-sort-container .micromag-screen-game-sort-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-game-sort-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-game-sort-disabled.micromag-screen-game-sort-container{overflow:hidden;pointer-events:none}.micromag-screen-game-sort-hidden.micromag-screen-game-sort-container{display:none;visibility:hidden}.micromag-screen-game-sort-placeholder.micromag-screen-game-sort-container .micromag-screen-game-sort-content{padding:6px;position:relative}.micromag-screen-game-sort-emptyHeading,.micromag-screen-game-sort-emptyItems{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-game-sort-container .micromag-screen-game-sort-background{z-index:0}.micromag-screen-game-sort-container .micromag-screen-game-sort-content{z-index:1}.micromag-screen-game-sort-container .micromag-screen-game-sort-heading{font-size:1rem;font-weight:400;margin-bottom:.5em}.micromag-screen-game-sort-layout{overflow-x:hidden;overflow-y:auto;padding:10px}.micromag-screen-game-sort-emptyHeading,.micromag-screen-game-sort-emptyItems{margin:10px auto;padding:10px;width:100%}.micromag-screen-game-sort-emptyItems{padding:40px}.micromag-screen-game-sort-header{left:0;margin-top:0;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-game-sort-footer{bottom:0;left:0;margin-top:0;position:absolute;width:100%}.micromag-screen-game-sort-items{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-screen-game-sort-item{border-radius:0;display:block;opacity:0;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}.micromag-screen-game-sort-item .micromag-screen-game-sort-itemInner{padding-bottom:.3em}.micromag-screen-game-sort-item .micromag-screen-game-sort-thumbnail{max-width:100%}.micromag-screen-game-sort-sorted .micromag-screen-game-sort-item{opacity:1}.micromag-screen-game-sort-draggable .micromag-screen-game-sort-item{-ms-touch-action:none;touch-action:none}.micromag-screen-game-sort-button{background-clip:padding-box;background-color:hsla(0,0%,100%,.1);display:block;padding:.5em;position:relative;text-align:center;width:100%}.micromag-screen-game-sort-button .micromag-screen-game-sort-buttonLabel{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-game-sort-button .micromag-screen-game-sort-buttonResults{-webkit-animation:micromag-screen-game-sort-fadeIn .2s ease-in-out;animation:micromag-screen-game-sort-fadeIn .2s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin-left:auto;padding-left:2em}.micromag-screen-game-sort-button .micromag-screen-game-sort-label{-webkit-transition:text-align .2s ease-in-out;transition:text-align .2s ease-in-out}.micromag-screen-game-sort-isEmpty .micromag-screen-game-sort-button{min-height:2em}.micromag-screen-game-sort-valid .micromag-screen-game-sort-button{background:rgba(0,255,0,.4)}.micromag-screen-game-sort-invalid .micromag-screen-game-sort-button{background:rgba(255,0,0,.4)}.micromag-screen-game-sort-resultsVisible .micromag-screen-game-sort-button .micromag-screen-game-sort-label{text-align:left!important}.micromag-screen-game-sort-button.micromag-screen-game-sort-layoutLabelTop{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.micromag-screen-game-sort-button.micromag-screen-game-sort-layoutNoLabel .micromag-screen-game-sort-buttonLabel{display:none}.micromag-screen-game-sort-button.micromag-screen-game-sort-layoutLabelOver{min-height:2em}.micromag-screen-game-sort-button.micromag-screen-game-sort-layoutLabelOver .micromag-screen-game-sort-buttonVisual{position:relative;z-index:1}.micromag-screen-game-sort-button.micromag-screen-game-sort-layoutLabelOver .micromag-screen-game-sort-buttonLabel{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(28,28,28,0)),to(rgba(28,28,28,.75)));background-image:linear-gradient(180deg,rgba(28,28,28,0),rgba(28,28,28,.75));bottom:0;height:auto;padding:.5em;top:auto;z-index:2}.micromag-screen-game-sort-submitButton{background:#fff;color:#000;margin-top:.3em;padding:.75em}.micromag-screen-game-sort-submitButton:disabled{opacity:.5}.micromag-screen-game-sort-results{-webkit-animation:micromag-screen-game-sort-fadeIn .2s ease-in-out;animation:micromag-screen-game-sort-fadeIn .2s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin-top:.3em}@-webkit-keyframes micromag-screen-game-sort-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes micromag-screen-game-sort-fadeIn{0%{opacity:0}to{opacity:1}}
1
+ .container{height:100%;overflow:hidden;position:relative;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .heading{font-size:1rem;font-weight:400;margin-bottom:.5em}.layout{overflow-x:hidden;overflow-y:auto;overflow:hidden auto;padding:10px;scrollbar-width:none}.layout::-webkit-scrollbar{display:none}.emptyHeading,.emptyItems{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;padding:10px;width:100%}.emptyItems{padding:40px}.header{top:0;z-index:1}.footer,.header{left:0;margin-top:0;position:absolute;width:100%}.footer{bottom:0}.items{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item{border-radius:0;display:block;opacity:0;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}.item .itemInner{padding-bottom:.3em}.item .thumbnail{max-width:100%}.sorted .item{opacity:1}.draggable .item{-ms-touch-action:none;touch-action:none}.button{background-clip:padding-box;background-color:hsla(0,0%,100%,.1);display:block;padding:.5em;position:relative;text-align:center;width:100%}.button .buttonLabel{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.button .buttonResults{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin-left:auto;padding-left:2em}.button .label{-webkit-transition:text-align .2s ease-in-out;transition:text-align .2s ease-in-out}.isEmpty .button{min-height:2em}.valid .button{background:rgba(0,255,0,.4)}.invalid .button{background:rgba(255,0,0,.4)}.resultsVisible .button .label{text-align:left!important}.button.layoutLabelTop{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.button.layoutNoLabel .buttonLabel{display:none}.button.layoutLabelOver{min-height:2em}.button.layoutLabelOver .buttonVisual{position:relative;z-index:1}.button.layoutLabelOver .buttonLabel{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(28,28,28,0)),to(rgba(28,28,28,.75)));background-image:linear-gradient(180deg,rgba(28,28,28,0),rgba(28,28,28,.75));bottom:0;height:100%;height:auto;left:0;padding:.5em;position:absolute;top:0;top:auto;width:100%;z-index:2}.submitButton{background:#fff;color:#000;margin-top:.3em;padding:.75em}.submitButton:disabled{opacity:.5}.results{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin-top:.3em}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
package/es/index.d.ts ADDED
@@ -0,0 +1,154 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { HeadingElement, BoxStyle, TextStyle, TextElement, BackgroundElement, Header, Footer } from '@micromag/core';
3
+
4
+ interface GameSortProps {
5
+ layout?: 'top' | 'middle' | 'bottom';
6
+ heading?: HeadingElement | null;
7
+ items?: unknown[] | null;
8
+ spacing?: number;
9
+ itemsLayout?: 'label-bottom' | 'label-top' | 'no-label' | 'label-over';
10
+ itemsBoxStyle?: BoxStyle | null;
11
+ itemsTextStyle?: TextStyle | null;
12
+ itemsResultsTextStyle?: TextStyle | null;
13
+ validBoxStyle?: BoxStyle | null;
14
+ invalidBoxStyle?: BoxStyle | null;
15
+ submitBoxStyle?: BoxStyle | null;
16
+ submitTextStyle?: TextStyle | null;
17
+ submitButtonLabel?: string | null;
18
+ results?: TextElement | null;
19
+ resultsBoxStyle?: BoxStyle | null;
20
+ background?: BackgroundElement | null;
21
+ header?: Header | null;
22
+ footer?: Footer | null;
23
+ current?: boolean;
24
+ active?: boolean;
25
+ className?: string | null;
26
+ }
27
+ declare function GameSort({ layout, heading, items: initialItems, spacing, itemsLayout, itemsBoxStyle, itemsTextStyle, itemsResultsTextStyle, validBoxStyle, invalidBoxStyle, submitBoxStyle, submitTextStyle, submitButtonLabel, results, resultsBoxStyle, background, header, footer, current, active, className, }: GameSortProps): react_jsx_runtime.JSX.Element;
28
+
29
+ declare const _default: {
30
+ id: string;
31
+ type: string;
32
+ group: {
33
+ label: {
34
+ defaultMessage: string;
35
+ description: string;
36
+ };
37
+ order: number;
38
+ };
39
+ title: {
40
+ defaultMessage: string;
41
+ description: string;
42
+ };
43
+ component: typeof GameSort;
44
+ layouts: string[];
45
+ fields: ({
46
+ name: string;
47
+ type: string;
48
+ defaultValue: string;
49
+ label: {
50
+ defaultMessage: string;
51
+ description: string;
52
+ };
53
+ isSection?: undefined;
54
+ isList?: undefined;
55
+ fields?: undefined;
56
+ theme?: undefined;
57
+ } | {
58
+ name: string;
59
+ type: string;
60
+ label: {
61
+ defaultMessage: string;
62
+ description: string;
63
+ };
64
+ defaultValue?: undefined;
65
+ isSection?: undefined;
66
+ isList?: undefined;
67
+ fields?: undefined;
68
+ theme?: undefined;
69
+ } | {
70
+ name: string;
71
+ type: string;
72
+ label: {
73
+ defaultMessage: string;
74
+ description: string;
75
+ };
76
+ isSection: boolean;
77
+ defaultValue?: undefined;
78
+ isList?: undefined;
79
+ fields?: undefined;
80
+ theme?: undefined;
81
+ } | {
82
+ label: {
83
+ defaultMessage: string;
84
+ description: string;
85
+ };
86
+ type: string;
87
+ isList: boolean;
88
+ isSection: boolean;
89
+ fields: ({
90
+ name: string;
91
+ type: string;
92
+ theme: {
93
+ textStyle: string;
94
+ };
95
+ label: {
96
+ defaultMessage: string;
97
+ description: string;
98
+ };
99
+ } | {
100
+ name: string;
101
+ type: string;
102
+ label: {
103
+ defaultMessage: string;
104
+ description: string;
105
+ };
106
+ theme?: undefined;
107
+ })[];
108
+ name?: undefined;
109
+ defaultValue?: undefined;
110
+ theme?: undefined;
111
+ } | {
112
+ name: string;
113
+ type: string;
114
+ label: {
115
+ defaultMessage: string;
116
+ description: string;
117
+ };
118
+ theme: {
119
+ badge: {
120
+ label: {
121
+ textStyle: string;
122
+ };
123
+ boxStyle: string;
124
+ };
125
+ callToAction?: undefined;
126
+ };
127
+ defaultValue?: undefined;
128
+ isSection?: undefined;
129
+ isList?: undefined;
130
+ fields?: undefined;
131
+ } | {
132
+ name: string;
133
+ type: string;
134
+ label: {
135
+ defaultMessage: string;
136
+ description: string;
137
+ };
138
+ theme: {
139
+ callToAction: {
140
+ label: {
141
+ textStyle: string;
142
+ };
143
+ boxStyle: string;
144
+ };
145
+ badge?: undefined;
146
+ };
147
+ defaultValue?: undefined;
148
+ isSection?: undefined;
149
+ isList?: undefined;
150
+ fields?: undefined;
151
+ })[];
152
+ };
153
+
154
+ export { GameSort as GameSortScreen, _default as default };
package/es/index.js CHANGED
@@ -8,9 +8,7 @@ import { useDrag } from '@use-gesture/react';
8
8
  import classNames from 'classnames';
9
9
  import isString from 'lodash/isString';
10
10
  import shuffle from 'lodash/shuffle';
11
- import PropTypes from 'prop-types';
12
11
  import React, { useMemo, useState, useRef, useEffect, useCallback } from 'react';
13
- import { PropTypes as PropTypes$1 } from '@micromag/core';
14
12
  import { ScreenElement } from '@micromag/core/components';
15
13
  import { useScreenSize, useScreenRenderContext, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
16
14
  import { useDimensionObserver, useTrackScreenEvent } from '@micromag/core/hooks';
@@ -25,77 +23,51 @@ import Layout, { Spacer } from '@micromag/element-layout';
25
23
  import Text from '@micromag/element-text';
26
24
  import Visual from '@micromag/element-visual';
27
25
 
28
- var styles = {"layout":"micromag-screen-game-sort-layout","button":"micromag-screen-game-sort-button","layoutLabelOver":"micromag-screen-game-sort-layoutLabelOver","buttonLabel":"micromag-screen-game-sort-buttonLabel","container":"micromag-screen-game-sort-container","background":"micromag-screen-game-sort-background","content":"micromag-screen-game-sort-content","emptyHeading":"micromag-screen-game-sort-emptyHeading","emptyItems":"micromag-screen-game-sort-emptyItems","heading":"micromag-screen-game-sort-heading","header":"micromag-screen-game-sort-header","footer":"micromag-screen-game-sort-footer","items":"micromag-screen-game-sort-items","item":"micromag-screen-game-sort-item","itemInner":"micromag-screen-game-sort-itemInner","thumbnail":"micromag-screen-game-sort-thumbnail","sorted":"micromag-screen-game-sort-sorted","draggable":"micromag-screen-game-sort-draggable","buttonResults":"micromag-screen-game-sort-buttonResults","label":"micromag-screen-game-sort-label","isEmpty":"micromag-screen-game-sort-isEmpty","valid":"micromag-screen-game-sort-valid","invalid":"micromag-screen-game-sort-invalid","resultsVisible":"micromag-screen-game-sort-resultsVisible","layoutLabelTop":"micromag-screen-game-sort-layoutLabelTop","layoutNoLabel":"micromag-screen-game-sort-layoutNoLabel","buttonVisual":"micromag-screen-game-sort-buttonVisual","submitButton":"micromag-screen-game-sort-submitButton","results":"micromag-screen-game-sort-results"};
26
+ var styles = {"container":"container","background":"background","content":"content","heading":"heading","layout":"layout","emptyHeading":"emptyHeading","emptyItems":"emptyItems","header":"header","footer":"footer","items":"items","item":"item","itemInner":"itemInner","thumbnail":"thumbnail","sorted":"sorted","draggable":"draggable","button":"button","buttonLabel":"buttonLabel","buttonResults":"buttonResults","label":"label","isEmpty":"isEmpty","valid":"valid","invalid":"invalid","resultsVisible":"resultsVisible","layoutLabelTop":"layoutLabelTop","layoutNoLabel":"layoutNoLabel","layoutLabelOver":"layoutLabelOver","buttonVisual":"buttonVisual","submitButton":"submitButton","results":"results"};
29
27
 
30
- var propTypes = {
31
- layout: PropTypes.oneOf(['top', 'middle', 'bottom']),
32
- heading: PropTypes$1.headingElement,
33
- // eslint-disable-next-line react/forbid-prop-types
34
- items: PropTypes.array,
35
- spacing: PropTypes.number,
36
- itemsLayout: PropTypes.oneOf(['label-bottom', 'label-top', 'no-label', 'label-over']),
37
- itemsBoxStyle: PropTypes$1.boxStyle,
38
- itemsTextStyle: PropTypes$1.textStyle,
39
- itemsResultsTextStyle: PropTypes$1.textStyle,
40
- validBoxStyle: PropTypes$1.boxStyle,
41
- invalidBoxStyle: PropTypes$1.boxStyle,
42
- submitBoxStyle: PropTypes$1.boxStyle,
43
- submitTextStyle: PropTypes$1.textStyle,
44
- submitButtonLabel: PropTypes.string,
45
- results: PropTypes$1.textElement,
46
- resultsBoxStyle: PropTypes$1.boxStyle,
47
- background: PropTypes$1.backgroundElement,
48
- header: PropTypes$1.header,
49
- footer: PropTypes$1.footer,
50
- current: PropTypes.bool,
51
- active: PropTypes.bool,
52
- className: PropTypes.string
53
- };
54
- var defaultProps = {
55
- layout: 'top',
56
- heading: null,
57
- items: null,
58
- spacing: 20,
59
- itemsLayout: 'label-bottom',
60
- itemsBoxStyle: null,
61
- itemsTextStyle: null,
62
- itemsResultsTextStyle: null,
63
- validBoxStyle: null,
64
- invalidBoxStyle: null,
65
- submitBoxStyle: null,
66
- submitTextStyle: null,
67
- submitButtonLabel: null,
68
- results: null,
69
- resultsBoxStyle: null,
70
- background: null,
71
- header: null,
72
- footer: null,
73
- current: true,
74
- active: true,
75
- className: null
76
- };
77
- var GameSort = function GameSort(_ref) {
78
- var layout = _ref.layout,
79
- heading = _ref.heading,
80
- initialItems = _ref.items,
81
- spacing = _ref.spacing,
82
- itemsLayout = _ref.itemsLayout,
83
- itemsBoxStyle = _ref.itemsBoxStyle,
84
- itemsTextStyle = _ref.itemsTextStyle,
85
- itemsResultsTextStyle = _ref.itemsResultsTextStyle,
86
- validBoxStyle = _ref.validBoxStyle,
87
- invalidBoxStyle = _ref.invalidBoxStyle,
88
- submitBoxStyle = _ref.submitBoxStyle,
89
- submitTextStyle = _ref.submitTextStyle,
90
- submitButtonLabel = _ref.submitButtonLabel,
91
- results = _ref.results,
92
- resultsBoxStyle = _ref.resultsBoxStyle,
93
- background = _ref.background,
94
- header = _ref.header,
95
- footer = _ref.footer,
96
- current = _ref.current,
97
- active = _ref.active,
98
- className = _ref.className;
28
+ function GameSort(_ref) {
29
+ var _ref$layout = _ref.layout,
30
+ layout = _ref$layout === void 0 ? 'top' : _ref$layout,
31
+ _ref$heading = _ref.heading,
32
+ heading = _ref$heading === void 0 ? null : _ref$heading,
33
+ _ref$items = _ref.items,
34
+ initialItems = _ref$items === void 0 ? null : _ref$items,
35
+ _ref$spacing = _ref.spacing,
36
+ spacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
37
+ _ref$itemsLayout = _ref.itemsLayout,
38
+ itemsLayout = _ref$itemsLayout === void 0 ? 'label-bottom' : _ref$itemsLayout,
39
+ _ref$itemsBoxStyle = _ref.itemsBoxStyle,
40
+ itemsBoxStyle = _ref$itemsBoxStyle === void 0 ? null : _ref$itemsBoxStyle,
41
+ _ref$itemsTextStyle = _ref.itemsTextStyle,
42
+ itemsTextStyle = _ref$itemsTextStyle === void 0 ? null : _ref$itemsTextStyle,
43
+ _ref$itemsResultsText = _ref.itemsResultsTextStyle,
44
+ itemsResultsTextStyle = _ref$itemsResultsText === void 0 ? null : _ref$itemsResultsText,
45
+ _ref$validBoxStyle = _ref.validBoxStyle,
46
+ validBoxStyle = _ref$validBoxStyle === void 0 ? null : _ref$validBoxStyle,
47
+ _ref$invalidBoxStyle = _ref.invalidBoxStyle,
48
+ invalidBoxStyle = _ref$invalidBoxStyle === void 0 ? null : _ref$invalidBoxStyle,
49
+ _ref$submitBoxStyle = _ref.submitBoxStyle,
50
+ submitBoxStyle = _ref$submitBoxStyle === void 0 ? null : _ref$submitBoxStyle,
51
+ _ref$submitTextStyle = _ref.submitTextStyle,
52
+ submitTextStyle = _ref$submitTextStyle === void 0 ? null : _ref$submitTextStyle,
53
+ _ref$submitButtonLabe = _ref.submitButtonLabel,
54
+ submitButtonLabel = _ref$submitButtonLabe === void 0 ? null : _ref$submitButtonLabe,
55
+ _ref$results = _ref.results,
56
+ results = _ref$results === void 0 ? null : _ref$results,
57
+ _ref$resultsBoxStyle = _ref.resultsBoxStyle,
58
+ resultsBoxStyle = _ref$resultsBoxStyle === void 0 ? null : _ref$resultsBoxStyle,
59
+ _ref$background = _ref.background,
60
+ background = _ref$background === void 0 ? null : _ref$background,
61
+ _ref$header = _ref.header,
62
+ header = _ref$header === void 0 ? null : _ref$header,
63
+ _ref$footer = _ref.footer,
64
+ footer = _ref$footer === void 0 ? null : _ref$footer,
65
+ _ref$current = _ref.current,
66
+ current = _ref$current === void 0 ? true : _ref$current,
67
+ _ref$active = _ref.active,
68
+ active = _ref$active === void 0 ? true : _ref$active,
69
+ _ref$className = _ref.className,
70
+ className = _ref$className === void 0 ? null : _ref$className;
99
71
  var intl = useIntl();
100
72
  var _useScreenSize = useScreenSize(),
101
73
  width = _useScreenSize.width,
@@ -532,9 +504,7 @@ var GameSort = function GameSort(_ref) {
532
504
  withoutVideo: isPreview,
533
505
  className: styles.background
534
506
  }) : null);
535
- };
536
- GameSort.propTypes = propTypes;
537
- GameSort.defaultProps = defaultProps;
507
+ }
538
508
 
539
509
  // import * as transforms from './transforms/index';
540
510
 
package/es/styles.css ADDED
@@ -0,0 +1 @@
1
+ .container{height:100%;overflow:hidden;position:relative;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .heading{font-size:1rem;font-weight:400;margin-bottom:.5em}.layout{overflow-x:hidden;overflow-y:auto;overflow:hidden auto;padding:10px;scrollbar-width:none}.layout::-webkit-scrollbar{display:none}.emptyHeading,.emptyItems{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);margin:10px auto;padding:10px;width:100%}.emptyItems{padding:40px}.header{top:0;z-index:1}.footer,.header{left:0;margin-top:0;position:absolute;width:100%}.footer{bottom:0}.items{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item{border-radius:0;display:block;opacity:0;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}.item .itemInner{padding-bottom:.3em}.item .thumbnail{max-width:100%}.sorted .item{opacity:1}.draggable .item{-ms-touch-action:none;touch-action:none}.button{background-clip:padding-box;background-color:hsla(0,0%,100%,.1);display:block;padding:.5em;position:relative;text-align:center;width:100%}.button .buttonLabel{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.button .buttonResults{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin-left:auto;padding-left:2em}.button .label{-webkit-transition:text-align .2s ease-in-out;transition:text-align .2s ease-in-out}.isEmpty .button{min-height:2em}.valid .button{background:rgba(0,255,0,.4)}.invalid .button{background:rgba(255,0,0,.4)}.resultsVisible .button .label{text-align:left!important}.button.layoutLabelTop{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.button.layoutNoLabel .buttonLabel{display:none}.button.layoutLabelOver{min-height:2em}.button.layoutLabelOver .buttonVisual{position:relative;z-index:1}.button.layoutLabelOver .buttonLabel{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(28,28,28,0)),to(rgba(28,28,28,.75)));background-image:linear-gradient(180deg,rgba(28,28,28,0),rgba(28,28,28,.75));bottom:0;height:100%;height:auto;left:0;padding:.5em;position:absolute;top:0;top:auto;width:100%;z-index:2}.submitButton{background:#fff;color:#000;margin-top:.3em;padding:.75em}.submitButton:disabled{opacity:.5}.results{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;margin-top:.3em}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-game-sort",
3
- "version": "0.3.829",
3
+ "version": "0.4.4",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -39,6 +39,7 @@
39
39
  "style": "assets/css/styles.css",
40
40
  "exports": {
41
41
  ".": {
42
+ "types": "./es/index.d.ts",
42
43
  "import": "./es/index.js"
43
44
  },
44
45
  "./assets/css/styles": "./assets/css/styles.css",
@@ -52,40 +53,40 @@
52
53
  "scripts": {
53
54
  "clean": "rm -rf es && rm -rf lib && rm -rf assets",
54
55
  "prepublishOnly": "npm run build",
55
- "build": "../../scripts/prepare-package.sh"
56
+ "build": "../../scripts/prepare-package.sh --types"
56
57
  },
57
58
  "devDependencies": {
58
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
59
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
59
+ "react": "^19.2.0",
60
+ "react-dom": "^18.3.0 || ^19.0.0"
60
61
  },
61
62
  "peerDependencies": {
62
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
63
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
63
+ "react": "^19.2.0",
64
+ "react-dom": "^18.3.0 || ^19.0.0"
64
65
  },
65
66
  "dependencies": {
66
67
  "@babel/runtime": "^7.13.10",
67
- "@micromag/core": "^0.3.824",
68
- "@micromag/element-background": "^0.3.824",
69
- "@micromag/element-button": "^0.3.829",
70
- "@micromag/element-container": "^0.3.824",
71
- "@micromag/element-footer": "^0.3.829",
72
- "@micromag/element-header": "^0.3.824",
73
- "@micromag/element-heading": "^0.3.824",
74
- "@micromag/element-layout": "^0.3.824",
75
- "@micromag/element-text": "^0.3.824",
76
- "@micromag/element-visual": "^0.3.824",
77
- "@micromag/transforms": "^0.3.824",
78
- "@react-spring/web": "^9.6.1",
68
+ "@micromag/core": "^0.4.4",
69
+ "@micromag/element-background": "^0.4.4",
70
+ "@micromag/element-button": "^0.4.4",
71
+ "@micromag/element-container": "^0.4.4",
72
+ "@micromag/element-footer": "^0.4.4",
73
+ "@micromag/element-header": "^0.4.4",
74
+ "@micromag/element-heading": "^0.4.4",
75
+ "@micromag/element-layout": "^0.4.4",
76
+ "@micromag/element-text": "^0.4.4",
77
+ "@micromag/element-visual": "^0.4.4",
78
+ "@micromag/transforms": "^0.4.4",
79
+ "@react-spring/web": "^10.0.3",
79
80
  "@use-gesture/react": "^10.3.0",
80
81
  "classnames": "^2.2.6",
81
- "lodash": "^4.17.21",
82
- "prop-types": "^15.7.2",
83
- "react-intl": "^6.6.4",
82
+ "lodash": "^4.17.23",
83
+ "react-intl": "^8.1.3",
84
84
  "uuid": "^9.0.0"
85
85
  },
86
86
  "publishConfig": {
87
87
  "access": "public",
88
88
  "registry": "https://registry.npmjs.org/"
89
89
  },
90
- "gitHead": "35fb9241ce6f9580397150bd05115f9a6f4048c8"
90
+ "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
91
+ "types": "es/index.d.ts"
91
92
  }