@antimatter-audio/antimatter-ui 1.1.5 → 1.1.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 (4) hide show
  1. package/dist/index.d.ts +3 -0
  2. package/dist/index.js +103 -4
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -46,6 +46,8 @@ interface GridColProps {
46
46
  centerContentVertical?: boolean;
47
47
  alignContentRight?: boolean;
48
48
  className?: string;
49
+ style?: React.CSSProperties;
50
+ border?: boolean;
49
51
  onClick?: () => void;
50
52
  }
51
53
  declare const Col: React.FC<React.PropsWithChildren<GridColProps>>;
@@ -61,6 +63,7 @@ interface GridRowProps {
61
63
  style?: object;
62
64
  padding?: Array<SPACING$1>;
63
65
  flexDirection?: FLEX_DIRECTION;
66
+ border?: boolean;
64
67
  onClick?: () => void;
65
68
  }
66
69
  declare const Row: React.FC<React.PropsWithChildren<GridRowProps>>;
package/dist/index.js CHANGED
@@ -143,11 +143,61 @@ var SPACING;
143
143
  SPACING["X_LARGE"] = "xlarge";
144
144
  })(SPACING || (SPACING = {}));
145
145
 
146
+ function _define_property$1(obj, key, value) {
147
+ if (key in obj) {
148
+ Object.defineProperty(obj, key, {
149
+ value: value,
150
+ enumerable: true,
151
+ configurable: true,
152
+ writable: true
153
+ });
154
+ } else {
155
+ obj[key] = value;
156
+ }
157
+ return obj;
158
+ }
159
+ function _object_spread$1(target) {
160
+ for(var i = 1; i < arguments.length; i++){
161
+ var source = arguments[i] != null ? arguments[i] : {};
162
+ var ownKeys = Object.keys(source);
163
+ if (typeof Object.getOwnPropertySymbols === "function") {
164
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
165
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
166
+ }));
167
+ }
168
+ ownKeys.forEach(function(key) {
169
+ _define_property$1(target, key, source[key]);
170
+ });
171
+ }
172
+ return target;
173
+ }
174
+ function ownKeys$1(object, enumerableOnly) {
175
+ var keys = Object.keys(object);
176
+ if (Object.getOwnPropertySymbols) {
177
+ var symbols = Object.getOwnPropertySymbols(object);
178
+ keys.push.apply(keys, symbols);
179
+ }
180
+ return keys;
181
+ }
182
+ function _object_spread_props$1(target, source) {
183
+ source = source != null ? source : {};
184
+ if (Object.getOwnPropertyDescriptors) {
185
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
186
+ } else {
187
+ ownKeys$1(Object(source)).forEach(function(key) {
188
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
189
+ });
190
+ }
191
+ return target;
192
+ }
146
193
  var Col = function(param) {
147
194
  var offset = param.offset, centerContentHorizontal = param.centerContentHorizontal, centerContentVertical = param.centerContentVertical, alignContentRight = param.alignContentRight, className = param.className, children = param.children, onClick = param.onClick, span = param.span, _param_padding = param.padding, padding = _param_padding === void 0 ? [
148
195
  SPACING.NONE
149
- ] : _param_padding;
196
+ ] : _param_padding, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style, _param_border = param.border, border = _param_border === void 0 ? false : _param_border;
150
197
  return /*#__PURE__*/ React.createElement("div", {
198
+ style: _object_spread_props$1(_object_spread$1({}, style), {
199
+ border: border ? '2px solid #888' : ''
200
+ }),
151
201
  onClick: onClick,
152
202
  className: classnames(className, span ? 'col-xs-' + span : 'flex-auto', offset && 'col-xs-offset-' + offset, centerContentHorizontal && 'flex-align-center-horizontal', centerContentVertical && 'flex-align-center-vertical', alignContentRight && 'flex-align-end', padding.length === 1 && 'padding-around-' + padding, padding.length === 2 && 'padding-vertical-' + padding[0], padding.length === 2 && 'padding-horizontal-' + padding[1], padding.length === 4 && 'padding-top-' + [
153
203
  padding[0]
@@ -167,14 +217,63 @@ var FLEX_DIRECTION;
167
217
  FLEX_DIRECTION[FLEX_DIRECTION["COLUMN"] = 1] = "COLUMN";
168
218
  })(FLEX_DIRECTION || (FLEX_DIRECTION = {}));
169
219
 
220
+ function _define_property(obj, key, value) {
221
+ if (key in obj) {
222
+ Object.defineProperty(obj, key, {
223
+ value: value,
224
+ enumerable: true,
225
+ configurable: true,
226
+ writable: true
227
+ });
228
+ } else {
229
+ obj[key] = value;
230
+ }
231
+ return obj;
232
+ }
233
+ function _object_spread(target) {
234
+ for(var i = 1; i < arguments.length; i++){
235
+ var source = arguments[i] != null ? arguments[i] : {};
236
+ var ownKeys = Object.keys(source);
237
+ if (typeof Object.getOwnPropertySymbols === "function") {
238
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
239
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
240
+ }));
241
+ }
242
+ ownKeys.forEach(function(key) {
243
+ _define_property(target, key, source[key]);
244
+ });
245
+ }
246
+ return target;
247
+ }
248
+ function ownKeys(object, enumerableOnly) {
249
+ var keys = Object.keys(object);
250
+ if (Object.getOwnPropertySymbols) {
251
+ var symbols = Object.getOwnPropertySymbols(object);
252
+ keys.push.apply(keys, symbols);
253
+ }
254
+ return keys;
255
+ }
256
+ function _object_spread_props(target, source) {
257
+ source = source != null ? source : {};
258
+ if (Object.getOwnPropertyDescriptors) {
259
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
260
+ } else {
261
+ ownKeys(Object(source)).forEach(function(key) {
262
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
263
+ });
264
+ }
265
+ return target;
266
+ }
170
267
  var Row = function(param) {
171
- var className = param.className, id = param.id, style = param.style, children = param.children, onClick = param.onClick, _param_padding = param.padding, padding = _param_padding === void 0 ? [
268
+ var className = param.className, id = param.id, children = param.children, onClick = param.onClick, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style, _param_padding = param.padding, padding = _param_padding === void 0 ? [
172
269
  SPACING.MEDIUM,
173
270
  SPACING.NONE
174
- ] : _param_padding, _param_flexDirection = param.flexDirection, flexDirection = _param_flexDirection === void 0 ? FLEX_DIRECTION.ROW : _param_flexDirection;
271
+ ] : _param_padding, _param_flexDirection = param.flexDirection, flexDirection = _param_flexDirection === void 0 ? FLEX_DIRECTION.ROW : _param_flexDirection, _param_border = param.border, border = _param_border === void 0 ? false : _param_border;
175
272
  var isColumn = flexDirection === FLEX_DIRECTION.COLUMN;
176
273
  return /*#__PURE__*/ React.createElement("div", {
177
- style: style,
274
+ style: _object_spread_props(_object_spread({}, style), {
275
+ border: border ? '2px solid #888' : ''
276
+ }),
178
277
  onClick: onClick,
179
278
  className: classnames('row', className, isColumn && 'flex-direction-column flex-wrap-nowrap height-100-percent', padding.length === 1 && 'padding-around-' + padding, padding.length === 2 && 'padding-vertical-' + padding[0], padding.length === 2 && 'padding-horizontal-' + padding[1], padding.length === 4 && 'padding-top-' + [
180
279
  padding[0]
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antimatter-audio/antimatter-ui",
3
- "version": "1.1.5",
3
+ "version": "1.1.7",
4
4
  "description": "React UI component library for Antimatter Audio.",
5
5
  "repository": {
6
6
  "type": "git",