@useblu/ocean-react 1.46.3 → 1.48.0

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [1.48.0](https://github.com/ocean-ds/ocean-web/compare/v1.47.1...v1.48.0) (2023-07-31)
7
+
8
+ ### Features
9
+
10
+ - remove unused margin an add condicional render in input label ([#1079](https://github.com/ocean-ds/ocean-web/issues/1079)) ([561d8a7](https://github.com/ocean-ds/ocean-web/commit/561d8a73f8699848d0e2f0679a618471bcb088f7))
11
+
12
+ # [1.47.0](https://github.com/ocean-ds/ocean-web/compare/v1.46.3...v1.47.0) (2023-06-27)
13
+
14
+ ### Features
15
+
16
+ - add orientation prop on shortcut ([#1071](https://github.com/ocean-ds/ocean-web/issues/1071)) ([05d96a1](https://github.com/ocean-ds/ocean-web/commit/05d96a1801a7dbb1dfa4e4b9e91bc0845cbb2884))
17
+
6
18
  ## [1.46.3](https://github.com/ocean-ds/ocean-web/compare/v1.46.2...v1.46.3) (2023-06-22)
7
19
 
8
20
  ### Bug Fixes
@@ -1 +1 @@
1
- {"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,oBAAY,gBAAgB,GAAG;IAI7B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAI7B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAOjC,cAAc,CAAC,EAAE,MAAM,CAAC;IAIxB,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAIhB,UAAU,CAAC,EAAE,MAAM,CAAC;IAKpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,oBAAY,gBAAgB,GAAG;IAI7B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAI7B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAOjC,cAAc,CAAC,EAAE,MAAM,CAAC;IAIxB,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAIhB,UAAU,CAAC,EAAE,MAAM,CAAC;IAKpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- declare type ShortcutSize = 'tiny' | 'small' | 'medium' | 'large';
2
+ declare type ShortcutSize = 'tiny' | 'small' | 'medium';
3
3
  export declare type ShortcutProps = {
4
4
  icon: React.ReactNode;
5
5
  label: string;
@@ -8,7 +8,9 @@ export declare type ShortcutProps = {
8
8
  blocked?: boolean;
9
9
  disabled?: boolean;
10
10
  count?: number;
11
+ fullWidth?: boolean;
12
+ orientation?: 'horizontal' | 'vertical';
11
13
  } & React.ComponentPropsWithoutRef<'div'>;
12
- declare const Shortcut: ({ icon, label, description, size, blocked, disabled, count, ...rest }: ShortcutProps) => React.ReactElement;
14
+ declare const Shortcut: ({ icon, label, description, size, blocked, disabled, fullWidth, orientation, count, ...rest }: ShortcutProps) => React.ReactElement;
13
15
  export default Shortcut;
14
16
  //# sourceMappingURL=Shortcut.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Shortcut.d.ts","sourceRoot":"","sources":["../../src/Shortcut/Shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,aAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ,0EASX,aAAa,KAAG,MAAM,YA+CxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Shortcut.d.ts","sourceRoot":"","sources":["../../src/Shortcut/Shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,aAAK,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ,kGAWX,aAAa,KAAG,MAAM,YAsDxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/index.es.js CHANGED
@@ -5003,11 +5003,11 @@ var FormControl = function (_a) {
5003
5003
  typeof labelProp === 'string' ? (e.createElement(FormLabel, { htmlFor: htmlFor, disabled: disabled }, labelProp)) : (labelProp);
5004
5004
  }
5005
5005
  return (e.createElement("div", { className: "ods-form-control__root" },
5006
- e.createElement("div", { className: "ods-form-control__header" },
5007
- e.createElement("div", { className: "ods-form-control__label" }, label),
5008
- tooltipMessage ? (e.createElement("div", { "aria-label": tooltipMessage, className: "ods-form-control__icon ods-tooltip", "data-tooltip-pos": "up-left" },
5006
+ (labelProp || tooltipMessage) && (e.createElement("div", { className: "ods-form-control__header" },
5007
+ labelProp && e.createElement("div", { className: "ods-form-control__label" }, label),
5008
+ tooltipMessage && (e.createElement("div", { "aria-label": tooltipMessage, className: "ods-form-control__icon ods-tooltip", "data-tooltip-pos": "up-left" },
5009
5009
  e.createElement(Er, { size: 16, color: "#B6B9CC" }),
5010
- ' ')) : (e.createElement(e.Fragment, null))),
5010
+ ' ')))),
5011
5011
  e.createElement("div", { className: classNames('ods-form-control__element') }, children),
5012
5012
  helperText && (e.createElement("p", { className: classNames('ods-form-control__helper-text', error && 'ods-form-control__helper-text--error', disabled && 'ods-form-control__helper-text--disabled') }, helperText))));
5013
5013
  };
@@ -46341,15 +46341,15 @@ var Snackbar = e.forwardRef(function (_a, ref) {
46341
46341
  Snackbar.displayName = 'Snackbar';
46342
46342
 
46343
46343
  var Shortcut = function (_a) {
46344
- var icon = _a.icon, label = _a.label, description = _a.description, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.blocked, blocked = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, count = _a.count, rest = __rest$1(_a, ["icon", "label", "description", "size", "blocked", "disabled", "count"]);
46345
- return (e.createElement("div", __assign$1({ className: classNames('ods-shortcut', "ods-shortcut--".concat(size), blocked && 'ods-shortcut--blocked', disabled && 'ods-shortcut--disabled') }, rest),
46344
+ var icon = _a.icon, label = _a.label, description = _a.description, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.blocked, blocked = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, _f = _a.orientation, orientation = _f === void 0 ? 'horizontal' : _f, count = _a.count, rest = __rest$1(_a, ["icon", "label", "description", "size", "blocked", "disabled", "fullWidth", "orientation", "count"]);
46345
+ return (e.createElement("div", __assign$1({ className: classNames('ods-shortcut', "ods-shortcut--".concat(size), blocked && 'ods-shortcut--blocked', disabled && 'ods-shortcut--disabled', fullWidth && 'ods-shortcut--full-width', "ods-shortcut--".concat(orientation)) }, rest),
46346
46346
  blocked && (e.createElement("div", { className: "ods-shortcut__blocked" },
46347
46347
  e.createElement(jr, null))),
46348
46348
  count ? (e.createElement(Badge, { className: "ods-shortcut__badge", variation: "small", color: "alert", count: count })) : null,
46349
- e.createElement("div", { className: "ods-shortcut__content" },
46349
+ e.createElement("div", { className: classNames('ods-shortcut__content', "ods-shortcut__content--".concat(orientation)) },
46350
46350
  e.createElement("div", { className: "ods-shortcut__icon" }, icon),
46351
46351
  e.createElement("h5", { className: classNames('ods-shortcut__label', 'ods-typography', 'ods-typography__heading5') }, label)),
46352
- ['medium', 'large'].includes(size) && description && (e.createElement("span", { className: classNames('ods-shortcut__description', 'ods-typography', 'ods-typography__description') }, description))));
46352
+ size === 'medium' && description && (e.createElement("span", { className: classNames('ods-shortcut__description', 'ods-typography', 'ods-typography__description') }, description))));
46353
46353
  };
46354
46354
 
46355
46355
  export { Alert, Badge, Breadcrumb, Button$1 as Button, Carousel, DoughnutChart as Chart, Checkbox, Col, Container, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, Link, List, Modal, Progress, Radio, Row$1 as Row, Search, Select, Shortcut, Snackbar, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TopBar, TransactionListItem, Typography };