forstok-ui-lib 6.5.6 → 6.5.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "6.5.6",
+  "version": "6.5.8",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/javascripts/function.ts

@@ -678,4 +678,16 @@ export const evSetTotal = (totalCount: number, totalEl: HTMLSpanElement, callbac
 export const humanise = (value?: string) => {
   const underscoreMatch = /_/g, underscoreMatch2 = /-/g
   return value ? value.replace(underscoreMatch, " ").replace(underscoreMatch2, " ") : ''
+}
+
+export const generateAddress = (address?: TObject | null) => {
+  let result: string = '-'
+  if (address) {
+    const firstLine = ((!address.address1 && !address.address2) ? '' : ((address.address1 ? address.address1 + ', ' : '') + (address.address2 || '') + '<br/>') ),
+          secondLine = ((!address.subDistrict && !address.district && !address.city) ? '' : ((address.subDistrict ? address.subDistrict + ', ' : '') + (address.district ? address.district + ', ' : '') + (address.city || '') + '<br/>') ),
+          thirdLine = ((address.postalCode ? (address.postalCode + '<br/>') : '')),
+          lastLine = address.phone || ''
+    result = firstLine + secondLine + thirdLine + lastLine
+  }
+  return result
 }

package/src/assets/stylesheets/shares.styles.ts

@@ -4079,7 +4079,7 @@ export const DotIcon = styled.span<{ $color?: string, $mode?: 'activities' }>`
   border-radius: 2px;
 
   ${({ $color }) => $color && css`
-    background-color: ${$color}
+    background-color: ${$color};
   `}
 
   ${({ $mode }) => $mode === 'activities' && css`
@@ -4158,3 +4158,30 @@ export const TableContentWrapper = styled.div<{ $mode?: 'package' }>`
     }
   `}
 `
+
+export const TableBundleColumn = styled.article`
+  margin: 15px 0 0 42px;
+  position: relative;
+  &:before {
+    position: absolute;
+    width: 1px;
+    background-color: #E3E3E3;
+    height: 100%;
+    content: "";
+    top: -6px;
+    left: -28px;
+  }
+  ${TableColumnGroup} {
+    &:not(:first-child) {
+      margin-top: 10px;
+    }
+  }
+  ${ItemQtyLabel} {
+    display: none !important;
+  }
+  @media only screen and (min-width: 768px) {
+    ${ItemQtyLabel} {
+      display: block !important;
+    }
+  }
+`