@synerise/ds-logic 0.9.2 → 0.9.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.9.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-logic@0.9.2...@synerise/ds-logic@0.9.3) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-logic
+
+
+
+
+
 ## [0.9.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-logic@0.9.1...@synerise/ds-logic@0.9.2) (2024-11-21)
 
 

package/dist/Logic.js

@@ -4,19 +4,17 @@ import { Title } from '@synerise/ds-typography';
 import * as S from './Logic.style';
 import Matching from './Matching/Matching';
 var DEFAULT_OPTIONS = ['AND', 'OR'];
-
 var Logic = function Logic(_ref) {
   var value = _ref.value,
-      options = _ref.options,
-      onChange = _ref.onChange,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
+    options = _ref.options,
+    onChange = _ref.onChange,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var intl = useIntl();
   var operators = React.useMemo(function () {
     if (options !== undefined && options.length) {
       return options;
     }
-
     return DEFAULT_OPTIONS.map(function (option) {
       return {
         value: option,
@@ -35,7 +33,6 @@ var Logic = function Logic(_ref) {
   }, [onChange, operators, value]);
   var renderValue = React.useMemo(function () {
     var _operators$find;
-
     return (_operators$find = operators.find(function (option) {
       return option.value === value;
     })) == null ? void 0 : _operators$find.label;
@@ -49,6 +46,5 @@ var Logic = function Logic(_ref) {
     level: 4
   }, renderValue));
 };
-
 Logic.Matching = Matching;
 export default Logic;

package/dist/Logic.style.js

@@ -1,14 +1,15 @@
-import styled from 'styled-components'; // eslint-disable-next-line import/prefer-default-export
+import styled from 'styled-components';
 
+// eslint-disable-next-line import/prefer-default-export
 export var Logic = styled.div.withConfig({
   displayName: "Logicstyle__Logic",
   componentId: "yp0pif-0"
 })(["user-select:none;position:relative;.ds-title{cursor:pointer;", "}", ""], function (_ref) {
   var readOnly = _ref.readOnly,
-      theme = _ref.theme;
+    theme = _ref.theme;
   return !readOnly ? "&:after {\n      position: absolute;\n      bottom: -2px;\n      width: 100%;\n      content: '';\n      height: 1px;\n      left: 1px;\n      background-image: linear-gradient(\n        to right,\n        " + theme.palette['grey-600'] + " 25%,\n        " + theme.palette.white + " 0%\n      );\n      background-position: top;\n      background-size: 4px 1px;\n      background-repeat: repeat-x;\n    }" : '';
 }, function (_ref2) {
   var readOnly = _ref2.readOnly,
-      theme = _ref2.theme;
+    theme = _ref2.theme;
   return !readOnly ? " &:hover {\n    .ds-title {\n      color: " + theme.palette['blue-700'] + ";\n      &:after {\n        background-image: linear-gradient(\n          to right,\n          " + theme.palette['blue-700'] + " 25%,\n          " + theme.palette.white + " 0%\n        );\n      }\n    }\n  }" : '';
 });

package/dist/Matching/Matching.js

@@ -1,32 +1,23 @@
 var _excluded = ["matching", "sentence", "onChange", "texts", "readOnly"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import { useIntl } from 'react-intl';
 import * as S from './Matching.styles';
 var MATCHING_TOGGLE = '#MATCHING_TOGGLE#';
-
 var Matching = function Matching(_ref) {
   var _ref$matching = _ref.matching,
-      matching = _ref$matching === void 0 ? true : _ref$matching,
-      sentence = _ref.sentence,
-      onChange = _ref.onChange,
-      texts = _ref.texts,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    matching = _ref$matching === void 0 ? true : _ref$matching,
+    sentence = _ref.sentence,
+    onChange = _ref.onChange,
+    texts = _ref.texts,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
   var intl = useIntl();
   var text = React.useMemo(function () {
     return _objectSpread({
@@ -57,10 +48,8 @@ var Matching = function Matching(_ref) {
       var endOfToggle = startOfToggle + MATCHING_TOGGLE.length;
       return [sentence.substring(0, startOfToggle), getToggle, sentence.substring(endOfToggle, sentence.length)];
     }
-
     return getToggle;
   }, [getToggle, sentence]);
   return /*#__PURE__*/React.createElement(S.MatchingWrapper, htmlAttributes, getLabelWithToggle);
 };
-
 export default Matching;

package/dist/Matching/Matching.styles.js

@@ -1,30 +1,21 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import styled, { css } from 'styled-components';
-
 var getColor = function getColor(_ref) {
   var theme = _ref.theme,
-      matching = _ref.matching,
-      readOnly = _ref.readOnly,
-      _ref$hovered = _ref.hovered,
-      hovered = _ref$hovered === void 0 ? false : _ref$hovered;
-
+    matching = _ref.matching,
+    readOnly = _ref.readOnly,
+    _ref$hovered = _ref.hovered,
+    hovered = _ref$hovered === void 0 ? false : _ref$hovered;
   if (readOnly) {
     return theme.palette["grey-800"];
   }
-
   var hue = hovered ? '700' : '600';
   return theme.palette[matching ? "green-" + hue : "red-" + hue];
 };
-
 export var MatchingWrapper = styled.div.withConfig({
   displayName: "Matchingstyles__MatchingWrapper",
   componentId: "sc-7z57qz-0"
@@ -37,13 +28,13 @@ export var Toggle = styled.span.withConfig({
 })(["cursor:pointer;font-size:16px;font-weight:500;line-height:1.25;color:", ";transition:color 0.1s ease-in-out;position:relative;display:inline-flex;", " ", ""], getColor, function (props) {
   var color = getColor(props);
   var readOnly = props.readOnly,
-      theme = props.theme;
+    theme = props.theme;
   return !readOnly && "\n&:after {\n  position: absolute;\n  bottom: -2px;\n  width: 100%;\n  content: '';\n  height: 1px;\n  left: 1px;\n  background-image: linear-gradient(\n    to right,\n    " + color + " 25%,\n    " + theme.palette.white + " 0%\n  );\n  background-position: top;\n  background-size: 4px 1px;\n  background-repeat: repeat-x;\n}";
 }, function (props) {
   var hoveredColor = getColor(_objectSpread({}, props, {
     hovered: true
   }));
   var readOnly = props.readOnly,
-      theme = props.theme;
+    theme = props.theme;
   return !readOnly && css(["&:hover{color:", ";&:after{background-image:linear-gradient( to right,", " 25%,", " 0% );}"], hoveredColor, hoveredColor, theme.palette.white);
 });

package/dist/Placeholder/Placeholder.js

@@ -3,7 +3,6 @@ import Icon, { ClickM } from '@synerise/ds-icon';
 import { Text } from '@synerise/ds-typography';
 import { theme } from '@synerise/ds-core';
 import * as S from './Placeholder.styles';
-
 var Placeholder = function Placeholder(_ref) {
   var text = _ref.text;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.PlaceholderContainer, null, /*#__PURE__*/React.createElement(Icon, {
@@ -14,5 +13,4 @@ var Placeholder = function Placeholder(_ref) {
     size: "medium"
   }, text)));
 };
-
 export default Placeholder;

package/dist/Placeholder/Placeholder.styles.js

@@ -1,5 +1,6 @@
-import styled from 'styled-components'; // eslint-disable-next-line import/prefer-default-export
+import styled from 'styled-components';
 
+// eslint-disable-next-line import/prefer-default-export
 export var PlaceholderContainer = styled.div.withConfig({
   displayName: "Placeholderstyles__PlaceholderContainer",
   componentId: "sc-1dp40dc-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-logic",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Logic UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,8 +34,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.67.0",
-    "@synerise/ds-typography": "^0.16.6",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-typography": "^0.16.7",
     "@synerise/ds-utils": "^0.31.2"
   },
   "peerDependencies": {
@@ -44,5 +44,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }