@edvisor/product-language 0.10.3 → 0.10.5

package/index.js

@@ -6534,7 +6534,7 @@ const SpinnerValues = {
   /* SpinnerSize.large */
   ]: '60px'
 };
-function getValuesBySize$2(props) {
+function getValuesBySize$3(props) {
   return SpinnerValues[toSpinner(bitwiseOr$1([props.small, props.medium, props.large]))];
 }
 
@@ -6551,7 +6551,7 @@ const Spin = /*#__PURE__*/styled.div.withConfig({
   $onCritical
 }) => $onPrimary || $onCritical ? Icons.OnPrimary : Icons.Default, spinAnimation);
 const Spinner = props => {
-  const size = getValuesBySize$2(props);
+  const size = getValuesBySize$3(props);
   return jsx(Spin, Object.assign({
     "$onPrimary": is(props.onPrimary),
     "$onCritical": is(props.onCritical),
@@ -6565,7 +6565,7 @@ const Spinner = props => {
 const ButtonFrame = /*#__PURE__*/styled.button.withConfig({
   displayName: "button__ButtonFrame",
   componentId: "v4884z-0"
-})(["padding:", ";border:", ";border-radius:6px;background:", ";cursor:", ";display:flex;flex-direction:row;justify-content:center;gap:8px;align-items:center;position:relative;svg[role='icon']{path{fill:", ";}}", ""], props => props.buttonSize, props => props.buttonBorder, props => props.backgroundColor, props => props.cursor, props => props.iconColor, props => !props.isDisabled && css(["&:hover{background:", ";text-decoration:", ";div{color:", ";}svg[role='icon']{path{fill:", ";}}}outline-offset:-2px;&:focus,focus-visible{outline:2px solid ", ";}&:active{text-decoration:'none';background:", ";}"], props.backgroundHover, props.textDecorationHover, props.textColorHover, props.iconColorHover, Focused.Default, props.backgroundPressed));
+})(["padding:", ";border:", ";border-radius:6px;background:", ";cursor:", ";display:flex;flex-direction:row;justify-content:center;gap:8px;align-items:center;position:relative;svg[role='icon']{path{fill:", ";}}", ""], props => props.buttonSize, props => props.buttonBorder, props => props.backgroundColor, props => props.cursor, props => props.iconColor, props => !props.isDisabled && css(["&:hover{background:", ";color:", ";text-decoration:", ";div{color:", ";}svg[role='icon']{path{fill:", ";}}}outline-offset:-2px;&:focus,focus-visible{outline:2px solid ", ";}&:active{text-decoration:'none';background:", ";}"], props.backgroundHover, props.textColorHover, props.textDecorationHover, props.textColorHover, props.iconColorHover, Focused.Default, props.backgroundPressed));
 const ButtonText = /*#__PURE__*/styled(Label$1).withConfig({
   displayName: "button__ButtonText",
   componentId: "v4884z-1"
@@ -7799,7 +7799,7 @@ const ThumbnailSizeValues = {
   /* ThumbnailSize.large */
   ]: '80px'
 };
-function getValuesBySize$1(props) {
+function getValuesBySize$2(props) {
   return ThumbnailSizeValues[toThumbnailSize(bitwiseOr$1([props.small, props.medium, props.large]))];
 }
 
@@ -7821,7 +7821,7 @@ const Thumbnail = props => {
     imageLabel = imageUrl,
     className = ''
   } = props;
-  const size = getValuesBySize$1(props);
+  const size = getValuesBySize$2(props);
 
   if (isNil(imageUrl)) {
     return jsx(Nothing, {});
@@ -9921,7 +9921,7 @@ const TreeView = props => {
       expanded: expandedList
     });
     return _nodeList;
-  }, [nodes]);
+  }, [nodes, checkedList]);
 
   const handleOnCheck = nodeInfo => {
     const {
@@ -11035,6 +11035,74 @@ const ModalDestructive = props => {
   }));
 };
 
+function toProgressBarSize(n) {
+  switch (n) {
+    case 2
+    /* ProgressBarSize.medium */
+    :
+      return 2
+      /* ProgressBarSize.medium */
+      ;
+
+    case 4
+    /* ProgressBarSize.large */
+    :
+      return 4
+      /* ProgressBarSize.large */
+      ;
+
+    case 1
+    /* ProgressBarSize.small */
+    :
+    default:
+      return 1
+      /* ProgressBarSize.small */
+      ;
+  }
+}
+
+const ProgressBarValues = {
+  [1
+  /* ProgressBarSize.small */
+  ]: '8px',
+  [2
+  /* ProgressBarSize.medium */
+  ]: '16px',
+  [4
+  /* ProgressBarSize.large */
+  ]: '32px'
+};
+function getValuesBySize$1(props) {
+  return ProgressBarValues[toProgressBarSize(bitwiseOr$1([props.small, props.medium, props.large]))];
+}
+
+const ProgressContainerBar = /*#__PURE__*/styled.div.withConfig({
+  displayName: "progress-bar__ProgressContainerBar",
+  componentId: "v5hj2u-0"
+})(["background-color:", ";width:100%;height:fit-content;border-radius:6px;overflow:hidden;"], Surface.Neutral.Default);
+const ProgressContentBar = /*#__PURE__*/styled.div.withConfig({
+  displayName: "progress-bar__ProgressContentBar",
+  componentId: "v5hj2u-1"
+})(["background-color:", ";height:", ";width:", "%;border-radius:6px;"], Actions.Primary.Default, ({
+  size
+}) => size, ({
+  progress
+}) => progress);
+const ProgressBar = props => {
+  const size = getValuesBySize$1(props);
+  const {
+    progress = 0
+  } = props;
+  return jsx(ProgressContainerBar, {
+    children: jsx(ProgressContentBar, {
+      size: size,
+      "aria-valuenow": progress,
+      progress: progress,
+      role: "progressbar"
+    })
+  });
+};
+
 // this file was generated, but it is safe to modify
 
 function toAvatarSize(n) {
@@ -11268,4 +11336,4 @@ const ChoiceList = props => {
   });
 };
 
-export { Actions, AlertBanner, Avatar, BODY, BODY_LARGE, Background, Badge, Body, BodyLarge, Borders, Button, CAPTION, Caption, Card, CardFrame$1 as CardFrame, Center, CenterContainer, Checkbox, ChoiceList, DatePicker, Display, Divider, Flag, Flex, Focused, Gap, HTMLAnchor, HTMLInput, Heading1, Heading2, Heading3, Heading4, Icon, IconMinor, Icons, InputCheckbox, InputField$1 as InputField, InputNumber, InputText, Interactive, LABEL, Label$1 as Label, LeftRightCard, Link, MODAL_SIZE, MODAL_SIZE_TEXT, Margin, MenuList, Modal, ModalBase, ModalDestructive, MultiChoiceList, Padding, Radio, RadioButton$1 as RadioButton, RangeSlider, Select, Slider, SpaceAround, SpaceBetween, Spinner, Surface, Tab$1 as Tab, Tabs, Tag, Text$1 as Text, Thumbnail, Tooltip, TooltipBox, TooltipPosition, TooltipWrapper, TreeView, Typography, _Typography, gridLayoutGenerator, leftRightLayoutGenerator, shadow, shadow2Xl, shadowInner, shadowLg, shadowMd, shadowSm, shadowXl };
+export { Actions, AlertBanner, Avatar, BODY, BODY_LARGE, Background, Badge, Body, BodyLarge, Borders, Button, CAPTION, Caption, Card, CardFrame$1 as CardFrame, Center, CenterContainer, Checkbox, ChoiceList, DatePicker, Display, Divider, Flag, Flex, Focused, Gap, HTMLAnchor, HTMLInput, Heading1, Heading2, Heading3, Heading4, Icon, IconMinor, Icons, InputCheckbox, InputField$1 as InputField, InputNumber, InputText, Interactive, LABEL, Label$1 as Label, LeftRightCard, Link, MODAL_SIZE, MODAL_SIZE_TEXT, Margin, MenuList, Modal, ModalBase, ModalDestructive, MultiChoiceList, Padding, ProgressBar, Radio, RadioButton$1 as RadioButton, RangeSlider, Select, Slider, SpaceAround, SpaceBetween, Spinner, Surface, Tab$1 as Tab, Tabs, Tag, Text$1 as Text, Thumbnail, Tooltip, TooltipBox, TooltipPosition, TooltipWrapper, TreeView, Typography, _Typography, gridLayoutGenerator, leftRightLayoutGenerator, shadow, shadow2Xl, shadowInner, shadowLg, shadowMd, shadowSm, shadowXl };

package/lib/components/index.d.ts

@@ -20,5 +20,6 @@ export * from './tooltip';
 export * from './date-picker';
 export * from './range-slider';
 export * from './modal';
+export * from './progress-bar';
 export * from './molecules';
 export * from './organisms';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edvisor/product-language",
-  "version": "0.10.3",
+  "version": "0.10.5",
   "license": "MIT",
   "description": "Edvisor.io product-language components",
   "repository": "https://github.com/edvisor-io/front-end/",