From 3646c0d0a3cc2387898f23d1befef5c70c48fdfb Mon Sep 17 00:00:00 2001
From: venashial <venashial.levo@aleeas.com>
Date: Sun, 3 Apr 2022 11:45:04 -0700
Subject: [PATCH] Remove lodash.uniqueId

---
 package.json                                   | 1 -
 pnpm-lock.yaml                                 | 6 ------
 src/package/components/Button.svelte           | 2 +-
 src/package/components/Checkbox.svelte         | 2 +-
 src/package/components/FormField.svelte        | 2 +-
 src/package/utils/uniqueId.ts                  | 6 ++++++
 src/routes/_internal/components/Example.svelte | 1 +
 src/routes/components/CheckboxVirtualList.md   | 2 +-
 8 files changed, 11 insertions(+), 11 deletions(-)
 create mode 100644 src/package/utils/uniqueId.ts

diff --git a/package.json b/package.json
index f3c5611d4..c5d7f837f 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,6 @@
     "cssnano": "^5.1.1",
     "highlight.js": "^11.5.0",
     "insane": "^2.6.2",
-    "lodash.uniqueid": "^4.0.1",
     "marked": "^4.0.12",
     "postcss": "^8.4.8",
     "postcss-easy-import": "^4.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f18787262..69323c0d6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,7 +17,6 @@ specifiers:
   eslint-plugin-svelte3: ^3.2.1
   highlight.js: ^11.5.0
   insane: ^2.6.2
-  lodash.uniqueid: ^4.0.1
   marked: ^4.0.12
   mdsvex: ^0.10.5
   mdsvexamples: ^0.0.8
@@ -55,7 +54,6 @@ dependencies:
   cssnano: 5.1.1_postcss@8.4.8
   highlight.js: 11.5.0
   insane: 2.6.2
-  lodash.uniqueid: 4.0.1
   marked: 4.0.12
   postcss: 8.4.8
   postcss-easy-import: 4.0.0_postcss@8.4.8
@@ -2133,10 +2131,6 @@ packages:
     resolution: {integrity: sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=}
     dev: false
 
-  /lodash.uniqueid/4.0.1:
-    resolution: {integrity: sha1-MmjyanyI5PSxdY1nknGBTjH6WyY=}
-    dev: false
-
   /lodash/4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
     dev: false
diff --git a/src/package/components/Button.svelte b/src/package/components/Button.svelte
index 4cb2c9503..a2d8fa854 100644
--- a/src/package/components/Button.svelte
+++ b/src/package/components/Button.svelte
@@ -14,7 +14,7 @@
     export let value = ''
 
     export let size: 'sm' | 'md' | 'lg' = 'md'
-    export let color: 'raised' | 'primary' | 'primary-light' | 'danger'| 'danger-light' | 'transparent'
+    export let color: '' | 'raised' | 'primary' | 'primary-light' | 'danger'| 'danger-light' | 'transparent' = ''
 
     /** Show notification badge in the upper right of button */
     export let badge = false
diff --git a/src/package/components/Checkbox.svelte b/src/package/components/Checkbox.svelte
index 4f1194412..175f4973c 100644
--- a/src/package/components/Checkbox.svelte
+++ b/src/package/components/Checkbox.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import uniqueId from 'lodash.uniqueid'
+    import { uniqueId } from '../utils/uniqueId'
     import IconCheck from 'virtual:icons/heroicons-outline/check'
 
     export let checked = false;
diff --git a/src/package/components/FormField.svelte b/src/package/components/FormField.svelte
index 0543ab943..769a4835a 100644
--- a/src/package/components/FormField.svelte
+++ b/src/package/components/FormField.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import uniqueId from 'lodash.uniqueid'
+    import { uniqueId } from '../utils/uniqueId'
 
     export let required = false;
     export let label: string;
diff --git a/src/package/utils/uniqueId.ts b/src/package/utils/uniqueId.ts
new file mode 100644
index 000000000..cf112ce13
--- /dev/null
+++ b/src/package/utils/uniqueId.ts
@@ -0,0 +1,6 @@
+let idCounter = 0;
+
+export function uniqueId(prefix = ''): string {
+    const id = ++idCounter;
+    return prefix + id;
+}
\ No newline at end of file
diff --git a/src/routes/_internal/components/Example.svelte b/src/routes/_internal/components/Example.svelte
index b6e863acb..ed58d29a8 100644
--- a/src/routes/_internal/components/Example.svelte
+++ b/src/routes/_internal/components/Example.svelte
@@ -39,6 +39,7 @@
             position: relative;
             justify-content: flex-start;
             z-index: 1;
+            padding: 16px;
         }
 
         &__source {
diff --git a/src/routes/components/CheckboxVirtualList.md b/src/routes/components/CheckboxVirtualList.md
index 3103af7b0..a3cd13b77 100644
--- a/src/routes/components/CheckboxVirtualList.md
+++ b/src/routes/components/CheckboxVirtualList.md
@@ -2,7 +2,7 @@
 <script lang="ts">
     import { CheckboxVirtualList } from "omorphia";
     import IconStar from 'virtual:icons/heroicons-outline/star'
-    import uniqueId from 'lodash.uniqueid'
+    import { uniqueId } from 'omorphia/utils/uniqueId'
     
     let options = Array(100).fill({})
         .map(option => ({