playbook_ui 14.16.0.pre.alpha.PLAY1929bracketlayout6957 → 14.16.0.pre.alpha.PLAY1938completetooltipfloatinguitransition6830

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb

@@ -1 +1 @@
-<%= pb_rails("rich_text_editor", props: {input_options: { id: 'hidden_input_id', name: "hidden_input_name" }, value: "Add your text here. You can format your text, add links, quotes, and bullets."}) %>
+<%= pb_rails("rich_text_editor", props: {id: "default", value: "Add your text here. You can format your text, add links, quotes, and bullets."}) %>

data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.html.erb

@@ -1,5 +1,5 @@
 <%= react_component('RichTextEditor',
-                    object.rich_text_options,
-                    aria: object.aria,
-                    data: object.data
-                   ) %>
+  object.rich_text_options,
+  aria: object.aria,
+  data: object.data
+) %>

data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb

@@ -20,7 +20,6 @@ module Playbook
       prop :value
       prop :template
       prop :placeholder
-      prop :input_options
 
       def classname
         generate_classname("pb_rich_text_editor_kit", simple_class, focus_class, sticky_class, separator: " ")
@@ -50,7 +49,6 @@ module Playbook
           value: value,
           template: template,
           placeholder: placeholder,
-          inputOptions: input_options,
         }
       end
     end

data/app/pb_kits/playbook/pb_table/_table.tsx

@@ -21,7 +21,6 @@ type TableProps = {
     data?: { [key: string]: string },
     dataTable: boolean,
     disableHover?: boolean,
-    headerStyle?: "default" | "borderless" | "floating"
     htmlOptions?: { [key: string]: string | number | boolean | (() => void) },
     id?: string,
     outerPadding?: "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl",
@@ -47,7 +46,6 @@ const Table = (props: TableProps): React.ReactElement => {
         data = {},
         dataTable = false,
         disableHover = false,
-        headerStyle = "default",
         htmlOptions = {},
         id,
         outerPadding = '',
@@ -87,8 +85,6 @@ const Table = (props: TableProps): React.ReactElement => {
             'sticky-left-column': stickyLeftColumn,
             'sticky-right-column': stickyRightColumn,
             'striped': striped,
-            'header-borderless': headerStyle === 'borderless',
-            'header-floating': headerStyle === 'floating',
             [outerPaddingCss]: outerPadding !== '',
         },
         globalProps(props),

data/app/pb_kits/playbook/pb_table/docs/example.yml

@@ -75,5 +75,3 @@ examples:
     - table_with_collapsible_with_nested_table: Table with Collapsible with Nested Table
     - table_with_clickable_rows: Table with Clickable Rows
     - table_with_selectable_rows: Table with Selectable Rows
-    - table_with_header_style_borderless: Header Style Borderless
-    - table_with_header_style_floating: Header Style Floating

data/app/pb_kits/playbook/pb_table/docs/index.js

@@ -35,5 +35,3 @@ export { default as TableWithCollapsibleWithNestedRows } from './_table_with_col
 export { default as TableWithCollapsibleWithCustomClick } from './_table_with_collapsible_with_custom_click.jsx'
 export { default as TableWithSelectableRows } from './_table_with_selectable_rows.jsx'
 export { default as TableWithClickableRows } from './_table_with_clickable_rows.jsx'
-export { default as TableWithHeaderStyleBorderless } from './_table_with_header_style_borderless.jsx'
-export { default as TableWithHeaderStyleFloating } from './_table_with_header_style_floating.jsx'

data/app/pb_kits/playbook/pb_table/styles/_headers.scss

@@ -14,79 +14,3 @@
     }
   }
 }
-// remove all outward facing borders from header
-.header-borderless > thead,
-.header-borderless > thead > tr,
-.header-borderless > thead > tr > th,
-.header-borderless > .pb_table_thead,
-.header-borderless > .pb_table_thead > .pb_table_tr,
-.header-borderless > .pb_table_thead .pb_table_th {
-  border-top: none !important;
-  border-left: none !important;
-  border-right: none !important;
-}
-
-// remove bottom border (internal to table) on header cells - only light mode needs this redundancy handled likely due to a difference in the base scss and table-dark.scss
-.header-borderless:not(.table-dark) > thead > tr:last-child > th,
-.header-borderless:not(.table-dark) > .pb_table_thead > .pb_table_tr:last-child > .pb_table_th {
-  border-bottom: none !important;
-}
-
-// preserves top rounded corners to header at top of table-card for unnested card
-.header-borderless > thead > tr:first-child > th:first-child,
-.header-borderless > .pb_table_thead > .pb_table_tr:first-child > .pb_table_th:first-child {
-  border-top-left-radius: $border_radius_md !important;
-}
-
-.header-borderless > thead > tr:first-child > th:last-child,
-.header-borderless > .pb_table_thead > .pb_table_tr:first-child > .pb_table_th:last-child {
-  border-top-right-radius: $border_radius_md !important;
-}
-
-// ensures top border is from first row of body to prevent double borders
-.header-borderless > tbody > tr:first-child > td,
-.header-borderless > .pb_table_tbody > .pb_table_tr:first-child > .pb_table_td {
-  border-top: 1px solid $border_light !important;
-}
-
-// floating code - this carries over everything for header-borderless
-.header-floating > thead,
-.header-floating > thead > tr,
-.header-floating > thead > tr > th,
-.header-floating > .pb_table_thead,
-.header-floating > .pb_table_thead > .pb_table_tr,
-.header-floating > .pb_table_thead .pb_table_th {
-  border-top: none !important;
-  border-left: none !important;
-  border-right: none !important;
-}
-
-.header-floating:not(.table-dark) > thead > tr:last-child > th,
-.header-floating:not(.table-dark) > .pb_table_thead > .pb_table_tr:last-child > .pb_table_th {
-  border-bottom: none !important;
-}
-
-.header-floating > thead > tr:first-child > th:first-child,
-.header-floating > .pb_table_thead > .pb_table_tr:first-child > .pb_table_th:first-child {
-  border-top-left-radius: $border_radius_md !important;
-}
-
-.header-floating > thead > tr:first-child > th:last-child,
-.header-floating > .pb_table_thead > .pb_table_tr:first-child > .pb_table_th:last-child {
-  border-top-right-radius: $border_radius_md !important;
-}
-
-.header-floating > tbody > tr:first-child > td,
-.header-floating > .pb_table_tbody > .pb_table_tr:first-child > .pb_table_td {
-  border-top: 1px solid $border_light !important;
-}
-
-// flatten out corners for floating headerstyle variant to avoid small triangle of white/empty space
-.header-floating > thead > tr:first-child > th:first-child,
-.header-floating > .pb_table_thead > .pb_table_tr:first-child > .pb_table_th:first-child { 
-  border-top-left-radius: 0 !important; 
-} 
-.header-floating > thead > tr:first-child > th:last-child, 
-.header-floating > .pb_table_thead > .pb_table_tr:first-child > .pb_table_th:last-child { 
-  border-top-right-radius: 0 !important; 
-}

data/app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx

@@ -12,7 +12,6 @@ type TableHeadPropTypes = {
   children: React.ReactNode[] | React.ReactNode;
   className: string;
   data?: { [key: string]: string };
-  headerStyle?: "default" | "borderless" | "floating";
   htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
   id?: string;
   tag?: "table" | "div";
@@ -24,7 +23,6 @@ const TableHead = (props: TableHeadPropTypes): React.ReactElement => {
     children,
     className,
     data = {},
-    headerStyle = "default",
     htmlOptions = {},
     id,
     tag = "table",
@@ -33,15 +31,7 @@ const TableHead = (props: TableHeadPropTypes): React.ReactElement => {
   const ariaProps = buildAriaProps(aria);
   const dataProps = buildDataProps(data);
   const htmlProps = buildHtmlProps(htmlOptions);
-  const classes = classnames(
-    "pb_table_thead", 
-    {
-      "pb_table_thead_borderless": headerStyle === "borderless" || headerStyle === "floating",
-      "pb_table_thead_floating": headerStyle === "floating",
-    },
-    globalProps(props), 
-    className
-  );
+  const classes = classnames("pb_table_thead", globalProps(props), className);
   const isTableTag = tag === "table";
 
   return (

data/app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx

@@ -12,7 +12,6 @@ type TableHeaderPropTypes = {
   children: React.ReactNode[] | React.ReactNode;
   className: string;
   data?: { [key: string]: string };
-  headerStyle?: "default" | "borderless" | "floating";
   htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
   id?: string;
   tag?: "table" | "div";
@@ -25,7 +24,6 @@ const TableHeader = (props: TableHeaderPropTypes): React.ReactElement => {
     children,
     className,
     data = {},
-    headerStyle = "default",
     htmlOptions = {},
     id,
     tag = "table",
@@ -35,15 +33,7 @@ const TableHeader = (props: TableHeaderPropTypes): React.ReactElement => {
   const ariaProps = buildAriaProps(aria);
   const dataProps = buildDataProps(data);
   const htmlProps = buildHtmlProps(htmlOptions);
-  const classes = classnames(
-    "pb_table_th", 
-    {
-      "pb_table_thead_borderless": headerStyle === "borderless" || headerStyle === "floating",
-      "pb_table_thead_floating": headerStyle === "floating",
-    },
-    globalProps(props), 
-    className
-  );
+  const classes = classnames("pb_table_th", globalProps(props), className);
   const isTableTag = tag === "table";
 
   return (

data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx

@@ -22,7 +22,6 @@ type TableRowPropTypes = {
   dark?: boolean;
   dragId?: string;
   draggableItem?: boolean;
-  headerStyle?: "default" | "borderless" | "floating";
   htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
   id?: string;
   toggleCellId?: string;
@@ -42,7 +41,6 @@ const TableRow = (props: TableRowPropTypes): React.ReactElement => {
     dark = false,
     dragId,
     draggableItem = false,
-    headerStyle = "default",
     htmlOptions = {},
     id,
     toggleCellId,
@@ -62,9 +60,6 @@ const TableRow = (props: TableRowPropTypes): React.ReactElement => {
   const classes = classnames(
     buildCss("pb_table_row_kit", sideHighlightClass),
     "pb_table_tr",
-    {
-      "pb_table_tr_borderless_header": headerStyle === "borderless",
-    },
     collapsibleRow,
     globalProps(props),
     className

data/app/pb_kits/playbook/pb_table/table.test.js

@@ -167,20 +167,3 @@ test("Should have outerPadding class", () => {
   const kit = renderKit(Table, props, { outerPadding: "sm" })
   expect(kit).toHaveClass("pb_table table-sm table-responsive-collapse table-card outer_padding_space_sm table-collapse-sm")
 })
-
-test("when headerStyle is default", () => {
-  const kit = renderKit(Table, props)
-  expect(kit).toHaveClass("pb_table table-sm table-responsive-collapse table-card table-collapse-sm")
-  expect(kit).not.toHaveClass("header-borderless")
-  expect(kit).not.toHaveClass("header-floating")
-})
-
-test("when headerStyle is borderless", () => {
-  const kit = renderKit(Table, props, { headerStyle: "borderless" })
-  expect(kit).toHaveClass("pb_table table-sm table-responsive-collapse table-card header-borderless table-collapse-sm")
-})
-
-test("when headerStyle is floating", () => {
-  const kit = renderKit(Table, props, { headerStyle: "floating" })
-  expect(kit).toHaveClass("pb_table table-sm table-responsive-collapse table-card header-floating table-collapse-sm")
-})

data/app/pb_kits/playbook/pb_tooltip/index.js

@@ -5,7 +5,7 @@ const TOOLTIP_OFFSET = 20
 const TOOLTIP_TIMEOUT = 250
 const SAFE_ZONE_MARGIN = 1
 
-export default class PbTooltip extends PbEnhancedElement {
+export default class PbTooltipFloatingUi extends PbEnhancedElement {
   static get selector() {
     return '[data-pb-tooltip-kit]'
   }

data/app/pb_kits/playbook/pb_typeahead/index.ts

@@ -1,5 +1,5 @@
 import PbEnhancedElement from '../pb_enhanced_element'
-import { debounce } from '../utilities/object'
+import { debounce } from 'lodash'
 
 export default class PbTypeahead extends PbEnhancedElement {
   _searchInput: HTMLInputElement
@@ -284,4 +284,4 @@ export default class PbTypeahead extends PbEnhancedElement {
     if (visible) visibilityProperty = '1'
     this.resultsLoadingIndicator.style.opacity = visibilityProperty
   }
-}
+}

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

@@ -1,4 +1,4 @@
-import { omit } from './object'
+import { omit } from 'lodash'
 import { camelToSnakeCase } from './text'
 
 import {

data/app/pb_kits/playbook/utilities/object.test.js

@@ -1,4 +1,4 @@
-import { isEmpty, get, isString, uniqueId, omitBy, noop, merge, filter, find, partial, map, cloneDeep, omit, debounce } from './object';
+import { isEmpty, get, isString, uniqueId, omitBy, noop, merge, filter, find, partial } from './object';
 
 describe('Lodash functions', () => {
   describe('isEmpty', () => {
@@ -234,152 +234,4 @@ describe('Lodash functions', () => {
       expect(joinPartial('b', 'c')).toBe('a_b_c');
     });
   });
-
-  describe('map', () => {
-    test('maps over an array with a function iteratee', () => {
-      const arr = [1, 2, 3];
-      const result = map(arr, (num) => num * 2);
-      expect(result).toEqual([2, 4, 6]);
-    });
-
-    test('maps over an array with a string iteratee', () => {
-      const arr = [{ value: 1 }, { value: 2 }, { value: 3 }];
-      const result = map(arr, 'value');
-      expect(result).toEqual([1, 2, 3]);
-    });
-
-    test('maps over an object with a function iteratee', () => {
-      const obj = { a: 1, b: 2, c: 3 };
-      const result = map(obj, (val, key) => key + val);
-      expect(result.sort()).toEqual(['a1', 'b2', 'c3'].sort());
-    });
-
-    test('maps over an object with a string iteratee', () => {
-      const obj = {
-        one: { num: 1 },
-        two: { num: 2 },
-        three: { num: 3 },
-      };
-      const result = map(obj, 'num');
-      expect(result.sort()).toEqual([1, 2, 3].sort());
-    });
-
-    test('returns original values if no iteratee provided', () => {
-      const arr = [1, 2, 3];
-      const result = map(arr);
-      expect(result).toEqual([1, 2, 3]);
-    });
-  });
-
-  describe('cloneDeep', () => {
-    test('clones primitive values', () => {
-      expect(cloneDeep(42)).toBe(42);
-      expect(cloneDeep('test')).toBe('test');
-      expect(cloneDeep(null)).toBe(null);
-    });
-
-    test('clones arrays deeply', () => {
-      const arr = [1, [2, 3]];
-      const cloned = cloneDeep(arr);
-      expect(cloned).toEqual(arr);
-      cloned[1][0] = 99;
-      expect(arr[1][0]).toBe(2);
-    });
-
-    test('clones objects deeply', () => {
-      const obj = { a: { b: 2 } };
-      const cloned = cloneDeep(obj);
-      expect(cloned).toEqual(obj);
-      cloned.a.b = 99;
-      expect(obj.a.b).toBe(2);
-    });
-
-    test('clones Date objects', () => {
-      const date = new Date();
-      const cloned = cloneDeep(date);
-      expect(cloned).not.toBe(date);
-      expect(cloned.getTime()).toBe(date.getTime());
-    });
-
-    test('clones RegExp objects', () => {
-      const regex = /test/gi;
-      const cloned = cloneDeep(regex);
-      expect(cloned).not.toBe(regex);
-      expect(cloned.source).toBe(regex.source);
-      expect(cloned.flags).toBe(regex.flags);
-    });
-  });
-
-  describe('omit', () => {
-    test('omits specified keys from object', () => {
-      const obj = { a: 1, b: 2, c: 3 };
-      expect(omit(obj, 'a', 'c')).toEqual({ b: 2 });
-    });
-
-    test('supports array of keys to omit', () => {
-      const obj = { a: 1, b: 2, c: 3 };
-      expect(omit(obj, ['b'])).toEqual({ a: 1, c: 3 });
-    });
-
-    test('returns empty object for null or non-object input', () => {
-      expect(omit(null, 'a')).toEqual({});
-      expect(omit("string", 'a')).toEqual({});
-    });
-
-    test('returns original object if no keys match', () => {
-      const obj = { a: 1, b: 2 };
-      expect(omit(obj, 'c')).toEqual({ a: 1, b: 2 });
-    });
-  });
-
-  describe('debounce', () => {
-    beforeEach(() => {
-      jest.useFakeTimers();
-    });
-
-    afterEach(() => {
-      jest.useRealTimers();
-    });
-
-    test('delays execution until wait time has passed', () => {
-      const func = jest.fn();
-      const debounced = debounce(func, 1000);
-      debounced();
-      expect(func).not.toHaveBeenCalled();
-      jest.advanceTimersByTime(500);
-      expect(func).not.toHaveBeenCalled();
-      jest.advanceTimersByTime(500);
-      expect(func).toHaveBeenCalledTimes(1);
-    });
-
-    test('calls function only once when called repeatedly', () => {
-      const func = jest.fn();
-      const debounced = debounce(func, 1000);
-      debounced();
-      debounced();
-      debounced();
-      jest.advanceTimersByTime(1000);
-      expect(func).toHaveBeenCalledTimes(1);
-    });
-
-    test('immediate option calls function on first call', () => {
-      const func = jest.fn();
-      const debounced = debounce(func, 1000, true);
-      debounced();
-      expect(func).toHaveBeenCalledTimes(1);
-      debounced();
-      debounced();
-      jest.advanceTimersByTime(1000);
-      expect(func).toHaveBeenCalledTimes(1);
-    });
-
-    test('subsequent call after wait period works with immediate option', () => {
-      const func = jest.fn();
-      const debounced = debounce(func, 1000, true);
-      debounced();
-      jest.advanceTimersByTime(1100);
-      debounced();
-      expect(func).toHaveBeenCalledTimes(2);
-    });
-  });
 });

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

@@ -1,7 +1,6 @@
 /* 🛠️ 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 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 =>
@@ -25,175 +24,94 @@ export const omitBy = (obj: Record<string, any>, predicate: (value: any, key: st
   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]
+      result[key] = obj[key];
     }
-    return result
+    return result;
   }, {})
 }
 
-export const omit = (
-  obj: Record<string, any>,
-  ...paths: (string | string[])[]
-): Record<string, any> => {
-  if (obj === null || typeof obj !== 'object') return {}
-  const keysToOmit = new Set<string>()
-  paths.forEach(p => {
-    if (Array.isArray(p)) {
-      p.forEach(key => keysToOmit.add(key))
-    } else {
-      keysToOmit.add(p)
-    }
-  })
-  const result: Record<string, any> = {}
-  for (const key in obj) {
-    if (!keysToOmit.has(key)) {
-      result[key] = obj[key]
-    }
-  }
-  return result
-}
-
 export const noop = (): void => {
   // empty
-}
-
-export const cloneDeep = (value: any): any => {
-  if (value === null || typeof value !== 'object') {
-    return value
-  }
-  if (Array.isArray(value)) {
-    return value.map(cloneDeep)
-  }
-  if (value instanceof Date) {
-    return new Date(value.getTime())
-  }
-  if (value instanceof RegExp) {
-    return new RegExp(value.source, value.flags)
-  }
-  const clonedObj: any = {}
-  for (const key in value) {
-    if (Object.prototype.hasOwnProperty.call(value, key)) {
-      clonedObj[key] = cloneDeep(value[key])
-    }
-  }
-  return clonedObj
-}
+};
 
 export function merge(
   ...objects: Array<Record<string, unknown> | null | undefined>
 ): Record<string, unknown> {
   const isPlainObject = (obj: unknown): obj is Record<string, unknown> =>
-    !!obj && typeof obj === 'object' && !Array.isArray(obj)
+    !!obj && typeof obj === 'object' && !Array.isArray(obj);
 
-  const result: Record<string, unknown> = {}
+  const result: Record<string, unknown> = {};
 
   for (const obj of objects) {
-    if (!obj || typeof obj !== 'object') continue
+    if (!obj || typeof obj !== 'object') continue;
 
     for (const key of Object.keys(obj)) {
-      const oldVal = result[key]
-      const newVal = (obj as Record<string, unknown>)[key]
+      const oldVal = result[key];
+      const newVal = (obj as Record<string, unknown>)[key];
 
       if (Array.isArray(oldVal) && Array.isArray(newVal)) {
-        result[key] = newVal
+        result[key] = newVal;
       } else if (isPlainObject(oldVal) && isPlainObject(newVal)) {
-        result[key] = merge(oldVal, newVal)
+        result[key] = merge(oldVal, newVal);
       } else if (Array.isArray(oldVal) && isPlainObject(newVal)) {
-        result[key] = oldVal
+        result[key] = oldVal;
       } else if (isPlainObject(oldVal) && Array.isArray(newVal)) {
-        result[key] = oldVal
+        result[key] = oldVal;
       } else {
-        result[key] = newVal
+        result[key] = newVal;
       }
     }
   }
-  return result
+  return result;
 }
 
 const createIteratee = (predicate: any) => {
   if (typeof predicate === 'function') {
-    return predicate
+    return predicate;
   }
   if (typeof predicate === 'string') {
-    return (obj: any) => obj[predicate]
+    return (obj: any) => obj[predicate];
   }
   if (Array.isArray(predicate)) {
-    const [key, value] = predicate
-    return (obj: any) => obj[key] === value
+    const [key, value] = predicate;
+    return (obj: any) => obj[key] === value;
   }
   if (typeof predicate === 'object' && predicate !== null) {
     return (obj: any) => {
       for (const key in predicate) {
         if (Object.prototype.hasOwnProperty.call(predicate, key)) {
-          if (obj[key] !== predicate[key]) return false
+          if (obj[key] !== predicate[key]) return false;
         }
       }
-      return true
-    }
+      return true;
+    };
   }
-  return () => false
-}
+  return () => false;
+};
 
 export const filter = <T>(array: T[], predicate: any): T[] => {
-  const iteratee = createIteratee(predicate)
-  return array.filter(iteratee)
-}
+  const iteratee = createIteratee(predicate);
+  return array.filter(iteratee);
+};
 
 export const find = <T>(array: T[], predicate: any): T | undefined => {
-  const iteratee = createIteratee(predicate)
-  return array.find(iteratee)
-}
+  const iteratee = createIteratee(predicate);
+  return array.find(iteratee);
+};
 
-export const partial = <F extends (...args: any[]) => any>(
+export const partial = <F extends (...args: unknown[]) => unknown>(
   fn: F,
-  ...partials: any[]
-): ((...args: any[]) => ReturnType<F>) => {
-  const placeholder = partial.placeholder
-  return (...args: any[]): ReturnType<F> => {
-    let argIndex = 0
+  ...partials: unknown[]
+): ((...args: unknown[]) => ReturnType<F>) => {
+  const placeholder = partial.placeholder;
+  return (...args: unknown[]): ReturnType<F> => {
+    let argIndex = 0;
     const finalArgs = partials.map(arg =>
       arg === placeholder ? args[argIndex++] : arg
-    )
-    return fn(...(finalArgs.concat(args.slice(argIndex)) as Parameters<F>)) as ReturnType<F>
-  }
-}
-
-partial.placeholder = Symbol()
-export const _ = partial.placeholder
-
-export const map = <T, U>(
-  collection: T[] | Record<string, T>,
-  iteratee?: ((value: T, index: number | string, collection: T[] | Record<string, T>) => U) | string
-): U[] => {
-  const fn =
-    typeof iteratee === "function"
-      ? iteratee
-      : typeof iteratee === "string"
-      ? (item: T) => (item as any)[iteratee]
-      : (item: T) => item as unknown as U
-
-  if (Array.isArray(collection)) {
-    return collection.map((value, index) => fn(value, index, collection))
-  }
-  return Object.keys(collection).map(key => fn(collection[key], key, collection))
-}
-
-export function debounce<F extends (...args: any[]) => any>(
-  func: F,
-  wait: number,
-  immediate?: boolean
-): (...args: Parameters<F>) => void {
-  let timeout: ReturnType<typeof setTimeout> | null;
-  return function(this: any, ...args: any[]) {
-    if (timeout) clearTimeout(timeout);
-    if (immediate && !timeout) {
-      func.apply(this, args);
-    }
-    timeout = setTimeout(() => {
-      timeout = null;
-      if (!immediate) {
-        func.apply(this, args);
-      }
-    }, wait);
+    );
+    return fn(...(finalArgs.concat(args.slice(argIndex)) as Parameters<F>)) as ReturnType<F>;
   };
-}
+};
+
+partial.placeholder = Symbol();
+export const _ = partial.placeholder;