@rango-dev/ui 0.17.1-next.4 → 0.17.1-next.6

package/dist/widget/ui/src/components/BestRoute/BestRoute.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BestRoute.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/BestRoute.styles.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAK3D,eAAO,MAAM,qCAAqC,MAAM,CAAC;AAEzD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6BzB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6E3B,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6CjB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAElB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgBxB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKpB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAU9B,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAMpB,CAAC"}
+{"version":3,"file":"BestRoute.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/BestRoute.styles.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAM3D,eAAO,MAAM,qCAAqC,MAAM,CAAC;AAEzD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6BzB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6E3B,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6CjB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAElB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgBxB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKpB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAU9B,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAMpB,CAAC"}

package/dist/widget/ui/src/components/index.d.ts

@@ -10,7 +10,6 @@ export * from './ChangeSlippageButton';
 export * from './Checkbox';
 export * from './Chip';
 export * from './common';
-export * from './ColorPicker';
 export * from './Divider';
 export * from './Drawer';
 export * from './Header';

package/dist/widget/ui/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.17.1-next.4",
+  "version": "0.17.1-next.6",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",
@@ -65,9 +65,7 @@
     "@radix-ui/react-tooltip": "^1.0.2",
     "@rango-dev/wallets-shared": "^0.17.0",
     "@stitches/react": "^1.2.8",
-    "@types/react-color": "^3.0.6",
     "rango-sdk": "^0.1.35",
-    "react-color": "^2.19.3",
     "react-virtualized-auto-sizer": "^1.0.7",
     "react-window": "^1.8.8",
     "react-window-infinite-loader": "^1.0.8",

package/src/components/BestRoute/BestRoute.styles.ts

@@ -1,6 +1,7 @@
 import * as Collapsible from '@radix-ui/react-collapsible';
 
 import { darkTheme, styled } from '../../theme';
+import { Image } from '../common';
 import { CollapsibleContent } from '../common/styles';
 
 export const EXPANDABLE_ROUTES_TRANSITION_DURATION = 300;

package/src/components/index.ts

@@ -10,7 +10,6 @@ export * from './ChangeSlippageButton';
 export * from './Checkbox';
 export * from './Chip';
 export * from './common';
-export * from './ColorPicker';
 export * from './Divider';
 export * from './Drawer';
 export * from './Header';

package/dist/widget/ui/src/components/ColorPicker/ColorPicker.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface PropTypes {
-    color?: string;
-    place: 'top' | 'bottom' | 'left' | 'right';
-    onChangeColor: (color?: string) => void;
-    label?: string;
-    placeholder?: string;
-}
-export declare function ColorPicker({ color, onChangeColor, label, place, placeholder, }: PropTypes): React.JSX.Element;
-//# sourceMappingURL=ColorPicker.d.ts.map

package/dist/widget/ui/src/components/ColorPicker/ColorPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA6CxC,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,KAAK,EACL,KAAK,EACL,WAAW,GACZ,EAAE,SAAS,qBAwCX"}

package/dist/widget/ui/src/components/ColorPicker/ColorPicker.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { PropTypes } from './ColorPicker';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
-export default _default;
-export declare const Main: (args: PropTypes) => React.JSX.Element;
-//# sourceMappingURL=ColorPicker.stories.d.ts.map

package/dist/widget/ui/src/components/ColorPicker/ColorPicker.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAe,SAAS,EAAE,MAAM,eAAe,CAAC;;AAEvD,wBAmB8B;AAE9B,eAAO,MAAM,IAAI,SAAU,SAAS,sBAoBnC,CAAC"}

package/dist/widget/ui/src/components/ColorPicker/index.d.ts

@@ -1,2 +0,0 @@
-export { ColorPicker } from './ColorPicker';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/ColorPicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/src/components/ColorPicker/ColorPicker.stories.tsx

@@ -1,46 +0,0 @@
-import React, { useState } from 'react';
-import { Meta } from '@storybook/react';
-import { ColorPicker, PropTypes } from './ColorPicker';
-
-export default {
-  title: 'Components/ColorPicker',
-  component: ColorPicker,
-  args: {
-    place: 'left',
-  },
-  argTypes: {
-    place: {
-      name: 'place',
-      control: { type: 'select' },
-      options: ['top', 'bottom', 'left', 'right'],
-      defaultValue: 'top',
-    },
-    placeholder: {
-      name: 'placeholder',
-      control: { type: 'text' },
-      defaultValue: 'Choose a color',
-    },
-  },
-} as Meta<typeof ColorPicker>;
-
-export const Main = (args: PropTypes) => {
-  const [color, setColor] = useState<string | undefined>('#5FA425');
-  return (
-    <div
-      style={{
-        height: 400,
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}
-    >
-      <ColorPicker
-        {...args}
-        color={color}
-        onChangeColor={(color) => {
-          console.log(color);
-          setColor(color)}}
-      />
-    </div>
-  );
-};

package/src/components/ColorPicker/ColorPicker.tsx

@@ -1,107 +0,0 @@
-import React, { useState } from 'react';
-import { ChromePicker } from 'react-color';
-import rgbHex from 'rgb-hex';
-
-import { styled } from '../../theme';
-import { Button } from '../Button';
-import { CloseIcon } from '../Icon';
-
-const Container = styled('div', {
-  position: 'relative',
-});
-
-const Color = styled('div', {
-  border: '1px solid $background',
-  borderRadius: '$xs',
-  width: '$32',
-  height: '$32',
-});
-const Cover = styled('div', {
-  position: 'fixed',
-  top: '0px',
-  right: '0px',
-  bottom: '0px',
-  left: '0px',
-});
-const Popover = styled('div', {
-  position: 'absolute',
-  zIndex: '2',
-  variants: {
-    place: {
-      top: {
-        top: '-241px',
-      },
-      bottom: {},
-      left: {
-        top: '-50%',
-        left: '-225px',
-      },
-      right: {
-        top: '-50%',
-        right: '-225px',
-      },
-    },
-  },
-});
-export interface PropTypes {
-  color?: string;
-  place: 'top' | 'bottom' | 'left' | 'right';
-  onChangeColor: (color?: string) => void;
-  label?: string;
-  placeholder?: string;
-}
-
-const Label = styled('label', {
-  display: 'inline-block',
-  fontSize: '$14',
-  marginBottom: '$4',
-  color: '$foreground',
-});
-
-export function ColorPicker({
-  color,
-  onChangeColor,
-  label,
-  place,
-  placeholder,
-}: PropTypes) {
-  const [displayColorPicker, setDisplayColorPicker] = useState<boolean>(false);
-
-  return (
-    <Container>
-      <Label className="_text">{label}</Label>
-      <Button
-        variant="outlined"
-        prefix={<Color style={{ backgroundColor: color }} />}
-        fullWidth
-        size="large"
-        suffix={
-          color && (
-            <div
-              onClick={(e) => {
-                e.stopPropagation();
-                onChangeColor(undefined);
-              }}>
-              <CloseIcon size={20} />
-            </div>
-          )
-        }
-        onClick={() => setDisplayColorPicker((prev) => !prev)}>
-        {color || placeholder}
-      </Button>
-
-      {displayColorPicker && (
-        <Popover place={place}>
-          <Cover onClick={() => setDisplayColorPicker(false)} />
-          <ChromePicker
-            color={color}
-            onChange={(c) => {
-              const color = '#' + rgbHex(c.rgb.r, c.rgb.g, c.rgb.b, c.rgb.a);
-              onChangeColor(color);
-            }}
-          />
-        </Popover>
-      )}
-    </Container>
-  );
-}

package/src/components/ColorPicker/index.ts

@@ -1 +0,0 @@
-export { ColorPicker } from './ColorPicker';