@fluentui/react-radio 0.0.0-nightly-20220302-0405.1

package/lib-commonjs/components/RadioGroup/RadioGroup.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

package/lib-commonjs/components/RadioGroup/index.d.ts

@@ -0,0 +1,5 @@
+export * from './RadioGroup';
+export * from './RadioGroup.types';
+export * from './renderRadioGroup';
+export * from './useRadioGroup';
+export * from './useRadioGroupStyles';

package/lib-commonjs/components/RadioGroup/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./RadioGroup"), exports);
+
+tslib_1.__exportStar(require("./RadioGroup.types"), exports);
+
+tslib_1.__exportStar(require("./renderRadioGroup"), exports);
+
+tslib_1.__exportStar(require("./useRadioGroup"), exports);
+
+tslib_1.__exportStar(require("./useRadioGroupStyles"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/components/RadioGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RadioGroup/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './RadioGroup';\nexport * from './RadioGroup.types';\nexport * from './renderRadioGroup';\nexport * from './useRadioGroup';\nexport * from './useRadioGroupStyles';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/RadioGroup/renderRadioGroup.d.ts

@@ -0,0 +1,5 @@
+import { RadioGroupState } from './RadioGroup.types';
+/**
+ * Render the final JSX of RadioGroup
+ */
+export declare const renderRadioGroup_unstable: (state: RadioGroupState) => JSX.Element;

package/lib-commonjs/components/RadioGroup/renderRadioGroup.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderRadioGroup_unstable = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const RadioGroupContext_1 = /*#__PURE__*/require("../../contexts/RadioGroupContext");
+/**
+ * Render the final JSX of RadioGroup
+ */
+
+
+const renderRadioGroup_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(RadioGroupContext_1.RadioGroupContext.Provider, {
+    value: state.context
+  }, React.createElement(slots.root, { ...slotProps.root
+  }));
+};
+
+exports.renderRadioGroup_unstable = renderRadioGroup_unstable;
+//# sourceMappingURL=renderRadioGroup.js.map

package/lib-commonjs/components/RadioGroup/renderRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RadioGroup/renderRadioGroup.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,mBAAA,CAAA,iBAAA,CAAkB,QAAnB,EAA2B;AAAC,IAAA,KAAK,EAAE,KAAK,CAAC;AAAd,GAA3B,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADF,CADF;AAKD,CARM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { RadioGroupContext } from '../../contexts/RadioGroupContext';\nimport { RadioGroupSlots, RadioGroupState } from './RadioGroup.types';\n\n/**\n * Render the final JSX of RadioGroup\n */\nexport const renderRadioGroup_unstable = (state: RadioGroupState) => {\n  const { slots, slotProps } = getSlots<RadioGroupSlots>(state);\n\n  return (\n    <RadioGroupContext.Provider value={state.context}>\n      <slots.root {...slotProps.root} />\n    </RadioGroupContext.Provider>\n  );\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/RadioGroup/useRadioGroup.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { RadioGroupProps, RadioGroupState } from './RadioGroup.types';
+/**
+ * Create the state required to render RadioGroup.
+ *
+ * The returned state can be modified with hooks such as useRadioGroupStyles_unstable,
+ * before being passed to renderRadioGroup_unstable.
+ *
+ * @param props - props from this instance of RadioGroup
+ * @param ref - reference to root HTMLElement of RadioGroup
+ */
+export declare const useRadioGroup_unstable: (props: RadioGroupProps, ref: React.Ref<HTMLDivElement>) => RadioGroupState;

package/lib-commonjs/components/RadioGroup/useRadioGroup.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRadioGroup_unstable = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Create the state required to render RadioGroup.
+ *
+ * The returned state can be modified with hooks such as useRadioGroupStyles_unstable,
+ * before being passed to renderRadioGroup_unstable.
+ *
+ * @param props - props from this instance of RadioGroup
+ * @param ref - reference to root HTMLElement of RadioGroup
+ */
+
+
+const useRadioGroup_unstable = (props, ref) => {
+  const generatedName = react_utilities_1.useId('radiogroup-');
+  const {
+    name = generatedName,
+    value,
+    defaultValue,
+    disabled,
+    layout = 'vertical',
+    onChange
+  } = props;
+  return {
+    layout,
+    context: React.useMemo(() => ({
+      name,
+      value,
+      defaultValue,
+      disabled,
+      layout
+    }), [name, layout, value, defaultValue, disabled]),
+    components: {
+      root: 'div'
+    },
+    root: {
+      ref,
+      role: 'radiogroup',
+      ...react_utilities_1.getNativeElementProps('div', props,
+      /*excludedPropNames:*/
+      ['onChange', 'name']),
+      onChange: react_utilities_1.useEventCallback(ev => {
+        if (onChange && ev.target instanceof HTMLInputElement && ev.target.type === 'radio') {
+          onChange(ev, {
+            value: ev.target.value
+          });
+        }
+      })
+    }
+  };
+};
+
+exports.useRadioGroup_unstable = useRadioGroup_unstable;
+//# sourceMappingURL=useRadioGroup.js.map

package/lib-commonjs/components/RadioGroup/useRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RadioGroup/useRadioGroup.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,sBAAsB,GAAG,CAAC,KAAD,EAAyB,GAAzB,KAA4E;AAChH,QAAM,aAAa,GAAG,iBAAA,CAAA,KAAA,CAAM,aAAN,CAAtB;AAEA,QAAM;AAAE,IAAA,IAAI,GAAG,aAAT;AAAwB,IAAA,KAAxB;AAA+B,IAAA,YAA/B;AAA6C,IAAA,QAA7C;AAAuD,IAAA,MAAM,GAAG,UAAhE;AAA4E,IAAA;AAA5E,MAAyF,KAA/F;AAEA,SAAO;AACL,IAAA,MADK;AAEL,IAAA,OAAO,EAAE,KAAK,CAAC,OAAN,CACP,OAAO;AACL,MAAA,IADK;AAEL,MAAA,KAFK;AAGL,MAAA,YAHK;AAIL,MAAA,QAJK;AAKL,MAAA;AALK,KAAP,CADO,EAQP,CAAC,IAAD,EAAO,MAAP,EAAe,KAAf,EAAsB,YAAtB,EAAoC,QAApC,CARO,CAFJ;AAYL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAZP;AAeL,IAAA,IAAI,EAAE;AACJ,MAAA,GADI;AAEJ,MAAA,IAAI,EAAE,YAFF;AAGJ,SAAG,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,KAA7B;AAAoC;AAAuB,OAAC,UAAD,EAAa,MAAb,CAA3D,CAHC;AAIJ,MAAA,QAAQ,EAAE,iBAAA,CAAA,gBAAA,CAAiB,EAAE,IAAG;AAC9B,YAAI,QAAQ,IAAI,EAAE,CAAC,MAAH,YAAqB,gBAAjC,IAAqD,EAAE,CAAC,MAAH,CAAU,IAAV,KAAmB,OAA5E,EAAqF;AACnF,UAAA,QAAQ,CAAC,EAAD,EAAK;AAAE,YAAA,KAAK,EAAE,EAAE,CAAC,MAAH,CAAU;AAAnB,WAAL,CAAR;AACD;AACF,OAJS;AAJN;AAfD,GAAP;AA0BD,CA/BM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useEventCallback, useId } from '@fluentui/react-utilities';\nimport { RadioGroupProps, RadioGroupState } from './RadioGroup.types';\n\n/**\n * Create the state required to render RadioGroup.\n *\n * The returned state can be modified with hooks such as useRadioGroupStyles_unstable,\n * before being passed to renderRadioGroup_unstable.\n *\n * @param props - props from this instance of RadioGroup\n * @param ref - reference to root HTMLElement of RadioGroup\n */\nexport const useRadioGroup_unstable = (props: RadioGroupProps, ref: React.Ref<HTMLDivElement>): RadioGroupState => {\n  const generatedName = useId('radiogroup-');\n\n  const { name = generatedName, value, defaultValue, disabled, layout = 'vertical', onChange } = props;\n\n  return {\n    layout,\n    context: React.useMemo(\n      () => ({\n        name,\n        value,\n        defaultValue,\n        disabled,\n        layout,\n      }),\n      [name, layout, value, defaultValue, disabled],\n    ),\n    components: {\n      root: 'div',\n    },\n    root: {\n      ref,\n      role: 'radiogroup',\n      ...getNativeElementProps('div', props, /*excludedPropNames:*/ ['onChange', 'name']),\n      onChange: useEventCallback(ev => {\n        if (onChange && ev.target instanceof HTMLInputElement && ev.target.type === 'radio') {\n          onChange(ev, { value: ev.target.value });\n        }\n      }),\n    },\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/RadioGroup/useRadioGroupStyles.d.ts

@@ -0,0 +1,6 @@
+import { RadioGroupState } from './RadioGroup.types';
+export declare const radioGroupClassName = "fui-RadioGroup";
+/**
+ * Apply styling to the RadioGroup slots based on the state
+ */
+export declare const useRadioGroupStyles_unstable: (state: RadioGroupState) => void;

package/lib-commonjs/components/RadioGroup/useRadioGroupStyles.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRadioGroupStyles_unstable = exports.radioGroupClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+exports.radioGroupClassName = 'fui-RadioGroup';
+
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "mc9l5x": "f22iagw",
+    "Bt984gj": "f6jr5hl"
+  },
+  "vertical": {
+    "Beiy3e4": "f1vx9l62"
+  }
+}, {
+  "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"]
+});
+/**
+ * Apply styling to the RadioGroup slots based on the state
+ */
+
+
+const useRadioGroupStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.radioGroupClassName, styles.root, state.layout === 'vertical' && styles.vertical, state.root.className);
+};
+
+exports.useRadioGroupStyles_unstable = useRadioGroupStyles_unstable;
+//# sourceMappingURL=useRadioGroupStyles.js.map

package/lib-commonjs/components/RadioGroup/useRadioGroupStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RadioGroup/useRadioGroupStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;;AAEb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACI,MAAM,4BAA4B,GAAI,KAAD,IAA2B;AACrE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,mBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,MAAN,KAAiB,UAAjB,IAA+B,MAAM,CAAC,QAHjB,EAIrB,KAAK,CAAC,IAAN,CAAW,SAJU,CAAvB;AAMD,CARM;;AAAM,OAAA,CAAA,4BAAA,GAA4B,4BAA5B","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { RadioGroupState } from './RadioGroup.types';\n\nexport const radioGroupClassName = 'fui-RadioGroup';\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'flex-start',\n  },\n\n  vertical: {\n    flexDirection: 'column',\n  },\n});\n\n/**\n * Apply styling to the RadioGroup slots based on the state\n */\nexport const useRadioGroupStyles_unstable = (state: RadioGroupState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    radioGroupClassName,\n    styles.root,\n    state.layout === 'vertical' && styles.vertical,\n    state.root.className,\n  );\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/contexts/RadioGroupContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { RadioGroupProps } from '../RadioGroup';
+export declare type RadioGroupContextValue = Pick<RadioGroupProps, 'name' | 'layout' | 'value' | 'defaultValue' | 'disabled'>;
+/**
+ * RadioGroupContext is provided by RadioGroup, and is consumed by Radio to determine default values of some props.
+ */
+export declare const RadioGroupContext: React.Context<RadioGroupContextValue>;

package/lib-commonjs/contexts/RadioGroupContext.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioGroupContext = void 0;
+
+const React = /*#__PURE__*/require("react");
+/**
+ * RadioGroupContext is provided by RadioGroup, and is consumed by Radio to determine default values of some props.
+ */
+
+
+exports.RadioGroupContext = /*#__PURE__*/React.createContext({});
+//# sourceMappingURL=RadioGroupContext.js.map

package/lib-commonjs/contexts/RadioGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["contexts/RadioGroupContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAKA;;AAEG;;;AACU,OAAA,CAAA,iBAAA,gBAAoB,KAAK,CAAC,aAAN,CAA4C,EAA5C,CAApB","sourcesContent":["import * as React from 'react';\nimport { RadioGroupProps } from '../RadioGroup';\n\nexport type RadioGroupContextValue = Pick<RadioGroupProps, 'name' | 'layout' | 'value' | 'defaultValue' | 'disabled'>;\n\n/**\n * RadioGroupContext is provided by RadioGroup, and is consumed by Radio to determine default values of some props.\n */\nexport const RadioGroupContext = React.createContext<RadioGroupContextValue>({});\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './RadioGroup';
+export * from './Radio';
+export * from './contexts/RadioGroupContext';

package/lib-commonjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./RadioGroup"), exports);
+
+tslib_1.__exportStar(require("./Radio"), exports);
+
+tslib_1.__exportStar(require("./contexts/RadioGroupContext"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,8BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './RadioGroup';\nexport * from './Radio';\nexport * from './contexts/RadioGroupContext';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@fluentui/react-radio",
+  "version": "0.0.0-nightly-20220302-0405.1",
+  "description": "Fluent UI Radio component",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "clean": "just-scripts clean",
+    "code-style": "just-scripts code-style",
+    "just": "just-scripts",
+    "lint": "just-scripts lint",
+    "start": "yarn storybook",
+    "test": "jest --passWithNoTests",
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-radio/src && yarn docs",
+    "storybook": "node ../../scripts/storybook/runner",
+    "type-check": "tsc -b tsconfig.json"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/scripts": "^1.0.0",
+    "@types/enzyme": "3.10.3",
+    "@types/enzyme-adapter-react-16": "1.0.3",
+    "@types/react": "16.9.42",
+    "@types/react-dom": "16.9.10",
+    "@types/react-test-renderer": "^16.0.0",
+    "enzyme": "~3.10.0",
+    "enzyme-adapter-react-16": "^1.15.0",
+    "react": "16.8.6",
+    "react-dom": "16.8.6",
+    "react-test-renderer": "^16.3.0"
+  },
+  "dependencies": {
+    "@fluentui/react-icons": "^2.0.159-beta.10",
+    "@fluentui/react-label": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220302-0405.1",
+    "@griffel/react": "1.0.0",
+    "tslib": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.8.0 <18.0.0",
+    "@types/react-dom": ">=16.8.0 <18.0.0",
+    "react": ">=16.8.0 <18.0.0",
+    "react-dom": ">=16.8.0 <18.0.0"
+  },
+  "beachball": {
+    "disallowedChangeTypes": [
+      "major",
+      "minor",
+      "patch"
+    ]
+  }
+}