@servicetitan/confirm 22.4.5 → 23.0.0

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# v23.0.0 (Fri Sep 09 2022)
+
+#### 💥 Breaking Change
+
+- DS-1141: Updating dependencies for design-system, tokens, formstate, etc [#150](https://github.com/servicetitan/anvil-uikit-contrib/pull/150) ([@rgdelato](https://github.com/rgdelato))
+
+#### Authors: 1
+
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+
+---
+
+# v22.5.0 (Wed Aug 31 2022)
+
+:tada: This release contains work from a new contributor! :tada:
+
+Thank you, ilya Andreyev ([@ilyaandreyev](https://github.com/ilyaandreyev)), for all your work!
+
+#### 🏠 Internal
+
+- FAR-981: Moving examples to contrib storybook [#133](https://github.com/servicetitan/anvil-uikit-contrib/pull/133) ([@rgdelato](https://github.com/rgdelato))
+
+#### Authors: 1
+
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+
+---
+
 # v22.0.1 (Tue Jun 21 2022)
 
 #### 🐛 Bug Fix

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/confirm",
-    "version": "22.4.5",
+    "version": "23.0.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/confirm",
     "repository": {
@@ -16,12 +16,12 @@
         "src"
     ],
     "devDependencies": {
-        "@servicetitan/design-system": "~11.8.0",
+        "@servicetitan/design-system": ">=12.4.1",
         "@types/react": "~17.0.38",
         "react": "~17.0.2"
     },
     "peerDependencies": {
-        "@servicetitan/design-system": "~11.8.0",
+        "@servicetitan/design-system": ">=12.4.1",
         "react": "~17.0.2"
     },
     "dependencies": {
@@ -33,5 +33,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "01a6292ee7c2166a6403492b8a26fef3a46e15a0"
+    "gitHead": "c29a739a4437e2bb2a91805e01d34858fe0c7425"
 }

package/src/confirm.stories.tsx

@@ -0,0 +1,34 @@
+import { Fragment, FC } from 'react';
+import { Text } from '@servicetitan/design-system';
+
+import {
+    BasicExample,
+    HookExample,
+    ConfigurableExample,
+    ToggleableExample,
+    YesNoExample,
+    CustomExample,
+} from '../dist/demo';
+
+export default {
+    title: 'Confirm/Demos',
+};
+
+export const Basic = wrap('Default confirmation', BasicExample);
+export const Hook = wrap('Hook usage', HookExample);
+export const Configurable = wrap('Configurable default dialog', ConfigurableExample);
+export const Toggleable = wrap('Toggleable confirmation', ToggleableExample);
+export const YesNo = wrap('(Yes / No / Cancel) confrimation', YesNoExample);
+export const Custom = wrap('Custom confirmation component', CustomExample);
+
+function wrap(name: string, Component: FC) {
+    return () => (
+        <Fragment>
+            <Text size={4} className="m-b-half">
+                {name}
+            </Text>
+
+            <Component />
+        </Fragment>
+    );
+}