@algolia/satellite 1.0.0-beta.18 → 1.0.0-beta.180

package/esm/utils/matchLocation.d.ts

@@ -0,0 +1,2 @@
+export declare type LocationSubset = Pick<Location, "pathname">;
+export declare const matchLocation: (href: string, location: LocationSubset) => boolean;

package/esm/utils/matchLocation.js

@@ -0,0 +1,4 @@
+import { parseURL } from "./parseUrl";
+export var matchLocation = function matchLocation(href, location) {
+  return (location.pathname || "").startsWith(parseURL(href).pathname);
+};

package/esm/utils/onlyText.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from "react";
+export declare const onlyText: (children: ReactNode | ReactNode[]) => string;

package/esm/utils/onlyText.js

@@ -0,0 +1,32 @@
+import { Children, isValidElement } from "react";
+var hasChildren = function hasChildren(element) {
+  return /*#__PURE__*/isValidElement(element) && Boolean(element.props.children);
+};
+var childToString = function childToString(child) {
+  if (typeof child === "undefined" || child === null || typeof child === "boolean") {
+    return "";
+  }
+  if (JSON.stringify(child) === "{}") {
+    return "";
+  }
+  return child.toString();
+};
+
+// Code stolen from `react-children-utils`
+// @see https://github.com/fernandopasik/react-children-utilities/blob/main/src/lib/onlyText.ts
+export var onlyText = function onlyText(children) {
+  if (!(children instanceof Array) && ! /*#__PURE__*/isValidElement(children)) {
+    return childToString(children);
+  }
+  return Children.toArray(children).reduce(function (text, child) {
+    var newText = "";
+    if ( /*#__PURE__*/isValidElement(child) && hasChildren(child)) {
+      newText = onlyText(child.props.children);
+    } else if ( /*#__PURE__*/isValidElement(child) && !hasChildren(child)) {
+      newText = "";
+    } else {
+      newText = childToString(child);
+    }
+    return text.concat(newText);
+  }, "");
+};

package/esm/utils/parseUrl.d.ts

@@ -0,0 +1,10 @@
+export declare const parseURL: (url: string) => {
+    protocol: string;
+    host: string;
+    hostname: string;
+    port: string;
+    pathname: string;
+    search: string;
+    hash: string;
+};
+export declare type ParsedLocation = ReturnType<typeof parseURL>;

package/esm/utils/parseUrl.js

@@ -0,0 +1,14 @@
+export var parseURL = function parseURL(url) {
+  var parser = document.createElement("a");
+  // Let the browser do the work
+  parser.href = url;
+  return {
+    protocol: parser.protocol,
+    host: parser.host,
+    hostname: parser.hostname,
+    port: parser.port,
+    pathname: parser.pathname,
+    search: parser.search,
+    hash: parser.hash
+  };
+};

package/esm/utils/pluralize.d.ts

@@ -0,0 +1,6 @@
+interface Options {
+    plural?: string;
+    numberFormatter?: (number: number) => string;
+}
+export declare function pluralize(count: number, word: string, options?: Options): string;
+export {};

package/esm/utils/pluralize.js

@@ -0,0 +1,15 @@
+var DEFAULT_OPTIONS = {
+  numberFormatter: function numberFormatter(number) {
+    return String(number);
+  }
+};
+export function pluralize(count, word, options) {
+  var _Object$assign = Object.assign({}, DEFAULT_OPTIONS, options),
+    plural = _Object$assign.plural,
+    numberFormatter = _Object$assign.numberFormatter;
+  var formattedNumber = numberFormatter(count);
+  if (count === 1) {
+    return "".concat(formattedNumber, " ").concat(word);
+  }
+  return "".concat(formattedNumber, " ").concat(plural || "".concat(word, "s"));
+}

package/esm/utils/prefersReducedMotion.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Checks if the user has `prefers-reduced-motion` enabled
+ *
+ * @returns {boolean}
+ */
+export declare const prefersReducedMotion: boolean;

package/esm/utils/prefersReducedMotion.js

@@ -0,0 +1,7 @@
+var _window$matchMedia, _window;
+/**
+ * Checks if the user has `prefers-reduced-motion` enabled
+ *
+ * @returns {boolean}
+ */
+export var prefersReducedMotion = typeof window !== "undefined" && ((_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, "(prefers-reduced-motion: reduce)").matches) === true;

package/esm/utils/range.d.ts

@@ -0,0 +1 @@
+export declare function range(start: number, end: number): number[];

package/esm/utils/range.js

@@ -0,0 +1,6 @@
+export function range(start, end) {
+  if (start >= end) throw "Start should be greater than end";
+  return Array(Math.abs(end - start)).fill(undefined).map(function (_, idx) {
+    return start + idx;
+  });
+}

package/esm/utils/sortObjectAlphabetically.d.ts

@@ -0,0 +1 @@
+export declare function sortObjectAlphabetically(obj: Record<string, any>): Record<string, any>;

package/esm/utils/sortObjectAlphabetically.js

@@ -0,0 +1,11 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+export function sortObjectAlphabetically(obj) {
+  var sortedEntries = Object.entries(obj).sort(function (_ref, _ref2) {
+    var _ref3 = _slicedToArray(_ref, 1),
+      keyA = _ref3[0];
+    var _ref4 = _slicedToArray(_ref2, 1),
+      keyB = _ref4[0];
+    return keyA.localeCompare(keyB);
+  });
+  return Object.fromEntries(sortedEntries);
+}

package/esm/utils/toSentenceCase.d.ts

@@ -0,0 +1,2 @@
+/** Converts PascalCase and camelCase to Sentence case */
+export declare const toSentenceCase: (str: string) => string;

package/esm/utils/toSentenceCase.js

@@ -0,0 +1,8 @@
+import capitalize from "lodash/capitalize";
+
+/** Converts PascalCase and camelCase to Sentence case */
+export var toSentenceCase = function toSentenceCase(str) {
+  var firstChar = str.charAt(0);
+  var remainingChars = str.slice(1).replace(/\s/g, "").replace(/([A-Z]+)/g, "$1").replace(/([A-Z][a-z])/g, " $1").trim();
+  return capitalize("".concat(firstChar).concat(remainingChars));
+};

package/esm/utils/uniqBy.d.ts

@@ -0,0 +1 @@
+export declare function uniqBy<T>(arr: T[], identity: (item: T) => any): T[];

package/esm/utils/uniqBy.js

@@ -0,0 +1,12 @@
+export function uniqBy(arr, identity) {
+  if (!arr) return arr;
+  var memo = [];
+  return arr.filter(function (item) {
+    var id = identity(item);
+    if (memo.includes(id)) {
+      return false;
+    }
+    memo.push(id);
+    return true;
+  });
+}

package/esm/utils/uniqueId.d.ts

@@ -0,0 +1 @@
+export declare function uniqueId(prefix?: string): string;

package/esm/utils/uniqueId.js

@@ -0,0 +1,6 @@
+var counters = {};
+export function uniqueId() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "id";
+  counters[prefix] = counters[prefix] === undefined ? 0 : counters[prefix] + 1;
+  return prefix + counters[prefix];
+}

package/esm/utils/useForwardedRef.d.ts

@@ -0,0 +1,2 @@
+import type { MutableRefObject, Ref } from "react";
+export declare function useForwardedRef<T>(externalRef: Ref<T | null> | undefined): [(instance: T | null) => void, MutableRefObject<T | null>];

package/esm/utils/useForwardedRef.js

@@ -0,0 +1,16 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+import { useCallback, useRef } from "react";
+export function useForwardedRef(externalRef) {
+  var ref = useRef(externalRef && _typeof(externalRef) === "object" ? externalRef.current : null);
+  var refCallback = useCallback(function (value) {
+    ref.current = value;
+    if (!externalRef) {
+      return;
+    } else if (typeof externalRef === "function") {
+      externalRef(value);
+    } else {
+      externalRef.current = value;
+    }
+  }, [externalRef]);
+  return [refCallback, ref];
+}

package/esm/utils/useLinkProps.d.ts

@@ -0,0 +1,6 @@
+import type { AnchorHTMLAttributes } from "react";
+export declare type UseLinkPropsArgs = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target" | "rel" | "role" | "tabIndex"> & {
+    disabled?: boolean;
+};
+export declare type UseLinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target" | "rel" | "role" | "tabIndex" | "aria-disabled">;
+export declare const useLinkProps: (props: UseLinkPropsArgs) => UseLinkProps;

package/esm/utils/useLinkProps.js

@@ -0,0 +1,45 @@
+import { useMemo } from "react";
+import { useSatelliteContext } from "../Satellite/SatelliteContext";
+import { parseURL } from "./parseUrl";
+export var useLinkProps = function useLinkProps(props) {
+  var _props$target, _props$rel;
+  var _useSatelliteContext = useSatelliteContext(),
+    router = _useSatelliteContext.router;
+  var onClick = function onClick(evt) {
+    if (props.onClick) {
+      props.onClick(evt);
+    }
+    if (!props.href) {
+      return;
+    }
+    var isLeftClick = evt.button === 0;
+    var isModifierKeyPressed = Boolean(evt.metaKey || evt.altKey || evt.ctrlKey || evt.shiftKey);
+    var hasTarget = Boolean(evt.currentTarget.target);
+    if (isLeftClick && !isModifierKeyPressed && !hasTarget && !evt.defaultPrevented && evt.currentTarget.href) {
+      evt.preventDefault();
+      router.push({
+        url: evt.currentTarget.href
+      });
+    }
+  };
+  var href = router.transformHref(props.href || "");
+  var parsedLocation = useMemo(function () {
+    return parseURL(href);
+  }, [href]);
+  var isExternal = router.isExternalLocation(parsedLocation);
+  var target = (_props$target = props.target) !== null && _props$target !== void 0 ? _props$target : router.shouldOpenInNewTab(parsedLocation) ? "_blank" : undefined;
+  var rel = (_props$rel = props.rel) !== null && _props$rel !== void 0 ? _props$rel : isExternal ? "noopener noreferrer" : undefined;
+  return props.disabled ? {
+    role: "link",
+    target: target,
+    tabIndex: -1,
+    "aria-disabled": true
+  } : {
+    target: target,
+    href: href,
+    rel: rel,
+    onClick: onClick,
+    role: props.role,
+    tabIndex: props.tabIndex
+  };
+};

package/esm/utils/useTriggerInputChange.d.ts

@@ -0,0 +1,8 @@
+import type { MutableRefObject } from "react";
+declare type InputValue = JSX.IntrinsicElements["input"]["value"];
+/**
+ * Trigger a native input change event.
+ * See https://stackoverflow.com/questions/23892547/what-is-the-best-way-to-trigger-onchange-event-in-react-js
+ */
+export declare const useTriggerInputChange: (inputRef: MutableRefObject<HTMLInputElement | null>) => (value: InputValue) => void;
+export {};

package/esm/utils/useTriggerInputChange.js

@@ -0,0 +1,20 @@
+import { useCallback } from "react";
+/**
+ * Trigger a native input change event.
+ * See https://stackoverflow.com/questions/23892547/what-is-the-best-way-to-trigger-onchange-event-in-react-js
+ */
+export var useTriggerInputChange = function useTriggerInputChange(inputRef) {
+  var triggerInputChange = useCallback(function (value) {
+    var input = inputRef.current;
+    if (!input) return;
+
+    // @ts-ignore
+    var nativeInputValueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set;
+    var ev2 = new Event("input", {
+      bubbles: true
+    });
+    nativeInputValueSetter.call(input, value);
+    input.dispatchEvent(ev2);
+  }, [inputRef]);
+  return triggerInputChange;
+};

package/package.json

@@ -1,8 +1,40 @@
 {
   "name": "@algolia/satellite",
-  "version": "1.0.0-beta.18",
+  "version": "1.0.0-beta.180",
   "description": "Algolia design system React components",
-  "main": "index.js",
+  "sideEffects": false,
+  "scripts": {
+    "clean": "rimraf dist",
+    "prebuild": "yarn clean",
+    "build": "cross-env NODE_ENV=production run-p build:types build:js build:manifests build:css build:scss",
+    "build:_js": "babel src --extensions \".ts,.tsx,.js\" --ignore \"src/**/*.d.ts,src/**/*.stories.tsx,src/**/*.test.ts,src/**/*.test.tsx\"",
+    "build:esm": "cross-env BABEL_MODULE_TYPE=ESM yarn build:_js --out-dir dist/esm",
+    "build:cjs": "cross-env BABEL_MODULE_TYPE=CJS yarn build:_js --out-dir dist/cjs",
+    "build:js": "run-p build:esm build:cjs",
+    "build:css": "cross-env NODE_ENV=production postcss -o dist/satellite.min.css src/styles/satellite.css",
+    "build:scss": "node ./scripts/build-scss-variables.js",
+    "build:types": "node ./scripts/build-types.js",
+    "build:manifests": "node ./scripts/prepare-manifests.js",
+    "build:storybook": "storybook build -o .storybook-static",
+    "serve:storybook": "http-server .storybook-static -s -p 6060",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --commit-path ./",
+    "dev": "storybook dev -p 6060",
+    "quality": "run-s quality:test quality:types quality:lint",
+    "quality:lint": "eslint --rulesdir ./.eslint_rules/ 'src/**/*.{ts,tsx}'",
+    "quality:types": "tsc",
+    "quality:test": "jest --config jest.config.js --runInBand",
+    "quality:accessibility": "yarn build:storybook && run-p -r serve:storybook quality:test-storybook",
+    "quality:test-storybook": "wait-on tcp:6060 && test-storybook --url http://localhost:6060 --no-stories-json --maxWorkers=2",
+    "postquality:test-storybook": "node ./scripts/combine-reports.js",
+    "preversion": "yarn quality",
+    "version": "yarn changelog && git add CHANGELOG.md",
+    "postversion": "git push && git push --tags",
+    "release": "./scripts/release.sh",
+    "chromatic": "cross-env NODE_ENV=storybook chromatic --build-script-name build:storybook --exit-zero-on-changes --auto-accept-changes master --exit-once-uploaded"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/algolia/satellite.git"
@@ -12,59 +44,70 @@
     "react",
     "design"
   ],
-  "author": "Algolia (contact@algolia.com)",
+  "author": "Algolia <contact@algolia.com>",
+  "contributors": [
+    "Vincent Lemeunier <vincent.lemeunier@algolia.com>",
+    "Kevin Østerkilde <kevin.osterkilde@algolia.com>",
+    "Clément Aupiais <clement.aupiais@algolia.com>",
+    "Mark Messenger <mark.messenger@algolia.com>",
+    "Fabien Motte <fabien.motte@algolia.com>"
+  ],
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/algolia/satellite/issues"
   },
   "homepage": "https://github.com/algolia/satellite#readme",
-  "peerDependencies": {
-    "react": "^15.0.0 || ^16.0.0",
-    "react-dom": "^15.0.0 || ^16.0.0"
+  "jest-junit": {
+    "outputDirectory": "./.reports/junit"
   },
-  "devDependencies": {
-    "@babel/cli": "^7.4.3",
-    "@babel/core": "^7.4.3",
-    "@babel/plugin-proposal-class-properties": "^7.4.0",
-    "@babel/plugin-proposal-object-rest-spread": "^7.4.3",
-    "@babel/plugin-transform-runtime": "^7.4.3",
-    "@babel/preset-env": "^7.4.3",
-    "@babel/preset-react": "^7.0.0",
-    "@babel/preset-typescript": "^7.1.0",
-    "@babel/template": "^7.4.0",
-    "@types/classnames": "^2.2.7",
-    "@types/react": "^16.7.20",
-    "@types/react-dom": "^16.0.11",
-    "@types/react-transition-group": "1.1.5",
-    "babel-plugin-inline-react-svg": "^1.1.0",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "chokidar-cli": "^1.2.1",
-    "concat-with-sourcemaps": "^1.1.0",
-    "cp-file": "^7.0.0",
-    "cross-env": "^5.2.0",
-    "del-cli": "^1.1.0",
-    "dependency-tree": "^7.0.2",
-    "glob": "^7.1.3",
-    "make-dir": "^3.0.0",
-    "minimist": "^1.2.0",
-    "node-sass": "^4.11.0",
-    "postcss": "^7.0.14",
-    "postcss-csso": "^3.0.0",
-    "postcss-modules-local-by-default": "^2.0.6",
-    "postcss-modules-scope": "^2.1.0",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0",
-    "semver": "^6.1.1",
-    "typed-css-modules": "^0.4.2",
-    "typescript": "^3.4.4"
+  "engines": {
+    "node": ">=16"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "react-instantsearch-dom": "^6.1.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.4.3",
-    "classnames": "^2.2.6",
-    "downshift": "^2.0.10",
-    "raf": "^3.4.1",
-    "react-input-autosize": "^2.2.1",
-    "react-popper": "^0.10.x",
-    "react-transition-group": "1.x"
-  }
+    "@babel/runtime": "^7.21.0",
+    "@popperjs/core": "^2.4.4",
+    "@radix-ui/react-avatar": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.4",
+    "@radix-ui/react-dropdown-menu": "^2.0.5",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-progress": "^1.0.3",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slider": "^1.1.2",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-tooltip": "^1.0.6",
+    "clsx": "^2.0.0",
+    "color": "^4.2.3",
+    "date-fns": "^2.29.3",
+    "diacritics": "^1.3.0",
+    "downshift": "^8",
+    "lodash": "^4.17.21",
+    "lucide-react": "^0.312.0",
+    "react-day-picker": "^8.0.7",
+    "react-dropzone": "^11.5.1",
+    "react-popper": "^2.2.5",
+    "react-transition-group": "^4.4.5",
+    "react-use": "^15.3.8",
+    "tailwindcss": "^3.3.5"
+  },
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
+  "exports": {
+    ".": {
+      "require": "./cjs/index.js",
+      "default": "./esm/index.js"
+    },
+    "./satellite.min.css": "./satellite.min.css",
+    "./scss/colors.scss": "./scss/colors.scss",
+    "./scss/variables.scss": "./scss/variables.scss",
+    "./cjs/styles/tailwind.config.js": "./cjs/styles/tailwind.config.js",
+    "./esm/styles/tailwind.config.js": "./esm/styles/tailwind.config.js"
+  },
+  "typings": "./esm/index.d.ts"
 }