@sphereon/ui-components.ssi-react 0.4.1-unstable.37 → 0.4.1-unstable.39

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 (5) hide show
  1. package/dist/components/assets/icons/Key/index.js +2 -1
  2. package/dist/components/assets/icons/Management/index.js +2 -1
  3. package/dist/components/views/RoleViewItem/index.d.ts +1 -1
  4. package/dist/components/views/RoleViewItem/index.js +9 -9
  5. package/package.json +3 -3
package/dist/components/assets/icons/Key/index.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { parseColor } from '@sphereon/ui-components.core';
2
3
  const KeyIcon = (props) => {
3
4
  const { size = 24, color = '--color-grey-800', style } = props;
4
5
  const iconAspectRatio = 1;
5
6
  const height = size / 16;
6
7
  const width = iconAspectRatio * height;
7
- return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M13.9928 9.70871L14.67 10.3816C14.8233 10.533 14.8237 10.7795 14.6714 10.9319L14.4134 11.1881L14.7115 12.0695L16.4139 13.7616C16.4883 13.8356 16.5266 13.9321 16.5287 14.0291L16.5769 14.7131L17.2826 14.7622C17.4808 14.7751 17.635 14.9331 17.6478 15.1251L17.6972 15.8265L18.4026 15.8754C18.6009 15.8883 18.755 16.0464 18.7678 16.2383L18.8169 16.9398L19.5227 16.9886C19.7142 17.0011 19.8644 17.1488 19.886 17.3318L20.1716 19.6896C20.1969 19.9032 20.0429 20.0972 19.828 20.1223C19.7944 20.1262 19.7612 20.1258 19.7292 20.1214L17.364 19.8387C17.2729 19.8281 17.1929 19.787 17.1326 19.7271L12.0697 14.6951L11.1831 14.399L10.9251 14.6552C10.7721 14.8064 10.5245 14.8062 10.3721 14.6546L9.69332 13.9812C8.9403 14.0923 8.16641 14.0358 7.4331 13.8123C6.6613 13.5768 5.93425 13.1556 5.32405 12.5493C4.32435 11.557 3.8252 10.2565 3.8252 8.95634C3.8252 7.65622 4.32435 6.35564 5.32265 5.36338C6.32096 4.37113 7.62947 3.875 8.93752 3.875C10.2456 3.875 11.5541 4.37113 12.5524 5.36338C13.1621 5.96943 13.5857 6.69231 13.8231 7.46104C14.0484 8.19037 14.1048 8.96002 13.9928 9.70871ZM10.7797 13.6994L10.8001 13.6775L13.6875 10.8077L13.7081 10.7885L13.8403 10.6574L13.3075 10.1281C13.211 10.0396 13.1614 9.90527 13.1879 9.76816C13.3202 9.07893 13.2829 8.3632 13.0747 7.68963C12.8746 7.04165 12.5155 6.43007 11.9973 5.91505C11.1528 5.07557 10.045 4.65572 8.93752 4.65572C7.83001 4.65572 6.72228 5.07557 5.87768 5.91505C5.03309 6.75452 4.61067 7.85555 4.61067 8.95634C4.61067 10.0571 5.03309 11.1582 5.87768 11.9976C6.39422 12.512 7.01022 12.8691 7.66309 13.0685C8.33427 13.2731 9.04671 13.3118 9.73389 13.1848C9.86279 13.1533 10.0047 13.1874 10.1055 13.2876L10.6497 13.8284L10.7797 13.6994ZM13.7955 11.8036L11.8021 13.7849L12.381 13.9782C12.4471 13.995 12.5095 14.0289 12.5612 14.0803L17.5919 19.0808L19.333 19.2888L19.1459 17.7435L18.4237 17.6935C18.2306 17.6809 18.0716 17.5276 18.0586 17.3306L18.0094 16.6292L17.304 16.5803C17.1108 16.5676 16.9518 16.4144 16.9388 16.2174L16.8894 15.5159L16.1837 15.4668C15.9906 15.4542 15.8315 15.3009 15.8185 15.1039L15.7557 14.2107L14.093 12.558C14.0522 12.5161 14.0192 12.465 13.9993 12.4057L13.7955 11.8036ZM8.83667 6.59483C9.1515 6.90707 9.30916 7.31679 9.30916 7.72581C9.30916 8.13483 9.1515 8.54455 8.83736 8.85679C8.52322 9.16903 8.111 9.32573 7.69949 9.32573C7.28866 9.32573 6.87761 9.16903 6.56323 8.85702L6.53959 8.83305C6.24028 8.52358 6.09005 8.12446 6.09005 7.72581C6.09005 7.31771 6.2477 6.90869 6.56161 6.59622L6.58572 6.57271C6.89709 6.27522 7.29887 6.1259 7.69949 6.1259C8.11031 6.1259 8.52136 6.28259 8.83667 6.59483ZM8.52368 7.72581C8.52368 7.51634 8.443 7.30619 8.28233 7.1465C8.12213 6.98657 7.91092 6.90661 7.69949 6.90661C7.495 6.90661 7.29052 6.9815 7.13217 7.13013L7.11687 7.14626C6.95597 7.3055 6.87552 7.51542 6.87552 7.72581C6.87552 7.92906 6.95087 8.13253 7.10041 8.28992L7.11664 8.30513C7.27684 8.46505 7.48805 8.54501 7.69949 8.54501C7.91023 8.54501 8.12167 8.46482 8.2821 8.30536C8.443 8.14543 8.52368 7.93528 8.52368 7.72581Z", fill: "{parseColor(color)}" }) }) }) }));
8
+ return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M13.9928 9.70871L14.67 10.3816C14.8233 10.533 14.8237 10.7795 14.6714 10.9319L14.4134 11.1881L14.7115 12.0695L16.4139 13.7616C16.4883 13.8356 16.5266 13.9321 16.5287 14.0291L16.5769 14.7131L17.2826 14.7622C17.4808 14.7751 17.635 14.9331 17.6478 15.1251L17.6972 15.8265L18.4026 15.8754C18.6009 15.8883 18.755 16.0464 18.7678 16.2383L18.8169 16.9398L19.5227 16.9886C19.7142 17.0011 19.8644 17.1488 19.886 17.3318L20.1716 19.6896C20.1969 19.9032 20.0429 20.0972 19.828 20.1223C19.7944 20.1262 19.7612 20.1258 19.7292 20.1214L17.364 19.8387C17.2729 19.8281 17.1929 19.787 17.1326 19.7271L12.0697 14.6951L11.1831 14.399L10.9251 14.6552C10.7721 14.8064 10.5245 14.8062 10.3721 14.6546L9.69332 13.9812C8.9403 14.0923 8.16641 14.0358 7.4331 13.8123C6.6613 13.5768 5.93425 13.1556 5.32405 12.5493C4.32435 11.557 3.8252 10.2565 3.8252 8.95634C3.8252 7.65622 4.32435 6.35564 5.32265 5.36338C6.32096 4.37113 7.62947 3.875 8.93752 3.875C10.2456 3.875 11.5541 4.37113 12.5524 5.36338C13.1621 5.96943 13.5857 6.69231 13.8231 7.46104C14.0484 8.19037 14.1048 8.96002 13.9928 9.70871ZM10.7797 13.6994L10.8001 13.6775L13.6875 10.8077L13.7081 10.7885L13.8403 10.6574L13.3075 10.1281C13.211 10.0396 13.1614 9.90527 13.1879 9.76816C13.3202 9.07893 13.2829 8.3632 13.0747 7.68963C12.8746 7.04165 12.5155 6.43007 11.9973 5.91505C11.1528 5.07557 10.045 4.65572 8.93752 4.65572C7.83001 4.65572 6.72228 5.07557 5.87768 5.91505C5.03309 6.75452 4.61067 7.85555 4.61067 8.95634C4.61067 10.0571 5.03309 11.1582 5.87768 11.9976C6.39422 12.512 7.01022 12.8691 7.66309 13.0685C8.33427 13.2731 9.04671 13.3118 9.73389 13.1848C9.86279 13.1533 10.0047 13.1874 10.1055 13.2876L10.6497 13.8284L10.7797 13.6994ZM13.7955 11.8036L11.8021 13.7849L12.381 13.9782C12.4471 13.995 12.5095 14.0289 12.5612 14.0803L17.5919 19.0808L19.333 19.2888L19.1459 17.7435L18.4237 17.6935C18.2306 17.6809 18.0716 17.5276 18.0586 17.3306L18.0094 16.6292L17.304 16.5803C17.1108 16.5676 16.9518 16.4144 16.9388 16.2174L16.8894 15.5159L16.1837 15.4668C15.9906 15.4542 15.8315 15.3009 15.8185 15.1039L15.7557 14.2107L14.093 12.558C14.0522 12.5161 14.0192 12.465 13.9993 12.4057L13.7955 11.8036ZM8.83667 6.59483C9.1515 6.90707 9.30916 7.31679 9.30916 7.72581C9.30916 8.13483 9.1515 8.54455 8.83736 8.85679C8.52322 9.16903 8.111 9.32573 7.69949 9.32573C7.28866 9.32573 6.87761 9.16903 6.56323 8.85702L6.53959 8.83305C6.24028 8.52358 6.09005 8.12446 6.09005 7.72581C6.09005 7.31771 6.2477 6.90869 6.56161 6.59622L6.58572 6.57271C6.89709 6.27522 7.29887 6.1259 7.69949 6.1259C8.11031 6.1259 8.52136 6.28259 8.83667 6.59483ZM8.52368 7.72581C8.52368 7.51634 8.443 7.30619 8.28233 7.1465C8.12213 6.98657 7.91092 6.90661 7.69949 6.90661C7.495 6.90661 7.29052 6.9815 7.13217 7.13013L7.11687 7.14626C6.95597 7.3055 6.87552 7.51542 6.87552 7.72581C6.87552 7.92906 6.95087 8.13253 7.10041 8.28992L7.11664 8.30513C7.27684 8.46505 7.48805 8.54501 7.69949 8.54501C7.91023 8.54501 8.12167 8.46482 8.2821 8.30536C8.443 8.14543 8.52368 7.93528 8.52368 7.72581Z", fill: parseColor(color) }) }) }) }));
8
9
  };
9
10
  export default KeyIcon;
package/dist/components/assets/icons/Management/index.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { parseColor } from '@sphereon/ui-components.core';
2
3
  const ManagementIcon = (props) => {
3
4
  const { size = 24, color = '--color-grey-800', style } = props;
4
5
  const iconAspectRatio = 1;
5
6
  const height = size / 16;
6
7
  const width = iconAspectRatio * height;
7
- return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M19.8408 1.37402C20.1344 0.808372 20.9495 0.808474 21.2432 1.37402L21.2441 1.37598L21.2705 1.43066V1.43262C21.8097 2.69772 22.733 3.7619 23.9082 4.46973L24.6455 4.91309L24.6465 4.91406L24.6934 4.94434L24.6953 4.94531C25.1681 5.27543 25.1679 5.98407 24.6953 6.31543L24.6943 6.31641L24.667 6.27441L24.6934 6.31641L24.6465 6.3457L24.6455 6.34668L23.9082 6.79102C23.5166 7.02786 23.1521 7.30304 22.8213 7.6123C22.8965 7.98655 22.9375 8.37475 22.9375 8.77148V19.2412C22.9375 22.4489 20.3481 25.0498 17.1543 25.0498H6.73242C3.53882 25.0498 0.950195 22.4491 0.950195 19.2412V8.77148C0.950195 5.56378 3.53865 2.96193 6.73242 2.96191H17.1543C17.6944 2.96191 18.2185 3.03746 18.7148 3.17676C19.1674 2.66002 19.5408 2.07268 19.8135 1.43262L19.8145 1.43066L19.8408 1.37598V1.37402ZM6.73242 4.10938C4.17047 4.10939 2.09302 6.19646 2.09277 8.77051V19.2412C2.09283 21.8156 4.17052 23.9023 6.73242 23.9023H17.1543C19.7164 23.9023 21.7949 21.8154 21.7949 19.2412V8.84082C21.6165 9.11728 21.4575 9.40719 21.3223 9.70898L21.2705 9.82715L21.2695 9.8291L21.2432 9.88379V9.88574C20.959 10.4343 20.1848 10.4515 19.8701 9.9375L19.8135 9.82715L19.7617 9.70898L19.6582 9.49121C19.1248 8.41223 18.3035 7.5001 17.2842 6.8584L17.1748 6.79004V6.78906L16.4385 6.34668C15.8994 6.0223 15.8994 5.23744 16.4385 4.91309L17.1758 4.46973C17.3443 4.36748 17.5067 4.25578 17.665 4.13965C17.4973 4.12128 17.3265 4.10938 17.1543 4.10938H6.73242ZM11.1621 7.15039C11.7658 7.15039 12.2549 7.64216 12.2549 8.24805V12.959C12.2549 13.5649 11.7658 14.0557 11.1621 14.0557H9.67676C9.70003 14.0857 9.72244 14.1174 9.74316 14.1514L12.3496 18.3408C12.2231 17.9662 12.1543 17.5649 12.1543 17.1475C12.1543 15.0965 13.8104 13.4326 15.8525 13.4326C17.8943 13.4329 19.5498 15.0967 19.5498 17.1475C19.5498 19.1982 17.8944 20.862 15.8525 20.8623C14.6266 20.8623 13.54 20.2619 12.8672 19.3389C12.9628 19.9682 12.4863 20.5995 11.7852 20.5996H5.84961C4.99076 20.5996 4.4681 19.6523 4.92188 18.9219L7.8916 14.1514V14.1504L7.93066 14.0898L7.93262 14.0879C7.94077 14.0767 7.95042 14.0666 7.95898 14.0557H6.47168C5.86821 14.0554 5.37988 13.5647 5.37988 12.959V8.24805C5.37988 7.64231 5.86821 7.15063 6.47168 7.15039H11.1621ZM15.8525 14.5801C14.4408 14.5801 13.2969 15.73 13.2969 17.1475C13.297 18.5661 14.4409 19.7148 15.8525 19.7148C17.264 19.7146 18.4071 18.566 18.4072 17.1475C18.4072 15.7301 17.2641 14.5803 15.8525 14.5801ZM5.93945 19.4531H11.6943L8.81641 14.8262L5.93945 19.4531ZM6.52246 12.9092H11.1123V8.29785H6.52246V12.9092ZM20.542 2.5459C19.8909 3.74179 18.9345 4.74838 17.7637 5.45312L17.4688 5.62988L17.7637 5.80762C18.9342 6.51228 19.8909 7.51818 20.542 8.71387C21.1931 7.51801 22.1505 6.51234 23.3213 5.80762L23.6152 5.62988L23.3213 5.45312C22.1503 4.74832 21.1932 3.74202 20.542 2.5459Z", fill: "{parseColor(color)}", stroke: "{parseColor(color)}", "stroke-width": "0.1" }) }) }) }));
8
+ return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M19.8408 1.37402C20.1344 0.808372 20.9495 0.808474 21.2432 1.37402L21.2441 1.37598L21.2705 1.43066V1.43262C21.8097 2.69772 22.733 3.7619 23.9082 4.46973L24.6455 4.91309L24.6465 4.91406L24.6934 4.94434L24.6953 4.94531C25.1681 5.27543 25.1679 5.98407 24.6953 6.31543L24.6943 6.31641L24.667 6.27441L24.6934 6.31641L24.6465 6.3457L24.6455 6.34668L23.9082 6.79102C23.5166 7.02786 23.1521 7.30304 22.8213 7.6123C22.8965 7.98655 22.9375 8.37475 22.9375 8.77148V19.2412C22.9375 22.4489 20.3481 25.0498 17.1543 25.0498H6.73242C3.53882 25.0498 0.950195 22.4491 0.950195 19.2412V8.77148C0.950195 5.56378 3.53865 2.96193 6.73242 2.96191H17.1543C17.6944 2.96191 18.2185 3.03746 18.7148 3.17676C19.1674 2.66002 19.5408 2.07268 19.8135 1.43262L19.8145 1.43066L19.8408 1.37598V1.37402ZM6.73242 4.10938C4.17047 4.10939 2.09302 6.19646 2.09277 8.77051V19.2412C2.09283 21.8156 4.17052 23.9023 6.73242 23.9023H17.1543C19.7164 23.9023 21.7949 21.8154 21.7949 19.2412V8.84082C21.6165 9.11728 21.4575 9.40719 21.3223 9.70898L21.2705 9.82715L21.2695 9.8291L21.2432 9.88379V9.88574C20.959 10.4343 20.1848 10.4515 19.8701 9.9375L19.8135 9.82715L19.7617 9.70898L19.6582 9.49121C19.1248 8.41223 18.3035 7.5001 17.2842 6.8584L17.1748 6.79004V6.78906L16.4385 6.34668C15.8994 6.0223 15.8994 5.23744 16.4385 4.91309L17.1758 4.46973C17.3443 4.36748 17.5067 4.25578 17.665 4.13965C17.4973 4.12128 17.3265 4.10938 17.1543 4.10938H6.73242ZM11.1621 7.15039C11.7658 7.15039 12.2549 7.64216 12.2549 8.24805V12.959C12.2549 13.5649 11.7658 14.0557 11.1621 14.0557H9.67676C9.70003 14.0857 9.72244 14.1174 9.74316 14.1514L12.3496 18.3408C12.2231 17.9662 12.1543 17.5649 12.1543 17.1475C12.1543 15.0965 13.8104 13.4326 15.8525 13.4326C17.8943 13.4329 19.5498 15.0967 19.5498 17.1475C19.5498 19.1982 17.8944 20.862 15.8525 20.8623C14.6266 20.8623 13.54 20.2619 12.8672 19.3389C12.9628 19.9682 12.4863 20.5995 11.7852 20.5996H5.84961C4.99076 20.5996 4.4681 19.6523 4.92188 18.9219L7.8916 14.1514V14.1504L7.93066 14.0898L7.93262 14.0879C7.94077 14.0767 7.95042 14.0666 7.95898 14.0557H6.47168C5.86821 14.0554 5.37988 13.5647 5.37988 12.959V8.24805C5.37988 7.64231 5.86821 7.15063 6.47168 7.15039H11.1621ZM15.8525 14.5801C14.4408 14.5801 13.2969 15.73 13.2969 17.1475C13.297 18.5661 14.4409 19.7148 15.8525 19.7148C17.264 19.7146 18.4071 18.566 18.4072 17.1475C18.4072 15.7301 17.2641 14.5803 15.8525 14.5801ZM5.93945 19.4531H11.6943L8.81641 14.8262L5.93945 19.4531ZM6.52246 12.9092H11.1123V8.29785H6.52246V12.9092ZM20.542 2.5459C19.8909 3.74179 18.9345 4.74838 17.7637 5.45312L17.4688 5.62988L17.7637 5.80762C18.9342 6.51228 19.8909 7.51818 20.542 8.71387C21.1931 7.51801 22.1505 6.51234 23.3213 5.80762L23.6152 5.62988L23.3213 5.45312C22.1503 4.74832 21.1932 3.74202 20.542 2.5459Z", fill: parseColor(color), stroke: parseColor(color), "stroke-width": "0.1" }) }) }) }));
8
9
  };
9
10
  export default ManagementIcon;
package/dist/components/views/RoleViewItem/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import { FC } from 'react';
2
2
  import { RoleType } from '@sphereon/ui-components.core';
3
3
  type Props = {
4
4
  role: RoleType;
5
- accountName: string;
5
+ accountName?: string;
6
6
  };
7
7
  declare const RoleViewItem: FC<Props>;
8
8
  export default RoleViewItem;
package/dist/components/views/RoleViewItem/index.js CHANGED
@@ -19,16 +19,16 @@ const RoleViewItem = (props) => {
19
19
  flex-col
20
20
  flex-grow
21
21
  gap-[var(--spacing-0_5)]
22
- items-start
23
- `, children: [_jsx("div", { className: `
24
- font-1
25
- text-left
26
- pr-[var(--spacing-4)]
27
- break-words
28
- text-[var(--color-grey-600)]
29
- `, children: accountName }), _jsx("div", { className: `
22
+ ${accountName ? 'items-start' : 'items-start justify-center'}
23
+ `, children: [accountName && (_jsx("div", { className: `
24
+ font-1
25
+ text-left
26
+ pr-[var(--spacing-4)]
27
+ break-words
28
+ text-[var(--color-grey-600)]
29
+ `, children: accountName })), _jsx("div", { className: `
30
30
  font-2
31
- mt-auto
31
+ ${accountName ? 'mt-auto' : ''}
32
32
  text-[var(--color-grey-900)]
33
33
  `, children: formatRole(role) })] })] }));
34
34
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sphereon/ui-components.ssi-react",
3
3
  "private": false,
4
- "version": "0.4.1-unstable.37+643603f",
4
+ "version": "0.4.1-unstable.39+992ac7b",
5
5
  "description": "SSI UI components for React",
6
6
  "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
7
7
  "author": "Sphereon <dev@sphereon.com>",
@@ -50,7 +50,7 @@
50
50
  "@mui/x-date-pickers": "^6.19.5",
51
51
  "@sphereon/ssi-sdk.data-store": "0.34.1-feature.SSISDK.45.94",
52
52
  "@sphereon/ssi-types": "0.34.1-feature.SSISDK.45.94",
53
- "@sphereon/ui-components.core": "0.4.1-unstable.37+643603f",
53
+ "@sphereon/ui-components.core": "0.4.1-unstable.39+992ac7b",
54
54
  "@tanstack/react-table": "^8.9.3",
55
55
  "react-json-tree": "^0.18.0",
56
56
  "react-loader-spinner": "5.4.5",
@@ -69,5 +69,5 @@
69
69
  "peerDependencies": {
70
70
  "react": ">= 18"
71
71
  },
72
- "gitHead": "643603f879ed15965e9dfcb9f9c0d9caf331cd2a"
72
+ "gitHead": "992ac7b4221105aaa590472befad767fbe82cc53"
73
73
  }