playbook_ui 14.14.0.pre.alpha.play1868dependencyremovallodash6413 → 14.14.0.pre.alpha.play1872verticaltimelineresponsiveissue6409

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b69cb5f7e6de2a8aad199853565c2526d17f48538c114ee5a70f0b4ced03dd82
-  data.tar.gz: fc4c4d00a40d0851f718d7d55fd0dd2daaebdddad78a7587d1b7b74745d23a68
+  metadata.gz: 2f68144468567bb0942e0754a5686d9245acb40e84273c43fd8ee3df8579e126
+  data.tar.gz: bf0767e5db39ca73b281e3859a0507af791dc325eed1da02c250ae13d922b713
 SHA512:
-  metadata.gz: 2b8bcff3b4c99109bd5c33b8cff4f59e0db5b50e23acda311c9b10d64183e4e2d01b605e0d7042aa1f1f9f62c4ec8342db9d1c7a9f896af6bfc8cad931db4ebe
-  data.tar.gz: 806a5bb50efe9e78739b80c990b20b29164ba095d76047e1878417b04ebccd1c8e702c4a34684f852e3e88c6e1664d38ca605963c372f354b5d757e8dfbbe8a8
+  metadata.gz: 2144ebd23a67353cbe90a10bfbdc4d69971511306aa5cc28d504870ade661f64f980730bb9aaa615c636ba7d627d9e2a4d10974b048b88a03464889066331402
+  data.tar.gz: 40200e6f11faa20c4322c4d1d5057f8c8ab75eec8a8424062b8adad8848aea79b94b4a0df8f978b7f10a856ff8b8debf1902f732efebd15ea834ac8d6ef4bae5

data/app/pb_kits/playbook/pb_card/_card.tsx

@@ -1,8 +1,7 @@
 /* eslint-disable react/no-multi-comp */
 
 import React from 'react'
-import { get } from '../utilities/object'
-
+import { get } from 'lodash'
 import classnames from 'classnames'
 
 import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'

data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
-import { map } from 'lodash'
-import { isEmpty, omitBy } from '../../utilities/object'
+import { isEmpty, map, omitBy } from 'lodash'
 
 import Body from '../../pb_body/_body'
 import Caption from '../../pb_caption/_caption'
@@ -41,13 +40,13 @@ const CurrentFilters = ({ dark, filters }: CurrentFiltersProps): React.ReactElem
                   className="filter"
                   key={`filter-${name}`}
               >
-                { value === true ?
+                { value === true ? 
                 <Title
                     dark={dark}
                     size={4}
                     tag="h4"
                     text={name}
-                /> :
+                /> : 
                 <div>
                   <Caption
                       dark={dark}
@@ -59,7 +58,7 @@ const CurrentFilters = ({ dark, filters }: CurrentFiltersProps): React.ReactElem
                       tag="h4"
                       text={value}
                   />
-                </div>
+                </div>    
                 }
               </div>
             ))}

data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { isEmpty } from '../../utilities/object'
+import { isEmpty } from 'lodash'
 
 import Flex from '../../pb_flex/_flex'
 
@@ -46,7 +46,7 @@ const FilterSingle = ({
           paddingRight="lg"
           vertical="center"
       >
-        { children &&
+        { children && 
           <>
             <FiltersPopover
                 dark={dark}

data/app/pb_kits/playbook/pb_popover/_popover.tsx

@@ -19,7 +19,7 @@ import {
 
 import classnames from "classnames";
 import { globalProps, GlobalProps } from "../utilities/globalProps";
-import { uniqueId } from '../utilities/object';
+import { uniqueId } from 'lodash';
 
 type ModifiedGlobalProps = Omit<GlobalProps, 'minWidth' | 'maxHeight' | 'minHeight'>
 

data/app/pb_kits/playbook/pb_timeline/_timeline.scss

@@ -243,7 +243,7 @@ $gap_lg: $height_from_top + $space_lg;
                     }
                     [class=pb_timeline_item_left_block] {
                         margin-bottom: $space_lg;
-                        width: $space_lg;
+                        min-width: $space_lg;
                     }
                     [class=pb_timeline_item_right_block] {
                         @include flex_wrapper(column);
@@ -263,7 +263,7 @@ $gap_lg: $height_from_top + $space_lg;
                     }
                     [class=pb_timeline_item_left_block] {
                         margin-bottom: $space_lg;
-                        width: $space_lg;
+                        min-width: $space_lg;
                     }
                     [class=pb_timeline_item_right_block] {
                         @include flex_wrapper(column);

data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx

@@ -3,8 +3,7 @@ import Select from 'react-select'
 import AsyncSelect from 'react-select/async'
 import CreateableSelect from 'react-select/creatable'
 import AsyncCreateableSelect from 'react-select/async-creatable'
-import { get, isString, uniqueId } from '../utilities/object'
-
+import { get, isString, uniqueId } from 'lodash'
 import { globalProps, GlobalProps } from '../utilities/globalProps'
 import classnames from 'classnames'
 

data/app/pb_kits/playbook/utilities/object.ts

@@ -1,31 +1,3 @@
 /* 🛠️ Any commonly used lodash functions can be added here. 🤙 */
 
-export const isEmpty = (obj: any) => [Object, Array].includes((obj || {}).constructor) && !Object.entries((obj || {})).length;
-
-export const get = <T, R = any>(obj: T, path: string, defaultValue?: R): R | any => {
-  const travel = (regexp: RegExp): any =>
-    String.prototype.split
-      .call(path, regexp)
-      .filter(Boolean)
-      .reduce((res: any, key: string) => (res !== null && res !== undefined ? res[key] : res), obj)
-  const result = travel(/[,[\]]+?/) || travel(/[,[\].]+?/)
-  return result === undefined || result === obj ? defaultValue : result
-}
-
-export const isString = (str: unknown): str is string =>
-  str != null && typeof (str as any).valueOf() === "string"
-
-export const uniqueId: (prefix?: string) => string = (() => {
-  let counter = 0
-  return (prefix = '') => `${prefix}${++counter}`
-})()
-
-export const omitBy = (obj: Record<string, any>, predicate: (value: any, key: string) => boolean) => {
-  if (obj === null || typeof obj !== 'object') return {}
-  return Object.keys(obj).reduce((result: Record<string, any>, key: string) => {
-    if (!predicate(obj[key], key)) {
-      result[key] = obj[key];
-    }
-    return result;
-  }, {})
-}
+export const isEmpty = (obj: Record<string, unknown>): boolean => Object.keys(obj).length < 1