forstok-ui-lib 6.6.6 → 6.7.0

package/package.json

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

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

@@ -2978,6 +2978,17 @@ const listTableStyles = {
       }
     }
   `,
+  'listing-nocheck': css`
+    ${ItemTable} {
+      grid-template-columns: var(--item) minmax(auto, max-content) minmax(88px, auto);
+      &[role=rowheader] > div[role=group], 
+      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
+      ._refCollapse > div:not(._refCollapseContainer), 
+      ._refCollapseContainer > div {
+        grid-template-columns: var(--variant) var(--sku) var(--sku) minmax(95px, 115px) var(--price) var(--status-small);
+      }
+    }
+  `,
   quantity: css`
     overflow: hidden;
     > div {
@@ -4692,4 +4703,23 @@ export const TableBundleColumn = styled.article`
       display: block !important;
     }
   }
+`
+export const FilterStoreContainer = styled.div`
+  margin-top: 16px;
+  max-height: 80px;
+  overflow: auto;
+  > span {
+    font-size: 14px;
+  }
+`
+export const FilterStoreList = styled.div`
+  margin: 6px 12px;
+  display: inline-grid;
+  grid-template-columns: 14px max-content;
+  grid-gap: 8px;
+  font-size: 14px;
+  vertical-align: middle;
+  label:nth-child(2) {
+    cursor: pointer;
+  }
 `

package/src/components/loader/index.tsx

@@ -76,6 +76,22 @@ export const ContentLoaderAnalyticsMenu = () => <ContentLoader
                                                   foregroundOpacity={0.12}>
                                                   <rect x='0' y='15' rx='0' ry='0' width='100%' height='36' />
                                                 </ContentLoader>
+export const ContentLoaderOneLine = ({ $width, $height }:{ $width?: number | string, $height?: number }) => {
+  const _width = $width || 75
+  const _height = $height || 30
+  return <ContentLoader
+          height={_height}
+          width={_width}
+          speed={1}
+          backgroundColor='rgb(0,0,0)'
+          foregroundColor='rgb(0,0,0)'
+          backgroundOpacity={0.06}
+          foregroundOpacity={0.12}
+          viewBox={`0 0 ${_width} ${_height}`}
+        >
+          <rect x='0' y='0' rx='0' ry='0' width={_width} height={_height} />
+        </ContentLoader>
+}
 export const ContentLoaderOrderList = () => {
   const xA = 100, wA = boxWidth - 600;
   const xB = boxWidth - 405, wB = 120;

package/src/typeds/shares.typed.ts

@@ -268,8 +268,9 @@ export type TStateCallback<TData> = DispatchWithCallback<React.SetStateAction<TD
 export type ModeListTableColumn =
   | 'item'
   | 'item-nocheck'
-  | 'listing'
   | 'quantity'
+  | 'listing'
+  | 'listing-nocheck'
   | 'picklist'
   | 'package'
   | 'shipment'